/*Definiert die Main Divs und setzt alle default-Randabstände auf Null*/
html, body {
    height:100%;
    }

body {
    font-family:"Segoe UI",Tahoma,Helvetica,Sans-Serif;
    font-size:12px;
    color:#666;
    text-align:left;
    margin:0; 
    padding:0 25px 0 25px;
    background:#dae3db; /* url(../images/hgBody.png) repeat-y top center;*/
    }

img {
    border:0px;
    }

/*<--- GridViews -->*/
.gvHeader, .gvFooter, .gvHeaderRight {
    text-align:left;
    color:#fff;
    background:#9ab7a1;  
    }
    
.pink {
    background-color:#c77661;
    }    
    
.gvRowEmpty {
    background:#e0e0e0; 
    color:#fff;
    }
    
.gvHeader th {
    text-align:left;
    }
    
.gvHeaderRight {
    text-align:right;
    }   
    
th.gvHeaderRight {
    text-align:right;
    }    
    
.gvHeader th a {
    color:#fff;
    }
    
.gvRow {
    text-align:left;
    color:#333;
    background:#f0f0f0;   
    cursor:pointer;
    }

.gvRowAlternating {
    text-align:left;
    color:#333;
    background:transparent;   
    cursor:pointer;
    }
    
.gvRowBehandlungen {
    text-align:left;
    color:#333;
    background:transparent;   
    cursor:pointer;
    font-weight:bold;
    border-top: solid 1px #9ab7a1;
    }    
    
.rowhover {
    background-color:#dae3db;
    color:#000;
    }
    
.gvRowSelected {
    color:#fff;
    background-color:#c77661;
    }

.gvFileSystem, .gvFileSystemNoPager, .gvFileSystemFullScreen, .gvFileSystemFullScreenNoPager {
    width:715px;
    margin-top:0px;
    }
    
.gvFileSystemNoPager, .gvFileSystemFullScreenNoPager {
    margin-top:30px;
    }
    
.gvFileSystemFullScreen, .gvFileSystemFullScreenNoPager {
    width:905px;
    margin-left:20px;
    }

/*<--- Fonts -->*/
h1 {
	font-family:"Segoe UI",Tahoma,Helvetica,Sans-Serif;
	color:#c77661;
	margin-top:0px;
	margin-bottom:10px;
	font-weight:bold;
	font-size:24px;
	font-weight:bold;
}

h2 {
    font-family:"Segoe UI",Tahoma,Helvetica,Sans-Serif;
	color:#c77661;
	font-size:18px;
	margin:0px;
	margin-top:0.5em;
	margin-bottom:0.3em;
	font-weight:bold;
	line-height:1.4em;
}

h3, h4, h5, h6 {
    font-family:"Segoe UI",Tahoma,Helvetica,Sans-Serif;
	color:#9ab7a1;
	font-size:14px;
	margin:0px;
	margin-top:0em;
	margin-bottom:0.5em;
	font-weight:bold;
	line-height:1.4em;
}

a, a:hover, a:visited {
	color:#9ab7a1;
	text-decoration:none;
	
}

a:hover {
	color:#fff;
	background:#c77661;
}

p {
	margin:0px;
	color:#666;
	font-size:13px;
	margin:0px;
	margin-bottom:10px;
	line-height:normal;
}
    
td p {
    margin:0px;
    margin-bottom:10px;
    }  
    
td p.kategorie {
    margin:0px;
    }     

ol {
	list-style-type: decimal
}

ul {
	margin-top:0px;
	margin-bottom:10px;
	color:#666;
}

li {
	margin-top:0px;
	margin-bottom:2px;
	color:#666;
	line-height:20px;
}

.success {
    color:#009933;
    font-weight:normal;
    }
    
.error {
    color:#ff0000;
    font-weight:bold;  
}

.rechts {
    float:right;
}

.rechtsunten {
    position:absolute;
    bottom:15px;
    right:15px;
    }



/*###### Berichte #####*/
.tblListe {
    width:100%;
    margin:0px 0px 15px 0px;
    }
    
.tblListe th {
    font-weight:bold;
    border-bottom: solid 2px #666;
    text-align:left;
    padding:3px;
    }
    
.tblListe td {
    border-bottom: solid 1px #ccc;
    padding:3px;
    text-align:left;
    }    

/*###### Positionierungen #####*/
#divWrapper {
    position:relative;
    margin:0 auto;
    width:100%;
    background:transparent url(../images/hgHeader.png) no-repeat top center;
    padding:125px 0px 35px 0px;
    }

#divContent {
    position:relative;
    padding:5px 15px 15px 15px;
    padding:0px;
    }

    .pnlContent {
        position:relative;        
        }
        
    .pnlBox {
        position:relative; 
        float:left;
        background:#fff; 
        padding:10px;      
        margin:0px 10px 10px 0px;
        width:auto;
        min-height:20px;
        }
        
    .pnlSubMenu {
        position:relative;
        float:left;
        width:220px;
        }
        
        .pnlSubMenu ul {
            list-style-type:none;
            padding:0px;
            }
            
        .pnlSubMenu li   {
            margin:0px 0px 5px 0px;
            }
            
        .pnlSubMenu li a {
            padding:4px;
	        color:#c00418;
	        border-left:solid 2px #c00418;
	            }    
	            
        .pnlSubMenu li a:hover {
            padding:4px 4px 4px 6px;
            border:0px;
	        color:#fff;
	        background:#c00418;
	            }  	                    
        
    .pnlSubContent {
        position:relative;
        float:left;
        margin:-10px 0px -10px 0px;
        padding:10px 0px 10px 10px;
        border-left:solid 1px #ccc;
        background:#fff;
        min-height:550px;
        width:680px;
        }                
        
#divAdminWrapper {
    position:fixed;
    width:100%;
    height:25px;
    bottom:0px;
    left:0px;
    text-align:center;
}

#divAdminArea {
    position:relative;
    width:inherit;
    height:25px;
    text-align:left;
    background:#9ab7a1;
    }
    
    .btnAdmin, .btnUser, .btnLogout {
        position:relative;
        float:left;
        background:transparent;
        color:#fff;   
        padding:5px 25px 5px 25px;
        font-weight:normal;
        font-size:12px;
        text-decoration:none;
        }
          
    a:hover.btnAdmin, a:hover.btnLogout   {      
        margin:0px 0px 0px 0px;       
        background:#c77661;
        color:#fff;  
        text-decoration:none;
    }
    
    .btnLogout {
        float:right;
        }    

.divAdminBox {
    width:930px;
    padding:10px;
    }
    
.divUserBox {
    position:absolute;
    top:25px;
    right:0px;
    width:20%;
    height:75px;
    padding:0px 75px 0px 0px;
    background-color:#9ab7a1;
    background-image:url(../images/topkapi75x75.jpg);
    background-position:right top;
    background-repeat:no-repeat;
}

    .divUserBox:hover {
        background-color:#c77661;
    }
    
    .btnUser {
        text-align:right;
        width:90%;
        height:43px;
        padding:17px 5% 15px 5%;
        font-size:14px;
        }
        
    .btnUser b {
        font-size:16px;
        }        
        
    a:hover.btnUser {
        background:#c77661;
        color:#fff;  
        text-decoration:none;
        }
      

    
.pnlMenu {
    position:relative;
    width:100px;
    float:left;
    margin:0px 25px 10px 0px;
    z-index:100;
    }
    
.pnlMenuButton, .pnlMenuButtonGrafix {
    position:relative;
    float:left;
    width:96px;
    height:23px;
    margin:0px 10px 10px 0px;
    padding:73px 0px 0px 0px;
    text-align:center;
    background:#9ab7a1;
    color:#fff;
    border:solid 2px #9ab7a1;
    }
    
.pnlMenuButtonGrafix {
    padding:0px 0px 0px 0px;
    height:96px;
    }    
    
.zweizeilig {
    padding:57px 0px 0px 0px;
    height:39px;
    }    
    
.pnlMenuButton:hover {
    background:#c77661;
    border:solid 2px #9ab7a1;
    }    
    
.btnBlank {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    padding:0;margin:0;border:0;
    }  
    
.selected {
    color:#fff;
    background:#c77661;
    border:solid 2px #c77661;
    }
    


       
/*###### Status-und Suchbox #####*/       
.pnlStatusInformation, .pnlStatusWarning {
    position:absolute;    
    top:25px;
    left:0px;
    width:60%;
    height:65px;
    background:#9ab7a1;
    padding:5px 10px 5px 10px;
    /*margin:-7px 0px 15px -15px;*/
    margin:0px 0px 15px 0px;
    color:#fff;
    }
    
    .pnlStatusWarning {
        background:#c00418;
        color:#fff;
        font-size:13px;
        }   
        
    .pnlStatusWarning ul {
        margin:0px 0px 3px 0px;
        padding:0;
        }           
        
    .pnlStatusWarning ul li {
        list-style-type:none;
        color:#fff;
        font-size:13px;
        margin:0px;
        }           

    .divSearchBox {
        position:relative;
        float:left;
        width:100%;
        margin:4px 0px 0px 0px;
        background:#fff;
        }
    
        .divSearchBox input {
            font-size:18px;
            width:90%;
            border:solid 10px #fff;
            padding:0px;
            }
            
        input.btnResetSearch {
            position:absolute;
            top:4px;
            right:4px;
            width:36px;
            height:36px;
            background:#c77661 url(../Images/btnReset.png) no-repeat center center;
            border:0;
            padding:0px;
            cursor:pointer;
            }                

/*###### Kundenkartei #####*/
.pnlKundenkartei {
    position:relative; 
    float:left;
    width:40%;
    margin:0px 30px 0px 0px;
    }
    
.pnlKarteiKundendaten, .pnlKarteiBehandlungen     {
    width:100%;
    }

.karteiTitel, .karteiNachname, .karteiVorname {
    color:#999;
    font-size:14px;
    font-weight:normal;
    margin:0px; 
    padding:0px;
    }
    
.karteiNachname {
    color:#333;
    font-size:24px;
    font-weight:bold;
    }  
    
.karteiVorname {
    font-size:18px;
    margin:0px 0px 15px 0px; 
    }        


/*###### Login #####*/
#divLogin {
    position:absolute;
    right:-40px;
    top:250px;
    width:223px;
    height:205px;
    padding:15px;
    padding-top:7px;
    background:transparent url(../Images/hgLogin.png) no-repeat;
    z-index:100;
    }

    #divLogin p {
        margin:0px;
        margin-bottom:5px;
        }

    .pnlRegister {
        margin-top:10px;
        }
  

/*###### Formulare #####*/
.divForm, .divFormNoSpace, .divFormNoFloat, .divFormNoFloatSpace {
    position:relative;
    float:left;
    margin:0px 0px 10px 0px;
    width:98%;
    padding-right:1%;
    margin-right:1%;
    color:#bbb;
    font-size:11px;
    }
    
.divFormNoSpace {
    margin:0px 0px 0px 0px;
    }
    
.divFormNoFloat {
    float:none;
    clear:both;
    }
     
.divFormNoFloatSpace {
    float:none;
    clear:both;
    margin:0px 0px 0px 0px;
    }
         
input, textarea, select {
    font-size:13px;
    border:solid 1px #ddd;
    padding:5px;
    color:#333;
    font-weight:bold;
    font-family:"Segoe UI",Tahoma,Helvetica,Sans-Serif;
    width:inherit;
    }
    
.ddlAnsicht {
    font-size:24px;
    color:#c00418;
    }    
    
.btnRadio input {
    border:0px;
    width:30px;
    color:#bbb;
    font-size:11px;    
    }   

.divForm input, .divForm textarea, .divForm select, .divFormNoFloat input, .divFormNoFloat textarea, .divFormNoFloat select, .divFormNoSpace input, .divFormNoSpace textarea, .divFormNoSpace select, .divFormNoFloatSpace input, .divFormNoFloatSpace textarea, .divFormNoFloatSpace select {
    width:100%;
    }    
   
.divForm span.radio input, .radio input, .divForm span.radioWarning input, .radioWarning input {
    border:0px;
    width:auto;
    color:#bbb;
    font-size:11px;       
    }    
    
.radio.full {
    display:inline-block;
    width:100%;
}

.radioWarning, .divForm span.radioWarning input, .radioWarning input {
    font-weight:bold;
    color:#c77661;      
    }       

.systeminfo {
    font-size:11px;
    color:#999;
    text-align:right;
    }
    
hr {
   height:1px;
   border:0px;
   color:#fff;
   border-top:dotted 1px #bbb;
   margin:5px 0px 5px 0px;
   width:100%;
    }
    
/*###### Popups #####*/
#divHide  {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%; 
    visibility:hidden;
    background:transparent url(../Images/hgHide.png) repeat;   
    z-index:10000;
    }
    
.outerPopup {
    background-color:transparent;  
    z-index:10000;
}

.innerPopup, innerMultiFieldPopup, .innerPopupLager {
    border:solid 1px #000;
    background-color:#fff;
    width:600px;
    height:100%;
    overflow:auto;
}

    .innerMultiFieldPopup {
        width:950px;
    }

    .innerPopupLager {
        width:950px;
    }
    
    .divPopupHeader {
        position:relative;
        width:98%;
        height:21px;
        padding-top:8px;
        padding-left:2%;
        background:#c77661;
        font-weight:bold;
        font-size:13px;
        color:#fff;
        }

    .divPopupBody, .divPopupMultiFieldBody {
        position:relative; 
        background-color:#fff;
        padding:15px;
        }
        
        .divPopupMultiFieldBody {
                padding-right:600px;
            }

        .multifield {
            position:absolute;top:15px;right:15px;width:550px;
            }
            
        .divPopupBody table td {
            vertical-align:top;
            }        
        
    .divPopupControls {
        position:relative;
        padding:15px;
        padding-top:0px;
        }
        
    .divPopupHidden {
        position:relative;
        padding:0px;
        height:0px;
        }

.modalBackground {
    /*background:transparent url(../Images/hgHide.png) repeat;   */
    background-color:rgba(50,50,50,0.8);
}

.modalBackground2 {
    /*background:transparent url(../Images/hgHide.png) repeat;   */
    background-color:rgba(50,50,50,0.8);
    z-index:200000 !important; 
}

    
.divBoxGrau {
    background:#f2f3f4;
    padding:5px;
    padding-top:2px;
} 

.btnStandard, .btnOff, .btnGelb {
    background:#c77661;
    border:0px;
    padding:5px 10px 5px 10px;
    margin:5px 0px 10px 0px;
    cursor:pointer;
    color:#fff;
    font-size:13px;
    font-weight:bold;
    text-decoration:none;
    width:auto;
}

    .btnOff {
        background:#ccc;
    }
    
    .btnGelb {
        background:#ffda00;
    }    
    
    a:hover.btnOff {
        color:#666;
        text-decoration:none;
        background:#ccc;
    }
    
    /*.btnGallery, .btnSelectGallery {
        background:#00498d url(../images/btnSlideShow.png) no-repeat 5px center;
        padding-left:30px;
        float:left;
        }
        
        .btnSelectGallery {
            margin:0px 3px 0px 0px;
            padding:5px 8px 6px 25px;
        }
    
        a.btnGallery, a.btnSelectGallery {
            color:#fff;
            text-decoration:none;
            }
    
        a.btnGallery:hover {
            background:#f9b73c url(../images/btnSlideShow.png) no-repeat 5px center;
            }*/
            
    .btnInvisible {
        border:0px;
        padding:0px;
        margin:0px;
        background:transparent;
        width:0px;
        height:0px;
    }
        
    a.btnStandard, a:hover.btnStandard {
        color:#fff;
        text-decoration:none;
        font-weight:bold;
        }
        
    a:hover.btnStandard {
        color:#ddd;
        }        

.rechts {
    margin-left:10px;
    }
    
.btnFilter {
    background:#00498d url(../Images/btnFilter.png) no-repeat 4px 4px;
    border:0px;
    padding:5px 10px 5px 25px;
    margin:5px 0px 10px 0px;
    cursor:pointer;
    color:#fff;
    font-size:13px;
    font-weight:bold;
    text-decoration:none;
    width:auto;
    float:right;
}   

.filtered {
    background-color:#c00418;
    } 
    
.blue {
    background-color:#00498d;
    } 
    
.Required {
    font-weight:bold;
    font-size:13px;
    color:#ff0000;
    }
    
/*###### LADEANSICHT/FORTSCHRITTSFENSTER #####*/
#divInProgress {
    position:absolute;
    top:0px;
    left:0px;
	width:100%;
	height:100%;
	background:transparent url(../images/hgHide.png) repeat;
	text-align:center;
	visibility:visible;
	z-index:20000;
    } 

    
    .divInProgressMeldung      {
        position:relative;
        margin:0 auto;
        top:45%;
	    width:250px;
	    padding:15px;
	    background:#fff;
	    border:solid 1px #9ab7a1;
        } 

    #divInProgress p    {
        color:#9ab7a1;
        text-align:center;
        font-size:14px;
        font-weight:bold;
        margin-bottom:10px;
        } 

/*###### TabPanel #####*/
.pnlLogin {
    width:500px;
    }

.ajax__tab_container ajax__tab_default  {
    border:0px;
    }
    
.ajax__tab_header  {
    
    }

.ajax__tab_active  {

    }
    
.ajax__tab_outer  {
    background:#eee;   
    margin-right:5px; 
    cursor:pointer;
    }
    
.ajax__tab_active .ajax__tab_outer  {
    background:#fff;
    color:#000;
    font-weight:bold;
    padding:0px 10px 0px 10px;
    }
        
.ajax__tab_inner  {
    
    }

.ajax__tab_tab  {
    padding:5px;
    }
                    
.ajax__tab_body {
    background:#fff;
    }
    
.ajax__tab_panel {
    border:solid 2px #fff;
    padding:16px;
    margin-right:5px;
    }

/*###### GOSSIP & RUMOR #####*/
.divComment, .divCommentAlternating, .divCommentEdit {
    position:relative;
    float:left;
    width:900px;
    padding:5px 5px 5px 5px;
    background:#eee;
    }
    
.divCommentAlternating {
    background:#fff;
    }
       
.divCommentEdit {
    background:#f9b73c;
    }
    
.btnEditComment {
    position:absolute;
    top:5px;
    right:5px;
    }
    
.btnDeleteComment {
    position:absolute;
    top:5px;
    right:100px;
    }    

.divDataPager {
    position:relative;
    margin-bottom:10px;
    }   
    
/*###### FORMVIEW Pager #####*/
.pnlDataPager, .pnlDataPagerEinzug {
    position:relative;
    float:left;
    width:100%;
    text-align:left;
    margin-bottom:10px;
    }
    
.pnlDataPagerEinzug {
    left:20px;
    }    
    
.lblHits{
    position:relative;
    }

.btnPagerFV     {
	width:20px;
	height:20px;
	background:transparent url(../images/btnFirstPage.png) no-repeat 0px 0px;
	text-decoration:none;
	margin:0;
	padding:0;
	}

.divArticleRegular, .divArticleAlternative, .divArticleHover {
    position:relative;
    float:left;
    width:900px;
    padding:10px 10px 10px 10px;
    background:#eee;
    }
    
.divArticleAlternative {
    background:#fff;
    }
    
.divArticleHover {
    background:#f9b73c;
    cursor:pointer;
    }    
    
.ltlTitle {
    margin:0px 0px 0px 0px;
    }    
    
.ltlCreated {
    color:#98a2b8;
    font-size:11px;
    margin:0px 0px 10px 0px;
    }
        
.divArticleFooter     {
    position:relative;
    float:left;
    width:100%;
    text-align:right;
    color:#98a2b8;
    font-size:11px;
	}
    
 .seriennummer {
    font-size:18px;
    font-weight:bold;
    color:#333;
    }    
       
/*###### GRIDVIEW Pager #####*/
.bordertop {
    border-top:solid 1px #00396b;
    }
    
.btnGV {
    width:16px;
    padding:0px;
    border:0px;
    margin-left:8px;
    }

.btnBack, .btnBackHover, .btnNext, .btnNextHover, .btnFirst, .btnFirstHover, .btnLast, .btnLastHover {
    width:20px;
    height:20px;
    margin:0;
    padding:0;
    border:0;
}

.btnBack, .btnBackHover         {
					background:transparent url(../images/btnPreviousPage.png) no-repeat 0px 0px;
					font-weight:bold;
					text-decoration:none;
					}
					
.btnNext, .btnNextHover         {
					background:transparent url(../images/btnNextPage.png) no-repeat right 0px;
					font-weight:bold;
					text-decoration:none;
					}
					
.btnBackHover    {
					background:transparent url(../images/btnPreviousPage.png) no-repeat 0px -20px;
					color:#C90000;
					}
					
.btnNextHover     {
					background:transparent url(../images/btnNextPage.png) no-repeat right -20px;
					color:#C90000;
					}
					
.btnFirst, .btnFirstHover         {
					background:transparent url(../images/btnFirstPage.png) no-repeat 0px 0px;
					font-weight:bold;
					text-decoration:none;
					}
					
.btnLast, .btnLastHover         {
					background:transparent url(../images/btnLastPage.png) no-repeat right 0px;
					font-weight:bold;
					text-decoration:none;
					}
					
.btnFirstHover    {
					background:transparent url(../images/btnFirstPage.png) no-repeat 0px -20px;
					color:#c77661;
					}
					
.btnLastHover     {
					background:transparent url(../images/btnLastPage.png) no-repeat right -20px;
					color:#c77661;
					}

.PagerStyle a {
    color:#9ab7a1;
    }
    
.PagerStyle a:hover {
    background-color:#9ab7a1;
    color:#fff;
    }    
    
.pagerRed	    {
    color:#c77661;
    }


/*###### Funktionen #####*/
.divFunctionsPositioner {
    position:absolute;
    right:5px; 
    top:5px;
    }
 
.divFolderFunctionsPositioner {
    position:absolute;
    left:0px; 
    top:5px;
    }
    
.lnkReadArticle, .lnkNewArticle, .lnkEditArticle, .lnkComments, .lnkDeleteArticle {
    padding:2px 0px 2px 20px;
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:top left;
    text-decoration:none;
    color:#374979;
    /*color:#cecece;
    background-color:#cecece;*/
    line-height:2.2em;
    width:30px;
    height:30px;
    }
    
.lnkNewArticle {
    background-image:url(../images/btnNew.png);
    }
    
.lnkEditArticle {
    background-image:url(../images/btnEdit.png);
    }
    
.lnkComments {
    background-image:url(../images/btnComment.png);
    }    
     
.lnkDeleteArticle {
    background-image:url(../images/btnDelete.png);
    }       
    
.btnFunction, .btnFunctionOff, .btnFunctionClear, img.btnFunction {
    background-color:#374979;
    width:16px;
    height:16px;
    }   
    
.btnFunctionOff {
    background-color:#cecece;  
    }        
    
.btnHelp, .btnHelpHover {
    position:absolute;
    top:3px;
    right:6px;
    width:16px;
    height:16px;   
    background:transparent;
    border:0px;
    }
    
    .btnHelpHover {

        }    
    
.btnFunctionClear {
    background-color:#d30324;  
    }       
    
.imgFunction, .imgFunctionOff {
     background:#374979;
     width:16px;
     height:16px;
     padding:5px;
    }
    
.imgFunctionOff {
     background:#cecece;
    }        
    
/* ---> CLOWN VISITS
---------------------------------------------------------------------------------------------------------- */
  
#iframeClownVisits {
    width:100%;
    height:510px;
    }    
    
    
/* ---> FILE SYSTEM 
---------------------------------------------------------------------------------------------------------- */

.fsItemWrapper, .fsItemWrapperHover, .fsItemWrapperSelected {
    position:relative; 
    float:left; 
    width:119px; 
    height:150px; 
    border:solid 1px #fff; 
    margin:5px; 
    text-align:center;
    padding:0px 0px 5px 0px;
    }

    .fsItemWrapperHover {
        border:solid 1px #b8d6fb; 
        background:#ecf3fd;
        }  
    
    .fsItemWrapperSelected {
        border:solid 1px #cecece; 
        background:#f0f0f0;
        }  
            
.fsItem {
    position:relative; 
    float:left; 
    width:100px; 
    height:100px; 
    margin:5px; 
    border:solid 0px #ccc;
    }
 
.btnSelect {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    }
    
.btnFolderSelect {
    position:absolute;
    top:0px;
    left:0px;
    width:185px;
    height:28px;
    }    

.imgPreviewThumb {
    max-width:100px;
    max-height:100px;
    }
    
.tdPreviewThumb {
    text-align:center; 
    vertical-align:middle;
    width:100px;
    height:100px;
    }   
    
.pnlFolder, .pnlFolderHover, .pnlFolderSelected {
    position:relative; 
    float:left; 
    width:153px;
    border:solid 1px #fff; 
    margin:0px 0px 0px 0px; 
    padding:12px 5px 10px 35px;
    background: transparent url(../images/hgFolder.png) no-repeat 5px 5px;    
    }
 
    .pnlFolderHover {
        border:solid 1px #b8d6fb; 
        background:#ecf3fd url(../images/hgFolder.png) no-repeat 5px 5px;
        }
     
    .pnlFolderSelected {
        border:solid 1px #cecece; 
        background:#f0f0f0 url(../images/hgFolderSelected.png) no-repeat 5px 5px;
        margin:0px 0px 5px 0px; 
        }
     
    .pnlFolderSelectedHover {
        border:solid 1px #cecece; 
        background:#ecf3fd url(../images/hgFolderSelected.png) no-repeat 5px 5px;
        }     
        
.pnlFolders, .pnlFoldersScroll {
        position:relative;
        float:left;
        width:200px;
        border-right:solid 5px #cecece;
        margin:-10px 0px -10px -5px;
        padding:45px 0px 10px 0px;
        height:515px;
        overflow:hidden;
        }
        
.pnlFoldersScroll {
        overflow:auto;
        }        
        
.pnlFiles {
    
    }         
    
.pnlFolderFiles {
    position:relative;
    float:right;
    margin:-10px -10px -10px -5px;
    padding:10px 0px 10px 10px;
    border-left:solid 5px #cecece;
    background:#fff;
    min-height:550px;
    width:720px;
    }           
    
.btnShowFolders, .btnHideFolders {
    background-color:#cecece;
    width:16px;
    height:16px; 
    position:absolute;
    top:5px;
    left:0px;
    } 
    
.btnHideFolders {
    top:5px;
    left:auto;
    right:0px;
    }     
      
/*###### GLOBAL #####*/
div.clear {
	width:100%;	
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
}    

.hide {display:none;}      
.show {display:inherit;}