/* ars navigandi GmbH - arscms */
/* /system/css/general/std.css */

/* begin general settings *******************************************************/
.bg_black {background-color:black;}
.bg_gray {background-color:gray;}
.bg_maroon {background-color:maroon;}
.bg_red {background-color:red;}
.bg_green {background-color:green;}
.bg_lime {background-color:lime;}
.bg_olive {background-color:olive;}
.bg_yellow {background-color:yellow;}
.bg_navy {background-color:navy;}
.bg_blue {background-color:blue;}
.bg_purple {background-color:purple;}
.bg_fuchsia {background-color:fuchsia;}
.bg_teal {background-color:teal;}
.bg_aqua {background-color:aqua;}
.bg_silver {background-color:silver;}
.bg_white {background-color:white;}

.c_black {color:black;}
.c_gray {color:gray;}
.c_maroon {color:maroon;}
.c_red {color:red;}
.c_green {color:green;}
.c_lime {color:lime;}
.c_olive {color:olive;}
.c_yellow {color:yellow;}
.c_navy {color:navy;}
.c_blue {color:blue;}
.c_purple {color:purple;}
.c_fuchsia {color:fuchsia;}
.c_teal {color:teal;}
.c_aqua {color:aqua;}
.c_silver {color:silver;}
.c_white {color:white;}

.b_black {border:1px solid black;}
.b_gray {border:1px solid gray;}
.b_maroon {border:1px solid maroon;}
.b_red {border:1px solid red;}
.b_green {border:1px solid green;}
.b_lime {border:1px solid lime;}
.b_olive {border:1px solid olive;}
.b_yellow {border:1px solid yellow;}
.b_navy {border:1px solid navy;}
.b_blue {border:1px solid blue;}
.b_purple {border:1px solid purple;}
.b_fuchsia {border:1px solid fuchsia;}
.b_teal {border:1px solid teal;}
.b_aqua {border:1px solid aqua;}
.b_silver {border:1px solid silver;}
.b_white {border:1px solid white;}

.hide, .hidden {visibility: hidden; display:none;}
/* end general settings *********************************************************/

/* begin non-semantic helper classes ********************************************/
/* image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* hide only visually, but have it available for screenreaders */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* extends .visuallyhidden to be navigateable via the keyboard */
.visuallyhidden.focusable:active, 
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* hide from screenreaders and browsers, but maintain layout (takes space) */
.invisible { visibility: hidden; }
/* end non-semantic helper classes **********************************************/

/* begin firefox4 bold hardware acceleration bug ********************************/
b b, strong strong, b strong, strong b { font-weight: inherit; }
/* end firefox4 bold hardware acceleration bug **********************************/

a,a:link,a:visited,a:hover,a:active {cursor:hand;}
a span,a:link span,a:visited span,a:hover span,a:active span {cursor:hand;}
a img,a:link img,a:visited img,a:hover img,a:active img {cursor:hand;}

/*
div, input:active, a:focus { outline: none !important;}
*/


/* begin Blog settings (More or less extension to MessageBoard!) *******************/
div.blog_title {
	width:750px;
	margin:20px 0px 0px 0px;
}

div.blog_title p.blog_description {
	margin:0px 0px 0px 0px;
}

div.blog_outersizing {
	width:730px;
	margin:0px 0px 0px 0px;
}

div.blog_pg_bottom {
	width:750px;
	margin:0px 0px 0px 0px;
}

/*table.blog_table td.blog_post_leftside {
	width:633px;
	background-color:#ED7F00;
}

table.blog_table td.blog_post_rightside {
	width:250px;
	height:22px;
	background-color:#ED7F00;
	vertical-align:middle;
	text-align:right;
	padding-right:15px;
}

table.blog_table td.mb_search_block {
	width:520px;
}*/

table.blog_table{
	width:100%;
	margin:15px;
}
/* end Blog settings ***************************************************************/

/* begin ImageGallery settings *****************************************************/
div.ig_thumb_spacer {
	position:relativ;
	float:left;
	min-width:50px;
	min-height:50px;
}

.ig_img_shadow {
	float:left;
	width:auto;
	background:url(/system/images/layout/img_shadow.png) no-repeat bottom right;
	margin:10px 0 0 5px;
}

.ig_img_shadow img {
	display:block;
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:-6px 6px 6px -6px;
	padding:0px;
}
/* end ImageGallery settings *******************************************************/


/* begin dataform *************************************************************/
/*
<form class="form form-horizontal">
	<div class="group-form clearfix">
		<div class="label-form ">
			Label
		</div>
		<div class="data-form clearfix">
			<div class="value-form">
				Data
			</div>
			<div class="subtext-form">
				Subtext
			</div>
		</div>
	</div>
</form>
*/

/* styles for all forms */
form {
	margin: 0 0 20px 0;
}
.group-form {
	margin: 0 0 9px 0;
	border-bottom: 1px solid #ccc;
}
.group-form-required,
.group-form-submit {
	border-color: transparent;
}
.label-form {
	margin: 0 0 10px 0;
}
.data-form {
	margin: 0 0 10px 0;
}
.value-form {
	margin: 0 0 10px 0;
}
.value-form-float,
.inputSubtext { /* .inputSubtext for backwards compatibility */
	margin-right: 8px;
	float: left; 
	display: inline;
}
.subtext-form {
	/*margin: 0 0 10px 0;*/
}
.subtext-form-float,
.spanFloatLeft { /* .spanFloatLeft for backwards compatibility */
	float: left; 
	display: inline;
	*width: 50%; /* force IE in quirks modus to display this one behind the input field if input field is larger than 50% */
}
.hint-form,
.error-form {
	display: block;
	margin: 0 0 20px 0;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.hint-form {
	background-color: #fcf8e3;
	border-color: #fbeed5;
	color: #c09853;
}
.error-form {
	background-color: #f2dede;
	border-color: #eed3d7;
	color: #b94a48;
}
input[type="radio"],
input[type="checkbox"] {
	margin: 0 4px 4px 0;
	cursor: pointer;
}
/* styles for all forms on touch devices */
@media screen and (max-device-width: 380px){
	.touch input[type="radio"],
	.touch input[type="checkbox"] {
		height: 34px;
		width: 34px;
	}
	.touch input[type="radio"] {
		border-radius: 17px;
	}
}

/* styles for horizontal forms */
.form-horizontal .label-form {
	float: left;
	width: 200px;
}
.form-horizontal .data-form {
	/* Super jank IE7 fix to ensure the inputs in .data-form don't inherit the margin of the parent */
	*display: inline-block;
	*padding-left: 20px;
	margin-left: 220px;
	*margin-left: 0;
}
.form-horizontal .data-form:first-child {
	*padding-left: 220px;
}

@media (max-width: 479px) {
	.form-horizontal .group-form {
		width: 100%;
	}
	.form-horizontal .label-form {
		float: none;
		width: 100%;
	}
	.form-horizontal .data-form {
		margin-left: 0;
		width: 100%;
	}
	.form-horizontal .data-form:first-child {
		*padding-left: 0;
	}
}


/* end dataform ***************************************************************/

/* begin safe css defaults ****************************************************/
/* if you need more: http://nimbupani.com/safe-css-defaults.html */
.defaultWidth { width:auto !important; }

/* end safe css defaults ******************************************************/

/* begin float clearing *******************************************************/
/* http://sonspring.com/journal/clearing-floats */
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.singleImageSelector__image img {
	vertical-align:middle; 
	max-height: 90px;
	margin-bottom: 10px;
}

.singleImageSelector__hidden {
	display: none;
}

/* end float clearing *********************************************************/

.ajax-load-page-templates
{
	background-image:url(/system/images/ajax-loader-small.gif);
	width:16px;
	height:16px;
	position: relative;
	top: 4px;
	left: 7px;
	display: none;
}

.simpleExportHint {
	display: none;
	margin-top: 15px;
}