/*
Theme Name: Mobile Gaul
Theme URI: http://www.mobilegaul.com/
Description: Mobile Gaul
Author: Coco
*/

.style5 {font-size: 10px}
 
body {
    padding: 0;
	margin: 0;
	height: auto;
	background-image: url(http://www.mobilegaul.com/tsel-minisite/images/gif/background.gif);
    text-align:center;
}


.mainleft {  /* background-color: #FFFFFF; */
/* Mozilla ignores crazy MS image filters, so it will skip the following */
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale);}

.mainright { /* background-color: #FFFFFF; */
/* Mozilla ignores crazy MS image filters, so it will skip the following */
_background-image:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale);}



/* ini background global yang misahin antara banner body dan bottom */
#global {
    margin: auto;
	padding: 0;
	/* background-color: #FFFFFF; */
	/* background-image: url(http://www.mobilegaul.com/tsel-minisite/images/gif/background.gif); */
	height: 100%;
}



:link img { border: none; }

#content {
   	background: #FFFFCC no-repeat top; 
	/* background-image: url(images/gif/background.gif); */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 13px 10px;
	line-height: 15px;
    text-align: left;
    color: #333;
}
.date { color: #666; font-size: 12px; font-weight: bold; margin: 0; }
.title { font-size: 14px; margin: 0; }

.title a { #FF6600; text-decoration: none; }
.title a:hover { #FF9900; text-decoration: none; }

#side {
    background: #fff no-repeat top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; line-height: 13px;
    margin: 0; padding: 13px 10px; color: #333;
}

.subside {text-align: left;}
.subsidehead {color: #FF6600;
    font-weight: bold;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
    border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px; 
	margin: 3px 0}

.space10 {width: 10px; height: 15px}

.meta { font-size: 9px; color: #FF0000; }
.metabox {
	font-size: 9px;
	color: #666;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
    	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
}

a:link {text-decoration: none; color:#FF6600; }
a:visited {text-decoration:none;  color:#FF6600; }
a:active {text-decoration: none; color:#FF6600; }
/*a:hover {text-decoration: underline;  color:red;}*/

img:link{text-decoration:none;  color:#FF6600; }
img:visited{text-decoration:none;  color:#FF6600; }
img:hover{text-decoration:none;  color:#FF6600; }


#content a:hover {  color: #FF9900;  text-decoration: none; }
#side a:hover {  color: #FF9900;  text-decoration: none; }
#footer a:hover {  color: #eee;  text-decoration: none; }
#footer a {  color: #fff; }
#footer { height: 18px;
	width: 696px;
	background-color: #FF9900;
	margin: 0;
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: left;
}

.datepost {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #999; font-weight: bold}

.bgshadow {
	clear: both;
	float: left;
	background: url(/images/shadow1.gif) no-repeat bottom right;
  margin: 5px 2px 0 5px !important;
  margin: 5px 2px 0 5px;
}

.bgshadow div {
  background: url(/images/shadow2.png) no-repeat left top !important;
  background: url(/images/shadow2.gif) no-repeat left top no-repeat left top;
  padding: 0px 5px 5px 0px;
}

.bgshadow img {
  background-color: #fff;
  border: 1px solid #999999;

  padding: 4px;
}
.boxinfo {color:black; ; background-color: #fff; border: 1px solid #999999; padding: 2px; margin: 2px}
.post {margin: 1px 0 3px 0;}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
	}


.bstyle	{height: 20px; width: 90px; font-family: Verdana; font-size: 8pt; color: #CCCCCC; background-color: #333333; font-weight: 600}
.bstyleS	{height: 20px; width: 20px; font-family: Verdana; font-size: 8pt; color: #CCCCCC; background-color: #333333; font-weight: 600}
.bstyleL {height: 20px; width: 140px; font-family: Verdana; font-size: 8pt; color: #CCCCCC; background-color: #333333; font-weight: 600}
.bstyleXL {height: 20px; width: 160px; font-family: Verdana; font-size: 8pt; color: #CCCCCC; background-color: #333333; font-weight: 600}
.bstyleLong	{height: 20px; width: 120px; font-family: Verdana; font-size: 8pt; color: #CCCCCC; background-color: #333333; font-weight: 600}

.pstyle	{height: 22px; width: 120px; font-family: Verdana; font-size: 8pt; color: #000000; background-color: #e8e8e8; font-weight: 300}
.pstyle2 {height: 22px; width: 200px; font-family: Verdana; font-size: 8pt; color: #000000; background-color: #e8e8e8; font-weight: 300}
.boldstyle {height: 25px; width: 80px; font-family: Verdana; font-size: 8pt; color: #ffffff; background-color: #FE0202; font-weight: 600}


.TextClass { font-family: verdana; font-size: 9px; color: #000000; background-color: #E4E4E4; border: 1px solid; border-color: #4B4B4B}
.TextClassSpecial { font-family: verdana; font-size: 9px; color: #444444; background-color: #ffffff; border: 0px solid; border-color: #4B4B4B}
.TextAreaClass { font-family: verdana; font-size: 9px; color: #444444; background-color: #E4E4E4; border: 1px solid; border-color: #4B4B4B}
.TextAreaClassWithNoBorder { font-family: verdana; font-size: 9px; color: #444444; border: 1px solid; border-color: #4B4B4B}
.SelectClass { font-size: 9px; font-weight: normal; font-family: verdana; color: #000000; background-color: #E4E4E4}
.FileListBox { font-size: 9px; font-weight: normal; color: #444444; background-color: #E4E4E4; height: 150px; width: 300px}
.TextClassNS { font-family: verdana; font-size: 9px}
.TextAreaClassNS { font-family: verdana; font-size: 9px}
.SelectClassNS { font-size: 9px}
.ListBox { font-size: 9px; font-weight: normal; color: #444444; background-color: #E4E4E4; height: 110px; width: 250px;border: 1px solid; border-color: #4B4B4B}
.Verdana { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000}
.VerdanaArticle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px ;line-height: 13px; color: #333}
.VerdanaSmall { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000}
.VerdanaHeading { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #000000}
.VerdanaHeading2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; text-decoration: underline; color: #000000}
.VerdanaSuperBigHeading { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #000000}
.VerdanaTableHeading { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; text-decoration: underline; color: #FFFFFF; background-color: #152462}

	/* This is the style for the popupdescriptions. */
#divTooltip {position:absolute; top:0px; width:185px; visibility:hidden; z-index:200; background-color:#ffcc99; layer-background-color:#FFCC99;}
.normalStyle    {padding:2px; text-align:center; font-weight:500; width:185px; color:#9999DD; top:100px; font-family:verdana,arial,helvetica; font-size:11px; background-color:#f3f3f3; layer-background-color:#f3f3f3; border-width:1px; border-style:solid; border-color:#000000; cursor:default;}
.netscape4Style {padding:0px; font-weight:500; width:185px; color:#9999DD; top:100px; font-family:verdana,arial,helvetica; font-size:11px; background-color:#f3f3f3; layer-background-color:#f3f3f3; border:1px solid #000000;}


/* CoolMenus 4 - default styles - do not edit */
.clCMEvent{position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible}
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */

/*Style for the background-bar*/
.clBar{position:absolute; width:10; height:10; background-color:#333333; layer-background-color:#333333; visibility:hidden}

/*Styles for level 0*/
.clLevel0,.clLevel0over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:12px; font-weight:bold}
.clLevel0{background-color:#333333; layer-background-color:#333333; color:#CCCCCC;}
.clLevel0over{background-color:#CCCCCC; layer-background-color:#CCCCCC; color:#003366; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden; background-color:#333333; layer-background-color:#333333}

/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:tahoma, arial,helvetica; font-size:11px; font-weight:bold}
.clLevel1{background-color:#333333; layer-background-color:#333333; color:#CCCCCC;}
.clLevel1over{background-color:#CCCCCC; layer-background-color:#CCCCCC; color:#003366; cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute; visibility:hidden; background-color:#333333; layer-background-color:#333333}

/*Styles for level 2*/
.clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:10px; font-weight:bold}
.clLevel2{background-color:#FFCC99; layer-background-color:#FFCC99; color:#9999DD;}
.clLevel2over{background-color:#CCCCCC; layer-background-color:#CCCCCC; color:#666666; cursor:pointer; cursor:hand; }
.clLevel2border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}