@import url('icons.css');

body {
	position:relative;
	height:auto !important;
	height:100%;
	min-height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	background:url('images/bg.gif');
    color:#333;
	font-family:Verdana, "DejaVu Sans";
	font-size:11px;
}

a {
	color:#999;	
}

a img {
	border:none;	
}

html {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}

#footer {
	position:absolute;
	bottom:0px;
	width:100%;
	border-top: 1px solid #dfdfdf;
	background:#fff;
}

#footer_text {
	padding:5px;
	text-align:right;
}

#footer_text .name {
	color:#999;
}

#content {
	padding:10px 4px 30px 4px;
}

#login_form {
	width:300px;
	text-align:right;
	margin-top:60px;
	margin-left:auto;
	margin-right:auto;
}

#login_form .tf {
	width:150px;	
}

#login_form .ib_c {
	height:100px;
}

input {
	border:1px solid #dfdfdf;
	margin:1px;
	color:#777;
	background-color:#fafafa;
	padding:0px 2px 0px 2px;
	font-size:11px;
}

select {
	border:1px solid #dfdfdf;
	margin:1px;
	color:#777;
	background-color:#fafafa;
	padding:0px 2px 0px 2px;
	font-size:11px;
}

textarea {
	border:1px solid #dfdfdf;
	margin:1px;
	color:#777;
	background-color:#fafafa;
	padding:0px 2px 0px 2px;
	font-size:11px;
	font-family:Verdana, "DejaVu Sans";
}

textarea.raw {
	font-family:monospace;
	color:#444;
	font-size:12px;
}

label {
    color:#666;
}

.exception {
	text-align:left;
}

.fr {
	clear:both;
	margin:5px 0px 5px 0px;
	height:15px;
}

.fr img.icon {
	float:left;
	margin-right:5px;
}

.fr .frl {
	float:left;
	color:#fff;
}

.fr.mid .frl {
	width:50%;
}

.fr .frt {
	text-align:center;
	font-weight:bold;
}

.fr .frt img.icon {
	float:none;
	position:relative;
	top:3px;
	margin:0px;
}

.state_good {
	color:#00dd44;
	font-weight:bold;
}

.state_bad {
	color:red;
}

.dtable {
	background:#222;
	border:1px solid #333;
	padding:5px;
}

.highlight, .highlight a {
	color:#000;
	font-weight:bold;
}

#header {
	padding-top:20px;	
}

#menu {
	border-bottom:1px solid #ffb200;
	margin-left:30px;
}

#menu .item {
	background: url('images/menu_bg.png') repeat-x;
}

#menu td {
	padding-top:3px;
}

#menu td.separator {
	background: url('images/menu_sep.png') no-repeat;
	width:7px;
}	

#menu a.menuTitle {
	color:#333;
	text-decoration:none;
	font-weight:bold;
	display:block;
	padding:0px 10px 0px 10px;
	margin-left:3px;
	height:27px;
}

#menu a.menuTitle span {
	vertical-align:middle;
	padding-top:7px;
	display:block;
}

#menu a.menuTitle img {
	vertical-align:middle;
}

#menu .last a.menuTitle {
	margin-right:4px;
}

#menu #menuSelected a.menuTitle {
	position:relative;
	top:1px;
	background: url('images/menu_sel.png') repeat-x;
}
#menu #menuSelected a.menuTitle span {
	padding-top:6px;	
}

#menu .item ul li {
	display:inline;
}

#menu .item ul li a {
	padding:5px; /*5px 7px 5px 7px;*/
	border:1px solid #dfdfdf;
	background-color:#fff;
	color:#666;
	margin:1px;
	text-decoration:none;
}

#menu .item ul li a img {
	vertical-align:middle;
}

#menu .item ul {
	position:absolute;
	left:10px;
	top:60px;
	display:none;
	margin:0px;
	padding:10px 10px 8px 10px;
}

#menu #menuSelected.item ul {
	display:block;	
}

#header {
	background-color:#fff;
}

#subheader {
	margin-top:43px;	
}

#subheader .topForm {
	margin-left:5px;
	margin-top:5px;	
}

.hor_sep {
	background-color:#ff8401;
	height:4px;
	font-size:0px;
}

.ib .title {
	font-weight:bold;
	font-size:12px;
	padding:3px;
	text-decoration:underline;
	text-align:center;
}

.team_spec {
	color:#fff;
}

.team_red {
	color:#aa0000;
}

.team_blue {
	color:#2277ff;
}

.team_blue.team_idle {
	color:#114477;
}

.team_red.team_idle {
	color:#550000;
}

tr.subtitle th {
	color:#999;
}

.log_frame {
	height:300px;
	overflow-x:auto;
}

.console_frame {
	height:400px;
	overflow-x:auto;
	font-family:"Lucida Console", "Courier New", Consolas;
	font-size:12px;
}

.ib .ib_t .icon {
	margin-bottom:-4px;
}

input.sbim {
	position:relative;
	top:5px;
	margin-top:-5px;
}

span.additional {
	color:#666;
}

.msc {
	padding:2px;
}

.ms {
	background-color:red;
	padding-bottom:2px;
}

.ms img {
	float:left;
	position:relative;
	bottom:12px;
	left:3px;
}

.msc.confirm {
	border:1px solid #70b546;
}

.msc.warning {
	border:1px solid #b48204;
}

.msc.error {
	border:1px solid #c64c4c;
}

.msc.warning .ms {
	background-color:#e2a400;
	color:#fff;
}

.msc.confirm .ms {
	background-color:#70b546;
	color:#fff;
}

.msc.error .ms {
	background-color:#c64c4c;
	color:#fff;
}

.msl {
	text-align:center;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:3px;
}

.ftable td {
	height:23px;	
}

.notice {
	font-size:10px;
	color:#aaa;	
}

div.notice {
	clear:both;	
}

ul.title_menu {
	position:relative;
	top:3px;	
}

/* IE fix */
ul.title_menu li {
	display:inline;
	margin:3px;
}

ul.title_menu li a, a.menu_button {
	padding:5px 7px 5px 7px;
	border:1px solid #dfdfdf;
	background-color:#fff;
	margin:1px;
	text-decoration:none;
	font-size:11px;
	margin-bottom:8px;
}

ul.title_menu li a img, a.menu_button img {
	vertical-align:middle;
	padding-bottom:2px;
}

a.menu_button {
	height:16px;
	margin-top:5px;
	display:block;
	float:left;
}

ul.title_menu {
	padding:10px;
	display:inline;
}

div.title {
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	padding-left:10px;
	height:38px;
}

div.title .title_notice {
	font-size:12px;
	color:#aaa;	
}

#msg {
	position:fixed;
	top:60px;
	left:50%;
	margin-left:-175px;
	width:350px;
}

hr {
	border-color:#dfdfdf;
}

table td.label img.icon {
	margin-bottom:-4px;	
}

.ftable td img.icon {
	margin-bottom:-2px;	
}

table td.label {
	color:#999;
}

input.sbc {
	border:none;
	background:#333;
	padding:3px;
	border:1px solid #444;
}

.loading {
	background:url('images/loader.gif') center no-repeat;
	height:24px;
}

table.ftable {
	background-color:#fff;
	border:1px solid #dfdfdf;
	padding:2px 2px 8px 2px;
	margin: 0px 3px 3px 0px;
}

.exception {
	padding:10px;	
}

.exception h3 {
	margin:0px;
	padding:10px 0px 10px 0px;
}

.topForm {
	background-color:#fff;
	border:1px solid #dfdfdf;
	padding:10px 5px 8px 5px;
	width:900px;
}

.topForm h3 {
	margin-top:0px;
}

.ltable {
	max-width:912px;
	margin-top:4px;
	padding:2px 2px 8px 2px;
	background-color:#fff;
	border:1px solid #dfdfdf;
	margin:0px 3px 3px 0px;
}

.ltable.inline {
	/* border:none;*/	
}

.ltable.inline th, .itable.inline th {
	background:none;	
}

.ltable tr {
	margin-top:3px;	
}

.ltable tr.nohover:hover td {
	background-color:#fff;
}

.ltable td, .ltable td {
	padding-left:1px;
	padding-right:1px;
	height:18px;
	line-height:18px;
}

.ltable th, .ftable th {
	height:22px;
	background:url('images/table_head.png') no-repeat #ffd000;
	color:#333;
	line-height:22px;
}

.ltable tr.subtitle th {
	border-bottom:1px solid #dfdfdf;
	padding-bottom:2px;
	background:none;
	height:22px;
	line-height:22px;
}

.ltable tr.sumtitle td {
	border-top:1px solid #dfdfdf;
	padding-bottom:2px;	
}

.ltable tr.no_results td {
	text-align:center;
	font-style:italic;
	color:#999;
	font-size:10px;
}

.itable {
	max-width:912px;
	margin-top:4px;
	padding:2px 2px 8px 2px;
	background-color:#fff;
	border:1px solid #dfdfdf;
	margin:0px 3px 3px 0px;
}

.itable td {
	height:20px;
}

.itable tr.tmenu td {
	text-align:center;
	background-color:#fcfcfc;
}

.itable tr.tmenu img.icon {
	float:left;	
}

.itable tr.tmenu td a {
	text-decoration:none;
	color:#666;
	font-weight:bold;
}

.clickable {
	cursor:pointer;
}

span.information {
	color:#999;
}

tr.bill_status_ready td {
	background-color:#fffedf;
}

.bill_status_ready {
	color:#c6ab3d;
}

tr.bill_status_paid td {
	background-color:#f8fff0;
}

.bill_status_paid {
	color:#7ec63d;
}

tr.bill_status_overdue td {
	background-color:#ffe9e9;
}

span.bill_status_overdue {
	color:#cb3a3a;
	font-weight:bold;
}

/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #556;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #eef;
  font-family: Verdana,"DejaVu Sans";
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #778 url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #778;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #bdf;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #aaf;
  color: #000;
  border: 1px solid #04f;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #bdf;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #eef;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

img.icon {
	background-image:url('images/icons.png');
	background-repeat:none;
	height:16px;
	width:16px;
}

.topForm {
	margin-bottom:3px;	
}

.nobreak {
	white-space: nowrap;
}

.ltable a {
	color:#333;
}

.ltable tr:hover td {
	background-color:#f5f5f5;
}

.ltable tr.sumtitle:hover td {
	background-color:#fff;
}

pre.log {
	width:903px;
	border:1px solid #dfdfdf;
	background-color:#fafafa;
	overflow:hidden;
	padding:3px;
}

.hidden {
	display:none;
}

#debug {
	position:absolute;
	top:60px;
	right:30px;
	background-color:#ffe8cc;
	border:1px solid #999;
	opacity:0.8;
	padding-left:5px;
	padding-right:5px;
}

#debug h2 {
	padding-left:10px;
	padding-right:10px;
}

#debug pre {
	background-color:#fefefe;
	border:1px solid #aaa;
	color:#000;
	padding:3px;
	max-width:600px;
}

#debug a.close {
	float:right;
	color:#000;
	text-decoration:none;
}

#debug .exception {
	padding:0px;
}

#fsBackground {
	width:100%;
	height:100%;
	z-index:900;
	background:#000;
	position:absolute;
	top:0px;
	opacity:0.5;
}

#fsContainer {
	width:100%;
	height:100%;
	z-index:900;
	position:absolute;
	top:0px;
}

#fsMessage {
	width:300px;
	height:16px;
	z-index:950;
	background:#ddd;
	margin:auto;
	text-align:center;
	vertical-align:middle;
	padding:5px;
	border:1px solid #999;
	color:#333;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-8px;
	margin-left:-150px;
}

h3 {
	padding-left:10px;
	margin-bottom:3px;
}

#logo {
	position:absolute;
	left:50%;
	margin-left:-94px;
	top:10px;
}

input.cb {
	background:none;
	border:none;
}

form {
	margin:0px;
}

.activator {
	background:url('images/arrow_right.png') no-repeat 8px 8px;
	height:24px;
	line-height:24px;
	padding-bottom:5px;
	padding-top:5px;
}

.activator a {
	font-weight:bold;
	font-size:16px;
	color:#000;
	text-decoration:none;
	display:block;
	height:24px;
	padding-left:40px;
	width:300px;
}

.activator.active {
	background:url('images/arrow_down.png') no-repeat 8px 13px;
}

td img.icon, th img.icon {
	vertical-align:text-top;
}

img.icon.right {
	float:right;
	margin-left:5px;
}

#logoutButton {
	position:absolute;
	top:10px;
	right:10px;
}

td a.menu_button {
	float:none;
	display:inline;
}

.status_good {
	color:#009900;
	font-weight:bold;
}

.status_medium {
	color:#ff9900;
	font-weight:bold;
}

.status_bad {
	color:#ff3300;
	font-weight:bold;
	font-size:12px;
}

a.print-link {
	float:right;	
}

#fsBackground {
	width:100%;
	height:100%;
	z-index:900;
	background:#000;
	position:absolute;
	top:0px;
	opacity:0.5;
}

#fsContainer {
	width:100%;
	height:100%;
	z-index:900;
	position:absolute;
	top:0px;
}

#fsMessage {
	width:300px;
	height:16px;
	z-index:950;
	background:#ddd;
	margin:auto;
	text-align:center;
	vertical-align:middle;
	padding:5px;
	border:1px solid #999;
	color:#333;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-8px;
	margin-left:-150px;
}

#fsDynamicMessage {
	z-index:950;
	background:#eee;
	text-align:center;
	vertical-align:middle;
	padding:5px;
	border:1px solid #aaa;
	color:#333;
	position:absolute;
	top:50%;
	left:50%;
}

#ajax-active {
	position:absolute;
	top:10px;
	right:150px;
	height:15px;
	width:15px;
	background-color:red;
}

.of {
	padding-top:1px;
	height:21px;	
}

.ofa {
	margin-right:3px;
	padding:0px;
}

.of.asc .ofa, .of.desc .ofa, .of:hover .ofa {
	background-image:url(images/dcore-images.gif);
	background-repeat:none;
}

.of.asc .ofa {
	background-position:14px 0px;
}

.of.desc .ofa {
	background-position:7px 0px;
}

.of:hover {
	cursor: pointer;	
}

.of.asc:hover .ofa {
	background-position:21px 0px;
}

.of.desc:hover .ofa {
	background-position:28px 0px;
}

.notice {
	background-color:#F7E06B;
	border:1px solid #FFEFD5;
	color:#000;
	width:890px;
	padding:10px;
	font-size:12px;
}

.bill_status_gray td {
	background-color:#ccc;
}