input.error { border: 1px solid red; }

label.error {
	background: url('../images/unchecked.gif') no-repeat;
	padding-left: 16px;
	margin-left: .3em;
}

div.grippie {
	background:#EEEEEE url(/images/grippie.png) no-repeat scroll center 2px;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:0pt 1px 1px;
	cursor:s-resize;
	height:9px;
	overflow:hidden;
}

.resizable-textarea textarea {
	display:block;
	margin-bottom:0pt;
	width:95%;
	height: 20%;
}

.city_results {
	background: white;
	border: 1px solid #CCC;
	display: none;
	position: absolute;
	width: 260px;
	z-index: 1000000000;	
	padding: 3px;
}

.city_results ul {
	list-style: none;	
}

#photoMapping {
	display: none;
	position: absolute;
	top: 50px;
	width: 844px;
	padding: 10px;
	z-index: 100000000;
	border: 2px solid #c0c0c0;
	background-color: #ffffff;
}

#photoMapping .photoMappingTitle {
	font-weight: bold;
	font-size: 20px;
	cursor: move;
}

.photoMapped {
	width: 75px;
	height: 75px;
	position: absolute;
	background: transparent url(/images/map-on.gif) no-repeat bottom right;
}

.xnaNameTip {
	position: relative
}

div.nameTip {
	position: absolute;
	display: none;
	z-index: 9000;
	top: -155px
}

div.nameTip a {
	display: block;
	zoom: 1
}

div.nameTipInner {
	width: 300px;
	background-color: #fff;
	border: 1px solid #203b6b;
	border-bottom: 2px solid #203b6b
	
}

div.nameTip .arrow {
	float: left;
	height: 9px;
	margin-top: -2px;
	width: 50px;
}

.arrow i {
	float: left;
	height: 9px;
	background: url(../images/tip.gif) no-repeat;
	width: 50px;	
}

.nameTip .tipAvatar {
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 10px
}

.nameTip .infoDetail {
	float: left;
	width: 170px;
}

.infoDetail .rowTop {
	height: 68px
}

.nameTip .infoDetail a {
	font-size: 1em
}

div.nameTip div.nTipFooter {
	padding: 5px 10px;
	background-color: #f2f2f2;
	border-top: 1px solid #ccc;
	font-size: 15px;
	font-weight: normal
}

div.nameTip div.nTipFooter a {
	font-size: 15px;
	font-weight: normal
}

div.nameTip div.nTipPhotoStaff {
	height: 32px;
}

div.nameTip td.nTipPhotoStaff a {
	padding-right: 1px
}

.quote {
	border: 1px solid #ccc;
	padding: 4px;
	margin-top: 4px;
	background-color: #fcfcfc
}

.xnaToolBar img.butt {
	border: 1px solid #6593CF;
	background: url('../images/bbcode/button_background.gif') repeat-x;
	cursor: pointer;
}

.xnaToolBar img.butt:hover {
	background: url('../images/bbcode/button_over.gif') repeat-x;
}

.xnaSmileyBar img {
	cursor: pointer;
}@charset "utf-8";

* {
    outline: 0
}

#div-gpt-ad-1397548759510-2 {
    display:none;
    z-index: -1;
}

#div-gpt-ad-1397549526034-2 {
    display:none;
    z-index: -1
}
    

    
@media screen and (min-width:1230px){
    #div-gpt-ad-1397548759510-2, #div-gpt-ad-1397549526034-2 {
	z-index: 1000;
	display:inline;
    }
    
}

body{
    line-height: 14px;
    background-color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
    font-size:15px;
    margin: 0 auto;
    color: #141414;
    height: 100%
}

a, a:link, a:active, a:visited {
    outline: 0;
    border: none;
    color: #141414;
    text-decoration: none;
    font-size: 15px;
    cursor: pointer
}

a:hover {
    color: #cc6600;
}

.red, .red a, a.red {
    color: red
}

input, textarea, select {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
    font-size: 15px;
    color: #141414;
    padding: 4px 5px 3px;
    vertical-align: middle;
    border: solid 1px #E3E3E3;
}

label { margin-right: 8px }

ol, ul {
    list-style-type: none;
    display: block;
    padding: 0;
    margin: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

table.genTable td {
    padding: 4px
}

strong, b {
    font-weight: bold
}

em, i {
    font-style: italic;
}

u {
    text-decoration: underline
}

.comment_text a {
    color: blue
}

.comment_text a:hover {
    color: #cc6600;
}

.fl { float: left }
.fr { float: right }

.smallfont, .smallfont a {
    font-size: 13px;
    font-weight: normal;
}

.bo { font-weight: bold }

.imgaln { vertical-align: middle }
.hozline {
    background: url(../images/versepe.gif) repeat-x bottom;
    padding-bottom: 8px;
}

.topTitle {
    font-size: 1.167em;
    font-weight: bold;
    margin-bottom: 5px;
    text-transform: uppercase
}


.xnaTooltip {
    padding: 10px;
    display: none;
    position: absolute;
    border: 1px solid #d6d6d6;
    background-color: #fff;
    z-index: 10000
}

.xnaTipContent {
    margin: 5px 0;
    font-size: 13px;
    text-align: center;
}

.xnaTipLogo {
    background: url(/images/slogo.gif) no-repeat;
    height: 23px;
    text-align: center;
}

.bbcodeEditor textarea {
    background-color: #f0f0f0;
    border: 1px solid #ccc
}

.xnaToolBar {
    margin-bottom: 5px
}

.bbcodeEditor .xnaSmileyBar {
    margin: 5px  0
}

.icons {
    background: transparent url(../images/icons.png) no-repeat;
}

#container {
    margin: 0 auto;
}

#header {
    height: 55px;
    background: #141414 url(../images/bgtop.jpg) repeat-x left top
}

#header div.top {
    width: 1200px;
    margin: 0 auto;
    text-align: left
}

#header div.logo {
    float: left;
    width: 109px
}

#header div.searchbox {
    float: left;
    padding-left: 90px;
    padding-top: 14px
}

#header .userbox {
    padding-top: 22px;
}

div.userbox {
    text-align: right;
    font-size: 15px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif}

div.userbox a {
    color: #fff
}

div.userbox a:hover {
    color: #cc6600
}

div.userbox .lin {
    background: url(../images/arrow_grey.png) no-repeat left;
    padding-left: 10px
}

.seperator, .wSeperatorVertical {
    margin: 0 10px;
    width: 1px;
    height: 13px;
    background: url(../images/icons.png) no-repeat;
    background-position: -61px -24px;
    vertical-align: middle;
}

#qSrch {
    width: 844px;
    margin: 0;
    padding: 0
}

#sTbl {
    width: 630px;
    margin: 0;
}

#sTbl td.first {
    width: 100%;
}

#sTbl td {
    padding: 0;
    vertical-align: top;
}

#header div.searchbox .txtquery {
    width: 100%;
    height: 26px;
    border: 0;
    padding: 0 0 0 11px;
    background: white;
    font-size: 1em;
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
    -webkit-border-top-left-radius: 2em;
    -webkit-border-bottom-left-radius: 2em;
    -moz-border-radius-topleft: 2em;
    -moz-border-radius-bottomleft: 2em;
}

#typeSelector {
    height: 26px;
    background-color: #fff;
    text-align: center;
    white-space: nowrap;
}

#typeSelector img {
    vertical-align: middle;
}

.menuSelector {
    height: 26px;
    float: left;
    position: relative;
}

.menuSelector-header {
    height: 26px;
    line-height: 26px;
    border: 0;
    cursor: pointer;
    position: relative;
}
.menuSelector-header span {
    margin: 0 5px;
}

.menuSelector-content {
    text-align: left;
    border: 1px solid #E3E3E3;
    color: #2A3333;
    background: #fff;
    position: absolute;
    z-index: 100000;
}

.menuSelector-content ul {
    display: block;
    margin: 0;
    padding: 6px;
}

#typeSelector .menuSelector-content ul li:first-child {
    margin-bottom: 5px;
}
#typeSelector .menuSelector-content ul li {
    padding-bottom: 2px;
}
.menuSelector-content ul li {
    margin: 0;
    display: block;
    padding: 2px 5px 0;
    white-space: nowrap;
    cursor: pointer;
}

#typeSelector input[type="checkbox"] {
    margin-right: 5px;
}

.menuSelector-content ul li label {
    cursor: pointer;
}

.menuSelector-content ul li:hover {
    background-color: #f0f0f0
}

a#qAF {
    display: inline-block;
    text-decoration: none;
    color: #666;
    padding-right: 12px;
}

#qSbmt {
    height: 26px;
    padding: 0 17px 0 15px;
    border: 0;
    border-left: solid 1px #141414;
    margin: 0;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    -webkit-border-top-right-radius: 2em;
    -webkit-border-bottom-right-radius: 2em;
    -moz-border-radius-topright: 2em;
    -moz-border-radius-bottomright: 2em;
}

#mainMenu {
    height: 40px;
    background-color: #2e2e2e
}

.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999
}

#mainMenu div.navigator {
    width: 1200px;
    height: 40px;
    margin: 0 auto;
    position: relative
}

.pageLeft {
    float: left;
    width: 280px;
    padding-right: 25px;
    background: url(../images/horsepe.gif) repeat-y right;
}

.pageContent {
    position: relative;
    left: -1px;
    float: left;
    width: 870px;
    padding-left: 25px;
    background: url(../images/horsepe.gif) repeat-y left;
}

.pageContentFull {
    width: 1200px;
}

.block-left {
    margin-bottom: 15px;
}

.block-left .title, .genTitle, .headTitle {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
    font-weight: bold;
    font-size: 1.125em;
    text-transform: uppercase;
    margin-bottom: 8px
}

.block-left .title, .genTitle {
    background: url(../images/versepe.gif) repeat-x bottom;
    padding-bottom: 8px;
}

.block-left ul {
    list-style-type: disc;
    padding: 0px 2px 0px 5px;
    margin: 3px 3px 10px 14px;
    line-height: 1.4em;
    text-indent: 2px;
    list-style-position: outside;
    text-align: left;
}

.btnGen {
    padding: 4px 10px;
    border: solid 1px #141414;
    color: #fff;
    font-size: 1em;
    margin-right: 8px;
    background: url(../images/btnbg.gif) left top repeat-x;
    cursor: pointer;
}

.icons.pm_read {
    width: 14px;
    height: 14px;
    background-position: -365px 0;
    vertical-align: middle
}

.icons.pm_unread {
    width: 14px;
    height: 14px;
    background-position: -349px 0;
    vertical-align: middle
}

.icons.seperator2 {
    width: 2px;
    height: 23px;
    background-position: -63px -14px;
    margin: 0 5px;
}

.icons.seperatorGrey {
    width: 1px;
    height: 13px;
    background-position: -62px -24px;
    margin-right: 5px;
    vertical-align: middle;
}

.icons.seperatorWhite {
    width: 1px;
    height: 13px;
    background-position: -61px -24px;
}

.icons.greyArrowDown {
    width: 8px;
    height: 4px;
    background-position: -14px -24px;
    vertical-align: middle
}

.icons.greyArrowUp {
    width: 8px;
    height: 4px;
    background-position: -22px -24px
}

.icons.redArrowDown {
    width: 8px;
    height: 4px;
    background-position: -30px -24px;
    vertical-align: middle
}

.icons.redArrowUp {
    width: 8px;
    height: 4px;
    background-position: -38px -24px
}

.icons.viewCount {
    width: 14px;
    height: 12px;
    background-position: -67px 0;
}

.icons.comment {
    width: 12px;
    height: 12px;
    background-position: -67px -15px;
    vertical-align: middle
}

.icons.fave {
    width: 12px;
    height: 12px;
    background-position: -83px 0;
}

.icons.fave-act {
    width: 12px;
    height: 12px;
    background-position: -335px 0;
}

.icons.more {
    width: 16px;
    height: 16px;
    background-position: -129px 0;
    vertical-align: middle
}

.icons.alert {
    width: 12px;
    height: 12px;
    background-position: -228px 0;
    vertical-align: middle
}

.icons.contact {
    width: 12px;
    height: 10px;
    background-position: -146px 0;
    vertical-align: middle
}

.icons.tool {
    width: 12px;
    height: 12px;
    background-position: -159px 0;
    vertical-align: middle
}

.icons.edit {
    width: 11px;
    height: 12px;
    background-position: -55px 0;
    vertical-align: middle
}

.icons.delete {
    width: 12px;
    height: 12px;
    background-position: -96px -11px;
    vertical-align: middle
}

.icons.home {
    width: 12px;
    height: 12px;
    background-position: -278px -25px;
}

.icons.like {
    width: 12px;
    height: 16px;
    background-position: -304px 0;
}

.icons.dislike {
    width: 12px;
    height: 16px;
    background-position: -320px 0;
}

.icons.map {
    width: 12px;
    height: 14px;
    background-position: -298px -20px;
    vertical-align: middle
}

.icons.photos {
    width: 16px;
    height: 16px;
    background-position: -399px 0;
    vertical-align: middle
}

.icons.new_photos {
    width: 16px;
    height: 16px;
    background-position: -381px 0;
    vertical-align: middle
}

.icons.ucomm {
    width: 14px;
    height: 14px;
    background-position: -385px -18px;
    vertical-align: middle
}

.icons.ucomm_new {
    width: 14px;
    height: 14px;
    background-position: -369px -18px;
    vertical-align: middle
}


#nav {
    position: absolute;
    list-style-type: none;
    list-style-position: outside;
    margin:0;
    padding: 0;
    z-index: 5;
}

#nav li {
    float: left;
    margin: 0;
    padding: 0;
    position:relative;
    z-index:20;
}

#nav li.current {
    background: url(../images/arrow_down.gif) no-repeat center bottom;
}
#nav li.current {
    padding-bottom: 5px;
}

#nav li.current a { color: #ff9900 }

#nav li img.iconNew {
    margin-right: 0 !important;
    margin-left: 5px !important
}

#nav li img {
    margin-top: 10px;
    margin-right: 15px !important;
    margin-left: 15px !important
}

#nav li.last {
    background: none;
    margin: 0;
    padding: 0
}

#nav li a {
    float: left;
    display:block;
    border: none;
    height: 22px;
    line-height: 22px;
    padding: 4px 0;
    color: #fff;
    font-size: 15px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif}

#nav ul {
    margin:0;
    padding:0;
    list-style-type:none;
    list-style-position:outside;
    position:relative;
    line-height:50px;
    z-index:99999;
}

#nav ul a {
    line-height:24px;
    font-size: 15px;
    cursor: pointer;
}

#nav li li {
    border-left:none;
    margin-top:0;
    background: none;
}

#nav ul {
    display:none;
    position:absolute;
    top:30px;
    width:200px;
    left:0;
}

#nav li ul a {
    width:180px;
    height:auto;
    float:left;
    text-align:left;
    padding:0 10px;
    font-size: 15px
}

#nav ul ul {
    top:auto;
    border-top:none;
}

#nav li ul ul {
    left:201px;
    top:-1px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
    display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {
    display:block;
}

#nav li ul a{
    border-top:none;
}

#nav .current a, #nav li a:hover{
    color:#cc6600;
}

#nav li ul a{
    border:1px solid #D6D6D6;
    border-top:none;
    color:#aaa;
    background: #fff;
}

#nav li ul a:hover{
    background:#eee;
    color:#588bff;
}

#nav li ul {
    border-top:1px solid #D6D6D6;
}

#top div.searchbox {
    float: right;
    margin-top: 24px
}

#top div.searchbox .l {
    float: left;
    padding-left: 2px;
    background: url(../images/sbleft.gif) no-repeat left top
}

#top div.searchbox .r {
    float: left;
    padding-right: 2px;
    background: url(../images/sbright.gif) no-repeat right top
}

#top div.searchbox .txtquery {
    border: 0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    width: 290px;
    height: 17px;
    font-size: 15px;
    padding: 0;
    margin: 0;
}

#top div.searchbox .btnsearch {
    border: 0;
    margin:0;
    padding: 0;
    width: 25px;
    height: 19px;
    cursor: pointer;
    background: url(../images/search.gif) no-repeat 50% 50%
}

#mainPage {
    width: 1200px;
    margin: 0 auto;
    background-color: #fff;
    padding-top: 1.563em;
    margin-bottom: 15px;
}

.text_input, .text_area {
    border:1px solid #D6D6D6;
}

#send, .send, .submit, #submit {
    border:1px solid #D6D6D6;
    background: #222;
    color: #fff;
    padding: 4px 15px;
    cursor: pointer;
}


#submit:hover, #send:hover, .submit:hover, .send:hover {
    background: #eee;
    color: #222;
}

ul.left_menu { list-style: none; margin: 0 }
ul.left_menu a {
    color: #666;
    display: block;
    padding: 10px;
    font-weight: normal;
    text-decoration: none;
    border-bottom: 1px solid #D6D6D6
}

ul.left_menu a:hover {
    background-color: #fcfcfc
}

ul.left_menu li span {
    background: url(../images/bullet_blue.png) no-repeat left;
    padding-left: 10px
}

#footer {
    background-color: #f3f3f3;
}

#footer .foot-content {
    width: 1200px;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

#footer div.content {
    width: 1200px;
    margin: 0 auto;
    margin-top: 10px;
    padding: 10px 0;
    font-size: 15px
}

#toolbar ul li {
    padding: 0;
    margin: 0;
    float: left;
    color: #fff;
    position: relative
}

#toolbar ul li a { color: #fff; outline: none }

#toolbar #xnastat {
    float: right;
}

#toolbar .seperatorWhite {
    margin: 12px 6px 0
}

#toolbar a.private, #toolbar a.newphotos, #toolbar a.newcomm {
    float: left;
    width: 16px;
    height: 14px;
    padding: 13px 5px 13px 5px;
    position: relative
}

#toolbar li#pmpanel { margin-left: 15px }

#toolbar a.private:hover, #toolbar a.newphotos:hover, #toolbar a.newcomm:hover {
    background: #465151
}

html #toolbar ul li a.active {
    background-color: #fff;
    margin-top: 0;
    border: 1px solid #555;
    border-bottom: none;
    z-index: 999999;
    position: relative;
}

#toolbar .subpanel {
    position: absolute;
    display: none;
    right: 0;
    top: 30px;
    width: 420px;
    border: 1px solid #555;
    background: #fff;
    overflow: hidden;
    padding: 0;
    color: #666;
    z-index: 999998
}

#toolbar .subpanel h3 {
    margin: 0;
    background-color: #666;
    padding: 5px 10px;
    color: #fff;
    font-size: 1em;
    line-height: 22px;
    cursor: pointer
}

#toolbar h3 span {
    font-size: 1.5em;
    float: right;
    line-height: 0.6em;
    font-weight: bold;
}

#toolbar .subpanel ul{
    padding: 0;
    margin: 0;
    background: #fff;
    width: 100%;
    overflow: auto;
    height: 300px;
}

#toolbar .subpanel li{
    float: none; 
    display: block;
    padding: 0; margin: 0;
    overflow: hidden;
    clear: both;
    background: #fff;
    position: static;  
    font-size: 0.9em;
    color: #141414;
    border-top: 1px solid #F0F0F0;
    line-height: 48px;
    padding: 5px;
    font-size: 13px
}

#toolbar .subpanel li:hover {
    background: #f0f0f0
}

#toolbar .subpanel li.new {
    background: #ffcc99
}

#toolbar .subpanel li a {
    color: #141414;
    font-size: 13px
}

#toolbar .subpanel li img {
    float: left;
    margin-right: 5px
}

#toolbar .subpanel div.info {
    margin: 0;
    padding: 0;
    float: left;
    width: 185px;
    font-size: 13px
}

#toolbar .subpanel div.info div {
    line-height: 14px
}

#toolbar .countalert {
    display: none;
    position: absolute;
    top: 2px;
    right: 2px;
    background: red;
    font-size: 0.7em;
    width: auto;
    padding: 0 3px;
    line-height: 12px;
}


ul#accordion, ul#accordion ul { list-style: none; margin: 0; }
ul#accordion ul li { border: none; color: #999; padding: 3px 10px; }
ul#accordion ul { border-bottom: 1px solid #d6d6d6; margin-top: 5px }
ul#accordion a.heading {
    color: #666;
    display: block;
    padding: 5px;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px solid #D6D6D6;
}

ul#accordion a.heading span {
    background: url(../images/bullet_blue.png) no-repeat left;
    padding-left: 10px
}

ul#accordion a.heading:hover { color: #990000 }
ul#accordion li.ui-accordion-selected a.heading, ul#accordion li.current a.heading { color: #990000 }
ul#accordion li ul a, .bullet {
    background: url(../images/bullet_grey.png) no-repeat left;
    padding-left: 10px;
    color: #666;
    text-decoration: none;
    border: 0;
}
ul#accordion li ul a:hover { border-bottom: none; color: #588BFF }


div#customAccordion ul#accordion li ul { display: none; }
div#customAccordion ul#accordion li.current ul { display: block; }

.im_yahoo {
    background: url(/images/im_yahoo.gif) no-repeat left;
    padding-left: 20px
}

.im_skype {
    background: url(/images/im_skype.gif) no-repeat left;
    padding-left: 20px
}

table#tborder {
    background-color: #ffffff;
    border-collapse:collapse;
}

table#tborder tr {
    border-bottom: 1px dotted #d0d0d0
}

table#tborder tr:hover {
    background-color: #c7d7f3
}

table#tborder td {
    padding: 4px;
}

table#tborder tr.row1 {
    background: #d6d6d6 url(../images/titbg.jpg) repeat-x top;
    font-weight: bold
}


table#private-mess {
    border: 0
}

table#private-mess th {
    border-bottom: 1px solid #D6D6D6;
    font-weight: normal;
    color: #666;
    font-size: 15px;
    padding-left: 5px;
    padding-bottom: 5px;
    text-align: left;
}

table#private-mess td {
    border-bottom: 1px solid #D6D6D6;
    padding: 5px 5px 7px
}

table#private-mess td.mail-icon {
    width: 1%
}

table#private-mess td.date { font-size: 15px; color: #999; font-weight:normal }
table#private-mess td.from a { color: #666 }
table#private-mess td.subject a { color: #666; border-bottom: 1px solid #588bff }

table#private-mess th.delete, table#private-mess td.delete { text-align: center }

table#private-mess tr.unread {
    font-weight: bold;
}

table#private-mess tr.unread td.mail-icon div.mail-icon {
    width: 16px;
    height: 16px;
    background: url(../images/pm_icons.gif) no-repeat 0 3px;
    background-position: 0 -22px
}

table#private-mess tr.read td.mail-icon div.mail-icon {
    width: 16px;
    height: 16px;
    background: url(../images/pm_icons.gif) no-repeat 0 3px;
    background-position: 0 -49px
}

table#private-mess tr.reply td.mail-icon div.mail-icon {
    width: 16px;
    height: 16px;
    background: url(../images/pm_icons.gif) no-repeat 0 3px;
    background-position: 0 -76px
}

div#pm-show, div#photo-detail {
    clear: both;
    float: left;
    display: block;
    width: 100%;
    position: relative
}

div.pm-show h2, div.photo-detail h2 {
    float: left;
    width: 705px;
    color: #222;
    padding: 0;
    display: block;
}

div.pm-show .date, div.photo-detail .date {
    float: left;
    color: #8d8d8d;
    height: 44px;
    right: 0px;
    text-align: center;
    top: 8px;
    width: 112px;
    display: block;
}

div.pm-show .day, div.photo-detail .day {
    float: left;
    border-right: 1px solid #CACACA;
    display: block;
    font-size: 36px;
    font-weight: bold;
    height: 40px;
    line-height: 45px;
    width: 55px;
}

div.pm-show .month, div.photo-detail .month {
    padding-top: 5px;
    float: left;
    display: block;
    font-size: 18px;
    line-height: 1em;
    text-transform: uppercase;
    width: 53px;
}

div.pm-show .year, div.photo-detail .year {
    float: left;
    display: block;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1em;
    width: 55px
}

div.pm-data, div.photo-data {
    border: 1px solid #D6D6D6;
    border-left: none;
    border-right: none;
    float: left;
    font-size: 15px;
    line-height: 22px;
    margin-top: 5px;
    margin-bottom: 17px;
    padding: 3px 1px;
    position: relative;
    width: 100%;
    clear: both
}

div.pm-data, div.photo-data a {
    border-bottom: 1px solid #588bff
}

div.pm-data .author, div.photo-data .author { float: right; clear: both }

div#photo-hover {
    display: none;
    position: absolute;
    width: 107px;
    height: 85px;
    z-index: 300
}

img#photo-hover-link {
    border: 0;
    display: block;
    height: 75px;
    left: 4px;
    margin: 0;
    position: absolute;
    top: 3px;
    width: 75px;
}

div#photo-hover-shadow {
    background-color: #666;
    left: 1px;
    position: absolute;
    top: 1px;
    height: 86px;
    width: 107px;
    display: block
}

div#photo-hover-inner {
    background-color: white;
    border: 2px solid #F0F0F0;
    left: 0;
    position: absolute;
    top: 0;
    display: block;
    height: 81px;
    width: 102px;
}

div#photo-button-bar {
    cursor: pointer;
    display: block;
    height: 75px;
    left: 83px;
    overflow: visible;
    position: absolute;
    top: 3px;
    width: 15px;
}

div#photo-menu {
    background: white;
    border-bottom: 1px solid #666;
    border-left: 2px solid #F0F0F0;
    border-right: 1px solid #666;
    border-top: 2px solid #F0F0F0;
    padding: 10px;
    position: absolute;
    left: -2px;
    z-index: 600;
}

div#photo-menu-border {
    background-color: white;
    height: 2px;
    left: 0;
    position: absolute;
    top: -2px;
    width: 102px;
    display: block;
}

#photo-menu div.menu_item_line_above {
    border-top: 1px solid #F0F0F0;
    margin: 3px 4px 0px;
    display: block;
    position: absolute
}

#photo-menu a.block, #photo-menu a.block:link {
    font: normal normal normal 12px/normal Arial, Tahoma, Verdana, Helvetica, sans-serif;
    margin: 0 4px;
    padding: 4px 4px;
    text-align: left;
    text-decoration: none !important;
    border: 0;
    display: block;
}

#photo-menu a#photo-edit-link {
    background: white url(../images/button.png) no-repeat;
    background-position: 0 -254px;
    padding-left: 23px
}

#photo-menu a#photo-edit-link:hover {
    background: white url(../images/button.png) no-repeat;
    background-position: 0 -231px;
    padding-left: 23px
}

#photo-menu a#photo-delete-link {
    background: white url(../images/button.png) no-repeat;
    background-position: 0 -208px;
    padding-left: 23px
}

#photo-menu a#photo-delete-link:hover {
    background: white url(../images/button.png) no-repeat;
    background-position: 0 -185px;
    padding-left: 23px
}

#photo-menu a#photo-hide-link {
    background: white url(../images/unactive.gif) no-repeat;
    background-position: 0 4px;
    padding-left: 23px
}

#photo-menu a#photo-hide-link:hover {
    background: white url(../images/active.gif) no-repeat;
    background-position: 0 4px;
}

#photo-menu p {
    margin: 2px 4px;
    padding: 2px 4px;
    border-bottom: 1px solid #D6D6D6
}

#photo-menu div.xna_logo {
    text-align: center;
    border-top: 1px solid #D6D6D6;
    padding: 4px
}

.pagination {
    clear: both;
    padding: 10px 0;
    position: relative;
    display: block
}

.pagination .plink {
    padding: 3px 6px;
    background-color: #F3F3F3;
    margin-right: 0.25em;
}

.pagination img {
    vertical-align: middle;
    margin: 0 5px;
}

.pagination .first {
    background: url(../images/icons.gif) no-repeat;
    width: 8px;
    height: 10px;
    background-position: -220px -14px;
}

.pagination .first:hover {
    background-position: -228px -14px;
}

.pagination .prev {
    background: url(../images/icons.gif) no-repeat;
    width: 5px;
    height: 10px;
    background-position: -236px -14px;
}

.pagination .prev:hover {
    background-position: -241px -14px;
}

.pagination .last {
    background: url(../images/icons.gif) no-repeat;
    width: 8px;
    height: 10px;
    background-position: -164px -14px;
}

.pagination .last:hover {
    background-position: -156px -14px;
}

.pagination .next {
    background: url(../images/icons.gif) no-repeat;
    width: 5px;
    height: 10px;
    background-position: -151px -14px;
}

.pagination .next:hover {
    background-position: -145px -14px;
}

.pagination .current {
    color: black;
    cursor: default;
    background-color: transparent;
    font-weight: bold;
    margin: 0 5px;
}

div#photo-img img {
    opacity: 1;
    display: inline;
    float: left;
    margin-bottom: 5px;
    position: relative;
    z-index: 2
}

.lightbox_image {
position: absolute;
z-index: 1;
top:0;
left:0;
}

#photo-img .lightbox_image{
    background:transparent url(../images/magnify.png) no-repeat center center;
}


.editor_button { clear: both }
.btn {
    background: transparent url('../images/bbcode_buttons.gif') no-repeat scroll 0 0;
    width:20px;
    height:20px;
    margin-right:5px;
    display:inline-block;
    float:left;
}

.bold {
    background-position:0 0;
}

.bold:hover {
    background-position:0 -25px;
}

.italic {
    background-position:-25px 0;
}

.italic:hover {
    background-position:-25px -25px;
}

.underline {
    background-position:-50px 0;
}

.underline:hover {
    background-position:-50px -25px;
}

.link {
    background-position:-75px 0;
}

.link:hover {
    background-position:-75px -25px;
}

.quote {
    background-position:-100px 0;
}

.quote:hover {
    background-position:-100px -25px;
}

.image {
    background-position:-150px 0;
}

.image:hover {
    background-position:-150px -25px;
}

.smiley {
    background-position:-125px 0;
}

.smiley:hover {
    background-position:-125px -25px;
}

#photo-img .ie6_lightbox, #footerwrap .ie6_lightbox{
    position: relative;
    border:none;
}

ul.commentlist {
    clear: both;
    float: left;
    margin-bottom: 10px;
    width: 100%;
    display: block;
    list-style-type: decimal;
}

.commentlist li {
    clear: both;
    float: left;
    list-style-type: none;
    padding: 20px 0px 0px;
    position: relative;
    width: 100%;
}

.commentlist .avatar {
    float: left;
    padding: 0px 10px;
    text-align: center;
    width: 60px;
    display: block
}

.commentlist .avatar img {
    padding: 5px;
    border: 1px solid #D6D6D6
}

.comment_content {
    float: left;
    padding-bottom: 20px;
    width: 713px;
    display: block
}

div.author_name {
    float: left;
}

div.author_name a {
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
}
.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%;
}

.clear { clear: both }

.br{ display:block;}

.commentmetadata {
    float: right;
    padding-right: 10px;
    font-size: 13px
}

.commentmetadata span { border-bottom: 1px solid #588bff }

.comment_text { clear: both; display: block; padding-top: 5px }

div#contact-form .text_input {
    width: 200px;
}

div#contact-form textarea {
    width: 680px
}

.photoStaff {
    width: 75px;
    height: 75px;
    position: absolute;
    display: block;
}

.main-path {
    margin-top: 10px;
    border-top: 1px dotted #d6d6d6;
    border-bottom: 1px dotted #d6d6d6;
    padding: 4px 0;
}

.main-path, .main-path a {
    font-size: 13px
}

.left { float: left }
.right { float: right }

.main-path ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div#page-more { font-weight: bold; clear: both }
div#page-more span { border: 1px solid #d6d6d6; padding: 0 4px}

td.padcol-left {
    padding-right: 3px;
    padding-bottom: 3px;
}

td.padcol { padding-bottom: 3px }

div.control_text { text-align: right;}
div.control_text a { color: red }

.sub_menu {
    display:none;
    position:absolute;
    border-top:solid 1px #E5E5E5;
    border-left:solid 1px #E5E5E5;
    border-right:solid 1px #999999;
    border-bottom:solid 1px #999999;
    padding:4px;
    width:200px;
    background:#FFFFFF
}

.errorMess {
    background: #FFFBED none;
    border: 1px solid #F8941E;
    margin-bottom: 10px;
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    font-weight: bold;
    padding: 10px;
    list-style: none;
}

.btnSearch {
    background: url(/images/search.jpg) no-repeat;
    width: 20px;
    height: 20px;
    border: 0;
    cursor: pointer;
}

.mgt5 { margin-top: 5px }
.mgb10 { margin-bottom: 10px }
.pd5 { padding: 5px }
.pdt5 { padding-top: 5px }
.pdb5 { padding-bottom: 5px }
.pdb15 { padding-bottom: 15px }
.pdr5 { padding-right: 5px }
.pdr10 { padding-right: 10px }
.pdl5 { padding-left: 5px }
.bd { font-weight: bold }
.f10, .f10 a { font-size: 13px }
.f11 { font-size: 15px }
.f14 { font-size: 17px }

.searchbg {
    background: url(../images/search_bg.gif) no-repeat right;
    padding-right: 20px;
}

div.main-detail ul {
    padding: 0 2px 0 5px;
    margin: 3px 3px 10px 14px;
    line-height: 1.4em;
    text-indent: 2px;
    list-style-position: outside;
    list-style-type: disc;
    text-align: left;
}

div.main-detail ul li {
    display: list-item !important;
}

div.main-detail p {
    margin: 5px 0;
}

#swfupload-control p{ margin: 5px 0 10px 0; font-size:0.9em; }
#log{ margin:0; padding:0}
#log ol { list-style-type: none }
#log li{ float: left; width: 75px; list-style-position:inside; margin:2px; border:1px solid #ccc; padding:5px; font-size:15px; color:#333; background:#fff; position:relative;}
#log li .progressbar{ border:1px solid #333; height:5px; background:#fff; }
#log li .progress{ background:#999; width:0%; height:5px; }
#log li p { margin:0}
#log li.success{ border:1px solid #ccc; background:#f0f0f0; }
#log li span.cancel, #log li span.delete { position:absolute; top:5px; right:5px; width:20px; height:20px;
    background:url('../images/cancel.png') no-repeat; cursor:pointer; }

div#pm-show, div#photo-detail {
    position: relative
}

div.pm-show h2, div.photo-detail h2 {
    float: left;
    width: 698px;
    color: #222;
    text-transform: uppercase;
    font-size: 2em;
    margin: 0;
    padding: 0;
    letter-spacing: 0.4px;
    line-height: 1.4em;
}

div.pm-show .date, div.photo-detail .date {
    float: left;
    color: #8d8d8d;
    height: 44px;
    right: 0px;
    text-align: center;
    top: 8px;
    width: 112px;
    display: block;
}

div.pm-show .day, div.photo-detail .day {
    float: left;
    border-right: 1px solid #CACACA;
    display: block;
    font-size: 36px;
    font-weight: bold;
    height: 40px;
    line-height: 45px;
    width: 55px;
}

div.pm-show .month, div.photo-detail .month {
    padding-top: 5px;
    float: left;
    display: block;
    font-size: 18px;
    line-height: 1em;
    text-transform: uppercase;
    width: 53px;
}

div.pm-show .year, div.photo-detail .year {
    float: left;
    display: block;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1em;
    width: 55px
}

div.pm-data, div.photo-data {
    border: 1px dotted #D6D6D6;
    border-left: none;
    border-right: none;
    float: left;
    font-size: 13px;
    line-height: 22px;
    margin-top: 5px;
    margin-bottom: 8px;
    padding: 3px 1px;
    position: relative;
    width: 100%;
    clear: both
}

div.pm-data a, div.photo-data a { font-size: 13px }

div.pm-data .author, div.photo-data .author { float: right; clear: both }

#online-list {
    background-color: #ccc;
    color: #a0a0a0
}

#online-list .online {
    width: 1146px;
    margin: 0 auto;
    border: 1px solid #fff;
    background: #f0f0f0;
    padding: 18px 26px;
    margin-bottom: 25px
}

.online .tit {
    font-size: 2.3em;
    color: #666;
    margin-bottom: 20px;
}

.nav_tool {
    background: #F8F8F8 url(../images/buttbg.gif) repeat-x;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border: 1px solid #F0F0F0;
    margin-top: 8px
}

.banner {
    width: 1200px;
    height: 80px;
    margin: 0 auto;
}

#floatLeftContainer {
    position:absolute;
    top:105px;
    right:50%;
    margin-right:490px;
    width:130px;
}

.likeIcon {
    background-image: url("../images/like.png");
    display: inline-block;
    height: 9px;
    width: 10px;
}




#header div.top, #mainMenu div.navigator, .pageContentFull,
#mainPage, #footer .foot-content, #footer div.content, .banner {
    max-width: 1200px;
    width: auto;
    box-sizing: border-box;
}

.pageContent { width: 870px; max-width: 100%; box-sizing: border-box; }
body { line-height: 1.5; }
h1, h2, h3, .genTitle, .headTitle { line-height: 1.3; }
img { max-width: 100%; height: auto; }

#image-detail { max-width: 100%; height: auto; }




.pageContent table.mtable, .pageContentFull table.mtable { width: 100%; }
.pageContent table.mtable td, .pageContentFull table.mtable td { text-align: center; }





#mainMenu #nav > li > a { height: 32px; line-height: 32px; }


#mainMenu #nav > li { height: 40px; line-height: 40px; }

#mainMenu #nav > li > img.icons { vertical-align: middle; position: relative; top: 4px; }


#mainMenu #nav li ul { top: 40px; width: 270px; }
#mainMenu #nav li ul a { width: 250px; line-height: 30px; height: auto; }
#mainMenu #nav > li { display: inline-block; vertical-align: middle; }

#mainMenu #nav > li > img.icons { vertical-align: middle; position: relative; top: 4px; }



#mainMenu #nav li ul ul { left: 270px; top: -1px; z-index: 100002; }
#mainMenu #nav li ul   { z-index: 100000; }
#mainMenu #nav > li:hover { z-index: 100001; }
#mainMenu #nav li li { position: relative; }


#toolbar .subpanel div.info { width: 300px; font-size: 14px; }
#toolbar .subpanel div.info div { line-height: 20px; }


.pageContent table.mtable, .pageContentFull table.mtable { width: auto; }
.pageContent table.mtable td, .pageContentFull table.mtable td { padding: 5px; text-align: center; }


.comment_content { width: 765px; }



#loginDialog table { width: 100%; }
#loginDialog table td:first-child { white-space: nowrap; padding-right: 10px; }
#loginDialog input[type=text], #loginDialog input[type=password] { width: 100%; box-sizing: border-box; }


#mainMenu #nav > li > img.icons { display: block; margin: 13.5px 15px 0; position: static; top: auto; }


.userbox .seperator { display: inline-block; vertical-align: middle; margin: 0 10px; position: relative; top: -1px; }
 div.light_rounded .pp_top .pp_left{background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;}div.light_rounded .pp_top .pp_middle{background:#fff;}div.light_rounded .pp_top .pp_right{background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;}div.light_rounded .pp_content{background-color:#fff;}div.light_rounded .pp_next:hover{background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor: pointer;}div.light_rounded .pp_previous:hover{background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor: pointer;}div.light_rounded .pp_expand{background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.light_rounded .pp_expand:hover{background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.light_rounded .pp_contract{background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.light_rounded .pp_contract:hover{background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor: pointer;} a.pp_close:hover {border:0}div.light_rounded .pp_close{width:75px;height:22px;background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer}div.light_rounded .pp_arrow_previous{background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;}div.light_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_rounded .pp_arrow_next{background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;}div.light_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.light_rounded .pp_bottom .pp_left{background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;}div.light_rounded .pp_bottom .pp_middle{background:#fff;}div.light_rounded .pp_bottom .pp_right{background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;}div.light_rounded .pp_loaderIcon{background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;}div.dark_rounded .pp_top .pp_left{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;}div.dark_rounded .pp_top .pp_middle{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_top .pp_right{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;}div.dark_rounded .pp_content{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_next:hover{background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor: pointer;}div.dark_rounded .pp_previous:hover{background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor: pointer;}div.dark_rounded .pp_expand{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.dark_rounded .pp_expand:hover{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.dark_rounded .pp_contract{background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.dark_rounded .pp_contract:hover{background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.dark_rounded .pp_close{width:75px;height:22px;background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.dark_rounded .currentTextHolder{color:#c4c4c4;}div.dark_rounded .pp_description{color:#fff;}div.dark_rounded .pp_arrow_previous{background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;}div.dark_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.dark_rounded .pp_arrow_next{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;}div.dark_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.dark_rounded .pp_bottom .pp_left{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;}div.dark_rounded .pp_bottom .pp_middle{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_bottom .pp_right{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;}div.dark_rounded .pp_loaderIcon{background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;}div.dark_square .pp_left ,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background: url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat;}div.dark_square .currentTextHolder{color:#c4c4c4;}div.dark_square .pp_description{color:#fff;}div.dark_square .pp_loaderIcon{background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;}div.dark_square .pp_expand{background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.dark_square .pp_expand:hover{background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.dark_square .pp_contract{background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.dark_square .pp_contract:hover{background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.dark_square .pp_close{width:75px;height:22px;background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.dark_square .pp_arrow_previous{background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;}div.dark_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.dark_square .pp_arrow_next{background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;}div.dark_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.dark_square .pp_next:hover{background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor: pointer;}div.dark_square .pp_previous:hover{background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor: pointer;}div.light_square .pp_left ,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content{background:#fff;}div.light_square .pp_expand{background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.light_square .pp_expand:hover{background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.light_square .pp_contract{background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.light_square .pp_contract:hover{background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.light_square .pp_close{width:75px;height:22px;background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.light_square .pp_arrow_previous{background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;}div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_square .pp_arrow_next{background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;}div.light_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.light_square .pp_next:hover{background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor: pointer;}div.light_square .pp_previous:hover{background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor: pointer;}div.pp_pic_holder a:focus{outline:none;}div.pp_overlay{background:#000;left:0;position:absolute;top:0;width:100%;z-index:9500;}div.pp_pic_holder{display: none;position:absolute;width:100px;z-index:10000;}.pp_top{height:20px;position: relative;}* html .pp_top{padding:0 20px;}.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_top .pp_middle{left:0;position: static;}.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_content{height:40px;position: relative;text-align: left;width:100%;}.pp_content .pp_details{display: none;margin:10px 15px 2px 20px;}.pp_description{display: none;float: left;margin:0;}.pp_nav{clear: left;float: left;margin:3px 0 0 0;}.pp_nav p{float: left;margin:2px 4px;}.pp_nav a.pp_arrow_previous,.pp_nav a.pp_arrow_next{display:block;float: left;height:15px;margin-top:3px;overflow: hidden;text-indent: -10000px;width:14px;}.pp_hoverContainer{left:0;position:absolute;top:0;width:100%;z-index:2000;}a.pp_next{background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: right;height:100%;text-indent: -10000px;width:49%;}a.pp_previous{background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: left;height:100%;text-indent: -10000px;width:49%;}a.pp_expand,a.pp_contract{cursor: pointer;display: none;height:20px;position:absolute;right:30px;text-indent: -10000px;top:10px;width:20px;z-index:20000;}a.pp_close{display:block;float: right;text-indent: -10000px;}.pp_bottom{height:20px;position: relative;}* html .pp_bottom{padding:0 20px;}.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_bottom .pp_middle{left:0;position: static;}.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_loaderIcon{display: none;height:24px;left:50%;margin: -12px 0 0 -12px;position:absolute;top:50%;width:24px;}#pp_full_res{display: none;line-height:1 !important;margin:0 auto;text-align:center;width:100%;}div.ppt{color:#fff;display: none;font-size:17px;left:0;position:absolute;top:0;z-index:9999;}.clearfix:after{content: ".";display:block;height:0;clear:both;visibility: hidden;}.clearfix {display: inline-block;}* html .clearfix {height:1%;}.clearfix {display:block;}
 div.light_square .pp_loaderIcon{background: url(../images/prettyPhoto/light_square/loader.gif) center center no-repeat;}