/************************************************************************************
				 *									MAIN											*
				 ************************************************************************************/
/********************
	FONT SIZES
	==========
	Font sizes used:
	0.8em --> 10px
	0.9em --> 11px
	1em --> 12px
	1.2em --> 16px
	1.6em --> 18px
	2em --> 24px

NOTE: These sizes are based on the fact that the body font size is 76%
********************/				

/************
 * Elements *
 ************/
html{overflow-y:scroll}
body 
{
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-right: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	margin-top: 10px;
}

a, a:link, a:visited, a:active 
{
	color: #0033FF;
	text-decoration: none;
}

a:hover
{
    color: #FFFFFF;
    background-color: #3399ff;
    text-decoration: none;
}

h1.LeftColumn
{
	background-image: none;
	width: 530px;
	margin-top: 10px;
}
h1.H1Facebook 
{
	width: 628px;
}
h1 .HeaderRoundedCorner, h2 .HeaderRoundedCorner
{
	position: absolute;
	top: 0px;
	right: -1px;
	width: 32px;
	height: 31px;
}
h2
{
	font-size: 1.2em;
	font-weight: bold;
	color: #096491;
}

h2.SpecialHeader
{
	color:#ff4a00;
	font-size: 1.2em;
	margin: 5px 0px 0px 0px;
}
h2.SubHeader, h1.SubHeader
{
    background-image:url(http://static1.yeddacdn.com/Images/HeaderBG.gif);
    background-repeat: repeat-x;
    padding:8px 0px 10px 5px;
    background-color: Transparent;
    float:left;
}
h3
{
	color: #FF4a00;
	font-size: 1em;
	font-weight: bold;
	display: inline;
	margin: 0px;
}
h3.NormalHeader
{
	color: #000000;	
}

abbr 
{
	border-bottom: none;
}

address 
{
	font-style: normal;
}

/******************
	 End Elements 
*******************/

/*********************************************
					Lists
**********************************************/

/*
			Bullet list 
Creates a list with an orange arrow bullet
usage:
<ul class="BulletList">
	<li>Item 1</ul>
	<li>Item 2</li>
</ul> 
*/
.BulletList 
{
	list-style-type: none;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
}
.BulletList li
{
	list-style-position: outside;
	padding: 3px 0px 3px 7px;
	clear: both;
}
/* not in use - only works in FF/Mozilla
.BulletList li:before
{
	content: "\203a \0020  ";  
	margin-left: -1.25em;
	color: #ff4a00;
}
*/
.SpecialBullet
{
	font-weight: bold;
	color: #ff4a00;
	padding: 0px 5px 0px 0px;
}
/*
			End Bullet list 
*/
/*
		Horizontal bullet list
Used to create a horizontal list with a bullet 
in front of each item
Usage:
<ul class="BulletListHorizontal">
	<li>Item1</li>
	<li>Item2</li>
</ul>
*/
.BulletListHorizontal
{
	float: left;
	clear: both;
	vertical-align: text-top;
	margin: 0px;
	padding: 5px 0px 5px 0px;
}
.BulletListHorizontal li
{
	list-style-position: outside;
	padding: 3px 0px 3px 5px;
	margin: 0px 5px 0px 0px;
    display: inline;
}
/*
		End Horizontal bullet list
*/
/* Custom Bullet List
	A list with no bullet, that we can decide in each case which bullet to add
*/
.CustomBulletList
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.CustomBulletList li
{
	padding: 3px 0px 3px 0px;
}
.CustomCharBullet
{
	color: #ff4a00;
	padding: 0px 5px 0px 0px;
}


/**********************************************
				End Lists
***********************************************/

/*********************************************
				Buttons
**********************************************/

.Button /* standard button*/
{
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-top: 1px solid #f9ad8f;
	border-left: 1px solid #f9ad8f;
	border-bottom: 1px solid #742b0d;
	border-right: 1px solid #742b0d;
	background-color: #ff4a00;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
}
.ButtonHyperLink
{
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-top: 1px solid #f9ad8f;
	border-left: 1px solid #f9ad8f;
	border-bottom: 1px solid #742b0d;
	border-right: 1px solid #742b0d;
	background-color: #ff4a00;
	cursor: pointer;
}
.ButtonHyperLinkSecondary
{
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-top: 1px solid #7bc3e7;
	border-left: 1px solid #7bc3e7;
	border-bottom: 1px solid #022333;
	border-right: 1px solid #022333;
	background-color: #096491;
	cursor: pointer;
	
}
.ButtonHyperLinkSpecial
{
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-top: 1px solid #f6f5ed;
	border-left: 1px solid #f6f5ed;
	border-bottom: 1px solid #9c9a8f;
	border-right: 1px solid #9c9a8f;
	background-color: #49a538;
	cursor: pointer;
}
.ButtonHyperLink a, .ButtonHyperLink a:link, .ButtonHyperLink a:active, .ButtonHyperLink a:visited
{
	color: #FFFFFF;
}
.ButtonHyperLinkSecondary a, .ButtonHyperLinkSecondary a:link, .ButtonHyperLinkSecondary a:active, .ButtonHyperLinkSecondary a:visited
{
	color: #FFFFFF;
}
.ButtonHyperLinkSpecial a, .ButtonHyperLinkSpecial a:link, .ButtonHyperLinkSpecial a:active, .ButtonHyperLinkSpecial a:visited
{
	color: #ffffff;
}
.ButtonHyperLink a:hover, .ButtonHyperLinkSecondary a:hover, .ButtonHyperLinkSpecial a:hover
{
	background-color: Transparent;
}
.ButtonSecondary
{
	color: #ffffff;
	background-color: #096491;
	border-top: 1px solid #7bc3e7;
	border-left: 1px solid #7bc3e7;
	border-bottom: 1px solid #022333;
	border-right: 1px solid #022333;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}
.ButtonSearch
{
    background-image:url("http://static1.yeddacdn.com/Images/MagnifyingGlass.gif");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left:15px;
}
.ButtonSearchSSL
{
    background-image:url("https://yedda.com/Images/MagnifyingGlass.gif");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left:15px;
}
/* ButtonSpecial - Orange button with background */

.ButtonSpecial
{
	height: 32px;
	color: #ffffff;
	font-weight: bold;
	float: left;
	clear: none;
	border: 0px;
	background-color: Transparent;
	cursor: pointer;
	position: relative;
}
.ButtonSpecialLeft
{
	height: 32px;
	width: 5px;
	float: left;
	clear: left;
	cursor: pointer;
}
.ButtonSpecialMiddle
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}
.ButtonSpecialRight
{
	height: 32px;
	width: 6px;
	float: left;
	clear: right;
	cursor: pointer;
}

/* End ButtonSpecial */

/* Facebook Button */
.FacebookLinkButton
{
    background-color: #39599c;
    color: #ffffff;
    border-top: 1px solid #dedfef;
    border-left: 1px solid #dedfef;
    border-right: 1px solid #081c5a;
    border-bottom: 1px solid #081c5a;
    padding: 3px 5px 3px 5px;
    text-decoration: none;
    font-size: 0.9em;
    float: left;
}
.FacebookLinkButton a, .FacebookLinkButton a:link, .FacebookLinkButton a:active, .FacebookLinkButton a:visited, .FacebookLinkButton a:hover
{
	color: #ffffff;
	background-color: Transparent;
}
/* End Facebook Button*/
/**  AOL Buttons  **/
.ButtonAOL
{
    background-color: #d7f7c7;
    color: #000000;
    border: 1px solid #50b623;
    padding: 2px 5px 2px 5px;
	margin: 0px;
	cursor: pointer;
}
.ButtonSecondaryAOL
{
    border: 1px solid #969696;
    background-color: #e7e7e6;
    padding: 2px 5px 2px 5px;
    margin: 0px;
    cursor: pointer;
}
/** End AOL Buttons  **/
/***********
 * Classes *
 ***********/

/* Capitalizes first letter of words */
.CapitalizedData
{
	text-transform: capitalize;
}

/* Main Div with rounded corner*/
.Content
{
	width: 750px;
	border: 1px solid #ACB6C9;
	position: relative;
	padding: 5px;
	float: left;
}
.ContentRoundedCorner
{
	position: absolute;
	top: -1px;
	right: -1px;
	width: 32px;
	height:28px;
}
.ErrorMessage
{
	color: #e04228;
	background-image: url("http://static1.yeddacdn.com/Images/Attention2.gif");
	background-position: 8px 8px;
	background-repeat :no-repeat;
	padding: 10px 5px 8px 30px;
	clear: both;
	float: left;
	/* min-height fast workaround: http://www.dustindiaz.com/min-height-fast-hack */
	min-height: 30px;
	height: auto !important;
	height: 30px;
	/* end min-height workaround */
	width: 90%;
}
.ErrorMessage ul
{
	margin: 5px 0px 0px 20px;
	padding: 0px;
}

.generalcontent /* a general div to use anywhere */
{
	border-style: none;
	margin-bottom: 0px;
	clear: both;
	padding-top: 10px;
}
/********************************************************************************
	Horizontal List
	Style definitions for making a horizontal list with a grey line separating
	each item
Usage:
<ul class="HorizontalList">
	<li>text 1</li>
	<li>text 2</li>
	<li class="HorizontalListLastItem">text 3</li>
</ul>
********************************************************************************/
.HorizontalList
{
	margin: 0px;
	padding: 0px;
	display: inline;
	vertical-align: text-top;
}
.HorizontalList li
{
	list-style-type: none;
    display: inline;
    border-right: 1px solid #ACB6C9;
    padding: 0px 5px 0px 5px;
    margin: 0px;
}

.HorizontalList .HorizontalListLastItem /* For the last item in the list, because it doesn't need a right border */
{
	border: 0px;
	padding: 0px 0px 0px 5px;
}
.HorizontalList .HorizontalListSpecialItem /* For other items in the list, that we want to be different */
{
	border: 0px;
	padding-left: 0;
}
.HorizontalList .SpecialFirstLink
{
	padding-left: 0px;
	margin-right: 5px;
}

/********************************************************************************
	End Horizontal List
********************************************************************************/
.HeaderSmall /* to be used when supplementary text is displayed with a header */
{
	font-size: 0.8em;
	font-weight: normal;
	display: inline;
	color: #000000;
	border-left: 1px solid #ACB6C9;
	padding-left: 5px;
}
.HeaderH1Small
{
	font-size: 0.6em;
	font-weight: normal;
	display: inline;
	color: #000000;
	border-left: 1px solid #ACB6C9;
	padding-left: 5px;
}
.NewBlurb
{
	background-color: #f9c562; 
	font-size: 0.8em;
	padding: 0px 3px 0px 3px;
}
.SpecialLink
{
	background-color: #f9c562;
	padding: 1px;
	margin: 0px;
	float: left;
}
.oEmbedNotificationImage
{
	border: none;
	margin-right: 3px;
}
.TagsFont
{
	font-size: 0.9em;
}

.Textfield
{
	border: 1px solid #ABB6C8;
}
/**************************************
	Styles for text truncation
***************************************/

.ExpandingEllipsis
{
    cursor: pointer;
    padding: 0px;
    margin: 0px;
    float: left;
}
.fullDisplayHidden
{
    display: none;
}
.fullDisplayVisible
{
    display: inline;
    padding: 5px;
    float: left;
    width: 100%;
    white-space: normal;
}
.TruncateOuter
{
    width: 100%;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}
.OuterDiv2
{
    width: 500px;
    height: 150px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}
.Truncated, .TruncatedAddEllipsis, .TruncatedAddExpandEllipsis
{
    white-space: nowrap; 
}
.HeightTruncated, .HeightTruncatedAddEllipsis, .HeightTruncatedAddExpandEllipsis
{
}
            
/**************************************
	End Styles for text truncation
***************************************/

.SystemMessage
{
	background-color: #FCEED3;
	padding: 10px;
	border: 1px solid #ff4a00;
}

.SettingsValidationSummary 
{
	margin: 10px 0px 10px 0px;
	clear:both;
}

/* TinyMCE links to replace buttons */

.TinyMCETextButtonsDivFacebook
{
	position: absolute;
	bottom: 5px;
	right: 20px;
	z-index: 10;
}
.TinyMCETextButton
{
	font-size: 0.75em;
	padding: 0px 3px 0px 0px;
	border-right: 1px solid #acb6c9;
}
.TinyMCETextButtonEnd
{
	font-size: 0.75em;
	padding: 0px;
}
.WalletPopAdsAttribution{
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	padding: 5px 0px 5px 0px !important;
	margin: 5px 0px 0px 0px;
}

/**************** 
	End Classes 
*****************/

/******************
		IDs
*******************/



#ErrorPageBody
{
	text-align: center;
}
#ErrorPageContainer
{
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	background-color: #FFFFFF;
	width: 980px;
	padding: 0;
	text-align: left;
}

/******************
		End IDs
*******************/