/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

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-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

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

/* Remove annoying border on linked images. */
a img { border: none; }


/* -------------------------------------------------------------- 
   
   grid.css
   * Sets up an easy-to-use grid of 24 columns.
   
   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, namespaces or semantic
   element names, use the compressor script (lib/compress.rb)
   
   Note: Changes made in this file will not be applied when
   using the compressor: make changes in lib/blueprint/grid.css.rb
   
-------------------------------------------------------------- */

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

/* Use this class on any div.span / container to see the grid. */
.showgrid { 
  background: url(grid.png); 
}

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

/* Sets up basic grid floating and margin. */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, 
div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, 
div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, 
div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, 
div.span-21, div.span-22, div.span-23, div.span-24 {
  float: left;
  margin-right: 10px; 
}

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

/* Use these classes to set the width of a column. */
.span-1  { width: 30px; }
.span-2  { width: 70px; }
.span-3  { width: 110px; }
.span-4  { width: 150px; }
.span-5  { width: 190px; }
.span-6  { width: 230px; }
.span-7  { width: 270px; }
.span-8  { width: 310px; }
.span-9  { width: 350px; }
.span-10 { width: 390px; }
.span-11 { width: 430px; }
.span-12 { width: 470px; }
.span-13 { width: 510px; }
.span-14 { width: 550px; }
.span-15 { width: 590px; }
.span-16 { width: 630px; }
.span-17 { width: 670px; }
.span-18 { width: 710px; }
.span-19 { width: 750px; }
.span-20 { width: 790px; }
.span-21 { width: 830px; }
.span-22 { width: 870px; }
.span-23 { width: 910px; }
.span-24, div.span-24 { width: 950px; margin: 0; }

/* 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. */
div.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.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; }
.pull-5 { margin-left: -200px; }

.pull-1, .pull-2, .pull-3, 
.pull-4, .pull-5, .pull-5 {
  float:left;
	position:relative;
}

.push-1 { margin: 0 -40px 1.5em 40px; }
.push-2 { margin: 0 -80px 1.5em 80px; }
.push-3 { margin: 0 -120px 1.5em 120px; }
.push-4 { margin: 0 -160px 1.5em 160px; }
.push-5 { margin: 0 -200px 1.5em 200px; }

.push-0, .push-1, .push-2, 
.push-3, .push-4, .push-5 { 
  float: right;
	position:relative;
}


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

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

/* 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.45em;
  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] */

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

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }


/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

-------------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
  font-size: 75%;
  color: #222;
  background: #fff;
  font-family: Verdana, Arial, sans-serif;
}


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

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

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.4em; }
h2 { font-size: 2em; margin-bottom: 0.25em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 0.8em; color:#df742f;}
h4 { font-size: 1.3em; line-height: 1.25; margin-bottom: 0.6em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 0.5em; }
h6 { font-size: 0.9em; padding:10px 25px 0px 25px; background:#f6cdc0; border:2px solid #f26c4f; margin:0px 25px 20px 0px;}

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


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

p           { margin: 0 5px 1.5em 0px; }
p img       { float: left; margin: 0 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

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; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

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

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


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

table       { margin-bottom: 1.4em; width:auto; }
table       { font-size:1em}
table .clean label {float:right}
table.login-table {margin-left:26px;margin-top:20px;}
table.login-table input#email,
table.login-table input#password {width:250px;}
table.signup-table {margin-left:10px;margin-top:0px;}
table.signup-table input#account_name,
table.signup-table input#account_email,
table.signup-table input#account_password_confirmation,
table.signup-table input#account_password {width:215px;}
table.signup-table label {float:right}
table.profile-table {margin-left:0px;margin-top:10px;}
table.profile-table input#account_name,
table.profile-table input#account_email,
table.profile-table input#account_password_confirmation,
table.profile-table input#account_password {width:280px;margin-bottom:0}
table.profile-table label {float:right}
table.profile-table td    {padding: 6px 10px 6px 0}


/*!!! */
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 0px; }
table.login-table td {padding:5px 10px 5px 0px}
tr.even td  { background: #E5ECF9; }
td, th      { width:auto; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc 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; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


/* --------------------------------------------------------------

   custom.css
   * Custom styles to override and add to blueprint. Alexey Mamaev.

-------------------------------------------------------------- */


a       { color: #990000; }

/*li      { list-style: none; background: url(../../images/user/bullet.gif) no-repeat 0 9px; padding: 2px 0 2px 15px; }*/

.errors                          {padding: 1px 0px 25px 0}
#content .errorExplanation  h2   {margin:0 0 0.5em 0;left:0;text-indent:0px; color:#c00; width:auto; height:auto; font-size:1.2em; font-weight:bold}
#content .errorExplanation  p    {color:#c00}
#content .errorExplanation ul li {list-style-position:outside; list-style-image: url(/images/error.gif); font-size:1em; color:#c00; padding:0 5px 0 1px; margin:0 0 3px 20px; line-height:1.5em; height:1.7em; vertical-align:middle}
#content .errorExplanation ul a  {background:transparent; list-style: none; color:#ff0707; text-decoration:underline; padding-left:0px; margin:0; height:1.2em}
.errors h3    { font-size:1.2em; margin:10px 0px 10px 0; color:#c00}

.fr                 { float: right; }
.fl                 { float: left; }
.cleaner            { clear: both; height: 1px; font-size: 1px; border: none; margin: 0; padding: 0; background: none !important; }

hr.top              { color: #b8b8b8; background: #b8b8b8; position: absolute; top: 55px; left: 0; z-index: 100;}
p.desc              { color: #666; line-height: 1.3em; }
h1.logo             { font-weight: bold; padding: 10px 0 0 10px; }
h1 em               { color:#DF742F; font-style:normal}
.text-on-top        { font-weight:bold}
.sidebar h2         { margin-bottom: 0.6em; font-size: 1.4em; border-bottom: 1px solid #b8b8b8; }

.ror                { color: #CC0000; }
.logo               { margin: 0 0 0 -8px; position: absolute; top: 0px; left: 0; }

.slogan             { margin: 0 0 45px 0; }
.slogan h1          { font-size: 3em; margin: 0 0 5px 0; }
.slogan h2          { font-size: 1.4em;  border: none; }

.menu               { float: right; padding: 30px 0 0 0; width: 655px; text-align: right; }
.menu ul            { list-style-type: none; margin: 0; height: 50px; }
.menu ul li         { display: inline; margin: 0 0 0 20px; padding: 0 0 20px 0; background: none; }
.menu ul li a       { color: #000; padding: 0 0 17px 0; text-decoration: none; border-bottom: 10px solid #fff; }
.menu ul li a:hover { border-bottom: 10px solid #D00100; }
.menu ul li.here a  { border-bottom: 10px solid #D00100; }

.header             { margin-bottom: 40px !important; }

td.param            { text-align: right; padding-left: 0 !important; }
span.required       { font-size: 1.4em; color: red; }

#global_messages    {
  background: url(/images/message-background.jpg) no-repeat #fff6bf;
  border: 1px solid #96CA66;
  padding:0 10px 10px 10px;
  margin-top:-8px;
/*  margin:10px auto 25px ;  /* 2Alisa - sorry :). If user has site - dasboard broken */
  width: 625px;}

  #global_messages ol li a
  {color: #DF742F !important; background:transparent !important;
    margin: 0 !important; padding: 0 !important;
    text-decoration: underline;
    font-weight:bold;}

  #global_messages ol li a:hover
  {color: #DF742F !important; background:transparent!important;
    margin: 0 !important; padding: 0 !important;
    text-decoration: none;
    font-weight:bold;}

    .message-text       {width:575px; float:left; padding-left:35px;}
    .message-text h1    {margin-top:0.3em; text-indent:155px;}
    .message-text ol    {margin:0 2.6em 25px;}
    .message-text li    {list-style-type:decimal; list-style-position:outside; padding-bottom:0.5em; height:auto; font-size:1em;}
    .hide-message       {width:10px; float:right}
    .hide-message a     {color:#DF742F; font-weight:bold; font-size:1.5em; text-decoration:none; line-height:1.5em;}




textarea, input     { border:1px solid #afafaf}
.clean textarea,
.clean input {padding:3px}
select              { min-width:150px}
caption.submit {
border:none;
background:url(images/submitbg.jpg);
height:27px;
font-size:1.1em;
color:#fff;
cursor:pointer;
text-align:center;
width:auto;
padding:0;
margin:0;
}

.submit-area {padding-top:5px}

.unchecked .submit {
background:url(images/submitbg_2.png);
}

.submitleft {
background:url(/images/submitleft.jpg) left top no-repeat;
padding:0;
padding-left:8px;
margin-bottom:3px;
height:27px;
float:left;
}

.unchecked .submitleft {
background:url(/images/submitleft_2.png) left top no-repeat;
}

.submitright {
background:url(/images/submitright.jpg) right no-repeat;
padding:0;
padding-right:8px;
height:27px;
margin-bottom:3px;
float:left;
}

.unchecked .submitright {background:url(/images/submitright_2.png) right no-repeat;}

input#sg_SubmitButton,
input#commit {
background:url(/images/submitbg.jpg) repeat scroll 0 0;
border:medium none;
* html border:1px #fff!important;
color:#FFFFFF;
cursor:pointer;
font-size:1.1em;
font-weight:bold;
height:27px;
margin:0px 0px 2px 0px;
padding:0 0px 0px 0px;
text-align:center;
float:left;
}



.unchecked input#sg_SubmitButton,
.unchecked input#commit {background:url(/images/submitbg_2.png) repeat scroll 0 0;}

table.plans     { border:5px solid #e6e6e6; margin-right:25px}

table.plans p   { margin-left:20px; padding-top:5px; margin-bottom:5px}

.plans th       { background:#fff; color:#df742f; text-align:center; border-right:1px solid #e6e6e6}
.plans td       { width:120px; text-align:center; font-size:0.9em; border-top:1px solid #e6e6e6; border-right:1px solid #e6e6e6}
.plans input#sg_SubmitButton {font-size:1.2em;}

td.plan-field   { width:300px; text-align:left; text-indent:15px}

ul.account li   { background:transparent}
#content li.account a      { background:none; font-size:0.9em; text-decoration:underline}

#content  h3 ul lu a { background:none; font-size:0.9em; text-decoration:underline}
#content  h3 ul li   { list-style:none}

.theme-choosen,
.theme-choosen:hover {
  border:solid 1px #ccc;
  color:#57A70A;
  float:left;
  height:185px;
  margin:0 15px 15px 0;
  padding:10px 0 20px;
  text-align:center;
  width:200px;
  overflow:hidden;
  }

.theme {
  border:1px solid #eee;
  color:#57A70A;
  float:left;
  height:185px;
  margin:0 15px 15px 0;
  padding:10px 0 20px;
  text-align:center;
  width:200px;
  font-size:0.9em;
  overflow:hidden;
}

.theme-current {
  border:1px solid #eee;
  color:#57A70A;
  float:left;
  height:85px;
  margin:0 15px 15px 0;
  padding:10px 0 20px;
  text-align:center;
  width:120px;
  font-size:0.9em;
  overflow:hidden;
}

.theme:hover {
  border:solid 1px #ccc;

}
/*
.theme p, .theme-choosen p {
  margin-top:5px;
  margin-bottom:5px;
  margin-right:0px;
  font-size:0.9em;
  }
*/

.theme img, .theme-choosen img {

  }

img#choosen-theme {margin-bottom:20px}
.signup-plan {
  padding-left:18px;
  margin-bottom:0;
  }
  .plan-list {padding-left:25px; margin-bottom:20px}
  .plan-list li {list-style-image: url(/images/ok_bullet.gif); padding:4px 0}

.dashboard {width:666px}
.no-site {
  border-top:1px solid #96CA66;
  margin-top:25px;
  margin-right:0px;
  padding:20px 0px 20px 25px;
  float:right;
  width:235px;
  position:absolute;
  right:0;
  top:130px;}
  /*background: url(/images/user/content.jpg) repeat-x scroll left top}*/
  .no-site h2 {
    text-indent:15px;
    color:#DF742F;
    font-size:1.1em;
    font-weight:bold;
    margin-right:0 !important;
    margin-bottom:1em;
    margin-top:0.5em;
    width:auto !important;
    height:auto}
  .no-site p {font-size:0.9em}
  .create-new-site-ie {z-index:2}

  #membership-options p label {width:200px}
  #membership-options input {width:300px}
  #membership-options select {width:300px}


/* --------------------------------------------------------------

   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       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 25px 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input.text, input.title,
textarea, select {
  margin:0.5em 0;
  border:1px solid #bbb;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}

input.text,
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice,
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }


.error {
  text-align: left;
  position: absolute;
  left:12%;
  top:100px;
  z-index:1316134911;
  font-size:1em;
  border: solid #CC0000;
  border-width: 1px 1px 1px 1px;
  text-indent:30px;
  color: #fff;
  background: #CC0000 url(/images/user/50.gif) no-repeat 8px 7px;

  -moz-border-radius: 7px;

  padding: 4px 13px 5px 3px;
  margin: 0px;;
}

.notice {
  text-align:left;
  position: absolute;
  left: 150px;
  left:12%;
  top:105px;
  z-index:1316134911;
  font-size:1em;
  border: solid #99CC99;
  border-width: 1px 1px 1px 1px;
  text-indent:30px;
  color: #fff;
  background: #8DBC4C url(/images/user/10.gif) no-repeat 6px 8px;

  -moz-border-radius: 7px;

  padding: 4px 13px 5px 3px;
  margin: 0px;
}

.message {
  text-align: left;
  position: absolute;
  top: 0;
  left: 150px;
  z-index:1;
  font-size:0.9em;
  border: solid #99CC99;
  border-width: 0 1px 1px 1px;
  text-indent:30px;
  color: #006600;
  background: #E2F9E3 url(../../../images/user/10.png) no-repeat 6px 5px;

  -moz-border-radius: 0 0 7px 7px;

  padding: 1px 13px 1px 3px;
  margin: 0px;
}


.tooltip {
	position: absolute;
	width: 240px;

	background: #fff url(/images/user/cont_bg.gif) repeat-x bottom left;
	border: 3px double silver;

	padding: 5px;
	margin: 1em;

	font-size: 11px;
	text-align: left;
}

.tooltip h1 {
	color: #0088C1 !important;
	font-family: Georgia !important;
	font-size: 110% !important;
	
	border-bottom: 1px solid silver !important;

	margin: 0;
}

.tooltip p {
	padding: 2px;
	margin: 0.5em 0 0 0;
	line-height: 1.2em;
}

.tooltip p a {
	background-image: none !important;
}

.tooltip p img {
	float: left !important;
	margin: 2px 5px 1px 0;
	
	border: 1px dotted silver !important;
}

.tooltip a.close {
	/* Here for example only. Styles the Close link */
}


#content{background:url(/images/user/content.jpg) repeat-x top;margin-top:15px;padding:10px 0 25px 25px;min-height:230px}
#content .contentbox{background:url(/images/user/contentbg.jpg) repeat-x 0 22px #eee;float:left;font-size:0.9em;margin-right:20px;width:202px}
#content .contentbox ul{padding:0}
#content .odd{background-color:#fff}
#content h2{margin-right:-22px;width:222px}
#content li{}
#content li a{background:url(/images/user/arrow.gif) no-repeat 15px 12px #e4e3e3;color:#535353;font-weight:400;padding-left:28px;text-decoration:none}
#content li a:hover{background-color:#c9e7af;font-weight:700}

#navigation{background:url(/images/user/navreflection.jpg) repeat-x top;display:block;height:62px;margin-top:34px;overflow:hidden;position:relative;z-index:2}
#navigation .first a{padding-left:30px}
#navigation .last a{border-right:none;padding-right:31px}
#navigation a{background:url(/images/user/navbg.jpg);border-left:solid 1px #95cb61;border-right:solid 1px #76bf36;color:#fff;float:left;font-weight:400;height:23px;padding:20px 36px;text-decoration:none}
#navigation a:hover{background:url(/images/user/navhoverbg.jpg);text-decoration:underline}
#navigation li{display:inline}
.footer {padding-top:30px}
.footer p {color:#690;}
#subnav {
float:left;
width:700px;
}
#subnav li {display:inline;}
#navigation .first a {padding-left:35px;}
#subnav .first a {padding-left:25px;}
#subnav a {
background:#F3F3F3 none repeat scroll 0% 0%;
border-bottom:1px solid #96CA66;
border-left:1px solid #FFFFFF;
border-right:1px solid #E0E0E0;
color:#848484;
padding:18px 20px;
text-decoration:none;
font-weight:normal;
}
ul#subnav {
font-size:1em;
list-style-image:url(images/li.jpg);
list-style-position:outside;
list-style-type:disc;
}
#rightcolumn{float:right;width:254px}
*{border:none;list-style:none;margin:0;padding:0}
ul {border:none;list-style:none;margin:0;padding:0}
ul li {border:none;list-style:none;margin:0;padding:0}
.addwidget{background:url(/images/user/addwidget.jpg) no-repeat}
.addwidgetbtn{margin-left:50px}
.analytics{background:url(/images/user/analytics.jpg) no-repeat}
.basecamp{background:url(/images/user/basecamp.jpg) no-repeat}
.billing{background:url(/images/user/billing.jpg) no-repeat}
.calendar{background:url(/images/user/calendar.jpg) no-repeat}
.contentbox{background:url(/images/user/contentbox.jpg) repeat-x 0 22px;margin-bottom:10px;width:250px}
.contentbox li a{background:#eae9e9;display:block;font-size:0.8em;height:33px;padding:5px 0 0 20px}
.contentbox ul{margin-top:-18px;padding-bottom:38px;position:relative}
.ecommerce{background:url(/images/user/ecommerce.jpg) no-repeat}
.email{background:url(/images/user/email.jpg) no-repeat}
.email2{background:url(/images/user/email2.jpg) no-repeat}
.fifthrow,.sixthrow{height:160px}
.firstrow{height:195px}
.firststeps{background:url(/images/user/firststeps.jpg) no-repeat}
.forum{background:url(/images/user/forum.jpg) no-repeat}
.fourthrow{height:458px}
.help{background:url(/images/user/help.jpg) no-repeat}
.language{background:url(/images/user/language.jpg) no-repeat}
.manage{background:url(/images/user/manage.jpg) no-repeat}
.memberships{background:url(/images/user/memberships.jpg) no-repeat}
.nomargin{margin-right:0}
.officetools{background:url(/images/user/officetools.jpg) no-repeat}
.photo{background:url(/images/user/photo.jpg) no-repeat}
.rightcontent{padding:0 20px 20px}
.rss{background:url(/images/user/rss.jpg) no-repeat}
.search{background:url(/images/user/search.jpg) no-repeat}
.secondrow{height:358px}
.seo{background:url(/images/user/seo.jpg) no-repeat}
.seventhrow{height:53px}
.sitedesign{background:url(/images/user/sitedesign.jpg) no-repeat}
.summary{background:url(/images/user/summary.jpg)}
.surveys{background:url(/images/user/surveys.jpg) no-repeat}
.thirdrow{height:293px}
.twitter{background:url(/images/user/twitter.jpg) no-repeat}
.video{background:url(/images/user/video.jpg) no-repeat}
.wrapper{margin:0 auto;position:relative;width:965px}
.write{background:url(/images/user/write.jpg) no-repeat}
.send-us-access{background:url(/images/user/send_us_access.jpg) no-repeat;}
.setup-domain{background: url(/images/user/setup_domain.jpg) no-repeat;}
.add-new-site{background: url(/images/user/add_new_site.jpg) no-repeat;}
.support{background: url(/images/user/support.jpg) no-repeat;}
a{color:#df742f;font-weight:700; text-decoration:underline}
a:hover{text-decoration:underline}
body{color:#505050;font:0.75em Verdana, sans-serif;line-height:1.6em}
ul#navigation a {font-size:1.2em}
h1{color:#df742f;font-size:2.2em; font-family:Verdana;line-height:2.2em; margin-bottom:0.2em;}
h2{display:block; height:75px;left:-15px;position:relative;text-indent:-9999px;width:240px;z-index:0}
.side h3 {color:#DF742F; font-size:1.2em; margin-bottom:0.5em; font-weight:700;}
.side a  {color:#666}
.side p  {color:#666; margin-bottom:1.5em}
p{margin-bottom:1em}
.contentbox ul li {font-size:0.9em; text-indent:20px;}
.contentbox ul li a {font-size:1em; text-indent:0px;}
.fieldWithErrors input {border: 1px solid #c00;}
.footer .copy {text-align:right;margin-top:-7px;font-size:0.9em;}
.hr {
border-bottom:1px dashed #96CA66;
height:10px;
margin-bottom:10px; margin-top:-10px;
}
html { position: relative;}
body { background: url("/images/bg.gif") bottom left repeat-x; }
#farm {background-image: url("/images/user/farm_bg.gif");}
/*#elearning, #marketing {background: url("/images/bg.gif") bottom left repeat-x #fff; }*/
/*.bottom-line { background:url("/images/bg.gif") bottom left repeat-x; bottom: 0; height: 55px; position: absolute; width: 100%; z-index: -1; left: 0;}*/

#elearning div.wrapper{ background: url("/images/girl.gif") bottom right no-repeat; clear: both;}
#footer { float: left; width: 940px; clear: both; margin-top: 160px; margin-bottom: 90px;}
#footer div.copy { background: url("/images/footerlogo.jpg") top left no-repeat; width: 199px; padding-top: 38px; float: right; text-align: center; color: #669900; }
.copy { cursor: pointer;}
.plans th { background: url("/images/thead_bg.gif"); }
#elearning #banner, #marketing #banner, #tsweb #banner, #switchwebsites #banner { background:url(/images/headerlogo.jpg) no-repeat left bottom; height:99px; margin-bottom: 30px;}
#elearning, #farm, #marketing, #tsweb, #switchwebsites  { padding-top: 30px;}
div.left-col, div#content div.right-col { border-top: solid 1px #96ca66;}
.r1 td { background: url("/images/td.gif");}
#subnav a { display: block; float: left; margin-right: 2px; }
#subnav a:hover { color: #666 !important; background: #f7f7f7 !important; }
.left-col { width: 460px; float: left; padding: 0 20px; margin-right: 10px; background: url("/images/user/content.jpg") top left repeat-x;}
.left-col-signup { width: 510px; }
.right-col { width: 350px; padding: 0 30px; float: left; background: url("/images/user/content.jpg") top left repeat-x;}
.right-col-signup { width: 320px; float: right; }
.right-col h1 { color: #8dbc4c;}
#remember_me { border: 0 !important; }
.r-box { border-top: solid 1px #96ca66; background: url("/images/user/content.gif") top left repeat-x; padding-left: 30px; padding-bottom: 40px; }
.right-col div.r-box, .leftt-col div.r-box { margin-left: -30px; margin-right: -30px; }
#elearning div.wrapper { padding-bottom: 250px; }

#elearning #content, #farm #content, #marketing #content, #tsweb  #content, #switchwebsites  #content{
  background: none;
}

/* #farm {background: url("/images/user/farm_bg.gif") bottom left repeat-x #fff; } */
#farm #banner { background:url(/images/headerlogo.jpg) no-repeat left bottom; height:99px; margin-bottom: 30px;}
#farm #footer div.copy { background: url("/images/footerlogo.jpg") top left no-repeat; }

.c { text-align: center; }
.c table { margin: auto;}
#farm #content p, #marketing #content p, #tsweb  p, #switchwebsites  p { margin-right: 0px; }

.login { float: right;}
#farm div.login-left { float: left; background: url("/images/user/login_bg.gif") top left no-repeat; padding: 5px 10px 0 45px;}
#farm div.login-right { float: left; background: url("/images/user/login_bg2.gif") top left no-repeat; padding: 5px 10px 0 0; margin-left: 3px;}
#farm div.login-btn, #marketing div.login-btn, #tsweb div.login-btn, #switchwebsites div.login-btn { float: left; padding-top: 20px; margin-left: 3px;}
#farm div.login-left input#email { border: 0; background: none; width: 115px; margin: 6px 0 10px;}

#marketing div.login-left, #tsweb div.login-left, #switchwebsites div.login-left   { float: left; margin-right: 5px;}
#marketing div.login-right, #tsweb div.login-right, #switchwebsites div.login-right { float: left; margin-right: 2px;}
#marketing div.login input, #tsweb div.login input, #switchwebsites div.login input {  border: solid 1px #dedede; font-size: 14px; padding: 2px 3px;}
#marketing div.login-btn, #tsweb div.login-btn, #switchwebsites div.login-btn    { padding-top: 13px;}

#marketing div.remember input, #marketing div.login-btn input, #tsweb div.login-btn input, #tsweb div.remember input , #switchwebsites div.login-btn input, #switchwebsites div.remember input{ border: 0 !important; }

.top-logo {display: block; width: 390px;} 

.login label { font-weight: normal; color: #848484; font-size: 12px; font-family: Arial;}
.remember { position: relative;}
.remember label { font-size: 11px; padding-left: 15px;}
.remember input { position: absolute;  top: 2px;}

#farm div.login-right input#password { border: 0; background: none; width: 130px; margin: 6px 0 10px 2px;}

#marketing #banner, #tsweb #banner, #switchwebsites #banner { background:url(/images/headerlogo.jpg) no-repeat left bottom;}
#marketing #footer div.copy, #tsweb #footer div.copy, #switchwebsites #footer div.copy { background: url("/images/footerlogo.jpg") top left no-repeat; }

.login-right a  {font-weight: normal;}

.top-menu {
  top: -25px;
  z-index: 1000;
  position: absolute;
  right: 0;
}

#help { margin-top: 100px;}

.top-line { background: url("/images/tbg.gif") top left repeat-x; width: 100%; height: 30px; z-index: -2; position: absolute; top: 0; left: 0;}

.dashboard { border-top: solid 1px #96ca66; float: left; padding-top: 7px; padding-left: 20px; min-height:340px}
#rightcolumn  { border-top: solid 1px #96ca66; margin-top: 25px; padding-top: 7px; background:#fff}
.rightcolumn-design {padding-left:20px; margin-left:-16px; margin-top:-7px; background:#fff}
#my{
  background: none !important;
}

#rightcolumn  div.contentbox p {
  padding: 0 20px 20px 20px;;
}

.new_contact textarea{
  overflow: hidden;
}

.new_contact input{
  padding: 3px;
}

.r-box div.hr{
  margin-right: 40px;
}

.r-box form input{
  padding: 3px;
  margin-bottom: 10px;
}

.r-box form p{
  margin-top: 10px;
}

#show-link, #hide-link{
  border-bottom: dashed 1px #000;
  padding: 0;
}

#overlay    { height:100%; left:0; position:fixed; top:0; width:100%; z-index:9999; }
.overlayBG  { background-color:#ccc;
              filter: alpha(opacity=50);
              filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
              -moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
              -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
              opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
                }
#t-window   { background: #FFF none repeat scroll 0 0;  border: 1px solid #666; display:none; left:40%; position:fixed; text-align:left;  top:50%;  z-index:999999; font-size:12px; padding: 20px;}

.top-menu   { background: url("/images/user/tm0.gif") top left repeat-x; margin-top: -5px;}
.top-menu div { background: url("/images/user/tm1.gif") top left no-repeat; padding: 0; float: left;}
.top-menu div div { background: url("/images/user/tm2.gif") top right no-repeat; padding: 10px 210px 10px 30px;}
.top-menu a.logout { background: url("/images/user/ico_logout.gif") center center no-repeat; padding: 3px 12px 7px 32px; position: absolute; top: 0; right: 20px; margin-top: 5px;}
.top-menu a.settings { background: url("/images/user/ico_settings.gif") center center no-repeat; padding: 3px 15px 7px 29px; margin-left: 5px; position: absolute; top: 0; margin-top: 5px; right: 105px;}

.top-menu div div { position: relative;}

.top-menu-links   { display: block; width:50px; float: left; text-align: left; margin-right: 10px; border-left: solid 1px #f3f3f3; padding-left: 5px;}
.text-on-top      { display: block; float: left; }
#site-name        { display: block; float: left; width: 155px; text-align: left; margin-left: 5px; border-right: solid 1px #bbb; margin-right:10px}
#sites-select-div { display: block; float: left; width: 155px; text-align: left; margin-left: 5px; border-right: solid 1px #bbb;}
.top-text         { display: block; float: left;}
#sites-select     { margin: 0; padding: 0;}

#sites-select-loading { float: left; display: block; width: 155px; margin-left: 5px; border-right: solid 1px #bbb; }

.r-box table.show-data{
  width: 95%;
}

.r-box table.show-data th {
  padding: 2px 9px;
  background: url(/images/user/th.gif) bottom left repeat-x #f7b99a;
  color: #fff;
  border-bottom: solid 1px #fff;
  font-size: 120%;
}

.r-box table.show-data td{
  padding: 5px 9px;
  border-bottom: dotted 1px #ccc;
}

.row1 td{
  background: #f1f1f1;
}

.new_wp_domain div span{
  float: left;
  margin-right: 5px;
}
.new_wp_domain div label span{
  float: none;
  margin: 0;
}

.new_wp_domain span.submitleft{
  margin-top: 10px;
}

.delete-link   { padding-left: 12px; background: url(/images/user/icon_delete.gif) center left no-repeat; margin-left: 5px; color: #8b8b8b;}
.check-status  {  padding-left: 12px; background: url(/images/user/icon_status.gif) center left no-repeat; margin-left: 5px; color: #2c8c2b;}

table.show-data a.delete-link   { background: url(/images/user/icon_delete.gif) bottom left no-repeat;}
table.show-data a.check-status  { background: url(/images/user/icon_status.gif) bottom left no-repeat;}

.dashboard-link { background: url(/images/user/ico_back_to_dashboard.gif) center left no-repeat; padding-left: 28px; position: absolute; margin-top: -30px; margin-left: 5px;}

.current-theme-div {float:left; width:140px;}
.create-site-div {float:left; padding-top:30px; width:485px}
.theme-id {border:0; vertical-align:middle}
.create-site-div {height:105px}
.profile-settings {width:650px; margin-right:0 !important}