/* global anchor style */
/* unvisited link */
a:link {
color: #01e9ff;
text-decoration: none;
}     
a:visited {color: #01e9ff;
text-decoration: none;
}  /* visited link */
a:hover {color: #01e9ff;
text-decoration: underline;
}   /* mouse over link */
a:active {
color: #01e9ff;
text-decoration: none;
}   /* selected link */


#html, body {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width:100%;
  min-height: 100%;
  height: 100%;
  margin: auto;
  text-align: center;
  background-color: #111111;
  padding: 0px 0px 20px 0px;
}


#topBar,#top1pxBar, #top2pxBar {
	width: 100%;
	height: 150px;
	clear: both;
	background-position: left bottom;
	background-color:#000000;
	margin: 0 0 0 0;
	position: relative;
}

/*
#pxPattern {
	height: 5px;
	width: 100%;
	background: #000000 url(../gui/pxPattern.gif) repeat-x left top;
}
*/

#fulldecal {
	position: absolute; 
	top:-380px; 
	width: 100%;
	height:600px; 
	margin-top:100px;
	background: #111111 url('../gui/eepmon-sakurabg-grad.gif') repeat-x;
	z-index: 0;
}

#pxPattern {
	position: relative;
	z-index: 0;
	width: 100%;
	height: 7px;
	background: #000 url('../gui/nav-banner-gradient.gif') repeat-x top;
	clear: left;
}

#top2pxBar {
	height: 8px;
	background-color:#01e9ff;
}

.underprogress {
text-decoration: line-through;
}

/*
body {
	height: 100%;
	margin: 0;
	padding: 20px 0px 20px 0px;
	background-color: #121212;
	*/
	/*background: #333333 url(../gui/bg.gif) left top;*/
/*}*/

#master {
	width:1100px;
	padding-left: 50px;
	padding-right:50px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

p#categoryTitle{
	text-align: left;
	vertical-align: middle;
	font: 30px Georgia;
	color: #FFFFFF;
	float: left;
	padding-right: 25px;
}

#contact, .profileHead, .hilight {
	color:#01e9ff;
}

.emphasis {
	text-decoration: underline;
}

p#categoryText{
   	 text-align: right;
	 font: 10px Verdana;
	 color: #999999;
	 float: right;
	 padding-left: 15px;
	 padding-top: 2px;
}




p.contentText, p.contentTitle{
	text-align: left;
	font: 12px Verdana;
	color: #EFEFEF;
	position:relative;
	left:10px;
	top:3px;
}


p.contentTitle { font-weight: bold; }

p.pnlHeader{
	text-align: left;
	vertical-align: middle;
	font: 16px Verdana;
	color: #CCCCCC;
}



p.captionText, p.profileText {
	text-align: left;
	font: 12px Verdana;
	color: #ddd;
}


p.captionText2 {
	text-align: left;
	font: 10px Verdana;
	color: #999999;
	padding-top:10px;
	padding-left:15px;
}

p.profileText {
	color: #CCCCCC;
}

span.artInfoText {
	color: #FFF;
}

p.artInfo {
	text-align: left;
	font: 12px Verdana;
	color: #01e9ff;
}



#header, #contentMaster {
	width: 1020px;
}

#headercontent {
}

.panelContent {
	margin-left: 50px;
}

#logo {
	float: left;
	padding-top: 68px;
	padding-right:100px;
}

.headerLink {
	padding: 65px 25px 0px 20px;
	font: 16px "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
	color: #CCCCCC;
	float: left;
}

.headerTTLink {
	padding: 23px 30px 0px 25px;
	float: left;
}

#category {
	
  width: 960px;
  height: 100%;
}

/* use to create column left and right */
#column1 {
	width:200px;
	height:100%;
	float:left;
	background-color: aqua;
}

#column2 {
	width:800px;
	height:100%;
	float:left;
	background-color: green;
}

#categoryTitle {
	vertical-align: top;
	/*background-color: fuchsia;*/
}

.rightLinks {
	height:25px;
}

.divider {
	width:auto;
	height: 1px;
	background: url(../gui/1pxGrey.gif) repeat-x center;
}

.v_divider {
	width:1px;
	height: 50px;
	background: #717171 repeat-y center;
	text-align: left;
	float: left;
}

.dotteddivider {
	
	height: 1px;
	color: #444444;
	border-bottom: 1px dashed;
	clear: left;
	
	/*background: url(../gui/1pxGrey.gif) repeat-x center;*/
}

/* panel */

.panel {
	width: 760px;
	height:auto;
	margin-top: 2px;
	overflow: hidden;
	clear: left;
}

.series {
	
	overflow: hidden;
	clear: left;
	text-align: center;
}

.seriesTitle, .schedTitle {
	text-align: left;
	vertical-align: middle;
	font: 16px Verdana;
	color: #CCCCCC;
	float: left;
	padding:6px 0px 0px 0px;
}

.schedTitle{
	color: #f545a9;
}

p.title {
	float:left;
}

.backtop {
	font: 10px Verdana;
	color: #00CCFF;
	vertical-align:  middle;
	padding-left:10px;
}
/*
.backtop {
	vertical-align: middle;
}*/

.imageMaster, .contentMaster {
	float: left;
}

.imageContainer, .contentDescription {
	margin: 0px 10px 10px 0px;
	float: left;
	border: 3px solid white;
}

.contentDescription {
	width: 450px;
	border: 0;
}

.contentDescription p.title, .contentDescription p {
	font-family: Arial;
	font-size: 0.75em;
	text-align: left;
	color: #fff;
	padding: 0 1.2em 0 0;
	font-weight: 800;
	margin: 0 0 0.75em 0;
}

.contentDescription p {
font-weight: normal;
color: #ccc;
}

p.imageInfo {
	font: 12px Verdana;
	color: #CCCCCC;
	text-align: left;
}



/*

.seriesPanel, .seriesPanel6Grid, .seriesPanelHN, .seriesPanelSml, .seriesPanelSml2 {
	width: 2500px;
	margin-top: 2px;
	overflow: hidden;
	clear: left;
}

.seriesPanel6Grid {
	width: 1500px;
}

.seriesPanelSml {
	padding-top:25px;
	width: 1000px;
}

.seriesPanelSml2 {
	padding-top:25px;
	width: 700px;
}

.seriesPanelHN{
	width: 650px;
}

*/

.panelTopFrame {
	width: 760px;
	height: 10px;
	background: url('../img/pnlTopFrame.gif');
}

.panelBody {
	width: 760px;
	height: 200px;
	background: url('../img/pnlBody.gif') repeat-y;
}

.panelBottomFrame {
	width: 760px;
	height: 10px;
	background: url('../img/pnlBottomFrame.gif');
}

.seriesCaption{
	float:left;
	/*width:760px;*/
	width:100% auto;
	clear:left;
}

.captionSmall {
	float: left;
	width: 450px;
	clear:left;
}

.profilecaption {
	float:left;
	width: 420px;
	clear: left;
}

/* thumb */

.imgHolder, .imgHolderSeries {
	margin: 0px 10px 0px 0px;
	float: left;
}

.imgHolderSeries{
   margin: 0px 10px 10px 0px;
	 float: left;
}

.thumbImg {
	position:relative;
	top:10px;
}

span.caption {
	font-size:11px;
	color:#999999;
	padding-top:5px;
}

span.links {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#33CCFF;
	padding:3px;
}

/* content */

.content {
	width: 530px;
	height: 200px;
	float: left;
	background: url('../img/content.gif');
}

/* subsection */
.subsection {
	width:auto;
	padding-right:20px;
	padding-top:21px;
	float: left;
	text-align: left;
	/*background-color: fuchsia;*/
}

ul { 
	list-style-type: none;
	font-family:Arial, Helvetica, sans-serif;
	
}

li.title {
	list-style-type: square;
	color:#01e9ff;
	font-size:12px;
}

li.names {
	color:#aaa;
	font-size:10px;
}

.subsection a:link {
color: #aaa;
text-decoration: none;
}     /* unvisited link */
.subsection a:visited {
	color: #aaa;
	text-decoration: none;
}  /* visited link */
.subsection a:hover {
	color: #01e9ff;
	text-decoration: none;
}   /* mouse over link */
.subsection a:active {
	color: #aaa;
	text-decoration: none;
}   /* selected link */


/* schedule styles */

.schedTitle{
}

.schedCaptionBox {
	width: 400px;
	float:left;
	padding: 0 0 0 25px;
}

.schedCaptionText {
	font-size: 12px;
	font-family: Arial;
	text-align: left;
	color: #AAAAAA;
}

/**** FOOTER STYLES ****/