/*
  The original iCGstation Theme for phpBB version 2+
  Created by iOptional phpBB Style Gruop
  http://www.ioptional.com
*/

/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #FFFFFF; border: 1px #98AAB1 solid; }

.bodyBatal	{ background-image: url(images/batal3.bmp); background-repeat: no-repeat }

/* This is the outline round the main forum tables */
.forumline	{ background-color: #A9B8C2; border: 0px #006699 solid; }

/* Page Header */
td.header {
		background-color: #FFFFFF;
		background-image: url(images/acp_top.jpg);
}


td.navpic {
		background-color: #FFFFFF;
		background-image: url(images/navpic.gif);
		height: 22px;
}

td.cellrow2 {
		background-color: #FFFFFF;
		height: 32px;
		font-size: 11px; border-color: #CCCCCC; border-style: solid; border-width: 0px 0px 1px 0px;
}

td.indextop {
		background-color: #FFFFFF;
		background-image: url(images/index_top.jpg);
}

td.indexbom {
		background-image: url(images/bt.gif);
		background-position-y: bottom;
		background-repeat: repeat-x;
}

td.lefttd {
		background-repeat: repeat-y;
		background-image: url(images/left.gif);
}

td.righttd {
		background-image: url(images/right.gif);
		background-repeat: repeat-y;
}
/* 
	TEXT
*/
body { scrollbar-face-color: #DEE3E7; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #DEE3E7; scrollbar-3dlight-color: #D1D7DC; scrollbar-arrow-color: #006699; scrollbar-track-color: #EFEFEF; scrollbar-darkshadow-color: #98AAB1; margin: 0px; border: 0px; padding: 0px; background-color: white; font-family: Verdana, Helvetica, sans-serif; font-size: 11px}

h1 { margin: 0px; font-size: 24px; font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; text-decoration: none; line-height: 120%; color: #000000; }
h2 { margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; text-decoration: none; line-height: 120%; }
h3 { margin: 0px; font-size: 24px; font-family: Verdana, serif; line-height: 120%; }
h4 { margin: 0px; font-size: 16px; font-family: Arial, Verdana; }
h5 { margin: 0px; font-size: 15px; font-family: Arial, Verdana; font:caption }

p.moderators { margin: 0px; float: left; color: black; font-size: 10px; }
p.linkmcp { margin: 0px; float: right; font-size: 10px; white-space: nowrap; }
p.breadcrumbs { margin: 0px; float: left; color: black; font-size: 10px; white-space: normal; }
p.datetime { margin: 0px; float: right; font-size: 10px; white-space: nowrap; }
p.searchbar { margin: 0px; font-size: 10px; white-space: nowrap; } 
p.searchbarreg { margin: 0px; float: right; font-size: 10px; white-space: nowrap; }

p.forumdesc { margin: 0px 4px 0px 0px; padding: 4px; font-size: 10px; }
a.forumlink { color: #069; font-size: 8px; vertical-align:middle }

p.topictitle { margin: 1px 0px; display: inline; font-size: 10px; }
p.topicauthor { margin: 1px 0px; font-size: 10px; }
p.topicdetails { margin: 1px 0px; font-size: 10px; }

p.postreported { margin: 1px 0px; color: red; }
p.postapprove { margin: 1px 0px; color: green; }

.postauthor { color: #000000; font-size: 10px; }
.postdetails { color: #000000; font-size: 11px; }
.postbody { font-size: 11px; line-height: 140%; }
.posthilit { background-color: yellow; }


.nav { margin: 0px; color: black; font-size: 10px; }
.pagination { padding: 4px; color: black; font-size: 10px; }


.cattitle { margin: 1px 1px; font-size: 10px; }
.mainmenu { margin: 1px 1px; font-size: 10px; }
.topictitle { margin: 1px 1px; font-size: 10px; }

.gen { margin: 1px 1px; font-size: 12; }
.genmed { margin: 1px 1px; font-size: 10px; }
.gensmall { margin: 1px 1px; font-size: 8px; }
.genbig { margin: 1px 1px; font-size: 16px; }

.copyright { color: #444; font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;letter-spacing: -1px;}
.titles { color: black; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none;  }
.error { color: red; }

/* 
	TABLE
*/
td { font-family: Verdana, Helvetica, sans-serif; font-size: 11px }
th { text-align: left; height: 25px; color: #444444; border-style: solid; font-size: 10px; border-width: 1px 1px 0px 1px; }
/*th { text-align: left; height: 25px; color: #444444; border-color: #FFFFFF; border-style: solid; font-size: 10px; background-color: #EAEAEA; border-width: 1px 1px 0px 1px; }*/
/*.tablebg { background-color: #A9B8C2; }*/
.tablebg { background-color: #F5F5F5;}
.catdiv { height: 25px; border: 0px; background-color: white; background-image: url('./images/cellpic2.jpg'); background-repeat: repeat-y; font-size: 10px; }
.cat { height: 25px; border-color: #FFFFFF; border-style: solid; background-color: #EFEFEF; text-indent: 4px; border-width: 1px 1px 0px 1px; }
.row1 { background-color: #F7F7F7; padding: 4px; font-family: Verdana, Helvetica, sans-serif; font-size: 10px; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.row2 { background-color: #ECECEC; padding: 4px; font-family: Verdana, Helvetica, sans-serif; font-size: 10px; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.row3 { background-color: #EAEAEA; padding: 4px; font-family: Verdana, Helvetica, sans-serif; font-size: 10px; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.spacer { background-color: #D1D7DC; }
hr { height: 1px; border-width: 0px; background-color: #D1D7DC; color: #D1D7DC }

TREE1 { background-color: #F7F7F7; padding: 4px; font-family: Verdana, Helvetica, sans-serif; font-size: 10px; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
/* 
	ANCHOR
*/
a,a:link,a:active,a:visited { text-decoration: none; color: #445588; cursor:hand }
a:hover	{ text-decoration: underline; color: #224466; cursor:hand }

/*
	FORM
*/
form { margin: 0px; padding: 0px; border: 0px; } 
input {color: black; font-family: Verdana, serif; font-size: 10px; font-weight: normal; }
textarea { background-color: white; color: black; font-family: Verdana, serif; font-size: 10px; font-weight: normal; border-color: black; border-style: solid; border-width: 1px; }
select { background-color: white; color: black; font-family: Verdana, serif; font-size: 10px; font-weight: normal; border-color: black; border-style: solid; border-width: 1px; }
.post { background-color: white; border-style: solid; border-width: 1px; }
.btnbbcode { background-color: white; color: black; font-weight: normal; font-size: 10px; font-family: Verdana, Helvetica, sans-serif; background-color: #EFEFEF; border-style: solid; border-width: 1px; }
.btnmain {; background-color: #FAFAFA; border-style: solid; border-width: 1px; }
.btnlite { background-color: #FAFAFA; font-weight: normal; border-style: solid; border-width: 1px; }
.helpline { background-color: #DEE3E7; border-style: none; }
/*-- mod: profile cp --*/
.foundercolor, a.foundercolor, a.foundercolor:link, a.foundercolor:active, a.foundercolor:visited {
	color: #FE00FE;
	font-weight: bold;
}
a.foundercolor:hover {
	color:	#FF0000;
	text-decoration: underline;
}

.admincolor, a.admincolor, a.admincolor:link, a.admincolor:active, a.admincolor:visited {
	color: #FFA34F;
	font-weight: bold;
}
a.admincolor:hover {
	color:	#FF0000;
	text-decoration: underline;
}

.modcolor, a.modcolor, a.modcolor:link, a.modcolor:active, a.modcolor:visited {
	color: #006600;
	font-weight: bold;
}
a.modcolor:hover {
	color:	#008000;
	text-decoration: underline;
}

.usercolor, a.usercolor, a.usercolor:link, a.usercolor:active, a.usercolor:visited {
	color: #000000;
	font-weight: bold;
}
a.usercolor:hover {
	color: #DD6900;
	text-decoration: underline;
}


/* 
	BBCODE 
*/
.quotetitle2 { margin: 10px 5px 0px 5px; padding: 4px; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #A9B8C2; color: black; background-color: #DCE1E5; font-size: 8pt; }
.quotetitle { margin: 10px 5px 0px 5px; padding: 4px; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #A9B8C2; color: black; background-color: #DCE1E5; font-size: 8pt; }
.quotecontent { margin: 0px 5px 10px 5px; padding: 5px; border-color: #A9B8C2; border-width: 0px 1px 1px 1px; border-style: solid; color: black; font-weight: normal; font-size: 8pt; font-family: Verdana, sans-serif; background-color: #FAFAFA; }

.codetitle { margin: 10px 5px 0px 5px; padding: 4px; border-width: 1px 1px 0px 1px; border-style: solid; border-color: #A9B8C2; color: black; background-color: #A9B8C2; font-size: 8pt; }
.codecontent { margin: 0px 5px 10px 5px; padding: 5px; border-color: #A9B8C2; border-width: 0px 1px 1px 1px; border-style: solid; color: black; font-weight: normal; color: #006600; font-weight: normal; font-size: 8pt; font-family: 'Courier New', monospace; background-color: #FAFAFA; }

.syntaxbg { color: #FFFFFF; }
.syntaxcomment { color: #FF8000; }
.syntaxdefault { color: #0000BB; }
.syntaxhtml { color: #000000; }
.syntaxkeyword { color: #007700; }
.syntaxstring { color: #DD0000; }


/* 
	OTHER
*/
img { border: 0px; }

/* Background images for tables */
.tbl{border-collapse:collapse;height:4px;width:100%}
.tbll{background: url(images/tb4_l.gif) no-repeat;width:8px}
.tblbot{ background: url(images/tb4_m.gif) repeat-x;width:100%}
.tblr{background: url(images/tb4_r.gif) no-repeat;width:8px}
.tbl80{border-collapse:collapse;height:4px;width:80%}

/* Background images for tables */
.tbt{border-collapse:collapse;height:22px;width:100%}
.tbtl{background: url(images/tb2_l.gif) no-repeat;width:22px}
.tbtbot
{
	font-weight: bold;
	font-size: 13px;
	background: url(images/tb2_m.gif) repeat-x;
	width: 100%;
	color: #445588;
}
.tbtr{background: url(images/tb2_try.gif) no-repeat;width:93px}

/* Background images for tables */
.tbn{border-collapse:collapse;height:22px;width:100%}
.tbnl{background: url(images/tb1_l.gif) no-repeat;width:76px}
.tbnbot{background: url(images/tb1_m.gif) repeat-x;width:100%;font-size:11px;color:#445588;}
.tbnr{background: url(images/tb1_r.gif) no-repeat;width:39px}


/*
	DataGrid -- temporary, pending for new design from Cat, Nas, Des and Kamal

*/
.GridListHead
{
	padding-left: 5px;
	font-weight: bold;
	font-size: 4px;
	border-left: dimgray 1px solid;
	color: white;
	border-bottom: dimgray;
	font-family: Verdana, Arial;
	background-color: #6699cc;
}

.GridListHead a.Link, a.hover, a.visited
{
    font-size: 4px;
	text-decoration:underline
}

.GridListItem
{
    background-color: #F7F7F7;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: #223C6F;
    font-family: Verdana, Arial;
    font-size: 4px;
    padding-left: 5px;
}

.GridListItemAlt
{
    background-color: #E2EAF9;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: #223C6F;
    font-family: Verdana, Arial;
    font-size: 4px;
    padding-left: 5px
}

.GridListFooter
{
	font-weight: normal;
	font-size: 4px;
	color: #3058a4;
	line-height: 10pt;
	font-family: Verdana, Arial;
	background-color: #dbe4f4;
}

.GridListSelectedItem
{
	font-weight: bold;
	font-size: 4px;
	color: #f7f7f7;
	font-family: Verdana, Arial;
	background-color: #738a9c;
}

.GridListPager
{
	font-weight: bold;
	font-size: 4px;
	color: red;
	font-family: Verdana, Arial;
	background-color: #DBE4F4;
	text-align: center;
}
/* Page Header Top Menu */
td.TopMenuStart {
		background-image: url(images/TabStart.gif);		
		background-repeat:no-repeat;
		width:140px;
		height:30px;
}

td.TopMenuMiddle {
		background-image: url(images/TabMiddle.gif);
		background-repeat: repeat-x;
}


td.TopMenuEnd {
		background-image: url(images/TabEnd.gif);
		background-repeat:no-repeat;
		width:10px;
		height:30px;
}

td.TopMenuLeft {		
		background-image: url(images/Tableft.gif);
		background-repeat: repeat-y;
}

td.TopMenuBorder {
		background-image: url(images/imgBorder.gif);
		background-repeat: repeat-y;
		width:5px;
		height:5px;		
}

td.TopMenuRight {
		background-image: url(images/Tabright.gif);
		background-repeat: repeat-y;
}

font.xxsmall 
{   font-family:Arial;
	font-size:7pt;
	font-style:italic;
	color:Green;
}

font.big
{   font-family:Arial;
	font-size:11pt;
	font-style:italic;
	font-weight : bold;
	color:Green;
}

.help1 {	background-color: #ffffcc;}
.helptitle { margin: 0px; font-weight: bold;font-size: 12px;text-transform: capitalize;font-family: Verdana, Arial;}
.helpnormal
{
	font-size: 11px;
	margin: 0px 0px 0px 50px;
	font-family: Verdana, Arial;
}
.helpitem1 { margin: 5px; font-size: 11px; font-family: Verdana, Arial;}
.helpitem2 { margin: 10px; font-size: 11px; font-family: Verdana, Arial;}

.SearchTab1 {
		background-image: url(images/Tab1_BG.gif);		
		background-repeat:no-repeat;
		width:800px;
		height:80px;
}

.SearchTab2 {
		background-image: url(images/Tab2_BG.gif);		
		background-repeat:no-repeat;
		width:800px;
		height:80px;
}

.SearchTab3 {
		background-image: url(images/Tab3_BG.gif);		
		background-repeat:no-repeat;
		width:800px;
		height:80px;
}

.TabGen 
{
		width:700px
}

.TabHeader
{
	width:650px
}

TD.clsTabA 
{
  background-color : none
}


TD.clsTab0 {
	BACKGROUND-COLOR: #CCD4E7; BORDER-BOTTOM: #99ccff 2px inset; BORDER-LEFT: #6699cc 1px solid; BORDER-RIGHT: #6699cc 1px solid; BORDER-TOP: #003366 2px solid; CURSOR: hand; vertical-align:middle
}
TD.clsTab0 A {
	COLOR: #565656; FONT-SIZE: 95%; TEXT-DECORATION: none; vertical-align:middle
}
TD.clsTab0 A:hover {
	COLOR: #565656; FONT-SIZE: 95%; TEXT-DECORATION: none; vertical-align:middle
}
TD.clsTab0 A:active {
	COLOR: #565656; FONT-SIZE: 95%; TEXT-DECORATION: none; vertical-align:middle
}
TD.clsTab0Selected {
	BACKGROUND-COLOR: #6993CC; BORDER-LEFT: #99ccff 2px outset; BORDER-RIGHT: #99ccff 2px; BORDER-TOP: #99ccff 2px outset; vertical-align:middle
}
TD.clsTab0Selected A {
	COLOR: #000000; FONT-SIZE: 95%; FONT-WEIGHT: bold; TEXT-DECORATION: none; vertical-align:middle
}
TD.clsTab0Selected A:hover {
	COLOR: #000000; FONT-SIZE: 95%; FONT-WEIGHT: bold; TEXT-DECORATION: none; vertical-align:middle
}
TD.clsTab0Selected A:active {
	COLOR: #000000; FONT-SIZE: 95%; FONT-WEIGHT: bold; TEXT-DECORATION: none; vertical-align:middle
}
TABLE#idTabs TD {
	FONT-SIZE: 72%; white-space:nowrap; width:200px; vertical-align:middle
}

TABLE#idTabsNorm TD {
	FONT-SIZE: 72%; white-space:nowrap; width:200px ; vertical-align:middle
}

TABLE#newsContent {
	MARGIN-RIGHT: 50px
}

TD.clsTab1 {
	BACKGROUND-COLOR: #FFF4DA; BORDER-BOTTOM: #99ccff 2px inset; BORDER-LEFT: #6699cc 1px solid; BORDER-RIGHT: #6699cc 1px solid; BORDER-TOP: #003366 2px solid; CURSOR: hand; text-justify:auto; vertical-align:middle
}
TD.clsTab1 A {
	COLOR: #565656; FONT-SIZE: 95%; TEXT-DECORATION: none; vertical-align:middle
}
TD.clsTab1 A:hover {
	COLOR: #565656; FONT-SIZE: 95%; TEXT-DECORATION: none; vertical-align:middle
}
TD.clsTab1 A:active {
	COLOR: #565656; FONT-SIZE: 95%; TEXT-DECORATION: none; vertical-align:middle
}
TD.clsTab1Selected {
	BACKGROUND-COLOR: #F8951F; BORDER-LEFT: #99ccff 2px outset; BORDER-RIGHT: #99ccff 2px; BORDER-TOP: #99ccff 2px outset; vertical-align:middle
}
TD.clsTab1Selected A {
	COLOR: #000000; FONT-SIZE: 95%; FONT-WEIGHT: bold; TEXT-DECORATION: none; vertical-align:middle
}
TD.clsTab1Selected A:hover {
	COLOR: #000000; FONT-SIZE: 95%; FONT-WEIGHT: bold; TEXT-DECORATION: none; vertical-align:middle
}
TD.clsTab1Selected A:active {
	COLOR: #000000; FONT-SIZE: 95%; FONT-WEIGHT: bold; TEXT-DECORATION: none; vertical-align:middle
}

TD.clsTab2 {
	BACKGROUND-COLOR: #ECEDC2; BORDER-BOTTOM: #99ccff 2px inset; BORDER-LEFT: #6699cc 1px solid; BORDER-RIGHT: #6699cc 1px solid; BORDER-TOP: #003366 2px solid; CURSOR: hand; vertical-align:middle
}
TD.clsTab2 A {
	COLOR: #565656; FONT-SIZE: 95%; TEXT-DECORATION: none; vertical-align:middle
}
TD.clsTab2 A:hover {
	COLOR: #565656; FONT-SIZE: 95%; TEXT-DECORATION: none; vertical-align:middle
}
TD.clsTab2 A:active {
	COLOR: #565656; FONT-SIZE: 95%; TEXT-DECORATION: none; vertical-align:middle
}
TD.clsTab2Selected {
	BACKGROUND-COLOR: #B8C987; BORDER-LEFT: #99ccff 2px outset; BORDER-RIGHT: #99ccff 2px; BORDER-TOP: #99ccff 2px outset; vertical-align:middle
}
TD.clsTab2Selected A {
	COLOR: #000000; FONT-SIZE: 95%; FONT-WEIGHT: bold; TEXT-DECORATION: none; vertical-align:middle
}
TD.clsTab2Selected A:hover {
	COLOR: #000000; FONT-SIZE: 95%; FONT-WEIGHT: bold; TEXT-DECORATION: none; vertical-align:middle
}
TD.clsTab2Selected A:active {
	COLOR: #000000; FONT-SIZE: 95%; FONT-WEIGHT: bold; TEXT-DECORATION: none; vertical-align:middle
}

TD.claTabInstruction 
{
	width : 200px;
}
.radiostyle { WIDTH: 208px;font-size:xx-small;}
.tblBorder{BORDER-RIGHT: whitesmoke thin solid; BORDER-TOP: whitesmoke thin solid; BORDER-LEFT: whitesmoke thin solid; BORDER-BOTTOM: whitesmoke thin solid;}
.tdTopMenu{background-color: #FAFAFA;}
.tblLayout{ width:98%;border:0; padding:0; margin-top:10px}
.txtHeading
{
 font-size:1.5em;
 margin-left:5px;
 text-decoration:underline;
}
.txtSuggest
{
 font-size:1em;
 margin-left:5px;
}


td.b0 { font-family: Verdana, Helvetica, sans-serif; font-size: 11px;COLOR:#4D80E8;}
td.b1 { font-family: Verdana, Helvetica, sans-serif; font-size: 11px;COLOR:#000000;}

/* Print Page Setup */
@page { margin: 0.02cm }
/*.pagebreak 
{
	page-break-before: always;
}*/

/*@page port {size: portrait;}
@page land {size: landscape;}*/

/*.portrait {page: port;}
.landscape {page: land;}*/

.land{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0)}
/*div.divPrint
 {page-break-inside:avoid;}*/

@media print {
  * html div.divPrint {
     position:relative;
     
  }
#batal {                                /* 6. */
	display: list-item;                /* 1. */
	list-style-image: url(batal3.bmp); /* 2. */
	list-style-position: inside;       /* 3. */
	letter-spacing: -1000em;           /* 4. */
	font-size: 1pt;                    /* 5. */
	color: #fff;                       /* 5. */
	}

