@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:#1f3048;
	color:#BCBCBE;
	font-family: 'Monda';
 
	}

a
 {color:#BCBCBE; 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:relative;
	width:100%;
	height:75px;
	top:0px;
	overflow:hidden;
	background-color:#005688;
	
	}
.item
	{
	display:inline-block;
	width:280px; 
	height:160px; 
	margin:20px;
	margin-bottom:10px;
	margin-left:10px;
	border:1px solid #CCCCCC;
	background-color:#e5e6ee;
	}
	
#logo
	{
	position:absolute;
	top:5px; 
	padding-left:10px;
	}
	
.backbutton
	{
	float:left;	
	}


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

#menu
	{
	position:relative;
	
	height:36px;
	width:100%;
	
	font-size:16px;
	background-color:#000000;
	font-family: 'Monda';
	}

#hostopts td
	{
	width:100px;	
	}
#activepbox
	{
	position:absolute; 
	width:165px; 
	padding:5px; 
	top:0px; 
	right:14px; 
	background-color:#000000;  
	overflow:visible; 
	font-size:11px;
	color:#FFFFFF;
	font-family:'Roboto', sans-serif;
	}

#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-block;
	margin:0;
	font-size:15px;
	margin-right:60px;
	
	}

#menu ul {
	
	list-style: none;
	padding:5px;
	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;
	}
	
.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;

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;
	}