body {
margin: 0px;
background: #51626f top center fixed url(/imgs/page-bg.jpg);
}
body, p, i, ul, li, input, select, option, textarea, td {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #000;
}
a {
font-weight: bold;
color: #2E3A4D;
}
a:hover {
color: #CC0033;
}

h2 {
font-size: 18px;
}
.bold10 {
font-size: 8pt;
font-weight: bold;
}
.red10 {
font-size: 8pt;
color: #C03;
}
.red12 {
font-size: 9pt;
color: #C03;
}
.red14 {
font-size: 14px;
color: #C03;
}
.red16 {
font-size: 14px;
color: #C03;
}
.black10 {
font-size: 8pt;
color: #000;
}
.black12 {
font-size: 9pt;
color: #000;
}
.black14 {
font-size: 14px;
color: #000;
}
.black16 {
font-size: 16px;
color: #000;
}
.blue14  {
font-size: 14px;
color: #69F;
}
.bold16 {
font-size: 16px;
color: #C03;
font-weight: bold;
}
.purple12 {
font-size: 9pt;
color: #609;
}
.white10 {
font-size: 8pt;
color: #FFF;
}
.white12 {
font-size: 9pt;
color: #FFF;
}
.reportdata {
font-size: 8pt;
color: #000;
}
.reportheader {
font-size: 9pt;
color: #000;
font-weight: bold;
}
.reportheader2 {
font-size: 9pt;
color: #C03;
font-weight: bold;
}

.contentCell {
padding: 2px;
}

.invertRow {
border-top: 1px solid #C1CADA;
border-bottom: 1px solid #C1CADA;
background: #E0E5EE;
}

.headerMenu {
border: 1px solid #000;
text-align: center;
background: #56289D;
}
.headerMenu a {
display: block;
padding: 1px;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
text-decoration: none;
color: #FFF;
}
.headerMenu a:hover {
background: #7133CC;
}
.headerMenu a:active {
background: #000;
}
.smallButton a {
border: 1px solid black;
text-align: center;
padding: 1px 4px 1px 4px;
margin-right: 2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 7pt;
font-weight: bold;
text-decoration: none;
color: #000;
background: #DDD;
line-height: 14px;
cursor: pointer;
}
.smallButton a:hover {
background: #FFF;
}
.smallButton a:active {
background: #000;
color: #FFF;
}
.alert_error {
background: #ffd9d8 url(/imgs/icons/exclamation.png) center no-repeat;
background-position: 15px 50%;
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ff797d;
border-bottom: 2px solid #ff797d;
margin: 10px 0px 10px 0px;
}
.alert_warning {
background: #fff6bf url(/imgs/icons/error.png) center no-repeat;
background-position: 15px 50%;
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
margin: 10px 0px 10px 0px;
}
.alert_info {
background: #f8fafc url(/imgs/icons/information.png) center no-repeat;
background-position: 15px 50%;
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #b5d4fe;
border-bottom: 2px solid #b5d4fe;
margin: 10px 0px 10px 0px;
}
.alert_confirm {
background: #dcffdf url(/imgs/icons/accept.png) center no-repeat;
background-position: 15px 50%;
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #86ff88;
border-bottom: 2px solid #86ff88;
margin: 10px 0px 10px 0px;
}
/* BUTTONS */
.fbuttons a, .fbuttons button{
display:block;
float:left;
margin:0 7px 0 0;
background-color:#f5f5f5;
border:1px solid #dedede;
border-top:1px solid #ccc;
border-left:1px solid #ccc;

font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size:90%;
line-height:130%;
text-decoration:none;
font-weight:bold;
color:#222222;
cursor:pointer;
padding:3px 8px 4px 5px; /* Links */
}
.fbuttons button{
width:auto;
overflow:visible;
padding:2px 8px 1px 5px; /* IE6 */
}
.fbuttons button[type]{
padding:3px 8px 3px 5px; /* Firefox */
line-height:15px; /* Safari */
}
*:first-child+html button[type]{
padding:2px 8px 1px 5px; /* IE7 */
}
.fbuttons button img, .fbuttons a img{
margin:0 3px -3px 0 !important;
padding:0;
border:none;
width:16px;
height:16px;
}
/* STANDARD */
button:hover, .fbuttons a:hover{
background-color:#89ABE3;
border:1px solid #627AA2;
color:#111111;
}
.fbuttons a:active{
background-color:#6299c5;
border:1px solid #6299c5;
color:#fff;
}
/* POSITIVE */
button.positive, .fbuttons a.positive{
color:#529214;
}
.fbuttons a.positive:hover, button.positive:hover{
background-color:#E6EFC2;
border:1px solid #C6D880;
color:#529214;
}
.fbuttons a.positive:active{
background-color:#529214;
border:1px solid #529214;
color:#fff;
}
/* NEGATIVE */
.fbuttons a.negative, button.negative{
color:#d12f19;
}
.fbuttons a.negative:hover, button.negative:hover{
background:#fbe3e4;
border:1px solid #fbc2c4;
color:#d12f19;
}
.fbuttons a.negative:active{
background-color:#d12f19;
border:1px solid #d12f19;
color:#fff;
}
.floatright {
float: right;
}
/* MORE BUTTONS */
.abuttons a{
display: block;
margin: 0 7px 0 0;
background-color:#f5f5f5;
border:1px solid #dedede;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size:90%;
line-height:130%;
text-decoration:none;
font-weight:bold;
color:#222222;
cursor:pointer;
padding:3px 8px 4px 5px; /* Links */
width: 140px;
}
.abuttons img, .abuttons a img{
margin:0 3px -3px 0 !important;
padding:0;
border:none;
width:16px;
height:16px;
}
/* STANDARD */
.abuttons a:hover{
background-color:#89ABE3;
border:1px solid #627AA2;
color:#111111;
}
.abuttons a:active{
background-color:#6299c5;
border:1px solid #6299c5;
color:#fff;
}
.abuttons {
padding-bottom: 5px;
}


/* NEW TEMPLATE */
#header {
}
#headerlink {
padding: 5px 20px 5px 20px;
float: left;
}
#headerlink a {
text-decoration: none;
color: #FFF;
font-weight: bold;
}
#headerlink a:hover {
color: #F2000A;
}

#pagetitle {
text-align: left;
font-size: 20pt;
font-weight: bold;
padding-left: 20px;
border-bottom: 1px solid #8D8D8D;
}

#sidebar {
width: 160px;
height: 100%;
padding: 10px;
margin-bottom: 10px;
border-right: 1px solid #8D8D8D;
}

#content {
padding: 10px;
}

#page {
background-color: #FFF;
min-height: 100%;
width: 1024px;
z-index: 0;
border-left: 2px solid #021018;
border-right: 2px solid #021018;
}

#main {
margin-bottom: 40px;
}

#footershell {
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
display: block;
height: 88px;
z-index: 999;
padding: 0px;
margin: 0px;
}
#footer {
padding: 3px 0px 3px 0px;
text-align: center;
background: #C00011;
width: 100%;
border-top: 1px solid #021018;
border-bottom: 1px solid #021018;
}
#footerlink {
padding: 3px 20px 3px 20px;
}
#footerlink a {
text-decoration: none;
color: #FFF;
font-weight: bold;
}
#footerlink a:hover {
color: #000;
}

#copyright {
background: #1a2732;
color: #FFF;
text-align: center;
height: 90px;
padding-top: 10px;
}
#coypright a {
color: #FFF;
text-decoration: none;
}

#titlebar {
color: #FFF;
background: #4E6181;
padding: 2px;
font-weight: bold;
margin: 2px;
cursor: pointer;
width: 640px;
}

#expander {
float: left;
padding-right: 5px;
}
#addbutton {
float: right;
}

#regularbutton {
font-weight: bold;
cursor: pointer;
padding: 2px;
border: 1px solid #8D8D8D;
margin-top: 2px;
color: #4E6181;
}

#inlinebutton {
width: 160px;
font-weight: bold;
cursor: pointer;
padding: 2px;
border: 1px solid #8D8D8D;
margin: 2px;
color: #4E6181;
display: inline;
}

#event1, #event2, #event3 {
border-left: 1px solid #8D8D8D;
border-right: 1px solid #8D8D8D;
margin-bottom: 5px;
margin-left: 5px;
}
#sidebaritem {
border-bottom: 1px solid #8D8D8D;
padding-left: 10px;
}

#eventstats {
float: right;
padding: 5px;
}
#sectionblock {
width: 530px;
padding: 2px;
clear: both;
}
#sectionblock .col20 {
float: left;
width: 20px;
}
#sectionblock .col50 {
float: left;
width: 50px;
}
#sectionblock .col100 {
float: left;
width: 100px;
}
#sectionblock .col330 {
float: left;
width: 330px;
}
#sectionblock .col410 {
float: left;
width: 410px;
}
#sectionblock .col430 {
float: left;
width: 430px;
}
#spinner {
width: 31px;
height: 31px;
position: fixed;
top: 50%;
left: 50%;
text-align:center;
padding:10px;
margin-left: -15px;
margin-top: -15px;
z-index:5;
overflow: auto;
background-color: #FFF;
border: 2px solid #333;
}
#overlayBackground {
position: absolute;
background-color: Black;
top: 0;
left: 0;
z-index: 3;
opacity: 0;
}
.em_section_header {
width: 100%;
height: 20px;
background-color: #273B47;
padding: 0px;
margin: 0px;
}
.em_section_left, .anchor {
width: 60%;
font-weight: bold;
color: #FFF;
}
.em_section_right {
width: 40%;
text-align: right;
}
.section_save {
width: 810px;
padding: 5px;
text-align: right;
background: #DDD;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.editorButton a {
font-family: Arial, Helvetica, sans-serif;
font-size: 7pt;
font-weight: bold;
background-color: #ddd;
text-decoration: none;
padding: 2px 18px 2px 18px;
margin-right: 10px;
color: #000;
border: 1px solid #999;
border-top: 0;
border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-webkit-border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
-webkit-border-bottom-right-radius: 8px;
}
.sausage-set {
position: fixed; right: 0; top: 0;
width: 15px; height: 100%;
border-left: solid 2px #fff;
border-right: solid 2px #fff;
background-color: #fff;
}
.sausage {
position: absolute; left: 0;
width: 100%; height: 100%;
background-color: #f1f1f1;
text-decoration: none;
-moz-border-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-box-shadow: inset 0px 1px 2px 4px rgba(0, 0, 0, 0.025);
-webkit-box-shadow: inset 0px 1px 2px 4px rgba(0, 0, 0, 0.025);
cursor: pointer;
}
.sausage-hover,
.sausage-current {
background-color: #f2e4ed;
-moz-box-shadow: inset 0px 1px 2px 4px rgba(51, 63, 70, 0.025);
}
.sausage-span {
position: absolute; right: 24px; top: 5px; z-index: 2;
display: none;
width: 100px;
padding: 2px 3px;
color: #000;
background-color: #fff;
border: solid 2px #1b2733;
font-size: 10px; line-height: 12px; font-weight: bold; text-align: center;
-moz-border-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-webkit-border-top-left-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.05);
}
.sausage-hover .sausage-span {
display: block;
}
#filtermethod ul {
list-style: none;
padding: 0;
margin: 0;
}
#filtermethod li {
float: left;
border-top: 1px solid #bbb;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
margin: 0 2px 0 2px;
}
#filtermethod a {
text-decoration: none;
display: block;
background: #eee;
padding: 0.24em 1em;
color: #00c;
width: 130px;
text-align: center;
}
#filtermethod a:hover {
background: #ddf;
text-decoration: none;
cursor: pointer;
}
#filtermethod #selected {
border-color: black;
border-bottom-width: 0;
}
#filtermethod #selected a {
position: relative;
top: 1px;
background: white;
color: black;
font-weight: bold;
}
#filtertable {
border: 1px solid black;
clear: both;
}

.autocomplete-w1 { position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }

/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(../blue/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../blue/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../blue/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}