body{
    margin: 0px;
    padding: 0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;   
    
}
/**** Box *****************/
.box{
    padding: 10px;
    margin-top: 10px; 
    border: 1px solid #E5E5E5;
    border-radius: 8px;
}

.list_item{
    padding: 5px;
    border-bottom: 1px solid #d0d0d0;
}

.butImg{
    cursor: pointer;
}

.box h3{
    padding: 8px 0;
}
.box select{
    width: 360px;
}
.box input[type="text"]{
    width: 348px;
}
/**** Box *****************/


/***************** Header ********************/

.header_nav ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.header_nav ul li{
    display: inline-block;
    border-right: 1px solid #E5E5E5;
    padding: 10px;
}
.header_nav ul li:hover{
    cursor: pointer;
}


/***************** Header ********************/

.wrapper{
    position: relative;
    min-width:950px;
    width: 90%;
    text-align: left;
}

/**************** PAgination ***************/
.pagNavTr{
    background: #f7f7f7;
}

.error{
    color: red;
    padding: 2px 10px;
    display: block;
}

.pagination{
    padding: 5px 10px;
    color: #656565;
    display: inline-block;
    margin-right: 5px;
    cursor: pointer;
    border: 1px solid #E5E5E5;
    border-radius: 4px;  
    
}
.pagination:hover{
    background: #656565;
    color: white;  
    border: 1px solid #656565;
}



/************************* GENERAL CSS ********************************************/
a{text-decoration: none; color:#3b6b2a; }
a:hover{text-decoration: underline;}

h1,h2,h3,h4,h5,h6{
    margin: 3px 0;
}

.close{
    cursor: pointer;
}


button{
    line-height: 30px;
    background: #0b2f70;
    background:-moz-linear-gradient(center top , #0b3684, #0b2f70); 
    background:-webkit-gradient(linear, left top, left 100%, from(#0b3684), to(#0b2f70)); 
    border: 1px solid #161479;
    color: #FFFFFF;
/*    text-shadow: 0 1px rgba(0, 0, 0, 0.1);*/    
    border-radius: 3px;
    cursor: pointer;
}
button:hover{
    background: #0b3684;
     background:-moz-linear-gradient(center top , #0b3684, #082965);
     background:-webkit-gradient(linear, left top, left 100%, from(#0b3684), to(#082965)); 
}


button.white{
    background:#f1f1f1;
    line-height: 30px;
    background:-moz-linear-gradient(center top , #f1f1f1, #ebebeb) !important;
    background:-webkit-gradient(linear, left top, left 100%, from(#f1f1f1), to(#ebebeb)) !important; 
    border: 1px solid #d7d7d7;
    color: #2d2d2d !important;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    
    border-radius: 3px;
    cursor: pointer;
}
button.white:hover{
    background:#dddddd;
    background:-moz-linear-gradient(center top , #f1f1f1, #dddddd);
    background:-webkit-gradient(linear, left top, left 100%, from(#f1f1f1), to(#dddddd));
}

input[type="text"]{
    padding: 6px 5px;
    font-size: 1.2emul;
    border: #cccccc solid 1px;
}
input[type="text"]:focus{
    border: #94b5e7 solid 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
}

input[type="password"]{
    padding: 8px 5px;
    font-size: 1.2em;
    border: #cccccc solid 1px;
}
input[type="password"]:focus{
    border: #94b5e7 solid 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
}

.popup{
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1500;
    width: 500px;
    margin-left: -250px;    
    background: white;
    border: #878787 solid 1px;
    padding: 20px;
    box-shadow: 1px 1px 10px #2d2d2d;
    display: none;
    margin-top: -250px; 
    
}

.popup .block p:hover{
    border-radius: 5px;
    border: 2px solid #d54937;
}

.popup p{
    margin: 0px;
    padding: 4px 0;
}

.popup input[type="text"]{
    padding: 8px 5px;
    width: 60%;
    font-size: 1.2em;
}
.popup input[type="text"]:focus{
    border: #e46657 solid 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
}


.sub_popup{
    position: absolute;    
    z-index: 1600;
    width: 300px;   
    background: #343434;
    padding: 15px;
    display: none;
    border-radius: 5px;
    color: white;
}
.sub_popup input {
    width: 95% !important;
    padding: 5px !important;
}

.sub_popup .header_arrow{
    background: url('../images/arrow_up.gif') no-repeat top left;
    height: 15px;
    margin-top: -27px;
}

.autoCompleteList{
    position: absolute;
    z-index: 1700px;    
    width: 284px;
    background: #e8e8e8;
    border: #d4d4d4 solid 1px;
    border-bottom:none;
    max-height: 150px;
    overflow: auto;
    
}
.autoCompleteList div{
    padding: 5px;
    border-bottom:  #d4d4d4 solid 1px;
    display: none;
}



select{
    padding: 5px!important;
    border: #d4d4d4 solid 1px;
    width: 99%;
}


.borderBlue{
    border: #0d3e6c solid 1px;
}

.info, .success, .warning, .errors, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    display: none;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('warning.png');
}
.errors {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/error.png');
}


hr{
    background: #efefef;
    height: 4px;
    border: none;
    
}




/******************** Custome Errors *****************/
#city_msg{
    color: red;
    font-weight: bold;
}

.cus_error{
    display: none;
}