/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


body { line-height: 1.5; background: #fff; margin:1.5em 0; }




/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }



/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
  
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]
   * Richard Rutter    [clagnut.com]
   
   Read more about using a baseline here:
   * alistapart.com/articles/settingtypeontheweb
  
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
   
body { font-size: 12px; }


/* Default fonts and colors. 
   If you prefer serif fonts, remove the font-family 
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; */
   
body { 
  color: #000; 
  font-family:  Arial, Verdana, sans-serif; 
}
h1,h2,h3,h4,h5,h6 { 
  color: #000; 
  font-family: Arial, Verdana, sans-serif; 
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }


/* Text elements
-------------------------------------------------------------- */

/*p           { margin: 0 0 1.5em; }*/
p.last      { margin-bottom: 0; }

p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
/*img         { margin: 0 0 1.5em; }*/



ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- 

table   { margin-bottom: 1.4em; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { border-bottom: 1px solid #ddd; }
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }

/* Use this if you use span-x classes on th/td. 
table .last { padding-right: 0; } */


/* Some default classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/* -------------------------------------------------------------- 
   
   grid.css
   * Sets up an easy-to-use grid of 24 columns.
   
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Khoi Vinh         [subtraction.com]
   
   By default, the grid is 950px wide, with 24 columns 
   spanning 30px, and a 10px margin between columns.
   
   If you need fewer or more columns, use this 
   formula to find the new total width: 
   Total width = (columns * 40) - 10
   
   Read more about using a grid here:
   * subtraction.com/archives/2007/0318_oh_yeeaahh.php
   
-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {
  width: 980px;
  margin: 0 auto; 
}


/* Columns
-------------------------------------------------------------- */

/* Use this class together with the .span-x classes
   to create any composition of columns in a layout. */
   
.column { 
  float: left;
  /*margin-right: 10px;*/
  /*border:1px solid #999999*/
}
.marR {margin-right: 15px;}
.sitebar {float:right; width:210px}
* html .column { overflow-x: hidden; } /* IE6 fix */

/* The last column in a row needs this class. */
.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1   { width: 30px; }
.span-2   { width: 52px; }/**/
.span-3   { width: 153px; }
.span-4   { width: 185px; }/**/
.span-5   { width: 178px; }/**/
.span-6   { width: 212px; }/**/
.span-7   { width: 261px; }/**/
.span-8   { width: 190px; }/**/
.span-9   { width: 230px !important; }/**/
.span-10  { width: 330px; }/**/
.span-11  { width: 460px; }/**/
.span-12  { width: 470px; }
.span-13  { width: 518px; }
.span-14  { width: 550px; }
.span-15  { width: 600px; }/**/
.span-16  { width: 610px; }
.span-17  { width: 670px; }/**/
.span-18  { width: 712px; }/**/
.span-19  { width: 752px; }/**/
.span-20  { width: 790px; }
.span-21  { width: 830px; }
.span-22  { width: 870px; }
.span-23  { width: 910px; }
.span-24  { width: 950px; margin: 0; }
.span-25  { width:100% }/**/

/* Add these to a column to append empty cols. */
.append-1   { padding-right: 40px; }  
.append-2   { padding-right: 80px; } 
.append-3   { padding-right: 120px; } 
.append-4   { padding-right: 160px; } 
.append-5   { padding-right: 200px; } 
.append-6   { padding-right: 240px; } 
.append-7   { padding-right: 280px; } 
.append-8   { padding-right: 320px; } 
.append-9   { padding-right: 360px; } 
.append-10  { padding-right: 400px; } 
.append-11  { padding-right: 440px; } 
.append-12  { padding-right: 480px; } 
.append-13  { padding-right: 520px; } 
.append-14  { padding-right: 560px; } 
.append-15  { padding-right: 600px; } 
.append-16  { padding-right: 640px; } 
.append-17  { padding-right: 680px; } 
.append-18  { padding-right: 720px; } 
.append-19  { padding-right: 760px; } 
.append-20  { padding-right: 800px; } 
.append-21  { padding-right: 840px; } 
.append-22  { padding-right: 880px; } 
.append-23  { padding-right: 920px; } 

/* Add these to a column to prepend empty cols. */
.prepend-1   { padding-left: 40px; }  
.prepend-2   { padding-left: 80px; } 
.prepend-3   { padding-left: 120px; } 
.prepend-4   { padding-left: 160px; } 
.prepend-5   { padding-left: 200px; } 
.prepend-6   { padding-left: 240px; } 
.prepend-7   { padding-left: 280px; } 
.prepend-8   { padding-left: 320px; } 
.prepend-9   { padding-left: 360px; } 
.prepend-10  { padding-left: 400px; } 
.prepend-11  { padding-left: 440px; } 
.prepend-12  { padding-left: 480px; } 
.prepend-13  { padding-left: 520px; } 
.prepend-14  { padding-left: 560px; } 
.prepend-15  { padding-left: 600px; } 
.prepend-16  { padding-left: 640px; } 
.prepend-17  { padding-left: 680px; } 
.prepend-18  { padding-left: 720px; } 
.prepend-19  { padding-left: 760px; } 
.prepend-20  { padding-left: 800px; } 
.prepend-21  { padding-left: 840px; } 
.prepend-22  { padding-left: 880px; } 
.prepend-23  { padding-left: 920px; } 


/* Border on right hand side of a column. */
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}


/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column. */

.pull-1  { margin-left: -40px; }
.pull-2  { margin-left: -80px; }
.pull-3  { margin-left: -120px; }
.pull-4  { margin-left: -160px; }

.push-0  { margin: 0 0 0 18px; }
.push-1  { margin: 0 -40px 0 18px; }
.push-2  { margin: 0 -80px 0 18px; }
.push-3  { margin: 0 -120px 0 18px; }
.push-4  { margin: 0 -160px 0 18px; }
.push-0, .push-1, .push-2, .push-3, .push-4 { float: right; }


/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #eee; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.4em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { }   
.clear:after, .container:after {
 /* content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;*/
}
* html .clear { height: 1%; }
.clear { display: block; }


/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

/*label { padding:0 15px 0 10px }*/
label { padding:0 15px 0 0px }


/* Fieldsets */
fieldset    { border:0; margin:0; padding:10px 0 0 0; float:right }
fieldset div { float:left; padding-top:7px }
legend      { font-weight: bold; font-size:1.2em; }

/* Text fields */
input.text, input.title   { width: 150px; float:left }
input.text, input.title   { border:1px solid #999; padding:6px 5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }
input.checkOrRadio		  { float:left }
input.btnSubmit			  { margin:5px 0 0 0; margin /**/:5px 0 0 3px; }

/* Textareas */
textarea            { width: 490px; height: 45px; margin:0; padding:5px 3px }
textarea            { border:1px solid #A7B1BC; background:#fff }
/* textarea:focus      { border:1px solid #999; background:#fff } */


/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
/*.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }*/
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }

.footer form input.text  { width:52px; padding:3px 5px; border:1px #A7B1BC solid }
.footer form label       { margin:0; padding:5px 5px 0 0; float:left; font-size:11px; color:#333 }
.footer .btnsRed		 { width:67px; float:left; margin-left:10px }
.footer .btnsRed a 	  	 { text-decoration:none; background:url(../../images/btn_rightRed.gif) no-repeat right top; display:block; line-height:90%}
.footer .btnsRed a span  { background:url(../../images/btn_leftRed.gif) no-repeat left top; font-family:Tahoma, "Arial Black", sans-serif; font-size:10px; line-height:90%; text-align:center; display:block; color:#FFF; padding:3px 0 7px 0}


.fade {display:table; width:100%; height:1%; height /**/:auto; min-height:1px; border-top:1px #DEE2E7 solid; padding-top:15px; margin-bottom:30px; background:url(../../images/formFade.jpg) repeat-x left bottom}
 .fade fieldset {float:left; padding:5px 18px 5px 20px}
  .fade fieldset strong {font-size:14px; padding-top:7px; float:left}
  .fade fieldset label {padding:9px 0 0 3px; float:left; font-size:11px}
  .fade fieldset span {color:#ccc; display:block; height:1%; float:left; font-size:20px; padding:0 7px 0 4px}
  .fade fieldset input {float:left; padding-left:5px; margin:7px 0 0 5px}
  .fade fieldset input.checkOrRadio {margin:8px 0 0 8px}
  :root .fade fieldset input.checkOrRadio {margin:12px 0 0 12px}
  html:root*.fade fieldset input.checkOrRadio {margin:10px 0 0 12px} 
  .fade fieldset input.btn {border:0; background:none; color:#147AE0; margin-top:6px; font-weight:bold; font-size:16px}
  .fade fieldset input.formText {border:1px #999 solid; width:220px}

/* CSS Document */
body { background:#D7EDFD url(/images/bg_body.gif) repeat-x; color:#333 !important; margin:0; padding:0;}

body.whitelabel { background: #fff;}
div.subWhiteContentContainer.whitelabel { padding:0 }

body.bigBody { background:#E3F3FF url(/images/bg_bigBody.jpg) repeat-x top left}
 body.bigBody .container {width:997px;}
h1 { margin:0; padding:25px 0 0 0}
h3 { margin:0; padding:3px 0; font-size:16px; font-weight:bold}
h3 img { margin-bottom: -3px;}
a {text-decoration:none; color:#f90}
p {margin:0; padding:0}
.blue, .blue a, a.blue {color:#147AE0}
.black a, .black {color: #000}
span.gray, .gray a {color:#ddd}
span.darkgray { color: #999; }
.blueLinks a {color:#147AE0}
.imgFloat {float:left}
.smallInfo { font-size: smaller; color:#999; }
a:active { color: darkblue; }

.bigHeader {position:relative; float:left; width:100%; padding-bottom:30px}
.home { background:url(/images/other_low.jpg) no-repeat center top}
 .CenterButon {position:absolute; top:180px; left:370px}
 .position {position:absolute; bottom:10px; right:30px}
 .logo {position:absolute}
 .bigHeader ul {margin:0; padding:0; list-style:none}
 .bigHeader .regLog {float:right}
  .bigHeader .regLog li {margin:0; padding:0 0 0 10px; float:left; color:#147AE0; font-size:30px}
   .bigHeader .regLog li a {color:#147AE0; text-decoration:none; margin-right:10px; font-weight:bold; font-size:22px; padding-top: 5px;}
 .bigHeader .bigLogo {margin:510px auto 0 auto; padding-left:40px; width:720px}
 .bigHeader .bigLogo h1 { display: none;}
  .bigHeader .bigLogo li {float:left; margin:0; padding:0 0 10px 0; font-size:25px; color:#147AE0}
  .bigHeader .bigLogo li.logoText {border-left:1px #147AE0 solid; width:280px; margin-left:40px; padding-left:40px}
   .bigHeader .bigLogo li a {text-decoration:none; float:left; margin-top:-10px}
    .bigHeader .bigLogo li a img {position:relative}
   .bigHeader .bigLogo li h1 {font-size:25px; color:#333; display:block; font-weight:bold; line-height:90%; margin: 0; padding:0;}
   
.bigContainerLink {padding:70px 0 30px 0; float:left; width:100%}
 .bigContainerLink .bigLink {width:314px; margin:0 25px 30px 0; float:left}
 .bigContainerLink .lastLink {margin-right:0 !important}
  .bigContainerLink .bigLink a {font-size:25px; display:block; padding-bottom:15px; font-weight:bold; color:#333}
  .bigContainerLink .bigLink p {background:#fff; font-size:14px; color:#333; padding:20px}
   .bigContainerLink .bigLink a img {vertical-align:middle; margin-right:10px}
   
.bigContainer {background:#fff url(/images/bg_right.gif) repeat-y right top; float:left; width:100%}
 .bigContainer .conContainer {float:left}
  .bigContainer h2.title, .bigContainer p {margin:0; padding:0 0 20px 0; width:310px; color:#333; line-height:100%; font-size:18px}
  .bigContainer h2.title {font-size:25px !important; font-weight:bold}
  .bigContainer .bigLeft {float:left; width:650px; position:relative; background:#fff url(/images/tenj.jpg) no-repeat right top; padding:20px 21px 20px 20px}
   .bigContainer .bigLeft .imgContainer {float:right; position:relative; margin-left:-40px; top:-42px}
  
  .bigContainer .bigRight {background:url(/images/homeGradient.jpg) no-repeat right -7px; padding:30px; width:244px; float:right}
	 .bigContainer .bigRight #recently-joined img {
			width: 24px; height: 24px;
		}
   .bigContainer .bigRight .back {padding:0}
   .bigContainer .bigRight .whiteText {background:#FFF; padding:2px 5px; margin:5px 0 10px 0}
   .bigContainer .bigRight .whiteText a {padding-right:5px}
  .bigContainer .showAll {padding:10px 0 20px 0}
   .bigContainer .showAll a {font-size:16px; font-weight:bold; color:#147AE0}
  
  .bigContainer .list {margin:0; padding:0}
  .bigContainer .list li {margin:0; padding:4px 0; list-style:inside; color:#F90}
   .bigContainer .list li a {color:#F90; text-decoration:none; font-size:18px; font-weight:bold; line-height:90%}

.bigBody .footer {width:997px; float:left}
 .bigBody .footer .footerBlueSub {width:995px}
  .bigBody .footer .footerBlueSub ul {width:747px; margin:0 auto}




/* tabs */
.topNavigateTab {padding: 0 0 0 359px; margin-bottom:-5px; float:left}
:root .topNavigateTab {display:table; float:none}
 .topNavigateTab ul {list-style:none; margin:0; padding:0}
  .topNavigateTab ul li {float:left; width:131px}
   .topNavigateTab ul li a {display:block; margin: 0 0 0 3px; padding:8px 0 12px; text-align:center; color:#FFF; background:url(/images/bg_top_nav_tads.gif) no-repeat; text-decoration:none; font-size:18px; font-weight:bold}
   .topNavigateTab ul li.active a, .topNavigateTab ul li a:hover {background:url(/images/bg_top_nav_tads.gif) no-repeat 0 -66px; color:#147AE0}

.tabs {float:left}
:root .tabs {display:table; float:none}
 .tabs a, .tabs div {background:#fff}
  .tabs p {float:right; font-size:9px; padding-top:10px}
   .tabs p span {font-size:9px; padding-left:8px; vertical-align:middle; padding-top:2px}
   .tabs p span.big {font-size:16px; padding-top:0}
   .tabs ul {list-style:none; float:left; margin:0; padding:0}
   .tabs ul li {width:226px; position:relative; float:left; margin-right:1px; background:#fff; border:1px solid #ccc; border-bottom:0}
   .tabs ul li .leftTab {position:absolute; left:-1px; top:-1px; display:block; width:9px; height:9px; background:url(/images/leftTab.gif) no-repeat}
   .tabs ul li .rightTab {position:absolute; right:-1px; top:-1px; display:block; width:9px; height:9px; background:url(/images/rightTab.gif) no-repeat}
   .whitePopup .tabs ul li .rightTab {right:-2px; right /**/:-1px}
   .whitePopup #tab1 a {margin-left:17px;margin-right:10px;float:left;}
   .tabs ul li a {
				background: #F6F7F8;
/*				background:url(/images/bg_tabs.gif) repeat-x left bottom; */
				display:block; text-align:center; font-weight:bold; font-size:16px; color:#999; padding:7px 0 6px; margin:0
	}
    .tabs ul li.active a, .tabs ul li.active label, .tabs ul li a:hover {background-image:none; color:#333}
    .tabs ul li.active a {font-size:20px; padding:3px 0 5px; background-image:none}
	.tabs ul li label {color:#147AE0;}

  	.smallTabs ul li {width:162px}
    .smallTabs ul li a {font-size:15px !important;}
    .smallTabs ul li.active a {padding:7px 0 6px; background-image:none; background: #fff;}
		
/*  // tabs */


.whiteContent {position/**/ /**/:/**/relative; z-index:500}
.whiteContentContainer {background:#fff; float:left; zoom:1; width:100%}
 .whiteContent .bottom {float:left; width:100%}
 .subWhiteContentContainer {position:relative; padding:20px 20px 70px 20px; height:880px; height/**/ /**/:/**/auto; min-height:880px; float:left}
 .bottomScroller {position:absolute; left:20px; bottom:20px; width:712px; float:left; padding-top:10px; border-top:1px #DDD solid}
 .bottomLink {margin:0; padding:0}
 .bottomLink li {margin:0; padding:0 10px 0 0; list-style:none; float:left; font-size:20px; color:#EBEBEB}
   .bottomLink li a {text-decoration:none; color:#147AE0; font-weight:bold; font-size:14px; padding-right:15px}
    .bottomLink li a img {vertical-align:middle; margin:-2px 10px 0 0}

 .topScroller {width:712px; float:left; padding-bottom:10px; margin-bottom:10px; border-bottom:1px #DDD solid}
 .topScroller .rightLink {float:right}
 
.titleSearch {float:left; width:712px; border-bottom:1px #DDD solid; padding-bottom:5px}
 .titleSearch h3 {float:left; width:auto !important; border:0}
 .titleSearch form {float:right; width:340px; border:0; padding-top:10px}
 .titleSearch form label {font-size:16px; padding-top:5px; float:left; font-weight:bold}
  .titleSearch form input {float:none; vertical-align:middle}
  .titleSearch form input.text {width:225px}
  .titleSearch form input.btnSubmit {vertical-align:middle}
  .titleSearch .btnsBlue {margin-top:12px}

img.btnSubmit.searchButton { margin-left: 3px;}

/* no img corners */
.b1, .b2, .b3, .b4 {display:block;background:#FFF; overflow:hidden; height:1px}
.b1 {margin:0 5px}
.b2 {border-width:0 2px; margin:0 3px}
.b3 {margin:0 2px}
.b4 {height:2px; margin:0 1px}

/* note: changed color on next two lines from: #DDD; not sure why that color was involved, not from orignal design*/

.arr {border-left:1px solid #DEE2E7; display:block; margin:0 0 -1px 20px; position:relative; width:20px; padding-top:1px}
 .ar1, .ar2, .ar3, .ar4, .ar5, .ar6, .ar7 {display:block; background:#FFF; overflow:hidden; height:1px; border-right:2px solid #DEE2E7; width:1px} 
 .ar1 {background:#DDD}
 .ar2 {width:3px}
 .ar3 {width:5px}
 .ar4 {width:7px}
 .ar5 {width:9px}
 .ar6 {width:11px}
 .ar7 {width:13px}
/*  // no img corners */

.size36 {font-size:36px; font-weight:bold; float:left; padding:50px 0 10px 0}
.homeTitle {font-size:18px; font-weight:bold; clear:both}
.buttonCenter {width:220px; margin:0 auto}
.buttonCenter p {font-size:18px; letter-spacing:-1px; padding-bottom:5px; float:left}
.buttonCenter a {display:block; clear:both}
.homePage {border-top:1px #D8E6F1 solid; padding-top:20px; margin-top:70px}

.boxPlanOrganizator { }
 .boxPlanOrganizator .imgCont {float:left; padding:4px 2px; margin: 0 10px 0 0; }
 .boxPlanOrganizator .imgCont img.large_avatar, #current_friends_list img.large_avatar, #pending_friends_list img.large_avatar { height: 70px; width: 70px; }
 .boxPlanOrganizator h1 {font-size:32px; margin:0; padding:13px 0 0 0; font-weight:bold}
 .boxPlanOrganizator p span.pipe {color:#CCC}

div.listOfUsersWithRightButton .articleCont { width:340px }
div.listOfUsersWithRightButton .articleCont div.rightButton { margin-top:10px; float:right;}

.toolbox {padding:10px 0 0 0}
 .toolbox .b1, .toolbox .b2, .toolbox .b3, .toolbox .b4, .toolboxCont {background:#EFF5F9}
 .toolbox  h4 {margin:0; padding:0 10px 0 0; font-size:14px; font-weight:bold; float:left}
 .toolboxCont {padding:5px 10px; width:692px; overflow:hidden}
 .toolboxCont .btnsBlue { margin-right: 13px;}
 .toolboxCont .btnsBlue.last { margin-right: 0px;}

.buttons {padding-top:10px; float:left; width:100%}
 .buttons .btnsBlue {float:right}
  .buttons input {float:right; width:auto; font-size:14px; font-weight:bold; padding:0; margin:10px 0 0 0; background:none; border:0; color:#147AE0}
.comment input {font-size:12px}
.comment .btnsBlue input {padding:10px 15px 11px 15px !important;}


.btnsBlue {float:left; margin:0; white-space:nowrap; cursor: pointer;}
.btnsGray {float:left; margin:0; white-space:nowrap; cursor: pointer; padding: 8px 16px}
.btnsBlue.invite {padding: 0; font-size: 14px;}
 .btnsBlue a, .btnsBlue input {background:url(/images/btn_right.gif) no-repeat right top;display:block; color:#147AE0; text-decoration:none; font-weight:bold}
 .btnsBlue a span, .btnsBlue input span {background:url(/images/btn_left.gif) no-repeat; padding:2px 5px; margin:0 0 0 -4px; display:block; font-size:12px}
 .btnsBlue .bigBtns {background:url(/images/bigBtn_right.gif) no-repeat right top}
 .btnsBlue .bigBtns span {background:url(/images/bigBtn_left.gif) no-repeat; padding:10px 30px}
 .btnsBlue.invite .bigBtns span {background:url(/images/bigBtn_left.gif) no-repeat; font-size:16px; padding:6px 0px;}

/* .btnsBlue a span .img {margin:0; padding:0 0 0 20px; background:url(/images/bg_arror_back.gif) no-repeat 2px 3px}*/

.btnsBlue {float:left; margin:0; white-space:nowrap}
 .btnsBlue a {background:url(/images/btn_right.gif) no-repeat right top; display:block; color:#147AE0; text-decoration:none; font-weight:bold}
 .btnsBlue a span {background:url(/images/btn_left.gif) no-repeat; padding:2px 5px; margin:0 0 0 -4px; display:block; font-size:12px}
 .btnsBlue a.bigBtns {background:url(/images/bigBtn_right.gif) no-repeat right top}
 .btnsBlue a.bigBtns span {background:url(/images/bigBtn_left.gif) no-repeat; padding:10px 30px}
 .btnsBlue a span .img {margin:0; padding:0 0 0 20px; background:url(/images/bg_arror_back.gif) no-repeat 2px 3px}
 .btnsBlue a:hover {background-position:right -38px; color:#FFF}
 .btnsBlue a.bigBtns:hover {background-position:right -50px}
 .btnsBlue a:hover span {background-position:left -38px}
 .btnsBlue a.bigBtns:hover span {background-position:left -50px}
 .btnsBlue a:hover span .img  {background-position:2px 3px}
 .btnsBlue img {vertical-align:middle}
 .twoLines {white-space:normal}
  .twoLines input {padding:1px 5px 5px 5px !important; width:120px;}

 .btnsBlue input.bigBtns:hover {background-position:right -50px}
 .btnsBlue input.bigBtns:hover span {background-position:left -50px}

.resetBtn {cursor:pointer}
.btnsBlue {cursor:pointer}
 .btnsBlue input {margin:0; padding:0; cursor:pointer; background:none; border:none; color:#147AE0}
.btnsBlue:hover .leftSpan, .hover .leftSpan {background-position:left -52px}
.btnsBlue:hover .rightSpan, .hover .rightSpan {background-position:right -52px}
.btnsBlue:hover input, .hover input {color:#FFFFFF}
.btnsBlue .leftSpan {background:url(/images/bigBtn_left.gif) no-repeat left top; padding:0 4px; display:block; float:left}
 .btnsBlue .leftSpan input {float:left; padding:10px 5px 11px 5px; font-weight:bold; font-size:14px}
 .btnsBlue .rightSpan {background:url(/images/bigBtn_right.gif) no-repeat right top; float:left; display:block}

.bigButton {padding-top:42px}
 .bigButton .btnsBlue {white-space:normal}
  .bigButton .btnsBlue span {font-size:20px}
 .bigButton .btnsBlue input.bigBtns {background:url(/images/big_right.gif) no-repeat right top}
  .bigButton .btnsBlue input.bigBtns span {background:url(/images/big_left.gif) no-repeat; line-height:100%; padding:15px 30px}
 .bigButton .btnsBlue input.bigBtns:hover {background-position:right -96px}
 .bigButton .btnsBlue input.bigBtns:hover span {background-position:left -107px}

.topButtons a  {margin:0 5px 0 0; text-decoration:none}
	.topButtons a#organize-button { display:block; float: right; width: 81px; height:71px; }
	.topButtons a#share-button { display:block; float: left; width: 81px; height:71px; }
	.topButtons a#organize-button.active { background: url(/images/organize_mode_active.gif); margin-top:1px; }
	.topButtons a#organize-button.inactive { background: url(/images/organize_mode_inactive.gif); }

/*.boxWhenWhere {margin:0 10px 0 0; padding:15px 0 5px 0}*/
.boxWhenWhere {margin:0 10px 0 0; padding:15px 0 5px 0}

.bigBlock .boxWhenWhereSUB {padding-bottom:30px; }
 .boxWhenWhere .b1, .boxWhenWhere .b2, .boxWhenWhere .b3, .boxWhenWhere .b4 {background:#fff; border-right:1px solid #DDD; border-left:1px solid #DDD}
 .boxWhenWhere .b1 {background:#DDD}
 .boxWhenWhere h3 span {font-size:11px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; padding: 0 0 0 5px}
 .boxWhenWhere h4 {font-size:19px; margin:0; padding:0; color:#390 }
 div.boxWhenWhere.planspace h4 {font-weight: bold; font-size: 14px;}

 .boxWhenWhere h4 a {color:#390}
 .boxWhenWhere h4.blue a {color:#147AE0}
 .boxWhenWhere .btnsBlue {padding:5px 0 0 5px}

 .boxWhenWhereSUB {background:#FFF; border-right:1px solid #DDD; border-left:1px solid #DDD; padding:5px 10px}
 .boxWhenWhereSUB p {font-size:10px; font-family:Tahoma, Arial, Helvetica, sans-serif; margin:0; padding:2px 0}
 .boxWhenWhereSUB p.rKarma,  .boxWhenWhereSUB p.rKarmaD {float:right; padding:25px 5px 0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:9px; color:#4A546C; background:url(/images/icon_check.gif) no-repeat center 7px}
 .boxWhenWhereSUB p.rKarmaD {background:url(/images/icon_checkDisabled.gif) no-repeat center 7px}
 .boxWhenWhereSUB .spaser {padding:5px 0}
 .buttonIn {padding:0 2px 1px 2px; padding /**/:0 2px}
 .buttonIn .bigNummber {font-size:34px; float:left; padding-left:8px}
 .buttonIn .more {color:#147AE0; font-size:12px; display:block; float:left; padding:25px 0 0 10px}
  .buttonIn .btnsBlue {position:relative; clear:both; padding-top /**/:0; bottom:-4px}
   .buttonIn .btnsBlue input.bigBtns:hover {background-position:right -52px}
	.buttonIn .btnsBlue input.bigBtns:hover span {background-position:left -52px}


	div#polls .btnsBlue.add-poll { padding:4px 0 0 4px;}
	div#polls label { padding-left: 0; }
	div#polls .boxWhenWhere {padding-top:0;}
	div#polls input.cancel { background: none; border: none; float: left; display: inline; width: 50px; margin-top: 3px;}
	div.poll-new-option textarea, div#new-poll textarea { width: 140px; height: 3em;}
	div.poll-new-option input, div#new-poll input { width: 140px;}
	div.poll-new-option .spaser, div#polls .spaser  {padding: 10px 0;}
	div.poll-new-option .btnsBlue.unpadded, div#polls .btnsBlue.unpadded { margin-left:27px;}
	

.column2 {clear:both; padding-bottom:20px; margin-bottom:10px; border-bottom:1px #DDD solid}
 .column2 .boxWhenWhere {margin-right:0}
  .column2 .boxWhenWhereSUB {padding:20px 10px}
.noFloat {float:none; width:auto}
.noFloat span {padding:10px 25px !important}

.back, .backBig {font-size:14px; padding:10px 0; clear:both}
.back img, .backBig img {vertical-align:middle; margin-right:5px}
.backBig {font-size:20px !important}
 .back a, .backBig a {text-decoration:none; color:#147AE0; font-weight:bold; line-height: 24px;}
 .margin {padding:20px 0 0 0}
.backBig.planTitle { }
.bigText {font-size:32px; font-weight:bold; width:700px; margin-top:20px; float:right}


.bigH {font-size:34px; font-weight:bold; margin:0; padding:0}
.bigTitle {font-size:30px; font-weight:bold; padding-bottom:20px; line-height: 1.1em;}
.borderLeft {border-left:1px #ebebeb solid}
.globalLeft {float:left; padding-right:20px}
.globalP {font-size:20px; color:#333; font-weight:bold; padding:20px 0 0 0}
.botderTop {border-top:1px #ebebeb solid; padding-top:15px; height:1%; height/**/ /**/:/**/auto; min-height:1px}
.noTopBorder { border-top:none; }


.todayActivitiesLeft img.avatar { width: 50px; height: 50px;}

.globalRight {float:right; padding-left:20px; margin-top:0px;}
.smallArticle .bigTitle {font-size:30px; font-weight:bold; padding:0 0 4px 0}
.smallArticle p {font-size:12px; font-weight:normal; padding:0}
.smallArticle p.sub {margin-left:4px;}
 
 .boxWhenWhereSUB .checkGreen {color:#390; float:left; font-size:12px; font-weight:bold; width: 120px;}
  .boxWhenWhereSUB .checkGreen span {display:block; clear:both; font-size:10px; font-weight:normal}
 .boxWhenWhereSUB .checkBlue {color:#147AE0; float:left; font-size:12px; font-weight:bold}
  .boxWhenWhereSUB .checkBlue span {display:block; clear:both; font-size:10px; font-weight:normal; color:#666}

 .boxGreen {margin:0}
  .boxGreen .boxWhenWhere {padding:0 0 0 5px}
  .boxGreen h4 {color:#FFF} 
 	.boxGreen h4 {background:url(/images/whiteArrowBottom.gif) no-repeat right center}

	.boxGreen .ar1, .boxGreen .ar2,  .boxGreen .ar3, .boxGreen .ar4, .boxGreen .ar5, .boxGreen .ar6, .boxGreen .ar7  {background:#0C3; border-color:#0C0}
  .boxGreen .b1, .boxGreen .b2, .boxGreen .b3, .boxGreen .b4, .boxGreen .boxWhenWhereSUB { background:#0C3; border-color:#0C0}
  .boxGreen  .arr  {border-color:#0C0}

.usersList {clear:both; margin:0; padding-bottom:10px; line-height: 1.2;}
 .usersList li {margin:0; padding:0; float:left; width:100%; list-style:none}
  .usersList li img {float:left; margin:5px 5px 0 0; height: 24px; width: 24px;}
  .usersList li p {margin:0 0 10px 0; padding:0 0 5px 0;/* border:1px #fff solid; border-bottom:1px #DDD solid; */} 		
   .usersList li span {font-size:11px; color:#999}
	.usersList td { padding-bottom: 6px;}
	
.boxArticle {border-right:none; float:left; width:501px; padding:0 15px 0 0}
.boxArticle#planspace {width:681px;}
 .boxArticle h2 {margin:0; padding:0; font-size:20px; font-weight:bold; color:#333}
 .boxArticle .imgCont {float:left; padding-right:15px}

.clear {clear:both; display:none; height:1px; font-size:1px; line-height:1px; margin:0 !important; padding:0; overflow:hidden; border:1px solid red}
.clearAll {clear:both}
.spaser {clear:both; margin:0; padding:0; padding:20px 0}
.activitySpacer { width: 700px;}
.spaser.noBottom { padding-bottom: 0;}
.spaser span {height:1px ; font-size:1px; line-height:1px; display:block; overflow:hidden; background:#edeff1}

form#new-comment textarea { height: 50px; }

.comment {float:left; height:1%; height /**/:auto}
 .comment h2 {float:left}
 .comment p {float:left}
 form.comment p {padding-top:5px}
 form.comment p span img {padding-top:2px}
  .comment p span {color:#9FB7D4; font-size:16px; }
  .comment p a.rss {float:none;}
  .comment p a img {margin:0 10px 0 0}
 .comment .checkOrRadio {vertical-align:middle}
 .comment label {padding-left:5px; float:left}

.columnComments {padding-bottom:10px; float:left}
 .columnComments .blueComments, .columnComments .greyComments {width:435px; position:relative; float:left; height:1%; height /**/:auto}
 .columnComments .b2, .columnComments .b3, .columnComments .b4, .columnComments .commentsSub {border-width:1px; border-top-width:0; border-bottom-width:0; border-style:solid}
 .columnComments .arrowComments {position:absolute; left:-8px; top:20px; z-index:900}
  .columnComments .commentsSub {height:1%; height /**/:auto; padding:4px 15px; min-height: 50px;}
  .columnComments .commentsSub .commentsContent {font-size:14px; /*font-style:italic;*/ color:#333; }
	.columnComments .commentsSub .commentsContent p { margin-bottom: 10px;}
	.columnComments .commentsSub .commentsContent p.name { margin-bottom: 0px;}
  .columnComments .commentsSub .name {font-size:11px; color:#333; padding-top: 4px;}
   .columnComments .commentsSub .name a {text-decoration:none; color:#06c; } 
  .columnComments .commentsSub .systemText {font-weight: bold;}
  .columnComments .commentsSub .systemText .postFinalized span {background: #66D500; color:white;}

 .blueComments .b2, .blueComments .b3, .blueComments .b4 {background:#E5F2FF; border-color:#BCDEFF}
 .blueComments .b1 {background:#BCDEFF}
 .blueComments .top .b2, .blueComments .top .b3, .blueComments .top .b4 {background:#F9FCFF}
  .blueComments .commentsSub {background:#E5F2FF url(/images/bg_blueComments.gif) repeat-x left top; border-color:#BCDEFF}

 .greyComments .b2, .greyComments .b3, .greyComments .b4 {background:#F7F7F7; border-color:#EBEBEB}
 .greyComments .b1 {background:#EBEBEB}
  .greyComments .commentsSub {background:#F7F7F7; border-color:#EBEBEB}


.imgComments {float:left; padding:0 15px 0 0; padding-right /**/:17px}
.imgComments img {margin:0; height: 48px; width: 48px;}
.imgComments span {clear:both; display:block; font-size:12px; font-weight:bold; padding-top:3px; width:47px; text-align:center; line-height: 12px;}
 .imgComments span.red {color:#c00}
 .imgComments span.green {color:#390}

.titleB {margin:0; padding:15px 0 5px 0; clear:both; border-bottom:1px #DADEE5 solid; display:table; width:100%; height:1%; height/**/ /**/:/**/auto; min-height:1px; font-size:18px; color:#333; font-weight:bold}
 .titleB span {float:left; padding-bottom: 9px;}
 .titleB a {color:#147AE0;}
 .titleB strong {color:#000}

#homepage_right_side .titleB { padding-top: 5px;}

.usersBlock {float:left; width:100%}
.users {margin:0; padding:0; float:left; width:100%; height/**/ /**/:/**/auto; background:#FFF; }
 .users li {margin:0; padding:4px 0; list-style:none; float:left; width:100%; clear:both; border-bottom:1px #f1f3f5 solid}
 #potentialFriends .users li {padding-bottom: 8px; border-bottom: 1px #f1f3f5; }
 #potentialFriends .users li a {font-size: 14px; }
 .users li.dark {background-color:#F8F8F8}
 .users li img {vertical-align:middle; float:left; margin:0 5px 0 0}
 .users li a {text-decoration:none; display:block; color:#147AE0}
  .users li a strong {padding-top:3px; display:block}
html:root*.users li a strong {padding-top:4px}
.userBoxTwo .users li {float:none} 
.userBoxTwo .users li a {line-height:100%;} 
 .users li a.creator, .users li a.you, .users li a.latest {background-image:url(/images/user.gif); background-repeat:no-repeat}
  .users li a.creator {background-position:right 5px}
  .users li a.you {background-position:right -30px}
  .users li a.latest {background-position:right -62px}
  .users li a.bouncing {text-decoration:line-through;color:#999;}

.become {font-size:12px; font-weight:bold; color:#147AE0}

.scroller {padding-top:5px; float:left; width:100%}
 .scroller a {text-decoration:none; padding-top:3px}
 .scroller a.left {float:left}
 .scroller a.right {float:right}
 .scroller .bullet {text-align:center}
 
.userBox {}
 .userBox .title {font-size:22px; margin:0; padding:0; color:#333; font-weight:bold}
  .userBox .title span {font-size:18px; color:#999}
 .userBox .btnsBlue {padding-left:4px}
 .userBox p.probably, .userBox p.probnot, .userBox p.red, .userBox p.green, .userBox p.blue {padding:10px 0 5px 0; float:left; width:100%; border-bottom:1px #DADEE5 solid}
  .userBox p.probably a,.userBox p.probnot a, .userBox p.red a, .userBox p.green a, .userBox p.blue a, .userBox p#organizers a {text-decoration:none; font-size:16px; font-weight:bold; display:block; background-image:url(/images/topBottomArrow.gif); background-repeat:no-repeat}
  .userBox p a.hideArrow {background-image:none}
  .userBox p.probably span, .userBox p.probnot span,.userBox p.red span, .userBox p.green span, .userBox p.blue span, .userBox p span.spanGreen {padding-left:5px; font-size:12px; color:#dadee5}
  .userBox p span.spanGreen {color:#390}

  .userBox p.red a {color:#c00}
  .userBox p.green a {color:#390}
  .userBox p.probnot a {color:#FFB395}
  .userBox p.probably a {color:#A0C539}
  .userBox p.blue a {color:#07448F}
  .userBox p#organizers a {color:#111}

    .topArrow {background-position:right 12px}
    .bottomArrow {background-position:right -11px}
    .greyTopArrow {background-position:right -33px}
    .greyBottomArrow {background-position:right -60px}

.userLogin {float:left; padding:25px 0 5px 0}
 .userLogin .userImg {margin:0; padding:10px 10px 0 0; float:left}
 .userLogin .userImg img { width: 52px; height: 52px; }
 .userLogin .userInfo {float:right; width:150px}
  .userLogin .userInfo .userName {color:#1C2933; margin:0; padding:0; font-size:20px; line-height: 18px; font-weight:bold; margin-top:10px;}
  .userLogin .userInfo ul {margin:0; padding:0; float:left; width:100%}
   .userLogin .userInfo ul li {margin:0 5px 0 0; padding:0 5px 0 0; list-style:none; float:left; border-right:1px #2580D9 solid}
   .userLogin .userInfo ul li.last {border:0}
    .userLogin .userInfo ul li a {text-decoration:none; color:#2580D9; font-family:Tahoma, "Arial Black", sans-serif; font-size:10px; font-weight:bold}

 .userLogin .userInfo .inbox {clear:both; text-decoration:none; color:#06c; font-family:Tahoma, "Arial Black", sans-serif; font-size:9px}
  .userLogin .userInfo .inbox img {vertical-align:middle; margin-right:5px}
  
.sidebar-calendar {margin-top:10px}
 .sidebar-calendar .subCalendar {background:#fff; border-left:1px #CBE1F2 solid; border-right:1px #CBE1F2 solid; float:left; padding:0 3px 50px 4px; position:relative}
 .sidebar-calendar .clip {position:absolute; left:-1px; bottom:0}
 
 .sidebar-calendar .month {text-align:center; font-size:20px; color:#147AE0; font-weight:bold}
  .sidebar-calendar .month a {text-decoration:none; color:#147AE0; font-size:22px}
  .sidebar-calendar .month a.left {padding-right:15px}
  .sidebar-calendar .month a.right {padding-left:15px}
  
  .sidebar-calendar .marTB {padding:15px 0 20px 0; border-top:1px #F1F7FF solid; border-bottom:1px #F1F7FF solid}
  .sidebar-calendar table {width:100%; font-size:11px}
  .sidebar-calendar table th {color:#424242; font-size:9px; font-weight:bold}
  .sidebar-calendar table th.holiday {color:#4891FF}

  .sidebar-calendar table td {border:1px #fff solid}
   .sidebar-calendar table td a {text-decoration:none; display:block; width:27px}
    .sidebar-calendar table td a .b2, .sidebar-calendar table td a .b4 {border-color:#DFEEFF; border-width:1px; border-bottom-width:0; border-top-width:0; border-style:solid; margin:0 1px}
	.sidebar-calendar table td a .b1, .sidebar-calendar table td a .b3 {background-color:#DFEEFF; margin:0 2px}
    .sidebar-calendar table td a span {display:block; padding:3px 0; text-align:center; color:#535C73; border-width:1px; border-bottom-width:0; border-top-width:0; border-style:solid; border-color:#DFEEFF}

	.sidebar-calendar table td.holiday a span {color:#0267FF}
	.sidebar-calendar table td.disabled a span {color:#E0E2E6}
	.sidebar-calendar table td.holidayDisabled a span {color:#CEE1FF}

	.sidebar-calendar table td.plan a .b2, .sidebar-calendar table td.plan a .b4, 
	.sidebar-calendar table td.plan a .b1, .sidebar-calendar table td.plan a .b3, 
	.sidebar-calendar table td.plan a span {border-color:#B8D7F6; background:#B8D7F6; font-weight:bold; color:#096FD3; text-decoration:underline}
	
	.sidebar-calendar table td.today a .b2, .sidebar-calendar table td.today a .b4, 
	.sidebar-calendar table td.today a .b1, .sidebar-calendar table td.today a .b3, 
	.sidebar-calendar table td.today a span {border-color:#FFE57F; background:#FFE57F; font-weight:bold; color:#c60} 
  
.sidebar-calendar table td a.selected-day span {color: orangered;}

.sidebar-calendar .legend {margin:0; padding:5px 0 0 0}
 .sidebar-calendar .legend li {margin:0; padding:0 10px 0 15px; font-size:11px; list-style:none; float:left; background-image:url(/images/bullet.gif); background-repeat:no-repeat}
 .sidebar-calendar .legend li.today {background-position:left 4px}
 .sidebar-calendar .legend li.plan {background-position:left -16px}
 .sidebar-calendar .legend li.holidays {background-position:left -37px}
 
 
.plans {padding:0 10px 10px 10px; float:left; position:relative; background:#fff; border-left:1px #D3E3F2 solid; border-right:1px #D3E3F2 solid}
 .article {padding:1px 0 5px 0; border-bottom:1px solid #edeff1; float:left; width:100%; margin-bottom: 5px;}
  .article .imgCont {float:left; padding:4px 10px 0 0; }
	.article .avatar { width: 24px; height: 24px; }
  .article .articleCont {display:table; height:1%; height /**/:auto; min-height:1px; font-size:11px}
   .article .articleCont p {margin:0; padding:0}
   .article .articleCont .title {font-size:16px; color:#147AE0; font-weight:bold; text-decoration:none; line-height: 20px}
   .globalLeft .article .articleCont .title {font-size:20px; }
   .article .articleCont .date {font-size:14px; color:#000}
   .article .articleCont .by {color:#666}
    .article .articleCont .by a {color:#FF8000; text-decoration: underline; padding-left:5px}
   .article .articleCont .btnsBlue {padding:0}
/*    .article .articleCont .btnsBlue span {padding:2px 4px 4px 4px; margin:0}*/
    .article .articleCont .btnsBlue span {padding:2px 4px 4px 4px;font-size:10px} /*removed margin0 to fix rounding on small buttons */

 .bigArticle {padding:5px 0; float:left; width:100%}
  .bigArticle .imgCont {float:left; padding:0 20px 0 0}
  .bigArticle .articleCont {display:table; height:1%; height /**/:auto; font-size:11px}
   .bigArticle .articleCont p {margin:0; padding:0; font-weight:normal}
   .bigArticle .articleCont .title {font-size:30px; line-height:90%; color:#147AE0; font-weight:bold; text-decoration:none}
   .bigArticle .articleCont .date {font-size:24px; color:#000; line-height: 1;}
   .bigArticle .articleCont .by {color:#666; font-size:12px; font-weight:normal}
    .bigArticle .articleCont .by a {color:#147AE0; text-decoration:underline}
   .bigArticle .articleCont .cont {font-size:14px}
 
 .borderCont .articleCont {width:235px}
  .borderCont .articleCont .date {line-height:80%; padding-top:15px}
  .borderCont .articleCont .cont {border-bottom:1px #DDD solid; padding-bottom:10px; margin-bottom:10px}
  .borderCont .articleCont .bottomA {color:#147AE0; font-size:20px; font-weight:bold}
	
.link {margin:0 0 20px 0; padding:10px 0; float:left; width:100%; border-bottom:2px solid #DADEE5}
 .link a {text-decoration:none; color:#147AE0}
 
.sitebar .boxWhenWhere {margin:0}
 .sitebar .boxWhenWhere .b1, .sitebar .boxWhenWhere .b2, .sitebar .boxWhenWhere .b3, .sitebar .boxWhenWhere .b4 {background:#fff; border-right:1px solid #BDCDDE; border-left:1px solid #BDCDDE}
 .sitebar .boxWhenWhere .b1 {background:#BDCDDE} 
 .sitebar .arr {border-left:1px solid #BDCDDE; }
 .sitebar .ar1, .sitebar .ar2, .sitebar .ar3, .sitebar .ar4, .sitebar .ar5, .sitebar .ar6, .sitebar .ar7  {border-right:2px solid #BDCDDE}
 
 .greyBlock .arr b {background:#F6F7F8}
  
  .sitebar .boxWhenWhereSUB {border-left:1px solid #BDCDDE; border-right:1px solid #BDCDDE}
   .sitebar .boxWhenWhereSUB p {color:#147AE0; margin:0; padding:0; font-size:12px; padding: 4px 4px 10px; margin-bottom:10px; border-bottom:1px #DDD solid}
   .sitebar .boxWhenWhereSUB p.last { margin-bottom: 0; border-bottom: none;}
   
.partner {margin:0; padding:5px 0 0 0}
 .partner li {margin:0; padding:3px 0; border-bottom:1px #D8E6F1 solid; list-style:none}
 .partner li.last {border-bottom:0}
  .partner li a {text-decoration:none; color:#147AE0; font-size:12px; font-weight:bold; display:block}
   .partner li img {vertical-align:middle; margin-right:5px; width: 16px; height: 16px;}
   
.footer {padding-top:40px; width:997px; clear:both}
.footerHome {padding:0}
 .footer p {margin:0; padding:0}
 .footer .boxArticle {padding:0 15px 0 0; width:auto; margin:0 15px 80px 0; border-right:1px #D1D6DC solid}
 .footer strong {font-size:11px; color:#333; padding-bottom:5px; display:block}
 .footer .spaser {padding:0 0 10px 0}
  .footer .spaser span {background:#D1D6DC}

 .footer .footerText {font-size:14px; line-height:120%; margin:0; padding:0 0 10px 0; font-weight:bold; color:#147AE0}
 .footer .footeLink {margin:0; padding:20px 0 0 0}
  .footer .footeLink li {margin:0; padding:0 10px 0 0; list-style:none; float:left; color:#147AE0}
  .footer .footeLink li.rss {border-left:1px #A0C2F2 solid; padding:5px 0 10px 10px}
   .footer .footeLink li.rss img {vertical-align:middle; margin-right:10px}
   .footer .footeLink li a {text-decoration:none; display:block; font-size:12px; color:#147AE0; font-weight:bold}


.footerBlue {width:100%; float:left}
 .footerBlue .b1, .footerBlue .b2, .footerBlue .b3, .footerBlue .b4, .footerBlueSub {background:#7AB5EF; border-right:1px solid #7AB5EF; border-left:1px solid #7AB5EF}
 .footerBlue .footerBlueSub {float:left; width:994px}
 .footerBlue ul {margin:0 auto; width:950px;  text-align:center; min-height:1px; padding:0 0 0 50px; padding /**/:0}
  .footerBlue ul li {margin:0; padding:0 9px 0 0px; list-style:none;/* float:left; */ display:inline; font-size:16px; color:#FFF}
   .footerBlue ul li a {color:#fff; text-decoration:none; font-size:12px; padding-right:9px; font-weight:bold}
   .footerBlue ul li.last  a{ padding:0}
   
 .copy {margin:0 auto; display:table;clear:both; padding:50px 0 30px 0}
 .copy p {display:table; height:1%; height /**/:auto; font-size:10px; color:#FFF; margin:0; padding:0}
 .copy .date {float:left; padding:7px 10px 0 0}


/* popups */
.bluePopup { }
 .bluePopup .b1, .bluePopup .b2, .bluePopup .b3, .bluePopup .b4, .bluePopup .subBluePopup { border-left:1px #3BA1EA solid; background:#3BA1EA }
 .bluePopup .subBluePopup {padding:30px 15px 30px 20px; color:#FFF; font-size:11px; line-height:normal}
 .bluePopup .titleBluePopup {padding:0; margin:0; font-size:21px; font-weight:bold; border-bottom:1px #8BCBFD solid}
  
  .bluePopup form fieldset {float:none}
   .bluePopup form p {clear:both; margin:0; padding:15px 0 20px 0}
   .bluePopup form a {text-decoration:none; color:#FC0; font-weight:bold}
   .bluePopup form label {display:block; font-size:14px; clear:both; padding:8px 0 2px 0; padding-bottom:0; margin-bottom:0 ;}
   .bluePopup form input { padding:3px 5px; float:left}
   .bluePopup form select {float:left; margin-right:5px}
   .bluePopup form select.bigSelect {width:90px}
   .bluePopup form span {font-size:11px; float:left; width:74px}
   .bluePopup form .forgot {margin:10px 0 0 0; padding:5px 0 0 0; float:left; width:100%; font-size:12px; border-top:1px #8BCBFD solid}
    .bluePopup form .forgot a {color:#fff; font-weight:bold; text-decoration:underline}
   .bluePopup form .checkOrRadio {float:left; width:100%}
	.bluePopup form .checkOrRadio input {width:auto; float:left; margin:0; padding:0}
	.bluePopup form .checkOrRadio label {clear:none; white-space:nowrap; font-size:11px; font-weight:normal; float:left; margin:0; padding:3px 0 0 3px; padding /**/:0 0 0 3px}

   .bluePopup form .popupBtn {width:auto; font-size:20px; font-weight:bold; padding:0; margin:3px 0 0 0; margin /**/:5px 0 0 5px; background:none; border:0; color:#FFF}
   .bluePopup form .popupRedBtn {float:left; white-space:nowrap; background:url(/images/popupBtnLeft.gif) no-repeat left top; margin:0; padding:0 0 0 19px}
   .bluePopup form .popupRedBtn a {display:block; float:left; background:url(/images/popupBtnRight.gif) no-repeat right top; padding:3px 19px 11px 0; font-size:22px; color:#fff}


.loginOrRegPage {width:600px; margin:50px auto 0 auto}
 .loginOrRegPage .login {float:left; width:200px}
 .loginOrRegPage .registration {float:right; padding-left:40px; border-left:1px #90CEFE solid; width:320px}
  .loginOrRegPage .titleBluePopup {font-size:35px; border-bottom:0}
  .loginOrRegPage form .popupBtn, .loginOrRegPage .bluePopup form a {color:#52A2EE}
  .loginOrRegPage form .popupRedBtn a {color:#FFF}

.whitePopup {}
 .whitePopup .whitePopupSUB {padding:10px 0 0 0; background:#fff; border-right:1px solid #8F9CAD;  border-left:1px solid #8F9CAD}
 .whitePopup .b1, .whitePopup .b2, .whitePopup .b3, .whitePopup .b4 {background:#fff; border-right:1px solid #8F9CAD; border-left:1px solid #8F9CAD}
 .whitePopup .b1 {background:#8F9CAD}
 .whitePopup .arr b {border-color:#8F9CAD !important}
 .whitePopup .bottom .b2, .whitePopup .bottom .b3, .whitePopup .bottom .b4 {background:#8F9CAD}
 .whitePopup .bottom2 .b2, .whitePopup .bottom2 .b3, .whitePopup .bottom2 .b4 {background:#EDEFF1; margin:0}
 .whitePopup .bottom2 .b4 {border-width:2px}
 .whitePopup .bottom2 .b3 {border-width:3px}
 .whitePopup .bottom2 .b2 {border-width:4px}
 .whitePopup .bottom2 .b1 {border-width:5px}
 .whitePopup .back {clear:none; float:left; width:150px; padding-top:0}
 .whitePopup .back2 {margin:0; padding:0 0 15px 0; float:left}
 .whitePopup .back2 img {float:left; margin:3px 5px 0 0}
 .whitePopup .back2 a {color:#147AE0; font-size:14px; font-weight:bold; width:140px; float:left}
 .whitePopup .back .a16 {font-size:16px}
 .whitePopup .popupTextSmall {width:250px}
 .whitePopup .backDate {float:left; padding-top:5px; width:120px}
  .whitePopup .backDate a {font-size:16px; color:#147AE0; font-weight:bold}
  .whitePopup .backDate img {vertical-align:middle; margin-right:5px}
 .whitePopup .setMarg {padding:10px 0; margin-right:15px}
 .whitePopup .img {width:170px; margin:0 auto; float:none}
  .whitePopup .img img {float:left}
  .whitePopup .img strong {width:110px; float:left; display:block}
 .whitePopup .auto {width:100%; float:none}
 .whitePopup .border {border-bottom:1px #C4CBD2 solid; margin-bottom:5px}
 .whitePopup .whitePopupBtn {background:#EDEFF1; padding-top:10px}
  .whitePopup .whitePopupBtn .btnsBlue input {padding:10px 15px 11px !important}
 .whitePopup div.whitePopupBtn {background:none}
 .whitePopup .borderLeft {border-left:1px #BFC7D0 solid}
  .whitePopup .whitePopupBtn div {float:right; margin-right: 20px;}
  .whitePopup .whitePopupBtn .popupBtn {color:#0066FF; border:0; width:auto; background:#DDD; font-size:14px; font-weight:bold; margin:10px 0 0 5px}

div#merge_account .whitePopup {width: 300px}

.popupLeftBottom {position:absolute; left:1px; top:-3px}
.popupRightBottom {position:absolute; right:1px; top:-4px}
.fix {width:440px}
 
	.smallWhitePopup .whitePopupSUB, .smallRedPopup .whitePopupSUB {background-image:none}
	.smallWhitePopup .smallWhitePopupTitle {font-size:14px; padding-bottom:5px}
	.smallWhitePopup .tags {width:250px}
	.smallWhitePopup .tags a {font-weight:bold; padding-right:5px; font-size:16px}
	.smallWhitePopup .whitePopupBtn {width:auto; padding-top: 10px; padding-bottom: 10px;}
	.smallWhitePopup .whitePopupBtn .popupBtn {background:#fff; margin-top:0}

	div#rsvp-bubble .firstItem {padding-bottom:14px; background: url(/images/whiteArrowTop.gif) no-repeat 90% 50%;}
	.popup_closed div#rsvp-bubble .firstItem {padding-bottom:9px; background: url(/images/whiteArrowBottom.gif) no-repeat 90% 50%;}
  .arr .b1 {background:#DDD}
	
  .status_no .top .b2, .status_no .top .b3, .status_no .top .b4 {background:#C00}
  .status_no.popup_closed .bottom .b2, .status_no.popup_closed .bottom .b3, .status_no.popup_closed .bottom .b4 {background:#C00}
  .status_no .arr b {background:#C00}
  .status_no div#rsvp-bubble .firstItem { background-color:#C00; }
   
  .status_prob_not .top .b2, .status_prob_not .top .b3, .status_prob_not .top .b4 {background:#FFB395}
  .status_prob_not.popup_closed .bottom .b2, .status_prob_not.popup_closed .bottom .b3, .status_prob_not.popup_closed .bottom .b4 {background:#FFB395}
  .status_prob_not .arr b {background:#FFB395}
  .status_prob_not div#rsvp-bubble .firstItem {background-color: #ffb395;  }
   
  .status_yes .top .b2, .status_yes .top .b3, .status_yes .top .b4 {background:#0C3}
  .status_yes.popup_closed .bottom .b2, .status_yes.popup_closed .bottom .b3, .status_yes.popup_closed .bottom .b4 {background:#0C3}
  .status_yes .arr b {background:#0C3}
  .status_yes div#rsvp-bubble .firstItem {background-color:#0C3; }
   
  .status_prob .top .b2, .status_prob .top .b3, .status_prob .top .b4 {background:#A0C539}
  .status_prob.popup_closed .bottom .b2, .status_prob.popup_closed .bottom .b3, .status_prob.popup_closed .bottom .b4 {background:#A0C539}
  .status_prob .arr b {background:#A0C539}
  .status_prob div#rsvp-bubble .firstItem { background-color:#A0C539; }


	 	.yes { color: #339900}
		.prob { color: #0C3}
		.no { color:#C00 }
		.prob_not { color:#FFA07A }
		
    p.yes a {color:#339900 !important; }
    p.prob a {color:#88B707 !important; }
    p.prob_not a {color:#FFA07A !important; }
    p.no a {color:#C00 !important; }
 		div#rsvp-bubble p a{ font-size: 20px;}   
 		div#rsvp-bubble p {padding:5px 10px}
		div#rsvp-bubble p.firstItem span { font-size: 20px; color: #fff;}	
    div#rsvp-bubble a:hover {text-decoration:underline}

	p.smallText {font-size:11px !important; padding:0 0 5px 0}
	p#plus-friends {margin:3px}

 .smallBluePopup { z-index: 1000}
 .smallBluePopup .arr b {background:#147AE0}
 .smallBluePopup .b1, .smallBluePopup .b2, .smallBluePopup .b3,
 .smallBluePopup .b4, .smallBluePopup .smallBluePopupSub {background:#147AE0; border-left:1px #147AE0 solid; border-right:1px #147AE0 solid}
 .smallBluePopup .smallBluePopupSub {padding:10px}
  .smallBluePopup .smallBluePopupSub p {color:#FFF; font-size:11px; padding-bottom:5px;}


 .whitePopup .size20 {font-size:20px; font-weight:bold; padding-bottom:5px; margin:0 10px 10px 10px; }
  .whitePopup .size20 span {display:block; font-size:14px}
 .whitePopup .otherLabel {display:block; clear:both; font-size:12px; color:#000; padding:10px 0 5px 0}

 .whitePopup .popupCheckBox {clear:both}
  .whitePopup .popupCheckBox input {float:left}
  .whitePopup .popupCheckBox label {width:90px; font-size:12px; font-weight:bold; float:left}

  .whitePopup .popupText, .whitePopup .popupBigText {width:300px; color:#333; clear:both}
  .whitePopup .popupBigText {font-weight:bold; padding:3px 0; font-size:14px}

  .whitePopup .leftBorder {border-left:1px #BFC7D0 solid; padding-left:15px}
   .whitePopup .whitePopupleft {padding:0 10px; padding-bottom: 10px;}
   .whitePopup .whitePopupRight {border-left:1px solid #BFC7D0; padding:0 10px; padding-bottom: 10px;}
   .whitePopup .whitePopupRight .overflow div {font-size:11px; background:#FAFAFB; padding:5px}
   .whitePopup .whitePopupRight div.bagroundBlue {background:#F1F3F4}
   .whitePopup .whitePopupRight .strongTitle {font-size:12px; padding-bottom:5px; display:block}
   .whitePopup .whitePopupRight .overflow {width:240px; height:260px; overflow-y:auto; overflow/**/ /**/:/**/auto}

  .whitePopup .miniOverflow {width:310px; height: 150px; margin-bottom:15px; overflow-y:auto; overflow/**/ /**/:/**/auto; padding:5px}
  .whitePopup .miniOverflowBorder {border:1px #999 solid}
  .whitePopup p {line-height:19px; font-size:14px}  
  .whitePopup ul li {font-size:14px}  
   .whitePopup .miniOverflow.activityLogs {height: 300px;}

.whitePopup .sidebar-calendar {border:1px #E1E4E8 solid; clear:both; width:148px; margin-bottom:20px; padding:2px}
 .whitePopup .sidebar-calendar .month {font-size:12px}
  .whitePopup .sidebar-calendar .month a {font-size:16px}
 .whitePopup .sidebar-calendar table {font-size:9px; margin:0}
  .whitePopup .sidebar-calendar table td a {width:17px; border:1px #EEF6FF solid}
   .whitePopup .sidebar-calendar table td a span, .whitePopup .sidebar-calendar table th {padding:0; color:#333}
   .whitePopup .sidebar-calendar table td.holiday a span, .whitePopup .sidebar-calendar table th.holiday {color:#999}

 .whitePopup .radioList {margin:0; padding:0 0 40px 0; list-style:none}
  .whitePopup .radioList li label {font-size:10px; padding-left:0}
  .whitePopup .radioList li input {vertical-align:middle}
  
 .whitePopup .popupUsers {margin:0; padding:0; list-style:none}
  .whitePopup .popupUsers li {margin:0; padding:5px 0; width:280px; font-size:11px; clear:both; border-bottom:1px #edeff1 solid; display:table; height:1%; height/**/ /**/:/**/auto}
   .whitePopup .popupUsers li span {font-size:10px}
   .whitePopup .popupUsers li span.blue {font-size:11px}
   .whitePopup .popupUsers li div {width:230px; float:left}

.whitePopup div.back div {float:right; width:55px; position:relative; top:-5px}
.whitePopup div.back div.input {border:2px inset; float:left; position:static; padding:3px 0; width:65px; width/**/ /**/:/**/65px}
.whitePopup div.back img {float:left; margin-top:5px}
 .whitePopup div.back label {line-height:80%; font-size:10px; padding:0 10px 0 3px}
 .whitePopup div.back .radioBtn {vertical-align:middle}

 .whitePopup .abc .tabs li {}
 .whitePopup .abc .tabs li a {padding-left:5px; padding-right:5px}
 .whitePopup .abc .tabs li div {padding:3px 0 2px 0; padding /**/:5px 0 2px 0}
/* .whitePopup .abc .tabs li.active div {border-bottom:3px solid #fff}*/
	.tabs li.active { border-bottom:1px solid #fff; }
	.tabs li.active { margin-bottom: -1px;}
	
  html:root*.whitePopup .abc .tabs li div {padding:3px 0}
 .whitePopup .abc .tabs li.div {width:295px}
  .whitePopup .abc .tabs label {font-size:16px; float:left; font-weight:bold; padding-top:5px}
  .whitePopup .abc .tabs input {float:none; margin-top: 10px}
  .whitePopup .abc .tabs img {margin-top: 9px; vertical-align:middle}
  .whitePopup .abc .tabs input.text {width:135px; vertical-align:middle;
		font-size:12px;
		height:15px;
		margin-top:8px;
		padding:2px;
	 }
  .whitePopup .abc .filter {width:440px; clear:both}
  .filter .searchResult {font-weight:normal; float:left; width:100%}
  .filter .searchResult p {float:left; font-size:11px; padding-left:5px}
  .searchResult .filterBack {float:right; font-size:14px; font-weight:bold; margin-right:5px}
  .friendsSet {border-top:1px #DEE2E7 solid; padding-top:5px;}
  .bigBlocksFloat {float:left !important; margin-left:5px !important; margin-left/**/ /**/:/**/15px !important; width:685px !important}
   .abc .friendsSet h4 {font-size:18px; color:#666; margin:0; padding:20px 0 20px 0; font-weight:normal}
    .abc .friendsSet .friendsSetLeft {float:left; width:230px}
     .abc .friendsSet .friendsSetLeft .subGreyBlock {padding:0; float:left; width:228px}
     .abc .friendsSet .friendsSetLeft .yourFriendTitle {font-size:18px; color:#333; font-weight:bold}
     .abc .friendsSet .friendsSetLeft .yourFriendBig {padding:0 20px}
     .abc .friendsSet .friendsSetLeft .yourFriendBlock {border-bottom:1px #E6E6E6 solid; width:188px; padding-bottom:15px; margin-bottom:5px; float:left}
     .abc .friendsSet .friendsSetLeft .yourFriendBig .lastBlock {border:none}
     .abc .friendsSet .friendsSetLeft .yourFriendBlock div {clear:both}
     .abc .friendsSet .friendsSetLeft .yourFriendBlock div img {float:left; margin-right:4px}
     .abc .friendsSet .friendsSetLeft h5 {font-size:16px; margin:0; padding:0; font-weight:bold; float:left; color:#F90}
     .abc .friendsSet .friendsSetLeft h5 span {color:#333; font-weight:normal}
     .abc .friendsSet .friendsSetLeft img {margin-top:5px}

	 .friendsSetRight .abcOverflow {height: 290px;}
	 .friendsSetRight {float:right; width:430px}
	 .friendsSetRight .freindsList {width:410px}
	 .friendsSetRight .subFreindsList ul {width:180px}
	 .friendsSetRight .subFreindsList ul.rightUl {margin-left:25px}
	 .friendsSetRight .popupLinks {border:none; padding-left:25px}
	 .friendsSetRight .popupLinks li {padding-right:12px}
	 .friendsSetRight .freindsList .subFreindsList {padding:0; border:none}
	 .friendsSetRight .nummberBlock .nummber {float:left; color:#FF9900; font-size:24px; font-weight:bold; width:20px}
	 .friendsSetRight .nummberBlock h4 {float:left; padding:5px 0 0 5px; font-size:22px; font-weight:normal; color:#333}
	 .friendsSetRight .nummberBlock input {width:235px; height:24px; float:left; border:1px #999 solid}
	 .friendsSetRight .nummberBlock input.text {font-size:18px; margin-left: 7px;}
	 .friendsSetRight .nummberBlock {font-size:30px; margin-left: 7px;}
	 .friendsSetRight .nummberBlock #set_button { float:left; display:block; margin-left: 13px;}
	 .friendsSetRight .nummberBlock form {padding:5px 0 100px 25px; float:left}
   	 .friendsSetRight .nummberBlock .btnsBlue input {width:110px; border:none; height:auto}
   
   .yourFriend {}

.whitePopup table td {vertical-align:top}
.imgBtn {float:left; margin:0 !important; padding:0 !important}
 .imgBtn input {width:auto !important; padding:0 !important}

 .whitePopup .abcOverflow {height:200px; width:424px; width/**/ /**/:/**/440px; border-bottom:1px #BFC7D0 solid}
 .whitePopup .freindsList {margin:0; padding:0}
 .whitePopup .freindsList .freindsListLeft {width:400px; padding:0; border:0; margin:0}
 .whitePopup .freindsList .freindsListRight {margin-top:0; padding:0}
 .whitePopup .whitePopupRight .freindsList {width:205px; height: 400px; overflow:auto;}
 div#addressbook-popup .whitePopup td.whitePopupRight { height: 376px;}
 div#addressbook-popup .whitePopup .whitePopupleft {padding:0 20px}
 div#addressbook-popup .whitePopup .size20 {margin-left:0;}
 div#addressbook-popup #friends_added_list_count {font-weight: normal; font-size: 14px;}

 div#addressbook_messages { padding: 2px;color: red; font-weight: bold; margin-bottom: 6px;}
 tr#addressbook_buttons { height: 50px;}
 .whitePopup .whitePopupRight .freindsListRight {float:none}
 .whitePopup .whitePopupRight .freindsListRight ul {width:100%}
 .whitePopup .freindsList ul {width:180px}

 .popupLinks {margin:0; padding:10px 0 20px 0; margin-bottom:10px; list-style:none; float:left; width:430px; border-bottom:1px #DDD solid}
  .popupLinks li {margin:0; padding:0 5px 0 0; float:left}
  .popupLinks li.rightLi {float:right; padding:0}
   .popupLinks li a {color:#147AE0; font-size:14px; font-weight:bold}
    .popupLinks li a img {margin:0 3px}

.setThem {font-size:16px; font-weight:bold; clear:both; float:left; white-space:nowrap}
.setThem span {font-weight:normal; font-size:10px; padding-left:5px}
.setLinks span { color: #ccc;}
.links {color:#147AE0; clear:both; padding-bottom:20px; font-weight:bold}
.links a {color:#147AE0; font-weight:bold; font-size:14px}

.smallInput {width:105px !important}

.emails .tabs li {width:170px}
 .emails .tabs li a, .emails .tabs li.active a {padding-left:5px; padding-right:5px}
 .emails .subEmails {border-top:1px #F1F3F5 solid; padding-top:10px; clear:both; width:430px; margin-bottom: 10px; }
 .emails .emailsWidth {width:460px}
  .emails .emailsWidth .subEmailsLeft {border-right:10px #FFF solid}
  .emails .emailsWidth .btnsBlue img {margin-right:5px}
 .subEmailsLeft {width:190px; padding:10px 0 0 10px}
  .subEmailsLeft .btnsBlue {display:block; padding:5px 7px 5px 5px; padding-left /**/:0; text-align:center; width:82px}
   .subEmailsLeft .btnsBlue span {padding:10px !important}

  .subEmailsRight {width:230px; padding:10px}
  .subEmailsRight textarea {color:#999; margin-bottom:10px; width:220px}
  .subEmailsRight .popupText {width:185px}
  .subEmailsRight .space {padding-bottom/**/ /**/:/**/7px}

  .yahoo {background:#F1F3F5; width:460px; clear:both; padding:0 10px; float:left}
   .yahoo .img {margin:0; padding:10px 0 0 0}
    .yahoo .freindsList .freindsListRight {float:none; padding-top:20px}
	 .yahoo .freindsList .freindsListRight ul {width:220px; padding-right:10px}

.finallPlan td {width:300px; padding:0 10px 10px 5px}
 .radio {padding:15px 0; float:left; width:100%}
  .radio input {vertical-align:middle; float:left}
  .radio label {color:#147AE0; font-size:18px; float:left; width: 180px;}
/*  .radio .buttonBg {float:right; padding:7px 8px; position:relative; margin-top:-5px; background:url(/images/buttonBg.gif) no-repeat left top; font-size:14px}*/

	.radio .buttonBg { background:transparent url(/images/buttonBg.gif) no-repeat scroll left top;display:block;float:left;font-size:12px;margin-top:-5px;width: 62px;height: 33px;}
	.radio .buttonBg span { display:block; margin: 7px; text-align: center;}

  .smallLabel {font-size:12px}
   .smallLabel span {font-size:10px; color:#333; display:block}

 .sharePlan {margin:0; padding:0 0 25px 0; list-style:none}
  .sharePlan li {padding:2px 0}
   .sharePlan li a {color:#147AE0; font-size:12px; font-weight:bold}
    .sharePlan li a img {vertical-align:middle; margin-right:5px}
  .noneMargin {margin:0 0 10px 0 !important}

  .boldLabel {font-weight:bold; padding:0 0 5px 0; clear:both; display:block}
  .middelText {width:180px; display:block; clear:both}
  .sets {font-weight:bold; font-size:14px; padding:10px 0}
   .sets a {font-weight:normal; color:#0066FF; padding:0 5px; font-size:11px}

 .backgroundNone .whitePopupSUB {background-image:none; display:table; height:1%; height/**/ /**/:/**/auto; min-height:1px}
 html:root*.backgroundNone .whitePopupSUB {width:460px}
 :root .backgroundNone .whitePopupSUB {width:460px}
	.backgroundNone form {padding-left:10px}
  .backgroundNone input {float:left; margin-top:7px}
  .backgroundNone .popupBtn {margin-top:-5px; margin-top/**/ /**/:/**/7px; margin-left:5px; color:#0066FF; border:0; width:auto; background:#fff; font-size:14px; font-weight:bold}
   .backgroundNone .back {width:60px; float:left; font-weight:bold}


.greyLeftFade b, .whiteLeftFade b {margin-right:0; border-right:0 !important}

.whiteRightFade b, .greyRightFade b {margin-left:0; border-left:0 !important}
.whiteRightFade .bottom2 b, .whiteLeftFade .bottom2 b, .whiteFade .bottom2 b {background:#fff !important}

.span-11 .whitePopupSUB {padding:10px 10px 10px 10px} 
 .popupTitle {font-size:11px; font-weight:bold; padding-bottom:10px}
 .smallWhitePopupTitle strong {font-size:16px}
  .leftSmallWhitePopup {float:left; width:210px; padding-right:10px; border-right:1px #C4CBD2 solid}
  .rightSmallWhitePopup {padding:5px 0 0 10px; width:195px; float:left}
  .rightSmallWhitePopup .btnsBlue {padding-left:3px; margin-bottom:10px}
  .rightSmallWhitePopup .popupBtn {font-size:12px; padding-top:0; margin-top:4px}
  .whitePopup .rightSmallWhitePopup .size20 {font-weight:normal; margin:0}
  .whitePopup .textP {font-size:11px; line-height:110%; padding:10px 0; font-family:Tahoma, Verdana, sans-serif}

.whitePopup .popupList .freindsList {width:385px}
 .whitePopup .popupList .img {margin:0; float:left; padding-bottom:15px}
 .whitePopup .popupList .titleListPopup {display:block; clear:both; color:#333; padding-left:0; font-weight:bold}
  .whitePopup .popupList .freindsListRight {float:left; width:385px; clear:both; padding-top:5px; border-top:1px #E6E6E6 solid}
   .whitePopup .popupList .freindsListRight .rightPopupList {float:right; border-left:1px #E6E6E6 solid; padding-left:10px}
  .whitePopup .popupList .popupLinks {clear:both; width:100%; padding:10px 0; margin-top:10px; border-bottom:1px solid #BFC7D0; border-top:1px solid #BFC7D0}
  .labelInput {border-bottom:1px #DDD solid; float:left; width:100%; clear:both; padding-bottom:10px; margin-bottom:10px}
   .labelInput input {float:left}
   .labelInput label {float:left; font-size:11px; width:108px}
   
 .textarea {width:200px; height:105px; clear:both; display:block; margin-bottom:10px}

/* //popups */

.usersPhoto p {font-size:14px}
 .usersPhoto p a {font-weight:bold}

.subWhiteContentContainer .titleB {width /**/:712px}
.leftProfile .titleB, .globalRight .titleB {width /**/:100%}
.leftProfile .elite { font-weight: bold; display:block; text-align:center; font-size:18px;}
.normal {font-weight:normal}

.freindsList {float:left; width:99%; margin-top:20px}
.freindsList h3 {white-space:nowrap}
 .freindsList .bottom, .freindsList .top {float:left; width:100%}
  .freindsList .b1, .freindsList .b2, .freindsList .b3, .freindsList .b4, .freindsList .subFreindsList {background:#fff; border-right:1px solid #DDD; border-left:1px solid #DDD}
  .freindsList .b1 {background:#DDD}
 .freindsList .subFreindsList {padding:10px 16px; float:left}
 .freindsList .btnsBlue {clear:both; margin-top:10px}

  .freindsList .freindsListLeft, .freindsList .freindsListRight {margin-top:20px}
  .freindsList .freindsListLeft {float:left; width:430px; /*border-right:1px solid #ccc; */padding-right:20px}
  .freindsList #invited_friends_list {width:648px}
  .friendsSetRight .freindsList .freindsListLeft {float:left; width:415px; padding-right:0px; margin-top:0;}
  .freindsList .freindsListRight {float:right}
   .freindsList ul {margin:0; padding:5px 0; padding-left: 0; width:210px; float:left; list-style:none}
   .friendsSetRight .freindsList ul {width: 190px;}
    .freindsList ul li {margin:0; padding:8px 0 5px 0; border-bottom:1px #e6e6e6 solid; float:left; width:100%; font-size:11px}
     .freindsList ul li input {vertical-align:middle; float:left; margin-top: -1px;}
     .freindsList ul li img {vertical-align:middle; margin:-4px 5px 0 0; float:left}
     .freindsList ul li a {text-decoration:none; color:#147AE0; float:left; line-height:100%; font-size:14px; font-weight:bold}
   .freindsList .rightUl {float:right; border-left:1px #e6e6e6 solid; padding-left:20px}

	 a.cancel {float:right; width:auto; font-size:14px; font-weight:bold; padding:0; color:#147AE0}
	 a.cancelNew {margin-top:10px; margin-right: 4px}
	.whitePopup a.cancel { float: left; margin-left: 10px; margin-top: 9px;}
	.smallWhitePopup a.cancel { margin-top: 0;}
	
.freidsInfo {float:left; width:230px; padding-right:5px; margin-right:5px; border-right:1px #ebebeb solid}
 .last {border:0; padding:0; margin:0}


.doubleArticle {border-bottom:1px solid #DADEE5; float:left; width:100%; margin-bottom:5px}
 .doubleArticle .article {border:0; width:356px; float:left}
 
.hideBlock {width:250px; float:left; padding-right:5px}
  .hideBlock .tabs ul li {width:100px}
  .hideBlock .tabs ul li.active {background:#F6F7F8}
   .hideBlock .tabs ul li.active a {padding:7px 0pt 6px;}
   .hideBlock .tabs ul li a {font-size:14px}
   
 .tabs2 ul li {background:#F6F7F8} 
 .tabs2 ul li.active {background:#fff !important}
  .tabs2 ul li a {background-image:none}
  .tabs2 ul li.active a {background:url(/images/bg_tabs.gif) repeat-x left bottom}
  
 .greyBlock .b1, .greyBlock .b2, .greyBlock .b3, .greyBlock .b4, .subGreyBlock {background:#F6F7F8; border-right:1px solid #C8CED7;  border-left:1px solid #C8CED7}
 .subGreyBlock {padding:5px 0 0 10px; min-height:1px}
 .greytabs .top b {margin-left:0; clear:both}
 .greyBlock .b1 {background:#C8CED7}
  .greyBlock .btnsBlue {padding:0 5px 0 5px}
  .greyBlock table {width:100%; margin:0; padding:0}
  .greyBlock table .btnsBlue input.bigBtns span {padding:10px 0; display:block; text-align:center; width:110px}
  .greyBlock table .btnsBlue a.bigBtns span {padding:10px 0; display:block; text-align:center; width:110px}
  .greytabs .bottom {clear:both}
  .greyBlock .noFloat {width:150px; float:left; float/**/ /**/:/**/none; display:table}
 
.greyBlock textarea {width:220px; margin-bottom:10px}
.subGreyBlock label, .greyBlock label {color:#666}

.greyBlock .article {float:none; width:auto; margin:0 10px 0 0; padding-left:20px; padding-right:10px}
 .greyBlock .article .date {padding:0 5px 5px 0; line-height:100%}
 .greyBlock .article .cont a {color:#147AE0; font-weight:bold; padding-right:5px}
 .greyBlock .alignRight {padding:5px 10px; text-align:right}
  .greyBlock .alignRight a {color:#147AE0; font-weight:bold}
  
.userBoxTwo {padding-bottom:30px; float:left; width:100%}
 .userBoxTwo .back {padding-bottom:5px; float:left; width:100%}
  .userBoxTwo .back strong {float:left}
  .userBoxTwo .back .btnsBlue {float:right}
   .userBoxTwo .back .btnsBlue span {padding:2px 10px 5px 10px; font-weight:bold; font-size:20px; line-height:15px}
 .userBoxTwo .users {height:270px; height/**/ /**/:/**/auto; min-height:270px}
 .userBoxTwo .users li {border-top:1px #EBEBEB solid;}
 .userBoxTwo#potentialFriends .users li {border:none }
  .userBoxTwo .users li a {background:none; font-weight:bold}
  .userBoxTwo .users li span {font-size:10px}

.inputBorder {border-left:1px #343434 solid; border-top:1px #343434 solid; border-right:1px #ccc solid; border-bottom:1px #ccc solid}
html:root*.inputBorder {width:196px}
.lineHeght {line-height:100%}

.rightBigBlocks {float:right; width:430px; padding-left:10px; margin-left:15px; position:relative;}
 .rightBigBlocks .hideButton {position:absolute; left:-12px; top:340px; border:1px #C8CED7 solid; border-right:none; display:none;}
 .bigblocks .hideButton {left:-22px; left/**/ /**/:/**/-12px}
  .rightBigBlocks .hideButton a {color:#147AE0; font-weight:bold; padding:12px 2px; display:block}
 .rightBigBlocks .size30 {font-size:30px; line-height:90%; padding-bottom:10px}
 .rightBigBlocks .size18 {font-size:18px; line-height:90%; padding-bottom:50px}
 .rightBigBlocks .size20 {font-size:20px; line-height:90%; padding:0 200px 10px 0}
 .rightBigBlocks .abc .tabs li.div {width:200px}
 .rightBigBlocks.fullSize { padding-left: 0; border:0;}

  .abc {height:1%; height/**/ /**/:/**/auto; min-height:1px}
    .abc .tabs {height:1%; width:100%}
	  .abc .tabs li {width:100px; background: #F6F7F8;}
	  .abc .tabs li.active {background: #fff;}
	  .abc .tabs li.active a {font-size:16px; padding:7px 0pt 6px; background: #fff; margin-bottom: -1px; border-bottom: 1px solid #fff;}

 .abc .filter {width:430px;}
 .filter {border-bottom:1px #DDD solid; border-top:1px #DDD solid; background:url(/images/formFade.jpg) repeat-x left bottom; font-size:14px; text-align:center; font-weight:bold; padding:5px 0 5px 0; float:left; width:100%}
 .filter a {color:#147AE0; padding-right:6px}
 .filter span {color:#666; padding-right:6px}
	.bigblocks .abc .filter {width:100%}
	.bigblocks .abc .friendsSetRight .filter {font-size:12px; margin-left:33px; padding-left:0pt; width:397px;}

  /*.bigblocks .abc .filter a {padding-right:15px}
    .bigblocks .abc .filter span {padding-right:15px}*/
  
   .abcOverflow {height:700px; width:414px; clear:both; width/**/ /**/:/**/430px; overflow-y:auto; overflow /**/:auto; overflow-x:hidden; }
   *+html div.abcOverflow {overflow-x:hidden;}
	.bigblocks {float:none; width:auto}
	 .bigblocks .abcOverflow {width:670px; width/**/ /**/:/**/100%}
/*		.friendsSetRight .abcOverflow {float:none; width:397px; margin-left: 33px;}*/
		.friendsSetRight .abcOverflow {float:none; width:415px; margin-left: 33px;}
		img.notInAddressbook {border: 2px solid red;}
	
   .titleAbc {color:#333; font-size:24px; font-weight:bold; float:left; clear:both; width:99%; margin-bottom:-10px; margin-left:4px;}
   .abcBlock {padding-bottom:15px; width:414px; clear:both}
   .bigblocks .abcBlock {width:auto}
    .abcLeft, .abcRight {width:200px; float:left}
	.abcLeft {padding-right:5px}
	.abcRight {padding-left:5px}

.profile  .btnsBlue {clear:both}
.profile div#notification_area select {margin-right: 13px;}
.profile .titleSearch .btnsBlue {clear:none; margin-top:0}
 .profile .titleProfile {float:left; font-size:24px; color:#333}
 .profile .leftProfile {width:180px !important; padding-right:10px; float:left; clear:left}
  .profile .leftProfile .blue {font-size:14px; padding-top:10px; display:block}
  .profile .leftProfile p {padding-bottom:3px; color:#666}
  .profile .leftProfile img.large_avatar { width:175px; border: 1px solid #EBEBEB }
  
 .profile .setings {margin:0; padding:0; list-style:none; border-bottom:1px #C8CED7 solid}
  .profile .setings li {margin:0; padding:3px 0; clear:both; border-bottom:1px #ebebeb solid}
  .profile .setings li.lastLi {border:0}
   .profile .setings li a {color:#147AE0; font-weight:bold}
    .profile .setings li a strong {font-size:24px; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; padding-right:5px}
    .profile .setings li a span {color:#666}
	.profile .setings li a span.smallS {color:#147AE0; font-size:11px; font-weight:normal}
	.profile .setings li a img {vertical-align:middle; float:left; margin:10px 10px 10px 0}

.profile .leftProfile .borderNone .btnsBlue {padding:0; float:left; width:130px; clear:both; margin:0;}
 .profile .leftProfile .borderNone .btnsBlue a {margin:0}
  .profile .leftProfile .borderNone span {padding:2px 4px 4px 4px; color:#147AE0}
  .profile .leftProfile .borderNone a:hover span {color:#fff}
   .profile .leftProfile .borderNone .btnsBlue span img {float:none; margin:0}
   .profile .leftProfile .borderNone {padding-top:5px; float:left; width:100%}
   .profile .leftProfile .borderNone li {float:left; padding-top:5px; width:100%}
   .profile .leftProfile .borderNone li.lastLiLink {border:0}
   .profile div#stock_avatars img {width:56px;} 
   div#change_photo .whitePopup {width: 365px;}


.profile .rightProfile {float:right; width:520px}
 .profile .rightProfile .titleB {width:auto}
 .columnComments .whiteComments {width:520px; position:relative; float:left; height:1%; height /**/:auto}
 .verifiBlock .whiteComments {width:710px; }
 .verifiBlock .whiteComments .commentsSub {float:left; width:678px;}
 .verifiBlock .leftContent {width:330px; float:left; border-right:1px #EBEBEB solid; margin-top:10px; margin-left: 4px; padding-right:30px;}
  .verifiBlock .leftContent h3 {font-size:20px; padding:0}
  .verifiBlock .leftContent p {font-size:16px; font-weight:bold; line-height:100%; padding:10px 0 15px 0}
 .verifiBlock .rightContent {width:285px; float:right; margin-top:8px}
  .verifiBlock .rightContent label {display:block; padding-left:0; font-weight:bold; font-size:14px}
  .verifiBlock .rightContent input {width:232px;}
  .verifiBlock .rightContent input.text, input.text.large {font-size:16px;height:18px}
  .verifiBlock .rightContent .bigButtons {padding-top:5px}
  .verifiBlock .rightContent .bigButtons .spaser {padding:3px 0}
  .verifiBlock .rightContent .bigButtons .btnsBlue {padding-left:0}
  .verifiBlock .rightContent .bigButtons input {width:auto; height:auto; float:left; padding:10px 10px 11px !important}
  .verifiBlock .rightContent .bigButtons .btnsBlue {float:left; clear:none}
   .verifiBlock .rightContent .bigButtons input.resetBtn {margin:0; padding:0; cursor:pointer; padding:10px 0 0 5px !important; background:none; border:none; color:#147AE0}
 .whiteComments .b2, .whiteComments .b3, .whiteComments .b4, .whiteComments .commentsSub {background:#fff; border-color:#EBEBEB}
 .whiteComments .b1 {background:#EBEBEB}
 .borderNone {border:0 !important}
 
.profile .commentsContent {border-bottom:1px #ebebeb solid; padding:5px 0; clear:both; font-style:normal !important}
.profile .commentsContent span, .profile #user-stats a {font-weight:bold; }
.profile .commentsContent span {padding-right:7px}
a.edit, .edit, a.editor_cancel_link {font-size:11px; color:#147AE0; padding-left:5px; font-weight:normal}
.profile .commentsContent .name {font-size:30px}
.profile .commentsContent .grey {color:#333;font-size:20px; padding-right:4px; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal}
.profile .commentsContent .info {padding:0 0 0 5px; color:#000; height:1%; height/**/ /**/:/**/auto; min-height:1px; font-size:14px}
.profile .commentsContent .white {color:#666}



 
.blueBlock {padding:20px 0; float:left; clear:both; width:100%}
 .blueBlock .b {clear:both}
 .blueBlock .b1, .blueBlock .b2, .blueBlock .b3, .blueBlock .b4, .blueBlockSub {background:#DAEAFA; border-right:1px solid #DAEAFA;  border-left:1px solid #DAEAFA}
 .blueBlockSub {background:#DAEAFA url(/images/blueFade.jpg) repeat-x left top; display:table; height:1%; height/**/ /**/:/**/auto; min-height:1px; width:518px}
 .blueBlock .top .b2, .blueBlock .top .b3, .blueBlock .top .b4 {background:#FDFEFF}
 .blueBlock .top .b1, .blueBlock .bottom .b1 {background:#DAEAFA}
 
 .blueBlock.noTopPadding { padding-top: 0;}
 
  .contact {padding:5px 10px; margin:0 5px}
  .contact img {float:left}
  .contact p#heading {display:table; font-size:30px; font-weight:bold}
  .contact p#heading span {clear:both; display:block; font-size:16px}
  
  .marginContact {border-top:1px #BCD8F5 solid; margin:0 5px; padding:0 5px}
   .marginContact .contact { overflow:hidden;  padding:10px 0; width:485px}
    .marginContact .contact strong {display:block; font-size:14px}
    .marginContact .contact input {vertical-align:middle}
	.marginContact .contact .contactText {float:left; margin-right:5px}
    .marginContact .contact select {width:180px; float:left}
    .marginContact .contact .btnsBlue {float:left; clear:none;}
    
  .marginContact.noBorder { border: none;}
	
 .replays .titleSearch {margin-bottom:20px}
  .replays .titleSearch h3 {font-size:24px}
  .replays .titleSearch p {float:right; font-size:16px; padding-top:15px}
  .replays .columnComments .blueComments, .replays .columnComments .greyComments {width:645px}
   .replays .size16 {font-size:16px; font-weight:bold; color:#147AE0}
   .replays .columnComments .commentsContent {font-style:normal}
   
   .replays .replay {padding:5px 0 15px 65px}
   .replays .replay a {color:#147AE0; font-size:14px; font-weight:bold; padding-right:10px}
   .replays .replay span {color:#333; font-size:11px; padding:0 5px 0 10px}
   
.articleLeft {float:left; width:240px; border-bottom:0; padding:0; border-right:1px #DADEE5 solid}
.articleRight {float:left; padding:0 0 0 15px; width:230px; border-bottom:0}
.articleLeft .articleCont .date, .articleRight .articleCont .date {font-weight:bold; line-height:100%}
.aricleComents .commentsSub {width:488px; padding:10px 15px; float:left}
.aricleComents .paddingNone {padding-top:0}
 .aricleComents .paddingNone .titleB {width:auto}
  
 .manageEmails {clear:both; width:100%}
  .manageEmails tr {}
   .manageEmails th {text-align:left; border-bottom:1px #DDD solid; font-size:16px; width:50%; padding:5px 0; font-weight:bold}
   .manageEmails td {font-size:14px; border-bottom:1px #DDD solid; font-weight:bold; padding:5px 0; vertical-align:top}
    .manageEmails td input {vertical-align:middle}
	
  .bigButtons {float:left; width:100%; padding-top:15px}
   .bigButtons .margin {margin:0 0 0 50px; padding:0}
   .bigButtons input {padding:10px 20px 11px !important;}

.greyBigBlock {clear:both; float:left; width:712px; margin-bottom: 20px}  
 .greyBigBlock .b2, .greyBigBlock .b2, .greyBigBlock .b3, .greyBigBlock .b4, .greyBigBlock .greyBigBlockSub {background:#00CC33; border-left:1px #DDD solid; border-right:1px #DDD solid}

 .greyBigBlock.error .b2, .greyBigBlock.error .b2, .greyBigBlock.error .b3, .greyBigBlock.error .b4, .greyBigBlock.error .greyBigBlockSub {background:#CC3123;}

 .greyBigBlock.blueish .b2, .greyBigBlock.blueish .b2, .greyBigBlock.blueish .b3, .greyBigBlock.blueish .b4, .greyBigBlock.blueish .greyBigBlockSub {background:#efefef}

.greyBigBlock.blueish h2 { color: #999;}

  .greyBigBlock .greyBigBlockSub {text-align:center; padding:5px; font-size:16px; font-weight:bold; color:white}
	
	.blueNotices h2 { font-size: 20px; background: url(/images/face-surprise.png) no-repeat 50px center; margin-bottom: 0; margin-left: 10px;}
	.blueNotices .greyBigBlock { width: 500px}
	.blueNotices, .greyBigBlockSub { padding-bottom:10px;}
 	.blueNotices .greyBigBlock .b2, .blueNotices .greyBigBlock .b2, 
	.blueNotices .greyBigBlock .b3, .blueNotices .greyBigBlock .b4, 
	.blueNotices .greyBigBlock .greyBigBlockSub { background: #A9D9FF; border-left: 1px solid #90CEFE; border-right: 1px solid #90CEFE;}
	.blueNotices .b1, .blueNotices .b2, .blueNotices .b3, .blueNotices .b4 {display:block;background:#FFF; overflow:hidden; height:1px}
 	.blueNotices .b1, .blueNotices .b2, .blueNotices .b3, .blueNotices .b4, .blueNotices .boxWhenWhereSUB { background:#90CEFE; border-color: #90CEFE}
	
.whitePopup .errorExplanation p { color: white;}
.whitePopup .errorExplanation li { border: none; }


.weather {border-top:1px #E0E0E0 solid; padding-top:10px; margin-top:10px}
 .weather h3 {padding-bottom:10px}
  .weather h3 span {font-weight:normal; padding-left:5px}
 .weather .imgCont {float:left}
 .weather p {font-family:Tahoma, Verdana, sans-serif; text-align:right; font-size:9px}
 .weather .degree {font-size:30px; font-family:Arial, Helvetica, sans-serif; color:#f90}
 .weather .degree span {font-family:Tahoma, Verdana, sans-serif; font-size:9px; font-weight:bold; vertical-align:middle; padding-right:5px}
 .weather a {clear:both; display:block; color:#147AE0; padding-top:5px; font-size:14px; font-weight:bold}

.city #cityName { color: #F9831C }
.city h3.titleB#changeCityLink { font-size: 14px; text-align: right; }
.city .titleSearch .titleB {font-size:24px}
 .city .titleB {width:100%}
  .city .titleB span {float:none}
 .cityLeft {float:left; width:340px; padding-right:15px; margin-top:20px; border-right:1px #C4CBD2 solid}
  .cityLeft .titleB span, .cityRight .titleB span {float:left; font-size:16px}
  .cityLeft .titleB span.rightSpan, .cityRight .titleB span.rightSpan {float:right; font-weight:normal}
   .cityLeft .titleB span.rightSpan a, .cityRight .titleB span.rightSpan a {display:inline; color:#0066FF; float:none}
  
  .cityRight {float:right; width:340px; margin-top:20px}
  .city .columnComments .whiteComments .back {padding-top:30px; padding-top /**/:15px}
  html:root*.city .columnComments .whiteComments .back {padding-top:10px}
  :root .city .columnComments .whiteComments .back {padding-top:10px}
   .city .columnComments .greyComments, .city .columnComments .whiteComments {width:340px}
   .city .columnComments .greyComments .arr b {background:#F7F7F7}

 .city .weather {border:0; margin:0; padding-top:5px; float:left; width:155px}
 .city .weather .degree {color:#666}
 .city .weather .weatherCont {float:left; position:relative; margin-left:20px}
 .city .weather .weatherCont img {float:left;}
   .city .weatherInfo {float:right; margin-top:0px; font-size:9px; font-family:Tahoma, Verdana, sans-serif}
    .city .weatherInfo th {border-right:1px #ccc solid}
    .city .weatherInfo td {text-align:center; padding:3px 0; width:50px; border-right:1px #ccc solid}
    .city .weatherInfo .borderNone {padding:3px 0 3px 10px; width:auto}
	.city .weatherInfo th.borderNone {padding:0 0 0 10px}
	.city table#cityHeader { width: 100%;}
	.city table#cityHeader #second { text-align: right; width:50%;;}
	.city table#cityHeader #second h3 { float: right; }
	.city .weatherLeft { float:left; margin-top:16px; font-size: 10px;}

	#change_city { width: 100% ;}

 .randomBlock {padding-top:5px}
  .randomBlock p {padding:2px 0; float:left; width:100%; clear:both}
   .randomBlock p a {color:#147AE0}
   .randomBlock p a.whiteName {padding-left:5px; font-weight:bold; float:left}
   .randomBlock p a.whiteDate {padding-right:5px; float:right}
  .randomBlock p.whiteBlock {background:#fff}
  
 .titleSelect {float:left; width:100%; margin-top:10px; border-bottom:1px #ccc solid; padding-bottom:3px}
  .titleSelect p {float:left; font-size:16px; font-weight:bold}
  .titleSelect span {float:left; padding:4px 0 0 6px}
   .titleSelect span a {color:#147AE0}
  .titleSelect select {float:right; width:95px; margin-top:4px; font-size:10px}
  .titleSelect span.rightSpan {float:right; font-size:16px; font-weight:normal; padding:0pt;}
  
 .cinema {clear:both; padding-top:10px; border-bottom:1px #ebebeb solid; padding-bottom:5px}
  .cinema .imgCont {float:left; padding:2px 10px 0 0; width:101px;}
  .cinema .imgCont img {width:100px;}
  .cinema .cinemaCont {display:table; height:1%; height /**/:auto; min-height:1px}
  .cinema .cinemaCont p {padding-bottom:5px}
  .cinema .cinemaCont p strong {padding-right:5px}
   .cinema .cinemaCont .cinemaName {padding-bottom:0}
    .cinema .cinemaCont .cinemaName a {font-size:14px; color:#147AE0; line-height:100%; font-weight:bold}
   .cinema .cinemaCont .genre {font-size:10px}
 
   .cinema .greyText {background:#F6F7F8; padding:2px 5px; margin:5px 0 10px 0}
    .cinema .greyText a {padding-right:5px; color:#147AE0}
   .cinemaLink {padding-top:5px}
    .cinemaLink a {color:#147AE0; font-weight:bold}
	
  .cinemaImg {padding-top:10px}
   .cinemaImg a {float:left; padding:0 1px 1px 0}

.rating_container {float:left;}
	.rating_container a {float:left;display:block;width:15px;height:15px;border:0;background-image:url("/images/rating.gif");}
	.rating_container a.rating_off {background-position:0 0px;}
	.rating_container a.rating_half {background-position:0 -25px;}
	.rating_container a.rating_on {background-position:0 -50px;}
	.rating_container a.rating_selected {background-position:0 -75px;}

.cloudTag {padding-top:15px; padding-top /**/:35px}
 .cloudTag strong {display:block; color:#000; padding:5px 0}
 .cloudTag p, .cloudTag p a {color:#147AE0; font-weight:bold; line-height:100%}

.tiny_avatar { height: 24px; width: 24px;}

.popup-div, .popup-iframe{top:0;left:0;position:absolute;z-index:999;border:0;display:none;margin:0;padding:0}
.popup-iframe{z-index:998;opacity:0.7;-moz-opacity:0.7;filter:alpha(opacity=70);background-color:#fff}

#new-date-popup input.time {font-size:24px; width: 120px; float:left;}
#new-date-popup textarea { height: 87px; }
#new-date-popup h3 { padding-bottom: 9px; }

#new-location-popup input[type='text'], #new-location-popup textarea { width: 300px; font-size: 16px;}
#new-location-popup .whitePopupRight { border: none; padding:0;}
#new-location-popup #address_name_auto_complete { margin-left: 10px; margin-right: 10px;}
#new-location-popup ul { margin: 0;}

.btnsBlue.unpadded { padding-top: 0; margin-left: 50px;}


span.dialogNotice {
	display:block;
	color: white;
	padding:9px;
}
span.dialogNotice.error {
	background: #CC3123;	
}
span.dialogNotice.success {
	background: #339900;	
}

div.closeNotice { width: 16px; float: right; margin-right: 6px; margin-top: 3px; }

.clickable, a{
	cursor:pointer;
}

.no-padding { padding: 0;}

.planspace, .planspace p { font-size: 14px; line-height: 1.3; }
.planspace p { margin-bottom: 12px;}
	.planspace ul li { list-style-type: disc;}
	.planspace h1 { font-size:24px; font-weight:bold; margin-bottom:10px; padding:0pt;}
	.planspace h2 { font-size:18px; font-weight:bold; margin-bottom:10px; padding:0pt;}
	.planspace h3 { font-size:16px; font-weight:bold; margin-bottom:10px; padding:0pt;}
	.planspace h4 { font-size:14px; font-weight:bold; margin-bottom:10px; padding:0pt;}
	.planspace h1, .planspace h2, .planspace h3, .planspace h4 { color: #111;}
	.planspace, .planspace h1, .planspace h2, .planspace p { font-family: Verdana, Helvetica, Arial;}

#mapContainer {border: 1px solid #333; width:205px; height:225px; margin-bottom: 10px;}

ul.flat li { list-style-type:none; margin: 0; margin-bottom: 9px;}
ul.flat.noMargin li { margin-bottom: 0;}
ul.flat.noMargin { margin-left: 0;}
ul.flat.noMargin.big li a { font-size: 14px;}
div.clear { clear: both;}
ul.inline { display: inline;}
ul.inline li { display: inline;}

div.big-red-warning h3 {
  background:transparent url(/images/header_red.gif) repeat scroll 0% 0%;
  color:white;
  margin:0pt;
  padding:0.25em;
}

div.big-red-warning div {
  background:lightyellow none repeat scroll 0% 0%;
  border-color:-moz-use-text-color orange orange;
  border-style:none solid solid;
  border-width:medium 1px 1px;
  margin-bottom:1em;
  padding:0.5em;
  line-height: 18px;
}
h3.warning {
  color: #CC3123;
}
.tiny_avatar { width: 24px; height: 24px; }

#referrer-logo {color: #444; background:#ddd;height:1px; font-variant:small-caps;}
#referrer-logo span { position:absolute; margin-top:-1em; padding:0.5em; background:#fff;margin-left:240px; display:block; }

div.freindsList label { font-size:14px; font-weight:bold; line-height:100%;}

div.no-label-padding label { font-weight: bold; padding: 0;}
a.plancastSelected {color:#FF9900;}
a.plancastTag.blue {color:#147AE0;}

input.invisibleSubmit {width: 0px; height: 0px; position: absolute; left: -5000px; top: -5000px;}


.newPlan #activity_description { margin-bottom: 10px;}

.fieldWithErrors {
  background-color:coral;
  border:1px solid red;
}

div#profile_friends .avatar {width: 24px; height: 24px; }

.whitePopupBtn span.spinner {
  float:right;
  margin-top:18px;
  padding-right:15px;
}


a.user_tag:hover {
  background:#D8F89C none repeat scroll 0% 0%;
}
a.tag_selected {
  color:green;
}

.boxWhenWhereSUB.noSideBorders {border-left:0px solid #BDCDDE; border-right:0px solid #BDCDDE; padding-left:0; padding-right:0;}

#create_new_set_link { font-size: 10px;}
/* todo remove after proper small buttons are done */
div#new_poll a.cancel, div.poll-new-option a.cancel { margin-top: 0px;  }
select#announce_to { margin-right: 13px}
tr#addressbook_buttons span.btnsBlue { margin-left: 6px; }

div#share-popup { width: 350px;}
div#change_password span.btnsBlue { margin-left: 50px }
div#tag_editor span.btnsBlue { margin-left: 36px }
div#send_message span.btnsBlue { margin-left: 15px }
div#change_username span.btnsBlue { margin-left: 45px }

a#bookmarklet { color: white; padding: 2px; background: #147AE0; }
a.rss { float:right; }
a.rss.ical { margin-top:1px; }
.guestCount { font-size: 10px; color: #aaa;}

input[disabled] { 
	color: #C0D6E3;
}

#list_of_invited_friends_empty .backBig { padding: 0;}

#sidebarSearch { margin-bottom: 10px;}
div.center, #upcoming-subscribe { margin: 0 auto; text-align:center; }

.errorExplanation ul { 
	list-style-type: none; font-weight: normal;
	margin-bottom: 0;
}

span.error { color: darkred;}

.hr1 { background: #CAE8FF;width:80%; margin:0 auto }
.hr2 { background: #7EC1FE;width:80%; margin:0 auto; margin-bottom:10px }
.bluePopup form label.small { font-size: 10px; padding-top:0; color:#666;}
.taglist {cursor: pointer;}
#help_tip { color: #FFF}
div .tourLogo { float: left;}
div .tourLogin { float: right;}

.small, p.small { font-size: 10px;}
p.small { line-height: 1.2;}
#new_poll p.small { margin-top:10px; margin-bottom: 0;}

#friends_page_search_form img { margin-bottom: -8px;}
a#rsvp-guests {font-weight: bold;}

.homepageUpcomingPlansList { float: left; width: 330px;}
.homepageUpcomingPlansList .article .imgCont { width:40px; text-align:center; font-size: 10px; font-weight:bold; line-height:12px}

#upcoming_plans_homepage .article, #past_plans_homepage .article { width: 330px;}

#loading_plans { text-align:center; display:block; font-weight:bold; margin: 5px }

#addressbook-button {width: 174px}

#location-details-popup { width: 460px}
#twitter-form { width: 140px;}
#twitter-form input.text { width: 120px;}

/* fixes not triggering of onclick on empty space in the rsvp dropdown in IE6 and 7 */
*html div#rsvp-bubble p.firstItem {height: 1%;}
*+html div#rsvp-bubble p.firstItem {height: 1%;}

div.address_name_auto_complete ul li { padding: 4px;}
.even { background: #fff}
.odd { background: #f3f3f3}
.editor_cancel { margin-left: 4px; }

.promote { font-size: 14px;}
.promote ul { margin-left:0; }
.promote ul li { list-style-type: none; }
.promote ul.disc li { list-style-type: disc; }
.instructions {position: absolute; width: 50em; padding:1em; background:#fff; border: 1px solid green}
.rightlink {float: right; font-size:0.8em}

table.top-aligned td { vertical-align: top;}

.timeAgo { color: #999; font-size: 10px;}
.withSubheading { margin-bottom: 0;}

input.autoclear, textarea.autoclear { color:#999; }
input.autocleared, textarea.autocleared { color:#000; }

.borderRight { border-right: 1px solid #edeff1;}
a.bold { font-weight: bold;}
.deemphasize { color: #ddd;}

.byline {font-size:11px; color: #999;}

img#phone_img {float:left;margin-right:8px;margin-top:5px;width:50px;}
#email_friends_form label, #addressbook_import_emails_section label { padding: 0;}

div.downtimeNotice { background: #ffffcc; border: 1px solid orange; padding: 10px; border-top: none; font-size: 14px;}

#upcoming_plans_sidebar { width: 200px;}

div#new_user_invite_form { margin: 10px;}
p#new_user_invite_message { margin-bottom: 10px;}

div.votable-description a img { margin-bottom: -3px;}
label.checkboxed input { margin-left: 0;}

#announce-popup { width: 300px;}
#reminder-popup p, #announce-popup p { margin-bottom: 9px;}
#announce-popup p.back { margin-bottom: 0;}
#announce-popup input#subject_override { width: 275px }
#announce-popup textarea#announce_textarea { width: 270px }

span.leftSpinner { float:left; margin-left: 5px; margin-top: 5px; }

span.shortDay { display: none;}
span.fullDay { display: inline;}
span.shortMonth { display: inline;}
span.fullMonth { display: none;}

div#advertisement img {
  margin-left:-5px;
  margin-top:5px;
}

.text.statusUpdateBox { width: 400px; }
div#posting_boxes #make_plan_box .text.statusUpdateBox { width: 196px; }
div#posting_boxes #post_status_box .text.statusUpdateBox { width: 236px; }
div#posting_boxes .marginContact .contact { width:298px}
div#posting_boxes .blueBlockSub { width:327px}
div#posting_boxes .blueBlock { margin-top: 9px;}

.contact.subheading { margin-top: 0; padding-top: 0;}

.optionalField { clear:both; margin-bottom: 9px;}
.marginedBottom { margin-bottom: 9px;}
.paddedTop { padding-top: 9px;}
img.silk { margin-bottom: -3px;}

div#list_page_encourage_login a#RES_ID_fb_login {
	float:left;
}

.large { font-size: 16px; line-height:1.4;}
div.facebookSignup fieldset { float: none;}
div.facebookSignup label.main { width: 10em; display: block; float:left;}
div.facebookSignup label.small { clear:both;;}
fieldset { padding-top: 0;}
.hidden { display:none;}


/* ads */
img.comment_banner_ad { width: 468px; height: 60px; padding: 0;}
img.leaderboard_ad { width: 720px; height: 90px; padding: 0; }
img.comment_ad { width: 300px; height: 100px;}
img.sidebar_ad { width: 180px; height: 150px;}

div#leaderboard_ad { margin-bottom: 18px; }

div#sidebar_ad { padding-top: 9px;}
ul.margined li { margin-top: 9px;}
ul.margined li img { margin-bottom: -3px;}

div#addressbook-popup .blueBlock { width: 460px;}
div#addressbook-popup .blueBlockSub { width: 457px;}
div.blueBlock.invitation_credit_display .bottom .b1, div.blueBlock.invitation_credit_display .bottom .b2, div.blueBlock.invitation_credit_display .bottom .b3, div.blueBlock.invitation_credit_display .bottom .b4 { background: #DAEAFA }
div#insufficient_credit_error .blueBlock { width: 706px;}
div#insufficient_credit_error .blueBlockSub { width: 703px;}


.waiting {
	background-image:url('/images/protoload/waiting.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:white;
}

.bigWaiting {
	background-image:url('/images/protoload/bigWaiting.gif');
	background-repeat:no-repeat;
	background-position:center 20%;
	background-color:white;
}

.blackWaiting {
	background-image:url('/images/protoload/blackWaiting.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:black;
}

.bigBlackWaiting {
	background-image:url('/images/protoload/bigBlackWaiting.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:black;
}