html {height:100%;}

body{
    font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
    background: url('../images/body_bg.gif') repeat-x;
    background-color: #FFFFFF;
	font-size: 12px;
    color: #666;
	padding: 0px;
	margin: 0px;
	height: 100%;
}

p{margin:0;padding:0}
form{padding:0;margin:0}
img{border:0}
a{text-decoration:none;color: black}
a:hover{text-decoration:underline}
.nbsp{height: 15px;}
.nomarg{margin:0!important}

/* clearfix ************************/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-table; height: 1%;}

/* Hides from IE-mac \*/
*html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.clear {
	clear: both;
}

h2{
    color:#330033;
    font-size:12px;
    text-transform:uppercase;
    margin: 4px;
    padding: 0px;
    text-align:center
}


.sl_med{
    width: 140px;
}

label{
    cursor: pointer;
    color: #330033;
    font-weight: bold;
}

label.ov{
    display: block;
    margin: 4px 0px 0px 0px;
}

.capin{
    width: 70px;
    height: 20px;
    font-size: 16px;
    border: 1px solid #472d19;
    margin: 0px 0px 0px 6px;
    color: #472d19;
}

.input{
    border: 1px solid #472d19;
    color: #472d19;
    margin: 1px;
    padding: 0px 4px 0px 4px;
    width: 90%;
}

.button{
    background-color: white;
    border: 1px solid black;
    cursor: pointer;
    font-size: 12px;
    padding: 0px 1px 0px 1px; margin: 1px;
}

.in_wr{
    height: 20px;
    padding: 1px 2px 0px 2px;
    background: url('../images/input_bg.gif') no-repeat;
    width: 150px;
    margin: 1px;
}

.in_wr .input, .in_wr185 .input{
    border: none;
    width: 96%;
    padding: 0px 1px 0px 1px;
    font-size: 13px;
    height: 15px;
    color: #666;
}

.in_wr185{
    height: 26px;
    padding: 1px 2px 0px 2px;
    background: url('../images/input_bg_185.gif') no-repeat;
    width: 185px;
    margin: 1px;
}

.in_wr .button{
    border: none;
    background-color: white;
    width: 90%;
    padding: 0px 3px 0px 0px; margin: 0px 1px 0px 1px;
    height: 15px;
}

.i38{
    width: 34px;
    background: url('../images/input_bg_38.gif') no-repeat;
}

#pagewrapper{
    position: relative; z-index:0;
    left: 0px; top: 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    min-width: 1000px; 
    width: expression( ( document.documentElement.clientWidth || document.body.clientWidth ) < 1000 ? '1000px' : '100%' );
}


/* ---------- header ---------- */

#header{
    background: url('../images/hdr_bg.gif') no-repeat left top;
    position:relative;left:0;top:0;
    margin: 0px 0px 0px 0px;
    width: 100%;
}

/* ---------- content ---------- */

#content_wr{
    position: relative; 
    left:0; top:0;
    width: 100%;
    background: white url('../images/grey_px.gif') repeat-y 10px 0px;
    margin:0;padding:0;
}

#cnt_lt{
    position: absolute; left:0; top:0;
    width: 10px; height: 10px;
    background: url('../images/cnt_lt.gif') no-repeat left top;
}

#cnt_lb{
	background: url('../images/cnt_lb.gif') no-repeat left top;
	
}

.cntr_tbl td{
    vertical-align: middle;
    text-align: center;
}

#leftcol{
    position: relative;
    left:0;top:0;
    width: 20%;
    vertical-align: top;
    background: white url('../images/grey_px.gif') repeat-y 10px 0px;
    padding:0px;
}

#maincol{
    height:100%; 
    margin:0; padding:0;
    position: relative;
    left:0;top:0;
    vertical-align: top;
}

#main_left{
    position: relative; left:0;top:0;
    margin:0; padding:0;
    width: 80%;
    float: left;
}

#main_right{
    position: relative; left:0; top:0;
    margin:0; 
    padding: 1px 0px;
    width: 100%;
    background: url('../images/grey_px.gif') repeat-y left;
}

#content, .content{
    position: relative; left:0;top:0;
    margin: 6px 0px 0px 0px;
    width: 98%;
    font-size: 13px;
    text-align: justify;
}

#content h1, .content h1{
    margin: 0px 64px 0px 0px;
    padding: 0px;
    display: block;
    height: 20px;
    font-size: 15px;
    text-transform: uppercase;
    text-align: right;
    color: black;
}

.cnt_pic{
    position: absolute; top: 0; right: 10px;
    height: 45px;
    width: 45px;
    background: white url('../images/rub_pic_bg.gif') no-repeat 50% 50%;
    z-index: 50;
}

.cnt_pic img{
    margin: 3px;
    height: 39px;
    width: 39px;
    z-index: 40;
}    

.cnt_tbl_wr{
    position:relative; 
    z-index: 10;
}

.clt{ background:url('../images/rc_lt.gif')   no-repeat left top;    width:6px }
.ct{  background:url('../images/grey_px.gif') repeat-x top;          height:6px}
.crt{ background:url('../images/rc_rt.gif')   no-repeat left bottom; width:6px}

.cl{  background:url('../images/grey_px.gif') repeat-y left          }
.cc{  padding: 20px 6px 12px 6px}
.cr{  background:url('../images/grey_px.gif') repeat-y right         }
      
.clb{ background:url('../images/rc_lb.gif')   no-repeat left bottom; }   
.cb{  background:url('../images/grey_px.gif') repeat-x bottom;       height: 6px}
.crb{ background:url('../images/rc_rb.gif')   no-repeat left top     }

#content_text_wr{
    position: relative;
    left:0;top:0;
    margin:0; padding:0;
    width: 100%;
}

#content_text{
    padding: 20px 10px 10px 10px;
}

#rightcol{
    vertical-align: top;
    position: relative; 
    left:0;top:0;
    width: 20%;
}

#rc_lt{
    position: absolute; left:0; top:0; 
    width: 6px; height: 6px;
    background:url('../images/rc_lt.gif') no-repeat left top;
}

#rc_lb{
    position: absolute; left: 0 ; bottom: 0;
    width: 6px; height: 6px;
    background:url('../images/rc_lb.gif') no-repeat left bottom;
}

#rc_t{
    position: absolute; left:0; top:0;
    width: 100%; height: 6px;
    background:url('../images/grey_px.gif') repeat-x left top;
}

#rc_b{
    position: absolute; left: 0 ; bottom: 0;
    width: 100%; height: 6px;
    background:url('../images/grey_px.gif') repeat-x left bottom;
}

.doneMessageBox{
    border: 2px solid #008800;
    background: url(../images/dmes_bg.gif) repeat;
    color: #008800;
    text-transform: uppercase;
    text-align:center;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 20px 2px 20px;
    margin: 4px 20px 4px 0px;
}

.errorMessageBox{
    border: 2px solid #ff0000;
    background: url(../images/emes_bg.gif) repeat;
    color: #ff0000;
    text-transform: uppercase;
    text-align:center;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 20px 2px 20px;
    margin: 4px 20px 4px 0px;
}

.statusMessageBox{
    border: 2px solid #ffcc33;
    background: url(../images/smes_bg.gif) repeat;
    color: #ffcc33;
    text-transform: uppercase;
    text-align:center;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 20px 2px 20px;
    margin: 4px 20px 4px 0px;
}

/* --- split nav --- */
.split_nav_wr{
    height: 23px;
    padding:0;
    margin: 10px 18px 5px 8px;
}

.pages{
    float:left;
    margin:0;
}

.pages .sm {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
	background: #e393e3;
	color: #bc00bc;
	text-decoration: none;
	height: 17px;
	width: 21px;
	display: block;
	padding-top: 4px;
	float: left;
	text-align:center;
	margin:0px 3px 0px 0px;
	font-weight: bold;
}


.pages a:hover, .pages .smsel{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #bc00bc;
	color: #FFFFFF;
	font-weight: bold;
	height: 17px;
	width: 21px;
	display: block;
	padding-top: 4px;
	text-align:center;
	margin:0px 3px 0px 0px;
	float: left;
}

.ipp{
    float: right;
    margin:0;
}

.ipp a{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
	background: #e393e3;
	color: #bc00bc;
	text-decoration: none;
	height: 17px;
	display: block;
	float: left;
	text-align:center;
	margin:0px 3px 0px 0px;
	padding: 4px 4px 0px 4px;

} 

.ipp a:hover, .ipp span{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #bc00bc;
	color: #FFFFFF;
	font-weight: bold;
	height: 17px;
	display: block;
	text-align:center;
	margin:0px 3px 0px 0px;
	float: left;
	white-space: nowrap;
	padding: 4px 4px 0px 4px;
}

.ipp_tl{
    display: block;
	background: #e393e3!important;
	color: white!important;
	padding: 4px 6px 0px 6px!important;
	width: auto!important;
}

/* --- eof split nav --- */

.ch_reg{
    display: block;
    padding: 4px;
    border: 1px solid gray;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: gray;
    margin: 2px 5px 2px 5px;
    font-size: 11px;
}

.ch_reg:hover,  .ch_reg.sel{
    background: #f7eff8;
}

#cur_reg{
    position: absolute;
    left: 25px; top: 75px;
    z-index: 999;
    text-transform: uppercase;
    font-weight: bold;
    color: #660066;
}

#footer {
    clear: both;
	position:relative;left:0;top:0;
	background: url(../images/ftr_bg.gif) repeat-x; 
	height: 66px;
	width: 100%;
	margin: 0px 0px 0px 0px;
	width: 100%;
}

#ftr_logo{
    margin: 10px 0px 1px 0px;
}

#ed_cnt{
	display: block;
	font-size: 10px;
	position: absolute;
	left:102px;
	top: 12px;
}

#copyright{
	display: block;
	font-size: 10px;
    margin: 1px;
}

#arr{
	display: block;
	font-size: 10px;
	margin: 1px;
}

#developed_by{
	display: block;
	font-size: 10px;
	position: absolute;
	right: 10px;
	top: 8px;
	color: #999;
}



#counters{
	margin: 0px 170px 0px 210px;
}

#left_reclame{
    background:red;
    padding: 20px 0px 0px 0px;
    background: white url('../images/grey_px.gif') repeat-y 10px 0px;
}

#right_reclame{
    margin: 20px 0px;
}

.rec_cen{
    text-align: center;
    margin: 15px 10px 15px 0px;
}

#archive_tree{
    border: 1px solid green;
}

#archive_tree a{
    display: block;
}

#archive_tree .year{
    
}
#archive_tree .month{
    margin: 1px 0px 1px 10px;
}
#archive_tree .release{
    margin: 1px 0px 1px 20px;
}

.runningString1{margin: 10px;font-style: italic;color: black;height:26px;}
.runningString2{margin: 10px;font-style: italic;color: red;height:26px;}