/*******************************************************************/
/************************  DEFAULT *********************************/
/*******************************************************************/


HTML, BODY { height: 100%; }
HTML
{
   overflow:   auto;
   overflow-y: scroll;
}

HTML > BODY /* ахуеть! */
{ 
   min-height: 100%;
   height: auto;
}
BODY { position: relative; }



  HTML
, BODY
, FORM
, TABLE
, TD
, TH
, INPUT
, TEXTAREA
, SELECT
, LABLE
, UL
, OL
, LI
, IMG
, VAR
, DT, DL, DD
, FIELDSET
{
   margin: 0;
   padding: 0;
}

VAR      { font-style: normal; }
UL, LI   { list-style: none; }
FIELDSET { border: none; }

  INPUT
, TEXTAREA
, SELECT
{
   font: normal 13px Arial;
   vertical-align: middle;
}


TABLE { width: 100%; }

  TD
, TH
, TABLE
{
  border: none;
  vertical-align: top;
  border-collapse: collapse;
}

IMG
{
   border: none;
   vertical-align: middle;
}


LABEL { cursor: pointer; }
.clear
{
   clear: both !important;
   display: block !important;
   float: none !important;
   font-size: 0 !important;
   height: 0 !important;
   line-height: 0 !important;
   margin: 0 !important;
   overflow: hidden !important;
   padding: 0 !important;
   width: 100% !important;
}


/* --- Links --- */
A { color: #36c; }
.dashed A, A.dashed,
.solid A, A.solid
{
   text-decoration: none;
   cursor: default;
}
.dashed A, A.dashed { color: #000; }


  .dashed  A U
, A.dashed   U
, .solid   A U
, A.solid    U
, .a-link    U
{
   color: #06c;
   border-bottom: 1px dashed #06c;
   text-decoration: none;
   cursor: pointer;
}
.solid A U,
A.solid U { border-bottom: 1px solid #06c; }


  A.d-none
, A.d-none U
, .d-none A
, .d-none A U
, A.selected
, A.selected U
, .a-link.selected U
{
   text-decoration: none;
   border-bottom: none;
}

  A.disabled
, A.disabled U
, A.selected
, A.selected U
, .a-link.selected U
{
   color: #666;
   border-bottom-color: #666;
   cursor: default;
}

/* ---/ Links --- */


BODY, TD, TH { font: normal 13px Arial; }

.b-left, .b-right { float: left; }


.a-center
{
   position: relative;
   width: 100%;
}
.a-center:after
{
   content: '';
   display: block;
   clear: both;
}
   .a-center .ac-left
   {
      position: relative;
      right: 50%;
      float: right;
   }
   .a-center .ac-right
   {
      position: relative;
      right: -50%;
   }


  INPUT.disabled
, BUTTON.disabled
, SELECT.disabled
, TEXTAREA.disabled
, .i-disabled
{
   opacity: 0.5;
   filter: alpha(opacity=50); 
}
   
   
.debug { border: 1px solid red; }
.fix-border { border: 1px solid #fff; }

.d-block { display: block; }


/* --- Position: Fixed --- */
.p-fixed-top
{
   position: fixed;
   top: 0px;
   left: 0px;
}
* HTML .p-fixed-top
{
   position: absolute;
   left: expression(eval(document.body.scrollLeft) + 'px');
   top:  expression(eval(document.body.scrollTop) + 'px');
}/**/
HTML, BODY { height: 100%; }
HTML
{
   overflow:   auto;
   overflow-y: scroll;
}

HTML > BODY /* ахуеть! */
{ 
   min-height: 100%;
   height: auto;
}
BODY { position: relative; }



  HTML
, BODY
, FORM
, TABLE
, TD
, TH
, INPUT
, TEXTAREA
, SELECT
, LABLE
, UL
, OL
, LI
, IMG
, VAR
, DT, DL, DD
, FIELDSET
{
   margin: 0;
   padding: 0;
}

VAR      { font-style: normal; }
UL, LI   { list-style: none; }
FIELDSET { border: none; }

  INPUT
, TEXTAREA
, SELECT
{
   font: normal 13px Arial;
   vertical-align: middle;
}


TABLE { width: 100%; }

  TD
, TH
, TABLE
{
  border: none;
  vertical-align: top;
  border-collapse: collapse;
}

IMG
{
   border: none;
   vertical-align: middle;
}


LABEL { cursor: pointer; }
.clear
{
   clear: both !important;
   display: block !important;
   float: none !important;
   font-size: 0 !important;
   height: 0 !important;
   line-height: 0 !important;
   margin: 0 !important;
   overflow: hidden !important;
   padding: 0 !important;
   width: 100% !important;
}


/* --- Links --- */
A { color: #36c; }
.dashed A, A.dashed,
.solid A, A.solid
{
   text-decoration: none;
   cursor: default;
}
.dashed A, A.dashed { color: #000; }


  .dashed  A U
, A.dashed   U
, .solid   A U
, A.solid    U
, .a-link    U
{
   color: #06c;
   border-bottom: 1px dashed #06c;
   text-decoration: none;
   cursor: pointer;
}
.solid A U,
A.solid U { border-bottom: 1px solid #06c; }


  A.d-none
, A.d-none U
, .d-none A
, .d-none A U
, A.selected
, A.selected U
, .a-link.selected U
{
   text-decoration: none;
   border-bottom: none;
}

  A.disabled
, A.disabled U
, A.selected
, A.selected U
, .a-link.selected U
{
   color: #666;
   border-bottom-color: #666;
   cursor: default;
}

/* ---/ Links --- */


BODY, TD, TH { font: normal 13px Arial; }

.b-left, .b-right { float: left; }


.a-center
{
   position: relative;
   width: 100%;
}
.a-center:after
{
   content: '';
   display: block;
   clear: both;
}
   .a-center .ac-left
   {
      position: relative;
      right: 50%;
      float: right;
   }
   .a-center .ac-right
   {
      position: relative;
      right: -50%;
   }


  INPUT.disabled
, BUTTON.disabled
, SELECT.disabled
, TEXTAREA.disabled
, .i-disabled
{
   opacity: 0.5;
   filter: alpha(opacity=50); 
}
   
   
.debug { border: 1px solid red; }
.fix-border { border: 1px solid #fff; }

.d-block { display: block; }


/* --- Position: Fixed --- */
.p-fixed-top
{
   position: fixed;
   top: 0px;
   left: 0px;
}
* HTML .p-fixed-top
{
   position: absolute;
   left: expression(eval(document.body.scrollLeft) + 'px');
   top:  expression(eval(document.body.scrollTop) + 'px');
}



/*******************************************************************/
/************************  FRAME MAKER  ****************************/
/*******************************************************************/



.fm-5, .fm-10, .fm-15,
.fm-20, .fm-25
{
   z-index:  5;
   position: relative;
}

.fm-c
{
   z-index:  10;
   position: relative;
}

.fm, .fm *
{
   display:  block;
   overflow: hidden;
   z-index:  1;
   position: absolute;
}
   .fm, .fm .t { width: 100%; height: 100%; } 
   .fm, .fm .t { left: 0px;   top: 0px; }
   
   /* --- FIX IE 6 --- */
   * HTML .fm
   {
      width:  expression( Math.round(parentNode.offsetWidth/2)*2 );
      height: expression( Math.round(parentNode.offsetHeight/2)*2 );
   }
   /* --- /FIX IE 6 --- */
   
   .fm .l  { width: 100%;  }
   .fm .r  { height: 100%; }
   
   .fm *   { background-repeat: no-repeat; }
   .fm * * { display: none; }
   
   .fm .r, .fm .r *, .fm .b, .fm .b * { right: 0px; }
   .fm .b, .fm .b *, .fm .l *, .fm .l { bottom: 0px; }
   
   /* --- FIX IE 6 --- */
   * HTML .fm .t
   {
      width:   100%;
      height:  100%;
   }
      * HTML .fm * *
      {
         -width: 1000px;
         -height: 1000px;
         -display: block;
         -background: none;
      }
   /* --- /FIX IE 6 --- */


   
/* - 5 - */
.fm-5 .t, .fm-5 .l     { right:  5px; }
.fm-5 .t, .fm-5 .r     { bottom: 5px; }
.fm-5 .t *, .fm-5 .l * { left:   5px; }
.fm-5 .t *, .fm-5 .r * { top:    5px; }
.fm-5 .r, .fm-5 .b     { width:  5px; }
.fm-5 .l, .fm-5 .b     { height: 5px; }
.fm-5 .t               { background-position: 5px 5px; margin:  -5px 0 0 -5px; }
.fm-5 .r               { background-position: right 5px; }
.fm-5 .l               { background-position: 5px bottom; }
.fm-5 .b               { background-position: right bottom; }
/* - 5 - */


/* - 10 - */
.fm-10 .t, .fm-10 .l     { right:  10px; }
.fm-10 .t, .fm-10 .r     { bottom: 10px; }
.fm-10 .t *, .fm-10 .l * { left:   10px; }
.fm-10 .t *, .fm-10 .r * { top:    10px; }
.fm-10 .r, .fm-10 .b     { width:  10px; }
.fm-10 .l, .fm-10 .b     { height: 10px; }
.fm-10 .t                { background-position: 10px 10px; margin:  -10px 0 0 -10px; }
.fm-10 .r                { background-position: right 10px; }
.fm-10 .l                { background-position: 10px bottom; }
.fm-10 .b                { background-position: right bottom; }
/* - 10 - */


/* - 20 - */
.fm-20 .t, .fm-20 .l     { right:  20px; }
.fm-20 .t, .fm-20 .r     { bottom: 20px; }
.fm-20 .t *, .fm-20 .l * { left:   20px; }
.fm-20 .t *, .fm-20 .r * { top:    20px; }
.fm-20 .r, .fm-20 .b     { width:  20px; }
.fm-20 .l, .fm-20 .b     { height: 20px; }
.fm-20 .t                { background-position: 20px 20px; margin:  -20px 0 0 -20px; }
.fm-20 .r                { background-position: right 20px; }
.fm-20 .l                { background-position: 20px bottom; }
.fm-20 .b                { background-position: right bottom; }
/* - 20 - */


/* - 25 - */
.fm-25 .t, .fm-25 .l     { right:  25px; }
.fm-25 .t, .fm-25 .r     { bottom: 25px; }
.fm-25 .t *, .fm-25 .l * { left:   25px; }
.fm-25 .t *, .fm-25 .r * { top:    25px; }
.fm-25 .r, .fm-25 .b     { width:  25px; }
.fm-25 .l, .fm-25 .b     { height: 25px; }
.fm-25 .t                { background-position: 25px 25px; margin:  -25px 0 0 -25px; }
.fm-25 .r                { background-position: right 25px; }
.fm-25 .l                { background-position: 25px bottom; }
.fm-25 .b                { background-position: right bottom; }
/* - 25 - */

   
   
   /* --- FF, Opera, Safari, IE7+ */
   .fm-5-fefbe7 .fm *            { background-image: url(/i/f/5-fefbe7.gif); }
   .fm-5-fff9bb .fm *            { background-image: url(/i/f/5-fff9bb.gif); }
   .fm-5-eff0f5 .fm *            { background-image: url(/i/f/5-eff0f5.gif); }
   .fm-5-f5f5f5 .fm *            { background-image: url(/i/f/5-f5f5f5.png); }
   .fm-5-fff-e4e4e4 .fm *        { background-image: url(/i/f/5-fff-e4e4e4.gif); }
   .fm-5-fff9bb-f0be62 .fm *     { background-image: url(/i/f/5-fff9bb-f0be62.png); }
   .fm-s-10-fff .fm *            { background-image: url(/i/f/s-10-fff.png); }
   .fm-s-10-fdfddf .fm *         { background-image: url(/i/f/s-10-fdfddf.png); }
   .fm-s-20-fffce1 .fm *         { background-image: url(s-20-fffce1.png); }
   .fm-s-20-fffcdf-d18505 .fm *  { background-image: url(/i/f/s-20-fffcdf-d18505.png); }
   .fm-s-25-fff .fm *            { background-image: url(/i/f/s-25-fff.png); }
   .fm-s-25-ff7b00 .fm *         { background-image: url(/i/f/s-25-ff7b00.png); }
   .fm-s-25-fdfddf .fm *         { background-image: url(/i/f/s-25-fdfddf.png); }
   .fm-s-25-eff0f5 .fm *         { background-image: url(/i/f/s-25-eff0f5.png); }
   .fm-s-25-fff5d7 .fm *         { background-image: url(/i/f/s-25-fff5d7.png); }
   /* --- /FF, Opera, Safari, IE7+ */
   
   
   /* --- IE 5.5+ --- */
     * HTML .fm-5-f5f5f5 .fm *
   , * HTML .fm-5-fff9bb-f0be62 .fm *
   , * HTML .fm-s-10-fff .fm *
   , * HTML .fm-s-10-fdfddf .fm *
   , * HTML .fm-s-20-fffce1 .fm *
   , * HTML .fm-s-20-fffcdf-d18505 .fm *
   , * HTML .fm-s-25-fff .fm *
   , * HTML .fm-s-25-ff7b00 .fm *
   , * HTML .fm-s-25-eff0f5 .fm *
   , * HTML .fm-s-25-fff5d7 .fm *
   , * HTML .fm-s-25-fdfddf .fm *         { -background: none; }
   
   .fm-5-f5f5f5 .fm * *           { -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/f/5-f5f5f5.png',sizingMethod=crop); }
   .fm-5-fff9bb-f0be62 .fm * *    { -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/f/5-fff9bb-f0be62.png',sizingMethod=crop); }
   .fm-s-10-fff .fm * *           { -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/f/s-10-fff.png',sizingMethod=crop); }
   .fm-s-10-fdfddf .fm * *        { -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/f/s-10-fdfddf.png',sizingMethod=crop); }
   .fm-s-20-fffcdf-d18505 .fm * * { -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/f/s-20-fffcdf-d18505.png',sizingMethod=crop); }
   .fm-s-25-fff .fm * *           { -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/f/s-25-fff.png',sizingMethod=crop); }
   .fm-s-25-ff7b00 .fm * *        { -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/f/s-25-ff7b00.png',sizingMethod=crop); }
   .fm-s-25-fdfddf .fm * *        { -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/f/s-25-fdfddf.png',sizingMethod=crop); }
   .fm-s-25-eff0f5 .fm * *        { -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/f/s-25-eff0f5.png',sizingMethod=crop); }
   .fm-s-25-fdfddf .fm * *        { -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/f/s-25-fdfddf.png',sizingMethod=crop); }
   /* --- /IE 5.5+ --- */






/*******************************************************************/
/************************  MAIN  ***********************************/
/*******************************************************************/




#AjaxLoading
{
	border: 1px solid #fff;
	background: #c00;
	color: #fff;
	padding: 1px 10px 3px;
}



H2, H3         { font-size: 25px; margin: 0; font-weight: normal; }
H3             { font-size: 20px; }
.H4				{ font-size: 18px; }
.fm-25 .fm-c   { padding: 25px; }


/* ----------- Base ----------------- */
VAR { font-style: normal; }
.t-small
{
   font-size: 11px;
   color: #333;
}
.c-red      { color: #c00; }
.c-gray     { color: #666; }
.t-normal   { font-size: 13px; }

TEXTAREA                { padding: 1px 0 0 2px; }
INPUT, SELECT, TEXTAREA { font: normal 13px Arial; }

  INPUT.text
, INPUT.password
, TEXTAREA { border: 2px solid #666; }

  .invalid INPUT.text
, .invalid INPUT.password
, .invalid TEXTAREA { border-color: #f00; }

  .valid INPUT.text
, .valid INPUT.password
, .valid TEXTAREA { border-color: #75BB00; }

   
INPUT.text, INPUT.password
{
   font: normal 18px Arial;
   height: 24px;
   padding-left: 2px;
}
INPUT.button, INPUT.submit
{
   padding: 0 5px;
}

  INPUT.default
, TEXTAREA.default { color: #999; }


#Darkening,
#FixedLayout
{
   width: 100%;
   height: 100%;
}
#Darkening
{
   background: #000;
   opacity: .7; //filter: alpha(opacity=70);
   z-index: 999;
}
#FixedLayout { z-index: 1001; }

.i-close
{
   display: block;
   width: 15px;
   height: 15px;
   background: url(/i/c/close.gif) center center no-repeat;
}
/* ----------- /Base ----------------- */



FORM .error { display: none; }
FORM .invalid .error
{
	color: #f00;
	display: block;
	font-size: 13px;
}




  .aUserInviteNo .u-invite
, .aUserInvite   .u-noinvite
{
	display: none;
}

.u-noinvite .title
{
	color: #c00;
	font-size: 16px;
	margin: 0 0 10px;
}



  .b-auth
, .is-auth .b-not-auth
, .is-auth .n-auth
, .is-auth .n-auth-or-me
, #js .aUser .s-vUser
, #js .vUser .s-aUser
{
   display: none;
}

  .is-auth .b-auth
, .is-auth.aUser .n-auth-or-me
{
   display: block;
}




#ImOnline
{
   position: absolute;
   width: 0px;
   height: 0px;
   top: -1000px;
}


/* ---- #LoginForm ----- */
#LoginForm
{
   position: absolute;
   width: 410px;
   height: 278px;
   top: 50%;
   left: 50%;
   margin: -160px 0 0 -180px;
}
	#LoginForm .remember
	{
		display: block;
		width: auto;
		padding: 0;
		position: relative;
		top: -5px;
		left: 80px;
		margin-bottom: 15px;
	}

	#LoginFormBg
	{
		position: absolute;
		z-index: 9;
		background: url(/i/f/login-form.png) no-repeat; -background: none;
		-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/f/login-form.png', sizingMethod='crop');
		width: 100%;
		height: 100%;
	}
	#LoginFormForm
	{
		position: relative;
		z-index: 10;
		padding: 43px 0 0 50px; 
	}
	
   #LoginForm.f-invalid #LoginFormBg
   {
      background: url(/i/f/login-form-err.png) no-repeat; -background: none;
      -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/f/login-form-err.png', sizingMethod='crop');
   }
      #LoginForm.f-invalid .right INPUT,
      #LoginForm .invalid .right INPUT { border-color: #f00; }
   
   #LoginForm .i-close
   {
      position: absolute;
      right: 20px;
   }
   #LoginForm H2
   {
      font-size: 25px;
      padding: 15px 0px 15px 80px;
   }
   #LoginForm .row { clear: both; }
   
   #LoginForm LABEL,
   #LoginForm .right { float: left; -position: relative; }
   
   #LoginForm .right { height: 45px; }
      #LoginForm .right DIV { color: #F00; }
   
   #LoginForm LABEL
   {
      padding: 6px 0 0px;
      cursor: text;
      display: block;
      width: 80px;
   }
   #LoginForm .right INPUT
   {
      border: 2px solid #666;
      width:  210px;
      height: 25px;
      //height: 29px;
      padding: 2px 2px 0px;
   }
   
   #LoginForm .submit
   {
      font-size: 17px;
      margin: 0 50px 0 80px;
   }
   #LoginForm .remind-pass
   {
      font-size: 11px;
      position: absolute;
      right: 95px;
      margin-top: 5px;
   }

   #LoginForm .XE-email { display: none; }
   #LoginForm.invalid .XE-email { display: block; }
 
/* ---- /#LoginForm ----- */


/* ---- #RegForm ----- */
#RegForm,
#ForgotPassword
{
   position: absolute;
   left: 50%;
   top: 50%;
   width: 550px;
   margin: -160px 0 0 -275px;
}
	#ForgotPassword
	{
	   width: 500px;
	   margin: -160px 0 0 -250px;
	}

   #RegForm .text,
   #RegForm .password
   {
      width: 235px;
   }
   
   #RegForm .i-close,
   #ForgotPassword .i-close
   {
      position: absolute;
      top: 15px;
      right: 17px;
   }
   
   
   #RegForm .fm-c,
   #ForgotPassword .fm-c { padding: 30px 30px 25px 20px; }
   
   #RegForm H2,
   #ForgotPassword H2    { margin: 0 0 10px; }
   
   #RegForm EM    { font-weight: bold; }
   
   #RegForm TD.key,
   #ForgotPassword TD.key
   {
      width: 155px;
      text-align: right;
      vertical-align: top;
   }
   #ForgotPassword TD.key { width: 115px; }
   
      #RegForm TD.key DIV,
      #ForgotPassword TD.key DIV
      {
         margin: 3px 10px 0 0;
      }
      
   #RegForm TD.value,
   #ForgotPassword TD.value { padding-bottom: 10px; font-size: 20px; }

      #RegForm TD.value U,
      #RegForm TD.value SPAN
      {
         color: #666;
         font-size: 11px;
      }
      #RegForm TD.value U { border-color: #666; }
   
   
   #RegForm .foot TD,
   #ForgotPassword .foot TD { padding: 5px 0 5px; }

   
   #RegForm .invalid,
   #ForgotPassword .invalid { border-color: #f00; }
   
   #RegForm .error,
   #ForgotPassword .error   { color: #f00; }

   

   #RegForm .HR
   {
      border-top: 2px solid #AEAEAE;
      margin: 5px 0px;
   }
   #RegForm .submit  { margin: 5px 0; font-size: 17px; }


#RegForm.invalid .error { display: block; }

#RegForm .s-done { //height: 120px; }
#ForgotPassword .s-done { //height: 120px; }

/* ---- /#RegForm ----- */



A.expand { outline: none; }
.fm-5 .fm-c { padding: 2px 5px 5px; }
.fm-10 .fm-c { padding: 5px 10px 10px; }



.Page
{
}
   .P-Header, .P-Body, .P-Footer { width: 100%; clear: both; }

   .P-Header
   {
      height: 73px;
      padding-top: 17px;
      border-bottom: 1px solid #e4e4e4;
   }
   .P-Body
   {
      margin: 10px 0 0px;
      padding-bottom: 120px;
      position: relative;
   }
   .P-Footer
   {
      border-top:  1px solid #e4e4e4;
      position:    absolute;
      left:        0px;
      bottom:      0px;
      height:      78px;
      padding-top: 12px;
      color:       #999;
   }
      .P-Footer A { color: #666; }
      .P-Footer DIV DIV { padding: 0 0 10px; }
   
      
  .pc-5, .pc-7, .pc-8
, .pc-26, .pc-34, .pc-56
{
   float:  left;
   min-height: 1px;
   position: relative;
}
.pc-5  { width: 5%; }
.pc-7  { width: 7%; }
.pc-8  { width: 8%; }
.pc-26 { width: 26%; }
.pc-34 { width: 34%; }
.pc-56 { width: 56%; }

.P-Logo
{
   background: url(/i/logo.png) no-repeat;
   display: block;
   width: 212px;
   height: 50px;
}

.u-reg
{
   background: url(/i/b/reg.png) no-repeat;
   display: block;
   width: 163px;
   height: 33px;
   float: right;
   margin: 12px 80px 0 0px;
}

.u-auth
{
   background: url(/i/i/auth.gif) left center no-repeat;
   font-size: 18px;
   padding-left: 25px;
   color: #000;
   float: right;
   margin: 15px 0px 0 0px;
}
.u-auth U { position: relative; }
   

#BodyReload
{
   position: absolute;
   width: 100%;
   min-height: 100%;
   z-index: 1001;
}


/* --- Заголовк: в залогиненом состоянии --- */
.P-Header .ba-right { float: right; }

.P-Header .fm-5
{
   font-size: 11px;
   margin: 30px 10px 0 0px;
   float: left;
}
.P-Header .fm-a
{
   width: 14px;
   height: 10px;
   position: absolute;
   top: -6px;
   right: -3px;
   z-index: 10;
   background: url(/i/f/invite-top.gif) no-repeat;
}
.P-Header .u-left { float: left; }
   .P-Header .u-name
   {
      display: block;
      margin: 0 0 10px;
      font-size: 20px;
   }
   .is-profile .u-name
   {
   	color: #000;
   	cursor: text;
   	text-decoration: none;
   }
   
   .P-Header .u-logout
   {
      background: url(/i/i/logout.gif) left center no-repeat;
      padding-left: 15px;
      font-size: 11px;
      color: #666;
   }
.P-Header .my-photo   { color: #666; }
.P-Header .my-albums  { margin: 10px 0 0; display: block; }
.P-Header .my-photo U { font-size: 20px; }

.is-albums .my-photo U
{
	color: #000;
	cursor: text;
	border: none;
	text-decoration: none;
}

/* --- /Заголовк: в залогиненом состоянии --- */


/* --------- Блок: Получить приглашение --------- */
.U-Invites
{
}
   .U-Invites .user
   {
      font-size: 20px;
   }
.H-Invite
{
   display: none;
   margin: 10px 0 0px;
}
   .H-Invite .fm-10 { margin-top: 20px; }
   .H-Invite .arrow
   {
      position: absolute;
      background: url(/i/f/invite.png) no-repeat;
      width: 33px;
      height: 22px;
      top: -19px;
      left: 20px;
      z-index: 10;
   }
   .H-Invite .fm-c    { padding: 10px 10px; text-align: center; }
   .H-Invite .ac-left { margin: 10px; }
   .H-Invite .u-list
   {
      font-size: 11px;
      color: #666;
      margin: 0 0 0 10px;
   }

.g-invite, .f-invite
{
   display: block;
   height: 31px;
   position: relative;
}
.g-invite
{
   background: url(/i/b/g-invite.png) no-repeat;
   width: 173px;
}
.f-invite
{
   background: url(/i/b/invite-friend.png) no-repeat;
   width: 153px;
}

.expand .H-Invite { display: block; }
.expand .user { color: #000; text-decoration: none; }
/* --------- /Получить приглашение --------- */


/* ---- Блок: Споисок постов ---- */
.U-Posts
{
	top: 30px;
	position: relative;
   xmargin: 30px 0;
}
   .U-Posts .title
   {
   	color: #ccc;
   	text-align: center;
   	position: relative;
   	top: -9px;
   	z-index: 10;
   }
   .U-Posts .title B    { color: #333; font-weight: normal; }
   .U-Posts .title SPAN { background: #fff; padding: 0 5px; }
   
.U-Posts .empty
{
   color: #ccc;
   text-align: center;
   display: block;
   padding: 0px 0 40px;
}
.U-Posts .fm-c
{
   padding: 5px 0px 20px; xpadding: 5px 0px 5px;
}

.U-Posts UL { }
   .U-Posts A
   {
      padding: 8px 10px;
      display: block;
   }

   .U-Posts A.selected
   {
      text-decoration: none;
      background: url(/i/m/s-upost.gif) right center no-repeat;
      color: #000;
      padding: 8px 5px 8px 10px;
      width: 100%;
   }
   .U-Posts .selected DIV { margin-right: 15px; }
   
   
.U-Invites { padding: 0 0 20px; }

#AddPostLink
{
   display: block;
   margin: 20px 0 0;
   padding: 20px 0 20px 40px;
   background: url(/i/i/add-post.gif) left center no-repeat;
   cursor: pointer;
}


.InviteForm
{
   position: absolute;
   left: 50%;
   top: 50%;
   margin: -200px 0 0 -285px;
   width: 628px;
}
   .InviteForm .i-close
   {
      position: absolute;
      top: 17px;
      right: 20px;
   }
   .InviteForm .fm-c
   {
      padding: 25px 40px 25px 180px;
      background: url(/i/m/invite-friend-bg-0.png) 50px 103px no-repeat;
   }
   .InviteForm.f-invalid .fm-c { background: url(/i/m/invite-friend-bg-1.png) 50px 103px no-repeat; }
   .InviteForm.f-done .fm-c { background: none; }
   
   
   .InviteForm .XE-email  { color: #f00; }
   .InviteForm .hint   { font-size: 11px; color: #666; }
   .InviteForm .remain { font-size: 11px; color: #999; }
   
.InviteForm .row { margin: 15px 0; }
.InviteForm TEXTAREA
{
   width:  400px;
   height: 80px;
}
.InviteForm .r-mes    { float: right; }
.InviteForm .r-submit { margin: 25px 0 15px; }
.InviteForm A         { color: #666; }
.InviteForm .submit   { margin-right: 20px; }

.InviteForm.f-done .done { width: 400px; }

/* ---- /Споисок постов ---- */
   
  
/* --- Альбомы --- */
.add-album
{
   color: #95C613;
   padding: 0 25px 2px 0px;
   background: url(/i/i/add-album.gif) right center no-repeat;
   float: right;
   position: relative;
   left: 25px;
}

#AlbumSelect
{
	position: relative;
	z-index: 300;
}
#AlbumSelect .m-toggle
{
   background: url(/i/c/album-s.gif) left top no-repeat;
   padding-left: 15px;
}
#AlbumSelect.expand .m-toggle { background-position: left bottom; }

#AlbumSelect .as-options { display: none; }
#AlbumSelect.expand .as-options { display: block; }

#AlbumSelect .as-options
{
   position: absolute;
   z-index: 20;
   left: -20px;
   top: 20px;
}
#AlbumSelect .as-options UL
{
   padding: 10px 35px 10px 15px;
}
#AlbumSelect .as-options LI
{
   padding-bottom: 10px;
}
#AlbumSelect .as-options SPAN
{
   color: #999;
   font-size: 11px;
   padding-left: 10px;
   position: relative;
   top: 1px;
}


#ContentView A { outline: none; }
#ContentView   { min-width: 350px; }
#ContentView .i-close
{
   position: absolute;
   top: 17px;
   right: 20px;
}
#ContentView UL { padding: 0 0 5px; position: relative;  }
#ContentView LI
{
   float: left;
   padding-right: 10px;
   font-style: italic;
   position: relative;
}
#ContentView LI A
{
   padding: 2px 5px 10px;
	//display: block;
}
#ContentView LI A.selected
{
   color: #fff;
   background: url(/i/m/sel-size.gif) top center no-repeat;
   textdecoration: none;
   outline: none;
}

#ContentView .center
{
   margin: 15px 0 10px;
   -margin: 5px 0 10px;
   text-align: center;
   overflow: hidden;
   background: url(/i/m/loader-0.gif) center center no-repeat;
}
#ContentView IMG { cursor: pointer; }

#ContentView .bottom
{
   color: #666;
   font-size: 11px;
   text-align: center;
}
#ContentView .info,
#ContentView .delete
{
   bottom: 23px; 
   position: absolute;
}
#ContentView .info   { right: 25px; text-align: right; }
#ContentView .postIt { padding-top: 15px;font-size: 16px; font-weight: bold; }
#ContentView .delete { color: #c00; left: 25px; }

/* --- /Альбомы --- */


/* --- Code --- */
.get-code
{
   width: 300px;
   left: 50%;
   margin-left: -150px;
   position: absolute;
   bottom: 50px;
   text-align: left;
}
   .get-code .fm-c { padding: 15px 25px 25px; }

   .get-code INPUT
   {
      display: block;
      border-width: 1px;
      font-size: 13px;
      height: 18px;
      width: 100%;
      margin: 0 0 5px;
   }
   .get-code .fm-a
   {
      position: absolute;
      z-index: 15;
      left: 50%;
      bottom: -11px;
      margin-left: -25px;
      width: 50px;
      height: 28px;
      background: url(/i/f/postIt.png) no-repeat; -background: none;
      -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/f/postIt.png', sizingMethod='crop');
   }
/* --- /Code --- */


   
/* --- Viewer -- */
#Viewer
{
   position: relative;
   margin: 10px 0px;
}
   #Viewer .v-nav
   {
      width: 17px;
      height: 16px;
      display: block;
      position: absolute;
      background: url('/i/c/viewer-np.gif') no-repeat;
      left: -25px;
      top: 9px;
   }
   #Viewer .v-next
   {
      left: auto;
      right: -25px;
      background-position: left bottom;
   }
   #Viewer .v-name
   {
      cursor: pointer;
      margin: 0px 0px 2px;
   }
      #Viewer .v-name .fm-c      { padding: 7px 10px; }
      #Viewer .v-name .et-text   { font-size: 18px; }
      #Viewer .et-editor .text   { width: 50%; padding: 2px 0px 0px 2px; }
      #Viewer .et-editor .submit { margin-left: 10px; }
      #Viewer .et-editor .remain { font-size: 11px; color: #666; font-weight: normal; }
      #Viewer .et-cancel U       { color: #666; border-color: #666; }
      
   #Viewer .vi-other DIV
   {
      float: right;
      color: #666;
      font-size: 11px;
   }
   #Viewer .v-edit { color: #060; }
   
   #Viewer .v-remove   { color: #c00; }
      .isMyPage #Viewer .has-delete { display: inline; }
      
      #Viewer .is-deleted,
      .ud-default .has-delete { display: none; }
   
#Viewer .add-photo
{
   display: block;
   width: 108px;
   height: 23px;
   background: url('/i/b/add-photo.png') no-repeat;
}
   #ViewerUploadLog .add-photo
   {
      background: url('/i/b/add-more.png') no-repeat;
      float: left;
      margin-right: 20px;
   }
   #ViewerUploadLog .u-close U
   {
      color: #666;
      border-color: #666;
   }

#ViewerUploadLog
{
}
   #ViewerUploadLog .log
   {
      height: 150px;
      margin: 5px 0px;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      overflow: hidden;
      overflow-y: scroll;
   }
   #ViewerUploadLog .l-file
   {
      position: relative;
      border-bottom: 1px dashed #ccc;
      width: 65%;
   }
      #ViewerUploadLog .f-name
      {
         position: relative;
         top: 2px;
         float: left;
         background: #EFF0F5;
         padding-right: 5px;
         margin-top: 5px;
      }
      #ViewerUploadLog .f-size
      {
         font-weight: bold;
         position: absolute;
         right: -4.3em;
         bottom: 0px;
         width: 40px;
         height: 16px;
         padding-left: 11px;
      }
      #ViewerUploadLog .complete .f-size
      {
         color: #fff;
         background: url(/i/i/upload-ok.gif) no-repeat;
      }
      #ViewerUploadLog .support
      {
         color: #666;
         font-size: 11px;
         text-align: right;
         float: right;
      }


  .is-upload .add-album
, .is-upload #ViewerSelect
, .is-upload .v-nav
, .is-uploading .add-photo
, .is-uploading .u-close
{
   visibility: hidden;
}

  #ViewerUploadLog
, .is-upload .vi-other
, .is-edit .v-name SPAN
{
   display: none;
}

.is-upload #ViewerUploadLog
{
   display: block;
}

  .is-edit     #Viewer .v-name
, .is-upload   #Viewer .v-name
, .is-not-auth #Viewer .v-name
{
   cursor: default;
}


/* --- /Viewers --- */


#PhotoList
{
   overflow: hidden;
   width: 100%;
   max-width: 100%;
}
   #PhotoList .PL-Holder {}
   
   #PhotoList .loading,
   #PhotoList .has-empty
   {
      color: #666;
      font-size: 20px;
      margin: 20px;
      text-align: center;
   }
      #PhotoList .has-empty { display: none; }
      #PhotoList.is-empty .has-empty { display: block; }

   #PhotoList .photo A { display: block; }
   #PhotoList .photo
   {
      z-index: 1;
      display: block;
      float: left;
      cursor: default;
      background: none;
      position: relative;
      width: auto;
      height: 136px;
      border: 2px solid #fff;
   }
   #PhotoList .photo IMG
   {
   	margin: 13px 15px 0px 13px;
   	display: block;
   	cursor: pointer;
   }
   #PhotoList .photo DIV
   {
   	position: absolute;
   	top: 0;
   	right: 0px;
   	width: 15px;
   	height: 100%;
   	background: url(/i/m/photo-select-r.gif) right top no-repeat;
   }
   #PhotoList .photo LABEL
   {
      color: #999;
      left: 5px;
      bottom: 6px;
      -left: 1px;
      -bottom: 3px;
      font-size: 10px;
      position: absolute;
      display: block;
      z-index: 10;
   }
   
   #PhotoList .photo DIV A
   {
      background: url(/i/i/photo-edit.gif) no-repeat;
      width:  12px;
      height: 12px;
      margin: 4px 0 0 1px;
      -margin: 4px 0 0 6px;
      overflow: hidden;
      display: block;
   }
   #PhotoList .photo .p-rot-r { background-position: 0px -13px; }
   #PhotoList .photo .p-rot-l { background-position: 0px -27px; }
   
   #PhotoList .photo LABEL,
   #PhotoList .photo DIV,
   #PhotoList .photo.is-hold DIV { visibility: hidden; }

   
   #PhotoList .photo.hover LABEL,
   #PhotoList .photo.hover DIV   { visibility: visible; }

   
	#PhotoList .photo.selected  { border: 2px solid #f60; }
	#PhotoList .photo.hover     { background: url(/i/m/photo-select-l.gif) no-repeat; border: 2px solid #fff; }
	
  #PhotoList LABEL
, #PhotoList .photo.is-hold LABEL
, #PhotoList .photo.is-hold DIV
{
   display: none;
}

#PhotoList .photo.is-hold
{
   background: none;
}


#SelectedPhotos
{
   min-width: 250px;//width: 250px;
   z-index: 1000;
}
   #SelectedPhotos .i-close
   {
      top: 10px;
      right: 14px;
      position: absolute;
      z-index: 10;
   }
   #SelectedPhotos .fm-c { padding: 10px 20px 15px; }
   #SelectedPhotos .fm-c DIV
   {
      color: #666;
      font-size: 11px;
   }
   #SelectedPhotos H3
   {
      margin: 10px 0;
      font-size: 30px;
      text-align: center;
   }
   #SelectedPhotos LI { padding: 0 0 10px; }
   #SelectedPhotos .sp-delete { color: #c00; }

#SelectedPhotos SELECT
{
   width: 100%;
   display: block;
   margin: 10px 0;
}
#SelectedPhotos .cancel
{
   position: absolute;
   right: 20px;
}
#SelectedPhotos A { outline: none; }


/* выбор действия */
  #SelectedPhotos.actions .d-move
, #SelectedPhotos.actions UL .d
/* перемещение фоток */
, #SelectedPhotos.move UL .r
, #SelectedPhotos.move .base
/* один альбом */
, #SelectedPhotos.one-album .a-move
{
   display: none;
}
#SelectedPhotos.move U
{
   color: #666;
   border: none;
   cursor: text;
}





#PostHolder
{
   padding-top: 10px;
}
#PostHolder .block
{
   margin: 10px 0;
}





/* --- Profile --- */
#VUser
{
   margin: 20px 0;
}
   #VUser DL
   {
      clear: left;
   }
   #VUser DT, DD
   {
      xfloat: left;
      xpadding: 2px 5px 3px;
   }
   #VUser DT
   {
      padding: 2px 5px 3px;
      float: left;
      background: #E8FFD9;
      text-align: right;
      width: 25%;
   }
   #VUser DD
   {
      position: relative;
      top: -2px;
      font-style: italic;
      line-height: 140%;
      padding: 2px 10px 15px 15px;
      margin-left: 25%;
   }
   
   #VUser DD I     { color: #666; }
   
   #VUser .name DT { background: #f0f0f0; }
   #VUser DT A { color: #000; }
   
   #VUser .name DD
   {
      top: -5px;
      font-size: 20px;
      font-style: normal;
   }
   #VUser .name A { font-size: 13px; }
   #VUser.view .name { display: none; }
   
   #VUser DD SPAN
   {
      color: #666;
      font-size: 11px;
      font-style: normal;
   }
   
   
   /* правила отображения */
   #VUser .is-empty I
   {
      display: inline;
   }
   
     #VUser I
   , x#VUser.view .is-empty
   , #VUser .is-edit I
   , #VUser .is-edit A
   {
      display: none;
   }
   
     #VUser.edit DT
   , #VUser.edit DD
   {
      cursor: pointer;
   }
   #VUser.edit .name DT { cursor: text; }
   
   #VUser TEXTAREA { width: 75%; }

   #VUser .add-block
   {
      border-bottom: 1px dashed #000;
      text-decoration: none;
   }

#UBlockName         { position: absolute; margin-left: -55px; }
#UBlockName .fm-c   { padding: 15px 25px 20px; }
#UBlockName SPAN    { color: #666; }
#UBlockName DIV     { padding: 5px 0; }
#UBlockName .remain { font-size: 11px; }
#UBlockName .reset  { margin-left: 74px; }
#UBlockName A       { color: #c00; }
#UBlockName .bottom
{
   margin: 10px 0 0;
   padding: 5px 0 0;
   border-top: 1px solid #ccc;
}
#UBlockName.default .bottom { display: none; }


#ChangePassForm .fm-c
{
   padding: 30px 30px 40px;
}

#ChangePassForm H2
{
   font-weight: normal;
   font-size: 20px;
   margin: 0 0 20px;
}
#ChangePassForm .invalid .error { color: #f00; }

  #ChangePassForm .s-0
, #ChangePassForm .s-1
, #ChangePassForm .s-2
{
   display: none;
}

  #ChangePassForm.step-0 .s-0
, #ChangePassForm.step-1 .s-1
, #ChangePassForm.step-2 .s-2
{
   display: block;
}
   #ChangePassForm .submit { font-size: 17px; }

/* --- /Profile --- */


.GetPostCode   { margin: 0 0 20px; }
.GetPostCode A { font-size: 20px; }

  .GetPostCode INPUT
, .GetPostCode TEXTAREA
{
	width: 99%;
	font-size: 13px;
}
.GetPostCode INPUT { height: 18px; }
.GetPostCode .code { margin-top: 10px; }
.GetPostCode .blog { border-color: #f60; }



/* -- IndexPage --- */
#IndexPage
{
	padding: 0;
	background: url(/i/m/index-top-bg.jpg) top center no-repeat;
}
#IndexPage .P-Body { margin: 0; }

  #IndexPage H1
, #IndexPage H1 DIV
{
	width: 375px;
	height: 89px;
	margin: 80px 0 50px;
	text-align: center;
	position: relative;
}
	#IndexPage H1
	{
		font-size: 55px;
		font-weight: normal;
	}
	#IndexPage H1 SPAN
	{
		color: #666;
	}
	#IndexPage H1 DIV
	{
		background: url(/i/logo-index.gif) no-repeat;
		position: absolute;
		margin-top: 0;
		//margin-left: -70px;
	}


#IndexPage .P-Header
{
	border: none;
	position: absolute;
	top: 95px;
	right: 7%;
	padding: 0;
	width: auto;
}
	#IndexPage .P-Header A
	{
		float: none;
		clear: both;
		margin: 0;
	}
	#IndexPage .P-Header A.u-auth
	{
		margin: 10px 0 0 10px;
		display: block;
	}
	
	#IndexPage H2
	{
		color: #999;
		padding: 0 0 30px 65px;
		position: relative;
		font-weight: normal;
	}
	#IndexPage H2 DIV { font-size: 18px; }
	#IndexPage H2 I
	{
		display: block;
		position: absolute;
		width: 51px;
		height: 55px;
		left: 0;
		top: -5px;
		background: url(/i/m/index-h2.gif) no-repeat;
	}
	#IndexPage H2.second I
	{
		background-position: 0px -55px;
	}
	#IndexPage .P-Body
	{
	}
	#IndexPage .P-Body TABLE
	{
		width: 90%;
		margin: 0 auto;
	}
	#IndexPage .P-Body .body TD
	{
		vertical-align: middle;
	}
/* -- /IndexPage --- */

.i-close { z-index: 1500; }



/* --- Support --- */
#Support H2
{
	margin: 25px 0 30px;
}

#Support .text
{
	width: 270px;
}

#Support .hint
{
	color: #999;
	font-size: 11px;
	margin: 0 0 20px;
}
	#Support .tabs
	{
	}
		#Support .tabs LI
		{
			float: left;
			margin: 0 25px 0 0;
			padding: 1px 10px 4px;
			height: 28px;
			cursor: pointer;
		}
		#Support .tabs U
		{
			color: #36c;
			border-bottom: 1px dashed #36c;
			text-decoration: none;
		}
		#Support .tabs .selected
		{
			background: url(/i/m/support-tab.gif) top center no-repeat;
		}
		#Support .tabs .selected U
		{
			color: #000;
			border: none;
		}
		
#SupportForm .message
{
	width: 510px;
}
	#Support .textarea
	{
		width: 504px;
		height: 180px;
	}
	#SupportForm .remain
	{
		font-size: 11px;
		color: #666;
		text-align: right;
	}

/* --- /Support --- */