body {
	font-size: 13px;
	font-family: "Courier New", Courier, monospace;
	background: #000000;
}

.login {
	color: #FFFFFF;
}

.error {
	color: #FF0000;
}

.container {
	width: 100%;
	left: 1px;
	top: 0px;
}

.anchorTop {
	top: 0px;
	color: #FFFFFF;
}

.anchor2 {
	top: 50px;
	color: #FFFFFF;
}

.anchor3 {
	top: 100px;
	color: #FFFFFF;
}

.anchor4 {
	top: 150px;
	color: #FFFFFF;
}

.anchor5 {
	top: 200px;
	color: #FFFFFF;
}

.anchor6 {
	top: 250px;
	color: #FFFFFF;
}

.anchor7 {
	top: 300px;
	color: #FFFFFF;
}

.anchorBottom {
	color: #FFFFFF;
}

.anchorBottom2 {
	bottom: -80px;
	color: #FFFFFF;
}

.anchorBottom3 {
	bottom: -120px;
	color: #FFFFFF;
}

.submitBottom {
	position: absolute;
	padding: 10px 0;
	width: 100%;
	height: 40px;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	text-shadow: #3F4E63 0px -1px 1px;
	background: url(iPhoneToolbar.png) #8191AA repeat-x;
	left: 0px;
	color: #FFFFFF;
	vertical-align: middle;
	border: none;
}

.toolbarMenu {
	position: absolute;
	padding: 10px 0;
	width: 100%;
	height: 30px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-shadow: #3F4E63 0px -1px 1px;
	background: url(iPhoneToolbar.png) #8191AA repeat-x;
	left: 0px;
}

.toolbarRed {
	position: absolute;
	padding: 10px 0;
	width: 100%;
	height: 20px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-shadow: #3F4E63 0px -1px 1px;
	background: url(iPhoneToolbarRed.png) #8191AA repeat-x;
	left: 0px;
}

.toolbarGreen {
	position: absolute;
	padding: 10px 0;
	width: 100%;
	height: 20px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-shadow: #3F4E63 0px -1px 1px;
	background: url(iPhoneToolbarGreen.png) #8191AA repeat-x;
	left: 0px;
}

.icon-btn {
	color: #FFFFFF;
}

.icon-bar {
	position: absolute;
	top: 0px;
	width: 100%;
	text-rendering: optimizeLegibility;	
}

.icon-bar  a1 {	
	width: 100%;
	height: 25px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-shadow: #3F4E63 0px -1px 1px;
	background: url(iPhoneToolbar.png) #8191AA repeat-x;
	float: left;
	transition: all 0.3s ease;
}

.icon-bar  a3 {	
	width: 33%;
	height: 25px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-shadow: #3F4E63 0px -1px 1px;
	background: url(iPhoneToolbar.png) #8191AA repeat-x;
	float: left;
	transition: all 0.3s ease;
}

.icon-bar a1:hover {
    color: #3F4E63;
}

.icon-bar a3:hover {
    color: #3F4E63;
}

.row {
	width: 100%;
	height: 35px;
}

.onecol, .twocol1, .twocol2, .threecol, .threecol1, .threecol2, .threecol3, .fourcol3, .fourcol4 {
	float: left;
	padding-left: 3px;
	min-height: 1px;
	border-top: 1px solid #E0E0E0;
	background-color: #FFF;
	color: #00000;
}

.grey {
	background-color: #CCCCCC;
}

.green {
	background-color: #CCFFCC;
}

.last {
		background: url(iPhoneArrow.png) no-repeat right center;
		height: 100%;
}

img, object, embed {
	max-width: 100%;
}

img {
	height: auto;
}

.table {
	font-size: 13px;
	font-family: "Courier New", Courier, monospace;
	background: #FFFFFF;
}

/* PC */
@media screen and (min-width:812px) { 
		
	.onecol {
	width: auto;
	margin-left: 10px;
	padding-left: 10px;
	padding-right: 10px;
	}

	.row .twocol, .row .threecol, .row .threecol1, .row .threecol2, .row .threecol3 {
	width: 250px;
	margin-left: 5px;
	margin-right: 0px;
	padding-left: 10px;
	padding-right: 10px;
	}
	
	.row .twocol1 {
	width: 200px;
	margin-left: 5px;
	margin-right: 0px;
	padding-right: 0px;
	}

	.row .twocol2 {
	width: 300px;
	margin-left: 10px;
	margin-right: 0px;
	padding-right: 0px;
	}
	
	.row .fourcol3 {
	width: 85px;
	margin-left: 10px;
	margin-right: 0px;
	padding-left: 10px;
	padding-right: 0px;
	}
	
  .row .fourcol4 {
	width: 30px;
	margin-left: 10px;
	margin-right: 0px;
	padding-left: 10px;
	padding-right: 0px;
	}

}

/* Mobile */
@media screen and (max-width:812px) { 
	body[orient="profile"] .container {
	height: 416px;
	}
			
	body[orient="landscape"] .container {
	height: 268px;
	}
	
	.row, body, container {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}
		
	.row .threecol1 {
	width: 146px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 1px;
	padding-right: 1px;
	text-align: left;		
	}
		
	.onecol {
	width: auto;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 10px;
	padding-right: 1px;
	text-align: left;			
	}
	
	.row .twocol1 {
	width: 160px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 1px;
	padding-right: 0px;
	}

	.row .twocol2 {
	width: 208px;
	margin-left: 2px;
	margin-right: 0px;
	padding-left: 3px;
	padding-right: 0px;
	}

	.row .threecol2 {
	width: 50px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 1px;
	padding-right: 0px;
	text-align: left;		
	}

	.row .threecol3, .row .fourcol3, .row .fourcol4 {
	width: 85px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 1px;
	padding-right: 1px;
	text-align: left;		
	}

	.row .fourcol4 {
	width: 30px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 1px;
	padding-right: 1px;
	text-align: left;		
	}
}