/* CSS for custom skin elements */

/************************ HEADER *************************/

#breadcrumbs {
    padding:           10px 0px; 
    margin:            10px 0px; 
    height:            0px;
}

#gbHeader { 
    position:          relative; 
    width:             100%; 
    margin:            0px; 
    padding:           0px;
}

#gbHeaderTop {
    margin:            0px;
    padding-left:      25px;
    position:          relative;
    height:            37px;
    background-repeat: repeat-x; 
}

#gbHeaderTop p { 
    position:          relative;
    top:               8px;
}

#gbHeaderBottomRight { 
    position:          absolute;
    display:           inline;
    right:             0px;
    padding-left:      10px;
    padding-right:     10px;
    height:            61px;
    width:             175px;
    border-left:       solid white 2px; 
}

#gbHeaderImage { 
    padding:           0px;
    padding-left:      25px;
    margin-top:        -2px;
    position:          relative;
    height:            61px;
}

#gbHeaderImage img { 
    display:           inline; 
    padding:           0px; 
    margin:            0px !important; 
    margin-bottom:     -4px;
    border:            0px;
}

#gbHeaderTopLeftCorner {
    line-height:       1px; 
    position:          absolute; 
    left:              0px; 
    top:               0px; 
    width:             10px; 
    height:            11px; 
    background-repeat: no-repeat;
}

#gbHeaderTopCutawayCorner { 
    line-height:       1px; 
    position:          absolute; 
    top:               0px; 
    right:             0px !important; 
    right:             -1px; 
    width:             220px; 
    height:            35px; 
    background-repeat: no-repeat;
}

#gbHeaderButtons {
    padding-left:      15px;
}

#gbHeaderTopCutawayCorner img { 
    margin:            0px 5px; 
    display:           inline;
}

#gbHeaderTopRightCorner { 
    line-height:       1px; 
    position:          absolute; 
    top:               0px; 
    right:             0px !important; 
    width:             10px; 
    height:            11px; 
    background-repeat: no-repeat; 
}

#gbHeaderBottomLeftCorner { 
    line-height:       1px; 
    position:          absolute; 
    bottom:            0px !important; 
    bottom:            -1px; 
    left:              0px;  
    width:             9px; 
    height:            9px; 
    background-repeat: no-repeat; 
}

#gbHeaderBottomRightCorner { 
    line-height:       1px;
    position:          absolute;  
    bottom:            0px !important;
    bottom:            -1px; 
    right:             0px !important; 
    right:             -1px;  
    width:             9px; 
    height:            9px; 
    background-repeat: no-repeat;
}

#gbOtherResources-benefits { 
    padding:           0px;
    padding-left:      7px;
    margin-top:        -2px;
    position:          relative;
    padding-left:	   10px;
    /*top:			   -10px;
    height:            30px;
    background-color:  #E5F7B5;*/
}

#contentPrintSection{display:none;}

.gbHeaderTop-benefits { 
    background-image:  url(/framework/skins/govbenefits_es/images/skin/headers/benefits/TopBG.gif);
}

.gbHeaderBottomRight-benefits { 
    background-color:  transparent; 
}

.gbHeaderImage-benefits { 
    background-color:  #E5F7B5;
}

.gbHeaderTopLeftCorner-benefits { 
    background-image:  url(/framework/skins/govbenefits_es/images/skin/headers/benefits/TLcorner.gif);  
}

.gbHeaderTopCutawayCorner-benefits { 
    background-image:  url(/framework/skins/govbenefits_es/images/skin/headers/benefits/CutawayCorner.gif);
}

.gbHeaderTopRightCorner-benefits { 
    background-image:  url(/framework/skins/govbenefits_es/images/skin/headers/benefits/TRcorner.gif);
}

.gbHeaderBottomLeftCorner-benefits { 
    background-image:  url(/framework/skins/govbenefits_es/images/skin/headers/benefits/BLcorner.gif);
}

.gbHeaderBottomRightCorner-benefits { 
    background-image:  url(/framework/skins/govbenefits_es/images/skin/headers/benefits/BRcorner.gif);
}

.gbHeaderTop-home { 
    background-image:  url(/framework/skins/govbenefits_es/images/skin/headers/home/TopBG.gif); 
}

.gbHeaderBottomRight-home { 
    background-color:  #DFECF1;
}

.gbHeaderImage-home { 
    background-color:  #DFECF1;
}

.gbHeaderTopLeftCorner-home {
    background-image:  url(/framework/skins/govbenefits_es/images/skin/headers/home/TLcorner.gif);
}

.gbHeaderTopCutawayCorner-home {
    background-image:  url(/framework/skins/govbenefits_es/images/skin/headers/home/CutawayCorner.gif);
}

.gbHeaderTopRightCorner-home { 
    background-image:  url(/framework/skins/govbenefits_es/images/skin/headers/home/TRcorner.gif);
}

.gbHeaderBottomLeftCorner-home { 
    background-image:  url(/framework/skins/govbenefits_es/images/skin/headers/home/BLcorner.gif);
}

.gbHeaderBottomRightCorner-home {
     background-image:  url(/framework/skins/govbenefits_es/images/skin/headers/home/BRcorner.gif);
}

.gbHeaderTop-about { 
    background-image:  url(/framework/skins/govbenefits_es/images/skin/headers/about/TopBG.gif);
}

.gbHeaderBottomRight-about { 
    background-color:  #F4EBFD;
}

.gbHeaderImage-about { 
    background-color:  #F4EBFD; 
}

.gbHeaderTopLeftCorner-about { 
    background-image:  url(/framework/skins/govbenefits_es/images/skin/headers/about/TLcorner.gif);
}

.gbHeaderTopCutawayCorner-about { 
    background-image:  url(/framework/skins/govbenefits_es/images/skin/headers/about/CutawayCorner.gif);
}

.gbHeaderTopRightCorner-about { 
    background-image:  url(/framework/skins/govbenefits_es/images/skin/headers/about/TRcorner.gif);
}

.gbHeaderBottomLeftCorner-about { 
    background-image:  url(/framework/skins/govbenefits_es/images/skin/headers/about/BLcorner.gif);
}

.gbHeaderBottomRightCorner-about { 
    background-image:  url(/framework/skins/govbenefits_es/images/skin/headers/about/BRcorner.gif);
}

.gbHeaderTop-help { 
    background-image:  url(/framework/skins/govbenefits_es/images/skin/headers/help/TopBG.gif);
}

.gbHeaderBottomRight-help { 
    background-color:  #FFE8D1;
}

.gbHeaderImage-help { 
    background-color:  #FFE8D1;
}

.gbHeaderTopLeftCorner-help { 
    background-image:  url(/framework/skins/govbenefits_es/images/skin/headers/help/TLcorner.gif);
}

.gbHeaderTopCutawayCorner-help { 
    background-image:  url(/framework/skins/govbenefits_es/images/skin/headers/help/CutawayCorner.gif);
}

.gbHeaderTopRightCorner-help { 
    background-image:  url(/framework/skins/govbenefits_es/images/skin/headers/help/TRcorner.gif);
}

.gbHeaderBottomLeftCorner-help { 
    background-image:  url(/framework/skins/govbenefits_es/images/skin/headers/help/BLcorner.gif);
}

.gbHeaderBottomRightCorner-help { 
    background-image:  url(/framework/skins/govbenefits_es/images/skin/headers/help/BRcorner.gif);
}

/********************** END HEADER ***********************/

.helpPageDivider {
    background-color:  #FFCC66;
}

.aboutPageDivider {
    background-color:  #CCBBFF;
}

.homePageDivider {
    background-color:  #99CCFF;
}

.Table-answers {
    margin:            10px 0px 20px 0px;
}

.Table-answers th{

    background-color: #D5D5D5;
    padding:           4px 4px 4px 6px;
    border-right:      1px solid #DDDDDD;
	vertical-align:		top;
	text-align:			left;
}

.Table-answers td{
    padding:           	4px 4px 4px 6px;
	border-bottom:      1px solid #DDDDDD;
	vertical-align:		top;
	text-align:			left;
}

.colNum {

}
.colQue {
	border-right:      1px solid #DDDDDD;

}
.colAns {
	border-right:      1px solid #DDDDDD;

}
.rowHighlight {
	background-color:	#e8f1f5;
}

.Table-benefits {
    border-bottom:     solid 2px  #ACD373; 
    margin:            10px 0px;
}

.Table-benefits tr th {
    background-color:  #ACD373; 
    padding-left:      10px;
    border-right:      1px solid white;
    height:            26px; 
    position:          relative;
}

td.content-row{
    padding:           4px 10px 4px 10px;
}

.RightSectionDivider-benefits { 
    border-left:       solid 1px  #ACD373;
}

.Table-benefits tr th a span {
    color:             #669933;
} /* For forefox to keep the Collapse/Expand Section links the correct color */

.Table-benefits-home tr th {
    background-color:  #ACD373; 
    padding-left:      10px;
    height:            26px; 
    position:          relative;
}

.Table-benefits-home tr th a span {
    color:             #669933;
} /* For forefox to keep the Collapse/Expand Section links the correct color */

.collapse {
    vertical-align:    middle;
    color:             #669933;
    float:             right;
    height:            26px;
    width:             100px;
    background-repeat: no-repeat;
    background-image:  url(/framework/skins/govbenefits_es/images/skin/headers/benefits/collapse.gif);
    text-decoration:   none;
    cursor: pointer;
}

.collapse span {
    display:           block;
    padding-top:       5px;
    padding-left:      40px;  
}

.expand {
    color:             #669933;
    float:             right;
    height:            26px;
    width:             100px;
    background-repeat: no-repeat;
    background-image:  url(/framework/skins/govbenefits_es/images/skin/headers/benefits/expand.gif);
    text-decoration:   none;
    cursor: pointer;
}

.expand span {
    display:           block;
    padding-top:       5px;
    padding-left:      40px;  
}

.bookBenefits ul {  
    list-style-image:  url(/framework/skins/govbenefits_es/images/skin/headers/benefits/bullet.gif);
}

.bookBenefits h3 {
    color:             #669933;
}

.bookBenefits hr.dottedRule {     
    border:            none 0; 
	border-top:        1px dotted #99CC66;
	border-bottom:     1px dotted #99CC66;
	margin:            7px auto 0 7px;
	text-align:        left;
}

.bookBenefits hr.solidRule {     
    border:            none 0; 
	border-top:        1px solid #99CC66;
	border-bottom:     1px solid #99CC66;
	margin:            7px auto 0 7px;
	text-align:        left;
}

hr.Help {
    border:            none 0; 
	border-top:        1px dashed #FFCC66;
	border-bottom:     1px dashed #FFCC66;
	margin:            10px auto 0 0;
	text-align:        left;
}

hr.loans {
    border:            none 0; 
	border-top:        1px dashed #99CC66;
	border-bottom:     1px dashed #99CC66;
	margin:            10px auto 0 0;
	text-align:        left;
}

.backToTop{ 
    padding-left:      15px; 
    background-image:  url(/framework/skins/govbenefits_es/images/skin/dotArrowUp.gif);  
    background-repeat: no-repeat; 
}


.bookHome .collapse {
    vertical-align:    middle;
    color:             #669933;
    float:             right;
    height:            26px;
    width:             100px;
    background-repeat: no-repeat;
    background-image:  url(/framework/skins/govbenefits_es/images/skin/headers/benefits/collapse.gif);
    text-decoration:   none;
    cursor: pointer;
}

.bookHome .collapse span {
    display:           block;
    padding-top:       5px;
    padding-left:      40px;  
}

.bookHome .expand {
    color:             #669933;
    float:             right;
    height:            26px;
    width:             100px;
    background-repeat: no-repeat;
    background-image:  url(/framework/skins/govbenefits_es/images/skin/headers/benefits/expand.gif);
    text-decoration:   none;
    cursor: pointer;
}

.bookHome .expand span {
    display:           block;
    padding-top:       5px;
    padding-left:      40px;  
}

.bookHome ul{  
    list-style-image:  url(/framework/skins/govbenefits_es/images/skin/headers/home/bullet.gif);
}

.bookHome h3{
    color:             #3399CC;
}

.bookHome hr.dottedRule {     
    border:            none 0; 
	border-top:        1px dotted #CCCCFF;
	border-bottom:     1px dotted #CCCCFF;
	margin:            7px auto 0 7px;
	text-align:        left;
}

.bookAbout ul{  
    list-style-image:  url(/framework/skins/govbenefits_es/images/skin/headers/about/bullet.gif);
}

.bookAbout h3{
    color:             black;
}

.bookAbout hr.dottedRule {     
    border:            none 0; 
	border-top:        1px dotted #CCCCFF;
	border-bottom:     1px dotted #CCCCFF;
	margin:            7px auto 0 7px;
	text-align:        left;
}

.bookAbout hr.solidRule {     
    border:            none 0; 
	border-top:        1px solid #CCCCFF;
	border-bottom:     1px solid #CCCCFF;
	margin:            7px auto 0 7px;
	text-align:        left;
}

.bookHelp ul {  
    list-style-image:  url(/framework/skins/govbenefits_es/images/skin/headers/help/bullet.gif);
}

.bookHelp h3 {
    background-color:  #FFE8D1;
    color:             black;
}

.collapsed {
    display:           none;
    height:            2px;
}

.expanded {
    display:           block;
}

.redDotHeader {
    padding:           5px 89px 0px 29px;
    position:          relative;
    height:            42px;
    background-color:  white;
    vertical-align:    middle;
    text-align:        center;
    white-space:       nowrap;
 }
 
 .redDot {
    position:          absolute;
    height:            42px;
    width:             29px;
    left:              0px;
    top:               0px;
    background-repeat: no-repeat;
    background-image:  url(/framework/skins/govbenefits_es/images/skin/redDotIcon.gif);
}

.dotTail {
    position:          absolute;
    height:            7px;
    width:             89px;
    bottom:            18px;
    right:             0px;
    background-repeat: no-repeat;
    background-image:  url(/framework/skins/govbenefits_es/images/skin/dotTail.gif);
}

.homeHeader{
    color: #0099CC;
    font: bold 14px arial;
}
.subscribeIcon{
    text-align: right;
    vertical-align: top;
}
.subscribe{
    text-align: left;
    vertical-align: top;
    padding: 0px 0px 0px 6px;
}
.spacing{
    text-align: left;
    vertical-align: top;
    padding: 0px 0px 0px 6px;
}
.programSubscriptionLink{
    text-align:     right;
    position:       relative;
    left:           100px;
}
.newsSubscribeLink{
    position:          absolute;
    left:              520px;
    top:               18px;
}
.comadvSubscribeLink{
    position:           absolute;
    left:               430px;
    top:                18px;
}

/********************** BUTTONS ***********************/

.goButton a:link, .goButton a:visited{
    background-image:   url(/framework/skins/govbenefits_es/images/skin/goButton.gif);
    background-repeat:  no-repeat;
    width:              40px;
	height:             22px;
    padding-top:        4px;
    text-align:         center;
    color:              #FFFFFF;
    font:               bold 8pt myriad,arial !important;
    font:               bold 8pt arial;
    cursor:             pointer;
    text-decoration:    none;  
    display:            block;
}

.goButton a:hover, .goButton a:active{
    background-image:   url(/framework/skins/govbenefits_es/images/skin/goButton_ON.gif);
    background-repeat:  no-repeat;
    width:              40px;
	height:             22px;
    padding-top:        4px;
    text-align:         center;
    color:              #336699;
    font:               bold 8pt myriad,arial !important;
    font:               bold 8pt arial;
    cursor:             pointer;
    text-decoration:    none;  
    display:            block;
}

.actionButton_sm a:link, .actionButton_sm a:visited{
    background-image:   url(/framework/skins/govbenefits_es/images/skin/actionButton_sm.gif);
    background-repeat:  no-repeat;
    width:              51px;
	height:             20px;
    padding-top:        2px;
    text-align:         center;
    color:              #FFFFFF;
    font:               bold 10pt arial !important;
    font:               bold 10pt arial;
    cursor:             pointer;
    text-decoration:    none;  
    display:            block;
 }
 
.actionButton_sm a:hover, .actionButton_sm a:active{
    background-image:   url(/framework/skins/govbenefits_es/images/skin/actionButton_sm_ON.gif);
    background-repeat:  no-repeat;
    width:              51px;
	height:             20px;
    padding-top:        2px;
    text-align:         center;
    color:              #336699;
    font:               bold 10pt arial !important;
    font:               bold 10pt arial;
    cursor:             pointer;
    text-decoration:    none;  
    display:            block;   
 }

.actionButton_med a:link, .actionButton_med a:visited{
    background-image:   url(/framework/skins/govbenefits_es/images/skin/actionButton_med.gif);
    background-repeat:  no-repeat;
    width:              92px;
	height:             20px;
    padding-top:        2px;
    text-align:         center;
    color:              #FFFFFF;
    font:               bold 10pt arial !important;
    font:               bold 10pt arial;
    cursor:             pointer;
    text-decoration:    none;  
    display:            block;
 }
 
.actionButton_med a:hover, .actionButton_med a:active{
    background-image:   url(/framework/skins/govbenefits_es/images/skin/actionButton_med_ON.gif);
    background-repeat:  no-repeat;
    width:              92px;
	height:             20px;
    padding-top:        2px;
    text-align:         center;
    color:              #336699;
    font:               bold 10pt arial !important;
    font:               bold 10pt arial;
    cursor:             pointer;
    text-decoration:    none;  
    display:            block;   
 }
 
 .actionButton_lrg a:link, .actionButton_lrg a:visited{
    background-image:   url(/framework/skins/govbenefits_es/images/skin/actionButton_lrg.gif);
    background-repeat:  no-repeat;
    width:              140px;
	height:             20px;
    padding-top:        2px;
    text-align:         center;
    color:              #FFFFFF;
    font:               bold 10pt arial !important;
    font:               bold 10pt arial;
    cursor:             pointer;
    text-decoration:    none;  
    display:            block;
 }
 
.actionButton_lrg a:hover, .actionButton_lrg a:active{
    background-image:   url(/framework/skins/govbenefits_es/images/skin/actionButton_lrg_ON.gif);
    background-repeat:  no-repeat;
    width:              140px;
	height:             20px;
    padding-top:        2px;
    text-align:         center;
    color:              #336699;
    font:               bold 10pt arial !important;
    font:               bold 10pt arial;
    cursor:             pointer;
    text-decoration:    none;  
    display:            block;   
 }

.actionButton_xl a:link,.actionButton_xl a:visited{
    background-image:   url(/framework/skins/govbenefits_es/images/skin/actionButton_xl.gif);
    background-repeat:  no-repeat;
    width:              207px;
	height:             20px;
    padding-top:        2px;
    text-align:         center;
    color:              #FFFFFF;
    font:               bold 10pt arial !important;
    font:               bold 10pt arial;
    cursor:             pointer;
    text-decoration:    none;  
    display:            block;
 }
 
.actionButton_xl a:hover, .actionButton_xl a:active{
    background-image:   url(/framework/skins/govbenefits_es/images/skin/actionButton_xl_ON.gif);
    background-repeat:  no-repeat;
    width:              207px;
	height:             20px;
    padding-top:        2px;
    text-align:         center;
    color:              #336699;
    font:               bold 10pt arial !important;
    font:               bold 10pt arial;
    cursor:             pointer;
    text-decoration:    none;  
    display:            block;   
 }
 
 /******************** END BUTTONS *********************/
 
 /********************** BARKER ************************/

.barkerStyle1{
    color: #0099CC;
	font-weight: bold;
}

.barkerStyle2{
    font-size: x-small
}

.barkerStyle3{
    font-weight: bold;
}

.startHerePosition {
    position:           absolute;
    top:                16px;
    left:               60px;
}

.startHere a:link, 
.startHere a:visited {
    background-image:   url(/framework/skins/govbenefits_es/images/homeMain_3.jpg);
    background-repeat:  no-repeat;
    width:              200px;
    height:             76px;
    position:           absolute;
    top:                97px;
    cursor:             pointer;
    text-decoration:    none;  
    display:            block;   
    color:              #FFFFFF;
    font:               bold 12pt arial !important;
    font:               bold 12pt arial;
}
 
.startHere a:hover, 
.startHere a:active {
    background-image:   url(/framework/skins/govbenefits_es/images/skin/homeMain_3_ON.jpg);
    background-repeat:  no-repeat;
    width:              200px;
    height:             76px;
    position:           absolute;
    top:                97px;
    cursor:             pointer;
    text-decoration:    none;  
    display:            block;   
    color:              #336699;
    font:               bold 12pt arial !important;
    font:               bold 12pt arial;
}

/******************** END BARKER **********************/

/******************** HIGHLIGHTS ********/
.daipBanner {
    background-image:   url(/framework/skins/govbenefits/images/skin/DAIP_banner.png);
    background-repeat: no-repeat;
    width:             446px;
    height:            148px;
}

.daipBannerHeaderText {
    position:          relative;
    top:               85px;
    left:              25px;
    color:             #005389;
    font:              bold 13pt arial !important;
    font:              bold 13pt arial;
}

.daipBannerText {
    position:          relative;
    top:               92px;
    left:              25px;
    color:             #0099CC;
    font:              bold 9pt arial !important;
    font:              bold 9pt arial;
}

.nextHeader {
	color:          	#0099CC;
	font-weight:    	bold;
	font-size:      	14px;
	background-color: 	white;
	position: 			relative;
	vertical-align:		bottom;
	white-space: 		nowrap;
}
.nextDot {
	background-image: 	url(/framework/skins/govbenefits/images/skin/redDotIcon.gif);
	background-repeat:	no-repeat;
	height: 			42px;
	width: 				29px;
	position: 			absolute;
	left: 				-40px;
	top:				-8px;
}
.nextLine {
	background-image: 	url(/framework/skins/govbenefits/images/skin/dotTail.gif);
	background-repeat:	no-repeat;
	height: 			7px;
	width: 				89px;
	position: 			absolute;
	top: 				8px;
	padding-left: 		4px;
}
.nextSub {
    padding-left:       30px;
}
.nextMain {
	padding:            10px 0px 10px 0px;
}
.questnreBnftTbl {
    padding-left:       38px;
}