/* basic setup */
.accordion-wrapper, .accordion { background:url(img/accordion_wrapper.gif) no-repeat}
.accordion-wrapper { padding: 1px 0 0 0; margin-bottom:14px; background-position:left top }
.accordion { padding: 0 3px 3px 2px; background-position:left bottom }
.left .accordion-wrapper, .left .accordion { background-image:url(img/accordion_wrapper_left.gif) }
.right .accordion-wrapper, .right .accordion { background-image:url(img/accordion_wrapper_right.gif) }
.half .accordion-wrapper, .half .accordion { background-image:url(img/accordion_wrapper_half.gif) }

/* home */
#home_accordion .accordion-header { background:url(img/accordion_header_home.png) repeat-x top left; cursor:pointer; font-size:11px; color:#444D54; border-top:1px solid #A9AEB2 }
#home_accordion .accordion-header:first-child { border-top:none}
#home_accordion .accordion-header img { vertical-align:middle; margin:0 15px 0 0; *margin-top:-1px}
#home_accordion .accordion-section { margin:0; padding:0 12px; width:206px; background:#ffffff }
#home_accordion .accordion-section p { margin: 12px 0 0 0 }
#home_accordion .accordion-section p+p { margin-bottom:12px }
#home_accordion .accordion-section p a.details {  _margin-bottom:12px }

/* course details */
#course_sections .accordion-header { position:relative; background:url(img/accordion_header_course_sections.png) no-repeat top left; cursor:pointer; font-size:11px; height:28px; line-height:28px; padding-left:20px; color:#336699; border-top:1px solid #A9AEB2 }
#course_sections .selected { background-position:bottom left; color:#990000 }
#course_sections .accordion-header:first-child { border-top:none }
#course_sections .accordion-section { background:#ffffff; width:705px }
#course_sections .accordion-section .left { width:425px; margin:20px; margin-right:0; _margin-left:10px }
#course_sections .accordion-section .right { width:213px;  margin:20px; margin-left:0; _margin-right:10px }
#course_sections .available, #course_sections .not-available { width: 100px; text-align:center; position:absolute; top:0; left: 302px }
#course_sections .available { color:#339933 }
#course_sections .not-available { color:#626B72 }
#course_sections .semester {  position:absolute; right: 15px; top: 0; text-align:right }