@charset "UTF-8";

/*********************************************** 
----> GRID
***********************************************/

* {
	padding: 0;
	margin: 0;
}
body {
    background-image: url('/Media/Images/Bg.jpg');
    background-color: #d9e4bc;
    /*background-repeat: repeat-x;
    background-color: #b6cb42;*/
    font:11px Arial,Helvetica,sans-serif;
    color:#60646c;
    padding-top:10px;
}
html {
    overflow: -moz-scrollbars-vertical;
    overflow: scroll;
}
#grid {
	width: 980px;
	margin: 0 auto;
}
#frame {
	border: solid 2px #fff;
	background-color: #fff;
	padding: 3px;
	width: 780px;
	float: left;
}

/*********************************************** 
----> ADS
***********************************************/

#advA {
	height: 75px;
	width: 790px;
	margin: 0 0 10px 0;
	float: left;
	/*text-align: center;*/
	background-color: #fff;
	padding: 0 0 0 0;
}

#advB 
{
    height: 350px; 
    width: 180px;
    min-height: 350px;
	height: auto !important; 
	margin: 0 0 8px 0;
	float: right;
}

/*********************************************** 
----> ROWS
***********************************************/

#rowA {
	height: 120px;
    width: 780px;
	background-image: url('/Media/Images/Top.jpg');
	background-color: #fff;
	float: left;
}
#rowB {
	height: 51px;
	width: 780px;
	background-color: #efefef;
	background-image: url('/Media/Images/Menu_bg.gif');
	float: left;
}
#rowC {
	height: 10px;
    width: 780px;
	float: left;
}
/*********************************************** 
----> COLUMNS
***********************************************/

#colWrapper {
	background-color: #fff;
	float: left;
}
#colA {
	float: left;
	width: 573px;
}
#colB {
	width: 207px;
	background-color: #fff;
	float: left;
}
#colW {
	width: 780px;
	background-color: #fff;
	float: left;
}
#footer {
	width: 780px;
	height: 65px;
	background-image: url('/Media/Images/Bottom.gif');
	float: left;
    font-size:12px;
}
.clearfix {
    clear:both;
}
.nowrap {
    white-space:nowrap;
}

/*********************************************** 
----> CONTENTHOLDER
***********************************************/

#colA .contentHolder {
	height: 600px;
	width: 552px;
	min-height: 600px;
	height: auto !important; 
	padding: 0 14px 0 7px;
}
#colB .contentHolder {
	height: 600px;
	width: 200px;
	min-height: 600px;
	height: auto !important; 
	padding: 0 7px 0 0;
}
#colW .contentHolder {
	height: 600px;
	width: 780px;
	min-height: 600px;
	height: auto !important; 
	padding: 0 0 0 0;
}
#rowA .contentHolder, #rowB .contentHolder {
	height: inherit;
	min-height: inherit;
}
#rowA .contentHolder #headerLeft
{
    float: left; 
    width: 450px; 
    height: 120px;
    cursor: pointer;
}
#rowA .contentHolder #headerRight
{
    float: left; 
    width: 330px;
    height: 120px;
}

#footer .contentHolder {
	height: inherit;
	min-height: inherit;
	padding: 39px 5px 0 5px;
	color: #999;
	font-size: 7pt;
	text-transform: uppercase;
}
#footer .contentHolder #left {
    float:left;
    width: 380px;
    height: 10px;
}
#footer .contentHolder #right {
    float:right;
    width: 380px;
    height: 10px;
    text-align: right;
}
#footer .contentHolder a
{
    text-decoration: none; 
    color: #999;   
}

/*********************************************** 
----> NAVIGATION
***********************************************/

.nav {
	list-style-type: none;
}
#rowB ul.nav li {
	display: inline;
	/*padding: 2px 0 0 10px;*/
	float: left;
}
#rowB ul.nav li.social  {
   
    padding: 26px 0 0 0;
    height: 20px;
}
#rowB ul.nav
{
    padding: 0 0 0 7px;    
}
#rowB ul.nav .social
{
    padding: 7px 1px 0 0;
}

/*********************************************** 
----> TYPOGRAPHY
***********************************************/

h1 
{
	padding: 14px 0 0 0;
	font-size: 20px;
	color: #888;
}
h2 
{
    padding: 0 0 0 0;
    font-size: 15px;   
}
h3 
{
	padding: 0 0 0 0;
	font-size: 13px;
}
h3 a
{
    text-decoration: none;
    color: #ff6600;
}
p 
{
    padding: 14px 0 0 0;
}
input 
{
    font-size: 12px;
    /*border: solid 1px #B94643;*/
}
img 
{
    border:none;
}
.obl 
{
    color:#CC0000;
}
.errorMessage
{
    color:#CC0000;
}
.successMessage
{
    color: #006600;
    font-weight: bold;
}
.defaultMessage
{
    color: inherit;
    font-weight: normal;    
}
a
{
    color: #0066CC;    
}

/*********************************************** 
----> Template info
***********************************************/

ul.browser {
	list-style-type: none;
	padding: 0 0 10px 40px;
}

/*********************************************** 
----> Frontpage
***********************************************/

#topBox
{
    width: 550px;
    height: 200px;
    float: left;
    padding: 0 0 15px 0;
    background-image: url('/Media/Images/Topbox.jpg');
    background-repeat: no-repeat;    
}
#topBox .content
{
    width: 290px;
    height: 200px;
    padding: 0 10px 0 250px;
    font-size: 9pt;
}
#topBox .content a
{
    font-size: 8pt;
}
#topBox .content h1
{
}
.frontPageListBoxWrapper
{
    padding: 20px 0 0 0;
    width: 550px;
}
.frontPageListBoxWrapper .left
{
    width: 280px;
    float:left;    
}
.frontPageListBoxWrapper .right
{
    width: 260px;
    float: left;    
}
 
/*********************************************** 
----> Overview
***********************************************/

.overview .boxWrapper
{
    padding: 0 0 15px 0;
    width: 550px;
    float: left;
}
.overview .boxWrapper .left
{
    width: 280px;
    float: left;    
}
.overview .boxWrapper .right
{
    width: 260px;
    float: left;    
} 
 
/*********************************************** 
----> Random profile box, Last updated profiles box
***********************************************/

.randomProfile, .lastUpdatedProfiles
{
    height: 175px;
    width: 244px;
    overflow: hidden;
}
.randomProfile .image
{
    float: left;
    width: 128px;
    padding: 2px 0 0 0;
}
.randomProfile .text
{
    float: left;
    width: 116px;
    overflow: hidden;
}
.randomProfile .text label
{
    width: 33px;
    float: left;    
}
.randomProfile .text a
{
    text-decoration: none;
    font-weight: bold;  
    color: #60646c;  
}

/*********************************************** 
----> Image List (Random users, last updated profiles)
***********************************************/

.imageList ul {
	padding: 0;
	margin: 0;
}
.imageList li {
	list-style: none;
	display: inline;
	float: left;
	padding: 2px;
	margin: 0;
}

/*********************************************** 
----> Misc box
***********************************************/

.misc .label
{
    width: 175px;
    height: 20px; 
    float: left;
}
.misc div
{
    width: 340px;
    height: 20px;  
    float: left;
}

/*********************************************** 
----> Box, right column
***********************************************/

.box { 
    background: #FFFFFF;
    padding: 0 0 15px 0;
    float: left;
}
.box .top {
    background: url('/Media/Images/Box/Top.jpg') no-repeat bottom right; 
    height: 8px;
    width: 200px;
}
.box .bottom { 
    background: url('/Media/Images/Box/Bottom.jpg') no-repeat top right; 
    height: 8px;
    width: 200px;
}
.box .header {
    background-color :#f9f9f9;
    border-bottom: dotted 1px #ccc;
    padding: 0px 10px 3px 10px;
    font-size: 16px;
    font-weight:bold;
    color:#909090;
    width: 174px;
}
.box .content {
    padding: 8px 10px 3px 10px;
    width: 174px;
}
.box .header, .box .content {
    border-left: 3px solid #E6E6E6;
    border-right: 3px solid #E6E6E6;
}

/*********************************************** 
----> Box, half width
***********************************************/

.boxHalf { 
    background: #FFFFFF;
    float: left;
}
.boxHalf .top {
    background: url('/Media/Images/Box/Top_half.jpg') no-repeat bottom right; 
    height: 8px;
    width: 270px;
}
.boxHalf .bottom { 
    background: url('/Media/Images/Box/Bottom_half.jpg') no-repeat top right; 
    height: 8px;
    width: 270px;
}
.boxHalf .header {
    background-color :#f9f9f9;
    border-bottom: dotted 1px #ccc;
    padding: 0px 10px 3px 10px;
    font-size: 14px;
    font-weight: bold;
    color:#909090;
    width: 244px;
}
.boxHalf .content {
    padding: 8px 10px 3px 10px;
    width: 244px;
}
.boxHalf .header, .boxHalf .content {
    border-left: 3px solid #E6E6E6;
    border-right: 3px solid #E6E6E6;
}

/*********************************************** 
----> Box, full width
***********************************************/

.boxFull { 
    background: #FFFFFF;
    float: left;
}
.boxFull .top {
    background: url('/Media/Images/Box/Top_full.jpg') no-repeat bottom right; 
    height: 8px;
    width: 550px;
}
.boxFull .bottom { 
    background: url('/Media/Images/Box/Bottom_full.jpg') no-repeat top right; 
    height: 8px;
    width: 550px;
}
.boxFull .header {
    background-color :#f9f9f9;
    border-bottom: dotted 1px #ccc;
    padding: 0px 10px 3px 10px;
    font-size: 14px;
    font-weight: bold;
    color:#909090;
    width: 524px;
}
.boxFull .header .left
{
    float: left;
    width: 400px;
}
.boxFull .header .right
{
    float: left;
    text-align: right;
    width: 124px;
}
.boxFull .content {
    padding: 15px 10px 5px 10px;
    width: 524px;
}
.boxFull .header, .boxFull .content {
    border-left: 3px solid #E6E6E6;
    border-right: 3px solid #E6E6E6;
}

/*********************************************** 
----> Box - Login
***********************************************/

.box .content .login label {
    width: 85px;
    height: 14px;
    padding: 4px 0 0 0;
    float: left;
}
.box .content .login .textBox {
    width: 85px;
    height: 14px;
    margin: 2px 0 2px 0;
    float: left;
}
.box .content .login .wrap {
    width: 174px;
    height: 24px;
    min-height: 24px;
	height: auto !important;
    padding: 8px 0 0 0;
    float: left;
}
.box .content .login .wrap .label {
    width: 85px;
    height: 16px;
    padding: 6px 0 0 0;
    float: left;
}
.box .content .login .wrap .button {
    width: 89px;
    height: 22px;
    margin: 0;
    float: left;
    text-align: right;
}
.box .content .login .forgotPassword label {
    width: 50px;
    height: 14px;
    padding: 4px 0 0 0;
    float: left;
}
.box .content .login .forgotPassword .email {
    width: 120px;
}
.box .content .login .forgotPassword .button
{
    padding: 0 0 0 50px;
}
.box .content .login .forgotPassword .message
{
}    
.box .content .login .messageBox
{
    background-color: #778b01;
    color:White;
    padding:4px;
    width: 167px;  
}

/*********************************************** 
----> SearchBox simple
***********************************************/

.box .content #searchBox .left {
    width: 60px;
    height: 24px;
    padding: 4px 0 0 0;
    float: left;
}
.box .content #searchBox .right {
    width: 114px;
    height: 28px; 
    float: left;
}
.box .content #searchBox .right .sex 
{
    width: 114px;
    height: 25px;
    padding: 3px 0 0 0;
}
.box .content #searchBox .right label
{
    padding: 0 10px 0 0;
}
.box .content #searchBox .right .ageWrapper {
    width: 114px;
    height: 28px;
}
.box .content #searchBox .right .ageWrapper .combo
{
    height: 28px;
    width: 47px;
    float: left;
}
.box .content #searchBox .right .ageWrapper .label
{
    float: left;
    height: 24px;
    width: 15px;
    padding: 4px 0 0 5px;
}
.box .content #searchBox .right .ageWrapper table
{
    float: left;  
}
.box .content #searchBox .button
{
    width: 100%;
    height: 23px;
    width: 174px;
    padding: 5px 0 0 0;
    text-align: right;
}

/*********************************************** 
----> ListBox
***********************************************/

.listBox { 
    background: #fff;
    padding: 14px 0 14px 0;
    width:550px;
    float: left;
}
.listBox .header {
    background-color :#f9f9f9;
    border-top: 1px solid #E6E6E6;
    border-bottom: dotted 1px #ccc;
    padding: 0px 10px 0px 10px;
    font-size: 12px;
    font-weight:bold;
    color:#909090;
    height:18px;
}
.listBox .content {
    padding: 8px 10px 3px 10px;
    width: 528px;
}
.listBox .header, .listBox .content {
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
}
.listBox .bottom {
    height: 8px;
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
}


/*********************************************** 
----> ListBox - ProfilePage view
***********************************************/

.listBox .content .profile label {
    width: 120px;
    height: 14px;
    padding: 4px 0 0 0;
    float: left;
}
.listBox .content .profile .textBox, .listBox .content .profile .textBoxReadOnly {
    width: 250px;
    height: 14px;
    margin: 2px 0 2px 0;
}
.listBox .content .profile .textBoxReadOnly {
    color: #999999;
}
.listBox .content .profile .textBoxMultiline {
    width: 400px;
    height: 150px;
    margin: 2px 0 2px 0;
}
.listBox .content .profile .dropDown  
{
    width: 253px;    
    margin: 0 0 5px 0;
}
.listBox .content .profile .chkBox {
    display: block;
    margin-bottom: 8px;
}
.listBox .content .profile .left {
    float: left;
    width: 235px;
}
.lblInterestsError, .lblPersionalityError
{
    position: relative;
    font-weight: normal;
    color: #FF0000;
    font: 11px Arial,Helvetica,sans-serif;
}
.lblInterestsError
{
    left: 120px;
    top: 25px;
}
.lblPersionalityError
{
    left: 50px;
    top: 25px;
}
.ProfileSummary
{
    padding-left:14px;
}

/*********************************************** 
----> ListBox - ProfilePage Edit
***********************************************/

.listBox .content .profile .sliderWrapper label {
    width: 75px;
    height: 14px;
    padding: 4px 0 0 0;
    float: left;
}
.listBox .content .profile .sliderWrapper .slider {
    float:left;
    padding: 0 0 0 0;
}
.listBox .content .profile .sliderWrapper .sliderValue {
    font-size: 18px;
    padding: 0 0 0 10px;
    color: #C0CC8E;
}
.listBox .content .profile .sliderWrapper .left {
    float: left;
    width: 280px;
}
.listBox .header .infoText
{
    float:left;
}
.listBox .header .infoIcon
{
    float:right;
}
#tipInterests, #tipPersonality, #tipDescription
{
    width:300px;
    background-color:#339900;
    color:#fff;
    padding:10px;
    border: solid 1px #338800;
    z-index: 2;
}
#tipInterests h2, #tipPersonality h2, #tipDescription h2
{
    padding-top:0;
    margin-top:0;
}
.imgTip
{
    float:right;
}

/*********************************************** 
----> ProfilePage Info
***********************************************/

.profile .wrapper
{
    height: 200px;
    min-height: 200px;
	height: auto !important;
}
.profile .wrapper .left
{
    width: 340px;
    padding-right: 10px;
    float: left;
 }
.profile .wrapper .right
{
    width: 170px;
    padding: 4px;
    border: solid 1px #ddd;
    background-color: #f7f7f7;
    float: left;
}
.profile .wrapper .left .box
{
    border: solid 1px #ddd;
}
.profile .wrapper .left .box .title
{
    padding:5px;
    font-weight: bold;
    border-bottom: solid 1px #eee;
    background-color: #E3E3E3;
}
.profile .wrapper .left .box .label, .profile .wrapper .left .box .label1, .profile .wrapper .left .box .label2
{
    float:left;
    width: 130px;
    padding:5px;
    font-weight: bold;
}
.profile .wrapper .left .box .value, .profile .wrapper .left .box .value1, .profile .wrapper .left .box .value2
{
    padding:5px;
    width: 188px;
    float: left;
}
.profile .wrapper .left .box .rowStyle1
{
    background-color: #f7f7f7;
    height: 50px;
    min-height: 50px;
	height: auto !important;
    float: left;
}
.profile .wrapper .left .box .rowStyle2
{
    height: 50px;
    min-height: 50px;
	height: auto !important;
    float: left;
}
.profile .wrapper .left .box .label1, .profile .wrapper .left .box .value1
{
    background-color: #f7f7f7;
}
.onlineUserImage
{
    padding: 5px 0 10px 0;
}

/*********************************************** 
----> ProfilePage Info Popup
***********************************************/

#profilePopup
{
}
#profilePopupWrapper
{
    height: 500px;
    overflow-x: hidden;
    overflow-y: scroll;
}
#profilePopupWrapper .profile
{
    padding: 0 5px 0 5px;  
    width: 565px;
}
.profilePopupLink
{
    color: #0066CC;
    cursor: pointer;
    text-decoration: underline;    
}

/*********************************************** 
----> Article
***********************************************/
.articleWrapper img
{
    padding: 7px;   
}
.articleWrapper .icon
{
    padding: 0;   
}

/*********************************************** 
----> ArticleList
***********************************************/

.listContainer {
    padding: 15px 0 15px 0;
    float: left;
}
.listImage {
    float:left;
}
.listImage img {
    padding: 0 10px 0 0;   
}
.listTitle {
    padding: 0 5px 0 0;
}
.listTitle a {
    color:#888;
    text-decoration:none;
}
.listTitle a:hover {
    color:#fe7700;
}
.listTitle H2 {
    padding:0;
    display:inline;
}
.listContent {
    padding: 5px 0 0 0;
}

/*********************************************** 
----> Content
***********************************************/

.contentContainer {
}

.contentContainer img {
    padding: 5px 10px 5px 10px;    
}
ul 
{ 
    list-style-position: outside; 
    margin-left: 0px; 
    padding-left: 17px; 
    vertical-align: middle; 
}
li
{ 
    margin: 0px; 
    padding: 0px; 
} 

/*********************************************** 
----> Contactform, Registerform
***********************************************/

.contactForm, .registerForm {
    padding: 14px 0 14px 0;
    width: 552px;
    height: 290px;
}
.contactForm {
    background-image: url('/Media/Images/Contact.jpg');
}
.registerForm {
    background-image: url('/Media/Images/SignUp.jpg');
}
.contactForm_FormArea, .registerForm .form {
    width: 320px;
    float:left;
}
.contactForm_ValidatorArea, .registerForm div {
    float: left;    
    padding-right: 20px;
    width:180px;
}
.contactForm_FormArea label, .registerForm label {
	width: 125px;
	display: block; 
	float: left;
    padding-top:4px;
}
.contactForm_FormArea label {
    width: 100px;
}
.contactForm_FormArea input, .contactForm_FormArea textarea, .registerForm input, .registerForm textarea, .registerForm checkbox {
    margin: 2px 0 2px 0;
}
.registerForm .form .textBox 
{
    width: 150px;    
}
.contactForm_FormArea .textBox 
{
    width: 180px;    
}
.contactForm_FormArea .textArea 
{
    width: 180px;
    height: 80px;
}
.registerForm .form .dropDown  
{
    width: 153px;    
}
.agreement
{
    border: solid 1px #e6e6e6;   
    background: #f9f9f9; 
    padding: 10px;
    margin: 0 0 20px 0;
}

/*********************************************** 
----> Popup
***********************************************/

.popupBackground {
    display:none;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:#000000;
    border:1px solid #cecece;
    z-index:1;
}
.popupClose {
    font-size:14px;
    line-height:14px;
    right:6px;
    top:4px;
    position:absolute;
    color:#6fa5fd;
    font-weight:700;
    display:block;
}
.popupAgreement, .popupImage {
    display:none;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/
    min-height: 300px;	
	height: auto !important;
    height:300px;
    width:400px;
    background:#FFFFFF;
    border:2px solid #cecece;
    z-index:2;
    padding:20px;
    font-size:13px;
}
.popupAgreement h1, .popupImage h1 {
    text-align:left;
    font-size: 16px; 
    border-bottom:1px dotted #D3D3D3;
}
.popupAgreement p
{
    height: 250px;
    width: 400px;
    overflow: auto;  
    padding: 0; 
    margin: 20px 0 0 0; 
}

/*********************************************** 
----> Image Preview, mouseover
***********************************************/

#preview, #previewSmall
{
    z-index: 2;    
}
.imagePreview ul {
	padding: 0;
	margin: 0;
}
.imagePreview li {
	list-style:none;
	float:left;
	display:inline;
	padding: 2px;
}
#preview{
	position:absolute;
	margin-top: -150px;
	border:1px solid #ccc;
	background:#fff;
	padding:5px;
	display:none;
	color:#666;
	width:200px;
}
#previewSmall {
	position:absolute;
	margin-top: -150px;
	border:1px solid #ccc;
	background:#fff;
	padding:5px;
	display:none;
	color:#666;
	width:200px;
}
#previewSmallImage 
{
    float:left;
    width:65px;
}
#previewSmallText 
{
    float:left;
    width: 135px;   
    height: 60px;
}

/*********************************************** 
----> Ajax:TabContainer
***********************************************/

.gray .ajax__tab_header 
{
    font:12px Arial,Helvetica,sans-serif;
    color:#60646c;
    background:url(/Media/Images/Tabs/tab-line.png) repeat-x bottom;
    display:block;
}
.gray .ajax__tab_header .ajax__tab_outer 
{
    background:url(/Media/Images/Tabs/tab.png) no-repeat left top;
    border-color:#222;
    color:#222;
    padding-left:10px;
    margin-right:3px;
}
.gray .ajax__tab_header .ajax__tab_inner 
{
    background:url(/Media/Images/Tabs/tab.png) no-repeat right top;
    border-color:#666;
    color:#666;
    padding:3px 10px 2px 0px;
}
.gray .ajax__tab_hover .ajax__tab_inner 
{
    color:#000;
}
.gray .ajax__tab_active .ajax__tab_outer 
{
    background:url(/Media/Images/Tabs/tab.png) no-repeat 0pt -40px;
    border-bottom-color:#ffffff;
}
.gray .ajax__tab_active .ajax__tab_inner 
{
    background:url(/Media/Images/Tabs/tab.png) no-repeat right -40px;
    color:#fe7700;
    border-color:#333
}
.gray .ajax__tab_body 
{
    font:11px Arial,Helvetica,sans-serif;
    color:#60646c;
    background-color:#fff;
    border:solid 1px #d7d7d7;
    border-top-width:0;
    padding:9px;
}

/*********************************************** 
----> ProfileImage + ImageGallery
***********************************************/

.profileImage {
}
.galleryImage {
}
.deleteImageLink {
    position: relative;
    left: -22px;
    top: -5px;
}
.galleryImage label, .profileImage label {
    width: 100px;
    float: left;
}
.galleryImage label, .profileImage label, .galleryImage .divInput, .profileImage .divInput {
    padding-top: 3px;
}

.galleryImage .fileUpload, .profileImage .fileUpload {
    width: 270px;
}
.galleryImage .textBox {
    width: 198px;
}
.galleryImage .textBoxMultiline {
    width: 200px;
}
.galleryImages ul {
	padding: 0;
	margin: 0;
}
.galleryImages li {
	list-style:none;
	float:left;
	display:inline;
	padding: 5px;
}

/*********************************************** 
----> Profile: send message
***********************************************/

.profile .message label {
	width: 125px;
	display: block; 
	float: left;
    padding-top:4px;
    width: 100px;
}
.profile .message input, .profile .message textarea{
    margin: 2px 0 2px 0;
}
.profile .message .textBox
{
    width: 300px;    
}
.profile .message .textArea
{
    width: 300px;
    height: 225px;
}

/*********************************************** 
----> Inbox / Outbox
***********************************************/

.messageGridHeader
{
    background-color: #eee;
    color: #fe7700;
}
.messageGridItem
{
    background-color: #fff;
}
.messageGridItemAlternating
{
    background-color: #f7f7f7;
}
.messageGridHeader td, .messageGridItem td, .messageGridItemAlternating td {
    padding:3px;
}
.messageRead
{
    color: #60646c;
    text-decoration: underline;
}
.messageNotRead
{
    font-weight: bold;
    color: #000;  
    text-decoration: underline;  
}
.messageLink
{
    color: #60646c;
}
.messageDelete
{
    color: #fe7700;
}
.message .read .current, .message .read .reply, .message .read .history , .message .read .history .my, .message .read .history .your
{
    float: left;    
    width: 532px;
}
.message .read .status, .message .read .history, .message .read .reply
{
    padding: 30px 0 0 0;    
}
.message .read .history .my, .message .read .history .your
{
    padding: 0 0 20px 0;
}
.message .read .current .img, .message .read .history .my .img, .message .read .history .your .img 
{
    float: left;
    width: 100px;
}
.message .read .history .my .space
{
    float: left;
    width: 22px;
    height: 100px;
    background-image: url('/Media/Images/Misc/Arrow1.gif');
    background-repeat: no-repeat;
}
.message .read .current .space, .message .read .history .your .space
{
    float: left;
    width: 22px;
    height: 100px;
    background-image: url('/Media/Images/Misc/Arrow2.gif');
    background-repeat: no-repeat;
}
.message .read .history .my .text
{
    float: left;
    width: 400px;
    height: 90px;
    min-height: 90px;
	height: auto !important;
    padding: 5px;
    background-color: #f7f7f7;
}
.message .read .current .text, .message .read .history .your .text
{
    float: left;
    width: 400px;
    height: 90px;
    min-height: 90px;
	height: auto !important;
    padding: 5px;
    background-color: #ececec;
}
.message .read .reply .textBox
{
    width: 250px;
    margin: 2px 0 2px 0;
}
.message .read .reply .textArea 
{
    width: 532px;
    height: 200px;
    margin: 2px 0 2px 0;
}
.message .read .status
{
    width: 532px;
    float: left;
}
.message .read .reply .wrapper .button input
{
    width: 92px;    
}
.message .read .reply .wrapper .button
{
    height: 26px;
    width: 92px;
    padding: 0 10px 0 0;
    float: left;
}
.message .read .reply .wrapper .message
{
    height: 20px;
    width: 430px;
    padding: 6px 0 0 0;
    float: left;
}

/*********************************************** 
----> Profile search
***********************************************/

.search h1
{
    padding-bottom: 14px;
}
.search #searchBox fieldset
{
    border: solid 1px #e6e6e6;    
}
.search #searchBox fieldset legend
{
    color: #fe6700;
}
.search #searchBox td.label1, .search #searchBox td.label2, .search #searchBox td.content
{
    height: 30px; 
    padding: 3px 0 3px 0;    
}
.search #searchBox td.label1
{
    width: 65px;
    padding: 0 0 0 8px;
}
.search #searchBox td.label2
{
    width: 55px;
    padding: 0 0 0 8px;
}
.search #searchBox td.content
{
    width: 110px;
}
.search #searchBox td.content div
{
    float: left;
    height: 25px;
}
.search #searchBox td.content .to
{
    padding: 5px 5px 0 3px;
}
.search #searchBox .dropdown
{
    width: 100%;
}
.search #searchBox .textbox
{
    width: 106px;
}
.searchGrid table, .searchGrid tr, .searchGrid td
{
    border: 0px;
    border-color: #fff;
}
.searchGrid .profileText
{
    padding: 10px 0 20px 10px;
}
.searchGrid .profileImage
{
    padding: 10px 0 20px 0;
    border: 0;
}
.search .searchResult ul {
	padding: 0;
	margin: 0;
}
.search .searchResult li {
	list-style:none;
	float:left;
	display:inline;
	padding: 7px;
}
.search .searchResult li .popup
{
    text-align: right;
    position:relative;
    margin-top: -30px;
    width: 160px;
    padding: 5px;    
}
.searchResult .pager
{
    padding: 15px 0 0 0;
    height: 50px;
    width: 550px;
}
.searchResult .pager b
{
    color: #ff6600;
}

/*********************************************** 
----> Profile favorites + friends + like profile
***********************************************/

.favorites ul, .friends ul, .likeProfile ul {
	padding: 0;
	margin: 0;
}
.favorites li, .friends li, .likeProfile li {
    width: 270px;
    height: 120px;
	list-style:none;
	float:left;
	display:inline;
	padding: 5px 5px 5px 0;
}

/*********************************************** 
----> Profilecard
***********************************************/

.profileCard
{
    width: 250px;
    height: 110px;
    border: solid 1px #cccccc;
    background-color: #f1f1f1;
    padding:3px;
}
.profileCard .left
{
    width: 94px;
    height: 110px;
    float:left;
}
.profileCard .right
{
    width: 146px;
    height: 100px;
    float: left;
    padding:5px;
}
.profileCard .right h3
{
    padding-bottom: 5px;
}

/*********************************************** 
----> Notify user (new post, friend, like)
***********************************************/

.notify
{
}
.notify .label
{
    float: left;
    width: 225px;
    height: 25px;
}
.notify .sms
{
    float: left;
    width: 100px;    
    height: 25px;
}
.notify .email
{
    float:left;
    width: 100px;
    height: 25px;    
}

/*********************************************** 
----> Wall
***********************************************/

.wall
{
    width: 170px;  
}
.wall .textArea
{
    width:166px;
}
.wall ul
{
    padding: 10px 0 0 0;    
}
.wall li
{
    padding: 10px 0 10px 0;
    list-style: none; 
    width: 166px;
}

/*********************************************** 
----> Statement (Public messages)
***********************************************/

.statement .label
{
    float: left;
    width: 230px;
    height: 25px;
}
.statement .content
{
    float:left;
    width: 270px;    
    height: 25px;
}
.statement .boubleLeft
{
    width: 100px;
    height: 94px;
    padding: 3px 0 3px 0;
    float: left;    
}
.statement .bouble
{
    width: 300px;
    height: 100px;
    float: left;
    background-image: url('/media/Images/Bouble_wide.gif');
}
.statement .boubleRight
{
    width: 150px;
    height: 38px;
    padding: 62px 0 0 0;
    float: left;
}
.statement .bouble .messageArea
{
    height: 90px;
    width: 190px;
    padding: 10px 0 0 30px;
    float: left;  
}
.statement .bouble .buttonArea
{
    height: 35px;
    width: 70px;
    padding: 65px 0 0 10px;
    float: left;    
}
.statement .bouble .messageArea .textArea
{
    width: 180px;
    height: 73px;    
}

.statementBox
{
    width: 330px;
    height: 100px;
    padding: 10px 0 0 0;     
}
.statementBox .image
{
    width: 100px;
    height: 94px;
    padding: 3px 0 3px 0;
    float: left;    
}
.statementBox .bouble
{
    width: 230px;
    height: 100px;
    float: left;
    background-image: url('/media/Images/Bouble.gif');
}
.statementBox .bouble .left
{
    height: 92px;
    width: 169px;
    float: left;
    padding: 8px 3px 0 28px;
    overflow: hidden;
}
.statementBox .bouble .right
{
    height: 100px;
    width: 30px;
    float: left;
}

/*********************************************** 
----> Carousel
***********************************************/

.carousel_container {
	width: 550px;
	height: 150px;
	margin: 0px auto;
	border: 0px solid #CCCCCC;
}
#carousel
{
 z-index: 0; 
}

/*********************************************** 
----> Chat
***********************************************/

#chatPopup, #chatPopup a
{
    padding: 0 0 3px 3px;  
    text-decoration: none;
    color: #f37800;  
}
#chatTips
{
    padding: 10px 0 0 10px;      
}

/*********************************************** 
----> Profile Show
***********************************************/

.show
{
    width: 200px;
    height: 150px;
    text-align: center;  
    padding: 5px 0 3px 0;
    z-index: 0; 
}
.ob_show_panelsholder
{
    z-index: 0;    
}

/*********************************************** 
----> Facebook Fan box
      Remember to use !important when making changes
***********************************************/

.fan_box a:hover
{
  text-decoration: none;
}
.fan_box .full_widget
{
  height: 398px;
  border: solid 1px #ccc !important;
  background: #fff !important; 
}
.fan_box .connect_top
{
  background: #fff !important;
}
.fan_box .profileimage, .fan_box .name_block
{
}
.fan_box .connect_action
{
}
.fan_box .connect_button
{
}
.fan_box .connections
{
}
span.total
{
  color: #FF6600;
  font-weight: bold;
}
.fan_box .connections .connections_grid 
{
}
.fan_box .connections_grid .grid_item
{
}
.fan_box .connections_grid .grid_item .name
{
}
.fan_box .connect_button
{
}

/*********************************************** 
----> Table styles
***********************************************/

.table1 table
{
    width: 550px;    
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;

}
.table1 table, .table1 td, .table1 th
{
    border-color: #e6e6e6;
    border-style: solid;
    text-align: left;
}
.table1 td, .table1 th
{
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
}
.table1 th
{
    background-color: #f9f9f9;
    height: 22px;
}
.table1 td
{
    background-color: #fff;
}
.table1 #col1
{
    width: 400px;
}
.table1 #col2
{
    width: 150px;
}
.table1 .c
{
    text-align: center;
}
.table1 img
{
    padding: 0;    
}