/*
 *  Last Changed:    08/10/2007	
 *
 */

/*
 ***						  HISTORY OF CHANGES                                ***
 *
 *   Date				Modified By					Description
 	 05/06/2007			Arthur Embleton				Added 'labelTextLeft' for labels on the left.
 *   09/05/2007			Arthur Embleton				Added warning banner and the calendar properties.
 *   23/02/2006			Gary Langford				Added style sheet entry called 'largeLabelText'.
 *   27/01/2006			Gary Langford				Added style sheet entry called 'smallText'.
 *   05/01/2006			Gary Langford				Added style sheet entry called 'loginTitle'.
 *   31/08/2004			Kevin Langford				Added style sheet entry called 'frameOptionOptSelected'.
 *	 07/09/2007			David Pease					Added 'deleted' style
 	 08/10/2007			Arthur Embleton				Added styles to help line everything up in wide screen format.
 	 30/01/2008			Ray Cunliffe				Added styles to insert and remove <TD> borders.
 	 22/02/2008			Arthur Embleton				Added link styles for mainModuleOption
 	 27/02/2008			Andy Summers				Added back in styles for DSM.
 	 19/05/2008			Andy Summers				Added label.MenuLink entries.
 	 03/10/2008			Andy Summers				Added blueFieldText for PYO screen discount info.
 	 03/11/2008			Andy Summers				Added logoutLink for web manager system link content.
 */
 
/* SVL-1898 */
.fieldTextGreenBg {font-size: 9pt; font-family: Arial;	color: #000000; background-color:#00FF00;}
.fieldTextYellowBg {font-size: 9pt; font-family: Arial;	color: #000000; background-color:#FFFF80;}
.fieldTextRedBg {font-size: 9pt; font-family: Arial;	color: #000000; background-color:#FF0000;}

/* SVL-1792 */

.orangeText {font-size: 9pt; font-family: Arial; color: #F85E29;}


/* SVL-1654 */
.logoutLink {font-family: Arial; color:blue; font-size:9pt; cursor:pointer; font-weight:bold;}
 
/* SVL-1654 */
.blueFieldText {font-family: Arial; color:blue; font-size:9pt;}

/* SVL-862 */
.blueText {font-family: Arial; color:#1880E7; font-size:9pt; font-weight: bold;}

/* SVL-980 Styles for DSM that were previously lost. */
.greyTextLink {font-size: 9pt; font-family: Arial; color: #A8A8A8; cursor:hand;}
.blackTextLink {font-size: 9pt; font-family: Arial; color: #000000; cursor:hand;}
.greyText {font-size: 9pt; font-family: Arial; color: #A8A8A8;}

/* SVL-844/109 Change cursor to html standard pointer */
.close {text-align:right; margin-right:5px; cursor:pointer;}

/* SVL-844/11 Changed headerDialog to set a width.  This fixes a problem with the close button in IE when using the webUI:page-option */
.headerDialog {position: relative; margin:10px; width:99%;}

/* SVL-838 08/11/2007 Resource Inventory */
.mainBorder {width:99%; margin:5px 0px; border:solid #808080; border-width:2px}

/* SVL-630/12 5/10/2007 Columns and titles not lining up */
.firstFrameTitle {font-size: 8pt; font-weight: bold; font-family: Arial; color: white; background-color:#0F173C; margin-left:5px;}
.firstResultText {font-size: 9pt; font-family: Arial; color: #000000; margin-left:5px;}
.centreAndMargin {text-align: center; margin: 10px;}

/* SVL-796 Module Options */
.mainModuleOption {font-size: 8pt; font-family: Arial; font-weight: bold; color: #0F173C; background-color: #4FC200; cursor:hand;}
.mainModuleOptionSpacing {color: #0F173C; background-color: #4FC200; width:25px;}

/* SVL-142/1 07/09/2007 Added strikethrough style for deleted records */
.deleted {font-size: 9pt; font-family: Arial; color: #000000; text-decoration:line-through;}

/* SVL-693/1 25/07/2007 Added padding to left and right. */ 
.warningBanner {font-size: 8pt; font-family: Arial; color: black; width: 100%; background-color: #FFF68F; border-color: #FFE303; border-style: solid; border-width: 1px;  padding-left:10px; padding-right:10px;}
 
/* SVL-526 23/07/2007 Added text-align property to existing stylesheet entry named 'labelTextLeft'. 
                      Everything else has stayed the same. */
.labelTextLeft {font-size: 9pt;	font-weight: bold; font-family: Arial; color: #000000; text-align: left;}
 
.optionSelected {font-size: 9pt; font-family: Arial; color: #FFFFFF; background-color: #316AC5; cursor: default;}
.optionUnselected {font-size: 9pt; font-family: Arial; color: #000000; background-color: #FFFFFF; cursor: default;}
.outOfMonth {background-color:#0F173C;}
.hasContent {background-color:#FFFF99;}
.nonWorking {background-color:#DDDDDD;}
.whiteLink {font-size: 9pt; font-family: Arial; text-decoration:underline; color: white; cursor:pointer;}

.redText {font-size:9pt; font-family:Arial; color:red;}
.dykTitleText {font-size:16pt; font-weight:bold; font-family:Arial; color:#000000;}
.largeLabelText {font-size: 12pt;	font-weight: bold; font-family: Arial; color: #000000; text-align: center;}
.smallText {font-size: 7pt; font-family: Arial;	color: #000000;}
.loginTitle {font-size: 16pt; font-weight: bold; font-family: Arial; color: #000000; text-align: center;}
.bodyMargin {background-color: #FFFFFF; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px} 
.labelText {font-size: 9pt;	font-weight: bold; font-family: Arial; color: #000000; text-align: center;}
.labelTextRight {font-size: 9pt; font-weight: bold; font-family: Arial; color: #000000; text-align: right;}
.labelTextItalic {font-size: 9pt; font-weight: bold; font-style: italic; font-family: Arial; color: #000000; text-align: center;}
.fieldText {font-size: 9pt; font-family: Arial;	color: #000000;}
.fieldText2 {font-size: 9pt; font-weight: bold; font-family: Arial; color: #000000; background-color:#FFFFB0;}
.protectedField {font-size: 9pt; font-family: Arial; color: #000000; background-color: #F5F5F5;}
.errorText {font-size: 9pt;	font-family: Arial;	color: red;}
.header	   {font-size: 9pt;	font-family: Arial;	background-color: #0F173C;}
.SVLheader   {font-size: 9pt;	font-family: Arial;	background-color:#0F173C;}
.headerTitle {font-size: 12pt; font-weight: bold; font-family: Arial; color: white;}
.headerText {font-size: 8pt; font-family: Arial; color: white;}
.headerTextOption {font-size: 8pt; font-family: Arial; color: white; cursor:pointer;}
.footerText {font-size: 8pt; font-style: italic; font-family: Arial; color: #000000; text-align: center;}
.frameTitle {font-size: 8pt; font-weight: bold; font-family: Arial; color: white; background-color:#0F173C; }
.frameTitleOption{font-size: 8pt; font-weight: bold; font-family: Arial; color: white; background-color: #0F173C; cursor:pointer;}
.frameOption{font-size: 8pt; font-family: Arial; font-weight: bold; color: #0F173C; background-color: #4FC200;}
.frameOptionOpt{font-size: 8pt; font-family: Arial; font-weight: bold; color: #0F173C; background-color: #4FC200; cursor:pointer; margin-left: 5px; margin-right: 5px;}
.frameOptionWhiteSpace{background-color: #FFFFFF; padding-left: 5px; padding-right: 5px;}
.itemBorder {border: 1px solid black}
.itemText {text-decoration: none; color: #FFFFFF; font: 12px Arial, Helvetica}
.crazyBorder { border: 2px outset #663399 }
.crazyText { text-decoration: none; color: #FFCC99; font: Bold 12px Arial, Helvetica }
.searchBox {border-color: #0066CC;}
.searchBoxTitle {font-size: 9pt; font-family: Arial; font-weight: bold; color:#0066CC;}
.blueLink {font-family: Arial; text-decoration:underline; color:#1880E7; font-size:9pt; cursor:pointer;}
.redLink {font-family: Arial; text-decoration:underline; color:red; font-size:9pt; cursor:pointer;}
.resultText {font-size: 9pt; font-family: Arial; color: #000000;}
.greenText {font-size: 9pt; font-family: Arial; color: #00FF00;}
.amberText {font-size: 9pt; font-family: Arial; color: #FF9900;}
.greenLink {font-size: 9pt; font-family: Arial; text-decoration:underline; color: #00FF00; cursor:pointer;}
.amberLink {font-size: 9pt; font-family: Arial; text-decoration:underline; color: #FF9900; cursor:pointer;}
.noUnderWhite {font-family: Arial; text-decoration:none; color:#FFFFFF; font-size:9pt; font-weight:bold; cursor:pointer;} 
.queryStringText {font-size: 8pt; font-family: Arial; color: #000000; }
.sectionHeader  {font-size: 9pt; font-weight: bold; font-family: Arial;	color: white; background-color:#122A72;}

.legend {color: black; font-size: 9pt;	font-weight: bold; font-family: Arial;}
.bodyMaint {background-color: #FFFFFF; margin-left: 2px; margin-right: 2px; margin-top: 0px; margin-bottom: 0px} 
.alternateBgColor1 {background-color: #F5F5F5}
.alternateBgColor2 {background-color: white}

.menuTable {background-color: #0F173C; border: solid #000000 1px}
.menuLabel {font-size: 9pt;	font-weight: bold; font-family: Arial; color: white; cursor:hand;}
.menuHighLightOn {background-color: #4FC200;}
.menuHighLightOff {background-color: #0F173C;}

.frameOptionOptSelected {font-size: 8pt; font-family: Arial; font-weight: bold; color: white;  cursor: pointer; }

.planHdr {font-size: 11pt; font-family: Arial; font-weight: bold; color: #000000; }
.planSub {font-size: 10pt; font-family: Arial; font-weight: bold; color: #000000; }

.calendarHeader {background-color: #0F173C;}
.calendarNavigationBorder {border-style:solid; border-width:1; border-color:#3366FF; cursor:pointer;}
.calendarNavigationBorderMouseOver {border-style:solid; border-width:1; border-color:#88AAFF; cursor:pointer;}

.submitButton {text-align: center};

.applyBorderTopTD {border-top: 1px solid #808080}
.removeBorderTopTD { border:none }
.applyBorderLeftTD {border-left: 1px solid #808080}
.removeBorderLeftTD { border:none }
.applyBorderBottomTD {border-bottom: 1px solid #808080}
.removeBorderBottomTD { border:none }
.applyBorderRightTD {border-right: 1px solid #808080}
.removeBorderRightTD { border:none }

A {font-size: 8pt;	font-weight: bold; font-family: Arial; text-decoration:none; color:white}
A:Visited {color: #1880E7;}
A:Active {color: #1880E7;}
A:Hover {color: #1880E7;}
A:Link {color: #1880E7;}

A.MenuLink:Visited {color:white;}
A.MenuLink:Active {color:white;}
A.MenuLink:Hover {color: white;}
A.MenuLink:Link {color: white;}

label.MenuLink {font-size: 8pt;	font-weight: bold; font-family: Arial; text-decoration:none; color:white}
label.MenuLink:Visited {color:white;}
label.MenuLink:Active {color:white;}
label.MenuLink:Hover {color: white;}
label.MenuLink:Link {color: white;}

A.EmailLink:Visited {color:#1880E7; font-size: 9pt; text-decoration:underline;}
A.EmailLink:Active {color:#1880E7; font-size: 9pt; text-decoration:underline;}
A.EmailLink:Hover {color:#1880E7; font-size: 9pt; text-decoration:underline;}
A.EmailLink:Link {color:#1880E7; font-size: 9pt; text-decoration:underline;}

/* SVL-948/1 Use the same colour mainModuleOption when there is a link */
A.mainModuleOption:Visited {color:#0F173C;}
A.mainModuleOption:Active {color:#0F173C;}
A.mainModuleOption:Hover {color:#0F173C;}
A.mainModuleOption:Link {color:#0F173C;}

.inset {background: transparent; width:40%; margin:0 auto;}
.inset h1, .inset p {margin:0 10px;}
.inset h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.inset p {padding-bottom:0.5em;}

.inset .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:transparent; border-left:1px solid #000; border-right:1px solid #000;}
.inset .b3 {background:transparent; border-left:1px solid #000; border-right:1px solid #000;}
.inset .b4 {background:transparent; border-left:1px solid #000; border-right:1px solid #000;}
.inset .b4b {background:transparent; border-left:1px solid #000; border-right:1px solid #000;}
.inset .b3b {background:transparent; border-left:1px solid #000; border-right:1px solid #000;}
.inset .b2b {background:transparent; border-left:1px solid #000; border-right:1px solid #000;}
.inset .b1 {margin:0 5px; background:#000;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#000;}

.inset .boxcontent {display:block; background:transparent; border-left:1px solid #000; border-right:1px solid #000;}

.indentAddComment {margin: 0px 20px;}
