/*
Background Blue:    #004D8D
Lime Green:         #B7C822
Light Blue:         #9BBCCA
Purple Backgrond:   #993366
*/

html, body { margin: 0; padding: 0; height: 100%; }
body { background-color: #004D8D; color:#9BBCCA; font:normal 10pt 'trebuchet ms'; }
.lime { color: #B7C822; }
.bold { font-weight: bold; }
#container { min-height:100%; position:relative; }
#body { padding-bottom: 60px; }
#footer { border-top: solid 1px #B7C822; height: 30px; padding-top:10px; position:absolute; bottom:0; width:100%; }
a { color:#B7C822; }
a:hover { color: #9BBCCA; }
h1 { margin-top: 0px; color: #B7C822; font-family: 'Open Sans', sans-serif; }
h2 { margin-top: 7px; color: #9BBCCA; font-family: 'Open Sans', sans-serif; font-size:16pt; }
h4 { color: #B7C822; font-size: 12pt; margin-bottom: 4px; }

input[type=text], input[type=password] { height:16px; font-family: arial; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; border: solid 1px #FFF; padding:4px 7px 4px 7px; color:#808080; margin:0; }
/*Different line for drop downs*/
select { height:26px; font-family: arial; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; border: solid 1px #FFF; padding:4px 7px 4px 7px; color:#808080; margin:0; }
input[type=submit], input[type=button] { height:26px; font-family: arial; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; border: none/*solid 1px #9BBCCA*/; padding:4px 7px 4px 7px; background-color:#9BBCCA; color:#004D8D; }
input[type=submit]:disabled, input[type=button]:disabled { background-color: #888888; }
.txtEditBox { width: 60px; border: solid 1px #004D8D !important; }

.divHeader { border-bottom: solid 1px #B7C822; padding: 10px 20px 10px 20px; margin-bottom: 20px; }
.divHeaderLogin { text-align: right; float: right; }
#loggedIn { padding-top: 58px; }
#loggedOut { padding-top: 76px; }

.divHeaderLogo { width: 360px; float: left; }
.divHeaderYear { font-family: 'Open Sans', sans-serif; font-size:18pt; font-weight:bold; width:400px; }
.clear { clear: both; }
/*.divLeftMenu { padding-right: 20px; border-right: solid 1px #B7C822; height:100%}*/
.divContent { margin-left: 20px; float:left; }
.divContentFullWidth { margin-left: 20px; }

.txtLoginControls { margin:0px; }
.btnLogin { margin: 0; }

/*Sales List*/
.divSalesList { margin-top: 4px; }
.dgHeader { height: 30px; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; background-color: #B7C822; color: #004D8D; }
.dgFooter { max-height: 10px; background-color: #B7C822; font-size: 1px; }
.dgPager { font-family: 'Open Sans', sans-serif; font-weight:400; font-size:14px; }
.dgHeader a { text-decoration: none; }
.sortDesc a { color: #B7C822; background-image: url('../images/sortDesc.png'); }
.sortAsc { background-image: url('../images/sortAsc.png'); }
.divListTotals label { font-weight: bold; }
.divListSummaryItems { float: left; width:230px }
.divFilterBox { float: left; margin-right:5px;}
.divFilterBox input[type="text"] { width:120px; }
.dgSalesList { -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; }

.dgColumn100 { max-width: 100px; overflow: hidden; }
.dgColumn120 { max-width: 120px; overflow: hidden; }
.dgColumn140 { max-width: 140px; overflow: hidden; }

/*Popup Message*/
.divChangeYearPopup {text-align:left;border: solid 1px #B7C822; padding:0 20px 20px 20px; margin:auto; width:220px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;background-color: #004D8D;}
.modalBackground { background-color:#000000; filter:alpha(opacity=60); opacity:0.6; }
.divPopupButtons { margin-top: 20px; text-align: right; }

/*Navigation*/
.divCompanyDatabase {font-size:18px;margin-bottom:10px;}

.divMenu { padding-left:0;margin-left:0px;}

#menu { text-decoration:none;}
#level1 { font-family: 'Open Sans', sans-serif; font-weight:600; font-size:18px; margin-left:-40px}

#level1 { list-style: none; }
#level1 a { text-decoration: none;display:block}
#level1 a:hover { }
#level1 li { display: inline-block; position: relative; cursor: pointer; padding: 5px 20px;margin:0;z-index:99999;}
#level1 li:hover {background-color:rgba(0, 60, 100, 0.9); color: #004D8D; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
#level1 li ul { position: absolute; left: 0; visibility: hidden; width:350px; background-color:rgba(0, 60, 100, 0.9); margin:0;padding:0;}
#level1 li:hover ul { display: block; visibility: visible;}
    #level1 li ul li { display: block; }
    #level1 li ul li a { color: #9BBCCA; }
    #level1 li ul li a:hover { color: #FFFFFF; }

/*#level1 li { display:inline-block; list-style: none; font-size: 16pt; padding-top: 10px; margin-left: -30px; }
#level1 li a { text-decoration: none; }
#level1 li ul li { list-style: none; font-size: 14pt; padding-top:0px; margin-left: -20px; }
#level1 li ul li a { color: #9BBCCA; text-decoration:none;}
#level1 li ul li a:hover { color: #FFFFFF; }
#level1 li ul li a:active { color: #FFFFFF; }
.lnkNavItem { color: #9BBCCA; text-decoration:none;font-size: 14pt; font-family: 'Open Sans', sans-serif; font-weight:600;}
.lnkNavItem:hover { color: #FFFFFF; }*/

/*File Upload*/
.fileUpload { position:relative; margin-left: -96px; z-index: 1}
.btnOnTop { position:relative;z-index:9999}

/*New multi-select control*/
.multi-select { min-width:100%;}
.chosen-choices { width: 100%; z-index:-1; position: absolute;}
.multi-select-button {padding:20px 0 20px 0;}

/* New Changes after db merge */

.divTargetFieldsList div {float:left; margin-right:20px;}
.divTargetFieldsList div:last-child {float:left; margin-right:0px;}
.divTargetFieldsList {margin-bottom:20px;}
.divNewMappingPopup {text-align:left;border: solid 1px #B7C822; padding:0 20px 20px 20px; margin:auto; width:auto; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;background-color: #004D8D;}