﻿/* CSS Document */
html {
	margin: 0;
	padding: 0;
	color: #000;
	font: 11px  Arial, Helvetica, sans-serif;	
}
body {
	margin: 0;
	padding: 0;
	height:	100%;
	background:#013e7f url('../images/bg.jpg') repeat-x;
}
table{
	font: 11px  Arial, Helvetica, sans-serif;	
}
img{
	border: 0px;
	margin-left:0;
	margin-right:5px;
}
a{
	text-decoration: none;
	font-size: 11px;
	color:#0098aa;
}
a:hover{
	text-decoration: underline;
}
/*
p{
	margin: 3px 0px;
	padding: 3px 0px;
}*/
#container {
	position: relative;
	width: 925px!important;
	height:	auto !important;
	margin: 0px auto;
	background:#FFF;
}
.hiddenpic{
	display:none;
}
h1 {
	color: #000;
	font-size:28px;
}
h2 {
	font-size: 14px;
	color: #000;
}
h4 {
	font-size: 14px;
	color: #000;
}
.clearall{
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: none;
}
/*Form styles*/
form{
	margin: 0px;
	padding: 0px;
}
form p {
	margin: 1px 0px;
	padding: 2px 0px;
}
/*EOF common files*/

#homepage{
	padding:0;
	background:white url('../images/content-bg.jpg') repeat-x;	
}

#subpage{
	padding:0;
}


#headerdiv{
	float:left;
	padding:15px 21px 0 20px;
}
#topmenu {
	text-align:right;
	line-height:22px;
	padding:15px 15px 40px 600px;
}
#topmenu a{
	color:#000;
}
#topmenu a:hover{
	color:#0098aa;
	text-decoration:underline;
}
#topmenu span{
	padding:0 3px;
}
#topmenu div{
	display:inline;
}
#topmenu form{
	display:inline;
	padding-left:5px;
}

#tag a:link, #tag a:visited{
	line-height:27px;
	padding-left:15px;
	padding-right:15px;
	color:#cccccc;

}
#tag a:hover{
	background: url(../images/menuactive-bg.jpg) repeat-x;
	text-decoration:none;
}
#mod_search_searchword{			/*IE diff*/
	width: 100px;
	border:1px solid #162934;
	height:15px;
	vertical-align:middle;
	color:#0098aa;
	font-size:11px;
	padding:1px;
}
#searchgo{
	position:relative;
	vertical-align:middle;
	padding-left:5px;
}
#login{
	text-align:right;
	float:right;
	margin-top:2px;
	margin-right:10px;
}

#login a:link, #login a:visited{
	color:#f2f2f2;
	font-weight:bold;
}

#login a:hover{
	color:#cccccc;
	font-weight:bold;
	text-decoration:none;
}

#mainmenu{
	background:#fff url('../images/menu_bg.jpg') repeat-x;
	padding:0;	
	margin:0;
}
#mainmenu a{
	color:#fff;
	display:block;
	float:left;
}
#mainmenu a.mainlevel{
	line-height:27px;
}
#mainmenu li{
	list-style: none;
}
/*menu*/
/* remove all the bullets, borders and padding from the default list styling */
#mainmenu ul {
	padding:0;
	margin:0;
	height:29px;
}
#mainmenu ul#mainlevel{
	/*border-left:1px #666 solid;*/
	/*border-top:1px solid #ced2d5;*/
}
#mainmenu ul#mainlevel li.mainlevel,#mainmenu ul#mainlevel li.mainlevel_current,#mainmenu ul#mainlevel li.mainlevel_active{
	/*background: url(../images/menuactive-bg.jpg) no-repeat right bottom;*/
}	
#mainlevel li.mainlevel_current a.mainlevel{
	background:url(../images/menuactive-bg.jpg) repeat-x;
}
#mainmenu a.mainlevel{
	padding:0 16px;
}
#mainmenu a.mainlevel:hover{
	background: url(../images/menuactive-bg.jpg) repeat-x;
	text-decoration:none;
}
#mainmenu :hover > a {
	background:url(../images/menuactive-bg.jpg) repeat-x;
}
#mainmenu li.mainlevel_active a.mainlevel{
	background:url(../images/menuactive-bg.jpg) repeat-x;
}

#mainmenu li.mainlevel:hover{
	background:url(../images/menuactive-bg.jpg) repeat-x;
}

#mainmenu li.mainlevel_current ul{
	display:none;
}
#mainmenu li.mainlevel_active ul{
	display:none;
}
/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#mainmenu ul li {
	float:left;
}
/* style the sub level list items */
#mainmenu ul ul li {  			/*IE diff*/
	display:block;
	position:relative;
	background:#fff;
	top:7px;
	/*border-right:1px solid #ccc992 ;
	border-left:1px solid #ccc992 ;*/
}
#mainmenu ul ul ul li{
	top:0;
}
#mainmenu ul ul ul{			/*IE diff*/
	border-top:1px solid #ced2d5;
	width:158px;
	margin-top:-1px;
}
/* style the sub level links */
#mainmenu ul ul a, #mainmenu ul ul a:visited {
	width:130px;
	color:#002663;
	border-bottom:1px solid #ced2d5;
	padding:4px 10px 5px 16px;
}
#mainmenu ul ul a:hover{
	color:#fff;
	background:#002663;
	text-decoration:none;
}
#mainmenu ul table ul a, #mainmenu ul table ul a:visited  {
	width:148px; 
	width:128px;
}
/* style the table so that it takes no part in the layout - required for IE to work */
#mainmenu table {
	position:absolute; 
	left:0; 
	top:1px; 
	z-index:-1;
}
#mainmenu ul ul table {
	left:-1px;
}
#mainmenu ul ul table ul {
	margin-top:-2px;
}
#mainmenu li:hover {
	position:relative;
}
* html #mainmenu a:hover {
	position:relative;
}
#mainmenu ul ul :hover > a {
	color:#fff;
	background:#002663;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#mainmenu ul ul {
	visibility:hidden;
	position:absolute;
	top:21px;
	left:0;
	width:156px;
}
#mainmenu ul ul ul{
	visibility:hidden;
	left:156px;
	top:0;
}
/* make the second level visible when hover on first level list OR link */
#mainmenu ul li:hover ul, #mainmenu ul a:hover ul {
	visibility:visible; 
	padding-bottom:3em;
	background:none;
}
/* keep the third level hidden when you hover on first level list OR link */
#mainmenu ul li:hover ul ul,#mainmenu ul a:hover ul ul{
	visibility:hidden;
}
#mainmenu ul li:hover ul, #mainmenu ul a:hover ul {
	visibility:visible; 
}
#mainmenu ul ul li:hover ul, #mainmenu ul ul a:hover ul {
/*	visibility:visible; */    /*uncomment this to show third level elements*/
}
#mainmenu li.menuend{
	width: 1px;
	height:29px;
}
/*#homepagecontent{			IE diff	
margin-left:600px;
}*/
#leftcontent{
	float:left;
	width:560px;
	margin:20px 0 0 0;
	color:#000;
	padding:0 21px 0 15px;
	min-height:250px;
}

#rightcontent{			/*IE diff*/
	float:left;
	width:282px;
	padding-left:20px;
	min-height:350px;
}

#rightcontent h1{			
	font-size:15px;	
}

#latestnews{			/*IE diff*/
	padding-top:20px;
	margin-left:580px;
}

.moduletablelatestnews h3{
	display:inline;
	color:#0098aa;
	font-size:20px;
	font-weight:bold;
	padding:4px 50px 13px 12px;
	font-family: "HelveticaNeue Condensed";
}

.moduletablelatestnews ul{		/*IE diff*/
	list-style-type:none;
	padding:0;
	margin:0;
	border-top:5px solid #0098aa;
	padding-bottom:10px;
	width:280px;

}
.moduletablelatestnews li{
	line-height:28px;
	background: url(../images/li_icon.gif) no-repeat 0 12px;
	border-bottom:1px dotted #0098aa;
	/*background: url(../images/dotted-line.gif) no-repeat left bottom;*/
	padding:0 8px;
	color:#002663;
}


.moduletablelatestnews span.date{
	width:100px;
	display:block;
	float:left;
}
.moduletablelatestnews a{
	color:#002663;
	padding:0 0 5px 5px;
	display:block;
	font-size:12px;
}
.moduletablelatestnews a:hover{
	color:#0098aa;
	text-decoration:none;
}

#latestsnapshots {
	float:right;
	width:270px;
	height:200px;
	padding:20px 35px 0 0;
	color:#0098AA;
}

#latestsnapshots h3{
	color:#0098aa;
	font-size:22px;
	font-weight:bold;
	font-family:"HelveticaNeue Condensed";
	border-bottom:5px solid #33adbb;
}

#latestsnapshots a:link, #latestsnapshots a:visited{
	font-weight:bold;
	color:#0098aa;
}
.contentpaneopenhome{
	padding-bottom:15px;
}
.contentpaneopenhome{		/*IE diff*/
	min-height:94px;
}
#footer{
	clear:both;
	height:60px;
	border-top:#0098aa 1px solid;
	padding-top:5px;
	padding-left:5px;
	margin:5px 20px 0 20px;
}
#footer img{
	padding:0 4px;
}
#footer div{
	display:inline;
}
#footer a{
	color:#000;
	margin:0 2px;
	font-size:9px;
}
#footer a:hover,#footer a#active_menu{
	color:#0098aa;
	text-decoration:underline;
}
span.copy{
	padding-right:180px;
	padding-left:160px;
}
/*plain-inner-tempalte*/
#pathway {				/*IE diff*/
	color:#0098aa;
	padding:10px 0 0 20px;
	font-weight:bold;
	float:left;
	
}
#pathway a{
	color:#0098aa;
	font-weight:normal;
	padding:0 0 0 5px;

}
#pathway a:hover{
	color:#0098aa;
	font-weight:normal;
	text-decoration:underline;
}

#pathway img,#cspathway img,.searchpath img{
	vertical-align:middle;
	margin:0 7px;
}
#plain-content,#csinnercontent{			/*IE diff*/
	background:#fff;
	color:#000;
	min-height:560px;
	padding:0 21px 10px 0;
}

#leftmenu{
	float:left;
	width:170px;
	/*border-top:1px solid #263D51;*/
	padding:20px 0 0 15px;
	background:white url('../images/leftmenu-bg.jpg') repeat-x;
	min-height:560px;
}
#leftmenu ul{
	padding:0;
	margin:0;
	list-style-type:none;
	width:160px;
}
#leftmenu ul li.mainlevelleft{
	display:none;
}
#leftmenu a{
	color:#002663;
	line-height:15px;
	margin-bottom: 1px;
	display:block;
	border-bottom:1px dotted #002663;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	f
}
#leftmenu ul ul ul{
	display:none;
}
#leftmenu ul ul li.sublevel_currentleft ul,#leftmenu ul ul li.sublevel_activeleft ul{
	line-height:45px;
} 						/*comment this to hide third level element*/
#leftmenu ul ul ul a{
	padding-left:25px;	/*comment this to not give left pad for third level element*/
}
#leftmenu a.mainlevelleft{
	display:none;
}
#leftmenu a:hover{
	color:#000;
	text-decoration:none;
}
#leftmenu li.menuend{
	display:none;
}
#leftmenu a#active_menuleft{
	font-weight:bold;
	color:#002663;
}
#rightinnerplain{
	float:left;
	width:644px;
	padding-left:20px;
	background:#fff url('../images/subcontent-bg.gif') no-repeat right top;
	min-height:500px;
}
#rightinnerplain h1{
	margin:20px 0 20px 0;
}

#rightinnerplain a,#rightcontentcs a,.sitemap a{
	color:#0098aa;
	text-decoration:underline;
}
#rightinnerplain a:hover,#rightcontentcs a:hover,.sitemap a:hover{
	color:#263D51;
	text-decoration:none;
}
#cscontent{
	background:#fff;
	clear:both;
}
#csinnercontent{
	background-color:transparent;
}
#csleft{
	float:left;
}
#cspathway{
	padding:19px 0;
	font-weight:bold;
}
#cspathway a{
	color:#000;
	font-weight:normal;
}
#rightcontentcs{
	width:423px;
	float:left;
	/*border-top:1px solid #cdc992;*/
}

#cs,#sharediv{				/*IE Diff*/
	float:right;
	width:186px;
	min-height:310px;
}
#casestudie{
	width:177px;
	margin:12px auto 10px auto;
	color:#fff;
}
#casestudie img{
	margin-bottom:9px;
	display:block;
}
.readon, .readoncs{
	text-decoration:none;
	font-weight:normal;
	
}
a.readon:hover{
	text-decoration:underline;
}/*
.readoncs{
 	background: url(../images/rcs-off.gif) no-repeat left 2px;
	clear:both;
	margin-bottom:15px;
}
a.readoncs:hover{
 	background: url(../images/rcs-on.gif) no-repeat left 2px;
}*/
h2.menutitle{
	display:none;
}
.sitemap{
	/*border-top:1px solid #CDC992;*/
	width:100%;
	margin-top:30px;	
}

.sitemap h2{
	/*border-top:1px solid #CDC992;*/
	width:100%;
	font-size:22px;
}

.sitemap ul ul li{
	padding-bottom:0;
	line-height:20px;
	list-style-type:none;
}
.sitemap ul li{
	padding-bottom:28px;
}
.sitemap ul.level_0{
	margin:0 0 0 0;
}
.sitemap ul{
	list-style-type:none;
	margin-top:0;

}
/*.share{
	font-size: 18px;
	line-height: 22px;
	border-bottom: 1px solid #0098aa;
	margin-bottom:15px;
}*/
#share{
	margin-left:550px;
	margin-top:0px;
	padding-top:26px;
}

/*#sharediv{				IE Diff
	min-height:120px;
}
#rightvideo{
	width:298px;
	margin-right:20px;
	float:left;
}
#video{
	width:326px;
	float:left;
	padding-top:80px;
}*/
.contentpaneopencs h1, .contentpaneopensnapshots h1{		
	font-size:16px;
	color:#0098aa;
}
.contentpaneopencs img{
	float:right;
	margin:0 0 10px 10px;
}
.contentpaneopencstudy img{
	float:right;
	margin:0 0 10px 10px;
}
/*
.createdate{
	color:#0098aa;
	padding-bottom:5px;
}*/
.misccontent,#emailForm{
	float:left;
	width:280px;
}
.description{
	margin:10px 0;
}

#emailForm{
	padding-bottom:30px;
}
#emailForm input{
	border:1px solid #e0e1e3;
	width:255px;
	font-size:10px;
	color:#333;
	padding:4px 2px;
}
#emailForm textarea{
	height:162px;
	border:1px solid #e0e1e3;
	width:255px;
	color:#333;
}
#emailForm .button{
	border:0px;
	width:45px;
	height:17px;
	background:url(../images/send.jpg);
	line-height:5px;
}
.searchdiv{
	float:left;
	padding-bottom:10px;
	/*border-top:1px solid #CDC992;*/
	width:100%;
}
.searchdiv .result{
	font-weight:bold;
	color:#0098aa;
}
.searchdiv a{
	color:#0098aa;
	text-decoration:underline;
}
#ajaxstock{
	margin-left:160px;
}
#ajaxstock .stockrate{
	color:#0098aa;
	font-family:"HelveticaNeue Condensed";
	font-weight:bold;
	font-size:30px;
}
#ajaxstock .stockdiff{
	font-weight:bold;
	font-size:18px;
	font-family:"HelveticaNeue Condensed";
	color:#0098aa;
	padding-left:5px;
	display:inline;
}
#ajaxstock .date{
	font-size:10px;
}

#stockarrow{
	/*position:absolute;*/
	padding-left:5px;
	display:inline;
}

#casestudie div{
	display:inline;
}
.allvideos{
	float:right;
	margin-left:10px;
	height:100%;
}
.searchpath{
	padding-left:13px;
}

.article_seperator{
	line-height:50px;
}

.message{
	font-size:15px;
	color:#0098aa;
	font-weight:bold;
	margin-top:10px;
}
.contentpagetitle{
	font-size:12px;
}

.highlight{
	font-weight:bold;
	color:#0098aa;
}