﻿/* Main Layout */
	body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		margin: 0px;
		padding: 0px;		
	}
	#content {
		padding: 0 10px 0 10px;
	}

/* Links */
	a:link {
		color:#003366;
	}
	a:visited {
		color:#006699;
	}
	a:hover {
		color: #003366;
	}
	a:active {
		color: #003366;
	}
	a.external, a.popup {
		background: center right no-repeat;
		padding-right: 15px;
	}
	a.external:link {
		background-image: url("/globals/images/icons/linkexternal.gif");
	}
	a.external:visited {
		background-image: url("/globals/images/icons/linkexternal_visited.gif");
	}
	a.external:hover {
		background-image: url("/globals/images/icons/linkexternal.gif");
	}
	a.external:active {
		background-image: url("/globals/images/icons/linkexternal.gif");
	}
	a.popup:link {
		background-image: url("/globals/images/icons/linkpopup.gif");
	}
	a.popup:visited {
		background-image: url("/globals/images/icons/linkpopup_visited.gif");
	}
	a.popup:hover {
		background-image: url("/globals/images/icons/linkpopup.gif");
	}
	a.popup:active {
		background-image: url("/globals/images/icons/linkpopup.gif");
	}
	
/* Bullets/Icons */
	.bulletIcon, .bulletIconAudio, .bulletIconDocument, .bulletIconImage, .bulletIconVideo, .bulletIconWeb {
		display: block;
		background-image: url("/globals/images/icons/filetypes/exit16.gif");
		background-repeat: no-repeat;
		background-position: left top;
		padding-left: 19px;
		margin-bottom: 2px;
		line-height: 16px;
	}
	.bulletIconAudio {
		background-image: url("/globals/images/icons/filetypes/audio16.gif");
	}
	.bulletIconDocument {
		background-image: url("/globals/images/icons/filetypes/document16.gif");
	}
	.bulletIconImage {
		background-image: url("/globals/images/icons/filetypes/image16.gif");
	}
	.bulletIconVideo {
		background-image: url("/globals/images/icons/filetypes/video16.gif");
	}
	.bulletIconWeb {
		background-image: url("/globals/images/icons/filetypes/rightArrow16.gif");
	}
	
/* General Text Elements */
	.alert {
		font-weight: bold;
		background-color: #FFFF7D;
		padding: 3px 5px 3px 10px;
		border: 1px solid #999999;
		color: #990000;
	
	}
	div.alert {
		margin-bottom: 8px;
	}
	ul {
		list-style-type: square;
	}	
	


/* START: Heading Styles */
H1 {
	color: #222;
	margin: .25em 0 .5em 0;
	padding: 0;
	font-size: 2em;
	font-weight: normal;
}
H2 {
	margin: .5em 0 .15em 0;
	padding: 0;
	font-size: 1.4em;
	font-weight:bold;
}
H3 {
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}
H3.articleHead {
	font-size: 1.1em;
}
H3.articleHead A {
	font-size: 1.1em;
}
H4, DIV.interface DIV TABLE TR TH {
	margin: .25em 0 0 0;
	padding: 0;
	font-size: 1em;
}
H5 {
	margin: .25em 0 .25em 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
}
/* END:   Heading Styles */

	div.directions, span.directions {
		color:#777777;
		font-size:1em;
		padding-bottom:2px;
		padding-top:2px;
	}

	.incomplete, .incomplete a {
		color:#990000;
		font-weight: bold;
	}
	.complete, .complete a {
		font-weight: bold;
		color:#003300;
	}
	.disabled, .inactive, .inactive td, .inactive th {
		color: #999999;
	}
	.new, .new a {
		font-weight: bold;
		color: #FF9900;	
	}
	.limbo {
		font-weight: bold;
		color:#FF6600;
	}	
	.small {
		font-size:10px;
	}
	.bigger {
		font-size:12px;
	}
	.required {
		font-weight: bold;
		color: #990000;
	}	

/* Table Objects */
	div.interface {
		background-color: #8FA4B8;
		border: 1px solid #CCCCCC;
		padding: 0;
		margin: 0 0 10px 0;
	}
	div.interface form {
		margin: 0;
		padding: 0;
	}
	div.interface div.list,
	div.interface div.form {
		padding: 0 0 4px 0;
		margin: 0 0 4px 0;
		background-color: #CCCCCC;
	}
	div.interface div.header {
		background-color: #8FA4B8;
		font-size:11px;
		font-weight:bold;
		padding: 2px 5px 2px 10px;
		color: #FFFFFF;
	}
	div.interface div.header a {
		font-size: 11px;
		color: #FFFFFF;
		text-decoration: none;
	}
	div.interface div.header a:hover {
		text-decoration: underline;
	}
	div.interface div table {
		width: 100%;
		border: 0;
		padding: 0;
		margin: 0;
		border-collapse: collapse;
		border-spacing: 0px;
	}
	div.interface div table tr td {
		padding: 5px 5px 5px 5px;
		vertical-align : top;	
		border-top: 1px solid #CCCCCC;
		font-size:10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	div.interface div table tr div {
		padding: 0 0 5px 0;
	}
	div.interface div table tr th {
		border-top: 1px solid #999999;
		border-bottom: 1px solid #999999;
		background-color: #CCCCCC;
		font-size: 11px;
		font-weight: lighter;
		text-align: left;
		padding: 2px 5px 2px 10px;
	}
	
	div.interface div.list table tr td {
		background-color: #ffffff;
	}	
	div.interface div.list table tr.alternate td, div.interface div.list table.form tr td {
		background-color: #e8e8e8;
	}	
	div.interface div.form table {
		background-color:#e8e8e8; 	
	}
	/* nested interfaces */
	div.interface div.list table tr td div.interface {
		background-color: #CCCCCC;
		border: 1px solid #CCCCCC;
		padding: 0;
		margin: 0 0 0px 0;
	}
	div.interface div.list table tr td div.interface form {
		margin: 0;
		padding: 0;
	}
	div.interface div.list table tr td div.interface div.list,
	div.interface div.list table tr td div.interface div.form {
		padding: 0 0 0px 0;
		margin: 0 0 0px 0;
		background-color: #CCCCCC;
	}
	div.interface div.list table tr td div.interface div.header {
		background-color:#CCCCCC;
		font-size:10px;
		font-weight:lighter;
		padding: 2px 5px 2px 10px;
		color: #000000;
	}
	div.interface div.list table tr td div.interface div.header a {
		font-size: 11px;
		color: #000000;
		text-decoration: none;
	}
	div.interface div.list table tr td div.interface div.list table tr th{
		border-top: 0px solid #999999;
		border-bottom: 0px solid #999999;
		background-color: E8E8E8;
		font-size: 10px;
		font-weight: lighter;
		text-align: left;
		padding: 2px 5px 2px 10px;
	}
	div.interface div.form table tr td, div.interface div.list table.form tr td {
		border:0px; 	
	}
	div.interface div table tr td.column, div.interface div table.form tr td.column {
		border-left: 1px solid #CCCCCC;
	}	
	.label {
		font-weight: bold;
		text-align: right;
		vertical-align: top;
	}


/* Tabs
	#tabbar {
		color:#000000;
		font-size: 10px;
		border-top: 0px none;
		border-right: 0px none;
		border-left: 0px none;
		border-bottom: 1px solid #CCCCCC;
		margin: 10px 0 5px 0;
		padding: 0px;
		height: 21px;
	}
	#tabbar ul {
		font-weight: bold;
		margin: 0px;
		padding: 0px;
	}
	#tabbar li {
		border: 1px solid #CCCCCC;
		list-style-type:none;
		padding:0px;
		background-color: #e8e8e8;
		float: left;
		margin: 0 5px 0 0;
		font-weight: bold;
		text-align: center;
		vertical-align: top;
	}
	#tabbar li a {
		padding: 4px;
		text-decoration:none;
		display: block;
	}
	#tabbar li a.active {
		color:#FFFFFF;
		background-color: #8FA4B8;
		border-bottom-color: #CCCCCC;
	}
	#tabbar li a:hover {
		color:#000000;
		display: block;
		text-decoration: none;
		background-color: #CCCCCC;
	}
 */

/* Form */
	input, select, textarea {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		font-weight: normal;
		margin:0px;
		padding:0px;
	}
	input.none {
		background: none;
		background-color: none;
		border: none;
	}
	optgroup {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
	}
	.submit {
		margin: 10px 10px 0 10px;
	}


/* Header */
	#header {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
		background-color: #8FA4B8;
		padding: 5px;
		border-bottom-width: 1px;
		border-top-style: none;
		border-bottom-color: #000000;
		color: #000000;
		border-bottom-style: solid;
		height: 20px;
		
	}
	#header a {
		text-decoration: none;
		color: #FFFFFF;
	}
	#header #title { 
			float: left;  
		}
	#header #topnav {
		float: right;
		text-align: right;
	}
	
	#subtitle {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		background-color: #e8e8e8;
		padding: 5px 5px 5px 10px;
		margin-bottom: 4px;
	}

/* Nav */
	#nav {
		background-color: #666666;
		border-bottom-width: thin;
		border-bottom-style: solid;
		border-bottom-color: #666666;
		padding: 3px 0px 3px 0px;
		margin: 0 0 10px 0;
	}
	#nav .item {
		border-right-width: thin;
		border-right-style: dotted;
		border-right-color: #999999;
		text-align: left;
		padding: 0 10px 0 10px;
		margin: 0 0 10px 0;
	}
	#nav .item a {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #ffffff;
		text-decoration: none;
	}
	#nav .item a:hover {
		color: #FFFFFF;
		text-decoration: underline;
	}

/* Footer */
	#footer {
		margin-top: 10px;
		border-top: solid 1px #000000;
		margin-right: 10px;
		margin-left: 10px;
		padding-top: 3px;
		font-size: 11px;
	}
	#footer a {
		color: #999999;
		font-weight: bold;
	}
	#footer a:hover {
		color: #999999;
	}
	#footer a:visited {
		color: #999999;
	}


/* Tiny MCE Editor Styles for Nice Interface */
	div.interface div.tinyMCEEditorContainer table {
		width:auto;
		border: 0;
		padding: 0;
		margin: 0;
		border-collapse:separate;
		border-spacing:0px;
		border:1px solid #CCCCCC;
	}
	div.interface div.tinyMCEEditorContainer table tr td {
		padding:0px;
		vertical-align : middle;	
		border-top:0px;
		font-size:10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color:#CCCCCC;
	}
	div.interface div.tinyMCEEditorContainer .alternate td {
		background-color:#CCCCCC;
	}
	div.interface div.tinyMCEEditorContainer a.mceButton {
		background:#F3F2ED;
		border:1px solid #999999;
		padding:0px;
		margin:1px;
	}
	div.interface div.tinyMCEEditorContainer table tr div {
		padding:0px;
		border:none;
	}

/* Nice Interface Pagination */
	div.interfacePageList {
		margin-bottom:3px;
		text-align:right;
	}

