﻿/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: #b6b7bc;
    font-size: .80em;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    margin: 0px;
    padding: 0px;
    color: #737373;
    width:1200px;
    /*width:1400px;*/
}

a:link, a:visited
{
    color: #737373 /*#034af3*/;
}

a:hover
{
    color:#090909;/* #1d60ff;*/
    text-decoration: none;
}

a:active
{
    color: #737373;/* #034af3;*/
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #737373;
    
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
    height: 22px;
    width:500px;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 1260px;
    background-color: #fff;
   /* margin: 20px auto 0px auto;*/
    margin: 0px 0px 0px 0px;
    border: 1px solid #496077;
    min-height:720px;
    max-height:720;
    width:1260;
    max-width:1260;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #fff;
    width: 100%;
    top: 0px;
    left: 0px;
}

.header h1
{
    font-weight: 500;
    margin: 0px;
    padding: 5px 0px 5px 50px;
    color: #737373;
    border: none;
    line-height: 2em;
    font-size: 18px;
}

.login
{
    padding: 0px 0px 0px 20px;
    margin: 0px 0px 0px 0px;
    min-height: 200px;
    min-width: 400px;
}

.treeview1
{
    width:350px;
    padding:0px 0px 0px 0px;
    color: #737373;
    position:absolute;
    top:30px;
    height:562px;
    border:solid 1px #737373;
    text-align:left;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    line-height: 14px;
    font-size: 11px;
    font-weight:normal; 
    overflow-y: scroll;
}

.gridtable1
{
    width:320px;
    padding:20px 0px 0px 50px;
    color: #737373;
    position:absolute;
    top:120px;
/*    left:50px;*/
}

.gridtable1E

{
    width:320px;
    padding:20px 0px 0px 100px;
    color: #737373;
    position:absolute;
    top:120px;
 /*   left:60px;*/
    border:none 1px #737373;
    text-align:left;
    }

.gridtable2
{
    width:320px;
    padding:20px 0px 0px 450px;
    color: #737373;
    position:absolute;
    top:120px;
    text-align:left;
}

.gridtable3
{
    top: 120px;
    left: 997px;
    position: absolute;
    height: 238px;
    width: 400px;
    border:solid 1px #737373;
    text-align:left;
}

.ChartTab
{
    width:700px;
    padding:20px 0px 0px 0px;
    color: #737373;
    position:absolute;
    z-index: 100;
    top:60px;
}

.PanelImgBut
{
    padding:0px 0px 0px 0px;
    position:absolute;
    top:0px;
}

.CalendarC
{
    padding:0px 0px 0px 0px;
    z-index: 103;
    position:absolute;
    top:0px;
}
.TableTV
{
  width:370px;
  height:550px;
  padding:0px 0px 0px 0px;
  left:0px;
  position:absolute;
  top:20px; 
  border:0px none #737373;
  color:#737373;
  text-align:left;
  
}
.Table
{
  width:500px;
  padding:0px 0px 0px 0px;
  left:0px;
  position:absolute;
  top:20px; 
  color:#737373;
  text-align:left;
}
.Table1
{
  width:800px;
  height:30px;
  padding:0px 0px 0px 0px;
  left:400px;
  position:absolute;
  top:20px; 
}

/* MENU MENU MENU - menuOption, tab13, 
----------------------------------------------------------*/

#DivMenu
{
    position:absolute;
    top:80px;
}

.menuTab
{
  width:820px;
  padding:0px 0px 0px 100px;
  /*position:absolute;*/
  top:20px; 
}

.menuOption
{  
  width:300px;
  padding:20px 0px 0px 500px;
  position:absolute;
  top:120px; 
}



.main
{
    /*padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;*/
    padding: 0px 0px 0px 20px;
    margin: 0px 0px 0px 0px;
    min-height: 594px;
}

.maincontent
{
    /*padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;*/
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    min-height: 594px;
    position:absolute;
    top:100px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #010101;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#525659;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #f1524e;
    border: 1px #737373 solid;
    color: #fefefe;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration:none;
    white-space:nowrap;
}

div.menu ul li a:hover
{
    background-color: #909090;
    color: #fefefe;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #f1524e;
    color: #fefefe;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

#DivTitle
{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    border:0px solid rgb(0,0,200);
    background: #00ff00
    z-index:1;
}

#Title
{
    position:absolute;
    left:180px;
    top:40px;
    color:#818181;
}

#Logo
{
    position:absolute;
    left:40px;
    top:15px;
}

.loginDisplay
{
    font-size: 1.1em;
    display:block;
    color: #8b8b8b;
    position:absolute;
    top:10px;
    left:610px;
    z-index:101;
}

.loginDisplay a:link
{
    color: #fefefe;
}

.loginDisplay a:visited
{
    color: #fefefe;
}

.loginDisplay a:hover
{
    color: #080808;
}


#LoginInfo
{
    position:absolute;
    left:80px;
    top:0px;
    z-index:20;
}

#PicSign
{
    position:absolute;
    left:600px;
    top:7px;
    z-index:1;
}

#PicUser
{
    position:absolute;
    left:680px;
    top:7px;
    z-index:1;
}

#PicLangEN
{
    position:absolute;
    left:930px;
    top:8px;
    z-index:1;
}

#PicLangBG
{
    position:absolute;
    left:900px;
    top:8px;
    z-index:1;
}
.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.boldL
{
    font-weight: bold;
    color:#8b8b8b;
    position:absolute;
    left:130px;
    top:0px;
    z-index:20;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

AbsPos
{
    position:absolute; 
} 

.Initial
        {
            display: block;
            padding: 4px 18px 4px 18px;
            float: left;
            background: url(../Pictures/InitialImage1.jpg) no-repeat right top;
            color: white;
            /*font-weight: bold;*/
        }
 .Initial:hover
        {
            color: White;
            background: url(../Pictures/SelectedButton2.jpg) no-repeat right top;
        }
.Clicked
        {
            float: left;
            display: block;
            background: url(../Pictures/SelectedButton1.jpg) no-repeat right top;
            padding: 4px 18px 4px 18px;
            color: Black;
            font-weight: bold;
            color: White;
        }        
        
.buttonT
        {
            /*left:450px;*/
            top:0px;
    position:absolute;
           
        } 

.buttonC
        {
            /*left:0px;*/
            top:0px;
    position:absolute;
           
        } 

img.picWC
{
   /* width: 16px;
    height: 16px;*/
    display:none;
    position:absolute; 
    left:60px;
    top:100px;
}

img.picC
{
   /* width: 16px;
    height: 16px;*/
    display:none;
    position:absolute; 
    left:15px;
    top:100px;
}

img.picT
{
   /* width: 16px;
    height: 16px;*/
    display:none;
    position:absolute; 
    left:420px;
    top:100px;
}

input.suc
{
    font-size: 8px;
    color: #00ff00;
}
input.nosuc
{
    font-size: 8px;
    color: #ff0000;
}
        
.Frame1
{
    position:absolute;
    top:72px;
    left:400px;
/*    height:536px;*/
    height:540px;
    width:848px;
    border:0px none #797979;
    z-index:200;
    background-color: #f8f9f8;
}

.CDiagram
{
    position:absolute;
    top:0px;
    left:0px;
    height:548px;
    width:860px;
    border:1px none #797979;
 }
 
 .LabelWelcome
 {
     top:50px; 
     left:220px;  
     display:inline;
     color:#f1524e;
     position:absolute;
     font-family: Verdana, Arial, Helvetica, Sans-Serif;
     font-style:oblique;
     font-size:24px;
 }
 .PictureWelcome
 {
     top:80px; 
     left:120px;  
     width:75%;
     height:75%;
     display:inline;
     position:absolute;
     /*background-image:Pictures/home1.jpg;*/
 }
 
 .BodyWelcome
 {
    margin: 0px;
    padding: 0px;
    background:#fefefe;
   
 }
.GVAltRow
{
    background-color:#f4f4f4;
    }
.GVRow
{
    background-color:#fbfbfb;
}

caption
{
    caption-side:top;
    text-align:center;
    text-decoration:underline;
    font-weight: bold;
   
}

.Chart6
{
    top:100px; 
    left:10px; 
    position:absolute;
/*    width:500px;*/
}

.Chart5
{
    top:1000px; 
    left:2px; 
    position:absolute;
}

.Chart4
{
    top:500px; 
    left:460px; 
    position:absolute;
}
.Chart3
{
    top:500px; 
    left:2px; 
    position:absolute;
}
.Chart2
{
    top:100px; 
    left:460px; 
    position:absolute;
}
.Chart1
{
    top:99px; 
    left:2px; 
    position:absolute;
}

#LogoD
{
    border:0px none;
    top:30px;
    left:1010px;
    position:absolute;
}

#MainContent_GridView1
{
    width:400px;
}

#MainContent_GridView2
{
    width:320px;
}

#MainContent_GridView3
{
    width:320px;
}

#SessionD
{
    position:absolute;
    left:1050px;
    top:90px;
    height:15px;
    width:250px;
}

.Session
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size:11px;
    color:#fefefe;
    font-style:italic;

}
#SessionStatL
{
    position:absolute;
    left:2px;
    top:2px;
}

#SessionStatC
{
    position:absolute;
    left:50px;
    top:2px;
}

#SessionStat
{
    position:absolute;
    left:170px;
    top:2px;
    display:none;
}