/**
Title: CSS Styles for RAZPUSNI.bg
Author: Jordan Dobrev
E-mail: office@razpusni.bg
Website: http://www.razpusni.bg
**/

* {
margin: 0;
padding: 0;

}


body {
    background: #002c76;
    min-width: 1000px;
    font-family: Verdana, Helvetica, Arial, sans-serif; 
    font-size: 12px;
    height: 100%;
    color: #000;
}


a {
color: #000;
}

input, select, textarea {
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

.clear {
clear: both;
}

.hide {
display: none;
}

h2{
    text-align: center;
}



#mainWrapper { 
    width: 1000px;
    height: 100%; 
    position: relative; 
    margin: 0 auto; 
}

#Header {
    width: 100%;    
    height: 104px;
}

#Header #LogoBox {
    width: 387px;
    background: url("/images/header_left.png") no-repeat left #000;
    height: 104px;
    float: left;
    display: block;
    height: 104px;
}

#Header #LogoBox #Logo{
    width: 253px;
    background: url("/images/madmaniac.png") no-repeat center #000; 
    height: 26px;  
    margin: 15px 0px 0px 63px;
    cursor: pointer;
    color: #fff;
    font-weight: 900;
    font-size: 13px;
    padding: 52px 0px 0px 71px;
}

#Header #HeaderCenter {
    width: 342px;
    background: url("/images/header_center.png") no-repeat center #000;
    height: 104px;
    float: left;
    display: block; 
}

#Header #HeaderProfile {
    width: 271px;
    background: url("/images/header_right.png") no-repeat right #000;
    height: 104px;
    float: left;
    display: block;
}

#Header #HeaderProfile #ProfileBox {
    position: absolute;             
    right: 60px;
    top: 6px;
    width: 230px;
    height: 90px;
    font-size: 10px;
    font-weight: 900;
    color: #6ea5e5;   
}

#Header #HeaderProfile #ProfileBox #wellcomeNote { 
    text-align: center;
    padding: 0px 0px 0px 15px;
    height: 20px;   
}

#Header #HeaderProfile #ProfileBox #profileAvatar{
    position: absolute;
    top: 18px;
    left: 2px;
    width: 65px;
    height: 70px;
    z-index: 1000;
    text-align: center;  
}

#Header #HeaderProfile #ProfileBox #profileAvatar img{
    border: 1px solid #6ea5e5;
} 

#Header #HeaderProfile #ProfileBox #statsBox { 
    text-align: right; 
    height: 20px;
}

#Header #HeaderProfile #ProfileBox #profileButtons {
    position: absolute;
    right: 0px;
    bottom: 0px;
    text-align: right;
}

#Header #HeaderProfile #ProfileBox #profileButtonsLoggged {
    position: absolute;
    right: -32px;
    bottom: 0px;
    text-align: right;
}  

#Header #HeaderProfile #ProfileBox #profileButtonsLoggged a {
    color: #fff; 
}
#Header #HeaderProfile #ProfileBox #profileButtonsLoggged a:hover {
    color: #f00; 
}

#Header #HeaderProfile #LoginBox {
    position: absolute;
    right: 60px;
    top: 10px;
    width: 230px;
    height: 84px;      
}

#Header #HeaderProfile #LoginBox #ProfileText{
    display: block;
    float: left;
    width: 70px;
    color: #fff;   
    margin: 5px 0px 0px 0px;
    font-size: 10px;
    font-weight: 900;  
    padding: 4px 15px 0px 0px;
    height: 15px;  
    text-align: right;
}

#Header #HeaderProfile #LoginBox #ProfileInput{
    display: block;
    float: left;
    width: 135px;
    color: #fff;   
    margin: 5px 0px 0px 0px;
}   

#Header #HeaderProfile #LoginBox #ProfileInput input{    
    background : #02307b;
    border: 1px solid #6ea5e5;
    width: 130px;
    font-size: 9px;
    font-weight: 900;
    height: 18px;     
    color: #6ea5e5;     
    padding: 0px 3px 0px 2px;    
    line-height: 18px;  
}

#Menu {
    width: 100%;
    height: 40px;
}      

#Menu #MenuLeft{
    width: 37px;
    background: url("/images/menu_left.png") no-repeat left;
    height: 40px;
    float: left;
    margin: 0px 0px 0px 0px;
    display: block;
}

#Menu #MenuCenter{
    width: 928px;
    background: url("/images/menu_rep.png") repeat-x;
    height: 40px;
    float: left;
    display: block;
    font-weight: 900;
    font-size: 15px;
}

#Menu #MenuCenter #Button {
    width: auto;
    min-width: 110px;                                                
    height: 34px;
    display: block;
    float: left;
    margin: 3px 5px 0px 5px;
    padding: 0px 5px 0px 0px;
    cursor: pointer;
    color: #000;
    text-decoration: none;
}

#Menu #MenuCenter #Button:hover { 
    background: url("/images/menu_button_right.png") no-repeat right; 
}
#Menu #MenuCenter #Button #ButtonInfo {
    width: auto;
    height: 27px;                   
    text-align: center;
    padding: 7px 0px 0px 5px;
}   

#Menu #MenuCenter #Button:hover #ButtonInfo {            
    background: url("/images/menu_button_left.png") no-repeat left;                 
    color: #68ace5;
}

#Menu #MenuRight{
    width: 23px;
    background: url("/images/menu_right.png") no-repeat right;
    height: 40px;
    float: left;
    display: block;
}

#SmallMenu {
    width: 100%;
    height: 24px;     
    padding: 0px 0px 0px 13px;
}

#SmallMenu #SmallMenuLeft{
    width: 23px;
    height: 24px;
    background: url("/images/smallmenu_left.png") no-repeat left;
    display: block;
    float: left;                
}

#SmallMenu #SmallMenuCenter{
    width: 935px;
    height: 19px;
    background: url("/images/smallmenu_rep.png") repeat-x;
    display: block;
    float: left;
    font-weight: 11px;
    font-weight: 900; 
    padding: 5px 0px 0px 0px;
}
#SmallMenu #SmallMenuCenter .SmallMenuButton{
    display: block;
    float: left; 
    color: #002144;
    cursor: pointer;
    margin: 0px 20px 0px 6px;
    text-decoration: none;
}

#SmallMenu #SmallMenuCenter .SmallMenuButton:hover{
    color: #000;
    text-decoration: underline;
} 

#SmallMenu #SmallMenuRight{
    width: 18px;
    height: 24px;
    background: url("/images/smallmenu_right.png") no-repeat left;
    display: block;
    float: left;
}

#Middle{
    width: 964px;
    height: auto;                                         
    padding: 0px 0px 0px 21px;    
}

#ContentBox {
    width: 964px;
    height: auto;
    display: table-cell;
    background: url("/images/body_left.png") left repeat-y;
    padding: 0px 0px 0px 12px; 
}

#ContentBox #Content {  
    width: 932px;
    display: table-cell;
    background: url("/images/body_right.png") right repeat-y #002144;
    height: auto;
    height: 690px; 
    padding: 10px;   
}
      
#Bottom {
    width: 966px; 
    height: 15px; 
    margin: 0px 0px 0px 20px;         
}

#BottomLeft {
    width: 16px;
    background: url("/images/bottom_left.png") no-repeat left;
    height: 15px;
    float: left;
    display: block;      
}

#BottomCenter {
    width: 934px;
    background: url("/images/bottom_rep.png") repeat-x;                                     
    height: 15px;
    float: left;
    display: block;   
}

#BottomRight {
    width: 16px;
    background: url("/images/bottom_right.png") no-repeat right; 
    height: 15px; 
    float: left;
    display: block;   
}

#BottomLine {
    width: 100%;
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    text-align: center;
    margin: 5px 0px 15px 0px;
    line-height: 20px;
}

#BottomLine a{
    text-decoration: none;
    color: #99c6ed; 
}

#BottomLine a:hover{
    text-decoration: underline;
    color: #99c6ed; 
}

#ContentBox #Content .Box {
    width: 250px;
    height: auto;
    background: url("/images/table_top_left.png") no-repeat top left #99c6ed;
    min-width: 100px;
    min-height: 80px; 
    margin: 5px 5px 10px 5px;  
}

#ContentBox #Content .Box .BoxHead{
    width: auto;
    height: 32px; 
    background: url("/images/table_top_right.png") no-repeat top right;  
    padding: 4px;
}


#ContentBox #Content .Box .BoxHead .BoxHeader{
    width: auto;
    height: 36px;
    background: url("/images/table_header_left.png") no-repeat left;   
    
}

#ContentBox #Content .Box .BoxHead .BoxHeader .BoxHeaderBack{
    width: auto;
    height: 36px;
    background: url("/images/table_header_right.png") no-repeat right;   
}


#ContentBox #Content .Box .BoxHead .BoxHeader .BoxHeaderBack .BoxHeaderText{
    width: auto;
    height: 27px;             
    color: #c3dbef;
    font-size: 14px;
    font-weight: 900;
    text-align: center;
    padding: 9px 0px 0px 0px;
    background: url("/images/table_header_rep.png") repeat-x;   
}




#ContentBox #Content .Box .BoxBody {
    width:100%;
    height:100%;
    background: url("/images/table_bottom_left.png") no-repeat bottom left;
}

#ContentBox #Content .Box .BoxBody .BoxInfo {
    width: auto;
    height: 100%;
    min-height: 60px;
    background: url("/images/table_bottom_right.png") no-repeat bottom right;
    display: block;
    padding: 5px 5px 5px 5px;
    font-size: 10px;
    font-weight: 900;
}

#ContentBox #Content .Box .BoxBody .BoxInfo ul{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#ContentBox #Content .Box .BoxBody .BoxInfo .leftSide{
    width: 50%;
    display: block;
    float: left; 
    padding: 2px 0px 2px 0px;
}

#ContentBox #Content .Box .BoxBody .BoxInfo .DarkLine{
    background: #65aeee; 
}

#ContentBox #Content .Box .BoxBody .BoxInfo .rightSide{
    width: 50%;
    display: block;
    float: left;
    padding: 2px 0px 2px 0px; 
}

#ContentBox #Content .Box .BoxBody .BoxInfo .InputLine{
    height: 22px;
    padding: 8px 0px 0px 0px;
}

#ContentBox #Content .Box .BoxBody .BoxInfo .listQuest {
    font-size: 13px;                
    padding: 0px 0px 0px 15px;
    background : url("/images/listQuest.png") no-repeat;
    background-position: 0px 2px;
}



#ContentBox #Content .Box .BoxBody .BoxInfo .listAnswer { 
    font-size: 10px;      
    padding: 2px 2px 2px 17px;  
    background: url("/images/listAnswer.png") no-repeat #6fb2ec;
    border: 1px dotted #000;
    background-position: 2px 2px;
    margin: 3px 0px 13px 15px;
    text-align: justify;
    
}



#ContentBox #Content .Box .BoxBody .BoxInfo h2{
    font-size: 16px;
}

#ContentBox #Content .Box .BoxBody .BoxInfo h3{
    color: #000;
    text-align: center;
    padding: 3px;
    border-bottom: 1px solid #000;    
    border-top: 1px solid #000;   
    display: block;
    float: left;
    width: 394px;
}
    

#ContentBox #Content .Box .BoxBody .BoxInfo input, #ContentBox #Content .Box .BoxBody .BoxInfo select{ 
    background : #02307b;
    border: 1px solid #000;
    width: 130px;
    font-size: 9px;
    font-weight: 900;
    font-size: 9px;
    height: 18px;     
    color: #6ea5e5;   
    margin: 3px;  
    padding: 0px 3px 0px 2px;
    line-height: 18px;
}

#ContentBox #Content .Box .BoxBody .BoxInfo textarea {
    background : #02307b;
    border: 1px solid #000;
    width: 150px;
    font-size: 9px;
    font-weight: 900;
    font-size: 9px;
    height: 50px;     
    color: #6ea5e5;   
    margin: 3px;  
    padding: 0px 3px 0px 2px;
    line-height: 11px;   
}

#ContentBox #Content .Box .BoxBody .BoxInfo table {
    width: 100%;
    font-size: 10px;
    font-weight: 900; 
    border-spacing: 0px; 
    border-collapse: collapse; 
}

#ContentBox #Content .Box .BoxBody .BoxInfo table thead td{
    border: 1px solid #000; 
    background: #aacae6;
    padding: 2px 2px 2px 2px;
    color: #002144; 
    text-align: center;  
}

#ContentBox #Content .Box .BoxBody .BoxInfo table tbody td{
    border: 1px solid #000;
    background: #fff;
    padding: 2px 4px 2px 4px;
    color: #002144;   
}

#ContentBox #Content .Box .BoxBody .BoxInfo table tbody td a{ 
    color: #002144;
}


#RegisterBox {
    position: absolute;
    display: none;
    left: 275px;  
    top: 165px;
    color: #fff;
    width: 448px;
    height: auto;
    background: url("/images/popBox_top.png") no-repeat top center;
    z-index: 1000;     
}
  
#RegisterBox #RegisterInfo {
    width: 448px;
    height: 100%;
    background: url("/images/popBox_down.png") no-repeat bottom center;  
    padding: 22px 0px 22px 0px;
}
    
#RegisterBox #RegisterInfo #RegisterText{      
    width: 412px;
    height: auto;
    min-height: 300px;
    background: url("/images/popBox_rep.png") repeat-y;
    padding: 0px 18px 0px 18px;
}     

#RegisterBox #RegisterInfo #RegisterText #RegisterBack {
    width: 402px;
    height: auto;
    display: table-cell;
    min-height: 300px;
    background: url("/images/madmaniacBack.png") repeat;   
    padding: 5px 5px 30px 5px; 
}  

#RegisterBox #RegisterInfo #RegisterText #RegisterBack h2{
    text-align: center;
    font-size: 18px;
    color: #c3dbef;                     
}  

#RegisterBox #RegisterInfo #RegisterText #RegisterBack #RegisterClose{
    width: 23px;
    height: 20px;
    display: block;
    position: absolute;
    background: url("/images/close.png") no-repeat center;
    top: 7px;
    right: 6px;
    cursor: pointer;
} 

#RegisterBox #RegisterInfo #RegisterText #RegisterBack #RegisterForm {    
    margin: 60px 0px 0px 0px;  
    width: 400px;
    height: 220px;
}

#RegisterBox #RegisterInfo #RegisterText #RegisterBack .RegLeft {
    display: block;
    float: left;
    width: 150px;
    height: 20px;
    text-align: right;
    font-size: 11px;
    margin: 0px 10px 10px 0px;
}

#RegisterBox #RegisterInfo #RegisterText #RegisterBack .RegRight {
    display: block;
    float: left;
    text-align: left;
    width: 210px;  
    height: 20px; 
    margin: 0px 0px 10px 0px;
}

#RegisterBox #RegisterInfo #RegisterText #RegisterBack .RegRight input {
    background : #02307b;
    border: 1px solid #6ea5e5;
    width: 130px;
    font-size: 9px;
    font-weight: 900;
    height: 18px;     
    color: #6ea5e5;     
    padding: 0px 3px 0px 2px;
}

#RegisterBox #RegisterInfo #RegisterText #RegisterBack .RegRight img{
    margin: 5px 0px 0px 22px;
    border: 1px solid #6ea5e5;
    cursor: pointer;
} 

#RegisterBox #RegisterInfo #RegisterText #RegisterBack .RegRight .RegText {
    float: left;
    display: block;
    margin: 2px 6px 0px 3px;
}

#RegisterBox #RegisterInfo #RegisterText #RegisterBack #RegButton {
    display: block;
    float: left;
    width: 140px;
    height: 40px;
    cursor: pointer;
    background: url("/images/regButton_right.png") no-repeat right; 
    padding: 0px 5px 0px 0px; 
    margin: 0px 0px 0px 130px;
}

#RegisterBox #RegisterInfo #RegisterText #RegisterBack #RegButton #RegButtonText {
    width: 125px;
    height: 31px;
    cursor: pointer;
    background: url("/images/regButton_left.png") no-repeat left;
    padding: 9px 5px 0px 10px;   
    color: #fff;
    font-size: 14px;
}

#RegisterBox #RegisterInfo #RegisterText #RegisterBack #RegStatus {
    display: none;
    float: left;
    width: 300px;
    margin: 30px 0px 0px 50px;
    font-size: 11px;
}

#RegisterBox #RegisterInfo #RegisterText #RegisterBack #RegStatus .ErrorBox {
    background: #6ea5e5;
    border: 1px solid #002144;
    color: #002144;
    padding: 5px 5px 5px 5px;
}

#RegisterBox #RegisterInfo #RegisterText #RegisterBack #RegStatus .SuccessBox {
    background: #2eb135;
    border: 1px solid #002144;
    color: #002144;
    padding: 5px 5px 5px 5px;
}

.BlueButton {
    width: 80px;
    height: 25px;
    background: url("/images/blueButton_left.png") no-repeat left;
    display:block;
    float: left;
    cursor: pointer;
    margin: 0px 7px 0px 0px;
}

.BlueButton .ButtonInfo {
    width: auto;
    height: 20px;
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    background: url("/images/blueButton_right") no-repeat right;
    margin: 0px -2px 0px 0px;
    padding: 5px 10px 0px 10px;
    text-align: center;
}

.BlueButton:hover {
    background: url("/images/blueButton_left_over.png") no-repeat left;    
}


.BlueButton:hover .ButtonInfo{
    background: url("/images/blueButton_right_over.png") no-repeat right;   
    color: #000;  
}

    

.Package {
    background: bottom url("/images/table_header_rep.png") repeat-x #002c76;
    border: 1px solid #000;
    width: 270px;
    height: 380px;
    color: #fff;
    float: left;
    display: block;
    padding: 2px 2px 2px 2px;
    margin: 10px 10px 10px 10px;
    font-size: 10px;
}

.Package h2 {
    color: #fff;
    background: bottom url("/images/table_header_rep.png") repeat-x #000 ;
    padding: 4px 4px 4px 4px;
    text-align: center;
    height: 40px;
    vertical-align: middle;
    display: table-cell;
    width: 262px;   
}

.Package .PackageInfo {
    padding: 10px 3px 0px 3px;
}

.Package .PackageInfo .smsText{
    border: 1px dotted #fff;
    background: #99c6ed;
    font-size: 11px;
    color: #000;
    padding: 3px 3px 3px 3px;   
    display: table-cell;
}

.paggings {
    background: #02307b;
    border: 1px solid #000;
    margin: 1px 0px 0px 1px;
    padding: 2px;
    text-decoration: none;
}

.paggingActive {
    background: #fff;
    border: 1px solid #02307b;  
    margin: 1px;
    padding: 2px 3px 2px 3px;
    cursor: default;
}



.profileBigBox {
    min-height: 100px;    
}

.profileBigBox .profileBigBoxLeft {
    width: 305px;
    float: left;
    display: block;
    min-height: 100px;
    text-align: center;
}

.profileBigBox .profileBigBoxLeft img {
    border: 1px solid #000;
}

.profileBigBox .profileBigBoxRight {
    width: 400px;
    display: block;
    float: left;
    padding: 0px 0px 0px 4px;
}

.profileBigBox .profileBigBoxRight .DarkLine{
    background: #65aeee; 
}

.profileBigBox .profileBigBoxRight .leftSide{
    width: 50%;
    display: block;
    float: left; 
    padding: 2px 0px 2px 0px;
}

.profileBigBox .profileBigBoxRight .rightSide{
    width: 50%;
    display: block;
    float: left;
    padding: 2px 0px 2px 0px; 
}

.IndexLeft {
    width: 660px;
    display: block;
    float: left;
}

.IndexRight {
    width: 260px;
    display: block;
    float: left;
    padding: 0px 0px 0px 5px;
}


#ContentBox #Content #RegisterForFree {
    background: url('/images/registerBox.png') no-repeat center;
    margin: 30px 0px 0px 5px;
    width: 230px;
    height: 93px;
    font-weight: 900;
    text-align: center;
    padding: 52px 0px 0px 0px;  
    cursor: pointer;
    text-decoration: blink;
}   

#RegisterForFree #RegisterNow{
    width: 100%;
    font-size: 19px;
    color: #fff;   
}   

#RegisterForFree #ForFree{
    width: 100%;
    font-size: 21px;
    color: #f00; 
}

.Float {
    display: block;
    float: left;
}
 
.ErrorBoxBig {
    height: 98px;
    font-size: 15px;
    font-weight: 900;
    background: url("/images/errorBoxRight.png") no-repeat right;
    display: table-cell;
    padding: 0px 15px 0px 0px;
} 

.ErrorBoxBig .ErrorInfo {
    background: url("/images/errorBoxLeft.png") no-repeat left;
    width: 830px;   
    height: 60px;                       
    padding: 38px 0px 0px 80px; 
}
 
.SuccessBoxBig {
    height: 98px;
    font-size: 15px;
    font-weight: 900;
    background: url("/images/successBoxRight.png") no-repeat right;
    display: table-cell;
    padding: 0px 15px 0px 0px;
} 

.SuccessBoxBig .SuccessInfo {
    background: url("/images/successBoxLeft.png") no-repeat left;
    width: 630px;   
    height: 58px;            
    padding: 40px 0px 0px 90px; 
}
 
.InfoBoxBig {
    height: 98px;
    font-size: 11px;
    font-weight: 900;
    background: url("/images/infoBoxRight.png") no-repeat right;
    display: table-cell;
    padding: 0px 15px 0px 0px;
} 

.InfoBoxBig .InfoInfo {
    background: url("/images/infoBoxLeft.png") no-repeat left;
    width: 653px;   
    height: 56px;            
    padding: 42px 0px 0px 60px; 
}

.InfoBoxBig .InfoInfo a {
    color: #000;
}  

.right {
    text-align: right;
}

.skypeName {
    background: url("/images/skype.png") no-repeat left;
    width: 40%;
    height: 26px;
    font-size: 14px;
    padding: 9px 0px 0px 35px;
    display: block;
    float: left;
    margin: 10px 0px 30px 0px;
}