/*/V3.6.12/*/
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 75%;
	height: 100%;
	background-color: #F8F8FF;
}
a {
	color: #006;
	text-decoration: none;
}
a:hover {
	color: #006;
	text-decoration: underline;
}
#left h1 a:hover {
	text-decoration: none;
}


/* LEFT */
#left {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 200px;
	background-color:#CCCCFC;
	z-index: 5;
	border-right: 2px solid #006;
	overflow: auto;
}
#left h1 {
	font-size: 120%;
	color: #006;
	margin: 0;
	padding: 6px 6px 8px 6px;
}
#left .small {
	font-size: 60%;
	font-weight: bold;
	vertical-align:text-top;
}
#left img {	
	float: left;
	height: 33px;
	width: 33px;
	margin: 6px 5px 6px 4px;
	border: 0;
} 
#left .line {
	clear:both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	border-bottom: 1px solid #AAAAFA;
}
#left p#TimeLoaded {
	font-size: 75%;
	color: #006;
	margin: 4px 5px;
	text-align: left;
}


/* HEADER */
#header {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 0;
	background-color: #F8F8FF;
	z-index: 3;
	color: #006;
}
#headerInner {
	margin: 10px 10px 10px 210px;
}
#headerInner h1 {
	margin: 0;
	padding: 0;
	font-size: 130%;
}
#headerInner h1 a {
	text-decoration: underline;
}
#headerInner a.HelpLink {
	position: absolute;
	top: 5px;
	right: 5px;
	padding: 0 5px;
	background: #000066;
	border: 1px solid #000066;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
#headerInner a.HelpLink:hover {
	background: #FFF;
	border: 1px solid #000;
	color: #000;
}
#header td {
	padding: 10px 20px 0 0;
}


/* Scroller */
#ContentScroller {
	margin: 0;
	padding: 0;
	height: 100% !important;
	width: 100% !important;
	z-index:2;
	text-align: left;
	z-index: 1;
	background-color: #F8F8FF;
	color: #006;
}
#ContentInner {
	padding: 5px 10px 25px 212px;
}
#ContentInner h2 {
	padding: 0 0 10px 0;
	margin: 0;
	font-size: 120%;
}
#ContentInner h3 {
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 110%;
}
#ContentInner p {
	padding: 0;
	margin: 0 0 10px 0;
	max-width: 700px;
}
#ContentInner p.FullWidth {
	max-width: 97% !important;
}
#ContentInner ol {
	padding: 0;
	margin: 10px 0 10px 40px;
	max-width: 660px;
}
#ContentInner ol li {
	padding: 0;
	margin: 7px 0;
}
#ContentInner td p {
	padding: 0;
	margin: 0;
}
#ContentInner td a {
	color: #000;
}
#ContentPadTop {
	/*height: 35px;*/
	display: none;
}


table { empty-cells:show; }
form {
	margin: 0px;
}

/* NAVIGATION */
div.NavUp a {
	width: 190px;
	color: #006;
	text-decoration: none;
	font-weight: bold;
	padding: 3px 5px;
	display: block;
}
div a.NavActive {
	color: #FFF;
	background-color: #6666F6;
} 
div.NavHeading a {
	width: 183px;
	padding: 3px 5px 3px 12px;
}    
div.NavActive a:hover, div.NavUp a:hover {
	color: #006;
	background-color: #E3E3F3;
} 
div.NavGlueLink {
	position: absolute;
	left: 0;
	z-index: 50;
	width: 9px;
	padding: 4px 0 0 0;
	background-color: none !important;
}
div.NavGlueLink a {
	text-decoration: none;
	font-weight: bold;
	line-height: 9px;
	width: 7px;
	padding: 2px;
	display: block;
	background-color: none;
}
div.NavGlueLink a:hover {
	background-color: #FFF !important;
	color: #000;
}
div.NavUp p {
	font-size: 80%;
	color: #006;
	margin: 20px 6px 6px 6px;
	text-align: left;
}
div.NavUp p a.HelpLink {
	float: left;
	padding: 0 5px;
	margin: 5px 3px 0 0;
	background: #6666F6;
	border: 1px solid #6666F6;
	color: #FFF;
	text-decoration: none;
	font-size: 120%;
	width: 7px;
}
div.NavUp p a.HelpLink:hover {
	background: #FFF;
	border: 1px solid #000;
	color: #000;
}

.FormInput, .FormInputError {
	clear: both;
}
.FormInput {
	width: 692px;
	margin: 0;
}
.FormInputError {
	width: 688px;
	border: solid 2px #FF0000;
	margin: 0;
}
span.Split {
	display: block;
	padding-right: 4px;
}
span.Split .FormTextLabel {
	float: left !important;
	padding-top: 3px;

}
span.Split .FormInput, .Split .FormInputError {
	float: right !important;
	clear: none !important; 
}
span.Split2575 .FormTextLabel {
	width: 170px !important;
}
span.Split2575 .FormInput, span.Split2575 .FormInputError {
	width: 510px !important;
}
span.Split5050 .FormTextLabel {
	width: 340px !important;
}
span.Split5050 .FormInput, span.Split5050 .FormInputError {
	width: 340px !important;
}
span.Split7525 .FormTextLabel {
	width: 510px !important;
}
span.Split7525 .FormInput, span.Split7525 .FormInputError {
	width: 170px !important;
}
.FormText {
	font-size: 75%;
	color: #000000;
	text-decoration: none;
}
.TinyText {
	font-size: 90%;
	color: #000000;
	text-decoration: none;
}
.TeenyText {
	font-size: 75%;
	color: #000000;
	text-decoration: none;
}
.FormTextError {
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
}
.FormGubbinsError {
	color: #C00;
	text-decoration: none;
	font-weight: bold;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	text-decoration: none;
	margin: 0;
}
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	text-decoration: none;
	margin: 0;
}
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	text-decoration: none;
	margin: 0;
}

/* INDEX TABLES */
.IndexTable {
	width:97%;
	border-collapse: collapse;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color:#000066;
}
.IndexTable .Button a:link, .IndexTable .Button a:visited, .IndexTable .Button a:active {
	background-color: #DDDDDD;
	color:#0000E0;
}
.IndexTable .Button a:hover {
	background-color: #0000E0;
	color:#FFFFFF;
}
.IndexHeadings td {
	background-color: #000080;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 110%;
}
.IndexRow1 {
	background-color: #CCCCFC;
}
.IndexRow2 {
	background-color: #E3E3F3;
}
.IndexRow1 a, .IndexRow2 a {
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
.IndexRow1 a {
	color:#000000;
	background-color: #CCCCFC;
}
.IndexRow2 a {
	color:#000000;
	background-color: #E3E3F3;
}
.IndexRow1 a:hover, .IndexRow2 a:hover {
	background-color:#ADDDDD;
}
.IndexTable .IndexRow1 .TextArea, .IndexTable .IndexRow2 .TextArea {
	border-width: 3px;
	border-style: solid;
	overflow:auto;
}
.IndexTable .IndexRow1 .TextArea {
	border-color: #ECECF7;
	background: #ECECF7;
}
.IndexTable .IndexRow2 .TextArea {
	border-color: #FCFCF7;
	background: #FCFCF7;
}
.IndexImage{
	text-align:left !important;
	padding-left: 0px !important;
}
.IndexImage a, .IndexImage a:link, .IndexImage a:active, .IndexImage a:visited, .IndexImage a:hover {
	padding: 0px !important;
	width: 0px !important;
}
.Red a, .Green a, .Amber a, .DayGlo a, #PreviewTop a, .Purple a, .Magenta a, .Yellow a, .Blue a, .Beige a, .Grey a {
	color:#000000;
	padding: 3px 8px;
	font-weight:bold;
	text-decoration:none;
	display: block;
	max-width: 100px;
	text-align: center;
}
.Red a {
	background-color: #e00;
	border: 1px solid #e00;
}
.Green a, #PreviewTop a {
	background-color: #0c0;
	border: 1px solid #0c0;
}
.Amber a {
	background-color: #f90;
	border: 1px solid #f90;
}
.Purple a {
	background-color: #96F;
	border: 1px solid #96F;
}
.Magenta a {
	background-color: #F0F;
	border: 1px solid #F0F;
}
.Yellow a {
	background-color: #FF0;
	border: 1px solid #FF0;
}
.Blue a {
	background-color: #0FF;
	border: 1px solid #0FF;
}
.Beige a {
	background-color: #CC6;
	border: 1px solid #CC6;
}
.Grey a {
	background-color: #CCC;
	border: 1px solid #CCC;
}
.DayGlo a {
	background-color: #CF0;
	border: 1px solid #CF0;
}
.Red a:hover, .Green a:hover, .Amber a:hover, .DayGlo a:hover, #PreviewTop a:hover, .Purple a:hover, .Magenta a:hover, .Yellow a:hover, .Blue a:hover, .Beige a:hover, .Grey a:hover {
	background-color:#FFFFFF;
	border: 1px solid #000000;
}
.IndexTable td {
	font-weight: bold;
	padding: 6px 3px 6px 3px !important;
	border-collapse: collapse;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color:#000066;
}

/* EDIT DIVS */
.EditCellTop {
	clear:both;
	background-color: #000080;
	font-weight: bold;
	padding: 4px 3px 4px 3px;
	border-collapse: collapse;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color:#000066;
	width: 700px;
	margin: 0;
}
.EditCellTop h1 {
	float: left;
	font-size: 120%;
	color: #FFFFFF;
	padding: 4px 0 0 0;
	margin:0;
	text-transform:uppercase;
}
.EditCell {
	clear:both;
	padding: 4px 3px 4px 3px;
	text-align: left;
	border-collapse: collapse;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color:#000066;
	background-color: #CCCCFC;
	width: 700px;
	margin: 0;
}
.EditCell div.HR {
	clear: both;
	width: 100%;
	line-height: 1px;
	font-size: 1px;
	height: 1px;
	margin: 4px 0 2px 0;
	padding: 0;
	background: #7979CC;
}
.EditCell a.HelpLink {
	float: right;
	padding: 0 5px;
	margin-bottom: 3px;
	background: #6666F6;
	border: 1px solid #6666F6;
	color: #FFF;
	text-decoration: none;
}
.EditCell a.HelpLink:hover {
	background: #FFF;
	border: 1px solid #000;
	color: #000;
}
.CheckBoxAssoc {
	float: left;
	overflow: hidden;
	height: 1.8em;
	margin: 2px;
	padding: 3px 0 0 0;
	background: #E3E3F3; 
	border: 1px solid #9999BB;
}
.CheckBoxAssoc label {
	float: left;
	padding-top: 1px;
	height: 1.4em;
	overflow: hidden;
	display: block;
	line-height: 1.3em;
}
.CheckBoxAssoc input {
	float: left;
	width: 1.7em;
	height: 1.7em;
}
.CheckBoxAssoc span {
	position:relative;
	top: -1px;
}

/*STATS STYLES*/
.StatsBar {
	font-size: 9px;
	text-align: right;
	padding: 1px 1px;
	min-width: 2%;
	overflow:hidden;
}
.StatsBarSpace {
	height: 2px;
	line-height: 2px;
	font-size: 2px;
}
#StatsReportingOptions {
	position: absolute;
	top: 15px;
	right: 3%;
	z-index: 100;
}
#StatsReportingOptions form {
	padding: 0;
	margin: 0;
}

/*PREVIEW STYLES*/
#PreviewTop {
	height: 20px;
	padding: 5px;
	background-color: #CCCCFC;
}
#PreviewTop a {
	width: 150px !important;
	max-width: 150px !important;
}
#PreviewIframe {
	width: 95%;
	margin: 0 auto;
}

/*PROCESS TIME STYLES*/
#ProcessTime {
	font-size: 75%;
	text-align: center;
	color: #99B;
}

/* Loading */
#Loading, #SendingData {
	z-index: 4;
	position: fixed;
	_position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=90);
	opacity: 0.9; 

}
#Loading {
	background: #CCCCFC url(../images/loading.gif) no-repeat 56% 50%;
}
#SendingData {
	background: #CCCCFC url(../images/sending_data.gif) no-repeat 56% 50%;
	display: none;
}

/* GENERIC */
.Clear {
	clear:both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.WIP {
	color: #FF00FF;
	text-decoration: line-through;
}

/*HELP*/
body#Help h1#HelpHeading {
	background: #000080;
	color: #FFF;
	margin: 0;
	padding: 5px;
	font-size: 170%;
}
body#Help div#HelpContent {
	padding: 10px 15px 15px 15px;
	font-size: 110%;
}
body#Help div#HelpContent h1, body#Help div#HelpContent h2, body#Help div#HelpContent p {
	padding: 0;
	margin: 5px 0 10px 0;
}
body#Help div#HelpContent h1 {
	font-size: 140%;
}
body#Help div#HelpContent h2 {
	font-size: 110%;
	font-weight: bold;
}
.InlineHelpImage {
	margin: 3px 0 -3px 0;
}
dl#WelcomeHints {
	margin: 0;
	padding: 0;
}
dl#WelcomeHints dt, dl#WelcomeHints dd {
	padding: 0;
}
dl#WelcomeHints dt {
	margin: 8px 0 5px 0;
}
dl#WelcomeHints dd {
	margin: 5px 0 8px 15px;
}




/*OLD STATS STYLES*/
.StatsHeading, .StatsHeading a {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}
.StatsLeft, .StatsRight {
	font-size: 11px;
	font-weight: bold;
}
.StatsBarText {
	font-size: 9px;
	font-weight: normal;
}