.modal {
    position:absolute;
    width:100%;
    height:100%;
    background-color:#CCCCCC;
    
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    
    display: none;
    
    color: #000000;
    font-size: 16px;
    font-weight: bold; 
    padding-top: 15px;
    text-align: center;
    
    top: 0;
    left: 0;
    padding: 0px;       
}

.modal_text {
    margin-top: 50px;
}

#ui-datepicker-div { display: none; }

#body_container {
    background-color: #FFFFFF;
    width: 980px;
    margin: auto;
}

/************************
 **       HEADER       **
 ************************/

.header_container {
    width: 980px;
    margin: auto;
    height: 103px;
    background: #EBEBEB;
    position: relative;
    border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
}

#header_mcn_logo {
    background-image: url("../images/public/mcn_logo.png");
    width: 154px;
    height: 65px;
    position: absolute;
    top: 19px;
    left: 30px;  
    cursor: pointer;
}

#header_mcn_cloud {
    background-image: url("../images/public/mcn_cloud.png");
    width: 184px;
    height: 106px;
    position: absolute;
    top: -14px;
    left: 792px;   
    z-index: 100;
}

#header_mcn_user_logo {
    background-image: url("../images/public/mcn_user_logo.png");
    width: 25px;
    height: 26px;
    position: absolute;
    top: 24px;
    left: 825px;    
    z-index: 101;
}

#header_auth_msg {
    color: #FFFFFF;
    font-size: 13px;
    line-height: 15px; 
    position: absolute;
    top: 22px;
    left: 858px;    
    z-index: 101;   
    font-weight: bold;
}

#header_auth_link {
    color: #FFFFFF;    
    font-size: 11px;
    line-height: 15px;
    font-family: Arial;
    text-decoration: underline;
    position: absolute;
    top: 39px;
    left: 858px;    
    z-index: 101;    
}

#header_auth_link:hover {
    font-weight: bold;
    cursor: pointer;
}

.header_upcoming_title {
    color: #0089B7;
    font-size: 13px;
    line-height: 15px;
    position: absolute;
    top: 15px;
    left: 250px;
}

.header_upcoming_item {
    color: #333333;
    position: absolute;
    top: 35px;
    left: 250px;    
    max-width: 520px;
}

.header_upcoming_item:hover {
    text-decoration: underline;
    cursor: pointer;
}

/************************
 **        MENU        **
 ************************/

.main_menu_container {
    background: #333333;
    height: 37px;
    width: 980px;
    margin: auto;
    position: relative;
}

#main_menu_left_appendice {
    background: url("../images/public/appendice.png") no-repeat scroll 0 0;
    width: 16px;
    height: 31px;
    position: absolute;
    top: 11px;
    left: -16px;  
}

#main_menu_right_appendice {
    background: url("../images/public/appendice.png") no-repeat scroll -16px 0;
    width: 16px;
    height: 31px;
    position: absolute;
    top: 16px;
    left: 980px;      
}

.menu_container { 
    color: white;
    float: left;
    position: relative;
    list-style: none;
    margin: 0px;
}

.menu_container_separator {
    width: 1px;
    height: 13px;
    border-left: 1px dotted #747474;
    float: left;
    margin-top: 11px;
}

.menu_container:hover {
    background-color: #0089B7;
}

.menu_container_selected {
    color: white;
    float: left;
    position: relative;
    background-color: #0089B7;
    list-style: none;
    margin: 0px;
}

#menu_title {
    font-size: 12px;
    line-height: 15px;
    padding: 11px 12px;
    text-transform: uppercase;
    list-style: none;
    margin: 0px;
}

.menu_list {
    display: none;
    position: absolute;
    background-color: #0089B7;
    color: #FFFFFF;
    z-index: 999;
    list-style: none;
    margin: 0px;
}

#menu {
    white-space: nowrap;
    padding: 2px 0 2px 0;
    cursor: pointer;
    padding: 11px 22px 8px;
    border-bottom: 1px solid #333333;
    /*min-width: 100px;*/
    width: 125px;
    list-style: none;
    margin: 0px;
}

#menu:hover {
    background-color: #333333;
    color: #FFFFFF;
}

#main_menu_private {
    position: absolute;  
    top: 65px;
    left: 200px;
}

#main_buttons_private {
    margin: auto;
    width: 550px;    
    max-height: 42px;
    overflow: auto;    
}

#menu_private_container {
    position: relative;
    float: left;
    text-align: left;
    z-index: 999;
    font-size: 10px;
    background-color: #333333;
    color: #FFFFFF;
    margin: 1px;
}

#menu_private_container:hover {
    background-color: #0089B7;
    color: #FFFFFF;
}

#menu_private_title {
    padding: 2px 10px 2px 10px;
}

.menu_private_options {
    position: absolute;
    border: 1px solid #000000;
    width: 175px;
    background-color: #FFFFFF;
    color: #333333;
    
    box-shadow: inset 20px 0px #ebebeb;
    -moz-box-shadow: inset 20px 0px #ebebeb;
    -webkit-box-shadow: inset 20px 0px #ebebeb;
    
    display: none;
}

#menu_private_item {
    position: relative;
    padding: 2px 15px 2px 25px;
    margin: 1px;
}

#menu_private_split {
    height: 1px;
    margin: 1px 0px 1px 0px;
    background-color: #ebebeb;
}

#menu_private_sub_menu {
    position: relative;
}

#menu_private_sub_menu:hover {
    background-color: #0089B7;
    color: #FFFFFF;
}

#menu_private_sub_arrow {
    position: absolute;
    top: 6px;
    right: 8px;
    width: 4px;
    height: 7px;
    
    background-image: url('../images/private/arrow-right.png');
}


/************************
 **      CONTENT       **
 ************************/

#main {
    width: 925px;
    margin: auto;
    padding: 15px 25px 50px 30px; 
    min-height: 550px; 
    position: relative;
    background: #EBEBEB;
}

.main_title {
    color: #0089B7;
    font-size: 22px;
    line-height: 28px;    
    width: 100%;
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*-o-text-overflow: ellipsis;*/
    margin-bottom: 20px;    
}

.main_sub_title {
    color: #0089B7;
    font-size: 15px;
    line-height: 21px;    
    width: 100%;
    margin: 10px 0px 5px 0px;    
}

.main_title_short {
    width: 65%;
}

.main_title_small {
    font-size: 15px;
    line-height: 20px;   
    margin-bottom: 10px;    
}

.main_content {
    padding-right: 10px;
    height: 500px;
    overflow: auto;
}

.main_content_short { 
    width: 65%;
}

.main_content_contact_us {
    width: 65%;
    padding-right: 10px;
    margin-bottom: 20px;
}

.main_content_contacts {
    padding-right: 10px;    
    width: 65%;
    margin-bottom: 20px;
}

#main_side {
    position: absolute;
    width: 300px;
    height: 542px;
    top: 20px;
    right: 20px;
    background: #FFFFFF;  
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;     
}

.generic_button {
    line-height: 30px;
    min-width: 61px;
    padding-left: 12px;
    padding-right: 12px;    
    text-align: center;
    background-color: #0089B7;
    border-bottom: 1px solid #0089B7;
    border-right: 1px solid #0089B7;   
    clear: both;
    color: #FFFFFF;
    float: left;
    height: 29px;    
    text-transform: uppercase;    
    margin-top: 30px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;      
}

.generic_button:hover {
    background-color: #333333;
    border-bottom: 1px solid #333333;
    border-right: 1px solid #333333;    
    cursor: pointer;
}

.generic_small_button {
    clear: both;
    color: #FFFFFF;
    float: left;
    font-size: 10px;
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
    text-transform: uppercase;
}

#generic_link {
    color: #0089B7;
}

#generic_link:hover {
    color: #0089B7;
    text-decoration: underline;
    cursor: pointer;
}

.generic_file_container {
    margin-top: 20px;
}

.generic_file_content {
    background-position: 0 3px;
    background-repeat: no-repeat;
    padding: 5px 20px;
}

.generic_file_title {
    color: #0089B7;
    min-width: 20px;    
}

.generic_file_title:hover {
    text-decoration: underline;
    cursor: pointer;
}

.generic_file_description {}

/** INFORMATIONS **/
.informations_date {
    color: #666666;
    margin-bottom: 5px;
}

.informations_summary {
    font-weight: bold;
    margin-bottom: 30px;
}

.informations_content {
}

.informations_image {
    margin: 5px;
    max-width: 85%;    
}

#informations_vertical_title {
    position: absolute;
    top: 25px;
    left: 10px;    
    font-size: 26px;
    line-height: 32px;
    color: #666666;
	width: 215px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;	
}

#informations_vertical_up {
    position: absolute;
    top: 24px;
    left: 229px;    
    width: 30px;
    height: 30px;
    background-image: url('../images/public/up.png');
}

#informations_vertical_up:hover {
    background-image: url('../images/public/up_hover.png');
    cursor: pointer;    
}

#informations_vertical_up_first {
    position: absolute;
    top: 24px;
    left: 229px;   
    width: 30px;
    height: 30px;
    background-image: url('../images/public/up_first.png');
}

#informations_vertical_down {
    position: absolute;
    top: 24px;
    left: 260px;   
    width: 30px;
    height: 30px;
    background-image: url('../images/public/down.png');
}

#informations_vertical_down:hover {
    background-image: url('../images/public/down_hover.png');
    cursor: pointer;    
}

#informations_vertical_down_last {
    position: absolute;
    top: 24px;
    left: 260px;   
    width: 30px;
    height: 30px;
    background-image: url('../images/public/down_last.png');
}

#informations_vertical_items {
    position: absolute;
    top: 80px;
    left: 26px;   
    width: 246px;    
}

.informations_vertical_item {
    width: 100%;   
    height: 70px;
    overflow: hidden;
    color: #666666;
}

.informations_vertical_item_selected {
    width: 100%;   
    height: 70px;
    overflow: hidden;
    color: #0089B7;
}

#informations_vertical_item_title {
    font-weight: bold;
    width: 100%;   
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*-o-text-overflow: ellipsis;*/ 
}

#informations_vertical_item_title:hover {
    cursor: pointer;
    text-decoration: underline;
}

#informations_vertical_item_separator { 
    width: 100%;
    height: 1px;
    background: #333333;
    margin-top: 10px;
    margin-bottom: 10px;
}

/** INSTITUTIONS **/
.institutions_row_container {
    position: relative;
}

.institutions_row_container_separator {
    width: 100%;
    height: 1px;
    border-top: 1px solid #333333;
    margin: 10px 0px;
}

.institutions_left_content {
    float: left;
    width: 30%;
    /*text-align: center;*/
}

.institutions_right_content {
    float: left;
    width: 56%;    
}

.institutions_list_image {
    max-width: 160px;
    max-height: 50px;
}

.institutions_list_image:hover {
    cursor: pointer;    
}

.institutions_list_institution {
    /*font-size: 15px;*/
    line-height: 20px;  
    font-weight: bold;
}

.institutions_list_institution:hover {
    cursor: pointer;
    /*color: #98CFE1;*/
    text-decoration: underline; 
}

.institutions_list_country {
    /*font-size: 15px;*/
    /*line-height: 20px;*/  
}

.institutions_description {
    margin-bottom: 20px;
}

.institutions_description_image {
    float: left;
    margin: 5px 10px 10px 0;
    max-width: 200px;
}

.institutions_member_image {
    max-width: 80%;
    border: 1px solid #FFFFFF;
    padding: 5px;  
}

.institutions_member_name {
    font-size: 15px;
    line-height: 20px;  
}

.institutions_member_item {
    margin-bottom: 5px;
}

/** CONTACT US **/
#contacts_vertical_title {
    position: absolute;
    top: 25px;
    left: 10px;    
    font-size: 26px;
    line-height: 32px;
    color: #666666;
}

#contacts_description {
    position: absolute;
    top: 80px;
    left: 10px;    
    color: #666666;    
    width: 280px;
}

#contacts_vertical_items {
    position: absolute;
    top: 130px;
    left: 10px;   
    width: 280px;    
}

/************************
 **      FORM        **
 ************************/

#public_form_container {
    margin-top: 20px;
}

#public_form_content {
    float: left;
    margin-right: 15px;
}

#public_form_label {
    margin-bottom: 5px;
    color: #636668;
    text-transform: uppercase;    
}

.input_box_form {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    background-image: url("../images/public/separator.png");
    background-position: center top;
    background-repeat: repeat-x;
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #D9D9D9;
    border-image: none;
    border-style: none none none solid;
    border-width: 0 0 0 1px;
    color: #636668;
    height: 20px;
    padding-left: 5px;
    width: 290px;    
}

#public_form_field_required {
    margin-left: 10px;
    width: 14px;
    height: 14px;
    border: none;    
}

#public_form_buttons {
    margin-top: 30px;
    border-top: 1px solid #C7C7C7;
    width: 100%;    
}

/************************
 **      FOOTER        **
 ************************/
.footer_container {
    width: 980px;
    margin: auto;
    color: #999999;
}

.footer_logos_container {
    
}

.footer_logos_slots {
    text-align: center;
}
.marquee0 div div {
 width: 2612px;
}

#footer_menu {
    height: 130px;
    background: #333333;
    position: relative;
}

.footer_social_network_container {
    position: absolute;
    top: 8px;
    right: 0;
    width: 80px;
}

.footer_rss {
    float: left;
    width: 24px;
    height: 24px;
    background-image: url("../images/public/rss.png");
    margin: 5px;
    cursor: pointer;
}

.footer_facebook {
    float: left;
    width: 24px;
    height: 24px;
    background-image: url("../images/public/facebook.png");
    margin: 5px;
    cursor: pointer;
}

.footer_twitter {
    float: left;
    width: 24px;
    height: 24px;
    background-image: url("../images/public/twitter.png");
    margin: 5px;
    cursor: pointer;
}

.footer_linkedin {
    float: left;
    width: 24px;
    height: 24px;
    background-image: url("../images/public/linkedin.png");
    margin: 5px;
    cursor: pointer;
}

.footer_google_plus {
    float: left;
    width: 24px;
    height: 24px;
    background-image: url("../images/public/google_plus.png");
    margin: 5px;
    cursor: pointer;
}

.footer_youtube {
    float: left;
    width: 24px;
    height: 24px;
    background-image: url("../images/public/youtube.png");
    margin: 5px;
    cursor: pointer;
}


#footer_menu_container {
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    padding-bottom: 10px;
    padding-top: 10px;
    /*width: 825px;*/
}

.footer_menu_box {
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    width: 125px;
}

.footer_menu_header {
    font-size: 12px;
    font-weight: bold;
}

.footer_menu_link {
    cursor: pointer;
}

.footer_menu_link:hover {
    cursor: pointer;
    text-decoration: underline;
}

.footer_copyright_container {
    height: 40px;
    background: #1A1A1A;
    text-align: center;
}

.footer_copyright_text {
    padding-top: 12px;
}

.footer_eu_container {
    padding: 5px 0px;
}

.footer_eu_info {
    float: right;
    font-size: 10px;
    line-height: 11px;
    color: #FFFFFF;    
    width: 300px;
    margin-left: 10px;
    text-align: right;
}

.footer_eu_fp7 {
    float: right;
    background-image: url("../images/public/FP7-gen-RGB.jpg");
    margin-left: 10px;
    width: 59px;
    height: 48px;    
}

.footer_eu_flag {
    float: right;  
    background-image: url("../images/public/jaune.jpg"); 
    margin-left: 10px;
    width: 71px;
    height: 48px;      
}

/*************
 **   BLOG  **
 *************/
.blogs_container {
    width: 95%;
    background: #FEFEFE;
    padding: 10px;
    box-shadow: 1px 1px 1px 0px #333;    
    margin-bottom: 30px;
}

.blogs_title {
    color: #0089B7;
    font-size: 18px;
    line-height: 21px;    
    float:left;
    margin: 10px 0px;      
}

.blogs_title_first {
    margin: 0px 0px 0px 0px;       
}

.blogs_side_title {
    position: absolute;
    top: 25px;
    left: 10px;
    width: 280px;
    font-size: 22px;
    line-height: 28px; 
    color: #666666;    
}

.blogs_title:hover {
    cursor: pointer;
    text-decoration: underline;
}

.blogs_side_container {
    position: absolute;
    top: 80px;
    left: 10px;    
    color: #666666;    
    width: 280px; 
    height: 450px;
    overflow: auto;
}

.blogs_side_content {
    width: 95%;
    margin: 0px 10px 10px; 
    display: none;
}

.blogs_side_month {
    font-size: 12px;  
    font-weight: bold;
    margin: 2px 0px;
    float: left;
}

.blogs_side_month:hover {
    cursor: pointer;
    text-decoration: underline;    
}

.blogs_entry {
    float: right;
    color: #0089B7;
    font-size: 12px;  
}

.blogs_side_entry {
    color: #0089B7;
    font-size: 12px;   
    float: left;    
}

.blogs_side_entry:hover {
    cursor: pointer;
    text-decoration: underline;    
}

.blogs_add_entry {
    line-height: 18px;    
    margin: 5px 0px;    
}

.blogs_entry:hover {
    cursor: pointer;
    text-decoration: underline;    
}

.blogs_info {
    width: 100%;
    padding: 10px 0px;
    /*border-top: 1px solid #666666;*/
    /*border-bottom: 1px solid #666666;*/
    margin-bottom: 20px;
}

.blogs_info_reply {
    margin-bottom: 5px;   
    border-bottom: none;
}

.blogs_info_image {
    float: left;
    width: 7%;
    overflow: hidden;
    height: 40px;
}

.blogs_info_details {
    float: left;
    margin-left: 5px;
}

.blogs_content {
    margin-bottom: 20px;   
    word-wrap: break-word;    
}

.blogs_see_comments {
    float: left;
    color: #0089B7;
    font-size: 12px;
    line-height: 18px;        
    margin: 0px 0px 10px 0px;     
}

.blogs_see_comments:hover {
    cursor: pointer;
    text-decoration: underline;
}

.blogs_comments {
    border: 1px solid #666666;
    padding: 10px;
    width: 97%;
}

.blogs_comments_count {
    color: #0089B7;
    font-size: 12px;
    line-height: 18px;    
    margin: 5px 0px;      
}

.blogs_comments_add_container {
    width: 100%;
    margin: 5px 0px;
}

.blogs_comments_add_content_left {
    width: 85%;
    height: 100px;  
    float: left;    
}

.blogs_comments_add_content_right {
    width: 15%;
    height: 100px;  
    float: left;   
    position: relative;
}

.blogs_comments_textarea {
    width: 95%;
    height: 90px;
    border: 1px solid #666666;
    padding: 5px;
}

.blogs_comments_separator {
    margin: 15px 0px;
    border-top: 1px solid #666666;
    width: 100%;
}

.blogs_reply_container {
    width: 545px;
    background: #FEFEFE;
    padding: 10px;
    box-shadow: 1px 1px 1px 0px #333;    
    margin-bottom: 10px;
}

/********************
 **      HOME      **
 ********************/
.slideshow_container {
    width: 925px;
    margin: auto;
    height: 280px;  
    position: relative; 
    background: #333333;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;  
    z-index: 2;
}

.slideshow_image {  
    position: absolute;
    top: 0px;
    left: 0px;
    width: 925px;
    height: 280px;
    margin: auto;
    z-index: 100;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;       
/*    position: relative;  */
}

.slideshow_shadow {
    background-image: url("../images/public/mcn_slideshow_shadow.png");
    width: 940px;
    height: 13px;
    position: absolute;
    top: 280px;
    left: -10px;  
    z-index: 1;
}

.slideshow_text {
    position: absolute;
    padding: 10px 15px;
    width: 315px;
    height: 110px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;       
    top: 71px;
    left: 541px;
    z-index: 101;
}

.slideshow_text_link {
}

.slideshow_text_link:hover {
    cursor: pointer;
    text-decoration: underline;
}

.slideshow_text_title {
    width: 100%;
    height: 70px;
    overflow: hidden;
    font-size: 30px;
    line-height: 34px;
    color: #333333;
    margin-bottom: 10px;
}

.slideshow_text_description {
    width: 100%;
    height: 30px;
    overflow: hidden;
    color: #333333;
}

.slideshow_transparency {
    position: absolute;
    width: 345px;
    height: 140px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;       
    top: 71px;
    left: 541px;
    background: #FFFFFF;
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
    z-index: 100;    
}

#slideshow_image_buttons {
    position: absolute;
    z-index: 100;
    top: 251px;
    right: 38px;
}

.slideshow_image_button {
    margin: 0px 5px;
    width: 12px;
    height: 12px; 
    display: inline-block;
}

.slideshow_image_button:hover {
    cursor: pointer;
    background-image: url('../images/public/bullet_on.png');       
}

.slideshow_image_button_unselected {
    background-image: url('../images/public/bullet_off.png');        
}

.slideshow_image_button_selected {
    background-image: url('../images/public/bullet_on.png');        
}

#left_content {
    background: url('../images/public/mcn_bg_cloud_left.png') no-repeat;
    background-position: right;
    /*height: 507px;    
    position: absolute;
    top: 142px;
    left: -397px;  */
    z-index: -2;    
}

#right_content {
    background: url('../images/public/mcn_bg_cloud_right.png') no-repeat;
    background-position: left;
    /*height: 416px;    
    position: absolute;
    top: 375px;
    right: -399px;  */
    z-index: -2;       
}

#middle_content,
#left_content,
#right_content {
    float: left;
}

.home_container {
    margin-top: 28px;
}

.home_content_title {
    width: 100%;
    font-size: 22px;
    line-height: 27px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis; 
    margin-bottom: 12px;
}

.home_content_title_blue {
    color: #0089B7;
}

.home_content_text {
}

.home_left_content {
    float: left;
    width: 239px;
    height: 330px;
    background: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;     
    padding: 23px 18px 16px 18px;
    overflow: hidden;
}

.home_twitter_content {
    float: left;
    width: 239px;
    height: 330px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;     
    padding: 23px 18px 16px 18px;
    overflow: hidden;
}

.home_middle_content {
    float: left;
    /*width: 384px;*/
	/*width: 592px;*/
	width: 700px;
    /*height: 330px;*/
    /*padding: 23px 29px 16px 29px;*/
	padding-right: 29px;
    /*overflow: hidden;*/
}

.home_middle_content_article {
    float: left;
    /*height: 275px;*/
	height: 332px;
    overflow: hidden;
    /*width: 172px;*/
	width: 210px;
}

/*
.home_middle_content_article:hover {
    cursor: pointer;
    text-decoration: underline;
}
*/

.home_middle_content_article_margin {
    margin-right: 32px;
} 

.home_middle_content_article_image {
    /*width: 170px;*/
	width: 100%;
    max-height: 75px;
    /*border: 1px solid #FFFFFF;*/
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;       
    overflow: hidden;
    margin-bottom: 5px;
}

.home_youtube_content {
    float: left;
    /*width: 384px;*/
	/*width: 592px;*/
	width: 621px;
	padding-left: 29px;
    /*height: 330px;*/
    overflow: hidden;
}

.twitter-timeline {
    float: right;
}

.home_right_content_article {
    margin-bottom: 5px;
}

.home_right_content_article:hover {
    cursor: pointer;
    text-decoration: underline;
}

.home_content_article_date {
    color: #666666;
}

.home_content_article_title {
    font-weight: bold;
    height: 30px;
    overflow: hidden;
}

.home_content_article_title:hover {
    cursor: pointer;
    text-decoration: underline;
}

/***********************
 **      BUTTONS      **
 ***********************/

.simpleButton {
    margin: 2px 5px 2px 5px;
    padding: 2px 10px 2px 10px;
    background-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    border-color: #666666;
    color: #666666;
    cursor: pointer;
    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.simpleButton:hover {
    background-color: #cccccc;
    color: #0089B7;
}

.titleSimpleButton {
    padding: 2px 5px 0px 5px;
    margin: 0px 5px 0px 5px;    
    background-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    border-color: #666666;
    color: #666666;
    cursor: pointer;
    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.titleButton:hover {
    background-color: #cccccc;
    color: #0089B7;
}

#title_simple_button {
    float:right;
}

/************************
 **   DEFAULT CONFIGS  **
 ************************/
* {
    margin: 0; padding: 0;
} 

body {
    margin: 20px 0px 5px;
    padding: 0;
    color: #333333;	
    background: #98CFE1;
    background: radial-gradient(at 216px 115px , #98CFE1, #0089B7) repeat scroll 0 0 transparent;  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#98CFE1', endColorstr='#0089B7', GradientType=0); /* IE */
    background: -webkit-gradient(linear , top, bottom, from(#98CFE1), to(#0089B7)); /* webkit browsers */
    background: -moz-linear-gradient(top, #98CFE1,  #0089B7); /* Firefox 3.6+ */     
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    line-height: 14px;
    height: 100%;
    overflow: auto;
    background-attachment: fixed;
    background-position: center bottom;
    background-repeat: no-repeat;              
}

a {
    color: #0089B7; 
    text-decoration: none;
}

a:hover {
    color: #98CFE1;
}

img {
	border-style: none;
}

.link {
    cursor: pointer;
}

input, select {
	font: 11px  Verdana, 'Trebuchet MS', Arial, Sans-serif;
	color: #333333;
}

ol {
    padding-left: 30px;
}


/************************
 **     OVERRIDES      **
 ************************/
.ui-dialog {
    line-height: 12px !important;
}

.ui-button {
    line-height: 12px !important;
/*    padding: 7px !important;*/
}

.ui-button-text {
    line-height: 8px !important;
    padding: 8px !important;
}

.ui-dialog-buttonpane {
    padding: 1px 10px 0px 0px !important;
}


/************************
 **      ONE FORM      **
 ************************/
#form_container {
}

#form_container_title {
    border-bottom: 1px solid #000000;
    padding: 4px;
    
    background-color: #F4F4F4;
/*    background: -moz-linear-gradient(top, #FFFFFF, #FDEAFF);*/
/*    background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#718BA6));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#e9e9e9', EndColorStr='#718BA6', GradientType=0);*/
    
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    
    box-shadow: 1px 1px 1px #666666;
    -moz-box-shadow: 1px 1px 1px #666666;
    -webkit-box-shadow: 1px 1px 1px #666666;
}

#form_container_title_text {
    float:left;
    font-weight: bold;
    color: #000000;
    margin-top: 2px;
    margin-bottom: 2px;
}

#form_button_edit {
    float:right;
}

#form_button_submit {
    float:left;
}

#form_button_back {
    float:left;
}

#form_button_delete {
    float:right;
}

.form_button {
    background-color: #F2F2F2;
    border: 1px solid #CCCCCC;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    padding: 2px 10px 0px 10px;
    margin-right: 10px;
    cursor: pointer;

    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;

    box-shadow: 1px 1px 1px #666666;
    -moz-box-shadow: 1px 1px 1px #666666;
    -webkit-box-shadow: 1px 1px 1px #666666;
}


.form_button_selected {
    background-color: #0089B7;
    border: 1px solid #555555;
    color: #FFFFFF;
}

.form_button:hover {
    background-color: #0089B7;
    border: 1px solid #555555;
    color: #FFFFFF;
}

.form_button_img {
    width: 14px;
    height: 14px;
    margin-right: 5px;
    vertical-align: top;
}

#form_delete_dialog {
}

#form_delete_dialog_img {
    float: left;
    width: 42px;
    height: 39px;
    margin: 10px 0px 0px 0px;
    background-image: url('../images/private/alert.gif');
}

#form_delete_dialog_txt {
    float: left;
    width: 250px;
    margin: 8px 0px 0px 8px;
    font-size: 12px;
    line-height: 16px;
}

#form_row {
    margin: 5px 0px 5px 0px; 
}

#form_label {
	float: left;
	width:25%;
}

#form_label_title {
    font-weight: bold;
    padding: 2px 2px 0px 2px;
}

#form_label_details {
    font-size: 80%;
    padding: 0px 2px 0px 2px;
}

#form_left {
	float: left;
	width: 25%;
}

#form_right {
    float: left;
}

#form_field {
    position: relative;
    float: left;
    width: 75%;
    background-color:#DCDCDC;
    overflow: hidden;
}

#form_error {
    position: absolute;
    right: 3px;
    top: 5px;
    width: 13px;
    height: 12px;
    background-image: url("../images/private/warning.png");
}

#form_group_title {
	margin: 10px 0px 0px 0px;
	font-style: italic;
}

#form_group {
	width: 99%;
	margin: 2px 0px 5px 0px;
	border-width: 1px;
	border-style: dashed;
        padding: 5px;
}

.form_group {
	width: 99%;
	margin: 2px 0px 5px 0px;
	border-width: 1px;
	border-style: dashed;
        padding: 5px;
}

#form_checkbox {
	float:left;
	width:100%;
}

/****************
 **   FILTERS  **
 ****************/
#filter_left{
    width: 100px;
    float: left;
    margin: 5px 0px 5px 0px;
    font-weight: bold;
}

#filter_middle{
    width: 500px;
    float: left;
    margin: 5px 0px 5px 0px;    
}

#filter_right{
    width: 200px;
    float: left;
    text-align: right;
    margin: 5px 0px 5px 0px;    
}

.filter_select{
    width: 400px;   
}

#form_row_filter {
    margin: 5px 0px 5px 0px; 
}

#form_label_filter {
	float: left;
	width:25%;
	font-weight: bold;
        text-align: left;
}

#form_left_filter {
	float: left;
	width: 25%;
}

#form_right_filter {
    float: left;
}

#form_field_filter {
    position: relative;
    float: left;
    width: 75%;
    background-color: #EBEBEB;
    overflow: hidden;
}

/**********************
 **    PERMISSIONS   **
 **********************/
.permissions_table_header {
    margin-top: 10px;
    background: none repeat scroll 0 0 #0089B7;
    border-bottom: 1px solid #0089B7;
    font-size: 10px;
    color: #FFFFFF;
    font-weight:bold    
}

.permissions_table_column {
    float: left;
    text-align: center;
    padding: 5px 0px;    
}

.permissions_table_row {
    color: #333333;
    border-bottom: 1px dotted #333333;
    font-size: 10px;  
    background: #FFFFFF;
}

.permissions_table_row:hover {
    background: #EBEBEB;
}

.permissions_table_footer {
    background: none repeat scroll 0 0 #0089B7;
    color: #FFFFFF;
    font-weight:bold;  
    border-bottom: 1px solid #0089B7;    
}

/*************************
 **    ONE FIELD FILE   **
 *************************/

.oneFieldFileContainer {
    position: relative;
}

.oneFieldFilePhotoChange {
    position: absolute;
    background-color: #000000;
    color: #FFFFFF;
    font-weight: bold;
    opacity: 0.5;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.oneFieldFilePhotoChange:hover {
    color: #d91913;
}

.oneFieldFilePhotoUnset {
    background-image: url('../images/private/iconset_delete_bw.png');
    position: absolute;
    width: 16px;
    height: 16px;
    top:0px;
    right: 0px;
    cursor: pointer;
}

.oneFieldFilePhotoUnset:hover {
    background-image: url('../images/private/iconset_delete.png');
}

.oneFieldFileDetails {
}

.oneFieldFileName {
    float: left;
}

.oneFieldFileUnset {
    float: left;
    background-image: url('../images/private/iconset_delete_bw.png');
    width: 16px;
    height: 16px;
    margin-left:10px;
    margin-top:2px;
    cursor: pointer;
}

.oneFieldFileUnset:hover {
    background-image: url('../images/private/iconset_delete.png');
}

.oneFieldFileAdd {
    cursor: pointer;
}

/************************
 **  MESSAGES & ERRORS **
 ************************/
#layout_info {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 400px;
}

#layout_info_image {
    float: left;
    width: 16px;
    padding-right:5px;
}

#layout_errors {
    padding: 3px;
    margin-bottom: 5px;
    background-color: #f6b4b4;
    border: 1px solid #c46363;
    width: 370px;
    
    box-shadow: 3px 3px 3px #666666;
    -moz-box-shadow: 3px 3px 3px #666666;
    -webkit-box-shadow: 3px 3px 3px #666666;
    
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    
    display: none;
}

#layout_messages {
    padding: 3px;
    margin-bottom: 5px;
    background-color: #a7e0ac;
    border: 1px solid #618264;
    width: 370px;
    
    box-shadow: 3px 3px 3px #666666;
    -moz-box-shadow: 3px 3px 3px #666666;
    -webkit-box-shadow: 3px 3px 3px #666666;
    
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    
    display: none;
}

#layout_warnings {
    padding: 3px;
    margin: 10px auto 15px auto;
    background-color: #FFD36D;
    border: 1px solid #CC8800;
    width: 370px;
    
    box-shadow: 3px 3px 3px #666666;
    -moz-box-shadow: 3px 3px 3px #666666;
    -webkit-box-shadow: 3px 3px 3px #666666;
    
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}

#errors {
    float: left;
}

#messages {
    float: left;
}

#warnings {
    float: left; 
}

#header_info_title {
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    padding: 10px;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;    
}

#header_info_steps_title {
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    padding: 10px;
    margin-bottom: 5px;
}

#header_info_help {
    padding: 3px;
    margin: 0px 0px 5px 10px;
    background-color: #E5F4FF;
    border: 1px solid #A9BDD5;
    width: 780px;
    
    box-shadow: 3px 3px 3px #666666;
    -moz-box-shadow: 3px 3px 3px #666666;
    -webkit-box-shadow: 3px 3px 3px #666666;
    
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}

#header_info_help_img {
    float: left;
    text-align: center;    
    width: 5%;
}

#header_info_help_txt {
    float: left;
    width: 95%;
    font-weight: bold;
    text-align: left;
}

li {
    margin-left: 20px;
 }
 
 #old_browser_warning {
    position:relative;
    top:0px;
    width:100%;
    height:40px;
    background-color:#fff;
    margin-top:0px;
    padding:4px;
    border-bottom:solid 4px #000066;
    z-index: 999;
}