/*
###############
# CORE
###############
*/

body {
	background: #5f6476 url("../../spatco/img/background.gif") repeat-x top;
	margin: 0px 30px; }

table {
	border-collapse: collapse;
	border-spacing: 0px; }

td {
	padding: 0px;
	vertical-align: top; }

form {
	margin: 0px; }

p {
	margin: 0px; }

ul {
	margin: 0px 15px; }

div {
	text-align: left; }

/*
###############
# HEADER
###############
*/

div.frame {
	width: 100%; }

div.header {
	background: #ffffff;
	border-left: 1px solid #3c4152;
	border-right: 1px solid #3c4152; }

table.header {
	width: 99%; }

/*
###############
# BORDERS
###############
*/

div.corner {
	display: block;
	overflow: hidden;
	height: 1px;
	border-left: 1px solid #3c4152;
	border-right: 1px solid #3c4152; }

div.border {
	display: block;
	overflow: hidden;
	height: 1px;
	padding-left: 1px;
	padding-right: 1px; }

div.border div {
	display: block;
	overflow: hidden;
	height: 1px;
	background: #3c4152; }

/*
###############
# SUBHEADER
###############
*/

div.subheader {
	width: 100%;
	padding-top:3px;
	height: 23px;
	background: #3c4152 url("../../spatco/img/header.gif") repeat-x top; }

div.subheader p {
	color: #ffffff;
	font-family: Tahoma;
	font-size: 11px;
	padding-left: 5px;
	font-weight: bold;
	margin-top: 1px; }


/*
###############
# MENU
###############
*/

td.menu, td.menuselected, td.menuover {
	width: 110px;
	height: 23px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer; }

td.menuselected {
	background: #3c4152 url("../../spatco/img/menu.gif") repeat-x top; }

td.menuover {
	background: #e4e7ed url("../../spatco/img/menu_rollover.gif") repeat-x top; }

td.menu p, td.menuselected p, td.menuover p {
	color: #1f222f;
	font-family: Tahoma;
	font-size: 11px; }

td.menuselected p {
	color: #ffffff;
	font-weight: bold; }

div.submenu {
	padding: 5px;
	padding-bottom: 3px;
	height: 74px;
	background: #4c5062 url("../../spatco/img/submenu.gif") repeat-x top; }

div.icon_container {
	float: left;
	width: 75px;
	margin-right: 5px;
	cursor: pointer; }

div.icon, div.icon_selected {
	background: #5f6476;
	border-left: 1px solid #1f222f;
	border-right: 1px solid #1f222f;
	text-align: center; }

div.icon_selected {
	background: #3c4152; }

div.icon p, div.icon_selected p {
	padding: 5px;
	color: #d6dae2;
	font-family: Tahoma;
	font-size: 11px;
	line-height: 12px;
	height: 35px; }

div.icon_selected p {
	color: #ffffff;
	font-weight: bold; }

/*
###############
# CONTENT
###############
*/

div.text {
	width: 100%;
	background: #ffffff;
	border-left: 1px solid #3c4152;
	border-right: 1px solid #3c4152; }

p.content, a, li {
	color: #1f222f;
	font-family: Tahoma;
	font-size: 11px;
	line-height: 16px; }

a {
	color: #0d5bc9; }

a:hover {
	color: #4493fd; }

/*
###############
# GRID
###############
*/

div.tooltip {
  width: 400px;
	background: #e4e7ed;
	border: 1px solid #000000;
	font-family: Tahoma;
	font-size: 11px;
	padding: 10px;
	display: none; }
	

div.grid {
	width:100%;
	background: #ffffff;
	border-left: 1px solid #3c4152;
	border-right: 1px solid #3c4152; }

td.gridheader, td.gridheader_rollover, td.grid, td.grid_fill, td.grid_total {
	background: #5f6476;
	border: 1px solid #bbbeca;
	padding: 5px 15px; }

td.grid {
	background: #ffffff; }

td.grid_fill {
	background: #e4e7ed; }

td.grid_total {
	background: #bbbeca; }

td.gridheader_rollover {
	background: #878c9d;
	cursor: pointer; }

td.gridheader p, td.gridheader_rollover p, td.grid p, td.grid_fill p, td.grid_total p {
	color: #ffffff;
	font-family: Tahoma;
	font-size: 11px; }

td.grid p, td.grid_fill p, td.grid_total p {
	color:#1f222f; }

/*
###############
# FORMS
###############
*/

div.form, div.filter {
	background: #e4e7ed;
	border-left: 1px solid #3c4152;
	border-right: 1px solid #3c4152; }

div.filter {
	background: #bbbeca; }

p.input {
	color: #1f222f;
	font-family: Tahoma;
	font-size: 11px; }

div.input {
	border: 1px solid #3c4152;
	text-align: left;
	margin-bottom: 4px; }

input.textbox, .dropdown, .dropdown_1, .dropdown_2, .dropdown_3, .textbox_2, .textbox_3 {
	color: #1f222f;
	width: 200px;
	padding-left: 2px;
	height: 16px;
	font-family: Tahoma;
	font-size: 11px;
	border: none;
	margin: 0px; }

.textbox_2 {
	width: 407px; }
	
.textbox_3 {
	width: 618px; }
	
.dropdown_2 {
	width: 405px; }

.dropdown_3 {
	width: 615px; }

.checkbox {
    margin-top: -3px;
	margin-left: -2px; }

.textarea_1, .textarea_2, .textarea_3, .textarea_4, .textarea_5, .textarea_6 {
	color: #1f222f;
	font-family: Tahoma;
	font-size: 11px;
	border: none;
	width: 615px;
	height: 74px; }

.textarea_2 {
	width: 405px; }

.textarea_3 {
	width: 200px; }

.textarea_5 {
	width: 820px;	
	height: 175px; 	
	}
.textarea_6 {
	width: 820px;	
	height: 450px; 	
	}
	
.textarea_4 {
	width: 165px;
    font-size: 12px;	
	height: 90px; }

div.input_button {
	width: 80px; }

input.button, input.buttonover {
	background: #ffffff url("../../spatco/img/button_off.gif");
	color: #1f222f;
	width: 80px;
	height: 20px;
	font-family: Tahoma;
	font-size: 11px;
	cursor: pointer;
	border: none; }

input.buttonover {
	background: #ffffff url("../../spatco/img/button_on.gif"); }

/*
###############
# FOOTER
###############
*/

div.footer {
	text-align: center;
	margin-top: 15px; }

div.footer p, div.footer a {
	color: #00ff8a;
	font-family: Tahoma;
	font-size: 11px;
	line-height: 13px; }

div.footer a {
	color: #00ff8a; }

div.footer a:hover {
	color: #87f9c7; }

/*
###############
# CALENDAR
###############
*/

div.calendar_button {
	float: left;
	width: 23px;
	margin-left: 5px; }

div.calendar_button img {
	cursor: pointer; }

table.calendar {
	background: #3c4152; }

table.calendar td {
	height: 19px;
	text-align: center;
	vertical-align: middle; }

td.calendar_header, td.calendar_header_over {
	background: #3c4152;
	cursor: pointer; }

td.calendar_header_over {
	background: #5f6476; }

td.calendar_header p, td.calendar_header_over p {
	color: #ffffff;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none; }

td.calendar_weekday {
	background: #878c9d;
	width: 25px; }

td.calendar_weekday p {
	color: #ffffff;
	font-family: Tahoma;
	font-size: 11px; }

td.calendar_day {
	background: #ffffff;
	width: 25px; }

td.calendar_day p {
	color: #1f222f;
	font-family: Tahoma;
	font-size: 11px; }

/*
###############
# SUBMENU
###############
*/

td.submenu {
	height: 100%;
	background: #e4e7ed;
	border-bottom: 6px solid #5f6476;
	line-height: 18px; }

td.submenu_close, td.submenu_border {
	padding: 15px;
	padding-left: 10px;
	padding-bottom: 20px; }

td.submenu_border, td.submenu_text {
	border-bottom: 5px solid #5f6476; }

td.submenu_text {
	background: #bbbeca;
	/*background: #ffffff;*/
	padding: 10px 15px; }

td.submenu_calendar {
	border-top: 1px solid #5f6476;
	border-bottom: 5px solid #5f6476; }