﻿
/** { padding: 0; margin: 0; }*/

/* general styling */

body {
 font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color: Gray;
}

a:link, a:visited
{
	color: #003399;
}

h1{
	color: #ff6600;
	font-size: 24px;
	font-weight: normal;	
}

h2{
	color: #ff6600;
	font-size: 22px;
	font-weight: normal;	
}
h3{
	color: #ff6600;
	font-size: 18px;
	font-weight: normal;		
}

p {
 padding: 10px;
}

/* contains everything on the page including header, nav, content, footer, etc */
#container { 
 width: 1014px;
 margin: 0 auto;
 background-color: #FFF;
}

/* header: site actions button, my links, welcome X */
#header {
 float: left;
 width: 100%;
 background-color: Gray;
}

#site_actions
{
	float: left;
}

/* my links section */
#global_site_links
{
	float: left;
}

/* welcome X section */
#welcome
{
	float: left;	
}

/* navigation section - includes top_logo and top_navigation */
#navigation {
 float: left;
 width: 100%;
 background: gray;
}

#top_logo
{
	float: left;
	padding-left: 15px;   /* this drives the left margin/padding of the logo image */
}

#top_navigation
{
	float: left;
}

/* logo */
.logo
{	
	background-image: url('/SiteCollectionImages/solien_logo.png');
	background-position: center left;
	background-repeat: no-repeat;
	width: 218px;/*220px;*/
	height: 65px;
	padding-bottom: 0px;
}
.logo a
{
	background-image: none;
	height: 60px;
	padding: 10px 0 5px 30px;
	text-indent: -9999px;
}

/* top navigation */
.topNav
{
	/*margin-left: 20px;*/
	margin-top: 20px;
	float: left;
	/*padding: 0 10px;*/
	color: #fff;
	font-size: 1em;
	text-decoration: none;
	height: 40px;
	
}

.topNavItem
{
	background: url('/SiteCollectionImages/nav/orange_strip.png') repeat-x left top;
	line-height: 32px;
	background-color: #ff6600;
	color: #ffffff;
	/*float: left;*/
	padding-left: 0px;
	padding-right: 0px;
	/*height: 32px;*/
	text-align: center;
	vertical-align: middle;
	/*border-right: solid 1px white;*/
	min-width: 110px;
	max-width: 115px;
	width: 111px;
	vertical-align: middle;
	text-align: center;
}	
.topNavItem a
{
	/*color: #FFF;
	text-transform: uppercase;
	font-family: Arial;
	font-size: 13px !important;
	font-weight: bold;*/
	text-transform: none;
	color: #444;
	font-size: 14px !important;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 8px 0px 8px;
	height: 32px;
	font-family: Calibri, Helvetica, Arial, Verdana, Sans-Serif;
}
.topNavSelected, .topNavSelected a
{
	/*background: url('/SiteCollectionImages/darkorange_strip.png') repeat-x left top;*/
	background: url('/SiteCollectionImages/nav/orange_strip.png') repeat-x left top;
	text-decoration: none;
	color: #fff;
}
.topNavHover, .topNavHover a 
{
	background: url('/SiteCollectionImages/nav/orange_strip.png') repeat-x left top;
	color: #000;
	text-decoration: none;
}
.topNavHover
{
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
}
.topNavHover a
{
	text-transform: none;
	color: #000;
	font-size: 14px !important;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 8px 0px 8px;
	height: 32px;
	font-family: Calibri, Helvetica, Arial, Verdana, Sans-Serif;
}
/* flyout nav */
.topNavFlyOuts
{
	color: #FFF;
}
.topNavFlyOutsItem
{
	background: url('/SiteCollectionImages/nav/subnav_strip.png') repeat-x left top;
	background-color: #fff;
	line-height: 150%;
	min-width: 110px;
	border-color: #848484; /*#CBD1E0;*/
	/*opacity: .75;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";*/
}
.topNavFlyOutsItem a
{
	color: #333;
	font-size: 12px !important;
	font-family: Calibri, Helvetica, Arial, Verdana, Sans-Serif;
}
.topNavFlyOutsHover
{
	background-color: #fff;
}
.topNavFlyOutsHover a 
{
	color: #036ad0;/*#2e7bc7;*/
}

/* search box by top nav */
#navigation_search
{
	float: right;
	display: none;
}

/* content area that includes splash image and page content */
#wrapper
{
	background-image: url('/SiteCollectionImages/shadow_wrapper.gif');
	background-repeat: repeat-y;
	width: 100%;
	float: left;
}

/* includes left nav, middle content, and right section */
#content_wrapper 
{
	float: left;
	width: 1000px;
	margin-left: 7px;
}

#shadow_top
{
	background-image: url('/SiteCollectionImages/shadow_top.gif');
	background-repeat:no-repeat;
	float: left;
	height: 10px;
	width: 100%;
}
#shadow_bottom
{
	background-image: url('/SiteCollectionImages/shadow_bottom.gif');
	background-repeat:no-repeat;
	float: left;
	height: 10px;
	width: 100%;
}
	
/* page content sections */

#leftcolumn { 
 float: left;
 color: #333;
 /*background: #EBE3CD;*/
 height: 100%;
 width: 170px;
 padding-top: 8px;
}

#content { 
 float: left;
 color: #333;
 width: 578px;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 30px;
 padding-top: 8px;
 border-left: solid 1px #CECECE;
 border-right: solid 1px #CECECE;
 min-height: 350px;
 overflow: visible;
}

#splash_top
{
	float: left;
	width: 1000px;
	height: 250px;
	margin-left: 7px;
}

#splash_middle
{
	float: left;
	width: 100%;
	height: 200px;
}

#splash_bottom
{
	float: left;
	width: 100%;
	/*height: 200px;	*/
}

#splash_clear
{
	clear: both;
}

/* right columns */
#rightcolumn { 
 float: left;
 color: #333;
 background: #FFF;
 width: 200px;
 padding-top: 20px;
 padding-left: 15px;
 padding-right: 15px;
 padding-bottom: 15px;
}

#rightcolumn_content
{
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
}

/* left nav */
.leftNav
{
	font-family: Calibri;
	background-color: #FFF;
	width: 100%;
	color: #333333;
	border: none;
	margin: 0px;
	padding: 0;
}
.leftNav a:link, .leftNav a:visited
{
	color: #333333;
}
.leftNav1, .leftNav2
{
	background-color: #FFF;
	color: #333333;
	padding: 0;
	padding-left: 2px;
}



table.leftNav1 a.leftNavHover, table.leftNav2 a.leftNavHover
{
	color: #FF6600;
}


.leftNavSelected
{
	background-color: #FF6600;
	color: #FFF;
	font-family: Calibri;
	border: none;
}
table.leftNavSelected a
{
	color: #FFF !important;
}

table.leftNavSelected a.leftNavHover
{
	color: #FFF !important;
}


.featured_box 
{
	background-color: #FFF;
	border: dotted 1px #333333;
	width: 180px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}

.featured_title
{
	font-size: 14pt;
	color: #333333;
}

.featured_box ul
{
	margin-top: 5px;
}

.featured_box li
{
	list-style-image: url('/SiteCollectionImages/orange_bullet.gif');
	margin-left: -20px;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.orange_bulletlist li, UL.ms-rteCustom-OrangeBulletList
{
	list-style-image: url('/SiteCollectionImages/orange_bullet.gif');
}
.featured_box a
{
	text-decoration: none;
	color: #003399;
}
.featured_box a:hover
{
	color: #003399;
}
/* bread crumb */
.breadcrumbCurrent{
	color: #ff6600;
}
.ms-sitemapdirectional, .ms-sitemapdirectional a, .ms-sitemapdirectional a:link, .ms-sitemapdirectional a:visited
{
	color: #333333 !important;
}


/* footer */
#footer { 
 width: 100%;
 clear: both;
 background: gray;
 text-align: center;
 color: #FFF;
 font-family: Verdana;
 font-size: 10px;
}

/* HTML Editor custom style */
.ms-rteCustom-OrangeHeader
{
	color: #ff6600;
	font-size: 20px;
	font-weight: normal;
}

.ms-rteCustom-DarkBlueHeader
{
	color:#333366;
	font-family:Verdana,Arial;
	font-size:11pt;
	font-weight:bold;
	line-height:13pt;
}


.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
}

/* newsletter signup box */
#newsletter
{
	background-color: #ff6600;
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
    /*width: 150px;*/
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 15px;
    margin-left: 60px;
    height: 160px;
    width: 195px;
    overflow: hidden;
}
#newsletter .header
{
   	color: #fff;
  	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
   	font-size: 26px;
   	text-align: left;
   	border: none;
   	padding-bottom: 10px;
}
#newsletter_button_wrapper
{
	/*margin-left: 110px;*/
	float: right;
	margin-top: 3px;
}
#newsletter input.newsletter_button
{
	background-image: url('/SiteCollectionImages/darkorange_strip.png');
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #333333;
	color: #fff;
	border: none;
	height: 28px;
	font-weight: bold;
}
/* end of newsletter signup box */

/* rss */
.slm-layout-main
{
	padding-left: 5px;
	width: 98%;
}
.rss_title a:link, .rss_title a:visited
{
	font-family: Calibri,Verdana,Arial,Helvetica,sans-serif;
	color: #003399;
	font-size: 13px;
	text-decoration: none;	
}
.rss_description
{
	font-family: Calibri,Verdana,Arial,Helvetica,sans-serif;
	color: #333333;
	font-size: 12px;
}

.rss_description a:link, .rss_description a:visited
{
	font-family: Calibri,Verdana,Arial,Helvetica,sans-serif;
	color: #003399;
	font-size: 12px;
	text-decoration: none;	
}
/* end of rss */

.ms-WPTitle 
{
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
  	font-size: 26px;
  	font-weight: normal;
   	color: #555A5E;
}
.ms-WPBody
{
	font-family: Calibri,Verdana,Arial,Helvetica,sans-serif;
	font-size: 13px;
}

/* lead form */
.formInstruction
{
    font-family: Calibri,Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    padding-bottom: 20px;
}
.inputValidation
{
    font-family: Calibri,Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: Red;
    margin-top: -20px;
}
.inputForm
{
    width: 570px;
    font-family: Calibri,Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
	background-color: #EFEFEF;
	border-color: #EAE7E1 #BBB8B0 #BBB8B0 #EAE7E1;
	border-style: solid;
	border-width: 1px;
	padding: 20px 0px 20px 0px;
}
.formLabel, .formLabel2, .formLabelRequired, .formTextbox, .formCheckboxL, .formCheckboxR, .checkboxList
{
    float: left;
}
.formLabel, .formLabel2, .formLabelRequired
{
    width: 150px;
    text-align: right;
    padding-right: 7px;
    padding-top: 7px;
    height: 26px;
}
.formLabel2
{
    padding-top: 0px;
}
.formLabelRequired
{
	font-weight: bold;
}   
.inputForm br {
        clear:left;
}
.checkboxList
{
	width: 400px;
}
.formCheckboxL
{
    width: 200px;
}
.formCheckboxR
{
    padding-left: 5px;
}
.formButton
{
	padding-left: 3px;
	padding-right: 3px;
}
/* end of lead form */

/* table styling on news and sdps page */
table.newslist
{
	border-color: #ff6600;
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;
}
td.newsHeader
{
	background-color: #ff6600;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana;
}
td.news
{
	border-color: #ff6600;
	border-style: solid;
	border-width: 1px;
	color: black;
}

table.sdpslist
{
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;
}
TH.service {
	background-color: #cccccc;
	vertical-align: bottom; 
	font-size: 10pt;
	font-weight: bold;
	text-align: right; 
	border-right: solid 1px black;
}
TD.service {
	text-align: right; 
	padding-bottom: 10px; 
	background-color: #cccccc; 
	padding-left: 0px; 
	padding-right: 5px; 
	padding-top: 10px;
	border-top: solid 1px black;
}
TH.sdps {
	background-color: #ff6600; 
	width: 60px; 
	color: white; 
	font-size: 10pt; 
	vertical-align: bottom;
}
TD.sdps {
	text-align: center; 
	border-left: solid 1px black; 
	line-height: 125%; 
	border-top: solid 1px black;
}

/* IMC video thumbnail */
.video_play
{
	position: absolute; 
	left: 47px; 
	top: 35px; 
	z-index: 2;
}

.video_play a
{
	background-image:url(/SiteCollectionImages/play.png);
	background-position:0 0;
	cursor:pointer;
	display:inline-block;
	height:38px;
	width:38px;
}
.video_play a:hover
{
	background-image:url(/SiteCollectionImages/play_hover.png);
}
.footerList
{
	width: 900px;
}

.footerList .left,
.footerList .center,
.footerList .right
{
	float: left;
	text-align: left;
	font-size: 11px;
	vertical-align: top;
}
.footerList .left,
.footerList .center
{
	width: 350px;
}
.footerList .right
{
	width: 200px;
}

.footerList a
{
	text-decoration: none;
	color: #FFF;
}
.footerList .listHeader,
.footerList .listHeader a
{
	font-weight: bold;
	font-size: 12px;
	color: #0026FF;/*16E3FF; FF6600;*/
	text-decoration: none;
}
