﻿/*BEGIN BUTTON STYLES */
input.signoutbtn
{
    height: 25px;    
    padding: 4px;
    width:85px;
    font-size: 11px;
    font-family: Helvetica;
    
    background-color: #EFEFEF;
    border: 0px solid #efefef;
    background-repeat:repeat-x;
    color: #FFFFFF;
}

input.posititbtn 
{
	height: 25px;
    width: 85px;
    
    padding: 2px;
    
    font-size:11px;
    font-family: Tahoma;  
    
    background-color: #EFEFEF;
    border: 0px solid #EFEFEF;
    background-repeat:repeat-x;
    color: #FFFFFF;                  
}

input.cancelbtn 
{
	height: 25px;
    width: 85px;
    
    padding: 2px;
    
    font-size:11px;
    font-family: Tahoma;  
    
    background-color: #EFEFEF;
    border: 0px solid #EFEFEF;    
    background-repeat:repeat-x;
    color: #FFFFFF;
}

/* END PAGE STYLES */

/* BEGIN PAGE STYLES */               
#header-padding
{
    padding-top: 15px;
}

#content-main
{
    width: 476px;
    
    color:#000000;
	font-family:Tahoma,verdana,arial,sans-serif,helvetica;
	font-size:8pt;
	font-weight:normal;       
    line-height:1.5em;
}

#content-header
{
    text-align: center;
    vertical-align: middle;
    height: 70px;
    color: white;
}

#content-legal
{
    color: #8f8f8f;
    font-size: .8em;
}

#content-body
{
	border-top: none;
	margin:0px;
	padding:0px;
	text-align:center;
	background:transparent;
}

.content-center
{
	margin:0px auto;
	padding:0px 0px 0px 0px;
	width:482px;
}

.containNotRealUserHidden
{
    display: none;
}

div#myspaceIDVanity 
{

	width: 452px;
	font-size: 10pt;
	font-family: helvetica;
	margin-top: 15px;
	color: #4F4F4F;
}

div#myspaceIDVanity .myspaceIDURL
{
	font-family:Tahoma,verdana,arial,sans-serif,helvetica;
}

div#myspaceIDVanity .myspaceIDUserVanity
{        	
	font-family:Tahoma,verdana,arial,sans-serif,helvetica;
}

div#myspaceIDWhiteBoxOuter
{		
	border: solid 0px #CFCFCF;
	margin-bottom: 0px;
	color:#4f4f4f;
}

div#myspaceIDWhiteBoxInner
{ 
	padding: 0px 15px 0px 15px;

}

.userDisplayPhoto
{
	max-width: 45px;        	
	width: expression(this.width > 45 ? 45 : true);
	
	max-height: 45px;        	
	height: expression(this.height > 45 ? 45 : true);
	
	vertical-align: middle;   	
	margin-top:-5px;
}

div#myspaceIDWhiteBoxInner b
{
	
}        

div#myspaceIDLogin
{
	margin-bottom: 0px;
}

div#loginBox
{
	margin-bottom: 0px;
}

div#myspaceIDLoggedIn
{
	margin-top:10px;
}

div#myspaceIDOpenIDContainer
{
	margin-top:10px;
	margin-left: 10px;
	padding-bottom: 5px;

}


div#myspaceIDOpenIDOuter
{        	
		
	background-color: #FFFFFF;
	border: solid 0px #CFCFCF;
	z-index:1;
}

div#myspaceIDOpenIDInner
{
	
	width: 445px; 
	
	padding: 8px;
	background-color: #EDEDED;
}

div#myspaceIDOpenIDInner .learnMoreText
{

	width: 405px; 
	padding-right: 40px; 
	padding-left: 15px;
	text-align: left
}

div#myspaceIDOpenIDInner .openIDLogo
{
	width: 95px;
	vertical-align: middle;
}

div#myspaceIDLegal
{
	color: #8F8F8F;
	text-align: justify;
	font-size: 90%;
	margin:15px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:442px;
}

div#myspaceIDLegal a
{        	
	font-weight: normal;
	font-size: 90%;
}
.profileText
{
	color:#3A67BA;	
	font-size:80%;
	font-weight:bold;
	line-height:normal;
}

iframe
{   text-align: left;
	background-color: #E5E5E5;
}

div.userPermissions
{
	border-top: 1px solid #efefef;
	margin: 10px 0 20px 0; 
}
div.userPermission
{
	width: 100%;
	overflow:auto;
	margin-bottom: 10px;
	
}

.content-title{height:70px;background:url('http://cms.myspacecdn.com/cms/Developer_Platform/Site/headerbackground.jpg') repeat-x top left;color:#ffffff;text-align:left;vertical-align:middle;}
.content-title-image{padding-top:22px;text-align:center;}
.content-title-text{margin-left:5px;font-size:15px;font-weight:bold;}
.myspace-arrow-realm{margin-top:5px;margin-bottom:5px;width: 450px; height: 52px;}
.connect-logos-text{padding-top:20px;padding-bottom:5px;text-align:left;}
.connect-logos-myspace{margin-left:25px;margin-right:30px;margin-top:-3px;}
.connect-logos-arrow{margin-right:20px;margin-top:-8px;}
.connect-logos-realm{vertical-align:top;font-weight:bold;float:left;width:165px;margin-top:13px;margin-left:285px;}
.connect-logos-realm-text{float:left;margin-top:3px;width:130px;text-align:left;}
div.userPermissionHeader{margin: 10px 0 20px 0; font-weight: bold; }
.userPermissionChkbox{margin: 0; padding: 0; color: #00f}
.userPermissionRow{margin-top: 5px; padding-right: 5px;}
.userDefaultPermissionLeftColumn{float: left; width: 20px;}
.userDefaultPermissionRightColumn{float: left; width: 180px; text-align: left; margin-left: 1px}
.userGranularPermissionLeftColumn{float:left;width:180px;}
.userGranularPermissionRightColumn{float:left;width:180px;}
.userGranularPermissionRowLeftColumn{float:left; }
.userGranularPermissionRowRightColumn{float:left;text-align:left;margin-left:1px;width:165px;}
div#tooltipdiv{position:absolute;width:239px;background:transparent;height:150px;display:none;z-index:100;text-align:left;}
img.tooltip{float:left;margin-top:0px;}
.tooltiptop{height:22px;width:229px;}
.tooltipmiddle{width:229px;}
.tooltipbottom{height:14px;width:229px;}
.tooltiptext{padding:20px;padding-top:7px;padding-bottom:10px;color:#000000;}
div.clear{clear: both}
a:hover{color:#000000;}
/* END PAGE STYLES */
