.gzipbughaha{/*dfgdfgdf*/}
html {
height:100%;
}
body {
margin:0;
padding:0;
height:auto !important;
height:100% !important;
min-height:100% !important;
}
.header
{
margin-left:auto;
margin-right:auto;
width: 952px;
left:-100px;
position:relative;
height:90px;
background-color:#B6327B;
background-image:url(/img/logo3.png);
background-position:top left;
background-repeat:no-repeat;
}
.header dl
{
height:51px;
margin-top:16px;
float:left;
/*margin-left:600px;
_margin-left:300px;*/
}
.header dl dd { margin:0;}
.header dl dt { margin-left:11px;}
.left
{
width:649px;
float:left;
padding-top:1px;
}
.right
{
width:303px;
float:left;
padding-top:1px;
}
.content
{
margin-left:auto;
margin-right:auto;
width:952px;
min-height:350px;
}
.blocks { margin-bottom:26px;background-color:#fff;}
.miniblocks { margin-bottom:16px;background-color:#fff;}
.menu
{
background-color:#fff;
height:25px;
}
.menu ul { margin:0;padding:0; }
.menu ul li
{
list-style:none;
float:left;
width:100px;
height:23px;
margin-right:27px;
text-align:center;
}
.menu ul li a
{
color:#b9337c;
font-family:Tahoma;
font-size:9pt;
}
.menu ul li a:hover
{
color:#fff;
font-family:Tahoma;
font-size:9pt;
}
.submenu { display:none; position:absolute; background-color:#fff;}
.submenu li { float:none !important; list-style:none;display:block;width:100px;height:23px; }
.menu-hover-btn
{
background-color:#b6327b;
}
.menu-hover-btn a
{
color:#fff;
}
/*************************************/
.navbg
{
width:100%;
background-color: #ffffff;
margin-bottom:42px;
border-bottom:1px solid #c7c5c6;
}
.hdbg
{
width:100%;
background-color: #B6327B;
}
#nav
{
margin-left:auto;
margin-right:auto;
width: 952px;
}
.dropdown_menu
{
border:1px solid #c7c5c6 !important;
margin-left:-17px !important;
z-index:1000;
width:147px !important
}
#nav ul {
width: 100%;
list-style: none;
font-weight: normal;
font-size: 14px;
padding: 0;
margin:0;
margin-bottom:0;
height:30px;
border: none;
border-width:0;
float: left;
line-height:12px;
}
#navul li{ float:left;background-color:#fff;background-image:none !important;}
#nav a {
display : block;
text-decoration : none;
}
#nav ul li a {
color: #b6327b;
padding: 0px;
margin:0px;
line-height:30px;
width:100%;
font-family:Tahoma;
font-size:9pt;
font-weight:bold;
text-align:center;
}
#nav ul li ul li a {
text-align:left;
}
#nav ul li a.dropdownarrow
{
background-repeat: no-repeat;
background-position: right ;
}
#nav li {
color: #ffffff;
float: left;
padding: 0;
width:115px;
padding: 0px 16px 0px 16px;
border-right: 1px solid #CCCCCC;
height:30px;
}
#nav li ul {
position : absolute;
left : -999em;
background-color: #ffffff;
left : -111em;
height : auto;
font-weight : normal;
border-width : 0.25em;
display:none;
left: auto;
}
#nav li li {
border-right: none;
}
#nav li ul li
{
float: none;
clear:both;
border-top: 1px solid #FFFFFF;
width:115px;
margin-left:auto;
margin-right:auto;
padding:0 !important;
display:block;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
#nav ul li:hover {
color: #b6327b;
background-image: none;
background-color:#ffffff;
}
#nav ul li:hover ul.nj{
color: #b6327b;
background-image: none;
background-color: #ffffff;
border-right: 1px solid #ffffff;
display:block;
}
.lastMenu { border-right: 1px solid #ffffff !important; }
.noleftpaddingleft {
padding:0 !important;
}
#nav a:hover {
color: #b6327b;
background-image: none;
}
.current_page_item
{
background-image: none;
}
#nav ul li.current_page_item a {
color: #b6327b;
}
#nav ul li.current_page_item ul li{
border-right: 1px solid #CCCCCC;
color: #000000;
}
#nav ul li.current_page_item ul li a{
color: #ffffff;
}
#nav ul li.current_page_item ul li a:hover{
color: #b6327b;
background-image: none;
}
/***************/
#headersubmit
{
background-image:url(/img/header_button.jpg) ;
width:117px ;
height:23px !important;
border:0 ;
margin:10px ;
color:#fff ;
font-family:arial ;
font-weight:bold ;
font-size:8pt ;
}
#headeinput
{
background-image:url(/img/header_input.jpg);
width:158px ;
height:17px ;
padding:4px ;
border:0 ;
margin:10px ;
}
.welcome
{
font-weight:bold;
}
.blockInnerMargin
{
margin-left:10px;
margin-right:0px;
width:608px;
}
/*** FOOTER ****/
.footer
{
clear:both;
margin-top:40px;
width:100%;
background-color:#B6327B;
border-top:1px solid #c3bcc0;
height:45px;
display:block;
}
#footer_inner
{
margin-left:auto;
margin-right:auto;
width:952px;
}
.footerContent
{
width:288px;
margin-top:15px;
float:right;
clear:both;
color:#fff;
font-family:arial;
font-size:9pt;
}
/***/
.toolTipTemplate
{
background-color:#fff;
position:absolute;
z-index:1000;
width:400px;
border:1px solid #c3bcc0;
padding:10px;
font-family:Arial;
font-size:8pt;
color:#767475;
}
.textDescription #descr
{
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
white-space:pre;
}
.nl2br
{
white-space:pre;
}
#container
{
border:1px #B6B1B5 solid;
width:622px;
}
/************/
.photosList
{
width:575px;
margin:0;
padding:0;
}
.photosList li
{
float:left;
margin-right:16px;
list-style:none;
padding:0;
width:98px;
_width:99px;
margin-bottom:10px;
}
.pListContainer
{
height:80px;
}
.checkSide
{
float:right;
margin:0;
padding:0;
}
.checkSide input
{
padding:0;
margin:2px 2px 0px 2px;
border:0;
height:13px;
width:13px;
vertical-align:top;
}
.previewSide
{
width:77px;
float:right;
background-color:#fff;
height:78px;
float:right;
margin:0px 0px 0px 0px;
border:1px solid #fff;
background-repeat:no-repeat;
background-position:center center;
}
.previewFooter
{
width:79px;
float:right;
text-align:center;
font-family:Tahoma;
padding-top:4px;
line-height:10px;
font-size:6pt;
}
/*************/
.fragments
{
padding-left:31px;
}
.photosActs
{
height:52px;
}
.photosActsButtons
{
width:163px;
height:52px;
float:left;
}
.photosActsButtons ul
{
margin:0;
padding:0;
list-style:none;
height:37px;
border-bottom:1px solid #EE90B0;
margin-bottom:5px;
}
.photosActsButtons ul li
{
width:29px;
list-style:none;
height:30px;
background-image:url(../buttons.jpg);
float:left;
margin:2px;
}
.photosMove
{
clear:both;
}
.photosActsStats
{
float:left;
clear:right;
width:389px;
text-align:right;
}
.topAlb
{
width:621px;
height:321px;
border:1px #c3bcc0 solid;
padding:0;
}
.myalbumlistblock
{
width:621px;
border:1px #c3bcc0 solid;
padding:0;
}
.topOrder
{
width:621px;
height:170px;
border:1px #c3bcc0 solid;
padding:0;
}
.topAlbHeader
{
height:35px;
margin:7px 0px 7px 0px;
}
.topAlbHeaderStageOne
{
padding-left:11px;
vertical-align:baseline;
}
.topAlbHeaderStageTwo
{
height:auto;
margin:0;
margin-top:1px;
padding-left:11px;
}
.topAlbMid
{
}
.bottomBord { border-bottom:1px #c3bcc0 solid; }
.topAlbMid dl
{
margin:0;
}
.topAlbMid dl dt
{
height:26px;
padding-left:10px;
}
.dtAlbumInfo
{
height:92px;
padding-left:10px;
margin:0;
}
.albumbg
{
width:199px;
height:92px;
float:left;
background-image:url(../img/album_bg.jpg);
}
.orderImage
{
width:199px;
height:92px;
float:left;
}
.albumQuantity
{
width:92px;
float:left;
text-align:center;
padding-top:31px;
}
.albumActios
{
width:309px;
height:92px;
padding-right:11px;
float:left;
clear:right;
}
.albActButtons ul li
{
width:29px;
list-style:none;
height:30px;
background-image:url(../buttons.jpg);
float:right;
margin:2px;
}
.albSendLink
{
clear:both;
width:195px;
float:right;
margin-top:7px;
padding-top:5px;
border-top:1px solid #EE90B0;
text-align:right;
}
.ddAlbumFooter
{
height:23px;
padding-left:10px;
margin:0;
padding-top:6px !important;
}
.dAFooterLeft
{
float:left;
width:416px;
}
.dAFooterRight
{
float:left;
width:195px;
}
.ddAlbumDescription
{
padding-left:10px;
padding-top:7px;
padding-bottom:11px;
_padding-bottom:4px;
margin:0;
width:585px;
}
.ddAlbumDescr-Author
{
width:47px;
float:left;
height:auto;
}
.ddAlbumDescr-Description
{
width:529px;
float:left;
clear:right;
}
.textDescription { padding-top:8px;}
.textDescription p
{
margin:0px 0px 12px 0px;
color:#000000;
font-family:Tahoma;
font-size:8pt;
font-style:normal;
font-weight:normal;
letter-spacing:0px;
margin:0px;
text-align:left;
padding-bottom:12px;
}
.AuthorName
{
float:left;
}
.CreationDate
{
float:right;
}
.AuthorAva img
{
margin-top:10px;
padding:1px;
border:1px solid #c3bcc0;
}
.topPhoto
{
width:622px;
height: auto;
display:block;
border:1px #B6B1B5 solid;
padding:0;
}
.topPhotoMid
{
border-bottom:1px #c3bcc0 solid;
}
.indexPhotoPane
{
margin:0;
margin-left:10px;
width:602px;
height:317px;
background-color:#fafafa;
}
.indexPaneLeft
{
height:313px;
width:417px;
background-image:url(../example_image_index.jpg);
border:1px solid #c3bcc0;
}
.photoPane
{
width:602px;
background-color:#fafafa;
border:1px solid #c3bcc0;
margin-left:9px !important;
}
.reportAbuse { height:21px;}
.topPhotoMid dl
{
margin:0;
}
.topPhotoMid dl dt
{
height:23px;
padding-left:10px;
}
#commentLink a
{
float:right;
margin-right:40px;
}
#commentLink
{
height:40px;
}
#commentForm
{
height:150px;
display:none;
}
#comment-box
{
margin-bottom:39px;
}
.commentformit
{
margin-left:12px;
}
.albumNav
{
width:624px;
height:62px;
margin:0;
border:0;
padding:0;
}
.reportAbuse { padding-top:7px; }
/** DEPRECATED */
.mediaBlockHeader
{
height:49px;
border-bottom:1px #c3bcc0 solid;
}
.indexPane
{
width:417px;
height:313px;
margin-right:0 !important;
border:1px #c3bcc0 solid;
}
.ordActButtons
{ height:30px;}
.ordActButtons ul
{ height:30px;margin:0;padding:0;}
.ordActButtons ul li
{
width:29px;
list-style:none;
height:29px;
background-image:url(../buttons.jpg);
float:left;
margin:2px 4px 0px 0px;
}
.actNotes
{
color:#e8447d;
font-size:8pt;
height:17px;
margin-top:8px;
font-family:arial;
border-top:1px #e8447d solid;
width:170px;
font-weight:bold;
padding-top:8px;
}
.imgContainer
{
width:182px;
overflow:hidden;
}
div.rightBlock
{
border:1px solid #c3bcc0;
overflow:hidden;
width:301px;
}
.advertise { height:300px;}
.advertise dl { margin:0;padding:0;}
.advertise dl dt { border-bottom:1px solid #B6B1B5;height:49px;padding:12px; }
.adv-dt-left { width:137px;float:left;text-align:left;}
.adv-dt-right { width:137px;float:left;text-align:right;}
.tags { min-height:60px;}
.tagCloud a { float:left;list-style:none;}
.tagHead { height:12px; margin:11px 0pt 5pt 9px;padding:0pt;}
.tagCloud {height:auto; margin-left:9px; }
.tagFooter {height:20px; padding-right:9px;text-align:right;299px; }
.otherAlbums { height:auto;border-bottom:0px !important;}
.otherAlbums dl { margin:0;padding:0;}
.otherAlbums dl dd dl{ margin:0;padding:0;padding-left:9px}
.otherAlbums dl dd dl dd{ margin:0;padding:0;}
.otherAlb-dd-head
{
height:26px;
}
.albumQuantityRight
{
width:83px;
float:left;
text-align:center;
padding-top:31px;
}
.rightblockAlbumsList { border-bottom:1px solid #B6B1B5;height:150px; }
.rightblockAlbHead { border-bottom:1px solid #B6B1B5;height:35px; padding-left:13px;padding-top:12px;}
.otherAlbums dl dd { margin:0;padding:0;}
.photosBlock
{
height:150px;
}
.photosBlock-head
{
height:29px;
padding:10px;
border-bottom:1px #B6B1B5 solid;
}
.photosBlock-pane {
padding-top: 5px;
}
body
{
background-color:#FFEBF6;
margin:0;
}
a.link {
color:#e8447d;
font-family:Arial;
font-size:8pt;
padding:0pt 2px;
text-decoration:none;
margin-left:2px;
margin-right:2px;
}
.inputLabels {
color:#e8447d;
font-family:Arial;
font-size:9pt;
padding:0pt 2px;
text-decoration:none;
margin-left:2px;
margin-right:2px;
font-weight:bold;
}
.welcome a
{
color:#fff;
font-family:Arial;
font-size:8pt;
padding:0pt 2px;
text-decoration:none;
margin-left:2px;
margin-right:2px;
text-decoration:underline;
}
.welcome
{
color:#fff;
font-family:Arial;
font-size:8pt;
}
a.tag
{
color:#e8447d;
font-family:Arial;
font-size:9pt;
padding:0pt 2px;
text-decoration:none;
margin-left:2px;
margin-right:2px;
}
a.tag:hover {
background-color:#E54279;
color:#FFFFFF;
}
.footerLink
{
color:#fff;
font-family:arial;
text-decoration:underline;
font-size:9pt;
margin:0px 8px 0px 8px;
}
a.link:hover {
background-color:#E54279;
color:#FFFFFF;
}
.clear {clear:both;}
.hrLine { border-bottom:1px solid #B6B1B5; }
.divHR { border-top:1px solid #B6B1B5;height:0;overflow:hidden;}
.hide { display:none; }
.clearWithPx { clear:both;height:0px;_height:auto;}
.tabList
{
position:relative;
top:-29px;
left:-1px;
}
.tabList li { list-style:none; }
.albumPreviewImageL
{
width:76px;
height:76px;
margin-top:9px;
margin-left:15px;
margin-bottom:8px;
background-image:url("../preview.png");
background-repeat:no-repeat;
background-position:center;
float:left;
text-align:center;
}
.albumPreviewImageR
{
width:76px;
height:76px;
margin-top:9px;
margin-bottom:8px;
margin-right:15px;
background-image:url("../preview2.jpg");
background-position:middle;
background-repeat:no-repeat;
float:right;
text-align:center;
}
#albumLeftImage
{
position:relative;
left:15px;
width:76px;
height:76px;
padding:0;
margin:0;
top:8px;
float:left;
background-repeat:no-repeat;
background-position:center;
}
#albumRightImage
{
position:relative;
right:15px;
width:76px;
height:76px;
padding:0;
margin:0;
top:8px;
float:right;
background-repeat:no-repeat;
background-position:center;
}
.leftflow
{
float:left;
}
.rightflow
{
float:right;
}
.center
{
text-align:center;
}
.selectedBox
{
background-color:#E8457E;
border:1px solid #E8457E;
}
.defaultBox {
background-color:#C4BBC0;
border:1px solid #C4BBC0;
}
.orderedBox
{
background-color:#f0d80c;
border:1px solid #f0d80c;
}
/********* Headers *************/
.header2
{
font-family:Arial;
font-size:15pt;
color:#86729a;
}
.header2 a
{
font-family:Arial;
font-size:15pt;
color:#e8447d;
text-decoration:none;
}
a.header2
{
font-family:Arial;
font-size:13pt;
color:#e8447d;
text-decoration:none;
}
a.header2:hover
{
font-family:Arial;
font-size:13pt;
color:#fff;
background-color:#e8447d;
}
.header1
{
font-family:Arial;
font-size:8pt;
color:#767475;
}
.header3
{
font-family:Arial;
font-size:12pt;
color:#767475;
}
.header4
{
font-size:8pt;
font-family:Arial;
color:#767475;
}
hr
{
border:0;
color: #c3bcc0;
background-color: #c3bcc0;
height:1px;
margin:0;
}
.text {
font-family:Tahoma;
font-size:8pt;
font-style:normal;
font-weight:normal;
}
.indicator {
background:#FFFFFF url(../img/loader.gif) no-repeat center;
}
.indicatorBolshoy {
background:#FFFFFF url(../img/ajax-loader.gif) no-repeat center;
}
.helpCenter li a
{
font-size:10pt;
}
.helpCenter li
{
margin-bottom:4px;
}
div.header1 p
{
font-size:10pt;
margin:0;
padding:0;
height:auto;
}
div.header1 ul li
{
font-size:10pt;
margin:0;
padding:0;
height:auto;
}
.statusOk
{
background:url(/img/ok.jpg) 98% no-repeat;
}
.statusFailed
{
background:url(/img/false.jpg) 98% no-repeat;
border:1px solid #B6327B !important;
}
.statusFailedForRow
{
background-color:#E9C2D7;
}
.forMsg
{
margin-left:10px;
font-weight:bold;
color:#B6327B;
}
.bodyGrayText {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #999999;
}
.caption {
font-family: Arial;
font-size: 8pt;
color: #767475;
margin-bottom:4px;
}
.formrow
{
padding-top:10px;
padding-left:7px;
padding-right:7px;
height:60px;
width:300px;
}
#errorMessage{
font-weight:bold;
color:#B6327B;
font-family: Arial;
font-size: 8pt;
padding-left:10px;
}
#blogbutton
{
background:url(/img/blogbutton.jpg) no-repeat;
color:#fff !important;
text-align:left !important;
padding-left:25px !important;
}
#blogbutton:hover{
background:url(/img/blogbutton.jpg) no-repeat !important;
color:#fff !important;
text-align:left !important;
}
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {
display: none;
}
}
/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav {
display: none;
}
}
/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
font-family: Arial;
font-size: 10pt;
}
.ui-tabs-nav {
list-style: none;
margin: 0;
padding: 0;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
display: block;
clear: both;
content: " ";
}
.ui-tabs-nav li {
float: left;
margin: 0 4px 0 0;
min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
display: block;
padding: 0 10px;
background: url(/img/zzztab.png) no-repeat;
}
.ui-tabs-nav a {
margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
padding-left: 0;
/* color: #e56a93;*/
/* color: #b6b1b5;*/
color: #e54279;
font-weight: bold;
line-height: 1.2;
text-align: center;
text-decoration: none;
white-space: nowrap; /* required in IE 6 */
outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav em {
color: #999;
font-style: normal;
}
.ui-tabs-nav .ui-tabs-selected em {
color: #999;
font-style: normal;
}
.ui-tabs-nav .ui-tabs-selected a {
position: relative;
top: 1px;
z-index: 2;
margin-top: 0;
color: #e54279;
}
.ui-tabs-nav a span {
width: 64px; /* IE 6 treats width as min-width */
min-width: 64px;
height: 21px; /* IE 6 treats height as min-height */
min-height: 21px;
padding-top: 6px;
padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
width: auto;
height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
cursor: pointer;
}
.ui-tabs-disabled {
opacity: .4;
filter: alpha(opacity=40);
}
.ui-tabs-panel {
/* border-top: 1px solid #97a5b0;*/
/* padding: 1em 8px;*/
background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
padding: 0 0 0 20px;
background: url(../loading.gif) no-repeat 0 50%;
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
display: inline-block;
}
*:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
display: inline-block;
}
/***************************/
.jScrollPaneContainer {
overflow:hidden;
position:relative;
z-index:1;
}
.jScrollPaneTrack {
background:#AAAAAA none repeat scroll 0%;
cursor:pointer;
height:100%;
position:absolute;
right:0pt;
top:0pt;
}
.jScrollPaneDrag {
background:#666666 none repeat scroll 0%;
cursor:pointer;
overflow:hidden;
position:absolute;
width:13px !important;
}
.jScrollPaneDragTop {
left:0pt;
overflow:hidden;
position:absolute;
top:0pt;
}
.jScrollPaneDragBottom {
bottom:0pt;
left:0pt;
overflow:hidden;
position:absolute;
}
a.jScrollArrowUp {
display:block;
height:9px;
overflow:hidden;
position:absolute;
right:0pt;
width:17px !important;
text-indent:-2000px;
top:0pt;
z-index:1;
}
a.jScrollArrowUp:hover {
}
a.jScrollArrowDown {
bottom:0pt;
display:block;
height:9px;
overflow:hidden;
position:absolute;
width:17px !important;
right:0pt;
text-indent:-2000px;
z-index:1;
}
a.jScrollArrowDown:hover {
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
}
.jScrollPaneContainer {
overflow:hidden;
position:relative;
z-index:1;
}
.jScrollPaneTrack {
background:#FCECF7 none repeat scroll 0%;
border-left:1px solid #D9D9D9;
border-right:1px solid #D9D9D9;
cursor:pointer;
float:left;
height:100%;
left:593px;
position:absolute;
top:0pt;
width:15px;
}
.jScrollPaneDrag {
background:#EB89C2 none repeat scroll 0%;
cursor:pointer;
margin:1px;
overflow:hidden;
position:absolute;
width:13px;
}
.jScrollPaneDragTop {
left:0pt;
overflow:hidden;
position:absolute;
top:0pt;
}
.jScrollPaneDragBottom {
bottom:0pt;
left:0pt;
overflow:hidden;
position:absolute;
}
a.jScrollArrowUp {
display:block;
height:9px;
overflow:hidden;
position:absolute;
right:0pt;
text-indent:-2000px;
top:0pt;
z-index:1;
}
a.jScrollArrowUp:hover {
}
a.jScrollArrowDown {
bottom:0pt;
display:block;
height:9px;
overflow:hidden;
position:absolute;
right:0pt;
text-indent:-2000px;
z-index:1;
}
a.jScrollArrowDown:hover {
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
}
.holder
{
width: 100%;
height: 315px;
}
.scroll-pane
{
width: 210px;
height: 315px;
overflow: auto;
float: left;
}
a.jScrollArrowUp
{
float: left;
left: 593px;
width: 17px;
height: 17px;
background: url(../img/scroll_arrow_up.gif) no-repeat 0 0;
}
a.jScrollArrowDown
{
float: left;
left: 593px;
width: 17px;
height: 17px;
background: url(../img/scroll_arrow_down.gif) no-repeat 0 0;
}
.zDialog { width:500px; margin:40px;}
.zDlgDouble li
{
float:left;
width:49%;
list-style:none;
}
.zDlgheader
{
font-family:Arial;
font-size:15pt;
color:#b8327b;
margin-top:10px;
}
input[type=text]
{
height:23px;
border:1px solid #C2C2C2;
font-family:arial;
padding-top:2px;
padding-left:4px;
margin-left:0;
font-size:8pt;
}
textarea
{
border:1px solid #C2C2C2;
font-family:arial;
padding-top:2px;
padding-left:4px;
margin-left:0;
font-size:8pt;
}
.zDlgfield
{
margin-top:10px;
}
.leftflow
{
float:left;
}
.rightflow
{
float:right;
}
.zDlgSub
{
width:100px;
height:24px !important;
background-image:url(/img/button_bg.jpg);
font-family:arial;
font-size:9pt;
border:0;
}
.zDlgButtons
{
padding-top:22px;
}
.static-profile
{
width:281px;
margin-left:19px;
}
.static-account
{
width:281px;
margin-left:19px;
}
.dt-gender { margin-right:80px; }
.span-gender
{
float:left;
margin-right:11px;
}
.span-birthday
{
float:left;
}
.date-pick { float:left;}
.profile-menu
{
width:350px;
margin-left:auto;
margin-right:auto;
}
/************************/
.centerPosition
{
margin-left:auto;
margin-right:auto;
width:767px;
}
#static-container
{
margin-top:9px;
width:800px;
border:1px solid #BFBDBE;
background:#FFFFFF;
}
#static-header
{
height:90px;
padding-top:11px;
border-bottom:1px solid #BFBDBE;
}
#static-footer
{
height:40px;
}
#message
{
margin-top:22px;
height:10px;
margin-bottom:28px;
}
#message ul { margin:0;padding:0; }
#message ul li
{
list-style:none;
float:left;
margin:2px;
}
h4
{
margin:4px;
padding:2px;
border-bottom:1px solid #BFBDBE;
}
#static-content
{
border:1px solid #BFBDBE;
}
#static-content ul
{
list-style-type:circle;
}
#messageText
{
text-align:center;
color:#999999;
font-size:11pt;
font-weight:bold;
font-family:Verdana,Arial,Helvetica,sans-serif;
}
#messageText
{
}
#messageText li
{
color:#f60353;
font-family:Verdana;
font-size:10pt;
font-weight:bold;
}
#messageText u
{
color:#111;
}
#static-content .deci
{
list-style-type:decimal;
}
input[type=text],input[type=password]
{
width:277px;
height:16px;
border:1px solid #C2C2C2;
font-family:arial;
padding-top:4px;
padding-left:4px;
margin-left:0;
font-size:8pt;
}
.inputtext
{
width:277px;
height:16px;
border:1px solid #C2C2C2;
font-family:arial;
padding-top:4px;
padding-left:4px;
margin-left:0;
font-size:8pt;
}
input[type=submit],input[type=button]
{
width:100px;
height:24px !important;
background-image:url(/img/button_bg.jpg);
font-family:arial;
font-size:9pt;
border:0;
text-align:center;
}
.inputbutton
{
width:100px;
height:24px !important;
background-image:url(/img/button_bg.jpg);
font-family:arial;
font-size:9pt;
border:0;
text-align:center;
}
textarea
{
width:281px;
border:1px solid #C2C2C2;
}
.static-dl
{
margin:0;
padding:0;
margin-bottom:32px;
}
.static-inner-center { width:305px;position:relative;left:221px; }
#FeedBackSend
{
height:36px;
margin:9px;
}
.static-dl dt
{
margin:0;
padding:0;
margin-top:13px;
}
.static-dl dd { margin:0;padding:0;margin-top:3px;}
.dd-submit { margin-top:13px !important;}
.error
{
border:1px solid #f60353 !important;
}
.ok
{
border:1px solid #a8ff01 !important;
}
.AvatarForm
{
width:281px;
margin-left:19px;
}
.static-currentAva
{
height:50px;
}
.static-ava
{
width:32px;
height:32px;
background-position:center;
background-repeat:no-repeat;
border:1px solid #BFBDBE;
}
.static-uploadForm
{
height:50px;
}
.static-uploadActions
{
height:50px;
}
.static-result
{
float:left;
display:none;
padding:10px;
font-family:Arial;
font-size:11pt;
width:475px;
margin-top:40px;
color:#86729a;
text-align:center;
}
.static-result-simple
{
display:none;
padding:10px;
font-family:Arial;
font-size:9pt;
width:100%;
margin-top:10px;
color:#86729a;
text-align:center;
}
.continueBlock
{
height:200px;
width:600px;
padding:10px;
z-index:400;
}
.continueBlockMsg
{
height:150px;
margin-top:50px;
width:400px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.slider-container {
float: left;
background-color: #fff;
/* width: 233px;*/
height: 89px;
/* height: 107px;*/
position: relative;
overflow: hidden;
padding-bottom: 2px;
}
.slider {
position: relative;
/* background: red;*/
width: 0px;
height: 89px;
left: 0px;
margin-bottom: 2px;
padding: 0;
}
#narrow {
padding-bottom: 11px;
}
#parrow {
width: 26px;
padding-bottom: 11px;
}
.slider-prev-normal {
float: left;
width: 26px;
height: 27px;
background: url(../img/left-arrow.gif);
background-position: left top;
cursor: pointer;
}
.slider-prev-disabled {
float: left;
width: 26px;
height: 27px;
background: url(../img/left-arrow.gif);
background-position: left bottom;
}
.slider-next-normal {
float: left;
width: 26px;
height: 27px;
background: url(../img/right-arrow.gif) no-repeat;
background-position: left top;
cursor: pointer;
}
.slider-next-disabled {
float: left;
width: 26px;
height: 27px;
background: url(../img/right-arrow.gif) no-repeat;
background-position: left bottom;
}
.item-container {
display: inline;
float: left;
margin: 2px 0 0 5px;
}
.img-item {
height: 73px;
width: 73px;
border: 1px solid silver;
cursor: pointer;
}
.img-item:hover {
height: 73px;
width: 73px;
border: 1px solid #a73771;
cursor: pointer;
}
.img-item-selected {
height: 73px;
width: 73px;
border: 1px solid #a73771;
}
.slider-container img {
display: block;
}
.img-empty-item {
background: url(../img/no-photo-bg.gif);
cursor: default;
}
.img-empty-item:hover {
height: 73px;
width: 73px;
border: 1px solid silver;
cursor: default;
}
.img-number {
font-size: 7pt !important;
font-family: Tahoma;
color: #b6b6b6;
padding: 3px;
}