html, body {
	margin:				0;
	padding:			0;
	font-size:			9pt;
	font-family:		sans-serif;
}

dt {
	font-weight: bold;
}
dt, dd {
	margin-bottom: 10px;
}

.logoCell, .headerCell {
	border-bottom:		1px solid #CCCCCC;
}

.headerCell {
	padding:			5px;
}

.logoCell {
	padding:			10px;
	height:				60px;
}

.sidebarCell {
	background-color:	#EEEEEE;
	border-right:		1px solid #CCCCCC;
}
#sidebar {
	width:				150px;
	padding:			10px;
}
#sidebar .menuitem {
	border:				1px solid #EEEEEE;
}
#sidebar .menuitem a {
	display:			block;
	padding-left:		15px;
	padding-right:		3px;
	padding-top:		3px;
	padding-bottom:		3px;
	text-decoration:	none;
	color:				#000000;
}
#sidebar .menuitem:hover, #sidebar .menuitemhover {
	border:				1px solid #CCCCCC;
	background-color:	#DDDDDD;
}
#sidebar .activemenuitem {
	border:				1px solid #CCCCCC;
	background:			#FFFFFF url(/admin/includes/images/blue_arrow_bullet.png) 0px 3px no-repeat;
}
#sidebar .activemenuitem a {
	display:			block;
	padding-left:		15px;
	padding-right:		3px;
	padding-top:		3px;
	padding-bottom:		3px;
	text-decoration:	none;
	color:				#000000;
}
#page {
	width:				710px;
	padding:			10px;
}
#footer {
	width:				880px;
	padding:			10px;
	border-top:			1px solid #CCCCCC;
	text-align:			center;
}

hr {
	color:				#CCCCCC;
	background-color:	#CCCCCC;
	padding:			0;
	margin-bottom:		5px;
	height:				1px;
	border:				0;
	display:			block;
}

h2 {
	margin-top:			0;
	margin-bottom:		5px;
	font-size:			12pt;
	font-weight:		bold;
}

h3 {
	margin-top:			0;
	margin-bottom:		5px;
	font-size:			10pt;
	font-weight:		bold;
}

img {
	border:				0;
}

table.borderTable {
	border-collapse:	collapse;
}
table.borderTable th {
	text-align:			left;
	padding:			3px;
	background-color:	#C0D8EA;
	border-top:			1px solid #999999;
	border-bottom:		1px solid #999999;
}
table.borderTable td {
	padding:			3px;
	border-bottom:		1px solid #CCCCCC;
	vertical-align:		top;
}
table.borderTable tr.odd {
}
table.borderTable tr.even {
	background-color:			#EEEEEE;
}

div.pagelist {
	padding:			3px;
}
div.pagebuttons {
	float:				right;
}
span.nextpage {
	background:			url(/admin/includes/images/blue_right_arrow.png) right center no-repeat;
	padding-right:		12px;
}
span.prevpage {
	background:			url(/admin/includes/images/blue_left_arrow.png) left center no-repeat;
	padding-left:		12px;
}
.disabled {
	color:				gray;
}

table.editTable {
	border-collapse:	collapse;
}

table.editTable td.editLabel {
	padding:			3px;
	font-weight:		bold;
	width:				120px;
	vertical-align:		top;
	background-color:	#EEEEEE;
	border-top:			1px solid #CCCCCC;
	border-bottom:		1px solid #CCCCCC;
}

table.editTable td.editField {
	padding:			3px;
	vertical-align:		top;
	border-top:			1px solid #CCCCCC;
	border-bottom:		1px solid #CCCCCC;
}

table.editTable input.editInput {
}

.leftimage {
	float:				left;
	margin-right:		5px;
	border:				0;
}

/* Autocomplete box */
ul.autocomplete {
	padding:			0;
	margin:				0;
	list-style:			none;
	background-color:	#FFFFFF;
	border:				1px solid #999999;
}
ul.autocomplete li {
	padding:			2px;
	cursor:				default;
}
ul.autocomplete li.selected {
	background-color:	#C0D8EA;
}

/* Dialog boxes */
.tmDialog {
	background-color:			#EEEEEE;
	border-bottom:				2px solid #CCCCCC;
	border-top:					1px solid #DDDDDD;
	border-right:				2px solid #CCCCCC;
	border-left:				1px solid #DDDDDD;
	font-size:					8pt;
	padding:					5px;
}

.tmDialog td, .tmDialog input, .tmDialog select {
	font-size:					8pt;
}

.highlight {
	background-color:			#C0D8EA;
}

.sticky {
	background-color:			#FFFFCC;
}
.legendbox {
	float: left;
	width: 14px;
	height: 14px;
	border: 1px solid #999999;
	margin-right: 10px;
}

.hidden {
	display:					none;
}

.expander {
	cursor:						pointer;
}

ul.boxlines {
	margin:						0;
	padding:					0;
	list-style:					none;
}
ul.boxlines li {
	border:						1px solid #999999;
	background-color:			#EEEEEE;
	padding:					3px;
	margin:						2px;
	cursor:						pointer;
	overflow:					hidden;
}
ul.sortable li, ul.prioritizable li {
	cursor:						pointer;
}

.filebrowser {
	width:		300px;
	height:		200px;
	border:		1px solid #999999;
	overflow:	auto;
}
.treebrowser .file {
	padding:		2px;
}
.selected {
	background-color:	#C0D8EA;
}

.notice {
	background-color: 		#FFFF99;
	border:					1px solid #999999;
	padding:				10px;
}
.error {
	background-color: 		#FFFF99;
	border:					1px solid #FF0000;
	padding:				3px;
}
.required {
	color:					#FF0000;
}

.diff_table {
}
.diff_header {
	font-weight:			bold;
	background-color:		#CCCCCC;
}
.diff_add {
	background-color:		#9999FF;
}
.diff_change {
	background-color:		#99FF99;
}
.diff_delete {
	background-color:		#FF9999;
}
.diff_context {
	background-color:		#EEEEEE;
}

/* Input controls */
input.datepicker	{ width: 100px; }
input.datetimepicker{ width: 140px; }
input.colorpicker	{ width: 100px; }
input.filechooser	{ width: 300px; }

/*
light blue = #C0D8EA;
*/

.debug {
	color: #999999;
	text-align: left;
}

/*
tooltip
*/

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ff0;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ccc}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: left;
	line-height:125%;
	padding:10px;}