div.left { float:left;}
div.right { float:right;}
div.clear8 { height:8px; clear:both; }

/* EXOR */
.expander {width:100%;}
.expander, .expander ul, .expander  li {margin:0; padding:0;list-style:none;}
.expander  li {line-height:200%; margin-top:1px; cursor:pointer; text-indent:0px; font-size:12px; font-weight:bold; color:#4a708b; width:100%; padding:0px 0px 0px 15px; }
.expander  li span {text-decoration:underline;}
.expanderlink  span { float:left; line-height:100%; margin-top:1px; cursor:pointer; text-indent:0px; font-size:12px; font-weight:bold; color:#4a708b; width:100%; padding:0px 0px 0px 10px;}

/* INGRESS */
.expander  img {float:left; margin:0px 10px 0px 0px;}
.expander  p.intro { width:480px; float:left; font-weight:normal; font-size:11px; font-weight:normal; color:#666; padding:0px 0px 0px 0px; float:left;}
.expander  p.lasmer {background: url(images/icon-lasmer-inaktiv.gif) no-repeat; margin-left:400px; padding:0px 0px 5px 20px; text-align:left; }
.ingress div {background:#f0f0f0; font-weight:normal; font-size:11px; font-weight:normal; color:#666; padding:0px 0px 0px 0px; float:left;}
.collapseimg { float:left;margin-right:10px;cursor:pointer;  }
.collapseimgcomp { float:left;margin-right:7px;cursor:pointer;  }
span.calendarhead {color:#4a708b; cursor:pointer;}
div.blank {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
/*Dölja alla consilias stora bilder*/
div.expanderarticlelist        { width:300px; float:left; font-weight:normal; font-size:11px; font-weight:normal; color:#666; padding:0px 0px 0px 0px; }
div.expanderarticlelist img    { display:none; visibility:hidden;} 

/* Calendar - AJAX */
Table .pickcalendar TD {padding:1px 0px 1px 0px; 
border-spacing:0px; 
 z-index:1000;
 background-color:#ededed;
 color:black;
}

.pickcalendar .ajax__calendar_container {border:1px solid silver;background-color: #ededed;text-align:center; z-index:1000; border:ridge 2px #ededed;}
.pickcalendar .ajax__calendar_header {background-color: #6e95cb;font-weight:bold; padding:4px 1px 3px 1px; }
.pickcalendar .ajax__calendar_day  { text-align:center; padding-top:2px;}
.pickcalendar .ajax__calendar_dayname { text-align:center;border-bottom:1px solid gray; padding:2px 0px 2px 0px; font-weight:600;}
.pickcalendar .ajax__calendar_footer{}
.pickcalendar .ajax__calendar_today {padding:3px 1px 2px 1px; color:black;}

.pickcalendar .ajax__calendar_hover .ajax__calendar_day {background-color: gray; }
.pickcalendar .ajax__calendar_hover .ajax__calendar_today {background-color: gray; }
.pickcalendar .ajax__calendar_active .ajax__calendar_day {background-color: #808080;border:1px solid gray;}



/* VÄNSTERMENY - träd */

 .ucTreeMnu .tv             { width: 188px;}
 .ucTreeMnu .tv TABLE       { }
 .ucTreeMnu .tv A           { color:#333;font-size:11px; text-decoration:none; font-weight: bold; text-transform:uppercase; padding:0px 0px 0px 0px; text-decoration:none; cursor:pointer; font-size:11px; }
 .ucTreeMnu .tv A:hover     { color:#8c7e6c;font-size:11px;}
 .ucTreeMnu .tv DIVd        { display: block; width: 100%; background-color: #eeeeee;font-size:10px;}
 
 .ucTreeMnu .tv DIV         { display: block; font-size:11px; padding:1px 0px 1px 0px;}
 .ucTreeMnu .tv DIV TABLE   { display: block; font-size:11px;}
 .ucTreeMnu .tv DIV A       { padding:0px 0px 0px 3px; color:#666;font-size:10px; text-decoration:none; font-weight: bold; text-transform:none; }
 .ucTreeMnu .tv DIV A:hover   { color:#8c7e6c;font-size:10px; text-decoration:none; font-weight: bold; text-transform:none; }
 
 .ucTreeMnu .tv .node         { width: 100%; font-size:11px; padding:0px; }
 .ucTreeMnu .tv .node:hover   { width: 100%; background:transparent url(images/bg_undermeny_aktiv_exor.gif) no-repeat; font-size:11px; }
 .ucTreeMnu .tv .parentnode   { width: 100%; font-size:11px; }
 .ucTreeMnu .tv .nodeselected { background:transparent url(images/bg_undermeny_aktiv_exor.gif) no-repeat;font-weight:bold; font-size:11px; }

#undermenybox table td {padding:0px 0px 0px 2px;}
    
/***  GRID FÖR DYNAMIC LAYOUT ************************************/


.tr_top             { display: none; float: left; width: 100%; }
.tr_top .td_01      { display: block; float: left; }
.tr_top .td_02      { display: block; float: left; width: 100%; }
.tr_top .td_03      { display: block; float: left; }

.tr_middle          { display: block; float: left; width: 100%; }
.tr_middle .td_01   { display: none; float: left; }
.tr_middle .td_02   { display: block; float: left; width: 100%; } /* MAIN */
.tr_middle .td_03   { display: none; float: left; }

.tr_bottom          { display: none; float: left; width: 100%; }
.tr_bottom .td_01   { display: block; float: left; width: 330px; }
.tr_bottom .td_02   { display: block; float: left; width: 330px; }
.tr_bottom .td_03   { display: block; float: left; }

.tr_top, .tr_top div { border: solid 0px #cccccc; }
.tr_middle, .tr_middle div { border: solid 0px #cccccc; }
.tr_bottom, .tr_bottom div { border: solid 0px #cccccc; }




/* ***  DIALOG  *** */
.dialogS            { display: block; width: 355px; }
.dialogS .top       { font-size: 16px; float: left; font-weight: bold; text-transform: uppercase; display: block; padding: 10px; padding-left: 24px; padding-top: 30px; padding-bottom:0px; height:22px; background-image: url(../../images/dialogS_top.png); background-repeat:no-repeat; width: 331px; }
.dialogS .main      { display: block; float: left; min-height: 10px; padding: 10px; padding-bottom: 0px; padding-left: 24px; padding-right: 26px; background-image: url(../../images/dialogS_middle.png); background-repeat:repeat-y; width: 300px; }
.dialogS .bottom    { display: block; float: left; height:39px; background-image: url(../../images/dialogS_bottom.png); background-repeat:no-repeat; width: 100%; }

.dialogL            { display: block; width: 756px; }
.dialogL .top       { font-size: 16px; float: left; font-weight: bold; text-transform: uppercase; display: block; padding: 10px; padding-left: 24px; padding-top: 30px; padding-bottom:0px; height:22px; background-image: url(../../images/dialogL_top.png); background-repeat:no-repeat; width: 732px; }
.dialogL .main      { display: block; float: left; min-height: 10px; padding: 10px; padding-bottom: 0px; padding-left: 24px; padding-right: 26px; background-image: url(../../images/dialogL_mid.png); background-repeat:repeat-y; width: 701px; }
.dialogL .bottom    { display: block; float: left; height:39px; background-image: url(../../images/dialogL_bottom.png); background-repeat:no-repeat; width: 100%; }


.Dialog     {z-index:20; text-align: center; width:100%; position: absolute; top:0px; left: 0px; padding-top:00px; height: 100%; }
.DialogBG   { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; }
/*	z-index:20; text-align: center; width:100%; position: absolute; top:0px; left: 0px; height: 100%; filter:alpha(Opacity=50); background-color:#999999; }
*/
.DialogBody {z-index:21; text-align:left; width: 100%; background:#ffffff;  border:solid 0px #999999; float: none !important; position: relative; margin: auto auto auto auto !important;}


.r1 {margin: 0 5px; height: 1px; overflow: hidden; background: #ffffff; }
.r2 {margin: 0 3px; height: 1px; overflow: hidden; background: #ffffff; }
.r3 {margin: 0 2px; height: 1px; overflow: hidden; background: #ffffff; }
.r4 {margin: 0 1px; height: 2px; overflow: hidden; background: #ffffff; }



/* ***  ADMIN TOOLBAR  *** */
.R  { display: block; float:right !important; margin-right: 0px; }
.L  { display: block; float:left !important; margin-left: 0px; }

.exiflex DIV, .exiflex P, .exiflex A, .exiflex TD { font-size: 12px; font-family: Arial, Verdana; line-height: 15px; padding: 0px; margin:0px; }

.exiflex A           {color: Black;  }
.exiflex A:link      {color: Black; text-decoration: none; }
.exiflex A:visited   {color: Black; text-decoration: none; }
.exiflex A:hover     {color: #E42518 ; text-decoration: none; }
.exiflex A:active    {color: #E42518 ; text-decoration: none;  }

.exiflex INPUT, TEXTAREA         { border: solid 1px #999999; font-size: 10px; WIDTH: 200px; font-family: Arial, Verdana, Calibri; margin-bottom: 6px;}
.exiflex SELECT                  { border: solid 1px #999999; font-size: 10px; WIDTH: 200px; font-family: Arial, Verdana, Calibri; margin-bottom: 6px;}
.exiflex input[type=checkbox]    { border: 0px; width: 30px; margin-bottom: 0px;}
.exiflex input[type=radio]       { border: 0px; width: 30px;  margin-bottom: 0px; }

.exiflex .cssFrm_err  { border: solid 1px red; background-color: Yellow;}

.exiflex .cssBtn {  text-transform: uppercase; border: solid 1px #999999; background-color: #e9e9e9; color: #000000; margin-top: 10px; float: left; padding: 4px; text-decoration: none; color: #000000; text-align: center; font-weight: bold; font-size: 12px !important; }
.exiflex .cssBtn:link      {text-decoration: none; color: #000000;}   
.exiflex .cssBtn:hover     {text-decoration: none; color: #000000; background-color: #cccccc;}   
.exiflex .cssBtn:active    {text-decoration: none; color: #000000;}   
.exiflex .cssBtn:visited   {text-decoration: none; color: #000000;}   

.exiflex .cssBtnDelete {  text-transform: uppercase; border: solid 1px #999999; background-color: #990000; color: #ffffff; margin-top: 10px; float: left; padding: 4px; text-decoration: none; color: #000000; text-align: center; font-weight: bold; font-size: 12px !important; }
.exiflex .cssBtnDelete:link      {text-decoration: none; color: #ffffff;}   
.exiflex .cssBtnDelete:hover     {text-decoration: none; color: #ffffff; background-color: #c40000;}   
.exiflex .cssBtnDelete:active    {text-decoration: none; color: #ffffff;}   
.exiflex .cssBtnDelete:visited   {text-decoration: none; color: #ffffff;}   

.AdminToolbar   { position: relative; left: 0px; top: 0px; z-index: 11; width: auto; font-size: 14px; height:41px; padding-left:2px; padding-bottom: 0px; padding-top: 0px; background-color: #eeeeee; border-bottom:solid 1px #bdbdbd; background-image: url('../images/portal_mnubg.gif'); }

.AdminToolbar A         { font-size: 12px; color: #333333; display: block; }
.AdminToolbar A:link    { font-size: 12px; color: #333333; text-decoration: none; }
.AdminToolbar A:visited { font-size: 12px; color: #333333; text-decoration: none; }
.AdminToolbar A:hover   { font-size: 12px; color: #333333; text-decoration: none; }
.AdminToolbar A:active  { font-size: 12px; color: #333333; text-decoration: none; }

.AdminToolbar .cssBtn           { border: solid 1px #cccccc; font-size: 12px; border-bottom: 0px; border-top:0px; height: 30px; margin: 0px; padding: 1px; padding-top: 10px; padding-left: 4px; padding-right: 4px; display: block; float: left; margin-left: 0px; border-left: 0px; vertical-align: middle; padding-right: 4px; padding-left: 4px;}
.AdminToolbar .cssBtn:link	    {color:#333333; background-color: Transparent; }
.AdminToolbar .cssBtn:visited   {color:#333333; background-color: Transparent;}
.AdminToolbar .cssBtn:hover	    {color:#333333; background-color: #fefefe; }
.AdminToolbar .cssBtn:active    {color:#333333; background-color: #ffffff;}

.AdminToolbar .cssBtn img   {display:inline; position: relative; top:3px;}
.AdminToolbar .cssBtn TD img   {display:inline; position: relative; top:0px;}
.AdminToolbar .on			{color:#333333; background-color: #cccccc !important; }
.AdminToolbar .on:link		{color:#333333; text-decoration:none; filter: none;}
.AdminToolbar .on:visited	{color:#333333; text-decoration:none; filter: none;}
.AdminToolbar .on:hover		{color:#333333; text-decoration:none; filter: none;}
.AdminToolbar .on:active	{color:#333333; text-decoration:none; filter: none;}

.AdminToolbar .StaticMnuStyle       { border-left: solid 1px #dbdbdb; border-right: solid 1px #dbdbdb; height: 40px; padding: 0px; margin: 0px;}
.AdminToolbar .StaticMnuStyle img { xheight: 20px;}
.AdminToolbar .DynHoverStyle    { background-image: url(../../images/portal_mnubg.gif); }
.AdminToolbar .DynMenuStyle     { z-index: 100 !important; }



 /***********  PAGEMNU ELEMENT  ***********/
 .PageMnu A         { text-decoration: none; padding: 2px; color: #007eee; padding-bottom: 1px; top: 1px; margin-left: 4px; margin-right: 4px;}
 .PageMnu A:link    { text-decoration: none; border: solid 1px #cccccc; border-top: solid 1px #dddddd;}
 .PageMnu A:hover   { text-decoration: none; border: solid 1px #007eee; border-bottom: solid 1px #eeeeee; background-color: #ffffff;}
 .PageMnu A:active  { text-decoration: none; border: solid 1px #007eee;}
 .PageMnu A:visited { text-decoration: none; border: solid 1px #cccccc;}
 .PageMnu A.active { text-decoration: none; font-weight: bold; border: solid 1px #007eee; border-bottom: solid 1px #ffffff; background-color: #ffffff; z-index: 99; top: 0px; position: relative;}
 

 /***********  PAGETOOLBAR ELEMENT  ***********/
 .PageToolbar A         { padding: 2px; font-size: 11px; color: #000000; text-decoration: none; margin-left: 4px; border: solid 1px #cccccc;}
 .PageToolbar A:link    { background-color: #f9f9f9; border: solid 1px #dddddd; }  
 .PageToolbar A:hover   { background-color: #dddddd; border: solid 1px #aaaaaa; }  
 .PageToolbar A:active  { background-color: #cccccc; border: solid 1px #aaaaaa; }  
 .PageToolbar A:visited { background-color: #f9f9f9; border: solid 1px #dddddd; }  


 
/* GRIDVIEW */
.gridview       { margin:0px; padding:0px;}

.gridview TR.tblRow TD.tblItemFirst                   {padding:3px 3px 1px 7px;  border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; border-left: 1px solid #efefef; background-color:#f1f1f1;  }
.gridview TR.tblRowAlt TD.tblItemFirst                {padding: 3px 3px 1px 7px; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; border-left: 1px solid #efefef; background-color:#ffffff; }
.gridview TR.tblRowOver TD.tblItemFirst               {padding: 3px 3px 1px 7px; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; border-left: 1px solid #efefef; background-color:#f1f1f1;}
.gridview TR.tblRowOverAlt TD.tblItemFirst               {padding: 3px 3px 1px 7px; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; border-left: 1px solid #efefef;background-color:#ffffff;}

.gridview TR.tblRow TD.tblItemLast                   {padding:3px 3px 1px 7px;  border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; border-right: 1px solid #efefef;  background-color:#f1f1f1; }
.gridview TR.tblRowAlt TD.tblItemLast                {padding: 3px 3px 1px 7px; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; border-right: 1px solid #efefef; background-color:#ffffff;}
.gridview TR.tblRowOver TD.tblItemLast               {padding: 3px 3px 1px 7px; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; border-right: 1px solid #efefef; background-color:#f1f1f1;}
.gridview TR.tblRowOverAlt TD.tblItemLast               {padding: 3px 3px 1px 7px; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; border-right: 1px solid #efefef; background-color:#ffffff;}

.gridview TR.tblRow TD.tblItem                      {padding:3px 3px 1px 7px;  border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; background-color:#f1f1f1;}
.gridview TR.tblRowAlt TD.tblItem                    {padding: 3px 3px 1px 7px; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; background-color:#ffffff;}
.gridview TR.tblRowOver TD.tblItem                   {padding: 3px 3px 1px 7px; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; background-color:#f1f1f1;}
.gridview TR.tblRowOverAlt TD.tblItem                   {padding: 3px 3px 1px 7px; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; background-color:#ffffff;}

.tblFooter { background-color:#dadada; padding-left:10px; padding-top:4px; padding-bottom:2px;}
.tblFooter  a:link { background-color:#b7b7b7; padding-left:5px; padding-top:3px; padding-bottom:3px; padding-right:5px; margin-right:5px; font-weight:bold;}
.tblFooter  a:active { background-color:#b7b7b7; padding-left:5px; padding-top:3px; padding-bottom:3px; padding-right:5px; margin-right:5px;font-weight:bold;}
.tblFooter  a:visited { background-color:#b7b7b7; padding-left:5px; padding-top:3px; padding-bottom:3px; padding-right:5px; margin-right:5px;font-weight:bold;}
.tblFooter  a:hover { background-color:#dadada; padding-left:5px; padding-top:3px; padding-bottom:3px; padding-right:5px; margin-right:5px; font-weight:bold;color:#4a708b; }
.tblFooter  span { margin-right:5px;font-weight:bold;}