/* CSS Document */
	
/** Holds the background and ads Padding. This is the main centered cell that holds the site **/
body,
html {
	margin:0;
	padding:0;
	color:#000;
    background-color: White;
	/*background-image:url(../images/bkg_body.gif);*/
	/*background-color:#97A1AA;
	background-repeat:repeat-x;	*/
	font:normal normal normal 12px Arial, Helvetica, sans-serif;
}

.reportContent {
    font-family: SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.0;
    font-weight: 300;
    letter-spacing: 0em;
}

#wrap {
	width:750px;
	margin:auto auto;
    background-color:#fff;
}
.reportContent #wrap {
	width: 100%;
	max-width: 740px;
	margin-left: 45px;
	background-color: #fff;
}
.reportContent ul, .reportContent ol {
	margin-top:10px;
	margin-bottom: 5px;
}
.reportContent ul li {
	margin-top:10px;
	margin-bottom: 5px;
	line-height:1.1;
}
.reportContent ul li {
	margin-top:5px;
	margin-bottom: 5px;
	line-height:1;
}


#wideWrapper {
	width:950px;
	margin:auto auto;
    background-color:#fff;
}

#header {
	padding:5px 10px;
	background:#fff;
	height:155px;
	margin-bottom:10px;
	background-image:url(../images/heading/headline_wyndham.png);
	/*background-color:#97A1AA;*/
	background-repeat:no-repeat;
	background-position:center bottom;
	text-align:center;
}

#pageWrapper
{
    width: 920px;
    text-align:center;
}
#assessmentScreen {
	background-image:url(../images/A.png);
    background-repeat:no-repeat; 
    background-position:25px 75%;
}

#assessmentSection { 
  text-align :center;
  min-height: 620px;
}

.default #assessmentScreen {
	border-color:#CDE4F5;
}

#bottomBanner {
	padding:5px 10px;
	margin-top:10px;
	text-align:center;
}

h1 {
	margin:0;
}
#nav {
	padding:5px 10px;
	background:#fff;
}
#headerLogo {
	float:left;
	width:350px;
	height:55px;
}
#headerMenu {
	float:right;
	/*width:250px;*/
	text-align:right;
	height:55px;
}

#headerMenu ul, #nav ul {
	margin:0;
	padding:0;
	list-style:none;
}
#headerMenu li, #nav li {
	display:inline;
	margin:0;
	padding:0;
}

#sidebar {
	float:left;
	width:148px;
	padding:10px;
	background:#fff;
	font:normal normal bold 12px Arial, Helvetica, sans-serif;
}

#main {
	float:right;
	width:560px;
	padding:10px;
	background:#fff;
}
#wideMain {
	float:right;
	width:760px;
	padding:10px;
	background:#fff;
}
#mainContent {
    clear:both;
}
#fullContent {
	clear:both;
	padding:5px;
	background:#ffffff;
	border:thin solid;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior:url(border-radius.htc);
}
#singleColumn {
	margin:10px;
	padding:5px;
	background:#ffffff;
}
#leftSection {
	float:left;
	width:348px;
	padding:0 10px 0 10px;
	background:#fff;
	vertical-align:top;
	font:normal normal bold 12px Arial, Helvetica, sans-serif;
}
.rightSection {
	float:right;
	width:560px;
	padding:10px;
	background:#fff;
	margin-bottom:10px;
}
/* anchors
a:link {
text-decoration: none;
color: #005daa;
}
a:visited {
text-decoration: none;
color: #005daa;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
 */
a.actionLink, a.actedLink {
	font:normal normal bold 12px Arial, Helvetica, sans-serif;
}
a.actionLink {
	color:#00C;
}
a.actedLink {
	color:#C66;
}
.disabledText {
	color:#999;
}
h2 {
	margin:0 0 1em;
}


#footer {
	clear:both;
	margin-top:20px;
	padding:5px 10px;
	background:#eee;
	text-align:center;
}
#footer p {
	margin:0;
}
* html #footer {
	height:1px;
}
.curved {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior:url(border-radius.htc);
}



.ContentTable { 
	color: #696969; 
	background-image: url(../images/page_bg.gif); 
	background-repeat: repeat-y; 
	text-decoration: none; 
	padding: 0 10px 10px; 
	border-spacing:0; }


/** When using pannels, use the following **/	
.Heading_BG { /** Backround Gradient for Pannel headings **/
    background-repeat: repeat-x; }

.HeadingBlue_BG { /** Backround Gradient for Pannel headings that need attention **/
background-color: #2b53a8; 
background-image: url(../images/heading/headBlue_bg.gif); 
background-repeat: repeat-x; }

.Heading_white { /** Text pannel headings **/
color: #fff; 
font-size: 13px; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-weight: bold;
text-decoration: none; }

.Heading_black { /** Text pannel headings **/
color: #000000; 
font-size: 15px; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-weight:bold;
text-decoration: none }

.HeadingBlue_BG { /** Backround Gradient for Pannel headings that need attention **/
background-color: #2b53a8; 
background-image: url(../images/heading/headBlue_bg.gif); 
background-repeat: repeat-x; }

.textstandardTopBorder { /** Used for actions at the bottom of a pannel. For example submit buttons. It has a blue border on top to divide it from the text areas above **/
color: #696969; 
font-size: 12px; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-style: normal; 
font-weight: normal; 
line-height: 16px; 
background-color: #feffff; 
text-decoration: none; 
padding: 5px; 
border-top: 1px solid #2b55a9; 
}

.Sorting_asc, .Sorting_desc, .Sort_Select {  /** This styel is for the TD's containing criereria titles or sort criteria(Blue Strip)**/
color: #fff; 
font-size: 12px; 
font-family:Arial, Helvetica, sans-serif; 
font-weight:bold;
padding: 5px; 
border-top: 1px solid #feffff; 
border-left: 1px solid #feffff; 
}
.Sorting_asc a, .Sort_Select  a {
	color:#fff;
}
.Sorting_asc {
	background-image: url(../images/sorting_asc.png); 
	background-repeat: no-repeat;
	background-position:95% 50%;
}
.Sorting_desc {
	background-image: url(../images/sorting_desc.png); 
	background-repeat: no-repeat;
	background-position:95% 50%;
}
.white_row { /** White row This style is for the TD's in line displays. **/
	font: normal normal 12px Arial, Helvetica, sans-serif; 
	line-height: 18px; 
	background-color: #feffff; 
	padding: 5px; 
}

.grey_row { /** Grey row This style is for the TD's in line displays. **/
	font: normal normal 12px Arial, Helvetica, sans-serif; 
	line-height: 18px; 
	background-color: #e5e6e7; 
	padding: 5px; 
}

/** Text styles in all general locations. **/

.greyText { /** General Text styles **/
color:#999;
font-size: 11px; 
}
.textstandard { /** General Text styles **/
color: #696969;
font-size: 12px; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-weight: normal; 
font-style: normal; 
line-height: 16px; 
text-decoration: none; 
}


.textstandardPadded { /** General Text styles with padding **/
color: #696969; 
font-size: 12px; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-style: normal; 
font-weight: normal; 
line-height: 16px; 
text-decoration: none; 
padding: 5px; 
}

/** Styles provided by BankAtlantic **/

fieldset,img 
{  
    border:0; 
}
	
address,caption,cite,code,dfn,em,th,var { 
font-style:normal; 
font-weight:normal; 
} 
/*
ol,ul { 
list-style:none; 
} 
*/
caption,th { 
text-align:left; 
}
/** utility **/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/* .clearfix {display: inline-table;} */

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.hid {
	visibility: hidden;
	display: none;
}

/* fonts */

.lightGrayText {
color: #a4a4a4;
}
.darkGrayText {
color: #666666;
}	
strong {
font-weight: bold;
}

a.blueButton:visited {
text-decoration: none;
color: #FFFFFF;
}

.blackMenu
{
color: #000000;
padding-left:5px;
padding-right:5px;
text-align:left;
}

a.underline {
text-decoration: underline;
}
a.blueButton	  
{  	padding: 2px 5px 10px 5px;
background: url(../images/blue_button_bg.jpg) repeat-x;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}
/** headers **/
h1, #content.nested h1 {
	font: 24px Arial, Helvetica, sans-serif; 
	color: #333333;
	padding: 10px 0;
}
#content.nested h1 {
padding-top: 4px;	
padding-bottom: 15px;
margin-bottom: 0;
}

h2 {font-size:14px; color: #333333; padding-top: 7px; border-bottom: 2px solid #d2d2d2;}
#content.nested h2 {
border-bottom: 0 none;
padding-bottom: 11px;
font-weight:bold;
}

h3 {font-size: 13px; color: #333333; padding: 10px 0;}
h3.bdr_right_col {
background: url(../images/rh_header_bdr.gif) repeat-x bottom left;
}

h4 {font-size: 12px; color: #333333; padding-top: 9px; padding-left: 4px; padding-bottom: 4px;}
h4.bdr_right_col {
border-bottom: 1px solid #dfdfdf;
}

table.listTable{
        border-top: 4px double #ddd;
        border-bottom: 4px double #ddd;
}
table.listTable th{
        color: #7f7f7f;
        background-color:#f4f4f4 !important;
}
table.listTable th a:visited{
        color: #2b55a9;
}
table.listTable td{
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
}
table.listTable td, table.listTable th{
        border-left:1px solid #ddd;
        padding:10px;
}
table.listTable td:first-child, table.listTable th:first-child{
        border-left:none !important;
}

#footerBlock {
background: #f9f9f9 url(../images/footer_bg.gif) no-repeat center top;
width: 912px;
margin: 0 auto;
padding: 4px 13px;
padding-top: 19px;
font-size: 10px;
}
#footerBlock p.lightGrayText {
padding-right: 15px;
padding-top: 15px;
}
#footerBlock .footIndent {
background: url(../images/footer_top_line.gif) repeat-x left top;
border-bottom: 1px solid #d2d3d4;
padding: 17px 10px 11px 11px;
min-height: 28px;
}

* html #header .topBox {
margin-right: 57px;
}
.topBox #bottomRow p {
padding-top: 6px;
}
.topBox #bottomRow, .topBox #bottomRow a {
color: #333333;
padding: 0 6px;
}

.topBox #topRow {
line-height: 19px;
vertical-align: middle;
padding-bottom: 5px;
margin-right: 6px;
background: url(../images/line_header.gif) no-repeat bottom right;
}
.topbox #topRow p {
display: inline;
}
.topBox #topRow a {
padding-left: 7px;
padding-right: 4px;
color: #555555;
}
#topRow form {
display: inline;
padding-left: 4px;
height: 19px;
}
/*
form input {
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #333333;
}*/
form input.searchBtn {
background: url(../images/btn_search.gif) no-repeat left bottom;
width: 20px;
height: 18px;
border: 0 none;
}
form a:link {
text-decoration: underline;
}	
/** Top Nav **/
#topNav {
background: url(../images/tier2_bg.gif) no-repeat left top;
height: 50px;
width: 888px;
margin-left: 12px;
margin-right: 9px;
}
#topNav .lang {
	float: right;
	padding-right: 9px;
	padding-top: 7px;
}
.pageTitle 
{
float:none;
font-size: 32px; 
font-family: Arial, Helvetica, sans-serif; 
font-weight: bold;
color:Black;
}
.pageTitle2
{
float:none;
font-size: 28px; 
font-family: Arial, Helvetica, sans-serif; 
font-weight: bold;
color:Black;
}
.pageDate: 
{
    float:right;
    font-size: 14px; 
    font-family: Arial, Helvetica, sans-serif; 
    font-weight: bold;
    color:Black;
    margin-top:2px;
}
#topNav #holder a {
font: 11px Arial, Helvetica, sans-serif;
color: #FFFFFF;
}
#topNav #holder a:hover,  #topNav #holder a.sel {
	text-decoration: underline;
}

/** Main Content **/
#content {
    margin-left: 12px;
    margin-right: 9px;
    font-family: Arial, Helvetica, sans-serif;
}

#content.nested {
    margin-top: 5px;
    padding-top: 8px;
    background: white url(../images/nested_bdr.gif) no-repeat left top;
}

#content #leftHome, #content #left, #content #middle, #content #right {
    float: left;
}

#content #leftHome, #content #left {
    width: 192px;
}
#middle {
	width: 480px;
	margin-left: 12px;
}
#wideContent {
	margin-left: 12px;
	width: 672px;
	float: left;
}
#ie7andup {
min-height: 300px;
}
.mainLists {
margin-top: 10px;
padding-bottom: 35px;
min-height: 40px;
}

.mainLists div {
	float: left;
	width: 149px;
	border-right: 1px solid #d2d2d2;
	padding-bottom: 20px;
	padding-right: 8px;
	margin-left: 6px;
}
.dottedRight {
	border-right: 1px dotted #d2d2d2;

}
span.free {
	color: #e90019;
	font-weight:bold;
	text-transform:uppercase;
}
table.date, #wideContent table.date {
	width: 450px;
	background: url(../images/table_bdr.gif) repeat-x bottom left;
	padding-bottom: 3px;
	min-height: 30px;
}
#ie7andup table.date td.bdr_bottom {
	background: url(../images/table_bdr.gif) repeat-x bottom left;
	border-bottom: 0 none;
	padding-bottom: 3px;
}
table.date caption {
	color: #333333;
	padding-bottom: 7px;
	background: url(../images/table_bdr.gif) repeat-x bottom left;
	padding-left: 3px;
	padding-top: 25px;
	min-height: 10px;
}
table.date thead {
	background-color: #ebe9e9;
}

table.date tr {
	height: 28px;
}
table.date th, table.date td, table.banker td {
	color: #025eab;
	font-size: 10px;
	text-align: center;
	border-bottom: 1px solid #e0e0e0;
	width: 150px;
}
table.date th.days, table.date td.days {
	width: 140px;
}
table.date td {
	color: #333333;
	font-size: 11px;
}
#wideContent table.date h3 {
	padding-bottom: 0;
}

div.alignMiddle {
	vertical-align: middle;
}


.confirm
{
	font: 11px "bold Verdana", sans-serif;
	letter-spacing: 2px;
	letter-spacing: 0;
	padding: 0;
	text-transform: uppercase;
}

.confirm a
{ font-size: 11px; font-weight: bold; color: #060; font-family: Verdana, Arial, Helvetica, sans-serif; display: block; height: 100%; padding: 0 0 0 10px; }

.confirm a:hover
{ background: #fff url(../images/confirm.gif) repeat-x left bottom; color: #090; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.subHead
{ border-style: solid; border-width: 0 0 1px 1px; background: #f2f2f2; color: #933; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: 1px; line-height: normal; text-transform: uppercase; cursor:pointer; text-align: center; }



.schedule
{
	background: #fff;
}

.odd
{
	/*background-image: url(../images/odd.png);*/
	background: #FBFAEA;
}



.categories { /*this style applies to tables that have categories above such as name,phone etc.*/
    color: #000; 
    font-size: 12px; 
    font-family: Verdana,"Trebuchet MS", Geneva, Helvetica, SunSans-Regular, sans-serif; 
    font-weight: bold; 
    font-style: normal; 
    background-color: #ebebe9; 
    text-decoration: none; 
    padding: 10px; 
    border-top:solid 1px white;
}


.whiterow { /*This style is for information rows. This one is white*/
color: #000000; 
	font: normal normal normal 12px verdana, sans-serif;
background-color: #fff; 
text-decoration: none; }

.greyrow { /*This style is for information rows. This one is grey*/
    color: #000000; 
	font: normal normal normal 12px verdana, sans-serif;
    background-color: #f3f3f3; 
    text-decoration: none; 
}

.white { 
    color: #000000; 
    background-color: #fff; 
    text-decoration: none; }

.grey {
    color: #000000; 
    background-color: #f3f3f3; 
    text-decoration: none; 
}

tr.white > td, tr.grey > td {
    padding-top:0.4em;
    padding-bottom:0.4em;
}

tr.whiterow:hover
{
	background: #ffd;
}

tr.greyrow:hover
{
	background: #ffd;
}

.errMsg {
 FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ff0000; FONT-FAMILY: Arial, Helvetica, sans-serif
}
 
.popupTable { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 16px; text-decoration: none; background-color: #a6a8aa; padding: 10px; border: solid 1px #d6051b }
.popupTabletext  { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; line-height: 16px; text-decoration: none; padding: 0 10px 5px }
.buttonBlue  { color: #fff; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; background-color: #2b55a9; padding: 2px; border-style: solid; border-width: 1px; border-color: #5f88cd #000080 #000080 #5f88cd !important }

td.legendPanelHeader
{
    font-size: 14px; 
    font-weight: bold; 
    font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
    background: #AFC7C5;
    padding: 0 5px 0 0;
    text-align:left;
}
 
td.matrixGroupHeader 
{
    FONT-SIZE: 12px; 
    font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
    font-weight: bold; 
    padding: 0 5px 0 0;
    text-align:center;
} 

td.matrixAnswer 
{
    FONT-SIZE: 12px; 
    font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
} 

.matrixAnswerHeader 
{
    FONT-SIZE: 12px; 
    font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
    font-weight: bold; 
    padding: 0 5px 0 0;
    text-align:center;
}
td.matrixAnswerHeader_NA
{
    FONT-SIZE: 12px; 
    font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
    font-weight: bold; 
    padding: 0 5px 0 0;
    text-align:center;
    background-color:Silver;
}
td.matrixAnswerCell 
{
    FONT-SIZE: 12px; 
    /*padding: 0 5px 0 0; */
    text-align:center;
}
td.matrixAnswerCell_NA
{
    FONT-SIZE: 12px; 
    padding: 0 5px 0 0; 
    text-align:center;
    background-color:Silver;
}

div.collapsiblePanel
{
    width: 800px;
    padding: 0;
    margin: 0;
    border:solid 1px gray;
}

div.collapsiblePanelHead 
{
    width:775px;
    height:22px;
    background-color:Silver;
    color:Black;
    padding:4px 0 0 25px;
    vertical-align:middle;
    text-align:left;
    cursor:pointer;
    background-image: url(../images/minus.gif);
    background-repeat:no-repeat; 
    background-position:0% 55%;
}

div.collapsiblePanelHead2
{
    background-color:Gray; 
    color:White;
    background-image: url(../images/plus.gif);
    background-repeat:no-repeat; 
    background-position:0% 55%;
}

div.collapsiblePanelContent
{
    width:100%;
}

table.legendBox
{
    width:240px;
    border: 1px solid #ccc;
}

td.legendColHeader 
{
    background: #dddddd;
    font-weight: bold; 
    color:black;
    text-align:left;
    padding:2px;
}

td.legendColID
{
    width:30px;
    color:black;
    font-weight: bold; 
    text-align:left;
    padding:1px;
}

td.legendColContent
{
    width:50px;
    color:black;
    font-weight: normal; 
    text-align:left;
    padding:1px;
}

tr.trLegendContent 
{
    padding: 5px;
}

tr.questionRow 
{
    border-bottom:solid 1px #dddd00;
    background-color:white;
    padding: 5px 15px 10px 15px;
}

tr.alternativeQuestionRow 
{
    border-bottom:solid 1px #dddd00;
    background-color:#E0E9E8;
    padding: 5px 15px 10px 15px;
}
    
td.questionContentColumn 
{
    FONT-SIZE: 12px; 
    font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
    text-align:left;
}
td.answerColumn 
{
    width:240px;
    text-align:right;
}
td.dateColumn 
{
    width:100px;
    text-align:center;
    padding-left:50px;
}
table.questionSection
{
    border:0px;
    padding:2px;
    width:260px;
}

table.questionSection
{
    border:0px;
    padding:5px;
    width:700px;
}
/*.hide { VISIBILITY: hidden }*/
.sidebarPanelContent {
	padding:5px;
}
.infoTable {
    border-spacing: 0px;
    border-collapse: collapse;
	margin-left:5px;
	padding:5px 0 5px 0;
    width: 98%;
	font: normal normal 12px Arial, Helvetica, sans-serif; 
	line-height: 18px; 
}
.infoNotes {
	margin:15px 0 5px 5px;
	font: normal normal 10px Arial, Helvetica, sans-serif; 
	color:#999;
}
input.mandatoryField {
	background-image:url(../images/mandatory.png);
	background-repeat:no-repeat;
	background-position:top right;
	padding-right: 10px;
}

label.mandatoryField {
	color:#A30306;
}

.notmandatoryField {
	background-repeat:no-repeat;
	background-position:right;
}
.infoButtons {
	margin:auto auto;
	text-align:center;
	vertical-align:baseline
}
	
.leftPanelContent {
	padding-bottom:10px;
}
.infoIcon {
	text-align:center;
	padding:auto auto;
}
.infoIconTag {
	text-align:center;
	line-height:12px;
	font: normal normal 9px Arial, Helvetica, sans-serif; 
}
.subInfoTitle {
	font: normal normal bold 14px Arial, Helvetica, sans-serif; 
	color:#8A0000;
	padding:0px 3px;
}


/* begin of tabs */
#tabMain {
	border: 1px solid #666;
	clear: both;
	background: #fff;
	padding-top: 2em;

}

#tabContents {
	padding: 1.5em;
	background: #FFFDF3;
	min-height: 300px;

}

#tabHeader {
	position: relative;
	width: 100%;
	height: 3em;
	width: 70em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */

}

#tabHeader ul#primary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	width: 70em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */

}

#tabHeader ul#primary li  {
	display: inline;
	list-style: none;

}

#tabHeader ul#primary a,#tabHeader ul#primary span,#tabHeader ul#primary a.current {
	width: 12em;
	display: block;
	float: left;
	padding: 4px 0;
	margin: 1px 2px 0 0;
	text-align: center;
	font: normal normal bold 12px Verdana,"Trebuchet MS", Geneva, Helvetica, SunSans-Regular, sans-serif; 
	color: #333;

}

#tabHeader ul#primary span,#tabHeader ul#primary a.current,#tabHeader ul#primary a.current:hover {
	border: 1px solid #900;
	border-bottom: none;
	background:#fff;
	color:#c00;
	padding-bottom: 6px;
	margin-top: 0;

}

#tabHeader ul#primary a {
	background:#6F0000;
	color:#fff;
	border: 1px solid #AAA;
	border-bottom: none;

}

#tabHeader ul#primary a:hover {
	margin-top: 0;
	border-color: #666;
	background: #FFF7CD;
	padding-bottom: 5px;

}

#tabHeader ul#secondary {
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: -1.4em;
	left: 1px;
	width: 50em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */

}

#tabHeader ul#secondary li a,#tabHeader ul#secondary li span {
	width: auto;
	display: block;
	float: left;
	padding: 0 10px;
	margin: 0;
	border: none;
	border-right: 1px dotted #AAA;
	background: none;


}

#tabHeader ul#secondary li a {
	color:#036;
	font: normal normal normal 10px Verdana,"Trebuchet MS", Geneva, Helvetica, SunSans-Regular, sans-serif; 
	text-decoration: underline;

}

#tabHeader ul#secondary li a:hover {
	color: #333;
	background: transparent;
	padding: 0 10px;
	border: none;
	border-right: 1px dotted #AAA;

}

#tabHeader ul#secondary li a:active {
	color: #000;
	background: transparent;

}

#tabHeader ul#secondary li:last-child a { border: none; }
/* end of tabs */
/* xp theme */
.dardenTab .ajax__tab_header 
{
    color:#fff;
    font:normal normal bold 13px verdana,tahoma,helvetica;
    background:url(../images/tab-line_darden.gif) repeat-x bottom;
}
.dardenTab .ajax__tab_header .ajax__tab_active
{
    color:#900;
}
.dardenTab>.ajax__tab_header .ajax__tab_hover
{
    color:#900;
}
.dardenTab .ajax__tab_outer 
{
    padding-right:0px;
    background:url(../images/tab-right_darden.gif) no-repeat right;height:21px;
}
.dardenTab .ajax__tab_inner 
{
    padding-left:3px;
    background:url(../images/tab-left_darden.gif) no-repeat;
}
.dardenTab .ajax__tab_tab 
{
    height:17px;
    padding:4px;
    margin:0;
    background:url(../images/tab_darden.gif) repeat-x;
 }
.dardenTab .ajax__tab_hover .ajax__tab_outer {
    padding-right:0px;
    background:url(../images/tab-hover-right_darden.gif) no-repeat right;
}
.dardenTab .ajax__tab_hover .ajax__tab_inner 
{
    padding-left:3px;
    background:url(../images/tab-hover-left_darden.gif) no-repeat;}
.dardenTab .ajax__tab_hover .ajax__tab_tab 
{
    height:17px;
    background:url(../images/tab-hover_darden.gif) repeat-x;}
.dardenTab .ajax__tab_active .ajax__tab_header 
{
    color:#900;
}
.dardenTab .ajax__tab_active .ajax__tab_outer 
{
    padding-right:0px;
    background:url(../images/tab-active-right_darden.gif) no-repeat right;
}
.dardenTab .ajax__tab_active .ajax__tab_inner 
{
    padding-left:3px;
    background:url(../images/tab-active-left_darden.gif) no-repeat;}
.dardenTab .ajax__tab_active .ajax__tab_tab 
{
    height:17px;
    background:url(../images/tab-active_darden.gif) repeat-x;}
.dardenTab .ajax__tab_body 
{
    font:normal normal bold 12px verdana,tahoma,helvetica;
    border:1px solid #cc0000;
    border-top:0;
    padding:8px;
    background-color:#ffffff;}
.dardenSubTab .ajax__tab_header 
{
    font:normal normal normal 11px verdana,tahoma,helvetica;
    background:url(../images/tab-line.gif) repeat-x bottom;
    color:#600;
}
.dardenSubTab .ajax__tab_header .ajax__tab_active
{
    color:#900;
}
.dardenSubTab>.ajax__tab_header .ajax__tab_hover
{
    color:#900;
}
.dardenSubTab .ajax__tab_outer 
{
    padding-right:4px;background:url(../images/tab-right.gif) no-repeat right;
    height:21px;}
.dardenSubTab .ajax__tab_inner 
{
    padding-left:3px;
    background:url(../images/tab-left.gif) no-repeat;}
.dardenSubTab .ajax__tab_tab 
{
    height:13px;
    padding:4px;margin:0;
    background:url(../images/tab.gif) repeat-x;}
.dardenSubTab .ajax__tab_hover .ajax__tab_outer 
{
    background:url(../images/tab-hover-right.gif) no-repeat right;}
.dardenSubTab .ajax__tab_hover .ajax__tab_inner 
{
    background:url(../images/tab-hover-left.gif) no-repeat;}
.dardenSubTab .ajax__tab_hover .ajax__tab_tab 
{
    height:13px;
    background:url(../images/tab-hover.gif) repeat-x;}
.dardenSubTab .ajax__tab_active .ajax__tab_outer 
{
    background:url(../images/tab-active-right.gif) no-repeat right;}
.dardenSubTab .ajax__tab_active .ajax__tab_inner 
{
    background:url(../images/tab-active-left.gif) no-repeat;}
.dardenSubTab .ajax__tab_active .ajax__tab_tab 
{
    height:13px;
    background:url(../images/tab-active.gif) repeat-x;}
.dardenSubTab .ajax__tab_body 
{
    font:normal normal bold 9px verdana,tahoma,helvetica;
    border:1px solid #999999;
    border-top:0;padding:8px;background-color:#ffffff;}
.dropDownIndicator 
{
    margin-left:15px;
    padding-right:25px;
    margin-left:5px;
    background-image:url(../images/smalldown.png);
    background-position:right;
    background-repeat:no-repeat;
}

.buttonWithFollowingText 
{
    margin-right:5px;
    vertical-align:baseline;
}


ul.column
{
	padding-left: 10px;
	margin: 20px 5px;
	list-style: none;
}
ul.column li {
	float: left;
	width: 190px; /*Set default width*/
	margin: 5px 0;
	display: inline;
}
ul.column li div {
	padding: 5px;
}
.block {
	height: 150px;
	font-size: 1em;
	margin-right: 10px; /*Creates the 10px gap between each column*/
	padding: 2px;
	text-align:left;
}
.block h2 {
	font-size: 1.8em;
}
.block img {
        /*Flexible image size with border*/
	width: 89%;  /*Took 1% off of the width to prevent IE6 bug*/
	padding: 5%;
	background:#fff;
	margin: 0 auto;
	display: block;
	-ms-interpolation-mode: bicubic; /*prevents image pixelation for IE 6/7 */
}
.blockID {
	padding:2px;
	width:15px;
	background-color: #fff;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity: 0.6;
	float:left;
	font:normal normal bold 14px Arial, Helvetica, sans-serif;
}
.blockTitle {
	padding:2px;
	font:normal normal bold 14px Arial, Helvetica, sans-serif;
}
.blockContent {
	text-align:left;
	color:#000;
	clear:both;
	margin:0;
	padding:0;
	font:normal normal normal 12px Arial, Helvetica, sans-serif;
}
.blockContent div{
	padding:5px;
	height:125px;
}
.greenBG {
	color:white;
	background-color:#090;
}
.blueBG {
	color:white;
	background-color:#069;
}
.orangeBG {
	color:white;
	background-color:#E70;
}
.yellowBG {
	color:white;
	background-color:#e8bd11;
}
.redBG {
	color:white;
	background-color:#C30;
}
.transbox {
	width:100%;
	filter:alpha(opacity=85);
	opacity: 0.85;
	-moz-opacity:0.85;
}

.transbox div{
	background-color:#FFF;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}

.halfTransbox div{
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	position: relative;
}

.greenFC {
	color:#090;
}
.blueFC {
	color:#069;
}
.orangeFC {
	color:#D94600;
}
.yellowFC {
	color:#e8bd11;
}
.redFC {
	color:#C30;
}


.questionID { /** Text pannel headings **/
    color: #62646E; 
    background-color:#E7EAE1;
    font:normal normal bold 15px Verdana, Geneva, sans-serif;
    text-decoration: none;
    width:5em;
    padding:0 0.5em 0 0.5em;
    display:inline; 
}

.questionContent {
	text-align:left;
	padding:5px;
	margin:1em 1em 0.1em 1em;
    width:95%;
    color:#3E4253;
    font:normal normal bold 12px Verdana, Geneva, sans-serif;
}

.questionContentAlt {
	text-align:left;
	padding:5px;
	margin:1em 0em 0.1em 0em;
    width:95%;
    font:normal normal bold 12px Verdana, Geneva, sans-serif;
    color:#3E4253;
    background-color: #d3d3d3; 
}

.updatequestionContent {
	text-align:left;
	padding:5px;
	margin:1em 1em 0.1em 1em;
    width:95%;
    color:#3E4253;
    font:normal normal bold 12px Verdana, Geneva, sans-serif;
}
.skillContent {
	text-align:left;
	padding:5px;
	margin:1em 1em 0.1em 1em;
    width:95%;
    color:#3E4253;
    font:normal normal bold 12px Verdana, Geneva, sans-serif;
}

.answerContent {
	text-align:left;
	padding:5px;
	margin:0.5em 2em 1.5em 3em;
	font:normal normal normal 12px Arial, Helvetica, sans-serif;
}

.answerContentAlt {
	text-align:left;
	padding:5px;
	margin:0.5em 2em 2.5em 3em;
	font:normal normal normal 12px Arial, Helvetica, sans-serif;
	background-color: #f3f3f3; 
}

.dropCap:first-letter {
	font-size:150%;
	float:left;
	display:block;
	margin: 0.1em 0.5em 0.1em;
	height:3.5em;
	color:#ddd;
}
   
div.answerStatus {
	padding:2px;
	margin-top:30px;
	height:30px;
	width:90%;
	margin-left:5%;
	background-color:#FFC;
	font:normal normal bold 13px Arial, Helvetica, sans-serif;
}
.title {
	font-family:Arial, Helvetica, sans-serif;
}
.sectionTitle {
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(../PROSPECT/images/reports/orangerct.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	color: #647915;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.sectionTitle div {
    border-bottom-color:#a9d500; 
    border-bottom-style:dotted;
    margin-left:40px;
    width:450px;
}
.titleBar {
	width:100%;
	font:normal normal bold 20px Arial, Helvetica, sans-serif;
	text-align:center;
	padding:3px;
	margin-top:10px;
	margin-bottom:15px;
	vertical-align:bottom;

}
.iconCell {
	cursor:pointer;
	text-align:center;
	font:normal normal normal 11px Arial, Helvetica, sans-serif;
	padding:5px;
}

div.clickable{
	cursor:pointer;
}

div.clickable:hover {
	filter:alpha(opacity=30);
	opacity: 0.30;
	-moz-opacity:0.30;
}

a.linkBlock {
	display:block;
	padding:5px;
	text-align:center;
	font:normal normal normal 11px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	background-color:#FFF;
}
a.linkBlock div {
	visibility:hidden;
}
a.linkBlock:hover {
	background-color:#DCE1FA;
	text-decoration:underline;
}
a.linkBlock:hover div {
	visibility:visible;
}
.titleBar div#questionTitle {
	margin-top:15px;
	margin-right:45px;
}

/* buttons */
.button {
    width: 120px;
    margin-left:auto;
    margin-right:auto;
    font-weight: bold;
    font-size: 16px;
    background: url(../images/confirmButton.png) no-repeat;
    text-align:center;
    vertical-align:middle;
}

.button a {
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.button a:hover,
.button a:active {
    text-decoration: underline;
    cursor: pointer;
}

.button-big {
    width: 270px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    background: url(../images/buttonalt-longer-bg.png) no-repeat;
	float:left;
}

.button-big a {
    display: block;
    padding: 4px 0 6px;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.button-big a:hover,
.button-big a:active {
    text-decoration: underline;
    cursor: pointer;
}


.button-onwhite{
    width: 200px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    background: url(../images/buttonalt-bg-onwhite.png) no-repeat;
}

.button-onwhite a {
    display: block;
    padding: 4px 0 6px;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.button-onwhite a:hover,
.button-onwhite a:active {
    text-decoration: underline;
    cursor: pointer;
}

.linkButton {
    text-align: center;
	vertical-align:bottom;
    line-height: 45px;
	
}

/* alignment */
.centered {
	text-align:center;
	width:98%;
	margin-left:50px;
}

.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
img.floatRight 
{
    margin:5px 0 5px 10px;
}
div.clearFloat {
	clear:both;
	float:none;
}

.scaleBasedQuestion {
    margin-bottom:0.5em;
    padding-left:10px;
    padding-right:10px;        
    line-height:25px;
}

.opt1, .opt2, .opt3, .opt4 {
    width:35px;
    height:35px;
    padding:2px;
    background-color:#DDDDDD;
    margin-left:10px;
    border:#000000 thin;
    cursor:pointer;
}

.opt1.selected {
    background-color:#906;
}

.opt2.selected {
    background-color:#F93;
}

.opt3.selected {
    background-color:#69F;
}

.opt4.selected {
    background-color:#0C3;
}

.answers {
    float:right;
    width:156px;
}

.clearFloat {
    clear:both;
    float:none;
}

.optionLink 
{
    text-decoration:none;
    font:normal normal bold 15px Verdana, Geneva, sans-serif;
    color:#000000;
}

.optionLink:hover 
{
    color:#00F;
    text-decoration:underline;
}

a.media   { display: block; }
div.media { font-size: small; margin: 25px; width: 100% !important }
div.media div, div.iframe_caption { font-style: italic; color: #888; }


/* cornered block */
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#CACEF0}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #e8e9f8;
  border-right:1px solid #e8e9f8;
  background:#d7daf3}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f9fafd;
  border-right:1px solid #f9fafd;
  background:#d4d7f2}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #d4d7f2;
  border-right:1px solid #d4d7f2;}
.spiffy4{
  border-left:1px solid #e8e9f8;
  border-right:1px solid #e8e9f8}
.spiffy5{
  border-left:1px solid #d7daf3;
  border-right:1px solid #d7daf3}
.spiffyfg{
  background:#CACEF0;}
  
/* trashbox */  
.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(../images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(../images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(../images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
}
.boxbody {
	background: url(../images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

.updateNotice {
	background-color:orange;
	font:normal normal bold 12px Arial, Helvetica, sans-serif;
	margin-top:10px;
	text-align:center;
	float:right;
	width:120px;
}
.testMessage 
{
	font:normal normal bold 18px Arial, Helvetica, sans-serif;
	margin-left:2em;
	margin-right:2em;
}
.notification {
	border:3px solid #d55b5b;
	background-color: #ffcdcd;
	padding:5px;
}
.status {
	font:normal normal bold 9px Arial, Helvetica, sans-serif;
	color:#75AA33;
}

.invisible
{
    display:none;
}

div.scroll {
    /*height: 80%;*/
    width: 80%;
    height: 300px;
	font:normal normal normal 1.3em verdana, sans-serif;
    overflow: auto;
    border: 1px solid #dedede;
    background-color: #eee;
    padding: 8px;
}

div.noscroll {
    width: 98%;
	font:normal normal normal 1.3em verdana, sans-serif;
    overflow: auto;
    padding: 8px;
}

div.groupQuestion 
{
    float: left;
    width: 320px;
    height:50px;
    vertical-align:middle;
}
div.groupAnswer
{
    float: right;
    height:50px;
    vertical-align:middle;
}
div.topInner { 
	color: #000; 
	text-align: center; 
	font-family: verdana, arial, sans-serif;
	font-size: large; 
	color: #fff;
	margin: 0; 
	background-color:#2F67A9;
	padding: 2px; 
	border:0; 
	zoom:1;
}
div.bottomInner { 
	color: #000; 
	text-align: left; 
	font-family: verdana, arial, sans-serif;
	font-size: small; 
	margin: 0; 
	background: #EDEEEF; 
	padding: 5px; 
	border:0; 
	zoom:1;
}
div.topOuter { 
	float: left; 
	margin: 15px 15px 0px 15px; 
	background: #A0A1A2; 
	padding: 8px; 
	width: 95%;
}
div.bottomOuter { 
	float: left; 
	margin: 0 15px 15px 15px; 
	background: #A0A1A2; 
	padding: 8px; 
	width: 95%;
}

div.topOuter2 { 
	float: left; 
	margin: 15px 15px 0px 15px; 
	background: #A0A1A2; 
	padding: 8px; 
	width: 600px;
}
div.bottomOuter2 { 
	float: left; 
	margin: 0 15px 15px 15px; 
	background: #A0A1A2; 
	padding: 8px; 
	width: 600px;
}
div.clearFloat {
	clear:both;
	float:none;
}

.customForm label{
	float: left;
	padding-left:10px;
	width: 100px;
	font-weight: bold;
	text-align:left;
}

.customForm input, .customForm textarea{
	width: 130px;
	margin-bottom: 5px;
	text-align:left;
}

.customForm textarea{
	width: 250px;
	height: 150px;
}
.customForm select {
	margin-bottom: 5px;
}
.boxes{
	width: 1em;
}

#submitbutton{
	margin-left: 120px;
	margin-top: 5px;
	width: 90px;
}

br{
clear: left;
}


.notice {
  margin:20px 10px 10px 10px;
  text-align:left;
  font-size:small;
}

input.timepicker {
  border:1px solid #666;
  background:#e5e5e5;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  font-size:100%;
  width:58px;
  text-align:center;
  color:#666;
  font-weight:bold;
}
input.timepicker:focus {
  border-color:#fff;
  color:#333;
}

.bgGirlPricing {
	background-image:url(../images/layout/Pricing.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	min-height:400px;
}

.bgMountain {
	background-image:url(../images/layout/MountainBackground.PNG);
	background-repeat:no-repeat;
	background-position:right bottom;
	min-height:400px;
}
.bgBasket {
	background-image:url(../images/layout/Basket.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	min-height:200px;
}
#progresstext {
    position:relative;
    top:-18px;
}
.padLeft50 
{
    padding-left: 50px;
}

.trueFalseControlGroup
{
    position:relative;
    top:-10px;
}

.customControlGroup
{
    position:relative;
    top:-12px;
    /*Valentyna 2010/11/22 removed to keep question and answer in 1 line*/
    /*margin-left:25px;*/
}

.trueFalseQuestionAlt {
	text-align:left;
	padding:5px;
	margin:0em 0em 0em 1.5em;
    width:95%;
    font:normal normal bold 12px Verdana, Geneva, sans-serif;
    color:#3E4253;
    background-color: #d3d3d3; 
}

.trueFalseQuestion {
	text-align:left;
	padding:5px;
	margin:0em 0em 0em 1.5em;
    width:95%;
    color:#3E4253;
    font:normal normal bold 12px Verdana, Geneva, sans-serif;
}

.trueFalseQuestion .answerContent, .trueFalseQuestionAlt .answerContent {
	margin:0em 0em 0em 2em;
}


.matrixQuestionAlt {
	text-align:left;
	padding:5px;
	margin:0em 0em 0em 1.5em;
    width:99%;
    font:normal normal bold 12px Verdana, Geneva, sans-serif;
    color:#3E4253;
    background-color: #d3d3d3; 
}

.matrixQuestion {
	text-align:left;
	padding:5px;
	margin:0em 0em 0em 1.5em;
    width:99%;
    color:#3E4253;
    font:normal normal bold 12px Verdana, Geneva, sans-serif;
}

.matrixQuestion .answerContent, .matrixQuestionAlt .answerContent {
	margin:0em 0em 0em 8em;
}

.vertical-text {
	color:#333;
	border:0px solid red;
	writing-mode:tb-rl;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	white-space:nowrap;
	display:block;
	bottom:0;
	width:20px;
	height:20px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	text-shadow: 0px 0px 1px #333;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
div.actionButtons {
	height:19px;
	width:auto;
	padding:3px;
	background-image:url(BlueButtonBG.png);
	background-repeat:repeat-x;
	position:fixed;  
	top:0;
	right:0;
	z-index:30;
	font:normal normal bold 12px Arial, Helvetica, sans-serif;
	color:#ffffff;
}

div.actionButtons img {
	margin-right:6px;
}
div.actionButtons a {
	color:#ffffff;
	text-decoration:none;
}
	
div.actionButtons a:hover {
	color:#ffffff;
	text-decoration:underline;
}
.centered .titleLogo{
	margin-bottom:80px;
}
.imgtransparent {
/* IE uses this. Values are 0 to 100 */
    filter:alpha(opacty=80); 
/*Firefox, Opera and Safari use this. Values are 0 to 1 */
    opacity:0.8;             
 }


#assessmentScreen {
	border-style:solid;
	border-width:2px;
    margin: 0 auto;
	width:800px;
	padding:0px;
}

#assessmentHeader {
	height:42px;
	margin-bottom:5px;
    background-repeat:no-repeat; 
    background-position:0% 55%;
}


#assessmentContent {
    margin: 0 auto;
	width:800px;
	padding:0px;
	text-align:center;
}

#simulation {
    margin: 0 auto;
	padding:5px;
	width:660px;
	text-align:center;
}

#simQuestionAnswer {
    margin: 0 auto;
	padding:10px;
	width:780px;
}

#assessmentProgressbar {
	height:20px;
	min-height:20px;
	padding:0px;
}

#footbar {
	width:100%;
	text-align:center;
	margin-top:10px;
	font: normal normal 9px Arial, Helvetica, sans-serif; 
}


#simQuestion {
	text-align:left;
	font-size:1.2em;
	background-image:url(../images/Q.png);
    background-repeat:no-repeat; 
    background-position:0% 55%;
	padding-left:30px;
	margin-bottom:20px;
}

#simAnswers {
	text-align:left;
}

.warningMessage {    
	clear:both;
	margin:0 auto;
	background-color:#FFE692;      
	width:100px;
	font:normal normal bold 12px Arial, Helvetica, sans-serif;
	padding:2px;
	text-align:center;
}
.singleQuestion, .answerContent {
  text-align:left;
}
.singleQuestion {
  min-height: 25px;
  width:780px;
}
.answerContent {
  padding-left:0;
  margin-left:0;
}

.sliderQuestionHeader {
  display:inline; 
  margin:20px 0 0 0;
}     
.sliderQuestionHeaderLabel {
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
  text-align:center;
}        
.sliderQuestion {
  margin-top:15px;   
}        
.sliderQuestionText {
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}          
.sliderQuestionBar {
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
  margin:0 25px 0 25px;
}
.sliderQuestonText, .sliderQuestionBarWithTotal {
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}    

.sliderBG {   
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
  width:300px;
  background-color:gray;
  padding:0;   
}          

.sliderInput {
  margin-left: 10px;
  border: 0;
  background-color:#EEE;
}
.sliderAnswerContent {
	margin:0 1em 1em 1em;  
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
  width:200px;  
}

.multiSelector, .singleSelector { 
  padding: 0; 
  width: 90%;  
}
.scaleButtons, .yesNoButtons {     
  padding: 0;   
  cursor:pointer;
  display:inline;
}

  
ol.multiSelector li, ol.singleSelector li { 
  margin-left:2em; 
  margin-top: 0.2em;
  padding: 0.4em; 
  height: 30px; 
  cursor:pointer;
}                      
ul.multiSelector li, ul.singleSelector li { 
  list-style-type: none;
  margin-left:2em; 
  margin-top: 0.2em;
  padding: 0.4em; 
  height: 30px; 
  cursor:pointer;
}           

.singleQuestionContent {
  margin-top:2em;
  font:normal normal bold 1.1em Arial, Verdana, Helvetica, sans-serif; 
  width: 95%;
}      

.scaleQuestion {
  margin-top:1em;
}
.scaleQuestionText {
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
  width:500px;
} 
.scaleQuestionHeader {
  margin-top:2em;      
  font:normal normal bold 1.1em Arial, Verdana, Helvetica, sans-serif; 
}
.selectorHeader {
  width:50px;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
  text-align:center;
}
.yesSelector, .noSelector, .unsureSelector {
  background-repeat:no-repeat;
  background-position:left bottom; 
  opacity: 0.15; 
  filter: alpha(opacity = 15);
  height:20px;
  list-style-type: none;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
  width:50px;
}     

.yesSelector {        
  background-image :url(../images/icon_yes.png);
}   
.noSelector {
  background-image :url(../images/icon_no.png);
}   
.unsureSelector {              
  background-image :url(../images/icon_unsure.png);
}
    
.scaleButtons li {   
  opacity: 0.15;  
  filter: alpha(opacity = 15);
  background: url(../images/radio.png) no-repeat center top;    
  width:45px;     
  height:25px;
  padding:0; margin:0;
  list-style-type: none;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
} 
		   
.yesSelector .ui-selecting, .noSelector .ui-selecting, .unsureSelector .ui-selecting {
  opacity: 0.5;              
  filter: alpha(opacity = 50);
}
.yesSelector .ui-selected, .noSelector .ui-selected, .unsureSelector .ui-selected { 
  opacity: 1;      
  filter: alpha(opacity = 100);
}    
#range {
    position: absolute;
    height:100%;
    width:40%;
    top: 0;
    left: 65%;
    background-color:gray;
}
.msgUpdating {
  float:right;
  width:32px;
  height:32px;
  background-image :url(../images/updating.gif);
}
#updatingSection {
    height:24px;
    min-height:24px;
}
#submitSection {
  text-align:center;       
  width:100%;
  height:25px;
  margin: 35px 0 25px 0;
  padding: auto;
}
.groupHeader {
  clear:both;     
  font:normal normal normal 1.5em Arial, Verdana, Helvetica, sans-serif; 
  margin-top: 2em;
  margin-bottom: 1.5em;

}


.results {       
  height:16px;
  padding:0; margin:0;
  display:inline;   
} 
.scoreLow 
{
    background: url(../images/Progress1Red.png) no-repeat center middle;  
}
.scoreLowSent 
{
    background: url(../images/Progress1RedSent.png) no-repeat center middle;  
}
.scoreSat
{
    background: url(../images/Progress1Orange.png) no-repeat center middle;  
}
.scoreSatSent
{
    background: url(../images/Progress1OrangeSent.png) no-repeat center middle;  
}
.scoreHigh
{
    background: url(../images/Progress1Green.png) no-repeat center middle;  
}
.scoreHighSent
{   
    background: url(../images/Progress1GreenSent.png) no-repeat center middle;  
}
.notStarted
{
    background: url(../images/Progress0.png) no-repeat center middle;  
}
.finishedOneEighth
{
    background: url(../images/Progress18.png) no-repeat center middle;  
}
.finishedOneQuarter
{
    background: url(../images/Progress14.png) no-repeat center middle;  
}
.finishedThreeEighth
{
    background: url(../images/Progress38.png) no-repeat center middle;  
}
.finishedHalf
{
    background: url(../images/Progress12.png) no-repeat center middle;  
}
.finishedFiveEighth
{
    background: url(../images/Progress58.png) no-repeat center middle;  
}
.finishedThreeQuarter
{
    background: url(../images/Progress34.png) no-repeat center middle;  
}
.finishedSevenEighth
{
    background: url(../images/Progress78.png) no-repeat center middle;  
}
.finishedNoScore
{
    background: url(../images/Progress1.png) no-repeat center middle;  
}

/* banner page */
#bannerSelectors { 
  background-color: #DDD;
  height:40px
}
.bannerSelector {   
	float:left;
  display: block;
	width:30%;     
  padding:5px;
  margin:5px;   
  background-color: #DDD;
}     
.bannerSelector select {   
	width:250px;
}
#previewSection {
  text-align:center;
}
.squareBox {
  display: block;
  float:left;
  width: 180px;
  height: 170px;
  margin: 15px;      
  padding:10px;
  border: 1px solid #2b55a9;
}            
.rectangleBox { 
  display: block;
  float:left;
  width: 720px;
  height: 88px;  
  margin:5px auto 5px 100px;    
  padding:10px;
  border: 1px solid #2b55a9; 
}
.squareBox img, .rectangleBox img {
  margin:auto;
}

/*google*/
 .hide { display: none;}
 .show { display: block;}
 
 /*new share button start*/
  #myGoogleBtn.demo {  
    cursor: pointer;
  }
 /*new share button end*/

 /*new sign in button start*/
 #customBtn:hover {
       cursor: pointer;
 }
 #customBtn2:hover {
       cursor: pointer;
 }
 span.icon {
      background: url('../images/Google plus.png') transparent no-repeat;
      display: inline-block;
      width: 48px;
      height: 48px;
  }
 /*new sign in button end*/
    
  #myBtn.demo {
    padding: 5px;
    background: #fff;
    cursor: pointer;
    line-height: 20px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
  }
 
 #myBtn.demo .googleicon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url('../images/gplus-icons/btn_icons_sprite.png') transparent 0 -40px no-repeat;
 }
 
 #myBtn.demo:hover {
    background-color: #cc3732;
    color: #fff;
    border: #dd4b39;
  }
 
 #myBtn.demo:hover .googleicon {
    background: url('../images/gplus-icons/btn_icons_sprite.png') transparent 0 0px no-repeat;
 }
 .badgeTitle {
     padding-top:20px;    
     font-size:28px;
     font-family:"Times New Roman",Georgia,Serif;width:75%;
     text-decoration: underline;
     font-weight:bold;
 }
 .badgeDescription {
     list-style-type:none; 
     font-size:26px;
     font-style:italic;
     font-family:"Times New Roman",Georgia,Serif;width:75%;
     margin-top: 5px;
 }
 .badgeCongratulationSection {
     font-size:20px;color:#666;padding-top: 20px;
 }
 .badgeCongratulationTitle {
     font-weight:bold;font-size:24px;font-style:italic;color:black;
 }
 #privacyStatement {
     font-size:10px;color:#888;margin-top: 30px;
     text-align: left;
     
 }

#emailPreview {
	margin: 25px auto;
	max-width: 750px;
}

#snapshotContainer {
	width: 850px;
	margin: 2px auto;
}

	#snapshotContainer button {
		border: none;
		border-radius: 2px;
		color: white;
		font-family: 'Roboto', sans-serif;
		font-size: 0.8em;
		margin: 0 0 1em 0;
		padding: 0.5em 0.7em 0.6em 0.7em;
	}

		#snapshotContainer button[disabled] {
			color: #ccc;
		}

			#snapshotContainer button[disabled]:hover {
				background-color: #d84a38;
			}

#btnTakeSnapShot {
	background-color: #d84a38;
}

	#btnTakeSnapShot:active {
		background-color: #cf402f;
	}

	#btnTakeSnapShot:hover {
		background-color: #cf402f;
	}

#btnTakeSnapShot {
	background-color: #0061ab;
}

	#btnTakeSnapShot:active {
		background-color: #2978b5;
	}

	#btnTakeSnapShot:hover {
		background-color: #2978b5;
	}

#snapshotContainer canvas {
	background-color: #ccc;
	max-width: 100%;
	width: 100%;
}

.float-container {
	border: 3px solid #fff;
	padding: 20px;
}

.float-child {
	width: 45%;
	float: left;
	padding: 20px;
}