﻿



/* HTML Editor */
.img_left {float:left; margin-right:10px; margin-bottom:10px; }
.img_right {float:right; margin-left:10px; margin-bottom:10px; }


/* EXOR */

div.left { float:left;}
div.clear8 { height:8px; clear:both; }


/***  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; }


.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;}   

/* ***  ADMIN TOOLBAR  *** */
.R  { display: block; float:right !important; margin-right: 0px; }
.L  { display: block; float:left !important; margin-left: 0px; }


.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); }




 /***********  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; }  


 
 
 /***********  PAGEFILTER ELEMENT  ***********/
 /*
.PageFilter DIV     { float: left; margin: 6px; padding-left: 6px; margin-left: 0px;}
.PageFilter INPUT   { font-size: 11px; border: solid 1px #999999; margin-left: 0px; width: 150px;}
   */           

 /***********  PAGEWIZARD MENU  ************/
/*
.WizardMnu          { padding-top: 10px; padding-left: 4px;  }
.WizardMnu A        { display: inline; position: relative; top: -4px;  border: solid 1px #999999; border-bottom: 0px; padding: 6px; padding-top: 4px; padding-bottom: 4px; margin-right: 4px; color: #999999; background-color: #ffffff;}
.WizardMnu .active  { top: -9px; padding: 10px; padding-top: 8px; font-weight: bold; color: #000000; }    
.WizardMnu A:link   { text-decoration : none;}    
.WizardMnu A:hover  { text-decoration : none; background-color: #eeeeee; color: #007eee;}    
.WizardMnu A:visited   { text-decoration : none;}    
.WizardMnu SPAN     { display: inline; position: relative; top: -4px; border: solid 1px #aaaaaa; border-bottom: 0px; padding: 6px; padding-top: 4px; padding-bottom: 4px; margin-right: 4px; color: #aaaaaa;  background-color: #eeeeee;}
*/ 
/* GRIDVIEW */
.GridView       { width: 100%; }
.GridView TH    { color: WHite; font-weight: normal; text-align: left; height: 20px; background-color: #aaaaaa; background-image: url(../../images/GridView_th_bg_blue.gif); background-repeat: repeat-x; }
.GridView TH A  { color: White;}
.GridView TD    { border-bottom: solid 1px #eeeeee; padding-top: 3px; padding: bottom: 3px; color: #666666; } 



.cssFrm_err     { color: Red; background-color: Yellow; }
.cssFrm     { color: inherit; background-color: inherit; }
