/* ------------------------------------------------------------------------------------------------ */
/* -- Redefine HTML tags
/* ------------------------------------------------------------------------------------------------ */

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 { outline: none; }

a:link, a:visited { color: #F08A05; text-decoration: underline; }
a:hover { color: #F08A05; text-decoration: none; }
a img { border: none; }

/* ------------------------------------------------------------------------------------------------ */
/* -- General 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: #444F51 url('../Images/Layout/header_bg.jpg') left top repeat-x scroll; height: 80px; position: relative; }
div.Header div.Title { position: absolute; width: 189px; height: 36px; top: 24px; left: 19px; background: url('../Images/Layout/text_wales.gif') left top no-repeat scroll; }
div.Header div.Logo { position: absolute; top: 23px; right: 20px; }
div.Header div.Logo a { display: block; width: 166px; height: 36px; background: #FFF url('../Images/Layout/intraining.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; height: 0px; overflow: hidden; }

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; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 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: #444F51 url('../Images/Layout/menu_bg.gif') left top repeat-x scroll; border-top: 1px solid #000; border-bottom: 1px solid #323537; }	
div.MainMenu ul { position: absolute; top: 0px; left: 0px; padding: 0px 0px 0px 20px; margin: 0px; list-style: none; background: url('../Images/Layout/menu_divider.gif') 17px top no-repeat scroll; }
div.MainMenu ul li { float: left; background: url('../Images/Layout/menu_divider.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 a:link,
div.MainMenu ul li.Selected a:visited,
div.MainMenu ul li.Selected a:hover { background: #000; color: #F08A05; padding-right: 15px; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Main Menu --> Flags
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.MainMenu div#Flags { position: absolute; top: 5px; right: 20px; }
div.MainMenu div#Flags a { float: left; margin: 0 0 0 8px; }




/* ------------------------------------------------------------------------------------------------ */
/* -- General Page Header & Footer
/* ------------------------------------------------------------------------------------------------ *

table.MainHeader { background-color: #FFFFFF; width: 100%; }
table.MainHeader td#IntrainingLogo { padding: 20px 30px 20px 30px; }
table.MainHeader td#IntrainingStrapline { padding: 25px 30px 0px 0px; text-align: right;  }

div.MainBanner { height: 120px; margin-top: 0px;
	background-image: url(../images/layout_graphics/bg_banner.jpg); background-position: top center; background-repeat: no-repeat; background-attachment: scroll; }

table.Copyright { background-color: #003366; width: 100%; }
table.Copyright td { padding: 6px 10px; font-size: 9px; color: #8099B3; }
table.Copyright td.Right { width: 30px; }
table.Copyright td a:link, table.Copyright td a:visited { color: #8099B3; text-decoration: underline; }
table.Copyright td a:hover { text-decoration: none; }

div.Validated { width: 780px; margin: 10px auto; text-align: right; }

/* ------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------ */




/* ------------------------------------------------------------------------------------------------ */
/* -- Main Menu
/* ------------------------------------------------------------------------------------------------ *

table.MainMenu { width: 100%; background-color: #D9E6FF; }
table.MainMenu td { border-top: 1px solid #795C30; }


table.MainMenu td.Flags { width: 80px; }

table.MainMenu td.Left { padding: 6px 10px; }
table.MainMenu td.Left a { display: inline; padding: 6px 10px; }
table.MainMenu td.Left a:link, table.MainMenu td.Left a:visited { color: #003366; text-decoration: none; }
table.MainMenu td.Left a:hover { color: #003366; background-color: #BECDE6; text-decoration: none; }
table.MainMenu td.Left a.Selected { padding: 20px 10px 6px; }
table.MainMenu td.Left a.Selected:link, table.MainMenu td.Left a.Selected:visited { color: #FFFFFF; background-color: #003366; text-decoration: none; }
table.MainMenu td.Left a.Selected:hover { color: #FFFFFF; text-decoration: none; }

div.Flags { padding: 2px 0px 0px 0px; }
div.Flags a:link, div.Flags a:visited { color: #AAAAAA; text-decoration: underline; }
div.Flags a:hover { color: #888888; text-decoration: underline; }
div.Flags img { margin-left: 3px; border: 1px solid #A7BADA; }

/* ------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------ */




/* ------------------------------------------------------------------------------------------------ */
/* -- Side Menu
/* ------------------------------------------------------------------------------------------------ *

div.SecureMenu ul { margin: 0px; padding: 0px; list-style: none; }
div.SecureMenu ul li { margin: 0px 0px 3px; padding: 0px; height: 1px; }
div.SecureMenu ul li a { display: block; padding: 4px 8px; }

div.SecureMenu ul li a:link,
div.SecureMenu ul li a:visited { color: #003366; background-color: #D9E6FF; border-bottom: 1px solid #BECDE6; text-decoration: none; } 
div.SecureMenu ul li a:hover { color: #003366; text-decoration: none; background-color: #BECDE6; } 

div.SecureMenu ul li.Selected a:link,
div.SecureMenu ul li.Selected a:visited { color: #FFFFFF; background-color: #003366; text-decoration: none; } 
div.SecureMenu ul li.Selected a:hover { text-decoration: none; } 


/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 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.Icon a { padding-left: 25px; background: url(../images/Icons/bullet_go.gif) 5px 5px no-repeat scroll; }

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; }


div.Options ul li.Login_Button a {
	background: url('../images/Layout/Subcontractor_bg.png') 0 0 no-repeat; width: 170px; height: 58px; position: relative; margin: 0 0 0 10px;
}

div.Options ul li.Login_Button span {
	position: absolute; top: 12px; left: 15px; font-size: 12px; color: #fff; font-weight: bold;
}

div.Options ul li.Login_Button a {
	border: 0; padding: 0;
}

div.Options ul li.Login_Button a:hover {
	border: 0; text-decoration: none; background: url('../images/Layout/Subcontractor_bg.png') 0 -58px no-repeat;
}


/* ------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------------------ */
/* -- Page Content
/* ------------------------------------------------------------------------------------------------ */


table.PageContent { width: 100%; margin: 0px 0px -2px; border: none; border-collapse: collapse; }
table.PageContent td { padding: 0px 15px 35px 15px; color: #666; font-size: 110%; }
table.PageContent p { margin: 10px 0px; }
table.PageContent h1 { font-size: 230%; color: #000; margin: 0px 0px 20px; font-weight: normal; }
table.PageContent h2 { font-size: 130%; color: #000; font-weight: bold; margin-top: 25px; margin-bottom: 0px; }
table.PageContent h2 a { font-size: 75%; font-weight: normal; }
table.PageContent p.Intro { font-weight: bold; }
table.PageContent span.Intro { font-weight: bold; }
table.PageContent ul { margin-top: 4px; margin-bottom: 4px; }
table.PageContent hr { color: #FFD3A5; background: none; height: 0px; border-top: 1px solid #FFD3A5; padding: 0px; margin: 0px; }

table.PageContent a img { float: left; padding-right: 5px; } 

table.PageContent td.LeftContent { width: 190px; background: #FFE9C8 url('../images/Layout/leftcol_header.jpg') left top repeat-x scroll; padding: 45px 0px 15px; }
table.PageContent td.MiddleContent {  height: 300px; background: url('../images/Layout/middlecol_header.jpg') left top repeat-x scroll; }
table.PageContent td.RightContent { width: 100px; background: url('../images/Layout/middlecol_header.jpg') left top repeat-x scroll;  }

table.PageContent td.MiddleContent h1 { font-size: 130%; color: #FFF; margin: 9px 0px 30px; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Forms
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

fieldset { margin: 10px 0px 30px; padding: 4px 4px 0px; display: block; border: 1px solid #EEE; }
fieldset legend { background: #DDD; color: #666; padding: 5px 20px; border-bottom: 1px solid #CCC; margin-bottom: 10px; display: none; }
fieldset div { margin: 0px 0px 4px; }

fieldset div.InputGroup { position: relative; }
fieldset div.InputItem { padding-left: 130px; position: relative; }
fieldset div.LinkerGroup { padding: 2px 0px 0px; }

fieldset div.InputItem label { display: block; position: absolute; top: 0px; left: 0px; width: 120px; text-align: right; padding: 4px 0px; color: #999; }

fieldset div input.Text { width: 300px; }
fieldset div input.URL { width: 260px; }
fieldset div input.Date { width: 70px; }
fieldset div input.Number { width: 50px; }
fieldset div input.Postcode { width: 70px; }
fieldset div input.Password { width: 150px; }
fieldset div textarea { width: 80%; height: 80px; }
fieldset div textarea.Tall { width: 98%; height: 150px; }

a.DatePicker { padding-left: 1px; cursor: pointer; }

fieldset em { color: #CC0000; font-style: normal; }
fieldset em.Grey { color: #999; }
fieldset span.ValidationError { color: #CC0000; }
fieldset span.Text { padding: 4px 0px; display: block; }
fieldset span.Limiter { color: #999; text-align: right; font-size: 90%; display: block; width: 70px; position: absolute; right: 0px; top: 0px; }

div.Submit { background: #EEE; margin: 0px; }
div.SubmitContent { padding: 4px 6px; text-align: right; }
div.Submit em { color: #CC0000; font-style: normal; }
div.Submit span.Left { float: left; }

/* fix IE6 */
* html fieldset div.InputItem label { left: -130px; }
table.PageContent span.Required { color: #CC0000; font-size: 90%; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* BreadCrumb
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.BreadCrumb { background: #000; color: #999; font-size: 90%; padding: 2px 20px 4px; display: none; }
div.BreadCrumb a:link,
div.BreadCrumb a:visited { color: #CCC; }
div.BreadCrumb a:hover {}

/* ------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------ */