/* ////////////////  hCard Profile Import ////////////// */

.serviceSuggestions {
	color: #444444;
	padding: 10px;
	height: auto;
	float: left;
	width: 700px;
	border-bottom:1px solid #EEEEEE;
}

.serviceSuggestions a{
	border: 1px solid #666666;
	background: #EEEEEE;
	color: #333333;
	padding: 0px 3px 0px 3px;
	font-size: 10px;
    font-family: arial,'Lucida Grande', arial, sans-serif;
	text-decoration: none;
	margin-right: 10px;
}

.serviceSuggestions a:hover{
	background: #333333;
	color: #FFFFFF;
}

.singleSuggestion {
	margin-bottom: 6px;
	font-size: 12px;
    font-family: arial,'Lucida Grande', arial, sans-serif;
}

.suggestionHeader{
	clear:both;
	font-size: 14px;
    font-family: arial,'Lucida Grande', arial, sans-serif;
	border: 1px solid #777777;
	background: #EEEEEE;
	color: #333333;
	padding: 5px 0px 3px 5px;
	height:18px;
	width:640px;
}

.suggestionHeaderText{
	float:left;
	width:590px;
}
.suggestionHeaderClose a{
	float:left;
	display:inline;
/*	margin: auto;*/
}

.suggestionUrl{
}

.suggestionIdentifier{
	color: #058EC4;
}

/* ////////////////  Add OPML Form ////////////// */

.commonName {
	padding: 0px 0px 30px 0px;
}

.commonName label {
	font-family:arial;
	font-size:12px;
	color:#434343;
	width: 385px;
	text-align: right;
	margin: 7px 5px 0 0;
	display: block;
    color: #333;
    float: left;
}

.commonName .commonUserName {
	color: #444;
     width: 150px;
     height: 20px;
     font-size: 11px;
     font-family: arial,'Lucida Grande', arial, sans-serif;
     border: 1px solid #ddd; 
     background: #f7f7f7;
	float:left;
}

.clearServices {
	width:730px;
	text-align:right;
}

#goBtn {
	height: 20px;
	width:60px;
	padding:0px;
	color: #333;
	font-size: 12px;
	font-weight: normal;
	margin-top: 0px;
	cursor:pointer;
	 font-family: arial, sans-serif;
	}

#clearBtn {
	background: url()  no-repeat;
	border: none;
	font-family: arial, sans-serif;
	color: #333;
	font-size:12px;
	margin-top: 0px;
	cursor:pointer;
    font-weight: normal;
    text-decoration: none;
    background-color: #f4f4f4;
    padding: 3px 7px 3px 7px;
    border: 1px solid #DDDDDD;
    border-right: none;
    margin-right: -1px;
	}
	
#clearBtn a {
	text-decoration: underline;
	}

.servicesHeader {
	width:750px;
	height:25px;
	font-family:arial;
	font-size:25px;
	color: #434343;
	text-align:left;
	margin: 0 0 0 0;
}


.serviceLetter{
	width:667px;
	background-color: #e5e6e7;
	color: #666;
	margin: 2px 0px 12px 0px;
	padding-left:7px;
	font-weight:bold;
	font-size: 12px;
	text-transform: uppercase;
}

.svcRow {
	/*height:26px;*/
	text-align:left;
	display:inline;
	float:left;
	width: 674px;
	padding-bottom: 5px;
	border-bottom: 1px solid #EEE;
}

.svcTitle, .svcTitle a, .svcTitle a:link, .svcTitle a:visited, .svcTitle a:active, .svcTitle a:hover {
	font-family:arial;
	font-size:12px;
	color:#434343;
	width:100px;
	padding: 0px 10px 0px 5px;
	text-decoration:none;
	float:left;
	text-align:right;
	padding-top: 1px;
}

.svcImg, .svcImg a{
	width:20px;
	padding: 1px 5px 0px 0px;
	float:left;
}

.svcImg img{
	width:16px;
	height:16px;
	border:0px;
}
.svcBarGraph {
	width:300px;
	float:left;
}

.svcURL_r {
	padding-top:3px;
	font-family:verdana,arial, sans-serif;
	font-size: 10px;
	color: #333;
	padding-left: 7px;
	width:120px;
	float:left;
	text-align:left;
	overflow: hidden;
	
}
.svcURL_l {
	padding-top:3px;
	padding-right:5px;
	font-family: verdana,arial, sans-serif;
	color:#333;
	width:230px;
	font-size:10;
	float:left;
	text-align:right;
	display:block;
	padding-right:5px;
}

.servicesPrivacySummary{
	padding-bottom:10px;
	font-family: verdana,arial, sans-serif;
	color:#333;
	font-size:14px;
	line-height:19px;
}
.servicesPrivacySummary a, .servicesPrivacySummary a:active, .servicesPrivacySummary a:visited, .servicesPrivacySummary a:hover{
	color:#666;
	text-decoration:underline;
}
.privacyHead{
	float:right;
	width:120px;
	padding:20px 0px 10px 0px;
}
.privacyCheckHolder{
	text-align:right;
}
.svcDelete{
	float:left;
	width: 20px;
	height: 16px;
	padding: 0px;
	cursor: pointer;
}
.svcDelete img{
	width:16px;
	height:16px;
	border:0px;
}

.forming img{
	width:16px;
	height:16px;
	border:0px;
}

.scvVerificaton{
	float:left;
	width: 20px;
	height: 16px;
	padding: 0px;
	cursor: pointer;
}

.scvVerificaton img{
	width:16px;
	height:16px;
	border:0px;
}
.svcInput {
	width: 103px;
	float:left;
	height: 14px;
}

.svcStat {
	padding-top: 2px;
}


.svcRow input {
     color: #444;
     width: 100px;
     height: 16px;
     font-size: 11px;
     font-family: arial,'Lucida Grande', arial, sans-serif;
     padding: 0;
}


.svcSpacer {
	 width: 100%;
	 background: #fff;
	font-family: arial, "Lucida Grande", sans-serif;
	font-size: 23px;
	font-weight: bold;
    color: #252A30;
	clear: both;
	height: 4px;

}

.svcHeaderSpacer {
	 width: 100%;
	 background: #fff;
	font-family: arial, "Lucida Grande", sans-serif;
	font-size: 23px;
	font-weight: bold;
	padding:  10px 0 40px 0;
	padding: 0;
    border-bottom: 1px solid #cccccc;
	clear: both;
}

.socialRankTopContainer{
	background-color:#e2f3c9;
	padding:10px 10px 10px 10px;
	font-size:14px;
}
.serviceVerify{
	
	/*background-color: #9fc54e;*/
	font-size:12px;
	color:#3f3f3f;
	padding: 10px;
	margin: 0px auto 26px auto;
	font-family: arial, sans-serif;
	text-align:center;
	margin-bottom:10px;
	width:500px;
	border: 2px dotted #9fc54e;
}
.verifyNew{
	font-size:16px;
	color:#9fc54e;
}
.serviceVerify a:link, .serviceVerify a:visited, .serviceVerify a:active{
	font-size:16px;
	color:#3f3f3f;
}

.recalculateRank{
	color:#507e0c;
	text-decoration:underline;
	cursor:pointer;
}

.socialRankWhat ,.socialRankWhat a, .socialRankWhat a:visited, .socialRankWhat a:active{
	color:#a1a1a1;
	font-family: arial, sans-serif;
	font-size: 11px;
	float:right;
}

.serviceSearch, .socialRankBox{
	background-color: #F1F1F1;
	padding: 20px;
	border-color: #DDD;
	border-style: solid;
	border-width: 1px;
	margin: 5px;
	margin-bottom: 26px;
	font-family: arial, sans-serif;
	font-size:14px;
	float:left;
	color:#434343;
	text-align:center;
	width: 280px;
	height: 43px;
}

.serviceSearch, .socialRankBox{
	background-color: #F1F1F1;
	border: #9FC54E;
	border-style: solid;
	border-width: 1px;
}

.serviceSearchSubText {
	margin-top: 3px;
	margin-bottom: 3px;
	font-size:13px;
	float:left;
}

.serviceSearchSubText a{
	color: #434343;
	margin-top: 3px;
	font-size:11px;
}

.serviceSearchSubText a:hover{
	text-decoration:underline;
}

.socialRankBoxSubText {
	margin-top: 8px;
	font-size:14px;
}

.socialRankBoxSubText a{
	color: #434343;
}

.socialRankBoxSubText a:hover{
	text-decoration:underline;
}

.svcSuggest, .svcSuggest a{
	padding-top:36px;
	padding-bottom:40px;
	text-decoration:none;
	color:#333;
	font-family: arial, sans-serif;
}

.svcSuggest a:hover{
	color: #3c89c8;
}
.svcSuggestOne, .svcSuggestOne a{
	padding-left:50px;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
}

.svcSuggestContact, .svcSuggestContact a{
	float:left;
	padding-left:5px;
	font-size:15px;
	padding-left:10px;
	color:#3c89c8;
	text-decoration:none;
	font-family: arial, sans-serif;
}

.svcSuggestCopy{
	font-size:11px;
	padding-left:50px;
	padding-top:3px;
	color:#000;
}
.svcSuggestForm{
	padding-left:50px;
	padding-top:13px;
	color:#333;
	
}
/* ////////////////  Add OPML Form ////////////// */


.services { 
	width: 674px;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	margin: 7px 0px 7px 0px;
	}

.profile { 
	background: #fff;
	font-family: arial, "Lucida Grande" , sans-serif;
	font-size: 14px;
	margin: 7px 0px 7px 0px;
	padding-top: 20px;
        border: 0px solid #eee;
        font-weight: normal;
	}
	
.profile label {
	width: 170px;
	text-align: right;
	margin-right: 30px;
        margin-left:20px;
	margin-top: 3px;
	display: block;
    color: #333;
    float: left;
    clear: both;
    font-weight: bold;
	}
	
#photoLabel {
	width: 170px;
	text-align: right;
	margin-right: 30px;
	margin-top: 0px;
	display: block;
    color: #333;
    float: left;
    font-weight: bold;
	}

	
.contactFrom{
	width:265px;
    height: 18px;
    font-size: 11px;
     font-family: arial,'Lucida Grande', arial, sans-serif;
     border: 1px solid #666; 
     border-style: solid;
     background: #fff;
     padding: 2px 0 0 3px;
}
.profileText {
	width: 40%;
	margin-left: 220px;
	margin-top: 3px;
	font-weight: normal;
	font-style: italic;
    color: #999;
        line-height: 1.2em;
	 font-size: 9px;
     font-family: 'Lucida Grande', arial, sans-serif;
     float: none;
	}
	
.profileTextEmail {
	
	margin-top: 0px;
	font-weight: normal;
	font-style: italic;
    color: #999;
        line-height: 1.2em;
	 font-size: 9px;
     font-family: 'Lucida Grande', arial, sans-serif;
     margin-left: 220px;
     clear: both;
	}	
	
.profileTextDisplayUrl
{
	margin-top: 0px;
	font-weight: normal;
	font-style: italic;
	color: #999;
	line-height: 1.2em;
	font-size: 9px;
	font-family: 'Lucida Grande', arial, sans-serif;
	margin-left: 220px;
	clear: both;
}	

.profileTextDisplayUrl .invalidUserName
{
	color: #FF0000;
	font-weight: bold;
}

.profileTextDisplayUrl .validUserName
{
	color: green;
	font-weight: bold;
}

.profileTextUsernameMessageGood
{
	margin-top: 0px;
	font-weight: normal;
	font-style: italic;
	color: green;
	line-height: 1.2em;
	font-size: 12px;
	font-weight: bold;
	font-family: 'Lucida Grande', arial, sans-serif;
	margin-left: 220px;
	clear: both;
}

.profileTextUsernameMessageBad
{
	margin-top: 0px;
	font-weight: normal;
	font-style: italic;
	color: #FF0000;
	line-height: 1.2em;
	font-size: 12px;
	font-weight: bold;
	font-family: 'Lucida Grande', arial, sans-serif;
	margin-left: 220px;
	clear: both;
}




.profileNumbers {
	margin-left: 220px;
	font-weight: bold;
    color: #ddd;
	 font-size: 40px;
     font-family: arial,'Lucida Grande', arial, sans-serif;
     margin-top: -15px;

}	

		
.profileInputGradient {
     color: #333;  
     width: 240px;
     height: 16px;
     font-size: 12px;
     padding: 2px 3px 1px 3px;
     font-family: arial, sans-serif;
     border: 1px solid #999; 
     border-style: solid;
     background: #fff url(http://www.dandyid.org/code/images/background/inputfade.jpg) repeat-x;
     margin: 2px 0 2px 0;
     font-weight: normal;
     }

.profile input {
	 font-family: arial;
     }

.profileShortImput {
     color: #333;  
     width: 50px;
     height: 16px;
     font-size: 12px;  
     padding: 2px 3px 2px 3px;
     font-family: arial, sans-serif;
     border: 1px solid #999; 
     border-style: solid;
     background: #fff url(http://www.dandyid.org/code/images/background/inputfade.jpg) repeat-x;
     margin: 2px 200px 2px 0;
     font-weight: normal;
     }
	
.profileYYYYInput 	{
	     color: #333;  
	     width:85px;
	     height: 16px;
	     font-size: 12px;
	     padding: 2px 3px 2px 3px;    
	     font-family: arial, sans-serif;
	     border: 1px solid #999; 
	     border-style: solid;
	     background: #fff url(http://www.dandyid.org/code/images/background/inputfade.jpg) repeat-x;
	     margin: 2px 3px 2px 0;
	     font-weight: normal;
	     }
	
.profileDateText {
	width: 40%;
	margin-left: 220px;
	margin-top: 0px;
	font-weight: normal;
	font-style: italic;
    color: #999;
    line-height: 1.2em;
	 font-size: 9px;
     font-family: 'Lucida Grande', arial, sans-serif;
     float: none;
	}

#profileDateWrapper {
     width: 40%;
     height: 16px;
     font-size: 12px;
     padding: 2px 3px 2px 5px;    
     margin: 2px 0px 2px 0;
}

#profileUserName {
	 font-size: 20px;
     font-family: 'Lucida Grande', arial, sans-serif;
     color: #333;
     padding: 0;
     margin: 4px 0 0 0;
	 }

.profileLink a {
     color: #333;
     font-size: 11px;
     font-family: 'Lucida Grande', arial, sans-serif;
     border: none;
     margin: 0px 0 0 0;
     background: #f3f3f3;
     padding: 0px 7px 3px 7px;
     }

.profileLink a:hover {
     background: #ebf7c1;
     }

	.profileLink img {
	     color: #333;
	     font-size: 12px;
	     font-family: arial,'Lucida Grande', arial, sans-serif;
	     border: none;
	     margin: 0px 10px 0 0;
	     background: #ebf7c1;
	     float: left;
	     height: 50px;
	     width: 50px
	     }


	.profileLinkAvatar {
		height:180px;
	}

	.profileLinkAvatar label option{
		width:50px;
		float:left;
	}

	.avatarSource {
		padding-left:65px;

	}
	.profileAvatarLabel {
		width: 190px;
		text-align: right;
		margin-right: 30px;
	    margin-left:20px;
		margin-top: 3px;
		padding-bottom:150px;
		display: block;
	    color: #333;
	    float: left;
	    clear: both;
	    font-weight: bold;
		}

	.profileInputAvatar {
	     color: #333;  
	     width: 195px;
	     height: 16px;
	     font-size: 12px;
	     padding: 2px 3px 1px 3px;
	     font-family: arial, sans-serif;
	     border: 1px solid #999; 
	     border-style: solid;
	     background: #fff url(http://www.dandyid.org/code/images/background/inputfade.jpg) repeat-x;
	     margin: 2px 0 2px 0;
	     font-weight: normal;
	}

	.avatarOption{
		height:60px;
	}
     
.profile input:focus {
     }

#profileSubmit {
    width: 90px;
    height: 20px;
    position: relative;
    left: 380px;
    font-family: arial, sans-serif;
    font-size: 12px;
    color: #333;
    }

     
.contactMessage{
	width:265px;
    height: 180px;
    font-size: 11px;
     font-family: arial,'Lucida Grande', arial, sans-serif;
     border: 1px solid #666; 
     border-style: solid;
     background: #fff;
     padding: 2px 0 0 3px;
}


.profileSpacer {
   width: 250px;
	 background: #fff;
	 font-family: arial, "Lucida Grande", sans-serif;
	 font-size: 23px;
	 font-weight: bold;
	 margin:  20px 0 15px 220px;
	 padding: 0;
   border-bottom: 1px solid #eee;
   color: #252A30;
   }


.radio input {
	margin: 0 3px 0 0;
	padding: 0 0 0 0;
	width: 15px;
	height: 15px;
    }

#radioLabel {
	margin: 0 15px 0 0;
	width: 20px;
	color: #333;
	float: none;
	display: inline;
	}

#profileBio {
	color: #333;
	width: 240px;
	height: 80px;
	 font-family: arial,'Lucida Grande', sans-serif;
	 font-size: 12px;
 	 padding: 3px 5px 5px 5px;
     border: 1px solid #999; 
     background: #fff url(http://www.dandyid.org/code/images/background/inputfade.jpg) repeat-x;
     margin: 0;
     line-height: 1.3em;
     letter-spacing: .001em;
     font-weight: normal;
	 }

/*///////////// Tables ////////////// */


#telephoneTable
{

	margin-left: 50px;
	width: 600px;
}

#screennameTable
{
	margin-left: 50px;
	width: 600px;
}

#screennameTable th
{
  font-size: 12px;
	text-align: center;
	margin-top: 3px;
  color: #333;
  font-weight: bold;
}



#telephoneTable th
{
	font-size: 12px;
	text-align: center;
	margin-top: 3px;
  color: #333;
  font-weight: bold;

}
	
	
	
#telephoneTable input
{
	color: #333;  
  width: 140px;
  height: 16px;
  font-size: 12px;
  padding: 0px;
	margin: 0;
  font-family: arial, sans-serif;
  border: 1px solid #999; 
  border-style: solid;
  background: #fff url(http://www.dandyid.org/code/images/background/inputfade.jpg) repeat-x;
  font-weight: normal;
}

#screennameTable input
{
	color: #333;  
  width: 140px;
  height: 16px;
  font-size: 12px;
  padding: 0px;
	margin: 0;
  font-family: arial, sans-serif;
  border: 1px solid #999; 
  border-style: solid;
  background: #fff url(http://www.dandyid.org/code/images/background/inputfade.jpg) repeat-x;
  font-weight: normal;
}

#telephoneTable select
{
	width: 100px;
}

#screennameTable select
{
	width: 100px;
}

#screennameTable td
{
	text-align: center;
	padding:5px;
	margin 0;
}
#telephoneTable td 
{
	text-align: center;
	padding:5px;
	margin: 0;
}

.addButton a
{
	margin-left: 220px;margin-top: 5px;
	text-decoration: none;
	float:left;
	border: 1px solid #666666;
	background: #EEEEEE;
	color: #333333;
	padding: 0px 3px 0px 3px;
	font-size: 10px;
  font-family: arial,'Lucida Grande', arial, sans-serif;

}

.addButton a:hover
{
	text-decoration: none;
	font-weight:none;
	border: 1px solid #EEEEEE;
	background: #333333;
	color: #EEEEEE;
	padding: 0px 3px 0px 3px;
	font-size: 10px;
  font-family: arial,'Lucida Grande', arial, sans-serif;

}

.removeButton 
{
	font-weight:none;
	border: 1px solid #FE5C11;
	background: #FFEEE7;
	color: #FE5C11;
	padding: 0px 3px 0px 3px;
	font-size: 10px;
  font-family: arial,'Lucida Grande', arial, sans-serif;
	text-decoration: none;
	margin-right: 10px;	
}

.removeButton:hover
{
	font-weight:none;
	border: 1px solid #FE5C11;
	background: #FE5C11;
	color: #FFEEE7;
	padding: 0px 3px 0px 3px;
	font-size: 10px;
  font-family: arial,'Lucida Grande', arial, sans-serif;
	text-decoration: none;
	margin-right: 10px;	
}
	
/* ////////////////  hCard Profile Import ////////////// */


#profileImport { 
	font-family: arial, "Lucida Grande" , sans-serif;
	font-size: 16px;
	background: #f3f3f3;
	height: 70px;
	font-family: arial, "Lucida Grande" , sans-serif;
	font-size: 12px;
	margin: 7px 0px 0px 0px;
	padding-top: 15px;
    border: 0px solid #eee;
    font-weight: bold;
	}
	
#profileImport label {
	width: 250px;
	text-align: right;
	margin-right: 20px;
    margin-left: 50px;
	margin-top: 10px;
	display: block;
    color: #333;
    float: left;
	}
	
#profileImport input {
     color: #333;  
     font-size: 12px;
     padding: 2px 3px 2px 3px;   
     font-family: arial, sans-serif;
     margin: 7px 0 2px 0;
     }

.profileImportInput {
	width: 235px;
     }

.profileImportStatus {
	float:right;
	position: relative;
	height:20px;
	width:350px;
	right:170px;
	text-align:right;
	margin-right:12px;
	margin-top:9px;
	color:#3399cc;
	font-size:13px;
}

#profileImportSubmit {
    width: 80px;
    height: 20px;
    float: right;
    position: relative;
    right: 150px;
 }
	
.profileImportText {
	width: 40%;
	margin-left: 300px;
	margin-top: 0px;
	font-weight: normal;
	font-style: italic;
    color: #999;
     line-height: 1.2em;
	 font-size: 9px;
     font-family: 'Lucida Grande', arial, sans-serif;
     
	}
	
.profileImportText h4{
color: #3399CC;
display: inline;
}
	
.smallLabel
{
	clear: both;
	color: #444444;
	display: block;
	font-size: 9px;
	line-height: 9px;
	margin: 0;
	padding: 3px 0 3px 0;
}

.addressFull input, .addressFull select
{
	width:300px;
}

.addressFull input
{
	width:300px;
	height:16px;
	border: 1px solid #999999;
	background: #fff url(http://www.dandyid.org/code/images/background/inputfade.jpg) repeat-x;	
}

.addressHalf input
{
	width: 120px;
	height:16px;
	border: 1px solid #999999;
	background: #fff url(http://www.dandyid.org/code/images/background/inputfade.jpg) repeat-x;
}

.addressHalf
{
	float:left;
	margin-right: 20px;
}



.fieldDeleteButton
{
	border:0;
	margin-top:5px;
}

.profileTextArea
{
	color: #333;
	font-family: arial,'Lucida Grande', sans-serif;
	font-size: 12px;
 	padding: 3px 5px 5px 5px;
  border: 1px solid #999; 
  background: #fff url(http://www.dandyid.org/code/images/background/inputfade.jpg) repeat-x;
  margin: 0;
  line-height: 1.3em;
  letter-spacing: .001em;
  font-weight: normal;
}
