/* the style which are use in the contest*/




/*underline for all htmllinks*/
a:hover { text-decoration:underline; } 

/*the different headlines styles*/
.headline1,.headline2,.headline3,.headline2_red
{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size:16px;
	font-weight: normal;
	color:#e32318;
}

.headline2
{
	font-size:14px;
	color:#e32318;
}

.headline2_red
{
	font-size:14px;
	color:#e32318;
}

/*used on the info page9*/
.headline2_black
{
	font-size:14px;
	color:Black;
	font-weight:bold;
}

.headline3
{
	font-size:12px;
	color:black;
}

/*this text is used for the top banner and the text under the textboxes*/
.commonText1,.smallRedText,.error,.commonText1_red,.commonText1_bold,.commonText1_red,.smallRedTextBackground
{
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:0px;
	word-spacing:0px;
	color:Black;
	text-decoration:none;
	margin-top:0px;
}
/*the checkpul text*/
.smallRedText
{
	font-size:12px;
	font-weight: normal;
	color:#e32318;
}
.smallRedTextBackground
{
	background-color:#e32318;
	font-size:12px;
	font-weight: normal;
	color:Black;

}
/*the style for error messages*/
.error {
	
	font-size:12px;
	font-weight: bold;
	color: #e32318;
}
/*used in the steg htmlfiles*/
.commonText1_red
{
	color:#e32318;
}
.commonText1_bold
{
	font-weight:bold;
}
/* used in the info pages the space between pics*/
.picSpace
{
	width:10px;
}

/*cooperstest*/
.tableHeader, .tableData
{
	border: solid 1px #000000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 700;
	text-align: left;
}
.tableHeader
{
	background-color: #e32318;
	color: #ffffff;
}

.tableData
{
	color: #000000;
	border: solid 1px #000000;
}
/*end used in coopers test*/

.stretchPictureSpacing
{
 width:200px;
}
/*end used in htmlfiles*/



/*the buttonstyles*/
/*the style on the buttons*/
.buttonStyle,.buttonStyleSelected
{
 background-color:#e32318;
 border-color:#e32318;
 color:White;
 font-size:11px;
 height:19px;
 width:100px;
}
.buttonStyleSelected
{
	background-color:White;
	color:#e32318;
}

/*this css is usef for the textboxes*/
/*the style used for all textboxes*/
.textBox1,.textBox1Error,.textBox1_Survey
{
 border-style:solid;
 border-color:#e32318;
 color:#e32318;
 font-size:11px;
 border-width:1px;
 width:160px;
 /*height:15px;*/
 
}

.textBox1Error
{
 color:black;
 background-color:#e32318;
}

.textBox1_Survey
{
	width:99%;
	height:100px;
}


/*the spacing between lines in a table*/
.newUser_tr
{
	height:10px;
}

.paddingDivSmallTop
{
	height:3px;
}




/*the padding for the contentdiv
This div displays all the content on all pages when loggin in*/
.contentDiv
{
 padding-left:10px;
 text-align:left;
 /*width:784px; /* the width of the content*/
 width:775px;
}



/*the frame (div) that shows the lastest registering*/
.latestRegTable
{
	padding:4px;
	border:solid 1px #e32318;
}

.regStepsTdPosition
{
 position:relative;left:-125px;
}


/**Datagrid style*/
.datagridHeaderStyle,.datagridFirstStyle,.datagridSecondStyle,.datagridItemStyleSelected,.datagridHeaderStylePurple
{
 font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
 Font-Size:10px;
 color:White;
 background-color:#e32318;
 text-decoration:none;
  padding-left:1px;
  height:20px;
  
  
  border-left-style:solid;
	border-left-color:#e32318;
	border-left-width:1px;
} 

.datagridHeaderStylePurple
{
	background-color:#6f2a72;
	
}

.datagridFirstStyle,.datagridFirstStyleSelected
{
	color:#e32318;
	background-color:White;
	padding-left:0px;
	border-left-style:none;

}

.datagridFirstStyleSelected
{
	text-decoration:underline;
}

.datagridSecondStyle,.datagridSecondStyleSelected
{
	color:black;
	background-color:White;
	padding-left:0px;
	border-left-style:none;
}
.datagridSecondStyleSelected
{
	text-decoration:underline;
}


.datagridItemStyleSelected
{
	background-color:White;
	/*border-color:#e32318;*/
	color:black;
	font-size:11px;
	height:19px;
}



/*used in the surveyTable*/



.datagridBottomLeftTopBorder,.datagridBottomRightTopBorder,.datagridBottomLeftTopBorderTextAlignLeft,.datagridBottomLeftBorder,.datagridBottomRight,.datagridTopBottomLeftRight,.datagridBottomLeftRight,.datagridBottomLeftTopRightBorderTextAlignLeft,.datagridBottomLeftTopRightBorderTextAlignLeft,.datagridBottomLeftTopRightBorderTextAlignLeftTextColorRed
{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	Font-Size:10px;
	color:black;
	
	background-color:White;
	text-decoration:none;
	padding-left:5px;
	height:20px;
	
	border-left-style:solid;
	border-left-color:#e32318;
	border-left-width:1px;
	
	border-bottom-style:solid;
	border-bottom-color:#e32318;
	border-bottom-width:1px;
	
	border-top-style:solid;
	border-top-color:#e32318;
	border-top-width:1px;
	text-align:center;
	
}

.datagridBottomLeftTopBorderTextAlignLeft
{
	text-align:left;
}

.datagridBottomLeftTopRightBorderTextAlignLeft
{
	border-right-style:solid;
	border-right-color:#e32318;
	border-right-width:1px;
	text-align:left;
}

.datagridBottomRightTopBorder
{
	border-right-style:solid;
	border-right-color:#e32318;
	border-right-width:1px;
}
.datagridBottomLeftBorder
{
	border-top-style:none;
}
.datagridTopLeftRight
{
	border-right-style:solid;
	border-right-color:#e32318;
	border-right-width:1px;
	
	border-bottom-style:none;
}

.datagridBottomRight
{
	border-right-style:solid;
	border-right-color:#e32318;
	border-right-width:1px;
	border-top-style:none;
	border-left-style:none;
	
}

.datagridBottomLeftRight
{
	border-right-style:solid;
	border-right-color:#e32318;
	border-right-width:1px;
	border-top-style:none;
}


.datagridTopBottomLeftRight
{
	border-right-style:solid;
	border-right-color:#e32318;
	border-right-width:1px;
}

.datagridBottomLeftTopRightBorderTextAlignLeftPurple
{
 border: solid 1px #6f2a72;
}

.datagridBottomLeftTopRightBorderTextAlignLeftTextColorRed
{
  color:#e32318;
  text-align:left;
   border: solid 1px #e32318;
}



/*used in the pickcontest page*/
.dataGridTdBorderLeftBorder,.dataGridTdBorderLeftAndRightBorder,.dataGridTdBorderLeftAndBottomBorder,.dataGridTdBorderLeftAndBottomBorderTextRed
{
	
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	Font-Size:10px;
	color:black;
	
	padding-left:5px;
	border-left-style:solid;
	border-left-color:#e32318;
	border-left-width:1px;
	
}

.dataGridTdBorderRight
{
	padding-left:0px;
	border-right-style:solid;
	border-right-color:#e32318;
	border-right-width:1px;
}

.dataGridTdBorderLeftAndRightBorder
{
	padding-left:0px;
	border-right-style:solid;
	border-right-color:#e32318;
	border-right-width:1px;
}




.datagridTdBottomBorder,.dataGridTdBorderLeftAndBottomBorder,.datagridTdBorderRightAndBottomBorder,.datagridTdBorderRightAndBottomBorderAndLeftBorder,.datagridTdBottomBorderTextRed,.dataGridTdBorderLeftAndBottomBorderTextRed
{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	Font-Size:10px;
	color:black;
	height:17px;
	
	border-bottom-style:solid;
	border-bottom-color:#e32318;
	border-bottom-width:1px;
}

.dataGridTdBorderLeftAndBottomBorder
{
	border-left-style:solid;
	border-left-color:#e32318;
	border-left-width:1px;
}

.dataGridTdBorderLeftAndBottomBorderTextRed
{
	border-left-style:solid;
	border-left-color:#e32318;
	border-left-width:1px;
	color:#e32318;
}


.datagridTdBorderRightAndBottomBorder
{
	border-right-style:solid;
	border-right-color:#e32318;
	border-right-width:1px;
}

.datagridTdBorderRightAndBottomBorderAndLeftBorder
{
	border-left-style:solid;
	border-left-color:#e32318;
	border-left-width:1px;
	
	border-right-style:solid;
	border-right-color:#e32318;
	border-right-width:1px;
}
/*set the text red in the datagrid*/
.datagridTdBottomBorderTextRed
{
	color:#e32318;
}


/*The lastrow on the grp page*/
.datagridTdBottomBorderRed,.dataGridTdBorderLeftAndBottomBorderRed,.datagridTdBorderRightAndBottomBorderRed
{
	padding-left:0px;
	color:#e32318;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	Font-Size:10px;
	color:#e32318;
	height:20px;
	
	border-bottom-style:solid;
	border-bottom-color:#e32318;
	border-bottom-width:1px;
}
.dataGridTdBorderLeftAndBottomBorderRed
{
	padding-left:5px;
	border-left-style:solid;
	border-left-color:#e32318;
	border-left-width:1px;
}
.datagridTdBorderRightAndBottomBorderRed
{
	padding-left:0px;
	border-right-style:solid;
	border-right-color:#e32318;
	border-right-width:1px;
}
/*end lastrow grpPage*/	


/*objective page*/
.position
{
	position:relative;
	left:70px;
	top:-43px;
}

.borderStyle
{
	border-style:solid;
	border-width:1px;
	border-color:#e32318;
}
/*end objective page*/


/* for the info pages*/

/*decrease the spaceing betweens paragraphs*/
.pTag
{
	margin-top:10px;
	margin-bottom:10px;
	/*margin-right:10px;*/
	
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:0px;
	word-spacing:0px;
	color:Black;
	text-decoration:none;
	margin-top:0px;
}

/*add margin to the left*/
.pTagMargin
{
		  margin-left:20px;
		 margin-top:10px;
	 margin-bottom:10px;
	 
	margin-right:10px;
}


/*used on all the info pages when not loggin in added extra right border*/
.contentDivInfo
{
	padding-left:10px;
	text-align:left;
	width:750px;
	vertical-align:top;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#e32318;
	padding-right:10px;
	
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:0px;
	word-spacing:0px;
	color:Black;
	text-decoration:none;
}

/*used in info page4*/
.biggestHeadline
{
	font-size:20px;
	font-weight:bold;
	color:#e32318;
	text-align:center;
}

.extraMargin
{
 margin-left:10px;
}

/* this if for page 11 the text under the pictures*/
.bodyTextTablePage11
{
	font-size:11px;
	font-family: Verdana, Helvetica, sans-serif;
	margin-right:4px;
}


/*end info pages*/



/*survey healthPage*/
.surveyHealthResult_bar_color1
{
	/*background-image: url(localhost/images/graph/yellowBar.gif);*/
	background: url(/images/graph/redBar.gif);
	height:10px;
	background-repeat: repeat-x;
	float: left	;

}
.surveyHealthResult_bar_color2
{
	/*background-image: url(localhost/images/graph/yellowBar.gif);*/
	background: url(/images/graph/pinkBar.gif);
	height:10px;
	background-repeat: repeat-x;
	float: left	;

}


.surveyRowColor,.surveyRowNoColor,.surveyRowHeadline
{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	Font-Size:10px;
	color:black;
	
	background-color:White;
	text-decoration:none;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
	/*height:30px;*/
	
	border-left-style:solid;
	border-left-color:#e32318;
	border-left-width:1px;
	
	border-bottom-style:solid;
	border-bottom-color:#e32318;
	border-bottom-width:1px;
	
	border-top-style:solid;
	border-top-color:#e32318;
	border-top-width:1px;
	text-align:left;
	
	background-color:#f8eeed;
	
}


.surveyBorderAll,.surveyBorderAllPadding
{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	Font-Size:10px;
	
	border-left-style:solid;
	border-left-color:#e32318;
	border-left-width:1px;
	
	border-bottom-style:solid;
	border-bottom-color:#e32318;
	border-bottom-width:1px;
	
	border-top-style:solid;
	border-top-color:#e32318;
	border-top-width:1px;

	border-right-style:solid;
	border-right-color:#e32318;
	border-right-width:1px;
}

.surveyTextQuestion
{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	Font-Size:10px;
}

.surveyBorderAllPadding
{
	padding:2px 2px 2px 2px; 
}



.surveyRowNoColor
{
	background-color:White;
}

.surveyRowHeadline
{
	/*background-color:#f8eeed;/*#e32318;*/
	background-color:white;
	color:black;/*White;*/
	font-weight:bold;
}

/*WeekDiagram*/
.weekReportTableBorderRight
{
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:0px;
	word-spacing:0px;
	color:Black;
	text-decoration:none;
	margin-top:0px;
	border-right:solid 1px #e32318;
}