@import url("css/menu.css");

/* CSS Document */
#Body {background:#b6b6b6; height:100%; margin:0; padding:0;}

/* ControlPanel style */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}

/*-------- Default Style --------*/
body,th,td,table,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input, .CommandButton{color:#2E3D47; font-family:Verdana, Arial, Helvetica, sans-serif;}
body,th,td,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:12px;}
h1, h2, h3, h4, h5, h6, h2 input{color:#375162;font-weight:bold;margin:1ex 0;}
h1{font-size:18px;margin:10px 0;}
h2, h2 input{font-size:14px;}
h3{font-size:13px;}
h4{font-size:12px;}
h5{font-size:11px;}
h6{font-size:10px;}

.blurbContent div h1{font-size:28px;}
.blurbContent div h3{font-size:18px; font-weight: normal;}
.blurbContent h2{font-size:28px; font-weight: normal; padding-top: 5px;}
.blurbText {padding-top: 10px; padding-bottom: 0px; line-height: 1em; padding-left: 30px; color: #242164; font-size: 14px; font-weight: normal;}

blockquote {
	float: left;
	margin-left: 0px;	
	padding-left: 40px;
	padding-top: 20px;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.6em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #242164;
	background: transparent url(images/openQ-fs8.png) no-repeat top left;

}
.quoted{
	margin-right: -30px;
        height: 40px;
        float: right;
        padding-right: 50px;
        line-height: 5em;
	background: transparent url(images/closeQ-fs8.png) no-repeat right;
}

a.tempRed:link{color:#375162;font-weight:bold; font-size; 30px;}

a,a:link,a:visited,a:active{color:#3E81B5; text-decoration:none; font-weight:normal; }
a:hover{color:#F68227; text-decoration:underline;}
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:Verdana, Arial, Helvetica, sans-serif;}
.Head{color:#2E3D47;font-weight:bold;}
.SubHead {color:#4C6171;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}

/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*-------- design style --------*/
body{background-color: #b6b6b6; margin: 0px; padding: 0px; text-align: center;}
.wrapper{width: 980px; padding: 0px; margin: 10px auto 0px; text-align: left; border: 1px solid #211f5f; background-color: #ebebeb;}
.header{width: 980px; height: 100px;}

.menu{background: url('images/menuBG-fs8.png') no-repeat top left #211f5f; height: 34px; width: 980px;}
.supportLink{background: url('images/supportIcon-fs8.png') no-repeat top right transparent; height: 35px; width: 110px; float:right; margin-top: -5px; margin-right: 5px; padding-top: 0px; color: #ffffff; vertical-align: middle;}
.supportLinkIE{position:absolute; top: 200px; background: url('images/supportIcon-fs8.png') no-repeat top right transparent; height: 35px; width: 110px;}

.BannerPane{margin-top: 10px; margin-left: 19px; margin-right: 19px; width: 940px;}
.ContentPane{margin:20px; width: 940px;}
.InnerContentPane{margin:20px; width: 640px; float:left;}
.InnerContentPane2{margin:20px; width: 900px; float:left;}
.RightPane{float:right; margin-top: 20px; margin-right:20px; width:274px;}
.RightPane2{float:right; margin-top: 20px; margin-right:20px; width:244px;}
.FooterPane{background: url('images/footerBG.jpg') no-repeat top left; height: 180px; width: 980px; clear: both; }
.subfooter{width: 980px; margin: 0px auto; color: white; display: block;}
.subfooterLeft{width: 900px; float: left; text-align: left; color:#3E81B5;}
.contentWrapper{
  display:block; clear: both; margin-top: 20px; margin-left: 10px; margin-right:10px; margin-bottom: 20px;

  border: 1px solid #ababab;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  background: -moz-radial-gradient(0% 100%, cover, #e1e1e1 0%, #fff 100%);
  background: -webkit-gradient(radial, 20% 99%, 0, 20% 99%, 900, from(#e1e1e1), to(#fff));
  background-color: #ffffff;
}

.contentWrapper2{
  display:block; clear: both; margin-top: 20px; margin-left: 10px; margin-right:10px; margin-bottom: 20px;

  border: 1px solid #ababab;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  background-color: #ffffff;
}
.pivocomButton{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 26px;
	height: 17px;
	background: url('images/pivocom_logo_26x34.png') bottom;
	text-indent: -99999px;	
}

.pivocomButton:hover{
	background-position: 0 0;
}

.HeaderSlogan{
	font-size: 14px;
	line-height: 1em;
	font-style:italic;
	font-weight: bold;
}
.HeaderSloganDiv{
	text-align: center;
	width: 260px;
	float: right;
}
.footerMenu{
	margin-left: 35px;
	margin-top: 24px;
	font-size: 20px;
}
.footerMenu a{
	color: #eeeeee;
	font-size: 14px;
	font-weight: bold;
}


.logo{width: 290px; height:82px; margin-top: 9px; margin-left: 20px; float:left;}
.middleHeaderWrapper{float: left; height: 45px; margin-top: 30px; margin-left: 140px;}
.rightHeaderWrapper{float: right; width: 360px; height: 98px;}
.search{width: 240px; height: 24px; margin-top: 10px; margin-right: 10px; float:right; }
.HeaderContentPane{width: 340px; height: 40px; margin-top: 8px; margin-right: 20px; float: right; clear: top; text-align: right;}
.SearchButton{position:absolute;}
.clr{clear:both; line-height:0; font-size:0; height:0;}

/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}

a.white:link, a.white:visited{color:#ffffff; font-weight:bold; text-decoration:none;}
a.white:hover{color:#f68227; text-decoration:underline;}

a.CommandButton:link, a.CommandButton:visited{color:#f68227; font-weight:bold; text-decoration:none;}
a.CommandButton:hover{color:#3E81B5; text-decoration:underline;}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{color:#f68227; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:hover, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{
font-size:11px;}
.ControlPanel a[disabled="disabled"]{color:#888 !important;text-decoration:none !important;}

/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{color:#3E81B5;}
a.Breadcrumb:hover{color:#f68227;}

/*-------------- Link Style --------------*/
.linkscontainer{padding-top:20px;text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#3E81B5; text-transform:uppercase;}
a.links:hover{color:#f68227;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#3E81B5;}
a.user:hover{color:#f68227;}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#3E81B5; font-size:12px;}
a.footer:hover{color:#f68227;}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 180px; height: 24px; border: solid 1px #211f5f; float:left; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding-top: 2px; padding-left:3px; display: block; float:left; }
div.SearchContainer a img{padding-left:5px;}
div.SearchIcon{float: left; width: 31px; height: 24px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 3px;}

input.SearchTextBox{float: left; z-index: 10; border: 0; width:130px; height:18px; margin-left:3px; color: #43494D;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}


/*Div Markups*/
div.homeBlurbsWrapper{
overflow-x: hidden; 
overflow-y: hidden; 
background-color: #ffffff; 
margin-top: 2px; 
min-height: 360px; 
width: 580px; 
float: left; 
margin-left: 28px;   
border-top-left-radius: 1em 1em; 
border-top-right-radius: 1em 1em; 
border-bottom-right-radius: 1em 1em; 
border-bottom-left-radius: 1em 1em;
border: #b2b2b2 1px solid;

}

div.homeBlurbsContent{
padding-bottom: 10px; 
padding-left: 10px; 
padding-right: 10px; 
padding-top: 10px;
background-color: white; 
border-top-left-radius: 1em 1em; 
border-top-right-radius: 1em 1em; 
border-bottom-right-radius: 1em 1em; 
border-bottom-left-radius: 1em 1em;
}

/* Minimal Entropy Example Styles */
.linkscontainer_left{padding:0; background:url(images/left_bg.png) repeat-y bottom left;}
.linkscontainer_right{padding:0; background:url(images/right_bg.png) repeat-y bottom right;}
.linkscontainer_pad{background:url(images/center_bg.png) repeat-x bottom left; margin: 0 19px 0 7px; padding:0 0 10px 10px;height:100%;}

.tag_bg{padding:0; margin: 0 19px 0 7px; background:url(images/bread_bg.png) repeat top left; min-height:68px;}
.tag_left{padding:0; margin:0; background:url(images/bread_left.png) repeat-y top left; min-height:68px;}
.tag_right{padding:0;  background:url(images/bread_right.png) repeat-y top right; min-height:68px;}

#tag_style{display:table; margin:0 auto; padding:0; white-space:nowrap;}
#tag_style ul.categories, #tag_style ul.tags{min-height:34px;max-height:34px;height:34px;}

.phone{font-size: 22px; font-weight: bold; color: #211f5f; font-family: helvetica;} 

table#calcTable td{font-size: 14px; font-weight: bold; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; vertical-align:middle;}

.subText{font-size: 12px; font-weight: normal;}
/*=======================================
* Tooltips
* ======================================*/
.tooltip{
   position: absolute;
   padding: 10px 13px;
   z-index: 2;
   width: 180px;
   
   color: #242164;
   background-color: #bebcd1;
   border: 2px dotted #432f63;
   
   font-family: Arial;
   font-size: 12px;
	
   line-height: 18px;
   text-align: left;
}

   .tooltip h3{
      margin: 0 0 5px;
      text-align: left;
   }

.inputArea{
background-color: #ebebeb;
padding: 10px;
margin-left: 4px;
width: 360px;

}
.inputAreaB{
background-color: #ebebeb;
padding: 10px;
margin-left: 4px;
width: 764px;
min-height: 200px;
}

.inputAreaC{
background-color: #ebebeb;
padding: 10px;
margin-left: 4px;
width: 764px;
min-height: 200px;
border: 4px #201e5e solid;
}

.tabs img {	
	cursor:pointer;	
}
.panes {		
	width:625px;
	min-height:220px;	
	float: left;
}
.panes .arrow {
	width:15px;
	height:19px;
	background:transparent url(images/arrow-fs8.png);
    background-repeat: no-repeat;	
	font-size:1px;
	position:relative;
	float: left;
	margin-right: -1px;
}
.panes .blurbContent{
	width:600px;
	min-height:200px;
	background-color:#ffffff;
	border:1px solid #b2b2b2;	
	float: left;
	padding:20 20px;
	margin-top: 0px;
	text-align: left;	
	margin-bottom: 20px;
	height: 342px;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}
#defaultX .spacer{
	width:15px;
	height:19px;	
	font-size:1px;
	position:relative;
	float: left;
	margin-right: -1px;
}
#ceoX .arrow {
	margin-top:30px;
	
}
#hrX .arrow {
	margin-top:100px;
	
}
#itX .arrow {
	margin-top:170px;	
}
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#d2d2d2;
	
	padding: 35px; 
	
	width:640px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 20px 5px #000;
	-webkit-box-shadow: 0 0 20px #000;
	
	text-align: left;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url('http://flowplayer.org/tools/img/overlay/close.png');
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
div.overlay_wrap{
	height: 441px;
	overflow-y:auto;
}

	/* some styling for triggers */
	#triggers {
		text-align:center;
	}
	
	#triggers img {
		cursor:pointer;
		margin:0 5px;
		background-color:#fff;
		border:1px solid #ccc;
		padding:2px;
	
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		
	}
	
	
	
	/* styling for elements inside overlay */
	.details {
		position:absolute;
		top:15px;
		right:15px;
		font-size:11px;
		color:#fff;
		width:150px;
	}
	
	.details h3 {
		color:#aba;
		font-size:15px;
		margin:0 0 -10px 0;
	}
	
	.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	list-style-type: none;
	
}

/* single tab */
.tabs li { 	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
	list-style-type: none;
}
.Qs {
	cursor:pointer;
}

div.infoGraphic {
	background: url('images/5circle-fs8.png') no-repeat #ffffff 50% 70%;
	border:1px solid #b2b2b2;	
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
	width: 600px;
	height: 400px;
	margin: 20px 10px;	
	text-align: center;	
}
div.ig1{
margin-top: 32px;
}
div.ig2{
float: left;
margin-top: 110px;
margin-left: 65px;
}
div.ig3{
float: right;
margin-top: 110px;
margin-right: 75px;
}
div.ig4{
clear: both;
float: left;
margin-top: 110px;
margin-left: 110px;
}
div.ig5{
float: right;
margin-top: 110px;
margin-right: 110px;
}