@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background-color:#f3f3f3;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

form {margin:0px; padding:0px;}

a{color:#0d51ab;}
input{border:0px;}

h1 {font-weight:bold; font-size:14px; color:#000; padding:0px; margin:0px;} 
h2 {font-weight:bold; font-size:13px; color:#000; padding:0px; margin:0px;}
#pinContainer {
    display:none; 
    margin:10px;
    cursor:url(''), pointer;
}
#callout {
    position:relative;
    top:-48px;
    left:72px;
    background-color:#ffc;
    width:160px;
    padding:3px 5px;
    border:1px solid black;
    border-radius:5px;
}
.border_grey{border:solid 1px #bfbfbf;}
.border_green {border:#54981d 1px solid;}
.border_red {border:#FF0000 1px solid;}

.bold{font-weight:bold;}

.bg_purple{background-color:#72469b;}
.bg_purple1{background-color:#563575;}
.bg_purple2{background-color:#f1ecf5;}
.bg_white{background-color:#FFF;}
.bg_grey{background-color:#efefef;}
.bg_grey1{background-color:#f7f5f5;}
.bg_grey2{background-color:#cccccc;}
.bg_green5{background-color:#f7f9ef;}
.bg_blue{background-color:#e6ebf6;}
.bg_blue1{background-color:#c4d0e9;}
.bg_orange{background-color:#fdffd3;}
.bg_green{background-color:#e4eeb9;}
.bg_purple3{background-color:#f7f1fb;}
.bg_green1{background-color:#94a934;}
.bg_green2{background-color:#7fad75;}
.bg_green3{background-color:#7e9c1a;}
.bg_green4{background-color:#e9f2d9;}
.bg_lightgreen{background-color:#f7f9ef;}
.bg_pink {background:#FFF2F2;}

.banner_bg{background-color:#fbfaed;}

.font_9{font-size:9px;}
.font_10{font-size:10px;}
.font_11{font-size:11px;}
.font_13{font-size:13px;}
.font_14{font-size:14px;}
.font_15{font-size:15px;}
.font_16{font-size:16px;}
.font_18{font-size:18px;}
.font_20{font-size:20px;}
.font_25{font-size:25px;}

.txt_white{color:#FFF;}
.txt_purple{color:#72469b;}
.txt_black{color:#000000;}
.txt_green{color:#566c09;}
.txt_green1{color:#92a732;}
.txt_red{color:#F00;}
.txt_orange{color:#d9762b;}
.txt_grey{color:#656565;}
.txt_yellow{color:#f0c231;}
.txt_yellowlight {color:#f6ffc7;}

.function_active_arrow{background:url(../images/active_arrow.jpg) no-repeat right center; background-color:transparent;}

.footer a{text-decoration:none; background:url(../images/arrow_ftr.gif) no-repeat left 5px; color:#666; padding-left:10px;}
.footer a:hover{text-decoration:underline;}

.company_active_tab{background:url(../images/company_active.jpg) repeat-y right top; border:solid 1px #bfbfbf; border-right:0px; width:27px; padding:5px 3px;}
.company_normal_tab{background:url(../images/company_normal.jpg) repeat-y right top; width:27px; padding:5px 3px;}

.blackOverlay{display:none;position:fixed;_position:absolute;left:0;bottom:0;width:100%;height:100%;_height:100%;background-color:black;z-index:100;-moz-opacity:.5;opacity:.50;filter:alpha(opacity=50);}* html div.division{height:expression(this.scrollHeight>349 ? "350px":"auto");}div.division{max-height:350px;}






/*------------------------ Featured content glider --------------------*/

.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 350px;
height: 230px; /* Set height to be able to contain height of largest content shown*/
border: 5px solid #687C98;
overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
padding: 10px;
visibility: hidden;
width: 330px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/


.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 360px;
margin-top: 6px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
color: #2e6ab1;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
background: #e6ebf6;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #563575;
color: white;
}

.glidecontenttoggler a:hover{
background: #563575;
color: white;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */

}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
background: #e6ebf6;
color: black;}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #e6ebf6;
color: black;
}

.common_cloud{overflow:hidden;white-space: nowrap;text-overflow:ellipsis;display:block;}
.first_cloud{font-size:26px; color:#683792;}
.first_cloud a{color:#683792; text-decoration:none;width:200px;}
.second_cloud{font-size:18px; color:#000000;padding-left:125px;}
.second_cloud a{color:#000000; text-decoration:none;width:143px;}
.third_cloud{font-size:24px; color:#eeb619;padding-left:30px;}
.third_cloud a{color:#eeb619; text-decoration:none;width:245px;}
.fourth_cloud{font-size:18px; color:#a6c939;padding-left:7px;}
.fourth_cloud a{color:#a6c939; text-decoration:none;width:110px;}
.fifth_cloud{font-size:21px; color:#e74540;padding-left:45px;}
.fifth_cloud a{color:#e74540; text-decoration:none;width:190px;}



/*--------------------------------- Chrome Style ---------------------------------------*/

.chromestyle{
width: 99%;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
width: 100%;
padding: 4px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #ffffff;
padding: 3px 20px;
padding-left:8px;
margin: 0;
text-decoration: underline;
font-weight:bold;
font-size:13px;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: #563575 url(../images/menu_arrow.jpg) right center no-repeat;
text-decoration:none;
/*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 5px solid #563575; /*THEME CHANGE HERE*/
font:normal 12px arial;
line-height:18px;
z-index:10000000;
background-color: white;
width: 200px;
visibility: hidden;
padding:12px;
margin-top:-1px;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #eee; /*THEME CHANGE HERE*/
padding: 3px 0;
text-decoration: none;
color: black;
width:150px;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
text-decoration:underline;
}


@media all and (min-width:1350px)
{
	.ns_header_inner{width:1350px;}
	
}
@media all and (max-width:1100px)
{
	.ns_recruiterlogin{width:175px;font-size:13px;}
	.ns_main_link{font-size:13px;margin:0px 0px 0px 5px;}
	.ns_main_link.ns_changemargin{margin:0px 5px 0px 0px;}
}
@media all and (max-width:1024px)
{
	.ns_header_inner, .ns_topbanner{width:1000px;}
}

@media \0screen
{
	.ns_header_inner, .ns_topbanner{width:1000px;}
	.ns_recruiterlogin{width:175px;font-size:13px;}
	.ns_main_link{font-size:13px;margin:0px 0px 0px 5px;}
	.ns_main_link.ns_changemargin{margin:0px 5px 0px 0px;}
}