/*

.formTableL1
	#formGeneral
	#formSpouse
	#formChild
	#formChurch

.formTableL2
	#formDetail
	#formTransport

*/

/* GENERAL FORM LAYOUT */

body {
	text-align:center;
	font-family:verdana;
	margin:0;
	padding:0;
	background:url(../images/bg.jpg) repeat-x #000000;
}

h1 {
	background:url(../images/oc_title.jpg) no-repeat;
	width:863px;
	height:59px;
	padding:15px 0 0 20px;
	margin:0 0 0 0;
	font-size:17px;
	color:#333;
	text-align:left;
	font-family:arial;
}

a {
	text-decoration:none;
	color:#93bf7d;
}

a:hover {
	text-decoration:underline;
	color:#333;
}

.step {
	color:#555;
	font-family:verdana; 
}

.btn {
	text-align:right;
}

.error {
	font-size:10px;
	color:#7f1a1a;
}

.errornotice {
	background-color:#e6c3c3;
	padding:5px 5px 5px 5px;
	border:2px dotted #c18484;
}

.container {
	margin:0 auto 0 auto;
	width:980px;
	text-align:center;
}

.header {
	background:url(../images/oc_header.jpg) no-repeat;
	/*width:980px;*/
	height:56px;
}

.adminheader {
	background:url(../images/oc_adminheader.jpg) no-repeat;
	width:980px;
	height:71px;
}

.body {
	/*width:980px;*/
}

.content {
	margin-left:auto;
	margin-right:auto;
 	text-align:center;
}

.footer {
	background:url(../images/oc_footer.jpg) no-repeat;
	height:131px;
}



table {
	text-align:left;
	margin:0 auto 0 auto;
	border:0px solid #ccc;
	width:95%;
	font-size:12px;
	color:#555;
}

table#main {
width:1000px;
}

table#main .mainContent {
background-color:#ffffff;
}

table#main .leftContent {
width:57px;
background:url(../images/oc_contentLeft.gif) repeat-y;
}

table#main td {

}

table#formChild {
	width:100%
}

table#formSpouse {
	width:100%;
}

table#formSpouse td {
	font-weight:normal;
}

table#formChild td {
	font-weight:normal;
}

.footerStatement {
text-align:center;
vertical-align:top;
}

table th {
	padding:0 0 1px 5px:	
}

table td {
	padding:0 0 8px 5px:	
}

.formTableL1 th{
	width:140px;
}

#childForm {
 white-space:nowrap
}

.formTableL2 td {
	padding:0 0 10px 0;
}

.formPayment {
	padding:5px 5px 5px 5px;
}

.formPayment .price {
	text-align:right;
}

.formPayment th {
	border-collapse:collapse;
	padding:0px 0 0px 0;
	font-size:10px;
}

.formPayment td {
	border-collapse:collapse;
	padding:0px 0 0px 0;
}

.formLine {
	height:7px;
	font-size:3px;
}

input.text {
	border:1px solid #ccc;
	padding:4px 0 4px 2px;
	font-family:verdana;	
}

textarea.text {
	width:590px;
	border:1px solid #ccc;
	padding:4px 0 4px 2px;
	font-family:verdana;	
	font-size:12px;
}

select.form {
width:220px;
}

.childsel {
width:150px;
}

.notice {
font-size:9px;
color:#792020;
font-weight:700;
border:2px dotted #eae862;
padding:5px 5px;
background-color:#ffffd7;
}






/* ADMIN */
img {border:none}

.registeredTable {
font-size:11px;
width:100%;
padding:0 0 0 0;
margin:0 0 0 0;
}

.registeredTable TH {
height:16px;
text-align:center;

}

TR.evenRow TD {
background-color:;
height:16px;
text-align:center;
padding:0 0 0 0;
margin:0 0 0 0;
}

TR.oddRow TD {
height:16px;
text-align:center;
padding:0 0 0 0;
margin:0 0 0 0;
}

TR.transRow TD {
filter:alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
height:16px;
text-align:center;
padding:0 0 0 0;
margin:0 0 0 0;	
}

.topLine {
 border-top:1px dotted #ccc;
 margin-top:10px;
}

.rightLine {
 border-right:1px dotted #ccc;
 margin-top:10px;
}

.navigation ul {
	list-style:none;
	font-size:11px;
	padding:0 0 15px 0;
	margin:0;
}

.navigation ul li {
	float:left;
	width:90px;
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
}

.navigation ul li.start {
	border-left:0px dotted #ccc;
}

.navigation ul li b {
	text-decoration:underline;
}

.navigation ul li.end {
	border-right:0px dotted #ccc;
}

.navigation ul li a {
	text-decoration:none;
	color:#93bf7d;
}

.navigation ul li a:hover {
	text-decoration:underline;
	color:#333;
}

.userDetails {
	border:1px solid #e3d5c7;
	border-left:3px solid #e3d5c7;
	background-color:#f6f0ea;
	font-size:10px
}

.tabDetails td {
	border-bottom:1px dotted #ccc;
}

.pagination {
text-align:center;
font-size:11px;
}

.pagination a {
	text-decoration:none;
	color:#93bf7d;
}

.pagination a:hover {
	text-decoration:underline;
	color:#333;
}





/* DASHBOARD */

.dashboardElement {
	border:1px solid #ccc;
	width:370px;
	background-color:#e8eef6;
}

.dashboardStat {
	width:110px;
	font-size:9px;
	float:left;
	text-align:left;
	margin-top:10px;
}

.dashboardStat .layout {
	width:100px;
	border:1px solid #cbea9e;
	background-color:#ebffcf;
	padding:4px 0 4px 4px;
}

.dashboardGraph {
	width:250px;
	float:left;
}




.dashboardBigGraph {
	border:1px solid #ccc;
	width:730px;
	background-color:#e8eef6;
	padding:10px 10px 10px 10px;
}

.dashboardBigStat {
	font-size:9px;
	text-align:left;
	margin-top:10px;
}

.dashboardBigStat .layout {
	width:99%;
	border:1px solid #cbea9e;
	background-color:#ebffcf;
	padding:4px 0 4px 4px;
}

.dashboardBigGraph {
}



.clear {
	clear:both;
}