/*Primary  and Menu CSS



*/


/* the div containing the text ads*/
#tallSide{
	width: 120px;
	height: 240px;
	margin-left:5px;
	margin-top:5px;
	overflow: hidden;
	background-image: url(http://www.yninteractive.com/images/AD-V.gif);
	background-repeat: repeat-x;
}
/* the div containing the link exchange ads*/
#tallSide1{
	width: 129px;
	height: 150px;
	display:table-cell;
	vertical-align:middle;
	margin-left:5px;
	margin-top:5px;
	padding-left:3px;
	overflow: hidden;
	background-image: url(http://www.yninteractive.com/images/AD-V.gif);
	background-repeat: repeat-x;
}
#topLength{
	*position:relative; /* IE6 and 7 specific */
	margin-top:50px;
	*margin-top:-129px;/* IE6 and 7 specific */
	margin-bottom: 1px;
	margin-left: 105px;
	text-align: center;
	overflow: hidden;
	z-index:1;
	background-image: url(http://www.yninteractive.com/images/AD-H.gif);
	background-repeat: no-repeat;
	background-position:top right;
	background-color:#BBBBBB;
	width:786px;
	height:99px;
	border-top: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	min-height:0;
	width:auto;	
}
#Googs{
	width:728px;
	height:90px;
	min-height:0;
	width:auto;
	margin-left:50px;
	margin-top:4px;
}
div#logo {
	margin-left: 145px;
	margin-top: 8px;
	z-index:100;
	font-weight: bold;
	position: absolute;
	min-height:0;
	width:auto;
}
div#header {
	padding: 5px;
	padding-top:10px;
	position: absolute;
	*position: relative;/* IE6 and 7 specific */
	z-index:100;
}
.imgMenuPluginIcon{
width:50px;
height:50px;
}
#tableMenuRecentPlugins{
border: solid 1px #EFEFEF;
padding:1px;
}
#tdMenuPluginName{
background-color:#EFEFEF;
font-size:11px;
}
#tdBadgeAlerts{
width:700px;
border: solid 1px #5192a2;
height:auto;
}
#divBadgeAlerts{
width:100%;
height:100%;
}
#divBadgeAlertsDisplay{
width:200px;
}
#spanBadgeAlertNotification{
font-size:24px;
color: #5192a2;
}
#divBadgeAlertsGap{
width:20px;
}
#imgBadgeShow{
height:50px;
width:50px;
}
#spanBadgeAlertsDisplayTitle{
font-weight:bold;
}
div#wrap {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	background-color: #FFFFFF;
	border: solid 1px #cca573;
	overflow: hidden;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	min-height:0;
}
div#left { 
	border-right: solid 1px #e6d2b9;
	width: 130px;
	float: left;
	padding: 5px;
	margin-right: 5px;
	position: relative;
	height: auto;
}
div#content{
	width: auto;
	padding: 5px;
	border-left: solid 1px #e6d2b9;
}
div#AD {
	font-size: 9px;
	color: #888888;
	text-align: center;
}
div#footer {
	margin-top: 15px;
	margin-bottom: 20px;
	font-size: 11px;
	color: #5192a2;
	text-align: center;
	vertical-align: baseline;
}
div#cat {
	text-align: right;
	vertical-align: baseline;
}

.inputtext {
	width: 120px !important;
	padding: 2px;
}
.subject {
	margin-top: 10px;
	margin-bottom: 0;
	font-weight: bold;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	font-size: 12pt;
	text-transform: uppercase;
}
span.colTitle {
	margin-top: 10px;
	margin-bottom: 0;
	font-weight: bold;
	color: #ab7f34;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	font-size: 12pt;
	background-image: url(images/line.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	display: block;
	text-transform: uppercase;
	text-align: left;
}

span.login {
	font-size: 8pt;
}
hr {
	height: 1px !important;
	color: #999999;
}
body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	background-image: url(images/bgstripe_blue.gif);
}

input {
	margin: 2px;
	font-size: 12px;
}
a:link, a:visited {
	color: #666666;
	border-style: none;
	font-weight: bold;
	text-decoration: none;
}
a:active {
	color: #cca573;
	border-style: none;
}
a:hover {
	color: #7ccbdf;
	border-style: none;
}
.scrollNav, .scrollNav a:link, .scrollNav a:visited  {
  font-size: .8em;
  color:#00009C;
  font-weight: bold;
}

span.spanMenuPluginMenu{
font-size:9px;
}

#imgLogo{
border-style:none;
width:150px; 
height:164px;
}









/*Podcast Front Page


*/
/*The div containing all podcast stuff*/
#podcastAll{
width:100%;
height:370px;
padding:5px;
}
/* The words "Latest Episode" */
#divPodcastFrontLatest{
font-weight:bold;
font-size:20px;
margin-bottom:15px;
padding-top:7px;
}
/*The images for the most recent episode bar*/
.imgPodcastFrontRecent{
width:83px;
height:42px;
}
/*The divs containing each individual most recent episode in the recent episode bar*/
.divPodcastFrontSingleEpisode{
float:left;
position:relative;
text-align:center;
font-size:10px;
width:100px;
margin-left:10px;
}
/*The menu containing Podcast section navigation to the right of the recent episode bar*/
#divPodcastFrontMenuWords{
width:100px;
height:85px;
float:right;
text-align:center;
background-color:#B0AFAF;
display:table-cell;
vertical-align:middle;
padding-top:5px;
}
/*ensure the links are the color we want*/
#divPodcastFrontMenuWords a:link, #divPodcastFrontMenuWords a:visited{
text-decoration:none;
color:#FFFFFF;
}
/*The words "Recent Episodes" from the recent episode bar*/
#divPodcastFrontMenuTitle{
width:740px;
height:15px;
margin-bottom:2px;
background-color:#B0AFAF;
color:#FFFFFF;
}
/*The entire recent episode bar and the menu*/
#divPodcastFrontMenu{
height:107px;
width:740px;
text-align:center;
float:left;
margin-top:15px;
margin-bottom:10px;
background-color:#EFEFEF;
}
/* The div that houses all of the top most recent episode information */
#podcastFrontRecent{
float:left;
width:740px;
margin-bottom:10px;
margin-top:-5px;
}
/* The div that houses all of the top most recent episode Embed Code */
#divPodcastFrontRecentEmbed{
float:left;
margin-bottom:10px;
margin-left:30px;
}
/* The div that houses all of the top most recent episode Description, the title, the date, the episode number */
#divPodcastFrontRecentDescription{
display:table-cell;
text-align:center;
vertical-align:middle;
height:360px;
width:200px;
margin-botom:10px;
margin-left:30px;
border:solid 1px #BFD9E1;
float:left;
}
/* The div that houses all of the top most recent episode the title, the date, the episode number. This is located within the div that houses the description*/
#divPodcastFrontRecentNumDate{
font-size:9px;
font-weight:bold;
margin-bottom:10px;
}
/* The div that houses the most latest episode's description*/
#divPodcastFrontRecentDescriptionDescription{
height:230px;
width:190px;
margin-left:5px;
margin-top:-10px;
padding-top:3px;
border-top:dashed 1px #EFEFEF;
border-bottom:solid 1px #BFD9E1;
background-color:#BFD9E1;
}
/* The class of div that holds podcast blog entry titles*/
.divPodcastBlogTitle1{
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
font-size:36px;
font-weight:bold;
float:left;
width:100%;
height:auto;
}
/*The extra info such as date added*/
.divPodcastBlogInfo{
font-size:9px;
margin-top:5px;
margin-right:5px;
float:left;
width:50px;
height:30px;
padding-top:20px;
text-align:center;
border:solid 1px #000000;
}
/*The actual blog entry*/
.divPodcastBlogEntry{
margin-top:5px;
padding-bottom:5px;
}
/*Contains the blog group's entries, but not the comments*/
#divPodcastFullSet{
float:left;
position:relative;
border-bottom:dotted 2px #c3cacd;
}
/* The link to the blog archive that is below the current blog posts */
.aPodcastBlogsList{
font-size:9px;
float:left;
}
/*The div that contains all of the comments*/
#divPodcastFrontComments{
float:left;
}
#divPodcastFrontRecentInfoLink{
font-size:9px;
font-style:italic;
}





/*Podcast List Front Page


*/
/* Every odd numbered row*/
td.rowPL0{
background-color:#EFEFEF;
color: #000000;
width:700px;
}
/*Every even numbered row*/
td.rowPL1{
background-color:#FFFFFF;
color: #000000;
width:700px;
}
/* The actual image file for the large icons */
.imgPodcastListIcon{
width:150px;
height:150px;
}
/* The div containing the image files for the large icons */
.divPodcastListIcon{
float:right;
}
/* The div containing all episode info */
.divPodcastListEpisodeInfo{
float:left;
padding-left:10px;
width:470px;
}
/*The div containing only the episode title*/
.divPodcastListTitle{
font-size:20px;
font-weight:bold;
}
/*The div containing only the episode date*/
.divPodcastListDate{
font-size:9px;
font-style:italic;
padding-bottom:15px;
}









/* Podcast Episode Viewing Page

*/
/*If an episode is not found, This div is displayed. This is mostly used just to keep height to the page so the menu remains usable.*/
#divPodcastEpisodeNotFound{
height:800px;
}
/* div containing all top info */
#divEpisodeTopStuff{
width:740px;
height:auto;
border:solid 1px #B0AFAF;
}
/* div containing episode title */
#divEpisodeTitle{
background-color:#B0AFAF;
font-weight:bold;
}
/* span episode number located within the title */
#spanEpisodeEpNum{
font-size:9px;
}
/* div containing the embeded player */
#divEpisodeEmbedCode{
float:right;
}
/* div containing icon and download links */
#divEpisodeIconAndLinks{
padding-top:5px;
text-align:center;
width:100%;
background-color:#EFEFEF;
}
/* div the actual links */
#divEpisodeIconAndLinks a:link, #divEpisodeIconAndLinks a:visited{
font-size:9px;
}
/* div of words DOWNLOAD/CONTROLS */
#divEpisodeDownload{
font-size:10px;
font-weight:bold;
}
/* div containing only the download links */
#divEpisodeLinks{
width:100%;
text-align:center;
}
/* div containing the episode description */
#divEpisodeDescription{
width:98%;
height:230px;
margin-top:10px;
text-align:center;
}
/* div on the bottom half of the page containing the show notes, subscription links, and recent episodes */
#divPodcastEpisodeShowNotesAndOther{
float:left;
width:100%;
padding:5px;
background-color:#B0AFAF;
margin-top:10px;
}
/* div containing only the show notes and title */
#divPodcastEpisodeShowNotes{
float:left;
width:520px;
}
/* div containing the show notes without the show note title */
#divShowNotes{
background-color:#EFEFEF;
margin-top:-15px;
padding-top:15px;
padding-left:3px;
height:500px;
overflow: auto;
}
/* div containing the show note title */
#divShowNotesTitle{
font-size:20px;
font-weight:bold;
width:150px;
background-color:#EFEFEF;
padding-bottom:5px;
padding-left:3px;
margin-top:15px;
}
/* div containing the show note title and favorite button */
#divShowNotesTitleWFav{
font-size:20px;
font-weight:bold;
width:200px;
background-color:#EFEFEF;
padding-bottom:5px;
padding-left:3px;
margin-top:15px;
}
#divPodcastEpisodeFav{
padding-bottom:5px;
}
/* episode fav button */
#inputPodcastEpisodeFav{
border: 1px solid #B7C4C8;
background: #BFD9E1;
font-size:10px;
}
/* div containing the subscription links and recent episodes */
#divPodcastEpisodeSubscribeandRecent{
float:right;
padding:3px;
width:200px;
}
/* divs for the titles of both subscriptions and recent episodes */
#divPodcastEpisodeSubscribeTitle, #divPodcastEpisodeRecentTitle{
font-weight:bold;
background-color:#EFEFEF;
padding-left:3px;
width:150px;
margin-top:15px;
padding-bottom:10px;
}
/* divs for just the subscription links and recent episode links */
#divPodcastEpisodeSubscribeLinks,#divPodcastEpisodeRecentLinks{
padding-top:5px;
padding-bottom:10px;
padding-left:3px;
margin-top:-3px;
width:190px;
background-color:#EFEFEF;
}





/* Podcast Show Page

*/
#divShowPageDescriptHosts{
padding-left:10px;
}
#divShowPageTop{
padding-left:50px;
}
#divShowPageTitle{
font-size:26px;
width:345px;
color:#fff;
background-color:#B0AFAF;
margin-bottom:5px;
font-weight:bold;
padding-left:5px;
}
#divShowPageHostsTitle{
font-size:18px;
margin-bottom:5px;
font-weight:bold;
}
#divShowPageHosts{
float:left;
width:100px;
padding-bottom:9px;
text-align:center;
border:solid 1px #B7C4C8;
margin-right:4px;
background-color:#fff;
}
#divShowPageTitleInfo{
width:350px;
height:300px;
float:left;
background-color:#EFEFEF;
}
#divShowPageUpdateInfo{
width:100%;
font-style:italic;
font-size:9px;
margin-bottom:5px;
}
#divShowPageIcon{
float:left;
}
#divShowPageDivider{
width:650px;
height:5px;
background-color:#B7C4C8;
float:left;
margin-left:50px;
}
#divShowPageEpisodesSubscribe{
width:635px;
margin-left:50px;
background-color:#B0AFAF;
float:left;
padding-left:15px;
}
#divShowPageEpisodesEpisodes{
height:400px;
width:615px;
padding-top:15px;
padding-bottom:10px;
padding-left:3px;
margin-top:-3px;
background-color:#EFEFEF;
}
#divShowPageIcons{
float:right;
height:auto;
text-align:right;
margin-top:-5px;
padding:2px;
margin-right:10px;
}
#divShowPageEpisodesEpTitleEp{
float:left;
width:400px;
padding-top:10px;
font-weight:bold;
}
#divShowPageEpisodesTitle{
font-weight:bold;
font-size:15px;
background-color:#EFEFEF;
padding-left:3px;
width:150px;
margin-top:15px;
padding-bottom:10px;
}
.showPageEpisodeNumber{
font-size:9px;
font-style:italic;
}
#divShowPageEpisodeListNav{
width:635px;
}
#divShowPageEpisodeListNavForm{
float:right;
}
#btnSearchShowPageEpisodeList{
border: 1px solid #B7C4C8;
background: #BFD9E1;
font-size:10px;
}
#textSearchShowPageEpisodeList{
font-size:9px;
}












/*Plugin Submit*/
#divPluginSubmitTitle{
margin-top:15px;
border:solid 1px #BFD9E1;
padding-top:20px;
padding-bottom:20px;
font-size:16px;
font-weight:bold;
text-align:center;
width:715px;
}
/*starting instructions*/
#divPluginSubmitInst{
margin-top:10px;
width:705px;
}
/* Plugin Submission Rules */
#divPluginSubmitList{
margin-left:50px;
padding-top:5px;
padding-bottom:5px;
font-weight:bold;
font-style:italic;
}
/* Plugin Submission inputs */
.pluginSubmitInputs{
width:700px;
}
/* Plugin Submission buttons */
.pluginSubmitInputsBttn{
float:right;
margin-top:-30px;
}
/* the div that houses alerts */
#divPluginSubmitAlert{
margin-top:5px;
padding-top:30px;
padding-bottom:30px;
padding-left:5px;
background-color:#EFEFEF;
}
/* plugin submission had errors */
.spanPluginSubmitError{
color: #FF0000;
}
/* plugin was submitted successfully */
.spanPluginSubmitSuccess{
color: #0066CC;
}
/* the div containing all inputs */
#divPluginSubmitBoxes{
background-color:#EFEFEF;
margin-top:20px;
width:715px;
font-size:9px;
font-weight:bold;
padding:5px;
}
#inputPluginSubmitIcon{
width:400px;
}















/* Quiz CSS */
.tOuterQuiz{
width:715px;
text-align:center;
}
/*Interior table cell for the quiz*/
.tInnerQuiz{
width:705px;
text-align:left;
}
/* Quiz intro, main link, and title */
.dUpper{
width:675px;
text-align:center;
background-color:#EFEFEF;
padding:10px;
}
/*div for main title*/
.dTitle{
font-size:24px;
font-weight:bold;
font-style:italic;
}
/*div for main link*/
.dMainLink{
font-size:9px;
}
/*div for intro*/
.dIntro{
font-size:10px;
}
/* The parts of the quiz body */
.dQuizBody select, .dQuizBody textfield, .dQuizBody textarea 
{
 color: #000080;
 background-color: #66CCFF;
 border-color: #000080;
 border-width: 1px;
 border-style: solid;
 font-size: 9px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*the div iteslf*/
.tOuterQuiz{
border:solid 1px #EFEFEF;
padding:2px;
}
/* Quiz Body Div */
.dQuizBody{
margin-top:-50px;
}
/*Questions*/
.dQuestion{
font-size:12px;
font-weight:bold;
width:500px;
border:dashed 1px #C3CACD;
padding:5px;
}
/*Answers*/
.spanAnswer{
font-size:11px;
font-weight:normal;
}
/*Results Button*/
.ResButton
{
border: 1px solid #B7C4C8;
background: #BFD9E1;
font-size:12px;
}
/* Assuming there is a bottom link, the div containing the link*/
.dBottomLink{
width:715px;
border:solid 1px #BFD9E1;
font-size:9px;
text-align:right;
font-weight:bold;
}
/* Assuming there is a bottom link, the table containing the link itself*/
.tbBottomLink{
margin-top:5px;
font-size:9px;
text-align:right;
font-weight:bold;
}

/* Side Bar Div */
#divQuizSideBar{
width:160px;
padding:3px;
padding-top:5px;
padding-bottom:5px;
font-size:9px;
font-weight:bold;
text-align:center;
background-color:#EFEFEF;
border:solid 1px #BFD9E1;
float:right;
position:relative;
margin-top:5px;
}
/*the div inside the side bar that contains the similar quizzes*/
#divQuizSimilar{
margin-top:6px;
margin-left:9px;
width:140px;
border:solid 1px #C3CACD;
background-color:#EFEFEF;
}
/* title for similar quizzes */
#spanQuizTopRatedTitle{
font-size:11px;
}
/* the star images */
#imgQuizStar{
width:10px;
}
#imgQuizStarHalf{
width:5px;
}












/*The Result File CSS

The outer*/
.tResultOuter{
width:715px;
text-align:center;
padding-top:5px;
padding-bottom:5px;
}
/* The table cell containing the content */
.tResultInner{
width:500px;
margin-left:107px;
text-align:center;
padding:2px;
border:solid 1px #C3CACD;
}
/* The div containing the entire result */
.dResultFull{
text-align:center;
}
/* the div containing the result share box */
.dResultBox{
padding:2px;
text-align:center;
margin-left:97px;
}
/* The table cell containing the title of whatever share option is selected */
.tRBoxHead{
border:solid 1px #000000;
font-size:11px;
font-weight:bold;
width:300px;
text-align:center;
}
/* The table cell containing the Footer */
.tRBoxFoot a:link, .tRBoxFoot a:visited{
color:#AF7104;
}
.tRBoxFoot{
font-size:11px;
font-weight:bold;
border:solid 1px #000000;
width:300px;
text-align:center;
}
/* the table cell containing the share menu (old quizzes use id, new quizzes use class) */
#tRBoxMenu, .tRBoxMenu{
border:solid 1px #000000;
font-size:9px;
text-align:center;
width:30px;
}
/* the table cell containing the share body */
.tRBoxBody{
border:solid 1px #000000;
font-size:9px;
text-align:center;
width:270px;
}
.tRBoxBody a:link, .tRBoxBody a:visited{
font-size:9px;
}
/* The div containing the contents of the share body */
#dRBoxBody{
text-align:center;
width:270px;
overflow:auto;
font-size:9px;
}
/* The div containing the description of a result */
.dResultDesc{
font-size:11px;
width:450px;
margin-left:25px;
}
/* Should there be a link a visitor may click on to obtain more information, this is the div that will house it */
.dResultMoreInfo{
font-size:12px;
font-weight:bold;
}
/* The title of the div that, by default, is underneat the image */
.dResultTitle{
font-size:11px;
}
/* The bottom bar that houses the rating and favoriting controls */
#dResultRateBox{
width:500px;
margin-left:107px;
font-size:9px;
border:solid 1px #C3CACD;
background-color:#EFEFEF;
text-align:right;
height:auto;
padding:2px;
padding-bottom:2px;
vertical-align:middle;
}
/* The star and half star for the ratings */
#imgResultStar{
width:12px;
}
#imgResultStarHalf{
width:6px;
}
/* All of the controls for results */
#inputQuizResultUnfav, #inputQuizResultFav, #dResultRateBox #submitRateChange,#dResultRateBox #submitRate, #dResultRateBox select{
border: 1px solid #B7C4C8;
background: #BFD9E1;
font-size:10px;
}
/* Should the person have clicked on an external result link, this is what they will see instead of the share box. */
#dSocialNetworker{
width:300px;
margin-right:107px;
border:solid 1px #EFEFEF;
font-size:11px;
padding:5px;
}
/* The text areas*/
#textarea2{
width:250px;
margin-right:107px;
border:solid 1px #EFEFEF;
font-size:11px;
padding:5px;
}


















/*PluginList

The main table cells*/
td#rowOnP0{
background-color:#EFEFEF;
width:700px;
height:106px;
display:table-cell;
vertical-align:middle;
}
td#rowOnP1{
background-color:#FFFFFF;
width:700px;
height:106px;
display:table-cell;
vertical-align:middle;
}
/*the nav table cells*/
td#rowplugin0{
background-color:#EFEFEF;
display:table-cell;
vertical-align:middle;
}
td#rowplugin1{
background-color:#FFFFFF;
display:table-cell;
vertical-align:middle;
}
/* The Plugin Icon Div */
#divPluginListIcon{
float:right;
}
/* The Icon itself */
#imgPluginListIcon{
width:100px;
height:100px;
}
/* The Plugin Title */
#divPluginListTitlePlugin a{
font-size:20px;
font-weight:bold;
color:#AF7104;
}
/* The Rating */
div#divPluginListRatings{
position:relative;
display : table-cell;
float:left;
margin-top:5px;
margin-left:5px;
border: 1px solid #B8C9C8;
color: #B8C9C8;
vertical-align:middle;
text-align:center;
height:90px;
width:100px;
}
/* Same as above, but this is the table cell that allows for centering of the text.*/

td#tdPluginListRatings1{
vertical-align:middle;
text-align:center;
height:90px;
width:100px;
font-size:9px;
}
/* All of the info relating to the Plugin outside of the description of how it is attained. */
#divPluginListAllInfo{
float:left;
width:450px;
margin-top:2px;
margin-left:3px;
}
/* The description of a plugin */
#divPluginListDescFull{
font-style:italic;
margin-bottom:20px;
font-size:9px;
font-weight:bold;
}
/* The minor info about the plugin */
#divPluginListInfo{
margin-bottom:20px;
font-size:9px;
font-weight:bold;
}
/*#divBadgeListTitle{
font-size:20px;
color:#AF7104;
font-weight:bold;
width:700px;
text-align:center;
vertical-align:middle;
display:table-cell;
margin-bottom:70px;
}*/
/* div holding the search box */
div#divPluginListNavForm{
float:right;
width:auto;
position:relative;
}
/* Full Comment Navigation Table */
table#tablePluginListNav{
border:solid 1px #C3CACD;
}
/* Div that holds the navigation controls */

div#divPluginListNav{
text-align:center;
display:table-cell;
height:auto;
width:715px;
}
/* Span that holds the nav page controls */

span#spanPluginListNav{
margin-left:10px;
position:relative;
}
/* The stars representing the plugin's rating */
#imgPluginListStar,#imgPluginListStarHalf{
filter: alpha(opacity=20);
-moz-opacity: .20;
-khtml-opacity: 0.20;
opacity: .20;
}




















/*Plugin Page

Main Box*/
#divPluginMain{
width:590px;
height:auto;
border:solid 3px #B8C9C8;
padding:5px;
}
/* The Plugin Table */
#tablePluginMain {
width:590px;
}
/* The Plugin Title */
div#divPluginTitle{
width:465px;
text-align:left;
font-size:20px;
font-weight:bold;
color:#AF7104;
padding:5px;
background-color:#EFEFEF;
}
/* Plugin Icon Table Cell */
#tdPluginIcon{
vertical-align:top;
}
/* The div containing the icon and download link */
#divPluginIcon{
text-align:center;
}
/* The Icon itself */
#imgPluginIcon{
width:100px;
height:100px;
}
/* the div that will contain the main information table. This lists all information save for the title, icon, and description */
#divPluginMainInfo{
padding:3px;
}
/* The rows of info */
.tdPluginInfoRows{
border-bottom:dotted 1px #C3CACD;
width:465px;
}
/* the bottom row */
#tdPluginSubmittedBy{
border-bottom:solid 1px #C3CACD;
width:465px;
}
/* The span containing the title words of the main info */
.spanPluginInfoTitles{
font-weight:bold;
font-size:16px;
}
/* div for description */
#divPluginDescription{
margin-top:20px;
}
/* Rating button */
#submitPluginRate, #submitPluginRateChange, #selectPluginRating {
border: 1px solid #B7C4C8;
background: #BFD9E1;
font-size:10px;
}
/* Comment div */
#divPluginComments{
width:605px;
height:auto;
margin-top:50px;
}
/* The lists of other plugins */
#divPluginLists{
float:right;
width:120px;
font-size:10px;
font-weight:bold;
position:relative;
text-align:center;
margin-top:5px;
margin-right:-23px;
border:solid 1px #EFEFEF;
height:1024px;
}
/* List Titles */
.spanPluginListTitle{
font-weight:bold;
font-size:12px;
}
/* The Plugin List for Top Rated */
#divPluginTopRated{
padding:1px;
}
/* The Plugin List for Other Items From The User */
#divPluginOtherUser{
margin-top:15px;
padding:1px;
}
/* Different list divider */
#imgPluginDivider{
width:90px;
}












/*Home CSS


Update Slider*/
.NewsContainer { 
width:550px; 
height:115px; 
overflow:hidden; 
position:relative; 
cursor:pointer; 
}
/*The indivitual units that feature news in the slider*/
.slides { 
position:absolute; 
top:0; 
left:0; }
.slides div { 
position:absolute; 
top:0; 
width:550px; 
display:none; }
/* The icon list that represents what slide is currently being displayed (the little grey boxes at the bottom of the slides) */
.pagination{
display:inline;
margin-left:-36px;
list-style-type:none;
margin:9px auto;
}
ul.pagination a { 
display:block; 
width:12px; 
padding-top:12px; 
height:0; 
overflow:hidden; 
background-image:url(images/newsSlideButtons.png); 
background-position:0 0; 
background-repeat:no-repeat;
}
ul.pagination li.active a {
background-position:0 -12px;
}
ul.pagination li { 
display:inline-block; 
margin:0 5px;
position:relative;
float:left;
}	
/* This is the div that contains the right half of the slider bar. This is the blog archive link and social network icons*/
div#divHomeUpdates{
position:relative;
display : table-cell;
float:right;
margin-top:2px;
margin-right:10px;
border-left:solid 1px #B8C9C8;
color: #B8C9C8;
vertical-align:middle;
text-align:center;
height:103px;
width:125px;
}
/* The table cell that contains the div that contains the right half of the update slider. */
td#tdHomeUpdates{
vertical-align:middle;
text-align:center;
height:103px;
width:125px;
}
/* The Blog Archive link that is underneath the social networking icons to the right of the news slider */
.aHomeBlogsList{
font-size:9px;
float:right;
width:auto;
position:relative;
}
/* The link to the blog archive that is below the current blog posts */
.aHomeBlogsList2{
font-size:9px;
float:right;
margin-top:2px;
}
/* This is the div that contains the slider */
#divHomeUpdateFeed{
padding-left:5px;
padding-top:5px;
background-color:#EFEFEF;
width:710px;
height:auto;
position:relative;
display:table-cell;
}
/* This is used to aid the grey boxes show up horizontally */
#divHomeUpdateFeed table{
border-collapse:collapse;
}
/* This contains the actual content information of each slide */
.tdHomeNewsContent{
vertical-align:top;
padding-left:5px;
width:500px;
}
/* This is the icon for each slide */
.tdHomeNewsIcon{
vertical-align:top;
}
/* The plugin icons */
.imgHomePluginIcon{
width:100px;
height:100px;
}
/* This is the div that contains the Title of each of the slides */
.tdHomeTitle{
width:500px;
font-size:20px;
font-weight:bold;
text-align:right;
color:#FFFFFF;
background-color:#C3CACD;
filter: alpha(opacity=50);
-moz-opacity: .50;
-khtml-opacity: 0.50;
opacity: .50;
}
/*The date that the item in the current slide was added*/
.tdHomeDateAdded{
font-size:9px;
font-weight:bold;
color:#000000;
text-align:right;
}
/* the category info for each slide that represents a review */
.tdHomeCategoryReview{
font-size:9px;
font-weight:bold;
color:#000000;
text-align:right;
}
/* The person that added the item represented by the current slide */
.tdHomeAuthor{
font-size:12px;
font-weight:bold;
}
/*The description of each slide*/
.tdHomeDescription{
padding-top:5px;
}
/* the div that contains the pagination list */
#divHomeNewsList{
width:200px;
position:relative;
margin-left:250px;
text-align:center;
}
/*This is the div that houses the twitter feed.*/
#divHomeTwitterFeed{
margin-top:15px;
float:right;
background-color:#c3cacd;
}
/*
#tdHomeNew{
width:76px;
background-color:#EFEFEF;
color:#FFFFFF;
text-align:center;
font-weight:bold;
font-size:36px;
}*/
/*the div that contains the entirety of the index.php content*/
#frontFull{
width:715px;
border:solid 1px #EFEFEF;
border-top:none;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
}
/*The div that contains all blog content*/
#divBlog{
width:535px;
margin-top:15px;
}
/*The div class that contains the icon representing the user that posted the blog entry*/
.divHomeBlogIcon{
float:right;
}
/*the user icon itself*/
.imgHomeBlogIcon{
width:50px;
height:50px;
}
/*Each blog's title*/
.divHomeBlogTitle{
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
font-size:20px;
font-weight:bold;
width:475px;
background-color:#EFEFEF;
}
/*The extra info such as date added, user display name...etc*/
.divHomeBlogInfo{
font-size:9px;
}
/*The actual blog entry*/
.divHomeBlogEntry{
margin-top:5px;
padding-bottom:5px;
}
/*Contains the blog group's entries, but not the comments*/
#divHomeBlogSet{
border-bottom:dotted 2px #c3cacd;
}
/*The div that contains the "Archived Blog" alert should we be reading something in the past*/
#divHomeArchivedBlogTitle{
margin-top:15px;
border:solid 1px #C3CACD;
padding-top:20px;
padding-bottom:20px;
font-size:16px;
font-weight:bold;
text-align:center;
width:535px;
}
/*Should the user be following a link to a blog that was deleted or simply trying to manipulate the get variable and chose a blog group that doesn't exist.
Then this is the div that alerts the user to this.*/
#divHomeBlogDoesntExist{
margin-top:5px;
padding-top:30px;
padding-bottom:30px;
background-color:#EFEFEF;
color: #FF0000;
width:535px;
text-align:center;
}
/*The social network icons*/
.socialIcons{
border:none;
}

















/*The CSS for the About Us section*/
.divAboutTitle{
margin-top:15px;
background-color:#BFD9E1;
padding-top:20px;
padding-bottom:20px;
font-size:16px;
font-weight:bold;
text-align:center;
width:715px;
}
#divAbout{
margin-top:5px;
padding:5px;
border:solid 1px #C3CACD;
width:705px;
}














/*The CSS for the Secret Paths*/
.divSecretTitle{
margin-top:15px;
background-color:#BFD9E1;
padding-top:20px;
padding-bottom:20px;
font-size:16px;
font-weight:bold;
text-align:center;
width:715px;
}
#divSecretBody{
margin-top:5px;
padding:5px;
border:solid 1px #C3CACD;
width:705px;
}
/* Alerts */
.divSecretHints{
margin-top:5px;
padding-top:30px;
padding-bottom:30px;
padding-left:5px;
font-style:italic;
font-weight:bold;
background-color:#EFEFEF;
}
/* error alerts */
#spanSecretError{
color: #FF0000;
}
#tdSecretHints{
width:445px;
}
#spanSecretKeycode{
font-size:24px;
font-weight:bold;
}

















/* Contact CSS
Title */
div#divContactTitle{
border:solid 1px #000000;
width:720px;
text-align:center;
padding-top:20px;
padding-bottom:20px;
font-size:18px;
font-weight:bold;
margin-top:5px;
}
/* Div Containing All Boxes*/
#divContactInfoBoxes{
margin-top:5px;
background-color:#EFEFEF;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
}
/* Input Areas */
.contactInputClass{
width:600px;
margin-top:3px;
}
/* Input Area Divs */
.divContactInputClass{
padding-bottom:10px;
}
/* Alerts */
#divContactAlert{
margin-top:5px;
padding-top:30px;
padding-bottom:30px;
background-color:#EFEFEF;d
}
/* error alerts */
.spanContactError{
color: #FF0000;
}
/* Success Alerts */
.spanContactSuccess{
color: #0066CC;
}
















/*Profile CSS


The Icon/Watching/Is Watching Section*/

div#divIconWatching{
margin-top: 20px;
float:right;
width:120px;
font-size:9px;
text-align:center;
position:relative;
}
/*Display Name*/

#divDisplayName{
font-size:20px;
text-align:center;
font-weight:bold;
color:#AF7104;
margin-top: 20px;
}
/* Profile View's main information table containing div */

#divMainProfileBox{
	
	margin-top: 20px;
	position: relative;
	width:600px;
	overflow:hidden;
	vertical-align:top;
}
/* Profile View's main information table actual table */

#tableMainProfileBox{
width:600px;
}
/* The first column in the Profile View's main information table */

td.first{
text-align:right;
width:100px;
background-color:#FFFFFF;
}
/* Odd numbered row in the Profile View's main information table. row0=left column row0B=right column*/

td#row0{
background-color:#FFFFFF;
color: #8991D1;
}
td#row0B{
background-color:#EFEFEF;
color: #000000;
}
/* Even numbered rows in the Profile View's main information table. row1=left column row1B=right column */

td#row1{
background-color:#FFFFFF;
color: #CB711A;
}
td#row1B{
background-color:#FFFFFF;
color: #000000;
}
/* Website link in Profile View's main information table.*/

a.websiteLink:link , a.websiteLink:visited{
	color: #000000;
	border-style: none;
	font-weight: bold;
}
/*Profile View's lists and comments div*/

#divLists{
	margin-left: 170px;
	margin-top: 25px;
	font-weight: bold;
	width:550px;
	position: relative;
	color: #000000;
}
/* Scroll Image Arrows */
.imgLeftProfileArrow{
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
}
.imgRightProfileArrow{
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
}
.imgLeftProfileArrow:hover{
filter:alpha(opacity1020);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}
.imgRightProfileArrow:hover{
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}
/*Badge section of the Profile View's List div*/

#PBadge {
  position: relative;
  width: 525px;
  height: 52px;
  overflow: hidden;
  border: 1px solid #EFEFEF;
}

/*Quiz Result section of the Profile View's List div*/

#container {
  position: relative;
  width: 525px;
  height: 52px;
  overflow: hidden;
  border: 1px solid #EFEFEF;
}

/* Favorite Quiz section of the Profile View's List div*/

#FavQuiz {
  position: relative;
  width: 525px;
  height: 52px;
  overflow: hidden;
  border: 1px solid #EFEFEF;
}
/* Favorite Comic section of the Profile View's List div*/

#FavComic{
  position: relative;
  width: 525px;
  height: 52px;
  overflow: hidden;
  border: 1px solid #EFEFEF;
}
/* Favorite Show section of the Profile View's List div*/

#FavShow {
  position: relative;
  width: 525px;
  height: 60px;
  overflow: hidden;
  border: 1px solid #EFEFEF;
}
/* Individual show favs */
.favShowProfile{
float:left;
width:100px;
font-size:9px;
text-align:center;
}
/* the div to view all results */
div#divViewAll{
text-align:center;
width:740px;
border:solid 1px #000000;
}
/* the div to view all results title */
div#divViewAllTitle{
text-align:center;
display:table-cell;
vertical-align:middle;
font-size:18px;
font-weight:bold;
font-style:italic;
background-color:#EFEFEF;
color:#AF7104;
width:740px;
height:30px;
border-bottom:dashed 1px #000000;
}
/* the div to view all results body */
div#divViewAllBody{
margin-top:10px;
padding-bottom:10px;
}
/* the div for view all errors */
div#divViewAllErr{
font-size:12px;
font-weight:bold;
font-style:italic;
color:#FF0000;
}
/* image sizes */
img.imgWatching{
border-style:none;
width:50px;
height:50px;
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
}
img.imgWatching:hover{
border-style:none;
width:50px;
height:50px;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}
img#imgProfileIcon{
width:100px;
height:100px;
}
img.imgIsWatching{
border-style:none;
width:50px;
height:50px;
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
}
img.imgIsWatching:hover{
border-style:none;
width:50px;
height:50px;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}
img.imgProfileResultImage{
border-style:none;
width:100px;
height:50px;
}
img.imgProfileQFavImage{
border-style:none;
width:100px;
height:50px;
}
img.imgProfileSFavImage{
border-style:none;
width:100px;
height:50px;
}
#imgProfileBadge{
width:50px;
height:50px;
border-style:none;
}












/*EDIT Profile CSS



The Profile Icon in the Edit Section*/

img#imgProfileIconEdit{
width:50px;
height:50px;
}
/* text explaining icon size restrictions */
#spanEditProfileIconInfo{
font-size:9px;
font-weight:bold;
}

/*User has been alerted that stuff has been updated*/
div#divEditProfileUpdatedAlert{
width:700px;
height:40px;
border:solid 1px #EFEFEF;
display:table-cell;
vertical-align:middle;
text-align:center;
}

/* the Edit Profile navigation tabs */
table#tableEditProfileTabs{
border-left:solid 1px #E0E0E0;
border-top:solid 1px #E0E0E0;
border-right:solid 1px #E0E0E0;
margin-top:10px;
}
.tdEditProfileTabs{
width:60px;
background-color:#EFEFEF;
border:solid 1px #E0E0E0;
text-align:center;
}
/* The table that houses all of the information in the Edit Section */

#tableEditAccount{
width:700px;
border: solid 1px #E0E0E0;
}
/* The three columns of the Edit Profile area */
td.tdRowEdit01{
background-color:#EFEFEF;
color: #000000;
text-align:right;
}
td.tdRowEdit02{
background-color:#EFEFEF;
color: #000000;
text-align:center;
width:200px;
overflow:hidden;
}
td.tdRowEdit03{
background-color:#EFEFEF;
color: #000000;
text-align:left;
}
td.tdRowEdit11{
background-color:#FFFFFF;
color: #000000;
text-align:right;
}
td.tdRowEdit12{
background-color:#FFFFFF;
color: #000000;
display:table-cell;
text-align:center;
width:200px;
overflow:hidden;
}
td.tdRowEdit13{
background-color:#FFFFFF;
color: #000000;
text-align:left;
}













/*Membership Directory CSS



The Profile Icons div*/
div#divDirectoryIcon{
float:right;
width:auto;
position:relative;
margin-top:4px;
}
/* The actual Profile Icons. */

img.imgDirectory{
border-style:none;
width:100px;
height:100px;
}
/* The box representing a user that does not have any YNIN badges */
div#divDirectoryNoBadges{
position:relative;
display : table-cell;
float:left;
margin-top:5px;
margin-left:5px;
border: 1px solid #B8C9C8;
color: #B8C9C8;
vertical-align:middle;
text-align:center;
height:90px;
width:100px;
}
/* Same as above, but this is the table cell that allows for centering of the text.*/

td#tdDirectoryNoBadges{
vertical-align:middle;
text-align:center;
height:90px;
width:100px;
}
/* The box representing a user that has YNIN badges */
div#divDirectoryBadges{
position:relative;
display : table-cell;
float:left;
margin-top:5px;
margin-left:5px;
border: 1px solid #759896;
color: #B8C9C8;
vertical-align:middle;
text-align:center;
height:90px;
width:100px;
overflow:hidden;
}
/* Same as above, but this is the table cell that allows for centering of the text.*/

td#tdDirectoryBadges{
text-align:center;
height:100%;
width:100%;
}
/* The actual Badge Images */
#imgDirectoryBadge{
width:30px;
height:30px;
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
}
/* When hovered over the image the badges stop being transparent */
#imgDirectoryBadge:hover{
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}

/* The div that contains the display name, login date, and descriptive sentence*/

div#divDirectoryInfo{
color: #000000;
text-align:left;
vertical-align:middle;
width:450px;
margin-top:5px;
margin-left:120px;
overflow:hidden;
position:relative;
}
/* These are the rows of the directory rowd0 and rowd1 deal with the altering colors. firstd is a class assigned to all rows*/

td#rowd0{
background-color:#EFEFEF;
text-align:center;
color: #000000;
}
td#rowd1{
background-color:#FFFFFF;
text-align:center;
color: #000000;
}
td#firstd{
vertical-align:middle;
text-align:center;
color: #000000;
}
/* The span that encompases only the descriptive sentence */

span.spanDirectorySentence{
font-style:italic;
}
/* The span that encompases only the display name */

span.spanDirectoryDisplayName{
font-size:20px;
font-weight:bold;
color:#AF7104;
}
/* The span that holds the staff info */
#spanDirectoryStaff{
font-size:10px;
font-weight:bold;
}
/* The span that encompases only the login date */

span.spanDirectoryLoginDate{
font-size:9px;
font-weight:bold;
color:#000000;
}
/* handles the color and style of the display name links */

a.directoryLink:link, a.directoryLink:visited{
	color:#AF7104;
	border-style: none;
	font-weight: bold;
}
/* Table that houses the navigation Controls */

table#tableDirectoryNav{
border:solid 1px #C3CACD;
}
/* Div that holds the navigation controls */

div#divDirectoryNav{
text-align:center;
display:table-cell;
height:auto;
width:auto;
}
/* Span that holds the nav page controls */

span#spanDirectoryNav{
margin-left:10px;
position:relative;
}
/* div that holds the search box */

div#divDirectoryNavForm{
float:right;
width:auto;
position:relative;
}




























/*Mail Alerts CSS



The Mail Icon div*/
div#divMailIcon{
width:auto;
float:right;
}
/* Gap builder */

div#divMailGapBuilder{
margin-top:20px;
height:25px;
position:relative;
}
/* The Div that encompases everything in the mail section */

div#divMailAll{
margin-top:20px;
width:715px;
overflow:hidden;

}
/* Mail Title */

div#divMailTitle{
font-size:20px;
color:#AF7104;
font-weight:bold;
width:615px;
height:60px;
background-color:#EFEFEF;
text-align:center;
vertical-align:middle;
display:table-cell;
margin-bottom:70px;
}
/* The div for subscription updates */
div#divMailSubscriptions{
margin-top:30px;
width:650px;
}
/* Subscription Icon */

div#divSubscriptionIcon{
margin-left:529px;
margin-top:-59px;
z-index:8;
position:absolute;
}
/* The div for the subscription alerts title*/

div#divSubscriptionAlertsTitle{
font-size:14px;
font-weight:bold;
width:600px;
height:20px;
background-color:#C3CACD;
display:table-cell;
vertical-align:middle;
margin-bottom:50px;
position:relative;
}

/* The div for the subscription alerts content*/

div#divSubscriptionAlertsContent{
font-size:12px;
margin-left:50px;
padding-top:20px;
background-color:#F6F6F6;
border-left:solid 2px #C3CACD;
border-bottom:solid 2px #C3CACD;
border-right:solid 2px #C3CACD;
}
/* The div for PM updates */
div#divMailPMs{
margin-top:30px;
width:650px;
}
/* PM Icon */

div#divPMIcon{
margin-left:529px;
margin-top:-59px;
z-index:8;
position:absolute;
}
/* The div for the PM alerts title*/

div#divPMAlertsTitle{
font-size:14px;
font-weight:bold;
width:600px;
height:20px;
background-color:#C3CACD;
display:table-cell;
vertical-align:middle;
margin-bottom:50px;
position:relative;
}

/* The div for the PM alerts content*/

div#divPMAlertsContent{
font-size:12px;
margin-left:50px;
padding-top:20px;
background-color:#F6F6F6;
border-left:solid 2px #C3CACD;
border-bottom:solid 2px #C3CACD;
border-right:solid 2px #C3CACD;
}

/* The div for Profile updates */
div#divMailUpdate{
margin-top:30px;
width:650px;
}
/* Profile Icon */

div#divUpdateIcon{
margin-left:529px;
margin-top:-59px;
z-index:8;
position:absolute;
}
/* The div for the Profile alerts title*/

div#divUpdateAlertsTitle{
font-size:14px;
font-weight:bold;
width:600px;
height:20px;
background-color:#C3CACD;
display:table-cell;
vertical-align:middle;
margin-bottom:50px;
position:relative;
}

/* The div for the Profile alerts content*/

div#divUpdateAlertsContent{
font-size:12px;
margin-left:50px;
padding-top:20px;
background-color:#F6F6F6;
border-left:solid 2px #C3CACD;
border-bottom:solid 2px #C3CACD;
border-right:solid 2px #C3CACD;
}
/* The div for Quiz Result updates */
div#divMailResults{
margin-top:30px;
width:650px;
}
/* QuizResult Icon */

div#divQuizResultIcon{
margin-left:529px;
margin-top:-59px;
z-index:8;
position:absolute;
}
/* The div for the QuizResult alerts title*/

div#divQuizResultAlertsTitle{
font-size:14px;
font-weight:bold;
width:600px;
height:20px;
background-color:#C3CACD;
display:table-cell;
vertical-align:middle;
margin-bottom:50px;
position:relative;
}

/* The div for the QuizResult alerts content*/

div#divQuizResultAlertsContent{
font-size:12px;
margin-left:50px;
padding-top:20px;
background-color:#F6F6F6;
border-left:solid 2px #C3CACD;
border-bottom:solid 2px #C3CACD;
border-right:solid 2px #C3CACD;
}


/* The div for QuizFavorite updates */
div#divMailQuizFavorites{
margin-top:30px;
width:650px;
}
/* Profile Icon */

div#divQuizFavoriteIcon{
margin-left:529px;
margin-top:-59px;
z-index:8;
position:absolute;
}
/* The div for the QuizFavorites alerts title*/

div#divQuizFavoriteAlertsTitle{
font-size:14px;
font-weight:bold;
width:600px;
height:20px;
background-color:#C3CACD;
display:table-cell;
vertical-align:middle;
margin-bottom:50px;
position:relative;
}

/* The div for the QuizFavorites alerts content*/

div#divQuizFavoriteAlertsContent{
font-size:12px;
margin-left:50px;
padding-top:20px;
background-color:#F6F6F6;
border-left:solid 2px #C3CACD;
border-bottom:solid 2px #C3CACD;
border-right:solid 2px #C3CACD;
}


/* The div for ComicFavorite updates */
div#divMailComicFavorites{
margin-top:30px;
width:650px;
}
/* ComicFavorite Icon */

div#divComicFavoriteIcon{
margin-left:529px;
margin-top:-59px;
z-index:8;
position:absolute;
}
/* The div for the ComicFavorite alerts title*/

div#divComicFavoriteAlertsTitle{
font-size:14px;
font-weight:bold;
width:600px;
height:20px;
background-color:#C3CACD;
display:table-cell;
vertical-align:middle;
margin-bottom:50px;
position:relative;
}

/* The div for the ComicFavorite alerts content*/

div#divComicFavoriteAlertsContent{
font-size:12px;
margin-left:50px;
padding-top:20px;
background-color:#F6F6F6;
border-left:solid 2px #C3CACD;
border-bottom:solid 2px #C3CACD;
border-right:solid 2px #C3CACD;
}


/* The div for ShowFavorite updates */
div#divMailShowFavorites{
margin-top:30px;
width:650px;
}
/* ShowFavorite Icon */

div#divShowFavoriteIcon{
margin-left:529px;
margin-top:-59px;
z-index:8;
position:absolute;
}
/* The div for the ShowFavorite alerts title*/

div#divShowFavoriteAlertsTitle{
font-size:14px;
font-weight:bold;
width:600px;
height:20px;
background-color:#C3CACD;
display:table-cell;
vertical-align:middle;
margin-bottom:50px;
position:relative;
}

/* The div for the ShowFavorite alerts content*/

div#divShowFavoriteAlertsContent{
font-size:12px;
margin-left:50px;
padding-top:20px;
background-color:#F6F6F6;
border-left:solid 2px #C3CACD;
border-bottom:solid 2px #C3CACD;
border-right:solid 2px #C3CACD;
}

/* The div for ShowFavorite updates */
div#divMailComment{
margin-top:30px;
width:650px;
}
/* ShowFavorite Icon */

div#divCommentIcon{
margin-left:529px;
margin-top:-59px;
z-index:8;
position:absolute;
}
/* The div for the ShowFavorite alerts title*/

div#divCommentAlertsTitle{
font-size:14px;
font-weight:bold;
width:600px;
height:20px;
background-color:#C3CACD;
display:table-cell;
vertical-align:middle;
margin-bottom:50px;
position:relative;
}

/* The div for the ShowFavorite alerts content*/

div#divCommentAlertsContent{
font-size:12px;
margin-left:50px;
padding-top:20px;
background-color:#F6F6F6;
border-left:solid 2px #C3CACD;
border-bottom:solid 2px #C3CACD;
border-right:solid 2px #C3CACD;
}


/* The div for Badge updates */
div#divMailBadges{
margin-top:30px;
width:650px;
}
/* Badge Icon */

div#divBadgeIcon{
margin-left:529px;
margin-top:-59px;
z-index:8;
position:absolute;
}
/* The div for the Badge alerts title*/

div#divBadgeAlertsTitle{
font-size:14px;
font-weight:bold;
width:600px;
height:20px;
background-color:#C3CACD;
display:table-cell;
vertical-align:middle;
margin-bottom:50px;
position:relative;
}

/* The div for the Badge alerts content*/

div#divBadgeAlertsContent{
font-size:12px;
margin-left:50px;
padding-top:20px;
background-color:#F6F6F6;
border-left:solid 2px #C3CACD;
border-bottom:solid 2px #C3CACD;
border-right:solid 2px #C3CACD;
}
/* The div for Annc updates */
div#divMailAnnc{
margin-top:30px;
width:650px;
}
/* Annc Icon */

div#divAnncIcon{
margin-left:529px;
margin-top:-59px;
z-index:8;
position:absolute;
}
/* The div for the Annc alerts title*/

div#divAnncAlertsTitle{
font-size:14px;
font-weight:bold;
width:600px;
height:20px;
background-color:#C3CACD;
display:table-cell;
vertical-align:middle;
margin-bottom:50px;
position:relative;
}

/* The div for the Badge alerts content*/

div#divAnncAlertsContent{
font-size:12px;
margin-left:50px;
padding-top:20px;
background-color:#F6F6F6;
border-left:solid 2px #C3CACD;
border-bottom:solid 2px #C3CACD;
border-right:solid 2px #C3CACD;
}
/* The user has deleted all alerts */
div#divMailNoMail{
border:solid 1px #EFEFEF;
width:720px;
height:50px;
font-size:12px;
font-weight:bold;
font-style:italic;
color:#000000;
padding-top:19px;
margin-top:20px;
text-align:center;
}

td#rowMail0{
vertical-align:middle;
}
td#rowMail1{
vertical-align:middle;
}
/* Delete Controls */
div#divMailDelete{
margin-top:20px;
width:auto;
float:right;
}

















/*Quiz List



First we focus on the unexpanded rows*/
td#rowQ0{
background-color:#EFEFEF;
color: #000000;
width:700px;
}
td#rowQ1{
background-color:#FFFFFF;
color: #000000;
width:700px;
}
td#rowQl0{
background-color:#EFEFEF;
color: #000000;
}
td#rowQl1{
background-color:#FFFFFF;
color: #000000;
}
/* The layer used in the javascript only version of the page. You click this to cause the info box to expand*/

h2.trigger {
	height: 12px;
	width: 700px;
	font-size: 12px;
	font-weight: normal;
}
h2.trigger a:hover { color: #ccc; }
/* The container that contains all of the quiz info in the javascript only version of the page*/

.toggle_container {
	border-top: 1px solid #d6d6d6;
	overflow: hidden;
	width: 700px;
	clear: both;
	padding-bottom:5px;
	display: inline-block;
}
/* the span that holds the collapsed title */

div#divQuizListTitleC{
width:440px;
height:20px;
padding-top:4px;
font-size:12px;
text-align:left;
display:table-cell;
vertical-align:middle;
overflow:hidden;
position:relative;
float:left;
}

/* the span that holds the collapsed stars */

#divQuizStarsC{
width:90px;
height:20px;
padding-top:2px;
overflow:hidden;
display:table-cell;
vertical-align:middle;
position:relative;
float:left;
}
/* div containing collapsed times favorited*/

#divQuizTimesRateC{
float:left;
padding-top:5px;
font-size:12px;
width:75px;
display:table-cell;
vertical-align:middle;
position:relative;
}
/* div containing the Fav Button for collapsed items followed by the button itself */

#divQuizFavBttnC{
float:left;
width:auto;
display:table-cell;
vertical-align:middle;
position:relative;
}
.divQuizFavBttnC{
float:left;
width:auto;
display:table-cell;
vertical-align:middle;
position:relative;
}
#submitFavC, #submitFavE{
border: 1px solid #B7C4C8;
background: #BFD9E1;
}
.submitFavC, .submitFavE{
border: 1px solid #B7C4C8;
background: #BFD9E1;
}

/* div containing the UnFav Button for collapsed items followed by the button itself */

#divQuizUnFavBttnC{
float:left;
width:auto;
display:table-cell;
vertical-align:middle;
position:relative;
}
.divQuizUnFavBttnC{
float:left;
width:auto;
display:table-cell;
vertical-align:middle;
position:relative;
}
#submitUnFavC, #submitUnFavE{
border: 1px solid #B7C4C8;
background: #BFD9E1;
}
.submitUnFavC, .submitUnFavE{
border: 1px solid #B7C4C8;
background: #BFD9E1;
}

/* The expand icon followed by the div that contains it */
#imgQuizExpandIcon{
width:15px;
height:10px;
border-style:none;
}
#divQuizExpandIcon{
float:right;
width:auto;
padding-top:5px;
display:table-cell;
vertical-align:middle;
position:relative;
}

/* Now to work on the expanded view starting first with the collapse icon */
#imgQuizCollapseIcon{
width:15px;
height:10px;
border-style:none;
}
#divQuizCollapseIcon{
float:right;
width:100%;
height:15px;
border:solid 1px #ACBABE;
padding-top:4px;
text-align:right;
margin-top:-10px;
margin-right:-1px;
position:relative;
}
#spanQuizListTitleE{
float:left;
margin-top:-2px;
width:auto;
font-size:12px;
position:relative;
}
/* Expanded Quiz Date Added*/
#divQuizListDateAdded{
margin-top:5px;
margin-left:11px;
font-size:12px;
position:relative;
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
}
/* The div for the quiz icon */
#divQuizIcon{
margin-top:10px;
margin-left:10px;
position:relative;
}
/* The div for the quiz Description */
#divQuizDescription{
width:350px;
height:90px;
float:right;
overflow:hidden;
text-align:center;
margin-top:-55px;
margin-right:10px;
display:table-cell;
vertical-align:middle;
background-color:#ACBABE;
position:relative;
}
/* Expanded stars */
#divQuizStarsE{
margin-left:170px;
margin-top:-57px;
position:relative;
}
/* expanded times rated */
#divQuizTimesRateE{
float:left;
margin-left:245px;
margin-top:2px;
height:40px;
font-size:9px;
width:auto;
position:absolute;
}
/* expanded times rated */
.divQuizTimesRateE{
float:left;
margin-left:245px;
margin-top:2px;
height:40px;
font-size:9px;
width:auto;
position:absolute;
}
/* The div containing the ability to rate a quiz */
#divQuizRate{
margin-left:170px;
margin-top:-2px;
position:absolute;
}
/* The div containing the ability to rate a quiz */
.divQuizRate{
margin-left:170px;
margin-top:-2px;
position:absolute;
}
/* The fav and unfav buttons in expanded view */
#divQuizFavBttnE{
float:right;
width:auto;
margin-top:10px;
margin-right:-346px;
z-index:8;
position:relative;
}

#divQuizUnFavBttnE{
float:right;
width:auto;
margin-top:10px;
margin-right:-346px;
z-index:8;
position:relative;
}

.tdRowQE{
height:130px;
}

/* div that holds the search box */

div#divQuizListNavForm{
float:right;
margin-right:45px;
width:auto;
position:relative;
}
table#tableQuizNav{
border:solid 1px #C3CACD;
}
/* Div that holds the navigation controls */

div#divQuizListNav{
text-align:center;
display:table-cell;
height:auto;
width:780px;
}
/* Span that holds the nav page controls */

span#spanQuizNav{
margin-left:10px;
position:relative;
}












/*Review List



First we focus on the unexpanded rows*/
td#rowR0{
background-color:#EFEFEF;
color: #000000;
width:700px;
}
td#rowR1{
background-color:#FFFFFF;
color: #000000;
width:700px;
}
td#rowRl0{
background-color:#EFEFEF;
color: #000000;
}
td#rowRl1{
background-color:#FFFFFF;
color: #000000;
}
/* the span that holds the collapsed title */

div#divReviewListTitle{
width:450px;
height:20px;
padding-top:4px;
font-size:12px;
text-align:left;
display:table-cell;
vertical-align:middle;
overflow:hidden;
position:relative;
float:left;
}

/* the span that holds the collapsed stars */

#divReviewStars{
width:150px;
height:20px;
padding-top:2px;
overflow:hidden;
display:table-cell;
text-align:right;
vertical-align:middle;
position:relative;
float:right;
}

/* div that holds the search box */

div#divReviewListNavForm{
float:right;
margin-right:45px;
width:auto;
position:relative;
}

table#tableReviewNav{
border:solid 1px #C3CACD;
}
/* Div that holds the navigation controls */

div#divReviewListNav{
text-align:center;
display:table-cell;
height:auto;
width:780px;
}
/* Span that holds the nav page controls */

span#spanReviewNav{
margin-left:10px;
position:relative;
}















/*Blog Archive List



First we focus on the unexpanded rows*/
td#rowBl0{
background-color:#EFEFEF;
color: #000000;
width:700px;
}
td#rowBl1{
background-color:#FFFFFF;
color: #000000;
width:700px;
}
td#rowBll0{
background-color:#EFEFEF;
color: #000000;
}
td#rowBl1{
background-color:#FFFFFF;
color: #000000;
}
/* the span that holds the collapsed title */

div#divBlogListTitle{
width:450px;
height:20px;
padding-top:4px;
font-size:12px;
text-align:left;
display:table-cell;
vertical-align:middle;
overflow:hidden;
position:relative;
float:left;
}

/* div that holds the search box */

div#divBlogListNavForm{
float:right;
margin-right:45px;
width:auto;
position:relative;
}

table#tableBlogNav{
border:solid 1px #C3CACD;
}
/* Div that holds the navigation controls */

div#divBlogListNav{
text-align:center;
display:table-cell;
height:auto;
width:780px;
}
/* Span that holds the nav page controls */

span#spanBlogNav{
margin-left:10px;
position:relative;
}









/* Full Comments List 

*/
div#divFullCommentsListNavForm{
float:right;
margin-right:45px;
width:auto;
position:relative;
}
/* Full Comment Navigation Table */
table#tableFullCommentsNav{
border:solid 1px #C3CACD;
}
/* Div that holds the navigation controls */

div#divFullCommentsyNav{
text-align:center;
display:table-cell;
height:auto;
width:auto;
}
/* Span that holds the nav page controls */

span#spanFullCommentsNav{
margin-left:10px;
position:relative;
}
td#rowf0{
background-color:#EFEFEF;
text-align:center;
color: #000000;
}
td#rowf1{
background-color:#FFFFFF;
text-align:center;
color: #000000;
}






/* Sign Up CSS

divs Boxes*/
.divSUDivs1{
width:700px;
font-weight:bold;
}
.divSUDivs2{
width:700px;
font-weight:bold;
}

input.SUInputText1{
font-size:18px;
width:600px;
}
input.SUInputText2{
font-size:18px;
width:600px;
}

/* All */
#divSUAll{

}
#divSUIntro{
text-align:center;
width:500px;
font-size:12px;
font-weight:bold;
padding-bottom:50px;
padding-top:50px;
margin-left:100px;
}
#divSUBirth{
padding-bottom:40px;
}
#divSUDisplayName{
padding-bottom:40px;
}
#divSUPassAnswer{
padding-bottom:40px;
}
#SUSubmit{
border: 1px solid #B7C4C8;
background: #BFD9E1;
}
#divSUSubmit{
float:right;
margin-top:20px;
}
/* the div that houses alerts */
#SUErrors{
margin-top:5px;
padding-top:30px;
padding-bottom:30px;
padding-left:5px;
background-color:#EFEFEF;
}
/* submission had errors */
.spanSUError{
color: #FF0000;
}
/* submitted successfully */
.spanSUYay{
color: #0066CC;
}











/*Badges

The main table cells*/
td#rowOnB0{
background-color:#EFEFEF;
width:700px;
height:106px;
display:table-cell;
vertical-align:middle;
}
td#rowOnB1{
background-color:#FFFFFF;
width:700px;
height:106px;
display:table-cell;
vertical-align:middle;
}
/* The Badge Itself */
#divBadgeListIcon{
float:right;
}
/* The Badge Title */
#divBadgeListTitleBadge{
font-size:20px;
font-weight:bold;
color:#AF7104;
}
/* The box representing a user that does not have any YNIN badges */
div#divBadgeListNotHad{
position:relative;
display : table-cell;
float:left;
margin-top:5px;
margin-left:5px;
border: 1px solid #B8C9C8;
color: #B8C9C8;
vertical-align:middle;
text-align:center;
height:90px;
width:100px;
}
/* Same as above, but this is the table cell that allows for centering of the text.*/

td#tdBadgeListNotHad1{
vertical-align:middle;
text-align:center;
height:90px;
width:100px;
}
/* Same as above, but this is the table cell that allows for centering of the text FOR OBTAINED BADGES.*/

td#tdBadgeListHad1{
vertical-align:middle;
text-align:center;
height:90px;
width:100px;
}
/* The number of the badge in the list */
#divBadgeListID{
width:auto;
height:auto;
text-align:center;
display:table-cell;
vertical-align:middle;
font-weight:bold;
font-size:9px;
float:right;
margin-top:88px;
}
/* All of the info relating to the badge outside of the description of how it is attained. */
#divBadgeListAllInfo{
float:left;
width:370px;
margin-top:2px;
margin-left:3px;
}
/* The description of how to attain the badge */
#divBadgeListDescFull{
font-style:italic;
}
/* Number of people with a badge */
#divBadgeListWhoEarned{
margin-bottom:20px;
font-size:9px;
font-weight:bold;
}
/*#divBadgeListTitle{
font-size:20px;
color:#AF7104;
font-weight:bold;
width:700px;
text-align:center;
vertical-align:middle;
display:table-cell;
margin-bottom:70px;
}*/
/* The links to either unfilter badge list so you can see all badges or to go back to a user's profile that may have been left to view info on a badge
the user has obtained. */
#divBadgeListBackToUser,#divBadgeListSpecificBadge{
font-size:9px;
float:right;
margin-left:5px;
}
/* The navigation controls of the badge list. */
div#divBadgeListNav{
float:right;
margin-right:45px;
width:auto;
position:relative;
}
/*the nav table*/
table#tableBadgeListNav{
border:solid 1px #C3CACD;
}
/*the nav cells*/
td#rowB0{
background-color:#EFEFEF;
display:table-cell;
vertical-align:middle;
}
td#rowB1{
background-color:#FFFFFF;
display:table-cell;
vertical-align:middle;
}










/* 
Comment CSS


first the bbs*/
.bold {
        font-weight: bold;
}

.italics {
        font-style: italic;
}

.underline {
        text-decoration: underline;
}

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

.overline {
        text-decoration: overline;
}

.sized {
        text-size:
}

.quotecodeheader {
        font-family: Verdana, arial, helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
}

.codebody {
        background-color: #FFFFFF;
    font-family: Courier new, courier, mono;
    font-size: 12px;
    color: #006600;
    border: 1px solid #BFBFBF;
}

.quotebody {
        background-color: #FFFFFF;
    font-family: Courier new, courier, mono;
    font-size: 12px;
    color: #660002;
        border: 1px solid #BFBFBF;
}

.listbullet {
        list-style-type: disc;
        list-style-position: inside;
}

.listdecimal {
        list-style-type: decimal;
        list-style-position: inside;
}

.listlowerroman {
        list-style-type: lower-roman;
        list-style-position: inside;
}

.listupperroman {
        list-style-type: upper-roman;
        list-style-position: inside;
}

.listloweralpha {
        list-style-type: lower-alpha;
        list-style-position: inside;
}

.listupperalpha {
        list-style-type: upper-alpha;
        list-style-position: inside;
}
.postedby {
        padding: 0 0 0 18px;
        background: url(images/abullet.gif) no-repeat 0 4px;
        }
        
h3.formtitle {
        margin : 0px 0px 0px 0px;
        border-bottom: 1px dotted #ccc;
        padding-bottom: 8px;
        }

.commentbody {
        border-top: 1px dotted #ccc;
		
        }
        
/*gray box*/
.submitcomment, #submitcomment, #currentcomments, #rating, .textad {
        background-color: #F5F5F5;
        border: 1px dotted #ccc;
        padding: 5px;
        padding: 5px;
        margin: 20px 0px 0px 0px;
        }


/*FORMS
*------------------------------------*/
/* The scritpy highlighting of the post boxes */
.form {
        background-color: #FAFAFA;
        border: solid 1px #C6C6C6;
        padding: 2px;
        }

.formtext {
        background-color: #FAFAFA;
        border: solid 1px #C6C6C6;
        padding: 2px;
        border-bottom: 1px dotted #ccc
        }

.form:hover, .formtext:hover {
        background: white;
        }
        
.form:focus, .formtext:focus {
        background: white;
        border: solid 1px #000000;
        }
/* The comment submit button */
.submit {
        background-color: #D3D3D3;
        border: solid 1px #C6C6C6;
        border-right:  solid 1px #9A9A9A;
        border-bottom:  solid 1px #9A9A9A;
        }
        
.submit:hover, .submit:focus {
        background: #EDEDED;
        }
		
/* The comment itself */
div#divCommentRow{
width:400px;
height:auto;
font-weight:normal;
}
/* comment user's icon */
.imgCommentIcon{
height:65px;
width:65px;
}
#divCommentIcon1{
float:right;
width:auto;
position:relative;
}
#divCommentPostedBy{
margin-top:5px;
width:auto;
}




/* Review CSS

The top */
div#divReviewTop{
width:700px;
height:auto;
border:solid 1px #BFBFBF;
}
div#divReviewTitle{
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
width:626px;
font-size:20px;
font-weight:bold;
background-color:#EFEFEF;
}
#imgReviewIcon{
width:50px;
height:50px;
}
#spanReviewRating{
font-weight:bold;
}
#spanReviewName{
font-style:italic;
}
#divReviewBody{
width:570px;

}
#divReviewSection{
margin-top:10px;
width:570px;
}
#divReviewSectionTitle{
background-color:#EFEFEF;
font-size:16px;
font-weight:bold;
}
#divReviewSectionBody{
border:dotted 1px #BFBFBF;
margin-top:2px;
}
#divReviewIntro{
margin-top:50px;
width:570px;
}
#divReviewConclusionBody{
margin-top:10px;
width:570px;
}
#divReviewAlsoFrom{
border:solid 1px #BFBFBF;
width:115px;
float:right;
text-align:center;
height:700px;
margin-top:50px;
padding-top:5px;
}
#spanReviewAlsoFromTitle{
font-size:14px;
font-weight:bold;
}
#imgReviewDivider{
width:100px;
}