/*Main CssItemContainer*/
.MyCssViewerClass{
  border-collapse: collapse;
  border: 1px dashed #B85A7C;
background-color:#F6ECF0
}

 /*Css Item Cells! */
.MyCssViewerClass td{
  border: 1px dashed #B85A7C;
  padding: .8em;
  vertical-align: top;
  text-align: center;
  }
/*Css Item Hover*/
.MyCssViewerClass td:hover{
background-color:#641B35;
}
/*This is the Css Items Title Style*/
 .MyCssViewerClass td span.SubHead{
	  color: #B85A7C;
	  font-weight: bold;
	  font-size:larger;
 }
/*Title Hover*/
.MyCssViewerClass td span.SubHead:hover{
color:white;
}

/*This is the Css Items Description Style*/
.MyCssViewerClass td span.Normal{
	color: #999999;
	display:block;
	height:50px;

 }

/*Description Hover*/
.MyCssViewerClass td span.Normal:hover{
  color:white;
}

/*This is the Css Item Image itself*/
  .MyCssViewerClass tbody td input.imgItem{
  padding:2px;
  }
/*Css Item Image hover*/
  .MyCssViewerClass tbody td input.imgItem:hover{
  background-color: #F6ECF0;
  }


/******************************* END CSS VIEWER MODULE STYLES *********************/




















/******** Used in Admin Modules Adn are never seen by end users...************************/            
    #myList ul {
        list-style: none;
    }
    #myList  {
        background: #727EA3;
        color: #FFF;
        width: 100px;
        margin: 5px;
        font-size: 10px;
        font-family: Arial;
        padding: 3px;
        display: block;
        width: 99%;
        float: left;
        position: relative;
        top: 0;
        left: 0;
	}

    #myList .handle {
        float: left;
        margin-right: 10px;
        cursor: move;
    }
    .listItem {
        position: relative;
        display: inline-block;
        float: left;
        list-style-type: none;
        height: 120px;
        width: 120px;
       /* padding: 10px 0px 10px 10px;*/
        border: solid 4px steelblue;
        /*margin: 12px;*/
        background: white;
        text-align: center;
    }
    .deletethumbnail {
        background-image: url(img/veDelete.gif);
        background-repeat: no-repeat;
        position: relative;
        top: -10;
        float: right;
        right: 2px;
    }
    
   .sorthelper {
	border: 3px dashed #666;
	width: auto !important;
	background-color: #C0C0C0;
}
    
	 .sortableitem {
        border: 3px dashed #666;
        width: auto !important;
    }
    
    .sortableactive {
	border: 3px dashed #800000;
	width: auto !important;
}
	.sortablehover {
        border: 3px dashed #666;
        width: auto !important;
    }
   .Title {
        position: absolute;
        top: 93px;
        left: 0px;
        text-align: center;
        background-color: #ccc;
        width: 112px;
        color:Black;
        font-size:larger;
    }
  
 /*******************************************************/