/*------------------------------------------------------------------
[Master Stylesheet]

Project:		HU-Vacature
Version:		1.3
Last change:	09/10/08 [mb] 
                --> link colors in sitemap fixed
Assigned to:	Marc Bruisten (mb), Leonard Eshuis (le)
Made by:		Evident Interactive

--------------------------------------------------------------------

[Template body classes]

.T00 - homepage
.T01 - index page
.T02 - detail page
.T03 - iframe page
.T04 - Sitemap

[Color codes]

main navigation:	#00a1e1 {HU Blue}
sub navigation:		#e63028 {HU Red}

-------------------------------------------------------------------*/

/**------ global_settings ------**/
* {padding:0;margin:0}
img {border:0}
cite, em, dfn {font-style:italic}
big {font-size:115%}
small, sup, sub {font-size:85%}
sup {vertical-align:super}
sub {vertical-align:sub}
blockquote *:first-child:before {content:"\201C"}
blockquote *:first-child:after {content:"\201D"}
table {border-collapse:collapse;border-spacing:0}
caption, th, td {text-align:left;/*font-weight:normal*/}

.hideme {position:absolute;left:0;top:-5000em}
.nodisplay {display:none}
.floatleft {float:left}
.floatright {float:right}
.error {color:red}
.strong {font-weight:bold}

/**------ easyclearing method (http://www.positioniseverything.net/easyclearing.html) ------**/

	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

/**------ generic_layout ------**/

ul.clearfix {list-style-type:none}
ul.clearfix li {float:left}

body {
	font-size:62.5%;
	font-family:arial;
	background-color:white;
	background-image:url('/includes/img/HU-VAC/bg_body.gif'); /* background decoration */
	background-repeat:no-repeat;
	background-position:center 150px;
	padding-top:0px;
}

#wrapper {
	position:relative;
	margin:0px auto;
	width:988px;
	background-color:white;
}	

#top, #bottom {
	position:relative;
	margin:0px auto;
	padding:.5em 19px;
	height:1.8em;
}

#top {
	background-image:url('/includes/img/HU-VAC/bg_top.gif'); /* dropshadow on top */
	background-repeat:no-repeat;
	background-position:bottom center;
}

#bottom {
	background-image:url('/includes/img/HU-VAC/bg_bottom.gif');	/* dropshadow on bottom */
	background-repeat:no-repeat;
	background-position:top center;
}

.T00 #middle,.T01 #middle,.T02 #middle,.T03 #middle, .T04 #middle {
	position:relative;
	width:954px;
	background-image:url('/includes/img/HU-VAC/bg_middle.gif'); /* dropshadow on sides */
	background-repeat:repeat-y;
	background-position:top center;
	margin:0px auto;
	padding:11px 15px 10px 19px;
	min-height:646px;
	height:auto !important;
	height:646px;
}

.T04 #middle {
	min-height:446px;
}

/* middle contents */

	/* header */
	#header {
		position:relative;
		width:950px;
		height:68px;
	}		

        /* header contents */
	    a#ctrLogo {
	        display:block;
	        position:absolute;
	        left:0;
	        top:0;
	    }
	    
	    #toplinks a {
		    position:absolute;
		    right:0;
		    color:#4C4C4C;
		    text-decoration:none;
		    text-transform:uppercase;
		    letter-spacing: 0px;
		    font-size:1.1em;
		    font-weight:bold;
		    padding-left:15px;
		    background-image:url('/includes/img/HU-VAC/bullet-blue-left.png');
            background-position:left center;
            background-repeat:no-repeat;
	    }
	    
	/* footer */
	#footer {
		position:absolute;
		right:18px;bottom:5px;
		text-transform:uppercase;
		letter-spacing: 0px;
		font-size:1.1em;
		font-weight:bold;
		color:#00a1e1;
	}
		#footer a {color:#4c4c4c;text-decoration:none}
		#footer a:hover, #footer a:active {text-decoration:underline}


    /* primary navigation */
	#nav-firstlevel {width:950px;background:#00a1e1;height:25px;font-size:1.2em}
	#nav-firstlevel li {height:25px;}
	#nav-firstlevel li a {display:block;color:white;padding:0;line-height:25px;text-decoration:none;text-indent:-5000px;background-image:url('/includes/img/HU-VAC/bg_navigation.gif')}
	#nav-firstlevel li a:hover, #nav-firstlevel li a:active {text-decoration:none}
		
		/* image sprite positioning of navigation menu */
		#nav-firstlevel li a.Homepage {width:65px; background-position:0 0}
			#nav-firstlevel li a.Homepage_current,
			#nav-firstlevel li a.Homepage:hover {width:65px;background-position:0 25px}
		
		#nav-firstlevel li a.Vacatures {width:135px;background-position:-65px 0}
			#nav-firstlevel li a.Vacatures_current,
			#nav-firstlevel li a.Vacatures:hover {width:135px;background-position:-65px 25px}
		
		#nav-firstlevel li a.Mensen {width:115px;background-position:-200px 0}
			#nav-firstlevel li a.Mensen_current,
			#nav-firstlevel li a.Mensen:hover {width:115px;background-position:-200px 25px}
		
		#nav-firstlevel li a.Aanbod {width:115px;background-position:-318px 0}
			#nav-firstlevel li a.Aanbod_current,
			#nav-firstlevel li a.Aanbod:hover {width:115px;background-position:-318px 25px}
		
				#nav-firstlevel li a.Verhaal {width:115px;background-position:-433px 0}
			#nav-firstlevel li a.Verhaal_current,
			#nav-firstlevel li a.Verhaal:hover {width:115px;background-position:-433px 25px}
		
		#nav-firstlevel li a.Contact {width:100px;background-position:-547px 0}
			#nav-firstlevel li a.Contact_current,
			#nav-firstlevel li a.Contact:hover {width:100px;background-position:-547px 25px}	

	/* secondary navigation */
	#nav-secondlevel {width:950px;background-color:#E63028;height:25px;font-size:1.2em}
	#nav-secondlevel li a {display:block;color:white;font-weight:bold;padding:0 1.3em;line-height:25px;text-decoration:none}
	#nav-secondlevel li a:hover, #nav-secondlevel li a:active, #nav-secondlevel li a.current {background:#F1655F;text-decoration:none}





/* content */
	#content {margin-top:6px}
	.T01 #content, .T02 #content, .T03 #content {padding-bottom:10px}

		/* 2 column layout */
		
		#leftcol {
			float:left;
			position:relative;
			width:630px;
			margin-top:4px;
		}
			
			#leftcol #ctrBanner {
				width:630px;
				height:100px;
				font-size:0;
				margin-bottom:10px;
				overflow:hidden;	
			}
			
				#leftcol #ctrBanner img {
					font-size:0;
				}

		#rightcol {
			float:right;
			width:318px;
		}
			
			#rightcol div.boxTop {
				display:block;
				width:302px;
				height:18px;
				padding:5px 8px;
				background-color:#00a1e1;
				background-image:url('/includes/img/HU-VAC/bg_rightcol_top.gif'); /* dropshadow on top */
				background-repeat:no-repeat;
				background-position:top left;
			}
			
				#rightcol div.boxTop h2 {					
					display:block;
					width:275px; 
					height:21px;
		            line-height:21px;
					padding:0 0 0 3px;
					font-size:1.2em;
					color:white;
					text-transform:uppercase;
				}
            
			#rightcol div.boxTopNoHeader {
				display:block;
				width:302px;
				height:1px;
				padding:5px 8px;
				background-image:url('/includes/img/HU-VAC/bg_rightcol_top.gif'); /* dropshadow on top */
				background-repeat:no-repeat;
				background-position:top left;
			}
			
			#rightcol div.boxBottom {
				display:block;
				width:310px;
				padding:8px 4px;
				background-color:transparent;
				background-image:url('/includes/img/HU-VAC/bg_rightcol_bottom.gif'); /* dropshadow on bottom and sides */
				background-repeat:no-repeat;
				background-position:bottom center;
				margin-bottom:10px;
			}
			
			#rightcol div.boxBottomVacList {
				display:block;
				width:310px;
				padding:8px 4px;
				background-color:transparent;
				background-image:url('/includes/img/HU-VAC/bg_rightcol_bottom.gif'); /* dropshadow on bottom and sides */
				background-repeat:no-repeat;
				background-position:bottom center;
				margin-bottom:10px;
				min-height:462px;
			}
			
			#rightcol div.boxBottomNoHeader h1 
			{
			    color:#00A1E1;
                font-size:1.2em;
                font-weight:bold;
                padding-top:0.5em;
                text-transform:uppercase;  
			}
			
		#rightcol div.boxBottom h1,#rightcol div.boxBottomVacList h1 {	
			    color:#00A1E1;
                font-size:1.2em;
                font-weight:bold;
                padding-top:0.5em;
                text-transform:uppercase;
            }
            

           #rightcol div.boxBottomNoHeader h2 
			{
            color:#4C4C4C;
            font-size:1.2em;
            font-weight:bold;
            padding-top:0.5em;  
			}
			
		#rightcol div.boxBottom h2,#rightcol div.boxBottomVacList h2 {	
            color:#4C4C4C;
            font-size:1.2em;
            font-weight:bold;
            padding-top:0.5em;
            }
            

			
				#rightcol div.boxBottom p,#rightcol div.boxBottomVacList p {
					font-size:1.2em;
					background-color:white;
					padding:2px 10px;
					margin-bottom:5px;
				}

				#rightcol div.boxBottom ul,#rightcol div.boxBottomVacList ul {
					color:#00a1e1;
					list-style-type:none;
					text-transform:uppercase;
				}
				
					#rightcol div.boxBottom ul li,#rightcol div.boxBottomVacList ul li {
						background-color:white;
						background-image:url('/includes/img/HU-VAC/bullet-red-right.png');
						background-position:5px 5px; 
						background-repeat:no-repeat;
						padding:2px 24px;
					}
					
						#rightcol div.boxBottom a, #rightcol div.boxBottomVacList a {
							font-size:1.1em;
							color:#00a1e1;
							font-weight:bold;
							text-decoration:none;
						}
						
						#rightcol div.boxBottom a:hover, #rightcol div.boxBottomVacList a:hover {
						    text-decoration:underline;
						}						
				
				#rightcol div.boxBottom div.morelink,#rightcol div.boxBottomVacList div.morelink {
					padding:0 10px
				}
					#rightcol div.boxBottom div.morelink a,#rightcol div.boxBottomVacList div.morelink a {
						display:block;
						width:145px;
						padding:5px 0;
						float:right;	
						background-image:url('/includes/img/HU-VAC/bg_titlesheaders.gif');
						background-position:-100px -25px;
						background-repeat:no-repeat;
						text-indent:-5000px;
					}

			#rightcol div.boxBottomNoHeader {
				display:block;
				width:310px;
				padding:0px 4px 8px;
				background-color:transparent;
				background-image:url('/includes/img/HU-VAC/bg_rightcol_bottom.gif'); /* dropshadow on bottom and sides */
				background-repeat:no-repeat;
				background-position:bottom center;
				margin-bottom:10px;
			}

				#rightcol div.boxBottomNoHeader p {
					font-size:1.2em;
					background-color:white;
					padding:2px 10px;
					margin-bottom:5px;
				}


/* homepage (.T00) specific layout 
+ position elements absolute to position html containers over flash area
-------------------------------------------------------------------------------------*/

.T00 #nav-firstlevel {position:absolute;top:79px}
.T00 #flashcontainer {position:absolute;left:4px;top:-5px}
.T00 #header #toplinks a {color:#fff;}

.T00 #ContainersViewPanel {position:absolute;width:960px;top:535px;left:14px}
	.T00 #ContainersViewPanel #leftBox,
	.T00 #ContainersViewPanel #middleBox,
	.T00 #ContainersViewPanel #rightBox {
		position:relative;
		float:left;
		padding:4px 11px;
		width:298px;
		height:100px;
		background-image:url('/includes/img/HU-VAC/bg-block-a.png');
		overflow:hidden;
	}

	.T00 #ContainersViewPanel h2 {
		height:21px;
		line-height:21px;
		margin-bottom:5px;
		color:white;
		font-size:1.2em;
        text-transform:uppercase;
	}

	.T00 #ContainersViewPanel div.thumb {	
		float:left;
		padding:2px;
		border:1px solid #4b4b4b;
		margin-right:5px;
	}

		.T00 #ContainersViewPanel div.pad {	
            width:84px;
		    height:55px;
            overflow:hidden;
	    }
	
	.T00 #ContainersViewPanel h3 {	
		font-family:arial;
		font-size:1.3em;
		font-weight:bold;
		padding:0 0 1px;
		text-transform:uppercase;
		color:#00a1e1;
	}

	.T00 #ContainersViewPanel p {	
		height:49px;
		overflow:hidden;
		font-family:arial;
		font-size:1.2em;
		line-height:1.4em;
		color:#4c4c4c;
	}

	.T00 #ContainersViewPanel a.morelink {
		display:block;
		position:absolute;
		right:5px;bottom:7px;
		width:70px;height:16px;
		text-indent:-5000px;
		background-repeat:no-repeat;
		background-image:url('../../img/HU-VAC/bg_titlesheaders.gif');
		background-position:-270px -30px;
	}
	
	.T00 #leftBox p a:link,
	.T00 #leftBox p a:visited,
	.T00 #middleBox p a:link,
	.T00 #middleBox p a:visited {
        color:#00A1E1;
        font-size:1.0em;
        font-weight:normal; 
        text-decoration:none; 
	 }
	
		.T00 #leftBox p a:hover,
		.T00 #middleBox a:hover {
            text-decoration:underline; 
	     }
	     
	.T00 #rightBox a:link,
	.T00 #rightBox a:visited {
        color:#00A1E1;
        font-size:1.1em;
        font-weight:bold; 
        text-decoration:none; 
	 }
	
		.T00 #rightBox a:hover {
            text-decoration:underline; 
	     }
	
	.T00 #rightBox ul {
        width:290px;
        list-style-position:outside;
        color:#00A1E1;
        list-style-type:none;
        text-transform:uppercase; 
	}
	
	    .T00 #rightBox ul li {
            background-image:url('/includes/img/HU-VAC/bullet-red-right.png');
            background-position:0 center;
            background-repeat:no-repeat;
            padding:1px 15px;
        }

	.T00 #ContainersViewPanel #rightBox a.morelink {
        background-image:url(/includes/img/HU-VAC/bg_titlesheaders.gif);
        background-position:-100px -29px;
        background-repeat:no-repeat;
        bottom:6px;
        display:block;
        float:right;
        height:15px;
        padding:1px 0;
        position:absolute;
        text-indent:-5000px;
        width:145px;
        right:10px;
    }



/* pijler (.T01) specific layout 
-------------------------------------------------------------------------------------*/

.T01 #flashcontainer {position:absolute;left:0px;top:0px}

.T01 #ContainersViewPanel {position:absolute;width:620px;top:355px;left:10px}
	.T01 #ContainersViewPanel #leftBox,
	.T01 #ContainersViewPanel #rightBox {
		position:relative;
		float:left;
		display:inline;
		padding:30px 10px 4px 10px;
		margin-right:10px;
		width:280px;
		height:101px;
		background-color:white;
		overflow:hidden;
	}

	.T01 #ContainersViewPanel h2 {
		display:block;
		position:absolute; 
		left:0;top:0;
		width:290px;
		padding:0 5px;
		height:21px;
		line-height:21px;
		font-family:arial;
		font-size:1.2em;
		text-transform:uppercase;
		color:white;
		background-color:#00a1e1;
	}

    .T01 #ContainersViewPanel div.thumb {	
		float:left;
		padding:2px;
		border:1px solid #00a1e1;
		margin-right:5px;
	}

		.T01 #ContainersViewPanel div.pad {	
            width:86px;
		    height:86px;
            overflow:hidden;
	    }
	
	.T01 #ContainersViewPanel h3 {	
		display:block;
		font-family:arial;
		font-size:1.2em;
		text-transform:uppercase;
		color:#00a1e1;
		padding:0 0 2px 0;
	}

	.T01 #ContainersViewPanel p {	
		height:58px;
		overflow:hidden;
		font-family:arial;
		font-size:1.3em;
		line-height:1.1em;
		color:#4c4c4c;
	}
	
	.T01 #leftBox p a:link,
	.T01 #leftBox p a:visited,
	.T01 #rightBox p a:link,
	.T01 #rightBox p a:visited {
        color:#00A1E1;
        font-size:1.0em;
        font-weight:normal; 
        text-decoration:none; 
	 }
	
		.T01 #leftBox p a:hover,
		.T01 #rightBox a:hover {
            text-decoration:underline; 
	     }

    .T01 #rightcol div.boxBottom ul li.odd,
    .T02 #rightcol div.boxBottom ul li.odd {
		background-color:#e4f5fc;
	}
	
	.T01 #rightcol div.boxBottomVacList ul li.odd,
    .T02 #rightcol div.boxBottomVacList ul li.odd {
		background-color:#e4f5fc;
	}

	.T01 #ContainersViewPanel a.morelink {
		display:block;
		position:absolute;
		right:0;bottom:0;
		width:80px;height:25px;
		text-indent:-5000px;
		background-repeat:no-repeat;
		background-image:url('/includes/img/HU-VAC/bg_titlesheaders.gif');
		background-position:-10px -25px;
	}

/* detail (.T02) specific layout 
-------------------------------------------------------------------------------------*/

.T02 #leftcol #ctrIntro {
    font-size:1.2em;
    font-weight:bold;
    color:#e73028;
    margin-bottom:10px;
}

	.T02 #leftcol #wysiwyg {
		padding-right:5px;
		color:#4c4c4c;
		font-size:1.2em;
	}
	
	    .T02 #leftcol #wysiwyg h1 {
	        color:#00a1e1;
		    font-size:1.2em;
		    font-weight:bold;
		    text-transform:uppercase;
		    padding-top:.5em;
	    }
	    
	    .T02 #leftcol #wysiwyg h2 {
		    color:#4C4C4C;
		    font-size:1.0em;
		    font-weight:bold;
		    padding-top:.5em;
	    }
	    .T02 #leftcol #wysiwyg ul, #wysiwyg ol {list-style-position:inside;margin:1em 0;}
	    .T02 #leftcol #wysiwyg img {padding:2px;border:1px solid #00a1e1}
	    .T02 #leftcol #wysiwyg a:link, #wysiwyg a:visited {color:#00a1e1;text-decoration:none}
	    .T02 #leftcol #wysiwyg a:hover, #wysiwyg a:active {color:white;text-decoration:underline;background:#00a1e1}

	
	.T02 #leftcol #optionbar,
	.T02 #leftcol #optionbar2 {
		width:630px;
		font-size:1.2em;
		text-transform:uppercase;
		padding-top:15px
	}

		.T02 #leftcol #optionbar a,
		.T02 #leftcol #optionbar2 a {
			color:#00a1e1;
			text-decoration:none;
			font-weight:bold;
			background-repeat:no-repeat;
		}

		.T02 #leftcol #optionbar a.print,
		.T02 #leftcol #optionbar2 a.print {
			float:left;
			padding-right:10px;
			background-position:center right;
			background-image:url('/includes/img/HU-VAC/bullet-red-right.png');
		}

		.T02 #leftcol #optionbar a.jumpup,
		.T02 #leftcol #optionbar2 a.jumpup {
			float:right;
			padding:0 5px 0 10px;
			background-position:center left;
			background-image:url('/includes/img/HU-VAC/bullet-red-up.gif');
		}


/* Vacancy (.T03) specific layout 
-------------------------------------------------------------------------------------*/

/*
.T03 #leftcol iframe {
	width:630px;
	height:408px;
    overflow-x: hidden; 
	border:0;
}
*/	

.T03 #leftcol #textVacancy,
.T03 #leftcol #vacancyContainer {
		padding-right:5px;
		color:#4c4c4c;
		font-size:1.2em;
	}
	
	    .T03 #leftcol #textVacancy h1 {
	        color:#00a1e1;
		    font-size:1.2em;
		    font-weight:bold;
		    text-transform:uppercase;
		    padding-top:.5em;
	    }
	    
	    .T03 #leftcol #textVacancy h2 {
		    color:#00A1E1;
		    font-size:1.1em;
		    font-weight:bold;
		    padding-top:.5em;
		    text-transform:uppercase;
	    }

	    .T03 #leftcol #textVacancy #textVacancyStatus {
	    	padding-top: 10px;
	    }

	    .T03 #leftcol #vacancyContainer h2 {
		    color:#4C4C4C;
		    font-size:1.0em;
		    font-weight:bold;
		    padding-top:.5em;
	    }
	    .T03 #leftcol #wysiwyg ul, #textVacancy ol {list-style-position:inside;margin:1em 0;}
	    .T03 #leftcol #wysiwyg img {padding:2px;border:1px solid #00a1e1}
	    .T03 #leftcol #wysiwyg a:link, #textVacancy a:visited {color:#00a1e1;text-decoration:none}
	    .T03 #leftcol #wysiwyg a:hover, #textVacancy a:active {color:white;text-decoration:underline;background:#00a1e1}
	    

.T03 #leftcol #vacancyContainer ul {
    margin-top:10px;
    list-style-type:none;
    font-size:1.1em;
}

    .T03 #leftcol #vacancyContainer ul li {
        background-color:white;
		background-image:url('/includes/img/HU-VAC/bullet-red-right.png');
		background-position:5px 5px; 
		background-repeat:no-repeat;
		padding:2px 24px;
    }
    
        .T03 #leftcol #vacancyContainer ul li a {
			color:#00a1e1;
			font-weight:bold;
			text-decoration:none;
			text-transform:uppercase;
        }
        
        .T03 #leftcol #vacancyContainer ul li a:hover {
           text-decoration:underline;
        }

/* REMOTE LOADED HTML CODE STYLING */
.T03 #leftcol #textVacancy ul {list-style-position:inside;margin:1em 0;}
.T03 #leftcol #textVacancy font {color:#4C4C4C;font-size:1em}
.T03 #leftcol #textVacancy strong {display:block;margin-top:10px;}
.T03 #leftcol #textVacancy br {display:none}

	
/* Sitemap (.T04) specific layout 
-------------------------------------------------------------------------------------*/

.T04 ul.node {
	width:310px;
	margin: 10px 8px 15px 0px;
	float:left;
	list-style: none;
	font-size:1.2em;
}

.T04 ul.node li.item{
	width:294px;
	background:#ffffff;
	font-weight: bold; 
	color: #000000; 
	height:auto;
	padding:3px 0 3px 2px; 
	border-bottom: #cccccc 1px solid;
}

.T04 ul.node li.item a:link,
.T04 ul.node li.item a:visited { 
	font-weight: normal;
	background-image:url(/includes/img/HU-VAC/bullet-red-right.png);
    background-position:10px center;
    background-repeat:no-repeat;
    padding:2px 25px;
    color:#00A1E1;
    font-size:0.9em;
    font-weight:bold;
    text-transform:uppercase;
    text-decoration:none;
}

.T04 ul.node li.item a:hover,
.T04 ul.node li.item a:active { 
    font-weight: normal;
	background-image:url(/includes/img/HU-VAC/bullet-red-right.png);
    background-position:10px center;
    background-repeat:no-repeat;
    padding:2px 25px;
    color:#00A1E1;
    font-size:0.9em;
    font-weight:bold;
    text-transform:uppercase;
    text-decoration:underline;
}

.T04 ul.node li.section {
	width:294px;
	background:#E73028;
	padding:3px 5px 3px 15px;
	font-weight: bold; 
	color: #ffffff; 
	height:auto;
}

.T04 li.section a {
	font-weight: bold; 
	color: #ffffff; 
	height:auto;
}

.T04 div.break {
	width: 100%; 
	height: 10px;
	clear:both;
}

/* tellafriend specific 
-------------------------------------------------------------------------------------*/
	
	#tellafriend-form label, #tellafriend-form p.requiredFieldMessage {font-size:1.2em;color:#4C4C4C}
    #tellafriend-form input.text, #tellafriend-form textarea {font-family:arial;font-size:1.2em;color:#4C4C4C}
	
	.tellafriend {
		padding:10px 10px 30px 10px;
		border:1px solid #ddd;
		background-color:#f9f9f9;
		width:auto;
	}
	
	.tellafriend label {
		width:150px;
		display:block;
		float:left;
		clear:both;
	}
	
	.tellafriend .text {
		border:1px solid #00A1E1;
		background-color:#fff;
		margin-bottom:5px;
		padding:2px;
		width:350px;
	}
	
	.tellafriend .textbox:focus,
	.tellafriend .text:focus {
		border:1px solid #00A1E1;
		background-color:#E4F5FC;
	}
	
	.tellafriend .textbox:hover,
	.tellafriend .text:hover {
		border:1px solid #00A1E1;
		background-color:#E4F5FC;
	}
	
	.tellafriend .textbox {
		border:1px solid #00A1E1;
		background-color:#fff;
		margin-bottom:5px;
		padding:2px;
		width:350px;
	}
	
	.tellafriend .btnSend {
		float:right;
	}
	
	.tellafriend .requiredFieldMessage {
		margin-left:150px;
	}
	
	.tellafriend .requiredField {
		color:#E63028;
		padding:0px 2px;
	}
	
	.tellafriend .errorMessage {
		border:1px solid #F1655F;
		background-color:#f9f9f9;
		padding:5px;
		margin-bottom:15px;
	}
	
		.tellafriend .errorMessage ul {
			margin-left:20px;
		}

	.message {
		border:1px solid #ddd;
		background-color:#f9f9f9;
		padding:15px;
		margin-bottom:15px;
	}
	
	.T03 #leftcol #optionbar,
	{
		width:630px;
		font-size:1.2em;
		text-transform:uppercase;
		padding-bottom:15px;
	}
	
	.T03 #leftcol #optionbar2 {
		width:630px;
		font-size:1.2em;
		text-transform:uppercase;
		padding-top:15px;		
	}


		.T03 #leftcol #optionbar a,
		.T03 #leftcol #optionbar2 a {
			color:#00a1e1;
			text-decoration:none;
			font-weight:bold;
			background-repeat:no-repeat;
		}

		.T03 #leftcol #optionbar a.print,
		.T03 #leftcol #optionbar2 a.print  {
			float:left;
			padding-right:10px;
			background-position:center right;
			background-image:url('/includes/img/HU-VAC/bullet-red-right.png');
		}

		.T03 #leftcol #optionbar a.general,
		.T03 #leftcol #optionbar2 a.general {
			float:left;
			padding-right:10px;
			padding-left:20px;
			background-position:center right;
			background-image:url('/includes/img/HU-VAC/bullet-red-right.png');
		}