/*--- CSS Document --------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*                                                                                                                                                                         */
/*  Style sheet for Dialog Värdegrund                                                                                                                                      */
/*                                                                                                                                                                         */
/*  Created by Futurniture AB                                                                                                                                              */
/*                                                                                                                                                                         */
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/	

/*--- Temporary classes ---------------------------------------------------------------------------------------------------------------------------------------------------*/

.xdiv { border: 0.1em solid #fafafa; }
.xdiv { background-color: #fafafa; }



/*--- Style clean up ------------------------------------------------------------------------------------------------------------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, pre { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
caption, th {text-align:left;}
q:before, q:after { content:''; }


.noborder { border: none !important; }


/*--- Basic styles --------------------------------------------------------------------------------------------------------------------------------------------------------*/

html { height: 100%; width: 100%; font-size: 125%; }
body { background-color: #ffffff; font-size: 50%;  font-family: Arial, Sans-Serif; color: #1d1e23; text-align:center; padding: 0 0 0 15px; background-color: #ffffff; }

#container { display: block; width:940px; min-height:1000px; margin-left: auto; margin-right: auto; text-align: left; }	
#spacer { position: absolute; height: auto; width:940px; padding: 0; }	

a { color: #1186cb; text-decoration: underline; }
    a:link { color: #1186cb; text-decoration: underline; }
    a:hover { color: #1d1e23; text-decoration: none; }
    a:visited { color: #b40e80; }

a.shy { color: #1d1e23; text-decoration: none; }
    a.shy:link { color: #1d1e23; text-decoration: none; }
    a.shy:visited { color: #1d1e23; text-decoration: none; }
    a.shy:hover { color: #1d1e23; text-decoration: underline; }

a.event_link { color: #1d1e23; text-decoration: none; }
    a.event_link:link { color: #1d1e23; text-decoration: none; }
    a.event_link:visited { color: #1d1e23; text-decoration: none; }
    a.event_link:hover { color: #1d1e23; text-decoration: none; }

a.disabled { color: #aaaaaa; cursor:default; text-decoration: none; }

.error { font-size:1.2em; font-weight: bold; margin-top: 10px; }

#content { float: left; width: 940px; height: auto; margin: 0; text-align: left; } 

    .column_single { float: left; width: 220px; height: auto; margin: 0 15px 15px 0; }
    .column_double { float: left; width: 455px; height: auto; margin: 0 15px 15px 0; }
    .column_tripple { float: left; width: 690px; height: auto; margin: 0 15px 15px 0; }
    .column_full { float: left; width: 925px; height: auto; margin: 0 15px 15px 0; }

    .column_break { position:static; display: block; width: 100%; height: 1px; margin: 0; clear: both; }
    .column_last { margin: 0 0 15px 0; }

    .content_block { margin: 20px 0 10px 0; font-size: 1.8em; line-height: 1.2em; }
        .content_block img { border: 1px solid #1d1e23; }
    
        .content_block div p { margin: 0 0 15px 0; }
        .content_block div h2 { font-size: 1.1em; font-weight: bold; }
        .content_block div h3 { font-size: 1em; font-weight: bold; }
    
    .hr_thin { display: block; float: left; width: 100%; height: 1px; margin: 5px 0 15px 0; clear: both; background-color: #1d1e23; } 
    
#content ul, #content ol { margin: 5px 0 0 15px;  }


.tag_pink { position: absolute; top: 1px; right: 1px; width: 21px; height: 21px; background-color: transparent; background-image: url('../Images/tag_pink.png'); }
.tag_blue { position: absolute; top: 1px; right: 1px; width: 21px; height: 21px; background-color: transparent; background-image: url('../Images/tag_blue.png'); }
.tag_green { position: absolute; top: 1px; right: 1px; width: 21px; height: 21px; background-color: transparent; background-image: url('../Images/tag_green.png'); }
.tag_black { position: absolute; top: 1px; right: 1px; width: 21px; height: 21px; background-color: transparent; background-image: url('../Images/tag_black.png'); }
.tag_red { position: absolute; top: 1px; right: 1px; width: 21px; height: 21px; background-color: transparent; background-image: url('../Images/tag_red.png'); }


 
 #start_introduction h2 div { font-size: 1.8em; font-weight: bold; }



/*--- Header --------------------------------------------------------------------------------------------------------------------------------------------------------------*/	

#head { position: relative; float: left; width: 925px; height: 208px; }

    #logo { position: absolute; top: 41px; left: 0; width: 800px; height: 95px; }
    #register_member { position: absolute; top: 53px; left: 811px; width: 114px; height: 83px; padding: 0; overflow: hidden; }
        #register_member a { }
        #register_member a:hover img { margin: 0 0 0 -115px; }
    
    
    #accessibility { position: absolute; top: 10px; left: 0px; width: 500px; }
       #accessibility li { display: inline; float: left; margin: 0 15px 0 0; } 
       #accessibility li.cloaked { width: 1px !important; height: 1px !important; overflow: hidden !important; color: #ffffff !important; }
            #accessibility a {  }
            #accessibility li a:visited { color: #1186cb;  }
            #accessibility li a:hover { color: #1d1e23; }


/*--- Top Menu --------------------------------------------------------------------------------------------------------------------------------------------------------------*/	
    
    #top_menu { position: absolute; top: 146px; left: 1px; width: 900px; }
        #top_menu li { display: inline; float:left; padding: 0 10px 0 10px; border-right: 3px solid #1d1e23;  } 
            #top_menu li a { display: block; height: 1.1em; overflow: hidden; }
            
                #top_menu li a.pink { border-bottom: 3px solid #fac4d4; }
                #top_menu li a.blue { border-bottom: 3px solid #52b5ef; }
                #top_menu li a.green { border-bottom: 3px solid #c7d75b; }
                #top_menu li a.yellow { border-bottom: 3px solid #ffde45; }
                #top_menu li a.red { border-bottom: 3px solid #e42e16; }
                #top_menu li a.black { border-bottom: 3px solid #1d1e23; }
                
            #top_menu li a:hover { border-bottom: none; height: 1.3em; }


        #top_menu li.active { padding: 0; margin: 0; border-right: none; background-color: #1d1e23; border-bottom: none; }
        
            #top_menu li.active a { border-bottom: none; margin: 0 10px 0 7px; height: 1.3em; }
            #top_menu li.active a:hover { border-bottom: none !important; }        

        
        #top_menu li.last { border-right: none;  } 

/*--- About Menu --------------------------------------------------------------------------------------------------------------------------------------------------------------*/	
    
    #about_menu { position: relative; left: 0px; font-weight: bold; list-style: none; margin: 0;  }
        #about_menu .selected { color: #ffffff; background-color: #1d1e23; padding: 1px 7px 1px 7px; }

        #about_menu li { font-size: 1.8em; margin: 0 0 2px 0; } 
            #about_menu li a { color: #1d1e23; text-decoration: none; }
            #about_menu li a:hover { text-decoration: underline; }
            #about_menu li a.active { text-decoration: underline; font-weight: normal; }
            #about_menu .selected { color:#ffffff; background-color:#000000; }
            #about_menu li li { font-size: 1em; margin-left: -15px;} 

/*--- Read More box --------------------------------------------------------------------------------------------------------------------------------------------------------*/

    .read_this { font-size: 1.2em; line-height: 1.2em; margin: 25px 0 0 0; padding: 6px 0 0 0; border-top: 1px solid #1d1e23; }
        .read_this h2 { font-size: 1em; line-height: 1.4em; margin: 0 0 0 0; }

    #read_more { position: relative; top: -20px; left: 37px; width: 183px; height: 65px; padding: 0; overflow: hidden; margin-bottom: -20px; }
        #read_more a { }
        #read_more a:hover img { margin: 0 0 0 -183px; }

    .floating { float: right; }

/*--- About Content --------------------------------------------------------------------------------------------------------------------------------------------------------------*/	
    
    /*
    #about_content { margin: 15px 0 15px 0; }
        #about_content p { margin: 0 0 15px 0; }
        #about_content h3 { font-size: 1em; margin: 0 0 5px 0; }
    */
        #about_image { width: 220px; height: 220px; border: 1px solid #1d1e23; margin: 0 0 15px 0; }

    #SiteMap ul { font-size: 1em; }
        #SiteMap ul li { font-size: 1em; }
            #SiteMap a { color: #1d1e23; text-decoration: none;  }
            #SiteMap a:hover { text-decoration: underline; }

/*--- Footer --------------------------------------------------------------------------------------------------------------------------------------------------------------*/	

#foot { position: relative; float: left; width: 925px; height: 100px; margin: 25px 0 0 0; border-top: 3px solid #1d1e23; text-align: center; }

    #foot_menu { width: 925px; text-align: center; margin: 10px 0 0 0;  } 
        #foot_menu li { display: inline; margin: 0 15px 0 0;  } 
            #foot_menu li a {  }
            #foot_menu li a:visited { color: #1186cb;  }
            #foot_menu li a:hover { color: #1d1e23; }
            

    #foot div { width: 925px; text-align: center; margin: 10px 0 0 0; } 


/*--- Teaser Container -----------------------------------------------------------------------------------------------------------------------------------------------------*/	

#teaser_container { display: block; width: 100%; margin: 15px 0 0 0; padding: 0; }
    #teaser_container h2 { display: block; float: left; width: 55%; margin: 0 0 5px 0; font-size: 1.6em; line-height: 1.6em; }
    #teaser_container .pagination { display: block; float: right; width: 40%; margin: 8px 0 5px 0; text-align: right; font-size: 1.2em; font-weight: normal; }
    #teaser_container .last { position: relative; top: -10px; margin: 0; }

/*--- Teaser --------------------------------------------------------------------------------------------------------------------------------------------------------------*/	

.teaser { position: relative; float: left; width: 220px; height: 295px; margin: 0 15px 15px 0; overflow: hidden; }

    .organisation { font-size: 1.2em; font-weight: bold; }
    .category { font-size: 0.9em; font-weight: normal; }
    
    .teaser img { position: static; top: 0px; left: 0px; width: 220px; height: 220px; }
    .teaser input { position: static; top: 0px; left: 0px; width: 220px; height: 220px; padding: 0; margin: 0; }

    .teaser .link { position: absolute; top: 228px; right: 10px; width: 200px; height: 60px; overflow: hidden; font-size: 10px;  }
    .teaser .link a { font-size: 1.2em; font-weight: bold; text-decoration: none; color: #1d1e23;  }
    .teaser .link a:hover { text-decoration: underline; color: #1d1e23;  }
    
     .teaser .link h3 { font-size: 10px; }
        .teaser .link h3 a { font-size: 1.2em; font-weight: bold;  color: #1186cb; text-decoration: underline; }
        .teaser .link h3 a:link { color: #1186cb; text-decoration: underline; }
        .teaser .link h3 a:visited { color: #1186cb; }
        .teaser .link h3 a:hover { color: #1d1e23; text-decoration: none; }

   
    .teaser .body { width: 218px; height: 293px; background-color: #f5f3ee; overflow: hidden; border: 1px solid #1d1e23; }
        .teaser .body .top { width: 100%; height: 218px; background-color: #ffffff; overflow: hidden;  }
            .teaser .body .top img { position: static; width: 220px; height: 220px; }
        .teaser .body .event_date { position: absolute; top: 6px; left: 4px; height: 200px; width: 212px; font-size: 17em; text-align: center; font-size: 17em; line-height: 1em; font-weight: bold; letter-spacing: -5px; }
        .teaser .body .event_month { position: absolute; top: 165px; left: 1px;  width: 212px; text-align: center;  font-size: 3.5em; font-weight: bold; text-transform: capitalize; }

    .teaser .special { width: 214px; height: 289px; border: 3px solid #1d1e23; }
        .teaser .special .tag_pink { top: 3px; right: 3px; }
        .teaser .special .tag_blue { top: 3px; right: 3px; }
        .teaser .special .tag_green { top: 3px; right: 3px; }

    .teaser a img { position: absolute; top: 0px; left: 0px; width: 220px; height: 220px; }

    
    .breaker { margin: 0 0 15px 0; }


    #publish_teaser { position: relative; float: left; width: 220px; height: 295px; margin: 0 0 15px 0; overflow: hidden; }
        #publish_teaser a:hover img { margin: 0 0 0 -220px; }


/*--- Forms -----------------------------------------------------------------------------------------------------------------------------------------------------------*/	/*<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">*/

    #grey_box {  float: left; width: 100%; height: auto; padding: 15px 0 5px 0 ; margin: 0 15px 15px 0; background-color: #e0dcd9;  } 
        #grey_box h2 { margin: 0 0 5px 0; } 
        #grey_box div.margin { padding: 0 15px 0 15px; } 
    
    fieldset { margin: 0 0 0px 0; }
    fieldset div { margin: 10px 0 0 0; }
    
    fieldset div div { margin: 0 0 0 0; }
    
    legend { margin: 10px 0 0 0;  padding: 0; }
    label { font-weight: bold; }

    select { margin: 2px 0 0 0; padding: 3px 3px 3px 0;}
        select.multi { padding: 0; width: 219px;}

    input { margin: 2px 0 0 0; width: 98%; padding: 3px 0 3px 0; }
        input.radio { width: 15px !important; }
        input.small { width: 48%; }
        input.xsmall { width: 32%; }
        input.xxsmall { width: 24%; }
        input.xxxsmall { width: 10%; }
        input.checkbox { position: relative; top: 2px; width: auto; margin: 0 5px 0 0; }
        input.submit { margin: 0; padding: 0; width: 100%; background-color: #1d1e23; border: 1px solid #1d1e23;   }
        input.submit_disabled { margin: 0; padding: 0; width: 100%;background-color: #e0dcd9; border: 1px solid #e0dcd9;   }
        
    textarea { margin: 2px 0 0 0; width: 99%; padding: 3px 0 3px 0; }

    .error_summary { background-color: #ffe0e0; color: #e42e16; border: 3px solid #e42e16; padding: 15px; margin: 0 0 30px 0;}
        .error_summary ul {   }
        
    .error { background-color: #ffe0e0; color: #e42e16 !important; border: 1px solid #e42e16; padding: 15px 15px 10px 15px;}
    
    .error_message { width: 99%; text-align: right; margin: 10px 0 0 0; }
    
    .form_foot { float: left; width: 100%; height: 1px; margin: 20px 0 20px 0; background-color: #1d1e23; }


    .column_single select { max-width: 220px; } 


    .forgot_link { display: block; padding: 8px 0 0 0; }
    

/*--- Start -----------------------------------------------------------------------------------------------------------------------------------------------------------*/	

#start_introduction div, #start_introduction a { font-size: 1.8em; padding-top: 5px; }
    #start_introduction div p { padding-bottom: 5px; }
    
    

/*--- Search Box -----------------------------------------------------------------------------------------------------------------------------------------------------------*/	

    #search_box {  float: left; width: 100%; height: auto; padding: 15px 0 5px 0 ; margin: 25px 15px 15px 0; background-color: #e0dcd9; border: 1px solid #e0dcd9;  } 
        #search_box h2 { margin: 0 0 5px 0; } 
        #search_box div.margin { padding: 0 15px 0 15px; } 
        #search_box fieldset { margin: 0 0 15px 0; float: left; display: inline; width: 70%; } 
        #search_box input { width: 71%; } 
        #search_box .system_button { width: 17%; margin: 0 0 0 5px; padding: 0; } 


    #search_box div fieldset span { font-size: 0.01em; height: 1px; width: 1px; overflow: hidden; visibility: collapse; }

    .advanced_link { margin: 0 5px 0 10px; padding: 8px 0 0 0; float: right; display: inline; }
        .advanced_link a { padding: 0 15px 2px 0; font-size: 1.2em; font-weight: bold; background-image: url('../Images/expander_down.png'); background-repeat: no-repeat; background-position: center right;  }
        .advanced_link a:hover {  background-image: url('../Images/expander_down_hover.png'); }


    #advanced_form { position: relative; clear: both; display: block; border-top: 1px solid #ffffff; padding: 10px 0 10px 0; margin: 0 0 15px 0; font-size: 1.2em; }
                #advanced_form h3 { margin: 0 0 10px 0; }
                #advanced_form div.form_column { float: left; width: 205px; margin: 0 15px 15px 0; }
                    #advanced_form div.form_column input { width: 205px; }
                    #advanced_form div.form_column select { width: 205px; margin-top: 3px; }

                #advanced_form div.form_column_middle { float: left; width: 220px; margin: 0 15px 15px 0; }
                    #advanced_form div.form_column_middle input { width: 220px; }
                    #advanced_form div.form_column_middle select { width: 220px; margin-top: 3px; }

                #advanced_form div.form_column_full { float: left; width: 660px; margin: 0 0 15px 0; }
                    #advanced_form div.form_column_full input { width: 330px; }

                #advanced_form div.last { margin: 0 0 15px 0; }
                
                #advanced_form div.close_advanced_link { float: left; margin: 5px 0 0 0; }
                #advanced_form input.system_button { float: right; }
            

    #view_form { position: relative; clear: both; display: block; border-top: 1px solid #ffffff; padding: 10px 0 10px 0; margin: 0 0 10px 0; font-size: 1.2em; }
        #view_form div { display: inline; float: left; margin: 0 50px 0 0; }
            #view_form div.first { display: inline; float: left; margin: 0 25px 0 0; }

            #view_form div b { position: relative; top: -4px; font-size: 1.5em; }
            #view_form div label { position: relative; top: -2px; }


/*--- Relations Box -----------------------------------------------------------------------------------------------------------------------------------------------------*/	

    .related_box { position: relative; float: left; width: 220px; height: auto; border: 1px solid #1d1e23; margin: 0 0 15px 0; padding: 10px 0 10px 0; line-height: 1.4em; font-size: 1.2em; overflow: hidden; }
        .related_box div { padding: 0 10px 0 10px; right: 0; top: 0; border: none; }
            .related_box div span.headline { display: block; font-weight: bold; padding-bottom: 5px; }
            .related_box div div { padding: 0; border: none; }
            .related_box div a { display: block; margin: 0 0 5px 0; }
            .related_box div br { font-size: 0.01em; line-height: 0.01em;  }
            
            

/*--- calendarList -----------------------------------------------------------------------------------------------------------------------------------------------------*/	

    #calendarListContainer { margin: 33px 0 20px 0; border: 1px solid #1d1e23; padding: 10px; position: relative; }
    
    #calendarListContainer table tr td { text-align: center; font-weight: bold; font-size: 1.4em; color:#1d1e23; }
    #calendarListContainer table tr th { text-transform: uppercase; font-weight: bold;  font-size: 1.4em; text-align: center; color: #1d1e23; }
    
    #calendarListContainer table.title tr td { background-color: #1d1e23; font-size: 1.2em; color: #ffffff; text-transform:capitalize; padding-top: 3px; padding-bottom: 3px; }
    
        #calendarListContainer table tr td.nextMonth { background-color: #1d1e23; color: #ffffff; }
            #calendarListContainer table tr td.nextMonth a {color: #ffffff !important; text-decoration: none; }
            
        #calendarListContainer table tr td.otherMonth { background-color:#ffffff; color: #e0dcd9; }
            #calendarListContainer table tr td.otherMonth a { color: #e0dcd9 !important; text-decoration: underline; font-weight: bold; }

        #calendarListContainer table tr td.selectedDays { background-color: #e0dcd9 !important; color:#1d1e23 !important; }

        #calendarListContainer table tr td.today { background-color: #1d1e23; color:#ffffff; }

        #calendarListContainer table tr td a { color: #007dc7 !important; text-decoration: underline; font-weight: bold; }
        
        
        #calendarListContainer .calExtra {  width: 100%; clear: both; position: relative; font-size:1.2em; line-height:1.2em; }
            #calendarListContainer .calExtra label {  vertical-align: middle; line-height:1.4em; }
            #calendarListContainer .calExtra input {  vertical-align: middle; }
        
/*--- Registered user list -----------------------------------------------------------------------------------------------------------------------------------------------------*/
	#RegisteredUserListContainer{
		margin:  15px 0 25px ;
		/*border:1px solid red;*/
	}
	#RegisteredUserListContainer table{
		width: 100%;
	}
	#RegisteredUserListContainer table th{
		border-top:1px solid #000;
		padding: 3px 10px 3px 0;
	}

	#RegisteredUserListContainer table td,
	#RegisteredUserListContainer table th{
		border-bottom:1px solid #000;
	}
	#RegisteredUserListContainer table td{
		padding: 5px 10px 5px 0;
		vertical-align: text-top;
		white-space: nowrap;
	}
	#RegisteredUserListContainer table td.wordwrap{
		white-space: normal; 
	}

/*--- Category Box -----------------------------------------------------------------------------------------------------------------------------------------------------*/	

    .category_box { position: relative; float: left; width: 100%; height: auto; border: 1px solid #e0dcd9; margin: 0 0 15px 0; padding: 10px 0 10px 0; overflow: hidden; }
        .category_box div { padding: 0 10px 0 10px; line-height: 1.4em; font-size: 1.2em; }
            .category_box div div { padding: 0; line-height: 1em; font-size: 1em; }
        
        .category_box ul { margin: 10px 0 0 0 !important; padding: 0; }
            .category_box ul li { display: inline; margin: 5px 10px 0 0; line-height: 1.5em; }
            

        .more_link { position: relative; top: 2px; margin: 0; padding: 0; float: right; display: inline; }
            .more_link a.more { padding: 0 15px 2px 0; background-image: url('../Images/expander_down_white.png'); background-repeat: no-repeat; background-position: center right; font-size: 1em; font-weight: bold;  }
                .more_link a.more:hover { background-image: url('../Images/expander_down_hover_white.png'); }
            .more_link a.less { padding: 0 15px 2px 0; background-image: url('../Images/expander_up_white.png'); background-repeat: no-repeat; background-position: center right; font-size: 1em; font-weight: bold;  }
                .more_link a.less:hover { background-image: url('../Images/expander_up_hover_white.png'); }
        
/*--- Intro Page -----------------------------------------------------------------------------------------------------------------------------------------------------*/	

    .intro { display: block; }
        .intro .teaser { height: 222px; overflow: hidden; }
        .intro .teaser .body { width: 218px; height: 220px; background-color: #ffffff; overflow: hidden; border: 1px solid #1d1e23; }
        .intro h1 { margin: 30px 0 0 0; }
        .intro img { border: 1px solid #1d1e23; width: 220px; height: 220px; }
        .intro .meta { font-size: 1.2em; margin: 15px 0 15px 0; }
        .intro .information { font-size: 1.8em; }
            .intro .information p {  margin: 0 0 15px 0; }
        .intro .link { display: block; margin: 15px 0 15px 0; font-size: 1.8em; clear: both; }

        .intro .column_contact { display: block; float: left; width: 285px; height: auto; margin: 0 15px 15px 0; }
            .intro .column_contact p {margin: 0 0 15px 0; }


     .introduction { font-size: 1.2em; }
        .introduction a { font-size: 1.2em; }

    
/*--- Alternative caledar -----------------------------------------------------------------------------------------------------------------------------------------------------*/	

    #calendar_alternative { display: block; }
    
    #calendar_alternative .date_collection { display: block; float: left; width: 100%; margin: 0 0 0 0; padding: 30px 0 30px 0; border-bottom: 1px solid #1d1e23; } 
    
        #calendar_alternative .teaser { height: 222px; overflow: hidden; margin: 0 15px 15px 0;  }
            #calendar_alternative .teaser .body { width: 218px; height: 220px; background-color: #ffffff; overflow: hidden; border: 1px solid #1d1e23; }


    #calendar_alternative .pagination { display: block; float: right; width: 40%; margin: 8px 0 5px 0; text-align: right; font-size: 1.2em; font-weight: normal; }
    #calendar_alternative .last { position: relative; top: -10px; margin: 0; }

    #calendar_alternative .day { display: block; float: left; margin: 0 0 5px 0; width: auto;}
        #calendar_alternative .day a { font-weight: bold; }
        #calendar_alternative .day a:visited { color: #1186cb; }
        #calendar_alternative .day a:hover { color: #1d1e23; text-decoration: none; }
        #calendar_alternative .weekday { font-size: 1.6em; font-weight: normal; margin: 0; text-transform: capitalize; }
        #calendar_alternative .day_event { width: 455px; margin: 0; padding: 10px 0 10px 0; border-top: 1px solid #e0dcd9; }
        #calendar_alternative .first { border: none; }
            #calendar_alternative .day_event div{ font-size: 1.2em; font-weight: normal; }


    .black_hr { position:static; display: block; width: 100%; height: 1px; margin: 0; clear: both; background-color: #1d1e23; }


    #calendar_alternative h2 { display:block; float:left; margin:0 0 5px; width:40%; }


/*--- Gallery Page -----------------------------------------------------------------------------------------------------------------------------------------------------*/	

    .colection { display: block; }
        .colection h1 { margin: 0 0 0 0; }
        
        

/*--- Virality -----------------------------------------------------------------------------------------------------------------------------------------------------*/	

    .viral { float: left; width: 100%; margin: 30px 0 0 0; border-top: 3px solid  #1d1e23; font-size: 1.2em; }
        .action_box { float: left; margin: 5px 30px 0 0; }
            .action_box img { float: left; margin: 0 5px 0 0; }
            .action_box div { float: left; margin: 0; }


        .viral_application { float: left; width: 100%; margin: 30px 0 0 0; padding: 30px 0 15px 0; border-top: 1px solid  #1d1e23; border-bottom: 3px solid  #1d1e23;  }
            .viral_application img { float: left; display: inline; }
            .viral_application h2 { float: left; display: inline; margin: 3px 0 0 10px; }
            .viral_application div div { font-size: 1.2em; }
            
            .viral_application .close_viral { margin: 12px 0 0 0; }
             

/*--- Cloud ------------------------------------------------------------------------------------------------------------------------------------------------------------*/	

    ul#cloud { margin: 0 0 0 0px; padding: 0; }
    #cloud li { display: inline; }

    #cloud a { padding: 0px; }

    #cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
    #cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
    #cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
    #cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
    #cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
    #cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
    #cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
    #cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
    #cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
    #cloud a.tag10 { font-size: 2.5em; font-weight: 900; }
    


/*--- Font Collection -----------------------------------------------------------------------------------------------------------------------------------------------------*/	

    h1 {font-size: 2.4em; font-weight: bold; letter-spacing: -1px; } 
    h1.big {font-size: 3.5em; font-weight: bold; letter-spacing: -1px; } 
  
  	.font_18_bold { font-size: 1.8em; font-weight: bold;}
  	.font_18_normal { font-size: 1.8em; font-weight: normal;}
  
    .font_18_normal_black { font-size: 1.8em; font-weight: normal; color: #1d1e23; }
    .font_18_bold_black { font-size: 1.8em; font-weight: bold; color: #1d1e23; }
    
    .font_12_normal_black { font-size: 1.2em; font-weight: normal; color: #1d1e23; }
    .font_12_bold_black { font-size: 1.2em; font-weight: bold; color: #1d1e23; }
    
    
    #accessibility { font-size: 1.2em; }

    #top_menu li a { font-size: 1.8em; font-weight: bold; color: #1d1e23; text-decoration: none; }
    #top_menu li.active a { color: #ffffff; }
            

    #foot { font-size: 1.2em; }

    fieldset div { font-size: 1.2em; }
    fieldset div div { font-size: 1em; }
    legend { font-size: 1.4em; font-weight: bold; color: #1d1e23; }
    label { font-weight: bold; }
    
    input.submit, input.submit_disabled { color: #ffffff; font-size: 1.8em; }
    
    .error_summary h2 { font-size: 1.4em; font-weight: bold; margin: 0 0 5px 0; }
    .error_summary div { font-size: 1.2em; }