/*--
1.CSS Reset
2.Default Links
-----CSS Unique for certain pages
-----CSS BASE
1.Container
2.Header 
3.Main Navigation
4.Content Wrapper
5.Side Navigation
6.Search Box
7.CONNECT! links
8.Content (* all the stuff goes here)
9. Footer
--*/

/*--Resets the default tag value so its consistent in all browsers--*/
html, body, div, span, ul, li, h1, h2, h3, h4, h5, h6, blockquote, fieldset, form, input, label, legend, img , p{margin: 0px; padding: 0px;}
ul{list-style: none;}
img {border: 0;}

a {font-family: Verdana, Geneva, sans-serif; color: #013d79;}
a:link {font-family: Verdana, Geneva, sans-serif; color: #013d79;}
a:visited {color: #46536b;}
a:hover{color: #46536b;}
a:active, a:focus{color: #1155aa; }

/*---Sidebar Popup Job Fair Information
#feedback {display: none; position: absolute; top: 300px; left: 0; background: #fff url(../images/content_pane-gradient.gif) repeat-x 0% 100%; border: 1px solid #ccc; height: 200px; width: 350px; margin: 0 0 0 -300px;}
#feedback img {position: absolute; top: 0; right: 0;} ----*/
		

/*-------------------CSS BASE---------------------*/
html { background: #f7f7f7 url(../images/pattern.png)repeat 50% 0%; }
body {font: 100% Verdana, Geneva, sans-serif; background: url('../images/bg_edge.png') no-repeat 50% 5.5em;   }

/*----container that contains the all content "margin: auto"- align container in middle of screen  ------*/
#container, #container_index  { width: 50em; margin: 0 auto; background: #fdfdfd url(../images/bg_content.png) repeat-x top; position: relative;}

/*--Skip Links Links--*/
#skiplinks{ background: #fff url(images/content_pane-gradient.gif) repeat-x left bottom; border: 1px solid #ddd; border-top: none; width: 50em; height: 3em; margin: 0 auto 0.5em auto; position: relative; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;}
#access_functions {margin-left: 0.5em; line-height: 3em;}
#access_functions li{display: inline; padding-left: 0.5em;}
#access_functions li a{ font: 0.75em  Arial, Helvetica, sans-serif; text-decoration: none;}
#access_functions li a:hover {border-bottom: 4px solid #013d79;}

/*--Social Networking Links--*/
#social_network {position: absolute; left: 27.5em; top: 0.9em;}
#social_network li {padding: 0 0 0 0.5em; margin: 0; float: left; }

/*=====Search Box=====*/
.searchform {position: absolute; right: 0.5em; top: 0.4em; border: solid 1px #d2d2d2; padding: 2px 5px;  
-webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; 
-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 0px rgba(0,0,0,.1); box-shadow: 0 1px 0px rgba(0,0,0,.1);
background: #f1f1f1;background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));background: -moz-linear-gradient(top,  #fff,  #ededed);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}
.searchform label {position: absolute; text-indent: -1000em;}
.searchform input {font: 0.7em Nobile, Arial, Helvetica, sans-serif;}

 #searchfield {background: #fff url(../images/search_16.png) no-repeat 97% 50%; padding: 5px 25px 5px 10px; width: 18em; border: solid 1px #bcbbbb; 
-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);box-shadow: inset 0 1px 2px rgba(0,0,0,.2);}
.searchbutton { display:none;}

/*-------------Header---------------*/
#header { background: #fff; height: 9em; width: 50em; position: relative; border: 1px solid #ddd; margin-left: -1xp; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px;}
#bc_logo {position: absolute; left: 3em; bottom: 1em;}
#cc_logo {position: absolute; right: 0; bottom: 0;}

/*----Menu Header Navigation-----*/
#header_nav{ height: 50px; width: 100%; overflow: auto; clear: both; background: #013d79 url(../images/bg_header_menu.png) repeat-x 0 0; border-bottom: 2px solid #eee; }
#header_nav ul { padding: 0;}
#header_nav ul li {float: left; margin: 0; padding: 0; border-left:1px solid #eee;}
#header_nav ul li a{ color: #eee; text-decoration: none; font: 0.83em/50px Nobile, Arial, Helvetica, sans-serif; text-align: center; padding: 0 0.95em; display: block; }

#header_nav ul li a:hover {text-decoration: none;} 
#header_nav ul li:hover {background: #44719d url('../images/header_menu_back.gif') repeat-x bottom; }

#header_nav ul li a.menu_long {width: 12.5em;  padding: 5px 0.4em 7px 0.4em; font: 0.83em/1.5em  Nobile, Arial, Helvetica, sans-serif;}
#header_nav ul li a.menu_med{width: 8em; padding: 0.33em 0.4em}
#header_nav ul li a.noborder {border: none; background: none;}
#header_active {background: #48749f url('../images/header_menu_back_active.gif') repeat-x 0% 100%; }

#homeicon {border-left: none !important; width: 60px;}
#homeicon  a{text-indent: -9999em;  display: block; background: url(../images/home-icon.png) no-repeat 50% 50% !important; border-left: none !important;}
/*----Wrapper----*/
#content_wrapper { width: 100%; clear: both; border: 1px solid #ddd; margin-left:-1px;  -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
#content_wrapper_index { width: 100%; height: 100%; clear: both; background: #fefefe url(images/bg_side_menu.png) repeat-x bottom; padding: 1.2em 0 0.5em 0; border: 1px solid #ddd; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }

/*====Side Page Navigation====*/ 
#menu_wrapper {float: left; width: 13em; }
#menu_wrapper ul{ margin: 0.5em 0 0 0; padding: 0;} 
#menu_wrapper ul li a {color: #3E3E3E; text-decoration: none; font: 0.83em Nobile, Arial, Helvetica, sans-serif; padding: 0.4em 0 0.4em 10px; display: block; }
#menu_wrapper ul li a:hover{background: url(../images/arw_on.png) no-repeat left 50%;}
/*----Active Links----*/
li.active_link {font: 0.83em Nobile, Arial, Helvetica, sans-serif; color: #ffe; padding: 0.3em 0 0.3em 12px ; background: #77a3c4 url('../images/underline.gif') repeat-x bottom; border: 1px solid #f2f2f2; border-right: none; border-left: none;  }

/*----Find a Job Menu Link--*/
.list_active_link {background: #46727f url(../images/underline.gif) repeat-x bottom; }

/*---CONNECT! Link----*/
div#connect {padding: 0.7em 1.1em; }
div#connect a {text-indent: -1000em; margin:0 auto; width: 173px; height: 63px; background: url(../images/connect.png) no-repeat left top; display: block; border: 0; box-shadow: 1px 0px 5px #bbb;  -moz-box-shadow: 1px 0px 5px #bbb;  -webkit-box-shadow: 1px 0px 5px #bbb; }
div#connect a:hover {background: url(../images/connect.png) no-repeat left bottom; }

/*----Content----*/
#content { background: #FFF url(../images/bg_divider.gif) repeat-y 0% 0%; padding: 1.5em 1.2em; margin-left: 13em; min-height: 31em; height: auto !important; height: 31em; } 

/*---Footer and footer menu---*/
#footer { height: 15.5em; width: 50em; margin: 0.5em auto 1em auto; clear: both; border: 1px solid #ddd; position: relative; background: #f1f1f1 url(../images/content_pane-gradient.gif) repeat-x top; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
#footer a{color: #013d79; font: 1.1em Arial, Helvetica, sans-serif;}

#footer_name, #footer_contact h3, #footer_contact ul, #footer_contact ul li a, #footer_copyright { font: 1.1em "Droid Sans", Arial, Helvetica, sans-serif; color: #325573; }
#footer_name { padding-top: 1em; margin-left: 1.5em; font: bold 1.3em "Droid Sans", Arial, Helvetica, sans-serif;}
#footer_contact h3 { padding: 1.4em 0 0.5em 0; margin-left: 1.2em; font: bold 1.2em "Droid Sans", Arial, Helvetica, sans-serif;}
#footer_contact ul li {padding: 0.5em 0 0.3em 3em; font-size: 0.9em;}
#footer_copyright {position: absolute; bottom: 1em; margin-left: 2em; font-size: 0.9em; }

/*-------------------Code specific to webpage goes below---------------------*/
/*=====Back Only Navigation=====*/
#back_nav a {font: 1em/2em "Droid Sans", Verdana, Geneva, sans-serif ; color: #325573; text-decoration: none; text-align:center; display:block; padding: 0 1em; border: 2px solid #eee; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background:url(../images/reverve_content_pane-gradient.gif) repeat-x 0% 70% ; }
#back_nav a:hover {background: #47739e; color: #fff;}

/*----SlickBox----*/
h2.slickbox_header {padding: 0.4em 0.4em 0.4em 1.4em; margin: 0 0 0.6em 0; background: #f2f2f2 url('../images/bullet_image2.png') no-repeat 3% 50%; border: 1px solid #ddd; cursor:pointer; font: 1em "Droid Sans", Georgia, "Times New Roman", Times, serif; letter-spacing: normal; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}


/*-- CSS Jquery Tabs --*/
ul.tabs {margin: 0 auto; padding-left: 0.1em; height: 4em; width: 100%; }
ul.tabs li {float: left; margin: 0; padding: 0; list-style: none; overflow: hidden; position:relative; }
ul.tabs li a {color: #013d79; font: 1.22em/2em "Droid Sans", Arial, Helvetica, sans-serif; text-decoration: none;  display: block; padding: 1em 0.8em; outline: none; }
ul.tabs li a:hover {color: #44719d; }

html ul.tabs li.active, html ul.tabs li.active a  {color: #ff0000;}

.tab_container {overflow: hidden; float: left; width: 100%; background: #fff url(../images/divider.png) no-repeat 50% 0%;}
.tab_container h2 {padding: 0.5em 0;}
.tab_content {padding: 1em 0;}