/*  
        Template no. 0
        Default Styles and layout for Conf-pages
        Colors and pictures are customizable
    */
    
    /*  For user: 
        
        There are hints and tips writen inside of these comment lines
        
        All colors has to give in hexadecimal form 
        e.g #11ff22
         
        Between these markings: *** *** is information which is not customizable
        e.g *** do not make modifications for these values *** 
    */
    
    
/* ------Header------ */

.confheader {

    /*  This sets the background image and color to header
        If you have set pictures in management area, you can take it in use by replacing the Id numbers below or 
        copying the path directly from management area.
        You can also change background color to header by replacing the color #xxxxxx with your own color code */
    
    background: #E7E5DD;

}

[itemprop="title"] {
    display: none;
}

.confTitleBox {
    height: 30px;
 }

.confTitle {
    height: 30px;
}

.conference-title-link {
    height: 40px;
}

 .confSubTitleBox {
    display: none;
}

.datePlace {

    /*  This sets the font color of information in righ hand side in header section 
        Change the color by by replacing the color #xxxxxx with your own color code */
    display: none;
}



/* ------Main content------ */

#confSectionsBox {

    /*  This sets the background image and color to main content
        If You have set pictures in management area, you can take it in use by replacing the Id numbers below or 
        copying the path directly from management area.
        You can also change the background color by replacing the color #xxxxxx with your own color code */
    
    background: #E7E5DD url('../picture/0.png') left top no-repeat;
    color: #003399;
    font-family: Verdana !important;
    font-size: 12px;
    line-height: 140%;
}

/* ------Menu------ */

.conf_leftMenu {

    /*  This sets the background image and color to menu
        If You have set pictures in management area, you can take it in use by replacing the Id numbers below or 
        copying the path directly from management area.
        You can also change the background color by replacing the color #xxxxxx with your own color code */

    background: #7d97c8 url('../conferenceDisplay.py/getPic?confId=0&PicId=0') left top no-repeat;
    color: #FFFFFF;
}

.menuConfTitle {

    
    /*  This sets the background image and color to regular menu items
        If You have set pictures in management area, you can take it in use by replacing the Id numbers below or 
        copying the path directly from management area.
        You can also change background color by replacing the color #xxxxxx with your own color code */

    background: #7d97c8 url('../conferenceDisplay.py/getPic?confId=0&PicId=0') left top no-repeat;
    color: #FFFFFF;
}

.menuConfSelected {

    /*  This sets the background image and color to selected menu item
        If You have set pictures in management area, you can take it in use by replacing the Id numbers below or 
        copying the path directly from management area.
        You can also change the background color by replacing the color #xxxxxx with your own color code */

    background: #7d97c8 url('../conferenceDisplay.py/getPic?confId=0&PicId=0') left top no-repeat;
        
    /*  This sets the font color to selected menu item
        Replace the color #xxxxxx with your own color code */
    color: #FFFFFF;
   
}

.menuConfTitle a:hover {
    background: #7d97c8!important;
    color: #FFFFCC!important;
    border-bottom: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
}


.menuConfMiddleCell {

    /*  This sets the background image and color to submenu items
        If You have set pictures in management area, you can take it in use by replacing the Id numbers below or 
        copying the path directly from management area.
        You can also change background color by replacing the color #xxxxxx with your own color code */

    background: #7d97c8 url('../conferenceDisplay.py/getPic?confId=0&PicId=0') left top no-repeat;
    color: #FFFFFF;
    
    /*  This sets the bottom border color to submenu items
        You can change the color by replacing the color #xxxxxx with your own color code 
        If you want to remove the border, replace "2px solid #xxxxxx" with word "none" */
        

}



/* ------Content------ */

.confBodyBox {

    /*  This sets the background image and color to content area

        NOTICE: It's not recommended to change these values, since size of this element changes by the size of content
    
        If You have set pictures in management area, you can take it in use by replacing the Id numbers below or 
        copying the path directly from management area.
        You can also change background color by replacing the color #xxxxxx with your own color code */


    background: #E7E5DD url('../conferenceDisplay.py/getPic?confId=0&PicId=0') left top no-repeat;
    color: #FFFFFF;                       
}

.col2 {

    /*  This sets the background image and color to information area

        NOTICE: It's not recommended to change these values, since size of this element changes by the size of content
    
        If You have set pictures in management area, you can take it in use by replacing the Id numbers below or 
        copying the path directly from management area.
        You can also change background color by replacing the color #xxxxxx with your own color code */

    background: #E7E5DD url('../conferenceDisplay.py/getPic?confId=0&PicId=0') left top no-repeat;
    color: #003399;
    font-family: Verdana !important;
    font-size: 12px;
    line-height: 140%;
}

.timetablePreLoading {
    background: #E7E5DD;
}

.clearfix {
    background: #E7E5DD;
    color: #003399;
    font-family: Verdana !important;
    font-size: 12px;
    line-height: 140%;
}

.longFooter {
    background: #E7E5DD;
}


.footer {
    background: #E7E5DD;
}


.conf {
   background: #E7E5DD;
   color: #003399;
   font-family: Verdana !important;
   font-size: 12px;
   line-height: 140%;
}

.mainContent {
    background: #E7E5DD;
    color: #003399;
    font-family: Verdana !important;
    font-size: 12px;
    line-height: 140%;
}

body {
    background: #E7E5DD;
    color: #003399;
    font-family: Verdana !important;
    font-size: 12px;
    line-height: 140%;
}


.container {
   background: #E7E5DD;
   color: #003399;
   font-family: Verdana !important;
   font-size: 12px;
   line-height: 140%;
}

.title-with-actions > h2 {
   color: #003399 !important;
   font-family: Verdana !important;
   font-size: 16px !important;
   margin-left: 40px !important;
   font-variant: small-caps !important;
   font-weight: bold !important;
}


#outer {
  background: #E7E5DD;
  color: #003399;
  font-family: Verdana !important;
  font-size: 12px;
  line-height: 140%;
}

#outer li a {
  color: white;
  font-family: Verdana !important;
  font-size: 12px;
  line-height: 140%;
}

#outer li a:hover {
  color: white;
  font-family: Verdana !important;
  font-size: 12px;
  line-height: 140%;
}

.support_box {
  background: #E7E5DD;
}

.support_box > h3 {
  background: #E7E5DD;
}

.conf_leftMenu {
  background: #7d97c8;
  color: white;
  font-family: Verdana !important;
  font-size: 12px;
  line-height: 140%;
}

.menuConfTitle {
  background: #7d97c8;
  color: white;
  font-family: Verdana !important;
  font-size: 12px;
  line-height: 140%;
}

.menuConfTitle a {
  background: #7d97c8;
  color: white;
  font-family: Verdana !important;
  font-size: 12px;
  line-height: 140%;
  text-transform: lowercase !important;
}

.menuConfTitle a::before {
  content: "+ ";
}

.menuConfSelected a {
  background: #7d97c8;
  color: #FFFFCC;
}

li ul.inner li a {
} /* Sub Menu Styles */

.confSubTitle {
  background: #7d97c8;
  color: white;
  font-family: Verdana !important;
  font-size: 12px;
  line-height: 140%;
}

.simpleTextAnnouncement {
  background: #E7E5DD;
  color: #003399;
  font-family: Verdana !important;
  font-size: 12px;
  line-height: 140%;
}

.page-content a:visited {
  color: #003399;
  font-family: Verdana !important;
  font-size: 12px;
  line-height: 140%;
}

.page-content a:link {
  color: #003399;
  font-family: Verdana !important;
  font-size: 12px;
  line-height: 140%;
}

.page-content a:hover {
   color: #6699FF;
   font-family: Verdana !important;
   font-size: 12px;
   line-height: 140%;
}

.page-content {
  color: #003399 !important;
  font-family: Verdana !important;
  font-size: 12px;
  line-height: 140%;
}

.page-content td {
  color: #003399 !important;
  font-family: Verdana !important;
  font-size: 12px;
  line-height: 140%;
}

.subtitle-container h3 {
  font-family: Verdana !important;
  font-size: 12px !important;
}

.i-table {
  color: #003399 !important;
  font-family: Verdana !important;
  font-size: 12px !important;
  line-height: 140% !important;
  white-space: normal !important;
  padding: 4px 4px !important;
}

.i-table th {
  background: #7d97c8 !important;
  color: white !important;
  font-family: Verdana !important;
  font-size: 12px !important;
  line-height: 140% !important;
  white-space: normal !important;
  padding: 4px 4px !important;
}

.i-table tr:hover {
  background: #E7E5DD !important;
  color: #003399 !important;
  font-family: Verdana !important;
  font-size: 12px !important;
  line-height: 140% !important;
  white-space: normal !important;
  padding: 4px 4px !important;
}

.text td {
  color: #003399;
  font-family: Verdana !important;
  font-size: 12px;
  line-height: 140%;
}

.hotele {
  border: 1px solid;
  text-align: center;
}

.hotele td {
        font-size: 12px;
        font-family: Verdana;
        color: #003399;
        border-bottom: 1px solid;
        border-left: 1px solid;
        border-top: 1px solid;
        border-right: 1px solid
}

.title {
        font-size: 16px;
        margin-left: 40px;
        font-family: Verdana;
        font-variant: small-caps;
        color: #003399;
        font-weight: bold;
}