/* @group Reset */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
/*border-collapse: collapse;*/
border-spacing: 0;
}
/* @end */
/* @group Sticky Footer #1 */
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -45px;
background: white;
}
/* @end */
/* @group Defaults */
p{
margin: 0 0 1.8em 0;
}
a {
text-decoration: none;
color: #f30;
}
a:hover {
text-decoration: underline;
color: #f30;
}
ol, ul, p, table {
margin: 0 0 1.8em 0;
}
li {
background: transparent url(../images/icon-dot.gif) no-repeat 0 6px;
margin-left: 0;
padding-left: 10px;
}
ol li {
list-style-type: decimal;
background: none;
padding: 0;
margin-left: 2.5em;
}
/* @end */
/* @group Structure */
body {
text-align: center;
font: 11px/18px "Trebuchet MS", Arial, Verdana, sans-serif;
min-width: 960px;
margin: auto;
color: #666;
}
.plain {
font-size: 11px;
color: #666;
}
.dataaccessed {
font-size: 20px;
color: green;
}
.page {
width: 960px;
margin: 0 auto;
text-align: left;
padding-left: 10px;
}
#content{
padding: 20px 10px 60px 10px;
}
#container {
width: 100%;
}
#footer{
color: #707070;
border-top: 1px solid #ccc;
background-color:#f5f5f5;
}
#footer .footer-body {
font-size: 12px;
width: 960px;
margin: 0 auto;
padding: 10px;
min-height: 45px;
text-align: left;
}
#footer p{
display: inline;
color: #707070;
}
a.toplink{
float: right;
color: #707070;
}
/* @group Header + User Menu */
#header {
width: 100%;
height: 50px;
line-height: 30px;
background-color: #ffffff;
color: #03460f;
padding-top: 10px;
}
#header h1 {
width: auto;
height: 30px;
line-height: 30px;
font-size: 20px;
letter-spacing: 1px;
float: left;
margin: 0 20px 0 0;
}
#header h1 em {
font-weight: normal;
font-style: normal;
color: #999;
}
#header img {
float: left;
margin-right: 1em;
}
#usermenu {
text-align: right;
color: #999;
font-size: 11px;
}
#usermenu ul {
height: 12px;
margin: 14px 0;
float: right;
width: auto;
}
#usermenu ul li {
float: left;
background: none;
padding: 0;
}
#usermenu ul li.greeting {
padding: 0 0.5em;
line-height: 12px;
color: #020e05;
}
#usermenu ul li a {
color: green;
line-height: 12px;
display: block;
padding: 0 0.5em;
border-left: 1px solid #999;
}
#usermenu ul li a#logout,
#usermenu ul li a#home {
color: #041309;
}
#usermenu ul li a:hover{
color: #f30;
}
/* @end */
/* @group Main Menu */
#mainmenu {
position: relative;
width: 100%;
height: 60px;
margin: 0;
list-style-type: none;
}
#mainmenu li {
min-width: 70px;
height: 31px;
line-height: 30px;
float: left;
background: none;
padding: 0;
}
#mainmenu li a {
display: block;
min-width: 50px;
padding: 0 10px;
height: 31px;
line-height: 30px;
text-align: center;
float: left;
color: #fff;
}
#mainmenu li.current {
color: #fff;
background: url(../images/menu-active-bg.gif) no-repeat right 0;
}
#mainmenu li.current a {
color: #fff;
background: url(../images/menu-active-bg-left.gif) no-repeat 0 0;
}
#mainmenu li ul {
display: none;
width: 100%;
height: 29px;
position: absolute;
top: 31px;
left: 0;
}
#mainmenu li.current ul {
display: block;
}
#mainmenu li.current ul a, #mainmenu li.current ul a:hover {
background: none;
}
#mainmenu li:hover ul {
display: block;
}
#mainmenu li ul li a {
line-height: 29px;
}
#searchform{
position: absolute;
right: 0;
top: 0;
}
#searchform input{
float: left;
}
input#s{
width: 158px;
font-size: 11px;
margin: 3px 0;
padding: 4px;
color: #999;
}
input#s.black{
color: #000;
}
input#search_btn{
border: none;
padding: 0;
}
/* @end */
/* @end */
#subheader{
height: 40px;
border-bottom: 1px solid #8bbde2;
}
#subheader h2{
font-size: 16px;
line-height: 40px;
font-weight: normal;
float: left;
margin: 0 8px 0 0;
}
#content h3 {
font-size: 14px;
color: #a0080d;
font-weight: normal;
margin: 0 0 0.8em 0;
}
#content h4 {
font-size: 12px;
color: #009f2f;
font-weight: bold;
margin: 0 0 0.8em 0;
}
/* @group Forms */
form p {
margin: 0 0 1em 0;
clear: both;
}
fieldset{
border: 1px solid #c5c9cb;
padding: 1em;
margin: 0 0 1em 0;
}
fieldset h4 {
padding-left: 10px;
}
legend{
color: #000;
padding: 0.2em 0.6em;
font-weight: bold;
width: inherit;
}
legend {
color:#A0080D;
font-size:14px;
font-weight:normal;
}
label{
display: block;
width: 140px;
margin: 0 30px 0 10px;
float: left;
/*text-indent: 1em;*/
}
label.checkbox, label.radio{
margin: 0 10px 0 0;
padding: 0.4em 0;
text-indent: 0;
line-height: 18px;
}
label.checkbox input, label.radio input{
margin: 0 0.4em 0 0;
vertical-align: top;
border: none;
}
p.radio span {
margin-left: 150px;
display: block;
}
input, textarea{
border: 1px solid #c66;
padding: 3px;
}
.submit, .btn, button, a.button{
color: #fff;
padding: 5px;
border: 1px solid #c66;
background: url(../images/search-bg.gif) repeat-x left center;
margin-left: 0.5em;
font-size: 1em;
}
a.button:hover {
text-decoration: none;
}
.submit:hover, .btn:hover, button:hover {
cursor: pointer;
}
a.export-pdf {
background: url(../images/icon-pdf.gif) no-repeat left center;
padding-left: 24px;
}
a.export-csv {
background: url(../images/icon-csv.gif) no-repeat left center;
padding-left: 24px;
height: 17px;
}
a.view-performance-data {
background: url(../images/chart_curve.png) no-repeat left center;
padding-left: 24px;
height: 17px;
}
p.buttons, input[type="number"]{
text-align: right;
}
input.text, input[type="date"], input[type="number"], input.password, select, textarea {
width: 300px;
}
/* @end */
/* @group Classes */
.formnote {
margin: 0 0 0 10px;
color: #397D02;
margin-bottom: 0.8em;
}
.grey {
color: #666;
}
.announce, .controls {
padding: 1em 1em 1em 4em;
border: 1px solid #a4c423;
border-left-width: 3px;
margin: 0 0 1em 0;
background: #edffc2 url(../images/announce.gif) no-repeat 9px 9px;
}
.announce ul > ul > li {
margin-left: 30px;
list-style: circle;
background : none;
padding-left: 5px;
}
.controls {
padding-left: 1em;
border-left-width: 1px;
background: #ffffcc;
border: none;
}
.controls a {
margin-right: 1em;
}
.msg{
position: relative;
padding: 0.6em 1em 0.6em 3em;
border: 1px solid #53afe5;
border-left-width: 3px;
margin: 0 0 1em 0;
font-weight: bold;
height: 1%;
}
.success{
border-color: #53afe5;
color: #53afe5;
background: #c2e8ff url(../images/success.gif) no-repeat 3px center;
}
.warning{
border-color: #ff6f0d;
color: #ff6f0d;
background: #ffe5ad url(../images/warning.gif) no-repeat 3px center;
}
.error{
border-color: #ff1212;
color: #ff1212;
background: #fff4f4 url(../images/error.gif) no-repeat 3px center;
}
.close{
display: block;
position: absolute;
right: 3px;
top: 3px;
width: 16px;
height: 16px;
background: url(../images/close.png) no-repeat 0 0;
}
.closehover, .close:hover{
background: url(../images/close.png) no-repeat -16px 0;
cursor: pointer;
}
tr.inactive td, tr.inactive td a {
color: #aaa;
}
.fauxclear{ width: 100%; height: 1px; }
.clear{ clear: both; }
.clearleft{ clear: left; }
.clearright{ clear: right; }
.pri { color: #a0080d; }
.sec { color: #009f2f; }
.ter { color: #9fc115; }
.floatleft { float: left; width: 30%;}
.floatright { float: right; }
.span1 { width: 60px; padding: 0 10px; }
.span2 { width: 140px; padding: 0 10px; }
.span3 { width: 220px; padding: 0 10px; }
.span4 { width: 300px; padding: 0 10px; }
.span5 { width: 380px; padding: 0 10px; }
.span6 { width: 460px; padding: 0 10px; }
.span7 { width: 540px; padding: 0 10px; }
.span8 { width: 620px; padding: 0 10px; }
.span9 { width: 700px; padding: 0 10px; }
.span10 { width: 780px; padding: 0 10px; }
.span11 { width: 860px; padding: 0 10px; }
.span12 { width: 940px; padding: 0 10px; }
.container1 { width: 80px; padding: 0; }
.container2 { width: 160px; padding: 0; }
.container3 { width: 240px; padding: 0; }
.container4 { width: 320px; padding: 0; }
.container5 { width: 400px; padding: 0; }
.container6 { width: 480px; padding: 0; }
.container7 { width: 560px; padding: 0; }
.container8 { width: 640px; padding: 0; }
.container9 { width: 720px; padding: 0; }
.container10 { width: 800px; padding: 0; }
.container11 { width: 880px; padding: 0; }
.container12 { width: 960px; padding: 0; }
/* @end */
/* @group Table */
table{
width: 100%;
}
th {
font-weight: normal;
text-align: left;
color: #009f2f;
font-size: 11px;
}
th, td {
padding: 2px;
border-bottom: 1px solid #c5c9cb;
}
tr.alt,
tr.alt td {
background-color: #F0F0F6;
}
tr:hover td {
background-color: #FFFFCC ;
}
tr:hover th {
background-color: #fff;
}
/*@group DatePicker */
a.dp-choose-date {
float: left;
width: 16px;
height: 16px;
padding: 0;
margin: 5px 3px 0;
display: block;
text-indent: -2000px;
overflow: hidden;
background: url(../images/calendar.png) no-repeat;
}
a.dp-choose-date.dp-disabled {
background-position: 0 -20px;
cursor: default;
}
/* makes the input field shorter once the date picker code
* has run (to allow space for the calendar icon
*/
input.dp-applied {
width: 200px;
float: left;
}
.highlighted {
background-color: #ffffcc;
}
/* @group Trips */
#col1, #col2 {
float: left;
display: block;
width: 458px;
}
#col1 input.text, #col1 input.password, #col1 select, #col1 textarea,
#col2 input.text, #col2 input.password, #col2 select, #col2 textarea{
width: 250px;
}
/* @end */
*:first-child+html .priceTable {
width: 96%;
}
tr:hover th.hover {
background-color:#FFFFCC !important;
}
.priceImport{
clear: none;
width: 100px;
width: 48px;
text-align: right;
}
.listItemsHolder li{
background: none;
}
#graphnotes{
display: block;
}
input.smallgraph{
width: 50px;
}
.inputWarning {
border: 2px solid #ff0000!important;
outline: none;
}
.WarningBrief{
color: red;
font-weight: bold;
margin-top: -8px;
margin-left: 20px;
}
.pager {
text-align: left;
margin: 11px 0;
}
select{
font-family: sans-serif;
font-size: 13px;
font-weight: normal;
border-radius:4px;
border:1px solid #AAAAAA;
background:#F8F8F8;
}
label{
font-weight: normal;
}
input,button{
line-height: normal;
}
hr{
border-top: 1px solid #888888;
margin-top: 10px;
margin-bottom: 10px;
}
.printbutton{
border: 1px solid #7d6868;
border-radius: 5px;
padding: 2px 5px 2px 5px;
background: none;
}
.printbutton:hover{
background: #052a0a;
color: white;
}
.hidedate{
display:none;
}
#item_img{
height: 150px;
border: 1px solid #c5c9cb;
border-radius: 4px;
padding: 5px;
}
#item_img:hover{
box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}
.rightalign{
text-align: right;
}
.red{
color: red;
}
.green{
color: green;
}
.mainbuilditem{
font-weight:bold;
color: #515151;
}
#adjust_inventory{
height:500px;
overflow: scroll;
}
.tax_selector label{
display: none;
}
.tax_selector select{
width:60px;
}
.inventory_table input,.inventory_table input[type=number]{
width: 100%;
}
.no_border th, td{
border-bottom: none;
}
.currency-icon {
position: absolute;
width: 15px;
text-align: left;
margin-left: 5px;
}
.right_float{
float: right;
}
textarea:disabled, select:disabled, input:disabled{
color: darkgrey;
}
.inventory_table textarea{
width: 100%;
height: 20px;
line-height: normal;
}
.help{
width: 23px;
height: 23px;
display: inline-block;
text-align: center;
font-size: 18px;
line-height: 100%;
font-family: sans-serif;
margin: 7px 0px;
border: 2px solid #ffcccc;
border-radius: 12px;
padding: 1px;
}
.help:hover{
background: #ff0000;
}
.margin-left-180{
margin-left: 180px;
}
.report-button{
margin-top: 10px;
}
.report-button-float-right{
float: right;
}
.report-td-padding{
padding: 1px;
}
.report-td-text-align{
text-align:right;
}
.report-td-background-even{
background-color: #F0F0F6;
}
.report-td-background-odd{
background-color: #FFFFFF;
}
.report-vertical-alt{
vertical-align: middle;
background-color: #F0F0F6;
}
.report-vertical{
vertical-align: middle;
}
.report-textarea{
width: 100%;
height: 100%;
vertical-align: top;
}
.report-header, report-header:hover{
background-color: #e6EEEE !important;
border: 1px solid #FFF;
font-size: 8pt;
padding: 4px;
}
.report-div-scrollable{
overflow:scroll;
height:600px;
}
.marginbottom{
margin-bottom: 20px;
}
tbody th{
border-bottom: none;
}
tbody tr:hover th {
background-color: #FFFFCC ;
}
.mt-0 {
margin-top : 0 !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.total-bt{
border-top: 1px dotted gray;
}
.non-maxtend{
border-color:#F00;
}
}