@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#777777;
	background:url(../images/bg/home2.jpg) repeat-x;
}

.delete{
	color:#ff0000 !important;
	font-weight:bold;
}

.small{
	font-size:11px;
	color:#858585;
}

.approved{
	color:#090;
	font-size:10px;
}

.rejected{
	color:#ff0000;
	font-size:10px;
}

.awaiting{
	color:#F90;
	font-size:10px;
}

.school_bg{
	background:#ff961a !important;
}

.company_bg{
	background:#666666 !important;
}

.student_bg{
	background:#b6d72e !important;
}

#left .formatted_2{
	font-weight:bold;
	color:#1a6def;
}

.formatted_2{
	font-weight:bold;
}

.conditioned{
	color:#1a6def !important;	
}

.closed_job{
	opacity:0.65 !important;
	filter:alpha(opacity=65) !important;
}

.jobrow a:focus{
	outline:none !important;
}

a{
	color:#1A6DF9;
	text-decoration:none;
}

a.btn:focus{
	outline:none;
}


.sortable2{
	margin:0px !important;
	padding:0px !important;
	list-style-type:none !important;
}

.sortable2 li{
	background-image:none !important;	
}

.sortable{
	background:#efefef;
	float:left;
	padding:4px;
	border:1px solid #ccc;
	margin-bottom:10px;
	width:510px;
	cursor:move;
}

.groupLi{
	list-style-type:none;
	font-weight:bold;
	margin-bottom:5px;
	color:#1a6def;
	cursor:default;
}

.tip{
	font-style:italic;
	padding-bottom:5px;
	font-size:11px;
	display:inline;
}

.lightGreyBg{
	background:#efefef !important;
}

.error{
background:#FFEBE8;
border:1px solid #DD3C10;
text-align:left;
color:#333;
margin-bottom:10px;
float:left;
margin-top:10px;
display:block;
clear:both;
width:96%;
padding:2%;
}

.success{
background:#FFFABF;
border:1px solid #FFB900;
text-align:left;
color:#333;
float:left;
margin-bottom:10px;
margin-top:10px;
display:block;
clear:both;
width:96%;
padding:2%;
}

.notify{
background:#cde1fd;
border:1px solid #a7bedf;
padding:4px 13px 4px 13px;
text-align:left;
color:#333;
float:left;
width:630px;
margin-bottom:5px;
}

.filledBy{
	font-size:11px;
}

.notify ul{
	margin:0px !important;
}

.custom_field{
background:#cde1fd;
border:1px solid #a7bedf;
padding:4px 13px 4px 13px;
float:left;
display:block;
width:480px;
margin-top:5px;
position:relative;
}

.custom_field2{
background:#cde1fd;
border:1px solid #a7bedf;
padding:4px 13px 4px 13px;
float:left;
display:block;
width:480px;
margin-bottom:5px;
position:relative;
}

.custom_field .cfSelected{
	position:absolute;
	right:5px;
	top:5px;
}

.custom_field .addToForm{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-53px;
	margin-top:-8px;
	z-index:2;
	display:none;
	cursor:move;
	color:#fff;
	font-weight:bold;
}

.custom_field .bg{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background:#1A6DF9;
	z-index:1;
	display:none;
	cursor:pointer;
	opacity:0.6;
	filter:alpha(opacity=60);
}

.bold{
	font-weight:bold !important;
}

.restrict{
	float:left;
	display:inline;
	width:140px;
	margin-top:10px;
	display:none;
}

.restrict a:focus{
	outline:none;
}

.restrict p{
	padding:0px !important;
}

a:hover{
	text-decoration:underline;
}

.home{
	background:none !important;
	border:0px !important;
}

.autoFill{
	position:relative;
}

.autoFill ul li{
	margin:0px;
	padding:0px;
	
}

.autoFill ul{
	margin:0px;
	padding:0px;
	border:1px solid #ccc;
	list-style-type:none;
	position:absolute;
	top:50px;
	left:0px;
	border-bottom:0px;
	background:#ffffff;
}

.autoFill ul li a{
	padding:5px;
	border-bottom:1px solid #ccc;
	display:block;
	width:150px;
}

.fieldLabel{
	display:block;
	font-weight:bold;
	margin-bottom:5px;
	color:#666;
}

.field1{
	border:1px solid #ccc;
	background:#fff;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#888;
	font-size:12px;
	margin-bottom:5px;
}

#right .field1{
	width:165px;
	margin-bottom:2px;
}

#right .fieldLabel{
	margin-bottom:0px;
}

#right .dob{
	width:55px;	
}

.field2{
	border:1px solid #ccc;
	background:#fff;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#888;
	font-size:12px;
	width:590px;
	margin-bottom:5px;
}

.btn{
	border:1px solid #ccc;
	background:#fff;
	padding:4px 7px !important;
	font-family:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1A6DF9;
	cursor:pointer;
}


a.btn:hover{
	border:1px solid #1A6DF9;
	text-decoration:none;
}

.submit{
	margin-bottom:4px;
	display:inline-block;
	padding:3px 6px 2px 7px;
	height:21px;
}

#container{
	width:100%;
	margin:0 auto;
	border-top:1px solid #5694F9;
}

.clearer{
	clear:both;
}

.dots{
	width:950px;
	height:30px;
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
	float:left;
	position:relative;
	clear:both;
}

.dots-mid{
	width:500px;
	height:30px;
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
	float:left;
	position:relative;
	clear:both;
}

.line{
	width:657px;
	height:2px;
	overflow:hidden;
	border-bottom:3px solid #999;
	margin:10px 0px 10px 0px;
	float:left;
	position:relative;
	clear:both;
}

.line-mid{
	width:500px;
	height:10px;
	border-bottom:2px solid #999;
	margin-bottom:20px;
	float:left;
	position:relative;
	clear:both;
}

.dots .hide, .dots .show{
	position:absolute;
	right:10px;
	top:8px;
	background:url(../images/buttons/hide.jpg);
	width:49px;
	height:21px;
	display:block;
	font-size:0px;
	text-indent:-100000px;
	overflow:hidden;
	display:none;
}

a.show:focus, a.hide:focus{
	outline:none;
}

.dots .show{
	right:10px;
	top:12px !important;
	background:url(../images/buttons/show.jpg);
}

.closed{
	margin-bottom:30px;
	height:10px !important;
}

#main h1{
	background:#1A6DF9;
	margin:0px;
	padding:0px;
	font-size:18px;
	color:#fff;
	padding:5px 10px 5px 10px;
	margin-bottom:10px;
	
	
}

#main h2{
	color:#666;
	padding:0px 10px 0px 0px;
	margin:0px;
	margin-top:10px;
	margin-bottom:5px;
	font-size:14px;
	margin-bottom:5px;
	display:block;
}

#main h3{
	color:#757575;
	font-size:12px;
	display:block;
	padding:0px !important;
	margin:0px !important;
}


#topControls{
	width:950px;
	float:left;
	display:inline;
}

#header{
	width:100%;
	height:106px;
	float:left;
	display:inline;
	background:url(../images/bg/header2.jpg) repeat-x;
}

#header .error, #header .success{
	position:absolute;
	top:-38px;
	left:0px;
	color:#ff0000;
	margin-top:-5px !important;
}

#header .success{
	color:#333333;
}

.content{
	width:1000px;
	margin:0px auto;
	position:relative;
}

#fgtPwdDiv{
	position:absolute;
	right:90px;
	top:110px;
	display:none;
}

#fgtPwdDiv #emailMe{
	background:url(../images/buttons/email-me.gif);	
	width:130px;
	height:32px;
	font-size:0px;
	text-indent:-10000px;
	border:0px;
	overflow:hidden;
	cursor:pointer;
}


#fgtPwdDiv #emailForgot{
	background:url(../images/buttons/field.gif) no-repeat;
	border:0px;
	width:130px;
	height:24px;
	padding:8px 10px 0px 10px;
	float:left;
	display:inline;
	margin-right:5px;
}

#login{
	width:480px;
	height:51px;
	position:absolute;
	top:50px;
	right:15px;
	background:url(../images/bg/login.jpg) no-repeat;
}

#login label{
	display:none;
}

#login #emailLogin, #login #passwordLogin{
position:absolute;
left:3px;
top:20px;
border:1px solid #fff;
font-family:Arial, Helvetica, sans-serif;
color:#6b6b6b;
font-size:12px;
width:137px;
padding:0px 0px 0px 5px
}
#login #passwordLogin{
	left:162px;
}

#login #submitLogin{
	background:none;
	border:0px;
	position:absolute;
	left:315px;
	top:17px;
	width:90px;
	height:26px;
	cursor:pointer;
	text-indent:-100000px;
	font-size:0px;
	overflow:hidden;
}



#login #fgtPwd{
	position:absolute;
	left:410px;
	top:15px;
	font-size:11px;
	text-decoration:none;
	color:#BCD5FE;
}

#login a#fgtPwd:hover{
	color:#ffffff;
}

#nav{
	position:absolute;
	top:101px;
	left:25px;
}

#nav ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#nav ul li{
	float:left;
	display:inline;
}

#nav ul li a{
	color:#6d6d6d;
	text-decoration:none;
	font-weight:bold;
	font-size:15px;
	padding:16px 10px 10px 10px;
	background:url(../images/bg/nav_a.jpg) no-repeat;
	background-position:0px 5px;
	display:block;
}

#nav ul li a:hover{
	color:#1A6DF9;
	border-top:5px solid #1A6DF9;
	padding:11px 10px 10px 10px;
}

#nav .first{
	background-position:-10px 0px;
}

#topRightLinks{
	margin:0px;
	padding:0px;
	list-style-type:none;
	position:absolute;
	top:20px;
	right:20px;
	font-size:11px;
}

#topRightLinks .last{
	margin-right:0px;
	border-right:0px;
	padding-right:0px;
}

#topRightLinks li{
	float:left;
	display:inline;
	margin:0px;
	padding:0px;
}

#topRightLinks li a{
	color:#ffffff;
	padding-right:3px;
	border-right:1px solid #82affb;
	margin-right:3px;
}

#usernav{
	position:absolute;
	top:50px;
	right:20px;
	height:36px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	height:36px;
	display:block;
	float:left;
}

#usernav li{
	float:left;
	display:inline;
}

#usernav li a{
	padding:5px 7px 5px 5px;
	margin-right: 1px;
	display:inline-block;
	background:#6ea3ff;
	text-decoration:none;
	color:#ffffff;
}

#usernav li a:hover{
	color:#1A6DF9;
	background:#99bbf4;
}

#usernav .last{
	margin-right:0px !important;
}

#userLeft{
	position:absolute;
	left:-7px;
	width:7px;
	height:36px;
	background:url(../images/bg/user_nav_left.jpg) no-repeat;
}
#userRight{
	position:absolute;
	right:-7px;
	width:7px;
	height:36px;
	background:url(../images/bg/user_nav_right.jpg) no-repeat;
}



#main{
	width:1000px;
	margin:0px auto;
	padding:0px 0px 0px 0px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #fff;
	background:#ffffff;
	padding-top:10px;
	min-height:680px;
	height:auto !important;
	height:680px;

}

#main p, #main form, #stuSearch, #coSearch{
	line-height:20px;
	padding:0px 0px 0px 0px;
	
}

#welcome{
	width:620px;
	float:left;
}

#leftside{
	width:640px;
	float:left;
	display:inline;
	margin:10px 10px 10px 25px;
}

#rightside{
	width:289px;
	float:left;
	display:inline;
	margin:10px 0px 10px 0px;
	border-left:1px dotted #ccc;
	padding-left:10px;
}

#main #left{
	width:120px;
	float:left;
	display:inline;
	padding-right:10px;
	padding-left:25px;
	padding-top:5px;
	border-right:1px dotted #ccc;
	margin-right:9px;
	font-size:11px;
	margin-top:10px;
}

#main #left ul, #main #right ul{
	width:110px !important;
	margin:0px 0px 0px 0px !important;
}

.featured{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

.featured li{
	margin-top:4px;
	padding-bottom:4px;
	border-bottom:1px solid #ccc;
	display:block;
}

#main #left p{
	line-height:15px !important;
}

#main #middle{
	width:660px;
	float:left;
	display:inline;
	padding:5px;
	padding-top:0px;
	margin-top:10px;
	position:relative;
}

#managePage{
	position:absolute;
	top:90px;
	left:60px;
	z-index:10;
	background:#1a6def;
	color:#ffffff;
	font-weight:bold;
	padding:10px;
	border:1px solid #ffffff;
}

#main #middle ul{
	list-style-type:none;
	margin:5px 0px 0px 10px;
	padding:0px;
	display:block !important;
}

#middle ul li{
	background:url(../images/bullets/bullet.gif) no-repeat scroll 0px 1px;
	padding-left:15px;
	margin-bottom:5px;
}

#main #right{
	width:120px;
	float:left;
	display:inline;
	padding-left:5px;	
	padding-right:5px;
	padding-top:5px;
	border-left:1px dotted #ccc;
	margin-left:9px;
	margin-top:10px;
	font-size:11px;
	background:#ffffff;
	z-index:100 !important;
	position:relative !important;
}

#schoolLogo{
	position:absolute;
	left:190px;
	top:65px;
	border:2px solid #f4369a;
	background:#f7bcdb;
	padding:10px;
}

#schoolLogo img{
	border:2px solid #ffffff;
	margin-bottom:10px;
	margin-left:4px;
}

#schoolLogo h3{
	color:#f4369a;
	font-size:14px;
	margin:0px 0px 10px 6px !important;
	display:block;
}

.block{
	width:120px;
	float:left;
	display:inline;
	margin-bottom:10px;
}

.block h1{
	background:#1A6DF9;
	margin:0px;
	padding:0px;
	font-size:12px !important;
	color:#fff;
	padding:3px 6px 3px 6px !important;
	margin-bottom:0px !important;
	border:1px solid #1A6DF9;	
	width:108px;
}




ul.controls {
	margin:0px;
	padding:5px;
	list-style-type:none;
	margin:0px 0px 10px 0px;
	border:1px solid #1a6def;
	border-top:0px;
}

.formatted{
	margin:5px 0px 15px 10px;
	border-collapse:collapse;
}


ul.controls li a, .formatted td{
	padding:3px 0px 3px 0px !important;
	border-bottom:1px solid #cfcfcf;
	color:#6b6b6b;
	text-decoration:none;
	display:block;
}

.pad{
	padding:0px 15px 0px 15px !important;
}

.formatted td{
	display:table-cell;
	background:none #fff;
	border-top:1px solid #fff;
	padding-left:10px;
	padding:5px 5px 7px 5px !important;
}

ul.controls li a:hover{
	color:#1a6def;
}

.userCount{
}

.counter{
	float:left;
	display:inline;
	clear:both;
	margin-left:10px;
	margin-top:10px;
}

.qp_counter{
	margin-left:10px;
	margin-right:10px;
}

.green{
	background:#b3d624 !important;
	border:1px solid #b3d624 !important;
}

.pink{
	background:#f4369a !important;
	border:1px solid #f4369a !important;
}

.grey{
	background:#333333 !important;
	border:1px solid #333 !important;
}

.pink-b{
	background:url(../images/bullets/pink.gif) no-repeat #efefef !important;
	background-position:5px 10px !important;
}

.grey-b{
	background:url(../images/bullets/grey.gif) no-repeat #efefef !important;
	background-position:5px 10px !important;
}

.green-b{
	background:url(../images/bullets/green.gif) no-repeat #efefef !important;
	background-position:5px 10px !important;
}

a.green:hover{
	background:#888 !important;
}






h1 a{
	color:#ffffff !important;
	display:block;
}

h1 a:hover{
	color:#CCE6FF !important;
	text-decoration:none !important;
}

h1 a:focus{
	outline:none;
}



.outline{
	width:155px;
	color:#1A6DF9 !important;
	background:#ffffff !important;
	border:1px solid #1A6DF9;
}

.advert{
	width:300px;
	margin:0px 0px 10px 30px;
	float:left;
	display:inline;
	background:#ddd;
	height:250px;
	position:relative;
}

.advert p{
	position:absolute;
	bottom:-17px;
	width:300px;
	text-align:center;
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#bbb;
}

#signup{
	width:942px;
	float:left;
	height:260px;
	background:url(../images/bg/signup.jpg) no-repeat;
	background-position:-3px 0px;
	padding:8px 0px 0px 12px;
	margin:20px 0px 20px 0px;
}

#signup .signup{
	width:260px;
	height:250px;
	display:block;
	font-size:0px;
	text-indent:-10000px;
	overflow:hidden;
	margin-right:69px;
	float:left;
}

#features{
	width:950px;
	height:110px;
	background:url(../images/bg/features.jpg) no-repeat;
	float:left;
	display:inline;
}

#footer{
	width:100%;
	float:left;
	display:inline;
	background:url(../images/bg/footer.jpg) repeat-x #575757;
	margin-top:15px;
	font-size:11px;
	padding-bottom:10px;
}

#footer .content{
	width:950px;
	padding:10px 25px 0px 25px;
}

#footer h2{
	margin:0px;
	padding:0px;
	color:#939393;
	font-size:14px;
	margin-bottom:5px;
}

#footer ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	margin-bottom:10px;
}

#footer ul li a{
	padding-left:14px;
	background:url(../images/bullets/footer.gif) no-repeat;
	background-position:0px 5px;
	color:#828282;
	text-decoration:none;	
}

#f-left{
	width:185px;
	padding:0px 20px 0px 0px;
	border-right:1px dotted #575757;
	float:left;
	display:inline;
}

#f-middle{
	width:495px;
	padding:0px 20px 0px 20px;
	border-right:1px dotted #575757;
	float:left;
	display:inline;
}

#f-middle ul{
	width:500px;
}

#f-middle ul li{
	width:250px;
	float:left;
}

#f-right{
	width:185px;
	padding:0px 0px 0px 20px;
	float:left;
	display:inline;
}

#f-right ul li{
	float:left;
	margin-right:20px;
}

.facebook{
	background:url(../images/bg/facebook.jpg) no-repeat !important;
	height:18px;
	padding-left:23px !important;
	display:block;
	padding-top:2px;
	margin-bottom:10px;
}

.twitter{
	background:url(../images/bg/twitter.jpg) no-repeat !important;
	height:18px;
	padding-left:23px !important;
	display:block;
	padding-top:2px;
	margin-bottom:10px;
}

#footer a:hover{
	color:#ccc;
}

#footer .normal{
	background:none !important;
	padding-left:0px !important;
}


.hidden, .hidden2{
	display:none;
}

#homepageImageEdit{
	float:left;
	width:270px;
	height:220px;
}

#homepageImageEdit a img{
	border:1px solid #ccc	
}

#homepageImageEdit a:hover img{
	border:1px solid #1A6DF9;
}

#homepageControls{
	float:left;
	width:228px;
	height:220px;
	float:left;
	margin-left:10px;
	display:inline;
}

#homepageControls ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#homepageControls ul li a.btn{
	width:213px;	
	float:left;
	margin-bottom:3px;
}

#homepageManage{
	width:480px;
	height:160px;
	float:left;
	display:inline;
	margin-top:10px;
	padding:10px;
	border:1px solid #ccc;
	position:relative;
}

#homepagePreview{
	width:140px;
	height:160px;
	border:1px solid #ccc;
	position:absolute;
	top:10px;
	right:10px;
}

#homepageHeadingP{
	width:120px;
	height:10px;
	background:#1A6DF9;
	position:absolute;
	top:10px;
	left:10px;
	z-index:400;
}

#homepageImageP{
	width:53px;
	height:40px;
	background:#efefef;
	border:1px solid #ccc;
	position:absolute;
	top:30px;
	left:10px;
	z-index:400;
}

#homepageLinksP{
	width:55px;
	height:40px;
	position:absolute;
	left:75px;
	top:30px;
	z-index:400;
}

#homepageLinksP a{
	width:50px;
	display:block;
	float:left;
	overflow:hidden;
	line-height:4px;
	padding:1px 0px 0px 3px;
	height:6px;
	border:1px solid #ccc;
	font-size:4px;
	margin-bottom:2px;
	z-index:400;
	background:#ffffff;
}

#homepageMainTextP{
	width:120px;
	left:10px;
	top:80px;
	font-size:4px;
	line-height:7px;
	position:absolute;
	z-index:400;
}

form .expandable{
	margin-left:0px !important;
}

.expandable{
	float:left;
	display:inline;
	background:#cde1fd;
	border:1px solid #a7bedf;
	color:#777;
	width:635px;
	padding:10px;
	margin-left:0px;
	margin-top:10px;
	position:relative;
}

.floatable{
	float:left;
	display:inline;
	margin-right:5px;
	padding:0px !important;
	min-height:60px;
	height:auto !important;
	height:60px;
}

.floatable2{
	float:left;
	display:inline;
	margin-right:5px;
	padding:0px !important;
}

.expandable .success, .expandable .error{
	width:610px;
	padding:10px;
}

.expandable div{
	display:none;
	padding-top:20px;
}

.expandable form{
	padding:5px !important;
	background:#e1edfe;
}

.expandable .employ_hist{
	display:block;
	float:left;
	display:inline;
	padding:3px 0px;
	border-bottom:1px solid #999;
	width:480px;
}

.expandable .clearer{
	padding:0px !important;
}

.expandable h2{
	margin:0px !important;
	padding:0px !important;
}

.expandable div h2{
	font-size:12px !important;
}

.expLink{
	float:right;
	position:absolute;
	right:10px;
	top:12px;
	font-size:10px;
	letter-spacing:1px;
}

a.expLink:focus{
	outline:none;
}

.expandable div table{
	border-collapse:collapse;
}

.expandable div table tr{
	border-bottom:1px solid #a7caf4;
}

.expandable div table tr td{
	padding:5px 0px;
}

.network{
	background:url(../images/icons/network.gif) no-repeat !important;
	background-position:0px 0px !important;
	padding-left:18px !important;
	display:block;
}


#jobtop{
	width:598px;
	background:#efefef;
	float:left;
	display:inline;
	border:1px solid #cccccc;
	padding:10px;
	margin-bottom:20px;
}

#jobtop #left, #jobtop #right{
	border:0px;
	padding:0px !important;
	margin:0px !important;
	font-size:12px;
}

#jobtop p{
	padding:0px;
	margin:0px;
	margin-bottom:2px;
}

#jobtop #left{
	width:420px;
	float:left;
	display:inline;
}

#jobtop #right{
	width:135px;
	float:right;
	display:inline;
}

#jobtop #right img{
	padding:3px;
	border:1px solid #ddd;
	background:#fff;
}

#jobtop h2{
	padding:0px;
	margin:0px 0px 5px 0px;
}


.expandable div ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	margin-bottom:20px !important;
	float:left;
}


#application_form{
	float:left;
	display:none;
	width:510px;
	padding:10px;
}

#application_form form{
	margin:0px;
	padding:0px;
}

#application_form input[type='button']{
	margin-top:10px;	
}


#home_image{
	width:270px;
	height:220px;
	float:left;
	display:inline;
	margin-right:15px;
	position:relative;
}

#home_links{
	width:363px;
	float:left;
	display:inline;
}

#home_links ul{
	margin:0px !important;
	padding:0px !important;
	margin-bottom:15px !important;
}

#home_links ul li{
	background:none !important;
	padding:0px;
}

#home_links ul li a{
	padding:7px 9px;
	background:#efefef;
	display:block;
	width:320px;
}

#co_top{
	width:650px;
	float:left;
	margin-bottom:20px;
}










/************JQUERY DATEPICKER*******/

/* Datepicker
----------------------------------*/
#ui-datepicker-div{ background:#ffffff; border:1px solid #1a6def; padding: 10px; display:none }
.ui-datepicker {width: 17em;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}