﻿*
{
	padding:0px;
	margin:0px;
}


.pbJtac
{
	margin:10px auto 10px;
	width:125px;
}

.ie6
{
	display:none;
	visibility:hidden;
}

input
{
	padding:3px;
}

p
{
	margin-bottom:20px;
	margin-top:20px;
}

ul
{
	margin-left:15px;
}

body
{	
	background-color:#efefef;
}

#disclaimer
{
	position:absolute;
	top:-1px;
	background-color:White;
	margin-left:-26px;
	margin-right:-1px;	
	padding:15px;	
	border:1px solid LightGrey;
	min-height:1000px;
}

/* General Formatting of the page */

.startBox
{
	border:2px solid #75c0db;
	background-color:#eff7f8;
	padding:5px;
	margin-bottom:30px;
	margin-top:10px;
}

.startTitle
{
	color:#408abe;
	font-size:28px;
	padding-left:5px;
}

.startList
{
	margin-left:5px;
}

.startList li
{
	padding:10px;
	padding-left:35px;
	padding-bottom:15px;
	list-style: none;
	background: url('../images/check.png') left 8px no-repeat;
	border-bottom:1px solid #DBEEEF;
}

.hidden
{
	display:none;
}

.infoheader
{
	font-size:16px;
	font-weight:bold;
	padding-top:20px;
}

.infoPanelPadding
{
	padding-left:10px;
	padding-right:10px;
}

.visibleBlock
{
	padding:0 20px 20px;	
	display:block;
	margin-bottom:30px;
	border: 2px solid #75C0DB;
	background-color: #EFF7F8;
}

.visibleBlock ul
{
	margin-top:10px;
}

.visibleBlock li
{
	padding-top:10px;
	line-height:1.3em;
}

a:link
{
	color:#2D89AC;
	text-decoration:none;
}

a:visited
{
	color:#2D89AC;
	text-decoration:none;
}

a:active
{
	color:#57B108;
}

a:hover
{
	color:#154151;
	text-decoration:underline;
}

.visible
{
	display:inline-block;
}

.tranInput
{
	margin-top:5px;
	padding:10px;
}

.pdfImg
{
	padding:5px;
	vertical-align:middle;
}

.save
{
	position:absolute;
	right:25px;
	top:25px;	
}

.save img
{
	border:none;
}

.bold
{
	font-weight:bold;	
}

.italic
{
	font-style:italic;
}

div.bold
{
	padding-bottom:5px;	
}

.container
{
	width:675px;
	border:1px solid LightGrey;
	margin:auto;
	padding:25px;
	padding-bottom:0px;
	margin-top:15px;
	position:relative;
	background-color:White;
}

.step
{
	margin-top:20px;
}

.footer
{
	background-color:Gray;
	height:150px;
	color:White;
	padding-top:25px;
	padding-left:25px;
	margin-top:25px;
	margin-left:-25px;
	margin-right:-25px;
}

/*  Report link Styles  */

.report
{	
	line-height:30px;
	margin-left:10px;
}

/*  Gridview Styles  */
.black th
{
	color:Black;
	border-bottom:1px solid #ccc;
}

.table a
{
	text-decoration:none;
}

.table
{
	width:100%;
	border-spacing:0;
	text-align:left;
}

.table th, .table td
{
	padding:4px;	
}


/*  Error Panel  */

.errorTitle
{
	font-weight:bold;
	font-size:1em;
}

div.errorPanel
{
	border:2px solid #8A1F11;
	padding:10px;
	padding-left:50px;
	color:#8A1F11 !important;
	font-weight:bold;
	padding-top:15px;
	position:relative;
	background: #FBE3E4 url(../images/error.png) no-repeat 10px 5px;
	margin-top:10px;
}

.errorPanel ul
{
	font-weight:normal;
}

.errorPanelClose
{
	position:absolute;
	right:5px;
	top:5px;	
}

.errorPanelClose:hover
{
	cursor:pointer;
}

/*  Message Panel  */

.errorTitle
{
	font-weight:bold;
	font-size:1em;
}

div.messagePanel
{
	border:2px solid #66CC33;
	padding:15px;
	padding-left:50px;
	color:Black !important;
	font-weight:bold;
	padding-top:15px;
	position:relative;
	background: #E2F1DC url(../images/allow.png) no-repeat 10px 5px;
	margin-top:10px;
}

.messagePanel ul
{
	font-weight:normal;
}

.errorPanelClose
{
	position:absolute;
	right:5px;
	top:5px;	
}

.errorPanelClose:hover
{
	cursor:pointer;
}

/*  Note Panel  */

div.notePanel
{
	border:1px solid #f6cd00;
	padding:15px;
	padding-left:50px;
	border-bottom:0px;
	color:#d27f00 !important;
	background: #fbff85 url(../images/warning.png) no-repeat 10px 5px;
	font-weight:bold;
}

div.summaryPanel
{
	border:1px solid #f6cd00;
	margin-top:10px;
}
/*  Child Note Panel  */
div.child
{
	border-bottom:1px solid #f6cd00;
	border-top:0px;
	width:610px;
}

/*  Question specific styles */

.questionnaire
{
	border:1px solid LightGrey;
}
/*
.questionnaire div, .questionnaire span
{
	color:	#666666;
}
*/

.questionnaire input
{
	color:Black;
}

.questionTitle
{
	background-color:#eee;
	padding:10px;
	font-size:15px;
	font-weight:bold;
}

.questionText
{
	font-size:14px;
	color:Black;
	font-weight:bold;	
	margin-bottom:5px;
}

.childInfoPanel .parentTitle
{
	background-color:Transparent;
}

.answer
{
	float:left;
	width:48%;
	padding-bottom:10px;
}

.parentTitle
{
	background-color:#eee;
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:10px;
	width:90%;
}

.parentAnswer
{
	padding-left:10px;
	color:Black;	
}

p.parentAnswer
{
	padding-right:10px;
}

div.parentAnswer
{
	padding-bottom:10px;	
}

.answerInput
{
	width:150px;
	color:Black;
}

.weekly
{
	color:Red;
	font-style:italic;
	padding:0px;
}

.questionnaire div span.obligation
{
	color:Green;
	font-size:22px;	
}

.questionnaire div span.obligationText
{
	color:Black;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}

/*  Summary Panel Styles  */

.summary
{
	line-height:30px;
	border-top:1px solid #999;
	padding-top:10px;
	padding-bottom:10px;
}

.summaryTop
{
	border-bottom:1px solid #999;
	padding-bottom:10px;	
}

/*  Child Info Styles (Step 1)  */

.childTitle span
{
	color:#66cc33;
	font-size:14px;
	font-weight:bold;	
	margin-bottom:5px;
}

.childTitle
{	
	padding:10px;
}

.childInfoPanel
{
	background-color:#e2f1dc;
	margin:10px;
	width:648px;
	margin-bottom:0px;
	margin-top:0px;
	padding-bottom:10px;
	padding-left:5px;
	margin-bottom:10px;
}

.childCostsPanel
{
	line-height:22px;
	color:Black;	
	vertical-align:middle;
	padding-bottom:5px;	
}

.childInput
{
	width:90px;
	float:right;	
}

#pnlCostsQuestion .answer
{
	width:32%;
}

#gvChildren tr
{
	line-height:40px;
	border-bottom:1px solid #e0e0e0;
}

#gvChildren tr.black
{
	line-height:18px;
}

/*  HIQ Styles (Step 4)  */
.hipwPanel
{
	background-color:#fbff85;
	margin:10px;
	width:648px;
	margin-bottom:0px;
	margin-top:0px;
	padding-bottom:10px;
	padding-left:5px;
	margin-bottom:10px;	
}

.hipwPanel *
{
	color:#d27f00;
}

/*  Name Styles (Step 5)  */



.fName
{
	float:left;
	width:135px;
}

.childInfoPanel .fName
{	
	width:205px;	
}

.fName input
{
	width:120px;
}

.mName
{
	float:left;
	width:35px;	
}

.mName input
{
	width:25px;	
}

/*  Button Styles  */

.adjustments
{
	background-color:#EEEEEE;
	padding:10px;
}

a.buttonslide
{
	/* Sliding right image */
    background: transparent url('../images/sprite-right.png') no-repeat scroll;
    background-position:right -35px;
	float: left;
	height: 31px;
	margin-right: 6px;
	padding-right: 6px;
	font-weight:bold;
	color:Black;
	text-decoration:none;
	cursor:pointer;
}

.bkgrnd
{
	/* Background left image */ 
	background: transparent url('../images/sprite-left.png') no-repeat scroll;
	background-position:left -35px;
	line-height: 17px;
	padding: 6px 14px 5px 18px;
	height:21px;
	display:block;
}

a:hover
{
	background-position:right -67px;
}

a span:hover
{
	background-position:left -67px;
}

a.disabled
{
	background-position:right -3px;
	color:#999;
	cursor:default;
}

a.disabled span
{
	background-position:left -3px;
}

/*  Button Panel  */

.pnlButton
{
	padding-top:10px;
}

a.next
{
	/* Sliding right image */
    background: transparent url('../images/next-right.png') no-repeat scroll;
    background-position:right -48px;
	float: left;
	height: 47px;
	margin-right: 6px;
	padding-right: 54px;
	font-weight:bold;
	color:White;
	text-decoration:none;
	cursor:pointer;
}

a.next .bkgrnd
{
	/* Background left image */ 
	background: transparent url('../images/next-left.png') no-repeat scroll;
	background-position:left -48px;
	line-height: 36px;
	padding: 6px 10px 5px 18px;
	height:36px;
	display:block;
}

a.next:hover
{
	background-position:right -96px;
}

a.next:hover span
{
	background-position:left -96px;
}

a.disabledNext
{
	background-position:right top !important;
	color:#999;
	cursor:default;
}

a.disabledNext span.bkgrnd
{
	background-position:left top !important;
}

a.back
{
	/* Sliding right image */
    background: transparent url('../images/back-left.png') no-repeat scroll;
    background-position:left -48px;
	float: left;
	height: 47px;
	margin-right: 6px;
	padding-right:10px;
	font-weight:bold;
	color:White;
	text-decoration:none;
	cursor:pointer;
}

a.back .bkgrnd
{
	/* Background left image */ 
	background: transparent url('../images/back-right.png') no-repeat scroll;
	background-position:right -48px;
	line-height: 36px;
	padding: 6px 15px 5px 0px;
	margin-left:54px;
	height:36px;
	display:block;
}

a.back:hover
{
	background-position:left -96px;
}

a.back:hover span.bkgrnd
{
	background-position:right -96px;
}

a.disabledBack, a.disabledBack:hover
{
	background-position:left top !important;
	color:#999;
	cursor:default;
}

a.disabledBack span.bkgrnd, a.disabledBack:hover span.bkgrnd
{
	background-position:right top !important;
}

a.button
{
	/* Sliding right image */
    background: transparent url('../images/buttons-right.png') no-repeat scroll;
    background-position:right -49px;
	float: left;
	height: 47px;
	margin-right: 6px;
	padding-right:8px;
	font-weight:bold;
	color:White;
	text-decoration:none;
	cursor:pointer;
}

a.button .bkgrnd
{
	/* Background left image */ 
	background: transparent url('../images/buttons-left.png') no-repeat scroll;
	background-position:left -49px;
	line-height: 36px;
	padding: 6px 6px 5px 15px;
	height:36px;
	display:block;
	color:White;
}

a.button span.bkgrnd span
{
	color:White;
}

a.button:hover
{
	background-position:right -96px;
}

a.button:hover span.bkgrnd
{
	background-position:left -96px;
}

a.adjBack
{
	/* Sliding right image */
    background: transparent url('../images/adj-buttons.png') no-repeat scroll;
    background-position:left -56px;
	height: 27px;
	margin-right: 6px;	
	padding-left:27px;
	font-weight:bold;
	color:#454545;
	cursor:pointer;
}

a.adjBack span.bkgrnd
{
	background:transparent;
	padding:5px;
}

a.adjBack:hover
{
	background-position:left -84px;
}

a.adjNext
{
	/* Sliding right image */
    background: transparent url('../images/adj-buttons.png') no-repeat scroll;
    background-position:right -1px;
	height: 27px;	
	margin-right: 6px;
	padding-right:27px;
	font-weight:bold;
	color:#454545;
	cursor:pointer;
}

a.adjNext span.bkgrnd
{
	background:transparent;
	padding:5px;
}

a.adjNext:hover
{
	background-position:right -28px;
}

a.back:hover
{
	background-position:left -96px;
}

a.back:hover span.bkgrnd
{
	background-position:right -96px;
}

a.disabledButton
{
	color:#999;
	cursor:inherit;
	background-position:right -1px !important;
}

a.disabledButton span.bkgrnd
{
	background-position:left -1px !important;
}


a.green:hover
{	
	background-position:right -191px;
}

a.green:hover span.bkgrnd
{
	background-position:left -191px;
}

a.red:hover
{
	background-position:right -143px;
}

a.red:hover span.bkgrnd
{
	background-position:left -143px;
}


a.right
{
	float:right;	
}

a.footerButton
{
	background:none;	
	margin-right: 6px;	
	font-weight:bold;
	color:#fff;
	cursor:pointer;
}

a.footerButton span.bkgrnd
{
	background:transparent;
	padding:5px;
	line-height:24px;
}

a.footerButton span.bkgrnd > span:first-child
{
	padding-right:30px !important;
}

/*  Progress Panel  */

#pnlProgress
{
	border:1px solid #ccc;
	color:#999;
	width:673px;
}

.progress
{
	background:transparent url(../images/off-off.jpg) no-repeat scroll right -1px;
	float:left;
	padding:5px 10px 5px 10px;
	text-align:center;
	font-size:10px;
	background-color:White;
	width:17%;
}

.current, .past
{
	color:White;
}

.current
{
	background:#ccc url(../images/on-off.jpg) no-repeat scroll right -1px;
}

.past
{
	background:#ccc url(../images/on-on.jpg) no-repeat scroll right -1px;
}

.last
{
	background:White;
}

.progressText
{
	
}

.lastCurrent
{
	background:#ccc;
	color:White;
}

.summaryHead
{
	float:left;
	width:250px;
	height:30px;
	padding-top:5px;
}

/*  Help Page  */
.linkbox a
{
	display:block;
	padding:20px;
	padding-top:10px;
	padding-bottom:15px;
	font-size:16px;
	line-height:20px;
}

/*  Clearfix (for floating elements) */

.clearfix:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

div.clearfix
{
	width:100%;
}

.right
{
	float:right;
}

.left
{
	float:left;
}

/*  Style to Overwrite Clearfix */
div.question
{
	padding:10px;
	width:635px;
}


div.pnlObligation
{
	width:47%;
}