/* ----- Main Layout Elements ----- */
body {
	background:			#fff;
	text-align:			center;
	padding:			0;
	margin:				0;
	font-family: 		Arial, Verdana, sans-serif;
	background-image: 	url('../images/j-bgx.jpg'); 
	
}
#container {
	
	background-color:	#ffffff;
	padding:			5px;
	width:				760px;
	font-size:			12px;
	margin:				0 auto;
	text-align:			left;
	color:				#686868;
	clear:				both;
}
#header {
	
	background-color:	#fff;
	height:				130px;
	margin:				auto;
	clear:				both; 
}
#headerinside {
	width:				780px;
	margin:				0 auto;
	height:				50px;
	padding-top:		0px;
	text-align:			left;
	clear:				both; 	
	
}
#logo{
	 float:				left; 
	 padding-top:	    10px;
	 background-image:  url(../images/gopinoyrevlogo.gif);
	 height:			40px;
	 width:				255px;
	 margin-top:		10px;
}
#topinside {
	width:				760px;
	margin:				0 auto;
	padding-top:		0px;
	text-align:			left;
	clear:				both; 	
}
#topsearch {
	width:				200px;
	height:				30px;
	text-align:			center;
	float:				right;
	background-image:	url('../images/searchbg.jpg');	
	background-repeat:	no-repeat;
}
#topLogin {
	width:				165px;
	height:				20px;
	text-align:			center;
	font-size:			12px;
	padding-top:		35px;
	float:				right;
}
#top-menu{
	width:610px; 
	margin-top:25px;
}
#topLogin a{
color:				#006699;
}
#topPromo{
					float:left; 
					padding-top:6px; 
					font-size:12px; 
					color:#FF0000; 
					font-weight:bolder;
}
#topPromo2{
					float:left; 
					padding-left:105px; 
					padding-top:7px; 
					font-size:12px; 
					color:#FFFFFF;
}
.search #mod_search_searchword {
	width:				170px;
	border:				1px solid #cccccc;
	margin-top:			3px;
}
#leftsidebar {
	float:				left;
	width:				25%; 
	overflow:			hidden;
	
} 
#main {
	float:				left;
	width:				75%;
	overflow:			hidden;
}
#main ul {
	margin-left:		20px;
	padding:			0;
}
#footer {
	clear:				both; 
	text-align:			center;
	font-size:			10px;
	padding-top:		10px;
	padding-bottom:	    10px;
	color:#666666;
}
a, a:visited {
	color:				#0099FF;
	text-decoration:	none;
}
a:hover {
	color:				#af0c0c;
}

/* ----- Top Menu ----- */
#topmenu {
	margin-top:			4px;
	height:				28px;
	font-size:			12px;
	float:				left;
	background-image:	url("../images/tabbg.jpg");
	background-repeat:repeat-x;
	width:610px; 
	margin-top:25px;
}
#topmenu ul {
	margin:				0;
	padding:			0;
	list-style:			none;
}
#topmenu li {
	float:				left;
	height:				28px;
	background:			url("../images/tableftx.jpg") no-repeat left top;
	margin:				0;
}
#topmenu a, #topmenu a:visited {
	float:				left;
	display:			block;
	height:				28px;	
	background:			url("../images/tabrightx.jpg") no-repeat right top;
	padding:			6px 12px 4px 12px;
	text-decoration:	none;
	font-weight:		normal;
	color:				#fafafa;
	letter-spacing:		0px;	
}
#topmenu a:hover, #topmenu a:visited:hover {
	color:				#ffff99;
}


/* ----- Sidebar Elements ----- */
#leftsidebar .moduletable, #leftsidebar .moduletable_text {
	border:				1px solid #deeaf7;
	background-color:	#deeaf7;	
	margin-top:			10px;
	padding:			1px;
}
/*......... side container header.............*/
#leftsidebar .moduletable h3, #leftsidebar .moduletable_text h3 {
	padding:			2px;
	font-size:			11px;
	color: 				#eaeaea;
	margin:				-5px;
	margin-bottom:		5px; 
	padding:			5px;
	background-color:	#000000;
	border-bottom:		1px solid #fff;
	background-image:	url('../images/tabbg.jpg');
}

#leftsidebar p {
	margin-top:			0px;
	margin-bottom:		10px;
}
#leftsidebar ul {
	margin:				0px;
	padding-left:		20px;
	padding-top:		5px;
}
#leftsidebar ul li {
	margin:				0px;
	padding:			0px;
	list-style-type:	square;
}
#leftsidebar ul li a {
	text-decoration:	none;
}
#leftsidebar ul li a:hover {
	text-decoration:	underline;
}

/* ----- Sidebar Buttons ----- */
#leftsidebar .moduletable_menu {
	padding:			2px;
	margin-bottom: 		11px;
	color: 				#333;
	font-weight:		bolder;
	font-size:			11px;
	font:				Verdana, Arial, Helvetica, sans-serif;
	background-image:	url('../images/tabbg2.jpg');
	background-repeat:no-repeat;
	border:#fff solid 1px;
}

#leftsidebar .moduletable_menu ul {
	list-style:			none;
	margin: 			0;
	padding: 			0;
	border: 			none;
	
}
#leftsidebar .moduletable_menu ul li {
	margin: 			0;	
		background-color: 	#f1eee8;
}
#leftsidebar .moduletable_menu ul li a {
	display: 			block;
	background-color: 	#fff;
	/*border-bottom: 		1px solid #0b280a;
	border-top: 		1px solid #f6fef6;	
	border-left: 		1px solid #e7fbe7;
	border-right: 		1px solid #114f0f;	*/	
	padding: 			2px 1px 2px 5px;
	color: 				#006c9c;
	text-decoration: 	none;
	width: 				100%;
		background-color: 	#f1eee8;
		border-bottom:#999999 dotted 1px;
}

html>body #leftsidebar .moduletable_menu li a {
	width: 				auto;
	background-color: 	#f1eee8;
	border-bottom:#999999 dotted 1px;
}

#leftsidebar .moduletable_menu li a:hover {
	
	color: 				#ff0000;
	/*background-color: 	#c40101;
	border-bottom: 		1px solid #280a0a;
	border-top: 		1px solid #fef6f6;	
	border-left: 		1px solid #fbe7e7;
	border-right: 		1px solid #4f0f0f;	*/	
}

#leftsidebar h3 {
	margin:				0px;
	padding:			2px;
	font-size:			11px;
	color: 				#ffffff;
}


/* Additional markups */
span.highlight {
	background-color:	#fffdd5;
}
.pagenavcounter, .pagenav {
	font-size:			10px;
} 
.contenttoc {
	padding:			5px;
}

div.componentheading {	/* Component heading */
	font-size:			16px;
	border-bottom:		1px solid #777777;
	font-weight:		bold;
	/*margin-top:			10px;*/
	color:				#FF9900;
	border-bottom:		1px solid #cccccc;
}
td.contentheading {		/* Post titles/headings */
	font-size:			18px;
	font-weight:		bold;
	clear:				both;
	padding-top:		7px;
	padding-top:		4px;	
	color:#FE9C07;
}
table.contentpaneopen {	/* Table wrapping posts */
	margin:				0;
	padding:			0;
}
#form-login-remember {	/* Small 'remember me?' text in login form */
	font-size:			12px;
	padding-bottom:		5px;
}
#form-login {
	text-align:			center;
}
#form-login ul, #form-login-username, #form-login-password, #form-login-remember {
	text-align:			left;
}
fieldset.input, fieldset {
	border:				0;
}
#form-login #form-login-remember {
	text-align:			center;
}
form {
	margin:				0;
}
td.sectiontableentry1 {}	/* Alternating rows for polls */
td.sectiontableentry2 {		/* Alternating rows for polls */
	background-color:	#eeeeee;
}	
.button {
	font-size:			12px;
	font-weight:		bold;
	color:				#990000;
	padding-left:		5px;
	padding-right:		5px;	
	font-family:		arial, verdana;
	background-image:url(../images/button.jpg);
	background-repeat:no-repeat;
	width:69px;
	height:29px;
	 padding: 0;
  border: 0;

	/*background-color:	#e1e1e1;
	border-bottom: 		1px solid #000000;
	border-top: 		1px solid #fef6f6;	
	border-left: 		1px solid #fbe7e7;
	border-right: 		1px solid #4f0f0f;	*/
}
.buttonheading img {
	border: 			none; 
	margin: 			0;
	padding:			0;
}
span.small { 		/* Small text underneath post title, i.e. 'Written by...' */
	font-size:			10px;
	margin:				0;
	padding:			0;
}
td.createdate {		/* Small date under post titles */
	font-size:			10px;
	text-align:			left;
	color:				#999999;
}
td.modifydate { 	/* The 'Last Updated' date under posts/modules. */
	font-size:			10px;
	text-align:			right;
	font-style: 		italic;	
}
a.readon { 			/* The 'Read More...' link under posts/modules. */
	font-size:			10px;
	float:				right;
	text-align:			right;
}
td.article_column {
	padding-right:		10px;
}
table.pollstableborder {
	text-align:			left;
	width:				100%;
}
p {
	margin-top:			0;
	margin-bottom:		10px;
	padding:			0;
}
.breadcrumbs  {
	font-size:			10px;
	color:				#666666;
}
div.bannerheader {
	font-size:			10px;
}
/* landing page */
.JEAdvice{
	font-size: 12px;
	padding-top:15px;
	
}
.JEAdvice ul li{
	font-size: 12px;
	color:#000;
	text-align:left;
	padding-bottom:2px;
	list-style-image:url(../images/check.gif);
}
.JETitle{
	font-size:			14px;
	font-weight:		bold;
	clear:				both;
	color:				#FE9C07;
}
.JETitle2{
	font-size:			14px;
	font-weight:		bold;
	color:				#2f2f2f;
}
.JEContent{
	font-size:12px;
	color:#333333;
	text-align:left;
	padding-left:5px;
	padding-right:5px;
}
/* rounded css */
.t {background: url(../images/dot.gif) 0 0 repeat-x; width: 550px}
.b {background: url(../images/dot.gif) 0 100% repeat-x}
.l {background: url(../images/dot.gif) 0 0 repeat-y}
.r {background: url(../images/dot.gif) 100% 0 repeat-y}
.bl {background: url(../images/bl.gif) 0 100% no-repeat}
.br {background: url(../images/br.gif) 100% 100% no-repeat}
.tl {background: url(../images/tl.gif) 0 0 no-repeat}
.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:0 10px 10px 10px;} 

/*end of rounded css */
.contentTextContainer {
	float:left;
	padding:5px 5px 5px 10px;
	width:375px;
	background-color:#f8f8f6;
	border:#e5e5e4 solid 1px;
	margin-left:10px;
	height:93px;
}
.contentTextContainer h1{
	font-size:12px;
	color:#0099FF;
	text-align:left;
}
.contentTextContainer p{
	font-size:11px;
	color:#666666;
	text-align:left;
}

.contentTextHeader {
	float:left;
	padding:5px 5px 5px 10px;
	width:375px;
	background-color:#f8f8f6;
	border:#e5e5e4 solid 1px;
	margin-left:10px;
	height:93px;
		
}
.contentTextHeader p{
	font-size:12px;
	color:#666666;
	text-align:left;
}

.readmore a{
	font-size:12px;
	font-weight:bold;
	color:#FF9900;
	float:right;

}
.readmore a:hover{

	color:#00CCFF;
	
}
.contentSeparator{
	clear:both;
	padding-top:10px;
	
	/*border:#999999 solid 1px;
	background-color:#99FFCC;*/
}
#imgsource{
	float:left;
	border:#0099FF solid 1px;
	
}

.grabtext {
font-weight:bold;
font-family:Tahoma;
font-size:18px;
color: #006B9A;
padding-bottom:5px;
}

.imgcontent{
border:1px #006B9A solid;
margin-right:23px;

}

/* updates */

.dataItemContent {
border:1px #fff solid;
padding:5px 0 5px 10px;
width:93px;
background-color:#e8edff;
text-align:center;
color:#666666;
}
.dataItemContent2 {
border:1px #fff solid;
padding:5px 0 5px 10px;
width:93px;
color:#666666;
text-align:center;
}
.dataItemContent2x {
border:1px #fff solid;
padding:5px 0 5px 10px;
width:93px;
color:#666666;
background-color:#e8edff;

}
.dataRow{
background-color:#fff;
}
.dataItemArticleTitle{
background-color:#d0dafd;
padding:5px;
border:#9caadc solid 1px;
}