/* ##################    Common     ################## */

* {
	font-family:Helvetica,Arial,sans-serif;	
	font-size:13px;
	line-height:15px;
	color:#003399;
}
body {
	padding:0;
	margin:0;
}
.interiorbody 
{
	background:url(../../Images/logo.gif) no-repeat top center;
}

div .titlebar,td .titlebar
{
	text-align:left;
	font-weight:bold;
	background: url('../../Images/matrixTravBackground.gif');
	padding:4px;
	vertical-align:middle;
	margin:5px 0px 10px 0px;
}
.titlebar a.edit
{
	text-decoration:none;
}
.titlebar a:hover.edit
{
	text-decoration:underline;
}
.confirmplanlabel
{
	padding-bottom:8px;
}
.confirmplanvalue, .confirmplanvalue span
{
	font-size:18px;
	font-weight:bold;
	padding-bottom:14px;
}
.confirmplantable, .confirmplantable td
{
	font-size:11px;
	font-weight:bold;
	padding-bottom:3px;
	padding-top:3px;
	border-bottom:solid 1px #cad8ee;
}

.bluebox {
	padding:15px 15px 15px 15px; 
	background: #e1f3f1 url(../../images/bluebox.gif) repeat-x 0 0;
	margin:20px 20px 20px 20px;
	border: 2px solid #d7efec;
}

/* ##################    Text     ################## */

p {
	margin:12px 10px 16px 0;
}
a:link, a:visited {
	text-decoration:none;
	color: #003399;
}

a:hover.noline, .noline a:hover, .noline:hover {
	text-decoration:none;
	color:#285ea0;
}
a:link.noline, .noline a, .noline a:link, .noline a:visited, a:visited.noline, .noline, td.noline  {
	text-decoration:none;
	color:#285ea0;
}

a:hover.yesline, .yesline a:hover, .yesline:hover {
	text-decoration:underline;
	color:#285ea0;
}
a:link.yesline, .yesline a, .yesline a:link, .yesline a:visited, a:visited.yesline, .yesline, td.yesline  {
	text-decoration:underline;
	color:#285ea0;
}

.strong, .strong a, .strong a:link 
{
    font-weight: bold;
}

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

ul.arrow li  {
	background: transparent url(../../Images/bullet.gif) no-repeat scroll 2em 0pt;
	padding-bottom:0.7em;
	padding-left:3.2em;
}


li {
	background: transparent none no-repeat left 4px;
	padding: 0 5px 0 12px;
	margin: 8px 0;
}

.small, .small td, .small strong, .small a, .small td, .small span
{
    font-size: 11px;
}
.bold, .bold td, .bold strong, .bold a, .bold td, .bold span
{
    font-weight:bold;
}

/* ##################    Login/Logout     ################## */

#login {
   background: White url(../../Images/loginBackground.jpg) no-repeat top center; 
   width: 602px;
}
#logoutpage {
   background: White url(../../Images/logoutBackground.jpg) no-repeat top center; 
   width: 602px;
}

/* ##################    Headings     ################## */

h1, h2, h3, h4, h5 {
	font-weight:bold;
	margin:0;
	padding:0;
}

td.heading, .heading td, .heading, h1, h1 * {
	font-size:16px;
	color:#1b3f95;
	margin:10px 0px 10px 0px;
}
td.heading, .heading td, .heading
{
    font-weight: bold;
}

h2 {
	font-size:16px;
	color:#F9A725;
}
h3 {
	font-size:14px;
	color:#959595;
}
h4 {
	font-size:13px;
	color:#959595;
}
h5 {
	font-size:12px;
}

/* ##################    Elements     ################## */

#container {
	width:770px;
	margin:0 auto;
	height:100%;
}
#navigation {
	margin-top:20px;
}
.mainnav li
{
	padding:0;
	margin:0;
}
/* ##################    Header     ################## */

#header {
	width:530px;
}
#header #pagetitle {
	font-size:30px;
	color:#F9A725;
	margin:35px 0px 10px 0px;
}
#header #pagewelcome {
	text-align:right;
	font-size:12px;
	font-weight:bold;
}
#header #pagelinks {
	text-align:right;
}
#header #pagelinks a {
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}
.pagesubtitle {
	font-size:21px;
	text-decoration:none;
	margin:8px 0px 5px 0px;
}
.pagedescription 
{
	margin-bottom:10px;
}
.pagesectiontitle,.pagesectiontitle span
{
	font-size:17px;
	padding:20px 0px 5px 0px;
}
.pagesectiontext
{
	font-size:12px;
	padding:0px 0px 10px 0px;
}

/* ##################    Matrix     ################## */

/*------------- Plan/Header -------------*/
.matrixplanfirsttd, .matrixplanfirsttd strong
{
	width:150px;
	color:Red;
}
.matrixplanname
{ 
	font-size:14px;
	font-weight:bold;
	text-align:center !important;
}

.matrixselectlabel 
{
	text-align:left;
	font-weight:bold;
	font-size:14px;
	padding:4px;
	background: url('../../Images/matrixSelectBackground.gif');
	border-top:solid 1px #999999;
	border-right:solid 1px #999999;
	border-left:solid 1px #999999;
}
.matrixselectcell 
{
	text-align:center;
	background: url('../../Images/matrixSelectBackground.gif');
	border-top:solid 1px #999999;
	border-right:solid 1px #999999;
}
/*------------- Base Premium -------------*/
.matrixbaselabel
{
	text-align:left;
	font-weight:bold;
	font-size:12px;
	padding:4px;
	color:#6e82b2;
	border-top:solid 1px #999999;
	border-right:solid 1px #eeeeee;
	border-left:solid 1px #eeeeee;
}
.matrixbasecell
{
	font-size:12px;
	text-align:center;
	padding:4px;
	font-weight:bold;
	color:#6e82b2;
	border-top:solid 1px #999999;
	border-right:solid 1px #eeeeee;
}
/*------------- Traveler -------------*/
.matrixtraveler
{
	text-align:left;
	font-weight:bold;
	background: url('../../Images/matrixTravBackground.gif');
	padding:4px;
	vertical-align:middle;
	border-right:solid 1px #999999;
	border-left:solid 1px #999999;
	border-top:solid 1px #999999;
}
.matrixtraveler a
{
	text-decoration:none;
}
.matrixtraveler a:hover
{
	text-decoration:none;
}
.matrixtraveler .small
{
	color:red;
}
/*------------- Option -------------*/
.matrixoptionlabel
{
	text-align:left;
	font-weight:bold;
	font-size:12px;
	height:40px;
	padding:4px;
	border-top:solid 1px #999999;
	border-right:solid 1px #eeeeee;
	border-left:solid 1px #eeeeee;
}
.matrixoptioncell
{
	font-size:12px;
	text-align:center;
	font-weight:bold;
	height:40px;
	padding:4px;
	border-top:solid 1px #999999;
	border-right:solid 1px #eeeeee;
}
.matrixoptionnacell
{
	color:#cccccc;
	font-size:11px;
	text-align:center;
	height:40px;
	border-top:solid 1px #999999;
	border-right:solid 1px #eeeeee;
}
.matrixoptionnacelloptflight
{
	color:#cccccc;
	font-size:11px;
	text-align:center;
	margin-top:13px;
	font-weight:normal;
}
.matrixoptioncell input
{
	border:solid 4px #c7d5ee !important;
	padding:0px;
	margin:3px;
	vertical-align:middle;
}
/*------------- Total -------------*/
.matrixtotallabel
{
	text-align:left;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	text-align:left;
	padding:4px;
	border-top:solid 1px #999999;
	border-right:solid 1px #5c81d9;
	border-bottom:solid 1px #999999;
	border-left:solid 1px #5c81d9;
	background: url('../../Images/matrixTotalBackground.gif');
}
.matrixtotalcell
{
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	border-top:solid 1px #999999;
	border-right:solid 1px #5c81d9;
	border-bottom:solid 1px #999999;
	background: url('../../Images/matrixTotalBackground.gif');
}
.matrixtotallabel .small 
{
	color:#ffffff;
	font-size:10px;
	font-weight:bold;
	line-height:11px;
}
/*------------- Benefit -------------*/
.matrixbenefitlabel
{
	text-align:left;
	padding:8px;
	border-top:solid 1px #999999;
	border-right:solid 1px #eeeeee;
	border-left:solid 1px #eeeeee;
}
.matrixbenefitsublabel
{
	text-align:left;
	padding:2px 0px 6px 24px;
	border-right:solid 1px #eeeeee;
	border-left:solid 1px #eeeeee;
	line-height:normal;
	letter-spacing: -0.5px;
}
.matrixbenefitcell
{
	font-size:12px;
	text-align:center;
	padding:4px 0px;
	border-top:solid 1px #999999;
	border-right:solid 1px #eeeeee;
	line-height:normal;
	letter-spacing: -0.5px;
}
.matrixbenefitsubcell
{
	font-size:12px;
	text-align:center;
	padding:4px 0px;
	border-right:solid 1px #eeeeee;
	line-height:normal;
	letter-spacing: -0.5px;
}
.matrixbenefitlabel a,.matrixbenefitlabel a:hover
{
	font-weight:bold;
	font-size:12px;
	line-height:normal;
}
.matrixbenefitsublabel a,.matrixbenefitsublabel a:hover
{
	font-weight:bold;
	font-size:12px;
	line-height:normal;
}

/*------------- Misc -------------*/
.matrixbenefitheading
{
	text-align:center;
	font-size:15px;
	font-weight:bold;
	background: url('../../Images/matrixBenefitBackground.gif');
	padding:6px;
	vertical-align:middle;
	border-top:solid 1px #999999;
	border-right:solid 1px #999999;
	border-left:solid 1px #999999;
}
.matrixheading 
{
	background-color:#cfdff0;
	padding:3px 0px 3px 0px;
	border-bottom:solid 3px #9aa6b3;
}
.matrixnoplans
{
	font-size:4px;
	text-align:center;
	font-weight:bold;
	color:#cccccc;
}

/* ##################    FAQs     ################## */

A.faqs
{
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.faqs-spacer
{
    MARGIN-BOTTOM: 10px
}
.faqs-answer
{
    PADDING: 0 0 1px 16px;
}

/* ##################    Forms     ################## */

input,select,textarea {
	background: #dce4f4;
	border: 1px solid #bebebe;
	color: #1B3F95;
	font-weight:bold;
	padding:3px 3px 2px 3px;
}


textarea {
	border: 1px solid #bebebe;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 5px;
}
img.button, .button
{
	background:transparent !important;
	vertical-align:top;
	padding:0;
	margin:0;
}
.noborder, input.noborder, span.noborder, span.noborder input  
{
    background: none;
    border: none;
}
.checkbox, .checkbox input
{
	background:none !important;
	border:none !important;
	background-color:transparent !important;
}
.review .fieldlabel
{
	font-size:12px;
	font-weight:bold;
	width:80px;
	padding-bottom:5px;
	vertical-align:top;
}
.review .fieldvalue,.review .fieldvalue span
{
	font-size:12px;
	font-weight:normal;
	padding-bottom:5px;
	vertical-align:top;
}
.review .content
{
	padding:10px;
	vertical-align:top;
}
.fieldlabel 
{
	width:140px;
	padding-bottom:5px;
	height:20px;
}
.fieldlabellarge
{
	width:200px;
	padding-bottom:5px;
}
.fieldlabel a,.fieldlabellarge a,.matrixbenefitlabel a,.matrixbenefitsublabel a
{
	text-decoration:none;
	border-bottom:solid 1px #cad8ee;
}
.fieldlabel a:hover,.fieldlabellarge a:hover,.matrixbenefitlabel a:hover,.matrixbenefitsublabel a:hover
{
	text-decoration:none;
	border-bottom:solid 1px #003399;
}
.fieldpadbottom
{
	padding-bottom:5px;
}
.fieldpadbottom select
{
	margin:1px 0px;
}
.fieldpadright 
{
	padding-right:10px;
}
.fieldheading
{
	padding-bottom:4px;
}
.fieldheading a
{
	text-decoration:none;
	border-bottom:dotted 1px #a1b4c7;
}
.fieldheading a:hover
{
	text-decoration:none;
	border-bottom:solid 1px #003399;
}
.fieldvalue
{
	font-weight:bold;
}
.datagrid .header
{
	font-size:12px;
	font-weight:bold;
	padding:3px 0px;
}
.datagrid .datacell,.datagrid .datacell span
{
	font-size:12px;
	padding:3px 0px;
}
/* ##################    Announcements     ################## */

#announcement
{
	height:150px;
	margin-bottom:10px;
}
#announcement #panel1
{
	float:left;
	width:450px;
	height:150px;
	margin-right:20px;
	padding-right:20px;
}
#announcement #panel2
{
	float:left;
	width:270px;
	height:150px;
}

/* ##################    Footer     ################## */

#footer 
{
	margin-top:20px;
  	padding: 15px 0 80px 0px;
	background: White url(../../Images/footerBackground.gif) no-repeat top;
}
#footer div {
	color: #989898;
	font-size: 10px;
}
#footer a:link {
	text-decoration: none;
	font-size: 10px;
}
#footer a:hover {
	text-decoration: underline;
	font-size: 10px;
}

/* ##################    Objects     ################## */

img 
{
	border: none;   
}
.box
{
	width:530px;
	background-color:#f6f9fc;
	border:1px solid #c9d3dc;
	padding:20px;
	width:490px;
}

/* ##################    Horizontal Rules     ################## */

.hrheader {
	background: White url(../../Images/headerhr.gif) no-repeat;
	height: 1px;
	margin:0;
}
.hrbody 
{
	border-bottom:dotted 1px #cad8ee;
	height: 1px;
	margin:0;
}
.hrfooter
{
	border-bottom:solid 1px #cad8ee;
	height:3px;
	margin-bottom:20px;
}

/* ##################    Lines     ################## */

.linetop {
	border-top: 1px solid #cad8ee;
	padding-bottom: 5px;
}
.lineright {
	border-right: 1px solid #cad8ee;
	padding-right: 10px;
}
.linebottom {
	border-bottom: 1px solid #cad8ee;
	padding-bottom: 5px;
}
.lineleft {
	border-left: 1px solid #cad8ee;
	padding-left: 10px;
}

/* ##################    Positioning     ################## */

.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.clear {
	clear: both;
}

/* ##################    Padding     ################## */

.pad10 {
	padding: 10px;
}
.pad3 {
	padding: 2px 4px;
}




#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
}
#ajax_tooltipObj div{
	position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	background-image:url('../../Images/arrow.gif');
	width:1px;
	position:absolute;
	left:0px;
	top:0px;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
	height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
	border: 1px solid #BEBEBE; /* Border width */
	left: 18px; /* Same as border thickness */
	top: 0px;
	position: absolute;
	width: 325px; /* Width of tooltip content */
	height: 90px; /* Height of tooltip content */
	background-color: #FFF; /* Background color */
	padding: 10px; /* Space between border and content */
	overflow: auto; /* Hide overflow content */
	z-index: 1000001;
}
#definition,#definition strong
{
	font-size:11px;
}
#definition strong
{
	font-weight:bold;
}

/* ##################    Error Notifications     ################## */
.validationsummary {
	border: 1px solid #cccccc;
	background: #ecfaea url('../../images/warning.gif') no-repeat 7px 3px !important;
	padding: 10px 10px 5px 44px;
	margin-bottom:7px;
	font-weight: bold;
}
.validationsummary li {
	color: #be3526 !important;
	font-weight: normal;
}