/* 
==========================================================================
GENERIC STYLES
==========================================================================
*/
/* BODY background-color:  this is the area surrounding the page */
BODY
{
	font-size: 11px;
	font-family: Verdana,Tahoma,Arial;
	background-color: #ffffff;
	color: #000000;
	margin-top: 0px;
}

/* Link styles */
A { text-decoration:none; cursor:pointer; font-family: Verdana; }
A:visited { text-decoration:none; }
A:active { text-decoration:none; }
A:hover { text-decoration:underline; }

/* 
==========================================================================
HEADER IMAGES
==========================================================================
*/
TD#tdHeader { height:121px; width:100%; }
.headerLeft  { width:182px; height:101px; border-right:solid 1px #ffffff; vertical-align:top; background-repeat: no-repeat; }
.headerRight { width:557px; height:101px; vertical-align:top; background-repeat: no-repeat; }

/*
==========================================================================
MENU STYLES
Notes:
- padding-left for menu items should be the same as in leftPanel
==========================================================================
*/
/* Menu Bar tablecell on header */
TD#tdMenu { border-top:1px solid #FFFFFF; } 

/* Top menu main style */
.unselectedTopmenu  { background-color:#2B4365; color:#FFFFFF; font-size: 11px; cursor:pointer; padding:none; }

/* Left menu main style */
.unselectedVertmenu { background-color:#5A83B3; color:#FFFFFF; border:solid 1px #2B4365; font-size: 11px; width:100%; cursor: pointer; }

/* 1st level submenus */
.unselectedmenu     { background-color:#D8E8FB; color:#2B4365; border:solid 1px #2B4365; font-size: 11px; cursor:pointer; }
.menuItem           { width:182px; padding-left:6px; padding-right:6px; padding-top:4px; padding-bottom:4px; }
.mouseOver          { background-color:#B1D2F7; color:#2B4365; width:182px; padding-left:6px; padding-right:6px; padding-top:4px; padding-bottom:4px; }

/* 2nd level submenu items */
.subMenuItem        { background-color:#B1D2F7; color:#2B4365; width:182px; padding-left:6px; padding-right:6px; padding-top:4px; padding-bottom:4px; }
.subMenuMouseOver   { background-color:#8CB5DE; color:#2B4365; width:182px; padding-left:6px; padding-right:6px; padding-top:4px; padding-bottom:4px; }

/* Spacer between menu items */
.spacer { height:1px; background-image:url(images/dots_menu_horizontal.gif); background-repeat:repeat-x; }

/* 
==========================================================================
SEARCH BAR, BREADCRUMBS 
==========================================================================
*/
/* SEARCH BAR STYLES */
TD#tdSearchBar { background-color:#000000; height:16px; padding:1px; border-bottom:1px solid #ffffff; }
.searchBox { width:144px; font-size:11px; height:16px; border:1px solid #7B9DBF; vertical-align:middle; }
.searchButton { margin-left:2px; margin-right:1px; vertical-align:middle; }

TD#tdSiteMap { padding-left:10px; }
A.siteMapLink { color:#C1BDC6; font-size: 11px; font-weight:bold; cursor: hand; text-decoration: none; vertical-align:middle;}
A.siteMapLink:visited { text-decoration: none;}
A.siteMapLink:active { text-decoration: none;}
A.siteMapLink:hover { color:#ffffff; text-decoration: none;}

/* BREADCRUMBS */
TD#tdCrumbs { background-color:#ffffff; height:20px; padding-left:10px; border-bottom:1px solid #ffffff; vertical-align:middle; }
TD#tdCrumbs A{ font-size:11px; color:#000000; }
.BreadCrumb {	font-size:11px;	color:#000000; }

/* 
==========================================================================
CONTENT PANELS
==========================================================================
*/
/*
Width of .leftMenu must be the same as width of .leftPanel.
Width and padding for .leftPanel and .rightPanel determine max width of images
inside those panels.  For example, panel width of 182px, with padding of 6px
(i.e., 6 on each side of the panel), gives 182-6-6 = 170px max image width.

If the .rightPanel width changes, then adjust the width of .searchBox also
(see above, under "SEARCH BAR, BREADCRUMBS"), so that the left edge of the
searchbox lines up with the left edge of the rightPanel.
*/
.leftMenu   { width:182px; padding:none; table-layout:fixed; }
.leftPanel  { width:182px; padding:6px; background-color:#5A83B3; color:#B1D2F7; font-size:10px; border:none; height:100%; table-layout:fixed; }
.rightPanel { width:182px; padding:6px; background-color:#5A83B3; color:#B1D2F7; font-size:10px; border:none; height:100%; table-layout:fixed; }

/* Middle content section */
.displayPanel       { width:557px; color:#000000; font-size: 11px; background-color:#ffffff; padding:8px; height:100%; overflow:hidden; table-layout:fixed; }
.displayPanelNarrow { width:376px; color:#000000; font-size: 11px; background-color:#ffffff; padding:8px; height:100%; overflow:hidden; table-layout:fixed; }
.displayPanel       table{ width:100%; }
.displayPanelNarrow table{ width:100%; }

/* Border on right of page when rightPanel is not visible */
.verticalDots { background-image:url(images/dots_vertical.jpg); background-repeat:repeat-y; }


/* 
==========================================================================
FOOTER STYLES
==========================================================================
*/
/* Footer links */
.footer { color:#000000; font-size:11px; }

/* "Return to Top" link */
.outsideFooter { color:#749cbd; font-size:10px; }
A.outsideFooter { text-decoration:none; }
A.outsideFooter:visited { text-decoration:none; }
A.outsideFooter:active { text-decoration:none; }
A.outsideFooter:hover { text-decoration:underline; }

/* 
==========================================================================
STYLES IN CSS DROPDOWN ON RADEDITOR 
==========================================================================
*/
/* Float text to right or left of image.  Apply these styles to images. */
img.imageFloatsLeftOfText  { float: left; }
img.imageFloatsRightOfText { float: right; }

/* Middle section font colors and styles */
.sectionHeader { font-size:12px; color:#c05a05; font-weight:bold; }
.pageTitle { font-weight:bold; text-decoration:none; font-size:14px; padding-bottom:10px;}
.bigTitle { font-weight:bold; font-size:18px; }
.highlightedText1 { color:#c05a05; }
.highlightedText2 { color: #749cbd; }
.text08px { font-size:8px; }
.text09px { font-size:9px; }
.text10px { font-size:10px; }
.text11px { font-size:11px; }
.text12px { font-size:12px; }
.text14px { font-size:14px; }
.text16px { font-size:16px; }

/* Side panel font colors and styles */
.sideHighlightText  { color:#FFFFFF; font-weight:bold; font-size:10px; }
.sideSectionHeader  { font-size:11px; color:#214263; font-weight:bold; text-transform: uppercase; }
.sideWhiteText  { color:#FFFFFF; font-size:10px; }
.sideDetailText { color:#B1D2F7; font-size:10px; }


/* 
==========================================================================
Styles for "colored area" snippets 
==========================================================================
*/
.deepBackgroundWithBottomBorder { background-color:#426B94; margin:-6px; padding-left:6px; padding-right:6px; padding-top:8px; padding-bottom:8px; border-bottom:1px solid #FFFFFF; }
.deepBackgroundWithNoBorders    { background-color:#426B94; margin:-6px; padding-left:6px; padding-right:6px; padding-top:8px; padding-bottom:8px;  }
.orangeBackground { background-color:#c05a05; color:#FFFFFF; padding:6px; }
.yellowBackground { background-color:#ffffcc; color:#000000; padding:6px; }
.greenBackground  { background-color:#99cc99; color:#000000; padding:6px; }

/* 
==========================================================================
Horizontal Line 
- These classes are used in the "Add horizontal dotted rule" snippets.
- for sideHR, margin-left and margin-right must be -1*(.leftPanel padding),  
  so that the horizontal line is flush with left and right edges of 
  the panels
==========================================================================
*/
div.sideHR     { height:12px; margin-left:-6px; margin-right:-6px; border:none; background:url(images/dots_panel_horizontal.gif) repeat-x center;}
div.centerHR   { height:12px; margin-left:-4px; margin-right:-4px; border:none; background:url(images/dots_menu_horizontal.gif) repeat-x center;}

/* 
==========================================================================
SITEMAP PAGE 
==========================================================================
*/
TD#sitemap A { color: #214263; cursor:pointer; text-decoration: none; font-size:12px;}
TD#sitemap A:visited { text-decoration: none;}
TD#sitemap A:active { text-decoration: none;}
TD#sitemap A:hover { text-decoration: underline;}
TD#sitemap UL { margin-bottom: 6px;}
TD#sitemap LI { list-style-type: disc; }

/* 
==========================================================================
SEARCH RESULTS PAGE
==========================================================================
*/
TD#tdSearchResults { font-size:12px; }
TD#tdSearchResults A { font-size:12px; cursor:pointer; color: #000000; font-weight:bold; }
TD#tdSearchResults I { font-size:12px; }
TD#tdSearchResults TD { font-size:12px; }

/* 
==========================================================================
MISC STYLES
==========================================================================
*/
.stile
{
	font-size: 9pt;
}
.stileMenu
{
	font-size: 8pt;
}

/* 
These are not being used, as far as I can tell.  The topMenu class is
used in ClaytonHeader\WebInfinity.ascx, but that is not used anywhere.
-CSantos (Quilogy)
*/
.topMenu { font-size:11px; color:#FFFFFF; }
A.topMenu { text-decoration:none; }
A.topMenu:hover {	text-decoration:none; cursor:pointer; }