/*========================================================*/
/*         CSS for DNN4.9 Skin - Thomas FRSA  has deprecated items from DNN 3x series        */
/*========================================================*/


html { height: 100%;}
body { margin: 0; background: white;}
/* not sure why these are here, they are very restricting on styling */
table, tr, p {font-family: tahoma; font-size: 11px; line-height: 1.6em; margin: 0;}
/* removed the font size restriction from the td tag */
td {font-family: tahoma; line-height: 1.6em; margin: 0;}


.ControlPanel {
    width: 100%;
    height: 64px;
    background-color: #f3f3f3;
}
.SkinObject { font-family: tahoma; color: #000000; font-size: 11px; font-style: normal; }
A.SkinObject:link { font-family: tahoma; text-decoration: none; color:#2E3192; font-size: 11px; text-transform:uppercase;}
A.SkinObject:visited  { font-family: tahoma; text-decoration: none; color:#2E3192; font-size: 11px; text-transform:uppercase;}
A.SkinObject:active   { font-family: tahoma; text-decoration: none; color:#2E3192; font-size: 11px; text-transform:uppercase;}
A.SkinObject:hover    { font-family: tahoma; text-decoration: none; color:#B6B2D9; font-size: 11px; text-transform:uppercase;}

/*============================*/
/* for subtitle heading */
div#subtitle {
    background-image:  url(images/subtitle.jpg); 
    background-repeat: no-repeat;
    height: 50px;
    width: 750px;
}


div#subtitletext {
    height: 50px;
    width: 750px;
    top: 50px;
	font-family: Impact;
	font-size: 28px;	
	color: #051781; /* probably not web safe */
	text-align: left;
	padding-left: 17px;
	line-height: 50px; /* vertical align a single line of text only! */
}
/*============================*/


.PanesTD { width:100%; vertical-align: top; padding: 0;}
.PanesDIV { padding: 0;}
.Terms { color: #000; font-weight: normal; font-style: normal; font-weight:normal; padding: 10px; margin:0; width: 100%; text-align: center;}
border-top-width: 2pt; }
.DateTD { background: transparent; text-align: right; padding-right: 15px; vertical-align: middle; color: #000000; font-weight: normal; height:20px; width: 35%; font-style:normal;}
a.schoollink:link, a.schoollink:visited, a.schoollink:active {text-decoration:none; font-size: 9px;}
a.schoollink:hover { color:#D9D6EB; }

.NavTD { background-color: #B6B2D9; vertical-align: middle; height: 24px; padding-left: 20px;}
.LoginTD {font-family:tahoma; height:24px; text-align:right; vertical-align: center; color: #000000; background-color: #B6B2D9; padding:0 5px;}
.TopBannerLeft { background: url(images/logo_left.gif) no-repeat left top; height: 58px; width: 58px; padding: 0; margin:0; }
.TopBannerMain { background: url(images/JCS.gif) no-repeat left top; height: 58px; width: 266px; padding: 0; margin:0; }
.TopBannerRight { background: url(images/banner_right.gif) no-repeat right top; height: 58px; width:387; padding: 0; margin:0; }

.breadcrumb { font-family: tahoma; text-decoration: none; font-size: 9px; vertical-align: Top;  height: 13px; padding-left: 20px; padding-right: 20px;}
.BREADCRUMBS_object, a.BREADCRUMBS_object:link, a.BREADCRUMBS_object:visited, a.BREADCRUMBS_object:active { color: #B6B2D9; font-family: geneva; font-size: 11px; text-decoration: none; font-weight:normal;}
a.BREADCRUMBS_object:hover { color: #000000; font-family: tahoma; font-size: 11px; text-decoration: none; font-weight:normal; }
/* .BreadCrumbsTD { background: transparent; text-align: left; vertical-align: middle; color: #B6B2D9; padding: 0 0 0 15px; height:20px; border-top-color: #383838; */ 

.Toplinks {  text-align:right; font-family: tahoma; text-decoration: none; font-size: 9px; vertical-align: middle; height: 24px; padding-left: 20px;}

.PaneTop { width: 100%; padding: 0 7px 0 7px;}
.PaneLeft { padding: 0 7px 0 7px; width: 210px; }
.PaneCenter { padding: 0 7px 0 7px; }
.PaneRight { padding: 0 7px 0 7px; width: 210px; }
.PaneBottom { width: 100%; padding: 0 7px 0 7px; }
.PaneMenuBottom { width: 100%; padding: 5px 15px 0 15px; }

.LOGIN_object, a.LOGIN_object:link, a.LOGIN_object:visited, a.LOGIN_object:active, .USER_object, a.USER_object:link, a.USER_object:visited, a.USER_object:active { color: #000000; font-family: tahoma; font-size: 11px; font-weight:normal; }
a.LOGIN_object:hover, a.USER_object:hover { color: #2E3192; font-family: tahoma; font-weight:normal; font-size: 11px; }
.DATE_object { color: #000000; font-family: tahoma; font-size: 11px; font-weight:normal; font-style:normal; }

.FOOTER_objects { color:#000; font-size: 11px; }
a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { color:#000; font-weight:normal; text-decoration:none; }
a.FOOTER_objects:hover { color:#2E3192; font-weight:normal; text-decoration:none;  }
#Footer {color:#000000; font-family: tahoma; font-size: 11px;}

.normal, .Normal { font-family: tahoma; font-size: 11px; color: #000; font-weight: normal; }
.NormalBold { font-family: tahoma; font-size: 12px; font-weight: normal; text-transform:uppercase; color: #2E3192; }
.NormalGreen { color: #00a650; font-family: tahoma; font-weight: bold; font-size: 11px; }
.SubHead { font-family: tahoma; font-size: 11px; font-weight: normal; color: #2E3192; text-transform:uppercase; padding: 0; }
.Head { font-family: tahoma; font-size: 12px; color: #ed1c24; background: transparent; font-weight: normal; text-transform:uppercase; padding: 0;}

a:link, a:visited, a:active { color: #000000; font-family: tahoma; font-size: 11px; font-weight: normal; text-decoration: underline; }
a:hover { color: #B6B2D9; font-family: tahoma; font-size: 11px; text-decoration: none; }
a.Normal:link, a.Normal:visited { color: #000000; font-family: tahoma; font-size: 11px; text-decoration: underline; }
a.Normal:hover { color: #B6B2D9; font-family: tahoma; font-size: 11px;	text-decoration: none; }
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { color: #000000; padding: 2px 3px 3px 4px; font-family: tahoma; font-size: 11px; text-decoration: underline; text-align: center; height: 20px; }
a.CommandButton:hover                                                 { color: #B6B2D9; padding: 2px 3px 3px 4px; font-family: tahoma; font-size: 11px; text-align: center; height: 20px; }

select, input { font-family: geneva; font-size: 11px; color: #000000; font-weight:normal; }
.NormalTextBox { color: #000000; padding-left: 4px; line-height: 12px; font-family: tahoma; font-weight: normal; font-size: 11px; }
td.NormalTextBox { padding: 0; margin: 0; background: transparent; visibility: invisible; border: 0; }



/*--------------------------------------------------------------------------------------------------------------*/
/* module css items, got no idea what these do */
.ModuleTitle_MenuContainer { background-color: transparent;}
.ModuleTitle_MenuBar  { cursor: pointer; height: 24px; background-color: #D9D6EB;font-family: tahoma;font-size: 11px;}
.ModuleTitle_SubMenu  { background-color: #D9D6EB; border-color: #B6B2D9; border-width: 1px; padding:2px }
.ModuleTitle_MenuItem { font-family: tahoma; color: #000000; font-size: 11px; cursor: pointer; font-weight: normal; background-color: transparent; height: 20px; margin: 0; padding: 2px; text-transform:uppercase;  border: none;}  
.ModuleTitle_MenuItemSel { font-family: tahoma; color: #9892C7; font-size: 11px; cursor: pointer; font-weight: normal; background-color: #B6B2D9; height: 20px; margin: 0px;  padding: 2px; text-transform:uppercase;  border: 0px;}									

/*--------------------------------------------------------------------------------------------------------------*/

.MainMenu_MenuContainer { background-color: transparent;}
.MainMenu_MenuBar { cursor: pointer; height: 24px; background-color: #D9D6EB; font-family: tahoma; font-size: 12px;}

/* contains all menuitems so this is just the styling for the container*/
.MainMenu_SubMenu
{ 
	background-color: #D9D6EB; 
	border-color: #D9D6EB; /* #B6B2D9;  */
	border-width: 0px; 
	padding:0px 
}



/* not sure what this is used for */
.MainMenu_Idle, .SubMenu_Idle { font-family: tahoma; color: #000000; font-size: 12px; cursor: pointer; font-weight: normal; background-color: transparent; height: 20px; margin: 0; padding: 2px; text-transform:uppercase;  border: none;} 
.MainMenu_Selected, .SubMenu_Selected { font-family: tahoma; color: #9892C7; font-size: 12px; cursor: pointer; font-weight: normal; background-color: #B6B2D9; height: 20px; margin: 0px;  padding: 2px; text-transform:uppercase;  border: 0px;}									


.MainMenu_MenuItem 
{ 
	font-family: tahoma; 
	color: #000000; 
	font-size: 12px; 
	cursor: pointer; 
	font-weight: normal; 
	background-color: transparent; 
	height: 20px; 
	margin: 0; 
	padding: 2 10 2 10px; 
	/*text-transform:uppercase; */  
	border: 0;
} 

/* menu item is selected */
.MainMenu_MenuItemSel
{ 
	font-family: tahoma; /* verdana - looks nice */ 	
	font-size: 12px; 
	color: #2E3192;
	font-weight: normal; 
	background-color: #B6B2D9; 
	height: 20px; 
	margin: 0px;  
	padding: 2px 10px 2px 10px; /* has to be the same as MainMenu_MenuItem padding */
	/*text-transform:uppercase;  */
	border: 0;
}									


.MainMenu_MenuArrow
{
	border:none;
	padding: 0 2px 0 0; /* put some padding on the left side of the image, dont change the top or bottom!*/
}

.MainMenu_RootMenuArrow
{
	border: 0 5px 0 5px;
	padding: 0 2px 0 0; /* put some padding on the left side of the image, dont change the top or bottom*/
}


/* no icons so dont display them */
.ModuleTitle_MenuBreak, .MainMenu_MenuIcon, .ModuleTitle_MenuIcon {display: none;}

/*==========================================================*/
/* deprecated */

.SelectedTab { font-weight:normal; }

/*==========================================================*/
/*  End Style Sheet                                         */
/*==========================================================*/