﻿/******************
 MAIN TEMPLATE
******************/
body
{
    background-position: top;
    margin: 0;
    padding: 0;
    background-color: #EEEFF0;
    font: 12px arial, helvetica, sans-serif;
    background-image: url(images/bg-fade-grey-03.jpg);
    background-repeat: repeat-x;
}

p
{
    line-height: 1.4em;
    font-family: arial, helvetica, sans-serif;
}


textarea
{
    font: 12px arial, helvetica, sans-serif;
}

fieldset
{
    position: relative;
    margin-top:1em;
    padding-top:.75em;
    padding-right: 10px;
    padding-left: 10px;
    background: url(images/bg-fade-01.jpg) repeat-x 0 0;
    background-color: #F0F0F0;
}

legend
{
    position: absolute;
    top: -.5em;
    left: .5em;
    font-size: 13px;
    color: #33cc33;
    margin: 0px;
    text-transform: uppercase;
    padding-right: 6px;
    padding-left: 6px;
    background-color: #FFFFFF;
}

blockquote
{
    margin: 22px 20px 22px 10px;
    padding: 3px;
    color: #575757;
    padding: 0 50px;
    background: transparent url(images/blockquote.png) no-repeat 0 0;
}

pre
{
    overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */ /* width: 99%; */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    border: 1px solid #CCCCCC;
    background-color: #FFFFF4;
    padding:3px;
}



/******************
LINKS
******************/
/* Make sure a:visited is before a:hover */
a:active{text-decoration: none;color: #036FDB;}
a:link    {text-decoration: none;color: #036FDB;}
a:visited {text-decoration: none;color: #036FDB;}
a:hover{text-decoration: underline;color: #3399FF;}

.topnav {font-size: 12px;color: #666666; font-family: Arial;}
.topnav:active  {text-decoration: none;color: #666666;}
.topnav:link    {text-decoration: none;color: #666666;}
.topnav:visited {text-decoration: none;color: #666666;}
.topnav:hover   {text-decoration: none;color: #13B5EA;}


.footer {font-size: 12px;font-family: Arial;color: #808080;}
.footer:active{text-decoration: none;color: #808080;}
.footer:link    {text-decoration: none;color: #808080;}
.footer:visited {text-decoration: none;color: #808080;}
.footer:hover   {text-decoration: underline;color: #808080;}


.login-links:active{text-decoration: none;color: #036FDB;}
.login-links:link    {text-decoration: none; color: #036FDB;}
.login-links:visited {text-decoration: none;color: #036FDB;}
.login-links:hover   {text-decoration: underline; color: #3399FF;}

.admin-login-links:active{text-decoration: none;color: #036FDB;}
.admin-login-links:link    {text-decoration: none; color: #036FDB;}
.admin-login-links:visited {text-decoration: none;color: #036FDB;}
.admin-login-links:hover   {text-decoration: underline; color: #3399FF;}

.title-homeLinks:active  {text-decoration: none; color: #000000;}
.title-homeLinks:link    {text-decoration: none; color: #000000;}
.title-homeLinks:visited {text-decoration: none;color: #000000;}
.title-homeLinks:hover   {text-decoration: underline; color: #036FDB;}

.titleLinks:active  {text-decoration: none; color: #036FDB;}
.titleLinks:link    {text-decoration: none; color: #036FDB;}
.titleLinks:visited {text-decoration: none;color: #036FDB;}
.titleLinks:hover   {text-decoration: underline; color: #3399FF;}

.categoryTopLinks:active  {text-decoration: none; color: #666666;}
.categoryTopLinks:link    {text-decoration: none; color: #666666;}
.categoryTopLinks:visited {text-decoration: none;color: #666666;}
.categoryTopLinks:hover   {text-decoration: underline; color: #036FDB;}

.sidebarLinks:active  {text-decoration: none; color: #036FDB;}
.sidebarLinks:link    {text-decoration: none; color: #036FDB;}
.sidebarLinks:visited {text-decoration: none; color: #036FDB;}
.sidebarLinks:hover   {text-decoration: underline; color: #3399FF;}

.related-title:active  {text-decoration: none; color: #036FDB;}
.related-title:link    {text-decoration: none; color: #036FDB;}
.related-title:visited {text-decoration: none; color: #036FDB;}
.related-title:hover   {text-decoration: underline; color: #3399FF;}

.comment-username:active  {text-decoration: none; color: #252525;}
.comment-username:link    {text-decoration: none; color: #252525;}
.comment-username:visited {text-decoration: none; color: #252525;}
.comment-username:hover   {text-decoration: underline; color: #252525;}

.comment-date:active  {text-decoration: none; color: #696969;}
.comment-date:link    {text-decoration: none; color: #696969;}
.comment-date:visited {text-decoration: none; color: #696969;}
.comment-date:hover   {text-decoration: underline; color: #696969;}

.smallurl {font-size: 11px;}
.smallurl:active{ text-decoration: none; color:#666666;}
.smallurl:link    {text-decoration: none; color:#666666;}
.smallurl:visited {text-decoration: none; color:#666666;}
.smallurl:hover   {text-decoration: underline; color: #003 }

.pagerlinks{font-size: 11px;padding: 3px;margin: 6px 3px}
.pagerlinks a, .pagerlinks span{padding: 2px 5px 2px 5px;margin: 2px 2px;display: block;float: left;}
.pagerlinks a { border: 1px solid #808080; text-decoration: none;color: #036FDB; }
.pagerlinks a:hover, .pagerlinks a:active { border: 1px solid #000003; background-color: #036FDB; color: #fff;}
.pagerlinks span.currentPage { font-weight: bold; color: #000003;   }
.pagerlinks span.ellipsis { color: #000003;   }
.pagerlinks span.disabled { border: 1px solid #cccccc; font-weight: normal;  background-color: #fff; color: #a9a9a9; }

/* for asp.net DataPager control */
.dataPagerlinks{font-size: 11px;padding: 3px;margin: 6px 3px}
.dataPagerlinks a, .dataPagerlinks span{padding: 2px 5px 2px 5px;margin: 2px 2px;}
.dataPagerlinks a { border: 1px solid #808080; text-decoration: none;color: #036FDB; }
.dataPagerlinks a:hover, .dataPagerlinks a:active { border: 1px solid #000003; background-color: #036FDB; color: #fff;}
.dataPagerlinks span.currentPage { font-weight: bold; color: #000003;   }
.dataPagerlinks span.ellipsis { color: #000003;   }
.dataPagerlinks span.disabled { border: 1px solid #cccccc; font-weight: normal;  background-color: #fff; color: #a9a9a9; }


/******************
NAVAGATION MENU LINKS
******************/

.menu, .menu ul { /* remove all list stylings */
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
}

.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;	      /* move all main list items into one row, by floating them */
	position: relative;	  /* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		      /* thus we need to apply explicit z-index here... */
	list-style: none;
}

.menu li:hover {
	z-index: 10000;	      /* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;  /* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							 see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu li li {
	float: none;		 /* items of the nested menus are kept on separate lines */
	position:relative !important;
}

.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	       /* while hidden, always keep them at the top left corner, */
	top: 0;		       /* to avoid scrollbars as much as possible */
}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	            /* 1st level go below their parent item */
}

.menu li li:hover>ul {	    /* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}

/* -- float.clear -- force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {/* IE7 float clear: */min-height: 0;}
/* -- float.clear.END --  */



/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	background-image: url(images/nav-menu-empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: 0 0 0 -10px;
}
/* -- sticky.submenu.END -- */




/************************************************************************************/

/*************************** DHTML_menu styles **************************************/


#mainNav
{
    background-position: left bottom;
    border-style: solid;
    border-width: 1px;
    padding: 1px 0;
    border-color: #B33939 #C64C4C #B33939 #C64C4C;
    background: #C64C4C url(images/bg-grad-flippedred-01.gif) repeat-x left bottom;
    margin: 5px 15px 3px 15px;
}


.menu ul {
	font-family: arial;
    font-size: 1.2em;
}

.menu ul li {
    margin:0;
    float:none;
    border:none;
}
  
ul.menu li ul {
	font-size: 1.1em;
}

.menu ul {
	width: 15em;
	margin:0; 
	padding:0;
}

.menu li:hover
{
    
    color: #fff;
}

/* Link styles */
.menu li a{
	display:block;
	height:28px;
	line-height:27px;
	padding:0 17px;
	background: url(images/nav-menu-pipe-redtone-01.gif) right top no-repeat;
	text-transform: uppercase;
}

.menu li a:link,
.menu li a:visited,
.menu li a:hover {
	color: #ffffff;
    font-weight:bold;
    text-decoration:none;
}

.menu li a:hover
{
    color: #FFFFFF;
    background: #C64C4C;
    background: url(images/bg-grad-red-01.gif) repeat-x left bottom;
}


.menu li.quicklinks
{
    float:right;
    margin-right:5px;
}

.menu li.quicklinks a
{
    display: block;
    height: 18px;
    padding: 0px 5px 0 5px;
    margin-top: 4px;
    background: url(images/spacer.gif) 0 50% no-repeat;
    text-transform: uppercase;
}

.menu li.quicklinks a.rssmenu-btn {background: url(images/icons/btn-rss-icon-18x18-2.png) no-repeat;display: block;width: 18px;height: 18px;} 
.menu li.quicklinks a.rssmenu-btn:hover{ background: url(images/icons/btn-rss-icon-18x18-2.png) no-repeat 0px -18px;}

.menu li.quicklinks a.twittermenu-btn {background: url(images/icons/btn-twitter-icon-18x18-2.png) no-repeat;display: block;width: 18px;height: 18px;} 
.menu li.quicklinks a.twittermenu-btn:hover{ background: url(images/icons/btn-twitter-icon-18x18-2.png) no-repeat 0px -18px;}


.menu ul li
{
    background: #C64C4C;
}

.menu ul li:hover {
	background: #C64C4C;
	background: url(images/bg-grad-red-01.gif) repeat-x left bottom;
}

.menu ul li a:link,
.menu ul li a:visited,
.menu ul li a:hover {
	text-decoration: none;
	font-weight: normal;
	text-transform: none;
	display: block;
	float:none;
	position: relative;
	border:none;
	height:auto;
	line-height:100%;
	padding:6px 6px 6px 14px;
	background: url(images/nav-menu-subcat-bullet.gif) 3px 9px no-repeat;
	border-bottom:1px solid #dadada;
}

.menu ul li a:hover {
	/*background: #5079a2;*/
}

.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	background:#333333;
	padding:0;
}

/**************************** Internet Explorer only styles ********************************/

/* Hides from IE5-mac \*/
* html #mainNav a {float:left;}

* html .menu, * html .menu ul {zoom: 1;}

* html .menu li.adxmhover {z-index: 10000;}

* html .menu .adxmhoverUL {visibility: visible;}

* html .menu .adxmhoverUL {top: 100%; left: 0;}

* html .menu .adxmhoverUL .adxmhoverUL {top: 0; left: 100%;}

* html .menu .adxmhoverA {background:#e6e6e6;}

* html .menu ul a {zoom: 1;}

* html .menu ul li {display:inline !important;}

* html .menu ul li a:link,
* html .menu ul li a:visited,
* html .menu ul li a:hover {text-decoration: none; display:inline-block; display:block;}

* html #mainNav .menu li ul li {margin:0; padding:0;}

* html .menu li li {width:100%; margin:0; padding:0;}

* html #mainNav .menu ul li a:link,
* html #mainNav .menu ul li a:visited,
* html #mainNav .menu ul li a:hover {float:none;}

* html .menu ul ul {padding:0;}

/* End hide from IE5-mac */






/******************
HEADINGS
******************/

h1
{
    font-size: 25px;
    font-weight:bold;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 0px;

}
.h1-review
{
    font-weight: bold;
    font-size: 21px;
    margin-top: 8px;
    margin-bottom: 2px;
    color: #000000;
}
.h1-twitter
{
    font-size: 21px;
    font-weight:bold;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 0px;

}
.h1-event
{
    font-weight: bold;
    font-size: 19px;
    margin-top: 8px;
    margin-bottom: 2px;
}

.h2-listsection
{
    font-size: 170%;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 5px;
    margin-top:0px;
    margin-bottom:8px;
    border-bottom: #d3d3d3 1px dotted;
}
.h2-store
{
    font-size: 170%;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 5px;
    margin-top:0px;
    margin-bottom:8px;
    border-bottom: #d3d3d3 1px dotted;
}

.h3-store-relatedproducts
{
    font-weight: bold;
    font-size: 18px;
    margin-top: 8px;
    margin-bottom: 2px;
    color: #696969;
}

.h4-homepage
{
    font-weight: bold;
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 0px;
    color: #696969;
    text-transform: uppercase;
}

.h2-related
{
    font-size: 14px;
    font-weight: bold;
    clear: left;
    margin-top: 0px;
    margin-bottom: 3px;
    padding-bottom: 1px;
}

/******************
LAYOUT DIVS & CELLS
******************/

#main-container
{
    width: 990px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    vertical-align:top;
}

#main-container-admin
{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding-left:10px;
    padding-right:10px;
    text-align: left;
    vertical-align:top;
}

#content-wrapper
{
    background-color:#ffffff;
    padding:15px;
    
}

#content-wrapper-admin
{
    background-color:#ffffff;
    padding:15px;
}

#content-wrapper-top
{
    background: url(images/bg-content-top-05.gif) no-repeat; 
    padding-top: 7px;
}
#content-wrapper-bottom
{
    background: url(images/bg-content-bottom-04.gif) no-repeat; 
    height: 10px; 
    font-size: 1px;
}

#content-left 
{
	float:left;
	width: 640px;
	padding-left: 0px;
	padding-right: 10px;
	text-align:left;
}
#content-right
{
    float: right;
    text-align: left;
    width: 300px;
    clear: left;
    padding-left: 10px;
    min-height: 500px;
    border-left-style: dotted;
    border-left-width: 1px;
    border-left-color: #CCCCCC;
}

#header-wrapper
{
    width: 100%;
    background-color:#ffffff;
    display:block;
}
#header-left
{
  float: left;
}		
#header-left img {
	float			: left;
	margin-top		: 12px; 
}

#header-right
{
    padding-top:2px;
    padding-bottom:2px;
    padding-right:15px;
}

#login-wrapper
{ 
    display:block;
    text-align:right;
    line-height:2em;
    font-size: 12px;
    color:#666666;
    width: 100%;
    height:24px;
    background-color:#F0F0F0;
    padding-right:10px;
 }


#footer-wrapper
{
    float: left;
    width: 100%;
    display: block;
    padding-top: 15px;
    font-size: 11px;
    color: #808080;
    padding-bottom: 8px;
}

#pager-wrapper
{
 padding-top:20px;
 padding-bottom:15px;
}

/******************
CLASSES
******************/

/**** Message Boxes *****/

div.positive-box
{
    background: url(images/checkmark-msg.png) no-repeat 0px 0px;
    padding: 2px 0 0 50px;
    min-height: 35px;
} 

.positive-box h3
{
    font-size: 105%;
    color: #333333;
    font-weight: bold;
    margin-bottom: 2px;
}

.positive-box
{
    color: #696969;
}


/*** CollapsiblePanel ***/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{	
	width:100%;		
	height:30px;
	background-image: url(images/bg-menu-main.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}


/*----------------------------
	SEARCH
----------------------------*/

#search-container
{
    /*border: 1px solid #CCCCCC;*/
    width: 300px;
    height: 28px;
    display: block;
    float: left;
    margin-bottom:0px;
    
}

#search-container-inner
{
    padding-left: 5px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 3px;
}

.searchTxtField
{
    font-size: 11px;
    width: 125px;
    height: 13px;
    /*background-color: #F9F9F9;
    border: 1px solid #808080;*/
}
.search-dropdown
{
    font-size: 12px;
    /*background-color: #F9F9F9;
    border: solid 1px #808080;*/
}

.searchButton 
{
    padding-left: 3px;
    padding-bottom: 0px;
    vertical-align:bottom;
}
.searchthumb-button
{
   padding-bottom:1px;
   vertical-align:bottom;
}

.searchAdvancedLink
{
    font-size: 9px;
    text-decoration: none;
}

.search-highlight {
	/* 
    background-color: #ff0;
	color: #685D00;
    */
}



/*----------------------------
	ARTICLES
----------------------------*/
/* if you use #article-wrapper for a div tag id with runat="server"
 youcannot use '-' in article-wrapper because in .NET, you cannot have '-' in the name of a variable. Whereas '_' is valid. */
.article-wrapper
{
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 15px;
    border-bottom: #dcdcdc 1px dotted;
    padding-bottom: 7px;
}

.article-wrapper-flagged
{
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 15px;
    border-bottom: #dcdcdc 1px dotted;
    padding-bottom: 7px;
    color: #C5BFBE !important;
}

.article-wrapper-flagged a, 
.article-wrapper-flagged .article-subhead,
.article-wrapper-flagged .byline-domain,
.article-wrapper-flagged .profileSavedFavorite {
	color: #C5BFBE !important;
}
.article-wrapper-flagged .byline-mostpopularTime
{
	color: #C5BFBE !important;
	font-weight:bold;
}

.article-wrapper-flagged .profileBar .profileComments
{
    color: #C5BFBE !important;
    background: url(images/list-comment-flagged-16px.gif) 0 0px no-repeat;
}
.article-wrapper-flagged .profileBar .profileEmail
{
    color: #C5BFBE !important;
    background: url(images/list-email-flagged-16px.gif) no-repeat 0px 0px;
}
.article-wrapper-flagged .profileBar .barLinksMiddleCategory
{
    color: #C5BFBE !important;
}

#article-left
{
    float: left;
    width: 235px;
}

#article-right
{
    width: 460px;
    margin-right:5px;
    float:right;
}

.article-headline 
{
    font-size: 25px;
    font-weight:bold;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: arial, helvetica, sans-serif;
}

.article-subhead
{
    font-size: 15px;
    font-weight: bold;
    color: #808080;
}
.article-postdate
{
    margin-top: 8px;
    color: #000000;
}
#article-byline
{
    padding-bottom: 5px;
    padding-top: 3px;
    vertical-align:middle;
}
#article-byline a
{
    text-decoration: none;
    color: #252525;
}
    
    
#article-byline a:hover
{
    text-decoration: underline; color: #036FDB;
}

.article-datetimestamp				
{
    font-family : Verdana;
    font-size : 11px;
 }

#article-description
{
    font-size: 13px;
    padding-top: 3px;
    line-height: 1.4em;
}
#article-description p
{
   margin-top: 0px;
}

#article-description h1 {font-size: 2em}
#article-description h2 {font-size: 1.5em}
#article-description h3 {font-size: 1.17em}
#article-description h4 {font-size: 1em}
#article-description h5 {font-size: .83em}
#article-description h6 {font-size: .75em}

/* Bullets - circles */
#article-description ul
{
    margin-left: 2em;
    padding-left: 0;
}
#article-description ul li
{ 
}

/* Bullets - numbered */
#article-description ol
{
    margin-left: 2.5em;
    padding-left: 0;
}
#article-description ol li
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.article-category
{
    margin-top: 0px;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-weight: bolder;
    font-size: 10px;
}


/* --- article home-front page --- */
.article-home-titletopheadline {font:bold 28px arial, helvetica, sans-serif;padding-bottom:3px; padding-top:0px;text-align:center;}
.article-home-titlebottomheadline {font:bold 16px arial, helvetica, sans-serif;padding-bottom:3px; padding-top:0px;}

.article-home-GiantImage
{
    margin: 5px auto;
    display: block;
    width: 500px;
}

.article-home-LargeImage
{
    margin: 5px auto;
    display: block;
    width: 200px;
}

/* --- article most recent -- */
.article-mostrecent-title
{
    font: normal 12px arial;
    margin-bottom: 0px;
 
}




/*----------------------------
	REVIEWS
----------------------------*/
.review-subhead
{
	font-size: 14px;
    font-weight: bold;
    color: #808080;
    padding:0px;
}
.review-text
{
    font-size: 13px;
    padding-top: 1px;
}

.review-text
{
    line-height : 1.4em;
}

.review-text h1 {font-size: 2em}
.review-text h2 {font-size: 1.5em}
.review-text h3 {font-size: 1.17em}
.review-text h4 {font-size: 1em}
.review-text h5 {font-size: .83em}
.review-text h6 {font-size: .75em}

.review-text img
{
    padding: 3px;
    border: solid 1px #e1e1e1;
}

.review-h3
{
    font-weight: bold;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 5px;
}


/*----------------------------
	TWITTERS
----------------------------*/
.twitter-wrapper
{
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 15px;
    padding-bottom: 7px;
    padding-top:2px;
    background-color: #F0F0F0;
}

.twitter-wrapper a{text-decoration:none;}

.twitter-section{ padding-bottom:10px}

.twitter-screenname
{
	font-size: 14px;
    font-weight: bold;
    color: #808080;
    padding:0px;
}
.twitter-userdescription
{
	font-size: 10px;
    color: #808080;
    padding:0px;
}

.twitter-location
{
	font-size: 10px;
    color: #808080;
    padding:0px;
}

.twitter-text
{
    font-size: 13px;
    padding-top: 1px;
    padding-left:5px; 
    padding-right:5px;
    line-height: 1.4em;
}

.twitter-text h1 {font-size: 2em}
.twitter-text h2 {font-size: 1.5em}
.twitter-text h3 {font-size: 1.17em}
.twitter-text h4 {font-size: 1em}
.twitter-text h5 {font-size: .83em}
.twitter-text h6 {font-size: .75em}

.twitter-text img
{
    padding: 3px;
    border: solid 1px #e1e1e1;
}

.twitter-h3
{
    font-weight: bold;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.twitter-title:active  {text-decoration: none; color: #000000;}
.twitter-title:link    {text-decoration: none; color: #000000;}
.twitter-title:visited {text-decoration: none;color: #000000;}
.twitter-title:hover   {text-decoration: none; color: #036FDB;}


div.twitter-protected
{
    background: url(images/twitter/protected-lock.png) no-repeat 10px 10px;
    padding: 24px 10px 10px 70px;
    min-height: 50px;
    background-color: #FFFFCC;
} 


ol.statuses{margin:0;padding:0;}
ol.statuses{list-style:none;font-size:1.2em;}
ol.statuses>li{position:relative;padding:.7em 0 .6em 0;border-bottom:1px dashed #D2DADA;line-height:1.1em;}
ol.statuses>li:first-child{border-top:1px dashed #D2DADA;}
ol.statuses .thumb{display:block;width:50px;height:50px;position:absolute;left:0;margin:0 10px 0 5px;overflow:hidden;}
ol.statuses .thumb img
{
    border-style: none;
    border-width: 0px;
    width: 48px;
    height: 48px;
}
.no-results{border-top:1px dashed #D2DADA;padding:.7em 0 .6em 1em;font-size:1.2em;}
.no-results ol{padding:5px 0 0 30px;}

ol.statuses a{text-decoration:none;}

ol.statuses span.status-body{display:block;min-height:50px;width:460px;overflow:hidden;margin-left:65px;}
#users ol.statuses span.status-body{width:365px;}
ol.statuses .lock,ol.statuses .screen-name{margin-right:5px;}
ol.statuses .embedded_picture{margin:10px 0 0 0;text-align:center;}
ol.statuses .embedded_picture img{border:2px solid #DDD;padding:10px;}.search ol.statuses .bio{margin-left:5px;}
ol.statuses span.meta,.hentry .meta{display:block;font-size:.764em;margin:3px 0 0 0;color:#999;}
ol.statuses span.meta a,.hentry .meta a{color:#999; text-decoration:none;}
ol.statuses span.meta a:hover,.hentry .meta a:hover{color:#333; text-decoration:none;}

ol.statuses span.meta .call-out,.hentry .meta .call-out{color:#000;}
ol.statuses .actions{position:absolute;right:5px;top:.5em;line-height:1.25em;border-width:0;}.ie6 ol.statuses .actions{right:25px;}
ol.statuses .actions a{display:block;text-decoration:none;padding:3px 8px;background-position:50% 50%;background-repeat:no-repeat;outline:none;cursor:pointer;visibility:hidden;}
ol.statuses li{position:relative;}
ol.statuses a{text-decoration:none;}
ol.statuses li:hover .actions a,ol.statuses li.hover .actions a{visibility:visible;}.hentry .fav{background-image:url(images/twitter/icon_star_full.gif);}.hentry .non-fav{background-image:url(images/twitter/icon_star_empty.gif);}.hentry .fav-throb,.hentry a.del-throb{background-image:url(images/twitter/icon_throbber.gif);}.hentry .del{background-image:url(images/twitter/icon_trash.gif);}body#show .reply,.hentry .reply{background-image:url(images/twitter/icon_reply.gif);}.direct_message a.reply{background-image:url(images/twitter/icon_direct_reply.gif);}.direct_message .hentry .del{background-image:url(images/twitter/icon_trash.gif);}
ol.statuses li:hover,ol.statuses li.hover{background-color:#f7f7f7;}
ol.statuses li:hover .hentry a,ol.statuses li.hover .hentry a{visibility:visible;}
ol.statuses .hentry a.fav{visibility:visible;}ol.statuses .hentry a.fav-throb,ol.statuses .hentry a.del-throb{visibility:visible;}.status_activity{margin:4px 0 0 0;padding:10px 0 0 20px;}

.twitter-status-section .tweet-from a{text-decoration:none; color:#999;}
.twitter-status-section .tweet-from a:hover{text-decoration: none; color:#333;}
.twitter-status-section .tweet-from {color:#999;font-size:1.0em; margin-bottom:10px;}
.twitter-status-section .entry-content a{text-decoration:none;}
.twitter-status-section {padding-bottom:10px;}
.twitter-status-section .entry-content{font-weight:400;display:block;background-color:#fff;font-size:2em;font-family:georgia;line-height:1.25em;padding:0;overflow:hidden;}
.twitter-status-section .entry-meta{display:block;}
.twitter-status-section .hentry .status-body .meta{font-family:'Lucida Grande';font-size:1.25em;font-style:normal;}






/*----------------------------
	WEBLINKS
----------------------------*/
/* if you use #weblink-wrapper for a div tag id with runat="server"
 youcannot use '-' in weblink-wrapper because in .NET, you cannot have '-' in the name of a variable. Whereas '_' is valid. */
.weblink-wrapper
{
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 15px;
    border-bottom: #dcdcdc 1px dotted;
    padding-bottom: 7px;

}

.weblink-wrapper-flagged
{
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 15px;
    border-bottom: #dcdcdc 1px dotted;
    padding-bottom: 7px;
    color: #C5BFBE !important;
}

.weblink-wrapper-flagged a, 
.weblink-wrapper-flagged .weblinkSubhead,
.weblink-wrapper-flagged .byline-domain,
.weblink-wrapper-flagged .profileSavedFavorite {
	color: #C5BFBE !important;
}
.weblink-wrapper-flagged .byline-mostpopularTime
{
	color: #C5BFBE !important;
	font-weight:bold;
}

.weblink-wrapper-flagged .profileBar .profileComments
{
    color: #C5BFBE !important;
    background: url(images/list-comment-flagged-16px.gif) 0 0px no-repeat;
}
.weblink-wrapper-flagged .profileBar .profileEmail
{
    color: #C5BFBE !important;
    background: url(images/list-email-flagged-16px.gif) no-repeat 0px 0px;
}
.weblink-wrapper-flagged .profileBar .barLinksMiddleCategory
{
    color: #C5BFBE !important;
}

#weblink-left
{
    float: left;
    width: 235px;
}

#weblink-right
{
    width: 460px;
    margin-right:5px;
    float:right;
}

.weblinkHeadline
{
    font-size: 21px;
    font-weight: bold;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 0px;
}

.weblinkSubhead
{
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 4px;
    color: #808080;
}

#weblinkByline
{
    font-size: 12px;
    padding-bottom: 5px;
    padding-top: 3px;
    vertical-align:middle;
}
#weblinkByline a
{
    color: #252525;
    text-decoration: none;
}
#weblinkByline a:hover
{
    text-decoration: underline; color: #036FDB;
}

.weblinkTimestamp				{font-family : Verdana;font-size : 11px;}
#weblinkText
{
    font-size: 13px;
    padding-top: 3px;
    line-height: 1.4em;
}
#weblinkText p
{
    margin-top: 0px;
}
#weblinkText ol
{
    margin-left: 2.4em;
    padding-left: 0;
}
#weblinkText ul
{
    margin-left: 1.5em;
    padding-left: 0;
}
#weblinkText ol li, #weblinkText ul li
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.weblink-image
{
    padding: 3px;
    background-color: #ffffff;
    border: solid 1px #DFEFFF !important;
}


/* --- home page weblink --- */
.weblink-home-titleHeadline {font:bold 28px arial, helvetica, sans-serif;padding-bottom:3px; padding-top:0px; text-align:center;}
.weblink-home-titleBottom {font:bold 16px arial, helvetica, sans-serif;padding-bottom:3px; padding-top:0px;}

.weblink-home-GiantImage
{
    margin: 5px auto;
    display: block;
    width: 500px;
}

.weblink-home-LargeImage
{
    margin: 5px auto;
    display: block;
    width: 200px;
}

.weblink-home-SmallImageTable
{
    display: block;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: 5px;
}



/*----------------------------
	QUESTIONS
----------------------------*/
/* if you use #questions-wrapper for a div tag id with runat="server"
 youcannot use '-' in questions-wrapper because in .NET, you cannot have '-' in the name of a variable. Whereas '_' is valid. */
.questions-wrapper
{
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 15px;
    border-bottom: #dcdcdc 1px dotted;
    padding-bottom: 7px;

}

.questions-wrapper-flagged
{
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 15px;
    border-bottom: #dcdcdc 1px dotted;
    padding-bottom: 7px;
    color: #C5BFBE !important;
}

.questions-wrapper-flagged a, 
.questions-wrapper-flagged .questionsSubhead,
.questions-wrapper-flagged .byline-domain,
.questions-wrapper-flagged .profileSavedFavorite {
	color: #C5BFBE !important;
}
.questions-wrapper-flagged .byline-mostpopularTime
{
	color: #C5BFBE !important;
	font-weight:bold;
}

.questions-wrapper-flagged .profileBar .profileAnswers
{
    color: #C5BFBE !important;
    background: url(images/list-answer-flagged-16px.gif) 0 0px no-repeat;
}
.questions-wrapper-flagged .profileBar .profileEmail
{
    color: #C5BFBE !important;
    background: url(images/list-email-flagged-16px.gif) no-repeat 0px 0px;
}
.questions-wrapper-flagged .profileBar .barLinksMiddleCategory
{
    color: #C5BFBE !important;
}

#questions-left
{
    float: left;
    width: 235px;
}

#questions-right
{
    width: 460px;
    margin-right:5px;
    float:right;
}

.questionsHeadline
{
    font-size: 21px;
    font-weight: bold;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 10px;
}

.questionsSubhead
{
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 4px;
    color: #808080;
}

#questionsDate
{
    font-size: 11px;
    color: #808080;
}




.questionsTimestamp				{font-family : Verdana;font-size : 11px;}
#questionsText
{
    font-size: 13px;
    margin-bottom:12px;
    line-height: 1.4em;
}
#questionsText p
{
    margin-top:0px;
}
#questionsText ol
{
    margin-left: 2.4em;
    padding-left: 0;
}
#questionsText ul
{
    margin-left: 1.5em;
    padding-left: 0;
}
#questionsText ol li, #questionsText ul li
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.question-avatar
{
    padding: 3px;
    background-color: #ffffff;
    border: solid 1px #e1e1e1 !important;
}

.question-avatar-text {
    font-size:11px;
    margin-top:5px;
	width: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
}


/* --- home page questions --- */
.questions-home-titleHeadline {font:bold 28px arial, helvetica, sans-serif;padding-bottom:3px; padding-top:0px; text-align:center;}
.questions-home-titleBottom {font:bold 16px arial, helvetica, sans-serif;padding-bottom:3px; padding-top:0px;}

.questions-home-GiantImage
{
    margin: 5px auto;
    display: block;
    width: 500px;
}

.questions-home-LargeImage
{
    margin: 5px auto;
    display: block;
    width: 200px;
}

.questions-home-SmallImageTable
{
    display: block;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: 5px;
}

.ans-btn{overflow:hidden;zoom:1;padding-bottom:3px;}
.ans-btn a{border:0;overflow:visible;padding:0;margin:5px;text-decoration:none;font:100% Arial,helvetica,sans-serif;cursor:pointer;background:#39c;float:left;white-space:nowrap;}
.ans-btn a:hover{zoom:1;}
.ans-btn a:hover{background:#c5e490;text-decoration:none;}
.ans-btn a:hover span,.ans-btn a:focus span{background-image:url(images/btn-answers-green.gif);color:#000;}

.ans-btn span{float:left;position:relative;top:5px;left:5px;border:0;background:url(images/btn-answers-blue-03.gif) no-repeat 100% 100%;color:#fff;font-weight:bold;}
.ans-btn span span{background-position:0 100%;top:0;left:-10px;}
.ans-btn span span span{background-position:0 0;top:-10px;left:0;margin-bottom:-5px;}
.ans-btn span span span span{background-position:100% 0;top:0;left:10px;padding:5px 23px 0 12px;margin-bottom:0;}

.ans-topbanner
{ 
    margin: 12px 0px 0px 52px;
    /*border-bottom: 1px dotted #EBEBEB;*/
    background-color: #FFFFFF;
 }

a.askaquestion-btn {background: url(images/answers/btn-askaquestion-01.gif) no-repeat;display: block;width: 282px;height: 40px;} 
a.askaquestion-btn:hover{ background: url(images/answers/btn-askaquestion-01.gif) no-repeat 0px -40px;}

a.answerquestions-btn {background: url(images/answers/btn-answerquestions-01.gif) no-repeat;display: block;width: 282px;height: 40px;} 
a.answerquestions-btn:hover{ background: url(images/answers/btn-answerquestions-01.gif) no-repeat 0px -40px;}

a.discoveranswers-btn {background: url(images/answers/btn-discoveranswers-01.gif) no-repeat;display: block;width: 282px;height: 40px;} 
a.discoveranswers-btn:hover{ background: url(images/answers/btn-discoveranswers-01.gif) no-repeat 0px -40px;}


.question-sidebar-txtbx
{
    border: 4px solid #A7C2ED;
    padding:3px;
}

.question-sidebar-watermarked
{
    color: #808080;
    border: 4px solid #EDA7A9;
    padding: 3px;
}



/*----------------------------
	ANSWERS
----------------------------*/

.answer-text-wrapper
{
    font-size: 13px;
    margin-bottom:12px;
    line-height: 1.4em;
}
.answer-text-wrapper p
{
    margin-top: 0px;
}
.answer-source
{
    margin-top:10px;
    color: #808080;
}

.answer-date-reply-wrapper
{
    display:block;
    width: 100%;
    float:left;
    margin-bottom:8px;
}

.answer-date
{
    float:left;
    font-size: 11px;
    color: #808080;
}
.answer-date:active  {text-decoration: none; color: #808080;}
.answer-date:link    {text-decoration: none; color: #808080;}
.answer-date:visited {text-decoration: none; color: #808080;}
.answer-date:hover   {text-decoration: underline; color: #808080;}

.answer-reply
{
    float:right;
    font-size: 11px;
}


.answer-avatar 
{
    padding: 3px;
    background-color: #ffffff;
    border: solid 1px #e1e1e1 !important;
}

.answer-avatar-text {
    font-size:11px;
    margin-top:5px;
	width: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
}


/***** Tab User Profile Navigation *****/
#tab-wrapper-answers { }

/*
.answers-nav { height: 37px; overflow:visible }


*/
/*
.answers-nav {
	background: url(images/userprofile/tab-line.gif) bottom repeat-x;
	float: right;
	width: 100%;
} 
*/
/*IE6*/

.answers-nav ul
{
    margin: 0.5em 0 0 0;
    padding: 0 0 0 1em;
    list-style: none;
    font-size: 82%;
}

.answers-nav ul {
	padding-top: 2px;
}

.answers-nav li {
	margin: 0 3px 0 0;
	padding: 0 5px 0 0;
	background: url(images/answers/tab-background-08.jpg) 100% -100px;
	float: left;
	border-bottom: 1px dotted #cccccc;
    text-align: center;
}

.answers-nav {
	padding-right: 5px;
}

.answers-nav li {
	float: right;
	font-size: 125%;
	font-weight: bold;
}

.answers-nav li.active 
{
    /* active tab */
	border-bottom: 1px solid #D1D1D1;
	background: url(images/answers/tab-background-08.jpg) 100% 0;
}

 .answers-nav li a, .answers-nav li a:visited, .answers-nav li span {
	display: block;
	float: left;
	padding: 5px 11px 5px 16px;
	text-align: center;
	white-space: nowrap;
	background: url(images/answers/tab-background-08.jpg) 0 -100px;
	text-decoration: none;
	min-height: 17px; /* fixes FX/Mac issue */
	
}
.answers-nav li a, .answers-nav li a:visited
{
    /*color: #003;*/
}
.answers-nav li a:hover
{
    color: #003;
}

.answers-nav li span
{
    color: #003;
}

.answers-nav li.active a, .answers-nav li.active span {
	background: url(images/answers/tab-background-08.jpg) 0 0; 
	color: #003;
} 
/*IE6*/


.answers-nav li:hover {
	background-position: 100% -200px;
}

.answers-nav li:hover a {
	background-position: 0 -200px;
}


.answers-nav li.active:hover {
	background-position: 100% 0;
}

.answers-nav li.active:hover a {
	background-position: 0 0;
	/*text-decoration: underline;*/
}

/*
.answers-nav li span
{
    color: #003;
    letter-spacing: -0.02em;
}
*/

.answers-thumbup
{
    background: url(images/answers/btn-thumbup-green-01.gif);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    border:none;

}
.answers-thumbup:hover
{
 background: url(images/answers/btn-thumbup-green-01.gif) no-repeat 0px -16px;
}
.answers-thumbup-votedfor
{
    background: url(images/answers/btn-thumbup-green-01.gif) no-repeat 0px -16px;
    width: 16px;
    height: 16px;
    border:none;
}

.answers-thumbdown
{
    background: url(images/answers/btn-thumbdown-red-01.gif);
    background-repeat: no-repeat;
    width:16px;
    height:16px;
    border:none;
}
.answers-thumbdown:hover
{
 background: url(images/answers/btn-thumbdown-red-01.gif) no-repeat 0px -16px;
}
.answers-thumbdown-votedfor
{
    background: url(images/answers/btn-thumbdown-red-01.gif) no-repeat 0px -16px;
    width: 16px;
    height: 16px;
    border:none;
}
.answers-thumbup-grey
{
    background: url(images/answers/btn-thumbup-grey-01.gif);
    background-repeat: no-repeat;
    width:16px;
    height:16px;
    border: none;
}
.answers-thumbdown-grey
{
    background: url(images/answers/btn-thumbdown-grey-01.gif);
    background-repeat: no-repeat;
    width:16px;
    height:16px;
    border: none;
}


.answer-nested-comments
{
    width:530px;
    border-top: dotted 1px #E6E6E6; 
    padding-top:6px; 
    padding-bottom:5px;
    padding-left:5px; 
    padding-right:5px;
    color:#444;
    word-wrap: break-word; 
    overflow: hidden;
}

.answer-nested-username
{
   font-size:11px;
}
.answer-nested-comment-date
{
    color:#999;
    font-size:11px;
}

/* Grid Template Answer Box */
.answer-box
{
    padding: 4px 0 4px;
    text-align: center;
    margin-left: 8px;
}
.answered{background: #D8FAD3;color:#5D5D5D;}
.answered-accepted{background:#D8FAD3;color:#006600;}
.unanswered{  background: #EACECE;color: #5D5D5D;}
.answerbox-count{height:25px;vertical-align:middle;font-size:190%;font-weight:bold;}

/*----------------------------
	REPORT / BURY DROPDOWN MENU
----------------------------*/
.ReportMenuPanel
{
    border: 1px solid #868686;
    z-index: 1000;
    background-color: #FAFAFA;
    cursor: pointer;
    font-size: 11px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 1px;
    padding-top: 1px;
    width: 94px;
}

a.ReportMenuItem
{
    margin: 1px 0 1px 0;
    display: block;
    color: #036FDB;
    text-decoration: none;
    cursor: pointer;
    padding: 4px 3px 4px 5px;
}
a.ReportMenuItem-Selected
{
	font-weight: bold;
}
a.ReportMenuItem:hover
{
    background-color: #fdf5e6;
    color: #003;
    border: 0px solid #D2B47A;
    padding: 4px 3px 4px 5px;
}


/*----------------------------
	COMMENTS
----------------------------*/

.comment-h2
{
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    clear: left;
    font-weight: bold;
}


.comment-title
{

    color: #696969;
    border-bottom: 1px solid #fff;
    background-image: url(images/comment-titlebar-top-05.jpg);
    background-repeat: repeat-y;
    vertical-align: middle;
    padding-right: 7px;
    padding-left: 7px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.comment-block
{
    font-size: 12px;
    margin-bottom: 12px;
    padding: 3px 5px;
    background-image: url(images/comment-body-01.jpg);
    background-repeat: no-repeat;
    line-height: 1.4em;
}
.comment-block p
{
    margin-top: 0px;
}

.comment-textbox
{
    font-family: Arial;
    font-size: 12px;
    line-height: 1.4em
}

.comment-timenote
{
    background-position: 5px 50%;
    margin: 4px 0 1px 0;
    background: url(images/comment-timenote.gif) 5px 50% no-repeat;
    color: #666666;
    padding: 3px 5px 3px 26px;
    font-size: 11px;
}

.comment-submitbutton
{
    line-height: 1em !important;
    padding: 5px 15px 5px 15px !important;
}

/*----------------------------
	USER REGISTER - SUBMIT
----------------------------*/
.usersubmit-column-first
{
    width:190px;
}
.usersubmit-column-second
{
    width:380px;
}
.usersubmit
{
    font-size: 13px;
    font-weight:bold;
}

.small-usersubmit
{
    font-size: 9px;
    color: #666666;    
}

.medium-usersubmit
{
    font-size: 11px; 
    color: #666666;
}

.user-submit-txtbx
{
    width:400px;
}

.user-txtbx
{
    width:200px;
}

.user-submit-input
{
    background-color: #ffffff; 
    border:solid 1px #cccccc;

}

/***** Submit *****/

.submit-textarea
{
    font: 13px arial, helvetica, sans-serif;
    width: 500px;
}

#submit-url-text {
	width: 500px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.submit-question-txtbx {
 padding:3px;
}


.submit-question-txtbx-watermarked {
 padding:3px;
 color: #999999;
}

.submit-textarea-bestanswer-feedback
{
    font: 13px arial, helvetica, sans-serif;
    width: 300px;
}

.watermarked
{
    color: #999999;
}

/*----------------------------
	SIDEBAR
----------------------------*/


.side-container {
    clear: both;
    padding: 10px 0 2em 0;
    font-size: 100%;
}

.side-container h2
{
    margin: 0 0 10px 0;
    font-size: 130%;
    font-weight: bold;
    line-height: 1;
    color: #333333;
}
.side-container p {
    margin: 0.3em 0 0 0;
}


.sidebar-mostrecent-item
{
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #E6E6E6;
    margin-top:5px;
    padding-top:5px;
    padding-bottom:5px;
}
.sidebar-mostpopular-item
{
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #C0C0C0;
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.sidebar-related
{
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #E6E6E6;
    margin-top:5px;
    padding-top:5px;
    padding-bottom:5px;
}
.sidebar-related-vert-middle
{
    border-top-style: dotted;
    border-top-width: 1px;
    border-top-color: #E6E6E6;
    margin-top:5px;
    padding-top:5px;
    padding-bottom:5px;
}

#sidebar
{
    border-right: #A7A5A6 1px solid;
    border-top: #A7A5A6 1px solid;
    border-left: #A7A5A6 1px solid;
    border-bottom: #A7A5A6 1px solid;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 10px;
    padding-top: 6px;
    background-color: #ffffff;
    margin-bottom: 12px;
    font-size: 14px;
}

#sidebar-header
{
    background: url(images/sidebar-header-04.png) top no-repeat;
    display: block;
    width: 215px;
    height:26px;
    
}

#sidebar-header h2
{
    font-size: 17px;
    font-weight: bold;
    padding-top: 3px;
    padding-right: 0px;
    color: #ffffff;
    margin: 0px;
    padding-left: 8px;
    padding-bottom: 0px;
    font-family: 'Microsoft Sans Serif', Verdana, Arial, 'Arial Black', ;
}

.sidebar-submit a, .sidebar-submit span
{
    padding-right: 10px;
    padding-left: 28px;
    padding-top: 6px;
    padding-bottom:6px;
    font-size: 21px;
    text-decoration: none;
    display: block; /*background: url(images/bg-submit-stuff-06.png) 100% -40px;
    color: #ECEDFD;*/
    border-bottom: #cccccc 1px dotted;
    margin-bottom: 12px;
    font-weight: bold;

}

.sidebar-submit a:hover
{
    padding-right: 10px;
    padding-left: 28px;
    padding-top: 6px;
    padding-bottom:6px;
    font-size: 21px;
    text-decoration: none;
    display: block;
    /*background: url(images/bg-submit-stuff-06.png) 100% 0px;
    color:#ffffff;*/
    margin-bottom: 12px;
    font-weight:bold;

}

.sidebar-link
{
    border-bottom: #c0c0c0 1px dotted;
    padding-bottom: 2px;
    padding-top: 2px;
    font-size: 14px;
}

.sidebar-full-parentcategory
{
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #E6E6E6;
    padding-bottom: 2px;
    padding-top: 2px;
}

.sidebar-parentcategory a, .sidebar-parentcategory span
{
    float: left;
    font-size: 14px;
}

.sidebar-parentcategory a:hover
{
    float: left;
}

.sidebar-arrowlist
{
    font-size: 12px;
    padding-left: 14px;
    background-image: url(images/bullet-rounded-arrow-01.gif);
    background-repeat: no-repeat;
    background-position: 0px center;
    display: block;
    float:left; 
    width:100%;
}

.sidebar-toggle-down
{
    border: #e9e9e9 0px solid;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    display: block;
    float: right;
    background-image: none;
    width: 10px;
    height: 10px;
    cursor: hand;
}

#sidebar-category-footer
{
    margin-top:10px; 
    text-align: right; 
    font-size:11px;
}


/***** Top Tab Navigation *****/
#toptab-wrapper { padding-right:30px; padding-top:46px;}


.toptab-nav {
	float: right;
	width: 100%;
} 
/*IE6*/

.toptab-nav ul {
	margin: 0 0 0 0;
	padding: 0 10px 0 0;
	list-style: none;
	font-size: 82%;
}

.toptab-nav li {
	margin: 0 0 0 0;
	padding: 0 20px 0 0;
	background: url(images/layout/bg-toptab.gif) 100% -27px;
	float: right;
    text-align: center;
	font-size: 125%;
	font-weight: bold;
}

.toptab-nav li.active 
{
    /* active tab */
	background: url(images/layout/bg-toptab.gif) 100% 0;
}

/* position the font here using: padding */
 .toptab-nav li a, .toptab-nav li a:visited, .toptab-nav li span {
	display: block;
	float: left;
	padding: 8px 0px 5px 19px;
	text-align: center;
	white-space: nowrap;
	background: url(images/layout/bg-toptab.gif) 0 -27px;
	text-decoration: none;
	min-height: 17px; /* fixes FX/Mac issue */
}
.toptab-nav li a, .toptab-nav li a:visited
{
    color: #003;
}
.toptab-nav li a:hover
{
    color: #036FDB;
}

.toptab-nav li span
{
    color: #003;
}

.toptab-nav li.active a, .toptab-nav li.active span {
	background: url(images/layout/bg-toptab.gif) 0 0; 
} 
/*IE6*/


.toptab-nav li:hover {
	background-position: 100% -27px;
}

.toptab-nav li:hover a {
	background-position: 0 -27px;
}


.toptab-nav li.active:hover {
	background-position: 100% 0;
}

.toptab-nav li.active:hover a {
	background-position: 0 0;
	text-decoration: underline;
}

.toptab-nav li span
{
    color: #003;
    letter-spacing: -0.02em;
}


/*----------------------------
	AMAZON
----------------------------*/
.amazon-sidebar-productname a
{
    font-size: 12px;

}
.amazon-sidebar-productname a:visited
{
    font-size: 12px;
}

.amazon-sidebar-seedetails
{
    font-size: 11px;
}

.amazon-product-header
{
    font-size:25px;
    margin-top: 10px;
    margin-bottom: 3px;
}


/************************************************************************
* 
* Events Calendar specific formatting 
*
************************************************************************/

.eventlist-itemwrapper
{
    padding-top: 7px;
    padding-bottom: 7px;
    width: 100%;
    border-bottom: #f5f5f5 1px solid;
}

/* Surrounds the calendar */
.eventmonth
{
    border: 1px solid #DBDB79;
    width: 694px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    text-align: center;
}

/* used as the cssclass of the actual calendar */
.eventmonthtable
{
    width: 694px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    margin-bottom: 15px;
}


.dayNumber
{
    float: right;
    border-bottom: 1px solid #C7C272;
    border-left: 1px solid #C7C272;
    clear: none;
    padding: 2px;
}


.calcurrentmonth
{
    /* no styles needed at this time */
    background-color: #ffffe0;
}

.calothermonth
{
    background-color: #DCD78E;
}
.calcurrentday
{
    background-color: #FFFFC1;
}
.calweekend
{
    background-color: #fffff0; /*  width: 15%; */
}


.calcurrentmonth, .calcurrentmonth, .calothermonth, .calcurrentday, .calweekend
{
    text-align: left;
    height: 85px;
    vertical-align: top; /* needed for positioning the dayNumber part */
    border-collapse: separate;
    border-spacing: 5px;
    border-right: #bdb76b 2px solid;
    border-top: #bdb76b 2px solid;
    border-left: #bdb76b 2px solid;
    border-bottom: #bdb76b 2px solid;
    border-collapse: separate;
}


/******************
 NEWS GRID LIST
******************/

.newsgrid-wrapper
{
    padding-top: 12px;
    padding-bottom: 7px;
    width: 100%;
    border-bottom: #f5f5f5 1px solid;
}
.newsgrid-wrapper-flagged, .newsgrid-not-published
{
    padding-top: 12px;
    padding-bottom: 7px;
    width: 100%;
    border-bottom: #f5f5f5 1px solid;
    color: #C5BFBE !important;
}


.newsgrid-wrapper-flagged a, 
.newsgrid-wrapper-flagged .profileSavedFavorite,
.newsgrid-wrapper-flagged .newsgrid-domain
 {
	color: #C5BFBE !important;
}
.newsgrid-wrapper-flagged .byline-mostpopularTime
{
	color: #C5BFBE !important;
	font-weight:bold;
}

.newsgrid-wrapper-flagged .profileBar .profileComments
{
    color: #C5BFBE !important;
    background: url(images/list-comment-flagged-16px.gif) 0 0px no-repeat;
}

.newsgrid-wrapper-flagged .profileBar .profileAnswers
{
    color: #C5BFBE !important;
    background: url(images/list-answer-flagged-16px.gif) 0 0px no-repeat;
}

.newsgrid-wrapper-flagged .profileBar .profileEmail
{
    color: #C5BFBE !important;
    background: url(images/list-email-flagged-16px.gif) no-repeat 0px 0px;
}
.newsgrid-wrapper-flagged .profileBar .barLinksMiddle,
.newsgrid-wrapper-flagged .profileBar .barLinksMiddleUser, 
.newsgrid-wrapper-flagged .profileBar .barLinksMiddleCategory
{
    color: #C5BFBE !important;
}

.newsgrid-image-wrapper
{
    padding-top: 5px;
    padding-bottom:5px;
    height: 160px;
    vertical-align:middle;
    text-align: center;
    width: 210px;
}

.newsgrid-tag
{
    height:11px;
    vertical-align:top;
    width: 210px;
}

.newsgrid-title-wrapper
{
    padding-top: 10px;
    padding-bottom: 5px;
    height:80px;
    vertical-align:top;
    width: 210px;
    
}
.newsgrid-title
{
    font-size: 17px;
    font-weight: bold;
    padding-bottom:2px;
}
.newsgrid-domain
{
    color: #404040;
    font-size: 11px;
}

#newsgrid-store
{
   font-size: 11px;
}
#newsgrid-store a
{
   color: #666666;
   text-decoration: none;
}
#newsgrid-store a:hover
{
    text-decoration: underline;color: #003;
}


.newsgrid-profilebar
{
    height: 25px;
    
}


.newsgrid-tagicon
{
    padding-left:9px;
}

/**** Related List Template ****/

.relatednewsgrid-image-wrapper
{
    padding-top: 5px;
    padding-bottom:5px;
    height: 105px;
    vertical-align:middle;
    text-align: center;

}
.relatednewsgrid-title-wrapper
{
    padding-top: 2px;
    padding-bottom: 2px;
    height: 42px;
    vertical-align: top;
    font-size: 11px;
    text-align: center;
}

.relatednewsgrid-noimage
{
    padding-top:24px;
}


/* Used in article and weblink */
.byline-mostpopularTime
{
    color: #A12A2A;
}

.byline-domain
{
    color: #404040;
    font-size: 11px;
}

/******************
PHOTOS
******************/

/**** photo sidebar - articles ****/
.photo-sidebar {padding-left: 8px; padding-bottom: 2px; padding-top:3px; width: 170px;}
.photo-sidebar-header
{
    background-image: url(images/bg-picture-sidebar-02.jpg);
    background-repeat: repeat-x;
    border-right: #cccccc 1px dotted;
    border-left: #cccccc 1px dotted;
    border-bottom: #cccccc 1px solid;
    height: 22px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #CCCCCC;
}
.photo-sidebar-item
{
    border-right: #cccccc 1px dotted;
    border-left: #cccccc 1px dotted;
    padding-left:5px;
    padding-right:5px;
}
.photo-sidebar-footer
{
    font-size: 12px;
    border-right: #cccccc 1px dotted;
    border-left: #cccccc 1px dotted;
    border-bottom:#cccccc 1px dotted;
    padding-bottom: 5px;
    padding-top:2px;
    padding-left:5px;
    padding-right:5px;
    text-align:center;
}
.photo-sidebar-seperator
{
    margin-bottom:1px; border-bottom: dotted 1px #cccccc;
    height:1px;
    
}

#captionSidebar {
	font-size : 11px;
	font-family: arial, helvetica, sans-serif;
	color:#333333;
	padding-top:10px;
	padding-bottom:10px;
}

#captionSidebar #creditSidebar {
    color: #999;
}

#captionSidebar p { margin-top: 0px; margin-bottom:3px;}

#captionPhotoGallery {
	font-size : 12px;
	color:#333333;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
	width:400px;
}
#captionPhotoGallery #creditPhotoGallery {
    color: #999;
}

.photoGalleryHeader
{
    font-size: 190%;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 5px;
    margin-top:0px;
    margin-bottom:8px;
    border-bottom: #d3d3d3 1px dotted;
}

.photoTitleHeader
{

    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 10px;
}


.photo-top-giant
{
    margin: 5px auto;
    display: block;
    width: 500px;
}

.photo-bottom-large
{
    margin: 5px auto;
    display: block;
    width: 180px;
}


p.photocredit-list
{
    margin: 0px 0px 0px;
    font-size: 10px;
    text-align: right;
    color: #999;
}


/* --- photo gallery --- */
.photogallery-block {}
/* --- used on the gallery page --- */
.photogallery-main-title {font:bold 23px arial, helvetica, sans-serif;padding-bottom:3px;}
.photogallery-title{ font: bold 16px arial, helvetica, sans-serif; padding-bottom: 1px;}

/* --- photo gallery list --- */
.photo-summary-block {}
.photo-summary-titlefirst {font:bold 23px arial, helvetica, sans-serif;padding-bottom:3px;}
.photo-summary-titlesecond{font: bold 16px arial, helvetica, sans-serif;padding-bottom: 1px;}

.photo-first-padleft {float:left; margin: 0px 5px 2px 0px; border:none;}
.photo-second-padleft {float:left; margin: 0px 5px 2px 0px; border:none;}

.photo-header-h2
{
    margin-top: 0px;
    margin-bottom: 1px;
    font-size: 130%;
    font-weight: bold;
    clear: left;
}

/*Modal Popup*/
.photo-modalpopup-background
{
    background-color: #000000;
    filter: alpha(opacity=70);
    opacity: 0.7;
}


/*----------------------------
	THUMBNAIL WRAP
----------------------------*/

.thumbMediumSpan a, .thumbMediumSpan span
{
    display: block;
    width: 123px;
	height: 85px;
}

.thumbMediumWrapperInner
{
    overflow: hidden;
    width: 123px;
    height: 85px;
    border: 1px solid #ffffff;
    background-color: #F2F2F2;
}

.thumbMediumWrapperOuter
{
    width: 125px;
	border: 1px solid #999999;
}

.thumbSmallWrapperInner
{
    overflow: hidden;
    width: 98px;
    height: 67px;
    border: 1px solid #ffffff;
    background-color: #F2F2F2;
}

.thumbSmallWrapperOuter
{
    width: 100px;
	border: 1px solid #c0c0c0;
}

.thumbTinyWrapperInner
{
    overflow: hidden;
    width: 48px;
    height: 33px;
    border: 1px solid #ffffff;
    background-color: #F2F2F2;
}

.thumbTinyWrapperOuter
{
    width: 50px;
	border: 1px solid #c0c0c0;
	text-align:center;
}


/*----------------------------
	RSS
----------------------------*/
.feedTableCell
{
    padding-right: 6px;
    padding-left: 6px;
    padding-bottom: 6px;
    padding-top: 6px;
    background-color: #ffffff;
}

/*----------------------------
	SHARETHIS 
----------------------------*/
/**** ShareThis button *****/
.stbutton
{

} 
.stbutton a 
{
    text-decoration:none;
}
.stbuttontext
{

}

.stRightSide
{
display: block;
float: right;
padding-bottom:4px;
clear: none;
}

/*----------------------------
	RATING
----------------------------*/
.ratingStar
{
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.ratingStarFilled {
    background: url(images/ratingFilledStar.png);

}

.ratingStarEmpty {
    background: url(images/ratingEmptyStar.png);
}

.ratingStarSaved {
    background: url(images/ratingSavedStar.png);
}



/*----------------------------
	MOST POPULAR SIDEBAR
----------------------------*/

/* ajax__tab_technorati-theme theme */
.ajax__tab_technorati-theme .ajax__tab_header 
{
    font-family:"Helvetica Neue", Arial, Sans-Serif;
    background:url(images/tabs/technorati/tab-line.png) repeat-x bottom;
    font-size:12px;
    display:block;
    font-weight:bold;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(images/tabs/technorati/tab.png) no-repeat left top;
    border-color:#222;
    color:#222;
    padding-left:14px;
    margin-right:3px;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_inner 
{
    background:url(images/tabs/technorati/tab.png) no-repeat right top;
    border-color:#666;
    color:#666;
    padding:3px 10px 2px 0px;
}
.ajax__tab_technorati-theme .ajax__tab_hover .ajax__tab_inner 
{
    color:#000000;
    cursor:pointer;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_outer 
{
    background:url(images/tabs/technorati/tab.png) no-repeat 0pt -40px;
    border-bottom-color:#ffffff;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_inner 
{
    background:url(images/tabs/technorati/tab.png) no-repeat right -40px;
    color:#000000;
    border-color:#333
}
.ajax__tab_technorati-theme .ajax__tab_body 
{
    font-family:arial,verdana,tahoma,helvetica;
    font-size:11px;
    padding:8px;
    background-color:#ffffff;
    border:solid 1px #d7d7d7;
    border-top-width:0;
}


/*----------------------------
	TAGS - Post
----------------------------*/

.postTagsBar
{
    float: left;
    padding-right: 7em;
    padding-left: 0px;
    padding-bottom: 16px;
    padding-top: 5px;
    width: 100%;
    font-size: 11px;
}


/* TagCloud
----------------------------------------------------------*/
.TagCloud
{
    border: 1px solid #CCCCCC;
    padding: 3px;
    text-align: center;
}
.TagCloud > span	/* Applies to each tag of the tag cloud */
{
	margin-right:3px;
	text-align:center;
}
.TagCloud > span.TagWeight1	/* Applies to the largest tags */
{
	font-size:25px;
}
.TagCloud > span.TagWeight2
{
	font-size:20px;
}
.TagCloud > span.TagWeight3
{
	font-size:18px;
}
.TagCloud > span.TagWeight4
{
	font-size:15px;
}
.TagCloud > span.TagWeight5	/* Applies to the smallest tags */
{
	font-size:12px;
}

/*----------------------------
	TOP TEN LIST
----------------------------*/


#toptenlist
{
	margin: 0px 0px 20px 0px;
	padding: 10px 0px 0px 0px;
	font-family: Verdana,Arial,sans-serif;
}
#toptenlist h3.pickofyear 
{
	    border-style: none;
        border-color: inherit;
        border-width: 0px;
        background: url(images/top-10-online-dating-picks.jpg) no-repeat;
        width: 400px;
        height: 35px;
        margin: 0px;
        padding: 0px;
	}

#toptenlist h3.toptenpickssidebar
{
	    border-style: none;
        border-color: inherit;
        border-width: 0px;
        background: url(images/top-10-picks-sidebar-03.jpg) no-repeat;
        width: 300px;
        height: 35px;
        margin: 0px;
        padding: 0px;
	}

#toptenlist small
{
	float: right;
	margin: -20px 0px 0px 0px;
	color: #df0000;
}

#lastupdated
{
	font-size: 13px;
	font-weight: bold;
}

#toptenlist table
{
	border: 0px;
	width: 100%;
	border: 1px #C97272 solid;
}
#toptenlist table tr th
{
    background: url(images/bg-toptenlist-fade-01.jpg);
    height: 34px;
    color: #ffffff;
    border-right: 1px #C25754 solid;
    font-size: 11px;
    text-align:center;
}


#toptenlist table tr td.rank, #toptenlist table tr td.price, #toptenlist table tr td.rating
{
	line-height: 13px;
}

#toptenlist table tr td.price, #toptenlist table tr td.rating
{
	font-size: 18px;
}

#toptenlist table tr td.ratinghearts
{
	font-size: 18px;
    padding:7px;
 text-align: center;
}


#toptenlist table tr.firstpick td
{
    height: 70px;
    background: #FFFFE8;
    height: 80px;
    color: #000000;
	font-weight: bold;
}



#toptenlist table tr td
{
    background: #F7FAFD;
    border-bottom: 1px solid #999999;
}

#toptenlist table tr td
{
	height: 50px;
	border-right: 1px #F5E4E4 solid;
	text-align: center;
}

#toptenlist table tr td.logo
{
 padding:7px;
}

#toptenlist table tr td.overview
{
 padding:7px;
 text-align: center;
 font-weight: normal;
    font-family: Arial,sans-serif;
}
#toptenlist table tr td.members
{
 padding:15px;
 text-align: center;
 font-weight: normal;
    font-family: Verdana,Arial,sans-serif;
    font-size:14px;
}

#toptenlist table tr td.rank
{
     padding:3px;
    font-size: 20px;
    font-weight: bold;
    font-family: Verdana,Arial,sans-serif;
}

#toptenlist table tr td.rank a
{
	text-decoration: none;
	color: #000000;
}

#toptenlist table tr.firstpick td a
{
	color: #000000;
	text-decoration: none;	
}

#toptenlist table tr.firstpick td .toppick
{
	padding-top: 2px;
}



.toppick
{
	font-size: 10px;
	line-height: 10px;
	margin-bottom: 2px;
	padding-bottom: 1px;
	padding-top: 2px;
	font-weight: normal;
}

.hostlogo
{
	margin-top: 5px;
}

#toptenlist table tr td.price .special-price
{
	margin-bottom: -10px;
}

.special-price
{
	font-size: 10px;
	font-weight: normal;
	padding-bottom:20px;
}


#toptenlist table tr td.performancetime
{
	font-size: 10px;
	width: 95px;
	font-weight: normal;
}
#toptenlist table tr td.performancetime div
{
    padding: 0px 5px 0px 5px;
    font-weight: normal;
    text-align:center;
}


#toptenlist table tr td.visitreview
{
    font-family: Verdana,Arial,sans-serif;
	font-size: 11px;
	font-weight: normal;
	width: 90px;
}
#toptenlist table tr td.visitreview a
{
    font-family: Verdana,Arial,sans-serif;
    color: #036FDB;
    text-decoration: underline;
}
#toptenlist table tr td.visitreview p
{
	font-size: 13px;
	margin-top: 1px;
}
#toptenlist table tr td.moreinfo
{
    font-family: Verdana,Arial,sans-serif;
	font-size: 11px;
	font-weight: normal;
	width: 110px;
}
#toptenlist table tr td.moreinfo a
{
    font-family: Verdana,Arial,sans-serif;
    color: #036FDB;
    text-decoration: underline;
}
#toptenlist table tr td.moreinfo p
{
	font-size: 13px;
	margin-top: 1px;
}