/* ############################## LAYOUTS + DEFAULTS ################################### */
.col-30{
	width: 200px;
	float: left;
	border-right: 1px dashed #333333;
}
.col-60{
	width: 480px;
	float: left;
	padding-left: 20px;
}
.mceToolbar{
	width: auto !important;
}
.button{
	cursor: pointer;
}

.hslice{
	font-family:Arial, Helvetica, sans-serif
}


.plain{
	color:#400000;
	background-image: none;
	font-size: 1.8em;
	padding: 7px 0px 0px 7px;
}

.date{
	float: left;
	display: block;
	width: 100px;

}
.title{
	float: left;
	width: 205px;
	display: block;

	margin-bottom: 5px;
}

table td{ vertical-align: top}

.cell-good{
	padding: 0px !important;
	
}
.cell-warning{
	padding: 0px !important;
}
.cell-bad{
	padding: 0px !important;
}

.changeLink{
	size: 0.8em;

}

.row-odd td{
	padding: 0px 3px;

}
.row-even td{
	padding: 0px 3px;

}
.row-odd-new td{
	padding: 0px 3px;

}
.row-even-new td{
	padding: 0px 3px;

	
}
.row-odd td .new{
	display: none;
}
.row-even td .new{
	display: none;
}


.row-underline td{

}

.row-unathorised td{
	padding: 0px 3px;

	
}
.row-overtime td{
	padding: 0px 3px;

}
.row-late td{
	padding: 0px 3px;

}

div.button{
	padding: 3px 4px;
	float: left;
	cursor: pointer;
}
.td-sort{
	cursor: pointer;
	background-position: right center;
	background-repeat: no-repeat;
}
.td-sort.alpha{
	background-image: url(/images/sort-alpha.png);
}
.td-sort.numr{
	background-image: url(/images/sort-num-r.png);
}

.tooltip{
	cursor: help;
	margin: 10px 10px 10px 0px;
	position: relative;
}
.tooltip span{
	display: none;
}
.tooltip:hover span{
	display: block;
	width: 330px;
	position: absolute;
	z-index: 2000;
	
	padding: 15px ;
	top: 5px;
	left: 7px;
	text-decoration: none;
}

.tooltip.left:hover span{
	display: block;
	width: 330px;
	position: absolute;
	z-index: 2000;

	padding: 15px ;

	top: 5px;
	left: -355px;
	text-decoration: none;
}

.submenu{
	position: absolute; 
	top: 30px; 
	left: 962px;
	width: 200px;
}

/* ############################## ICONS ################################### */
.iconset .radio{
	float: left;
	padding: 5px;
	width: 16px;
	height: 16px;
	margin: 2px;
	cursor: pointer;
}
.ui-dialog{
	font-size: 0.8em !important;
}
.ui-dialog td{
	text-align: left !important;
}
.ui-button{
	font-size: 0.8em !important;

}
.btn-lock{
	padding-left: 16px !important;
	background-image: url(/images/lock.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-login{
	padding-left: 16px !important;
	background-image: url(/images/login.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-logout{
	padding-left: 16px !important;
	background-image: url(/images/logout.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-newcrew{
	padding-left: 16px !important;
	background-image: url(/images/user_add.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}

.btn-reset{
	padding-left: 16px !important;
	background-image: url(/images/reset-password.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-cancel{
	padding-left: 16px !important;
	background-image: url(/images/cross.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-canc{
	background-image: url(/images/cross.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-confirm{
	padding-left: 16px !important;
	background-image: url(/images/tick.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-forget{
	padding-left: 16px !important;
	background-image: url(/images/forget.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-changetimes{
	padding-left: 16px !important;
	background-image: url(/images/changetime.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-print{
	background-image: url(/images/print.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-edit{
	padding-left: 16px !important;
	background-image: url(/images/edit.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-shiftcontrol{
	padding-left: 16px !important;
	background-image: url(/images/shift-control.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-timeline{
	padding-left: 16px !important;
	background-image: url(/images/resize-shift.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-returnshift{
	background-image: url(/images/return_shift.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-add{
	padding-left: 16px !important;
	background-image: url(/images/add.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-delete{
	padding-left: 16px !important;
	background-image: url(/images/delete.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-del{
	background-image: url(/images/delete.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-save{
	padding-left: 18px !important;
	background-image: url(/images/save.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-restore{
	background-image: url(/images/restore.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-giveshift{
	padding-left: 16px !important;
	background-image: url(/images/sendshiftto.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-nightoff{
	padding-left: 16px !important;
	background-image: url(/images/nightoff.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-personalmessage{
	padding-left: 16px !important;
	background-image: url(/images/personal-message.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-pagenext{
	padding-left: 16px !important;
	background-image: url(/images/page-right.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-pageprevious{
	padding-left: 16px !important;
	background-image: url(/images/page-left.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-removeimage{
	padding-left: 16px !important;
	background-image: url(/images/photo-remove.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-filter{
	padding-left: 16px !important;
	background-image: url(/images/filter.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-process{
	padding-left: 16px !important;
	background-image: url(/images/process.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-detail{
	padding-left: 16px !important;
	background-image: url(/images/detail.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-email{
	padding-left: 16px !important;
	background-image: url(/images/email.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-email{
	padding-left: 16px !important;
	background-image: url(/images/upload.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-manage{
	padding-left: 16px !important;
	background-image: url(/images/list.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-vote{
	padding-left: 16px !important;
	background-image: url(/images/vote.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-back{
	padding-left: 16px !important;
	background-image: url(/images/back.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-content-report-sm{
	background-image: url(/images/content-report.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-content-report-lg{
	padding-left: 16px !important;
	background-image: url(/images/content-report.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-vote-like{
	padding-left: 16px !important;
	background-image: url(/images/vote-yes.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-vote-dislike{
	padding-left: 16px !important;
	background-image: url(/images/vote-no.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-calendar{
	padding-left: 16px !important;
	background-image: url(/images/calendar.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-summary{
	padding-left: 16px !important;
	background-image: url(/images/summary.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-take{
	padding-left: 16px !important;
	background-image: url(/images/take.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-pre{
	padding-left: 16px !important;
	background-image: url(/images/nav-pre.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-nex{
	padding-right: 16px !important;
	background-image: url(/images/nav-nex.png)!important;
	background-repeat: no-repeat !important;
	background-position: center right !important;
}
.btn-uniform{
	padding-left: 16px !important;
	background-image: url(/images/uniform.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
.btn-ok{
	padding-left: 16px !important;
	background-image: url(/images/ok.png)!important;
	background-repeat: no-repeat !important;
	background-position: 3px 4px !important;
}
/* ############################## INDEX ################################### */
.color{
	border: 1px solid #000;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
/* ############################## INDEX ################################### */

.index h3{
	float:left;
}
.homebox ul img{
	position: relative;
	top: 3px;
}
.icontitle {
	width: 350px;
	float:left;
}
.icon{
	position: relative;
	top: +6px;
	float: left;
	margin-right: 10px;
	width: 16px !important;
	height: 16px !important; 
}
#index_newsbox li{
	clear: left;
}



.contact_form td{
	vertical-align: top;
	border-bottom: 1px solid #333333;
	padding-bottom: 5px;
	padding-top: 5px;
}



/* ############################## SQUADS ################################### */

.squad-list{
	clear: left;
}
.squad-list .member{
	padding-left: 20px;
	background: url(images/squad-user.png) no-repeat center left;
	cursor: move;
}
.squad-list .leader{
	padding-left: 20px;
	background: url(images/squad-leader.png) no-repeat center left;
	cursor: move;
}
.squad-list .empty{
	color:#333333;
}
.squad-box{
	float: left;
	width: 240px;
	padding-bottom: 20px;
}
.squad-box h4{
	color: #fdbb7a;
	float: left;
}
.squad-box .header{
	width: 100%;
}
.squad-box .header input{
	margin-bottom: 1px;
}
.squad-box .controls{
	float: right;
	width: 80px;
}
.squad-box .controls img{
	float: left;
}


/* ############################## ALERTS ################################### */

.alert{
	padding: 0px;
	margin: 20px 40px 20px 0px;
	border: 5px solid #FF3300;
}
.alert h3{
	background-color: #FFF;
}
.alert .message{
	padding: 20px;
	background-color: #FFF;
}
.alert .signoff{
	text-align:right;
	padding: 10px 20px 10px 0px;
	background: #000000;
}
.alert .alert-by{
	float: right;
	color: #CCCCCC;
}

/* ############################## UI MESSAGES ################################### */
.large_info{
	background-color: #6DB0FF;
	background-image: url(images/modal_info.png);
	background-repeat:no-repeat;
	background-position:5px 3px;
	padding: 10px 5px 5px 75px;
	border: #001F5A solid 1px;
	font-size: 1em;
	color: #000000;
	margin: 5px;
	min-height: 50px;
	_height: 50px;
	 -moz-border-radius: 6; -webkit-border-radius: 6; border-radius: 6; 
}
.large_info a{
	color: #0055FF;
}
.large_info a.abtn{
	color: #FFF;
}
.large_info a:hover.abtn{
	color: #0055FF;
}
.small_info{
	background-color: #fff084;
	background-image: url(images/messages_info_small.jpg);
	background-repeat:no-repeat;
	padding: 2px 2px 2px 20px;
	border: #CC3300 solid 1px;
	font-size: 1em;
	color: #000000;
	margin: 5px;
	 -moz-border-radius: 6; -webkit-border-radius: 6; border-radius: 6; 
}


.large_success{
	background-color: #92ff8f;
	background-image: url(images/modal_success.png);
	background-repeat:no-repeat;
	padding: 10px 5px 5px 75px;
	background-position:5px 3px;
	border: #006600 solid 1px;
	font-size: 1em;
	color: #000000;
	margin: 5px;
	min-height: 50px;
	_height: 50px;
	 -moz-border-radius: 6; -webkit-border-radius: 6; border-radius: 6; 
}
.large_success a{
	color:#336600;
}
.small_success{
	background-color: #B7F087;
	background-image: url(images/messages_success_small.jpg);
	background-repeat:no-repeat;
	padding: 2px 2px 2px 20px;
	border: #559328 solid 1px;
	font-size: 1em;
	color: #000000;
	margin: 5px 40px 5px 0px;
	 -moz-border-radius: 6; -webkit-border-radius: 6; border-radius: 6; 
}

.large_error{
	background-color: #F7817D;
	background-image: url(images/modal_error.png);
	background-repeat:no-repeat;
	background-position:5px 3px;
	padding: 10px 5px 5px 75px;
	border: #B91111 solid 1px;
	font-size: 1em;
	color: #000000;
	margin: 5px;
	min-height: 50px;
	_height: 50px;
	 -moz-border-radius: 6; -webkit-border-radius: 6; border-radius: 6; 
}
.large_error a{
	color: #990000;
}
.small_error{
	background-color: #ffabab;
	background-image: url(images/messages_error_small.jpg);
	background-repeat:no-repeat;
	padding: 2px 2px 2px 20px;
	border: #FF0000 solid 1px;
	font-size: 1em;
	color: #000000;
	margin: 5px 40px 5px 0px;
	 -moz-border-radius: 6; -webkit-border-radius: 6; border-radius: 6; 
}
.large_warning{
	background-color: #FAD57C;
	background-image: url(images/modal_warning.png);
	background-repeat:no-repeat;
	background-position:5px 3px;
	padding: 10px 5px 5px 75px;
	border: #EF941F solid 1px;
	font-size: 1em;
	color: #000000;
	margin: 5px;
	min-height: 50px;
	_height: 50px;
	 -moz-border-radius: 6; -webkit-border-radius: 6; border-radius: 6; 
}
.small_warning{
	background-color: #FAD57C;
	padding: 2px 2px 2px 20px;
	border: #EF941F solid 1px;
	font-size: 1em;
	color: #000000;
	margin: 5px 40px 5px 0px;
	 -moz-border-radius: 6; -webkit-border-radius: 6; border-radius: 6; 
}
#helpbox{
	background-color: #f4a298;
	background-image: url(images/modal_help.png);
	background-repeat:no-repeat;
	background-position:5px 3px;
	padding: 10px 5px 5px 70px;
	border: #B91111 solid 1px;
	font-size: 1em;
	color: #000000;
	margin: 5px;
	min-height: 55px;
	_height: 55px;
	position: absolute;
	top: -192px;
	left: 206px;
	z-index: 3000;
}

/* ############################## LOCK ################################### */

.lock #login{
	margin-top: 200px;
}


/*############################################## LIBRARY ##########################*/
#library_content{
	float:left;
	width: 540px;

}
#library_menu{
	float:left;
	width: 230px;
	padding-left:10px;
	border-left: #999999 1px solid;
}
#library_menu ul{
	margin-left: 12px;
	list-style: disc;
}
/*############################################## TRAINING #########################*/
.split-left{
	float: left;
	width: 170px;
}
.split-right{
	float: left;
	width: 540px;
}
.stage{
	float: left;
	width: 230px;
	height: 200px;
	padding: 10px;
	margin: 10px;
	background-color:#333333;
	color: #FF6600;
	text-align: center;
	border: 2px solid #FF6600;
	position:relative;
}
.stage .inprogress{
	position: absolute;
	top: 70px;
	display: block;
	color: #FFCC00;
	font-size: 0.8em;
	width: 200px;
	left: 25px;
	text-align: center;
}
.stage .complete{
	position: absolute;
	top: 70px;
	display: block;
	color:#33CC00;;
	font-size: 0.8em;
	width: 200px;
	left: 25px;
	text-align: center;
}
.stage .links{
	position: absolute;
	top: 140px;
	display: block;
	width: 200px;
	left: 25px;
	text-align: center;
}

.module{
	float: left;
	width: 230px;
	height: 200px;
	padding: 10px;
	margin: 10px;
	background-color:#333333;
	color: #FFFFFF;
	text-align: center;
	border: 2px solid #FF6600;
	position:relative;
}
.module h5{
 	font-size: 20px;
}
.module span{
	display: block;
	color: #FFCC00;
	font-size: 0.8em;
	width: 230px;
	text-align: center;
	position: absolute;
	top: 170px;
	left: 10px
}
.module span a{
	color: #33CC00;
}
/*############################################## CREW EVENTS ######################*/



#exisiting-choices .title{
	width: 100px;
}

#exisiting-choices .value{
	width: 100px;
	float: left;
}

#exisiting-choices img{
	float: left;
}



/*############################################## LOG ##############################*/
.log_block{
	float: left;
	border-bottom: 1px solid #999999;
}
.log_icon{
	float: left;
	width: 20px;
	height: 20px;
}
.log_datetime{
	float: left;
	width: 130px;
	height: 20px;
}
.log_user{
	float: left;
	width: 120px;
}
.log_message{
	float: left;
	width: 425px;
}
#logcontrol{
	padding-bottom: 20px;
}
#logcontrol .col{ 
	width: 230px;
	float: left;

}
#logcontrol .block{
	float: left;
	clear: left;
}
#usercontrol{
	padding-bottom: 20px;
}
#usercontrol .col{ 
	width: 230px;
	float: left;

}
#usercontrol .block{
	float: left;
	clear: left;
}
/* ############################## SHIFTS ################################### */
 
 .shift_details .eventtitle{
	 float: right;
	 width: 300px;
	 text-align: center;
 }
 
 .shift_details{
 	font-size: 1.1em;
	width: 400px;
 }
 .shift_details .date{
 	font-size: 1.5em;
	color: #cecece;
	float: none;
	width: 300px;
	
 }
  .shift_details .time{
 	font-size: 1.5em;
	color: #000000;
	float: none;
 }
 .shift_details .eventtime{
 	padding-top: 10px;
 }
 
 .shift_details .cover{
 	font-weight: bold;
	padding-top: 10px;
 }
 .shift_details .group{
 	padding-top: 10px;
 }

 .shift_reports ul{
 	list-style: none;
 }
 .shift_event_details{
 	width: 300px;
	float: right;
 }
 #collegue_box{

	clear:both;
	display:inline-block;
 }
 #collegue_box h3{
 	clear:both;
 }

  #collegue_box .pic_box img{
  	height: 80px;
	width: 80px;
  }
  #collegue_box a{
  	text-decoration: none;
  }
 #collegue_box .pic_box{
 	float:left;
	width: 100px;
	text-align: center;
	margin-bottom: 10px;
	height: 110px;
 }
 #collegue_box .pic_box img a{
 	text-decoration: none;
 }
 .calendar_date{
 	font-size: 2em;
	color:#1084C8;
	float:right;
	margin-right: 5px;
	position: absolute;
	right: 0px;
	top: -37px;
 }
 .shift_list_title{
 	font-size: 1.1em;
	font-weight: bold;

 }
 
 .shift_calendar{
	margin: 0px 5px 0px 5px;
	padding: 0% 1%;
	clear:both;
 }
 
 .cal_daytitle{
 	width: 14%;
	font-size:1.2em;
	font-weight: bold;
	text-align:center;
 }
 
 .cal_date{
	text-align:center;
	font-weight:bold;
 }
 .cal_details{
	color: #1084C8;
 }
  .cal_details a{
  	color: #1084C8;
	font-size: 1.2em;
	text-decoration: none;
 }
 .cal_details a:hover{
  	color: #0D6599;
 }

 .cal_today{
	text-align:center;
	font-weight:bold;
	font-size: 1.2em;
 }
 
 .cal_nav_right{
 	text-align:right;
 }
 
 .cal_details a .span{
 	display: none;
 }
 #cal_details_popup_right{
 	position: absolute;
	display: block;
	top: 200px;
	left: 650px;
	width: 200px;
	background-color: #333333;
	border: 2px solid #ff8400;
	padding: 10px;
 }
 #cal_details_popup_right ul ul{
 	padding-left: 10px;
	color: #AAAAAA;
 }
  #cal_details_popup_left{
 	position: absolute;
	display: block;
	top: 200px;
	left: 260px;
	width: 200px;
	background-color: #333333;
	border: 2px solid #ff8400;
	padding: 10px;
 }
#cal_details_popup_left ul ul{
 	padding-left: 10px;
	color: #AAAAAA;
 }
 
 .table_display{
 	background-color:#333333;
	border: #000000 2px solid;
	width:100%;
	margin-top: 5px;
 }
 .shift_tabbox_list{
 	background-image:url(images/shift_tab_left.png);
	width: 341px;
	height: 40px;
	
 }
 .shift_tabbox_calendar{
 	background-image:url(images/shift_tab_right.png);
	width: 341px;
	height: 40px;
 }
 .shift_tab_left{
 	font-size: 1.1em;
	margin: 15px 0px 0px 60px;
	float:left;
	font-weight:bold;
 }
 .shift_tab_right{
 	font-size: 1.1em;
	margin: 15px 40px 0px 0px;
	float:right;
	font-weight:bold;
 }
 .cover_by{
 	text-align:center;
color:#FFF2EA;
}
.cover_by_cancelled{
 	text-align:center;
	color:#CC0000;
 }
 .excuse_menu{
 	background-color: #333333;
	border: 1px solid #FF3300;
	width: 150px;
	padding: 3px;
	position: absolute;
	margin-left: -160px;
 }
  .excuse_menu ul{
  	padding: 0px;
	margin: 0px;
	list-style: none;
  }
  .group_menu{
 	background-color: #333333;
	border: 1px solid #FF3300;
	width: 160px;
	padding: 3px;
	position: absolute;
 }
  .group_menu ul{
  	padding: 0px;
	margin: 0px;
	list-style: none;
  }
  .rowHidden{
  	background-color:#000000;
	display: none;
  }

  
  .locked{
  	background-image: url(images/shift-locked.png);
	height: 16px;
	width: 16px;
	cursor: pointer;
  }
  .unlocked{
  	background-image: url(images/shift-unlocked.png);
	height: 16px;
	width: 16px;
	cursor: pointer;
  }
   .hidden{
  	background-image: url(images/shift-hidden.png);
	height: 16px;
	width: 16px;
	cursor: pointer;
  }
  .visible{
  	background-image: url(images/shift-visible.png);
	height: 16px;
	width: 16px;
	cursor: pointer;
  }
  
/* ############################## MEMOS ################################### */
 .memo_details .title{
 	font-size: 1.5em;
	font-weight: bold;
 }
 .memo_details .postedby{
 	float:right;
	text-align:center;
	clear: right;
	margin-top: 3px;
 }
 .memo_details .datetime{
 	font-style:italic;
 }
 .memo_details {
 	clear: both;
	border-bottom:#fdbb7a 1px solid;
	margin: 5px 0 5px 80px;
	width: 500px;
	padding: 10px;

 }
 
 
 
/* ############################## GALLERY ################################### */
 .album_box{
 	margin: 0px 0px 0px 20px;
 }
 
/* ############################## NEWS ################################### */
 .news_details .title{
 	font-size: 1.5em;
	font-weight: bold;
 }
 .news_details .postedby{
 	float:right;
	text-align:center;
 }
 .news_details .datetime{
 	font-style:italic;
 }
 
/* ############################## LOGIN ################################### */


 
 .login_footer{
	width: 100%;
	text-align: center;
 }

/* ############################## LOADING BOX ################################### */

.loading{
  position: absolute;
  top: 33px;
  left: 693px;
  width: 220px;
  height: 19px;
  display: block;
  background: url(/images/waitingOff.gif);
}


 /*ALUMNI */
 
 .alumni_toggle{
	 width:100px; 
	 float:right;
	 margin-top: 15px;
	 margin-bottom: 20px;
	 margin-right: 60px;
	 font-weight: bold;
 }
 


/* GALLERY */
.album_frame{
	float: left;
	clear:right;
	width: 220px;
	text-align:center;
	font-size: 0.8em;
}
/*MEMOs */
 .comment_details .title{
 	font-size: 1.5em;
	font-weight: bold;
 }
 .comment_details .postedby{
 	float:right;
	text-align:center;
 }
 .comment_details .datetime{
 	font-style:italic;
 }
 .comment_details {
 	clear: both;
	border:#660000 1px solid;
	margin: 5px 0px 5px 0px;
	display: inline-block;
 }
 /*SHIFT LISTS */
 span.noncrew{
 	color: #071351;
	font-size: 0.9em;
 }
 span.covering{
 	color: #135107;
	font-size: 0.9em;
 }
 span.wantcover{
 	color: #ffc601;
	font-size: 0.9em;
 }

.wages .block{
	width: 776px;
	margin: 0px 2px;
}
.wages .block-title{
	margin-bottom: 2px;
	cursor: pointer;
	margin-bottom: 2px;
}
.wages .heading{
	float: left;
	margin-right: 2px;
	background:#333;
	padding: 0px 3px;
}
.wages .block table{
	width: 701px !important;
	position: relative;
	left: 10px;
}
#clocks{
	position: relative;
}

.clockSummary{
	margin-bottom: 15px;
	height: 600px;
}
.clockSummary table{
	width: 100%;
}
.clockSummary .block{
	width: 450px;
	margin: 0px 2px;
	clear: left;
}
.clockSummary .block-title{
	margin-bottom: 2px;
	cursor: pointer;
	margin-bottom: 2px;
}
.clockSummary .heading{
	float: left;
	margin-right: 2px;
	background:#333;
	padding: 0px 3px;
}
/* CLOCKIN */
#clockin{
	width: 855px;
	height: 505px;
	padding: 0px 40px 39px 30px;
	top: 82px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	position: relative;
	margin: auto;
	background: url(/local/clockin_logo.png) no-repeat center center;
 }
 #clockin hr, #clockin form{
	 padding: 0px;
	 margin: 0px;
 }
 #clockin a{
 	color:#CCCCCC;
 }
  #clockin a:hover{
 	color:#FFFFFF;
 }
 .clockin{
 	background: url(/style/steel/images/bg_clockin.jpg) #AFAEAE no-repeat top center;

 }
  .clockin.x800x600{
 	background: url(/style/steel/images/bg_clockin_800x600.jpg) #AFAEAE no-repeat top center !important;

 }
 .clockin.x800x600 #clockin{
	width: 780px !important;
	top: 75px !important;
	margin: 0px !important;
	padding: 0px;
 }
 .clockin_footer{
 	padding-top: 20px;
	width: 100%;
	text-align: center;
 }
 #clockface{
	 position: absolute;
	 top: -73px;
	 left: 37px;
	 width: 380px;
	 text-align:left;
	 font-size: 2em;
	 color: #D42;
 }
  .clockin.x800x600 #clockface{
	  top: -66px !important;
  }
 #clockinlist .list{
	 width: 50%;
	 float: left;
	 overflow: auto;
	 padding: 0px;
	 margin: 0px;
 }
  #clockinlist.normal .list{
	 height: 340px;
 }
 #clockinlist.tall .list{
	 height: 550px;
 }
  .clockin.x800x600 #clockinlist.normal .list{
	  height: 326px !important;
  }
  .clockin.x800x600 #clockinlist.tall .list{
	  height: 461px !important;
  }

 #clockin #clockinMode{
  position:absolute;
  top: -24px;
  left: 825px;
  font-size: 0.8em;
 }
 #clockin #clockinMode a{
  color: #999;
 }
 #clockin #clockinMode a:hover{
  color: #333;
 }
 #clockin #clockinConfirm{
  position:absolute;
  top: 120px;
  left: 176px;
  width: 388px;
  background-image: url(/style/steel/images/clockin_confirm.png);
  height: 187px;
  padding: 25px;
 }
  #clockin #clockinConfirm span{
    width: 100%;
    text-align: center;
    font-size: 2em;
    display:block;
    padding: 40px 0 10px 50px;
  }
 #clockin #clockinConfirm div{
  width: 50% !important;
  float:left;
 }
 #clockin #clockinConfirm div input{
  font-size: 1.4em;
 }
  #clockin #clockinFire{
	  position:absolute;
	  top: 151px;
	  left: 241px;
	  width: 388px;
	  background-image: url(/style/steel/images/clockin_fire.png);
	  height: 187px;
	  padding: 25px;
 }
 .clockin.x800x600 #clockin #clockinFire{
  	top: 117px !important;
  	left: 170px !important;
  }
  #clockin #clockinFire span{
    width: 100%;
    text-align: center;
    font-size: 1.5em;
    display:block;
    padding: 30px 0 15px 50px;
  }
 #clockin #clockinFire div{
  width: 50% !important;
  float:left;
 }
 #clockin #clockinFire div input{
  font-size: 1.4em;
 }
 #clockin .message{
	width: 515px;
	left: 250px;
	top: -83px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	position: absolute;
	margin: auto;
 }
 
#clockin .message .success{
	padding: 10px 0 0 65px;
	font-size: 1.4em;
	color: #000000;
	position: absolute;
	height: 60px;
	width: 400px;
	background: url(/images/modal_success.png) top left no-repeat;
}
#clockin .message .error{
	padding: 10px 0 0 65px;
	font-size: 1.4em;
	color: #000000;
	position: absolute;
	height: 60px;
	width: 450px;
	background: url(/images/modal_error.png) top left no-repeat;
}
#clockin .message .info{
	padding: 10px 0 0 65px;
	font-size: 1.4em;
	color: #000000;
	position: absolute;
	height: 60px;
	width: 450px;
	background: url(/images/modal_warning.png) top left no-repeat;
}
#clockin h2{
	margin: 0px;
	padding: 0px;
}
#clockin .authorise{
  position: absolute;
  top: 120px;
  left: 245px;
  padding-left: 70px;
  width: 300px;
  background: url(/images/modal_tools.png) top left no-repeat;
}
#clockin #clockRef{
	font-size: 1.3em;
}
#clockin #clockPass{
	font-size: 1.3em;
}
#clockin #clockSubmit{
	font-size: 1.4em;
}
#clockin #clockBreak{
	font-size: 1.4em;
}
#clockinMode{
  position: absolute;
}
 .clockin.x800x600 #clockinlist .list{

}
#clockinlist ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#clockinlist li{
	height: 37px;
	width: 160px;
	background-repeat: no-repeat;
	background-position:center center;
	float: left;
	padding: 3px 11px 0 29px;
	margin: 0px 5px 0px 0px;
	text-align: center;
	cursor: pointer;
}
.clockin.x800x600 #clockinlist li{
	padding: 3px 0px 0px 20px !important;
}

#clockinlist li.male-normal{
	background-image: url(/style/steel/images/clockin_male_ok.png);
}
#clockinlist li.female-normal{
	background-image: url(/style/steel/images/clockin_female_ok.png);
}
#clockinlist li.male-late{
	background-image: url(/style/steel/images/clockin_male_late.png);
}
#clockinlist li.male-break{
	background-image: url(/style/steel/images/clockin_male_break.png);
}
#clockinlist li.male-over{
	background-image: url(/style/steel/images/clockin_male_over.png);
}
#clockinlist li.female-late{
	background-image: url(/style/steel/images/clockin_female_late.png);
}
#clockinlist li.female-break{
	background-image: url(/style/steel/images/clockin_female_break.png);
}
#clockinlist li.female-over{
	background-image: url(/style/steel/images/clockin_female_over.png);
}
#clockinlist li span{

}
#clockinlist li .timeMsg{
	font-size: 0.6em;
	text-transform: uppercase;
	padding-top: 3px;
}
#clockin .groups {
	position: absolute;
	left: -233px;
	top: 96px;
	width: 820px;
}
#clockin .groups ul{
	list-style: none;
	padding: 0px;
	margin: 20px 0 0 0;
}
#clockin .groups li{
	height: 33px;
	width: 355px;
	background-repeat: no-repeat;
	background-position:center center;
	padding: 7px 0px 0px 45px;
	margin: 0px 5px 4px 0px;
	text-align: left;
	cursor: pointer;
	background-image: url(/style/steel/images/clockin_option_btn.png);
	font-size: 1.4em;
}
.kboard{
  /*width: 800px;
  margin-left: 24px;*/
 }
 .clockin.x800x600.kboard{
 	width: 784px !important;
    margin-left: 2px !important;
 }
 #clockin .fire{
	width: 40px;
  	height: 38px;
	position: absolute;
	top: -73px;
	left: 857px;
	background: url(/style/steel/images/fire_button.png) no-repeat center center;
	cursor: pointer;
 }
 .clockin.x800x600 #clockin .fire{
	 top: -67px;
	left: 739px;
 }
.kboard .row {
  clear:left;
 }
.kboard .rowRight{
 	width: 200px;
	float: right;
 }
.kboard .rowSpecial{
 	width: 100px;
	float: left;
 }
.kboard .row div,.kboard .rowRight div{
  float:left;
  width: 40px;
  height: 33px;
  margin: 3px;
  text-align: center;
  font-size: 20px;
  padding-top: 7px;
  cursor: pointer;
  background: url(/style/steel/images/kboard_button.png) no-repeat center center;
  color:#333;
}
.kboard .rowSpecial div{
  float:left;
  width: 80px;
  height: 33px;
  margin: 3px;
  text-align: center;
  font-size: 20px;
  padding-top: 7px;
  cursor: pointer;
  background: url(/style/steel/images/kboard_button_wide.png) no-repeat center center;
  color:#333;
}
.kboardUpper{
  text-transform: uppercase;
}
#clockin .bigbutton{
  float:left;
  width: 150px;
  height: 28px;
  margin: 3px;
  text-align: center;
  font-size: 15px;
  padding-top: 12px;
  cursor: pointer;
  background: url(/style/steel/images/kboard_button_big.png) no-repeat center center;
  color:#333;
}
#clockin #confirmPin{
	width: 534px;
	height: 492px;
	background: url(/style/steel/images/clockin_pin.png) no-repeat center center;
	position: absolute;
	z-index: 1000;
	top: -15px;
	margin-left: 165px;
}
.clockin.800x600 #clockin #confirmPin{
	margin-left: 115px !important;
}
#clockin #confirmPin .text{
	width: 250px;
	top: 100px;
	left: 200px;
	position: absolute;
	font-size: 1.2em;
	text-align: center;
	
}
#clockin #confirmPin .kboard{
	position: absolute;
	top: 202px;
	left: 203px;
	clear:both;
}
#clockin #confirmPin .kboard #confirmPinTextbox{
	width: 114px;
	margin-left: 5px;
	font-size: 1.4em;
	letter-spacing:0.8em;
	background-color:#999;
	border: 1px solid #CCC;
	padding-left: 13px;
}
#clockin #confirmPin .kboard .rowSpecial{
	float: left !important;
	width: 80px;
	margin: 3px 3px 3px 11px;
}
#clockin #confirmPin .confirmPinCancel{
	position: absolute;
	top: 400px;
	left: 71px;
}
#clockin #confirmPin .confirmPinOk{
	position: absolute;
	top: 400px;
	left: 393px;
}
#clockin #breakChoice{
	width: 534px;
	height: 492px;
	background: url(/style/steel/images/clockin_breaks.png) no-repeat center center;
	position: absolute;
	z-index: 1000;
	top: -15px;
	margin-left: 115px;
}
#clockin #breakName{
	position: absolute;
	top: 93px;
	font-size: 2em;
	left: 177px;
	width: 300px;
	text-align:center;
}
#clockin #breakOptions{
	position: absolute;
	top: 150px;
	font-size: 2em;
	left: 177px;
	width: 300px;
	text-align:center;
}
#clockin #breakLogOut{
	position: absolute;
	top: 390px;
	left: 65px;
	width: 400px;
	padding: 5px 0px 5px 0px;

}
#clockin #breakLogOut input{
	font-size: 1.4em;
}

#clockin #breakList{
	list-style: none;
	padding: 0px;
	margin: 30px 0 0 -111px;
	
}
#clockin #breakList li{
	height: 33px;
	width: 355px;
	background-repeat: no-repeat;
	background-position:center center;
	float: left;
	padding: 7px 0px 0px 45px;
	margin: 0px 5px 5px 0px;
	text-align: left;
	cursor: pointer;
	background-image: url(/style/steel/images/clockin_option_btn.png);
	font-size: 0.8em;
}
#clockin #footerOptions{
	padding: 0px 10px;
}
#clockin .page{
	height: 522px;
	overflow: auto;
}
.clockin.x800x600 #clockin .page{
	height: 435px !important;
}
#clockin #clockinbreaklist h2{
	margin-left: 20px;
}
#clockin .page table{
	width: 90%;
	margin-left: 10%;
}
#clockin .page table ul{
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
#clockin #content-timeline{
	height: 545px;
	overflow: auto;
	padding-left: 23px;
}
.clockin.x800x600 #content-timeline{
	height: 460px !important;
}
#clockin #content-timeline .zerohour{
	border-right: 1px solid #f00;
	z-index:3000;
	position:absolute;
	height: 536px;
}
.clockin.800x600 #content-timeline .zerohour{
	height: 455px !important;
}
/* #
############################################## 				Timeline					*/

.timeline .dragLeft{
	float:left;
	display:none;
	height: 26px;
	width: 16px;
	background: url(/images/drag-left.png) no-repeat center center;
}
.timeline .dragRight{
	float:right;
	display:none;
	height: 26px;
	width: 16px;
	background: url(/images/drag-right.png) no-repeat center center;
}
.timeline .divCost{
	padding: 10px;
	font-size: 1.5em;
}
.timeline .contact{
	clear:left;
	height: 30px;
	position: relative;
	border-bottom: solid 1px #999;
	overflow:hidden;
}

/* ############################################### 				SITEMAP					*/
.sitemap div{
	float: left;
	margin-bottom: 10px;
	width: 235px;
}
.sitemap ul{
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
.sitemap li{
	padding: 0px;
	margin: 0px;
	width: 220px;
	clear: both;
}
.sitemap span{
	padding: 0px;
	margin: 0px;
	display: block;
	height: 16px;
	width: 16px;
	float: right;
	cursor: pointer;
}
.sitemap span.hidden{
	background: url(/images/shift-hidden.png);
}
.sitemap span.normal{
	background: url(/images/shift-visible.png);
}
/* ############################################### 				FORUM					*/
.miniprofile div{
	margin: 4px 0px;
}
.post-odd, .post-even, .post-deleted, .post-reported{
	clear: both;
	margin-bottom: 5px;
}

.post .message{
	padding: 10px;
	min-height: 80px;
	padding: 4px 14px;
}

.post .vote a{
	float: right;
	margin-right: 10px;
}
.post .tools .report{
	float: right;
	margin-right: 10px;
}
.question .post, .post-odd .post, .post-even .post, .post-deleted .post, .post-reported .post{
	width: 550px;
	float: left;
}
.question .miniprofile, .post-odd .miniprofile, .post-even .miniprofile, .post-deleted .miniprofile, .post-reported .miniprofile{
	width: 160px;
	float:right;
	text-align: center;
}
.post .info{
	font-size: 0.9em;
	font-style:italic;
}

.profile-info li{
	margin-bottom: 5px;
}
.profile-info ul{
	margin-top: 5px;
}
/* ############################################### 				MISC					*/
.fg-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }

a.fg-button { float:left; }

 div.slider { width:640px; margin:10px 0 10px 20px; background-color:#FF6600; height:16px; position: relative; }
  div.slider div.handle { width:16px; top:0px; height:16px; background:url('images/split-handle.png'); cursor:move; position: absolute; }
  div.slider #split_tone{
  	margin:0; background-color:#ccc; height:16px; position: relative; }
  
  
.paging{
	float: right;
	margin: 10px 15px 0px 0px;
}
.paging div, .paging img{
	float: left;
	margin-left: 3px;
}
.gallery_thumb{
	height: 80px;
	width:110px;
	text-align: center;
	float:left;
	margin: 15px 4px;
}

.gallery_auth{
	height: 80px;
	width:110px;
	text-align: center;
	float:left;
	margin: 15px 4px;
	position: relative;
}
.gallery_auth .authYes{
	width: 16px;
	height: 16px;
	position: absolute;
	top: 2px;
	cursor: pointer;
}

.gallery_auth .authNo{
	width: 16px;
	height: 16px;
	position: absolute;
	top: 20px;
	cursor: pointer;
}
.forum.btnset{
	width: 705px;
}
.forum.btnset .span, .forum.btnset label{
	width: 115px;
}

.rota-planning .contact{
	float:left; 
	clear:left; 
	width: 100px;
}
.rota-planning .hour{
	float:left; 
	height: 30px; 
	width: 24px;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	cursor: pointer;
}
.rota-planning .hour-title{
	float:left; 
	height: 30px; 
	width: 50px;
}
.rota-planning .on{
	background: #f43a6a;
}
.rota-planning .off{
	background: #3af447;
}
.rota-planning .right{
	border-right: 1px solid #000;
}
.rota-planning .bottom{
	border-bottom: 1px solid #000;
}

.jqueryFileTree li a{
	height: 18px;
	padding-bottom: 2px;
}
.jqueryFileTree li img{
	float: right;
	margin-left: 3px;
	cursor: pointer;
	position: relative;
	top: 0px;
}

UL.jqueryFileTree {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
	padding: 0px;
	margin: 0px;
}

UL.jqueryFileTree LI {
	list-style: none;
	padding: 0px;
	padding-left: 20px;
	margin: 0px;
	white-space: nowrap;
}

UL.jqueryFileTree A.link {
	color: #333;
	text-decoration: none;
	display: block;
	padding: 0px 2px;
	overflow: hidden;
}
	
UL.jqueryFileTree A.link:hover {
	background: #BDF;
}

div.sb-help{
	display: inline-block;
	position: relative;
	height: 16px;
	width: 16px;
	background: url("/images/sb-help.png");
	cursor: pointer;
}
.sb-tooltip{
	position:relative;
}
div.sb-help span, .sb-tooltip span{
	display: none;
 	position: absolute;
	bottom: 16px;
	left: -16px;
	width: 280px;
	padding: 10px 10px 20px 10px;
	z-index: 2000;
}
div.sb-help.hover span, .sb-tooltip span.hover{display: block;}

div.sb-help-right{
	display: inline-block;
	position: relative;
	height: 16px;
	width: 16px;
	background: url("/images/sb-help.png");
	cursor: pointer;
}
div.sb-help-right span, .sb-tooltip-right span{
	display: none;
 	position: absolute;
	bottom: 16px;
	left: -269px;
	width: 280px;
	padding: 10px 10px 20px 10px;
	z-index: 2000;
}
div.sb-help-right.hover span, .sb-tooltip-right span.hover{display: block;}

.sb-tabs{ float: left; width: 50%; margin-bottom: 10px;}
.sb-toggle{ text-align: right; float: left; width: 49%}
#shiftView{ position: relative; }
#shiftView .sb-toggle{
	position: absolute;
	right: 0px;
	top: -35px;
}


/* Core Styles */
.jqueryFileTree LI.directory { background: url(/images/files/directory.png) left top no-repeat; }
.jqueryFileTree LI.expanded { background: url(/images/files/folder_open.png) left top no-repeat; }
.jqueryFileTree LI.file { background: url(/images/files/file.png) left top no-repeat; }
/* File Extensions*/
.jqueryFileTree LI.ext_page { background: url(/images/files/page.png) left top no-repeat; }
.jqueryFileTree LI.ext_url { background: url(/images/files/url.png) left top no-repeat; }
.jqueryFileTree LI.ext_3gp { background: url(/images/files/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_afp { background: url(/images/files/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_afpa { background: url(/images/files/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_asp { background: url(/images/files/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_aspx { background: url(/images/files/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_avi { background: url(/images/files/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_bat { background: url(/images/files/application.png) left top no-repeat; }
.jqueryFileTree LI.ext_bmp { background: url(/images/files/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_c { background: url(/images/files/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_cfm { background: url(/images/files/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_cgi { background: url(/images/files/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_com { background: url(/images/files/application.png) left top no-repeat; }
.jqueryFileTree LI.ext_cpp { background: url(/images/files/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_css { background: url(/images/files/css.png) left top no-repeat; }
.jqueryFileTree LI.ext_doc, .jqueryFileTree LI.ext_docx { background: url(/images/files/doc.png) left top no-repeat; }
.jqueryFileTree LI.ext_exe { background: url(/images/files/application.png) left top no-repeat; }
.jqueryFileTree LI.ext_gif { background: url(/images/files/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_fla { background: url(/images/files/flash.png) left top no-repeat; }
.jqueryFileTree LI.ext_h { background: url(/images/files/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_htm { background: url(/images/files/html.png) left top no-repeat; }
.jqueryFileTree LI.ext_html { background: url(/images/files/html.png) left top no-repeat; }
.jqueryFileTree LI.ext_jar { background: url(/images/files/java.png) left top no-repeat; }
.jqueryFileTree LI.ext_jpg { background: url(/images/files/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_jpeg { background: url(/images/files/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_js { background: url(/images/files/script.png) left top no-repeat; }
.jqueryFileTree LI.ext_lasso { background: url(/images/files/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_log { background: url(/images/files/txt.png) left top no-repeat; }
.jqueryFileTree LI.ext_m4p { background: url(/images/files/music.png) left top no-repeat; }
.jqueryFileTree LI.ext_mov { background: url(/images/files/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_mp3 { background: url(/images/files/music.png) left top no-repeat; }
.jqueryFileTree LI.ext_mp4 { background: url(/images/files/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_mpg { background: url(/images/files/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_mpeg { background: url(/images/files/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_ogg { background: url(/images/files/music.png) left top no-repeat; }
.jqueryFileTree LI.ext_pcx { background: url(/images/files/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_pdf { background: url(/images/files/pdf.png) left top no-repeat; }
.jqueryFileTree LI.ext_php { background: url(/images/files/php.png) left top no-repeat; }
.jqueryFileTree LI.ext_png { background: url(/images/files/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_ppt, .jqueryFileTree LI.ext_pptx { background: url(/images/files/ppt.png) left top no-repeat; }
.jqueryFileTree LI.ext_psd { background: url(/images/files/psd.png) left top no-repeat; }
.jqueryFileTree LI.ext_pl { background: url(/images/files/script.png) left top no-repeat; }
.jqueryFileTree LI.ext_py { background: url(/images/files/script.png) left top no-repeat; }
.jqueryFileTree LI.ext_rb { background: url(/images/files/ruby.png) left top no-repeat; }
.jqueryFileTree LI.ext_rbx { background: url(/images/files/ruby.png) left top no-repeat; }
.jqueryFileTree LI.ext_rhtml { background: url(/images/files/ruby.png) left top no-repeat; }
.jqueryFileTree LI.ext_rpm { background: url(/images/files/linux.png) left top no-repeat; }
.jqueryFileTree LI.ext_ruby { background: url(/images/files/ruby.png) left top no-repeat; }
.jqueryFileTree LI.ext_sql { background: url(/images/files/db.png) left top no-repeat; }
.jqueryFileTree LI.ext_swf { background: url(/images/files/flash.png) left top no-repeat; }
.jqueryFileTree LI.ext_tif { background: url(/images/files/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_tiff { background: url(/images/files/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_txt { background: url(/images/files/txt.png) left top no-repeat; }
.jqueryFileTree LI.ext_vb { background: url(/images/files/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_wav { background: url(/images/files/music.png) left top no-repeat; }
.jqueryFileTree LI.ext_wmv { background: url(/images/files/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_xls, .jqueryFileTree LI.ext_xlsx { background: url(/images/files/xls.png) left top no-repeat; }
.jqueryFileTree LI.ext_xml { background: url(/images/files/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_zip { background: url(/images/files/zip.png) left top no-repeat; }

.releasenotes ul{
	padding: 10px;
}
.releasenotes li{ display: block; min-height: 18px; margin-bottom: 5px}
.releasenotes .a{
	padding-left: 20px;
	background: url(images/release-added.png) no-repeat top left;
}
.releasenotes .f{
	padding-left: 20px;
	background: url(images/release-fixed.png) no-repeat top left;
}
.releasenotes .h{
	padding-left: 20px;
	background: url(images/release-hotfix.png) no-repeat top left;
}

xform .small_info{clear: both;}
.xvalidate input{float: left; clear:left; margin-bottom: 5px;}
div.sb-error { display: block; height: 16px; width: 21px; background: url(images/validate.png) top right no-repeat; position:relative; float: left; }
div.sb-error span{display:none}
div.sb-error span{width: 147px; background-image: url(images/sb-popup.gif); background-position: bottom center; background-repeat: no-repeat; position: absolute; right: -1px; bottom: 17px;  }
div.sb-error span strong{font-size: 11px; font-weight: normal; margin-bottom: 7px; background-color: #FFF; color: #be2020; padding: 5px; display: block; border-top: 2px solid #be2020; border-left: 2px solid #be2020; border-right: 2px solid #be2020;}
input.sb-error{background: #f2d2d2}
.sb-field{margin: 3px 0px;height: 24px;}
div.sb-valid {background-position: bottom right; !important}
span.req,span.spacer{width: 13px;position: relative;top: -5px;margin: 0px 5px;float: left;overflow: hidden;height: 20px;color: #b50000;font-size: 30px;}
.required{width: 368px;text-align: right;font-size: 14px;margin: 20px 0px 00px 0px;}
.required .req{float: right;}
div.sb-errornotice {margin: 10px;background-color: #FFF;background-image: url(images/sb-error.jpg);background-repeat: no-repeat;background-position: 15px 15px;padding: 15px 10px 15px 80px;color: #be2020;font-size: 13px;}
div.sb-errornotice strong{font-weight: normal;font-size: 17px;line-height: 23px;}
div.sb-errornotice .explain{margin: 3px 0px;color: #be2020;font-size: 12px;}
div.sb-errornotice ul{padding-left: 13px;}
div.sb-errornotice ul, div.sb-errornotice li{font-weight: bold;font-size: 12px;}