@import url('jquery.ui.css');

* {
	font-family : tahoma, verdana, helvetica, arial;
	font-size : 11px;
}

html, body{
	height: 100%;
}

BODY {
	margin : 0;
	padding : 0;
	background: #000000;
}

H1 {
	margin : 0;
	padding : 0 0 10px 0;
	font-size : 18px;
	font-weight : bold;
	color : #ff8d04;
}

H2 {
	margin : 10px 0 0 0;
	padding : 5px 10px;
	font-size : 12px;
	color : #ffffff;
	background : #ff8d04;
	text-align : center;
}
THEAD TD {
	color : #764023;
	background : #FCC589;
}
TFOOT TD {
	color : #764023;
	background : #FCC589;
}
TFOOT INPUT {
	border : 1px solid #b66236;
	background : #fbbe72;
}

LABEL {
	float : left;
	display : block;
	width : 150px;
	padding : 2px 0;
	text-align : right;
}
INPUT, TEXTAREA {
	width : 200px;
	margin : 1px 5px;
	border : 1px solid #787878;
}
INPUT.radio {
	border : 0;
	width : 10px;
	vertical-align : middle;
	cursor : pointer;
}
INPUT.button {
	padding : 5px 10px;
	width : 150px;
	border : 1px solid #db90cb;
	background : #b70b7f url('../images/bg-btn.gif') repeat-x center;
	color : #ffffff;
	font-weight : bold;
	cursor : pointer;
}
INPUT.button1 {
	padding : 5px 10px;
	width : 150px;
	border : 1px solid #db90cb;
	background : #ff8d04 url('../images/bg-btn.gif') repeat-x center;
	color : #ffffff;
	font-weight : normal;
	cursor : pointer;
}
INPUT.button2 {
	padding : 5px 10px;
	width : 150px;
	border : 1px solid #fdc882;
	background : #ff8d04 url('../images/bg-btn2.gif') repeat-x center;
	color : #ffffff;
	font-weight : bold;
	cursor : pointer;
}

#page {
	padding : 46px 0 0 0;
	z-index: 100;
	position: absolute;
	width: 100%;
}
img.source-image {
	position: absolute;
	top: 0;
	left: 0;
}
.border-left {
	width : 785px;
	margin : 0 auto;
}
.border-right {
	float : right;
	width : 859px;
}
.border-image {
	margin-top : -10px;
}
.middle {
	width : 859px;
	position: relative;
}
#head {
	height : 130px;
	position:relative;
	margin: 24px 0 0 0;
}
#border-head {
	height : 15px;
}
#content {
	padding : 0 227px 10px 227px; 
}
#content #page_data {
	min-height : 400px;
	margin-top : -20px;
	padding : 15px;
	border : 3px solid #feaa46;
	background-color : #f6ebda;
}
.scroll {
	width : 300px;
	height : 300px;
	overflow : auto;
}
#sidebar {
	float : right;
	position: absolute;
	top: 0px;
	right: 0px;
}
#right {
	float : left;
	position: absolute;
	left: 0px;
	width: 227px;
	height: 100%;
}
.clear {
	clear : both;
}
.bottom {
	width : 785px;
	height : 20px;
	margin : 0 auto;
}
.bottom .left {
	width : 20px;
	height : 20px;
}
.bottom .right {
	width : 20px;
	height : 20px;
}
.bottom .center {
	float : left;
	width : 745px;
	height : 20px;
}


.msg {
	margin : 5px 0;
	padding : 5px;
	text-align : center;
}
.box {
	margin : 5px 0 0 0;
	padding : 5px 0;
}
.box LABEL {
	text-align : center;
	font-weight : bold;
}
.box .description {
	padding : 2px 5px 2px 155px;
	font-size : 10px;
}
.description {
	padding-left : 155px;
	color : #777777;
	font-size : 9px;
}
.required {
	color : #ff8d04;
}
.next {
	float : none;
	display : inline;
	width : auto;
}
#cardnum {
/*	display : none;*/
}
.buttons {
	padding : 10px 0 0 0;
	text-align : center;
}

#alert UL {
	padding-top : 0;
	padding-bottom : 0;
}
.bottom.pages {
	position: absolute;
	bottom: 11px;
	left: 11px;
	color: #ffffff;
}
.bottom.pages A {
	color : #ffffff;
	font-weight : normal;
	text-decoration : none;
}
.bottom.pages A:hover {
	color : #eeeeee;
	font-weight : normal;
	text-decoration : none;
}
.bottom.pages A.selected {
	font-weight : bold;
}

.background-image {
	z-index: 1;
}

#ico0 {
	width: 149px;
	height: 158px;
	display: block;
	outline: none;
	border: none;
	cursor: pointer;
}

#ico1 {
	width: 75px;
	display: block;
	background: url('../images/ico1.png') no-repeat top left;
	outline: none;
	border: none;
	cursor: pointer;
	margin: 44px 0 0 38px;
	padding: 69px 0 0 0;
	text-align: center;
	color: #4e3e2f;
	text-decoration: none;
	font-size: 12px;
}

#ico2 {
	width: 75px;
	display: block;
	background: url('../images/ico2.png') no-repeat top left;
	outline: none;
	border: none;
	cursor: pointer;
	margin: 10px 0 0 38px;
	padding: 69px 0 0 0;
	text-align: center;
	color: #4e3e2f;
	text-decoration: none;
	font-size: 12px;
}

#ico3 {
	width: 75px;
	display: block;
	background: url('../images/ico3.png') no-repeat top left;
	outline: none;
	border: none;
	cursor: pointer;
	margin: 9px 0 0 38px;
	padding: 69px 0 0 0;
	text-align: center;
	color: #4e3e2f;
	text-decoration: none;
	font-size: 12px;
}

#ico4 {
	position: absolute;
	top: 375px;
	right: 0px;
	width: 100px;
	display: block;
	outline: none;
	border: none;
	cursor: pointer;
	margin: 9px 0 0 38px;
	padding: 0;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
	font-weight:bold;
}

#ico5 {
	width: 150px;
	height: 80px;
	display: block;
	background: url('../images/app_store_badge.png') no-repeat bottom left;
	outline: none;
	border: none;
	cursor: pointer;
	position: absolute;
	top: 430px;
	right: -30px;
	color : #ffffff;
	font-size : 13px;
	font-weight : bold;
	text-decoration : none;
	text-align : center;
}

#content2, #content3 {
	background:#FEFADD;
	width: 405px;
	height: 378px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#content2 h1, #content3 h1 {
	background:url("../images/ui-bg_highlight-soft_75_043478_1x100.png") repeat-x scroll center center #054A89;
	color:#FFFFFF;
	font-size:14px;
	margin:0;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	padding:7px 15px 9px;
	text-transform: uppercase;
}

#content2 table {
	width: 250px;
	padding: 15px;
}

#content2 p {
	margin: 5px 0 0 25px;
}