body
{     
      background-image:url(../Gfx/rodahl_bck.png);     
      background-repeat: repeat-x;
      background-position: top;
      background-color: #E8EDF7;
     
}

.header
{
    background-color: #FFFFFF;
    width: 100%;
    height: 140px;
    margin-bottom:20px;
}

.panel
{
    text-align: center; margin: 0 auto; 
    background-color: #E1E1E1;
}



body, tr, th, input, button,input.text, .dropDown, input.clear
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222222;	
}

input.dataInput, input.sum, input.cost, .gridLabel, input.dataInputNoWidth, input.dataInputNoWidthError, input.dataInputNoWidthOk, input.dataInputComment
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #222222;	
}

input.dataInputComment
{
    font-weight: bold;
    border: solid 1px #878787;
    background-color: #D4FFD4;
}

input.dataInputCommentChange
{
    background-color: crimson;
}

input.clear
{
    border: hidden 0px black;
    width:70px;
    color: #717171;
}

input.text, .dropDown
{
    background-color: #FEFEFE;    
    padding-left: 5px;
    padding-right: 5px;
    width: 200px;
}

tr.stdRow
{
    height: 20px;
}

tr.HeaderRow
{
    height: 20px;
    text-align: left;
}

input.dataInput
{   
    font-weight: bold;
    padding-left: 5px;
    width: 50px;
    border: solid 1px #878787;
}

input.dataInput
{
     background-color: #DAECFE;
}

input.dataInputNoWidth, input.dataInputNoWidthError, input.dataInputNoWidthOk
{    
    font-weight: bold;
    padding-left: 5px;   
    border: solid 1px #878787;
}

input.dataInputNoWidth
{
    background-color: #DAECFE;
}

input.dataInputNoWidthError
{
    background-color: #E18F7B;
}

input.dataInputNoWidthOk
{
    background-color: #B3FDB3;
}

input.sum, td.sum
{
    background-color: #D1D1DB;
    text-align: right;
    font-weight:bold;
}

input.sum
{    
    padding-left: 5px;
    width: 50px;
    border: solid 1px #878787;
}


input.check
{
    background-color: #7030A0;
}

input.cost
{
    background-color: #F7FBFE;    
    padding-left: 5px;
    width: 50px;
    border: solid 1px #878787;
    text-align: right;
}

td.elementName, input.cost
{
    background-color: #F2F2F2;
    padding: 0px 4px 0px 4px;
}

td.elementName
{
    text-align: left;
    padding-left: 10px;
}

td.elementHeader
{
    text-align: center;
    font-size: 12px;
}

td.bigTitle
{
    font-size: 14px;
    font-weight: bold;
}



td.smallTile
{    
    font-weight: bold;
}

.gridLabel
{
}

a:link 
{
	color: #557FFF;
}
a:visited 
{	
	color: #557FFF;
}
a:hover 
{	
	color: #4398C3;
}
a:active 
{	
	color: #557FFF;
}

.modalPopup 
{
	border: solid 2px #5A5A5A;
	background-color: #E4E4E4;		
	width:350px;
}

.modalPopup2
{
	border: none;
	background-color: #E4E4E4;		
	width:70px;
}

.modalPopupGrid
{
	border: solid 2px #5A5A5A;
	background-color: #E4E4E4;		
	width:450px;
	text-align: left;	
}

.modalPopupTitle
{
	width:100%;
	background-color:#C0C0C0;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;	
	border-bottom: solid 2px #5A5A5A;
	cursor:pointer;
	font-weight:bold;
}

.calendar
{
    border:1px solid #646464;
    background-color: #bebebe;
    color: red;
}

.modalBackground, .overlay
{
	background-color:Gray;
	filter:alpha(opacity=40);
	opacity:0.7;
}

.overlay
{
    position: absolute;
    top: expression(this.offsetParent.scrollTop-1); 
    bottom: 0; 
    left: 0;
    width: 100%;
    height: 100
}


/* ***  masked div *** */
div.MaskedDiv 
{
	visibility: hidden;
	position:absolute;
	left:0px;
	top:0px;
	font-family:verdana;
	font-weight:bold;
	padding:40px;
    z-index:100;
	background-image:url(Mask.png);
	/* ieWin only stuff */
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='Mask.png');
}


div.ModalPopup {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	background-color: #CCCCCC;
	position:absolute;
	/* set z-index higher than possible */
	z-index:10000;
	visibility: hidden;
	 color: Black;
	border-style: solid;
	border-color: #999999;
	border-width: 1px;
    width: 500px;
    height :auto;
}

/* **********************/