/**
 * @projectname     Instaforex
 * @version         1.0 2010.05.13
 * @copyright       Copyright (C) 2008 - 2010 All rights reserved.
 * @license         Comertial
 * @author          Székely Csaba / csaba@szekely.ro / http://www.csaba.szekely.ro
 * 
 * @desc            Main site stylings
 */
 

body {
    margin: 0px;
    margin-left:auto;
    margin-right:auto;
}

img, a {
    text-decoration: none; 
    border: none;
}    

#maincol {
    position:relative;
    top: 30px;
    margin:0;
/*    background: yellow;*/
    z-index: 100;
}

#leftcol { 
    position:relative;
    float:left;
    width:226px; 
    left:30px;
    top: -65px;
    z-index:100;

}
    
#rightcol {
    position:relative;
    float:right;
    width:226px;
    top: -65px;
    padding-top: 10px;
    right:30px;
    z-index:99;
}
    
#centercol {
    position:relative;
    padding: 0 270px;
    padding-bottom: 20px;
}
/*
    HEADER STYLING 
*/

#header {
    height: 245px;
    background:  url(../img/header_strech.png) repeat-x left top;    
}

.main_site_header_left_container{
    clear: both;
    float: left;
    height: 245px;
    width: 950px;
    background:  url(../img/header.jpg) no-repeat left top;
}

.main_site_header_right_container{
    float: right;
    width: 555px;
    height: 205px;
    margin-top: -245px;
    margin-right: 50px;
    *margin-right: 25px;
}

.three_links_hidden{ 
     position:absolute; 
     top:75px; 
     left:465px; 
     width:187px; 
     height:28px; 
     cursor: pointer;
     font-family:"Tahoma"; 
     font-size: 11px;
     text-align: center;
     color: #fff;
     font-weight: bold;
     line-height: 28px;
 } 

.three_arrow{ 
    background:transparent url('../img/three_arrow.png') no-repeat; 
    height:10px; 
    width:9px 
} 

div.three_arrow a.three_arrow_normal{ 
    background-position:-245px -16px; 
    color:white; 
    cursor:pointer; 
    display:block; 
    font-family:"Tahoma"; 
    font-size:11px; 
    font-weight:normal; 
    height:15px; 
    width:214px; 
    min-width:214px; 
    line-height:10px; 
    text-align:left; 
    text-decoration:underline; 
    padding-left:20px; 
    margin-top:12px; 
    margin-left:10px 
} 

div.three_arrow a.three_arrow_normal:hover{ 
     background-position:-245px 0; 
     color:white; 
     text-decoration:none 
 }  

.three_links_bg{ 
    height:85px; 
    width:245px; 
    position:absolute; 
    top:94px; 
    left:646px; 
    opacity:0.9; 
    display:none; 
    line-height:20px 
} 

.main_site_header_right_top_container{
    clear: both;
    float: right;
    width: 555px;
    height: 30px;
    margin-top: 30px;
}

.header_top_clogo_btn_container img{
    margin-left: 15px;
}    

.header_top_clogo_btn_container{
    float: right;
    width: 170px;
    margin-top: 6px;
}

.i1{ 
     background:transparent url('../img/main_sprite6.gif') left top no-repeat; 
     background-position:-1009px 0; 
     width:21px; 
     height:18px 
 } 
 
.i2{ 
     background:transparent url('../img/main_sprite6.gif') left top no-repeat; 
     background-position:-1030px 0; 
     width:21px; 
     height:18px 
 } 
 
.i3{ 
     background:transparent url('../img/main_sprite6.gif') left top no-repeat; 
     background-position:-1051px 0; 
     width:21px; 
     height:18px 
 } 
 
.i4{ 
     background:transparent url('../img/main_sprite6.gif') left top no-repeat; 
     background-position:-1072px 0; 
     width:21px; 
     height:18px 
 } 

 
 .icon1{ 
     background:transparent url('../img/main_sprite6.gif') left top no-repeat; 
     background-position:-614px 0; 
     width:27px; 
     height:27px 
 } 
 
.icon2{ 
     background:transparent url('../img/main_sprite6.gif') left top no-repeat; 
     background-position:-641px 0; 
     width:27px; 
     height:27px 
 } 
 
.icon3{ 
     background:transparent url('../img/main_sprite6.gif') left top no-repeat; 
     background-position:-668px 0; 
     width:27px; 
     height:27px 
 } 
 
.icon4{ 
     background:transparent url('../img/main_sprite6.gif') left top no-repeat; 
     background-position:-695px 0; 
     width:27px; 
     height:27px 
 } 
 
.icon5{ 
     background:transparent url('../img/main_sprite6.gif') left top no-repeat; 
     background-position:-722px 0; 
     width:27px; 
     height:27px 
 } 
 
.icon6{ 
     background:transparent url('../img/main_sprite6.gif') left top no-repeat; 
     background-position:-749px 0; 
     width:27px; 
     height:27px 
 } 

.hidden_wnd{ 
     position:absolute; 
     z-index:99; 
     display:none 
 } 

div.lng-sel{ 
     position:absolute; 
     right:235px; 
     top:31px; 
     z-index:102; 
 } 
 
div.cab-sel{ 
     position:absolute; 
     right:420px; 
     top:32px; 
     z-index:1 
 } 

div.cab-sel div.sel{ 
     position:relative; 
     height:26px; 
     font-family:"Calibri"; 
     font-size:12px; 
     color:#344049; 
     cursor:pointer; 
     background:url(../img/sprite_others3.png) left top no-repeat; 
     background-position:-2px -10px; 
     width:173px;
 } 

div.lng-sel div.sel{ 
     position:relative; 
     height:30px; 
     font-family:"Calibri"; 
     font-size:12px; 
     color:#676767; 
     cursor:pointer; 
     background:url(../img/sprite_others3.png) left top no-repeat; 
     background-position:-151px -42px; 
     width:175px ;
 } 
 
div.lng-sel div.sel:hover{ 
     background:url(../img/sprite_others3.png) left top no-repeat; 
     background-position:-151px -42px; 
     height:30px; 
 } 
 
div.lng-sel div.current{ 
     font:bold 12px Verdana; 
     color:#676767; 
     padding:6px 0 0 15px ;
 } 
 
div.lng-sel div.current span{ 
     margin-left:10px 
 } 
 
div.lng-sel div.current img{ 
     position:relative; 
     top:-1px; 
     left:5px; 
     vertical-align:middle; 
     margin-right:6px 
 } 
div.cab-sel div.cab-current{ 
     font:bold 12px Verdana; 
     color:white; 
     padding:5px 0 0 15px 
 } 
 
div.cab-sel div.cab-current img{ 
     position:relative; 
     top:-1px; 
     vertical-align:middle; 
     margin-right:6px 
 } 

div.cab-list{ 
     position:absolute; 
     left:0px; 
     top:25px; 
     width:170px; 
     display:none 
 } 
 
div.lng-list{ 
     position:absolute; 
     left:2px; 
     top:26px; 
     width:170px; 
     display:none ;
 } 
div.lng-sublist{ 
     position:absolute; 
     right:147px; 
     top:-8px; 
     width:160px; 
     display:none 
 } 

div.lng-sel div.sel:hover div.lng-list{ 
     display:block;
 } 
 
ul.lng-list-mid li:hover div.lng-sublist{ 
     display:block;
 } 

div.cab-list-top{ 
     height:8px; 
     overflow:hidden; 
     background:url(../img/sprite_others3.png) left top no-repeat; 
     background-position:-177px -10px; 
     height:8px; 
     width:170px 
 } 
 
div.lng-list-top{ 
     height:8px; 
     overflow:hidden; 
     background:url(../img/sprite_others3.png) left top no-repeat; 
     background-position:-177px -21px; 
     height:8px; 
     width:170px 
 } 
div.cab-list-bottom{ 
     height:10px; 
     overflow:hidden; 
     background:url(../img/sprite_others3.png) left top no-repeat; 
     background-position:-350px -11px; 
     width:170px 
 } 
 
div.lng-list-bottom{ 
     height:10px; 
     overflow:hidden; 
     background:url(../img/sprite_others3.png) left top no-repeat; 
     background-position:-354px -27px; 
     height:10px; 
     width:170px 
 } 
 
ul.lng-list-mid{ 
     margin:0; 
     padding:0; 
     list-style:none; 
     list-style-type:none; 
     background:#fff 
 } 

ul.cab-list-mid{ 
     margin:0; 
     padding:0; 
     list-style:none; 
     list-style-type:none; 
     background:#fff 
 } 
 
ul.lng-list-mid li{ 
     margin:0; 
     padding:0; 
     list-style-type:none; 
     position:relative 
 } 

ul.lng-list-mid li a{ 
     font:bold 12px Verdana; 
     color:#676767 
 } 
 
ul.cab-list-mid li{ 
     margin:0; 
     padding:0; 
     list-style-type:none 
 } 
 
div.lng-sel,div.cab-sel{ 
     text-align:left 
 } 
 
div.lng-sel div.sel a,div.cab-sel div.sel a{ 
     display:block; 
     padding:3px 5px 3px 16px; 
     color:#344049; 
     text-decoration:none 
 } 
 
div.lng-sel div.sel a:hover,ul.lng-list-mid li:hover a,div.cab-sel div.sel a:hover{ 
     background-color:#949494 
 } 
 
ul.lng-list-mid li:hover li a,ul.lng-list-mid li.sfhover li a{ 
     display:block; 
     padding:3px 5px 3px 16px; 
     color:#344049; 
     text-decoration:none; 
     background:none transparent 
 } 
 
ul.cab-list-mid li:hover li a{ 
     display:block; 
     color:#344049; 
     text-decoration:none; 
     background:none transparent 
 } 
 
div.lng-sel div.sel a img,div.cab-sel div.sel a img{ 
     position:relative; 
     top:-1px; 
     vertical-align:middle; 
     margin-right:13px 
 } 

table.lr-border{ 
     margin:0; 
     width:170px; 
     background-color:#db170f 
 } 
 
table.lr-border td.l-border{ 
     height:2px; 
     font-size:0; 
     overflow:hidden; 
     background:#8d0400; 
     background-position:-535px -11px; 
     width:1px 
 } 
 
table.lr-border td.r-border{ 
     font-size:0; 
     background:#8d0400; 
     background-position:-548px -11px; 
     width:1px 
 } 
 
table.lng-lr-border{ 
     margin:0; 
     width:170px; 
     background-color:#a7a7a7 
 } 
 
table.lng-lr-border td.l-border{ 
     width:1px; 
     font-size:0; 
     overflow:hidden; 
     background:url(../img/sprite_others3.png)repeat; 
     background-position:-561px 0px 
 } 

.lang_ru{ 
     background:transparent url("../img/flags_sprite4.png") no-repeat; 
     background-position:-198px 0; 
     height:12px; 
     width:18px 
 } 
 
.lang_en{ 
     background:transparent url("../img/flags_sprite4.png") no-repeat; 
     background-position:-54px 0; 
     height:12px; 
     width:18px 
 } 
 
.lang_id{ 
     background:transparent url("../img/flags_sprite4.png") no-repeat; 
     background-position:-108px 0; 
     height:12px; 
     width:18px 
 } 
 
.lang_ms{ 
     background:transparent url("../img/flags_sprite4.png") no-repeat; 
     background-position:-162px 0; 
     height:12px; 
     width:18px 
 } 
 
.lang_de{ 
     background:transparent url("../img/flags_sprite4.png") no-repeat; 
     background-position:-36px 0; 
     height:12px; 
     width:18px 
 } 
 
.lang_cn{ 
     background:transparent url("../img/flags_sprite4.png") no-repeat; 
     background-position:-18px 0; 
     height:12px; 
     width:18px 
 } 
 
.lang_ir{ 
     background:transparent url("../img/flags_sprite4.png") no-repeat; 
     background-position:-126px 0; 
     height:12px; 
     width:18px 
 } 
 
.lang_fr{ 
     background:transparent url("../img/flags_sprite4.png") no-repeat; 
     background-position:-72px 0; 
     height:12px; 
     width:18px 
 } 
 
.lang_ar{ 
     background:transparent url("../img/flags_sprite4.png") no-repeat; 
     height:12px; 
     width:18px 
 } 
 
.lang_pt{ 
     background:transparent url("../img/flags_sprite4.png") no-repeat; 
     background-position:-180px 0; 
     height:12px; 
     width:18px 
 } 
 
.lang_lv{ 
     background:transparent url("../img/flags_sprite4.png") no-repeat; 
     background-position:-144px 0; 
     height:12px; 
     width:18px 
 } 
 
.lang_ge{ 
     background:transparent url("../img/flags_sprite4.png") no-repeat; 
     background-position:-90px 0; 
     height:12px; 
     width:18px 
 } 
 
.lang_tr{ 
     background:transparent url("../img/flags_sprite4.png") no-repeat; 
     background-position:-216px 0; 
     height:12px; 
     width:18px 
 } 
 
.lang_th{ 
     background:transparent url("../img/flags_sprite4.png") no-repeat; 
     background-position:-234px 0; 
     height:12px; 
     width:18px 
 } 
 
.lang_ro{ 
     background:transparent url("../img/flags_sprite4.png") no-repeat; 
     background-position:-252px 0; 
     height:12px; 
     width:18px 
 } 
 
.lang_az{ 
     background:transparent url("../img/flags_sprite4.png") no-repeat; 
     background-position:-270px 0; 
     height:12px; 
     width:18px 
 } 
 
.lang_sp{ 
     background:transparent url("../img/flags_sprite4.png") no-repeat; 
     background-position:-288px 0; 
     height:12px; 
     width:18px 
 } 
 
.lang_jp{ 
     background:transparent url("../img/flags_sprite4.png") no-repeat; 
     background-position:-306px 0; 
     height:12px; 
     width:18px 
 } 
 
.lang_in{ 
     background:transparent url("../img/flags_sprite4.png") no-repeat; 
     background-position:-324px 0; 
     height:12px; 
     width:18px 
 } 
 
.lang_lt{ 
     background:transparent url("../img/flags_sprite4.png") no-repeat; 
     background-position:-360px 0; 
     height:12px; 
     width:18px 
 } 
 
.lang_pl{ 
     background:transparent url("../img/flags_sprite4.png") no-repeat; 
     background-position:-378px 0; 
     height:12px; 
     width:18px 
 } 
 
 div.cab-sel form.cab-auth{ 
     text-align:center 
 } 
 
div.cab-sel form.cab-auth input.cab-auth-button{ 
     vertical-align:center; 
     background:url(../img/sprite_others3.png); 
     background-position:-2px -103px; 
     width:148px; 
     cursor:pointer; 
     height:26px; 
     border:0 none; 
     margin-top:20px; 
     color:White; 
     cursor:pointer; 
     font:bold 12px Verdana 
 } 

 div.cab-sel div.hide-cab{ 
     background:url(../img/sprite_others3.png) no-repeat center; 
     background-position:69px -44px; 
     width:83px; 
     margin-bottom:5px; 
     padding-left:5px; 
     height:20px; 
     font-family:"Calibri"; 
     text-align:center; 
     z-index:9999;
 } 
 
 div.cab-sel form.cab-auth input.cab-auth-button:hover{ 
     background:url(../img/sprite_others3.png); 
     background-position:-150px -103px; 
     width:148px 
 } 
 
div.cab-sel form.cab-auth input.nice_input{ 
     padding-top:6px; 
     padding-bottom:8px; 
     margin-top:10px; 
     background:url(../img/sprite_others3.png); 
     background-position:-4px -72px; 
     width:140px; 
     height:11px; 
     border:none; 
     padding-left:5px; 
     line-height:10px ;
 } 

 div.cab-bg,div.cab-bg *{ 
     background:#db170f 
 } 

.main_site_header_right_bottom_container{
    clear: both;
    float: right;
    width: 104px;
    height: 95px;
    margin-top: 50px;
    background:  url(../img/regyliryetsa_en.png) no-repeat right top;
}

/* 
    ADDS DISPLAY STYLING 
*/

.adds_container{
    clear: both;
    float: left;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.adds_container{
    text-align: center;
}

#rightcol .padding_top_down,
#leftcol .padding_top_down{
    font-family: 'Tahoma';
    font-size: 19px;
    font-weight: normal;

}

/*
    MESAGE DISPLAY SETTINGS 
*/

.info_message_container,
.warning_message_container,
.error_message_container{
/*    clear: both;*/
    width: 500px;
    height: 75px;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 30px;
    border: 1px solid #ACACAC; 
}
.error_message_container,
.warning_message_container,
.info_message_container{
    background: #E0E0E0;
}

.info_image,
.warning_image,
.error_image{
    float: left;
    height: 59px;
    width: 58px;
    margin: 7px;
    margin-top: -5px;
}

.info_message,
.warning_message,
.error_message{
    float: left;
    width: 400px;
    height: 50px;
/*    margin-top: 15px;*/
    font-size: 16px;
    text-align: center;
}


/*
    FOOTER STYLING 
*/

    
#footer {
    clear:both;
    position:relative;
    width:100%;
    min-width: 1300px;
    top:50px;
}

.footer_insfx_credits_container{
    float: left;
    width: 20%;
    height: 78px;
    font-family:"Tahoma"; 
    font-size: 11px;
}

.footer_insfx_credits_text{
    float: left;
    width: 100%;
    margin-left: 30px;
    margin-right: 20px;
    padding-top: 10px;
    font-family:"Tahoma"; 
    font-size: 11px;
    border-top: 1px solid #BABABA;
    color: #353535;
    *margin-left: 15px;
    *margin-right : 0px;
}


.footer_menu_container{
    float: left;
    width: 80%;
    height: 78px;
    font-family:"Tahoma"; 
    font-size: 11px;
    border-top: 1px solid #BABABA;
}

.footer_menu_line_container{
    float: left;
    width: 100%;
    min-width: 900px;
    padding-top: 10px;
}

.footer_menu_line_title{
    float: left;
    width: 200px;
    padding-left: 30px;
    text-align: left;
    color: #353535;
}

.footer_menu_line_menuitem_container{
    float: left;
}

.footer_menu_line_menuitem_container a{
    color: #ff0000;
    text-decoration: underline;
}

.footer_menu_line_menuitem_container a:hover{
    color: #ACACAC;
    text-decoration: none;
}

.credit_counter_container{
    float: left;
    width: 100%;
/*    background: purple;*/
}
     
.real_icons{
    width: 200px;
    margin-top: 5px;
    margin-bottom: 15px;
    text-align: center;
    margin-left: auto;
    margin-right : auto;
}

.real_member,
.rl_icon{
    float: left;
    width: 100px;
    text-align: center;
}

.custom_counter{
    clear: both;
    width: 100%;
    text-align: center;
}

.credits_container{
    width: 100%;
    margin-bottom: 50px;
    padding-top: 5px;
    text-align:center;
    font-size:12px;
    color: #ACACAC;
}

.credits_container a{
    color: #ACACAC;
}


/* 
    TOP MENU STYLING 
*/

.main_upper_menu_container{
    position: relative;
    clear: both;
    float: left;
    height: 90px;
    width: 100%;
    margin-top: -16px;
    z-index: 101;
}

.top_menu_container{
    float: left;
    width: 100%;
    min-width: 950px;
    height: 90px;
    background:  url(../img/btm_sprite.gif) repeat-x left top;
}

.top_menu_third_levele_menu_container,
.top_menu_first_levele_menu_container,
.top_menu_second_levele_menu_container{
    clear: both;
    float: left;
    height: 30px;
    min-width: 1070px;
    border-left: 30px solid #fff;
/*    overflow: hidden;*/
}                                    

.first_level_menu_item {
    float: left;
    height: 30px;
    width: 150px;
    border-left: thin solid #777;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background:  url(../img/btm_sprite.gif) repeat-x left top;
    background-position: 0 0;
}

#hide_this{
    display: none;
}

.third_level_menu_item,
.second_level_menu_item{
    float: left;
    height:30px; 

/*    width: 100px;*/
}

.third_level_menu_item{
    background:  url(../img/btm_sprite.gif) repeat-x left top;
    background-position: 0 -30px;
}

a .third_level_menu_item,
a .second_level_menu_item{ 
     color:#fff; 
     font:bold 12px Arial,sans-serif; 
     padding:7px 15px 6px 7px; 
     text-decoration:none; 
     text-align: center;
 } 
 
a:hover .third_level_menu_item, 
a:hover .second_level_menu_item { 
     color:#e8e8e8 
}

.tlm_spacer,
.slm_spacer{
    float: left;
    height: 30px;
}

.submenu_link_container{
    float: left;
    width: 7px;
    height: 30px;
    margin-left: -7px;
    background:  url(../img/corner.gif) no-repeat left bottom;
}