body
{
	font-family: verdana;
    font-size: 12px;
    float:left;
    margin:0px auto;
    width:100%;
    height:100%;
    background-color:#ffc63b;
    overflow:auto;
}

.menu
{
	width:100%;
	height:25;
	margin:0 auto;
	padding:0px
	background-repeat:repeat-x;
	background-image: url('/images/webclient/menuGradient.png');
}
.hardBreak

{
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */

}
.menuRotatingLink a
{
	font-weight: bold;
	font-family:verdana;
	font-size: 12px;
	color:#ffffff;
}

#rotatingGames
{
	padding-top: 2px;

}

#breadcrumbs
{
	padding-top:10px;
	padding-left:20px;
	font-weight: bold;
	font-family:verdana;
	font-size: 12px;
	width:100%;
}

#breadcrumbs a
{
	font-weight: bold;
	font-family:verdana;
	font-size: 12px;
	color:#000000;
	text-decoration: underline;
}
#breadcrumbs a:hover
{
	font-weight: bold;
	font-family:verdana;
	font-size: 12px;
	color:#ffffff;
	text-decoration: underline;
}

.friendStatusText
{
	font-weight: bold;
	font-family:verdana;
	font-size: 12px;
	color: green;
}

.rowSelected
{
	font-weight:bold;
}
.rowSelected a
{
	font-weight:bold;
}

.errorText
{
	color: red;
	font-weight:bold;
	font-family:verdana;
	font-size:12px;
}
.bigErrorText
{
	color: red;
	font-weight:bold;
	font-family:verdana;
	font-size:16px;
}
.successText
{
	color: green;
	font-weight:bold;
	font-family:verdana;
	font-size:12px;
}

.navColumn
{
	width: 210px;
	padding-left: 5px;
}

.textClass
{
	font-family: verdana;
    font-size: 12px;	
}
.fieldLabel
{
	font-family: verdana;
    font-size: 12px;
    font-weight:bold;
    padding-right: 10px;
}
.greenFieldLabel
{
	color:green;
	font-family: verdana;
    font-size: 12px;
    font-weight:bold;
    padding-right: 10px;
}
.instructionText
{
	font-family: verdana;
    font-size: 12px;
    font-weight:bold;
}
.tableContainerHeadingLabel
{
	font-family: verdana;
    font-size: 12px;
    font-weight:bold;
    padding-right: 10px;
    color: #ffffff;
}
.header 
{
	border-style: solid;
	border-thickness: 0;
	border-skin: ClassReference("border.DoubleGradientBorder");
	fill-colors: #a5a0a0, #857979;
	fill-colors2: #857979, #a5a0a0;
	corner-radius: 0;
	drop-shadow-enabled: true;
	height: 30px;
	width: 100%;
}

.top
{
	vertical-align:top;
}

.tableContainer
{
	padding-top: 20px;
	width:1260px;
	/*border: 1px solid #000000;*/

}
.friendsListContainer
{
	overflow:auto;
	width:100%;
	height: 500px;
	scrollbar-base-color: #fecd8b;
}
.trophiesListContainer
{
	overflow:auto;
	width:100%;
	height: 300px;
	scrollbar-base-color: #fecd8b;
}
.friendsListRow
{
	border-top: 1px solid #cc6500;
}
.friendsListCol
{
	background-color:#cc6500;
}

.prizesContainer
{
	overflow:auto;
	width:180px;
	height: 75px;
	scrollbar-base-color: #fecd8b;
}
.hatsContainer
{
	scrollbar-base-color: #fecd8b;
	overflow:auto;
	width:180px;
	height: 75px;
}
.giftsContainer
{
	scrollbar-base-color: #fecd8b;
	overflow:auto;
	width:180px;
	height: 80px;
}
.giftMessagesContainer
{
	scrollbar-base-color: #fecd8b;
	overflow:auto;
	height: 400px;
}

.newsContainer
{
	scrollbar-base-color: #fecd8b;
	overflow:auto;
	width:360px;
	height: 300px;
}
.newsMyHomeContainer
{
	scrollbar-base-color: #fecd8b;
	overflow:auto;
	width:100%;
	height: 300px;
}
.friendsContainer
{
	scrollbar-base-color: #fecd8b;
	overflow:auto;
	width:360px;
	height:300px;
}

.myprofileScreenName
{
	font-family: verdana;
    font-size: 12px;
    font-weight:bold;
}


#faceConstructBox {
position:relative;
display:block;
}
img.faceConstructHat
{
	position: absolute;
	top: -27px;
	left: -12px;
}
img.faceConstruct {
position: absolute;
top: 0px;
left: 0px;
} 
img.faceConstructBadge
{
	position: absolute;
	top: 20px;
	left:20px;
}

.myprofileTextArea
{
	width:100%;
	height:60px;
}
.sideNavigation
{
	list-style: none;
	padding: 0;
	margin: 0;
	text-align:center;
}
.activeSideNavigation
{
	background-image: url('/images/webclient/navigation/navigation-button-active.png');
	height: 24px;
	width: 210px;
	text-align:center;
	margin-bottom: 5px;
}
.activeSideNavigation a
{
	color:#000000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-family: verdana;	
}
.activeSideNavigation a:hover
{
	color:#FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-family: verdana;	
}
.formButtons
{

	list-style: none;
	padding: 0;
	margin: 0;
	padding-right: 5px;
}

.formSubmitButton
{
	display:inline;
	display: -moz-inline-box;
	display: inline-block;	
	background-image: url('/images/webclient/form/form-submit-button-79x24.png');
	height: 24px;
	width: 79px;
	text-align:center;
	margin-bottom: 5px;
	margin-left: 2px;
	margin-right:2px;	
}
.formSubmitButtonInactive100x24
{
	display:inline;
	display: -moz-inline-box;
	display: inline-block;		
	background-image: url('/images/webclient/form/form-submit-button-inactive-100x24.png');
	height: 24px;
	width: 100px;
	text-align:center;
	margin-bottom: 5px;
	margin-left: 2px;
	margin-right:2px;	
}
.formSubmitButtonInactive100x24 span
{
	color: grey;
	font-size: 12px;
	font-weight: bold;
	font-family: verdana;
}

.formSubmitButton100x24
{
	display:inline;
	display: -moz-inline-box;
	display: inline-block;		
	background-image: url('/images/webclient/form/form-submit-button-100x24.png');
	height: 24px;
	width: 100px;
	text-align:center;
	margin-bottom: 5px;
	margin-left: 2px;
	margin-right:2px;	
}
.formSubmitButton100x24 a
{
	color:#000000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-family: verdana;	
}
.formSubmitButton100x24 a:hover
{
	color:#FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-family: verdana;	
}

.formSubmitButton250x24
{
	display:inline;
	display: -moz-inline-box;
	display: inline-block;		
	background-image: url('/images/webclient/form/form-submit-button-250x24.png');
	height: 24px;
	width: 250px;
	text-align:center;
	margin-bottom: 5px;
	margin-left: 2px;
	margin-right:2px;	
}
.formSubmitButton250x24 a
{
	color:#000000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-family: verdana;	
}
.formSubmitButton250x24 a:hover
{
	color:#FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-family: verdana;	
}


.formSubmitButton200x24
{
	display:inline;
	display: -moz-inline-box;
	display: inline-block;		
	background-image: url('/images/webclient/form/form-submit-button-200x24.png');
	height: 24px;
	width: 200px;
	text-align:center;
	margin-bottom: 5px;
	margin-left: 2px;
	margin-right:2px;	
}
.formSubmitButton200x24 a
{
	color:#000000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-family: verdana;	
}
.formSubmitButton200x24 a:hover
{
	color:#FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-family: verdana;	
}
.formSubmitButton150x24
{
	display:inline; 
	display: -moz-inline-box;
	display: inline-block;		
	background-image: url('/images/webclient/form/form-submit-button-150x24.png');
	height: 24px;
	width: 150px;
	text-align:center;
	margin-bottom: 5px;
	margin-left: 2px;
	margin-right:2px;	
}
.formSubmitButton150x24 a
{
	color:#000000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-family: verdana;
}
.formSubmitButton150x24 a:hover
{
	color:#FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-family: verdana;	
}

.formSubmitButton a
{
	color:#000000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-family: verdana;	
}
.formSubmitButton a:hover
{
	color:#FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-family: verdana;	
}


.inActiveSideNavigation
{
	background-image: url('/images/webclient/navigation/navigation-button-inactive.png');
	height: 24px;
	width: 210px;
	color: grey;
	font-size: 12px;
	font-weight: bold;
	font-family: verdana;	
	padding-top:5px;
	margin-bottom: 5px;
}
.profileInfoSpacer
{
	height: 5px;
}
.paymentSpacer
{
	height: 5px;
}
.giftBox
{
	border: 2px solid #cccccc;
	background-color:#ffd64b;
	padding: 3 3 3 3;
}
.giftBoxOver
{
	background-color:#ffffff;
	padding: 3 3 3 3;
	border: 2px solid #cccccc;
	color: #000000;
}

.prizeBox
{
	border: 2px solid #cccccc;
	background-color:#ffd64b;
	padding: 3 3 3 3;
	width: 100px;
	height: 70px;

}
.prizeBoxOver
{
	background-color:#ffffff;
	padding: 3 3 3 3;
	border: 2px solid #cccccc;
	color: #000000;
	width: 100px;
	height: 70px;	
}

.gsPurchaseFor
{
	font-family: verdana;
	font-weight: bold;
	font-size: 16px;
	color: #000000;
	text-align: center;
}
.giftData
{
	font-family: verdana;
	font-size: 12px;
	color: #000000;
}

.prizeData
{
	font-family: verdana;
	font-size: 11px;
	color: #000000;
	text-align:center;
}

.giftShopContainer
{
	scrollbar-base-color: #fecd8b;
	overflow:auto;
	width: 100%;
	height: 348px;
}

.changeHatContainer
{
	scrollbar-base-color: #fecd8b;
	overflow:auto;
	width: 100%;
	height: 120px;
}
.prizeSelectionContainer
{
	scrollbar-base-color: #fecd8b;
	overflow:auto;
	width: 757px;
	height: 150px;
}

.membershipPlanHeading
{
	text-align:center;
	color: #000000;
	font-family: verdana;
	font-size: 20px;
	font-weight:bold;
}

.myInfoSection
{
	font-family:verdana;
	font-size:14px;
	border-bottom:1px solid #cc6500;
	font-weight:bold;
}

/************TOP NAV*******************/

#sddm
			{	margin: 0;
				padding: 0;
				z-index: 30}
			
			#sddm li
			{	margin: 0;
				padding: 0;
				list-style: none;
				float: left;
				font: bold 14px verdana}
			
			#sddm li a
			{	display: block;
				margin: 0 1px 0 0;
				padding: 4px 10px;
				width: 110px;
				/*background: #5970B2;*/
				color: #FFF;
				text-align: center;
				text-decoration: none}
			
			#sddm li a:hover
			{	
				/*background: #49A3FF*/
				text-decoration: underline;
			}
			
			#sddm div
			{	position: absolute;
				visibility: hidden;
				margin: 0;
				padding: 0;
				background: #fed096;
				width: 140px;
				border: 2px solid #fd9d1e;
				
			}
			
				#sddm div a
				{
					position: relative;
					display: block;
					margin: 0;
					padding: 5px 10px;
					width: auto;
					white-space: nowrap;
					text-align: left;
					text-decoration: none;
					background: #fed096;
					color: #000000;
					font-size: 11px;
					font-family: verdana;
					font-weight: bold;
				}
			
				#sddm div a:hover
				{	background: #ffffff;
					color: #000000;
					text-decoration: none;
				}
					
/************END TOP NAV*******************/




/***********PAGINATION**************/
.paginationPage
{
	border: 1px solid #a5a0a0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: verdana;
    font-size: 11px;
	color:#000000;
}
.paginationCurrentPage
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: verdana;
    font-size: 11px;
    font-weight:bold;
    color:#000000;
}
.paginationPage a
{
	text-decoration:none;
	color:#000000;
}
.paginationCurrentPage a
{
	text-decoration:none;
	color:#000000;
}