a{ text-decoration:none; cursor:pointer; }
#table-content{
	display:none;
}
#line-chart {
	height:300px;
	width:800px;
	margin: 0px auto;
	margin-top: 1em;
}
.brand { font-family: georgia, serif; }
.brand .first {
	color: #FFF;
	font-style: italic;
}
.brand .second {
	color: #fff;
	font-weight: bold;
}
.icons{
	width:150; height:150; cursor:pointer; border:1px solid transparent; opacity:0.7;
}

.icons:hover{
	border:1px white #ccc; opacity:1.0;
}

.user-link{
	font-size:17px;
}

.sidebar-nav a img{
	width:20px; border:1px solid transparent; border-shadow:1px 0px 1px #999; float:left; margin:-3px 5px 0px 0px;
}

.table-list-header{
	background-color: #666; /* header color */
	/* background-image: url(../images/titlebar.png); */
	color: #fff; /* header font color */	
	vertical-align: middle;
	height: 30px;
	font-size: 14px;
}
.sort{ cursor:pointer; }
.table-list-row{
	background-color: #fff; font-size:14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	height:20px;
}
.table-list-row td{
	padding:3px;
}
.table-list-row:hover{
	background-color: #ccc;
}

.table-list-row-active{
	background-color: #ccc;
}

#inputan{
	border:1px solid #ccc; padding:15px 15px 0px 15px;
}
#message{ font-size:13px; color:#f00;text-decoration:blink; }
#footer{
	position:fixed; bottom:0; left:0; width:100%; background-color:#ececec;
	padding:7px 0 7px 0;
	border-top:1px groove #dddddd;
	text-align:center;
}

#footer-left{
	font-family: "Times New Roman";
	float:left;
	text-decoration:none;
	font-size:11px;
	color:#333;
	margin-left:10px;
}

#footer-right{
	font-family: "Times New Roman";
	float:right;
	text-decoration:none;
	font-size:11px;
	color:#333;
	margin-right:10px;
}

#footer-login{
	margin-top:20px;
	width:100%;
	text-align: center;
}

.link{ cursor:pointer; color:green; }
.link:hover{ color:red; }
.number{ 
	border:1px solid #000; border-radius:5px; 
	-moz-border-radius:5px; -webkit-border-radius:5px; 
	background-color:#eee; margin:3px 3px 3px 3px; 
	padding:2px 2px 2px 2px; color:#000; min-width:280px;
	display:inline-block; font-size:10px; text-align:left; cursor:pointer;
}
.removeicon{ margin-left:-20px; margin-right:10px; opacity:0.3; cursor:pointer; }
.removeicon:hover{ opacity:1.0; }
.unvalid{ color:red; text-decoration:blink; display:none; }
.valid{ color:green; display:none; }
.form-inline .input-xlarge{ height:20px !important; width:300px; }
.input-xlarge{ height:27px !important; width:300px; }
.label{ display:inline-block; font-size:14px; }
#s_alert{ display:none; position:fixed; bottom:5px; width:85%; min-height:50px; }
.pagination{ cursor:pointer; }
.error-text{
	min-height:100%;
	max-height:100px;
	overflow-y:auto;
}

.box{
	border:1px solid #CCC;
	border-radius:5px;
	padding:20px;
	width:50px;
	text-align:center;
	margin-bottom:10px;
	margin-right:10px;
	display:inline-block;
	border-bottom:2px solid #c90;
}

.box .angka{
	font-size:18px;
	color:#222;
	font-weight:bold;
}input[type=radio].radio {    display:none;} input[type=radio].radio + label {    display:inline-block !important;    margin-right:-5px !important;    padding: 4px 8px;    margin-bottom: 0;    font-size: 14px;    line-height: 20px;    color: #333;    text-align: center;    text-shadow: 0 1px 1px rgba(255,255,255,0.75);    vertical-align: middle;    cursor: pointer;    background-color: #f5f5f5;    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);    background-image: -o-linear-gradient(top,#fff,#e6e6e6);    background-image: linear-gradient(to bottom,#fff,#e6e6e6);    background-repeat: repeat-x;    border: 1px solid #ccc;    border-color: #e6e6e6 #e6e6e6 #bfbfbf;    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);    border-bottom-color: #b3b3b3;    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);} input[type=radio].radio:checked + label {       background-image: none;    outline: 0;    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);        background-color:#e0e0e0;}