/* ===================================================
// ---------------------------------------------------
// Forms and Tables
// This stylesheet should only contain styles related
// to the forms and tables throughout the site.
// Everything should be in a clean order with generic
// styles, followed by classes, id's then page specific.
// Nothing else should be in the stylesheet.
// ---------------------------------------------------
=================================================== */

/* Forms */
form, fieldset { margin:0; padding:0; border:0 none; }

#content .formbox input.text:focus, #content .formbox select:focus,
#content .formbox textarea:focus, #rightcolumn .formbox .text:focus,
#rightcolumn .formbox select:focus { background-color:#FFFFB7; color:#454545; border-color:#454545; }

/* Form styling */
.formbox { position: relative; margin-bottom:15px; font-family: Arial, Helvetica, sans-serif; } /* position relative for the 'comment submitted' overlay*/
.formbox .formbox_sleeve form, .formbox .formbox_subsleeve form { padding:10px 7px 15px; background-color: #eee; }
.formbox.hidden_box .alert p { font-size: .909em; }
.formbox hr { clear:both; }
.formbox h2 { border-bottom: 3px solid #666; margin: 10px 0 6px; padding-bottom: 5px; font-weight: bold; font-size: 1.154em; text-transform: uppercase; }

.formbox h3 { font-weight:bold; }
.formbox .field { margin-bottom:15px; line-height:18px; min-height: 0; }
.formbox .field:last-child { margin-bottom:0; }
.formbox .field:after { content:"."; clear:left; display:block; height:0; visibility:hidden; }
.formbox .loginoptions+.field { margin:0; }
.formbox .field .formOptions label { margin:5px 0 5px 4.5em; }
.formbox .securityfilter { position:absolute; left:-9999px; }
.formbox .field div { margin-left:120px; }
.formbox .nolbl div { margin-left:130px; }
.formbox .nolbl div>div { margin-bottom:5px; }
.formbox .nolbl div label * { vertical-align:middle; }
.formbox .nolbl div label input { margin-top:0; }
.formbox .field div.info { margin-left:120px; padding:8px 8px 8px 38px; background:#FFF url(graphics/form_info.jpg) top left no-repeat; }
.formbox .field div div { margin-left:0; }
.formbox .field label, .formbox .field .label { float:left; width:115px; padding-right:5px; font-weight: bold; }
.formbox .field .linkgroup > div > a { margin-bottom:15px; display:block; font-family:Georgia, "Times New Roman", Times, serif; }
.formbox .field div label { float:none; font-weight: normal; }
.formbox .field .mandatory { float:right; vertical-align:top; padding-top:3px; }
.formbox .field .radio, .formbox .field .checkbox { margin-left:0; }
.formbox .field .checkbox { margin-bottom:0; }
.text, select { border:1px solid #666; font-size:1em; line-height:1; padding:2px; }
.formbox select { padding:1px; }
.formbox .field .checkgroup { float: left; margin:0; }

.formbox .text_field { padding:3px 0 0; margin:0; float:left; width:310px; }
.formbox .field_text { margin-bottom:8px; width: auto; }
.storytext .formbox .button, .section_column1 .formbox .button { margin-left:120px; }
#story #comments_form { position: relative; }
.formbox span.note { float:left; margin-left:120px; }
.formbox span.note label { width:auto; font-weight:normal; }
.formbox .alert { margin-top:5px; }
.formbox .alert p { margin-top:0; }
.formbox .alert p.meta { font-size:.909em; }
.formbox .dategroup_day { width:70px; }
.formbox .dategroup_month { width:136px; }
.formbox .dategroup_year { width:80px; }

.storytext .formbox h2 { margin:0 0 6px; background-color: #fff; }

/* Feedback */
.storytext .feedback_box h2 { margin:0 0 4px; }
.feedback_box { position:absolute; top:62px; left:31px; border: 1px solid #666; width:420px; background:#FFF; z-index:10; }
.feedback_box_sleeve { border: 3px solid #fff; }
.feedback_box p { margin:0; }
.feedback_box_sleeve .feedback_close a { float:right; width:69px; height:25px; background:url(graphics/buttons/b_closing.png) 0 0 no-repeat; text-indent:-9999px; margin-top:80px; outline:none; }
.feedback_box_sleeve .inner_sleeve { padding:10px 20px 20px; min-height: 0; background-color: #eee; }
.feedback_box_sleeve .inner_sleeve:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }

#wrapper .searchAgain label { width:70px; font-size: .917em; }
#wrapper .formbox .searchAgain .field div { margin-left:80px; }
#wrapper .typeofsearch label { width:85px; font-size: .917em; }

/* Error Styles */
.formbox div.errorbox { margin:0; padding-top: 3px; font-weight:bold; color:#fff; background: url(/magazine/graphics/errortop.gif) no-repeat 0 0; }
.formbox div.errorbox .errorbox_sleeve {background: url(/magazine/graphics/errorbottom.gif) no-repeat 0 100%; padding-bottom: 20px;}
.formbox div.errorbox .errorbox_sleeve p { color:#FFF; }
.error .text, .error select {border-color: #973333; }
.errorbox a { color:#3A588E; }
.errorbox p { margin:0; padding: 2px 8px; line-height:15px; }
.errorbox_large { border: 1px solid #973333; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:15px; padding:10px; background:#FFF; }
.errorbox_large h3 { margin:0; color: #973333; font-size: 1.385em; }
.errorbox_large ul { margin:10px 0; padding:0; list-style:none; }
.errorbox_large label { cursor:pointer; font-weight: bold; line-height:21px; color:#000; }
.errorbox_large label:hover { text-decoration:underline; }

.formbox_sleeve h2+.errorbox_large { margin-top: 15px; }

/* Forgotten password */
.forgottenPass .formbox_sleeve p { font-size:.9167em; }
.forgottenPass .formlarge { width:66%; }
.forgottenPass h2 { margin-top:-15px; }

/* Tables */
.tableFull { width:472px; overflow:auto; margin:15px 0; }
.tableLeft { width:315px; overflow:auto; float:left; margin:15px 15px 15px 0; }
.tableLeft table { width:100%; }
table { font-family: Arial, Helvetica, sans-serif; background:#666; }
table a { font-weight:normal; }
table th { padding:6px 8px 8px; text-align:left; border: solid #fff; border-width: 1px 0; }
table td { padding:6px 8px 8px; border: solid #fff; border-width: 1px 0; }
table tr { background-color:#fafafa; }
table tr.even { background-color:#eee; }
table tfoot { font-weight:normal; font-size:.909em; }
table tfoot td { padding-top:8px; padding-bottom:8px; }
table thead tr { border-top: 1px solid #FCFCFC; }
table thead th { padding-top:4px; padding-bottom:4px; color:#000; border:none; }

table.comments th { text-align:center; }
table.comments tbody th.ci_discussion { text-align:left; }
th#h_discussion { text-align:left; }

.po_share table tr { background:#CCC; }

/* RSS Home */
.rssTable { width:482px; margin-top:3px; margin-bottom:15px; }
.rssTable .rss_title { font-weight:bold; width:105px; }
.rssTable .rss_url { width:300px; }
.rssTable .rss_url a { display:block; width:300px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.rssTable .rss_icon { width:24px; }
.terms h2 { border-bottom: 3px solid #666; }
