#button_globalframe {
	position:absolute;
	left: 0px;
	top: 0px;
   }

#boxheader {
    background-color: #cbe6fa;
    margin-bottom: 5px;
    padding: 3px;
}



#easybuttonselected{
    position: absolute;      
    left: 2px;
    top: 2px;
	z-index:1;
}

#easynewbuttondiv{
    background-repeat: no-repeat;
    text-align: center;
    margin-bottom: 4px;
    position: absolute;  
    width: 348px;	
    height: 175px;
	left: 19px;
	top: 97px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 3;
}

#easynewbuttondivbackground{
    background-image: url("images/easynewbutton.png");	
    background-repeat: no-repeat;
    text-align: center;
    margin-bottom: 4px;
    position: absolute;  
    width: 348px;	
    height: 175px;
    left: -2000px;
	top: 97px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 3;
}

#easyboardeditdiv{

    background-repeat: no-repeat;
    position: absolute;  
    width: 1024px;	
    height: 470px;
	left: 02px;
    top: 0px;
    overflow: auto;
    z-index: 4;
}

#easyboardeditdivbackground{
    background-image: url("images/easyboardedit.png");	
    background-repeat: no-repeat;
    position: absolute;  
    width: 1024px;	
    height: 470px;
    left: -2000px;
    top: 0px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 4;
}

#profilediv{
	background-repeat: no-repeat;
	text-align: center;
	margin-bottom: 4px;
	position: absolute;
	width: 348px;
	height: 260px;
	left: 19px;
	top: 242px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	z-index: 3;
}

#adventurediv{
    background-repeat: no-repeat;
    text-align: center;
    margin-bottom: 4px;
    position: absolute;  
    width: 348px;	
    height: 227px;
	left: 19px;
	top: 242px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 3;
}

#profiledivbackground{
    background-image: url("images/profilebuttonback.png");	
    background-repeat: no-repeat;
    text-align: center;
    margin-bottom: 4px;
    position: absolute;  
    width: 348px;	
    height: 260px;
    left: -2000px;
	top: 242px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 3;
}

#easytoolsdiv{
    background-repeat: no-repeat;
    position: absolute;  
    width: 348px;	
    height: 227px;
	left: 18px;
	top: 314px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 3;
}

#easytoolsdivbackground{
    background-image: url("images/easytools.png");	
    background-repeat: no-repeat;
    position: absolute;  
    width: 348px;	
    height: 227px;
    left: -2000px;
	top: 314px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 3;
}

#uploadiframdiv{
    width: 100%;	
    height: 100%;
    position: absolute;      
    text-align: center;
    margin-bottom: 4px;
    left: 0px;
    top: 0px;
}

#buttonuploader{
    border:solid 2px #7CACCC;
    background:#ebf4fb;
    width: 180px;
    height: 138px;
    position: relative;      
    text-align: center;
    border-radius: 5px;
    padding: 7px;
    margin-bottom: 5px;
}
#buttonreplace{
    background-image: url("images/putdownbutton.png");	
    background-repeat: no-repeat;
    width: 195px;	
    height: 185px;
    position: relative;      
    text-align: center;
    margin-bottom: 4px;
}

#buttonpaddingslider{
    width: 167px;	
    height: 185px;
    position: absolute;
    top: 177px;
    left: 12px;
}

#easyboard{	
position: absolute;
z-index: 0;
top: 0px;
bottom: 0px;
left: 0;
width: 100%;
overflow: auto;
}

#buttonupload {
position: absolute;
width: 135px;
height: 37px;
top: 7px;
left: 206px;
}



.sizetickbox {
    position: absolute;
    left: 11px;
    top: 6px;
}



.easymovebutton {
    border: 1px solid #7CACCC;
    background: #cae5fa;	
    margin: 4px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;	
    border-radius: 5px;
    position: absolute;
    left: 3px;
    top: 172px;
    width: 94px;
}
.easymovebutton:hover {
    background: #a0d3fa;
}

.txteasybutget {
position: absolute;
left: 5px;
top: 42px;
width: 235px;
height: 25px;
}

.expandbutton {
background-image: url("buttons/but-button.png");
border: 0px solid rgba(25, 30, 34, 0.0);
background-color: rgba(25, 30, 34, 0.0);
border-radius: 3px;
position: absolute;
top: 88px;
left: 10px;
height: 64px;
width: 64px;
}
.expandbutton:hover {
	background-position:0px -64px;
}

.expandboardeditbut {
background-image: url("buttons/but-board.png");
border: 0px solid rgba(25, 30, 34, 0.0);
background-color: rgba(25, 30, 34, 0.0);
border-radius: 3px;
position: absolute;
top: 160px;
left: 10px;
height: 64px;
width: 64px;
}

.expandboardeditbut:hover {
	background-position:0px -64px;
}

.expandtools {
background-image: url("buttons/but-tools.png");
border: 0px solid rgba(25, 30, 34, 0.0);
background-color: rgba(25, 30, 34, 0.0);
border-radius: 3px;
position: absolute;
top: 305px;
left: 10px;
height: 64px;
width: 64px;
}
.expandtools:hover {
	background-position:0px -64px;
}

.profile {
background-image: url("buttons/but-profile.png");
border: 0px solid rgba(25, 30, 34, 0.0);
background-color: rgba(25, 30, 34, 0.0);
border-radius: 3px;
position: absolute;
top: 232px;
left: 10px;
height: 64px;
width: 64px;
}
.profile:hover {
	background-position:0px -64px;
}


.easybutget {
    background-image: url("buttons/but-take.png");	
    border: 1px solid #7CACCC;
    background-color: #cae5fa;
    border-radius: 5px;
    position: absolute;
    top: 42px;
    left: 252px;
    height: 31px;
    width: 88px;
}
.easybutget:hover {
    background: #a0d3fa;
}

.txteasybutlibrary {
position: absolute;
left: 94px;
top: 83px;
width: 270px;
height: 30px;
font-family: "Open Sans", sans-serif;
}

.easybutlibrary {
    background-image: url("buttons/but-take.png");
    border: 2px solid #7CACCC;
    background-color: #cae5fa;		
    border-radius: 5px;
    position: absolute;
    top: 82px;
    left: 276px;	
    height: 32px;
    width: 88px;
}

.easybutlibrary:hover {
    background-color: #a0d3fa;
}


.easybuttake {
    background-image: url("buttons/but-take.png");
    border: 2px solid #7CACCC;
    background-color: #cae5fa;	
    border-radius: 5px;
    position: absolute;
    top: 120px;
    left: 277px;
    height: 32px;
    width: 88px;	
}
.easybuttake:hover {
    background-color: #a0d3fa;
}

.txteasybutborrow {
position: absolute;
left: 5px;
top: 122px;
width: 235px;
height: 25px;
font-family: "Open Sans", sans-serif;
}

.easybutborrow {
    background-image: url("buttons/but-borrow.png");	
    border: 2px solid #7CACCC;
    background-color: #cae5fa;	
    border-radius: 5px;
    position: absolute;
    top: 122px;
    left: 252px;
    height: 32px;
    width: 88px;
}
.easybutborrow:hover {
    background-color: #a0d3fa;
}


.closeexpandboard {
	display: block; 
    background-image: url("buttons/but-closeexpand.png");	
    position: absolute;    
	left: 4px;    
	top: 4px;    
	width: 32px;
	height: 32px;
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer; 
	
}

.closeexpandboard:hover {
    background-image: url("buttons/but-closeexpanddn.png");	
}

.txtbutinfo {
position: absolute;
left: 611px;
top: 4px;
width: 354px;
height: 25px;
}

.txtgetimglink {
position: absolute;
left: 4px;
top: 203px;
width: 128px;
}

.buttonlogout {
background-image: url("buttons/but-logout.png");
border: 0px solid rgba(25, 30, 34, 0.0);
background-color: rgba(25, 30, 34, 0.0);
border-radius: 3px;
position: absolute;
height: 64px;
width: 64px;
bottom: 4px;
left: 4px;
z-index: 2;
}
.buttonlogout:hover {
	background-position:0px -64px;
}

.buttonreturn {
background-image: url("buttons/but-return.png");
border: 0px solid rgba(25, 30, 34, 0.0);
background-color: rgba(25, 30, 34, 0.0);
border-radius: 3px;
position: absolute;
height: 64px;
width: 64px;
bottom: 4px;
left: 4px;
z-index: 2;
}
.buttonreturn:hover {
	background-position:0px -64px;
}


.gobackbutton {
    background-image: url("buttons/but-window-closeup.png");
    background-color: transparent;
    background-repeat: no-repeat;
    border: 1px;
    position: absolute;
    top: 2px;
    left: 2px;
    height: 64px;
    width: 64px;
	z-index: 25;	
}
.gobackbutton:hover {
    background-image: url("buttons/but-window-closedn.png");
}

.boardbuttonimg {
}

.boardbutton {
    background-image: url("buttons/but-emptyslot.png");	
	background-size: 100% 100%;
}

.boardbuttonup
{
	background-color: rgba(255, 255, 255, 0.0);
	background-size: 100% 100%;
	border: 6px solid rgba(255, 255, 255, .15);
	border-radius: 1000px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	z-index: 3;
}

.boardbuttonexistup
{
	background-color: rgba(255, 255, 255, 0.0);
	background-size: 100% 100%;
	border: 6px solid rgba(168, 227, 255, 0.2);
	border-radius: 1000px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	z-index: 3;
}

.boardbuttondn
{
    background-image: url("buttons/but-moveselected.png");	
	background-size: 100% 100%;
	z-index: 3;
}

.boardbuttonnotdn
{
	background-size: 100% 100%;
	border: 3px solid rgba(101, 218, 45, 0.8);
	border-radius: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-style: dashed;
	z-index: 3;	
}

#stopinteraction {
background-image: url("images/loading.gif");
background-size: 100% 100%;
position: absolute;
width: 0%;
height: 0%;
left: 0px;
top: 0px;
z-index: 20;
overflow:auto;
}

p.boardname{
color: rgb(85, 85, 85);
text-align: center;
font-family: "Open Sans", sans-serif;
font-size: 19px;
margin: 0px;
padding: 14px;
}

.txteasybuttonlibrary {
position: absolute;
left: 5px;
top: 46px;
width: 238px;
height: 32px;
font-family: "Open Sans", sans-serif;
}

.easybuttonlibrary {
    background-image: url("buttons/but-take.png");
    border: 2px solid #7CACCC;
    background-color: #cae5fa;		
    border-radius: 5px;
    position: absolute;
    top: 46px;
    left: 252px;	
    height: 32px;
    width: 88px;
}




.easybuttonlibrary:hover {
    background-color: #a0d3fa;
}


.txteasybuttontake {
position: absolute;
left: 5px;
top: 84px;
width: 235px;
height: 25px;
font-family: "Open Sans", sans-serif;
}

.easybuttontake {
    background-image: url("buttons/but-take.png");
    border: 2px solid #7CACCC;
    background-color: #cae5fa;	
    border-radius: 5px;
    position: absolute;
    top: 84px;
    left: 252px;
    height: 32px;
    width: 88px;	
}
.easybuttontake:hover {
    background-color: #a0d3fa;
}

.txteasybuttonborrow {
position: absolute;
left: 5px;
top: 122px;
width: 235px;
height: 25px;
font-family: "Open Sans", sans-serif;
}

.easybuttonborrow {
    background-image: url("buttons/but-borrow.png");	
    border: 2px solid #7CACCC;
    background-color: #cae5fa;	
    border-radius: 5px;
    position: absolute;
    top: 122px;
    left: 252px;
    height: 32px;
    width: 88px;
}
.easybuttonborrow:hover {
    background-color: #a0d3fa;
}











br { clear: left; }

-->
