
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Redefine HTML
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

body { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: 0px; background-color: #FFF; padding: 0px 20px 40px; font-size: 70%; height: 100%; }
table, td, th { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: 0px; vertical-align: top; text-align: left; border: none; border-collapse: collapse;  }
input, select, textarea { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 100%; }

form { margin: 0px; padding: 0px; }

a:link, a:visited { color: #F08A05; text-decoration: underline; }
a:hover { color: #F08A05; text-decoration: none; }
a img { border: none; }

div.HR { margin: 10px 0px 20px; padding: 0px; height: 1px; overflow: hidden; background: none; color: #EEE; border: none; border-top: 1px solid #CCC; line-height: 1px; }
div.HR.Dashed { border-top-style: dashed; }

.Hidden { display: none !important; }
.Orange { color: #F08A05 !important; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Page Layout
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.PageBorder{ width: 778px; margin: 0px auto 5px; padding: 0px; border: 1px solid #181512; border-top: 0px; } 
div.PageShell { margin: 0px; padding: 0px; background-color: #FFF; position: relative; } 

div.Header { background: #3A434B; height: 80px; position: relative; }
div.Header div.Logo { position: absolute; top: 23px; right: 20px; }
div.Header div.Logo a { display: block; width: 175px; height: 36px; background: url('../../Images/Logos/Intraining02r.gif') left top no-repeat scroll; }
div.Header  span { display: none; }
div.Header h1 { margin: 0px; padding: 0px; }
div.Header h2 { margin: 0px; padding: 0px; }

div.Footer { border-top: 4px solid #E1E1E1; }

div.CopyrightHolder { width: 760px; margin: 0 auto 5px; }
div.CopyrightHolder div.Validated { float: right; width: 130px; padding-top: 5px; text-align: right; }
div.CopyrightHolder div.Copyright { font-size: 90%; margin: 10px auto; color: #B7B7B7; }
div.CopyrightHolder div.Copyright a:link, div.CopyrightHolder div.Copyright a:visited { color: #B7B7B7; text-decoration: underline; }
div.CopyrightHolder div.Copyright a:hover { color: #B7B7B7; text-decoration: underline; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Page Content
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.PageTitle h1 { color: #999; font-size: 240%; font-weight: normal; border-bottom: 1px solid #CCC; padding: 0px 0px 3px; margin: 0px 0px 10px; }

div.ContentColumns { width: 100%; margin: 0px; padding: 0px; position: relative;  }
div.ContentColumns div.SideColumn { float: left; margin: 0px 3px 0px 0px; width: 233px; min-height: 50px; background: url('../../Images/Layout/Theme01/LeftColHeader.jpg') left top no-repeat scroll; }
div.ContentColumns div.MiddleColumn { float: left; margin: 0px; width: 542px; background: url('../../Images/Layout/Theme01/MiddleColHeader.jpg') left top repeat-x scroll; }
div.ContentColumns div.Cleaner { clear: both; height: 0px; font-size: 1%; padding: 0px; margin: 0px; overflow: hidden; } 

div.ContentColumns div.MiddleColumn div.Content { padding: 0px; color: #6F757B; }
div.ContentColumns div.SideColumn div.Content { padding: 0px; }
div.ContentColumns div.SideColumn div.Content div.Summary { padding: 20px 10px 10px; font-size: 90%; text-align: right; }
div.ContentColumns div.SideColumn div.Content div.Grey { color: #999; }

div.ContentColumns div.SideColumnBG { background: url('../../Images/Layout/Theme01/LeftColBGOrange.gif') left top repeat-y scroll; padding: 0px; margin: 0px; width: 100%; }

div.ContentColumns div.SideColumn h1,
div.ContentColumns div.MiddleColumn h1 { font-size: 110%; color: #FFF; padding: 15px 15px 0px; margin: 0px; height: 22px; overflow: hidden; font-weight: bold; }

div.InnerContent { padding: 15px 15px; }
h1 { font-size: 210%; margin: 0px 0px 10px; color: #000; font-weight: normal; }
h2 { font-size: 130%; margin: 25px 0px 10px; color: #000; }

h3 { font-size: 120%; margin: 20px 0px 5px; color: #778365;  }
h4 { font-size: 110%; margin: 0px 0px 5px; color: #000; }
h5 { font-size: 130%; margin: 0px 0px 5px; }

h1 em,
h2 em,
h3 em { font-size: 70%; font-style: normal; color: #CCC; }

h1 em a,
h2 em a,
h3 em a { color: #CCC !important; }

p.FirstPara { margin-top: 0px; }
p.Intro1 { font-size: 200%; color: #F08A05; }
p.Intro2 { font-size: 120%; }

div.ImageText { display: block; position: absolute; left: 20px; top: 0px; }
div.ImageText h1 { display: none; }
/*div.ImageText.Home { width: 230px; height: 142px; left: 90px; top: 33px; background: url('../Images/Layout/text_home_welcome.gif') left top no-repeat scroll; } */

div.SimpleList {}
div.SimpleList ul { list-style: none; margin: 0px; padding: 0px; }
div.SimpleList ul li { margin: 0px; padding: 0px; }
div.SimpleList ul li em { font-size: 90%; color: #CCC; }

div.SimpleList.Expanded ul li { margin-bottom: 15px; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Login
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.LoginStatusBar { height: 17px; color: #FFF; position: relative; background: #F08A05; border-bottom: 1px solid #FFF; font-size: 90%; }
div.LoginStatusBar div { }
div.LoginStatusBar div.Left { position: absolute; left: 5px; top: 2px; }
div.LoginStatusBar div.Right { position: absolute; right: 5px; top: 2px; }
div.LoginStatusBar a:link,
div.LoginStatusBar a:visited { color: #FFF; text-decoration: none; }
div.LoginStatusBar a:hover { text-decoration: underline; }

div.LoginStatusBarSmall {}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Main Menu
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.MainMenu { position: relative; height: 36px; padding: 0px; margin: 0px; background: #3A434B url('../../Images/Layout/MenuBG.gif') left top repeat-x scroll; }	
div.MainMenu ul { position: absolute; top: 0px; left: 0px; padding: 0px 0px 0px 20px; margin: 0px; list-style: none; background: url('../../Images/Layout/MenuDivider.gif') 17px top no-repeat scroll; }
div.MainMenu ul li { float: left; background: url('../../Images/Layout/MenuDivider.gif') right top no-repeat scroll; }
div.MainMenu ul li a { padding: 0px 18px 0px 15px;; display: block; line-height: 33px; text-transform: uppercase; }

div.MainMenu ul li a:link,
div.MainMenu ul li a:visited { color: #FFF; text-decoration: none; }
div.MainMenu ul li a:hover { color: #F08A05; }

div.MainMenu ul li.Selected { background: none; }
div.MainMenu ul li.Selected a:link,
div.MainMenu ul li.Selected a:visited,
div.MainMenu ul li.Selected a:hover { background: #000; color: #F08A05; padding-right: 15px; }

div.MainMenu ul li.HomeIcon a { width: 40px; height: 33px; padding: 0px; background: url('../../Images/Layout/MenuHomeIcon.gif') 10px 8px no-repeat scroll; }
div.MainMenu ul li.HomeIcon a span { display: none; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Footer Menu
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.FooterMenu { height: 35px; position: relative; }
div.FooterMenu ul { position: absolute; top: 10px; left: 5px; padding: 0px; margin: 0px; list-style: none; }
div.FooterMenu ul li { float: left; border-right: 1px solid #DDD; }
div.FooterMenu ul li.LastItem { border-right: none; }
div.FooterMenu ul li a { padding: 0px 10px 0px; display: block; }

div.FooterMenu ul li a:link,
div.FooterMenu ul li a:visited { color: #B7B7B7; text-decoration: none; }
div.FooterMenu ul li a:hover { color: #B7B7B7; text-decoration: underline; }

div.FooterMenu ul li.Selected a:link,
div.FooterMenu ul li.Selected a:visited,
div.FooterMenu ul li.Selected a:hover { color: #B7B7B7; text-decoration: underline; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Generic Article
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.Article { margin-bottom: 20px; width: 100%; position: relative; border-bottom: 1px solid #FFD3A5; padding-bottom: 10px; }
div.Article h2 { color: #3A434B; font-size: 110%; margin: 0px; padding: 0px; background: none; }
div.Article p { margin: 5px 0px; }
div.Article p.SubHeading { color: #999; font-weight: bold; }
div.Article p.Text { width: 370px; color: #3A434B; }
div.Article p.Link { color: #F08A05; }
div.Article p.Link a { font-weight: bold; }

div.Article div.ThumbHolder { float: right; width: 95px; height: 95px; margin: 0px; border-left: 1px solid #F08A05; padding-left: 10px; }
div.Article div.ThumbHolderContent {  }
div.Article div.ThumbHolder div.Item { float: left; border: none; padding: 0px; margin: 0px; position: relative; }
div.Article div.ThumbHolder div.Item a { display: block; width: 95px; height: 95px; overflow: hidden; }
div.Article div.ThumbHolder div.Item a img { margin: 0px; } 

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Generic Details
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.Details { margin-bottom: 15px; }

div.Details h2 { color: #3A434B; font-size: 150%; margin: 0px; padding: 0px; background: none; width: 400px; }
div.Details p { margin: 5px 0px; }
div.Details p.SubHeading { color: #999; font-weight: bold; margin-bottom: 15px; }
div.Details p.Text { color: #3A434B; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Thumbnail Display
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

/* -- Thumbs List, inline or block with options for editing -- */
div.ThumbsHolder { width: 100%; margin: 5px 0px 0px; }
div.ThumbsHolderContent {  }
div.ThumbsHolder div.Item { border: 1px solid #CCC; padding: 1px; margin: 0px 0px 5px 0px; position: relative; }
div.ThumbsHolder div.Item a { display: block; width: 95px; height: 95px; overflow: hidden; }
div.ThumbsHolder div.Item a img { margin: 0px; }
div.ThumbsHolder div.Options { position: absolute; top: 10px; left: 110px; }
div.ThumbsHolder div.Options a { display: inline; }

div.Inline { }
div.Inline div.Item {  float: left; margin-right: 5px; }

/* -- Normal Thumb -- */
div.ThumbHolder { float: left; width: 105px; height: 105px; margin-left: 0px; margin-top: 0px; }
div.ThumbHolderContent {  }
div.ThumbHolder div.Item { float: left; border: 1px solid #CCC; padding: 1px; margin: 0px 5px 5px 0px; position: relative; }
div.ThumbHolder div.Item a { display: block; width: 95px; height: 95px; overflow: hidden; }
div.ThumbHolder div.Item a img { margin: 0px; }

/* -- Team Thumb -- */
div.TeamImage { position: absolute; left: -220px; top: 0px; z-index: 1000; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* SideMenu Options
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.Options {}

div.Options h2 { color: #FFF; font-size: 100%; margin: 0px; padding: 0px 10px 6px; font-weight: normal; }
div.Options ul { list-style: none; margin: 0px; padding: 0px; }
div.Options ul li { margin: 0px; padding: 0px; }
div.Options ul li.FakeLink { margin: 0px; padding: 3px 10px 3px 15px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFD3A5; }

div.Options ul li a { display: block; padding: 6px 10px 6px 15px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFD3A5; } 
div.Options ul li a em { font-style: normal; font-size: 90%; }
div.Options ul li span { font-size: 80%; }

div.Options ul li a:link,
div.Options ul li a:visited { color: #000; text-decoration: none; }
div.Options ul li a:hover { text-decoration: underline;  }

div.Options ul li.Selected a:link,
div.Options ul li.Selected a:visited,
div.Options ul li.Selected a:hover { text-decoration: none; color: #000; font-weight: bold;  }
div.Options ul li.Selected a em { color: #666; }

div.Options ul li a em { color: #999; }
div.Options ul li a:hover em { color: #666; }

* html div.Options ul li { height: 1%; }
* html div.Options ul li a { height: 1%; }

div.Options div.Panel { background-color: #FDDFB4; padding: 8px 10px; border-top: 1px solid #FFF; border-bottom: 1px solid #FACE91; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Floating Options
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.FloatingOptions { position: absolute; top: 40px; right: 2px;  }
div.FloatingOptions.Indented { right: 205px; }

div.FloatingOptions ul { list-style: none; margin: 0px; padding: 0px; }
div.FloatingOptions ul li { margin: 0px 0px 0px 2px; padding: 0px; float: left; }
div.FloatingOptions ul li a {display: block; padding: 4px 8px 5px 12px; background-color: #F4F4F4; border-bottom: 1px solid #EEE; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Results
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.Results table { font-size: 90%; width: 100%; }
div.Results table th { background-color: #EEE; }
div.Results table th,
div.Results table td { border: 1px solid #CCC; padding: 3px 5px; }

div.Results table tr.Darker { background-color: #F3F3F3; }

div.Results table a:link,
div.Results table a:visited { text-decoration: none; font-weight: bold; }
div.Results table a:hover { text-decoration: underline; }

div.Results table.Highlight tr.over td,
div.Results table.Highlight tr:hover td { background-color: #FFFFCC; }

div.Results table.Sortable th a { display: block; height: 100%;  }
div.Results table.Sortable th a span { text-align: right; }
div.Results table.Sortable th a:link,
div.Results table.Sortable th a:visited { color: #666; text-decoration: none;  }
div.Results table.Sortable th a:hover { color: #666; text-decoration: underline; } 
div.Results table.Sortable th.Selected { background-color: #DDD; }
div.Results table.Sortable th.Selected a:link,
div.Results table.Sortable th.Selected a:visited { color: #CC3300; }
div.Results table.Sortable th span.SortArrow { margin-left: 5px; }

div.Results input.OrdinalUp { background: url(../Images/Icons/arrow_up.gif) left top no-repeat scroll; content: ""; }

div.Results table td.Hot { padding-left: 20px; }

/* Options for below a table */
div.UnderTableOptions { padding: 4px 8px; background-color: #EEE; font-size: 90%; }
div.UnderTableOptions a { color: #999; }

div.UnderTableOptions a.Link {  }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/



