html,body{
	margin: 0;
	padding: 0;
	font-family: trebuchet ms,ubuntu,sans-serif;
	font-size: 13px;
	color: #111;
}

a, .faux_link {
	text-decoration: underline;
	cursor: pointer;
	color: #0966BB;
}
a:hover, .faux_link:hover, a:focus, .faux_link:focus {
	color: #094488;
}
a.no_decor, .faux_link.no_decor {
	text-decoration: none;
}
h1 {
	font-size: 200%;
	font-weight: normal;
	margin: 0 0 4px 0;
	padding: 3px 0 3px 0;
}
h2 {
	font-size: 130%;
	margin: 0 0 4px 0;
	padding: 3px 0 3px 0;
}
h3 {
	font-size: 115%;
	margin: 0 0 4px 0;
	padding: 3px 0 3px 0;
	font-style: normal;
}
.subtle {color: #888;}
.bold {font-weight: bold;}
.very_small {font-size: 75%;}
.small {font-size: 85%;}
.large {font-size: 115%;}
.very_large {font-size: 150%;}
.align_left {text-align: left}
.align_center {text-align: center}
.align_right {text-align: right}
.float_left {float: left}
.float_right {float: right}
.nowrap { white-space: nowrap;}
.hide{display:none}
.clear {
	clear: both;
	height: 0;
	overflow:hidden;
}
.shadow_box {
	box-shadow: 0 0 10px #000;
}
hr {
	height: 0px;
	border: none;
	border-top: 1px solid #ccc;
	padding: 0;
	margin: 5px;
}
label.std {
	width: 118px;
	margin-right: 2px;
	display: inline-block;
	text-align: right;
	vertical-align: top;
}
input.text {
	width: 150px;
	background: #fff;
	color: #111;
	border: 1px solid #555;
	font-family: trebuchet ms;
	margin: 2px 0;
}
textarea.std {
	display: inline-block;
	margin: 2px 0;
	width: 330px;
	background: #fff;
	color: #111;
	border: 1px solid #555;
	font-family: trebuchet ms;
	padding: 1px 0;
	height: 90px;
}
input.wide, textarea.wide {
	width: 450px;
}
textarea.high {
	height: 250px;
}
.button.label_margin, input.submit.label_margin{
	margin-left: 120px;
}
input.submit:disabled {
	color: #aaa;
	cursor: default;
	background: #666;
	border: 1px solid #444;
}

.std_error {
	background: #900 url(http://cdn.bluesteel.dk/gfx/icons/exclamation.png) no-repeat 2px center;
	padding: 2px 2px 2px 23px;
	border-radius: 4px;
	color: #fff;
	font-weight: bold;
	min-height: 20px;
}
.std_check {
	background: #090 url(http://cdn.bluesteel.dk/gfx/icons/checkmark.png) no-repeat 2px center;
	padding: 2px 2px 2px 23px;
	border-radius: 4px;
	color: #fff;
	font-weight: bold;
	min-height: 20px;
}
.odd {
	background: #eee;
}
.main {
	padding: 10px;
}
table.std {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
table.std td, table.std th{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-spacing:0;
	padding: 2px 4px;
}
table.sort th.header {
	cursor:pointer;
}
th.headerSortDown, th.headerSortUp {
	background: #333;
	color: #fff;
}

/* Modal */
#modal_bg  {
	display:none;
	width:100%;
	height:100%;
	background-color:#000000;
	z-index:3;
	position:fixed;
	opacity: 0.7;
	-moz-opacity:0.7;
	cursor:pointer;
	left:0;
	top:0;
}
#modal {
	display:none;
	position:absolute;
	z-index:4;
	left:50%;
	width: 500px;
	background-color: #444;
	margin: auto;
	border-radius: 6px;
	padding: 8px;
	cursor:default;
}
#modal .close_btn {
	background-image: url("http://cdn.bluesteel.dk/gfx/close_btn.png");
	background-repeat: no-repeat;
	width:40px;
	height:40px;
	top:-10px;
	right:-10px;
	position:absolute;
	cursor: pointer;
}
#modal .close_btn:hover {
	background-position:right;
}
#modal .inner {
	padding: 8px;
	border-radius: 3px;
	background-color: #111;
}
