.content {
	WIDTH: 430px;;
}

.jsclass BODY .randomslogans {
	DISPLAY: none
}

#panel {
	POSITION: relative; FLOAT: left; HEIGHT: 281px; TOP: 20px; LEFT: 0px
}
#left_slide {
	Z-INDEX: 1; POSITION: absolute; WIDTH: 150px; TOP: 80px; LEFT: 0px
}
#center_slide {
	Z-INDEX: 2; POSITION: absolute; WIDTH: 300px; TOP: 0px; LEFT: 64px
}
#right_slide {
	Z-INDEX: 1; POSITION: absolute; WIDTH: 150px; TOP: 80px; LEFT: 278px
}


<!--DRAG AND DROP-->

div.workarea { padding:10px; float:left }

ul.draglist { 
    position: relative;
    width: 260px; 
    height:auto;
    list-style: none;
    margin:0;
    padding:0;
}

ul.draglist li {
    margin: 1px;
    zoom: 1;
	padding-bottom:12px;
}

ul.draglist_alt { 
    position: relative;
    width: 200px; 
    list-style: none;
    margin:0;
    padding:0;
    /*
       The bottom padding provides the cushion that makes the empty 
       list targetable.  Alternatively, we could leave the padding 
       off by default, adding it when we detect that the list is empty.
    */
}

ul.draglist_alt li {
    margin: 1px;
    cursor: move; 
	
}

ul.draglist2 { 
    position: relative;
    width: 220px; 
    height:auto;
    list-style: none;
    margin:0;
    padding:0;
}

ul.draglist2 li {
    margin: 1px;
    zoom: 1;
	padding-bottom:12px;
}

ul.draglist3 { 
    position: relative;
    width: 100%; 
    height:auto;
    list-style: none;
    margin:0;
    padding:0;
}

ul.draglist3 li {
    margin: 1px;
    zoom: 1;
	padding-bottom:12px;
}

ul.draglist_alt2 { 
    position: relative;
    width: 200px; 
    list-style: none;
    margin:0;
    padding:0;
    /*
       The bottom padding provides the cushion that makes the empty 
       list targetable.  Alternatively, we could leave the padding 
       off by default, adding it when we detect that the list is empty.
    */
}

ul.draglist_alt2 li {
    margin: 1px;
    cursor: move; 
	
}

li.list1 {
	   padding-bottom:5px;
}

li.list2 {
	 padding-bottom:5px;
}


#user_actions { float: right; }

/* FOR Subcontent div*/
.SubContent{
	width: 950px;
	border:1px solid #999999;
	margin:6px 0px;
	display:none;
}

.CommentsRow{   
	height: 5%;
	width: 100%;
}
.CommentsRow #links{
	display:none;
}
.CommentsRowHOver #links { margin-top:-20px; }
.CommentsRowHOver #links a:hover { text-decoration:underline }


.CommentsRowHOver{ 
	padding:3px;  
	background:#EEEEEE;
    border: 1px dashed #000000;
	width: 100%;
}
#links a {
	color:#3472E4;
}
/*
.CommentsRow span{display: none;}
.CommentsRowHOver span{display: none;}
#links a.CmntsReplay:hover span{
  display:block;
  position:absolute;
  border:1px solid black;
  top:100px;
  left:200px;
  background-color:gray; color:white;
  text-align: center;
}
*/

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 50%; /* Set to gallery width, in px or percentage */
height: 130px; /* Set to gallery height */
}

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}