﻿/*
	Styles for the Master Page 
*/

html,body 
{
	height: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: none
}

/*	Used to make tables fill the page. border-stye: collapse is used 
	to eliminated the need for cellspacing=0 in tag */
table.full-height 
{
	height: 100%;
	border-collapse: collapse;
	border-style: none;
	
}

img 
{
    border: 0;
}

.container
{
	height: 100%;
}

.page
{
	height: 100%;
	padding: 15 0 0 0;
	
}

.bg
{
    background-color: #395AA7;
}

.header
{
	padding: 4 4 0 4;
}

.header-spacer
{
	height: 10px;
	padding: 4 4 0 4;
}

.content
{
	height: 100%;
	padding: 0 0 0 0;
	vertical-align: top;
}

.content-narrow
{
	width: 650px;
	border-collapse: collapse;
}

.footer
{
	padding: 0 0 0 0;
	
}

.siteColor
{
	background-color: #A9BB97;
}


.layout /* Tables used strictly for Layout. Eliminates need to use cellpadding, cellspacing, border */
{
	border-collapse: collapse;
	border-style: none;
	border-width: 0;
	padding: 0 0 0 0;
}

.fullWidthLayout /* Tables used strictly for Layout. Eliminates need to use cellpadding, cellspacing, border */
{
	border-collapse: collapse;
	border-style: none;
	border-width: 0;
	padding: 0 0 0 0;
	width:100%;
}

.group
{
	border-collapse:collapse; 
	border: solid 1px #666666; 
	background-color:#EDEFF0;
}

.orange-Box, .registered
{
	border: solid 1px #FD8C02; 
	background-color:#FFF3E5;
	padding: 4 4 4 4;
}

.simpleOrange-Box
{
	border: solid 1px #FD8C02; 
	padding: 4 4 4 4;
	background-image:url('../../images/orangeFade.gif');
	background-repeat:repeat-x;
}


.registered
{
	background-image:url('../../images/orangeFade.gif');
	background-repeat:repeat-x;
}

.underline
{
	border: solid 1px #FD8C02;
	border-left : 0px;
	border-right : 0px;
	border-top : 0px;
	padding-right : 10
	
}
/*
	Default text formatting. Since all layout occurs in a Table, setting in the Body
	does not do anything for formatting text..
*/

table, input, textarea, select, checkbox
{
	color: #666666;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8.5pt;	
}

input.btn /* button */
{ 
	color: #666666;
	background-color: #F1F1EC;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-style :solid;
    border-bottom-color : #3D71A3;
	border-bottom-width : 2px;
	border-right-color : #3D71A3;
	border-right-width : 2px;
	border-left-color : #ACCBE6;
	border-left-width : 2px;
	border-top-color : #ACCBE6;
	border-top-width : 2px;
	text-transform: capitalize;
	padding : 2px;
}

.header-section
{
	font-size: larger;
	font-weight: bold;
}

.header-bold,.header-bold_orange
{
	font-size: 9pt;
	font-weight: bold;
}
.header-bold_orange
{
	color:#FD8C02;
	font-weight: bold; 
}

.text_orange 
{
	color:#FD8C02;
}

.graybold
{
	font-weight: bold;
}

/*
	HyperLinks style for Site 
*/

A
{ 
	color: #1F69BE;
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none; 
}

A:hover 
{  
	text-decoration: underline 
}


/*
	Styles for the SiteFooter
*/

.footer-links
{
	height: 25px;
	vertical-align: middle;
	text-align: center;
	background-color: #EDEDE9;
	
}

a.footer-link
{
	color: #999999;
	font-weight: bold;
}

.footer-copyright
{
	height: 25px;
	vertical-align: middle;
	text-align: center;
}


/*
	Style for Validation controls 
*/

.validation-summary
{
	color: red;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: smaller;
	background-color: #D3D3D3;
	border-color: #E0E0E0;
	border: dotted 1px #A9A9A9;
	padding: 5px;
	text-align: left;
}


/*
	Text for "* Indicates required field" statements
*/
.requiredfield-note
{
	font-style: italic;
}

.requiredfield-asterik
{
	color: Red;
}


/*	
	Style for the Instruction box that appears on many pages below the Header. The box
	has a dark blue line above the green background where the instructional text
	is placed 
*/

TABLE.instructionbox
{
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #EDEFF0;
	border-collapse: collapse;
	background-color: #CDE9F9;
	border-collapse:collapse;
	border-bottom : solid 1px #77ABC7;
	border-left : solid 1px #77ABC7;
	border-right : solid 1px #77ABC7;
	border-top : solid 1px #77ABC7;
}

TD.instructionbox
{
	padding: 5 10 10 10;
}

.instructionbox-divider
{
	background-color: #7FA4B5;
	height: 13px;
	
}

/*   Instruction box styles for II for RMS */

TABLE.instructionboxForII
{
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #CDE9F9;
	border-collapse:collapse;
	border-bottom : solid 1px #77ABC7;
	border-left : solid 1px #77ABC7;
	border-right : solid 1px #77ABC7;
	border-top : solid 1px #77ABC7;
}

.instructionbox-dividerForII
{
	background-image:url('../../images/IIheadbkgd.gif');
	background-repeat:repeat-x;
	width:100%;
	overflow:hidden;
	border-style:solid;
	border-width:1px;
	border-color:#77ABC7;
	border-bottom-style:none;
	border-top-style:none;
	height:8px;
}


.instructionbox-header-bold
{
	font-size: larger;
	font-weight: bold;
}

.instructionbox-header-normal
{
	font-size: larger;
}

.instructionbox-italics
{
	font-style: italic;
}

/* Instruction box styles for RMS-Page Register */


TABLE.instructionboxReg
{
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #EDEFF0;
	border-collapse: collapse;
	
	background-color: #DBF2FB;
	border-collapse:collapse;
	border-bottom : solid 1px #F58538;
	border-left : solid 1px #F58538;
	border-right : solid 1px #F58538;
	border-top : solid 1px #F58538;
}

TD.instructionboxReg
{
	padding: 5 10 10 10;
}

.instructionbox-dividerReg
{
	background-color: #7FA4B5;
	height: 30px;
	
}


/*
	AppVault.Rms.UI.WebControls InfoPanel Styling.
*/

.infoPanel
{
	border: dotted 1px #A9A9A9;
	padding: 5px;
	background-color: #D3D3D3;
}

.TextTitleRed 
{
    font-size:12px;font-weight:bold;color: #FF6600
}
.TextTitleSubRed 
{
    font-size:11px;font-weight:bold;color: #FF6600
}



/*
	Error message style.
*/

.error-message
{
	color: Red;
	font-size: 7pt;
	background-color:White;
	padding:5px;
}

.grid3d
{
	background-image:url('../../images/summaryShad.gif');
	background-repeat:repeat-x;
	width:100%;
	overflow:hidden;
	border-style:solid;
	border-width:1px;
	border-color:#A3A1A1;
	border-bottom-style:none;
	border-top-style:none;
	height:8px;
}

.gridViewStyle
{
	 border-style:solid;
	 border-width:1px;
	 border-color:#A3A1A1;
	 border-top-style:none;
}

.headerStyle,.headerStyleLeft, .pubHeaderStyle
{
	color: #676767; 
	background-color: #dcdcdc;
	font-weight:bold;
	background-position:top;
	height:25pt;
}

.headerStyleLeft 
{
	text-align : left;
}

.pubHeaderStyle
{
	background-color: #F2F5FC;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	
}

.pubItemStyle
{
	background-color: #FCFDFE;
	text-align: center;
	vertical-align: middle;
}

.pubAlternatingItemStyle
{
	background-color: #F2F5FC;
	text-align: center;
	vertical-align: middle;
}

.verticleHeaderStyle, .verticleHeaderStyleIndented
{
	background-color: #E9E9E9;
	font-weight:bold;
	text-align :left;
}
.verticleHeaderStyleIndented
{
	text-indent: 25px;
}

.itemStyle, .alternatingItemStyle,.itemStyleLeft, .alternatingItemStyleLeft
{
	color: #000000;
	background-color: #ffffff;
	text-align : center;
	vertical-align:middle;
}
.alternatingItemStyle,  .alternatingItemStyleLeft
{
	background-color: #E9E9E9;
}
.itemStyleLeft, .alternatingItemStyleLeft
{
	text-align : left;
}
.footerStyle
{
	color: #000000;
	background-color: #CCCCCC;
}
.addHeaderStyle
{
	color: #ffffff; 
	background-image: url('./images/PubHomePage/topLeadBack.gif');
	background-repeat: no-repeat;
	background-color: #051dc2;
	font-weight:bold;
	height:15pt;
	text-indent: 5px;
}
.pagerStyle
{
	color: #000000;
	background-color: #dcdcdc;
	white-space:nowrap;
}

/*
  General table formatting
*/
.tableInt
{
	background-color: #dcdcdc;
	color: #000000;
}


/*
  Style for Real-time results box
*/
TD.GreenHeader 
{
	font-weight:bold;
	color:White;
	background-color: #899F65;
}
TD.GreenHeaderBorder
{
	font-weight:bold;
	color:White;
	background-color: #899F65;
	border-left: 1px #666666 solid;
	border-right: 1px #666666 solid;
	border-bottom: 1px #666666 solid;
	border-top: 1px #666666 solid;
}
TD.GraySub 
{
	background-color: #dddddd;
	border-left: 1px #666666 solid;
	border-right: 1px #666666 solid;
	border-bottom: 1px #666666 solid;
	border-top: 1px #666666 solid;
	color:Black;
}

/* 
	Styles for the questionnaire
*/

.QuesSubHeader
{
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	font-weight: bold;
	color: #666666;
}

/*
	For Registration 
*/


TD.HeadingInformation 
{
	background-color: #01046D;
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	color:#ffffff
}

TD.InternalInformation
{
	background-color: #DAE4CC;
	color: #666666;
}

/*
   General Table Formatting
*/
TD.BorderTableCell {
	BACKGROUND-COLOR: #ffffff;
	border-left: 1px #666666 solid;
	border-right: 1px #666666 solid;
	border-bottom: 1px #666666 solid;
	border-top: 1px #666666 solid;
}

.heightSpacer
{
	height: 10px;
}

/*
	Styles for the Grid Controller
*/
TABLE.gridController
{
	border-collapse: collapse;
	border-style: none;
	background-color: #D3D3D3;
	color: #676767;
	
}
/*
	Style for the Response Detail page
*/
.QuesAnswers {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height:20px;
	COLOR: #666666;
}
.Answers
{
	background-color:#E1E1E1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 20px;
	color: #666666;
	
}

TD.SubHeading
{
	background-color: #4791C5;
	color: #EDEFF0;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 9pt;
	font-weight:bold;
	padding: 0 0 0 0;
	border-left: 1px #7FA4B5 solid;
	border-right: 1px #7FA4B5 solid;
	border-bottom: 1px #7FA4B5 solid;
	border-top: 1px #7FA4B5 solid;
}
Table.SubHeading-Light
{
	border-style: none;
	background-color: #CDE9F9;
}

TD.SubHeading-Light
{
	background-color: #CDE9F9;
	color: #666666;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	border-left: 1px #EDEFF0 solid;
	border-right: 1px #EDEFF0 solid;
	border-bottom: 1px #7FA4B5 solid;
	border-top: 1px #EDEFF0 solid;
}

.Attachments
{
	border-collapse: collapse;
	border-style: none;
	border-width: 0;
	padding: 0 0 0 0;
	width:100%;
	border : solid 1 #E1E1E1;

}

/* Used for Add notes and reminder and forward response */
TD.DetailToolLeft,TD.DetailToolRight
{
	background-repeat:no-repeat;
	height:22px;
	padding-right:10px;
	padding-left:10px;
	vertical-align:middle;
	background-color:#CDE9F9
}

TD.DetailToolLeft
{
	background-image: url('./images/toolBar/detailToolL.gif');
	border-right: 1px #2E4E99 solid;
	background-position:left center;
}

TD.DetailToolRight
{
	background-image: url('./images/toolBar/detailToolR.gif');
	background-position:right center;
}

TD.QuestionToolLeft
{
	background-image: url('./images/toolBar/detailToolL.gif');
	background-repeat:no-repeat;
	border-right: 1px #7FA4B5 solid;
	height:22px;
	padding-right:10px;
	padding-left:30px;
	vertical-align:middle;
	background-position:left top;
}

TD.QuestionToolRight
{
	background-image: url('./images/toolBar/detailToolR.gif');
	background-repeat:no-repeat;
	height:22px;
	padding-right:10px;
	padding-left:10px;
	vertical-align:middle;
	background-position:right top;
}

TD.QuestionToolMiddle
{
	height:22px;
	border-right: 1px #7FA4B5 solid;
	background-image: url('./images/toolBar/tools_bkgd.gif' );
	background-repeat: repeat-x;
	font-weight: normal;
	padding-left: 10px;
	padding-right: 10px;
	background-position:center top;
}


/*
  Style for the panels in admin
*/
.panelHeaderStyle
{
	background-color: #dcdcdc;
	font-weight: bold; 
	color: #676767; 
}

.subPanelHeaderStyle
{
	background-color: #FFEEEE;
	font-weight: bold; 
	color: #676767; 
}

.panelStyle 
{
	color: #676767; 
	background-color: #E9E9E9;
}

/*
  Style for Real-time results box
*/
TD.GreenHeader 
{
	font-weight:bold;
	color:White;
	background-color: #F58538;
}
TD.RtHeaderBorder
{
	font-weight:bold;
	color:White;
	background-color: #F58538;
	border-left: 1px #666666 solid;
	border-right: 1px #666666 solid;
	border-bottom: 1px #666666 solid;
	border-top: 1px #666666 solid;
}
TD.GraySub 
{
	background-color: #dddddd;
	border-left: 1px #666666 solid;
	border-right: 1px #666666 solid;
	border-bottom: 1px #666666 solid;
	border-top: 1px #666666 solid;
	color:Black;
}
/*
	Style for the results summary for a GridView
*/
.resultStyle
{
	width:100%;
	border-collapse: collapse;
	border-style: none;
	border-width: 0;
	padding: 0 0 0 0;
}

.loginHeaderStyle 
{
	font-family: Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
	font-size: 13px; 
	font-weight: bold; 
}

.SubHeader
{
	background-color: #4791C5;
	color: #EDEFF0;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 9pt;
	padding: 4 4 4 4;
}

.WhiteTextBold
{
    color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 9pt;
	font-weight: bold;
}

.OrangeHeader
{
	background-color: #FD8C02;
	color: #EDEFF0;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
}


.WhiteOverOrange
{
    background-color: #FD8C02;
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 9pt;
	font-weight: bold;
}
.linkButtonClick
{
	color :Gray;
	cursor: default;
	  
}
/*Styles for highLightMe
*/


.gridViewhighLightMeStyle
{
	
	background-repeat:repeat-x;
	 border-style:solid;
	 border-width:1px;
	 border-color:#A3A1A1;
	 border-top-style:none;
	
}
.headerhighLightMeStyle
{
	color: #676767; 
	font-weight:bold;
	background-position:middle;
	height:20pt;
	background-color: #FFF9ED;
	
}

.itemhighLightMeStyle, .alternatinghighLightMeStyle
{
	
	background-color: #FFF9ED;
	text-align : Center;
	vertical-align:middle;
}

.lableHightLighMe
{
    font-size:12px;font-weight:bold;color: #FF9E0D
}




TABLE.instructionboxHM
{
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #EDEFF0;
	border-collapse: collapse;
	background-color: #FFFFFF;
	border-collapse:collapse;
	border-bottom : solid 1px #FB8130;
	border-left : solid 1px #FB8130;
	border-right : solid 1px #FB8130;
	border-top : solid 1px #FB8130;
}


.instructionbox-dividerHM
{
	
	background-repeat:repeat-x;
	width:100%;
	overflow:hidden;
	border-style:solid;
	border-width:1px;
	border-color:#FB8130;
	border-bottom-style:none;
	border-top-style:none;
	height:12px;
}


.fullWidthLayoutHM /* Tables used strictly for Layout. Eliminates need to use cellpadding, cellspacing, border */
{
	background-image:url('../../images/hmboxbottom.gif');	
	background-color: #DCDCDC;
	border-left : solid 1px #A3A1A1;
	border-right : solid 1px #A3A1A1;
	border-top : 0;
	border-bottom : 0;
	border-collapse: collapse;
	padding: 5 5 5 5;
	width:100%;
	
}


.TDGumTreeLoginRight
{
	background: #FFFFDD url(    './images/background/shadBlueR.gif' ) repeat-y right;
	
}


.TDGumTreeLoginLeft
{
	background: #FFFFDD url(    './images/background/shadBlueL.gif' ) repeat-y right;
	
}


.shadowRight
{
	background: #FFFFDD url(    './images/background/shadow_right.jpg' ) repeat-y right;
	
}

.shadowLeft
{
	background: #FFFFDD url(    './images/background/shadow_left.jpg' ) repeat-y right;
	
}
