/* Remove the orange highlight when tapping on an element in the android browser. */
* { -webkit-tap-highlight-color: rgba(0,0,0,0);}


/* CSS reset to get browsers to render the content the same. */
html{color:#000;background:#F5F5F5;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}


/* Global Styles given #Body selector in order to override extjs css reset */
#Body {
background-color:#f5f5f5;
color:#000018;
font-size:24px;
font-family:Arial,Verdana,Tahoma,sans-serif;
font-weight:700;
margin:0;
padding:0;
}

#Body ol,ul {list-style: none;}
#Body img{vertical-align:middle;border:none;}
#Body a{text-decoration:none;color:#000018;}
#Body p {font-size:18px;font-weight:400;}
#Body h1 {display:block;font-size:48px;position:relative;}
#Body h2 {display:block;font-size:36px;position:relative;}
#Body h1 img {vertical-align:text-bottom;}
#Body a.selected{background-color:#CBB677;}
#Body select.month,#Body select.day {width:auto;}
#Body input[type="text"].year {width:180px;}
#Body h1.padTop45 {padding-top:45px;}

#Body input[type=text],#Body input[type=password],#Body select {
font-size:1em;
width:400px;
height:28px;
transition:all .25s ease-in-out;
-webkit-transition:all .25s ease-in-out;
-moz-transition:all .25s ease-in-out;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border:1px solid rgba(0,0,0,0.2);
margin-top:20px;
}

#Body select:focus,#Body input:focus {
box-shadow: 0 0 5px rgba(203,182,119, 1);
-webkit-box-shadow: 0 0 5px rgba(203,182,119, 1); 
-moz-box-shadow: 0 0 5px rgba(203,182,119, 1);
border:1px solid rgba(203,182,119, 0.8);
background-color:#dac78d;
background-color:rgba(203,182,119, 0.8); 
}

#Body label {
min-width:275px;
text-align:right;
display:block;
float:left;
font-weight:700;
font-size:22px;
margin-top:20px;
}

#Body select#expireMonth{width: 6em;}
#Body select#expireYear{width: 10em;}

#Body .wrapper {
height:580px;
width:770px;
position:relative;
background-image:url(images/body.png);
display:block;
margin:0 auto;
}

#Body .contentSim {
display:block;
height:350px;
left:5px;
position:absolute;
top:10px;
width:650px;
text-align:center;
margin:0 auto;
padding:5px;
}

#Body .content {
display:block;
height:435px;
left:15px;
position:absolute;
top:70px;
width:710px;
text-align:center;
margin:0 auto;
padding:15px;
}


#wideMenuList li a:focus,#wideMenuList li a:active,#wideMenuList li a:hover {
color:#000;
text-shadow:none;
}

:focus,:hover {
outline:none;
}

.shortFields input,.shortFields select {
width:350px;
}

#header {
height:32px;
width:723px;
display:block;
position:absolute;
top:20px;
left:16px;
padding:8px;
}

#header ul.left li {
float:left;
margin-right:12px;
}

#header ul.right li {
float:right;
margin-left:12px;
}

#header li a {
background:url(images/nav.gif) no-repeat scroll 0 0 transparent;
height:27px;
display:block;
font-size:16px;
font-weight:700;
text-transform:uppercase;
padding:8px 0 0 40px;
}

#header li#back a {
width:67px;
}

#header li#back a:focus,#header li#back a:active {
background-position:0 -35px;
}

#header li#home a {
background-position:-107px 0;
width:67px;
}

#header li#home a:focus,#header li#home a:active {
background-position:-107px -35px;
}

#header li#logout a {
background-position:-214px 0;
width:91px;
}

#header li#logout a:focus,#header li#logout a:active {
background-position:-214px -35px;
}

#header li#help a {
background-position:-344px 0;
width:68px;
}

#header li#help a:focus,#header li#help a:active {
background-position:-344px -35px;
}

#header #greeting {
color:#FFF;
font-size:14px;
font-weight:700;
height:30px;
padding-top:10px;
text-align:center;
width:210px;
position:absolute;
top:8px;
left:250px;
}

.customHeader {
width:740px;
color:#666;
text-align:left;
font-size:1em;
overflow:hidden;
}

.customHeader img {
margin-right:25px;
float:left;
max-height:75px;
}

#wideMenu li.smallFont {
text-transform:none;
}

#wideMenu {
width:703px;
height:363px;
background-color:#DDD;
border:1px #CCC solid;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
padding:5px;
}

#wideMenuList li {
width:700px;
text-align:left;
height:50px;
position:relative;
border:1px #666 solid;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
background-color:#FFF;
font-size:20px;
display:table;
margin:5px 0;
}

#wideMenuList {
width:700px;
height:170px;
}

#wideMenuList li a,#wideMenuList li span.info {
width:680px;
height:50px;
display:table-cell;
vertical-align:middle;
padding:0 10px;
}

#wideMenuList.policyContainer {
width:700px;
height:275px;
font-size:12px;
font-weight:400;
overflow:auto;
}

#wideMenuList.policyContainer li.policyItem {
height:250px;
width:660px;
margin:5px auto;
padding:5px 10px;
}

#wideMenuList.policyContainer li.policyItem span {
padding:5px 10px;
}

#wideMenuList.policyContainer li.policyItem span li,#wideMenuList.policyContainer p {
width:auto;
height:auto;
border:none;
font-size:12px;
font-weight:400;
margin:0;
padding:10px;
}

#wideMenuList li span.columns {
float:left;
display:block;
font-size:20px;
}

#wideMenuList li span.fullWidth {
width:100%;
font-size:12px;
}

#wideMenuList li span.col50 {
width:50%;
}

#wideMenuList li span.col1 {
width:30%;
}

#wideMenuList li span.col2 {
width:53%;
}

#wideMenuList li span.col3 {
width:17%;
}

#wideMenuList li .name {
width:50%;
float:left;
}

#wideMenu .finePrint {
font-size:12px;
color:#666;
text-align:left;
font-weight:400;
position:absolute;
bottom:5px;
left:10px;
}

.pagingButton a {
display:table;
text-shadow:1px 1px 0 #000;
}

.pagingButton span {
display:table-cell;
vertical-align:middle;
text-transform:uppercase;
color:#FFF;
}

.pagingButton span,.pagingButton a {
background:url(images/pageUpDown.gif) no-repeat scroll 0 0 transparent;
width:701px;
height:50px;
}

.pagingButton.small {
padding:4px 5px 0;
}

.pagingButton.small span,.pagingButton.small a {
background:url(images/pageUpDown-small.gif) no-repeat scroll 0 0 transparent;
width:297px;
height:50px;
}

.pagingButton.up a:focus span,.pagingButton.up span:focus,.pagingButton.up a:active span {
background-position:0 -50px;
}

.pagingButton.up.grey span {
background-position:0 -100px;
}

.pagingButton.down a span {
background-position:0 -150px;
}

.pagingButton.down a:focus span,.pagingButton.down span:focus,.pagingButton.down a:active span {
background-position:0 -200px;
}

.pagingButton.down.grey span {
background-position:0 -250px;
}

.colHeaders {
position:absolute;
top:35px;
font-size:28px;
font-weight:400;
color:#999;
}

.col1 {
left:30px;
}

.col2 {
right:30px;
}

#twoColMenu div.listWrapper {
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
width:308px;
height:360px;
background-color:#DDD;
border:1px #CCC solid;
float:left;
position:relative;
}

#twoColMenu div.selected {
position:absolute;
right:15px;
bottom:32px;
}

#twoColMenu li {
display:table;
width:297px;
text-align:left;
height:50px;
margin:4px 5px 0;
background-color:#FFF;
}

#twoColMenu li.item a,#twoColMenu li.item span {
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border:1px #999 solid;
width:275px;
height:50px;
font-size:20px;
display:table-cell;
vertical-align:middle;
padding:0 10px;
}

#twoColMenu li.down {
position:absolute;
bottom:80px;
left:0;
}

#twoColMenu .button {
height:74px;
text-transform:uppercase;
position:absolute;
bottom:0;
left:0;
margin:5px;
}

#twoColMenu .button a {
padding-left:97px;
width:200px;
height:74px;
background:url(images/visitorButton.gif) no-repeat scroll 0 0 transparent;
}

#centerButtons {
bottom:168px;
position:absolute;
right:330px;
width:80px;
}

#centerButtons img {
margin:2px 0;
}

#infoPage {
font-size:18px;
}

#infoPage ul.list {
height:250px;
overflow-y:auto;
}

#infoPage ul.columns span {
float:left;
display:block;
}

#infoPage li span.col1 {
width:30%;
text-align:right;
}

#infoPage li span.col2 {
width:60%;
padding-left:25px;
text-align:left;
font-weight:400;
}

#infoPage .finePrint {
font-size:12px;
text-align:left;
font-weight:400;
width:auto;
color:#666;
margin:auto;
}

.warningChoosePayment {
font-size:14px;
text-align:left;
color:red;
margin-left:50px;
margin-right:50px;
}

.rejected {
color:red
}

#useSavedCard .ccv select {
width:30%;
height:40px;
width:200px;
margin-left:100px; 
float:left;
font-size:24px;
}

#useSavedCard .ccv Label {
width:10%;
min-width:0;
font-size:24px;
}

#useSavedCard .ccv Input {
width:4em;
float:left;
height:40px;
margin-left:20px;
}

#useSavedCard .ccv a {
float:left;
margin:10px 0 0 10px;
}

#languageSelection {
width:720px;
height:286px;
clear:both;
}

#languageSelection ul {
text-align:center;
height:286px;
margin:10px auto 0;
}

#languageSelection ul.two {
width:500px;
}

#languageSelection ul.one {
width:220px;
}

#languageSelection li {
display:block;
width:240px;
float:left;
}

#languageSelection a {
height:206px;
width:223px;
padding-top:80px;
position:relative;
background:url(images/languageSelector.gif) no-repeat scroll 0 0 transparent;
display:block;
text-transform:uppercase;
font-size:36px;
font-weight:700;
}

#languageSelection li a:focus,#languageSelection li a:active {
background-position:-223px 0;
}

#standardMenu {
width:414px;
margin:0 auto;
}

#standardMenu li {
font-size:25px;
font-weight:700;
text-align:left;
height:70px;
margin:5px 0;
display:table;
position:relative;
}

#standardMenu li a {
background:url(images/menu_button.gif) no-repeat scroll 0 0 transparent;
height:50px;
width:324px;
padding-left:90px;
display:table-cell;
vertical-align:middle;
}

#standardMenu img.large {
position:absolute;
top:5px;
left:10px;
}

#standardMenu li a:focus,#standardMenu li a:active,#standardMenu li.greenButton a:focus,#standardMenu li.greenButton a:active {
background-position:0 -70px;
}

#standardMenu ul.visitTypeSelection li {
margin-top:25px;
}

#standardMenu h1 {
text-align:right;
margin-right:50px;
}

#standardMenu li.greenButton a {
background:url(images/menu_button-green.gif) no-repeat scroll 0 0 transparent;
color:#000;
}

#standardMenu li.redButton a {
background:url(images/menu_button-red.gif) no-repeat scroll 0 0 transparent;
color:#000;
}

#standardMenu li.greenButton span{
color:#000;
}

#yearSelectionScreen {
height: 30px;
left: 85px;
position: absolute;
top: 75px;
width: 576px;
z-index: 10000;
}

.firstAvailable {
font-size:14px;
float:right;
}

#calendar {
width:500px;
margin:0 auto;
}

#calendarPage {
width:715px;
height:375px;
background-color:#DDD;
border:1px #CCC solid;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

#Body .x-date-inner .x-date-disabled a:hover {
background:none repeat scroll 0 0 #EEE;
}

#Body .x-date-inner .x-date-disabled a {
color:#CCC;
}

#buttons {
width:705px;
height:85px;
font-size:16px;
}

#buttons li {
float:right;
position:relative;
text-transform:uppercase;
display:table;
overflow: hidden;
border-radius: 3px;
}

#buttons li span,#buttons li a {
padding-left:82px;
display:table-cell;
vertical-align:middle;
text-align:left;
padding-right:5px;
}

#buttons.large li span.subtext,#standardMenu span.subtext {
font-size:12px;
color:#666;
text-transform:none;
font-weight:400;
opacity:1;
filter:alpha(opacity=100);
display:block;
height:auto;
width:auto;
background:none;
padding:0;
border-style: none;
}

#buttons.multiple li:first-child {
float:left;
}

#buttons.large li {
width:32%;
height:74px;
margin:3px;
background-image: linear-gradient(to right, #ebebeb, #999999);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ebebeb, endColorStr=#999999, GradientType=1);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebebeb, endColorstr=#999999, GradientType=1)";
}

#buttons.large-center li {
width:32%;
height:74px;
margin:3px;
margin-right: 35%;
background-image: linear-gradient(to right, #ebebeb, #999999);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ebebeb, endColorStr=#999999, GradientType=1);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebebeb, endColorstr=#999999, GradientType=1)";
}

#buttons.large li:active {
background-image: linear-gradient(to right, #999999, #ebebeb);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ebebeb, endColorStr=#999999, GradientType=1);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebebeb, endColorstr=#999999, GradientType=1)";
}


#buttons.large li span,#buttons.large li a {
/* background:url(images/wideButton2.gif) no-repeat scroll 0 0 transparent; */

border-style: solid;
border-color: #333;
border-width: 1px;
border-radius: 3px;
webkit-border-radius:3px;
}


#buttons.small li {
height:74px;
width:225px;
margin:6px 5px 0;
}

#buttons.small li span,#buttons.small li a {
background:url(images/smallButton.gif) no-repeat scroll 0 0 transparent;
height:74px;
width:138px;
}


#buttons.ieLarge li {
width:342px;
height:74px;
margin:5px;
}

#buttons.ieLarge li span,#buttons.ieLarge li a {
background:url(images/wideButton2.gif) no-repeat scroll 0 0 transparent;
height:74px;
width:255px;
}

#twoColMenu .greenButton a {
background:url(images/visitorButton-green.gif) no-repeat scroll 0 0 transparent;
}

#buttons.large li.greenButton a {
background:url(images/wideButton-green.gif) no-repeat scroll 0 0 transparent;
}

#buttons.small li.greenButton a {
background:url(images/smallButton-green.gif) no-repeat scroll 0 0 transparent;
}

#buttons.large li.greenButton span, #buttons.large li.greenButton a, #buttons.small li.greenButton a, 
#buttons.small li.greenButton span {
color:#000;
}

#lightBoxScreen {
width:100%;
height:100%;
display:block;
background-color:#666;
position:fixed;
opacity:.5;
filter:alpha(opacity=50);
z-index:1000;
}

#lightBoxWrapper {
width:100%;
height:100%;
position:absolute;
display:block;
min-height:250px;
z-index:1001;
margin:0 0 -15px -15px;
}

#lightBox {
margin:0 auto;
width:295px;
background-color:#FFF;
-moz-box-shadow:8px 8px 8px #666;
-webkit-box-shadow:8px 8px 8px #666;
box-shadow:8px 8px 8px #666;
border:1px #333 solid;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
padding:10px;
}

#lightBox.large {
width:auto;
min-width:450px;
max-width:600px;
max-height:400px;
}

#lightBox ul {
min-height:110px;
width:100%;
font-weight:400;
font-size:18px;
text-align:left;
margin-bottom:10px;
overflow:auto;
max-height:250px;
}

#lightBox div.twoButtons {
display:table;
width:300px;
height:75px;
margin-left:-3px;
}

#lightBox div.twoButtons a {
font-size:22px;
background:url(images/lightboxButton.gif) no-repeat scroll 0 0 transparent;
width:140px;
height:75px;
text-align:center;
text-transform:uppercase;
display:table-cell;
vertical-align:middle;
margin:0;
}

#lightBox div.twoButtons a:focus,#lightBox div.twoButtons a:active {
background-position:0 -75px;
}

#lightBox div.button {
display:table;
width:297px;
height:74px;
margin:0 auto;
}

#Body #lightBox div.button a {
background-image:url(images/visitorButton.gif);
width:200px;
height:74px;
text-align:center;
text-transform:uppercase;
display:table-cell;
vertical-align:middle;
margin:0;
}

#timeOfDayButtons {
position:absolute;
top:10px;
right:0;
font-size:14px;
}

#timeOfDayButtons li {
display:table;
background-image:url(images/topRight.gif);
width:175px;
height:50px;
float:left;
margin:0 15px;
}

#timeOfDayButtons a {
width:100px;
height:50px;
text-align:center;
text-transform:uppercase;
display:table-cell;
vertical-align:middle;
margin:0;
}

.link:hover {
color:#DE7A1C;
}

.finePrint {
font-size:12px;
color:#999;
text-align:left;
font-weight:400;
width:550px;
margin:25px auto 0;
}

#copyright {
display:block;
position:absolute;
text-align:center;
width:740px;
left:15px;
bottom:10px;
font:8pt Verdana, Tahoma, Arial, sans-serif;
color:#999;
}

#buttons .spanishLoginPad {
padding-left:75px;
}

.haitianTopNav {
font-size:14px;
}

.relationDropdown {
width:50%;
position:absolute;
top:-9px;
right:5px;
height:30px;
font-size:1em;
}

.invoiceTable {
border-spacing:0;
border-collapse:collapse;
color:#000;
margin:5px 0 15px;
}

.invoiceTable thead td {
font-weight:700;
}

.invoiceTable td {
border:1px #eee solid;
text-align:right;
width:125px;
padding:2px 5px;
}

.invoiceTable th {
text-align:left;
border:none;
padding-right:5px;
}

#Body div.center {
text-align:center;
}

#Body .floatLeft {
float:left;
}

#Body .font20px {
font-size:20px;
}

#Body .font24pxLeft {
font-size:24px;
text-align:left;
float:left
}

#newPassword .floatCenter
{
float:center;
}

#Body .font42px {
font-size:42px;
}

.scrollable {
height: 420px;
overflow-x:hidden;
overflow-y:auto;
}

#infoPage ul.height225px {
height:225px;
}

.height275px {
height:275px;
}

#Body .red {
color:red;
}

::selection,::-moz-selection {
background:#666;
color:#FFF;
}

#wideMenuList li .dob,#wideMenuList li .displayedId {
width:25%;
float:left;
}

#twoColMenu .button a:focus,#twoColMenu .button a:active,#buttons.large li a:focus,#buttons.large li a:active,#buttons.small a:focus,#buttons.small li a:active,#lightBox div.button a:hover {
background-position:0 -74px;
}

#infoPage ul.list li,.clr {
clear:both;
}

#standardMenu li img,#buttons li img,li.button img,div.button img {
position:absolute;
top:10px;
left:10px;
}

#buttons li span,.disabled{
opacity:.4;
filter:alpha(opacity=40);
}

#standardMenu li.unavailable a {
color:#828282;
}

#Body li.button,#Body div.button {
display:table;
}

#Body li.button a,#Body li.button span,#Body div.button a,#Body div.button span {
display:table-cell;
vertical-align:middle;
text-align:left;
}

#Body #lightBoxButton{text-align:center;}

#Body #infoPage a.link,#Body .finePrint a {
color:#06C;
}

#exceptionContent {
margin-top:25px;
font-size:1em;
}

#loadingSplash {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:1000;
display:none;
background: #fff; 
}

#loadingSplash.show {
display:block;
}

#loadingSplash img {
z-index:1001;
}

#loadingSplash span {
display:block;
margin:250px auto;
z-index:1001;
}

li span.labelExample{
position:absolute;
bottom:-10px;
left:165px;
color:#666;
font-size:14px;
font-weight:normal;
}

ul.searchBlock{
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
background-color:#ddd;
border:#ccc solid 1px;
padding-bottom:20px;
}

.hiddenSubmit{
	position: absolute; 
	height: 0px; 
	width: 0px; 
	border: none;
}

#Body .postContentWrapper {
height:435px;
}

#Body .postContent {
overflow-y:auto;
overflow-x:hidden;
max-height:350px;
height:350px;
}

#Body .postContent li{
font-weight:400;
text-align:left;
width: 670px;
font-size: 14px;
height:auto;
padding:5px;
}

#Body .postContent li li{
width: auto;
padding:0;
border:0;
height:auto;
display:list-item;
}

#Body .postContent li ul, .postContent li ol{
margin-left:50px;
font-size:12px;
color:#333;
}
	
.postContent li ul li{
list-style:disc;
}

.postContent li ol li{
list-style:decimal;
}

.postContent li img{
max-width: 578px;
}

#Body .postContent em {
font-style: italic;
}
	
#Body .postContent strong{
font-weight: bold;
}

#Body .postContent a{
color: #0066CC;
text-decoration: underline;
}

#Body .postContent a:hover{
color: #DE7A1C;
}

#Body .printSummary{display:none; height:auto; padding-left:5px;overflow:visible;}
#Body .printSummary li{font-size:12px; width:auto;}
#Body .printSummary img{max-width:175pt;}
#Body .minHeightAuto{min-height:auto;}

.postId{color:#DDDDDD; float:right;}

/* Start of "Micro clearfix" */  
.cf { zoom: 1; }
.cf:before,.cf:after { content: ""; display: table; }
.cf:after { clear: both; }
/* End of "Micro clearfix" */

#Body .condenseList input, #Body .condenseList select, #Body .condenseList label {margin-top:16px}
#Body .condenseList {margin-bottom:25px;}

/* ------------------------------------- */
/* -----------	Mobile View	 ----------- */  
/* ------------------------------------- */
/* TODO add some design for the 600 range, the 320 layout looks strange in the 600 range. */
@media screen and (max-width:640px) {
	#header li#logout a:focus,#header li#logout a:active {
	background: url(images/logout-media-screen-size.gif) no-repeat scroll 0 0 transparent;
	background-position: 0px -35px;
	}
	
	#header li#logout a{
		background: url(images/logout-media-screen-size.gif) no-repeat scroll 0 0 transparent;
		background-position: 0px 0px;
	}
	
	#header li a{
	font-size:15px;
	}
	
	#header li#help a {
	background-position:-344px 0;
	width:68px;
	}
   	#loadingSplash > img {margin: 50% auto;}
   	#Body{width:100%; font-size:12px;}
   	#header{position:static;width:auto;height: 40px;padding:5px 0 0 10px;
	background-image: url(images/mobileGradient.gif); 
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#828282), to(#d0d0d0));
	background-image: -webkit-linear-gradient(top, #828282, #d0d0d0); 
	background-image: -moz-linear-gradient(top, #828282, #d0d0d0);
	background-image: -ms-linear-gradient(top, #828282, #d0d0d0);
	border-bottom: 2px solid #999;
	}
	/*#header li#back {float:right;}*/
	#header ul.left li {margin-right:6px}
	#header li#logout a {float:right; width:70px;}
	#header ul.right li {display: inline; float:right; margin-left:12px; margin-right:12px;}
   	#header #greeting {display:none;}
    #Body .wrapper {background-image:none;width:auto;height:auto}
    #Body .content{padding:2px 11px 5px;width:298px;left:0;top:0;height:auto;position:relative;}
    #Body h1 img{display:none;}
    #Body #copyright{display:none;}    
    #Body label{font-size:1em;min-width: 125px;margin-top:10px;float:none;text-align:left;}
    #standardMenu{width:285px;}
    #standardMenu li.greenButton a{background:url("images/phoneButton-green.gif") no-repeat scroll 0 0 transparent;}
    #standardMenu li a{background:url("images/phoneButton.gif") no-repeat scroll 0 0 transparent; padding-right:10px;}
    #standardMenu li {font-size: 1.8em;}
    #Body h1.padTop45 {padding:0;}
	#Body h1 {display: block;font-size: 2.3em;position: relative;}
	#languageSelection a {background: url("images/phoneButton.gif") no-repeat scroll 0 0 transparent;height:70px;width:auto;padding:0;display:table-cell;vertical-align:middle;}
	#languageSelection li {float: none;width: 285px;display:table;margin:5px 0;}
	#languageSelection {clear: both;height: auto;width: auto;}
	#languageSelection li a:focus, #languageSelection li a:active {background-position: 0 -70px;}
	#languageSelection ul{width:285px; margin:0 auto;height:auto;}
	#Body .customHeader{width:auto;}
	#Body .customHeader img{margin:0;}
	#lightBox.large {
	    max-height: none;
	    min-height: 200px;
	    width: auto;
	    max-width:305px;
	    min-width:305px;
	}
	#lightBox ul {
	    font-size: 1em;
	    font-weight: 400;
	    margin-bottom: 10px;
	    max-height: none;
	    min-height: 110px;
	    overflow: auto;
	    text-align: left;
	    width: 100%;
	}
	#Body input[type="text"], #Body input[type="password"], #Body select {
	    font-size:18px;
	    margin-top: 5px;
	    width: 95%;
	}
	#Body #lightBox div.button a {
	    background-image: url("images/phoneButton.gif");
	    height: 70px;
	    margin: 0;
	    width: 285px;
	}
	#lightBox div.button {
	    height: 70px;
	    width: 285px;
	}
	#lightBoxWrapper {
	    top:0px;
	    left:-5px;
	    margin:0;
	}
	#Body .postContent {
	overflow:visible;
	max-height:none;
	height: auto;
	}
	#Body .postContent li {
    font-size: 12px;    
    width: 95%;
	}
	#Body .postContentWrapper{
	height:auto;
	}
	#buttons {
	    font-size: 1.5em;
	    height: auto;
	    width: 285px;
	    margin:0 auto;
	}
	#buttons li {
	    float: none;
	}
	#buttons.small li.greenButton a {background: url("images/smallButtons-phoneGreen.gif") no-repeat scroll 0 0 transparent;}
	#buttons.large li.greenButton a {background: url("images/SmallButtons2-green.gif") no-repeat scroll 0 0 transparent;}
	#buttons.large li a:focus, #buttons.large li a:active, #buttons.small a:focus, #buttons.small li a:active {
    background-position: 0 -65px;
	}
	#lightBox div.button a:hover{
	 background-position: 0 -70px;
	}
	#twoColMenu .button a:focus, #twoColMenu .button a:active{
	background-position: 0 -50px;
	}
	#wideMenu {margin:2px auto 0;height: auto;width: 285px;}
    #wideMenu .finePrint {display:none;} 
	.finePrint {font-size: .8em;width: auto;}
	#wideMenuList {height: 132px;width: 285px;}
	#wideMenuList li {
    font-size: 1em;
    height: 40px;
    margin: 2px 0;
    width: 284px;
	}
	#timeBlockListContainer #wideMenuList {height: 222px;width: 285px;}
	#timeBlockListContainer #wideMenuList li {
	font-size: 1em;
    height: 70px;
    margin: 2px 0;
    width: 284px;
	}	
	#timeBlockListContainer #wideMenuList li a .finePrint {display:inline;}
	#wideMenuList li a, #wideMenuList li span.info {height: 40px;}
	#wideMenuList li .name {width: 40%;}
	#wideMenuList li .dob, #wideMenuList li .displayedId {width: 30%;}
	.pagingButton span, .pagingButton a {
    background: url("images/pageUpDown-phone.gif") no-repeat scroll 0 0 transparent;
    height: 50px;
    width: 285px;
	}
	.pagingButton span{text-indent:-9999px;}
	#buttons.small li span, #buttons.small li a {
    background: url("images/smallButtons-phone.gif") no-repeat scroll 0 0 transparent;
    height: 65px;
    width: 90px;
    padding:0 2px;
    text-align:center;
    font-size:1em;
	}
	#buttons.small li {
    height: 65px;
    margin: 2px 2px 0 ;
    width: 91px;
    float:right;
	}
	#buttons.small li img {display:none;}	
	#buttons .spanishLoginPad {padding-left: 45px;}
	#buttons.small .spanishLoginPad {padding-left: 0;}
	#wideMenuList li span.columns {font-size: 1em;}
	#buttons.large li span, #buttons.large li a {
	    background: url("images/SmallButtons2.gif") no-repeat scroll 0 0 transparent; 
	    height: 74px;
	    width: 80px;		
	}
	#buttons.large {margin-top:2px;}
	#buttons.large li {height: 65px;margin: 0 2px; width: 80px; font-size: 0.7em; float: left;}
	#buttons.large li span.subtext {display:none;}
	#buttons li img {left:5px;top:15px;width:40px;}
	#buttons li span, #buttons li a {padding-left: 50px;}
	#buttons {font-size: 1.1em;}
	#calendarPage {height: 312px;width: 285px;padding:0 5px;}
	.firstAvailable {display:none;}
	#yearSelectionScreen {
	    height: 26px;
	    left: 12px;
	    top: 85px;
	    width: 300px;
	}
	#timeOfDay{display:none;}
	#infoPage {font-size: 1em;}
	#infoPage .ccv Input {margin-left:0;width: 6em;float:none;}
	#infoPage .ccv Label {font-size: 1.1em;width: 25%;float:left;text-align:right;}
	#infoPage .ccv a {display:none;}
	#infoPage ul.list {min-height: 150px;}
	#infoPage ul.height225px{height:200px;}	
	#infoPage .finePrint {font-size: .8em;}
	#standardMenu span.subtext {font-size: .5em;}
	#wideMenuList.policyContainer li.policyItem {width: 260px;}
	#wideMenuList.policyContainer {
    font-size: .9em;
    width: 285px;
    overflow: visible;
    height: auto;
	}
	#Body .font20px{font-size:1em}
	#Body .font42px{font-size:1.4em;}
	#timeOfDayButtons {font-size: .9em;top: 5px;right:10px;}
	#timeOfDayButtons li {
    background-image: url("images/topRight-small.gif");
    height: 40px;
    width: 81px;
    padding:0 5px;
    margin: 2px 0;
}
	#timeOfDayButtons {font-size: .9em;}
	#timeOfDayButtons a {height: 40px;width: 75px;}
	#twoColMenu div.listWrapper {
	    height: 285px;
	    position: relative;
	    width: 110px;
	    padding:5px;
	}
	#twoColMenu li.item a, #twoColMenu li.item span {
    font-size: 1em;
    height: 40px;
    padding: 0 10px;
    width: 110px;
	}
	#twoColMenu li {
    height: 40px;
    margin: 2px 0;
    width: 110px;
	}
	#twoColMenu .button {
    height: 50px;
    margin: 2px;
    width: 110px;
    position:absolute;
    bottom:2px;
    left:3px;
	}
	#twoColMenu .button a {
    background: url("images/Buttons-110x50.gif");
    height: 50px;
    padding-left: 40px;
    width: 60px;
	}
	#twoColMenu .greenButton a {
	    background: url("images/Buttons-110x50-Green.gif");
	}
	#twoColMenu .button img {left:5px;top:10px;width:30px;}
	#twoColMenu div.selected {bottom: 0;right: -50px;}
	.pagingButton.small {padding: 0;}
	.col1 {left: 15px;}
	.col2 {right: 18px;}
	.colHeaders {font-size: 1.1em;top: 15px;color:#333;}
	#Body p {font-size: 1em;font-weight: 400;}
	#centerButtons {
	    position: absolute;
	    right: 142px;
   		top: 115px;
	    width: 40px;
	}
	#centerButtons img {width:40px;}
	.pagingButton.small span, .pagingButton.small a {
	background: url("images/PagingButtons-110x50.gif") no-repeat scroll 0 0 transparent;
	width: 110px;
	}
	.relationDropdown {font-size: 1em;height: 20px;top: 5px;width: 150px;}
	#Body #dobYear{width:70px;}	
	li span.labelExample {top: 0;font-size: .9em;right: 0;}
	.shortFields input, .shortFields select {width: 270px;}
	#expireMonth{width:100px;}
	#expireYear{width: 150px;}
	.height275px {height: 225px;}
	ul.searchBlock{padding-left:5px;}
	#swipeIdImage{display:none;}
	.postContent li img{max-width: 273px;}
	#Body .postContent li ul, .postContent li ol {margin-left: 25px;}
}


/* -------------------------------- */
/* -----------Print View----------- */ 
/* -------------------------------- */
@media print {
#Body .printable {
visibility:visible;
display:block;
}

* {
max-width:200pt;
}

/*  MOVED FROM * FOR SUMMARY PRINT POST */
#Body li{font-size:12px;}

#Body .wrapper {
margin-top:20px;
}

#Body h1 {
font-size:18px;
}

#Body .content {
left:0;
position:static;
top:0;
padding:0;
}

#infoPage ul.columns span {
display: inline;
}

#infoPage li span.col1 {
width:37%;
}

#infoPage li span.col2 {
padding-left:3%;
width:60%;
}

#Body pre,#Body blockquote {
border:1px solid #999;
page-break-inside:avoid;
}

#Body thead {
display:table-header-group;
}

#Body tr,#Body img {
page-break-inside:avoid;
}

#Body img {
max-width:100%;
}

@page {
margin:.5cm;
}

#Body p,#Body h2,#Body h3 {
orphans:3;
widows:3;
}

#Body h2,#Body h3 {
page-break-after:avoid;
}

#Body,.notPrintable {
visibility:hidden;
}

#Body{font-size:12px;}

.removeFromPrint,#header,#copyright,#greeting,#buttons,#djhistory {
display:none;
}

html,#Body,#Body .wrapper,#Body .content {
height:auto;
background:transparent;
}
}


#imglightboxScreen {
	height: 100%;
	width: 100%;
	background-color: #666666;
	position: fixed;
	top: 0;
	left: 0;
	opacity: .5;
	filter:alpha(opacity=50);
	z-index:100;
}

.hidden {display:none;}