

/***** CSS Document for Facility Reports ******/
body
{
  margin: 0;
  padding: 0;
  background-color:#c2d8ad;
  text-align:center;
  font-size:83%;
  /*color:#003273;*/
  color: #505050;
  font-family: Verdana, Arial, Helvetica, sans-serif
}

h1, h2, h3, h4, h5, h6
{
  margin-top: 1em;
  margin-bottom: 0;
}

p
{
  margin-top: 0;
  margin-bottom: 1em;
}

form
{
  margin: 0;
}

img
{
  border: none;
}

.clearall
{
  clear: both;
  overflow: hidden;
  height: 1px;
}

.row
{
  clear: both;
  padding-top: .1em;
}

.row label
{
	display: block;
	float: left;
	text-align: right;
}

.row .rcol label
{
	display: inline;
	float: none;
	text-align: inherit;
}

.lcol
{
  float: left;
  text-align: right;
}

.rcol
{
  text-align: left;
  float: right;
}

.smaller
{
  font-size: 90%;
}

.disabled
{
  color: #aaa;
}

/********Main Content*****/
#wrapper{
	width:773px;
	background-image:url(images/main-bg.jpg);
	background-repeat:repeat-y;
	margin:auto;
}
#header{
	width:773px;
	height:128px;
	background-image:url(images/header.jpg);
	
}
#left-logo{
	width:136px;
	float:left;
	margin-left:10px;
}
#right-logo{
	width:136px;
	float:right;
	margin-right:10px;
	margin-top:15px;
	text-align:right;
}
#center-banner{
	margin-left:150px;
	margin-right:150px;
	padding-top:10px;
}
#content{
	margin-left:5px;
	width:741px;
	background-color:#ffffff;
	border-top:4px solid #003273;
	padding:5px 10px 5px 10px;
	text-align:left;
}
#content p {
	text-align:left;
	}
#util-bar{
	margin-top: 1em;
	text-align:right;
}
#util-bar a:link {
	color:#003273;
	}
#util-bar a:visited {
	color:#003273;
}
#util-bar a:hover {
	color:#ff0000;
	text-decoration:none;
}
#footer{
	width:773px;
	height:21px;
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	margin:auto;
	}

h1
{
	background-color: #003273;
	color: #fff;
	padding: .25em .5em;
	font-size: 135%;
}

h2
{
	background-color: #003273;
	color: #fff;
	padding: .25em .5em;
	font-size: 120%;
}

h3
{
	background-color: #003273;
	color: #fff;
	padding: .25em .5em;
	font-size: 100%;
}

h4
{
	background-color: #003273;
	color: #fff;
	padding: .25em .5em;
	font-size: 90%;
}

.heading
{
	background-color: #003273;
	color: #fff;
	padding: .25em .5em;
	margin-top: 1em;
}

.heading h1,
.heading h2,
.heading h3,
.heading h4
{
	margin: 0;
	padding: 0;
}

table form
{
	display: inline;
}

th
{
	background-color: #ddd;
	text-align: left;
}

input.highlight
{
	border: 2px solid #ff3;
}

td.highlight,
span.highlight
{
	background-color: #ff3;
}

.odd-row
{
	background-color: #eef;
}

.side-heading
{
	float: right;
	/*width: 25%;*/
}

.side-heading a
{
	color: #fff;
}

.instructions,
.note
{
	margin-bottom: .5em;
	font-size: 90%;
	color:#FF0000;
}

.hint
{
  font-size: 82.8%;
  color: #666;
}

.pdf-footer .send-verification
{
  font-size: 110%;
  font-weight: bold;
}

/* user header */
div.user-header .charter-info
{
	float: left;
	margin-right: 1em;
	font-size: 90%;
}

div.user-header .column-1,
div.user-header .column-1 .row
{
	width: 15em;
}

div.user-header .column-1 .lcol
{
	width: 4em;
}

div.user-header .column-1 .rcol
{
	width: 10.5em;
}

div.user-header .column-2,
div.user-header .column-2 .row
{
	width: 19em;
}

div.user-header .column-2 .lcol
{
	width: 8em;
}

div.user-header .column-2 .rcol
{
	width: 10.5em;
}

div.user-header .column-3,
div.user-header .column-3 .row
{
	width: 23em;
}

div.user-header .column-3 .lcol
{
	width: 11.5em;
}

div.user-header .column-3 .rcol
{
	width: 11em;
}

/* contacts */
.contact-info
{
	float: left;
	width: 25em;
	margin-right: 2em;
}

.contact-info .row
{
	width: 24.5em;
}

.contact-info label
{
	width: 7em;
}

.contact-info .rcol
{
	width: 17em;
}


/* planning */
table.planning
{
	width: 100%;
	margin-top: 1em;
}

table.planning th
{
	font-size: 90%;
	font-weight: bold;
	background-color: #eee;
	border: 1px solid #000;
}

table.planning th.data-col
{
	width: 10em;
}

table.planning td,
table.planning th
{
	padding: .25em .4em;
}

.planning-heading {
	font-weight:bold; 
	border:1px solid black; 
	background-color:#CCCCCC; 
	text-align:center;
	}
.left-col {
	width:300px;
	float:left;
	}
.twelve-col {
	width:125px;
	float:left;
	margin-left:5px;
	text-align:center;
	}
.onetwo-col {
	width:125px;
	float:left;
	margin-left:5px;
	text-align:center;
	}
.twoplus-col {
	width:125px;
	float:left;
	margin-left:5px;
	text-align:center;
	}

/* fields dimensions page */
.field-switcher
{
	margin-top: 2em;
}

.field-switcher .row
{
	width: 47.5em;
}

.field-switcher label
{
	width: 7em;
}

.field-switcher .rcol
{
	width: 40em;
}

.field-data .basic-info .row
{
	width: 45.5em;
}

.field-data .basic-info label
{
	width: 15em;
}

.field-data .basic-info .rcol
{
	width: 30em;
}

.field-data .half-col
{
	float: left;
	width: 25.5em;
	margin-right: 2em;
}

.field-data .half-col .row
{
	width: 25.5em;
}

.field-data .half-col label
{
	width: 13.5em;
}

.field-data .half-col .rcol
{
	width: 11.5em;
}

/* survey questions page */
.survey-questions
{
	margin-top: 1em;
}

.survey-questions td,
.survey-questions th
{
	padding: .1em .25em;
}

.survey-questions tbody th
{
	padding: 1em .25em .25em .25em;
	background-color: #eee;
	font-size: 90%;
}

/* contacts form */
.contact-data .row
{
	width: 40.5em;
}

.contact-data label,
.contact-data .lcol
{
	width: 10em;
}

.contact-data .rcol
{
	width: 30em;
}

/* new charter form */
.charter-data .row
{
	width: 35.5em;
}

.charter-data label,
.charter-data .lcol
{
	width: 15em;
}

.charter-data .rcol
{
	width: 20em;
}

/* PDF button bar */
div.pdf-footer
{
	color: #fff;
	background-color: #003273;
	text-align: center;
	padding: .5em 1em;
	margin: 2em 0 1em 0;
}

div.pdf-footer div
{
	margin: .25em 0;
}

/* pin info on the login form */
.pin-info
{
	float: left;
	width: 20em;
	margin: .5em;
	padding-right: 1em;
	border-right: 1px dashed #ccc;
}

.pin-info img
{
	float: left;
	margin-right: 8px;
	margin-bottom: 1em;
}

.pin-info h2,
.pin-info h3
{
	background-color: transparent;
	color: #000;
	padding: 0;
}

.pin-info h2
{
	font-size: 110%;
}

.pin-info h3
{
	margin: 0;
	font-size: 100%;
	font-weight: normal;
}

.pin-info p
{
	font-size: 85%;
	margin-top: 0;
	clear: left;
}

/* login form */
.login
{
	width: 30em;
	float: left;
	padding-top: 1em;
	margin-left: 2em;
}

.login .row
{
	width: 29.5em;
}

.login label,
.login .lcol
{
	width: 9em;
}

.login .rcol
{
	width: 20em;
}


/* admin - season detail */
.season-data .row
{
	width: 40.5em;
}

.season-data label,
.season-data .lcol
{
	width: 10em;
}

.season-data .rcol
{
	width: 30em;
}

/* admin - LL users detail */
.ll-user-data .row
{
	width: 40.5em;
}

.ll-user-data label,
.ll-user-data .lcol
{
	width: 10em;
}

.ll-user-data .rcol
{
	width: 30em;
}

/* admin - admin users detail */
.admin-user-data .row
{
	width: 40.5em;
}

.admin-user-data label,
.admin-user-data .lcol
{
	width: 10em;
}

.admin-user-data .rcol
{
	width: 30em;
}

/* Contact Us form */
.contact-us .row
{
	width: 40.5em;
}

.contact-us label,
.contact-us .lcol
{
	width: 10em;
}

.contact-us .rcol
{
	width: 30em;
}
