/* NOTES */
/* When we use XHTML then all classes, tags and attribute names are case sensitive */
/* Syntax: please place : immediately after css attribute and leave one space before value */
/* Font Sizes: All text should be at a default size, only modifiers such as Hx or SMALL should change this */
/* This means admins can force all authors to use a default size very easily */
/* Selectors: ".classname" will apply to all tags using class; "#1234" will apply to all tags using this ID */
/* Use ID for layout control, ie DIV, this will allow us to set the control for all media devices separate from presentation */
/* H1 EM { } will apply control only when EM appears inside H1 tag */
/* top, right, bottom, left */

/* Body Document Default */
body { margin: 0; padding: 0; font-size: 68.75%; background: #ffffff; color: #000000; font-family: verdana, sans-serif; }

/* Enable Visible Borders For Development */
div { border: 0px dotted #666666; }

/* Container vs Float Error Correction */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { height: 1%; }

/* Default Links (a on its own is only anchor destination) */
a:link { font-family: verdana, sans-serif; color: #0066CC; text-decoration: underline; }
a:visited { color: #0066CC; text-decoration: underline; }
a:hover, a:active { color: #0066CC; text-decoration: underline; }

/* generic controls */
.spacer { border: 0; }
.noborder { border: 0; }
.center { margin: auto; }
img { border: 0; }
ul, ol, dl, form { margin-top: 0em; margin-bottom: 0em; }
ul { margin-left: 1em; padding-left: 1em; } /* Firefox sees margin; IE sees padding */
ol { }

.FL { float: left; }
.FR { float: right; text-align: right; }

/* graphical / presentational controls */
hr { color: #000000; height: 1px; clear: both; }
hr.invisible { display: none; }
.littlearrow { padding-left: 1em; }

/* main layout container */
#layout { width: 90%; margin: auto; max-width: 90%; min-width: 780px; background: #FFFFFF; }

/* Administration Links */
#adminlinks { padding: 0.3em; margin-top: 0.5em; margin-bottom: 0.5em; text-align: center; }
.AdminLink { font-weight: normal; color: #666666; }
a.AdminLink { font-size: 1em; color: #0066CC; text-decoration: none; }
a.AdminLink:visited { color: #0066CC; text-decoration: none; }
a.AdminLink:active, a.AdminLink:hover { color: #0066CC; text-decoration: underline; }

/* Top Links Strip */
#topbar { background: #003399; text-align: left; border-bottom:3px solid #FECB34; padding: 2px 10px 4px 10px; font-size: 0.95em; clear: both; }
#divider { background: #003399; height: 1px; clear: both; }
#headerbar { padding: 11px 0 13px 7px; background: url("/EasySite/setup/StyleTJWShowsCompliant/images/head_back.jpg") right top no-repeat; clear: both; }
.NavigationTopLink { font-size: 0.95em; color: #ffffff;}
a.NavigationTopLink { font-size: 1em; color: #ffffff; text-decoration: underline;}
a.NavigationTopLink:visited { color: #ffffff; text-decoration: underline; }
a.NavigationTopLink:active, a.NavigationTopLink:hover { color: #FECB34; text-decoration: underline; }

.usabilitydots { padding-left: 10px; padding-right: 10px; }

/* Search Box Controls */
#searchpanel { float: right; padding: 3px 10px 0px 10px; }
.PanelTitle { display: block; float: left; font-size: 0.95em; padding-top: 4px; color: #ffffff; font-weight: bold; }
#keywords { font-size: 1em; font-family: verdana, sans-serif; padding-left: 3px; color: #666666; border: 1px solid #B3C6EB; width: 12em; }
#searchsite { vertical-align: top; margin: 2px; }

/* Quick Links Controls */
#quicklinkspanel { float: right; width: 28%; padding: 15px 0 15px 2%; }
#quick { font-size: 0.85em; color: #666666; border: 1px solid #0066cc; border-left: 5px solid #0066cc; padding-left: 3px; width: 100%; }
.QuickLinksMenu { color: #006699; background: #FFFFFF; border: 1px solid #0066cc; }

/* Contact Panel */
#contactpanel {  float: right; width: 33%; padding: 20px 1% 10px 5%; }
.ContactText { font-size: 0.85em; color: #0066cc; padding: 0; }

/* Fixed Menubar */
#menubar { clear: both; background:#33CC00; padding: 1px 10px 3px 10px; }
.menucell { background: #33CC00; display: inline; font-size: 0.95em; }
.menuLink { font-weight: normal; color: #ffffff; }
a.menuLink { color: #ffffff; text-decoration: underline; }
a.menuLink:visited { color: #ffffff; text-decoration: underline; }
a.menuLink:active, a.menuLink:hover { color: #FECB34; text-decoration: underline;}

/* Page Roots */ 
#pr { background: #003399; font-size: 0.95em; font-weight: normal; padding: 4px 10px 4px 10px; margin: 2px 0 2px 0; }
.PageRoot { color: #FFFAC2; font-weight: bold; font-size: 0.9em; text-transform: lowercase; }
a.PageRoot { font-size: 1em; color: #FFFFFF; text-decoration: underline; }
a.PageRoot:visited { color: #FFFFFF; text-decoration: underline; font-weight: normal; }
a.PageRoot:active, a.PageRoot:hover { color: #FFFAC2; text-decoration: underline;font-weight:normal; }

#maincontainer { margin-top: 10px; background: url("/EasySite/setup/StyleTJWShowsCompliant/images/snv_bg.gif") repeat-y; }

/* Side Navigation */ 
#sidenavigation { float: left; width: 175px; padding: 0; padding-bottom: 6px; display: block; border-top: 4px solid #003399; }

/* page content */ 
#pagecontent { margin-left: 175px; padding: 3px 1em 10px 1em; }
#pagecontent2 { float: left; }

#EasySite { float: left; width: 21%; padding-top: 15px; padding-left:5px; padding-right: 5px; display: block; }
#EIBSLink { color:#666666; font-size: 1em; padding:4px; border:1px solid #666666; }

/* side navigation controls */
.snavHeader { padding: 2px 6px 2px 5px; color: #FFFFFF; font-size: 0.95em; font-weight: bold; border-top: 1px solid #000000; background: #0066CC; }

.previouslink { padding: 2px 6px 2px 6px; color: #1366B6; font-size: 1em; }
.NavigationPreviousLink { font-size: 0.95em; font-weight: normal; color: #003399; }
a.NavigationPreviousLink { font-size: 1em; color: #003399; text-decoration: none; }
a.NavigationPreviousLink:visited { color: #003399; text-decoration: none; }
a.NavigationPreviousLink:active, a.NavigationPreviousLink:hover { color: #9D3D95; text-decoration: underline; }

.currentlink { padding: 2px 6px 4px 6px; font-size: 1em; }
.NavigationCurrentLink { font-size: 0.95em; color: #003399; text-decoration: none; }
a.NavigationCurrentLink { font-size: 1em; font-weight: bold; color: #003399; text-decoration: none; }
a.NavigationCurrentLink:visited { color: #003399; text-decoration: none; }
a.NavigationCurrentLink:active, a.NavigationCurrentLink:hover { color: #9D3D95; text-decoration: underline; }

.childlink { padding: 2px 6px 4px 16px; font-size: 1em; background: url("/EasySite/setup/StyleTJWShowsCompliant/images/snav_child.gif") no-repeat; background-position: 6px 3px;  }
.NavigationChildLink { font-size: 0.95em; color: #9D3D95; text-decoration: none; }
a.NavigationChildLink { font-size: 1em; font-weight: normal; color: #0066CC; text-decoration: none; }
a.NavigationChildLink:visited { color: #0066CC; text-decoration: none; }
a.NavigationChildLink:active, a.NavigationChildLink:hover { color: #9D3D95; text-decoration: underline; }

.siblinglink { padding: 2px 6px 4px 6px; color: #1366B6; font-size:1em; }
.NavigationSiblingLink { font-size: 0.95em; color: #003399; text-decoration: none; }
a.NavigationSiblingLink { font-size: 1em; font-weight: normal; color: #003399; text-decoration: none; }
a.NavigationSiblingLink:visited { color: #003399; text-decoration: none; }
a.NavigationSiblingLink:active, a.NavigationSiblingLink:hover { color: #9D3D95; text-decoration: underline; }

/* footer */
.AddressBar { padding: 3px 10px 3px 10px; color: #ffffff; font-size: 0.95em; background: #003399; }

#footerbar { background: #33CC00; color: #ffffff; padding: 3px 10px 3px 10px; font-size: 0.95em; clear: both; }

.Copyright { color: #000000; font-size: 0.95em; padding: 3px 10px 3px 10px; }

.PageFooter { text-align: center; color: #000000; font-size: 1em; font-weight: normal; }
a.PageFooter { color: #0066CC; font-size: 1em; text-decoration: none; }
a.PageFooter:visited { color: #0066CC; text-decoration: none; }
a.PageFooter:active, a.PageFooter:hover { color: #0066CC; text-decoration: underline; }

/* defaults */
b { font-weight: bold; }
strong { font-weight: bold; }
em { font-style: italic; }
u { text-decoration: underline; }
i { font-style: italic; }

/* Standard Text */
.Header { font-size: 1.4em; }
.LargeBody { font-size: 1.2em; }
.MidLargeBody { font-size: 1.1em; }
div, td, table, .MsoNormal, .tdNormalBody, a.NormalBody, .NormalBody { font-size: 1em; }
.NormalBodyBold { font-size: 1em; font-weight: bold; }
.NormalBodyItalic { font-size: 1em; font-style: italic; }
.MidSmallBody { font-size: 0.95em; }
a.MidSmallBody { font-size: 1.05em; }
.SmallBody { font-size: 0.9em; }
.TinyBody { font-size: 0.85em; }

/* Content Editor Classes */
.CENoMargin { margin: 0; font-size:1em; }
.OneCE { font-size: 0.85em; }
.TwoCE { font-size: 1em; }
.ThreeCE { font-size: 1.2em; }
.FourCE { font-size: 1.4em; }
.FiveCE { font-size: 1.7em; }
.SixCE { font-size: 2em; }
.SevenCE { font-size: 2.4em; }

/* titles */
.PageTitle { color: #962E8C; font-size: 1.8em; font-weight: normal; padding-bottom:6px; }
.SmallTitle { color: #962E8C; font-size: 1em; font-weight: normal; }
.NewsTitle { color: #ffffff; font-size: 1em; font-weight: bold; }
.NewsLink { color: #0066cc; font-size: 1em; font-weight: bold; }
.NewsLink:visited { color: #0066cc; }
.NewsLink:active, .NewsLink:hover { color: #669900; }
.NewsText { color: #000000; font-size: 0.9em; font-weight: normal; }

/* results navigation */
.PageNavBar { font-size: 1em; color: #000000; }
a.PageNavBar { font-size: 1em; font-weight: bold; color: #0066cc; text-decoration: underline; }
a.PageNavBar:visited { color: #000099; font-weight: bold; text-decoration: underline; }
a.PageNavBar:active, a.PageNavBar:hover { color: #669900; font-weight: bold; text-decoration: underline; }

/* attachments */
.SubSectionTitle { color: #FF8B00; font-size: 1.1em; font-weight: bold; margin-top: 0.5em; margin-bottom: 0.1em;  }
.RoundTable { background-color: #E2EBFD; }
.DocumentIcon { float: left; width: 16px; margin: 0; padding: 5px; }
div.PageDocumentTitle { margin-left: 10px; padding: 0px 5px 0 0px; }
a.PageDocumentTitle { color: #0066cc; font-size: 1em; font-weight: bold; }
a.PageDocumentTitle:visited { color: #000099; }
a.PageDocumentTitle:active, a.PageDocumentTitle:hover { color: #0066CC; }
div.PageDocumentText { margin-left: 10px; padding: 0 5px 5px 0px; color: #000000; font-size: 1em; }

/* forms */
.FormComment { color: #000000; font-size: 1em; }
div.FormQuestion { color: #0066cc; font-size: 1em; font-weight: bold; padding: 3px; }
span.FormQuestion { color: #0066cc; font-size: 1em; font-weight: bold; padding: 3px; }
td.FormQuestion { }
.FormText { color: #000000; font-size: 1em; }
.FormInput { font-size: 1em; border: 1px solid #000000; }
input.SmallButton { font-size: 0.85em; color: #ffffff; font-weight: bold; background-color: #FF9900; border: 1px solid #9D5B00; }

/* results */
.ResultTitle { font-size: 1em; font-weight: bold; color: #ffffff; }
.ResultText { font-size: 1em; color: #000000; }
.ResultBG { background-color: #0066CC; }
.ResultStripOne { background-color: #EFEFEF; }
.ResultStripTwo { background-color: #FFFFFF; }
.ResultLink { font-size: 1em; color: #0066cc; }
a.ResultLink { font-weight: normal; font-size: 1em; color: #0066cc; }
a.ResultLink:visited { color: #000099; }
a.ResultLink:active, a.ResultLink:hover { color: #0066CC; text-decoration: underline; }
.ResultFooter { font-size: 1em; color: #ffffff; }
a.ResultFooterLink { font-size: 1em; color: #ffffff; }
a.ResultFooterLink:visited { color: #ffffff; }
a.ResultFooterLink:active, a.ResultFooterLink:hover { color: #ffffff; text-decoration: underline;}

/* tables */
td.ResultAlt1 { background-color: #FFFFFF; }
td.ResultAlt2 { background-color: #EFEFEF; }
.HeaderText { font-size: 1em; color: #000000; }
td.Header1 { }
td.tableBorder { background-color: #0066CC; color: #ffffff; font-size: 1em; font-weight: bold; }

/* Error */
.Error { color: #FF0000; font-size: 1em; font-weight: bold; }

/* Template Boxes */
.Boxes { margin-bottom: 1em; border: solid 1px #dadada; padding: 2px; }