/* Tango site-master.css
Author: Christian
Modified 13-July-2009 by Thomas to add the Safari and CSS3 standard radius syntax
*/

body {
background: #050409 url(/s/img/wood_bg_big.jpg) 50% 0% no-repeat;
background-attachment:fixed;
color: #eee	;
font-family: Arial, sans-serif;
font-weight: 100;
margin: 0;
font-size: 100%; 
}

/* Link Colours and Hovers */
a {text-decoration: none;}
a:focus, a:hover, a:active, a:link { background: none; text-decoration: none; } 
div#content a { color: #dd5b36; text-decoration: none; }
div#content a:hover { /*background: #191313;*/ color: #C7421D; text-decoration: underline; }
div#sidebar a { color: #9CA9B6; text-decoration: none; }
div#sidebar a:hover { color: #94ACC6; }


div#header, div.container, div#footer { position: relative; width: 960px; margin: auto; }

div#header { padding: 0; }

/* For main page */

body.main-page div#header { /* background: url(/s/img/masthead_main_girls_samba.jpg) 75% 00% no-repeat; */ height: 500px;
width: 960px;  }

/* For content pages */
body.internal-page div#header > div#masthead { display: none; }
body.internal-page div#header {background: url(/s/img/masthead/jrda1.jpg) 75% 15% no-repeat; height: 150px;
width: 960px;  }

div#header h1 {
position: relative;
margin:0; 
overflow: hidden;
background: transparent url(/s/img/logo.png) no-repeat; 
width: 274px; height: 56px; position: absolute; top: 25px; left: 25px; 
z-index: 5000;
}

div#header h1 a { display: block; text-indent: -99999px; width: 100%; height: 100%;  padding: 0;  }
div#header h1 a:hover { background-color: #444; opacity: 0.1; }

div#header_motif { position: absolute;  position: absolute; left: -20px; bottom: -25px; height: 55px; width: 1020px; background: url(/s/img/nav_motif.png) no-repeat; z-index: 100; }

/*div.container_shadow { width: 977px; background: transparent url(/s/img/container_shadow.png) repeat-y; position: absolute; margin: auto;}*/

div.container {
background-color: #070606;
width: 960px;
}

body.internal-page div.container { top: 0px; }

div#content_container {
margin: 0px 0 0px 0px;
background: transparent url(/s/img/bg_faux_sidebar.png) 705px 0 repeat-y;
}

div#content {
padding: 1.6em 20px;
margin-right: 0;
width: 665px;
}

div#content div#intro_text { margin-bottom: 3.2em; }

div#content div#intro_text h2:first-child {
font: 350% Georgia, serif;
color: #615d5c;
margin: 0;
text-shadow: 2px 1px 0px #291f1f; 
}

div#content div#intro_text h2:first-child span {
color: #c32f15;
font: 100% Georgia, serif;
margin: 0px;
}

div#content div#intro_text em { color: #e6b63a; font-style: normal; }

div#content div#intro_text h2, div#content div#intro_text p { margin-bottom: 10px; font-size: 140%; width: 630px; color: #fff; }

div#content > div > h2:first-child { color:#C32F15; font-family:Georgia,serif; font-size:26pt; font-weight: normal; margin: 0; }

div#content div#news_block { width: 350px; background-color: rgb(236,201,111); background-color: rgba(236,201,111,0.9); outline: 0px solid red; margin-right: 0px; padding: 10px; float: left; display: none; }

div#content div#news_block ul { width: 350px; border: 0px solid #ccc; float: left; margin: 0  0px 0 0;  }
div#content div#news_block ul li { list-style: none; margin: 0; }
div#content div#news_block ul li.news_item { margin-bottom: 40px; background: none; padding: 0; font-size: 110%; color: #000; }
div#content div#news_block ul li.news_item a { color: #9a3315; }
div#content div#news_block ul li.news_item h5 { font: 12pt "Verdana"; color: #e6b63a; margin: 0px; }
div#content div#news_block ul li.news_item h5.date { font-size: 9pt; color: #976E04; margin: 0px; }

div#content div#featured_item { 
width: 238px; float: left; 
/*-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;*/
color: #f7f7f7; 
padding: 0 0px 10px 0px;
border-top: px solid #151515;
}
div#content div#featured_item h1 { background-color: rgb(230, 182, 58); padding: 3px 0px 3px 5px; color: #1B0F0D; margin: 0 0 0.5em 0; -moz-border-radius:4px; -webkit-border-radius:4px; }
div#content div#featured_item h3 {  }
div#content div#featured_item h5 { font: 12pt "Tahoma"; font-weight: 500; margin: 0 0 0.3em 0; color: #e6b63a; }
div#content div#featured_item p { font-size: 10pt; }

/*  Main - Web Content */

div#content p { font-size: 110%; }

div.container div#content div.webnodePage h2, div.container div#content div.webnodePage h3 { font: 16pt Georgia, serif; color: #999; width: 100%; margin: 10px 0 6px 0; }
div.container div#content div.webnodePage h4 { font: 12pt Georgia, serif; color: #999; width: 665px; margin: 10px 0 6px 0; }

div.container div#content div.webnodePage > h2, div.container div#content > h3, div.container div#content > h2, div.container div#content form#enrolmentform h2, div.container div#content div#student-enrolments-current h2, div.container div#content form#loginform h2, div.container div#content div#web-admin-content div#AdminLogin h2, div.container div#content > h1:first-child { font: 26pt Georgia, serif; color: #c32f15; width: 100%; margin: 0 0 5px 0; }

div.container div#content div#courselist, div.container div#content div#coursedetail { width: 665px; }
div.container div#content div#coursedetail ul, div.container div#content div#courselist ul { margin: 7px 0 0 15px; }

div.container div#content div#courselist div.course-class-list-item h3.toggler, div.container div#content div#courselist div.course-class-list-item h3.other-toggler { background-color: #e6b63a; margin-top: 2px; border-bottom: 1px solid #1B0F0D; color: #1B0F0D; }

div.container div#content div#courselist div.course-list-item div.course-class-list-item h3.toggler:hover, div.container div#content div#courselist div.course-list-item div.course-class-list-item h3.other-toggler:hover { background-color: #CDA43A; }


div.container div#content div#courselist div.course-class-list-item dl { margin: -1px 0 3px 0; }
div.container div#content div#courselist div.course-class-list-item  { background-color: #231717; }
div.container div#content div#courselist div.course-class-list-item dl dd, div.container div#content div#courselist div.course-class-list-item dl dt { color: #999; }

div.container div#content div.course-class-list-item dl dd { color: #fff; }

div.container div#content div#courselist div.course-class-list-item li.email { text-align: right; }
div.container div#content div#coursedetail div.blockdetail { background-color: #070606; width: 655px; margin: 50px 0 20px 0; padding: 10px;  }
div.container div#content div#coursedetail div.blockdetail ul { padding: 0px; }
div.container div#content div#coursedetail div.blockdetail ul li { width: 150px; float: right; margin-bottom: 2px; list-style: none; }
div.container div#content div#coursedetail div.blockdetail div.main { width: 450px; }
div.container div#content div#coursedetail div.blockdetail div.extra { width: 170px; float: right; }
div.container div#content div#coursedetail div.blockdetail dl dd, div.container div#content div#coursedetail div.blockdetail dl dt { margin-bottom: 2px; }

div.container div#content div.course-list-item li.email {  }

div.container div#content div.webnodePage div.imgleft + p { clear: both; }

#content div.blockdetail li.email a:link, #content div.blockdetail ul.menu li.addshortlist a, #content div.blockdetail ul.menu li.shortlisted a { color:#DD5B36; }
#content div.blockdetail ul.menu li.addshortlist a { left: 16px; }

div.container div#content div#coursedetail div.blockdetail ul.menu { -moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background-color:#4D9900;
border:1px solid #4D9900;
color:#FFFFFF;
height:105px;
margin:0 0 0 0;
padding:3px;
width:150px; }

div.container div#content div#coursedetail div.blockdetail ul.menu li.addshortlist, div#container div#content div#coursedetail div.blockdetail ul.menu li.shortlisted {
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
background-color:#070606;
font-family:"Gill Sans","Gill Sans MT","Helvetica";
font-size:10pt;
font-weight:300;
height:41px;
margin:0;
padding:4px 0 0;
text-align:left;
width:150px;
}

/* Search Results */

div.container div#content div.search-terms { display: none; }

div.container div#content div.batch { background: #231717 none; width: 665px; }

div.container div#content div.batch div.batch-records, div.container div#content div.batch div.batch-pages, div.container div#content div.batch div.batch-pages span, div.container div#content div.batch div.batch-pages strong, div.container div#content div.batch div.batch-pages a
{ background: #231717 none; border: 0px; }

div.container div#content div.batch div.batch-pages strong { color: #aaa; }

div.container div#content div.course-list-item { width: 665px; margin-bottom: 50px; }
div.container div#content p.course-summary { margin: 3px 0 12px 0; }

div.container div#content div.course-list-item > h3 { font-size: 12pt; }

div.container div#content div.course-list-item h3.toggler, div.container div#content div.course-list-item h3.other-toggler { background-color: #e6b63a; margin-top: 2px; border-bottom: 1px solid #1B0F0D; color: #1B0F0D; }

div.container div#content div.course-list-item h3.toggler:hover, div.container div#content div.course-list-item h3.other-toggler:hover { background-color: #CDA43A; }

div.container div#content div.course-list-item dl { margin: -1px 0 3px 0; }
div.container div#content div.course-info { background-color: #231717; }
div.container div#content div.course-list-item dl dd, div.container div#content div.course-list-item dl dt { color: #999; }
div.container div#content div.course-list-item dl dd { color: #fff; }
div.container div#content div#coursedetail div.blockdetail li.email, div.container div#content div.course-list-item li.email { text-align: right; }

p.focus-list-line {
	border: 1px solid brown;
	color:silver;
}


/* Forms */ 

.payments thead th { color: #ccc; }
.payments tbody.totals tr { background-color: transparent; }	
span.validate-text { color: #444; }

/* Search Result class panel */

div.container div#content div.course-list-item ul.menu { padding-right: 15px; padding-top: 1px; }

div.course-class-list-item ul.menu li.enrolnow { font-size: 18px; margin-bottom: 10px; }
div.container div#content div.course-list-item ul.menu li { text-align: right;  }
div.container div#content div.course-list-item ul.menu li.enrolnow div.enrol_button span, div.container div#content div.course-list-item ul.menu li.enrolnow a span, div.container div#content div.course-class-list-item ul.menu li.enrolnow div.enrol_button span { display:block; font-size:8pt; height:20px; }
div.container div#content div.course-list-item ul.menu li.addshortlist, div.container div#content div.course-list-item ul.menu li.shortlisted, div.container div#content div.course-class-list-item ul.menu li.addshortlist, div.container div#content div.course-class-list-item ul.menu li.shortlisted { background-image: none; }

div.container div#content div.course-list-item ul.menu li.enrolnow a, div.container div#content div.course-class-list-item ul.menu li.enrolnow div.enrol_button a { color: #4D9900; }
div.container div#content div.course-class-list-item ul.menu li.enrolnow div.enrol_button span


/* Map */

div#map { height: 300px; width: 675px; }

/* Second level navigation styling - side bar */
div#sidebar div#sidebar-nav-wrap { background: #180D0B; border-top: 1px solid #140B09; border-bottom: 1px solid #25130F; margin-bottom: 15px; }
div#sidebar div#sidebar-nav-wrap ul li, div#sidebar div#sidebar-nav-wrap ul li a { background: none; }
div#sidebar div#sidebar-nav-wrap ul { margin: 0; }
div#sidebar div#sidebar-nav-wrap ul li { padding: 0 0 0 0px; list-style: none; }
div#sidebar div#sidebar-nav-wrap ul > li:first-child { padding: 0 0 0 0px;  }
div#sidebar div#sidebar-nav-wrap ul > li > ul > li, div#sidebar div#sidebar-nav-wrap ul > li  { padding: 0 0 0 0px; }
div#sidebar div#sidebar-nav-wrap ul li a { color: #BB901F; display: block; padding: 4px 0px 4px 10px; margin-left: -10px; }

div#sidebar div#sidebar-nav-wrap ul li a:hover { color: #BB901F; background-color: #27110D; }
/*E6B63A*/


/* Tag Group Styling */

div.container div#content div.taggroup { padding-left: 25px; width:auto; }
div.container div#content div.taggroup ul li { width: 275px; border: 0; float: left; }
div.container div#content div.taggroup ul li h2 { font: 14pt "Georgia", serif; }
div.container div#content div.taggroup ul li h2 a { color: #fff; }

/* Begin Sub-content section */

div#sidebar {
background: #1b0f0d;
border-right: 0px solid #301717; 
padding: 1.6em 0;
}

body.internal-page div.container div#sidebar { padding-top: 30px; }

div#search_box { border: 1px solid #1B0F0D; height: 55px; }

div#sidebar div.box form#search { margin: 0; z-index: 2000;}
div#sidebar div#search_box h3 { display: none; }
div#sidebar div.box form#search input { 
width: 152px;
height: 17px;
background: transparent url(/s/img/search_form_bg.png) no-repeat;
border: none; 
float: left;
padding: 4px 0 0 5px; 
margin-bottom:0px;
}

div#sidebar div.box form#search input#find {	
width: 59px;
height: 21px;
background: transparent url(/s/img/search_form_button.png) no-repeat;
border: none;
padding: 0;
margin: 0;
float: left;
text-indent: -99999px;
line-height: 21px;
overflow: hidden;
}	

form#contact input.form-text { width : 360px; }

/* Quick Search */ 
/*div#sidebar div.box form#search input.throbber { background: transparent url('/s/img/throbber.gif') no-repeat scroll 98% 2px; }*/
div#sidebar ul.quicksearch { width: 210px; margin: 0; top: 25px; left: 9px; background:transparent url(/s/img/bg_transparent_80.png) repeat scroll 0 0; z-index: 5010; }
div#sidebar ul.quicksearch li.tags, div#sidebar ul.quicksearch li.courses { background-color: #050409; color: #e6b63a; }
div#sidebar ul.quicksearch li.tag:hover, div#sidebar ul.quicksearch li.tag:hover a, div#sidebar ul.quicksearch li.course:hover, div#sidebar ul.quicksearch li.course:hover a { color: #1b0f0d; background-color: #e6b63a; }
div#sidebar ul.quicksearch li span.count { display: none; }

div#sidebar div.box { background: none; margin: 0px 0 15px 0; padding: 0 0 0 6px; }

div#sidebar div.box h3 {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
width: 212px;
height: 17px;		
margin: 0 0 10px 0;
padding: 3px 0 3px 5px;
background-color: #e6b63a;
background-image: none;
clear: both;
}



/* System Boxes */

div#sidebar div.box span { border-bottom: 0px; color: #1b0f0d; }

div#sidebar div.box span { font: 11pt Tahoma,sans-serif; font-weight: bold; color: #000; margin-top: -5px; }

div#sidebar div#shortlist.system_box { margin-bottom: 30px;}

div #sidebar div#shortlist div#shortListWrapper.highlightWrapper, div #sidebar div#shortlist div#shortListInner.highlightBalloon { padding: 0; background: none; }

div#sidebar div#myShortList ul li, div#sidebar div#myShortList ul li a:focus, div#sidebar div#myShortList ul li a:hover, div#sidebar div#myShortList ul li a:active { background: none; padding: 0; }

div.box ul.menu > li { margin-left: 4px; margin-right: 15px;}

div#sidebar div#myShortList ul li a.viewitem { position: relative; left: 0px; padding: 2px; color: #ccbbb8; background-image: none; }
div#sidebar div#myShortList ul li.viewitem a:hover { color: #B0A8A6; }
div#sidebar div#myShortList ul li.enrolnow { list-style-image: none}
div#sidebar div#myShortList ul li a.enrolNowLink:link { color: #ccbbb8; background: none; }


div#sidebar div.promo_box { border: 1px solid #e6b63a; width: 200px; margin: 0 auto 30px auto; }
div#sidebar div.promo_box img { height: 153px; width: 198px; }
div#sidebar div.promo_box h5 { border-top: 1px solid #e6b63a; font: 14pt "Arial" bold; color: #e6b63a; padding: 5px 5px 0 5px; }
div#sidebar div.promo_box h5 a { background: none; color: #e6b63a; } 
div#sidebar div.promo_box h5 a:hover { background: none; color: #C7421D; } 
div#sidebar div.promo_box p { padding: 5px; line-height: 18px; }

/* Popup Thickbox */

div#popup-content > h2 { font: 16pt Georgia, serif; color: #999; width: 100%; margin: 10px 0 6px 0; }
div#popup-content div.email-course-title { }
div#popup-content div.email-course-title, div#popup-content div.email-course-code { float: none; margin-top: 4px; }
div#popup-content input { margin-bottom: 4px; }

/* Footer section */

div#footer {
background: #d4a835 url(/s/img/footer_bg.png) repeat;
border-top: 1px solid #fff;
padding: 20px;
margin-top: 0px; 
width: 920px;
position: relative;
bottom: 0px;
zoom: 1;
position: relative;
}

div#footer li { list-style: none; margin: 0; padding: 0; }

div#navigation { width: 699px; position: relative; border: 0px solid red; float: left; color: #1b0f0d; }
ul#level_one, ul#level_two, ul#level_three { float: left; width: 233px; margin-left: 0; margin-bottom:0;}
div#navigation li, div.regionDisplay li { background: none; margin: 0; padding: 0;  }

ul#level_one li a, ul#level_two li a, ul#level_three li a, div#footer div.blockDisplay div ul li a{  color: #1b0f0d; padding: 5px 5px 5px 5px; margin-left: -5px; font-size: 10pt; text-decoration: none; }

ul#level_one li { margin-bottom: 15px; }
ul#level_one li a { font: 160% "Tahoma"; font-weight: bold; text-decoration: none; }
ul#level_one li a:hover, ul#level_two li a:hover, ul#level_three li a:hover, div#footer div.blockDisplay div ul li a:hover { background-color: #1b0f0d; color: #d4a835; }

div#footer div#block9.blockDisplay, div#footer div.blockDisplay, div#footer div.blockDisplay { width: 228px; float: left; }
	div#footer div#block137 div.taggroup { width: auto; }
div#footer div.blockDisplay div ul li { padding: 0; margin: 0; width: 233px; border: 0; }
div#footer div.blockDisplay div ul li h2 { margin: 0; font-weight: 100; }
div#footer div.blockDisplay div ul li ul { display: none; }
div#footer div.blockDisplay div ul li { font: 10pt "Tahoma"; font-weight: 100; display: block; width: 100%; border-right: 0; padding: 0;  margin: 0; }
div#footer div.blockDisplay div ul li a { bold; color: #1b0f0d; }

div#footer div.blockDisplay h4, div#footer div.blockDisplay h4, ul#level_two li h4, ul#level_three li h4 {font: 10pt "Tahoma"; font-weight: bold; color: #1b0f0d; margin: 0;}

ul#level_two li + li > h4, ul#level_three li + li > h4  { padding-top: 20px; }

div#navigation ul h4 { margin: 10	px 0 5px 0; }
div#navigation ul h4:first-child { margin-top: 0px; }
div#footer div.blockDisplay div ul { margin-left: 0px; }
ul#level_two li, ul#level_three li{ margin-bottom: 5px; }
div#footer div.blockDisplay div#taggroup ul li { margin-bottom: 0px; }

/* Mailing List */

ul#nav, div#mailing_list, div#site_credits { float: left; }
div#mailing_list, div#site_credits { width: 241px; }

div#mailing_list { background: #9A7F3A; background: rgba(68,68,68,0.4); padding: 10px; width: 211px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;  -webkit-box-shadow: 0 0 3px #000; -moz-box-shadow: 0 0 3px #000; box-shadow: 0 0 3px #000; }
div#mailing_list p, div#site_credits p { text-align: left; color: #fff; margin: 0 0 0px 0; padding: 0; }
div#mailing_list p { font: 9pt "Tahoma"; font-weight: bold; }
div#mailing_list a { font: 12pt "Tahoma"; margin: 5px 0 5px 0; color: #fff; padding: 5px; margin-left: 0px; text-decoration: none;   }
div#mailing_list > a:hover {background-color: #1b0f0d; color: #d4a835; margin-left: -5px; }
div#mailing_list div#site_credits p, div#mailing_list div#site_credits a { font: 8pt "Tahoma"; }

div#mailing_list > p { text-shadow: 0 1px 0 #000; }
div#mailing_list > a { margin-top: 20px; float: right; color: #E6963A; padding: 5px 8px; text-align: right; background-color: #1B0F0D; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} 
	div#mailing_list > a:hover { color: #E8A04C; background: #302523; }
div#site_credits { position: absolute; bottom:16px; right:5px; }
	div#site_credits > p > a.popup { position: static; right: 0; border: 0px solid red; display: inline; padding: 0px 0 0 5px; }
	
.clear { clear: both; }

#region-content { display: none; }

div#webdetaileditor { margin-top: 40px; }

/* Styling the enrolment processing page */

body#enrolmentPageProcessing div#header h1 { height: 165px; width: 960px; position: relative; background: url(/s/img/masthead_main_girls_kiss.jpg) no-repeat; }
body#enrolmentPageProcessing p#skip { display: none; }
body#enrolmentPageProcessing div#block9, body#enrolmentPageProcessing div#block137, body#enrolmentPageProcessing div#block138 { display: none;  }


/* Admin Interface
Note: Several elements in the default admin styling break with the tango style. 
My attempts to fix -cll*/

div#webdetaileditor h2, div.web-grouping > h2 { font: 26pt Georgia, serif; color: #c32f15; width: 100%; margin-bottom: 5px; }
div#webdetaileditor h3 {color:black;}
div.web-node-list-header span.node-name, div.web-node-list-header span.node-menu, div.web-node-list-header span.web-visible { color: #666; }
div.web-node-line:hover { background-color: #393939; }
div.web-node-line:hover span.node-name, div.web-node-line:hover span.node-menu { color: #fff; }
div.node-form label.admin, div.web-tags p { color: #444; }
div#nodeParent { color: #444; font-weight: bold; }
div.block-editor { background: #070606 none; }
textarea#webContent { width: 500px; height: 250px; }
div#templates table td, div#templates table th, div#blocks table th, div#blocks table td { color: #eee; }


/* Advanced search fix 
div#sidebar div#search_box a.show-advanced-search span { font-weight: normal; font-size: 100%; color: #9CA9B6;}
div#advanced_search { right:35px; top:73px; border: 1px solid #444;}*/
div#advanced_search { top: -1px; }
div#sidebar div.box a.show-advanced-search span { font-family: "Liberation Sans",Helvetica,Arial,sans-serif; font-size: 100%; color: #ccc; font-weight: 100;}

/* CSS fix for Google Maps location bubble */
#map h4 { color: #444; }

/* Fix for suburb chooser text in adv search */
div.ac_results > ul > li { color: #444; }

/* Hiding CAPTCHA form */ 
div.formchecker { display: none; }