/* Standaard html elementen */
body 
{
    font-family: Verdana;
    font-weight: normal;
    font-size: 8pt;
    color: Black;
}

input
{
    font-family: Verdana;
    font-size: 8pt;
}

select
{
    font-family: Verdana;
    font-size: 8pt;
}

h1
{
    font-size: 20pt;
    color: #008;
    background-image: url(Images/technetix.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    text-align: right;
    font-weight: bold;
    padding: 0.2em 10pt;
    height: 76px;
}

h2
{
    font-size: 14pt;
    color: #00f;
    font-weight: bold;
    padding: 0.2em 10pt;
}

h3
{
    font-size: 12pt;
    color: #00f;
    font-weight: bold;
    padding: 0.2em 10pt;
}

h4
{
    font-size: 10pt;
    color: #00f;
    font-weight: bold;
    padding: 0.2em 10pt;
}

/* gebruik voor kopregels van tabellen / gridviews */
th 
{
    background-color: #c3daf9;
    font-weight: bold;
    text-align: left;
    font-size: 8pt;
}

/* gebruikt voor de links in kopregels van tabellen / gridviews */
th a 
{
    color: Black;
}

/* alternating rowstyle gridview / tabellen */
tr.alternating
{
    background-color: #f2f2f2;
}

/* selected rowstyle gridview / tabellen */
tr.selected
{
	cursor: hand;
	background-color: #ffc;
}

/* Menu klasse (zie Debman4U menu) */
.menu
{
    background-color: #f1f7fe;
}

.menu hr
{
    color: #c3daf9;
    height: 1px;
    margin: 10pt 4pt;
}

.menu a
{
    color: Black;
}

.menu h1
{
    font-size: 10pt;
    background-color: #f1f7fe;
    padding: 0em;
    display: inline-block;
    letter-spacing: 0.5em;
}

.menu ul
{
    margin: 0px;
}

.error 
{
    font-weight: bold;
    color: Red;
}

.TopCenter
{
    vertical-align :top;
	padding-top : 8px;
	
}

/* Voor de kalender control */

.btnDatum {
    font-weight: bold;
}
.CalDiv {
    border: solid 2px #315b8a;
    padding: 1em;
    position: absolute;
    background: #fefeaa;
}
.TodayStyle {
    background: #cccccc;
}
.OtherMonthDayStyle {
    color: #888888;
}
.SelectedDayStyle {
    border: solid 1px #888888;
    background: white;
    color: black;
}

/** Text Classes Begin **/

.HeaderText /* CssClasse for HeaderText */
{
    color : Navy;
    font-size : 30px;
    
}

/** Text Classes End **/

/** Table Classes Begin **/

.StandardInfoTable
{
    text-align : left;
    
}

/** Table Classes End **/

/** Cell Classes Begin **/

.YellowCell
{
    height : 25px;
    width : 175px;
    background-color : #FCFD8A;
    vertical-align: middle ;
}

.GreylabelTD
{
    background-color: #aaa;
    width : 150px;
    height : 20px;       
    vertical-align: top;
}

.InfoInsertTextTD
{
    width: 150px;
    height : 20px;
}



/** Cell Classes End **/

/** Gridview Begin **/


/** Gridview End **/

/** Floating Begin **/

.FloatingLeft
{
    float : left;
}

.FloatingRight
{
    float : Right;
}

/** Floating End **/

/** Div CssClasses Begin **/

.CenterDiv
{
    width : 80%;
    text-align : center ;
}

.MessageBoxDiv
{
    text-align : left ;
    width : 400px;
    border : 2px solid black;
    padding : 10px;
}

/** Div CssClasses End **/

/** Filter / table class start **/
table.filter 
{
    padding: 10px;
    vertical-align: top;
}

table.filter td.label 
{
    background-color: #ffa;
}

table.filter td.value 
{
}

table.filter th
{
    background-color: Transparent;
    padding-bottom: 1.5em;
}

table.info
{
    padding: 10px;
    vertical-align: top;
}

table.info td.label 
{
    background-color: #aaa;
    vertical-align: top;
}

table.info td.value 
{
    vertical-align: top;
}

/** Einde Filter / table class**/

/* Pagina brede tabel */
.menu
{
    background-color: white;
}

.pageTable
{
    width: 100%;
}

.pageTable .menu
{
    width: 200px;
    vertical-align: top;
}


.pageTable .content 
{
    width: auto;
    vertical-align: top;
}

.CustomerInfoTxtBox
{
    width:200px;
}

.HplMenu
{
    font-size: 15pt;
    color: #008;
    font-weight : bold;
    text-decoration : none;
}