/*
 * @author ( Angie Radtke )
*/

/* not ready */

/* ##########################  general  ########################### */


@font-face {
	font-family: 'robotoregular';
	src: url("https://beritatangerang.net/templates/my_portal/fonts/Roboto-Regular-webfont.eot");
	src: local('robotoregular'), local('robotoregular'),
		url("../fonts/Roboto-Regular-webfont.ttf") format("opentype"),
		url("../fonts/Roboto-Regular-webfont.woff") format("woff");
}

@font-face {
	font-family: 'DroidSerifRegular';
    src: url("https://beritatangerang.net/templates/my_portal/fonts/DroidSerif-Regular-webfont.eot");
   	src: local('DroidSerifRegular'), local('DroidSerifRegular'),	
    	url("../fonts/DroidSerif-Regular-webfont.ttf") format("truetype"),
    	url("../fonts/DroidSerif-Regular-webfont.woff") format("woff");
}

@font-face {
	font-family: 'DroidSerifItalic';
    src: url("https://beritatangerang.net/templates/my_portal/css/fonts/DroidSerif-Italic-webfont.eot");
   	src: local('DroidSerifItalic'), local('DroidSerifItalic'),	
    	url("../fonts/DroidSerif-Italic-webfont.ttf") format("truetype"),
    	url("../fonts/DroidSerif-Italic-webfont.woff") format("woff");
}

h1, h2, h3, h4 { font-family: 'DroidSerifRegular';}

.aidanews2_title a:link,
h4.ns2-title a,
.sprocket-features-content h2 a,
.result-title, .page-header h2 {
	font-family: 'DroidSerifRegular'!important;
	font-weight:normal;
}

/* Font Use */
.td-menu ul li a,
h1, h2, h3, h4 { font-family: 'robotoregular';}

body
{	background:url(../images/body_bg.jpg) repeat;
	color: #333;
	font-family: arial, helvetica, sans-serif;
	margin:0;
	font-size:0.8em;
	line-height:1.6em;
}

a { text-decoration:none;}
a:hover { text-decoration:none;}
a:focus { outline:none;}
a img { border:none;}


/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper {
	position:relative;
	text-align:left;
	background:#fff;
}

#ja-containerwrap {
	/*background: url(https://beritatangerang.net/templates/my_portal/images/cw-bg1.gif) repeat-y 50% 0;*/
}

#ja-containerwrap2 {
	/*background: url(https://beritatangerang.net/templates/my_portal/images/cw-bg2.gif) no-repeat 50% 0;*/
}

#ja-container {
	/*background: url(https://beritatangerang.net/templates/my_portal/images/c-bg1.gif) repeat-y 18% 0;*/
}

#ja-container2 {
	padding: 10px 0 20px;
	/*background: url(https://beritatangerang.net/templates/my_portal/images/c-bg2.gif) no-repeat 18% 0;*/
}

#ja-mainbody-fr #ja-col1 {
	width: 20%;
}

#ja-mainbody-fr #ja-contentwrap {
	width: 80%;
}

#ja-mainbody, #ja-mainbody-fl {
	float: left;
	width: 68%;
}

#ja-mainbody #ja-contentwrap {
	float: right;
	width: 75%;
}

#ja-mainbody-fl #ja-contentwrap {
	float: left;
	width: 100%;
}

#ja-mainbody-f, #ja-mainbody-fr {
	float: none;
	width: 100%;
}

#ja-mainbody-fr #ja-contentwrap {
	width: 74.8%;
	float: right;
}

#ja-mainbody-fr #ja-col1 {
	width: 20%;
	float: left;
}

#ja-mainbody-fr #ja-contentwrap {
	width: 80%;
}

#ja-content {
	padding: 0;
}
#ja-contentwrap {
	min-height: 300px;
	height: auto;
}
* html #ja-contentwrap {
	height: 300px;
}
#ja-mainbody-fl #ja-content {
	padding-left: 0;
}

#ja-mainbody-f #ja-content {
	padding: 0;
}

/* Full */
#ja-containerwrap-f {
	/*background: url(https://beritatangerang.net/templates/my_portal/images/cwf-bg.gif) repeat-x top left #F6F6F6;*/
}

#ja-containerwrap-f #ja-containerwrap2 {
	background: none;
}

#ja-containerwrap-f #ja-container,
#ja-containerwrap-f #ja-container2 {
	background: none;
}

/* Full left */
#ja-containerwrap-fl {
	/*background: url(https://beritatangerang.net/templates/my_portal/images/cwf-bg.gif) repeat-x top left #F6F6F6;*/
}

#ja-containerwrap-fl #ja-containerwrap2,
#ja-containerwrap-fl #ja-container,
#ja-containerwrap-fl #ja-container2 {
	background: none;
}

/* Full right */
#ja-containerwrap-fr {
	/*background: url(https://beritatangerang.net/templates/my_portal/images/cw-bg1.gif) repeat-y 50% 0;*/
}

#ja-containerwrap-fr #ja-containerwrap2 {
	/*background: url(https://beritatangerang.net/templates/my_portal/images/cw-bg2.gif) no-repeat 50% 0;*/
}


/* LEFT COLUMN + RIGHT COLUMN
--------------------------------------------------------- */
#ja-col1 {
	float: left;
	width: 24.99%;
	padding-top: 10px;
	overflow: hidden;
	background:#999999;
}

#ja-col2 {
	float: right;
	width: 30.5%;
	overflow: hidden;
}

#ja-col2 iframe,
#ja-col2 img.res2 { width:100%; height:auto;}

/* SPOTLIGHT
--------------------------------------------------------- */
/* Spotlight Box Style */
.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
	float: left;
	overflow: hidden;
}

.ja-box-left div.moduletable,
.ja-box-full div.moduletable {
	padding-right: 30px;
	background: none;
}

.ja-box-right div.moduletable {
	padding-left: 30px;
	background: url(https://beritatangerang.net/templates/my_portal/images/vdot2.gif) repeat-y left;
}

.ja-box-center div.moduletable {
	padding: 0 30px;
	background: url(https://beritatangerang.net/templates/my_portal/images/vdot2.gif) repeat-y left;
}

#ja-botsl h3 {
	background: none;
}

#ja-botslwrap {
	border-top: 5px solid #CCCCCC;
	background: #444444;
	color: #CCCCCC;
}

#ja-botsl {
	padding: 15px 0;
}

#ja-botsl div.moduletable {
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
}

#ja-botsl h3 {
	margin: 0 0 12px;
	padding: 0;
	color: #FFFFFF;
}

#ja-botsl a {
	color: #CCCCCC;
}

#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
	color: #FFFFFF;
}

#ja-botsl ul, #ja-botsl p, #ja-botsl ol {
	padding: 0;
	margin: 0 !important;
}

#ja-botsl ul li {
	padding: 0 0 0 15px;
	margin: 0;
	background: url(https://beritatangerang.net/templates/my_portal/images/bullet2.gif) no-repeat 3px 8px;
}

#ja-botsl ol li {
	margin-left: 25px;
	padding: 0 !important;
}

#ja-botsl td {
	padding: 0;
}

#ja-botsl .article_separator {
	display: none;
}

#ja-botsl table {
	border-spacing: 0;
	border-collapse: collapse;
}

/* Clearfix */
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	width: 100%;
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* Firefox Scrollbar Hack - Do not remove */
html {
	margin-bottom: 1px;
	height: auto;
}
/* Chronoform */
.ccms_form_element {
  clear: both;
  margin-bottom: 0px;
  padding: 0;
  position: relative;
}
.chronoform { display:none;}

/* PAGINATIONS */

.pagination {
    margin: 24px 0;
}

.pagination .counter,
.pagination ul li a, .pagination ul li span {
    font-size: 11px;
}
p.counter { float:right;}
.pull-right {
    float: right;
}

.pagination ul {
    border-bottom: 1px solid #E5E5E5;
}
.pagination ul {
    display: inline-block;
  margin:0;
  padding:0;
}



.pagination ul li a, .pagination ul li span {
  background-color: #FFFFFF;
    border-left-width: 0;
    float: left;
    line-height: 24px;
    padding: 4px 12px;
    text-decoration: none;
  margin:0;
  border-left:1px solid #F2F2F2;
}

.pagination ul li.pagination-start span,
.pagination ul li.pagination-prev span,
.pagination ul li.pagination-next span,
.pagination ul li.pagination-end span { background:none;}
.pagination ul li.pagination-start span,
.pagination ul li.pagination-start a { border-left:none;}
.pagination ul li span {
  background:#F5F5F5;
}