body { 
	
	font-family: "trebuchet ms",verdana;
	margin:0px;padding:0px;
}

#foundeoHeader { 
	height: 144px;
	background: url('images/wood-bk.jpg') repeat;
	border-bottom:1px solid silver;
}

#foundeoNav { position:absolute; top:134px; right:10px; }
#foundeoNav a { 
	margin: 5px 5px;
	padding:8px 7px;
	background-color: #fdfdfd;
	text-decoration:none;
	font-size:small;
	color: black;
	font-family:trebuchet ms, verdana;
	border-bottom:2px solid silver;
}
#foundeoNav a:hover {
	background-color: black;
	color:white;
}
#foundeoNav .active { background-color :#f1f1f1; }


#header {font-size: x-large; padding: 4px 4px 14px; text-shadow: 1px 1px 0 #FFFFFF;}
#header .hack { color: #000;}
#header .my { color: #000;}
#header .cf { color: #000;}
#header .tagline { color: gray; display:inline; }
#header .foundeo { position:absolute; top:20px; right:10px;}
#header a, #header a:visited { color: white; text-decoration:none; }

#container { background: url('images/header_bk.gif') repeat-x; padding: 12px;}


#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;
	border-left:1px solid #f1f1f1;
	border-bottom: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; text-shadow: 1px 1px 0 #FFFFFF; }

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

form.hackmycf { margin-left: 30px; margin-top:20px; }
form.hackmycf input, form.hackmycf textarea { font-size:large; margin-bottom:12px;}
form.hackmycf label { display:block;  width:140px; text-align:left; 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: #EDF3FE; border-left:9px solid gray; border-right:9px solid gray;}
.plans th { border-top:9px solid white; font-size:x-large; }
.plans .bottom td { border-bottom: 9px solid white; }
.plans th.featured { border-top:9px solid gray !important; }
.plans .bottom .featured { border-bottom:9px solid gray !important; }
.plans .d { width:250px; 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;}

.server_note { background-color: #EDF3FE; padding: 8px; margin-bottom: 5px;}
.server_note_title { border-bottom: 1px solid #f1f1f1; margin-bottom:5px; }

.ui-button { font-size: small !important; }
.scan_now { min-width: 160px;}

.icon { vertical-align:middle; }

.signup_form input, .signup_form select { font-size:medium; font-weight:bold; }

.signup_button {
	width: 150px;
	padding: 8px 40px; color:white; background-color:#82D728; 
	text-decoration:none; 
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	background: -webkit-gradient(linear, left top, left bottom, from(#91E73B), to(#82D728));
	background: -moz-linear-gradient(top,  #91E73B, #82D728);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#91E73B', endColorstr='#82D728');
	-webkit-border-radius: .5em;-moz-border-radius: .5em;	border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); 
}
.signup_button:hover {
    text-decoration: underline;
}