/* ==================================================================================================================== */
/* ! tango site-specific layout.css
modified 18 Sept 2009 by TWB to make new class list compatible with Tango styling   */
/* ==================================================================================================================== */

/* Course/class listing - New version */

div#content div.new_course_item a { color: rgb(187,144,31); }
div#content div.new_course_item a:hover { color: orange; text-decoration: none; border: 0; }

div#content div.new_course_item div.class_details {border:1px solid rgb(40,20,18); border-left:6px solid rgb(40,20,18); background-color: rgb(24,13,11);}
div#content div.new_course_item div.class_details:hover { border: 1px solid rgb(60,30,25); border-left:6px solid rgb(60,30,25); }

div#content div.new_course_item > h4 { color: orange; font-variant: normal; font-family: Trebuchet MS; font-weight: 100; font-size: 160%; }
div#content div.new_course_item p.description { margin-bottom: 0; font-size: 110%; color: #f7f7f7} 

div#content div.new_course_item div.detail_for_class p { color:#f7f7f7; }

#tngTble1{
width:640px;
border:0px;
padding:0px;
height:auto;
}

td.tngC1{
width:25%
height:240px;
vertical-align:top;
text-align:center;
border: medium none !important;
padding:6px;
}



/*
div.new_course_item { margin: 0 0 20px 0; }
div.new_course_item img { vertical-align: top; }



div#content div.new_course_item > h5 { font-weight: 100; margin-top: 12px; display: none; }
#content div.new_course_item div.class_details ul, div.new_course_item div.class_details ul li { list-style: none; margin: 0; padding: 0; }
div#content div#courselist div.new_course_item div.class_details > ul, div.new_course_item div.class_details ul { width: 35%; float: left; }
div.new_course_item div.class_details ul.class_locationtutor { width: 45%; }
 
div.new_course_item div.class_details ul li { margin-bottom: 6px;}
div.new_course_item div.class_details ul li:last-child { margin: 0px; }

div.new_course_item  div.class_details ul li.class_time { font-weight: normal; }

div.new_course_item  div.class_details ul li.class_session, div.new_course_item div.class_details ul li.class_tutor, div.new_course_item div.class_details ul li.class_location { width: auto; display: block; position: relative; padding: 0 19px; }
div.new_course_item div.class_details ul li.class_location { background: transparent url(/s/img/icon/location.png) 0 0px no-repeat; height: 23px; overflow: hidden; }
div.new_course_item  div.class_details ul li.class_session { background: transparent url(/s/img/icon/calendar.png) left 2px no-repeat; text-align: left; }
	div.new_course_item  div.class_details ul li.class_session a.timeline { top:0; left: 0; font-size: 100%; }
div.new_course_item li.class_tutor { padding-right: 14px; background: transparent url(/s/img/icon/person.png) left 2px no-repeat; }
div.new_course_item li.class_tutor img { position: relative; top: 2px; left: 5px; }
div.new_course_item li.class_session span, div.new_course_item li.class_tutor span {  font-size: 85%; color: #999; visibility: hidden; position:relative;
top:-5px;}
div.new_course_item li.class_session span { }

div.new_course_item li.class_session:hover, div.new_course_item li.class_tutor:hover { background-color: transparent; }
div.new_course_item li.class_session:hover span, div.new_course_item li.class_tutor:hover span { visibility: visible; }
div#content  div#courselist div.new_course_item div.class_details ul.class_options, div.new_course_item div.class_details ul.class_options { text-align: right; width: 20%; }

div.new_course_item div.class_details ul.class_options li { margin: 0; }
div.new_course_item div.class_details ul.class_options li span { display: block; font-size: 90%; }

div.new_course_item div.class_details ul.class_options ul.menu { float: right; width: 100%; }
	ul.class_options li.class-info-link a { padding-right: 20px; background: url(/s/img/icon/class_info.png) right no-repeat; }
	ul.class_options li.role a { padding-right: 20px; background: url(/s/img/icon/attendance.png) right no-repeat; }

div.new_course_item span.waitlist_link { color: #666; font-size: 90%; margin: 0 0 0 0px; }

div.new_course_item li.class_addorder, div.new_course_item li.class_emailfriend, div.new_course_item li.shortlisted { font-size: 90%; }
div.new_course_item div.class_details ul li.class_enrol { height: 34px; text-align: right; position: relative;  margin-bottom: 10px;}
div.new_course_item div.class_details ul li.class_enrol a { color: green; background: transparent url(/s/img/button_enrol.png) top right no-repeat; text-indent: -999px; width: 78px; height: 20px;  display: block; padding: 0; float: right; overflow: hidden; line-height: 150px; }
	div.new_course_item div.class_details ul li.class_enrol a:hover { text-decoration: none; border: 0; }
div.new_course_item li.class_enrol span { position: absolute; bottom: 2px; display: block; height: 15px; width: 143px; }
	div.new_course_item li.class_full, div.new_course_item li.class_cancelled { width: 78px; height: 20px; overflow: hidden; text-indent: -999px; line-height: 100px; float: right; }
		div.new_course_item li.class_cancelled { background: transparent url(/s/img/button_class_cancelled.png) top left no-repeat; }
		div.new_course_item li.class_full { background: transparent url(/s/img/button_class_full.png) top left no-repeat; }
div.new_course_item li.class_addorder { background: transparent url(/s/img/icon/add.png) no-repeat; background-position: 100% 5px; }
div.new_course_item li.shortlisted { background: transparent url(/s/img/icon/remove.png) no-repeat; background-position: 100% 5px; }
div.new_course_item li.class_addorder a, div.new_course_item li.class_emailfriend a, div.new_course_item li.shortlisted a { padding-right: 15px; }
div.new_course_item li.class_emailfriend { background: transparent url(/s/img/icon/email.png) no-repeat; background-position: 100% 6px; }

div.new_course_item acronym { font-size: 100%; font-style: normal; text-decoration: none; border: 0; }
div.new_course_item li span.gst { display: none; }

div.new_course_item div.waitinglist-block p.waiting-list-title a { display: inline-block; background: transparent url(/s/img/button_add_me.png) right 7px no-repeat; padding-right: 50px; }
div.new_course_item div.waitinglist-block p.waiting-list-title a:hover { text-decoration: none; border: 0; } 

div.new_course_item div.enrol_tooltip { position: absolute; border: 0px solid red; width: 200px; height: 75px; display: none; right: -230px; -moz-border-radius: 10px; background-color: #f7f7f7; -moz-box-shadow: 2px 2px 2px #ccc; padding: 5px; z-index: 7000; }
div.new_course_item:hover div.enrol_tooltip { display: block; }

div#courseDetailLink h4 { display: block; width: 125px; float: right; margin: 0 0 0 15px; padding: 5px; text-align: center; font-weight: 100; background-color: #FCFDF7; border: 1px solid #FCFDF7; }
div#courseDetailLink h4:hover { border: 1px solid #CDCDCD; }

*/

/* Tooltip Styling */

/*
        .popup {
                position: absolute;
                display: block;
                z-index: 50;
                border-collapse: collapse;
                right:-160px;
                top: -10px;
                border: 0;
        }
        
        .popup td.popup-contents { }
        
        .popup td, .popup th, .popup tr { padding: 0; margin: 0; border: 0; }

        .popup td.corner {
                height: 15px;
                width: 19px;
        }

        .popup td#topleft { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-1.png); }
        .popup td.top { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-2.png); }
        .popup td#topright { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-3.png); }
        .popup td.left { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-4.png); float: none; }
        .popup td.right { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-5.png); float: none; }
        .popup td#bottomleft { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-6.png); }
        .popup td.bottom { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-7.png); text-align: center;}
        .popup td.bottom img { display: block; margin: 0 auto; }
        .popup td#bottomright { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-8.png); }

        .popup table.popup-contents {
                font-size: 12px;
                line-height: 1.2em;
                background-color: #fff;
                color: #666;
                font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
                border: 0; 
                margin: 0; 
                }

        table.popup-contents th {
                text-align: right;
                text-transform: lowercase;
                }

        table.popup-contents td {
                text-align: left;
                }

        tr#release-notes th {
                text-align: left;
                text-indent: -9999px;
                background: url(http://jqueryfordesigners.com/demo/images/coda/starburst.gif) no-repeat top right;
                height: 17px;
                }

        tr#release-notes td a {
                color: #333;
        }
        
        table.enrol_tooltip h4, table.enrol_tooltip p { margin: 0; }
        */