
b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 960px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
border:3px solid #005590;
height: 101px; /*Height of top section*/
margin-bottom:10px;
margin-top:50px;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

h1{
font-size:16px;
}

#contentwrapper{
float: left;
width: 954px;
background:#FFFFFF url(images/content-bg.jpg) repeat-x;
border:3px solid #005590;
min-height:600px;
}

#contentcolumn{
margin-left: 260px; /*Set left margin to LeftColumnWidth*/
font-size:12px;

}

form{
margin-right:20px;
}

label{
float:left;
clear:left;
margin:5px;
width:170px;
font-weight:bold;
line-height:1.5em;
}

label.long{
width:100%;
}

label.checkbox{
float:none;
clear:none;
margin:5px;
font-weight:bold;
width:530px;
}



label.required{
background:url(images/required-asterisk.png) top right no-repeat;
}

th.required{
background:url(images/required-asterisk.png) center right no-repeat;
}

input, textarea{
width:220px;
margin:5px;
border:1px solid #ccc;
}

input.button{
width:100px;
}

textarea.admin{
width:420px;
margin:5px;
border:1px solid #ccc;
}

/*
a.test { font-weight: bold; font-size: 2em; }
fieldset{ border:1px solid #ccc;}
fieldset.collapsible { border: none; border-top: 1px solid #888;}
fieldset.collapsible legend { padding: 0 10px 0 10px; color: #000; font-weight:bold;}
fieldset.collapsible legend:hover { color: #333; cursor: pointer; }
fieldset.collapsed { }
*/
fieldset.collapsed p, fieldset.collapsed img, fieldset.collapsed table, fieldset.collapsed ul, fieldset.collapsed div fieldset.collapsed span { display: none; }

fieldset, fieldset.collapsible {
	padding: 10px;
	border: 1px solid #ccc;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	margin-bottom: 1em;
}
fieldset.collapsed {
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	margin-bottom: 0;
	margin-left: 3px;
}

legend.collapsible a {
	color: #000;
	font-weight:bold;
	text-decoration:none;
}
legend.collapsed a {
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
fieldset.collapsible legend a {
background:transparent url(images/menu-expanded.gif) no-repeat scroll 0 50%;
padding-left:2em;
}

fieldset.collapsed legend a {
background:transparent url(images/menu-collapsed.gif) no-repeat scroll 0 50%;
}

input#goButton{
width:50px;
}

input.checkbox{
width:20px;
}

input.text{
width:95%;
margin:0px;
}

input.error, select.error, textarea.error{
border:1px solid #FF0000;
}

/* */

input.info{
background:none;
border:none;
color:#000000;
}

input.payment-button{
background:url(images/payment-button.png) top left;
width:183px;
height:24px;
border:0 none;
cursor:pointer;
}

input.payment-button:hover{
background:url(images/payment-button.png) bottom left;
width:183px;
height:24px;
}

input.details-button{
background:url(images/details-button.png) top left;
width:183px;
height:24px;
border:0 none;
cursor:pointer;
}

input.details-button:hover{
background:url(images/details-button.png) bottom left;
width:183px;
height:24px;
}

select{
width:180px;
margin:5px;
}

select.membershipSelect{
width:120px;
margin:5px;
}

input.classOf{
width:50px;
}

input.date{
width:100px;
}


select.text{
width:80px;
margin:0px;
}

#leftcolumn{
float: left;
width: 260px; /*Width of left column*/
margin-left: -960px; /*Set left margin to -(MainContainerWidth)*/
font-size:12px;
}

#leftcolumn a{
color:#003463;
text-decoration:none;
}

#leftcolumn ul{
list-style:none;
padding-left:10px;
}

#leftcolumn ul li ul{
list-style:none;
padding-left:0px;
margin-left:10px;
}


#leftcolumn ul li{
margin-left:0px;
}

#leftcolumn ul li a{
font-weight:bold;
font-size:12px;
}

#leftcolumn ul li li{
margin-left:0px;
}

#leftcolumn ul li li a{
font-weight:bold;
font-size:11px;
}

#footer{
clear: left;
width: 100%;
color: #FFF;
text-align: center;
padding: 4px 0;
font-size:10px;
}

#footer a{
color: #fff;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

th{
font-size:10px;
}

td{
/*border:1px solid #ccc;*/
}

table.enrolmentGuardianDetails td{
border:none;
padding-left:10px;
}

table.enrolmentGuardianDetails th{
font-size:12px;
text-align:left;
}

em.error{
font-size:10px;
margin-left:2px;
line-height:1em;

}

span.error{
font-size:10px;
margin-left:2px;
line-height:1em;
color: red;
display:block;
margin-left:180px;
}
span.tableError{
font-size:10px;
line-height:1em;
color: red;
display:block;
margin-left:2px;
}



input.cost{
font-weight:bold;
border:0 none;
background:none;
color:#000000;
margin:10px;
}

div.error{
color:#FF0000;
}

a.backLink{
text-align:right;
float:right;
}

span.cost{
font-weight:bold;
margin:5px;
}

#adminPanel{
float:right;
margin:0;
padding:8px 0;
width:45%;
text-align:right;
}

#adminPanel a{
color:#FFFFFF;
}

#breadcrumb {
clear:both;
float:left;
margin:0;
padding:8px 0;
width:50%;
}

#adminSidePanel{
color:#000;
float:right;
margin-top:50px;
width:175px;
margin-left:10px;
}

#adminSidePanel p{

color:#000;
}

#adminContentWrap {
background-color:#FFFFFF;
background-image:url(http://www.brisbanegrammar.com/templates/BGS_main-template-files/images/content-bg.jpg);
background-position:center top;
background-repeat:repeat-x;
float:left;
margin-bottom:-10px;
width:100%;
}

#admincontent{
padding:20px;

}

div#AdminText {
color:#231F20;
}


img.ui-datepicker-trigger{
cursor:pointer;
}

p.disclaimer{
font-size:85%;
}

div#text div.ui-widget p {
line-height:1.3em;
padding:3px;
margin:10px 0px;
}

label.field {
clear:both;
color:#000;
display:block;
font-size:10px;
line-height:9px;
margin:0;
padding-top:3px;
float:none;
}

table input.appForm{
	width: 180px;
	height: 16px;
	clear:left;
	margin-bottom:5px;
	}
	
	h3{
	color:#034e88;
	}
	
	div#AdminText h2 {
font-size:12pt;
line-height:14pt !important;
margin:0 0 5px;
}

div#AdminText {
color:#231F20;
font-size:9pt;
}