/* GENERAL */

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, img { 
	margin: 0;
	padding: 0;
	border: 0;
}

table, tr, td {
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
}

td {
	vertical-align: top;
}

th {
	text-align: left;
}

html {
	height: 100%;
}

body {
	background: #fff;
	text-align: center;
	height: 100%;
}

a:link, a:visited {
	color: #06c;
}

.padding {
	padding: 10px;
}

/* HEADER & NAVIGATION */

#headerbar {
	text-align: center;	
	background: #eee;
	border-bottom: 1px solid #ccc;
	padding: 5px 0;
}

#headerbar table {
	width: 740px;
	margin: 0 auto;
}

#headerbar td {
	font-family: arial;
	font-size: 8pt;
	padding: 0;
	white-space: nowrap;
	color: #666;
}

#headerbar td#right {
	vertical-align: bottom;
	text-align: right;
	width: 100%;
}

#header {
	text-align: center
}

#header table {
	width: 740px;
	margin: 5px auto;
	text-align: left;
	border: 0;
	padding: 0;
}

#header td#logo {
	vertical-align: middle;
	padding: 7px 0;
}

#header td#switcher {
	vertical-align: middle;
	text-align: right;
	font-family: arial;
	font-size: 9pt;
	font-weight: bold;
	color: #999;
}

#header td#switcher select {
	font-family: arial;
	font-size: 9pt;
	font-weight: normal;
	margin-left: 5px;
}

#navbar_main {
	background-color: #e1f3fd;
}

#navbar_main_list {
	margin: 0px auto;
	width: 740px;
	text-align: left;
}

#navbar_main td {
	font-family: 'Trebuchet MS', arial;
	font-size: 10pt;
	font-weight: bold;
	white-space: nowrap;
	vertical-align: bottom;
}

#navbar_main td a:link, #navbar_main td a:visited {
	display: block;
	margin: 8px 0 0 0;
	padding: 4px 12px;
	color: #06c;
	text-decoration: none;
}

#navbar_main td img {
	margin: 0;
	display: inline;
	vertical-align: bottom;
	line-height: 10pt;
}

#navbar_main td a:link.selected, #navbar_main td a:visited.selected, #navbar_main td a:hover {
	background: url('/images/maintab_bg.gif') top repeat-x;
	color: #fff;
}

#navbar_sub {
	background-color: #06c;
}

#navbar_sub_list {
	margin: 0px auto;
	width: 740px;
	text-align: left;
}

#navbar_sub td {
	font-family: 'Trebuchet MS', arial;
	font-size: 9pt;
	font-weight: bold;
}

#navbar_sub td a:link, #navbar_sub td a:visited {
	display: block;
	text-decoration: none;
	color: #fff;
	margin: 0;
	padding: 0;
}

#navbar_sub td a:link em, #navbar_sub td a:visited em {
	display: block;
	padding: 6px 12px;
	font-style: normal;
}

#navbar_sub td a:link.selected, #navbar_sub td a:visited.selected, #navbar_sub td a:hover {
	background: url('/images/menu_arrow.gif') bottom center no-repeat;
}

/* FOOTER */

#footer {
	width: 740px;
	margin: 0px auto;
	background: #fff;
	text-align: center;
	font-family: arial;
	font-size: 8pt;
}

#footer table {
	border: 0;
	width: 100%;
}

#footer td {
	text-align: left;
	border: 0;
	padding: 10px 5px;
}

#footer td.left {
	width: 100%;
	white-space: nowrap;
	vertical-align: bottom;
	color: #666;
}

#footer td.right {
	vertical-align: bottom;
	text-transform: uppercase;
	letter-spacing: 9px;
	white-space: nowrap;
	color: #ccc;
}

/* ADMIN FORMS */

fieldset table {
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	width: 100%;
}

fieldset table th {
	font-family: 'Trebuchet MS', arial;
	font-size: 12pt;
	font-weight: bold;
	padding-bottom: 10px;
	text-align: left;
}

fieldset table th h2 {
	margin: 0;
	background-color: #e1f3fd;	
}

fieldset table td.label {
	text-align: right;
	padding: 0 10px 10px 0;
	white-space: nowrap;
	font-family: arial;
	font-size: 10pt;
}

fieldset table td.input {
	text-align: left;
	padding: 0 10px 10px 10px;
}

fieldset table td.input input {
	font-family: arial;
	font-size: 10pt;
}

fieldset table td.explanation {
	padding: 0 0 10px 10px;
}

fieldset table td.explanation div {
	background-color: #fff7d4;
	font-family: arial;
	font-size: 10pt;
	padding: 8px;
}

fieldset td.input input.submit {
	font-weight: bold;
	color: #06c;
}

/* SIGNUP PAGE */

#signup_form {
	width: 500px;
	margin: 0 auto;
	text-align: left;
}

#signup_form h2 {
	font-family: 'Trebuchet MS', arial;
	font-size: 13pt;
	font-weight: normal;
	color: #06c;
	margin: 15px 0 2px 0;
	padding: 0;	
}

.signup_table {
	border-top: 4px solid #06c;
	margin: 0;
	background: #e1f3fd;
	width: 100%;
}


.signup_table .label {
	white-space: nowrap;
	padding: 5px 10px;
	font-family:  arial;
	font-size: 9pt;
}

.signup_table .input {
	padding: 5px 10px;
}

.signup_table .remember {
	font-family: arial;
	font-size: 9pt;
	padding: 5px 10px;
}

.signup_table .input input {
	font-family: arial;
	font-size: 9pt;
	width: 150px;
}

/* LOGIN PAGE */

#login_page {
	margin: 20px auto;
	width: 450px;
	text-align: left;
}

#login_page img {
	margin: 0 0 5px 0;
}

#login_form {
	border: 1px solid #06c;
	background: #e1f3fd;
	text-align: center;
	padding: 8px;
}

#login_form table {
	padding: 0;
	width: 432px;
}

#login_form td, #login_form th {
	text-align: left;
	font-family: arial;
	font-size: 9pt;
	background: #fff;
	padding: 4px 10px;
}

#login_form th h1 {
	margin: 0;
	padding: 0;
	font-family: 'Trebuchet MS', arial;
	font-size: 14pt;
}

#login_form td.label {
	padding-left: 50px;
	white-space: nowrap;
}

#login_form td.instructions {
	padding: 4px 10px 10px 10px;
}

#login_form td.input {
	font-size: 8pt;
	width: 100%;
}

#login_form td.error {
	background: #fff7d4;
	color: #c00;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
}

#login_form td.submit {
	border-top: 1px solid #eee;
	padding: 10px;
}

#login_form td.submit input {
	font-size: 11pt;
	padding: 3px 5px;
}

/* CHART */ 

div.chartcontainer {
	border-top: 10px solid #e1f3fd;
	border-left: 8px solid #e1f3fd;
	border-right: 8px solid #e1f3fd;
	background: #ffffff;
	text-align: center;
}

.chart td.label_cell {
	text-align: center;
	font-family: arial;
	font-size: 8pt;
}

.chart td.above_graph_cell {
	text-align: right;
	font-family: arial;
	font-size: 8pt;
	padding-bottom: 1px;
	border-bottom: 1px solid #eee;
}

.chart td.below_graph_left {
	text-align: left;
	font-family: arial;
	font-size: 8pt;
	padding-top: 2px;
	border-top: 1px solid #eee;
}

.chart td.below_graph_right {
	text-align: right;
	font-family: arial;
	font-size: 8pt;
	padding-top: 2px;
	border-top: 1px solid #eee;
}

a:link.bar_normal, a:visited.bar_normal, a:link.bar_weekend, a:visited.bar_weekend {
	margin-left: 1px;
	margin-right: 1px;
	color: #fff;
	text-align: center;
	padding-top: 2px;
	font-family: arial;
	font-size: 8pt;
	text-decoration: none;
}

a:link.bar_normal, a:visited.bar_normal {
	background: #393;
	border-left: 1px solid #0c0;
	border-top: 1px solid #0c0;
	border-right: 1px solid #060;
}

a:link.bar_weekend, a:visited.bar_weekend {
	background: #3c3;
	border-left: 1px solid #6c6;
	border-top: 1px solid #6c6;
	border-right: 1px solid #090;
}

a:hover.bar_normal, a:hover.bar_weekend {
	background: #3c3;
}

/* CONTENT AREA */

#content {
	background-color: #fff;
	width: 740px;
	margin: 0px auto;
	padding: 10px;
	font-family: arial;
	font-size: 10pt;
	text-align: left;
}

#content h1 {
	padding: 0;
}

#content h1, #content h2 {
	font-family: 'Trebuchet MS', arial;
	font-size: 12pt;
	font-weight: bold;
	margin: 0 0 5px 0;
}

td.page_title {
	width: 100%;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

h1#page_title {
	font-size: 14pt;
}

td.page_modes {
	text-align: right;
	vertical-align: bottom;
	white-space: nowrap;
	margin: 0;
	padding: 0;
}

td.page_mode {
	white-space: nowrap;
	margin: 0;
	padding: 0;
}

.page_mode a:link, .page_mode a:visited {
	display: block;
	margin: 4px 0 0 0;
	padding: 2px 8px;
	color: #06c;
	text-decoration: none;
	font-family: 'Trebuchet MS', arial;
	font-weight: bold;
}

.page_mode a:link.selected, .page_mode a:visited.selected, .page_mode a:hover {
	background: url('/images/maintab_bg.gif') top repeat-x;
	color: #fff;
}

#date_options {
	background: #e1f3fd;
	padding: 8px 8px 0 8px;
	font-family: 'Trebuchet MS', arial;
}

#date_options a:link, #date_options a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #06c;
	margin: 3px 10px 3px 0;
}

#date_options a:hover {
	border-bottom: 1px solid #9cf;
}

#date_options a.selected:link, #date_options a.selected:visited {
	border-bottom: 1px solid #9cf;
}

#date_options_custom {
	background: #fff8d9;
	border-left: 8px solid #e1f3fd;
	border-right: 8px solid #e1f3fd;
	border-top: 8px solid #e1f3fd;
	padding: 8px;
	font-family: 'Trebuchet MS', arial;
}

#date_options_custom input {
	border: 1px solid #06c;
	font-size: 9pt;
}

.report {
	border: 1px solid #06c;
}

.datatableborder {	
	border: 8px solid #e1f3fd;
}

.datatable {
	width: 100%;
	background: #fff
}

.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 a:link, .datatable a:visited {
	text-decoration: none;
}

.datatable a:hover {
	text-decoration: underline;
}

.datatable th.right, .datatable td.right {
	text-align: right;
}

.datatable td.expandable {
	padding: 0;
}

.drilldown_row {
	background: url('/images/bluestripes.gif') top left repeat-y;
	padding-left: 30px;	
}

.drilldown_row .datatable td {
	border-bottom: none;
}

.pagingborder {
	border-left: 8px solid #e1f3fd;
	border-right: 8px solid #e1f3fd;
	border-bottom: 8px solid #e1f3fd;
}

.paging {
	padding: 5px;
	font-family: arial;
	font-size: 8pt;
}

.paging a:link, .paging a:visited {
	padding: 1px 5px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #06c;
	margin: 0 2px;
}

.paging a:hover {
	background: #06c;
	color: #fff;
}

.export {
	text-align: right;
	font-family: 'Trebuchet MS', arial;
	padding: 3px 0;
}

.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;
}

.contentbox textarea.code {
	font-family: 'Courier New', arial;
	font-size: 8pt;
	width: 690px;
	height: 180px;
	border: 1px solid #ccc;
	padding: 5px;
}

.contentbox em {
	border-bottom: 2px solid #cbecff;
	font-style: normal;
}

.clickurl {
	font-family: arial;
	font-size: 9pt;
	padding: 5px;
	border-bottom: 8px solid #e1f3fd;	
}

.clickurl input {
	font-family: arial;
	font-size: 8pt;
	padding: 1px 2px;
	margin: 0 0 0 5px;
}

iframe {
	width: 100%;
	height: 800px;
	border: 0;
	padding: 0;
	margin: 0;
}

table.rsslist {
	margin-top: 10px;
	border: 0;
}

.rsslist td {
	padding: 1px 20px 1px 0;
	font-family: arial;
	font-size: 10pt;
}

.rsslist td.icon {
	padding: 1px 5px 1px 0;
}

table#premiumcompare {
	border: 0;
	width: 100%;
}

#premiumcompare th, #premiumcompare td {
	padding: 5px;
	font-family: arial;
	text-align: center;
}

#premiumcompare th {
	font-size: 11pt;
	font-weight: bold;
	padding: 5px 5px 1px 5px;
}

#premiumcompare .price th {
	font-size: 9pt;
	color: #999;
	border-bottom: 2px solid #ccc;
	padding: 0 5px 5px 5px;
}

#premiumcompare td.label {
	padding: 5px 20px 5px 40px;
	text-align: left;
}

#premiumcompare th.last, #premiumcompare td.last {
	padding-right: 40px;
}

#premiumcompare input {
	font-family: arial;
	font-size: 8pt;
}

table#dashboard {
	width: 100%;
	border: 0;
}

#dashboard td {
	width: 50%;
}

#dashboard td.reportlink {
	background: #eee;
	text-align: right;
	vertical-align: top;
}

h2.dashboard {
	font-family: arial;
	font-size: 11pt;
}

.dashboardbox {
	background: #e1f3fd;
	padding: 8px;
	border: 1px solid #06c;
	margin-bottom: 10px;
}

.summarytable th {
	text-align: center;
	padding: 3px 0;
	color: #666;
	font-family: 'Trebuchet MS', arial;
}

.summarytable td {
	border: 0;
	padding: 3px 10px 3px 0;
}

.summarytable b {
	font-size: 12pt;
}

.method {
	margin-bottom: 10px;
}

.methodname { 
	font-size: 10pt;
	font-weight: bold;
	padding: 0 0 1px 0;
	border-bottom: 1px solid #ccc;
	margin: 0 0 2px 0;
	color: #036;
}

.methoddesc {
	padding: 3px;
	font-size: 9pt;
	color: #666;
}

.methodparams {
	font-size: 9pt;
	padding: 3px;
	color: #666;
}

.paramname {
	color: #036;
}

a:link.website_action, a:visited.website_action {
	font-size: 8pt;
	color: #666;
}

a:link.website_delete, a:visited.website_delete {
	font-size: 8pt;
	font-family: verdana;
	color: #999;
}

a:hover.website_delete {
	color: #c00;
	text-decoration: none;
}

ul.announcements {
	list-style: square;
	color: #ccc;
	margin-left: 15px;
	margin-bottom: 0;
}

ul.announcements li {
	padding: 3px 0;
	color: #000;
}

div#visitor_label {
	padding: 4px 12px;
	font-family: 'Trebuchet MS', arial;
	font-size: 10pt;
	font-weight: bold;
	color: #fff;
	background-image: url('/images/maintab_bg.gif');
}

div#visitor_sessions {
	height: 300px;
	overflow: auto;
	font-family: arial;
	font-size: 9pt;
}

div.visitor_session {
	margin: 10px 10px 15px 10px;
	line-height: 2em;
	border: 1px solid #c1deef;
	padding: 10px;
}

div.visitor_session h4 {
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	padding: 1px 0;
	margin: 0 0 3px 0;
	border-bottom: 2px solid #c1deef;
}

div#visitor_close {
	position: absolute;
	z-index: 1001;
	top: 3px;
	right: 5px;
}

div#visitor_close a:link, div#visitor_close a:visited {
	text-decoration: none;
	color: #fff;
}

.asterisk {
	color: #c00;
}

ul.ticklist {
	margin-left: 25px;
	list-style-image: url('/images/icons/tick.gif');
	line-height: 1.5em;
}

ul.ticklist li {
	padding-left: 8px;
}

/* Plans and Pricing Page */

ul.profeatures {
	list-style-image: url('/images/icons/tick.gif');
	margin: 15px 0 0 25px;
	padding: 0;
}

ul.profeatures li {
	padding: 0 0 20px 8px;
}

ul.profeatures li h3 {
	font-family: 'Trebuchet MS', arial;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 2px 5px;
	background: #e1f3fd;
}