﻿body { padding-bottom: 10px; padding-top: 0px; margin: 0px; text-align: center; background: #fff; }
form { padding: 0px; margin: 0px; border: 0px; }
p { font: 12px Arial, Helvetica, sans-serif; }
table { border: 0; }
th { font: bold 11px Arial, Helvetica, sans-serif; }
td { padding: 0px; font: 12px Arial, Helvetica, sans-serif; } 
img { border: none; /*1px solid #ddd;*/ }
ol { font: normal 12px Arial, Helvetica, sans-serif; line-height: 18px; }
ul { font: normal 12px Arial, Helvetica, sans-serif; line-height: 18px; }
li { font: normal 12px Arial, Helvetica, sans-serif; line-height: 18px; }
dd, dt { font: normal 12px Arial, Helvetica, sans-serif; line-height: 18px; }

h1 { color: #333; font: bold 22px Arial, Helvetica, sans-serif; padding: 5px 0px 5px 5px; margin-top: 0px; }
h2 { font: normal 20px Arial, Helvetica, sans-serif; color: #000000; }
h3 { font: normal 18px Arial, Helvetica, sans-serif; color: #FF6600; margin-bottom: 5px; }
h4 { font: bold 12px Arial, Helvetica, sans-serif; color: #111; margin-bottom: 5px; }
h5 { font: bold 13px Arial, Helvetica, sans-serif; margin-bottom: 5px; }
h6 { font: normal 11px Arial, Helvetica, sans-serif; color: #666666; }

a:link { color: #0063DC; text-decoration: none; }
a:visited { color: #2E67C7; text-decoration: none; }
a:hover, a:visited:hover { color:#FF6600; text-decoration: none; }
a:active { text-decoration: none; }

#Main #Content { margin-top:10px; }

.Cmd { font-family: Arial, sans-serif; font-weight: bold; font-size: 12px; color: #ffffff; background: #0063DC; }
.CmdNormal { font-family: Arial, sans-serif; font-size: 12px; background-color:#ddd; }
.CmdSmall { font-family: Arial, sans-serif; font-size: 10px; font-weight:bold; color: #ffffff; background-color: #0063DC; }
.CmdLarg { font-family: Arial, sans-serif; font-size: 16px; font-weight:bold; color: #ffffff; background-color: #0063DC; }
.CmdNormalLarg { font-family: Arial, sans-serif; font-size: 16px; background-color:#ddd; }

.CmdNormalSmall { font-family: Arial, sans-serif; font-size: 10px; background-color:#ddd; font-weight:bold; }

.EditPhotosTitleInput{border: #e9e9ae 1px inset; padding: 3px; font-weight: bold; font-size: 14px; width: 230px; background-color: #ffffd3; margin-bottom:5px;}
.EditPhotoTitleInput{ border: #e9e9ae 1px inset; padding: 4px; font-weight: bold; font-size: 22px; width: 490px; background-color: #ffffd3; margin-bottom:5px;}
.EditPhotoDescInput{ border: #e9e9ae 1px inset; padding: 3px; font-size: 12px; margin-bottom: 5px; margin-top: 5px; width: 490px; height: 100px; background-color: #ffffd3 }
.EditAlbumDescInput{ border: #e9e9ae 1px inset; padding: 3px; font-size: 14px; margin-bottom: 5px; margin-top: 5px; width: 230px; height: 100px; background-color: #ffffd3 }


.Small { font-size: 11px; color: #999999; }

.Grey { color: #999; text-decoration: none; }
.Grey:link { color: #999; text-decoration: none; }
.Grey:visited { color: #999; text-decoration: none; }
.Grey:hover { color: #0063DC; text-decoration: none; background: #ffffff; }
.Grey:active { color: #FF6600; text-decoration: none; background: #ffffff; }

#footer { font: normal 11px Arial, Helvetica, sans-serif; margin-top:70px; clear:both; color:#666666; padding:10px; text-align: center; }
#footer a:link { color: #343156; text-decoration: none; }
#footer a:visited { color: #343156; text-decoration: none; }
#footer a:hover, a:visited:hover { color: #fa702f; text-decoration: none; }
#footer a:active { text-decoration: none; }


.GreyBox { padding: 10px; border: solid 1px #eee; background: #F7F7F7; }

.DefContent { width: 500px; margin-top:10px; margin-left: 120px; margin-right: 120px; padding-bottom: 50px }
.linkout { background-color: #FFF;}
.linkover { background-color:#F0F0EB; border-left-width: 1px; border-left-style: solid; border-left-color: #FFFFFF; }

.linkOutGrey { background-color: #F0F0EB;}
.linkOverGrey { /*background-color:#FFFFFF;*/ }

.TableList { padding: 0px; color:#000000; font-size: 12px; }
.TableList tr { }
.TableList td { padding: 5px 5px 5px 5px; }
.TableList th { border-bottom: 1px solid #eee; font-size: 11px; font-weight: normal; color: #666666; }
.TableList .Left { padding-left: 60px; font-size: 14px; }
.TableList .BigFont { font-size: 14px; font-weight:bold; width: 35px; float: left; position: absolute; z-index: 1;}
.TableList .PhotoCount { color: #999999; font-weight: normal; width: 100px; }


.overlay { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000; background-color:#000; -moz-opacity: 0.6; opacity:.60; filter: alpha(opacity=60); }
.Info {background-color:#FBFFCC; font-family:Arial,Helvetica,sans-serif; font-size:12px; margin:0pt 0pt 15px; padding:6px;}

.Privacy { font-size: 11px; margin-top: 10px; margin-bottom: 2px; width: 240px; color: #999999; }
.Privacy img { border: none; vertical-align: middle; }

/* PAGER  */
div.Pagenav { width:100%; font: normal 12px Arial, Helvetica, sans-serif; text-align: center; padding:5px 0 5px 0; }
div.Pagenav span.extra_text { color: #999; margin:10px;}
div.Pagenav span.Selected{ font-weight:bold; padding:1px 3px 1px 3px;}
div.Pagenav a { padding: 1px 4px 1px 4px; border: 1px dotted #ccc; margin:2px; }
div.Pagenav a:hover { text-decoration: none; font-weight : bold; border: 1px solid black; background: #FF6600; color: white; }


#Feeds { padding:0; vertical-align: middle; margin-bottom: 10px;}
#Feeds img { border: none; vertical-align: middle; }

.HomeStream {}
.HomeStream .Streamitem { padding:5px; text-align:center; color: #999999; font-size: 11px; vertical-align: top; }
.HomeStream .Streamitem div { width: 75px; }

.PhotoStream {  width: 250px; margin-bottom: 25px;}
.PhotoStream h4 { margin-bottom: 0px; margin-top: 0px; font-size: 14px; width: 240px; }
.PhotoStream .Photo { margin-top: 3px; margin-bottom: 0px; }
.PhotoStream .Desc { font-size: 12px; width: 220px; margin-top: 0px; margin-bottom: 0px; }
.PhotoStream .Privacy { font-size: 11px; margin-top: 2px; margin-bottom: 2px; width: 240px; color: #999999; }
.PhotoStream .Privacy img { border: none; vertical-align: middle; }
.PhotoStream .UnderPhoto { font-size: 11px;  margin-top: 0px; margin-bottom: 0px; color: #999999; }

.PhotosList { border: 1px solid #e3e3e3; border-bottom:0px; background-color: #f3f3f3; width:243px; height:243px; }
.PhotosList .PhotosListItem {width:75px; height:75px; position:relative; float:left; padding-left:4px; padding-top:4px;}
.PhotosList .SelectedPhoto {border:1px solid black;}
.PhotosList .Progress { padding-top:40%; left: 0%;height: 25%; width: 100%; text-align: center; line-height: 0;}
.PhotosList .Photo {border:1px solid #f3f3f3;}
.PhotosListPager { color: #c3bebd; border: 1px solid #e3e3e3; border-top:0px; text-align:center; background-color: #f3f3f3; width:243px; height:28px; padding-top:2px; }

.EditTable { width: 100%; }
.EditTable .Label { width: 200px; font-weight: bold; vertical-align: top; font-size: 12px; }
.EditTable td { padding: 0 10px 10px 0;}
.EditTable tr { vertical-align:top;}
.EditTable .Hint { width: 200px; padding-top: 30px; padding-left: 0; vertical-align: top; color: #555555; }

.TipTitle a{ text-decoration:none; }
.TipTitle a:hover { color: #FFFFFF; text-decoration: none; background: #0063DC; }
.TipText { background-image: url('http://beta.httpic.com/images/tip_shadow.gif'); background-color: #fbffcc; display:none; padding-bottom: 3px; position:absolute; background-repeat: repeat-x; background-position: left bottom; }
.TipText2 { border: solid 1px #bcbcbc; padding: 3px; }
.TipText3 { padding: 5px; font-weight:normal; font-family:Arial,Helvetica,sans-serif; font-size:12px; }

.Activity { width: 640px;  }
.Activity tr { vertical-align: top; }
.Activity .Side { width:120px; }
.Activity .Main { padding-right:10px; }

.ActivityDetails {width: 100%; margin-left: 10px; margin-top: 10px;}
.ActivityDetails td{vertical-align: top; padding: 3px 3px 6px 3px; margin: 0px;}
.YouSaid {background-color:#fbfbfb; color:#888}

/* TopNav */
.TopBar { padding-bottom: 1px; }
.TopBar .Header { width: 780px; margin-top: 0px; border-collapse: collapse; border: none; border-bottom: solid 4px gainsboro; }
.TopBar .Header .Logo { padding: 20px 0px 0px; vertical-align: bottom; width: 95px; }
.TopBar .Header .DreamLogo { padding: 10px 0px 5px; vertical-align: bottom; width: 160px; }
.TopBar .Header .Logo img { float: left; }
.TopBar .Header .DreamLogo img { float: left; }
.TopBar .Header .Menu { font-size: 11px; color: #999999; vertical-align: top; padding-top: 6px; padding-bottom: 2px; padding-left: 10px; padding-right: 10px; white-space: nowrap; width: 99%; }
.TopBar .Header .Menu a { text-decoration: none; }
.TopBar .Header .Menu img { border-style: none; vertical-align:middle; }

.TopBar td.NavBar { vertical-align: bottom; width: 1%; }
.TopBar table.NavBar { padding: 0px; margin-bottom: 0px; border: none; width: 1px; }
.TopBar table.NavBar td { padding: 0px 0px 0px 0px; }
.TopBar table.NavBar img { margin:0; padding: 0px; vertical-align:middle; }
.TopBar table.NavBar a { text-decoration: none; font-weight:bold; padding: 0px 10px; display: block; background-image: url(../images/nav_bar/item_bg.png); border: solid 1px gainsboro; border-bottom: none; white-space: nowrap; }
.TopBar table.NavBar a:hover { text-decoration: none; background-color: gainsboro; color: Orange; background-image: none; }

.TopBar .PopNavBar { padding: 0px; margin:0; }
.TopBar .PopNavBar img { border:0; margin:0 ; display:inline; }
.TopBar .PopNavBar .Menu { position:absolute; border-left:1px solid #f0f0f0;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	border-top:0; width:180px; z-index: 5000; background-color:white; 
}
.TopBar .PopNavBar .Menu a:link { display:block; margin:6px; padding:0px; font-size: 11px; text-decoration:none; color:#0063dc; }
.TopBar .PopNavBar .Menu a { display:block; margin:6px; padding:0px; font-size: 11px; text-decoration:none; color:#0063dc; }
.TopBar .PopNavBar .Menu a:hover, a:visited:hover { text-decoration: underline; }
.TopBar .PopNavBar .Menu a.MenuItemLineAbove { margin-top: 10px; padding-top: 8px; border-top: 1px solid #e5e5e5; }

.TopBar .Cart { white-space: nowrap; vertical-align: bottom; color: Gray; font-size: 11px; }
.TopBar .Cart a { background-image: none; padding: 0px 5px; display: inline; text-decoration: none; border: none; }

.TopBar .SearchBar { white-space: nowrap; vertical-align: bottom; display: none; }
.TopBar .SearchBar input { border: solid 1px gainsboro; width: 150px; padding: 0px 5px; }
.TopBar .SearchBar a { background-image: none; padding: 0px 5px; display: inline; text-decoration: none; color: Gray; border: none; }

.TopBar .BrokenContent { color: #666666; font-size: 11px; padding: 1px 10px; }

#UserSpace { margin-bottom: 12px; }

.HomeUserList { margin: 0px; padding: 0px; list-style-type: none; }

.Send { text-align: center; }

.PhotoAction { display: block; }

/* ALBUMS */
.AlbumCase { margin-top: 5px; margin-bottom: 5px; width: 85px; height: 95px; padding: 7px 0px 0px; background: url('http://beta.httpic.com/images/album_bg.gif') no-repeat;}
.AlbumCase .albumThumb { border: none; margin-top: 5px; width: 66px; height: 66px; }
.AlbumComments img { height: 24px; }

/* HELP */
.HelpItem { margin: 10px 0px; }
.HelpItem .HelpTitle { color: #FF6600; font-weight: bold; }
.HelpItem p { margin: 0px; padding: 0px; }

/* WEEKLY CONTEST */
.WeeklyContest { }
.WeeklyContest .TagSep { width: 30px; }

/* BANNERS */
.SmallBanner { text-align: center; }
.PesachBanner { text-align: center; }
.BlockBannerSide { text-align: center; padding: 5px; }
.TopBanner { text-align: center; }

/* PHOTOGRAPHER'S BOULEVARD */
.Boulevard { }
.BoulevardProfile { }
.BoulevardPhoto { text-align: center; vertical-align: middle; }

/* DREAM */
.DreamBanner { text-align: center; padding: 10px; }
.DreamCalendarBanner { padding: 0px; text-align: center; }
span.DreamByline { font-size: 12px; color: #FF6600; }
a.DreamByline { font-size: 12px; color: #FF6600; text-decoration: underline; }

.align-center { text-align: center; }
.bold { font-weight: bold; }
.align-middle { vertical-align: middle; }
.align-top { vertical-align: top; }

/* FACEBOX */
#facebox { width: 300px; }
#facebox .editBox { width: 300px; }
