/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline}
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden}
.relative {position:relative}
/* Global properties */
body {background:#111;border:0;font:14px Arial, Helvetica, sans-serif;color:#0f0f0f;line-height:20px}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3 {border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}
/* Global Structure */
.main {margin:0 auto;}
.body1 {background:-moz-linear-gradient(top, #6A98BA 0%, #fff 100%); /* FF3.6+ */}
.body2 {background:url(../web/images/bg_top_repeat.jpg) top repeat-x}
.body3 {background:url(../web/images/bg_top_img.jpg) top center no-repeat}
.body4 {background: url("../web/images/footer-grain-light.png") repeat scroll left top #323232;}
/* main layout */
a {color:#13c5ff;text-decoration:none;outline:none}
a:hover {text-decoration:none}
h1 {padding:37px 0 0 19px;float:left}
h2 {font-size:30px;line-height:1.2em;color:#0f0f0f;padding:1px 0 17px 10px;letter-spacing:-1px}
h2 span {color:#13c5ff}
p {padding-bottom:20px:;line-height:25px;}
figure{padding:3px;background:#fff;border:1px solid #a9a9a9;}
hr{background:#d9d9d9;border-bottom:1px solid #fff;}
/* header */
header {box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);}
.header-top>h3{font:Century Gothic, Arial, Helvetica, sans-serif;line-height:1em;color:#fff;padding:1px 0 17px 10px;text-shadow: 0px 0px 7px #FFF;}
.header-top>h2{line-height:1.2em;color:#fff;padding:1px 0 17px 10px;letter-spacing:-1px;text-shadow: 0px 0px 7px #FFF;}
.header-top>p{font-family:Century Gothic, Arial, Helvetica, sans-serif;line-height:1em;color:#fff;padding:1px 0 17px 10px;letter-spacing:1px;text-shadow: 0px 0px 7px #FFF;}
.header-font1{font-size:30px;}
.header-font2{font-size:18px;color: #fff !important;
text-shadow: 0px 0px 7px #2C2C28 !important;
font-weight: bold;
border-color: #000;}
.header-font3{font-size:14px;}
.header-font4{margin-top:15px;font-size:30px;color: #fff !important;
text-shadow: 0px 0px 7px #2C2C28 !important;
font-weight: bold;
border-color: #000;}
#logo {display:block;}
#search {float:right;padding:41px 20px 0 0;width:600px}
#search .input {float:right;width:148px;padding:5px 8px;font:14px Arial, Helvetica, sans-serif;background:#fff;color:#999;height:16px}
#search .submit {display:block;cursor:pointer;background:url(../web/images/search.gif) 0 0 no-repeat;width:26px;height:26px;float:right;margin-left:4px}
#menu {float:right;padding:40px 19px 10px 10px;}
#menu li {float:left;padding-right:28px; padding-bottom: 10px;}
#menu .end {padding-right:0}
#menu li a {display:block;font-size:16px;color:#fff;text-decoration:none;background:url(../web/images/menu_marker.png) 0 6px no-repeat;padding-left:20px}
#menu li a:hover, #menu #active a {color:#13c5ff}
.roundabout-holder  {height:5em;}
.roundabout-moveable-item {cursor:pointer;width:636px;height:478px;margin-top:229px;padding-bottom:20px}
.roundabout-in-focus {cursor:auto;}
#gallery {position:relative;height:520px}
#gallery img {display:block;width:100%;height:100%}
#gallery li {}
/* content */
#content {background: url(../web/images/body-960.png) repeat-y scroll left top transparent;padding-bottom:70px;padding-top:30px;}
#content2 {padding-top:40px;color:#fff;}
#content2 h2 {color:#fff}
.pad_left1 {padding-left:67px}
.pad {padding:0 10px}
.pad_bot1 {padding-bottom:0px;}
.pad_bot3 {padding-bottom:5px}
.pad_bot2 {padding-bottom:6px}
.marg_right1 {margin-right:24px}
.marg_right0 {margin-right:8px}
.marg_left1 {margin-left:-5px}
.marg_left0 {margin-left:7px}
.marg_left2 {margin-left: 30px;}
.line1 {background:url(../web/images/line_ver1.gif) 325px 0 repeat-y}
.line2 {background:url(../web/images/line_ver1.gif) 635px 0 repeat-y}
#content2 .line2, #content2 .line1 {background-image:url(../web/images/line_ver2.png)}
.list1 {}
.list1 li {padding-bottom:20px;padding-left:14px;background:url(../web/images/marker_1.gif) 0 8px no-repeat}
.list1 li a {display:block;font-weight:bold;color:#0f0f0f;text-decoration:none}
.list1 li a:hover {color:#13c5ff}
.button {display:inline-block;color:#fff !important;line-height:28px;text-decoration:none;padding:0 14px;background:#13c5ff; font-weight:normal !important;}
.button:hover {background:#373737}
#content2 .button:hover {background:#fff;color:#373737}
.link1 {color:#0f0f0f;font-weight:bold}
#content2 .link1 {color:#fff}
.link2 {text-decoration:none}
.link2:hover {color:#000}
#content2 .link2:hover {color:#fff}
.date {float:left;width:46px;margin-right:20px;text-align:center;font-size:30px;color:#13c5ff;line-height:1.2em;padding-bottom:20px}
.date span {display:block;font-size:53px;line-height:1.2em;margin-top:-8px;margin-bottom:-22px;letter-spacing:-2px}
.color1 {color:#13c5ff}
/* tabs begin */
.tabs {}
.tabs ul.nav {margin-top:-5px}
.tabs ul.nav li {line-height:30px}
.tabs ul.nav li a {color:#0f0f0f;padding-left:16px;background:url(../web/images/marker_1.gif) 2px 6px no-repeat}
.tabs ul.nav li a:hover, .tabs ul.nav .selected a {color:#13c5ff;text-decoration:none}
.tabs .content {}
.tabs .tab-content {}
/* tabs end */
/* Lightbox image */
.lightbox-image {position:relative;overflow:hidden;display:block;background:#fff}
.lightbox-image img {position:relative;z-index:2}
.lightbox-image span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../web/images/magnify.png) no-repeat 50% 50%;z-index:1}
.pp_details {display:none;height:0;padding:0;margin:0;font-size:0;line-height:0}
.pp_description {display:none;height:0;padding:0;margin:0;font-size:0;line-height:0}
.gallery {margin-top:-10px;padding-left:8px;width:100%;overflow:hidden}
.gallery li {float:left;padding-right:10px;padding-top:10px}
.gallery .end {padding-right:0}
/* footer */
footer {font-size:12px;color:#6b6b6b;text-align:center;min-height:45px;padding-bottom:10px;}
footer a {}
footer a:hover {}
#icons {float:right;padding:7px 14px 0 0}
#icons li {padding-left:11px;float:left}
footer .left {width:598px}
/* Tooltips */
.aToolTip {border:1px solid #000;background:url(../web/images/bg_opacity.png) repeat;color:#fff;margin:0;padding:2px 10px;font-size:11px}
.aToolTip .aToolTipContent {position:relative;margin:0;padding:0;}
a.aToolTipCloseBtn {display:block;height:20px;width:20px;overflow:hidden;background:url(../web/images/loading/close.gif) no-repeat;text-indent:-9999px;outline:none;position:absolute;top:-15px;right:-20px;}
/* forms */
#ContactForm {padding:0 0 0 10px;margin-top:-4px}
#ContactForm span {float:left;font-weight:bold;line-height:28px}
#ContactForm .wrapper {min-height:30px}
#ContactForm .textarea_box {width:100%;overflow:hidden;min-height:274px}
#ContactForm {}
#ContactForm {}
#ContactForm a {margin-right:10px;float:left;margin-top:5px}
#ContactForm .input {width:95%;height:16px;border:1px solid #d7d7d7;background:#fff;padding:5px;color:#000;font:14px Arial, Helvetica, sans-serif}
#ContactForm textarea {overflow:auto;margin:0;width:95%;height:257px;border:1px solid #d7d7d7;background:#fff;padding:5px;color:#000;font:14px Arial, Helvetica, sans-serif}
.patch{z-index: 100; background: url("../web/images/footer-2-patch.png") no-repeat scroll left top transparent;width: 980px;position: absolute;height: 68px;}

input[type="text"], input[type="password"], input[type="email"], textarea, select { border: 1px solid #ccc; padding: 6px 4px; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font: 13px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; color: #777; margin: 0; width: 530px; max-width: 100%; display: block; margin-bottom: 0px; background: #fff; }
textarea { min-height: 80px }
input[type="submit"] {float:right;}

/*tambahan & edit*/
.aboutus1 {padding : 10px 10px 0px 0px; position : relative; float : left}
.aboutus2 {width : 100%; text-align : justify}
/* division */
.list {margin-top:-14px}
.list li {line-height:1.83em;width:100%;overflow:hidden;vertical-align:top;padding-top:14px;}
.list li img {float:left;margin-right:20px; border: 1px solid #fff;padding: 5px;width:100px;height:100px/>}
.list li a {font-weight:bold;text-decoration:none;color:#000;}
.list p {text-align:justify;}

.size1{width:80px;height:80px;}


/*---start table---*/
.tborder{background: #E1E4F2;color: #000000;border: 1px solid #64829C;margin: 0 auto;}
.section{width:90%; margin:20px auto; font-size:14px;}
.section>table{border-collapse:collapse; margin:5px 0 2px;}
.section>thead{background-color:black; background-image: -moz-linear-gradient(bottom, rgb(48,127,142) 15%, rgb(75,75,75) 70%, rgb(64,64,64) 83%);}
.section>table>thead>tr{color:#fcfcf8;}
.section>table>thead>th{border:1px solid #b4c5d6; padding:3px 2px;}
.section>table>tbody>tr{background:#ced5eb;}
.section>table>tbody>tr:nth-child(2n){background:#f3f3f3;}
.section>table>tbody>tr>td{border:1px solid #b4c5d6; padding:3px 2px;}
.section>table>tfoot{background-color:black; background-image: -moz-linear-gradient(bottom, rgb(48,127,142) 15%, rgb(75,75,75) 70%, rgb(64,64,64) 83%);}
.section>table>tfoot>tr{color:#fcfcf8;}
.section>table>tfoot>tr>th{border:1px solid #b4c5d6; padding:3px 2px;}
.section>table>tfoot>tr>td{border:1px solid #b4c5d6; padding:3px 2px;}
/*---end table---*/

.table{
	border-collapse : collapse;
	border-spacing: 0px;	
}

.table .dataTable{
	clear: both;
	margin-top: 6px !important;
	margin-bottom: 6px !important;
	max-width: none !important;
}

.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td {
	border-top: 0;
}

.table-responsive .table-bordered{
	font-size:11px;
	border: 1px solid #dadada;
	margin:0px auto;
	width:100%;
}

.table-bordered>thead{
	background:#f5f5f5;
}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
	border-bottom-width: 2px;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
	border: 1px solid #dadada;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
	padding: 8px;
	line-height: 1.428571429;
	vertical-align: top;
	border-top: 1px solid #dadada;
}

.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
	background-color: #f5f5f5;
}

.marg_left2 font {font-size:16px;color:#13c5ff;line-height:1.2em;padding:1px 0 17px 10px;letter-spacing:-1px;}
.pad>.wrapper>img {float:left;margin-right:20px;width:590px;height:370px;padding-top:10px;padding-bottom:20px;}
.pad>.wrapper p {text-align:justify;}

.pagination {text-align:center; font-size:0.875em; padding:5px 0; display:inline-block;margin-bottom:10px; }
.pagination .current, .pagination a:hover {border:1px solid #ccc; margin:0 2px; padding:0.4em 0.2em 0.4em 0.2em; background:#373737;color:#fff;border-radius:2px;}
.pagination a {cursor:pointer;border:1px solid #ccc; margin:0 2px; padding:0.2em; background:#13C5FF; color:#fff; text-decoration:none;border-radius:2px;}
.pagination span {border:1px solid #ccc; margin:0 2px; padding:2px;color:#646464;border-radius:2px;}