/**
 * VI-Platform
 *
 * @package   VI-Platform
 * @version   1.0  2007-07-09
 * @author    Ivo de Klerk <ivo@ixp.nl>
 * @copyright Copyright (c) 2007, IXP internet solutions (www.ixp.nl)
 *
 */


/**
 * Primaire block elementen voor pagina indeling en achtergrond
 */
html {
    overflow: -moz-scrollbars-vertical;
}

* {
    padding:0;
    margin:0;
}

body {
	font-family:arial;
	font-size:12px;
}

body#vip {
	text-align:center;
	border:none;
    background-color:#b0b6ff;
    background-image:url(/images/achtergrond.gif);
	background-position:center bottom;
	background-repeat:repeat;
}

#window {
    width:956px;
	text-align:left;
    clear:both;
	margin:0 auto;
	padding:0;
}

#main, #foot {
    width:956px;
	text-align:center;
    clear:both;
	margin:0 auto;
	padding:0;
	display:block;
	float:left;
}

#main {
    background-image:url(/images/border-side.png);
	background-position:center bottom;
	background-repeat:repeat-y;
}

#foot {
    background-image:url(/images/border-foot.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	height:36px;
	line-height:36px;
}


/**
 * Secundaire block elementen voor (tekst)blokken
 */
div.container {
	width:950px;
	padding:0 3px;
	text-align:left;
	margin:0;
	display:block;
	float:left;
}

#foot div.container {
	height:33px;
	line-height:33px;
}

#head, #subhead, #breadcrumb, #viewport {
    padding:0;
    margin:0;
    float:left;
    display:block;
    width:100%;
}


/**
 * Stijlen voor kop
 */
#head {
    height:99px;
    padding:0;
    margin:0;
    background-color:#000085;
    background-image:url(/images/logo_VI-Platform.gif);
    background-position:center top;
    background-repeat:no-repeat;
}

#viplogo {
    float:left;
    position:relative;
    top:14px;
    left:26px;
    padding:0;
    margin:0;
}

#head h5 {
    position:relative;
    top:0;
    height:20px;
    padding:0;
    margin:0;
    text-align:right;
    color:#000085;
}

#head ul {
    position:relative;
    top:55px;
    color:#66f;
    font-weight:bold;
    font-size:11px;
    text-align:right;
    margin:0 20px 0 0;
    padding:0;
    list-style-type:none;
}

#head li {
    line-height:19px;
    display:inline;
}

#head li a {
    color:#66f;
    text-decoration:none;
}


/**
 * Stijlen voor subkop
 */
#subhead {
    height:46px;
    padding:0;
    margin:0;
    background-color:#33c;
    background-image:url(/images/achtergrond-subhead.gif);
	background-position:center bottom;
	background-repeat:repeat-x;
}


/**
 * Stijlen voor breadcrumb
 */
#breadcrumb {
    height:25px;
    padding:0;
    margin:0;
    background-color:#006;
}
#breadcrumb span {
    color: #999;
    line-height:25px;
    padding:0 14px;
}
#breadcrumb span a {
    color:#fff;
    text-decoration:none;
}
#breadcrumb span a:hover {
    text-decoration:underline;
}

/**
 * Stijlen voor de viewport
 */
#viewport {
    background-color:#fff;
}
#left {
    width:191px;
    padding:0;
    margin:0;
    float:left;
}
#left div.buttonbox {
    width:150px;
    float:left;
    padding:15px 0 0 20px;
}
#menu {
    width:191px;
    background-color:#006;
    color:#fff;
    padding:0;
    margin:0;
    float:left;
    height:263px;
}

#content {
  width:744px;
  padding:0 5px 0 10px;
  margin:0;
  float:left;
}
#contentfull {
  width:930px;
  padding:0 5px 0 15px;
  margin:0;
  float:left;
}

#backbar {
  height:33px;
  line-height:33px;
}
#backbar p {
  padding:0 10px;
  margin:0;
  font-size:13px;
}
#backbar a {
  text-decoration:none;
  color:#00f;
}

/**
 * Stijlen voor foot
 */
#footline {
  background-color:#fff;
  text-align:right;
  padding:0 15px;
  color:#999;
}
#footline a {
    color:#999;
    text-decoration:none;
}
#footline a:hover {
    text-decoration:underline;
}

/**
 * Stijlen voor box breedtes, min 2 pixels voor de border!
 */
div.singlebox, div.doublebox, div.tripplebox, div.quadbox {
  display:block;
  float:left;
  margin:10px 10px 0 0;
  padding:0;
  border-width:1px;
  border-style:solid;
}
div.singlebox {
  width:174px;
}
div.doublebox {
  width:360px;
}
div.tripplebox {
  width:546px;
}
div.quadbox {
  width:732px;
}


/**
 * Stijlen voor kolommen breedtes
 * zonder borders
 */
div.singleboxNB, div.doubleboxNB, div.trippleboxNB, div.quadboxNB {
  float:left;
  display:block;
  margin:0 10px 10px 0;
  padding:0;
}
div.singleboxNB {
  width:176px;
}
div.doubleboxNB {
  width:362px;
}
div.trippleboxNB {
  width:548px;
}
div.quadboxNB {
  width:734px;
}

/**
 * Stijlen voor kolom breedtes, inclusief margin!
 */
div.singlecol, div.doublecol, div.tripplecol, div.quadcol {
  float:left;
  margin:0;
  padding:0;
}
div.singlecol {
  width:186px;
}
div.doublecol {
  width:372px;
}
div.tripplecol {
  width:558px;
}
div.quadcol {
  width:744px;
}
div.pentacol {
  width:930px;
}

/**
 * Stijlen voor box kleuren, o.a. de border
 */
div.bluebox {
  border-color:#69f;
}
div.greenbox {
  border-color:#9ece0e;
}
div.yellowbox {
  border-color:#cece3e;
}
div.graybox {
  border-color:#666;
}
div.cyanbox {
  border-color:#6cc;
}
div.aquabox {
  border-color:#3399cc;
}
div.navybox {
  border-color:#0e0e6e;
}
/**
 * Stylen voor uitlijning
 */
span.right {
  float:right;
  display:inline;
}

/**
 * Stylen voor koppen
 */
div.singlebox h1.solid, div.doublebox h1.solid, div.tripplebox h1.solid, div.quadbox h1.solid {
    line-height:30px;
    height:30px;
    margin:0;
    padding:0px 5px 0 5px;
    font-size:20px;
    color:#fff;
    font-weight:normal;
}
div.singlebox h3, div.doublebox h3, div.tripplebox h3, div.quadbox h3 {
    line-height:20px;
    height:26px;
    margin:0;
    padding:3px 5px 0 5px;
    font-size:14px;
    color:#fff;
}
div.singlebox h3 a, div.doublebox h3 a, div.tripplebox h3 a, div.quadbox h3 a {
    color:#fff;
    text-decoration:none;
}
div.singlebox h4, div.doublebox h4, div.tripplebox h4, div.quadbox h4 {
    line-height:19px;
    margin:0;
    padding:0px 5px 2px 5px;
    font-size:14px;
    color:#fff;
}
div.singlebox h5, div.doublebox h5, div.tripplebox h5, div.quadbox h5 {
    line-height:19px;
    margin:0;
    padding:1px 5px 0px 5px;
    font-size:12px;
    color:#fff;
}

div.bluebox h3, div.bluebox h4, div.bluebox h5, div.bluebox h1.solid {
    background-color:#69f;
}
div.greenbox h3, div.greenbox h4, div.greenbox h5, div.greenbox h1.solid {
    background-color:#9ece0e;
}
div.yellowbox h3, div.yellowbox h4, div.yellowbox h5, div.yellowbox h1.solid {
    background-color:#cece3e;
}
div.graybox h3, div.graybox h4, div.graybox h5, div.graybox h1.solid {
    background-color:#666;
}
div.cyanbox h3, div.cyanbox h4, div.cyanbox h5, div.cyanbox h1.solid {
    background-color:#6cc;
}
div.aquabox h3, div.aquabox h4, div.aquabox h5, div.aquabox h1.solid {
    background-color:#3399cc;
}
div.navybox h3, div.navybox h4, div.navybox h5, div.navybox h1.solid {
    background-color:#0e0e6e;
}

/**
 * Fixbox eigenschappen
 */
div.fixbox {
  cursor:pointer;
}
div.fixbox div.image, div.fixbox div.title, div.fixbox div.intro, div.fixbox div.button {
  margin:0;
  padding:0;
  overflow:hidden;
  width:100%;
  float:left;
}
div.fixbox div.image {
  height:100px;
  background-color:#666;
  border:none;
}
div.fixbox div.title {
  height:35px;
}
div.fixbox p {
    padding:5px;
}
div.fixbox div.title h2 {
  font-size:12px;
  font-weight:bold;
  margin:0;
  padding:3px 5px;
  line-height:16px;
}
div.fixbox div.title h2 img {
  float:left;
  border:1px solid #999;
  margin:0 5px 5px 0;
  padding:0;
  width:23px;
  height:25px;
}
div.fixbox div.intro {
  height:67px;
}
div.fixbox div.button {
  height:49px;
  text-align:center;
}
div.fixbox div.button button {
  margin:5px 0 0 0;
  padding:0;
}

/**
 * Stijlen voor box hoogte
 */
div.fullbox {
    height:251px;
    overflow:hidden;
}
div.contentbox {
    height:190px;
    overflow:hidden;
}
div.halfbox {
    height:123px;
    overflow:hidden;
    margin-left:0;
    margin-right:0;
    margin-bottom:0;
}
div.halfboxfirst {
    margin-top:10px;
}
div.halfboxnext {
    margin-top:3px;
}

div.padtop {
    padding-top:10px;
}

/**
 *
 */
#menu ul {
  padding:0;
  margin:0 0 0 15px;
  list-style-type:none;
  float:left;
  text-align:left;
  width:176px;
}
#menu li {
    padding:0;
    margin:0 0 1px 0;
    float:left;
    width:176px;
    display:block;
}
#menu li a {
    text-decoration:none;
    padding:6px 14px 4px 22px;
    line-height:16px;
    background-color:#666;
    color:#fff;
    width:140px;
    display:block;
    background-image:url(/images/menuarrow.png);
	background-position:top left;
	background-repeat:no-repeat;
}
#menu li a:hover {
    color:#000;
    background-color:#ccc;
    background-image:url(/images/menuarrowHover.png);
}

#menu ul li ul {
    display:none;
    position:absolute;
    margin-top:-26px;
    margin-left:176px;
    width:190px;
    float:left;
    border-left:8px solid #fff;
    border-right:1px solid #fff;
}
#menu li li {
    padding:0;
    margin:0;
    border-bottom:1px solid #fff;
    width:176px;
}
#menu li li a {
    width:140px;
}
#menu ul li:hover ul,
#menu ul li.over ul{
    display:block;
    width:150px;
}
#menu a img {
    border:none;
    margin:10px 0 0 15px;
}


/**
 * Beeldbank stijlen
 */
#bbmain, #bbthumbs div {
    float:left;
    padding:0;
}
#bbthumbs {
    float:right;
    padding:0;
    margin:10px 10px 0 0;
    width:174px;
}
#bbmain, #bbthumbs div {
    background-color:#333;
    overflow:hidden;
    border:1px solid #666;
}
#bbthumbs div.active {
    border-color: #69f;
}
#bbmain {
    margin:10px 0 0 10px;
    width:350px;
    height:250px;
}
#bbthumbs div {
    margin:0 0 5px 5px;
    width:80px;
    height:60px;
    overflow:hidden;
}
#bbthumbs div img {
    width:80px;
}
#bbmain img, .bbthumb img {
    padding:0;
    margin:0;
    border:none;
}
#bbnav {
    float:left;
    clear:left;
    width:352px;
    height:26px;
    text-align:right;
    margin:5px 0 5px 10px;
}
#beeldbank h1 {
    clear:left;
    padding-top:0;
}
#beeldbank p {
    clear:left;
}


/**
 * Navigatie stijlen
 */
ul.nav {
    margin:0;
    padding:0;
    float:right;
    list-style-type:none;
}
ul.nav li {
    margin:0;
    padding:0 0 0 5px;
    float:left;
    display:inline;
    line-height:26px;
}
ul.nav span, ul.nav a {
    float:left;
    display:block;
    text-align:center;
    margin:0;
    padding:0;
    overflow:hidden;
}
ul.nav span {
    cursor:pointer;
}
ul.nav li span img, ul.nav li a img {
    border:none;
    width:16px;
    height:16px;
    padding:4px;
    margin:0;
    border:1px solid #9ece0e;
}

/**
 * Paragraaf stijlen
 */
.clear {
    clear:both;
}


.clickable {
    cursor:pointer;
}

#specialisme {
    position:absolute;
    float:left;
    display:none;
    width:948px;
    height:100px;
    color:#fff;
    background-color:#3131c4;
    margin:0;
    padding:10px 0 0 0;
    border-left:1px solid #999;
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    background-image:url(/images/achtergrond-specialisme.gif);
	background-position:top center;
	background-repeat:repeat-x;
}
#specialisme ul {
    list-style-type:none;
    float:left;
    margin:0 10px 0 20px;
    padding:0;
}
#specialisme li {
    line-height:19px;
    margin:0;
    padding:0;
}
#specialisme a {
    color:#fff;
    text-decoration:none;
}
#specialisme a.close {
    float:right;
    margin:75px 0 0 0;
    padding:5px;
    color:#fff;
    text-decoration:none;
}

#specialismekeuze, #specialismeselect {
    display:block;
    float:left;
    border-top:1px solid #009;
    border-bottom:1px solid #009;
    height:26px;
    line-height:26px;
    padding:0 5px;
    background-color:#eff4ff;
    color:#070477;
    width:auto;
}
#specialismekeuze {
    border-left:1px solid #009;
    font-size:14px;
    margin:10px 0 10px 11px;
}
#specialismeselect {
    border-right:1px solid #009;
    font-size:11px;
    font-weight:bold;
    margin:10px 11px 10px 0;
}

#specialismeselect a {
    border:2px outset #ccc;
    padding:1px 20px 1px 5px;
    margin:0 0 0 20px;
    color:#000;
    text-decoration:none;
    background-image:url(/images/icons/arrow-S.gif);
	background-position:right center;
	background-repeat:no-repeat;
}
#zoekbox {
    display:block;
    float:right;
    height:26px;
    line-height:26px;
    padding:0 5px;
    width:auto;
    margin:10px;
}
div.halfbox p.content, div.contentbox p.content, div.fullbox p.content {
    display:block;
    padding:5px;
    float:left;
    line-height:18px;
    overflow:hidden;
}
div.halfbox p.content {
    height:88px;
}
div.contentbox p.content {
    height:160px;
}
div.fullbox p.content {
    height:221px;
}
div.halfbox p.content b, div.contentbox p.content b, div.fullbox p.content b {
    color:#000;
}
div.halfbox p.content img, div.contentbox p.content img, div.fullbox p.content img {
    float:left;
    margin:2px 5px 2px 2px;
    padding:0;
    border:1px solid #ccc;
}
div.halfbox p.content a {
    color:#333;
    text-decoration:none;
}
div.contentbox p.content a, div.contentbox p.content b a {
    color:#03f;
    text-decoration:none;
}
div.halfbox p.footline, div.contentbox p.footline, div.fullbox p.footline {
    clear:both;
    padding:0 5px;
    margin:0;
    color:#03f;
    line-height:20px;
    white-space:nowrap;
    overflow:hidden;
}
div.doublebox p.footline {
    width:345px;
    float:left;
    display:block;
}
div.contentbox p.footline {
    overflow:hidden;
}
div.halfbox p.footline a, div.contentbox p.footline a, div.fullbox p.footline a {
    color:#03f;
    text-decoration:none;
}
div.contentbox p.footline a:hover {
    text-decoration:underline;
}
div.fullbox div.image a img {
    border:none;
}
div.fullbox p {
    margin:2px 5px;
    line-height:16px;
}
div.fullbox p.content img {
    float:left;
    margin:2px 5px 2px 2px;
    padding:0;
    border:1px solid #ccc;
}
ul.arrowlist, ul.plainlist {
    list-style-type:none;
    padding:0;
    margin:5px;
    overflow:hidden;
}
ul.arrowlist li {
    padding:2px 0 2px 15px;
    margin:0;
    white-space:nowrap;
    background-image:url(/images/icons/pijl.gif);
    background-repeat:no-repeat;
    background-position:left center;
}
ul.plainlist li {
    padding:0 0 0 2px;
    margin:0;
    white-space:nowrap;
    clear:both;
    line-height:19px;
}
ul.arrowlist li a, ul.plainlist li a {
    margin:0;
    padding:0;
    color:#03f;
    text-decoration:none;
    white-space:nowrap;
}
ul.arrowlist li a:hover, ul.plainlist li a:hover {
    text-decoration:underline;
}
ul.plainlist a b {
    width:35px;
    display:block;
    float:left
}
ul.plainlist a span {
    display:block;
    float:left;
    overflow:hidden;
}
.doublebox ul.plainlist a span {
    width:310px;
}
ul.dashlist {
    list-style-type:none;
    padding:0;
    margin:5px;
    overflow:hidden;
}
ul.dashlist li {
    padding:2px 0 2px 15px;
    margin:0;
    background-image:url(/images/icons/pijl.gif);
    background-repeat:no-repeat;
    background-position:left center;
}
ul.dashlist li a {
    margin:0;
    padding:0;
    color:#03f;
    text-decoration:none;
}
ul.dashlist li a:hover {
    text-decoration:underline;
}
ul.dashlist li.loading {
    background-image:none;
    text-align:center;
    padding:2px 0;
}

#artikel {
}
#artikel div.image {
    float:right;
    margin:10px;
    padding:0;
}
#artikel div.image img {
    border:1px solid #69f;
    clear:both;
}
#artikel div.image p {
    text-align:center;
    margin:0;
    padding:0;
}
#artikel h1, #artikel p {
    padding:0;
    margin:10px;
    color:#333;
}
#artikel h1 {
    font-size:19pt;
}
#formulier h2, #formulier p {
    color:#333;
}
#formulier h2 {
    padding:20px 0 0 0;
    margin:0 10px 0 10px;
}
#formulier br {
    clear:both;
}
#formulier span {
    font-weight:bold;
}
#formulier span i, #formulier span label {
    font-weight:normal;
}
#formulier p {
    padding:0;
    margin:10px;
    line-height:19px;
}
#formulier label, #formulier span {
    margin-right:10px;
}
#formulier label, #formulier span {
    line-height:26px;
    vertical-align:middle;
}
#formulier label.titel {
    width:150px;
    text-align:right;
    display:block;
    float:left;
    padding:0;
    clear:left;
}
#formulier input {
    margin:3px 0;
    font-family:arial;
    vertical-align:middle;
}
#formulier input.radio {
    vertical-align:middle;
}
#formulier em.toelichting {
    float:left;
    display:block;
    margin:0;
    line-height:19px;
    padding:0 30px 0 160px;
    width:480px;
}
#formulier p.error, #formulier span.error {
    color:red;
    font-weight:bold;
}
#formulier span.error {
    padding-left:5px;
}
ul.nieuwsbriefkeuze {
    margin:10px 0px 10px 30px;
    padding:0;
    width:540px;
    list-style-type:none;
    display:block;
    float:left;
    clear:both;
}
ul.nieuwsbriefkeuze li {
    line-height:22px;
    display:block;
    float:left;
    width:180px;
    padding:0;
    margin:0;
    vertical-align:top;
}
ul.nieuwsbriefkeuze li input {
    margin:0;
    padding:0;
    vertical-align:middle;
}
ul.nieuwsbriefkeuze li label {
    padding:0 0 0 5px;
    margin:0;
}
#account {
    margin-top:20px;
}
.account h1, h2, h6, p {
    clear:both;
}
#content p.comment {
    margin-top:0;
}
#content a.external {
	background: url(/images/icons/external.gif) top right no-repeat;
	padding-right: 13px;
}
#content a.internal, #contentfull a.internal {
    color:red;
    text-decoration:none;
}
#content a.internal:hover, #contentfull a.internal:hover {
    text-decoration:underline;
}
.account h6 {
    font-size:14px;
    font-weight:bold;
    margin:0 25px;
    padding:0;
}
.account h6 input {
    margin:0 5px 0 20px;
    vertical-align:middle;
}
.account h6 label {
    font-size:12px;
    font-weight:normal;
}
#acnt_geboortedatum_day, #acnt_geboortedatum_month {
    width:20px;
}
#acnt_geboortedatum_year {
    width:40px;
}
#acnt_specialisme {
    min-width:150px;
}
.account p.voettekst {
    font-weight:bold;
    text-align:center;
}
#searchresults div.result, #searchresults div.score {
    padding:0;
    margin:10px 0 0 0;
}
#searchresults div.score {
    float:left;
    width:70px;
    text-align:center;
}
#searchresults div.result {
    float:left;
    width:476px;
}
#searchresults div.result a, #searchresults div.result h6 {
}
#searchresults div.result h6 {
    font-size:12px;
    font-weight:bold;
    color:#333;
}
#searchresults div.result h6 a {
    color:#333;
    text-decoration:none;
}
#searchresults div.result h6 a:hover {
    text-decoration:underline;
}
#searchresults div.result a {
    color:#008000;
    text-decoration:none;
    clear:both;
    display:block;
}
#searchresults div.result a:hover {
    text-decoration:underline;
}
#aanmeldform input {
    display:block;
    float:left;
}
#aanmeldform label {
    display:block;
    float:left;
    width:550px;
    line-height:19px;
    padding:0;
    margin:5px 0 0 0;
}

#specialisme ul.ziektebeeldList {
    margin-left:150px;
}
#test {
	background: #222;
	color: #fff;
	padding: 10px;
	margin: 20px;
	border: 10px solid pink;
}
p.highlight {
    background-color:#cdf;
    font-size:110%;
    line-height:110%;
}
#messages p {
    line-height: 19px;
    padding:5px 5px 5px 40px;
    margin:5px 0;
	background-position:12px 5px;
	background-repeat:no-repeat;
	font-weight:bold;
}
#messages p.message {
    border:3px solid #0f0;
    background-image:url(/beheer/icons/tick.png);
}
#messages p.error {
    border:3px solid #f00;
    background-image:url(/beheer/icons/error.png);
}


#content p.inleiding {
    font-weight:bold;
}


/**
 * Boeken stijlen
 */
#boeken p {
    clear:left;
}
#boeken img#boek {
    float:right;
    margin:5px 10px 5px 10px;
    border:1px solid #666;
}

#searchform {
    margin:10px;
}
#searchform p {
    padding:5px 0;
}
.bannerbox {
    text-align:center;
    overflow: hidden;
}
.bannerbox a {
    color:#333;
    text-decoration:none;
}
.bannerbox img {
    border:none;
    padding-bottom:10px;
}
.bannerbox embed, .bannerbox object {
    margin-bottom:10px;
}
.bannerbox p {
    padding:3px 0;
    color:#333;
    font-size:10px;
    font-style:italic;
}
.frontbanner {
    height:116px;
}
.frontbanner div {
    margin-top:10px;
}


#boekselectie {
}

#boekselectie div.image {
	float: left;
	width: 100px;
	height: 154px;
	margin: 7px 13px 8px 8px;
	border: 1px solid #888;
	text-align: center;
	vertical-align:middle;
	line-height: 154px;
	padding:0;
	overflow:hidden;
	background-position: center center;
	background-repeat: no-repeat;
}

#boekselectie div.spotlight {
	float: left;
	margin-top: 10px;
	width: 300px;
}
#boekselectie div.titels {
	float: left;
	margin-top: 10px;
}
#boekselectie div.doublebox div.titels {
	width: 224px;
}
#boekselectie div.quadbox div.titels {
	width: 290px;
}
#boekselectie div.titel {
	padding: 3px 0;
	float: left;
}
#boekselectie div.titel div.nr {
	float: left;
	color: #0e0e6e;
	width:16px;
	margin-right:8px;
	line-height:19px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}
#boekselectie div.titel div.content {
	float:left;
	margin:0;
	padding:0;
}
#boekselectie div.doublebox div.titel div.content {
	width:200px;
}
#boekselectie div.quadbox div.titel div.content {
	width:266px;
}
#boekselectie div.titel div.content h6 a {
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:#000;
}
#boekselectie div.quadbox div.titel div.content h6 a {
	line-height:19px;
}
#boekselectie div.titel div.content h6 a b {
	font-weight:bold;
	color:#333;
}
#boekselectie div.titel div.content h6 a:hover {
	text-decoration:underline;
}
#boekselectie div.titel div.content p {
	padding:0;
	margin:0;
	line-height:19px;
}
#boekselectie div.titel div.content p a {
	color:#36f;
	font-weight:bold;
}

#tellafriend {
    padding:10px;
}
#tellafriend input#tellafriendemail {
	font-size:12px;
	width:150px;
	margin-bottom:2px;
}
.sampletext {
    color:#666;
}
