/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.stepcarousel{
position: relative;
border: 0px;
overflow: scroll; 
width: 855px;
height: 132px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left;
overflow: hidden;
margin: 5px 10px 10px 9px;
width: 250px;
}


.linkmenuadmin {
	color: #0000FF;
	text-decoration: none;
	font-weight: bold;
	font-family: Tahoma;
}
.linkmenuadmin:hover {
	color: #FF0000;
	text-decoration: underline;
	font-weight: bold;
	font-family: Tahoma;
}
.linkus {
	color: #0000FF;
	text-decoration: none;
}
.linkus:hover {
	color: #FF0000;
	font-weight: bold;
	text-decoration: underline;
}

.linkpage {
     text-decoration: none;
     color: #FFFFFF;
     background-color: #f84f05;
     font:11px Tahoma;
     font-weight: bold;
     padding: 6px 10px 6px 10px;
	 height: 19px;     
}

.linkpage:hover {
     text-decoration: none;
     color: #FFFF00;
     font-weight: bold;
     background-color: #191919;     
}
.linkpagenolink {
     padding: 4px;
     text-decoration: none;
     color: #191919;
     background-color: #D1D1D1;
     font:11px Tahoma;
     font-weight: bold;
     padding: 6px 10px;
	   height: 19px;
}


td.juduladmin {
        padding: 6px;
        background-color: #F1F1F1;
        font-weight: bold;
		    border-bottom: 2px solid #000000;
        color: #000000;
        text-align: left;
}
td.judul4dm1n {
        padding: 6px;
        background-color: #66CCFF;
        border: 1px solid #66CCFF;
        font-weight: bold;
        color: #000000;
        text-align: center;
}
td.isijuduladmin {
        padding: 8px;
        background-color: #FFFFFF;
        color: #000000;
        text-align: center;
}
td.isititle {
		    padding: 0px;
		    border-bottom: 2px solid #000000;
}

td.isierror {
        padding: 4px;
        background-color: #FF0000;
        font-weight: bold;
        color: #FFFFFF;
        text-align: center;
}
td.jdl {
        padding: 4px;
        text-align: center;
        font-weight: bold;
        background-color: #EDEDED;
        border-bottom: 2px solid #000000;
}
td.isi {
        padding: 4px;
        background-color: #FFFFFF;
        border-bottom: 1px solid #E8E8E8;
}
td.1s1 {
        padding: 4px;
        border-bottom: 1px solid #CAF0CF;
}
td.is1 {
        padding: 4px;
        background-color: #F3F3F3;
        border-bottom: 1px solid #E8E8E8;
}
td.isihal {
        padding: 6px;
        text-align: center;
        border-top: 2px solid #F09506;
}
td.isired {
    		padding: 4px;
    		color: #FF0000;
    		background-color: #FFE8EE;
    		border-bottom: 1px dotted #FF0000;
    		border-top: 1px dotted #FF0000;
}
td.isigreen {
    		padding: 4px;
    		color: #008800;
    		background-color: #E7FEEA;
    		border-bottom: 1px dotted #008800;
    		border-top: 1px dotted #008800;
}
td.copyright {
    		padding:16px;
    		border-top: 2px solid #000000;
    		background-color: #F1F1F1;
}
td.menujdl {
    		padding: 6 0 6 4;
    		background-color: #F1F1F1;
    		font-weight: bold;
    		border-bottom: 1px solid #C0C0C0;
    		color: #000000;
}

td.isiline {
        padding: 4px;
}

td.iisi {
        padding: 4px;
        color: #000000;
        background-color: #969696;
}
td.iis1 {
        padding: 4px;
        color: #000000;
        background-color: #808080;
}


/* -------------- Marker Menu --------------- */


.markermenu{
list-style-type: none; 
margin: 0px;
padding: 0px; 
width: 100%; 
}

.markermenu li a{
background: url('images/bullet.gif') no-repeat 15px center;
color: #FF0000; 
font-weight: bold;
display: block; width: auto;
text-decoration: none;
font-style:normal; font-variant:normal; 
padding: 6px 0 7px 36px;
font-family: Tahoma;
font-size: 12px;
background-color: #F1F1F1;
border-bottom:1px solid #D1D1D1;
}

* html .markermenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 100%;
}

.markermenu li a:visited, .markermenu li a:active{
color: #FF0000;
}
.markermenu li a:hover{
color: #0000FF;
font-weight: bold;
background-color: #FFFF99;
}


/* ---------- INDEX STYLES ----------- */


a img {
  	border: 0;
}
#largeImage {
	position: absolute;
    padding: 6px;
    background-color: #FFFFFF;
    border: 1px solid #D1D1D1;
}

.bodyx {
   background:url('images/backbody.gif') repeat-x top;
	background-color: #F3B806;
   margin: 0px;
   padding: 0px; 
}


.link {
	color: #0000FF;
	text-decoration: none;
}

.link:hover {
	color: #FF0000;
	text-decoration: underline;
}
.link2 {
	color: #FFFFFF;
	text-decoration: none;
}

.link2:hover {
	color: #101010;
	text-decoration: none;
}

.link3 {
	color: #101010;
  font-weight: bold;
	text-decoration: none;
}
.link3:hover {
	color: #FF0000;
	text-decoration: underline;
}

.linkwhite {
	color: #FFFFFF;
  font-weight: bold;
	text-decoration: none;
}
.linkwhite:hover {
	color: #FFFF00;
	text-decoration: underline;
}
.linkpro {
	font-weight: bold;
	color: #0000FF;
	text-decoration: none;
}
.linkpro:hover {
	color: #FF0000;
	text-decoration: underline;
}

img.foto {
	border: 1px solid #D8D8D8;
}

td, select, input, textarea {
	font-family: Arial, Tahoma;
	color: #191919;
	font-size: 13px;
	text-align: left;
   line-height: 1.4;
}

input, select {
	padding: 4px;
}

textarea {
	padding: 4px 6px;
}

.inputtext {
	height:26px;
	padding:0 2px 0 4px;
	border:1px solid #C8C8C8; 
}
.selectbox {
	padding: 3px;
}

.submitbutton {
	height:28px;
	padding: 0 10 0 10;
	border:1px solid #C0C0C0; 
	background-color: #FF6600; 
	color:#FFFFFF;
	font-weight: bold;
	text-align: center;
}
* html .submitbutton {
	height: 24px;
}


.fotospace {
	background-color: #FFFFFF;
	padding: 0 3px 4px 3px;
	margin: 2px;
	border: 1px solid #B9B9B9;
	float: right;
	font-size: 9px;
}

td.isiempty {
	padding: 10px;
	color: #FF0000;
	text-align:center;
	font-family: georgia;
	font-size: 12px;
	font-weight: bold;
}

.spaceline {
	font-size: 16px;
   background-color: transprent;
}

.icopyright {
	background-color: #C10707;
   border-top: 4px solid #FF0000;
	text-align: center;
	color: #FFFFFF;
}

.fotoproduct {
	border: 6px solid #f28f18;
}
.product_box {
	padding: 0px;
	background-color: #D8D8D8;	
	border-right: 16px solid #161616;
	color: #FFFFFF;
}
.product_name {
	text-align: center;
	color: #FFFFFF;
	padding: 10px;
	font-weight: bold;
	background-color: #343434;
}
.product_price {
	padding: 8px 12px 8px 12px;
	font-size:11px;
	text-align: right;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #f53705;
}
.product_desc {
	padding: 12px;
	font-size:11px;
	text-align: left;
}

.allcontent {
   padding: 0px;
   border-top:1px solid #F6F6F6;
   background-color: #FFFFFF;
}

.leftcontent {
	background-color: #e4e0d8;
   border-right: 1px solid #F6F6F6;
   
}

.rightcontent {
	border-left: 1px solid #F6F6F6;
}

.lefttop {
	padding: 2px 2px 2px 18px;
	background:url('images/back_lefttop.gif') no-repeat top;
	font-weight: bold;
   font-family: Tahoma, Georgia, Arial;
   font-size: 16px;
	color: #FFFFFF;
}
.lefthome {
	padding: 2px 2px 2px 18px;
	background:url('images/back_lefthome.gif') no-repeat top;
	font-weight: bold;
   font-family: Tahoma, Georgia, Arial;
   font-size: 16px;
	color: #FFFFFF;
}
.lefthome_content {
	padding: 14px 10px 14px 16px;
}

.title_allpage{
	padding: 2px 2px 2px 18px;   
	background:url('images/back_allpage.gif') no-repeat top;
	font-weight: bold;
   font-family: Tahoma, Georgia, Arial;
   font-size: 16px;
	color: #FFFFFF;
}

.content_allpage {
	background:url('images/backpage.gif') no-repeat top right;
	padding: 14px 16px 14px 16px;
}

.welcome {
	padding: 16px 16px 8px 16px;
}

.online_ym {
  padding: 0px 0px 10px 16px;
  border-left: 1px solid #E1E1E1;
}

.foto_running {
   border: 6px solid #FFF;
   box-shadow: 0 2px 5px rgba(0,0,0,0.2);				
   border-radius: 25px;
}

.box_produk {
   padding: 16px 0px 16px 0px;
   border-bottom: 1px solid #E8E8E8;
}
.box_project {
   padding: 14px 24px 14px 0px;
   border-bottom: 1px solid #C0C0C0;
}
.box_photo {
   float:left;
   border: 1px solid #C0C0C0;
   padding: 4px;
   margin-right: 14px;
   background-color: #FFF;
   z-index:1;
}
.box_name {
   font-size: 16px;
   font-weight: bold;      
   padding-left: 10px;
}
.box_kat {
   font-size: 11px;
   font-weight: bold;
   color: #FF6600;
   padding-bottom: 2px;   
}
.box_desc {
   padding-top: 6px;   
}