@charset "utf-8";
/* Classes starts */

.clear { clear: both; } /* clears any floats */
.small { font-size: 0.8em; } /* text small */
.floatLeft { float: left; } /* float left */
.floatRight { float: right; } /* float right */
.clearLeft{ clear: left; }
.clearRight{ clear: right; }
.clearBoth{ clear: both; }

img.floatLeft { margin: 5px 5px 5px 0; }
img.floatRight { margin: 5px 0 5px 5px; }

.boldtext { font-weight: bolder; }
.center{ text-align: center; }
.left{ text-align: left; }
.right{ text-align: right; }
.justify{ text-align: justify; }

.required { color: #ff0000; }

.vSpacer {display: block; clear: both; height: 10px;} /* vertical spacer to divide elements */

.hide{ display: none; }

li.pdf{ list-style: none; margin: 0 0 5px 0; padding: 5px 3px 3px 30px; background: url(../graphics/pdficon.png) no-repeat 0 -3px; }

.required{ color: #ff0000; }

h2.title {
margin: 0 0 10px 0;
padding: 3px 4px 3px 4px;
width: 100%;
height: 24px;

background: #8bc657 url('../graphics/GreenBG.png') repeat-x;
color: #fff;
}

div.title { margin: 0 0 15px 0; float: left; clear: left; }
/*
div.title div.left { float: left; width: 15px; height: 30px; background: #8bc657 url(../graphics/GreenLeftEnd.png) no-repeat 0 0; }
div.title div.right { float: left; width: 15px; height: 30px; background: #8bc657 url(../graphics/GreenRightEnd.png) no-repeat 0 0; }
*/
div.title h2 { margin: 0; padding: 0 15px 2px 15px; float: left; width: 770px; height: 28px; background: #8bc657 url('../graphics/GreenBG.png') repeat-x; color: #fff; }
div.title h2.bigger { width: 940px; }
div.title h2.smaller { width: 585px; }

/* Classes ends */

div.divider {
margin: 0;
padding: 0;
height: 20px;    
}
div.hr { height: 1px; background: #D3D3D3 scroll center; }
div.hr hr { display: none; }

/* Start of Image classes */
img.FloatRight
{
	margin: 0 0 0 10px;
	padding: 0;
	float: right;
	clear: right;
}

img.FloatLeft
{
	margin: 0 10px 0 0;
	padding:0 ;
	float: left;
	clear: left;
}

/* End of Image classes */

/* Box Styles Starts */
.LightBlueBox{
margin: 0;
padding: 4px 4px 4px 4px;
float: left;
clear: both;
background-color: #DEEDFA;
border: 1px solid #428BCA;
}
.LightGreenBox{
margin: 0;
padding: 4px 4px 4px 4px;
float: left;
clear: both;
color: #629733;
background-color: #DCF5C6;
border: 1px solid #8CC658;
}
.OrangeBox{
margin: 0;
padding: 4px 4px 4px 4px;
float: left;
clear: both;
background-color: #FDE8C2;
border: 1px solid #DD9A25;
}
.PinkBox{
margin: 0;
padding: 4px 4px 4px 4px;
float: left;
clear: both;
background-color: #FBDCE1;
border: 1px solid #FDB0BD;
}
.PurpleBox{
margin: 0;
padding: 4px 4px 4px 4px;
float: left;
clear: both;
background-color: #E9D2E4;
border: 1px solid #C7B9C4;
}
.RedBox{
margin: 0;
padding: 4px 4px 4px 4px;
float: left;
clear: both;
background-color: #ffefef;
border: 1px solid #f00;
color: #f00;
}
/* Box Styles Ends */
