/* ---- =style reset ---- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h3, 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; background: transparent; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
del { text-decoration: line-through; }
ins { text-decoration: none; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0;}
a:active { outline: none; }

/* ---- =silverrack  ---- */
html { min-height: 100%; height: 100%; }
body { height: 100%; background: #000 url("../images/bkg.jpg") no-repeat fixed center top; font: normal 12px/16px Helvetica, "Helvetica Neue", Arial, sans-serif; color: #111; }
h1, h2, h3, h4, h5, h6 { font: normal 100% "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #06c; }
h1 { margin: 8px 0 8px; font-size: 44px; line-height: 48px; }
h2 { margin: 24px 0 8px; font-size: 24px; line-height: 24px; }
h3 { margin: 24px 0 8px; font-size: 21px; line-height: 21px; }
h4 { margin: 24px 0 8px; font-size: 18px; line-height: 18px; }
h5 { margin: 24px 0 8px; font-size: 15px; line-height: 16px; }
h6 { margin: 24px 0 8px; font-size: 14px; line-height: 16px; }
p { margin-bottom: 18px; font-size: 14px; line-height: 18px; }

a { color: #900; }
a:hover { color: #06c; }

strong { font-weight: bold; color: #900; }

table { margin: 12px 0; font-size: 12px; line-height: 16px; }
th { padding: 4px 8px; border: 1px solid #999; vertical-align: bottom; }
td { padding: 4px 8px; border: 1px solid #999; vertical-align: top; }
td p { margin-bottom: 8px; }

.list {width: 100%;}
.noborder {border: 0px;}
.wide { width: 100%;}

.clearit { height: 1px; font-size: 2px; clear: both; }


/* ---- =top-panel  ---- */
#top-panel { z-index: 990; position: absolute; width: 100%; height: 0; top: 0; margin: 0 auto; background: #000; color: #fff; }
#panel-area { z-index: 1; display: none; overflow: hidden; position: relative; width: 100%; height: 74px; background: #000 url("../images/panel-bkg.png") repeat-x bottom; border-bottom: 1px solid #500; }

#loginform { width: 620px; height: 24px; margin: 20px auto 0; padding: 6px 0 0 480px; }
#loginform p { float: left; display: inline; margin: 0; font-size: 12px; line-height: 23px;  }
#loginform br { display: none; }
#loginform label { margin: 0 4px 0 12px; font-weight: bold; }
#loginform input { width: 100px; margin-right: 6px; padding: 2px 2px; background: #500; border: 1px solid #200; font-size: 12px; color: #eee; } 
#loginform input.button { width: 54px; height: 23px; padding: 0; background: url("../images/btn-small.png") no-repeat left top; border: none; text-align: center; font-weight: bold; font-size: 11px; text-decoration: none; color: #fff; }
#loginform input.button:hover { background-position: left -23px; color: #fff; }
#loginform input.button:active { background-position: left bottom; color: #fff; }

#panel-tab { margin: -4px auto 0; width:760px; text-align: right; }
#panel-tab a { float: right; display: block; width: 96px; padding: 4px 10px 2px; background: #500; border: 1px solid #200; -moz-border-radius: 5px; -webkit-border-radius: 5px;  text-decoration: none; text-align: center; font-weight: bold; font-size: 11px; color: #fff; }
#panel-tab a:hover { padding-top: 6px; }

/* ---- =header  ---- */
#header-container { position: relative; height: 38px; top: 36px; margin: 0 0 36px; background: #500; border-top: 1px solid #733; border-bottom: 1px solid #200; }
#header { width: 1000px; margin: 0 auto; }
#branding { z-index: 2; float: left; width: 200px; height: 38px; margin-left: 24px; }
a#branding-logo { display: block; position: relative; left: 0px; top: 0; width: 172px; height: 38px; color: #fff; text-decoration: none; letter-spacing: 0em; }
#branding-logo span { z-index: 5; display: block; position: absolute; width: 172px; height: 38px; left: 0; top: 0; background: url("../images/top-logo.gif") no-repeat; }
#nav-main { z-index:100; float: right; width: 600px; height: 30px; }
#nav-main li { z-index:100; float: left; \ position: relative; font-weight: bold; font-size: 12px; } 
#nav-main li a { padding: 4px 12px; line-height: 40px; text-decoration: none; text-shadow: 1px 1px 1px #000; color: #fff; }
#nav-main li a:hover, #nav-main li:hover a, #nav-main li a:active { text-shadow: none; }


/* ---- =content  ---- */
#content-container { position: relative; width: 1026px; top: 36px; margin: 0 auto; padding: 24px 0 0; background: url("../images/content-top.png") no-repeat left top; }
#content { overflow: auto; height: 100%; padding: 16px 0 24px 48px; background: url("../images/content-bkg.png") repeat-y left; } 
#content ol, #content ul { margin: 8px 16px 8px 0; padding-left: 16px; line-height: 18px; }
#content ul li { padding-left: 16px;  background: url("../images/bullet.png") no-repeat 0 8px; } 
#content ol li { margin-left: 16px; list-style-type: decimal; } 


#content-main { float: left; display: inline; width: 600px; font-size: 14px; }

.leadin { font-size: 20px; line-height: 32px; }
.leadin strong { color: #111; }

#plans { margin: 0 -12px 16px; }
#plans td { width: 25%; padding: 12px 8px 16px; text-align: center; font-size: 14px; line-height: 16px; }
#plans p { font-size: 16px; line-height: 21px; }
#plans p strong { color: #111; }
#plans span { display: block; margin: 0 16px; padding-bottom: 4px; border-bottom: 1px solid #999; font-size: 15px; color: #06c; }
#plans ul { margin: 0; padding: 0; }
#plans ul li { margin: 0; padding: 2px 0; background: none; }
#plans a.button { display: block; position: relative; width: 92px; height: 24px; margin: 12px auto 0; padding: 4px 0 0; background: url("../images/btn.png") no-repeat left top; text-align: center; font-weight: bold; font-size: 16px; text-decoration: none; color: #fff; }
#plans a.button:hover { background-position: left -28px; color: #fff; }
#plans a.button:active { background-position: left bottom; color: #fff; }

/* ---- =content-side  ---- left margin 691px, left padding 32px */
#content-side { width: 266px; margin-left: 670px; }
#content-side h3 { margin-top: 16px; }
#content-side p { margin-bottom: 14px; font-size: 12px; line-height: 18px; }
#content-side ol, #content-side ul { padding: 0 0 12px; line-height: 18px; }
#content-side ol li { margin: 0 0 0 24px; padding: 1px 6px 1px 0; }
#content-side ul li { margin: 0 0 0 6px; padding: 1px 6px 1px 16px; }

#content-side .sidebar-btn { z-index: 996; float: left; position: relative; width: 261px; height: 73px; margin: 12px -24px 24px -16px; padding: 24px 36px 0 24px; background: url("../images/sidebar-btn-bkg.png"); text-align: right; font-size: 11px; } 
#content side x { padding: 24px 36px 0 24px; }
.sidebar-btn#balanced a { color: #009700; }
.sidebar-btn#balanced a:hover { color: #4b1; }


/* ---- =footer  ---- */
#footer { width: 1026px; height: 140px; margin: 0 auto; padding: 0; background: url("../images/content-bottom.png") no-repeat left top; text-align: center; color: #fff; }
#copyright { margin: 0; padding: 56px 0 6px; font-size: 14px; }
#nav-footer li { display: inline; border-left: 1px solid #666; }
#nav-footer li:first-child { border-left: none; }
#nav-footer li a { padding: 4px 12px; text-decoration: none; color: #fff; }
#nav-footer li a:hover, #nav-footer li:hover a, #nav-footer li a:active { text-decoration: underline; }

.callout { overflow: auto; height: 1%; margin: 24px -12px 32px; padding: 16px 0 16px 16px; background: #f6f6f6; border: 1px solid #bbb; -moz-border-radius: 10px; -webkit-border-radius: 10px;  }
.callout h3 { margin-top: 0; }
.callout .col3 { float: left; width: 170px; margin: 0 28px 0 4px; }
.callout .last { margin-right: 0; }
.callout p { margin: 0; text-indent: -4px; font-size: 12px; }
.callout .source { margin-left: 60px; text-indent: 0; font-size: 12px; line-height: 14px; color: #666; }

/* --- error display --- */
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 600px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}


/* --- Forms --- */

dl.form {
  margin: 5px 0 0 0;
  padding: 10px 0 0 0;
  border-top: 1px solid #BBBFC6;
}

dt {
	float: left;
	width: 1em;
	margin: 0 1em 1em 0;
	text-align: right;
	font-weight: bold;
	text-transform: none;
	letter-spacing: normal;
	color: #5C5958;
}

dd {
  margin: 0 0 1em 0;
  padding: 0 0 0 11em;
  line-height: 1.3em;
}

dl.form dt, dl.form dd {
  margin-bottom: .5em;
}

dl.form dt {
	width: 150px;
}


#blog ul li { list-style-type: none; padding-left: 16px;  background: none no-repeat 0 8px; } 

#blog li.title {
	font-size: 22px;
	padding-top: 20px;
}

#blog li.title a {
	text-decoration:none;
}

#blog li.body {
	padding-top: 10;
}

.flash {
	color: #c00;
	margin:0px;
}