/* CSS Document */
.button88gray {width:88px; height:16px; background:url(/skin/img/button88_gray.gif) no-repeat 0 0; color:#c5c3c9}
.button88pink {width:88px; height:16px; background:#ec0f78 url(/skin/img/button88_pink.png) no-repeat 0 0; color:#fff}

.profile {float:left; width:205px}

.profiletop {float:left; width:100%; padding-bottom:15px}
.profiletop .fl {position:relative}

.avatar {float:left; width:50px; height:50px; position:relative; background:#ec0874; text-align:center; overflow:hidden}
.avatar .cover {position:absolute; top:0; left:0; width:50px; height:50px; background:url(/skin/img/acover.gif) no-repeat 0 0}
.avatar .covershange {position:absolute; top:0; left:0; width:50px; height:50px; background:url(/skin/img/covershange.png) no-repeat 0 0; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://www.ventsel.ru/Temp/covershange.png'); -background:none;}
.s1 {width:50px; height:50px; display: table;  position: static; margin:0 auto; overflow:hidden}
.s2 {display: table-cell; vertical-align: middle; position: static; text-align:center}
.s3 {display:block; top:auto; left:auto;  margin:0 auto; cursor:pointer}
*html .s1 {display:block; position:relative}
*html .s2 {display:block; position:absolute; left:0; top:50%}
*html .s3 {display:block; top: -50%; left: 0; position:relative; width:50px; text-align:center; margin-bottom:-1px}
*+html .s1 {display:block; position:relative}
*+html .s2 {display:block; position:absolute; left:0; top:50%}
*+html .s3 {display:block; top: -50%; left: 0; position:relative; width:50px; text-align:center; margin-bottom:-1px}


.filetext {text-align:center; padding-bottom:10px}
.filebox {width:50px; height:50px; background:#ec0874 url(/skin/img/bg_filebox_profile.gif) no-repeat 0 0; position:relative; overflow:hidden; text-align:center; font-size:10px; color:#fff}
.file {display:block; width:50px; height:50px; border:0; position:absolute; left:0; top:0; z-index:2; filter:alpha(opacity=0); opacity:0}
@-moz-document url-prefix() {
  .file {left:-120px}
}
.filepath {display:none; padding:5px 0 0 26px}
.filepath .blogedit {margin-bottom:0}
.fileouter {position:absolute; top:0; left:0; width:50px; height:50px}
.fileouter .filebox {background:none}
.filebox SPAN {display:block; padding-top:5px}


.editbox {float:left; width:155px}
.edit {width:129px; height:25px; background:#00adee url(/skin/img/bg_edit.png) no-repeat 0 0; margin-left:26px; text-align:center; overflow:hidden}
.edit A {display:block; width:129px; height:25px; color:#fff; text-align:right}
.editlink {background:url(/skin/img/bg_editlink.gif) no-repeat 6px 4px}
.edit A SPAN {display:block; padding:5px 10px 0 0}
.edit SPAN {display:block; padding:5px 10px 0 0; color:#FFF; text-align:right}
.edit DIV {width:102px; height:16px; color:#8e8e8e; margin:4px auto 0 auto}
.edittext {background:url(/skin/img/profile_text.png) no-repeat 0 -22px}
.edittextpink {background:url(/skin/img/profile_text.png) no-repeat 0 0}
.edit .text {width:90px}
.edittextpink .text {color:#fff}

.cakes {padding-top:5px; text-align:right}
.cakes SPAN {background:url(/skin/img/cakes.gif) no-repeat 0 2px; padding-left:30px}
.cakes A:hover {text-decoration:underline}
.sorry {width:129px; margin-left:26px; text-align:center; color:#fc007e; padding-top:5px}

.profilebox {float:left; width:100%; padding-bottom:4px}
.menutitle A {display:block; width:205px; height:25px}
.menutitle .open {background:#dfe3e5 url(/skin/img/profile_menu.png) no-repeat 0 0; color:#00aaff}
.menutitle .close {background:#00adee url(/skin/img/profile_menu.png) no-repeat 0 -26px; color:#fff}
.menutitle SPAN {display:block; padding:5px 0 0 10px; text-transform:uppercase; font:bold 12px Arial}
.menubox {width:195px; padding:7px 0 15px 5px; overflow:hidden}
.menubox A {color:#00aaff}
.menubox A:hover {text-decoration:underline}


.blogbox {float:left; width:195px; position:relative; padding-bottom:10px}
.blogleft {float:left; width:30px}
.blogimg {width:24px; height:25px; position:relative; overflow:hidden}
.blogcover {width:24px; height:25px; position:absolute; top:0; left:0; background:url(/skin/img/cover_blog.gif) no-repeat 0 0}
.blogright {float:left; width:142px; overflow:hidden}

.blogedit {width:128px; height:17px; background:url(/skin/img/profile_text.png) no-repeat 0 -69px; margin-bottom:4px}
.blogeditpink {width:128px; height:17px; background:url(/skin/img/profile_text.png) no-repeat 0 -45px; margin-bottom:4px}
.blogright .text {width:116px; margin-left:5px}
.blogbox .white {color:#fff}
.blogbox .blue {color:#00aaff}

.delete {position:absolute; top:2px; right:0}
.add {background:url(/skin/img/add.gif) no-repeat 0 50%; padding-left:16px}
.bordertop {border-top:1px solid #d1cfd4; margin-top:20px; padding-top:10px}

.status {text-align:center}
.status A {padding-left:10px; margin:0 4px; background-image:url(/skin/img/stat.gif); background-repeat:no-repeat}
.status span {padding-left:10px; margin:0 4px; background-image:url(/skin/img/stat.gif); background-repeat:no-repeat}
.stat1 {background-position: 0 2px}
.stat2 {background-position: 0 -13px}
.stat3 {background-position: 0 -28px}
.stat4 {background-position: 0 -43px}


.selectpadding {padding-top:50px}
.selectbox {float:left; width:103px; height:16px}
.select {width:103px; background:url(/skin/img/bg_selectbox_gray.gif) no-repeat 0 0; position:absolute; z-index:10; text-align:center}
.select1 {right:155px}
.select2 {right:0}
.select A {color:#a7a3af}
.selectinner {background:url(/skin/img/bg_select_gray.gif) no-repeat 0 100%}

.selectlink {display:block; width:93px; height:15px; padding-top:1px; text-decoration:none; text-align:left; padding-left:10px}
.close {background:url(/skin/img/close.gif) no-repeat 88px 5px}
.open {background:url(/skin/img/open_gray.gif) no-repeat 88px 5px}

.option {display:none; padding-bottom:6px}
.option DIV {background-color:#dfe3e5; border:solid #e7eaec; border-width:0 1px}
.option A {display:block; padding:2px 0; color:#a7a3af}
.option A:hover {color:#fff; background-color:#f2529d}


.imgband {float:left; width:100%; padding:20px 0 0 0}
.previous {float:left; width:20px; padding-top:23px}
.next {float:left; width:20px; text-align:right; padding-top:23px}
.band {float:left;padding-top:3px;position: relative;overflow: scroll;width: 454px;height: 60px;}
.bandinner {position: absolute;}

.screen2 {float:left; width:54px; height:54px; position:relative; background:#dfe3e5; text-align:center;  margin:0 5px}
.screen2 .cover {position:absolute; top:0; left:0; width:54px; height:54px; background:url(/skin/img/screencover_small.png) no-repeat 0 0}
.screen2 .cover A, .screen2 .cover2 A {display:block; width:54px; height:54px}
.screen2 .cover2 {position:absolute; top:-3px; left:-3px; width:60px; height:60px; background:url(/skin/img/screencover_small2.png) no-repeat 0 0}
.b1 {width:54px; height:54px; display: table;  position: static; margin:0 auto; overflow:hidden}
.b2 {display: table-cell; vertical-align: middle; position: static; text-align:center}
.b3 {display:block; top:auto; left:auto;  margin:0 auto; cursor:pointer}
*html .b1 {display:block; position:relative}
*html .b2 {display:block; position:absolute; left:0; top:50%}
*html .b3 {display:block; top: -50%; left: 0; position:relative; width:54px; text-align:center}
*+html .b1 {display:block; position:relative}
*+html .b2 {display:block; position:absolute; left:0; top:50%}
*+html .b3 {display:block; top: -50%; left: 0; position:relative; width:54px; text-align:center}


.imgbox {float:left; width:100%; text-align:center; overflow:hidden; padding:70px 0}
.iconsbar {float:left; width:100%; border-bottom:1px solid #d1cfd4; padding-bottom:3px; margin-bottom:10px; text-align:right}

.code {width:137px; height:46px; background:url(/skin/img/bg_code_gray.png) no-repeat 0 0; margin-bottom:5px}
.codeinner {padding:0 5px}
.code textarea {width:127px; height:38px; background:none; border:0; overflow:hidden; text-align:center}
.button48gray {width:48px; height:16px; background:url(/skin/img/button48_gray.png) no-repeat 0 0; color:#00aaff}




.stepcarousel{
position: relative; /*leave this value alone*/
border: 20px solid navy;
overflow: scroll; /*leave this value alone*/
width: 280px;
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 15px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}