/*=== Reset default browser styles ===*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
:focus { outline: 0; }
body { background: #fff; color: #000; line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: separate; }
caption, th, td { font-weight: normal; }
/*=== END Reset ===*/

body { background:url(../images/bg.gif) repeat-x #fff; color:#3f4040; font:76%/1.5 Verdana,Arial,Helvetica,sans-serif; text-align:center }
	
/*=== PAGE LAYOUT ===*/ 
#pagewidth { margin:30px auto 20px auto; padding:0; text-align:left; width:740px; }
#header { color:#737C80; position:relative; width:740px; }
#logo { position:absolute; top:2px; left:2px; }
#slogan { font-size:17px; margin:0 0 0 175px; }
#topnav { margin-top:23px; text-align:right; width:740px; }

.leftcol { background:#fff; width:250px; float:left; padding-top:10px; } 

/*=== HOMEPAGE BOXES ===*/
.homegrad { background:url(../images/gradbox-top.gif) no-repeat left top #fff; width:360px; float:left; margin:30px 0; position:relative; }
.homegrad2 { background:url(../images/homebox-btm.jpg) no-repeat left bottom; height:230px; padding:25px 25px; }
.homegrad h2 { color:#589b00; font-size:26px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:normal; margin:0; padding:0 0 20px; }
.homegrad h3 { color:#3f4040; font-size:18px; padding-bottom:15px; }
.homegrad p { padding:0 0 10px 75px; }
.homegrad p em { font-size:12px; }
.homegrad p em a { display:block; position:absolute; bottom:30px; right:25px; }
.gradhead { position:absolute; left:1px; bottom:1px; }

.homeempl { background:url(../images/emplbox-top.gif) no-repeat left top #fff; width:360px; float:right; margin:30px 0; position:relative; }
.homeempl2 { background:url(../images/homebox-btm.jpg) no-repeat left bottom; height:230px; padding:25px 25px; }
.homeempl h2 { color:#ea7900; font-size:26px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:normal; margin:0; padding:0 0 20px; }
.homeempl h3 { color:#3f4040; font-size:18px; padding-bottom:15px; }
.homeempl p { padding-bottom:10px; }
.homeempl p em { font-size:12px; }
.homeempl p em a { display:block; position:absolute; bottom:30px; right:25px; }
 
.homenews { background: url(../images/box-btm.gif) no-repeat left bottom #f6f6f6; clear:both; width:740px; position:relative; }
.homenews img.postit { position:absolute; left:-4px; top:-15px; }
.homenews div { background: url(../images/box-top.gif) no-repeat left top; margin:0; padding:5px 20px; }
.homenews h2 { color:#015782; font-size:18px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:normal; padding:5px 0 8px 140px }
.homenews ul { margin:0; padding:0 0 5px 140px; }
.homenews li { background:url(../images/arrow-blue.gif) no-repeat 0 3px; color:#61696d; font-style:italic; line-height:1.25; margin:0 0 10px; padding:0 0 0 15px; }
.homenews li a:link, .homenews li a:visited, .homenews li a:hover, .homenews li a:active { color:#015782; font-style:normal; text-decoration:underline; }
 
/*=== CONTENT BOX ===*/
#contentbox { background:url(../images/box-btm.jpg) no-repeat left bottom #f6f6f6; clear:both; margin-top:10px; padding-bottom:10px; }
.contentbox { background:url(../images/box-btm.jpg) no-repeat left bottom #f6f6f6; clear:both; margin-top:10px; padding-bottom:10px; }
#contentbox2 { border-left:1px solid #c9cccd; border-right:1px solid #c9cccd; height:480px; }
#contentbox3 { border-left:1px solid #c9cccd; border-right:1px solid #c9cccd; padding:0 0 10px; }
#contentbox4 { border-left:1px solid #c9cccd; border-right:1px solid #c9cccd; height:420px; }
#contentbox5 { border-left:1px solid #c9cccd; border-right:1px solid #c9cccd; min-height:450px }

/*=== POINTER BOX (For Graduates / Employers) ===*/
.pointer { width:250px; cursor:pointer; text-align:left; height:63px; background:url(../images/graduates-box2.jpg) no-repeat left bottom #fff; margin-bottom:18px }
.pointer h1 { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:24px; padding:0; margin:0; background:none; }
.pointer a:link, .pointer a:visited, .pointer a:hover, .pointer a:active  { color:#6d6e6e; display:block; padding:15px 15px; text-decoration:none; }

/*=== LOGIN BOX ===*/
.logpanel { width:230px; margin-bottom:18px; background:url(../images/login-btm.jpg) no-repeat left bottom #acdaef; }
.logpanel h3 { background:url(../images/login-top.gif) no-repeat left top; color:#03557b; font-family:Tahoma, Arial, sans-serif; font-size:20px; padding:10px 15px 5px; }
.logpanel .logcontent { border-top:1px solid #fff; margin:0 15px; padding:8px 0 15px; text-align:left; }
.logpanel .logcontent p { clear:left; padding:3px 0; }
.logpanel .logcontent label { display:block; float:left; width:70px; }
.logpanel .logcontent input.logtextbox  { float:left; width:125px; }
.logpanel .logcontent div { clear:left; padding:6px 0 0 70px; }
.logpanel .logcontent div a:link, .logpanel .logcontent div a:visited, .logpanel .logcontent div a:hover, .logpanel .logcontent div a:active { color:#015782; }

/*=== LOGIN BOX Homepage===*/
.logpanelhome { width:740px; height:36px; margin-top:12px; padding-top:5px; background:url(../images/login-blue.gif) no-repeat left top #acdaef; }
.logpanelhome h3 { border-right:1px solid #d7eef9; color:#03557b; float:left; font-family:Tahoma, Arial, sans-serif; font-size:18px; margin:3px 0 0; padding:2px 15px 2px 20px; }
.logpanelhome .logcontent { color:#133646; float:left; margin:5px 0 0; padding:0 15px; text-align:left;  }
.logpanelhome .logcontent p { float:left; font-size:12px; padding:0 10px 0 0; margin-top:2px;}
.logpanelhome .logcontent label { display:block; float:left; padding:2px 5px 0 0; }
.logpanelhome .logcontent input { color:#133646; float:left; vertical-align:middle; }
.logpanelhome .logcontent input.logtextbox { padding:1px 2px; width:135px; }
.logpanelhome .logcontent div {  float:left; font-size:10px;  }
.logpanelhome .logcontent div.logforgot { display:block; float:left; line-height:1.1; margin-left:15px; width:60px; }
.logpanelhome .logcontent div a:link, .logpanelhome .logcontent div a:visited, .logpanelhome .logcontent div a:hover, .logpanelhome .logcontent div a:active { color:#015782; }

/*=== NEWS ===*/
.gradnews { background:url(../images/news-btm.gif) no-repeat left bottom #f6f6f6; margin-bottom:18px; padding-bottom:10px; width:230px; }
.gradnews h3 { background:url(../images/news-top.gif) no-repeat left top #f6f6f6; color:#015782; font-size:18px; padding:15px 15px; }
.gradnews ul { padding:0 15px 10px; margin:0; }
.gradnews li { background:url(../images/arrow-blue.gif) no-repeat 0 3px; color:#61696d; font-style:italic; line-height:1.25; margin-bottom:10px; padding-left:15px; }
.gradnews li a:link, .gradnews li a:visited, .gradnews li a:hover, .gradnews li a:active { color:#3f4040; font-style:normal; text-decoration:underline; }

/*=== sub navigation ===*/
.menupanel{ width:740px; margin:10px 0 15px 0; padding:0; }
.gradmenu { background:url(../images/subnav-green.gif) no-repeat; padding:6px 13px 5px; height:20px; }
.emplmenu { background:url(../images/subnav-orange.gif) no-repeat; padding:6px 13px 5px; height:20px; }
.aboutmenu { background:url(../images/subnav-red.gif) no-repeat; padding:6px 13px 5px; height:20px; }
.helpmenu { background:url(../images/subnav-grey.gif) no-repeat; padding:6px 13px 5px; height:20px; }

.menustatic { color:#fff; float:left; width:360px; }
.gradmenu .menustatic { color:#e3ffc8; }
.emplmenu .menustatic { color:#fff4e4; }
.aboutmenu .menustatic { color:#f3c7c3; }
.helpmenu .menustatic { color:#eee; }
.gradmenu .menustatic a:link, .gradmenu .menustatic a:visited, .gradmenu .menustatic a:hover, .gradmenu .menustatic a:active { color:#345b00; padding:0 2px; text-decoration:none; }
.emplmenu .menustatic a:link, .emplmenu .menustatic a:visited, .emplmenu .menustatic a:hover, .emplmenu .menustatic a:active { color:#924800; padding:0 2px; text-decoration:none; }
.aboutmenu .menustatic a:link, .aboutmenu .menustatic a:visited, .aboutmenu .menustatic a:hover, .aboutmenu .menustatic a:active { color:#660000; padding:0 2px; text-decoration:none; }
.helpmenu .menustatic a:link, .helpmenu .menustatic a:visited, .helpmenu .menustatic a:hover, .helpmenu .menustatic a:active { color:#3b4043; padding:0 2px; text-decoration:none; }

.menuaccount { color:#fff; float:left; width:350px; text-align:right; }
.gradmenu .menuaccount a:link, .gradmenu .menuaccount a:visited, .gradmenu .menuaccount a:hover, .gradmenu .menuaccount a:active { color:#345b00; padding:0 2px; text-decoration:none; }
.emplmenu .menuaccount a:link, .emplmenu .menuaccount a:visited, .emplmenu .menuaccount a:hover, .emplmenu .menuaccount a:active { color:#924800; padding:0 2px; text-decoration:none; }
.aboutmenu .menuaccount a:link, .aboutmenu .menuaccount a:visited, .aboutmenu .menuaccount a:hover, .aboutmenu .menuaccount a:active { color:#660000; padding:0 2px; text-decoration:none; }
.helpmenu .menuaccount a:link, .helpmenu .menuaccount a:visited, .helpmenu .menuaccount a:hover, .helpmenu .menuaccount a:active { color:#3b4043; padding:0 2px; text-decoration:none; }

/*=== LEFT CONTENT AREA ===*/
.mainPanel { width:490px; margin-top:10px; float:right; background: url(../images/contentbox-bg.gif) repeat-y #f6f6f6; border-bottom:18px solid #fff; }
.mainPanel2 { background:url(../images/contentbox-btm.jpg) no-repeat left bottom; }
.mainPanel3 { background:url(../images/contentbox-top.gif) no-repeat left top; color:#3f4040; line-height:1.3; padding:10px 20px 20px; }

.mainPanel h2 { font-family:Tahoma; margin-top:10px; font-size:20px; font-weight:normal; padding:10px 0 5px; margin:0; }
.mainPanel h3 { font-family:Tahoma; margin-top:10px; font-size:17px; font-weight:normal; padding:5px 0 0; margin:0; }
.mainPanel p { margin:10px 0; }
.mainPanel ul { margin:10px 0; }
.mainPanel li { background:url(../images/arrow-blue.gif) no-repeat 0 5px; color:#3f4040; padding:0 0 6px 15px; }

/*=== Styles for Graduate area ===*/
.mainPanel .graduates h2 { color:#437500; }
.mainPanel .graduates h3 { color:#589b00; }
.mainPanel .graduates li { background:url(../images/arrow-green.gif) no-repeat 0 5px; }
.graduates a:link, .graduates a:visited { color:#589b00; text-decoration:underline; }
.graduates a:hover, .graduates a:active { color:#336600; text-decoration:underline; }

.steps { clear:both; width:740px; margin:0 0 20px; }
.steps h3 { float:left; font-size:18px; line-height:1.4; width:60px; }
.steps ul { float:right; list-style:none; margin:0; padding:0; width:676px; }
.steps li { float:left; margin:0; padding:0 0 0 20px; width:auto; }
.step21{ float:left;width:150px; }
.step22{ float:right;width:450px; }

/*=== Styles for Employers area ===*/
.mainPanel .employers h2 { color:#ea7900; }
.mainPanel .employers h3 { color:#ea7900; }
.mainPanel .employers li { background:url(../images/arrow-orange.gif) no-repeat 0 5px; }
.employers a:link, .employers a:visited { color:#3f4040; text-decoration:underline; }
.employers a:hover, .employers a:active { color:#ea7900; text-decoration:underline; }
.emplreg { float:right; margin-top:0px }

/*=== MENU LINKS ===*/
a.menulink:link {color: #ffffff; text-decoration: none; }
a.menulink:visited {color: #ffffff; text-decoration: none; }
a.menulink:active {color: #ffffff; text-decoration: none; }
a.menulink:hover {color: #ffffff; text-decoration: none; }

a.menulinkOut:link {color: #9c4a00; text-decoration: none; }
a.menulinkOut:visited {color: #9c4a00; text-decoration: none; }
a.menulinkOut:active {color: #9c4a00; text-decoration: none; }
a.menulinkOut:hover {color: #9c4a00; text-decoration: none; }

a.menulinkOut1:link {color: #677e00; text-decoration: none; }
a.menulinkOut1:visited {color: #677e00; text-decoration: none; }
a.menulinkOut1:active {color: #677e00; text-decoration: none; }
a.menulinkOut1:hover {color: #677e00; text-decoration: none; }

.button{ background-color:#379dcd; border:solid 0px #7f9db9;  color:#ffffff; font-weight:bold; cursor:pointer; }
.button1{ background-color:#379dcd; border:solid 0px #7f9db9; margin-left:103px; color:#ffffff; font-weight:bold; cursor:pointer; }

/*=== TEXT & LINKS  ===*/
h1 { background:url(../images/box-top.gif) no-repeat; color:#3f4040; font:normal 1.7em Tahoma,Verdana,Arial,Helvetica,sans-serif; margin:0; padding:20px 20px 15px; }
h2 { clear:both; color:#3f4040; font:normal 1.5em Tahoma,Verdana,Arial,Helvetica,sans-serif; }
h3 { font:1.1em Tahoma,Verdana,Arial,Helvetica,sans-serif; }
h4 { font:1.05em Tahoma,Verdana,Arial,Helvetica,sans-serif; } 
h5 { font:1.0em Tahoma,Verdana,Arial,Helvetica,sans-serif; } 
h6 { clear:both; color:#767779; font:bold 1.2em Tahoma,Verdana,Arial,Helvetica,sans-serif; margin:10px 0 10px 0; }

#contentbox3 h1, #contentbox3 h2, #contentbox3 h3, #contentbox3 h4, #contentbox3 h5, #contentbox3 p { margin:0; padding:5px 20px 8px; }
#contentbox3 h2 { padding-top:15px; }
#contentbox3 ul { margin:0 10px 0 0; padding:10px 20px; }
#contentbox3 li { background:url(../images/arrow-blue.gif) no-repeat 0 5px;color:#3f4040; padding:0 0 8px 12px; }

a:link { color:#047bb4; text-decoration:underline; }
a:visited { color:#4b7589; text-decoration:underline; }
a:hover, a:active { color:#015782; text-decoration:underline; }

/*=== Extras ===*/
hr { display:block; border: solid 1px #ffffff; height:1px; }
.highlight { color:#d92314; }
.clear { clear:both; }
.validatorCalloutHighlight { background-color: #fffacd; border-color:#ff0000; border-width:1px; vertical-align:top; }
.brownText { color:#ea7f00; }
.textbox { border-color:#7f9db9; border-style:solid; border-width:1px; }
.logtextbox{ border-color:#7f9db9; border-style:solid; border-width:1px; background:#d6eef8; }

/*=== Rating ===*/
.ratingStar { font-size: 0pt; width: 13px; height: 12px; margin: 0px; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat; }
.filledRatingStar { background-image: url(../images/icon-rate.gif); }
.emptyRatingStar { background-image: url(../images/icon-rate2.gif); }
.savedRatingStar { background-image: url(../images/SavedStar.png); }

/*=== Search Results ===*/
#resultbox { background:url(../images/results-btm.jpg) no-repeat left bottom #fff; clear:both; margin-top:10px; padding-bottom:30px; position:relative; }
#resultbox2 { background:url(../images/results-top.gif) no-repeat left top; padding:10px 15px 25px 15px; } 
#resultbox h2 { color:#42494c; font:bold 1.15em Verdana,Arial,Helvetica,sans-serif; padding-bottom:10px }
#resultbox h2 a { color:#42494c; }
#resultbox ul.details { float:left; width:400px; }
#resultbox ul.details li { font-size:0.9em; float:left; width:210px; }
#resultbox ul.details li.first { width:190px; }
#resultbox ul.details li label { color:#ea7900; display:block; float:left; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; width:7em; }
#resultbox ul.details li.first label { width:4em; }
#resultbox p { clear:left; }
#resultbox img.photo { border:1px solid #b6babb; position:absolute; height:73px; top:10px; right:250px;}
#resultbox ul.options { float:left; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; margin-top:-2.3em; margin-left:83px; width:215px; }
#resultbox ul.options li { border-bottom:1px solid #d4d7d8; font-size:0.9em; float:left; width:215px; }
#resultbox ul.options li label { color:#727b7f; display:block; float:left; width:6.5em; }
#resultbox ul.options li img { vertical-align: middle; margin-right:2px; }
#resultbox ul.options li a:link { color:#383f42; text-decoration:none; }
#resultbox ul.options li a:visited { color:#383f42; text-decoration:none; }
#resultbox ul.options li a:hover { color:#ea7900; text-decoration:underline; }
#resultbox ul.options li a:active { color:#383f42; text-decoration:underline; }

.modalPopup
{
    text-align:center;
    padding-top: 30px; 
    border-style:solid; 
    border-width:1px; 
    background-color:White; 
    width:200px; 
    height:50px;
}

.modalProgressGreyBackground 
{
    background:#CCCCCC;
	filter:alpha(opacity=60);
	opacity:0.6;
}

.modalProgressRedBackground 
{
    background:Red;
	filter:alpha(opacity=60);
	opacity:0.6;
}

/*=== FOOTER ===*/
#footer { border-top:1px solid #cacccd; clear:both; color:#aeb2b4; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; margin-top:30px; padding-top:10px; text-align:center; }
#footer a:link { color:#52585c; text-decoration:none; padding:0 10px; }
#footer a:visited { color:#52585c; text-decoration:none; }
#footer a:hover { color:#047bb4; text-decoration:underline; }
#footer a:active { color:#047bb4; text-decoration:underline; }
#footer p { color:#898f92; font-size:0.9em; margin-top:5px; }
#footer p a:link { color:#898f92; padding:0; }
#footer p a:visited { color:#898f92; }

/*=== Float containers fix ===*/ 
.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 */