/* Touch the sky, keep looking */


/*

------------------------------------------------------
Copyright Kemie Guaida, some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

*/

/* general styles */
/*
* {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*/


body {
color: #4D4D4D;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
/*line-height: 1.8em;*/
text-align: center;
background: #E6E6E6;
}

a {
color: #005880;
}

a:hover {
color: #006B95;
}

a:visited {
color: #006B95;
}

a:visited:hover {
color: #2C91B2;
}

h1{
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.6em;
color: #006B95;
margin: 15px 0 15px 0;
padding-left: 15px; 
}

h2 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.4em;
color: #007AAC;
margin: 15px;
}

h3 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.3em;
color: #359FC1;
margin: 15px;
}

h4 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #359FC1;
margin: 15px;
}

p {
margin: 15px 15px 10px 15px;
}

dl {
margin: 10px 15px 5px 15px;
}

dt {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #56A7C1;
font-weight: bold;
margin: 10px 0px 0px 10px;
line-height: 1.6em;
}

dd {
margin: 0px 0px 0px 25px;
line-height: 1.6em;
}


#mastercom {
margin: 10px 15px 5px 15px;
}

/* layout styles */

#container {
width: 766px;
text-align: left;
margin: 10px auto 0 auto;
background: url(/css/images/back_container.gif) #FFFFFF repeat-y;
padding: 0 !important;
line-height: 1.82em;
font-size: 0.8em;
}

#banner {
height: 100px;
background: url(/css/images/back_banner.jpg) #006B95 no-repeat;
}

#banner h1 {
float: left;
color: #FFFFFF;
margin: 40px 0 0 20px;
background: none;
}

#content {
clear: left;
float: left;
width: 470px; 
margin: 10px 10px 0 10px;
background-image: url(/css/images/back_content.jpg);
background-repeat: no-repeat;
padding: 0;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
line-height: 1.6em;
}

* html #content {
margin-left: 5px;
}

#content_admin {
clear: left;
float: left;
width: 724px;
margin: 10px 10px 0 10px;
padding: 0;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
line-height: 1.6em;
}

#sidebar {
float: left;
width: 254px;
margin: 10px 0 0 0;
padding: 0;
background-image: url(/css/images/back_sidebar.jpg);
background-repeat: no-repeat;
color: #787878;
}

/* meta nav */

#nav-meta {
float: right;
margin: 11px 25px 0 0;
background: url(/css/images/back_navmeta2.gif) no-repeat bottom right;
}

#nav-meta ul {
margin: 0;
padding: 2px;
background: url(/css/images/back_navmeta1.gif) no-repeat bottom left;
}

#nav-meta li {
display: inline;
padding: 4px;
}

#nav-meta a, #nav-meta a:visited {
color: #FFFFFF;
text-decoration: none;
margin: 4px;
}

#nav-meta a:hover, #nav-meta a:visited:hover {
color: #D1EBF4;
}

.skip {
position: absolute;
overflow: hidden;
width: 0;
height: 0;
}

.skip:active, .skip:focus {
position: absolute;
overflow: visible;
width: auto;
height: auto;
background: #2C91B2;
}

/* main nav */

#nav-main {
margin: 10px 16px 10px 11px;
min-height: 30px;
background: url(/css/images/back_navmain.gif) #007AAC no-repeat;
}

#nav-main ul {
height: 100%;
margin: 0;
padding: 0 0 0 10px;
}

#nav-main li {
list-style-type: none;
float: left;
width: auto;
margin: 7px 5px 0 5px;
background: url(/css/images/back_navmainitems2.gif) no-repeat top right;
}

#nav-main a:link, #nav-main a:visited {
display: block;
color: #D1EBF4;
font-weight: bold;
text-decoration: none;
padding: 1px 9px 2px 9px;
background: url(/css/images/back_navmainitems.gif) no-repeat top left;
}

#nav-main a:hover, #nav-main a:visited:hover {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
padding: 2px 9px 1px 9px;
}

.current {
margin-top: 4px;
background-image: url(/css/images/back_current2.gif)!important;
}

.current a:link, .current a:visited {
color: #006B95 !important;
background-image: url(/css/images/back_current1.gif) !important;
}

.current a:hover, .current a:visited:hover {
color: #2C91B2 !important;
}

/* sub nav */

#nav-section, .adminnav {
clear: both;
width: 100%;
}

.adminnav, .adminnav ul {float: left;}
.left {float: left;}
.admin_menu {padding-left:20px; font-weight: bold;}

#nav-section ul, .adminnav ul {
margin: 0;
padding: 0 10px 0 10px;
}

#nav-section li, .adminnav li {
list-style-type: none;
float: left;
margin: 0px 4px 0 4px;
background-image: url(/css/images/bullet_off.gif);
background-repeat: no-repeat;
background-position: bottom left;
padding-left: 12px;
}

#nav-section a:link, #nav-section a:visited {
text-decoration: none;
}

.youarehere a:link, .youarehere a:visited {
font-weight: bold;
}

.youarehere{
background-image: url(/css/images/bullet_on.gif)!important;
}

/*supplemental nav */

#nav-supp ul {
list-style: none;
margin: 0;
padding: 0;
}

#nav-supp {
margin: 15px;
}

#nav-supp li {
background-image: url(/css/images/bullet_link.gif);
background-repeat: no-repeat;
background-position: center left;
padding: 0 0 0 15px;
margin: 2px 0 2px 10px;
}

/* footer */
#info-site {
clear: both;
text-align: center;
background-image: url(/css/images/back_infosite.gif);
background-repeat: no-repeat;
background-position: center bottom;
margin: 0;
padding: 30px 0 15px 0;
}

	
#info-company {
padding: 5px;
background: url(/css/images/back_navmain.gif) #007AAC no-repeat;
margin: 10px 16px 10px 10px!important;
color: #FFFFFF;
}

#info-company a,#info-company a:visited {
color: #D1EBF4;
}

#info-company a:hover,#info-company a:visited:hover {
color: #FFFFFF;
}

#info-standards{
font-size: 10px;
padding: 0;
margin: 5px !important;
}

/* For making my classic pretty tables with grey 1-pixel cellspacing, dark grey header, and white table body */
table.greyline
{
	margin: 0px 0px 0px 20px;
	border-collapse: collapse;
	border: 2px solid #ccc;
	line-height: 1.4em;
}
table.greyline thead {background: #eee; font-weight:bold;}
table.greyline thead td {padding: 3px; border: 1px solid #ccc;}
table.greyline tbody tr {}
table.greyline tbody td {padding: 3px; border: 1px solid #ccc;}
table.greyline colgroup {}
table.greyline col {}
table.greyline td.label {font-weight: bold; text-align: right;}
table.greyline th {}

/* For making my classic pretty tables with grey 1-pixel cellspacing, dark grey header, and white table body, but with td.label aligned at top */

table.greyline_form
{
	margin: 0px 0px 0px 0px;
	border-collapse: collapse;
	border: 2px solid #ccc;
	line-height: 1.4em;
}
table.greyline_form thead {background: #eee; font-weight:bold;}
table.greyline_form thead th,
table.greyline_form thead td {padding: 3px; border: 1px solid #ccc;}
table.greyline_form tbody tr {}
table.greyline_form tbody td {padding: 3px; border: 1px solid #ccc;}
table.greyline_form colgroup {}
table.greyline_form col {}
table.greyline_form td.label
{
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}
table.greyline_form th {}
.label
{
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}


/* For making my classic pretty tables with grey 1-pixel cellspacing, dark grey header, and white table body, but with top cell alignment */

table.greyline2
{
	margin: 0px 0px 0px 20px;
	border-collapse: collapse;
	border: 2px solid #ccc;
	line-height: 1.4em;
}
table.greyline2 thead {background: #eee; font-weight:bold;}
table.greyline2 thead td
{
	padding: 3px;
	border: 1px solid #ccc;
	vertical-align: bottom;
}
table.greyline2 tbody tr {}
table.greyline2 tbody td {padding: 3px; border: 1px solid #ccc; vertical-align: top;}
table.greyline2 colgroup {}
table.greyline2 col {}
table.greyline2 td {}
table.greyline2 th {}


/* For making my classic pretty tables with grey 1-pixel cellspacing, dark grey header, and white table body */
table.noborder
{
	margin: 0;
	border-collapse: collapse;
	border: none;
	line-height: 1em;
}
/*
table.noborder thead {background: #eee; font-weight:bold;}
table.noborder thead td {padding: 3px; border: 1px solid #ccc;}
table.noborder tbody tr {}
*/
table.noborder tbody td {padding: 2px; border: none;}
table.noborder colgroup {}
table.noborder col {}
table.noborder td.date {text-align: right;}
table.noborder th {}


.align_center {text-align:center;}
.valign_top {vertical-align: top;}
/* For the news page, youth referees of the year */
div#content img.clear
{
	border: 1px solid #ccc;
	clear: both;
	margin: 0 0 10px 0;
}

div#content img.right
{
	border: 1px solid #ccc;
	margin: 0 0 0 10px;
	float: right;
}

form {
	display: block;
	padding: 0;
	margin: 0 15px;
}

label {
	clear: left;
	display: block;
	font-weight: bold;
/*
   margin-bottom: 0.2em;
*/
}

input[type="text"], input[type="password"], input[type="checkbox"], input[type="radio"], select, textarea {
	/*float: left;*/
	border: 1px solid #8bf;
	color: #000;
	padding: 2px;
	margin-bottom: 0.5em;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="checkbox"]:focus, input[type="radio"]:focus, textarea:focus {
	background: #F3F8FF;
	border: 1px solid #3F8FFF;
	padding: 2px;
}

legend {
	font-size: 1.4em;
	font-weight: bold;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	color: #007AAC;
	margin: 0px 0px 5px 0px;
	line-height: 1.2em;
	width: 300px;
	border: 1px solid #bdf;
	padding: 5px 10px;
	background: #def;
	margin-bottom: 0.5em;
}

fieldset {
	display: block;
	border: 1px solid #ccc;
	background: #fff;
	padding: 10px 15px;
	margin-bottom: 10px;
}

/* FORM BUTTONS */
/* General Background */

.button {
	background-image:url(/images/css/btn_up.png);
	border: 1px outset;
	border-color:#999 #006;
	padding: 2px;
	text-align:center;
	width:auto;
}
.button:hover, .button:focus {
	background-image:url(/images/css/btn_dn.png);
	border-color:#006 #999;
	border: 1px inset;
}
.button * {
	font-size: 1em;
	font-weight: bold;
	font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif;
	margin-bottom: 0;
}

input[type="submit"],input[type="reset"] {
/*
	font-size: 1em;
*/
	font-weight: bold;
/*
	font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif;
	margin-bottom: 0;
	padding: 0 2px 1px 2px;
	margin-left: 2px;
*/
}

.button input, .grid input[type!="submit"] {
	background-color:transparent;
	border: 0px;
}
.grid input[type="text"] {
	border: 1px solid #039;
	background-color:#fff;
}
.button input:hover, .button input:focus, .grid input:hover, .grid input:focus {
	color: #39f;
}

/* button without image */
.noimgbtn {
	padding-left: 2px;
}
/* button with image */
.loginbtn {
	background-image: url(/images/css/loginbtn.png);
	background-position: 2px 50%;
	background-repeat: no-repeat;
	padding-left: 20px;
}
.subscribebtn {
	background-image: url(/images/css/email_go.png);
	background-position: 2px 50%;
	background-repeat: no-repeat;
	padding-left: 20px;
}
.searchbtn {
	background-image: url(/images/css/magnifier.png);
	background-position: 2px 50%;
	background-repeat: no-repeat;
	padding-left: 20px;
}


/*--- start of html5/css3 buttons ---*/

/* button 
---------------------------------------------- */
.buttoncss3, .grid input[type="submit"] {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-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);
}
.buttoncss3:hover, .grid input[type="submit"]:hover, .grid input[type="submit"]:focus {
	text-decoration: none;
}
.buttoncss3:active, .grid input[type="submit"]:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.buttonmedium, .grid input[type="submit"] {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.buttonsmall {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* color styles 
---------------------------------------------- */

/* black */
.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.red, a.red, a.red:visited{
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover, a.red:hover {
	color: #faddde;
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active, a.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
.blue, .grid input[type="submit"] {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover, .grid input[type="submit"]:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active, .grid input[type="submit"]:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* rosy */
.rosy {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.rosy:hover {
	background: #ba4b58;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
	background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.rosy:active {
	color: #dca4ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
	background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}

/* green */
.green, a.green, a.green:visited {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover, a.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active, a.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

/* pink */
.pink {
	color: #feeef5;
	border: solid 1px #d2729e;
	background: #f895c2;
	background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
	background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}
.pink:hover {
	background: #d57ea5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
	background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
}
.pink:active {
	color: #f3c3d9;
	background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
	background: -moz-linear-gradient(top,  #f171ab,  #feb1d3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
}

/*--- end of html5/css3 buttons ---*/


/* Knop Grid Modifications */
.grid th.sort {
	background: #acf;
}
.grid th.quicksearch form {
	float: left;
}
.grid td.even {
	background: #f7f7f7;
}


/* Knop Form Modifications */
#dirtymarker {
	padding: 5px 0;
}
#dirtymarker.unsaved {
	background-color: #ff0;
}

.inputgroup { /* the inputgroup class is for checkboxes and radios */
/*
	margin-left: 0px;
*/
}
.grid span.current {
	background: none !important;
	font-weight: bold;
}
.inputgroup label, .inputgroup input { /* the inputgroup class is for checkboxes and radios */
	float: none !important;
	display: inline !important;
	width: auto !important;
	font-weight: normal;
}

.hidden {display: none;}
.knopfield{
margin-bottom:0.2em;
}

.error_box {border:1px solid red; padding:1em; margin: 0px 15px 10px 15px}
.required, .error_message {font-weight: bold; color: #F00;}
label.error_message{display:inline;}
.warning_box {background-color: yellow; border: 1px solid #000}
.warning_message {font-weight: bold; color: #000;}

.warning{
border:solid black 4px;
background:#ff0;
margin: 1em 15px;
padding:1em;
color:black;
font-weight:bold;
float: left;
}


.error input, .error select, .error textarea, .validator_error  {
	background-color: #FFE5E5;
	border:solid 1px #F00;
}

.margin_vert {margin: 0.5em 0;}
.crnt {font-weight:bold;}

.alert{
border:dashed yellow 4px;
background:#c00;
padding:1em;
color:white;
font-weight:bold;
}

.clearfix {
clear: both;
}

/* style to fool bots with antispam technique */
.hidden, #yourname {display:none; visibility:hidden;}
fieldset h3,
fieldset p{
margin-left: 0;
margin-right: 0
}
body.clinic_request #content{
width: 600px;
}
.total_amout{margin-left: 3em;}
.normal {font-weight: normal;}