/****************************************
** PT Alometindo Global Integritas 2.0
** www.alomet.co.id
*****************************************/

@import url('default.css');
@import url('global.css');
@import url('jquery.css');
@import url('jquery-ui.css');
@import url('modal.css');

/* Style Modal Form (Azza Pringga) */
/* Essentials */

.fl {float:left;}
.fr {float:right;}
.clearfix {clear:both;}

html, div, map, dt, isindex, form, header, aside, section, section, article, footer {  
    display: block;  
} 

.hidden {
	display:none;
}

html, body {
height: 100%;
margin: 0;
padding: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
background: #F8F8F8;
font-size: 11px;
}

a:hover {
text-decoration: underline;
}

.judul-widget {
	padding-bottom: 2px;
	border-bottom: solid 1px #ebebeb;
}

.tombol-submit {
	background: #019b33 !important;
	color: #fff !important;
}

.kotak-subcribe {
	border-radius: 0 !important;
}

/* Main Content */


section#main {
width: 100%;
min-height: 500px;
float: left;
margin-top: -2px;
}

#main h3 {
color: #1F1F20;
text-transform: uppercase;
text-shadow: 0 1px 0 #fff;
font-size: 13px;
margin: 8px 20px;
}

/* Modules */

.module {
border: 1px solid #9BA0AF;
width: 100%;
margin: 20px 3% 0 3%;
margin-top: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #ffffff;
}

#main .module header h3 {
display: block;
width: 90%;
float: left;
}

.module header {
height: 38px;
width: 100%;
background: #F1F1F4 url(../img/secondary_bar.png) repeat-x;
-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;
border-top-left-radius: 5px; border-top-right-radius: 5px;
}

.module footer {
height: 32px;
width: 100%;
border-top: 1px solid #9CA1B0;
background: #F1F1F4 url(../img/module_footer_bg.png) repeat-x;
-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;
}

.module_content {
margin: 10px 20px;
color: #666;}

/* Module Widths */

.width_full {
width: 95%;
}

.width_half {
width: 46%;
margin-right: 0;
float: left;
}

.width_quarter {
width: 26%;
margin-right: 0;
float: left;
}

.width_3_quarter {
width: 66%;
margin-right: 0;
float: left;
}

/* Messages */

.message {
border-bottom: 1px dotted #cccccc;
}

input[type=submit].alt_btn {
background: #D0D1D4 url(../img/btn_submit_2.png) repeat-x;
border: 1px solid#30B0C8;
-webkit-box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 #fff;
font-weight: bold;
height: 22px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 0 10px;
color: #003E49;
text-shadow: 0 1px 0 #6CDCF9;
cursor: pointer;
}

input[type=submit].alt_btn:hover {
color: #001217;
}

input[type=submit].btn_post_message {
background: #D0D1D4 url(../img/post_message.png) no-repeat;
display: block;
width: 37px;
border: none;
height: 24px;
cursor: pointer;
text-indent: -5000px;
}

input[type=submit].btn_post_message:hover {
background-position: 0 -24px;
}

.post_message {
text-align: left;
padding: 5px 0;
}

.post_message input[type=text] {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #bbb;
height: 20px;
width: 70%;
color: #ccc;
-webkit-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
-moz-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
text-indent: 10px;
background-position: 10px 6px;
float: left;
margin: 0 3.5%;
}

.post_message input[type=text]:focus {
outline: none;
border: 1px solid #77BACE;
-webkit-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
-moz-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
color: #666666;
}

.post_message input[type=image] {
float: left;
}

.message_list {
height: 250px;
overflow-x:hidden;
overflow-y: scroll;
}

/* New/Edit Article Module */

fieldset {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #F6F6F6;
border: 1px solid #ccc;
padding: 1% 0%;
margin: 10px 0;
}

fieldset label {
display: block;
float: left;
width: 200px;
height: 25px;
line-height: 25px;
text-shadow: 0 1px 0 #fff;
font-weight: bold;
padding-left: 10px;
margin: -5px 0 5px 0;
text-transform: uppercase;
}

fieldset input[type=text] {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #BBBBBB;
height: 20px;
color: #666666;
-webkit-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
-moz-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
padding-left: 10px;
background-position: 10px 6px;
margin: 0;
display: block;
float: left;
width: 96%;
margin: 0 10px;
}

fieldset input[type=text]:focus {
outline: none;
border: 1px solid #77BACE;
-webkit-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
-moz-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
}

fieldset select {
width: 96%;
margin: 0 10px;
border: 1px solid #bbb;
height: 20px;
color: #666666;
}

fieldset textarea {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #BBBBBB;
color: #666666;
-webkit-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
-moz-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
padding-left: 10px;
background-position: 10px 6px;
margin: 0 0.5%;
display: block;
float: left;
width: 96%;
margin: 0 10px;
}

fieldset textarea:focus {
outline: none;
border: 1px solid #77BACE;
-webkit-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
-moz-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
}

.submit_link {
float: right;
margin-right: 3%;
padding: 5px 0;
}

.submit_link select {
width: 150px;
border: 1px solid #bbb;
height: 20px;
color: #666666;
}

#main .module_content h1 {
color: #333333;
text-transform: none;
text-shadow: 0 1px 0 #fff;
font-size: 22px;
margin: 8px 0px;
}

#main .module_content h2 {
color: #444444;
text-transform: none;
text-shadow: 0 1px 0 #fff;
font-size: 18px;
margin: 8px 0px;
}

#main .module_content h3 {
color: #666666;
text-transform: uppercase;
text-shadow: 0 1px 0 #fff;
font-size: 13px;
margin: 8px 0px;
}

#main .module_content h4 {
color: #666666;
text-transform: none;
text-shadow: 0 1px 0 #fff;
font-size: 13px;
margin: 8px 0px;
}

#main .module_content li {
line-height: 150%;
}

/* Alerts */

h4.alert_info {
display: block;
width: 95%;
margin: 20px 3% 0 3%;
margin-top: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #B5E5EF url(../img/icn_alert_info.png) no-repeat;
background-position: 10px 10px;
border: 1px solid #77BACE;
color: #082B33;
padding: 10px 0;
text-indent: 40px;
font-size: 14px;}

h4.alert_warning {
display: block;
width: 95%;
margin: 20px 3% 0 3%;
margin-top: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #F5F3BA url(../img/icn_alert_warning.png) no-repeat;
background-position: 10px 10px;
border: 1px solid #C7A20D;
color: #796616;
padding: 10px 0;
text-indent: 40px;
font-size: 14px;}

h4.alert_error {
display: block;
width: 95%;
margin: 20px 3% 0 3%;
margin-top: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #F3D9D9 url(../img/icn_alert_error.png) no-repeat;
background-position: 10px 10px;
border: 1px solid #D20009;
color: #7B040F;
padding: 10px 0;
text-indent: 40px;
font-size: 14px;}

h4.alert_success {
display: block;
width: 95%;
margin: 20px 3% 0 3%;
margin-top: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #E2F6C5 url(../img/icn_alert_success.png) no-repeat;
background-position: 10px 10px;
border: 1px solid #79C20D;
color: #32510F;
padding: 10px 0;
text-indent: 40px;
font-size: 14px;}

h4.alert_success #close, #main h4.alert_error #close{
display: inline;
float: right;
margin-right: 20px;	
}

.tbl_form {
width: 100%;
margin: -5px 0 0 0;
}

.tbl_form td{
margin: 0;
padding: 0;
padding: 2px;
}

.tbl_form th {
height: 34px;
background: url(../img/table_sorter_header.png) repeat-x;
text-align: center;
cursor: pointer;
}
.tbl_form select {
outline: none;
color: #666666;
border: 1px solid #77BACE;
height: 20px;
padding-left:5px;
font-family: Verdana, Helvetica, Arial, sans-serif;
background: #F8F8F8;
font-size: 11px;
border-radius: 8px;
}
.tbl_form select:focus {
-webkit-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
-moz-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
}
.tbl_form input {
outline: none;
color: #666666;
border: 1px solid #77BACE;
height: 20px;
padding-left:5px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
border-radius: 8px;
}
.tbl_form input:focus {
-webkit-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
-moz-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
}
.tbl_form input#tombol {
height: 32px;
background: #C6E28B;
font-size: 13px;
font-weight: bold;
}
.tbl_form input#tombol:hover {
background: #C3EBFF;
}

#tengah {
text-align: center;
}

/* Headline */

.box_headline {
	width: 618px;
	background: #004587;
	color: #ffffff;
	font:normal 12px Arial, Helvetica, sans-serif;
	padding: 10px;
	margin-left: 4px;
}

.box_headline_2 {
	width: 638px;
	color: #000;
	font:normal 12px Arial, Helvetica, sans-serif;
	padding: 0;
	margin-left: 4px;
}

#trending {
	background: #ff8400;
	padding:5px 12px 4px 12px;
	font-family: CartoGothic, Arial, Helvetica, sans-serif;
	text-align:left;
	color: #fff;
	height:15px;
}
#trending strong {
	font-family: CartoGothic, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	display:inline-block;
	padding-right:15px;
	float:left;
}
#trending a {
	color: #FFF;
	text-decoration:none;
	display:inline-block;
	padding:0px 5px;
}
#trending a:hover {
	color:#FF0;
}

#headline {
	background:#000066;
	
}
.beritautama {
	float:left;
	width:560px;
	overflow:hidden;
	height: 80px;
}
#headline .hot_topic {
	padding:5px;
	background: rgb(229,229,229); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(247,247,247,1) 30%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(30%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(247,247,247,1) 30%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(247,247,247,1) 30%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(247,247,247,1) 30%); /* IE10+ */
	background: linear-gradient(top, rgba(229,229,229,1) 0%,rgba(247,247,247,1) 30%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
	border-left:1px solid #D9D9D9;
	border-right:1px solid #D9D9D9;
}
#headline .hot_topic ul {
	list-style:none;
	margin:0;
	padding:0;
}
#headline .hot_topic li {
	width:270px;
	color: #666;
	font:normal 11px Arial, Helvetica, sans-serif;
	float:left;
	padding:5px;
	height:65px;
}
#headline .hot_topic li img {
	width:60px;
	height:60px;
	border:3px solid #FFF;
	margin-right:10px;
	float:left;
}
#headline .hot_topic li a {
	font-weight:bold;
	font-family:CartoGothic, Arial, Helvetica, sans-serif;
	color:#333;
	text-decoration:none;
	display:block;
	padding-top:3px;
}
#headline .hot_topic li a:hover {
	color: #000;
	text-decoration:underline;
}
#bu_prev {
	background:url(../img/spirites_jogjakartanews.png) 0px 0px no-repeat;
	display:block;
	float:left;
	width:25px;
	height:25px;
	text-decoration:none;
	margin-left:5px;
}
#bu_next {
	background:url(../img/spirites_jogjakartanews.png) -25px 0px no-repeat;
	display:block;
	float:right;
	width:25px;
	height:25px;
	text-decoration:none;
	margin-right: 40px;
}
#headline #bu_prev:hover, #headline #bu_next:hover {
	opacity:0.8;
}
#headline .hl {
	padding:15px;
	background: #003567;
	float:left;
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#FFF;
	border-top:1px solid #002649;
	width:605px;
}
#headline .hl h2{
	 color:#96ff00;
	 font: normal 16px CartoGothic, Arial, Helvetica, sans-serif;
}
#headline .hl img.imghl {
	width:230px;
	height:230px;
	float:left;
	margin-right:15px;
	border:1px solid white;
}
#headline .hl h1 a {
	font:normal 26px Georgia, CartoGothic, Arial, Helvetica, sans-serif;
	line-height:110%;
	padding-bottom:5px;
	color:#f5ff88;
	display:block;
	text-decoration:none;
}
#headline .hl h1 a:hover {
	color:#FFF;
	text-decoration:underline;
}
#headline .hl_terkait {
	padding-top:10px;
	width:350px;
	float:left;
}

.box_headline .date {
	font-size: 11px;
	color: gray;
	padding-bottom:3px;
	display:inline-block;
}

.box_headline h2{
	color: #96ff00;
	font: normal 16px CartoGothic, Arial, Helvetica, sans-serif;
}

.box_headline img.imghl {
	width:230px;
	height:230px;
	float:left;
	margin-right:15px;
	border:1px solid white;
	overflow: hidden;
}

.box_headline h1 a {
	font:normal 26px Georgia, CartoGothic, Arial, Helvetica, sans-serif;
	line-height:110%;
	padding-bottom:5px;
	color: #ffffff;
	display:block;
	text-decoration:none;
}

.box_headline h1 a:hover {
	color:#FFF;
	text-decoration:underline;
}

.box_headline b {
	color: #f5ff88;
}

.box_headline .list_berita {
	width: 600px;
	background: white;
	color: #000000;
}

/* Raka Aditya */
.isikonten {
	font-family:Verdana, Geneva, sans-serif;
	width: 70%;
	float: left;
	border-right: solid 5px #ebebeb;
	padding: 10px;
}

.article img {
	float: left;
	margin: 0 10px 10px 0;
}

.article .teks {
	float: left;
}

.sharearea {
	padding: 5px 5px 2px 5px;
	border-bottom: solid 1px #ebebeb;
	margin: 0 0 10px 0;
	;
}

.sharearea .socmed img {
	margin: 0 5px 0 0;
	float:none
}

.widgetkonten {
	width: 20%;
	float:left;
	padding: 10px;
}



.leftTopTitleCarousel{ font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:21px}
.rightTopTitleCarousel{ line-height:24px; margin-right:52px}

/*NR_09-10*/
.col-content div {/*font-size: 12px;*/  font-family:Arial, Helvetica, sans-serif;}
.col-content ul li {float: left; color: #fff; width: 185px; padding: 0;line-height: 16px; border-right: solid 1px #5aa679;}

.col-content ul img {margin-bottom: 2px;}
.col-content ul li p {display: block; xmargin-top: 10px;}
.col-content ul li p a{ color: #B1C0CC;}
.col-content ul li.last {border: none;}
.col-content ul li.first {padding: 0 20px 0 0;}
.col-content ul li.ketiga {border-right: none;}

/*NR_09-10*/
.bottom-content h3 {font-size:18px; margin: 0 0 5px 0;}
.bottom-content .col-content { margin-top:17px;}
.bottom-content .col-content ul li {float: left; color: #fff; width: 185px; padding: 0 15px;line-height: 17px;}
.bottom-content .col-content ul li img {margin-bottom: 5px; display: block; background-color: #ccc; width: 190px; height: 108px;}
.bottom-content .col-content ul li iframe {margin-bottom: 5px; display: block; background-color: #ccc; width: 190px; height: 108px;}
.bottom-content .col-content ul li h4 {font-size: 14px; font-weight: normal; margin: 10px 0 3px;}
.bottom-content .col-content ul li span.byline {font-size: 10px; color: #9ba5b2;}
.bottom-content .col-content ul li p {display: block; xmargin-top: 10px;}
.bottom-content .col-content ul li.last {border: none;}
.bottom-content .col-content ul li.first {padding: 0 15px 0 0;}

/* Sosial Media */
.socmed {
	margin: 3px 0;
	-webkit-transition: all 0.5s ease-in-out !important;
	-moz-transition: all 0.5s ease-in-out !important;
}

.socmed:hover {
	-webkit-transform: scale(1.2) !important;
	-moz-transform: scale(1.2) !important;
	transform: scale(1.2) !important;
	margin-left: 6px;
	
}
.socmed a.twitter {
	background: url(../img/socmed/twit3.png) left no-repeat;
	color: #019b33;
	text-decoration: none;
	padding-left: 18px;
}

.socmed a.facebook {
	background: url(../img/socmed/fb3.png) left no-repeat;
	color: #019b33;
	text-decoration: none;
	padding-left: 18px;
}

.socmed a.gplus {
	background: url(../img/socmed/g+3.png) left no-repeat;
	color: #019b33;
	text-decoration: none;
	padding-left: 18px;
}

.socmed a.linkedin {
	background: url(../img/socmed/linkedin3.png) left no-repeat;
	color: #019b33;
	text-decoration: none;
	padding-left: 18px;
}

.socmed a.youtube {
	background: url(../img/socmed/youtube3.png) left no-repeat;
	color: #019b33;
	text-decoration: none;
	padding-left: 18px;
}