html                        { height: 100%; margin: 0; padding: 0; }

body                        { background: transparent url('/img/lath.gif') no-repeat top right; height: 100%;
                              background-color: #406060; color: #eeffff; margin: 0; padding: 0;
                              font: 9pt "Dejavu Sans", Verdana, sans-serif;
                              /* scrollbar-arrow-color: #e0f0f0; scrollbar-base-color: #406060; */
                              text-align: center; cursor: default; }
body>#container>#container2>#container3
                            { height: auto; }

#container                  { position: relative; margin: 0 auto; width: 830px; height: 100%; text-align: left; z-index: 10; }
#container2                 { padding-left: 10px; height: 100%; }
#container3                 { background-color: #3a5a5a; background: url('/img/bg.gif') repeat-y; width: 780px;
                              min-height: 100%; height: 100%; }

#mainContainer              { margin-left: 10px; width: 760px; /* border-bottom: 1px solid #2a4a4a; */ }
#contentContainer           { width: 760px; background: url('/img/mcbg.gif') repeat-y; }
#contentMain                { margin: 0 150px 0 180px; padding: 10px 0; }

#panelLeft                  { float: left; width: 170px; min-height: 500px; padding-top: 10px; }
#panelRight                 { float: right; width: 140px; }

#header                     { background: url('/img/hbg.gif') no-repeat; height: 100px; padding-left: 10px; }
#headerImage                { height: 75px; }

#extlinks                   { padding: 5px 0 10px 0; }
#extlinks a                 { font-weight: normal; }
#extlinks span              { padding: 0 4px; }
#breadcrumbs                { height: 25px; margin: 0 10px 0px 185px; line-height: 25px; color: #e0e0e0; font-weight: bold; }

#copyright                  { background-color: #2a4a4a; color: #002020; font-weight: bold; text-align: center;
                              padding: 2px 140px 2px 170px; border-width: 0px 1px 1px 1px; border-style: none solid solid solid;
                              border-color: #204040; clear: both; }

.leftHeader, .rightHeader   { font-size: 10pt; font-weight: bold; line-height: 16pt; color: #fff;
                              border-color: #204040; border-style: solid solid none solid; border-width: 1px 1px 0 1px;
                              background: #2a4a4a url('/img/fhbg.gif'); margin: 0px 10px; padding: 0px 5px; }
.leftFrame                  { border: 1px solid #204040; background-color: #456565; margin: 0px 10px 10px; padding: 5px 3px; }
.rightHeader                { font-size: 10pt; line-height: 14pt; margin: 0 1px;
                              border-style: none none solid none; border-width: 0 0 1px 0; }
.rightFrame                 { font-size: 8pt; padding: 5px 3px; }

/* menu styles */
dl                          { margin: 0; padding: 0; }
dd                          { font-weight: normal; font-size: 8pt; color: #fff; padding-left: 14px; line-height: 12px; margin-left: 0; }
dd.selected                 { background: url('/img/arrow.gif') no-repeat; }
dd a                        { font-weight: normal; }
dd a.selected               { color: #000; }

.mframe130                  { background: url('/img/mframe130.gif') repeat-y; margin: 0 1px 10px 1px;
                              border-top: 1px solid #204040; border-bottom: 1px solid #204040; }
.mheader130                 { background: url('/img/mheader130.gif') no-repeat; border-bottom: 1px solid #204040;
                              width: auto; height: 20px; font: bold 10pt Verdana, "Bitstream Vera Sans", Helvetica, sans-serif;
                              padding: 4px 3px 1px 3px; margin: 0 1px; color: #f0e0e0; text-align: center; }
.mframe150                  { width: 150px; background: url('../img/mframe150.gif') repeat-y; margin-bottom: 10px;
                              border-top: 1px solid #204040; border-bottom: 1px solid #204040; }
.mheader150                 { background: url('../img/mheader150.gif') no-repeat; border-bottom: 1px solid #204040;
                              font: bold 10pt Verdana, "Bitstream Vera Sans", Helvetica, sans-serif; color: #f0e0e0;
                              width: auto; height: 20px; padding: 4px 3px 1px 3px; margin: 0px; text-align: center; }
.mframeMain                 { border: 1px solid #204040; margin-bottom: 10px; }
.mheaderMain                { width: auto; height: 20px; background: url('../img/mheader500.gif') no-repeat;
                              border-bottom: 1px solid #204040; padding: 4px 3px 1px 3px; margin: 0px;
                              font: bold 1.1em Verdana, "Bitstream Vera Sans", Helvetica, sans-serif;
                              color: #f0e0e0; text-align: center; }

.statusOK                   { color: green; }
.statusFailed               { color: red; }

.pad                        { padding: 3px 3px 5px 3px; text-align: left; }
.padc                       { padding: 3px 3px 5px 3px; text-align: center; }
.padsm                      { padding: 3px 3px 5px 3px; font-size: 8pt; text-align: left; }
.padads                     { width: 125px; height: 125px; margin: 9px 10px 9px 11px; padding: 1px;
                              text-align: center; border: #204040 1px dashed; }
.padadsIReklama             { width: 125px; height: 140px; margin: 0px 10px 9px 11px; padding: 1px; text-align: center; }

.fontSmall                  { font: bold 10px sans-serif, Verdana, Arial, Helvetica; line-height: 13px; }
.small, .small a            { font-size: 8pt; }

.to_top a                   { font-weight: normal; font-size: 8pt; }

#mainMenu                   { width: 150px; }

dt                          { height: 13px; margin-left: 2px; padding-left: 16px; text-align: left; }
dt.actual                   { background: url('../img/arrow.gif') no-repeat; }
dt.done                     { background: url('../img/done.gif') no-repeat; }
dt.none                     { background: url('../img/none.gif') no-repeat; }

a                           { color: #ffffff; font-size: 9pt; font-weight: bold; text-decoration: none; }
a:hover                     { color: #ffffff; text-decoration: underline; }
a.detail                    { float: right; display: block; border: 1px solid #254545; background-color: #305050;
                              width: 85px; text-align: center; margin-top: 5px; font-size: 9pt; }
a.detail:hover              { background-color: #2a4a4a; }

div.tariffR                 { width: 150px; text-align: right; padding: 0 5px 0 0; font-weight: bold; }
div.cost                    { margin-bottom: 5px; }
div.cost1                   { color: #f00; font-size: 16pt; font-style: italic; line-height: 16pt; }
div.cost2                   { color: #f00; font-size: 8pt; font-style: italic; line-height: 4pt; padding-left: 25px; }

fieldset                    { border: 1px solid #2a4a4a; padding: 6px; margin-bottom: 10px; }
legend                      { padding: 0 5px; border: 1px solid #254545; background: #305050; font-size: 8pt; }
legend.tariff               { font-weight: bold; }

form                        { margin: 0 0 2px 0; }
form p input                { margin-left: 130px; }
input, textarea, select,
button                      { background-color: #406060; color: #eeffff; border: #2a4a4a 1px solid; font: 9pt sans-serif;
                              margin: 0px 2px 2px 2px; padding: 1px 3px; }
input:focus, textarea:focus,
select:focus, button:focus  { background-color: #4a6a6a; }
button                      { font: bold 9pt Verdana, "Bitstream Vera Sans", sans-serif; background-color: #305050;
                              padding: 1px 5px; }
label                       { float: left; display: block; width: 130px; text-align: right;
                              padding-right: 2px; line-height: 20px; }
label.inline                { float: none; display: inline; }
input#fastCheckDomainDomain { width: 50px; font: 8pt sans-serif; text-align: right; padding: 3px; margin-bottom: 4px; }
select#fastCheckDomainSelect { font: 8pt sans-serif; padding: 0px; margin: 3px 0px 5px 2px; width: 50px; }

label.usermenu              { text-align: left; font-weight: bold; padding: 0 0 2px 4px; }
input.usermenu              { width: 130px; /*margin-left: auto; margin-right: auto;*/ }
form.usermenu               { margin-left: auto; margin-right: auto; }

span.newsTitle              { font-weight: bold; }
div.newsContent             { font: 8pt Verdana, "Bitstream Vera Sans", Helvetica, sans-serif; }

div.frame                   { border: 1px solid #2a4a4a; background-color: #456565; padding: 4px; }

/*
div.program                 { float: right; width: 240px; }
div.pcontent                { background-color: #406060; border: #204040 1px dotted; font: 11px sans-serif;
                              padding: 3px 3px 5px 3px; text-align: left; }
.program_logo               { border: #000000 1px dotted; float: left; margin: 0px 3px 2px 0px; }
.program_margin             { margin-right: 5px; }
*/

h4.programHeader            { font: bold 11pt "Dejavu Sans", Verdana, Helvetica, sans-serif; margin-top: 12px; margin-bottom: 12px; }
h5.programCost              { font: bold 9pt "Dejavu Sans", Verdana, Helvetica, sans-serif;
                              text-align: center; margin-top: 0px; margin-bottom: 12px; }

.sprogram                   { background-color: #406060; border: #000000 1px dotted; padding: 3px 3px 5px 3px;
                              margin-bottom: 5px; text-align: left; }

h3                          { margin: 4px 0px; font-size: 11pt; }
h4                          { margin: 4px 0px 2px; font-size: 10pt; }
h4.title, h3.title          { background-color: #305050; border-color: #254545; border-width: 1px 0px;
                              border-style: solid none; font-style: italic; padding: 1px 10px; margin: 0px 0px 6px; }

h4.domainStatus             { background: none; font-style: normal; font-size: 11pt; border: 0; }
h4.domainStatus span        { color: #ff0000; }

.needed                     { color: #ff0000; }

.recLine, .recLineT,
.recLineTB                  { line-height: 20px; }
.recLineT                   { border-top: 1px solid #204040; }
.recLineTB                  { border-top: 1px solid #204040; border-bottom: 1px solid #204040; }
.recLabel                   { padding: 1px 3px 1px 3px; margin-right: 5px; text-align: left; background-color: #2a4a4a;
                              line-height: 18px; font-weight: bold; }

ul                          { padding: 0 0 0 18px; background: none; }
li                          { list-style: url('/img/square.gif'); }

.tc                         { text-align: center; }

span.ref                    { color: #eeeeee; font-weight: bold; }

.clear                      { clear: both; }

.float-left                 { float: left; }
.float-right                { float: right; }
.no-float                   { float: none; }
.no-float-inline            { display: inline; float: inherit; }

.info                       { background: url('/img/info.gif') no-repeat; padding-left: 25px; }

.wiA                        { width: auto; }
.wi50pr                     { width: 210px; }
.wi75                       { width: 75px; }
.wi110                      { width: 110px; }
.wi150                      { width: 150px; }
.wi200                      { width: 200px; }

/* webhosting programs on homepage */
div.program                 { float: left; border: 1px solid #355555; width: 138px; margin-bottom: 10px;
                              font: 8pt "Dejavu Sans", Arial, sans-serif; }
div.program h2              { margin: 2px 2px 10px; font-style: italic; font-size: 12pt; color: #eae0e0; }
div.program ul              { padding: 0; }
div.program li              { list-style: none; }
div.program div             { padding: 0 4px; }
div.program div span.price  { float: left; font: bold italic 14pt "Dejavu Sans", Verdana, sans-serif; color: #e00000;
                              text-align: center; line-height: 22pt; }
div.program div a.detail    { font-size: 8pt; width: auto; padding: 0 8px; line-height: 12pt; color: #fff; }

.m9                         { margin-left: 5px; }
.pad-text                   { padding: 4px 4px; }

.lpanel                     { display: block; float: left; background-color: #305050; width: 120px;
                              padding: 5px 5px 0 0; margin-right: 5px; }

.navigator                  { color: #c0c0c0; float: left; width: 60px; text-align: center; cursor: pointer;
			      font-size: 8pt; }
.wstep                      { display: none; }

/* debug */
.debug                      { position: absolute; right: 0; top: 5px; min-width: 200px; text-align: left; color: #80a0a0;
                              background-color: #1a3a3a; border-right: 1px solid #002020; border-bottom: 1px solid #002020;
                              font: 8pt courier; padding: 3px; opacity: .2; z-index: 0; }
.debug:hover                { right: 0; z-index: 1000; opacity: .75; }
.debugLine                  { border: 1px solid red; }

.active                     {color: red}

/* USER MENU */
dd.login-menu               { margin: 0 5px; font-size: 8pt; line-height: 12pt; }
dd strong                   { color: #000000; font-size: 10pt; }

/* LOCALIZATIONS */
#localization               { margin: 6px 0 0 0; position: absolute; right: 58px; }
#localization dir.flag      { float: right; border: 1px solid #000000; width: 21px; height: 13px;
                              padding: 0px; margin: 0 0 0 3px; filter: alpha(opacity=50);
                              -moz-opacity: .25; opacity: .5;
                              background: url('/img/flags.gif') 0 0 no-repeat; }
#localization dir.hover     { filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}
#localization a.flag        { cursor: pointer; }

.right                      { float: right; }
.left                       { float: left; }
.center                     { margin: 0 auto; vertical-align: middle; text-align: center; }
table.center                { text-align: center; }
th                          { font-weight: bold; font-size: 110%; }

.notFound                   { font-weight: bold; padding: 8px; }
.hidden                     { display: none; }

/* PAGER */
.paging                     { margin-right: 80px; text-align: center; }
.current                    { color: #fff; }
.page                       { border: 1px dotted #204040; padding: 3px; background-color: #2a4a4a; }
/* PAGER */

.w100p                      { width: 100%; }
.w100                       { width: 100px; }
.w200                       { width: 200px; }

/* NEWS */
.newsPreview                { }
.newsPreview .newsSeparator { border: 1px solid #5a7a7a; border-style: none none dotted none; }
.newsPreview .newsDate      { text-align: right; color: #000; font-size: 7pt; }
.newsPreview .newsTitle a   { font-weight: normal; }
.news .newsSeparator        { margin: 5px auto; border: 1px solid #5a7a7a;
                              border-style: none none dotted none; }
.news .newsDate             { text-align: right; color: #000; font-size: 7pt; }
.news .newsTitle            { font-weight: bold; margin-bottom: 6px; }
.news .paging               { margin-right: 0; }
/* NEWS */