/* Copyright © 2006 C-mach Technologies Inc.*/
/*these 2 rules allow the footer to attach to bottom of viewport*/
/*the * makes FF work*/
* {
  margin: 0px;
  padding: 0px;
}

html, body {
  margin: 0px;
  padding: 0px;
  height: 97%;
}

/*set the overall font face, size and margins*/
body {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

ul  {
  margin-top: 1px;
	margin-left: 20px;
  padding: 0px 0px 0px 20px;
  list-style-type: square;
  }
li {
  padding: 2px;
}

/*the following two rules keep the footer positioned properly*/
div.pageWrapper {
  min-height: 100%;
}
div.mainContentPadding {
  padding: 1px 0px 10px 0px;
}

.ct-Masthead {
	background-image: url(../images/ct_logo_chr_220.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
  padding: 33px 0px 0px 120px;
	margin: 5px 0px 0px 5px;
	height: 175px;
  color: #339;
	font-size: 24px;
}
.ct-MastheadSmall {
	background-image: url(../images/ct_logo_chr_114w90h.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
  padding: 12px 0px 0px 115px;
	margin: 5px 0px 0px 5px;
	height: 95px;
  color: #339;
	font-size: 20px;
}
.pagetitle {
	position: relative;
	top: -65px;
	text-align: center;
	font-size: 16px;
  color: #CC0404;
	height: 1px;
}
.ct-Footer {
	clear: both;
	text-align: center;
	font-size: 9px;
  color: #339;
	border-top: 1px solid #669;
	padding-top: 3px;
	margin-top: -5px;
	background-color: white;
}

/*Centre content properly on page in both IE and FF*/
div.ct-Outer{
	text-align:center;
	margin:0px;
	padding:0px;
	width: 95%;
	min-width:600px;/* stop mozilla sliding off the edge */
}
div.ct-InnerAuto{
	width:auto;
	margin:0px auto;
	text-align: left;
}
div.ct-Inner300{
	width:300px;
	margin:0px auto;
	text-align: left;
}
div.ct-Inner400{
	width:400px;
	margin:0px auto;
	text-align: left;
}
div.ct-Inner500{
	width:500px;
	margin:0px auto;
	text-align: left;
}
div.ct-Inner600{
	width:600px;
	margin:0px auto;
	text-align: left;
}
div.ct-Inner700{
	width:700px;
	margin:0px auto;
	text-align: left;
}
div.ct-Inner800{
	width:800px;
	margin:0px auto;
	text-align: left;
}
div.ct-Inner900{
	width:900px;
	margin:0px auto;
	text-align: left;
}
div.ct-Inner930{
	width:930px;
	margin:0px auto;
	text-align: left;
}
div.ct-Inner1000{
	width:1000px;
	margin:0px auto;
	text-align: left;
}

/*primary nav */
.PrimaryNavLogon {
	text-align: right;
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 10px;
  color: #339;
}

/*create 3 column layout*/
#mainContent {
  padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 5px;
}
#sidebarRight {
	float: right;
	width: 205px;
	margin-right: 5px;
}
#sidebarLeft {
	float: left;
	width: 195px;
}
#centerColumnContent {
	margin: 0px 215px 0px 200px;
	height: 1%;/*HOLLY HACK - fixes IE 3px float bug*/
}

/*create single column layout*/
#singleColumnContentWide {
	width: 99%;
	margin: 0px 0px 0px 0px;
	height: 1%;/*HOLLY HACK - fixes IE 3px float bug*/
}
#singleColumnContentMedium {
	margin: 0px 10% 0px 10%;
	height: 1%;/*HOLLY HACK - fixes IE 3px float bug*/
}
#sidebarLeft125 {
	float: left;
	width: 125px;
	background-color: #F2F3F5;
	border-right: 1px solid #669;
	border-bottom: 0px solid #669;
	border-left: 1px solid #cce;
	height: 250px;/*HOLLY HACK - fixes IE 3px float bug*/
}
#twoColumnContentWide {
	width: 100%;
	margin: 0px 0px 0px 0px;
	height: 1%;/*HOLLY HACK - fixes IE 3px float bug*/
}

/*style each topic section*/
.topicTitle {
  background-image: url("../images/ct_page_title_bg.jpg");
  background-repeat: repeat-x;
	height: 21px;
	padding: 4px 0px 0px 4px;
	color: white;
	font-weight: bold;
	border-top: 1px solid #ddf;
	border-right: 1px solid #669;
	border-bottom: 0px solid #669;
	border-left: 1px solid #ddf;
}
.topicContent {
	background-color: #F2F3F5;
	border-right: 1px solid #669;
	border-bottom: 0px solid #669;
	border-left: 1px solid #cce;
	padding: 1px 2px 2px 4px;
}
.topicContentCaption {
	background-color: #F2F3F5;
	border-right: 1px solid #669;
	border-bottom: 0px solid #669;
	border-left: 1px solid #cce;
	padding: 3px 2px 5px 6px;
	font-size: 11px;
}
.topicContentBottom {
	background-color: #F2F3F5;
	border-right: 1px solid #669;
	border-bottom: 1px solid #669;
	border-left: 1px solid #cce;
	height: 2px;
	padding: 0px;
	margin-bottom: 10px;
}
.topicContentClose {
	background-color: #F2F3F5;
	border-right: 1px solid #669;
	border-bottom: 1px solid #669;
	border-left: 1px solid #cce;
	padding: 1px 2px 2px 4px;
}
.topicContentForm {
	background-color: #F2F3F5;
	border-right: 1px solid #669;
	border-bottom: 0px solid #669;
	border-left: 1px solid #cce;
	padding: 3px;
	margin: 0px;
}
.ct-recordcount {
	font-size: 10px;
}
.topicContentTable {
	background-color: #F2F3F5;
	border-right: 1px solid #669;
	border-bottom: 1px solid #669;
	border-left: 1px solid #cce;
	padding: 0px;
	margin: 0px -1px 0px -1px;
}
.ct-browserdata {
	font-size: 10px;
}


/*page text */
.pageInstructions {
	margin: 0px 5px 5px 5px;
}
.pageInstructionsTitle {
  background-image:  url("../images/ct_page_title_bg.jpg");
  background-repeat: repeat-x;
	height: 25px;
	padding: 4px;
	color: white;
	font-weight: bold;
}
.singleFormBackground {
  background-image:  url("../images/ct_form_bg_500.jpg");
  background-repeat: repeat-x;
	background-color: #E8E9ED;
	border-right: 1px solid #669;
	border-bottom: 1px solid #669;
	border-left: 1px solid #669;
}
	
/*used for alerting user */
.ct-Alert {
	color: red;
}
.ct-LegalNotice {
	margin: 10px 5px 10px 5px;
	color: red;
	font-weight: 600;
	font-size: 85%;
}
.ct-Locked {
	font-weight: bold;
	color: red;
	margin-top: 50px;
}
.ct_right {
	text-align: right;
}

/*FORM DEFINITIONS*/

/*the following rules define the data input forms for the web application*/
form {
	font-size: 10px;
	margin: 2px 5px 10px 0px;
	height: 1%;/*variation of Holly Hack. w/o this labels below disappear!!*/
}

form.search {
	margin-left: 0px;
	margin-top: 5px;
}

/*set font style and size for labels*/
form p {
	clear: left;
	margin: 0px;
	margin-top: 1px;
	padding: 0px;
	padding-top: 0px;
}

form p label { 
	font-size: 11px;
	float: left;
	width: 150px;
	padding-top: 5px;
}
/*set font style and size for input controls*/
input, select {
	font-size: 10px;
	margin-top: 2px;
}
legend {
	font-size: 11px;
	font-weight: bold;
	color: slategray;
}
input.readonly {
	color: blue;
	border: 0px;
}

/*set the width of buttons independent of the text*/
input.button {
	font-size : 11px;
	width : 80px;
}
input.narrowbutton {
	font-size : 10px;
	width : 60px;
}
input.widebutton {
	font-size : 11px;
	width : 120px;
	margin-bottom: 3px;
}

/*upload form*/
form.upload {
	margin: 2px 5px 0px 0px;
}
input.uploadfilebutton {
	font-size : 13px;
	width : 300px;
	height : 20px;
	margin-bottom: 3px;
}
input.uploadwidebutton {
	font-size : 13px;
	width : 140px;
	margin-bottom: 3px;
}
.uploadsuccess {
	color: green;
}
.uploaderror {
	color: red;
}


/*position buttons to right of form based on width*/
.button1x80 {
	position: relative;
	left: 320px;
}
.button1x120 {
	position: relative;
	left: 280px;
}
.buttonRight {
	float: right;
}
.clearAll {
	clear: both;
}

.SelHistory {
	display: inline;
}

/*global navigation buttons for netsub*/
.netsubnav {
	float: right;
	margin: -24px 2px 0px 0px;
	padding: 2;
	z-order: 100;
}
.netsubnavFF {
	float: right;
	margin: -24px 4px 0px 0px;
	padding: 2;
	z-order: 100;
}
.netsubLicenseTotal {
	float: right;
	margin: 4px 2px 0px 0px;
	padding: 0;
	font-size: 0.8em;
}

/*range of preset form widths*/
fieldset.width900 {
	width : 900px;
	padding : 0px 5px; 
}
fieldset.width800 {
	width : 800px;
	padding : 0px 5px; 
}
fieldset.width700 {
	width : 700px;
	padding : 0px 5px; 
}
fieldset.width650 {
	width : 650px;
	padding : 0px 5px; 
}
fieldset.width600 {
	width : 600px;
	padding : 0px 5px; 
}
fieldset.width500 {
	width : 500px;
	padding : 0px 5px; 
}
fieldset.width400 {
	width : 400px;
	padding : 0px 5px; 
}
fieldset.width375 {
	width : 375px;
	padding : 0px 5px; 
}
fieldset.width350 {
	width : 350px;
	padding : 0px 5px; 
}
}
fieldset.width300 {
	width : 300px;
	padding : 0px 5px; 
}
fieldset.width200 {
	width : 200px;
	padding : 0px 5px; 
}
fieldset.width125 {
	width : 125px;
	padding : 0px 5px; 
}
fieldset.center {
	margin-left: auto;
	margin-right: auto;
}

/*the difference in length between the label and the input 
	is to avoid a slight overlap in Firefox*/
label.short {
	width : 11em;
	float: left;
	position : relative;
	display : inline;
	margin : .3em .5em;
}
/*the difference in length between the label and the input 
	is to avoid a slight overlap in Firefox*/
label.long {
	width : 22em; 
	float: left;
	position : relative;
	display : inline;
	margin : .3em .5em;
}
/*allows for a single column of centered labels and inputs*/
label.single {
	position : relative;
	width : 11em;
	text-align:right;
	display : block;
	margin : .2em 0em;
}

/*allow different widths for input controls*/
.ct-width400 {
	width : 400px;
	padding : 0px 0px; 
}
.ct-width300 {
	width : 300px;
	padding : 0px 0px; 
}
.ct-width200 {
	width : 200px;
	padding : 0px 0px; 
}
.ct-width100 {
	width : 100px;
	padding : 0px 0px; 
}
.ct-width75 {
	width : 75px;
	padding : 0px 0px; 
}
.ct-width50 {
	width : 50px;
	padding : 0px 0px; 
}

/*sample style for text area*/
.ct-txa-width300 {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
 	text-align: left;
	width : 300px;
	padding : 0px 0px; 
}
/*text area, 300 + readonly*/
.ct-txa-width300readonly {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
 	text-align: left;
	color: blue;
	width : 300px;
	padding : 0px 0px; 
}

/*sample for readonly input controls*/
.ct-width100readonly {
	color: blue;
	width : 100px;
	padding : 0px 0px; 
}
.ct-width200readonly {
	color: blue;
	width : 200px;
	padding : 0px 0px; 
}
.ct-width300readonly {
	color: blue;
	width : 300px;
	padding : 0px 0px; 
}

/*field help*/
.FieldHelp {
	vertical-align: top;
}

/*create a trail of breadcrumbs for user to follow back to main menu*/
.ct-breadcrumb {
  position: relative;
  top: 0px;
  left: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 9px;
  text-align: left;
	color: #000;
	width: 100%;
	z-order: 100;
}
.ct-breadcrumb a {
	color: #555555;
	font-size: 9px;
}
.ct-breadcrumb a:linked  {
	color: #aaaaaa;
	font-size: 9px;
}
.ct-breadcrumb a:visited  {
	color: #aaaaaa;
	font-size: 9px;
}
.ct-breadcrumb a:hover  {
	color: #aaaaaa;
	font-size: 9px;
}
.ct_center {
	text-align: right;
}