﻿/* Benefits For You - Overrides to standard CMG styles */

/* Override Framework Styles */
.bodycontent A
{
	text-decoration: underline;
}

/* Title and Section Styles */
h1
{
	margin-top:6px;
	margin-bottom: 2px;
	font-family: arial, sans-serif;
	color: #4B4B4B;
	font-weight: bold;
	font-size: 16px;
}
h1 img
{
	vertical-align: middle;
	margin-right: 5px;
}
h2
{
	font-family: arial, sans-serif;
	color: #4B4B4B;
	font-weight: bold;
	font-size: 11pt;
	margin-bottom: 2px;
	margin-top: 0px;
}
h2 img
{
	vertical-align: middle;
	padding-right: 5px;
}
h2 a:link
{
	text-decoration:none;
	color: #61384D;
}
h2 a:visited
{
	text-decoration:none;
	color: #61384D;
}
h2 a:hover
{
	text-decoration:underline;
	color: #336699;
}
h2 a:active
{
	text-decoration:none;
	color: #61384D;
}
h3
{
	font-family: arial, sans-serif;
	margin-top: 0px;
	margin-bottom: 2px;
	padding-bottom: 0px;
	font-size: 13px;
	color: #4B4B4B;
	font-weight: bold;
}
h4
{
	margin-top: 0px;
	margin-bottom: 2px;
	font-family: arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #4B4B4B;
}
.complementbaresg
{
	display: block;
	width: 99%;
	background-color: transparent;
	color: #4B4B4B;
}

/*containers */
table.container
{
	width: 100%;
}
td.container-left
{
	vertical-align: top;
	text-align: left;
	padding: 0px;
}
td.container-right
{
	vertical-align: top;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	padding-right: 0px;
	width: 220px;
}
td.container-right p
{
	margin-top: 2px;
}
td.container-full
{
	width: 100%;
	vertical-align: top;
	text-align: left;
	padding: 0px;
}

/* Call-out boxes */
table.callout
{
	font-size: 10pt;
	border-spacing: 0;
	border-collapse: collapse;
	width: 220px;
	margin-bottom: 20px;
	background-position: top right;
	background-image: url('/cmgshared/images/internet_navbox_shadow.gif');
	background-repeat: repeat-y;
}
table.callout th
{
	color: #8A2034; /* orange */
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 22px;
	padding-bottom: 1px;
	background-image: url('/cmgshared/images/internet_navbox_topright.gif');
	background-repeat: no-repeat;
	background-position: left top;
	background-color: Transparent;
}
.bfy table.callout th
{
	color: #8A2034; /* dk red */
	background-image: url('/cmgshared/images/bfy_navbox_topright.gif');
}
table.callout th A
{
	color: #8A2034;
	text-decoration: none;
}
table.callout th A:visited
{
	color: #8A2034;
	text-decoration: none;
}
table.callout th A:hover
{
	color: #DC661D;
	text-decoration: none;
}
table.callout th A:selected
{
	color: #8A2034;
	text-decoration: none;
}
table.callout td
{
	color: #757575;
	text-align: left;
	padding-bottom: 22px;
	padding-left: 5px;
	padding-right: 10px;
	background-image: url('/cmgshared/images/internet_navbox_bottom.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-color: Transparent;
}
table.callout strong
{
	color: #4B4B4B;
	font-weight: normal;
}
table.callout td p
{
	margin-top: 5px;
	margin-bottom: 0px;
}
table.callout td A
{
	color: #606394;
	text-decoration: none;
}
table.callout td A:visited
{
	color: #606394;
	text-decoration: none;
}
table.callout td A:hover
{
	color: #E48145;
	text-decoration: none;
}
table.callout td A:selected
{
	color: #606394;
	text-decoration: none;
}
table.callout table
{
	margin: 0px;
	padding: 0px;
}
table.callout table td
{
	background: none;
	padding-top: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 0px;
}
table.callout ul
{
	margin-top: 0px;
	margin-bottom: 2px;
	padding-left: 8px;
	margin-left: 10px;
	text-indent: 0px;
}
table.callout ul li { color: #048693; }
.assetman table.callout ul li { color: #A3B68C; }

/* table and grid formatting */
.transparent
{
	border: 0px;
	width: 2px;
	background-color: transparent;
}
table.grid
{
	background-color: white;
	border-collapse: collapse;
}
table.grid th, table.grid td.columnheading, table.grid tr.columnheading td
{
	padding-left: 2px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid gray;
	font-weight: bold;
	color: White;
	text-align: center;
	background-color: #8A2034; /* maroon */
}
.bfy table.grid th, .bfy table.grid td.columnheading, .bfy table.grid tr.columnheading td
{
	background-color: #003366; /* blue */
}
table.grid td.columnheading a:link
{
	color: White;
	text-decoration: none;
}
table.grid td.columnheading a:hover
{
	color: White;
	text-decoration: underline;
}
table.grid td.columnheading a:visited
{
	color: White;
	text-decoration: none;
}
table.grid td.columnheading a:active
{
	color: White;
	text-decoration: underline;
}
table.grid td, table.grid tr td
{
	border: 1px solid gray;
	background-color: #ffffff;
	padding-left: 2px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
}
table.grid td.unshadedrow, table.grid tr.unshadedrow td
{
	border: 1px solid gray;
	background-color: #ffffff;
	padding-left: 2px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
}
table.grid td.shadedrow, table.grid tr.shadedrow td
{
	border: 1px solid gray;
	background-color: #d4e8f8;
	padding-left: 2px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
}
table.grid td.totals, table.grid tr.totals td
{
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	border-top: 1px solid black;
	font-weight: bold;
	background-color: gainsboro;
	padding-left: 2px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
}
table.grid th.totals
{
	text-align: left;
	color: #000000;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	border-top: 1px solid black;
	font-weight: bold;
	background-color: gainsboro;
	padding-left: 2px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
}

/* List Styles */
ul.nobullet
{
	list-style-type: none;
}

/* Menu Styles */
TABLE.menu
{
	border: 0px;
	margin-bottom: 20px;
}
TABLE.menu TH
{
	border: 0px;
	font-size: 16px;
	color: #61384d;
	text-align: left;
}
TABLE.menu TD
{
	border: 0px;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 5px;
	padding-top: 3px;
}
TABLE.menu TD UL
{
	padding-left: 5px;
	margin-left: 15px;
	margin-top:2px;
	text-indent: -5px;
	list-style-type: none;
}
TABLE.menu TD UL LI
{
	margin-bottom: 5px;
}
TABLE.menu TD H2
{
	text-indent: -23px;
	margin-left: 23px;
	margin-bottom: 2px;
}

/* Impersonation Styles */
.impersonating
{
	width: 99%;
	text-align: right;
	font-weight: bold;
	padding-right: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: black;
	background-color: yellow;
}

/* Button styles */
DIV.buttonBar
{
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	width: 100%;
}
TD.buttonBar
{
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
}
.buttonBar .btnContinue
{
	width: 75px;
}
.buttonBar .btnBack
{
	width: 75px;
}
.buttonBar .btnClear
{
	width: 75px;
}
.buttonBar .btnCancel
{
	width: 75px;
}
.buttonBar .btnSubmit
{
	width: 75px;
}
.buttonBar .btnSave
{
	width: 75px;
}
.buttonBar .btnCalculate
{
	width: 75px;
}
.buttonBar .btnPrint
{
}
.buttonBar .btnOther
{
}
.buttonBar.noPadding
{
	padding-top: 0px;
	padding-bottom: 0px;
}
.cancelPopup
{
	font-family: system, monospaced;
	border-right: 2px outset;
	border-top: 2px outset;
	display: none;
	z-index: 500;
	left: 25%;
	border-left: 2px outset;
	width: 500px; /*50%;*/
	border-bottom: 2px outset;
	position: absolute;
	background-color: #eeeeee;
	text-align: center;
}
.cancelPopup .bar
{
	font-weight: bold;
	color: white;
	background-color: navy;
	width: 100%;
}
.cancelPopup .message
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 25px;
	padding-top: 10px;
	text-align: center;
	width: 100%;
}
.cancelPopup .yesNo
{
	text-align: center;
	width: 100%;
	padding-bottom: 10px;
}

/*
03/01/2010 CAS:
Style for indenting tables
*/
.indentTable
{
	padding-left: 15px;
}

/*
04/12/2010 DRC:
Not sure where this was added, but it is different than other sites
*/
td.complementLanding
{
	background-color: #ebedda;
	padding-right: 5px;
	padding-left: 5px;
	
}

/* 10/7/10 DRC adding support for plan and ee pickers */
div.pickers
{
	font-family: Arial, helvetica, sans-serif;
	margin-bottom: 4px;
	width: 100%;
	clear: left;
}
.pickers div.picker
{
	margin-bottom: 3px;
	clear: left;
}

/* RetireOnTarget */
table.box619
{
	background-position: top right;
	background-repeat: repeat-y;
	border-spacing: 0;
	border-collapse: collapse;
	width: 619px;
	background-image: url('../Images/subheadbox_619p_sides.gif');
}
table.box619 th
{
	vertical-align: middle;
    height: 27px;
    background-position: top right;
    background-repeat: no-repeat;
	color: white;
	font-weight: bold;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url('../Images/subheadbox_619p_top.jpg');
}
table.box619 td
{
	background-position: bottom right;
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-bottom: 14px;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url('../Images/subheadbox_619p_bottom.gif');
}
table.box619 td p
{
	margin-top: 5px;
	margin-bottom: 0px;
}
table.box619 table
{
	margin: 0px;
	padding: 0px;
	background-image: none;
	width: 100%;
}
table.box619 table th
{
	background-image: none;
	height: auto;
	padding: 0px;
}
table.box619 table td
{
	background-image: none;
	padding: 0px;
}
table.box619 td.nobottom { background-image: none; padding-bottom: 0px; }
table.box619 td.nopadding { padding-left: 4px; padding-right: 7px;}
table.box619 td.links { text-align: right; padding-right: 15px;padding-top:2px;padding-bottom:8px;}
table.box619 td.shaded { background-color: #edf4fa; }
table.box619 table.shaded { background-color: #edf4fa; }

/* EE Landing Page - Income Details */
table.eeHomeIncomeDetails { width: 100%; border: none; }
table.eeHomeIncomeDetails tr.header { padding: 0; }
table.eeHomeIncomeDetails tr.header th
{
	background-color: #DADADA;
	color: #6C6C6C;
	padding: 2px 5px 2px 5px;
	text-align: center;
	vertical-align: middle;
	border-left: solid 1px #CDCDCD;
	border-bottom: solid 1px #CDCDCD;
}
table.eeHomeIncomeDetails tr td
{
	padding: 2px 5px 2px 5px;
	text-align: right;
	vertical-align: middle;
	border-left: solid 1px #CDCDCD;
	border-bottom: solid 1px #CDCDCD;
}
table.eeHomeIncomeDetails tr.header th.firstcol { border-left: none; text-align: left; }
table.eeHomeIncomeDetails tr td.firstcol { border-left: none; text-align: left; }
table.eeHomeIncomeDetails tr td.colspan { background-color: #F2F2F2; border-left: none; text-align: left; }
table.eeHomeIncomeDetails tr.totals td { background-color: #E2EDF1; font-weight: bold; }
table.eeHomeIncomeDetails tr td input[type=text] { text-align: right; }

td.eeRotSubheading
{
	font-family: arial, sans-serif;
	color: #881635;
	font-weight: bold;
	font-size: 11pt;
}
td.eeRotNumberedText
{
	vertical-align: middle;
	font-weight: bold;
	padding-left: 5px;
}

/* Public Home Page */
.pubHomeLeft { float: left; width: 220px; }
.pubHomeMiddle { float: left; padding: 0px 10px 0px 10px; width: 380px; }
.pubHomeRight { float: right; width: 220px; }
.pubHomeLeft .loginBtn { float: right; padding: 5px 5px 0px 0px; }
.pubHomeLeft .imgSecure { float: right; padding-right: 5px; }

/* EE Home Page */
.eeHomeLeft { float: left; padding: 0px 10px 0px 0px; width: 615px; }
.eeHomeRight { float: right; width: 220px; }

/* Admin Home Page */
.adminHomeLeft { float: left; padding: 0px 10px 0px 0px; width: 615px; }
.adminHomeRight { float: right; width: 220px; }

/* Mobile Device Overrides */
.mobi td.container-right { display: none; }

.mobi .pubHomeLeft { clear: both; width: 100%; }
.mobi .pubHomeMiddle { clear: both; width: 100%; padding: 0px; }
.mobi .pubHomeRight { display: none; }
.mobi .pubHomeLeft table.callout { background: none; width: 100%; }
.mobi .pubHomeLeft table.callout th { background: none; padding-top: 0px; }
.mobi .pubHomeLeft table.callout td { background: none; padding-bottom: 5px; }
.mobi .pubHomeLeft .loginBtn { float: left; clear: left; }
.mobi .pubHomeLeft .imgSecure { float: none; padding-right: 10px; display: inline; }

.mobi .eeHomeLeft { clear: left; float: none; width: 100%; padding: 0px 0px 15px 0px; }
.mobi .eeHomeRight { clear: left; float: none; width: 100%; padding: 0px; }
.mobi .eeHomeRight table.callout { background: none; width: 100%; }
.mobi .eeHomeRight table.callout th { background: none; padding-top: 0px; }
.mobi .eeHomeRight table.callout td { background: none; padding-bottom: 5px; }

.mobi .adminHomeLeft { clear: left; float: none; width: 100%; padding: 0px 0px 15px 0px; }
.mobi .adminHomeRight { clear: left; float: none; width: 100%; padding: 0px; }
.mobi .adminHomeRight table.callout { background: none; width: 100%; }
.mobi .adminHomeRight table.callout th { background: none; padding-top: 0px; }
.mobi .adminHomeRight table.callout td { background: none; padding-bottom: 5px; }

/* Move Primary Navigation Links to Right */
.bfyOverride .headerTabs { padding-left: 250px; }
.mobi.bfyOverride .headerTabs { padding-left: 0px; }

.rotOverride .navbar .applicationSubtitle 
{
	font-style: normal;
	font-weight: bold;
	font-size: 9pt;
	color: black;
}

.rotOnTargetHeading
{
	color: Green;
}
.rotNotOnTargetHeading
{
	color: Red;
}

/* 4/15/2011 Adding support for report viewer */
div.reportviewer
{
	overflow:hidden;
	width:852px;	
}

/* Main Landing Pages */
.adminHomeLeft { float: left; padding: 0px 10px 0px 0px; width: 615px; }
.adminHomeRight { float: right; width: 220px; }

.mobi .adminHomeLeft { clear: left; float: none; width: 100%; padding: 0px 0px 15px 0px; }
.mobi .adminHomeRight { clear: left; float: none; width: 100%; padding: 0px; }
.mobi .adminHomeRight table.callout { width: 100%; margin: 0px; background: none; }
.mobi .adminHomeRight table.callout th { background : none;  padding: 0px; }
.mobi .adminHomeRight table.callout td { background: none; padding: 0px;  }
.mobi .adminHomeRight table.callout td A { text-decoration: underline; white-space: nowrap; padding-right: 8px; }
.mobi .adminHomeRight table.callout ul { margin: 0px; padding: 0px;  }
.mobi .adminHomeRight table.callout ul li { display: inline-block;  } /* horizontal wrap */
* html .mobi .adminHomeRight table.callout ul li { display: inline; }  /* IE6 */
* + html .mobi .adminHomeRight table.callout ul li { display: inline; }  /* IE7 */


/* Year End Information Request Page */
.tabpanel
{
    color:                      #ffffff;
    font-size:                  14px;
    width:                      195px;
    height:                     35px;
    background-color:           #dc661d;
    font-weight:                bold;
    margin-left:                2px;
    margin-bottom:              2px;
    display:                    table;
    border-right:               1px solid #993300;
    border-bottom:              1px solid #993300;
}
    
.tabpanel div
{
    margin-left:                15px;
}
    
.tabpanel a
{
    padding-top:                10px;
    padding-left:               5px;
    color:                      #ffffff;
    text-decoration:            none;
    height:                     100%;
    display:                    block;
}
    
.tabpanel :hover
{
    background-color:           #fab27b;
}
    
.tabpanelselected
{
    color:                      #ffffff;
    font-size:                  14px;
    width:                      195px;
    height:                     35px;
    background-color:           #fab27b;
    font-weight:                bold;
    margin-left:                2px;
    margin-bottom:              2px;
    display:                    table;
    border-right:               1px solid #993300;
    border-bottom:              1px solid #993300;
}
    
.tabpanelselected div
{
    margin-left:                15px;
}
    
.tabpanelselected a
{
    padding-top:                10px;
    padding-left:               5px;
    color:                      #ffffff;
    text-decoration:            none;
    height:                     100%;
    display:                    block;
}

.subtabpanelselected table
{
    font-size:                  11px;
    width:                      195px;
    margin-left:                2px;
}
    
.subtabpanelselected tr
{
    	
    background-color:           #fcebc7;
}
    
.subtabpanelselected td
{
    padding-top:                5px;
    padding-bottom:             5px;
    padding-left:               5px;
}
    
.subtabpanelselected tr:hover
{
    background-color:           #fcebc7;
}
    
.subtabtable table
{
    font-size:                  11px;
    width:                      195px;
    margin-left:                2px;
}
    
.subtabtable td
{
    padding-top:                5px;
    padding-bottom:             5px;
    padding-left:               5px;
}
    
.subtabtable tr:hover
{
    background-color:           #fcebc7;
}
    
.subtab
{
    color:                      #0c388f;
    background-color:           #f4f4f4;
}
    
.subtabalt
{
    color:                      #0c388f;
    background-color:           #ffffff;
}
    
.tabdetail
{
    margin-left:                10px;
    margin-right:               10px;
}
    
.tabtitle
{
    font-size:                  15px;
    font-weight:                bold;
    color:                      #666666;
}
    
.formnav
{
    margin-right:               10px;
    width:                      200px;
}
    
.alldetails
{
    margin-left:                15px;
    color:                      #333333;
}
    
.tableBorderThin2
{
    	
    border:                     1px solid #e8e8e8;
    border-radius:              4px;
}
    
.gridview 
{
    width:                      100%;
    background-color:           #fff;
    margin:                     5px 0 10px 0;
    border:                     solid 2px #c1c1c1;
}

.gridview td 
{   
    padding-top:                4px;
    padding-bottom:             4px;
    padding-left:               10px;
    border:                     solid 2px #c1c1c1;
    color:                      #717171;
}

.gridview th
{   
    padding:                    4px 2px 0px 10px;
    color:                      #ffffff;
    background-color:           #8a2034;
    height:                     30px;
    border-left:                solid 2px #ffffff;
    border-right:               solid 2px #c7c9c8;
    border-bottom:              solid 2px #c7c9c8;
    border-top:                 solid 2px #dbdbdb;
    font-size:                  0.9em;
    font-weight:                bold;
}
    
.gridview .alt  
{
    background:                 #d4e8f8;
}
.gridview a 
{
    color:                      #666; 
}
    
.gridview a:hover 
{   color:                      #000; 
    text-decoration:            none;
}
    
.gridview tr:hover 
{
    background:                 #fcebc7;
}
    
.ui-progressbar-value
{
    background-image:           url(/images/pbar-ani.gif);
}
    
.questionbox
{
    border-bottom:              1px solid #f1f1f1;
    padding-top:                15px;
    padding-bottom:             15px;
    width:                      99%;
}
    
.text-area 
{
    font-size:                  1.1em;
}
    
.state-warning
{
    background:                 #fefede;
    color:                      #cc9730;
    margin-top:                 10px; 
    margin-bottom:              10px;
    padding:                    10px;
}

.state-informational
{
    background:                 #f8f7f7; 
    color:                      #555555;
    margin-bottom:              10px; 
    padding:                    10px;
}

.state-error
{
    background:                 #fcdfdf; 
    color:                      #993333;
    margin-bottom:              10px; 
    padding:                    10px;
}

.panel-error
{
    background-color:           #fcdfdf;
}

.gridview-error
{
	background-color:           #fcdfdf;
}
    
.state-instructional-step-1
{
    background:                 #c6d8dc;
    color:                      #336666;
    margin-top:                 10px; 
    margin-bottom:              10px;
    padding:                    10px;
}
    
.state-instructional-step-2
{
    background:                 #d0eedf;
    color:                      #336666;
    margin-top:                 10px; 
    margin-bottom:              10px;
    padding:                    10px;
}
    
.tabactionbar
{
    /*background:                 #f8f7f7;*/
    background:                 #ffffff;
    margin-top:                 10px; 
    margin-bottom:              10px; 
    padding:                    5px;
}
.tableth
{   
    padding:                    4px 2px 0px 10px;
    color:                      #ffffff;
    background-color:           #8a2034;
    height:                     30px;
    border-left:                solid 1px #ffffff;
    border-right:               solid 1px #c7c9c8;
    border-bottom:              solid 1px #c7c9c8;
    border-top:                 solid 1px #dbdbdb;
    font-size:                  0.9em;
    font-weight:                bold;
}

.tablegridview 
{
    background-color:           #fff;
    margin:                     5px 0 10px 0;
    border:			            solid 1px #c1c1c1;

}

.tablegridviewtd 
{   
	padding:                    4px 2px 0px 10px;
    border:                     solid 1px #c1c1c1;
    color:                      #717171;
    height:                     30px;
}

.tablegridviewth
{   
    padding:                    4px 2px 0px 10px;
    color:                      #ffffff;
    background-color:           #8a2034;
    height:                     35px;
    border-left:                solid 1px #c1c1c1;
    border-right:               solid 1px #c1c1c1;
    border-bottom:              solid 1px #c1c1c1;
    border-top:                 solid 1px #c1c1c1;
    font-size:                  0.9em;
    font-weight:                bold;
}

