/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
    background-color: #dcdcdc;
	

    font-size: 0.9em;
    font-family: Verdana, Helvetica, Sans-Serif;
    color: #333333;
}

div
{
	padding: 0px 5px 0px 5px;
}

a:link
{
    color: #034af3;
    text-decoration: underline;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.4em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #39780f;
    font-family: Verdana, Helvetica, sans-serif;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 1000px;
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	background:#fff;
	padding: 0;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */   
}

#header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
    border:0;
}

#header h1
{
    font-weight: bold;
    padding: 0;
    margin: 0;
    color: #000;
    border: none;
    line-height: 2em;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 32px !important;
    border: 0;
}

#main
{
    padding: 8px;
    border: 0;
    margin-bottom: 0px;
    overflow: hidden;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
    _display: inline;
}


#footer
{
    text-align: center;
    line-height: normal;
    padding: 0px 0 10px 0;
    margin-bottom: 10px;
    font-size: .9em;
	width:100%;
	bottom:0; /* stick to bottom */

}

/* TAB MENU   
----------------------------------------------------------*/
ul#selectLanguage
{
    position: absolute;
    text-align: left;
    float:left;
    z-index: 1;
    background-color: #006aa8;
    border:0;
    margin: 0;
    padding: 0px 5px 0px 2px;
    height: 20px;
}


ul#selectLanguage li
{
    display: inline;
    list-style: none;
    border: 0;
    margin:0;
    padding:0;
    vertical-align: middle;
}

ul#selectLanguage li img
{
	border: 0;
    margin: 0;
    padding: 1px 0px 0px 0px;
    vertical-align: middle;
}

ul#selectLanguage li a
{
    padding: 0px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    padding: 0;
    border: 0;
    margin: 0;
}


ul#selectLanguage li a:hover
{
    text-decoration: none;
    color: #ffd200;
    padding: 0;
    border: 0;
    margin: 0;
}

ul#selectLanguage li a:active
{

    text-decoration: none;
    padding:0;
    border: 0;
    margin: 0;
}

ul#selectLanguage li.selected a
{
    background-color: #fff;
    color: #000;
    padding:0;
    border: 0;
    margin: 0;
}

ul#menu
{
    position: relative;
    text-align: right;
    background-color: #006aa8;
    border:0;
    margin: 0;
    padding: 2px 5px 2px 0px;
    height: 20px;
}

ul#menu li
{
    display: inline;
    list-style: none;
    border: 0;
    margin:0;
    padding:0;
}

ul#menu li#greeting
{
    padding: 0;
    border: 0;
    margin: 0;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 2px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    padding: 0;
    border: 0;
    margin: 0;
}


ul#menu li a:hover
{
    text-decoration: none;
    color: #ffd200;
    padding: 0;
    border: 0;
    margin: 0;
}

ul#menu li a:active
{

    text-decoration: none;
    padding:0;
    border: 0;
    margin: 0;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
    padding:0;
    border: 0;
    margin: 0;
}


/* SuMENU   
----------------------------------------------------------*/
ul#submenu
{
    text-align: right;
    background-color: #f3efe9;
    border: 0;
    margin: 0;
    padding: 2px 5px 2px 0px;
}

ul#submenu li
{
    display: inline;
    list-style: none;
    border: 0;
    margin:0;
    padding:0;
}

ul#submenu li#subgreeting
{
    padding: 0;
    border: 0;
    margin: 0;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #0065a2;
}

ul#submenu li a
{
    padding: 2px;
    font-weight: bold;
    text-decoration: none;
    color: #0065a2;
    padding: 0;
    border: 0;
    margin: 0;
}


ul#submenu li a:hover
{
    text-decoration: none;
    color: #5A5A5A;
    padding: 0;
    border: 0;
    margin: 0;
}

ul#submenu li a:active
{

    text-decoration: none;
    padding:0;
    border: 0;
    margin: 0;
}

ul#submenu li.selected a
{
    background-color: #fff;
    color: #000;
    padding:0;
    border: 0;
    margin: 0;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    margin: 0 0 5px 0;
    padding-left: 3px;
    padding-top: 8px;
    border: 1px solid #ffd200;
    background-color: #f3efe9;
}

fieldset p 
{
    margin: 2px;
}

fieldset label 
{
    display: block;
}

fieldset label.inline 
{
    display: inline;

}

legend 
{
    font-size: 12px;
    color:#317802;
    font-weight: 600;
    padding: 0px 3px 3px 2px;
}
  
    
.HeadingBackground
{
    background-color:#5a5a5a; 
    color: White; 
    font-weight:bold; 
    border-top: solid 6px white;
    padding:2px 2px; 
    margin:0;
}


input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}


/* TABLE
----------------------------------------------------------*/

table 
{
	border-collapse: collapse;
	margin: 2px;
}

table td 
{
  padding: 5px;   

}

table th
{
  padding: 6px 5px;
  text-align: left;
   
}

.AlternatingRow
{
	background-color: #d5d2cb;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

#menucontainer
{
    margin:0;
    border: 0;
    padding:0;
    color: White;
    width: 100%;
    _display: inline;
}


#submenucontainer
{
    margin:0;
    border: 0;
    padding:0;
    color: #333333;
    width: 100%;
}

div#title
{
    width: 100%;
    background: #ffd200;
    padding:0;
    margin:0;
    height: 100px
}

.logo
{
float: left;
}

.partner
{
	float: right;
}

#logindisplay
{
    font-size:1em;
    font-weight:bolder;
    text-align:center;
    color:#fff;
    padding:0;
    border: 0;
}

#logindisplay a:link
{
    color:#fff;
    text-decoration: none;
}

#logindisplay a:visited
{
    color:#fff;
    text-decoration: none;
}

#logindisplay a:hover
{
    color: #ffd200;
    text-decoration: none;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.month
{
	max-width: 25px;
	
}

.year
{
	max-width: 45px;
	
}

.footer
{
	
	width : 100%;
}


.blank
{
	border: none 0px #fff;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.blank td 
{
  padding: 0px;   
  border: none 0px #fff;
}

.blank th
{
  padding: 0px;
  text-align: left;
  border: none 0px #fff;   
}

.exchange 
{
  border: 0;
  border-collapse: collapse;
  width: 350px;
  height: 86px;
  color: #317802;
  background-image:URL("mtxpress/ExchangeBackground.png");
  background-repeat: no-repeat;
  font-family: Verdana, Helvetica, sans-serif;
}

.exchange td 
{
  text-align:center;
  font-size:1.8em;
  font-weight:bolder;
  padding: 0px 10px 0px 10px;
}

.exchange th
{
 padding: 5px 10px 0px 10px;
}

#learnMore
{
	float: right;
	color: #083eb8;
}

#clear
{
	clear: both;
}

.home
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	margin-top: 15px;
	padding: 0px;
	border-collapse: collapse;
	width: 978px;
}

.home td
{
	padding: 2px;
}

.homeBottom
{
	vertical-align: top;
}

.homeLeftColumn
{
	width: 716px;
    float: left;
	vertical-align: top;
}

.homeRightColumn
{
	width : 238px;
    float: right;
    vertical-align: top;
}

.preLiveLeftColumn
{
	width: 698px;
    float: left;
	vertical-align: top;
}

.preLiveRightColumn
{
	width : 258px;
    float: right;
    vertical-align: top;
}

.loginbutton
{
    background-image:URL("mtxpress/Login-Register.png"); 
    background-repeat:no-repeat; 
    background-position:center; 
    background-color: Transparent;
    margin: 2px 0px 2px 0px;
    padding: 6px 0px 6px 0px; 
    color: #fff;
    text-align: center;
    vertical-align: middle;
    width: 180px;
    border: 0;
    font-weight: bolder;
}

.button
{
    background-image:URL("mtxpress/Generic-Button.png"); 
    background-repeat:no-repeat; 
    background-position:center; 
    background-color: Transparent;
    margin: 2px 0px 2px 0px;
    padding: 6px 0px 6px 0px; 
    color: #fff;
    text-align: center;
    vertical-align: middle;
    width: 131px;
    border: 0;
    font-weight: bolder;
}
.button a:link
{
    color: #fff;
    text-decoration: none;
}
.button a:visited
{
    color: #fff;
    text-decoration: none;
}
.button a:hover
{
    color: #fff;
    text-decoration: none;
}
.button a:active
{
    color: #fff;
    text-decoration: none;
}

#fees
{
    background-image: URL("mtxpress/FeesBackground4.png");
    background-repeat:no-repeat; 
    background-position:center;
    float:left;  
    color: White;
    width:142px;
    text-align:center;
    border-top: solid 10px #f3efe9;
    border-right: solid 15px #f3efe9;
    border-left: solid 15px #f3efe9;
    padding: 10px 0px 4px 0px;
}

#feesmain
{
    font-size:2.9em;
    font-weight:bolder;
    font-family: Verdana, Helvetica, sans-serif;
}
    
#feessecondary
{
    font-size:13px;
    font-family: Verdana, Helvetica, sans-serif;
    font-weight:bold;
}

.FeesFooter
{
    font-size: 1.2em;
    font-weight:bold;
    color: #317802;
    text-align:center;
    padding: 2px 0px 0px 0px;

}

.step
{
   border: 0; 
   text-align: center;
   width: 200px;
   font-weight:bold;
}

.stepimage
{
    border:0;
    outline: none;
    
    }

.stepTable
{
   width: 100%; 
   text-align: center;
   color: #317802;
}

#BaseAmount
{
    font-weight:bold;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:2em;
    width:100px;
    padding:5px;
	color: #317802;
}

#BaseCurrency
{
	color: #317802;
	width:230px;
}

#DestCurrency
{
	width:230px;
	color: #317802;
}

.Currency
{
    font-weight:bold;
    color: #317802;
    font-size: 2em;
}

.ErrorCurrency
{
    font-weight:bold;
    color: red;
}
.SubmitButton
{
    border-left: solid 2px white;
    border-top: solid 4px white;
}

.FullPageLayout
{
    padding-left: 20px;
    padding-right: 20px;
    text-align:justify;
}

.lucida
{
    font-family: Lucida Sans, Tahoma;
    font-size: 20px;
    color:#ccc;
}

.boxbackground
{
    margin: 1em 0;
    padding: 10px 8px;
    border: 1px solid #ffd200;
    background-color: #f3efe9;

}

.welcome
{
	text-align: right;
	float:right;
}

.welcomeHome
{
	font-weight: normal;
	color: Black;
	margin-bottom: 20px;
}

.inactiveBeneficiary
{
	color: Gray;
	font-style: italic;
	
}

.centered
{
	text-align: center;
	padding: 0px 10px 5px 10px;
}

.dataGathering select
{
	min-width: 230px;
}

.dataGathering select[disabled]
{
	color: Black;
}

.dataGathering input
{
	width: 230px;
}

.dataGathering textarea
{
	width: 230px;
}

.dataGathering input[type="checkbox"]
{
	width: auto;
}

.dataGathering input[type="submit"]
{
	width: 131px;
}

.dataGatheringNoFormat select
{
	min-width: 0px;
	width: auto;
}

.StackInline450
{
	float: left;
	width: 550px;
	min-height: 180px;
}

.StackInlinePadded
{
	padding-left: 40px;
}

.ClearStackHorizontally
{
	clear: left;
}

.StackInline
{
	display: inline;
}

.PageInfo
{
	padding-bottom:30px;
}


.progressBar{
	width:405px;
	height:24px;
	background:URL("mtxpress/bg_bar.gif") no-repeat 0 0;
	position:relative;
	float: left;
	padding:0;
	margin:0;
	border: solid 0px #909090;

}

.progressBar span{
	position:absolute;
	display:block;
	width:403px;
	height:22px;
	background:url("mtxpress/bar.gif") no-repeat 0 0;
	overflow:hidden;
	text-indent:-8000px;
	padding:0;
	margin:0px 0px 0px 0px;
	border:solid 2px gray;
	top: 0px;
	left:0px;
	
}
.progressBar em{
	position:absolute;
	display:block;
	width:403px;
	height:22px;
	background:url("mtxpress/bg_cover.gif") repeat-x 0 0;
	padding:0px;
	margin: 0px;
	border:0;
}

.floatleft
{
    float:left;
}

.floatright
{
    float:right; 
    padding-right:15px;
}

/* For Pagination 
---------------------------------------------------------*/
.pagination 
{
	font-size	: 0.9em;
	color		: Black;
}

.pagination span.current
{
	background-color	: #FFFFFF;
	border				: 1px solid #FFFFFF;
	color				: #333333;
	font-weight			: bold;
	margin				: 2px;
	padding				: 2px 4px;
}

.pagination a, .pagination a:link, .pagination a:active, .pagination a:visited
{
	background-color	: #FFFFFF;
	border				: 1px solid #80ABFF;
	font-weight			: bold;
	margin				: 2px;
	padding				: 2px 4px;
	text-decoration		: none;
}

.pagination a:hover, .pagination a:focus
{
	background-color	: #4D8AFF;
	border				: 1px solid #0057FF;
	color				: #FFFFFF;
}

/* 
---------------------------------------------------------*/
.calculator select
{
	max-width: 202px;
}

.logon
{
	padding: 5px 0px 10px 0px;
}

.mediaImage
{
	width: 120px;
	display: inline-block;
	vertical-align: top;
	min-height: 90px;
}

.mediaImage img
{
	border: solid 1px black;
	width: 120px;
	height: 80px;
}

.mediaText
{
	width: 700px;
	display: inline-block;
	vertical-align: top;
}