/**

Berwick TEC website - Course Selector CSS
------------------------------------
Millipede Creative Development

The course selector is a form that is transformed into a dropdown list via Javascript.

*/


/* Javascript list panel */

a.collapsed 		{ background: url(../img/css/course-selector-bg.png) 0px 0px no-repeat;		}
a.collapsed:hover 	{ background: url(../img/css/course-selector-bg.png) 0px -42px no-repeat;		}
a.expanded 			{ background: url(../img/css/course-selector-bg.png) 0px -84px no-repeat;		}
a.expanded:hover 	{ background: url(../img/css/course-selector-bg.png) 0px -126px no-repeat;	}

a.course-selector-dropdown_main_link {
	height: 24px
}
a.course-selector-dropdown_main_link, .course-selector-dropdown a {
	width: 223px;
	display: block;
	padding: 12px 15px 8px;
	font-size: 1.2em;
	text-decoration: none
}
.course-selector-dropdown_ul_list li a {
	font-size: 1.1em;
	padding: 4px 15px 4px;
}
ul.course-selector-dropdown_ul_list {
	list-style: none;
	width: 253px;
	padding: 11px 0px 0px;
	background: url(../img/css/course-selector-bg-big.png) 0px 0px no-repeat;
}
li.course-selector-dropdown_li_last {
	background: url(../img/css/course-selector-bg-big.png) 0px bottom no-repeat;
	width: 253px;
	padding: 0px 0px 11px;
}
.course-selector-dropdown_ul_list li a {
	background: url(../img/css/red-underline.png) 0px 50px no-repeat;
}
.course-selector-dropdown_ul_list li a:hover {
	background: url(../img/css/red-underline.png) 0px bottom no-repeat;
}

/* No Javascript form */

.course-selector-dropdown select {
	width: 190px;
	margin: 10px 0px;
	background: #FFF;
	border: 1px solid #c41e29;
	color: #3A6AB0
}
.course-selector-dropdown input {
	width: 50px;
	color: #3A6AB0;
	font-weight: bold;
	background: #FFF;
	border: 1px solid #c41e29
}