/* CSS Document */
body {
    padding: 0;
    margin: 0;
    background-color: #fff;
    font-family:Arial, Helvetica, sans-serif;
}

form label {
    width: 175px;
    display: block;
    float: left;
    font-weight: bold;
    clear: left;
    background-color: #DCE8FE;
    margin: 0 5px 0 5px;
}

a {  
    text-decoration: none;
    color: #1D61D8;
}
table td {
    padding: 4px;
}
table th {
   background-color: #3C636A;
   padding: 4px;
   color: #fff;
}
form p {
    padding: 5px;
    margin: 5px 0;
    float: left;
    clear: both;
    background-color: #DCE8FE;
    width: 100%;
}


/* TEMPLATE RULES */ 
#templateFooter {
    clear: both;
    display: none;
}

#template {
    font-size: 120%;
}
#templateTemplate {
    font-family: arial;
    font-size: medium;
    margin: 0;
    padding: 0;
}

#templateHeader {
    background-color: #A1C9D0;
    background-color: #000000;
    margin: 0 0 0 0;
    padding: 0px 0 0 0;
    width: 100%;
    float: left;
    background-image: url(../../images/bg.jpg);
    background-position: bottom;
    position: relative;
}
#templateHeader dt {
	color: #fff;
	margin: 0;
	float: left;
	height: 50px;
	width: 50px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding:0;
	text-indent:-50000px;
    display: inline; /* IE bug fix */
}

#templateHeader dd { 
    padding: 0;
    margin: 0;
}


#templateNav {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;

}

#templateNav li {
	list-style: none;
	margin: 0 2px;
	display: block;
	float: left;
	background-position: 5px center;
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
        background-color:#578B96;
       #background-color:#FEF854;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #42838E;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #C8E2E7;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #42838E;
        margin-top: 14px;
}

#templateNav a {
    #color: #000000;
    color: #fff;
    display: block;
    float: left;
    padding: 5px 8px 5px 38px;
    text-decoration: none;
    font-size: 100%;
}
#templateNav a:hover {
 

}

#templateNavLogout {
    background-image: url(../../images/icons/crystal/32x32/actions/exit.png);
    background-repeat: no-repeat;
    padding: 0;
    margin: 0 20px 0 0;
    float: left;
}

#templateNavLogout a {
    padding: 3px 0 3px 30px;
    #color: #FEF854;
    color: #fff;
    display: block;
    float: left;
}

#templateNavTab1 {
	background-image: url(../../images/icons/crystal/32x32/apps/kuser.png);
}
#templateNavTab2 {
	background-image: url(../../images/icons/crystal/32x32/apps/vcalendar.png);
}
#templateNavTab3 {
	background-image: url(../../images/icons/crystal/32x32/actions/agt_family.png);
}
#templateNavTab4 {
	background-image: url(../../images/icons/crystal/32x32/apps/kview.png);
}
#templateNavTab5 {
	background-image: url(../../images/icons/crystal/32x32/actions/fileopen.png);
}
#templateNavTab6 {
	background-image: url(../../images/icons/crystal/32x32/apps/smile.png);
}
#templateNavHome {
	background-image: url(../../images/icons/crystal/32x32/actions/gohome.png);
}

#loggedin {
    position: absolute;
    right: 0px;
    top: 30px;
    font-size:150%;
}

#loggedinas {
    padding: 3px 10px 3px 6px;
    margin: 0;
    float: left;
    color: #fff;
}

/* CONTENT CONTAINER */

#templateContent  {
    float: left;
    width: 94%;
    padding: 1.5%;
    margin: 0;
    background-color:#FFFFFF;
    float: left;
    height: 250px;
}
#templateContent  h1 {
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 175%;
    font-weight: normal;
    color: #099;
}

#templateContent  h2 {
    margin: 0px 0 10px 0; 
    padding: 0;
    font-size: 125%;
    font-weight: normal;
    color: #066;
}


#templateContent ul {
   padding: 0;
   margin: 0;
}


#templateContent ul li {
   background-repeat: no-repeat;
   list-style: none;
   margin: 0;
   padding: 0 0 0 33px;
}

/* SUB NAV */ 
#templateSubNav {
    width: 18%;
    float: left;
    background-color: #EBF1F2;
    margin: 10px;
}

#templateSubNav dt {
    margin: 0;
    padding: 10px 15px 5px 15px ;
    font-weight: bold;
    background-color: #A1C9D0;
}

#templateSubNav dd {
    margin: 0;
    padding: 5px 15px 15px 15px;
    border: solid 1px #A1C9D0;
}


#templateSubNav dd ul {
    margin: 0;
    padding: 0;
}

#templateSubNav dd ul li {
    list-style: none;
    margin: 5px 0;
    padding: 1px;
	background-image: url(../../images/icons/crystal/16x16/filesystems/folder.png);
	background-repeat: no-repeat;
	background-position: left 3px;
}

#templateSubNav dd ul li a {
    text-decoration: none;
    color: #000;
    padding: 0 0 0 20px;
    margin: 0;
    display: block;
}

#nav2toolPrint{
	background-image: url(../../images/icons/crystal/16x16/devices/printer1.png) !important;
}
#nav2toolCSV{
	background-image: url(../../images/icons/crystal/16x16/mimetypes/spreadsheet.png) !important;
}





/* SECTION INDEX */
#sectionIndex p {
  clear: both;
}

#sectionIndex ul {

   margin: 10px;
float: left;

}


#sectionIndex li {
	display: block;
	float: left;
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
	margin: 10px;
}
#sectionIndex li a {
	margin: 0;
width: 100px;
	display: block;
	padding-top: 70px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
text-decoration: none;
font-size: 80%;
color: #06204E;
}

#sectionIndex #pendingDrawChanges {
 	background-image: url(../../images/icons/crystal/64x64/actions/playlist.png);

}
#sectionIndex #requestChange {
 	background-image: url(../../images/icons/crystal/64x64/actions/playlist.png);

}
#sectionIndex #currentDraw {
 	background-image: url(../../images/icons/crystal/64x64/apps/cal.png);

}
#sectionIndex #drawHistory {
 	background-image: url(../../images/icons/crystal/64x64/apps/kworldclock.png);

}

#sectionIndex #drawHistoryTime {
 	background-image: url(../../images/icons/crystal/64x64/actions/history.png);

}

#sectionIndex #uploadDrawSheet {
 	background-image: url(../../images/icons/crystal/64x64/filesystems/www.png);

}


#sectionIndex #createNewDistributor{
	background-image: url(../../images/icons/crystal/64x64/kdm/user_female.png);
}
#sectionIndex #listDistributors {
	background-image: url(../../images/icons/crystal/64x64/apps/Login-Manager.png);
}

#sectionIndex #listPublications {
	background-image: url(../../images/icons/crystal/64x64/apps/knewsticker.png);
}
#sectionIndex #createNewPublication {
	background-image: url(../../images/icons/crystal/64x64/apps/kword.png);
}
#sectionIndex #listStaticContent {
	background-image: url(../../images/icons/crystal/64x64/actions/view_multicolumn.png);
}
#sectionIndex #createNewStaticContent {
	background-image: url(../../images/icons/crystal/64x64/actions/edit.png);
}
#sectionIndex #newEmail{
	background-image: url(../../images/icons/crystal/64x64/apps/xfmail.png);
}
#sectionIndex #viewEmails {
	background-image: url(../../images/icons/crystal/64x64/apps/email.png);
}

#sectionIndex #createNewCountry {
	background-image: url(../../images/icons/crystal/64x64/apps/package_network.png);
}
#sectionIndex #listCountries {
	background-image: url(../../images/icons/crystal/64x64/apps/locale.png);
}

#sectionIndex .requestPublication {
	background-image: url(../../images/icons/crystal/64x64/apps/knewsticker.png);
}
#sectionIndex .requestSample {
	background-image: url(../../images/icons/crystal/64x64/actions/viewmag.png);
}
#sectionIndex #manageAdminusers {
	background-image: url(../../images/icons/crystal/64x64/apps/Community-Help.png);
}
#sectionIndex #listUsers {
	background-image: url(../../images/icons/crystal/64x64/apps/Community-Help.png);
}
#sectionIndex #addUser {
	background-image: url(../../images/icons/crystal/64x64/apps/kuser.png);
}
#sectionIndex #createNewPublisher {
	background-image: url(../../images/icons/crystal/64x64/apps/kwrite.png);
}
#sectionIndex #listPublishers {
	background-image: url(../../images/icons/crystal/64x64/apps/package_wordprocessing.png);
}
#sectionIndex #createNewSection {
	background-image: url(../../images/icons/crystal/64x64/apps/ark2.png);
}
#sectionIndex #listSections {
	background-image: url(../../images/icons/crystal/64x64/apps/ark.png);
}

#sectionIndex #historyTitle {
	background-image: url(../../images/icons/crystal/64x64/apps/knewsticker.png);
}
#sectionIndex #historyDate {
	background-image: url(../../images/icons/crystal/64x64/apps/vcalendar.png);
}
#sectionIndex #submitReturns {
	background-image: url(../../images/icons/crystal/64x64/apps/xclock.png);
}
#home ul { 
   padding: 15px;
   display: block;
   float: left;
   margin: 0;
}
#home ul li{
   width: 64px;
   background-position: center top;
   background-repeat: no-repeat;
   float: left;
   text-align: left;
   list-style: none;
   margin: 10px;
}




#home ul li a {
   display: block;
   width: 64px;
   padding-top: 71px;
   text-decoration: none;
   color: #06204E;
}

#home #draws {
	background-image: url(../../images/icons/crystal/64x64/apps/browser.png);
}
#home #returns {
	background-image: url(../../images/icons/crystal/128x128/apps/ktimer.png);
}

#home #shortages {
	background-image: url(../../images/icons/crystal/64x64/apps/kblackbox.png);
}
#home #dms {
	background-image: url(../../images/icons/crystal/64x64/apps/file-manager.png);
}
#home #publicationRequests {
	background-image: url(../../images/icons/crystal/128x128/apps/knewsticker.png);
}

#home #managecontent {
	background-image: url(../../images/icons/crystal/128x128/apps/kdf.png);
}
#home #solicitation {
	background-image: url(../../images/icons/crystal/128x128/apps/knewsticker.png);
}

#home #distributors {
	background-image: url(../../images/icons/crystal/128x128/kdm/user_female.png);
}


#home #salesreports {
	background-image: url(../../images/icons/crystal/128x128/apps/kchart.png);
}
#sectionIndex #makeClaim {
	background-image: url(../../images/icons/crystal/64x64/apps/kblackbox.png);
}
#sectionIndex #viewClaims {
	background-image: url(../../images/icons/crystal/64x64/apps/file-manager.png);
}



.scrollbox2 {
  font-size: 100%;
  font-weight: normal;
}

.scrollbox {
  width: 100%;
  overflow: auto;
  padding: 1%;
  border: solid 1px #3C636A;
  font-size: 65%;
  font-weight: normal;
  height: 100%;

}
.orderbg {
    background-color: #FFF8C6;
}
.attorder {
    background-color: #E77471;
}
.tranorder {
    background-color: #C8B560;
}
.comporder {
    background-color: #54C571;
}
.proorder {
    background-color: #FFE87C;
}
.alternate {
    background-color: #DCE8FE;
}
.WON {
    background-color: #B0EEDA;
}
.LOST {
    background-color: #E4E0E0;
}
.DRAW {
    background-color: #FEFFA3;
}

.listing li {
   padding: 3px 3px 3px 35px !important;
	background-position: 3px 5px;

}
li.publication {
	background-image: url(../../images/icons/crystal/22x22/apps/knewsticker.png);
	background-position: 3px 1px !important;
}
li.drawsheet {
	background-image: url(../../images/icons/crystal/22x22/apps/knewsticker.png);
	background-position: 3px 1px !important;
}
li.returns {
	background-image: url(../../images/icons/crystal/22x22/mimetypes/spreadsheet.png);
	background-position: 3px 1px !important;
}
.page {
	background-image: url(../../images/icons/crystal/22x22/mimetypes/document2.png);
	background-position: 3px 1px !important;

}
.publisher {
   color: #ff0000;
font-weight: bold;
}
td.publication {
font-weight: bold;
}

.button a {
	display: block;
	background-color: #AA2D17;
	width: 100px;
	padding: 10px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;

}
.button a:hover {
 background-color:#E23213;
}
#warnings {
   background-color: #FFFEBC;
padding: 20px 0 !important;
margin: 10px 0 !important;
}
#warnings li { 
   margin: 0 20px 0 30px !important;
padding: 0 !important;
list-style: square!important;
}

.errors, .warnings {
padding: 20px 0 0 170px !important;
background-repeat: no-repeat;

height: 150px;
overflow: auto;
margin: 0 0 15px 0!important;
}
.errors li, .warnings li {
    padding: 0!important;
   margin: 2px 0!important;
color: #000;
list-style: square!important;
}

.errors {
   background-color: #F5E1DD;
background-image: url(../../images/stop.gif);
background-position: 5px 15px;
border: solid 1px #5E160A;

}

.warnings {
background-color: #F2F1C7;
background-image: url(../../images/warning.gif);
background-position: 5px 15px;
border: solid 1px #D2D189;

}

.scrolllist {
   overflow: auto;
height: 180px;
border: solid 1px #000;
padding: 10px;
}
.datecontrol {
    border: solid 1px #A1C9D0;
padding: 10px;
margin: 5px 0;

}


#toolbar {
  float: right;
  width: 450px;
  font-size: 80%;
}
#toolbar li {
   float: right;
height: 32px;
padding: 0!important;
margin: 0 5px !important;

}
#toolbar li a {
  display: block;
	padding: 8px 0 0 37px;
	float: left;
	margin: 0;

}

#toolbar #Print {
	background-image: url(../../images/icons/crystal/32x32/devices/print_printer.png);
}
#toolbar #Download {
	background-image: url(../../images/icons/crystal/32x32/mimetypes/spreadsheet.png);
}
#toolbar #History {
	background-image: url(../../images/icons/crystal/32x32/actions/history.png);
}
#toolbar #Add {
	background-image: url(../../images/icons/crystal/32x32/actions/up.png);
}
#toolbar #transfer {
	background-image: url(../../images/icons/crystal/32x32/actions/db_comit.png);
}
.highlight {
   background-color: #F5E1DD;


}

li.user {
	background-image: url(../../images/icons/crystal/22x22/apps/kuser.png);
	background-position: 3px 1px !important;
}

li.publishers {
	background-image: url(../../images/icons/crystal/22x22/apps/package_wordprocessing.png);
	background-position: 3px 1px !important;
}

li.section {
	background-image: url(../../images/icons/crystal/22x22/apps/ark.png);
	background-position: 3px 1px !important;
}

.fn {
   background-color: #3C636A;
   padding: 4px;
   color: #fff;
   width: 10%;
   font-weight: bold;
}

.fv {
   #background-color: #E2DFF0;
   background-color: #DCE8FE;
   padding: 4px;
   width: 20%;
   #font-weight: bold;
}

.fa {
   background-color: #3C636A;
   padding: 4px;
   color: #fff;
   font-weight: bold;
}

.fb {
   background-color: #E2DFF0;
   padding: 4px;
   #font-weight: bold;
}
.error-message {
   color: red;
   margin: 0 5px 0 5px;
}
input[type=submit] {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 25px;
  border-radius: 8px;
}
#counter{
	font-size: 11px;
    padding: 5px;
    text-align: left;
}
#counter div{
    padding-left: 20px;
    margin-top: 4px;
    margin-bottom: 4px;
}

#ip{
    font-size: 12px;
    font-weight: bold;
    color: red;
}
#online{
    background: url(../../images/counter/online.png) no-repeat left center;
}
#today{
    background: url(../../images/counter/vtoday.png) no-repeat left center;
}
#yesterday{
    background: url(../../images/counter/vyesterday.png) no-repeat left center;
}
#this_mon{
    background: url(../../images/counter/mon.png) no-repeat left center;
}
#prev_mon{
    background: url(../../images/counter/prevmon.png) no-repeat left center;
}
#total{
    background: url(../../images/counter/total.png) no-repeat left center;
}
input[type=text] {
  font-size: 40px;
}
input[type=BUTTON] {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 25px;
  border-radius: 8px;
}