/* 1.) General */

/* standard html tags */

a {
    text-decoration: none;
    color: #7c1313;
}

a:hover {
    text-decoration: underline;
    color: #7c1313;
}

h1 {
    color: #7C1313;
}

h2 {
    font-size:14px;
}

.fieldWithErrors {
    display: table;
    float:left;
}

.fieldWithErrors input {
    border:2px solid red;
}

.family_details_language_select {
    margin-left: 10px;
}

/* standard message boxes */

.success_box, .notice_box, .error_box, .warning_box {
    font-weight: bold;
    color: #ffffff;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

.success_box {
    background: #00ff00;
}

.notice_box {
    background: #999999;
}

.error_box {
    background: #ff0000;
}

.warning_box {
    background: orange;
}

.notice_box, .error_box, warning_box  ul li {
    margin-bottom: 5px;
}


/* standar forms */

.standard_form_row {
    clear: both;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

.standard_form_row > label {
    float: left;
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
    width: 200px;
}

.standard_form_row > label.header {
    float: left;
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
    width: 200px;
    font-size:20px;
    margin-top:20px;
    margin-bottom:10px;
}

.standard_form_row > input[type=text] {
    float: left;
    width: 200px;
    margin-bottom: 5px;
}

.standard_form_row > input[type=password] {
    float: left;
    width: 200px;
    margin-bottom: 5px;
}

.standard_form_row > select {
    float: left;
    width: 200px;
    margin-bottom: 5px;
}

.standard_form_row > input[type=checkbox] {
    float: left;
    margin-left: 0px;
    padding-left: 0px;    
}

.standard_form_row > textarea {
    float: left;
    width: 200px;
    padding: 0px;
    margin-bottom: 5px;
}

.standard_form_row > .tree_box {
    float: left;
    width: 500px;
    background: #ffffff;
    padding: 10px;
    border: 1px solid #999999;
}



.image_button {
    border-width: 0px;
}

_input[type=submit] {
    background-color: #7c1313;
    border-width: 1px;
    color: #ffffff;
}

.grid_block {
}

.grid_block > .grid_container {	
    clear:both;
    overflow:hidden;
    text-align:center;
    vertical-align:top;	
}

.grid_heading {
    float:left;
    vertical-align:bottom;
    font-weight: bold;	
    margin-bottom: 10px;		
    background:transparent;
}

.grid_comment {
    float: left;
    margin-left: 10px;
}

.grid_help {
    display:none;	
    border:none;
    float:right;
    vertical-align:bottom;
    margin-left: 10px;
}

.grid_load_indicator {
    float:left;
    margin-left: 10px;
}




.toggle_detail_section {	
    display:none;
    height:100%;
    overflow:hidden;
    text-align:center;
    vertical-align:middle;
    padding: 5px;
}

.hidden_wizard_buttons {
    display: none;
}

.search_button {
    float: left;
    margin: 10px;    
    clear: left;
}

.standard_form_buttons_inside_content_box {
    clear: both;
    margin-left: 210px;
}

.standard_form_buttons_outside_content_box {
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both;
    margin-left: 225px;
}

.standard_form_save_button_left_top {
    margin: 15px;
    clear: both;
}

.standard_form_save_button_left_bottom {
    margin: 15px;
    clear: both;
}

.standard_form_row > .comment {
    float: left;
    font-style: italic;	
    margin-left: 10px;
}

.standard_summary_header {
    margin-left: 210px;
    margin-bottom: 10px;
    font-weight: bold;
}

.standard_data_row > .label {
    float: left;
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
    width: 200px;
}

.standard_data_row > .value {
    float: left;
    font-style: italic;
    width: 600px;
}

.standard_data_block {
    clear: both;
    margin-bottom: 10px;
}

.content_box {
    margin: 10px;
    padding: 5px;	
    /*    background: #ffffff; */
}

.floating_content_box {
    margin: 10px;
    padding: 5px;	
    /*    background: #ffffff; */
}

.inset_box {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    padding: 20px;
    /*    background: #ffffff; */
    border: 1px solid #999999;
    overflow:auto;
}


.floating_label {
    float: left;
    font-weight: bold;
    text-align: left;
    margin-right: 10px;
    margin-bottom:10px;
}

.floating_explanation {
    float: left;
    text-align: left;
    margin-right: 10px;
}

.warning {
    font-weight: bold;
    color: #ff8040;
}

.error {
    font-weight: bold;
    color: #ff0000;
}

.confirmation {
    font-weight: bold;
    color: #00ff00;
}


.flexible_textarea {
    text-align: left;
    width: 100%;
    height: 100%;
    /*    background: #ffffff; */
}

.flexible_textfield {
    text-align: left;
    width: 100%;
    height: 100%;
    /*    background: #ffffff; */
}

.flexible_text_box {
    width: 100%;
    height: 100%;	
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    /*    background: #ffffff; */
    border: 1px solid #999999;
    text-align: left;
}


.inset_tabs_container {
    margin: 15px;	
    padding: 2px;
}

.description_block {
    margin-bottom:10px;
    width: 100%;
}


/* 2.) Special pages */

/* team pages and advisory board pages*/
.person {
    clear: left;
    border-top: solid 1px #7c1313;
    padding-top: 1em;
}

.person img {
    float: left;
    margin-bottom: 1em;
}

.person_l {
    /*clear: left;*/
    position:relative;
    float:left;
    width:380px;
    margin-top:10px;
    border-top: solid 1px #E0E0E0;
    padding-top: 1em;
}

.person_r {
    /*clear: left;*/
    position:relative;
    float:left;
    width:380px;
    margin-left:20px;
    margin-top:10px;
    border-top: solid 1px #E0E0E0;
    padding-top: 1em;
}


.person_l img {
    float: left;
    margin-bottom: 1em;
}

.person_r img {
    float: left;
    margin-bottom: 1em;
}

/* only for advisory board */
.person_details {
    position:relative;
    float: left;
    margin-left: 10px;
    margin-right: 5px;	
    width: 280px;
    height:180px;
}

.person_details_1 {
    float: left;
    margin-left: 5px;
    margin-right: 5px;	
    width: 150px;
}

.person_details_2 {
    float: right;
    width:130px;
}

.person_name {
    font-weight: bold;
}

.person_title {
    
}

.person_email_address {
    margin-top: 20px;
}

.person_www {
    margin-left: 20px;
}

/* contact page */
.contact {
    position:relative;
    float: left;
    border-top: solid 1px #E0E0E0;
}
.contact_type {
    position:relative;
    float: left;
    margin-right: 2px;	
    width: 500px;	
    font-weight: bold;
    margin-top:20px;
    margin-bottom:20px;
}

.contact_address {
    position:relative;
    float: left;
    margin-left: 2px;
    margin-right: 2px;
    margin-top:20px;	
    margin-bottom:20px;
}

.media_list {
    float: left;
}

/* media page*/

.article_year{
    position:relative;
    float:left;
    width:100%;
    border-bottom:1px solid #E0E0E0;
}

.article_year h4{
    border-bottom:1px solid #E0E0E0;
    margin-bottom:15px;
    margin-top:30px;
    padding-bottom:1px;
}

.article_zeile {
    position:relative;
    float:left;
    width:100%;
    line-height:18px;
    padding-bottom:15px;
}

.article_title {
    width: 300px;
    margin-right: 1em;
    float: left;
}

.article_journal {
    width: 200px;
    margin-right: 1em;
    float: left;
}

.article_pdf {
    float: left;
}

/* network page */
.member_institution {
    float: left;
    padding-top: 10px;
    margin-bottom: 10px;
}

.member_institution img {
    margin-right: 80px;
    float: left;
    vertical-align: middle;	
    margin-bottom: 1em;
    border-width:0px
}

.member_institution a {
}

/* services - universities page */
#services_universities_text {
    float: left;
}

#services_universities_figure {
    float: right;
}

.services_text {
    position:relative;
    float: left;
    width: 415px;
}

.services_text h3 {
    color:#7C1313;
    padding-top:0px;
    margin-top:0px;
}

.services_image {
    position:relative;
    float: right;
    margin: 0px;
}


/* Login page */

div.sirop_login_box {
    width: 318px;
    height: 128px;
    position: relative;
    left:0px;
}

div.sirop_login_box input.sirop_login_box_submit {
    position: absolute;
    left: 228px;
    top: 82px;
    width: 74px;
    height: 34px;
    cursor: pointer;
    border: none;
}

div.sirop_login_box div.sirop_login_box_tl {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 5px;
    height: 5px;
    font-size: 2px;
}

div.sirop_login_box div.sirop_login_box_tr {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 5px;
    height: 5px;
    font-size: 2px;
}

div.sirop_login_box div.sirop_login_box_bl {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 5px;
    height: 5px;
    font-size: 2px;
}

div.sirop_login_box div.sirop_login_box_br {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 5px;
    height: 5px;
    font-size: 2px;
}

div.sirop_login_box div.sirop_login_box_label {
    position: absolute;
    font-family: Arial;
    font-size: 12px;
    width: 88px;
    text-align: right;
    left: 0px;
    font-weight: bold;
    vertical-align: middle;
    line-height: 22px;
}
div.sirop_login_box .sirop_login_box_input {
    position: absolute;
    width: 206px;
    left: 96px;
}
div.sirop_login_box img.sirop_reg_new_help {
    position: absolute;
    left: 0px;
    top: 142px;
    width: 15px;
    height: 15px;
}

div.sirop_login_box img.sirop_login_box_help {
    position: absolute;
    left: 15px;
    top: 101px;
    width: 15px;
    height: 15px;
}

div.sirop_login_box a.sirop_login_box_help_text {
    position: absolute;
    left: 34px;
    top: 101px;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    position: absolute;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    cursor: pointer;
}

/* Register new account button (on Login page) */
img.sirop_reg_new_help {
    width: 15px;
    height: 15px;
}
div.sirop_reg_new_text {
    margin-top: 10px;

    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    height: 15px;
}
a.sirop_reg_new_text {
    position:relative;
    top: -3px;
    cursor: pointer;
}


/* Panel Login */

div.sirop_login_box_panel {
    width: 318px;
    height: 128px;
	float:right;
        position:relative;
        top:-23px;
        left:-44px;
}



div.sirop_login_box_panel input.sirop_login_box_submit {
    position: relative;
    left: 228px;
    top: 111px;
    width: 74px;
    height: 34px;
    cursor: pointer;
    border: none;
}


div.sirop_login_box_panel div.sirop_login_box_label {
    position: absolute;
    font-family: Arial;
    font-size: 12px;
    width: 88px;
    text-align: right;
    left: 0px;
    font-weight: bold;
    vertical-align: middle;
    line-height: 22px;
}
div.sirop_login_box_panel .sirop_login_box_input {
    position: absolute;
    width: 206px;
    left: 96px;
}
div.sirop_login_box_panel img.sirop_reg_new_help {
    position: absolute;
    left: 0px;
    top: 142px;
    width: 15px;
    height: 15px;
}

div.sirop_login_box_panel img.sirop_login_box_help1 {
    position: absolute;
    left: 25px;
    top: 110px;
    width: 15px;
    height: 15px;
}

div.sirop_login_box_panel img.sirop_login_box_help2 {
    position: absolute;
    left: 25px;
    top: 130px;
    width: 15px;
    height: 15px;
}

div.sirop_login_box_panel a.sirop_login_box_help_text1 {
    position: absolute;
    left: 45px;
    top: 110px;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    position: absolute;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    cursor: pointer;
}

div.sirop_login_box_panel a.sirop_login_box_help_text2 {
    position: absolute;
    left: 45px;
    top: 130px;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    position: absolute;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    cursor: pointer;
}








.window_form {
    text-align: left;
    width: 100%;
    margin-left: 0px;
    overflow: hidden;
}

.window_form label {
    font-weight: bold;
}

.window_form input[type=text] {
    width: 350px;
    margin-bottom: 20px;
}

.window_form input[type=file] {
    width: 350px;
    margin-bottom: 20px;
}

.window_form select {
    width: 350px;
    margin-bottom: 20px;
}

.window_form textarea {
    margin-top: 0px;
    margin-bottom: 10px;
    width: 350px;
}

.window_form .window_submit {
    border: 0px;
}

.plain_form {
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: left;
}

.plain_form label {
    font-weight: bold;
}

.plain_form input[type=text] {
    width: 350px;
    margin-bottom: 20px;
}

#img_research_engine {
    float: left
}

#box_directory {
    float: left;
}

#area-role-type {
    text-align: center;
    margin-top: 20px;
}

#agreement_box {
    text-align:center;
    margin-top: 20px;
}

.type_id_icon {
    margin-left: 20px;
    margin-right: 20px;
    padding: 5px;
    border-color: #7C1313;    
}

.family_icon {
    margin-left: 20px;
    margin-right: 20px;
    padding: 5px;
    border-color: #7C1313;     
    vertical-align:middle;    
}


.family_select {
    width: 500px;
    margin-left: 225px;
    margin-bottom: 5px;
}

#root_family_box {    
    margin-top: 20px;
    margin-bottom: 20px;
    text-align:center;    
}

div .wizard_button_box {
    overflow: visible;
    margin-top: -20px;
    margin-bottom: 20px;
} 

.tree_container {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #999999;
    overflow:auto;
    border: 1px solid;
    clear: left;
}

.tree_search {
    clear: both;
    margin-bottom: 10px;
}

#overview_diagram {
    text-align: center;
}

.status_ind_box {
    width: 100%;
    text-align: center;
}

#role_type_description {
    margin-top: 20px;
    margin-bottom: 40px;
}

.validation_error {
    margin: 15px;
    padding: 10px;
    font-weight: bold;
    color: #ffffff;
    background-color: #ff0000;    
}

.success_msg {
    margin: 0px;
    padding: 10px;
    font-weight: bold;
    color: #ffffff;
    background-color: #00ff00;
}

/* Buttons with images */

.button_accept, .button_add, .button_apply, .button_assign, .button_back, .button_cancel, .button_confirm, .button_create, .button_decline, .button_delegate, .button_forward, .button_go, .button_invite, .button_next, .button_ok, .button_recommend, .button_save, .button_send, .button_submit, .button_wishlist_add, .button_wishlist_remove {
    border: 0px; 
    width: 115px; 
    height: 35px; 
    cursor:pointer;     
    background-color: white; 
    color: white; 
    background-repeat: no-repeat; 
    background-position: 1px 1px;
}


.welcome_shortcuts {
 font-size: 14px;
 vertical-align:middle;
}


.save_button_wizard_user {   
  margin-left:225px;
  clear:both;
}
.save_button_wizard_offer {   
  margin:20px;
  clear:both;
  border:brown 1px;
}
.save_button_right {   
  margin:10px;
  clear:both;
  float:right;
}
.save_button_right {   
  margin:10px;
  clear:both;
  float:left;
}

.subinst_suggest_link {    
    /*float:left;*/
    /*clear:none;*/
    /*position:relative;*/
    margin-left:10px;
    vertical-align:top;
}

.rt_fam_align { 
 vertical-align:middle;
}


/*validation hints*/
.standard_form_row {
	border:0;
	padding:10px;
	margin:10px;
	position:relative;
}

.standard_form_row label {
}

.standard_form_row input[type=text] {
    width:200px;
}

.standard_form_row textarea {
    width:200px;
    height:200px;
}

.standard_form_row select {
   width: 206px;
}

.standard_form_row div.tool_tip div.fixed_hint{
        
	padding:5px 15px 15px 40px;
        position:absolute;
        margin: -12px 0 0 14px;
        vertical-align: middle;
	display:inline;
        z-index:1000;
}

.standard_form_row div.tool_tip div.hint{
	
	padding:5px 15px 15px 40px;
        position:absolute;
        margin: -12px 0 0 14px;
        vertical-align: middle;
	display:none;
        z-index:2000;
}

.standard_form_row div.welldone div.fixed_hint {
        
        position:absolute;
        padding:5px 15px 15px 40px;
        margin: -4px 0 0 -6px;
        vertical-align: middle;
        display:inline;
        z-index:1000;
}
     
.standard_form_row div.welldone div.hint {
	
        position:absolute;
        padding:5px 15px 15px 40px;
        margin: -4px 0 0 -6px;
        vertical-align: middle;
        display:none;
        z-index:2000;
}

.standard_form_row > div {
        
}


.standard_form_row div.welldone {
	
        float: left;
        width: 50px;
        height: 30px;
        margin-top: -8px;
        margin-left:20px;
        z-index:500;
}

.standard_form_row div.kindagood div.fixed_hint{
        
        position:absolute;
        padding:5px 15px 15px 40px;
        margin: -4px 0 0 -6px;
        vertical-align: middle;
        display:inline;
        z-index:1000;
}

.standard_form_row div.kindagood div.hint {
	
        position:absolute;
        padding:5px 15px 15px 40px;
        margin: -4px 0 0 -6px;
        vertical-align: middle;
        display:none;
        z-index:2000;
        
}

.standard_form_row div.kindagood {
	
        float: left;
        width: 50px;
        height: 30px;
        margin-top: -8px;
        margin-left:20px;
        z-index:500;
}


/* Detail view*/

.standard_detail_view {
}

.standard_detail_view > div {
    margin-bottom: 5px;
}

.standard_detail_view > div > label {
    width: 200px;
    margin-right: 20px;
    font-weight: bold;
    float: left;
}

.standard_detail_view .detail_view_value {
    float: left;
}

/* Google Maps Info Windows */

.infoWindow{
    width:250px;
    height:100px;
    float:left;
}