@charset "utf-8";
.clear{ clear:both;}
.fbbg{background:#374F8A;}
.spritimg{ background-image:url(../images/facebook-icon.png);}
.facebook{width:100px; margin:0px auto; padding:5px; }
.facebook ul{ margin:0px; padding:0px;}
.facebook ul li{margin:0px 5px 0px 0px; padding:0px; float:left; list-style:none; width:36px;}
.facebook ul li a{ display:block; text-indent:-9999px; height:32px; width:36px; cursor:pointer;}
.facebook ul li a:hover{opacity:1;}

.facebook ul.sub-menu {
	position: absolute;
	left: -10px;
	z-index: 90;
	display:none;
}

.facebook ul.sub-menu li {
	text-align: left;
}

.facebook li:hover ul.sub-menu {
	display: block;
}
a
{	text-decoration:none; }

	

.egg{
position:relative;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
background-color:#fff;
border-radius: 3px 3px 3px 3px;
border: 1px solid rgba(100, 100, 100, 0.4);
}
.egg_Body{border-top:1px solid #D1D8E7;color:#808080;}
.egg_Message{font-size:13px !important;font-weight:normal;overflow:hidden}

h3{font-size:13px;color:#333;margin:0;padding:0}
.comment_ui
{
border-bottom:1px solid #e5eaf1;clear:left;float:none;overflow:hidden;padding:6px 4px 3px 6px;width:431px; cursor:pointer;
}
.comment_ui:hover{
background-color: #F7F7F7;
}
.dddd
{
background-color:#fafdd6;
border:1px solid #fa0012;
clear:left;
float:none;
overflow:hidden;
margin-bottom:5px;
padding:6px 4px 3px 6px;
width:300px; 
}
.comment_text{padding:2px 0 4px; color:#333333}
.comment_actual_text{display:inline;padding-left:.4em}

ol { 
	list-style:none;
	margin:0 auto;
	width:500px;
	margin-top: 20px;
}
#mes{
	padding: 0px 3px;
	border-radius: 2px 2px 2px 2px;
	background-color: rgb(240, 61, 37);
	font-size: 9px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	top: 5px;
	left: 73px;
}
.toppointer{
background-image:url(../images/top.png);
    background-position: -82px 0px;
    background-repeat: no-repeat;
    height: 11px;
    position: absolute;
    top: -11px;
    width: 20px;
	right: -30px;
}

.toppointer1{
background-image:url(../images/top.png);
    background-position: -82px 0px;
    background-repeat: no-repeat;
    height: 11px;
    position: absolute;
    top: -11px;
    width: 20px;
	right: -80px;
}
.clean { display:none}

/* Icon Normal state*/
.friendnormal{background-position:-10px -6px;}
.messagenormal{background-position:-66px -118px;}
.nottifinormal{background-position:-116px -116px;}

/* Icon highlight state*/
.notifriend{ background-position:-10px -66px;}
.notimesg{ background-position:-66px -180px;}
.notinotg{ background-position:-116px -180px;}
.notifriendhover{background-position:-87px -101px;}
.notireqsch{ background-position:-86px -124px;}
.notireqschhover{background-position:-108px -124px;}
.notimesghover{background-position:-112px -102px;}
.notired{ display:block; background:#E43C03; text-align:center; color:#FFF; font-size:8px; font-weight:bold; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; width:15px; z-index:1; margin:0px 1px 0px 18px; position:absolute; padding:1px;}
.notired2{ display:block; background:#E43C03; text-align:center; color:#FFF; font-size:12px; font-weight:bold; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; width:20px; height: 20px; z-index:1; margin:2px 1px 0px 24px; position:absolute; padding:1px;}
.notired2a{ display:block; background:#E43C03; text-align:center; color:#FFF; font-size:12px; font-weight:bold; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; width:20px; height: 20px; z-index:1; margin:2px 1px 0px 24px; position:absolute; padding:1px;}
.notired3{ display:block; background:#E43C03; text-align:center; color:#FFF; font-size:12px; font-weight:bold; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; width:60px; height: 20px; z-index:1; margin:2px 1px 0px 24px; position:absolute; padding:1px;}
.notired4{ display:block; background:#415692; text-align:center; color:#FFF; font-size:12px; font-weight:bold; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; width:100px; height: 20px; z-index:1; margin:2px 1px 0px 60px; position:absolute; padding:1px;}
.notired4B{ display:block; background:#415692; text-align:center; color:#FFF; font-size:12px; font-weight:bold; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; width:100px; height: 20px; z-index:1; margin:2px 1px 0px 60px; position:absolute; padding:1px;}
.notired5{ display:block; background:#E43C03; text-align:center; color:#FFF; font-size:12px; font-weight:bold; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; width:100px; height: 20px; z-index:1; margin:2px 1px 0px 24px; position:absolute; padding:1px;}
.notired6{ display:block; background:#f37022; text-align:center; color:#FFF; font-size:12px; font-weight:bold; width:auto; height: 20px; z-index:1;  padding:1px;}
.notired7{ display:block; background:#05aeb1; text-align:center; color:#FFF; font-size:12px; font-weight:bold; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; width:100px; height: 20px; z-index:1; margin:2px 1px 0px 60px; position:absolute; padding:1px;}
.notired7B{ display:block; background:#05aeb1; text-align:center; color:#FFF; font-size:12px; font-weight:bold; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; width:100px; height: 20px; z-index:1; margin:2px 1px 0px 60px; position:absolute; padding:1px;}
.notired8{ display:block; background:#ababab; text-align:center; color:#FFF; font-size:12px; font-weight:bold; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; width:100px; height: 20px; z-index:1; margin:2px 1px 0px 60px; position:absolute; padding:1px;}
.notired8B{ display:block; background:#ababab; text-align:center; color:#FFF; font-size:12px; font-weight:bold; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; width:100px; height: 20px; z-index:1; margin:2px 1px 0px 60px; position:absolute; padding:1px;}
.notired9{ display:block; background:#fff220; text-align:center; color:#000000; font-size:12px; font-weight:bold; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:10px; width:30px; height: 20px; z-index:1; margin:30px 1px 0px 130px; position:absolute; padding:1px;}
.notired9A{ display:block;  text-align:center; color:#000000; font-size:12px; font-weight:bold; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; width:30px; height: 20px; z-index:1; margin:30px 1px 0px 140px; position:absolute; padding:1px;}
.notired9B{ display:block; background:#fff220; text-align:center; color:#000000; font-size:12px; font-weight:bold; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:10px; width:50px; height: 20px; z-index:1; margin:30px 1px 0px 130px; position:absolute; padding:1px;}
.notired10{ display:block; background:#E43C03; text-align:center; color:#FFF; font-size:12px; font-weight:bold; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:10px; width:30px; height: 20px; z-index:1; margin:30px 1px 0px 130px; position:absolute; padding:1px;}
.notired11{ display:block; background:#ff22fc; text-align:center; color:#FFF; font-size:12px; font-weight:bold; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; width:100px; height: 20px; z-index:1; margin:2px 1px 0px 60px; position:absolute; padding:1px;}
.notired11B{ display:block; background:#ff22fc; text-align:center; color:#FFF; font-size:12px; font-weight:bold; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; width:100px; height: 20px; z-index:1; margin:2px 1px 0px 60px; position:absolute; padding:1px;}
.notired12{ display:block; background:#415692; text-align:center; color:#FFF; font-size:12px; font-weight:bold; width:auto; height: 20px; z-index:1;  padding:1px;}
.notired13{ display:block; background:#05aeb1; text-align:center; color:#FFF; font-size:12px; font-weight:bold; width:auto; height: 20px; z-index:1;  padding:1px;}
.notired-judul1{ display:block; background:#E43C03;  line-height: 1;  text-align:center; color:#FFF; font-size:12px; font-weight:bold; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; width:12px; height: 13px; z-index:1; margin:-190px 1px 0px 5px; position:absolute; padding:1px;}
.notired-judul2{ display:block; text-align:left;  line-height: 1;  color:#000000; font-size:12px; font-weight:bold; z-index:1; margin:-190px 1px 0px 20px; position:absolute; padding:1px;}
.notired-judul3{ display:block; text-align:center;  line-height: 1; color:#565656; font-size:11px; font-weight:bold; z-index:1; margin:-170px 1px 0px 20px; position:absolute; padding:1px;}
.notired-judul4{ display:block; text-align:center;  line-height: 1; color:#565656; font-size:11px; font-weight:bold; z-index:1; margin:-20px 1px 0px 5px; position:absolute; padding:1px;}
.img-prod{ display:block; text-align:left; color:#FFF; font-size:14px; font-weight:bold;  width:auto; height: auto; z-index:1; margin:-150px 1px 0px 10px; position:absolute; padding:2px;}
.notired-PENDING{ display:block; background:#a5a5a5; text-align:center;  line-height: 1; color:#000000; font-size:11px; font-weight:bold; z-index:1; margin:-20px 1px 0px 5px; position:absolute; padding:1px;}
.notired-REQUEST{ display:block; background:#26a9e6; text-align:center;  line-height: 1; color:#000000; font-size:11px; font-weight:bold; z-index:1; margin:-20px 1px 0px 5px; position:absolute; padding:1px;}
.notired-CHECKED{ display:block; background:#f6ff64; text-align:center;  line-height: 1; color:#000000; font-size:11px; font-weight:bold; z-index:1; margin:-20px 1px 0px 5px; position:absolute; padding:1px;}
.notired-APPROVED{ display:block; background:#36d632; text-align:center;  line-height: 1; color:#000000; font-size:11px; font-weight:bold; z-index:1; margin:-20px 1px 0px 5px; position:absolute; padding:1px;}
.notired-CANCELED{ display:block; background:#ef0404; text-align:center;  line-height: 1; color:#000000; font-size:11px; font-weight:bold; z-index:1; margin:-20px 1px 0px 5px; position:absolute; padding:1px;}
.notired-REVISION{ display:block; background:#ef0404; text-align:center;  line-height: 1; color:#000000; font-size:11px; font-weight:bold; z-index:1; margin:-20px 1px 0px 5px; position:absolute; padding:1px;}

.notired-rm{ display:block; background:#ffa633; text-align:center; color:#FFF; font-size:11px; font-weight:bold; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; width:16px; height: 16px; z-index:1; margin:5px 1px 0px 24px; position:absolute; padding:1px;}
.notired-wk{ display:block; background:#E43C03; text-align:center; color:#FFF; font-size:11px; font-weight:bold; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; width:16px; height: 16px; z-index:1; margin:5px 1px 0px 24px; position:absolute; padding:1px;}
.notired-ms{ display:block; background:#419811; text-align:center; color:#FFF; font-size:11px; font-weight:bold; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; width:16px; height: 16px; z-index:1; margin:5px 1px 0px 24px; position:absolute; padding:1px;}
.notired-wk2{ display:block; background:#E43C03; text-align:center; color:#FFF; font-size:11px; font-weight:bold; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; width:16px; height: 16px; z-index:1; margin:-12px 1px 0px 45px; position:absolute; padding:1px;}
.notired-disc{ display:block; width:auto; height: auto; z-index:1; margin:-75px 1px 0px 5px; margin-left:40px; position:absolute; padding:2px;}
.notired-newitem{ display:block;  text-align:center; z-index:1; margin:-10px 1px 0px 170px; position:absolute; padding:1px;}
.notired-newitem2{ display:block;  text-align:center; z-index:1; margin:-10px 1px 0px 150px; position:absolute; padding:1px;}


.imggroup {
  color: #999;
  border:#efedec solid 1px;
	padding: 0px;	
}

.imggroup:hover {
  color: #999;
  border:#f37022 solid 1px;
	padding: 0px;
 -webkit-box-shadow: 1px 1px 10px rgba(243, 112, 34, 0.7);
		-moz-box-shadow: 1px 1px 10px rgba(243, 112, 34, 0.7);
		box-shadow:  1px 1px 50px rgba(243, 112, 34, 0.7);		
}


.boxproduct {
  top: 10px;
  padding: 5px;
  text-align: center;
  display: block;
  border:#efedec solid 0px;
  height: 280px; 
    color: #000000;
}

@import url('https://fonts.googleapis.com/css?family=Lato');

.boxproduct-title1 {
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  top: 10px;
  text-align: left;
  display: block;
  border-bottom:#efedec solid 1px;
    color: #000000;
}

.boxproduct-title2 {
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  top: 10px;
  text-align: left;
  display: block;
  color: #727272;
}

.boxproduct:hover {
  color: #999;
  padding: 4px;
  border:#acaaa9 solid 1px;
}