/*------------------- Copyright 2008 Iceberg Software Limited----------------------*/




/*-------------------Body Elements----------------------*/
body 
{
	font-family: Verdana;
	margin: 0 auto;
	font-size: 100%;
}

.noimageborder {
	border-width: 0px;
	cursor:pointer;
}





/*------------------- Header Positioning and Elements ----------------------*/


#HeaderHolder{
	margin-left: auto;
	margin-right: auto;
	height: 90px;
	width: 915px;
	background-color: #fff;
	padding-left: 15px;
	padding-right: 0px;
}

.bluebrder{
	width: 900px;
	height: 25px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}

#SiteMap{
	margin-left: auto;
	margin-right: auto;
	height: 14px;
	width: 920px;
	font-size: 60%;
	color: #666666;
	text-align: left;
	padding-top: 2px;
	text-decoration: none;
	padding-left: 20px;
}

#SiteMap a{
	text-decoration:none;
	color: #666666;

}

#SiteMap a:hover{
	text-decoration:none;
	color:#a4e90c;
}


#SimpleKPI{
	height: 80px;
	width: 300px;
	float: left;
	padding-top: 10px;
		border-width: 0px;
}

#OnlineReporting{
	height: 20px;
	width: 200px;
	float: right;
	text-align: right;
	color: #3bafe0;
	font-size: 140%;
	padding-top: 6px;
}



#dropmenudiv{
	margin-top:0px;
position:absolute;
border:1px solid #ffffff;
border-bottom-width: 0;
font:bold 65% Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent:20px;
border-bottom: 1px solid #ffffff;
padding: 1px 0;
text-decoration: none;
	color: #fff;
cursor:pointer;

}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #ffffff;
color:#ffffff;
background: url('../images/SimpleKPI_Navigation_Green_Menu.gif') #fff bottom left repeat-x;

}

.theonly{
	float: right;
	background-image: url('../images/log_in.jpg');background-repeat:no-repeat;
	width:580px; height:76px;
}

.login, login:hover{
	float:right;
	width:70px;
	height:24px;
	background-image:url('../images/log_blue.gif'); background-repeat:no-repeat;
	margin-top:10px; margin-right:10px;
	display:block;
}

.login:hover{
		background-image:url('../images/log_green.gif'); background-repeat:no-repeat;
		cursor:pointer;
}

.register, register:hover{
	float:right;
	width:78px;
	height:24px;
	background-image:url('../images/reg_blue.gif'); background-repeat:no-repeat;
	margin-top:10px;
	display:block;	
}

.register:hover{
			background-image:url('../images/reg_green.gif'); background-repeat:no-repeat;
		cursor:pointer;

}


/*------------------- Navigation Positioning and Elements ----------------------*/


#NavigationHolder{
	margin-left: auto;
	margin-right: auto;
	height: 30px;
	width: 900px;
	font-size: 65%;
	background-color: #FFFFFF;
	font-weight: bold;
	background-color: #fff;
	padding-left: 15px;
	padding-right: 15px;
}


.navbar ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	height: 30px;
	background-color: #fff;
	font-size: 110%;
}

.navbar li
{
	float: left;
	margin: 0 0px;
	height: 30px;
}


.navbar li.current {


	height: 30px;
	line-height: 30px;
	float: left;
	display: block;
	color: #c1d82e;
	text-decoration: none;
	text-align: left;
}



.navbar li a, .navbar li a:hover

{
	height: 30px;
	float: left;
	line-height: 30px;
	display: block;
	color: #a0a7ad;
	text-decoration: none;
	text-align: left;
}

.navbar li a:hover
{
	color: #c1d82e;
}

.navbar
{
	width: 700px;
	height: 30px;
	background-color: #fff;
	float: left;
} 



#HomePageHeader{
	margin-left: auto;
	margin-right: auto;
	height: 200px;
	width: 900px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #fff;
}

#GradientSplitter{
	margin-left:auto;
	margin-right:auto;
	height:10px;
	width:898px;
	background-image:url('../images/SimpleKpi_Splitter.gif');
	background-repeat:repeat-x;
}

#MainContent{
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	width: 900px;
	background-color: #fff;
	background-repeat: repeat-x;
	padding-left: 15px;
	padding-right: 15px;
}

#homeNavbtns{
	margin-left: auto;
	margin-right: auto;
	height: 75px;
	width: 930px;
	background-color: #fff;
	text-align: center;
}



#LeftContent{
	float:left;
	height:100%;
	width:650px;


}

.menugrey{
	color:#777777;
	text-decoration:none;
}


#RightContent{
	float: right;
	height: 100%;;
	width: 230px;
	background-repeat: repeat-y;
	text-align: right;
}

h1 {
	font-size: 11pt;
	color: #666666;
	margin-left: 30px;
	margin-top: 30px;
}


h2 {
	font-size: 80%;
	color: #666666;
	margin-left: 30px;
	margin-top: 10px;
}

h3 {
	font-size:115%;
	color:#3E3E3E;
}

h4 {
	font-size:105%;
	color: #737373;
}

h5 {
	font-size: 11pt;
	color: #666666;
}



#divHeadlineBreaks{
	background-image: url('../images/BrandWeaver_underliner.gif');
	background-repeat: repeat-x;
	background-position: 5px;
	width: 600px;
	height: 10px;
	margin-left: 30px;
	margin-top: 10px;
}

#divHeadlineBreaks2{
	 background-image:url('../images/SimpleKPI_H1_underliner.gif');
	 background-repeat:repeat-x;
	 background-position:5px;
	 width:600px;
	 height:20px;

}


.kpigreen{
	color: #666666;
}

.kpigreen2{
	color: #333333;
}



.simpledarker{
	 color: #666666; 
}



.standardtext{
}


#contactnumber{
	width: 232px;
	height: 45px;
	text-align: left;
	margin-top: 10px;
}

#openingpara{
	font-weight: normal;
	font-size: 8pt;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	width: 580px;
	float: left;
	line-height: 17px;
	height: 173px;
}

#secondpara{
	font-weight: normal;
	font-size: 8pt;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	width: 580px;
	float: left;
	line-height: 17px;
	margin-top: 15px;
	height: 500px;
}

#secondpara li
{
	color: ##666666;
	font-size: 11pt;
}

#secondpara Ul
{
	line-height: 28px;
}

#thirdpara{
	font-weight: normal;
	font-size: 8pt;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	width: 580px;
	float: left;
	line-height: 17px;
	margin-top: 15px;
	height: 500px;
}

#thirdpara li
{
	color:#0066FF;
	font-size: 100%;
}

#thirdpara Ul
{
	line-height: 28px;
}







#holdingpara{
	width:600px;
	height:600px;
	margin-left:30px;
}

#demopara{
	width: 200px;
	float:right;
	height:136px;
}

#leftbenefit{
	width: 290px;
	height: 147px;
	float: left;
	margin-top: 10px;
}

#leftbenefit2{
	width:290px;
	height:260px;
	float:left;

}


#leftbenefit li{
	font-size: 9pt;
	color: #0096d7;
}

#leftbenefit2 ul{
	line-height: 21px;
}

#leftbenefit2 li{
	font-size: 9pt;
	color:#70c20e;
}

#leftbenefit ul{
	line-height: 21px;
}

#leftbenefit ul a{
	line-height: 21px;
	text-decoration:none;
	color: #666666; 
	
}

#leftbenefit ul a:hover{
	line-height: 21px;
	text-decoration:none;
	color:#85e016;
	
}
#rightbenefit ul a{
	line-height: 21px;
	text-decoration:none;
	color: #666666; 
	
}

#rightbenefit ul a:hover{
	line-height: 21px;
	text-decoration:none;
	color:#85e016;
	
}






#rightbenefit{
	width: 280px;
	height: 147px;
	float: right;
	margin-top: 10px;
}

#rightbenefit li{
	font-size: 9pt;
	color: #0096d7;
}

#rightbenefit ul{
	line-height: 21px;
}

#benefitsholder{
	height: 190px;
}


/*------------------- Footer ----------------------*/


#FooterHolder {
	margin-left: auto;
	margin-right: auto;
	height: 50px;
	width: 900px;
	font-size: 7pt;
	background-color: #FFFFFF;
	padding-left: 15px;
	padding-right: 15px;
}


#footernav ul
{
list-style: none;
padding: 0;
margin: 0;
height:20px;

}

#footernav li
{
float: left;
margin: 0 0px;
height:20px;
}

#footernav li a
{
	height: 20px;
	float: left;
	line-height: 35px;
	display: block;
	color:#999999;
	text-decoration: none;
	text-align: center;

}

#footernav li a:hover
{
	height: 20px;
	float: left;
	line-height: 35px;
	display: block;
		color:#fff;
	text-decoration: none;
	text-align: center;
}

#footernav
{
	width: 900px;
	height: 50px;
	background-color: #c5c5c5;
	background-repeat: no-repeat;
	background-image: url('../images/footer-rounded.gif');
} 

#baselogo{
	width:200px;
	float:right;
	text-align:right;
	margin-top:8px;
	margin-right:12px;
}

#copyrightinfo{
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-left: 10px;
	height: 75px;
	width: 890px;
	font-size: 8pt;
}

#leftfloat{
	float: left;
	width: 700px;
	color: #6f6f6f;
	font-size: 7pt;
}


#rightfloat{
	float:right;
	width:150px;
	text-align:right;
}

.copyhover{
	text-decoration: none;
	color: #666666;
}

.copyhover a:hover{
	text-decoration: underline;
	color: #c1d82e;
}

.copyhover a{
	text-decoration: underline;
	color: #c1d82e;
}



#leftfloat a{
	text-decoration: none;
	color: #6f6f6f;
}
	
#leftfloat a:hover{
	text-decoration: none;
	color:#c1d82e;

	}
	
.pricingtable{
	 padding-left:10px;
}

.cprice{
	text-align:center;
}


#screenshotholder{
	 width:580px;

}


#screenshottext{
	width:520px;
	font-size: 8pt;
	color: #666666;
	margin-left:20px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 17px;

}

.inlinelink{
	color: #666666;
	text-decoration: none;
}
.inlinelink a:hover{
	color:#85e016;
	text-decoration: none;
}



.VDPgreen{
	color: #666666;
}

.brandgreen {
	color: #666666;
}

.branddemo
{
	width: 520px;
	height: 70px;
	margin-top: 10px;
	margin-bottom: 40px;
}

.icebergblue {
	color:#0066FF;
	text-decoration: none;
}

.icebergblue a:hover{
	color:#0066FF;
	text-decoration: none;
}

.videoplayer{
	width: 630px;
	height: 238px;
	margin-top: 10px;
}
.savings{
	width: 630px;
	height: 550px;
	margin-top: 10px;
}
.callclass{
	color: #c0da2f
}