/*****************************************************************************************************/
/*----------------------------------------- generic layout ------------------------------------------*/
/*****************************************************************************************************/
html {
	height:100%;
}

body {
	height:100%;
	padding:0px;
	margin:0px;
	background-image:url('../images/page_bg.jpg');
	background-position:top;
	background-repeat:repeat-x;
	background-color:#ffffff;
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}

a:link {color:#92033f;text-decoration:underline;} 
a:visited {color:#92033f;text-decoration:underline;} 
a:hover {color:#92033f;text-decoration:none;}
a:active {color:#92033f;text-decoration:underline;}

a.searchLink { font-size:10px; text-decoration:none; }
a.searchLink:hover { text-decoration:underline; }

a.anchor { color:#000000; }
a.anchor:hover {color:#000000;} 

a img {
	border:none;
}

h2 {
	color:#003c00;
	font-size:1.8em;
	font-weight:bold;
	padding-bottom:5px;
	margin:0px;
}

h3 {
	color:#003c00;
	font-size:1.2em;
	font-weight:normal;
	padding-bottom:0px;
	margin-bottom:0px;
}

h3.tableTitle {
	color:#003c00;
	font-size:0.8em;
	font-weight:normal;
	padding-bottom:10px;
	margin-bottom:0px;
}

fieldset legend {
	color:#003c00;
	font-size:1.2em;
	font-weight:normal;
	padding-bottom:0px;
	margin-bottom:0px;
}

.submit {
	margin-top:5px;
	border:solid 1px #ffffff;
	background-color:#008f01;
	color:#ffffff;
	cursor:pointer;
}

td.revAns { color: #003c00; }

#footer_bg {
	min-height:100%;
	background-image:url('../images/footer_bg.png');
	background-repeat:repeat-x;
	background-position:bottom;
}

#container {
	width:800px;
	margin:0px auto;
	padding-top:15px;
	padding-right:18px;
	/*padding-bottom:45px;*/
	background-image:url('../images/page_bg_image.jpg');
	background-position:right 19px;
	background-repeat:no-repeat;
}

#header {
	padding-bottom:15px;
}

#sponsor_top {
	height:60px;
	border-left:solid 1px #FFCC00;
	border-right:solid 1px #FFCC00;
	margin:0px;
	padding:0px;
	overflow:hidden;
	background:url('../images/sonysponsor.jpg') top no-repeat #008001;
}

#content_container {
	float:left;
	width:798px;
	padding-bottom:10px;
	border:solid 1px #ffcc00;
	border-top:none;
	background-color:#ffffff;
}

#content_container td {
	vertical-align:top;
	padding-top:10px;
}

#footer {
	clear:left;
	padding:10px;
	color:#251502;
	font-size:0.8em;
}

.footer td {
	width:49%;
}

#footer a:link {color:#251502;text-decoration:underline;} 
#footer a:visited {color:#251502;text-decoration:underline;} 
#footer a:hover {color:#251502;text-decoration:none;}
#footer a:active {color:#251502;text-decoration:underline;}

#internal_copy {
	float:left;
	width:738px;
	padding:30px;
	background-position:646px 20px;
	background-repeat:no-repeat;
	font-size:13px;
}

#internal_copy ul li {
	list-style-type:lower-roman;
	margin:10px;
}

#links_container {
	float:left;
	padding-bottom:30px;
	width:100%;
}

#in_out_test {
	float:right;
	padding-right:15px;
	padding-left:50px;
	width:110px;
	font-size:0.8em;
	text-align:center;
}

#take_test img {
	padding-bottom:5px;
}

#page_links_container {
	float:right;
}

.page_link_back {
	float:left;
	width:68px;
	height:22px;
	padding-left:25px;
	padding-top:1px;
	background-image:url('../images/btn_back_bg.jpg');
	background-repeat:no-repeat;
	text-align:left;
	color:#242326;
	font-weight:bold;
	font-size:1.2em;
}

.page_link_next {
	float:left;
	width:68px;
	height:22px;
	padding-right:25px;
	padding-top:1px;
	background-image:url('../images/btn_next_bg.jpg');
	background-repeat:no-repeat;
	text-align:right;
	color:#242326;
	font-weight:bold;
	font-size:1.2em;
}

#page_number {
	position:absolute;
	top:-15px;
	width:52px;
	height:44px;
	padding-top:8px;
	background-image:url('../images/page_no_bg.png');
	background-repeat:no-repeat;
	color:#ffffff;
	font-size:2em;
	font-weight:normal;
	text-align:center;
}

.page_number_right {left:67px;}
.page_number_left {left:-26px;}

/*****************************************************************************************************/
/*-------------------------------------------- top menu ---------------------------------------------*/
/*****************************************************************************************************/

#top_menu_container {
	float:left;
	width:788px;
	padding:10px 5px 10px 5px;
	background-color:#ffffcc;
	height:85px;
}

#top_menu_header_container {
	float:left;
	width:112px;
}

#top_menu_header {
	width:106px;
	height:38px;
	padding-right:5px;
	background-color:#ffffff;
	border-left:solid 1px #e8cf50;
	border-bottom:solid 1px #e8cf50;
	color:#06497d;
	font-weight:bold;
	text-align:right;
}

#top_menu {
	float:left;
	width:675px;
	border:solid 1px #e8cf50;
	border-left:none;
	background-color:#f3e7a7;
}

#top_menu ul {
	padding:0px;
	margin:0px;
	list-style:none;
}

#top_menu li {
	float:left;
	padding:0px;
	margin:0px;
	position:relative;
}

#top_menu a {
	display:block;
	width:134px;
	/*height:43px - 13px;*/
	height:30px;
	padding-top:13px;
	border-left:solid 1px #e8cf50;
	color:#92033f;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}

#top_menu a:link {color:#92033f;text-decoration:none} 
#top_menu a:visited {color:#92033f;text-decoration:none} 
#top_menu a:hover {color:#92033f;text-decoration:none;background-color:#e8cf50;}
#top_menu a:active {color:#92033f;text-decoration:none;}

#top_menu li ul {
	position: absolute;
	display:list-item;
	height:auto;
	border:solid 1px #e8cf50;
	border-bottom:none;
	background-color:#f3e7a7;
	width:198px;
	z-index:100;
}

#top_menu li ul li {
	float:none;
	border-bottom:solid 1px #e8cf50;
}

#top_menu li ul a {
	display:block;
	width:auto;
	height:auto;
	border:none;
	padding:3px;
	text-align:left;
	font-weight:normal;
}

.lastOne {
	left:-64px;
}

#progress_container {
	clear:left;
	padding-top:2px;
}

#progress_header {
	float:left;
	width:105px;
	padding-right:7px;
	font-size:0.8em;
	color:#023053;
	text-align:right;
}

#progress_menu {
	float:left;
	width:675px;
	height:6px;
	border:solid 1px #e8cf50;
	border-left:none;
	background-color:#ffffff;
	/*ie 6 height bug overflow:hidden;*/
	overflow:hidden;
}

.progress_menu_cell {
	float:left;
	border-left:solid 1px #e8cf50;
	width:134px;
	height:6px;
}

.progress_menu_cell_test {
	float:left;
	border-left:solid 1px #e8cf50;
	width:0px;
	height:6px;
}

/*This is a copy of "#top_menu a" but used for headings on each section */
.top_menu_heading {
	/*height:43px - 13px;*/
	height:30px;
	padding:13px 0px 0px 20px;
	border-left:solid 1px #e8cf50;
	color:#92033f;
	font-weight:bold;
}

/*****************************************************************************************************/
/*-------------------------------------------- homepage ---------------------------------------------*/
/*****************************************************************************************************/

.h3_home_heading {
	padding-bottom:5px;
}

.home_login_bg {
	background-image:url('../images/login_bg.gif');
	background-repeat:repeat-y;
	background-position:left;
}

#home_login {
	/*float:left;*/
	width:130px;
	padding:0px 5px;
	/*background-color:#FF0000;*/
	font-size:0.8em;
}

#home_login a:link {color:#92033f;text-decoration:underline;} 
#home_login a:visited {color:#92033f;text-decoration:underline;} 
#home_login a:hover {color:#92033f;text-decoration:none;}
#home_login a:active {color:#92033f;text-decoration:underline;}

#home_login p {
	padding:5px 0px;
	margin:0px;
}
#home_login form {
	padding:0px;
	margin:0px;
	font-size:1.2em;
}

#home_login .textinput {
	border:solid 1px #7f9db9;
	width:115px;
}

#home_content {
	width:603px;
	padding-left:32px;
	/*background-color:#00FF00;*/
	/*float:left;*/
	padding-top:20px;
}

#home_content td {
	padding-right:5px;
	padding-top:15px;
}

.login_cell {
	background-color:#eceef0;
	border:solid 1px #e8cf50;
	border-top:none;
	padding:5px 4px;
	color:#023053;
}

#home_highlight {
	float:left;
	width:602px;
	padding-top:193px;
	margin:20px 0px;
	background-image:url('../images/homepage_big_pic.jpg');
	background-repeat:no-repeat;
	background-position:top;
	color:#003c00;
	font-size:0.9em;
}

.highlight_box {
	float:left;
	width:180px;
	height:111px;
	padding:90px 10px 0px 10px;
	margin-right:1px;
	background-repeat:no-repeat;
	background-position:top;
}

.highlight_box_link {
	width:180px;
	padding-top:10px;
	text-align:center;
}

.highlight_box_link img {
	border:none;
}

.green_text {
	color:#009900;
	font-size:0.9em;
}

/*****************************************************************************************************/
/*------------------------------------- test and result page ----------------------------------------*/
/*****************************************************************************************************/
#test {
	margin-left:20px;
}

#test td {
	padding:5px;
}

#test td a {
	cursor:pointer;
}

.score {
	color:#003c00;
	font-size:1.6em;
	font-weight:normal;
}

#results td {
	/*width:50%;*/
	padding:5px;
}

#results td p {
	padding-left:30px;
	margin:0px;
}

.question_no {
	color:#003c00;
	font-weight:bold;
}

/* This holder is used to wrap the questions and answers before the background images on the right */
#questionsHolder {
	width:650px;
}

.wrong_background {
	background-color:#ffffcc;	
}

.cameracraft_bg {background-image:url('../images/intro_bg_cameracraft.jpg');}
.lighting_bg {background-image:url('../images/intro_bg_lighting.jpg');}
.audio_bg {background-image:url('../images/intro_bg_audio.jpg');}
.postproduction_bg {background-image:url('../images/intro_bg_post_prod.jpg');}
.businessandlegal_bg {background-image:url('../images/intro_bg_business.jpg');}

img.studyImg {
	margin:5px;
}

/*****************************************************************************************************/
/*------------------------------------- Register Page ----------------------------------------*/
/*****************************************************************************************************/

.error { color:red; }

input.wide {
	width:200px;
}

.register tr td {
	vertical-align:middle;
}

/*****************************************************************************************************/
/*------------------------------------- Portal Page ----------------------------------------*/
/*****************************************************************************************************/

#portal {
	margin-top:20px;
	border-top:solid 1px #e8cf50;
	border-left:solid 1px #e8cf50;
	color:#06497d;
}

#portal th {
	font-weight:bold;
	text-align:center;
	background-color:#eceef0;
	border-right:solid 1px #e8cf50;
	border-bottom:solid 1px #e8cf50;
}

#portal td {
	border-right:solid 1px #e8cf50;
	border-bottom:solid 1px #e8cf50;
	text-align:center;
}


/*****************************************************************************************************/
/*------------------------------------- Sponser Styles ----------------------------------------*/
/*****************************************************************************************************/

.sponsor_top {
	height:10px;
	background-image:url('../images/sponsor_top.gif');
	background-repeat:repeat-x;
}

.sponsor_bottom {
	height:10px;
	background-image:url('../images/sponsor_bottom.gif');
	background-repeat:repeat-x;
}

.sponsor_info {
	font-size:0.8em;
	color:#023053;
	text-align:center;
	padding:7px;
	background-color:#eceef0;
	border-right:solid 1px #e8cf50;
	border-left:solid 1px #e8cf50;
}

.sponsor_info p {
	padding:0px;
	margin:0px;
}

.sponsor_info img {
	padding:5px;
}

.sponsor_heading {
	color:#06497d;
	font-size:1.2em;
	font-weight:bold;
}

/*****************************************************************************************************/
/*------------------------------------- Live Search ----------------------------------------*/
/*****************************************************************************************************/

#search_holder {
	float:right;
}

#search {
	margin:0px; 
	margin-left:10px;
	width:250px;
}

.highlight {
	background-color:#0066FF;
}

/*****************************************************************************************************/
/*------------------------------------- test completed page ----------------------------------------*/
/*****************************************************************************************************/

#outer_border {
	width:550px;
	margin:0px auto;
	padding:15px;
	border:solid 1px #e8cf50;
	background-color:#eceef0;
}

#inner_border {
	border:solid 1px #e8cf50;
	background-color:#ffffcc;
	padding:20px 30px;
	background-image:url('../images/iov_logo.gif');
	background-repeat:no-repeat;
	background-position:right top;
}

#inner_border h2 {
	text-align:center;
}

#inner_border h3 {
	text-align:center;
}

#your_scores {
	border:solid 1px #e8cf50;
	border-bottom:none;
	background-color:#ffffff;
	color:#06497d;
}

#your_scores td {
	border-bottom:solid 1px #e8cf50;
}

.your_scores_left {
	text-align:right;
	padding:3px 0px 3px 15px;
}

.your_scores_right {
	text-align:left;
	padding:3px 20px 3px 5px;
}

#loading_ajax {
	vertical-align:middle;
	text-align:center;
	margin:0 auto;
	background-color:white;
	width:200px;
	position:absolute;
	top:300px;
	left:600px;
	border:solid 3px #333333;
}

/*****************************************************************************************************/
/*------------------------------------- Font Size Changer ----------------------------------------*/
/*****************************************************************************************************/

#txtchanger {
	margin:0px 0px 0px 33px;
	padding:0px;
	width:110px;
	border-bottom:solid 1px #000;
}

#txtchanger span {
	font-size:0.9em;
	color:#003c00;
}

/*****************************************************************************************************/
/*----------------------------------------------- quiz mode -----------------------------------------*/
/*****************************************************************************************************/

#quiz_header {
	width:460px;
	height:58px;
	background-image:url('../images/quiz_header_bg.jpg');
	background-repeat:no-repeat;
	background-position:left;
	margin-bottom:20px;
}

#quiz_header h2 {
	padding-bottom:0px;
	padding-top:15px;
}	
	
#podium {
	position:absolute;
	left:460px;
	top:-48px;
	width:129px;
	height:110px;
}