/* Systems CSS Document */
/*Layout AND Background: AND general settings to make sure I get a clear palette with no borders or padding*/
a {
	color:rgb(54,110,162);
}

a:hover {
	color:rgb(182,61,61);
	text-decoration:overline;
}

a.a-button-blue {
	background: url(http://quantumdelta.com/images/button-blue.gif);
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	font-size: 18px;
}
	a:hover.a-button-blue {
		background: url(http://quantumdelta.com/images/button-blue-over.gif);
		background-repeat: no-repeat;
	}

a.a-button-red {
	background: url(http://quantumdelta.com/images/button-red.gif);
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	font-size: 18px;
}
	a:hover.a-button-red {
		background: url(http://quantumdelta.com/images/button-red-over.gif);
		background-repeat: no-repeat;
	}
	
	
a.a-button-fullscreen {
	background: url(http://quantumdelta.com/images/button-fullscreen.gif);
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	font-size: 18px;
}
	a:hover.a-button-fullscreen {
		background: url(http://quantumdelta.com/images/button-fullscreen-over.gif);
		background-repeat: no-repeat;
	}



body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-family: Arial, helvetica, Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: rgb(50,50,50);
	background-color: rgb(255,255,255);
}

.calendar {
	background:rgb(225,225,225);
	font:Arial, Helvetica, sans-serif;
	color:rgb(90,90,90);
}

TH.calendar {
	background:rgb(195,195,195);
	font:bold Arial, Helvetica, sans-serif;
	color:rgb(225,225,225);
}
a.calendar {
	color:rgb(54,110,162);
}

a.calendar:hover {
	color:rgb(182,61,61);
	text-decoration:overline;
}

.calendartitle {
	background:rgb(54,110,162);
	font:Arial, Helvetica, sans-serif;
	color:rgb(15,15,15);
}

/*Colors*/
.green {
	background:rgb(60,130,60);
	color:rgb(255,255,255);
}
#htmform td.green {
	background:rgb(60,130,60);
	color:rgb(255,255,255);
}
	.green a {
		color:rgb(255,255,255);
	}

.red {
	background:rgb(160,40,40);
	color:rgb(255,255,255);
}
#htmform td.red {
	background:rgb(160,40,40);
	color:rgb(255,255,255);
}

	.red a {
		color:rgb(255,255,255);
	}

.blue {
	background: rgb(20,20,140);
	color:rgb(255,255,255);
}

#collapse {
	display:none;
	}

#htmform td.blue {
	background: rgb(20,20,140);
	color:rgb(255,255,255);
}
	.blue a {
		color:rgb(255,255,255);
	}

.orange {
	background:rgb(255,74,0);
	color:rgb(255,255,255);
}
#htmform td.orange {
	background:rgb(255,74,0);
	color:rgb(255,255,255);
}
	.orange a {
		color:rgb(255,255,255);
	}

.yellow {
	background:rgb(255,185,20);
	color:rgb(0,0,0);
}
#htmform td.yellow {
	background:rgb(255,185,20);
	color:rgb(0,0,0);
}
	.yellow a {
		color:rgb(0,0,0);
	}

#currentsysicon {
	position:absolute;
	top:160px;
	left:530px;
}

#dlmodulearea {
	position:absolute;
	left:250px;
	top:125px;
}

#firefoxlogo {
	position:absolute;
	top:280px;
	left:340px;
}
	
#fladatagrid {
	position:absolute;
	top:350px;
	left:5px;
}

#footer {
	text-align:right;
	right:0px;
	bottom:0px;
	margin-right:10px;
	margin-bottom:10px;
	margin-left:0px;
	margin-top:10px;
	font-size:10px;
	font-family: Arial, helvetica, Verdana, Geneva, sans-serif;
	color:rgb(153,153,153);
}

.frm_box {
	background: rgb(240,240,240);
	color: rgb(0,0,0);
	font-weight: normal;
	font-size : 11px;
}

.frm_button {
	font-family: Arial, helvetica, Verdana, Geneva, sans-serif;
	background: rgb(150,150,150);
	color: rgb(0, 0, 0);
	cursor: hAND ;
	font-size : 11px;
}

/*Layout*/
h1 {
	font-size:20px;
	font-family: Arial, helvetica, Verdana, Geneva, sans-serif;
}
/*Layout*/
h2 {
	font-size:18px;
	font-family: Arial, helvetica, Verdana, Geneva, sans-serif;
}
/*Layout*/
h3 {
	font-size:16px;
	font-family: Arial, helvetica, Verdana, Geneva, sans-serif;
}
/*Layout*/
h4 {
	font-size:14px;
	font-family: Arial, helvetica, Verdana, Geneva, sans-serif;
}
/*Layout*/
h5 {
	font-size:13px;
	font-family: Arial, helvetica, Verdana, Geneva, sans-serif;
}
/*Layout*/
h6 {
	font-size:12px;
	font-family: Arial, helvetica, Verdana, Geneva, sans-serif;
}

#htmadvancedsearchform {
	
}

#htmdatagrid {
}

#htmdatalisting {
}

#htmdatalistingform {
}

#htmform {
}


.htmform {
}

	.htmform td,#htmform td {
		background-color:rgb(225,225,225);
		}
	
	.htmform th,#htmform th {
		background-color:rgb(255,255,255);
		}

#htmsearchform {
	position: relative;
	left:5px;
}

#htmdatatree {
}

#legend {
}

label {
	text-align: right;
	}

/* module - the table that contains the form. is metal with drop shadows */

#module table {
	}
	
	#module td.modulearea {
		background-color: rgb(255,255,255);
		padding: 10px;
		background-image: url(http://quantumdelta.com/images/tile.gif);
	}

	#module td.modulearea table td table td {
		background:rgb(255,255,255);
	}

	#module td.shadow-tl {
		background-image: url(http://quantumdelta.com/images/shadow-tl.jpg);
		background-repeat: no-repeat;
		width: 10px;
		height: 10px;
	}
	
	#module td.shadow-t {
		background-image: url(http://quantumdelta.com/images/shadow-t.jpg);
		background-repeat: repeat-x;
		height: 10px;
	}
	
	#module td.shadow-tr {
		background-image: url(http://quantumdelta.com/images/shadow-tr.jpg);
		background-repeat: no-repeat;
		width: 10px;
		height: 10px;
	}
	
	#module td.shadow-l {
		background-image: url(http://quantumdelta.com/images/shadow-l.jpg);
		background-repeat: repeat-y;
		width: 10px;
	}
	
	#module td.shadow-r {
		background-image: url(http://quantumdelta.com/images/shadow-r.jpg);
		background-repeat: repeat-y;
		width: 10px;
	}
	
	#module td.shadow-bl {
		background-image: url(http://quantumdelta.com/images/shadow-bl.jpg);
		background-repeat: no-repeat;
		width: 10px;
		height: 10px;
	}
	
	#module td.shadow-b {
		background-image: url(http://quantumdelta.com/images/shadow-b.jpg);
		background-repeat: repeat-x;
		height: 10px;
	}
	
	#module td.shadow-br {
		background-image: url(http://quantumdelta.com/images/shadow-br.jpg);
		background-repeat: no-repeat;
		width: 10px;
		height: 10px;
	}
	
	/*********** Metal ***********/
	#module td.metal-tl {
		background-image: url(http://quantumdelta.com/images/metal-tl.jpg);
		background-repeat: no-repeat;
		background-color: rgb(200,200,200);
		height: 32px;
		width: 10px;
	}
	
	#module td.metal-t {
		background-image: url(http://quantumdelta.com/images/metal-t.jpg);
		background-position: center;
		background-repeat: repeat-x;
		background-color: rgb(200,200,200);
		height: 32px;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
	}
		#module td.metal-t-small {
			background-image: url(http://quantumdelta.com/images/metal-t-small.jpg);
			background-position: center;
			background-repeat: repeat-x;
			background-color: rgb(200,200,200);
			height: 32px;
			font-size: 12px;
			font-weight: bold;
			text-align: center;
			vertical-align: middle;
		}

	#module td.metal-tr {
		background-image: url(http://quantumdelta.com/images/metal-tr.jpg);
		background-repeat: no-repeat;
		background-color: rgb(200,200,200);
		height: 32px;
		width: 10px;
	}
	
	#module td.metal-l {
		background-image: url(http://quantumdelta.com/images/metal-l.jpg);
		background-repeat: repeat-y;
		background-color: rgb(200,200,200);
		width: 10px;
	}
	
	#module td.metal-r {
		background-image: url(http://quantumdelta.com/images/metal-r.jpg);
		background-repeat: repeat-y;
		background-color: rgb(200,200,200);
		width: 10px;
	}
	
	#module td.metal-bl {
		background-image: url(http://quantumdelta.com/images/metal-bl.jpg);
		background-repeat: no-repeat;
		background-color: rgb(200,200,200);
		height: 10px;
		width: 10px;
	}
	
	#module td.metal-b {
		background-image: url(http://quantumdelta.com/images/metal-b.jpg);
		background-repeat: repeat-x;
		background-color: rgb(200,200,200);
		background-position: center;
		height: 10px;
		margin: 0px;
	}
	
	#module td.metal-b-small {
		background-image: url(http://quantumdelta.com/images/metal-b-small.jpg);
		background-repeat: repeat-x;
		background-color: rgb(200,200,200);
		background-position: center;
		height: 10px;
		margin: 0px;
	}

	#module td.metal-br {
		background-image: url(http://quantumdelta.com/images/metal-br.jpg);
		background-repeat: no-repeat;
		background-color: rgb(200,200,200);
		height: 10px;
		width: 10px;
	}

#moduleform {
	position:relative;
	top:15px;
}

#popcontent {
	position:absolute;
	top:145px;
	}

#sysgreeting {
	margin:10px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:rgb(100,100,100);
}

#sysloginscreen {
	position:absolute;
	top:33px;
	left:40px;
}

#syslogo {
	position:absolute;
	left:255px;
	top:5px;
}

#syslogologin {
	position:absolute;
	left:455px;
	top:5px;
}

#sysmainnav {
}

#sysmenu {
}

#sysselecteditems {
	
}

	#sysselecteditems ul {
		margin:0px;
		padding:0px;
	}
	
	#sysselecteditems ul li {
		font-size:11px;
		list-style-type:none;
		text-decoration: none;
		color: rgb(100,100,100);
		font-weight: bold;
		background-color: rgb(255,255,255);
		display: block;
		padding-bottom: 3px;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 3px;
	}
	

#sysmenuname {
	font-size: 11px;
	margin-right: 0px;
	margin-left: 5px;
	text-align: center;
	}

#sysusernamerequest {
	position:absolute;
	top:350px;
	left:250px;
	width:370px;
}
	
td.button {
	width: 42px;
}

td.name {
}

ul.sysmakemenu {
	margin: 0px;
	padding: 0px;
}

ul.sysmakemenu-collapse {
	display: none;
}
		
ul.sysmakemenu a {
	text-decoration: none;
	color: rgb(100,100,100);
	font-weight: bold;
	background-color: rgb(255,255,255);
	display: block;
	padding: 3px 5px 3px 5px;
	white-space: nowrap;
	height: 20px;
}
		
ul.sysmakemenu a:hover {
	color: rgb(50,50,50);
	text-decoration: none;
	background-color: rgb(200,200,200);
}
		
ul.sysmakemenu a.current {
	text-decoration: none;
	color: rgb(255,255,255);
	font-weight: bold;
	background-color: rgb(100,100,100);
	display: block;
}
		
ul.sysmakemenu a:hover.current {
	color: rgb(200,200,200);
	text-decoration: none;
	background-color: rgb(50,50,50);
}

ul.sysmakemenu li {
	font-size:11px;
	display:list-item;
	list-style-type:none;
}


ul.sysmakemenu li ul li {
	font-size:9px;
	display:list-item;
	list-style-type:none;
	list-style-image:url(http://quantumdelta.com/images/bullets/bullet_silver.gif);
}

ul.sysmakemenu li ul li a {
	height:14px;
}

/* OLD CSS Document Data */

div, p, h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }


td {
	font: 10px Verdana, Geneva, Arial, helvetica, sans-serif;
}
th {
	font: 12px Verdana, Geneva, Arial, helvetica, sans-serif;
}
#page { 
	margin-top:0px; 
	margin-bottom:25px;
	margin-left:0px;
	margin-right:0px;
}

/*Layout: Just one more way to make sure I have a clear pallette*/
#container {
	margin: 5px;
	padding: 5px;
	text-align: left;
	width: 92%;
	left:4%;
}

/*Color Scheme: Changing the color of the headers if they are in a colored background area such as the header section usually is.*/
#Header h1, #Header h2, #Header h3, #Header h4, #Header h5, #Header h6, #titlebar h1, #titlebar h2, #titlebar h3, #titlebar h4, #titlebar h5, #titlebar h6, #orgname h1, #orgname h2, #orgname h3, #orgname h4, #orgname h5, #orgname h6, #sitetitle h1, #sitetitle h2, #sitetitle h3, #sitetitle h4, #sitetitle h5, #sitetitle h6, #subtitle h1, #subtitle h2, #subtitle h3, #subtitle h4, #subtitle h5, #subtitle h6{
	color: rgb(0,0,0);
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}
/*Color Scheme with background*/
#header {
	background: rgb(255, 204, 0);
	width:100%;
	padding:0px;
	margin:0px;
}
#clientmessage {
	font:bold 14px Verdana, Geneva, Arial, helvetica, sans-serif;
	color:rgb(255,0,0);
}
#title {
	margin:0px;
	padding:0px;
}
#subtitle {
	margin:0px;
	padding:0px;
}
/*Color Scheme*/
#red {
	background: rgb(255,255,255);
	color: rgb(255,0,0);
}
/*Layout*/
#titlebar {

		margin:0px;
		padding:0px;
		text-align: center;
}
#warning {
	margin:10px;
	font: 14px  Verdana, Geneva, Arial, helvetica, sans-serif;
	color: rgb(210,0,0);
}
#instructions {
	margin:10px;
	font-weight:bold;
}
#greeting {
	margin-top:0px;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;
	color:rgb(0,210,124);
	text-decoration: none;
	background: rgb(225,225,225);
}
#greeting a {
	color:rgb(0,119,0);
	text-decoration: none;
}
#greeting a:hover {
	text-decoration: overline underline;
	background: rgb(255,255,255);
}
#logout {
	margin:5px;
	padding:5px;
	font-weight:bold;
	color:rgb(210,0,0);
	text-decoration: none;
	background: rgb(225,225,225);
	width:25%;
}
#logout a {
	color:rgb(240,47,47);
	text-decoration: none;
}
#logout a:hover {
	text-decoration: overline underline;
	background: rgb(255,255,255);
}
#mailingaddress {
	display:none;
}
/*Layout*/
#logo {
	    position: absolute;
		top:5px;
		left: 60px;
}


/*Layout with a background*/
#contentarea {
	position:absolute;
	top:155px;
	width:92%;
	left:4%;
	margin: 0px;
	padding: 5px;

}
/*Layout, AND Color Scheme*/
#contenttext {
	margin: 0px;
	font:10px Verdana, Geneva, Arial, helvetica, sans-serif;
	line-height: 14px;
}
/*Layout*/
#contenttext p, #presentationcontent p, #formcontent p {
	margin-top:5px;
}


/*Color Scheme*/
#contenttext h1, #contenttext h2, #contenttext h3,  #presentationcontent h1, #presentationcontent h2, #presentationcontent h3,  #formcontent h1, #formcontent h2, #formcontent h3{
	color: rgb(204,0,0);
	padding:10px;
	text-align:center;
	margin-top:5px;
}
/*Color Scheme*/
#presentationcontent h4, #contenttext h4, #contenttext h5, #contenttext h6, #presentationcontent h5, #presentationcontent h6, #formcontent h5, #formcontent h6, #formcontent h4{
	color: rgb(204,0,0);
	padding:5px;
	text-align:left;
	margin-top:5px;
}


#fuseaction {
	position:absolute;
	right:5px;
	top:0px;
	background: rgb(255, 0, 0);
	color: rgb(255,255,255);
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	margin:0px;
	width:60%;
}
#sitename {
	position:absolute;
	right:5px;
	top:45px;
	background: rgb(240, 110, 47);
	color: rgb(255,255,255);
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10px;
	margin:5px;
	width:60%;
}

/*Layout AND background*/
#menu {
	position:absolute;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height:25px;
	top: 80px;
	z-index: 1000;
	text-align:center;
	vertical-align:middle;
	background: ;
}

/*Layout*/
#menu ul { 
	list-style: none;
	display:inline; 
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding:0px;
	line-height:20px;
}
/*Layout*/
#menu li { 
	list-style: none;
	display:inline; 
	margin-right: 10px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:0px;
	z-index:600;
	-moz-border-radius: 15px;
}

/* Color Scheme AND position*/
#mainnav a {
	position: relative;
	left:0px;
	top:5px;
	margin:0px;
	text-align: center;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	color: rgb(0,0,204);
	background: transparent;
	font-weight: bold;
	font-size: 10px;
	padding: 3px;
	text-decoration: none;
	vertical-align:text-bottom;
	z-index: 2000;
	-moz-border-radius: 15px;
}
#mainnav a:hover {
	color:  rgb(255,255,255);
	background: rgb(204,0,0);
	text-decoration: none;
	z-index: 801;
	-moz-border-radius: 15px;
}
#submenu table {
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background: rgb(180,180,180);
}
#submenu table th {
	background: rgb(213,239,255);
}


/*Layout*/
#datearea {
	top:0px;
	right:0px;
	margin:0px;

}
/* Color Scheme */
#date {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	text-align: right;
	background: rgb(255,255,102);
	font-weight: bold;
	font-size: 10px;
	font-style:italic;
	height:20px;
	padding:5px;

}

 
 #debug
 {
 position:absolute;
 top:2000px;
 }