/* 
================================
Skin styles for DotNetNuke
================================
*/

/* Fix page shift in FF & other Gecko browsers */
html 
{ 
	min-height: 100%; 
	margin-bottom: 1px; 
}

.pagemaster 
{
	width: 100%;
	height: 100%;
}

.skinHeader
{
	clear: both;
	width: 860px;
	margin: 0;
	padding: 0;
}

.header
{
	clear: both;
}

.strapLine
{
	clear: both;
	margin: 0 10px 0 0;
    width: 690px;
    background-color: transparent;
    float: left;
    clear: right;
}

.skingradient
{
	height: 25px;
	margin-top: 3px;
	background-color: transparent;
	float: left;
	clear: none;
	width: 700px;
	padding: 0;
}

/* Safari Hack to fix navigation bar */
body:first-of-type .skingradient { margin-top: 9px; } 

.lineBanner
{
	margin: 0;
	padding: 0;
	width: 100%;
	background: transparent url('img_NavBarBackground.gif') repeat-x bottom left;
	height: auto;
	min-height: 138px;
}

.controlPanelContainer
{
	clear: both;
	background-color: transparent;
	width: 860px;
}

.controlpanel 
{
	background-color: #FFFFFF;
}

.skinmaster 
{
	width: 860px;
	margin: 0;
	padding: 0;
}

.contentContainer
{
	clear: both;
	background-color: transparent;
}

.leftpane 
{
	width: 205px;
	background-color: transparent;
	margin-left: 6px;
	margin-right: 4px;
	margin-top: 10px;
	float: left;
	clear: left;
}

.contentpane 
{
	width: 454px;
	background-color: transparent;
	margin-left: 6px;
	margin-right: 4px;
	margin-top: 10px;
	float: left;
	clear: none;
}

html>body .contentpane { width: 460px; }

.contentpaneLarge
{
	width: 626px;
	background-color: transparent;
	margin-left: 6px;
	margin-right: 4px;
	margin-top: 10px;
	float: left;
	clear: right;
}

.contentpaneFullWidth
{
	background-color: transparent;
	margin-left: 6px;
	margin-right: 4px;
	margin-top: 6px;
}

.contentpaneAdmin
{
	width: 100%;
	background-color: transparent;
	margin-left: 6px;
	margin-right: 4px;
	margin-top: 10px;
	float: left;
	clear: none;
}

.rightpane 
{
	width: 159px;
	background-color: transparent;
	margin-left: 6px;
	margin-right: 4px;
	float: left;
	clear: right;
}

html>body .rightpane { width: 164px; }

.bottompane 
{
	background-color: transparent;
	margin-left: 6px;
	margin-right: 4px;
	clear: both;
}

.Head   
{
    font-family: Georgia, Arial, Sans-Serif;
    font-size:  2.2em;
    font-weight: normal;
    color: #33004E;
    text-align: left;
    margin: 0 0 5px 3px;
}

.homeSubSectionHead 
{
    margin: 0;
    padding: 0;
    clear: both;
    background: url(img_HeadingHome_Empty.jpg) no-repeat left bottom;
    height: 113px;
}

.planningSubSectionHead 
{
    margin: 0;
    padding: 0;
    clear: both;
    background: url(img_HeadingPlanning_Empty.jpg) no-repeat left bottom;
    height: 113px;
}

.planningSubSectionHeadLarge 
{
    margin: 0;
    padding: 0;
    clear: both;
    background: url(img_HeadingPlanningLarge_Empty.jpg) no-repeat left bottom;
    height: 113px;
}

.workingSubSectionHead 
{
    margin: 0;
    padding: 0;
    clear: both;
    background: url(img_HeadingWorking_Empty.jpg) no-repeat left bottom;
    height: 113px;
}

.workingSubSectionHeadLarge
{
    margin: 0;
    padding: 0;
    clear: both;
    background: url(img_HeadingWorkingLarge_Empty.jpg) no-repeat left bottom;
    height: 113px;
}

.benefitsSubSectionHead 
{
    margin: 0;
    padding: 0;
    clear: both;
    background: url(img_HeadingBenefits_Empty.jpg) no-repeat left bottom;
    height: 113px;
}

.benefitsSubSectionHeadLarge 
{
    margin: 0;
    padding: 0;
    clear: both;
    background: url(img_HeadingBenefitsLarge_Empty.jpg) no-repeat left bottom;
    height: 113px;
}

.savingsSubSectionHead 
{
    margin: 0;
    padding: 0;
    clear: both;
    background: url(img_HeadingSavings_Empty.jpg) no-repeat left bottom;
    height: 113px;
}

p.boxHead   
{
    font-family: Georgia, Arial, Sans-Serif;
    font-size:  1.7em;
    color: #FFFFFF;
    text-align: left;
    font-weight: normal;
}

p.boxHeadPurple
{
    font-family: Georgia, Arial, Sans-Serif;
    font-size:  1.7em;
    color: #33004E;
    text-align: left;
    font-weight: normal;
}

p.boxHeadPurpleUpdate
{
    font-family: Georgia, Arial, Sans-Serif;
    font-size:  1.7em;
    color: #33004E;
    text-align: left;
    font-weight: normal;
    background: url(img_BirdEmail.jpg) no-repeat right 50%;
}

.boxButtonContainer
{
	margin: 10px 5px 0px 0px;
}

.orangeHighlight  
{
    color: #EE861A;
}

.purpleHighlight  
{
    color: #33004E;
}

.main_dnnmenu_container
{
	float: right;
	margin-right: 3px;
}

.main_dnnmenu_rootitem td, .main_dnnmenu_bar td  
{
	cursor: pointer; 
	color: #FFFFFF;
	font-weight: bold; 
	font-size: 1.3em;
	font-family: Georgia, Arial, Sans-Serif; 
    white-space: nowrap;    
    padding: 0px;
    background: #EE861A url('img_NavBackground.gif') no-repeat top left;
    height: 25px;
    width: 115px;
    text-align: center;
}

.main_dnnmenu_bar a
{
	color: #FFFFFF;
	text-decoration: none;
}

.main_dnnmenu_bar a:link
{
	color: #FFFFFF;
	text-decoration: none;
}

.main_dnnmenu_bar a:hover
{
	color: #33004E !important;
	text-decoration: none;
}

.main_dnnmenu_bar a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

td.main_dnnmenu_itemhover
{  
	text-decoration: underline;
}

.menuItemHeader
{
	cursor: pointer;
}

.main_dnnmenu_icon 
{
	cursor: pointer; 
	text-align: center;
	height: 100%;
	padding-right: 5px;
}

.main_dnnmenu_submenu {
	background-color: #FFFFFF;  
	z-index: 1000; 
	cursor: pointer; 
	color: #33004E;
	font-weight: normal; 
	font-size: 1.1em;
	font-style: normal; 
	padding: 1px;
	text-align: left;
	border: solid 1px #CCCCCC;
}

.breadCrumbContainer
{
	margin-bottom: 5px;
	padding: 0 4px 0 4px;
}

.breadCrumbHighlight
{
	color: #EE861A;
}

.imgFamily
{
	margin: 5px 0 5px 0;
}

.searchInput
{
	margin-left: 4px;
	background-color: #C6AEC7;
}

.searchInput td
{
	padding: 5px 3px 5px 3px;
	background-color: #C6AEC7;
}

.searchInput input
{
	background-color: #FFFFFF;
	color: #33004E;
	border-style: none;
}

.searchResultsGrid
{
	text-align: left;
}

.searchResultsGrid td
{
	border-top: #CCCCCC 1px solid; 
	border-bottom: #CCCCCC 1px solid; 
}

.copyright
{
	font-family: Georgia, Arial, Sans-Serif;
	margin: 0;
	padding: 5px 0 0 5px;
	clear: both;
	height: 40px;
	border-top: solid 2px #33004E;
	text-align:center;
}

.copyrightText
{
	float: left;
}

ul.termsList
{
	list-style-type: none;
	clear: none;
	margin: 0 0 0 5px;
	padding: 0;
	float: left;
}

.termsList li
{
	border-left: solid 1px #33004E;
	display: inline;
	padding: 0 5px 0 5px;
}

.termsList li a
{
	font-family: Georgia !important;
	color: #33004E;
	text-decoration: none;
}

.termsList li a:link
{
	font-family: Georgia !important;
	color: #33004E;
	text-decoration: none;
}

.termsList li a:hover
{
	color: #EE861A !important;
	text-decoration: underline !important;
}

.termsList li a:visited
{
	color: #33004E;
	text-decoration: none;
}

.birdSmall
{
	float: right;
	margin-right: 5px;
}

ul.tickList
{
	list-style-image: url(img_Tick.gif);
}

ul.tickList li
{
	list-style-image: url(img_Tick.gif);
	vertical-align: 3px;
}

.siteMapGroup
{
  padding-left: 16px;
  background: url(img_ArrowSmall.gif) 4px 0.3em no-repeat;
}

/* 
================================
General Skin styles for FI modules
================================
*/

.fiModuleMain
{
	margin: 0 0 0 4px;
	font-family: Arial, Sans-Serif;
	font-size: 1.0em;
	clear: both;
}

.fiModuleMain .title
{
	font-size: 1.6em;
	color: #33004E;
}

.actionMessageContainer
{
	border: solid 1px #33004E;
	padding: 10px;
	margin: 10px 0 10px 0;
	font-weight: bold;
	color: #33004E;
	padding: 20px;
}

.actionMessage
{
	font-weight: bold;
	color: #33004E;
	margin: auto;
}

.buttonContainer
{
	clear: both;
	text-align: left;
	margin-top: 5px;
}

.imgCal
{
	height: 17px;
	width: 18px;
	vertical-align: -1px;
}

/* 
================================
Skin styles for UserRegistration/UserAdministration modules
================================
*/
input.defaultField
{
	width: 158px;
}

.searchResults
{
	border: solid 1px #CCCCCC;
	clear: both;
}

.searchResults th
{
	border-bottom: solid 1px #CCCCCC;
	background-color: #C6AEC7;
}

.pnlResults
{
	margin-top: 5px;
}

.fieldRow
{
	clear: both;
	margin: 0 0 0 4px;
	height: 28px;
}

html>body .fieldRow
{
	min-height: 28px;
	height: auto;
}

td.leftCol
{
	font-weight: bold;
}

div.leftCol
{
	float: left;
	clear: left;
	width: 175px;
	font-weight: bold;
}

div.leftColLarge
{
	float: left;
	clear: left;
	width: 250px;
	font-weight: bold;
}

div.rightCol
{
	width: 215px;
	float: left;
	clear: right;
}

div.rightColLarge
{
	width: 400px;
	float: left;
	clear: right;
}

.regTextBox
{
	width: 170px;
}

div.leftColTip
{
	width:250px;
	float: left;
	clear: left;
	font-weight: bold;

}

div.rightColTip
{
	float: left;
	clear: right;
	font-weight: bold;
	width:215px;
	position:relative;
	margin-top:-4px;

}


.tipTextBox
{
	width: 410px;
	height:170px;
	margin: 10px 0px 10px 0px; 
	
}


.micro
{
	color: #EE861A;
	font-weight: normal;
	font-size: 0.9em;
}

.fullDate
{
	width: 75px;
}

.dateDay
{
	width: 25px;
}

.dateYear
{
	width: 42px;
}

.infoSummary
{
	color: #33004E;
	border: solid 1px #33004E;
	margin: 5px 0 5px 0;
}

.infoSummaryTitle
{
	color: #33004E;
	margin: 5px 0 5px 10px;
}

.infoSummary ul
{
	color: #33004E;
	margin: 0 10px 10px 20px;
	padding: 0;
}

html>body .infoSummary ul
{
	margin-left: 10px;
}

.infoSummary li
{
	color: #33004E;
	margin: 0 0 3px 15px;
}

.errorSummary
{
	color: #CC0000;
	border: solid 1px #CC0000;
	margin: 5px 0 5px 0;
}

.errorSummaryTitle
{
	color: #CC0000;
	margin: 5px 0 5px 10px;
}

.errorSummary ul
{
	color: #CC0000;
	margin: 0 10px 10px 20px;
	padding: 0;
}

html>body .errorSummary ul
{
	margin-left: 10px;
}

.errorSummary li
{
	color: #CC0000;
	margin: 0 0 3px 15px;
}

.errorIcon
{
	color: #CC0000;
	vertical-align: -1px;
}

html>body .errorIcon
{
	vertical-align: -4px;
}

.errorIconAbsolute
{
	color: #CC0000;
	position: absolute;
	top: 3px;
	left: 110px;
}

#dueDateContainer
{
	display: none;
}

#childDoBContainer
{
	display: none;
}

/* 
================================
Skin styles for BudgetCalculator module
================================
*/

.calcQuestionSetContainer
{
	border-bottom: solid 1px #CCCCCC;
	padding: 0 0 5px 0;
	margin: 5px 0 10px 0;
}

.sectionStatus
{
	font-size: 0.9em;
	color: #CC0000;
	float: right;
	font-weight: normal;
	margin-right: 27px;
}

.setContainer
{
	display: none;
	background-color: #FFFFFF;
	margin: 5px 0 5px 0;
}

.setContent
{
	display: none;
	background-color: #FFFFFF;
}

.calcQuestionSet
{
	border: solid 1px #CCCCCC;
	margin: 0;
	background-color: #EEEEEE;
}

.calcQuestionSet th
{
	text-align: left;
	background-color: #EE861A;
	color: #FFFFFF;
}

.calcSubTotals
{
	border: solid 1px #CCCCCC;
	background-color: #EEEEEE;
	width: 95%;
	margin-bottom: 10px;
}

.calcSubTotals th
{
	text-align: left;
	background-color: #33004E;
	color: #FFFFFF;
}

.calcPositiveSubTotal
{
	font-size: 1.3em;
	font-weight: bold;
	color: #336600;
}

.calcNegativeSubTotal
{
	font-size: 1.3em;
	font-weight: bold;
	color: #CC0000;
}

.calcTotals
{
	border: solid 1px #CCCCCC;
	background-color: #EEEEEE;
	width: 95%;
	margin-bottom: 10px;
}

.calcTotals th
{
	text-align: left;
	background-color: #33004E;
	color: #FFFFFF;
}

.calcTotal
{
	font-size: 1.5em;
	font-weight: bold;
	color: #336600;
}

.rowSubTotals
{
	background-color: #C6AEC7;
	font-weight: bold;
	font-size: 1.2em;
}

.calcIncomeTotal
{
	font-weight: bold;
	font-size: 1.2em;
	color: #336600;
}

.calcSpendingTotal
{
	font-weight: bold;
	font-size: 1.2em;
	color: #CC0000;
}

td.colHelp
{
	width: 25px;
}

input.calcTextbox
{
	width: 50px;
	text-align: right;
}

.helpIcon
{
	cursor: pointer;
}

.expandIcon
{
	cursor: pointer;
	margin-right: 10px;
	vertical-align: -1px;
}

.helpPopUp
{
	display: none;
	border: solid 2px #EE861A;
	background-color: #FFFFFF;
	z-index: 9999;
	color: #33004E;
	font-weight: normal;
	width: 200px;
	padding: 5px;
}

/* 
================================
Skin styles for ChildcareCalculator module
================================
*/

.childcareCalc
{
	border: solid 1px #CCCCCC;
	margin: 0;
}

.childcareChildren
{
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	margin: 0;
	width: 100%;
}

.childcareCalc th
{
	text-align: left;
	background-color: #EE861A;
	color: #FFFFFF;
	font-weight: bold;
}

.childcareCalc tr.calcTotals
{
	background-color: #C6AEC7;
	font-weight: bold;
}

input.childsName
{
	width: 80px;
}

input.childsAge
{
	width: 40px;
}

input.floatNumber
{
	width: 40px;
}

/* 
================================
Skin styles for HtmlEmailLink module
================================
*/

.fieldRowBorder
{
	clear: both;
	margin: 0 0 5px 0;
	height: 24px;
	border-bottom: solid 1px #CCCCCC;
	width: 500px;
}

/* 
================================
Skin styles for Main Links / Links module
================================
*/

ul.fiMainLinks
{
	font-family: Georgia, Arial, Sans-Serif;
	list-style: none;
	margin: 0 4px 0 4px;
	padding: 0;
}

li.fiMainLink
{
	font-size: 1.3em;
	list-style: none;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: solid 2px #EE861A;
}

a.mainLink 
{
	color: #33004E;
	text-decoration: none !important;
}

a:hover.mainLink 
{
	color: #EE861A;
	text-decoration: none !important;
}

a:visited.mainLink 
{
	color: #33004E;
	text-decoration: none !important;
}

a.mainLinkHighlight
{
	color: #EE861A !important;
	text-decoration: none !important;
}

a:hover.mainLinkHighlight
{
	color: #EE861A !important;
	text-decoration: none !important;
}

a:visited.mainLinkHighlight
{
	color: #EE861A !important;
	text-decoration: none !important;
}

.sectionTitle
{
	font-family: Georgia, Arial, Sans-Serif;
    font-size:  1.5em;
    font-weight: normal;
    color: #EE861A;
    margin: 0 0 5px 0;
}

ul.fiLinks
{
	font-family: Georgia, Arial, Sans-Serif;
	list-style: none;
	margin: 0 4px 5px 4px;
	padding: 0;
}

li.fiLink
{
	padding: 0;
	font-size: 0.8em;
	list-style: none;
	padding-left: 10px;
	background: url(img_ArrowSmallOrange.gif) 0 0.3em no-repeat;
	margin-left: 0;
}

a.link
{
	color: #33004E;
	text-decoration: none !important;
}

a:hover.link
{
	color: #EE861A !important;
	text-decoration: none !important;
}

a:visited.link
{
	color: #33004E;
	text-decoration: none !important;
}

a.linkHighlight
{
	color: #EE861A !important;
	text-decoration: none !important;
}

a:hover.linkHighlight
{
	color: #EE861A !important;
	text-decoration: none !important;
}

a:visited.linkHighlight
{
	color: #EE861A !important;
	text-decoration: none !important;
}

/* 
================================
Skin styles for YouNow module
================================
*/

.youNowContent
{
	margin: 5px 0 5px 0;
	padding: 5px;
	border: solid 1px #CCCCCC;
	background-color: #EEEEEE;
}

/* 
================================
Skin styles for CommunicatorDispatch module
================================
*/

.dispatchStepContainer
{
	border: solid 1px #CCCCCC;
	margin-top: 10px;
}

.dispatchStepContainer h1
{
	border-bottom: solid 2px #CCCCCC;
	padding: 5px 0 5px 10px;
	background-color: #EEEEEE;
}

.dispatchStep
{
	padding: 10px;
}

/* 
================================
Skin styles for JS Calendar
================================
*/
.rc_calendar {
	border: 1px solid #000000;
}

.rc_iframe_body {
	margin: 0px;
	background: #FFFFFF;
	border: 0px;
	cursor: default;
}

.rc_iframe_body .rc_table {
	font-size: 1.0em;
	font-family: verdana,tahoma,sans-serif,arial;
}

.rc_iframe_body .rc_wd_tr td {
	border-bottom: 1px solid #000000;
	padding: 2px;
	text-align: center;
	color: #000;
	white-space: nowrap;
}
.rc_iframe_body .rc_time_tr td {
	border-top: 1px solid #000000;
	padding: 2px;
	text-align: center;
	color: #000;
	white-space: nowrap;
}

.rc_iframe_body .rc_head_tr td,
.rc_iframe_body .rc_nav_tr td {
	border-bottom: 1px solid #000000;
	padding: 2px;
	text-align: center;
	color: #000;
	white-space: nowrap;
	font-weight: bold;
}

.rc_iframe_body .rc_cal_tr td {
	border: 1px solid #fff;
	padding: 4px 2px 4px 2px;
	text-align: right;
	color: #000;
	white-space: nowrap;
	width: 20px;
}

.rc_iframe_body .rc_footer_tr td {
	border-top: 1px solid #000000;
	padding: 2px;
	text-align: center;
	color: #000;
	white-space: nowrap;
}

.rc_iframe_body .rc_hours {
	width: 20px;
}

.rc_iframe_body .rc_colon_span {
}

.rc_iframe_body .rc_mins {
	width: 20px;
}

.rc_iframe_body .rc_mins {
	width: 20px;
}

.rc_iframe_body td.rc_current {
	color: #fff;
	background: #00f;
	font-weight: bold;
}

.rc_iframe_body td.rc_today {
	font-weight: bold;
}

.rc_iframe_body td.rc_weekend_head {
	color: #f00;
}

.rc_iframe_body td.rc_weekend_day {
	color: #f00;
}

.rc_iframe_body tr.rc_highlight,
.rc_iframe_body tr.rc_highlight td {
	border: 1px solid #ccccff;
	background: #ccccff;
}

.rc_iframe_body tr.rc_highlight td.rc_highlight {
	background: #3366cc;
	border: 1px solid #9999ff;
}