﻿body
{
	padding:0px;
	margin:0px;
	font-family:sans-serif;
    font-size:13px;
    font-weight:400;
	text-align:-moz-center !important;
	text-align:center ;
	
	
}

/*-------------------------------div------------------------*/
div.page
{
	width:100%;
	text-align:left;
	padding-left :30px;
	color:White;
	
}


div.bgdiv
{
	width:100%;
	vertical-align:top;
}

div.outlineDiv
{
	color :#fff;
	width:165px;
	height:120px;
	position:relative;
	border:0px;
	margin:0px;
	padding-right:27px;
	_padding-right:27px;
	text-align:-moz-left !important;
	text-align:left;
}

#CatDetailDiv
{
	position :absolute;
	width:100px;
	height:148px;
	left :10px;
	top:10px;
}
div.loadingDiv
{
	top:5px;
	left :2px;
	background-repeat:no-repeat;
	background-image:url("../onlinecomics/paradise/images/loading.gif");
	width:40px;
	height :10px;
	position:absolute;	
}
div.loadingDivFinsh
{
	top:5px;
	left :2px;
	background-repeat:no-repeat;
	background-image:url("../onlinecomics/paradise/images/loadingFinsh.gif");
	width:40px;
	height :10px;
	position:absolute;	
}
div.MainBodyG
{
	margin:0px;
	font-family:sans-serif;
    font-size:13px;
    font-weight:400;
	width:100%;
	position:absolute;
	z-index:0;
	top:0px;
	left:0px;
	
}
div.MainBodyGOn 
{
	top:0px;
	left:0px;
	margin:0px;
	width :100%;
	font-family:sans-serif;
    font-size:13px;
    font-weight:400;
	position:absolute;
	background-color:Gray;
	z-index:10;
	filter:alpha(opacity=65);
	-moz-opacity:0.65;
	-khtml-opacity:0.65;
	
	
}



div.DataListItem
{
	position :relative ;
	/*top:10px;*/
	margin-top:4px;
	margin-left:1px;
	width:162px;
	height:110px;
	border:0px solid black;
	/*background-color:#fff;*/		
}

div.MainBody 
{
	
	width:775px;
	font-family:sans-serif;
    font-size:13px;
    font-weight:400;	
	position:relative;
	z-index:1;
	top:0px;
	background-color:#fd0100;
	padding-top:0px;
	padding-bottom:30px;
	background-image:url("../onlinecomics/paradise/images/t_bg1.gif");
	background-repeat:repeat-y;
	vertical-align:top;
	
	
}

div.ItemPopUpNone
{
	display:none ;
}
#pagehead
{
	width:100%;
	background-color:#ee1c25;
	height:70px;
	text-align:left;
	position:relative;
	
}
div.ItemPopUp
{
	
	text-align:left;
	position:absolute;
	z-index:999;
	width:500px;
	height:300px;
	border:3px solid #e4e4e4;
	background-color:White;
	color :#808080;
}
div.ItemDetailBottom
{
	position:absolute;
	left:5px;
	bottom:0px;
	width:490px;
	height:1.5em;
	border-top:1px solid #ccc;
	text-align:right;
	background-color:#f4f4f4;
}
#listDiv
{
	position:absolute;
	margin-left:130px;
	top:160px;
	border-top:1px solid #ccc;
	width:350px;
	overflow:scroll;
	height:110px;
}
div.divTdContext
{
	height:1.2em;
	overflow:hidden;	
	/*width:150px;*/
	vertical-align:top;
	margin-top:-2px;
}
div.divTdContext2
{
	height:15px;
	overflow:hidden;
	vertical-align:top;
	color:Black;
	margin-top:-3px;
}
div.divTdContext3
{
	height:70px;
	overflow:hidden;
	vertical-align:top;
	color:Black;
	margin-top:-5px;
}


td>.divTdContext
{
	/*height:0.2em;*/
}
td>.divTdContext2
{
	/*height:0.2em;*/
	/*width: 45px;*/
}
#tddesc
{
	text-indent :2em;
	height:100px;
}
#tddesc2
{

	height:30px;
}
.itemListTitle
{
	position :absolute;
	border:solid 1px #000;
	color :#fff;
	height:1.3em;
	width:150px;
	overflow:hidden;
	background-color:#555;
	right:20px;	
	z-index:2;
	padding-top:0.3em;
	font-weight:bold;
}

div.ItemListDropDwon
{
	display:none;
	top:1.6em;
	width:150px;
	height:100px;
	position:absolute ;
	border:1px solid #111;
	background-color:White;
	right:20px;
}
div.ItemListDropDwonPress
{
	top:1.6em;
	width:150px;
	
	z-index:9;
	position:absolute ;
	border:1px solid #111;
	background-color:White;
	right:20px;
}
.outlineDiv>.itemListTitle
{
	
	height:3.5em;
	text-align :-moz-center !important;
	padding-top:0.1em;
}
/*-------------------------------a------------------------*/
a.titleHref
{
	display:block ;
	position:absolute;
	top:7px;
	left:5px;
	float :left ;
}

.page a
{
	margin:0px 3px 0px 3px;
	color:White;
	
}
/*-------------------------------img------------------------*/
#CatDetailDiv img
{
	width:100px;
	height:148px;
	border:1px #ccc solid;
	
}
img.titleImg
{
	
	width:50px;
	height:74px;
	border:0px #bebebe solid;
}
#pagehead img
{
	position :relative;
	top:5px;
	left:10px;
}
#connerimg
{
	position :absolute ;
	right:0px;
	bottom:0px;
	z-index:9;
	padding:0px;
	margin:0px;
	
}

/*-------------------------------table------------------------*/
table.mainTable
{
	top:7px;
	position :absolute;
	left :62px;
	width:125px;
	border:1px dashed black;
}

table.mainTable td
{
	text-align:left ;
	vertical-align :top;
}

table.mainTable span
{
}


#CatDetail
{
	position:relative ;
	top:10px;
	margin-left:120px;
	width:380px ;
	table-layout:fixed;
}
#CatDetail td
{
	
	

}

.tdTitle
{	
	width:40px;
	vertical-align:top;
}


.tdContent
{
	height:1em;
	
}
#CatInfo
{
	width :100%;
	
	border :1px solid #ccc;
}
#CatInfo td
{
	height:10px;
}

/*-------------------------------span------------------------*/
#CatDetailDiv span
{
	width:100%;
	text-align :-moz-center !important;
	text-align:center;
	display:block;
	margin-top:5px;
}

/*-------------------------------list------------------------*/

.UlControlPanel
{
	padding:0px;
	
	margin :0px;
	list-style-type:none;
}

.UlControlPanel li div
{
	position:relative;
	border-left:1px solid #ccc;
	margin-left :20px;
	
	

	text-align:-moz-left !important;
	text-align:left  ;
}
.UlControlPanel li div a
{
	padding-left:5px;
	color:#111;
	text-decoration:none;
	
	
}
.UlControlPanel li
{
	
	margin:1px;
	border:1px solid #fff;
	text-align:left  ;
	
}

.UlControlPanel .LiPress
{
	
	border:1px solid #a8d8eb;
	text-align:left  ;
	margin:1px;
	background-color:#e1edf3;
}


/*=======================================masterpage=========================================*/

/*-------------------------------------table-------------------------------*/
.maintable
{
	width:100%;
	border:0px;
	border-collapse:collapse;
}
.maintable .lefttd
{
	width:200px;
	vertical-align:top;
	padding-top:30px;
	text-align:-moz-center !important;
	text-align :center;
}
.MyFavorites
{
	margin-top:5px;
	background-color:White;
	width:190px;
	border:1px solid black;
	margin-bottom:5px;	
	border-spacing :0px;
	
}


.MyFavorites .headSelected
{
	
	border:1px solid black;
	border-bottom-style:none;

	width:50%;
	text-align:-moz-center !important;
	text-align :center ;
	
}
.MyFavorites .head
{
	cursor:pointer ;
	border:1px solid black;
	width:50%;
	text-align:-moz-center !important;
	text-align :center ;
	
}

.MyFavorites .tdContext
{
	
	border:1px solid black;
	border-top-style:none;
	width:50%;
	
	
}

table.tableBorder
{
	width:175px;
	border-bottom:1px #ccc dashed;
}

.tableBorder .tdBorder
{
	text-align:-moz-right !important;
	text-align:right ;
}
/*-------------------------------------div-------------------------------*/
.divMyFavoritesPanel
{
	margin-left: 5px;
	width:100%;
	margin-top :10px;
	text-align :left;
	
}
.toolbarDiv
{
	background-color:#ee1c25;
	width:100%;
}
.myFavoritesOutline
{
	width:100%;
	overflow :hidden;

}
/*-------------------------------------a-------------------------------*/
.divMyFavoritesPanel a
{
	padding-left:5px;
}

.tdBorder a
{
	color :red;
	text-decoration:none;
	
}