html, body
{
   width:   100%;
   height:  100%;
   margin:  0px;
   padding: 0px;
   border:  0px;
}

body
{
   background-color: transparent;
   margin: 0px;
   border: 0px;
}

img   { border: 0px;}

body, p, td, th, h1, h2, h3, h4, h5, h6, li, ol, ul
{
   font-family: 'Trebuchet MS', Arial, Swiss, Helvetica, sans-serif;
}

body
{
   color: #454850;
}

body, p, h1, h2, h3, h4, h5, h6, li, ol, ul
{
   border: 0px;
}

body, p, td, th, li, ol, ul
{
   font-size: 10pt;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
   font-weight: bold;
   color: #8EC74B;
}

 h1 a:link, h1 a:visited, h1 a:active, h1 a:hover
,h2 a:link, h2 a:visited, h2 a:active, h2 a:hover
,h3 a:link, h3 a:visited, h3 a:active, h3 a:hover
,h4 a:link, h4 a:visited, h4 a:active, h4 a:hover
,h5 a:link, h5 a:visited, h5 a:active, h5 a:hover
,h6 a:link, h6 a:visited, h6 a:active, h6 a:hover
,.h1 a:link, .h1 a:visited, .h1 a:active, .h1 a:hover
,.h2 a:link, .h2 a:visited, .h2 a:active, .h2 a:hover
,.h3 a:link, .h3 a:visited, .h3 a:active, .h3 a:hover
,.h4 a:link, .h4 a:visited, .h4 a:active, .h4 a:hover
,.h5 a:link, .h5 a:visited, .h5 a:active, .h5 a:hover
,.h6 a:link, .h6 a:visited, .h6 a:active, .h6 a:hover
{
   color: #8EC74B;
}

.copyright,.copyright:link,.copyright:active,.copyright:visited,.copyright:hover
{
   color: #454850;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 8pt;
   line-height: 8pt;
   font-weight: bold;
   text-decoration: none;
}

.jnslink,.jnslink:link,.jnslink:active,.jnslink:visited,.jnslink:hover
{
   color: #454850;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 8pt;
   line-height: 7pt;
   font-weight: bold;
   text-decoration: none;
}


.menuhead
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   background-color: #454850;
   color: #FF3932;
   text-decoration: none;
   cursor:default;
   padding-top: 4px;
   padding-bottom: 0px;
}

.menubg
{
   background-color: #454850;
}

.menudisabled
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   background-color: #454850;
   color: #808080;
   text-decoration: none;
   cursor:default;
   padding-top: 2px;
   padding-bottom: 2px;
}

div.menuitem,
div.menuitem a,
div.menuitem a:link,
div.menuitem a:visited,
div.menuitem a:active
{ 
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   background-color: #454850;
   color: #FFFFFF;
   text-decoration: none;
   padding-top: 2px;
   padding-bottom: 2px;
}

div.menuitem a
{ 
   display: block;
}
  
div.menuitem a:hover
{
   color:#454850;
   background-color:#FFFF00;
   text-decoration: none;
}

h1, .h1      { font-size: 18pt; }
h2, .h2      { font-size: 16pt; }
h3, .h3      { font-size: 14pt; }
h4, .h4      { font-size: 12pt; }
h5, .h5      { font-size: 10pt; }

a:link       { color: #8EC74B; text-decoration: none; }
a:active     { color: #8EC74B; text-decoration: none; }
a:visited    { color: #8EC74B; text-decoration: none; }
a:hover      { color: #8EC74B; text-decoration: underline; }

.green       { color: #8EC74B; }
.red         { color: #EE3338; }
.whitebg     { background-color: #FFFFFF; }
.graybg      { background-color: #454850; }
.greybg      { background-color: #454850; }
.justify     { text-align: justify; }

.tiny        { font-size: 5pt; }
.small       { font-size: 8pt; }
.normal      { font-size: 10pt; }
.large       { font-size: 12pt; }
.huge        { font-size: 16pt; }
.xhuge       { font-size: 24pt; }

.centered { text-align: center;}
.bold     { font-weight: bold;}

.newshead
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12pt;
   text-align: center;
   font-weight: bold;
   padding-bottom: 4px;
}

.newsbody
{
   padding-left: 4px;
   padding-right: 4px;
   font-weight: bold;
   text-align: justify;
}

.newsbody a:link,
.newsbody a:visited,
.newsbody a:active,
.newsbody a:hover
{
   color: #454850;
}

/* light grey corner box */
.lightgreyBox
{
   background: rgb(216,216,216);
   margin: 8px 0 8px 0;
   padding: 0;
}

.lightgreyBoxHeader
{
   height: 8px;
   overflow: hidden;
   background: rgb(216,216,216);
}
.lightgreyBoxHeader div
{
   width: 8px;
   height: 8px;
   overflow: hidden;
   background: rgb(216,216,216);
}
.lightgreyBoxFooter
{
   height: 8px;
   overflow: hidden;
   background: rgb(216,216,216);
}
.lightgreyBoxFooter div
{
   height: 8px;
   width: 8px;
   overflow: hidden;
   background: rgb(216,216,216);
}
.lightgreyBoxContent
{
   background: rgb(216,216,216);
   margin: 0 8px 0 8px;
}

/* light green corner box */
.lightgreenBox
{
   background: #8EC74B;
   margin: 8px 0 8px 0;
   padding: 0;
}

.lightgreenBoxHeader
{
   height: 8px;
   overflow: hidden;
   background: #8EC74B;
}
.lightgreenBoxHeader div
{
   width: 8px;
   height: 8px;
   overflow: hidden;
   background: #8EC74B;
}
.lightgreenBoxFooter
{
   height: 8px;
   overflow: hidden;
   background: #8EC74B;
}
.lightgreenBoxFooter div
{
   height: 8px;
   width: 8px;
   overflow: hidden;
   background: #8EC74B;
}
.lightgreenBoxContent
{
   background: #8EC74B;
   margin: 0 8px 0 8px;
}

/* dark grey corner box */
.darkgreyBox
{
   background: rgb(69,72,80);
   margin: 0px 0 0px 0;
   padding: 0;
}

.darkgreyBoxHeader
{
   height: 8px;
   overflow: hidden;
   background: rgb(69,72,80);
}
.darkgreyBoxHeader div
{
   width: 8px;
   height: 8px;
   overflow: hidden;
   background: rgb(69,72,80);
}
.darkgreyBoxFooter
{
   height: 8px;
   overflow: hidden;
   background: rgb(69,72,80);
}
.darkgreyBoxFooter div
{
   height: 8px;
   width: 8px;
   overflow: hidden;
   background: rgb(69,72,80);
}
.darkgreyBoxContent
{
   background: rgb(69,72,80);
   margin: 0 8px 0 8px;
}

.newsframe
{
   border-top: 2px solid rgb(216,216,216);
   border-left:  2px solid rgb(216,216,216);
   border-bottom: 0;
   border-right: 0;
}

.prodframe
{
   border-top: 2px solid rgb(255,255,255);
   border-left:  2px solid rgb(255,255,255);
   border-bottom: 0;
   border-right: 0;
}

.header, .headersmall
{
   color: #8EC74B;
   background-color: #454850;
   line-height: 20px;
   padding-bottom: 4px;
   text-align: center;
}
.header
{
   font-size: 20px;
}
.header span
{
   font-size: 16px;
}
.headersmall
{
   font-size: 18px;
}
.headerbig
{
   color: #8EC74B;
   background-color: #454850;
   font-size: 24px;
   text-align: center;
}
.headerbig3D
{
   color: #8EC74B;
   font-size: 24px;
   text-align: center;
}
.headersmalllight
{
   color: #333333;
   font-size: 16px;
   text-align: center;
}

.header a:link,
.header a:visited,
.header a:active,
.header a:hover,
.headersmall a:link,
.headersmall a:visited,
.headersmall a:active,
.headersmall a:hover,
.headerbig a:link,
.headerbig a:visited,
.headerbig a:active,
.headerbig a:hover
{
   color: #8EC74B;
}

.celltext
{
   padding-left: 4px;
   padding-right: 4px;
}

.logondiv
{
   font-size: 12px;
   line-height: 14px;
   color: #000000;
   padding: 2px;
}

.greybutton
{
   color: #FFFFFF;
   background-color: #454850;
   font-size: 12px;
   line-height: 15px;
   font-weight: bold;
   border:2px solid;
   border-top-color:#6B6E76;
   border-left-color:#6B6E76;
   border-right-color:#2C2D30;
   border-bottom-color:#2C2D30;
   cursor: pointer;
   padding-left: 4px;
   padding-right: 2px;
   padding-top:  2px;
   padding-bottom: 0px;
   margin:0;
   height: 21px;
   text-align: center;
   white-space: nowrap;
}

#auth-confirm {

color: #8EC74B;
display: none;
position: absolute;
left: 531px;
top: 400px;
z-index: 200;

}

#cover-page {
height: 100%;
width: 100%;
background-color: #000000;
position: absolute;
display: none;
left: 0px;
top:  0px;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
z-index: 150;
}

#cover-layer {
height: 100%;
width: 100%;
background-color: #FFFFFF;
position: absolute;
display: none;
left: 0px;
top:  0px;
filter: alpha(opacity=40);
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
opacity: 0.4;
z-index: 80;
}


#cover-background {

filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;

}

.picborder {
border: 2px solid gray;
}
.picthinborder {
border: 1px solid gray;
}
.picborderover {
border: 2px solid black;
}


#auth-submit  {
display: none;
}

#auth-confirm {
display: none;
}

.nouline:hover {
text-decoration: none;
}

#ui-datepicker-div {
z-index: 9999;
display: none;
}

input[type="text"],
input[type="password"] {
border:1px groove #676A72;
}



input[type="text"]:focus,
input[type="password"]:focus {
border:1px groove #676A72;
background-color: #fafff4;
}

textarea {
border:1px groove #676A72;
}

textarea:focus {
border:1px groove #8EC74B;
background-color: #fafff4;
}


.lang-switcher {padding:0; margin:0px 12px; list-style:none;}
.lang-switcher li { display: inline; }
.lang-switcher a {display: inline-block; height:20px; line-height:20px; text-decoration:none; width: 25px;}


#en-lang {background: transparent url(/jgnss/images/flags.png) no-repeat scroll -25px -18px; padding-left:20px; }
#ru-lang {background: transparent url(/jgnss/images/flags.png) no-repeat scroll -1px -0px; padding-left:20px;}