body, html {height: 100%;}
body {background: #eff4f7 url(../img/bg-body.jpg) top repeat-x; font-size: 12px; margin: 0; color: #575856;}

a {color: #3a89ae; text-decoration: none;}
a:hover {text-decoration: underline;}

h1, h2, h3, h4, h5, h6 {font-weight: lighter; padding: 0; margin: 0;}
h1 {font-size: 12px; font-weight: bold; color: #a7efff; color: white;}
h2 {font-size: 14px; font-weight: bold; color: #2e3b42; margin: 3px 0 0 0;}
h2.line {border-bottom: 1px solid #e5e5e5; margin-bottom: 10px;}
h3 {font-size: 16px; color: #afb9be; margin: 2px 0 8px 0; line-height: 22px !important;}
h3.line { border-bottom: 1px solid #dde7ef; padding: 0 0 10px 0;}
h4 {color: #80a0b2; font-size: 14px;}
h5 {font-size: 12px; font-weight: bold; margin: 5px 0 0 0; color: #575856;}

input, textarea, select {color: #2d3133; border-top: 1px solid #c9d2d6; border-left: 1px solid #c9d2d6; border-bottom: 1px solid #e0eaee; border-right: 1px solid #e0eaee; background: white url(../img/input-bg.gif) top repeat-x;}
input, select {line-height: 1.2 !important; padding: 3px 2px;}
.submit, button {width: auto !important; padding: 5px 15px; margin: 10px 0 0 0; cursor: pointer; border: 0; background: #b0c6cc url(../img/submit.gif) top repeat-x; border: 1px solid #c9d8df;}
.submit:hover, button:hover {background-position: 0 -15px;}
.submit:focus, button:focus {background-position: 0 bottom;}
.s-small {padding: 2px 5px !important;}

form, fieldset, img {border: 0; padding: 0; margin: 0;}

h1, h2, h3, #top {font-family: arial, verdana, tahoma; line-height: 1.8;}
body, input, textarea, select, h4, h5, h6 {font-family: verdana, tahoma, arial; line-height: 1.8;}

h5 span {font-weight: lighter !important;}

table, tr, td {padding: 0; margin: 10px 0; border: 0; border-collapse: collapse; color: #3d4346; vertical-align: top;}
table {border: 1px solid #c2d6db;}
td {padding: 4px 6px; border-bottom: 1px solid #c2d6db; background: #fcfdfe;}
tr.head td {background: #c2d6db url(../img/table-heaad-bg.gif) bottom repeat-x; color: #4b585b; font-weight: bold; border-bottom: 2px solid #abc1c7;}
tr.even td {background: #eaf2f6;}
table.nostyle, table.nostyle tr, table.nostyle td {border: 0; padding: 0; margin: 0; background: none;}
tr.noborder td {border: 0;}

ul.decimals, ul.decimals li {list-style: inside decimal; padding: 0; margin: 0;}

#main {min-height: 100%; height: auto !important; height: 100%; position: relative; background: transparent url(../img/footer-bg.jpg) bottom repeat-x; min-width: 990px; width: expression(document.body.clientWidth < 991? "990px" : "100%");}
#container {width: 90%; min-width: 970px; width: expression(document.body.clientWidth < 989? "966px" : "90%"); margin: 0 auto; padding: 0 10px 60px 10px;}

#top {height: 60px;}
#top, #top h1, #top a {line-height: 33px; color: #eefbff;}
#top span {color: #88e5ef; padding: 0 6px;}

#nav {background: transparent url(../img/nav-bg.gif) top repeat-x; height: 51px; position: relative; border-left: 1px solid #3a88a9; list-style: none; padding: 0; margin: 0;}
#nav li {width: 16.63%; float: left; position: relative; background: transparent url(../img/nav-separator.gif) top right repeat-y; text-align: center; line-height: 51px;}
#nav li a {display: block; margin: 0 0 0 1px; background: transparent top center no-repeat; font-size: 1px !important; color: #eeefea; text-indent: -999px; overflow: hidden;}
#nav .home a {background-image: url(../img/nav-home.gif);}
#nav .settings a {background-image: url(../img/nav-settings.gif);}
#nav .products a {background-image: url(../img/nav-products.gif);}
#nav .customers a {background-image: url(../img/nav-customers.gif);}
#nav .invoices a {background-image: url(../img/nav-invoices.gif);}
#nav .quotations a {background-image: url(../img/nav-quotations.gif);}
#nav .quotations {float: right;}
#nav li a:hover {background-position: bottom center;}

#footer {border-top: 0px solid #d6e0e5; height: 40px; position: absolute; left: 0; bottom: 0; display: block; padding: 0; width: 100% !important; color: #e7f9ff; text-align: center; font-size: 11px; line-height: 40px;}
#footer, #footer a {color: #86e0ff;}
#footer span {padding: 0 6px; color: #2e8bad;}

.content {margin: 0; border-top: 1px solid #dde7ef; position: relative; padding: 10px 0; min-height: 1px;}
* html .content {height: 1px;}

.error {border: 1px solid #dfaaab; background: #fff5f5; color: #322929;}
.error strong {color: #a14042;}
.success {border: 1px solid #dcdaab; background: #faf8c5; color: #36362b;}
.error, .success {margin: 10px 0 15px 0; padding: 10px 15px;}

.notes {height: 100px; margin-bottom: 0;}
.notes-save {font-size: 1px !important; text-indent: -999px; overflow: hidden; width: 0px !important; height: 0px !important; background: transparent url(../img/notes-submit.gif) top left no-repeat; border: 0; padding: 15px 51px 0 0; margin: 5px 0; display: block; cursor: pointer;}
.notes-save:hover {background-position: 0 -15px;}

#pagenav {padding: 3px 0 20px 25px; margin: 5px 0 0 0; border-bottom: 0px solid #dde7ef; color: #aab1b5; font-size: 11px; background: transparent url(../img/icon-folders.gif) 0 4px no-repeat;}

.clear {display: block; width: 0px !important; height: 0px !important; font-size: 1px !important; line-height: 0px !important; color: #eeefea; text-indent: -999px; overflow: hidden;}

.button {height: 24px; line-height: 23px; display: inline-block; overflow: visible; background: transparent url(../img/button-bg.gif) top left repeat-x; color: #494f52; text-decoration: none !important;}
.button span {background: transparent url(../img/button-left.gif) top left no-repeat; display: inline-block; cursor: pointer; height: 24px;}
.button span span {background: transparent url(../img/button-right.gif) top right no-repeat; padding-left: 20px; padding-right: 20px;}
.button:hover, .button:hover span {background-position: 0 -24px;}
.button:active, .button:active span {background-position: 0 -48px;}
.button:hover span span {background-position: right -24px;}
.button:active span span {background-position: right -48px;}
.button-d {background-image: url(../img/button-bg-dark.gif); color: white;}
.button-d span {background-image: url(../img/button-left-dark.gif);}
.button-d span span {background-image: url(../img/button-right-dark.gif);}

.icon {background: transparent left center no-repeat; padding: 1px 0 1px 22px; position: relative;}
.icon-status_online {background-image: url(../img/icon-status_online.gif);}
.icon-folders {background-image: url(../img/icon-folders.gif);}
.icon-papers {background-image: url(../img/icon-papers.gif);}
.icon-pencil {background-image: url(../img/icon-pencil.gif);}
.icon-bin {background-image: url(../img/icon-bin.gif);}
.icon-magnifier {background-image: url(../img/icon-magnifier.gif);}
.icon-mail {background-image: url(../img/icon-mail.gif);}
.icon-tick {background-image: url(../img/icon-tick.gif);}
.icon-clipboard {background-image: url(../img/icon-clipboard.gif);}
.icon-cross {background-image: url(../img/icon-cross.gif);}
.icon-pdf {background-image: url(../img/icon-pdf.gif);}
.icon-help {background-image: url(../img/icon-help.gif);}
h2.icon {padding-left: 24px;}

.trigger-toggle {background: transparent url(../img/icon-toggle.gif) 0 9px no-repeat; padding: 0 0 0 15px; margin-bottom: 15px; display: block;}
.trigger-toggle_active {background-position: 0 -17px;}


.w5 {width: 5%;}
.w8 {width: 8%;}
.w10 {width: 10%;}
.w12 {width: 12%;}
.w15 {width: 15%;}
.w20 {width: 20%;}
.w25 {width: 25%;}
.w30 {width: 30%;}
.w32 {width: 32%;}
.w325 {width: 32.5%;}
.w33 {width: 33%;}
.w40 {width: 40%;}
.w48 {width: 48%;}
.w49 {width: 49%;}
.w50 {width: 50%;}
.w60 {width: 60%;}
.w68 {width: 68%;}
.w95 {width: 95%;}
.w97 {width: 97%;}
.w98 {width: 98%;}
.w99 {width: 99% !important;}
.w100 {width: 100%;}
.wauto {width: auto !important;}

td.tools {text-align: right;}
td.tools a {margin: 3px 0 -3px 5px; padding: 16px 16px 0 0 !important; width: 0px !important; height: 0px !important; font-size: 1px !important; line-height: 0px !important; display: inline-block; text-indent: -999px; overflow:hidden;}

form.wide {width: 100%;}
form.wide input, form.wide textarea, form.wide select {width: 100%; margin-bottom: 10px; font-size: 12px;}
form.wide .fieldset {background: #fcfdfe; border: 1px solid #dde5eb; padding: 5px 21px 5px 15px; margin: 5px 0 5px 0;}
form.wide .fieldset .fieldset h5 {color: #757674;}
form.wide .fieldset .fieldset {background: #f2f7f8;}

.strong {font-weight: bold;}

.red {color: #b84330 !important;}
.grey {color: #8a9296;}

.hide {display: none;}

.aligncenter {text-align: center;}
.alignright {text-align: right;}
.alignleft {text-align: left;}

.marginauto {margin-left: auto; margin-right: auto;}
.nomargin {margin: 0 !important;}

.floatleft {float: left; position: relative;}
.floatright {float: right; position; relative;}

.clear {clear: both;}