/* Common styles */

a.pdf:link
,a[href $='.pdf']
{
    padding-left: 20px;
    background: transparent url(Kuvat/fileicon_pdf_red.gif) no-repeat center left;
    color: #ff6600;
    text-decoration: none;
}

a.pdf:hover
{
    color: #ff6600;
    text-decoration: underline;
}

.tdMessageBox
{
    padding-bottom: 3px;
}

.MessageBox
{
    display: inline-block;
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
    margin: 0 auto;
    text-align: center;
}

.break-word,
.etTiedostoLinkki
{
    word-wrap: break-word;
}

/* Group menu styles */

#groups
{
    float: left;
    width: 192px;
    margin: -4px 0px 0px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#groups .groupmenuheader
{
    padding-bottom: 1px;
    margin-top: 6px;
    padding-left: 4px;
    display: block;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 6px;
    background: #001e63;
    color: #fff;
    text-decoration: none;
    padding-top: 1px;
}

#groups ul
{
    margin: 0px 0px 1em;
    padding: 0;
}

#groups li
{
    padding: 0 0 3 15;
    list-style: none none;
    background: url(kuvat/bullet.gif) no-repeat 0px 2px;
}

#groups a:link
{
    color: #34399f;
}

/* Search pane styles */

#searchbar
{
    height: 200px;
    background-image: url(kuvat/searchbar_bg.png);
    background-repeat: repeat-x;
    background-position: 0 0;
    border: 1px solid #D1D7E3;
    background-color: #5c6d9a; /* #6778A3; */
}

#searchbar #searchcalendar
{
    float: left;
    margin: 10 10 10 10;
}

.searchRadCalendar
{
    height: 180px;
    width: 180px;
}

#searchbar .RadCalendar_Default .rcMainTable, #searchbar .RadCalendar_Default .rcMainTable a:link
{
    font-size: 11px;
}

#searchbar .RadCalendar_Default .SpecialDay, #searchbar .RadCalendar_Default .SpecialDay a:link
{
    font: 11px/17px "segoe ui" ,arial,sans-serif;
    font-weight: 900;
}

.searchRadCalendar .rcFastPrev, .searchRadCalendar .rcFastNext
{
    visibility: hidden;
}

.searchRadCalendar_TitleStyle
{
    background-color: #011E64;
    color: white;
}

#searchbar .RadCalendar_Default .rcTitlebar .rcNext
{
    background: url(kuvat/rcNext.png) no-repeat 0 3;
}

#searchbar .RadCalendar_Default .rcTitlebar .rcPrev
{
    background: url(kuvat/rcPrev.png) no-repeat 0 3;
}

#searchbar #searchcriteria
{
    float: left;
    margin-top: 1;
    margin-right: 10;
    margin-bottom: 10;
    margin-left: 10;
}

#searchbar #searchcriteria label
{
    display: block;
}

#searchbar #searchcriteria .ButtonBox
{
    padding: 0px;
}

#searchbar #searchcriteria .button
{
    width: 80px;
}

#searchbar #searchcriteria #datepickerseparator
{
    width: 50px;
}

.DefaultLabel
{
    font: 8pt/24px Arial, Helvetica, sans-serif;
}

input.blur
{
    color: #999;
}


/* Eventlist & details styles */

#content
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    clear: both;
}

#eventCalendar
{
    width: 100%;
    border: 1px solid #D1D7E3;
}

.results
{
    width: 100%;
}

.headerblock, .detailsheaderblock
{
    height: 45px;
    background-image: url(kuvat/headerblock_bg.png);
    background-repeat: repeat-x;
    margin-bottom: 10px;
}

#rss
{
    float: right;
    height: 26px;
    width: 26px;
    margin-right: 10px;
    margin-top: 3px;
    background-image: url(kuvat/rss_bg.png);
    background-repeat: no-repeat;
}

#rss a
{
    display: block;
    height: 26px;
    width: 26px;
}

#print
{
    float: right;
    height: 26px;
    width: 26px;
    margin-right: 10px;
    margin-top: 3px;
    background-image: url(kuvat/print.png);
    background-repeat: no-repeat;
}

#print a
{
    display: block;
    height: 26px;
    width: 26px;
}


.eventcell
{
}

.eventblock, .alternatingEventblock
{
    color: Black; /*font-family: Arial, Helvetica, sans-serif;*/
    background-color: #F9F9F9;
    background-image: url(kuvat/eventblock_bg.png);
    background-repeat: no-repeat;
    background-position: 10px 25px;
    padding: 5 0 5 30;
}

.alternatingEventblock
{
    background-color: #FFFFFF;
}

.eventlink, div A.eventlink, div A:visited.eventlink, div A:hover.eventlink
{
    color: Black; /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

.eventtime
{
    color: Black; /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 12px;
}

.eventdescription
{
    clear: both;
}

.eventplace
{
    color: Black; /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 12px;
}

.backlink
{
    float: right;
}

.backlink.A
{
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 12px;
}

/* Event details */
.eventdetailsblock
{
    float: left;
    width: 100%;
    color: Black;
    background-color: #FFFFFF;
}


/* Template styles */

#eventheader
{
    width: 100%;
    font-size: 12px;
    padding: 3 10 3 10;
    margin-bottom: 10px;
}

#eventdetails
{
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 12px;
    line-height: 16px;
    padding: 3 10 3 10;
    margin-bottom: 10px;
    padding-left: 0px;
}

#eventdetails td
{
    padding-right: 15px;
}


#eventdetails .details-first-column
{
    width: 5%;
}

#eventdetails .headertext
{
   font-weight: bold;
}


#eventdetails #noevents
{
    padding-left: 11px;
}

#eventregistration
{
    width: 100%;
    text-align: right;
}

#eventregistration .registrationlink
{
    color: #003366;
    font-weight: bold;
    font-size: 13px;
    text-decoration: underline;
}

#eventregistration .registrationclosed
,.registrationclosed
{
    color: red;
    font-style: italic;
    font-size: 12px;
    text-decoration: none;
}

#eventregistration .registrationlink:hover
{
    text-decoration: none;
    color: #003366;
}

table#eventdetails col
{
    width: 30%;
}

#eventdescription
{
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 12px;
    background-image: url(kuvat/eventdescription_bg.png);
    background-repeat: repeat-x;
    padding: 5 10 5 10;
    margin-bottom: 5px;
}

#eventdescription #externallink
{
    margin-top: 15px;
}

#eventdescription #externallink a
{
    color: #ff6600;
    text-decoration: none;
    padding-right: 12px;
    background-image: url(kuvat/eventblock_bg.png);
    background-repeat: no-repeat;
    background-position: right 5px;
}

#eventdescription #externallink a:hover
{
    text-decoration: underline;
}

a.externalLink:link
,a.externalLink
{
   text-decoration: none;
}

a.externalLink:hover
{
   color: #ff6600; 
   text-decoration: underline;
}


#footerblock
{
    height: 45px;
    background-image: url(kuvat/footerblock_bg.png);
    background-repeat: repeat-x;
}

#footerblock #footerregistration, #footerbookmark, #footerblock #footermail
{
    float: left;
    margin-top: 10px;
    height: 26px;
    background-repeat: no-repeat;
    line-height: 26px;
    vertical-align: middle;
    padding-left: 30px;
}

#footerblock #footerregistration
{
    background-image: url(kuvat/footerbookmark_bg.png);
    margin-left: 10px;
}

#footerblock #footerregistration table
{
    margin-top: 3px;
    margin-right: 20px;
}

#footerblock #footerbookmark
{
    background-image: url(kuvat/footerbookmark_bg.png);
    margin-left: 10px;
}

#footerblock #footermail
{
    background-image: url(kuvat/footermail_bg.png);
    margin-left: 30px;
}

#footerregistration a, #footerregistration a:link, #footerbookmark a, #footerbookmark a:link, #footermail a, #footermail a:link
{
    font-size: 12px;
    color: #FF6600;
    text-decoration: none;
}


/* Header styles. Must override default.css */

h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

h1.resultheader
{
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    width: 90%;
}

#eventdescription h1
{
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

h2, #eventdescription h2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
}

h3, #eventdescription h3
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

h4, #eventdescription h4
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
}

.headline1, #eventdescription.headline1
{
    color: Black;
}

.headline2, #eventdescription.headline2
{
    color: Black;
}

.headline3, #eventdescription.headline3
{
    color: Black;
    margin-bottom: 2px;
}

.headline4, #eventdescription.headline4
{
    color: Black;
    margin-bottom: 2px;
}

.headline5, #eventdescription.headline5
{
    color: #FF6600;
    margin-bottom: 2px;
}

.headline6, #eventdescription.headline6
{
    color: #FF6600;
    margin-bottom: 2px;
}

#eventdescription p
{
    margin-top: 0px;
}

@media print
{
    .noPrint, .Login
    {
        display: none;
    }
    #dnn_LeftPane
    {
        display: none;
    }
    #eventCalendar
    {
        border: none;
    }

}

/* Pager */

.paging
{
    width: 100%;
}

.paging-help td
{
    padding: 10px;
    font-size: 10pt;
}

.td-pager
{
    text-align: center;
}

.pager
{
    text-align: right;
}

.pager, .pager a:link, .pager a:visited, .pager a:hover
{
    font-size: 10pt;
    color: #4272db;
}

.pager a:hover
{
    text-decoration: underline;
}

.pager .selectedpage
{
    color: #000;
    font-weight: bold;
}