* { margin: 0; padding: 0; }
html, body {height: 100%; margin: 0; padding: 0; background: #fff; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 12px;}

.pkg:after {clear:both; content:" "; display:block; font-size:0pt; height:0px; line-height:0pt; visibility:hidden;}
* html .pkg {}
* html .pkg {height:1%;}
.pkg {display:block;}

h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.0em; }

h1, h2, h3, h4, h5, h6, p, pre, blockquote, table, form, label, ul, ol, dl, fieldset, address {margin-bottom: 1ex;}

li, dd { margin-left: 2em; }
fieldset { padding: 0.5ex 0.5em; }
button, input, select, textfield { font-size: 12px; }
option { padding-left: 0.5em; }
img { margin: 0; padding: 0; border: none; }
hr { margin: 1ex 0; border: 1px solid #49ab3c; }

#short_codes select { width:150px; overflow:hidden;}

.header { position: relative; width: 800px; height: 144px; margin: 0 auto; background: url(/images/msnap_banner.jpg) 0 0 no-repeat; }
.header_minfo{ background: url(/images/minfo_banner.jpg) 0 0 no-repeat; }
.header_msong{ background: url(/images/msong_banner.jpg) 0 0 no-repeat; }
.header_mvote{ background: url(/images/mvote_banner.jpg) 0 0 no-repeat; }
.header_mtalk{ background: url(/images/mtalk_banner.jpg) 0 0 no-repeat; }
.header_mclub{ background: url(/images/mclub_banner.jpg) 0 0 no-repeat; }
.header_getty{ background: url(/images/getty_banner.jpg) 0 0 no-repeat; }

.form_block { width:790px;margin:0px 0px 15px 0px; padding:0px; display:block; background:#bcd2e3; padding:10px 10px 10px 10px;}

.form_block .first_column { width:380px; margin:0px; padding:10px; float:left;}
.form_block label { clear:left; float:left; margin:4px 8px 0pt 0pt; padding:0pt; position:relative; text-align:right; white-space:nowrap; width:200px; font-weight:bold; overflow:hidden;}
.form_block .text_field {vertical-align:middle; height:20px; color:#000; display:inline; margin-left:10px; width:250px; font-size:10pt;}
.form_block .text_field_two {margin-top:10px;display:inline;}

.form_block .select {vertical-align:middle; height:20px; color:#000; display:inline; margin-left:10px; font-size:10pt;}
.form_block .check_box {vertical-align:middle; display:inline; margin-left:10px;}
.form_block .list_box {vertical-align:middle; display:inline; margin-left:10px;}
.form_block .last_column { width:380px; margin:0px; padding:10px; float:right;}

.form_block .dd {margin:10px 0px 5px 0px;}
.form_block .ddd {height:35px;}
.form_block .sub_block {border-bottom: 1px solid #e2ecf3; padding: 0px 0px 5px 0px;}



.data_block { width:790px;margin:0px 0px 15px 0px; padding:0px; display:block; background:#bcd2e3; padding:10px 10px 10px 10px;}

.data_block .first_column { width:380px; margin:0px; padding:10px; float:left;}
.data_block label { clear:left; float:left; margin:0px 4px 0pt 0pt; padding:0pt; position:relative; text-align:right; white-space:nowrap; width:200px; font-weight:bold; overflow:hidden;}

.data_block .last_column { width:380px; margin:0px; padding:10px; float:right;}

.data_block .dd {margin:10px 0px 5px 0px;}
.data_block .ddd {height:35px;}
.data_block .sub_block {border-bottom: 1px solid #e2ecf3; padding: 0px 0px 5px 0px;}





#loginbar { position: absolute; top: 6px; right: 4px; width: 427px; height: 24px; overflow: hidden; background: url(/images/login_background.gif) 0 0 no-repeat; }
#loginbar form input { font-size: 9px; margin: 0; padding: 0 3px; width: 100%; height: 14px; border: none; }
#login_help { position: absolute; top: 5px; left: 350px; width: 73px; overflow: hidden; color:#000000; }
#login_username { position: absolute; top: 5px; left: 61px; width: 95px; height: 14px; overflow: hidden; }
#login_password { position: absolute; top: 5px; left: 205px; width: 97px; height: 14px; overflow: hidden; }
#login_bttn { position: absolute; display: block; top: 5px; left: 305px; width: 31px; height: 0px; padding-top: 14px; overflow: hidden; background: url(/images/buttons/login_bttn.png) 0 0 no-repeat; }
#login_bttn:hover { background-position: 0 -14px; }
#login_bttn:active { background-position: 0 -28px; }

#logout_bttn { position: absolute; display: block; top: 6px; right: 4px; width: 107px; height: 0px; padding-top: 24px; overflow: hidden; background: url(/images/buttons/logout_bttn.gif) 0 0 no-repeat; }
#logout_bttn:hover { background-position: 0 -24px; }

#navbar { position: absolute; top: 39px; left: 255px; height: 28px; }
#navbar li { height: 28px; }
#navbar li a { display: block; float: left; height: 20px; padding: 8px 8px 0px 8px; font-weight: bold; text-decoration: none;}
#navbar li a:hover { color: #fff;}
#navbar li a.active { color: #fff;}

#buttonbar { position: absolute; top: 90px; right: 4px; }
#buttonbar .oval-bttn { float: right; padding-left: 1em; }

#notice { margin-bottom: 2em; }
#content { position: relative; width: 800px; margin: 0 auto; }
.clock .label { font-weight: bold; margin-right: 0.5em; }
.clock .time { background: #fff; color: #000; border: 1px solid #999; padding: 0 0.5em; font-weight: bold; }

#footer { position: relative; width: 800px; margin: 0 auto; height: 86px; padding-top: 45px; background: #fff url(/images/msnap_footer.jpg) 0 0 no-repeat; }
#footer p { color: #fff; font-size: 10px; font-weight: bold; text-align: center; letter-spacing:.5pt;}
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

a { color: #000; }
a:hover { color: #0068aa; }

.centered { margin: 0 auto; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.lfloat { float: left; }
.rfloat { float: right; }
.clear { display: block; height: 0; clear: both; }
.rclear { line-height: 1px; font-size: 1px; clear: right; }
.lclear { line-height: 1px; font-size: 1px; clear: left; }
.spacer { line-height: 1px; height: 1px; margin-bottom: 1ex; }
.wrapper { position: relative; }
.contrast { color: red; }
a.rollover { display: block; overflow: hidden; }
.expander { width: 100%; }
* html body textarea.expander { width: 96%; }

.radio_wrapper { float: left; margin-right: 1em; font-weight: bold; width: 6em; }
.radio_wrapper label { white-space: nowrap; }
.radio_off { display: block; width: 0; height: 15px; padding: 2px 0 2px 24px; background: url(/images/buttons/radio_button.jpg) 0 0 no-repeat; }
.radio_on { display: block; width: 0; height: 15px; padding: 2px 0 2px 24px; background: url(/images/buttons/radio_button.jpg) 0 -19px no-repeat; }

.check_wrapper { float: left; margin-right: 1em; font-weight: bold; width: 8em; }
.check_off { display: block; width: 0; height: 15px; padding: 2px 0 2px 24px; background: url(/images/buttons/radio_button.jpg) 0 0 no-repeat; }
.check_on { display: block; width: 0; height: 15px; padding: 2px 0 2px 24px; background: url(/images/buttons/radio_button.jpg) 0 -19px no-repeat; }

div.framed { border: 2px solid #49ab3c; }

fieldset { padding: 1em; border: 2px solid #49ab3c; }
legend { padding: 0.25em 1em; background: #ffffcc; border: 1px solid #49ab3c; font-size: 1.2em; font-weight: bold; }

ul.smallfont { font-size: 10px; }
ul.even { background: #eee; }
ul.highlighted:hover { background: #e6fae9; }

ul.hmenu { margin: 0; padding: 0; list-style: none; }
ul.hmenu li { margin: 0; padding: 0; float: left; }
ul.hmenu li.controls { text-align: right; }

ul.row { margin: 0; padding: 0.5em; list-style: none; }
ul.row li { float: left; margin: 0; padding: 0; }
ul.row li.clear { display: block; float: none; clear: both; }
ul.row li.controls { text-align: right; }

ul.table { margin: 0; padding: 0; list-style: none; }
ul.table li { margin: 0 0 0.5em 0; padding: 0; clear: both; }
ul.table label { display: block; width: 10em; float: left; margin-right: 1em; font-weight: bold; text-align: right; }

.section { margin-bottom: 1em; padding: 1ex 1em 0 1em; border: 2px solid #49ab3c; }
.shaded { background: #dfdfdf; }

.oval-bttn { margin: 0; position: relative; }
.oval-bttn .left { float: left; width: 12px; height: 28px; }
.oval-bttn .middle { float: left; height: 28px; padding-top: 4px; font-size: 16px; font-weight: bold; }
.oval-bttn .right { float: left; width: 12px; height: 28px; }
.oval-bttn .left { background: url(/images/buttons/green_oval_bttn_left.gif) 0 0 no-repeat; }
.oval-bttn .middle { background: url(/images/buttons/green_oval_bttn_middle.gif) 0 0 repeat-x; }
.oval-bttn .right { background: url(/images/buttons/green_oval_bttn_right.gif) 0 0 no-repeat; }
.oval-bttn a { text-decoration: none; }

.mini-bttn { margin: 0; color: #ff0; }
.mini-bttn .left   { float: left; width: 3px; height: 16px; font-size: 1px; }
.mini-bttn .middle { float: left; height: 14px; padding: 1px 2px 0 2px; font-size: 10px; font-weight: normal; }
.mini-bttn .right  { float: left; width: 3px; height: 16px; font-size: 1px; }
.mini-bttn .left { background: url(/images/buttons/green_mini_bttn_left.gif) 0 0 no-repeat; }
.mini-bttn .middle { background: url(/images/buttons/green_mini_bttn_middle.gif) 0 0 repeat-x; }
.mini-bttn .right { background: url(/images/buttons/green_mini_bttn_right.gif) 0 0 no-repeat; }
.mini-bttn:hover .left { background-position: 0 -16px; }
.mini-bttn:hover .middle { background-position: 0 -16px; }
.mini-bttn:hover .right { background-position: 0 -16px; }
.mini-bttn a { text-decoration: none; color: #fff; }
.mini-bttn a:hover { text-decoration: none; color: #fff; }

.fieldWithErrors { display: block; border: 2px solid #c00; }
.errorExplanation { width: 400px; margin: 0 auto 1em auto; border: 2px solid #c00; background-color: #dfdfdf; }
.errorExplanation h2 { padding: 5px 5px 5px 15px; text-align: left; font-weight: bold; font-size: 12px; background-color: #c00; color: #fff; }
.errorExplanation p { color: #333; margin: 1em; }
.errorExplanation ul { margin: 1em; }
.errorExplanation ul li { font-size: 12px; list-style: square; }

form.test label { float: left; display: block; width: 25%; margin-right: 1em; text-align: right; font-weight: bold; }
form.test p { float: left; }
form.test br { clear: both; }

table.formatted { margin-bottom: 1em; border-collapse: collapse; }
table.formatted tbody { background-color: #bed3e4; padding: 5px;}
table.formatted thead a { color: #fff; text-decoration: none; }
table.formatted thead a:hover { color: #fff; text-decoration: underline; }
table.formatted thead tr { background: url(/images/filler.png) 0 0 repeat; }
table.formatted thead th { padding: 0.5em; vertical-align: top; text-align: left; color: #fff; }
table.formatted thead td { text-align: left; color: #fff; }
table.formatted thead th.controls { font-size: 10px; text-align: right; }
table.formatted thead th div.mini-bttn { float: right; margin: 0 1px; }
table.formatted tr.odd { background: #fff; }
table.formatted tr.even { background: #e2e1e1; }
table.formatted td { padding: 0.5em; vertical-align: top; }
table.formatted td.label { width: 15em; font-weight: bold; text-align: right; }
table.formatted td.key { font-weight: bold; text-align: right; }
table.formatted td.controls { font-size: 10px; text-align: right; }
.mini-button{ width: 160px }
#dashboard_tbody tr{
    
   cursor:default; 
}
table.formatted td.controls div.mini-bttn { float: right; margin: -3px 1px 0 1px; }
table.formatted pre { margin: 0; }

table.formatted tbody tr.yart td.nullvalue { font-style: italic; font-weight: bold; color: gray; }
table.formatted tbody tr.yart:hover { background: #fee;}
table.formatted tbody tr.yart:hover td.nullvalue { background: #fdd; }

table.framedview { border-collapse: collapse; border: 1px solid #e2e1e1; }

table.report { margin-bottom: 1em; border-collapse: collapse; color: #7e6232;}
table.report tbody { background-color: #f4e7d1; padding: 5px;}
table.report thead a { color: #634B38; text-decoration: none; }
table.report thead a:hover { color: #634B38; text-decoration: underline; }
table.report thead tr { background-color: #f4e7d1; }
table.report thead th { padding: 0.5em; vertical-align: top; text-align: left; color: #634B38; }
table.report thead td { text-align: left; color: #634B38; }
table.report thead th.controls { font-size: 10px; text-align: right; }
table.report thead th div.mini-bttn { float: right; margin: 0 1px; }
table.report tr.even { background: #f7f0e5; }
table.report tr.odd { background: #f4e7d1; }
table.report td { padding: 0.5em; vertical-align: top; }
table.report td.label { width: 15em; font-weight: bold; text-align: right; }
table.report td.key { font-weight: bold; text-align: right; }
table.report td.controls { font-size: 10px; text-align: right; }
table.report td.controls div.mini-bttn { float: right; margin: -3px 1px 0 1px; }
table.report pre { margin: 0; }

table.framedreport { border-collapse: collapse; border: 1px solid #f4e7d1; }

table.highlighted tbody tr:hover { background: #efefef; }
table.framed { border-collapse: collapse; border: 1px solid #3c7eab; }
table.fixed { table-layout: fixed; }

.smallfont { font-size: 10px; }
.smallfont input { font-size: 10px; }
.smallfont textarea { font-size: 10px; }
.smallfont select { font-size: 10px; }
.smallfont button { font-size: 10px; }

div.heading p { margin-bottom: 1px; font-size: 1.2em; }
div.heading div.mini-bttn { float: right; margin: 4px 1px 0 1px; }

p.title { margin-bottom: 4px; font-size: 14px; }
span.label { display: block; float: left; width: 10em; margin: 0 0.5em 0 0; text-align: right; font-weight: bold; }
div.toolbar { margin: 0 0 2px 0; }
div.toolbar p { margin: 0; font-size: 12px; }
div.toolbar form { margin: 0; font-size: 10px; }
div.toolbar form input { font-size: 10px; }
div.toolbar form select { font-size: 10px; }
div.toolbar p.title { margin-bottom: 4px; font-size: 14px; }
div.toolbar div.mini-bttn { float: right; margin: 0px 1px; }

span#spinner { margin-left: 1em; font-weight: bold; color: #0068aa; }
span#script_error { margin-left: 1em; font-weight: bold; color: #cc0000; }

span.xpander { display: block; float: left; }

span.submit_bttn a img { margin-bottom: -4px; width: 65px; height: 20px; vertical-align: middle; }
span.submit_bttn a.finished img { background: url(/images/buttons/finished_submit_bttn.png) 0 0 no-repeat; }
span.submit_bttn a.launch img { background: url(/images/buttons/launch_submit_bttn.png) 0 0 no-repeat; }
span.submit_bttn a.next img { background: url(/images/buttons/next_submit_bttn.jpg) 0 0 no-repeat; }
span.submit_bttn a.previous img { background: url(/images/buttons/previous_submit_bttn.png) 0 0 no-repeat; }
span.submit_bttn a.save img { background: url(/images/buttons/save_submit_bttn.png) 0 0 no-repeat; }
span.submit_bttn a.search img { background: url(/images/buttons/search_submit_bttn.jpg) 0 0 no-repeat; }
span.submit_bttn a.send img { background: url(/images/buttons/send_submit_bttn.png) 0 0 no-repeat; }
span.submit_bttn a img:hover { background-position: 0 -20px; }

div.wizard { padding-left: 250px; }
div.wizard table { margin: 0; border-collapse: collapse; }
div.wizard table thead td { margin: 0; padding: 0; vertical-align: bottom; }
div.wizard table thead img { margin: 0 0 0 -1px; padding: 0; border: none; border-right: 1px solid #0068aa; }
* html body div.wizard table thead img { margin-left: 0; margin-bottom: -5px; }
div.wizard table thead div.tabs { width: 315px; margin: 0 auto; }
div.wizard table thead th { margin: 0; padding: 0 0 0 1em; text-align: left; background: url(/images/filler.png) 0 0 repeat; }
div.wizard table thead th a { color: #000; text-decoration: none; }
div.wizard table thead th a.highlight { color: #fff; }
div.wizard table thead th a:hover { color: #fff; text-decoration: underline; }
div.wizard form .mini-bttn { margin-right: 14px; }

#wizard_table h5 { padding-top: 0.5em; border-top: 2px solid #0068aa; }

#mvote_tabs {}
#mvote_tabs a.tab { display: block; float: right; height: 0px; padding-top: 22px; overflow: hidden; }
#mvote_tabs a.tab:hover { background-position: 0 -22px; }
#mvote_tabs a.vote { width: 96px; background: url(/images/buttons/vote_tab.png) 0 0 no-repeat; }
#mvote_tabs a.quiz { width: 96px; background: url(/images/buttons/quiz_tab.png) 0 0 no-repeat; }
#mvote_tabs a.sweepstakes { width: 123px; background: url(/images/buttons/sweepstakes_tab.png) 0 0 no-repeat; }
#mvote_tabs a.active { background-position: 0 -22px; }

.minfo_tab a { margin: 0 0.25em; padding: 0.25em 0.5em; text-decoration: none; color: #000; background: #ffffcc; border: 1px solid #0068aa; }
.minfo_tab a:hover { color: #000; background: #0068aa; }

div.mclub div.wizard { min-height: 375px; background: url(/images/mclub_wizard_background.jpg) 0px 40px no-repeat; }
div.minfo div.wizard { min-height: 375px; background: url(/images/minfo_wizard_background.jpg) 0px 40px no-repeat; }
div.msong div.wizard { min-height: 375px; background: url(/images/msong_wizard_background.jpg) 0px 40px no-repeat; }
div.mtalk div.wizard { min-height: 375px; background: url(/images/mtalk_wizard_background.jpg) 0px 40px no-repeat; }
div.mvote div.wizard { min-height: 375px; background: url(/images/mvote_wizard_background.jpg) 0px 40px no-repeat; }


/* Used for mContent */
.leftindent { margin-left: 1em; padding-bottom: 1ex; }
/* padding-left: 1em; margin-left: 1em; padding-bottom: 1ex; border-left: solid 3px black; } */
.menutitle { font-size: large; }
.categorysummary {}
.feednames {font-style: italic; }
.updownbuttons { }
.menutitle { font-size: large; }

p.speed_estimate {
    text-align: right;
    font-size: small;
    color: gray;
}

/* Zeitgeist: "Damn you tables for being the easiest way to do layout, to
 *             work the first time, and still be the wrong way to do it!" -- Nick
 */
table.yart td.label { vertical-align: top; width: 10em; padding-right: 1em; text-align: right; }
table.yart td.field { width: 20em;  vertical-align: top; }
table.yart td.explanation { vertical-align: top; font-style: italic; color: gray; } 
table.yart td.field span.explanation { font-style: italic; color: gray; }

tr.disabled_client td {
  text-decoration: line-through;
}

#saving-message { margin-top: 15px; text-align: center; font-size: 18px; font-weight: bold; }
#saving-message img { vertical-align: middle; }