html, body { margin:0; padding:0; height:100%; font:12px/16px Tahoma, Geneva, sans-serif; color:#000; }
body { background:#444 url(pagebg.png); }

input, select, textarea { font:12px/16px Tahoma, Geneva, sans-serif; border:solid 1px #808080; margin:2px 0; width:340px; padding:5px 4px; border-radius:5px; box-shadow:inset #ccc 1px 1px 2px; -webkit-box-shadow:inset #ccc 1px 1px 2px; }
select { width:350px; padding:4px 0; }
textarea { height:40px; }
input:focus, select:focus, textarea:focus { border:solid 1px #f00; outline:none; }
table, tr, td { border-collapse:collapse; border:none; margin:0; padding:0; position:relative; }
td { position:relative; padding:0 10px 0 0; }
td.nospace { margin:0; padding:0; }
td table { width:100%; }
.listing tr { border-bottom:solid 1px #ddd; }
.listing tr:last-child { border:none; }
/* tr:hover { background:url(highlight.png); } */



.nav { position:relative; left:0; top:0; width:100%; margin:0; padding:5px 0; list-style:none; background:url(navbg.png) top repeat-x; border:none; }
.nav .breadcrumbs, .nav .funcs { float:left; padding:10px 10px 12px 10px; }
.nav .funcs { float:right; }
.nav .breadcrumbs ul, .nav .funcs ul { list-style:none; margin:0; padding:0; }
.nav .breadcrumbs ul li, .nav .funcs ul li { display:inline; }
.nav h1 { display:inline; font-size:12px; text-shadow:#000 -1px -1px 1px; color:#ccc; }
.nav h1 a { text-decoration:none; color:#ccc; }
.nav:first-child { padding-top:10px; }
.nav:last-child { padding-bottom:100px; }


#cont { background:#eee; padding:30px 0px 50px 10px; overflow:hidden; }



.clear { clear:both; }
.floatBox { position:relative; margin:0 60px 30px 0; float:left; }

.values input { text-align:center; }
input.halfWidth { width:160px; }
select.halfWidth { width:170px; }
input.small { width:80px; }
input.s { width:1px; visibility:hidden; }
.autoWidth { width:auto; }


.borderTable, .borderTable td { border:solid 1px #808080; }
.borderTable td { padding:3px; text-align:center; vertical-align:middle; }
.borderTable.left td { text-align:left; }
.borderTable.left td.right { text-align:right; }
.borderTable td.empty { background:rgba(0,0,0,0.06); }

.btn { text-decoration:none; background:#ccc url(btnbg.png) top repeat-x; border:solid 1px #808080; color:#000; margin:0; padding:5px 0; border-radius:5px; box-shadow:#666 2px 3px 2px; -webkit-box-shadow:#666 2px 3px 2px; }
.nav .btn { box-shadow:#000 2px 3px 2px; -webkit-box-shadow:#000 2px 3px 2px; }
.btn:hover, .btn:focus { background-color:#ddd; }
.btn:focus { border:solid 1px #f00; outline:none; }
.btn:active, .nav .btn:active { box-shadow:inset #666 1px 1px 2px; -webkit-box-shadow:inset #666 1px 1px 2px; border:solid 1px #808080; background-color:#ccc; }
.btn span { padding:0px 7px; }
.rowBtn { display:block; text-align:left; margin:7px 0; }
.rowBtn span { display:block; }

.whatsapp { padding-right:18px; background-image:url(icon_whatsapp.png), url(btnbg.png); background-position:right 3px, top; background-repeat:no-repeat, repeat-x; }

.labelColSpacer { width:100px; height:1px; }


.miscRow { white-space:nowrap; }
.miscRow .space { padding:0 0 0 6px; }
.center { text-align:center; }
.right { text-align:right; }
.left { text-align:left; }


#search { width:200px; }