body {
 margin: 0px;
 padding: 0px;
 text-align: center;
 vertical-align: top;
 width: 100%;
}

.activeImage {
 cursor: pointer;
}

.bottom {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 margin: 5px;
 padding: 5px;
 vertical-align: top;
}

.bottom a {
 color: #FFFFFF;
 text-decoration: none;
}

.button {
 background-color: #FD2B52;
 border: 1px solid #FFFFFF;
 color: #FFFFFF;
 cursor: pointer;
 margin: 1px;
 padding-bottom: 1px;
 padding-left: 3px;
 padding-right: 3px;
 padding-top: 1px;
 width: auto;
}

.centeredPanel {
 background-color: #FFFFFF;
 border: 2px solid #FD2B52;
 display: block;
 height: 200px;
 padding: 5px;
 text-align: center;
 vertical-align: top;
 width: 400px;
}

.centeredPanelLong {
 background-color: #FFFFFF;
 border: 2px solid #FD2B52;
 display: block;
 height: 250px;
 padding: 5px;
 text-align: center;
 vertical-align: top;
 width: 400px;
}

.centeredPanelLongLong {
 background-color: #FFFFFF;
 border: 2px solid #FD2B52;
 display: block;
 height: 350px;
 padding: 5px;
 text-align: center;
 vertical-align: top;
 width: 400px;
}

.centeredPanelTitle {
 color: red;
 font-weight: bold;
}

.centeredPanelShort {
 background-color: #FFFFFF;
 border: 2px solid #FD2B52;
 display: block;
 height: 120px;
 padding: 5px;
 text-align: center;
 vertical-align: top;
 width: 400px;
}

.content {
 background-color: #FFFFFF;
 border: 2px solid #FD2B52;
 color: #000000;
 height: 100%;
 /*padding: 1em;*/
 vertical-align: top;
 width: 555px;
 width: 100%;/**/
}

.content table, .content table td  {
 vertical-align: top;
}

.content table  {
 width: 100%;
}

.contentTd {
 width: 100%;
}

.f {
 background-color:#FFFFCC;
 font-weight: bold;
}

.friend {
 padding-right: 1em;
 vertical-align: middle;
 width: 100%;
}

.friend:hover {
 background-color: #FFFFCC;
}

.friend span, .friend a, .friend img {
 padding-right: 2em;
}

.friendName {
 font-weight: bold;
}

.err {
 color:red;
 font-weight: bold;
}

.languages {
 background-color: #FFFFFF;
 border: 2px solid #FD2B52;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 /*margin: 5px;*/
 padding: 5px;
 color: #000000;
 font-size: 11px;
 text-align: center;
 vertical-align: top;
 width: auto;
}

.p {
 margin-left: 0.5em;
 margin-right: 0.5em;
}

.w {
 color: #FFFFFF; 
}
/*#loginForm, */
#addPanel, #changePasswordPanel, #emptyAllPanel, #emptyUidPasswordPanel, #errorAdd, #errorAddEmail, #errorChange, #errorRegistrationEmail, #errorRememberEmail, 
#exitButton, #loginErrorPanel, #logTr, 
#okChange, #okRememberEmail, #realEmail, #registrationErrorPanel, #registrationPanel, #rememberPasswordPanel, #privateFrame, #toPrivate {
 left: -1000em;
 position: absolute;
 top: -1000em;
 visibility: hidden;
 /*width: 100%;*/
}

#allFriendsList table, #bestFriendsList table {
 width: 100%;
}

#logWindow {
 border: 1px solid #000000;
 height: 250px; 
 overflow: hidden;
 text-align: left;
 width: 900px;
}

#lovedromeLog {
 height: 250px; 
 overflow: auto;
 width: auto;
}

#mainFrameTableLeftTd, #mainFrameTableRightTd, #privateFrameTableLeftTd, #privateFrameTableRightTd {
 vertical-align: top;
}

#mainFrame, #privateFrame {
 background-color: #FFB0B9;
 text-align: center;
 width: 100%;
}

#mainFrameTable, #privateFrameTable {
 margin-bottom: 0.5em;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0.5em;
}

#mainTable {
 text-align: center;
 vertical-align: top;
 width: 100%;
}

#realEmail {
 background-color: #FD2B52;
}

#topFrame, #bottomFrame {
 background-color: #FD2B52;
 color: #FFFFFF; 
 text-align: left;
 width: 100%;
}

#topFrameTableLeftTd, #topFrameTableLeftTd a, #topFrameTableLeftTd a:hover {
 color: #FFFFFF; 
 font-size: 1.2em;
 font-weight: bold;
 text-align: left;
 text-decoration: none;
 width: 100%;
}

#toTitle {
 color: #FFFFFF; 
 cursor: pointer;
 font-size: 1.2em;
 font-weight: bold;
 text-align: left;
 text-decoration: none;
 width: 100%;
}

#topFrameTableRightTd {
 color: #FFFFFF; 
 font-size: 0.9em;
 text-align: right;
 width: 15em;
}