﻿div.Me{}
div.Me div.HeaderBlock img{padding:2px; margin-right:12px; vertical-align:middle; background-color:#FFFFFF; overflow:hidden; width:50px; float:left; clear:none;
-moz-box-shadow:1px 1px 0px #C1BEB8; 
-webkit-box-shadow:1px 1px 0px #C1BEB8; 
box-shadow:1px 1px 0px #C1BEB8;}
div.Me div.HeaderBlock h2{}
/* - - TabContent - - */
div.Me div.Tabs div.TabContent{}
/* - - Page Tabs - - */
div.Me div.Tabs div.TabLinks ul li{float:left; clear:none; width:19%; height:87px; vertical-align:bottom; font-size:90%; text-align:center; color:#343434;}
div.Me div.Tabs div.TabLinks ul li a{margin:0 auto; padding:56px 0 22px 0; font-weight:normal; display:block; text-align:center; width:97px; background-image:url('../../images/Me/Tabs.png'); background-repeat:no-repeat;}
/* - - Navigation - - */
div.Tabs div.TabLinks ul li.AboutMe a{background-position:left 2px;}
div.Tabs div.TabLinks ul li.AboutMe a:focus,
div.Tabs div.TabLinks ul li.AboutMe a:active,
div.Tabs div.TabLinks ul li.AboutMe a:hover{background-position:left -90px; color:#343434;}
div.Tabs div.TabLinks ul li.AboutMe a.Selected{background-position:left -90px; color:#343434;}
div.Tabs div.TabLinks ul li.ThingsIShare a{background-position:-98px 2px;}
div.Tabs div.TabLinks ul li.ThingsIShare a:focus,
div.Tabs div.TabLinks ul li.ThingsIShare a:active,
div.Tabs div.TabLinks ul li.ThingsIShare a:hover{background-position:-98px -90px; color:#343434;}
div.Tabs div.TabLinks ul li.ThingsIShare a.Selected{background-position:-98px -90px; color:#343434;}
div.Tabs div.TabLinks ul li.Interests a{background-position:-196px 2px;}
div.Tabs div.TabLinks ul li.Interests a:focus,
div.Tabs div.TabLinks ul li.Interests a:active,
div.Tabs div.TabLinks ul li.Interests a:hover{background-position:-196px -90px; color:#343434;}
div.Tabs div.TabLinks ul li.Interests a.Selected{background-position:-196px -90px; color:#343434;}
div.Tabs div.TabLinks ul li.History a{background-position:-686px 2px;}
div.Tabs div.TabLinks ul li.History a:focus,
div.Tabs div.TabLinks ul li.History a:active,
div.Tabs div.TabLinks ul li.History a:hover{background-position:-686px -90px; color:#343434;}
div.Tabs div.TabLinks ul li.History a.Selected{background-position:-686px -90px; color:#343434;}
div.Tabs div.TabLinks ul li.PersonalDetails a{background-position:-392px 2px;}
div.Tabs div.TabLinks ul li.PersonalDetails a:focus,
div.Tabs div.TabLinks ul li.PersonalDetails a:active,
div.Tabs div.TabLinks ul li.PersonalDetails a:hover{background-position:-392px -90px; color:#343434;}
div.Tabs div.TabLinks ul li.PersonalDetails a.Selected{background-position:-392px -90px; color:#343434;}
div.Tabs div.TabLinks ul li.Diary a{background-position:-294px 2px;}
div.Tabs div.TabLinks ul li.Diary a:focus,
div.Tabs div.TabLinks ul li.Diary a:active,
div.Tabs div.TabLinks ul li.Diary a:hover{background-position:-294px -90px; color:#343434;}
div.Tabs div.TabLinks ul li.Diary a.Selected{background-position:-294px -90px; color:#343434;}
/**/
div.Tabs div.TabLinks ul li.Members a{background-position:-490px 2px;}
div.Tabs div.TabLinks ul li.Members a:focus,
div.Tabs div.TabLinks ul li.Members a:active,
div.Tabs div.TabLinks ul li.Members a:hover{background-position:-490px -90px; color:#343434;}
div.Tabs div.TabLinks ul li.Members a.Selected{background-position:-490px -90px; color:#343434;}
div.Tabs div.TabLinks ul li.AboutUs a{background-position:-784px 2px;}
div.Tabs div.TabLinks ul li.AboutUs a:focus,
div.Tabs div.TabLinks ul li.AboutUs a:active,
div.Tabs div.TabLinks ul li.AboutUs a:hover{background-position:-784px -90px; color:#343434;}
div.Tabs div.TabLinks ul li.AboutUs a.Selected{background-position:-784px -90px; color:#343434;}
div.Tabs div.TabLinks ul li.Calendar a{background-position:-588px 2px;}
div.Tabs div.TabLinks ul li.Calendar a:focus,
div.Tabs div.TabLinks ul li.Calendar a:active,
div.Tabs div.TabLinks ul li.Calendar a:hover{background-position:-588px -88px; color:#343434;}
div.Tabs div.TabLinks ul li.Calendar a.Selected{background-position:-588px -88px; color:#343434;}
div.Tabs div.TabLinks ul li.Announcements a{background-position:-882px 2px;}
div.Tabs div.TabLinks ul li.Announcements a:focus,
div.Tabs div.TabLinks ul li.Announcements a:active,
div.Tabs div.TabLinks ul li.Announcements a:hover{background-position:-882px -88px; color:#343434;}
div.Tabs div.TabLinks ul li.Announcements a.Selected{background-position:-882px -88px; color:#343434;}


/* - - About Me - - */
div.Me div.MeImg{width:245px; float:left; clear:none;}
div.Me div.MeImg img{padding:4px; background-color:#FFFFFF; overflow:hidden; width:200px;
-moz-box-shadow:1px 1px 0px #C1BEB8; 
-webkit-box-shadow:1px 1px 0px #C1BEB8; 
box-shadow:1px 1px 0px #C1BEB8;}
div.Me div.MeText{margin-left:245px;}
div.Me div.MeText h3{padding-top:8px; display:block; color:#A47666; font-weight:bold; font-size:80%;}
div.Me div.MeText p{line-height:1.4em; font-size:105%;}
div.Me div.MeText p span.Name{font-weight:bold; font-size:115%;}

/*  - - Interest GridView - - */
div.Me ul.GridView li{margin:10px 10px 0 0; width:100px; height:165px;}
div.Me ul.GridView li span.Grid span.GridImg{display:block; margin:6px auto 0 auto; text-align:center; overflow:hidden; width:100px; height:100px; background:#eae5da; border-bottom:1px solid #c6c4c0; border-right:1px solid #c6c4c0; border-top:1px solid #eae5da; border-left:1px solid #eae5da;}
div.Me ul.GridView li span.Grid span.GridImg img{padding:0; border:none;}
div.Me ul.GridView li span.Grid a.Btn{font-size:90%;}
div.Me ul.GridView li span.GridInterest span.GridImg{width:100px; height:100px;}
div.Me ul.GridView li span.GridInterest a span.GridImg img{width:auto; height:auto; border:1px solid #eae5da;}
div.Me ul.GridView li span.GridInterest a:focus img,
div.Me ul.GridView li span.GridInterest a:active img,
div.Me ul.GridView li span.GridInterest a:hover img{border:1px solid transparent;
-moz-box-shadow:0 0 0 #FF6600; -webkit-box-shadow:0 0 0 #FF6600; box-shadow:0 0 0 #FF6600;}
div.Me ul.GridView li span.GridInterest a:focus span.GridImg,
div.Me ul.GridView li span.GridInterest a:active span.GridImg,
div.Me ul.GridView li span.GridInterest a:hover span.GridImg{border:1px solid #FF6600;
-moz-box-shadow:0 0 5px #FF6600; -webkit-box-shadow:0 0 5px #FF6600; box-shadow:0 0 5px #FF6600;}

/* Add Interest Page */
div.Me div.Form div.SocialImgPick{margin-bottom:6px; padding:0; overflow:hidden; background:#F7F5F0; position:relative;
border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;}
div.Me div.Form div.SocialImgPick div.Point{ position:absolute; top:100px; left:145px; width:0; height:0;
border-top:20px solid #EAE5DA;  border-left:20px solid #EAE5DA;  border-bottom:20px solid #EAE5DA; border-right:20px solid #F7F5F0;}
/**/
div.Me div.Form div.SocialImgPick div.SuggestedImg{padding:20px 10px; text-align:center; background:#EAE5DA; float:left; clear:none; width:165px; height:270px;
border-radius:12px 0 0 12px; -moz-border-radius:12px 0 0 12px; -webkit-border-radius:12px 0 0 12px;}
div.Me div.Form div.SocialImgPick div.SuggestedImg h3{padding:0 0 10px 0; color:#343434; font-weight:bold;}
div.Me div.Form div.SocialImgPick div.SuggestedImg span.MainImg{margin:0 auto; display:block; background:#F7F5F0; text-align:center; overflow:hidden; width:100px; height:100px; border-bottom:1px solid #c6c4c0; border-right:1px solid #c6c4c0; border-top:1px solid #eae5da; border-left:1px solid #eae5da;}
div.Me div.Form div.SocialImgPick div.SuggestedImg img{}
div.Me div.Form div.SocialImgPick div.SuggestedImg p{margin:15px auto 0 auto; font-weight:normal; text-align:left; color:#612626; font-size:85%; display:block; width:130px; }
/**/
div.Me div.Form div.SocialImgPick div.OtherImg{padding:20px 10px 10px 30px; float:left; clear:none; width:320px;}
div.Me div.Form div.SocialImgPick div.OtherImg h3,
div.Me div.Form div.SocialImgPick div.OtherImg label{padding:0 0 10px 0; color:#343434; font-weight:bold; display:block;}
div.Me div.Form div.SocialImgPick div.OtherImg h3 .hint,
div.Me div.Form div.SocialImgPick div.OtherImg label .hint{font-weight:normal; color:#612626; font-size:85%; display:block;}
div.Me div.Form div.SocialImgPick div.OtherImg ul{overflow:hidden; padding:5px;}
div.Me div.Form div.SocialImgPick div.OtherImg ul li a{background:#EAE5DA; margin:0 10px 10px 0; text-align:center; overflow:hidden; float:left; clear:none; width:50px; height:50px; border-bottom:1px solid #c6c4c0; border-right:1px solid #c6c4c0; border-top:1px solid #eae5da; border-left:1px solid #eae5da;}
div.Me div.Form div.SocialImgPick div.OtherImg ul li a:focus,
div.Me div.Form div.SocialImgPick div.OtherImg ul li a:active,
div.Me div.Form div.SocialImgPick div.OtherImg ul li a:hover{border:1px solid #FF6600;
-moz-box-shadow:0 0 5px #FF6600; -webkit-box-shadow:0 0 5px #FF6600; box-shadow:0 0 5px #FF6600;}
div.Me div.Form div.SocialImgPick div.OtherImg ul li img{width:50px; height:50px;}
div.Me div.Form div.SocialImgPick div.OtherImg div.AddOwn{margin:10px 0 0 0; padding:15px 0 0 0; border-top:1px solid #EAE5DA;}
/**/
div.Me div.SearchFilter{margin:0; border-top:3px solid #DDCAA9;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;}
div.Me div.SearchFilter input.Btn{padding:3px 7px; background-image:none;}

/* - - History Page - - */
div.History div.TabContent{padding-top:0;}
div.History div.TableBlock{position:relative; z-index:10;}
div.History table.TableContainer{background:#F7F5F0; width:100%; 
border-radius:0 0 8px 8px;
-moz-border-radius:0 0 8px 8px;
-webkit-border-radius:0 0 8px 8px;}
div.History table.TableContainer tr{}
div.History table.TableContainer th{padding:7px 10px; vertical-align:middle; border-top:1px solid #F7EAD0; background:#EDDFC5; color:#A06030;}
div.History table.TableContainer th img{margin:0 -4px -3px 0;}
div.History table.TableContainer td{padding:10px 10px; vertical-align:middle; border-top:1px solid #EBDEBE;}
div.History table.TableContainer td{padding:15px 10px;}
div.History table.TableContainer td a{vertical-align:middle;}
div.History table.TableContainer td.Name{font-weight:bold;}
div.History table.TableContainer td.Type{width:100px;}
div.History table.TableContainer td.Dates{width:100px;}
div.History table.TableContainer td.Option{width:200px;}

/*div.History table.TableContainer td.Attachment{text-align:center;}
div.History table.TableContainer td.Attachment span.AttachmentIcon{display:block; width:20px; height:30px; background:url(../../images/Messages/MessageIcons.png) left -101px no-repeat;}*/
/**/
div.History table.TableContainer td.Option a{padding:7px 8px 7px 30px; background:#FF6600 url(../../images/Messages/MessageIcons.png) no-repeat 10px 11px; color:#FFFFFF; font-size:110%; text-decoration:none; border:none; font-weight:normal;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;}	
div.History table.TableContainer td.Option a:focus,
div.History table.TableContainer td.Option a:active,
div.History table.TableContainer td.Option a:hover{background-color:#004353; text-decoration:underline; cursor:pointer;}

/* - - Share - - */
div.Share ul.GridView li{padding-top:3px; width:100px; position:relative; text-align:center; height:177px; overflow:hidden;}
div.Share ul.GridView li span.ShareBook{margin-top:6px; position:relative; text-align:center; display:block;}
div.Share ul.GridView li img{display:block; margin-bottom:5px;}
div.Share ul.GridView li span.FilesCount{padding:1px 5px 2px 6px; position:absolute; top:0; right:0; color:#542D21; background-color:#F7F5F0;
border-radius:0 0 0 8px; -moz-border-radius:0 0 0 8px; -webkit-border-radius:0 0 0 8px;}












