/* Custom styling for MyMac
   The first part is the original file developed by Christian.
   Modified to suit the new CSS layout 13th August 2009 by Thomas
   Modified 21 Sept 2009 by Thomas to suit new class list
  */


body {
	background: #eee url(/s/img/body_bg.png) repeat-x;
	color: #eee;
	font-family: "MyriadPro-Light", "Myriad Pro Light", "Myriad Pro", "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 100;
	line-height: 150%;
	font-size: 110%;
	padding: 0;
	margin: 0; 
}

/* Link Styling */
a:focus, a:active, a:link, a:visited { color: #cccccc; background-image: none; }
a:hover { color: #444; }
a[href^="http://training.mymac.com.au/courses"]:hover { opacity: 0.85; }

div.taggroup {width:100%}
div.taggroup h2 a:link, div.taggroup h2 a:visited { color: #333333; }
div.taggroup a { color: #EDF0D5; }
div.taggroup a:hover { color: #ABBDBB; }
div.taggroup ul li {display:block; float:left; width:40%;}
div.taggroup ul li ul li { width:100%;}

div.course-class-list-item a:link, div.course-class-list-item a:focus, div.course-class-list-item a:active, div#courselist div.course-class-list-item div.course-info a { color: #444444; }
div.course-class-list-item a:hover { color: #562B2B; }


div#header { padding: 0; background-color: transparent; }
div#header h1 { margin: 0; }

div#header h1 a {
	display: block; 
	height: 172px;
	background: transparent url(/s/img/top_logo.png) right bottom no-repeat;
	background-position: 0px;
	overflow: hidden;
	line-height: 172px;
	text-indent: -99999px;
	padding: 0;
}

div#header p#skip { display: none; }

/* Navigation */

div#nav.dropdown { height: 39px; background: transparent url(/s/img/nav_bg.png) repeat-x; border: 1px solid #383838; padding: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-bottom: 10px; margin: 10px 0; -moz-box-shadow: 0 0 4px #444; -webkit-box-shadow: 0 0 4px #444; text-shadow: 1px 1px 2px #000; font-weight: normal; }
	/* Ugly safari-only CSS hack to fix nav menu font rendering */
	@media screen and (-webkit-min-device-pixel-ratio:0){ div#nav.dropdown {font-weight: bold;} }

div#nav.dropdown > ul > li { width: auto; padding: 0; background: transparent; font-size: 1.1em; background: transparent url(/s/img/nav_bg.png) repeat-x; border-right: 1px solid #444; font-size: 120%;  } 
div#nav.dropdown > ul > li > a { width: auto; padding: 15px 25px 0; height: 24px; display: block; }

#nav ul li a, #nav ul li {color:white; display:block; text-align: center;}

#nav ul li a:hover {background: #222222; color: #ccc; }


div#content
 { background: #858585 url(/s/img/content_bg.png) repeat-x; border: 1px solid #666660; 
 -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px 10px; width: 725px; clear: both; }

ul { margin-left: 50px; }

div#content h1 { margin-bottom: 4px; }

div#content > h2:first-child { margin: 0; font-size:1.9em; } 
	div#content > h2:first-child a { color:#EEEEEE; font-weight: bold; }
div#content > h2 { margin-top: 0px; }
div#content h2 { color: #ffffff; margin-bottom: 4px; font: 16pt "Helvetica Neue", Helvetica, Arial, sans-serif; }


h2 a:link, h2 a:visited { color: #333333; }

div#content h3 { color: #ffffff; }

div.taggroup { padding: 0 0 0 20px; }
div.taggroup ul { margin: 0 0 0 20px; }
div.taggroup li { width: 350px; border: 0px; margin-right: 0px; }

.course-info dt { color: #2D2C2C; }
.course-info dd { color: #444; }
.course-info ul.menu li { text-align: right; color: #444; }

div#courselist div.course-list-item { margin-bottom: 50px; }
div.course-list-item > h3 { margin-bottom: 4px; }
div#courselist div.course-list-item div.course-info, div#courselist div.course-class-list-item div.course-info dl { color: #999;}
div#courselist div.course-list-item div.course-info dl dt  { margin: 0px;}

dt.discount-price-title, .discount-price, dt.concession-price-title, dd.concession-price { color: #2E2E2E; }

.batch, .batch-pages { background: none; }
.batch { background-color: #F5F5F5; border: 1px solid #444; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-bottom: 50px;  }
.batch-records em { color: #444; }

.note { color: #ccc;}

.box { background: #F6F6F6 url(/s/img/box_bg.png) repeat-x; border: 1px solid #444; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.box form { margin: 0; }
.box h3 {-moz-border-radius: 4px; -webkit-border-radius: 4px; }

.box form#search input { float: left; }
.box form#search input.quicksearch { margin-left: 15px; 	}
.box form#search:after {    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div.highlightWrapper { width: auto; background: none; }
div#shortListInner.highlightBalloon { padding: 0px; background-image: none;}

/* Forms */
#studentform fieldset, #paymentform fieldset, #enrolmentform fieldset { background: none; }

.message { background: #EEF6FF none; border: 1px solid #A3E0F0; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.message p, .error p, .validation p { background: none; }
.hint, .reason { color: #444; }

.error, .validation { background: #FFF5EE none; border: 1px solid #F2A9A1; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

tr { background-color: #686868; }

div#footer { border-top: 0px; position: relative; }
div#footer p { margin-bottom: 0px; position: relative; color: #231F20; }
div#footer a#oncourse_logo img:hover { background-color: #444; }


/*------------------- added by Thomas to bring the MyMac look to the way it was before the willow CSS revamp. ------------------------*/

/* Needed to bring the overall layout back to the default. Should be integrated with the above. */

div.box {clear:both; width:190px; border:none;
background: #858585 url(/s/img/content_bg.png) repeat-x;}
div.box h3 {padding-top:0.5em;}


div#admin {font-size:12px;}

/* get rid of all those underlines that are put in by base.css */
div a, div.box a, #nav ul li a,
#nav ul li a:hover,
#nav ul li a.active,
.taggroup a,
div#content a,
div#header a
 {	text-decoration: none;} 

/* Sidebar 
------------------------------------------- */

div#sidebar { width: 190px; }

#sidebar h3 {
	font-size: 90%;
	color: silver;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 2px;
	padding-bottom:0.5em;
}
#advanced {
	margin: 0 auto;
}
#advanced:hover {
	cursor: pointer;
}

#search select {
	width: 164px;
	color: #111;
	border: 1px solid #aaa;
}

div#shortlist {
	width: 200px;
	clear:both;
}

div#login_box, div#tokens div.box {
	width: 190px;
	clear:both;
}

div.box ul li {margin-left: 10px; margin-bottom: 10px;}
div.box a, div#footer a {color:silver; text-decoration:none;}
div.box a:hover, div#footer a:hover {color:white;}

/* Searching
------------------------------- */

div#advanced_search { top: 0px; border-width: 0px; }
div.advanced-search-button {height:22px; margin-top:5px; margin-bottom:-2px;}
div.search-terms
 { background-color: #F6F6F6; border: 1px solid #444; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
 	background-position-x: 2px;
 }
 div#search_query {padding-top:1px; padding-left:0.5em;}
 	div#toggle-results-map a img { margin-right: 5px; }

.box form#search input.quicksearch {width:120px; margin-left:10px; margin-right:5px;}
a.show-advanced-search {color:silver;}


/* Widgets 
-------------------------------- */
div#popup-content {font-size:small;}
div.ac_results {color:gray; font-size:small;}



/* Admin - should be moved back to admin.css
------------------------------------------*/
div#web-admin-content, div.node-editor-edit {background-color:white; color:black; padding:0.3em;}

/* Class Detail display */

div#shortlist ul.menu li.enrolnow { background: none; position: relative; left: 0px;}
div#coursedetail ul {list-style: none;}
div#coursedetail ul.menu li.email { float: right; }

#content div.blockdetail { margin: 20px 0; }
#content div.blockdetail div.main { width: 350px; }
#content div.blockdetail div.extra ul.menu {margin-right: 1em; background-color: #fff; border: 0px; margin-top: 0px;}
#content div.blockdetail div.extra ul.menu li { text-align: right; width: auto;}
#content div.blockdetail li.email { width: 167px; left: -3px; }
#content div.blockdetail div.extra ul.menu li.enrolnow {background-image: none; background-color: #fff; height: 45px;  border-bottom: 1px dotted #999; }
#content div.blockdetail ul.menu li.enrolnow { margin-left: 0px; }
#content div.blockdetail ul.menu li.enrolnow a { padding: 0px 0 0 0px; width: 140px; }

#content div.blockdetail div.extra ul.menu li.addshortlist, #content div.blockdetail div.extra ul.menu li.shortlisted { margin-right: 3px; }

#content div.blockdetail div.extra ul.menu a, #content div.blockdetail ul.menu li.enrolnow span  {border: none; color: #24265B;  font-family:"Lucida Grande","Lucida Sans",Helvetica,Arial,sans-serif; left: 0; font-size:10pt; font-weight: 200; top: 0;  }

div#coursedetail div.blockdetail dl.details dt {clear:left; margin:0; width: 35%;}
div#coursedetail div.blockdetail dl.details dd, div#coursedetail div.blockdetail dl.details dt { float: left; }
div#coursedetail div.blockdetail dl.details dd { margin-left: 0px; width: 65%;}
div.blockdetail div.extra { position: relative; top: 0px; left: 15px;}

div.blockdetail div.extra ul.menu { width: 20%; float: right; }

div#content #coursedetail p.timeliner { background-position: 4% 55%; }

table.session-table tr td { padding: 10px; }
table.session-table tr th { padding: 3px 10px 0 10px; background-color: #444; }

.imgright { float: right; }

/* Class list */
div#content div.new_course_item div.class_details {background-color:#909090; border-color:#a0a0a0}
div#content div.new_course_item div.class_details:hover {background-color:#a0a0a0; border-color:#b0b0b0}

div#content_container div#content div.new_course_item h4 a { color: #e0e0e0; }
	div#content_container div#content div.new_course_item h4 a:hover { color: #ccc; }

div#content div.new_course_item a {  }
div#content div.new_course_item a:hover {  }

div#content div.new_course_item table.popup td {color:gray;}
div#tooltip {color:gray;}

div#content div.new_course_item p.description { color: #fafafa; }
.bubble_middle { color: #444; }

.payments tbody td em { color: #ADADAD; }
.payments tbody.totals tr { background-color: #393939;}


/* Tutor's Course class panel */

body#TutorClasses div#courselist h4 { font-family: inherit; color: #eee; }

div#tutor-classes-pending div.sessions_for_class,
div#tutor-classes-current div.sessions_for_class, div#tutor-classes-previous div.sessions_for_class { display: none; }

div#tutor-classes-pending div.bubbleInfo,
div#tutor-classes-current div.bubbleInfo, div#tutor-classes-previous div.bubbleInfo { visibility: hidden; }

div#tutor-classes-pending dl.tutor_class_info, 
div#tutor-classes-current dl.tutor_class_info, div#tutor-classes-previous dl.tutor_class_info { width: 100%;  clear: both; border-top: 1px solid #ccc; padding-top: 4px; margin: 4px 0 0 0; text-align: right; font-size: 80%; }

div#tutor-classes-pending dl.tutor_class_info dt, div#tutor-classes-pending dl.tutor_class_info dd,
div#tutor-classes-current dl.tutor_class_info dt, div#tutor-classes-current dl.tutor_class_info dd, 
div#tutor-classes-previous dl.tutor_class_info dt, div#tutor-classes-previous dl.tutor_class_info dd 
	{ display: inline-block; margin: 0; padding: 0;}

div#tutor-classes-pending dl.tutor_class_info dt,
div#tutor-classes-current dl.tutor_class_info dt, div#tutor-classes-previous dl.tutor_class_info dt { margin: 0 2px 0 20px; }

div#tutor-classes-pending dl.tutor_class_info dt:after,
div#tutor-classes-current dl.tutor_class_info dt:after, div#tutor-classes-previous dl.tutor_class_info dt:after { content: ":"; }

div#tutor-classes-pending dl.tutor_class_info dt:first-child,
div#tutor-classes-current dl.tutor_class_info dt:first-child, div#tutor-classes-previous dl.tutor_class_info dt:first-child  { margin-left: 0px; } 


/* Student roll */
table.student-roll { width: 100%; } 
	table.student-roll th { color: #444; }

div#popup-content { color: #444;   }