@import url('/css/reset.css');
body{margin: 0;padding: 0;text-align: center;background: #fff url('/images/bg.gif') top repeat-x;}
div#main, div#footer{width: 900px;margin: 30px auto;text-align: left;font-family: Verdana;font-size: 12px;color: #000;}
div#logo{margin: 0 0 15px 0;padding-top:15px;}
div#footer {margin: 0 auto 15px auto;text-align: center;color: #666;}
a, a:link, a:visited, a:hover {color: #06c;font-weight: bold;}
a:hover {text-decoration: none;}
a img, a:link img, a:visited img {	border: 0;}
div#nav {	float: right;	text-transform: uppercase;}
.slogan{border-top: 1px solid #bbb;border-bottom: 1px solid #bbb;padding: 15px 0;margin: 0;text-align: center;}
h1{margin: 0;padding: 0;font-family: 'Trebuchet MS', Arial;font-size: 14pt;color: #444;}
h2 {margin: 0;padding: 0;font-family: 'Trebuchet MS', Arial;font-size: 12pt;color: #444;}
#homecreate,#bluebox{background: #E7F4F8;padding: 16px;-moz-border-radius: 10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;margin: 15px 0;border: 1px solid #474849;}
table, td {margin: 0;padding: 0;border: 0;border-collapse: collapse;}
#homecreate td {clear: both;vertical-align: top;text-align: left;font-family: arial;font-size: 9pt;padding: 10px;}
#siteshots {	margin-top: 15px;}
#siteshots td {vertical-align: top;text-align: left;font-family: arial;font-size: 9pt;padding: 0;}
#siteshots div {background: #def4ff;padding: 5px;}
#siteshots div img {border: 1px solid #444;}
#homecreate h2 {margin-bottom: 15px;}
.register label {float: left;clear: left;margin-right: 1em;width: 60px;}
.urls label {float: left;clear: left;margin-right: 1em;width: 40px;}
label {margin-bottom: 5px;}
input {font-family: Arial;font-size: 8pt;color: #444;margin-bottom: 5px;}
#submit{font-family: 'Trebuchet MS', Arial;font-size: 12pt;font-weight: bold;color: #444;}
/* ====================== */
/* Tables                 */
/* ====================== */
.tbox a,{font-weight:bold;}
.tbox table {width: 100%;border: 5px solid #DEF1F8;}
.tbox thead tr th {font-weight: bold;background: #474849;color: #eee;padding: 12px 13px;}
.tbox tbody tr td {	/*border-top: 1px solid #DEF1F8;*/padding: 12px 13px;background: #EDF3F5;}
.tbox tbody tr.alt td { background: #fff; }	
/*.tbox tbody tr:hover td {background: #FFFECC;}*/
.tbox form {background: #E7F4F8;padding: 16px;-moz-border-radius: 10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
.input_field {clear:both;}
.input_field label {display:block;text-align:right;width:100px;float:left;position: relative;top:6px;padding-right: 6px;}
.input {border: 3px solid #DFF1F6;padding: 6px;}
.input:focus {border-color: #9DE2F6;}
.smallfield { width: 100px; }
.mediumfield { width: 200px; }
.bigfield { width: 400px; }
.textarea {font-family: "Helvetica", Arial, sans-serif;}	
.validate_success,.validate_error {	padding-left: 18px;	font-style: italic;	margin-left: 4px;}
.paginator {margin: 0px;padding: 0px; list-style: none; display: block;clear: both;padding: 8px 0px 0px;}
.paginator li {display: inline;}
.current a,.previous a,.next a,.page a {background: #E7F4F8;border: 1px solid #E7F4F8;padding: 5px 7px;-moz-border-radius: 6px;-khtml-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}
.previous a:hover,.next a:hover,.page a:hover {	border-color: #9DE2F6;	color: #39B2D4;}
.current a {background: #42BFE2;border-color: #1C99BD;color: #fff;}
.empty {color: #888;padding: 5px 7px;}
.button,.submit {
	padding:5px 6px;background:#fff url(/images/bg_btn.gif) repeat-x bottom left;border:2px solid #84C0D2;
	color:#545454;-moz-border-radius: 10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
	font-weight:bold;text-transform:lowercase;color: #545454;margin: 0px 2px;cursor: pointer;cursor: hand;}
.button:hover,.submit:hover {	border:2px solid #4A9DB6;	text-decoration:none;	color: #545454;}
.button img{margin:0px;}
.clear{clear:both;}
.bar {background-color: #fff;text-align: right;border-right: solid 1px black;border-left: solid 1px black;padding-right: 0.5em;width: 400px;}
.bar div { border-top: solid 2px #0077DD;background-color: #004080;border-bottom: solid 2px #002266;text-align: right;color: white;float: left;padding-top: 0;height: 1em;}
#primary {float:right;width: 850px;padding:20px 0px;}
#col-left {float:left;width:420px;}
#col-right {	float:left;	width:420px;padding-left:10px;}
.datatableborder {border: 8px solid #e1f3fd;}
.datatable {width: 100%;background: #fff;border: 3px solid #b1e0fc;}
.datatable th, .datatable td {font-family: arial;font-size: 9pt;border-bottom: 1px solid #ccc;white-space: nowrap;}
.datatable th, .datatable td.total {font-size: 10pt;padding: 10px 20px 10px 10px;color: #666;font-weight: bold;}
.datatable td {padding: 5px 20px 5px 8px;vertical-align: middle;}
.datatable  tr:hover td {}
.datatable a:link, .datatable a:visited {text-decoration: none;}
.datatable a:hover {text-decoration: underline;}
th.right, td.right {text-align: right;}
td.expandable {padding: 0;}
.drilldown_row {background: url('/images/bluestripes.gif') top left repeat-y;padding-left: 24px;	}
.drilldown_row .datatable td {border-bottom: none;}
a.website_action:link, a.website_action:visited {color:#666666;font-size:8pt;font-weight:normal;}
.contentbox {font-family: arial;font-size: 10.5pt;line-height: 1.3em;padding: 10px;background: #fff;}
.contentbox .message {background: #fff7d4;padding: 5px;font-size: 9pt;margin-bottom: 5px;}
.contentbox h2, #modal h2 {font-family: 'Trebuchet MS', arial;font-size: 12pt;color: #06c;background-color: #e1f3fd;padding: 2px 5px;margin-bottom: 10px;}
textarea.code {font-family: 'Courier New', arial;font-size: 8pt;width: 690px;height: 100px;border: 1px solid #ccc;padding: 5px;}
.contentbox em {border-bottom: 2px solid #cbecff;font-style: normal;}
td.page_title {margin:0;padding:0;white-space:nowrap;width:100%;}
h1#page_title {font-size:14pt;font-family:'Trebuchet MS',arial;font-weight:bold;margin:0 0 5px;padding:0;}
.crumbs {color: #777;font-size: 10px;}
.crumbs A {color: #777;text-decoration: none;}
.crumbs A:hover {text-decoration: underline;}
#navbar {margin:0px auto;}
#navbar ul {list-style: none;display: block;	margin: 0;padding: 0;float: right;}
#navbar ul li {display: block;	float: left;font-family: arial;	font-size: 12px;font-weight: bold;background: #333;margin-left: 15px;
-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;}
#navbar ul li a,#nav ul li a:visited,#nav ul li a:active {display: block;	padding: 8px 10px;color: #fff;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;}
#navbar ul li a:hover {text-decoration: none;background-color: #474849;color: #fff;}
.topbar {float: right;font-size: 11px;position: absolute;bottom: 12px;right: 40px;}
.topbar a:hover {  color: #CCC;}
.topbar ul{	display:inline;list-style-type:none;margin:5px;}
.topbar li{display:inline;float:left;padding-bottom:10px;margin-left:10px;}
.topbar li.btn{padding-bottom:1px;}
#fields {width: 100%;height: 100%;}
#fields .field, #fields div {padding-top: 10px;clear: both;}
#fields .label {width: 125px;}
#fields .label a {font-size: 11px;color: #F26343;	}
#fields .label, #fields .box {float: left;}

#rfields {width: 100%;height: 100%;}
#rfields .rfield, #fields div {padding-top: 10px;clear: both;}
#rfields .label {width: 125px;}
#rfields .label a {font-size: 11px;color: #F26343;	}
#rfields .label, #rfields .box {float: left;}