@font-face {
  font-family: 'Monda';
  font-style: normal;
  font-weight: 400;
  src: local('Monda Regular'), local('Monda-Regular'), url(/css/monda.woff) format('woff');
}

html,body
	{
	margin:0;
	padding:0;
  	width:100%;
	height:100%;	
	background-color:#EEEEEE;
	}

/*


@media (max-width: 1000px) {
    .center{}
    .center-inner{left:25%;top:25%;position:absolute;width:50%; max-width:500px;}
}
@media (min-width: 1000px) {
    .center{left:50%;top:25%;position:absolute;}
    .center-inner{width:1000px;margin-left:-500px; max-width:1000px;}
}
*/
@media (max-width: 1000px) {
.center{width:100%;}
.center-inner{width:100%;}

#dialog
	{
	left:-150px;	
	}


}
@media (min-width: 1000px) {
.center{left:50%;position:absolute;}
.center-inner{width:1000px;margin-left:-500px; max-width:1000px; }
.block
	{
	width:775px;
	
	
	}
.vblock
	{
	width:1000px;
	
	
	}
#right
	{
	position:absolute;
	top:0px;
	left:300px;
	width:150px;
	}
	
}

a {color:#000000; text-decoration:none;	} /* mouse over link */



#overlay
	{
	position:absolute;
	width:100%;
	height:auto;
	bottom:0px; 
	margin-bottom:0px; 
	left:0px; 
	top:125px; 
	background-color:#000000;
	opacity:0.6;
	display:none;
	z-index:100;
	}
	
.dialog, .msg
	{
	padding:5px;
	margin:10px;
	border:1px solid #AAAAAA;	
	border-radius: 0px 0px 8px 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	background-color:#d9e3e9;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #eaeff6 ), color-stop(1, #FDFDFD) );
	background: -moz-linear-gradient(center top, #eaeff6 30%, #FDFDFD 90% );
	background: linear-gradient(center top, #eaeff6 50%, #FDFDFD 100% );
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#eaeff6, endColorstr=#FDFDFD);
	}

#dialog, #msg
	{
	position:absolute;
	margin:10px;
	border-radius: 2px 2px 8px 8px;
	box-shadow: 0px 0px 5px #000000;
	
	background-color:#005688;
	color:#FFFFFF;
	padding:20px;
	padding-top:40px;
	display:none;

	border:1px solid #000000;
	top:140px;
	font-family:'Roboto', sans-serif;
    }
	
#dialog
	{
	z-index:110;	
	}

#msg
	{
	z-index:105;	
	}	
	
	
#dialog input[type=text],#dialog select 
	{
	border:1px solid #000000;
	font-family:'Roboto', sans-serif;
	font-size:18px;	
	padding:2px;	
	}
	
.d12
	{
	font-size:12px;
	}
	
#header
	{
	position:absolute;
	width:100%;
	height:125px;
	top:0px;
	overflow:hidden;
	background-image:url(/images/headerbg.png);
	background-repeat:repeat-x;
	box-shadow:0px 3px 3px #000000;
	}

#logo
	{
	position:absolute;
	padding:10px;
	}
	
.backbutton
	{
	float:left;	
	}


.backbutton::before {
    content: '\25C0';
	font-size:26px;
	color:#FFFFFF;
	padding-left:5px;
} 

#menu
	{
	position:relative;
	top:90px;
	height:33px;
	width:100%;

	background-color:#000000;
	box-shadow:0px 3px 3px #000000;
	font-family: 'Monda';
	}

#activepbox
	{
	position:absolute; 
	width:165px; 
	padding:10px; 
	top:0px; 
	right:14px; 
	background-color:#000000;  
	overflow:visible; 
	font-size:12px;
	color:#FFFFFF;
	font-family:'Roboto', sans-serif;
	
	
	}
#site
	{
	position:absolute;
	top:150px;
	
	}

#content
	{
	font-family:'Roboto', sans-serif;
	margin-bottom:50px;	}

	
	
.block
	{
	position:relative;
	
	margin:10px;
	margin-top:0px;
	border:1px solid #AAAAAA;	
	border-radius: 4px 4px 8px 8px;
    box-shadow: 0px 0px 3px #999999;
	background-color:#FFFFFF;
	padding-bottom:20px;
	font-size:14px;
	
	}
.block table
	{
	width:100%;
	border-spacing: 0px;
	}
	
.blocktitle span
	{
	font-size:16px;
	display:block;
	padding-top:6px;
	font-variant:small-caps;	
	color:#FFFFFF;
	font-weight:bold;
	
	text-shadow:0px 0px 5px #000;
	}

.blocktitle
	{
	position:relative;
	height:36px;
	text-align:center;
	background: linear-gradient(#005688 20%, #006693 80% );
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#006693, endColorstr=#005688);	
	}



.btext
	{
	padding:10px;	
	padding-bottom:3px;
	}
	
	
.rblock
	{
	width:175px;
	display:block;
	border-radius: 0px 0px 2px 2px;
	float:left;
	margin-left:10px;
	margin-right:3px;
	margin-bottom:15px;
	font-family:'Roboto', sans-serif;
	font-size:13px; 
	color:#FFFFFF;
	border:1px solid #FFFFFF;
	}	

.rblock_title
	{
	padding:4px;
	height:16px;
	background-color:#555566;
	color:#FFFFFF;	
	font-weight:bold;
	font-family:'Roboto', sans-serif;
	font-size:13px; 
	}
	
.rblock_text	
	{
	padding:5px;	
	min-height:100px;
	background-color:#005688;
	}

#menu li 
	{
	display: inline;
	margin:0;
	font-size:14px; 
	}

#menu ul {
	
	list-style: none;
	padding:0;
	margin:0;
}

.buttonbar
	{
	display:inline-block;
	background-color:#000000;	
	width:100%;
	}
.button
	{
	display:inline-block;
	background-color:#000000;	
	color:#FFFFFF;
	min-width:80px;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:0px;
	font-family: 'Monda';
	font-size:13px;
	cursor:pointer;
	}

.bbutton
	{
	display:inline-block;
	background-color:#000044;	
	color:#FFFFFF;
	min-width:80px;
	text-align:center;
	padding:5px;
	margin-bottom:0px;
	font-family: 'Monda';
	font-size:14px;
	cursor:pointer;
	border:2px solid #999999;
	}

.bbutton_inactive
	{
	display:inline-block;
	background-color:#999999;	
	color:#777777;
	min-width:80px;
	text-align:center;
	padding:5px;
	margin-bottom:0px;
	font-family: 'Monda';
	font-size:14px;
	cursor:not-allowed;
	border:2px solid #999999;
	}
	
.button .b16
	{
	font-size:16px;	
	}
.button a
	{
	color:#FFFFFF;	
	}
.active
	{
	background-color:#555566;		
	}



.greenbutton
	{
	display:inline-block;
	background: linear-gradient(#0d7700 60%, #009a04 40% );
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border:1px solid #000000;
	color:#FFFFFF;
	min-width:80px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	font-size:13px;
	font-weight:bold;
	margin-right:5px;
	cursor:pointer;
	}


.orangebutton
	{
	display:inline-block;
	background: linear-gradient(#ff8604 60%, #ffa800 40% );
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border:1px solid #000000;
	color:#FFFFFF;
	min-width:80px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	font-size:13px;
	font-weight:bold;
	margin-right:5px;
	cursor:pointer;
	}

.add::before {
    content: '+ ';
	font-weight:bold;
	color:#FFFFFF;
	font-size:16px;
	padding-left:2px;
} 


#menu a{
	
float: left;
color: white;
margin: 0 8px 0 8px;
padding: 8px;
text-decoration: none;
}

#menu a:link, #menu a::visited, #menu a:active{
color: white;
}

	
.even
	{
	background-color:#ebf0f3;		
	font-weight:normal;
	padding-left:10px;
	padding-top:5px;
	min-height:24px;
	border-top:1px dotted #888888;
	font-size:13px;
	font-family: 'Monda', sans-serif;
	}

.even img, .oneven img
	{
	padding-top:2px;	
	}
.oneven
	{
	background-color:#f2f4f8;		
	font-weight:normal;
	padding-left:10px;
	padding-top:5px;
	min-height:24px;
	border-top:1px dotted #888888;
	font-size:13px;
	font-family: 'Monda', sans-serif;
	}
#show_image_popup{
		position: absolute; /*  so that not take place   */
		top: 50%;
		left: 50%;
		z-index: 1000; /*  adobe all elements   */
		transform: translate(-50%, -50%); /*  make center   */
	  
		display: none; /*  to hide first time   */
	  }
	  #show_image_popup img{
		max-width: 90%;
		height: auto;
	  }