/* Using one CSS for all profile pages */

/* Common */
#profilepagetabs { margin-top:30px; }
#profilepagetabs > div { padding: 12px 20px 20px 16px; }
.profilecontent { padding:10px 10px 10px 10px; min-height:450px; }
ul.ui-tabs-nav li { font-size:9pt; }
.wfhide{display:none;}


/* Default */
.username { font-weight:bold; font-size:2em; font-family: 'Finger Paint', cursive; }


.profilepic { float:right; background-color:White; margin:-50px -20px 0px 0px; /* position:absolute; left:570px; top:30px; */
              padding:10px 10px 5px 10px; text-align:center; /* margin-right:10px;*/
              border:1px solid rgba(200,200,200,0.8); border-radius:10px;  
              transform: rotate(10deg);
			  -ms-transform: rotate(10deg); /* IE 9 */
			  -webkit-transform: rotate(10deg); /* Safari and Chrome */
              }
.profilepic img { max-width:400px; max-height:340px; }
.profilepic div { padding:10px; background-color:rgba(230,230,230,0.8); border-radius:0px 0px 10px 10px; text-align:center;
                  /*font-family: 'Give You Glory', cursive; font-size:1.3em; */
                  /*font-family: 'Oregano', cursive; font-size:1.3em;*/
                  font-family: 'Finger Paint', cursive; font-size:1.1em;
                  }
                  
                  
                  
.stats { min-width:120px; padding:5px 10px 10px 10px; background-color:rgba(23,80,96,0.6); color:rgba(255,255,255,0.8); 
         text-align:center; font-weight:bold; white-space:nowrap; display:inline-block; border-radius:10px; margin-right:5px; }
.stats .shead { display:block; text-transform:uppercase; font-size:8pt; text-align:center; margin-bottom:5px; }
.stats .count { font-size:20px; vertical-align:baseline; display:inline-block; }
.stats img { height:24px; width:24px; margin-top:-10px; margin-right:5px; vertical-align:middle; }



.memberdata { margin-top: 15px; max-width:450px; }
.memberdata tr td { padding-bottom:10px; vertical-align:top; }
.memberdata tr td:first-child { font-weight:bold; padding-right:10px; white-space:nowrap; }






/* Activity */
.activitycontainer { display:inline-block; width:400px; margin-right:40px; margin-bottom:40px; font-size:10pt; }
.activitycontainer span.h { font-size: 1.5em; font-weight:bold; }
.activitycontainer span.lnk { font-size:0.8em; font-style:italic; padding-left:20px; }
.activitycontainer table.completed td.l { width:280px; }
.activitycontainer table.owned td.l { width:220px; }

.activitycontainer table { margin-top: 10px; }
.activitycontainer table tr.main td { padding-top:20px; }
.activitycontainer table img { vertical-align:middle; margin-top:-5px; }
.activitycontainer table tr.main td.l { height:20px; vertical-align:middle; padding-left:5px; }
.activitycontainer table td.v { font-weight: bold; text-align:right; vertical-align:baseline; padding-right: 20px; }
.activitycontainer table th { padding-left: 20px; text-align:right; }

.activitycontainer table tr.h, .activitycontainer table tr.f { background-color:rgba(23, 80, 96, 0.6); color:rgba(255,255,255,0.8); }
.activitycontainer table tr.h th, .activitycontainer table tr.f th { padding:3px 20px 3px 5px; }
.activitycontainer table tr.h th.h, .activitycontainer table tr.f th.f { text-align:left !important;  }


.activitycontainer table tr.sub { background-color: #DDDDDD; height:18px; color:#888888; }
.activitycontainer table tr.sub td.l { text-indent:34px; font-size:0.8em; }
.activitycontainer table tr.sub td.v { font-size:0.8em; vertical-align:middle; }

.activitycontainer table tr.h th, .activitycontainer table tr.f th { padding-top: 6px; vertical-align:middle; padding-bottom:5px; }





/* Photo Gallery */
.resultsdiv { font-size:10pt; }
.gallery {}
.gallery > div { width:265px;  display:inline-block; padding:10px; border:1px solid gray; border-radius:15px; margin:4px; padding-bottom:5px; text-align:center; vertical-align:top; }
.gallery > div > span { display:block; text-align:left; }
.gallery > div img { max-width:265px; max-height:200px; }
.gallery > div span.d { font-size:7pt; color:Gray; background-color:rgba(230,230,230,0.8); padding:3px 0px 0px 8px; border-top-left-radius:10px; border-top-right-radius:10px; }
.gallery > div span.l { padding:10px; background-color:rgba(230,230,230,0.8); border-radius:0px 0px 10px 10px; text-align:center;
                  font-family: 'Finger Paint', cursive; font-size:8pt;}
.NoPhotos { display:block; margin-top:30px; font-style:italic; }