@charset "utf-8";

/* Google Web Fonts */
@import url(https://fonts.googleapis.com/css?family=Cabin:400,700,400italic,500italic&v2);
@import url(https://fonts.googleapis.com/css?family=Shadows+Into+Light);

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

/*  LAYOUT  */
.twoColHybLtHdr #container { 
	width: 960px;  /* this will create a container 80% of the browser width */
	background-color: #D5ECE0;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-top: 1px solid #FFF;
	border-right: 1px solid #ECECEC;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #ECECEC;
	text-align: left; /* this overrides the text-align: center on the body element. */
	box-shadow: 0px -10px 10px 10px #eee;
} 
.twoColHybLtHdr #header { 
	background: #FFFFFF; 
	padding: 0 ; 
	height: 120px	;
} 
.twoColHybLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

/* Tips for sidebar1:
1. Since we are working in relative units, it's best not to use padding on the sidebar. It will be added to the overall width for standards compliant browsers creating an unknown actual width. 
2. Since em units are used for the sidebar value, be aware that its width will vary with different default text sizes.
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColHybLtHdr #sidebar1 p" rule.
*/
.twoColHybLtHdr #sidebar1 {
	float: left; 
	width: 12em; /* since this element is floated, a width must be given */
	background: #D5ECE0; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 0; /* top and bottom padding create visual space within this div  */
}
.twoColHybLtHdr #sidebar1 h3, .twoColHybLtHdr #sidebar1 p {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}


.twoColHybLtHdr #mainContent { 
	margin: 44px 0px 0px 13em; /* the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */
	border: 0px dotted magenta;
	padding: 10px;
	padding-bottom: 0px;
	background-color: #FFFFFF;
} 

.twoColHybLtHdr #footer { 
	padding: 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-color: #eee;
} 
.twoColHybLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

IMG {
	border: none;
	}
/* GENERIC LINKS */

a:link {
	color: #093;
	text-decoration: none;
	}
	
a:visited {
	color:#666;
	text-decoration: none;
	}

a:active {
	color:#666;
	text-decoration: none;
	}	

a:hover {
	color:#000;
	text-decoration: underline;
	}	
/* ID's and Classes */


#TopNavRight {
	width: 400px;
	margin: 30px 50px 0 0;
	padding:inherit;
	float: right;
	text-align: right;
	}
	
H2.FamilyTitle {
	font-family: "Shadows Into Light", cursive;
	font-size: 18pt;
	font-weight:400;
	margin:0 ;
	padding: 0;
	border: none;
}
.smLogin {
	font-family:"Cabin", Verdana, Geneva, sans-serif;
	font-size: 8pt;
	text-transform:uppercase;
	text-decoration:none;
	color: #093;
	}
	
/* Sidebar (menu) */
a.sidebar:link {
	color:#4F4F4F;
	text-decoration:none;
		}
		
a.sidebar:active {
	color:#4F4F4F;
	text-decoration:none;
		}
		
a.sidebar:visited {
	color:#4F4F4F;
	text-decoration:none;
		}
		
a.sidebar:hover {
	color:#4F4F4F;
	text-decoration:none;
		}
		
DIV.sideMenuActive {
	background-color: #FFF; 
	margin:  0px 0px 10px 10px; 
	padding: inherit; 
	border:0px solid magenta; 
	windows:inherit;
	width: 198px;
	/* will only show up on CSS3 browsers*/
	-moz-box-shadow:-2px 2px 1px 1px #c0d5ca;
	-webkit-box-shadow: -2px 2px 1px 1px #c0d5ca;
	box-shadow: -2px 2px 1px 1px #c0d5ca;
}
		
DIV.sideMenuInactive {
	background-color: #D5ECE0; 
	margin:  0px 0px 12px 10px; 
	padding: inherit; 
	border:0px solid magenta;
	windows:inherit;
	width: 198px;
}

H3.sidebar {	
	font-family: "Cabin", Verdana, Geneva, sans-serif;
	font-size:10pt;
	margin: 5px 0 0 0 ;
}

UL.sidebar {
	margin: 5px 0 0 10px; 
	padding:0;
	border: 0px dotted magenta;
	list-style: none;
	}
	
LI.sidebar {
	font-size:8pt;
	font-family:Verdana, Geneva, sans-serif;
	margin: 2px;
	padding: 2px;
	border: none;
	}
	
LI.sidebar:hover {
	font-size:8pt;
	font-family:Verdana, Geneva, sans-serif;
	margin: 2px;
	padding: 2px;
	border: none;
	background-color: #C0D5CA;
	}

#sidebarFocus {
	font-size:8pt;
	font-family:Verdana, Geneva, sans-serif;
	margin: 2px;
	padding: 2px;
	border: none;
	background-color: #D5ECE0;
	}



/* idTabs - these tabs allow the user to click through multiple profiles associated with the account*/
#idTabs {
	position:relative;
	top: 14px;
	left: 16px;
	margin: auto;
	padding: inherit;
	border: none;
	background-color: #D5ECE0;
	}

#identityTabs {
	font-family: "Cabin", Verdana, Geneva, sans-serif;
	font-size:14pt;
	list-style:none;
	margin: auto;
	padding:inherit;
	border: 0px dotted magenta;
	position:relative;
	}
	
.identityTab:link , .identityTab:active, .identityTab:visited, a {
	color: #CCC;
	text-decoration: none;
	}
	
.identityTab:hover ,a {
	color: #999;
	text-decoration: none;
	}
	
LI.identityTab	{
	margin: auto;
	padding: 2px 18px ;	
	float:left;
	background-color: #EEE;
	color: #CCC;
	/* will only show up on CSS3 browsers*/
	border-top: 2px solid #CCC;
	border-right: 2px solid #CCC;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-moz-box-shadow: -1px 1px 1px 1px #ddd inset;
	-webkit-box-shadow: -1px 1px 1px 1px #ddd inset;
	box-shadow: -1px 1px 1px 1px #ddd inset;
	}
	
LI.identityTab:hover {
	margin: auto;
	padding: 2px 18px;
	border:0px dashed green;
	float:left;
	background-color: #D5ECE0;
	color: #000;
	border-top: 2px solid #666;
	border-right: 2px solid #666;
	/* will only show up on CSS3 browsers*/
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-moz-box-shadow: -1px 1px 1px 1px #D5ECE0 inset;
	-webkit-box-shadow: -1px 1px 1px 1px #D5ECE0 inset;
	box-shadow: -1px 1px 1px 1px #D5ECE0 inset;
	}  
	
LI.identityTabActive {
	margin: auto;
	padding :2px 18px;
	border:0px dashed green;
	float:left;
	background-color: #FFF;
	color: #000;
	border-top: 2px solid #999;
	border-right: 2px solid #666;
	/* will only show up on CSS3 browsers*/
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-moz-box-shadow: -1px 1px 1px 1px #eee inset;
	-webkit-box-shadow: -1px 1px 1px 1px #eee inset;
	box-shadow: -1px 1px 1px 1px #eee inset;
	}  

	
LI.identityTabMore	{
	margin: auto;
	padding: 2px 4px ;	
	float:left;
	background-color: #EEE;
	color: #CCC;
	/* will only show up on CSS3 browsers*/
	border-top: 2px solid #CCC;
	border-right: 2px solid #CCC;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	}	
	
LI.identityTabMore:hover	{
	margin: auto;
	padding: 2px 4px ;	
	float:left;
	background-color: #D5ECE0;
	color: #666;
	/* will only show up on CSS3 browsers*/
	border-top: 2px solid #999;
	border-right: 2px solid #666;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	}

#CalendarSummaryHeader {
	margin: 10px;
	padding: 0px;
	border: 1px solid #CCC;
	height: 140px
	}

UL.CalendarSummaryHeaderList {
	list-style: none;
	margin: auto;
	padding:10px;
	border: none;
	}

LI.Avatar {
	height: 125px;
	width: 125px;
	margin:0;
	padding:0;
	border: 0px solid magenta;
	float: left;
	}
	
LI.GradDate {
	height: 125px;
	width: 180px;
	margin:0;
	margin-right: 20px;
	padding:0;
	border: 0px solid magenta;
	float: left;
	text-align: center;
	}

H3.GradDate	{
	font-family: "Shadows Into Light", cursive, Verdana, san-serif;
	font-size: 16pt;
	color:#060;
	margin-bottom:0;
	}

P.GradDate{
	margin-top: 0;
	font-family: "Cabin",  Verdana, Geneva, sans-serif;}		 	

/* CalendarNote */	
LI.CalendarNote {
	height: 110px;
	width: 110px;
	margin:0 5px;
	padding:0;
	border: 0px solid magenta;
	float: left;
	text-align: center;
	background-image:url(../Images/calendar-note.jpg);
	background-repeat: no-repeat;
	vertical-align:middle;
	}
	
H2.CalendarNote {
	font-family: "Shadows Into Light", cursive, Verdana, san-serif;
	font-size: 12pt;
	color:#e6a70c;
	margin-top: 20px;
	margin-bottom:0;
	}

H3.CalendarNote {
	font-size: 18pt;
	font-family: "Cabin",  Verdana, Geneva, sans-serif;
	color:#CCC;
	margin-bottom:0;
	margin-top: 10px;
}

/* GradeNavigation*/ 
#GradeNavigation {
	margin: 0px;
	padding: 0px;
	border: 0px solid #CCC;
	height: 30px
	}
	
UL.GradeNavigation {
	list-style: none;
	margin: 0;
	padding:0;
	border: none;
}

LI.GradeNavigation {	
	margin:0;
	padding:5px 15px;
	float: left;
	text-align: center;
	border: 1px solid #ccc;
	color: #666
	}
	
LI.GradeNavigation:hover {	
	margin:0;
	padding:5px 15px;
	float: left;
	text-align: center;
	border: 1px solid #ccc;
	color: #666;
	background-color:#eee
	}


LI.GradeNavigationActive {	
	margin:0;
	padding:5px 15px;
	float: left;
	text-align: center;
	border-right: 1px solid #ccc;
	border-bottom: 6px solid #CCC;
	background-color: #CCC;
	color: #333
	}


#GradeNavigationTasks {
	margin: 0px;
	padding: 10px 0 0 0 ;
	border: 1px solid #CCC;
	height: 35px
	}
	
UL.GradeNavigationTasks {
	list-style: none;
	margin: 0;
	padding:0;
	border: none;
	}


LI.GradeNavigationTasks {	
	margin:0;
	padding:5px 15px;
	float: left;
	text-align: center;
	color: #666;
	border: 0px solid magenta;
	font-size:10pt;
	font-family: "Cabin", Verdana, Geneva, sans-serif;
	letter-spacing: .05em
	}
	
a.GradeNavigationTasks:link {
	color:#666;
	text-decoration:none;
	padding-bottom:5px;
	border-bottom: 1px solid #fff;
	}

a.GradeNavigationTasks:visited {
	color:#666;
	text-decoration:none;
	padding-bottom:5px;
	border-bottom: 1px solid #fff;
	}

a.GradeNavigationTasks:active {
	color:#666;
	text-decoration:none;
	padding-bottom:5px;
	border-bottom: 1px solid #fff;
	}

a.GradeNavigationTasks:hover {
	color:#666;
	text-decoration:none;
	padding-bottom:5px;
	border-bottom: 1px solid #e6a70c;
	}


#ActivitiesToComplete {
	margin: 10px 0;
	padding: 0px 0 0 0 ;
	border: 1px solid #CCC;
	}

TR.ActivitiesToComplete {
	margin: 0;
	padding:0;
	border: 1px solid #000;
	}

TD.ActivitiesToCompleteType  {
	width: 100px;
	color: #666;
	padding:5px;
	border: 0px solid magenta;
	font-size:10pt;
	font-family: "Cabin", Verdana, Geneva, sans-serif;
	border-bottom: 1px dashed #CCC;
	vertical-align:top;
	text-align:center;
	}
	
TD.ActivitiesToCompleteDescription  {
	width: 490px;
	color: #666;
	padding:5px;
	border: 0px solid magenta;
	font-size:10pt;
	font-family: "Cabin", Verdana, Geneva, sans-serif;
	border-bottom: 1px dashed #CCC;
	vertical-align:top
	}
	
TD.ActivitiesToCompleteDueDate {
	width: 125px;
	color: #666;
	padding:5px;
	border: 0px solid magenta;
	font-size:10pt;
	font-family: "Cabin", Verdana, Geneva, sans-serif;
	background-color: #D5ECE0;
	border-bottom: 1px solid #D5ECE0;
	vertical-align:top;
	text-align:center;
	}

H2.ActivitiesToCompleteDueDate {
	font-family: "Shadows Into Light", cursive, Verdana, san-serif;
	font-size: 12pt;
	color: #093;
	margin-top: 10px;
	margin-bottom:0px;
	}

#Sprite {
	height: 100px;
	width:100px;
	margin: 0px;
	padding:0;
	border:1 solid #000;
	}
	
/* Sprites */	
.sprite-graduate {
	background: url(../Images/education_icons.png) 0px 0px;
	}			
.sprite-apple {
	background: url(../Images/education_icons.png) 0px -100px;
	}
.sprite-microscope {
	background: url(../Images/education_icons.png) 0px 200px;
	}	
.sprite-beakers {
	background: url(../Images/education_icons.png) 0px -300px;
	}
.sprite-computer {
	background: url(../Images/education_icons.png) -100px 0px;
	}		
.sprite-art {
	background: url(../Images/education_icons.png) -100px -100px;
	}		
.sprite-abcs {
	background: url(../Images/education_icons.png) -100px -200px;
	}		
.sprite-drafting {
	background: url(../Images/education_icons.png) -100px -300px;
	}		
.sprite-music {
	background: url(../Images/education_icons.png) -200px 0px;
	}		
.sprite-sissorpencil {
	background: url(../Images/education_icons.png) -200px -100px;
	}		
.sprite-notepad {
	background: url(../Images/education_icons.png) -200px -200px;
	}		
.sprite-clock {
	background: url(../Images/education_icons.png) -200px -300px;
	}	
.sprite-calculator {
	background: url(../Images/education_icons.png) -300px 0px;
	}			
.sprite-sports {
	background: url(../Images/education_icons.png) -300px -100px;
	}			
.sprite-administrator {
	background: url(../Images/education_icons.png) -300px -200px;
	}	
.sprite-books {
	background: url(../Images/education_icons.png) -300px -300px;
	}	
	
/* DATA ENTRY */


#DataEntry {
	margin: 5px 0;
	padding: 10px  ;
	border: 1px solid #CCC;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 8pt;
	color:#666;
	}

UL.DataEntry {
	list-style: none;
	}

LI.DataEntry {
	margin:0;
	padding: 0;
	border: 1px dotted magenta;
	width: 200px;
	float:left
	}

.textbox, .checkbox, input, textarea {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8pt;
	border: 1px solid #CCC;
	margin: 5px 2px;
	padding: 5px;
	background-color: #fff;
	}
	
.radio {
	border:none;
	}
	
.radio span {
	margin: 10px;
	}

label {
	margin-left: 6px;
	color: #999;
	}
	
input.blur {
	color: #999;
	}
	
.calendar_icon {
	margin: 0 0 0 25px; 
	vertical-align:middle
	}

#Submit {
	background-color:#e6a70c;
	text-transform: uppercase;
	}
	
#Submit:hover {
	background-color:#999;
	text-transform: uppercase;
	}
	
DIV.TextArea {
	float:left;
	margin: auto;
	margin-right: 10px;
	padding:inherit;
	border:none;
	}

#DataEntered {
	margin: 10px 0;
	padding: 0px 0 0 0 ;
	border: 0px solid #CCC;
	}

TR.DataEntered {
	margin: 0;
	padding:0;
	border: 0px solid #000;
	}

TR.DataEnteredHeader {
	margin: 0;
	padding:0;
	border: none;
	font-size:10pt;
	font-family: "Cabin", Verdana, Geneva, sans-serif;
	vertical-align:top;
	text-align:center;
	background-color:#DBEFE5;
	}

TH.DataEnteredActivity  {
	color: #666;
	padding:5px;
	text-align:center;
	border-bottom: 1px solid #CCC;
	}
	
TH.DataEnteredDates  {
	width: 50px;
	color: #666;
	padding:5px;
	border-bottom: 1px solid #CCC;
	}
	
TH.DataEnteredDescription  {
	width: 250px;
	color: #666;
	padding:5px;
	border-bottom: 1px solid #CCC;
	}

TH.DataEnteredComments  {
	width: 250px;
	color: #666;
	padding:5px;
	border-bottom: 1px solid #CCC;
	}

TH.DataEnteredRecommendation  {
	width: 50px;
	color: #666;
	padding:5px;
	border-bottom: 1px solid #CCC;
	}
	
TR.DataEnteredEven {
	font-family:Verdana, Geneva, sans-serif;
	font-size:8pt;
	background-color:#eee;
	}
	
TR.DataEnteredOdd {
	font-family:Verdana, Geneva, sans-serif;
	font-size:8pt;
	}

TD.DataEnteredActivity  {
	width: 50px;
	color: #666;
	padding:5px;
	vertical-align:top;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}
	
TD.DataEnteredDates  {
	width: 50px;
	color: #666;
	padding:5px;
	text-align:center;
	vertical-align:top;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}
	
TD.DataEnteredDescription  {
	width: 250px;
	color: #666;
	padding:5px;
	vertical-align:top;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}

TD.DataEnteredComments  {
	width: 250px;
	color: #666;
	padding:5px;
	vertical-align:top;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}

TD.DataEnteredRecommendation  {
	width: 50px;
	color: #666;
	padding:5px;
	text-align:center;
	vertical-align: top;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}
	

H2.DataEntered {
	font-family:Verdana, san-serif;
	font-size: 16pt;
	color:#666;
	margin-top: 0px;
	margin-bottom:0;
	font-weight: normal;
	}	
	
.AddNewItem:link, .AddNewItem:visited, .AddNewItem:active a {
	color:#e6a70c;
	font-size: 8pt;
	}

#AddNewItem {
	color: #999;
	}
	
A.AddNewItem:hover {
	color:#999;	
	font-size:8pt;
	text-decoration: none
	}	
/* DEBUG TOOL */
/*
DIV {
	border: 1px dashed magenta;
	}	
*/


/* *********************************************** Login Page CSS Starts ********************************************** */
#loginContent {	
	border: 0px dotted magenta;
	padding: 10px;
	padding-bottom: 0px;
	background-color: white;
	height: 560px;
} 

.loginLeftSection
{  padding-left:20px;	
	width: 300px;
	float:left;	
}
#loginErrorSection
{
	height: 60px;
	text-align: left;
	color: #900;
	font-size: 11px;
	padding-left:20px;
	width:360px;
   
}
.loginRightSection
{
	 padding-left:20px;
	 padding-right: 20px;
	 float: right;
	 height: 400px;
}
.loginspnRequired
{
	text-align: left;
	color: #900;
	font-size: 11px;
    padding: 5px;
    vertical-align:top;
    
}
.loginTableColumn
{
	width: 260px; 
	height: 400px; 
	text-align: center; 
	vertical-align: middle;
    border: 1px solid; 
    background-color:#D5ECE0; 
    color:#4F4F4F;
}

/* *********************************************** Login Page CSS Ends ********************************************** */

.twoColHybLtHdr #mainBody { 
	margin: 0px 0px 0px 0px; /* the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */
	border: 0px dotted magenta;
	padding: 10px;
	padding-bottom: 0px;
	background-color: #FFFFFF;
	min-height:540px;
} 

.twoColHybLtHdr #horizontalbar {
	background: #D5ECE0; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 10px 0; /* top and bottom padding create visual space within this div  */
}

/* ****************************** Horizontal Menu Bar CSS ********************************************************************** */
UL.horizontalbar {
	margin: 0px 0 0 0px; 
	padding:0;
	border: 0px dotted magenta;
	list-style: none;
	}
	
LI.horizontalbar {
	font-size:8pt;
	font-family:Verdana, Geneva, sans-serif;
	/*margin: 0px; Finto June 02 2012*/
    margin: 0px 20px 0px 0px;
	padding: 0px;
	/*width: 125px; Finto June 02 2012*/
	border: none;
	float: left;
	}
	
LI.horizontalbar:hover {
	font-size:8pt;
	font-family:Verdana, Geneva, sans-serif;
	/*margin: 0px; Finto June 02 2012*/
    margin: 0px 20px 0px 0px;
	padding: 0px;
	border: none;
	
	}

.horizontalbar LI UL
{
	background-color: #D5ECE0;
	display: none;
	height: auto;
	padding: 0px;
	margin-top: 0px;
	border: 0px;
	position: absolute;
	width: 160px; /* Modified on Mar 16 2012 */
	
}
.horizontalbar LI:hover UL
{
	display: block;
	
}
.horizontalbar LI LI
{
	display: block;
	float: none;
	margin: 0px;
	padding: 0px;
	width: 160px; /* Modified on Mar 16 2012 */
}
.horizontalbar LI:hover LI a
{
	background: none;
	
}
.horizontalbar LI UL a
{
	display: block;
	height: 20px;
	font-size: 11px;
	font-style: normal;
	margin: 0px;
	padding: 15px 10px 0px 2px;
	text-align: left;
	
}
.horizontalbar LI UL a:hover, .horizontalbar LI UL LI:hover a
{
	border: 0px;
	text-decoration: none;background-color: #C0D5CA;
	
}

/****************************************************************************************/



.twoColHybLtHdr .footer { 
	padding: 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-color: #eee;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8pt; 
	color: #333
} 
.twoColHybLtHdr .footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.errorSection
{
	height: 30px;
	text-align: left;
	color: #900;
	font-size: 11px;
	padding-left:40px;
}

.bodyContent
{
	min-height:543px;
	font-size:8pt;
}

.select
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8pt;
	border: 1px solid #CCC;
	margin: 5px 2px;
	padding: 5px;
	background-color: #fff;
}
	
.textLeft
	{
		text-align:left;
	}
.textRight
	{
		text-align:right;
	}
.textCenter
	{
		text-align:center;
	}
	
.buttonsLink 
	{
		text-decoration:none;
	}
		
.buttonsLink:hover
	{
		text-decoration:none;
	}	
	
.Buttons {
	background-color:#e6a70c;
	text-transform: uppercase;
	cursor:pointer;
	}
	
.Buttons:hover {
	background-color:#999;
	text-transform: uppercase;	
	}

.disabledButtons
	{
		background-color:#999;
		text-transform: uppercase;	
	}	
	
.mandatorySign
	{
	 color:Red; 
	 vertical-align:top;	
	}
	
.psatDelete
{
	cursor:pointer;
}
.paginationIMG
{
	vertical-align: text-bottom;
	cursor: pointer;
}

.calendarIMG {
	margin: 0 2px 0 2px; 
	vertical-align:middle;
	width:24px; 
	height:24px;
	}
	
	/******************************************************* Overriding Jquery CSS ********************************************************************/ 

.ui-widget
{
	font-size:0.8em;
}
	
/* **************************** Overriding these class for background colors ************************ */
.textbox, .checkbox, input, textarea {
	background-color:transparent;
	}	
	
.DataEntered {
	margin: 10px 0;
	padding: 0px 0 0 0 ;
	border: 0px solid #CCC;
	}

TR.DataEntered {
	margin: 0;
	padding:0;
	border: 0px solid #000;
	}

TR.DataEnteredHeader {
	margin: 0;
	padding:0;
	border: none;
	font-size:10pt;
	font-family: "Cabin", Verdana, Geneva, sans-serif;
	vertical-align:top;
	text-align:center;
	background-color:#DBEFE5;
	}
TH.DataEnteredDelete  {
	width: 60px;
	color: #666;
	 text-align:center;
	border-bottom: 1px solid #CCC;	
	}
TH.DataEnteredYear  {
	width: 150px;
	color: #666;
	padding:5px;	
	border-bottom: 1px solid #CCC;
	}
TH.DataEnteredDate  {
	width: 150px;
	color: #666;
	padding:5px;
	border-bottom: 1px solid #CCC;
	}
TR.DataEnteredEven {
	font-family:Verdana, Geneva, sans-serif;
	font-size:8pt;
	background-color:#eee;
	}
	
 TR.DataEnteredOdd {
	font-family:Verdana, Geneva, sans-serif;
	font-size:8pt;
	}

TD.DataEnteredYear  {
	width: 150px;
	color: #666;
	padding:5px;	
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}
	
	
TD.DataEnteredDelete  {
	width: 60px;
	color: #666;
	text-align:center;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}	
	
TD.DataEnteredDate  {
	width: 150px;
	color: #666;
	padding:5px;	
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}
	
	
/* ******************************** CSS for Regular Pricing List View ********************************************* */
	
.RegularPricingEntered {
	margin: 10px 0;
	padding: 0px 0 0 0 ;
	border: 0px solid #CCC;
	}

TR.RegularPricingEntered {
	margin: 0;
	padding:0;
	border: 0px solid #000;
	}

TR.RegularPricingEnteredHeader {
	margin: 0;
	padding:0;
	border: none;
	font-size:10pt;
	font-family: "Cabin", Verdana, Geneva, sans-serif;
	vertical-align:top;
	text-align:center;
	background-color:#DBEFE5;
	}

TH.RegularPricingEnteredPeriod  {
	width: 80px;
	color: #666;
	padding:5px;
	border-bottom: 1px solid #CCC;
	}
	
TH.RegularPricingEnteredAccountCost  {
	width: 80px;
	color: #666;
	padding:5px;
	border-bottom: 1px solid #CCC;
	}

TH.RegularPricingEnteredFirstStudent  {
	width: 100px;
	color: #666;
	padding:5px;
	border-bottom: 1px solid #CCC;
	}

TH.RegularPricingEnteredAdditionalStudent  {
	width: 80px;
	color: #666;
	padding:5px;
	border-bottom: 1px solid #CCC;
	}
TH.RegularPricingEnteredDec  {
	width: 80px;
	color: #666;
	padding:5px;
	border-bottom: 1px solid #CCC;
	}
TH.RegularPricingEnteredFeb  {
	width: 80px;
	color: #666;
	padding:5px;
	border-bottom: 1px solid #CCC;
	}
TH.RegularPricingEnteredMay  {
	width: 80px;
	color: #666;
	padding:5px;
	border-bottom: 1px solid #CCC;
	}
TH.RegularPricingEnteredRenewal  {
	width: 100px;
	color: #666;
	padding:5px;
	border-bottom: 1px solid #CCC;
	}
	
TR.RegularPricingEnteredEven {
	font-family:Verdana, Geneva, sans-serif;
	font-size:8pt;
	background-color:#eee;
	}
	
TR.RegularPricingEnteredOdd {
	font-family:Verdana, Geneva, sans-serif;
	font-size:8pt;
	}

TD.RegularPricingEnteredPeriod  {
	width: 80px;
	color: #666;
	padding:5px;
	vertical-align:top;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}
	
TD.RegularPricingEnteredAccountCost  {
	width: 80px;
	color: #666;
	padding:5px;
	text-align:center;
	vertical-align:top;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;

	}
	
TD.RegularPricingEnteredFirstStudent  {
	width: 100px;
	color: #666;
	text-align:center;
	vertical-align:top;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}

TD.RegularPricingEnteredAdditionalStudent  {
	width: 100px;
	color: #666;
	text-align:center;
	vertical-align:top;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}

TD.RegularPricingEnteredDec  {
	width: 80px;
	color: #666;
	padding:5px;
	text-align:center;
	vertical-align: top;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}
TD.RegularPricingEnteredFeb  {
	width: 80px;
	color: #666;
	padding:5px;
	text-align:center;
	vertical-align: top;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}
TD.RegularPricingEnteredMay  {
	width: 80px;
	color: #666;
	padding:5px;
	text-align:center;
	vertical-align: top;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}
TD.RegularPricingEnteredRenewal  {
	width: 80px;
	color: #666;
	padding:5px;
	text-align:center;
	vertical-align: top;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}

/* ******************************** CSS for Promo Pricing List View ********************************************* */
	
.PromoPricingEntered {
	margin: 10px 0;
	padding: 0px 0 0 0 ;
	border: 0px solid #CCC;
	}

TR.PromoPricingEntered {
	margin: 0;
	padding:0;
	border: 0px solid #000;
	}

TR.PromoPricingEnteredHeader {
	margin: 0;
	padding:0;
	border: none;
	font-size:10pt;
	font-family: "Cabin", Verdana, Geneva, sans-serif;
	vertical-align:top;
	text-align:center;
	background-color:#DBEFE5;
	}
/*Finto June 02 2012*/
TH.PromoPricingName  {
	width: 80px;
	color: #666;
	padding:5px;
	border-bottom: 1px solid #CCC;
	}
TH.PromoPricingEnteredPromo  {
	width: 80px;
	color: #666;
	padding:5px;
	border-bottom: 1px solid #CCC;
	}
	
TH.PromoPricingEnteredPeriod  {
	width: 80px;
	color: #666;
	padding:5px;
	border-bottom: 1px solid #CCC;
	}
	
TH.PromoPricingEnteredAccountCost  {
	width: 80px;
	color: #666;
	padding:5px;
	border-bottom: 1px solid #CCC;
	}

TH.PromoPricingEnteredFirstStudent  {
	width: 100px;
	color: #666;
	padding:5px;
	border-bottom: 1px solid #CCC;
	}

TH.PromoPricingEnteredAdditionalStudent  {
	width: 80px;
	color: #666;
	padding:5px;
	border-bottom: 1px solid #CCC;
	}
TH.PromoPricingEnteredDec  {
	width: 80px;
	color: #666;
	padding:5px;
	border-bottom: 1px solid #CCC;
	}
TH.PromoPricingEnteredFeb  {
	width: 70px;
	color: #666;
	padding:5px;
	border-bottom: 1px solid #CCC;
	}
TH.PromoPricingEnteredMay  {
	width: 70px;
	color: #666;
	padding:5px;
	border-bottom: 1px solid #CCC;
	}
TH.PromoPricingEnteredRenewal  {
	width: 100px;
	color: #666;
	padding:5px;
	border-bottom: 1px solid #CCC;
	}
	
TR.PromoPricingEnteredEven {
	font-family:Verdana, Geneva, sans-serif;
	font-size:8pt;
	background-color:#eee;
	}
	
TR.PromoPricingEnteredOdd {
	font-family:Verdana, Geneva, sans-serif;
	font-size:8pt;
	}
/*Finto June 02 2012*/
TD.PromoPricingEnteredName  {
	width: 170px;
	color: #666;
	padding:5px;
	vertical-align:top;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}
TD.PromoPricingEnteredPromo  {
	width: 80px;
	color: #666;
	padding:5px;
	vertical-align:top;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}
TD.PromoPricingEnteredPeriod  {
	width: 80px;
	color: #666;
	padding:5px;
	vertical-align:top;	
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}
	
TD.PromoPricingEnteredAccountCost  {
	width: 80px;
	color: #666;
	padding:5px;
	text-align:center;
	vertical-align:top;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;

	}
	
TD.PromoPricingEnteredFirstStudent  {
	width: 100px;
	color: #666;
	text-align:center;
	vertical-align:top;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}

TD.PromoPricingEnteredAdditionalStudent  {
	width: 100px;
	color: #666;
	text-align:center;
	vertical-align:top;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}

TD.PromoPricingEnteredDec  {
	width: 80px;
	color: #666;
	padding:5px;
	text-align:center;
	vertical-align: top;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}
TD.PromoPricingEnteredFeb  {
	width: 70px;
	color: #666;
	padding:5px;
	text-align:center;
	vertical-align: top;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}
TD.PromoPricingEnteredMay  {
	width: 70px;
	color: #666;
	padding:5px;
	text-align:center;
	vertical-align: top;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}
TD.PromoPricingEnteredRenewal  {
	width: 80px;
	color: #666;
	padding:5px;
	text-align:center;
	vertical-align: top;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}
	
.dialogPopups
{
	font-size: 8pt;
	display:none;
}

/* *************** Pagination CSS*************************** */

.divPaginationLeft
{
	float: left;
	width: 230px;
}
.divPaginationRight
{
  float: right; 
  width: 220px;
}
.spnItems
{
  color:#666666;
  padding-top:5px;
}
ul
{
border:0;
margin:0;
padding:0;
padding-top:5px;
}
.pagination-digg
{
 height:15px;
}
.pagination-digg li
{
border:0; margin:0; padding:0;
font-size:8pt;
list-style:none;
margin-right:4px; 
font-weight:bold;
}
.pagination-digg a
{
margin-right:0px;
}

.pagination-digg .previous-off,
.pagination-digg .next-off
{
color: White;
background-color:#E5E5E5;
display:block;
float:left;
font-weight:bold;
margin-right:5px;
padding:3px 4px;
border:solid 1px #E5E5E5; /* add this */    
height:15px;           
}

.pagination-digg .next a,
.pagination-digg .previous a 
{
font-weight:bold;
}

.pagination-digg .active
{
background-color:#E5E5E5; /* changed background to background-color */
color:#000000;
font-weight:bold;
display:block;
float:left;
padding:3px 6px;
border:solid 1px #FFFFFF /* add this */ 
}

.pagination-digg a:link,
.pagination-digg a:visited
{
color: #666;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
border:solid 1px #FFFFFF /* add this */
}

.pagination-digg a:hover
{
border:solid 1px #CCCCCC
}

.pagination-item li
{
	background: url("../Images/seperator.gif") bottom right no-repeat;
	border:0; margin:0; padding:0;
	font-size:8pt;
	list-style:none;
	margin-right:4px; 
}
.pagination-item a
{
	background: url("../Images/seperator.gif") bottom right no-repeat;
	margin-right:0px;
}

.pagination-item .active
{
background: White url("../Images/seperator.gif") bottom right no-repeat;
color:#000000;
font-weight:bold;
display:block;
float:left; 
margin-right:4px; 
padding:3px 6px;
}

.pagination-item a:link,
.pagination-item a:visited
{
color: #666;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}

.pagination-item a:hover
{
color: Black;
}


/* ***************************** CSS for Employee Administration Table ********************** */

.EmployeeAdministration {
	margin: 10px 0;
	padding: 0px 0 0 0 ;
	border: 0px solid #CCC;
	}

TR.EmployeeAdministration {
	margin: 0;
	padding:0;
	border: 0px solid #000;
	}

TR.EmployeeAdministrationHeader {
	margin: 0;
	padding:0;
	border: none;
	font-size:10pt;
	font-family: "Cabin", Verdana, Geneva, sans-serif;
	vertical-align:top;
	text-align:center;
	background-color:#DBEFE5;
	}
TH.EmployeeAdministrationEmployee  {
	width: 60px;
	color: #666;
	 text-align:center;
	 border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;	
	}
TH.EmployeeAdministrationRole  {
	width: 150px;
	color: #666;
	padding:5px;	
	border-bottom: 1px solid #CCC;
	}
TH.EmployeeAdministrationRemove  {
	width: 150px;
	color: #666;
	padding:5px;
	border-bottom: 1px solid #CCC;
	}
TR.EmployeeAdministrationEven {
	font-family:Verdana, Geneva, sans-serif;
	font-size:8pt;
	background-color:#eee;
	}
	
 TR.EmployeeAdministrationOdd {
	font-family:Verdana, Geneva, sans-serif;
	font-size:8pt;
	}
	
TD.EmployeeAdministrationRemove  {
	width: 60px;
	color: #666;
	text-align:center;	
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}	
	
TD.EmployeeAdministrationEmployee  {
	width: 150px;
	color: #666;
	padding:5px;	
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}
TD.EmployeeAdministrationRole  {
	width: 150px;
	color: #666;
	padding:5px;	
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}
	
	
	/***********************  Added on Mar 16 2012 for the acive menu  ********************/
	#menubarFocus {
    /*font-size:8pt;*/
	font-family:Verdana, Geneva, sans-serif;
    font-weight:bold;
    color:#4F4F4F;
	}
	
	
	#menubarFocus li{
   /* font-size:8pt;*/
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	color:#4F4F4F;
	}
	
	/*--------------------------------------------------*/
/* -- Added by Ramesh on 10 Mar 2012
/*--------------------------------------------------*/
.field-validation-error
{
    text-align: left;
    color: #900;
    font-size: 11px;
    /*padding: 5px;*/
    vertical-align: top;
}

.field-validation-error span
{
    color: #900;
    font-size: 11px;
}

.input-validation-error
{
    border:1px solid #900;
}

input[type="checkbox"].input-validation-error, input[type="radio"].input-validation-error
{
  outline: 1px solid #900;
}

.validation-summary-errors
{
    color: #900;
    font-size: 11px;
}
.validation-summary-errors a
{
    text-decoration:underline;
}

TR.RegistrationDataEnteredEven 
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:8pt;
	background-color:#eee;
}
	
TR.RegistrationDataEnteredOdd
 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:8pt;
 }
 TD.RegistrationDataEnteredValues  {
	width: 50px;
	color: #666;
	padding:5px;
	/*text-align:center;*/
	vertical-align: top;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	word-break:break-all;
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
	}
	#spnUserNameStatus
{
	display: none;
	color: #900;	
	font-size:8pt;
	text-align:right;
}
#spnUserNameAvailable
{
	display: none;
	color: #093;
	font-weight: bold;
	font-size:8pt;
	text-align:right;
}
/*--------------------------------------------------*/


    TD.ListViewFirstColumn
    {
        width: 50px;
	color: #666;
	padding:5px;
	text-align:center;
	vertical-align: top;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	word-break:break-all;
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
     }
     
     /* Added by Finto on June 08 2012 */
     .tdWidthPricing
     {
         width:230px;
         vertical-align:top;
     }
     
/* ------------------ Added by RSS on 18 Dec 2012 for Dashboard -------------------------*/     
DIV.recentRegistration {
	background-color: #FFF; 
	margin:  0px 0px 10px 10px; 
	padding: inherit; 
	border:0px solid magenta; 
	border-radius:10px;
	windows:inherit;
	width: 910px;
	/* will only show up on CSS3 browsers*/
	-moz-box-shadow:2px 2px 2px 2px #c0d5ca;
	-webkit-box-shadow: 2px 2px 2px 2px #c0d5ca;
	box-shadow: 2px 2px 2px 2px #c0d5ca;	
}
TR.RecentRegistrationHeader {
	margin: 0;
	padding:0;
	border: none;
	font-size:10pt;
	font-family: "Cabin", Verdana, Geneva, sans-serif;
	vertical-align:top;
	text-align:center;
	background-color:#DBEFE5;
	
	}
TH.Name  {
	width: 220px;
	color: #666;
	text-align:center;
	border-bottom: 1px solid #CCC;	
	border-top-left-radius:10px;
	}
TH.Email  {
	width: 180px;
	color: #666;
	padding:5px;	
	border-bottom: 1px solid #CCC;
	}
	
TH.Username {
	width: 120px;
	color: #666;
	 text-align:center;
	border-bottom: 1px solid #CCC;	
	}
TH.UserType  {
	width: 100px;
	color: #666;
	padding:5px;	
	border-bottom: 1px solid #CCC;
	}
TH.CreatedOn  {
	width: 100px;
	color: #666;
	padding:5px;	
	border-bottom: 1px solid #CCC;
	border-top-right-radius:10px;
	}
TR.recentRegistrationEven {
	font-family:Verdana, Geneva, sans-serif;
	font-size:8pt;
	background-color:#eee;
	}
	
TR.recentRegistrationOdd {
	font-family:Verdana, Geneva, sans-serif;
	font-size:8pt;
	}
	
TD.Name  {
	width: 220px;
	color: #666;
	padding:2px;
	vertical-align:middle;
	padding-left:15px;	
	border-bottom: 1px solid #CCC;
	/*border-left: 1px solid #CCC;*/
	}
TD.Email  {
	width: 180px;
	color: #666;
	padding:5px;	
	border-bottom: 1px solid #CCC;
	/*text-align:center; border-left: 1px solid #CCC;*/
	}
TD.Username  {
	width: 120px;
	color: #666;
	padding:5px;	
	text-align:center;
	border-bottom: 1px solid #CCC;
	/*border-left: 1px solid #CCC;*/
	}
TD.UserType  {
	width: 100px;
	color: #666;
	padding:5px;
	text-align:center;	
	border-bottom: 1px solid #CCC;
	/*border-left: 1px solid #CCC;*/
	}
TD.CreatedOn  {
	width: 100px;
	color: #666;
	padding:5px;
	text-align:center;	
	border-bottom: 1px solid #CCC;
	/*border-left: 1px solid #CCC;*/
	}
	
TD.LName  {
	width: 220px;
	color: #666;
	padding:2px;
	padding-left:15px;	
	text-align:center;	
	border-bottom: 0px solid #CCC;
	/*border-left: 1px solid #CCC;*/
	}
TD.LEmail  {
	width: 180px;
	color: #666;
	padding:5px;	
	border-bottom: 0px solid #CCC;
	/*text-align:center; border-left: 1px solid #CCC;*/
	}
TD.LUsername  {
	width: 120px;
	color: #666;
	padding:5px;	
	text-align:center;
	border-bottom: 0px solid #CCC;
	/*border-left: 1px solid #CCC;*/
	}
TD.LUserType  {
	width: 100px;
	color: #666;
	padding:5px;	
	text-align:center;
	border-bottom: 0px solid #CCC;
	/*border-left: 1px solid #CCC;*/
	}
TD.LCreatedOn  {
	width: 100px;
	color: #666;
	padding:5px;	
	text-align:center;
	border-bottom: 0px solid #CCC;
	/*border-left: 1px solid #CCC;*/
	}
.dashboardImg
	{
	    cursor:pointer;
	    font-size:12px;
	    font-weight:bold;
	    padding-left:14px;
	  background: url(../Images/icons.png) -64px -193px repeat-y;
	  text-decoration:none;
	}
#recentRegImg
	{
	    cursor:pointer;
	    font-size:12px;
	    font-weight:bold;
	    padding-left:14px;
	  background: url(../Images/icons.png) -64px -193px repeat-y;
	  text-decoration:none;
	}
#supportLog
	{
	    cursor:pointer;
	    font-size:12px;
	    font-weight:bold;
	    padding-left:14px;
	  background: url(../Images/icons.png) -64px -193px repeat-y;
	  text-decoration:none;
	}
#cancelRequest
	{
	    cursor:pointer;
	    font-size:12px;
	    font-weight:bold;
	    padding-left:14px;
	  background: url(../Images/icons.png) -64px -193px repeat-y;
	  text-decoration:none;
	}
.dashboardLbl
	{
	    cursor:pointer;
	    font-size:12px;
	    font-weight:bold;
	    padding-left:9px;
	}

DIV.recentSupportLogs {
	background-color: #FFF; 
	margin:  0px 0px 10px 10px; 
	padding: inherit; 
	border:0px solid magenta; 
	border-radius:10px;
	windows:inherit;
	width: 490px;
	/* will only show up on CSS3 browsers*/
	-moz-box-shadow:2px 2px 2px 2px #c0d5ca;
	-webkit-box-shadow: 2px 2px 2px 2px #c0d5ca;
	box-shadow: 2px 2px 2px 2px #c0d5ca;	
}
TR.RecentSupportLogsHeader {
	margin: 0;
	padding:0;
	border: none;
	font-size:10pt;
	font-family: "Cabin", Verdana, Geneva, sans-serif;
	vertical-align:top;
	text-align:center;
	background-color:#DBEFE5;
	
	}
TH.RecievedFrom  {
	width: 180px;
	color: #666;
	text-align:center;
	border-bottom: 1px solid #CCC;	
	border-top-left-radius:10px;
	}
TH.LogDescription  {
		color: #666;
	padding:5px;	
	border-bottom: 1px solid #CCC;
	border-top-right-radius:10px;
	}
TR.recentLogsEven {
	font-family:Verdana, Geneva, sans-serif;
	font-size:8pt;
	background-color:#eee;
	}	
TR.recentLogsOdd {
	font-family:Verdana, Geneva, sans-serif;
	font-size:8pt;
	}
	
TD.RecievedFrom  {
	width: 180px;
	color: #666;
	padding:2px;
	padding-left:15px;
	border-bottom: 1px solid #CCC;
	}
TD.LogDescription  {
	color: #666;
	padding:5px;
	border-bottom: 1px solid #CCC;
	}
TD.LRecievedFrom  {
	width: 180px;
	color: #666;
	padding:2px;
	padding-left:15px;	
	border-bottom: 0px solid #CCC;
	}
TD.LLogDescription  {
	color: #666;
	padding:5px;
	border-bottom: 0px solid #CCC;
	}
	
	
DIV.cancellationRequests {
	background-color: #FFF; 
	margin:  0px 0px 10px 10px; 
	padding: inherit; 
	border:0px solid magenta; 
	border-radius:10px;
	windows:inherit;
	width: 400px;
	/* will only show up on CSS3 browsers*/
	-moz-box-shadow:2px 2px 2px 2px #c0d5ca;
	-webkit-box-shadow: 2px 2px 2px 2px #c0d5ca;
	box-shadow: 2px 2px 2px 2px #c0d5ca;	
}
TR.cancellationRequestsHeader {
	margin: 0;
	padding:0;
	border: none;
	font-size:10pt;
	font-family: "Cabin", Verdana, Geneva, sans-serif;
	vertical-align:top;
	text-align:center;
	background-color:#DBEFE5;	
	}
TH.CUsername  {
	width: 140px;
	color: #666;
	text-align:center;
	border-bottom: 1px solid #CCC;	
	border-top-left-radius:10px;
	}
TH.CEmail  
{
    width: 100px;
	color: #666;
	padding:5px;	
	border-bottom: 1px solid #CCC;
	}
TH.CReceivedOn  {
	color: #666;
	padding:5px;	
	border-bottom: 1px solid #CCC;
	border-top-right-radius:10px;
	}
TR.recentReqEven {
	font-family:Verdana, Geneva, sans-serif;
	font-size:8pt;
	background-color:#eee;
	}	
TR.recentReqOdd {
	font-family:Verdana, Geneva, sans-serif;
	font-size:8pt;
	}
	
TD.CUsername  {
	width: 140px;
	color: #666;
	padding:2px;
	padding-left:15px;
	border-bottom: 1px solid #CCC;
	}
TD.CEmail  
{
    width: 100px;
	color: #666;
	padding:2px;
	/*text-align:center;*/
	border-bottom: 1px solid #CCC;
	}
TD.CReceivedOn  {
	color: #666;
	padding:5px;
	text-align:center;
	border-bottom: 1px solid #CCC;
	}
TD.LCUsername  {
	width: 140px;
	color: #666;
	padding:2px;
	padding-left:15px;	
	border-bottom: 0px solid #CCC;
	}
TD.LCEmail  
{
    width: 100px;
	color: #666;
	padding:2px;
	/*text-align:center;*/
	border-bottom: 0px solid #CCC;
	}
TD.LCReceivedOn  {
	color: #666;
	padding:5px;
	text-align:center;
	border-bottom: 0px solid #CCC;
	}
.lblText {
	margin-left:6px;
	color:#999;
	font-size:8pt;
	text-align:left;
}
#tblTextCoupon
	{
	    width:100%;
	    height:20%;
	}
#divManageCode
	{
	    font-size:8pt;
	}
#divpopupHeader {padding:7px;}
H2.FamilyTitle {
	font-family:"Shadows Into Light", cursive;
	font-size:18pt;
	font-weight:400;
	margin:0;
	padding:0;
	border:0;
    }
 #tdPopupContent
    {
        font-size:13px;
	    margin:0;
	    padding:0;		
	    border: 5px solid #E6A70C;
	    background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	    color: #222222;
    }
    #divpopupHeader
    {
        padding:7px;
        height : 50px;
        }
    .alignMentor
    {
        float: left;
    }
    
    /*Style for Create New User Section*/
    .twoColHybLtHdr #registrationPageBody {
	font-size:12px;
	border:0 dotted magenta;
	padding:10px;
	padding-bottom:15px;
	background-color:#fff;
	text-align:center;
	min-height:500px;
}

    #registrationPageBody .textRight 
	{
		text-align:right;
		font-size:8pt;
	}
	
	#registrationPageBody .textLeft {
	    text-align:left;
	    font-size:8pt;
    }

 /* Style added for Subscription Details Table */
    
.subscriptionTable td
{
    border-top:1px solid black;
    padding-left:0px;
    padding-right:6px;
}
.subscriptionTable .firstcol
{
    border-top:1px solid black;
    border-right:none;
    border-left:1px solid black;
}

.subscriptionTable .lastrow td
{
    border-top:1px solid black;
    border-bottom:1px solid black;
}

.subscriptionTable  .middlecol
{
    border-left:1px solid black;
}
    
.subscriptionTable  .lastcol
{
    border-right:1px solid black;
}