#loginSnippet.colBoxContainer a, #loginSnippet.colBoxContainer a:visited, #loginSnippet.colBoxContainer a:active
{
    outline: 0; display:block; clear:both;
	padding:2px 0px 2px 23px; margin:1px 0 1px;
	font:12px Trebuchet MS, verdana; color:#666;
	text-decoration:none;
	background:url(/_project/_layout/gfx/menuIcon.gif) 4px no-repeat #f0f0f0;
}
#loginSnippet.colBoxContainer a:hover, #loginSnippet.colBoxContainer a.choosen
{color:#000; background-color:#fff;}

#loginSnippet.colBoxContainer a.helpIcon, #loginSnippet.colBoxContainer a.helpIcon:visited, #loginSnippet.colBoxContainer a.helpIcon:active
{
	float:right; 
	width:20px; 
	height:20px; 
	background:url(http://www.smode-resource.se/gfx/icons/16/help_16.gif) 50% no-repeat; 
	padding:0; 
	margin:0; 
	text-decoration:none;
}
#loginSnippet .icon{background:url(http://www.smode-resource.se/gfx/icons/16/lock_16.gif) no-repeat;}
#slopecalculator{border:1px solid #f0f0f0; padding:5px; width:200px; float:right; margin:44px 0 30px 30px;}
#slopecalculator h4{background:#f0eddf; padding:3px; font:bold 11px arial; text-transform:uppercase; color:#333; margin:0; margin-bottom:4px;}
#slopecalculator input#hcp{border:1px solid #ccc; width:115px; margin-right:20px;}
#slopecalculator input#hcpbutton{border:1px solid #ccc; background:#f0f0f0; margin:0;}
#slopecalculator table{margin-top:20px; border-top:1px solid #f0f0f0; width:200px;}
#slopecalculator table input{width:60px; background:none; border:none;}
#slopecalculator .male{width:50px;}
#slopecalculator .female{width:50px;}
#slopecalculator #white{background:#fff;}
#slopecalculator #yellow{background:#f9ffab;}
#slopecalculator #blue{background:#abe4ff;}
#slopecalculator #red{background:#ffcdcd;}