html, body,h1,form,div { margin: 0; padding: 0; font-size: 100.01%;}
table,td,th,tr,img,form {border: 0;margin:0;padding:0}
table {border-collapse:collapse;}
html { height: 100%; }
body { background:#fff; min-height:100%; height: 100%} 
body,p,li,ul,div,td,th { color: #161415; font: normal 12px "Arial";}
input, textarea, select { color: #000; font: normal 12px "Arial";}

h1,h2,h3,h4,h5,h6 {color:#770112}
h1 {font: bold 18px "Georgia";margin:0 0 8px 0;color:#770112}
h2 {font: bold 16px "Georgia";margin:0;color:#770112}
h3 {font: normal 14px "Georgia";margin:0;color:#020202}

a, a:link, a:visited, a:active
{text-decoration:none;font:normal 12px "Arial";color:#00418b;}
a:hover
{text-decoration:underline;font:normal 12px "Arial";color:#00418b;}

a.searchChange, a.searchChange:link, a.searchChange:visited, a.searchChange:active,
a.mc, a.mc:link, a.mc:visited, a.mc:active
{text-decoration:none;font:bold 14px "Georgia";color:#770112;}
a.searchChange:hover,
a.mc:hover
{text-decoration:underline;font:bold 14px "Georgia";color:#770112;}

p {margin:0}

h2 a,h2 a:link, h2 a:visited, h2 a:active, h2 a:hover
{text-decoration:underline;font:bold 14px "Georgia";color:#00418b;}

h3 a,h3 a:link, h3 a:visited, h3 a:active, h3 a:hover
{text-decoration:underline;font:bold 12px "Arial";color:#00418b;}


#page   {height: auto !important;min-height:100%;height:100%;width:100%}

#footer {background:#fefefe;height:31px;margin:-94px 0 0 0;padding:46px 30px 15px 30px}
#footer table {width:76em}
#footer table td  {padding-right:30px;text-align:left;vertical-align:bottom}
#footer table td.counter {padding-right:5px;text-align:left;vertical-align:bottom}
#footer span {margin-left:30px;color:#585e62}

#footer-fix {height:92px;clear:both;}

#logo-container {
	float: left;
	width: 264px;
	height: 86px;
	margin-right: 10%;
}

#hat-container {margin:0;height:7.2em}

#advert-container{height: 86px;}

#StyleForHelp
{
	height: 86px;
	margin-top: 10px;
}

#advert img {margin:10px 0 0px 10px;height:60px;width:468px}

#newMail {position:absolute;top:3em; right:0; width:22em;text-align:right;margin:20px 13px 10px;padding:0 10px}
#changeSphere {
        position:absolute;top:0.7em; right:0; 
        width:18em;
        text-align:right;
        margin:0px 10px 0 0;
        padding:0 10px}
#hatButtons {
        position:absolute;top:2.8em; right:0; 
        width:25em;
        text-align:right;
        margin:0px 10px 0 0;padding:0 10px}

#topnavy
{
    background-position: 0 0;
    background: #014A9E url('../images/bg_topnavy.gif') 0 0 repeat;
    padding: 8px 0 6px 5px;
    margin-top: 18px;
}
#topnavy p   {padding:0;margin:0;color:#fff;width:860px;line-height:1.1em} 
#topnavy  a, #topnavy a:link, #topnavy a:visited, #topnavy a:active, #topnavy a:hover 
{color:#fff; font:bold 13px "Georgia";margin:0 10px}

#privateMenu {background:#E3E4A2;padding:8px 0 6px 28px;}
/*#privateMenu {background:#EFEFAD;padding:8px 0 6px 28px;}*/
#privateMenu p   {padding:0;margin:0;color:#000;width:320px;line-height:1.1em} 
#privateMenu  a, #privateMenu a:link, #privateMenu a:visited, #privateMenu a:active, #privateMenu a:hover 
{color:#000; font:bold 13px "Georgia";margin:0 11px}

#hatButtons  a, #hatButtons a:link, #hatButtons a:visited, #hatButtons a:active, #hatButtons a:hover 
{color:#014A9E; font:bold 13px "Georgia";margin:0 11px}


	/* column container */
	.colmask {
    position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;			/* width of whole page */
    overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* 2 column left menu settings */
	.leftmenu {
    margin-top:10px;
    background:#FFF;
	}
    .leftmenu .colright {
      float:left;
      width:200%;
      position:relative;
      left:222px;
      background:#fff;
    }
    
    .leftmenu .colright2 {
      float:left;
      width:200%;
      position:relative;
      left:22px;
      background:#fff;
    }
    
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:222px;
	    padding-bottom:1em;
	}
          
  .leftmenu .col1 {
      margin:0 10px 0 242px;
      position:relative;
      right:100%;
      /*overflow:hidden;*/
  }

	#lftBar {
      float:left;
      width:222px;
     }
   .leftmenu   .col2 {
      position:relative;
      right:221px;
  }

#lftNavy {background:#e2edf6 url('../images/bg_leftbar.gif') top right repeat-y}
#lftNavy p {margin:5px 10px 5px 22px}
#lftNavy h3 {margin:15px 10px 5px 22px}
#lftNavy h4 {margin:5px 10px 5px 22px}

#hlpNavy ul {list-style-type:none;padding:0;margin:20px;}
#hlpNavy li {padding:0;margin:10px 20px;}

.login .r {/*float:right; width:600px;*/ margin-top:15px}

.topcorners {
        background:url('../images/bg_topcorners.gif') top left no-repeat;
        padding:1px 0 20px 0;
        width:222px;
        overflow:hidden;
}
.bottomcorners {background:url('../images/bg_bottomcorners.gif') bottom left no-repeat;/*1px 0 20px 0*/}

.shadow {background:url('../images/bg_auth.gif') top right no-repeat;}

h2.type1 {background:#16B6D0;color:#fff;padding:3px 3px 3px 22px}
h2.type2 {background:#01489A;color:#fff;padding:3px 3px 3px 22px}

.ieSpace {height:20px}

.adv .text {margin:20px 20px 20px 26px}
.help .text {margin:20px 20px 20px 26px}

p.details {text-align:right;margin:3px 20px}
p.more {text-align:right;margin:3px 20px}
p.empty {color:#999;}
.emptyDemoLogo {
        background:#fff;
        cursor:pointer;
        border:2px solid #bbb;
        text-align:center;
        width:120px;
        padding:5px 0;
        margin:5px 0;
}
.emptyDemoLogo a, .emptyDemoLogo a:link, .emptyDemoLogo a:visited, .emptyDemoLogo a:active, .emptyDemoLogo a:hover,
.emptyDemoLogo span,
.emptyDemoLogo {
        color:#999;
        font:normal 16px "Georgia";
        text-decoration:none;
}
.emptyMediumLogo {
        color:#999;
        font:normal 18px "Georgia";
        border:2px solid #bbb;
        text-align:center;
        width:180px;
        padding:7px 0;
        margin:7px 0;
}


.markedTitle {margin:0;padding:0 0 8px 26px;background: url('../images/bg_h2_main.gif') 0 0 no-repeat}
.markedTitle span {font-weight:normal;margin:0 5px;color:#8F9091}
.markedTitle em {margin:0 20px 0 5px}

.unmarkedTitle {margin:0;padding:0 0 8px 0px;}
.unmarkedTitle span {font-weight:normal;margin:0 5px;color:#8F9091}
.unmarkedTitle em {margin:0 20px 0 5px}

a.qa, a.qa:link, a.qa:visited, a.qa:active
{text-decoration:none;font:bold 12px "Arial";color:#000;}
a.qa:hover
{text-decoration:underline;font:bold 12px "Arial";color:#000;}
span.invis {color:#999;}

#sphere-changer {width:220px}

#loginBlock .r {padding:5px 30px 0 0px}
#loginBlock td.f {width:50px; text-align:left;padding-right:3px}
#loginBlock td.s {text-align:right}
#loginBlock .text {margin:2px 9px 2px 0;width:116px}
#loginBlock .checkbox {margin:2px 13px 2px 0}
#loginBlock .submit {margin-left:24px;width:46px} 
#loginBlock .logged {margin:13px 22px 25px 18px}

img.icon {margin-top:2px}

.flashOkNotice h2{ 
        font:bold 12px "Georgia"; color:#fff; width:500px 
        margin:10px 0pt;
        padding:10px 24px;
        background:#73B65A;
}

.form-errors h2 { 
        font:bold 12px "Georgia"; color:#fff; width:500px 
        margin:10px 0pt;
        padding:10px 24px;
        background:#f33;
}

span.offlineStatus,
.catalogItem .pic .caption span.offlineStatus,
.profile .about p span.offlineStatus {
        color:#E50A09;margin:0;
        font:normal 12px "Arial";
}
span.onlineStatus,
.catalogItem .pic .caption span.onlineStatus,
.profile .about p span.onlineStatus {
        color:#82A408;margin:0;
        font:normal 12px "Arial";
}
.profile .about p span.onlineStatus,
.profile .about p span.offlineStatus {
        margin-top:10px;
}
img.icon {vertical-align:text-bottom;margin-top:7px;}

.profile .about p img.icon,
.profile .about p img.icon {
        margin-top:15px;
}
.GreenFont
{
    color: #009933;
}