<!--
html, body {
	margin: 0px;
	padding: 0px;
}
* {
	float: none;
	margin: 0px;
	padding: 0px;
}
:focus {
outline: 0;
}
/* IE 5.5/6 png transparency */
.png {
	behavior: url(/scripts/iepngfix.htc);
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #526166;
	line-height: 1.4em;
}
form {
	margin: 0px;
	padding: 0px;
}
form td, form th {
	padding-bottom: 7px;
}
.formborder {
	padding: 10px;
	border: 1px solid #2f444e;
	background:#FFFFFF;
}
td img {
/* Another Mozilla/Netscape bug with making sure our images display correctly */
	display: block;
}
p {
	padding-bottom: 15px;
}
ul,ol {
    margin-left:1.5em;
    padding:0;
	padding-bottom: 15px;
	z-index:0;
}
ul {
	list-style-type: square;
}
ul ul {
	padding-bottom: 0px;
}
ul.gtlist {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}
ul.gtlist li {
	margin: 0px;
	padding-left: 10px;
	background: url(../images/greaterthan.gif) left 5px no-repeat;
}
blockquote {
	padding-left:20px;
}
li {
	padding: 0px;
	margin: 0px;
	position: relative;
}
.clear {
	clear: both;
}
.right {
	float: right;
}
.left {
	float: left;
}
select, textarea, input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	border: 1px solid #a0a0a0;
	color: #526180;
	margin: 0px;
	padding: 1px;
}
.formtable {
	
}
.formtable input, .formtable select, .formtable textarea {
	padding: 3px;
}
input.required, select.required, textarea.required {
	color: #526180;
}
label {
	display:block;
	font-weight: bold;
}
label.error {
	font-weight: normal;
	color: #990000;
}
.subheader {
	font-size: 110%;
}
.invalidInput {
	border: 1px solid #FF0000;
}
.radio, .checkbox {
	border: none;
}
a, a:link, a:visited, a:active {
	color: #e38f00;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.arrowlink {
	padding-right: 15px;
	_display: inline-block;
	text-align:left;
	background: url(../images/b-arrowright1.gif) right 5px no-repeat;
}
a.arrowlinkorange, a.arrowlinkorange:link, a.arrowlinkorange:visited, a.arrowlinkorange:hover, a.arrowlinkorange:active {
	padding-right: 15px;
	_display: inline-block;
	text-align:left;
	background: url(../images/b-arrowright1.gif) right 5px no-repeat;
	color: #ce7c17;
}
#hplogo {
	position: absolute;
	left: 14px;
	top: 15px;
	width: 200px;
	height: 81px;
	z-index: 8000;
}
#logo a img {
	position: absolute; 
	display:block;
	left:41px; 
	top:12px;
	width: 154px;
	height: 63px;
	z-index: 8000;
	background-image: url('http://www.osg.com/images/OSGmovingenergy.png');
	/* ieWin only stuff */
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.osg.com/images/OSGmovingenergy.png');

}
#container {
	background:#E4E9ED;
	border-top:1px solid #000;
	 z-index:40;
}

.subnavheader {
	padding: 17px 20px 0px 20px;
	display: block;
	color: #6f7879;
}
.subnavheader, .subnavheader a {
	color: #6f7879;
	font-weight:bold;
}
#infobox {
	position:absolute;
	left: 291px;
	top: 0px;
	z-index: 6700;
	width: 313px;
	height: 346px;
	padding-left: 20px;
	padding-right: 20px;
	background: #000;
	filter:alpha(opacity=65);
	-moz-opacity:0.65;
	-khtml-opacity: 0.65;
	opacity: 0.65;
}
#infobox table {
	position:relative;
}
#infobox table td.hpmaintextcontainer {
	color: #FFF;
	font-weight: bold;
	font-size: 13px;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
ul#subnav {
	list-style-type: none;
	padding: 8px 20px 25px 20px;
	margin: 0px;
}
ul#subnav li {
	list-style-type: none;
	display: block;
	padding: 8px 0px 8px 0px;
	margin: 0px;
	line-height:13px;
	color: #6f7879;	
	background: url(../images/menu_border.gif) top left repeat-x;
}
ul#subnav ul {
	padding-top: 5px;
	margin: 0px;
	margin-left: 15px;
	}
ul#subnav ul ul {
	margin: 0px;
	font-style: italic;
	margin-left: 4px;
	}
ul#subnav li a {
	padding-left: 14px;
	color: #6f7879;
}
ul#subnav li a:hover, ul#subnav li a:link, ul#subnav li a:active, ul#subnav li a:visited { 
	display: block;
	text-decoration: none;
}
ul#subnav li a.on {
	color: #22324d;
	background: url(../images/arrow_on.gif) left 2px no-repeat;
	font-weight: bold;
	text-decoration: none;
}
ul#subnav li li {
	padding-left: 0px;
	margin-left: 8px;
	padding: 4px 0 4px 0;
	background: none;
}
ul#subnav li li a {
	padding-left: 10px;
	background: url(../images/nav-bullet.gif) left 5px no-repeat;
}
ul#subnav li li a.on {
	background: url(../images/nav-bullet.gif) left 5px no-repeat;
	font-weight: normal;
}
ul#subnav li li li a {
	background: url(../images/nav-dash.gif) left 6px no-repeat;
}
ul#subnav li li li a.on {
	background: url(../images/nav-dash.gif) left 6px no-repeat;
}



/* TOP SEARCH BAR */
#searchbar {
	height: 35px;
	padding-top:0px;
	width:982px;
}
#searchmenu {
	float:right;
}
#searchmenu td {
	padding-top: 9px;
	font-size: 78%;
	color: #526166;
}
#searchmenu td.leftline {
	background:url(../images/searchbox-divider.gif) no-repeat left top;
}
.searchbox {
	background:url(../images/bg-search.gif) #FFFFFF no-repeat left top;
	width: 105px;
	height: 16px;
	color: #526180;
	font-size: 11px;
	padding-top: 2px;
	padding-left:3px;
	border-top: 1px solid #a0a0a0;
	border-right: 1px solid #a0a0a0;
	border-bottom: 1px solid #eeeff0;
	border-left: 1px solid #a0a0a0;
}
.searchbutton {
	border-top: 1px solid #a0a0a0;
	border-right: 1px solid #eeeff0;
	border-bottom: 1px solid #eeeff0;
	background: #FFF;
}
#header {
	height:27px; 
	width:937px; 
	overflow:hidden; 
	background: #1c5a5d url(../images/headerBG.gif) no-repeat left top; 
	border-left:1px solid #bbbbbb;  
	padding-top:10px; 
	padding-left:33px; 
	position:relative; 
	text-align:left;
	display:block;
}
.bodycopygray, a.bodycopygray, a.bodycopygray:link, a.bodycopygray:link, a.bodycopygray:visited {
	color: #526166;
}
.bodycopylightgray, a.bodycopylightgray, a.bodycopylightgray:link, a.bodycopylightgray:link, a.bodycopylightgray:visited {
	color: #8a949c;
}
.bodycopydarkblue {
	color: #2f444e;
}
.bodycopyred {
	color: #990000;
}
.bodycopysmall {
	font-size: 90%;
}
.bodycopygreen {
	color: #67c811;
}
.required {
	color: #FF0000;
}
.required2 {
	color: #0033CC;
}
.listitem {
	display: block;
	position:relative;
	margin-bottom: 15px;
}
.listitemfloat {
	display: block;
	position:relative;
	margin-bottom: 15px;
	float:left;
	clear:both;
	width:99%;
}
.listitemLeft {
	margin-top:-1px; 
	float:left;
	width:7%;
	padding-bottom: 15px;
}

.listitemRight {
	width:93%;
	float:left;
	text-align:left;
	padding-bottom: 15px;
}
.listtableheader {
	width:auto;
	height: 22px;
	width: 200px;
	padding-left: 5px;
	background: url(../images/th_tab.gif) top right no-repeat  #e7e7e7; 
	overflow: hidden;
}
.listtable {
	border: 1px solid #dadada;
	border-bottom: none;
	border-right: none;
	margin-bottom: 20px;
	z-index: 10;
}
.listtablewhite {
	border: 1px solid #dadada;
	border-bottom: none;
	border-right: none;
	margin-bottom: 20px;
	z-index: 10;
}
.listtablewhite2 {
	border: 1px solid #dadada;
	border-bottom: none;
	border-right: none;
	margin-bottom: 20px;
	z-index: 10;
}
.listtable td {
	padding: 5px;
	border: 1px solid #dadada;
	border-left: none;
	border-top: none;
	background: #f9f9f9;
}
.listtablewhite td {
	padding: 5px;
	border: 1px solid #dadada;
	border-left: none;
	border-top: none;
	background: #FFF;
}
.listtablewhite2 td {
	padding: 2px;
	font-size: 95%;
	border: 1px solid #dadada;
	border-left: none;
	border-top: none;
	background: #FFF;
}
.listtable td.dark, .listtablewhite td.dark, .listtablewhite2 td.dark {
	background:#e7e7e7;
}
.listtable td.light, .listtablewhite td.light, .listtablewhite2 td.light {
	background: #f9f9f9;
}
.listtablewhitenopadding {
	border: 1px solid #dadada;
	border-bottom: none;
	border-right: none;
	margin-bottom: 0px;
	z-index: 10;
}
.listtablewhitenopadding td {
	padding: 0px;
	border: 1px solid #dadada;
	border-left: none;
	border-top: none;
	background: #FFF;
}
.tablenoborder, .tablenoborder td {
	border: 0px;
	border-bottom: none;
	border-right: none;
	margin-bottom: 0px;
}
.innertable {
	border: none;
}
.innertable td {
	border: none;
	background: url(../images/dottedrule.gif) bottom left repeat-x;
}


.twocolpadding .listitem, .twocolpaddingright .listitem {
	clear:both;
	float:left;
	display: block;
	position:relative;
	padding-bottom: 15px;
	width:100%;
}
.typecol {
	width:20%; 
	display:inline; 
	margin-right:10px; 
	float:left;
}

.listimg {
	text-align:right;
	margin-right:10px;
	position:absolute;
	width: 150px;
	left: -160px;
	top: 0px;
}
.listimg img {
	float: right;
	margin-right: 0px;
	background: #000;
}
h1 {
	font-family: Frutiger, 'Frutiger', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #22324d;
	font-weight:bold;
	margin: 0px;
	padding: 0px;
	padding-top: 4px;
}
h2 {
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	margin-bottom: 12px;
}
h3 {
	font-size: 14px;
	color: #000;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	margin-bottom: 12px;
}
h4 {
	font-size: 12px;
	color: #105155;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h6 {
	font-size: 15px;
	color: #1c5a5d;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.title, .tabletitle {
	font-size: 105%;
	color: #22324d;
	font-weight: bold;
}
.title2 {
	font-size: 14px;
	display:block;
	padding-bottom: 8px;
	color: #1c5a5d;
	font-weight: bold;
}
.resources .title, .newsroom .title, .awards .title {
	color: #2f444e;
}
.hpbox {
	background:#105155; 
	width:174px;
	border-right: 1px solid #fff;
	padding:25px 20px 20px 20px;
	color: #FFF;
}
.hpbox a, .hpbox a:link, .hpbox a:hover, .hpbox a:visited, .hpbox a:active,
.hpboxlast a, .hpboxlast a:link, .hpboxlast a:hover, .hpboxlast a:visited, .hpboxlast a:active {
	color: #f79c00;
}
.hpboxlast {
	background:#105155;
	width:174px;
	border-right: 1px solid #A6BCBF;
	padding:25px 20px 20px 20px;
	color: #FFF;
}
#landingcontentcontainer {
	float: left;
	position: relative;
	/* background: url(../images/bg-hp.jpg) repeat-y #fafbfb; */
}
#contentcontainer {
	width:971px; 
	background:#FFF; 
	position:relative;
}
#contentcontainer2 {
	float: left;
	position: relative;
	background: url(../images/bg-internal.gif) repeat-y #FFF; /* #fafbfb; */
}
#landingpagecontent {
	width: 730px;
	padding: 0px;
	margin: 0px;
	position: relative;
}
#maincontent {
	width: 974px;
	padding: 0px;
	margin: 0px;
	position: relative;
}
#topshadow {
	height:8px;
	background-image: url("../images/bottomshadow.png");
	background-repeat:repeat-y;
	/* ieWin only stuff */
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/bottomshadow.png');
	float:left;
	margin-bottom:0px;
}
#breadcrumbs {
	color: #8a949c;
	font-size: 85%;
	line-height: 11px;
	left: 33px;
	top: 40px;
	width: 600px;
	position: absolute;
	z-index: 70;
	display:block;
}
#breadcrumbs .on {
	color: #f79c00;
}
#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:hover, #breadcrumbs a:active, #breadcrumbs a:visited {
	color: #8a949c;
}
#footer {
	background: #000;
	width:100%;
	height: 15px;
}
#footer_container {
	width:971px;
	text-align:right;
	line-height: normal;
	font-size: 9px;
}
#tabs {
	clear:both;
	float:left;
    width:100%;
	border-bottom: 1px solid #c1c3c2;
	margin-bottom: 10px;
}
#tabs ul {
	margin-left: 0;
	padding-left: 0;
	display: block;
	float:left;
} 
#tabs ul li {
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 3px;
	padding: 3px 10px 2px 10px;
	line-height: 19px;
	border: 1px solid #d7d7d7;
	border-bottom: none;
	list-style: none;
	display: inline;
}	
#tabs ul li.here {
	border: 1px solid #c1c3c2;
	border-bottom: 1px solid #FFF;
	color: #002c39;
}
#tabs ul li.here a, #tabs ul li.here a:hover, #tabs ul li.here a:link, #tabs ul li.here a:visited, #tabs ul li.here a:active{
	color: #002c39;
}

#mainimg {
	width:971px;
	height:136px;
	overflow:hidden;
	position: relative;
	z-index:40;
}
#mainimg img {
	z-index: 0;
}
#mainimgtxt {
	position: absolute;
	font-family: Frutiger, 'Frutiger', Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	font-size: 14px;
	width: 230px;
	height: 105px;
	right: 30px;
	top: 15px;
}
.leftcol {
	width:666px;
	border-left: 1px solid #bbbbbb;
	padding:37px 32px 37px 32px;
}
.rightcol {
	width:240px;
	background:url(../images/rightcol_bg.gif) repeat-y left top;
	padding-bottom: 120px;
	border-right:1px solid #bbbbbb;
}
.lefthalf {
	width:45%;
	float:left;
}
.righthalf {
	width:45%;
	float:right;
}
#pageimages {
	position: absolute;
	left: 731px;
	bottom: 0px;
	width: 239px;
	height:94px;
	overflow:hidden;
	border-top:1px solid #bbbbbb;
}
#pageimages img {
	display: inline;
}
#iconbox {
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 13px 0px 0px 570px;
	width: 200px;
	margin: 0px;
	border: 0px;
}
#hpflash {
	width: 730px;
	float:left;
}

.viewall {
	position: absolute;
	top: 0px;
	right: 0px;
	border: 0px;
	width: auto;
	z-index: 74;
}
.learnmore {
	margin-top:5px;
	display: block;
	width:90px;
	line-height: 16px;
	background:url(../images/arrow-1.gif) right top no-repeat;
}
.popbox {
	border: 1px solid #dbdfe0; 
	position: relative;
	float:left;
	width:206px; 
	background:url(../images/bg-hoverbox.gif) #eff2f2 repeat-x left top; 
	padding: 10px; 
	z-index:550;
}
.emaillink {
	padding-right: 20px;
	background: url(../images/i-email.gif) right 3px no-repeat;
}
.divider {
	font-size: 0px;
	height: 1px;
	overflow:hidden;
	line-height: 0px;
	width: 100%;
	clear:both;
	border: 0px;
	background: url(../images/dottedrule.gif) top left repeat-x;
	margin-bottom: 15px;
	margin-top:0px;
}
.divider2 {
	font-size: 0px;
	height: 1px;
	overflow:hidden;
	line-height: 0px;
	width: 100%;
	clear:both;
	border: 0px;
	background: url(../images/dottedrule.gif) top left repeat-x;
	margin-bottom: 5px;
	margin-top:0px;
}
/* CALENDER STYLES */
#cal {
	background-color: none;
}

#cal td.calheader {
	font-weight: bold;
	text-align: center;
}
#cal td.calheader a{
	color: #0066FF;
}
#cal td.caldate{
	height:10px; 
	width:14%;
	text-align: center;
	margin: 1px;
	border: 1px solid #CCCCCC;
}
a.caldate, a.caldate:visited, a.caldate:link, a.caldate:active{
	border: 1px solid #5A91B0;
	display:block;
	margin: 1px;
}
a.caldate:hover{
	background-color: #E2E5E5;
}
#cal td.calcurrentdate {
	height:10px; 
	width:14%;
	border: 1px solid #990000;
	text-align: center;
}
.calday {
	font-size: 10px;
	text-align: center;
	background-color: #CCCCCC;
}

/* END CAL STYLES */
table.cfdebug {
	clear:both;
}

div.noresults {
	line-height: 18px;
	margin-top: 28px;
	margin-bottom: 28px;
	margin-left: 14px;
	font-size: 11px;
}
#sharethis img {
	border: 0px;
	padding-right: 3px;
	float:left;
	display:inline;
}
#sharethis td {
	padding-bottom: 5px;
}
#sharethis {
	width:98px; 
	background: #FAFBFB url(../images/bg-hoverbox.gif) repeat-x left top; 
	padding: 5px;
	border: 1px solid #EAEDEE; 
	border-top: none;
	z-index:550;
}
#sharethis td {
	font-size: 95%;
}
#graybox, #greybox {
	border: 1px solid #dadada;
	background: #f9f9f9;
	clear:right;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	float:right;
	padding: 15px;
	width: 230px;
	margin: 0 0 20px 20px;
}
#bluebox {
	clear:both;
	float:right;
	background: #f6fafd;
	padding: 14px 18px 14px 18px;
	margin: 0 0 20px 20px;
	border: 1px solid #ced5df;
	width:230px;
}
.pdf, a.pdf, a.pdf:link, a.pdf:hover, a.pdf:active, a.pdf:visited {
	margin: 1px 0px 1px 0px;
	padding: 4px 0px 4px 20px;
	background: url(../images/icons/dl-pdf.gif) left 2px no-repeat;
}
.doc, a.doc, a.doc:link, a.doc:hover, a.doc:active, a.doc:visited {
	margin: 1px 0px 1px 0px;
	padding: 4px 0px 4px 20px;
	background: url(../images/icons/dl-doc.gif) left 2px no-repeat;
}
.htm, a.htm, a.htm:link, a.htm:hover, a.htm:active, a.htm:active {
	margin: 1px 0px 1px 0px;
	padding: 4px 0px 4px 20px;
	background: url(../images/icons/dl-htm.gif) left 3px no-repeat;
}
.ppt, a.ppt, a.ppt:link, a.ppt:hover, a.ppt:active, a.ppt:active {
	margin: 1px 0px 1px 0px;
	padding: 4px 0px 4px 20px;
	background: url(../images/icons/dl-ppt.gif) left 3px no-repeat;
}
.xls, a.xls, a.xls:link, a.xls:hover, a.xls:active, a.xls:active {
	margin: 1px 0px 1px 0px;
	padding: 4px 0px 4px 20px;
	background: url(../images/icons/dl-xls.gif) left 3px no-repeat;
}
#tooltip{
	position:absolute;
	border:1px solid #DADADA;
	background:#F9F9F9;
	padding:2px 5px;
	display:none;
	width: 400px;
	}

#esitetab {
	float:right;
	position:absolute; 
	top:0px; 
	right:15px; 
	width:200px; 
	display:block; 
}
#esitetab .mid {
	text-align:center;
	float:left;
	width: 150px;
	background:#FFFFFF; 
	height:20px; 
	padding-top:5px;
}
#esitetab .right{
	float:right;
	height: 25px;
	width: 25px;
}
#esitetab .left{
	float:left;
	height: 25px;
	width: 25px;
}

/***************SQE SECTION *************/
#sqe-container-right {
	float:right; 
	width:267px; 
	height:513px; 
	margin-left:20px;
}

sqe-container-right ul {
	list-style:none; 
	padding:18px; 
	margin:0px;
	background-image:url('../images/sqe-bg.gif'); 
	background-repeat:no-repeat;
}

sqe-container-right .callout {
	width:140px; 
	height: 100px; 
	list-style:none; 
	margin:0 0 10px 0; 
	padding-left:90px; 
	padding-top:5px; 
	padding-bottom:10px; 
	border-bottom:1px dotted #000; 
	background-image:url('/images/sqe-report.png'); 
	background-repeat:no-repeat; 
	background-position:left top;
}
-->