/*

This file is NOT NECESSARY for the rater to work. None of these styles are needed.

This is only to style the demo page

*/



* {

	margin: 0;

	padding: 0;

}



body {

	background-color: #FFFFFF;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	margin: 0;

	color: #000;

	}



#container {

	width: 50%;

	border: 1px solid #ccc;

	padding: 20px;

	}



h1 {

	font-size: 21px;

	font-family: Arial, sans-serif;

	margin:0 0 5px 0;

	padding:0;

	}



h2 {

	font-size: 16px;

	color: #333;

	font-family: Arial, sans-serif;

	margin:0 0 10px 0;

	padding:0;

	}



p 	{

	margin:3px;

	padding:0;

	}

#mainDetailDiv {

	width: 85px;

	float: left;

	height:155px;

	margin-right: 5px;

}

#mainHeadingText {

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

font-weight: bold;

color: #FFFFFF;

text-align: center;

height: 18px;

width: 85px;

margin-top: 0px;

margin-bottom: 1px;

}

#mainImageDiv {

	height: 135px;

	width: 85px;

	background-color: #FFFFFF;

}

#mainImage {

height: 90px;

width: 85px;

text-align: center;

margin-right: auto;

margin-left: auto;

padding-top: 5px;

}

#mainHeadingText1 {



font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

font-weight: bold;

color: #660000;

text-align: center;

height: 20px;

width:85px;

}

#mainHeadingText2 {





font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

font-weight: bold;

color: #0066CC;

text-align: center;

height: 20px;

width: 85px;

}