/*
html,body       {margin:0; padding:0; border:0; width: 100%; font-family:times; color: black}
html                            {height: 100%;}
* html body {height:100%}
html > body     {min-height: 100%; height: auto}
*/

html,body       {margin:0; padding:0; border:0;height: 100%; width: 100%; font-family:times; color: black}
html                            {height: 100%;}
* html body {height:100%}

body				{position: relative}
p						{margin-top:0; margin-bottom:1em}
label				{font-family:Arial; font-size:85%}
h1					{font-family:Arial; font-size:72px; font-style:italic; text-align:left; color:#ccc; margin:0}
h2,h3,h4		{font-family:Arial narrow, arial, helvetica, sans-serif;text-decoration:none; color: #333; margin-bottom:0; }
a						{text-decoration:underline; color:#333}
a:hover			{color:#F63}
a.warning		{color: #FF6633; text-decoration:none; border-bottom: #FF6633 1px dotted}
a.warning:hover		{color: red; border-bottom: red 1px solid}

a.saveLink, a.pdfIcon, a.external	{position: relative;z-index:0}
a.saveLink {background: url('../img/save.gif') 0 3px no-repeat; padding-left: 22px;}
a.pdfIcon {background: url('../img/pdf_icon.gif') 0 3px no-repeat; padding-left: 22px;}
a.external {background: url('../img/external.gif') 0 6px no-repeat; padding-left: 18px;}

#wrapPanel      {width: 100%; margin: 0; padding: 0;}
#leftPanel		{float:left; width:40%}
#rightPanel		{margin-left: 40%}
#leftPanel div.wrap,
#rightPanel div.wrap {border:1px solid #666; padding: 10px; background: #ccc; margin-bottom:20px}
#rightPanel div.wrap {margin-left: 10px;}
#header				{margin:0px; padding-top:0; border-bottom:#FF6633 2px solid; background:#666 url(../img/platinum_logo.gif) no-repeat 20px 14px; padding-left:100px; clear:both; min-width:700px}
#lbms					{margin:0; padding: 5px; float:right; background: #ccc; border-left: white 1px solid; border-bottom: white 1px solid}
#lbms p				{margin:0; font-family: arial}
#taskBar			{float:right; margin-top:2px;}
#taskBar p		{margin:0; font-family: arial}
.barItem			{background:#ccc; padding:5px; margin:0; margin-left: 20px; border-top: white 1px solid; border-left: #666 1px solid; border-bottom: #666 1px solid}
#content			{margin:0; padding:0 20px;}

.option				{float:left;margin-right:10px;}
#notify				{margin:40px 20px; padding:20px; border:1px solid #FF6633; background: #ffff66; float:none; width:40%; position:relative}
#notify p			{font-family:arial; font-size:90%; text-align:left; margin-top:0}
.key					{margin:0; font-family:arial; color:#ccc; font-style:italic}
.smaller			{font-size:80%}
.t-tip				{border-bottom:1px dotted #333;}
.ligUpService {font-size:75%; font-family:Arial,helvetica; color:#333; border-bottom:1px dotted #333; cursor:pointer; cursor:hand; margin: 0 1em 0 1em}
.hidden				{display:none}

#tooltip{
    background:#FFFFFF;
    border:1px solid #666666;
    color:#333333;
    font:menu;
    margin:0px;
    padding:3px 5px;
    position:absolute;
    visibility:hidden
}
#rightPanel ul {
    margin: 0;
    padding-left: 1em;
    list-style-type: square;
}

#rightPanel ul li {margin-bottom: 0.5em;}
#rightPanel ul li ul li {
    margin-bottom: 0;
    font-family: arial;
    font-size: 85%;
    list-style-type: circle;
}

#receptor {
    background: #eee;
    border: #ccc 1px solid;
    padding: 0.5em;
}

#receptor h3 {margin-top: 0}

div#taskOptions {
    float: right;
    background: white;
    padding: 0.5em;
}

.note {
    font-family: arial;
    font-size: 85%;
    color: #666;
    margin-top: 1em;
}
/**
 * Стили выбиралки построения карт
**/
a.mapOption {text-decoration: none}
div#opt_mapPlain, div#opt_mapCylinder {
    border: #ff6633 2px solid;
    padding: 0.5em;
    width: 220px;
    height: 100px;
    float: left;
    text-align: center;
    position: relative;
}
div#opt_mapPlain {margin-right: 10px;}
div#opt_mapPlain div.text, div#opt_mapCylinder div.text {
    position: absolute;
    bottom: 0.5em;
    background: none;
}
div#opt_mapPlain span, div#opt_mapCylinder span {
    font-family: arial;
    font-size: x-small;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    color: #003366;
}
a.mapOption:hover div span {border-bottom-style: solid; color: #ff6633 !important; }
a.mapOption div {background: #ffffcc;}
a.mapOption:hover div {background: #ffff99;}
a.selected div {background: #ccffff; border-color: #003366 !important;}
a.selected:hover div {background: #99ffff;}
#mapForm {
    font-family: 'arial narrow', arial;
    font-size: 85%;
    color: #666;
    margin-top: 1em;
}

/**
 * Подвал
*/
ul#footer {
	margin-top: 20px;
    margin-bottom: 0;
    font-size: 0.8em;
    font-family: Arial, sans-serif;
    list-style-position: outside;
    list-style-type: none;
    padding: 0;
    vertical-align: top;
    clear: left;
    background: #ccc;
    border-top:#FF6633 2px solid;
    height: 120px;
}

ul#footer li {
    overflow: hidden;
    padding: 0.5em 0 1em;
    position: absolute;
    text-indent: 0;
}

#footer .copyright {      /* Блок "копирайт и счетчик" */
    left: 2%;
    width: 30%;
}

#footer .contacts {     /* Блок "контактная информация" */
    left: 34%;
    width: 50%;
}

#footer .footerLogo {    /* Блок "лого лабы" */
    left: 86%;
    width: 12%;
    text-align: right;
}