/**************************************************/
/* login screen                                   */
/**************************************************/
@font-face {
    font-family: "LeagueGothicRegular";
    src: url(fonts/leaguegothic-regular-webfont.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;    
}

@font-face {
    font-family: "OpenSans-CondLight";
    src: url(fonts/OpenSans-CondLight.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;    
}
@font-face {
    font-family: "OpenSans-CondBold";
    src: url(fonts/OpenSans-CondBold.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;    
}
@font-face {
    font-family: "PontanoSans-Regular";
    src: url(fonts/PontanoSans-Regular.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;    
}

@font-face {
    font-family: FontAwesome;
    src: url(fonts/awesome/fonts/fontawesome-webfont.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;  
}
@font-face {
    font-family: Muli;
    src: url(fonts/Muli-Regular.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;  
}

/*  
    primary color for ND6 DMS # C 9 2 7 0 B 

    primary color for NEXPOS # f f 6 6 0 0

*/


@media print {
    thead {display: table-header-group;}
    -webkit-print-color-adjust: exact;
    thead span.page-number:after {
        counter-increment: page;
        content: ", Page - " counter(page);
    }    
    .pagebreak { 
        page-break-before: always;
    }
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #bbb;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999;
}

#spantermcontent p {
    line-height: 150%;
    font-size:12px;
    font-color: #444;
}
#spantermcontent ol {
    line-height: 150%;
}
#loginbody {
    position: absolute;
    top:0px;
    bottom:0px;
    width: 100%;
    min-height:750px;
    min-width: 480px;
    background-repeat: no-repeat;
    background: #1c1e20;
    background: -moz-linear-gradient(top, #323e48 0%, #1c1e20 100%);     
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323e48), color-stop(100%,#1c1e20));   
    background: -webkit-linear-gradient(top, #323e48 0%,#1c1e20 100%);   
    background: -o-linear-gradient(top, #323e48 0%,#1c1e20 100%);  
    background: -ms-linear-gradient(top, #323e48 0%,#1c1e20 100%); 
    background: linear-gradient(to bottom, #323e48 0%,#1c1e20 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323e48', endColorstr='#1c1e20',GradientType=0 );   
    text-align: center;
    background: #000;
}


#loginlogo {
    position:absolute;
    width: 460px;
    height: 200px;
    left: 50%;
    top: 6%;
    margin-left:-215px;
    z-index: 20;
    background-repeat: no-repeat;
    background-image: url(images/nd6antelope.png);
    background-position: center ;    
    background-size: 320px;
}
#loginlogojoint {
    position:absolute;
    width: 460px;
    height: 200px;
    left: 50%;
    top: 6%;
    margin-left:-230px;
    z-index: 20;
    background-repeat: no-repeat;
    background-image: url(images/jointbranch.png);
    background-position: center ;    
    background-size: 420px;
}

#txtCreated {
    color: #f62b2b;
}

#txtModified {
    color: #f62b2b;
}

#txtModifiedBy {
    color: #f62b2b;
}


#release {
    position:absolute;
    left: 0px;
    bottom: 20px;
    color:#eee;
    height: 50px;
    width: 250px;
    padding-left:138px;
    padding-top:10px;
    text-align: left;
    font-size: 12px;
    background-repeat: no-repeat;
    background-image: url(images/footersection.png);
}
#release:hover {
    background-image: url(images/footersectionhover.png);
}
#release a {
    text-decoration: none;
    color: #eee;
}
#release a:hover {
    color: #fff;
}

#loginlogoleft {
    position:absolute;
    left: 100px;
    top: 30px;
    z-index: 20;
}

#logintitle {
    margin-bottom:10px;
    font-size:38px;
    color: #C9270B;
    font-family:Arial, Helvetica, sans-serif;
    font-family: Tahoma, Verdana, Segoe, sans-serif;
    font-family: LeagueGothicRegular;
}
#loginheader {
    margin-bottom:10px;
    font-size:14px;
    color: #bbb;
    font-family:Arial, Helvetica, sans-serif;
    font-family: Muli, Tahoma, Verdana, Segoe, sans-serif;
}
#login {
    position:absolute;
    width: 360px;
    left: 50%;
    margin-left:-180px;
    bottom: 170px;
    padding-top:10px;
    border-radius: 5px;
    background-color: transparent;
}

.loginbtnpin {
    width:60px;
    height:60px;
    font-size:24px;
    text-align: center;
    line-height: 60px;
    color:#fff;
    background: #222;
}
.loginbtnpin:hover {
    background: #C9270B;
    cursor: pointer;
}

#loginmessage {
    position:absolute;
    width: 650px;
    left: 50%;
    margin-left:-325px;
    bottom: 85px;
    color: #66ffff ;
    font-size: 14px;
    font-family:Arial, Helvetica, sans-serif;
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    border-radius: 3px;
    padding-top:5px;
    padding-bottom:5px;
}
#loginfooter {
    position:absolute;
    width: 650px;
    height:40px;
    line-height: 40px;
    left: 50%;
    margin-left:-320px;
    bottom: 15px;
    font-size:12px;
    color: #fff;
    font-family:Arial, Helvetica, sans-serif;  
    font-family: Muli, Tahoma, Verdana, Segoe, sans-serif;
}
.loginfooteritem {
    display: inline-block;
}
.loginfooteritem:hover {
    font-size:14px;
    color: #fff;
    cursor: pointer;
}
#ocationtext {
    font-size:24px;
    color: #aaa;
    font-family: LeagueGothicRegular;
}
#licensetypecover {
    background-color: #000;
    position:absolute;
    text-align: left;
    width: 300px;
    height:60px;
    left: 20px;
    bottom: 30px;
    border-right:2px solid #C9270B;
    z-index:100;
    opacity: 0.0;
}
#licensetype {
    position:absolute;
    text-align: left;
    width: 300px;
    height:60px;
    left: 20px;
    bottom: 30px;
    font-size:12px;
    color: #ccc;
    font-family:Arial, Helvetica, sans-serif;  
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    border-left:0px solid #C9270B;
    padding-left: 5px;
    opacity: 0.0;
}
#licenseinfo {
    position:absolute;
    width: 600px;
    left: 50%;
    margin-left:-300px;
    bottom: 60px;
    font-size:12px;
    color: #bbb;
    font-family:Arial, Helvetica, sans-serif;  
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}

#licenseinfotop {
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    background:#000;
    color:#eee;
    padding:10px;
    height:70px;
    border-bottom: 1px solid #ef4123;
}

.licenseinfobold {
    font-size:14px;
    color: #fff;
}
#loginchangelogin{
    position: absolute;
    bottom:25px;
    right:20px;
    cursor:pointer;
    color: #fff;
    cursor: pointer;
    z-index: 10;
}
#loginchangepassword {
    position: absolute;
    bottom:15px;
    right:60px;
    cursor:pointer;
    color: #fff;
    cursor: pointer;
    z-index: 10;
}
#loginshowpassword {
    position: absolute;
    bottom:20px;
    right:110px;
    cursor:pointer;
    color: #fff;
    cursor: pointer;
    z-index: 10;
}
#loginhidepassword {
    display:none;
    position: absolute;
    bottom:20px;
    right:110px;
    cursor:pointer;
    color: #fff;
    cursor: pointer;
    z-index: 10;
}

#login input {
    height: 25px;
    width: 200px;
    background-color: #fff;
    background: transparent;
    border: 1px solid #777;
    padding: 0 0 0 5px;
    color: #fff;
    font-size:14px;
    border-radius: 0px;
}

#login input:focus {
    border: 1px solid #C9270B ;
    background-color: transparent;
    color: #fff;
}

#login button {
    padding-bottom:3px;
    background-color:#666777;
    background-image:none;
    color: rgb(255,255,255);
    border: 0;
    box-shadow:none;
    border-radius: 0px;
    font-size: 11px;
}
#login button:hover {
    background-color: #117ba4;
}
#login button:focus {
    background-color: #117ba4;
}

#loginselectbranchgrid {
    overflow-y: auto;
    position:absolute;
    top: 42%;
    width:90%;
    bottom:100px;
    margin: auto;
    left: 0px;
    right: 0px;
    color: #eee;
    font-size: 10px;
    border:0px solid #fff;
    font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
}

.loginbranchitemgrid {
    display: inline-block;
    padding: 10px 5px 20px 5px;
    width:150px;
    height:130px;
    border: 1px solid transparent;
    border-radius:0px;
    vertical-align: top;
    margin-top: 3px;
}

.loginbranchitemgriddisabled {
    display: inline-block;
    padding: 10px 5px 20px 5px;
    width:150px;
    height:130px;
    border: 1px solid transparent;
    border-radius:0px;
    vertical-align: top;
    margin-top: 3px;
}

.loginbranchitemgrid:hover {
    cursor: pointer;
    color: #fff;
    background: #C9270B;
    margin-top: 3px;
}  

#loginselectbranchlist {
    overflow-y: auto;
    position:absolute;
    top: 10%;
    right:80px;
    left: 500px;
    bottom:80px;
    color: #eee;
    font-size: 10px;
    border:0px solid #fff;
    padding-left:10px;
    font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
}

.loginbranchitemlist {
    width:auto;
    height:50px;
    border-bottom:1px solid #555;
    background: url(images/folder-icon-yellow.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 50px;
    padding: 10px 0 10px 80px;
}
.loginbranchitemlistdisabled {
    width:auto;
    height:50px;
    border-bottom:1px solid #555;
    background: url(images/folder-icon-gray.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 50px;
    padding: 10px 0 10px 80px;
}   

.loginbranchitemlist:hover {
    cursor: pointer;
    color: #fff;
    background-color: #C9270B;
}  

#loginlogout {
    position:absolute;
    width: 250px;
    left: 50%;
    margin-left:-125px;
    bottom: 120px;
    color: #66ffff ;
    font-size: 11px;
    font-family:Arial, Helvetica, sans-serif;
    font-family: Muli, Tahoma, Verdana, Segoe, sans-serif;
}

#loginlogout button {
    padding-bottom:3px;
    background-color:#666777;
    background-image:none;
    color: rgb(255,255,255);
    border: 0;
    box-shadow:none;
    border-radius: 4px;
    font-size: 11px;
}

#loginlogout button:hover {
    background-color: #117ba4;
}

#sideiconcontainer {
    position:absolute;
    right:10px;
    bottom:80px;
    padding: 10px 5px 10px 5px;
    z-index:20;
}
#sideiconcontainer:hover {
    background: #111;
}
div.sideicon {
    padding:5px 5px 5px 5px;  
    border-radius:5px;
    opacity:0.5;
    margin-bottom:5px;
}
div.sideicon:hover {
    cursor:pointer;  
    opacity:1;
}

#mainselectitem {
    position:absolute;
    top: 40%;
    width:1100px;
    left:50%;
    margin-left:-555px;
    height:auto;
    color: #eee;
    bottom:20px;
    font-size: 10px;
    border:0px solid #fff;
}

#mainselectitemlist{
    overflow-y: auto;
    position:absolute;
    top: 20px;
    right:80px;
    left: 580px;
    bottom:20px;
    color: #eee;
    font-size: 10px;
    border:0px solid #fff;
    padding-left:10px;
}
.mainmenuitem {
    position: relative;
    display: inline-block;
    padding: 15px 2px 15px 2px;
    width:110px;
    height:80px;
    background: #C9270B;
    margin:2px 2px 5px 2px;
    border:3px solid transparent;
    cursor: pointer;
    border-radius:0px;
    font-size: 12px ;
    font-weight: normal;
    font-family: "Arial Narrow", Arial, "Helvetica Condensed", Helvetica, sans-serif;
    color:#000;
}

.mainmenuitemlist {
    width:auto;
    height:70px;
    background: transparent;
    cursor: pointer;
    border-radius:0px;
    padding: 7px 10px 5px 10px;
    border-top:1px solid #555;
    border-bottom:1px solid #555;
    font-family: "Arial Narrow", Arial, "Helvetica Condensed", Helvetica, sans-serif;   
}  

.mainmenuitemlist > div:first-child { 
    background: #C9270B;
}

.mainmenuitemdisabled {
    position: relative;
    display: inline-block;
    padding: 15px 2px 15px 2px;
    width:110px;
    height:80px;
    background: #C9270B;
    margin:2px 2px 5px 2px;
    border:3px solid transparent;
    border-radius:0px;
    font-size: 12px ;
    font-weight: normal;
    font-family: "Arial Narrow", Arial, "Helvetica Condensed", Helvetica, sans-serif;
    color:#000;
}

.mainmenuitemdummy {
    position: relative;
    display: inline-block;
    padding: 10px 2px 20px 2px;
    width:110px;
    height:80px;
    background: #FF3300;
    margin:2px 2px 5px 2px;
    border:3px solid transparent;
    border-radius:0px;
    font-size: 12px ;
    font-weight: normal;
    font-family: "Arial Narrow", Arial, "Helvetica Condensed", Helvetica, sans-serif;
    color:#000;
    opacity: 0.3;
}


.mainmenuitemlistdisabled {
    width:auto;
    height:70px;
    background: transparent;
    border-bottom:1px solid #555;
    border-top:1px solid #555;
    cursor: default;
    border-radius:0px;
    padding: 7px 10px 5px 10px;
}

.mainmenuitem:hover {
    cursor: pointer;
    color: #fff;
    background: #888;
    border-radius:0px;
    border:0px;
    border:3px solid transparent;
    text-decoration:  underline;
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.9);  
}  
.mainmenuitemlist:hover {
    cursor: pointer;
    color: #fff;
    background: #C9270B;
}  

.mainmenuitemsquare {
    display: inline-block;
    padding: 10px 0px 20px 0px;
    width:120px;
    height:90px;
    background: #C9270B;
    margin:2px 2px 5px 2px;
    border:5px solid transparent;
    cursor: pointer;
    border-radius:0px;
}

.mainmenuitemsquaredisabled {
    display: inline-block;
    padding: 10px 0px 20px 0px;
    width:120px;
    height:90px;
    background: #C9270B;
    margin:2px 2px 5px 2px;
    border:5px solid transparent;
    cursor: default;
    border-radius:0px;
    opacity: 0.3;
}

.mainmenuitemsquare:hover {
    cursor: pointer;
    color: #fff;
    border:5px solid #fff;
    transform: scale(1.5);
}  


/**************************************************/
/* header,top menu                                */
/**************************************************/

#headertitle {
    display: block;
    position:relative;
    vertical-align: middle;
    padding: 0px 20px;
    line-height: 40px;
    font-size:24px;
    font-family:Arial, Helvetica, sans-serif;
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    border-bottom:0px solid rgb(130,130,130);	
    background: #C9270B; /* Old browsers */
    color: #fff;
    text-transform:uppercase;
}

#headermenu {
    position: absolute;
    top: 3px;
    left: 10px;
    width:25px;
    height:25px;
    padding:4px 5px 4px 5px;  
    border-radius:5px;    
    background-repeat: no-repeat;
    background-image: url(images/iconoptionwhite.png);
    background-position: center ;
    background-size: 25px;
}
#headermenu:hover {
    cursor: pointer;
    background: #000;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-image: url(images/iconoptionwhite.png);
    background-position: center ;
    background-size: 25px;
}

#headericoncontainer {
    position:absolute;
    top:5px;
    right:20px;
    z-index:100;
    border:0px solid #fff;
}
div.headeruser{
    display: inline-block;
    position: relative;
    width:auto;
    top:-5px;
    padding: 3px 5px 3px 5px;
    font-size:12px;
    color: #fff;
    font-weight: bold;
    font-family:Arial, Helvetica, sans-serif;
    font-family: Tahoma, Verdana, Segoe, sans-serif;
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    border-radius:0px;
}
div.headericon {
    display: inline-block;
    width:22px;
    height:22px;
    padding:4px 5px 4px 5px;  
    border-radius:5px;
    background: red;
    transform: scale(0.9);
    border:1px solid #df0909; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;;
    background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
    background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
    background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
    background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
    background-image: -o-linear-gradient(top, #f62b2b, #d20202);
    background-image: linear-gradient(to bottom, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);    
}
div.headericonsep {
    display: inline-block;
    width:1px;
    height:22px;
    background-color: #fff;
}
div.headericon:hover {
    cursor:pointer;  
    border:1px solid #000; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;;
    background-color: #45484d; background-image: -webkit-gradient(linear, left top, left bottom, from(#45484d), to(#000000));
    background-image: -webkit-linear-gradient(top, #45484d, #000000);
    background-image: -moz-linear-gradient(top, #45484d, #000000);
    background-image: -ms-linear-gradient(top, #45484d, #000000);
    background-image: -o-linear-gradient(top, #45484d, #000000);
    background-image: linear-gradient(to bottom, #45484d, #000000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#45484d, endColorstr=#000000);
}

#headerback {
    position:absolute;
    top:11px;
    right:82px;
    z-index:100;
    padding:0px 3px 0px 3px;    
    cursor:pointer;
}

#headerhome {
    position:absolute;
    top:10px;
    right:46px;
    z-index:100;
    padding:0px 10px 0px 7px;    
    cursor:pointer;
}

#headerlogout {
    position:absolute;
    top:8px;
    right:10px;
    z-index:100;
    padding:0px 7px 0px 7px;    
    cursor:pointer;
}

#headeruser{
    position: absolute;
    top:10px;
    right:100px;
    width:auto;
    padding: 3px 15px 3px 15px;
    font-size:12px;
    color: #333;
    font-family:Arial, Helvetica, sans-serif;
    font-family: Muli,Tahoma, Verdana, Segoe, sans-serif;
    border-radius:10px;
    background: #fff;
}

#headercontainer { 
    display: block;
    position:relative;
    height:45px;
    width:100%;
    background: #222;
}

#menunav {
    padding: 10px 0 0 10px;
    background: transparent;
    border-bottom: 5px solid transparent;
    font-size: 18px;
    font-weight: normal;
    color: #777;
}

#menunav a {
    display: inline-block;
    line-height: 22px;
    text-decoration: none;    
    background: transparent;
    color: #bbb;
    font-size: 12px;
    padding: 0 5px 0 5px;
    border-bottom: 5px solid transparent;
    text-transform:  uppercase;
}

#menunav a:hover {
    background: transparent;
    color: #fff;
    border-bottom: 5px solid #C9270B;
}
#menunav a.current {
    background: transparent;
    color: #fff;
    border-bottom: 5px solid #C9270B;
}
/*#sheetall {
    background-color: transparent;
}
#mastertables {
    background-color: transparent;
}*/

a.toggle-vis {
    display: inline-block;
    text-decoration: none;    
    background: transparent;
    font-size: 12px;
    color: #bbb;
    border-bottom: 2px solid transparent;
}

a.toggle-vis:hover {
    background: transparent;
    color: #fff;
    border-bottom: 2px solid #C9270B;
    cursor: pointer;
}

/**************************************************/
/* left panel, menu                               */
/**************************************************/


#leftpanel {
    overflow: hidden;
    position:absolute;
    left: 0px;
    top: 0px;
    width:450px;
    bottom:0px;
    min-width:210px;
    background: #222d35; 
    background: #fff;
    margin: 0 0 0 0;
    color: #fff;
    border: 0px;
    padding: 0;
    border-left:0px solid #888;
    border-right:1px solid #888;
    z-index: 0;
}

#leftpaneltitle{
    position: relative;
    left: 10px;
    top: 10px;
    font: 12px Arial, Helvetica, sans-serif;
    font-family:Arial, Helvetica, sans-serif;	
    font-family: Muli,Tahoma, Verdana, Segoe, sans-serif;
    color: rgb(57, 57, 57);
}
#leftpaneltitle:hover{
    cursor: pointer;
}

/*heading styles*/
#accordian {
    position:absolute;
    overflow: hidden;
    top: 5px;
    left: 0px;
    right: 0px;
    bottom:0px;
    margin: 0 0 0 0;;
    color: white;
    border: 0;
    padding: 0;
    z-index:5;
    background: #657787;
    background: #222d35; 
    background-repeat: repeat;
    background-image: url(images/CoarseGrid.png);
    /*Some cool shadow and glow effect*/
}
div.servicemenu {
    font-size: 12px;
    font-weight: normal;
    line-height: 39px;
    color: #bbb;
    border-radius:0;
    padding: 0 10px 0 10px;
    text-transform:uppercase;
    border: 0px;
    /*background: #657787;*/
    border-left: 5px solid transparent;
    /*    background-repeat: no-repeat;
        background-image: url(images/iconrightarrowblack.png);
        background-position: 315px;*/
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.65) 100%), url('images/iconrightarrowblack.png') no-repeat;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(59%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.65))), url('images/iconrightarrowblack.png') no-repeat;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.65) 100%), url('images/iconrightarrowblack.png') no-repeat;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.65) 100%), url('images/iconrightarrowblack.png') no-repeat;
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.65) 100%), url('images/iconrightarrowblack.png') no-repeat;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.65) 100%), url('images/iconrightarrowblack.png') no-repeat;
    background-position: 0px, 315px;
    font-family: Muli,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    border-bottom :1px solid #000;
}

div.servicemenuopen {
    font-size: 12px;
    font-weight: normal;
    line-height: 39px;
    color: #fff;
    border-radius:0;
    padding: 0 10px 0 10px;
    /*    background: #657787;*/
    text-transform:uppercase;
    border: 0px;
    border-left: 5px solid #C9270B;
    /*    background-color: #2D3942;*/
    background-repeat: repeat, no-repeat;
    background-image: url(images/CoarseGrid.png), url(images/icondownarrowblack.png);
    background-position: 0px, 315px;
    font-family: Muli,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    border-bottom :1px solid #000;
}
div.servicemenuseparator {
    border: 0px;
    height: 1px;
    background: #222d35; 
}
/*heading hover effect*/
div.servicemenu:hover,
div.servicemenuopen:hover
{
    cursor: pointer;
    color: #fff;
    border-left: 5px solid #C9270B;
}
div.servicemenudisabled {
    font-size: 12px;
    font-weight: normal;
    line-height: 39px;
    color: #777;
    border-radius:0;
    padding: 0 10px 0 10px;
    text-transform:uppercase;
    border: 0px;
    /*background: #657787;*/
    border-left: 5px solid transparent;
    /*    background-repeat: no-repeat;
        background-image: url(images/iconrightarrowblack.png);
        background-position: 315px;*/
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.65) 100%), url('images/iconforbidden.png') no-repeat;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(59%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.65))), url('images/iconforbidden.png') no-repeat;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.65) 100%), url('images/iconforbidden.png') no-repeat;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.65) 100%), url('images/iconforbidden.png') no-repeat;
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.65) 100%), url('images/iconforbidden.png') no-repeat;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.65) 100%), url('images/iconforbidden.png') no-repeat;
    background-position: 0px, 315px;
    font-family: Muli,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    border-bottom :1px solid #000;    
    opacity: 0.8;

}
div.servicemenudisabled:hover {
    border-left: 5px solid transparent;
}
div.menuitemcontent {
    list-style-type: none;
    padding: 0;
    background: #222d35; 
    border: 0;
    border-radius:0;
    overflow-x:hidden;
}
/*list items*/
div.menuitem  {
    list-style-type: none;
    border:0;
    border-bottom: 1px solid #000;
    padding: 0;
    background-color: #2D3942;
    background-repeat: repeat;
    background-image: url(images/CoarseGrid.png);   
    border-left: 5px solid #C9270B;
}
/*links*/
div.menuitem a {
    color: #ddd;
    text-decoration: none;
    white-space:nowrap;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    padding: 0 15px 0 35px;
    background: transparent; 
    cursor: default;
    width:300px;
}

div.menuitem a span { 
    position:absolute;
    margin-left:-20px;
    margin-top: 5px;
    width:20px;
    height:20px;
    line-height: 20px;
    text-align: right;
    padding-right: 5px;
    border-right:1px solid #555;
}


/*hover effect on links*/
div.menuitem a:hover,
div.menuitem a:focus
{
    cursor: pointer;
    background: #1c5a85;
    color: #fff;
}
div.menuitem a.current {
    color: #fff;
    background: #1c5a85;
}
div.menuitemdisabled {
    color: #777;
    white-space:nowrap;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    display: block;
    padding: 0 15px 0 35px;
    border-bottom: 1px solid #000;
    background-repeat: repeat;
    background-image: url(images/CoarseGrid.png);    
    border-left: 5px solid #777;    
}

div.menuitemdisabled span { 
    position:absolute;
    margin-left:-20px;
    margin-top: 5px;
    width:20px;
    height:20px;
    line-height: 20px;
    text-align: right;
    padding-right: 5px;
    border-right:1px solid #555;
}


/**************************************************/
/* form title                                     */
/**************************************************/

#mainmenupanel {
    position:fixed;
    top:-100px;
    left:0px;
    width:2000px;
    height:100px;
    background-color: #333;
    padding-left:10px;
}

.mainmenupanelitem {
    display:inline-block;
    width:70px;
    height:60px;
    background: transparent;
    color:#fff;
    font-size:10px;
    cursor: pointer;
    border-radius:0px;
    margin-top:10px;
    padding-top: 10px;
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    text-align: center;
} 
.mainmenupanelitem:hover {
    background: #C9270B;
} 

.mainmenupanelitemdisabled {
    display:inline-block;
    width:70px;
    height:60px;
    background: transparent;
    color:#fff;
    font-size:10px;
    border-radius:0px;
    margin-top:20px;
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    text-align: center;
} 

#centerpanel {
    overflow:hidden;
    position:absolute;
    left: 0px;
    top: 0px;
    right:0px;
    bottom: 0px;
    min-height:650px;
    min-width: 1280px;
    color: #fff;
    z-index:1;
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.6);     
    font-family: Muli, Tahoma, Verdana, Segoe, sans-serif;
    background: #000;
}

#centerpaneljoint {
    overflow:hidden;
    position:absolute;
    top:50px;
    left:0px;
    width: 100%;
    height: 100%;
    color: #fff;
    z-index:2;
    background-image: url(images/jointbranchwatermark.png);
    background-size: 900px;
    background-repeat: no-repeat;
    background-position: center;
}

#overlay {
    z-index: 9999;
    position: absolute;
    left: 5px;
    top: 5px;
    bottom: 5px;
    right: 5px;
    background: #000;
    opacity: 0.2;
    display: none;
}

div.formheader {
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:40px;
}

div.formtitle {
    display: block;
    position:relative;
    padding: 0 20px;
    line-height:40px;
    font-size:24px;
    font-family:Arial, Helvetica, sans-serif;
    font-family: Muli,Tahoma, Verdana, Segoe, sans-serif;
    border-bottom:0px solid rgb(130,130,130);	
    background: #C9270B; /* Old browsers */
    color: #fff;
    text-transform:uppercase;
}
#divhidden {
    position: absolute;
    bottom: 0px;
    left: 0px; 
    right: 0px;
    background: #fff;
    z-index: 1000;
}

div.formaction {
    position:relative;
    padding: 0px 20px;
    height: 45px;
    line-height:45px;
    font-size:24px;
    font-family:Arial, Helvetica, sans-serif;
    font-family: Muli,Tahoma, Verdana, Segoe, sans-serif;
    border-bottom:1px solid #999;	
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */	
    /*    box-shadow: 
            0px 0px 5px -5px rgba(0, 0, 0, 0.6), 
            0 0 200px 1px rgba(255, 255, 255, 0.5);	*/
    z-index:300;
    color: rgb(50, 50, 50);
    text-shadow: rgb(224, 224, 224) 1px 1px 0px;
    text-transform:uppercase;
    box-shadow: 0px 3px 10px #555;
}

div.formsearch {
    position: absolute;
    top:8px;
    left:10px;
    padding: 0 0 3px 0;
    height:23px;
    width:auto;
    display: inline-block;
    border:1px solid #888;
    border-radius: 4px;
}


#btnReset {
    float:right;
    width:20px;
    height:20px;
    background:url(images/xmark.png);
    background-repeat:no-repeat;
    position:relative;
    right:3px;
    top:3px;
}
#btnReset:hover {
    background:url(images/xmarkred.png);
    cursor: pointer;
}

div.formsearch input[type=text] {
    position:relative;
    float: left;
    padding: 0 10px 0 10px;
    display: inline-block;
    background: transparent;
    color: #555;
    border:0;
}

div.formsearch input[type=submit] {
    position:relative;
    top:0px;
    height:26px;
    width:80px;
    display: inline-block;
    float: right;
    color: #fff;
    background: #888;
    border:0;
    border-radius:0px;

}
div.formsearch input[type=submit]:hover {
    background: #117ba4;
    border:0;
    border-radius:0px;    

}
div.formsearch select {
    position:relative;
    top:-13px;
    display: inline-block;
    background: #fff;
    color: #333;
    height: 26px;;
    border:0;
    border-left: 1px solid #888;
}
div.formsearch input[type=button] {
    position:relative;
    top:-1px;
    display: inline-block;
    float: right;
    color: #fff;
    min-width: 60px;
    height: 28px;
    border:0px;
    border-radius:0px;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
    background-color: #45484d; 
    background: #878d94;
    text-decoration:none;  
    background-image: -webkit-linear-gradient(top, #878d94, #575b5e);
    background-image: -moz-linear-gradient(top, #878d94, #575b5e);
    background-image: -ms-linear-gradient(top, #878d94, #575b5e);
    background-image: -o-linear-gradient(top, #878d94, #575b5e);
    background-image: linear-gradient(to bottom, #878d94, #575b5e);
}

div.formsearch input[type=button]:hover {
    position:relative;
    top:-1px;
    border:0px;
    background-color: #3093c7; background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85));
    background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
    background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
    background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
    background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
    background-image: linear-gradient(to bottom, #3093c7, #1c5a85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);
}


div.formsearch input[type=reset] {
    position:relative;
    top:-13px;
    height:100%;
    width:6px;
    min-width:6px;    
    display: inline-block;
    color: #555;
    background: transparent;
    border:0;
    font-size:14px;
}

div.formsearch input[type=reset]:hover {
    position:relative;
    height:100%;
    width:6px;
    min-width:6px;
    display: inline-block;
    color: #C9270B;
    background: transparent;
    border:0;
}

div.formactionbar {
    position: absolute;
    width:auto;
    right: 10px;
    display: inline-block;
    padding: 0px 5px 0 0;
    float: right;
    height:45px;
    vertical-align:middle;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    font-family: Muli,Tahoma, Verdana, Segoe, sans-serif;
    z-index:290;
    text-align: right;
    border:0px solid #111;
}

div.formactionbar table {
    height: 45px;
}

div.formactionbar a {
    text-decoration: none;
    line-height: 25px;
    font-size: 11px;
    padding: 5px 7px 5px 7px;
    color: #555;
    border-bottom:3px solid transparent;
    text-transform:  capitalize;
    font-size:14px;
    font-family: Muli,Century Gothic,CenturyGothic,AppleGothic,sans-serif;    
}

div.formactionbar a:hover {
    text-decoration: none;
    line-height: 25px;
    cursor: pointer;
    color: #555;
    border-bottom:3px solid #C9270B;
}

div.formactionbaritem {
    display: inline-block;
    position:relative;
    padding:0;
    height:25px;
    border:1px solid #111;
}
div.formactionseparator {
    display: inline-block;
    position:relative;
    padding: 0 0 0 0;
    margin: 0 2px 0 2px;
    width:1px;
    height:20px;
    background-color:#bbb;
    border-right:1px solid #fff;
    vertical-align: middle;
}
div.formactionbar input[type=button] {
    height:30px;
    width:auto;
    min-width:10px;
    padding: 0 7px 0 7px;
    color: #555;
    background: transparent;
    border:0px;
    border-bottom:3px solid transparent;
    border-radius:0;
    font-size:14px;
    font-family: Muli, Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}
div.formactionbar input[type=submit] {
    height:30px;
    width:auto;
    min-width:10px;
    padding: 0 7px 0 7px;
    color: #555;
    background: transparent;
    border:0px;
    border-bottom:3px solid transparent;
    border-radius:0;
    font-size:14px;
    font-family: Muli, Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}
div.formactionbar input[type=button]:enabled:hover {
    color: #555;
    background: transparent;
    border:0;
    border-bottom:3px solid #C9270B;
}
div.formactionbar input[type=submit]:enabled:hover {
    color: #555;
    background: transparent;
    border:0;
    border-bottom:3px solid  #C9270B;
}
div.formactionbar input[type=button]:disabled {
    color: #aaa;
    background: transparent;
    border:0;
}
div.formactionbar input[type=submit]:disabled {
    color: #aaa;
    background: transparent;
    border:0;
}
div.formactionbar input[type=button].option {
    color: transparent;
    background: transparent;
    border:0;
    width: 30px;
    background-image: url(images/iconmenu.png);
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}
div.formactionbar input[type=button].option:hover {
    color: transparent;
    background: #777;
    border:0;
    border-radius:5px;
    width: 30px;
    background-image: url(images/iconmenuwhite.png);
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

div.formactionbar input[type=button].searchitem {
    min-width: 0px;
    height:25px;
    width:25px;
    margin-left:2px;
    background-repeat:no-repeat;
    background-position:center;
    background-image: url(images/iconsearchwhite20px.png);
    background-color: #555;
    border:0px;
    border-radius: 3px;
}
div.formactionbar input[type=button].searchitem:disabled:hover {
    min-width: 0px;
    height:25px;
    width:25px;
    margin-left:2px;
    background-repeat:no-repeat;
    background-position:center;
    background-image: url(images/iconsearchwhite20px.png);
    background-color: #555;
    border:0px;
    border-radius: 3px;
    cursor: default;
}
div.formactionbar input[type=button].searchitem:hover {
    min-width: 0px;
    height:25px;
    width:25px;
    background-repeat:no-repeat;
    background-position: center;
    background-image: url(images/iconsearchwhite20px.png);
    background-color: #C9270B;
    border:0px;
    border-radius: 3px;
}
div.formactionbar input[type=button].searchitem:focus {
    min-width: 0px;
    height:25px;
    width:25px;
    background-repeat:no-repeat;
    background-position: center;
    background-image: url(images/iconsearchwhite20px.png);
    background-color: #C9270B;
    border:0px;
    border-radius: 3px;
}



div.formoption {
    float:right;
    width:30px;
    height:30px;
    background:url(images/3-bar-menu-30px.png);
    background-repeat:no-repeat;
    position:relative;
    right:-10px;
    top:5px;
}

div.formoption:hover {
    cursor:pointer;
    background:url(images/3-bar-menu-30px-hover.png);
}

#formoptionpanel {
    display:none;
    float:right;
    position:absolute;
    top:40px;
    right:0px;
    bottom:0px;
    width:250px;
    height:520px;
    padding:10px;
    background-color:#ddd;;
    border-left:1px solid #888;
    border-bottom-left-radius:20px;
    z-index:200;
    box-shadow: 
        0px 0px 5px 1px rgba(0, 0, 0, 0.6), 
        0 0 200px 1px rgba(255, 255, 255, 0.5);	


}

#quotes p {
    position:absolute;
    float:right;
    top:30px;
    right:20px;
    color:#eee;
    font-size:18px;
    font-family:"Times New Roman", Times, serif;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-style:italic;
    z-index:10;
    text-align:right;
}

#homelogo {
    position:absolute;
    bottom:280px;
    left:27px;
    display:none;
}
#homemascot {
    position:absolute;
    bottom:280px;
    left:190px;   
    display:none;
}
#homeusericon {
    position:relative;
    top:0px;
    right:0px;
    width:120px;
    height:120px;
    margin-bottom: 10px;
    border-radius: 0px;
    border:2px solid #eee;
    float:right;
}
#homeuserinfo {
    position:absolute;
    top:40px;
    right:0px;
    padding: 60px 20px 0 20px;
    border-radius: 0px;
    text-align: right;
    border:0px solid #eee;
    font-size: 11px;
    color: #ccc;
    background: #222;
    height:100%;
}

#error_boxold {
    background: khaki;
    border:10px solid #C9270B;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    color:#111;
    display:none;
    font-size:16px;
    margin:0px 0px 15px 0px;
    padding:15px 15px;
    width:500px;
    min-height: 60px;
    z-index:1001;
    position: absolute;
    top:100px;
    right:50px;
    opacity: 100%;
    box-shadow: 
        0px 0px 5px 1px rgba(0, 0, 0, 0.6), 
        0 0 200px 1px rgba(255, 255, 255, 0.5);	    
}


#error_box {
    background: #C9270B;
    border-left: 10px solid red;
    color:#fff;
    display:none;
    font-size:18px;
    margin:0px 0px 15px 0px;
    padding:15px 15px;
    width:500px;
    min-height: 60px;
    max-height: 400px;
    overflow-y: auto;
    z-index:10001;
    position: absolute;
    bottom:100px;
    right:50px;
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    opacity: 1.0;
}

#info_box {
    background: yellowgreen;
    border-left: 10px solid yellowgreen;
    color:#000;
    display:none;
    font-size:18px;
    margin:0px 0px 15px 0px;
    padding:15px 15px;
    width:500px;
    min-height: 60px;
    max-height: 400px;
    overflow-y: auto;
    z-index:10001;
    position: absolute;
    bottom:100px;
    right:50px;
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    opacity: 1.0;
}

#success_box {
    background: yellowgreen;
    border:10px solid #fff;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    color:#111;
    display:none;
    font-size:16px;
    margin:0px 0px 15px 0px;
    padding:15px 15px;
    width:500px;
    min-height: 30px;
    z-index:1001;
    position: absolute;
    top:100px;
    right:50px;
    opacity: 100%;
    box-shadow: 
        0px 0px 5px 1px rgba(0, 0, 0, 0.6), 
        0 0 200px 1px rgba(255, 255, 255, 0.5);	
}

div.form_main {
    overflow-y:hidden;
    overflow-x:hidden;
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    font-size:12px;
    color:#555;
    height:100%;
    border-top:1px solid #777;
    z-index:2;
}

div.form_main input[type=file] {
    width: 300px;
    background: #fff;
    border-radius: 0px;
    border:0px;
    line-height:28px;
}

div.form_main_hotzone {
    position: absolute;
    left:0px;
    top:0px;
    bottom:0px;
    width:40px;
    background: transparent;
}
div.form_main_hotzone:hover {
    background: #fff;
    opacity: 0.1;
}

#floatbutton {
    position: fixed;
    height:100px;
    right: 50px;
    bottom: 20px;
    background: transparent;
    z-index: 10000;
    color: #fff;
    font-size:36px;
}
.floatbutton:hover {
    opacity: 0.7;
    cursor: pointer;
}

#processingxxx {
    position: absolute;
    height:100px;
    width:100px;
    left: 50%;
    top: 50%;
    border-radius:10px;
    margin-top:-50px;
    margin-left:-50px;
    background: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/nexdist/images/processing.gif");
    z-index: 10000;
    display:none;
}

#processingbar {
    position: absolute;
    height:150px;
    width:150px;
    left: 50%;
    top: 50%;
    margin-top:-75px;
    margin-left:-75px;
    background: #C9270B;
    background: transparent;
    opacity: 0.7;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/nexdist/images/progressbar.gif");
    z-index: 10000;
    transform: scale(2,1);
    display:none;
}

#xprocessing {
    position: absolute;
    height:500px;
    width:500px;
    left: 50%;
    top: 50%;
    border-radius:40px;
    margin-top:-250px;
    margin-left:-250px;
    background: #C9270B;
    background: transparent;
    opacity: 0.7;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/nexdist/images/playerLoading.gif");
    z-index: 10000;
    border:3px solid #fff;
    -webkit-transform: scale(0.3);/* Saf3.1+, Chrome */
    -moz-transform: scale(0.3); /* FF3.5+ */
    -ms-transform: scale(0.3); /* IE9 */
    -o-transform: scale(0.3); /* Opera 10.5+ */
    transform: scale(0.3);    
    display:none;
}

#xprocessing::after {
    position: absolute;
    width:500px;
    left: 50%;
    margin-left:-90px;
    top: 50%;
    margin-top:190px;
    font-size: 36px;
    content: "Please Wait";
}

#xxprocessing {
    border: 20px solid #ddd;
    border-radius: 50%;
    border-top: 20px solid #C9270B;
    border-right: 20px solid #ddd;
    border-bottom: 20px solid #ddd;
    border-left: 20px solid #ddd;
    width: 100px;
    height: 100px;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
    display:none;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top:-50px;
    margin-left:-50px;
    z-index: 10000;
    box-shadow:  0 0 15px 0 rgba(0, 0, 0, .5), 0 0 15px 0 rgba(0, 0, 0, 0.5) inset;
}

#processing {
    display:none;
    border: 4px solid #ddd;
    background: transparent;
    border-radius: 50%;
    border-top: 4px solid crimson;
    border-right: 4px solid crimson;
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 2.5s linear infinite;
    animation: spin 2.5s linear infinite;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top:-20px;
    margin-left:-20px;
    z-index: 10000;
}

#processing:after {
    content : "";
    border: 4px solid #ddd;
    background: transparent;
    border-radius: 50%;
    border-top: 4px solid transparent;
    border-right: 4px solid orangered;
    border-bottom: 4px solid orangered;
    border-left: 4px solid transparent;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;

    position: absolute;
    left: 50%;
    top: 50%;
    margin-top:-34px;
    margin-left:-34px;
    z-index: 10000;
}

#processing:before {
    content : "";
    border: 4px solid #ddd;
    background: transparent;
    border-radius: 50%;
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid red;
    border-left: 4px solid red;
    width: 80px;
    height: 80px;
    -webkit-animation: spin 3.0s linear infinite;
    animation: spin 3.0s linear infinite;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top:-44px;
    margin-left:-44px;
    z-index: 10000;
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#processreport {
    position: absolute;
    left: 370px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 60px;
    right:150px;
    bottom: 0px;
    z-index: 1000;
    background-color: #fff;
}

#divsearch {
    overflow-y:hidden;
    overflow-x:hidden;
    position:absolute;
    top:85px;
    height:85px;
    left:0px;
    right:0px;
    padding: 10px 10px 30px 20px;
    font-size:12px;
    color:#eee;
    background: #6d7b82;
    border-bottom:1px solid #777;
    z-index: 3;
    background-color: #2d2f32; background-image: -webkit-gradient(linear, left top, left bottom, from(#2d2f32), to(#1a1a1a));
    background-image: -webkit-linear-gradient(top, #2d2f32, #1a1a1a);
    background-image: -moz-linear-gradient(top, #2d2f32, #1a1a1a);
    background-image: -ms-linear-gradient(top, #2d2f32, #1a1a1a);
    background-image: -o-linear-gradient(top, #2d2f32, #1a1a1a);
    background-image: linear-gradient(to bottom, #2d2f32, #1a1a1a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#2d2f32, endColorstr=#1a1a1a);    
}
#divsearch input[type=button].searchitem {
    min-width: 0px;
    height:25px;
    width:25px;
    margin-left:2px;
    background-repeat:no-repeat;
    background-position:center;
    background-image: url(images/iconsearchwhite20px.png);
    background-color: #555;
    border:0px;
    border-radius: 3px;
}
#divsearch input[type=button].searchitem:hover {
    background-repeat:no-repeat;
    background-position:center;
    background-image: url(images/iconsearchwhite20px.png);
    background-color: #C9270B;
}
#divsearch input[type=button] {
    height:30px;
    width:auto;
    min-width:120px;
    color: #fff;
    background: #444D54;
    border:0px;
    border-radius: 0px;
    font-size:12px;
    margin-bottom: 5px;
    text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:normal; color: #FFFFFF;    
    background-image: -webkit-linear-gradient(top, #878d94, #575b5e);
    background-image: -moz-linear-gradient(top, #878d94, #575b5e);
    background-image: -ms-linear-gradient(top, #878d94, #575b5e);
    background-image: -o-linear-gradient(top, #878d94, #575b5e);
    background-image: linear-gradient(to bottom, #878d94, #575b5e);
    border:1px solid #000;
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;    
    text-transform: uppercase;
}
#divsearch input[type=button]:hover{
    cursor:pointer;
    background-color: #3093c7; background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85));
    background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
    background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
    background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
    background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
    background-image: linear-gradient(to bottom, #3093c7, #1c5a85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);
    border-top: 1px solid #95DFF5;
    border-left: 1px solid #95DFF5;    
}

#divsearch table td {
    vertical-align: top;
    line-height: 20px;
    height: 25px;
}

div.forminfoline {
    color: #bbb;
    font-size: 16px;
    padding: 10px 10px 10px 10px;
}
div.forminfoline input[type=text] {
    color: #fff;
    font-size: 16px;
    height: 16px;
    border: 0px;
    background: transparent;
}

div.form_main_left {
    overflow:auto;
    position:absolute;
    top:40px;
    left:0px;
    bottom: 0px;
    background-color: transparent;
    padding: 10px 0 0 0;
    border-right:1px solid #bbb;
    font-size:12px;
    color:#ddd;
    height:100%;
    width:420px;
    z-index:10;
}
div.form_main_left31 {
    overflow:auto;
    position:absolute;
    top:40px;
    left:0px;
    background-color: transparent;
    padding: 10px 0 0 0;
    border-right:1px solid #bbb;
    font-size:12px;
    color:#555;
    height:100%;
    width:400px;
    z-index:2;
}
div.form_main_left32 {
    overflow:auto;
    position:absolute;
    top:40px;
    left:400px;
    background-color: transparent;
    padding: 10px 0 0 0;
    border-right:1px solid #bbb;
    font-size:12px;
    color:#555;
    height:100%;
    width:400px;
    z-index:4;
}

input.searchsalesman {
    border:0px;
    border-bottom: 2px solid #C9270B;
    background-color: transparent;
}
input.searchsalesman::placeholder {
    color: #777;
}
input.searchsalesman:focus {
    border:0px;
    border-bottom: 2px solid #C9270B;
    background-color: #fff;
}

#tab-salesman {
    background-color: #222;
    border-right:1px solid #555;
    -webkit-box-shadow: 5px 0px 7px -3px rgb(110, 120, 122);    
    -moz-box-shadow: 5px 0px 7px -3px rgb(110, 120, 122);    
    box-shadow: 5px 0px 7px -3px rgb(110, 120, 122);    
}

div.salesmanicon {
    position:relative;
    width :120px;
    height:100px;
    padding-top:5px;
    padding-bottom:10px;
    background: #777;
    background: transparent;
    text-align: center;
    font-size:10px;
    color:#fff;
    cursor: pointer;
    margin-top:0px;
    border-bottom: 1px solid #555;
}

div.salesmanicon:hover {
    background-color: #444;
}

div.salesmanicon img {
    border-radius: 10px;
}

div.salesmaniconcurrent {
    position:relative;
    width :120px;
    height:100px;
    background: #C9270B;
    padding-top:5px;
    padding-bottom:10px;
    text-align: center;
    font-size:10px;
    color:#fff;
    cursor: pointer;
    margin-top:5px;
}
div.salesmaniconcurrent img {
    border-radius: 5px;
}


span.salesmaniconnotification {
    position:absolute;
    top:20px;
    left:10px;
    color:#000;
    background-color:yellow;
    border:1px solid #333;
    height:24px;
    width:30px;
    border-radius:15px;
    text-align:center;
    font-size:12px;padding-top:6px;
    box-shadow:0px 0px 3px #555;
}

div.form_main_left33 {
    overflow:auto;
    position:absolute;
    top:40px;
    left:800px;
    background-color: transparent;
    padding: 10px 0 0 0;
    border-right:1px solid #bbb;
    font-size:12px;
    color:#555;
    height:100%;
    width:480px;
    z-index:6;
}
div.form_main_left41 {
    overflow:auto;
    position:absolute;
    top:40px;
    left:0px;
    background-color: transparent;
    padding: 10px 0px 0 0;
    border-right:1px solid #bbb;
    font-size:12px;
    color:#555;
    height:100%;
    width:350px;
    z-index:2;
}
div.form_main_left42 {
    overflow:auto;
    position:absolute;
    top:40px;
    left:350px;
    background-color: transparent;
    padding: 10px 0 0 0;
    border-right:1px solid #bbb;
    font-size:12px;
    color:#555;
    height:100%;
    width:250px;
    z-index:4;
}
div.form_main_left43 {
    overflow:auto;
    position:absolute;
    top:40px;
    left:600px;
    background-color: transparent;
    padding: 10px 0 0 0;
    border-right:1px solid #bbb;
    font-size:12px;
    color:#555;
    height:100%;
    width:250px;
    z-index:6;
}
div.form_main_left44 {
    overflow:auto;
    overflow-x: auto;
    position:absolute;
    top:40px;
    left:850px;
    background-color: transparent;
    padding: 10px 0 0 0;
    border-right:1px solid #bbb;
    font-size:12px;
    color:#555;
    height:100%;
    width:420px;
    z-index:7;
}

div.form_main_right {
    overflow:auto;
    position:absolute;
    top:40px;
    right:0px;
    bottom:0px;
    padding: 0px 0px 0px 0px;
    font-size:12px;
    color:#444;
    background: transparent;
    background: #888888;
    z-index:1000;
    border-left:1px solid #555;
    box-shadow: 
        -10px 0px 10px 1px rgba(0, 0, 0, 0.6) 
}
div.form_main_right_title {
    position:relative;
    top:10px;
    left:20px;
    height:40px;
    line-height: 40px;
    padding: 0px 0px 0px 20px;
    font-size:24px;
    margin-bottom: 10px;
    z-index:1200;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */	
    box-shadow: 
        0px 0px 5px 1px rgba(0, 0, 0, 0.6), 
        0 0 200px 1px rgba(255, 255, 255, 0.5);	
    z-index:300;
    color: rgb(50, 50, 50);
    text-shadow: rgb(224, 224, 224) 1px 1px 0px;
    text-transform:uppercase;    
}
div.form_main_right_action {
    position:absolute;
    top:10px;
    right:0px;
    width:auto;
    height:40px;
    line-height: 40px;
    padding: 0px 0px 0px 20px;
    color:#fff;
    background: transparent;
    margin-bottom: 10px;
    z-index:1210;

}

div.formmaintitle {
    font-size: 72px;
    color: #C9270B;
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    font-family: "LeagueGothicRegular";
}

span.formmainsubtitle {
    font-size: 72px;
    color: #888;
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    font-family: "LeagueGothicRegular";
    margin-bottom: -20px;
}

div.redblocklabel {
    width:250px;
    height:28px;
    line-height: 28px;
    color:#fff;
    font-size:14px;
    background-color: #C9270B;
    float:left;
    padding-left: 5px;
    vertical-align: middle;
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}

div.labelpanel {
    position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
    background:#444;
    background: #444d54;
    background: #222;
    width:200px;
    z-index:20;
    border:0px solid red;
    border-bottom-right-radius: 20px;
}

div.fieldcontainer {
    position:relative;
    top:0px;
    left:20px;
    padding-top:20px;
    z-index:420;
    border:0px solid red;
}
.fieldlabel {
    color:#ccc;
    border-bottom:1px solid #888888;
    width:190px;
    min-width:190px;
    font-size:12px;
    height:16px;
}

.viewlist {
    color:#fff;
    border-bottom:1px solid #888;
    font-size:12px;    
    padding-left:5px;
    height:16px;
}

.viewlistheader {
    color:#fff;
    background:#fff;
    font-size:12px;    
    padding-left:5px;
}

.filterinfo {
    position: relative;
    font-size: 14px;
    margin-left:15px;
    padding-top:5px;
    padding-left:5px;
    width: auto;
    margin-right:15px;
    border-bottom:1px solid #777;
    background-color: #222;
}

div.filterinfo input[type=button] {
    height:22px;
    width:auto;
    min-width:10px;
    padding: 0 2px 0 2px;
    color: #ccc;
    background: transparent;
    border:0px;
    border-bottom:3px solid transparent;
    border-radius:0;
    font-size:14px;
    font-family: Muli,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}
div.filterinfo input[type=button]:enabled:hover {
    color: #fff;
    background: transparent;
    border:0;
    border-bottom:3px solid #C9270B;
}
div.filterinfo input[type=button]:disabled {
    color: #aaa;
    background: transparent;
    border:0;
}

span.kblink {
    float:right;
    background:yellow;
    color:#000;
    width: 60px;
    text-align: center;
}

div.form_main_right input[type=text],
div.form_main_right input[type=password],
div.form_main_right_black input[type=text],
div.form_main_right textarea,
div.form_main_right_black textarea
{
    height: 20px;
    background-color: #fff;
    border: 1px solid #fff;
    padding: 0 5px 0 5px;
    color: #000;
    font-size:11px;
    border-radius: 0px;
    font-family: Muli, Tahoma, Verdana, Segoe, sans-serif;
}

div.form_main_right textarea,
div.form_main_right_black textarea
{
    height: auto;
}

div.form_main_right select,
div.form_main_right_black select
{
    height: 22px;
    background-color: #fff;
    border: 1px solid #fff;
    padding: 0 5px 0 5px;
    color: #000;
    font-size:12px;
    border-radius: 0px;
}

div.form_main_right input[type=text]:disabled,
div.form_main_right input[type=text]:-moz-read-only,
div.form_main_right input[type=password]:disabled,
div.form_main_right_black input[type=text]:disabled,
div.form_main_right_black input[type=text]:-moz-read-only,
div.form_main_right textarea:disabled,
div.form_main_right textarea:-moz-read-only,
div.form_main_right_black textarea:disabled,
div.form_main_right_black textarea:-moz-read-only
{
    background: #ddd;
    border: 1px solid #ddd;
    padding: 0 5px  0 5px;
    color: #000;
    font-size:12px;
    border-radius: 0px;
}

div.form_main_right select:disabled, 
div.form_main_right_black select:disabled 
{
    background: #ddd;
    border: 1px solid #ddd;
    padding: 0 5px  0 5px;
    color: #000;
    font-size:12px;
    border-radius: 0px;
}

div.form_main_right input[type=text]:focus,
div.form_main_right_black input[type=text]:focus 
{
    border: 1px solid yellow;
    background-color: yellow;
    color: #000;
    font-weight: bold;
}

div.form_main_right select:focus,
div.form_main_right_black select:focus 
{
    height: 22px;
    background-color: #fff;
    border: 1px solid #C9270B;
    padding: 0 5px 0 5px;
    color: #333;
    font-size:12px;
    border-radius: 0px;
    border: 1px solid yellow;
    background-color: yellow;
    color: #000;
}

div.form_main_right_black {
    overflow:hidden;
    position:absolute;
    top:45px;
    right:0px;
    bottom:0px;
    padding: 0px 20px 0px 0px;
    font-size:12px;
    color:#eee;
    background-repeat: no-repeat;
    background: #1c1e20;
    background: -moz-radial-gradient(center, center cover, #555a5f 0%, #1c1e20 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #555a5f), color-stop(100%, #1c1e20));
    background: -webkit-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
    background: -o-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
    background: -ms-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
    background: radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
    background-color: #2b2b2b; 
    z-index:2000;
    border-left:2px solid #bbb;
}

span.textnote {
    color: #fff;
    font-size: 11px;
    padding-left: 10px;
    font-style: italic;
    display:none;
}

div.subform {

    position:absolute;
    top:40px;
    right:0px;
    bottom:0px;
    width:620px;
    border-left:2px solid #fff;
    z-index:3000;
    color:#111;
    font-size:12px;
    padding-left:50px;
    background-repeat:repeat;
    background-image: url("/nexdist/images/bedge_grunge.png");
    background-image: url("/nexdist/images/bg_gray.png");  
    box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, 0.6) ; 
}

div.subformtitle {
    position:relative;
    left:-50px;
    width:100%;
    height:50px;
    background: #333;
    color: #fff;
    z-index:3010;
    line-height:50px;
    font-size:24px;
    padding:0 0px 0 50px;
    margin-bottom:20px;
}   

div.subformtitle2 {
    position:relative;
    background: transparent;
    color: #555;
    z-index:3010;
    font-size:36px;
    padding:0 0px 0 0px;
}

div.subform input[type=button],
div.subform input[type=submit]
{
    height: 35px;
    text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;    
    background: #878d94;
    background-image: -webkit-linear-gradient(top, #878d94, #575b5e);
    background-image: -moz-linear-gradient(top, #878d94, #575b5e);
    background-image: -ms-linear-gradient(top, #878d94, #575b5e);
    background-image: -o-linear-gradient(top, #878d94, #575b5e);
    background-image: linear-gradient(to bottom, #878d94, #575b5e);
    border:1px solid #000;
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    text-transform: uppercase;
}
div.subform input[type=button]:disabled,
div.subform input[type=submit]:disabled
{
    height: 35px;
    text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;    
    background: #878d94;
    background-image: -webkit-linear-gradient(top, #878d94, #575b5e);
    background-image: -moz-linear-gradient(top, #878d94, #575b5e);
    background-image: -ms-linear-gradient(top, #878d94, #575b5e);
    background-image: -o-linear-gradient(top, #878d94, #575b5e);
    background-image: linear-gradient(to bottom, #878d94, #575b5e);
    border:1px solid #000;
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    text-transform: uppercase;
    color:#999;
}
div.subform input[type=button]:enabled:hover,
div.subform input[type=submit]:enabled:hover
{
    background: #3cb0fd;
    background: #65b1e0;
    background-color: #3093c7; background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85));
    background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
    background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
    background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
    background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
    background-image: linear-gradient(to bottom, #3093c7, #1c5a85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);
    border-top: 1px solid #95DFF5;
    border-left: 1px solid #95DFF5;
}
div.subform input[type=button]:enabled:focus{
}

#divoption {
    position:absolute;
    top:80px;
    right:0px;
    bottom:0px;
    width:300px;
    padding: 30px 0 20px 0;
    background: #fff;
    color: #333;
    z-index:290;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    font-family: Muli, Tahoma, Verdana, Segoe, sans-serif;
    box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, 0.6) ; 
}

#divoption2 {
    position:absolute;
    top:80px;
    right:0px;
    bottom:0px;
    width:500px;
    padding: 30px 0 20px 0;
    background: #fff;
    color: #333;
    z-index:290;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    font-family: Muli,Tahoma, Verdana, Segoe, sans-serif;
    box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, 0.6) ; 
}
.optionreport {
    position:relative;
    line-height: 40px;
    width:100%;
    padding-left:50px;
    border-bottom: 1px solid #ddd;
    background-repeat: no-repeat;
    background-image: url(images/iconprinter.png);
    background-position: 20px;
}
.optionreport:hover {
    cursor: pointer;
    background: #C9270B;
    color:#fff;
    background-repeat: no-repeat;
    background-image: url(images/iconprinter.png);
    background-position: 20px;    
}
.optionform {
    position:relative;
    line-height: 40px;
    width:100%;
    padding-left:50px;
    border-bottom: 1px solid #ddd;
    background-repeat: no-repeat;
    background-image: url(images/iconform.png);
    background-position: 20px;
}
.optionform:hover {
    cursor: pointer;
    background: #C9270B;
    color:#fff;
    background-repeat: no-repeat;
    background-image: url(images/iconform.png);
    background-position: 20px;    
}

.optionedit {
    position:relative;
    line-height: 40px;
    width:100%;
    padding-left:50px;
    border-bottom: 1px solid #ddd;
    background-repeat: no-repeat;
    background-image: url(images/iconedit.png);
    background-position: 20px;
    background-size: 24px;
}
.optionedit:hover {
    cursor: pointer;
    background: #C9270B;
    color:#fff;
    background-repeat: no-repeat;
    background-image: url(images/iconedit.png);
    background-position: 20px;    
    background-size: 24px;
}
.optionprocess {
    position:relative;
    line-height: 40px;
    width:100%;
    padding-left:50px;
    border-bottom: 1px solid #ddd;
    background-repeat: no-repeat;
    background-image: url(images/iconprocess.png);
    background-position: 20px;
    background-size: 24px;
}
.optionprocess:hover {
    cursor: pointer;
    background: #C9270B;
    color:#fff;
    background-repeat: no-repeat;
    background-image: url(images/iconprocess.png);
    background-position: 20px;    
    background-size: 24px;
}
.optioninfo {
    position:relative;
    line-height: 40px;
    width:100%;
    padding-left:50px;
    border-bottom: 1px solid #ddd;
    background-repeat: no-repeat;
    background-image: url(images/iconinfo.png);
    background-position: 20px;
    background-size: 24px;
}
.optioninfo:hover {
    cursor: pointer;
    background: #C9270B;
    color:#fff;
    background-repeat: no-repeat;
    background-image: url(images/iconinfo.png);
    background-position: 20px;    
    background-size: 24px;
}

.optionimport {
    position:relative;
    line-height: 40px;
    width:100%;
    padding-left:50px;
    border-bottom: 1px solid #ddd;
    background-repeat: no-repeat;
    background-image: url(images/iconimport.png);
    background-position: 20px;
    background-size: 24px;
}

.optionimport:hover {
    cursor: pointer;
    background: #C9270B;
    color:#fff;
    background-repeat: no-repeat;
    background-image: url(images/iconimport.png);
    background-position: 20px;    
    background-size: 24px;
}
.optionexport {
    position:relative;
    line-height: 40px;
    width:100%;
    padding-left:50px;
    border-bottom: 1px solid #ddd;
    background-repeat: no-repeat;
    background-image: url(images/iconexport.png);
    background-position: 20px;
    background-size: 24px;
}
.optionexport:hover {
    cursor: pointer;
    background: #C9270B;
    color:#fff;
    background-repeat: no-repeat;
    background-image: url(images/iconexport.png);
    background-position: 20px;    
    background-size: 24px;
}
.optionupdate {
    position:relative;
    line-height: 40px;
    width:100%;
    padding-left:50px;
    border-bottom: 1px solid #ddd;
    background-repeat: no-repeat;
    background-image: url(images/iconupdate.png);
    background-position: 20px;
    background-size: 24px;
}
.optionupdate:hover {
    cursor: pointer;
    background: #C9270B;
    color:#fff;
    background-repeat: no-repeat;
    background-image: url(images/iconupdate.png);
    background-position: 20px;    
    background-size: 24px;
}
.optionemail {
    position:relative;
    line-height: 40px;
    width:100%;
    padding-left:50px;
    border-bottom: 1px solid #ddd;
    background-repeat: no-repeat;
    background-image: url(images/iconmail.png);
    background-position: 20px;
    background-size: 24px;
}
.optionemail:hover {
    cursor: pointer;
    background: #C9270B;
    color:#fff;
    background-repeat: no-repeat;
    background-image: url(images/iconmail.png);
    background-position: 20px;    
    background-size: 24px;
}
.optioncheck {
    position:relative;
    line-height: 40px;
    width:100%;
    padding-left:50px;
    border-bottom: 1px solid #ddd;
    background-repeat: no-repeat;
    background-image: url(images/iconcheck.png);
    background-position: 20px;
    background-size: 24px;
}
.optioncheck:hover {
    cursor: pointer;
    background: #C9270B;
    color:#fff;
    background-repeat: no-repeat;
    background-image: url(images/iconcheck.png);
    background-position: 20px;    
    background-size: 24px;
}
.optionseparator {
    position:relative;
    height: 1px;
    width:100%;
    padding-left:50px;
    background: #999;
}

div.form_main_tab {
    overflow-y:auto;
    position:absolute;
    top:130px;
    left:0px;
    right:0px;
    bottom:0px;
    background-color: #ddd;
    padding: 15px 15px 0px 15px;
    font-size:12px;
    color:#555;
    height:100%;
    z-index:1;   
}

div.form_dashboard {
    overflow:auto;
    position:relative;
    top:85px;
    width:100%;
    background-color: #fff;
    padding: 15px 15px 0px 15px;
    font-size:12px;
    color:#555;
    height:100%;
    z-index:1;
}

div.form_main2 {
    overflow:auto;
    position:relative;
    left:0px;
    top:120px;
    background-color: #ddd;
    padding: 15px 15px 0px 15px;
    font-size:20px;
    color:#555;
    z-index:1;
}

div.quickmenu {
    position:absolute;
    top:40px;
    right:0px;
    bottom:0px;
    width:330px;
    z-index:10000;
    color:#111;
    font-size:12px;
    background: #eee;
    opacity: 0.9;
    overflow-y: scroll;
    border-left:1px solid #222;
}
div.quickmenuitem {
    height:35px;
    border-bottom: 1px solid #999;
    color: #fff;
    padding-left: 3px;
    padding-top: 0px;
}
div.quickmenuitem:hover {
    background: #bbb;
}
div.quickmenuitem a {
    height: 35px;
    line-height: 35px;
    display: block;
    color: #333;
    text-decoration: none;
    border-left:5px solid transparent;
    padding-left:10px;
}
div.quickmenuitem a:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    border-left:5px solid #C9270B;
}


div.reportcontainer {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: #fff;
    color: #ccc;
    font-size: 14px;
    z-index: 1000;
    background: #3A4B55;
}

div.reportdataselection {
    overflow: hidden;
    position: absolute;
    top: 10px;
    left: 20px;
    width: 300px;
    font-size: 11px;
    height: 100%;
    color: #ccc;
}
div.reportdataselectiontitle {
    font-size: 18px;
    color: #fff;
    background: #EF4123;
    padding: 5px 10px 5px 10px;
}
div.reportdataselectiontitleup {
    font-size: 18px;
    color: #fff;
    background: #EF4123;
    padding: 5px 10px 5px 10px;
    background-repeat: no-repeat;
    background-position: 95%;
    background-image: url(images/up_link.png);    
    border-bottom-right-radius: 15px;
    border-top:1px solid #444;
    border-left:1px solid #444;
    box-shadow: inset 0px 0px 5px rgba(0,0,0,0.9);  
}
div.reportdataselectiontitleup:hover,
div.reportdataselectiontitledown:hover
{
    cursor: pointer;
    box-shadow: inset 0px 0px 5px rgba(0,0,0,0.9);  
    border-top:1px solid #444;
    border-left:1px solid #444;
}
div.reportdataselectiontitledown {
    font-size: 18px;
    color: #fff;
    background: #EF4123;
    padding: 5px 10px 5px 10px;
    border-top:1px solid #3A4B55;
    border-left:1px solid #3A4B55;
    background-repeat: no-repeat;
    background-position: 95%;
    background-image: url(images/down_link.png);    
    border-bottom-right-radius: 15px;
}

div.reportdataselection input[type=text],
div.reportdataselection select,
div.reportcontainer select
{
    height: 22px;
    background-color: #fff;
    padding: 0px 5px 0 5px;
    color: #333;
    font-size:12px;
    border-radius: 0px;
    border: 1px solid #ccc;
    margin-top: 3px;
}
div.reportdataselection input[type=text]:disabled,
div.reportdataselection select:disabled
{
    background-color: #ddd;
    color: #888;
}

div.reportdataselection input[type=button] {
    height: 40px;
    text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:normal; color: #FFFFFF;    
    background: #878d94;
    background-image: -webkit-linear-gradient(top, #878d94, #575b5e);
    background-image: -moz-linear-gradient(top, #878d94, #575b5e);
    background-image: -ms-linear-gradient(top, #878d94, #575b5e);
    background-image: -o-linear-gradient(top, #878d94, #575b5e);
    background-image: linear-gradient(to bottom, #878d94, #575b5e);
    border:1px solid #000;
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    text-transform: uppercase;
}
div.reportdataselection input[type=button]:hover {
    background: #3cb0fd;
    background: #65b1e0;
    background-color: #3093c7; background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85));
    background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
    background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
    background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
    background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
    background-image: linear-gradient(to bottom, #3093c7, #1c5a85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);
    border:1px solid #000;
    border-top: 1px solid #95DFF5;
    border-left: 1px solid #95DFF5;
}
div.reportdataselection input[type=button].searchitem:hover {
    background-repeat:no-repeat;
    background-position: center;
    background-image: url(images/iconsearchwhite20px.png);
    background-color: #C9270B;
}
div.reportdataselection input[type=text]:focus,
div.reportdataselection select:focus
{
    height: 22px;
    background-color: #fff;
    border: 1px solid #C9270B;
    padding: 0 5px 0 5px;
    color: #333;
    font-size:12px;
    border-radius: 0px;
}

.tableselectioncriteria {
    width: 100%;
    border-collapse: collapse;
}
.tableselectioncriteria tr {
    font-size: 12px;
    color:#fff;
    line-height: 16px;
}
.tableselectioncriteria tr.checkbox td {
    height: 20px;
    border-bottom: 1px solid #666;
}
.tablereportcolumnselections {
    width: 100%;
    border-collapse: collapse;
}

.tablereportcolumnselections tr {
    height: 20px;
}
.tablereportcolumnselections td {
    border-bottom: 1px solid #666;
}

div.reportbody {
    overflow: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: #eee;
    margin-left: 350px;
    color: #000;
    font-size: 10px;    
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.6) ;  
    padding: 40px 40px 20px 20px;
    text-align: left;
}

.reportform {
    position: relative;
    background: #fff;
    padding: 10px 10px 10px 10px;
    border-radius: 10px;
    min-height: 90%;
    width: 100%;
    min-width :800px;
    height: 850px;
    min-width: 700px;
}

.reportform td {
    vertical-align: top;
}

div.reportmenu {
    position: fixed;
    top:5px;
    right: 20px;
}

div.reportmenu input[type=button].option {
    color: transparent;
    background: transparent;
    border:1px solid #ccc;
    border-radius:0px;
    width: 20px;
    min-width: 10px;
    background-repeat: no-repeat;
    background-image: url(images/iconmenu.png);
    background-position: center;
    vertical-align: middle;
}
div.reportmenu input[type=button].option:hover {
    background: #C9270B;
    border:1px solid #C9270B;
    min-width: 10px;
    width: 20px;
    background-repeat: no-repeat;
    background-image: url(images/iconmenu.png);
    background-position: center;
    vertical-align: middle;
}
div.reportmenu input[type=button].print {
    color: #fff;
    background: #aaa;
    border:1px solid #aaa;
    border-radius:0px;
    vertical-align: middle;
}
div.reportmenu input[type=button].print:hover {
    background: #C9270B;
    border:1px solid #C9270B;
    vertical-align: middle;
}

div.reportmenuoption {
    position:fixed;
    top:0px;
    right:0px;
    bottom:0px;
    width:150px;
    z-index:289;
    background: transparent;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.6) ;  
    text-align: center;
}
div.reportmenuoptionlayer1 {
    position:absolute;
    width: 100%;
    height: 100%;
    z-index:290;
    background: rgb(66,77,88); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(66,77,88,1) 0%, rgba(51,63,73,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(66,77,88,1)), color-stop(100%,rgba(51,63,73,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(66,77,88,1) 0%,rgba(51,63,73,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(66,77,88,1) 0%,rgba(51,63,73,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(66,77,88,1) 0%,rgba(51,63,73,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(66,77,88,1) 0%,rgba(51,63,73,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424d58', endColorstr='#333f49',GradientType=0 ); /* IE6-9 */    
    opacity: 0.9;
}
div.reportmenuoptionlayer2 {
    position:absolute;
    width: 100%;
    height: 100%;
    padding: 40px 0 20px 0;
    color: #eee;
    z-index:291;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    font-family: Muli,Tahoma, Verdana, Segoe, sans-serif;
    background: transparent;
}

div.reportmenuoption a {
    text-decoration: none;
    color: #eee;
}

.optiondefault {
    position:relative;
    height: 25px;
    padding-top: 75px;
    border-bottom: 1px solid #222;
}
.optionclose {
    position:relative;
    height: 25px;
    padding-top: 75px;
    border-top: 1px solid #222;
    border-bottom: 1px solid #222;
    background-repeat: no-repeat;
    background-image: url(images/iconcloselarge.png);
    background-size: 50px;
    background-position:  50px 15px;
}
.optionclose:hover {
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url(images/iconcloselarge.png);
    background-size: 60px;
    background-position:  45px 10px;
}
.optionexit {
    position:relative;
    height: 25px;
    padding-top: 75px;
    border-bottom: 1px solid #222;
    background-repeat: no-repeat;
    background-image: url(images/iconexitlarge.png);
    background-size: 50px;
    background-position:  50px 15px;
}
.optionexit:hover {
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url(images/iconexitlarge.png);
    background-size: 60px;
    background-position:  45px 10px;
}
.optionselect {
    position:relative;
    height: 25px;
    padding-top: 75px;
    border-bottom: 1px solid #222;
    background-repeat: no-repeat;
    background-image: url(images/iconselectlarge.png);
    background-size: 50px;
    background-position:  50px 15px;
}
.optionselect:hover {
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url(images/iconselectlarge.png);
    background-size: 60px;
    background-position:  45px 10px;
}
.optionpdf {
    position:relative;
    height: 25px;
    padding-top: 75px;
    border-bottom: 1px solid #222;
    background-repeat: no-repeat;
    background-image: url(images/iconpdflarge.png);
    background-size: 50px;
    background-position:  50px 15px;

}
.optionpdf:hover {
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url(images/iconpdflarge.png);
    background-size: 60px;
    background-position:  45px 10px;
}
.suboptionpdf {
    position:relative;
    height: 25px;
    padding-top: 5px;
    border-bottom: 1px solid #222;
    background-color: lightseagreen;
    color: #000;
}
.suboptionpdf:hover {
    cursor: pointer;
    background-color: red;
    color: #fff;
}

.optionpdfwatermark {
    position:relative;
    height: 25px;
    padding-top: 75px;
    border-bottom: 1px solid #222;
    background-repeat: no-repeat;
    background-image: url(images/iconpdfwmlarge.png);
    background-size: 50px;
    background-position:  50px 15px;

}
.optionpdfwatermark:hover {
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url(images/iconpdfwmlarge.png);
    background-size: 60px;
    background-position:  45px 10px;
}
.optionexcel {
    height: 25px;
    padding-top: 75px;
    background-repeat: no-repeat;
    background-image: url(images/iconexcellarge.png);
    background-size: 50px;
    background-position:  15px 15px;
}
.optionexcel:hover {
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url(images/iconexcellarge.png);
    background-size: 60px;
    background-position:  10px 10px;
}
.optioncsv {
    height: 25px;
    padding-top: 75px;
    background-repeat: no-repeat;
    background-image: url(images/iconcsvlarge.png);
    background-size: 50px;
    background-position:  15px 15px;
}
.optioncsv:hover {
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url(images/iconcsvlarge.png);
    background-size: 60px;
    background-position:  10px 10px;
}

.reporttableheading {
    border-collapse: collapse;
    background: #fff;
    font-family: Muli,Tahoma, Verdana, Segoe, sans-serif;
    table-layout:fixed;
}
.reporttableheading tr {
    height: 15px;
}

.reporttabledetail {
    border-collapse: collapse;
    background: transparent;
    white-space: nowrap;
}
.reporttabledetail tr {
    height: 22px;
}
.reporttabledetail td {
    vertical-align: text-top;
}
.reporttabledetail td.subtotals {
    border-top:1px solid #000;
    font-weight: bold;
}
.reporttabledetail td.totals {
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    font-weight: bold;
    background: #eeeeee;
}
.reporttabledetail td.bold {
    font-weight: bold;
}
.reporttabledetail td.bold12 {
    font-weight: bold;
    font-size:12px;
}
.reporttabledetail td.bold16 {
    font-weight: bold;
    font-size:16px;
}


fieldset.editor {
    border: 5px solid #117ba4;
    background:#ffffff;
}

legend.editor {
    font-weight:bold;
    text-transform:uppercase;
}

#headersection {
    position: relative;
    top:5px;
    left: 0px;
    width: 100%;
    height:35px;
    line-height:35px;
    background: #1c1e20;
    padding-left:20px;
    border-bottom: 0px solid #fff;
    color:#eee;
    font-size:18px;
    z-index:500;
    text-transform: uppercase;
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    background: #1c1e20;
    background: -moz-linear-gradient(top, #323e48 0%, #1c1e20 100%);     
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323e48), color-stop(100%,#1c1e20));   
    background: -webkit-linear-gradient(top, #323e48 0%,#1c1e20 100%);   
    background: -o-linear-gradient(top, #323e48 0%,#1c1e20 100%);  
    background: -ms-linear-gradient(top, #323e48 0%,#1c1e20 100%); 
    background: linear-gradient(to bottom, #323e48 0%,#1c1e20 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323e48', endColorstr='#1c1e20',GradientType=0 ); 
    background-repeat: no-repeat;
    background-position: left;
    background-image: url(images/headersection.png);

}
#headersection table {
    float:right;
    position:relative;
    top:3px;    
}
#headersection table tr {
    line-height:20px;
    text-transform:  capitalize;
    font-size:10px;
}
#headersection:hover {
    cursor:pointer;
}
.headersectionright {
    position: relative;
    float: right;
    padding-right: 30px;
}
#headersection input[type=text]:disabled {
    background: transparent; 
    color: #eee;
    min-width: 0px;
    border: 0px;
    font-size:12px;
    height:16px;
    padding-left: 0px;
    padding-top: 0px;
}

#totalsection {
    position: relative;
    top:10px;
    left: 0px;
    width: 100%;
    height:35px;
    line-height:35px;
    background: #1c1e20;
    padding-left:20px;
    border-top: 0px solid #fff;    
    border-bottom: 0px solid #fff;
    margin-bottom: 5px;
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    color:#eee;
    font-size:18px;
    z-index:500;
    text-transform: uppercase;
    background: #1c1e20;
    background: -moz-linear-gradient(top, #323e48 0%, #1c1e20 100%);     
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323e48), color-stop(100%,#1c1e20));   
    background: -webkit-linear-gradient(top, #323e48 0%,#1c1e20 100%);   
    background: -o-linear-gradient(top, #323e48 0%,#1c1e20 100%);  
    background: -ms-linear-gradient(top, #323e48 0%,#1c1e20 100%); 
    background: linear-gradient(to bottom, #323e48 0%,#1c1e20 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323e48', endColorstr='#1c1e20',GradientType=0 );   
    background-color: #dcdadb;
    background-repeat: no-repeat;
    background-position: left;
    background-image: url(images/headersection.png);    
}
#totalsection:hover {
    cursor:pointer;
}
#detailsection {
    position: relative;
    top:5px;
    left: 0px;
    width: 100%;
    height:35px;
    line-height:35px;
    background: #1c1e20;
    padding-left:20px;
    border-top: 0px solid #fff;
    border-bottom: 0px solid #fff;
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    color:#eee;
    font-size:18px;
    z-index:500;
    text-transform: uppercase;
    background: #1c1e20;
    background: -moz-linear-gradient(top, #323e48 0%, #1c1e20 100%);     
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323e48), color-stop(100%,#1c1e20));   
    background: -webkit-linear-gradient(top, #323e48 0%,#1c1e20 100%);   
    background: -o-linear-gradient(top, #323e48 0%,#1c1e20 100%);  
    background: -ms-linear-gradient(top, #323e48 0%,#1c1e20 100%); 
    background: linear-gradient(to bottom, #323e48 0%,#1c1e20 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323e48', endColorstr='#1c1e20',GradientType=0 );     
    background-repeat: no-repeat;
    background-position: left;
    background-image: url(images/headersection.png);  
}
#detailsection:hover {
    cursor:pointer;
}

#paymentsection {
    position: relative;
    top:10px;
    left: 0px;
    width: 100%;
    height:35px;
    line-height:35px;
    background: #1c1e20;
    padding-left:20px;
    border-top: 0px solid #fff;    
    border-bottom: 0px solid #fff;
    margin-bottom: 5px;
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    color:#eee;
    font-size:18px;
    z-index:500;
    text-transform: uppercase;
    background: #1c1e20;
    background: -moz-linear-gradient(top, #323e48 0%, #1c1e20 100%);     
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323e48), color-stop(100%,#1c1e20));   
    background: -webkit-linear-gradient(top, #323e48 0%,#1c1e20 100%);   
    background: -o-linear-gradient(top, #323e48 0%,#1c1e20 100%);  
    background: -ms-linear-gradient(top, #323e48 0%,#1c1e20 100%); 
    background: linear-gradient(to bottom, #323e48 0%,#1c1e20 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323e48', endColorstr='#1c1e20',GradientType=0 );   
    background-color: #dcdadb;
    background-repeat: no-repeat;
    background-position: left;
    background-image: url(images/headersection.png);    
}
#paymentsection:hover {
    cursor:pointer;
}

.subsection {
    position: relative;
    top:5px;
    left: 0px;
    width: 100%;
    height:30px;
    line-height:30px;
    background: #1c1e20;
    padding-left:20px;
    border-bottom: 1px solid #fff;
    color:#fff;
    font-size:16px;
    z-index:500;
    text-transform: uppercase;
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    background: #1c1e20;
    background: -moz-linear-gradient(top, #323e48 0%, #1c1e20 100%);     
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323e48), color-stop(100%,#1c1e20));   
    background: -webkit-linear-gradient(top, #323e48 0%,#1c1e20 100%);   
    background: -o-linear-gradient(top, #323e48 0%,#1c1e20 100%);  
    background: -ms-linear-gradient(top, #323e48 0%,#1c1e20 100%); 
    background: linear-gradient(to bottom, #323e48 0%,#1c1e20 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323e48', endColorstr='#1c1e20',GradientType=0 );    
}
.subsection:hover {
    background:#555;
    cursor:pointer;
}    

.fieldgroup {
    height:25px;
    line-height:25px;
    background:#C9270B;
    padding-left:10px;
    color:#fff;
    font-size:12px;
    width:180px;
    margin-top:10px;
    text-transform: uppercase;
}
.fieldgroup:hover {
    cursor:pointer;
}
.fieldgroupup {
    height:25px;
    line-height:25px;
    background:#C9270B;
    padding-left:30px;
    color:#fff;
    font-size:12px;
    width:160px;
    margin-top:10px;
    text-transform: uppercase;
    background-repeat: no-repeat;
    background-position: left;
    background-image: url(images/up_link.png);
}
.fieldgroupup:hover {
    cursor:pointer;
}
.fieldgroupdown {
    height:25px;
    line-height:25px;
    background:#C9270B;
    padding-left:30px;
    color:#fff;
    font-size:12px;
    width:160px;
    margin-top:10px;
    text-transform: uppercase;
    background-repeat: no-repeat;
    background-position: left;
    background-image: url(images/down_link.png);    
}
.fieldgroupdown:hover {
    cursor:pointer;
}


.fieldseparator {
    height:5px;
    background:#C9270B;
    border-bottom-right-radius:0px;
    width:190px;
    margin-top:20px;
}	

#occation {
    position:fixed;
    right:20px;
    bottom:20px;
    text-align:right;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
    font-size:16px;
    color: #555;
}

#table_scroll {
    overflow:auto;
    position:relative;
    top:0px;
    bottom:0px;
    padding: 0px;
    font-size:12px;
    border:0px;
}
.table_scroll {
    overflow:auto;
    position:relative;
    top:0px;
    bottom:0px;
    padding: 0px;
    font-size:12px;
    border:0px;
}

#tabnav {
    position:relative;
    height:40px;
    width: 100%;
    font-size:12px;
    font-weight:bold;
    background: transparent;
    background: #fff;
    padding-left:20px;
    z-index:1001;
    border-bottom:1px solid #777;
}
div.tabsheet {
    position:relative;
    height:auto;
    width: 100%;
    font-size:12px;
    background: rgb(220,218,219);
    padding-left:20px;
    color:#333;
    z-index:451;
}
div.tabsheet input[type=text]:disabled,
div.tabsheet input[type=text]:-moz-read-only
{
    height: 22px;
    background: transparent;
    border: 0px;
    font-size: 14px;
    text-align: right;
    border: 1px solid transparent;
    color: #333;
}


div.tabsheet2 {
    overflow-x: auto;
    position:relative;
    height:100%;
    width: 100%;
    font-size:12px;
    background: silver;
    background: #999999;
    background: #888;
    padding-left:20px;
    color:#333;
    z-index:451;
}
div.tabsheet2 input[type=text]:disabled, 
div.tabsheet2 input[type=text]:-moz-read-only
{
    height: 22px;
    background: transparent;
    border: 0px;
    font-size: 14px;
    text-align: right;
    border: 1px solid transparent;
    color: #333;
}


div.tabtotal {
    position:relative;
    top:5px;
    width: 100%;
    font-size:14px;
    background: #dcdadb;
    padding-left:20px;
    padding-top:5px;
    padding-bottom:5px;
    color:#333;
    z-index:451;
    border-collapse: collapse;
}

div.tabtotalitem {
    position:relative;
    background: #444D54;
    color: #fff;
    border:2px solid #dcdadb;
    text-transform: uppercase;
    text-align: center;
    line-height: 16px;
    vertical-align: middle;
    font-size:10px;
}

div.tabtotal input[type=text] {
    height: 20px;
    background: #fff;
    font-size: 14px;
    text-align: right;
    border: 1px solid transparent;
    color: #000;
}
div.tabtotal input[type=text]:focus {
    background: yellow;
    border: 0px;
    font-size: 14px;
    border: 1px solid transparent;
    color: #000;
}
div.tabtotal input[type=text]:disabled ,
div.tabtotal input[type=text]:-moz-read-only
{
    background: #777;
    border: 0px;
    font-size: 14px;
    border: 1px solid transparent;
    color: #fff;
}

div.tabtotal select:disabled {
    background: #777;
    border: 0px;
    border: 1px solid transparent;
    color: #fff;
}

/**************************************************/

div.tabdetail {
    position:relative;
    top:5px;
    width: 100%;
    font-size:14px;
    background: #dcdadb;
    padding-left:20px;
    padding-top:5px;
    padding-bottom:10px;
    color:#000;
    z-index:451;
    border-collapse: collapse;
}

div.tabdetail input[type=text] {
    height: 22px;
    background: #fff;
    border: 0px;
    font-size: 11px;
    text-align: right;
    border: 1px solid transparent;
    color: #000;
}
div.tabdetail input[type=text]:focus {
    background: yellow;
    border: 0px;
    font-size: 11px;
    border: 1px solid transparent;
    color: #000;
}
div.tabdetail input[type=text]:disabled,
div.tabdetail input[type=text]:-moz-read-only {    
    background: #888;
    background:transparent;
    border: 0px;
    padding: 0px;
    font-size: 12px;
    border: 1px solid transparent;
    color: #fff;
    color: #000;
}

div.tabdetail select:disabled {
    background: #888;
    border: 0px;
    border: 1px solid transparent;
    color: #fff;
}

/**************************************************/

#tabnav ul {
    margin:0;
    padding:0;
    list-style-type:none;
    width:auto;
    float:left;
}

#tabnav ul li {
    display:block;
    float:left;
    margin:10px 3px;

}

#tabnav ul li a {
    display:block;
    float:left;
    color: #fff;
    text-decoration:none;
    padding:0 10px 0 10px;
    line-height:30px;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    background: #777;
    border:1px solid transparent;
    border-bottom:1px solid transparent;
    min-width:80px;
    text-align:center;
    margin-top: -1px;
    -webkit-box-shadow: inset 0px -113px 23px -107px rgba(51,51,51,1);
    -moz-box-shadow: inset 0px -113px 23px -107px rgba(51,51,51,1);
    box-shadow: inset 0px -113px 23px -107px rgba(51,51,51,1);  
}

#tabnav ul li a:hover {
    color:#fff;
    background: #555;
    border-bottom:1px solid #555;
}

#tabnav ul li a:focus {
    color:#000;
    background:rgb(220,218,219);
    text-decoration:none;
    border:1px solid #777;
    border-bottom:1px solid #ddd;
}

#tabnav ul li a.current {
    color:#000;
    background:rgb(220,218,219);
    text-decoration:none;
    border:1px solid #777;
    border-bottom:1px solid #ddd;
    box-shadow: none;     

}

#tabnav.versi2 ul li a.focus {
    color:#000;
    background: #888;
    text-decoration:none;
    border:1px solid #777;
    border-bottom:1px solid transparent;
}
#tabnav.versi2 ul li a.current {
    color:#000;
    background: #ABB5BE;
    background: #888;
    text-decoration:none;
    border:1px solid #777;
    border-bottom:1px solid transparent;
    box-shadow: none;     
}

table.fieldset {
    position:relative;
    top:3px;
    font: 12px Arial, Helvetica, sans-serif;
    font-family: Muli,Tahoma, Verdana, Segoe, sans-serif;
    color: #444;
    border-color:#117ba4;
}

span.boldtext {
    color: #117ba4;
    font: 16px Arial, Helvetica, sans-serif;
    font-family: Muli,Tahoma, Verdana, Segoe, sans-serif;
    font-weight:bold;
}


/**********************************************/
/*  table 
/**************************************************/

.table2{
    position:relative;
    top:0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 10px 0 10px;
    min-width: 230px;
    color: #aaa; 
    font-family: Muli,Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    background-color:transparent;
    border-collapse: separate;
    border-spacing: 0px 3px;    
}
.table2 input[type=radio] {
    height:12px;
}

.table2 th {
    background:#777;
    background:#657787;
    text-align: left;
    color:#fff;
    font-size: 11px;
    font-weight: normal;
    height:40px;
    padding:0px 10px 0 10px;
    border-bottom: 3px solid #C9270B;
    text-transform: uppercase;
}

.table2 tr {
    background: #222;
}
.table2 tr:hover,tr.selected:hover {
    background: #333;
    background-image: -webkit-linear-gradient(top, #878d94, #575b5e);
    background-image: -moz-linear-gradient(top, #878d94, #575b5e);
    background-image: -ms-linear-gradient(top, #878d94, #575b5e);
    background-image: -o-linear-gradient(top, #878d94, #575b5e);
    background-image: linear-gradient(to bottom, #878d94, #575b5e);
}
.table2 tr.selected {
    background: #555;
}

.table2 tr.select:hover td {
    cursor: pointer;
    background-image: -webkit-linear-gradient(top, #878d94, #575b5e);
    background-image: -moz-linear-gradient(top, #878d94, #575b5e);
    background-image: -ms-linear-gradient(top, #878d94, #575b5e);
    background-image: -o-linear-gradient(top, #878d94, #575b5e);
    background-image: linear-gradient(to bottom, #878d94, #575b5e);
}
.table2 tr.selected td {
    background: #555;
    color: #fff;
    border-top:1px solid #333;
}
.table2 tr.hidden {
    display: none;
    border-spacing: 0px 0px;    
}
.table2 tr.table2date {
    border-spacing: 0px 0px;    
}
.table2 tr.table2date td {
    height:20px;
    background: #222;
    border-bottom:0px solid #888;
    color: #fff;
    font-weight: bold;
    line-height: 20px;
}

.table2 td {
    color: #ddd;
    height:60px;
    border-top:1px solid #333;
    padding:0px 10px 0 10px;
}

#table2 tr:nth-child(even).checkedrow {
    background-color: lightyellow;
    color:#000;
}
#table2 tr:nth-child(odd).checkedrow {
    background-color: lightyellow;
    color:#000;
    opacity: 0.8;
}

table tr td.check { 
    background-repeat: no-repeat;
    background-image: url(images/checked.png);
    background-position: right;
}

.table2 td.tinggi40 {
    height:40px;
}

.table2 td.select:hover {
    background: #aaa;
    color: #111;
    cursor: pointer;
}

.table2icon {
    text-align: center;
    height:40px;
    width:40px;
    color: #fff;
    font-size:32px;
    background-color: #888;
    text-transform:uppercase;
    border-radius: 5px;
}

.table2iconborder{
    text-align: center;
    vertical-align: middle;
    height:40px;
    width:40px;
    padding: 0 0 0 0;
    color: #fff;
    font-size:32px;
    background-color: transparent;
    text-transform:uppercase;
    border:1px solid #bbb;
    border-radius:3px;
}

.alignRight { text-align: right; }
.alignCenter { text-align: center; }

#showproductname {
    font-size:16px;
    color:#5b0825;
    text-transform: uppercase;
}
#showproductname2 {
    font-size:16px;
    color:#5b0825;
    text-transform: uppercase;
}
.table3{
    position:relative;
    top:0px;
    padding: 0px 0 0px 0px;
    margin: 0px 0 0 0;
    color: #000; 
    font-size:12px;
    border-collapse: collapse;
    border-spacing: 0;
    border:0px solid #fff;
    max-width: 97%;
    min-width: 1000px;
    table-layout: fixed;
}

.table3 th {
    background:#5a6269;
    text-align: center;
    color:#fff;
    height:25px;
    font-weight: normal;
    font-size:12px;
    padding:0px 5px 0 5px;
    border: 1px solid #ddd;
    font-family:Arial, Helvetica, sans-serif;
    font-family: Muli,Tahoma, Verdana, Segoe, sans-serif;
}

#table3 tr:nth-child(even).checkedrow {
    background-color: lightyellow;
    color:#000;
}
#table3 tr:nth-child(odd).checkedrow {
    background-color: lightyellow;
    color:#000;
    opacity: 0.8;
}

#entridetail, #entridetail2, #entridetail3, #entridetailpromption, #entridetailcharge {
    background:#ccc;
    text-align: left;
    color:#fff;
    font-weight:700;
    height:25px;
    padding:0px 0px 0 0px;
    border: 1px solid #ddd;
    border-bottom: 4px solid #C9270B;
}

#entridetail.ondrop {
    height:60px;
}
#entriproduct.ondrop {
    height:60px;
}

.table3 tr:nth-child(even) {
    background: #fff;
}
.table3 tr:nth-child(odd) {
    background: #eee;
}
.table3 tr.red {
    color : red;
}
.table3 tr:hover td {
    background: #ccc;
}

.table3 td {
    border:1px solid #ddd;
    height: 20px;
    padding-left:2px;
    padding-right:2px;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.table3 tr td.expand {
    background-repeat: no-repeat;
    background-position: 97%;
    background-image: url(images/up_link_gray.png);
}    
.table3 tr td.collapse {
    background-repeat: no-repeat;
    background-position: 97%;
    background-image: url(images/down_link_gray.png);
}
.table3 tr.hidden td {
    display: none;
}
.table3 td.kanan {
    border:1px solid #ddd;
    padding-right:2px;
    text-align: right;
    min-width: 60px;
    white-space: nowrap;
}
.table3 td.kanan2 {
    border:1px solid #ddd;
    padding-right:2px;
    text-align: right;
    background: #eee;
    min-width: 80px;
    white-space: nowrap;
}
.table3 td.kiri2 {
    background: #eee;
}
.table3 td.tengah {
    border:1px solid #ddd;
    text-align: center;
}
.table3 input[type=radio] {
    height:22px;
}
.table3 input[type=checkbox] {
    height:15px;
}
.table3 input[type=button] {
    height:30px;
    width:auto;
    color: #fff;
    border-radius:0;
    font-size:12px;
}
.table3 input[type=button]:hover{
    cursor:pointer;
}

.table4{
    overflow: auto;
    position:relative;
    top:0px;
    width: 100%;
    color: #333; 
    font-size:12px;
    border-collapse: collapse;
    border-spacing: 0;
    background-color:transparent;
    word-wrap:break-word;
}
.table4 td {
    background: #333;
    color: #fff;
    padding: 10px 5px 10px 15px;
    border-bottom:1px solid #777;
    text-transform: uppercase;
}
.table4 tr:hover td {
    background: #C9270B;
    color: #fff;
    cursor: pointer;
}

.table4 tr.hidden td {
    display: none;
}

.table4 tr.selected td {
    background-color: #C9270B;
    background-repeat: no-repeat;
    background-image: url(images/checked.png);
    background-position: right;
}
.table4 tr.selected:hover td {
    background: #C9270B;
    background-repeat: no-repeat;
    background-image: url(images/checked.png);
    background-position: right;
}

.table4drag{
    width: 400px;
    font-size:12px;
    background: transparent;
    z-index:10000;
}

.table5{
    position:relative;
    top:0px;
    width: 225px;
    color: #666; 
    font-size:18px;
    border-collapse: collapse;
    border-spacing: 0;
    border:0px solid #fff;
    table-layout: fixed;
}

.table5 tr.value {
    background: transparent;
    border-bottom: 0px solid #555;
    height: 30px;
    color:#C9270B;
    font-size:22px;
    text-align: right;
    margin-right: 20px;
}
.table5 tr.labelright td{
    background: transparent;
    text-align: right;
    border-bottom: 1px solid #555;
    border-left:5px solid transparent;
}
.table5 tr.labelleft td{
    background: transparent;
    text-align: left;
    border-bottom: 1px solid #555;
    border-left:5px solid transparent;
}
.table5 td {
    padding-left:5px;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    border-left:5px solid transparent;
}


.table6{
    position:relative;
    top:0px;
    padding: 0px 0 0px 0px;
    margin: 0px 0 0 0;
    width: 100%;
    color: #666; 
    font-size:14px;
    border-collapse: collapse;
    border-spacing: 0;
    border:0px solid #fff;
    table-layout: fixed;
}

.table6 th {
    background:#5a6269;;
    text-align: left;
    color:#fff;
    font-weight:700;
    height:30px;
    padding:0px 10px 0 10px;
    border: 1px solid #ddd;
}

.table6 td {
    height: 30px;
    border-bottom: 1px solid #555;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.table6 td:nth-child(3) {
    padding-right:5px;
    text-align: right;
}


.table7{
    position:relative;
    top:0px;
    padding: 0px 0 0px 0px;
    margin: 0px 0 0 0;
    color: #222; 
    font-size:12px;
    border-collapse: collapse;
    border-spacing: 0;
    border:0px solid #fff;
}

.table7 th {
    background:#5a6269;;
    text-align: left;
    color:#fff;
    font-weight:700;
    height:30px;
    padding:0px 10px 0 10px;
    border: 1px solid #ddd;
}

.table7 tr:nth-child(even) {
    background: #fff;
}
.table7 tr:nth-child(odd) {
    background: #fff;
}
.table7 tr:hover td {
    background: #ccc;
}
.table7 tr.hidden td {
    display: none;
}
.table7 td {
    border:1px solid #ddd;
    height: 25px;
    padding-left:5px;
    padding-right:5px;
}
.table7 td.kanan {
    text-align: right;
    width:100px;
}
.table7 td.kanan2 {
    text-align: right;
    background: #eee;
    width:100px;
    color: #000;
    font-weight: bold;
}
.table7 td.kiri2 {
    background: #eee;
    color: #000;
    font-weight: bold;
}
.table7 td.tengah {
    border:1px solid #ddd;
    text-align: center;
}
.table7 input[type=radio] {
    height:22px;
}
.table7 input[type=checkbox] {
    height:15px;
}
.table7 input[type=button] {
    height:30px;
    width:auto;
    color: #fff;
    background: #777;
    border:0px;
    border-radius:0;
    font-size:14px;
}
.table7 input[type=button]:hover{
    background: #C9270B;
    cursor:pointer;
    border:0px;
}

.tablerowjudul2 {
    background-color:#0b516c;
    line-height:25px;
    border-right:1px solid #fff;	
}

.tablerowjudulinside2 {
    background-color:#004050;
    background-color:#0b516c;
    color: #fff; 
    text-align: center; 
    font-weight:700;
    border:0px;
    padding: 0 5px 0 5px;
}

.tablerowgenap2{
    color: #222;
    line-height:27px;
    padding: 0px 5px 0px 5px;
    background:rgb(230,230,230);
    border-bottom:1px solid #fff;
}

.tablerowganjil2{
    color: #222;
    line-height:27px;
    padding: 0px 5px 0px 5px;
    background:rgb(255,255,255);	
    border-bottom:1px solid rgb(230,230,230);
}

.table3 tr.select:hover td {
    background: orangered;
    color: #fff;
    cursor: pointer;
}

.tablenav {
    background-color:#004050;
    background-color:#0b516c;	
    padding: 2px 10px 2px 10px;
    width:100%;
    color: #FFFFFF; 
    font-size:12px;
    border-bottom:1px solid #fff;
    border-right:1px solid #fff;
}

.tablemonthselect td {
    border:1px solid #ddd;
    border-right: 0px;
    text-align: center;
    width:40px;
    font-size:16px;
    cursor:pointer;
    background: transparent;
}
.tablemonthselect td:last-child {
    border-right: 1px solid #ddd;
}

.tablemonthselect td.selected {
    background: #C9270B;
}


a.buttonprev{
    line-height: 20px;
    min-width:100px;
    padding:3px 15px 3px 15px;
    cursor:pointer;
    border-top:1px solid #777;
    border-left:1px solid #777;
    border-right:1px solid #555;
    border-bottom:1px solid #555;
    color: #000;
    background-color: #F7F5F6; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F5F6), to(#DDDDDD));
    background-image: -webkit-linear-gradient(top, #F7F5F6, #DDDDDD);
    background-image: -moz-linear-gradient(top, #F7F5F6, #DDDDDD);
    background-image: -ms-linear-gradient(top, #F7F5F6, #DDDDDD);
    background-image: -o-linear-gradient(top, #F7F5F6, #DDDDDD);
    background-image: linear-gradient(to bottom, #F7F5F6, #DDDDDD);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F7F5F6, endColorstr=#DDDDDD);
    text-decoration:none;
}

a.buttonprev:hover,a.buttonnext:hover {
    color: rgb(255,255,255);
    background: orangered; 
}

a.buttonnext{
    line-height: 20px;
    min-width:100px;
    padding:3px 15px 3px 15px;
    cursor:pointer;
    border-top:1px solid #777;
    border-left:1px solid #777;
    border-right:1px solid #555;
    border-bottom:1px solid #555;
    color: #000;
    background-color: #F7F5F6; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F5F6), to(#DDDDDD));
    background-image: -webkit-linear-gradient(top, #F7F5F6, #DDDDDD);
    background-image: -moz-linear-gradient(top, #F7F5F6, #DDDDDD);
    background-image: -ms-linear-gradient(top, #F7F5F6, #DDDDDD);
    background-image: -o-linear-gradient(top, #F7F5F6, #DDDDDD);
    background-image: linear-gradient(to bottom, #F7F5F6, #DDDDDD);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F7F5F6, endColorstr=#DDDDDD);
    text-decoration:none;
}

.table8{
    overflow: auto;
    position:relative;
    top:0px;
    width: 100%;
    font-size:12px;
}
.table8 td {
    background: #878d94;
    color: #eee;
    border:1px solid #fff;
}
.table8 tr:hover td {
    background: #878d94;
    color: #fff;
    cursor: pointer;
}
/**************************************************/

#notificationpanel {
    position:absolute;
    top:0px;
    right:0px;
    left:0px;
    background-color:#000;
    font-size:11px;
    padding: 20px 50px 20px 20px;
}
.notification {
    display:inline-flex;
    padding:5px;
    padding-left:50px;
    min-width: 130px;
    height:32px;
    background-repeat: no-repeat;
    background-position:6px 6px;
    background-image: url("/nexdist/images/notification.png");
    background-size: 32px 32px;
    border-radius: 0px;
    color:#fff;
    border:2px solid #C9270B;
    background-color: #222;
    box-shadow: inset 0px 0px 4px rgba(0,0,0,0.9);  
    float:right;
    margin-left:3px;
    margin-bottom:3px;
}
.notification:hover {
    color:#fff;
    background-color: #A31800;
    border:2px solid #ccc;
    box-shadow: inset 0px 0px 12px rgba(0,0,0,0.9);    
    opacity: 1.0;
}

.notification_blue {
    display:inline-flex;
    padding:5px;
    padding-left:50px;
    min-width: 130px;
    height:32px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 6px 6px;
    background-image: url("/nexdist/images/iconnotification.png");
    background-size: 32px 32px;
    border-radius: 0px;
    background-color: #0099FF;
    color:#fff;
    border:2px solid #0099FF;
    background-color: #222;
    box-shadow: inset 0px 0px 4px rgba(0,0,0,0.9);  
    float:right;
    margin-left:3px;
    margin-bottom:3px;
}
.notification_blue:hover {
    color:#fff;
    background-color: #0082D8;
    border:2px solid #ccc;
    box-shadow: inset 0px 0px 12px rgba(0,0,0,0.9);   
    opacity: 1.0;
}

.notification_green {
    display:inline-flex;
    padding:5px;
    padding-left:50px;
    min-width: 130px;
    height:32px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 6px 6px;
    background-image: url("/nexdist/images/iconnotification.png");
    background-size: 32px 32px;
    border-radius: 0px;
    background-color: #669966;
    color:#fff;
    border:2px solid #669966;
    background-color: #222;
    box-shadow: inset 0px 0px 4px rgba(0,0,0,0.9);  
    float:right;
    margin-left:3px;
    margin-bottom:3px;
}
.notification_green:hover {
    color:#fff;
    background-color: #669966;
    border:2px solid #ccc;
    box-shadow: inset 0px 0px 12px rgba(0,0,0,0.9);   
    opacity: 1.0;
}


.notification_orange {
    display:inline-flex;
    padding:5px;
    padding-left:50px;
    min-width: 130px;
    height:32px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 6px 6px;
    background-image: url("/nexdist/images/iconnotificationorange.png");
    background-size: 32px 32px;
    border-radius: 0px;
    background-color: #222;
    color:#fff;
    border:2px solid #FF6600;
    box-shadow: inset 0px 0px 4px rgba(0,0,0,0.9);  
    float:right;
    margin-left:3px;
    margin-bottom:3px;
}
.notification_orange:hover {
    color:#fff;
    background-color: #D85600;
    border:2px solid #ccc;
    box-shadow: inset 0px 0px 12px rgba(0,0,0,0.9); 
    opacity: 1.0;
}

#businessindicator {
    position:absolute;
    bottom:70px;
    right: 50px;
    padding: 10px 10px 0 10px;
    color:#ddd;
    font-size:10px;
    border-left:0px solid #aaa;
    border-right:0px solid #aaa;
    background: #555;
    border-top-left-radius: 30px;
}
#bi_timedate {
    position:absolute;
    margin-top: -50px;
    right:0px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #aaa;
    font-family: Tahoma, Verdana, Segoe, sans-serif;    
    font-family:Arial, Helvetica, sans-serif;
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    font-size:24px;
}
#bi_title {
    position:absolute;
    bottom:175px;
    right:-85px;
    color:#fff;
    background:#C9270B;
    width:240px;
    height:30px;
    text-align:center;
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
    font-size:16px;
    line-height: 30px;
    cursor: pointer;
}

/**************************************************/



body {
    font: 12px small Arial, Helvetica, sans-serif;
    font-family: Muli, Tahoma, Verdana, Segoe, sans-serif;
    margin: 0px 0px 0px 0px;
    height:100%;
}

button {
    height: 30px;
    min-width:100px;
    padding-left:15px;
    padding-right:15px;
    cursor:default;
    border-top:1px solid #bbb;
    border-left:1px solid #bbb;
    border-right:1px solid #555;
    border-bottom:1px solid #555;
    background-color: #F7F5F6; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F5F6), to(#DDDDDD));
    background-image: -webkit-linear-gradient(top, #F7F5F6, #DDDDDD);
    background-image: -moz-linear-gradient(top, #F7F5F6, #DDDDDD);
    background-image: -ms-linear-gradient(top, #F7F5F6, #DDDDDD);
    background-image: -o-linear-gradient(top, #F7F5F6, #DDDDDD);
    background-image: linear-gradient(to bottom, #F7F5F6, #DDDDDD);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F7F5F6, endColorstr=#DDDDDD);	
    border-radius:3px;
    font-size:12px;
    font-family: Muli,arial, helvetica, sans-serif; 
}

button:enabled:hover {
    color: rgb(255,255,255);
    cursor:pointer;
    background: #C9270B ; /* Old browsers */
    border:1px solid transparent;

}

input[type=button],[type=submit],[type=reset] {
    height: 30px;
    min-width:100px;
    cursor:default;
    border-width: 1px solid #fff;
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-size:12px;
    font-family: Muli,arial, helvetica, sans-serif; 
    text-decoration:none; 
    display:inline-block;
    color: #FFFFFF;
    background-color: #45484d; 
    background: #878d94;
    text-decoration:none;  
    background-image: -webkit-linear-gradient(top, #878d94, #575b5e);
    background-image: -moz-linear-gradient(top, #878d94, #575b5e);
    background-image: -ms-linear-gradient(top, #878d94, #575b5e);
    background-image: -o-linear-gradient(top, #878d94, #575b5e);
    background-image: linear-gradient(to bottom, #878d94, #575b5e);
    border:1px solid #000;
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
}


input[type=button]:enabled:hover,input[type=submit]:enabled:hover,input[type=reset]:enabled:hover {
    color: rgb(255,255,255);
    cursor:pointer;
    background-color: #3093c7; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85));
    background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
    background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
    background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
    background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
    background-image: linear-gradient(to bottom, #3093c7, #1c5a85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);
    border-top: 1px solid #95DFF5;
    border-left: 1px solid #95DFF5;
}
input[type=button].back { 
   background-repeat:no-repeat;
    background-position:left;
    background-image: url(images/arrow-back.png),-webkit-gradient(linear, left top, left bottom, from(#F7F5F6), to(#DDDDDD));
    background-image: url(images/arrow-back.png),-webkit-linear-gradient(top, #F7F5F6, #DDDDDD);
    background-image: url(images/arrow-back.png),-moz-linear-gradient(top, #F7F5F6, #DDDDDD);
    background-image: url(images/arrow-back.png),-ms-linear-gradient(top, #F7F5F6, #DDDDDD);
    background-image: url(images/arrow-back.png),-o-linear-gradient(top, #F7F5F6, #DDDDDD);
    background-image: url(images/arrow-back.png),linear-gradient(to bottom, #F7F5F6, #DDDDDD);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F7F5F6, endColorstr=#DDDDDD);
}
input[type=button].back:hover{
    background-repeat:no-repeat;
    background-position:left;
    background-color: rgb(57,123,164); /* Old browsers */    
    background-color: #C9270B;
    background-image: url(images/arrow-back-white.png);
}

input[type=button]:disabled,input[type=submit]:disabled,input[type=reset]:disabled {
    color: #aaa;
}

input[type=button].removeitem {
    min-width: 0px;
    padding:0px 9px 0px 9px;
    background-repeat:no-repeat;
    background-position:center;
    background-image: url(images/icondelete20px.png);
    background-color: transparent;
    border:0px solid #aaa;
    margin-left:5px;
    height:22px;
}

input[type=button].removeitem:hover {
    min-width: 0px;
    background-repeat:no-repeat;
    background-position:center;
    background-image: url(images/icondelete20pxred.png);
    background-color: transparent;
    border:0px solid #C9270B;
}
input[type=button].removeitemdark {
    min-width: 0px;
    padding:0px 9px 0px 9px;
    background-repeat:no-repeat;
    background-position:center;
    background-image: url(images/icondelete20pxdark.png);
    background-color: transparent;
    border:0px solid #aaa;
    height:22px;
}

input[type=button].removeitemdark:hover {
    min-width: 0px;
    background-repeat:no-repeat;
    background-position:center;
    background-image: url(images/icondelete20pxred.png);
    background-color: transparent;
    border:0px solid #C9270B;
}
input[type=button].edititem {
    min-width: 0px;
    padding:0px 9px 0px 9px;
    background-repeat:no-repeat;
    background-position:center;
    background-image: url(images/iconedit20px.png);
    background-color: transparent;
    border:0px solid #aaa;
    margin-left:5px;
    height:22px;
}

input[type=button].edititem:hover {
    min-width: 0px;
    background-repeat:no-repeat;
    background-position:center;
    background-image: url(images/iconedit20pxred.png);
    background-color: transparent;
    border:0px solid #aaa;
}
input[type=button].additem {
    min-width: 22px;
    padding: 0px 9px 0px 9px;
    background-repeat:no-repeat;
    background-position:center;
    background-image: url(images/iconplus20px.png);
    background-color: transparent;
    border:0px;
    height:22px;
    margin-left:5px;
}
input[type=button].addnote {
    min-width: 22px;
    padding: 0px 9px 0px 9px;
    background-repeat:no-repeat;
    background-position:center;
    background-image: url(images/iconedit20px.png);
    background-color: transparent;
    border:0px;
    height:22px;
}
input[type=button].addnote:hover {
    min-width: 22px;
    padding: 0px 9px 0px 9px;
    background-repeat:no-repeat;
    background-position:center;
    background-image: url(images/iconedit20px.png);
    background-color: transparent;
    border:0px;
    height:22px;
}

input[type=button].additem:disabled:hover {
    min-width: 22px;
    background-repeat:no-repeat;
    background-position:center;
    background-image: url(images/iconplus20px.png);
    background-color: transparent;
    border:0px;
    cursor: default;
}
input[type=button].additem:hover, input[type=button].additem:focus 
{
    min-width: 22px;
    background-repeat:no-repeat;
    background-position:center;
    background-image: url(images/iconplus20pxred.png);
    background-color: transparent;
    border:0px;
}

input[type=button].cancelitem {
    min-width: 20px;
    padding:0px 9px 0px 9px;
    background-repeat:no-repeat;
    background-position:center;
    background-image: url(images/xmark.png);
    background-color: transparent;
    height:22px;
    border:0px;
    margin-left:5px;    
}


input[type=button].cancelitem:hover,input[type=button].cancelitem:focus {
    min-width: 20px;
    background-repeat:no-repeat;
    background-position:center;
    background-image: url(images/xmarkred.png);
    background-color: transparent;
    border:0px;
}
input[type=button].info {
    min-width: 20px;
    padding:0px 9px 0px 9px;
    background-repeat:no-repeat;
    background-position:center;
    background-image: url(images/iconinfo20.png);
    background-color: transparent;
    border:0px;
    height:22px;
    margin-left:7px;
}
input[type=button].info:hover,input[type=button].info:focus {
    min-width: 20px;
    background-repeat:no-repeat;
    background-position:center;
    background-image: url(images/iconinfo20red.png);
    background-color: transparent;
    border:0px;

}

input[type=button].searchitem {
    min-width: 0px;
    height:22px;
    width:22px;
    margin-left:2px;
    background-repeat:no-repeat;
    background-position:center;
    background-image: url(images/iconsearchwhite20px.png);
    background-color: #555;
    border:0px;
    border-radius: 3px;
    position:relative;
    top:3px;
}
input[type=button].searchitem:disabled:hover {
    min-width: 0px;
    height:22px;
    width:22px;
    margin-left:2px;
    background-repeat:no-repeat;
    background-position:center;
    background-image: url(images/iconsearchwhite20px.png);
    background-color: #555;
    border:0px;
    border-radius: 3px;
    cursor: default;
}
input[type=button].searchitem:hover {
    min-width: 0px;
    height:22px;
    width:22px;
    background-repeat:no-repeat;
    background-position: center;
    background-image: url(images/iconsearchwhite20px.png);
    background-color: #C9270B;
    border:0px;
    border-radius: 3px;
}
input[type=button].searchitem:focus {
    min-width: 0px;
    height:22px;
    width:22px;
    background-repeat:no-repeat;
    background-position: center;
    background-image: url(images/iconsearchwhite20px.png);
    background-color: #C9270B;
    border:0px;
    border-radius: 3px;
}

input[type=button].expand {
    min-width: 0px;
    width: 20px;
    background-repeat:no-repeat;
    background-position:center;
    background-image: url(images/icondownarrowblack.png);
    background-color: transparent;
    border:0px;
}

input[type=button].expand:hover, input[type=button].expand:focus 
{
    min-width: 0px;
    background-repeat:no-repeat;
    background-position:center;
    background-image: url(images/icondownarrowblack.png);
    background-color: transparent;
    border:0px;
}
input[type=button].collapse {
    min-width: 0px;
    width: 20px;
    background-repeat:no-repeat;
    background-position:center;
    background-image: url(images/iconuparrowblack.png);
    background-color: transparent;
    border:0px;
}

input[type=button].collapse:hover, input[type=button].collapse:focus 
{
    min-width: 0px;
    background-repeat:no-repeat;
    background-position:center;
    background-image: url(images/iconuparrowblack.png);
    background-color: transparent;
    border:0px;
}

select {
    line-height: 25px;
    height:25px;
    border: 1px solid #117ba4;
    padding-left: 5px;
    padding-top: 3px;
    color: #222;
    text-transform:capitalize;
    font-size:12px;
    font-family: Muli, Tahoma, Verdana, Segoe, sans-serif;
}

select option {
    height:19px;
    padding-left:10px;
    padding-top:3px;
    border-bottom: 1px solid #ccc;
    text-transform:capitalize;
}
select>option:hover {
    cursor: pointer;
}

input {
    height: 25px;
    line-height :28px;
    border: 1px solid #777;
    padding: 0px 5px 0px 5px;
    color: #222;
    font-size:12px;
    font-family: Muli, Tahoma, Verdana, Segoe, sans-serif;
}

input[type=checkbox]:disabled {
    opacity : 0.7;
}
input[type=checkbox]:checked {
    filter: drop-shadow(0px 0px 2px magenta) invert(100%) brightness(300%) contrast(50%);
}

input[type=checkbox], input[type=radio] {
    height: 13px;
    vertical-align: middle;
    position: relative;
    bottom: 1px;
    margin-right:5px;
    background-color: yellow;
}
input[type=radio] {
    bottom: 2px;
}


::-webkit-input-placeholder { color:#555; }
::-moz-placeholder { color:#555; } /* firefox 19+ */
:-ms-input-placeholder { color:#555; } /* ie */
input:-moz-placeholder { color:#555; }

::-webkit-input-placeholder:focus { color:#fff; }
::-moz-placeholder:focus { color:#fff; } /* firefox 19+ */
:-ms-input-placeholder:focus { color:#fff; } /* ie */
input:-moz-placeholder:focus { color:#fff; }	

input.mandatory {
    border-bottom-right-radius:0px; 
    border: 1px solid rgb(21,119,164);

}

input:focus, textarea:focus {
    border: 1px solid #777;
    color: #222;
}

input:disabled, textarea:disabled {
    color: #bbb;
    background-color:#45484d;
    font-size: 12px;
}

input[type=text]:-moz-read-only {
    color: #222;
    background-color:#bbb;
    border:1px solid #bbb;
    font-size: 14px;
}

textarea {
    color: #222;
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif;
    font-family: Muli,Tahoma, Verdana, Segoe, sans-serif;
    resize:none;
    border: 1px solid #117ba4;
    padding-left: 5px;
    padding-top:3px;
}

legend {
    font-size:12px;
    color: #004050;
    color: #0e6181;
}











#leftcontent {
    margin-left: 10px;
    font: 100 small Arial, Helvetica, sans-serif;
    font-family: Muli,Tahoma, Verdana, Segoe, sans-serif;
    width: 100%;
    margin-right: 15px;
    text-align: left;
}
#receipt {
    font: 100 12px Arial, Helvetica, sans-serif;
    font-family: Muli,Tahoma, Verdana, Segoe, sans-serif;
    float: left;
    width: 80%;
    margin-right: 15px;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
}
p, h1, pre {
    font: Arial, Helvetica, sans-serif;
    font-family: Muli,Tahoma, Verdana, Segoe, sans-serif;
    margin: 0px 30px 10px 30px;
}
h2 {
    font: Arial, Helvetica, sans-serif;
    font-family: Muli,Tahoma, Verdana, Segoe, sans-serif;
    font-size: 36px;
}
#rightcontent {
    border-left-width: thin;
    border-left-style: solid;
    font: 100 small Arial, Helvetica, sans-serif;
    font-family: Muli,Tahoma, Verdana, Segoe, sans-serif;
    text-align: left;
    margin-left: 0px;
    margin-top: 15px;
}
#hidden {
    display: none;
}
#footer {
    padding: 9px 0px 3px 0px;
    width: 739px;
    text-align: center;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
}

#menu {
    text-align: left;
    background-color: #d9ddff;
}
#subheader1 {
    font: 700 24px Arial, Helvetica, sans-serif;
    text-align: left;
}
#subheader2 {
    font: 500 20px Arial, Helvetica, sans-serif;
    text-align: left;
}
#subheader3 {
    font: 400 11px Arial, Helvetica, sans-serif;
    text-align: left;
}
#errmsg {
    margin-top: 20px;
    font: 100 16px Arial, Helvetica, sans-serif;
    text-align: left;
    color: red;
    margin-bottom: 20px;
}
/*#info {
    margin-top: 20px;
    font: 100 16px Arial, Helvetica, sans-serif;
    text-align: left;
    color: #000000;
    margin-bottom: 20px;
}*/

#columnHeader {
    font: 500 10px Arial, Helvetica, sans-serif;
}
#columnContent {
    font: normal small Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;

}

#idletimeout { 
    background: #C9270B; 
    border:0px solid #FF6500; 
    color:#fff; 
    font-family:arial, sans-serif; 
    text-align:center; 
    font-size:12px; 
    padding:10px; 
    height:120px;
    width: 450px;
    position:fixed; 
    bottom:20px;
    left:50%;
    margin-left:-235px;
    z-index:100000; 
    display:none; 
}
#idletimeout a { 
    color:#fff; 
    font-weight:bold; 
}
#idletimeout span { 
    font-size: 64px;
    font-weight:bold ;
}
.button-version {
    padding: 5px 10px;
    background: transparent;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 22px;
    min-height: 20px;
    border: solid 1px #cc2900;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    text-decoration: none;
}
.button-version:hover {
    background-color: #cc2900;
    text-decoration: none;
}
.button-version:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
}
#loginversion {
    position: absolute;
    bottom:30px;
    right:150px;
    cursor:pointer;
    color: #fff;
    cursor: pointer;
    z-index: 10;
}

.ui-multiselect-checkboxes {
    height: 500px !important;
}


/*Notification Update War*/
.notif_war_update {
    background: #979797;
    color:#fff;
    display:none;
    font-size:16px; 
    min-height: 60px;
    max-height: 350px;
    overflow-y: auto;
    z-index:10001;
    position: absolute;
    bottom:100px;
    right:50px;
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    opacity: 1.0;
    border-radius: 10px;
    width:350px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #979797;
    color: black;
}

.closebtn {
  margin-left: 15px;
  color: black;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: white;
}

.notif {
  cursor: pointer; 
}

input.searchdriver {
    border:0px;
    border-bottom: 2px solid #C9270B;
    background-color: transparent;
}
input.searchdriver::placeholder {
    color: #777;
}
input.searchdriver:focus {
    border:0px;
    border-bottom: 2px solid #C9270B;
    background-color: #fff;
}

#tab-driver {
    background-color: #222;
    border-right:1px solid #555;
    -webkit-box-shadow: 5px 0px 7px -3px rgb(110, 120, 122);    
    -moz-box-shadow: 5px 0px 7px -3px rgb(110, 120, 122);    
    box-shadow: 5px 0px 7px -3px rgb(110, 120, 122);    
}

div.drivericon {
    position:relative;
    width :120px;
    height:100px;
    padding-top:5px;
    padding-bottom:10px;
    background: #777;
    background: transparent;
    text-align: center;
    font-size:10px;
    color:#fff;
    cursor: pointer;
    margin-top:0px;
    border-bottom: 1px solid #555;
}

div.drivericon:hover {
    background-color: #444;
}

div.drivericon img {
    border-radius: 10px;
}

div.drivericoncurrent {
    position:relative;
    width :120px;
    height:100px;
    background: #C9270B;
    padding-top:5px;
    padding-bottom:10px;
    text-align: center;
    font-size:10px;
    color:#fff;
    cursor: pointer;
    margin-top:5px;
}
div.drivericoncurrent img {
    border-radius: 5px;
}


span.drivericonnotification {
    position:absolute;
    top:20px;
    left:10px;
    color:#000;
    background-color:yellow;
    border:1px solid #333;
    height:24px;
    width:30px;
    border-radius:15px;
    text-align:center;
    font-size:12px;padding-top:6px;
    box-shadow:0px 0px 3px #555;
}




#content-wrapper{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
        text-align: center;
}

#column{
	width: 600px;
	padding: 10px;

}

#featured{
        margin-top: 10px;
	max-width: 450px;
	height: 290px;
	object-fit: cover;
	cursor: pointer;
        
}

.thumbnailPicture{
	object-fit: cover;
	width :110px;
	height :80px;
	cursor: pointer;
	opacity: 0.5;
	margin: 5px;
	border: 2px solid black;

}

.thumbnailPicture:hover{
	opacity:1;
}

.active{
	opacity: 1;
}

#slide-wrapper{
	width: 550px;
	display: flex;
	min-height: 100px;
	align-items: center;
/*	margin-left : 55px;*/
}

#slider{
	width: 500px;
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;

}

#slider::-webkit-scrollbar {
		width: 8px;

}

#slider::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

}
 
#slider::-webkit-scrollbar-thumb {
  background-color: #AB831A;
  outline: 1px solid slategrey;
  border-radius: 100px;

}

#slider::-webkit-scrollbar-thumb:hover{
    background-color: #AB461A
}

.arrowSlide{
	width: 30px;
	height: 30px;
	cursor: pointer;
	transition: .3s;
        
}


.arrowSlide:hover{
	opacity: .5;
	width: 35px;
	height: 35px;


}
#myModal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
#modal-picture{
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 50%;
  
}

/* The Close Button */
#closeModal {
  color: #303433;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

#closeModal:hover,
#closeModal:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

#btnReset2 {
    float:right;
    width:20px;
    height:20px;
    background:url(images/xmark.png);
    background-repeat:no-repeat;
    position:relative;
    right:3px;
    top:3px;
}
#btnReset2:hover {
    background:url(images/xmarkred.png);
    cursor: pointer;
}