body 
{
	background-image: url('../../Images/bg.jpg');
    background-color:#6699cc;
	background-repeat: repeat-y;
	background-position:center;
	font-family: Trebuchet MS, Verdana;
	font-size:small;
	color:#000000;
}

.UpdateProgress 
{
    background-color: Black;
    color: White;
    font-weight: bold;
}

.EntryLineHover
{
    background-color:#ACC8E6;
    color:Black;
}

.progressBackgroundFilter 
{
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
    filter:alpha(opacity=50); 
    opacity:0.5; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    z-index:100; 
}

#center {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    left:0px;
    right:0px;
    text-align: left;
}


.processMessage {
    position: fixed;
    top: 30%;
    left: 43%;
    padding: 10px;
    width: 14%;
    z-index: 110;
    background-color: #fff;
    color: #000;
    border: solid 1px #000;
}


.yearStyle
{
    position:absolute;
    top:40px;
    right:-20px;
}

.yearDiv
{
    margin-left: auto;
   margin-right: auto;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);   
    -ms-transform: rotate(90deg); 
    -o-transform: rotate(90deg); 
    transform: rotate(90deg); 
    height:58px;

}

.yearButton
{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color:Red;

    /*background-image:url(~/Images/jaar2010_Light.jpg);*/
}

.divider{
    width:5px;
    height:auto;
    display:inline-block;
}

.divStart
{
    position:relative;
    width:700px;
    height:130px;
}

.divFloat
{
    float:left;
    
}

.topLeft 
{ 
    position:absolute; 
    top:0px; 
    left:0px;
    width:150px;
    height:130px;
        border-right: gainsboro thin solid;
    border-top: gainsboro thin solid;
    border-left: gainsboro thin solid;
    border-bottom: gainsboro thin solid;
    background-color: #FFFAFA;

}

.topMiddle 
{ 
    position:absolute; 
    top:0px; 
    left:150px;
    width:350px;
    height:130px;
    border-right: gainsboro thin solid;
    border-top: gainsboro thin solid;
    border-left: gainsboro thin solid;
    border-bottom: gainsboro thin solid;
    background-color: #FFFAFA;

}

.topRight 
{ 
    position:absolute; 
    top:0px; 
    left:500px;
    width:200px;
    height:130px;
    border-right: gainsboro thin solid;
    border-top: gainsboro thin solid;
    border-left: gainsboro thin solid;
    border-bottom: gainsboro thin solid;
    background-color: #FFFAFA;

}

.divAccount
{
    position:absolute;
    width:500px;
    left:0px;
    height:130px;
    border-right: gainsboro thin solid;
    border-top: gainsboro thin solid;
    border-left: gainsboro thin solid;
    border-bottom: gainsboro thin solid;
    background-color: #FFFAFA;
    margin-bottom:0;
    margin-top:0;

}

.divStandard
{
    border-right: gainsboro thin solid;
    border-top: gainsboro thin solid;
    border-left: gainsboro thin solid;
    border-bottom: gainsboro thin solid;
    background-color: #FFFAFA;
    margin-bottom:0;
    margin-top:0;
}

.message 
{ 
    position:fixed; 
    top:30%; 
    left:70%;
    padding:10px; 
    width:44%; 
    z-index:110; 
    background-color:#fff;
    border:solid 1px #000;
}

.modal
{
    background-color:#000;
    filter:alpha(opacity=50);
    opacity:0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    z-index:100; 

}


.fieldError
{
background-color: Red;
color: Red;
}

.fieldCorrect
{
background-color: Lime;
color: White;
}

.fieldEnter 
{
 color: Green;
}

.DataWebControlStyle
{
    border-right: gainsboro thin solid;
    border-top: gainsboro thin solid;
    border-left: gainsboro thin solid;
    border-bottom: gainsboro thin solid;
    background-color: #333333;
    font-size: small;
    width: 824px;
}

.highlight        
{
    color:white;        
    background-color:#AAEEFF;        
    cursor: pointer;      
}

.RowStyle
{
    background-color: #FFFAFA;
    border-bottom: gainsboro thin solid;
}

.SelectedRowStyle
{
    background-color: #87CEEB;
    border-bottom: gainsboro thin solid;
}

.HeaderStyle
{
    background-color: #ADD8E6;
    font-weight: bold;
    text-align: left;
}

.FooterStyle
{
    background-color: #ADD8E6;
    font-weight: bold;
    text-align: center;
    font-size:medium;
}

.TableMain
{
    border-right: gainsboro thin solid;
    border-top: gainsboro thin solid;
    border-left: gainsboro thin solid;
    border-bottom: gainsboro thin solid;
    background-color: #333333;
    font-size:8pt;
    font-weight:bolder;
    margin-bottom:0;
    margin-top:0;
}

.GridMain
{
    border-right: gainsboro thin solid;
    border-top: gainsboro thin solid;
    border-left: gainsboro thin solid;
    border-bottom: gainsboro thin solid;
    background-color: #333333;
    font-size:small;
    width: 824px;
}

.GridRow
{
    background-color: #FFFAFA;
    border-bottom: gainsboro thin solid;
}

.GridSelectedRow
{
    background-color: #FFFCFA;
    border-bottom: gainsboro thin solid;
}

.GridHeader
{
    background-color: #ADD8E6;
    font-weight: bold;
    text-align: left;
}

.GridFooter
{
    background-color: #ADD8E6;
    font-weight: bold;
    text-align: center;
    font-size:medium;
}

.Header 
{
    background-repeat:no-repeat;
    top: 0px;
    left: 50%;
    position: absolute;
    width: 800px;
    height: 40px;
    margin-left: -400px;
}
.Menu 
{
    top: 0px;
    left: 50%;
    position:relative;
    width: 800px;
    height: 6;
    margin-left: -400px;
    text-align: left;
}
.Content {
    top: 60px;
    left: 50%;
    position:absolute;
    width: 800px;
    height: 500px;
    margin-left: -400px;
    text-align: left;
}

.top 
{
	font-size: 14px;
    font-weight:bolder;
}

.error 
{
	font-size: 10px;
	color:#FF0000; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.letop 
{
	font-size: 14px;
	color:#FF0000; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.floatleft 
{
float:left;
}

.item 
{
	font-size:16px;
	font-weight:600;
	font-family:Arial, Helvetica, sans-serif;
	border:thin;
	color:Navy;
}

.foto
{
	border:thin;
	border-color:#330000;
}

.border 
{
	border:thin;
	border-color:#000000;
	border-spacing:inherit;
	background-color:#CCCCCC;
	border-style:solid;
	border-collapse:collapse;
	font-size:16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}

.TestStyle
      { 
      font: 12pt verdana; 
      font-weight:700;
      color:orange;
 }

.field 
{
	font-family : Trebuchet MS,Arial; 
 	font-size : 10;
	font-weight:500;
 	color: #000000;
 	background-color:#ADD8E6; 
	border : 1  solid #C2C2C2; 
}

.field2 
{
	font-family : Trebuchet MS,Arial; 
 	font-size : 11;
	font-weight:600;
 	color: #000000;
 	background-color:#FFFFFF; 
	border : 1  solid #C2C2C2; 
}

.field3 
{
	font-family : Trebuchet MS,Arial; 
 	font-size : 11;
 	color: #FFFFFF;
 	background-color : #000000; 
	border : 1  solid #FFFFFF; 
}

.table{
    border: 1px solid black;
    border-collapse:collapse;
    background-color: #FFFAFA;
}
tr#row1 { border: 3px solid blue }

a:link 
{ 
	font-family: Trebuchet MS, Verdana;
	font-size: 12;
	color: #000000;
	text-decoration: none;
} 

a:visited 
{ 
	font-family: Trebuchet MS, Verdana;
	font-size: 12;
	color: #000000;
	text-decoration: none;
} 

a:hover 
{ 
	font-family: Trebuchet MS, Verdana;
	font-size: 12;
	color: #000000;
	text-decoration: underline;
} 

a:active 
{ 
	font-family: Trebuchet MS, Verdana;
	font-size: 12;
	color: #000000;
	text-decoration: none;
}

img
{
    border: 0;
}


/* Main menu settings */
#centeredmenu {
   clear:both;
   float:left;
   margin:0;
   padding:0;
   /* border-bottom:1px solid #000;  black line below menu */
   width:100%;
   font-family:Verdana, Geneva, sans-serif; /* Menu font */
   font-size:100%; /* Menu text size */
   z-index:1000; /* This makes the dropdown menus appear above the page content below */
   position:relative;
}

/* Top menu items */
#centeredmenu ul {
   margin:0;
   padding:0;
   list-style:none;
   float:right;
   position:relative;
   right:50%;
}
#centeredmenu ul li {
   margin:0 0 0 1px;
   padding:0;
   float:left;
   position:relative;
   left:50%;
   top:0px;
}
#centeredmenu ul li a {
   display:block;
   margin:0;
   padding:.6em .5em .4em;
   font-size:1em;
   line-height:1.05em;
   background:#5970B2;
   text-decoration:none;
   color:#FFF;
   font-weight:bold;
}
#centeredmenu ul li.active a {
   color:#fff;
   background:#000;
}
#centeredmenu ul li a:hover {
   background:#49A3FF; /* Top menu items background colour */
   color:#FFF;
   /* border-bottom:1px solid #03f; */
}
#centeredmenu ul li:hover a,
#centeredmenu ul li.hover a { /* This line is required for IE 6 and below */
   background:#49A3FF; /* Top menu items background colour */
   color:#fff;
   /* border-bottom:1px solid #03f; */
}

/* Submenu items */
#centeredmenu ul ul {
   display:none; /* Sub menus are hiden by default */
   position:absolute;
   top:2em;
   left:0;
   right:auto; /*resets the right:50% on the parent ul */
   width:10em; /* width of the drop-down menus */
}
#centeredmenu ul ul li {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
}
#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
   font-size:100%;
   font-weight:normal; /* resets the bold set for the top level menu items */
   background:#EAEBD8;
   color:#2875DE;
   line-height:1.4em; /* overwrite line-height value from top menu */
   border-bottom:1px solid #ddd; /* sub menu item horizontal lines */
}
#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   background:#49A3FF; /* Sub menu items background colour */
   color:#FFF;
}

/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}