.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


* {padding:0; margin:0;}

ol, ul, dl {margin:0px;}
ul li {list-style-type:none;}
h1, h2, h3, h4, h5, h6, strong, dt {font-weight:normal; }

th, td {border:0px;}
th { color:#666666; line-height:42px; padding-right:10px; text-align:right; }


input[type=text], input[type=password] { font-size:120%; padding: 3px; border: 1px solid #CCCCCC; padding: 5px; }

html { background:#F4F4F4 none repeat scroll 0 0; font-family:'lucida grande','arial','trebuchet ms',sans-serif; line-height:1.125em;}
body { margin:0px; padding:0px; color:#666666; font-family:'Lucida Grande',sans-serif; }

a { text-decoration: none; }
a {color:#4E9ECA; text-decoration:none;}
a:hover {color:#4E9ECA; text-decoration:none; cursor:pointer; }

.mod-loveuser h2, .mod-comments h2, .com-tags h2 {color: #999999;}
.num {color: #333; }

.link {cursor:pointer; text-decoration: none; font-size:90%; color:#4E9ECA;}
.loading {color:#999999; font-size: 90%; text-decoration: blink; }

#doc { max-width: 1100px; margin: 0 1em; }


#doc #hd {margin:0 auto;}
#doc #bd {margin:1em 0 10em; width:100%; }
#doc #ft {}
#doc #ft .overture{font-size:120%; margin: 1em 0 1em;}
#doc #ft a{color: #666;}

.cancel {background:#BEBEBE none repeat scroll 0 0; padding:3px 6x; width:auto; color: #FFFFFF; border: none; display:block; margin: 3px 0px; font-size:110%; padding:5px 4px 6px;}
.submit {background:#398EBC none repeat scroll 0 0; padding:3px 6x; width:auto; color: #FFFFFF; border: none; display:block; margin: 3px 0px; font-size:110%; padding:5px 4px 6px;}


.col-main {width: 64%; vertical-align:top; float:left;}
.col-left {width: 30%; vertical-align:top; }
.col-right {width: 36%; vertical-align:top; float:right;}


html>body .fotoloupe-logo { background: transparent url(/images/fotoloupe.png) repeat scroll 0 0; }
.fotoloupe-logo {height:60px; width: 200px; display:block; margin: 0 0 1em;}

#master-head a{ color: #333333; }
#master-head a:hover { color: #4E9ECA; }
#master-head .welcome { color: #333333; }
#master-head .welcome a { color: #4E9ECA; }
#master-head { color: #AAAAAA; padding: 4px 1em 4px; margin: 0 0 .6em; border-bottom:1px dotted #CCCCCC; background:#EEEEEE none repeat scroll 0 0;  }
#master-head .container { max-width: 1100px; margin: 0 auto; width: 100%;}
#master-head .font-header { float:left; }
#master-head .tail-header { float:right; }

.content-row {} 

.com-photo {}
.com-photo span { padding:3px; border: 1px solid #CCCCCC; display:inline-table; background: #FFFFFF none repeat scroll 0 0;}
.com-photo img {width: 72px; height: 72px; }

.com-userthumb {}
.com-userthumb span {padding:3px 3px 12px; border: 1px solid #CCCCCC; display:inline-table; background: #FFFFFF none repeat scroll 0 0;}
.com-userthumb img {width:52px; height:52px;}

.mod-photographers {}
.mod-photographers ul {}
.mod-photographers ul li {float:left; }
.mod-photographers .com-userthumb {}
.mod-photographers .com-userthumb img {width:auto; height: auto; }

.com-photographer {margin: 0 2em 2em 0; width: 104px; overflow: hidden;}
.com-photographer .meta { margin: 1em 0 0; }
.com-photographer .meta .header{color:#999999; font-size: 8px; }

.com-remove-thumbnail {float:left; margin: 0 1.3em 0 0; }

.mod-master_searchbox { float:left;}
.mod-master_searchbox input { font-size:105%; padding: 3px 6px; display:inline; margin:0px; font-weight:bold;}

.mod-comments {}
.mod-comments ul {}
.mod-profile-comments ul li, .mod-comments ul li {margin: 0 0 2em;}


.com-comment {display:inline-block; }
.com-comment .thumbnail {float:left; }
.com-comment .meta {margin: 0 0 0 6em;}
.com-comment .comment {margin: .5em 0 0;}
.com-comment .date {color:#666666; font-size:85%;}

.mod-main_nav {width: 100%; }
.mod-main_nav ul { font-size: 15px; display:block ;}
.mod-main_nav .com-nav-btn { background-color: #000000; border-right: 3px solid white; display: block; float: left; height: 27px; overflow: hidden; }
.mod-main_nav li a { background-color: #000000; color: #FFFFFF; display: block; padding: 4px 17px 0 18px; }
.mod-main_nav .com-empty {width:28%;}
.mod-main_nav .com-master-search {}

#upload-form ul li .item { margin:2em 0 0;}
#upload-form ul li .com-photothumb {float:left;}
#upload-form ul li .photo-meta-input {float:left; margin:0 4em;}
#upload-form ul li .photo-meta-input input[type='text'], #upload-form ul li .photo-meta-input textarea{display:block; margin:0 0 6px; padding:3px; width:300px;}

.upload_tags {position:relative !important;}

#batch_update_form input[type='text'] { margin:0 0 6px; padding:3px; width:300px;}


#upload-form .upload-item .com-photo img {width: auto; height: auto;}

.com-today-photo {margin: 0 0 16px; }
.com-today-photo .com-photo {float:left ;}
.com-today-photo .com-photo img {}
.com-today-photo .meta {width:160px; margin:0 0 0 7.5em; }
.com-today-photo .meta .header {font-size: 8px; color: #999999; margin: 0 0 3px; }
.com-today-photo .meta .detail {font-size: 10px; margin: 0 0 .6em; }

.mod-photo-header {margin:0 0 2em;}
.mod-photo-header .title {color:666666; font-size:140%; margin:0 0 6px; }
.mod-photo-header .meta {color:#999999; font-size:85%; display: inline; }
.mod-photo-header #title_form .submit {background:#398EBC none repeat scroll 0 0; padding:3px 6x; width:auto; color: #FFFFFF; border: none; display:inline; margin: 3px 0px; font-size:100%; padding: 6px 4px 6px; }
.mod-photo-header #title_form .cancel {background:#BEBEBE none repeat scroll 0 0; padding:3px 6x; width:auto; color: #FFFFFF; border: none; display:inline; margin: 3px 0px; font-size:100%; padding: 6px 4px 6px; }

.page-index .mod-category-photos {}
.page-index .mod-category-photos ul li {float:left; margin: 0 24px 24px 0; }
.page-index .mod-category-photos h2 a{font-size:80%; }
.page-index #bd .content {width:100%; }


.page-index .mod-ranking-photos ul li {float:left; margin: 0 24px 24px 0; }
.page-index .main-content {}
.page-index .main-content .col-left{float:left; }
.page-index .main-content .col-right{width: 69%; }
.page-index .sub-content {}


.page-upload .step { margin: 1em 0 1em; }
.page-upload .note { font-size: 80%; color: #666666; }
.page-upload #selectFilesLink #selectLink, .page-upload #uploadFilesLink #uploadLink { font-size: 120%; }

.page-search .com-photo img { width: auto ; height: auto ; }

.page-login .mod-signup {}
.page-login .mod-login {}
.page-login .forgot-password {margin: 1em 0;}

.page-signup #signup-form span{color: #BBBBBB;}
.page-signup .mod-signup .header {}

#pri-content {}
#pri-content .col-left { }
#pri-content .col-right { }
#sec-content {display: table; }

#today-pick {overflow:hidden; width:600px ;}
#today-pick ul {}
#today-pick ul li{}
#today-pick .arrow {position: relative; top:150px; cursor:pointer; width: 30px; height:30px; overflow:hidden;}
#today-pick .arrow span {}
#today-pick #prev {background-position:0 -30;}
#today-pick #prev {background: url(/images/icons/arrow.png) repeat scroll 0 -30px;}
#today-pick #next {background: url(/images/icons/arrow.png);}

#today-pick #large-photo {background-image:url("/images/photo_bg.png"); min-height:600px ;}
#today-pick #large-photo #large-photo-list {min-height:600px; position:relative ;}

.com-today-pick {float:left; width: 600px; text-align:center; position:relative; }
.com-today-pick img {vertical-align: top; }
.com-today-pick .meta {margin: 1em 0 0; width: 600px;}
.com-today-pick .meta ul {width:auto; }
.com-today-pick .meta ul li {float:left; margin: 0 3em 0 0; }
.com-today-pick .meta .header {font-size: 8px; color: #4E9ECA; margin: 0 0 3px;}
.com-today-pick .meta .detail {font-size: 10px; margin: 0 0 .6em; }

.table-body {display: table; }
.table-body .table-row {display:table-row;}
.table-body .table-row .table-cell {display:table-cell; }
/*mod-upload*/
.mod-upload { background:#eeeeee none repeat scroll 0 0; border:1px solid #CCCCCC; padding:18px;}
.mod-upload span { margin: 0 0 6px; display:block;}
.mod-upload a {background-image:url(http://hk.l.yimg.com/hk.yimg.com/i/vi/sx_1.1.png); background-position:0 -8px;border-color:#CE9200; margin:auto 0; border:1px solid #CE9200; padding:3px; width: 70px; display:block; text-align:center; color:#333333; }


/* mod-poptags && mod-usertags */
.mod-usertags, .mod-poptags { background: #EDEDED none repeat scroll 0 0; padding: 1em; color:#0AA218; margin:1em 0; }
.mod-usertags .class1, .mod-poptags .class1 {font-size:115%; color:#B9D9EA; }
.mod-usertags .class2, .mod-poptags .class2 {font-size:135%; color:#9ECBE2; }
.mod-usertags .class3, .mod-poptags .class3 {font-size:155%; color:#7AB7D8; }
.mod-usertags .class4, .mod-poptags .class4 {font-size:165%; color:#4E9ECA; }
.mod-usertags .com-tag, .mod-poptags .com-tag { display:inline;}
.mod-usertags .com-tag a, .mod-poptags .com-tag a{}
.mod-usertags .com-tag a:hover, .mod-poptags .com-tag a:hover{color:#333333;}


.mod-tags {margin: 1em 0 0 ;}
.mod-tags .mod-category-tabs .on {background: none repeat scroll 0 0 white; border: 1px solid #DDDDDD; border-style:solid solid none ;}
.mod-tags .mod-category-tabs .off {}
.mod-tags .mod-search-result {background-color: #FFF; border: 1px solid #DDDDDD; padding: 9px; display:inline-block; min-width:648px; }

.mod-category-tabs { }
.mod-category-tabs a {padding: 6px 6px 0px ; margin: 0 3px 0 6px; font-size: 1.2em; }
.mod-category-tabs ul {}
.mod-category-tabs ul li {display:inline; }


.mod-today-pop { display:table-cell; }

.mod-info {}
.mod-info ul {}
.mod-info ul li {margin: 0 6px 6px 0; }
.mod-info .com-info span {margin: 0 9px 0 0; }

.mod-today-pop .com-today-photo .ranking span {}
.mod-today-pop .com-today-photo .ranking-container {float:right; margin: 0 28px; border:1px solid #AAAAAA; padding: 3px; background: #CCCCCC none repeat scroll 0 0; }
.mod-today-pop .com-today-photo .ranking-0 {background:transparent url(/images/ranking.png) repeat scroll 0 0; width: 14px; height:14px;}
.mod-today-pop .com-today-photo .ranking-1 {background:transparent url(/images/ranking.png) repeat scroll -14px 0; width: 14px; height:14px;}
.mod-today-pop .com-today-photo .ranking-2 {background:transparent url(/images/ranking.png) repeat scroll -28px 0; width: 14px; height:14px;}
.mod-today-pop .com-today-photo .ranking-3 {background:transparent url(/images/ranking.png) repeat scroll -42px 0; width: 14px; height:14px;}
.mod-today-pop .com-today-photo .ranking-4 {background:transparent url(/images/ranking.png) repeat scroll -56px 0; width: 14px; height:14px;}
.mod-today-pop .com-today-photo .ranking-5 {background:transparent url(/images/ranking.png) repeat scroll -70px 0; width: 14px; height:14px;}
.mod-today-pop .com-today-photo .ranking-6 {background:transparent url(/images/ranking.png) repeat scroll -84px 0; width: 14px; height:14px;}
.mod-today-pop .com-today-photo .ranking-7 {background:transparent url(/images/ranking.png) repeat scroll -98px 0; width: 14px; height:14px;}
.mod-today-pop .com-today-photo .ranking-8 {background:transparent url(/images/ranking.png) repeat scroll -112px 0; width: 14px; height:14px;}
.mod-today-pop .com-today-photo .ranking-9 {background:transparent url(/images/ranking.png) repeat scroll -126px 0; width: 20px; height:14px;}


.com-tags ul {margin:0 0 18px;}
.com-tags ul li {}
.com-tags ul li img {float:left; margin:0 3px 0 0; }
.com-tags .com-tag a {color:#4E9ECA; }
.com-tags .com-tag a:hover{color:#333333; }
html>body .tag-icon {background: transparent url(/images/icons/tag_blue.png) repeat scroll 0 0;}
.tag-icon { margin: 0 3px 0 0; width: 16px; height: 16px; display: block; float: left;}


.love-icon { background: transparent url(/images/icons/heart.png) repeat scroll 0 0; }


.com-tag {margin:0 6px 6px 0; }


/* footer */
#doc #ft {padding:2em 0 5em; font-size:80%; color:#BABABA; border-top:1px dotted; }
#doc #ft .overture{}
#doc #ft .copyright {}


.mod-photos li {float:left; padding: 0 1em 1em 0;}
.mod-bookmark li {float:left; padding: 0 1em 1em 0; }
.mod-subscribes li {float:left; padding: 0 1em 1em 0;}

.mod-photo-exif {border:1px solid #DDDDDD; background-color:#EEEEEE; padding:9px;}
.mod-photo-exif div {line-height:2em; }

.mod-extra {margin: 1em 0;}
.mod-extra a:hover {text-decoration:underline; }

.mod-photo-desc {margin:3em 0 1em; }
.mod-photo-desc .submit {display:inline; padding: 4px 4px 6px;}
.mod-photo-desc .cancel {display:inline; padding: 4px 4px 6px;}
#desc_txt {margin: 0 0 3px; }
/* photo page */
.page-photo .col-right { padding: 5.3em 0 0; max-width: 350px;}
.page-photo .photo_container {position: relative; }
.page-photo .delete {position:absolute; top: 0px; left: 0px; background-color: #FFFFFF; padding: 6px; }
.page-photo .love {position:absolute; top: 0px; left: 0px; background-color: #FFFFFF; padding: 6px; }

.page-photo .delete-icon { background: transparent url(/images/icons/delete.png) repeat scroll 0 0; width: 16px; height: 16px; float: left; margin: 0 6px 0 0;}
.page-photo .delete-icon span {display: none;}
html>body .page-photo .favour-icon { background: transparent url(/images/icons/heart.png) repeat scroll 0 0; }
.page-photo .favour-icon { width: 16px; height: 16px; float: left; margin: 0 6px 0 0;}
.page-photo .favour-icon span {display: none;}
.page-photo .meta .description {margin:18px 0 6px; }

/* mod-login */
.mod-signup, .mod-login, .mod-reset-password {background:#E9E9E9 none repeat scroll 0 0;padding:.4em 1.2em; border:1px solid #dddddd; }
.mod-login div {line-height:2em; margin: 1em 0 0; }
.mod-login input[type='text'], .mod-login input[type="password"]{width:270px;}


.mod-reset-password { width: 100% ; }
.mod-reset-password .tips { margin: 1em 0 1em; }

/*search result*/
.mod-search-result ul li {float:left; padding: 0 24px 36px 0;}
.mod-search-result ul li .com-search { }
.mod-search-result ul li .com-search .title {margin:9px 0 6px; }
.mod-search-result ul li .com-search .meta {width:96px; overflow:hidden;  }
.mod-search-result ul li .com-search .note {font-size:70%; line-height:1em;}
.mod-search-result ul li .com-search .nickname {margin:0 0 .6em;}
.mod-search-result ul li .com-search .nickname a {font-size:100%;line-height:12px;}
.mod-search-result ul li .com-search .tags {font-size:80%;}
.mod-search-result ul li .com-search .date {margin:0 0 9px; }
.mod-search-result ul li .com-search .date span {font-size:100%; }
.mod-search-result .com-photo img {width:auto; height: auto;}

/* mod-related */
.mod-related {margin:2.1em 0 2.1em; }
.mod-related ul li {float:left;padding: 0 5px 5px 0;}


/* mod-share */
.mod-share {margin: 1em 0 2em; border-top:1px dotted #BBBBBB; padding:1em 0;}
.mod-share ul li {float:left;}
.mod-share ul li a {margin: 0 6px 6px 0;}

.mod-photo-meta {}
.mod-photo-meta .header { color:#BBBBBB; font-size:75%; margin:6px 0 3px;}

.tag-delete-icon span {font-size:80%;}
.tag-delete-icon {margin: 0 0 0 9px; cursor: pointer; }




.mod-tips, .mod-error, .mod-alert {background:#EFEFEF none repeat scroll 0 0; border:1px solid #CCCCCC; padding:1em; margin: 0 0 1em;}
.mod-tips .title, .mod-error .title,.mod-alert .title { font-size:110%; margin:0 0 6px;}
.mod-tips .detail, .mod-error .detail, .mod-alert .detail {color:#787878; }
.mod-error {background:#FFEBE8 none repeat scroll 0 0; border:1px solid #DD3C10; }


.mod-profile .com-userimage{float:left; position:relative; }
.mod-profile .meta { float: left; margin: 0 2em; }
.mod-profile .meta div {margin: 0 0 6px;}
.mod-profile .meta .nickname {font-size:140%;}
.mod-profile .meta .description {font-size:100%;}


.mod-action-panel { margin: 1em 0; }
.mod-action-panel .mod-ranking {}
.mod-action-panel .mod-ranking ul li {float:left; }
.mod-action-panel .mod-ranking .com-ranking { background:transparent url('/images/star.png') repeat scroll -32px 0; width:16px; height: 16px;}
.mod-action-panel .mod-ranking .full-star { background:transparent url('/images/star.png') repeat scroll -32px 0; width:16px; height:16px; }
.mod-action-panel .mod-ranking .half-star { background:transparent url('/images/star.png') repeat scroll -64px 0; width:16px; height:16px; }
.mod-action-panel .mod-ranking .empty-star { background:transparent url('/images/star.png') repeat scroll -96px 0; width:16px; height:16px;}
.mod-action-panel .mod-ranking #mod-user-ranking {display:none;}
.mod-action-panel .mod-ranking #mod-user-ranking .com-ranking {cursor:pointer;}
.mod-action-panel .mod-ranking .com-ranking span {display:none; }
.mod-action-panel .mod-ranking .full-star span {display:none; }
.mod-action-panel .mod-ranking .half-star span {display:none; }
.mod-action-panel .mod-ranking .empty-star span {display:none; }
.com-ranking-msg { margin: 0 0 0 1em;}

#add_tags_form #tags_input {width:auto; position: relative; width: 200px;}
#add_tags_form #tags_ac_container {position: relative; top: 0px; width: 200px; }
#add_tags_form .note {}

.mod-loveuser {}
.mod-loveuser #com-lover-list {}
.mod-loveuser #com-lover-list {}
.mod-loveuser #com-lover-list li{float:left; margin: 0 1em 1em 0;}

.mod-profile-comments .post-comment textarea, .mod-comments .post-comment textarea{width:400px;height:90px;}
.mod-profile-comments .post-comment .thumbnail, .mod-comments .post-comment .thumbnail{float:left;}
.mod-profile-comments .post-comment .post-form, .mod-comments .post-comment .post-form{margin:0 0 4em 6em;}
.mod-profile-comments .post-comment .post-form .submit, .mod-comments .post-comment .post-form .submit {margin:1em 0; padding:6px 4px 6px;}
.mod-profile-comments .post-comment .post-form textarea, .mod-comments .post-comment .post-form textarea {padding: 6px;}

.mod-latest-photos {clear:both; }
.mod-latest-photos ul {}
.mod-latest-photos ul li{ float:left; margin: 0 17px 17px 0; }

.mod-info { clear:both; }
.mod-info ul {}
.mod-info ul li {}

.mod-albums {}
.mod-albums ul {}
.mod-albums ul li {}

.com-album {font-size:12px; }
.com-album strong {font-size:13px; color:#666666; font-weight:normal; }
.com-album img {width:24px;}

#large-banner-container {display:block;width: 700px ; height:500px;}
.banner-container {position:absolute; width:700px; height:500px;overflow:hidden; }

input[type="reset"], input[type="submit"] { padding: 5px 4px 6px; }