/* CSS Document */


/* ===================== CSS FROM EXISTING SITE ===================== */

* { margin: 0; padding: 0; }
html { margin: 0; padding: 0; }

body {
	margin: 0px; padding: 0px;
	font-family: Verdana, sans-serif;
	background-color: #FFFFFF; color: #666666;
}

img { border: 0; }


/* ----- TEXT STYLES ----- */

a:link, a:visited { color: #FF0099; text-decoration: underline; }
a:hover { color: #FF0099; text-decoration: none; }
a:focus { outline: none; }

.small{
	padding: 0;
	font-size: 10px;
	color: #000;
	font-family: Verdana, sans-serif;
}

/* ----- STRUCTURE ----- */

#container {
	width: 960px;
	margin: 0px 0px 0px 10px;
}

#top {
	height: 152px; text-align: left;
	background-image: url(http://www.net-it.org/img3/top-bak.jpg);
	background-position: left top; background-repeat: no-repeat;
	display: block;
}


#content {
	width: 690px;
	padding-top: 10px;
	margin-left: 224px;
}


/* ----- NAVIGATION ----- */
#leftnav
{
font-size:13px;
background-color: #FAD5E4;
position: absolute;
width: 158px;
margin: 0px 0px 0px 20px;
padding: 5px 0px 20px 8px;
top:150px;
border: 0px solid gray;
}
#navlist {
	position: relative;
	left: 0px;
	top: 0px;
	width: 140px;
	padding-bottom:5px;
}
#navlist p {
	font-size: .8em;
	
}
#navlist ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: .9em;
}
#navlist li {
	margin: 0;
}
#navlist a {
	display: block;
	padding: 1px 2px 3px 17px;
	border-bottom: 1px solid;
	border-color: #FF0099;
	background-color: #FAD5E4;
	font-size:11px;
	font-weight:600;
}
#navlist a:link, #navlist a:visited {
	color: #666;
	text-decoration: none;
}
#navlist a:hover, #navlist a:active {
	background-color: #fff;
	color: #FF0099;
	
}


/* ===================== NEW CSS FROM WDA ===================== */


/* ----- TEXT STYLES ----- */

h1 {
	font-size: 19px; line-height: 120%;
	font-weight: bold; color: #000000;
	padding: 0; margin-top: 0; margin-bottom: 20px;
}
h1 strong { color: #FF0099; }
h2 {
	font-size: 16px; line-height: 120%;
	font-weight: bold; color: #FF0099;
	padding: 0; margin-top: 0; margin-bottom: 10px;
}
h3 {
	font-size: 14px; line-height: 120%;
	font-weight: bold; color: #FF0099;
	padding: 0; margin-top: 0; margin-bottom: 10px;
}

h4 {
	font-size: 12px; line-height: 120%;
	font-weight: bold; color: #FF0099;
	padding: 0; margin-top: 0; margin-bottom: 10px;
}
p, ul, ol {
	font-size: 11px; line-height: 130%;
	color: #000000;
	padding: 0; margin-top: 0; margin-bottom: 10px;
}
p.lrgType { font-size: 13px; font-weight: bold; }
p.lrgTypeRed { font-size: 13px; font-weight: bold; color:red;}

hr {
	padding: 0; margin-top: 0; margin-bottom: 10px;
	border-top: 1px solid #FFFFFF;
	border-left: 0; border-right: 0;
	border-bottom: 1px solid #CCCCCC;
	clear: both;
}


/* ----- STRUCTURE ----- */

#formColumn { width: 475px; float: left; }
#rightColumn { width: 180px; float: right; }
.clear { clear: both; }


/* ----- FORM ----- */

form {
	padding: 0; margin: 0;
	border: 0;
}
form table {
	border-collapse: collapse;
	font-size: 11px; color: #000000;
	margin-bottom: 20px;
}
form label { font-weight: bold; }
form label.subLable { font-weight: normal; }

input.formField, textarea.formTextArea {
	border: 1px solid #CCCCCC;
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; color: #333333;
}
.notes { font-size: 9px; font-weight: bold; color: #999999; }


table.campHistoryTable {
	border-collapse: collapse;
	color: #000000;
	font-size: 0.7em;
	margin-bottom: 15px;
}
table.campHistoryTable th, table.campHistoryTable td { text-align: left; vertical-align: top; }
table.campHistoryTable th { padding-right: 5px; }
table.campHistoryTable tr.firstRow th, table.campHistoryTable tr.firstRow td { border-top: 1px solid #CCCCCC; padding-top: 10px; }

form.mainForm { padding-top: 10px; }
form.mainForm table { width: 475px; }
form.mainForm th {
	color: #FF0099;
	font-size: 12px; font-weight: bold;
	text-align: left;
	padding: 10px 0px 10px 0px;
	vertical-align: top;
}
form.mainForm th, form.mainForm tr.firstRow td { border-top: 1px solid #CCCCCC; padding-top: 10px; }
form.mainForm th label { font-size: 11px; color: #000000; }
form.mainForm td { text-align: left; padding-bottom: 5px; }
form.mainForm td.leftTd { text-align: left; padding-bottom: 5px; width:120px;}
form.mainForm tr.narrowRow td { padding-bottom: 2px; }
form.mainForm tr.lastRow td { padding-bottom: 10px; }
td.tableColumn1 { width: 120px; }

form.mainForm input.formField, form.mainForm textarea.formTextArea { width: 300px; }
form.mainForm textarea.formTextArea { height: 45px; }
form.mainForm input.formFieldDate { width: 90px; }
form.mainForm input.formFieldShort { width: 45px; }

div#age { float: right; margin-right: 46px; }

input.leftSubmitButton {
	margin-right: 10px;
}

input.submitButton, a.submitButton, input.submitButtonDisabled, a.submitButtonDisabled {
	height: 28px;
	padding-left: 10px; padding-right: 10px;
	float: left;
	border-width: 1px; border-style: solid;
	font-size: 11px; font-weight: bold; line-height: 28px;
	display: block;
}

input.submitButton, a.submitButton {
	background-image: url(../bookings/images/net-it-button.png);
	background-repeat: repeat-x;
}

input.submitButton, a.submitButton:link, a.submitButton:visited {
	color: #FFFFFF; text-decoration: none;
	background-position: left top;
	border-color: #FF0099;
}
input.submitButton:hover, a.submitButton:hover {
	color: #FFFFFF; text-decoration: none;
	background-position: left -30px;
	border-color: #FF0099;
}
input.submitButton:active, a.submitButton:active {
	color: #FFCCFF; text-decoration: none;
	background-position: left -60px;
	border-color: #FF0099;
}

input.submitButtonDisabled, a.submitButtonDisabled, a.submitButtonDisabled:link,
a.submitButtonDisabled:visited, a.submitButtonDisabled:hover, a.submitButtonDisabled:active {
	color: #FFFFFF;
	text-decoration: none;
	border-color: #999999;
	background-color: #CCCCCC;
	cursor: default;
}

#loginForm input.formField { width: 150px; }
#loginForm label { display: block; margin-bottom: 5px; }

select.bookingAction { width: 100px; }

td.tableLinks {
	white-space: nowrap;
}

/* ----- PANEL WITH BORDER ----- */

.border {
	border: 1px solid #FF0099;
	padding: 8px;
	display: block;
	margin-bottom: 10px;
}

div.message { font-size: 11px; font-weight: bold; }
div.success { color: green; }
div.error {font-size:11px;color:red;font-weight:bold;}
p.error {font-size:11px;color:red;font-weight:bold}
input.error{border:1px solid red;}


span.validationError { font-size: 11px; color: red; font-weight: bold }

table.participantsList {
	font-size: 10px; text-align: left;
	border-collapse: collapse;
	width: 475px;
}
table.participantsList a { text-decoration: none; }
table.participantsList td { padding: 3px 5px 3px 5px; }
table.participantsList tr.camp td { border-bottom: 1px solid #E0E0E0; background-color: #F6E9EE; }
table.participantsList tr.unpaid td { font-weight: bold; }
table.participantsList tr.paid td { background-color: #F6F6F6; }

table.participantsList span.paid {
	text-indent: -999999px;
	width: 11px; height: 11px;
	background-image: url(../images/tick.gif);
	background-position: left top; background-repeat: no-repeat;
	display: block;
}

tr.participant td {
	background-color: #FAD6E4;
	padding-top: 10px;
	background-image: url(../images/white_10pxspc.gif);
	background-position: top; background-repeat: repeat-x;
}
tr.participant td.name { font-size: 12px; font-weight: bold; }

tr.participant a { font-weight: bold; }

div.goBack {
	float: left;
}

div.payNow {
	float: right;
}


ul.account_functions {
	list-style: none; margin: 0;
	line-height: 1em;
}
ul.account_functions li {
	border-top: 1px solid #CCCCCC;
	padding-top: 5px;
	margin-bottom: 5px;
}
ul.account_functions a { text-decoration: none; }
ul.account_functions a:hover { color: #000000; }

#form_links { width: 280px; margin-bottom: 20px; }
#form_links p {
	color: #333333; background-color: #FAD6E4;
	font-weight: bold;
	padding: 5px;
	display: block;
	margin-bottom: 1px;
}
#form_links ul { list-style: none; line-height: 1em; font-weight: bold; }
#form_links li {
	text-indent: 5px;
	margin-bottom: 1px;
	padding: 0;
}
#form_links a {
	height: 25px;
	text-decoration: none;
	font-size: 14px; line-height: 19px;
	font-weight: bold;
	display: block;
	background-position: 263px top;
	background-repeat: no-repeat;
}
#form_links a:hover { background-position: 263px -25px; }
#form_links li.standard a {
	color: #FFFFFF; background-color: #FF0099;
	background-image: url(../images/booking_arrows_f01.gif);
	text-transform: uppercase;
	line-height: 22px;
}
#form_links li.standard a:hover { background-color: #D00079; }
#form_links li.advanced a {
	color: #FFFFFF; background-color: #FF80CC; font-size: 12px;
	background-image: url(../images/booking_arrows_f02.gif);
}
#form_links li.advanced a:hover { background-color: #DC69AD; }

hr.bookings_clear {
	clear: both;
	border: 0;
	border-bottom: 1px solid #CCCCCC;
	padding: 0; margin-top: 0; margin-bottom: 20px;
}


form table.booking_lists { margin-bottom: 10px; }
#bookings_current h3 {
	color: #FFFFFF; background-color: #FF0099;
	padding: 3px 5px 3px 5px;
}
form table.booking_lists th { color: #333333; }
form table.booking_lists th, form table.booking_lists td {
	font-size: 10px;
	padding: 5px 0px 5px 5px;
	border-bottom: 1px solid #E6E6E6;
	vertical-align: top;
}
form.mainForm #bookings_other table.booking_lists th, form.mainForm #bookings_other table.booking_lists td { font-size: 9px; }

form table.booking_lists .select { text-align: center; padding-right: 5px; padding-left: 0; }

form.mainForm #bookings_current th { border-top: 0; padding-top: 0; }

#bookings_other h3 { font-size: 12px; }
#bookings_other, p.add_booking {
	padding-bottom: 20px;
	border-bottom: 4px solid #EAD1DF;
	margin-bottom: 20px;
	clear: both;
	display: block;
}

input.bookingAction .submitButton { margin-bottom: 20px; }

hr.clear {
	clear: both;
	border: 0;
	margin-bottom: 20px;
	visibility: hidden;
}

tr.booking_details table {
	font-size: 10px;
}

form.mainForm table.booking_lists table { width: 425px; margin-bottom: 0; }
form.mainForm table.booking_lists table table { width: auto; margin-right: 10px; margin-bottom: 0; }
form.mainForm table.booking_lists table th { border-top: 0; }
form.mainForm table.booking_lists table td.netball { margin-right: 0; }
form table.booking_lists table th, form table.booking_lists table td {
	font-size: 9px;
	padding: 0px 0px 3px 0px;
	border-bottom: 0;
	vertical-align: top;
}
form table.booking_lists table td.tableLinks { padding-right: 0; text-align: right; }
form table.booking_lists table label { margin-right: 5px; }
form table.booking_lists table th { color: #FF0099; }

td.booking_details {
	padding: 5px;
	background-color: #F7F1F3;
	border-bottom: 1px solid #999999;
}
td.participant { width: 250px; }

form.mainForm table.booking_lists table tr.firstRow td { padding-top: 3px; }


/* ----- FORM NAVIGATION ----- */

ul#bookingform_nav {
	height: 25px;
	float: left;
	list-style: none;
	margin-left: 0; padding: 0;
	background-image: url(../images/booking_progress_line.gif);
	background-position: left 10px; background-repeat: repeat-x;
	margin-bottom: 20px;
	display: block;
}

ul#bookingform_nav li {
	height: 25px; padding-left: 10px; padding-top: 0;
	background-image: url(../images/bookingformbutton_left.gif);
	background-position: left -50px; background-repeat: no-repeat;
	display: block; float: left;
	margin-right: 10px;
}
ul#bookingform_nav li.last { margin-right: 0; }
ul#bookingform_nav li a {
	height: 20px; padding-top: 5px; padding-right: 10px;
	background-color: #FFCDEB;
	background-image: url(../images/bookingformbutton_right.gif);
	background-position: right -50px; background-repeat: no-repeat;
	display: block; float: left;
	font-size: 12px; line-height: 12px; font-weight: bold;
	color: #FFFFFF; text-decoration: none;
}

ul#bookingform_nav li.stage_active { background-position: left top; }
ul#bookingform_nav li.stage_active a { background-position: right top; background-color: #FF009A; }

ul#bookingform_nav li.stage_completed { background-position: left -25px; }
ul#bookingform_nav li.stage_completed a { background-position: right -25px; background-color: #FF9AD7; }