/*========================================================*/
/*  Ventrian Style Sheet                                  */
/*========================================================*/

/*========================================================*/
/*  1. Basic											  */
/*========================================================*/

/* Forces browser height of 100% */
html {
	height: 100%;
}
 
/* Body style */
body {
	margin: 0;
	height: 100%;
	background: /*url(bg_990.gif) top center repeat-y */ #006cae; 
}

.backgroundfiller
{
	background-color: #006cae;
	height: 30px; 
	background: transparent;
}

.controlpanel
{
	background-color: #fff;
}
.wavetop
{
	background:url(wavetop.gif) no-repeat top left transparent; height:80px; width: 970px;
}
.wavefooter
{
	background:url(wavefooter.gif) no-repeat top left transparent; height:80px; width: 970px;
}

/* Catch-all to ensure text color, font, and size consistency */
table, tr, td, p, div, span, ul, li, .normal {
	font-family:  Calibri, Arial, Sans-Serif;
	font-size: 12pt;
	color: #fff;
	background-color: #000;
/* keith	line-height: 1.4em;	*/	
}

.MainTable
{
	height: 100%;
	width: 970px;
	background-color: #006cae;
}

h1, h2, h3, h4, h5, h6, .SearchResults, .relatedquestionsheader, .ccmheader, .kbheader, .sitemapheader
{
	font-family: 	Calibri, Arial, Sans-Serif;
	color: #fff;
	line-height: 1.4em;
	font-weight: bold;
}

.mainheader
{
	font-family: 	Calibri, Arial, Sans-Serif;
	font-size: 28pt;
	font-weight: bold;
	font-style: italic;
	background-color: red;
}


h1 {
	font-size: 20pt;
	font-weight: bold;
	font-style: italic;
}

h2, .SearchResults, .relatedquestionsheader, .ccmheader, .kbheader, .sitemapheader 
{
	font-size: 16pt;
	color: #00a1e4;
	font-weight: bold;
	font-style: italic;
}

h3 {
	font-size: 14pt;
	color: Red;
}

h4 {
	font-size: 12pt;
}

h5 {
	font-size: 14pt;
}
h6 {
	font-size: 12pt;
	font-weight: bold;
	color: #00a1e4;
}

a img /* dnn puts a purple border around this as a default */
{
	border: 0px;
}

.small
{
	font-size: 9pt;
}
.relatedquestionsheader
{
	margin-top: 3.0em;
	margin-bottom: 0.2em;
}
.relatedquestions
{
	padding-top: 0.5em;
}
.relatedquestions a
{
	text-decoration: underline;
}
.relatedquestions a:link
{
	text-decoration: underline;
}
.relatedquestions a:visited
{
	text-decoration: underline;
}
.relatedquestions a:hover
{
	text-decoration: underline;
}
.relatedquestions a:active
{
	text-decoration: underline;
}
/*========================================================*/
/*  2. Header Classes									  */
/*========================================================*/

.logomain
{
	background:url(bodyandmind.gif) no-repeat top left transparent; height:133px; width: 164px;
}
.logotext
{
	background:url(bodyandmindtext.gif) no-repeat top left transparent; height:50px; width: 475px;
}

/* Holds logo object */
.Logo {
	padding: 0px 0px 0px 0px;
	height: 145px;
	width: 165px;
	vertical-align: top;
	margin-left: 3px; /* just pushes the main logo over a bit 'cos it looked slightly off centre */
}
.MrHuff {
	padding: 0px 0px 0px 0px;
}

/* Header height */
.Header {
	height: 20px;
	text-align: right;
	padding: 0 8px 0 8px;
	vertical-align: middle;
}

/* Separator image in header */
.HeaderSep {
	width: 2px;
	margin: 0 4px 0 4px;
	background: url(header_sep.gif) center top no-repeat;
}

/* Breadcrumb container */
.Breadcrumb {
	height: 40px;
	font-size: 10pt;
	font-weight: normal;
	color: #fff;
	vertical-align: top;
	padding-bottom: 30px;
}

/*========================================================*/
/*  3. Content Classes									  */
/*========================================================*/

.PortalName
{
	height: 50px;
}

/* Left content column */
.LeftPane {
	width: 180px;
	padding: 75px 10px 10px 10px; azimuth 
	/* so full width is 180 + 10 + 10 = 200 */
	height: 100%;
}
.RightPane {
	width: 180px;
	height: 100%;
	padding: 0px 10px 10px 10px; 
}
.CentrePaneNoRight {
	width: 650px;
	border-left: none;
	border-right: none;
/*
	border-left: #00a1e4 1px solid;
	border-right: #00a1e4 1px solid;
*/
	padding: 0px 19px 10px 19px;
	/*width: 570px; /* 970 - 200 x 2  */
}
.CentrePane {
	width: 532px;
	border-left: none;
	border-right: none;
/*
	border-left: #00a1e4 1px solid;
	border-right: #00a1e4 1px solid;
*/
	padding: 0px 19px 10px 19px;
	/*width: 570px; /* 970 - 200 x 2  */
}
.MainHeaderLeft
{
	width: 180px;
	padding: 15px 10px 10px 10px;
}
.MainHeaderRight
{
	width: 180px;
	padding: 0px 10px 10px 10px;
	height: 100%;
}
/* Right content column */
.ContentLeft, .ContentRight {
	width: 100%;
	height: 100%;
}
.ContentLeft, .ContentRight, .ContentCenter {
	height: 100%;
	padding: 0 0 0 0;
}

.TitleContentSep {
	height: 100%;
/*	border-top: #00a1e4 1px solid; */
	text-align: center;
	/*margin-bottom: 15px;*/
}

/* Bottom content row */
.ContentBottom {
	padding: 0;
}
.SearchResults
{
	font-weight: bold;
}
/*========================================================*/
/*  4. Footer Classes									  */
/*========================================================*/

/* Footer height */
.Footer {
	vertical-align: bottom;
	height: 80px;
	text-align: center;
/*	border-top: 1px solid #00a1e4;*/
	padding-left: 10px; 
	padding-right: 10px; 
}

/*========================================================*/
/*  5. Links                                              */
/*========================================================*/

/* Basic links */
a:link, a:visited, a:active {
	color: #00a1e4;
	font-family: verdana;
	font-weight: normal;
	font-size: 10pt;
	text-decoration: none;
}

a:hover {
	color: #fe7c11;
	font-family: verdana;
	font-weight: normal;
	font-size: 10pt;
	text-decoration: none;
}

/* For the Register and Login/Logout links in the header */
/*a.LoginLink:link, a.LoginLink:visited, a.LoginLink:active {
    text-decoration: none;
    color: #00a1e4;
	font-weight: bold;
}

a.LoginLink:hover {
    text-decoration: underline;
    color: #00a1e4;
	font-weight: bold;
}
*/
/* Defines styles for breadcrumb items */
a.BreadcrumbLink:link, a.BreadcrumbLink:visited, a.BreadcrumbLink:active, .BreadcrumbLink {
    text-decoration: none;
    color: #fff;
	font-weight: normal;
	font-size: 9pt;
	white-space: nowrap;
}

a.BreadcrumbLink:hover {
    color: #fff;
    text-decoration: underline;
	font-weight: normal;
	font-size: 9pt;
	white-space: nowrap;
}

/* For the links that look like buttons */
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active {
	color: #00a1e4;
	font-family: verdana;
	font-weight: bold;
	font-size: 10pt;
	text-decoration: underline;
}

a.CommandButton:hover {
	color: #fe7c11;
	font-family: verdana;
	font-weight: bold;
	font-size: 10pt;
	text-decoration: underline;
}

.fineprintsplitter
{
	font-size: 0.8em; 
}
a.fineprint:link, a.fineprint:visited, a.fineprint:hover, a.fineprint:active
{
	font-size: 8pt;
}
/* For links that come with a pre-attached Normal class */
/*
a.Normal:link, a.Normal:visited, a.Normal:active {
	color: #00a1e4;
	font-family: verdana;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}

a.Normal:hover {
	color: #00a1e4;
	font-family: verdana;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}
*/
/*========================================================*/
/*  6. Text                                               */
/*========================================================*/

/* Style for copyright text in footer */
.CopyrightText {
	color: #999;
}

/* Used in admin sections */
.SubHead {
    font-family: verdana;
    font-size: 10pt;
    font-weight: normal;
    color: #00579b;
}

/* Module titles */
.Head {
    font-family: verdana;	
	font-size: 10pt;
	font-weight: bold;
	color: #00a1e4;
}

/* Module titles - White */
.ContainerTopTitle .Head {
	color: #fff;
	font-weight: bold;
	font-size: 10pt;
	white-space: nowrap;
}

/* Module titles - White */
.ContainerColorTopTitle .Head {
	color: #fff;
	font-weight: bold;
	font-size: 10pt;
	white-space: nowrap;
}

/* Bold colored - used for warnings and such */
.NormalRed {
	color: #900;
	font-family: verdana;
	font-weight: bold;
	font-size: 10pt;
}

/* Normal bold text */
.NormalBold {
	font-family: verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #00a1e4;
}

.Large
{
	font-family: verdana;
	font-size: 12pt;
}

/*========================================================*/
/*  7. Forms                                              */
/*========================================================*/

select, input {
	font-family: verdana;
	font-size: 10pt;
	color: #000;
}

/* Applies to text input boxes */
.NormalTextBox {
	color: #000;
	padding-left: 4px;
/* keith	line-height: 1.4em;  */
	font-family: verdana;
	font-weight: normal;
	font-size: 10pt;
	scrollbar-face-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #00a1e4;
	scrollbar-3dlight-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
}

/* Applies to the table cells that contain text input boxes */
td.NormalTextBox {
	padding: 0;
	margin: 0;
	background: transparent;
	visibility: invisible;
}

.StandardButton {
	background: #00a1e4;
	border-right: 1px solid #405581;
	border-left: 1px solid #889BC4;
	border-top: 1px solid #889BC4;
	border-bottom: 1px solid #405581;
	color: #fff;
	font-weight: normal;
}
/* Search Box Styles */
.TxtSuggestBox
{
	font-family:  Verdana, Arial, Times New Roman;
	font-size: 12pt;
	cursor: auto;
	width: 520px;
	height: 25px;
}

.SearchBox div .TxtSuggestNormal, .ContentCenter div .TxtSuggestNormal /*popup selection list */
{
	font-family:  Verdana, Arial, Times New Roman;
	font-size: 18pt;
	cursor: hand;
	text-decoration: none;
	height: 23px;
	background-color: #FFFFFF;
	padding-top: 2px;
}

.SearchBox div .TxtSuggestPopup, .ContentCenter div .TxtSuggestPopup   /* and more popup selection list */
{
/*	border-right: 1px outset ;
	border-bottom: 1px outset;
	border-top: 1px outset ; */
	border: 1px solid #666666;
	padding: 0px;
	background-color: #FFFFFF;
	width: 520px;
	text-align: left;
	height: 23px;
}
.SearchBox div .TxtSuggestHover, .ContentCenter div .TxtSuggestHover
{
	background-color: #EEEEEE;  
/*	color: isn't picked up*/
}	
/*========================================================*/
/*  8. Main Menu                                          */
/*========================================================*/

/* Container for main menu */
.MainMenu_MenuContainer {
	border: 0;
/*
	border-top: #00a1e4 1px solid;
*/
	background: transparent;
	width: 100%;
}

/* Menu bar */
.MainMenu_MenuBar {
	background: transparent; 
}

/* Container for submenu */
.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 0;
	background-color: #006cae;
	border: 0;
	border-left: 1px solid #fff;
	padding: 0;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=3) ;
}

/* Applies to idle state of SUBMENU items */
.MainMenu_MenuItem {
	font-family: Calibri, Tahoma, Arial, Sans-Serif;
	color: #fff;
	font-size: 12pt; 
	font-weight: normal;
	background: #006cae;
	border: 0;
	border-top: #fff 1px solid;
	padding: 2px 6px 2px 2px;
	height: 2em;
}

/* Hover state for submenu items */
.MainMenu_MenuItemSel {
	font-family: Calibri, Tahoma, Arial, Sans-Serif;
	color: #000;
	font-size: 10pt; 
	font-weight: bold;
	background: #fff;
	border: 0;
	border-top: #fff 1px solid;
	padding: 2px 6px 2px 2px;
	height: 2em;
}

.MainMenu_Idle td {
	font-family: Calibri, Tahoma, Arial, Sans-Serif;
	color: #fff;
	font-size: 20pt; 
	font-weight: bold;
	height: 2em;
	padding: 2px 0;
/*
	border-bottom: #006cae 1px solid;
*/
}


.MainMenu_Selected td 
{
	font-family: Calibri, Tahoma, Arial, Sans-Serif;
	color: #00a1e4;
	font-size: 20pt; 
	font-weight: bold;
	height: 2em;
	padding: 2px 0;
/*
	border-bottom: #006cae 1px solid;
*/
}

/* Idle state for main menu items */
.MainMenu_Idle { 
	background: #000;
	color: #fff;
	font-weight: bold;
	font-family: Calibri, Tahoma, Arial, Sans-Serif;
	font-size: 20pt;
	height: 2em;
	border: 0;
	border: #000 5px solid;
	padding: 2px 0;
}

/* Hover state for main menu items */
.MainMenu_Selected {
	background: #000;
	color: blue;
	height: 2em;
	font-weight: bold;
	font-family: Calibri, Tahoma, Arial, Sans-Serif;
	font-size: 20pt;
	border: 0;
	border-top: #000 1px solid;
	padding: 2px 0;
}

/* Selected state for main menu items */
.MainMenu_Active, .MainMenu_BreadcrumbActive {
	background: #000;
	color: teal;
	height: 2em;
	font-weight: bold;
	font-family: Calibri, Tahoma, Arial, Sans-Serif;
	font-size: 20pt;
	border: 0;
	padding: 2px 0;
}

.MainMenu_MenuBreak {
	width: auto;
}

 .MainMenu_RootMenuArrow  {
	border: 0;
	width: 15px;
	padding-right: 5px;
 }

.MainMenu_MenuArrow {
	border: 0;
	border-top: 1px solid #fff;
	width: 10px;
	padding: 0;
 }

/* Elements we don't really need */
.MainMenu_MenuIcon {
	display: none;
}

/*========================================================*/
/*  9. Module Menus                                       */
/*========================================================*/

/* Outer container for module submenu */
.ModuleTitle_MenuContainer {
	color: #FFF;
}

/* Inner container for module submenu */
.ModuleTitle_MenuBar {
	cursor: pointer; 
	cursor: hand; 
	height: 21px;
}

/* Idle state for module submenu items */
.ModuleTitle_MenuItem {
	font-family: verdana; 
	color: #FFF;
	font-size: 10pt; 
	font-weight: normal;
	background: #00a1e4;
	border: #00a1e4 1px solid;
	padding: 1px 4px 2px 2px;
}

/* Inner, inner container for module submenu (?) */
.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 2px 0px 0px 0px;
	background-color: #CCC;
	border: 1px solid #CCC;
	padding: 0px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#dddddd', Direction=135, Strength=3);
}

/* Hover state for module submenu items */
.ModuleTitle_MenuItemSel {
	font-family: verdana; 
	font-size: 10pt; 
	font-weight: normal;
	cursor: pointer; 
	cursor: hand; 
	color: #fff;
	background: #fe7c11;
	border: #fe7c11 1px solid;
	padding: 1px 4px 2px 2px;
}

/* Elements we don't need to see */
.ModuleTitle_MenuBreak, .ModuleTitle_MenuIcon, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow {
	display: none;
}

/*========================================================*/
/*  10. Containers                                         */
/*========================================================*/

.ContainerTopLeft {
	width: 1px;
	height: 25px;
	background-color: #00a1e4;
	font-size: 1px;
}

.ContainerTopTitle {
	height: 25px;
	background-color: #00a1e4;
	white-space: nowrap;
	font-weight: normal;
}

.ContainerTopActions {
	height: 25px;
	width: 10px;
	background-color: #00a1e4;
	white-space: nowrap;
}

.ContainerColorTopLeft {
	height: 25px;
	background-color: #FF6600;
	font-size: 1px;
}

.ContainerColorTopTitle {
	height: 25px;
	background-color: #FF6600;
	white-space: nowrap;
}

.ContainerColorTopActions {
	height: 25px;
	width: 1px;
	background-color: #FF6600;
	white-space: nowrap;
}

.ContainerContent {
	border: 0;
	background: #FFF;
}

/*========================================================*/
/*  Knowledgebase                                                              */
/*========================================================*/

/* relatedquestionsheader */

/*========================================================*/
/*  End Style Sheet                                       */
/*========================================================*/


/* OpenSearch stuff */
span.sample {
	text-align: right;
}

a.title:link, a.title:active, a.title:visited {
	color: #00a1e4;
}

a.title:hover {
	color: #fe7c11;
}

.path {
	color: #7CB021;
}
.MainHeader
{
	height: 225px;
}
.MrHuffHome {
	padding: 0px 0px 0px 0px;
}
.SearchHeader {
	width: 100%;
	height: 175px;
}
.SearchLogo {
	width: 100%;
	height: 175px;
	vertical-align: center;
	text-align: center;
}
.SearchContent {
	width: 100%;
}
 .SearchBox {
	height: 100%; 
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;

 }
 /* I haven't removed it Max - it's still here! */
.SearchBox div.uedge {
	width: 650px;
	background: url('bord_t.jpg') top right repeat-x;
}
.SearchBox div.redge {
	background: url('bord_r.jpg') top right repeat-y;
}
.SearchBox div.bedge {
	background: url('bord_b.jpg') bottom left repeat-x;
}
.SearchBox div.ledge {
	background: url('bord_l.jpg') bottom left repeat-y;
}
.SearchBox div.ulcorner {
	background: url('bord_tl.jpg') top left no-repeat;
}
.SearchBox div.urcorner {
	background: url('bord_tr.jpg') top right no-repeat;
}
.SearchBox div.blcorner {
	background: url('bord_bl.jpg') bottom left no-repeat;
}
.SearchBox div.brcorner {
	background: url('bord_br.jpg') bottom right no-repeat;
	height: 230px;
}
.SearchBox div.innercontent {
	height: 200px;
	padding: 30px 30px 30px 30px;
}
/* Uncomment this to override all the styles above, and make the 'search box' panel area plain blue  */
/* Tricky thing to style as the kb module sits inside here, if we style using a #id for the div then it gets a bit lost, 
padding of 1pxs works nicely though*/
.SearchBox div   {
	background: #d9f1fb;
	padding-top: 1px;
	padding-bottom: 1px;
}

.SearchContentPanel {
	padding: 25px 95px 10px 95px;
	height: 100%;
	width: 100%;
}

.SearchPane {
	width: 200px;
	margin: 0 30px 0 30px;
	font-family: verdana; 
	font-size: 8pt; 	
}
.SearchPane .SubHead
{
	font-family: verdana; 
	font-size: 8pt; 
	font-weight: bold;
}
.SearchPane .Normal /* Home Page -  Announcements/News */
{
	font-family: verdana; 
	font-size: 8pt; 
	line-height: 1.4em;
}
.SearchPane .Normal a, .SearchPane .RevisionText a /* Home Page -  Announcements/News  - More  &  Home Page -  Open Forum - More */
{
	font-family: verdana; 
	font-size: 8pt;
	font-weight: bold;
}
.SearchPane .RevisionText /* Home Page - Open Forum */
{
	font-family: verdana; 
	font-size: 8pt; 
	line-height: 1.4em;
}

.SearchPane .RevisionText p, .SearchPane .RevisionText div /* Home Page -  Hot topics/Links  &  Home Page - Open Forum */
{
	font-family: verdana; 
	font-size: 8pt; 
}
.selectlinks select
{
	vertical-align: top;
	width: 70%;
}
.selectlinks img
{
	vertical-align: middle;
}