/* +------------------------------------------------------------------------------------------------------------+
 * | # General													|
 * +------------------------------------------------------------------------------------------------------------+
 **/

body { margin: 0; padding: 0; background: #fff  repeat-x left top; font-size: 12px; font-family: Verdana; }


/* +------------------------------------------------------------------------------------------------------------+
 * | # Container												|
 * +------------------------------------------------------------------------------------------------------------+
 **/

#container { position: relative; width: 100%; margin: 0; overflow: hidden; }

/* +------------------------------------------------------------------------------------------------------------+
 * | # Top													|
 * +------------------------------------------------------------------------------------------------------------+
 **/

#top { position: relative; width: 960px; margin: 0 3px; background: transparent url(../img/base/top_fx_lines.png) no-repeat right top; float: left; clear: both; height: 95px; }
#top div.content_left { position: relative; width: 480px; float: left; }
#top div.content_right { position: relative; width: 480px; float: right; text-align: right; }

#top div.content_left a { position: relative; display: inline-block; height: 95px; line-height: 120px; overflow: hidden; border: none; }
#top div.content_left a img { border: none; }
#top div.content_left a:hover { border-bottom: 2px solid #f8da14; }

#top div.content_right a { line-height: 95px; color: #fff; font-weight: bold; font-size: 10px; padding-bottom: 5px; }
#top div.content_right a img { border: none; }
#top div.content_right a:hover { border-bottom: 1px solid #ccc; }

/* +------------------------------------------------------------------------------------------------------------+
 * | # Bottom (content)												|
 * +------------------------------------------------------------------------------------------------------------+
 **/

#bottom { position: relative; width: 966px; float: left; clear: both; overflow: hidden; margin-top: 35px; }
#bottom .content { position: relative; width: 100%; }
#bottom .content .topside { position: relative; float: left; clear: both; width: 100%; height: 13px; background: transparent url(../img/base/content_top.png) no-repeat left top; }
#bottom .content .midside { position: relative; float: left; clear: both; width: 100%; height: auto; padding: 0 3px; background: transparent url(../img/base/content_mid.png) repeat-y left top; }
#bottom .content .bottomside { position: relative; float: left; clear: both; width: 100%; height: 10px; background: transparent url(../img/base/content_bottom.png) no-repeat left top; }

#bottom .content .midside .content { position: relative; width: 930px; color: #666; background: transparent url(../img/base/content_mid_color.png) repeat-x left top; padding: 15px; min-height: 180px; }


/* +------------------------------------------------------------------------------------------------------------+
 * | # Footer													|
 * +------------------------------------------------------------------------------------------------------------+
 **/

#footer { position: relative; margin-top: 25px; width: 966px; height: 25px; display: block; overflow: hidden; float: left; clear: both; text-align: center; color: #666; font-size: 10px; }


/* +------------------------------------------------------------------------------------------------------------+
 * | # Hyperlinks												|
 * +------------------------------------------------------------------------------------------------------------+
 **/

a { text-decoration: none; color: #A58300; padding-bottom: 0; border-bottom: none; }
a:hover { color: #000; }


/* +------------------------------------------------------------------------------------------------------------+
 * | # Tables													|
 * +------------------------------------------------------------------------------------------------------------+
 **/

table.wide { width: 100%; }

tr.noStyle {  }
tr.noStyle td { border: none; background: none; }

table.editframe tr { border-bottom: 1px solid #ccc; }
table.editframe td { text-align: left; }
table.editframe input { background: #d8e0e7 url(../img/base/inp_bg_blue.png) repeat-x left top; border: 1px solid #a6c3dd; padding: 10px; color: #315b81; }

input.pcinp { background: #fff; border: 2px solid #eee; padding: 5px 10px; color: #777; }

table tr.head { background: #0c355c url(../img/table/shader_top_white.png) repeat-x left 2px; height: 20px; }
table tr.head td { color: #fff; line-height: 20px; font-weight: bold; padding: 10px; text-align: center; border-left: 1px dashed #92a1b0; }
table tr.head td:first-child { border: none; }

table tr.headgray { background: #ccc url(../img/table/shader_top_white.png) repeat-x left 2px; height: 20px; }

table tr.widehead td { border: none !important; text-align: left; }

table tr { background: #efefef url(../img/table/shader_top_white.png) repeat-x left 2px; }
table tr.even { background: #ddd url(../img/table/shader_top_white.png) repeat-x left 2px; }

table td { color: #666; line-height: 20px; font-weight: bold; padding: 10px; text-align: center; border-left: 1px dashed #ccc; }
table td:first-child { border: none; }

input.button_silver { background: #eee !important; border: 1px solid #ccc !important; color: #666 !important; }
input.bold { font-weight: bold !important; }

tr.vercenter td { vertical-align: middle; }
tr.lighttext td { color: #999; font-weight: normal; }

table.legend { margin: 0 auto; }
table.legend tr { border: 1px solid #ccc; }
table.legend #legend_handle:hover { cursor: pointer; background-color: #ddd; }
table.legend #legend_content { display: none; }


/* +------------------------------------------------------------------------------------------------------------+
 * | # Headers													|
 * +------------------------------------------------------------------------------------------------------------+
 **/

h1 { font-size: 24px; font-weight: normal; margin: 0  0 15px; padding: 0; color: #000; border-bottom: 2px solid #f8da14; padding-bottom: 5px; }


/* +------------------------------------------------------------------------------------------------------------+
 * | # Tools													|
 * +------------------------------------------------------------------------------------------------------------+
 **/

#loader { display: none; background: #000; position: absolute; left: 0; top: 0; width: 100%; height: inherit; min-height:440px; z-index: 100; margin: 0; padding: 0; } /* display: none;*/
#loader .content {z-index: 102; position: absolute; top: 160px; font-size: 24px; color:#444; width: 100%; text-align:center; padding:15px;}


/* +------------------------------------------------------------------------------------------------------------+
 * | # Forms													|
 * +------------------------------------------------------------------------------------------------------------+
 **/

select { padding: 5px 10px; background: #eee; border: 1px solid #ccc; }


/* +------------------------------------------------------------------------------------------------------------+
 * | # Classes													|
 * +------------------------------------------------------------------------------------------------------------+
 **/

/* --> Spans */

span.tiny { font-size: 10px; }

/* --> Floats */
.floatLeft { position: relative; float: left; }
.floatRight { position: relative; float: right; }

/* --> box */
.box { position: relative; width: 100%; float: left; clear: both; margin-bottom: 15px; }

/* --> Lineheights */
.LH20 { line-height: 20px; }
.LH30 { line-height: 30px; }
.LH40 { line-height: 40px; }

/* --> Notes */
#close_note { background: url(../img/notes/close.png) no-repeat left top; width: 13px; height: 13px; position: absolute; right: 30px; border: none; }
#close_note:hover { cursor: pointer; }

.note-yellow { border: 1px solid #b8a762; background: #f4dda1; padding: 15px; color: #9d8a3e; margin-bottom: 15px; }

.notice_attention { line-height: 18px; padding-left: 45px; background: url(../img/iconsLarge/exclamation.png) no-repeat left top; min-height: 32px; }
.notice_wink { line-height: 35px; padding-left: 10px; background: url(../img/iconsLarge/done-large.png) no-repeat center top; min-height: 58px; }

/* --> Tools */
.tools_item { position: relative; border: none; padding-right: 10px; }
.tools_item:hover { border: none; }
.tools_item img { border: none; }

/* --> Series list */
.series_list { position: relative; width: 50px; overflow: hidden; }
.series_list li { position: relative; display: inline-block; margin-left: 7px; }


/* --> Anchors/buttons */
a.button_big { background: #d8e0e7 url(../img/base/inp_bg_blue.png) repeat-x left top; border: 1px solid #a6c3dd; padding: 10px; color: #315b81;  }
a.button_big img.icon { position: relative; top: 3px; padding-right: 5px; }
a.newwindow { background: url(../img/icons/arrow_url_new_window.png) no-repeat right top; padding-right: 10px; border: none; }

a.button_big_white { background: #f8da14; border: 2px solid #f8da14; padding: 5px 10px; color: #000;  }
a.button_big_white:hover { background: #000; border: 2px solid #000; color: #fff; }