/* generic wide container for transactional pages*/
#container #transactional {
float: left;
width: 932px;
margin: 0;
}

#transactional-container {
clear: both;
width: 932px;
}

#transactional-main {
float: left;
width: 762px;
margin: 0;
}

.transaction-box {
clear: both;
background:url(http://static.lhplans.com:80/imgs/transaction_box.gif) repeat-y;
width: 762px;
margin: 0;
}

.transaction-box:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* end generic wide container for transactional pages*/

/* transaction headers */
.header-transaction-green {
clear: both;
background:url(http://static.lhplans.com:80/imgs/header_transaction_green.jpg) no-repeat;
width: 762px;
height: 48px;
}

.header-transaction-brown {
clear: both;
background:url(http://static.lhplans.com:80/imgs/header_transaction_brown.jpg) no-repeat;
width: 762px;
height: 48px;
}

.header-transaction-blue {
clear: both;
background:url(http://static.lhplans.com:80/imgs/header_transaction_blue.jpg) no-repeat;
width: 762px;
height: 48px;
}

.header-transaction-purple {
clear: both;
background:url(http://static.lhplans.com:80/imgs/header_transaction_purple.jpg) no-repeat;
width: 762px;
height: 48px;
}

.header-transaction-pad {
padding: 11px 10px 5px 16px;
font-size: 18px;
font-weight: bold;
color:#fff;
line-height: 20px;
}

.header-transaction-pad-left {
float: left;
padding: 11px 10px 5px 16px;
font-size: 18px;
font-weight: bold;
color:#fff;
line-height: 20px;
}

.header-transaction-pad-right {
float: right;
padding: 16px 10px 5px 16px;
font-size: 11px;
color:#fff;
}
/* end transaction headers */

/* transactional form classes */
#transactional input.coverme {
font-size:.845em;
height:18px;
border: #ccc solid 1px;
}

#transactional select.coverme {
font-size:.845em;
height:20px;
border: #ccc solid 1px;
}

#transactional textarea.coverme {
font-size:.845em;
width: 220px;
border: #ccc solid 1px;
}


input.button-green { 
background-image:url(http://static.lhplans.com:80/imgs/button_green.gif);
height: 22px;
font-size: 13px;
font-weight: bold;
color:#fff;
text-decoration: none;
padding: 0 8px 2px 8px;
border: #fff solid 1px;
cursor:pointer;
cursor:hand
} 

input.button-brown { 
background-image:url(http://static.lhplans.com:80/imgs/button_light_orange.gif);
height: 22px;
font-size: 13px;
font-weight: bold;
color:#fff;
text-decoration: none;
padding: 0 8px 2px 8px;
border: #fff solid 1px;
cursor:pointer;
cursor:hand
}

input.button-blue { 
background-image:url(http://static.lhplans.com:80/imgs/button_blue.gif);
height: 22px;
font-size: 13px;
font-weight: bold;
color:#fff;
text-decoration: none;
padding: 0 8px 2px 8px;
border: #fff solid 1px;
cursor:pointer;
cursor:hand
} 

input.button-purple { 
background-image:url(http://static.lhplans.com:80/imgs/button_purple.gif);
height: 22px;
font-size: 13px;
font-weight: bold;
color:#fff;
text-decoration: none;
padding: 0 8px 2px 8px;
border: #fff solid 1px;
cursor:pointer;
cursor:hand
}

input.button-orange { 
background-image:url(http://static.lhplans.com:80/imgs/button_orange.gif);
height: 22px;
font-size: 13px;
font-weight: bold;
color:#fff;
text-decoration: none;
padding: 0 8px 2px 8px;
border: #fff solid 1px;
cursor:pointer;
cursor:hand
}
/* end transactional form classes */

/* progression steps */
/* health and dental*/
#steps-green {
clear: both;
width: 100%;
background-color: #dbe3cd;
}

#steps-green:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.green-step-arrow {
float: left;
background:url(http://static.lhplans.com:80/imgs/green_step_arrow.gif) no-repeat;
width: 14px;
height: 52px;
}

.green-next-apply {
float: left;
width: 104px;
height: 32px;
padding: 10px 0;
font-size: 12px;
color: #999;
text-align: center;
}

.green-active-apply {
float: left;
width: 104px;
height: 32px;
padding: 10px 0;
background-color: #c5d2af;
font-size: 12px;
font-weight: bold;
text-align: center;
}

.green-next-request {
float: left;
width: 242px;
height: 32px;
padding: 10px 0;
font-size: 12px;
color: #999;
text-align: center;
}

.green-active-request {
float: left;
width: 242px;
height: 32px;
padding: 10px 0;
background-color: #c5d2af;
font-size: 12px;
font-weight: bold;
text-align: center;
}
/* end health and dental*/

/* life*/
#steps-brown {
clear: both;
width: 100%;
background-color: #f6efe0;
}

#steps-brown:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.brown-step-arrow {
float: left;
background:url(http://static.lhplans.com:80/imgs/brown_step_arrow.gif) no-repeat;
width: 14px;
height: 52px;
}

.brown-next-apply {
float: left;
width: 104px;
height: 32px;
padding: 10px 0;
font-size: 12px;
color: #999;
text-align: center;
}

.brown-active-apply {
float: left;
width: 104px;
height: 32px;
padding: 10px 0;
background-color: #e8d4ab;
font-size: 12px;
font-weight: bold;
text-align: center;
}

.brown-next-request {
float: left;
width: 242px;
height: 32px;
padding: 10px 0;
font-size: 12px;
color: #999;
text-align: center;
}

.brown-active-request {
float: left;
width: 242px;
height: 32px;
padding: 10px 0;
background-color: #e8d4ab;
font-size: 12px;
font-weight: bold;
text-align: center;
}
/* end life*/

/* travel */
#steps-blue {
clear: both;
width: 100%;
background-color: #e9ecf2;
}

#steps-blue:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.blue-step-arrow {
float: left;
background:url(http://static.lhplans.com:80/imgs/blue_step_arrow.gif) no-repeat;
width: 14px;
height: 52px;
}

.blue-next-apply {
float: left;
width: 104px;
height: 32px;
padding: 10px 0;
font-size: 12px;
color: #999;
text-align: center;
}

.blue-active-apply {
float: left;
width: 104px;
height: 32px;
padding: 10px 0;
background-color: #c3cbdc;
font-size: 12px;
font-weight: bold;
text-align: center;
}

.blue-next-request {
float: left;
width: 242px;
height: 32px;
padding: 10px 0;
font-size: 12px;
color: #999;
text-align: center;
}

.blue-active-request {
float: left;
width: 242px;
height: 32px;
padding: 10px 0;
background-color: #c3cbdc;
font-size: 12px;
font-weight: bold;
text-align: center;
}
/* end travel */

/* critical */
#steps-purple {
clear: both;
width: 100%;
background-color: #efe8e8;
}

#steps-purple:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.purple-step-arrow {
float: left;
background:url(http://static.lhplans.com:80/imgs/purple_step_arrow.gif) no-repeat;
width: 14px;
height: 52px;
}

.purple-next-apply {
float: left;
width: 144px;
height: 32px;
padding: 10px 0;
font-size: 12px;
color: #999;
text-align: center;
}

.purple-active-apply {
float: left;
width: 144px;
height: 32px;
padding: 10px 0;
background-color: #d3c0c0;
font-size: 12px;
font-weight: bold;
text-align: center;
}

.purple-next-request {
float: left;
width: 242px;
height: 32px;
padding: 10px 0;
font-size: 12px;
color: #999;
text-align: center;
}

.purple-active-request {
float: left;
width: 242px;
height: 32px;
padding: 10px 0;
background-color: #d3c0c0;
font-size: 12px;
font-weight: bold;
text-align: center;
}
/* end critical */
/* end progression steps */

/* transactional table classes*/
table.transaction {
margin: 12px 0 2px;
padding: 0;
}

table.transaction-nomargin {
margin: 0 0 2px;
padding: 0;
}

table.transaction td {
font-family:  Arial, sans-serif;
color: #5a5544;
padding: 1px;
vertical-align: top;
}

table.transaction-pad {
margin: 12px 0 2px;
}

table.transaction-pad td {
font-family:  Arial, sans-serif;
color: #5a5544;
padding: 3px;
vertical-align: top;
}

table.transaction-colour {
margin: 12px 0 2px;
width: 100%;
padding: 0;
background-color: #ccc;
}

table.credit-card-box {
width: 300px;
border: #5a5544 solid 1px;
padding: 5px;
}

td.grey {
font-family:  Arial, sans-serif;
font-size: 12px;
background-color: #e1e1e1;
color: #5a5544;
padding: 4px;
vertical-align: top;
}
/* transactional table classes*/

.float-left {
float: left;
}

.float-right {
float: right;
}

.break {
padding-top: 4px;
}

ul.form-list {
list-style:none;
margin:0;
padding:0;
}

ul.form-list-horizontal {
list-style:none;
margin: 0;
padding:0;
}

ul.form-list-horizontal li {
display:inline;
}

#office-use {
width: 200px;
border: #000 solid 1px;
padding: 5px;
}

/* coloured section lines, footers, and sub sections */
.green-box-transaction-bot {
clear: both;
background:url(http://static.lhplans.com:80/imgs/green_box_transaction_bot.gif) no-repeat;
width: 762px;
height: 14px;
margin: 0;
}

.brown-box-transaction-bot {
clear: both;
background:url(http://static.lhplans.com:80/imgs/brown_box_transaction_bot.gif) no-repeat;
width: 762px;
height: 14px;
margin: 0;
}

.blue-box-transaction-bot {
clear: both;
background:url(http://static.lhplans.com:80/imgs/blue_box_transaction_bot.gif) no-repeat;
width: 762px;
height: 14px;
margin: 0;
}

.purple-box-transaction-bot {
clear: both;
background:url(http://static.lhplans.com:80/imgs/purple_box_transaction_bot.gif) no-repeat;
width: 762px;
height: 14px;
margin: 0;
}

.section-green {
clear: both;
background-color: #a7c17b;
width: 100%;
}

.section-brown {
clear: both;
background-color: #efc76f;
width: 100%;
}

.section-purple {
clear: both;
background-color: #fff;
width: 100%;
}

.green-line {
clear: both;
background-image:url(http://static.lhplans.com:80/imgs/green_line.gif);
height: 23px;
}

.brown-line {
clear: both;
background-image:url(http://static.lhplans.com:80/imgs/brown_line.gif);
height: 23px;
}

.section-pad {
padding: 3px 0;
font-size: 1em;
font-weight: bold;
color:#fff;
text-align: center;
}
.section-pad-left {
padding: 3px 18px;
font-size: 1em;
font-weight: bold;
color:#fff;
}

/* end coloured section lines, footers, and sub sections */

.orange-text2 {
font-size: .945em;
color: #c47f21;
}