/* Unchanged */
/*****************************************
ELEMENT FORMATING
*****************************************/
BODY
{
	background-image: url(/images/Schools/bg-body.png);
	background-repeat: repeat-x;
	background-color: #99CC33;
}
UL LI, OL LI
{
	color: #575859;
}

DIV.content_area,
#content,
#content_left,
P
{
	color: #575859;
}
/*****************************************
TABLES
*****************************************/
TABLE
{
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #0E6509;
}
TABLE TH
{
	background: #0E6509;
	color: #FFFFFF;
	font-size: 75%;
	padding: 4px;
	margin: 0;
}
TABLE TD
{
	border: 0 solid #629906;
	margin: 0;
	padding: 4px;
	font-size: 75%;
	background-color: #FFFFFF;
	color: #0E6509;
}
TABLE TR
{
	padding: 0;
	margin: 0;
}
/*****************************************
FORMS
*****************************************/
INPUT
{
	border: 1px solid #0E6509;
	color: #232323;
	font-size: 85%;
	padding: 2px;
}
INPUT.button
{
	background: #0E6509;
	color: #FFFFFF;
	font-size: 85%;
	padding: 4px;
}
INPUT.textfield
{
	border: 1px solid #0E6509;
}


INPUT.radio
{
    border:0 solid white;
    margin-right:4px;
}

INPUT.checkbox
{
    border:0 solid white;
    margin-right:6px;
}

INPUT.submit
{
	border: 1px solid #0E6509;
	background: #0E6509;
	color:white;
}
TEXTAREA
{
	border: 1px solid #004C5B;
	color: #232323;
}
#content LABEL
{
    padding-right:9px;
}

#mainform #content
{
    line-height: 25px;
}

#content .lpCol A:visited
{
    color:white;
}

/* LHS FORM ELEMENTS */
DIV.title_l,DIV.phone_l,DIV.email_l,
DIV.school_l, DIV.sector_label, DIV.district_lable, 
DIV.phoneno_l, DIV.street_l, DIV.suburb_l, DIV.fname_l
{
    width:110px;
}

DIV.fname_r
{
   width:240px; 
}

DIV.sname_r
{
    width:222px;
}

DIV.posrole_r
{
    width:151px;
}

DIV.type_cbl
{
    text-align:left;
    width:220px;
}

DIV.sector_cbl
{
    text-align:left;
    width:260px;
}

DIV.postcode_l
{
    width: 60px;
}

DIV.state_r
{
    width: 80px;
}

#ctl07_ctl00_ctl01_ctl03_ddlState
{
    width:60px;
}

#ctl07_ctl00_ctl01_ctl03_txtSchoolAreaTelephone,
#ctl07_ctl00_ctl01_ctl03_txtContactAreaTelephone
{
    margin-right:3px;
}

#content .email_r,
#content .district_text,
#content .street_r,
#content .school_r
{
    width:527px;
}


#content #ctl07_ctl00_ctl01_ctl03_div1
{
    display:block;
    width:600px;
    clear:both;
    padding-top:20px;
}


#content #divContactdetails
{
    display:block;
    width:600px;
    clear:both;
    padding-top:20px;
}

#ctl07_ctl00_ctl01_ctl03_lblYearLevels
{
    display:block;
    float:left;
    padding-right:4px;
}

#ctl07_ctl00_ctl01_ctl03_parentdiv DIV.sector
{
    width:700px;
}

/* INTERNET SAFETY AWARENESS FORM */

DIV.internetsafetyform .phone_r
{
    width:297px;
}

DIV.internetsafetyform .fname_r
{
    width:240px;
}

DIV.internetsafetyform .posrole_r
{
    width:118px;
}

DIV.internetsafetyform .postcode_r
{
    width:58px;
}

DIV.internetsafetyform .sname_r
{
    width:220px;
}

DIV.internetsafteyform #ctl07_ctl00_ctl01_ctl03_txtSchoolName
{
    width:500px;
}

DIV.internetsafetyform .suburb_r
{
    width:271px;
}

#ctl07_ctl00_ctl01_ctl03_txtSuburb
{
    width:234px;
}

#ctl07_ctl00_ctl01_ctl03_txtPostcode
{
    width:51px;
}

#ctl07_ctl00_ctl01_ctl03_txtSchoolName
{
    width:500px;
}

#ctl07_ctl00_ctl01_ctl03_txtPositionRole
{
    width:109px;
}
#ctl07_ctl00_ctl01_ctl03_txtFax
{
    width:230px;
}

#ctl07_ctl00_ctl01_ctl03_rblOffsiteWorkShop label
{
    width:290px;
    display:block;
    float:left;
	border: 1px solid white;	
}

#ctl07_ctl00_ctl01_ctl03_rblOffsiteWorkShop input
{
    float:left;
    display:block;
}

#ctl07_ctl00_ctl01_ctl03_verify
{
	display:block;width:600px;padding-top:30px
}
/*****************************************
TEMPLATE
*****************************************/
#navigation_page UL.element UL.element A
{
	background: transparent;
	display: block;
	padding-left: 34px;
	text-indent: 0;
	width: 145px;
}
H2
{
	color: #629906;
}
H3, H4, H5, H6
{
	color: #6D6E70;
}
#webpage
{
	background: #99CC33 url(/images/Schools/title-schools.png) no-repeat 0px 114px;
}
#navigation_page UL.element UL.element
{
	margin-left: 20px;
	width: auto;
}
UL.element UL.element
{
	background: transparent;
}
#head_banner
{
	background-color: #FFF;
}
#top_links_bar
{
	overflow: hidden;
	height: 25px;
}
#top_links_bar, #footer_bar
{
	background-color: #2E3E11;
}
/*****************************************
CONTENT
****************************************
WHITE WIDE LAYOUT*/
#content_area.white_wide
{
	background: #FFFFFF;
}
/*TWO COL LAYOUT*/
DIV.two_col
{
	background: #FFFFFF url(/images/Schools/bg-sidebar.png) repeat-y top right;
}
#content h2
{
	color: #0E6509;
}
#content_right h3,
#content_right ul li a
{
	color: #4B4B4D;
}

#content H3 A, #content H4 A, #content H5 A, #content H6 A
{
    color: #6D6E70; 
}

#content H3 A:hover, #content H4 A:hover, #content H5 A:hover, #content H6 A:hover
{
    color: #6D6E70; 
}
/*****************************************
MAKE A REPORT
*****************************************/
#make_report_2
{
	display: block;
	width: 264px;
	background: transparent url(/images/Schools/report-btn24.png) no-repeat 1px -29px !important;
	background: transparent url(/images/Schools/report-btn8.png) no-repeat 1px -29px;
	height: 63px;
	margin-left: 696px;
	text-decoration: none;
	padding: 0;
}
.mouseover #make_report_2
{
	background: url(/images/Schools/report-btn24-over.png) no-repeat 1px -29px !important;
	background: url(/images/Schools/report-btn8-over.png) no-repeat 1px -29px;
}
#make_report_1
{
	display: block;
	width: 100px;
	background: url(/images/Schools/report-btn24.png) no-repeat -163px 1px !important;
	background: url(/images/Schools/report-btn8.png) no-repeat -163px 1px;
	height: 30px;
	margin-left: 860px;
	margin-top: -25px !important;
	margin-top: -26px;
	text-decoration: none;
}
.mouseover #make_report_1
{
	background: url(/images/Schools/report-btn24-over.png) no-repeat -163px 1px !important;
	background: url(/images/Schools/report-btn8-over.png) no-repeat -163px 1px;
}
/*****************************************
LEFT COL
*****************************************/
#news_left
{
	background-color: #2E3E11;
	background-image: url(/images/Schools/bg-schools-news.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	margin-top: 10px;
	padding: 15px;
	width: 178px;
	color: #FFFFFF;
	font-size: 75%;
}
#news_left A
{
	color: #FFFFFF;
}
/*****************************************
NAVIGATION
*****************************************/
#navigation_page A
{
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	font-size: 80%;
	width: 182px;
/* nbaker: changed background position to resolve issue with long labels
	background: url(/images/Schools/nav.png) no-repeat -16px -568px; 
*/
	background: url(/images/Schools/nav.png) no-repeat 100% 100%;
	padding: 2px;
	padding-left: 20px;
	padding-bottom: 6px;
	line-height: 22px;
	margin-top: 1px;
}
#navigation_page A:hover
{
	color: #FFFFFF;
	text-decoration: none;
	background: #0E6509 url(/images/Schools/btn-schools-over.png) no-repeat scroll left bottom;
}
#navigation_page LI.active A
{
	background: transparent;
}
#navigation_page LI.active
{
	background: url(/images/Schools/nav.png) bottom right;
	padding-bottom: 10px;
	width: 204px;
}
UL.element
{
	width: 204px;
	background-image: url(/images/Schools/btn-sub-nav.png);
}
#navigation_page UL.element LI A
{
	background-image: none;
	display: block;
	font-size: 70%;
	margin-bottom: 0px;
	/*[disabled]border-bottom:2px solid #8CC640;*/
}
#navigation_page UL.element LI A:hover
{
	background-color: #0E6509;
	color: white;
/* nbaker: removed - inherited from anchor element
 	display: block;
	text-indent: 15px;
*/
}
#navigation_page LI.active LI A
{
	color: #D8D8D8;
}
#navigation_page LI.active LI.current A
{
    color:white;
    font-weight:bold;
}
ul.nav li.current
{
    background-position: 9px 11px;
}

.topsubmenu 
{
	background-color: #2E3E11;
}

#head_banner ul.nav li .topsubmenu li:hover, #head_banner ul.nav li .topsubmenu li:active{
	background-color: #a5b488;
}

#head_banner ul.nav li .topsubmenu li:hover a, #head_banner ul.nav li .topsubmenu li:active a {
	color: #333333;
}

/*****************************************
BREADCRUMBS
*****************************************/
#breadcrumbs A, #breadcrumbs SPAN, #breadcrumbs STRONG
{
	color: #5A5B5D;
}
/*****************************************
NEWS
*****************************************/
#news_left .news_snippet
{
	color: #FFFFFF;
}
/*****************************************
BOXES
*****************************************/
.box
{
	background-color: transparent;
}
.box A
{
	color: #0E6509;
	text-decoration: none;
	font-size: 90%;
}
.box A:hover
{
	color: #2E3E11;
	text-decoration: none;
}

/*****************************************
EXISTING FORM CSS
*****************************************/

 #parent_div 
 {
    width:650px;
    padding:0 0;
    border:0px solid #000;
 }

#left_child {
    float:left;
    display:inline; 
    width:247px;
    border:0px solid #999;
    margin:0 3px 0 0px;
 }
#right_child {
    float:left;
    display:inline; 
    width:310px;
    border:0px solid #999;
    margin:0 6px 0 0px;
 }
#standard 
{
	position:fixed;
    border:0px solid #999;
    margin:0 6px 0 3px;
 }

 .sector_type 
 {
width: 650px;
clear: both;
height: 32px;
}

.sector_label, .sector_cbl, .school_l, .school_r, .district_lable, .district_text,
.phone_l,.phone_r,.fax_l,.fax_r , .street_l, .street_r,.suburb_l ,.suburb_r, .state_l, .state_r, .postcode_l,.postcode_r,
.title_l, .title_r, .fname_l, .fname_r, .sname_l, .sname_r,.posrole_l,.posrole_r,.phoneno_l,.phoneno_r,.email_l,.email_r
{
    float: left;
    text-align: center;
    margin: 1px;
    overflow: hidden;
}
.sector_label {width: 50px;text-align:left; }
.sector_cbl {width: 300px;}
.school_l {text-align:left; }
.school_r {width: 540px;}
.district_lable {text-align:left; }
.district_text {width: 517px;}
.phone_l {text-align:left; }
.phone_r {width: 279px;text-align:left; }
.fax_l {text-align:right;}
.fax_r {width: 255px;}
.street_l {text-align:left; }
.street_r {width: 534px;}

.email_l {text-align:left; }
.email_r {width: 531px;}

.suburb_l {text-align:left; }
.suburb_r {width: 302px;text-align:left; }
.state_l {text-align:left;}
.state_r {width: 85px;text-align:left}
.postcode_l {width: 90px;text-align:right; }
.postcode_r {width: 55px;}


.title_l {width: 40px;text-align:left; }
.title_r {width: 50px;text-align:left; }

.fname_l {text-align:left;}
.fname_r {width: 279px;text-align:left; }
.sname_l {text-align:right;}
.sname_r {width: 55px;}

.posrole_l {width: 90px;text-align:right;}
.posrole_r {width: 205px;}

.phoneno_l {text-align:left; }
.phoneno_r {width: 245px;}

/**********************************************/

#parent_div 
 {
    width:650px;
    padding:0 0;
    border:0px solid #000;
 }

#right_child {
    float:left;
    display:inline; 
    width:310px;
    border:0px solid #999;
    margin:0 6px 0 0px;
 }
#standard 
{
	position:fixed;
    border:0px solid #999;
    margin:0 6px 0 3px;
 }

 .sector_type 
 {
width: 650px;
clear: both;
height: 32px;
}

/*jb 22/4/2010 Jira 383*/
.type_label_outreach
{
    float: left;
/*    text-align: center;*/
    margin: 1px;
    overflow: hidden;
    width: 110px;
}

/*jb 22/4/2010 Jira 383*/
.type_cbl_outreach
{
    float: left;
    text-align: center;
    margin: 1px;
    overflow: hidden;
    width: 200px;
    float: left;
    text-align: left;
    margin: 1px;
}

/*jb 22/4/2010 Jira 383*/
.type_label
{
    float: left;
    text-align: center;
    margin: 1px;
    overflow: hidden;
    width: 50px;
}

/*jb 22/4/2010 Jira 383*/
.type_cbl
{
    float: left;
    text-align: center;
    margin: 1px;
    overflow: hidden;
    width: 200px;
    float: left;
    text-align: left;
    margin: 1px;
}

.sector_label, .sector_cbl, .school_l, .school_r, .district_lable, .district_text,
.phone_l,.phone_r,.fax_l,.fax_r , .street_l, .street_r,.suburb_l ,.suburb_r, .state_l, .state_r, .postcode_l,.postcode_r,
.title_l, .title_r, .fname_l, .fname_r, .sname_l, .sname_r,.posrole_l,.posrole_r,.phoneno_l,.phoneno_r,.email_l,.email_r,
.outreach_l,.outreach_m,.outreach_r
{
    float: left;
    text-align: left;
    margin: 1px;
    /*overflow: hidden;*/
}
.sector_label {width: 50px;text-align:left; }
.sector_cbl {width: 300px;}
.school_l {text-align:left; }
.school_r {width: 540px;}
.district_lable {text-align:left; }
.district_text {width: 517px;}
.phone_l {text-align:left; }
.fax_l {text-align:right;}
.fax_r {width: 256px;}
.street_l {text-align:left; }
.street_r {width: 534px;}

.email_l {text-align:left; }
.email_r {width: 531px;}

.suburb_l {text-align:left; }
.suburb_r {width: 302px;text-align:left; }
.state_l {text-align:left;}
.state_r {width: 85px;text-align:left}
.postcode_l {width: 90px;text-align:right; }
.postcode_r {width: 48px;}


.title_l {width: 40px;text-align:left; }
.title_r {width: 50px;text-align:left; }

.fname_l {text-align:left;}
.fname_r {width: 279px;text-align:left; }
.sname_l {text-align:right;}
.sname_r {width: 55px;}


.posrole_l {width: 90px;text-align:right;}
.posrole_r {width: 205px;}

.phoneno_l {text-align:left; }

.outreach_l {width:250px; text-align:left; }
.outreach_m {width: 35px;}
.outreach_r {width:auto;text-align:left;}



