body
{
        background-color: silver;
}
.overflow 
{
      height: 320px;
}
.lbutton
{
	width: 27px;
	position: absolute;
	height: 20px;
}
.lbimg
{
	width: 12px;
}
.inpControls
{
	display: block;
	width: 130px;
	height: 23px;
	background-color: transparent;
	float: right;
}
.inplabel
{
	display: block;
	width: 250px;
	height: 23px;
	padding-top: 3px;
	background-color: transparent;
	
}
.inputBoxShort
{
	padding: 2px; 
	text-align: right; 
	border-radius: 3px;
	background-color: #fefefe;
	width: 50px;
	float: right;
}
.inputBoxMedium
{
	padding: 2px; 
	text-align: left; 
	border-radius: 3px;
	background-color: #fefefe;
	width: 80px;
}
.inputBoxLargeRo
{
	padding: 2px; 
	text-align: right; 
	border-radius: 3px;
	background-color: #eeeeee;
	width: 100px;
	float: right;
}
.slidebutton
{
	width: 22px;
	height: 20px;
	
}
.cbpl
{
	width: 40px;
	height: 40px;
}
.border-corner
{
	width: 250px;
}
div#collagelibsect
{
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;


}
div#elementlibsect
{
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;


}
div#collopts
{
	position: absolute;
	top: 220px;
	left: 30px;

}
div#elemopts
{
	position: absolute;
	top: 220px;
	left: 30px;

}
div#header
{
        position: absolute;
        top: 0px;
        height: 40px;
        background-color:#c0c0c0;
        right: 0px;
        font-size: 24px;
        font-family: Arial;
        color:#ffffff;
        z-index: 200;
    	
        width: 360px;
}
div#headercover
{
        position: fixed;
        top: 0px;
        height: 0px;
        background-color: silver;
        left: 0px;
        font-size: 24px;
        font-family: Arial;
        color:#ffffff;
        z-index: 210;
    
        width: 100%;
}
div#logintext
{
        font-size: 14px;
        font-family: Arial;
        color:red;
        float: right;
        
}
select
{
        width: 200px;
}
.layer
{
        position: absolute;
        overflow: hidden;
        
}
#combiset
{
        width: 300px;
}
input[type="checkbox"]
{
    width: 30px;
}
div.cssfolder
{
        width: 200px;
        color:black;
        margin-left: 100px;
        display: block;                              
        font-size: 12px;
        font-family: Arial;
        text-align: right;
        font-weight:normal;
        padding:5px;
        text-decoration:none;
        vertical-align: middle;
        background-color: #eeeeee;
        box-shadow: 3px 3px 10px #aaa;

}
div#zoomcircles
{
	position: absolute;
	top: 200px;
	left: 30px;
}
div#object
{
        width: 350px;
        
}

div#page 
{
        position: absolute;
        right: 0px;
        bottom: 0px;
        left: 0px;
        top: 0px;
        background-color: white;
}
div.smitem
{
        position: relative;
        width: 80px;
        height: 80px;
        background-color: silver;
        margin: 2px;
        float: left;
        
}
div#dispbuttons
{
        position: absolute;
        left: 15%;
        top: 15px;
        height: 30px;
        font-size: 14px;
        font-family: Arial;
        
        
}
div#heading
{
        position: absolute;
        
        text-align: left;
        left: 100px;
        width: 300px;
        top: 10px;
        vertical-align: middle;
}
div#softpanel
{
    
        position: absolute;
        top: 0px;
        height: 100%;
        right: 20px;
        width: 360px;
        
        background-color: transparent;
        overflow: hidden;
        padding: 0px;
        
        font-size: 12px;
        font-family: Arial;
        color:#555555;
        
       
        
} 
div#controlpanelview
{
    
        position: absolute;
        top: 0px;
        bottom: 0px;
        right: 0px;
        width: 360px;
        
        background-color: transparent;
        overflow: hidden;
} 
div#controlpanel
{
    
        position: absolute;
        top: 40px;
        bottom: 0px;
        right: 0px;
        width: 360px;
        
        background-color: silver;
        overflow: hidden;
        padding: 0px;
        
        font-size: 12px;
        font-family: Arial;
        color:#555555;
        
       
        
} 
div#accesspanel
{
    
        position: absolute;
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: 0px;
        background-color: white;
        overflow: hidden;
        padding: 0px;
        
        font-size: 12px;
        font-family: Arial;
        color:#555555;

        box-shadow: 2px 2px 8px #bbb;
        z-index: 250;
}
div#displaypanel
{
    
        position: absolute;
        top: 58px;
        bottom: 46px;
        right: 0px;
        left: 0px;
        background-color: white;
        overflow: hidden;
        padding: 0px;
        box-shadow: 2px 2px 8px #bbb;
        z-index: 190;
}
div#display
{
        position: absolute;
        top: 0px;
        bottom: 10px;
        right: 10px;
        left: 0px;
        background-color: transparent;
        -ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        overflow: ;

       
}
div#displaymask
{
        position: absolute;
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: 0px;
        background-color: white;
        
        overflow: auto;

        
}
div#displayback
{
        position: absolute;
        top: 58px;
        bottom: 43px;
        right: 0px;
        left: 0px;
        background-color: white;
        
        overflow: auto;

}

div#active
{
        position: absolute;
        background-color: black;   
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 2 px;

}
div#testdisp
{
        position: absolute;
        top: 58px;
        bottom: 58px;
        right: 520px;
        left: 0px;
        background-color:transparent;
        overflow: hidden;
        

        box-shadow: 0 0 8px #bbb;
}
div#combi
{
        position: absolute;
        top: 58px;
        bottom: 58px;
        right: 520px;
        left: 0px;
        background-color:transparent;
        overflow: hidden;
        

        box-shadow: 0 0 8px #bbb;
}
div#csstext
{
        
        top: 200px;
        bottom: 58px;
        right: 5%;
        left: 5%;
        background-color: white;
        overflow: scroll;
        

        box-shadow: 0 0 8px #bbb;
}
div#cssdisplay
{
        position: absolute;
        top: 58px;
        bottom: 58px;
        right: 500px;
        left: 0px;
        background-color: white;
        overflow: auto;
        

        box-shadow: 0 0 8px #bbb;
}
                        
p
{
        margin-left: 20px;
}
a.sm
{
        width: 70px;
        height: 70px;
        display: block;
        
        
}
a.login
{
        color:white;
                                
        font-size: 12px;
        font-family: Arial;
        text-align: right;
        font-weight:normal;
        padding:5px;
        text-decoration:none;
        vertical-align: middle;
        
        

}
a.baselist
{
        color:black;
        display: block;                              
        font-size: 12px;
        font-family: Arial;
        text-align: left;
        font-weight:normal;
        padding:5px;
        text-decoration:none;
        vertical-align: middle;
        background-color: #cccccc ;
        box-shadow: 3px 3px 10px #aaa;

}
a.delfolderlist
{
        width: 200px;
        color:white;
        margin-left: 10px;
        display: block;                              
        font-size: 12px;
        font-family: Arial;
        text-align: left;
        font-weight:normal;
        padding:5px;
        text-decoration:none;
        vertical-align: middle;
        background-color: black ;
        box-shadow: 3px 3px 10px #aaa;

}
a.folderlist
{
        width: 200px;
        color:black;
        margin-left: 10px;
        display: block;                              
        font-size: 12px;
        font-family: Arial;
        text-align: left;
        font-weight:normal;
        padding:5px;
        text-decoration:none;
        vertical-align: middle;
        background-color: #dddddd ;
        box-shadow: 3px 3px 10px #aaa;

}
a.filelist
{
        width: 200px;
        color:black;
        margin-left: 10px;
        display: block;                              
        font-size: 12px;
        font-family: Arial;
        text-align: right;
        font-weight:normal;
        padding:5px;
        text-decoration:none;
        vertical-align: middle;
        background-color: #eeeeee;
        box-shadow: 3px 3px 10px #aaa;

}
a.indent
{
        width: 15px;
        color:black;
        margin-left: 0px;
        display: block;                              
        font-size: 12px;
        font-family: Arial;
        text-align: left;
        font-weight:normal;
        padding:5px;
        text-decoration:none;
        vertical-align: middle;
        background-color: #eeeeee;
        box-shadow: 3px 3px 10px #aaa;

}
a.indent:hover
{
        width: 15px;
        color:black;
        margin-left: 0px;
        display: block;                              
        font-size: 12px;
        font-family: Arial;
        text-align:left;
        font-weight:normal;
        padding:5px;
        text-decoration:none;
        vertical-align: middle;
        background-color: #888888;
        box-shadow: 3px 3px 10px #aaa;

}
a.llist
{
        right: 0px;
        color:black;
        margin-left: 0px;
        display: block;                              
        font-size: 12px;
        font-family: Arial;
        text-align: left;
        font-weight:normal;
        padding:5px;
        text-decoration:none;
        vertical-align: middle;
        background-color: transparent;
        box-shadow: 3px 3px 10px #aaa;

}
a.dduserlist
{
        width: 300px;
        color:black;
        margin-left: 0px;
        display: block;                              
        font-size: 12px;
        font-family: Arial;
        text-align: left;
        font-weight:normal;
        padding:5px;
        text-decoration:none;
        vertical-align: middle;
        background-color: #eeeeee;
        box-shadow: 3px 3px 10px #aaa;

}
a.remlist
{
        color:red;
        display: block;                              
        font-size: 12px;
        font-family: Arial;
        text-align: left;
        font-weight:normal;
        padding:5px;
        text-decoration:none;
        vertical-align: middle;
        background-color: #cccccc ;
        box-shadow: 3px 3px 10px #aaa;

}
a.baselist:hover
{
        color:black;
        display: block;                              
        font-size: 12px;
        font-family: Arial;
        text-align: left;
        font-weight:normal;
        padding:5px;
        text-decoration:none;
        vertical-align: middle;
        background-color: #888888 ;
        box-shadow: 3px 3px 10px #aaa;

}
a.delfolderlist:hover
{
        width: 200px;
        color:white;
        margin-left: 10px;
        display: block;                              
        font-size: 12px;
        font-family: Arial;
        text-align: left;
        font-weight:normal;
        padding:5px;
        text-decoration:none;
        vertical-align: middle;
        background-color: red ;
        box-shadow: 3px 3px 10px #aaa;

}
a.folderlist:hover
{
        width: 200px;
        color:black;
        margin-left: 10px;
        display: block;                              
        font-size: 12px;
        font-family: Arial;
        text-align: left;
        font-weight:normal;
        padding:5px;
        text-decoration:none;
        vertical-align: middle;
        background-color: #888888;
        box-shadow: 3px 3px 10px #aaa;

}
a.filelist:hover
{
        width: 200px;
        color:black;
        margin-left: 10px;
        display: block;                              
        font-size: 12px;
        font-family: Arial;
        text-align: right;
        font-weight:normal;
        padding:5px;
        text-decoration:none;
        vertical-align: middle;
        background-color: #888888;
        box-shadow: 3px 3px 10px #aaa;

}
a.llist:hover
{
        right: 0px;
        color:black;
        margin-left: 0px;
        display: block;                              
        font-size: 12px;
        font-family: Arial;
        text-align:left;
        font-weight:normal;
        padding:5px;
        text-decoration:none;
        vertical-align: middle;
        background-color: #888888;
        box-shadow: 3px 3px 10px #aaa;

}
a.dduserlist:hover
{
        width: 300px;
        color:black;
        margin-left: 0px;
        display: block;                              
        font-size: 12px;
        font-family: Arial;
        text-align:left;
        font-weight:normal;
        padding:5px;
        text-decoration:none;
        vertical-align: middle;
        background-color: #888888;
        box-shadow: 3px 3px 10px #aaa;

}
a.remlist:hover
{
        color:red;
        display: block;                              
        font-size: 12px;
        font-family: Arial;
        text-align: left;
        font-weight:normal;
        padding:5px;
        text-decoration:none;
        vertical-align: middle;
        background-color: #888888 ;
        box-shadow: 3px 3px 10px #aaa;

}
div.link
{
        position:absolute;
        color:black;
        width: 200px;
        padding: 5px;
}
div.rem
{
        left:210px;
        position:absolute;
        width: 20px;
        padding: 5px;
        color: red;
}
div.layerbutton
{
        position: relative;
        width: 283px;
       

        
}
div.layerbuttonx
{
        position: relative;
        width: 283px;
        background-color: #e0e0e0;
       

        
}
div.ilib
{
        position: absolute;
        
        width: 20px;
        padding: 5px;

}
div.iilib
{
        position: absolute;
        left: 30px;
        width: 15px;
        padding: 5px;

}
div.iiilib
{
        position: absolute;
        left: 60px;
        width: 15px;
        padding: 5px;

}
div.llib
{
        position: relative;
        left: 30px;
        width: 240px;
		background-color: #cccccc;
        padding: 5px;

}
div.lllib
{
        position: relative;
        left: 60px;
        width: 210px;
		background-color: #dddddd;
        padding: 5px;

}
div.llllib
{
        position: relative;
        left: 90px;
        width: 180px;
		background-color: #eeeeee;
        padding: 5px;

}
div.lib
{
        position: relative;
        width: 250px;
        padding: 5px;

}
h3
{
        color: green;
}
div#picture
{
	position: absolute;
	height: 21px;
	width: 21px;
	border-style: solid;
	top: 0px;
	left: 0px;
	background-color: #f12c60;
	border-top-width: 11px;
	border-top-color: #81d742;
	border-left-width: 11px;
	border-left-color: #888888;
	border-right-width: 11px;
	border-right-color: #eeee22;
	border-bottom-width: 11px;
	border-bottom-color: #dd9933;
	border-top-left-radius: 10%;
	border-top-right-radius: 10%;
	border-bottom-left-radius: 10%;
	border-bottom-right-radius: 10%;
	
}
div#splogo
{
        position: absolute;
        left: 0px;
        top: 3px;
}
div#spmenu
{
        position: absolute;
        left: 0px;
        height: 53px;
        width: 80px;
        top: 8px;
}
div#animcon
{
        position: absolute;
        right: 248px;
        height: 58px;
        width: 170px;
        top: 0px;
        background-color: silver;
        overflow: hidden;
}
div#controlview
{
        position: absolute;
        right: 130px;
        height: 58px;
        width: 150px;
        top: 0px;
        background-color: #aaaaaa;
        overflow: hidden;
}
div#controlpos
{
        position: absolute;
        right: 10px;
        height: 58px;
        width: 100px;
        top: 0px;
        background-color: silver;
        overflow: hidden;
}
div#displaysptitle
{
        position: absolute;
        
        right: 0px;
        left: 0px;
        overflow: visible;
        /*width: 1200px;*/
        height: 100px;
        background-color: black;
        bottom: 80px;
}
div#displaymenu
{
        position: absolute;
        right: 0px;
        left: 0px;
        overflow: hidden;
        /*width: 1200px;*/
        height: 100px;
        background-color: silver;
        bottom: 80px;
}
div#menuopts
{
    
        position: absolute;
        top: 0px;
        left: 0px;
        border-bottom-style: solid;
        border-bottom-width: 0px;
        border-bottom-color: #000000;
        height: 58px;
        width: 700px;
        background-color: silver;
        
}
div#sysmenu
{
        position: absolute;
        left: 450px;
        width: 250px;
}
div#socialmedia
{
        position: absolute;
        left: 0px;
        width: 500px;
}
div#headermenu
{
        position: absolute;
        width: 300px;
		left: 60px;
        /*margin-left: auto;
        margin-right: auto;*/
        padding: 1px;
        background-color: silver;
        top: 3px;
        height: 58px;
        border-top-style: solid;
        border-top-width: 0px;
        border-top-color: #aaaaaa;
        -ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(0.5,0.5);
	-webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(0.5,0.5);
	-o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(0.5,0.5);
	transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(0.5,0.5);
        
}
div.alink
{
        width: 50px;
        height: 70px;
}
div#loginarea
{
	position: absolute;
	height: 231px;
	
	bottom: 46px;
	width: 420px;
        right: 5%;
        padding: 20px;
	opacity: 1;
}
div#displaycover
{
	position: absolute;
	height: 100%;
	width: 100% ;
        bottom: 0px;

	
}

h3
{
        font-family: arial;
        font-size: 24px;
        color: #888888;
}
.controlsect 
{
	position: absolute;
        padding: 30px;
	top: 0px;
        width: 300px;
        bottom: 0px;
        background-color: #efefef;
        font-family: arial;
        font-size: 12px;
        line-height: 1.3;
        color: #888888;
        overflow-y: auto;
		overflow-x: hidden;
        
}
.controlset 
{
	position: absolute;
	overflow: hidden;
	display: block;
}
.controlbutton 
{
	position: absolute;
	overflow: hidden;
	display: block;
        width: 100%;
        height: 100%;
}
.conlayer .cpbl
{
	position: absolute;
	overflow: hidden;
	display: block;
}
.oblayer 
{
	position: absolute;
	overflow: hidden;
	display: block;
}
#accordion
{
        position: absolute;
        top: 236px;
        bottom: 0px;
        width: 360px;
        overflow: auto;
        background-color: #efefef;
        
}