body { font-family: Calibri, Tahoma, Sans-Serif; font-size: 12pt; padding-top: 40px; }

.topnav { padding: 0px 0px 10px 0px; position: fixed; top: 0px; width: 960px; }

.bar { background-color: #eee; width: 100%; margin: 0px; padding: 0px; line-height: 30px; height: 30px; vertical-align: middle; clear: both; position:relative; z-index:10000; }
.bar ul { display: inline; padding: 0px; margin: 0px; }
.bar li { display: block; float: left; height: 30px; line-height: 30px; padding: 0px; margin: 0px; }
.bar a:link, .bar a:visited, .bar a:hover { color: #555; text-decoration: none; }
.bar a { border-bottom: 3px solid #eee; display: table-cell; vertical-align: middle; padding-right: .3em; padding-left: .3em; height: 27px; line-height: 27px; }
.bar a:hover { border-bottom: .2em solid #ccc; background-color: #e5e5e5; color: #555; }
.bar a.selected { border-bottom: .2em solid #aaa; background-color: #e5e5e5; color: #555; }
.bar-left { float: left; }
.bar-right { float: right; }

.datatable { width: 100%; }
.datatable thead { background-color: #ddd; font-weight: bold; }
.datatable thead td { vertical-align: middle; text-align: left; padding: 5px 5px 5px 5px; }
.datatable tbody td { padding: 5px 5px 5px 5px; }

.topnav .accountinfo ul { display: block; float: right; }
.topnav .accountinfo ul li { display: inline; padding-left: 5px; }

a:link, a:visited, a:active { cursor: pointer; color: #00A2E8; text-decoration: underline; }
a:hover { text-decoration: none; }
a img, a:link img, a:visited img, a:hover img { text-decoration: none; border: 0px; }

h1, h2, h3, h4 { font-weight: normal; color: Black; margin: 0px 0px 5px 0px; }
h1 { font-size: 18pt; }
h2 { font-size: 16pt; }
h3 { font-size: 14pt; }
h4 { font-size: 12pt; }
h1 span, h2 span, h3 span, h4 span { font-style: italic; }
h1 a:link, .heading h1 a:visited, .heading h1 a:hover, .heading h1 a:active { text-decoration: none; color: Black; }
h2 a:link, .heading h2 a:visited, .heading h2 a:hover, .heading h2 a:active { text-decoration: none; color: Black; }
h3 a:link, .heading h3 a:visited, .heading h3 a:hover, .heading h3 a:active { text-decoration: none; color: Black; }
h4 a:link, .heading h4 a:visited, .heading h4 a:hover, .heading h4 a:active { text-decoration: none; color: Black; }

p { margin: 0px 0px 10px 0px; }

.styledform p { clear: both; line-height: 2em; }
.styledform label { color: #888; display: block; padding: 0px 10px 2px 0px; width: 150px; float: left; text-align: right; }
.styledform .wideinput { width: 350px; padding: .5em .5em .5em .5em; border: 1px solid #ccc; border-radius: 2px; }
.styledform input, .styledform textarea { font-family: Calibri, Tahoma, Sans-Serif; font-size: 12pt; }
.styledform .ckeditor-instance { clear: both; }

.leftcolumn .styledform p { clear:both; line-height:normal; }
.leftcolumn .styledform label { float:none; text-align:left; display:block; padding:0px; margin:0px 0px 0px 0px; }
.leftcolumn .styledform span { float:none; display:block; padding:0px; margin:0px 0px 10px 0px; }

.rightcolumn .styledform p { clear:both; line-height:normal; }
.rightcolumn .styledform label { float:none; text-align:left; display:block; padding:0px; margin:0px 0px 0px 0px; }
.rightcolumn .styledform span { float:none; display:block; padding:0px; margin:0px 0px 10px 0px; }

.watermark { color: #ccc; }

.expander { cursor: pointer; margin: 5px 10px 10px 0px; vertical-align: middle; color: #c0c0c0; }
.expander a { padding: 5px; }

.picturefocus .description { padding-top: 10px; }
.thumbnailbrowser { margin-bottom: 20px; }
.thumbnailbrowser h3 { margin-bottom: 10px; font-weight: normal; }
.thumbnailbrowser img a { border: 0px; text-decoration: none; }
.thumbnailbrowser .twocolumncontainer .column { float: left; width: 100px; margin-right: 10px; }
.thumbnailbrowser .threecolumncontainer .column { float: left; width: 70px; }
.thumbnailbrowser .threecolumncontainer .left { text-align: left; }
.thumbnailbrowser .threecolumncontainer .center { text-align: center; }
.thumbnailbrowser .threecolumncontainer .right { text-align: right; padding-right: 10px; }
.thumbnailbrowser .prevnext { margin-top: 5px; }
.loginforcomments { margin: 0px 0px 10px 0px; }
.paddedthumbnail img { margin: 5px; }
.orderby { text-align: right; }

.threecolumncontainer .column { width: 30%; padding-right: 3%; float: left; }
.threecolumncontainer .column h2 { text-align: center; }

.progressWrapper .progressBarInProgress { background-color: Green; height: 5px; margin: 5px 0px 5px 0px; }

.taginfo { color: #c0c0c0; margin-bottom: 20px; }
.taginfo ul li { display: inline-block; }
.taginfo .addtag { margin-top: 5px; }
.taginfo .addtag input { width: 210px; border: 1px solid #c0c0c0; }

.pictureinfo { color: #c0c0c0; margin-bottom: 20px; }
.pictureinfo ul li.spaced { padding: 5px 0px 5px 0px; }

.leftcolumn { overflow: hidden; }
.leftcolumn .associatedlinks span { display: block; color: #c0c0c0; text-decoration: none; }
.leftcolumn .associatedlinks li { margin: 0px 0px 5px 0px; }
.leftcolumn .associatedlinks a { text-decoration: none; }
.leftcolumn .associatedlinks { padding: 0px 5px 15px 0px; }
.leftcolumn p { padding: 0px 0px 10px 0px; }
.WarningNotification { color: red; padding: 5px; margin: 5px 0px 15px 0px; }

.statuslist { width: 300px; }
.statuslist ul li { color: Black; margin: 0px 0px 15px 0px; }
.statuslist ul li .time { color: #c0c0c0; text-transform: lowercase; text-align: right; }
.statuslist ul li ul { background-color: #eeeeee; }
.statuslist ul li ul li { margin: 0px 0px 0px 0px; border-bottom: 1px solid white; }
.statuslist ul li ul.replies { margin: 0px 0px 0px 40px; }
.statuslist ul li ul.replies li { padding: 3px 5px 3px 3px; }
.statuslist input { font-size: 1em; }
.statuslist .replytop { background-image: url(/Images/speech_bar_white_trans.gif); background-repeat: repeat-x; background-position: top left; padding: 0px; }
.statuslist .replytextbox { width: 180px; }

.thumbnailcontainer { }
.thumbnailcontainer .thumbnail_100 { float: left; margin: 0px 1px 1px 0px; }
.thumbnailcontainer .thumbnail_100 span { display: none; }
.thumbnailcontainer .thumbnail_100 .checkbox { float: left; }
.thumbnailcontainer .thumbnail_00 input { vertical-align: top; }

.albuminformation .description { color: #ccc; }

.rightcolumn .recentpicturecomments { color: #c0c0c0; }
.rightcolumn .recentpicturecomments ul li img { vertical-align: top; margin: 0px 0px 10px 0px; }
.rightcolumn .recentpicturecomments ul li span { display: inline-block; width: 150px; }
.rightcolumn .pictureinfo { color: #c0c0c0; margin: 20px 0px 10px 0px; }
.rightcolumn .description { color: #ccc; }

ul.tabs { border-bottom: 1px solid #ccc; margin-bottom: 10px; }
ul.tabs li { display: inline-block; padding: 5px 10px 5px 10px; position: relative; top: 1px; }
ul.tabs li.selected { border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid white; }

.pager a, .pagerright a { display: inline-block; padding: 2px; }
.pager, .pagerright { margin: 0px 0px 10px 0px; }
.pagerright { text-align: right; }

.exifinfo { color: #c0c0c0; margin: 10px 0px 10px 0px; }

.albumsthreecolumn .title { width: 100%; overflow: hidden; }
.albumsthreecolumn .content { color: #aaa; margin: 10px 5px 15px 0px; height: 50px; width: 180px; overflow: auto; overflow: hidden; }
.albumsthreecolumn .description { color: #aaa; margin: 10px 0px 10px 0px; width: 180px; }


img.uploadreview { vertical-align: top; }

.bloglist ul li { margin: 0px 5px 20px 0px; }
.bloglist span.inline { display: inline-block; height: 1em; padding: 0px 0px 0px 0px; line-height: 1em; width: 100%; overflow: hidden; }
.blogpostentryinfo { text-align: left; padding: 0px 0px 5px 0px; color: #ccc; }
.blogprevnext { margin: 20px 0px 20px 0px; text-align: right; }
.blogprevnext a { padding: 5px 5px 5px 5px; }
.blogprevnext span { padding: 5px 5px 5px 5px; color: #ccc; }
.blogpost p { margin: 0px 0px 10px 0px; }
.blogpost ul { list-style-type: circle; padding: 0px 0px 10px 20px; }
.blogpost ul li { padding: 0px 0px 5px 0px; }
.blogposts .blogpost { margin: 0px 0px 40px 0px; padding: 0px 0px 40px 0px; border-bottom: 1px solid #eee; }
.blogpost .tags li { display: inline-block; }
.blogpost .tags { padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px; }
.blogpost .tags .description { color: #ccc; }

.bloglist { }
.bloglist li { }
.bloglist .description { padding: 5px 0px 10px 0px; color: #aaa; }
.bloglist .description .a:link, .bloglist .description .a:active, .bloglist .description .a:active, .bloglist .description a:visited { color: #aaa; text-decoration: none; }

.inbox .withselected { padding: 5px 0px 0px 0px; border-top: 1px solid #ddd; margin: 5px 0px 15px 0px; }
.inbox thead td { padding: 0px 3px 5px 0px; font-weight: bold; border-bottom: 1px solid #ddd; }
.inbox thead { margin: 0px 0px 5px 0px; }
.inbox tr.new { background-color: #fff7b5; font-weight: bold; }
.inbox tr { border-bottom: 1px solid white; }
.inbox tr td { padding: 1px 1px 1px 1px; }

.thread { margin: 5px 0px 10px 0px; }
.thread .message { margin: 0px 0px 5px 0px; }
.thread .message .avatar { float: left; width: 60px; }
.thread .message .content { padding-left: 60px; }
.thread .message .content .said { padding: 0px 10px 5px 0px; color: #ccc; }
.thread .message .toolbar { float: right; }

.fromto { height: 60px; line-height: 60px; padding: 0px 0px 10px 0px; }
.fromto a { vertical-align: middle; }
.fromto .from, .fromto .to { float: left; }

.ratingstar { display: inline-block; width: 16px; height: 16px; }
.ratingfilledstar { background-image: url(/Images/Icons/ratingstar.png); }
.ratingemptystar { background-image: url(/Images/Icons/ratingstarempty.png); }
.ratingwaitingstar { background-image: url(/Images/Icons/ratingstarwaiting.png); }

.syntaxhighlighter { padding: 5px 5px 5px 5px; }
.syntaxhighlighter .toolbar { visibility: hidden; display: none; }

.browsealbums { margin: 0px 0px 10px 0px; }

.multipleuploader { padding: 5px 5px 5px 5px; margin: 0px; border: 1px solid #eee; }

table.blogfiles { width: 100%; }

.comments { width: 100%; }
.comments .toolbar { float: right; }
.comments .avatar { vertical-align: top; padding: 0px 10px 10px 0px; }
.comments .whosaid { color: #ccc; margin: 0px 0px 10px 0px; }
.comments .whosaid span { color: Black; }

.blogtagsearch { padding: 10px 0px 10px 0px; }
ul.blogtags li { display: inline-block; margin: 2px 5px 1px 0px; }
ul.blogsearchresults li { border-bottom: 1px solid #ccc; padding: 0px 0px 10px 0px; margin: 0px 0px 20px 0px; }

.friendslist { width: 100%; }
.friendslist tbody td.button { width: 50px; padding: 0px 10px 0px 10px; }
.friendslist tbody tr td { padding: 10px 0px 10px 0px; }
.friendslist tbody tr.lineunder { border-bottom: 1px solid #eee; }
.friendslist tbody tr.lineunder td { padding: 0px 0px 10px 0px; }
.friendslist .buttons { width: 55px; text-align: right; }

.findfriendsresult { width: 100%; margin: 10px 0px 10px 0px; }
.findfriendsresult td { padding: 0px 10px 10px 0px; }

.pendingrequests { width: 100%; margin: 10px 0px 10px 0px; }

ul.eventlist li { padding: 0px 0px 5px 0px; }
ul.eventlist ul.eventlist { margin: 0px 0px 10px 40px; display: block; }
ul.eventlist ul li { margin: 0px 0px 10px 0px; }
ul.eventlist .content { float: left; width: 400px; }
ul.eventlist .description { color: #ccc; display: block; }
ul.eventlist span.avatar { float: left; width: 50px; margin: 0px 10px 10px 0px; }
ul.eventlist .focus { display: block; padding: 5px 5px 5px 0px; }

ul.eventlist ul.comments li { display: list-item; margin: 0px 0px 0px 2px; }
ul.eventlist ul.comments .description { float: right; padding: 0px 0px 0px 5px; text-transform: lowercase; }
ul.eventlist ul.pictures li { display: inline-block; padding: 0px 0px 1px 1px; }
ul.eventlist .addstatuscomment { margin: 0px; padding: 0px 0px 10px 0px; }

.linkedemailaccounts td { padding: 0px 10px 5px 0px; }

.groups ul { margin: 0px 0px 0px 20px; }
.groups ul li { padding: 5px 5px 5px 0px; margin: 0px 0px 0px 0px; list-style: disc; }
.groups li { padding: 0px 0px 10px 0px; }

.picturefocus { }
.picturefocus .mainfocus { float: left; display: block; width: 400px; }
.picturefocus .mainfocus img { float: left; display: block; width: 399px; height: 300px; border-right: 1px solid white; border-bottom: 1px solid white; }
.picturefocus .rightfocus { float: left; width: 150px; }
.picturefocus .rightfocus img { width: 150px; height: 150px; }
.picturefocus .rightfocus img.whiteborders { border-right: 1px solid white; border-bottom: 1px solid white; }

.homepagesignup { text-align: right; padding: 5px; font-weight: bold; }
.horiznav { height: 25px; padding: 0px; vertical-align: middle; }
.horiznav li { display: inline; }
.horiznav a { padding: 5px; height: 25px; }

.pictureshowcase .mainimage { float: left; width: 350px; }
.pictureshowcase .sideimages a { padding: 0px 0px 1px 1px; }

#inlinelogincontainer { visibility: hidden; background-color: white; display: inline; left: 280px; padding: 0px; position: relative; overflow: hidden; }
#inlinelogincontainer div { background-color: white; float: right; height: 170px; padding: 0px; position: absolute; }
#inlinelogincontainer iframe { height: 170px; width: 200px; }

li.recent-picture-comment-item { clear: left; padding-left: 22px; margin-bottom: 5px; background-image: url(/Images/Icons/comment.png); background-position: top left; background-repeat: no-repeat; }
.recent-picture-comment-item-username { display: block; }

.album-restricted { padding-left: 20px; font-weight: bold; background-position: middle left; background-repeat: no-repeat; background-image: url(/Images/Icons/lock.png); }
.album-description { color: Black; }

.input-suggestion-textbox { z-index: 250; background-color: #EEE; border: 1px solid #CCC; display: block; height: 15px; left: 2px; line-height: 15px; margin: 0px; padding: 5px; position: relative; top: -3px; }
.input-suggestion-textbox p { line-height: 15px; margin: 0px; padding: 0px; }

a.button_green:link, a.button_green:visited, a.button_green:active { background-image: url(/Images/green_fade.jpg); background-position: 0 50%; background-repeat: repeat-x; background-color: Green; border: 2px solid #2cca47; font-weight: bold; color: White; text-shadow: 1px solid light-green; border-radius: 5px; line-height: 2em; padding: .2em .3em .2em .3em; text-decoration: none; cursor: pointer; }
a.button_green:hover { border: 2px solid #2fdb4d; }

.add-status { margin: 0px 0px 10px 0px; }

.ajax__tab_tab { font-family: Calibri, Tahoma, Sans-Serif; font-size: 12pt; padding: .5em; }
.ajax__tab_active { color: #fff;   }
.ajax__tab_outer { border: 0px; }
.ajax__tab_inner { border: 0px; }
.add-status-tabs .ajax__tab_body { border-left: 1px solid #ccc; border-bottom:2px solid #555; border-right:1px solid #ccc; padding:10px 10px 0px 10px; }
.add-status-tabs .ajax__tab_header { border-bottom:2px solid #777; color:#bbb; }
.add-status-tabs .ajax__tab_header .ajax__tab_outer { margin-right:2px; }
.add-status-tabs .ajax__tab_header .ajax__tab_tab { cursor: pointer; border: 1px solid #eee; position: relative; top: 1px; }
.add-status-tabs .ajax__tab_active .ajax__tab_tab { background-color:#555;  border-bottom:2px solid #555; }
.add-status-tabs .ajax__tab_hover .ajax__tab_tab { background-color:#eee; color:black; }

.user-blogs { margin:0px 0px 20px 0px; }
.dialog-hidden { display:none; }
.ui-dialog { font-size:9pt; }
.ui-dialog .styledform label { width:80px; }
.ui-dialog .styledform .wideinput { width:180px; padding:2px; margin:0px; }
.ui-button { padding:2px; margin:0px; font-size:12px; }

.status-added { clear:left; }
.status-added .avatar { float:left; width:60px; }
.status-added .status-body { float:left; margin:0px 5px 5px 5px; }
.status-added .status-owner { margin:0px; display:inline; }
.status-added .status-owner span { color:#ccc; font-size:10pt; }
.status-added .status-date { color:#ccc; font-size:10pt; text-transform:lowercase; }
.status-added .status-content { display:inline; }
.status-comments { background-color:#eee; }
.status-comments { width:450px; }
li.status-reply { padding:5px; border-bottom: 1px solid white; overflow:hidden; width:90%; margin:0px; }

.status-reply .status-owner { margin:0px 0px 2px 0px; display:inline; }
.status-reply .avatar { width:40px; float:left; }
.status-reply .status-content { margin:0px; display:inline; }
.status-reply .status-reply-body { float:left; width:340px; }
.status-reply .status-date { font-size:10pt; text-transform:lowercase; margin:5px 5px 0px 0px; color:#ccc;  }
.status-reply .clear { margin:0px; }
.status-comments .replytextbox, .status-comments .reply-textbox { width:300px; }
.add-status-comment { padding-left:1px; }

.status-pictureuploaded { clear:left; }
.status-pictureuploaded .avatar { float:left; width:60px; }
.status-pictureuploaded .status-body { float:left; margin:0px 5px 5px 5px; }
.status-pictureuploaded ul.status-pictures { width:450px; clear:left; height:100px; overflow:hidden; }
.status-pictureuploaded ul li { float:left; width:80px; height:80px; display:block; border-right:1px solid white; }
.status-pictureuploaded .status-date { font-size:10pt; text-transform:lowercase; margin:5px 5px 0px 0px; color:#ccc;  }