@charset "utf-8";
/* =================================================== */
/* HTML tags redefinitions */
html, body{
	margin: 0px;
	padding: 0px;
	width: 99.5%;
	height: 99.5%;
	overflow: hidden;
	}
body,td,th {
	font-family: Trebuchet MS, Verdana, Arial, Heveltica, sans-serif;
	font-size: 14px;
	color: #333333;
	}
body { background-color: #e0e0e0; padding: 10px; padding-top: 5px;}
h1,h2,h3 { padding-bottom:0px; }
h3 a { color: #000; text-decoration: none; }
h3 a:hover { color: #800; text-decoration: none; }
h3 span { color: #888; }

/* =================================================== */
/* alignment classes */
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.alignCenter { text-align: center; }
.alignJustify { text-align: justify; }

/* =================================================== */
/* pagging items */
.pageItem  {
	background-color: #E0E0E0;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #CCC;
	cursor: hand;
	margin: 0px;
	margin-left: 5px;
	}
.pageSelected  {
	background-color: #E0F0FF;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #CDE;
	margin: 0px;
	margin-left: 5px;
	font-weight: bold;
	}
	
/* =================================================== */
/* dialog Area */
.dialog { z-index: 1; margin: 0px; margin-right:	15px; }
.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
	background:transparent url(/qcgi/admin/Templates/ui/img/interface.png) no-repeat top left;
	_background-image:url(/qcgi/admin/Templates/ui/img/interface.gif);
	}
.dialog .content {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding:0px;
	width: 100%;
	height: 100%;
	}
.dialog .dialogHeader {
	height: 70px;
	padding: 10px;
	padding-left: 30px;
	padding-right: 0px;
	margin: 0px;
	}
.dialog .dialogHeader .leftColumn {
	float: left;
	width: 78%;
	height: 50px;
	margin: 0px;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	}
.dialog .dialogHeader .leftColumn img { margin-right: 10px; }
.rightColumn {
	z-index: 2;
	position: absolute;
	top: 5px;
	right: 0px;

	width: 200px;
	height: 40px;
	
	margin: 0px;
	padding: 5px;
	text-align: right;
	}
.rightColumn  .logout {
	background:transparent url(/qcgi/admin/Templates/ui/icons/exit.png) no-repeat right 13px;
	color: #FFF;
	text-decoration: none;
	font-size:16px;
	font-weight: bold;

	float: right;
	padding: 5px;
	padding-top: 13px;
	padding-right: 30px;
	height: 30px;
	}
.rightColumn  .clicker {
	float: right;
	padding: 5px;
	padding-top: 15px;
	padding-right: 15px;
	height: 30px;
	}	
.dialog #dialogData {
	margin: 0px;
	margin-top: 5px;
	padding: 0px;
	padding-left: 15px;
	padding-bottom: 10px;
	overflow: auto;
	}
.dialog .t {
	position:absolute;
	left: 100%;
	top:0px;
	width:15px;			/* top slice width */
	margin-left:0px;
	height:100%;
	_height:1600px;		/* arbitrary long height, IE 6 */
	background-position:top right;
	}
.dialog .b {
	/* bottom */
	left: 15px;
	position:relative;
	width:100%;
	}
.dialog .b,
.dialog .b div {
	height:15px; /* height of bottom cap/shade */
	font-size:1px;
	}

.dialog .b { background-position:bottom right; }
.dialog .b div {
	position:relative;
	width:15px; /* bottom corner width */
	margin-left:-15px;
	background-position:bottom left;
	}

.dialog .hd,
.dialog .bd,
.dialog .ft {
	position:relative;
	}
.dialog .wrapper {
	position:static;
	max-height:1000px;
	overflow:auto;
	}
.dialog h1,
.dialog p {
	margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
	padding:0.5em 0px 0.5em 0px;
	}

/* =================================================== */
/* message dialogs */
#messageArea {
	z-index: 1000;
	position:absolute;
	top:10px;
	left: 50%;
	
	width: 500px;
	height: 80px;
	min-height:80px;
	margin-left: -250px;
	display: none;
	}
#msg-data { height: 100%; }
.msg-icon { width: 80px; height: 80px; float: left; padding: 8px; }
.msg-textarea { float: left; padding-top: 10px; }
.msg-textarea-title { font-size: 24px; font-weight: bold; padding-bottom: 10px; }
.msg-textarea-text { font-size: 12px; }
.msg-green	{ border: 1px solid #000; background: transparent url(/qcgi/admin/Templates/ui/img/msg-green.gif) no-repeat top right; }
.msg-blue	{ border: 1px solid #000; background: transparent url(/qcgi/admin/Templates/ui/img/msg-blue.gif) no-repeat top right; }
.msg-yellow	{ border: 1px solid #000; background: transparent url(/qcgi/admin/Templates/ui/img/msg-warn.gif) no-repeat top right; }
.msg-gray	{ border: 1px solid #000; background: transparent url(/qcgi/admin/Templates/ui/img/msg-gray.gif) no-repeat top right; }
.errorMessage {
	border: 1px solid #C00;
	height: 80px;
	background: #FFFFC0 url(/qcgi/admin/Templates/ui/icons/64/error.png) no-repeat 10px 5px;
	display: block;
	padding: 20px;
	padding-left: 80px;
	}
.errorTitle {
	font-weight: bold;
	font-size: 18px;
	}

/* =================================================== */
/* table styles */
.table-row-top { background: transparent url(/qcgi/admin/Templates/ui/img/table-row-top.gif) repeat-x top left; }
.table-row-top td { color: #FFF; font-weight: bold; }
.table-row-stop { background: transparent url(/qcgi/admin/Templates/ui/img/table-row-stop.gif) repeat-x top left; }
.table-row-stop td { color: #FFF; font-weight: bold; }
.table-row-odd { background: transparent url(/qcgi/admin/Templates/ui/img/table-row-odd.gif) repeat-x top left; }
.table-row-even { background: transparent url(/qcgi/admin/Templates/ui/img/table-row-even.gif) repeat-x top left; }
.table-row-hover { background: transparent url(/qcgi/admin/Templates/ui/img/table-row-hover.gif) repeat-x bottom left; }
.table-row-hover td { border-top: 1px solid #BDF; }
.table-row-pages { background-color: #F0F0F0; font-size: 10px; padding: 5px; padding-right: 10px; }

/* =================================================== */
/* modules menu */
#siteNav {
	border: none;
	height: 24px;
	padding: 0px;
	padding-top: 13px;
	padding-bottom: 8px;
	padding-right: 30px;
	}
#siteNav ul { list-style: none; margin: 0px; padding: 0px; }
#siteNav a {
	color: #666;
	text-decoration: none;
	font-size:16px;
	font-weight: bold;
	background: transparent url(/qcgi/admin/Templates/ui/img/clicker.gif) no-repeat 3px right;
	padding-right: 25px;
	}
#siteNav a:hover {
	color: #FFF;
	}
#modList {
	text-align: left;
	visibility: hidden;
	}
#modList a{
	border: 1px solid #000;
	background-color: #FFFFFF;
	padding: 5px;
	padding-left: 10px;
	display: block;
	clear: both;
	}
#modList a:hover{
	border: 1px solid #000;
	background-color: #F0F0F0;
	}