body {
	behavior: url(csshover.htc);
	background-color: #F0F0F0;
	margin: 0;
	text-align: center;
	font-family: lucida grande, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 1.4em;
}

p {
	margin: 0 0 1.3em 0;
}

img {
	border: 0;
}

ul {
	margin: 0;
	padding: 0;
}

ol {
	margin: 0;
	padding: 0;
}

.olMargin {
	margin: 0 0 20px 30px;
}

a:link {
	color: #06F;
	text-decoration: underline;
}

a:visited {
	color: #06F;
	text-decoration: underline;
}

a:hover {
	color: #FFF;
	background-color: #06F;
	text-decoration: none;
}

a:active {
	color: #FFF;
	background-color: #06F;
	text-decoration: none;
}

small {
	display: block;
	font-size: .8em;
	color: #555;
}

.clear {
	clear: both;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
}

.clearLeft {
	clear: left;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
}

.clearRight {
	clear: right;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
}

.clear10px {
	clear: both;
	font-size: 1px;
	height: 10px;
	line-height: 1px;
}

.clear20px {
	clear: both;
	font-size: 1px;
	height: 20px;
	line-height: 1px;
}

.iconLeft {
	float: left;
	padding: 0 10px 0 0;
}

#loading {
	display: none;
}

.cancel {
	float :left;
	color: #F00;
	padding-top: 10px;
}

.cancel a {
	color: #F00;
	text-decoration: underline;
}

.cancel a:visited {
	color: #F00;
	text-decoration: underline;
}

.cancel a:hover {
	color: #FFF;
	background-color: #F00;
	text-decoration: none;
}

.cancel a:active {
	color: #FFF;
	background-color: #F00;
	text-decoration: none;
}

.rule {
	border-bottom: 1px solid #DDD;
	font-size: 1px;
	line-height: 1px;
	padding: 0;
	margin: 0 0 10px 0;
}


/* Confirm and Error Bars
====================*/
#confirmBar {
	display: none;
	background-color: #DAECD0;
	border-top: 3px #390 solid;
	border-bottom: 3px #390 solid;
	padding: 5px 10px 5px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #360;
	margin: 0 0 25px 0;
}

.confirmIcon {
	float: left;
	padding: 0 10px 0 0;
}

#error {
	display: none;
	background-color: #FFE7E7;
	border-top: 3px #F00 solid;
	border-bottom: 3px #F00 solid;
	padding: 5px 10px 5px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #900;
	margin: 0 0 25px 0;
}


/* Structure
====================*/
#header {
	position: relative;
	background: url(img/bg_header.jpg) repeat-x;
	height: 90px;
	text-align: left;
	margin: 10px 20px 0 30px;
	z-index: 2;
}

#headercapLeft {
	float: left;
	background: url(img/bg_headercapleft.jpg) no-repeat;
	width: 20px;
	height: 90px;
}

#headercapRight {
	float: right;
	background: url(img/bg_headercapright.jpg) no-repeat;
	width: 30px;
	height: 90px;
}

#bodyCol {
	background: #FFF url(img/bg_bodyshadow.jpg) top right repeat-y;
	padding: 20px 30px 20px 20px;
	text-align: left;
	margin: 0 20px 0 30px;
}

#footerShadow {
	background: url(img/bg_footer.jpg) repeat-x;
	height: 10px;
	margin: 0 20px 0 30px;
}

#footershadowcapLeft {
	float: left;
	background: url(img/bg_footercapleft.jpg) no-repeat;
	width: 20px;
	height: 10px;
}

#footershadowcapRight {
	float: right;
	background: url(img/bg_footercapright.jpg) no-repeat;
	width: 30px;
	height: 10px;
}

#footerTxt {
	font-size: 9px;
	color: #777;
	padding: 0 0 10px 0;
	text-align: left;
	margin: 0 20px 0 30px;
}

#footerTxt a {
	color: #777;
	text-decoration: none;
}

#footerTxt a:hover {
	color: #777;
	background-color: transparent;
	text-decoration: underline;
}

#logoStarway {
	float: right;
	padding-top: 10px;
	width: 168px;
	height: 68px;
	overflow: hidden;
}



/* Header
====================*/
#logoStarway a {
	display: block;
	background: url(img/2011logo_starway.png) no-repeat;
	width: 168px;
	height: 29px;
	text-decoration: none;
}

#company {
	float: left;
	font-size: 22px;
	color: #FFF;
	padding-top: 15px;
	padding-bottom: 5px;
	text-shadow: #005B95 1px 1px 3px;
	letter-spacing: -1px;
}

#employee {
	float: left;
	font-size: 15px;
	color: #CEE1F7;
	padding: 15px 0 0 10px;
	text-shadow: #005B95 1px 1px 3px;
	letter-spacing: -1px;
}

#employeeNav {
	float: left;
	font-size: 11px;
	color: #FFF;
	padding: 15px 0 0 15px;
}

#employeeNav a {
	color: #FFF;
	text-decoration: underline;
}

#employeeNav a:hover {
	color: #005B95;
	background-color: #FFF;
	text-decoration: none;
}

#clientProxy {
	float: left;
	padding: 15px 0 0 10px;
}

.proxySelector {
	width: 225px;
}


/* Tab Navigation
====================*/
#navContainer {
	position: absolute;
	top: 60px;
	left: 20px;
	z-index: 5000;
}

#nav ul {
	margin: 0;
	padding: 0;
}

#nav li { /* all list items */
	list-style-type: none;
	float: left;
	position: relative;
	z-index: 5000;
}

#nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 25px;
	left: 0;
	margin: 0;
	padding: 0;
	z-index: 5000;
}

#nav li ul#on { /* second-level lists */
	top: 30px;
	z-index: 5000;
}

#nav li ul li {
	margin: 0;
	padding: 0;
	z-index: 5000;
}

#nav li ul li a {
	background-image: none;
	background-color: #008DE6;
	padding: 0 5px 0 5px;
	font-size: 11px;
	width: 200px;
	height: 25px;
	color: #FFF;
	line-height: 23px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 190px;
	border-bottom: 1px #0075BF solid;
	z-index: 5000;
}

#nav li ul li a:hover {
	background-image: none;
	background-color: #0096F4;
	text-decoration: none;
	color: #FFF;
}

#nav li ul#admindropdown li a {
	background-image: none;
	background-color: #C00;
	padding: 0 5px 0 5px;
	font-size: 11px;
	width: 200px;
	height: 25px;
	color: #FFF;
	line-height: 23px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 190px;
	border-bottom: 1px #900 solid;
	z-index: 5000;
}

#nav li ul#admindropdown li a:hover {
	background-image: none;
	background-color: #F00;
	text-decoration: none;
	color: #FFF;
}

#nav li ul#on {
	border-right: 1px #0075BF solid;
	border-left: 1px #0075BF solid;
	z-index: 5000;
}

#nav li ul#on li a {
	background-image: none;
	background-color: #FFF;
	padding: 0 5px 0 5px;
	font-size: 11px;
	width: 200px;
	height: 25px;
	color: #000;
	line-height: 23px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 190px;
	border-bottom: 1px #0075BF solid;
	z-index: 5000;
}

#nav li ul#on li a:hover {
	background-image: none;
	background-color: #F0F4F9;
	text-decoration: none;
	color: #000;
}

#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
	z-index: 5000;
}

#nav li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
	z-index: 5000;
}

#dashboard {
	margin-top: 5px;
	background: url(img/tab_dashboard.gif) 0 -55px no-repeat;
	width: 103px;
	height: 25px;
}

#dashboard:hover {
	background: url(img/tab_dashboard.gif) 0 -30px no-repeat;
	text-decoration: none;
}

#dashboard a {
	display: block;
	width: 103px;
	height: 25px;
	text-decoration: none;
}

#dashboard a:hover {
	background-color: transparent;
}

#dashboardon {
	background: url(img/tab_dashboard.gif) no-repeat;
	width: 103px;
	height: 30px;
}

#dashboardon:hover {
	background: url(img/tab_dashboard.gif) no-repeat;
	text-decoration: none;
}

#dashboardon a {
	display: block;
	width: 103px;
	height: 30px;
	text-decoration: none;
}

#dashboardon a:hover {
	background-color: transparent;
}

#performancemap {
	margin-top: 5px;
	background: url(img/tab_performancemap.gif) 0 -55px no-repeat;
	width: 148px;
	height: 25px;
}

#performancemap:hover {
	background: url(img/tab_performancemap.gif) 0 -30px no-repeat;
	text-decoration: none;
}

#performancemap a {
	display: block;
	width: 148px;
	height: 25px;
	text-decoration: none;
}

#performancemap a:hover {
	background-color: transparent;
}

#performancemapon {
	background: url(img/tab_performancemap.gif) no-repeat;
	width: 148px;
	height: 30px;
}

#performancemapon:hover {
	background: url(img/tab_performancemap.gif) no-repeat;
	text-decoration: none;
}

#performancemapon a {
	display: block;
	width: 148px;
	height: 30px;
	text-decoration: none;
}

#performancemapon a:hover {
	background-color: transparent;
}

#assessments {
	margin-top: 5px;
	background: url(img/tab_assessments.gif) 0 -55px no-repeat;
	width: 118px;
	height: 25px;
}

#assessments:hover {
	background: url(img/tab_assessments.gif) 0 -30px no-repeat;
	text-decoration: none;
}

#assessments a {
	display: block;
	width: 118px;
	height: 25px;
	text-decoration: none;
}

#assessments a:hover {
	background-color: transparent;
}

#assessmentson {
	background: url(img/tab_assessments.gif) no-repeat;
	width: 118px;
	height: 30px;
}

#assessmentson:hover {
	background: url(img/tab_assessments.gif) no-repeat;
	text-decoration: none;
}

#assessmentson a {
	display: block;
	width: 118px;
	height: 30px;
	text-decoration: none;
}

#assessmentson a:hover {
	background-color: transparent;
}

#interviews {
	margin-top: 5px;
	background: url(img/tab_interviews.gif) 0 -55px no-repeat;
	width: 100px;
	height: 25px;
}

#interviews:hover {
	background: url(img/tab_interviews.gif) 0 -30px no-repeat;
	text-decoration: none;
}

#interviews a {
	display: block;
	width: 100px;
	height: 25px;
	text-decoration: none;
}

#interviews a:hover {
	background-color: transparent;
}

#interviewson {
	background: url(img/tab_interviews.gif) no-repeat;
	width: 100px;
	height: 30px;
}

#interviewson:hover {
	background: url(img/tab_interviews.gif) no-repeat;
	text-decoration: none;
}

#interviewson a {
	display: block;
	width: 100px;
	height: 30px;
	text-decoration: none;
}

#interviewson a:hover {
	background-color: transparent;
}

#help {
	margin-top: 5px;
	background: url(img/tab_help.gif) 0 -55px no-repeat;
	width: 69px;
	height: 25px;
}

#help:hover {
	background: url(img/tab_help.gif) 0 -30px no-repeat;
	text-decoration: none;
}

#help a {
	display: block;
	width: 69px;
	height: 25px;
	text-decoration: none;
}

#help a:hover {
	background-color: transparent;
}

#helpon {
	background: url(img/tab_help.gif) no-repeat;
	width: 69px;
	height: 30px;
}

#helpon:hover {
	background: url(img/tab_help.gif) no-repeat;
	text-decoration: none;
}

#helpon a {
	display: block;
	width: 69px;
	height: 30px;
	text-decoration: none;
}

#helpon a:hover {
	background-color: transparent;
}

#users {
	margin-top: 5px;
	background: url(img/tab_users.gif) 0 -55px no-repeat;
	width: 73px;
	height: 25px;
}

#users:hover {
	background: url(img/tab_users.gif) 0 -30px no-repeat;
	text-decoration: none;
}

#users a {
	display: block;
	width: 73px;
	height: 25px;
	text-decoration: none;
}

#users a:hover {
	background-color: transparent;
}

#userson {
	background: url(img/tab_users.gif) no-repeat;
	width: 73px;
	height: 30px;
}

#userson:hover {
	background: url(img/tab_users.gif) no-repeat;
	text-decoration: none;
}

#userson a {
	display: block;
	width: 73px;
	height: 30px;
	text-decoration: none;
}

#userson a:hover {
	background-color: transparent;
}

#admin {
	margin-top: 5px;
	background: url(img/tab_admin.gif) 0 -55px no-repeat;
	width: 77px;
	height: 25px;
}

#admin:hover {
	background: url(img/tab_admin.gif) 0 -30px no-repeat;
	text-decoration: none;
}

#admin a {
	display: block;
	width: 77px;
	height: 25px;
	text-decoration: none;
}

#admin a:hover {
	background-color: transparent;
}

#adminon {
	background: url(img/tab_admin.gif) no-repeat;
	width: 77px;
	height: 30px;
}

#adminon:hover {
	background: url(img/tab_admin.gif) no-repeat;
	text-decoration: none;
}

#adminon a {
	display: block;
	width: 77px;
	height: 30px;
	text-decoration: none;
}

#adminon a:hover {
	background-color: transparent;
}

#suggestions {
	margin-top: 5px;
	background: url(img/tab_suggestions.gif) 0 -55px no-repeat;
	width: 110px;
	height: 25px;
}

#suggestions:hover {
	background: url(img/tab_suggestions.gif) 0 -30px no-repeat;
	text-decoration: none;
}

#suggestions a {
	display: block;
	width: 110px;
	height: 25px;
	text-decoration: none;
}

#suggestions a:hover {
	background-color: transparent;
}

#suggestionson {
	background: url(img/tab_suggestions.gif) no-repeat;
	width: 110px;
	height: 30px;
}

#suggestionson:hover {
	background: url(img/tab_suggestions.gif) no-repeat;
	text-decoration: none;
}

#suggestionson a {
	display: block;
	width: 110px;
	height: 30px;
	text-decoration: none;
}

#suggestionson a:hover {
	background-color: transparent;
}

#clients {
	margin-top: 5px;
	background: url(img/tab_clients.gif) 0 -55px no-repeat;
	width: 82px;
	height: 25px;
}

#clients:hover {
	background: url(img/tab_clients.gif) 0 -30px no-repeat;
	text-decoration: none;
}

#clients a {
	display: block;
	width: 82px;
	height: 25px;
	text-decoration: none;
}

#clients a:hover {
	background-color: transparent;
}

#clientson {
	background: url(img/tab_clients.gif) no-repeat;
	width: 82px;
	height: 30px;
}

#clientson:hover {
	background: url(img/tab_clients.gif) no-repeat;
	text-decoration: none;
}

#clientson a {
	display: block;
	width: 82px;
	height: 30px;
	text-decoration: none;
}

#clientson a:hover {
	background-color: transparent;
}


/* Sub Tab Navigation
====================*/
#subtabs {

}

#subtabs a {
	display: block;
	float: left;
	width: 100px;
	height: 25px;
	background: #DDD url(img/bg_subtab.jpg) 0 -55px no-repeat;
	font-size: 9px;
	font-weight: bold;
	color: #000;
	line-height: 23px;
	text-decoration: none;
	margin-right: 1px;
	text-align: center;
}

#subtabs a:visited {
	text-decoration: none;
}

#subtabs a:hover {
	background: #DDD url(img/bg_subtab.jpg) 0 -30px no-repeat;
	text-decoration: none;
}

#subtabs a.on {
	height: 30px;
	line-height: 28px;
	background: #DDD url(img/bg_subtab.jpg) no-repeat;
}

#subtabs a.on:hover {
	background: #DDD url(img/bg_subtab.jpg) no-repeat;
}

.clearSubnav {
	clear: both;
	height: 20px;
	line-height: 1px;
	font-size: 1px;
}


/* Breadcrumbs
====================*/
#breadcrumbs {
	font-size: 11px;
	color: #454545;
	padding-bottom: 5px;
	border-bottom: 1px #DDD solid;
	margin-bottom: 20px;
}

#breadcrumbs a {
	color: #454545;
	text-decoration: underline;
}

#breadcrumbs a:hover {
	color: #FFF;
	background-color: #454545;
	text-decoration: none;
}


/* Dashboard
====================*/
#pendingAssessments {
	float: left;
	width: 38%;
	padding-right: 2%;
}

#pendingAssessments p {
	margin: 3px 0 3px 0;
}

#pendingAssessmentswide {
	float: left;
	width: 71%;
	padding-right: 2%;
}

#pendingAssessmentswide p {
	margin: 3px 0 3px 0;
}

#pendingInterviews {
	float: left;
	width: 33%;
	padding-right: 2%;
}

#pendingInterviews p {
	margin: 3px 0 3px 0;
}

#pendingInterviewswide {
	float: left;
	width: 71%;
	padding-right: 2%;
}

#pendingInterviewswide p {
	margin: 3px 0 3px 0;
}

#starwayNews {
	float: right;
	width: 25%;
	color: #666;
}

#subordinateTree {
	float: right;
	width: 25%;
	color: #666;
}

#subordinateTree a:hover {
	background-color: transparent;
}

#subordinateTree a:active {
	background-color: transparent;
}

.liLate {
	background: url(img/grad_red.jpg) top right repeat-y;
	list-style-type: none;
	border-top: 4px #F00 solid;
	border-bottom: 1px #DDD solid;
	margin: 0 0 2px 0;
	padding: 5px 5px 5px 0;
	font-size: 12px;
}

.liLate:hover {
	/*background-color: #FFFF8D;
	background-image: none;
	cursor: pointer;*/
}

.bulRed {
	float: left;
	padding: 7px 6px 0 0;
}

.late {
	display: inline;
	font-size: 14px;
	font-weight: bold;
	color: #F00;
	letter-spacing: -1px;
}

.liCaution {
	background: url(img/grad_yellow.jpg) top right repeat-y;
	list-style-type: none;
	border-top: 3px #FC0 solid;
	border-bottom: 1px #DDD solid;
	margin: 0 0 2px 0;
	padding: 5px 5px 5px 0;
	font-size: 12px;
}

.liCaution:hover {
	/*background-color: #FFFF8D;
	background-image: none;
	cursor: pointer;*/
}

.bulYellow {
	float: left;
	padding: 7px 6px 0 0;
}

.caution {
	display: inline;
	font-size: 14px;
	font-weight: bold;
	color: #F90;
	letter-spacing: -1px;
}

.liGood {
	background: url(img/grad_green.jpg) top right repeat-y;
	list-style-type: none;
	border-top: 2px #390 solid;
	border-bottom: 1px #DDD solid;
	margin: 0 0 2px 0;
	padding: 5px 5px 5px 0;
	font-size: 12px;
}

.liGood:hover {
	/*background-color: #FFFF8D;
	background-image: none;
	cursor: pointer;*/
}

.bulGood {
	float: left;
	padding: 7px 6px 0 0;
}

.good {
	display: inline;
	font-size: 14px;
	font-weight: bold;
	color: #390;
	letter-spacing: -1px;
}


/* Generic LI Colors
====================*/
.liRed {
	background: url(img/grad_red.jpg) top right repeat-y;
	list-style-type: none;
	border-top: 2px #F00 solid;
	border-bottom: 1px #DDD solid;
	margin: 0 0 2px 0;
	font-size: 12px;
}

.liRed:hover {
	background-color: #FFFF8D;
	background-image: none;
	cursor: pointer;
}

.liYellow {
	background: url(img/grad_yellow.jpg) top right repeat-y;
	list-style-type: none;
	border-top: 2px #FC0 solid;
	border-bottom: 1px #DDD solid;
	margin: 0 0 2px 0;
	font-size: 12px;
}

.liYellow:hover {
	background-color: #FFFF8D;
	background-image: none;
	cursor: pointer;
}

.liGreen {
	background: url(img/grad_green.jpg) top right repeat-y;
	list-style-type: none;
	border-top: 2px #390 solid;
	border-bottom: 1px #DDD solid;
	margin: 0 0 2px 0;
	font-size: 12px;
}

.liGreen:hover {
	background-color: #FFFF8D;
	background-image: none;
	cursor: pointer;
}

.liWhite {
	background: url(img/grad_gray.jpg) top right repeat-y;
	list-style-type: none;
	border-bottom: 1px #DDD solid;
	margin: 0 0 2px 0;
	font-size: 12px;
	padding: 5px 5px 5px 0;
}

.liWhite:hover {
	background-color: #FFFF8D;
	cursor: pointer;
}

.liWhitenoHover {
	background: #FFF url(img/grad_gray.jpg) top right repeat-y;
	list-style-type: none;
	border-bottom: 1px #DDD solid;
	margin: 0 0 2px 0;
	font-size: 12px;
	padding: 5px 5px 5px 0;
}


/* Form Button
====================*/
.btn {
	display: block;
	margin: 0;
	border: none;
	padding: 5px 5px 5px 0;
	cursor: pointer;
	cursor: hand;
	text-align: left;
	width: 200px;
	text-decoration: none;
	background-color: transparent;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 195px;
}


/* Buttons
====================*/
#btnLogin {
	display: block;
	float: left;
	background: url(img/btn_login.jpg) no-repeat;
	width: 78px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#btnLogin:hover {
	background: url(img/btn_login.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#forgotPassword {
	float: left;
	padding: 10px 0 0 10px;
}

#btnRequestpassword {
	display: block;
	float: left;
	background: url(img/btn_requestpassword.jpg) no-repeat;
	width: 147px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#btnRequestpassword:hover {
	background: url(img/btn_requestpassword.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#saveChanges {
	display: block;
	float: left;
	background: url(img/btn_savechanges.jpg) no-repeat;
	width: 179px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#saveChanges:hover {
	background: url(img/btn_savechanges.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#printAssessment {
	display: block;
	float: left;
	background: url(img/btn_printassessmnet.jpg) no-repeat;
	width: 146px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#printAssessment:hover {
	background: url(img/btn_printassessmnet.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#finalizeAssessment {
	display: block;
	float: left;
	background: url(img/btn_finalizeassessment.jpg) no-repeat;
	width: 162px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#finalizeAssessment:hover {
	background: url(img/btn_finalizeassessment.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#finalizeAssessmentInactive {
	display: block;
	float: left;
	background: url(img/btn_finalizeassessinactive.jpg) no-repeat;
	width: 162px;
	height: 36px;
	margin: 0 10px 0 0;
	text-decoration: none;
}

#finalizePerformancemap {
	display: block;
	float: left;
	background: url(img/btn_finalizeperformancemap.jpg) no-repeat;
	width: 193px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#finalizePerformancemap:hover {
	background: url(img/btn_finalizeperformancemap.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#saveRating {
	display: block;
	float: left;
	background: url(img/btn_saverating.jpg) no-repeat;
	width: 189px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#saveRating:hover {
	background: url(img/btn_saverating.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#saveResultsinput {
	display: block;
	float: left;
	background: url(img/btn_saveresultsinput.jpg) no-repeat;
	width: 151px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#saveResultsinput:hover {
	background: url(img/btn_saveresultsinput.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#saveInvestigativequestions {
	display: block;
	float: left;
	background: url(img/btn_saveinvestquestions.jpg) no-repeat;
	width: 210px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#saveInvestigativequestions:hover {
	background: url(img/btn_saveinvestquestions.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#saveBehaviorquestions {
	display: block;
	float: left;
	background: url(img/btn_savebehaviorquestions.jpg) no-repeat;
	width: 186px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#saveBehaviorquestions:hover {
	background: url(img/btn_savebehaviorquestions.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#saveRejectionpoint {
	display: block;
	float: left;
	background: url(img/btn_saverejectionpoint.jpg) no-repeat;
	width: 161px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#saveRejectionpoint:hover {
	background: url(img/btn_saverejectionpoint.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#saveConfiguration {
	display: block;
	float: left;
	background: url(img/btn_saveconfiguration.jpg) no-repeat;
	width: 154px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#saveConfiguration:hover {
	background: url(img/btn_saveconfiguration.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#btnEdit {
	display: block;
	float: left;
	background: url(img/btn_edit.jpg) no-repeat;
	width: 69px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#btnEdit:hover {
	background: url(img/btn_edit.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#saveCommentsedits {
	display: block;
	float: left;
	background: url(img/btn_savecommentsedits.jpg) no-repeat;
	width: 168px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#saveCommentsedits:hover {
	background: url(img/btn_savecommentsedits.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#btnsearch {
	display: block;
	float: right;
	background: url(img/btn_search.jpg) no-repeat;
	width: 84px;
	height: 26px;
	margin: 0 0 0 3px;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#btnsearch:hover {
	background: url(img/btn_search.jpg) 0 -26px no-repeat;
	text-decoration: none;
}

#saveOrganization {
	display: block;
	float: left;
	background: url(img/btn_saveorganization.jpg) no-repeat;
	width: 149px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#saveOrganization:hover {
	background: url(img/btn_saveorganization.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#saveDepartment {
	display: block;
	float: left;
	background: url(img/btn_savedept.jpg) no-repeat;
	width: 180px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#saveDepartment:hover {
	background: url(img/btn_savedept.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#saveLocation {
	display: block;
	float: left;
	background: url(img/btn_savelocation.jpg) no-repeat;
	width: 124px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#saveLocation:hover {
	background: url(img/btn_savelocation.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#savePosition {
	display: block;
	float: left;
	background: url(img/btn_saveposition.jpg) no-repeat;
	width: 191px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#savePosition:hover {
	background: url(img/btn_saveposition.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#copyPosition {
	display: block;
	float: left;
	background: url(img/btn_copyposition.jpg) no-repeat;
	width: 194px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#copyPosition:hover {
	background: url(img/btn_copyposition.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#deletePosition {
	display: block;
	float: left;
	background: url(img/btn_deleteposition.jpg) no-repeat;
	width: 201px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#deletePosition:hover {
	background: url(img/btn_deleteposition.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#savePositiontitle {
	display: block;
	float: left;
	background: url(img/btn_savepositiontitle.jpg) no-repeat;
	width: 151px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#savePositiontitle:hover {
	background: url(img/btn_savepositiontitle.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#saveKsa {
	display: block;
	float: left;
	background: url(img/btn_saveksa.jpg) no-repeat;
	width: 219px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#saveKsa:hover {
	background: url(img/btn_saveksa.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#saveCompetency {
	display: block;
	float: left;
	background: url(img/btn_savecompetency.jpg) no-repeat;
	width: 207px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#saveCompetency:hover {
	background: url(img/btn_savecompetency.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#saveBehavior {
	display: block;
	float: left;
	background: url(img/btn_savebehavior.jpg) no-repeat;
	width: 126px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#saveBehavior:hover {
	background: url(img/btn_savebehavior.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#saveUser {
	display: block;
	float: left;
	background: url(img/btn_saveuser.jpg) no-repeat;
	width: 102px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#saveUser:hover {
	background: url(img/btn_saveuser.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#saveTasksobj {
	display: block;
	float: left;
	background: url(img/btn_savetasksobj.jpg) no-repeat;
	width: 230px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#saveTasksobj:hover {
	background: url(img/btn_savetasksobj.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#saveSelfreport {
	display: block;
	float: left;
	background: url(img/btn_savereviewcomments.jpg) no-repeat;
	width: 206px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#saveSelfreport:hover {
	background: url(img/btn_savereviewcomments.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#saveSupreport {
	display: block;
	float: left;
	background: url(img/btn_savesupreport.jpg) no-repeat;
	width: 178px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#saveSupreport:hover {
	background: url(img/btn_savesupreport.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#saveMultireport {
	display: block;
	float: left;
	background: url(img/btn_savemultireport.jpg) no-repeat;
	width: 175px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#saveMultireport:hover {
	background: url(img/btn_savemultireport.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#saveAssessment {
	display: block;
	float: left;
	background: url(img/btn_saveassess.jpg) no-repeat;
	width: 144px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#saveAssessment:hover {
	background: url(img/btn_saveassess.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#saveFile {
	display: block;
	float: left;
	background: url(img/btn_savefile.jpg) no-repeat;
	width: 96px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#saveFile:hover {
	background: url(img/btn_savefile.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#saveInterview {
	display: block;
	float: left;
	background: url(img/btn_saveinterview.jpg) no-repeat;
	width: 129px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#saveInterview:hover {
	background: url(img/btn_saveinterview.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#saveMultiemail {
	display: block;
	float: left;
	background: url(img/btn_savemultiemail.jpg) no-repeat;
	width: 247px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#saveMultiemail:hover {
	background: url(img/btn_savemultiemail.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#saveNewassessemail {
	display: block;
	float: left;
	background: url(img/btn_savenewassessemail.jpg) no-repeat;
	width: 214px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#saveNewassessemail:hover {
	background: url(img/btn_savenewassessemail.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#saveAssesssubemail {
	display: block;
	float: left;
	background: url(img/btn_saveassesssubemail.jpg) no-repeat;
	width: 247px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#saveAssesssubemail:hover {
	background: url(img/btn_saveassesssubemail.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#saveAssessfinalemail {
	display: block;
	float: left;
	background: url(img/btn_saveassessfinalemail.jpg) no-repeat;
	width: 240px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#saveAssessfinalemail:hover {
	background: url(img/btn_saveassessfinalemail.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#saveNewinteremail {
	display: block;
	float: left;
	background: url(img/btn_savenewinteremail.jpg) no-repeat;
	width: 198px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#saveNewinteremail:hover {
	background: url(img/btn_savenewinteremail.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#saveWelcomeemail {
	display: block;
	float: left;
	background: url(img/btn_savewelcomeemail.jpg) no-repeat;
	width: 167px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#saveWelcomeemail:hover {
	background: url(img/btn_savewelcomeemail.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#saveProfileemail {
	display: block;
	float: left;
	background: url(img/btn_saveprofileemail.jpg) no-repeat;
	width: 198px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#saveProfileemail:hover {
	background: url(img/btn_saveprofileemail.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#saveMessage {
	display: block;
	float: left;
	background: url(img/btn_savemessage.jpg) no-repeat;
	width: 125px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#saveMessage:hover {
	background: url(img/btn_savemessage.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#savePassword {
	display: block;
	float: left;
	background: url(img/btn_savepassword.jpg) no-repeat;
	width: 130px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#savePassword:hover {
	background: url(img/btn_savepassword.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#addStep {
	display: block;
	float: left;
	background: url(img/btn_addstep.jpg) no-repeat;
	width: 96px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#addStep:hover {
	background: url(img/btn_addstep.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#saveProcess {
	display: block;
	float: left;
	background: url(img/btn_saveprocess.jpg) no-repeat;
	width: 176px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#saveProcess:hover {
	background: url(img/btn_saveprocess.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#runReport {
	display: block;
	float: left;
	background: url(img/btn_runreport.jpg) no-repeat;
	width: 110px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#runReport:hover {
	background: url(img/btn_runreport.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#forceClosed {
	display: block;
	float: left;
	background: url(img/btn_forceclosed.jpg) no-repeat;
	width: 119px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#forceClosed:hover {
	background: url(img/btn_forceclosed.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

#btnok {
	display: block;
	background: url(img/btn_ok.jpg) no-repeat;
	width: 64px;
	height: 36px;
	margin: 20px auto 0 auto;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#btnok:hover {
	background: url(img/btn_ok.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

	.alertbtns #btnok {
		float: left;
		margin: 0;
	}
	
#btncancel {
	display: block;
	float: left;
	background: url(img/btn_cancel.jpg) no-repeat;
	width: 84px;
	height: 36px;
	position: relative;
	border: none;
	padding: 0;
	margin: 0 0 0 10px;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

#btncancel:hover {
	background: url(img/btn_cancel.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

.btnrate {
	display: block;
/*	float: left;*/
	background: url(img/btn_rate.jpg) no-repeat;
	width: 72px;
	height: 36px;
	margin: 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

.btnrate:hover {
	background: url(img/btn_rate.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

.btnEditdashboard {
	display: block;
	background: url(img/btn_edit.jpg) no-repeat;
	width: 69px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

.btnEditdashboard:hover {
	background: url(img/btn_edit.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

.btnViewdashboard {
	display: block;
	background: url(img/btn_view.jpg) no-repeat;
	width: 72px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

.btnViewdashboard:hover {
	background: url(img/btn_view.jpg) 0 -36px no-repeat;
	text-decoration: none;
}

.btnClickheredashboard {
	display: block;
	background: url(img/btn_clickhere.jpg) no-repeat;
	width: 76px;
	height: 36px;
	margin: 0 10px 0 0;
	position: relative;
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}

.btnClickheredashboard:hover {
	background: url(img/btn_clickhere.jpg) 0 -36px no-repeat;
	text-decoration: none;
}


/* Data Tables
====================*/
.datatable {
	clear: both;
	border-left: 1px #DDD solid;
	margin-bottom: 20px;
}

.datatable th {
	border-right: 1px #CCC solid;
	border-bottom: 1px #CCC solid;
	text-align: left;
	padding: 3px;
	color: #666;
	background: #DDD url(img/bg_subheader.jpg) repeat-x;
	vertical-align: top;
}

.datatable th a {
	color: #666;
	text-decoration: underline;
}

.datatable th a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #666;
}

.datatable th.thRight {
	text-align: right;
}

.datatable td {
	border-right: 1px #DDD solid;
	border-bottom: 1px #DDD solid;
	padding: 3px;
	vertical-align: top;
}

.rowLight {
	background-color: #FFF;
}

.rowLight:hover {
	background-color: #FFFF8D;
}

.rowDark {
	background-color: #F0F4F9;
}

.rowDark:hover {
	background-color: #FFFF8D;
}

.rowComp {
	background-color: #FF9;
}

.datatable .indent {
	padding-left: 12px;
}

.datatable .definition {
	padding-left: 12px;
	padding-right:12px;
	padding-bottom:8px;
}

.pagination {
	padding: 0 0 10px 0;
	font-size: 11px;
	color: #666;
	border-bottom: 1px #CCC solid;
}

.actions a {
	float: left;
	padding-right: 8px;
}

.actions a:hover {
	background-color: transparent;
}


/* Configurator */
.optionoff {
	background-color: #DDD;
	color: #666;
	padding-right: 5px;
}

.optionoffChild1 {
	background-color: #F5F5F5;
	color: #999;
	padding-left: 92px !important;
}

/*\*/
html>body*.optionoffChild1 {
	padding-left: 100px !important;
}
/**/

.optionoffChild2 {
	background-color: #F5F5F5;
	color: #999;
	padding-left: 213px !important;
}

/*\*/
html>body*.optionoffChild2 {
	padding-left: 229px !important;
}
/**/

.optionon {
	background: #69B442 url(img/bg_configgreen.jpg) repeat-x;
	border-bottom: 1px #6C9446 solid !important;
	color: #000;
	padding-right: 5px;
}

.optiononChild1 {
	background-color: #BDEA92;
	color: #000;
	padding-left: 92px !important;
}

/*\*/
html>body*.optiononChild1 {
	padding-left: 100px !important;
}
/**/

.optiononChild2 {
	background-color: #BDEA92;
	color: #000;
	padding-left: 213px !important;
}

/*\*/
html>body*.optiononChild2 {
	padding-left: 229px !important;
}
/**/

.iconChild {
	float: left;
	padding-right: 5px;
}

.configOption {
	clear: both;
	height: 30px;
	border-top: 1px #DDD solid;
	padding-top: 5px;
}

.configOption p {
	margin: 0;
	padding: 5px 0 0 0;
}

.configOption p.off {
	color: #AAA;
}

.configOptionChild1 {
	clear: both;
	height: 30px;
	padding-left: 70px;
	margin-bottom: 5px;
}

.configOptionChild1 p {
	margin: 0;
	padding: 5px 0 0 0;
}

.configOptionChild1 p.off {
	color: #AAA;
}

.configOptionChild2 {
	clear: both;
	height: 30px;
	padding-left: 172px;
	margin-bottom: 5px;
}

.configOptionChild2 p {
	margin: 0;
	padding: 5px 0 0 0;
}

.configOptionChild2 p.off {
	color: #AAA;
}

.configonoff {
	float: left;
	width: 70px;
	height: 25px;
	margin-right: 10px;
	background: url(img/icon_config.jpg) no-repeat;
	cursor: pointer;
	cursor: hand;
}

.confighandle {
	width: 46px;
	height: 25px;
	background: url(img/icon_confighandle.gif) no-repeat;
	cursor: pointer;
	cursor: hand;
}



/* Titles
====================*/
h1 {
	font-size: 18px;
	padding-bottom: 7px;
	line-height: 1.5em;
	margin: 0 0 10px 0;
	letter-spacing: -1px;
	border-bottom: 2px #CCC solid;
}

h1 a {
	color: #06F;
}

h1 a:hover {
	color: #FFF;
	background-color: #06F !important;
}

h2 {
	font-size: 15px;
	color: #C67C17;
	padding-bottom: 7px;
	line-height: 1.5em;
	margin: 0 0 10px 0;
	letter-spacing: -1px;
	border-bottom: 1px #CCC solid;
}

	.noborder {
		border: none;
	}

h3 {
	font-size: 13px;
	font-weight: bold;
	color: #000;
	letter-spacing: -1px;
	margin: 0 0 3px 0;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	margin: 0 0 5px 0;
}

h5 {
	font-size: 12px;
	font-weight: normal;
	color: #000;
	margin: 0 0 5px 0;
}

.titleAddborder {
	padding-bottom: 7px;
	margin: 0 0 10px 0;
	border-bottom: 1px #CCC solid;
}

.titleAddbordernomargin {
	padding-bottom: 7px;
	margin: 0;
	border-bottom: 1px #CCC solid;
}

.titleNoborder {
	margin: 0;
	border: none;
}

.titleGray {
	color: #666;
}

.titleNomargin {
	margin: 0;
}

.titleLink {
	font-size: 10px;
	color: #666;
	letter-spacing: 0;
}

.titleLink a {
	color: #06F;
	text-decoration: underline;
}

.titleLink a:hover {
	color: #FFF;
	text-decoration: none;
}

.titleLink a.cancelTitle {
	color: #F00;
}

.titleLink a.cancelTitle:hover {
	color: #FFF;
	background-color: #F00;
}

.titleIcon {
	float: left;
	padding: 5px 10px 0 0;
}

.alert {
	color: #F00;
	font-weight: bold;
}

.big {
	font-size: 18px;
}


/* Custom Text Styles
====================*/
.gray {
	color: #666;
}


/* Forms */
form {
	margin: 0;
	padding: 0;
}

input {
	color: #555;
}

select {
	color: #555;
}

textarea {
	color: #555;
	/*display: block;*/
}

fieldset {
	/*position: relative;*/
	display: block;
	border: 1px #CCC solid;
	padding: 25px 15px 15px 10px;
	margin: 20px 0 10px 0;
	width: 700px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 675px;
	z-index: 1;
}

fieldset:hover {
	border: 1px #D4C05F solid;
	background-color: #FFEC89;
}

fieldset:hover label span {
	color: #000;
}

fieldset:hover legend {
	border: 1px #D4C05F solid;
}

fieldset legend {
	/*position: absolute;
	top: -10px;
	left: 5px;
	z-index: 1;*/
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding: 0 10px 0 10px;
	margin: 0;
	background-color: #FFF;
	border: 1px #FFF solid;
}

fieldset legend a {
	font-size: 11px;
}

fieldset legend a:hover {
	background-color: transparent;
}

.legendIcon {
	padding: 0 0 0 5px;
}

fieldset ul {
	margin: 0;
	padding: 0;
}

fieldset ul li {
	list-style-type: none;
}

label {
	display: block;
	font-size: 12px;
	color: #333;
	margin-bottom: 5px;
	border: 1px #FFF solid;
	/*border-bottom: 1px #DDD solid;*/
	padding: 5px;
}

label:hover {
	border: 1px #D4C05F solid;
	padding: 5px;
	background-color: #FFEC89;
}

label.required {
	border: 1px #FFF solid;
}

label.required:hover {
	border: 1px #FFF solid;
	background-color: #FFF;
}

label strong {
	display: block;
	font-size: 14px;
	color: #000;
	margin: 0 0 5px 0;
}

label strong em {
	color: #F00;
	font-size: 20px;
	font-style: normal;
}

label span em {
	color: #F00;
	font-size: 20px;
	font-style: normal;
}

h2 em {
	color: #F00;
	font-size: 20px;
	font-style: normal;
}

h3 em {
	color: #F00;
	font-size: 20px;
	font-style: normal;
}

fieldset label {
	border: none;
	padding: 0;
	margin: 0 0 5px 0;
	clear: left;
}

fieldset label:hover {
	border: none;
	padding: 0;
	background-color: transparent;
}

.details {
	display: block;
	float: left;
	width: 175px;
	color: #666;
	text-align: right;
	padding: 0 5px 10px 0;
	margin: 0;
	border: none;
}

.details:hover {
	border: none;
	padding: 0 5px 10px 0;
	background-color: transparent;
}

br.cleardetails {
	clear: left;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
}

.dataWrap {
	display: table;
	height: 1%;
}

label.error {
	position: relative;
	border: 1px #F00 solid;
	padding: 5px;
	background-color: #F9E6E6;
}

label.error:hover {
	border: 1px #F00 solid;
	padding: 5px;
	background-color: #F9E6E6;
}

fieldset label.error {
	position: relative;
	border: 1px #F00 solid;
	padding: 5px 0 5px 0;
	background-color: #F9E6E6;
}

fieldset label.error:hover {
	border: 1px #F00 solid;
	padding: 5px 0 5px 0;
	background-color: #F9E6E6;
}

fieldset.error {
	position: relative;
	border: 1px #F00 solid;
	padding: 25px 15px 15px 10px;
	margin: 20px 0 10px 0;
	background-color: #F9E6E6;
}

fieldset.error:hover {
	border: 1px #F00 solid;
	padding: 25px 15px 15px 10px;
	margin: 20px 0 10px 0;
	background-color: #F9E6E6;
}

fieldset.error legend {
	background-color: #FFF;
	border: 1px #F00 solid;
}

label.error:hover .errorMsg {
	display: block;
}

label.error:hover .iframeerrorMsg {
	display: block;
}

fieldset.error:hover .errorMsg {
	display: block;
}

fieldset.error:hover .iframeerrorMsg {
	display: block;
}

.iframeerrorMsg {
	display: none;
	position: absolute;
	top: -35px;
	left: 5px;
	z-index: 10000000;
	height: 27px;
	line-height: 28px;
}

.errorMsg {
	display: none;
	position: absolute;
	top: -35px;
	left: 5px;
	z-index: 10000000;
	background: #B31818 url(img/bg_errormsg.jpg) repeat-x;
	padding: 0 15px 0 34px;
	margin: 0 5px 0 5px;
	font-size: 11px;
	font-weight: bold;
	color: #FFF !important;
	height: 30px;
	line-height: 28px;
}

.iconerrorMsg {
	display: block;
	position: absolute;
	top: 0;
	left: -5px;
	z-index: 10000001;
	width: 40px;
	height: 30px;
	background: url(img/icon_errormsg.gif) no-repeat;
}

.iconerrorArrow {
	display: block;
	position: absolute;
	bottom: -9px;
	left: 6px;
	z-index: 10000000;
	width: 19px;
	height: 10px;
	background: url(img/icon_errorarrow.gif) no-repeat;
}

.iconerrorCap {
	display: block;
	position: absolute;
	top: 0;
	right: -5px;
	z-index: 10000000;
	width: 6px;
	height: 30px;
	background: url(img/icon_errorcap.gif) no-repeat;
}


/* Login
====================*/
#loginstuff {
	display: inline;
}

#forgotpasswordstuff {
	display: none;
}


/* Assessment
====================*/
#assessment {
	float: left;
	width: 74%;
}

#assessmentFull {
	float: left;
	width: 100%;
}

.competency {
	float: left;
	width: 210px;
	margin: 0 5px 15px 0;
}

.competencyCap {
	width: 210px;
	height: 27px;
	background: #CCC url(img/bg_competencycap.jpg) no-repeat;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 26px;
	letter-spacing: -1px;
}

.competencyBody {
	border-right: 1px #CCC solid;
	border-bottom: 1px #CCC solid;
	border-left: 1px #CCC solid;
}

.competencyBody li {
	padding-left: 10px;
}

.competencyBody li a {
	display: block;
	padding: 5px 5px 5px 0;
	text-decoration: none;
}

.competencyBody li a:visited {
	display: block;
	padding: 5px 5px 5px 0;
	text-decoration: none;
}

.competencyBody li a:hover {
	background-color: transparent;
	text-decoration: none;
}

.competencyBody li a:active {
	background-color: transparent;
	text-decoration: none;
}

#employeeInfo {
	float: right;
	width: 25%;
	color: #666;
}

#employeeInfo ol {
	margin: 0 0 0 22px;
}

#assessmentsearch {
	float: right;
	color: #666;
	width: 340px;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0;
}

#ratingdefinitions {
	float: right;
	width: 43%;
}

#ratingdefinitions p {
	font-size: 11px;
	margin: 0 0 10px 0;
}

#rateBehaviorform {
	float: left;
	width: 55%;
}


/* Sliders
====================*/
.slider {
	background: url(img/bg_slider.jpg) no-repeat;
	width: 300px;
	height: 44px;
	cursor: move;
}

	.ratingscale10 {
		background: url(img/bg_ratingscale10.jpg) no-repeat;
		width: 456px;
		height: 44px;
		cursor: move;
	}

	.ratingscale9 {
		background: url(img/bg_ratingscale9.jpg) no-repeat;
		width: 406px;
		height: 44px;
		cursor: move;
	}

	.ratingscale8 {
		background: url(img/bg_ratingscale8.jpg) no-repeat;
		width: 356px;
		height: 44px;
		cursor: move;
	}

	.ratingscale7 {
		background: url(img/bg_ratingscale7.jpg) no-repeat;
		width: 306px;
		height: 44px;
		cursor: move;
	}

	.ratingscale6 {
		background: url(img/bg_ratingscale6.jpg) no-repeat;
		width: 256px;
		height: 44px;
		cursor: move;
	}

	.ratingscale5 {
		background: url(img/bg_ratingscale5.jpg) no-repeat;
		width: 206px;
		height: 44px;
		cursor: move;
	}

	.ratingscale4 {
		background: url(img/bg_ratingscale4.jpg) no-repeat;
		width: 156px;
		height: 44px;
		cursor: move;
	}

	.ratingscale3 {
		background: url(img/bg_ratingscale3.jpg) no-repeat;
		width: 106px;
		height: 44px;
		cursor: move;
	}

	.ratingscale2 {
		background: url(img/bg_ratingscale2.jpg) no-repeat;
		width: 56px;
		height: 44px;
		cursor: move;
	}

.sliderAgreedisagree {
	background: url(img/bg_slider_agreedisagree.jpg) no-repeat;
	width: 200px;
	height: 45px;
	cursor: move;
}

.sliderIncompletestrong {
	background: url(img/bg_slider_incompletestrong.jpg) no-repeat;
	width: 260px;
	height: 45px;
	cursor: move;
}

.sliderBadokgood {
	background: url(img/bg_slider_badokgood.jpg) no-repeat;
	width: 200px;
	height: 44px;
	cursor: move;
}

.sliderExhibited {
	background: url(img/bg_slider_exhibited.jpg) no-repeat;
	width: 340px;
	height: 45px;
	cursor: move;
}

.handle {
	display: block;
	width: 13px;
	height: 30px;
	background: url(img/icon_slider.gif) no-repeat;
	cursor: move;
}



/* Interview
====================*/
#interview {
	float: left;
	width: 74%;
}

#interviewFull {
	float: left;
	width: 100%;
}

#interviewNav {
	float: right;
	width: 25%;
	color: #666;
}

#interviewprocess {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#interviewprocess li {
	list-style-type: none;
	cursor: move;
}

#interviewprocess li fieldset {
	cursor: move;
}

#ratingBox {
	color: #666;
}

#ratingBox h3 {
	color: #666;
}

.ratinghighlight {
	background-color: #FFFF8D;
	color: #000;
}

#ratingBox .ratinghighlight h3 {
	color: #000;
}


/* Status Bars */
#notification {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 100000;
	width: 100%;
}

#statusbarerror {
	width: 100%;
	height: 50px;
	border-top: 2px #900 solid;
	border-bottom: 2px #900 solid;
	background: #B11919 url(img/bg_errorbar.jpg) repeat-x;
}

#statusbarerror #statusbarIcon {
	float: left;
	background: url(img/icon_errorbar.jpg) 10px 0 no-repeat;
	padding: 15px 20px 15px 76px;
	font-size: 16px;
	color: #FFF;
}

#statusbarwarning {
	width: 100%;
	height: 50px;
	border-top: 2px #F99226 solid;
	border-bottom: 2px #F99226 solid;
	background: #FFA902 url(img/bg_warningbar.jpg) repeat-x;
}

#statusbarwarning #statusbarIcon {
	float: left;
	background: url(img/icon_warningbar.jpg) 10px 0 no-repeat;
	padding: 15px 20px 15px 76px;
	font-size: 16px;
	color: #000;
}

#statusbarconfirm {
	width: 100%;
	height: 50px;
	border-top: 2px #3CA75B solid;
	border-bottom: 2px #3CA75B solid;
	background: #3FC258 url(img/bg_confirmbar.jpg) repeat-x;
}

#statusbarconfirm #statusbarIcon {
	float: left;
	background: url(img/icon_confirmbar.jpg) 10px 0 no-repeat;
	padding: 15px 20px 15px 76px;
	font-size: 16px;
	color: #000;
}


/* Status Bar Btns */
a.okbar {
	position: relative;
	display: block;
	float: left;
	background: url(img/btn_okbar.gif) no-repeat;
	width: 64px;
	height: 36px;
	margin: 5px 10px 0 0;
	text-decoration: none;
}

a.okbar:hover {
	background: url(img/btn_okbar.gif) 0 -36px no-repeat;
	text-decoration: none;
}

a.cancelbar {
	position: relative;
	display: block;
	float: left;
	background: url(img/btn_cancelbar.gif) no-repeat;
	width: 84px;
	height: 36px;
	margin: 5px 10px 0 0;
	text-decoration: none;
}

a.cancelbar:hover {
	background: url(img/btn_cancelbar.gif) 0 -36px no-repeat;
	text-decoration: none;
}


/* Assessment Summary Report Column Colors */
.selfCol {
	background-color: #DFCAFB;
	background-image: none !important;
}

.superCol {
	background-color: #CDF7AC;
	background-image: none !important;
}

.mpCol {
	background-color: #89CBF4;
	background-image: none !important;
}

/* Section Heading Steps =====*/
.step {
	position: relative;
	float: left;
	width: 151px;
	margin: 0 20px 20px 0;
	text-align: center;
	z-index: 1;
}

	.last {
		margin-right: 0;
	}

	.stepicon {
		position: absolute;
		top: -12px;
		left: -12px;
		z-index: 1;
	}
	
	.steparrow {
		position: absolute;
		top: 23px;
		left: -33px;
		z-index: 5;
	}

	/* Off State =====*/
	.off .stepheader {
		background: url(img/bg_stepheader_off.gif) no-repeat;
		width: 151px;
		height: 15px;
	}
	
	.off .stepbody {
		background: url(img/bg_stepbody_off.gif) bottom left no-repeat;
		width: 151px;
		padding: 0 10px 15px 10px;
		font-size: 11px;
		font-weight: bold;
		color: #BBB;
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 131px;
	}

	/* In Process State =====*/
	.inprocess .stepheader {
		background: url(img/bg_stepheader_inprocess.gif) no-repeat;
		width: 151px;
		height: 15px;
	}
	
	.inprocess .stepbody {
		background: url(img/bg_stepbody_inprocess.gif) bottom left no-repeat;
		width: 151px;
		padding: 0 10px 15px 10px;
		font-size: 11px;
		font-weight: bold;
		color: #000;
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 131px;
	}

	/* Complete State =====*/
	.complete .stepheader {
		background: url(img/bg_stepheader_complete.gif) no-repeat;
		width: 151px;
		height: 15px;
	}
	
	.complete .stepbody {
		background: url(img/bg_stepbody_complete.gif) bottom left no-repeat;
		width: 151px;
		padding: 0 10px 15px 10px;
		font-size: 11px;
		font-weight: bold;
		color: #000;
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 131px;
	}
	

/* 2009 Assessment Design =====*/
.ratecell {
	/*width: 100px;
		padding: 0 0 10px 0;
		vertical-align: top;
		float:left;*/
}

	.rated {
		float: left;
		border: 1px solid #390;
		padding: 0 5px 3px 2px;
		margin: 0 10px 0 0;
		font-size: 14px;
		font-weight: bold;
		color: #390;
	}
/*.ratecell */
	.editrating {
		float: right;
/*		padding-top: 4px;*/
		margin: 0 20px 0 0;
	}

td.ratedata {
/*	width: 145px;
	vertical-align: top;
	padding:0 25px 10 25px !important;*/
	padding-right:18px !important;
}

.ratedatafull {
/*	padding-bottom: 10px;*/
}

table#compTable tr td{
	width:78px !important;
	vertical-align:top;
	padding-bottom:14px !important;
}