/**
  * Stilark for Mandal fotoklubb
  * @author Jorn
  * @created 2008-11-06 12:11
  */

BODY
{
    font-family: Arial,Verdana;
    font-size: 14px;
    Color: Black;
    Background-color: White;

}

A,A:visited
{
    text-decoration: None;
}

A:hover
{
   text-decoration: underline;
}

.lenke,.lenke:visited
{
   Color: #224c8a;
    text-decoration: None;
}

.lenke:hover
{
    Color: Blue;
    text-decoration: underline;
}

.menu_el
{
    background: transparent;

}

.menu_el_selected
{

background: transparent;
}

.menu_el_href,.menu_el_href:visited
{
    font-family: Arial,Verdana;
    font-size: 20px;
    Color: Black;
    font-weight: Normal;
}

.menu_el_href_selected
{
    font-family: Arial,Verdana;
    font-size: 20px;
    Color: White;
    font-weight: Bold;
}

.leftmenu,.leftmenu:visited
{
    font-family: Arial,Verdana;
    font-size: 14px;
    Color: #000000;
    font-weight: Normal;
}

.leftmenu_selected,.leftmenu_selected:visited
{
    font-family: Arial,Verdana;
    font-size: 15px;
    Color: #000033;
    font-weight: Bold;
}

.error
{
    padding: 3px;
    border: solid red 1px;
    font-family: Verdana, Arial;
    font-size: 14px;
    font-weight: Bold;
    color: #007070;
    background-color: #FFE0E0;
    text-decoration: none;
}

.warning
{
    padding: 3px;
    border: solid blue 1px;
    font-family: Verdana, Arial;
    font-size: 14px;
    font-weight: Bold;
    color: #707000;
    background-color: #E0E0FF;
    text-decoration: none;
}

.ok
{
    padding: 3px;
    border: solid green 1px;
    font-family: Verdana, Arial;
    font-size: 14px;
    font-weight: Bold;
    color: #700070;
    background-color: #E0FFE0;
    text-decoration: none;
}

.debug
{
    padding: 3px;
    border: solid Yellow 1px;
    font-family: Verdana, Arial;
    font-size: 14px;
    font-weight: Bold;
    color: #000070;
    background-color: #FFFFE0;
    text-decoration: none;
}


.footer
{
    Color: Black;
    Text-align: center;
    font-family: Tahoma;
    font-size: 13px;
}

.mfk_h1
{
    font-family: Verdana,Arial;
    font-size: 22px;
    font-weight: Bold;
    Color: #224c8a;
}

.mfk_h2
{
    font-family: Verdana, Arial;
    font-size: 18px;
    font-weight: Bold;
    Color: Black;
}

.mfk_h3
{
    font-family: Verdana, Arial;
    font-size: 15px;
    font-weight: Bold;
    Color: #224c8a;
}

.mfk_h4
{
    font-family: Verdana, Arial;
    font-size: 13px;
    font-weight: Bold;
    Color: Black;
}

.mfk_h5
{
    font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: Bold;
    Color: #224c8a;
}

.mfk_ingress
{
    font-family: Verdana, Arial;
    font-size: 14px;
    font-weight: Normal;
    Color: Black;
}

.mfk_label
{
    font-family: Verdana, Arial;
    font-size: 14px;
    font-weight: Normal;
    Color: Black;
}

.mfk_text
{
    font-family: Verdana, Arial;
    font-size: 14px;
    font-weight: Normal;
    Color: Black;
}

.navbar_numb, .navbar_numb:visited
{
    font-family: Verdana, Arial;
    font-size: 15px;
    font-weight: Bold;
    Color: #224c8a;
    text-decoration: none;
}

.navbar_numb_selected, .navbar_numb_selected:visited
{
    font-family: Tahoma;
    font-size: 15px;
    font-weight: Bold;
    Color: Black;
    text-decoration: underline;
}

.mfk_prog_date
{
    Color: #660000;
    font-size: 12px;
    font-weight: Bold;
}

.mfk_button_ok
{
/*
background-color: #0043c0;
Color: White;
font-family: Verdana;
font-size: 12px;
font-weight:  Bold;
border: outset #0043c0 2px;
padding-left: 2px;
padding-right: 2px;
padding-top: 0px;
padding-bottom: 0px;
*/
}

.mfk_button_del
{
/*
background-color: #990000;
Color: Yellow;
font-family: Verdana;
font-size: 12px;
font-weight:  Bold;
border: outset #990000 2px;
padding-left: 2px;
padding-right: 2px;
padding-top: 0px;
padding-bottom: 0px;
*/
}

.mfk_button_cancel
{
/*
background-color: #CCCCCC;
Color: Black;
font-family: Verdana;
font-size: 12px;
font-weight:  Normal;
border: outset #CCCCCC 2px;
padding-left: 2px;
padding-right: 2px;
padding-top: 0px;
padding-bottom: 0px;
*/
}

.mfk_button_ok:hover
{
/*
border: outset #0043c0 3px;
*/
}

.mfk_button_del:hover
{
/*
border: outset #990000 3px;
*/
}

.mfk_button_cancel:hover
{
/*
border: outset #CCCCCC 3px;
*/
}

.mfk_article_sign
{
    font-family: Verdana;
    font-size: 10px;
    Color: #666666;
}

.gal_thumb
{
  Border: Solid #CCCCCC 1px;
  Background-color: Inherit;
  Padding: 2px;
}

.gal_thumb:hover
{
  Border: outset #999999 2px;
  Background-color: #FFFFCC;
  Padding: 1px;
}

.cal_month
{
    font-family: Verdana; font-size: 13px; font-weight: Bold;
    Color: Black;
    text-align: center;
}

.cal_day
{
    font-family: Verdana; font-size: 11px; font-weight: Bold;
    Color: White;
    background-color: #789bbf;
    text-align: center;
}

.cal_date
{
   font-family: Verdana; font-size: 12px; font-weight: Normal;
    Color: Black;
    background-color: White;
    text-align: center;
    cursor: default;
}

.cal_none
{
   font-family: Verdana; font-size: 10px; font-weight: Normal;
    Color: Black;
    background-color: #c2ddf8;
    text-align: center;
}

.cal_ev
{
   font-family: Verdana; font-size: 11px; font-weight: Normal;
    Color: Blue;
    background-color: #FFFF99;
    text-align: center;
    border: solid blue 1px;
    cursor: crosshair;
}

.cal_footer
{
  font-family: Verdana; font-size: 9px; font-weight: Normal;
    Color: Black;
    text-align: center;
}

.edit_pic_tag
{
    font-family: Tahoma;
    font-size:15px;
    Color: #000099;
    border-bottom: solid #660033 1px;

}

.edit_pic_tag:hover
{
    background-color: #FFFFCC;
    border: solid Red 1px;
}

.view_pic_text
{
    font-family: Tahoma;
    font-size: 14px;
    font-weight: bolder;
    Color: Black;
}

.view_pic_label
{
     font-family: Vardana;
    font-size: 13px;
    font-weight: normal;
    Color: #333333;
}

.view_pic_data
{
     font-family: Vardana;
    font-size: 13px;
    font-weight: normal;
    Color: #000000;
}

.view_pic_tag, .view_pic_tag:visited
{
    font-family: Vardana;
    font-size: 13px;
    font-weight: normal;
    Color: Black;
    text-decoration: none;
}

.view_pic_tag:hover
{
    Color: #000099;
    text-decoration: underline;
}

form.admin div.pics > div.pic {
    width: 128px;
    height: 85px;
    margin: 2px;
    border: solid black 1px;
    float: left;
    background-size: cover;
    color: white;
    text-shadow: 1px 1px 3px #000;
    cursor: pointer;
}

form.admin div.pics > div.pic:hover {
    margin: 1px 3px 3px 1px;
}

#dia_pic_edit_tab_gals > ul {
    max-height: 200px;
    overflow: auto;
}

#bu_save_sort {
    margin-top: 20px;
    float: right;
}

#dia_pic_edit img.picture {
   border: solid black 1px;
    cursor: pointer;
}

td.contest_pics  div.pic {
    width: 128px;
    height: 85px;
    margin: 2px;
    padding: 2px;
    overflow: hidden;
    border: solid black 1px;
    float: left;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #666;
    color: white;
    text-shadow: 1px 1px 3px #000;
    cursor: pointer;

}

td.contest_pics img.link_pic {
    height: 32px;
    width: auto;
}

#fullscreen_pic {
    position:fixed;
    padding:0;
    margin:0;
    z-index: 2000;
    top:0;
    left:0;

    width: 100%;
    height: 100%;
    background-color: #000;
 background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    color: #999;
}

#dia_pic_edit table.props {
    border: solid #ccc 1px;
}

#dia_pic_edit table.props td.pic {
    background-color: #ccc;
    padding: 10px;
    border-left: solid white 10px;
}

#dia_pic_edit table.props td.pic img {
    border: solid black 1px;
    width: 100%;
    height: auto;
}

#dia_pic_edit table.props input[type="text"] {
    width: 100%;
}

#dia_pic_edit table.props textarea {
    width: 100%;
    height: 100px;
}

#dia_pic_edit_tab_gals > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#dia_pic_edit_tab_gals > ul > li {
    padding: 2px;
    margin: 2px;
    border-bottom: solid #CCC 1px;
 }

#dia_pic_edit_tab_gals label {
   cursor: pointer;
}

#dia_pic_edit_tab_gals label:hover {
    color: #339;
}

#dia_pic_edit_tab_gals > ul > li:hover {
    xcolor: #063;
    border-bottom: solid #999 1px;
}

label.selected {
    font-weight: bold;
}

ul.addpic_info {
    padding: 15px;
    list-style-type: none;
    border: solid #009 1px;
    background-color: #eee;
}

ul.addpic_info > li {
    margin-bottom: 10px;
}


div.fp-pic {
    margin: 0 3px 0 0;
    padding: 3px;
    background-color: #eee;
    border: solid #ccc 1px;
    float: left;
}

div.fp-pic  img {
    width: 200px;
    height: auto;
    display: block;
}

div.fp-pic > div {
    font-weight: bold;
    font-size: 10px;
    color: black;
    white-space: nowrap;
    overflow: hidden;
    padding-top: 2px;
}

div.fp-pic-full {
    width: 100%;
    background-color: #444;
}

div.fp-pic-full > div {
    padding: 2px;
}

div.fp-pic-full > div > img {
    width: 100%;
    height: auto;
    margin-bottom: 2px;
}

div.fp-pic-full > div > div {
    color: #ccc;
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 2px;
}

ul.adm_info > li {
    margin-bottom: 16px;
}