/* common - based on Eric Meyer's reset, you shouldn't change this section
======================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {border: 0; margin: 0; padding: 0; vertical-align: baseline; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}
:focus{outline:0}
body {background: #ddd; font: 11px/1.5 "lucida grande", arial, sans-serif; color: #333;}

table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}

blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

li {list-style-type: none;}

hr {display: none;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}
a {text-decoration:none; color:#3b1b70;}
a:hover {color:#753cd2;}

/* text align helpers */
.tl {text-align: left !important;}
.tr {text-align: right !important;}
.tc, .actions {text-align: center !important;}
.ttop {vertical-align: top !important;}

.dropdown:hover {
/*	background-color:#eae5f2;*/
	color:#3b1b70;
	border:1px solid #3b1b70;
}
body {
	margin:0;
	text-align:center;
	background:#fff url('../img/header_bg.png') repeat-x;
/*	margin-bottom:20px;*/
}
h2 {
	font-size:18px;
}
#container_top {
	width:1000px;
	margin:0 auto;
	text-align:left;
}
#container_mid {
	margin:0 auto;
	margin-top:0;
	text-align:left;
	padding:10px;
	padding-bottom:20px;
	padding-left:20px;
	background:#d1d1d1 url('../img/mid_bg.png') repeat-x bottom;
}
#container_mid h1 {
	font-size:30px;
	font-family:'arial rounded MT bold', "lucida grande", Arial;
	color:#000;
	text-shadow: #eee 1px 1px 1px;
	margin:0 auto;
	width:990px;
/*	margin-top:15px;
	margin-bottom:15px;*/
}
#container_content {
	width:1000px;
	margin:0 auto;
	text-align:left;
}
#main {
	float:left;
	width:670px;
	margin-top:20px;
	margin-right:20px;
	margin-left:10px;
}
#sidebar {
	float:left;
	width:300px;
	margin-top:20px;
}
#banner {
	margin:0 auto;
	width:963px;
	height:332px;
	background:transparent url('../img/banner.png') no-repeat;
}
#plans {
	margin:0 auto;
	width:978px;
	height:433px;
	background:transparent url('../img/plans.png') no-repeat;
}
#network_rotator {
	width:215px;
	height:184px;
/*	background-color:blue;*/
	margin-left:718px;
	position: absolute;
	margin-top:46px;
	overflow:hidden;
}
#pricing_btn {
	margin-left:430px;
	margin-top:246px;
	position: absolute;
}
#play_video_btn {
	margin-left:716px;
	margin-top:260px;
	position: absolute;
}
/*#pricing_btn,  x:-moz-any-link  { margin-left:-46px; }
#play_video_btn,  x:-moz-any-link  { margin-left:234px; }*/

#container_bot {
/*	margin:0 auto;*/
/*	margin-top:0;*/
	text-align:center;
/*	padding:10px;
	padding-bottom:20px;
	padding-left:20px;*/
	border-top:1px solid #dadada;
	background-color:#f5f5f5;
}
#bot_content {
	text-align:left;
	margin:0 auto;
	width:1000px;
/*	height:332px;*/
	padding:15px;
}
#container #login_header {
	text-align:center;
}
#main_nav ul {
	margin-top:18px;
}
#main_nav ul li {
	display:block;
	float:left;
	padding-bottom:18px;
	margin-right:6px;
	position:relative;
}
.range {
	position:relative;
}
#main_nav ul li a {
	font-weight: lighter;
	font-family:'arial rounded MT bold', "lucida grande", Arial;
	font-size:18px;
	
	padding:4px 8px;
	color:#9d7cd2;
	text-shadow: #3b1b70 0px 1px 2px;
	z-index:10;
}
#main_nav ul li a:hover {
	color:#ffffff;
}
#main_nav ul li a.selected:hover {

}

#main_nav ul li a.selected {
	color:#ffffff;
	background-color:#3b1b70;
	/*text-shadow:none;*/
	border:1px solid #7858ac;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#panel {
	width:247px;
	height:65px;
	background:transparent url('../img/user_panel.png') no-repeat 12px;
}
.left {
	float:left;
}
.right {
	float:right;
}
.breaker {
	clear:both;
}
.input50 {
	width:48%;
	margin-right:16px;
	float:left;
}
form.fields .optional label {
	font-style: italic;
	color:#333;
}
.nomargin {
	margin:0;
}
div.input {
	margin-bottom:10px;
}
.fancyhelp {
	width:400px;
/*	display:none;*/
}
.none {
	font-size:10px;
	font-weight:bold;
	color:#aaa;
}
div#fancy_div {
	background-color:white;
}
.fberror {
	clear:both;
	color:#990000;
	font-weight:bold;
	display:none;
}
.fbloading {

}
.web_thumb {
	border-color:#CCCCCC #EEEEEE #EEEEEE #CCCCCC;
	border-style:solid;
	border-width:1px;
	padding:2px;
	background-color:white;
	width:80px;
}
.more_info {
	color:#666;
}
.larger {
	font-size:150%;
	font-weight:bold;
}
.table_search {
	padding:10px;
	background: transparent url('../img/sub_nav_btn.png') repeat-x bottom;
	border-top:1px solid #ccc;
	text-align:right;
}
.table_search form {
	padding:0;
}
.table_search .query {
	width:200px;
}
.loader {
	padding:20px;
	text-align:center;
}
.page_info a {
	color:#fff;
}
.tbl_h3 {
	padding:20px;text-align:center;font-size:16px;font-weight:bold;
}
#hidden_images {
	display:none;
}
#finalurl, .finalurl {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius: 6px;
	border:1px solid #ddd;
	padding:10px;
	margin:10px 0;
	margin-top:20px;
	font-size:14px;
	background-color:#f3f3f3;
	color:#888;
}
.finalurl {
	font-size:13px;
	margin-top:10px;
	overflow: auto;
	overflow-y: hidden;
	width:94%;
	height:20px;
}
.recent_click:first-child {
	border-top:0;
}
#hash, .hash {
	color:#3b1b70;
}
#geolist li {
	margin-bottom:10px;
	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius: 6px;
	border:1px solid #ddd;
	padding:10px;
	font-weight:bold;
	background-color:#f3f3f3;
/*	color:#888;*/
}
.closegeo {
	float:right;
	cursor:pointer;
}
#zoom {
	margin-top:-100px;
}
#zoom h2 {
	font-weight:bold;
	margin-bottom:10px;
}
#sub_nav ul {
	margin-top:-39px;
	margin-left:154px;
}
#sub_nav ul li {
	display:inline;
	margin-right:8px;
}
#sub_nav ul li a {
	border:1px solid #ddcff4;
	padding:4px 8px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color:#8e6ec2;
	background: transparent url('../img/sub_nav_btn.png') repeat-x;
	font-size:10px;
}
#sub_nav ul li a.active {
	color:#3b1b70;
	border:1px solid #8e6ec2;
}
#sub_nav ul li a:hover {
	color:#3b1b70;
	border:1px solid #8e6ec2;
}
#user_icon {
/*	background:transparent url('../img/user.jpg') no-repeat;*/
	width:32px;
	height:32px;
	margin-right:10px;
	margin-top:18px;
	margin-left:28px;
/*	border:1px solid #7f5bba;
	border-top-color:#512e8b;
	border-left-color:#512e8b;*/
	padding:1px;
	background-color:white;
	box-shadow: #2b115e 0 2px 4px;
	-webkit-box-shadow: #2b115e 0 2px 4px;
	-moz-box-shadow: #2b115e 0 2px 4px;
}
#user_info {
	margin-top:14px;
}
#user_info ul {
	margin:0;
	margin-top:-2px;
}
#user_info ul li {
	display:inline;
	margin-right:6px;
}
#user_info ul li a {
	color:#be9fef;
	border-bottom:1px solid #7c5cb0;
}
#user_info ul li a:hover {
	color:#ffffff;
	border-bottom:1px solid #be9fef;
}
#user_name {
	color:white;
	font-size:16px;
	text-shadow: #3b1b70 0px 1px 2px;
	font-weight:bold;
}
#search {
	margin-top:-22px;
}
#search_field {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius: 6px;
	border:1px solid #ddd;
	background: white url('../img/search.png') no-repeat 6px 5px;
	padding:5px;
	padding-left:26px;
	font-family:"Lucida Grande", Arial;
	color:#999;
}
/*#search_field,  x:-moz-any-link  { margin-top:-2px; }*/
#logout {
	margin-right:18px;
	margin-top:20px;
	width:19px;
	height:27px;
	background:transparent url('../img/logout.png') no-repeat;
	display:block;
}
#logout:hover {
	background:transparent url('../img/logout_hover.png') no-repeat;
}
.sub {
	position: absolute; /*--Important--*/
	top: 28px; left: 0;
	border:2px solid white;
	background-color: #d7c8f1;
/*	padding:10px;*/
	float: left;

	color:#ffffff;
	background-color:#3b1b70;
	/*text-shadow:none;*/
/*	border:1px solid #7858ac;*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	box-shadow: #777 0 3px 5px;
	-webkit-box-shadow: #777 0 3px 5px;
	-moz-box-shadow: #777 0 3px 5px;
	width:200px;
	z-index:1;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	
	margin:0 -2px;
	
	display:none;
	
/*	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius: 0;*/
}

.range_link {
	border:1px solid #ddcff4;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding:2px 10px;
	margin-top:-2px;
	background-color:#fff;
	color:#3b1b70;
	cursor:pointer;
	z-index:2;
}

.range_sub {
	position: absolute; /*--Important--*/
	top: 20px; left: 1px;
	border:2px solid #2b1057;
/*	background-color: #d7c8f1;*/
/*	padding:10px;*/
	float: left;

/*	color:#ffffff;*/
	background-color:#fff;
	/*text-shadow:none;*/
/*	border:1px solid #7858ac;*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	box-shadow: #777 0 3px 5px;
	-webkit-box-shadow: #777 0 3px 5px;
	-moz-box-shadow: #777 0 3px 5px;
	width:200px;
	z-index:1;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	
	margin:0 -2px;
	
	display:none;
	
/*	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius: 0;*/
}

.range_sub,  x:-moz-any-link  { top:22px; }

.active .sub {
	margin:0px -1px;
}
.sub h3 {
	font-size:12px;
	
}
.sub ul {
	
}
#main_nav .sub ul {
	margin:0;
	padding:0;
	
}
#main_nav .sub ul li {
	margin:0;
	padding:0;
	float: none;
}
#main_nav .sub ul li a, .range_sub ul li a {
	padding:5px 10px;
	-moz-border-radius:inherit;
	-webkit-border-radius:inherit;
	border-radius: inherit;
	font-family:inherit;
	font-size:11px;
	border:0;
	border-top:1px solid #7858ac;
	display: list-item;
	list-style: circle inside;
	color:#9d7cd2;
	background-color:transparent;
}
.range_sub ul li a {
	color:#2b1057;
}
#main_nav .sub ul li:first-child a, .range_sub ul li:first-child a {
	border-top:none;
	padding-top:6px;
}
#main_nav .sub ul li a:hover, .range_sub ul li a:hover {
/*	background-color:#2b1057;*/
	background:transparent url('../img/trans.png') repeat-x top;
	
	color:white;
}
.range_sub ul li a:hover {
	color:#753cd2;
}

#content {
	clear:both;
/*	padding-top:10px;*/
}
#content .box {
	background-color:white;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius: 6px;
	
	box-shadow: #aaa 0 0 10px; 
	-webkit-box-shadow: #aaa 0 0 10px;
	-moz-box-shadow: #aaa 0 0 10px;
	border: 1px solid #999;
	margin-bottom:20px;
}
#content .box p {
	margin:10px;
}
#content .box .bottom {
	margin:0;
	margin-top:10px;
}
#content .box div.actions {
	float:right;
	margin-top:-22px;
	margin-right:10px;
	position: relative; 
}
#content .box ul.tabs {
	float:right;
	margin-top:-23px;
	margin-right:10px;
	position: relative;
}

#content .box ul.tabs,  x:-moz-any-link  { margin-top:-24px; }

#content .box ul.tabs li {
	display:inline;
	float:left;
	margin-left:5px;
}
#content .box ul.tabs li a {

	border-radius: 6px 6px 0 0;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;

	padding:3px 8px;
	background-color:#3b1b70;
	display:block;
	color:#ac8be2;
	border:1px solid #ac8be2;
	border-bottom:0;
/*	color:#ba95f4;*/
/*	text-shadow: #3b1b70 0px 1px 2px;*/
}
#content .box ul.tabs li a.active {
	background:none;
	background-color:white;
	/*text-shadow:none;*/
/*	border:1px solid #7858ac;*/
/*	color:white;*/
	color:#3b1b70;
	
	border:1px solid #fff;
	border-bottom:0;
}
#content .box ul.tabs li a:hover {
	color:#fff;
}
#content .box ul.tabs li a.active:hover {
	color:#3b1b70;
}
#content .box h2 {
	
	font-size:14px;
	font-weight:bold;
	background: transparent url('../img/_box_header_bg.png') repeat-x;
	color:white;
	text-shadow: #3b1b70 0px 1px 2px;
	border-radius: 6px 6px 0 0;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	position: relative; 
	margin: -1px -1px 0 -1px; 
	padding:5px 10px;
	padding-top:7px;
}
#content .full {
	clear:both;
	width:1000px;
}
#content .half {
	float:left;
	width:488px;
	margin-right:20px;
}
#content .three {
	float:left;
	width:743px;
	margin-right:20px;
}
#content .quarter {
	float:left;
	width:233px;
	margin-right:20px;
}
#content .login {
	float:left;
	width:380px;
}
#content .first {
	clear:both;
}
#content .last {
	margin-right:0;
}
#footer {
	color:#888;
	text-align:center;
	font-size:10px;
	clear:both;
	padding:20px;
}

/**/
dl {
	line-height: 2em;
	margin: 0em 0em;
	width: 80%;
	margin:10px;
}
dl.altrow {
	background: #f4f4f4;
}
dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
	padding-top:5px;
}
dd {
	margin-left: 10em;
	margin-top: -2em;
	vertical-align: top;
}

input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}

/* content styling
--------------------------------------*/

/* stylish buttons with rounded corners */
.button {border: 1px solid #3b1b70; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #4805ad url("../img/button.gif") repeat-x; padding: 5px 9px 5px; text-shadow: #00487a 1px 1px 0; color: #fff; cursor: pointer;}
.search_button {
	padding:3px 7px 3px;
}
	.button:hover,
	.button:focus,
	.button:active {border-color: #272727; background: #2a2a2a url("../img/altbutton.gif") repeat-x; text-shadow: #000 1px 1px 0; color: #fff;}
	/* alternative colors */
	.altbox .button {border: 1px solid #272727; background: #2a2a2a url("../img/altbutton.gif") repeat-x; text-shadow: #000 1px 1px 0;}
	.altbox .button:hover,
	.altbox .button:focus,
	.altbox .button:active {border-color: #00487a; background: #0567ad url("../img/button.gif") repeat-x; text-shadow: #00487a 1px 1px 0; color: #fff;}
	.altbutton {border: 1px solid #272727; background: #2a2a2a url("../img/altbutton.gif") repeat-x; text-shadow: #000 1px 1px 0;}
	.altbutton:hover,
	.altbutton:focus,
	.altbutton:active {border-color: #00487a; background: #0567ad url("../img/button.gif") repeat-x; text-shadow: #00487a 1px 1px 0; color: #fff;}
	.altbox .altbutton {border: 1px solid #00487a; background: #0567ad url("../img/button.gif") repeat-x; text-shadow: #00487a 1px 1px 0;}
	.altbox .altbutton:hover,
	.altbox .altbutton:focus,
	.altbox .altbutton:active {border-color: #272727; background: #2a2a2a url("../img/altbutton.gif") repeat-x; text-shadow: #000 1px 1px 0; color: #fff;}

/* icons for content links etc. */
.ico { border: 0 !important; }
.ico-a { border: 0 !important; padding-left: 20px !important; }

/* tags, filetypes */
.clickbtn {
	padding: 2px 7px; color: #fff !important;
	border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
	background: #3b1b70;
	font-size:13px;
}
.clickbtn_com {
	padding: 2px 7px; color: #fff !important;
	border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
	background: darkgreen;
	font-size:13px;
}
.clickbtn_con {
	padding: 2px 7px; color: #fff !important;
	border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
	background: darkred;
	font-size:13px;
}
.clickbtn:hover {
	background-color:#753cd2;
}
.clickbtn_com:hover {
	background-color:green;
}
.clickbtn_con:hover {
	background-color:red;
}
.tag {
	padding: 4px 7px; color: #fff !important;
	border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}
.tag-gray { /* feel free to add more tag types, just change the colors of gradients/borders */
	border-bottom: 1px solid #666;
	background: #999;
	background: gradient(linear, left top, left bottom, from(#bbb), to(#999));
	background: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#999));
}

/* error/information messages */
.msg {
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border: 1px solid; margin: 0 0 15px 0; padding: 8px 10px 0 10px;
	margin:10px;
}
form .msg {
	margin-top:-5px;
	margin-bottom:15px;
}
#content .box .msg p {margin: 0 0 8px 0;}
.msg p {margin: 0 0 8px 0; padding-left: 25px;}
.msg-ok {border-color: #a6d877; background: #d2ecba url("../img/msg-ok.png") repeat-x; color: #336801;}
.msg-error {border-color: #f3abab; background: #f9c9c9 url("../img/msg-error.png") repeat-x; color: #8d0d0d;}
.msg-warn {border-color: #d7e059; background: #f3f7aa url("../img/msg-warn.png") repeat-x; color: #6c6600;}
.msg-info {border-color: #9fd1f5; background: #c3e6ff url("../img/msg-info.png") repeat-x; color: #005898;}
.msg-ok p {background: url("../img/led-ico/accept.png") 0 50% no-repeat;}
.msg-error p {background: url("../img/led-ico/cross_octagon.png") 0 50% no-repeat;}
.msg-warn p {background: url("../img/led-ico/exclamation_octagon_fram.png") 0 50% no-repeat;}
.msg-info p {background: url("../img/led-ico/exclamation.png") 0 50% no-repeat;}
.error {color: #b70b0b;}
/* forms */
form {padding: 18px;}
form.plain {padding: 0;} /* plain forms - used in tabular and grid data structures, TAKE CARE of it, please */
form.plain fieldset {border: 0 !important; padding: 0 !important;}
form.basic dl {width: 100%; overflow: hidden;} /* basic layout for forms */
form.basic dl dt,
form.basic dl dd {float: left;}
form.basic dl dt {padding: 3px 5px 3px 0; width: 20%;}
form.basic dl dd {padding: 3px 0 3px 5px; width: 76%;}

label.check,
label.radio {margin-right: 5px;}
form small {color: #999; font-size:10px; font-style: italic; margin-top:4px; display:block}
input.txt,
textarea, select.txt {
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border: 1px solid #bbb; background: url("../img/txt.gif") repeat-x; padding: 5px 2px;
	width: 100%;
	font-family:"Lucida Grande", Arial;
	font-size:11px;
}
select.txt {
	padding:4px 2px;
}
select.txt option {
	background-color:white;
}
input.txt:hover,
textarea:hover, input.txt:focus, textarea:focus{
	border:1px solid #888;
}
form.basic input.txt,
form.basic textarea {width: 100%;}
.error-message {
	margin-top:10px;
	font-style: italic;
	color:darkred;
	font-size:11px;
}
select[multiple=multiple] {
	width: 100%;
}
input.form-error,
input.error,
textarea.error {border-color: #d35757; background-image: url("../img/txt.gif");}
span.loading {background: url("../img/upload.gif") 0 50% no-repeat; padding: 3px 0 3px 20px;}
form.fields {} /* plain and clean layout for forms */
form.fields fieldset {
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border: 1px solid #ccc; margin-bottom: 15px; padding: 10px 15px 15px 15px;
}
#type_header h3 {
	font-size:16px;
	margin:10px -20px;
	margin-top:20px;
	padding:5px 10px;
	padding-top:0;
	border-bottom:1px solid #ccc;
	background: transparent url('../img/sub_nav_btn.png') repeat-x bottom;
	text-shadow: #fff 1px 1px 1px;
}
.fields h3 {
	font-size:16px;
	margin:10px -15px;
	margin-top:0;
	padding:5px 10px;
	padding-top:0;
	border-bottom:1px solid #ccc;
	background: transparent url('../img/sub_nav_btn.png') repeat-x bottom;
	text-shadow: #fff 1px 1px 1px;
}
form.fields fieldset.last {margin-bottom: 0; border-right: 1px solid #ccc !important;}
form.fields fieldset legend {padding: 0 10px; font-size: 110%; font-weight:bold; display:none;}
form.fields label,
form.fields div.sep {display: block; margin-top: 6px; margin-bottom:4px; color:#333333; font-weight:bold;}
form.fields label.check,
form.fields label.radio {display: inline; margin-top: 0;}
form.fields span.loading {margin-left: 10px;}
.submit {
	margin-top:20px;
}
/* lists for actions (remove, modify) */
ul.actions {margin: 0;}
ul.actions li {display: inline; margin-right: 5px;}

/* boxes' content types – tabular */
#content .box .box_content {margin-bottom: 5px;}
#content .box .box_content table {width: 100%;}
#content .box .box_content table th a {display: block; border: none;}
#content .box .box_content table th,
#content .box .box_content table td {padding: 10px 10px 8px 10px; vertical-align: middle;}
#content .box .box_content table th {text-align: left; font-weight: normal; border-top:1px solid #ccc;}
#content .box .box_content table tr.even th,
#content .box .box_content table tr.even td {background: #f5f5f5;}
.altbox .content table tr.even th,
.altbox .content table tr.even td {background: #f0f9ff;}
#content .box .box_content table th.first,
#content .box .box_content table td.first {padding-left: 20px;}
#content .box .box_content table thead th,
#content .box .box_content table thead td {border-left: 1px solid #f2f2f2; border-right: 1px solid #d5d5d5; background: #ddd url("../img/thead.gif") repeat-x; text-shadow: #fff 0 1px 0;}
#content .box .box_content table tbody tr.first th,
#content .box .box_content table tbody tr.first td {border-top: 1px solid #bbb;}
.altbox .content table tbody {color: #00305d;}
#content .box .box_content table a.ico-comms {border: 0; background: url("../img/ico-tablecomms.gif") 50% 60% no-repeat; padding: 10px; color: #fff;}
#content .box .box_content table tfoot th,
#content .box .box_content table tfoot td {border-top: 1px solid #ccc; background: #fff url("../img/tfoot.gif") repeat-x;}


/* boxes' pagination */
.pagination {border-top: 1px solid #999; background: #fff url("../img/pagination.gif") repeat-x; text-align: center; color: #333 !important;}
.pagination ul {position: relative; top: -1px; padding: 12px 10px 6px;}
.pagination ul li {display: inline;}
.pagination a {
	border: 0; background: #ebebeb url("../img/pagination-item.gif") repeat-x; margin: 0 5px; padding: 6px 10px; color: #333 !important;
	border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 5px;
	display: inline;
}
.pagination .disabled {
	border: 0; margin: 0 5px; padding: 6px 10px;
	display: inline;
	color: #999;
}
.pagination a:hover,
.pagination a:active,
.pagination a:focus {color: #753cd2 !important;}
.pagination strong {position: relative; padding: 15px 10px 8px;}
.page_info {
	position: absolute; right: 9px; bottom:8px;
	color:#fff;
	text-shadow: #07365f 1px 1px 1px;
	font-size:11px;
	font-weight:normal;
}
.current {
	background: url("../img/pagination-arrow.gif") 51% 0 no-repeat;
	border: 0; margin: 0 5px; padding: 6px 10px; color: #333 !important;
	border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 5px;
	position: static;
	margin-top:0px;
	padding-top:13px;
	font-weight:bold;
}

/* LOGIN */
#content #login_content {
	text-align:center;
}
#content #login_form {
	float: none;
	clear:both;
	margin: 0 auto;
	text-align:left;
	margin-bottom:20px;
}

/* Notices and Errors */
div.message {
/*	clear: both;
	color: #900;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;*/
}
div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family:"Monaco", 'Courier', 'Monospace';
	font-size: 12px;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family:"Monaco", 'Courier', 'Monospace';
	font-size: 12px;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}

/*  Actions  */
div.actions ul {
	margin: 0px 0;
	padding: 0;
}
div.actions li {
	display: inline;
	list-style-type: none;
	line-height: 2em;
	margin: 0 2em 0 0;
	white-space: nowrap;
}
div.actions ul li a {
	background:#fff;
	color: #003d4c;
	text-decoration: none;
}
div.actions ul li a:hover {
	color: #333;
	text-decoration: underline;
}

/* Debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
	font-family:"Monaco", 'Courier', 'Monospace';
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	border: 4px dotted #ffcc00;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #ff0;
	padding: 4px;
}
div.code-coverage-results div.code-line {
	padding-left:5px;
	display:block;
	margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
	background:#ecc;
}
div.code-coverage-results div.covered span.content {
	background:#cec;
}
div.code-coverage-results div.ignored span.content {
	color:#aaa;
}
div.code-coverage-results span.line-num {
	color:#666;
	display:block;
	float:left;
	width:20px;
	text-align:right;
	margin-right:5px;
}
div.code-coverage-results span.line-num strong {
	color:#666;
}
div.code-coverage-results div.start {
	border:1px solid #aaa;
	border-width:1px 1px 0px 1px;
	margin-top:30px;
	padding-top:5px;
}
div.code-coverage-results div.end {
	border:1px solid #aaa;
	border-width:0px 1px 1px 1px;
	margin-bottom:30px;
	padding-bottom:5px;
}
div.code-coverage-results div.realstart {
	margin-top:0px;
}
div.code-coverage-results p.note {
	color:#bbb;
	padding:5px;
	margin:5px 0 10px;
	font-size:10px;
}
div.code-coverage-results span.result-bad {
	color: #a00;
}
div.code-coverage-results span.result-ok {
	color: #fa0;
}
div.code-coverage-results span.result-good {
	color: #0a0;
}
input.bigger {
	font-size:18px;
}
/* VIEW PAGES */
#type_header {
	padding:20px;
}
#type_header img.screen {
	float:left;
	margin-right:20px;
	border:1px solid #333333;
}
#info {
	float:left;
}
#type_header h1 {
	font-weight:bold;
	font-size:18px;
}
#related {
	margin-top:10px;
	font-weight:bold;
}
#todays_stats {
	text-align:center;
	margin-top:20px;
}
#todays_stats .big {
	font-size:14px;
	color:#999;
	margin:2px;
}

/* HOME */
#home_left {
	float:left;
	margin-left:20px;
	width:600px;
	margin-right:20px;
}
#home_left h1 {
	font-size:30px;
	font-family:'arial rounded MT bold', "lucida grande", Arial;
	color:#362453;
	margin-top:15px;
	margin-bottom:15px;
}
#home_left h1 img {
	margin-bottom:-6px;
	margin-right:10px;
}
.oo {
	color:#8d6dc2;
}
#home_right {
	float:left;
	width:360px;
}
#home_right h2 {
	font-size:24px;
	font-family:'arial rounded MT bold', "lucida grande", Arial;
	color:#362453;
	margin-top:19px;
	margin-bottom:15px;
}
#about p {
	font-size:14px;
	margin-bottom:14px;
	margin-left:4px;
}
#iphoneimg {
	float:left;
	margin-right:20px;
}
#iphone p {
	margin-bottom:10px;
	font-size:11px;
}
.gray {
	color:#757575;
}
#features {
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #dadada;
}
.feature {
	float:left;
	width:290px;
	margin-right:10px;
	margin-bottom:20px;
	font-size:12px;
}
.feature p {
	margin-left:36px;
}
.feature h4 {
	color:#5d3e8e;
	font-size:18px;
	font-family:'arial rounded MT bold', "lucida grande", Arial;
	margin-bottom:10px;
}
.feature h4 img {
	margin-bottom:-7px;
	margin-right:4px;
}
#testimonials {
	margin-top:30px;
	text-align:center;
}
#testimonial_content {
	margin:0 auto;
	text-align:left;
	width:320px;
	padding:15px;
	border:1px solid #dadada;
	background-color:#f5f5f5;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#testimonial_content h4 {
	font-size:16px;
	color:#362453;
	font-family:'arial rounded MT bold', "lucida grande", Arial;
	margin-bottom:20px;
}
#testimonial_content h4 img {
	margin-bottom:-12px;
	margin-right:4px;
}
#testimonial_content p {
	font-style: italic;
	font-size:12px;
}
#testimonial_content p img {
	float:left;
	margin-right:10px;
}
#testimonial_content div {
	margin-top:20px;
}

#calc {
	margin-top:30px;
	text-align:center;
}
#calc_content {
	margin:0 auto;
	text-align:left;
	width:320px;
	padding:15px;
	border:1px solid #dadada;
	background-color:#f5f5f5;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#calc_content h4 {
	font-size:16px;
	color:#362453;
	font-family:'arial rounded MT bold', "lucida grande", Arial;
	margin-bottom:20px;
}
#calc_content h4 img {
	margin-bottom:-8px;
	margin-right:4px;
}
#calc_content p {
/*	font-style: italic;*/
	font-size:12px;
}

#calc_content div {
	margin-top:20px;
}


/* FROM SIMPLE */
/* SIMPLE THEME */


#content p {
	margin:10px 0;
	line-height:20px;
}
#content pre code {
	font-family:"Monaco", "Courier";
}
#content pre {
	background-color:#222;
	color:#fff;
	font-size:12px;
	padding:10px 0;
	font-family:"Monaco", "Courier";
	overflow: auto;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-right:10px solid #222;
	border-left:10px solid #222;
	overflow-y: hidden ! important; overflow-x: auto ! important;
	line-height:16px;
	margin:10px 0;
}
.breaker {
	clear:both;
}
.left {
	float:left;
}
.right {
	float:right;
}

blockquote {
	margin:10px 20px;
	font-style:italic;
	color:#222;
	font-family:Georgia;
	background-color:#ecf9f9;
	padding:10px 20px;
	font-size:13px;
	line-height:20px;
}
.paging {
	text-align:center;
	margin-bottom:10px;
}
.block {
	margin-bottom:20px;
}
#sidebar h3 {
	
	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;
	
	-moz-border-radius-topright:6px;
	-webkit-border-top-right-radius:6px;
	
	color:#000;
	font-size:16px;
/*	text-transform: uppercase;*/
	padding:10px;
	border:1px solid #dadada;
	background-color:#f5f5f5;
	
	font-family:'arial rounded MT bold', "lucida grande", Arial;
	font-weight:normal;
	
/*	text-shadow: 1px 1px 1px #d4efef;*/
}
.block ul {
	
}
.block ul li {
	list-style-type: none;
}
.block ul li a {
	font-weight:bold;
	padding:10px;
	border:1px solid #dadada;
	background-color:#fff;
	border-top:none;
	display:block;
}
.block ul li a:hover {
	background-color:#f2edf9;
}
.post_title {
	margin-bottom:10px;
	border-bottom:1px dashed #ddd;
	padding-bottom:15px;
}
.node {
	line-height:20px;
	margin-bottom:40px;
}
.node-body h3 {
	margin:20px 0;
	font-size:16px;
}
.node p {
	margin:10px 0;
	font-size:12px;
}
.node h2 a {
	font-size:18px;
/*	line-height:26px;*/
/*	text-shadow: 1px 1px 1px #d4efef;*/
	font-weight:bold;
/*	margin-bottom:30px;*/
/*	font-family:'arial rounded MT bold', "lucida grande", Arial;*/
}
.node h2 {
	margin-bottom:6px;
}
.post_title a:hover {
	color:#ff8a00;
	text-shadow: none;
}
.node-info {
	font-size:11px;
/*	font-style:italic;*/
/*	font-family:Georgia;*/
/*	text-transform: uppercase;*/
	color:#707070;
}
.node-more-info {
	border:1px solid #dadada;
	background-color:#f5f5f5;
	padding:10px;
	margin:20px 0;
	font-size:12px;
	color:#707070;

	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

.highlight {
	background-color:yellow;
}


.comments h3 {
	font-weight:normal;
	font-size:22px;
	margin-bottom:20px;
	font-family:'arial rounded MT bold',"lucida grande",Arial;
}
.comments h3 img {
	margin-bottom:-8px;
	margin-left:4px;
}
.comment-form fieldset, .contact-form fieldset, .login-form fieldset {
	margin:20px;
	margin-left:10px;
	margin-right:10px;
	border:1px solid #ddd;
	padding:20px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.comment-form fieldset legend, .contact-form fieldset legend, .login-form fieldset legend {
	font-weight:bold;
	font-size:18px;
}
.comment-form label, .contact-form label, .login-form label {
	font-weight:bold;
	display:block;
	float:left;
	width:80px;
	margin-top:8px;
}
.comment-form .back {
	margin-bottom:20px;
	font-weight:bold;
}
.comment-form .error-message, .contact-form .error-message, .login-form .error-message  {
	display:block;
	clear:both;
	color:#cf0000;
	font-size:11px;
	font-weight:bold;
	margin-bottom:10px;
}
.comment-form input[type=text], .comment-form textarea, .contact-form input[type=text], .contact-form textarea, .login-form input[type=text], .login-form input[type=password], .login-form textarea {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border:1px solid #abe3e4;
	background-color:#ecf9f9;
	padding:5px;
	font-size:12px;

	margin-bottom:10px;
	
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border: 1px solid #bbb; background: url("../img/txt.gif") repeat-x; padding: 5px 2px;
	width: 100%;
	font-family:"Lucida Grande", Arial;
	font-size:11px;
}
.comment-form input[type=submit], .contact-form input[type=submit], .login-form input[type=submit] {
	margin-top:10px;
}
.comment-form input[type=text], .contact-form input[type=text], .login-form input[type=text], .login-form input[type=password] {
	display:block;
	float:left;
	width:300px;
}
.comment-form textarea, .contact-form textarea {
	width:380px;
}

.comments .comment .comment { margin: 0px 0px 0px 40px; font-style:normal; }
.comment {
	font-style:normal;
}

.comment .comment-info { border: 1px solid #ddd; background: #f7f7f7; display: block; height: 39px; }
.comment .avatar { float: left; }
.comment .avatar img { padding: 3px; }
.comment .name { float: left; padding: 8px 0px 8px 10px; font-weight: bold; color: #000; padding-top:12px; }
.comment .date { float: left; padding: 8px; color: #666; padding-top:12px; }
.comment .comment-body { clear: both; font-size: 13px; padding: 10px 0px 3px 0px; line-height:20px; margin-bottom:10px; color:black; font-style:normal;}
.comment .comment-reply { padding: 10px 5px 10px 0px; float:right; padding-top:12px; }
.comment .comment-reply a { border:1px solid #ddd; font-size: 11px; text-transform: lowercase; color: #000; background: #fff; padding: 5px; text-decoration: none; margin-bottom:4px; }
.comment .comment-reply a:hover { background: #eee; color: #000; border:1px solid #ccc; }

/* Bottom */
.bot_content {
	float:left;
	width:300px;
	font-size:12px;
	margin-right:20px;
}
.bot_content h4 {
	font-size:18px;
	color:#362453;
	font-family:'arial rounded MT bold', "lucida grande", Arial;
}
.bot_content h4 img {
	margin-bottom:-8px;
	margin-right:4px;
}
.bot_content ul {
/*	margin-top:10px;*/
}
.bot_content ul li {
	margin-top:20px;
	border-bottom:1px solid #ddd;
	padding-bottom:20px;
}
.li_small {
	font-size:11px;
}

#login_link {
	margin-top:18px;
	margin-left:40px;
}
#login_link a {
	color:white;
	font-weight:bold;
	font-size:16px;
	text-shadow: #3b1b70 0px 1px 2px;
}
#login_link a img {
	margin-bottom:-8px;
}
#flashMessage {
	border:1px solid #868800;
	padding:4px 8px;
	padding-left:30px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color:#000;
	background: lightyellow url('../img/icons/lightbulb.png') 6px 2px no-repeat;
	font-size:10px;
	display:inline;
	font-weight:bold;
}
.node-body h3 {
	font-size:18px;
/*	font-weight:bold;*/
	color:#5D3E8E;
	font-family:'arial rounded MT bold',"lucida grande",Arial;
}
.node-body #features_page p {
/*	font-size:13px;*/
	margin-right:50px;
}
.node-body #features_page h3 {
	margin-top:0;
}
#features_page img {
	float:left;
	margin-right:20px;
	border:2px solid #fff;
	
	box-shadow: #aaa 0 0 6px; 
	-webkit-box-shadow: #aaa 0 0 6px;
	-moz-box-shadow: #aaa 0 0 6px;
	
	height:100px;
	width:100px;
}

/*plans*/
.plan ul li {
	border-bottom:1px dotted #ccc;
	margin-bottom:2px;
	padding-bottom:2px;
	background: transparent url('../img/icons/accept.png') no-repeat left 1px;
	padding-left:22px;
}
.plan strong {
	color:darkred;
}
#pro.plan ul li {
	background: transparent url('../img/icons/accept.png') no-repeat left 3px;
}
#starter {
	font-size:12px;
	position: absolute;
	margin-top:162px;
	margin-left:10px;
	width:210px;
}
#pro {
	font-size:14px;
	position: absolute;
	margin-top:162px;
	margin-left:240px;
	width:250px;
}
#super {
	font-size:12px;
	position: absolute;
	margin-top:162px;
	margin-left:514px;
	width:210px;
}
#enterprise {
	font-size:12px;
	position: absolute;
	margin-top:162px;
	margin-left:750px;
	width:210px;
}
#container_mid.plans h1 {
	text-align:center;
	font-size:42px;
/*	margin-bottom:10px;*/
	color:black;
	letter-spacing:-1px;
	margin-bottom:0;
	margin-top:-10px;
	text-shadow: #eee 1px 1px 1px;
}
#container_mid.plans h2 {
	margin-top:-10px;
	text-align:center;
	font-size:26px;
	margin-bottom:10px;
	color:#333;
	letter-spacing:-1px;
	text-shadow: #eee 1px 1px 1px;
}
#starter.plan a {
	display:block;
	background-color:transparent;
	width:131px;
	height:34px;
	margin-top:8px;
	margin-left:45px;
}
#pro.plan a {
	display:block;
	background-color:transparent;
	width:144px;
	height:38px;
	margin-top:7px;
	margin-left:49px;
}
#super.plan a {
	display:block;
	background-color:transparent;
	width:131px;
	height:34px;
	margin-top:8px;
	margin-left:29px;
}
#enterprise.plan a {
	display:block;
	background-color:transparent;
	width:131px;
	height:34px;
	margin-top:8px;
	margin-left:37px;
}
.free {
/*	color:darkgreen;*/
}
.plan strong.green {
	color:darkgreen;
}
#faq {
	margin-bottom:40px;
}
#faq p {
	font-size:12px;
}
#faq h3 {
	font-weight:bold;
	font-size:16px;
	color:black;
	margin-top:20px;
	margin-bottom:-10px;
}

.normal {
	font-size:12px;
}