body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	background-color: #EEE;
	color: #555;
	margin: 0; padding: 0;
	text-align: center;
}

/* <HEADERS> */
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; text-transform: uppercase; }
h1 { display: none; }

h2 { font-size: 160%; margin-bottom: 20px; color: #204376; }
h2 span { color: #777; }

h3 { font-size: 130%; }
h4 { font-size: 110%; }
/* </HEADERS> */

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

a.toggler { padding-left: 12px; background: url(../img/icon_toggler_closed.png) no-repeat; }
a.opened { background: url(../img/icon_toggler_opened.png) no-repeat; }

p { margin: 0; padding: 0; }
p.vcenter { padding-top: 7px; }

p.search_response { font-size: 160%; margin: 0 0 10px 0; }

input, textarea { font-family: Verdana; border: 1px solid #999; font-size: 100%; margin: 0; outline-color: #81a2c1; color: #333; padding: 2px; }
select { font-family: Verdana; font-size: 100%; }

input.search { font-size: 120%; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 2px 4px; outline: 0 none; }

i.noitems { font-size: 120%; padding: 5px; display: block; }

img.inner { float: left; margin: 10px; }
img.inner_left { float: left; margin: 0 10px 10px 0; }
img.inner_right { float: left; margin: 0 0 10px 10px; }

img.transparent { opacity: .2; filter: alpha(opacity = 6); }

div.column { float: left; margin: 0; padding: 0; }

div.pages { margin: 3px 0; padding: 5px; border: 1px solid #BBB; background-color: #f2f2f2; color: #999; font-size: 90%; }
div.pages b { background-color: #204376; color: #FFF; padding: 2px 4px; font-size: 120%; border: 2px solid #FFF; }
div.pages a { color: #555; padding: 0 2px; }

div.year_filter { margin: 0 0 20px 0; }
div.year_filter a { font-size: 120%; padding: 0 5px; }
div.year_filter a.actual { font-weight: bold; }

.txt-logout { text-align: center; margin: 10px; }

/* <FIELDSET> */
fieldset { border: 1px solid #BBB; margin: 20px 0 10px 0; padding: 0 0 10px 0; display: block; background-color: #f2f2f2; -webkit-box-shadow: 2px 2px 4px #999; -moz-border-radius: 5px; }
fieldset legend { color: #FFF; background-color: #204376; margin: 0 0 0 10px; font-size: 14px; padding: 2px 5px 2px 5px; text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 3px; }
fieldset legend a { color: #FFF; }
fieldset label { float: left; width: 150px; margin: 0; }
fieldset label.inline { float: none; }
fieldset .blockize { width: 300px; max-width: 300px; }
fieldset .blockize-select { width: 356px; padding: 2px; font-size: 11px; color: #333; border: 1px solid #999; }
fieldset .noborder { border: none; }
fieldset .row { clear: both; margin: 0 0 3px 10px; min-height: 20px; }
fieldset .first { margin-top: 15px; }

fieldset .txt-legend { margin: 3px 0 10px 150px; color: #555; font-style: italic; }

fieldset .group { float: left; width: 40px; }
fieldset .group label { float: right; width: 10px; margin: 0; }
fieldset .group .row { margin: 0; }

fieldset.submit { text-align: center; border: none; }
fieldset.submit input { border: none; font-weight: bold; height: 25px; }

input.cb_inline { position: relative; top: 1px; border: none; }
input.cb_inlinerow { position: relative; top: 3px; border: none; }
input.cb_datefield { position: relative; top: 3px; height: 14px; }
/*----------*/

table.list { width: 100%; border: 1px solid #777; border-collapse: collapse; cursor: default; }
table.list th { background-color: #777; color: #DDD; border-bottom: 1px solid #777; font-size: 100%; /*text-shadow: #333 1px 1px 2px;*/ height: 26px; text-align: left; }
table.list th.small { font-size: 90%; }
table.list tr.odd { background-color: #FFF; border-bottom: 1px solid #eee; }
table.list tr.even { background-color: #DDD; border-bottom: 1px solid #ccc; }
table.list tr.over { background-color: #426598; color: #FFF; }
table.list tr.over a { color: #FFF; }
table.list th a { color: #FFF; height: 24px; padding: 2px 0; }
table.list th a.order_asc { background: url(../img/order_asc.png) right no-repeat; padding-right: 24px; }
table.list th a.order_desc { background: url(../img/order_desc.png) right no-repeat; padding-right: 24px; }

.dropdown { position: relative; display: inline-block; margin-left: 4px; }
.dropdown .caret { display: inline-block; width: 20px; height: 20px; background: url(../img/icon_dropdown_black.png) center no-repeat; }
.dropdown .dropdown-menu { position: absolute; top: -14px; right: -7px; background-color: #fff; border: 1px solid #999; padding: 10px; display: none; box-shadow: 0 0 8px rgba(0,0,0,.6); }
.dropdown:hover .dropdown-menu { display: block; }
.dropdown .dropdown-menu a { padding: 0 2px; }

#skipNav { display: none; }

#container { text-align: left; width: auto; }

#header { background: url(../img/header_bg.gif) repeat-x; height: 133px; }
#header div.logo { width: 516px; height: 133px; background: url(../img/logo.gif) no-repeat; }

#response {  }
#response div { margin: 0 0 20px 0; padding: 10px; font-size: 110%; -webkit-box-shadow: 2px 2px 4px #999; }
#response p { margin: 0 0 5px 43px; font-size: 110%; }
#response ul { margin: 0 0 0 64px; padding: 0; list-style-type: square; }
#response .success { color: #FFF; background: url(../img/success_big.png) 10px 10px no-repeat; background-color: #278d10; border: 2px solid #FFF; display: table; height: 40px; }
#response .error   { color: #FFF; background: url(../img/alert_big.png) 10px 10px no-repeat; background-color: #A22; border: 2px solid #FFF; display: table; height: 40px; }
#response .info    { color: #FFF; background-color: #00F; border: 1px solid #000; }

#userinfo { height: 21px; background: url(../img/userinfo_bg.gif) repeat-x; font-size: 110%; color: #FFF; text-align: right; text-shadow: #000 1px 1px 1px; padding: 3px 0 0 0; }
#userinfo a { color: #FFF; padding: 0 10px 0 22px; }
#userinfo a.backup { background: url(../img/action_backup.png) no-repeat; border-right: 1px dotted #888; margin-right: 5px; }
#userinfo a.logout { background: url(../img/action_logout.png) no-repeat; margin-left: 5px; }
#userinfo span.username { padding: 0 10px 0 22px; margin-right: 10px; border-right: 1px dotted #888; font-weight: bold; background: url(../img/icon_logged.png) no-repeat; }

#nav { display: none; position: absolute; width: 93px; background: url(../img/dropdown_bg.gif) repeat-x; background-color: #233d62; z-index: 999; cursor: default; border-right: 1px solid #162e50; border-bottom: 4px solid #162e50; }
#nav ul { list-style-type: none; margin: 5px 0 5px 0; padding: 0; font-size: 110%; text-align: left; font-size: 120%; }
#nav li { margin: 0 0 2px 0; padding: 0; }
#nav li.last { border: none; margin-bottom: 0; }
#nav a  { display: block; color: #FFF; padding: 3px 10px; text-shadow: #000 1px 1px 1px; }
#nav a:hover { text-decoration: none; background-color: #324d73; }

#subnav { height: 34px; background: url(../img/subnav_bg.gif) repeat-x; position: relative; }

#actions { float: left; }
#actions ul { list-style-type: none; margin: 0; padding: 8px 0 0 5px; font-size: 120%; }
#actions li { float: left; margin: 0 0 0 17px; padding: 0; }
#actions li.first { margin: 0; }
#actions a  { color: #555; text-shadow: #FFF 1px 1px 1px; display: block; padding: 1px 0 0 24px; height: 24px; }
#actions a.new { background: url(../img/action_new.png) no-repeat; }
#actions a.newwork { background: url(../img/action_newwork.png) no-repeat; }
#actions a.viewall { background: url(../img/action_viewall.png) no-repeat; }
#actions a.excel { background: url(../img/action_excel.png) no-repeat; }
#actions a.print { background: url(../img/action_print.png) no-repeat; }
#actions a.back { background: url(../img/action_back.png) no-repeat; }
#actions a.save { background: url(../img/action_save.png) no-repeat; }
#actions a.reset { background: url(../img/action_reset.png) no-repeat; }
#actions a.delete { background: url(../img/action_delete.png) no-repeat; }
#actions a.create_pdf { background: url(../img/action_createpdf.png) no-repeat; }
#actions a.create_pdf2 { background: url(../img/action_createpdf2.png) no-repeat; }

#jump_section { float: left; width: auto; height: 34px; background: url(../img/area_bg.gif) right no-repeat; cursor: default; }
#jump_section h2 { color: #FFF; padding: 7px 40px 0 17px; margin-left: 10px; font-size: 150%; background: url(../img/icon_dropdown.png) 0 15px no-repeat; text-transform: none; text-shadow: #000 1px 1px 1px; }

#search { position: absolute; top: 6px; right: 10px; background: url(../img/action_search.png) 0 3px no-repeat; padding: 0 0 0 25px; }

#content { margin: 0; padding: 20px; background: url(../img/page_bg.gif) repeat-x; min-height: 250px; }

fieldset#auth { width: 200px; text-align: left; }
fieldset#auth legend {  }
fieldset#auth input { width: 170px; }
fieldset#auth .row { margin-left: 0; text-align: center; }
fieldset#auth .button { text-align: right; margin-right: 10px; }

#footer { clear: both; }