@import url(reset.css);
@import url(text.css);
@import url(960.css);
@import url(prettyPhoto.css);

/** palette

dark blue - #002C51
purple - #9F7EB7

**/
body{font-size:62.5%;background:#fff url(../img/top-actions-bar-bg.gif) repeat-x; background-position:top left;}
html body.no-bg{background-image:none;}
#page{background:url(../img/);position:relative; width:975px; margin:0 auto; margin-top:32px;}


#top-actions{width:510px; position:absolute;right:0; top:-32px; margin:0; }

#top-actions li{float:left; margin-left:0; list-style:none; width:145px; height:39px; padding:15px 0 0 10px;margin-right:20px;}
#top-actions li.blue{background:url(../img/blue-button.gif) no-repeat;}
#top-actions li.purple{background:url(../img/purple-button.gif) no-repeat;}
#top-actions li.last{margin-right:0;}

#top-actions li a{  display:block; float:left; color:#FFF;padding-left:20px;font-size:1.3em; margin-left:15px; text-decoration:none; }
#top-actions li a:hover{text-decoration:underline;}
#top-actions li#resources a{background:url(../img/icons/article.png) no-repeat; background-position:left center;}
#top-actions li#trial a{background:url(../img/icons/new-account.png) no-repeat; background-position:left center;}
#top-actions li#login a{background:url(../img/icons/padlock.png) no-repeat; background-position:left center;}

#top-actions li#login a#password-reset-link{background:none; font-size:1em; color:#FFCC00; float:left; text-align:left; padding-left:0; margin-left:0;}

#header{position:relative; height:130px; border-bottom:1px solid #CCC; margin-bottom:10px;}
	#logo{width:277px; height:48px; position:absolute; top:40px; left:0;background:url(../img/logo.gif) no-repeat; text-indent:-9999px;}


		ul#nav{ list-style-type:none; width:410px; position:absolute;right:0; top:100px; margin:0; padding:0;}
			ul#nav li{float:left;}
			ul#nav li a{display:block; text-decoration:none; font-size:1.3em;}
			ul#nav li a.here{text-decoration:underline;}
			ul#nav li:hover{text-decoration:underline;}

#home-banner{height:160px; margin-bottom:10px;}

#thirds{margin-bottom:10px;}
.third{width:284px; padding:30px; border-right:1px solid #CCC; float:left;}
.third img{float:left; margin-right:10px;}
#focused{padding-left:0;}
#who{padding-right:0; border-right:0;}
#who img{padding:2px; background:#FFF; border:1px solid #CCC;}
#content-container{margin-bottom:10px;}
#sidebar{width:240px; padding:0 0 10px 10px; float:left; }
#main{width:650px; float:left; padding:20px; border:3px solid #002C51; margin-right:25px;}
#main-full{
width:930px; float:left; padding:20px 20px 20px 20px; border:3px solid #002C51;
	
	 }
.feature{width:430px; padding:10px; border:2px solid #ccc; margin:0 20px 20px 0; float:left; background:#FFF;}
.feature:hover, .feature:focus{border:2px solid #002C51; }
.last{margin-right:0;}
img.floatr{margin:0 0 10px 10px;}
#footer{padding-top:10px; border-top:2px solid #ccc;}
#faq-toc{background:#f9f9f9; padding:8px; font-size:1.2em; margin-bottom:20px; border:1px solid #CCC;}
#callback-reqest-form{width:320px; padding:10px;}
#callback-reqest-form div{ margin-bottom:10px;}
#callback-reqest-form input{border:1px solid #CCC; width:300px; padding:8px;}
#callback-reqest-form label{display:block; font-weight:700; margin-bottom:5px;}

/* Contact Form Styles*/
fieldset{padding:10px; border:1px solid  #606060;}
legend{font-weight:700; background:#FFF; font-size:1.3em; padding:10px;}
		form#contactform label, form#newaccount label, .contactform label{display:block; font-size:1.3em; font-weight:700; color:#606060;}
		form#contactform div, form#newaccount div{margin-bottom:10px; width:290px; float:left; margin-right:10px;}
		form#contactform input, form#newaccount input{ border:1px solid#CCC ; float:left; padding:5px; width:220px; margin-bottom:5px;}
		
		#pricing-accordion form.contactform div{margin-bottom:10px; width:250px; float:left; margin-right:10px;}
		 .contactform input{ border:1px solid#CCC ; float:left; padding:5px; height:10px; width:230px; margin-bottom:5px;}
		
		form#contactform textarea{width:510px; padding:10px; border:1px solid #CCC;}
		form#contactform input[type=checkbox]{width:auto; margin-right:10px; float:left; margin-top:0;}
		form#contactform #enquiry-options div{width:auto; float:left; margin-right:25px; font-size:1.2em;}
		form#contactform input[type=submit], form#newaccount input[type=submit], .contactform input[type=submit]{ background:#002C51; color:#fff; padding:5px; clear:both; margin:20px 0; width:100px; height:30px;}
	
		#general-revealed, #call-back-revealed, #quote-revealed{width:600px;}

		
		#alert h4.warning{background:#FEEFB3; color:#D2AC5F; border:1px solid #D2AC5F; padding:5px; width:90%; margin-bottom:5px;}
#alert h4.success{background:#CEE6C3; color:#1E9145; border:1px solid #1E9145; padding:5px; width:90%; margin-bottom:5px;}

/**pop out login form **/

#login form {
 position:absolute; top:50px; right:5px;
 background:#07263E; border:1px solid #CCC; padding:10px;
 border-top-width:0;
 z-index:100;
}
#login form label{color:#fff; margin-bottom:0; font-size:1.1em; line-height:1.3em;}
#login form div{margin-bottom:10px;}
#login form input{border:1px solid #CCC;}
#login form label, #login form input {
  display: block;
}

#login form button {
  float: right;
  margin-top: 10px;
}

#login a {

}


#login a.active {
  background-position: right 0;
}

/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content {   position: relative; top: 1px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }
.ui-icon-circle-arrow-e{background:url(../img/icons/down.png); height:16px; width:16px;}
.ui-icon-circle-arrow-s{background:url(../img/icons/up.png); height:16px; width:16px;}
.ui-accordion h3{padding-left:30px; font-size:1.3em;}
.ui-accordion h1{padding:10px 10px 10px 40px; border:1px solid #CCC; }
.ui-accordion{margin-bottom:20px;}
.ui-accordion div{background:#f9f9f9; border:1px solid #CCC; padding:5px; width:600px; margin:15px 0 15px 30px;}
#pricing-accordion div{background:#fff; border:none; width:930px; margin:15px 0 15px 0;}
#pricing-accordion div#value, #pricing-accordion div#pps{border-bottom:1px solid #9F7EB7; padding-bottom:10px; margin-bottom:10px;}
#pricing-accordion div div{width:890px;}
#pricing-accordion div#value-download, #pricing-accordion div#value-error, #pricing-accordion div#pps-download, #pricing-accordion div#pps-error{margin-bottom:0;}

/*useful classes*/

.floatl{float:left; }
.floatr{float:right; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*for fun*/
.rounded-small{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.rounded-tl{border-top-left-radius:5px; 	-moz-border-radius-topleft:5px; 	-webkit-border-top-left-radius:5px;}
.rounded-bl{border-bottom-left-radius:5px; 	-moz-border-radius-bottomleft:5px; 	-webkit-border-bottom-left-radius:5px;}
.rounded-tr{border-top-right-radius:5px; 	-moz-border-radius-topright:5px; 	-webkit-border-top-right-radius:5px;}
.rounded-br{border-bottom-right-radius:5px; 	-moz-border-radius-bottomright:5px; 	-webkit-border-bottom-right-radius:5px;}

.rounded-large{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}


/*home slider*/

#featured{ 
	width:969px;
	margin-bottom:20px; 
	position:relative; 
	border:3px solid #002C51; 
	height:250px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:0; 
	list-style:none; 
	padding:0; margin:0; 
	width:320px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0;margin-left:0;
	font-size:12px; 
	color:#666; 
	background-color:#002C51 ;
    background-image: -moz-linear-gradient(100% 100% 90deg, #405F78, #03223B);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#405F78), to(#03223B));
	border-bottom:1px solid #f9f9f9;
}
#featured ul.ui-tabs-nav li.last{ border-bottom:0;}

#featured ul.ui-tabs-nav li span{ 
	
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:35px; 
	color:#fff;  
	line-height:2em;
	text-decoration:none;
	padding:15px 0 10px 120px;
	font-size:1.4em;
	background-position:20px 5px;
}

a#reporting{background:url(../img/icons/chart.png) no-repeat;}
a#templates{background:url(../img/icons/tabs.png) no-repeat;}
a#pricing{background:url(../img/icons/paper.png) no-repeat;}
a#support{background:url(../img/icons/spanner.png) no-repeat;}

#featured li.ui-tabs-nav-item li:hover{ 
	background:#9F7EB7; 
}
#featured li.ui-tabs-selected{ 
	background-color:#9F7EB7;  
	 
}

#featured ul.ui-tabs-nav li.ui-tabs-selected { 
	background:#9F7EB7; 
	   background-image: -moz-linear-gradient(100% 100% 90deg, #AF99BF, #755F84);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#AF99BF), to(#755F84));
}
#featured .ui-tabs-panel{ 
	width:540px; height:210px; padding:20px;
	background:#fff; position:relative; left:380px;
}
#featured .ui-tabs-panel .info{ 
	
}
#featured .info img{float:right; margin:0 0 20px 20px; border:1px solid #ccc; padding:5px; background:#FFF;}
#featured .info h2{ 
	font-size:18px;
	color:#002C51;
	padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-size:1.3em;
	line-height:1.6em;
}
#featured .info h2 a{ 
	text-decoration:none; 
	color:#002C51;
}
#featured .info p a{
color:#C01804;
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}
a.more-info{font-size:1.3em; margin-bottom:10px; background:url(../img/icons/more.png) no-repeat; padding-left:24px; background-position:left center;}
.pricing-plan{border-bottom:2px solid #9F7EB7; padding-bottom:10px; margin-bottom:10px;}

a.pdf-link{background:url(../img/icons/pdf.png) no-repeat; padding-left:24px; background-position:left center;}
#emailerror{background:#FFFFCC; border:1px solid #CCC; padding:10px; margin-bottom:10px;}

/*table styling*/
.datatable th{background:#AD8DC1; border:1px solid #CCC; color:#002C51;padding:10px; text-align:left; font-size:1.4em;}
.datatable td{border:1px solid #CCC; padding:10px; text-align:left; font-size:1.3em;}

/**pricing table**/
.pricing-table th{background:#002C51; padding:10px; color:#FFF; font-weight:700; font-size:1.4em; border:1px solid #FFF;}
.pricing-table th span{font-weight:normal; font-size:0.8em;}
.pricing-table th.blno, .pricing-table td.blno{border-left:hidden;}
.pricing-table th.brno, .pricing-table td.brno{border-right:none;}
.pricing-table th.btno, .pricing-table td.btno{border-top:hidden;}
.pricing-table th.bbno, .pricing-table td.bbno{border-bottom:none;}

.pricing-table th.green{background:#256300; color:000;}
.pricing-table th.white{background:#FFF; color:000;}
.pricing-table td{padding:10px; font-size:1.2em; border:1px solid #fff; text-align:center;}
.pricing-table td.green{background:#DDEED9;}
.pricing-table td.grey{background:#F1F1F1;}

.pricing-table td.description{background:#D9D9D9; text-align:right; width:300px; vertical-align:middle;}