/* CSS Document */

/* HTML Element changes */
body {
	margin:0;
	padding:0;
}

html,body,td,th,select,input,textarea {
	font-family: "Helvetica Neue",Helvetica,Arial,Verdana,Sans-Serif;
	font-size: small;
	color:#39393B;
}

h1,h2,ul,ol,li {

}

h1 {
	color:#DF5C16;
	font-size:18pt;
	font-weight:bold;
	line-height:100%;
	margin-top:0px;
	padding-top:5px;
}

h2 {
	color:#DF5C16;
	font-size:12pt;
	line-height:100%;
}


h3 {
	color:#FFF;
	padding-left:5px;
	background-color:#AE1619;
	font-size:small;
	margin-bottom:0;
}

ul,ol {
	padding-left:25px;
	margin-top:8px;
	margin-bottom:8px;
}	
ul li {
	list-style-type:circle;
	padding-left: 5px;
}

ol li {
	padding-left: 5px;
	padding-bottom:5px;
}

/* Template */

#content {
	background:transparent url(http://chappy.org.au/images/content.bg.gif) repeat-x scroll 0 0;
	clear:both;
}

#page-content {
	margin: 0 auto;	
	width:960px;
	background:transparent url(http://chappy.org.au/images/content.bg.gif) repeat-x scroll 0 0;
	clear:both;
}

#page-header {
	background: #39393B none repeat scroll 0 0;
	border-bottom:1px solid #000000;
	padding-bottom:5px;
}

#page-header-section { 
	width:960px;
	margin: 0 auto;	
	padding:16px 0 0 15px;
}

#page-header-logo {
	float:left;
	width:252px;
}

#page-header-menu {
	float:right;
	padding:5px;
	margin:0px;
	margin-top:20px;
	width:690px;
	overflow: hidden;
}

#page-header-menu ul {
}

#page-header-menu li {
	float:left;
	list-style-type:none;
	border:1px solid #EFEFEF;
	-moz-border-radius:3px;
	margin-left:3px;
	margin-right:3px;
	padding:3px;
}
#page-header-menu li a {
	font-size:small;
	color:#FFF;
	text-decoration:none;
	font-size:x-small;
}

#page-header-menu li.selected_menu {
	background-color:#FFF;
}

#page-header-menu li.selected_menu a {
	color:#E19737;
}

#page-header-menu li a:hover {
	text-decoration:underline;
}

#feature {
	background:#e61938 url(http://apply.chappy.org.au/_core/images/template/feature.bg.jpg) no-repeat scroll center top;
	border-bottom:1px solid #e61938;
	border-top:1px solid #e61938;
	min-height:250px;
}


#featuretext {
	float:right;
	margin:37px 0 0;
}

#feature .container {
	position:relative;
}
.container {
	margin:0 auto;
	width:960px;
}

#featurechappies {
	float:left;
}


#page-print-information {
	display:none;
}

#content-adjustable {
	width: 100%;
}

#content-adjustable.Percent100PageWidth {
	width: 100%;
}

#content-adjustable.Percent80PageWidth {
	width: 80%;
}

div#page-header {
	height:100px;
}

div#page-footer {
	width:100%;
}

#page-menu {
	margin: 0 auto;
	background-color:#FFF;
	width:960px;
	padding:5px;
	font-size:x-small;
	margin-top:20px;
}

#page-menu a { 
	padding-left:4px;
	color:#39393B;
}

div#page-content #block{
	height:80px;
}



/* INPUT Elements Specfic
----------------------------------------------- */

input.submit,
input.submitfield
{
	color: #39393B;
	border:1px solid #39393B;
	background-color:#FFFFFF;
}


td.textfield input,
input.textfield,
textarea.textfield,
select.textfield {
	border: 0;
	width: 99%;
}

/* TD Elements Specfic
----------------------------------------------- */

td.alignleft
{
	text-align:left;
}

td.aligncenter
{
	text-align:center;
}

td.alignright
{
	text-align:right;
}


td.textfield
{
	border:1px solid #39393B;
	-moz-border-radius:5px;
}


td.field_highlight {
	border: 1px solid orange;
}


/* Elements
----------------------------------------------- */

#searchtools td {
	border:1px solid #76ABB6;
}



/* FORMDATA
----------------------------------------------- */

td.field_explaination input,
td.field_explaination input.textfield,
td.field_explaination textarea,
td.field_explaination textarea.textfield {
	color: #B8CDD1;
}

td.formdata_feedback {
	background-color:#FFF;
	color:#475564;
	border:4px solid #95A5BC; 
	text-align:center;
	height:50px;
}

td.formdata_feedback_alert {
	background-color:#FFF;
	color:#FF0000;
	border:4px solid #FF0000; 
}

td.field_alert {
	border: 1px solid #A40000;
	background-color: #FF0000;
	color: #FFF;
}

td.field_alert input.textfield,
td.field_alert textarea.textfield,
td.field_alert select.textfield {
	background: #FF0000;
	color: #FFF;
}

.feedback_section {
	background-color:#F00;
	color:#FFF;
}

.main_header {
	color:#FFF;
	margin-bottom:10px;
	padding:5px;
	font-size:medium;
	font-weight:bold;
	background-color:#39393B;
	border-top:none;
	text-transform:uppercase;
	-moz-border-radius:5px;
}
.section_header {
	color:#FFF;
	margin-bottom:10px;
	padding:5px;
	font-size:medium;
	font-weight:bold;
	background-color:#F78F28;
	border-top:none;
	text-transform:uppercase;
	-moz-border-radius:5px;
}

.text_section {
	color:#FFF;
	padding:5px;
	font-size:small;
	background-color:#57B7FD;
	border-top:none;
	-moz-border-radius:5px;
}


td.text {
	background-color:#EFEFEF;
	-moz-border-radius:5px;
}

/* INPUT LIMITED TEXTAREA
----------------------------------------------- */
textarea.bluora_inputlimit,
input.bluora_inputlimit {
	border:2px solid #39393B;
}

div.bluora_inputlimit_title {
	padding:5px;
	margin-bottom:5px;
	background-color:#AE1619;
	color:#FFF;
	float:left;
}

td.bluora_inputlimit {
	border:none;
}
td.field_highlight .bluora_inputlimit {
	border:2px solid #39393B;
}

textarea.bluora_inputlimit {
	color:#39393B;
	font-family: Trebuchet MS;
	font-size: 14px;
	padding:5px;
}

textarea.bluora_inputlimit_reached {
	color: #F00;
}

div.bluora_counter_container {
	padding:5px;
	background-color:#39393B;
	color:#FFF;
	float:right;
}	

div.bluora_inputlimit_feedback {
	color:#39393B;
	padding:5px;
	text-align:center;
	border:1px solid #39393B;
	border-bottom:none;
}

div.bluora_inputlimit_reached {
	color:#FFF;
	background-color:#F00;
	border:1px solid #F00;
}

div.bluora_inputlimit_reached {
	background-color: #F00;
}

/*
Tab Navigation
----------------------------------------------- */

#page-content ul.BluoraTabbedNavigation { /* general settings */
	text-align: left; /* set to left, right or center */
	margin: 0em 0 1em 0; /* set margins as desired */
	font: bold 11px Trebuchet MS,Verdana,Sans-serif; /* set font as desired */
	border-bottom: 1px solid #385155; /* set border COLOR as desired */
	list-style-type: none;
	padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

#page-content ul.BluoraTabbedNavigation li { /* do not change */
	display: inline;
	cursor:pointer;
	font-size:10px;
}


#page-content ul.BluoraTabbedNavigation li.selected { /* settings for selected tab link */
	background-color: #FFF; /* set selected tab background color as desired */
	border-left:1px solid #385155;
	border-top:1px solid #385155;
	border-right:1px solid #385155;
	color: #385155; /* set selected tab link color as desired */
	position: relative;
	top: 1px;
	padding-top: 4px; /* must change with respect to padding (X) above and below */
}

#page-content ul.BluoraTabbedNavigation li { /* settings for all tab links */
	padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid #BDD1D4; /* set border COLOR as desired; usually matches border color specified in #tabnav */
	background-color: #FFF; /* set unselected tab background color as desired */
	color: #385155; /* set unselected tab link color as desired */
	margin-right: 0px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-bottom: none;
}

#page-content  ul.BluoraTabbedNavigation li:hover { /* settings for hover effect */
	background: #fff; /* set desired hover color */
}

/*
File System
*/

.file .icon {
	float: left;
	margin-right: 5px;
}

.file .title {
	padding: 5px;
}

.file .size {
	float:right;
	width: 30px;
	text-align:right;
	font-size:x-small;
	padding: 3px;
}

.file .delete {
	float:right;
	width: 10px;
	text-align:right;
	font-size:x-small;
	padding: 3px;
}

.file .date {
	float:right;
	margin-right: 20px;
	text-align:right;
	font-size:x-small;
	padding: 3px;
}

.file .detail {
	padding: 15px;
}