/***************************************************************
CSS master file for NuStar Energy
Table of Contents:

1.0 - Master Page Layout, Structure & Globally Applied CSS
	1.1 - Generic Globally Applied CSS
	1.2 - Master Page Layout and Structure CSS
	1.3 - Global Left Navigation CSS
	1.4 - Application Master CSS
    1.5 - Contextual Navigation CSS
    1.6 - Fast Facts CSS
    1.7 - Right Column Content CSS
    1.9 - Contacts Rail CSS

2.0 - Page Layout and Structure
	2.1 - Homepage Page Layout
	2.2 - General Page Layout
	2.3 - Group A with Banner Image Page Layout
	2.4 - Group A without Banner Image Page Layout
	2.5 - Group B Page Layout
	2.6 - Group C Page Layout
	2.7 - Group D Page Layout
	2.8 - Group E Page Layout
	2.9 - Group F Page Layout
	
3.0 - Custom Controls Layout & Structure
	
4.0 - OOB Webparts Layout & Structure
	4.1 - Fast Facts OOB Web Parts
	
5.0 - Custom Webparts
	5.10 - Large Document GridView
    5.11 - Contact Modal
    5.12 - Contact Us Selector
    5.13 - Contact Us Rail
    5.14 - Contact Us mini
    5.15 - News Rollup
    5.16 - Document THumbnail
    5.17 - International Jobs
    5.18 - Tariff Lookup
6.0 - Search Center

7.0 - Newsroom

8.0 - Article
	
***************************************************************/
/*************************************/
/* Section 1.1 Generic Globally Applied CSS - Begin*/
/*************************************/
body {
	 /*background-image: url('/Style Library/en-us/NuStar/Images/bkg-page-gradient.png');*/ 
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #5299EA 0%, #B3D3F9 100%);
	/* also meant to be IE... */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5299EA', endColorstr='#B3D3F9'); 
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #5299EA 0%, #B3D3F9 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(top, #5299EA 0%, #B3D3F9 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5299EA), color-stop(1, #B3D3F9));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #5299EA 0%, #B3D3F9 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #5299EA 0%, #B3D3F9 100%);
	background-color: #5299ea !important;
	background-repeat: repeat-x;
	background-position: top;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;

}
.PrintItem{display:none;}

.ms-WPBody {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
}
.clearfix {
	clear: both;
}
.s4-ca {
	margin-left: 0px;
}
.ns-MainContent-Wrapper p {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
.ns-breadcrumbs {
	margin-left: 230px;
	padding-bottom: 5px;
}
.ns-breadcrumbs a {
	font-size: 10px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #54BCEB !important;
}
.ns-breadcrumbs a:hover {
	text-decoration: none;
	color: #54BCEB;
}
h1 {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #54BCEB;
}
h2 {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #0076C0;
	border-bottom: 1px #999 solid;
}
h3 {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #570706;
}
h4 {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6b5000;
}
.ns-body-content-Wrapper * {
	background:transparent !important;
}
/*************************************/
/* Section 1.1 Generic Globally Applied CSS - End*/
/*************************************/
/*************************************/
/* Section 1.2 Master Page Layout and Structure CSS - Begin*/
/*************************************/
#ns-Master-Wrapper {
	width: 975px;
	height: 100%;
	margin: 0 auto;
	padding-bottom: 20px;
	background-color: transparent;
}
.ns-bkg-page-effect {
	background-image: url('/Style Library/en-us/NuStar/Images/bkg-pageTop.png');
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
}
.ns-page-content {
	width: 917px;
	height: 100%;
	margin: 0 auto;
	padding-bottom: 20px;
	background-color: #FFF;
	z-index: 10;
	position: relative;
}
.ns-bkg-page-effect-bottom {
	background-image: url('/Style Library/en-us/NuStar/Images/bkg-pageBottom.png');
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	z-index: 1;
	position: relative;
	height:134px;
	margin-top:-114px;
	padding-top:114px;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}
/***** Header *****/
.ns-register {
	display: none;
}
.ns-Header-wrapper {
}
.ns-search-header-wrapper {
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 1px silver solid;
}
.ns-Header-Logo {
	float: left;
	margin-top: 0px;
	width: 215px;
	height: 80px;
}
.ns-Header-banner {
	height: 80px;
	min-height: 80px;
	float: left;
	width: 685px;
	background-image: url('/Style Library/en-us/NuStar/Images/bkg-header-nav.png');
	background-repeat: no-repeat;
}
.ns-Header-contact-button {
	/* May use image for button instead of live text */
    background-color: #FDBB30;
	width:73px;
	margin-left:590px;
	position: absolute;
	padding-top:3px;
	margin-top:10px;
	height:16px;
	text-transform:uppercase;
	font-weight: bold;
	text-align:center;
	font-size:10px;
	letter-spacing: 1px;
	cursor: pointer;
}

.ns-search-header-wrapper .menu-horizontal {
	padding-top: 21px;
}
.ns-Header-Search {
	position: absolute;
	margin-top:11px;
	margin-left: 345px;
}
.ns-Header-Search .s4-search INPUT.ms-sbplain {
	height:11px;
	padding-bottom:3px;
	padding-top:1px;
	font-size:11px;
}
.ns-Header-Search .s4-search .srch-gosearchimg {
	height:15px;
}
table.ns-Header-Search {
	width: 20% !important;
}
.ns-Header-Right {
}
.ns-Header-Nav {
	width: 685px;
	clear: both;
	margin-top: 49px;
}
.ns-Header-Welcome {
	width: 917px;
	margin: 0 auto;
}
.ms-mini-socialNotif-Container {
	display: none;
}
/*.s4-trc-container-menu {
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
}*/
.ns-Header-Tasks {
	display: none;
}
.ns-Header-Tasks a {
	color: White;
}
.ns-Header-Tasks img {
	float: left;
}
.ns-Header-Tasks span {
	margin-left: 2px;
	margin-right: 10px;
}
/***** Search Control *****/
.ns-Header-Search .ms-sbplain {
	float: right;
}
.ns-Header-Search .ms-sbcell {
}
.ns-Header-Search .ms-sbgo {
}
.ns-Header-Search .ms-sbscopes {
}
.ns-Header-Search .s4-search input.ms-sbplain {
	width: 182px !important;
	text-align:right;
}
.ns-Header-Search .s4-search .srch-gosearchimg {
}
.ns-Header-Search .s4-search .ms-sbgo a {
}
/* Search Scopes Dropdown */
.ns-Header-Search td.ms-sbscopes {
}
.ns-Header-Search td.ms-sbscopes select {
}
.ns-Header-Search .ns-Header-Search-ScropesTrigger {
}
/***** Body *****/
.ns-MainContent-Wrapper {
}
/***** Footer *****/
.ns-Footer-Wrapper {
	width: 917px;
	margin: 0 auto;
}
.ns-Footer-Wrapper a:link, .ns-Footer-Wrapper a:visited, .ns-Footer-Wrapper a:hover {
	line-height: 40px;
	color: #666;
	font-size: 10px;
	text-decoration: none;
}
/*************************************/
/* Section 1.2 Master Page Layout and Structure CSS - End*/
/*************************************/
/*************************************/
/* Section 1.3 - Global Navigation CSS - Begin*/
/*************************************/
.menu-horizontal .menu-item-text {
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	font-stretch:condensed;
	color: #FFF;
}
.menu-horizontal {
	border-right: 0px #3f99d0 solid;
	background-image: none;
	color: #FFF;
}
.menu-horizontal ul li {
	height: 31px;
	border-left: 1px #3f99d0 solid;
}
.menu-horizontal ul li:first-child {
	border-left: 0px #3f99d0 solid;
}
.menu-horizontal li.static > .menu-item {
	padding-top: 0px;
}
.menu-horizontal ul li a:hover {
	color: #54BCEB;
	text-decoration: none !important;
}
.menu-horizontal ul li.selected .menu-item-text {
	color: #54BCEB;
}
.menu-horizontal ul li a:hover .menu-item-text {
	color: #54BCEB;
}
.s4-tn ul.dynamic li {
	margin-left: -1px;
	height: 25px;
	border-left: 1px transparent solid;
}
.s4-tn ul.dynamic .menu-item-text {
	font-size: 12px;
}
.s4-tn li.dynamic > a:hover {
	background-color: #D2E9FF;
}

/*************************************/
/* Section 1.3 - Global Navigation CSS - End*/
/*************************************/
/*************************************/
/* Section 1.4 - Application Master CSS - Begin*/
/*************************************/
/*************************************/
/* Section 1.4 - Application Master CSS - End*/
/*************************************/
/*************************************/
/* Section 1.5 - Contextual Navigation CSS - Begin */
/*************************************/
.ns-contextual-nav-wrapper {
	background-color: #666666;
	background-image: url('/Style Library/en-us/NuStar/Images/bkg-contextual-nav-top.png');
	background-position: left top;
	background-repeat: no-repeat;
	padding: 10px 10px 10px 10px;
	min-height:201px;
}
.ns-OpsMap-ContextualNav
{
    min-height:122px;
}
.ns-contextual-nav-wrapper ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.ns-contextual-nav-wrapper li {
	border-top: 1px #9F9F9F solid;
	padding-top: 10px;
	padding-bottom:10px;
	color: #FFF;
}
.ns-contextual-nav-wrapper ul :first-child {
	border-top: 0px #FFF solid;
	padding-top: 0px;
	/*padding-bottom: 5px;*/
}
.ns-contextual-nav-wrapper li a:link, .ns-contextual-nav-wrapper li a:visited {
	color: #FFF ;
	text-decoration: none;
	padding-left: 10px;
}
.ns-contextual-nav-wrapper li a:hover {
	color: #FDBB30 !important;
	text-decoration: none;
}
.ns-contextual-nav-wrapper li .selected a:link {
	color: #FDBB30 !important;
	text-decoration: none;
}
.ns-contextual-nav-wrapper .third-level li {
	color: #FFF;
	border-style:none;
	padding-top:2px;	
	padding-bottom: 0px !important;
	padding-left:5px;

}
.ns-ContextNav-CurrentPage{	
	color: #FDBB30 !important;
	text-decoration: none;

}


ul.ns-ContextualNav-FirstLevel > li {
    display: list-item;
}
.third-level
{
    display:none;
}
/*ul.ns-ContextualNav-FirstLevel li:hover > ul > li {
    display: list-item;
}
ul.ns-ContextualNav-FirstLevel li {
    display:  none;
}
*/
/*************************************/
/* Section 1.5 - Contextual Navigation CSS - End*/
/*************************************/
/*************************************/
/* Section 1.6 - Fast Facts CSS - Begin */
/*************************************/
.ns-fastFacts-wrapper {
	background-color: #E6F3FC;
	background-image: url('/Style Library/en-us/NuStar/Images/bkg-fast-facts-btm.png');
	background-position: left bottom;
	background-repeat: no-repeat;
	color: #0076C0;
	padding: 10px 10px 10px 10px;
}
.ns-fastFacts-wrapper .ms-WPBody a:link, .ns-fastFacts-wrapper .ms-WPBody a:hover, .ns-fastFacts-wrapper .ms-WPBody a:visited {
	color: #0076C0;
	border-bottom: 1px #0076C0 dotted;
}
/*************************************/
/* Section 1.6 - Fast Facts CSS - End*/
/*************************************/
/*************************************/
/* Section 1.7 - Right Column Content CSS - Begin */
/*************************************/
.ns-rightColumn-wrapper {
	background-color: #FFF;
	padding: 10px;
}
.ns-rightColumn H2 {
	color: #0076C0;
	text-transform: uppercase;
}
.ns-rightColumn p {
	color: #666;
}
/*************************************/
/* Section 1.7 - Right Column Content CSS - End*/
/*************************************/
/*************************************/
/* Section 1.8 - Application Master Page CSS - Begin */
/*************************************/
#ns-ApplicationMaster {
	width:1300px;
	height:100%;
	margin:0 auto;
}
#ns-ApplicationMaster .ns-Header-Welcome {
	width:1300px;
}
.ns-ApplicationMaster-Wrapper {
	width:1280px;
	border-top: 1px silver solid;
	padding: 20px 10px;
	background-color:#fff;
}
.ns-ApplicationMaster-Content-Wrapper {
	padding-left:10px;
	padding-bottom:10px;
	float:left;
	width: 1100px;
}
#ns-ApplicationMaster .ns-Header-Wrapper{
	background-color: #fff;
	border-left: 1px silver solid;
	border-right: 1px silver solid;
}
#ns-ApplicationMaster .ns-MainContent-Wrapper {
	background-color: #fff;
	border-left: 1px silver solid;
	border-right: 1px silver solid;
	border-bottom: 1px silver solid;
}
.ns-ApplicationMaster-Footer-Wrapper {
	padding-left:10px;
}
.ns-ApplicationMaster-Footer-Wrapper a:link, .ns-ApplicationMaster-Footer-Wrapper a:visited, .ns-ApplicationMaster-Footer-Wrapper a:hover {
	line-height: 40px;
	color: #666;
	font-size: 10px;
	text-decoration: none;
}
.ns-ApplicationMaster-bkg-page-effect-bottom {
	position: relative;
	width:1300px;
	margin-left: auto;
	margin-right: auto;
}

.menu-vertical .menu-item-text {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
}
/*************************************/
/* Section 1.8 - Application Master Page CSS - End*/
/*************************************/
/*************************************/
/* Section 1.9 - Contacts Rail CSS - Begin */
/*************************************/
.ns-contacts-rail-wrapper {
	background-color: #E6F3FC;
	background-image: url('/Style Library/en-us/NuStar/Images/bkg-contacts-rail.png');
	background-position: left top;
	background-repeat: no-repeat;
	padding: 10px 10px 10px 10px;
}
.ns-contacts-rail-wrapper ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.ns-contacts-rail-wrapper li {
	padding-top: 10px;
	padding-bottom: 10px;
	color: #54bceb;
}
.ns-contacts-rail-wrapper ul :first-child {
	padding-top: 0px;
	padding-bottom: 5px;
}
.ns-contacts-rail-wrapper li a:link, .ns-contacts-rail-wrapper li a:visited {
	color: #FFF !important;
	text-decoration: none;
}
.ns-contacts-rail-wrapper li a:hover {
	color: #FDBB30 !important;
	text-decoration: none;
}
.ns-contacts-rail-wrapper li .selected a:link {
	color: #FDBB30 !important;
	text-decoration: none;
}
/*************************************/
/* Section 1.9 - Contacts Rail CSS - End*/
/*************************************/

/*************************************/
/* Section 2.1 - Home and Landing Page Layout CSS - Begin*/
/*************************************/
.ns-Constituents-wrapper {
	margin-top:15px;
}
.ns-content-gradient {
	background-image: url('/Style Library/en-us/NuStar/Images/bkg-page-content-gradient-no-corner.png');
	background-position: left top;
	background-repeat: repeat-x;
	height: 41px;
	margin-bottom:-41px;
}
.ns-body-content-Wrapper {
	margin-top:20px;
}
#HomePage .ns-body-content {
	float: left;
	width: 450px;
	margin-right: 0px;
}

/* Operations Map Styling */
.ns-operations-map-wrapper {
	float: left;
	width: 184px;
	margin-left: 20px;
}
.ns-operations-map-wrapper * {
	margin:0px;
	padding:0px;
}
.ns-operations-map-wrapper h2 {
	color: #FFF;
	text-transform: uppercase;
	font-weight: normal;
	text-align:center !important;
	background-color: #FDBB30 !important;
	font-size:10px;
	border-bottom: 1px transparent solid;
	line-height:21px;
	letter-spacing: 2px;
	margin-bottom:5px;
}
.ns-operations-map-wrapper img{
	display:block;
	 margin-left: auto;
    margin-right: auto;
}

.ns-operations-map-wrapper p{
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:center;
	text-transform:uppercase;
}
/* News Content Styling */
.ns-news-content-wrapper {
	float: left;
	width: 184px;
	margin-left: 20px;
}
.ns-news-content-wrapper * {
	margin:0px;
	padding:0px;
}
/*.ns-news-content-wrapper h3 {
	color: #FFF!important;
	text-transform: uppercase;
	font-weight: bold;
	text-align:center !important;
	background-color: #0076C0 !important;
	font-size:10px;
	border-bottom: 1px transparent solid;
	line-height:20px;
	letter-spacing: 2px;
	margin-bottom:5px;
}

/* use only if you have to keep the default chrome - issue will be centering the title to match the comps*/

.ns-news-content-wrapper .ms-WPBorder {
	border: 1px transparent solid;
}
.ns-news-content-wrapper .ms-WPHeader TD:first-child {
	background-color: #0076C0 !important;
}
.ns-news-content-wrapper .ms-WPHeader TD {
	background-color: #0076C0 !important;
	border-bottom: 1px transparent solid;
}
.ns-news-content-wrapper .ms-wpTdSpace {
	background-color: transparent !important;
	border-bottom-color: transparent !important;
}
.ns-news-content-wrapper .ms-WPTitle {
	color: #FFF;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
	text-transform: uppercase;
	text-align:center !important;
	background-color: #0076C0 !important;
	font-size:10px !important;
	border-bottom: 1px transparent solid;
	line-height:20px;
	letter-spacing: 2px;
	padding-left:0px;
	
}
.ns-news-content-wrapper .ms-WPTitle A:link, .ns-fastFacts-wrapper .ms-WPTitle A:visited, .ns-fastFacts-wrapper .ms-WPTitle A:hover {
	color: #0076C0;
	cursor: pointer;
}
.ns-news-content-wrapper .ms-WPHeader {
	background-color: #0076C0 !important;
}

.ns-news-content-wrapper {
	float: left;
	width: 184px;
	margin-left: 20px;
}



/*************************************/
/* Section 2.1 - Home and Landing Page Layout CSS - End*/
/*************************************/
/*************************************/
/* Section 2.2 - General Page Layout CSS - Begin*/
/*************************************/
.ns-content-wrapper {
	padding-left: 18px;
	padding-right: 18px;
}
.ns-main-column-wrapper {
	width: 661px;
	margin-right: 5px;
	float: left;
}
.ns-right-column-wrapper {
	width: 214px;
	float: left;
}
.ns-body-content-Wrapper {
}
.ns-body-content-gradient {
	background-image: url('/Style Library/en-us/NuStar/Images/bkg-page-content-gradient.png');
	background-position: left top;
	background-repeat: no-repeat;
	height: 41px;
}
.ns-body-content {
	padding-left: 20px;
	margin-right: 10px;
	border-right: 1px #999 solid;
}
.ns-body-content a:link {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #666;
	border-bottom: 1px #999 dotted;
	text-decoration: none;
	font-size: 12px;
}
.ns-body-content a:visited {
	color: #666;
	text-decoration: none;
}
.ns-body-content a:hover {
	color: #666;
}



/*************************************/
/* Section 2.2 - General Content Page Layout CSS - End*/
/*************************************/
/*************************************/
/* Section 2.3 - Group A With Banner Page Layout CSS - Begin */
/*************************************/
#GroupA-With-Banner .ns-body-content-gradient {
	background-image: url('/Style Library/en-us/NuStar/Images/bkg-page-content-gradient.png');
	background-position: left top;
	background-repeat: no-repeat;
	height: 41px;
	margin-bottom:-41px;
}
/*************************************/
/* Section 2.3 - Group A With Banner Image Page Layout CSS - End */
/*************************************/
/*************************************/
/* Section 2.4 - Group A Without Banner Image Page Layout CSS - Begin */
/*************************************/
#GroupA-Without-Banner .ns-body-content-gradient {
	background-image: url('/Style Library/en-us/NuStar/Images/bkg-page-content-gradient.png');
	background-position: left top;
	background-repeat: no-repeat;
	height: 41px;
	margin-bottom:-41px;
}

/*************************************/
/* Section 2.4 - Group A Without Banner Image Page Layout CSS - End */
/*************************************/
/*************************************/
/* Section 2.5 - Group B Layout CSS - Begin */
/*************************************/
#GroupB .ns-body-content-gradient {
	background-image: url('/Style Library/en-us/NuStar/Images/bkg-page-content-gradient-no-corner.png');
	background-position: left top;
	background-repeat: repeat-x;
	height: 41px;
	margin-bottom:-41px;
}
/*************************************/
/* Section 2.5 - Group B Layout CSS - End */
/*************************************/
/*************************************/
/* Section 2.6 - Group C Layout CSS - Begin */
/*************************************/
#GroupC .ns-body-content-gradient {
	background-image: url('/Style Library/en-us/NuStar/Images/bkg-page-content-gradient.png');
	background-position: left top;
	background-repeat: no-repeat;
	height: 41px;
	margin-bottom:-41px;
}
/*************************************/
/* Section 2.6 - Group C Layout CSS - End */
/*************************************/
/*************************************/
/* Section 2.7 - Group D Layout CSS - Begin */
/*************************************/
#GroupD .ns-body-content-gradient {
	background-image: url('/Style Library/en-us/NuStar/Images/bkg-page-content-gradient-no-corner.png');
	background-position: left top;
	background-repeat: repeat-x;
	height: 41px;
	margin-bottom:-41px;
}
/*************************************/
/* Section 2.7 - Group D Layout CSS - End */
/*************************************/
/*************************************/
/* Section 2.8 - Group E Layout CSS - Begin */
/*************************************/
.ns-director-pageTitle-Wrapper {
	margin: 0px !important;
	padding: 0px !important;
}
.ns-director-content-Wrapper {
	background-image: url('/Style Library/en-us/NuStar/Images/bkg-page-content-gradient-no-corner.png');
	background-position: left top;
	background-repeat: no-repeat;
	height: 41px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top:15px;
}
.ns-director-toc {
	float: left;
	width: 170px;
}
.ns-director-bios {
	float: left;
	width: 450px;
}
.ns-body-content {
	padding-left: 20px;
	margin-right: 10px;
	border-right: 1px #999 solid;
}
.ns-director-content-Wrapper a:link {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #666;
	border-bottom: 1px #999 dotted;
	text-decoration: none;
}
.ns-director-content-Wrapper a:visited {
	font-size: 12px;
	color: #666;
	text-decoration: none;
}
.ns-director-content-Wrapper a:hover {
	color: #666;
}
/*************************************/
/* Section 2.8 - Group E Layout CSS - End */
/*************************************/
/*************************************/
/* Section 2.9 - Group F Layout CSS - Begin */
/*************************************/
#GroupF .ns-body-content-gradient {
	background-image: url('/Style Library/en-us/NuStar/Images/bkg-page-content-gradient-no-corner.png');
	background-position: left top;
	background-repeat: repeat-x;
	height: 41px;
	margin-bottom:-41px;
}
/*************************************/
/* Section 2.9 - Group F Layout CSS - End */
/*************************************/

/*************************************/
/* Section 4.0 - OOB Web Parts */
/*************************************/
/*************************************/
/* Section 4.1 - Fast Facts OOB Web Parts - Begin */
/*************************************/
.ns-fastFacts-wrapper .ms-WPBorder {
	border: 1px transparent solid;
}

.ns-fastFacts-wrapper .ns-FastFact-Text{
     font-style: italic;
}
.ns-fastFacts-wrapper.ms-WPHeader TD:first-child {
}
.ns-fastFacts-wrapper .ms-WPHeader TD {
	background-color: transparent;
	border-bottom: 1px transparent solid;
}
.ns-fastFacts-wrapper .ms-wpTdSpace {
	background-color: transparent !important;
	border-bottom-color: transparent !important;
}
.ns-fastFacts-wrapper .ms-WPTitle {
	color: #54BCEB;
	text-transform: uppercase;
	font-weight: bold;
}
.ns-fastFacts-wrapper .ms-WPTitle A:link, .ns-fastFacts-wrapper .ms-WPTitle A:visited, .ns-fastFacts-wrapper .ms-WPTitle A:hover {
	color: #0076C0;
	cursor: pointer;
}
.ns-fastFacts-wrapper .ms-WPHeader {
	background-color: transparent !important;
}
/*************************************/
/* Section 4.1 - Fast Facts OOB Web Parts - End  */
/*************************************/
/*************************************/
/* Section 4.2 - Right Column OOB Web Parts - Begin   */
/*************************************/
.ns-rightColumn-wrapper .ms-WPBorder {
	border: 1px transparent solid;
}
.ns-rightColumn-wrapper.ms-WPHeader TD:first-child {
}
.ns-rightColumn-wrapper .ms-WPHeader TD {
	background-color: transparent;
	border-bottom: 1px transparent solid;
}
.ns-rightColumn-wrapper .ms-wpTdSpace {
	background-color: transparent !important;
	border-bottom-color: transparent !important;
}
.ns-rightColumn-wrapper .ms-WPTitle {
	color: #54BCEB;
	text-transform: uppercase;
	font-weight: bold;
}
.ns-rightColumn-wrapper .ms-WPTitle A:link, .ns-rightColumn-wrapper .ms-WPTitle A:visited, .ns-rightColumn-wrapper .ms-WPTitle A:hover {
	color: #54BCEB;
	cursor: pointer;
}
.ns-rightColumn-wrapper .ms-WPHeader {
	background-color: transparent !important;
}
/*************************************/
/* Section 4.2 - Right Column OOB Web Parts - End  */
/*************************************/
/*************************************/
/* Section 4.3 - Modal Dialog Styling - Begin  */
/*************************************/
#nsModal body #s4-workspace{
	overflow:hidden;
}

#nsModal .ms-dlgCloseBtn .s4-clust{
	background-image:url('/Style Library/en-us/NuStar/Images/icon-close.png');
}
#nsModal .ms-dlgTitle{
	overflow:visible;	
}
#nsModal .ms-dlgCloseBtn .s4-clust .ms-dlgCloseBtnImg{
	display:none;	
}
#nsModal .ms-dlgContent{
	position:fixed;
}
#nsModal .ms-dlgBorder * {
	margin:0px;
	padding:0px;
}
#nsModal .ms-dlgTitleText {
	font-size: 28px;
	font-weight:bold;
	font-family: "Arial Narrow", Arial, sans-serif;
	padding-top:0px;
	padding-left:20px;
	line-height:64px;
}
#nsModal .ms-dlgTitle{
	background-image: url('/Style Library/en-us/NuStar/Images/bkg-banner-bottom-blue.png') !important;
	background-color: transparent;
	background-repeat:no-repeat;
	background-position:left top;
	height:64px;
}
#nsModal .ms-dlgBorder {
	border: 1px #666 solid;
}
#nsModal .ms-dlgCloseBtn {
	margin:0px;
	padding:0px;
}
#nsModal .ms-dlgCloseBtn .s4-clust:hover{
	background-image:url('/Style Library/en-us/NuStar/Images/icon-close.png')!important;
	background-repeat:no-repeat;
	background-position:left top;
	border:1px transparent solid;
	height:24px;
	width:24px;
}
#nsModal .ms-dlgTitleBtns {
	line-height:20px;
}
#nsModal .ms-dialog #s4-ribbonrow {
	background-color:transparent !important;
	background-image:none !important;
	color:#999;
}
#nsModal .ms-dialog .ms-cui-tt-span {
	color:#999;
}
/*************************************/
/* Section 4.3 - Modal Dialog Styling - End  */
/*************************************/

/*************************************/
/* Section 5.0 - Custom Webparts */
/*************************************/
/*************************************/
/* Section 5.1 - Page Title Banner Styling - Begin */
/*************************************/
.ns-PageTitleBanner-Wrapper * {
	margin:0px;
	padding:0px;
	}
.ns-PageTitleBanner-Wrapper ul {
}
.ns-PageTitleBanner-Wrapper ul li {
	float: left;
	position: absolute;
	list-style: none;
}
.ns-PageTitleBanner-Wrapper ul li.selected {
	z-index: 20;
}
.ns-PageTitleBanner-Header {
	clear: both;
	background-position:left top;
	background-repeat:no-repeat;
	height: 64px;
}
.ns-PageTitleBanner-Header h2 {
	border-bottom: 1px transparent solid;
	font-size: 28px;
	font-weight:bold;
	font-family: "Arial Narrow", Arial, sans-serif;
	 /*color:#fff;
	opacity:0.8;
	filter:alpha(opacity=80); For IE8 and earlier */
 	line-height:64px;
	margin-left:20px;
	text-transform:uppercase;
}
.ns-PageTitleBanner-Image-wrapper {
}
.ns-PageTitleBanner-Image {
}
/*************************************/
/* Section 5.1 - Page Title Banner Styling - End */
/*************************************/
/*************************************/
/* Section 5.2 - Main Body Copy Styling - Begin */
/*************************************/
#HomePage .ns-body-content .ms-WPHeaderTdMenu a:link {
	border-bottom: 1px transparent dotted !important;
}
#HomePage .ns-body-content .ms-WPHeaderTd, #HomePage .ns-body-content .ms-WPHeaderTdMenu {
	border-bottom-color: transparent !important;
}
#HomePage .ns-body-content .ms-WPTitle {
	color: #54BCEB;
	font-size:20px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	text-transform: uppercase;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#HomePage .ns-body-content .ns-MainBodyCopy-Wrapper {
	margin-top: -15px;
}
.ns-MainBodyCopy-Wrapper h2 {
	border-bottom: solid 1px #999;
	text-transform: uppercase;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin-right:-5px;
	padding-bottom:10px;
}
.ns-MainBodyCopy-Wrapper img.left {
	float: left;
	margin-right: 15px;
}
.ns-MainBodyCopy-Wrapper img.right {
	float: right;
	margin-left: 15px;
}
/*************************************/
/* Section 5.2 - Main Body Copy Styling - End */
/*************************************/
/*************************************/
/* Section 5.3 - Constituent Popup Styling - Begin */
/*************************************/
div.ns-Constituents-Wrapper {
	height: 381px;
	overflow: hidden;
}
div.ns-Constituents-Wrapper img {
	height: 381px;
	width: 879px;
	display: block;
}
div.ns-Constituents-PopupContainer {
	margin-right:15px;
	float: right;
}
div.ns-Constituents-PopupWrapper {
	width: 145px;
	text-align: center;
	bottom: 39px;
	position: relative;
	float: left;
	z-index: 20;
	background-image: url('/Style Library/en-us/NuStar/Images/bkg-quick-links-expanded.png');
	background-repeat: no-repeat;
	margin-right:5px;
}
div.ns-Constituents-PopupWrapper label {
	color: #fff;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 40px;
}
div.ns-Constituents-PopupWrapper img {
	display: inline;
	height: 100px;
	width: 130px;
}
div.ns-Constituents-Popup {
	text-align: left;
	padding: 8px;
	width: 125px;
}
div.ns-Constituents-Popup a span {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#0076C0;
}
div.ns-Constituents-PopupWrapper a:link, div.ns-Constituents-PopupWrapper a:visited, div.ns-Constituents-PopupWrapper a:hover   {
	font-size: 11px;
	color:#0076C0;
	text-decoration:none;
}
/*************************************/
/* Section 5.3 - Constituent Popup Styling - End */
/*************************************/
/*************************************/
/* Section 5.4 - SignIn CSS Styling - Begin */
/*************************************/
.ns-SignIn-Wrapper {
	position: absolute;
	padding-top:3px;
	margin-top:10px;
	margin-left:240px;
	width:95px;
	height:16px;
	text-transform:uppercase;
	background-color:#005b92;
	color: #FFF;
	font-weight: bold;
	text-align:center;
	font-size:10px;
	letter-spacing: 2px;
	cursor:pointer;
}
.ns-SignIn-List ul {
	margin:4px 0px 10px 0px;
	background-color:#fff;
	padding-left:0px;
	padding-right:0px;
	padding-top:5px;
	padding-bottom:5px;
}
.ns-SignIn-List li {
	z-index:100;
	list-style-type:none;
	text-transform: capitalize;
	text-align: left;
	text-indent:10px;
	letter-spacing: normal;
	font-weight:  normal;
	font-size:11px;
}
.ns-SignIn-List {
	z-index:100;
	position:relative;
	background-color:#fff;
}

.ns-SignIn-List li:hover 
{
    background-color:#ADDAF5;
}

.ns-SignIn-List li a {
	color:#666;
	line-height:16px;
}
/*************************************/
/* Section 5.4 - SignIn CSS Styling - End */
/*************************************/
/*************************************/
/* Section 5.5 - Board of Director Web Parts CSS Styling - Begin */
/*************************************/
.ns-director-toc {
	line-height:20px;
}
.ns-bio-wrapper {
	border-right: 1px #999 solid;
	padding-bottom: 30px;
	padding-top:13px;
	border-bottom: 1px #999 solid;

}
.ns-bio-employee-name  {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #0076C0;
	margin: 0px 0px 5px 0px;
}
.ns-bio-wrapper a:hover {
	text-decoration: none;
}
.ns-bio-title-wrapper {
	
}
.ns-bio-job-title {
	float:left;
	font-style:italic;
	font-size: 14px;
	color: #0076C0;
}
.ns-bio-doc {
	height:16px;
	float:right;
	margin-bottom:15px;
}
.ns-bio-doc A:link, .ns-bio-doc A:visited {
	border-bottom: 1px transparent solid ;
	margin-right:15px;
	background-image: url('/Style Library/en-us/NuStar/Images/icon-pdf.png');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 21px;
}
.ns-bio-content {
	
	padding-top:15px;
	padding-right:15px;
}
.ns-bio-content-wrapper {

	clear:both;
}
.ns-bio-picture {
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}
.ns-bio-content p {
	margin:0px;
}
/*************************************/
/* Section 5.5 - Board of Director Web Parts CSS Styling - End */
/*************************************/
/*************************************/
/* Section 5.6 - Helpful Resources Web Part CSS Styling - Begin */
/*************************************/
.ns-helpfulResources-item-wrapper {
	background-image: url('/Style Library/en-us/NuStar/Images/icon-bullet.png');
	background-position:left center;
	background-repeat:no-repeat;
	margin-left: 0px;
	padding-left: 8px;
	line-height:18px;
}
.ns-helpfulResources-item-wrapper a:link {
	color: #666;
	border-bottom: 1px #999 dotted;
	text-decoration: none;
}
.ns-helpfulResources-item-wrapper a:visited {
	color: #666;
	text-decoration: none;
}
.ns-helpfulResources-item-wrapper a:hover {
	color: #666;
}
/*************************************/
/* Section 5.6 - Helpful Resources Web Part CSS Styling - End */
/*************************************/
/*************************************/
/* Section 5.7 - See Also Web Part CSS Styling - Begin */
/*************************************/
.ns-alsoSee-link {
	margin-bottom: 5px;
}
.ns-alsoSee-link a:link {
    font-weight: bold;
	color: #666;
	border-bottom: 1px #999 dotted;
	text-decoration: none;
}
.ns-alsoSee-link a:visited {
	color: #666;
	text-decoration: none;
}
.ns-alsoSee-link a:hover {
	color: #666;
}
.ns-alsoSee-comments {
	color: #666;
}
/*************************************/
/* Section 5.7 - See Also Web Part CSS Styling - End */
/*************************************/
/*************************************/
/* Section 5.8 - Langauage Selector CSS Styling - Begin */
/*************************************/
.ns-LanguageSelector-Wrapper {
	display:none;
	position: absolute;
	margin-left:150px;
	margin-top:12px;
	color:#54BCEB;
	font-size:11px;
	cursor:pointer;
}
.ns-LanguageSelector-Wrapper ul {
	margin:3px 0px 10px 0px;
	background-color:#fff;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}
.ns-LanguageSelector-Wrapper li {
	z-index:100;
	list-style-type:none;
	text-transform: capitalize;
	text-align: left;
	letter-spacing: normal;
	font-weight:  normal;
}
.ns-LanguageSelector-Wrapper li a {
	color:#666;
	line-height:16px;
}
.ns-LanguageSelector-Flag {
	padding-left:15px;
	vertical-align:text-bottom;	

	}
.ns-LanguageSelector-Flag-Label {
	padding-left:15px;
	vertical-align: text-bottom;
}
/*************************************/
/* Section 5.8 - Langauage Selector CSS Styling - End */
/*************************************/
/*************************************/
/* Section 5.9 - Email Modal CSS Styling - Begin */
/*************************************/
.ns-Emailmodal-Wrapper {
	width:600px;
}
.ns-EmailModal{
	height:340px;
}
.ns-Emailmodal-Wrapper  table{
	width:600px;
	background-color: #e6f3fc !important;
	margin:20px auto;
	padding:15px;
}
tr.ns-Emailmodal-Subject {
	font-weight:bold;
}
.ns-Emailmodal-TextBox INPUT {
	width: 475px;
	margin-left: 10px;
	background-color: #fff !important;
}
.ns-Emailmodal-Buttons {
	float: right;
	
}
.ns-Emailmodal-Buttons INPUT:first-child {
	margin-right:10px;
}
.ns-Emailmodal-Buttons INPUT {
	border:1px #fff solid;
	background-color: #0076C0 !important;
	height:20px;
	text-transform:uppercase;
	color: #FFF;
	font-weight: bold;
	text-align:center;
	font-size:10px;
	letter-spacing: 1px;
	cursor:pointer;
}
/*************************************/
/* Section 5.9 - Email Modal CSS Styling - End */
/*************************************/
/*************************************/
/* Section 5.10 - Large Document GridView */
/*************************************/
.ns-body-content {
	border: none;
}
.ns-LargeDocument-Wrapper img {
	border: none;
	margin: 0 8px 0 0;
}
.ns-LargeDocument-Wrapper a {
	border-bottom: none !important;
}
.ns-LargeDocument-Wrapper table {
	width: 100%;
}
.ns-LargeDocument-Wrapper table tr > td {
	width: 16px !important;
}
.ns-LargeDocument-Wrapper table tr > td + td {
	width: 99% !important;
}
.ns-LargeDocument-Header select {
	margin-left: 8px;
}
tr.ns-LargeDoc-AlternatingRows {
	background: #E6F3FC !important;
}
/*************************************/
/* Section 5.10 - Large Document GridView - End */
/*************************************/
/*************************************/
/* Section 5.11 - Contact Modal CSS Styling - Begin */
/*************************************/
.ns-Contactmodal-Wrapper {
	width:600px;
}
ns-ContactModal{
		height:340px;
}

.ns-Contactmodal-Wrapper table {
	width:600px;
	background-color: #e6f3fc !important;
	margin: 20px auto;
	margin-bottom: 0;
	padding: 15px 15px 0;
}
.ns-Contactmodal-Wrapper table td + td {
	padding-left:10px;
}
.ns-Contactmodal-TextBox input,
.ns-Contactmodal-SelectMenu select {
	width: 273px;
	padding: 1px;
	background-color: #fff !important;
}
.ns-Contactmodal-Label {
    color: #666;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 5px 0 10px 0;
}
.ns-Contactmodal-Buttons {
	float: right;
}
.ns-Contactmodal-Buttons input {
	border:1px #fff solid;
	background-color: #0076C0 !important;
	height:20px;
	text-transform:uppercase;
	color: #FFF;
	font-weight: bold;
	text-align:center;
	font-size:10px;
	letter-spacing: 1px;
	cursor:pointer;
}
.ns-Contactmodal-Explanation {
    color: #666;
    font-weight: normal;
    font-size: 12px;
    margin: 0;
    padding: 5px 0;
}
.ns-Contactmodal-Required {
    color: #666;
    font-weight: normal;
    font-size: 10px;
    margin: 0;
    padding: 5px 0 15px 0;
}
/*************************************/
/* Section 5.11 - Contact Modal CSS Styling - End */
/*************************************/
/*************************************/
/* Section 5.12 - Contact Us Results CSS Styling - Begin */
/*************************************/
.ns-ContactResults-Wrapper {
	width:600px;
	padding-top:10px;
}
.ns-ContactResults-Wrapper h2 {
    border: none;
	color: #0076c0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 4px;
	padding: 0;
}
.ns-ContactResults-Wrapper select {
	clear: both;
	width: auto;
	background: #efefef;
	color: #666;
	font-size: 12px;
	font-weight: normal;
	margin: 4px 0 20px;
	padding: 1px;
}
.ns-ContactResults-Wrapper label {
    color: #666;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
.ns-ContactResults-Buttons {
    float: left;
}
.ns-ContactResults-Buttons input {
	border:1px #fff solid;
	background-color: #0076C0 !important;
	height:20px;
	text-transform:uppercase;
	color: #FFF;
	font-weight: bold;
	text-align:center;
	font-size:10px;
	letter-spacing: 1px;
	cursor:pointer;
}
/*************************************/
/* Section 5.12 - Contact Us Selector CSS Styling - End */
/*************************************/
.ns-ContactResults-Wrapper #ctl00_SPWebPartManager1_g_eb46871a_47fb_4b75_baa2_6459205aac20_ctl00_specInterestPanel {
display:none;
}
.ns-ContactResults-Wrapper #ctl00_SPWebPartManager1_g_eb46871a_47fb_4b75_baa2_6459205aac20_ctl00_locationPanel{
display:none;
}
.ns-ContactResults-Wrapper #ctl00_SPWebPartManager1_g_eb46871a_47fb_4b75_baa2_6459205aac20_ctl00_regionPanel{
display:none;
}

/*************************************/
/* Section 5.13 - Contact Us Rail CSS Styling - Begin */
/*************************************/
.ns-ContactRail-Wrapper {
	background: #e6f3fc;
	width: 125px;
	padding: 5px;
}

.ns-ContactRail-Wrapper span{
display:none;
}

.ns-ContactRail-Wrapper img {
	float: left;
	vertical-align: bottom;
	margin: 0 5px 0 0;
	padding: 0;
}
.ns-ContactRail-Sections {
	color: #0076c0;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	margin: 0;
	padding: 0 0 5px;
}
.ns-ContactRail-Sections h1, 
.ns-ContactRail-Sections h2 {
	border: none;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.ns-ContactRail-Sections h1 {
	color: #54bceb;
	text-transform: uppercase;
	white-space:nowrap;
	padding-bottom: 5px;
	padding-top:5px;
}
.ns-ContactRail-PrintLink
{
    padding-bottom:10px;
}
.ns-ContactRail-PrintSection
{
    padding-top:5px;
}
.ns-ContactRail-Image
{
    padding-bottom:5px;
}
/*************************************/
/* Section 5.13 - Contact Us Rail CSS Styling - End */
/*************************************/
/*************************************/
/* Section 5.14 - Contact Us mini CSS Styling - Begin */
/*************************************/
.ms-WPBorder {
    border: none;
}
.ns-MiniContacts-Wrapper {
	width:214px;
}

.ns-MiniContacts-Wrapper img
{
    vertical-align:bottom;
}

.ns-MiniContact-Employee,
.ns-MiniContact-Group,
.ns-MiniContact-External {
    color: #0076c0;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	margin: 0;
	padding: 0 0 5px;
}
.ns-MiniContact-External .ns-MiniContact-GroupName,
.ns-MiniContact-EmployeeName {
    font-weight: 800;

}
.ns-MiniContact-Address {
}
.ns-MiniContact-EmployeeTitle {
    font-style: italic;
}
.ns-MiniContact-EmployeeEmail a,
.ns-MiniContact-CompanyUrl a {
    text-decoration: none;
}
.ns-MiniContact-EmployeePhone img,
.ns-MiniContact-EmployeeEmail img,
.ns-MiniContact-CompanyUrl img {
    vertical-align: bottom;
}
.ns-MiniContact-CorporateFunction {
}
/*************************************/
/* Section 5.14 - Contact Us mini CSS Styling - End */
/*************************************/

/*************************************/
/* Section 5.15 - News Rollup CSS Styling - Begin */
/*************************************/

.ns-NewsRollup-Item h2 {
	 color: #0076c0;font: bold 12px Arial; margin:0;padding: 0; 
}

.ns-FrontPage-Title a{
	 color: #6B6A69!important;font: bold 12px Arial; margin:0;padding: 0;
}
.ns-FrontPage-Description{
	font-Family: Arial,
“Helvetica Neue”,
Helvetica, sans-serif;
color:#666666;
}
.ns-FrontPage-Description { color: #666; font: normal 10px arial;  }
.ns-FrontPage-Description a { float:right;width:auto;color:#0076c0; }
.ns-FrontPage-Description a:visited { color:#0076c0; }

.ns-NewsRollup-Item a{
	color:#0076c0;
}
.ns-NewsRollup-Item a:visited{
	color:#0076c0;
}

.ns-News-Dateline {
 color: #666; font: italic 12px arial; 
}
.ns-News-Rollup { color: #666; font: normal 12px arial; padding: 0 0 0 20px; }
.ns-News-Rollup a { float:right;width:auto;color:#0076c0; }
.ns-News-Rollup a:visited { color:#0076c0; }
.ns-ReadMore{
	border:1px #fff solid;
	background-color: #0076C0 !important;
	height:20px;
	width:150px;
	float:right;
	text-align:center;
}
.ns-ReadMore a {
	text-transform:uppercase;
	color: #FFF!important;
	font-weight: bold;
	text-align:center;
	font-size:10px;
	letter-spacing: 1px;
	cursor:pointer;
	
}
.ns-ReadMore a:visited{
	color: #FFF!important;
}

/*************************************/
/* Section 5.15 -  News Rollup CSS Styling - End */
/*************************************/
/*************************************/
/* Section 5.16 - Document Thumbnail CSS Styling - Begin */
/*************************************/

.ns-DocThumbnail-Wrapper{
	padding:5px;
}

.ns-DocThumbnail-Header h2{
	background-color:#FDBB30!important;
	padding:5px;
	border:none;
	font-size:125%;
	color:#646A67!important;
}

.ns-DocThumbNail-Image{
	float:left;
}
.ns-DocThumbnail-RightColumn {
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
}
.ns-DocThumbnail-DownloadLinks{
	display:inline-block;
	padding:5px;
	}
.ns-DocThumbnail-DownloadLinks a{
 	padding-right:3px;
}
.ns-DocThumbnail-ReadLink{
	display:inline-block;
	padding:5px;
}
.ns-DocThumbnail-Divider{
	 display: inline-block;
	 width: 0;
	 height: 1em;
	 border-left: 1px solid #ccc;
	 border-right: 1px solid #ccc;
}
.ns-DocThumbnail-VersionsDD{
	padding-left:5px;
}
/*************************************/
/* Section 5.16 -  Document Thumbnail CSS Styling - End */
/*************************************/
/*************************************/
/* Section 5.17 - International Job searchl CSS Styling - Begin */
/*************************************/
.ns-InternationalJobs-SortBy{
	float:right;
}
.ns-InternationalJobs-AltRow td{
	background-color:#E7F3FA!important;
	border-collapse:collapse;

}
.ns-InternationalJobs-Header th{
	background-color:#FBB92F!important;
	border-color:white;
	border-width:thick;
}
.ns-InternationalJobs-Grid{
	border-collapse:collapse;
	border:thin transparent none;

}
.ns-InternationalJobs-Grid td{
	border-collapse:collapse;
	border:thin transparent none;
}
.ns-InternationalJobs-Grid{
	width:100%;
	margin-top: 10px;
}
 /*************************************/
/* Section 5.17 - International Job search CSS Styling - End */
/*************************************/
 /*************************************/
/* Section 5.18 - Tariff Lookup search CSS Styling - Begin */
/*************************************/
.ns-Tariffs-Wrapper h2 {
    border: none;
	color: #0076c0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 4px;
	padding-top:5px;
	padding-bottom:5px;
}
.ns-Tariffs-Buttons {
    float: left;
  padding-top:10px;
}

.ns-Tariffs-Wrapper select{
	width:90%;
}
.ns-Tariffs-Buttons input {
	border:1px #fff solid;
	background-color: #0076C0 !important;
	height:20px;
	text-transform:uppercase;
	color: #FFF;
	font-weight: bold;
	text-align:center;
	font-size:10px;
	letter-spacing: 1px;
	cursor:pointer;
}

.ns-Tariffs-SortBy{
	float:right;
}
.ns-Tariffs-AltRow td{
	background-color:#E7F3FA!important;
	border-collapse:collapse;

}
.ns-Tariffs-Header th{
	background-color:#FBB92F!important;
	border-color:white;
	border-width:thick;
}
.ns-Tariffs-Grid{
	border-collapse:collapse;
	border:thin transparent none;

}
.ns-Tariffs-Grid td{
	border-collapse:collapse;
	border:thin transparent none;
}
.ns-Tariffs-Grid{
	width:100%;
	margin-top: 10px;
}
.ns-Tariff-GridWrapper h2{
	padding-top:5px;
}
.ns-Tariffs-Reg
{
    width:70px;
    text-align:center;
}
.ns-Tariffs-ProdGroup
{
    text-align:center;
}
.ns-Tariffs-Cell
{
    padding-left:3px;
}


 /*************************************/
/* Section 5.18 - Tariff Lookup CSS Styling - End */
/*************************************/

/*************************************/
/* Section 6 - Search Center CSS Styling - Begin */
/*************************************/
/* body area normally has a white background */
.s4-ca {
	margin-left: 0px;
}
/* popout breadcrumb menu needs background color for firefox */
.s4-breadcrumb-menu {
	background:#F2F2F2;
}
/* fix scrolling on list pages */
#s4-bodyContainer {
	position: relative;
}
.srch-sb-results {
    background: transparent none repeat scroll 0 0;
    height: auto;
    margin-top: 30px;
}
.srch-sb-main {
    margin: 0 auto;
    padding-top: 20px;
}
.srch-sb-results4 {
    margin: inherit;
    padding-left: 20px;
} 
.srch-WPBody,
.ms-searchref-main {
    background: none !important;
    border: none !important;
}
li.ms-searchref-filtermsg {
    background: none !important;
    border: none !important;
    margin: 0;
    padding: 0 0 0 10px;  
}
.srch-federationarea {
    display:none;
}
.srch-description2 h3 {
    color: #0076c0 !important;
}
/* remove background color on 1st search page (useful for colored designs) */
.ms-bodyareaframe {
background-color: transparent;
} 
/* fix height of area above search results */
td.ms-titleareaframe, div.ms-titleareaframe, .ms-pagetitleareaframe {
height: auto !important;
}
/* fix border color on search results */
.ms-main .ms-ptabrx, .ms-main .ms-sctabrx, .ms-main .ms-ptabcn, .ms-main .ms-sctabcn {
border-color: #eeeeee;
}
/* fix positioning of prefs and advanced link on results */
.ms-sblink {
display:block;
}
/* fix the color of the prefs and advanced link on results */
.ms-sblink a:link, .ms-sblink a:visited, .ms-sblink a:hover {
color:#0072BC;
} 
/*************************************/
/* Section 6 - Search Center CSS Styling - End */
/*************************************/

/*************************************/
/* Section 7.0 - Newsroom CSS - Begin */
/*************************************/
.ns-CorpNews-Wrapper{
	width:325px;
	float:left;
}
.ns-CompNews-Wrapper{
	width:330px;
	float:left;
}

.ns-CorpNews-Wrapper h3.ms-standardheader{
	color: #0076c0;
	font: bold 12px Arial; 
	margin:0;padding: 0; 
}
.ns-CompNews-Wrapper h3.ms-standardheader{
	color: #0076c0;
	font: bold 12px Arial; 
	margin:0;padding: 0; 
}
#ns-NewsSummary 
{
    border-top: none !important;
    border-right: 1px solid #efefef;
    margin: 0;
    padding: 0 10px 0 0;
}
#ns-NewsSummary .dateSelect {
    color: #666;
    font: normal 12px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0 10px 10px 0;
}
#ns-NewsSummary .dateSelect select {
    width: auto;
    border: 1px solid #666;
    color: #666;
    font: normal 12px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 1px;
}
#ns-NewsSummary .newsResults td {
    padding: 0 0 8px;
}
#ns-NewsSummary .newsResults,
#ns-NewsSummary .newsResults table,
#ns-NewsSummary .newsResults td {
    border: none !important;
}
#ns-NewsSummary .newsResults h2.headline {
    border-bottom: none !important;
    margin: 0;
    padding: 0 0 5px;
}
#ns-NewsSummary .newsResults h2.headline a {
    border-bottom: none !important;
    color: #0076C0 !important;
    font: bold 16px "Helvetica Neue", Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}
#ns-NewsSummary .newsResults .dateline,
#ns-NewsSummary .newsResults .digest {
    margin: 0;
    padding: 0 0 0 10px;
}
#ns-NewsSummary .newsResults .dateline {
    font-style: italic;
}
.ns-newsroom-rail-wrapper {
	padding: 10px;
}
.ns-newsroom-rail-wrapper ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.ns-newsroom-rail-wrapper li {
	padding-top: 10px;
	padding-bottom: 10px;
	color: #54bceb;
}
.ns-newsroom-rail-wrapper ul :first-child {
	padding-top: 0px;
	padding-bottom: 5px;
}
.ns-newsroom-rail-wrapper li a:link,
.ns-newsroom-rail-wrapper li a:visited {
	color: #FFF !important;
	text-decoration: none;
}
.ns-newsroom-rail-wrapper li a:hover {
	color: #FDBB30 !important;
	text-decoration: none;
}
.ns-newsroom-rail-wrapper li .selected a:link {
	color: #FDBB30 !important;
	text-decoration: none;
}
h3.ms-standardheader {
    text-transform: uppercase;
}
.ns-newsroom-rail-wrapper #ContactUs,
.ns-newsroom-rail-wrapper #ContactUs .ns-ContactRail-Wrapper {
    background: none !important;
}
/*************************************/
/* Section 7.0 - Newsroom CSS - End*/
/*************************************/

/*************************************/
/* Section 8.0 - Article CSS - Begin */
/*************************************/
.ns-article {
    border-right: 1px solid #efefef;
    color: #666;
    font: normal 12px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
}
.ns-article h2 {
    border-bottom: none !important;
    color: #0076C0;
    font: bold 16px "Helvetica Neue", Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0 0 5px 10px;
}
.ns-article .dateline 
{
    float: left;
    width: auto;
    font-style: italic;
    padding: 0 0 10px 10px;
}
.ns-article .pageOptions 
{
    float: right;
    width: auto;
    margin: 0;
    padding: 0 10px 10px 0;
}
.ns-article .pageOptions img {
    vertical-align: bottom;
    margin-right: 5px;
}
.pageOptions img
{
    vertical-align: bottom;
}    

.ns-article .articleBody {
    clear: both;
    border-top: 1px solid #efefef;
    margin: 0;
    padding: 0 10px;
}
.ns-article-rail-wrapper {
	padding: 10px;
}
.ns-article-rail-wrapper ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.ns-article-rail-wrapper li {
	padding-top: 10px;
	padding-bottom: 10px;
	color: #666;
}
.ns-article-rail-wrapper ul :first-child {
	padding-top: 0px;
	padding-bottom: 5px;
}
.ns-article-rail-wrapper li a:link,
.ns-article-rail-wrapper li a:visited {
	color: #666 !important;
	text-decoration: none;
}
.ns-article-rail-wrapper li a:hover {
	color: #666 !important;
	text-decoration: none;
}
.ns-article-rail-wrapper li .selected a:link {
	color: #666 !important;
	text-decoration: none;
}
h3.ms-standardheader {
    text-transform: uppercase;
}
.ns-article-rail-wrapper #ContactUs,
.ns-article-rail-wrapper #ContactUs .ns-ContactRail-Wrapper {
    background: none !important;
}
/*************************************/
/* Section 8.0 - Article CSS - End*/
/*************************************/



.ns-AssetHeader-TopBar{
	float: left;
	background-image: url('/Style Library/en-us/NuStar/Images/AssetTopBar.png');
	background-repeat:repeat-x;
	width:100%;
	height:10px;
	top:10px;
	position:relative;
	padding-top:10px;
}

.ns-AssetHeader-BottomBar{
	float: left;
	background-image: url('/Style Library/en-us/NuStar/Images/AssetBottomBar.png');
	background-repeat:repeat-x;
	width:100%;
		height:10px;
		padding-bottom:20px;

}


.ns-AssetFooter-BottomBar{
	float: left;
	background-image: url('/Style Library/en-us/NuStar/Images/AssetFooter.jpg');
	background-repeat:repeat-x;
	width:100%;
	height:20px;
	position:absolute; bottom:0;
	padding-bottom:10px;
}

.ns-AssetLeft-Wrapper
{
    width:45%;
    float:left;
    padding-left:20px;
}

.ns-AssetLeft-Wrapper h3
{
	font-size: 20px;
	font-weight:bold;
	font-family: "Arial Narrow", Arial, sans-serif;
	text-transform:uppercase;
}

.ns-AssetRight-Wrapper
{
    width:45%;
    float:left;
}

.ns-Asset-SpecName{
	text-align:right;
	width:30%;
	font-weight:bold;
	vertical-align:top;
}
.ns-Asset-SpecValue{
	width:70%;
	text-align:left;
	vertical-align:top;
}
.ns-AssetHeader-Logo
{
    padding:10px;
}
.ns-AssetBody-Wrapper
{
    margin-bottom:20px;
}
.ns-AssetPageTitleBanner-Header {
	clear: both;
	background-position:left top;
	background-repeat:no-repeat;
	height: 64px;
}

.ns-AssetPagePTB-IMG
{
    float:left;    
}
.ns-AssetPagePTB-Text h2
{
    border-bottom: 1px transparent solid;
	font-size: 28px;
	font-weight:bold;
	font-family: "Arial Narrow", Arial, sans-serif;
	/*color:#fff;
	opacity:0.8;
	filter:alpha(opacity=80);  /*For IE8 and earlier */
	text-transform:uppercase;
}
.ns-AssetPagePTB-Text
{
    position:absolute;z-index:100;top:15px;left:20px;
}