/* links */

a, a:active, a:visited, a:link, .ui-widget-content div a
{
	color: #bf0001;/*#0b4684*/
	text-decoration: none;
}
a:hover, .ui-widget-content div a:hover
{
	text-decoration: underline;
}

/* generic form elements */

textarea { overflow: auto; }
.clear { clear: both; }
.center { text-align: center; }
.leftalign { text-align: left; }
.rightalign { text-align: right; }
.floatleft { float: left; }
.floatright { float: right; }
.topalign { vertical-align: top; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.bold { font-weight: bold; }
.hide { display: none; visibility: hidden; }
.pointer { cursor: pointer; }
.red { color: Red; }
.fulltable { width: 100%; }
.indent { text-indent: 1cm; }
.green { color: Green; }
.smallfont { font-size: 10px; }
.aligntop { vertical-align: top; }
ul.numberlist { list-style-type: decimal; }
.gray { color: #515050; }
.hint { color: #515050; font-size: 0.8em; }

/* grid layout */

.grid { width: 100%; border: solid 2px #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.grid .header { background-color: #0b4684; color: #fff; font-weight: bold; }
.grid .header td { padding: 10px; font-size: 16px; }
.grid .body { background-color: #fff; }
.grid .body td { padding: 10px; }
.grid .body td a { color: #BF0001; }
.grid .body td.actions { width: 210px; }
.grid tr.body:nth-child(even) { background-color: #e3e3e3; }
.grid tr.body:hover td { background-color: #ccc; }

.grid tr td tr:nth-child(even) { background-color: #e3e3e3; }
.grid tr td tr:hover td { background-color: #ccc; }

/* form layout */

div.header { background-color: #0b4684; color: #fff; font-weight: bold; padding: 10px; font-size: 16px; }
.errorMessage { color: Red; padding: 10px; }
.help  
{
    color: #5c5c5c; background-color: #FFF6BB; border: 2px solid #5c5c5c; padding: 10px;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 20px; font-size: 16px;
}
.help table { width: 100%; }
.help table td { vertical-align: top; }
.help table td.left { padding-right: 10px; }
.help table td.right { padding-left: 10px; }

/* survey layout */

#divSurvey { position: relative; }
.survey { }
.survey .buttons { width: 100%; }
.survey .buttons .button { width: 100px; }
.survey .container { padding-top: 5px; }

.navButton a { background-image: url(../_images/survey/nav-buttons-sprite.png); display: inline-block; height: 35px; width: 54px; }
.navButtonPrev a { background-position: 0 0 }
.navButtonNext a { background-position: -54px 0 }
.navButtonPrev a:hover { background-position: 0 -36px }
.navButtonNext a:hover { background-position: -54px -36px }
.navButtonPrev a:active { background-position: 0 -72px }
.navButtonNext a:active { background-position: -54px -72px }

.surveyQuestion { border: solid 3px #d4d4d4; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; width: 400px; margin-bottom: 15px; }
#surveyQuestion { font-size: 1.8em; width: 80%; margin: 0 auto; }
#surveyQuestionIndicator { float: right; }
#surveyAnswersAndFeedback { width: 82%; margin: 0 auto; padding: 20px 0; }
#surveyAnswers { float: left; width: 150px; text-align: left; }
#surveyFeedback { float: right; }

/* modal popup */
.modalpopup { width: 300px; text-align: center; padding: 20px; background: #fff; }
.modalpopup .fulltable { width: 280px; }
.modalBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; }

/* rater status */
.raterCompleted { color: #00aa00; }
.raterIncomplete { color: #ff0000; }
.raterPlacard 
{
	background-color: #e3e3e3; border: 1px solid #5c5c5c;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	display: inline-block; width: 207px; margin: 0 10px 10px 0; padding: 5px 0;
	overflow: hidden;
}
.raterPlacard div 
{
	margin: 0 5px;
}
.raterPlacard .raterName { font-size: 1.2em; font-weight: bold; }
.raterPlacard .raterRelation, .raterPlacard .raterSurvey { font-size: 0.8em; color: #555; }

/* dashboard */
.dashboard .step { /*width: 520px;*/ height: 80px; background: url('../_images/dashboard/step.png'); clear: both; margin-bottom: 10px; }
.dashboard .step div.name { width: 430px; padding: 16px 0px 0px 20px; float: left; font-weight: bold; font-size: 24px; color: #0b4684; }
.dashboard .step span.description { font-size: 12px; padding-left: 4px; color: #000; }
.dashboard .step div.status { width: 50px; padding: 15px 20px 0px 0px; float: right; }
.dashboard .grid { margin-bottom: 10px; }

/* public menu */
#publicmenu
{
    background: url('../_images/public-menu-bg.png') repeat-x top center; height: 53px;
	clear: both;
	color: #ffffff;
	padding-top: 3px;
}
#publicmenu #links 
{
	margin: 0;
	padding: 0;
	text-align: center;
}
#publicmenu #links a
{
	padding: 0;
	margin: 0;
	width: 140px;
	text-align: center;
	color: #ffffff;
	line-height: 47px;
	font-size: 12px;
	display: inline-block;
	font-weight: bold;
}
#publicmenu #links a:hover, #publicmenu #links .active
{
	background: url('../_images/home/menuitem-hovertile.gif') repeat-x;
	text-decoration: none;
}

/* home */
#home { }
#home h1 { font-size: 12px; padding: 0px; margin: 0px; }
#home #floatingImageRotator { height: 390px; width: 410px; margin-left: 4px; float: right; background-color: #0b4684; color: #fff; }
#home #floatingImageRotator h2 { margin: 5px 0 2px 10px; }
#home #floatingImageRotator img { margin: 5px; }
#home #floatingImageRotator p { margin: 0 10px; }
#home #floatingImageRotator a { color: #ff4d4d; }

.contentbox { width: 300px; margin-bottom: 5px; }
.contentbox .top { height: 1px; background: url('../_images/home/contentbox-top.gif') no-repeat; font-size: 1px; }
.contentbox .content { background: url('../_images/home/contentbox-bg.gif') repeat-y; }
.contentbox .content .inner { padding: 5px 10px 5px 10px; font-weight: bold; }
.contentbox .content .inner div { margin-bottom: 5px; }
.contentbox .content .inner .bullet { padding-right: 4px; }
.contentbox .content .inner a { color: #515050; }
.contentbox .bottom { height: 7px; background: url('../_images/home/contentbox-bottom.gif') no-repeat; font-size: 1px; }