#header h1 { font-size:1.6em; color: #333; margin-top:0.5em; }
#header #welcome { position:absolute; bottom:0; left:0; color: gray; font-size:0.9em; }
#content { margin:0.5em 0; }
#footer { border-top: 0.1em solid gray; padding-top:0.5em; }
ul.errors { margin:0; padding-left:0.3em; color:red; list-style:none; text-decoration:none; font-weight:normal; font-size:0.85em; }
.error { background-image: url(../img/eloquence-icons/button-alert-alt.png); background-repeat: no-repeat; background-position: left; padding-left:3em; }
.success { background-image: url(../img/eloquence-icons/button-tick-alt.png); background-repeat: no-repeat; background-position: left; padding-left:3em; }
ul.user-list { list-style:none; margin:0; padding:0; }
ul.user-list li { padding:0.3em; }
ul.user-list li:hover { background-color: silver; }
ul.user-list li.head { font-weight: bold; background:#adadad; color:white; }
.paginationControl { clear:both; color:gray; }
.paginationControl .disabled { color:#ccc; }
form div { clear:both; }
input[type="radio"], input[type="checkbox"], input.radio, input.checkbox { top:0; margin-right:0.3em; float:left; }
input#googleapps { float: left; }
ul.forms-navigation, ul.forms-navigation ul { margin:0;padding-left:1em; list-style: none; }
ul.forms-navigation li { border-bottom: 1px dotted gray; }
ul.forms-navigation li a { display:block; text-decoration:none; }
ul.forms-navigation li a:hover { background-color:#efefef; }
a.navbutton { display:block; border:2px solid; background-color:gray; padding:1em; color: #fff; border-radius:5px 5px 5px 5px;}
form.block-label label { display:block; }
th, td, caption { border-bottom:1px solid #ccc; }
.strike, .strike * { color:#fff; background-color:#cbcbcb; }
select#class_id optgroup { color: #565656; font-style: italic; font-weight: bold; background-color:#ccc; text-shadow: white 0px 1px 1px; }
select#class_id option { color: #000; font-weight:normal; font-style: normal; text-shadow:none; background-color:white; }
#header h1 { font-size:x-large; text-shadow: #ccc 0.05em 0.01em 0; }
button#save { margin-top:1em; }
button:hover { color: #4444ff; }
#flashMessenger { display:none; }
.quieter { color: #dedede; }
.border-bottom { border-bottom:1px solid gray; }
.noborder { border-bottom:none; }
.error-blink{ background:url(../img/eloquence-icons/error-blinking.gif) no-repeat right; }
form#checklist label { font-weight:normal !important; }
form fieldset#fieldset-food div div { margin-bottom:1em; }

form#create-warehouse label{display:block;}
form#create-category label{display:block;}
form#create-salesarea label{display:block;}
form#create-inventory label{display:block;}
form#create-inventory label[for='active']{float:left;display: inline-block;padding: 0 5px 0 0px;}
form#create-customer label[for='active']{float:left;display: inline-block;padding: 0 5px 0 0px;}
form#create-supplier label[for='active']{float:left;display: inline-block;padding: 0 5px 0 0px;}
form#create-expenses label[for='active']{float:left;display: inline-block;padding: 0 5px 0 0px;}
form#purchase > div {clear: none;}
form#payable > div {clear: none;}
form#receivable > div {clear: none;}
form#sales > div {clear: none;}
form#sales-order > div {clear: none;}
form#purchase-order > div {clear: none;}
form#back-order > div {clear: none;}
form#sales label[for='konsinyasi']{float:left;display: inline-block;padding: 0 5px 0 0px;}
form#purchase label[for='konsinyasi']{float:left;display: inline-block;padding: 0 5px 0 0px;}
form#purchase-return > div {clear: none;}
form#default-report > div {clear: none;}
form#salesman-target > div {clear: none;}
form#bo-checking > div {clear: none;}
form#stockcard-report > div {clear: none;}
form#purchase-report-form > div {clear: none;}
form#po-report > div {clear: none;}
form#so-report > div {clear: none;}
form#bo-report > div {clear: none;}
form#purchasereturn-report-form > div {clear: none;}
form#cashier-report > div {clear: none;}
form#sales-report-form > div {clear: none;}
form#salesreturn-report-form > div {clear: none;}
form#privileges > div {clear: none;}
form#quick-inventory > div {clear: none;}

/** top navigation menu **/
#navigation { background: gray url(../img/nav_bg.jpg) repeat-x; height: 50px; margin:2em 0; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; }

#navigation .logo {float:right; margin:-6px 0px 0 0px; display: block;width: 35px; height: 40px;background: url(../img/creasoft.png) bottom no-repeat;	text-indent: -99999px;}
#navigation .logo:hover {}

/** home page announcements **/
ul.home-announcements-list { list-style:none; margin-left:0; padding-left:0; position: relative; overflow: hidden; height: 200px; width : 100%; }
ul.home-announcements-list  li.headline { margin-left:0; padding-left:0;  position: absolute; top: 210px; left: 5px; height: 195px; }
	
/** text styling **/
.textalignright { text-align:right; }

form#barcode-scanner input#barcode { font-size:2em; width : 100%; padding: 0.3em; margin-top:0;}
form#barcode-scanner select#reason { padding:0.1em; font-size:1.2em; }
span.clockin , span.clockout { padding-left: 2.5em; font-size:1.2em; height:30px; display:block; line-height:30px; }
span.clockin {background: url(../img/eloquence-icons/greencircle.png) no-repeat left; }
span.clockout {background: url(../img/eloquence-icons/redcircle.png) no-repeat left; }
img.profile { }
div.currenttime {font-size:1.3em; text-align:right; }
span.clockdate {display: none;}
span.clocktime {font-size: 1.5em; font-weight: bold;}
div#history p.type { font-size:3em; color:#ccc; text-align:right; }
#flashMessenger { display:none; }
.quieter { color: #dedede; }
.border-bottom { border-bottom:1px solid gray; }
.noborder { border-bottom:none; }
.error-blink{ background:url(../img/eloquence-icons/error-blinking.gif) no-repeat right; }

/** user groups association style **/
ul.groups { margin:0; padding-left:1.5em; }
ul.groups li { line-height:25px;  }
ul.groups li img { margin: 0 0 -5px 0; padding:0;  }


form#checklist label { font-weight:normal !important; }
form fieldset#fieldset-food div div { margin-bottom:1em; }

form#report-inventory label { width:12em; display: inline-block; }
form#report-inventory select{ width:12em; }

/** side nav style **/
ul.side-navigation, ul.side-navigation ul { padding-left:20px; margin:0;}