body
{
	color: #333;
	background: #f8f8f8 url("/_images/nav/bg.gif") repeat;
	margin: 0;
	padding: 0;
}

a:link
{
	color: #006;
}

a:visited
{
	color: #333;
}

a:active
{
	color: #999;
}

a:hover
{
	color: #900;
}

a.hide
{
	display: none;
}

#wrapper
{
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}

#container
{
	float: right;
	width: 100%;
	margin-left: -120px;
}

#content
{
	margin-left: 128px;
	margin-bottom: 1em;
	padding-left: 0.5em;
	padding-right: 1em;
	font-size: 1.2em;
	max-width: 800px;
}

#content.wide
{
	margin-left: 1em;
}

#topnav
{
	background: url("/_images/nav/stripe.gif") repeat-x;
	border-bottom: 2px solid #28439a;
	margin: 0;
	padding: 4px 0 8px 5px;
}

#topnav h1
{
	color: #fff;
	background: url("/_images/transblue/RDi.242.52.gif") no-repeat left center;
	margin: 0;
	margin-left: 1px;
	padding: 16px 0 20px 250px;
	text-align: left;
	text-shadow: rgba(0,0,0,.6) 2px 3px 2px;
}

#sidenav
{
	float: left;
	width: 120px;
	color: #000;
	line-height: 1.3em;
	margin-top: -0.3em;
}

#footer
{
	clear: both;
	background: #ccc;
	color: #000;
	height: 1.3em;
	margin: 1em 0 0 0;
	border-top: 1px solid #339;
	border-bottom: 1px solid #339;
	padding: 0.1em 0.6em 4px 0.6em;
	text-align: right;
}

#footer p
{
	color: #333;
	text-shadow: rgba(0,0,0,.5) 1px 2px 2px;
}

#sidenav dl
{
	width: 118px;
	background: #434696;
	list-style: none;
	margin: -2px 0 1em 0;
	border-right: 2px solid #339;
	border-bottom: 2px solid #339;
	padding: 0;
}

#sidenav dt
{
	background: #434696;
	background: url("/_images/nav/stripe-small.gif") repeat-x;
	border-top: 1px solid #339;
	border-bottom: 1px solid #339;
	color: #fff;
	margin: 0;
	padding: 3px 2px 2px 2px;
	font-size: 1.2em;
	font-weight: bold;
	text-shadow: rgba(0,0,0,.3) 2px 2px 1px;
}

#sidenav dt.first
{
	border-top: none;
}

#sidenav dd
{
	background: #fff;
	color: #000;
	margin: 0;
	padding: 0;
	font-size: 1.1em;
}

#sidenav dd.last
{
	padding-bottom: 3px;
}
 
#sidenav dd a
{
	display: block;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #fff;
	padding: 1px 1px 1px 5px;
	margin: 0;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	width: 112px;
}

#sidenav dd a:hover
{
	background: #aaa;
	background: url("/_images/nav/stripe-small-hover.gif") repeat-x;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #339;
	color: #fff;
	text-decoration: none;
}

body.info #sidenav dd a.info, body.contact #sidenav dd a.contact,
body.hosting #sidenav dd a.hosting, body.reports #sidenav dd a.reports,
body.webreports #sidenav dd a.webreports, body.referrals #sidenav dd a.referrals,
body.markdown #sidenav dd a.markdown, body.demo #sidenav dd a.demo
{
	background: #aaa;
	background: url("/_images/nav/stripe-small-hover.gif") repeat-x;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #339;
	color: #fff;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6
{
	color: #28439a;
	margin: 0;
	padding: 0.5em 0 0.5em 0em;
	text-align: left;
	text-shadow: rgba(0,0,0,0.4) 1px 2px 1px;
}

#content h1
{
	text-shadow: rgba(0,0,0,0.6) 1px 2px 2px;
	font-size: 1.8em;
}

#content h2
{
	font-size: 1.6em;
	text-shadow: rgba(0,0,0,0.4) 1px 2px 1px;
}

#content h3
{
	font-size: 1.4em;
	text-shadow: rgba(0,0,0,0.35) 1px 2px 1px;
}

#content h4
{
	font-size: 1.2em;
	text-shadow: rgba(0,0,0,0.3) 1px 2px 1px;
}

#content h5
{
	font-size: 1.1em;
	text-shadow: rgba(0,0,0,0.25) 1px 2px 1px;
}

#content h6
{
	text-shadow: rgba(0,0,0,0.2) 1px 2px 1px;
	font-size: 1.0em;
}

#content p
{
	margin: 0;
	padding: 1em 0 0.5em 0em;
}

#content pre
{
	margin: 0.25em 0 0 0;
	padding: 0;
}

td.right
{
	text-align: right;
}

table.pricelist
{
	background: #ccc;
	width: 80%;
	margin: 0.5em auto 0.5em auto;
}

table.pricelist thead td
{
	background: #c7c8df url("/_images/nav/stripe-small.gif") repeat-x;
	color: #fff;
}

table.pricelist td
{
	background: #eee;
	vertical-align: top;
	padding: 2px;
}

table#hosting td.plan
{
	width: 18%;
	font-weight: bold;
}

table#hosting td.price
{
	width: 24%;
}

table#hosting td.traffic
{
	width: 26%;
}

table#hosting td.excess
{
	width: 32%;
}

table#services td.service
{
	width: 50%;
}

table#services td.price
{
	width: 50%;
}

img.example
{
	float: right;
	border: 1px solid #333;
	padding: 1px;
	margin: 1px;
	z-index: 10;
}

pre.example
{
	z-index: -5;
	color: #003;
}

.example
{
	color: #28439a;
}

span.fieldtitle
{
	color: #28439a;
	font-weight: bold;
}

div.col1
{
	float: left;
	vertical-align: top;
	padding: 0.2em;
	width: 45%;
}

div.col2
{
	float: left;
	vertical-align: top;
	margin-left: 2%;
	padding: 0.2em;
	width: 45%;
}

div.button
{
	text-align: right;
	margin-top: 0.5em;
}

div.year
{
	float: left;
	margin: 1em 1.5em 1em 0.5em;
	padding: 0 1em;
}

div.clear
{
	clear: both;
}

span.year
{
	margin-left: 29px;
	font-weight: bold;
}

p.instructions
{
}

p.info
{
	color: #33a;
}

p.error
{
	color: #a33;
}

a.logout
{
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 3px 5px 4px;
	border: 1px solid #28439a;
	border-top: none;
	border-right: none;
	background: #f8f8f8;
	font-size: 1.1em;
	font-weight: bold;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;
}

form fieldset
{
	border-left: 3px double #355bcc;
	border-top: 3px double #355bcc;
	border-right: 3px double #28439a;
	border-bottom: 3px double #28439a;
}

form legend
{
	background: url("/_images/nav/stripe-small.gif") repeat-x left 33%;
	padding: 0.2em 0.8em 0.2em 0.4em;
	color: #fff;
	text-shadow: rgba(0,0,0,.6) 2px 3px 2px;
	border: 1px solid #355bcc;
	border-right: 3px double #fff;
	border-bottom: 3px double #fff;
}

a.report
{
	display: block;
	background: transparent url("/_images/reports/pdf.gif") no-repeat left center;
	padding: 5px 2px 6px 27px;
	margin: 1px 3px 3px;
}

a.zipreport
{
	display: block;
	background: transparent url("/_images/reports/zip.gif") no-repeat left center;
	padding: 7px 2px 4px 25px;
	margin: 1px 3px 5px;
}

div.debug
{
	display: none;
	text-align: left;
}

p.timer
{
	clear: right;
	float: right;
	margin: 0.25em 1em;
}

p.debug
{
	text-align: left;
}

p.copyright
{
	margin-top: 0;
	padding-top: 0;
}

div.center
{
	text-align: center;
}

ul.referrals
{
	width: 70%;
}

ul.referrals li
{
	margin: 0.5em 0.5em 1em 0em;
}



/*
 * Tweaks for markdown demo
 */

#markDown_demo td
{
	vertical-align: top;
}

#sidebar h1
{	
	font-weight: bold;
}
	
#sidebar h2
{
	font-weight: bold;
	margin-bottom: -.5em;
}
	
#sidebar h3
{
	font-weight: bold;
	text-transform: none;
	margin-bottom: .25em;
	margin-top: 1.5em;
}
	
#sidebar code
{
	font-family: Monaco, ProFont, "Andale Mono", "Lucida Console", Courier, monospace;
}
	
#sidebar pre
{
	line-height: 12px;
	margin-top: 0;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	padding: 4px;
}
	
#sidebar p
{
	margin-top: 0;
	margin-bottom: 0;
}

#sidebar
{
	float: right;
	width: 250px;
	margin: 0;
	margin-left: 10px;
	padding: 0;
	background-color: transparent;
}



/*
 * Tweaks for summary reports
 */

div.samplereport
{
	margin-top: 3em;
	font-size: 0.833em;
}

#loginform div.row div.label, #loginform div.row div.item,
#reminderform div.row div.label, #reminderform div.row div.item
{
	float: none;
	width: auto;
	text-align: left;
}

td
{
	color: #000;
	font-size: 1.02em;
}

font
{
	font-size: 1em;
}

.plain
{
	font-weight: normal;
}

strong
{
	font-size: 1.2em;
}

.title
{
	font-weight: bold;
	font-size: 2em;
}

.warn
{
	font-weight: bold;
	font-size: 2em;
	color: #7B1010;
}

.button
{
	font-weight: bold;
	font-size: larger;
}

.hilight
{
	white-space: nowrap;
	color: #666;
}

.gray
{
	color: #999;
}

.calc
{
	color: #fff;
	font-size: 1.1em;
}

.qu, .note
{
}

a.qu
{
	display: none;
}

.frame_outer
{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #28439a url("/_images/reports/grad.gif") 0 0 repeat-x;
	border: 1px solid #666;
}

.frame_inner
{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #fff;
}

.frame_inner td
{
	padding: 0.2em 0.2em;
}

.head
{
	font-weight: bold;
	font-family: arial,helvetica,swiss;
	background: transparent;
	font-size: 1.1em;
}

.head td a
{
	color: #fff;
}

.footer td
{
	font-weight: bold;
	color: #fff;
}

.footer td a
{
	color: #bbf;
}

td.one a, td.two a
{
	color: #006;
}

.subhead
{
	font-weight: bold;
	background: #bbb;
	border: 1px solid #666;
}

.subhead td
{
	border: 1px solid #666;
	border-left: none;
	border-right: none;
}

.one
{
	background: #e2e2e2;
}

.two
{
	background: #eee;
}

.help
{
	font-weight: bold;
	font-family: arial,helvetica,swiss;
	color: #7B1010;
}

.tabs
{
	font-weight: bold;
	font-family: arial,helvetica,swiss;
	text-decoration: none;
	font-size: 1.3em;
}

.tabs a:link
{
	color: #000;
}

form
{
	margin: 0;
	padding: 0;
}

div#topnav
{
	height: 50px;
	margin-bottom: 0.5em;
}

div.reportoptions
{
	float: right;
	margin: 0 0 0.6em 0.6em;	
	color: #003;
	font-size: 1em;
	line-height: 1.4em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

div.reportoptions h5
{
	display: inline;
	color: #fff;
	border: none;
	background: none;
	margin: 0 0 0em -0.6em;
	padding: 3px 2px 2px 4px;
	font-weight: bold;
	font-size: 1.1em;
	text-shadow: rgba(0,0,0,.3) 2px 2px 1px;
}

div.reportoptions form
{
	display: inline;
	margin: 0 1.6em 0 0;
}

div.reportoptions select
{
	font-size: 1.1em;
}

div.logo
{
	position: absolute;
	top: 4px;
	left: 4px;
}

.options td
{
	padding: 0.2em 1em;
}

.options td td
{
	padding: 0 0.5em;
}

.options input, .options select
{
	font-size: 1.2em;
}

hr
{
	margin: 0.8em auto 1em;
	width: 50%;
	height: 5px;
	border: 0;
	background: #f8f8f8 url("/_images/reports/grad-compressed.gif") 50% 50% repeat-x;
}

span.title
{
	display: block;
}

table.rangecalc
{
	margin: 0.5em 0;
}

textarea#graphtext
{
	font-size: 1.2em;
	height: 6em;
	min-width: 440px;
}



/*
 * Tweaks for status
 */

body.status #sidenav select, body.status #sidenav input
{
	margin: 0.25em 0;
}

div.graph
{
	font-family: Geneva, Helvetica, Sans-Serif;
	width: 601px;
	padding: 2px 2px;
	margin: 0.5em 1em 1em;
	background: #eee;
	border: 1px solid #999;
	font-size: 0.8333em;
}

div.graph img
{
	padding: 2px 0 0;
}

table.status
{
	font-size: 0.9em;
	border: 1px solid #35388e;
	background: #fff;
	margin: 1em;
}

table.status thead
{
	background: #677cc6 url("/_images/nav/stripe-small.gif") repeat-x left 33%;
	border-bottom: 1px solid #35388e;
	color: #fff;
}

table.status td
{
	padding: 0 0.2em;
	width: 10em;
}

table.status td.lastrun
{ width: 15em; }

table.status td.status
{ width: 4em; }

table.status tr.error
{
	background: #a33;
	color: #fff;
}



/*
 * Tweaks for fw reports
 */

div.samplereport
{
	font-size: 0.833em;
}

#loginform div.row div.label, #loginform div.row div.item,
#reminderform div.row div.label, #reminderform div.row div.item
{
	float: none;
	width: auto;
	text-align: left;
}

#header2
{
	background: url("/_images/nav/stripe-small.gif") repeat-x left 33%;
	border-bottom: 1px solid #28439a;
	margin: 0;
	padding: 5px;
}

#header2 h1
{
	color: #fff;
	margin: 0;
	margin-left: 5px;
	text-align: left;
	text-shadow: rgba(0,0,0,.6) 2px 3px 2px;
}

table.defaultTable
{
	width: 606px;
	color: #099;
	font-size: 1.2em;
}

table.catTable
{
}

td.catLinkHead
{
	text-align: right;
	font-weight: bold;
	font-size: 1.2em;
}

a.toplink
{
	color: #fff;
}

a.summHeader
{
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;
}

th.default
{
	text-align: left;
	font-size: 1.1em;
	padding: 0.2em;
	color: #003;
}

th.summTH
{
	font-size: 1.1em;
	padding: 0.1em;
	color: #003;
}

td.catHeadLeft
{
	background-color: #09c;
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;
}

td.catHeadRight
{
	background-color: #09c;
	color: #fff;
}

table.catBoxShell
{
	width: 600px;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-right-width: 3px;
	border-color: #006;
	margin: 0px 4px;
	vertical-align: top;
}

table.catBoxHead
{
	width: 596px;
	height: 15px;
	border-style: solid;
	border-top-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-right-width: 0;
	border-color: #003;
	margin: 0em;
	background: #677cc6 url("/_images/nav/stripe-small.gif") repeat-x left 33%;
}

td.summBoxTitle
{
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
}

td.catBoxTitle_A
{
	width: 496px;
	font-size: 1.3em;
	color: #fff;
	font-weight: bold;
}

td.catBoxTitle_B
{
	width: 100px;
	text-align: right;
}

table.catBox
{
	width: 596px;
	background: #fff;
	border-style: solid;
	border-top-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-right-width: 0;
	border-color: #006;
	margin: 0em;
}

table.catBox2
{
	width: 596px;
	background: #fff;
}

td.cat_A
{
	width: 30%;
	font-size: 1.1em;
	color: #006;
	padding: 0.2em;
	vertical-align: top;
}

td.cat_B
{
	width: 70%;
	font-size: 1.1em;
	color: #006;
	padding: 0.2em;
	vertical-align: top;
}

table.summMain
{
	width: 450px;
}

table.summCatLink
{
	width: 130px;
}

td.summ1
{
	font-size: 1.1em;
	color: #006;
	background-color: #eff;
	padding: 0.2em;
}

td.summ2
{
	text-align: right;
	font-size: 1.1em;
	color: #006;
	background-color: #eff;
	padding: 0.2em;
}

td.catLink
{
	text-align: right;
	font-size: 1.1em;
	color: #003;
	padding: 0.2em;
}

div.catgroup
{
	margin: 0 0 0.6em 0.6em;	
	color: #003;
	font-size: 1em;
	line-height: 1.4em;
}

div.catgroup h5
{
	background: #434696 url("/_images/nav/stripe-small.gif") repeat-x;
	border-top: 1px solid #35388e;
	border-bottom: 1px solid #35388e;
	color: #fff;
	margin: 0 0 0em -0.6em;
	padding: 3px 2px 2px 4px;
	font-weight: bold;
	font-size: 1.1em;
	text-shadow: rgba(0,0,0,.3) 2px 2px 1px;
}

div.catgroup select
{
	font-size: 1.1em;
}

table.detailTable
{
	width: 98%;
	margin: 1em;
	border: none;
}

table.detailTable td
{
	padding: 0;
}

table.detailTable td td td
{
	padding: 2px;
}

table.detailTable td td td td
{
	padding: 0px;
}

table.detailTable td a
{
	color: #000;
}

table.summTable
{
	border: 1px solid #35388e;
	background: #fff;
	margin: 1em;
	font-size: 1.1em;
}

table.summTable thead
{
	background: #677cc6 url("/_images/nav/stripe-small.gif") repeat-x left 33%;
	color: #fff;
}

table.summTable thead td
{
	border-bottom: 1px solid #35388e;
}

table.summTable td
{
	padding: 0.1em 0.8em;
	border-bottom: 1px solid #eef;
}



/*
 * Tweaks for various IE flavours
 */

.ie5 div.col1
{ width: 35%; }

.ie5 div.col2
{ width: 35%; }



/*
 * Tweaks for iPhone
 */

/*
.iphone #content
{ margin: 0; padding: 0; }
*/
/*
.iphone #sidenav
{ float: none; width: auto; padding: 0; margin: 0; }
*/
.iphone div.catgroup
{ margin: 0; font-size: 1.3em; }

.iphone div.catgroup h5
{ margin: 0; padding: 0;}

.iphone div.catgroup a
{ padding: 0.1em; font-size: 1.25em; }

.iphone div.catgroup a.rd
{ display: inline; padding: 0.1em; margin: 0.25em; font-size: 1.25em; }

.iphone div.catgroup select, .iphone div.catgroup input
{ font-size: 1.1em; }

.iphone div.graph
{ margin: 0.5em 1px 1em; }

.iphone table.status
{ font-size: 1.25em; }

.iphone td.cat_A
{ font-size: 1.5em; }