/* Global tags */
*{margin:0;padding:0;font-size:100%}
body{font-size:0.7em;font-family:Tahoma,Verdana,sans-serif;background-color:white}
code,pre{font-size:1.2em}
input,button,select{vertical-align:middle;font-family:Tahoma,Verdana,sans-serif}
button{width:auto; overflow:visible; padding:2px .25em}
textarea{font-family:Tahoma,Verdana,sans-serif}
input,textarea{padding:2px}
fieldset{padding:0 10px 10px}
legend{padding:0px 3px;font-weight:bold;text-transform:uppercase}
img{border:0}
option{padding:0 3px}
a, a:hover{text-decoration:none}
ul,ol{padding:5px 10px}
ul li, ol li{margin-left:10px}
p{margin:.5em 0 .2em}

/* Page */
#page_header{height:50px; position:relative; padding:5px}

.module_menu{position:absolute; bottom:0; left:0; list-style-type:none; margin:0; padding:0}
.module_menu li{margin:0; float:left}
.module_menu li.active, .module_menu li a{margin:0; float:left; border:1px solid #369; width:100px; border-right-width:0; padding:5px}
.module_menu li a{display:block; background:#ADD8E6}
.module_menu li.active{font-weight:bold; position:relative; cursor:pointer}

ul.under_menu{position:absolute;z-index:10; left:-1px; top:24px; list-style-type:none; margin:0; padding:0; border:1px solid #369; border-top-width:0}
ul.under_menu li{float:none; text-align:left; margin:0; border:0; padding:0}
ul.under_menu li a{background:#DEF; float:none; border:0; width:200px; padding:5px}
ul.under_menu li a:hover{background:#ADD8E6; color:black}

#user_block{text-align:right; float:right}
#user_block *{color:white}
#user_block a{text-decoration:underline}
#page_footer{text-align:center; color:white; padding:5px}
#page_content{padding:5px;min-height:500px}
#ajax_mask{position:absolute; top:0; left:0; z-index:100; opacity:0.4}
#ajax_mask_wrap p{position:fixed; top:200px; left:50%; opacity:0.8; font-weight:bold; width:200px; margin-left:-102px; padding:10px; border:2px solid black; z-index:101; text-align:center}

/* Table and datagrid */
th{text-align:center}
td,th{padding:3px}
div.dg_table_wrap{overflow:auto; width:100%}
.dg_nav_block{margin-bottom: 5px}
.dg_nav_block a{display:inline-block; width:16px; height:15px; text-indent:-2000px; background-repeat: no-repeat}
.dg_nav_block a.first{background-position:0 2px}
.dg_nav_block a.previous{background-position:0 -16px}
.dg_nav_block a.next{background-position:-31px -16px}
.dg_nav_block a.last{background-position:-31px 2px}
.dg_page_number{text-align:center}
tr.dg_filter td{text-align:center}
.editable tbody td{cursor:pointer}
input.ch_box, input.dg_multi_chbox{width:13px; height:13px}
tr.dg_sum .sum{font-weight:bold}

/* Common classes */
.nomargin{margin:0}
.clear{clear:both}
.red{color:red}
.green{color:green}
.no_display{display:none}
.pointer {cursor:pointer}
.wide{width:100%}
.right{float:right}
.left{float:left}
.center{text-align:center}
.noBullets li{list-style-type:none}
.block{display:block}
.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
.clearfix {display: inline-block}
html[xmlns] .clearfix {display:block}
* html .clearfix {height: 1%}
.ft_button{font-weight:bold; border-width:1px; border-style:solid; cursor:pointer}
ul.controls{margin:0 0 10px; padding:0}
ul.controls li{list-style-type:none; float:right; margin:0; font-weight:bold}
ul.controls li img{vertical-align:middle; margin-right:4px}
ul.controls li.label{float:left; border-bottom-width:2px; border-bottom-style:solid}
ul.controls li a{display:block; margin:0 0 0 5px; padding:2px; border-width:1px; border-style:solid}
ul.errors li, ul.okeys li{list-style-type:none; padding-left:10px; margin-left:0}

/* Form and form elements */
#auth_form{width:250px; text-align:center; padding:10px; margin:100px auto 0}
#auth_form label{display:block}
label{font-weight:bold}
#nocookies{color:red; font-weight:bold; border:2px solid red; width:300px; margin:100px auto 0; padding:10px; text-align:center}

select.ft_element, input.ft_element, textarea.ft_element{width:95%; border-width:1px; border-style:solid}
input.ft_border{border-width:1px; border-style:solid}
img.calendar_image, img.inline_but{vertical-align:middle; margin-left:2px; cursor:pointer}
.ft_checkbox, .ft_multicheckbox{margin-right:5px}
.floater{float:left; margin-right:10px}

ul.multi_expander, ul.multi_expander ul, ul.multi_expander li{margin:0; padding:0; list-style-type:none}
li.expander span, li.open span{padding-left:15px; cursor:default}
li.expander li, li.expander li.last{padding-left:35px}

div.fileinput_wrap{position:relative; height:21px; width:304px; float:left}
div.fakefile{position:absolute; top:0px; left:0px; z-index:1}
div.fakefile input{width:233px}
div.fakefile button{width:61px; margin-left:2px}
input.file{position:relative; width:300px; text-align:right; opacity:0; z-index:2; margin:0}

.gal_button{margin:0 0 3px 3px; cursor:pointer}
.gal_container{padding:4px 4px 4px 0; margin-bottom:2px; overflow:auto}
.gal_thumb_container{float:left; margin:0 0 4px 4px; padding:3px; width:151px}
.gal_thumb_container img.thumb{float:left}
.gal_desc_container{position:absolute; z-index:5; width:400px; padding:5px}
.gal_desc_container p{padding:3px}
.gal_desc_container p strong{display:block; float:left; width:75px; padding:3px; text-align:right}
.gal_desc_container input{width:300px; padding:3px}
.gal_desc_container img{position:relative; cursor:pointer; left:384px}
.ft_image_descr{padding:2px; margin:3px 0 0; width:145px; height:30px; overflow:auto}

/* Tabs */
#tab_buttons_wrap{width:180px; float:left; padding-bottom:45px}
#tab_contents_wrap{padding-left:185px}
ul.tabs{margin:0; padding:0}
ul.tabs li.active{cursor:default}
ul.tabs li{list-style-type:none; margin:0; padding:7px 10px; border-bottom-style:solid; border-bottom-width:1px; cursor:pointer;  text-transform:uppercase}
/* Foreign Integer Element */
div.fi_container {position:relative; height:18px; width:304px;}
div.fist {position:absolute;top:0px;left:0px;z-index:1;font-weight: bold;text-align:center;padding-top:2px;border: 1px solid #336699;height:16px;width:100px;}
div.fist_yes { color:green; }
div.fist_no { color:red; }
.fibut {position:absolute;top:0px;z-index:1;font-weight:bold;border:1px solid #336699;background-color:#AADDDD;cursor:pointer;height:20px;width:50px;}
.fibut_add {left:105px;}
.fibut_del {left:160px;width:70px;}