.pembungkusUtama
{
	margin-top:20px;
	position : relative;
	width : 100%;
	height : 100%;
}

.alwaysVisible
{
    position : fixed;
    top: 10px;
    right: 20px;
	text-align:left;
    z-index : 10;
    padding-top:5px;
    padding-bottom:5px;
    padding-left :5px;
    padding-right :5px;
}

.CenterBoxContent
{
	position : relative;
	left:35%;
	width : 60%;	
	height : auto;
	border-bottom: #E2C822 1px solid; 
	border-top: #E2C822 1px solid; 
	border-left: #E2C822 1px solid; 
	border-right: #E2C822 1px solid; 	
	background-color : #FFF9D7;
	z-index : 1;
	color : #333333;
	line-height : 17px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}

.MainBoxContent
{
	position : relative;	
	width : 100%;	
	height : auto;
	border-bottom: #020181 1px solid; 
	border-top: #020181 1px solid; 
	border-left: #020181 1px solid; 
	border-right: #020181 1px solid; 	
	background-color : #FCFDFD;
	z-index : 0;
	line-height : 17px;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
}

.innerInfo
{
    position : relative;
    left:2%;
    width : 100%;    
    height : auto;
    border-bottom: #A6C9E2 1px solid; 
    border-top: #A6C9E2 1px solid; 
    border-left: #A6C9E2 1px solid; 
    border-right: #A6C9E2 1px solid;     
    background-color : #ffe13a;
    z-index : 0;
    text-align:left;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:20px;
    padding-right:20px;
}

.csstable
{
	border: #A6C9E2 1px solid; 
}

#KontenUtama
{
    position : relative;
	width : 100%;
	margin-top:15px;
	margin-bottom:15px;
}

.tulisantengah
{
	text-align : center;
}

.height10
{
	height:10px;
}

.normalWritten10
{
	font-family: verdana;	
	font-size : 10px;	
}

.normalWritten
{
	font-family: verdana;	
	font-size : 11px;
}

.bigFont
{
	color : #fffdfd;
	font-size : 18px;	
	font-weight : bold;	
	font-family : Verdana;
}

.bigFont15
{
	color : #602025;
	font-size : 15px;	
	font-weight : bold;	
	font-family : Verdana;
}

.bigFont13
{
	color : #602025;
	font-size : 13px;	
	font-weight : bold;	
	font-family : Verdana;
}

.bigFont32
{
    color : #602025;
    font-size : 40px;    
    font-weight : bold;    
    font-family : Verdana;
}

a.noUnderscore
{
	text-decoration:none;
}

.blueboxcontent
{
	background-color:#d3d3d3;
	border:1px solid #4969f1;
	line-height:17px;
	padding:5px 10px;
	position:relative;
}

.auto
{
	TEXT-ALIGN: right;
}

.autojumlah
{
	TEXT-ALIGN: right;
}

.autocashback
{
	TEXT-ALIGN: right;
}

.tbnostyle 
{
	background:none;
}

.tbnostyle tr:hover
{
	background:none;
}


.state-icon {
    left: -5px;
}

.list-group-item-primary {
    color: rgb(255, 255, 255);
    background-color: rgb(66, 139, 202);
}

/* DEMO ONLY - REMOVES UNWANTED MARGIN */
.well .list-group {
    margin-bottom: 0px;
}

.tbnostyle 
{
	background:none;
}


/* TOOLTIP */
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
	position: relative;
	z-index: 2;
	cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
	position: absolute;
	bottom: 150%;
	left: 50%;
	margin-bottom: 5px;
	margin-left: -80px;
	padding: 7px;
	width: 200px;
	border-radius: 3px;
	background-color: hsla(0, 0%, 20%, 0.9);
	color: #fff;
	content: attr(data-tooltip);
	text-align: center;	
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
	position: absolute;
	bottom: 150%;
	left: 50%;
	margin-left: -5px;
	width: 0;
	border-top: 5px solid #000;
	border-top: 5px solid hsla(0, 0%, 20%, 0.9);
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	content: " ";
	font-size: 0;
	line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
	visibility: visible;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}
			
#page_wrapper {
    margin: 50px auto; width: 100%; height: auto;
}
#slider_wrap{margin: 0 auto; width: 100%; height: auto;}
#judul-atas {width: 100%; height: auto;}
#judul-atas p ,#judul-atas h3{color: #0099CC; font-family: sans-serif; text-align: center;}

#image_container{
    width: 100%; height: auto;
}

#image_container .carousel-inner .item,
#image_container .carousel-inner .item .active{
    width:100%;
    height:auto;
}
#image_container .carousel-inner .item img {
  min-width:100%;
  height:447px;
}