<!--
html, body { height:100%; }
body * { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; }
html { background:url(style/body-bg.jpg) right bottom no-repeat; background-attachment:fixed; }
inpu:focus { outline-style:none }
a, object, input { outline-style:none; text-decoration:none; }
a:hover { text-decoration:underline; }
h1 { margin:10px; font-size:18px; font-weight:bold; color:#315725; }

/* LOGIN + CHPWD*/
form#login, form#chPwd { width:280px; border:solid 1px #ccc; padding:5px; margin:0px auto; background:url(style/login-bg.jpg) no-repeat left bottom #f3ffe1; }
form#login div, form#chPwd div { padding:3px; }
form#login b, form#chPwd b { width:110px; float:left; display:inline; }
input.textfield { height:20px; width:150px; background:url(style/input-bg.jpg) repeat-x #fff; border:solid 1px #ccc; padding:0px 2px; }
input.textfield:focus { background-image:url(style/input-bg-over.jpg); }
input.button { height:20px; background:url(style/button-bg.jpg) repeat-x; border:solid 1px #315725; color:#fff; font-weight:bold; padding:0px 5px; padding-bottom:2px; cursor:pointer; }
input.button:focus { background-image:url(style/button-bg-over.jpg); }
a.passwordForgottenLink { font-weight:normal; font-size:11px; background:url(style/small-lock.gif) no-repeat; padding-left:13px; } 

/* POPUP */
div#popupBg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:#000000; opacity:0.5; filter:alpha(opacity=50); z-index:5; }
div#popupWindow { background:#FFF; border:solid 1px #51611a; position:absolute; top:0px; left:0px; width:610px; height:auto; z-index:6; padding:10px; overflow:auto; color:#000; }
.redMsg { font-weight:bold; color:#de0000; }

/* MENU */
div.menu { background-color:#78aa69; width:100%; padding:5px 0px; margin-bottom:10px; }
div.menu a { height:25px; font-weight:bold; color:#eee; margin-left:10px; }
div.menu a.selected { font-size:15px; color:#fff; }
div.menu span { width:1px; height:10px; margin-left:10px; font-size:15px; color:#eee; font-weight:bold; position:relative; top:-1px; }


table.mainTable { width:100%; height:100%; }


/* COLUMN */
div.column { border:solid 1px #ccc; margin:10px; float:left; display:inline; min-height:200px; }
div.column form { margin-left:5px; margin-top:5px; }
div.column div.heading { font-weight:bold; font-size:12px; padding:5px; border-bottom:solid 1px #ccc; color:#fff; }
div.column.list { width:400px; background: url(style/list-bg.jpg) bottom right no-repeat #f3ffe1; border-color:#c0dda8; }
div.column.list div.heading { background: url(style/green-header-bg.jpg) repeat-x #78AA69; }
div.column.details { width:400px; background: url(style/details-bg.jpg) bottom right no-repeat #fff4f4; border-color:#eacdcb; }
div.column.details div.heading { background: url(style/red-header-bg.jpg) repeat-x #c33e3e; }

div.emptyList { padding:20px; text-align:center;}

form { padding:5px; }
form label { width:120px; float:left; display:inline; margin-top:2px; }
form input { margin-bottom:8px; }

ol li { list-style:decimal outside; margin:5px 8px; margin-bottom:15px; margin-left:40px; }
ol li a { color:#000; position:relative; top:-1px; }

div#resultBox, div#permanentResultBox { height:24px; border:solid 1px; padding-left:10px; padding-top:6px; font-size:14px; margin:0px 10px; margin-bottom:10px; overflow:hidden; }
div#resultBox.failure, div#permanentResultBox.failure { font-weight:bold; color:#900; border-color:#900; background:#FDECEC; }
div#resultBox.success, div#permanentResultBox.success { color:#050; border-color:#050; background:#E9F7DF; }


div.loginPanel { width:280px; float:right; margin:15px 30px; }

/* FORMS LISTING */
table.formsListing { width:98%; }
table.formsListing thead td { padding-bottom:10px; font-size:14px; }
table.formsListing tbody td { padding-bottom:10px; padding-right:15px; }

.sortAsc { padding-right:10px; background:url(style/arrow-up.gif) right center no-repeat; color:#8d0505 }
.sortDesc { padding-right:10px; background:url(style/arrow-down.gif) right center no-repeat; color:#8d0505 }

.searchField { float:right; color:#fff; position:relative; top:-3px; }
.searchField span { color:#fff; }

/* PAGEING */
div.pageing { margin-top:20px; height:30px; }
div.pageing * { float:left; display:inline; }
div.pageing option { float:none; display:inherit; }
div.pageing .first, div.pageing .prev, div.pageing .next, div.pageing .last { width:9px; height:9px; background-repeat:no-repeat; margin-right:7px; margin-top:3px; font-size:1px; }
div.pageing .first { background-image:url(style/arrow-left-double.gif); }
div.pageing .prev { background:url(style/arrow-left.gif); }
div.pageing .next { background-image:url(style/arrow-right.gif); }
div.pageing .last { background:url(style/arrow-right-double.gif); }
div.pageing span { margin:0px 5px; }
div.pageing select { margin-right:15px; position:relative; top:-2px; }
-->