body {
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	background:  rgb(43, 39, 30) url(../img/header-left-repeat-yellow.jpg) repeat-x;
}

h1 { 
	font-family: Tahoma,Arial,Helvetica,sans-serif; 
	color: #88A2C2; 
	border-bottom: 1px solid #88A2C2;
	padding-bottom: 5px;
}
h2 {
	font-size:1em;
	color:#555;
}
a {
	color: #587AA3;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
table {
	border: 1px solid #ccc;
	width: 95%;
}
th {
	background: #ccc;
	text-align: left;
	padding: 5px;
	border: 1px solid;
	border-color: #ddd #999 #999 #ddd;
	color:#666;
}
th.subH1 {
	font-size: .9em;
	background: #ddd;
	text-align: left;
	padding: 5px;
	border: 1px solid;
	border-color: #ddd #999 #999 #ddd;
	color:#666;
}
td {
	background: #eee;
	text-align: left;
	padding: 5px;
	font-size:12px;
	color:#555;
}
td .smallmsg {
	font-size:9.5px;
	color:#444;
}

td.thumb {
	width:125px;
	vertical-align:center;
	text-align:center;
}
td.tblActions {
	text-align:right;
	white-space:nowrap;
	
}
/**** MAIN CONTAINERS ****/

#layout {
	width:99%;
	margin: 5px;
	border: none;
	background:transparent;
	padding: 0px;
}
#messages {
	background:transparent;
}
#content {
	border-width: 1px;
	border-color: #666;
	border-style: solid solid solid solid;
	background: #fff;
	height: auto;
	min-width: 500px;
	padding-bottom: 50px;
}
#content h1 {
	font-size: 2em;
}
#rightContent {
	width: 200px;
	border-width: 1px;
	border-color: #666;
	border-style: none;
	color: #666;
	font-size: 11px;
	background:transparent;	
}
#rightContent h1 {
	font-size: 14px;
	text-align:left;
}
#rightContent p {
	line-height: 18px;
	text-align:justify;
}
/***** HEADER *****/
#header {

	position: relative;
	height: 107px;
}
#header #logo {
	position: relative;
	height: 107px;
	background: transparent url(../img/header.jpg) no-repeat;

}
#header #login {
	float:right;
	width:100px;
	height:30px;
	margin: 5px 5px 0px 0px;
	text-align:center;
}
#header #login a {
	border-width:1px;
	border-style: solid;
	border-color: #000;
	background: #fff;
	color:#000;
	display:block;
	padding:3px;
	font-size:10px;
	text-decoration:none;
}
#header #login a:hover {
	border:1px solid #fff;
	background: #ccc;
	color:#fff;
	text-decoration:none;
}
/***** MENU *****/
#menu {
	background: #00A0BB;	
	height:25px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	overflow:hidden;
}
#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 25px;
}
#menu li {
	float: left;
	border-width: 1px;
	border-color: #ccc;
	border-style: none;
	height: 25px;	
	margin: 0px 4px;		
}
#menu li a {
	display:block;
	padding: 0px 10px;		
	float: left;
	background: #00A0BB;
	color: #fff;
	text-decoration:none;
	height:25px;
	line-height:24px;
}
#menu li a:hover,
#menu li a.active {
	background: #00A0BB;
	color: #fff;
	text-decoration:none;
}

.tblForm {
	border: 1px solid #ccc;
}
.tblForm th {
	background: #ccc;
	text-align: right;
	padding: 5px;
	border: 1px solid;
	border-color: #ddd #999 #999 #ddd;
	color:#666;
}
.tblForm td {
	background: #eee;
	text-align: left;
	padding: 5px;
	border: 1px solid;
	border-color: #ddd #999 #999 #ddd;
}
.tblForm td.required {
	background: #E9C0C0;
	text-align: left;
	padding: 5px;
	border: 1px solid;
	border-color: #ddd #999 #999 #ddd;
}
.tblForm th.required {
	background: #E9C0C0;
}
.tblForm td .smallmsg {
	font-size:9.5px;
	color:#444;
}
.tblForm td.buttons {
	text-align: center;
}
.tblForm span.required {
	color:#F00;
	font-weight:bold;
}

/**** MAIN CONTENT ****/

ul.submenu {
	margin:0px 0px 10px 0px;
	padding:0px;
	list-style:none;
	
}
ul.submenu li {
	display:inline;
	border-right: 1px solid #ccc;
	padding:0px 5px;
	color:#ccc;
	font-weight:bold;
}
ul.submenu a {
	font-weight:bold;
}
.actions {
	width: auto;
	margin: 15px 0px 5px 0px;
}
.btn_action {
	border: 1px solid #8CC241;
	margin: 2px;
}

.created {
	font-size: 9px;
}
.description {
	line-height: 1.25em;
}
/**** MESSAGE CONTAINERS ****/
.message_ok {
	background: #ccffcc;
	border: 1px solid #009900;
	color: #009900;
	padding: .5em;
	font-size: 1em;	
	margin:0px;
}
.message_err {
	background: #ffcccc;
	border: 1px solid #990000;
	color: #990000;
	padding: .5em;
	font-size: 1em;	
	margin:0px;
}

.error_message {
	color: #900;
	font-weight: bold;
	padding: 5px 0px;
}

/**** TABLE LAYOUTS ****/
table.two_column {
	border: none;
	background: transparent;
	padding:0px;
	margin:0px;
	width:98%;
}
table.two_column td.col {
	width:50%;
	background:transparent;
	border: none;
	margin: 0px;
	padding: 10px;
	vertical-align:top;
}
table.two_column table {
	width: 100%;
}
table.two_column table td {
	width: 50%;
}
td.btn_home {	background-image: url(../img/ico_gohome.gif); background-repeat: no-repeat; padding-left: 25px; background-position: 5px 5px; }
td.btn_blocked {	background-image: url(../img/ico_blocked.gif); padding-left: 25px; background-repeat: no-repeat; background-position: 5px 5px; }
td.btn_new { background-image: url(../img/ico_new.gif); padding-left: 25px;	background-repeat: no-repeat; background-position: 5px 5px; }
td.btn_list { background-image: url(../img/ico_list.gif); padding-left: 25px; background-repeat: no-repeat;	background-position: 5px 5px; }
td.btn_history { background-image: url(../img/ico_history.gif); padding-left: 25px;	background-repeat: no-repeat; background-position: 5px 5px; }
td.btn_view { background-image: url(../img/ico_view.gif); padding-left: 25px; background-repeat: no-repeat;	background-position: 5px 5px; }
td.btn_edit { background-image: url(../img/ico_edit.gif); padding-left: 25px; background-repeat: no-repeat; background-position: 5px 5px; }
td.btn_del { background-image: url(../img/ico_delete.gif); padding-left: 25px; background-repeat: no-repeat; background-position: 5px 5px;}
td.btn_pdf { background-image: url(../img/ico_pdf.gif); padding-left: 25px;	background-repeat: no-repeat; background-position: 5px 5px;}

td.btn_pdf a.header {
	font-weight: bold;
	font-size: 14px;
	text-decoration:none;
	color:#c00;
}
td.btn_pdf a.header:hover {
	text-decoration:underline;		
}
td.red {
	padding-left: 25px;
	background-image: url(../img/ico_red.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-color: #ffcccc;
}
td.green {
	padding-left: 25px;
	background-image: url(../img/ico_green.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-color: #ccffcc;
}

#alphaLinks {
	padding: 5px 0px;
	text-align:center;
	font-weight: bold;
	font-size:12px;
}
/****** Tags sublist ******/
#tag-list {
	border: 1px solid #FFF654;
	background: #FFFAA1;
	margin: 10px;
	padding: 5px;
}

/****** DEBUG ******/
#cakeSqlLog {
	margin: 5px 20px;
}
#cakeSqlLog caption {
	border: 1px solid #ccc;
	background:#aaa;
	font-size: 11px;
	font-weight:bold;
	padding: 5px;
	margin: 30px 20px 0px 20px;
}
#cakeSqlLog th {
	font-size: 14px;
}
#cakeSqlLog td {
	background:#fff;
}