/**   Styles for "Screen" Media
*     File: mediasation.css
*     Author: Nate Hanna (some borrowed from Tripoli Generic Reset)
*     Auth Web: http://www.mediasation.com
*     modified: 2 February 2009 @ 15:10 EST
* --------------------------------------------------------------
**/
/* RESET */
* { margin: 0; padding: 0; }
/* MARGINS & PADDINGS */
.content hr, .content p, .content ul, .content ol, .content dl, .content pre, .content blockquote, .content address { margin: 0.8em; }
.content p { margin-left: 0; margin-right: 0; }
/*, .content table, .content form ... .content p+p { margin-top: -.8em; }*/
sup, sub { font-size: 55%; }
sup { vertical-align:super !important; vertical-align:text-top; }
small { font-size: 85%; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
.content h1 { margin: 1em 0 .5em; }
.content h2 { margin: 1.07em 0 .535em; }
.content h3 { margin: 1.14em 0 .57em; }
.content h4 { margin: 1.23em 0 .615em; }
.content h5 { margin: 1.33em 0 .67em; }
.content h6 { margin: 1.6em 0 .8em; }
td.content th, td.content td { padding: .8em; }
.content caption { padding-bottom: .8em; }
/* padding instead of margin for IE */
.content blockquote { padding: 0 1em; margin: 1.6em 0; }
.content fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; }
/* padding-top is margin-top for fieldsets in Opera */
.content legend { padding-left: .8em; padding-right: .8em; }
.content legend+* { margin-top: 1em; }
/* compensates for the opera margin bug */
.content textarea, .content input { padding: .3em .4em .15em .4em; }
.content select { padding: .1em .2em 0 .2em; }
.content option { padding: 0 .4em; }
.content a { position: relative; padding: 0.3em 0 .1em 0; }
/* for larger click-area */
.content dt { margin-top: .8em; margin-bottom: .4em; }
.content ul { margin-left: 2.35em; }
.content ol { margin-left: 2.35em; }
.content ol ol, .content ul ol { margin-left: 2.5em; }
.content ol li, .content ul li { margin-bottom: 0.8em; }
.content form div { margin-bottom: .8em; }
td.content { padding: 0; }
/* CMS FORMS */
#formContent td.content { padding: 2px 0 8px 0; vertical-align: middle; }
#formContent td.content label { padding: 0 5px; font-weight: bold; }
#formContent input.input, #formContent textarea.textarea, #formContent select { border: 1px solid #B2A97F; padding: 3px; margin: 2px 0; vertical-align: middle; }
#formContent select { padding: 0; }
#formContent input.submit { background-color: #121212; border: 1px solid #000; border-left-color: #2F2F2F; border-top-color: #2F2F2F; color: #FFF; padding: 3px; margin: 2px 0; cursor: pointer; cursor: hand; }
.content #clientlogin textarea, .content #clientlogin input, .content #login textarea, .content #login input { padding: 0; }
.content #clientlogin input { border: 0; }
.content #clientlogin #username, .content #clientlogin #password { border: 1px solid #CCC; padding: 3px 4px; }
body .content #clientlogin img, body .content #login img { padding: 0; border: 0; margin: 0; }
/* E-COMMERCE */
.store .content form #products_details div, #content_checkout form div, #content_checkout hr { margin: 0; }
#content_checkout form table { margin: 0 0 10px 0; }
/** @group toggle */
.content .toggle { border-bottom: 1px solid #000; color: #000; cursor: pointer; cursor: hand; padding: 4px 5px; padding-left: 30px; margin: 0; }
.content div.toggle { border: 0; cursor: default; padding: 0; margin: 0; }
.content .up, .content .down { background: transparent url("/globals/images/bg_toggle_down.gif") 3px 45% no-repeat; }
.content .up { color: #FFF; background-color: #000; border-bottom-color: #000; background-image: url("/globals/images/bg_toggle_down.gif"); }
.content blockquote.toggle_content { margin: 0; padding: 5px 25px; padding-left: 45px; }
/* @end toggle **/