@import "form.css"; /* form styles */
@import "admin.css"; /* admin styles */

/* our own reset */
th,td {border:0;}
th {text-align:left;}
td {padding:3px;}
ul li {list-style:none;}
ol,ul,dl {margin:0;}

/*#######################
# our styles begin here #
/*#####################*/

html { height:100%; }

/* first all the layout styles */
body { min-height:100%; background-color:#e2e2e2; padding:10px 0; font-size:62.5%; margin:0 auto; text-align:left; color:#666; font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }
	strong, em, b, i { font-family:"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }

body #doc4 { background:#fff; }
body.home #doc4 {background:#fff url(/static/images/home-bg.jpg) top center no-repeat;}
body.inner1 #doc4 {background:#fff url(/static/images/map-bg.jpg) top center no-repeat;}
body.inner2 #doc4 {background:#fff url(/static/images/map-bg.jpg) top center no-repeat;}
body.researcher #doc4 {background:#fff url(/static/images/map-bg.jpg) top center no-repeat;}
body.print {background:none;}

/* usertype specific layout styles */
body.submission #doc4 { background:#fff url(/researcher/images/map-bg.jpg) top center no-repeat; background-position:-32px 0; }

#doc4 { border:1px solid #666; width:957px; margin:auto; }

/* referral welcome */
.referral-welcome {width:99%; padding:0.5%; background-color:#FFFFCC; color:black; text-align:left; border-bottom:1px solid #CCC; font-size:1.2em; margin:-10px 0 10px 0;}

/* header */
#hd { background:url(/static/images/layout/gray-box.png); }
#logo { position:relative; float:left; height:46px; margin:12px; text-align:left; text-decoration:none; display:block; background:url('/static/images/aje-logo.gif') top left no-repeat; }
#logo strong {position:relative; display:block; font-size:2.0em; font-weight:bold; color:#006699; padding:0 0 0 70px;}
#logo h1 {position:relative; display:block; font-size:1.3em; color:#929292; margin:0; padding:0 0 0 70px; font-weight:normal;}
#top-menu {position:relative; float:right; margin:12px; margin-bottom:4px; height:20px; overflow:hidden;}
#top-menu #search {position:relative; float:left; overflow:hidden;}
#top-menu #search form {margin:0; padding:0; border:0;}
#top-menu #search label {position:relative; margin:0; width:auto; float:left; padding:3px 10px 0 0; font-size:1.2em; text-transform:uppercase;}
#top-menu #search input {position:relative; float:left; border:1px solid #ddd; padding:2px 5px 0 5px; margin:0; height:16px; font-size:10px; width:120px;}
#top-menu p.languages {position:relative; float:left; font-size:1.1em; padding-left:25px;}
#top-menu p.languages a {position:relative; color:#939393;}
#live-help { clear:right; float:right; }
#live-help a {position:relative; float:right; height:55px; width:99px; background:url(/static/images/live-help.png) top left no-repeat; text-indent:-10000px;}

#nav { position:relative; background:#CADDF2/*url(/static/images/layout/blue-bar.png)*/; font-size:1.1em; clear:both; height:24px; z-index:500; width:100%;}
#subnavbar, #navbar { display:inline; }
#subnavbar li, #navbar li { float:left; list-style:none; padding:0; height:24px; white-space:nowrap; }
#subnavbar > li > ul >li, #navbar > li > ul > li { float:none; } /* to undo the float applied to all #navbar li elements above */
#subnavbar li a, #navbar li a { display:block; float:left; color:#369; font-weight:normal; height:24px; line-height:24px; padding:0 7px; text-decoration:none; }
#subnavbar > li > a, #navbar > li > a { float:none; } /* to undo float ^ for non-IE5/6 */
#subnavbar > li > ul > li a, #navbar > li > ul > li a { float:none; } /* to undo float ^ for non-IE5/6 */
#subnavbar li.selected a, #navbar li.selected a { background:#ddd; color:#000; }
#subnavbar > li.selected > ul > li > a , #navbar > li.selected > ul > li > a { background-color:#fff; color:#666; }
#subnavbar li a:hover, #navbar li a:hover { background:#fbc77c; } /* for IE5/6's sake */
#subnavbar > li:hover, #navbar > li:hover { background:#fbc77c; } /* matches the row above, but better */
#subnavbar ul, #navbar ul { display:none; background:#fff; border:1px solid #ccc; border-top:0; margin:0; }
#subnavbar > li:hover > ul, #navbar > li:hover > ul { position:absolute; display:block; }
#subnavbar > li > ul > li a, #navbar > li > ul > li a { background-color:#fff; color:#666; height:auto; line-height:1em; padding:5px 8px; font-size:0.78em; }
#subnavbar > li > ul > li a:hover, #navbar > li > ul > li a:hover { background-color:#eee; color:#222; }

#subnavbar {float: left;clear: both;margin-left:0;}
/* middle column */
#bd {position:relative; text-align:left; font-size:1.0em; padding-bottom:25px;}
#bd #profiles { position:absolute; left:150px; top:15px; width:240px; }
#bd #profiles .profile { position:absolute; height:254px; }
#bd #profile-selector { position:absolute; top:280px; left:254px; z-index:10; }
#bd #profile-selector img { border:1px solid #ccc; }
#bd #profile-selector img:hover { border:1px solid #888; }
#bd #profile-selector img.active { border:1px solid #c00; }
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

/* frontpage left column */
#col1 {position:relative; float:left; width:214px; font-size:1.1em;}
	.leftbar {position:relative; padding-right:1px; margin-top:320px; background:url(/static/images/sb-bg.gif) top right repeat-y; text-align:right;}
	.leftbar h2 {text-align:center;}
	#top_ten_universities { position:relative; height:118px; }
	.slide { position:absolute; left:0; margin:6px; width:200px; text-align:center; }
	ul#news li {padding-bottom:5px; font-size:1em;}
	.leftbar ul#news li {list-style:none;}
	ul#news li a, ul#news li a:hover {color:#006699;}
#col1 h2 {position:relative; font-size:1.6em; font-weight:normal; color:#FCA83C; padding:0 0 8px 0; margin:0;}
#col1 .break {position:relative; height:5px; margin-bottom:15px; background:url(/static/images/sb-break.gif) center no-repeat;}
#col1 ul {position:relative; padding-right:25px; margin:0;}

/* frontpage middle column */
#col2 {position:relative; float:left; width:510px; padding:320px 26px 0 32px; font-size:1.2em;}
#col2 p {position:relative; line-height:1.7em; padding-bottom:1.1em;}
#col2 h3 {position:relative; font-size:1.3em; font-weight:bold; color:#6686B7; margin:0; padding:0 0 10px 0;}
#col2 h4 {position:relative; font-size:1.5em; font-weight:bold; color:#FDA83E; margin:0; padding:0;}
#col2 h4 a {color:#FDA83E; font-size:10px;}
.editor {position:relative; float:left; padding:2px; background:#fff; border:1px solid #ddd; margin:5px 15px 0 0;}

/* frontpage right column */
#col3 {position:relative; float:left; width:172px; padding-top:15px; text-align:left; font-size:1em;}
#col3 h3 {margin:0; padding:0;}
#col3 p {font-size:1em;}

/* right column */
.top {position:relative; padding-top:6px; margin-bottom:18px; background:url(/static/images/menu-top.gif) top left no-repeat;}
#start, #refer { height:35px; padding:4px 0 0 14px; margin:0 0 4px 8px; background:url(/static/images/layout/blue-button.png) top left no-repeat; }
#start a, #refer a { display:block; height:23px; padding:5px 0 0 30px; color:#423A35; font-weight:bold; text-decoration:none; }
#start a { background:url(/static/images/layout/icon-magnified-doc.png) top left no-repeat; }
#refer a { background:url(/static/images/layout/icon-people.png) top left no-repeat; }
#menu-box {position:relative; padding-top:6px; margin-bottom:4px; background:url(/static/images/menu-top.gif) top left no-repeat;}
#menu-box ul {position:relative; padding:0 10px 10px 8px; background:url(/static/images/menu-bottom.gif) bottom left no-repeat; margin:0;}
#menu-box li {position:relative; border-bottom:1px solid #B4D9EC; padding-left:10px; padding-top:3px; padding-bottom:3px; background:url(/static/images/menu-tick.gif) right center no-repeat; list-style:none;}
#menu-box li a {position:relative; display:block; text-decoration:none; padding:9px 0 9px 35px; color:#423A35; font-weight:bold;}
#menu-box li:last-child, #menu-box li.last-child {border:0;}
	.mu1 {background:url(/static/images/mu1.gif) left center no-repeat;}
	.mu2 {background:url(/static/images/mu2.gif) left center no-repeat;}
	.mu3 {background:url(/static/images/mu3.gif) left center no-repeat;}
#mini-nav {position:relative; height:19px; padding-top:6px; font-size:1em; text-align:center; background:url(/static/images/mini-nav-bg.gif) bottom left no-repeat;}
#mini-nav a {position:relative; margin:0 4px 0px 4px; color:#423A35; font-weight:bold;}
#new-customers {position:relative; height:28px; background:url(/static/images/sb-title-1.gif) top left no-repeat; font-size:1.1em; padding-top:3px; text-align:center;}
#new-customers.blue-top {background:url(/static/images/layout/curved-blue-top.gif) top left no-repeat; height:27px; padding-top:5px;}
#new-customers a, #new-customers a:hover {position:relative; margin:0 4px; color:#C30; font-weight:bold; text-decoration:none;}
#new-customers a:hover {text-decoration:underline;}
#login-box {position:relative; height:auto !important; text-align:center; color:#423A35; background:url(/static/images/sb-title-2.gif) bottom left no-repeat; padding:0 13px; padding-bottom:18px;}
#login-box form {margin:0; padding:0; border:0;}
#login-box label {font-size:inherit; margin:5px 0 2px 0;}
	.login_heading {font-weight:bold; font-size:11px; position:relative; top:-4px;}
#login-box label {position:relative; display:block; width:146px;}
	input.ltext {position:relative; padding:1px; font-size:10px; border:1px solid #8FA8BF; margin:0;}
	.login {position:relative; height:16px; width:64px; border:0; margin-top:3px; background:url(/static/images/login-btn.gif) top left; cursor:pointer;}
#login-box p {margin:0; padding:0; font-size:10px;}
#login-box a {position:relative; color:#423A35;}
#login-box #group_code_form form input {font-size:1.2em; padding:2px 4px; margin:0; }
#survey { padding:0 13px; text-align:left; color:#333; background:url(/static/images/nbox.gif) top left no-repeat; }
#survey form {margin:0; padding:0; border:0;}
#survey label {font-size:inherit; margin:5px 0 10px 0; padding:0; width:142px; font-weight:bold;}
#survey label {float:none; line-height:120%; position:relative; clear:both;}
#survey h3 {position:relative; height:23px; font-weight:bold; padding-top:13px; padding-left:36px; color:#fff;}
#survey p {position:relative; line-height:1.4em; padding:1px 30px 1px 30px; padding-bottom:5px; margin:0; font-size:11px;}
#survey span {position:relative; display:block; padding-left:28px;}
#survey span input {position:absolute; top:0; left:-5px; padding:0; margin:0;}
	.submit {position:relative; height:16px; width:64px; border:0; margin-top:5px; background:url('/static/images/submit.gif') top left; cursor:pointer;}
#testimonial { padding:4px 13px 10px 13px; text-align:left; color:#333; background:url(/static/images/menu-bottom.gif) bottom left no-repeat; }
#testimonial h3 { margin-left:6px; padding:2px 0 0 10px; position:relative; height:24px; text-align:center; background:url(/static/images/thumbs-up.png) top left no-repeat; }
#testimonial h3 a { font-weight:bold; color:#fff; color:#fff; }
#testimonial h4 { font-size:1.1em; padding:0; margin-bottom:10px; color:#333; }
.bottom {position:relative; height:19px; background:url('/static/images/nbox-bottom.gif') top left;}

/* new submission page */
body.submission #page.no-sidebar {width:957px; padding:25px 30px 0 0;}
body.submission #page h2 {display:none;}
body.submission #container div.step {margin:0; padding:0 0 5px 0; color:#006699; font-weight:normal; font-size:1.3em}
body.submission #container #options form {margin:0;}
body.submission #container #instructions h2 {display:block;}
body.submission #container h2 {font-size:1.5em; color:black;}
body.submission #container {width:730px; text-align:left; margin:0 auto; padding-top:0px;}
body.submission #container #options {background:url(/researcher/images/rounded-top-blue.gif) top left no-repeat #c9e2f2; width:700px; padding:10px 15px 0px 15px; z-index:5; margin:0;}
body.submission #container .rounded-bottom-blue {background:url(/researcher/images/rounded-bottom-blue.gif) bottom left no-repeat; height:25px; margin:0; padding:0;}
body.submission #container #instructions {width:700px; margin-top:15px; margin-left:15px;}
body.submission #container #error {background-color:#cf1819; padding:2px;}

/* footer */
#ft {position:relative; border-top:2px solid #FED49F; padding:10px 0 10px 0; text-align:center;}
#ft a {color:#929292;}

/*################################################*/
/* text styles */
/*################################################*/

/* inner page middle column */
#page {position:relative; float:left; padding:30px 30px 0 40px; width:712px; overflow:visible; font-size:1.3em; line-height:1.6em; text-align:justify} /* padding-top was 30px */
#page.no-sidebar { padding:30px 30px 0 30px; width:897px; }
#page p {font-size:1.0em;}
#page h2 {font-size:1.3em; margin-bottom:5px;}
#page ul {font-size:1.0em; line-height:1.4em;}
#inner-nav {position:relative; height:22px; color:#ddd; margin-bottom:20px;}
#inner-nav span {position:relative; float:left; height:21px; border-bottom:1px solid #ddd;}
#inner-nav a {position:relative; color:#CC0000; font-size:11px; padding-bottom:2px;}
#inner-nav a:hover, #inner-nav a.active {color:#CC0000; text-decoration:none; border-bottom:2px solid #E4041B;}
#inner-nav a.active {border-color:#333; color:#333;}

/* usertype-specific page styles */
body.researcher #page.no-sidebar { width:957px; width:auto !important; padding:10px; }
body.researcher #page {width:742px; padding:25px 30px 0 10px;}
body.submission #page.no-sidebar {width:957px; padding:64px 0 0 0;}
body.print #page {padding:0; margin:20px auto;}

/* general text styles */
a:link, a:visited, a:active{color:#0066CC; font-weight:normal; text-decoration:none;}
a:hover{color:#E68F1C; font-weight:normal; text-decoration:underline;}
a img{border:0px;}
p {font-size:1.0em; padding:0; margin-bottom:1em; line-height:1.6em;}
p.reset {margin:0px;}
h2, h2 a, h2 a:link, h2 a:active, h2 a:visited, h2 a:hover {font-size:16.5px; font-weight:bold; color:#0066CC; margin:0px; padding:5px 0px 5px 0px; text-decoration:none;}
h3 {font-weight:bold; font-size:13px; margin:0px; padding:10px 0px 10px 0px; color:#666;}
h3.news, h3.po-due, h3.no-collapse {padding:1px 0px 1px 2px; margin:5px 0 5px 0; border-top:1px solid #CCC; border-bottom:1px solid #CCC; background-color:#EEE; cursor:pointer;}
h3.news {padding:1px 0px 1px 18px;}
h3.collapsed, h3.expanded {background:url('/static/images/plus-minus.gif') top left no-repeat #EEE; background-position:5px 7px;} 
h3.expanded {background-position:5px -17px;} 
h4 {font-weight:bold; font-size:11px; margin:0px; padding:10px 0px 5px 0px;}
.faq h4 {font-size: 12pt;}
h5 {font-weight:bold; font-size:11px; margin:0px; padding:0px 0px 0px 0px;}
.faq h5 {font-size: 10pt;}
h6 {font-weight:bold; font-size:10px; margin:0px; padding:0px 0px 0px 0px;}
.faq h6 {font-size: 10pt;}
ul {margin:0px 0px 0px 20px; padding-left:0px; font-size:1.2em;}
ul li {padding-bottom:5px; list-style-type:disc;}
ul.reset_list, ul.reset_list li {list-style-type:none;}
ol, ol li {margin:0 0 0 5px; padding-left:10px; list-style:decimal;} /* default behavior for ordered lists */
ol li {font-size:1.0em; line-height:1.6em;}

table{border-collapse:collapse; padding:3px;} /* tables must have all borders collapsed */
table tr td {font-size:1.0em;}
body.inner1 table tr td {font-size:0.9em;}
body.inner1 table th {font-size:0.9em;}
th {padding:5px; background-color:#0066CC; color:white; font-weight:bold;} /* table header */
.sortable th { padding:0.25em; background-color:#ddd; color:#555; } /* table header */
th[align=right] {text-align:right;}
th[align=center] {text-align:center;}
th a, th a:link, th a:active, th a:visited {color:white; text-decoration:none; font-weight:bold;}
th a:hover {color:#E68F1C; text-decoration:underline;}
#th, .th {padding:2px; background-color:#0066CC; color:white; font-weight:bold;} /* table header */
#th a, #th a:link, #th a:active, #th a:visited, .th a, th a:link, th a:active, th a:visited {color:white; text-decoration:none; font-weight:bold;}
#th a:hover, .th a:hover {color:#E68F1C; text-decoration:none;}
blockquote {border-left:2px solid #CCC; margin-left:10px; padding-left:10px;}
.gray {background-color:#CCC;}
.lightgray {background-color:#F2F2F2;}
#hpadding {padding:3px;}
.padding {padding:5px;}
.padding_right {padding-right:5px;}
strong, .strong {font-weight:bold;}
.justify {text-align:justify;}
.float_left {float:left;}
.float_right {float:right;}
.small {font-size:9px;} /* this is for when we want to have some small text such as to display "Required Fields" */
.small a, .small a:link, .small a:visited, .small a:active {font-size:9px; color:#0066CC;} /* links for the small class */
.small a:hover {font-size:9px; color:#E68F1C;}
.inp{ float:left; padding-top:3px; padding-bottom:3px;}
.invisible{display:none;}
.red_text{color:#CC0000;} /* this class simply makes some text red */
.red_text a, .red_text a:link, .red_text a:visited, .red_text a:active{color:#CC0000; font-weight:bold;} /* links for above */
.red_text a:hover{color:#036;} /* on hover class for above */
.green_text{color:green;}
.clearall{clear:both;}

/* error handling */
#error{background-color:#CC0000; color:white; font-weight:bold; padding:4px; font-size:12px; margin-bottom:5px;}
#error a, #error a:link, #error a:active, #error a:visited{color:#CCC; text-decoration:none; font-weight:bold;}
#error a:hover{color:white; text-decoration:underline;}
#warning, .warning {background-color:#FFCC00; color:#666; font-weight:bold; padding:4px; font-size:12px; margin-bottom:5px;}
#warning a, .warning a, #error a:link, #error a:active, #error a:visited{color:#CCC; text-decoration:none; font-weight:bold;}
#warning a:hover, .warning a:hover {color:white; text-decoration:underline;}
#success{background-color:green; color:white; font-weight:bold; padding:4px; font-size:12px; margin-bottom:5px;}
#success a, #success a:link, #success a:active, #success a:visited{color:#CCC; text-decoration:none; font-weight:bold;}
#success a:hover{color:white; text-decoration:underline;}

/* aje lightwindow styles */
a#lightwindow_title_bar_close_link { color:#000 !important; }
div#lightwindow_title_bar_inner { background-color:#ddd; }
div#lightwindow_container { border:1px solid black; }

sup {font-size:50%;vertical-align: super;}
.areas-of-study{ width: 45%; margin: 0pt; padding-right: 10px; float: left; vertical-align: top; }
.centerBlock {margin-left: auto; margin-right: auto; text-align: center;}