@charset "UTF-8";

/************************************************
*** DEFAULT STYLES
************************************************/
body { margin:20px 0 40px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555; background:url('/gfx/bg-body.gif'); background-color:#c2c2c2; }
ul, ol, li, form { margin:0; padding:0; }
a { color:#98d61f; text-decoration:none; }
a:hover { color:#00cc07; text-decoration:underline; }
a img { border:0; }
h1 { padding:0; margin:0 0 10px 0; font-size:22px; color:#414141; font-weight:normal; }
h2 { padding:0; margin:0 0 10px 0; font-size:20px; color:#414141; font-weight:normal; }
h3 { padding:0; margin:0 0 10px 0; font-size:18px; color:#414141; font-weight:normal; }


/************************************************
*** PAGE STYLES
************************************************/
#body { width:888px; margin:0 auto; }
#content { background:#fff; border-left:3px solid #0d1114; border-right:3px solid #0d1114; }
.cblock01 { width:212px; background:#0d1114; }
.cblock02 { text-align:justify; }
.sectionheadline { color:#b9da55; font-size:13px; font-weight:bold; text-transform:uppercase; margin-bottom:5px; }
.smallfont { font-size:11px; }
.newblock { margin-bottom:15px; }
.newsection { margin-bottom:25px; }
.aboselection { padding:10px; background:#e2e2e2; -moz-border-radius:5px; -webkit-border-radius:5px; }
.requestButtons { display:block; }
.requestLoader { display:none; }
.tabview { padding:10px; border-bottom:1px solid #ccc; }
.yearlabel { font-weight:bold; padding-bottom:5px; }
.magazineinfo { padding-left:5px; font-size:0.8em; color:#ccc; }
.magazineinfo a { color:#999; }


/************************************************
*** ELEMENT STYLES
************************************************/
input.input-text { width:250px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px; background-color:#fff; border:1px solid #97abb6; }
input.input-text:focus { background-color:#efefef; }
textarea.input-textarea { width:250px; height:120px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px; background-color:#fff; border:1px solid #97abb6; }
textarea.input-textarea:focus { background-color:#efefef; }


/************************************************
*** LEFT MENU
************************************************/
div.menuheader { font-weight:bold; color:#fff; padding:2px 0; }
ul.menu { list-style:none; margin:0; padding:0; }
ul.menu li { line-height:22px; margin-bottom:2px; background:url('/gfx/li-n.gif') no-repeat left; }
ul.menu li a { display:block; padding-left:12px; text-decoration:none; color:#b2b2b2; }
ul.menu li:hover { background:url('/gfx/li-h.gif') no-repeat left; }
ul.menu li:hover a { color:#fff; }


/************************************************
*** QUICK MENU
************************************************/
table.quickmenu { border:1px solid #b1b1b1; }
table.quickmenu td { border:1px solid #ccc; background:#efefef; line-height:22px; text-align:center; }
table.quickmenu td a { display:block; }


/************************************************
*** STATUS STYLES
************************************************/
.status-entry { padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #e2e2e2; }
.status-text { padding-bottom:2px; }
.status-options,
.status-options a { font-size:11px; color:#313131; }


/************************************************
*** PAGING
************************************************/
div.advancedpaging { text-align:right; padding:6px 0; font-size:11px; }
div.advancedpaging span { margin-left:3px; }
div.advancedpaging a { padding:0 3px; margin-left:3px; border:1px solid #b4bac0; background:#ecedee; text-decoration:none; color:#5c758c; }
div.advancedpaging a:hover { padding:0 3px; border:1px solid #368ad2; background:#368ad2; text-decoration:none; color:#fff; }
div.advancedpaging a.active { padding:0 3px; border:1px solid #4692bf; background:#4692bf; text-decoration:none; color:#fff; }


/************************************************
*** FORMULAR
************************************************/
.labeltd { width:150px; font-weight:bold; padding:4px 0; }
.input_counter { background:#efefef; border:1px solid #ccc; }
.headliner { font-size:1.2em; color:#98d61f; padding-bottom:5px; }


/************************************************
*** BUTTONS
************************************************/
.btn { display:inline-block; background:none; margin:0; padding:3px 0; border-width:0; overflow:visible; font:100%/1.2 Arial,Sans-serif; text-decoration:none; color:#333; }
* html button.btn { padding-bottom:1px; }
/* Immediately below is a temporary hack to serve the following margin values only to Gecko browsers Gecko browsers add an extra 3px of left/right padding to button elements which can't be overriden. Thus, we use -3px of left/right margin to overcome this. */
html:not([lang*=""]) button.btn { margin:0 -3px; }
.btn span { background:#eee url('/gfx/bg-button.gif') repeat-x 0 0; margin:0; padding:3px 0; border-left:1px solid #bbb; border-right:1px solid #aaa; }
.btn a { color:#555; }
/* other colors */
.btnGreen span { background:#5d9d3f url('/gfx/bg-button-green.gif') repeat-x 0 0; color:#fff; }
.btnRed span { background:#d63d08 url('/gfx/bg-button-red.gif') repeat-x 0 0; color:#fff; }
.btnBlue span { background:#39c url('/gfx/bg-button-blue.gif') repeat-x 0 0; color:#fff; }
.btnRed a,
.btnBlue a,
.btnGreen a { color:#fff; }
* html .btn span { padding-top:0; }
.btn span span { position:relative; padding:3px 1em; border-width:0; border-top:1px solid #bbb; border-bottom:1px solid #aaa; }
/* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
button.pill-l span { border-right-width:0; }
button.pill-l span span { border-right:1px solid #bbb; }
button.pill-c span { border-right-style:none; border-left-color:#fff; }
button.pill-c span span { border-right:1px solid #bbb; }
button.pill-r span { border-left-color:#fff; }
/* only needed if implementing separate hover/focus/active state for buttons */
a.btn, a.btn:hover, a.btn:link, a.btn:active, a.btn:visited { text-decoration:none; }
.primary { font-weight:bold; }


/************************************************
*** MESSAGES
************************************************/
.output-success { display:block; padding-bottom:10px; }
.output-success span { display:block; background:#5d9d3f url('/templates/default/gfx/bg-button-green.gif') repeat-x 0 0; font:100%/1.2 Arial,Sans-serif; text-decoration:none; line-height:20px; height:20px; color:#fff; text-align:center; border:1px solid #bbb; }
.output-success span span { display:block; padding:0 1em; border:0; }

.output-error,
.mysql-error { display:block; padding-bottom:10px; }
.output-error span,
.mysql-error span { display:block; background:#d63d08 url('/templates/default/gfx/bg-button-red.gif') repeat-x 0 0; font:100%/1.2 Arial,Sans-serif; text-decoration:none; line-height:20px; height:20px; color:#fff; text-align:center; border:1px solid #bbb; }
.output-error span span,
.mysql-error span span { display:block; padding:0 1em; border:0; }

div.output-info { padding-left:58px; background:url('/gfx/icon-help.gif') left top no-repeat; height:48px; }
div.output-info span { display:block; height:38px; padding:5px 0; }
div.output-info span span { display:block; line-height:38px; padding:0 10px; background-color:#aabbcc; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; }


/************************************************
*** TABBED CONTROLLING DESIGN
************************************************/
div.tabview { display:none; }
#tablist { border-bottom:1px solid #b7b7b7; font-size:93%; line-height:normal; }
#tablist ul { margin:0; padding:10px 10px 0 3px; list-style:none; }
#tablist li { display:inline; margin:0; padding:0; }
#tablist a { float:left; background:url("/gfx/tabs/tableftB.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
#tablist a span { float:left; display:block; background:url("/gfx/tabs/tabrightB.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#666; }
#tablist ul.tablistright { padding:10px 3px 0 10px; }
#tablist ul.tablistright a,
#tablist ul.tablistright a span { float:right; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tablist a span { float:none; }
/* End IE5-Mac hack */
#tablist a:hover span,
#tablist li.tabactive a span { color:#000; }
#tablist a:hover,
#tablist li.tabactive a { background-position:0% -42px; }
#tablist a:hover span,
#tablist li.tabactive a span { background-position:100% -42px; }


/************************************************
*** CLEARER ELEMENT
************************************************/
.clearer { display: inline-block; }
.clearer:after { content:" "; display:block; height:0; clear:both; font-size:0; visibility:hidden; }
* html .clearer { height:1%; }
.clearer { display:block; }