﻿
/*** HOME PAGE TAB SYSTEM ***/
.verticalTabs {
	width: 210px;
	float: left;
	margin: 20px 0px 0px 20px;
	padding: 0;
}
.verticalTabs li {
	list-style-type: none;
}
.tab {
	height: 41px;
	line-height: 41px;
	text-align: left;
	font-size:12px;
	padding: 0px 0px 5px 65px;
	color: #ffffff;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-position: top left;
}
#tab0 {	background-image:url("/images/st_sprite.gif") }
#tab1 {	background-image:url("/images/exec_sprite.gif") }
#tab2 {	background-image:url("/images/it_sprite.gif") }
#tab3 {	background-image:url("/images/dev_sprite.gif") }
.tab a:link, .tab a:visited, .tab a:hover {
	color: #ffffff;
	text-decoration: none;
	display: block;

}
.activeTab {
	background-repeat: no-repeat;
	background-position: top right;
}

.tabContent {
	width: 349px;
	height: 176px;
	float: left;
	display: none;
	padding: 8px 36px 0px 40px;
	margin-top: 22px;
	color: #000000;
	background:url("/images/home_box.gif") no-repeat top center;
	overflow:hidden;
}

.tabContent span 
{
	font-size: 11px;
}

.tabContent h1 {
	padding:0px;
	margin:0px;
	font-size: 1.3em; 
	font-weight: bold;
	font-variant:small-caps;
}

.tabContent p {
	font-size: 1.1em; 
}

.welcome {
	color: #cc3333;
}
.executive {
	color:#ff9600;
}
.it {
	color:#4e9e00;
}
.developer {
	color:#4959a7;
}
.tabContent a:link, .tabContent a:visited, .tabContent a:hover {
	color: #004676;
}
.tabContentActive {
	display: block;
}

/*** HOME DISCOVERY SECTION ***/
.discoveryContainer {
	float:right; 
	width:268px; 
	margin-right:27px; 
	margin-top:10px;
}
.discoveryHeader {
	background-image:url("/images/discovery_head.gif"); 
	background-repeat:no-repeat; 
	height:32px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:22px; 
	color:#FFFFFF; 
	text-align:center; 
	padding-top:8px;
}
.discoveryBody {
	background-image:url("/images/discovery_bg.jpg"); 
	background-repeat:no-repeat; 
	color: #333333;
	height:389px;
	padding: 0 2px;
}
.discoveryItem {
	height:auto;
	padding: 10px 12px;
	font-size:11px;
	clear: both;
}
.discoveryItemOver {
	height:auto;
	padding: 10px 12px;
	background-color:#cdedf8;
	font-size:11px;
	cursor:pointer;
	clear: both;
}

/*** HOME ACTION ITEMS ***/
.actionStrip {
	clear:right; 
	margin:12px 20px 0px 20px;
}
.actionBG {
	float:left; 
	width:282px; 
	height:81px;
}
/* IE ignores styles with [attributes], so it will skip the following. */
.actionBG[class] {
	background-image:url("/images/action_bg.png");
}
.actionHeadline {
	font-size:14px;
	font-weight:bold;
	color:#e4422b;
	text-transform:uppercase;
	text-align:center;
	margin:16px 10px 8px 10px;
}
.actionHeadline a ,
.actionHeadline a:visited {
	color:#e4422b;
	text-decoration:none;
}
.actionHeadline a:hover {
	color:#003466;
	text-decoration:underline;
}
.actionText {
	color:#00396c;
	text-align:center;
	font-size:11px;
}

/*** HOME PAGE TAGS ***/
.homeMainContainerBG {
	background-image:url("/images/contentbgtop_home.jpg"); 
	background-repeat:no-repeat;
}
.homeSideBar {
	background-image:url("/images/featurebg_home.jpg"); 
	background-repeat:no-repeat; 
	height:515px; 
	width:233px;
}
.homeFeaturesBG {
	background-image:url("/images/contentbgbottom_home.jpg"); 
	background-repeat:no-repeat;
}
.featureTabContainer {
	height:65px; 
	width:349px; 
 
	background-position:top left; 
	background-repeat:no-repeat;
}
.tab01 {
background-image:url("/images/tab_exec.gif");
}
.tab02 {
	background-image:url("/images/tab_it.gif");
}
.tab03 {
	background-image:url("/images/tab_dev.gif");
}
.featureTabText {
	color:#FFFFFF; 
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	line-height:11px;
	margin-left:84px;
}

.BillControlBox {
	cursor: pointer;
	padding: 2px 5px 2px 5px;
	border: solid 1px #003462;
	border-left: none;
	background-color:Transparent;
	float:left;
	width: 8px;
}
.BillControlBoxOn {
	cursor: pointer;
	padding: 2px 5px 2px 5px;
	border: solid 1px #003462;
	border-left: none;
	background-color:#df4b31;
	float:left;
	width: 8px;
}


