/*http://static.flowplayer.org/tools/css/scrollable-horizontal.css?v=0*/

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable{float:left; position:relative; overflow:hidden; width:870px; height:110px; margin-left:10px}

.scrollable .items{width:20000em; position:absolute;  clear:both;  height:110px}

.scrollable .item{display:block;  float:left;  width:85px;  hright:79px;  text-align:center;  margin:12px 1px 2px 1px;  line-height:11px}

.scrollable .item a{color:#999; font-family:arial; font-size:11px; font-weight:normal; font-weight:bold}

.scrollable .item a:hover, .scrollable .item{color:#333; font-weight:bold}

.scrollable .active{z-index:9999; position:relative}

div.items img{width:50px; height:50px; border:0px}

.prevPage{margin:45px  0 5px 11px; width:8px; height:14px; display:block; float:left; background:url(img/arrow/nav_lg.png) no-repeat center center; cursor:default}

.prevPage:hover{background:url(img/arrow/nav_lb.png) no-repeat center center; cursor:pointer}

.nextPage{margin:45px 0 0px 11px; width:8px; height:14px; display:block; float:left; background:url(img/arrow/nav_rg.png) no-repeat center center; cursor:default}

.nextPage:hover{background:url(img/arrow/nav_rb.png) no-repeat center center; cursor:pointer}

div.scrlNav{float:left; width:930px; height:110px; background:url(img/greyselect.png) repeat-x #eee; border-top:1px solid #CCC; border-bottom:1px solid #CCC}



/* BOX #industryBOX BY DODDI */
#industryBox {
display:block;
float:left;
}

#industryBox-left {
width:354px;
display:block;
float:left;
min-height:160px;
margin-bottom:60px;
/*background:#DDDDDD;*/
}


#industryBox-right {
display:block;
float:left;
/*border:1px solid red;*/
}

div.scrlNav2 {
float:left;
display:block;
width:570px;
height:320px;
/*border:1px solid #777777;*/
}

.scrollable2 { 
	float:left;
    position:relative; 
    overflow:hidden; 
    width: 533px; 
    height: 300px; 
    margin-left:6px;
    /*border:1px solid red;*/
} 
 
/* root element for scrollable items */ 
.scrollable2 .items2 { 
    width:2000em; 
    position:absolute; 
    height: 300px; 
}

.scrollable2 .item2 { 
	display:block;
    float:left;
    width:170px;
    /*height:275px;*/
    text-align:left;
    margin-top:0px;
    margin-left:0px;
    margin-right:10px;
    margin-bottom:0px;
    line-height:17px;
    padding-bottom:10px;
    background:#FFFFFF;
}

.scrollable2 .item2 img { 
    text-align:center;
    float:left;
}

.scrollable2 .item2 a { 
	color:#666666;
	display:block;
	font-family:arial;
	font-size:13px;
	font-weight:normal;
}


.scrollable2 .item2:hover, .scrollable2 .item2 a:hover, .scrollable2 .item2:hover, .scrollable2 .ttl2:hover { 
	color:#262626;
	background:#EFEFEF;
}

/* active item */
.scrollable2 .active {
	z-index:9999;
	position:relative;
}

div.items2 img {
width:170px;
height:100px;
border:0px;
}


.prevPage2 {
	margin:110px  0 5px 5px;
	width:8px;
	height:14px;
	display:block;
	float:left;
	background:url(img/arrow/nav_lg.png) no-repeat center center;
	cursor:default;
}

.prevPage2:hover {
	background:url(img/arrow/nav_lb.png) no-repeat center center;
	cursor:pointer;
	
}

.nextPage2 {
	margin:110px 0 0px 2px;
	width:8px;
	height:14px;
	display:block;
	float:left;
	background:url(img/arrow/nav_rg.png) no-repeat center center;
	cursor:default;
	
}

.nextPage2:hover {
	background:url(img/arrow/nav_rb.png) no-repeat center center;
	cursor:pointer;
	
}




.navi {
	padding-top:8px;
	float:right;
	width:84px;
	height:20px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(img/arrow/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
	cursor:default;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
	cursor:pointer;
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}


/* 3333333333333333333333333333333333333333333*/

div.scrlNav3 {
float:left;
display:block;
width:930px;
height:320px;
margin-top:5px;

/*border:1px solid #777777;*/
}

.scrollable3 { 
	float:left;
    position:relative; 
    overflow:hidden; 
    width: 895px; 
    height: 300px; 
    margin-left:6px;
    
    /*border:1px solid red;*/
} 
 
/* root element for scrollable items */ 
.scrollable3 .items3 { 
    width:2000em; 
    position:absolute; 
    height: 300px; 
}

.scrollable3 .item3 { 
	display:block;
    float:left;
    width:170px;
    /*height:275px;*/
    text-align:left;
    margin-top:0px;
    margin-left:0px;
    margin-right:10px;
    margin-bottom:0px;
    line-height:17px;
    padding-bottom:10px;
    background:#FFFFFF;
}

.scrollable3 .item3 img { 
    text-align:center;
    float:left;
}

.scrollable3 .item3 a { 
	color:#666666;
	display:block;
	font-family:arial;
	font-size:13px;
	font-weight:normal;
}


.scrollable3 .item3:hover, .scrollable3 .item3 a:hover, .scrollable3 .item3:hover, .scrollable3 .ttl2:hover { 
	color:#262626;
	background:#EFEFEF;
}

/* active item */
.scrollable3 .active {
	z-index:9999;
	position:relative;
}

div.items3 img {
width:170px;
height:100px;
border:0px;
}


.prevPage3 {
	margin:110px  0 5px 5px;
	width:8px;
	height:14px;
	display:block;
	float:left;
	background:url(img/arrow/nav_lg.png) no-repeat center center;
	cursor:default;
}

.prevPage3:hover {
	background:url(img/arrow/nav_lb.png) no-repeat center center;
	cursor:pointer;
	
}

.nextPage3 {
	margin:110px 0 0px 2px;
	width:8px;
	height:14px;
	display:block;
	float:left;
	background:url(img/arrow/nav_rg.png) no-repeat center center;
	cursor:default;
	
}

.nextPage3:hover {
	background:url(img/arrow/nav_rb.png) no-repeat center center;
	cursor:pointer;
	
}



.navi3 {
	padding-top:8px;
	float:right;
	width:84px;
	height:20px;
}


/* items inside navigator */
.navi3 a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(img/arrow/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
	cursor:default;
}

/* mouseover state */
.navi3 a:hover {
	background-position:0 -8px;      
	cursor:pointer;
}

/* active state (current page state) */
.navi3 a.active {
	background-position:0 -16px;     
}



/* 3333333333333333333333333333333333333333*/

.ttl {
width:150px;
float:left;	
display:block;
	padding:8px 5px 8px 5px;
	color:#000000;
	font-weight:bold;
}

.ttl2 {
float:left;
	padding:5px;
	display:block;
}

.morelink {
	padding-top:10px;
	padding-right:24px;
	font-size:12px;
	text-align:right;
	text-decoration:none;
}

.morelink a:hover {
	text-decoration:underline;
}






/*http://static.flowplayer.org/tools/css/scrollable-buttons.css?v=0*/

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../../styles/css/img/arrow/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(img/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	


/*==============================*/

.subnav {
	padding: 9px 0;
	margin: 0 25px 0 0px;
	line-height:25px;
}

.subnav ul {
	padding: 0;
	margin:0;
}

.subnav li {
	list-style-type: square;
	margin-left: 16px;
}

.subnav li a:link, .subnav li a:visited, .subnav li a:active {
	border-bottom: 1px solid #ececec;
	text-decoration: none;
	padding: 3px 0 3px 0;
	font-size: 1.0em;
	color: #BAAB60;	color: #555;
	margin: 1px 0;
}

.subnav li a:hover {
	padding: 3px 0 3px 0;
	background:#000000;
	color:#FFFFFF;
}

.subnav a.selected {
	color:#F66013; 
	color: #BAAB60;
	padding: 3px 0 3px 21px;
	margin: 1px 0;
	}

	
.dipilih, li.dipilih a {
	background: red url(img/arrow3.gif) repeat 100%;
}

#adsplace {
	float:left;
	text-align:center;
	width:720px;
	margin-bottom:90px;
}


#paging  {
	float:left;
	text-align:center;
	display:block;
	margin-bottom:40px;
	width:700px;
}

a.numoff {
color :#999999;
text-decoration:none;

}


.paginate {
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
}
a.paginate {
border: 1px solid #000080;
padding: 2px 6px 2px 6px;
text-decoration: none;
color: #000080;
}
a.paginate:hover {
background-color: #000080;
color: #FFF;
text-decoration: none;
}
a.currentpage {
border: 1px solid #000080;
font: bold .7em Arial,Helvetica,sans-serif;
padding: 2px 6px 2px 6px;
cursor: default;
background:#000080;
color: #FFF;
text-decoration: none;
}
span.inactive {
border: 1px solid #999;
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
padding: 2px 6px 2px 6px;
color: #999;
cursor: default;
}

.pageprev {
float:left;

}

.pagenext {
float:right;

}

.page_itm {
float:left;
}

#bottomscroll {

float:left;

}



div.trigger {
	margin-right:30px;
	padding:2px;
	background: url(img/arrow/nav_bg.png) no-repeat center right;
	width: 95px;
	font-size: 13px;;
	font-weight: normal;
	float: right;
}
div.trigger a {
	color: #777777;
	text-decoration: none;
	display: block;
}
div.trigger a:hover { 
	color: #000000; 
}
div.active1 {

background: url(img/arrow/nav_ug.png) no-repeat center right;
} 
div.toggle_container {
	margin:0;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #FFFFFF;
	overflow: hidden;
	width: 930px;
	height:340px;
	clear: both;
	margin-bottom:20px;
	border-bottom:1px solid #d6d6d6;
}
div.toggle_container .block {
	padding:0px; /*--Padding of Container--*/
}



/* PAGING BY DODDI */
#paging_nav  {
	float:left;
	text-align:center;
	display:block;
	margin-bottom:20px;
	width:700px;
	font-size:3em;
}

#paging_nav #pagenum, #paging_nav .inactive, #paging_nav div {
	display:none;
}

#paging_nav #pagenum_first {
	display:none;
}

#paging_nav #prev {
	float:left;
	margin-left:20px;
	padding:0;
	border:0;
}

#paging_nav #next {
	float:right;
	margin-right:20px;
	padding:5px 15px;
	padding:0;
	border:0;
}

#paging_num  {
	float:left;
	text-align:right;
	padding-bottom:40px;
	width:680px;
}

#paging_num #prev, #paging_num #next, #paging_num .inactive {
	display:none;
}

#paging_num div {
	margin-bottom:5px;
	float:left;
	width:680px;
}

a.paginate {
border:0;
border-left:1px solid #000000;
padding: 1px 10px 1px 10px;
text-decoration: none;
color: #888888;
text-weight:bold;
}

a#pagenum_first {
border:0;
}

a.paginate:hover {
color: #000000;
text-decoration: none;
}

a.currentpage {
border:0;
border-left:1px solid #000000;
font: bold .7em Arial,Helvetica,sans-serif;
padding: 1px 10px 1px 10px;
cursor: default;
color: #000000;
text-decoration: none;
background:none;
}






.redfield {
font-size:16px;
color:red;
}

/* =======================*/
.jquery-message {
    font: normal 20px / 50px Helvetica, Arial, Sans-Serif;
    letter-spacing: -1px;
    position: absolute;
    top: 375px;
	/*bottom: 50px;*/
    left: 25%;
    width: 50%;
    color: white;
    background-color: black;
    text-align: center;
    display: none;
    opacity: 0;
    z-index: 100000;
}

.jquery-message .round {
    border-left: solid 2px white;
    border-right: solid 2px white;
    font-size: 1px;
    height: 2px;
}

.jquery-message p {
    padding: .3em;
    display: inline;
}

.jquery-message a {
    display: none;
}



/*==================*/
/* Default style sheet for jQuery date picker v3.7.0. */
.datepicker { border-collapse: collapse; border: 2px solid #999; position: absolute; }
.datepicker tr.controls th { height: 22px; font-size: 11px; }
.datepicker select { font-size: 11px; }
.datepicker tr.days th { height: 18px; }
.datepicker tfoot td { height: 18px; text-align: center; text-transform: capitalize; }
.datepicker th, .datepicker tfoot td { background: #eee; font: 10px/18px Verdana, Arial, Helvetica, sans-serif; }
.datepicker th span, .datepicker tfoot td span { font-weight: bold; }

.datepicker tbody td { width: 24px; height: 24px; border: 1px solid #ccc; font: 11px/22px Arial, Helvetica, sans-serif; text-align: center; background: #fff; }
.datepicker tbody td.date { cursor: pointer; }
.datepicker tbody td.date.over { background-color: #99ffff; }
.datepicker tbody td.date.chosen { font-weight: bold; background-color: #ccffcc; }