/*=======================================

	INFOBUREAU
	http://www.infobureau.com/
	
	Copyright 2009, All rights reserved
	
=======================================*/



/* ************************************ */
/* GLOBALS								*/
/* ************************************ */
* {outline 			: none; }

html,body {
	height			: 100%; }

html, body, ul, ol, h1, h2, h3, h4, h5, h6, form, li, p, hr {
	margin			: 0;
	padding			: 0; }

body {
	background		: #e4e4e4;
	margin			: 0;
	padding			: 0;
/*	font-family		: Arial, Verdana, Geneva, sans-serif;
	font-size		: 12px;
	line-height		: 150%;
	color			: #303030; }
*/

/*
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 11px;
	font-weight: normal;
	color: #000000;
*/

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	color: #333333;
}


.left { float		: left; }
.right { float		: right; }
.clear { clear		: both; }

.checkbox, .radio {
	margin			: 0;
	vertical-align	: middle; }

h1, h2, h3, h4, h5, h6, legend {
	font-weight		: normal;
	line-height		: 1.2em;
	margin			: 0px;
	padding-bottom	: 2px; }

h1 { font-size		: 32px; font-weight : bold; }
h2 { font-size		: 28px; }
h3 { font-size		: 24px; }
h4 { font-size		: 18px; font-weight : bold; padding-bottom : 10px; }
h5 { font-size		: 16px; }
h6 { font-size		: 14px; font-weight : bold; }

li { list-style		: none; }

a:link,
a:visited,
a:active {
	text-decoration	: none;
	color			: #6082b9; }

a:hover {
	text-decoration	: underline; }
a img {
	border			: none; }
	
#site {
	width			: 100%; }

.container {
	width			: 905px;
	margin			: 0px auto; }

/* ************************************ */
/* HEADER								*/
/* ************************************ */

#header {
	height			: 84px;
	position		: relative;
	background		: #000000;
	padding-top		: 10px; }

#logo { 	
	margin-top		: 20px; 
	float 			: left; 
	width			: 229px; }

#logo a { 
	background		: url(../images/logo.png) no-repeat top left;
	width			: 229px;
	height			: 64px; }

#logo a, #logo small {
	display			: block;
	float			: left;
	overflow		: hidden;
	text-indent		: -9000px; }

#contact { 
	background		: url(../images/contactus.png) no-repeat top right;
	width			: 372px;
	height			: 20px;
	float			: right;
	overflow		: hidden;
	text-indent		: -9000px; }

/* --- NAVIGATION					--- */
/* ************************************ */
	
#navigation { 
	float			: right;
	margin-top		: 20px; }
	
#nav {
	height			: 29px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type	: none;
	margin			: 0;
	padding			: 0; }
	
#nav li { 
	float			: left;
	margin-left		: 10px; }

#nav li a { 
	float			: left;
	font-size		: 14px;
	line-height		: 28px;
	font-weight		: bold;
	text-decoration	: none;
	color			: #bbb; }
	
#nav li span {
	display			: block;
	height			: 29px;
	padding			: 0 5px;}
	
#nav li a:hover {
	color			: #fff; }

#nav li.selected a { 
	background		: url(../images/mnr.jpg) no-repeat top right;
	color			: #fff; }
	
#nav li.selected span{ 
	background		: url(../images/mnl.jpg) no-repeat top left; }


/* ************************************ */
/* BANNER								*/
/* ************************************ */

#banner {
	background		: url(../images/bannerbg.jpg) repeat-x top left;
	height			: 274px; }
	
#banner .container {
	background		: url(../images/banner.jpg) repeat-x top left; 
	height			: 274px; }

#slider { overflow:hide; }

#slider .slide { 
	background-color: transparent;
	width			: 900px;
	padding-top		: 25px;
	height			: 249px;
	/* Fixing on IE */
	background		: url(../images/banner.jpg) repeat-x top left; }

#slider h2 {
	padding-bottom	: 10px;
	color			: #222;
	font-weight		: bold; }
	
	
	
#slider .slide h1 {
	margin-bottom	: 20px;
	color				: #333; }

#slider .slide h1 span {
	color				: #fff; }
	
#slider .slide h4 {
	color				: #fff; }
	
#slider small {
	font-size		: 14px;
	line-height		: 25px;}

	
#slider  ul.btn {
	position		: absolute;
	bottom			: 15px;
	
	}
#slider ul.btn li {
	float			: left;
	margin-right	: 20px;
	}

#slider a.planprice {
	background		: url(../images/plans.png) no-repeat top right;
	display			: block;
	height			: 47px;
	width			: 207px;
	overflow		: hidden;
	text-indent		: -9999px;
	}

#slider a.signup{
	background		: url(../images/trial.png) no-repeat top right;
	display			: block;
	height			: 47px;
	width			: 167px;
	overflow		: hidden;
	text-indent		: -9999px;
	}
	
#slider  a.button {
	position		: absolute;
	bottom			: 20px;
	background		: url(../images/bbtnr.png) no-repeat top right;
	float			: left;
	display			: block;
	height			: 42px;
	font-size		: 18px;
	font-weight		: bold;
	color			: #222;}
	
#slider a.button span {
	background		: url(../images/bbtnl.png) no-repeat top left;
	display			: block;
	height			: 24px;
	padding			: 10px 20px 0 20px;}
	
#slider .slide img { border:none }

/* ------------- Image Navigation --------------- */
.imgnav { 
	position		: absolute; 
	bottom			: 15px; 
	right			: 0px; }

.imgnav a{ 
	background		: url(../images/btnnumber.png) no-repeat top left;	
	font-weight		: bold;
	height			: 34px;
	line-height		: 32px;
	width			: 34px;
	display			: block;
	text-align		: center;
	color			: #999;
	float			: left; }
	
.imgnav a:hover, .imgnav a.activeSlide { 
	background		: url(../images/btnnumber_hv.png) no-repeat top left;
	color			: #fff;
	text-decoration	: none; }
	
/* ************************************ */
/* MAIN CONTENT							*/
/* ************************************ */

#content {
	background		: #ffffff url(../images/content.jpg) repeat-x top left;
}

#content .contentbox {
/*	background		: url(../images/leftcol.png) repeat-y top right; */ 
	background		: url(../images/plus_bg.png) no-repeat top left;
}

#content .contentbox_nobg {
}

#content .col1 {
	width			: 260px;
	height			: 100%;
	padding			: 2px 20px 20px; }

#content .col1_bg {
	background		: url(../images/create.png) no-repeat top left; 
	width			: 260px;
	height			: 100%;
	padding			: 20px 20px 1px; }

#content .col2_bg {
	background		: url(../images/track.png) no-repeat top left; 
	width			: 260px;
	height			: 100%;
	padding			: 20px 20px 1px; }

#content .col2 {
	width			: 570px;
	height			: 100%;
	padding			: 20px 20px 20px 0; }

#content .col3 {
	width			: 260px;
	height			: 100%;
	padding			: 20px 20px; }

#content .col3_bg {
	background		: url(../images/login.png) no-repeat top left; 
	width			: 260px;
	height			: 250px;
	padding			: 2px 20px 20px; }

#content .longcol {
	width			: 550px;
	height			: 100%;
	padding			: 2px 20px 20px; }

#content h4.what { 
	background		: url(../images/what.png) no-repeat top left;
	overflow		: hidden;
	text-indent		: -9000px; }
	
#content h4.how { 
	background		: url(../images/how.png) no-repeat top left;
	overflow		: hidden;
	text-indent		: -9000px; }
	
#content h4.why { 
	background		: url(../images/why.png) no-repeat top left;
	overflow		: hidden;
	text-indent		: -9000px; }

#content h4.resources { 
	background		: url(../images/resources.png) no-repeat top left;
	overflow		: hidden;
	text-indent		: -9000px; }

#content .contentbox strong { 
	font-size		: 14px;}

#content .contentbox p { 
	line-height		: 18px;
	margin-bottom	: 20px;}

#content .contentbox_nobg p { 
	line-height		: 18px;
	margin-bottom	: 20px;}

#content .contentbox2 strong { 
	font-size		: 14px;}

#content .contentbox2 p { 
	line-height		: 18px;
	margin-bottom	: 20px;}

#content .bigfont { 
	font-size : 14px; 
	font-weight : bold; }
	


/* ************************************ */
/* TESTIMONIALS								*/
/* ************************************ */

#testimonial {
	background		: #e4e4e4 url(../images/testimonial.png) repeat-x top left;
	padding-top		: 5px;
	padding-bottom		: 0px;
	color			: #777;}


div#testimoniallist  	{
	margin-right:20px;
	margin-top:15px;
	font-family: Verdana, serif;
	font-size: 18px;
	margin-left:0px;
	background:#fff;}

.t_author {
	background-image:none;
	background-color:#fff;
	font-size:12px;
	font-weight:normal}

#testimonial a {
	text-decoration	: none;
	color			: #777;
	font-weight		: bold;}
	
#testimonial a:hover {
	text-decoration	: none;
	color			: #000}

/* ************************************ */
/* FOOTER								*/
/* ************************************ */

/*
#footer {
	background		: #e4e4e4 url(../images/footer.jpg) repeat-x top left;
	padding-top		: 10px;
	padding-bottom	: 30px;
	color			: #fff;}
*/

#footer {

	height			: 60px;
	position		: relative;
	background		: #000000;
	padding-bottom		: 8px;
	padding-top		: 5px; 
	color			: #fff; }

#footer a {
	text-decoration	: none;
	color			: #777;
	font-weight		: bold;}
	
#footer a:hover {
	text-decoration	: none;
	color			: #fff}

#footer .foot-text {
	float			: left;
	padding-top	: 10px;
	font-size		: 12px; 
	position		: relative;
	width			: 500px;
	line-height		: 16px;}

#nl-form{
	float			: right;
	position		: relative;
	width			: 350px }

#nl-form .text{
	font-size		: 11px; 
	margin			: 0;
	position		: relative;
	width			: 375px; }

#nl-form p{
	font-size		: 11px; 
	line-height		: 14px;}


/* -- Inner Page -- */

body.inner #banner {
	background		: url(../images/bannerbg2.jpg) repeat-x top left;
	height			: 90px; }
	
body.inner #banner .container {
	background		: url(../images/banner2.jpg) repeat-x top left; 
	height			: 90px;
	position		: relative;
	}

body.inner #banner .container h1 {
	position		: absolute;
	bottom			: 15px;
	font-weight		: bold;
	color			: #222; }
	
body.inner #banner .container h1 a {
	color			: #222; }

body.inner #banner .container h3.img {
	position		: absolute;
	bottom			: 28px;}

body.inner #content .contentbox {
	background		: url(../images/leftcol2.png) repeat-y top right; 
	}

body.inner #content .contentbox2 {
/*	background		: url(../images/leftcol2.png) repeat-y top right;  */
	}

/* -- end Inner Page -- */


/************************************************************************************/
/* TYPOGRAPHY																		*/
/************************************************************************************/

#content ol li {
	list-style-position:outside;
	list-style-type:decimal;
	line-height: 180%;
	margin-left:25px; }

#content ul li {
	list-style-position:outside;
	list-style-type:disc;
	line-height: 180%;
	margin-left:20px; }
	
hr {
	background		: transparent url(../images/line_dotted.png) repeat-x scroll 0 0;
	border			: solid 0px #fff;
	display			: block;
	height			: 1px;
	margin			: 15px 0; }

div.note, span.note, p.note {
	background		: #FFFFE0 none repeat scroll 0 0;
	border-bottom	: 1px dashed #E6DB55;
	border-top		: 1px dashed #E6DB55;
	margin			: 10px 0;
	padding			: 5px 10px;
	text-align		: justify; }


/************************************************************************************/
/* CSS BOX																		*/
/************************************************************************************/

.curved-box
    {
    margin: 10px;
    width: 298px;
    background-color: #ededfc;
}

.curved-box .top
    {
    background: #ededfc url(../images/box_top.png) no-repeat left top;
    padding: 10px 15px 5px 15px;
    font-size: small;
    font-weight: bold;

}

.curved-box .bottom
    {
    background: #ededfc url(../images/box_bottom.png) no-repeat left bottom;
    margin: 0px;
    padding: 5px 15px 10px 10px;
    text-align: left;
    font-size: small;
}


/************************************************************************************/
/* BOTTOM BANNER																		*/
/************************************************************************************/

#bottombanner {
	background		: url(../images/bottom_bg.png) repeat-x top left;
	height			: 48px; 
}

#bottombanner .container {
	background		: url(../images/bottom_bg.png) repeat-x top left;
	height			: 48px; 
}


#bottombanner .container h2 {
	color: #414040;
	font-size: 24px;
	text-align: center;
	padding-top:6px;
}

#bottombanner .container h2 a {
	color: #414040;
}

#bottombanner .container h2 a:hover {
	text-decoration	: none;
	color		: #ffffff; }


/************************************************************************************/
/* SIGN-UP FORM																		*/
/************************************************************************************/
#sign-up div.plan {
background-image:url(../images/signtop.png);
height:34px;
margin-top:20px;
overflow:hidden;
padding:20px 0 0 20px;
}

#sign-up div.plan h5 {
color:#487ea4;
}

#sign-up div.signcontent{
background-image:url(../images/signfrm.png);
overflow:visible;
padding:20px 25px 20px 20px;
}

#sign-up div.signcontent .bullet {
background:url(../images/signblt.png) no-repeat;
padding:5px 10px;
color:#fff;
float:left;
}
#sign-up div.signcontent h4 {
padding-top:5px;
text-indent:5px;
}

#sign-up table {
margin-top:10px;
}

#sign-up table td {
color:#999999;
font-size:11px;
padding:0 0 5px 5px;
}

#sign-up label {
color:#222222;
font-size:12px;
font-weight:bold;
}

#sign-up input {
color:#000000;
font-size:16px;
font-weight:normal;
padding:3px;
}

#sign-up fieldset {
border-color:#CCCCCC -moz-use-text-color -moz-use-text-color;
border-style:solid none none;
border-width:1px 0 0;
margin:20px 0;
padding:0 10px;
}

#sign-up fieldset legend {
color:#000000;
font-weight:bold;
padding:7px;
}

#sign-up fieldset label {
color:#222222;
font-size:11px;
font-weight:normal;
line-height:14px;
}

#sign-up div.signcontent p.describe_entry {
color:#999999;
font-size:11px;
line-height:14px;
margin:15px 0;
}

#sign-up div.signcontent p {
color:##222222;
font-size:12px;
line-height:14px;
margin:15px 0;
}

#sign-up input.signsubmit {
background: url(../images/btn_signup.png) no-repeat top left;
cursor:pointer;
border:none;
width:152px;
height:36px;
text-indent:-9999px;
}


/* Modify the Content */
#content .col2 {
padding:0 20px 20px 0;
}

/************************************************************************************/
/* FORMS																		*/
/************************************************************************************/

input.button {
  cursor: pointer;
  border: none;
  font-weight: bold;
  background: url(../images/submit.jpg) no-repeat left top;
  width: 90px;
  height: 28px;
  margin-left: 150px;
}

span.required{
  font-size: 13px !important;
  color: red !important;
}

.errormsg {
  display: block;
  width: 90%;
  height: 22px;
  line-height: 22px;
  color: #FFFFFF;
  font-weight: bold;
  background: #FF9D9D url(../images/stop.gif) no-repeat 10px center;
  padding: 3px 10px 3px 40px;
  margin: 10px 0;
  border-top: 2px solid #FF0000;
  border-bottom: 2px solid #FF0000;
}

.msgSent {
  font-size: 20px;
  text-align: center;
}



.formContainer
{
	background-color: #FFF;
       	border:none;
       	padding:0px;
}

.rowContainer
{
       	width:100%;
       	overflow:hidden;
       	padding-bottom:5px;
       	height:42px;
}

.rowContainer2
{
       	width:100%;
       	overflow:hidden;
       	padding-bottom:5px;
       	height:130px;
}

.rowContainer label
{
      	width:140px;
       	float:left;
       	color: #758656;
       	font-weight:bold;
}

.rowContainer input.type
{
       	width:200px;
       	font-size: 8px; 
	background-color: #CCCCCC;
	border: 1px solid #666666;
}

.rowContainer2 textarea
{
       	width:400px;
       	font-size: 12px; 
  	border: 1px solid #666666;
}

.tooltipContainer
{
       	height:16px;
       	font-size:11px;
       	color: #666666;
       	display:none;
       	float:none;
       	background-repeat:no-repeat;
       	background-position:left center;
       	padding:0px 20px;
}

.info
{
       	background-image:url('../images/info.gif');
}

.error
{
       	background-image:url('../images/error.gif');
       	color: #990000;
}

#formcontent {
	padding: 23px;
        padding-top:0;
}