/* Start of CMSMS style sheet 'nustar-styles' */
@charset "UTF-8";
/* CSS Document */

/* Clear Browser Presets */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,select,blockquote, li { margin:0; padding:0; }
fieldset { border:0;margin:0;padding:0; }
h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal;clear:left; }
input,textarea,select { font-family:inherit;font-size:inherit;font-weight:inherit; }

/* Establish Some Basic Rules and Sitewide Classes */
a { outline: none; text-decoration:none; }
a img { border:0; }
.moreLink a { color:#003D92 !important; }
.moreLink a:hover { color:#323232 !important; }

ul li { list-style: none; }
.imgRight { float:right; clear:none; padding:0 0 5px 22px; display:block; }
.imgLeft { float:left; clear:none; padding:0 22px 5px 0; display:block; }
.rightText { text-align:right; }
.floatLeft { float:left; clear:none; width:auto; }
.floatRight { float:Right; clear:none; width:auto; }

/* Body and PageWrapper*/
body { width:100%; margin:0; 
       padding:0; background-color:#000000; 
       color:#716763; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;  }

#pageWrapper { 
	width:980px; 
    margin:24px auto; 
    background:#ffffff url(../img/header-gradient-bg.png) repeat-x; 
    display:block; position:relative; }


/* Header and Masthead Area */
#header { width:887px; height:272px; padding:31px 46px 0 46px; }

#logoBar { width:887px; height:77px; }
#logoBar #nustarLogo { width:233px; height:52px; margin-left:165px; float:left; clear:none; position:absolute; z-index:100; }
#logoBar #nustarLogo2 { width:233px; height:52px; margin-left:420px; float:left; clear:none; position:absolute; z-index:100; }
#logoBar #nustarTagline {
	width: 652px;
	height: 21px;
	position: absolute;
	margin-left: 165px;
	margin-top: 54px;
	float: left;
	clear: none;
	z-index: 100;
}

#masthead { 
	width:885px; 
    height:145px; 
    background: url(../img/banner.png) no-repeat; 
    border-radius: 12px 12px 0px 0px; 
    padding-top:10px; 
    margin-top:0px; }

#vehicleOverlay { 
	width:861px; 
    height:315px; 
    background: url(../img/vehicle2.png) no-repeat; 
    position:absolute; 
    top:-16px; 
    left:56px; 
    z-index:0; }

#qaHead {
	width:883px; 
    height:35px;}
#navHead {
	width:883px; 
    height:20px; }
	
/* Universal Nav */
#universalNav { 
	width:883px; 
    height:35px; 
    background:url(../img/universal-nav-bg.png) no-repeat; 
    border-top:none; 
    border-bottom:1px solid #E5E7E4; 
    border-left:1px solid #E5E7E4;
    border-right:1px solid #E5E7E4; }

#universalNavLeft{
	width:435px; 
    height:35px; 
    background:url(../img/universal-nav-bg.png) no-repeat; 
    border:1px solid #707070;
	border-radius:2px;}

#universalNavRight{
	width:308px; 
    height:35px;
	position:absolute; 
	left:520px;
	top:318px;
    background:url(../img/universal-nav-bg.png) no-repeat; 
    border:1px solid #707070;
	border-radius:2px;}
     
#universalNav ul{
	height: 35px;
	position: absolute;
	padding-left: 0;
	margin-top: 0;
	width: 787px;
	left: 47px;
	top: 265px;}
	
#universalNavLeft ul{
	height: 35px;
	position: absolute;
	padding-left: 0;
	margin-top: 0;
	width: 455px;
	left: 47px;
	top: 320px;} 
	
#universalNavRight ul {
	height: 35px;
	padding-left: 0;
	margin-top: 0;
	width: 308px;
	left: 520px;
	top: 320px;} 
    
#universalNav ul li { 
	height:35px; 
    background:url(../img/nav-div-line.gif) no-repeat; 
    background-position:right; float:left; 
    clear:none; 
    padding-left:15px; 
    padding-right:15px; }
	
#universalNavLeft ul li, #universalNavRight ul li {
	height:35px; 
    background:url(../img/black-div-line.png) no-repeat; 
    background-position:right; float:left; 
    clear:none; 
    padding-left:12px; 
    padding-right:12px; }
	
#universalNav ul li a, #universalNavLeft ul li a, #universalNavRight ul li a{ 
	height:25px; 
    padding-top:10px;
    text-decoration:none; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:15px; 
    color:#323232; 
    position:relative; 
    top:8px; 
	border:none !important; }
    
#universalNav ul li a:hover, #universalNavLeft ul li a:hover, #universalNavRight ul li a:hover { 
	text-decoration:none; 
    color:#003D92; 
    font-size:17px;
    box-shadow: 0px 4px 2px -3px #323232; 
    border:none !important;  }
    
#universalNav ul li.active a, #universalNavLeft ul li.active a,  #universalNavRight ul li.active a{ 
	color:#003D92; 
    border:none !important; }
    
#universalNav ul li.active a:hover, #universalNavLeft ul li.active a:hover,#universalNavRight ul li.active a:hover { 
	color:#003D92; 
    border:none !important; }
	



/* Content Area */
#contentWrapper { width:980px; padding:0; margin:0; background:#ffffff url(../img/page-bottom-bg.png) repeat-x;background-position:bottom; }

#content { width:885px; padding:0 46px 20px 46px; margin:25px auto 15px auto; }
#content .contentContainingDiv { width:978px; clear:both; margin:0; padding:0; height:0px; line-height:0px; }
#content h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
    font-size:28px; 
    color:#ffffff;
    margin-bottom:10px;}
#content h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
    font-size:22px; 
    color:#003D92; 
    margin-bottom:10px;}
#content h3 {
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    color:#9B9796;
    font-size:16px; 
    line-height:1.5em; 
    margin-bottom:20px;}

#content p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5em; margin-bottom:20px; }
#content a { color:#323232;  }
#content a:hover { color:#003D92; border-bottom:none; }


/* Home Page Content Area */
#Check {
	width:289px; height:200px;
    float:right; clear:none; display:block;}
#ObSchedule {
	width:279px; float:left; clear:none; display:block; 
    padding-left:10px;
	height:200px;  }
#CurrentOb {
	width:289px; float:left; clear:none; display:block; 
	height:200px; 
    padding-left:18px; }
#CurrentOb ul li, #ObSchedule ul li, #Check ul li {  
	list-style-image:url(../img/listBullet.png);
    height:28px;}
#MainPage {
	width:50%; height:80px;
    float:left; clear:none; display:block;}
#PlaceHolder {
	width:50%; height:80px;
    float:right; clear:none; display:block;
	}
#Img {
	width:55%;
	float:right; clear:none; display:block;
	}
#SOC {
	width:40%;
	float:left; clear:none; display:block;
	}


/* Links */
#links { width:100%; clear:none; display:block; margin-top:20px; }

#links ul li {  
	list-style-image:url(../img/listBullet.png); 
	list-style-position:outside; margin:0 0 15px 6px; 
	font-size:15px;
	color:black;
	height:20px;}

/* Footer Area */
#footerWrapper { 
	width:980px; height:68px; background:transparent url(../img/footer-bg.png) no-repeat; 
    margin:0; padding:0; clear:both; }
#footer { width:885px; height:68px; padding:0; margin:0 auto; clear:both; position:relative; }
#footer ul { height:35px; position:absolute; top:9px; z-index:100;  }
#footer ul li { 
	height:25px; float:left; clear:none; padding-left:4px; 
    padding-right:4px; border-right:1px solid #A8A3A1; position:relative; top:8px; }
#footer ul li a { 
	height:25px; padding-top:12px; text-decoration:none; 
    font-family:Helvetica, sans-serif; font-size:10px; color:#716763; }
#footer ul li.active a { color:#003D92; border:none !important; }
#footer ul li.active a:hover {  font-style:italic; }
#footer ul li a:hover { text-decoration:none; color:#003D92; }

/*Table */
#sr-table, #lr-table, #priority-table {
	float: left;
	padding:0px;
	display:block
	margin: 5px 0px 5px 0px;
	width:100%;}
#priority-table{
	white-space:nowrap;}
#sr-table th, #lr-table th {
	font: 15px "arial";
	font-weight:bold;
	color: black;
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
	background: #A0A0A0;}
#sr-table td, #lr-table td{
	font:15px "arial" monospace;
	color: black;
	text-align: center;
	border-top: 1px #888 solid;
	border-right: 1px #000 solid;
	border-bottom: 1px #888 solid;
	border-left: 1px #000 solid;
	background:#E8E8E8;}
#priority-table th {
	font: 15px "arial";
	font-weight:bold;
	text-align: left;
	color: black;
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
	background: #A0A0A0;}
#priority-table td {
	font:15px "arial" monospace;
	color: black;
	border-top: 1px #888 solid;
	border-right: 1px #000 solid;
	border-bottom: 1px #888 solid;
	border-left: 1px #000 solid;
	background:#E8E8E8;}

/* SOC log */
#SOClog { 
	width:865px; clear:none; display:block;
	background:#E5E5E5;
	padding:10px;}

#tooltip1 { position: relative; }
#tooltip1 a span { display: none; color: #000000; }
#tooltip1 a:hover span { font-size:13px;display: block; position: absolute; width: 550px; background-color: #F0F0F0; height: auto; left: 100px; top: -10px; color: #000000; padding: 5px; }