/*
* default stylesheet i4 for screen
*/

/* general styles ########################################################################### */

html, 
body {
	height: 100%;
}

*{
	margin: 0px;
	padding: 0px;	
}

body, td, th, label, textarea, input {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #333333;
}

img {
	border:none;
	-ms-interpolation-mode: bicubic;
}

a{
	color: #333;	
}

.clear{
	clear: both;	
}

/* Removing unwanted button padding in Firefox */
button::-moz-focus-inner { 	
	margin-top: -1px;
	padding: 0;
}

/* ie7 padding-left / padding-right bugfix */
button{
	overflow: visible;
}


/* layout blocks ############################################################################ */
#wrap {
	margin: 10px auto;
	margin-top: 0px;
	padding-top: 10px;
	width: 1000px;
}
#header {
	float: left; 
	width: 100%;
}
#logo {
	float: left; 
}
#navigation_left {
	float: left;
	min-height: 500px;
	width: 200px;
}
#navigation_top {
	float: left;
	width: 100%;
	border: 1px solid #333;
	border-left: 0px;
	border-right: 0px;
	background: white;
	padding: 5px;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 10px;
}
#navigation_language {
	float: right;
}
#content {
	float: left;
	margin-left: 10px;
	width: 580px;
}
#sidebar {
	float: right;
	width: 200px;
}
#footer {
	clear: both;
	min-height: 50px;
}


/* i4 button ######################################################################## */
/* used in popups and admin-page */
.i4_button {
	
	text-shadow: 0 1px 0 white;
	text-align: center;	
	font-size: 12px;
	border: 1px solid #838383;
	
	background: #F0F0F0;
	background: -webkit-linear-gradient(top, #F7F7F7, #D1D1D1);
	background: -moz-linear-gradient(top, #F7F7F7, #D1D1D1);
	background: -ms-linear-gradient(top, #F7F7F7, #D1D1D1);
	background: -o-linear-gradient(top, #F7F7F7, #D1D1D1);
	
	padding: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	cursor: pointer;
	margin: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	
	color: #333;
	height: inherit;
	line-height: inherit;
	
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-box-shadow: none;	/* webkit browser*/ 
	-moz-box-shadow: none;	/* firefox */ 
	box-shadow: none;
	
	text-decoration: none;

}

.i4_button:hover {
	background: #F0F0F0;
    background: -webkit-linear-gradient(top, #ffffff, #dfdfdf);
    background: -moz-linear-gradient(top, #ffffff, #dfdfdf);
    background: -ms-linear-gradient(top, #ffffff, #dfdfdf);
    background: -o-linear-gradient(top, #ffffff, #dfdfdf);
    
    -webkit-box-shadow: none;	/* webkit browser*/ 
	-moz-box-shadow: none;	/* firefox */ 
	box-shadow: none;
	
	border: 1px solid #838383;
}
.i4_button:active{
	background: #d0d0d0;
    background: -webkit-gradient(linear, left top, left bottom, from(#a8a8a8), color-stop(0.15, #c6c6c6), to(#d8d8d8));
    background: -webkit-linear-gradient(top, #a8a8a8, #c6c6c6 15%, #d8d8d8);
    background: -moz-linear-gradient(top, #a8a8a8, #c6c6c6 15%, #d8d8d8);
    background: -ms-linear-gradient(top, #a8a8a8, #c6c6c6 15%, #d8d8d8);
    background: -o-linear-gradient(top, #a8a8a8, #c6c6c6 15%, #d8d8d8);
}

.popup_content .i4_button_small,
.i4_button_small {
	font-size: 10px;
	padding: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* calendar styles ######################################################################## */
div.calendar_container{
	position: absolute; 	
	border: 5px solid #6EA0AA;
	background: white;
	width: 200px;
	font-size: 10px;
	float: left;
	line-height: normal;
}

div.calendar_container * {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
}

div.calendar_header{
	float: left;
	width: 100%;
	text-align: right;	
	margin-bottom: 5px;
	background: rgb(242, 242, 242); 
	border-bottom: 1px solid rgb(204, 204, 204);
	padding-top: 5px;
	padding-bottom: 5px;
}
div.calendar_header a{
	color: #999999;
	text-decoration: none;
	margin-right: 5px;
}
div.calendar_header a:hover{
	color: #555555;
}

div.calendar_scroller{
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 5px;	
}
div.calendar_scroller select{
	font-size: 10px;
	margin-left: 5px;
	margin-right: 5px;	
}

table.calendar_arrow{
	width: 100%;
	float: left;	
	margin-bottom: 5px;
}
table.calendar_arrow td{
	width: 10%;
	text-align: center;
	font-size: 10px;
}
table.calendar_arrow td.date{
	width: 60%;
	color: #333;
	font-size: 11px;
}
table.calendar_arrow a{
	text-decoration: none;
	color: #333;	
}
table.calendar_arrow a:hover{
	color: #999999;
}

table.calendar{
	float: left;
	background: white;
	width: 100%;
	vertical-align: top;
	border-collapse: collapse;
}
table.calendar td{
	text-align: center;
	padding: 2px;
	font-size: 10px;
}
table.calendar tr.calendar_week{ background: #333; }
table.calendar tr.calendar_week td{ color: white; }
table.calendar td.today{ background: #EBF0DA;}
table.calendar td.highlight{
	color: #D73233;
	font-weight: bold;
}
table.calendar td.selected{ background: #A5EFFF; }
table.calendar td.saturday{ background: #95D8E6; }
table.calendar td.sunday{ background: #86C6D4; }
table.calendar td.choose{ cursor: pointer;	}
table.calendar td.choose:hover{
	background: #EBF0DA;
	color: #333;
}

/* form styles ######################################################################## */
.form_row{
	float: left;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}

input, 
textarea,
select {
	border: 1px solid #ccc;
}

input[type=checkbox],
input[type=radio] {
	border: none; /* for ie */
}

div.valid .image_choose button:nth-of-type(1) { border-color: #62BD2D; } /* defined alone for ie */
input.valid,
select.valid,
textarea.valid,
div.valid a.fineuploader_button,
div.valid .form_row input[type=file] {
	border-color: #62BD2D;
}
input.invalid,
select.invalid,
textarea.invalid,
div.invalid .image_choose button,
div.invalid a.fineuploader_button,
div.invalid .form_row input[type=file] {
	border-color: #D73233;
}

button.valid{
	opacity: 1.0;
	filter: alpha(opacity=100);
	cursor: pointer;	
}
button.invalid {
	opacity: 0.5;
	filter: alpha(opacity=50);	
	cursor: default;
}
input[type=text].loader {
	background: url('../image/loader-small.gif') no-repeat right center;
}

/* special form styles ######################################################################## */
ul.dashed {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}
ul.dashed li:before {
	  content: "\2013 \0020";
}

/* toggle ######################################################################## */
.toggle_link_open,
.toggle_link_collapse {
	padding-left: 12px;
	cursor: pointer;
}

.toggle_link_open {
	background: url(../image/icon_toggle_close.gif) no-repeat left 1px;
}

.toggle_link_collapse {
	background: url(../image/icon_toggle_open.gif) no-repeat left 1px;
	
}