@charset "utf-8";
/* CSS Document */

body {
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;

}
a {
    color:#7b9ffd;
    text-decoration:none;
}
a:hover {
    color:#5555ff;
    text-decoration:none;
    font-style: italic;
}
h1, h2, h3 {
    color:#0a0aaa;
    font-weight:normal;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
} 
h1 {
    font-size:26px;
    
}
h2 {
    font-size:24px;
}
h3 {
    font-size:22px;
}	

table {
    border-collapse: collapse;
    width: 100%;
}

th, td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #aaa;
    font-size: 12px;
}

#container {
    width:60%;
    margin:auto;
}
#container #menu {
    width:100%;
    height: auto;
    float:left;
}


#container #menu  #topmenu{
    width:100%;
    padding:0;
    margin:0;
}

#container  #menu  #topmenu ul{
    width:100%;

}

#container  #menu  #topmenu ul li{
    width:auto;
    display:inline;
    margin:3px;
    padding:5px;
    cursor:pointer;
    font-size: 16px;
    color: #7b9ffd;
}

#container #menu #topmenu ul li:hover{
    font-weight: bold;
}

#container  #menu  #topsubmenu{
    width:100%;
    margin:auto;
}

#container #menu   #topsubmenu ul{
    width:auto;
    float: left;
}

#container  #menu  #topsubmenu ul li{
    width:auto;
    display:inline;
    float:left;
}

#container  #menu  #topsubmenu ul li:hover{
    cursor:pointer;
    font-weight:bold;
}


#container  #menu  #topsubmenu ul li a{
    padding:8px;
    display:block;
}


#container .padding{
    padding:5px;

}

#container #header {
    height:auto;
}

#container #leftside{
    width:250px;
    margin:10px 0px 0px 0px;
    background-color:#000066;
    float:left;

}
#container #leftside ul{
    background-color:#9900CC;
    margin:0;
    padding:0;
    list-style:none;
    float:left;
    padding:5px;
}
#container #leftside ul li{
    background-color:#003399;

    margin:5px 0px;
    width:235px;


}

#container #leftside ul li a{
    color:#FFFFFF;
    font-size:14px;
    display:block;
    padding-left:15px;
    background-color:#000099;
}

#container #leftside ul .menutype {
    color:#ffffff;
    font-size:16px;
    padding:5px;
    display:block;	
    font-weight:bold;
}


#container #leftside ul li a:hover{
    color:#003399;
    background-color:#FFFFFF;
    display:block;

}


#container #rightside{
    width:100%;
    margin:10px 0px 10px 0px;
    padding:5px;
    float:left;
}


#container #rightside form div{
    background-color:#E2E2FF;
    height:auto;
    margin:10px 0px;
    width:100%;

}

#container #rightside form .searchInvoice{
    height:auto;
    margin:0px 5px 0px 0px;
    width:auto;
    float:left;
}

#container #rightside form .searchInvoice Label{
    height:auto;
    width:100px;
}


#container #rightside form .searchInvoiceDate{
    height:auto;
    margin:0px 5px;
    width:auto;
    float:left;
}

#container #rightside form .lbl{
    height:auto;
    margin:10px 1px;
    width:115px;
    float:left;
}

#container #rightside form .lbl Label{
    text-align:center;
    width:50px;
    float:left;
}


#container #rightside form  p{
    clear:both;
    float:left;
}

#container #rightside .headingtr{
    background-color:#E2E2FF;
    font-weight:bold;
    font-size:13px;
    color:#0d0d45;
    text-align:center;
    height:40px;	
}

#container #rightside .tbleClass{
    width:100%;
}

#container #rightside .tbleClass tr:nth-child(even) {
    background-color: #ffffff;
}
#container #rightside .tbleClass tr:nth-child(odd) {
    background-color: #F6F6FF;
}


#container #rightside .headingside{
    font-weight:bold;
    font-size:16px;
    color:#0d0d45;
    text-align:left;
    height:40px;	
    width:250px;
    padding-left:5px;
}


#container #rightside .rowheight{
    height:35px;
    padding: 15px;
}

#container #rightside form div .selectwidth{
    width:100px;	
}

#ui-datepicker-div{
    background-color:#fcfcfc;
}

#container #rightside form div label{
    width:250px;
    height:auto;
    float:left;
    font-size:16px;
    font-weight:bold;
    padding:3px;
    height:auto;
}

#container #rightside form  .deliverForm{
    width:500px;
    display:block;
    padding-top:5px;
    padding-bottom:5px;
    height:40px;
    margin-right:10px;
    float:left;
}

#container #rightside form  .deliverForm .error{
    color:#FF0000;
}

.flotleftClass{
    float:left;	
}

.clrBoth{
    clear:both;

}

#container #rightside form  .deliverForm label{
    width:100px;

}

.ajaxmsg {	
    width:200px;	
}

#container #rightside form  .smallDiv{
    width:250px;
    float:left;
    background-color:#fff;

}

#container #rightside form div .labelClass{
    width:100px;
}

#container #rightside form div .nextLIne{
    clear:both;
}

#container #rightside form div .error{
    color:#FF0000;
}

#container #rightside .errorRed{
    color:#FF0000;
}


#container #rightside .hideControl{
    display:none;
}



#container #rightside .msg{
    color:#1A681A;
    height:auto;
    padding: 10px;
    text-align:center;
    border:1px solid #FF0000;

}

#container #rightside .information{
    color:#1A681A;
    height:auto;
    font-weight:bold;
    padding: 10px;
    text-align:center;
}


#container #rightside .creditAmount{
    color:#FF0000;
    font-size:16px;
    font-weight:bold;
    text-decoration: blink;
    margin-left:20px;
}


#container #rightside form .floatleft{
    float:left;
}


#container #footer{
    width:100%;
    float:left;
    border: #ccc 1px solid;
    text-align: center;
    padding:5px;
}

.controls:hover{
    font-weight: bold;
    cursor:pointer;
}

.controls:active {
    font-weight: bold;
}

.material-icons {
    color: #666699;
}

.material-icons:hover {
    color: #6666FF;
}

.noinputform input {
    background-color: #F6F6FF;
    border: none;
}

.linnworks-table {
    border: 1px solid #000000;
    padding: 2px;
}

.permissionslist ul{
    column-count: 4;
    column-gap: 20px;
    list-style: none
}

.permissionsform {
    column-count: 4;
    column-gap: 20px;
}

.permissionsform label{ 
    text-align:center;
    width:50px;
    float:left;
}