@charset "utf-8";
/* CSS Document */

body, html { margin:0; padding:0; color:#000; }

body {
	min-width:750px;
	background-image: url('../images/bg.gif');
	background-repeat: repeat;
	
}

img { border: none; }

form { margin: 0px; padding: 0px; }

h1,h2,h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	margin-top: 5px;
	margin-bottom: 3px;
	padding:0;
	}

h1 { font-size: 18px; }
	
h2 { font-size: 15px; }
	
h3 { font-size: 13px; }

.hidden { display: none; }
.unhidden { display: block; }

.wrap {
	margin:0 auto;
	width:770px;
	/* border: 1px dotted #000; */
}

/**/
#black-bar { 
	background-color:#000000; 
	padding:4px 0 4px 6px; 
	color:#aaa; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
}
#black-bar .bold { font-weight: bold; }
#black-bar a {	color:#aaa; text-decoration: none;  }
#black-bar a:link {	text-decoration: none;  }
#black-bar a:visited { text-decoration: none; }
#black-bar a:hover { color:#fff; text-decoration: none; }
#black-bar a:active { text-decoration: none;  }
#black-bar a.active { color:#eee; }
/**/

#header { background:#eee; border-bottom:1px solid #A7A7A7; margin-bottom: 1px; padding-right: 5px; }
#header h1 { padding:5px;   margin:0; }

#logo { float:left; width:400px; }

#nav {
	padding: 5px 15px 15px 15px;
	background-color: #ffffff;
	font-family: Tahoma,Arial,Verdana,Helvetica,sans-serif;
	font-size: 90%;
	text-align: right;
}

#nav ul{ margin:0; padding:0; list-style:none; }
#nav li{ display:inline; margin:0 0 0 0; padding: 2px 4px 4px 4px; font-weight: bold; }
#nav a:link {	text-decoration: none;	color: #060; }
#nav a:visited {	text-decoration: none;	color: #060;}
#nav a:hover {	text-decoration: underline;	color: #060;}
#nav a:active {	text-decoration: none;	color: #060; }
#nav a.selected { text-decoration: none; color: #060; }

#page {
	padding: 7px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 18px;
	background-image: url('../images/bgblue.gif');
	background-repeat: repeat;
	color: #FFFFFF;
	font-weight: bold;
}

#main {
	padding: 7px;
	background-color: #ffffff;
	font-family: Tahoma,Arial,Verdana,Helvetica,sans-serif;
	font-size: 90%;
}

#main2 {	float:left; }
#main3 {	float: right;}
#main2, #main3 {
	width:540px;
	margin-top:10px;
	padding: 7px;
	background-color: #ffffff;
	font-family: Tahoma,Arial,Verdana,Helvetica,sans-serif;
	font-size: 90%;
}

#mainleft {
	float: left;
	width:500px;
}
#mainright {
	float: right;
	width:240px;
	border:1px solid #007700;
	padding: 5px;
}

#main2right {
	float: right;
	width:200px;
	margin-top:10px;
	/*border:1px solid #007700;*/
	padding: 5px;
}

#main ul{ list-style-type: disc; margin-left: 0;	padding-left: 1em; }
#main li{ margin:0 0 0 0; padding: 2px 4px 4px 4px;  }

a:link {	text-decoration: underline; color: #0030c8; }
a:visited { text-decoration: underline; color: #0030c8; }
a:hover { text-decoration: underline;	color: #0030c8; }
a:active { text-decoration: underline; color: #0030c8; }

#middle { font-family: arial, helvetica, sans-serif; font-size: 12px; background-color: #008200; background-image: url('../images/bgindex.gif'); repeat: repeat-x; clear: both; }
#middle .content { margin: 0em auto; width: 770px; color: #fff; height: 255px;  }
#middle .list { float: left; }
#middle .list img { margin-top: 5px; margin-bottom: 5px; position: relative; width: 440px; height: 245px; padding-right: 27px; }
#middle .promo { padding-top: 40px; }
#middle .promo h1 { color: #fff; font-size: 2.2em; margin: 0; }
#middle .promo h2 { color: #CCDEF1; font-size: 1.7em; margin-top: 0em; }
#middle .account { text-align: center; padding-top: 4px; color: #B3CEEA; }
#middle .tour { padding-left: 18px; font-size: 1.3em; }
#middle .tour a:link { text-decoration: underline; }
#middle .tour a:visited { text-decoration: underline; }
#middle .tour a:active { text-decoration: underline; }
#middle .tour a:hover { color: #B3CEEA; text-decoration: underline; }
#middle .tour-link { font-weight: bold; }
#middle a.login:link { text-decoration: underline;  }
#middle a.login:visited { text-decoration: underline; }
#middle a.login:active { text-decoration: underline; }
#middle a.login:hover { text-decoration: underline; }

#hp-tagline { width: 450px; height: 60px; }

#button { margin-top: 15px; }
#button table { border-collapse: collapse; border-spacing: 0px;  }
#button .left { background-image: url('../images/hp_signup_lft.png'); background-repeat: no-repeat; width: 7px; height: 52px; cursor: pointer; }
#button .middle { background-image: url('../images/hp_signup_mid.png'); background-repeat: repeat-x; height: 52px; padding: 10px; cursor: pointer; white-space: nowrap; }
#button .link { color: #fff; font-weight: bold; font-size: 1.5em;  }
#button .right { background-image: url('../images/hp_signup_rgt.png'); background-repeat: no-repeat; width: 7px; height: 52px; cursor: pointer; }
#button a:link { color: #fff; text-decoration: none;  }
#button a:visited { color: #fff; text-decoration: none; }
#button a:active { color: #fff; text-decoration: none; }
#button a:hover { color: #fff; text-decoration: none; }



/* TOUR ------------------------------------------------------------------ */
.readyjoin { 
	padding: 10px;
	margin: 20px 10px 20px 10px;
	border: 1px solid #ccc;
	text-align: center;
	font-weight: bold;
	background-color: #ffffa5;
}

/* WHATSNEW -------------------------------------------------------------- */

.date {
	color: grey;
	font-size: 12px;
}

/* SIGNUP ---------------------------------------------------------------- */

#plans_table {
	width: 700px;
	margin-top: 10px;
	margin-left: 20px;
	padding: 0;
	font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	background: #E6EAE9;
}

#plans_table caption {
	padding: 0 0 5px 0;
	width: 500px;	 
	font-size: 18px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	text-align: left;
}

#plans_table th {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #6D929B;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url('../images/bg_header.jpg') no-repeat;
}

#plans_table th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

#plans_table th.spec {	
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url('..//images/bullet1.gif') no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,	sans-serif;
}

#plans_table th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url('..//images/bullet2.gif') no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,	sans-serif;
	color: #B4AA9D;
}

#plans_table td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #6D929B;
	text-align: center;
}

#plans_table td.alt {
	background: #F5FAFA;
	color: #B4AA9D;
}




#signup_form {
	margin: 20px 20px 20px 20px;
}

#signup_form fieldset {  
	margin: 0 0 -1em 0;  
	padding: 0 0 1em 0;  
	border-style: none; 
	border-top: 1px solid #BFBAB0; 
	background-color: #F2EFE9; 
}
#signup_form fieldset.alt {  
	background-color: #E6E3DD;
}
#signup_form legend {  
	margin-left: 1em;  
	padding: 0; 
	color: #000000;  
	font-weight: bold;
}
#signup_form legend span {  
	position: absolute;  
	margin-top: 0.5em;  

}
#signup_form fieldset ol {  
	padding: 1.5em 1em 0 1em; 
	list-style: none;
}
#signup_form fieldset li {  
	padding-bottom: 1em;
}
#signup_form input.text, input.password {  
	width:200px;  
	font-size: 18px;
}
#signup_form fieldset.submit {  
	border-style: none;
	width: auto;  
	padding-top: 1.5em;  
	padding-left: 12em;  
	background-color: #FFFFFF; 
}

#signup_form label {  
	float: left;  
	width: 10em;  
	margin-right: 1em;
	text-align: right;
}
#signup_form #submit { width:200px; font-size: 18px;  }


#login_form { }
.login_row { padding:5px; }
#login_form label { cursor: pointer; float: left; width: 100px; margin-right: 1em; text-align: right; font-size: 15px; }
#login_form input { font-size: 18px; }
#login_form #email { width:200px;   }
#login_form #pass { width:200px;   }
#login_form #submit { margin-left: 115px; width:130px;   }


#sidebar { float:right; width:200px; margin-top:10px; }


#footer { background:#39519c; border-style: solid;	border-width: 1px;	border-color: 000;	margin-top: 10px; color: #FFFFFF;	padding: 5px; font: 12px normal Arial, Helvetica, sans-serif; }
#footer a:link {	text-decoration: underline;	color: #fff; }
#footer a:visited {	text-decoration: underline;	color: #fff;}
#footer a:hover {	text-decoration: underline;	color: #fff;}
#footer a:active {	text-decoration: underline;	color: #fff; }
#footer a.selected {text-decoration: underline; color: #060; }

.boldgreen {
	color: #33AA33;
	font-weight: bold;
}


/* --- API PAGE ----------------------------------------------------*/
.apititle { color: green; font-weight:bold; margin-top:15px; }
.apirequest { font-weight:bold; margin-top:5px; margin-bottom:5px; }
.apiexplain { margin-top:10px;  }
.apiarguments { font-size:small; padding-left: 10px;  }
.apireturn { 
	background-color: #000000; 
	color: #FFFFFF; 
	font-family:"Courier New",Courier,mono;
	font-size: smaller;  
	padding: 5px;  
}
.apicode {
	font-family:"Courier New",Courier,mono;
	color: #063;
}

/* --- MESSAGES AND ERRORS -----------------------------------------*/
#msg { background-color: #ceff9c; text-align: center; padding: 5px;	margin-top: 10px; }
#err { background-color: #ffaead; text-align: center; padding: 5px;	margin-top: 10px; }


.clear { clear: both; }
.clear_r { clear: left; }
.clear_r { clear: right; }
.spacer { clear: both; height: 1px; font-size: 1px; }
.blockleft { float: left; }
.blockright { float: right; }