/* ================================
    CSS STYLES FOR Parent Communicator Portal
   ================================
*/ 

/* PAGE BACKGROUND */
/* background color for the logo header section */
.HeadBg {
    background-color: #ffffff;   
}

/* BODY BACKGROUND */
/* background color for the non-content part of the site (left and right margins) */
Body
{
    background-color: #FFFFFF;
    /* or use the Body Background dropdown in Admin Settings to select a background image (see the Admin Guide) */
    	
	/* scrollbar colors*/
	scrollbar-base-color: efefef;
	scrollbar-track-color: efefef;
	scrollbar-face-color: FFFFFF;
	scrollbar-highlight-color: efefef;
	scrollbar-3dlight-color: 666666;
	scrollbar-darkshadow-color: efefef;
	scrollbar-shadow-color: 000000;
	scrollbar-arrow-color: 000000;
   
}

/* background color for the date row (located directly beneath the navigation menu row) */
.TabBg {
    background-color: #000000;
}



/* background colors for the panes, leave commented if you dont want to apply any colors to the panes */
.LeftPane {
	background-color: #ffffff;
}

.ContentPane {
	background-color: #ffffff;
}

.RightPane {
	background-color: #ffffff;
}



/* Navigation Menu styles */

/* background color of the navigation menu row and footer row */
.DNN_MenuContainer 
{
	/*background-color: #335481;
	background-image: url(../gui-images/menufull.jpg);*/
	border-bottom: #000000 0px solid;
	border-left: #000000 0px solid;
	border-top: #000000 0px solid;
	border-right: #000000 0px solid;	
}
/* height of the navigation menu; do not change this value! */
.DNN_MenuBar 
{
	height:30;
}
/* font specs of the navigation menu items (mouse-off mode) */
.DNN_MenuItem 
{
	color: #ffffff;
	font-family: Comic Sans MS, Verdana, Arial, Helvetica;
	font-size: 11pt;
	font-weight: bold;
	font-style: normal;
	border-left: #000000 0px solid;
	border-bottom: #000000 0px solid;
	border-top: #000000 0px solid;
	border-right: #000000 0px solid;
	/* do not modify this value! */
	height:30;
}
.DNN_SubMenu
/* the background color of submenu items (mouse-off) */ 
{
	z-index: 1000;
	background-color: #000000;
	border-bottom: #000000 0px solid;
	border-left: #000000 0px solid;
	border-top: #000000 0px solid;
	border-right: #000000 0px solid;
	/* do not modify this value! */
	filter: progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3);
}
.DNN_MenuIcon 
/* the background color of the admin menu icons */
{
	/* note: background-color should be same as the DNN_SubMenu */
	background-color: #000000;
	border-left: #000000 0px solid;
	border-bottom: #000000 0px solid;
	border-top: #000000 0px solid;
	border-right: #000000 0px solid;
	/* do not modify these 2 values! */
	width: 1;
	height: 18;
}
/* font specs/background of navigation menu items (mouse-over mode) */
.DNN_MenuItemSel 
{
	/* mouse-over highlight color */
	background-color: #ffffff; /* #0981F1 */
	/* mouse-over font specs */
	color: #000000;
	font-family: Comic Sans MS, Verdana, Arial, Helvetica;
	font-size: 11pt;
	font-weight: bold;
	font-style: normal;
	border-left: #000000 0px solid;
	border-bottom: #000000 0px solid;
	border-top: #000000 0px solid;
	border-right: #000000 0px solid;
	height: 10;		
}
.DNN_MenuArrow 
/* do not modify this class! */
{
	font-family: webdings;
	font-size: 0pt;
	border-right: #000000 0px solid;
	border-bottom: #000000 0px solid;
	border-top: #000000 0px solid;}
		
/* End Navigation Menu styles */

.ProcMsgItemStyle
{	font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: Red;
	background-color:#ffffff;
	border-color:#000000;
 }
 
/* Date */
.SelectedTab {
    font-weight: normal;
    font-size: 10pt;
    color: #FFFFFF;
    font-family: Verdana,Arial,Helvetica,Comic Sans MS;
    text-decoration: none;
}

/* Username Link */
A.SelectedTab:link {
    text-decoration: none;
    color: #0000FF;
}

A.SelectedTab:visited {
    text-decoration: none;
    color: #0000FF;
}

A.SelectedTab:active {
    text-decoration: none;
    color: #0000FF;
}

A.SelectedTab:hover {
    text-decoration: underline;
    color: #0000FF;
}

/* Support, Logoff links */
.OtherTabs {
    font-weight: normal;
    font-size: 10pt;
    color: #0000FF;
    font-family: Verdana,Arial,Helvetica,Comic Sans MS;
    text-decoration: none;
    /* do not modify this value! */
    height:17;
}
    
A.OtherTabs:link {
    text-decoration: none;
    color: #0000FF;
}

A.OtherTabs:visited {
    text-decoration: none;
    color: #0000FF;
}

A.OtherTabs:active {
    text-decoration: none;
    color: #0000FF;
}

A.OtherTabs:hover {
    text-decoration: underline;
    color: #0000FF;
}


/* text style for the copyright text */
.copyrightText {
    font-weight: bold;    
    font-size: 8pt;
    color: #ffffff;
    font-family: Verdana,Arial,Helvetica;
    text-decoration: none;
}

/* hyperlink styles for the footer text */
A.footerText:link 
{
	font-family: Verdana,Arial,Helvetica;
	font-size: 8pt;
    text-decoration: none;
    color: #0000FF;
}

A.footerText:visited  
{
	font-family: Verdana,Arial, Helvetica;
	font-size: 8pt;
    text-decoration: none;
    color: #0000FF;
}

A.footerText:active   
{
	font-family: Verdana,Arial,Helvetica;
	font-size: 8pt;
    text-decoration: none;
    color: #0000FF;
}

A.footerText:hover    
{
	font-family: Verdana,Arial, Helvetica;
	font-size: 8pt;
    text-decoration: underline;
    color: #0000FF;
}



/* GENERAL STYLES */

/* module title */
.Head   {
    font-family: Comic Sans MS, Verdana,Arial,Helvetica;
    font-size: 16px;
    font-weight: normal;
    color: black;
}

/* item descriptions on all edit tab/module pages and also all admin menu pages */
.SubHead    {
    font-family: Verdana,Arial,Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #003366;
}

/* module title style used instead of Head style for compact rendering */
.SubSubHead {
    font-family: Comic Sans MS, Verdana,Arial,Helvetica;
    font-size: 16px;
    font-weight: normal;
    color: black;
}

/* text styles used by the modules;
note: place the FTB Style beside any style in this css that you want to display in the HTML Editor's STYLE dropdown list.
*/

/* the default content text */
.Normal /*FTB Style*/
{
    font-family: Verdana,Arial,Helvetica;
    font-size: 13px;
    font-weight: normal;
}

/* text style used for textboxes */
.NormalTextBox
{
    font-family: Verdana,Arial,Helvetica;
    font-size: 13px;
    font-weight: normal;
}

.NormalRed /*FTB Style*/
{
    font-family: Verdana,Arial,Helvetica;
    font-size: 14px;
    font-weight: bold;
    color: #ff0000
}

.NormalBold /*FTB Style*/
{
    font-family: Verdana,Arial,Helvetica;
    font-size: 13px;
    font-weight: bold
}

.Heading /*FTB Style*/ 
{
    font-family: Verdana,Arial,Helvetica;
    font-size: 14px;
    font-weight: bold;
    color: black;
}

/* Link styles */
A:link  {
    text-decoration: underline;
    color: #0033ff;
}

A:visited   {
    text-decoration: underline;
    color: #0033ff;
}

A:active    {
    text-decoration: underline;
    color: #0033ff;
}

A:hover {
    text-decoration: underline;
    color: #ff0000;
}


/* text style for buttons and links used by forms */
.CommandButtonForm {
    font-family: Verdana,Arial,Helvetica;
    font-size: 13px;
    font-weight: normal;
    text-decoration: underline;
    color: blue;
}
A.CommandButtonForm:link {
	text-decoration: underline;
	color: blue;
}
A.CommandButtonForm:visited {
	text-decoration: underline;
	color: blue;
}
A.CommandButtonForm:active {
	text-decoration: underline;
	color: red;
}
A.CommandButtonForm:hover {
	text-decoration: none;
	color: red;
}

/* hyperlink styles for buttons and links used in admin mode (e.g. Edit Tab Settings, Update, Add, Edit, etc.) */
.CommandButton     {
    font-family: Verdana,Arial,Helvetica;
    font-size: 13px;
    font-weight: normal;
}
    
A.CommandButton:link {
    text-decoration: underline;
    color: #003366;
}

A.CommandButton:visited  {
    text-decoration: underline;
    color: #003366;
}

A.CommandButton:active   {
    text-decoration: underline;
    color: #003366;
}

A.CommandButton:hover    {
    text-decoration: underline;
    color: #ff0000;
}

   
/* GENERIC STYLES*/
H1  {
    font-family: Verdana,Arial,Helvetica;
    font-size: 20px;
    font-weight: normal;
    color: #666644;
}

H2  {
    font-family: Verdana,Arial,Helvetica;
    font-size: 20px;
    font-weight: normal;
    color: #666644;
}

H3  {
    font-family: Verdana,Arial,Helvetica;
    font-size: 12px;
    font-weight: normal;
    color: #003366;
}

H4  {
    font-family: Verdana,Arial,Helvetica;
    font-size: 12px;
    font-weight: normal;
    color: #003366;
}

H5, DT  {
    font-family: Verdana,Arial,Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #003366;
}

H6  {
    font-family: Verdana,Arial,Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #003366;
}

TFOOT, THEAD    {
    font-family: Verdana,Arial,Helvetica;
    font-size: 13px;
    color: #003366;
}

TH  {
    vertical-align: baseline;
    font-family: Verdana,Arial,Helvetica;
    font-size: 13px;
    font-weight: bold;
    color: #003366;
}

SMALL   {
    font-size: 8px;
}

BIG {
    font-size: 14px;
}

BLOCKQUOTE, PRE {
    font-family: Lucida Console, monospace;
}

/* Unordered Lists */
UL LI   {
    list-style-type: square ;
}

UL LI LI    {
    list-style-type: disc;
}

UL LI LI LI {
    list-style-type: circle;
}

/* Ordered Lists */
OL LI   {
    list-style-type: decimal;
}

OL OL LI    {
    list-style-type: lower-alpha;
}

OL OL OL LI {
    list-style-type: lower-roman;
}

/* Horizontal Rule */
HR {
    color: dimgrey;
    height: 1pt;
    text-align: left
}


/* MODULE SPECIFIC STYLES */

/* text style for messages in Discussion Module*/    
.Message    {
    font-family: Verdana,Arial,Helvetica;
    font-size: 13px;
    font-weight: normal;
    background-color: #eeeeee
}   

/* style of item titles for Announcements Module */
.ItemTitle    {
    font-family: Verdana,Arial,Helvetica;
    font-size: 13px;
    font-weight: bold;
    color: #003366;
}

/* styles used by the Users Online Module */ 

/* Style used for default non-selected tabs */
.TabDefault { font-family: Verdana, Arial, Helvetica; font-size: 12px; font-weight: bold; padding-left: 20px; background-color: #e7e7e7; margin-left: 10px; margin-right: 10px; border-bottom: solid 1px black; }

/* Style used for the selected tab */
.TabSelected { font-family: Verdana, Arial, Helvetica; font-size: 12px; font-weight: bold; background-color: #ffffff; border: 1px solid #000000;  border-bottom: none; padding-left: 20px; }

/* Style used for seperating the tabs */
.TabSeparator { background-color: #ffffff; border-bottom: 1px solid #000000; width: 5px; }

/* Style used for messaging central table */
.TabPage { border: solid 1px black; border-top: none; }

.PMSOtherCellTop { border-bottom: 1px #D2D2D2 solid; padding: 6px; background-color: whitesmoke; }

.PMSOtherCellBottom { border-top: 1px #D2D2D2 solid; padding: 6px; background-color: whitesmoke; }

.PMSHeaderCell { font-family: Verdana,Arial,Helvetica; font-size: 11px; color: black; font-weight: bold; padding: 5px; background-color: #ffffcc }

.PMSCell { font-family: Verdana,Arial,Helvetica; font-size: 11px; color: black; padding: 5px; }

.PMSCellAlternate { font-family: Verdana,Arial,Helvetica; font-size: 11px; color: black; padding: 5px; background-color: #dddddd;}



/*Datagrid styles by LB*/

.DataGrid
{
font-family: 'Garamond', Verdana, Arial, Helvetica;
font-size: 12px;
font-weight: normal;
line-height: 20px 	
}

.HeaderItemStyle
{	
font-family: 'Garamond', Verdana, Arial, Helvetica;
font-size: 12px;
font-weight: Bold;
color: #ffffff;
background-color: #000000;
border-style: none ; 
border-color: White; 
border-width: thin;
}
  
.AlternatingItemStyle
{  
background-color :#efefef;
border-style : none ; 
border-color : #efefef; 
}

.ItemStyle
{
background-color : #cccccc;
border-style : none ; 
border-color : #cccccc; 
border-width :thin;
}

/* Folder Filer Styles */
.FFSubHeader
{
	font-weight: bold;
	font-size: 8pt;	
	color: #4455aa;
	font-family: Verdana, Arial, Helvetica;	
}
.FFTitle
{
	font-weight: bold;
	font-size: 14pt;
	color: #ffffff;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	text-decoration: none;
}
.FFItem
{
	font-size: 7pt;
	color: "Black";
	background-color: #EEEEEE; 
	font-family: Verdana, Arial, Helvetica;	
}
.FFAltItem
{
	font-size: 7pt;
	color: "Black";
	background-color: "Gainsboro"; 
	font-family: Verdana, Arial, Helvetica;	
}
.FFEditItem
{
	font-size: 7pt;
	color: "Black";
	background-color: #AAAAFF; 
	font-family: Verdana, Arial, Helvetica;	
}
.FFRow
{
	font-size: 7pt;
	color: #4455aa;
	font-family: Verdana, Arial, Helvetica;	
}
.FFLink  
{
    font-size: 10pt;
    text-decoration:    none;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    color:  #000000;
}
/* end Folder Filer Styles */



/* begin CSS STYLES FOR DNNStore */  
A.MenuUnselected, A.MenuUnselected:link, A.MenuUnselected:visited
{
    color: black;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size:  12px;
    font-weight: bold;
    line-height: 16px;
    padding-left: 10px
}

A.MenuUnselected:hover
{
    color: red;
    text-decoration: underline;
    padding-left: 10px
}

A.MenuSelected
{
	padding-left: 10px;
	font-weight: bold;
	font-size: 12px;
	color: blue;
	line-height: 16px;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
}

A.MenuSelected:hover
{
    color: red;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: underline;
    padding-left: 10px
}


.CategoryTitle
{
	font-weight: bold;
	font-size: 14px;
	color: darkred;
	font-family: Verdana, Helvetica, sans-serif;
}
/* end CSS STYLES FOR DNNStore */ 


/* STYLE FOR PRINT PAGE BREAK */
.break { page-break-before: always; }

/* text style for the email headers */
.emailHeaderText {    
    font-size: 8pt;
    color: #000000;
    font-family: Verdana,Arial,Helvetica;
    text-decoration: none;
}

/* text style for the home page blocks */
.homePageText {    
    font-size: 10pt;
    color: #666666;
    font-family: Comic Sans MS,Verdana,Helvetica;
    text-decoration: none;
}

/* text style for the home page info area */
.homePageInfo {    
    font-size: 10pt;
    color: #000000;
    font-family: Comic Sans MS,Verdana,Helvetica;
    text-decoration: none;
    font-weight:lighter;
}

/* user message */
.accessDenied {
    font-family: Verdana,Arial,Helvetica;
    font-size: 18px;
    font-weight: normal;
    color: red;
}

/* user message (for use with high-res photos message) */
.userMessageText {    
    font-size: 8pt;
    color: #330099;
    font-family: Verdana,Arial,Helvetica;
    text-decoration: none;
}

 /*CSS for mouseover of download photo*/
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{
position: absolute;
background-color: #efefef;
padding: 2px;
left: -1000px;
border: 2px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ 
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 15;
left: -20px; /*was -100 position where enlarged image should offset horizontally */
}