/* 


    Hm, below was inconvenient, now trying a url-param instead. 
    So, set Versioninfo.csCssVersion when changing css-info!                                    #Chg_2017-03-15_SHO  New, seems to work fine!
    

    --- OBSOLETE to step up version in the below way ---
    Nowadays v4 is always used!!! 
    
    See Versioninfo.sGetCssLinkVersion.

    To evade the problem with css-changes that don't get updated unless the user hits ctrl-f5
    we now use specific version names for the css fil to force load...                          #Chg_2016-04-24_SHO  
    #Chg_2023-07-18_SHO  Viss modernisering av UI
    #Chg_2017-02-06_SHO  v4
    #Chg_2017-01-02_SHO  v3
    #Chg_2016-04-24_SHO  v2
    /Nej, numera hämtas css-filen med ?parameter med tid i, så vi "stannar" på v4!

    Cheatsheet: 
        . Class
        # Id
        Offset > Margin > Border > Padding > Text...
        Shorthand: top right bottom left

        Combined selectors:
            Space: Descendant               .a .b
            Comma: Or                       div, p
            Right angle bracket: Child      ul > li  (all li inside ul)
 

        Enklare sätt att ställa in code-behind, ex:
 
        For Visual Studio cheat sheet, see end of _Documentation.vb


    Sätta style från code-behind:
        Field1.Style.Add("display", "block")
        eller ännu snyggare:
        Field1.Style("display") = "block"
      Eller:
        span_MenyFlikBehoriga.Attributes("class") = "amn_tab_unselected"              ' Vanlig html-control
        ButtonTillFlikBehoriga.CssClass = "amn_buttons_rounded_low_text_unselected"   ' ASP-control
      Men OBS att vissa av ovanstående tar bort det som fanns innan...

*/

@font-face {
/* #Chg_2021-04-06_SHO  Ska tydligen vara '../' först i path, det funkade utan i dev men inte i servern */
/* #Chg_2021-03-28_SHO  New   */
  font-family: 'MarkerFeltWide_PlainRegular';
  src: url('../fonts/MarkerFeltWide-PlainRegular.svg#MarkerFeltWide-PlainRegular') format('svg'),
       url('../fonts/MarkerFeltWide-PlainRegular.ttf') format('truetype'),
       url('../fonts/MarkerFeltWide-PlainRegular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


body {
    padding: 0;
    margin: 0;
    font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
    text-align: left;
    /*text-align: center;*/
    /* #Chg_2023-07-18_SHO  Något ljusare bakgr. Var: */
    /*background-color: #f7f8ec; /* very light green */
    background-color: #f8faf8; /* very very light green     f8f9f8 ? */
    /*background-color: White;*/
}


/* #Chg_2011-09-26_SHO added links  However, CSS3, does it work in older browsers? */
a:link 
{
    color: black; text-decoration: underline; 
}
a:active 
{
    color: Gray; text-decoration: underline; 
}
a:visited 
{
    color: Black; text-decoration: underline; 
}
a:hover 
{
    color: Gray; text-decoration: underline; 
}


/* #Chg_2023-09-08_SHO  Lite färg-mod efter återkoppl fr Therese.  */
/* #Chg_2023-07-12_SHO  Nya knappar, diverse styling:               Förebilder skapade av Hampus Thell. */

.st_NyKnapp_normalbutton {
    padding: 10px;
    /*background-color: rgb(192, 218, 164, 1);*/
    background-color: rgb(192, 218, 164);
    border-radius: 0.5em;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    cursor: pointer;
    font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
    /*font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;*/
    font-size: 12px;
    color: #474747;
    font-weight: bold;
    transition: all 300ms;
    text-decoration: none;
}

.st_NyKnapp_normalbutton:visited {
    color: #474747;
    font-weight: bold;
}
.st_NyKnapp_normalbutton:link {
    text-decoration: none;
    color: #474747;
    font-weight: bold;
}
.st_NyKnapp_normalbutton:hover {
    /*background-color: rgb(174, 199, 118);*/
    background-color: rgb(173, 203, 142);
    color: #474747;
    font-weight: bold;
}

.st_NyKnapp_DropDown {
    padding: 10px;
    /*background-color: rgb(192, 218, 164, 1);*/
    background-color: rgb(192, 218, 164);
    border-radius: 0.5em;
    border-width: 0px;
    border-style: none;
    border: none;
    outline: none;
    cursor: pointer;
    font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
    /*font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;*/
    font-size: 12px;
    color: #474747;
    font-weight: bold;
    /*    transition: all 300ms;  Nä, blev successiv transition i yttre div och inre kontroll, så blev fult */
}

.st_NyKnapp_DropDownBakgr {
    padding: 10px;
    /*background-color: rgb(198, 216, 164);*/
    background-color: rgb(192, 218, 164);
    border-radius: 0.5em;
    border-width: 2px;
    color: #474747;
    font-weight: bold;
    /*    transition: all 300ms;  Nä, blev successiv transition i yttre div och inre kontroll, så blev fult */
}
.st_NyKnapp_DropDownBakgr_onmouseover {
    /*background-color: rgb(174, 199, 118);*/
    background-color: rgb(173, 203, 142);
    color: #474747;
    font-weight: bold;
}
.st_NyKnapp_DropDownBakgr_onmouseout {
    /*background-color: rgb(198, 216, 164);*/
    background-color: rgb(192, 218, 164);
    color: #474747;
    font-weight: bold;
}




.st_font_MarkerFeltWide-PlainRegular {
    font-family: MarkerFeltWide_PlainRegular;
    color: rgb(84,85,78);
    font-size: 30px;
    /* #Chg_2023-07-31_SHO  La till spacing, kändes trögläst innan: */
    letter-spacing: 1.5px;
}


.st_hamburger_class 
{
    /* #Chg_2021-03-30_SHO  New  Trying to crop. Tips:
    .crop height and width define where to slice the bottom-most and right-most part of the image. 
    .crop img height and width will scale the image. 
    .crop img margin will pan the image  
    */
    /*height:20px;
    width:20px;*/
    /*margin-top:5px;
    margin-right:5px;*/
    overflow: hidden;
}
.st_hamburger_class img
{
    /* #Chg_2021-03-30_SHO  New   Trying to crop. See above. */
    height:80px;
    width:120px;
    /*margin: -75px 0 0 -100px;*/
    margin: -20px -39px -30px -30px;
}
.st_hamburger_class img:hover 
{
    /* #Chg_2021-03-31_SHO  New  Trying to be easier to select.  */
    /*background:green;*/
	/*background-image: url(../images/000-70.png);*/ 
    margin: -20px -50px -30px -30px;
    width:140px;
}

.st_hamburger_outer_class 
{
    /* #Chg_2021-03-30_SHO  New  Trying to crop.  */
    margin-top:5px;
    margin-bottom:10px;
}

.st_hamburger_menu_shown 
{
    /* #Chg_2021-03-30_SHO  New, floating hamburger menu to the right, up */
    position: fixed;
    z-index: 20000;
    top: 85px;
    right: 10px;
    width: 250px;
    /*height: 180px;*/
    border: solid 1px darkgreen;
    /*border: none;*/
	border-radius:7px;
	/*border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;*/
    /* This covers the box background with a repeating 
    "dimming png", when an overlay is shown     */
	/*background-image: url(../images/000-70.png); 
    color: white;*/
    text-align: left;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 5px;
    padding-bottom: 25px;
    /*background-color: #f7f8ec;    very light green   
        För att speca opacitet måste man tydligen räkna om till RGB, detta ska bli samma färg: */
    /*background-color: rgba(247,248,236, 0.85);    Opacity sist */
    background-color: rgb(247,248,236);   
}

.st_close_X:hover 
{
    /* #Chg_2021-03-31_SHO  New    */
    font-weight: bold;
    /*text-decoration: underline;*/
    font-size: 23px; 
}
.st_close_X_by
{
    /* #Chg_2021-03-31_SHO  New    */
    font-weight: bold;
    font-size: 23px; 
}
.st_hamburger_menu_by_text 
{
    /* #Chg_2021-05-06_SHO  New    */
    font-size: 10px; 
    padding-right: 9px;
}

.st_hamburger_menu_shown a:link 
{
    /* #Chg_2021-03-31_SHO  New    */
    text-decoration: none;
}
.st_hamburger_menu_shown a:visited  
{
    /* #Chg_2021-03-31_SHO  New    */
    text-decoration: none;
}
.st_hamburger_menu_shown a:hover  
{
    /* #Chg_2021-03-31_SHO  New    */
    text-decoration: underline;
}
.st_hamburger_menu_shown a:active  
{
    /* #Chg_2021-03-31_SHO  New    */
    text-decoration: none;
}


ImageButtonUpLoadDocOK:focus 
{
/* #Chg_2018-12-13_SHO New, tries to avoid the ugly dotted box around focused button 
    (needs to set focus så user does not have to scroll so much) 
    Hmm, did not work...
    outline:double;
*/
  outline:dotted;
}

.st_gray
{
    color: Gray;   
}

/* #Chg_2019-08-07_SHO Some new colors: */
.st_OK_color
{
    color: Green;   
}
.st_not_OK_color
{
    color: Red;   
}
.st_mark_something_color
{
    color: Blue;   
}

/* #Chg_2013-10-28_SHO New: */
.st_darkgray
{
    color: #54554e;   
}

.st_smallitalic 
{ 
    font-size: 10px; 
    font-style:italic 
}

.st_lsmallitalic {
    font-size: 12px;
    font-style: italic
}

.st_commenttxt 
{ 
    font-size: 12px; 
    font-style:italic 
}

.st_smalltxt  
{
    font-size: 12px; 
}

.st_msmalltxt  
{
    /* #Chg_2020-12-01_SHO: */
    font-size: 13px; 
}

.st_smallertxt  
{
    /* #Chg_2019-08-07_SHO: */
    font-size: 11px; 
}

.st_tinytxtplus {
    font-size: 8px;
}

.st_tinytxt {
    font-size: 6px;
}

.st_tinytinytxt 
{ 
    /* #Chg_2016-03-10_SHO  New */
    font-size: 3px; 
}

.st_tinytinytinytxt 
{ 
    /* #Chg_2020-10-06_SHO  New */
    font-size: 1px; 
}

.st_largetxt 
{ 
    /* #Chg_2012-04-06_SHO  New */
    font-size: 20px; 
}

.st_morelargetxt 
{ 
    /* #Chg_2012-04-06_SHO  New */
    font-size: 25px; 
}

.st_normal_beside_morelargetxt 
{ 
    /* #Chg_2021-01-10_SHO  New */
    padding-top:5px;
}

.st_really_largetxt 
{ 
    /* #Chg_2017-02-15_SHO  New */
    font-size: 40px; 
}

.st_mediumtxt 
{ 
    /* #Chg_2015-03-19_SHO  New */
    font-size: 17px; 
}

.st_mediumsmalltxt 
{ 
    /* #Chg_2015-03-31_SHO  New */
    font-size: 15px; 
}
.st_whitetext
{
    /* #Chg_2017-02-02_SHO  New */
    color: White;
}

.st_leftmargin_gen
{
    padding-left:20px;
}

.st_overlay_leadtext
{
    /* #Chg_2020-06-16_SHO  New */
    font-size: 13px; 
    font-weight: bold;
}

.st_overlay_leadtext_bigger
{
    /* #Chg_2020-11-17_SHO  New */
    font-size: 14px; 
    font-weight: bold;
}

.st_leftmargin_gen_more
{
    /* #Chg_2019-07-18_SHO  New */
    padding-left:30px;
}

.st_floatleft_gen
{
    float:left;
}

.st_floatright_gen
{
    /* #Chg_2013-11-04_SHO  New     Que? Men vågar inte ändra... se st_floatright_gen2 */
    float:left;
}
.st_floatright_gen2
{
    /* #Chg_2015303-17_SHO  New     Was st_floatright_gen wrong? Hm, it was used! */
    float:right;
}
.st_floatright_gen_ri_wide_marg
{
    /* #Chg_2015-12-10_SHO  New */
    float:right;
    padding-right:100px;
}
.st_floatright_gen_ri_nwide_marg
{
    /* #Chg_2020-02-28_SHO  New */
    float:right;
    padding-right:50px;
}

.st_floatright_gen_ri_lwide_marg
{
    /* #Chg_2020-06-17_SHO  New */
    float:right;
    padding-right:20px;
}

.st_resetfloat
{
    clear: both;
}

.st_floattablecell
{
    /* #Chg_2016-09-23_SHO  New */
    float:left;
    width: 750px;
}


.st_resizeable_v {
    /* #Chg_2022-05-22_SHO  New */
    resize: vertical;
    overflow: auto;
}
.st_resizeable {
    /* #Chg_2022-05-22_SHO  New */
    resize: both;
    overflow: auto;
}

.st_donotshow {
    /* #Chg_2019-08-06_SHO  New */
    display: none;
}


.st_doshow
{
    /* #Chg_2019-08-06_SHO  New */
    display:block;
}

.st_normal_page
{
	padding-top: 20px;
    padding-left:30px;
    padding-right:20px;
	padding-bottom: 50px;
    font-size: 13px;
}

.st_normal_page_larger
{
    /* #Chg_2017-01-02_SHO  New      */
	padding-top: 20px;
    padding-left:30px;
    padding-right:20px;
	padding-bottom: 50px;
    font-size: 20px;
}

.st_normal_page_broad
{
    /* #Chg_2015-07-01_SHO  New      */
	padding-top: 20px;
    padding-left:30px;
    padding-right:20px;
	padding-bottom: 50px;
    font-size: 13px;
    width: 750px;
}

.st_normal_page_broad_up
{
    /* #Chg_2019-07-17_SHO  New      */
	padding-top: 0px;
    padding-left:30px;
    padding-right:20px;
	padding-bottom: 50px;
    font-size: 13px;
    width: 750px;
}

.st_normal_page_broader
{
    /* #Chg_2017-03-15_SHO  New      */
	padding-top: 20px;
    padding-left:30px;
    padding-right:20px;
	padding-bottom: 50px;
    font-size: 13px;
    width: 770px;
}

.st_normal_page_broader2
{
    /* #Chg_2017-03-15_SHO  New      */
	padding-top: 20px;
    padding-left:30px;
    padding-right:20px;
	padding-bottom: 50px;
    font-size: 13px;
    width: 1000px;
}

.st_normal_page_notbroad
{
    /* #Chg_2017-11-30_SHO  New      */
	padding-top: 20px;
    padding-left:30px;
    padding-right:20px;
	padding-bottom: 50px;
    font-size: 13px;
    width: 600px;
}

.st_logout_button
{
	padding-top: 20px;
    float:left;
}

.st_logout_text
{
	padding-top: 30px;
    padding-left:15px;
    float:left;
}



/*	START PAGE */


.st_goto_participant_button
{
    padding-left:0px;
	padding-top: 40px;
	padding-bottom: 40px;
    float:left;
}

.st_goto_secretary_button
{
    /* #Chg_2012-08-13_SHO:  left=0 instead, and use nbsp because of ugly IE show behaviour */
    padding-left:0px;
    padding-top: 40px;
	padding-bottom: 40px;
    float:left;
}




/*	PAGE HEADER  */


.st_header_default
{
	/* #Chg_2017-09-14_SHO  New, e.g. when maybe re-setting background color in code-behind */ 
	background-color: #c0daa4;   /*eco-green*/  
    z-index: 10;
}



/*  
    Viktigt vid ändringar:
    OBS, se även *dupliceringen* i #st_header_white nedan! 
*/
 
#st_header
{
	background-color: #c0daa4;   /*eco-green*/  
	/*background-color: #000000;   black, for test only */ 
    z-index: 10;
}

#st_header .st_utanfor_logga
{
    position: absolute;
    left: 20px;
}

/* #Chg_2015-11-28_SHO     Obsolete?  /Nä, används  */
#st_header .st_logga
{
	width: 400px;
	height: 90px; 
	/*padding-left: 50px;*/
	background-image: url(../images/styrelsemote-logo.png);
	background-position: 0px 0;
    float:left;
    z-index: 2500;
}

#st_header .st_logga_nologo {
        width: 400px;
        height: 90px;
        float: left;
        z-index: 2500;
    }

#st_header .st_logged-in 
{
    /* Flyttade upp denna till de andra     #Chg_2021-04-03_SHO */ 
    text-align:right;
    padding-right: 35px;
    padding-top: 35px;
    padding-bottom: 40px;
    float:none;
    font-size: 13px;
}

#st_header .st_logged-in-Adm 
{
    /* Flyttade upp denna till de andra     #Chg_2021-04-03_SHO */ 
    text-align:right;
    padding-right: 35px;
    padding-top: 25px;
    padding-bottom: 30px;
    float:none;
    font-size: 13px;
}

/* #Chg_2016-11-23_SHO     New: */
#st_header .st_logged-in_lower 
{
    /* Flyttade upp denna till de andra     #Chg_2021-04-03_SHO */ 
    text-align:right;
    padding-right: 35px;
    padding-top: 22px;
    padding-bottom: 22px;
    float:none;
    font-size: 13px;
}


/*  OBS! Viktigt vid ändringar:
    Äsch, hittade inget sätt att få ett vitare utseende än att *duplicera* det här
    gänget inställningar... #st_header > #st_header_white           #Chg_2021-04-03_SHO
*/

#st_header_white
{
	background-color: #FFFFFF; 
	/*background-color: #c0daa4;   eco-green*/  
	/*background-color: #000000;   black, for test only */ 
    /*z-index: 10;*/
    /*Varför funkade inte följande, syntes inte alls?
    border-width:100px;
    border-color:#c0daa4;*/
}

#st_header_white .st_utanfor_logga
{
    position: absolute;
    left: 20px;
}

/* #Chg_2015-11-28_SHO     Obsolete?  /Nä, används  */
#st_header_white .st_logga
{
	width: 400px;
	height: 90px; 
	/*padding-left: 50px;*/
	background-image: url(../images/styrelsemote-logo.png);
	background-position: 0px 0;
    float:left;
    z-index: 2500;
}
#st_header_white .st_logged-in 
{
    /* Flyttade upp denna till de andra     #Chg_2021-04-03_SHO */ 
    text-align:right;
    padding-right: 35px;
    padding-top: 35px;
    padding-bottom: 40px;
    float:none;
    font-size: 13px;
}

#st_header_white .st_logged-in-Adm 
{
    /* Flyttade upp denna till de andra     #Chg_2021-04-03_SHO */ 
    text-align:right;
    padding-right: 35px;
    padding-top: 25px;
    padding-bottom: 30px;
    float:none;
    font-size: 13px;
}

/* #Chg_2016-11-23_SHO     New: */
#st_header_white .st_logged-in_lower 
{
    /* Flyttade upp denna till de andra     #Chg_2021-04-03_SHO */ 
    text-align:right;
    padding-right: 35px;
    padding-top: 22px;
    padding-bottom: 22px;
    float:none;
    font-size: 13px;
}



/* #Chg_2017-01-24_SHO   When the pic should be choosable in server code  
   #Chg_2017-03-17_SHO   Removed #st_header and reduced width */
.st_logga_valbar
{
	width: 200px;
	height: 50px; 
	padding-top: 19px;
	padding-left: 20px;
    float:left;
    z-index: 2500;
}


/* #Chg_2023-07-18_SHO   Better feedback w "pointer" for buttons below: */

/* #Chg_2017-02-02_SHO   New prettier buttons  */
.st_buttons_rounded {
    border-radius: 8px;
    padding-top: 3px;
    height: 25px; /* #Chg_2018-02-25_SHO   Higher  */
    /*font-size: 12px;   Nä, blev för smått */
    cursor: pointer;
}

.st_buttons_rounded_lower {
    /* #Chg_2020-08-20_SHO   New  */
    border-radius: 8px;
    margin: 5px;
    padding-top: 3px;
    height: 25px;
    cursor: pointer;
}

/* #Chg_2017-03-18_SHO   Now also left-just */
.st_buttons_rounded_le {
    border-radius: 8px;
    padding-top: 3px;
    text-align: left;
    cursor: pointer;
}

/* #Chg_2017-02-02_SHO   New prettier buttons      #Chg_2017-02-02_SHO Moved w/h here */
.st_buttons_rounded_s {
    border-radius: 3px;
    width: 25px;
    height: 15px;
    cursor: pointer;
}

/* #Chg_2017-08-16_SHO   New less wide button */
.st_buttons_rounded_ss {
    border-radius: 3px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

/* #Chg_2018-02-15_SHO   New small button but to accomdate text inside */
.st_buttons_rounded_low_text {
    border-radius: 3px;
    border: none;
    height: 21px;
    background-color: #dcddd2;
    cursor: pointer;
}




/* #Chg_2015-11-28_SHO  New for Socialjour:     Obsolete? */
#st_header .st_logga_socjour
{
	width: 400px;
	height: 90px; 
	/*padding-left: 50px;*/
	background-image: url(../images/socjour_logga_b.jpg);
	background-position: 0px 0;
    float:left;
    z-index: 2500;
}

/* #Chg_2019-10-21_SHO  New  */
.st_logga_skin_styrelsemote
{
    position: absolute; 
    z-index: 100; 
    height: 100px;
}

/* #Chg_2020-11-23_SHO  New  */
.st_logga_skin_styrelsemote_small
{
    /* position: absolute; */
	padding-top: 3px;
	padding-left: 4px;
    z-index: 100; 
    height: 90px;
}


/* #Chg_2021-03-28_SHO  New  */
.st_logga_skin_styrelsemote_w_logga_customers
{
	/*padding-top: 3px;
	padding-left: 200px;*/
    z-index: 100; 
    height: 45px;
    width: 210px;
}

/* #Chg_2021-03-28_SHO  New  */
.st_div_logga_skin_styrelsemote_w_logga_customers
{
	padding-top: 13px;
	padding-right: 5px;
    float: right;
}


/* #Chg_2021-03-28_SHO  New  */
.st_logga_customers  
{
	padding-top: 25px;
	padding-left: 4px;
    z-index: 100; 
    height: 120px;
}



/* #Chg_2019-10-21_SHO  New  */
.st_logga_skin_socialjour
{
    position: absolute; 
    z-index: 100; 
    height: 100px;
}

/* #Chg_2020-11-23_SHO  New  */
.st_logga_skin_socialjour_smaller
{
    /* position: absolute; */
	padding-top: 10px;
	padding-left: 26px;
    /*z-index: 100;*/ 
    height: 35px;
}

/* #Chg_2019-10-21_SHO  New  */
.st_logga_skin_kommunsignering
{
	padding-top: 8px;
    position: absolute; 
    z-index: 100; 
    height: 80px;
}

/* #Chg_2020-11-23_SHO  New  */
.st_logga_skin_kommunsignering_smaller
{
	padding-top: 0px;
	padding-left: 26px;
    /* position: absolute; */
    /*z-index: 100;*/ 
    height: 36px;
}






/*  PAGE ORG CHOICE  */


#st_orgchoice_outer
{
    text-align:left;
    padding-left: 15px;
    padding-top: 10px;
    /* padding-bottom: 20px;   #Chg_2011-10-11_SHO  */
	padding-bottom: 5px;
}

.st_orgchoice_outer_class
{
    /* Made into class, to be able to use two on one page   #Chg_2020-08-06  */
    text-align:left;
    padding-left: 15px;
    padding-top: 10px;
	padding-bottom: 5px;
}

#st_orgchoice
{
    height:60px;
    width:320px;
    text-align:left;
	background-image: url(../images/simple_org_backgr.png);
    background-repeat: no-repeat;
    padding-top: 10px;
    float:left;
 }

.st_orgchoice_class
{
    /* Made into class, to be able to use two on one page   #Chg_2020-08-06  */
    height:60px;
    width:320px;
    text-align:left;
	background-image: url(../images/simple_org_backgr.png);
    background-repeat: no-repeat;
    padding-top: 10px;
    float:left;
 }

#st_orgchoice_agenda
{
    /* #Chg_2015-03-21_SHO  New */
    height:60px;
    width:625px;
    text-align:left;
	background-image: url(../images/simple_org_meet_backgr.png);
    background-repeat: no-repeat;
    padding-top: 10px;
    padding-left: 5px;
    float:left;
 }

#st_orgchoice_inmost
{
    padding-top: 14px;
    padding-left: 31px;
    /*overflow: auto;*/
}

.st_orgchoice_inmost
{
    /* Made into class, to be able to use two on one page   #Chg_2020-08-06  */
    padding-top: 14px;
    padding-left: 31px;
    /*overflow: auto;*/
}

#st_orgchoice_inmost_agenda
{
    /* #Chg_2015-03-21_SHO  New */
    padding-top: 5px;
    padding-left: 31px;
    /*overflow: auto;*/
}


#st_orgchoice_sekr
{
    padding-top: 10px;
    padding-left: 22px;
    /*overflow: auto;*/
}

.st_orgchoice_sekr {
    /* #Chg_2023-07-31  Generized as class */
    padding-top: 10px;
    padding-left: 22px;
    /*overflow: auto;*/
}

.st_orgchoice_dropdbox
{
    width: 250px;
    border-style: none;
    /*background-color: #474747;*/
    background-color: #3F3F3F; /* dark greybrown */
    color: White;

}
.st_orgchoice_dropdbox_agenda
{
    /* #Chg_2015-03-21_SHO  New */
    width: 430px;
    border-style: none;
    /*background-color: #474747;*/
    /*background-color: #3F3F3F;*/
    background-color: rgba(87, 87, 87, 1); /* dark greybrown */
    color: White;
}

/*Does this work?:   */
.st_orgchoice_dropdbox.selected
{
    background-color: #c0daa4;
}

/*Does this work?:   */
.st_orgchoice_dropdbox option:hover
{
    background-color: #c0daa4;
}

#st_showerrorbox
{
    float:left;
    padding-left: 40px;
	padding-top: 5px;
}

.st_textboxerror
{
	border-radius:8px;  /*#Chg_2019-01-19_SHO Provar rounded här eftersom knapparna bredvid är det...*/ 
	padding: 8px;
    border-style:solid;  /*#Chg_2019-02-28_SHO Provar list mer substantiell border ...*/ 
    border-color:darkgray;
    border-width:2px;
}




#st_showcal
{
    /*float:left;*/
    float:right;
    padding-top: 6px;
    padding-left: 20px;
    padding-right: 32px;
	/*border-color:Black;*/
	border-style:none;
}

.st_normalbutton
{
    background-color: #474747;
    color: White;
}

.st_topbutton
{
    padding-top: 3px;
}

.st_margintopbutton 
{
    /* #Chg_2015-08-17_SHO  New */
    margin-top: 3px;
}

.st_marginbotbutton
{
    /* #Chg_2016-02-24_SHO  New */
    margin-bottom: 2px;
}

.st_margintop
{
    /* #Chg_2015-08-26_SHO  New */
    margin-top: 5px;
}

.st_margintopless
{
    /* #Chg_2016-03-10_SHO  New */
    margin-top: 4px;
}

.st_margintopmore
{
    /* #Chg_2015-08-26_SHO  New */
    margin-top: 13px;
}

.st_margintopmedium
{
    /* #Chg_2020-04-19_SHO  New */
    margin-top: 10px;
}

.st_margintopmoremore
{
    /* #Chg_2016-01-06_SHO  New */
    margin-top: 17px;
}

.st_margintopmoremoremore
{
    /* #Chg_2020-06-16_SHO  New */
    margin-top: 20px;
}

.st_margintoplot
{
    /* #Chg_2019-05-02_SHO  New */
    margin-top: 33px;
}






/*  PAGE BODY  */

#st_body
{
    padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 30px;
}



#st_body .st_columns {
    /* hm, behövs denna egentligen? Nåväl, behöver i alla fall anpassas till .st_leftcolumn och .st_rightcolumn*/
    /*#Chg_2023-07-19_SHO utökat fr 1000...    */
    width: 1100px;
}



#st_body .st_leftcolumn
{
	width: 370px;
	/*height: 410px;*/
	padding-left: 5px;
	padding-bottom: 20px;
    float:left;
}

#st_body .st_rightcolumn {
    width: 590px;
    /*height: 530px;*/
    /* #Chg_2023-07-19_SHO utökat, var:   padding-left: 15px;*/
    padding-left: 40px;
    padding-right: 20px;
    padding-bottom: 20px;
    float: left;
}

.st_body_agdb {
    /* #Chg_2023-10-29_SHO  New, f Agendabuilder */
    padding-left: 15px;
    padding-top: 25px;
    padding-bottom: 27px;
}

.st_leftcolbox {
    background-color: #dcddd2; /* greenish backgr*/
    /*width: 300px;  If to "provoke" horiz scrolling, use no width here */
    width: 350px;
    font-size: 12px;
    /*line-height: 40px;   Commented out - why did we ever need that height?!  #Chg_2020-03-02_SHO */
    font-family: 'DejaVu Sans Mono', Consolas, 'Lucida Console', monospace
    /* #Chg_2013-08-19_SHO  Getting a prettier sans font but still monospaced */
    /* 'Andale Mono' njä, 'DejaVu Sans Mono' ja, Consolas Ja, Lucida Console nja  ??? */
    /* font-family: 'Courier New', Courier, monospace    old since start */
}

.st_leftcolbox_new {
    /* #Chg_2020-03-02_SHO  New, modded from st_leftcolbox */
    font-size: 12px;
    font-family: 'DejaVu Sans Mono', Consolas, 'Lucida Console', monospace;
    /* border: thin solid;                              #Chg_2020-06-15_SHO  Provar 'border: none' för att bli av med ram */
    border: none;
    padding: 5px;
    /*background-color: #f7f8ec;   very light green    #Chg_2020-06-15_SHO  Provar samma bakgr för att bli av med "ram" */
    /*background-color: #ebece0;   slightly darker greenish backgr    #Chg_2020-07-15_SHO  Blev något för anemiskt, provar aningen mörkare än bakgr #f7f8ec */
}

.st_leftcolbox_neater {
    /* #Chg_2023-03-28_SHO  New, modded from st_leftcolbox_new */
    font-size: 11px;
    /*font-family: 'DejaVu Sans Mono', Consolas, 'Lucida Console', monospace;*/
    border: none;
    padding: 5px;
}

.select #ListBoxMeets option:checked {
    /* #Chg_2023-07-18_SHO  New lighter select    Funkade inte  :(  Provade även select#ListBoxMeets */
    background: blue;
    color: red;
}

.st_textbox_litegreen
{
    /* #Chg_2020-06-16_SHO  New */
    border: none; 
    padding: 5px; 
    /*background-color: #f7f8ec;   very light green     #Chg_2020-06-15_SHO  Provar samma bakgr för att bli av med "ram" */
    background-color: #f1f1e5; /* greenish backgr       #Chg_2020-07-15_SHO  Blev något för anemiskt, provar aningen mörkare än bakgr #f7f8ec*/
    /* Also see st_boxbackgr_modern */
}

.st_leftcolbox_x_scroll
{
    /* #Chg_2017-08-14_SHO  New to get horiz scrolling */
    overflow: auto;
    white-space: nowrap;
    background-color: #dcddd2;    /* greenish backgr*/
    /*width: 300px;  If to "provoke" horiz scrolling, use no width here */
    width: 350px;  
    font-size: 12px;
    /*line-height: 40px;   Commented out - why did we ever need that height?!  #Chg_2020-03-02_SHO */
    font-family: 'DejaVu Sans Mono', Consolas, 'Lucida Console',  monospace
    /* #Chg_2013-08-19_SHO  Getting a prettier sans font but still monospaced */
    /* 'Andale Mono' njä, 'DejaVu Sans Mono' ja, Consolas Ja, Lucida Console nja  ??? */
    /* font-family: 'Courier New', Courier, monospace    old since start */
}

.st_rightcolbox
{
    /*width: 590px;  If to "provoke" horiz scrolling, use no width here. But does not work well... */
    width: 580px;  
    font-size: 12px;
    color: #474747;
    font-family: 'DejaVu Sans Mono', Consolas, 'Lucida Console',  monospace
    /* #Chg_2013-08-19_SHO  Getting a prettier sans font but still monospaced */
    /* font-family: 'Courier New', Courier, monospace    old since start */
}

.st_rightcolbox_nowidth
{
    /* #Chg_2020-05-29_SHO  Modded from st_rightcolbox */
    font-size: 12px;
    color: #474747;
    font-family: 'DejaVu Sans Mono', Consolas, 'Lucida Console',  monospace
}


.st_moremodernlistbox_x_scroll
{
    /* #Chg_2020-05-05_SHO  New */
    border-width: 0px;
    overflow: auto;
    white-space: nowrap;
    /* Hm, the above x-scroll seemed to work but later not? */
    width: 700px;  
    font-size: 12px;
    background-color: #dcddd2;    /* greenish backgr*/
	padding: 10px;
    /*font-family: 'DejaVu Sans Mono', Consolas, 'Lucida Console',  monospace*/
}


.st_rightcolbox_para
{
    /* #Chg_2012-09-29_SHO  New */
    background-color: #f7f8ec;   /* very light green  (for some reason, body default does not get inherited...) */
    font-size: 12px;
    color: #474747;
    font-family: 'DejaVu Sans Mono', Consolas, 'Lucida Console',  monospace
    /* #Chg_2013-08-19_SHO  Getting a prettier sans font but still monospaced */
    /* font-family: 'Courier New', Courier, monospace    old since start */
}

.st_ikonledtext_agdb {
    /* #Chg_2024-02-17_SHO  New */
    font-size: 12px;
}

.st_boxbackgr {
    /* #Chg_2015-03-19_SHO  New */
    background-color: #dcddd2; /* greenish backgr*/
}


.st_boxbackgr_modern {
    /* #Chg_2023-07-18_SHO  Vill alltid ta bort ram. Något mindre rött i bakgr. */
    /* #Chg_2020-07-15_SHO  Ny  Blev något för anemiskt, provar aningen mörkare än t ex bakgr #f7f8ec */
    /* background-color: #f1f1e5; /* greenish backgr*/
    background-color: #f1f3f1; /* light greenish backgr     e5f2e9 ?    e5f4f0 ?    f2f5f2 ?*/
    border-width: 0px;
    border-radius:5px;
}
.st_boxbackgr_modern:active {
    /* #Chg_2023-07-18_SHO  Vill alltid ta bort ram */
    border-width: 0px;
}

.st_boxbackgr_modern_light {
    /* #Chg_2025-01-01_SHO  Vill alltid ta bort ram. Ljusare bakgr. */
    background-color: #ffffff;
    /*background-color: #f8faf8;*/
    border-width: 1px;
    border-radius: 5px;
    border-color: lightgray;
}

.st_monospace
{
    /* #Chg_2017-04-28_SHO  Getting a prettier sans font but still monospaced */
    font-family: 'DejaVu Sans Mono', Consolas, 'Lucida Console',  monospace
}

.st_higher_lines 
{
    /* #Chg_2020-03-14_SHO New */
    line-height: 17px;
}

#st_paragraph_leadtext
{
    /* #Chg_2012-09-29_SHO  New */
	margin:  25px 70px 0 0 ;
    float:left;
}
.st_larger_text {
    /* #Chg_2015-07-09_SHO  New */
    font-size: 15px;
}

.st_larger_text_less {
    /* #Chg_2022-05-04_SHO  New */
    font-size: 14px;
}

.st_larger_text_plus
{
    /* #Chg_2019-09-29_SHO  New */
    font-size: 17px;
    }


#st_meetschoice_inmost
{
    /*overflow: auto;*/
}


#st_paragraphs_outer
{
    /* #Chg_2012-09-29_SHO  New */
    clear: both;
}


#st_docschoice_inmost
{
    clear: both;
    /*overflow: auto;*/
}


.st_righttopicbox
{
    /* #Chg_2012-04-06_SHO  New */
    font-size: 12px;
    /* color: #474747; */
}

.st_postboxright
{
    /* #Chg_2012-04-06_SHO  New */
    text-align:right;
}

.st_righttextalign
{
    /* #Chg_2013-11-04_SHO  New */
    text-align:right;
}


.st_emailparticipants_color_letter 
{
    /* #Chg_2016-03-09_SHO  New, in Form_Admin    */
    float:left;
    margin-left: 4px;
    margin-bottom: 5px;
    padding-bottom: 2px;
    padding-top: 3px;
    color:white; 
}


.st_leftcolhdr
{
	height: 40px;
	padding: 0;
	margin: 10px 0 0 0;
	background-image: url(../images/body-h2-sprite.png);
	width: 120px;
	background-position: 0 0;
}

.st_leftcolhdr_2
{
	height: 40px;
	padding: 0;
	margin: 10px 0 0 0;
	background-image: url(../images/body-h2-sprite.png);
	width: 200px;
	background-position: 0 -80px;
	/*background-position: 0 0;*/
}

.st_rightcolhdr
{
	height: 40px;
	padding: 0;
	margin: 10px 0 0 0 ;
	background-image: url(../images/body-h2-sprite.png);
	width: 200px;
	background-position: 0 -40px;
    float:left;
}

.st_indent
{
    /* #Chg_2020-12-01_SHO  New  */
	margin-left: 10px;
}


.st_text_hö_om_dokimage
{
    /* #Chg_2020-12-01_SHO  New  */
	margin-top: 17px;
    padding-left: 80px;
    font-size: 23px;
    float: left;
}

.st_esignhdr
{
    /* #Chg_2020-06-16_SHO  New     Nja, blev fel scale?!  */
	height: 40px;
	padding: 0;
	/*margin: 10px 0 0 0 ;*/
	background-image: url(../images/E-underskrift.png);
	width: 200px;
	/*background-position: 0 -40px;*/
    float:left;
}

.st_questionmark_by_imagebutton
{
    /* #Chg_2020-11-19_SHO  New      */
    padding-right:10px;
	padding-top: 9px;
    float:left;
}

.st_text_by_questionmark
{
    /* #Chg_2021-03-08_SHO  New */
    padding-right:15px;
    padding-left:15px;
	padding-top: 9px;
}

.st_text_by_questionmark2 {
    /* #Chg_2022-04-04_SHO  New */
    padding-right: 15px;
    padding-left: 30px;
    padding-top: 9px;
}


#st_questionmark_docs
{
    padding-right:10px;
	padding-top: 13px;
    float:left;
}

#st_questionmark_sign
{
    /* #Chg_2015-07-01_SHO  New      */
    /* #Chg_2015-12-03_SHO  Lower      */
    padding-left:50px;
	padding-top: 23px;
    float:left;
}


.st_info_sent_out
{
    /* #Chg_2018-09-26_SHO  New    */
    margin-right:50px;
	padding-top: 25px;
    float:right;
}

.st_docbutton
{
    padding-left:18px;
	padding-top: 10px;
	padding-bottom: 0px;
    float:left;
}

.st_docbutton_admin_docs
{
    /* #Chg_2018-03-02_SHO  Modified for doc choice; tighter    */
    padding-left:12px;
	padding-top: 10px;
	padding-bottom: 0px;
    float:left;
}

.st_docbutton_admin_docs_plusminus
{
    /* #Chg_2018-03-02_SHO  Modified for doc select-all-none space    */
    margin-left:15px;
	padding-top: 12px;
    float:left;
}

.st_docbutton_admin_docs_plusminus_under
{
    /* #Chg_2020-08-19_SHO  Modified, firstly for MassUserChange    */
    margin-left:80px;
    margin-top:11px;
	padding-top: 3px;
    float:left;
}

.st_docbutton_admin_docs_plusminus_bup
{
    /* #Chg_2018-03-02_SHO  Modified for doc select-all-none space    */
    margin-left:40px;
	padding-top: 10px;
	padding-bottom: 0px;
    float:left;
}
.st_docbutton_admin_docs_plusminus_butts
{
    /* #Chg_2018-03-02_SHO  Modified for doc select-all-none butts   */
	margin-top: 9px;
    margin-left:0px;
    padding-left:0px;
	width: 18px;
	height: 18px; 
    font-size: 9px;
	border-radius:3px;
	/*border-style:solid;*/
	/*border-width:thin;*/
}
.st_docbutton_admin
{
    /* #Chg_2016-03-09_SHO  Slightly closer to left border    */
    padding-left:12px;
	padding-top: 10px;
	padding-bottom: 0px;
    float:left;
}

.st_docbutton_broad
{
    /* #Chg_2015-12-06_SHO  New */
    padding-left:175px;
	padding-top: 10px;
	padding-bottom: 0px;
    float:left;
}
.st_docbutton_narrow
{
    /* #Chg_2012-08-05_SHO  New */
    padding-left:10px;
	padding-top: 10px;
	padding-bottom: 0px;
    float:left;
}

.st_docbuttonright
{
    /* #Chg_2012-04-08_SHO  New */
    padding-left:18px;
	padding-top: 10px;
	padding-bottom: 5px;
    float:right;
}
.st_docbuttonright_S
{
    /* #Chg_2017-12-12_SHO  New */
	padding-top: 24px;
	padding-right: 35px;
    float:right;
}
.st_docbuttonright_ri_marg
{
    /* #Chg_2015-12-04_SHO  New */
    padding-left:18px;
    padding-right:35px;
	padding-top: 10px;
	padding-bottom: 5px;
    float:right;
}

.st_docbuttonright_ri_marg2
{
    /* #Chg_2015-12-10_SHO  New */
    padding-left:18px;
    padding-right:50px;
	padding-top: 10px;
	padding-bottom: 5px;
    float:right;
}

.st_docbuttonright_ri_marg3
{
    /* #Chg_2020-01-18_SHO  New */
    padding-left:18px;
    padding-right:35px;
	padding-top: 10px;
	padding-bottom: 5px;
    float:right;
}

.st_docbuttonleft_marg
{
    /* #Chg_2017-03-09_SHO  New */
    padding-left:42px;
	padding-top: 10px;
	padding-bottom: 5px;
    float:left;
}
.st_docbuttonleft_marg_lower
{
    /* #Chg_2017-12-12_SHO  New */
    padding-left:0px;
	padding-top: 25px;
	padding-bottom: 5px;
    float:left;
}
.st_docbutton_left_smallmarg
{
    /* #Chg_2017-04-19_SHO  New */
    padding-left:5px;
	padding-top: 26px;
	padding-bottom: 0px;
    float:left;
}


.st_docbuttonlefttext
{
    /* #Chg_2012-04-08_SHO  New */
	padding-top: 19px;
    float:left;
    font-size: 15px; 
}

.st_updownbutton
{
    /* #Chg_2018-12-10_SHO  New */
    width:17px;
    height:15px;
    border:thin;
    padding-bottom:3px;
    padding-left:2px;
    padding-right:2px;
	border-radius:5px;
    font-size: 11px; 
    margin-bottom: 2px;
    /* background-color: #f7f8ec;   lighter                         #Chg_2020-06-15_SHO  Provar annan färg för att knappen nu ska framgå */
    background-color: #dcddd2;  /* grey */
}

.st_updownbutton_higher
{
    /* #Chg_2020-12-04_SHO  New */
    width:17px;
    height:20px;
    padding-bottom:3px;
    padding-left:2px;
    padding-right:2px;
	border-radius:5px;
    font-size: 11px; 
    margin-bottom: 2px;
    /* background-color: #f7f8ec;   lighter                         #Chg_2020-06-15_SHO  Provar annan färg för att knappen nu ska framgå */
    /* background-color: #dcddd2;   grey */
    /* border:thin; */
    background-color: lightGray;                                /*  #Chg_2021-01-11_SHO  Ngt mörkare */
    border-width:1px;                                           /*  #Chg_2021-01-11_SHO  Adderar tydl ram */
    border-color: black;  
}

.st_visabuttonProgr
{
    /* #Chg_2019-01-17_SHO  New */
    width:48px;
    height:15px;
    border:thin;
    padding-top:2px;
    padding-bottom:3px;
    padding-left:2px;
    padding-right:2px;
	border-radius:5px;
    font-size: 12px; 
    margin-left: 8px;
    margin-top: 1px;
    margin-bottom: 2px;
    /* background-color: #f7f8ec;   lighter                         #Chg_2020-06-15_SHO  Provar annan färg för att knappen nu ska framgå */
    background-color: #dcddd2;  /* grey */
}

.st_smallbutton {
    /* #Chg_2025-01-03_SHO  New */
    width: 48px;
    height: 15px;
    border: thin;
    padding-top: 2px;
    padding-bottom: 3px;
    padding-left: 2px;
    padding-right: 2px;
    border-radius: 5px;
    font-size: 12px;
    margin-left: 8px;
    margin-top: 1px;
    margin-bottom: 2px;
    /* background-color: #f7f8ec;   lighter                         #Chg_2020-06-15_SHO  Provar annan färg för att knappen nu ska framgå */
    background-color: #dcddd2; /* grey */
}
.st_smallbuttonDark
{
    /* #Chg_2019-12-06_SHO  New */
    width:65px;
    height:20px;
    /*border:thin;*/
    border-width:1px;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:2px;
    padding-right:2px;
	border-radius:5px;
    font-size: 12px; 
    margin-left: 1px;
    margin-top: 1px;
    margin-bottom: 2px;
    /* background-color: #c0daa4;   eco-green */
    background-color: lightGray;  
    border-color: black;  
}



.st_visabutton
{
    /* #Chg_2018-12-10_SHO  New */
    width:41px;
    height:15px;
    border:thin;
    padding-top:2px;
    padding-bottom:3px;
    padding-left:2px;
    padding-right:2px;
	border-radius:5px;
    font-size: 11px; 
    margin-left: 2px;
    margin-top: 1px;
    margin-bottom: 2px;
    /* background-color: #f7f8ec;   lighter                         #Chg_2020-06-15_SHO  Provar annan färg för att knappen nu ska framgå */
    background-color: #dcddd2;  /* grey */
}

.st_tabortbutton
{
    /* #Chg_2018-12-10_SHO  New */
    width:58px;
    height:15px;
    border:thin;
    padding-top:2px;
    padding-bottom:4px;
    padding-left:2px;
    padding-right:4px;
	border-radius:5px;
    font-size: 11px; 
    margin-left: 2px;
    margin-top: 1px;
    margin-bottom: 2px;
    /* background-color: #f7f8ec;   lighter                         #Chg_2020-06-15_SHO  Provar annan färg för att knappen nu ska framgå */
    background-color: #dcddd2;  /* grey */
}

.st_imagebuttonleadtext
{
    /* #Chg_2015-07-09_SHO  New */
	padding-top: 11px;
	padding-left: 30px;
    float:left;
}

.st_imagebuttonleadtext_closer
{
    /* #Chg_2021-04-27_SHO  New */
	padding-top: 11px;
	padding-left: 15px;
    float:left;
}

.st_imagebuttonleadtext_nopadle
{
    /* #Chg_2015-07-15_SHO  New */
	padding-top: 12px;
    float:left;
}

.st_imagebuttonleadtext_padle
{
    /* #Chg_2018-06-10_SHO  New */
	padding-left: 110px;
    float:left;
}

.st_maillist
{
    /* #Chg_2013-11-04_SHO  New    #Chg_2016-12-03_SHO Removed width, added right */
    /*width:150px;*/
	padding-top: 30px;
	padding-right: 28px;
    float:right;
}

.st_votelink
{
    /* #Chg_2016-12-02_SHO  New */
    /*width:150px;*/
	padding-top: 30px;
	padding-right: 28px;
    float:right;
}

.st_onebigbox
{
    /* #Chg_2013-11-14_SHO  New */
    width:700px;
}

.st_simplelistbox
{
    /* #Chg_2013-11-15_SHO  New */
    width:700px;
    background-color: #f7f8ec;   /* very light green */
}


#st_downloadbutton
{
    padding-left:25px;              /* #Chg_2013-03-26_SHO Now less  #Chg_2013-06-19_SHO More less */           
	padding-top: 15px;
	padding-bottom: 15px;
    float:left;
}

#st_downloadbutton_zip
{                                   /* #Chg_2013-06-19_SHO New */           
    padding-left:5px;
	padding-top: 23px;
    float:left;
}

#st_uploadbutton
{
	padding-top: 15px;
	padding-bottom: 15px;
    /* #Chg_2013-03-26_SHO  Changed to left   #Chg_2013-06-19_SHO More left
    padding-right:10px;
    float:right;   */
    padding-left:45px;              
    float:left;
}

.st_upload_sign
{
    /* #Chg_2019-05-23_SHO  New      */
	padding-top: 4px;
    padding-left:5px;              
    float:left;
}

.st_upload
{
    /* #Chg_2015-07-01_SHO  New      */
	padding-top: 4px;
    padding-left:30px;              
    float:left;
}

.st_drop_area
{
    /* #Chg_2021-01-11_SHO  Changed color lightgray > #dcddd2; "greyer". Nä, bytte tillbaka igen!*/
    /* #Chg_2020-10-06_SHO  New   For file drag-and-drop upload  */
    /* Also, see ondragenter/ondragleave events */
	margin-top: 8px;
	margin-left: 1px;
	padding-top: 11px;
    padding-left:4px;              
    width: 91px;
    height: 60px;
	border-radius:8px;
    background-color: lightgray;
    /* background-color: #dcddd2;    greyer */
}

.st_drop_area_text
{
    /* #Chg_2021-01-11_SHO  Changed text color gray > black */
    /* #Chg_2020-10-06_SHO  New   For file drag-and-drop upload */
	padding-top: 8px;
    padding-left:15px;              
    color: black;
    /*color: gray;*/
    font-size: 12px;
}

#st_questionmark_upload
{
	padding-top: 18px;
    /* #Chg_2013-03-26_SHO  Changed to left   #Chg_2013-06-19_SHO More left
    padding-right:70px;
    float:right;   */
    padding-left:5px;              
    float:left;
}

#st_questionmark_dnload
{
    /* #Chg_2017-05-28_SHO  New */
	padding-top: 18px;
    padding-left:5px;              
    float:left;
}

#st_deletebutton
{
	padding-top: 15px;
	padding-bottom: 15px;
    /* #Chg_2013-03-26_SHO  Changed to left   #Chg_2013-06-19_SHO More left
    padding-right:10px;
    float:right;   */
    padding-left:40px;              
    float:left;
}


#st_footnote
{
	padding-top: 15px;
    padding-left:5px;
    padding-right:30px;
    font-size: 9px;
}

.st_textunderbutton
{
    padding-left:18px;
}



/*  SHOW MEETINGS PAGE BODY  */


.st_listboxmeets_unselected
{
    background-color: #dcddd2;    /* greenish backgr*/
    color: Black;
}

.st_listboxmeets_selected
{
    background-color: #3F3F3F; /* dark greybrown */
    color: White;
}


/* OVERLAYS */

#st_overlay
{
    /* This covers the whole background with a repeating 
       "dimming png", when an overlay is shown */
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 1300px;
    /* #Chg_2018-08-23_SHO  Changed to 1300px above since some large "popups"    */
    /* #Chg_2013-03-25_SHO  Changed to 1200px above since white if scrolling up otherwise.
    height: 100%;  
    */
	background-image: url(../images/000-70.png);    
}

.st_overlay_gen
{
    width: 600px;
    margin-top: 100px;
    margin-left: auto;  /* position in the middle of the page*/
    margin-right: auto;
    padding: 20px 20px 20px 20px;
    background-color: #f7f8ec;   /* very light green */
    font-size: 12px;
}

#st_overlay_animation
{
    /* #Chg_2013-03-25_SHO  New */
    width: 600px;
    margin-top: 50px;
    margin-left: auto;  /* position in the middle of the page*/
    margin-right: auto;
    padding: 20px  20px 20px 160px;
    background-color: #f7f8ec;   /* very light green */
    font-size: 12px;
}

.st_animation_pic
{
    /* #Chg_2013-03-26_SHO  New */
	border-color:#dcddd2;
	border-style:solid;
}

#st_overlay_chooseparticipants
{
    width: 600px;
    margin-top: 100px;
    margin-left: auto;  /* position in the middle of the page*/
    margin-right: auto;
    padding: 20px 20px 20px 20px;
    background-color: #f7f8ec;   /* very light green */
    font-size: 12px;
}

#st_overlay_upload
{
    width: 500px;
    margin-top: 100px;
    margin-left: auto;  /* position in the middle of the page*/
    margin-right: auto;
    padding: 20px 20px 20px 20px;
    background-color: #f7f8ec;   /* very light green */
    font-size: 12px;
}

#st_overlay_download
{
    /* #Chg_2016-03-08_SHO  New */
    width: 500px;
    margin-top: 100px;
    margin-left: auto;  /* position in the middle of the page*/
    margin-right: auto;
    padding: 20px 20px 20px 20px;
    background-color: #f7f8ec;   /* very light green */
    font-size: 12px;
}

.st_overlay_help
{
    width: 600px;
    margin-top: 80px;
    margin-left: auto;  /* position in the middle of the page*/
    margin-right: auto;
    padding: 20px 20px 20px 20px;
    background-color: #f7f8ec;   /* very light green */
    font-size: 12px;
}

.st_overlay_sub_form
{
    /* #Chg_2020-11-17_SHO  New */
    width: 800px;
    margin-top: 80px;
    margin-left: auto;  /* position in the middle of the page*/
    margin-right: auto;
    padding: 20px 20px 20px 20px;
    background-color: #f7f8ec;   /* very light green */
    font-size: 12px;
}

.st_overlay_butts
{
    margin-top: 25px;   
}

.st_text_by_img_button 
{
    /* #Chg_2014-02-23_SHO  New */
    padding-left:14px;
	padding-bottom: 20px;
}

.st_text_right_of_img_button
{
    /* #Chg_2018-08-13_SHO  New */
    padding-left:14px;
	padding-top: 16px;
}

.st_panelbox
{
    /* #Chg_2015-03-15_SHO  New */
    padding-top:5px;
    padding-bottom:5px;
    margin-top:20px;
    margin-bottom:20px;
	/* border-style:solid; */
}

.st_panelbox_sanss
{
    /* #Chg_2015-08-03_SHO  New */
    padding-top:5px;
    padding-bottom:5px;
    margin-top:20px;
    margin-bottom:20px;
    /* Inherited font did not work for statusbox?! Seems to work to specify explicit: */
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;  
}

.st_panelbox_sanss_new
{
    /* #Chg_2018-12-13_SHO  New */
    padding:5px;
    margin-top:20px;
    margin-bottom:20px;
    /* Inherited font did not work for statusbox?! Seems to work to specify explicit: */
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;  
}


.st_panelbox_sanss_rounded
{
    /* #Chg_2017-02-05_SHO  New */
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
    margin-top:20px;
    margin-bottom:20px;
    /* Inherited font did not work for statusbox?! Seems to work to specify explicit: */
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;  
	border-radius:7px;
}
.st_tab_selected
{
    /* #Chg_2015-03-25_SHO  New */
    border: thin solid; 
    padding: 8px; 
    background-color: #dcddd2;  /* darker */
    border-radius: 8px 8px 0px 0px;                     /* #Chg_2015-11-29_SHO  Added round */
}


.st_tab_unselected {
    /* #Chg_2015-03-25_SHO  New */
    border: thin solid;
    padding: 8px;
    /* background-color: #f7f8ec;  lighter */
    background-color: #f8faf8; /* very very light green     #Chg_2023-10-29_SHO */
    border-radius: 8px 8px 0px 0px; /* #Chg_2015-11-29_SHO  Added round */
}

.st_repeaterpanel
{
    /* #Chg_2015-07-24_SHO  New */
    border: thin solid; 
    padding: 5px; 
    background-color: #dcddd2;    /* greenish backgr*/
}

.st_repeaterpanel_progress
{
    /* #Chg_2018-12-11_SHO  New */
    width:738px;
    /* border: thin solid;                              #Chg_2020-06-15_SHO  Provar 'border: none' för att bli av med ram */
    border: none; 
    padding: 5px; 
    /*background-color: #dcddd2;     greenish backgr    #Chg_2020-06-15_SHO  Provar samma bakgr för att bli av med "ram" */
}
.st_repeaterpanel_docs
{
    /* #Chg_2018-12-11_SHO  New */
    width:550px;
    /* border: thin solid;                              #Chg_2020-06-15_SHO  Provar 'border: none' för att bli av med ram */
    border: none; 
    padding: 5px; 
    /*background-color: #dcddd2;     greenish backgr    #Chg_2020-06-15_SHO  Provar samma bakgr för att bli av med "ram" */
    font-size: 12px;
}

.st_repeaterpanel_seq_signers
{
    /* #Chg_2020-03-05_SHO  New */
    width:400px;
    /* border: thin solid;                              #Chg_2020-06-15_SHO  Provar 'border: none' för att bli av med ram */
    padding: 5px; 
    /*background-color: #dcddd2;     greenish backgr    #Chg_2020-06-15_SHO  Provar samma bakgr för att bli av med "ram" */
    font-size: 12px;
}

.st_sign_stepbox {
    /* #Chg_2023-07-31_SHO  New */
    /*width: 400px;*/
    border: thin solid;
    border-width: 1px;
    border-color: darkgray;
    border-radius: 10px;
    padding-left: 16px;
    padding-top: 20px;
    padding-bottom: 25px;
}


.st_voteringboxes {
    /* #Chg_2016-11-22_SHO  New */
    /*border: thin solid; 
    padding: 5px; */
    /* background-color: #dcddd2;     greenish backgr*/
    /* background-color: #ffffff;    white */
    color: Black;
    padding: 5px;
    /* background-color: #f7f8ec;  very light green */
    background-color: #f8faf8; /* very very light green     #Chg_2023-10-29_SHO */
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}


.st_voteringbackgr {
    /* #Chg_2016-12-14_SHO  New */
    /* background-color: #ffffff;    white */
    /* background-color: #dcddd2;    greenish backgr*/
    /* background-color: #f7f8ec;  lighter */
    background-color: #f8faf8; /* very very light green     #Chg_2023-10-29_SHO */
}

.st_votering_speakerlist_backgr {
    /* #Chg_2020-03-16_SHO  New */
    background-color: #f8faf8; /* very very light green     #Chg_2023-10-10_SHO  Bytte till denna, kommenterade nästa rad */
    /* background-color: #f7f8ec;  lighter */
    color: black; /* to counter-act listbox not "enabled" and getting gray... */
}

.st_voteringfloatingfixed
{
    /*  #Chg_2017-01-01_SHO  New  
        For the warning pane that should always be visible regardless of vertical scroll:  */
    position: fixed;
    z-index: 10000;
    top: 120px;
    left: 670px;   
    width: 100px;
}

.st_voteringfloatingfixed_response
{
    /*  #Chg_2017-02-02_SHO  New  
        For the result/err pane that should always be visible regardless of vertical scroll:  */
    position: fixed;
    z-index: 11000;
    top: 18px;
    left: 20px;   
    width: 525px;
	border-radius:8px;
    /* This covers the box background with a repeating 
    "dimming png", when an overlay is shown */
	background-image: url(../images/000-70.png);    
}

.st_votering_response
{
    /* #Chg_2017-02-02_SHO  New */
    padding-left:10px;
 }

.st_votering_proj_currenthoices 
{
    /* #Chg_2017-02-06_SHO  New    
       #Chg_2017-03-17_SHO  Changed to Left, top... */
    float: left;
    padding-top:35px;
    padding-left:20px;
    font-size: 17px; 
}

.st_votering_proj_cancel 
{
    /* #Chg_2017-02-06_SHO  New */
    float: right;
    padding-bottom:50px;
}

.st_votering_proj_seat_a 
{
    /* #Chg_2017-02-11_SHO  New    (margin-top may be set in code...) */
    width: 80px;
    height: 60px;
	border-radius:7px;
    float: left;
    padding-top:2px;
    margin-left: 11px;
    text-align: center; 
    background-color: #dcddd2;
    color: black;
    font-size: 14px; 
}

.st_votering_proj_seat_mark_yes 
{
    /* #Chg_2017-02-11_SHO  New */
    background-color:  limegreen;
    color: white;
    font-size: 12px; 
}

.st_votering_proj_seat_mark_no 
{
    /* #Chg_2017-02-11_SHO  New */
    background-color:  orangered;
    color: white;
    font-size: 12px; 
}

.st_votering_proj_seat_mark_abstain 
{
    /* #Chg_2017-02-11_SHO  New */
    background-color:  dodgerblue;
    color: white;
    font-size: 12px; 
}

.st_votering_proj_seat_mark_no_person 
{
    /* #Chg_2017-02-15_SHO  New */
    background-color:  dimgray;
    color: white;
    font-size: 12px; 
}

.st_votering_proj_talarlista_large
{
    /* #Chg_2017-11-23_SHO  New      */
    font-size: 30px;
}

.st_votering_proj_talarlista_rad_larger
{
    /* #Chg_2018-02-20_SHO  New      */
    font-size: 40px;
}


.st_upload_msg_1 {
    /*  #Chg_2021-01-04_SHO  Refactored, and at same hor pos
        #Chg_2020-11-13_SHO  New
            For the msg pane that should always be visible regardless of scroll  */
    left: 10px;   
    width: 250px;
}

.st_upload_msg_1b {
    /*  #Chg_2021-01-04_SHO  New */
    left: 10px;   
     /* left: 300px;*/   
    width: 220px;
}

.st_upload_msg_2 {
    /*  #Chg_2021-01-04_SHO  Refactored
        #Chg_2020-11-13_SHO  New     
            For the msg pane that should always be visible regardless of scroll */
    left: 10px;   
    /* left: 410px;*/   
    width: 200px;
}

.st_upload_msg_common {
    /*  #Chg_2021-01-04_SHO  Refactored
        #Chg_2020-11-13_SHO  New     
            For the msg pane that should always be visible regardless of scroll */
    position: fixed;
    z-index: 20000;
    bottom: 0px;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
    border: solid 1px green;
    /*color: green;*/
    color: white;
    font-size: 13px; 
    /*background-color: #f7f8ec;    very light green */
    padding:6px;
    /* This covers the box background with a repeating 
    "dimming png", when an overlay is shown     */
	background-image: url(../images/000-70.png); 
}


.st_numeric_input {
    /* #Chg_2017-12-01_SHO  New      */
    text-align: right; 
}


.st_small_numeric_input {
    /* #Chg_2019-04-03_SHO  New      */
    text-align: center; 
}

.st_content_editable_no_form {
    /* #Chg_2019-06-01_SHO  New 
        Meant to be used together with contenteditable="true" in a div    */
    display: inline-block;
    border: solid 1px black;
    min-height: 100px; 
}

/* The following styles comes from defaults in the old skin system 
   (that was never really used...) but still was needed in Form_Intern_Admin:                    #Chg_2015-07-24_SHO  New */ 

.ST_note {
font-family: Arial, Verdana, sans-serif;
font-size: 14px;
color: purple;
font-weight: bold;
} 

.ST_header1 { font-size: 24px; }


.st_versioncomment {
    /* #Chg_2019-07-18_SHO  New      */
    padding-top: 500px;
    text-align:right;
    font-size: 12px; 
    font-style:italic; 
}

.ChkBoxSmall input {
    /* #Chg_2023-10-02_SHO  New         margin-bottom verkade inte funka? */
    width: 15px;
    height: 15px;
    margin-bottom: 5px;
}


.st_rounded {
    /* #Chg_2025-01-01_SHO  New      */
    border-radius: 5px;
}

@media print {
    /* Trying to hide stuff only on print... however css tips are confusing here...   #Chg_2018-04-05_SHO*/
  .hidden-print {
    display: none !important;
  }




}