/* @group common */
html, body {margin: 0; padding: 0; text-align: center;}
body {background: #fff; font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Sans-Serif; font-size: 100.01%; padding: 20px;} /* background-color: #fffcf3; */
body {font-size: 100.1%;}
/* @end */


/* @group quote table form and text */
/* emailform popup window */
#popup_container {width: 100%; text-align: left;}
#email_quote_page_lhs h2 {font-size: 1.2em;  font-weight: bolder; text-align: left; padding: 2px 3px; border-bottom: 1px solid #CDD8E5;}
#email_quote_page_lhs p {font-size: 0.8em; text-align: left; padding: 2px 3px;}
#email_quote_page_lhs b {font-size: 0.8em; text-align: left; padding: 2px 3px; text-align: right;}
#email_quote_page_lhs table {text-align: right; margin-left: 50px;}
#email_quote_page_lhs tr {padding-top: 3px;}
#rhs {background-color: #fff;}
/* @end */


/* @group summary policy */
.policy_types {font-size: 0.75em; padding-left: 20px;}
.summary_outer h2 {font-size: 1.2em; color: #333; font-weight: bolder; border-bottom: 4px solid #333; text-align: left; width: 569px; margin: 1em 0 0 0; padding: 0 0 1px 3px;}
table.summary {width: 100%; margin:0; padding:0; font-size: 11px; color: #033d7d; text-align: center; margin-right: 2px; border-collapse: collapse; background-color: #fff; border: 1px solid #999;}
td.summary_header {background: #517fc5; color: #fff; padding: 4px 0; margin-bottom: 7px; border-left: 1px solid #fff; text-align: center;} 
.summary_policy {padding: 10px 7px; text-align: center; color: #333;}
.summary_key {font-weight: bolder; text-align: right; padding: 10px 3px; color: #3869a0; width: 20%;}
.summary_description {}
.summary_excesskey {border-bottom: 1px solid #999; text-align: right; padding: 3px 3px; background-color: #F2F7FC; margin-bottom: 10px; padding-right: 3px;}
.summary_excess {border-bottom: 1px solid #999; padding: 3px 3px; background-color: #F2F7FC; margin-bottom: 10px; text-align: center;}
.quote_table {text-align: center;}
.quote_table td {margin-left: 2px; text-align: center;}
.row_header {font-weight: bolder;}
/* @end */


/* @group schedule of benefits table */
.summary_policy, .summary_key {border-bottom: none;}
.benefit_description {background: #E8EFF0; padding: 4px; margin: 3px 3px 10px; border: 1px solid #87949E; text-align: left;}

/* small buy now button at bottom of schedule of benefits table */
a.pdfbutton_small span, a.small_quote_button span, a.buttons_buy_small span {position: absolute; left: -9000px;}
a.pdfbutton_small {display: block; width: 88px; height: 41px; background: url(/images/buttons/pdflogo_button-small.gif) 0 0 no-repeat; margin: 4px auto 0; outline: none;}
div#travel_area a.pdfbutton_small:hover {background: url(/images/buttons/pdflogo_button-smallover.gif) 0 0 no-repeat;}

a.buttons_buy_small {display: block; width: 76px; height: 27px;  background: url(/images/buttons/button_smallbuynow.gif) 50% 50% no-repeat; text-decoration: none; margin: 0 auto;}
a.buttons_buy_small:hover {background: url(/images/buttons/button_smallbuynow-over.gif) 50% 50% no-repeat;}
td.top_buybutton {padding-top: 2px; text-align: center;}
#popup_container td.top_buybutton p, #popup_container td.lower_buybutton p {font-size: 1.4em; color: #000; font-weight: bolder; margin: 0 0 3px; padding: 3px 0;}

/* here are the help icons used for schedule of benefits */
span.helpicon_schedule em {display: none;}
a.helplink_schedule:link {background: url(/images/buttons/helpicon_button.gif) top left no-repeat; width: 21px; height: 21px; display: block; float: left;}
a.helplink_schedule:visited {background: url(/images/buttons/helpicon_button.gif) top left no-repeat; width: 21px; height: 21px; display: block; color: #fff; float: left;}
a.helplink_schedule:hover {background: url(/images/buttons/helpicon_button-over.gif) top left no-repeat; width: 21px; height: 21px; display: block; text-decoration: none; border: none; float: left;}
a.helplink_schedule:active {background: url(/images/buttons/helpicon_button-down.gif) top left no-repeat; width: 21px; height: 21px; display: block; float: left;}
/* @end */

/* @group security code popups */
/* keyfacts popup window */
#keyfacts_container, #popup_container {margin: 4px}
body#popup_window #keyfacts_container {margin-top: 0;}
#keyfacts_container h1,  #popup_container h1 {font-size: 1.3em; margin: 0;}
#keyfacts_container h2,  #popup_container h2 {font-size: 0.9em; border-bottom: 1px solid #033d7d; padding-bottom: 1em; padding: 3px 0; margin-bottom: 0.5em;}
#keyfacts_container p,  #popup_container p {margin-left: 10px; margin-bottom: 1.5em; font-size: 0.8em;}

/* links */
a:link, a:visited {color: #0f2961; text-decoration: none;}
a:hover {color: #0f2961; text-decoration: underline;}
a:active {color: #0f2961; text-decoration: none;}


/* summary of cover popup */
.info_form {width: 75%; margin: 100px 20px 2em 100px;}
.info_form h2 {font-size: 120%;  font-weight: bolder; text-align: left; padding: 2px 3px; border-bottom: 1px solid #CDD8E5;}
/* @end */

/* @group display errors */
.errors_container {background: #fff url(/images/backgrounds/sign_warning.gif) right 50% no-repeat; padding: 5px 60px 5px; margin: 20px 8px; clear: both;} 

div.errors_container h3 {color: #d83f3f; font-size: 1.3em; letter-spacing: 2px; margin:0; padding: 0; border: none; text-align: center;}
div.errors_container p {color: #d83f3f; text-align: center; padding: 0; margin: 0.3em 0;}
div.errors_container ul {margin: 0 0 0 40px; color: #d83f3f; font-size: 0.8em; text-align: left;}

#travel_container_fullwidth #travel_calculator .errors_container {clear: both; width: 228px; padding: 5px; margin: 7px 0; text-align: left; border: none;}
/* @end */

/* @group calculator help popups */
#travel_definitions {background: url(/images/logos/jslogo_faded.gif) 50% 50% no-repeat; padding:
0 0 300px;}

#schedule_table .benefit_description { display: none; }
#schedule_table .odd { background: #ebfaef; }

/* @end */