/* CCSTheme v 3.x */

/* General */

/* BEGIN Common */

body {

	font-family: Arial; font-size: 70%;
	background-color: #ffffff;


	}

p {

	margin-top: 5px;

	}

a:link {

	color: #000000;

	}

a:visited {

	color: #000000;

	}

a:hover,a:active {

	color: #f9a350;

	}

ul, ol, blockquote {

	margin-top: 5px;

	margin-bottom: 10px;

	margin-left: 20px

	}

form {

	margin: 0px;

	}

h1	{

	font-size: 140%;

	margin-top: 5px;

	margin-bottom: 5px;

	}

h2	{

	font-size: 120%;

	margin-top: 15px;

	margin-bottom: 5px;

	}

h3	{

	font-size: 100%; font-style: italic;

	margin-top: 15px;

	margin-bottom: 5px;

	}

h4	{

	font-size: 90%;

	margin-top: 15px;

	margin-bottom: 5px;

	}

h5	{

	font-size: 95%; font-style: italic;

	margin-top: 15px;

	margin-bottom: 5px;

	}

h6	{

	font-size: 80%;

	margin-top: 15px;

	margin-bottom: 5px;

	}

th	{

	font-family: Arial; font-size: 70%;

	}

td {

	font-family: Arial; font-size: 70%;

	}

/* END Common */

.Header {

	width: 100%;

	}

.Header th {

	font-size: 90%;

	padding: 2px;

	background-image: url('Images/HeaderBg.gif');  color: #ffffff;

	width: 100%;

	white-space: nowrap;

	}

.Header a:link {

	color: #ffffff;

	}

.Header a:visited {

	color: #ffffff;

	}

.Header a:hover, .Caption a:active {

	color: #ffffff; text-decoration: none;

	}

.HeaderLeft {

	background-image: url('Images/HeaderLeft.gif');

	}

.HeaderRight {

	background-image: url('Images/HeaderRight.gif');

	}

.HeaderLeft img{

	width: 4px;

	}

.HeaderRight img{

	width: 9px;

	}

/* Grid Options */

.Grid {

	border: 1px solid #0632a3; border-left: 0px;

	width: 100%;

	}

.Caption th {

	font-size: 70%; text-align: left; vertical-align: top;

	padding: 2px;

	border-top: 1px solid #0632a3; border-left: 1px solid #0632a3; border-bottom: 1px solid #0632a3;

	background-color: #FEBE14; color: #000000;

	white-space: nowrap;

	}

.Caption td {

	font-size: 70%; text-align: left; vertical-align: top;

	padding: 2px;

	border-top: 1px solid #0632a3; border-left: 1px solid #0632a3; border-bottom: 1px solid #0632a3;

	background-color: #FEBE14; color: #000000;

	white-space: nowrap;

	}

.Caption a:link {

	color: #000000;

	}

.Caption a:visited {

	color: #000000;

	}

.Caption a:hover, .Caption a:active {

	color: #f9a350;

	}

.Caption img {

	margin: 2px;

	vertical-align: middle;

	}

.Caption input {

	vertical-align: middle;

	}

.Row th {

	font-size: 70%; font-weight: normal; text-align: left; vertical-align: top;

	padding: 2px;

	border-left: 1px solid #0632a3;

	background-color: #f7f7f7; color: #000000;

	white-space: nowrap;

	color: #000000;

	}

.Row td {

	font-size: 70%;

	padding: 2px;

	border-left: 1px solid #0632a3;

	vertical-align: top;

	background-color: #f7f7f7;

	color: #000000;

	}

.Row a:link {

	color: #000000;

	}

.Row a:visited {

	color: #000000;

	}

.Row a:hover, .Row a:active {

	color: #f9a350;

	}

.Separator{

	color: #0632a3;

	}

.Separator td{

	height: 1px;

	}

.AltRow th {

	font-size: 70%; font-weight: normal; text-align: left; vertical-align: top;

	padding: 2px;

	border-left: 1px solid #0632a3;

	background-color: #f7f7f7; color: #000000;

	white-space: nowrap;

	color: #000000;

	}

.AltRow td {

	font-size: 70%;

	padding: 2px;

	border-left: 1px solid #0632a3;

	vertical-align: top;

	background-color: #e5e5e5;

	color: #000000;

	}

.AltRow a:link {

	color: #000000;

	}

.AltRow a:visited {

	color: #000000;

	}

.AltRow a:hover, .AltRow a:active {

	color: #f9a350;

	}

.NoRecords td {

	font-size: 70%;

	padding: 2px;

	border-left: 1px solid #0632a3;

	background-color: #f7f7f7;

	color: #000000;

	vertical-align: top;

	}

.Footer td {

	font-size: 70%;

	padding: 2px;

	border-top: 1px solid #0632a3; border-left: 1px solid #0632a3;

	background-color: #f7f7f7; color: #000000;

	text-align: center;

	vertical-align: middle;

	white-space: nowrap;

	color: #000000;

	}

.Footer a:link {

	color: #000000;

	}

.Footer a:visited {

	color: #000000;

	}

.Footer a:hover, .Footer a:active {

	color: #f9a350;

	}

.Footer img {

	margin: 2px;

	vertical-align: middle;

	}

.Footer input {

	vertical-align: middle;

	}

/* Record Options */

.Record {

	border: 1px solid #0632a3; border-left: 0px;

	width: 100%;

	}

.Error td {

	font-size: 70%;

	padding: 2px;

	border-top: 1px solid #0632a3; border-left: 1px solid #0632a3; border-bottom: 1px solid #0632a3;

	color: #FF0000;

	vertical-align: top;

	background-color: #f7f7f7;

	}

.Controls th {

	font-size: 70%; font-weight: normal; text-align: left; vertical-align: top;

	padding: 2px;

	border-left: 1px solid #0632a3;

	background-color: #f7f7f7; color: #000000;

	white-space: nowrap;

	color: #000000;

	}

.Controls td {

	font-size: 70%;

	padding: 2px;

	border-left: 1px solid #0632a3;

	vertical-align: top;

	background-color: #f7f7f7;

	color: #000000;

	}

.Bottom td {

	font-size: 70%;

	padding: 2px;

	border-top: 1px solid #0632a3; border-left: 1px solid #0632a3;

	background-color: #f7f7f7; color: #000000;

	text-align: right;

	vertical-align: middle;

	white-space: nowrap;

	color: #000000;

	}

.Bottom a:link {

	color: #000000;

	}

.Bottom a:visited {

	color: #000000;

	}

.Bottom a:hover, .Caption a:active {

	color: #f9a350;

	}

.Bottom img {

	margin: 2px;

	vertical-align: middle;

	}

.Bottom input {

	vertical-align: middle;

	}

/* Report */

.GroupCaption th{

	font-size: 70%;

	padding: 2px;

	border-left: 1px solid #0632a3;

	white-space: nowrap;

	text-align: left;

	vertical-align: top;

	font-weight: bold;

	background-color: #e5e5e5;

	color: #000000;

	}

.GroupCaption td{

	font-size: 70%;

	padding: 2px;

	border-left: 1px solid #0632a3;

	vertical-align: top;

	font-weight: bold;

	background-color: #f7f7f7;

	color: #000000;

	}

.GroupCaption a:link {

	color: #000000;

	}

.GroupCaption a:visited{

	color: #000000;

	}

.GroupCaption a:hover, .GroupCaption a:active{

	color: #f9a350;

	}

.GroupFooter td{

	font-size: 70%;

	padding: 2px;

	border-top: 1px solid #0632a3; border-left: 1px solid #0632a3;

	text-align: center;

	vertical-align: middle;

	white-space: nowrap;

	background-color: #FEBE14;

	color: #000000;

	}

.GroupFooter a:link {

	color: #000000;

	}

.GroupFooter a:visited{

	color: #000000;

	}

.GroupFooter a:hover,.GroupFooter a:active{

	color: #f9a350;

	}

.GroupFooter img {

	margin: 2px;

	vertical-align: middle;

	}

.GroupFooter input {

	vertical-align: middle;

	}

.SubTotal td{

	font-size: 70%;

	padding: 2px;

	border-left: 1px solid #0632a3;

	vertical-align: top;

	font-weight: bold;

	background-color: #e5e5e5;

	color: #000000;

	border-bottom: 2px solid #0632a3;

	}

.SubTotal a:link {

	color: #000000;

	}

.SubTotal a:visited{

	color: #000000;

	}

.SubTotal a:hover, .SubTotal a:active{

	color: #f9a350;

	}

.Total td{

	font-size: 70%;

	padding: 2px;

	border-left: 1px solid #0632a3;

	vertical-align: top;

	white-space: nowrap;

	font-weight: bold;

	background-color: #e5e5e5;

	color: #000000;

	}

.Total a:link {

	color: #000000;

	}

.Total a:visited{

	color: #000000;

	}

.Total a:hover, .Total a:active{

	color: #f9a350;

	}

/* Form Options */

.Button {

	margin: 2px

	}

/* Calendar */

.Calendar {

	border: 1px solid #0632a3;

	width: 100%;

	}

.CalendarWeekdayName{

	font-size: 70%;

	padding: 2px;

	border-top: 1px solid #0632a3; border-left: 1px solid #0632a3; border-bottom: 1px solid #0632a3;

	text-align: center;

	vertical-align: top;

	white-space: nowrap;

	background-color: #e5e5e5;

	color: #000000;

	}

.CalendarWeekdayName a:link {

	color: #000000;

	}

.CalendarWeekdayName a:visited{

	color: #000000;

	}

.CalendarWeekdayName a:hover, .CalendarWeekdayName a:active{

	color: #f9a350;

	}

.CalendarWeekendName{

	font-size: 70%;

	padding: 2px;

	border-top: 1px solid #0632a3; border-left: 1px solid #0632a3; border-bottom: 1px solid #0632a3;

	white-space: nowrap;

	text-align: center;

	vertical-align: top;

	background-color: #e5e5e5;

	color: #000000;

	}

.CalendarWeekendName a:link {

	color: #000000;

	}

.CalendarWeekendName a:visited{

	color: #000000;

	}

.CalendarWeekendName a:link, .CalendarWeekendName a:visited{

	color: #f9a350;

	}

/* Calendar Day */

.CalendarDay{

	font-size: 70%;

	padding: 2px;

	border-left: 1px solid #0632a3;

	text-align: center;

	background-color: #f7f7f7;

	color: #000000;

	}

.CalendarDay a:link {

	color: #000000;

	}

.CalendarDay a:visited{

	color: #000000;

	}

.CalendarDay a:hover, .CalendarDay a:active{

	color: #f9a350;

	}

/* Calendar Weekend */

.CalendarWeekend{

	font-size: 70%;

	padding: 2px;

	border-left: 1px solid #0632a3;

	text-align: center;

	background-color: #e5e5e5;

	color: #000000;

	}

.CalendarWeekend a:link {

	color: #000000;

	}

.CalendarWeekend a:visited{

	color: #000000;

	}

.CalendarWeekend a:hover, .CalendarWeekend a:active{

	color: #f9a350;

	}

/* Calendar Today */

.CalendarToday {

	font-size: 70%;

	border: 2px solid #0632a3; border-right: 1px solid #0632a3;

	text-align: center;

	background-color: #f7f7f7;

	color: #000000;

	}

.CalendarToday a:link {

	color: #000000;

	}

.CalendarToday a:visited{

	color: #000000;

	}

.CalendarToday a:hover, .CalendarToday a:active {

	color: #f9a350;

	}

/* Calendar Weekend Today */

.CalendarWeekendToday {

	font-size: 70%;

	border: 2px solid #0632a3; border-right: 1px solid #0632a3;

	text-align: center;

	background-color: #e5e5e5;

	color: #000000;

	}

.CalendarWeekendToday a:link {

	color: #000000;

	}

.CalendarWeekendToday a:visited{

	color: #000000;

	}

.CalendarWeekendToday a:hover, .CalendarWeekendToday a:active{

	color: #f9a350;

	}

/* Calendar Other Month's Day */

.CalendarOtherMonthDay{

	font-size: 70%;

	padding: 2px;

	border-left: 1px solid #0632a3;

	text-align: center;

	background-color: #f7f7f7;

	color: #0632a3;

	}

.CalendarOtherMonthDay a:link {

	color: #0632a3;

	}

.CalendarOtherMonthDay a:visited{

	color: #0632a3;

	}

.CalendarOtherMonthDay a:hover, .CalendarOtherMonthDay a:active{

	color: #f9a350;

	}

/* Calendar Other Month's Today */

.CalendarOtherMonthToday {

	font-size: 70%;

	border: 2px solid #0632a3; border-right: 1px solid #0632a3;

	text-align: center;

	background-color: #f7f7f7;

	color: #0632a3;

	}

.CalendarOtherMonthToday a:link {

	color: #0632a3;

	}

.CalendarOtherMonthToday a:visited{

	color: #0632a3;

	}

.CalendarOtherMonthToday a:hover,.CalendarOtherMonthToday a:active{

	color: #f9a350;

	}

/* Calendar Other Month's Weekend */

.CalendarOtherMonthWeekend {

	font-size: 70%;

	padding: 2px;

	border-left: 1px solid #0632a3;

	text-align: center;

	background-color: #e5e5e5;

	color: #0632a3;

	}

.CalendarOtherMonthWeekend a:link {

	color: #0632a3;

	}

.CalendarOtherMonthWeekend a:visited{

	color: #0632a3;

	}

.CalendarOtherMonthWeekend a:hover, .CalendarOtherMonthWeekend a:active{

	color: #f9a350;

	}

/* Calendar Other Month's Weekend Today */

.CalendarOtherMonthWeekendToday {

	font-size: 70%;

	border: 2px solid #0632a3; border-right: 1px solid #0632a3;

	text-align: center;

	color: #0632a3;

	background-color: #e5e5e5;

	}

.CalendarOtherMonthWeekendToday a:link {

	color: #0632a3;

	}

.CalendarOtherMonthWeekendToday a:visited{

	color: #0632a3;

	}

.CalendarOtherMonthWeekendToday a:hover, .CalendarOtherMonthWeekendToday a:active{

	color: #f9a350;

	}

/* Calendar Selected Day (for DatePicker) */

.CalendarSelectedDay{

	font-size: 70%;

	padding: 2px;

	border-left: 1px solid #0632a3;

	background-color: #FEBE14;

	color: #000000;

	text-align: center;

	font-weight: bold;

	}

.CalendarSelectedDay a:link {

	color: #000000;

	}

.CalendarSelectedDay a:visited{

	color: #000000;

	}

.CalendarSelectedDay a:hover, .CalendarSelectedDay a:active{

	color: #f9a350;

	}

/* Calendar Navigator */

.CalendarNavigator {

	font-size: 70%;

	padding: 2px;

	background-color: #f7f7f7; color: #000000;

	text-align: center;

	vertical-align: middle;

	white-space: nowrap;

	color: #000000;

	}

.CalendarNavigator a:link {

	color: #000000;

	}

.CalendarNavigator a:visited{

	color: #000000;

	}

.CalendarNavigator a:hover, .CalendarNavigator a:active{

	color: #f9a350;

	}

.CalendarNavigator img{

	margin: 2px;

	vertical-align: middle;

	}

/* Calendar Extra */

.CalendarEvent{

	font-size: 80%;

	text-align: left;

	}

.CalendarEvent a:link {

	color: #000000;

	}

.CalendarEvent a:visited{

	color: #000000;

	}

.CalendarEvent a:hover, .CalendarEvent a:active{

	color: #f9a350;

	}

.logotab

{

background-image:

url('../../img/bg.gif')

}

/* Flashclass Extra */

.flashclass_main{ 
width: 800px; /*a width should be defined for transition to work*/
}

.flashclass_main img{
border-width: 0;
}