html, body, #MainTable
{
    height: 100%;
}

body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
}

a{
	color: #006699;
	text-decoration: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: underline;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 180%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/


#content{
	float: left;
  width: 55%;
}

P {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; MARGIN: 0px 30px 20px 0px; COLOR: #333333; FONT-FAMILY: Helvetica, Arial, Verdana, Sans-Serif
	line-height: 120%; LETTER-SPACING: 0.01em
}
P.INTRO {
	FONT-WEIGHT: 100; FONT-SIZE: 15px; MARGIN: 0px 30px 20px 0px; WORD-SPACING: normal; WIDTH: 500px; COLOR: #05273e; LINE-HEIGHT: 130%; LETTER-SPACING: 0.03em; BACKGROUND-COLOR: #fffff2
}
P.SPLASH {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN: 0px 30px 20px 0px; WIDTH: 200px; COLOR: #05273e; LINE-HEIGHT: 130%; LETTER-SPACING: 0.03em
}
P.HOME {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN: 0px 30px 20px 0px; WIDTH: 100%; COLOR: #05273e; LINE-HEIGHT: 130%; LETTER-SPACING: 0.02em
}
TD {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Helvetica, Arial, Verdana, Sans-Serif
}
H1 {
	FONT-SIZE: 20pt; MARGIN: 1.5em 0px 1em; COLOR: #05273e; FONT-FAMILY: Helvetica, Arial, Verdana, Sans-Serif; TEXT-ALIGN: left
}
H2 {
	FONT-WEIGHT: bold; FONT-SIZE: 18pt; MARGIN: 1.5em 0px 1em; COLOR: #05273e; FONT-FAMILY: Helvetica, Arial, Verdana, Sans-Serif; TEXT-ALIGN: left
}
H3 {
	FONT-WEIGHT: bold; FONT-SIZE: 13pt; MARGIN: 1.5em 0px 1em; COLOR: #05273e; FONT-FAMILY: Helvetica, Arial, Verdana, Sans-Serif
}
H4 {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; MARGIN: 1.5em 0px 1em; COLOR: #05273e; FONT-FAMILY: Helvetica, Arial, Verdana, Sans-Serif
}
H5 {
	FONT-SIZE: 10pt; MARGIN: 1.5em 0px 1em; COLOR: #05273e; FONT-FAMILY: Helvetica, Arial, Verdana, Sans-Serif
}
H6 {
	FONT-WEIGHT: lighter; FONT-SIZE: 8pt; MARGIN: 1.5em 0px 1em; COLOR: #05273e; FONT-FAMILY: Helvetica, Arial, Verdana, Sans-Serif
}
LI {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Helvetica, Arial, Verdana, Sans-Serif
}

OL {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Helvetica, Arial, Verdana, Sans-Serif
}
STRONG {
	FONT-FAMILY: Helvetica, Arial, Verdana, Sans-Serif
}
P.footer {
	FONT-SIZE: 11px; FONT-FAMILY: Helvetica, Arial, Verdana, Sans-Serif
}
TABLE.EditView {
	BORDER-RIGHT: 0pt; BORDER-TOP: 0pt; BORDER-LEFT: 0pt; WIDTH: 95%; BORDER-BOTTOM: 0pt; BACKGROUND-COLOR: #dcdcdc
}
TABLE.OnlineComm {
	BORDER-RIGHT: #e6e6e6 2px solid; BORDER-TOP: #ffffff 1px solid;  BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #e6e6e6 2px solid
}
TR.AltColour {
	BACKGROUND-COLOR: #fffff2
}
TD.AltColour {
	BACKGROUND-COLOR: #fffff2
}
A.OnlineComm {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-Serif; TEXT-DECORATION: none
}
A.OnlineComm:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: white; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-Serif; TEXT-DECORATION: none
}

/* IiPUK Colours:
    Orange: orange;
    Green: #066;
    Grey: #ccc;
*/

/* Main interface styles */
#ChampionsLogoCell
{
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 100px;
}

#ChampionsLogoCell img
{
    height: 100px;
    width: 155px;
}

#TopMiddleCell
{
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#TopRightCell
{
    width: 295;
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
}

#OrangeBox
{
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    background-color: orange;
}

#TopMenu
{
     border-left: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
     border-top: 1px solid #ccc;
     background-color:#066;
     font-family: Arial, Helvetica, Sans-Serif;
     font-size: xx-small;
     color: #fff;
}

#TopMenu a
{
    text-decoration: none;
    color: #fff;
}

#TopMenu a:hover
{
    text-decoration: underline;
}
#MainLeftCell
{
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    height: 100%;
}

#MainMiddleCell
{
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    vertical-align: top;
}
   
#LeftMenu
{
    vertical-align: top;
}

#IIPLogo
{
    height: 150px;
    vertical-align: middle;
    text-align: right;
}

/* Content layout styles for popup pages */
#MainContent
{
	width: 100%;
	height: 100%;
}

/* Styles for Login form */
#loginButton
{
    width: 49px; 
    height: 47px; 
    background-color: Transparent; 
    background-position: center center; 
    background-repeat: no-repeat; 
    border-width: 0px
}

.highLoginButton 
{
    background-image: url("../images/login_circle.gif") 
}

.lowLoginButton
{
    background-image: url("../images/login_circle.gif");
}

#FrogoutButton
{
    width: 49px; 
    height: 47px; 
    background-color: Transparent; 
    background-position: center center; 
    background-repeat: no-repeat; 
    border: 0px;
}

.highFrogoutButton 
{
    background-image: url("../images/cross_buttonover_red.gif");
}

.lowFrogoutButton
{
    background-image: url("../images/cross_button_red.gif");
}

.SubmitButton, .SubmitButton_high
{
    font-family: Arial, Sans-Serif;
    font-size: medium;
    font-weight: bold;
    border: 2px solid #FF9900;
    padding: 4px;
}

.SubmitButton
{
    color: Teal;
    background-color: White;    
}
.SubmitButton_high
{
    color: white;
    background-color: Teal;
}

#LoginOuterTable
{
	width: 295px;
	height: 50px;
}

.LoginLabel
{
	width: 75px;
	text-align: left;
	height: 25px;
	vertical-align: middle;
	color: #f90;
	font-size: x-small;
	font-weight: bold;
}

.LoginLabelText
{
	width: 75px;
	text-align: left;
	height: 25px;
	vertical-align: top;
	color: #f90;
	font-size: x-small;
	font-weight: bold;
}
.LoginControl
{
	width: 150px;
	height: 25px;
	text-align: left;
	vertical-align: middle;
}

#JSRegisterLink, #NoJSRegisterLink
{
	font-size: xx-small;
	color: #f90;
	text-decoration: underline;
	font-weight: bold;
}

#JSForgotPasswordLink, #NoJSForgotPasswordLink
{
	font-size: xx-small;
	color: #999;
	text-decoration: underline;
	font-weight: bold;
}

#JSForgotPasswordLink, #JSRegisterLink, #JSRegisterLink2, #JSRequestInfoLink, #JSHelpLink
{
	display: none;
	cursor: pointer;
}

#NoJSForgotPasswordLink, #NoJSRegisterLink, #NoJSRegisterLink2, #NoJSRequestInfoLink, #NoJSHelpLink
{
	display: inline;
}

/* Forms styles */
.SectionHeader
{
    font-size: medium;
    font-weight: bold;
    padding-bottom: 12px;
}

.SectionSubHeader
{
    font-size: small;
    font-weight: bold;
    padding-bottom: 12px;
}

#FeedbackDiv, td.SectionHint
{
    padding: 18px;
    font-size: small;
    background-repeat: no-repeat;
    background-position: 0px 20px;    
}

div.ErrorText
{
    color: #F00;
    background-image: url("../images/arrowsx3_red.gif")
}

.MandatoryLabel
{
    font-weight: bold;
}

.MandatoryControl
{
    padding-right: 12px;
    background-image: url("../images/mandatory.gif");
    background-position: center right;
    background-repeat: no-repeat;
}
.ErrorText
{
    color: Red;
    font-family: Arial, Sans-Serif;
    font-size: x-small;
    font-weight: bold;
}

td.ErrorText
{
    width: 50%;
}

.IPAddressBox
{
    width: 30px;
}
.menu {
	FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #000000; LINE-HEIGHT: 12px; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.menu:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #000000; LINE-HEIGHT: 12px; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
A {
	TEXT-DECORATION: none
}
.topmenu {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; LINE-HEIGHT: 11px; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.topmenu:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; LINE-HEIGHT: 11px; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}

.headinglight {
	FONT-WEIGHT: lighter; FONT-SIZE: 20px; LINE-HEIGHT: 22px; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; color: #006699
}

h3.headinglight
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 16px; 
	LINE-HEIGHT: 22px; 
	FONT-STYLE: normal; 
	FONT-FAMILY: Arial, Helvetica, sans-serif
}

.login {
	FONT-WEIGHT: bold; FONT-SIZE: 15px; LINE-HEIGHT: 15px; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif
}

.table {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; LINE-HEIGHT: 11px; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif
}

.menuunder {
	FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #000000; LINE-HEIGHT: 12px; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
.notice {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #333333; LINE-HEIGHT: 13px; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.noticetitle {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; LINE-HEIGHT: 20px; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.notice:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #333333; LINE-HEIGHT: 13px; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
#loginButton {
	BORDER-TOP-WIDTH: 0px; BACKGROUND-POSITION: center center; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 49px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 47px; BACKGROUND-COLOR: transparent; BORDER-RIGHT-WIDTH: 0px
}
.clear {
	CLEAR: both
}
.error_text {
	FONT-SIZE: x-small; COLOR: #cc3333; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.mandatory {
	PADDING-RIGHT: 5px; BACKGROUND-POSITION: right 4px; BACKGROUND-IMAGE: url(images/mandatory.gif); BACKGROUND-REPEAT: no-repeat
}

/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

a{
	color: #006699;
	text-decoration: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: underline;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 180%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}


label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#content{
	float: left;
  width: 55%;
}

/***********************************************/
/* Components                                  */
/***********************************************/

a.menuLink:link, .menuBar
{
    font-size: x-small;
    color: #fff;
}

a.menuLink:visited
{
    font-size: x-small;
    color: #fff;
}

a.menuLink:hover
{
    font-size: x-small;
    color: #f90;
    text-decoration: none;
}

.LeftMenuContainer
{
    padding-left: 16px;
    margin-left: 8px;
}

#LeftMenuOuter
{
    display: block;
    width: 205px;
    height: 100%;
}

div.SectionHint, td.SectionHint
{
    color: #066;
    background-image: url("../images/info.gif");
}

.LeftMenuItem, .OptionLink, .OptionLinkGreyed
{
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 18px;
}

.OptionLink
{
    background-image: url("../images/arrowsx3_green.gif");    
}
/*
.OptionLinkGreyed
{
    background-image: url("../images/arrowsx3_grey.gif");
}
*/
.OptionLink, .OptionLinkGreyed
{
    font-size: medium;
    font-weight: bold;
}

.SupportLink
{
    font-size: medium;
    font-weight: bold;
    padding-left: 18px;
}

.OptionHint, .PDOptionHint
{
    font-size: small;
    padding-left: 18px;
    padding-bottom: 20px;
    vertical-align: top;
}

div.PDOptionHint, td.PDOptionHint
{
    background-image: url("../images/info.gif");
    background-repeat: no-repeat;
    background-position: 0px 3px;    
}

.OptionLinkGreyed
{
/*    background-image: url("../images/arrowsx3_grey.gif"); */
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 18px;
    color: Gray;
}

#RightMenu
{
    width: 245px;
}

.WhereToLinks
{
    margin-top: 24px;
    font-size: large;
    font-weight: bold;
}

.ReturnLink
{
    padding-left: 18px;
    background-image: url("../Images/arrowsx3_rasp_left.gif");
    background-repeat: no-repeat;
    background-position: left center;
}

.WhereToLink
{
    padding-right: 18px;
    background-image: url("../Images/arrowsx3_rasp.gif");
    background-repeat: no-repeat;
    background-position: right center;
}

.ReportSection, .FirstReportSection
{
    width: 100%;
    border-bottom: 1px solid #066;
    margin-bottom: 16px;
}

.ReportHeader
{
    font-size: medium;
    font-weight: bold;
    padding-bottom: 16px;
}

.ReportSectionHeader
{
    font-size: small;
    font-weight: bold;
    font-style: italic;
    padding-bottom: 8px;
}
.ReportColumnHeader
{
    font-size: x-small;
    font-weight: bold;
    vertical-align: bottom;
    padding-bottom: 6px;
    border-top: 1px dashed #066;
    border-bottom: 1px dashed #066;
}

.ReportLabel, .Label
{
    color: #066;
    font-weight: bold;
}

.ReportData
{
    padding-left: 12px;
}

.PageBreak
{
    page-break-after: always;
}

.FirstReportSection
{
    border-top: 1px solid #066;
}

.ListTable
{
    border-top: 1px solid #066;
    border-bottom: 1px solid #066;
    width: 100%;
}

.ListTable th
{
    color: #066;
    font-weight: bold;
    border-bottom: 1px dashed #066;
    text-align: left;
}

.ProjectOptionsDivider
{
    border-bottom: 2px dashed #000;
}

#MISReport thead th
{
    background-color: #066;
    color: White;
    font-weight: bold;
    border: 1px solid white;
}

#MISReport thead td, #MISReport tbody th
{
    background-color: #399;
    font-weight: bold;
    color: White;
    border: 1px solid white;
}

#MISReport tbody th a
{
    color: White;
}
#MISReport
{
    border-collapse: collapse;
}

#MISReport tbody td
{
    border: 1px solid gray;
}

.questionnaire_links
{
    margin-top: 16px;
    margin-bottom: 16px;
}

.questionnaire_link
{
    font-size: medium;
}
#QualityCentres
{
	border-collapse:collapse;
	margin-left: 16px;
	margin-top: 16px;
}

#QualityCentres td, #QualityCentres th
{
	border: 1px solid black;
}