/* 
	project: www.angelsfrag.com
   	author: ganjar kurniawan
								*/
  
/* =================================================================== */
/* ========================= COMMON ELEMENT ========================== */
 
/* body */
body { padding: 0; margin: 30px 0 0 0; font: 0.7em Arial, Tahoma, sans-serif; line-height: 1.4em; background: #ffffff; color: #333; }

/* links */
a { color: #FF9000; text-decoration: none; }
a:hover { color: #555; text-decoration: none; }	

/* headings */
h1 { font: bold 1.8em "Arial", Sans-Serif; margin: 0; letter-spacing: 0px; color: #FF9000; }
h5 { font: bold 1.2em "Arial", Sans-Serif; margin: 0; letter-spacing: 0px; color: #FF9000; }
h1 a, h5 a { color: #FF9000; text-decoration: none; }
h1 a:hover, h5 a:hover { color: #FFCC99; text-decoration:none;  }

/* lists  */
ul { margin: 0; padding : 0; list-style : none; }


/* form elements */
form { margin: 0;}
input.button { margin-top: 2px; }

input[type="text"], textarea { border-top: 2px solid #999; border-left: 2px solid #999; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }

/* misc */
#break { clear: both; height: 10px; }
#footerBreak { clear: both; height: 20px; }


/* =================================================================== */
/* ========================= DEFAULT HEADER ========================== */

/* content holder */
#wrapper { margin: 0 auto; width: 900px; }

/* header */
#headerLogin { 
	height: 150px;
}

#headerLogin .logo {
	float: left;
	margin-top:14px;
	width: 269px;
	height: 121px;
	border:0;
}

#headerLogout {
	height: 152px;
}

#headerLogout .logo {
	float: left;
	margin-top: 16px;
	width: 269px;
	height: 121px;
	border:0;
}

#logoPlusAddr {
	float: right;
	width: 612px;
}

.logoGov {
	float: left;
	width: 250px;
	height: 65px;
	font: 0.9em  Arial, Tahoma, sans-serif;
}

.logoGov img{ 
	margin-top: 18px;
	margin-right: 10px;
	border: 0;
}

.addr {
	font: 0.9em  Arial, Tahoma, sans-serif;
	color: #000000;
	line-height:1.3em;
	float: right;
	width: 300px;
	height: 65px;
	text-align: right;
	padding-right: 1px;
}

#navBarLogin {
	float: right;
	width: 612px;
	height: 72px;
	margin-right: 0px;
	background: url(../images/bg_fnavBarT.jpg) no-repeat top left;
}

#navBarLogout {
	float: right;
	width: 612px;
	height: 72px;
	margin-right: 0px;
	background:  #FFF url(../images/bg_navBar.jpg) no-repeat top left;
}

/* horizontal tabbed menu */	
#hNav {
	float: right;
	color: #FFF;
	width: 612px;
	height: 40px;
	font-weight:bold;
}

#hNav ul {
	margin: 0;
}

#hNav li {
	float: left;
	width: 100px;
	height: 40px;
	font: 9px Arial, Helvetica, sans-serif;
	padding-right: 2px;
	background: url(../images/bg_hnavUp.gif) no-repeat top left;
}

.endNav {
	padding: 0;
}

#hNav li a { 
	display: block;
	padding-top: 20px;
	color: #FFF;
	text-align: center; 
	font-weight: bold;
	text-decoration: none;
}

#hNav li a:hover { 
	background: url(../images/bg_hnavDown.gif) no-repeat top left; 
	width: 100px;
	height: 40px;
	text-decoration: none;
	color: #FFF;
}	

/* sub menu */	
#subNav {
	/*position: absolute;
	top: 48px;
	left: 0px;*/
	float: left;
	width: 415px;
	height: 32px;
	color: #000;
	font: 1em Arial, Helvetica, sans-serif;
	line-height: 30px;
}

#subNav ul { 
	margin-left: 10px;
}

#subNav li { 
	display: inline; 
	float: right;
}

#subNav li a { 
	color: #000;
	text-decoration: none;
	padding: 0 5px;
	border-right: 1px solid #777;
}

#subNav li a:hover{ 
	color: #555;
	text-decoration: none;
}


#subNav li a.last { 
	border-right: none;
}

/* search */
#search { 
	float: right;
	width: 190px;
	height: 15px;
	padding-right: 0px;
	padding-top: 5px;
}

/* =================================================================== */
/* =================== HEADER ADDITION FOR FORUM ===================== */

/* login to forum/membership */

#fLogin {float:left;border-top: 1px solid #FFF; width: 612px; height: 60px; background: url(../images/bg_fnavBarB.jpg) no-repeat top left; margin-top: 0; }

#desc_fLogin { float: left; width: 410px; height: 60px; }

#left_desc { float: left; width : 250px; height: 60px; }

.regDesc { float: left; color: #FFF; margin-left: 37px; padding-top: 8px; padding-bottom: 5px; font-size: 11px; font-weight: bold;
border-bottom: 1px solid #FFF; }

.regLink { float: left; clear: both; margin-left: 37px; padding-top: 3px; font-size: 11px; }

.regLink a { color: #FF9000; text-decoration: none; }

.regLink a:hover { color: #555; text-decoration: underline; }


#right_desc { float: right; width : 100px; height: 60px; }

.usrLabel { float: right; color: #000; padding-top: 9px; }

.pwdLabel { float: right; clear: right; color: #000; padding-top: 9px; }

#form_fLogin { float: right; width: 190px; height: 60px; }

#login { float: right; width: 190px; height: 15px; padding-right: 0px; padding-top: 5px; }

#login .password { margin-top: 5px; }

/* form elements */
form { margin: 0; }

input.button { margin-top: 2px; }

input.pButton { margin-top: 7px; }

input[type="password"],input[type="text"], textarea { border-top: 2px solid #999; border-left: 2px solid #999; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; /*margin-bottom: 5px;*/ }

#fLoading{float:left;clear:both;width: 636px; height: 60px;padding:26px 0;text-align:center;}

/* =================================================================== */
/* ====================== INDEX PAGE CONTENT ========================= */

/* advertisement banner*/
#banner {
	clear: both;
	background-color: #000000;
	text-align: center;
	line-height: 100px;
	color: #FFF;
	font-size: 2.5em;
	margin-bottom: 10px;
}

/* external links */
#extLinks {
	clear: both;
	background-color: #666; 
	margin-bottom: 10px;
	padding: 4px 0 4px 4px;
	line-height: 34px;
	height: 32px;
}

#extLinks img{
	margin-right: 4px;
	border: 0;
}

/* news headline content holder */
#topHeadline {
	clear: both;
	background: #FFF url(../images/bg_bigT.gif) no-repeat;
	color: #FFF; 
	height: 38px;
	line-height: 37px;
	font-weight: bold;
	font-size: 12px;
	padding-left: 15px;
}

#middleHeadline {
	clear: both;
	background: #FFF url(../images/bg_bigM.gif) repeat-y;
	height: 275px;
	padding-bottom: 5px;
}

#bottomHeadline {
	clear: both;
	background: #FFF url(../images/bg_bigB.gif) no-repeat;
	color: #FFF; 
	height: 20px;
}
	
/* headline left content */
#middleHeadline .left {
	float: left;
	width: 470px;
	height: 255px;
	color: #333;
	background-color:#FFF;
	margin: 13px 0 0px 20px;
}

#middleHeadline .tittleHeadline {
	padding: 4px 0 0 0;
	width: 470px;
}

#middleHeadline .prologHeadline {
	width: 470px;
	padding-top: 4px;
}

/* headline right content */
#middleHeadline .right {
	float: right;
	width: 370px;
	height: 245px;
	color: #333;
	margin: 13px 20px 0px 0px;
	padding-top: 15px;
	background: #CCC url(../images/img_nLBottom.gif) no-repeat bottom left;
}

#middleHeadline .newsList p { margin: 0 0 7px 0; }

#middleHeadline b { color: #FF9000; }

/*.newsList p a { color: #000; }

.newsList p a:hover { color: #333; }*/

#middleHeadline	.holder_newsList {
		width: 340px;
		height: 230px;
		margin: 0px 0 0px 15px;
}

#middleHeadline	.newsList {
		background: #CCCCCC;
		width: 340px;
		color: #333;
		margin: 0px 0px 0px 0px;
}

#middleHeadline	.break_newsList {
		width: 340px;
		height: 20px;
		border-bottom: 1px solid #FF9000;
		margin-bottom: 20px;
}	

#middleHeadline .img_newsList {
	float: left;
	margin-right: 20px;
}

#loader {
	position:relative;
	top:100px;
	left:150px;
	z-index:10;
}

/* news clip */
#newsClip {
	clear: both;
	color: #FFF; 
}

/* news clip content holder */
.top_nClip {
	background: url(../images/bg_nclipT.gif) no-repeat;
	height: 32px;
	line-height: 32px;
	font-weight: bold;
	font-size: 12px;
	padding-left: 15px;
	color: #FFF;
}

/* image nClip = 133px ; prolog_nClip = 112px (ditambah padding top 2px) ; buttonMore = 20px ; tinggi total = 265px*/

.middle_nClip {
	background: url(../images/bg_nclipM.gif) repeat-y;
	height: 270px;
}

.middle_nClip img { margin-left: 4px; } 

.middle_nClip h5 { padding: 5px 5px 3px 0; }

.middle_nClip .prolog_nClip { color: #555; height: 110px; padding: 2px 5px 0 15px; } 

.middle_nClip .btnMore { text-align:right; padding: 0 15px 0 0; border: 0;} 

.bottom_nClip {
	background: url(../images/bg_nclipB.gif) no-repeat;
	height: 15px;
}

/* news clip left content */
#ncLeftA { float: left; width: 490px; margin: 0; }

#ncLeftA #nc01 { float: left; width: 235px; height: 319px; }

#ncLeftA #nc02 { float: right; width: 235px; height: 319px; }

#ncLeftB { float: left; width: 490px; margin: 0; }

#ncLeftB #nc03 { float: left; width: 235px; height: 319px; }

#ncLeftB #nc04 { float: right; width: 235px; height: 319px; }

/* news clip right content */
#ncRight {
    float: right;
	color: #FFF; 
	width: 390px;
	height: 275px;
}


/* =================================================================== */
/* ====================== ABOUT PAGE CONTENT ========================= */

/* advertisement banner*/
#banner {
	clear: both;
	background-color: #000000;
	text-align: center;
	line-height: 100px;
	color: #FFF;
	font-size: 2.5em;
	margin-bottom: 30px;
}

/* left content */

#leftAbout {
	float: left;
	width: 720px;
	margin-top:20px;
}

#abtNav {
	float: left;
	width: 240px;
	margin-right: 20px;
}

#abtNav li a {
	display: block;
	height: 25px;
	line-height: 25px;
	border-bottom: 1px solid #DFDFDF;
	padding-left: 20px;
}

#abtNav li a.first {
	border-top: 1px solid #DFDFDF;
}

#abtNav li a:hover {
	color: #555;
}

#abtNav li a#active {
	color: #999;
}

#abtContent  {
	float: right;
	width: 456px;
	margin-top: -3px;
}

#abtContent p {
	line-height: 20px;
}
	
/* right content */

#rightAbout {
	float: right;
	width: 160px;
	height: 650px;
	background: #FFF url(../image/newsEvent/img_vlyRight.gif) no-repeat;
	margin-top:20px;
	margin-bottom: 20px;
	border: 1px solid #E0E0E0;
}

/* =================================================================== */
/* ========== ADDITION NEWS PAGE LENGKAP DENGAN KATEGORI ============= */

/* news page */
#nwsContent  { float: right; width: 456px; margin-top: -3px; }

#nwsContent h5 { margin-bottom: 5px; }

#nwsContent .nwsList b { color: #FF9000; }

#nwsContent h4 { margin-top: 0; font-size: 1.1em; font-weight: bold; text-decoration: underline; }
#nwsContent h4 { margin-top: 0; font-size: 1.1em; font-weight: bold; text-decoration: underline; }

#nwsContent .nwsList img { float: left; border: 0; margin-bottom: 10px; margin-right: 15px; }

.nwsList { color: #555; padding: 15px 0; border-bottom: 1px solid #E0E0E0;}
.nwsList p { margin: 0;}


/* download page */
#dwldBreak { clear: both; }

/* video page */
#videoPages { margin-top : 25px; }
#videoTittle { padding: 0 0 10px 0; }

.vidList { width: 390px; color: #555; padding: 15px 0; border-bottom: 1px solid #E0E0E0;}
.vidList p { margin: 0;}

#vidPagination { clear: both; width: 390px; margin-top: 30px;  padding: 0; text-align: right; }
#vidPagination a {  font-weight: bold; color: #555; display: inline; } 
#vidPagination a:hover { color: #FF9000; } 

/* news clip right content / video links di home.php */

#vidMore { /*margin-top: 5px; line-height: 10px;*/ text-align: right; height: 10px; }
#vidMore p { margin-top: 8px;}

#vidMore p a {	font: bold 1em "Arial", Sans-Serif; margin: 0; letter-spacing: 0px; color: #FF9000; }
#vidMore p a:hover { color: #FFCC99; text-decoration:none;  }



/*#nwsContent .nwsImg { float: left; margin-top: 4px; margin-bottom: 15px; margin-right: 20px; }*/

#newsPagination { clear: both; margin-top: 30px;  padding: 0; text-align: right; }

#newsPagination a {  font-weight: bold; color: #555; display: inline; } 

#newsPagination a:hover { color: #FF9000; } 

.newsSpacer { width: 456px; height: 10px; border-bottom: 1px solid #E0E0E0; }

/* =================================================================== */
/* ===== ADDITION GAME INFRASTRUCTURE, PUBLISHER, DEVELOVER ========== */

#gameBI { clear: both; border: 1px solid #E0E0E0; padding: 10px; /*background-color: #FFFFEC;*/ }

#gameBI form { font-size: 11px; width: 436px; }

/* fieldset styling */
fieldset {
  margin: 1em 0; /*  space out the fieldsets a little*/
  padding: 1em;
  border : 1px solid #E0E0E0;
  /*background-color:#F5F5F5;*/
}

/* legend styling */
legend { font-weight: bold; font-size: 12px; color: #555; }

form p { /*position: relative; width: 100%;*/ }

/* style for  labels */
label { float: left; width: 10em; }

/* style for required labels */
label .required { font-size: 14px; color:#FF9000; }

/* :KLUDGE: Explicitly set the width for IE6- */
* html .feedback{ width: 14em; }

#gameBI input { width: 247px; }

#gameBI input[type="text"], input[type="password"], textarea, select { border-top: 2px solid #999; border-left: 2px solid #999; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; 
}

#gameBI input.submit { width: 75px; } #gameBI input.reset { width: 75px; }

/* style form elements on focus */
#gameBI textarea:focus, input:focus { background: #FEF8E9; }

#gameBI textarea { width: 290px; height: 100px; }

/* Game Bussines Category form styling */

#GBCat { width: 250px; }

/* Game Bussiness Infrastructure Listing */

#bizDetail .bizNumber { float: left; width: 30px; font-weight: bold; }

#bizDetail ul { float: left; }

#bizDetail ul li a { color: #555; }

#bizDetail ul li a:hover { color: #FF9000; }

#bizDetail .companyName { font-weight:bold; }

#bizPagination { height: 50px; line-height: 50px;  padding: 0 30px; text-align: left; }
#bizPagination a {  font-weight: bold; color: #555; display: inline; } 
#bizPagination a:hover { color: #FF9000; } 

/* =================================================================== */
/* ========== ADDITION E-SPORT PAGE LENGKAP DENGAN KATEGORI ============= */

#leftEsport { float: left; width: 490px; }

#rightEsport { float: right; width: 390px; height: 275px; margin-top: 35px; }


#esportContent  { float: left; width: 490px; margin-top: 0px; }

#esportContent p { line-height: 20px; }

/* news clip */     /*  SUDAH ADA DI MAINSTYLE JADI TIDAK USAH DI COPY LAGI  */
#newsClip { clear: both; color: #FFF; 
}

/* news clip content holder */
.top_nClip {
	background: url(../images/bg_nclipT.gif) no-repeat;
	height: 32px;
	line-height: 32px;
	font-weight: bold;
	font-size: 12px;
	padding-left: 15px;
	color: #FFF;
}

.middle_nClip {
	background: url(../images/bg_nclipM.gif) repeat-y;
	height: 270px;
}

.middle_nClip img { margin-left: 4px; }

.middle_nClip h5 { padding: 5px 5px 3px 0; }

.middle_nClip .prolog_nClip { color: #555; height: 110px; padding: 2px 5px 0 15px; }

.middle_nClip .btnMore { text-align:right; padding: 0 15px 0 0; border: 0;}

.bottom_nClip { 
	background: url(../images/bg_nclipB.gif) no-repeat;
	height: 15px;
}

/* news clip left content */
#esportContent #ncLeftA { float: left; width: 490px; margin: 0; margin-top: 30px; }

#ncLeftA #nc01 { float: left; width: 235px; height: 319px; }

#ncLeftA #nc02 { float: right; width: 235px; height: 319px; }

#esportContent #ncLeftB { float: left; width: 490px; margin: 0; }

#ncLeftB #nc03 { float: left; width: 235px; height: 319px; }

#ncLeftB #nc04 { float: right; width: 235px; height: 319px;
}




/* =================================================================== */
/* ====================== NEWS PAGE CONTENT ========================= */

/* advertisement banner*/
#banner {
	clear: both;
	background-color: #000000;
	text-align: center;
	line-height: 100px;
	color: #FFF;
	font-size: 2.5em;
	margin-bottom: 10px;
}

/* right content*/

#leftNews {
	float: left;
	width: 596px;
	margin-bottom: 20px;
}

#nwsTop {
	width: 596px;
	height: 42px;
	background: #FFF url(../images/bg_newsT.gif) no-repeat;
}

#nwsMiddle {
	width: 596px;
	background: #FFF url(../images/bg_newsM.gif) repeat-y;
	color: #333;
}

#nwsBottom {
	width: 596px;
	height: 15px;
	background: #FFF url(../images/bg_newsB.gif) repeat-y;
}

#nwsMiddle .img_nwsDet {
	margin : 8px 0 10px 21px;
}

#nwsMiddle h1 {
	margin: 0 0 0 21px;
}

#nwsMiddle .nwsDetail {
	padding: 0 23px 20px 21px;
}

#nwsMiddle .nwsDetail p {
	font-size: 1em;
	line-height: 20px;
}


.pagiNation, pagiNation a {
	display: block;
	font-weight: bold;
	color: #FF9000;
	text-align: right;
}

/* right content*/
#rightAdvert {
	float: right;
	width: 284px;
	height: 650px;
	border: 1px solid #E0E0E0;
	margin-top: 4px;
}

/*.banner {
	margin-top: 4px;
	margin-bottom: 15px;
}
*/
/* =================================================================== */
/* ============================ FOOTER =============================== */

/* footer */
#footer {
	clear: both;
	background-color: #FFF;
	text-align: center;
	color: #000;
	height: 25px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 7px 0;
	border-top: 1px solid #CCC;
}

#linkFooter li {
	float: left;
}

#linkFooter li a {
	display: inline;
	color: #FF9000;
	text-decoration: none;
	border-right: 1px solid #888;
	padding: 0px 6px;
}

#linkFooter li a:hover {
	display: inline;
	color: #555;
	text-decoration: none;
}

#linkFooter li a.none {
	border-right: none;
}

#copyright {
	color: #FF9000;
	float: right;
}
#powered {
	width: 400px;
	color: #FF9000;
	float: right;
}

#loader {
	position:relative;
	top:100px;
	left:150px;
	z-index:10;
}

#aff{
	margin-top:20px;
	float:right;
	width:390px;
	height:50px;
	background-color:#fff;
}

/*blogs style*/
#BlogLeft, #BlogRight {
	clear: none;
	float: left;
	height: auto;
	width: 645px;
	line-height: 37px;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: -40px
}
#BlogRight {
	float: right;
	width: 235px;
}
.topBlogHead, .middleBlog, .topBlogHead2, .middleBlog2, .bottomBlog, .bottomBlog2 {
	clear: both;
	background: #FFF url(../images/BHL.gif) no-repeat;
	color: #FFF; 
	height: 38px;
	width: 630px;
	line-height: 37px;
	font-weight: bold;
	padding-left: 15px;
}
.topBlogHead2 {
	width: 220px;
	background: #FFF url(../images/BHR.gif) no-repeat;
}
.middleBlog, .middleBlog2 {
	font-weight: normal;
	color: #555;
	line-height: 17px;
	height: auto;
	padding-top: 5px;
	background: #FFF url(../images/BML.gif) repeat-y;
}
.middleBlog2 {
	width: 220px;
	background: #FFF url(../images/BMR.gif) repeat-y;
}
.bottomBlog, .bottomBlog2 {
	background: #FFF url(../images/BBL.gif) no-repeat;
	height: 20px;
	margin-bottom: 10px;
}
.bottomBlog2 {
	background: #FFF url(../images/BBr.gif) no-repeat;
	width: 220px;
}
.middleBlog img {
	padding: 0px 10px 0px 0px;
}
.middleBlog p {
	width: 615px;
	margin: 0px;
	display: block;
}
.nameCom font {
	color: #F30;
}
.sepp {
	border-top: 1px solid #555;
	margin: 10px 0px;
	width: 615px;
}
#gameChild {
	display: none;
	position: fixed;
	list-style-type: none;
	list-style-position: outside;
	float: left;
	margin-top: 37px;
	margin-left: -2px;
}
#gameChild a {
	width: 100px;
}
#gameChild tr td a {
	color: #fff;
	width: 100px;
	height: 15px;
	font-size: 10px;
	display: block;
	text-align: center;
	padding: 5px 0px;
	background-color: #F1541F;
	margin-left: 2px;
	border-top: #fff solid 1px;
}
#gameChild tr td a:hover {
	color: #fff;
	background-color: #F90;
}