﻿* 
{
	margin: 0;
    font-family: Calibri, Verdana;
    font-size: 12px;
}

html, body 
{
    padding:0;
	height: 100%;
	line-height: 20px;
	background-color: #DEE0C7;
	text-align:center;
}

img
{
    border: none;
}

.borderimage
{
    border: 1px solid #9EB52E;
}

.hyperlink
{
	text-decoration:none;
	border:2px solid #9EB52E;
}
.hyperlink:hover
{
	text-decoration:none;
	border:2px solid #DEE0C7;
}

.missingdata td
{
    background-color: #F2F7DF;
}

.wrapper 
{
    position:relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 1016px;
	margin:0 auto -125px; 
	padding-bottom: 0px;
	z-index: 1;
	background-image: url(/Kraamzorg/Apps/Dynaview/images/background.png);
    background-repeat: repeat-y;
    text-align: left;    
}

a
{
    border: none;
}

.push 
{
	height: 125px;
}


.raddiobuttonlist Label
{
    display: inline;
    visibility: hidden;
    color: White;
}

.footer
{
    height: 125px;
    margin:0 auto;
    text-align:left;
    background-image: url(/Kraamzorg/Apps/Dynaview/images/footernew.png);    
    background-repeat: no-repeat;	
	width:976px;
	position:relative;
	z-index: 2;
	padding-left:40px;
	vertical-align:bottom;
	padding-bottom: 0px;
	color:White;
}

.progress
{
    height: 20px;
}

.radiobuttonlist input
{
    margin-right:3px;
}

h1
{
    margin-top: 5px;
    margin-bottom: 10px;
    color: #EF4C20;
    font-size: 20px;
    font-weight: bold;
}

h2
{
    margin-top: 14px;
    margin-bottom: 5px;
    color: #9EB52E;
    font-size: 14px;
}

a
{
    color: #9EB52E;
}

.question
{
    font-weight:bold;
}

.questioncontrol label
{
    margin-left: 5px;
    margin-right: 10px;
}

.DashBoardElement, .DashBoardElementLarge
{
	background-image: url(/Kraamzorg/Apps/Dynaview/images/steekproef-banner.png);
    background-repeat: repeat-x;
    background-color: white;
	position:relative;
	float:left;
	width: 280px;
    height: 200px;
	border:1px solid #9ca243;	
    padding:10px;
    margin: 5px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow:    3px 3px 8px 0px #ccc;
    -webkit-box-shadow: 3px 3px 8px 0px #ccc;
     box-shadow:         3px 3px 8px 0px #ccc;
    
}

.filter
{
    background-image: url(/Kraamzorg/Apps/Dynaview/images/steekproef-banner.png);
    background-repeat: repeat-x;
    background-color: #9EB52E;
    padding:10px;
    padding-left:8px; 
    padding-top:8px; 
    border: solid 1px #9EB52E;
    width:100%; 
    margin-top: 12px;  
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: White;
    font-weight: bold;
}

.DashBoardElement .Title, .DashBoardElementLarge .Title
{
	color:White;
	padding:0px;
	margin:0px;
	border:0px;
	padding-bottom:5px;
	margin-bottom:10px;
	font-size: 16px;
	font-weight: bold;	
}


.DashBoardElementLarge
{
    width: 594px;
    height: 150px;  
}


.btnPrev, .btnNext, .btnSave, .btnGeneric, .btnGenericOrange
{
    background-color: #9EB52E;
    color: White;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-top: 4px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: solid 1px #9EB52E;
    white-space:nowrap;
}

.shadow {
  -moz-box-shadow:    3px 3px 8px 0px #ccc;
  -webkit-box-shadow: 3px 3px 8px 0px #ccc;
  box-shadow:         3px 3px 8px 0px #ccc;
}

.reporttable TD
{
    border-bottom: dashed 1px silver;

}

.reporttable tr:hover
{
    background-color: Silver;
}


.btnGenericOrange
{
     background-color: #EF4C20!important;
}
.warning
{
    border: solid 1px #9EB52E;
    background-color: #E1E6A3;
    margin-top:20px; 
    min-height: 30px; 
    padding: 5px 5px 5px 5px;
}

textarea
{
    border: solid 1px #9EB52E;
    text-indent: 2px;
}

.input, .inputnumber, .inputcollapse
{
    border: solid 1px #9EB52E;
    color: black;
    font-size:12px;
    zheight:20px;
    text-indent: 2px;
}

.inputcollapse:focus
{
    position: absolute;
    width: 650px;
    min-width: 650px;
    top:-9px;
}

.inputnumber
{
    text-align: right;
}

.input:hover, .input:focus, .inputnumber:hover, .inputnumber:focus
{
    background-color: #E1E6A3;
}
.tablegrid
{
    margin-top:10px;
    min-width: 400px;
    width: auto;
}

.tablegrid td
{
    border: solid 1px #9EB52E;
}

.headergrid
{
    position:absolute;
}

.headergridnofloat
{
    font-weight:bold;
    color: White;
    padding-top: 4px;
    padding-left: 4px;
    padding-right: 4px;
    background-color: #848282;   
}

.headergrid
{
    font-weight:bold;
    color: White;
    padding-top: 2px;
    display: block;
    height: 40px;
    padding-left: 2px;
    background-color: #848282;
    border: solid 1px #848282;
    z-index: 100;
    padding-right: 2px;
}
    
.grid
{
    cursor:pointer;
    font-size: 10px;
    border: solid 1px white;
}

.grid td
{
    font-size: 12px;
}

.grid tr:hover
{
    background-color: #E1E6A3;
    border: solid 1px #9EB52E;
}

.alternaterow
{
   padding-left: 0px;
   border: solid 1px white;
}

.gridselected
{
    background-color: #9EB52E;
    color: White;
    border: solid 1px white;
}

/* tabmenu */
.tabmenu
{
    border-bottom: solid 1px #9EB52E;
    width: 100%;
    padding-bottom: 3px;
   
}

.tabmenu a
{
    text-decoration : none;
    text-decoration: none;
    color: black;
    border: 1px solid white;  
    padding: 5px;
    background-color: #9EB52E;
     -moz-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
     -moz-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    border-color : #9EB52E; 
}

.tabmenu .selectedtab
{
    background-color: #E1E6A3;
  -moz-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -moz-border-top-right-radius: 10px;
  border-top-right-radius: 10px;  
   border-bottom: solid 1px #E1E6A3;
} 

.tabmenu a:hover
{
    background-color: #E1E6A3;
  -moz-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -moz-border-top-right-radius: 10px;
  border-top-right-radius: 10px;  
  border-bottom: solid 1px #E1E6A3;
    
}
/* einde tabmenu */



.pnlheader
{
    background-image: url(/Kraamzorg/Apps/Dynaview/images/banner.png);    
    background-repeat: no-repeat;
    height: 335px;    
} 



.Menulist
{
    color: White!important;
    text-decoration: none;
    list-style-type:none;
    text-align:left; 
    padding:0px;
}

.Menulist li
{ 
    text-decoration: none;
    padding: 5px;
    list-style-type:none;
    color: White;
    height: 20px;
}

.Menulist li:hover
{
    background-color: #E1E6A3;
    color: Black;
}

.Menulist A
{
    text-decoration: none;
    display: block;
    color: black;
}

.question_warning
{
    color: Red;
    font-style: italic;
}


.btnLogin, .btnGo
{
    background-color: #9EB52E;
    color: White;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-top: 4px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: solid 1px #9EB52E;
}

.btnLogin:hover, .btnGo:hover, .btnPrev:hover, .btnNext:hover, .btnSave:hover, .btnGeneric:hover
{
    background-color: #E1E6A3;
    color: Black;
    border: solid 1px #9EB52E;
}