﻿
div { direction:rtl; }

#Main { text-align: right; width: 800px; font: 12px Arial, Helvetica, sans-serif; margin-top: 0px; margin-left: auto; margin-right: auto; vertical-align: top; }
#Main #Content {}
#MainContent { width: 100%; vertical-align: top; padding-left: 10px; padding-right: 50px; }

.Stats { margin-right: -21px; font-size: 11px; line-height: 15px; color: #999999; list-style-type: circle; }

.TopBar { }
.TopBar .Header { width: 795px; margin-top: 0px; }
.TopBar .Header .Logo {}
.TopBar .Header .Logo img { float: left; }
.TopBar .Header .Menu { font-size: 11px; color: #999999; text-align: right; vertical-align: top; padding-top: 6px; padding-bottom: 2px; padding-left: 10px; padding-right: 10px; }
.TopBar .Header .Menu a { text-decoration: none; }
.TopBar .Header .Menu img { border-style: none; vertical-align:middle; }
.TopBar table.NavBar a { margin-left: 6px; }

#UserSpace {  }
#UserSpace .avatar { padding-left: 10px; }
#UserSpace .navigation { vertical-align: bottom; }
#UserSpace .navigation .seperator{ color: #999999; vertical-align:middle; font-size:11px; }
#UserSpace .navigation h1 { padding: 0; margin:0 0 5px 0; }

.Error { margin-bottom: 20px; padding: 0 0 5px 25px ; font-size: 14px; font-weight: bold; vertical-align: middle; width: 100%; color: red; }
.Error ul { font-weight:normal; margin:0; padding:0; margin-left:16px; }

.TextAlignLeft { text-align:right; }
.TextAlignRight { text-align:left; }

.SearchResults .Desc { padding-right: 20px; width: 100%; line-height: 20px; }
.SearchResults .PhotoFrom img { float: right; margin-left: 5px; }
.ResultsFound { padding-top: 10px; padding-right: 25px; padding-bottom: 5px; font: bold 14px Arial, Helvetica, sans-serif; color: #000000;}

/* PHOTOS */
.ThumbPhotoStream {text-align:center; color: #999999; font-size: 11px; padding: 0px; margin-right: 10px; margin-bottom: 10px; float: right; text-align: center; width: 107px; height: 130px; }

#divPhotoStream { position:relative; float:right; }
.divAlbumsStream { width:220px; position:relative; float:left; }
.PhotoListItem { text-align:center; position:relative; float:right; width:85px; height:100px; }
.AlbumListItem { text-align:center; position:relative; float:right; width:82px; height:82px; }

.PhotosToChooseFrom {width:525px; height:320px; }
.PhotosToChooseFrom .Progress {position: absolute; top: 40%;left: 0%;height: 25%; width: 100%; text-align: center; line-height: 0;}
.PhotosToChooseFrom .Photo { text-align:center; width:75px; height:95px; padding:5px; float:right; border: solid 1px #FFFFFF; } 
.PhotosToChooseFrom .Photo img{ border: none; } 

h3.PhotosListTitle { font-size: 14px; margin: 0 2px 0 15px; border:1px solid #f3f3f3; border-bottom:0px; padding: 3px 4px 4px 4px; width: 195px; }

/* COMMENTS */
.CommentsStream {  }
.CommentsStream .Avatar { padding-left:15px }
.CommentsStream .Comment { padding-bottom:15px; }
.CommentsStream h4 { margin-top: 0px; } 


/* ALBUMS */
.Albums { text-align: right; float: right; width: 120px; height: 160px; padding-left: 40px; margin-bottom: 20px; }
.Albums h4 { width: 110px; margin-top: 0px; margin-bottom: 0px; font-size: 13px; font-weight: bold; }
.Albums p { margin-top: 2px; font-size: 11px; color: #777; }
.Albums a {text-decoration:none}
.AlbumCase .albumThumb { margin-right: 9px; }
.AlbumComments { margin-top:-20px; margin-right: 10px; }

/* TABS */
.TabsCase { font-size: 18px; color: #FF6600; font-weight: normal; margin-bottom: 10px; margin-top:0px; border-bottom: 3px solid #f1f1f1;}
.TabOut { font-weight: normal; font-size: 13px; color: #333; background: #f1f1f1; padding: 2px 8px 4px 8px; }
.TabIn { background: #ffffff; padding: 3px 11px 3px 11px; border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #fff; margin-right: 3px; margin-left: 3px; }

.ContactItem { margin-top: 20px; margin-bottom: 20px; }
.ContactItem h2 { font-size: 20px; font-weight: normal; margin-bottom: 10px; }
.ContactItem p { font-size: 11px; color: #999; margin-top: 4px; margin-bottom: 0px; }
.ContactItem b { color: #333; }
.ContactItem td { vertical-align: top; }
.ContactItem .Details { width: 250px; padding-right: 30px; padding-left:20px; }

.ContactsList p { font: 11px Arial, Helvetica, sans-serif; text-align: center; vertical-align: top; padding: 5px; float: right; margin: 5px; }
.ContactsList .More { font: bold 14px Arial, Helvetica, sans-serif; text-align: left; padding-top: 35px; padding-left: 15px; float: left; margin-top: 5px; }


/* EDIT BOX */
.editBox{ display:none; color: #333; border: 1px solid #000; background-color: #fff; width: 300px; font: 12px Arial, Helvetica, sans-serif; }
.editBoxHeader { background-color: #eee; padding: 10px; font-size: 14px; vertical-align:top; }
.editBoxHeader img { border: 1px solid #000; margin: 0px; float:right; }
.editBoxHeader .contactEditorTitle { height:48px;  }
.editBoxBody { clear: both; padding: 18px; text-align:right;}
.editBoxBody a{ color:red; text-decoration:none}
.editBoxBody a:hover { background-color:Red; color:White; text-decoration:none }
.editBoxBody a:active {  }
.editBoxFooter { text-align:center; padding: 10px; clear: both; font-size: 14px; }


/* AVATAR MENU */

#avatarHover {
   position:absolute;display:none;
   width:58px; height:80px;
}

.avatarHoverImg {
	position:absolute; display:none;
	top:0px; left:0px; width:48px; height:48px; 
	margin:0px; cursor:pointer; border:0px;
   border-top: 2px solid #f0f0f0;
   border-left: 2px solid #f0f0f0; 
   border-bottom: 1px solid #666666; 
   border-right: 1px solid #666666; 
}

#avatarMenuButton {
	position:absolute; 
	top:48px; left:0px; width:48px; 
	height:15px; margin:0px; cursor:pointer; border:0px;
   border-top: 2px solid #f0f0f0;
   border-left: 2px solid #f0f0f0; 
   border-bottom: 1px solid #666666; 
   border-right: 1px solid #666666; 
}

#avatarHoverInner { 
	position:absolute; top:0px; left:0px; 
	background-color:#ffffff; 
	
}

#avatarMenuDown {
   position:absolute; display:none;
   width:176px;
   left:-128px; 
   top:65px;
   background-color:#ffffff; 
   padding-bottom:3px; 
   border-top: 2px solid #f0f0f0;
   border-left: 2px solid #f0f0f0; 
   border-bottom: 1px solid #666666; 
   border-right: 1px solid #666666; 
}

#avatarMenuDown p {
	text-align:right;
	margin:4px;
	padding:2px 4px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color:black;
}

#avatarMenuDown a.block {
	display:block;
	text-align:right;
	margin:2px 4px;
	padding:1px 4px;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-decoration:none !important;
	color:#0063dc;
}

#avatarMenuDown div.menu_item_line_above {
	margin: 4px 0px 0px 0px;
	border-top: 1px solid #f0f0f0;
}
#avatarMenuDown a.block div.menu_item_line_above {
	margin:2px 0px;
}

#avatarMenuBorderBlocker { 
   position:absolute; 
   width:47px; height:3px;	
   top:-2px; left:0px; 
   background-color:#ffffff; 
}

#avatarMenuProgress { display:none; position:absolute; top:19px; left:19px; border:0px; }

.float-near { float: right; }
.float-far { float: left; }
.align-near { text-align: right; }
.align-far { text-align: left; }
