@charset "utf-8";
/* CSS Document  */


   


     headerxx {
         background-image: url(img/intro_bg.jpg);
         background-position: center;
     }
 
 


.social_content { padding:10px 0 10px 0; min-height:550px; }
.social_content h1{ font:bold 18px/22px Helvetica, Tahoma, Arial, Verdana, sans-serif;  color:#333333; }
.social_content h2{ font:bold 15px/19px Helvetica, Tahoma, Arial, Verdana, sans-serif;  color:#333333; }
.social_content h3{ font:bold 13px/17px Helvetica, Tahoma, Arial, Verdana, sans-serif;  color:#333333; }
.social_content h4{ font:bold 12px/16px Helvetica, Tahoma, Arial, Verdana, sans-serif;  color:#333333; }


.Panes{display:inline-block; zoom:1; /* IE7 FIX */margin-bottom:15px;}
.LeftPane, .ContentPane,.RightPane{position:relative;float:left;z-index:1;}
.LeftPane:hover, .ContentPane:hover,.RightPane:hover{z-index:2;}
.LeftPane{ padding-left:10px; margin-right:20px;width:120px; min-height:100px;}
.HeaderPane{position:relative;z-index:1;width:800px;min-height:30px;float:left;}
.HeaderPane:hover{z-index:2;}
.ContentPane{width:auto; margin-top:60px;  margin-right:20px; min-height:324px; min-width:1448px}
.RightPane{width:190px;padding-right:0;}

/* Left Column User  */
.LeftPane #UserImg{}
.LeftPane #UserImg img{display:block;margin:0; padding:0; width:102px; height:auto;background:url(images/noPic.png) no-repeat -1px -1px;}
.LeftPane #UserImg span{display:block;width:102px; max-height:102px; padding:8px;margin-bottom:15px; overflow:hidden; border:1px solid #CCCCCC;border-radius:5px;}

.LeftPane .DnnModule .UserControls ul{padding-left:0;}
.LeftPane .DnnModule .UserControls ul li{list-style:none;margin-bottom:3px;}
.LeftPane .DnnModule .UserControls a.dnnSecondaryAction{padding:0 10px; margin-bottom:5px; background:#818181;background:-moz-linear-gradient(top, #818181 0%, #656565 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#818181), color-stop(100%,#656565));filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#818181', endColorstr='#656565',GradientType=0 );-moz-border-radius:3px;border-radius:3px;text-shadow:0px 1px 1px #000;color:#fff;text-decoration:none;font-weight:bold;border-color:#fff;}
.LeftPane .DnnModule .UserControls a.dnnSecondaryAction:hover {background:#4E4E4E;background:-moz-linear-gradient(top, #4E4E4E 0%, #282828 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#4E4E4E), color-stop(100%,#282828));filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4E4E4E', endColorstr='#282828',GradientType=0 );color:#fff;}

/*  Content */
#UserDisplayNameHeader{border-bottom:1px solid #CCCCCC;margin-bottom:10px;}
#UserDisplayNameHeader h2{ margin-top:0; margin-bottom:10px; }
#UserDisplayNameHeader h2 em{font-family:Helvetica, Tahoma, Arial, Verdana, sans-serif; font-style:italic;font-weight:lighter;color:#777;vertical-align:baseline;}

/* Social Messaging / Member Directory */
.ContentPane #smMainContent{padding:0; }
.ContentPane .dnnForm{min-width:590px!important;}

.ContentPane .DnnModule-Messaging-Notifications .smListings .ListCol-1{width:2%; padding-left:2%;}
.ContentPane .DnnModule-Messaging-Notifications .smListings .ListCol-2{width:10%;}
.ContentPane .DnnModule-Messaging-Notifications .smListings .ListCol-3{width:52%;}
.ContentPane .DnnModule-Messaging-Notifications .smListings .ListCol-4{width:25%;}

.ContentPane .DnnModule-Messaging-Details .smListings .ListCol-1{width:10%; padding-left:2%;}
.ContentPane .DnnModule-Messaging-Details .smListings .ListCol-2{width:62%;}
.ContentPane .DnnModule-Messaging-Details .smListings .ListCol-3{width:20%;}

/* Member Directory */
.ContentPane .dnnMemberDirectory{width:100%;}
.ContentPane .dnnMemberDirectory #mdMemberList > li {padding-left:0px; padding-right:0px;} 
.ContentPane .searchWrapper{width:300px;}
.ContentPane #mdBasicSearch{width:253px;}
.ContentPane .DnnModule #mdMemberList > li {width:265px;}
.DnnModule-Messaging-Details .smListings .ListCol-2{width:61%; max-width:400px;}

/* Send Mesage / Accept Friend / Follow Box Right Column */
.RightPane .dnnForm{min-width:100px;}
.RightPane h3{ font:bold 13px/13px Helvetica, Tahoma, Arial, Verdana, sans-serif;  color:#333333; }

.RightPane ul.mdMemberList > li #mdMemberDetails{padding:0;}
.RightPane .DnnModule #mdMemberList > li {width:150px;height:auto!important; margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none; border:none;-webkit-border-radius:0;border-radius:0; }
.RightPane #mdMemberList #mdMemberDetails{padding:0; margin-bottom:0;}
.DnnModule .friendActions{width:170px;background:#EBEDF0;padding:15px;}

.DnnModule .friendActions ul{padding-left:0;}
.DnnModule .friendActions ul li{list-style:none;margin-bottom:3px;}

/* Left Column User  */
.RightPane .console{width:100%;}
.RightPane .console > div > div{border-bottom:1px solid #CCCCCC;margin:0;padding:10px 0 0 0;width:190px;}
.RightPane .console .active{background:#EBEDF0;}

/* View  */
.ContentPane .pAddress,
.ContentPane .pContact{width:49%;float:left;margin-bottom:15px;}
.ContentPane .pContact{border-left:1px solid #CCCCCC;padding:0 5%;width:39%;padding-bottom:15px;}

/* Edit  */
.ContentPane #dnnUserDetails .dnnUser{ width:100%; }
.ContentPane #dnnUserDetails .dnnActions,
.ContentPane #dnnPassword .dnnActions,
.ContentPane .dnn .dnnActions {margin-top:25px; }

.ContentPane .dnn .dnnTooltip{ width:150px; margin-right:15px;}
.ContentPane .dnn input[type="text"],
.ContentPane .dnn select
{ width:150px; margin-right:10px;}
.ContentPane .dnn select{width:210px; float:left;}
.ContentPane .dnn .dnnFormVisibility{width:100px; float:left;}
.ContentPane .dnn div[id$="_Properties_Biography"] .dnnFormVisibility{width:179px;margin-left:165px;padding-left:220px;margin-bottom:25px;border:1px solid #CCCCCC;border-top:none;}

.ContentPane .dnn div[id$="_Properties_Photo"]{margin-top:25px;}
.ContentPane .dnnFilePicker .dnnFormItem span{ width:25px; }
.ContentPane .dnnFilePicker .dnnFormItem span + select{width:175px;}
.ContentPane .dnnFilePicker .dnnLeft .dnnFormItem {width:220px; float:left;}
.ContentPane .dnnFilePicker .dnnLeft .dnnFormItem + div{float:left; clear:none;}
.ContentPane .dnnFilePicker .dnnLeft a.dnnSecondaryAction{margin-left:0; padding:0;}
.ContentPane .dnnFilePicker .dnnLeft + .dnnLeft{width:200px;border-top:1px solid #CCCCCC;padding-top:10px;margin-top:15px;margin-left:175px;margin-right:10px;clear:both;}
.ContentPane .dnnFilePicker .dnnLeft + .dnnLeft img{width:100px; height:100px;}


@media handheld, only screen and (max-width: 970px){
.social_content { padding:10px;}
.LeftPane{ padding-left:10px; margin-right:20px;width:120px;}
.HeaderPane{width:760px;}
.ContentPane{width:550px;margin-right:20px; min-height:240px}
.RightPane{width:190px;}
.ContentPane .dnnForm{min-width:100%!important;}
.ContentPane .searchWrapper{width:54%;}
.ContentPane #mdBasicSearch{width:44%;}
.RightPane .DnnModule #mdMemberList > li {width:90%;}
.DnnModule .friendActions{width:98%;padding:1%;}
.RightPane .console > div > div{width:100%;}
}

@media handheld, only screen and (max-width: 950px){
.LeftPane{ padding-left:10px; margin-right:20px;width:120px;}
.HeaderPane{width:740px;}
.ContentPane{width:530px;margin-right:20px; min-height:1900px}
.RightPane{width:190px;}
}

@media handheld, only screen and (max-width: 930px){
.LeftPane{ padding-left:10px; margin-right:20px;width:120px;}
.HeaderPane{width:720px;}
.ContentPane{width:530px;margin-right:20px;}
.RightPane{width:170px;}
}

@media handheld, only screen and (max-width: 910px){
.LeftPane{ padding-left:10px; margin-right:20px;width:120px;}
.HeaderPane{width:700px;}
.ContentPane{width:510px;margin-right:20px;}
.RightPane{width:170px;}
}

@media handheld, only screen and (max-width: 890px){
.LeftPane{ padding-left:10px; margin-right:20px;width:120px;}
.HeaderPane{width:680px;}
.ContentPane{width:490px;margin-right:20px;}
.RightPane{width:170px;}
}

@media handheld, only screen and (max-width: 870px){
.LeftPane{ padding-left:10px; margin-right:20px;width:120px;}
.HeaderPane{width:660px;}
.ContentPane{width:490px;margin-right:20px;}
.RightPane{width:150px;}
}

@media handheld, only screen and (max-width: 850px){
.LeftPane{ padding-left:10px; margin-right:20px;width:120px;}
.HeaderPane{width:640px;}
.ContentPane{width:470px;margin-right:20px;}
.RightPane{width:150px;}
}

@media handheld, only screen and (max-width: 830px){
.LeftPane{ padding-left:10px; margin-right:20px;width:120px;}
.HeaderPane{width:620px;}
.ContentPane{width:450px;margin-right:20px;}
.RightPane{width:150px;}
}

@media handheld, only screen and (max-width: 810px){
.LeftPane{ padding-left:10px; margin-right:10px;width:120px;}
.HeaderPane{width:610px;}
.ContentPane{width:450px;margin-right:10px;}
.RightPane{width:150px;}
}

@media handheld, only screen and (max-width: 790px){
.LeftPane{ padding-left:10px; margin-right:10px;width:120px;}
.HeaderPane{width:590px;}
.ContentPane{width:420px;margin-right:10px;}
.RightPane{width:150px;}
}

@media handheld, only screen and (max-width: 770px){
.LeftPane{ padding-left:10px; margin-right:10px;width:120px;}
.HeaderPane{width:570px;}
.ContentPane{width:410px;margin-right:10px;}
.RightPane{width:150px;}
}

@media handheld, only screen and (max-width: 767px){
.Panes{width:100%;}
.HeaderPane{width:100%;float:none; padding:5px 0; margin:0;}
.LeftPane{ width:100%;float:none; padding:5px 0; margin:0;}
.RightPane{width:100%;float:none; padding:5px 0; margin:0;}
.ContentPane{width:100%;float:none; padding:5px 0; margin:0;}

.LeftPane #UserImg{ float:left; margin-right:5%;}
.LeftPane .UserControls { float:left; margin-top:15px;}
}

 
.uppercase
{
    text-transform: uppercase;
}