/* Theme Name: TheRakyatPost
Theme URI: http://www.therakyatpost.com/
Description: TheRakyatPost Official Theme
Author: Aien
Author URI: mailto:aienzaini@gmail.com
Version: 3.0
*/

@import 'css/editor.css';

html{padding:0}

div {
	box-sizing: border-box;
}

.maxWidth {
	height: auto;
	width: 100%;
}

.link-category {
	color: #FFF;
	font-size: 90%;
	padding: 3px 7px;
}

.link-category:hover {
	color: #FFF;
	filter: alpha(opacity=70);
	opacity: .7;
}

body{
	height: 100%;
	min-height: 100%;
	padding:0;
}

.wp-caption {
	max-width: 100%;
}

.wp-caption img {
	height: auto;
	max-width: 100%;
}

.pageWrapper {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: auto;
}

.date {
	padding: 20px 0 10px;
}
 
.date,
.logo {
	text-align: center;
}

.mainMenu {
	padding-bottom: 0 !important;
}

div.mainMenu > ul {
    padding-left: 20px;
}

.mainMenu ul {
	border-top: 1px solid #EDEDED;
	display: table;
	font-size: 90%;
	margin: 0;
	padding: 0;
	width: 100%;
}

.mainMenu li {
    display: inline-block;
    margin: 0 25px 0 0;
    padding: 0;
}

.mainMenu li a {
	color: #959595;
    font-size: 12px;
	display: inline-block;
	padding: 16px 0;
	text-align: center;
	text-decoration: none;
  	font-weight: bold;
}

.mainMenu li a:hover {
	color: #231F20;
}

.mainMenu li a span {
	bottom: -2px;
	font-size: 120%;
	position: relative;
}

.mainMenu li ul {
	display: none;
}

.menu-item-list-view.listViewBtn {
    border-left: 1px solid #ededed;
    height: 100%;
    padding-bottom: 9px;
    padding-left: 12px;
    padding-top: 16px;
    cursor: pointer;
}

.pageContent {
	background-color: #F4F4F4;
	padding: 220px 20px 7px 20px;
}

.category-life .pageContent {
  padding: 195px 0px 7px 0px;
}

.keyStoryImage {
	float: left;
	width: 50%;
}

.keyStoryImage img {
	height: auto;
	max-width: 100%;
}

.keyStoryContent {
	float: left;
	width: 50%;
}

.keyStory small.edit-link {
    bottom: 10px;
    position: absolute;
}

.keyStoryContentPadding {
	padding: 30px 30px 12px 30px;
}

.keyStory h2 a {
	color: #000;
}

.button {
	background-color: #0078CB;
	color: #FFF;
	display: inline-block;
	padding: 8px 14px;
}

.button:hover {
	background-color: #005C9C;
	color: #FFF;
}

.keyStory {
	position: relative;
}

.keyStoryLabelContainer {
	left: 0;
	position: absolute;
	top: 0;
}

.key-story-label {
	display: block;
	float: left;
	color: #ffffff;
	font-size: 70%;
	background: #000000;
	text-transform: uppercase;
	font-weight: bold;
}

.pageSidebar {
	background-color: #000;
	color: #D6D5D5;
	font-size: 90%;
	height: 100%;
	position: absolute;
	right: -300px;
	top: 0;
	width: 300px;
}

.pageSidebar a {
	color: #FFF;
}

.pageSidebar a:hover {
	color: #CCC;
}

.homepageCategoryHeading {
	border-bottom: 1px solid #BDBDBD;
	color: #000;
	font-weight: 700;
	margin: 0 0 25px;
	padding: 0;
}

.homepageCategoryHeading span {
	background-color: #F4F4F4;
	bottom: -8px;
	padding: 0 12px 0 0;
	position: relative;
}

.homepageCategoryHeading span strong {
	bottom: -3px;
	font-size: 170%;
	padding-right: 2px;
	position: relative;
}

.homepageCategory ol {
	margin: 0;
	padding: 0;
	position: relative;
}

.homepageCategory ol li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 25%;
}

.homepageCategoryPostBorderTop {
	border-top: 1px solid #666;
	  margin: 10px 5px;
	padding: 10px 0 0;
}

.homepageCategoryBar {
	float: left;
	margin-top: 10px;
	padding-bottom: 15px;
	width: 25%;
}

.homepageCategoryBarContent {
	border-top: 1px solid #666;
	margin: 0 5px;
}

.homepageCategory .mostLeft {
	clear: left;
	margin-left: 0;
}

.homepageCategory .mostRight {
	margin-right: 0;
}

.homepageCategory ol li h3 {
	font-weight: 400;
	font-size: 100%;
	padding: 0 0 4px;
}

.homepageCategory ol li h3 a {
	color: #000;
}

.homepageCategory ol li p {
	font-size: 90%;
	padding: 0 0 14px;
}

.homepageCategory > ol > li {
	background-position: center center;
	background-size: cover;
}

.homepageCategory ol li.image,
.homepageCategory ol li.imageWide {
	color: #FFF;
	height: 320px;
	margin: 0 0 5px;
	text-align: center;	
}

.homepageCategory ol li.imageWide {
	width: 50%;
}

.homepageCategory ol li.homepageCategoryEPLWidget {
	background-color: #000;
	height: 640px;
	margin: 0 0 14px;
}

.homepageCategoryEPL ol li.homepageCategoryPost2,
.homepageCategoryEPL ol li.homepageCategoryPost3 {
	left: 0;
	position: absolute;
	top: 320px;
}

.homepageCategoryEPL ol li.homepageCategoryPost3 {
	left: 25%;
}

.image h2,
.imageWide h2 {
	font-size: 130%;
	padding: 0 0 9px;
	color: #FFF;
	font-weight: normal;
}


.homepageCategory .button {
	background-color: #666;
    background: none repeat scroll 0 0 #0078ca;
    color: #ffffff;
    margin-top: 35px;
    padding: 10px;
}

.homepageCategory .button:hover {
	background-color: #999;
}

.homepageCategory p a {
	color: #666;
}

.homepageCategory p a:hover {
	color: #999;
}

.homepageCategoryPost0 p a.button {
	color: #FFF;
}

.homepageCategory ol li.homepageCategoryPost0 .homepageCategoryPostBorder {
	display: none;
}

.homepageCategoryPostBorder {
	border-left: 1px solid #F4F4F4;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
}

.homepageCategoryPostOverlay {
	background: url(images/image-overlay.png) bottom center repeat-x;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.homepageCategoryPostContent {
	bottom: 0;
	box-sizing: border-box;
	left: 0;
	padding: 0 30px 30px 30px;
	position: absolute;
	width: 100%;
}

.category-life .highlight-big .homepageCategoryPostOverlay {
	background-image: url(images/image-overlay-right.png);
	background-repeat: repeat-y;
	background-position: bottom right;
	height: 100%;
	right: 0;
	left: auto;
	position: absolute;
	top: 0;
	width: 50%;
}


.homepageCategoryPostContent .excerpt > p {
  display: none;
}

.homepageCategoryShowMore a {
	/*background-color: #000;*/
	color: #FFF !important;
	display: block;
	font-size: 90%;
	font-weight: 700;
	padding: 12px 0;
	position: relative;
	text-align: center;
	  margin-bottom: 15px;
}

.homepageCategoryShowMore a:hover {
	background-color: #333;
}

.homepageCategoryShowMore a span {
	height: 20px;
	line-height: 18px;
	position: absolute;
	right: 11px;
	top: 10px;
	width: 20px;
	background: url('http://www.therakyatpost.com/wp-content/themes/trp3/images/show-more.svg') no-repeat;
	background-size: 100% 100%;
}

.homepageCategoryTRP360 .homepageCategoryHeading {
	color: #4CC6E3;
}

.trp360 {
	position: relative;
}

.trp360 img {
	height: auto;
	width: 100%;
}

.trp360Heading {
	background: #4CC6E3 url(images/bg-heading-360.png) 0 0 no-repeat;
	margin: 0 0 20px;
	padding: 27px 20px 25px 20px;
}

.trp360Heading h3 {
	color: #FFF;
	float: left;
	font-size: 160%;
	padding: 4px 0 0;
}

.trp360Heading p {
	color: #FFF;
	float: right;
	padding: 0;
	text-align: right;
}

.trp360Tabs {
	float: left;
	width: 45%;
}

.trp360Tabs ol {
	margin: 0;
	padding: 0;
}

.trp360Tabs ol li {
	background-color: #363636;
	border-bottom: 1px solid #404040;
	cursor: pointer;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	vertical-align: middle;
	height: 90px;
}

.trp360Tabs ol li:hover,
.trp360Tabs ol li.selected {
	background-color: #2B2B2B;
}

.trp360Tabs ol li span {
	padding: 0 20px;
}

.trp360Tabs ol li h4 {
	color: #AEAEAE;
	float: right;
	padding: 0;
	width: 70%;
	height: 100%;
}

.trp360Tabs ol li.selected .trp360TabsArrow {
	background: url(images/bg-trp360-arrow.png);
	background-size: cover;
	height: 15px;
	position: absolute;
	right: -5px;
	top: 30px;
	width: 5px;
	z-index: 4;
}

.trp360Tabs ol li h4 span {
	display: block;
	padding: 25px 15px;
}

.trp360TabsImage {
	background-position: center center;
	background-size: cover;
	float: left;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 30%;
}

.trp360Target {
	float: left;
	width: 55%;
}

.trp360Target ol {
	margin: 0;
	padding: 0;
}

.trp360Target li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.trp360Target li iframe {
	margin: 0;
}

.trp360Target li h2 {
	padding: 0px 10% 10px 10%;
}

.trp360Target li h2 a {
	color: #000;
}

.trp360TargetContent {
	padding: 0 5%;
}

.trp360TargetContent .button {
	background-color: #4CC6E3;
}

.trp360TabsViewAll {
	padding: 0;
}

.trp360TabsViewAll a {
	background-color: #1B1B1B;
	color: #4CC6E3;
	display: block;
	padding: 20px;
	text-align: center;
}

.trp360TabsViewAll a:hover {
	background-color: #000;
}

.trp360TargetImage {
	padding: 0 0 25px;
}

.trp360Involve {
	background-color: #4CC6E3;
	font-size: 115%;
	font-weight: 700;
	margin: 20px 0;
	padding: 0;
}

.trp360Involve {
	display: table;
	width: 100%;
}

.trp360Involve span {
	color: #FFF;
	display: table-cell;
}

.trp360Involve a .contribute {
	background: #2CACD4 url(images/ico-contribute.png) 100% center no-repeat;
	background-size: 64px 52px;
	padding: 23px 50px 22px 20px;
	width: 235px;
	float: right;
}

.homepageRakyatTV {
	margin: 0 0 20px;
}

.homepageRakyatTV .trp360Target li {
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 55%;
}

.homepageRakyatTV .trp360Tabs ol li h4 {
	float: none;
	width: auto;
}

.homepageRakyatTV .trp360Tabs ol li h4 span {
	padding: 25px 20px;
}

.homepageRakyatTV .trp360Tabs ol li.selected {
	background-color: #53AB1D;
}

.homepageRakyatTV .trp360Tabs ol li.selected h4 {
	color: #FFF;
}

.homepageRakyatTV .trp360TabsViewAll a,
.homepageCategoryRakyatTV .homepageCategoryHeading {
	color: #53AB1D;
}

.col1-2 {
	float: left;
	position: relative;
	width: 50%;
}

.colBorder {
	border-left: 1px solid #F4F4F4;
	height: 100%;
	left: -1px;
	position: absolute;
	top: 0;
	z-index: 3;
}

.homepageColumnists {
	margin: 0 0 20px;
}

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

.homepageColumnists ul li {
	background-color: #000000;
	float: left;
	list-style-type: none;
	margin: 0 0 1px;
	padding: 0;
	position: relative;
	width: 50%;
}

.homepageColumnists ul li:nth-child(2),
.homepageColumnists ul li:nth-child(3),
.homepageColumnists ul li:nth-child(6),
.homepageColumnists ul li:nth-child(7),
.homepageColumnists ul li:nth-child(10) {
	background-color: #252525;
}

.homepageColumnists ul li h4 {
	padding: 15px 0 0;
}

.homepageColumnists ul li h4 a {
	color: #FFF;
}

.homepageColumnists ul li p {
	padding: 0;
}

.homepageColumnists .homepageCategoryHeading,
.homepageColumnists ul li p a {
	color: #FFC600;
}

.homepageColumnistImage {
	float: left;
	margin: 0 15px 0 0;
}

.homepageColumnistImage img {
	height: auto;
	width: 90px;
}

.homepageColumnists ul li:nth-child(3),
.homepageColumnists ul li:nth-child(4),
.homepageColumnists ul li:nth-child(7),
.homepageColumnists ul li:nth-child(8) {
	text-align: right;
}

.homepageColumnists ul li:nth-child(3) .homepageColumnistImage,
.homepageColumnists ul li:nth-child(4) .homepageColumnistImage,
.homepageColumnists ul li:nth-child(7) .homepageColumnistImage,
.homepageColumnists ul li:nth-child(8) .homepageColumnistImage {
	float: right;
	margin: 0 0 0 15px;
}

.homepageColumnistArrow{
	background: url(images/bg-trp360-arrow-left.png);
	background-size: cover;
	height: 15px;
	left: 85px;
	position: absolute;
	top: 16px;
	width: 5px;
	z-index: 4;
}

.homepageColumnists ul li:nth-child(3) .homepageColumnistArrow,
.homepageColumnists ul li:nth-child(4) .homepageColumnistArrow,
.homepageColumnists ul li:nth-child(7) .homepageColumnistArrow,
.homepageColumnists ul li:nth-child(8) .homepageColumnistArrow {
	background-image: url(images/bg-trp360-arrow.png);
	left: auto;
	right: 85px;
}

.homepageTOT {
	margin: 0 0 20px;
}

.homepageTOT .trp360Tabs ol li h4 {
	color: #FFB883;
	float: none;
	width: auto;
}

.homepageTOT .trp360Tabs ol li.selected h4 {
	color: #FFF;
}

.homepageTOT .trp360Tabs ol li h4 span {
	padding: 25px 20px;
}

.homepageTOT .trp360Tabs ol li {
	background-color: #FF6B00;
	border-color: #FF8933;
}

.homepageTOT .trp360Tabs ol li.selected {
	background-color: #FF7E00;
}

.homepageTOT .trp360Tabs ol li.selected h4 {
	color: #FFF;
}

.homepageTOT .trp360TabsViewAll a {
	background-color: #FF5F00;
	color: #FFF;
}

.homepageTOT .homepageCategoryHeading {
	color: #FF7E00;
}

.homepageTOT .trp360Target ol li {
	background-color: #252525;
	color: #FFF;
	margin: 20px;
}

.homepageTOT .trp360Target ol li .trp360TargetImage {
	padding: 20px;
}

.homepageTOTMeta {
	display: table;
	margin: 0;
	padding: 0;
	width: 100%;
}

.homepageTOTMeta li {
	border-top: 1px solid #454545;
	color: #959595 !important;
	display: table-cell;
	padding: 10px 15px !important;
	text-align: left;
}

.homepageTOTMeta li.homepageTOTMetaTime {
	background: url(images/ico-write.png) 15px 12px no-repeat;
	background-size: 18px 17px;
	padding-left: 40px !Important;
}

.homepageTOTMetaButton {
	border-left: 1px solid #454545;
	padding: 10px 15px !important;
	vertical-align: middle;
	width: 18px;
}

.homepageTOTMetaButton img:hover {
	filter: alpha(opacity=80);
	opacity: .8;
}

.homepageNIM {
	font-weight: 700;
	padding: 0 0 20px;
}

.homepageNIM ul {
	left: 0;
	margin: 0;
	padding: 0;
	position: relative;
}



.homepageNIM ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}


.homepageNIMOverlay {
	background: url(images/image-overlay-nim.png) bottom center repeat-x;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 100%;
	width: 100%;
	-webkit-transition: top 0.3s;
  -moz-transition: top 0.3s;
  -o-transition: top 0.3s;
  transition: top 0.3s;
}

.homepageNIMContent {
	color: #FFF;
	width: 100%;
}

.homepageRGDescription {
	border-bottom: 1px solid rgba(255,255,255,.2);
	padding: 0 0 5px;
	text-align: center;
    position: absolute;
    bottom: 23px;
    padding-left: 140px;
    padding-right: 140px;
    width: 100%;

}


.homepageRGDescription {
	opacity: 0;
}

.homepageNIMStagePadding ul li:hover .homepageRGDescription {
	 opacity: 1;
	transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
   -webkit-transition: all .5s ease-in-out;
}


.homepageNIMContent img {
	width: 100%;
}

.homepageNIMShare {
	color: #8F8E8D;
	float: left;
	padding: 0;
}

.homepageNIMShare img {
	padding: 0 0 0 5px;
}

.homepageNIMLike {
	float: right;
	padding: 0;
}

.homepageNIMLike a {
	color: #FFF !important;	
}

.homepageNIMLike a img {
	padding-right: 6px;
	position: relative;
	/*top: 7px;*/
}

.homepageNIMLike a span {
	color: #8F8E8D !important;
}

.homepageNIMLike a:hover,
.homepageNIMShare img:hover {
	filter: alpha(opcity=80);
	opacity: .8;
}

.homepageNIMStage {
	overflow: hidden;
	position: relative;
}

.homepageNIMBorderLeft {
	border-left: 1px solid #F4F4F4;
	height: 100%;
	left: -1px;
	position: absolute;
	top: 0;
}

.homepageNIMBorderRight {
	border-left: 1px solid #F4F4F4;
	height: 100%;
	position: absolute;
	right: -1px;
	top: 0;
}

.homepageNIMLeft,
.homepageNIMRight {
	background: url(images/bg-overlay-left.png) center center no-repeat;
	background-size: 1000px 1000px;
	cursor: pointer;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 130px;
}

.homepageNIMRight {
	background-image: url(images/bg-overlay-right.png);
	left: auto;
	right: 0;
	border-left: 1px solid #fff;
}

.homepageNIMLeft {
	border-right: 1px solid #fff;
}

.homepageNIM .homepageCategoryHeading {
	color: #844CB0;
}

.sidebarTool1 {
	margin: 0;
	padding: 0;
}

.sidebarTool1 img {
	height: auto;
	width: 100%;
}

.sidebarTool1 li {
	/*border-bottom: 1px solid #262626;*/
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 50%;
}

.sidebarTool1 li span {
	background: url(images/ico-dropdown.png) 100% center no-repeat;
	background-size: 22px 6px;
	border-right: 1px solid #262626;
	display: block;
	padding: 9px 15px;
	cursor: pointer;
}

.sidebarTool1 li span.last {
	border-right: 0;
}

.sidebarTool1 li ul {
	background-color: #444;
	display: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 4;
}

.sidebarTool1 li a {
	color: #FFF;
	display: block;
	padding: 6px 15px;
}

.sidebarTool1 li a:hover {
	color: #CCC;
}

.sidebarTool1 li:hover ul {
	display: block;
}

.sidebarTool1 li ul li {
	float: none;
	width: auto;
}

.sidebarTool1 li.sidebarTool1Partner ul {
	background-color: #FFF;
}

.sidebarTool1 li.sidebarTool1Partner ul li a {
	padding: 15px 20px;
}

.weather {
	border-bottom: 1px solid #262626;
}

.weatherImage,
.weatherDetails {
	float: left;
	width: 50%;
}

.weatherImage {
	padding: 0;
	text-align: center;
}

.weatherImage img {
	height: 82px;
	padding: 20px 0;
	width: auto;
}

.weatherInfo {
	background: url(images/ico-weather-info.png) 100% 20px no-repeat;
	background-size: 42px 22px;
	font-size: 130%;
	padding: 15px 0;
}

.weatherInfo:hover {
	color: #FFF;
	cursor: pointer;
}

.weatherInfo strong {
	display: block;
	font-size: 130%;
	padding: 0 0 2px;
}

.weatherLocation {
	border-bottom: 1px solid #262626;
	padding: 15px 0;
}

.pageSidebarTab {
	margin: 0;
	padding: 0;
}

.pageSidebarTab li {
	background-color: #0078CB;
	cursor: pointer;
	float: left;
	filter: alpha(opacity=90);
	list-style-type: none;
	opacity: .9;
	margin: 0;
	padding: 0;
	width: 100%;
}

.stage {
	position: relative;
	overflow: hidden;
}

.stagePuppet {
	left: 0;
	position: relative;
}

.pageSidebarTab li.selected {
	filter: alpha(opacity=100);
	opacity: 1;
}

.pageSidebarTab li span {
	background-position: 100% center;
	background-repeat: no-repeat;
	display: block;
	padding: 10px 40px 10px 20px;
}

.pageSidebarTab li.pageSidebarTabTrending span {
	background-image: url(images/ico-trending.png);
	background-size: 35px 13px;
	color: #fff;		
  font-weight: bold;
}

.pageSidebarTab li.pageSidebarTabNews span {
	background-image: url(images/ico-news.png);
	background-size: 34px 13px;
}

.pageSidebarTabTarget {
	color: #898989;
}

.pageSidebarTabTarget .stage {
	background-color: #111;
}

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

.pageSidebarTabTarget ul li {
	border-bottom: 1px solid #4F4F4F;
	list-style-type: none;
	margin: 0;
	padding: 10px 20px;
}

.pageSidebarTabTarget ul li:last-child {
	border-bottom: 0;	
	padding-bottom: 0;
}

.pageSidebarTabTarget ul li h4 {
	padding: 0 0 2px;
}

.pageSidebarTabTarget ul li h4 a {
	color: #FFF;
}

.pageSidebarTabTarget ul li p {
	font-size: 90%;
	padding: 0;
}

.pageSidebarTabTargetImage {
	float: left;
	line-height: 0;
	width: 25%;
}

.pageSidebarTabTargetImage img {
	height: auto;
	width: 100%;
}

.pageSidebarTabTargetInfo {
	float: left;
	width: 75%;
}

.pageSidebarTabTargetInfoPadding {
	padding-left: 15px;
}

.pageSidebarTabTargetCounter {
	background-color: #111;
	border-bottom: 1px solid #292929;
	font-size: 100%;
	text-align: center;
}

.pageSidebarTabTargetCounter span {
	cursor: pointer;
	display: inline-block;
	padding: 10px 1px;
}

.pageSidebarTabTargetCounter span:hover,
.pageSidebarTabTargetCounter .selected {
	color: #FFF;
}

.pageSidebarTabTargetNews ul li {
	padding: 15px 20px;
}

.pageSidebarHeader {
	color: #FFF;
	  padding: 14px;
  font-size: 80%;
}

.pageSidebarTabTargetVideo ul {
	/*border-top: 1px solid #292929;*/
}

.pageSidebarTabTargetVideo ul li {
	padding: 0;
}

.pageSidebarTabTargetVideo .pageSidebarTabTargetImage {
	width: 50%;
}

.pageSidebarTabTargetVideo .pageSidebarTabTargetInfo {
	width: 50%;
}

.pageSidebarTabTargetVideo .pageSidebarTabTargetInfoPadding {
	padding: 15px;
}

.pageSidebarTabTargetVideo ul li {
	background-color: #252525;
}

.pageSidebarSocials {
	margin: 0;
	padding: 0;
}

.pageSidebarSocials li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0 0 10px;
	width: 25%;
}

.pageSidebarSocials li a {
	background-position: center center;
	background-repeat: no-repeat;
	border-bottom: 1px solid #1A1A1A;
	border-left: 1px solid #1A1A1A;
	border-top: 1px solid #1A1A1A;
	display: block;
	padding: 20px 0;
}

.pageSidebarSocials li a:hover {
	/*filter: alpha(opacity=70);
	opacity: .7;*/
}

.pageSidebarSocials li a span {
	display: none;
}

.pageSidebarSocialFacebook {
	background-image: url(images/ico-facebook.png);
	background-size: 7px 15px;
	border-left: 0;
}

.pageSidebarSocialTwitter {
	background-image: url(images/ico-twitter.png);
	background-size: 21px 15px;
}

.pageSidebarSocialYouTube {
	background-image: url(images/ico-youtube.png);
	background-size: 18px 11px;
}

.pageSidebarSocialRSS {
	background-image: url(images/ico-rss.png);
	background-size: 15px 14px;
}

.singleHeader {
	background-color: #242424;
	color: #C2C2C2;
	padding: 20px 20px 20px 20px;
	min-height: 5px;
	overflow-y: auto;
	position: relative;
	width: 100%;
}

.single-controls {
  width: 320px;
  height: 100%;
  position: fixed;
  right: 0;
  z-index: 8;
  background-image: url(images/articlepage_black.png);
  background-repeat: repeat;
}

.singleSidebarCloseShare {
	position: absolute;
	top: 70px;
}

.singleSidebarNav {
	bottom: 0;
	padding: 0;
	position: absolute;
}

.singleHeaderLogo {
	float: left;
	padding: 0;
}

.singleHeaderLogo a {
	color: #FFF;
}

.singleHeaderTime {
	float: right;
	padding: 0;
}

.singleHeaderTime span {
	color: #FFF;
	padding-left: 4px;
}

.singleTitle {
	padding: 30px 40px 30px 18%;
}

.singleImage {
	margin: 0 0 0 20px;
	max-width: 100%;
	position: relative;
	display: inline-block;
}

.singleImage img {
	height: auto;
	max-width: 100%;
}

.singleImageWrapper {
	position: relative;
	height: auto;
	margin-bottom: 25px;
	position: relative;
	text-align: center;
	width: 100%;
	background: none repeat scroll 0 0 #000000;
}

.singleImage .right-gradient {
  background: url('http://www.therakyatpost.com/wp-content/themes/trp3/images/single-next-gradient.png');
  background-size: 100% 100%;
  height: 100%;
  width: 100px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.singleImage .left-gradient {
  background: url('http://www.therakyatpost.com/wp-content/themes/trp3/images/single-prev-gradient.png');
  background-size: 100% 100%;
  height: 100%;
  width: 100px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}


.singleAuthor {
	background: rgba(0,0,0,.7);
	color: #FFF;
	left: 0;
	  padding: 18px 0 0 0;
	position: absolute;
	top: 0;
	width: 18%;
	font-size: 12px;
	z-index: 2;
	  text-align: left;
}

.singleAuthor img {
	float: left;
	margin-right: 15px;
	margin-top: -18px;
}

.singleStandFirst {
	color: #868585;
	float: left;
	width: 20%;
}

.singleStandFirst p {
	padding: 0 20px 20px 20px;
}

.singleContent {
	float: right;
	width: 80%;
}

.singleContentPadding {
	padding: 0 40px 0 0;
	font-size: 14.4px;
}

.font-adjust p {
	display: inline-block;
	margin: 0;
	padding: 0;
	margin-right: 5px;
	position: relative;
	top: -5px;
}

.font-adjust img {
  width: 20px;
  height: auto;
  margin-right: 15px;
  cursor: pointer;
}

.font-adjust {
  margin-bottom: 30px;
}

.singleTags strong {
	display: block;
	padding: 0 0 15px;
}

.singleTags a {
	background-color: #464646;
	color: #FFF;
	float: left;
	font-size: 90%;
	margin: 0 1px 2px;
	padding: 3px 8px;
}

.singleTags a:hover {
	filter: alpha(opcity=80);
	opacity: .8;
}

.singleTags {
	float: left;
	width: 20%;
}

.singleMetas {
	border-bottom: 1px solid #E5E5E5;
	border-top: 1px solid #E5E5E5;
	margin: 0 0 20px;
	padding: 0;
	position: relative;
}

.singleMetasBorder1 {
	border-left: 1px solid #E5E5E5;
	height: 100%;
	left: 20%;
	position: absolute;
	top: 0;
}

.singleMetasBorder2 {
	border-left: 1px solid #E5E5E5;
	height: 100%;
	left: 80%;
	position: absolute;
	top: 0;
}

.singleMetaPadding {
	padding: 20px;
}

.singleFeedback {
	float: left;
	width: 60%;
}

.singleShare {
	float: left;
	width: 20%;
}

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

.singleShare ul li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 1px;
}

.singleShare ul li a {
	background-size: 43px 17px;
	color: #FFF;
	display: block;
	font-weight: 700;
	padding: 15px 20px;
}

.singleShare ul li a:hover {
	filter: alpha(opcity=80);
	opacity: .8;	
}

.singleShareFacebook {
	background: #2E55A0 url(images/ico-share-fb.png) 100% center no-repeat;
}

.singleShareTwitter {
	background: #00AEE7 url(images/ico-share-twitter.png) 100% center no-repeat;
}

.singleShareEmail {
	background: #363636 url(images/ico-share-email.png) 100% center no-repeat;
}

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

.singleFeedback ul.notVoted li {
	cursor: pointer;
}
.singleFeedback ul li {
	background-position: center 1px;
	background-repeat: no-repeat;
	background-size: 65px 65px;
	color: #ACACAC;
	float: left;
	font-size: 120%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 20%;
	  cursor: pointer;
}

.voteRoundShape {
	margin: 78px 0 10px;
}

.singleFeedback ul li.active .voteRoundShape {
	margin: 0 0 10px;
}

.singleFeedback ul li:hover {
	color: #000;
	filter: alpha(opacity=80);
	opacity: .8;
}

.singleFeedback ul li.selected {
	cursor: pointer;
	filter: alpha(opacity=100);
	opacity: 1;	
}

.singleFeedback ul li strong {
	font-size: 150%;
	padding: 2px 0 0;
}

.singleFeedback ul li strong {
	display: block;
}

.singleFeedbackHappy {
	background-image: url(images/ico-feedback-happy.png);
}

.singleFeedbackSad {
	background-image: url(images/ico-feedback-sad.png);
}

.singleFeedbackAngry {
	background-image: url(images/ico-feedback-angry.png);
}

.singleFeedbackShocked {
	background-image: url(images/ico-feedback-shocked.png);
}

.singleFeedbackNothing {
	background-image: url(images/ico-feedback-nothing.png);
}

.singleFeedbackHappy.active {
	background-image: url(images/ico-feedback-happy-selected.png);
	color: #FFD600;
}

.singleFeedbackSad.active {
	background-image: url(images/ico-feedback-sad-selected.png);
	color: #447ABE;
}

.singleFeedbackAngry.active {
	background-image: url(images/ico-feedback-angry-selected.png);
	color: #EC1C22;
}

.singleFeedbackShocked.active {
	background-image: url(images/ico-feedback-shocked-selected.png);
	color: #BB34B9;
}

.singleFeedbackNothing.active {
	background-image: url(images/ico-feedback-nothing-selected.png);
	color: #7CC242;
}

.atm-i { /* this is the popout which comes out when u hover over the share icon below the close button on single.php */
  display: none;
}

.pageSidebarTabTarget .stage {
	background-color: #252525;
}

.pageSidebarTabTargetOurPick ul li {
	border-bottom: 0;
	float: left;
	padding: 0;
	width: 50%;
	/*padding-left: 1px;*/
	border-right: 1px solid #000;
	display:inline-block;
	  height: 215px;
}

.pageSidebarTabTargetOurPickImage, .pageSidebarTabTargetImage {
	padding: 0;
	position: relative;
}

.pageSidebarTabTargetOurPickImage .link-category, .pageSidebarTabTargetImage .link-category {
    left: 0;
    position: absolute;
    top: 0;
	text-transform: uppercase;
	font-weight: bold;
}

.pageSidebarTabTargetOurPickImage img {
	height: auto;
	width: 100%;
}

.pageSidebarTabTargetOurPick ul li h4 {
	padding: 15px 20px;
	text-align: center;
}

.pageSidebarTabTargetOurPickDivider {
	border-right: 1px solid #000;
	height: 100%;
	position: absolute;
	right: 0%;
	top: 0;
}

.pageSidebarTabGreen li {
	background-color: #00AA86;
}

.pageSidebarTabGreen li span {
  padding: 10px 20px;
  color: #fff;
}

.qotd {
	padding: 20px 20px 1px 20px;
	text-align: center;
}

.qotd h4 {
	color: #FFF;
}

.pageSidebarFooter {
	background-color: #000;
	color: #D6D5D5;
	bottom: 0;
	position: absolute;
	right: 0;
	width: 100%;
}
.pageSidebarFooter a {
	color: #FFF;
}

.speakUpHeader {
	float: left;
	width: 20%;
}

.speakUp {
	float: left;
	width: 80%;
}

.speakUpPadding {
	padding: 20px;
}

.singleRelated {
	float: left;
	width: 50%;
	background: #f2f2f2;
	margin-top: 42px;
}

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

.singleRelated ul li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 50%;
	overflow-y:hidden;
}

.singleRelated ul li .singleRelatedItemPadding {
	/*border-top: 1px solid #D7D7D7;*/
	border-bottom: 1px solid #BDBDBD;
	  padding: 12px 0 10px 0;
	position: relative;
}

.singleRelated ul li:nth-child(1) .singleRelatedItemPadding,
.singleRelated ul li:nth-child(2) .singleRelatedItemPadding {
	border-top: 0;
	padding-top: 0;
}

.singleRelated ul li:nth-child(odd) {
	clear: left;
}

.singleRelated ul li:nth-child(odd) .singleRelatedItemPadding {
	margin-right: 5px;
}

.singleRelated ul li:nth-child(even) .singleRelatedItemPadding {
	margin-left: 5px;
}

.singleRelated ul li img {
	height: auto;
	width: 100%;
}

.singleRelated ul li h4 {
	padding: 0 0 4px;
}

.singleRelated ul li h4 a {
	color: #646464;
}

.singleRelated ul li p {
	padding: 0 0 6px;
}

.singleRelated ul li p.singleRelatedReadMore a {
	color: #252525;
}

.singleRelated ul li p.singleRelatedImage {
	padding: 0;
}

.singleRelated ul li p.singleRelatedCategory {
	left: 0;
	padding: 0;
	position: absolute;
	top: 1px;
}

.singleRelatedPadding {
	padding: 20px;
}

.singleRelated .homepageCategoryHeading span {
	background-color: #FFF
}

.smallRelated .wp-post-image {
    float: left;
    height: 60px;
    margin-bottom: 5px;
    margin-right: 5px;
    width: 60px;
}

.smallRelated .singleRelatedContent {
    float: left;
    width: 60%;
}

.singleRelatedItemPadding {
    overflow: auto;
}

.singleTaboola .homepageCategoryHeading {
	position: relative;
}

.singleTaboola .homepageCategoryHeading,
.singleTaboola .homepageCategoryHeading span strong {
	color: #3A8986;
}

.singleRelated .homepageCategoryHeading span.singleTaboolaSponsored {
	color: #5B5B5B;
	padding: 0 0 0 8px;
	position: absolute;
	right: 0;
}

.singlePrevious,
.singleNext {
	padding: 0;
	width: 95%;
}

.singlePrevious {
	  background: #000;
}

.singleBottomNav .singlePrevious,
.singleBottomNav .singleNext {
	width: 50%;
}

.singlePrevious a,
.singleNext a {
	color: #FFF;
	display: block;
	padding: 20px;
}

.singleBottomNav .singlePrevious a {
	background: #000 url(images/ico-single-prev.png) 0 center no-repeat;
	background-size: 41px 22px;
}

.singleBottomNav .singleNext a {
	background: url(images/ico-single-next.png) 100% center no-repeat transparent;
	background-size: 41px 22px;
	/*border-left: 1px solid #FFF;*/
}

.singlePrevious small,
.singleNext small {
	color: #9C9C9C;
}

.singleBottomNav .singlePrevious {
	float: left;
	text-align: right;
}

.singleBottomNav .singleNext {
	float: right;
}


.singleNext small {
	color: #000;
}

.single .pageSidebar {
	z-index: 3;
}

.single .PostDarkOverlay {
  background: url("images/tile-dark-background.png") repeat-x scroll center bottom rgba(0, 0, 0, 0);
  background-size: 100% 100%;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0%;
  width: 100%;
}


.singleSidebarCloseWrap {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.singleSidebarUpWrapper {
	padding: 0 0 1px
}

.singleSidebarClose,
.singleSidebarShare,
.singleSidebarUp {
	background-size: 70px 70px !important;
	display: block;
	height: 70px;
	width: 70px;
}

.singleSidebarClose span,
.singleSidebarShare span,
.singleSidebarUp span {
	display: none;
}

.singleSidebarClose {
	background: url(images/ico-single-close.png) 0 0 no-repeat;
}

.singleSidebarShare {
	background: url(images/ico-single-share.png) 0 0 no-repeat;
}

.singleSidebarUp {
	background: url(images/ico-single-top.png) 0 0 no-repeat;
}

.pageHeader {
	background: #FFF;
	left: 0;
	position: fixed;
	top: 0;
	z-index: 9;
    padding-right: 300px;
    width: 100%;
}

.admin-bar .pageHeader {
	top: 32px;
}

.button:hover {
  text-decoration:none;
}

.home-btn:hover {
	  opacity: 0.9;
}

.home-keystory-image {
	  height: 310px;
  background-position: center center;
  background-size: cover;
}

.mainMenu ul {
	background: #ffffff;
}

.category .post-tile.highlight-big .excerpt, .category .post-tile.col-xs-6 .excerpt {
	  font-size: 90% !important;
	    color: #ffffff !important;
}

.category .post-tile p {
	color: #ffffff;
}

.trp360TargetContent {
  padding: 1.5% 5% 0 5% !important;
}



.homepageNIMStagePadding ul li:hover .homepageNIMOverlay {
	top: 0;
}

.category h5.homepageCategoryHeading {
	  margin-top: -15px;
}

.HighlightsHeading {
  margin-left: 1px;
  text-transform: uppercase;
}

.singleWrapper {
	-webkit-box-shadow: 12px 0px 6px -6px rgba(81,81,81,0.45);
	-moz-box-shadow: 12px 0px 6px -6px rgba(81,81,81,0.45);
	box-shadow: 12px 0px 12px -6px rgba(81,81,81,0.45);
	position: relative;
	padding-right: 20px;
}

.articleWrapper {
	background: #ffffff;
}

.singleRelatedOverlayContent {
 	position: absolute;
  bottom: 0;
  padding: 20px;
  text-align: center;
  	-webkit-transition: bottom 0.3s;
  -moz-transition: bottom 0.3s;
  -o-transition: bottom 0.3s;
  transition: bottom 0.3s;
}	

.bar-hidden {
display: none;	
}

.TOTimage {
height: 328px;	
}

.singleRelatedOverlay {
	background: url(images/image-overlay.png) bottom center repeat-x;
	  height: 90%;
	left: 0;
	position: absolute;
	top: 6%;
	width: 100%;
	-webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.singleRelatedSliderOverlay {
	background: url(images/image-overlay.png) bottom center repeat-x;
  	height: 90%;
	left: 0;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.singleRelated ul li.singleRelated0:hover .singleRelatedOverlay, .singleRelated ul li.singleRelated1:hover .singleRelatedOverlay  {
	  top: -4%;
  height: 100%;
	background-color: rgba(0,0,0,0.5);
}

.singleRelated ul li.singleRelated0:hover .singleRelatedOverlayContent, .singleRelated ul li.singleRelated1:hover .singleRelatedOverlayContent {
	bottom: 20px;
}

.singleRelated ul li .singleRelatedOverlayContent h4 a {
	color: #ffffff;
}

.pageSidebarFooter p {
	  font-size: 90%;
	  padding: 0 0 5px;
}

.pageSidebarFooter {
	padding-bottom: 10px;
}

.nicescroll-cursors {
	margin-right: 6px;
}

.pageSidebarSocialFacebook:hover {
	  background-image: url(images/ico-facebook-ro.png);
}

.pageSidebarSocialTwitter:hover {
	  background-image: url(images/ico-twitter-ro.png);
}

.pageSidebarSocialYouTube:hover {
	  background-image: url(images/ico-youtube-ro.png);
}

.pageSidebarSocialRSS:hover {
	  background-image: url(images/ico-rss-ro.png);
}

.pageSidebarFooter {
	  -webkit-box-shadow: 2px -18px 52px -6px rgba(0,0,0,0.47);
  -moz-box-shadow: 2px -18px 52px -6px rgba(0,0,0,0.47);
  box-shadow: 2px -18px 52px -6px rgba(0,0,0,0.47);
}

.black-bg {
	  background-color: #242424;
}

.singleVideo {
	    margin-left: 20%;	  
	    margin-top: -20px;
}

.author-slider .photo {
	width: 100% !important;
  height: auto !important;
  margin-top: -15%;
}

.trendingImage {
	  max-height: 65px;
  overflow: hidden;
}

.trendingImage img {
	  height: 100% !important;
  width: 160% !important;
}




.searchbox-input {
  border: 1px solid #e5e5e5 !important;
  border-radius: 20px !important;
  background-color: #f5f5f5;
}

.trp360Tabs ol li:hover h4 span, .trp360Tabs ol li.selected h4 span {
	color: #fff;
}

.trp360Involve span {
    vertical-align: middle;
  padding: 0 20px;
  text-align: center;
  width: 100%;
}

.singleAd {
	background-color: #f2f2f2;
	padding: 15px 0;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.singleAd300x250 {
	background-color: #f2f2f2;
	  margin: 30px 20px 0 20px;
	  padding: 20px;
}

.read-full {
	margin-top: 20px;
}

.letters-slider .excerpt p {
  display: none;
}

.singleImageWrapper .whiteSpace {
	width: 20px;
	height: 100%;
	position: absolute;
	left: 0;
	z-index: 1;
	background: #ffffff;
}

.homepageCategoryPostBorderTop .postContent h3 a:hover {
	text-decoration: none;
}

.trp360TargetContent .button:hover {
	background-color: #2CACD4;
}

.homepageCategoryShowMore a:hover {
	text-decoration: none;
	background-color: rgba(0,0,0, 0.2);
}

.singleRelatedCategory .link-category, .smallRelated .link-category {
  color: #FFF;
  font-size: 70%;
  padding: 5px 7px;
  text-transform: uppercase;
  font-weight: bold;
}

a.at300b .at4-icon, a.at300m .at4-icon {
  display: none !important;
}

.single-post .pageSidebar, .singleSidebar {
	position: fixed;
}

.single-post .pageSidebar .pageSidebarTabTargetOurPick ul li {
	  width: 49%;
}

.searchbox-icon, .searchbox-submit {
  height: 40px !important;
}

.search-form {
  height: 40px !important;
}

.searchbox-input {
  height: 35px !important;
}

.search-form-open {
  width: 250px !important;
}

.search-form-open .searchbox-icon, .search-form-open .searchbox-submit {
    top: 6.5px !important;
  right: 4px;
}

.searchbox-input {
  width: 90% !important;
}

.homepageCategoryPostBorderTop img {
  margin-bottom: 0 !important;
}

.pageSidebar {
  padding-top: 48px !important;
}

.bx-controls-direction a {
    opacity: 0;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.bx-wrapper:hover .bx-controls-direction a {
    opacity: 1;
}

/*iflix css*/
.iflix-lightbox {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(0,0,0,0.9);
	z-index:10000;
	display:none;
}

.iflix-outer-wrapper {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	width:900px;
	height:660px;
}

.iflix-registration {
	width:100%;
	height:100%;
	background-image:url(http://www.therakyatpost.com/wp-content/uploads/iflix_images/iflix_bg_1.jpg);
}

.iflix-close {
	position:absolute;
	top:20px;
	right:-70px;
	cursor:pointer;
}

.iflix-share {
	position:absolute;
	top:91px;
	right:-70px;
}

.iflix-form {
	position:absolute;
	top:320px;
	left:53px;
	width:400px;
}

.iflix-title {
	float:left;
	width:21%;
	color:#7D7D7D;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-top:8px;
}

.iflix-colon {
	float:left;
	width:5%;
	color:#7D7D7D;
	text-align:center;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-top:8px;
}

.iflix-input {
	float:left;
	width:74%;
	margin-bottom:8px;
}

.input-iflix-text {
	width:80%;
	border:1px solid #D8D8D8;
	padding:6px;
	-webkit-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
}

.input-iflix-submit {
	width:123px;
	height:26px;
	border:none;
	text-indent:-9999px;
	background-color:transparent;
	background-image:url(http://www.therakyatpost.com/wp-content/uploads/iflix_images/submit_button.jpg);
	cursor:pointer;	
}

.iflix-thankyou {
	width:100%;
	height:100%;
	background-image:url(http://www.therakyatpost.com/wp-content/uploads/iflix_images/iflix_bg_2.jpg);
	display:none;
}

.iflix-fb-share {
	position:absolute;
	top:305px;
	left:57px;
}

.iflix-tw-share {
	position:absolute;
	top:350px;
	left:57px;
}

.iflix-redeem {
	position:absolute;
	bottom:58px;
	right:215px;
}

.clear {
	clear:both;
}

.pageSidebarTabTargetVideo {
border-bottom: solid 1px #000;	
}

.link-category-rakyattv:hover {
 color: #fff !important;
}

.pageSidebarTabTargetToons {
overflow-x: hidden;	
}

.inline-post-tile .post-meta {
  display: none;
}

.rakyat-letters-slider-container {		
  border-right: 1px solid #F4F4F4;			
}		
.sidebarPostsContainerLetters ul li, .sidebarPostsContainerColumnist ul li {		
  border-right: 1px solid #000;		
  height: 215px;		
}		
.singleUpsell {		
  min-height: 5px;		
  overflow-y: auto;		
}

.single .pageContentWrapper {
    padding-right: 300px;
    width: 100%;
    background-color: #F4F4F4;
}


/*Created by Pang, iflix css*/
.iflix-lightbox {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(0,0,0,0.9);
	z-index:10000;
	display:none;
}

.iflix-outer-wrapper {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	width:900px;
	height:660px;
}

.iflix-registration {
	width:100%;
	height:100%;
	background-image:url(http://www.therakyatpost.com/wp-content/uploads/iflix_images/iflix_bg_1.jpg);
}

.iflix-close {
	position:absolute;
	top:20px;
	right:-70px;
	cursor:pointer;
}

.iflix-share {
	position:absolute;
	top:91px;
	right:-70px;
}

.iflix-form {
	position:absolute;
	top:330px;
	left:53px;
	width:400px;
}

.iflix-title {
	float:left;
	width:21%;
	color:#7D7D7D;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-top:7px;
}

.iflix-colon {
	float:left;
	width:5%;
	color:#7D7D7D;
	text-align:center;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-top:7px;
}

.iflix-input {
	float:left;
	width:74%;
	margin-bottom:8px;
}

.input-iflix-text {
	width:80%;
	border:1px solid #D8D8D8;
	padding:5px;
	-webkit-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
}

.input-iflix-submit {
	width:123px;
	height:26px;
	border:none;
	text-indent:-9999px;
	background-color:transparent;
	background-image:url(http://www.therakyatpost.com/wp-content/uploads/iflix_images/submit_button.jpg);
	cursor:pointer;	
}

.iflix-thankyou {
	width:100%;
	height:100%;
	background-image:url(http://www.therakyatpost.com/wp-content/uploads/iflix_images/iflix_bg_2.jpg);
	display:none;
}

.iflix-fb-share {
	position:absolute;
	top:410px;
	left:54px;
}

.iflix-tw-share {
	position:absolute;
	top:460px;
	left:54px;
}

.iflix-redeem {
	position:absolute;
	bottom:107px;
	right:186px;
}

.iflix-edm {
	width:100%;
	height:100%;
	background-image:url(http://www.therakyatpost.com/wp-content/uploads/iflix_images/iflix_bg_3.jpg);
	display:none;
}

.iflix-edm-fb-share {
	position:absolute;
	top:410px;
	left:54px;
}

.iflix-edm-tw-share {
	position:absolute;
	top:460px;
	left:54px;
}

.clear {
	clear:both;
}
/*Created by Pang, iflix css*/

@media only screen and (max-width: 1800px)  {

.trp360TargetContent {
    padding: 6% 5% 0 5% !important;
}

}

@media only screen and (min-width: 1201px)  {
	.pageWrapper {
		width: auto;
	}

	.pageSidebar {
		/*float: left;
		position: relative;
		right: auto;*/
		right: 0;
		width: 20%;
	}

	.trp360Tabs {
		width: 30%;
	}

	.trp360Target,
	.homepageRakyatTV .trp360Target li {
		width: 70%;
	}

	.trp360Heading h3 {
		font-size: 190%;
		padding: 2px 0 0;
	}


}

@media only screen and (max-width: 1150px)  {
	.mainMenu ul {
  font-size: 80%;
 	}
}


.singleRelatedSliderSection {
	float: left;
	width: 100%;
}

.singleRelatedSliderSection .bx-wrapper .bx-pager, .singleRelatedSliderSection .bx-wrapper .bx-controls-auto {
    bottom: -15px;
}

.singleRelatedPost .singleRelatedImage a {
	width: 100%;
	height: 280px;
	display: block;
	background-size: cover;
	background-position: center;
}


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

.singleRelatedSliderSection ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow-y:hidden;
}

.singleRelatedSliderSection ul li .singleRelatedItemPadding {
	/*border-top: 1px solid #D7D7D7;*/
	border-bottom: 1px solid #BDBDBD;
	  padding: 12px 0 10px 0;
	position: relative;
}


.singleRelatedSliderSection ul li img {
	height: auto;
	width: 100%;
}

.singleRelatedSliderSection ul li h4 {
	padding: 0 0 4px;
}

.singleRelatedSliderSection ul li h4 a {
	color: #646464;
}

.singleRelatedSliderSection ul li p {
	padding: 0 0 6px;
}

.singleRelatedSliderSection ul li p.singleRelatedReadMore a {
	color: #252525;
}

.singleRelatedSliderSection ul li p.singleRelatedImage {
	padding: 0;
}

.singleRelatedSliderSection ul li p.singleRelatedCategory {
	left: 0;
	padding: 0;
	position: absolute;
	top: 1px;
}

.singleRelatedPadding {
	padding: 20px;
	padding-top: 0;
}

.smallRelated .singleRelatedContent {
    float: left;
    width: 60%;
}

.singleRelatedItemPadding {
    overflow: auto;
}
.singleRelatedSliderSection .homepageCategoryHeading span.singleTaboolaSponsored {
	color: #5B5B5B;
	padding: 0 0 0 8px;
	position: absolute;
	right: 0;
}

.singleRelatedSliderSection ul li .singleRelatedOverlayContent h4 a {
	color: #ffffff;
}

.singleRelatedCategory .link-category, .smallRelated .link-category {
  color: #FFF;
  font-size: 70%;
  padding: 5px 7px;
  text-transform: uppercase;
  font-weight: bold;
}


.all-news .inline-row {
  padding: 0px 10px;
  background-color: #fff;
  position: relative;
}

.inline-post-tile {
    background: #ffffff none repeat scroll 0 0;
    height: 270px;
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
}

.inline-post-tile .img-container {
    float: left;
    height: 100%;
    overflow: hidden;
    width: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.inline-post-tile .img-container .white-border {
  background-color: #ffffff;
  width: 10px;
  height: 100%;
  float: right;
}



.inline-post-tile .inlinePostContent {
    background: #ffffff none repeat scroll 0 0;
    color: #000000;
    float: left;
    width: 50%;
    padding: 0 10px 0 20px;
    height: 100%;
}

.inline-post-tile.first .inlinePostContent {
    padding: 0 10px;
}



.inline-border {
	width: 1px;
	height: 250px;
	background: #e5e5e5;
	position: absolute;
	right: 0;
	left: 0;
	margin: 0 auto;
	top: 10px;
}

.inline-post-tile.second {
	padding-right: 10px;
}

.inline-post-tile.third {
	padding-left: 10px;
}

.inline-post-tile .inlinePostContent:hover {
    background: #f2f2f2;
}

.inline-post-tile h2 {
    color: #000000;
    font-size: 20px;
    font-weight: bold;
    /*margin: 18px 0 20px;*/
	margin: 18px 0 5px;
}

.inline-post-tile .excerpt {
    margin-bottom: 15px;
}

.inline-post-tile .excerpt p {
    color: #363636;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

.inline-post-tile .post-meta {
    color: #acacac;
    font-size: 11px;
    margin: 0;
    padding-bottom: 28px;
}

.inline-post-tile .read-more {
/*    background: #0078ca none repeat scroll 0 0;
    color: #ffffff;*/
    display: inline-block;
    font-size: 11px;
    /*padding: 10px;*/
}

.waktuImsakBerbuka {
	color: #FFF;
	font-size: 85%;
}

.waktuImsakBerbuka h3 {
	background: #3EAE2C url(images/trp-waktuberbuka-moon.png) 100% center no-repeat;
	background-size: 34px 15px;
	color: #FFF;
	font-size: 90%;
	font-weight: bold;
	padding: 10px 40px 10px 20px;
	  text-transform: uppercase;
}

.waktuImsakBerbuka p {
	color: #949494;
	font-size: 90%;
	padding: 10px 20px;
	text-align: center;
}

.waktuImsakBerbuka table {
	margin: 0;
	width: 100%;
}

.waktuImsakBerbuka table td,
.waktuImsakBerbuka table th {
	border: 1px solid #3B3B3B;
	padding: 6px 14px;
}

.waktuImsakBerbuka table th {
	background-color: #252525;
	color: #949494;
	font-weight: 400;
}

.waktuImsakBerbuka table td em {
	color: #949494;
	font-style: normal;
	float: right;
}

.waktuImsakBerbuka img {
	max-width: 100%;
}

.leaderboard-ad-case {
    margin-bottom: 20px;
}

.leaderboard-ad-case > div {
    margin: 0 auto;
}

.ads300x250 {
	padding: 10px;
}

@media only screen and (max-width: 1200px)  {

	.single-controls {
	  z-index: 10;
	}

	.single-controls {
		width: 70px;
	}

	.singleContent {
	  padding-right: 30px;
	}

	.singleSidebarNav {
		display: none;
	}

	.single .pageContentWrapper, .single .pageContentWrapper.full {
  		padding-right: 0;
	}
}