@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}
body
{
    margin: 10px 0px 0px 10px;
    color: #000000;
}
body, tbody
{
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
}
img
{
    padding: 0px;
    margin: 0px;
    border: 0px;
}
h1.rubrik
{
    color: #000000;
    font-size: 14px;
    margin: 10px 0;
    padding: 8px 0 8px;
    border-bottom: 2px solid #D7E8F4;
    border-top: 2px solid #D7E8F4;
}
h1.dold
{
    visibility: hidden;
    height: 0px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    font-size: 0px;
}

h2.rubrik
{
    color: #000000;
    font-size: 12px;
    margin: 10px 0;
    padding: 8px 0 8px;
    border-bottom: 2px solid #D7E8F4;
    border-top: 2px solid #D7E8F4;
}
h2.rubrikGrey {
    color: #000000;
    font-size: 12px;
    margin: 10px 0;
    padding: 8px 5px 8px;
    background-color: #f5f5f5;
    border-bottom: 1px solid Grey;
    border-top: 1px solid Grey;
}
    /* Boxes
======================================== */
    .box {
        clear: both;
        margin: 10px;
    }
.box h1, .box h2
{
    margin: 0;
    padding: 8px;
    color: #fff;
    background-color: #398AC9;
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.box2
{
    clear: both;
    margin: 10px 0px 10px 10px;
}
.menyhorn
{
    color: #FFFFFF;
    background: url("../../images/bg-blue.gif") repeat-x scroll 0 0 #006DBF;
}
.box2 h1, .box2 h2
{
    margin: 0;
    padding: 8px;
    color: #FFFFFF;
    background: url("../../images/bg-blue.gif") repeat-x scroll 0 0 #006DBF;
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 4px 4px 0px 0px;
}
.box22 h1, .box22 h2
{
    margin: 0;
    padding: 15px;
    color: #000000;
    background: url("../../images/student/box22_head.gif") repeat-x scroll 0 0 #f2e67d;
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 4px 4px 0px 0px;
}
.box22rad
{
    background: url("../../images/student/box22_rad.gif") repeat-y scroll 0 0 #f2e67d;
    padding-left: 12px;
    padding-right: 10px;
}
.boxAlert legend
{
    text-indent: 35px;
    height:24px;
    font-size:14px;
    background: url(../../images/small/bell.png) no-repeat 4px 0px;
}
.notifieringar legend
{
    text-indent: 35px;
    height:24px;
    font-size:14px;
    background: url(../../images/small/bell.png) no-repeat 4px 0px;
}
.boxAlert div
{
    padding-bottom:5px;
}
.boxAlert
{
    width:190px;
    padding: 5px;
    float:right;
}

.boxMessage legend {
    text-indent: 25px;
    height: 16px;
    font-size: 12px;
    background: url(../../images/small/mail2.png) no-repeat 4px 0px;
}

.boxMessage div {
    padding-bottom: 5px;
}

.boxMessage {
    width: 190px;
    padding: 5px;
    float: right;
}

    .boxLosen legend {
        text-indent: 25px;
        height: 16px;
        font-size: 12px;
        background: url(../../images/small/lock_information.png) no-repeat 4px 0px;
    }

.boxLosen div {
    padding-bottom: 5px;
}

.boxLosen {
    width: 190px;
    padding: 5px;
    float: right;
}

    .boxNyhet legend {
        text-indent: 25px;
        height: 16px;
        font-size: 12px;
        background: url(../../images/small/document_add.png) no-repeat 4px 0px;
    }

.boxNyhet div {
    padding-bottom: 5px;
}

.boxNyhet {
    width: 190px;
    padding: 5px;
    float: right;
    overflow-wrap: anywhere;
}

    .boxSupport legend {
        text-indent: 25px;
        height: 16px;
        font-size: 12px;
        background: url(../../images/small/help2.png) no-repeat 4px 0px;
    }

.boxSupport div {
    padding-bottom: 5px;
}

.boxSupport {
    width: 190px;
    padding: 5px;
    float: right;
    overflow-wrap: anywhere;
}

.box2Alert
{
    clear: both;
    margin: 10px;
}
.box2Alert h1, .box2Alert h2
{
    margin: 0;
    padding: 8px;
    color: #000000;
    background: url("../../images/student/bg-navmain_red.gif") repeat-x scroll 0 0 #003D8F;
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/* För att tvinga fram lite mellanrum mellan raderna i en gridview */
.padding
{
    padding-right: 10px;
}
/* Mina Meddelanden accordion */
.accordionMsgHeader
{
    margin: 2px;
    padding: 8px;
    color: #FFFFFF;
    background: url("../../images/bg-blue.gif") repeat-x scroll 0 0 #284878;
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
}
.accordionMsgHeader_Sel
{
    margin: 2px;
    padding: 8px;
    color: #000000;
    background: url("../../images/student/bg-navmain_red.gif") repeat-x scroll 0 0 #003D8F;
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.accordionMsgBody
{
    margin: 2px;
    padding: 8px;
    color: #000000;
    background-color: #FFFFFF;
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    border-bottom: dotted 1px black;
    border-left: dotted 1px black;
    border-right: dotted 1px black;
}
/* Hantera kursval accordion */
.accordionKursval_Header
{
    margin: 2px;
    padding: 8px;
    color: #000000;
    background-color: #82c6e2;
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    cursor: pointer;
}
.accordionKursval_Body
{
    color: #000000;
    background-color: #FFFFFF;
    margin: 2px;
    padding: 8px;
    border-bottom: dotted 1px black;
    border-left: dotted 1px black;
    border-right: dotted 1px black;
}
.accordionKursval_Header_Sel
{
    background-color: #077F94;
    margin: 2px;
    padding: 8px;
    color: #000000;
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}
.KurskorgHeader
{
    height: 30px;
    color: #000000;
    background-color: #D7E8F4;
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    cursor: pointer;
}
.KurskorgContents
{
    height: 0px;
    overflow: hidden;
    color: #000000;
    padding: 0.2em;
}
/* Top level navigation
======================================== */
a:link, a:visited, a:hover, a:active
{
    color: #444;
}
a:hover
{
    text-decoration: none;
}

.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* JL 030714
.clearfix
{
    display: inline-block;
} */
.clearfix
{
    display: block;
    clear: both;
}
.non-visual, .box .non-visual
{
    position: absolute;
    left: -9999px;
}
/* Top level navigation (personal) 
======================================== */
#nav-top table
{
    border-collapse: collapse;
    color: #FFFFFF;
}
#nav-top td
{
    background-color: #FFF;
    padding: 0px;
}
#nav-top td td
{
    background-color: #FFF;
    font-size: 12px;
    line-height: 1.0;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
    vertical-align: middle;
    font-family: Verdana, arial, sans-serif;
}
#nav-top td.sel
{
    background: url("../../images/bg-blue.gif") repeat-x scroll 0 0 #006DBF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
}
#nav-top img
{
    padding: 0px;
    margin: 0px;
    border-width: 0px;
    display: block;
}
/* För Table Cells med utfyllnadsbilderna */
#nav-top .nopadding_vanster
{
    background: #006DBF url(../../images/bg-blue.gif) repeat-x;
    padding: 0px;
    margin: 0px;
    height:24px;
    width:5px;
    border-collapse: collapse;
}
#nav-top .nopadding_hoger
{
    background: #006DBF url(../../images/bg-blue.gif) repeat-x;
    padding: 0px;
    margin: 0px;
    height:24px;
    width:5px;
    border-collapse: collapse;
}
#nav-top a
{
    text-decoration: none;
    text-align: center;
    color: #000;
    font-weight: bold;
}
#nav-top a.sel
{
    color: #FFF;
}
#nav-top a:hover
{
    text-decoration: underline;
}
/* Submeny level navigation (personal)
======================================== */
#nav-submenu table
{
    padding: 0px;
    border-width: 0px;
    border-collapse: collapse;
    margin: 0px 0px 0px 0px;
}
#nav-submenu td
{
    
    color: #FFFFFF;
    padding: 0px;
    border-right: solid 1px #4C79B5;
    /*background: url("../../images/bg-blue.gif") repeat-x scroll 0 0 #284878;*/
    background: #006DBF url(../../images/bg-blue.gif) repeat-x;
}
#nav-submenu td td
{
    font-size: 11px;
    font-weight:bold;
    line-height: 1.0;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 7px;
    padding-top: 7px;
    font-family: Verdana, arial, sans-serif;
    /*background: url("../../images/student/adm_meny.gif") repeat-x scroll 0 0 #284878;*/
}
#nav-submenu td td:hover
{
    background: #59A3FF;
}
#nav-submenu a
{
    color: #FFFFFF;
}

#nav-submenu a.sel
{
    /*color: #FF7142;*/
    font-weight: bold;
}
.submenuvald
{
    background: #3D6FB5;
}
/* Main menu navigation (icke personal)
======================================== */

#nav-main table
{
    padding: 0px;
    border-width: 0px;
    border-collapse: collapse;
    margin: 0px 0px 0px 0px;
}
#nav-main td
{
    /*background: url("../../images/bg-blue.gif") repeat-x scroll 0 0 #284878;*/
    color: #FFFFFF;
    padding: 0px;
    font-size: 10px;
    line-height: 1.0;
    font-family: Verdana, arial, sans-serif;
    font-weight: bold;
    background: #006DBF url(../../images/bg-blue.gif) repeat-x;
}
#nav-main td td
{
    border-right: 2px solid #fff;
    /*background: url("../../images/bg-blue.gif") repeat-x scroll 0 0 #284878;*/
    color: #FFFFFF;
    padding: 8px;
    background: #006DBF url(../../images/bg-blue.gif) repeat-x;
    font-size: 10px;
    
}
#nav-main td.sel
{
    background-color: #398AC9;
}
#nav-main a
{
    color: #FFF;
    letter-spacing: 1px;
}
#nav-main a.sel
{
    color: #FFF;
    letter-spacing: 1px;
}

#nav-main a:hover, #nav-main a:selected
{
    text-decoration: underline;
}
/* Breadcrumb
======================================== */
#breadcrumb
{
    float: left;
    width: 100%;
    padding: 4px 4px 4px 6px;
    color: #333;
    background-color: #D7E8F4;
    font-weight: normal;
    font-size: 11px;
    text-indent: 20px;
    border-bottom: 1px solid #fff;
    text-align: left;
}
/* Breadcrumb
======================================== */
a:link
{
    color: #0066CC;
    text-decoration: none;
}
a:visited
{
    color: #398AC9;
    text-decoration: none;
}
a:active
{
    color: #398AC9;
    text-decoration: none;
}
a:hover
{
    color: #398AC9;
    text-decoration: underline;
}
a.navigera:link
{
    color: #398AC9;
    text-decoration: none;
}
a.navigera:visited
{
    color: #398AC9;
    text-decoration: none;
}
a.navigera:active
{
    color: #398AC9;
    text-decoration: none;
}
a.navigera:hover
{
    color: #398AC9;
    text-decoration: underline;
}

a.extern:link
{
    color: #398AC9;
    text-decoration: none;
}
a.extern:visited
{
    color: #398AC9;
    text-decoration: none;
}
a.extern:active
{
    color: #398AC9;
    text-decoration: none;
}
a.extern:hover
{
    color: #398AC9;
    text-decoration: underline;
}

a.ansokan:link
{
    font-weight: bold;
    color: #006699;
    text-decoration: none;
    font-size: 14px;
}
a.ansokan:visited
{
    font-weight: bold;
    color: #006699;
    text-decoration: none;
    font-size: 14px;
}
a.ansokan:active
{
    font-weight: bold;
    color: #006699;
    text-decoration: none;
    font-size: 14px;
}
a.ansokan:hover
{
    font-weight: bold;
    color: #003A57;
    text-decoration: none;
    font-size: 14px;
}

a.skicka:link
{
    font-weight: bold;
    color: #F7BB0A;
    text-decoration: none;
    font-size: 14px;
}
a.skicka:visited
{
    font-weight: bold;
    color: #F7BB0A;
    text-decoration: none;
    font-size: 14px;
}
a.skicka:active
{
    font-weight: bold;
    color: #F7BB0A;
    text-decoration: none;
    font-size: 14px;
}
a.skicka:hover
{
    font-weight: bold;
    color: #C69606;
    text-decoration: none;
    font-size: 14px;
}
.alvis_breadcrumbs
{
    text-align: left;
    color: #444444;
    font-size: 9px;
}

#alvis_footer
{
    width: 800px;
    padding: 0px 5px 0px 5px;
    margin: 0px;
    text-align: left;
    color: #444444;
    font-size: 9px;
    text-align: center;
}
.alvis_main
{
    width: 800px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    color: #444444;
    font-size: 11px;
}

#alvis_main td
{
    color: #000000;
    font-size: 11px;
}
.text
{
    color: #000000;
    font-size: 11px;
}
.etikett
{
    color: #000000;
    font-size: 11px;
    font-weight: bold;
}
.rubrik
{
    color: #000000;
    font-size: 14px;
    font-weight: bold;
}

.underrubrik
{
    color: #000000;
    font-size: 13px;
}

textarea, select
{
    color: #000000;
    font-size: 11px;
}

.listbox
{
    color: #000000;
    font-size: 11px;
    height: 30px;
}
image
{
    border: 0px;
}

.foto
{
    font-size: 14px;
    font-weight: bold;
}
.rapport
{
    font-size: 13px;
}

.h1
{
    font-size: 14px;
    margin-bottom: 5px;
    padding: 0px;
    font-weight: bold;
}

.h2
{
    font-size: 11px;
    margin-bottom: 5px;
    padding: 0px;
    font-weight: bold;
    color: Black;
}
h3
{
    margin: 0 0 0.66em;
    font-size: 1.2em;
    font-weight: bold;
}

.bold
{
    font-weight: bold;
}

fieldset legend
{
    font-size: 11px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
    color: Black;
}

.meddelandeLegend
{
    margin: 0;
    display: block;
    padding: 0;
}

.meddelandeFieldset
{
    margin: 5px 0 10px 0;
    padding: 30px 0 10px 0;
    border: 1px solid navy;
    width: 100%;
    background: Snow;
    display: block;
    position: relative;
    top: 0px;
    left: 0;
}

.meddelandeLegend span, .meddelandeLegend a
{
    height: 20px;
    background: #DC143C;
    color: white;
    display: block;
    width: 85%;
    position: absolute;
    left: 0;
    top: 0px;
    padding: 0 0 0 15px;
    padding-top: 4pt;
    -webkit-border-radius-topleft: 7pt;
    -moz-border-radius-topleft: 7pt;
}


.textboxlabel
{
    white-space: pre;
    overflow: auto;
}

.alvis
{
    color: #515151;
}

/* MENU-DYN-TREE */
.MenuLeft
{
    font-size: 10px;
    color: #000;
    white-space: nowrap;
    width: 220px;
    padding: 0px 0px 10px 0px;
}
.MenuLeft img
{
    border: 0px;
    vertical-align: middle;
}
.MenuLeft a
{
    color: #000;
    font-size: 10px;
    text-decoration: none;
}
.MenuLeft a.Node, .MenuLeft a.NodeSel
{
    white-space: nowrap;
    padding: 0px 0px 0px 0px;
}
.MenuLeft a.Node:hover, .MenuLeft a.NodeSel:hover
{
    color: #000;
    text-decoration: underline;
}
.MenuLeft a.NodeSel
{
    background: #C0D2EC;
}
.MenuLeft .Clip
{
    overflow: hidden;
}

#navigation a
{
    text-decoration: none;
}
#navigation a:link, #navigation a:visited, #navigation a:active
{
    color: #000;
    background: #fb0 url(         "../../images/tab_orange_left.gif" ) left top no-repeat;
    padding-left: 15px;
}
#navigation a:link span, #navigation a:visited span, #navigation a:active span
{
    background: #fb0 url(         "../../images/tab_orange_right.gif" ) right top no-repeat;
    font-weight: bold;
    padding-right: 15px;
}

#navigation a, #navigation a span
{
    display: block;
    float: left;
}
/* Commented backslash hack hides rule from IE5-Mac \*/
#navigation a, #navigation a span
{
    float: none;
}
/* End IE5-Mac hack */

#navigation a:hover
{
    color: #fff;
    background: #398AC9 url(         "../../images/tab_blue_left.gif" ) left top no-repeat;
    padding-left: 15px;
}
#navigation a:hover span
{
    background: #398AC9 url(         "../../images/tab_blue_right.gif" ) right top no-repeat;
    font-weight: bold;
    padding-right: 15px;
}

#navigation
{
    list-style: none;
    padding: 0;
    margin: 0;
}
#navigation li
{
    float: left;
    display: block;
    margin: 0;
    padding: 0;
    font-size: 12px;
}
.panel-1
{
    background-color: #fbf7e9;
    border: solid 1px #f7bb0a;
    color: #000;
}
.panel-1 .content
{
    margin: 0.1em;
}
.panel-2
{
    background-color: #d7e8f4;
    border: solid 1px #398ac9;
    color: #000;
}
.panel-2 .content
{
    margin: 0.1em;
}

.bg
{
    background-image: url(../../images/linje.gif);
    background-repeat: repeat;
}

td
{
    vertical-align: top;
}

a.meny:link
{
    font-size: 10px;
    color: #000000;
    font-weight: normal;
    text-decoration: none;
}
a.meny:visited
{
    font-size: 10px;
    color: #000000;
    font-weight: normal;
    text-decoration: none;
}
a.meny:active
{
    font-size: 10px;
    color: #000000;
    font-weight: normal;
    text-decoration: none;
}
a.meny:hover
{
    font-size: 10px;
    color: #000000;
    font-weight: normal;
    text-decoration: underline;
}

.button
{
    height: 18px;
    width: 75px;
    cursor: pointer;
}

/*.button
{
  border: 1px solid #777777;
   font-weight:bold;
  background-image: url(../../images/student/progress-bar-bg-2.gif);
	background-repeat:repeat-x;
  color: white;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
   height: 18px;
    width: 75px;
    cursor: pointer;
     -moz-box-shadow: 1px 1px 1px #888;
-webkit-box-shadow: 1px 1px 1px #888;
box-shadow: 1px 1px 1px #888;
}*/

input
{
    font-size: 11px;
    color: #333333;
}
select /*GÄLLER FÖR SAMTLIGA asp:DropDownList*/
{
    width: 156px;
}
.meny
{
    font-family: Verdana;
    font-size: 10px;
    color: #bbbbbb;
    font-weight: bold;
}
.meny_sel
{
    font-size: 20px;
    color: #c5c5c5;
    font-weight: bold;
}
.biglink
{
    font-size: 22px;
    color: #006699;
}
.panel
{
    color: #000000;
    font-size: 11px;
    background-color: #fff;
    /*border: 1px solid #398AC9;*/
    padding: 5px;
    z-index: 1;
}
.multitext
{
    color: #000000;
    font-size: 11px;
    background-color: #F0F7FB;
}
.panelright
{
    color: #000000;
    font-size: 11px;
    background-color: #F6F6F6;
    border: 1px solid #8D9BAB;
    padding: 5px;
}
.panelansokan
{
    color: #000000;
    font-size: 11px;
    background-color: #FBF7E9;
    border: 1px solid #F7BB0A;
    padding: 5px;
}

.error
{
    color: #FF0000;
    font-size: 11px;
    font-weight: bold;
}

.information
{
    color: #000066;
    font-size: 11px;
    font-weight: bold;
}
.vattenmarke
{
    color: Silver;
}
.vattenmarkeblue
{
    color: #F36468;
    font-style: italic; /*font-weight:bold;*/ /*font-size: 12px;*/
}
.grid
{
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    background-color: #ffffff;
}
.gridhead
{
    font-size: 11px;
    color: #000000;
    background-color: #CCCCCC;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
}
.griditem
{
    font-size: 11px;
    color: #000000;
    border-bottom: #999999;
}
/*Pop up start*/
/*Hover Menu*/
.popupMenu
{
    position: absolute; /*LightGrey*/
    opacity: .9;
    filter: alpha(opacity=90);
    visibility: hidden;
    background-color: #d3d3d3;
}
.popupHover
{
    background-color: #d3d3d3;
}

td.ansokningarTopTd
{
    border-collapse: collapse;
    background-color: #D7E8F4;
    border: 1px solid #398AC9;
    margin: 0 0 1em 0;
    padding: .5em;
}

td.ansokningarLeftTd
{
    width: 42px;
    border-left-color: black;
    border-bottom-color: black;
    border-top-color: black;
    border-collapse: collapse;
    height: 660px;
    border-right: black thin solid;
}

/*CollapsiblePanel*/
.expandedPanel
{
    background-color: #f0f8ff;
    color: Black;
    font-size: medium;
    font-weight: bold;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    width: 395px;
    height: 50px;
    overflow: visible;
}

.collapsePanel
{
    background-color: white;
    overflow: hidden;
}

.collapsePanelHeader
{
    font-weight: bold;
    cursor: default;
    background-color: #398AC9;
    vertical-align: middle;
    border: solid thin black;
    color: white;
    vertical-align: middle;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    border-bottom: black thin solid;
    color: white;
}
.accordionHeader
{
    color: #FFFFFF;
    background-color: #398AC9;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    padding: 2px;
    cursor: default;
}

#master_content .accordionHeader a
{
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

.accordionHeader a:link
{
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

.accordionHeader a:hover
{
    color: #FFFFFF;
    background: none;
    text-decoration: underline;
}

.accordionHeader a:active
{
    color: #FFFFFF;
    background: none;
}

.accordionHeader a:visited
{
    color: #FFFFFF;
    background: none;
}

.accordionContent
{
    background-color: #D7E8F4;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
.showflik
{
    border: 0px solid #000000;
}
.hideflik
{
    border-top: 1px solid #000000;
}
.firstflik
{
    height: 20px;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
}
.otherflik
{
    height: 20px;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
}
.flikpanel
{
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    background-color: #D7E8F4;
}

.window
{
    background-color: #D7E8F4;
}

/* Accordion och annat i Intagning */
.IntagHeaderOrginal
{
    font-family: Verdana, Arial, Tahoma, Sans-Serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
    background-color: #398AC9;
    border: solid 1px black;
    padding: 2px;
}

.IntagHeader
{
    font-family: Verdana, Arial, Tahoma, Sans-Serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    cursor: pointer;
    background-color: #D7E8F4;
    margin-top: 10px;
    border: solid 1px black; /*border-bottom: solid 1px black; 	border-top: solid 1px black;*/
    padding: 2px;
    padding-bottom: 20px;
}

.IntagHeaderCheckbox
{
    cursor: auto;
}

.IntagVittOrginal
{
    color: #FFFFFF;
}
.IntagVitt
{
    color: #000000;
}

.IntagContent
{
    font-family: Verdana, Arial, Tahoma, Sans-Serif;
    background-color: #FFFFFF;
    border: 1px solid black;
    padding: 0px;
    color: black;
    font-size: 11px;
}

.IntagContentOrginal
{
    font-family: Verdana, Arial, Tahoma, Sans-Serif;
    background-color: #D7E8F4;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 0px;
    color: black;
    font-size: 11px;
}
.ajax__tab_alvis .ajax__tab_header
{
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
    background: url("../../images/tab-line.gif") repeat-x bottom;
}
.ajax__tab_alvis .ajax__tab_outer
{
    padding-right: 0px;
    background: url("../../images/tab-right.gif") no-repeat right;
    height: 21px;
}
.ajax__tab_alvis .ajax__tab_inner
{
    padding-left: 3px;
    background: url("../../images/tab-left.gif") no-repeat;
}
.ajax__tab_alvis .ajax__tab_tab
{
    height: 13px;
    padding: 4px;
    margin: 0;
    background: url("../../images/tab.gif") repeat-x;
}
.ajax__tab_alvis .ajax__tab_hover .ajax__tab_outer
{
    background: url("../../images/tab-hover-right.gif") no-repeat right;
}
.ajax__tab_alvis .ajax__tab_hover .ajax__tab_inner
{
    background: url("../../images/tab-hover-left.gif") no-repeat;
}
.ajax__tab_alvis .ajax__tab_hover .ajax__tab_tab
{
    background: url("../../images/tab-hover.gif") repeat-x;
}
.ajax__tab_alvis .ajax__tab_active .ajax__tab_outer
{
    background: url("../../images/tab-active-right.gif") no-repeat right;
}
.ajax__tab_alvis .ajax__tab_active .ajax__tab_inner
{
    background: url("../../images/tab-active-left.gif") no-repeat;
}
.ajax__tab_alvis .ajax__tab_active .ajax__tab_tab
{
    background: url("../../images/tab-active.gif") repeat-x;
}
/*.ajax__tab_alvis .ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:11px;border-top:0;padding:1px;background-color:#FFFFFF;}*/
.ajax__tab_alvis .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
    border-top: 0;
    padding: 1px;
    background-color: #FFFFFF;
}
.ajax__tab_xp .ajax__tab_body {
    font-family: verdana,tahoma,helvetica;
    font-size: 11px !important;
    border: 1px solid #999999;
    border-top: 0;
    padding: 8px;
    background-color: #ffffff;
}
.tab_Panel
{
    border-right: black 1px solid;
    border-bottom: black 1px solid;
    border-left: black 1px solid;
}

/*Modal Popup*/
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.3;
}

.modalPopup
{
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
    cursor: move;
}

.modalPopupStor
{
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    cursor: move;
}

.dropdown_display_box
{
    border: 1px solid #7F9DB9;
    cursor: default;
    background-color: White;
    overflow: visible;
    vertical-align: top;
    padding: 2px 3px;
    text-align: left;
    white-space: nowrap;
    margin-bottom: 0;
    margin-top: 0;
    /*width:110px;*/
}
.dropdown_checklist
{
    display: inline;
    overflow: auto;
    border: 1px solid black;
    padding: 0px;
    background-color: White;
    cursor: default;
    white-space: nowrap;
    min-width: 180px;
    font-weight: normal;
}
.dropdown_checklist label
{
    display: inline;
    margin-left: 5px;
    vertical-align: top;
    font-weight: normal;
}


/*placerar en låda med en svag transparens mitt på skärmen
använd med asp:UpdateProgress kontroll*/
.progressTemplate
{
    /*position: absolute;
    top: 300px;
    left: 50%;
    width: 80px;
    height: 54px;
    margin-left: -50px;
    margin-top: -30px;
    background-color: #fff;
    font-weight: bold;
    border: solid 2px #ddd;
    filter: alpha(opacity=87);
    opacity: .87;*/
    width: 100%;
    background-color: #FAFAFA;
    moz-opacity: 0.01;
    khtml-opacity: .01;
    opacity: .01;
    filter: alpha(opacity=1);
    z-index: 120;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.progressTemplate1 {
    margin: 0 auto;
    z-index: 2147483647 !important;
    background-color: White;
    position: fixed;
    /*top: 300px;*/
    top: 300px;
    left: 45%;
    padding: 5px 5px 5px 5px;
    text-align: center;
    border: solid 2px #ddd;
    /*width:120px;*/
}

.watermarked
{
    background-color: Gray;
}

fieldset {
    margin: 0 0 5px 0;
    padding: .5em; /*JH 080421 bort med border då blir det rundade hörn i IE*/ /*border: solid 1px #ccc;*/
    /*-moz-border-radius: 7pt;*/
    border: 1px solid #E4E4E4;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.fieldset_green
{
    margin: 0 0 5px 0;
    padding: .5em; /*JH 080421 bort med border då blir det rundade hörn i IE*/ /*border: solid 1px #ccc;*/
    -moz-border-radius: 7pt;
    border-left: 2px solid Green;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
}

fieldset.sokruta
{
    margin: 0 0 5px 0;
    padding: .1em; /*JH 080421 bort med border då blir det rundade hörn i IE*/ /*border: solid 1px #ccc;*/
    /*-moz-border-radius: 7pt;
    border-radius: 4px 4px 4px 4px;*/
border: 1px solid #E4E4E4;
/*background: url("../../images/body-bg.jpg") repeat-x scroll 0 -300px transparent;*/
}


/*Firefox listboxar*/
select[disabled]
{
    color: dimgray;
    overflow: scroll;
}

div.tip
{
    border: dotted 1px black;
    padding: 5px;
}

.katalog_td
{
    border: solid 1px #DCDCDC;
    margin: 0 0 0 0;
    padding: .5em;
}
table.fieldset tr
{
    font: normal 11px/24px 'verdana';
    text-align: left;
}
table.fieldset th
{
    font: normal 11px/24px 'verdana';
    text-align: left;
    background-color: White;
    font-weight: bold;
}
table.fieldset
{
    border-collapse: collapse;
    background-color: #D7E8F4;
}

table.fieldset td
{
    border-bottom: 1px solid #B0C4DE;
}
.varannan fieldset
{
    margin: 0 0 1em 0;
    background-color: #FBF7E9;
    padding: .5em;
    border: 1px solid #F7BB0A;
}

table.fieldset tr td div.alt
{
    margin: 3px 0;
}

.h div
{
    float: left;
    margin-right: 1em;
}
.h div label
{
    display: block;
    font-size:11px;
    margin: .333em .333em .333em 0;
}
    div.ajax__calendar div
    {
        margin: 0;
    }
    .h div .ajax__calendar_container
    {
        z-index: 15;
    }
    
    .ajax__calendar_container
    {
        z-index: 200;
    }
    .mGrid .ajax__calendar_container td {
            border: none;
            padding:unset;
        }
    
    .h div.ajax__calendar_container,
    .h div.ajax__calendar_header,
    .h div.ajax__calendar_body,
    .h div.ajax__calendar
    {
        margin: 0;
        margin-top: .5em\9; /* IE fix */
    }
    .h div.schemaButtons 
    {
        float: right;
    }
    .h div.schemaButtons div 
    {
        float: none;
    }
.v div, .small div, .blue div, .gul div
{
    float: none;
    clear: left;
    margin: .13em 0;
}
.v div label, .blue div label, .gul div label
{
    float: left;
    width: 120px;
    font-size:11px;
}
.wcag {
    float: left;
    width: 120px;
    font-size: 11px;
}
.v div div, .small div div, .blue div div, .gul div div
{
    float: left;
    clear: none;
}
.v div div input
{
    float: left;
    clear: none;
}
.v input, .v select, .small input, .small select
{
    margin-right: 1em;
}

.vs input, .v select {
    margin-right: 0px;
}

.small div label
{
    float: left;
    width: 90px;
}
.blue
{
    margin: 0 0 1em 0;
    background-color: #D7E8F4;
    border: 1px solid #398AC9;
    padding: .5em;
}
.gul
{
    margin: 0 0 1em 0;
    background-color: #FBF7E9;
    padding: .5em;
    border: 1px solid #F7BB0A;
}

.iframeDiv 
{
    overflow: hidden;
    width: 100%;
    height: 100%;
    border: none;
    background-color: #FFF;
   
}

.epostIframe 
{
  overflow: scroll !important;
    width: 100%;
    height: 100%;
    border: none;  
    min-height: 620px;
    max-width: 620px;
}

.gulbig
{
    position: relative; /* Fix för att IE7 skall visa backgrundsfärg rätt när man har legend */
    margin: 0 0 1em 0;
    background-color: #FBF7E9;
    padding: .5em;
    border: 1px solid #F7BB0A;
}

/* Fix för att IE7 skall visa backgrundsfärg rätt när man har legend */
.gulbig legend
{
    position: absolute;
    top: -.5em;
    left: .2em;
}

.gulbig div
{
    float: none;
    clear: left;
    margin: .13em 0;
}
.gulbig div label
{
    float: left;
    width: 180px;
}
.gulbig div div
{
    float: left;
    clear: none;
}
.gulbig input, .gulbig select
{
    margin-right: 1em;
}

input[type="text"], input[type="password"]
{
    width: 150px;
    /*background-color: #fff;*/
    border: solid 1px #7f9db9;
}
select {
    overflow-x: auto;
    width: 150px;
    background-color: #fff;
    border: solid 1px #7f9db9;
}
input[type="image"]
{
    cursor:pointer;
}
input[type="image"]:disabled:hover 
{
border: none;
cursor: url("../../Images/delete2.png") 2 2, pointer;
}

input[disabled]
{
    color: #000;
    border: none;
    background-color: #fff;
}
.summary-info, .summary-warning, .summary-error
{
    display: block;
    margin: 1em 0;
    padding: 1em;
}
.summary-info
{
    background-color: #ddf;
    border: solid 1px #009;
    color: #003;
}
.summary-warning
{
    background-color: #ffd;
    border: solid 1px #990;
    color: #300;
}
.summary-error
{
    border: solid 1px #f00;
    background-color: #fee;
    color: #900;
}
.summary-error ul
{
    margin: .13em 1em;
}
.summary-error ul li
{
    margin: .13em 1em;
}
.ansokanElevInformation
{
    width: 800px;
    max-width: 800px;
}

.SkapaKursstarterPanel
{
    float: right;
    border: dotted 1px black;
    padding: 5px;
}

.Grunduppgifter_niva1
{
    position: relative; /* Fix för att IE7 skall visa backgrundsfärg rätt när man har legend */
    background-color: #99CCFF;
    margin: 0 0 0.5em 1em;
}


/* Fix för att IE7 skall visa backgrundsfärg rätt när man har legend */
.Grunduppgifter_niva1 legend
{
    position: absolute;
    top: -.5em;
    left: .2em;
}

.Grunduppgifter_niva2
{
    position: relative; /* Fix för att IE7 skall visa backgrundsfärg rätt när man har legend */
    background-color: #B3E6FF;
    margin: 0 0 0.5em 1em;
}

/* Fix för att IE7 skall visa backgrundsfärg rätt när man har legend */
.Grunduppgifter_niva2 legend
{
    position: absolute;
    top: -.5em;
    left: .2em;
}

.Grunduppgifter_niva3
{
    position: relative; /* Fix för att IE7 skall visa backgrundsfärg rätt när man har legend */
    background-color: #CCFFCC;
    margin: 0 0 0.5em 2em;
}

/* Fix för att IE7 skall visa backgrundsfärg rätt när man har legend */
.Grunduppgifter_niva3 legend
{
    position: absolute;
    top: -.5em;
    left: .2em;
}

.Grunduppgifter_niva4
{
    position: relative; /* Fix för att IE7 skall visa backgrundsfärg rätt när man har legend */
    background-color: #FFFF99;
    margin: 0 0 0.5em 3em;
}

/* Fix för att IE7 skall visa backgrundsfärg rätt när man har legend */
.Grunduppgifter_niva4 legend
{
    position: absolute;
    top: -.5em;
    left: .2em;
}
.RubrikNarvaro
{
    margin: 2px;
    padding: 8px;
    color: #000000;
    background-color: #ADD8E6;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
    border: solid 1px #6495ED;
}
.Kurskonferens
{
    background-color: #B0C4DE;
    border: 2px;
    border-style: solid;
    border-color: White;
    height: 18px;
}

/*------------Layout klasser för /Usercontrols/UtskickControl */
.utskickControlLeftLayout
{
    float: left;
}
.utskickControlLeftLayoutRubrik
{
    float: left;
    clear: right;
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: 5px;
}
.utskickControlLeftLayoutItem
{
    float: left;
    clear: left;
}

.utskickControlRightLayoutItem
{
    float: right;
    clear: both;
}
input.utskickControl
{
    min-width: 30px;
    min-height: 15px;
    margin-left: 5px;
    overflow: visible;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
}
/*------------Slut Layout klasser för /Usercontrols/UtskickControl */

/*------------Layout klasser för /Admin/AdmUtskick */

.utskickLayoutLeft,
.bifogaBilagorLayoutLeft {
    float: left;
    width: 75%;
}

.utskickLayoutRight
{
    float: right;
    width: 24%;
    margin-left: 5px;
}

.utskickLayoutRightItem
{
    float: right;
    clear: both;
    margin-right: 5px;
    margin-bottom: 2px;
}

.utskickLayoutRightItem1
{
    float: right;
    clear: both;
    margin-right: 5px;
    margin-bottom: 2px;
    width: 98%;
}


.utskickLayoutRightItemRubrik
{
    margin-right: 5px;
    margin-bottom: 2px;
    clear: both;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}

.utskickLayoutRightItemSammaRad
{
    float: right;
    margin-right: 5px;
    margin-bottom: 2px;
}

.utskickContainer,
.bifogaBilagorContainer {
    overflow: auto;
    width: 100%;
}
/*------------Slut Layout klasser för /Admin/AdmUtskick */

/*------------Layout klasser för /Admin/AdmnKursbesked */

.kursbesked
{
    min-height: 530px;
}

/*------------Slut Layout klasser för /Admin/AdmnKursbesked */

/*------------admin/admKund */

.admKundStartText div.ajax__tab_body 
{
    width: 100%;
    border: 1px solid #E4E4E4;
    margin-top: -2px;
}
.admKundStartText div.ajax__tab_body div.ajax__tab_panel,
.admKundStartText div.ajax__tab_body div.ajax__tab_panel div.cke,
.admKundStartText div.ajax__tab_body div.ajax__tab_panel div.cke_inner
{
    width: 100%;
    margin: 0;
}
.admKundStartText div.ajax__tab_body div.ajax__tab_panel div.cke div.cke_contents,
.admKundStartText div.ajax__tab_body div.ajax__tab_panel div.cke span.cke_top,
.admKundStartText div.ajax__tab_body div.ajax__tab_panel div.cke span.cke_bottom
{
    width: 98%;
    padding: 1%;
}




/*----------- end admin/admKund */

.listitem
{
    font-size: 12px;
    color: #0066CC;
}

/* ----------- Layout för AdmIFS.aspx -----------*/

#ifsleft
{
    float: left;
    border-right: 1px solid gray;
    min-height: 175px;
    padding: 0 1em 0 1em;
}


#ifsmiddle
{
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    padding: 0 1em 0 1em;
    max-width: 36em;
}

#ifsmiddle2
{
    float: left;
    border-right: 1px solid gray;
    min-height: 175px;
    padding: 0 1em 0 1em;
    max-width: 36em;
}

#ifsright
{
    float: left;
    border-left: 1px solid gray;
    min-height: 175px;
    padding: 0 1em 0 1em;
}

#ifscontainer
{
    width: 90%;
    margin: 10px auto;
    background-color: #fff;
    color: #333;
    border: 1px solid gray;
    line-height: 130%;
}

/* ----------- Slut layout för AdmIFS.aspx -----------*/

/* ----------- Layout för IFS.aspx -----------*/

.ifsforms
{
    background-color: #cc9;
    border: 1px dotted #333;
    padding: 25px;
    margin: 0px auto;
    float: left;
}


.ifsrubrik
{
    clear: both;
    text-align: right;
    width: 75px;
    padding-right: 20px;
}

.ifsrubrik, .ifskontroll
{
    display: block;
    width: 150px;
    float: left;
    margin-bottom: 10px;
}
.ifskontroll
{
}
/* ----------- Slut layout för IFS.aspx -----------*/
/* admHanteraKurskonton */
.tableNoBorders
{
    border-collapse: separate;
    border-spacing: 1px;
}
.tableNoBorders td, .tableNoBorders th
{
    padding: 0.5em 0.3em;
}
.tableNoBorders select
{
    width: 75px;
}
.tableNoBorders .kommunlink
{
    color: Red;
}
.headerRow
{
    background: #006DBF url(../../images/bg-blue.gif) repeat-x;
    color: #fff;
    font-size: 10px;
}
.godkandRow
{
    background: #93FF99 url(../../images/bg-green.gif) repeat-x;
}
.godkandRow.stor
{
    background: #93FF99 url(../../images/bg-greenBig.gif) repeat-x;
}
.dublett
{
    color: #969696;
}
.dublettRow.stor
{
    background: #E4E4E4 url(../../images/bg-lightgrayBig.gif) repeat-x;
}
.ejgodkandRow
{
    background: #FE6261 url(../../images/bg-red.gif) repeat-x;
}
.ejgodkandRow.stor
{
    background: #FE6261 url(../../images/bg-redBig.gif) repeat-x;
}
.obehandladRow
{
    background: #eee;
}
.obehandladRow.stor
{
    background: #E4E4E4 url(../../images/bg-grayBig.gif) repeat-x;
}
.borderRow td
{
    border-bottom: solid 0.9em #fff;
}
table.betygTable
{
    border-collapse: collapse;
    width: 95%;
}
table.betygTable th
{
    border-width: 0px 0px 0px 0px;
    padding: 6px;
    border-color: gray gray gray gray;
    -moz-border-radius: 0px 0px 0px 0px;
    text-align: left;
}
table.betygTable td
{
    border-width: 0px 0px 0px 0px;
    padding: 6px;
    border-color: gray gray gray gray;
    -moz-border-radius: 0px 0px 0px 0px;
    text-align: left;
}
/* Hantering av list-blocken */
.multi-column
{
    padding: 2px;
    border-bottom: 2px solid #003d8f;
    border-left: 2px solid #003d8f;
    border-right: 2px solid #003d8f;
    width: 98%;
}
.multi-column.first
{
    margin-top: 5px;
    border: 2px solid #003d8f;
}
.multi-column dl
{
    float: left;
    width: 30%;
    margin: 5px 0 0;
}
.multi-column dt
{
    float: left;
    width: 7em;
    padding: 4px 0;
    font-weight: bold;
}
.multi-column dd
{
    margin-left: 6em;
    padding: 4px 0;
}
.multi-column dl.kursmal dl
{
    width: 180px; /* 1/4 av 800pixlar, dvs 25% */
}
.multi-column dd.kursmal
{
    overflow: auto;
    height: 100px;
}
/* Slut hantering av listblocken */
/* Hantering av jquery tabbar */
#tabs label, #tabs2 label
{
    float: left;
    width: 100px;
}

#tabs textarea, #tabs select, #tabs input[type="text"], #tabs2 textarea, #tabs2 select
{
    width: 170px;
    margin-bottom: 5px;
}

#tabs br, #tabs2 br
{
    clear: left;
}

#tabs .checkbox, #tabs2 .checkbox
{
    float: left;
    width: 30px;
}
#tabs input[type="submit"], #tabs2 input[type="submit"]
{
    margin-top: 5px;
    /*width: 90px;*/
}
#tabs-1 input[type="submit"]
{
    margin-left: 207px;
}
/*#tabs-2 input[type="submit"]
{
    margin-left: 180px;
}*/
#tabs .tillstandRadio, #tabs2 .tillstandRadio
{
    margin-left: 130px;
    margin-bottom: 5px;
}
#tabs .radioLabel, #tabs2 .radioLabel
{
    float: none;
    margin-bottom: 5px;
}
#tabs .ui-widget-header, #tabs2 .ui-widget-header
{
    /*border: 1px solid #4297d7;
    background: url("../../images/bg-blue.gif") repeat-x scroll 0 0 #284878;*/
    color: #eaf5f7;
    font-weight: bold;
}
#tabs a:focus, #tabs2 a:focus
{
    background: inherit;
}

#tabs, #tabs2
{
    font-family: inherit;
    font-size: inherit;
    float: left;
    margin-bottom: 0.5em;
}

#tabs
{
    width: 400px;
    min-height: 190px;
    font-size: 11px;
}

#tabs2
{
    margin-left: 0.5em;
    width: 500px;
    height: 190px;
    font-size: 11px;
}

#contentTab3
{
    clear: both;
}

.anchormenu li
{
    display: inline;
}

.anchormenu
{
    /*padding:0 0 0.6em 0; 	margin:0; */
    white-space: nowrap;
    list-style-type: none;
    margin: 10px 0;
    padding: 8px 0 8px;
    border-bottom: 2px solid #003d8f;
    border-top: 2px solid #003d8f;
}

#bilagor, #oversikt
{
    padding-top: 1em;
}

/* SLUT Hantering av jquery tabbar */

#sparaVarning
{
    height: 100px;
    padding: 0.5em;
    width: 190px;
    margin: 0.5em;
    display: none;
    background: #EEEEEE; /*url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) repeat-x scroll 50% top	*/
    border: 1px solid #DDDDDD;
    z-index: 100000;
    position: absolute;
    right: 25px;
    top: 10px;
}

#sparaVarning h3
{
    background: #F6A828 url(../../Images/jquery.ui/ui-bg_gloss-wave_35_f6a828_500x100.png) repeat-x scroll 50% 50%;
    border: 1px solid #E78F08;
    padding: 0 0 9px;
    margin: 0 0 9px 0;
    text-align: center;
}

#sparaVarning a
{
    color: blue;
    cursor: pointer;
    text-decoration: underline;
}

/* SLUT admHanteraKurskonton */

/* Dropdown med checkboxar CSS */

.ui-dropdownchecklist
{
    height: 17px;
    border: 1px solid #5794bf;
    border-right: 0; /*background: #fff url(../../Images/dropdown.png) no-repeat center right;*/
    background: #fff url(../../Images/dropdown_hover.png) no-repeat center right;
}
.ui-dropdownchecklist-hover, .ui-dropdownchecklist-active
{
    background-image: url(../../Images/dropdown_hover.png);
    border-color: #5794bf;
}

.ui-dropdownchecklist-text
{
    font-size: 11px;
    height: 17px;
    line-height: 17px;
    margin-right: 17px; /* background dropdown.png image */
}


.ui-dropdownchecklist-dropcontainer
{
    background-color: #fff;
    border: 1px solid #999;
}
.ui-dropdownchecklist-item
{
}
.ui-dropdownchecklist-item-hover
{
    background-color: #39f;
}

.ui-dropdownchecklist-item-hover .ui-dropdownchecklist-text
{
    color: #fff;
}

.ui-dropdownchecklist-group
{
    font-weight: bold;
    font-style: italic;
}

.ui-dropdownchecklist-indent
{
    padding-left: 20px;
}
/* SLUT Dropdown med checkboxar CSS */

.hidden
{
    display: none;
    visibility: hidden;
}

a.actions
{
    padding: 5px 0 5px 20px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    font-weight: bold;
}

a.actions:link, a.actions:visited
{
    color: #1b43a9;
}
a.preview
{
    background-image: url(../../images/document_view.png);
}
a.document
{
    background-image: url(../../images/document.png);
}

/***************************************************
****** CSS från NetRelations ***********************
***************************************************/

/* Easy clearing of floats (see http://positioniseverything.net/easyclearing.html) */
.cf:after
{
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    content: ".";
}
.cf
{
    display: inline-block;
}
* html .cf
{
    height: 1px;
}
.cf
{
    display: block;
}

/* Row group styling */
.row-group-green
{
    border: 2px solid green;
}
.row-group
{
    margin: 5px 10px 0 0;
    padding: 2px;
    border: 1px solid #aaa;
}
.row-group h3, .row-group p
{
    margin: 0;
    background: #d7e8f4;
    font-size: 12px;
}
.row-group h3 input
{
    vertical-align: text-top;
}
.row-group p
{
    padding-bottom: 5px;
    border-bottom: 1px solid #aaa;
}
.row-group dl
{
    float: left;
    width: 20%; /*width:22%;*/
    margin: 5px 0 0;
}
.row-group dt
{
    float: left;
    width: 6em; /*width:8em;*/
    padding: 4px 0;
    font-weight: bold;
}
.row-group dd
{
    margin-left: 6em;
    padding: 4px 0;
}
.row-group fieldset
{
    float: left;
    width: 19%;
    -moz-border-radius: 0pt;
}
.row-group fieldset dl
{
    float: left;
    width: 100%; /*width:22%;*/
    margin: 5px 0 0;
}
.row-group fieldset legend
{
    font-size: 11px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
    color: Black;
}

/***************************************************
****** CSS från NetRelations ***********************
***************************************************/

table.tablesorter
{
    font-size: 12px;
    background-color: #fff; /*width: 1024px;*/
    border: 1px solid #000;
}
table.tablesorter th
{
    text-align: left;
    padding: 5px;
    background: #fff;
    border: solid 1px #000;
}
table.tablesorter td
{
    color: #000000;
    /*padding: 5px;*/
    border: solid 1px #c1c1c1;
}
table.tablesorter .even
{
    background-color: #3D3D3D;
}
table.tablesorter .odd
{
    background-color: #6E6E6E;
}
table.tablesorter .header
{
    background-image: url(../../images/bg.png);
    background-repeat: no-repeat;
    border: 1px solid #000;
    padding-left: 30px;
    padding-top: 8px;
    height: auto;
}
table.tablesorter .headerSortUp
{
    background-image: url(../../images/asc.png);
    background-repeat: no-repeat;
}
table.tablesorter .headerSortDown
{
    background-image: url(../../images/desc.png);
    background-repeat: no-repeat;
}
/* Meddelande rutor */
.global-warning-message, .global-error-message, .global-confirmation
{
    padding: 6px 6px 6px 46px;
    border: 1px solid;
    margin: 1em 0;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
}
.global-error-message
{
    background: #ffeeee url(../../images/student/icn-error.gif) no-repeat 6px 50%;
    border-color: #990000;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
}
.global-confirmation
{
    background: #e2f9e3 url(../../images/student/icn-success.gif) no-repeat 6px 50%;
    color: #009900;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
}

.global-warning-message
{
    background: #FFFEDD url(../../images/student/icn-information.png) no-repeat 6px 50%;
    color: #009900;
    border-color: #FFCC16;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
}

.global-warning-message h1, .global-warning-message h2, .global-warning-message h3, .global-warning-message h4, .global-error-message h1, .global-error-message h2, .global-error-message h3, .global-error-message h4, .global-confirmation h1, .global-confirmation h2, .global-confirmation h3, .global-confirmation h4
{
    margin: 0 0 0.3em;
    padding: 0;
    background: none;
    border: none;
    font-size: 1.2em;
}

.global-error-message h1, .global-error-message h2, .global-error-message h3, .global-error-message h4
{
    color: #900;
}

.global-confirmation h1, .global-confirmation h2, .global-confirmation h3, .global-confirmation h4
{
    color: #060;
}

.global-warning-message h1, .global-warning-message h2, .global-warning-message h3, .global-warning-message h4
{
    color: #004788;
}

.global-warning-message div, .global-error-message div, .global-confirmation div
{
    margin: 0;
    padding: 0;
    color: #222;
}

.global-warning-message ul, .global-error-message div ul, .global-confirmation div ul
{
    margin-top: 0.5em;
}

.global-warning-message .tillbakaLank, .global-confirmation .tillbakaLank, .global-error-message .tillbakaLank
{
    margin-top: 1em;
}

/* Slut meddelanderutor */
/* System messages */
.system-info
{
    margin: 1em 0;
    padding: 0 12px;
    border: 2px solid;
}
.system-info h2, .system-info h3
{
    margin: 0 -12px;
    padding: 2px 4px;
    font-size: 1.1em;
}
.system-info p
{
    margin: 1em 0;
}
.error-message
{
    border-color: #900;
}
.confirmation
{
    color: #090;
}
.error-message h2, .error-message h3
{
    color: #fff;
    background: #900;
}
.error-message h2 a, .error-message h2 a:visited, .error-message h3 a, .error-message h3 a:visited
{
    color: #fff;
    text-decoration: none;
}
.error-message ol
{
    margin-top: 1em;
}
.error-message ol a:visited
{
    color: #0060d0;
}
.confirmation h2, .confirmation h3
{
    color: #fff;
    background: #090;
}
div.help, #help-container
{
    margin: 0 0 1em;
    padding: 6px 6px 6px 22px;
    border: 1px solid #eacdaa;
    background: #fef9e6 url(../../images/student/icn-info.gif) no-repeat 4px 8px;
}
div.help
{
    margin: 1px 0 0;
}
.help h2 a, .help h3 a
{
    color: #111;
    text-decoration: none;
}
#global-error-message, #global-confirmation
{
    padding: 6px 6px 6px 46px;
    border-width: 1px;
}
#global-error-message
{
    background: #ffeeee url(../../images/student/icn-error.gif) no-repeat 6px 50%;
}
#global-confirmation
{
    background: #e2f9e3 url(../../images/student/icn-success.gif) no-repeat 6px 50%;
}
#global-error-message h1, #global-confirmation h1
{
    margin: 0 0 0.3em;
    padding: 0;
    background: none;
    border: none;
    font-size: 1.2em;
}
#global-error-message h1
{
    color: #900;
}
#global-confirmation h1
{
    color: #060;
}
#global-error-message p, #global-confirmation p
{
    margin: 0;
    padding: 0;
    color: #222;
}
/**********************/

/* Bra att ha generell css-klass */
.left
{
    float: left;
}
.right
{
    float: right;
}

.KontaktCheckListPanel
{
    height: 150px;
    overflow: auto;
    /*border: solid 1px #398AC9;*/
    padding: 5px;
    margin: 5px;
}
.KontaktCheckListPanel250
{
    height: 250px;
    overflow: auto;
    /*border: solid 1px #398AC9;*/
    padding: 5px;
    margin: 5px;
}

.Elev_gw_DIV
{
    height: 350px;
    overflow: auto;
    border: solid 1px #398AC9;
    padding: 1px;
    margin: 1px;
    width: 80%;
}

.KontaktCheckListGrid
{
    width: 99%;
}

.testmiljo_bild_test
{
    /*margin-left: 380px;*/
    background-image: url('../../images/loggor/logo_test2.gif');
    background-repeat: no-repeat;
    float: right;
    height: 52px;
    width: 90px;
}

.testmiljo_bild_utbildning
{
    /*margin-left: 300px;*/
    background-image: url('../../images/loggor/logo_utbildning2.gif');
    background-repeat: no-repeat;
    float: right;
    height: 52px;
    width: 125px;
}
.bild_yh
{
    /*margin-left: 300px;*/
    background-image: url('../../images/loggor/logo_yh_alvis.gif');
    background-repeat: no-repeat;
    float: right;
    height: 50px;
    width: 60px;
}
.testmiljo_bild_yh
{
    /*margin-left: 300px;*/
    background-image: url('../../images/loggor/logo_test_yh.gif');
    background-repeat: no-repeat;
    float: right;
    height: 52px;
    width: 90px;
}
.testmiljo_bild_utbildning_yh
{
    /*margin-left: 300px;*/
    background-image: url('../../images/loggor/logo_utbildning_yh.gif');
    background-repeat: no-repeat;
    float: right;
    height: 52px;
    width: 125px;
}

/*Alla JH*/
input[disabled], input[readonly], textarea[readonly] {
    background-color: #f5f0f1;
}
#nav-submenu a[disabled]
{
    color: Black;
}
.border
{
    border-width: 3px;
}
/* Help box */
div.help
{
    margin: 1px 0 5px;
    padding: 6px 6px 6px 22px;
    border: 1px solid #eacdaa;
    background: #fef9e6 url(../../images/student/icn-info.gif) no-repeat 4px 8px;
    font-size: 11px;
}
.varannan
{
    background-color: #D7E8F4;
}





/* jquery.fancybox.css START  ********************************************************************/
div#fancy_overlay
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #666;
    display: none;
    z-index: 30;
}

* html div#fancy_overlay
{
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap
{
    text-align: left;
}

div#fancy_loading
{
    position: absolute;
    height: 40px;
    width: 40px;
    cursor: pointer;
    display: none;
    overflow: hidden;
    background: transparent;
    z-index: 100;
}

div#fancy_loading div
{
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background: transparent url('../../images/fancybox/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay
{
    position: absolute;
    background-color: #FFF;
    z-index: 30;
}

div#fancy_loading_icon
{
    position: absolute;
    background: url('../../images/fancybox/fancy_loading.gif') no-repeat;
    z-index: 35;
    width: 16px;
    height: 16px;
}

div#fancy_outer
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner
{
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid #BBB;
    background: #FFF;
}

div#fancy_content
{
    margin: 0;
    z-index: 100;
    position: absolute;
}

div#fancy_div
{
    background: #000;
    color: #FFF;
    height: 100%;
    width: 100%;
    z-index: 100;
}

img#fancy_img
{
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
}

div#fancy_close
{
    position: absolute;
    top: -12px;
    right: -15px;
    height: 30px;
    width: 30px;
    background: url('../../images/fancybox/fancy_closebox.png') top left no-repeat;
    cursor: pointer;
    z-index: 181;
    display: none;
}

#fancy_frame
{
    position: relative;
    width: 100%;
    height: 100%;
    display: none;
}

#fancy_ajax
{
    width: 100%;
    height: 100%;
    overflow: auto;
}

a#fancy_left, a#fancy_right
{
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 35%;
    cursor: pointer;
    z-index: 111;
    display: none;
    outline: none;
}

a#fancy_left
{
    left: 0px;
}

a#fancy_right
{
    right: 0px;
}

span.fancy_ico
{
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    z-index: 112;
    cursor: pointer;
    display: block;
}

span#fancy_left_ico
{
    left: -9999px;
    background: transparent url('../../images/fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico
{
    right: -9999px;
    background: transparent url('../../images/fancybox/fancy_right.png') no-repeat;
}

a#fancy_left:hover
{
    visibility: visible;
}

a#fancy_right:hover
{
    visibility: visible;
}

a#fancy_left:hover span
{
    left: 20px;
}

a#fancy_right:hover span
{
    right: 20px;
}

.fancy_bigIframe
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}

div#fancy_bg
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 70;
    border: 0;
    padding: 0;
    margin: 0;
}

div.fancy_bg
{
    position: absolute;
    display: block;
    z-index: 70;
    border: 0;
    padding: 0;
    margin: 0;
}

div.fancy_bg_n
{
    top: -18px;
    width: 100%;
    height: 18px;
    background: transparent url('../../images/fancybox/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne
{
    top: -18px;
    right: -13px;
    width: 13px;
    height: 18px;
    background: transparent url('../../images/fancybox/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e
{
    right: -13px;
    height: 100%;
    width: 13px;
    background: transparent url('../../images/fancybox/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se
{
    bottom: -18px;
    right: -13px;
    width: 13px;
    height: 18px;
    background: transparent url('../../images/fancybox/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s
{
    bottom: -18px;
    width: 100%;
    height: 18px;
    background: transparent url('../../images/fancybox/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw
{
    bottom: -18px;
    left: -13px;
    width: 13px;
    height: 18px;
    background: transparent url('../../images/fancybox/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w
{
    left: -13px;
    height: 100%;
    width: 13px;
    background: transparent url('../../images/fancybox/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw
{
    top: -18px;
    left: -13px;
    width: 13px;
    height: 18px;
    background: transparent url('../../images/fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title
{
    position: absolute;
    bottom: -33px;
    left: 0;
    width: 100%;
    z-index: 100;
    display: none;
}

div#fancy_title div
{
    color: #FFF;
    font: bold 12px Arial;
    padding-bottom: 3px;
}

div#fancy_title table
{
    margin: 0 auto;
}

div#fancy_title table td
{
    padding: 0;
    vertical-align: middle;
}

td#fancy_title_left
{
    height: 32px;
    width: 15px;
    background: transparent url('../../images/fancybox/fancy_title_left.png') repeat-x;
}

td#fancy_title_main
{
    height: 32px;
    background: transparent url('../../images/fancybox/fancy_title_main.png') repeat-x;
}

td#fancy_title_right
{
    height: 32px;
    width: 15px;
    background: transparent url('../../images/fancybox/fancy_title_right.png') repeat-x;
}

/* Ändringar/Tillägg från orginalet */

/* Våran a:focus css i default.css gör att pilarna får gula bakgrunder */
a#fancy_right
{
    background-color: Transparent;
}

a#fancy_left
{
    background-color: Transparent;
}

/* jquery.fancybox.css SLUT  ********************************************************************/

#tooltip
{
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    padding: 5px;
    opacity: 0.85;
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}
#tooltip h3, #tooltip div
{
    margin: 0;
}

.floatleftWpadding
{
    float: left;
    padding-right: 16px;
}
.floatleftWpadding2
{
    float: left;
    padding-right: 16px;
    padding-top: 8px;
}
.floatleftWpadding label
{
    font-size: 12px;
}
fieldset {margin:1em 0;}
.floatleftWpadding2 label
{
    font-size: 10px;
}
.floatleft
{
    float: left;
}
.floatright
{
    float: right;
}
.checkboxDiv input
{
    vertical-align: middle;
}
.centerMiddleAlign
{
    vertical-align: middle;
    text-align: center;
}
.buttonYH
{
    height: 22px;
    font-size: 11px;
}
.labelbreak label
{
    display: block;
    margin: 0 4px 0 0;
    font-weight: normal;
}
/******************** YH-ansökan */
.w350
{
    width: 300px;
}
.legend
{
    text-indent: 35px;
    font-weight: bold;
    font-size: 16px;
    height: 30px;
}
.legend_note
{
    background: url(../../images/student/notebook_edit.png) no-repeat 4px 0px;
}
.legend_bg1
{
    background: url(../../images/student/step1.gif) no-repeat 4px 0px;
}
.legend_bg2
{
    background: url(../../images/student/step2.gif) no-repeat 4px 0px;
}
.legend_bg3
{
    background: url(../../images/student/step3.gif) no-repeat 4px 0px;
}
.legend_bg4
{
    background: url(../../images/student/step4.gif) no-repeat 4px 0px;
}
.fieldsetb
{
    border-width: 2px;
    border-color: Silver;
}
.boldred
{
    font-weight: bold;
    color: Red;
}
.padding10
{
    padding-top: 10px;
}
/***********************************************/
.padding10bottom
{
    padding-bottom: 10px;
}
.padding5bottom
{
    padding-bottom: 5px;
}
.label
{
    font-size: 10px;
}

/* Page Numbers */
.pages {
    font: 83%/1.4 arial, helvetica, sans-serif;
    padding: 1em;
    margin: 1em 0;
    clear: left;
    font-size: 85%;
    border-top: solid 0.5px #c1c1c1;
}

.pages a, .pages span
{
    color: #fff;
    display: block;
    float: left;
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    border: 1px solid #fff;
    background: #284878;
}

.pages span.current
{
    border: 1px solid #2E6AB1;
    font-weight: bold;
    background: #2E6AB1;
    color: #fff;
}

.pages a
{
    border: 1px solid #9AAFE5;
    text-decoration: none;
    background: #fff;
    color: #003366;
}

.pages a:hover
{
    border-color: #2E6AB1;
}

.pages a.nextprev
{
    font-weight: bold;
}

.pages span.nextprev
{
    color: #666;
}

.pages span.nextprev
{
    border: 1px solid #ddd;
    color: #999;
}

.pages .nextprev-next
{
    float: right;
}
/***************************************/
.externCheckboxDiv
{
    padding-left: 8px;
    padding-top: 15px;
}
.uppercase
{
    text-transform: uppercase;
}
.mGrid9
{
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
}
.mGrid9 td
{
    padding: 2px;
    border: solid 1px #c1c1c1;
    font-size: 9px;
    vertical-align:bottom;
}
.mGrid9 th
{
    padding: 4px 2px;
    color: #fff;
    background: #284878 url(../../Images/bg-blue.gif) repeat-x top;
    border-left: solid 1px #4C79B5;
    border-top: solid 2px #4C79B5;
    font-size: 8px;
}
.GridGrey {
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #ddd;
    border-collapse: collapse;
}
    .GridGrey th {
        padding: 4px 2px;
        color: #000;
        background: #f5f5f5;
        border-left: solid 1px #ddd;
        border-right: solid 1px #ddd;
        border-bottom: solid 1px #ddd;
        font-size: 11px;
        vertical-align: top;
        text-align: left;
    }
    .GridGrey td {
        vertical-align: top;
        text-align: left;
        border-left: solid 1px #ddd;
        border-right: solid 1px #ddd;
        border-bottom: solid 1px #ddd;
    }
table.hoverTable .ajax__calendar_container td {
    border: none;
    padding: unset;
}

table.hoverTable {
    border-collapse: collapse;
}

table.hoverTable th, table.hoverTable td {
        padding: 6px;
        text-align: left;
        border-bottom: 1px solid #ddd;
    }

.hoverTable tr:hover {
    background-color: #f5f5f5;
}

.GvGrid:hover {
    background-color: #f5f5f5;
    /*border-top: 0.5px solid;
    border-bottom: 0.5px solid;*/
}

.GvGrid {
    background-color: #D7E8F4;
}
.GvGridAlt {
    background-color: #ffffff;
}

.mGrid {
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 0.5px #c1c1c1;
    border-top:none;
    border-collapse: collapse;
}
.mGridEmpty {
    border-top: solid 0.5px #c1c1c1;
}
.mBorder td {
    border: solid 0.5px #c1c1c1;
}
.mGrid td {
    padding: 2px;
    border: solid 0.5px #c1c1c1;
    vertical-align: bottom;
}


.mTop td {
    vertical-align: top;
}
.mBorderNone td {
    border: none;
}
.mGrid td img
{
    vertical-align:bottom;
}
    .mGrid th {
        padding: 4px 2px;
        text-align:left;
        color: #fff;
        background: #284878 url(../../Images/bg-blue.gif) repeat-x top;
        /*border-left: solid 1px #4C79B5;
    border-top: solid 2px #4C79B5;*/
        font-size: 10px;
        vertical-align: bottom;
    }
.mGrid .alt
{
    background: #fcfcfc url(../../Images/grd_alt.png) repeat-x top;
}
.mGrid .pgr
{
    background: #424242 url(../../Images/grd_pgr.png) repeat-x top;
}
.mGrid .pgr table
{
    margin: 5px 0;
}
.mGrid .pgr td
{
    border-width: 0;
    padding: 0 6px;
    border-left: solid 1px #666;
    font-weight: bold;
    color: #fff;
    line-height: 12px;
}
.mGrid .pgr a
{
    color: #666;
    text-decoration: none;
}
.mGrid .pgr a:hover
{
    color: #000;
    text-decoration: none;
}
/*****************************************************************/

.modalclose
{
    display: block;
    background: url(../../images/fancybox/fancy_closebox.png) no-repeat left top transparent;
    right: -5px;
    width: 26px;
    text-indent: -1000em;
    position: absolute;
    /*top: -7px;*/
    top: 30%;
    height: 30px;
}

.modalcloseTop {
    display: block;
    background: url(../../images/fancybox/fancy_closebox.png) no-repeat left top transparent;
    right: -5px;
    width: 26px;
    text-indent: -1000em;
    position: absolute;
    top: -7px;
    height: 30px;
}
a.tooltip
{
    outline: none;
}
a.tooltip strong
{
    line-height: 30px;
}
a.tooltip:hover
{
    text-decoration: none;
}
a.tooltip span
{
    z-index: 10;
    display: none;
    padding: 10px 10px;
    margin-top: -30px;
    margin-left: 28px;
    max-width: 700px;
    line-height: 16px;
    font-size:11px;
    font-weight:normal;
}
a.tooltip:hover span
{
    display: inline;
    position: absolute;
    color: #111;
    border: 1px solid #DCA;
    background: #fffAF0;
}
.callout
{
    z-index: 20;
    position: absolute;
    top: 10px;
    border: 0;
    left: -12px;
}
/*CSS3 extras*/
a.tooltip span
{
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 5px 5px 8px #000;
    -webkit-box-shadow: 5px 5px 8px #000;
    box-shadow: 5px 5px 8px #000;
}

/* JL 010714
.clearfix
{
    clear: both;
}
*/
.labelMedium
{
    font-size: 11px;
}

/* Course boxes */

.m-courseitem .m-c 
{
    padding-bottom:10px;
}

.m-courseitem .m-c a.action
{
    padding: 0px 0px 0px 0px;
    text-decoration: underline;
    font-size: 12px;
}

.m-courseitem
{
    width: 460px;
    padding: 0px 10px 10px 10px;
    background: #D7E8F4;
    border: 1px solid gray;
}
.m-courseitem h3
{
    font-size: 1.3em;
    margin-bottom: 0.5em;
    display: inherit;
}
.m-courseitem h3 span
{
    font-size: 0.9em;
    font-weight: normal;
    font-style: italic;
}
.m-courseitem table
{
    background: #fff;
    margin: 10px 0px 0px 0px;
    border: 1px solid  gray;
}
.m-courseitem caption
{
    border-color: #ebb77a;
    color: #111;
    font-weight: normal;
    font-style: italic;
    font-size: 1.2em;
    text-align: left;
}

.m-courseitem td, .m-courseitem th
{
    padding: 3px 5px;
    vertical-align: top;
    text-align: left;
}
.m-courseitem tr.alt
{
    background: #e5f3f9;
}
.m-courseitem .n-a
{
    color: #666;
    font-style: italic;
}

.m-courseitem ul
{
    list-style: none;
    display: inline;
}
.m-courseitem_yh li
{
    margin: 0 0 6px;
}

.m-courseitem_yh .m-c 
{
    padding-bottom:10px;
}

.m-courseitem_yh .m-c a.action
{
    padding: 0px 0px 0px 0px;
    text-decoration: underline;
    font-size: 12px;
}

.m-courseitem_yh
{
    width: 460px;
    padding: 0px 10px 10px 10px;
    background: #D7E8F4;
    border: 1px solid gray;
}
.m-courseitem_yh h3
{
    margin-bottom: 0.5em;
}
.m-courseitem_yh h3 span
{
    font-size: 0.8em;
    font-weight: normal;
    font-style: italic;
}
.m-courseitem_yh table
{
    background: #fff;
    margin: 10px 0px 0px 0px;
    border: 1px solid  gray;
}
.m-courseitem_yh caption
{
    border-color: #ebb77a;
    text-align: left;
    color: #111;
    font-weight: normal;
    font-style: italic;
    font-size: 1.2em;
}
.m-courseitem_yh td, .m-courseitem_yh th
{
    padding: 3px 5px;
    vertical-align: top;
    text-align: left;
}
.m-courseitem_yh tr.alt
{
    background: #e5f3f9;
}
.m-courseitem_yh .n-a
{
    color: #666;
    font-style: italic;
}
.m-courseitem_yh ul
{
    list-style: none;
    display: inline;
}

.m-courseitem_yh li
{
    margin: 0 0 6px;
}

a.expand
{
    background-image: url(../../images/student/icn-arrowdown.gif);
}
a.collapse
{
    background-image: url(../../images/student/icn-arrowup.gif);
}
a.action
{
    padding: 5px 0px 7px 20px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    text-decoration: underline;
    font: bold 1.2em Arial,Helvetica,sans-serif;
}

.paddedLabel
{
    padding-top: 8px;
}


.InfoTipAnsokan
{
    padding: 0px;
    margin-top: 10px;
    border: 0px;
    float: left;
}


/*==================AdmKurskatalog=============================*/
.arbetsyta {
    background-color: #e3f0f0;
}
.tcol
{
    width: 115px;
    display: inline-block;
}
.gLiteral
{
    font-size: smaller;
}
.tcol input[type=text], .tcol select
{
    width: 100px;
    float: left;
    margin-right: 10px;
}
.tco-Wcal input[type=text], .tco-Wcal select
{
    width: 80px;
    float: left;
    margin-right: 10px;
}
.fcheck
{
    margin-right: -1px;
    float: left;
}
.tco-Wcal
{
    width: 115px;
    display: inline-block;
}
.h-label
{
    padding-left: 20px;
}
.arbyt-tco-Wcal
{
    width: 131px;
    display: inline-block;
}
.arbyt-tco
{
    width: 130px;
    display: inline-block;
}
.arbyt-tco-Wcal input[type=text], .arbyt-tco-Wcal select
{
    width: 80px;
    float: left;
    margin-right: 10px;
}
.arbyt-tco select, .arbyt-tco input[type=text]
{
    width: 100px;
    float: left;
    margin-right: 10px;
}
.cal-extender
{
    margin-left: -8px;
    margin-right: 10px;
    vertical-align: baseline;
}
        
.row
{
    width: 100%;
    display: block;
}
.row-complete
{
    margin-bottom: 10px;
}
        
.gridPager
{
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    font-weight: bold;
}
        
.gridItemPaddingLeft
{
    padding-left: 10px;
}
.pnl, .pnl-cal
{
    width: 117px;
    height: 39px;
    float: left;
    margin-bottom: 5px;
    overflow: hidden;
}
.pnl select, .pnl input[type=text]
{
    width: 100px;
}
.pnl-cal select, .pnl-cal input[type=text]
{
    width: 80px;
    margin-right: 1px;
}
.caltb
{
    width: 80px;
    margin-right: 3px;
}
.kurslista-mainframe
{
    width:758px;
    margin-left:1%;
    margin-bottom:2px;
    /*background: url("../../images/body-bg.jpg") repeat-x scroll 0 -60px transparent;*/
        background-color:#eee;
    border:1px solid #c1c1c1;
}

.kurslista-mainframe2
{
    width:758px;
    margin-left:1%;
    margin-bottom:2px;
    background-color:Silver;
    /*background-color:#D9E9FB;*/
    border:1px solid #c1c1c1;
}
.krc
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;   
}
.row-group {
	margin:5px 10px 0 0;
	padding:2px;
	border:1px solid #aaa;
}

/*removes padding in FF  */ 
table.rdo td input 
{  
     padding: 0px;
     margin: 0px;
 }

.specialMgrid
{
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
}

.specialMgrid td
{
    border-right:1px solid lightgray;
    border-left:0px;
    border-top:none;
    border-bottom:1px solid lightgray;
    padding: 2px;
}

.specialMgrid .alt
{
    background: #fcfcfc url(../../Images/grd_alt.png) repeat-x top;
}

.specialMgrid th
{
    padding: 4px 2px;
    color: #fff;
    background: #284878 url(../../Images/bg-blue.gif) repeat-x top;
    /*border-left: solid 1px #4C79B5;
    border-top: solid 2px #4C79B5;*/
    font-size: 10px;
}



ul.events {
    list-style-type: none;
    margin: 0;
    padding: 0 0 20px 0;
}

ul.events li {
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    background: #eee;
    border: 1px solid #ddd;
    color: #707070;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 6px;
    padding: 3px 0;
    position: relative;
    text-align: center;
}

ul.events li em {
    color: #aaa;
    font-weight: normal;
    font-size: 0.9em;
}
ul.intervals li {
    background: #fff url(/images/1x1_eee.gif) repeat-x left 10%;
    border-right: 1px solid #ccc;
    color: #999;
    float: left;
    font-size: 1.2em;
    margin: 0;
    padding: 15px 0;
    text-align: center;
    width: 16.66%;
}

ul.intervals li.first {
    border-left: 1px solid #ccc;
}

/* Progress bar */
.timelinegrey {
	height:1.5em;
	background:#5acb00 url(../../images/student/progress-bar-bg-1.gif) repeat-x;
}
.timelinegreen {
	height:1.5em;
	background:#5acb00 url(../../images/student/progress-bar-bg-2.gif) repeat-x;
}
.timelineyellow {
	height:1.5em;
	background:Yellow url(../../images/student/progress-bar-bg-7.gif) repeat-x;
	border-bottom: 1px solid #CCCCC4;
    border-top: 1px solid #CCCCC4;
}
.timelineyellowback {
	background:Yellow url(../../images/student/progress-bar-bg-7.gif) repeat-x;
}
.timelinewhite {
	min-height:1.5em;
	background-color:#fff;
}
.timelinered {
	height:1.5em;
	background:#A52020 url(../../images/student/progress-bar-bg-3.gif) repeat-x;
}
.timelineblack {
	height:1.5em;
	background:#222222 url(../../images/student/progress-bar-bg-4.gif) repeat-x;
}
.timelineblue {
	height:1.5em;
	background:#4C659B url(../../Images/bg-blue.gif) repeat-x;
}
.timelinegreendark {
	height:1.5em;
	background:orange url(../../images/student/progress-bar-bg-6.gif) repeat-x;
}
.logged-in 
{
/*background: url("../../images/body-bg.jpg") repeat-x scroll 0 -300px transparent;*/
    border: 1px solid #E4E4E4;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    float: right;
    margin: 1px 0 0;
    padding: 1px;
    width: 390px;
    -moz-box-shadow: 2px 2px 2px #888;
-webkit-box-shadow: 2px 2px 2px #888;
box-shadow: 2px 2px 2px #888;
border-collapse: separate;

}

.logged-in-special {
    /*background: url("../../images/body-bg.jpg") repeat-x scroll 0 -300px transparent;*/
    border: 1px solid #E4E4E4;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    margin: 1px 0 0;
    padding: 1px;
    -moz-box-shadow: 2px 2px 2px #888;
    -webkit-box-shadow: 2px 2px 2px #888;
    box-shadow: 2px 2px 2px #888;
}

.logged-in-special h2
{
    padding-left: 20px;
}

.shadow 
{
background: url("../../images/body-bg.jpg") repeat-x scroll 0 -300px transparent;
    border: 1px solid #E4E4E4;

}

/*Studieaktivitet---------------------------------------------------------------------------*/

.vgridheader
{
   width:16px;
   border-right:1px solid #4c79b5;
   text-align:center;
   /*padding-top:5px;*/
   padding-top:-4px;
   height:100%;
   float:left;
   margin-bottom:-3px;
}

.vgrid
{
    width:16px;
    border-right:1px solid #c1c1c1;
    text-align:center;
    height:20px;
    float:left;
    margin-top:-2px;
    padding-top:3px;
    margin-bottom: -2px;
}
.vgrid-btn
{
    width:18px;
    height:18px;
    margin-left:1px;
    margin-top:1px;
    background-color:White;
    text-align:center;
    cursor:pointer;
    color:White;
}

.mouseOut
{
    background-image:url('../Images/transparent_pixel.png');
    background-repeat:repeat-x repeat-y;
    width:24px;
    height:67px;
    position:absolute;
    top:0px;
    left:-1px;
    z-index:-1;
}
.SetValueBtn
{
    width:20px;
    height:20px;
    margin:1px;
    display:block;
    cursor:pointer;
    text-align:center;
    color:White;
}
.SetValueMenu
{
    width:22px;
    height:66px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:20;
}
.vgridLtrl
{
    font-size:11px;
}
.vgrid_item
{
    background-color:Gray;
}
.timelinetbgrey {
	background-image: url(../../images/student/progress-bar-bg-1.gif);
	background-repeat:repeat-x;
}
.timelinetbgreen {
	background-image: url(../../images/student/progress-bar-bg-2.gif);
	background-repeat:repeat-x;
	font-weight:bolder;

	text-align:center;
}
.timelinetbred {
	background-image: url(../../images/student/progress-bar-bg-3.gif);
	background-repeat:repeat-x;
	font-weight:bolder;

	text-align:center;
}
.timelinetbblack {
	background-image: url(../../images/student/progress-bar-bg-4.gif);
	background-repeat:repeat-x;
}
.timelinetbblue {
	background-image: url(../../Images/bg-blue.gif);
	background-repeat:repeat-x;
	font-weight:bolder;
	color:White;
	text-align:center;
}
.katalog-popup
{
      position: relative;

padding:10px;
border:3px solid #b4b4b4;
width:800px;
min-height:450px;
background-color:#fbfbfb;
left:50px;

overflow:hidden;
z-index:30;
 -moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;
}
.krc
{
 -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;   
    }
.katpop-content
{
    width:780px;
    min-height:410px;
    margin:0 auto;
    padding-top:10px;
    padding-right:10px;
    overflow:hidden;
    background-color:White;
    border:1px solid #c1c1c1;
    padding:5px;
}

/*.button-as-link {
    background: transparent none;*/
    /*color: Black;*/
    /*text-decoration: underline;*/
    /*border: none;
    cursor: pointer;
    font-weight: bold;
    min-height: 20px;
    font-size: 0.9em;
    white-space: normal;
    text-align: left;
    white-space: nowrap;
}*/
.button-as-link {
    background: transparent none;
    color: #1b43a9;
    text-decoration: underline;
    border: none;
    cursor: pointer;
    font-weight: bold;
    height: 20px;
    font-size: 1em;
}
.pencil {
    background-image: url("../../images/student/icn-pen.gif");
    background-repeat: no-repeat;
    text-indent: 10px;
    text-decoration: underline;
}
.trash {
    background-image: url("../../images/student/icn-trash.gif");
    text-indent: 10px;
    background-repeat: no-repeat;
}

a.remove {
    /*background-image: url(../../images/student/icn-trash.gif);*/
    background-image: url("../../Images/delete2.png");
    background-position: 0 50%;
    background-repeat: no-repeat;
    /*font-weight: bold;*/
    padding: 5px 0 5px 20px;
}

.buttonlink2 {
    /*background-image: url(../../images/student/icn-trash.gif);*/
    /*font-weight: bold;*/
    background-position: 0 50%;
    padding: 2px 0 5px 20px;
    background: transparent none;
    color: #0066CC;
    /*text-decoration: underline;*/
    border: none;
    /*height: 20px;*/
    cursor: pointer;
    font-size: 12px;
}

    .buttonlink2:disabled {
        color: #000;
    }

        .buttonlink2:disabled:hover {
            border: none;
            cursor: url("../../Images/delete2.png") 2 2, pointer;
        }

    .buttonlink2:hover {
        text-decoration:underline;
    }

.remove2 {
    background-image: url("../../Images/delete2.png");
    /*text-indent: 10px;*/
    background-repeat: no-repeat;
}



a.openImage {
    background-image: url(../../images/document_view.png);
    background-position: 0 50%;
    background-repeat: no-repeat;
    /*font-weight: bold;*/
    padding: 5px 0 5px 20px;
}

    .button-as-link:disabled:hover {
        border: none;
        cursor: url("../../Images/delete2.png") 2 2, pointer;
    }

    .katalog-left-button
{
    height:30px;
    
    background: url("../../images/body-bg.jpg") repeat-x scroll 0 -300px transparent;
    margin-bottom:2px;
    border:1px solid #c1c1c1;
    cursor:pointer;
    text-align:left;
    font-weight:bold;
    padding-top:10px;

}
._filterText {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}
.krc {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}
 .footerimages img{
        vertical-align:bottom;
        border:0;
}
a.search {
    background-image: url(../../images/student/view_add.png);
    background-position: 0 50%;
    background-repeat: no-repeat;
    font-weight: bold;
    padding: 5px 0 5px 20px;
}
a.folder {
    background-image: url(../../images/student/icn-folder.png);
    background-position: 0 50%;
    background-repeat: no-repeat;
    font-weight: bold;
    padding: 5px 0 5px 20px;
}

    

.PromptCSS  
{  
color:#000;  
font-size:11px;  
font-style:italic;  
font-weight:normal;  
background-color:#fff;  
border:solid 1px Grey;  
height:14px;
}
/*.hrschema
{
    width:915px;
}*/
.schema-divider 
{
    width: 100%;
    border-top: 1px solid black;
}
.schema-group 
{
    width: 100%;
}
    .schema-group table 
    {
        table-layout: fixed;
    }

.elegMessage {
    background-color: white; 
    border: 1px solid gray; 
    margin-left: 10px; 
    margin-bottom: 20px; 
    width: 90%;
    padding: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

.sekretess {
    height: 20px;
    background-image: url("../../Images/id_card_warning.png");
    background-repeat: no-repeat;
    background-position: 95%;
    background-color: buttonface;
    text-align: left;
    width: 70px;
    border: 1px solid #A4A4A4;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    margin-right: 7px;
}

.sekretess:hover {
    border: 1px solid #6B6B6B;
}

.lblPad {
    margin-top: 5px; 
}

.elegDiv {
    /*height: 140px;*/
    padding-left: 20px !important;
    margin-top: -20px;
}

.elegMainDiv {
    height: 145px;
}
.btn_gotit_link 
{
    background: url(../../images/favicon.ico) no-repeat 0% 50%;
    text-indent: 14px;
}
.btn_image {
    height: 20px;
    background-repeat: no-repeat;
    background-position: 95%;
    background-color: buttonface;
    text-align: left;
    width: 70px;
    border: 1px solid #A4A4A4;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    margin-right: 7px;
}
.btn_spara 
{
    background-image: url("../../Images/disk_blue.png");
}
.btn_image:disabled
{
    background-color:#eee;
}

.btn_image:disabled:hover
{
    border: none;
    cursor: url("../../Images/delete2.png") 2 2, pointer;
}

.btn_image:hover {
    border: 1px solid green;
}

.btn_delete 
{
    background-image: url("../../Images/delete2.png");
}
.btn_add
{
    background-image: url("../../Images/small/add2.png");
}
.btn_check {
    background-image: url("../../Images/check.png");
}
.btn_trash
{
    background-image: url("../../Images/small/trash.gif");
}
.btn_excel
{
    background-image: url("../../Images/small/excel.png");
}
.btn_print
{
    background-image: url("../../Images/small/printer.png");
}
.btn_lock
{
    background-image: url("../../Images/small/text_lock.png");
}
.btn_lock2
{
    background-image: url("../../Images/small/disk_lock.png");
}
.btn_lock3
{
    background-image: url("../../Images/small/disk_lock2.png");
}
.btn_search
{
    background-image: url("../../Images/view.png");
    font-weight:bold;
}
.btn_printview
{
    background-image: url("../../Images/small/printer_view.png");
}
.btn_copy
{
    background-image: url("../../Images/small/copy.png");
}
.btn_fetch
{
    background-image: url("../../Images/small/server_from_client.png");
}
.btn_navet
{
    background-image: url("../../Images/small/persons.gif");
}
.btn_skapa
{
    background-image: url("../../Images/small/arrow_right_blue16x16.png");
}
.btn_sms
{
    background-image: url("../../Images/small/mobilephone1.png");
}
.btn_mail
{
    background-image: url("../../Images/small/mail2.png");
}
.btn_screen
{
    background-image: url("../../Images/small/window.png");
}
.btn_write
{
    background-image: url("../../Images/small/document_edit16x16.png");
}
.btn_document 
{
    background-image: url("../../Images/small/document_plain_yellow16x16.png");
}
.btn_switch 
{
    background-image: url("../../Images/small/replace16.png");
}
.btn_warning 
{
    background-image: url("../../Images/small/warning.gif");
}
.btn_phone 
{
    background-image: url("../../Images/small/mobilephone1.png");
}
.btn_message 
{
    background-image: url("../../Images/small/message_edit.png");
}
input[type=checkbox][disabled]{
  outline:Gray;
  border: none;
}
input[type=checkbox][disabled]:hover{
  border: none;
  cursor: url("../../Images/delete2.png") 2 2, pointer;
}

.textboxLock
{
    background: url("../../Images/small/disk_lock.png") right no-repeat;
}
.textboxLock:hover
{
    cursor: url("../../Images/delete2.png") 2 2, pointer;
}

/******************** Statistik -> Filgenerator */

.ajax__tab_body 
{
    font-size: 11px;
}

.fullWidth 
{
    width: 100%;
    clear: both;
    font-size: 11px;
}

.blockLabel 
{
    display: block;
    clear: right;
}

div.col2_Left,
.col2_Left
{
    width: 45%;
    float: left;
    clear: none;
    font-size: 11px;
}
div.col2_Right,
.col2_Right
{
    width: 45%;
    float: right;
    clear: none;
    font-size: 11px;
}
div.listboxField fieldset div 
{
    float: left;
    padding-right: 15px;
    min-height: 130px;
    font-size: 11px;
}
    div.listboxField fieldset div select 
    {
        width: auto;
        min-width: 100px;
        display: block;
    }
    div.listboxField fieldset div input
    {
        position: relative;
        top: 2px;
        margin: 0;
        margin-right: 2px;
    }
.headerLabel
{
    display: block;
}
fieldset.persUrval div 
{
    float: left;
    clear: none;
}
    fieldset.persUrval div.buttonWrapper 
    {
        margin-left: 3em;
        float: left;
        width: 100px;
        position: relative;
        top: -15px;
    }
        fieldset.persUrval div.buttonWrapper input 
        {
            display: block;
            margin-bottom: 10px;
            float: right;
        }
    fieldset.persUrval div input
    {   
        float: left;
        clear: none;
    }
div.villkorDiv 
{
    float: none;
    padding: 0;
    width: 100%;
}
    div.villkorDiv .villkorBox
    {
        float: left;
        padding: 10px;
        border: 1px solid #FBDEBB;
        height: 151px;
        display: block;
        width: 160px;
    }
        div.villkorDiv .villkorBox label 
        {
            display: block;
            margin-bottom: 5px;   
        }
        div.villkorDiv div.villkorBox p 
        {
            margin-top: 0;
        }
    
    div.villkorDiv .help p 
    {
        margin-top: 2em;
    }
.gul.persUrval div label 
{
    width: 180px;
}
    
.persUrval .tooltip 
{
    font-weight: normal;
}
.persUrval .tooltip span 
{
    margin-left: 140px;
    margin-left: 10px\9;   
}

.gul.gulInfo p 
{
    margin: 0;   
}
/******************** END Statistik -> Filgenerator */

/******************** AdmGruppSchema */

#betygInfo 
{
    font-size: 11px;
}

.NPtable 
{
    width: 88%;
    float: left;
    border: none;
}
    .NPtable thead 
    {
        border-right: solid 1px #4C79B5;   
    }
    .NPtable th 
    {
        vertical-align: text-bottom;
    }
    .NPtable tr#NPtableFooter,
    .NPtable tr#NPtableFooter td
    {
        border: none;   
    }
    .NPtable th.checkBoxColumn 
    {
        width: 20px;   
    }
    
    

    .NPtable .ProvDatumTD,
    .NPtable .ProvDatumTD input,
    .NPtable .ProvVerTD,
    .NPtable .ProvVerTD select
    {
        width: 60px;
    }
    
    .NPtable .NPSfibetygTD
    {
        text-align: center;
        width: 40px;
    }
        .NPtable .NPSfibetygTD input 
        {
            width: 30px;
            text-align: center;
        }
    .NPtable .NPbetygTD
    {
        text-align: center;
        width: 70px;
    }
        .NPtable .NPbetygTD input 
        {
            width: 60px;
            text-align: center;
        }
            .NPtable input.incorrectValue,
            .NPtable select.incorrectValue 
            {
                background-color: Red;   
            }
    
    .NPtable .NpSfiProvversion,
    .NPtable .NpSfiProvversion select
    {
        width: 85px;
    }
.NPcontrols
{
    width: 85px;
    float: right;
    padding: .5em;
    border: 1px solid #E4E4E4;
    margin-right: 3px;
    margin-top: 5px;
}
    .NPcontrols input 
    {
        margin: 0;
    }

.betygChanger 
{
    margin-top: 30px;
    float: right;
    width: 88px;   
}
    .betygChanger .active 
    {
        border: 1px solid green;
    }

/******************** END AdmGruppSchema */

/******************** AdmIFS */
.studieplan-container input.SyvTraffDatumTb
{
    width: 99%;   
    
}

/******************** END AdmIFS */

/******************** AdmStuderande */

.StuderandeUtokadSok 
{
    height: 95px;
    
}
    .StuderandeUtokadSok .sokAmField 
    {
        height: 50px;
        float: left;
    }
    .StuderandeUtokadSok label, 
    .StuderandeUtokadSok .sokAmField label
    {
        font-weight: bold;
        display: block;
        width: auto;
    }
    .StuderandeUtokadSok input,
    .StuderandeUtokadSok .sokAmField input,
    .StuderandeUtokadSok .sokAmField select,
    .StuderandeUtokadSok .sokAmField span.ui-dropdownchecklist-wrapper
    {
        display: block;
        float: left;
        clear: both;
    }
    
   
    


#GruppElevOversiktWrapper fieldset
{
    margin-top: 1em;
}


.v .TfAdressCb input
{
    float: left;
    margin-right: .5em;
}

.elevOversiktNP {
    /*box-shadow: 1px 1px 3px #000;*/
    background-color: #F9F9F9;
    border: 1px solid #DDDDDD;
    border-right: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
    width: 154px;
    padding: 8px;
    margin: 8px;
    float: left;
    height: 205px;
    overflow: hidden;
}
    .elevOversiktNP h4 
    {
        text-align: center;
        margin-top: 0;
    }
    .elevOversiktNP .NPResultatBetygTable 
    {
        width: 100%;       
    }
        .elevOversiktNP .NPResultatBetygTable tr
        {
            text-align: center;
        }

.arbetsmarknad 
{
    overflow: hidden;
}
    .arbetsmarknad .mGrid 
    {
        display: table;
        width: 88%;
        float: left;
    }
    
    .arbetsmarknad .arbetsmarknadControls 
    {
        float: left;
        width: 10%;
        margin-left: 2%;
        margin-top: 5px;
    }
    
    .arbetsmarknad .AMEditRowPopup,
    .arbetsmarknad .AMNyttArendePopup,
    .arbetsmarknad .AMEditHandlaggarePopup  
    {
        overflow: visible;
    }
    .arbetsmarknad .AmOverflowFix 
    {
        overflow: hidden;
    }
    /*.arbetsmarknad .AMNyttArendePopup 
    {
        height: 295px;
    }
    .arbetsmarknad .AMEditRowPopup 
    {
        height: 260px;
    }
    .arbetsmarknad .AMEditHandlaggarePopup 
    {
        height: 560px;
    }*/
        .arbetsmarknad .AMEditRowPopup label,
        .arbetsmarknad .AMNyttArendePopup label 
        {
            display: block;
            float: left;
            width: 150px;
        }
        .arbetsmarknad .AMEditRowPopup input,
        .arbetsmarknad .AMEditRowPopup select,
        .arbetsmarknad .AMNyttArendePopup input,
        .arbetsmarknad .AMNyttArendePopup select  
        {
            float: left;
        }       
        .arbetsmarknad .AMEditRowPopup .global-error-message,
        .arbetsmarknad .AMEditRowPopup .global-confirmation 
        {
            width: 81%;
            margin-bottom: 1em;
        }
        .arbetsmarknad .AMNyttArendePopup .global-error-message,
        .arbetsmarknad .AMNyttArendePopup .global-confirmation 
        {
            width: 82%;
            margin-bottom: .5em;  
        }
        
        .arbetsmarknad .AMEditHandlaggarePopup .global-error-message,
        .arbetsmarknad .AMEditHandlaggarePopup .global-confirmation,
        .arbetsmarknad .AMEditHandlaggarePopup .global-warning-message
        {
            width: 92%;
            margin-bottom: 1em;
        }
        
        .arbetsmarknad .AMEditHandlaggarePopup #skapaNyHandlaggare label
        {
            display: block;
            width: 100px;
            float: left;
            clear: both; 
        }
        .arbetsmarknad .AMEditHandlaggarePopup #skapaNyHandlaggare input
        {
            float:left;
        }
            .arbetsmarknad .AMEditHandlaggarePopup #skapaNyHandlaggare input[type="submit"]
            {
                clear: both;
                margin-bottom: 0.7em;
            }
    
    
.FolkbokUppgifterContainer input,
.FolkbokUppgifterContainer label 
{
    display: block;
    clear: left;
}
    .FolkbokUppgifterContainer label 
    {
        margin-top: 5px;
    }
    
    
/* BILAGOR */
.BilagorBilderContainer 
{
    width:200px;
    float: left;
    clear: left;
}
    .BilagorBilderContainer .BilagaBild 
    {
        width: 130px;
        padding: 5px;
        margin-right: 5px;
        margin-bottom: 10px;
        float:inherit;
        background-color: #FFF5EE;
        height: 165px;
    }
        .BilagorBilderContainer .BilagaBild input[type="image"]
        {
            display: block;
            margin: auto;
            max-width: 125px;
            max-height: 100px;
        }
        .BilagorBilderContainer .BilagaBild .BildInfoDiv
        {
            text-align: center;
        }
            .BilagorBilderContainer .BilagaBild .BildInfoDiv span 
            {
                display:block;
                margin-top: 2px;
            }
#zoomControls 
{
    float:right;
    position: relative;
    top: 40px;
    right: 10px;
    z-index: 15;
}

#progressBarContainer 
{
    width: 250px;
    background-color: White;
    border: 1px solid #4682B4;
}
/******************** END AdmStuderande */

/******************** AdmGrunddata3 */
.ArbMarkAf label 
{
    display: block;
    width: 100px;
    float: left;
    clear: left;
}
.ArbMarkAf input[type="text"] 
{
    display: block;
    width: 150px;
    float: left;
}
.ArbMarkAf select 
{
    display: block;
    margin-bottom: 2em;
    float: left;
    clear: left;
}

.ArbMarkKp label 
{
    display: block;
    width: 100px;
    float: left;
    clear:left;
}
.ArbMarkAf .AmHeader 
{
    display: block;
    width: 100%;
    height: 1.5em;
    font-weight: bold;
}

/******************** END AdmGrunddata3 */

/******************** default.aspx */

.arbetsmarknadPopup .amArende 
{
    width: 118px;
    float:left;
    border: 1px solid black;
}

.arbetsmarknadPopup 
{
    background-color: #FEFEFE;
}



/******************** END default.aspx */
.SchemaTabell tr.schema_dagar
{
    height: 800px;
}


/******************** AdmImport.aspx */
.elevImportDivider 
{
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 1em;
    overflow: hidden;  
    
}

input.wrongData 
{
    color: #BB0000;
}

.provningspriser th.gutter,
.provningspriser td.gutter  
{
    background: white;
    border: 0;
    width: 70px;
}
.mGrid.provningspriser 
{
    border: 0;
}
    .mGrid.provningspriser input.wrongData
    {
        background-color: #B22222;
        color: white;
        
    }

#provningspriserControls 
{
    margin-top: 1em;
    margin-bottom: 1em;
    overflow: hidden;
}
    #provningspriserControls h4 
    {
        margin-bottom: 7px;
    }
    #provningspriserControls .nyttPrisInput 
    {
        float: left;
        margin-right: 1em;
    }
        #provningspriserControls .nyttPrisInput input,
        #provningspriserControls .nyttPrisInput select
        {
            clear: left;
            display: block;
        }


/******************** END AdmImport.aspx */

/******************** AdmIkeNy.aspx */

#skapaAvtalWrapper,
#specificeraAvtalWrapper
{
    overflow: hidden;
}

#KommunContainer,
.avtalstypContainer
{
    width: 86%;
    overflow: hidden;
    float: left;
}
    #KommunContainer #KommunList 
    {
        clear: both;
        margin-top: 10px;
    }
        #SoktaKommuner #KommunList .kommunDivLb,
        .avtalstypContainer .avtalstypDivLb,
        .SpecificeraAvtalContainer .avtalstypDivLb
        {
            width: 130px;
            background-color: #EEEEEE;
            float: left;
            margin: 1px;
            text-decoration: none;
            display:block;
            padding: 10px;
            height: 12px;
            color: Black; 
        }
            .avtalstypContainer .avtalstypDivLb,
            .SpecificeraAvtalContainer .avtalstypDivLb 
            {
                width: 90px;   
            }
        #SoktaKommuner #KommunList .kommunDivLb:hover,
        .avtalstypContainer .avtalstypDivLb:hover,
        .SpecificeraAvtalContainer .avtalstypDivLb:hover
        {
            cursor: pointer;
            background-color: #93c8de;
        }
        #SoktaKommuner #KommunList .kommunDivLb.selected,
        .avtalstypContainer .avtalstypDivLb.selected,
        .SpecificeraAvtalContainer .avtalstypDivLb.selected
        {
            background-color: #93c8de;
        }
        
            .SpecificeraAvtalContainer .avtalstypDivLb.inactive 
            {
                background-color: #999;
            }
            .SpecificeraAvtalContainer .avtalstypDivLb.inactive:hover 
            {
                cursor:default;
                background-color: #999;
            }
        
#ValdaKommunerContainer
{
    width: 27%;
    /*float: right;*/
}
.sparaPrisPanel
{
    float: left;
}
    
.SpecificeraAvtalContainer .SpecificeraAvtalPanelDiv 
{
    margin-top: 10px;   
}
    .SpecificeraAvtalContainer .SpecificeraAvtalPanelDiv label 
    {
        display: block;
        width: 80px;
        float: left;
    }

.avtalstypContainer p.ingetValGjort,
.SpecificeraAvtalContainer p.ingetValGjort
{
    font-style: italic;
}

.valjAvtalPanel 
{
    float: right;
}
.terminPanel
{
    float: left;
    margin-right: 15px;
}
.skolformPanel 
{
    float: left;
    /*margin-left: 5px;*/
    /*clear:left;*/
}
#avtalControls 
{
    float: left;
    clear: left;
    margin-top: 10px;
}
    #avtalControls label,
    #avtalControls input
    {
        display: block;
        float: left;
        width: 80px;
    }
    #avtalControls label 
    {
        margin-top: 2px;
    }
    #avtalControls input 
    {
        width: 150px;
    }

#SAAvtalstyperDiv 
{
    float:left;
    clear:left;
}

#SpecificeraAvtalRightCol 
{
    float:right;
    width: 50%;
}
#SpecificeraAvtalLeftCol 
{
    float: left;
    width: 50%;
}

.specificeraAvtalFyllControls div 
{
    margin-bottom: 5px;
    float: left;
    width: 420px;
}
.specificeraAvtalFyllControls div.fyllControlsClear 
{
    margin: 0;
    width: auto;
    float: right;
}
.specificeraAvtalFyllControls h4 
{
    clear: both;
    margin-top: 2em;
    float:left;
}

#avtalInstallningarContainer 
{
    overflow: hidden;
}
#instWrapper 
{
    margin-top: 1em;   
}

#ReglerPriserField,
#GiltigaStatusField,
.SfiInstallningarField
{
    float: left;
    margin-right: 1em;
}
    #ReglerPriserField h4,
    #GiltigaStatusField h4,
    .SfiInstallningarField h4
    {
        margin-top: 0;   
    }


/******************** END AdmIkeNy.aspx */

/******************** admSfiAnmalan.aspx */
div.obligatorisk label 
{
    color: Red;
}


/******************** END admSfiAnmalan.aspx */

/******************** admSfiHantering.aspx */
.kursplaceraSfiGrupp,
.kursplaceraSfiStart,
.kursplaceraSfiKlass,
.kursplaceraSfiSpara,
.kursplaceraSfiReturPrint
{
    width: 150px;
    float: left;
    margin-right: 1em;
    height: 125px;
}
    .kursplaceraSfiSpara 
    {
        width: 155px;
    }
    .kursplaceraSfiReturPrint 
    {
        width: 140px;
        margin-left: 70px;
        float: right;
        margin-right: 0;
    }
    
    .kursplaceraSfiGrupp label,
    .kursplaceraSfiKlass label,
    .kursplaceraSfiSpara label,
    .kursplaceraSfiReturPrint label
    {
        display: block;
        float: left;
        width: 50px;
        margin-bottom: 5px;
    }
        .kursplaceraSfiReturPrint label 
        {
            width: 100%;
        }
    .kursplaceraSfiGrupp select,
    .kursplaceraSfiKlass select,
    .kursplaceraSfiSpara select,
    .kursplaceraSfiReturPrint select
    {
        margin-bottom: 8px;
        
    }
    .kursplaceraSfiStart label 
    {
        display: block;
        width: 70px;
        float: left;
        margin-bottom: 1em;
    }
    .kursplaceraSfiStart input,
    .kursplaceraSfiReturPrint input 
    {
        margin-bottom: 1em;
    }
        .kursplaceraSfiReturPrint input,
        .kursplaceraSfiReturPrint select  
        {
            display: block;
            float: left;
            margin-right: 1em;
        }
    .kursplaceraSfiSpara .individKursbeskedCb 
    {
        width: 100%;
        margin-bottom: 8px;
        display: block;   
    }
    .kursplaceraSfiSpara .individKursbeskedCb label
    {
        display: inline;  
        float: none;
        width: auto;
    }


/* FÖRDELNING */
.sfiFordelningCtrlField 
{
    float: left;
    height: 75px;
    width: 90px;
    margin-right: 1em;
}

#login-box div.text
{
    float: left;
    width: 45%;
    padding: 0;
    margin-left: 3%;
}
table.radioWithProperWrap input
 {    
      float: left;
 }

 table.radioWithProperWrap label
 {    
      margin-left: 10px;
      display: block;
      width:500px;
 }
 .white
{
    margin: 0 0 1em 0;
    background-color: #FFF;
    padding: .5em;
    border: 1px solid #F7BB0A;
}

/******************** END admSfiHantering.aspx */

.danger4 {
    background-color: #ffdddd;
    border-left: 6px solid #f44336;
    margin-bottom: 15px;
    padding: 4px 12px;
}
.verticalTop
{
    vertical-align:top;
}
.success4 {
    background-color: #ddffdd;
    border-left: 6px solid #4CAF50;
    margin-bottom: 15px;
    padding: 4px 12px;
}

.info4 {
    background-color: #e7f3fe;
    border-left: 6px solid #2196F3;
    margin-bottom: 15px;
    padding: 4px 12px;
}


.warning4 {
    background-color: #ffffcc;
    border-left: 6px solid #ffeb3b;
    margin-bottom: 15px;
    padding: 4px 12px;
}
.bottomalign
{
    vertical-align:bottom;
}
.bottomaligntable td
{
    vertical-align:bottom;
}
.dropdown {
    /*position: relative;*/
    display: inline-block;
}

.dropdown-content {
    /*display: none;
    position: absolute;
    background-color: #fff;
    min-width: 120px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;*/
    color: #111;
    min-width: 200px;
    border: 1px solid #DCA;
    background: #fffAF0;
    display: none;
    position: absolute;
    z-index: 3000;
    /*border: 1px solid #111;*/
    /*background-color: #eee;*/
    padding: 5px;
    /*opacity: 0.85;
    filter: alpha(opacity=85);*/
    /*-moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";*/
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 5px 5px 8px #000;
    -webkit-box-shadow: 5px 5px 8px #000;
    box-shadow: 5px 5px 8px #000;
    padding: 10px 10px;
    margin-top: -30px;
    /*margin-left: 28px;*/
    max-width: 500px;
    line-height: 16px;
    font-size: 11px;
    margin-left: 60px;
}
.dropdown-content a {
/*color: black;*/
padding: 2px 0px;
/*text-decoration: none;*/
display: block;
}

/*.dropdown-content a:hover {
    background-color: #ddd;
}*/
.dropdown:hover .dropdown-content  {
    display: block;
}

/*.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}*/
/*Fixed table*/
.table-scroll {
    position: relative;
    /*max-width: 900px;*/
    margin: auto;
    overflow: hidden;
}

.table-wrap {
    width: 100%;
    overflow: auto;
}

.table-scroll table {
    width: 100%;
    margin: auto;
    border-collapse: separate;
    border-spacing: 0;
}

.table-scroll th, .table-scroll td {
    padding: 1px 2px;
    border: 1px solid #000;
    background: #fff;
    white-space: nowrap;
    vertical-align: top;
}
fieldset.NoBorder {
    border: 0 !important;
}
.cbBroad div label
{
    float: left;
    width: 140px;
    font-size: 11px;
}
.PagerInfoCell {
    vertical-align: middle;
}

.mGridGrey th {
    padding: 4px 2px;
    color: #000;
    background: #f5f5f5;
    border: solid 1px #ddd;
    font-size: 11px;
    border: none;
}

.mGridGrey th, .mGridGrey td {
    /*padding: 2px 1px;*/
    vertical-align: top;
    text-align: left;
    /*border: none;*/
    padding: 2px;
    /*border: solid 0.5px #c1c1c1;*/
}

.mGridGrey table {
    border: none;
}

.mGridGrey {
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 0.5px #c1c1c1;
    border-collapse: collapse;
}

.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 16px;
}

    .switch input {
        opacity: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 12px;
        width: 12px;
        left: 2px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #006DBF;
}

input:focus + .slider {
    box-shadow: 0 0 1px #006DBF;
}

input:checked + .slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 26px;
}

    .slider.round:before {
        border-radius: 50%;
    }
.securityDisc {
    font-family: text-security-disc;
    /* Use -webkit-text-security if the browser supports it */
    -webkit-text-security: disc;
}
@font-face {
    font-family: 'text-security';
    src: url('text-security-compat.eot');
    src: url('text-security-compat.eot?#iefix') format('embedded-opentype'), url('text-security-compat.woff2') format('woff2'), url('text-security-compat.ttf') format('truetype');
}

/*
  Browser detection hack to enable the optimized font in recent versions of Chromium and FF,
  which implement their own font rendering and do support cmap format 13.

  content-visibility is currently only supported in Chrome & Edge version 85+ & Chrome for Android
  -moz-appearance only lets Firefox through
  -webkit-hyphens explicitly excludes Safari in case they later add support for content-visibility
*/
@supports ((content-visibility: visible) or (-moz-appearance:meter)) and (not (-webkit-hyphens: none)) {
    @font-face {
        font-family: 'text-security';
        src: url('text-security.woff2') format('woff2'), url('text-security-compat.ttf') format('truetype');
    }
}
a.folder[disabled]:hover {
    cursor: url("../../Images/delete2.png") 2 2, pointer;
}
a.remove[disabled]:hover {
    cursor: url("../../Images/delete2.png") 2 2, pointer;
}
a.openImage[disabled]:hover {
    cursor: url("../../Images/delete2.png") 2 2, pointer;
}
.greenSet
{
    border-width:medium;
    border-top:none;
    border-right:none;
    border-bottom:none;
    border-left-color:green;
}
fieldset.NoBorderSide {
    border-right: none;
    border-left: none;
}
.gdpr {
    background-color: black !important;
    color: black !important;
}
/*.table-scroll thead, .table-scroll tfoot {
    background: #f9f9f9;
}*/

/*.clone {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

    .clone th, .clone td {
        visibility: hidden
    }

    .clone td, .clone th {
        border-color: transparent
    }

    .clone tbody th {
        visibility: visible;
        color: red;
    }

    .clone .fixed-side {
        border: 1px solid #000;
        background: #eee;
        visibility: visible;
    }

    .clone thead, .clone tfoot {
        background: transparent;
    }*/
/*slut*/
.NoWrap {
    white-space: nowrap;
}