body { background-color: #c0c0c0; background-image: url(/images/body_bg.gif); background-position: top center; background-repeat: repeat-y; text-align: center; font-family: Verdana, sans-serif; margin: 0px auto auto auto }

img { border: none }
hr { height: 1px; background-color: #336799; color: #336799; margin: 0; padding: 0; border: none }

table { border-collapse: collapse; border: none; margin: auto }

table.form { margin: auto }
table.form th { padding: 25px 25px 0 25px; vertical-align: top; border: none; padding: 5px; text-align: left; font-size: 80% }
table.form td { padding: 25px 25px 0 25px; vertical-align: top; border: none; padding: 5px }

table.admin { margin: auto }
table.admin th { padding: 25px 25px 0 25px; vertical-align: top; border: none; padding: 5px; text-align: left }
table.admin td { padding: 25px 25px 0 25px; vertical-align: top; border: none; padding: 5px }

table.5050 td { width: 50%; vertical-align: top; padding: 10px }
img.5050 { border: 1px solid #336799 }

#flat_form { width: 925px }
#general__content_editor { height: 100px }

textarea { height: 100px; width: 300px; border: 1px solid #336799; padding: 1px; color: #336799 }
select { width: 300px; border: 1px solid #336799; padding: 1px; color: #336799 }

div.body { background-color: #ffffff; width: 975px; margin: auto;  }

div.heading { height: 100px; text-align: left }
div.heading img.headerlogo { margin: 35px auto auto 20px }

div.generic { background-image: url(/images/genericgradient.jpg); background-repeat: repeat-x; background-color: #7c9dbe; min-height: 235px; height: auto !important; height: 235px; float: left; width: 945px; padding: 15px 15px 0 15px; margin: 0; color: #336799; text-align: center }
div.constrict { width: 750px; text-align: left; margin: auto }
div.centerbutconstrict { width: 750px; margin: auto }
div.generic h1 { font-size: 100%; color: #336799; margin-bottom: 25px }
div.generic h2 { font-size: 90%; color: #336799 }
div.generic h3 { font-size: 80%; color: #336799 }
div.generic p { margin: 10px; font-size: 80%; text-align: left }
div.generic p.center { margin: 10px; font-size: 80%; text-align: center }

div.generic a { color: #336799 }
div.generic input { border: 1px solid #336799; color: #336799; width: 300px }
div.generic input.submit { border: 1px solid #336799; background-color: #ffffff; color: #336799; margin: 10px; width: 200px; padding: 10px; font-size: 80%; font-weight: bold }
div.generic li { margin: 3px; font-size: 80%; text-align: left }

div.generic #user_site_administrator,#user_html_email,#user_remember_card { width: 15px }
div.generic #commit { background-color: white; width: 300px }

td.underlined_links a { text-decoration: underline }

div.reportnotice { background-color: #ffffff; float: left; width: 945px; padding: 3px 15px 3px 15px; min-height: 10px; font-style: italic; font-weight: bold; text-align: center; color: #336799 }
div.reporterror { background-color: #ffffff; float: left; width: 945px; padding: 3px 15px 3px 15px; min-height: 10px; font-style: italic; font-weight: bold; text-align: center; color: #336799 }
div.reporterror a { color: #336799 }

table.list { border: 1px solid white; border-collapse: collapse; margin: 25px auto 0 auto }
table.list th { border: 1px solid white; padding: 10px; text-align: center; font-size: 80% }
table.list td { border: 1px solid white; padding: 10px; font-size: 80% }
table.list td.action { font-style: italic }

div.search { float: right; color: #9b9b9b; font-size: 70%; font-weight: bold; margin: -25px 30px auto auto; vertical-align: middle }
div.search #inline_search_text { border: 1px solid #7f9db9; width: 125px; height: 12px; padding: 2px; vertical-align: middle; color: #336799; font-size: 9px }
div.search #search_commit { width: 25px; height: 18px; border: none; background-image: url(/images/btn_go.gif); font-weight: bold; font-size: 8px; color: #fff; vertical-align: middle; padding: 0px; !padding: 5px }
div.search span { margin-top: 5px }

div.menu { background-image: url(/images/menubar_bg.gif); height: 33px; font-weight: bold; text-transform: uppercase; text-align: center; color: #fff; font-size: 70%; padding-top: 1px; background-color: #336799 }
div.menu p { margin: 10px auto 0 auto }
div.menu span { margin: auto 23px auto 23px }
div.menu span.admin { margin: auto 15px auto 15px }
div.menu a { color: white; text-decoration: none }
div.menu a.highlight { color: white; text-decoration: none; font-weight: 900 }
div.menu a:hover { color: #eb9123 }

div.hidden_series { width: 955px; color: white; font-size: 70%; margin: 0; padding: 10px; float: left; text-align: center; background-color: #95b0ca; background-image: url(/images/menubar_bg.gif); background-repeat: repeat-x }
div.hidden_series a { color: white; text-decoration: underline }
div.hidden_series a:hover { color: white; text-decoration: underline }
div.hidden_series span.series { font-weight: bold }

div.series { height: 382px; width: 245px; float: left; color: #999; background-color: white; background-image: url(/images/middlebar_bg.gif); padding: 10px 0px 10px 10px; overflow: hidden }
div.series h1 { font-weight: bold; font-size: 90%; padding: 0; margin: 15px 0 -1px 0 }
div.series img { vertical-align: middle; padding: 0 7px 0 2px; margin: 0 }
div.series p { font-size: 70%; margin: 3px auto 10px auto }
div.series a { color: #999; text-decoration: none }
div.series a:hover { text-decoration: underline }

span.headline { color: #336799; margin 0; padding: 0; width: 100% }
span.headline h1 { font-weight: bold; font-size: 13pt; margin: 0 }
span.headline h2 { font-weight: bold; font-size: 10pt; font-style: italic; margin: 9px 0 7px 0 }
span.headline p { font-size: 8pt; margin: 0 0 7px 0 }
span.headline hr { width: 100%; margin: 0 }

div.videoplayback { height: 387px; width: 405px; float: left; background-color: white; background-image: url(/images/middlebar_bg.gif); padding: 0 0 15px 0; text-align: center; overflow: hidden }
div.videoplayback img { margin-top: 16px }
div.videoplayback p { font-size: 80%; color: #336799; padding: 0 20px 0 20px }
div.videoplayback a { color: #336799 }
#player { margin: 5px auto auto auto; padding: 0 }

div.videodetails { height: 255px; width: 295px; float: left; background-image: url(/images/details_bg.gif); background-repeat: repeat-x; background-color: #666666; padding: 0 10px 0 10px; text-align: left; overflow: hidden }
div.videodetails h1 { color: #fff; font-weight: bold; font-size: 12px; margin-top: 7px; margin-bottom: 20px }
div.videodetails p { color: #fff; font-style: italic; font-size: 70%; margin: 0 auto 7px auto; padding-bottom: 0px }

div.cart { height: 140px; width: 255px; background-color: #4b5459; padding: 7px 30px 0 30px; float: left; text-align: center }
div.cart h1 { color: #fff; font-size: 90%; margin: 0; padding: 3px 0 7px 0 }
div.cart img { vertical-align: middle; padding: 2px 0 0 0; margin: 0 }
div.cart p { color: #9ba0a4; font-size: 70%; padding: 0; margin: 0 0 8px 0 }
div.cart p.center { text-align: center; position: relative; top: -3px }
div.cart span.bold { color: #fff; font-weight: bold }

div.login { height: 140px; width: 315px; background-color: #4b5459; padding: 7px 0 0 0; margin: 0; float: left; text-align: center; overflow: hidden }
div.login h1 { color: #fff; font-size: 90%; margin: 0; padding: 3px 0 7px 0 }
div.login table.form { padding: 0; margin: 0 auto 0 auto }
div.login table.form th { color: #ffffff; font-size: 70%; font-weight: normal; text-align: right; padding: 5px 3px 0 0 }
div.login table.form td { padding: 3px }
div.login #username { border: 1px solid #ffffff; background-color: #dddddd; color: #4b5459; width: 200px; height: 14px; font-size: 10px }
div.login #password { border: 1px solid #ffffff; background-color: #dddddd; color: #4b5459; width: 200px; height: 14px; font-size: 10px }
div.login #remember_me { padding: 0; margin: 0 50px 0 10px }
div.login input.submit { border: 1px solid #ffffff; background-color: #dddddd; color: #4b5459; font-size: 9px; padding: 0; margin: 0 }
div.login a { color: white; text-decoration: none; text-align: center }
div.login a:hover { text-decoration: underline }
div.login img.button { margin: 5px 5px auto 5px;  }

div.bluebar { height: 4px; width: 100%; background-color: #336799; float: left; font-size: 1px }

div.othervids { width: 919px; min-height: 200px; background-image: url(/images/footer_bg.gif); background-repeat: repeat-x; background-color: #7c9dbe; color: #336799; padding: 28px; float: left; text-align: left }
div.othervids h1 { font-weight: bold; font-size: 80%; padding: 0; margin: 0 }
div.othervids img { border: 3px solid white; width: 100px; height: 75px }
div.othervids a.text { color: #336799; text-decoration: none; padding: 0 0 0 25px }
div.othervids a:hover { text-decoration: underline }

div.videorow { width: 919px; float: left }

div.videothumb { margin: 0; padding: 25px 24px 0 23px; float: left; width: 100px; text-align: center; font-size: 70%; font-weight: bold }
div.videothumb a { color: #336799; text-decoration: none }
div.videothumb a:hover { text-decoration: underline }

div.footer { width: 945px; background-color: #7c9dbe; font-size: 80%; font-weight: bold; text-align: left; padding: 0 15px 0 15px; margin: 0; float: left }
div.footer p { text-align: center }
div.footer a { color: #336799; text-decoration: none }
div.footer a:hover { text-decoration: underline }
div.footer span { margin: auto 25px auto 25px }

div.buttons { text-align: center; width: 945px; padding: 40px 0 0 0 }
div.buttons input { border: 1px solid #336799; background-color: #ffffff; color: #336799; font-size: 80%; padding: auto; width: 150px; height: 35px }
div.buttons a { border: 1px solid #336799; background-color: #ffffff; color: #336799; font-size: 80%; padding: auto; width: 150px; height: 35px }

img.finance { border: 1px solid #336799; margin: 5px }

.formcomment { font-weight: bold; color: #336799; position: relative; top: -5px }
.fineprint { font-weight: normal; color: #336799 }
.center { text-align: center }

#purchase_expiry_month { width: 145px }
#purchase_expiry_year { width: 145px }
#url { width: 190px; border: 1px solid #999999; color: #999999; font-size: 10px; margin: -5px auto auto 5px }

#user_html_email, #user_remember_card, #remember_me, #user_site_administrator { border: none; text-align: right }
input.checkbox { border: none }

a.actionbutton { border: 1px solid #336799; background-color: #ffffff; color: #336799; margin: auto; padding: 5px; font-size: 80%; vertical-align: middle; text-decoration: none }
a.actionbutton:hover { background-color: #becee1; text-decoration: none; margin: auto; padding: 5px }

a.basebutton { border: 1px solid #336799; background-color: #ffffff; color: #336799; margin: 20px 10px 20px 10px; padding: 10px 20px 10px 20px; font-size: 80%; vertical-align: middle; !padding: 10px 20px 10px 20px; text-decoration: none }
a.basebutton:hover { background-color: #becee1; text-decoration: none }
#submitbutton { border: 1px solid #336799; background-color: #ffffff; color: #336799; width: 200px; margin: 20px 10px 20px 10px; padding: 9px 19px 9px 19px; font-size: 80%; vertical-align: middle; !padding: 8px 18px 8px 18px }
#submitbutton:hover { background-color: #becee1; text-decoration: none }

#smallsubmitbutton { border: 1px solid #336799; background-color: #ffffff; color: #336799; width: 150px; height: 21px; padding: 1px; margin-left: 20px; font-size: 80%; vertical-align: middle; position: relative; top: -1px; text-decoration: none }
#smallsubmitbutton:hover { background-color: #becee1; text-decoration: none }

#reinstatement_expiry_date_3i { width: 50px }
#reinstatement_expiry_date_2i { width: 95px }
#reinstatement_expiry_date_1i { width: 65px }