#wrap  
{
    /*border: solid 1px #ccc; width:99%;*/
    clear:left;
    margin: 0 auto; overflow: hidden; margin-bottom: 20px; position: relative; 
    /*text-shadow: 0px 1px 0px rgba(255, 255, 255, .85);*/
    /*background-color:#e5e5e5;*/
 }
  #wrap #sidebar { width: 220px; min-height: 400px;  position: absolute; top: 0;background: #FDFCFC; z-index:500;}
  #wrap #mainConten {min-height: 400px;}
  
  #wrap.sidebar #sidebar { left: 0px; }
  #wrap.sidebar #mainContent, #wrap.sidebar #sidebar {margin: 10px; padding: 10px; border:solid 1px #ddd; 
                                                      box-shadow: 1px 1px 3px #ccc; /*min-height:450px;*/ background-color:#fff; }
  #wrap.sidebar #mainContent  
  {
      margin-left: 270px;min-height: 400px; 
      overflow-x: scroll; z-index:0;
}
  
  .nosidebar #mainContent, #wrap #sidebar {margin: 10px; padding: 10px; box-shadow: 0px 0px 4px #888; }
  #wrap.nosidebar #sidebar { left: -254px; }
    
  #sidebar #toggleBtn { width: 15px; height:100px; line-height:40px; background: #bbbccc; cursor: pointer; position: absolute; top: 5px; right: -15px; text-align: center; border-radius: 0 5px 5px 0; }
  #sidebar #toggleBtn:hover { background: #666; color: #fff; }
 
/* PINNED CLASS */ 
#wrap.pinned #sidebar
{
    
}
#wrap.pinned #mainContent
{
    /*position:relative;*/
}

#wrap.unpinned #sidebar
{
    
}
#wrap.unpinned #mainContent
{
    margin-left:0px;
}


a.pin_this span{background:url(/images/pin.png) no-repeat; width:16px; height:16px; float:left;}
a.unpin_this span{background:url(/images/unpin.png) no-repeat; width:16px; height:16px; float:left;}

.pad20 {
	display:block;
	min-width:580px;
	max-width:1230px;
	padding:5px 5px;
}
#columns {
	display:block;
	width:100%;
}

#columns .cols2 {
	display:block;
	float:left;
	width:47%;padding:10px;
} 

#columns .cols3 {
	display:block;
	float:left;
	width:47%;
	padding:10px;
}
.sidebar_ul{}
.sidebar_ul li.yes{padding-left:24px; background-size: 50% auto; background:url('/images/checked.jpg') no-repeat;}
.sidebar_ul li.bold{font-weight:bolder}

.portlet { margin: 0 0.5em 1em 0; padding:0; }
.portlet-header { margin: 0.2em; border:1px; padding:5px 10px; margin:0; background:#116290}
.portlet-header .ui-icon { float: right; }
.portlet-header h3{padding:0px; margin:0; color:#fff; text-shadow: 0px 1px 0px rgba(120, 120, 120, .85);}
.portlet-content { padding:10px;}
.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; padding:0;}
.ui-sortable-placeholder * { visibility:visible !important; }
/*
.portlet ul.list{margin: 0;padding: 0;}
.portlet ul.list li{color:#333} 
    .portlet ul.list li span{float:left}
    .portlet ul.list li a{}
*/
.ui-accordion .ui-accordion-content {padding: 0.5em 1.2em;}
.accordion ul.list{margin: 0;padding: 0;}
.accordion ul.list li{color:#333;line-height: 1.6em;} 
    .accordion ul.list li span{float:left}
    .accordion ul.list li a{}
.accordion h3 {background:#529bbe;}    
.accordion h3 a:link, .accordion h3 a{color:#fff !important; text-shadow: 0px 1px 0px rgba(120, 120, 120, .85); font-weight:bold}