@import url("../Base.css");
@import url("../Menu.css");
@import url("../AutoComplete.css");
@import url("../WebUserControls.css");

body 
{
    
}

.contentwrapper
{
}

.contentheader
{
    background-color:White;
}

.contentcontainer 
{
    background-image:url(pagebackgrad.gif);
    background-repeat:repeat-x;
    background-color:rgb(131,176,236);
}

h2, .listheader
{
    background-color:gold;
    color:black;
}
.contentleft h2, .contentright h2, .contentfooter h2
{
    background-color:#99ccff;
}
.contentfooter h2
{
    font-size:1em;
    padding:0.2em;
}

.contentleft h2, .contentcenter h2, .contentright h2, .listheader
{
    border-top:solid 1px white;
    border-bottom:solid 1px white;
    font-weight:bolder;
}
h2 label
{
    font-size:0.7em;
    padding:0 0 0 1em;
    vertical-align:top;
}

iframe 
{
    width:100%;
    height:100%;
    border:none;
    margin:0;
}

.languages .active {border:outset 4px white !important; }
.contentheader .languages {float:right;}
.contentheader .MainMenu {clear:both;}
.contentheader .credentials {float:left;margin-left:2em;}
.contentheader .domainlogo {float:left;margin-top:0.5em;}

.MainMenu
{
    border:solid 2px white;
    font-weight:bold;
    font-size:1.3em;
}

.part
{
    margin:0.5em 0em 0em 0.4em;
    background-color:White;
    border:solid 1px royalblue;
}

.contentcenter .part
{
    margin:0.5em 0.5em 0em 0.5em;
}
.part .margins
{
    margin:0.5em;
}

.part h2
{
    border:solid 1px white;
    padding-left:0.5em;
    font-size:1.2em;
}

.userinfo h3, .cargoinfo h3
{
    font-size:1.2em;
    font-weight:bold;
    text-align:center;
}
.userinfo h4, cargoinfo h4
{
    font-size:1.2em;
}

.userinfo h5
{
    font-size:1em;
    font-weight:bold;
    margin-bottom:0.2em;
    margin-top:0em;
    padding:0em;
}

.userinfo hr
{
    margin:0px;
}

.contentleft .part h3, .contentcenter .part h3
{
    font-size:1em;
    font-weight:normal;
    margin:0;
}

.contentcenter .text 
{
    width:65em;
}

.contentcenter .text h3
{
    font-size:1.2em;
    font-weight:bold;
    margin-top:1em;
    margin-bottom:0.2em;
}

.userinfo .flags 
{
    margin-right:0.5em;
}

.userinfo .avatar
{
    width:12em;
}

.contentleft .avatar
{
    margin-left:1em;
}

.contactlist .userinfo
{
    width:16em;
    height:34em;
    overflow:auto;
    float:left;
}

.cargolist .cargoinfo
{
    width:15em;
    height:30em;
    overflow:auto;
    float:left;
}

.divider
{
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:lightsteelblue;
    margin-top:4px;
    margin-bottom:4px;
}

.grade
{
    width:20px;float:left;
}

.contentleft .companyinfo h4
{
    font-size:1.2em;font-weight:bold;
}

.companylist .companyinfo div.clear
{
    display:none;
}
.companylist .companyinfo .grade
{
    float:left;padding-bottom:2em;
}
.companylist .companyinfo .blok1
{
    width:25em;padding-left:4px;float:left;
}
.companyinfo h4, .cargoinfo h4
{
    font-size:1.2em;font-weight:bold;
}
.companylist .companyinfo .blok2
{
    width:20em;white-space:nowrap;float:left;
}
.companylist .companyinfo h2
{
    display:none;
}
.companylist .companyinfo .clear
{
    display:none;
}


.contactlist .userinfo h2, .cargolist .cargoinfo h2
{
    display:none;
}

.contentleft .cargoentry .remark
{
    width:10em;
    height:5em;
}

.sendmail h3 
{
    font-size:1.3em !important;
    font-weight:bold !important;
}
.sendmail input
{
    font-size:1.4em;
    font-family:Sans-Serif;
}
.sendmail .bodytext
{
    width:95%;
    height:15em;
    font-size:1.4em;
}
.sendmail .message
{
    font-size:1.5em;
    border:solid 1px red;
    margin:1em;
}

.mailitem .bodytext 
{
    font-size:1.2em;
}


.contentleft .cargoentry
{
    background-color:#E6F0FA;
}
.contentleft .cargoentry h2
{
    background-color:Red;
    color:White;
}

.contentleft .cargoentry h3
{
    font-weight:bold;
    margin-top:0.5em;
}

.editcontact input, .editcontact select
{
    font-size:1.2em;
}
.editcontact ul 
{
    margin-top:1em;
}
.editcontact ul li
{
    margin-bottom:0.5em;
}
.editcontact .avatar 
{
    border:outset 2px black;
    width:10em;
    float:left;
    margin-right:1em;
}

.editcontact label {width:9em;padding-top:0.2em;display:block;float:left;}
.editcontact .contact label {width:7em;}
.editcontact .divers label {width:5em;}
.editcontact .languages {width:35em;}
.editcontact .languages li { width:11em;float:left;}
.editcontact h3 
{
    font-weight:bold !important;
    width:33em;
    padding-bottom:0.3em;
    border-bottom:solid 1px silver;
}
.editcontact textarea
{
    width:25.5em;
    margin:1em 0em 0.5em 1em;
}
.adminonly
{
    background-color:#E6F0FA;
    border:solid 2px green;
    padding:0.2em;
}
.contentleft .part 
{
    background-color:#E6F0FA;
}
.logo
{
    border:outset 2px ;
    width:10em;
    margin-left:0em;
}

.contactlist .avatar 
{
    margin-left:1em;
}

.cargoinfo .logo
{
    width:120px;float:left;
}

.contentleft .companyinfo .logo
{
    width:120px;float:left;margin-left:4px;
}
.companylist .companyinfo .logo
{
    width:120px;float:left;margin-left:4px;
}
.editcontact .logo 
{
    margin:0.5em 0em 0em 2em;
}
    
.imgtext
{
    margin-bottom:0.3em;
}
.imgtext img
{
    vertical-align:middle;
    margin-right:0.5em;
}

.compact 
{
    height:20em !important;
    width:15em !important;
}
.compact .imgtext
{
    float:left;
    margin-right:0.5em;
}
.compact .longdatetime
{
    clear:both;
}
.compact .amount
{
    clear:both;
}
.stopentry
{
    background-color:#ffcccc;
}
.stopentry h2
{
    background-color:Red;
    color:White;
}

.Contacts th
{
    background-color:#99ccff;
}
.Contacts td
{
    border-color:#f0f0e1;
}

.alfabet li  {
    border:solid 1px royalblue;
    margin:3px;
    float:left;
}
.alfabet li a {
    width:1.9em;
    display:block;
    text-align:center;
    font-weight:bold;
    text-decoration:none;
    color:black;
    padding:4px 0px 4px 0px;
}

.alfabet li a:hover {
    background-color:gold;
    text-decoration:underline;
}



.remark {
    color:royalblue;
}

.adminlink a, .managelink a
{
    color:White;
    font-weight:bold;
    background-color:Red;
    padding:0.2em;
}

.managelink a
{
    background-color:Green;
}

.contentleft .adminlink a, .contentleft .managelink a
{
    font-size:0.8em;
}

input
{
    font-size:1.1em;
}

.feedback a.positive
{
    color:Green;
}
.feedback a.negative
{
    color:Red;
}
.feedback a.neutral
{
    color:Black;
}
.companyaddress
{
    padding-top:0.3em;
}
.companyaddress .city
{
    padding-left:0.5em;
    font-weight:bold;
}

h4.contactname, h4.vehiclename
{
    font-size:1.2em;
}
.feedback
{
    display:none;
}