@charset "UTF-8";

#Vcard-ServicePagelet
{
    margin: 10px;
    background: url(../Images/bg-apps-header.png) no-repeat;
}

.avz #Vcard-ServicePagelet { background-position: -54px -2px }
.svz #Vcard-ServicePagelet { background-position: -661px -2px }
.pvz #Vcard-ServicePagelet { background-position: -1268px 1px }

#Vcard-ServicePagelet ol.obj-progressbar
{
    margin: 0 0 20px 130px;
}

* html #Vcard-ServicePagelet ol.obj-progressbar
{
    margin: 0 0 20px 120px;
}

#Vcard-ServicePagelet ol.obj-progressbar li
{
    width: 150px;
}

#Vcard-ServicePagelet ol.obj-progressbar li:first-child,
#Vcard-ServicePagelet ol.obj-progressbar li:last-child
{
    width: 140px;
}

#Vcard-ServicePagelet img
{
    max-height: 100px;
    max-width: 200px;
}

#Vcard-EditVcard
{
    margin: 0;
    width: auto;
}

#Vcard-EditVcard #EditVcard-info
{
    background: url(../Images/icon-app.png) no-repeat right top;
    min-height: 52px;
    margin-right: 10px;
    padding-right: 70px;
}

#Vcard-EditVcard #EditVcard-info p
{
    margin-left: 0;
}

#Vcard-EditVcard label,
#Vcard-EditVcard .form-buttons
{
    margin-left: 10px;
    display: inline; /* IE doubled-float margin bug */
}

#Vcard-EditVcard #minimalSet
{
    clear: both; /* Safari needs this */
}

#Vcard-EditVcard #minimalSet label
{
    margin-left: 0;
    display: inline;
}

#Vcard-MyServices p,
#Vcard-BlockedServices p
{
    margin: 10px;
}

#Vcard-BlockedServices td.logo img
{
    max-height: 50px;
    max-width: 150px;
}

#Vcard-MyServices .hidden
{
    display: none;
}

#OAuth-Service-Information .logo
{
    display: none;
}

#Vcard-ServicePagelet div.form-buttons
{
    padding: 0;
    margin-top: 20px;
}

#edit-vcard-form
{
    clear: left;
}

#vcard-choose-list
{
    list-style: none;
    margin: 0 10px;
    padding: 0;
}

#vcard-choose-list label
{
    display: inline;
    float: none;
    padding: 0;
    width: auto;
    color: #C86428;
}

#vcard-choose-list input
{
    float: left;
    clear: left;
    margin: 20px 0 0;
}

#vcard-choose-list div.box-vcard
{
    border-right: 1px solid #ff781e;
    border-bottom: 1px solid #ff781e;
    border-left: 1px solid #ff781e;
    width: 520px;
    float: left;
    margin: 10px;
}

#vcard-choose-list div.box-vcard p
{
    height: 50px;
    overflow: hidden;
    margin: 10px;
}

div.obj-vcard,
div.obj-dialog-overlay div.obj-vcard
{
    border: 1px solid #ff781e;
    clear: both;
    padding-top: 10px;
    width: 460px;
}

div.obj-vcard h2
{
    margin-bottom: 10px;
}

div.obj-vcard label
{
    clear: both;
    width: 118px;
}

div.obj-vcard input.text,
div.obj-vcard textarea
{
    width: 306px;
}

div.obj-vcard input.town
{
    width: 233px;
}

div.obj-vcard div.box-profileImage
{
    width: 130px;
    float: left;
    margin-left: 10px;
    display: inline; /* fixes IE doubled-float margin bug */
}

div.obj-vcard div.box-profileImage label
{
    float: none;
}

div.obj-vcard div.obj-accordion
{
    clear: both;
}
div.obj-vcard div.obj-accordion dd
{
    padding: 1em 0;
}

#vcard-connected span
{
    display: block;
    height: 172px;
    background-image: url(../Img/vcard-connected.png);
    padding: 26px 0 0 292px;
    text-align: center;
    margin-top: 10px;
}

#vcard-connected img
{
    vertical-align: middle;
}

* html a#vcard-new-link,
* html a#vcard-new-link:link,
* html a#vcard-new-link:visited,
* html a#vcard-new-link:hover,
* html a#vcard-new-link:focus,
* html a#vcard-new-link:active
{
    display: inline-block;
    float: none;
    vertical-align: middle;
}

*:first-child+html a#vcard-new-link,
*:first-child+html a#vcard-new-link:link,
*:first-child+html a#vcard-new-link:visited,
*:first-child+html a#vcard-new-link:hover,
*:first-child+html a#vcard-new-link:focus,
*:first-child+html a#vcard-new-link:active
{
    display: inline-block;
    float: none;
    vertical-align: middle;
}

#Vcard_relationshipStatus,
#Vcard_politicalViews
{
    width: 314px;
}

#Requests li p
{
    margin-left: 100px;
}

#Requests li .button-row
{
    clear: both;
    margin: 15px 0;
}

#Requests li .consumerlogo
{
    float: left;
    margin: 10px 0;
}

#Requests li .promotionData-image
{
    float: right;
    margin: 0 0 10px 10px;
    max-height: 50px;
    max-width: 100px;
}

div.promotionData
{
    overflow: hidden;
}

div.promotionData img
{
    float: left;
    margin: 0 20px 10px 0;
    max-width: 100px;
    max-height: 50px;
}

#Vcard-LegalDialog-Message
{
    padding-right: 100px;
    background: url(../Images/icon-opensocial.80x52.png) no-repeat right top;
}

.Vcard-consumerlogo
{
    max-width: 150px;
    max-height: 100px;
}

#Mod-Vcard-ManageFriends .friends-list-move-buttons a.disabled
{
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default;
}

#Mod-Vcard-ManageFriends .friends-list-move-buttons a.enabled
{
	cursor: pointer;
}

/*
 * I guess mod-oauth2 starts here?
 * ToDo: strip out special styles for connect and suggest
 */

#VzId
{
    width: 520px;
    margin: 10px auto;
}

#VzId .bg-silver-gradient
{
    border: 1px solid #aaa;
    padding: 10px;
    overflow: hidden;
}

#VzId .bg-silver-gradient img
{
    background: white;
    border: 1px solid #aaa;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 10px;
    height: 30px;
    max-width: 300px;
    float: left;
}

#VzId .bg-silver-gradient .connect
{
    background: url("../Img/Sprites/vz-id.png") 0 -120px;
    display: inline-block;
    margin: 0 -8px;
    width: 30px;
    height: 30px;
    position: relative;
    top: 4px;
    float: left;
}

#VzId div.obj-box
{
    border: 1px solid #ccc;
    float: none;
    padding: 10px 10px;
    margin: 0;
    overflow: hidden;
}

#VzId #Mod-Login ul.obj-tabbar
{
    margin: 20px 0;
}

#VzId #Mod-Login ul.obj-tabbar li a
{
    cursor: pointer;
}

#VzId #Mod-Login label
{
    width: 75px;
}

#VzId #Mod-Login input.text
{
    width: 150px;
}

#VzId  #Mod-Login div.form-buttons
{
    padding: 0 0 0 78px;
    width: auto;
}

#VzId #Mod-Login div.form-buttons p
{
    margin: -5px 0 10px 0;
}

*:first-child+html #VzId #Mod-Login div.form-buttons p
{
    margin-top: -2px;
}

#Mod-OAuth2-Connect form
{
/*
    background: #EEE;
    -moz-box-shadow: -1px 1px 4px 0 #999; 
    -webkit-box-shadow: -1px 1px 4px 0 #999; 
    box-shadow: -1px 1px 4px 0 #999;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=-135,strength=3);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=-135,strength=3)";
    margin: 10px 2px;
    padding: 10px;
    overflow: hidden;
*/
}

#Mod-Suggest2 fieldset,
#Mod-OAuth2-Connect fieldset
{
    border-top: 2px groove #EEE;
    padding: 10px 0 0 40px;
    position: relative;
    overflow: hidden;
    width: 435px;
}

*:first-child+html #Mod-OAuth2-Connect fieldset
{
    padding-bottom: 10px;
}

#Mod-Suggest2 fieldset
{
    padding: 0;
}

#Mod-Suggest2 #LinkForm div.linkform-buttons
{
    width: 176px;
}

#Mod-Suggest2.obj-box #LinkForm div.linkform-buttons
{
    width: 298px;
}

#Mod-Suggest2 #LinkForm div.float-right a.float-left
{
    margin-right: 5px;
    margin-top: 5px;
}

.dialog-content #Mod-Suggest2 fieldset
{
    padding: 0;
}

.dialog-content #Mod-Suggest2 div.form-row
{
    width: auto;
}

.dialog-content #Mod-Suggest2.obj-box #LinkForm div.float-right
{
    width: 145px;
}

*:first-child+html #Mod-OAuth2-Connect fieldset,
*:first-child+html #Mod-Suggest2 fieldset
{
    border-top: 2px outset #CCC;
    margin: 10px 0;
}

#Mod-OAuth2-Connect fieldset:first-child,
*:first-child+html #Mod-OAuth2-Connect fieldset:first-child,
#Mod-Suggest2 fieldset:first-child,
*:first-child+html #Mod-Suggest2 fieldset:first-child
{
    border-top: none;
    padding-top: 0;
}

#Mod-OAuth2-Connect .icon,
*:first-child+html #Mod-OAuth2-Connect .icon
{
    background-image: url("../Img/Sprites/vz-id.png");
    height: 30px;
    left: 0;
    position: absolute;
    text-indent: -666px;
    top: 5px;
    width: 30px;
}

#Mod-OAuth2-Connect .icon, x:-moz-any-link /* Firefox */
{
    left: -40px;
    top: 0;
}

#VzId .obj-linklist-horizontal,
#Mod-OAuth2-Login .obj-linklist-horizontal,
#Mod-OAuth2-Connect .obj-linklist-horizontal,
#Mod-Suggest2-Login .obj-linklist-horizontal,
#Mod-Suggest2 .obj-linklist-horizontal
{
    border-top: 1px solid #CCC;
    margin-bottom: 0;
    padding-top: 5px;
    clear: both;
}

#Mod-OAuth2-Connect #vcarddata    .icon { background-position: 0 0 }
#Mod-OAuth2-Connect #personaldata .icon { background-position: 0 -30px }
#Mod-OAuth2-Connect #contactdata  .icon { background-position: 0 -60px }

#Mod-OAuth2-Connect label
{
    width: 120px;
}

#Mod-OAuth2-Connect label.inline,
#Mod-Suggest2 label.inline
{
    display: inline;
    float: none;
    padding: 0;
    width: auto;
}

#Mod-OAuth2-Connect input.text,
#Mod-Suggest2 input.text
{
    width: 302px;
}

#Mod-OAuth2-Connect select{
    width: 208px;
}

#Mod-OAuth2-Connect .datePicker select
{
    width: auto;
}

#Mod-OAuth2-Connect .pictureframe-square
{
    vertical-align: top;
}    

#Mod-OAuth2-Connect .pictureframe-square img
{
    max-height: 65px;
    max-width: 65px;
}

#Mod-OAuth2-Connect a#getprofile
{
    display: block;
    margin: 10px 0 20px 168px;
}

#Mod-Gadgets-Install .form-row-image,
#Mod-Gadgets-Settings .form-row-image,
#Mod-OAuth2-Connect .form-row-image
{
    position: relative;
}

#Mod-Gadgets-Install .form-row-image .hint,
#Mod-Gadgets-Settings .form-row-image .hint
{
    position: absolute;
    top: 20px;
}

#Mod-OAuth2-Connect .form-row-image .hint
{
    position: absolute;
    top: 2px;
    left: 168px;
}

#Vcard-Image-Message
{
    margin-top: 25px;
}

#Mod-OAuth2-Connect div.form-buttons
{
    padding: 0 0 0 165px;
    width: auto;
}

#Mod-Suggest2 div.form-buttons
{
    padding: 0 0 0 175px;
    width: auto;
}

*:first-child+html #Mod-OAuth2-Connect div.form-buttons
{
    padding: 10px 0 10px 160px;
}

*:first-child+html #Mod-Suggest2 div.form-buttons
{
    padding: 10px 0 10px 70px;
}

#Mod-OAuth2-Connect div.form-buttons a,
#Mod-Suggest2 div.form-buttons a
{
    margin-left: 10px;
}

.platform-image
{
    margin-left: 10px;
}

#Mod-OAuth2-Connect #Vcard_publishProfileImage + label
{
    float: none;
    display: inline;
}


/**
 * ToD move into a new suggest.css
 */
#Mod-Suggest2 #suggest textarea
{
    width: 302px;
}

#Mod-Suggest2 #message
{
    overflow: hidden
}

#Mod-Suggest2 #message-symbol
{
    background: url(../Img/messagesRead.gif) no-repeat scroll 0 0 transparent;
    width: 20px;
    height: 20px;
    float:left;
}

#Mod-Suggest2 #message #user-picture
{
    float:left;
}

#Mod-Suggest2 #message-content
{
    background-color: #fff0e1;
    padding: 10px;
    margin-left: 80px;
    overflow: hidden;
}

#Mod-Suggest2 #message-content #mc-head
{
    overflow: hidden;
    margin-bottom: 10px;
}
#Mod-Suggest2 #message-content #mc-head span
{
    display: block;
}

#Mod-Suggest2 #message-item-preview
{
    background-color: #fff;
    padding: 10px;
    margin-top: 10px;
    overflow: hidden;
}

#Mod-Suggest2 #message-item-preview img
{
    margin-right: 10px;
    float:left;
}

span.fake-link,
div.fake-link
{
    color: #ff781e;
}

#Mod-Suggest2 #feed-item-preview
{
    margin: 5px 0;
    overflow: hidden;
}

#Mod-Suggest2.obj-box
{
    margin-right: 10px;
    float: none;
}

#Mod-Suggest2 #linkshare-success,
*+html #Mod-Suggest2 #linkshare-container
{
    margin-top: 10px;
}

#message-item-preview img,
#feed-item-preview img
{
    max-width: 100px;
}

#feed
{
    border: 1px dotted #ff781e;
    border-left: none;
    border-right: none;
    padding: 5px 0
}

#feed #feed-item
{
    margin-left: 60px;
    overflow: hidden
}

#feed.preview
{
    opacity: 0.4;
    overflow: hidden;
}

#message.preview
{
    opacity: 0.4;
}

#feed #feed-item-preview-footer
{
    font-size: 10px;
    color: #ccc
}

#LinkForm
{
    margin: 10px 2px;
}

#LinkForm fieldset
{
    padding-left: 60px;
    position: relative;
}

#LinkForm .icon,
*:first-child+html #LinkForm .icon
{
    position: absolute;
    left: 11px;
    top: 11px;
    width: 30px;
    height: 30px;
    background: url(../Img/Sprites/vz-id.png) 0 -90px;
}

#LinkForm .icon, x:-moz-any-link /* Firefox */
{
    left: -45px;
}

#LinkForm label
{
    width: 80px;
}

#LinkForm #counter,
#LinkForm #counter-feed
{
    display: block;
    text-align: right;
    width: 390px;
}

#LinkForm #autocompleteContainer
{
    width: 302px;

}
#LinkForm #autocompleteContainer input
{
    width: 298px;
}

#LinkForm #autocompleteContainer input
{
    padding: 3px 3px 3px 1px;
}

#LinkForm div.form-buttons
{
    padding: 0 0 0 134px;
}

*:first-child+html #LinkForm div.form-buttons
{
    padding: 10px 0 10px 130px;
}

#vcard-consumer-list
{
    clear: both;
}

#Vcard-EditVcard .obj-thumbnaillist
{
    margin-top: 5px;
}

#Vcard-EditVcard .obj-thumbnaillist li
{
    width: auto;
}

*:first-child+html #Vcard-EditVcard .obj-thumbnaillist li
{
    margin-right: 5px;
}

#Vcard-EditVcard .obj-thumbnaillist li img
{
    max-height: 75px;
    max-width: 75px;
}

#Vcard-EditVcard ul.obj-thumbnaillist.sliced
{
    display: none;
}

#Vcard-EditVcard .obj-thumbnaillist li span,
#Vcard-EditVcard .obj-thumbnaillist li p
{
    display: none;
}

#Vcard-MyServices div.highlight
{
    margin: 10px;
    width: 450px;
}

#Vcard-MyServices #Vcard-Image-Message
{
    margin: 10px 0;
    width: 448px;
}