@charset "utf-8";

/*
* default stylesheet i4 for screen
*/

/* general styles ########################################################################### */
*{
	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;
}

a{
	color: #333;	
}

.clear{
	clear: both;	
}

/* Removing unwanted button padding in Firefox */
button::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

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


/* layout blocks ############################################################################ */
div#wrap {
	margin: 10px auto;
	margin-top: 0px;
	padding-top: 10px;
	width: 1000px;
}
div#header {
	float: left; 
	width: 100%;
}
div#logo {
	float: left; 
}
div#navigation_left {
	float: left;
	min-height: 500px;
	width: 200px;
}
div#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;
}
div#navigation_language {
	float: right;
}
div#content {
	float: left;
	margin-left: 10px;
	width: 580px;
}
div#sidebar {
	float: right;
	width: 200px;
}
div#footer {
	clear: both;
	min-height: 50px;
}


/* i4 button ######################################################################## */
button.i4_button{
	text-align: center;	
	font-size: 12px;
	border: 1px solid #838383;
	background: #efefef;
	padding: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	cursor: pointer;
	margin: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

button.i4_button:active{
	background: #c2c2c2;
}

/* 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_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 ######################################################################## */
div.form_row{
	float: left;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}

body input[type=text].valid,
body input[type=password].valid,
body input[type=file].valid,
body select.valid,
body textarea.valid{
	border: 1px solid rgb(98, 189, 45);
}
body input[type=text].invalid,
body input[type=password].invalid,
body input[type=file].invalid,
body select.invalid,
body textarea.invalid{
	border: 1px solid rgb(215, 50, 51);
}

body button[type=submit].valid{
	opacity: 1.0;
	filter: alpha(opacity=100);
	cursor: pointer;	
}
body button[type=submit].invalid{
	opacity: 0.5;
	filter: alpha(opacity=50);	
	cursor: default;
}

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