/* --------- External CSS files ---------- */
@import "/Resources/AutoCompleteDropdown.css";
@import "/Resources/ExSimpleTalk.css";

/*
-- Notes: Use relative sizes where possible (em/percent)
--		  Use percentages for font sizes, ems elsewhere
--        (for IE compatibility. Moz just regards 1em=100%)
*/

.collapsePanelHeader{
	width:100%;
	height:30px;
	background-image: url(/images/bg-menu-main.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}
/* ------------- Standard fonts -------------- */

body { font-size: 80%; }
body, td 
{
	font-family: Arial, Helvetica, sans-serif;
	
}

h1, h2, h3 
{
	color: #003366;
	font-weight: bold;
}

h1 { font-size: 160%; margin: 1em 0 0.2em 0; padding: 0px; }
h2 { font-size: 150%; margin: 1em 0 0.2em 0; padding: 0px; }
h3 { font-size: 120%; margin: 1em 0 0.2em 0; padding: 0px; }
h4 { font-size: 105%; margin: 0.1em 0 0.1em 0; padding: 0px; }
h1.MinMargin, h2.MinMargin { margin: 0.0em 0 0.2em 0; }
h3.MinMargin { margin: 0.3em 0 0.15em 0; }
h4.MinMargin { margin: 0.1em 0 0.1em 0; }

a { text-decoration: none; color:#258;}
a:hover { color: #5577AA; }
a.Emphasised { text-decoration: underline; }
h1 a, h2 a, h3 a { color: #243488; }
h4 a, h5 a { color: #003366; }

p { padding: 0px; margin: 0.6em 0 0.6em 0; }

.FadedText { color: #999999; }
.ShadedBox, .ShadedBox TD { background-color: #E4E4E4 !important; }

.code, pre
{
	font-size: 110%;
	color: black;
	font-family: 'Courier New';
	background-color: #F0F0FF;
	border: 1px dotted #99B1FF;
    overflow: auto;
    max-height: 400px;
    width: expression(this.calculatedWidth || (this.calculatedWidth = GetIntendedContentWidth(this))); /* Workaround for IE failing to show horizontal scrollbar unless explicit width is given. The (x || (x = y)) hack forces y to be evaluated only once and then cached in x. */
}

pre.inline 
{
	border:none;
	background-color:white;
	max-height:10000px;
}

TEXTAREA.code 
{
	margin-top:1em; 
	width:98%;
	overflow: scroll; 
	overflow-x: scroll; 
	overflow-y: scroll;
}

TABLE.DynamicContent 
{
	table-layout: fixed;	
}

/* ------------- Misc -------------- */
img { border: none; } /* By default, hyperlinking images shouldn't have a blue border */
form { margin:0px; padding: 0px; }
img.SiteLogo { margin-left: 5px; }
img.Banner { margin-top:3px;}

ul { margin: 0px; padding-left: 1.3em; list-style-position: outside; }

table.PublicGrid { border: 1px solid gray; }
table.PublicGrid tr.HeaderRow, table.PublicGrid th.HeaderRow { background-color: #003366; color:White; }
table.PublicGrid tr.HeaderRow A, table.PublicGrid th.HeaderRow A { color: Silver; }
table.Calendar { border-collapse: collapse; }
table.Calendar TD { border: 1px solid silver; }
table.Calendar TD DIV.ContentSummary { font-size: 80%; }
table.Calendar TD DIV.ContentSummary UL { padding-left: 1.5em;  }
TR.Separator HR 
{
	color: gray;
	background-color: silver;
	height: 1px;
	line-height: 1px;
	border: none;
	width:90%;
}
/* ------------- Page border -------------- */
body 
{
	background-color: #003366;
	margin: 0.8em 1.3em 0 1.3em;
}
body.NoBorder { background-color: White; margin:0px; padding:0px; }

table.MainLayoutContainer
{
	background-color:White;
}
table.MainLayoutContainer tr.BodyRow
{
	background-color:White;
}
table.MainLayoutContainer td.TopLeft, table.MainLayoutContainer td.TopRight 
{
	background-repeat:no-repeat;
	border-bottom: 1px solid #CCC;
	width:1.6em;
}
table.MainLayoutContainer td.TopLeft 
{
	background-image: url(/Resources/Images/topleftround.gif);
	background-position: top left;
}
table.MainLayoutContainer td.TopRight
{
	background-image: url(/Resources/Images/toprightround.gif);
	background-position: top right;
}
table.MainLayoutContainer td.BottomLeft, table.MainLayoutContainer td.BottomRight 
{
	background-repeat:no-repeat;	
	width:1.6em;
}
table.MainLayoutContainer td.BottomLeft 
{
	background-image: url(/Resources/Images/botleftround.jpg);
	background-position: bottom left;
}
table.MainLayoutContainer td.BottomRight
{
	background-image: url(/Resources/Images/botrightround.jpg);
	background-position: bottom right;
}
table.MainLayoutContainerBottom { margin-bottom: 1em; border-top: 1px solid #CCC; }
/* ------------ Global elements ------------ */
TABLE.SiteTitleBar IMG { display:block; }
TD.HeaderBar 
{
	padding: 0.9em 0 0.4em 0;
	border-bottom: 1px solid #CCC;
}
TD.HeaderBar TD 
{
	color:Black;
	font-family: Arial;
	font-weight: bolder;
	font-size: 120%;	
 }
TD.HeaderBar A { color: #003366; }
TD.HeaderBar A:hover { color: #2233AA; text-decoration: underline; }
DIV.Footer 
{
	color: #444;
	text-align: center;
	margin: 10px;
}
DIV.PerfData 
{
	background-color:White;
	color:Black;
	padding: 10px;
}

TD.MainMenuCell 
{
	border-right: 1px solid #CCC;
	padding-top: 1em;
	width: 11em;
}
DIV.MainMenuCellMenuItems 
{
	padding-right:1em;
}

TD.MainContentCell 
{
	padding-top: 1em;
}
TD.MainContentRightPadding { width: 1.6em; }
TD.MainContentLeftPadding { width: 1.2em; }

INPUT.button 
{
	background-color: #003366; 
	border: 1px solid #777;
	color: White;
	-moz-border-radius: 1px;
	padding: 0em 0.3em 0em 0.3em;
}

/* ------------ Main menu -------------- */
DIV.MainMenu A 
{
	display: block;
	color: #003366;
	font-family: Arial;
	font-weight: bolder;
	font-size: 120%;	
	margin-bottom: 0.15em;
	padding-left: 1.5em;
}
DIV.MainMenu A.CurrentNode 
{
	padding-top: 1px;
	background-color:#003366;
	color:White;
	background-image: url(/Resources/Images/barendright.gif);
	background-position: right center;
	background-repeat: no-repeat;
	height: 17px;
}
DIV.MainMenu A.Minor 
{
	font-weight:normal;
}

/* ----------- Home page ------------- */
DIV.SiteIntro 
{
	padding-right: 1.6em;
	padding-bottom: 0.5em;
}

DIV.contentSummary 
{
	margin-top: 0.7em;
	margin-bottom: 1.2em;
}

DIV.contentAttribution { margin-top: 0.2em; }
DIV.contentActions { margin-top: 0.1em; }
DIV.contentAttribution, DIV.contentActions
{
	font-size: 90%;
	color: #666666;
}
DIV.contentDescriptionBelow { margin-top: 0.5em; }

SPAN.Separator { margin: 0 0.5em 0 0.5em; color: #888888; }

DIV.ForumItemSummary { margin: 0.5em 0 1em 0; }

IMG.ContentItemIcon { float:left; margin-right:4px; }

/* ----------- Blue bars  ------------- */
DIV.BarSpacer { height: 0.77em; }
DIV.Bar, DIV.BarLeft, DIV.BarRight 
{
	background-color:#003366; 
	background-repeat: no-repeat;
}
DIV.Bar 
{
	font-family: Arial;
	font-weight: bolder;
	font-size: 120%;		
	color:White;
	padding-top: 1px;
	padding-right: 0.5em;	
	height: 17px;
}
DIV.BarLeft, DIV.BarRight 
{
	width: 9px;
	height: 18px;
}
DIV.BarLeft 
{
	float:left;
	background-image: url(/Resources/Images/barendleft.gif);
	background-position: left top;
}
DIV.BarRight
{
	float:right;
	background-image: url(/Resources/Images/barendright.gif);
	background-position: right top;
}
DIV.Bar DIV.Subheading, DIV.Bar SPAN.SubheadingLeft 
{
	font-weight: normal;
	color:#A8B7FF;
}
DIV.Bar DIV.Subheading 
{
	float:right;
}
DIV.Bar A { color:#A8B7FF; }
DIV.Bar DIV.Subheading IMG { vertical-align: text-top; }

DIV.IndentedColumn { padding: 0px 5px 0px 5px; }
DIV.NoIndentLeft { padding-left: 0px !important; }

/* --------- Points reports ----------- */
TABLE.HighScoresTable { margin-top: 0.3em; margin-bottom: 0.5em; }
TABLE.HighScoresTable TR.HeaderRow 
{
	font-weight: bold;
}
TABLE.HighScoresTable TR.HeaderRow TD { padding: 0px; }
TABLE.HighScoresTable TR.AlternateRow TD { background-color: #DDD; }
TABLE.HighScoresTable TR.CurrentUser TD { font-weight: bold; }

/* ------------- Content editor --------------- */
TABLE.EditorModule 
{
	width: 650px;
	background-color: #D6D6DB;
}
TABLE.EditorModule TD { background-color: #D6D6DB !important; }

DIV.BriefcaseNotes 
{
	padding: 8px;
	background-color: #E0E0F8;
	border-left: 4px solid silver;
	width: 264px;
	margin-top:10px;
	margin-left: 30px;
}

/* ------------- Legacy images --------------- */
/* Copied from the v1 site css file to deal with excessively large images */
/*
 wrapped IMG tag in a div with class="img_container"
   search for "img_container" to locate the affected div's (2) this document
It's important that the margin, border and padding are all 0. Otherwise the width: 100% causes box model problems.
*/
div.img_container img {
  float: left;
}      
 
.img_container {
  margin: 0px;
  padding: 0px;
  width: 100%;
  overflow: scroll;
  overflow-y: hidden;
}

/* --------------- Controls for wide images --------------- */
DIV.wideImageContainer 
{
	background-color: #003366;
	color: silver;
	padding: 2px;
	text-align:left;
}

DIV.wideImageContainer A { color: White; padding: 3px 2px 0px 2px; font-size: 90%; }
DIV.wideImageContainer A:hover { text-decoration:underline; }

/* ---- float images left or right ---- */
img.floatRight {float:right;}
img.floatLeft {float:left;}

.inlineCode, .codeBlack, .sqlIdentifier, .sqlNumber
{
	color:Black;
	font-family: Courier New, Monospace;
}
.codeGreen, .sqlComment, .sqlSystemTable
{
	font-family: Courier New, Monospace;
	color:green;
}
.codeRed, .sqlString
{
	font-family: Courier New, Monospace;
	color:red;
}
.codeBlue, .sqlKeyword
{
	font-family: Courier New, Monospace;
	color:blue;
}
.codeMagenta, .sqlSystemFunction
{
	font-family: Courier New, Monospace;
	color:#FF00FF;
}
.codeGray, .sqlOperator
{
	font-family: Courier New, Monospace;
	color:#808080;
}
.codeWhite
{
	font-family: Courier New, Monospace;
	color:white;
}
.codeBrown, .sqlMDX
{
	font-family: Courier New, Monospace;
	color:#800000;
}
/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}