/* 
    Document   : form
    Created on : Apr 29, 2010, 11:01:16 AM
    Author     : pallavi
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(../img/checkbox.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url(../img/radio.gif) no-repeat;
}

.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	/*font: 12px/21px arial,sans-serif;*/
	background: url(../img/select.png) no-repeat;
	overflow: hidden;
}
.select {
background:url("../img/selectBg.png") no-repeat scroll 0 0 transparent;
border:medium none;
color:#5E5E5E;
float:left;
font-size:12px;
margin:0 30px 10px 0;
padding:8px 10px 9px;
width:205px;
position:relative;
line-height:19px;
height:14px;
}
.specialization .select {
	background: url(../img/alumniSelectBg.jpg) no-repeat;
	width: 150px;
	padding:0 5px;
	color:#000;
	margin:0;
}
.year .select {
	background: url(../img/alumniYearSelectBg.jpg) no-repeat;
	width: 95px;
	padding:0 5px;
	color:#000;
	margin:0;
}

select.styled {
display:block;
float:left;
opacity:0;
position:absolute;
width:225px;
height:30px;
z-index:5;
}
.specialization select.styled, .year select.styled {
	float:none;
}
.specialization .select, .year .select {
	position:absolute;
	line-height:21px;
	height:21px;
}
.specialization select.styled, .year select.styled {
	width:160px;
	height:21px;
}
.specialization select.styled option, .year select.styled option {
	background:#fff;
	color:#000;
}
.year select.styled {
	width:105px;
	height:21px;
}