.so-ar-base {
height:64px;;
width:96px;;
background-repeat:no-repeat;
display:block;
border-radius: 1em;

position: relative;
z-index:2;
background-size: 96px 64px;
margin: 0 auto;
margin-bottom: 10px;
}
.ar-text {
background-color:white;
background-image:url(../Images/sofatext.png);
}
.ar-msgbox {
background-color:white;
background-image:url(../Images/sofamsg.png);
}
.ar-spr {
background-color:white;
background-image:url(../Images/sofasp.png);
}
.ar-connect {
background-color:white;
background-image:url(../Images/sofaconnect.png);
}
.ar-actreg {
background-color:white;
background-image:url(../Images/sofaactreg.png);
}

.sophi {
text-align:left;
margin-left:1%;
}

.exa {
background-color:#d9d9d9;
border: bold inset #666666;
margin-left :1%;
width: 100px;
border-radius: 1em;
}
.exatable {
	white-space:nowrap;
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.exatable td, th {
	font-size:1em;
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

.exatable tr:nth-child(even) {
    background-color: #dddddd;
}
.ar_exa_sol {
width:100px;
height:20px;
border: thin solid black;
background-color:silver;
margin-left:5px;
}
.logo{background-image:url(../Images/logo.png);
background-size: 80%;
background-repeat:no-repeat;
height:25%;
width:28%;
margin-top:20px;
margin-left:1%;
}
.applepear{background-image:url(../Images/applesPear2.png);
background-size: 80%;
background-repeat:no-repeat;
height:300px;
margin-left:20%;
}
.welcome{
height:25%;
width:70%;
}


body{
-moz-user-select:none;
-ms-user-select:none;
-khtml-user-select: none;
-webkit-touch-callout: none;
-webkit-user-select:none;
user-select:none;
font-family:Tahoma;
font-size:12px;
}
.float {float:left;}
.inumsmall {width:20%;}
.inactiv{display:none;}	
.activ{display:block;}
.opacity{opacity:0.25;}
a {text-decoration:none;}

.pos_rel {position:relative; height:100%;}

.middleitem {margin:0 auto; height:90%;text-align:center;}
.sofades {margin-top:1%; height:90%;}



.grid {}
.gridh{width:100%; border:none;}
.zw {cursor:e-resize;width:2px; float:left;margin:2px;background-color:#4F81BD;}
.zwh {cursor:n-resize;height:2px;background-color:#4F81BD;margin-top:2px;margin-bottom:2px;border:none;}
.gridw {float:left; border: thin silver solid;height:99%;overflow:auto;background-color: #D6EDFF;}
.cell {float:left;margin-top:3px; border: none;padding-top:20px;height:70%}
.cell-common {overflow:auto;float:left;border-color:#4F81BD;border-width: thin; border-style:solid inset solid solid;border-radius: 1em;background-color: #D6EDFF;}
.lactreg{position: absolute; left:2%;top:0;border:1px solid silver; height: 98%; width:1px;background-color: #D6EDFF;}
.ractreg{position: absolute;right:2%;top:0;border:1px solid silver; height: 98%; margin:0 auto;width:1px;background-color: #D6EDFF;}
.bodywrapper{height:98%;left:5%;right:5%;position:absolute;border-radius:1em;background-color: #D6EDFF;}
.drag {cursor:move;}
.dropInformation {display:none;}
.dragElement {display:none;}
.draggingElement {display:block;position:absolute;border:1px solid silver; z-index:2001; background-color:#FFFFFF}
.dndtransparent {
	background: #123456;
	filter:alpha(opacity=25);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
z-index: 1001;position:absolute; left: 0px; top: 0px; height: 100%; width: 100%;
}

.ar-base{
height:64px;;
width:96px;;
background-size: 96px;;
background-repeat:no-repeat;
display:block;
border-radius: 1em;

position: relative;
z-index:2;

}
.ar-right{margin-left: -71px;}
.ar-left{margin-left: -25px;}

.ar-clear {
background-color:#6495ED;
background-image:url(../Images/online/onoff.png);
margin-top:190px;
}
//.ar-clear:hover{ background-position: 0px -31px; }
.ar-clear:hover{background-image:url(../Images/online/onoffover.png); }

.ar-clearEdit {
background-color:silver;
background-image:url(../Images/online/listEdit.png);
margin-top:190px;
}
.ar-clearEdit:hover{background-image:url(../Images/online/listEditOver.png); }

.ar-dustbin {
background-color:red;
background-image:url(../Images/online/dustbin.png);
margin-top:196px;
}
.ar-dustbinedit {
background-color:red;
background-image:url(../Images/online/dustbin.png);
margin-top:66px;
}
.ar-dust{
background-color:red;
background-image:url(../Images/online/dustbin.png);
}
.ar-dust-min{
background-color:red;
background-image:url(../Images/online/dustbin.png);
height:12px;
width:24px;

background-position: 16px 0px;
background-repeat:no-repeat;
display:block;
border-radius: 0.5em;

position: relative;

display:inline-block;
}

.ar-dustbin:hover{ background-image:url(../Images/online/dustbinover.png); }
.ar-dustbinedit:hover{ background-image:url(../Images/online/dustbinover.png); }	

.ar-submit{
background-color:green;
background-image:url(../Images/online/submit.png);
margin-top:190px;
}
.ar-submit:hover{ background-image:url(../Images/online/submitover.png); }

.ar-reload{
background-color:goldenrod;
background-image:url(../Images/online/reload.png);
margin-top:66px;
}
.ar-reload:hover{background-image:url(../Images/online/reloadover.png); }

.ar-org{
background-color:silver;
background-image:url(../Images/online/org.png);
margin-top:66px;
}
.ar-org:hover{background-image:url(../Images/online/orgover.png); }

.ar-org-drag{
background-color:silver;
background-image:url(../Images/online/org.png);
}


.ar-edit{
background-color:silver;
background-image:url(../Images/online/listEdit.png);
margin-top:66px;
}
.ar-edit:hover{background-image:url(../Images/online/listEditOver.png); }

.ar-edit-drag{
background-color:silver;
background-image:url(../Images/online/listEdit.png);
}


.ar-backbc{
background-color:#6495ED;
background-image:url(../Images/online/onoff.png);
margin-top:66px;
}
.ar-backbc:hover{background-image:url(../Images/online/onoffover.png); }

.ar-watch{
background-color:#A8BFDE;
background-image: url(../Images/online/watch.png);
margin: 0 auto; 
margin-top:-36px;
}
.dpdrop {
    background-color: #D6EDFF;
    border: thin solid silver;
    height: 1px;
    margin: 0 auto;
    width: 300px;
}
.transparent_class {
	background: #123456;
	filter:alpha(opacity=25);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;

}

#bmsg {z-index: 1001;position:absolute; left: 0px; top: 0px; height: 100%; width: 100%;}
#fmsg {z-index: 1002;position:absolute; left: 0px; top: 0px; height: 100%; width: 100%;}
.tback {height: 100%; width: 100%;}
.tfron {background: #FFF; color: #123456;width:50%;text-align:center;height:50%; box-shadow: 0 0 5px 5px #FFF;}
.tfron > td {text-align:center; border: 1px solid #666666; padding: 10px;}
.tpopUP {margin: 5px;padding:5px;}
#mbox {
-moz-user-select:none;
-ms-user-select:none;
-khtml-user-select: none;
-webkit-touch-callout: none;
-webkit-user-select:none;
user-select:none;
text-align:center;
background-color:#FFFFFF;
border: medium none;
height:90%;
vertical-align: top;
}

#popUP {z-index: 1002;
position: absolute; 
left:0px; 
top:0px;
background-color: transparent; 
height: 100%; 
width: 100%;
font-size:12px;
overflow:auto;
}

#popCancel{float:left;}
#popCancel a{background-color:transparent;color: maroon;}
#popCancel a:hover {font-size:12px;}
#popUPB {z-index: 1001;
	position: absolute;
	left:0px; 
	top:0px; 
	background-color: lightyellow;
	height: 100%; 
	width: 100%;
	border-style:groove;
	border-width:2px;
	border-color:#DEDEDE
}#sofatext{position:fixed; left: 1%; top: 1%;}
#sofatext select {border-radius:0.4em;}