/*
 **
 *  XStead web2.0 systems
 *  info[at]xstead.com
 *  xhtml,css2,ajax,php,smarty,mysql,perl
 **   
*/

    @import url(footer.css);
    @import url(menu.css);
    @import url(content.css);
    @import url(static.css);
    @import url(top.css);
    @import url(result.css);
    @import url(contact.css);    

             
    * {                                 
        margin:0; 
        padding:0;        
        text-align: left;
    }
    body, body.kci-body {
        color:#7a7a7a;
        min-width:1010px;
        margin: 0px; padding: 0px;    
        font-family: "Trebuchet MS", Arial, Helvetica, Helvetica, sans-serif;
        font-size: 100%;
        background: url('../design/bg.jpg') center 0 repeat #3a3a3a;
        text-align: center;   
        width: 100%;        
    }   
    form {
        margin: 0px;
        padding: 0px;
        font-size: 1px;
    }
    input, select {
        font: 8pt "Trebuchet MS", Arial, Helvetica, sans-serif;
        border: 1px solid #cccccc;
        background: #ffffff;
        padding-left: 2px;
        color: #363e4b;
        margin: 0px;
    }
    .default-text {
        font: 8pt "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #c0c0c0;
    }
    input[type="text"], input[type="password"], textarea, select { 
        outline: none;
        resize: none;
    }    
    textarea  {
        font: 8pt "Trebuchet MS", Arial, Helvetica, sans-serif;
        border: 1px solid #cccccc;
        background: #ffffff;
        padding-left: 2px;
        color: #363e4b;
    }      
    .radio {
        font: 8pt "Trebuchet MS", Arial, Helvetica, sans-serif;
        border: 1px solid #cccccc;
        background: #ffffff;
        padding-left: 2px;
        color: #363636;
        width: 16px; height: 16px;
    }
    .checkbox {
        font: 8pt "Trebuchet MS", Arial, Helvetica, sans-serif;
        border: 1px solid #cccccc;
        background: #ffffff;
        padding-left: 2px;
        color: #363636;
        width: 16px; height: 16px;
    }
    .clr {
        clear: both;
        font-size: 1px;
    }        
    .hidden {
        display:none;    
    }    
    a {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 8pt;
        font-weight: normal;
        text-decoration: none;
        color: #fff;
    }
    a:hover {
        text-decoration: underline;
        color: #fff;
    }
    
    #kci-main  {
        width:1010px;     
        padding: 0px;         
        background:url(../design/bg-top-tail.gif) 0 top repeat-x #fff;
        margin: 0 auto;     
        margin-top: 17px;   
        text-align: center;
    }

    #kci-container {         
        position:relative;
        width:940px; 
        margin:0 auto;
    }                     
                                                                      
    #kci-container .kci-header {
        height: 136px; 
        padding-top: 10px;        
    }
    #kci-main  .kci-header-logo {
        height: 126px; width: 509px;    
        margin: 0px;    
        padding: 0px;
        background: url(../design/logo.png) top left no-repeat;
        cursor: pointer;
    }

     
                                                                                     
    #kci-container .kci-header .left {  
        width: 509px;        
        float: left;        
    }                                                  
    #kci-container .kci-header .right {    
        width: 431px;        
        float: left;       
    }
     
     
    #kci-footer {
        height: 143px; width: 940px;    
        margin: 0px;    
        padding: 0px;
        background: url(../design/footer_bg.gif) top left repeat-x;
    }
    

    #kci-container div.label {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 14px;         
        padding-top: 4px;                                                 
        float: left;
        color: #000;
    }
    
    #kci-container  div.field {
        float: left;
    }      
    
    #kci-container div.fieldinfo {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 11px;         
        padding-bottom: 4px;                                                 
        color: #000;        
    }
    
                 
    #kci-container div.messageBoxHolder { 
        width:510px; 
        text-align: center;
        position: absolute;
    }
    #kci-container div.messageBox {
        width: 300px;      
        padding: 10px;     
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 14px;    
        font-weight: bold;     
        color: #000;
        border: 1px dashed #959595; 
        margin: 0 auto;   
        margin-top:10px;    
        background: #f4f4f4;
        display: none;
    }     
    
    #accept-cookie {
    background-color: rgba(34, 34, 34, 0.8);
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-height: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    text-align: left;
    transition: all 0.3s ease-in-out;
    visibility: visible;
    width: 100%;
    z-index: 1000000;
    }

    #accept-cookie.accept-cookie-open {
        max-height: 500px;
        opacity: 1;
        transition: all 0.3s ease-in-out;
    }

    #accept-cookie.accept-cookie-open #accept-cookie-button {
        bottom: 0;
        top: 0;
        transition: all 0.3s ease-in-out;
    }

    #accept-cookie-details {
        color: #fff;
        display: inline-block;
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        padding: 20px 135px 20px 10px;
    }

    #accept-cookie-button  {
        background-color: #f0cc03;
        border-radius: 4px;
        bottom: -34px;
        color: #222222;
        cursor: pointer;
        display: inline-block;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 700;
        height: 34px;
        line-height: 34px;
        margin: auto;
        padding: 0 20px;
        position: absolute;
        right: 15px;
        text-transform: uppercase;
        top: 100%;
        transition: all 0.3s ease-in-out;
    }

    #accept-cookie-button:hover {
        background-color: #ffdd24;
        text-decoration: none;
    }