/* Betteridge Base Stylesheet */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; }

/* Links */
a { color: #07b; }
a:hover { text-decoration: underline; }
a.active,a.active:hover { font-weight: bold; color: #007 !important; text-decoration: none; cursor: default; }

/* Type */
body { font-size: 12px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; line-height: 18px; background: #fff; color: #333; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }

p { margin-bottom: 18px; }
h1 { font: 1.8em Georgia, Times, serif; letter-spacing: 1px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 14px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; display: inline; }
h4 { font-family: Georgia, Times, serif; font-weight: normal; text-transform: uppercase; font-size: 1em; line-height: 18px; display: inline; }

ul, ol { margin-bottom: 18px; }

ul.blockquote { padding: 5px 15px; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; background: #eef8fd; }

/* Global classes */
.clear { clear: both; }

.last { margin-right: 0 !important; }

ul.inline li { display: inline; }

.left { float: left; margin: 0 18px 18px 0; }
.right { float: right; margin: 0 0 18px 18px; }
.center { display: block; margin-left: auto; margin-right: auto; }

.cap { overflow: hidden; } /* IE6 fix */ 
.cap.top { width: 960px; height: 5px; background: url(../images/styles/cap.gif) no-repeat 0 0 !important; }
.cap.bottom { width: 960px; height: 5px; background: url(../images/styles/cap.gif) no-repeat 0 -5px !important; }
.box { width: 960px; background: url(../images/styles/repeater.gif) repeat-y; }

/* Body */
#main_container { width: 960px; padding: 0 10px; margin: 0 auto; background: #fff; }

#mid_row { width: 960px; overflow: hidden; }
#mid_row #nav_header { position: relative; padding: 2px 0 13px; margin-bottom: 0; background: url(../images/styles/border.gif) repeat-x bottom; }

/* Header */
#header { margin: 0 0 10px; padding-top: 20px; }

#logo_wrap { width: 960px; height: 17px; overflow: hidden; }
#logo { float: left; width: 230px; height: 17px; }

#promo { font-size: 11px;  padding: 2px 0 0; text-transform: uppercase; white-space: nowrap; text-align:right; width: auto; height: 17px; }

/* Nav */
#main_nav { margin: 10px 0 0; border-top: 1px solid #ccc; padding: 2px 0; border-bottom: 1px solid #ccc; }
#main_nav a { color: #888; font-size:11px; letter-spacing: .1em; text-transform: uppercase; padding-bottom:6px; }
#main_nav a:hover { text-decoration: none; color: #07b; }
#main_nav ul { margin: 0; }
#main_nav ul li { display: inline; position: relative; margin-right: 30px; z-index: 200; }
#main_nav ul li:hover ul, #main_nav ul#nav li.over ul { display: block; z-index: 150; }
#main_nav ul li ul { position: absolute; border: 1px solid #ccc; border-top: none; background: #fff; left: 0; top: 20px; *top: 19px; white-space: nowrap; display: none; filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95; }
#main_nav ul li ul li { display: block; margin: 0;  }
#main_nav ul li ul li.line { margin-bottom: 8px; }
#main_nav ul li ul li a { display: block; width:140px; padding: 3px 6px; font-weight: normal; text-transform: none; letter-spacing: normal; font-size: 12px; overflow:hidden; }
#main_nav ul li ul li a:hover { color: #07b; background: #e6f2ff; padding: 2px 6px; border: 1px solid #07b; border-width: 1px 0; }
#main_nav ul li ul li.begin a:hover { border-width: 0 0 1px 0; padding: 3px 6px 2px; }
#main_nav ul li ul li.end a:hover { border-width: 1px 0 0 0; padding: 2px 6px 3px; }
#main_nav ul#account { float: right; position: relative; z-index: 100; }
#main_nav ul#account a { font-weight: normal; letter-spacing: normal; }
#main_nav ul#account a:hover { color: #07b; }
#main_nav ul#account li { display: inline; margin: 0 0 0 20px; }
#main_nav #signup { display: none; position: absolute; top: 19px; *top: 18px; left: -101px; *left: -85px; z-index: 75; background: #fff; border: 1px solid #ccc; width: 200px; padding: 5px; font-size: 11px; }
#main_nav #signup #signup_wrap { background: #fff; border: 1px dashed #ccc; width: 182px; padding: 2px 8px; }
#main_nav #signup .text { margin: 6px 0 10px; }
#main_nav #signup form { border-top: 1px solid #ccc; padding-top: 2px; }
#main_nav #signup input { padding: 2px; border:1px solid #bbb; width: 176px; }
#main_nav #signup .submit { padding: 2px 5px; margin: 5px 0; width: auto; background: #b7ddf2; cursor: pointer; font-size: 11px; }
#main_nav #signup .close { float: right; margin-top: 8px; font-weight: bold; color: #888; }

/* Footer */
#footer { clear: both; margin: 10px 0 0; padding: 0 0 20px; border-top: 1px solid #ccc; text-align: center; }
#footer a { color: #888; letter-spacing: 1px; }
#footer a:hover { text-decoration: none; color: #07b; }
#footer ul { margin: 10px 0 0; color: #aaa; font-size: 11px; line-height: 1.4em; }
#footer ul li { display: inline; margin-right: 20px; }

/* Audio */
#audio { width: 310px; height: 16px; margin-bottom: 10px; overflow: hidden; }

/* data grid style */
table.dataGrid { background: #fff; border-collapse: collapse; width: 100%; }
table.dataGrid th, table.dataGrid td { font-size: 0.9em; border: 1px #4f81bd solid; padding: 0.3em; }
table.dataGrid th { background: #d3dfee; text-align: center; }
table.dataGrid th.label { width: 150px; }
table.dataGrid tr.odd { background: #e6f2ff; }

.actionBar { margin: 10px 0; }

div.item { margin: 10px 0 0; border: 1px solid silver; padding: 5px; }

/* Print */
@media print {
	body, #main_container, #content { color: #000 !important; }
	a, a:link, a:visited { color: #000 !important; text-decoration: none !important; }
}

/* iPhone */
@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }