﻿* html, body
{
    font-family: "Segoe UI" , Segoe, sans-serif;
    font-size: small;
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
    
}
html, body, #divContainer
{
    min-width: 750px;
}

#wrapper 
{
    /*border: 3px solid red;*/
    height: 100%;
    width:100%;
    position: absolute;
    overflow: auto;
}

a
{
	color: black;
	text-decoration: none;
}

a:hover 
{
	color: #333333;
}

a img
{
    border: none;
}


#divHead
{
	background-color: black;

	width: 100%;
	padding: 0px;	
	
	margin: 0px;
	height: 73px;

    border: none;
}


#divHeadLogo
{
	margin-left: 6px;
    padding-top: 4px;
}

#divHeadInfo
{
    position: absolute;
	right: 2px;
	top: 3px;
	color: #F3F3F3;
	z-index:90;
    text-align: right;
    
}
#divHeadVersion 
{
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 9pt;
    color: #999;
    text-align: right;
    line-height: 10pt;
}



#divHeadSplit
{
    margin: 0px;
	height: 4px;
	background-color: #E4772C;
	padding: 0px 0px 0px 0px;
	width:100%;
}

/* ======================= */

#divContainer
{
	position: absolute;
     /*border: 2px solid red;*/
	top: 73px;
	left: 0;
	right:0;
	bottom: 0px;
    margin:  0px 4px 0px 4px;
}


#divActions
{
	/*padding: 8px 4px 10px 4px;*/
	/*overflow: auto;*/
    margin: 0px;	
    background-color: #DDD;
    border-right: 1px solid black;
    
	
	position: absolute;
	top: 0px;
	left: 15px;
    bottom: 0px;
	/*right: 0;*/
    width: 150px;
	/*min-height:100%;*/
}
#divActions ul
{
    display: inline;
    list-style-type: none;
    
}
#divActions ul li
{
    background-color: #DDD;
    border-bottom: 1px solid black;
    padding: 2px;
    clear: both;
    min-height: 32px;
}
#divActions ul li:hover
{
    background-color: #FFD403;
}
#divActions ul li a
{
    display: block;
    width: 99%;
    min-height: 36px;
    height: 17px;
}
#divActions ul img
{
    float: left;
    padding-right: 2px;
}





#divContent
{
	/*padding: 8px 4px 10px 4px;*/
	overflow: auto;
    margin: 0px;
	/*background: url(../img/bg_content.png) repeat;*/
	background-color: #FFF;
    
    /*padding:4px;*/
    position: absolute;
	top: 0px;
	left: 170px;
	right: 0;
    bottom: 0;
    width: auto;
	min-height:100%;
}


/*##########  MENU  ############*/

.menue
{
	margin: 0px;
	padding: 0px;
	height: 30px;
	max-height: 30px;
	/*width: auto;*/
	
	/*background-color: #E4772C;*/
	vertical-align: middle;
	
	position: absolute;
	left: 250px;
	top: 35px;

	font-size: 14pt;
	/*letter-spacing: 1pt;*/
}
.menue li a
{
	color: White;
	/*padding: 0px 2px 0px 2px;*/
    padding-top: 6px;
    padding-bottom: 6px;
}

.menue a:hover 
{
	color: black;
    background-color: #FFD403;
}

.menue ul
{
    /*padding:  0; 
    margin: 0;
    z-index: 99;
    white-space: nowrap;*/
    
}

.menue li
{
    color: White;
    /*list-style: none;
    display: inline;
    float: left;
    position: relative;*/
    padding-left: 8px;
    /*cursor: pointer;*/
    /*font-size: 11pt;
    letter-spacing: 0.4pt;*/
    white-space: nowrap;
    text-transform: uppercase;
}

.menue li ul
{
   /*display: none;*/
   /*position: absolute;*/
    
   background-color: #DDD;
   padding-top: 6px;
   padding-bottom: 3px;
   padding-right: 5px;
   padding-left: 3px;
   font-size: 12pt;
}


.menue li ul li
{
    color: #064668;
    min-width: 130px;
    /*clear: left;*/
    text-transform: none;
    letter-spacing:normal;
    /*padding: 0;*/
    
    padding: 2px 3px 2px 5px;
    border-bottom: 1px solid #064668;

}
.menue li ul li a
{
    color: #064668;
}
.menue li ul li a:hover
{
    background-color: #DDD;
    color: #F98305;
}

.menue li:hover
{
    color: #333333;
}  
.menue li > ul 
{
	/*top: auto;
	left: auto;*/
}
.menue li:hover ul 
{
    /*display: block;*/
}


/*############## GRIDVIEW #################*/

.gridview
{
    border:none;
}
.gridview tr:hover
{
    background-color: #EEE;
}
.gridview td
{
	/*background: #D7E6F4;*/
	border: none;
    border-bottom: 1px solid #000;	
	color: #333333;
	/*font: 12px "Segoe UI" , Segoe, sans-serif;*/
	padding: 2px 1px;
}
.gridview td a
{
	color: #6C7847;
	/*font: 12px "Segoe UI" ,Segoe,sans-serif;*/
	padding: 2px;
	text-decoration: none;
}
.gridview td a:hover {
	color: #333333;
	/*font-weight: bold;*/
}
.gridview th {
	/*background: #064668;*/
	color: #333;
	/*font: bold 12px "Segoe UI", Segoe, sans-serif;*/
	letter-spacing: 0;
	padding: 2px;
	text-align: left;
	/*border: solid 0.1px #DCE5D3;*/
    border: none;
    border-bottom: 5px solid #000;
    vertical-align: bottom;
}
.gridview th a{
	/*background: #aba096;*/
	color: #333;
	/*font: bold 12px "Segoe UI", Segoe, sans-serif;*/
	letter-spacing: 0;
	padding: 2px;
	text-align: left;
}
.gridview th a:hover{
	color: #333333;
}

.gridviewOdd td
{
	background-color: transparent;
}



/*##############  POPUP #################*/

.popup
{
	/*border: 3px solid #E4772C;*/
	background-color: #fdfdfd;

    padding: 5px 5px 5px 100px;
}

.popupBackground
{
	background-color: #cdd7dc;
	filter: alpha(opacity=70);
	opacity: 0.7;
} 
	

#divPopupActions
{
    margin: 0px;	
    background-color: #EEE;
    border-right: 1px solid #064668;
    
	
	position: absolute;
	top: 0px;
	left: 0px;
	/*right: 0;*/
    width: 90px;
	min-height:100%;
}
#divPopupActions ul
{
    display: inline;
    list-style-type: none;
    
}
#divPopupActions ul li
{
    background-color: #EEE;
    border-bottom: 1px solid #064668;
    padding: 2px;
    clear: both;
    min-height: 32px;
}
#divPopupActions ul li:hover
{
    background-color: #b5e86c;
}
#divPopupActions ul li a
{
    display: block;
    width: 99%;
}
#divPopupActions ul img
{
    float: left;
    padding-right: 2px;
}

.popupCloseButton 
{
	position: absolute;
	
	right: 2px;
	top: 1px;
}


/*##############  #################*/