body {
	background: #000000;
  	margin: auto;
	max-width:  480px;
}

body, div, span, p, ol, ul, li{
	color: #ffffff;
	/*font-family: Tahoma, Verdana, Arial, Helvetica, fantasy;*/
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
}
img { border: none; outline: none; }

form, input, select, textarea, h1, h2, h3, h4, h5, h6 {
	color: #222222;
	/*font-family: Tahoma, Verdana, Arial, Helvetica, fantasy;*/
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
}




a:link {
	color: #ff0000;
	text-decoration: none;
}
a:visited {
	color: #ff0000;
	text-decoration: none;
}

a:active {
	color: #ffffff;
	text-decoration: none;
}

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


a.navigation:link {
	color: #FFFFFF;
	font-weight: bold;
	}

a.navigation:hover {
	color: #DDDDDD;
	font-weight: bold;
}



a.navigation:visited {
	color: #EEEEEE;
	font-weight: bold;
}

a.navigation:active {
	color: #DDDDDD;
	font-weight: bold;
}



.navigation{
	background: #252525;
}


textarea.updateForm{
	margin: 2px 1px;
	height: 10%;
	width: 90%;
}

input.updateForm{
clear:right;
}

#container{
margin-top: 8px;
padding: 2px 1px;
margin-bottom: 8px;
}

#copyright{
color:#ffffff;
margin-top: 8px;
padding: 1px 2px;
text-align:center;
//text-weight: bold;
}

br {
	clear: both;
}

.iklan {
	margin: 0px 0px 4px;
	clear: both;
	text-align: center;
}

.is_form{
	background: #282828;
	border: 1px solid #353535;
	padding: 20px;
	margin: 1px 0px;
}

.content {
background: #282828;
	border: 1px solid #353535;
	padding: 5px;
	margin: 1px 0px;
	clear: both;
}

.contentB{
	border: 1px solid #343434;
	padding: 5px;
	margin: 1px 0px;
	background: #232323 ;
	clear: both;
}

.contentC{
	background: #232323;
	border: 1px solid #353535;
	padding: 5px;
	margin: 1px 0px;
	clear: both;
}

.contentD{
	background: #282828;
	border: 1px solid #353535;
	padding: 5px;
	margin: 1px 0px;
	clear: both;
}


.contentE{
	color:#ffffff;
	background: #262626;
	padding: 5px;
	margin: 1px 0px;
	clear: both;
}

.contentF{
color:#ffffff;
	background: #242424;
	padding: 5px;
	margin: 1px 0px;
	clear: both;
}

.box {
	margin: 8px 0px;
	clear: both;
}

.list {
	height: auto;
	padding: 0px 0px 16px;
}

div#pageTitle {
	border: 1px solid #303030;
	padding: 15px;
	margin: 8px 0px;
	background: #202020;
	clear: both;
	color:#ffffff;
	font-weight: bold;
}

.navEnd {
	border: 1px solid #303030;
	padding: 15px;
	margin: 8px 0px;
	background: #202020;
	clear: both;
	color:#ffffff;
	font-weight: bold;
}

.line {
border-bottom: 1px solid #303030;
padding: 2px 2px ;
margin: 2px 1px;
}



div#pageEnd {
	border: 1px solid #303030;
	padding: 5px;
	margin: 8px 0px;
	background: #202020;
	clear: both;
	color:#ffffff;
}

.subTitle {
	padding:3px;
	margin:2px 2px;
	color: #ffffff;
	font-weight: bold;
}

img {
	margin: 0px;
	padding: 0px;
	border: none;
}



.title {
	margin: 2px;
	border: none;
}

img.thumbnail {
	margin: 4px;
	border: none;
}

img.nav{
	height:20%;
	width: 20%;
	border: none;
}

input[type="submit"], input[type="button"], input[type="image"] {
	cursor: pointer;
	text-align: center;
}

input[type="text"], input[type="password"], input[type="file"] {
	width: 120px;
}

input[type="text"], input[type="password"] {
  background: #ffffff;
  border: 1px solid #a0a0a0;
}


.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

.nowrap {
	white-space: nowrap;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.justify {
	text-align: justify;
}

.top {
	vertical-align: top;
}

.middle {
	vertical-align: middle;
}

.bottom {
	vertical-align: bottom;
}

.super {
	vertical-align: super;
}

.sub {
	vertical-align: sub;
}

.clearNone {
	clear: none;
}

.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}

.clearBoth {
	clear: both;
}

.floatNone {
	float: none;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.portTitle {

	color: #ffffff;
	font-weight: bold;
}

.portNote {
	color: #c9ccc9;
}

.portTime {
	color: #00dd00;
	font-style: italic;
	font-size:75%;
}


.field {
	margin: 4px 0px;
}

.notice {
	font-size:75%;
	color: #cccccc;
}


a.portTitle:link {
	color:#ffffff;
	font-weight: bold;
	
}

a.portTitle:visited {
	color: #a00000;
	font-weight: bold;
}

a.portTitle:active {
	color: #a00000;
	font-weight: bold;
}

a.portTitle:hover {
	color: #a00000;
	font-weight: bold;
}



#error_msg{
padding: 5px;
margin: 2px 1px;
background: #ffddee;
color: #000000;
}

#confirm_msg{
padding: 5px;
margin: 2px 1px;
background: #8ff19f;
color: #fb4f32;
}

div.glow{
margin: 2px 1px;
padding: 1px 2px;
margin-bottom: 8px;
border: 1px solid #ffcccc;
}

/*
ul {
list-style-type: none;
//background-image: url(navi_bg.png);
height: 30px;
width: 663px;
margin: 1px 0px;
}

li{
text-align:center;
float:left;
}

ul a {
padding-right: 5%;
padding-left: 5%;
display: block;
line-height: 25%;
text-decoration: none;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 100%;
color: #371C1C;
}



ul a:hover {
color: #FFF;
}

*/