/* general use body tag */
body{
	background-color:#666666;
	color:#ffffff;
	font-size:1em;
	font-family: arial, "lucida console", sans-serif;
}

/* specialized body for the index page */
body.indexPage{
	background-color: #DBE1ED;
	color:#000000;
}

table{
	border-width:1px;
	border-style:solid;
	border-color:white;
	text-align:center;
	margin-left: 0%;
	margin-right: 0%;
}

td{
	border-width:1px;
	border-style:solid;
	border-color:white;
	vertical-align: middle;
	text-align:center;
}
/* order mattesr on the anchors */


/* main sections of the index page */
div#frame
{
	position: absolute;
	left: auto;
	text-align:center;

}


div#leftCol
{
	width:220px;
	position:absolute;
	left:0px;
	top:50px;
}
div#middleCol
{
	text-align:center;
	width:680px;
	left:250px;
	position: absolute;
}

div#rightCol
{
	width:190px;
	text-align:left;
	position:absolute;
	left:700px;
}



div#middleCol table.list{
	color:#000000;
	border-style:none;
	border-width:0px;

}
div#middleCol table.list td {
	border-style:none;
	border-width:0px;
	background-color:#A0BEF0;
}
 /* end of main sections for the index page */


body.indexPage img {
	border-width:0px;
	border-style: none;
}



a{
	cursor: pointer;
}

/* order mattesr on the anchors */
a:link {
	color: #ff6600;
	text-decoration:none;
	background-color: inherit;
}
a:visited {
	color: #ff9900;
	text-decoration:none;
	background-color: inherit;

}
a:hover {
	color: #ff6600;
	text-decoration:underline;
	background-color: inherit;

}
a:active {
	color: #ff6600;
	text-decoration:none;
	background-color: inherit;

}
/* order mattesr on the anchors */
/* order mattesr on the anchors */
body.indexPage a:link {
	color: #06c;
	text-decoration:none;
	background-color: inherit;
}
body.indexPage a:visited {
	color: #06c;
	text-decoration:none;
	background-color: inherit;

}
body.indexPage a:hover {
	color: #147;
	text-decoration:underline;
	background-color: inherit;

}
body.indexPage a:active {
	color: #06c;
	text-decoration:none;
	background-color: inherit;

}




td.header{
	border-width:1px;
	border-style:solid;
	border-color:white;
	vertical-align: top;
	width: 100%;
	text-align:center;
}

span.crc{
	font-weight:normal;
}

span.AltTitle{
	font-style:italic;
	font-size:0.8em;

}

span.Order{
	font-size:0.8em;
	font-weight:bold;
}

td.OrderList{
	text-align:center;
	border-style:none;
	border-width:0px;
}

td.GroupName
{
	border-style:none;
	border-width:0px;
	vertical-align: top;
	text-align:center;
	font-size:1.2em;
}

td.FileInfo
{
	border-style:none;
	border-width:0px;
	vertical-align: top;
	text-align:center;
	font-size:0.8em;
	font-weight: bold;
}

td.roleTitle{
	border-style:none;
	border-width:0px;
	text-align:right;
	font-size:0.8em;
	font-weight:bold;
}
td.roleName{
	border-style:none;
	border-width:0px;
	font-size:0.8em;
	text-align:left;
}
td.ColumHeader{
	text-align:center;
	font-weight:bold;
	font-size:1.1em;
}


table.list{
	width:100%;
	vertical-align:middle;

}
table.list img {
	vertical-align:middle;
}
table.additions{
	width:100%;
/*	border-width:0px;
	border-style:none;
*/}
/*
table.additions td{
	border-width:0px;
	border-style:none;

}
*/
ul.AddedList{
	text-align:left;
	list-style-type:circle;

}

ul.link{
	font-size:0.8em;
	font-family: Tahoma,arial, "lucida console", sans-serif;
	list-style-type:circle;
}

div.listHead{
	font-family: Tahoma,arial, "lucida console", sans-serif;
	font-weight:bold;
	text-align:center;
}

td.AnimeTitle{
	text-align:center;
	vertical-align:middle;
	font-size:.9em;
	font-weight:bold;
}

td.AnimeLogo{
	text-align:center;
	vertical-align:middle;
	font-size:.9em;
	font-weight:bold;

}

td.CreationDate{
	text-align:center;
	vertical-align:middle;
	font-size:.9em;
	font-weight:bold;
}

table.imgheadertbl{
	margin-left:5%;
	margin-right:5%;
	width: 90%;
	border-style:none;
	border-width:0px;
}

td.imgheader{
	border-style:none;
	border-width:0px;

}

td.ReleaseOnheader{
	border-style:none;
	border-width:0px;
	font-weight: bold;
	font-size: 0.9em;
}

td.Titleheader{
	border-style:none;
	border-width:0px;
	font-weight: bold;
	padding-top:25px;
}

table.ImageTable{
	text-align:center;
/*	width:100%;*/
}

td.ScreenShot{
	text-align:center;
	vertical-align:middle;
	/*border-width:2px;*/
}

table.HeaderInfoTbl{
	border-style:none;
	border-width:0px;
	width:100%;
}


div.singleView{
	position:absolute;

	text-align:center;
	vertical-align:middle;
}


table.sortTbl{
	width: 100%;
}

div#STbl{
	right: 79%;
	top: 45%;
	width :20%;
	position:fixed;
}