@CHARSET "ISO-8859-1";
/* Series List */

div.seriesAltTitle {
	font-size: 80%;
	padding-left: 1em;
}

div.seriesInfoDisplay {
	border : 1px solid black;
	border-radius: 3px;
	background-color: #e7e7e7;
	font-size: 125%;
	padding: 0.3em;
	width:350px;
	margin:auto;
}
div.altTitles {
	font-size: 80%;
}
img.mainEpImg {
	opacity: 0;
	transition: opacity .8s ease-in;
}
.larger { font-size: 130%; font-weight: 900;}
.seriesTitle { font-weight:900; font-size: 130%;}

div.seriesWrapper { margin: auto;margin-bottom:0.15em;border: 1px solid black; border-radius: 2px; padding:0.1em; font-weight:900;line-height:1em;
					font-size:110%; opacity: 0.6;}
.seriesWrapper table td { width: 33%;}
div.seriesWrapper:hover { opacity: 1;}
div.seriesWrapper a { color: inherit !important;}
div.seriesWrapper a:hover { color: black !important;}
div.nextEpArrowBox,div.prevEpArrowBox { border-radius : 3px; border: 1px solid #ccc; padding:0 0.4em;
					background-image:url('/images/templates/semitransparentbg.png'); color:white; line-height:16px;display:inline-block;}
div.nextEpArrowBox div.fr { margin-left: 0.5em;}
div.prevEpArrowBox div.fl { margin-right: 0.5em;}

div.epInfoContainer { display:inline-block; min-width: 25%; max-width:32%;min-height:10em;margin-right: 0.5em; border-radius: 8px; border: 1px solid black; vertical-align:top;
						text-align:center;padding-bottom:0.8em;}
div.epInfoContainer .containerTitle { background-color: #A3A287; border-radius: 8px 8px 0px 0px; margin-bottom: 0.8em;
										font-weight:900;}
div.epInfoContainer .containerTitleInsert { background-color: #A3A287; margin: 0.9em 0; font-weight:900;}
div.epInfoContainer table {width: 95%;}

div.epInfoContainerChar { display:inline-block; min-width: 25%; max-width:95%;min-height:10em;margin-right: 0.5em; border-radius: 8px; border: 1px solid black; vertical-align:top;
						text-align:center;padding-bottom:0.8em;}
div.epInfoContainerChar  .containerTitle { background-color: #A3A287; border-radius: 8px 8px 0px 0px; margin-bottom: 0.8em;
										font-weight:900;}
div.epInfoContainerChar  .containerTitleInsert { background-color: #A3A287; margin: 0.9em 0; font-weight:900;}
div.epInfoContainerChar  table {width: 95%;}

div.epInfoMainImage { width:100%;}
div.epInfoMainImage img { max-width:100%; height: auto; width: auto\9;}

div#characterList img {width:80px; height:80px; margin: 0.3em; border: 3px solid #aaa;}
div#characterList img:hover { border: 3px solid black;}

div.piccontainer { position: relative;}
div.piccontainer img { border: 1px solid #aaa;}
div#leftcontrol {position:absolute; left:0;top:0;width:36px; height:100%; border:1px solid black;z-index:3;text-align:center;vertical-align:middle;
					background-color:#eee;opacity:0.2;z-index:2;}
div#leftcontrol:hover, div#rightcontrol:hover { opacity: 1 !important;}
div#leftcontrol img, div#rightcontrol img { position:relative;top:40%;}

div#rightcontrol {position:absolute; right:0;top:0;width:36px; height:100%; border:1px solid black;z-index:3;text-align:center;vertical-align:middle;
					background-color:#eee;opacity:0.2 !important;z-index:2;}
					
.thumbsnav { margin: auto 40px; height:2em; border:2px solid black;padding-top:0.4em;}
.thumbsnav a { margin: 0 0.2em; padding: 0 0.4em;}
.thumbsnav a.activeSlide { background-color: #efefef; border: 1px solid #aaa;}

div#thumbcontainer { margin: 0 32px;}

#epNotesTable img { border : 2px solid black; margin-top:1em;}

div.noteContainer { width: 95%; margin: auto;margin-bottom:1em; border: 1px solid #888; padding: 0.4em; background-color: #d8d8d8;border-radius:2px;
					text-align:left;}
div.noteTime { 	font-size:1.5em; height:3em;line-height:3em;padding:0 0.5em; margin-right:0.3em; text-align:center; background-color: #686855;
					float: left; color:white;border-radius: 12px;}
div.noteTime a {color:inherit;text-decoration:none !important;}
div.noteTime a:hover { color:black !important;}
div.noteType { font-size: 1.6em;font-weight:900;border-bottom:1px solid #999; text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;}
div.noteContent,div.noteImages { font-size: 110%;margin-left:5em;}
div.segType { font-size: 1.6em;font-weight:900;text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff; }
div.segSubType { border-bottom:1px solid #999;margin-bottom:0.5em;font-size:110%;font-weight:900;margin-left:0.4em;}
div.segImages img { border: 2px solid black;margin-top: 1em;}
div.segImages { text-align:center;}
div.noteContent td { padding: 0.3em;}

div.trackAltTitle { font-size:90%; margin-left:1em;}
div.opedContainer { width: 40%; margin: auto;margin-bottom:1em; border: 1px solid #888; padding: 0.4em; background-color: #d8d8d8;border-radius:2px;
					text-align:left;}
					
/* Timeline Indicator */
div.timelineIndicator {
	border:1px solid #aaa;width:140px;margin-left:1em;margin-top:1em;float:right;vertical-align:middle;position:relative;
	padding-left:1em;
}
div.timelineIndicator img { border: 0 !important;vertical-align:middle;display:inline-block;}
div.timelineIndicator img.tlIcon {position:absolute;top:-10px;left:-10px;}
div.timelineIndicator img.tlcountryIcon {position:absolute;top:-20px;right:-2px;}
					
/* Highest Rated Eps */
table#topEpsTable img.title {border: 2px solid #ccc;}
#topEpsTable b.seriesabbr {font-size:150%;}

/* Admin */
div.appearanceWrapper { display:inline-block; margin:0.5em; width:80px;border: 1px solid transparent;}
div.appearanceWrapper:hover {border:1px solid #bbb;}
div.appearanceWrapper:hover div.appearanceDelete { visibility:visible;}
div.appearanceWrapper img {outline:1px solid #bbb;}
div.appearanceDelete {background-color:#bbb;color:white;text-align:center;font-weight:900;font-size:15px;visibility:hidden;}
div.appearanceDelete a {color: inherit !important;text-decoration:none;}
div.appearanceDelete a:hover {background-color:transparent;color:black !important;outline:0;}

div.noteCurrentPic { width: 350px; height:110px;border: 2px solid #aaa; padding:1em;margin:0.3em;border-radius:4px;}
div.noteCurrentPic img {float:left;}
div.noteCurrentPic:after {content:"";clear:both;}

/* OPED */
div.opedHolder {text-align:center;position:relative;}
div.opedFlag { position:absolute;top:-1em;left:-1em;}
div.opedWrapper {display:inline-block; border:1px solid #ccc; width:300px;padding:1em 0.1em 0.1em 1em;text-align:left;vertical-align:top;position:relative; margin:1em;}
div.opedImage {float:left; border: 2px solid #ccc;margin-right:0.3em;}

.charImage {border: 2px solid #ccc; margin:0.2em;}
.charImage:hover {border: 2px solid #000;}
div.epTruncatedLink {display:inline-block;margin:0.3em; border:1px solid black; border-radius:3px;padding:0.3em;color:white;font-size:125%;font-weight:900;}
div.epTruncatedLink a { color:inherit !important;}
div.epTruncatedLink a:hover {background-color:inherit !important;}

div.opedPicContainer {text-align:center;width:100%;}
div.opedPicContainer img {margin:0.2em; border:2px solid #aaa;}
div.opedText { font-size:125%;}
#picContainerNav { margin: auto; height:2em; text-align:center;padding-top:0.4em;}
#picContainerNav a { margin: 0 0.2em; padding: 0 0.4em;}
#picContainerNav a.activeSlide { background-color: #efefef; border: 1px solid #aaa;}

/* segments */
div.segmentType { width: 300px; border: 1px solid #ccc;margin: 0.4em auto; border-radius: 1em; padding:0.3em;}
div.segmentType h3, div.segmentInstance h3 {color: #777;background-color:#eee;margin-bottom:0.2em;}
div.segmentInstance { width: 40%; border: 1px solid #ccc; margin: 1em 1em; border-radius: 1em; padding:0.3em;}
div.thumbnaillist { text-align:center;margin-top:0.8em;}
div.thumbnailImg {display:inline-block;margin:0 0.4em;}
div.thumbnailImg { border: 3px solid #777;}

/*======================================================================*\
|| ####################################################################
|| # File Revision:    $Revision: 1593 $
|| # Last Change:      $LastChangedDate: 2015-11-03 05:50:06 -0800 (Tue, 03 Nov 2015) $
|| # Last Commit By:   $Author: Sunain $
|| ####################################################################
\*======================================================================*/