#pageOwner{
    align: left: font-family: verdana;
    font-size: 24px;
    color: #8db600;
    text-height: 24px;
}
#profileHeader{
    background-repeat: no-repeat;
    align: left: font-family: verdana;
    font-size: 14px;
    color: #8db600;
    text-align: center;
    background-color: black;
    padding-top: 1%;
    padding-bottom: 11px;
    border-style: solid;
    border-style: solid;
    border-color: green;
    border-width: 10px;
    border-color: #2A2A2A;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

div#profile_pic_box {
   border: #999 3px solid;
   margin: 15px auto;
   border-radius: 50%; /* Makes the profile box circular */

   width: 90%; /* Full width by default */
   max-width: 200px; /* Maximum width of 250px */
height: auto; /* Let the height adapt to the content */

   overflow: hidden;
   z-index: 4000;
}

div#profile_pic_box > img {
   z-index: 2000;
   width: 100%;
   height: auto;
}

/* Rest of your CSS for links and form */

@media (max-width: 768px) {
   /* Media query for smaller screens (adjust as needed) */
   div#profile_pic_box {

       max-width: 70%; /* Allow the box to scale with the screen width */
   }
}
div#profile_pic_box > a {
   display: none;
   position:absolute; 
   margin:14px 0px 0px 12px;
   z-index:4000;
   background:#D8F08E;
   border:#81A332 1px solid;
   border-radius:3px;
   padding:5px;
   font-size:12px;
   text-decoration:none;
   color:#60750B;
}
div#profile_pic_box > form{
   display:none;
   position:absolute; 
   z-index:3000;
   padding:10px;
   opacity:.8;
   background:#8db600;
   width:100%;
   height:100%;
}
div#profile_pic_box:hover a {
    display: block;
}
div#photo_showcase{float:right; background:#00FFFFFF; background:url(style/photoframes27.jpg) no-repeat; width:127px; height:127px; margin:20px 30px 0px 0px; cursor:pointer;}

div#photo_showcase > img{width:75px;  height:75px; margin:35px 45px 0px 9px;}
img.friendpics{border-radius: 50%; , border:#000 1px solid; width:40px; height:40px; margin:2px;}

div#store_showcase{float:left; background:#00FFFFFF; background:url(images/OMBag.png) no-repeat; width:212px; height:212px; margin:20px 30px 0px 0px; cursor:pointer;}


div#store_showcase > img{width:15px;  height:15px; margin:5px 5px 0px 9px;}
img.friendpics{
   border-radius: 50%;
 , border:#000 1px solid;
    width:10%; 
   height:25%;
   margin:2px;

width: 72px;
    height: 72px;
    border: 1px solid transparent;
    background-clip: content-box;
    box-sizing: border-box;
}





/* This is a new section  */



#statusui{

    font-family: verdana;
    font-size: 16px;
    color: blue;
    text-align: center;
    background-color: #;
    padding-top: 1%;
    padding-bottom: 1%;
}

#statusui >#pmsubject{
     width: 200px;
    font-family: verdana;
    font-size: 16px;
    color: #8db600;
    text-align: center;
    background-color: #2A2A2A;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 3%;
    padding-right: 3%;
}

#statusui >#pmtext{
       width: 90%;
    height: 30px;
    font-family: verdana;
    font-size: 16px;
    color: #8db600;
    text-align: left;
    background-color: #2A2A2A;
    padding-top: 1%;
    padding-bottom: 1%;
}

#statustext{
        background-repeat: no-repeat;
        align:center;	
        font-family: verdana;
        font-size: 16px;
        color: #8db600;
        text-align: center;
        background-color: #2A2A2A;
        padding-top: 1%;
        padding-bottom: 11px;
}


.status_boxes{
    margin-left: auto;
    margin-right: auto;
width: 100%;
    height: 120%;
    font-family: verdana;
    font-size: 16px;
    color: #8db600;
    text-align: center;
    background-color: #;
    padding-top: 1%;
    padding-bottom: 1%;
}
#statusarea {
    width: 100%;
    font-family: verdana;
    font-size: 16px;
    color: #8db600;
    text-align: left;
    background-color: #;
    padding-top: 3%;
    padding-bottom: 3%;
  padding-left: 3%;
    padding-right: 3%;
}
#statusarea {
    width: 100%;
    font-family: verdana;
    font-size: 16px;
    color: #8db600;
    background-color: #;
    text-align: center;
    padding-top: 3%;
    padding-bottom: 3%;
  padding-left: 3%;
    padding-right: 3%;
}


#statusarea >#status_ {
   width: 100%;
    height: 30px;
    font-family: verdana;
    font-size: 16px;
    color: #8db600;
    text-align: center;
    background-color: #2A2A2A;
    padding-top: 1%;
    padding-bottom: 1%;
}
.replytext{
    margin-left: auto;
    margin-right: auto;
width: 100%;
    height: 120%;
    font-family: verdana;
    font-size: 16px;
    color: #8db600;
    text-align: center;
    background-color: #2A2A2A;
    padding-top: 1%;
    padding-bottom: 1%;
}
#statusarea >#replytext_ {
    width: 100%;
    font-family: verdana;
    font-size: 16px;
    color: #8db600;
    text-align: center;
    background-color: #2A2A2A;
    padding-top: 1%;
    padding-bottom: 1%;
}
#statusarea >#replyBtn_ {
   width: 130px;
    height: 50px;
    font-size: 22px;
    padding: 12px;
    background: #004225;
    color: #8db600;
    border-radius: 5px;
    cursor: pointer;
}

#status {
    width: 130px;
    height: 50px;
    font-size: 22px;
    padding: 12px;
    background: #004225;
    color: #8db600;
    border-radius: 5px;
    cursor: pointer;
}





textarea#statustext{
   width:82%;
   height:80px;
   padding:8px;
   border:#999 1px solid;
   font-size:16px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}
div.status_boxes{
   padding:12px;
   line-height:1.5em;
}
div.status_boxes > div{
   padding:8px;
   border:#99C20C 1px solid;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
 background: #000;}
div.status_boxes > div > b{font-size:12px;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}
div.status_boxes > button{
padding:5px; font-size:12px;
}

textarea.replytext{
width:98%; 
height:40px;
 padding:1%;
 border:#999 1px solid;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}



div.reply_boxes{
   padding:12px;
   border:#999 1px solid;
   background:#F5F5F5;}

div.reply_boxes > div > b{
  font-size:12px;
}
textarea#pmtext{width:98%; height: 40px; padding: 1%; border: #999 1px solid;}





/* This is a store button styling */

#visitStore{
background-repeat: no-repeat;
    align: left: font-family: verdana;
    font-size: 16px;
    color: #8db600;
    text-align: center;
    background-color: black;
    padding-top: 1%;
    padding-bottom: 11px;
    border-style: solid;
    border-style: solid;
    border-color: green;
    border-width: 10px;
    border-color: #2A2A2A;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#profileStats{
	background-repeat: no-repeat;
    align: left: font-family: verdana;
    font-size: 14px;
    color: #8db600;
    text-align: center;
    background-color: ;
    padding-top: 1%;
    padding-bottom: 11px;
     border-width: 1px;
    border-color: #2A2A2A;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	
}



.custom_buttons{
	background: url(../images/VisitMyStore.png);
	width: 160px;
	height: 70px;
	border: none;
	outline: red;
	cursor: pointer;
	margin: 10px;
}

#contactbtn{ background-position: -70px -0px; }
#contactbtn:hover{ background-position: -70px -70px; }
#contactbtn:active{ background-position: -70px -140px; } 

table th
    {
    padding-left: 20px;
        background:#8db600;
       font-size:14px;
         color: #000;
        padding:10px;
        border-bottom:1px solid green;
        height:20px;
    }
table td {
     font-size:14px;
     border: 1px solid #8db600;

    
}
#fieldset{

        align: center;
    background-color: #8db600;
    width: 93%;
    color: #8db600;
    border-radius: 25px;
}
#topRow{
margin-top: 10px;
    padding-left: 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: center;
    color: #8db600;
    background-color: #000;
    border: 1px solid #000;
    padding: 3px 4px 5px 4px;
    margin-bottom: 5px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}
div#box1 {
	background: #000;
	width: 90%;
	overflow: hidden;
    border: 1px solid #"";
    background-color: #8db600;
    font-size: 24px;
    color: #fffff;
    height:0px;
    margin-left: 10%;
    margin-right: 10%;
    margin-right: auto;
    padding-left: 2%;
    padding-right: 2%;
  
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-left: auto;
    margin-bottom: 22px;

}






/* This is body styling*/


html,body,h1,h2,h3,h4,h5 {font-family: "Open Sans", sans-serif}

