/*
	Theme Name: NOW SOlutions Group Theme
	Version: 1.1
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/


.alertText {
	color: #B02024;
}


/*** LE BUTTONS ***/

.buttonGreen {
	border: 1px solid #485F23 !important;
	background: #729837 url('/css/images-content/bkgrnd-buttonGradientGreen.jpg') bottom repeat-x !important; 
	width: auto !important;
	height: auto !important;
	margin: 5px !important;
	padding: .25em .7em .15em .7em !important;
	-moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; border-radius: 4px !important;
	
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif !important;
	font-size: 9pt !important;
	color: #fff !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	
	cursor:pointer !important;
}

.buttonBlue {
	border: 1px solid #151939 !important;
	background: #374299 url('/css/images-content/bkgrnd-buttonGradientBlue.jpg') bottom repeat-x !important; 
	width: auto !important;
	height: auto !important; 
	margin: 5px !important;
	padding: .25em .7em .15em .7em !important;
	-moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; border-radius: 4px !important;
	
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif !important;
	font-size: 9pt !important;
	color: #fff !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	
	cursor:pointer !important;
}

.buttonOrange, .buttonOrangeLong {
	border: 1px solid #B5441F !important;
	background: #F15A29 url('/css/images-content/bkgrnd-buttonGradientOrange.jpg') bottom repeat-x !important;  
	width: auto !important;
	height: auto !important;
	margin: 5px !important;
	padding: .25em .7em .15em .7em !important;
	-moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; border-radius: 4px !important;
	
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif !important;
	font-size: 9pt !important;
	color: #fff !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	
	cursor:pointer !important;
}

/*** LEGACY Button classes (left to support older forms) ***/

.submitButton {
	border: 1px solid #151939 !important;
	background: #374299 url('/css/images-content/bkgrnd-buttonGradientBlue.jpg') bottom repeat-x !important; 
	width: auto !important;
	height: auto !important; 
	margin: 5px !important;
	padding: .25em .7em .15em .7em !important;
	-moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; border-radius: 4px !important;
	
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif !important;
	font-size: 9pt !important;
	color: #fff !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	
	cursor:pointer !important;
}

.buttonGreenShort { 
	border: 1px solid #485F23 !important;
	background: #729837 url('/css/images-content/bkgrnd-buttonGradientGreen.jpg') bottom repeat-x !important; 
	width: auto !important;
	height: auto !important;
	margin: 5px !important;
	padding: .25em .7em .15em .7em !important;
	-moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; border-radius: 4px !important;
	
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif !important;
	font-size: 9pt !important;
	color: #fff !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	
	cursor:pointer !important;
	}

.buttonGreenShortAlignRight { 
	border: 1px solid #485F23 !important;
	background: #729837 url('/css/images-content/bkgrnd-buttonGradientGreen.jpg') bottom repeat-x !important; 
	width: auto !important;
	height: auto !important;
	margin: 5px !important;
	padding: .25em .7em .15em .7em !important;
	-moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; border-radius: 4px !important;
	
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif !important;
	font-size: 9pt !important;
	color: #fff !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	
	cursor:pointer !important;
	float: right !important;
}

.buttonBlueShort { 	
	border: 1px solid #151939 !important;
	background: #374299 url('/css/images-content/bkgrnd-buttonGradientBlue.jpg') bottom repeat-x !important; 
	width: auto !important;
	height: auto !important; 
	margin: 5px !important;
	padding: .25em .7em .15em .7em !important;
	-moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; border-radius: 4px !important;
	
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif !important;
	font-size: 9pt !important;
	color: #fff !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	
	cursor:pointer !important;
}

.buttonBlueShortAlignRight { 
	border: 1px solid #151939 !important;
	background: #374299 url('/css/images-content/bkgrnd-buttonGradientBlue.jpg') bottom repeat-x !important; 
	width: auto !important;
	height: auto !important; 
	margin: 5px !important;
	padding: .25em .7em .15em .7em !important;
	-moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; border-radius: 4px !important;
	
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif !important;
	font-size: 9pt !important;
	color: #fff !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	
	cursor:pointer !important;
	float: right;
}

.buttonGreenLong { 
	border: 1px solid #485F23 !important;
	background: #729837 url('/css/images-content/bkgrnd-buttonGradientGreen.jpg') bottom repeat-x !important; 
	width: auto !important;
	height: auto !important;
	margin: 5px !important;
	padding: .25em .7em .15em .7em !important;
	-moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; border-radius: 4px !important;
	
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif !important;
	font-size: 9pt !important;
	color: #fff !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	
	cursor:pointer !important;
	}

.buttonBlueLong { 
	border: 1px solid #151939 !important;
	background: #374299 url('/css/images-content/bkgrnd-buttonGradientBlue.jpg') bottom repeat-x !important; 
	width: auto !important;
	height: auto !important; 
	margin: 5px !important;
	padding: .25em .7em .15em .7em !important;
	-moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; border-radius: 4px !important;
	
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif !important;
	font-size: 9pt !important;
	color: #fff !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	
	cursor:pointer !important;
}

.buttonRedCancel {
margin: 5px 5px 0 5px; 
width:70px; 
height:24px; 
background: url('/css/images-content/buttonRed-70x24.gif') center no-repeat; 
text-align:center; 
line-height:20px;
color:#FFFFFF; 
font-size:10px; 
font-weight:bold; 
border: none; 
text-transform: uppercase;
cursor:pointer;
}

.buttonGreenSelect {
margin: 5px 5px 0 5px; 
width:70px; 
height:24px; 
background: url('/css/images-content/buttonGreen-70x24.gif') no-repeat; 
text-align:center; 
line-height:20px;
color:#FFFFFF; 
font-size:10px; 
font-weight:bold; 
border: none; 
text-transform: uppercase;		
}

/*** end of Legacy buttons ***/

.submitButton:hover, .buttonGreen:hover, .buttonGreenShort:hover, .buttonBlueShort:hover,.buttonGreenLong:hover,.buttonBlue:hover, .buttonBlueLong:hover, .buttonGreenShortAlignRight:hover, .buttonBlueShortAlignRight:hover{ /***these don't show in IE6, but it's just an added feature (roll-over colour)***/
	color: #fdf5ce;	
}

.buttonGreenHelp {
margin: 4px 5px 2px 10px !important;
width:24px !important; 
height:24px !important; 
background: url('/css/images-content/buttonMatrix-24x24.gif') -28px -4px no-repeat !important; 
text-align:center !important; 
line-height:20px !important;
color:#FFFFFF !important; 
font-size:10px !important; 
font-weight:bold !important; 
border: none !important; 
text-transform: uppercase !important;
cursor:pointer !important;
}

.buttonGreenHelp:hover {
background: url('/css/images-content/buttonMatrix-24x24.gif') -28px -28px no-repeat !important; 
}

.buttonGreenCall {
margin: 4px 5px 2px 10px !important;
width:24px !important; 
height:24px !important; 
background: url('/css/images-content/buttonMatrix-24x24.gif') -102px -4px no-repeat !important; 
text-align:center !important; 
line-height:20px !important;
color:#FFFFFF !important; 
font-size:10px !important; 
font-weight:bold !important; 
border: none !important; 
text-transform: uppercase !important;
cursor:pointer;
}

.buttonGreenCall:hover {
background: url('/css/images-content/buttonMatrix-24x24.gif') -102px -28px no-repeat !important; }

.buttonGreenEdit {
margin: 4px 5px 2px 10px !important;
width:24px !important; 
height:24px !important; 
background: url('/css/images-content/buttonMatrix-24x24.gif') -78px -4px no-repeat !important; 
text-align:center !important; 
line-height:20px !important;
color:#FFFFFF !important; 
font-size:10px !important; 
font-weight:bold !important; 
border: none !important; 
text-transform: uppercase !important;
cursor:pointer !important;
}

.buttonGreenEdit:hover {
background: url('/css/images-content/buttonMatrix-24x24.gif') -78px -28px no-repeat !important; 
}

.buttonGreenView {
margin: 4px 5px 2px 10px !important;
width:24px !important; 
height:24px !important; 
background: url('/css/images-content/buttonMatrix-24x24.gif') -52px -4px no-repeat !important; 
text-align:center !important; 
line-height:20px !important;
color:transparent !important; 
font-size:10px !important; 
font-weight:bold !important; 
border: none !important; 
text-transform: uppercase !important;
cursor:pointer !important;
}

.buttonGreenView:hover {
background: url('/css/images-content/buttonMatrix-24x24.gif') -52px -28px no-repeat !important; 
}

.buttonGreenDone {
margin: 4px 5px 2px 10px !important;
width:24px !important; 
height:24px !important; 
background: url('/css/images-content/iconRefuse-24x24.gif') no-repeat !important; 
text-align:center !important; 
line-height:20px !important;
color:transparent !important; 
font-size:10px !important; 
font-weight:bold !important; 
border: none !important; 
text-transform: uppercase !important;
cursor:pointer !important;
}

.buttonGreenDone:hover {
background: url('/css/images-content/iconRefuse-24x24.gif') -1px -1px no-repeat !important; 
}

.buttonGreenFin {
margin: 4px 5px 2px 10px !important;
width:24px !important; 
height:24px !important; 
background: url('/css/images-content/iconAccept-24x24.gif') no-repeat !important; 
text-align:center !important; 
line-height:20px !important;
color:transparent !important; 
font-size:10px !important; 
font-weight:bold !important; 
border: none !important; 
text-transform: uppercase !important;
cursor:pointer !important;
}

.buttonGreenFin:hover {
background: url('/css/images-content/iconAccept-24x24.gif') -1px -1px no-repeat !important; 
}

.buttonGreenFwd {
margin: 4px 5px 2px 10px !important;
width:24px !important; 
height:24px !important; 
background: url('/css/images-content/iconAccept-24x24.gif') no-repeat !important; 
text-align:center !important; 
line-height:20px !important;
color:transparent !important; 
font-size:10px !important; 
font-weight:bold !important; 
border: none !important; 
text-transform: uppercase !important;
cursor:pointer !important;
}

.buttonGreenFwd:hover {
background: url('/css/images-content/iconAccept-24x24.gif') -1px -1px no-repeat !important; 
}

.buttonRedDelete {
margin: 4px 5px 2px 10px !important;
width: 24px !important;
height: 24px !important;
background: url('/css/images-content/buttonMatrix-24x24.gif') -4px -4px no-repeat !important;
text-align: center !important;
line-height: 20px !important;
color: #FFFFFF !important;
font-size: 10px !important;
font-weight: bold !important;
border: none !important;
text-transform: uppercase !important;
cursor: pointer !important;
}

.buttonRedDelete:hover {
background: url('/css/images-content/buttonMatrix-24x24.gif') -4px -28px no-repeat !important; 
}

/*** Session Mode buttons ***/
.sessionModeButtonAvailable {
margin: 5px 5px 0 5px !important; 
width:208px !important; 
height:43px !important; 
background: url('/css/images-content/button-sessionModeAvailable.gif') 0 0 no-repeat !important; 
border: none !important; 
cursor:pointer !important;
}

.sessionModeButtonAvailable:hover {
background: url('/css/images-content/button-sessionModeAvailable.gif') 0 -43px no-repeat !important; 
}

.sessionModeButtonNotAvailable {
margin: 5px 5px 0 5px !important; 
width:208px !important; 
height:43px !important; 
background: url('/css/images-content/button-sessionModeNotAvailable.gif') 0 0 no-repeat !important; 
border: none !important; 
cursor:pointer !important;
}

.sessionModeButtonNotAvailable:hover {
background: url('/css/images-content/button-sessionModeNotAvailable.gif') 0 -43px no-repeat !important; 
}

.sessionModeButtonBare {
margin: 5px 5px 0 5px !important; 
width:208px !important; 
height:43px !important; 
background: url('/css/images-content/button-sessionModeBare.gif') 0 0 no-repeat !important; 
border: none !important; 
cursor:pointer !important;
}

.sessionModeButtonBare:hover {
background: url('/css/images-content/button-sessionModeBare.gif') 0 -43px no-repeat !important; 
}

.sessionModeButtonOpen {
margin: 5px 5px 0 5px !important; 
width:208px !important; 
height:43px !important; 
background: url('/css/images-content/button-sessionModeOpen.gif') 0 0 no-repeat !important; 
border: none !important; 
cursor:pointer !important;
}

.sessionModeButtonOpen:hover {
background: url('/css/images-content/button-sessionModeOpen.gif') 0 -43px no-repeat !important; 
}

.sessionModeButtonNewSession {
margin: 5px 5px 0 5px !important; 
width:208px !important; 
height:43px !important; 
background: url('/css/images-content/button-sessionNew.gif') 0 0 no-repeat !important; 
border: none !important; 
cursor:pointer !important;
}

.sessionModeButtonNewSession:hover {
background: url('/css/images-content/button-sessionNew.gif') 0 -43px no-repeat !important; 
}

.sessionModeButtonNewApplication {
margin: 5px 5px 0 5px !important; 
width:208px !important; 
height:43px !important; 
background: url('/css/images-content/button-sessionNewApplication.gif') 0 0 no-repeat !important; 
border: none !important; 
cursor:pointer !important;
}

.sessionModeButtonNewApplication:hover {
background: url('/css/images-content/button-sessionNewApplication.gif') 0 -43px no-repeat !important; 
}

/*** DEFAULT INPUT FIELDS
Default input fields (these will be used rarely, as most input fields will be inside of one of the two table styles  below) ***/

.label {
	color: #414042;
	display:block;
	font-weight:bold;
	text-align:right;
	width:120px;
	float:left;	
	line-height: 12px;
	margin: 4px 5px 0 0;
}

.subtext{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:120px;
}






/*** EXPANDING TABLE 
These are the 3 column YES/NO tables that expand to include additional questions based on user feedback 
Note - it's important this preempts .gridtable styles, for proper styling of subtables inside expanding tabloes ***/

.expandingTable{
border-width: 0;
border-spacing: 0;
border-style: none;
text-align: left;
}

.expandingTableStripes{
background-color: #EDF2E2;
}

.expandingTable td{
padding: 10px;
border: none;
vertical-align: text-top;
}

.label { /*** included in case we later wish to customize for table-specific labels ***/
}

.lableSubtext{ /*** included in case we later wish to customize for table-specific labels ***/	
}

.expandingTable .textField {
	border-width: 1px;
	border-style: solid;
	border-color: #939598;	
}

.expandingTable .passwordField {
	border-width: 1px;
	border-style: solid;
	border-color: #939598;		
}

.expandingTable .checkboxField {
	border: none;	
}

.expandingTable .radioField {
	border: none;
}

.expandingTable .submitButton{
	border: none;	
}

.extendedQuestion { /***the DIV containing extended questions ***/
	
}

/*** end of EXPANDING TABLE ***/

/*** GRID TABLE - currently used for reports ***/

.reportPanelTitle {
	background: #EFF4E5;
	border: 1px solid #000000;
	border-radius: 15px 15px 0 0;																						
	-moz-border-radius: 15px 15px 0 0;
	padding: 3px 0px 3px 10px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 24pt;
	color: #2D3A1D;
	font-weight: normal;
}

.gridTable {
	width: 100%;
	padding: 5px;
	border: 1px solid #000000;
	border-spacing: 0;
	border-collapse: collapse;
	background: white;
	text-align: left;
	margin: 0 0 20px 0;

	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	font-weight: normal;
}

.gridTable td {
	background: white;
	border: none;
	border-bottom: 1px solid #000000;
	padding: 1px 5px 1px 5px;
	vertical-align: text-top;
}

.gridTable tr:nth-child(even) td {
	background: #E6E6E6;
	border-right: none;
	border-left: none;
}

.gridTable tr:nth-child(even) td:first-of-type {
	border-left: 1px solid #000000;
}

.gridTable tr:nth-child(even) td:last-of-type {
	border-right: 1px solid #000000;	
}

.gridTable th{
	padding: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;	
	background-color: #000000;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	font-weight:bold;
}

.label { /*** included in case we later wish to customize for table-specific labels ***/
}

.lableSubtext{ /*** included in case we later wish to customize for table-specific labels ***/	
}

.gridTable .textField {
	border-width: 1px;
	border-style: solid;
	border-color: #939598;
	margin: 0 0 0 5px;
}

.gridTable .passwordField {
	border-width: 1px;
	border-style: solid;
	border-color: #939598;		
}

.gridTable .checkboxField {
	border: none;	
}

.gridTable .radioField {
	border: none;	
}

.gridTable .submitButton{
	border: none;	
}

/*** end of GRID TABLE ***/

/*** DEFAULT AND MISC. TAGS ***/

img {
	border: 0; 
	background: none;
	}

h1 {
	color: #4E4E4E;
	font-size: 24px;
	margin-bottom: 20px;
	line-height: 26px;
	}
	
	
h2 {
	color: #4E4E4E;
	font-size: 18px;
	margin-bottom: 20px;
	line-height: 20px;
	}	

h3 {
	color: #4E4E4E;
	font-size: 14px;
	margin: 40px 0 10px 0;
	line-height: 16px;
	}	

h4 {
	color: #4E4E4E;
	font-size: 12px;
	margin: 10px 0 10px 0;
	line-height: 16px;
	}
	
	
/* Chris added */
.cAnswer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
        font-weight: bold;
	color: red;
	background-color: #FFFFFF;
}

.cAnswerbig {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
        font-weight: bold;
	color: red;
	background-color: #FFFFFF;
}
.cAnswerH {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
        font-weight: bold;
	text-align: left;
	color: red;
	background-color: #FFFFFF;
        display: none;
}

.Head1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	color: #0B512F;
	text-align: center;
}
.Head2 {
	color: #4E4E4E;
	font-size: 18px;
	margin-bottom: 20px;
	line-height: 20px;
	
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
    text-align: left;
}
.plain {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 12px;
	font-weight: bold;
	font-variant: normal;
	text-align: left;
}
table.plain th {
	background-color: #EDF2E2;
}
.Head2a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
        text-align:left;
	line-height: 12px;
	font-weight: bold;
	color: #005294;        
}

.Head2aSecond {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
   text-align:left;
	line-height: 14px;
	font-weight: bold;
	color: #6C11AE;      
	
}

.Head2aCommon {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
        text-align:left;
	line-height: 14px;
	font-weight: bold;
	color: #39AE11;      
	
}

.Head2aG {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
        text-align:left;
	line-height: 12px;
	font-weight: bold;
	color: #00E600;        
}
.Head2b {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
        text-align:left;
	line-height: 18px;
	font-weight: bold;
	color: #FF0000;        
}
.Head3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 12px;
	font-weight: bold;
	font-variant: normal;
	color: #Black;
}
.Head12 {
	color: #4E4E4E;
	font-size: 24px;
	margin-bottom: 20px;
	line-height: 26px;
	text-align: top;
}
.Head12a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	color: #005294;
	text-align: top;
}

table.s1 {
	width: 100%;
	padding: 5px;
    empty-cells:hide;
	border-width: 1px;
	border-spacing: 0;
	border-style: solid;
	border-color: #666666;
	border-collapse: collapse;
	background-color: white;
	text-align: left;
	margin: 0 0 20px 0;
}

table.s1 th {
	background-color: #EDF2E2;
}

table.s1 td {
	padding: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #666666;	
	background-color: white;
}

table.s1 td.s1a {
	padding: 0px;
	border-width: 0px;
	background-color: white;
}
.client1 {
        display: none;
        color: red;
}

.txb {
        color: #000000; 
        background-color: #000000; 
        border: #000000 2px solid;
}


.textinput {
width: 20px;
}

.Add {
        display: none;
        text-align: left;
}




.altColorsTable{
width: 100%; 
border: 0;
padding: 0;
border-spacing: 0;
}

.tablerow2 {
 font-family:  Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #333333;
 background-color: #DFEACB;
 border-bottom: 1px solid #8FBE46;
 text-align: left;
 padding: 5px;
}

tablerowAltnl {
 font-family:  Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: #333333;
 background-color: #FFFFFF;
 border-bottom: 1px solid #8FBE46;
 text-align: left;
 padding: 5px;
}

.tablexrownl {
 font-family:  Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: #333333;
 background-color: none;
 text-align: left;
 margin: 0;
 padding: 0;
 border-spacing: 0; 
}