td.center {
	font-family:'Armata', sans-serif;
	font-size:12px;
	color:#333333;
	text-align:left;
	padding:15px 5px 0px 0px;
}

td.right {
	font-family:'Armata', sans-serif;
	font-size:12px;
	color:#333333;
	text-align:left;
	padding:10px 0px 0px 0px;
}

td.left {
	font-family:'Armata', sans-serif;
	font-size:12px;
	color:#333333;
	text-align:left;
}

td {
	font-family:'Armata', sans-serif;
	font-size:12px;
	color:#999;
	padding:0px; 
	text-align:left;
}

form
{
	margin:0px;
}

body
{
margin:0px; padding:0px; background-image:url(../images/bg.jpg); background-position:top center; background-repeat:no-repeat; background-color:#000;
}

div.title{
	font-size:20px; color:#FFF; text-transform:none; font-family:'Black Ops One', cursive; letter-spacing:1px; 
}

IMG.sampleborder {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid
}
IMG.garis {
	margin-right:12px; margin-bottom:0px;
}
IMG.garis2 {
	BORDER-RIGHT: #CCCCCC 1px solid;
	BORDER-TOP: #CCCCCC 1px solid;
	BORDER-LEFT: #CCCCCC 1px solid;
	BORDER-BOTTOM: #CCCCCC 1px solid;
	margin-right:12px; margin-bottom:10px;
}


IMG {
margin:0px; 
}

A:link {
	COLOR: #999; TEXT-DECORATION: none
}
A:visited {
	COLOR: #999; TEXT-DECORATION: none
}
A:hover {
	LEFT: 1px; COLOR: #999; TOP: 1px; TEXT-DECORATION: none
}

A.link:link {
	COLOR: #333333; TEXT-DECORATION: none; font-family:'Armata', sans-serif; font-size:11px; font-weight:bold; 
}
A.link:visited {
	COLOR: #333333; TEXT-DECORATION: none; font-family:'Armata', sans-serif; font-size:11px; font-weight:bold; 
}
A.link:hover {
	LEFT: 1px; COLOR: #333333; TOP: 1px; TEXT-DECORATION: underline; font-family:'Armata', sans-serif; font-size:11px; font-weight:bold; 
}

A.linktitle:link {
	COLOR: #CCC; TEXT-DECORATION: none; font-family:'Armata', sans-serif; font-size:12px; 
}
A.linktitle:visited {
	COLOR: #CCC; TEXT-DECORATION: none; font-family:'Armata', sans-serif; font-size:12px; 
}
A.linktitle:hover {
	LEFT: 1px; COLOR: #A70D03; TOP: 1px; TEXT-DECORATION: none; font-family:'Armata', sans-serif; font-size:12px; 
}

A.linkmenu:link {
	COLOR: #023165; TEXT-DECORATION: none; font-family:'Armata', sans-serif; font-size:12px; font-weight:bold; 
}
A.linkmenu:visited {
	COLOR: #023165; TEXT-DECORATION: none; font-family:'Armata', sans-serif; font-size:12px; font-weight:bold; 
}
A.linkmenu:hover {
	LEFT: 1px; COLOR: #9b6e00; TOP: 1px; TEXT-DECORATION: none; font-family:'Armata', sans-serif; font-size:12px; font-weight:bold;
}

table.login {
	/*filter:alpha(opacity=75, finishopacity=75, style=1, startx=0, starty=0, finishx=200, finishy=500);*/
	filter:alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60;
}

A.linkfooter:link {
	COLOR: #FFF; TEXT-DECORATION: none; font-family:'Armata', sans-serif; font-size:11px; 
}
A.linkfooter:visited {
	COLOR: #FFF; TEXT-DECORATION: none; font-family:'Armata', sans-serif; font-size:11px;
}
A.linkfooter:hover {
	LEFT: 1px; COLOR: #CCC; TOP: 1px; TEXT-DECORATION: none; font-family:'Armata', sans-serif; font-size:11px;
}

A.linkheader:link {
	COLOR: #999; TEXT-DECORATION: none; font-family:'Armata', sans-serif; font-size:11px;
}
A.linkheader:visited {
	COLOR: #999; TEXT-DECORATION: none; font-family:'Armata', sans-serif; font-size:11px;
}
A.linkheader:hover {
	LEFT: 1px; COLOR: #CCC; TOP: 1px; TEXT-DECORATION: none; font-family:'Armata', sans-serif; font-size:11px;
}

A.readmore:link {
	COLOR: #F58020; TEXT-DECORATION: underline; font-family:'Armata', sans-serif; font-size:11px; font-weight:bold; 
}
A.readmore:visited {
	COLOR: #F58020; TEXT-DECORATION: underline; font-family:'Armata', sans-serif; font-size:11px; font-weight:bold; 
}
A.readmore:hover {
	LEFT: 1px; COLOR: #F58020; TOP: 1px; TEXT-DECORATION: none; font-family:'Armata', sans-serif; font-size:11px; font-weight:bold; 
}

@font-face {
 font-family: Capture_it;
 src: url("../font/Capture_it.eot") /* EOT file for IE */
 /*src: local("Rockwell"), url("../font/Rockwell.ttf") format("truetype");*/
}
@font-face {
 font-family: Capture_it;
 src: url("../font/Capture_it.ttf") /* TTF file for CSS3 browsers */
}

#cell1 {font-size:18px; font-family:'Black Ops One', cursive; text-transform:uppercase; color:#FFF; background-image: url(../images/bg_menu_off.gif); letter-spacing:1px; }
#cell1:hover {background-image: url(../images/bg_menu_on.gif); color:#A70D03;}

#cell12 {font-size:18px; font-family:'Black Ops One', cursive; text-transform:uppercase; color:#FFF; background-image: url(../images/nav-right-bg.gif); letter-spacing:1px; }
#cell12:hover {background-image: url(../images/bg_menu_on.gif); color:#A70D03;}

#cell2 {font-size:11px; color:#454545; background-image: url(../images/arrow_off.png); background-position:left; background-repeat:no-repeat; padding-left:15px; }
#cell2:hover {background-image: url(../images/arrow_on.png); background-position:left; background-repeat:no-repeat; color:#FFF; padding-left:15px; }

select.update
{
	/*font-family: Verdana, 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif;*/
	width:360px;
	background-color:#4B4B4B;
	font-size: 12px;
	color: #CCC;
	padding: 6px;
	border: 1px solid #CCC;
	outline: none;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset;
	
	-moz-transition: border .2s linear, box-shadow .2s linear;
	-webkit-transition: border .2s linear, -webkit-box-shadow .2s linear;
}

select.update:focus
{
    border: 1px solid #A70D03;
    
    /*-moz-box-shadow: 0 0 3px #80bfff, 0 1px 2px rgba(0, 0, 0, .15) inset;
    -webkit-box-shadow: 0 0 3px #80bfff, 0 1px 2px rgba(0, 0, 0, .15) inset;
    box-shadow: 0 0 3px #80bfff, 0 1px 2px rgba(0, 0, 0, .15) inset;*/
}

input.update{
width:350px;
background-color:#4B4B4B;
display:block;
border: 1px solid #999;
border-radius: 7px;
height: 25px;
padding-left:10px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
font-size:12px; font-family:'Open Sans', sans-serif; color:#CCC;
}
input.update:focus {
border: 1px solid #A70D03;

}


.design2{
background-color:#4B4B4B;
border:1px solid #999;
padding:5px;
-webkit-border-radius:7px;
-moz-border-radius:7px;

-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
font-size:12px; font-family:'Open Sans', sans-serif; color:#CCC;
}


table.gridtable {
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #999;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #CCC;
	background-color: #999;
}
table.gridtable td {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #999;
	background-color: #111;
}

table.gridtable2 {
	font-size:11px;
	color:#333333;
	border-width: 0px;
	border-color: #999;
	border-collapse: collapse;
}
table.gridtable2 th {
	border-width: 0px;
	padding: 5px;
	border-style: solid;
	border-color: #CCC;
	background-color: #999;
}
table.gridtable2 td {
	border-width: 0px;
	padding: 5px;
	border-style: solid;
	border-color: #999;
	background-color: #111;
}