/* ----------- main.tag.style ----------- */
BODY {
    margin: auto;
    padding:0 1%;
    background: #fff; 
    color: #040404; 
    }
    
LI {
    background: transparent url(http://74mail.ru/Templates/design/li-blue.gif) no-repeat 0 0 ;
    display:inline;
    padding-left:16px;}

LI.black {
    background: transparent url(http://74mail.ru/Templates/design/li-black.gif) no-repeat 0 0 ;
    display:inline;
    padding-left:16px;}  
    
A:Link {color: #0063AE;}
A:Visited {color: #0063AE;}
A:Hover {color: #0091FF;}
A:Active {color: #0063AE;}

STRONG {
    font: 100% Arial;
    font-weight:bold}
    
STRONG.orange {
    color:#FE6009;}
    
STRONG.blue {
    color:#3076B2;}
    
STRONG.cards {
    color:#3076B2;
    background-color: #E5F3FF; 
    padding:5px;}     

SMALL {
    color:#717171;}
    
SMALL.gray {
    color:#717171;}    
    
SMALL.black {
    color:#000;}    

INPUT, SELECT {
    font-family: Tahoma, Verdana, sans-serif; 
    font-size: 12px;
    margin:0;}

FORM, H2 {
    margin:0;}

HR {
    color:#717171;
    height:1px;}
    
IMG {
    border:0;}
IMG.list {
    border: solid 1px #000000; 
    float: left;	
    margin:0 5px 0 0;}    
/* ----------- hidden.style ----------- */   
.alt{
	visibility: hidden;
	display: none;}   
/* ----------- button.style ----------- */
.btnstyle {
    background: #ccc url(http://74mail.ru/Templates/design/btn.gif) repeat-x 0 0;
    font-size:11px;} 
    
/* ----------- navigation.currency.weather ----------- */
    
#Navigation {
    float:left;
    padding:1px 5px;} 
#Currency {
    float:left;
    border:solid 1px #D1E0C1;
    background-color:#F4F8ED; 
    padding:5px;} 
#Currency a {
    color:#336633;}    
#Weather {
    float:left;
    padding:1px 5px;} 
    
/* ----------- mail.banner234x60.search ----------- */
#MailBanner234x60Search {
    width:100%;
    height:60px;
    clear:both;
    background-color:#5296D1;
    border-top:solid 1px #3076B2;
    border-bottom:solid 1px #3076B2;    }
    
#Mail {
    float:left;}
    
#MailHelp{
    color:#fff;
    font-size:11px;
    margin:7px 0px 4px 8px;}
    
#MailHelp a, #MailHelp a:hover {
    color:#fff;} 
    
#MailForm {
    background-color: #3076B2;
    color: #FFF;
    margin:0 5px 5px 5px;
    padding:4px;
    display:block;}
#Banner234x60 {
    width:234px;
    height:60px;
    float:left;}
    
#Search {
    float:left;}
    
#SearchSelect {
    color:#fff; 
    font-size:11px; 
    padding:5px 0 0 8px; // padding:2px 0 0 4px; }
#SearchForm {
    padding:5px; 
    margin:5px; // margin:3px 5px 5px 5px; 
    background-color:#3076B2;}      

/* head.line 
----------------------------------------------- */
.HeadLine {
    background-color: #E5F3FF;
    border-bottom: solid 2px #3076B2;
    margin: 0 0 0.5em 0;
    padding:.2em 0 0 1em;}
    
.HeadLine H2{
    font-family: Arial ,Sans-Serif;
    color: #FFFFFF;
    font-weight:bold;
    font-size: 90%; 
    display: inline;
    background-color: #3076B2;
    padding: 2px 7px 0 7px;
    margin:0} 

.HeadLine H2 A:Link, .HeadLine H2 A:Visited, .HeadLine H2 A:Hover, .HeadLine H2 A:Active {
    color: #FFFFFF; 
    text-decoration:none;}
    
.ChatMain {
    background-color:#FFE3B8; 
    color:#FFFFFF; 
    padding:.2em 0 0 1em;}
    
.ChatMain H2{
    font-family: Arial ,Sans-Serif;    
    color: #FFFFFF;
    font-weight:bold;
    font-size: 90%; 
    display: inline;
    background-color: #FF9900;
    padding: 2px 7px 0 7px;
    margin:0} 
    
.ChatMainBlox {
    clear:both; 
    border:solid 5px #3076B2; 
    background-color:#fff; 
    height:96px;
    color:#000;}
.ramka {
    /**border:solid 1px #E5F3FF;**/ 
    background-color:#F8FCFF;}
    
/* Pages, Arrows, Numbers 
----------------------------------------------- */
div.pages {
    padding:0.5em; 
    font-size:11px;
    text-align: center; 
    color:#3076B2}
    
div.pages a {text-decoration: none;}
div.pages span.active {background-color: #3076B2; color: #FFFFFF; padding: 1px 3px 1px 3px; font-weight: bold;}
span.arrows {font-size: 150%; font-weight: bold;}

/* Text-Grafiphic Banners 
----------------------------------------------- */
.TextGraph {
    margin:3px 0;
    padding:3px;
    border:solid 1px #CCC;}

.TextGraph A:Link, 
.TextGraph A:Visited, 
.TextGraph A:Active {
    font-size:11px;
    color:#000;
    text-decoration:none;}
    
.TextGraph A:Hover{
    font-size:11px;
    color: #0091FF;
    text-decoration:none;}