/* CSS RESET - basic and brutal */

* {
	padding: 0;
	margin: 0;
}

fieldset, img { border: none; }

hr { /* critical bug hack for template */ 
	visibility: hidden;
	clear: left; 
}

body {
	color: #222;
	background: #ddd url(images/homepage01.gif);
	font-family: 'helvetica neue', arial, sans-serif;
}

/* LAYOUT - dimensions and appearance */

#header, #mainmenu, #content, #footer {
	width: 778px;
	margin: 0 auto;
}

/* HEADER */

#header { height: 200px; }
	
/* HEADERMENU */

#headermenu {
	float: left;
	width: 448px;
	height: 49px;
	background: url(images/homepage02.jpg) repeat-x;
}

#headermenu ul { list-style: none; }

#headermenu li { display: inline; }

#headermenu a {
	display: block;
	float: left;
	height: 49px;
}

#ctl00_Header1_headermenu1 { width: 135px; background: url(images/homepage03.jpg) no-repeat; }
#ctl00_Header1_headermenu2 { width: 119px; background: url(images/homepage04.jpg) no-repeat; }
#ctl00_Header1_headermenu3 { width: 119px; background: url(images/homepage05.jpg) no-repeat; }

#headermenu b { position: absolute;	left: -10000px; }

/* LOGIN FORM - note the FORM element was replaced with a nested DIV (login div) */

#login {
	float: left;
	width: 330px;
	height: 49px;
	background: url(images/homepage06.jpg) repeat-x;
}

#login div {
	height: 49px;
	padding-left: 26px;
	background: url(images/homepage07.jpg) no-repeat;
}

#label1, #label2 {
	display: block;
	width: 100px;
	height: 23px;
	background-position: left bottom;
	background-repeat: no-repeat;
}

#label1 { background-image: url(images/homepage08.jpg); }
#label2 { background-image: url(images/homepage09.jpg); }

#label1 b, #label2 b { position: absolute; left: -10000px; }

.input1 {
	margin-bottom: 5px;
	width: 104px;
	padding: 2px;
	background-color: #e9e9e9;
	border-width: 1px;
	border-style: solid;
	border-color: #999 #bbb #bbb #999;
	color: #000;
}

/* LOGO */

#logo {
	float: left;
	width: 778px;
	height: 151px;
	background: url(images/homepage11.jpg) no-repeat;
}

#logo b { position: absolute; left: -10000px; }

/* MAIN MENU */

#mainmenu {
	height: 54px;
	background: url(images/homepage13.jpg) repeat-x;
}

#mainmenu ul {
	float: left;
	padding-left: 9px;
	list-style: none;
}

#mainmenu ul li {
	display: inline;
}

#mainmenu a {
	display: block;
	float: left;
	padding: 21px 11px 18px 10px;
}

#mainmenu .vline {
	padding-right: 21px;
	background: url(images/homepage15.jpg) no-repeat right top;
}

/* CONTENT */

#content {
	padding-bottom: 10px;
	background: #fff url(images/homepage29.jpg) repeat-x;
}
	
#left { /* layout DIV for left button navigation */
	float: left;
	width: 244px;
}

#right { /* content DIV - for pages with the lefthand nav*/
	float: left;
	width: 534px;
}

#column { /* for single column pages */
	margin: 5px 85px;
	}
	
/*  LEFT NAV LIST - big red buttons for DiagZ, DataDyno, and CodeZ links */
	
ul.buttons {
	list-style: none;
}

ul.buttons li {
	margin-bottom: 2px;
}

/* BOX1 - a container for the left navigation list in Customer Area and Administration */

#box1 {
	padding: 10px;
	}

#box1 ul.nav {
	margin-left: 15px;
	}
	
#box1 ul.nav li {
	padding: 4px 0;
	}

/* BOX2 - a 2-column layout used on the homepage */

#box2 {
	padding-top: 20px;
	background: url(images/homepage23.gif) no-repeat top center;
	margin-top: 2em;
}

#box2A {
	float: left;
	width: 234px;
	padding-left: 9px;
}

#box2B {
	float: left;
	width: 241px;
	padding: 0px 22px 0px 28px;
}

/* BOX3 - a 3-column layout used on the homepage */

#box3 {
	padding-top: 5px;
}

#box3A {
	float: left;
	width: 140px;
	padding-left: 10px;
}

#box3B {
	float: left;
	width: 140px;
	padding-left: 37px;
}

#box3C {
	float: left;
	width: 140px;
	padding-left: 38px;
}

/* BOX4 - a single column layout */

#box4 {
	padding: 5px 30px 0px 10px;
}

#box4 table {
	margin-bottom: 1em;
}
	
#box4 th {
	font-weight: bold;
	text-align: left;
	color: #333;
	background: #d6d6d6;
	padding: 5px 4px;
}
	
#box4 tr.subHeading td {
	font-weight: bold;
	text-align: left;
	color: #333;
	background: #d6d6d6;
	padding: 5px 4px;
	background-image: none;
}

#box4 td {
	background: url(images/subpage1_01.gif);
	padding: 5px 4px;
}

#support_ticket th, #support_ticket td {
	background-color: white;
	background-image: none;
}
	
#support_ticket th { text-align: right; }
#support_ticket td { padding-left: 5px; }
#support_ticket h3 { margin: 1em 0 0; }
#support_ticket .footnotes { 
	font-size: 11px;
	margin: .5em 0;
}
	
.dropDownList { padding: 2px; }

/* Demos - styles for the XML content on demo.aspx */

#demo { padding: 5px 80px 0 60px; }

#demo td { 
	font-size: 12px; 
	line-height: 1.45em;
}
	
/* Orders - a single column layout for ProcessOrders.aspx */

#details {
	width: 100%;
	margin-bottom: 20px;
}
	
#details th {
	width: 33%;
	text-align: center;
	font-weight: bold;
	color: #333;
	background: #d6d6d6;
}
	
#details td {
	width: 66%;
	text-align: left;
}
	
#details th, #details td {
	padding: 5px 4px;
	font-size: 13px;
}

#customer_signin, #billing { margin-top: 20px; }
#customer_signin h3, #customer_signin p { margin: 0 0 .5em 0 }
fieldset div { margin: .5em 0 }

#billing th, #billing td { font-size: 12px; }

#orders .dataGrid, #cardselect { width: 100%; }

#orders .dataGrid th {
	font-size: 12px;
	vertical-align: top;
	text-align: right;
	padding: 4px 5px;
	color: #333;
	background: url(images/subpage1_01.gif);
	}
	
#orders .dataGrid td {
	font-size: 12px;
	vertical-align: top;
	text-align: right;
	color: #333;
	background: #d6d6d6;
	padding: 4px 5px;
	}
	
#cardselect th { 
	text-align: right;
	padding-right: 6px;
	font-size: 12px;
	}
	
/* Contact form table */

table#contact {
	width: 100%;
	}
	
#contact th {
	font-weight: normal;
	text-align: left;
	background: none;
	text-align: right;
	}
	
#contact td {
	padding-left: 5px;
	background: none;
	}
	
/* the Aweber form */

#aweber {
	width: 500px;
	color: #333;
	}

#aweber th {
	text-align: right;
	background: none;
	}

#aweber td { 
	padding: 5px 4px;
	background: none;
}
	
/* Customer Area */

h2.supportingContentTop {
	margin: 0;
	font-size: 14px;
}

/* LINKS */

a {
	color: #2466C0;
}

a:hover {
	color: #69c;
}

#mainmenu a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

#mainmenu a:hover {
	text-decoration: underline;
	}

#footermenu a {
	color: #666;
}

#footermenu a:hover {
	color: #888;
}

a.link2 {
	text-transform: uppercase;
	font-weight: bold;
}
	
/* HEADINGS */

h1, h2, caption { color: #444; }

#left h1 { /* for the Admin left navigation */
	font-size: 12px;
	margin-bottom: 5px;
	}

#right h1, #column h1, #demo h1 {
	font-size: 18px;
	margin: 0px 0px 15px 0px;
	padding: 5px 0px 5px 38px;
	background: url(images/homepage22.gif) no-repeat left center;
}

h2, h3, h4, h5, h6 {
	margin-bottom: 1em;
	font-weight: bold;
	line-height: 120%;
}

h2 { font-size: 16px; }

h3 { font-size: 14px; }
	
h4, h5, h6 { font-size: 12px; }

/* TEXT */

th, td, input, textarea, select {
	font-size: 11px;
}

textarea {
	font: 12px arial, sans-serif;
}

caption { /* this is for table caption ELEMENTS, not the div CLASS caption */
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px dashed #999;
	margin-bottom: 5px;
}

input, textarea {
	padding: 2px;
}
	
input#ctl00_Header1_btnLogin {
	padding: 0;
}

p, blockquote, ul, ol, dl {
	margin-bottom: 1em;
	font-size: 12px;
	line-height: 1.45em;
}

#mainmenu ul { font-size: 11px; } /* must maintain an 11px font in the menu */

blockquote { 
	color: black; 
	padding: 10px; 
	border: 1px solid black;
	background: #ffd;
}

.center { text-align: center; }
	
.red { color: #AC0D13; }
	
.blue { color: #2466C0; }

#copyright {
	text-align: center;
	font-size: 10px;
	color: #555;
}

/* IMAGES */

.imgright {
	float: right;
	margin: 0 0 12px 12px;
}

.imgleft {
	float: left;
	margin: 0 12px 12px 0;
	}
	
.imgcenter {
	display: block;
	margin: 0 auto 1em auto;
	}

div.caption { /* for div CLASS captions, used on sales pages for captioning images */
	text-align: center;
}	

div.caption p {
	font: bold 10px verdana, sans-serif;
	margin: 0 0 2em 0;
}
	
div.caption img {
	display: block;
	margin: 0 auto 5px auto;
}

#box2A img, #box2B img { margin-bottom: 1em; }

/* BACKGROUNDS */

#details td, .blue-box, .confirmation { background: url(images/subpage1_01.gif); }

/* SPECIAL BOXES */

.blue-box, .confirmation {
	padding: 10px 10px 0 10px;
	margin: 1em 0;
	border: 1px solid #ccc;
}

/* LISTS */
	
#right ol, #right ul, #column ol, #column ul { margin-left: 20px; }

#right .ul1, #right .ul2 {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}

.ul1 li {
	margin-bottom: 4px;
	padding-bottom: 8px;
}

.ul1 li.hline { background: url(images/homepage25.gif) repeat-x left bottom; }

.ul1 a, ul2 a {
	display: block;
	padding-left: 10px;
	background: url(images/homepage24.gif) no-repeat 2px 5px;
}

.ol1 li { margin-bottom: 3px; }
	
#right ul ol, #right ul ul, #right ol ul { margin-top: 5px; }

/* FOOTER */

#footer {
	background: url(images/homepage16.jpg) repeat-x;
	text-align: center;
}

#footermenu { padding: 17px 0px 23px 0px; }

#copyright {
	font-size: 11px;
	padding-bottom: 10px;
	margin: .5em 0;
}

/* Styles used by dynamic elements */

.highlightList { width:100%; }

.highlightList td {
	background-color: white !important;
	background-image: none !important;
}

.imageFrame {
	border: 1px solid black;
	padding: 10px;
	background-color: white;
	background-image: none;
}

.imageFrame img { border: none; width: 410px !important; }

.errorMessage {
	color: red;
	font-weight: bold;
	font-size: 10pt;
}

.validationSymbol {
	font-size: 16px;
	font-weight: bold;
	color: red;
	}
	
.validationSummary {
	border: 1px solid red;
}

.validationSummary {
	background: #ffe;
	padding: 5px;
	margin: 1em 0;
}