@charset "utf-8";
/* CSS Document */

html { -webkit-text-size-adjust:none; }
img { border:none; }
.clearfloat { clear:both; height:0; font-size:1px; line-height:0px; }

@font-face {
	font-family:'Arial MT';
	src:url('../fonts/arialmt-webfont.eot?#iefix') format('embedded-opentype'), 
	    url('../fonts/arialmt-webfont.woff') format('woff'), 
	    url('../fonts/arialmt-webfont.ttf')  format('truetype'),
	    url('../fonts/arialmt-webfont.svg#svgFontName') format('svg');
} @font-face {
	font-family:'Arial MT Bold';
	src:url('../fonts/arialmtbold-webfont.eot?#iefix') format('embedded-opentype'), 
	    url('../fonts/arialmtbold-webfont.woff') format('woff'), 
	    url('../fonts/arialmtbold-webfont.ttf') format('truetype'),
	    url('../fonts/arialmtbold-webfont.svg#svgFontName') format('svg');
}

body { margin:0; background:#c9a06e; text-align:center; font-family:Arial MT, Arial, Helvetica, sans-serif; }

#full-screen-background-image { display:none; }

/* App frame */
.app-frame { display:none; position:relative; z-index:50; top:-7px; height:100%; min-height:450px; padding:0 !important; margin:0 !important;
	text-align:center; background:#fff url(../graphics/2x/app-devices.jpg) no-repeat; background-position:bottom center; background-size:256px; }
.app-container { padding:0 !important; margin:0 auto; max-width:768px; height:100%; color:#0a447b; }
.app-text { padding-bottom:180px; }
.app-text h1 { padding:15px 10px 0; font-size:18px; font-weight:bold; }
.app-text p { padding:10px; font-size:13px; }
.app-close { margin:10px 0; font-size:13px; text-decoration:underline; cursor:pointer; }
.app-close:hover, .app-close:focus { text-decoration:none; }

#layout_main { display:none; }

#layout_mobile {
	display:block;
	color:#000;
}

#layout_mobile b, #layout_mobile strong { font-family:Arial MT Bold, Arial, Helvetica, sans-serif; }

#layout_mobile #hdr {
	font-size:1em; font-weight:bold; color:#993300;
	padding:5px; text-align:center;
	background:-moz-linear-gradient(100% 100% 90deg, #c9a06e, #f8e7c4);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8e7c4), to(#c9a06e));
	border-bottom:1px solid #cfbf9c;
} #layout_mobile #hdr a {
	text-decoration:none;
	color:#993300;
	font-weight:bold;
} #layout_mobile #hdr .logo { width:253px; height:82px; margin:0 auto; }

/* Pixel ratio of 1.5. Background-size is 1/1.5 = 66.67% (of a 150px image) */
@media
	only screen and (-moz-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-device-pixel-ratio: 1.5) {
	#layout_mobile #hdr .logo { background: transparent url(/assets/graphics/2x/logoNEW.png) no-repeat; background-size:contain; }
	#layout_mobile #hdr .logo img { display:none; }
}

/* Pixel ratio of 2. Background-size is 1/2 = 50% (of a 200px image) */
@media
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	#layout_mobile #hdr .logo { background: transparent url(/assets/graphics/2x/logoNEW.png) no-repeat; background-size:contain; }
	#layout_mobile #hdr .logo img { display:none; }
}

#layout_mobile #contentArea {
	background-color:#003300;
	padding:8px 8px 0px 8px;
	text-align:center;
}

#layout_mobile #pghdr {
	background-color:#99cccc; /* e2cfa6 */
	padding:10px 5px 10px 5px;
	-webkit-border-top-right-radius:10px; -moz-border-radius-topright:10px; border-top-right-radius:10px;
	-webkit-border-top-left-radius:10px; -moz-border-radius-topleft:10px; border-top-left-radius:10px;
} #layout_mobile .pghdrTxt { 
	font:1em Arial MT Bold, Arial, Helvetica, sans-serif; font-weight:bold;
	padding-bottom:3px;
} #layout_mobile .pghdrTxt2 { 
	font:1em Arial MT Bold, Arial, Helvetica, sans-serif; font-weight:bold;
} #layout_mobile .pghdrSub { 
	font-size:.8em;
} #layout_mobile .pghdrSub2 { 
	font-size:.7em;
	background-color:#99cccc;
}

#layout_mobile #nav {
	background-color:#fff;
	padding:5px;
	-webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomright:10px; border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomleft:10px; border-bottom-left-radius:10px;
} #layout_mobile .navLink {
	font-size:.9em;
	font-weight:bold;
	margin:10px;
} #layout_mobile .navLink a {
	text-decoration:none;
	color:#993300;
	font-weight:bold;
}

#layout_mobile #content {
	background-color:#fff;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
} #layout_mobile #contentMid {
	background-color:#fff;
} #layout_mobile .secthdrTxt {
	background-color:#f8e7c4;
	padding:5px;
	font:.8em Arial MT Bold, Arial, Helvetica, sans-serif; font-weight:bold;
} #layout_mobile .bodyTxt {
	font-size:.8em;
	padding:5px 5px 10px 5px;
} #layout_mobile .bodyTxt2 {
	font-size:.75em;
	padding:5px 5px 10px 5px;
} #layout_mobile .subTxt {
	font-size:.75em;
} #layout_mobile a {
	text-decoration:none;
	color:#993300;
	font-weight:bold;
}

#layout_mobile .table {
	display:table;
	width:100%;
	padding:3px 0px 10px 0px;
} #layout_mobile .row {
	display:table-row;
	width:100%;
} #layout_mobile .cell {
	display:table-cell;
	padding:2px;
} #layout_mobile .element1 {
	text-align:left;
	font-size:.8em;
	padding-left:5px;
	width:1%;
} #layout_mobile .element2 {
	text-align:left;
	font-size:.8em;
	padding-left:3px;
} #layout_mobile .element3 {
	text-align:right;
	font-size:.8em;
	padding-right:5px;
} #layout_mobile .element4 {
	text-align:left;
	font-size:.7em;
	padding-left:3px;
}

#layout_mobile .hdrTxt {
	font-size:.9em;
	font-weight:bold;
} #layout_mobile .subhdrTxt {
	font-size:.8em;
	margin-top:3px;
}

#layout_mobile .bodyTxt9 {
	font-size:.8em;
	padding:5px 5px 10px 5px;
}

#layout_mobile #homeBtm {
	text-decoration:none;
	font-size:.7em;
	font-weight:bold;
	color:#000;
	background-color:#99cccc;
	padding:3px 0px 3px 0px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
} #layout_mobile #homeBtm a {
	text-decoration:none;
	font-size:.7em;
	font-weight:bold;
	color:#000;
}

#layout_mobile #ftr {
	background-color:#003300;
	font-size:.65em;
	line-height:9pt;
	color:#fff;
	font-weight:bold;
	padding:20px 2px 15px 2px;
	text-align:center;
} #layout_mobile .ftrLink {
	font-size:1.2em;
	margin-bottom:15px;
} #layout_mobile .ftrLink2 {
	font-size:1.3em;
	margin-bottom:15px;
} #layout_mobile #ftr a {
	text-decoration:none;
	color:#fff;
	font-weight:bold;
} #layout_mobile #ftrTopper {
	height:8px;
	background-color:#003300;
} #layout_mobile #ftrBtm {
	padding:5px;
	font-size:.6em;
	font-weight:bold;
	color:#993300;
	text-align:center;
	background:-moz-linear-gradient(100% 100% 90deg, #c9a06e, #f8e7c4);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8e7c4), to(#c9a06e));
	border-top:1px solid #cfbf9c;
}

@media only screen and (min-width:520px) {
	.app-frame, .app-container { height:auto; min-height:inherit; }
}