/* General layout definition for ivam site  */

/* General style settings */
@font-face {
  font-family: 'CallunaSans-Regular';
	src:url('/static/webfonts/ttf/style_196641.ttf') format('truetype');
}

@font-face {
	font-family: 'Museo';
	src:url('/static/MuseoSans_500.otf');
}
/*filter_list{
	list-style-position: inside;
	margin:0px;
	padding:0px;
}*/
html{
	margin:0px;
	height:100%;

	font-family: Arial, Verdana, "Sans Serif";
	font-size:12px;
}

body{
	margin:0px;
	background-color:#d3d3d3;
	height:100%;

	/* Background settings, actual background is only activated via javascript */
	background-repeat:no-repeat;
	overflow-y: scroll;
}

a{
	text-decoration:none;
/* 	color:#5b5; */
	color:#172;
	border:none;
	border:0px solid black;
}
img {
	border:none;
}
input[type=text], input[type=password], input[type=email] {
	border:1px solid #ddd;
	
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.8);
	
	/* Drop shadow */
	-moz-box-shadow: inset 0px 0px 8px #e8e8e8;
	-webkit-box-shadow: inset 0px 0px 8px #e8e8e8;
	box-shadow: inset 0px 0px 8px #e8e8e8;
	
	font-size:10pt;
	height:16px;
}
input.long, textarea.long{
	width:600px;
	font-family:Arial, sans-serif;
	/* Drop shadow */
	-moz-box-shadow: inset 0px 0px 0px #e8e8e8;
	-webkit-box-shadow: inset 0px 0px 0px #e8e8e8;
	box-shadow: inset 0px 0px 0px #e8e8e8;
	
	border:1px solid rgb(211,211,211);

} 
textarea.long{
	width:596px;
	height:100px;
}
fieldset{
	border:1px solid #ddd;
}
.big{
	width:175px;
}
.menuinput{
/* 	margin:0px; */
/* 	margin-top:-3px; */
	width:100px;
	color:#888;
/* 	height:12px; */
/* 	font-size:8pt; */
	padding-right:0px;
	padding-left:2px;
	margin-left:0px;
	margin-right:-4px;
}
.login{
 	margin:0px; 
 	margin-top:-2px; 
}
a.black{
	color:black;
}

a:hover{
	text-decoration:underline;
}
a.menu_bar{
	color:#888;
	padding-bottom:-2px;
}
.greyout{
	color:#aaa;
}

h1{
	margin:0px;
	padding:0px;
	margin-bottom:-4px;
/* 	margin-top:4px; */
	font-size:20pt;
	font-weight:normal;
}
h2{
	margin:0px;
	padding:0px;
	margin-bottom:-4px;
	font-weight:normal;
}
h3{
	margin:0px;
	margin-top:12px;
	padding:0px;
	font-weight:normal;
}

.languages{
	float:left;
	height:20px;
	margin-left:20px;
}

#navigation_parents{
	padding-top:3px;
	height:15px;
}

.line{
	width:600px;
	height:1px;
	background-image: url("/static/content/img/line.png");
/* 	margin-top:-5px; */
}

.float_fixer{
	height:1px;
	width:100%;
	clear:both;
}

/* Main elements */
#menu_bar{
	position:absolute;
	top:0px;
	left:0px;
	
	width:100%;
	height:26px;
	
	background-image:url("/static/content/img/menu_bar_background.png");
	
	/* Drop shadow */
	-moz-box-shadow: 0px 0px 8px #aaa;
	-webkit-box-shadow: 0px 0px 8px #aaa;
	box-shadow: 0px 0px 8px #aaa;
}
#menu_content{
	/*  The menu contente is centered above the foreground. */
	width:1024px;
	
	margin-left:auto;
	margin-right:auto;

	margin-top:5px;
}
#menu_left{
	float:left;
	border-left:1px solid #ddd;
	padding-left:4px;	
	margin-left:5px;
}
#menu_right{
	float:right;
	margin-right:20px;
}					
.menu_links{
	border-left:1px solid #aaa;
	padding-left:4px;
}

#foreground{
	width:1024px;
/* 	min-height:98%; */
	padding-top:38px;
	
	/* Center div */
	margin-left:auto;
	margin-right:auto;
	
	/* Colors */
	background: white;
	border: 1px solid #e61935;
	border-top: 0px solid #e61935;

	/* Background image */
	background-image:url("/static/content/img/logo_element_background.png");
	background-repeat:no-repeat;
	background-position:-328px -60px;
	
	/* Drop shadow */
	-moz-box-shadow: 0px 0px 120px #aaa;
	-webkit-box-shadow: 0px 0px 120px #aaa;
	box-shadow: 0px 0px 120px #aaa;
	
	/* Rounded corners */
	-moz-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
}

.tool{
	width:200px;
}
.box{
	/* Drop shadow */
	-moz-box-shadow: 0px 0px 15px 0px #e8e8e8;
	-webkit-box-shadow: 0px 0px 15px 0px #e8e8e8;
	box-shadow: 0px 0px 15px 0px #e8e8e8;
	
	border: 1px solid #ddd;
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.75);
}
.blackShadow {
	/* Drop shadow */
	-moz-box-shadow: 0px 0px 15px 0px #000;
	-webkit-box-shadow: 0px 0px 15px 0px #000;
	box-shadow: 0px 0px 15px 0px #555;
}
.greybox{
	border: 1px solid #aaa;
	background-color: rgb(240,240,240);
	background-color: rgba(240,240,240,0.75);

	/* Drop shadow */
	-moz-box-shadow: 0px 0px 15px 0px #e8e8e8;
	-webkit-box-shadow: 0px 0px 15px 0px #e8e8e8;
	box-shadow: 0px 0px 15px 0px #e8e8e8;
}
.box_title{
	text-align:left;
/* 	height:10pt; */
	font-size:10pt;
/* 	padding-top:2px; */
	padding-left:12px;
	padding-top:1px;
	border-bottom:1px solid #ddd;
}
.box_title_unindented{
	font-size:10pt;
/* 	padding-top:2px; */
	padding-left:3px;
	border-bottom:1px solid #ddd;
}

.box_title_twitter{
	font-size:10pt;
 	padding-top:4px; 
	padding-left:12px;
	padding-bottom:3px;
	border-bottom:1px solid #ddd;
}

.box_content_twitter li {
	padding:5px;
}

.box_content{
	padding-left:15px;
}
.box_help{
	float:right;
	margin-right:1px;
	margin-top:1px;
	cursor:pointer;
}
#tools{
	width:200px;
	height:100%;
	float:left;
	margin-left:20px;
}

#newestMembers{
	height:100px;
}
#refresh_view{
	display:none;
}
.update_filter{
	margin-left:17px;
	margin-top:2px;
	margin-bottom:2px;
}
.reset_filter{
	margin-top:2px;
	margin-bottom:2px;
	margin-left:2px;
}

ul.filter_list{
	list-style-type:none; 
	padding:0px;
	padding-left:11px;
	margin:0px;
	margin-top:0px;
	font-size:11pt;
/* 	line-height:80%; */
}
li.filter_list{
/* 	height:14pt; */
	list-style-position: inside;
	margin:0px;
	padding:0px;
	/*margin-bottom:3px;*/
}
ul.archive_list{
	list-style-type:none;
	padding:0px;
	padding-left:11px;
	margin:0px;
}
li.archive_list{
	list-style-position:inside;
	margin:0px;
	padding:0px;
	/*padding-left:3px;*/
	width:100%;
	overflow:hidden;
	/*white-space:nowrap;*/
}

.contact_image{
	float:left;
	border:1px solid #ddd;
	margin:3px;
	margin-left:12px;
	/* Rounded corners */
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}
#contact{
	font-size:8pt;
	height:100px;
	margin-bottom:12px;
/* 	overflow:hidden; */
}
.contact_content{
	font-size:8pt;
	margin-top:3px;
	overflow:hidden;
}

#navigation{
	min-height:275px;
	margin-bottom:12px;
	padding-bottom:35px;
}
#navigation_menu{
	padding-left:15px;
	padding-top:10px;
}

/* Navigation-Links */
.nav{
	color:black;
	display:block;
	background-repeat: no-repeat;
	font-weight:normal;
	font-size:13pt;
	margin-bottom:2px;
}
.currentSite{
	color:#e2001a;
}
.nav:hover{
	text-decoration: none;
}
.level0{
	/*font-size:14pt;*/
	padding-left:18px;
/* 	color:#5b5; */
	/*margin-bottom:5px;*/
	background-image: url(/static/content/img/diamond_big.png);
	background-position: 0px 4px;
	font-weight:bold;
}
.level1{
	/*font-size:14pt;*/
	padding-left:18px;
	background-image: url(/static/content/img/diamond_big.png);
	background-position: 0px 4px;
	font-weight:bold;
}
.level2{
	padding-left:34px;
	font-size:12pt;
	background-image: url(/static/content/img/diamond_medium.png);
	background-position: 20px 3px;
}
.level3{
	padding-left:43px;
	font-size:10pt;
	background-image: url(/static/content/img/diamond_small.png);
	background-position: 34px 3px;
}
.closed_level{
	display:none;
}
.no_background{
	background:none;
}
#search{
	text-align:center;
	margin-top:10px;
}
#search_field{
	border:1px solid #ddd;
	width:160px;
	padding-left:2px;
	
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.8);
	
	/* Drop shadow */
	-moz-box-shadow: inset 0px 0px 8px #e8e8e8;
	-webkit-box-shadow: inset 0px 0px 8px #e8e8e8;
	box-shadow: inset 0px 0px 8px #e8e8e8;
	
	font-size:10pt;
	height:16px;
}

.search_submit{
	width:16px;
	height:20px;
	vertical-align:bottom;
	margin-left:-1px;
}
.search_submit:hover{
	background-image: url(/static/content/img/search_submit_hover.png);
}

#social{
	min-height:250px;
	margin-top:12px;
	overflow:hidden;
}
.tweet{
	padding:3px;
	line-height:100%;
	font-size:9pt;
	margin-bottom:3px;
}
.tweet_info{
	color:#aaa;
	font-size:8pt;
	margin-bottom:3px;
}

#content{
	min-height:760px;
	width:745px;
	border: 1px solid #ddd;
	padding:5px 5px 12px 12px;
	overflow:hidden;
/* 	line-height:110%; */
}

#general_container{
	margin-left:20px;
	float:left;
}

#logo{
	float:right;
	width:145px;
	height:93px;
	background-image:url("/static/content/img/ivam_logo.png");
}

.arrow_tiny{
	margin-bottom:1px;
	margin-left:0px;
}

#footer{
	width:745px;
	margin-top:20px;
	color:#aaa;
	margin-bottom:10px;
	padding:5px 5px 12px 12px;
}	

.footer_table{
	width:100%;
}

.footer_cell{
	width:25%;
	vertical-align: top;
}

.footer_title{
	font-weight:bold;
	margin-bottom:4px;
}

.content_right{
	float:right;
	background-image: url(/static/content/img/line_vertical.png), url(/static/content/img/line.png);
	background-repeat:no-repeat;
	background-position:0px bottom, -450px 0px;
/* 	min-height:600px; */
	margin-left:8px;
	margin-right:10px;
	width:326px;
}
.border_image{
	border:1px solid #ddd;
	margin-right:4px;
	margin-bottom:4px;
}
.title_image{
/* 	max-height:217px; */
	max-width:326px;
	border:1px solid #ddd;
	margin-right:20px;
}
.title_image_subtitle{
	padding-left:12px;
}
.underImage{
	float:left;
	text-align:left;
	width:326px;
	margin-left:12px;
	margin-bottom:12px;
}

.filesAndLinks{
	display:block;
	background-image: url(/static/content/img/diamond_small_bw.png);
	background-position: 0px 3px;
	background-repeat: no-repeat;
	margin-bottom:2px;
	padding-left:10px;
}
.shortLine{
	width:200px;
	height:1px;
	background-image: url("/static/content/img/line.png");	
	background-position: -400px 0px;
	margin-top:-3px;
	margin-bottom:5px;
	margin-left:1px;
}
.content_left{
	margin-top:15px;
}
.defloater{
	clear:both;
	width:1px;
	height:1px;
}
.defloater{
	clear:left;
	width:1px;
	height:1px;
}
.enlarge{
	cursor:pointer;
}
.pages{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.active_flag_link{
	border:2px solid gray;
	width:50px;
}
.inactive_flag_link{
	width:40px;
}
.active_content{
}
.inactive_content{
	opacity:0.3;
}

input.valid, textarea.valid{
	background-color: #aaffaa;
}
input.invalid, textarea.invalid{
	background-color: #ffaaaa;
}
label.valid {
	color: #33aa33;
}
label.invalid {
	color: #ffaaaa;
}

.profileCount{
	font-weight:bold;
}
.form_error{
	background-color:#ffaaaa;
	border: 1px solid red;
	margin:5px;
	width:625px;
}
.loopList{
	display:table-cell;
	vertical-align:center;
}
.loopNavigation{
	float:left;
	height:83px;
	width:24px;
	background-repeat:no-repeat;
	background-position: 50% 50%;
	cursor:pointer;
}
.loopPrev{
	background-image: url("/static/content/img/leftarrow.png");
}
.loopNext{
	background-image: url("/static/content/img/rightarrow.png");
}
.loopItem{
	text-align:center;
	padding-left:21px;
	padding-top:6px;
	display:none;
	overflow:hidden;
	height:83px;
	width:129px;
}
.activeLoopItem{
	float:left;
	display:block;
}
.newestMember_image_div{
	border:0;
	margin-right:3px;
	margin-bottom:3px;
	width:100px;
	height:66px;
/* 	overflow:hidden; */
	float:left;
	padding:1px;
	text-align:center;

}
.newestMember_image_wrapper{
	height:66px;
	width:100px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.newestMember_image{
	max-height:66px;
	vertical-align:middle;
}
.defaultHidden{
	display:none;
}
.shortText{
	/*max-height:85px;
	overflow:hidden;*/
}
.content_middle {
	width:395px;
	font-family: Arial, sans-serif;
}

.flag_link {
	margin-right:4px;
	margin-bottom:5px;
}

.silber_label_img {
	display:block;
	margin: 20px auto;
}

.fieldWrapper {
	margin:2px 1px;
}