/* CSS Document */
@charset "utf-8";


body {
	margin: 0px;
	background-color: #231F20;


	color: #000;
	font-weight: light;
	list-style-position: inside;
}

.clearer {
	clear: both;
}

a {
	text-decoration: none;
	color: #FFF;
}

* {
margin: 0;
padding: 0;
}
hr {
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-bottom-color: #333;
	margin-top: 20px;
	margin-bottom: 20px;
	border-right-style: none;
	border-left-style: none;
}

.yellowline {
	
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F8C300;
	border-bottom-color: #333;
	border-right-style: none;
	border-left-style: none;
}



@font-face {
	font-family: bignoodle;
	src: url('../unik_font/big_noodle_titling.ttf');;
	font-weight: normal;
}

@font-face {
	font-family: MyriadPro;
	src: url('../unik_font/MyriadPro-Regular.otf');;
	font-weight: normal;
}

@font-face {
	font-family: MyriadPro;
	src: url('../unik_font/MyriadPro-Bold.otf');;
	font-weight: bold;
}

@font-face {
	font-family: MyriadPro;
	src: url('../unik_font/MyriadPro-Light.otf');;
	font-weight: light;
}


@font-face {
	font-family: MyriadProcon;
	src: url('../unik_font/MyriadPro-BoldCond.otf');;
	
}

@font-face {
	font-family: Bebasnue;
	src: url('../unik_font/BebasNeue Light.otf');;
	font-weight: light;
}

@font-face {
	font-family: Bebasnue;
	src: url('../unik_font/BebasNeue Regular.otf');;
	font-weight: normal;
}


@font-face {
	font-family: Bebasnue;
	src: url('../unik_font/BebasNeue Bold.otf');;
	font-weight: bold;
}

@font-face {
	font-family: Agency;
	src: url('../unik_font/AGENCYR.TTF');;
	font-weight: normal;
}

@font-face {
	font-family: Agency;
	src: url('../unik_font/AGENCYB.TTF');;
	font-weight: bold;
}

.title2 {
	font-family: Bebasnue;
	font-size: 20px;
	color: #FFF;
	font-weight: light;
	line-height: 10px;
}

.title2big {
	font-family: Bebasnue;
	font-size: 27px;
	color: #FFF;
	font-weight: bold;
line-height: 10px;
}
.title2bignormal {
	font-family: Bebasnue;
	font-size: 27px;
	color: #FFF;
	font-weight: bold;
	
}
.title3 {
	font-family: Bebasnue;
	font-size: 30px;
	color: #F8C300;
	font-weight: bold;
}

.title3light {
	font-family: Bebasnue;
	font-size: 30px;
	color: #F8C300;
	font-weight: light;
}

.title4 {
	font-family: bignoodle;
	font-size: 35px;
	color: #000;

}

.title5 {
	font-family: MyriadPro;
	font-size: 20px;
	color: #000;
	font-weight: bold;
}

.title5W {
	font-family: MyriadPro;
	font-size: 25px;
	color: #FFF;
	font-weight: bold;
}


.title5B{
	font-family: MyriadPro;
	font-size: 25px;
	color: #FFF;
	font-weight: light;
	
}


.title5BP {
	font-family: MyriadPro;
	font-size: 28px;
	color: #000;
	font-weight: normal;
	
}

.title6 {
	font-family: MyriadPro;
	font-size: 20px;
	color: #000;
	font-weight: Normal;
}

.title9{
	font-family: MyriadPro;
	font-size: 25px;
	color: #F8C300;
	font-weight: light;
}
.title9B{
	font-family: MyriadProcon;
	font-size: 21px;
	color: #F8C300;
	font-weight: bold;
}

.textprofile {
	font-family: MyriadPro;
	font-size: 15px;
	color: #000;
	font-weight: light;
}

.title6Y {
	font-family: MyriadPro;
	font-size: 16px;
	color: #F8C300;
	font-weight: light;
}

.title7 {
	font-family: MyriadPro;
	font-size: 15px;
	color: #FFF;
	font-weight: bold;
}
.title8 {
	font-family: MyriadPro;
	font-size: 19px;
	color: #000;
	font-weight: light;
}
.lengkap1 {
	
		font-family: MyriadPro;
	font-size: 16px;
	color: #F8C300;
	font-weight: light;
}

.lengkap1:hover {
	
	color: #F88000;
}

.lengkap2 {
	
		font-family: MyriadPro;
	font-size: 13px;
	color: #F8C300;
	font-weight: light;
}

.lengkap2:hover {
	
	color: #F88000;
}


.textdate {
	font-family: MyriadPro;
	font-size: 14px;
	color: #F8C300;
	font-weight: light;
}


.textdate_white {
	font-family: MyriadPro;
	font-size: 14px;
	color: #FFF;
	font-weight: light;
}

.textdate2 {
	font-family: MyriadPro;
	font-size: 16px;
	color: #F8C300;
	font-weight: light;
}


.text_content1 {
	font-family: MyriadPro;
	font-size:14px;
	color: #FFF;
	font-weight: normal;
}

.text_content2 {
	font-family: MyriadPro;
	font-size:14px;
	color: #000;
	font-weight: normal;
}
.text_content3 ol li {
	margin-bottom: 15px;
}

.text_content3 ul li {
	margin-bottom: 9px;
	list-style-position: inside;
	list-style-type: disc;
	
}

.text_content3 {
	font-family: MyriadPro;
	font-size: 15px;
	color: #CCCCCC;
	font-weight: normal;
}

textarea {
  resize: vertical; /* user can resize vertically, but width is fixed */
}

#wraper {
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	background-color: #0B090A;
	box-shadow: 0px 0px 50px #000000;
	
}
#mainheadertop {
	background-color: #FFF;
	height: 80px;
	width: 1024px;
}

/*-------------------------------main menu --------------------------------*/

#main-menu {
	background-color: #FFF;
	width: 1024px;
}
#main-menu-logo {
	height: 67px;
	width: 260px;
	float: left;
	background-image: url(../images/logopolisi.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	font-family: bignoodle;
	font-size: 36px;
	color: #0000FF;
	padding-top: 13px;
	padding-left: 90px;
}



#main-menu-list {
	list-style-type: none;
	display: block;
	float: right;
	margin-right: 40px;
}

#main-menu-list li {
	display: block;
	position: relative;
	float: left;
}

#main-menu-list li a {
	height: 45px;
	display: block;
	font-family: bignoodle;
	letter-spacing: 0.5px;
	color: #0066FF;
	text-align: center;
	font-variant: normal;
	font-size: 19px;
	padding-left: 12px;
	padding-top: 35px;
}
#main-menu-list li a:hover {
	display: block;
	color: #000;

	
}


#main-menu-list li ul {
	display: none;
	position: absolute;
	top: 100%;
	padding: 0px;
	z-index: 100;
	box-shadow: 0px 3px 5px #000;
}

#main-menu-list li:hover > ul {
 	display: block;
}

#main-menu-list li ul li, #main-menu-list li ul li a {
 	float: none;
}


#main-menu-list li ul li {
	display: inline; /* for IE6 */
	padding: 0px;	
}

#main-menu-list li ul li a {
	display: block;
	background-color: #FFF;
	text-align: left;
	width: 170px;
	padding-left: 30px;
	font-family: bignoodle;
	letter-spacing: 0.5px;
	font-size: 17px;
	border-top-width: thin;
	border-right-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-right: 30px;
	font-weight: normal;
	height: 25px;
}

#main-menu-list li ul li a:hover {
	background-color: #CCCCCC;
	background-image: none;
}



#main-menu-list li ul li ul {
	display: none;
	position: absolute;
	top: -56px;
	left: 231px;
	padding: 0px;
	z-index: 100;
	box-shadow: 0px 0px -5px #000;
}


/*-------------------------------main menu --------------------------------*/

#mainheadergrade {
	height: 10px;
	width: 1024px;
	background: #0000FF; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(red, yellow, green); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(red, yellow, green); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(red, yellow, green); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#FFF,#0054BB); /* Standard syntax */
}

#logopolres {
	height: 361px;
	width: 285px;
	position: absolute;
	z-index: 30;
	left: 170px;
	top: 0px;
}

#slider {
	background-color: #0000FF;
	height: 350px;
	width: 1024px;
}
#mainlayanancon {
	background-color: #231F20;
	height: 187px;
	width: 1024px;
	margin-top: 5px;
}

#mainlayanancon2 {
	width: 1024px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#pengaduancon {
	background-color: #231F20;
	height: 187px;
	width: 558px;
	
}
#pengaduancon3 {
	background-color: #231F20;
	height: 147px;
	width: 428px;
	
}
#pengaduanicon1 {
	background-image: url(../images/pelayanan_ico1.png);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 187px;
	width: 187px;
}
#pengaduanicon2 {
	background-image: url(../images/pelayanan_ico2.png);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 187px;
	width: 187px;
}
#pengaduanicon3 {
	background-image: url(../images/pelayanan_ico3.png);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 187px;
	width: 187px;
}
#pengaduantext {
	float: left;
	height: 122px;
	width: 341px;
	padding-top: 65px;
	padding-right: 30px;
}

#sp2hpcon {
	background-color: #231F20;
	height: 147px;
	width: 446px;
	float: left;
	padding-top: 5px;
	padding-left: 20px;
	background-image: url(../images/black_line.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}


.search-inputsp2hp {
	-moz-border-radius: 7px 7px 7px 7px; /* Firefox */
	-webkit-border-radius: 7px 7px 7px 7px; /* Safari, Chrome */
	border-radius: 7px 7px 7px 7px; /* CSS3 */
	width: 413px;
	height: 35px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-color: #121212;
	padding-right: 5px;
	padding-left: 8px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #000;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #FFF;
	margin-top: 12px;
}

.search-inputsp2hp3 {
	-moz-border-radius: 7px 7px 7px 7px; /* Firefox */
	-webkit-border-radius: 7px 7px 7px 7px; /* Safari, Chrome */
	border-radius: 7px 7px 7px 7px; /* CSS3 */
	width: 230px;
	height: 35px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-color: #121212;
	padding-right: 5px;
	padding-left: 8px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #000;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #FFF;
	margin-top: 12px;
}

.search-inputsp2hp2 {
	-moz-border-radius: 7px 7px 7px 7px; /* Firefox */
	-webkit-border-radius: 7px 7px 7px 7px; /* Safari, Chrome */
	border-radius: 7px 7px 7px 7px; /* CSS3 */
	width: 372px;
	height: 45px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-color: #121212;
	padding-right: 5px;
	padding-left: 8px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #000;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #FFF;
	float: left;
	margin-top: 12px;
	margin-right: 10px;
}
.sp2hpcon_box {
	float: left;

	width: 250px;
}
.sp2hpcon_box2 {
	float: left;
	
	width: 170px;
	margin-left: 10px;
}
.inputsubscribe {
	-moz-border-radius: 7px 0px 0px 7px; /* Firefox */
	-webkit-border-radius: 7px 0px 0px 7px; /* Safari, Chrome */
	border-radius: 7px 0px 0px 7px; /* CSS3 */
	width: 170px;
	height: 45px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-color: #121212;
	padding-right: 5px;
	padding-left: 8px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #000;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #FFF;
	float: left;
	margin-top: 12px;
}
.search-category-btn {
	-moz-border-radius: 7px 7px 7px 7px; /* Firefox */
	-webkit-border-radius: 7px 7px 7px 7px; /* Safari, Chrome */
	border-radius: 7px 7px 7px 7px; /* CSS3 */
	height: 37px;
	width: 170px;
	background: #F8C300; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(red, yellow, green); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(red, yellow, green); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(red, yellow, green); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#F8C300,#F88000); /* Standard syntax */
	text-align: center;
	padding-top: 0px;
	box-shadow: 1px 1px 1px #000;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.80em;
	color: #FFF;
	text-decoration: none;
	font-weight: bolder;
	text-shadow: -1px -1px #333333;
	font-style: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 12px;
	margin-left: 10px;
}
.search-category-btn:hover {
	background: #F8C300; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(red, yellow, green); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(red, yellow, green); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(red, yellow, green); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#F89A00,#F82C00); /* Standard syntax */


}


.search-category-btn2 {
	-moz-border-radius: 7px 7px 7px 7px; /* Firefox */
	-webkit-border-radius: 7px 7px 7px 7px; /* Safari, Chrome */
	border-radius: 7px 7px 7px 7px; /* CSS3 */
	height: 47px;
	width: 170px;
	background: #F8C300; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(red, yellow, green); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(red, yellow, green); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(red, yellow, green); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#F8C300,#F88000); /* Standard syntax */
	text-align: center;
	padding-top: 0px;
	box-shadow: 1px 1px 1px #000;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.80em;
	color: #FFF;
	text-decoration: none;
	font-weight: bolder;
	text-shadow: -1px -1px #333333;
	font-style: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 12px;

}
.search-category-btn2:hover {
	background: #F8C300; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(red, yellow, green); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(red, yellow, green); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(red, yellow, green); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#F89A00,#F82C00); /* Standard syntax */


}

.subscribe-btn {
	-moz-border-radius: 0px 7px 7px 0px; /* Firefox */
	-webkit-border-radius: 0px 7px 7px 0px; /* Safari, Chrome */
	border-radius: 0px 7px 7px 0px; /* CSS3 */
	height: 47px;
	width: 120px;
	background: #F8C300; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(red, yellow, green); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(red, yellow, green); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(red, yellow, green); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#F8C300,#F88000); /* Standard syntax */
	
	text-align: center;
	padding-top: 0px;
	box-shadow: 1px 1px 1px #000;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	color: #FFF;
	text-decoration: none;
	font-weight: bolder;
	text-shadow: -1px -1px #333333;
	font-style: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	margin-top: 12px;
}
.subscribe-btn:hover {
	background: #F8C300; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(red, yellow, green); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(red, yellow, green); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(red, yellow, green); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#F89A00,#F82C00); /* Standard syntax */


}


.frontlayanancon {
	width: 340px;
	margin-right: 1px;
	background-color: #3C9;
	float: left;
}
#frontlayanan_title1 {
	background: #F7941E; /* For browsers that do not support gradients */
	width: 320px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;

	padding-right: 10px;
	padding-left: 10px;

}

#frontlayanan_title2 {
	background: #F8C300; /* For browsers that do not support gradients */
	width: 320px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	
}

#frontlayanan_title3 {
	background-color: #F15A29; /* For browsers that do not support gradients */
	width: 320px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}


.layananico {
	float: center;
	margin-left: 10px;	
}

.layananico_text {
	float: center;
	margin-top: 10px;
	margin-left: 10px;
}
#frontlayanan_text {
	background-color: #231F20;
	width: 280px;
	text-align: center;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	height: 220px;
}


.frontlayanancon_end {
	background-color: #069;
	width: 340px;
	float: left;
}
.btn_yellow {
	-moz-border-radius: 7px 7px 7px 7px; /* Firefox */
	-webkit-border-radius: 7px 7px 7px 7px; /* Safari, Chrome */
	border-radius: 7px 7px 7px 7px;
	background: #F8C300; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(red, yellow, green); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(red, yellow, green); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(red, yellow, green); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#F8C300,#F88000); /* Standard syntax */
	text-align: center;
	box-shadow: 1px 1px 1px #000;
	font-family: bignoodle;
	font-size: 16px;
	letter-spacing: 0.1px;
	color: #000;
	text-decoration: none;
	font-style: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	display: block;
	width: 90px;
}

.btn_yellow:hover {
	background: #F8C300; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(red, yellow, green); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(red, yellow, green); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(red, yellow, green); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#F89A00,#F82C00); /* Standard syntax */


}




.btn_yellow2 {
	-moz-border-radius: 7px 7px 7px 7px; /* Firefox */
	-webkit-border-radius: 7px 7px 7px 7px; /* Safari, Chrome */
	border-radius: 7px 7px 7px 7px;
	background: #F8C300; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(red, yellow, green); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(red, yellow, green); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(red, yellow, green); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#F8C300,#F88000); /* Standard syntax */
	text-align: center;
	box-shadow: 1px 1px 1px #000;
	font-family: bignoodle;
	font-size: 16px;
	letter-spacing: 0.1px;
	color: #000;
	text-decoration: none;
	font-style: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	display: block;
	width: 90px;
}

.btn_yellow2:hover {
	background: #F8C300; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(red, yellow, green); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(red, yellow, green); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(red, yellow, green); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#F89A00,#F82C00); /* Standard syntax */


}


#mainprofilecon {
	background-color: #0000CC;
}
#leftprofilecon {
	float: left;
	width: 660px;

}




#righttprofilecon {
	float: left;
	height: 778px;
	width: 364px;
	

}



#fotokapolres {
	background-color: #00044C;
	margin-right: auto;
	margin-left: auto;
}
#profiltextsmall {
	text-align: justify;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 20px;
	background: #0000CC; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(red, yellow, green); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(red, yellow, green); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(red, yellow, green); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#FFF,#0053DD); /* Standard syntax */
	height: 249px;
}
#tlpkapolres {

	background-image: url(../images/phoneico.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 25px;
	width: 120px;
	padding-top: 5px;
	padding-left: 30px;
	float: left;
}

#emailkapolres {

	background-image: url(../images/emailico.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 25px;
	width: 200px;
	padding-top: 5px;
	padding-left: 50px;
	float: left;
	margin-left: 10px;
}



#maininformasicon {
	height: 450px;
	width: 1024px;
	margin-top: 5px;
}

#maininformasiright {
	float: left;
	height: 300px;
	width: 660px;
}

#maininformasileft {
	float: left;
	height: 400px;
	width: 359px;
	margin-left: 5px;
}




.righttitlecon {
	height: 38px;
	width: 640px;
	font-family: bignoodle;
	font-size: 25px;
	background: #0000CC; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(red, yellow, green); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(red, yellow, green); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(red, yellow, green); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right,#FFF,#000F88); /* Standard syntax */
	padding-top: 12px;
	padding-left: 20px;
}

.lefttitlecon {
	height: 38px;
	width: 344px;
	font-family: bignoodle;
	font-size: 25px;
	background: #0000CC; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(red, yellow, green); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(red, yellow, green); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(red, yellow, green); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right,#FFF,#000F88); /* Standard syntax */
	padding-top: 12px;
	padding-left: 20px;
}

.lefttitlecon_pesan {
	height: 38px;
	width: 299px;
	font-family: bignoodle;
	font-size: 25px;
	background: #333; /* For browsers that do not support gradients */
	background-position: 10px center;
	padding-top: 12px;
	padding-left: 60px;
	background-image: url(../images/logopolisi-2.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	border-bottom: thin solid #000000;
}



.righttitlefullcon {
	height: 38px;
	width: 640px;
	font-family: bignoodle;
	font-size: 25px;
	background: #F8C300; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(red, yellow, green); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(red, yellow, green); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(red, yellow, green); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right,#FFF,#000F88); /* Standard syntax */
	padding-top: 12px;
	padding-left: 20px;
	float: left;
	border-bottom: thin solid #000000;
}

.lefttitlefullcon {
	height: 38px;
	width: 344px;
	font-family: bignoodle;
	font-size: 25px;
	background: #F8C300; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(red, yellow, green); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(red, yellow, green); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(red, yellow, green); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right,#FFF,#000F88); /* Standard syntax */
	padding-top: 12px;
	padding-left: 20px;
	float: left;
}

.bottomtitlecon {
	height: 38px;
	width: 344px;
	font-family: bignoodle;
	font-size: 25px;
	background: #F8C300; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(red, yellow, green); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(red, yellow, green); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(red, yellow, green); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right,#FFF,#000F88); /* Standard syntax */
	padding-top: 12px;
	padding-left: 20px;
}

.bottomtitlecon_wide {
	height: 38px;
	width: 640px;
	font-family: bignoodle;
	font-size: 25px;
	background: #F8C300; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(red, yellow, green); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(red, yellow, green); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(red, yellow, green); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right,#FFF,#000F88); /* Standard syntax */
	padding-top: 12px;
	padding-left: 20px;
}


.pesancon {
	height: 132.5px;
	width: 319px;
	padding: 20px;
	background-color: #231F20;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 5px;
}

#mainberitaright {
	float: left;
	width: 660px;
}
#beritaterbarucon {
	width: 600px;
	padding: 30px;
}

#gambarberitacon {
	width: 600px;
}
#isiberitacon {
	margin-top: 30px;
	text-align: justify;
}



#mainberitaleft {
	float: left;
	width: 364px;

}
.beritalainnyacon {
	width: 324px;
	padding: 20px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-bottom-color: #212121;
	
}




#mainberitacon {
	background-color: #231F20;
	width: 1024px;
	margin-top: 5px;
}
#mainvideocon {
	background-color: #231F20;
	width: 1024px;
	margin-bottom: 5px;
	margin-top: 5px;
}
#mainbottomcon {
	width: 660px;
	background-color: #231F20;
	float: left;
	margin-bottom: 5px;
	overflow: hidden;
	height: 450px;
}
#mainbottomconend {
	height: 450px;
	width: 364px;
	background-color: #231F20;
	float: left;
	margin-bottom: 5px;
}

#countercon {
	width: 344px;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}

#mainfootercon {
	background-color: #0055BB;
	height: 67px;
	width: 1024px;
	text-align: center;
	padding-top: 40px;
	background-image: url(../images/footer-01.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#mainfootercon2 {
	background-color: #F8C300;
	height: 67px;
	width: 1024px;
	text-align: center;
	padding-top: 40px;

}

.mainsubtitle {
	background-color: #FFF;
	height: 42px;
	width: 1004px;
	font-family: bignoodle;
	font-size: 25px;
	padding-top: 18px;
	padding-left: 20px;
	margin-bottom: 5px;
}
.leftsubcon {
	background-color: #231F20;
	float: left;
	width: 595px;
	margin-right: 5px;
	padding: 30px;
	text-align: justify;
	margin-bottom: 5px;
}

.leftsubcon2 {
	background-color: #231F20;
	width: 595px;
	margin-right: 5px;
	padding: 30px;
	text-align: justify;
	margin-bottom: 5px;
}

.leftsubcon_normal {
	background-color: #231F20;
	width: 655px;
	text-align: justify;
	padding-bottom: 10px;
}


.leftsubcon_wraper {
	float: left;


	margin-bottom: 5px;
}

.leftsubcon_map {
	background-color: #231F20;
	width: 655px;
	margin-top: 5px;
	margin-right: 5px;
	text-align: justify;
	margin-bottom: 5px;
}

.leftsubcon_map iframe {
	
	width: 655px;
	height: 400px;
	
	
	
}


.leftsubcon_wraper {
	float: left;

}



.subtitlecon {
	height: 38px;
	width: 635px;
	font-family: bignoodle;
	font-size: 25px;
	background: #F8C300; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(red, yellow, green); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(red, yellow, green); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(red, yellow, green); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right,#F8C300,#F88000); /* Standard syntax */
	padding-top: 12px;
	padding-left: 20px;
}



.leftsubcon img {
	width: 595px;
	height: auto;
}


.leftsubcon2 img {
	width: 595px;
	height: auto;
}

.leftsubcon_full {
	background-color: #231F20;
	width: 964px;
	padding: 30px;
	text-align: justify;
	margin-bottom: 5px;
	overflow: hidden;
}


.leftsubcon_full_vip {
	background-color: #231F20;
	width: 964px;
	padding: 30px;
	text-align: justify;
	margin-bottom: 5px;
	overflow: hidden;
	background-image: url(../images/bg_logo.png);
	background-position: center top;
	background-repeat: no-repeat;
}





.leftsubcon_full img {

	width: 964px;
	
	height: auto;

}

#capt {
	width: 100px;	
	
	
	
}

.leftsubcon_image {
	margin-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#rightsubcon {
	float: left;
	width: 364px;
	background-color: #231F20;
	margin-bottom: 5px;	
}
.rightsubcon_small {
	height: 135px;
	width: 324px;
	padding: 20px;
	background-color: #231F20;
	overflow: hidden;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-bottom-color: #212121;
}
/*------------------------- Contact us Area ------------------------------*/



#main-contact-container-left {
}

.contact_paragraf {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #000;
	border-bottom-color: #333;
	border-bottom-width: thin;
	border-bottom-style: solid;
}

.contact_paragraf2 {
	height: 160px;
	padding-top: 20px;
	padding-bottom: 2px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #000;
	border-bottom-color: #333;
	border-bottom-width: thin;
	border-bottom-style: solid;
}
.contact_paragraf_top {
	
	border-bottom-color: #333;
	border-bottom-width: thin;
	border-bottom-style: solid;
}
.contact_paragraf_bottom {
	
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #000;
}
.contact_label {
	font-family: MyriadPro;
	font-size: 17px;
	color: #F8C300;
	font-weight: light;
	margin-top: 15px;
	margin-right: 20px;
}
.contact_label2 {
	font-family: MyriadPro;
	font-size: 17px;
	color: #F8C300;
	font-weight: light;
	margin-top: 15px;
	margin-right: 20px;
	margin-left: 20px;
}
.contact_inputtext {
	height: 30px;
	width: 944px;
	-moz-border-radius: 3px 3px 3px 3px; /* Firefox */
	-webkit-border-radius: 3px 3px 3px 3px; /* Safari, Chrome */
	border-radius: 3px 3px 3px 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #333;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #000;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
}

.contact_inputtext:focus {
	
	outline: none !important;
	border: thin solid #F8C300 ;
}

.contact_textarea {
	height: 90px;
	width: 944px;
	-moz-border-radius: 3px 3px 3px 3px; /* Firefox */
	-webkit-border-radius: 3px 3px 3px 3px; /* Safari, Chrome */
	border-radius: 3px 3px 3px 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #333;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #000;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}


.contact_textarea:focus {
	
	outline: none !important;
	border: thin solid #F8C300 ;
}

.contact-container-detail {
	padding-top: 10px;
	padding-bottom: 10px;
}

#captcha-container {
	margin-top: 30px;
	float: left;
	width: 500px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #333;
	padding-right: 20px;
	height: 180px;
}

#captcha-container2 {
	margin-top: 30px;
	float: left;
	width: 310px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #000;
	padding-top: 30px;
	height: 150px;
	padding-left: 50px;
}
.captcha-box {
	margin-bottom: 10px;
		
}
.captcha-input {

	height: 28px;
	width: 120px;
	background-color: #333;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #000;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;	
	
}


.long-btn {
	height: 30px;
	width: 150px;
	font-family: bignoodle;
	font-size: 16px;
	letter-spacing: 0.1px;
	color: #000;
	cursor: pointer;

   background: #F8C300; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(red, yellow, green); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(red, yellow, green); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(red, yellow, green); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#F8C300,#F88000); /* Standard syntax */
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.long-btn:hover {
background: #F8C300; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(red, yellow, green); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(red, yellow, green); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(red, yellow, green); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#F89A00,#F82C00); /* Standard syntax */
}

.reload-cap-btn {
	height: 30px;
	width: 99px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	cursor: pointer;

    	background: #F8C300; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(red, yellow, green); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(red, yellow, green); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(red, yellow, green); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#F8C300,#F88000); /* Standard syntax */
	margin-left: 10px;
	vertical-align: top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: bignoodle;
	font-size: 16px;
	letter-spacing: 0.1px;
}
.reload-cap-btn:hover {
	background: #F8C300; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(red, yellow, green); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(red, yellow, green); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(red, yellow, green); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#F89A00,#F82C00); /* Standard syntax */
}
.btn_yellow {
	-moz-border-radius: 7px 7px 7px 7px; /* Firefox */
	-webkit-border-radius: 7px 7px 7px 7px; /* Safari, Chrome */
	border-radius: 7px 7px 7px 7px;
	background: #F8C300; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(red, yellow, green); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(red, yellow, green); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(red, yellow, green); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#F8C300,#F88000); /* Standard syntax */
	text-align: center;
	box-shadow: 1px 1px 1px #000;
	font-family: bignoodle;
	font-size: 16px;
	letter-spacing: 0.1px;
	color: #000;
	text-decoration: none;
	font-style: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	display: block;
	width: 90px;
}

.btn_yellow:hover {
	background: #F8C300; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(red, yellow, green); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(red, yellow, green); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(red, yellow, green); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#F89A00,#F82C00); /* Standard syntax */


}

/*------------------------- Contact us Area END------------------------------*/

.leftsubcon_gallery {
	background-color: #231F20;
	margin-bottom: 5px;
	overflow: hidden;
	width: 1014px;
	padding-left: 10px;
	padding-bottom: 10px;
}

.galleryboxcon {
	background-color: #121212;
	float: left;
	height: 350px;
	width: 328px;
	margin-right: 10px;
	margin-top: 10px;
	text-align: center;
	overflow: hidden;
}
.galleryboxcon:hover {
	background-color: #333;
}

.galeri_text_con {
	margin-left: 0px;
	padding-left: 12px;
	padding-right: 12px;	
	
}

.imaggallery {
	width: 328px;
	margin-bottom: 15px;
	display: block;
	overflow: hidden;
	height: 200px;
}


.imaggallery:hover {
	margin-bottom: 12px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #F8C300;
}


.imaggallery img {
	transition: all .2s ease-in-out; 
}

.imaggallery img:hover {
	transform: scale(1.1); 
}






.galleryinovasiboxcon {
	background-color: #121212;
	float: left;
	height: 210px;
	width: 205px;
	margin-left: 10px;
	margin-top: 10px;
	text-align: center;
	overflow: hidden;
}
.galleryinovasiboxcon:hover {
	background-color: #333;
}

.galeri_inovasi_text_con {
	margin-left: 0px;
	padding-left: 12px;
	padding-right: 12px;	
	
}

.imaggalleryinovasi {
	width: 205px;
	margin-bottom: 15px;
	display: block;
	overflow: hidden;
	height: 150px;
}


.imaggalleryinovasi:hover {
	margin-bottom: 12px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #F8C300;
}


.imaggalleryinovasi img {
	transition: all .2s ease-in-out; 
}

.imaggalleryinovasi img:hover {
	transform: scale(1.1); 
}









.paggingcon {
	background-color: #2D292A;
	height: 38px;
	width: 1024px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	padding-top: 12px;
	font-family: MyriadPro;
	font-size: 16px;
	color: #F8C300;
	font-weight: light;
}


.leftpengaduancon {
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-bottom-color: #333;
	padding-top: 20px;
	padding-bottom: 20px;
}

.leftjawabancon {
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #0C1113;
	margin-top: 20px;
	-moz-border-radius: 7px 7px 7px 7px; /* Firefox */
	-webkit-border-radius: 7px 7px 7px 7px; /* Safari, Chrome */
	border-radius: 7px 7px 7px 7px;
	border: thin solid #F8C300;
	padding-right: 20px;
	padding-left: 20px;
}
.linewraper {
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333;
	border-bottom-color: #000;
}

.running {
	background-color: #0000CC;
	height: 45px;
	width: 1024px;
}


.container {
	width: 100%;
	display: inline-block;
	overflow: hidden;
	box-sizing: border-box;
	height: 45px;
	position: relative;
	cursor: pointer;
}


.marquee, *[class^="marquee"] {
	display: inline-block;
	white-space: nowrap;
	position:absolute;
}


.marquee-content-items{
	display: inline-block;
	padding: 5px;
	margin: 0;
	height: 45px;
	position: relative;
}

.marquee-content-items li{
	display: inline-block;
	line-height: 35px;
	color: #fff;
	margin-right: 20px;
	margin-left: 50px;
	font-family: Arial, Helvetica, sans-serif;
}

#ticker li{
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	margin-top: 20px;
	margin-bottom: 60px;
}

#ticker2 li{
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	margin-top: 20px;
	margin-bottom: 60px;
}

.downloadcon_left {
	top: 10px;
	bottom: 10px;
	float: left;

}



.downloadcon_right {
	top: 10px;
	bottom: 10px;
	float: right;
	margin-top: 15px;	
}


.downloadcon_main {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: thin solid #000000;
	border-bottom: thin solid #333333;
}


#maincounterbox {
	text-align: center;
	height: 42px;
	width: 364px;
	padding-top: 17px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
#subcountercon {
	height: 218px;
	width: 364px;
	padding-top: 30px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #333;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000;
}

#socialMedia {
	padding-left: 20px;
	width: 345px;
	height: 69px;
	padding-top: 20px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #333;
}



#social_box {
	margin-right: 20px;
}


#subcounterboxright {
	margin-top: 7px;
	margin-bottom: 7px;
	font-family: "Myriad Pro", Arial;
	font-size: 15px;
	color: #FFF;
	font-weight: lighter;
	float: right;
	text-align: left;
	width: 80px;
}

#subcounterboxleft {
	margin-top: 7px;
	margin-bottom: 7px;
	font-family: "Myriad Pro", Arial;
	font-size: 15px;
	color: #FFF;
	font-weight: lighter;
	margin-left: 40px;
	float: left;
}

.polingbox {
	font-family: "Myriad Pro", Arial;
	color: #FFF;
	float: left;
	font-size: 16px;
	margin-left: 20px;

}

.selectcon {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	-moz-border-radius: 3px 3px 3px 3px; /* Firefox */
	-webkit-border-radius: 3px 3px 3px 3px; /* Safari, Chrome */
	border-radius: 3px 3px 3px 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #333;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #000;
	color: #FFF;
	margin-left: 0px;
	margin-right: 10px;
}

.inputsidikjari {
	height: 30px;
	width: 90px;
	-moz-border-radius: 3px 3px 3px 3px; /* Firefox */
	-webkit-border-radius: 3px 3px 3px 3px; /* Safari, Chrome */
	border-radius: 3px 3px 3px 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #333;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #000;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 12px;
}

.input_saudara_long {
	height: 30px;
	width: 230px;
	-moz-border-radius: 3px 3px 3px 3px; /* Firefox */
	-webkit-border-radius: 3px 3px 3px 3px; /* Safari, Chrome */
	border-radius: 3px 3px 3px 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #333;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #000;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
}

.input_saudara_short{
	height: 30px;
	width: 30px;
	-moz-border-radius: 3px 3px 3px 3px; /* Firefox */
	-webkit-border-radius: 3px 3px 3px 3px; /* Safari, Chrome */
	border-radius: 3px 3px 3px 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #333;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #000;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
}

.input_pendidikan {
	height: 30px;
	width: 210px;
	-moz-border-radius: 3px 3px 3px 3px; /* Firefox */
	-webkit-border-radius: 3px 3px 3px 3px; /* Safari, Chrome */
	border-radius: 3px 3px 3px 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #333;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #000;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
}


.input_pendidikan_tahun {
	height: 30px;
	width: 100px;
	-moz-border-radius: 3px 3px 3px 3px; /* Firefox */
	-webkit-border-radius: 3px 3px 3px 3px; /* Safari, Chrome */
	border-radius: 3px 3px 3px 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #333;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #000;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
}



.form_left_con{
	float: left;
	margin-right: 10px;	
}

.verticalline {
	height: 70px;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #333;
	border-left-color: #000;
	float: left;
	margin-right: 20px;
	margin-left: 10px;
}

.leftsubcon_full_form {
	background-color: #333;
	width: 1004px;
	padding: 10px;
	text-align: justify;
	margin-bottom: 5px;
	overflow: hidden;
	background-image: url(../images/bg_logo.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.form_part_con {
	background-color: #231F20;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-left: 15px;
	padding-left: 15px;
	padding-bottom: 20px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}

.form_part_title {
	background-color: #535353;
	margin-top: 0px;
	padding-top: 20px;
	padding-left: 15px;
	padding-bottom: 20px;
	border-top-width: thin;
	border-right-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-left-color: #000;
}


.form_part_title2 {
	background-color: #F8C300;
	margin-top: 0px;
	padding-top: 20px;
	padding-left: 15px;
	padding-bottom: 20px;
	border-top-width: thin;
	border-right-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-left-color: #000;
}

.file_btn {
	border: none;
	font-family: MyriadPro;
	font-size: 15px;
	color: #FFF;
	font-weight: light;
	
}

.form_radio {
	
	width: 15px;
	height: 15px;
	margin-top: 20px;
	margin-right: 10px;
}

.skck_paragraf {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #000;
	border-bottom-color: #333;
	border-bottom-width: thin;
	border-bottom-style: solid;
}

.skck_paragraf2 {
	height: 160px;
	padding-top: 20px;
	padding-bottom: 2px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #000;
	border-bottom-color: #333;
	border-bottom-width: thin;
	border-bottom-style: solid;
}
.skck_paragraf_top {
	
	border-bottom-color: #333;
	border-bottom-width: thin;
	border-bottom-style: solid;
}
.skck_paragraf_bottom {
	
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #000;
}
.skck_label {
	font-family: MyriadPro;
	font-size: 17px;
	color: #F8C300;
	font-weight: light;
	margin-top: 15px;
	margin-right: 20px;
	width: 200px;
	display: block;
	float: left;
}
.skck_label2 {
	font-family: MyriadPro;
	font-size: 17px;
	color: #F8C300;
	font-weight: light;
	margin-top: 15px;
	margin-right: 10px;
}

.skck_label4 {
	font-family: MyriadPro;
	font-size: 17px;
	color: #F8C300;
	font-weight: light;
	margin-top: 15px;
	margin-right: 10px;
	display: block;
	float: left;
}

.skck_label3 {
	font-family: MyriadPro;
	font-size: 17px;
	color: #F8C300;
	font-weight: light;
	margin-top: 15px;
	margin-right: 10px;
	display: block;
	float: left;
	width: 160px;
}
.skck_inputtext {
	height: 30px;
	width: 730px;
	-moz-border-radius: 3px 3px 3px 3px; /* Firefox */
	-webkit-border-radius: 3px 3px 3px 3px; /* Safari, Chrome */
	border-radius: 3px 3px 3px 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #333;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #000;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
}

.skck_inputtext:focus {
	
	outline: none !important;
	border: thin solid #F8C300 ;
}



.skck_inputtext_full {
	height: 30px;
	width: 950px;
	-moz-border-radius: 3px 3px 3px 3px; /* Firefox */
	-webkit-border-radius: 3px 3px 3px 3px; /* Safari, Chrome */
	border-radius: 3px 3px 3px 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #333;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #000;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
}

.skck_inputtext_full :focus {
	
	outline: none !important;
	border: thin solid #F8C300 ;
}

.skck_textarea {
	height: 90px;
	width: 944px;
	-moz-border-radius: 3px 3px 3px 3px; /* Firefox */
	-webkit-border-radius: 3px 3px 3px 3px; /* Safari, Chrome */
	border-radius: 3px 3px 3px 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #333;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #000;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}


.skck_textarea:focus {
	
	outline: none !important;
	border: thin solid #F8C300 ;
}

.inovasiboxcon {
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: thin solid #000000;
	border-bottom: thin solid #333333;
}

.full_conleft_img {
	float: left;
	margin-right: 20px;	
}