body { 
	background-color: #CCCCCC; 
	font-family: "trebuchet ms",verdana;
	margin:0px;padding:0px;
}
#header {font-size: xx-large; padding: 4px 4px 4px 10px; background-color: black; margin-bottom:12px;}
#header .hack { color: red;}
#header .my { color:#FFA500;}
#header .cf { color: gray;}
#header .tagline { font-size:xx-small; color:white; }
#header .foundeo { position:absolute; top:20px; right:10px;}



#footer { background-color: #EDF3FE; margin: 0px 150px 10px 10px; font-size: x-small; padding:6px; }

a, a:visited{ color: #003399;}

#main { background-color:white; 
	margin: 0px 150px 0px 10px;
	border-right:1px solid #f1f1f1;  
	padding: 20px;
}
#nav { margin-left: 25px; padding:5px; }
#nav a { background-color: silver; padding:5px 8px; text-decoration:none; color:black; }
#nav a.active { background-color:white; font-weight:bold; color:black; }
#nav a:hover { color: #003399 }

th { text-align:left; border-bottom:1px solid silver; }
td { border-bottom: 1px solid #f6f6f6;}

.severity { padding:4px; font-size:large; color:white; text-align:center; }
.severity div { width:30px; }
.severity .critical { background-color:red; }
.severity .important { background-color:#FFA500; }
.severity .warning { background-color:gray; }

h2 { font-size:x-large; margin: 3px 0px; }

.properties .prop { font-weight:bold; }

form.hackmycf { margin-left: 30px; margin-top:20px; }
form.hackmycf input, form.hackmycf textarea { margin-left: 150px; font-size:large; margin-bottom:12px;}
form.hackmycf label { position:absolute; width:140px; text-align:right; margin-top:4px;}
form.hackmycf label.check { width:auto !important; text-align:left; }

.labled input, .labled textarea, .labled select {
	margin-left: 200px;
	margin-bottom: 1px;
	display:block;
}
.labled label { position:absolute; width: 190px; text-align:right; }

form .hint { margin-left: 200px; color: gray; font-size: smaller; margin-bottom:1px margin-top:1px;}

.inline_menu {
	background-color: #f1f1f1;	
	padding: 6px;
	font-size: smaller;
}
.inline_menu a { margin-right: 15px; }

.error { background-color: red; color:white; padding: 8px 12px; margin: 6px 0px; }

.message { background-color: yellow; color:black; padding: 8px 12px; margin: 6px 0px; }

.prop { width: 150px; text-align:right; display:inline; position:absolute; font-weight:bold; }
.val { margin-left: 160px; margin-bottom:3px; }

.plans td, .plans th { background-color:#f9f9f9; text-align:center; border:0px; }
.plans .featured { background-color: #8DD8F8; border-left:6px solid #f1f1f1; border-right:6px solid #f1f1f1;}
.plans th { border-top:6px solid white; font-size:x-large; }
.plans .bottom td { border-bottom: 6px solid white; }
.plans th.featured { border-top:6px solid #f1f1f1 !important; }
.plans .bottom .featured { border-bottom:6px solid #f1f1f1 !important; }
.plans .d { width:150px; background-color:white; font-weight:bold; text-align:right; }
.plans .price { font-size: larger; }
.plans .bottom { font-size:xx-small; }

#example { float:right; width: 300px; padding:0px 10px 15px 10px;  text-align:center; margin-top:15px; }
#formcontainer { padding:15px; background-color: #f8f8f8; margin-right: 400px;}