#portfolio_menu ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#portfolio_menu li{
	padding: 1px;
	display: block;
}

a.BucketLink:link, a.BucketLink:visited, a.BucketLink:active{
	color: #FFFFFF;
	font-size: 8pt;
	text-decoration: none;
	text-align: right;
	line-height: 25px;
}

a.BucketLink:hover{
	color: #5c97ab;
}

a.plink:link, a.plink:visited, a.plink:active{
	background: #000000;
	margin: 2px;
	line-height: 18px;
	width: 130px;
	display: block;
	color: #888888;
	font-size: 10pt;
	text-decoration: none;
	text-align: right;
}

a.plink:hover{
	background: #222222;
}	

div.portfolio_gallery  {
	margin: 0;
	padding: 0;
	width: 820px;
	float: left;
	margin-left: 15px;
}

div.portfolio_menu {
	color: white;
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	list-style-image: none;
	list-style-type: none;
	padding-top:20px;
	padding-left:20px;
}

div.wrapper {
	width:1000px;
	margin: 0;
	color:#FFFFFF;
	padding: 0;
	list-style-type: none;
}

div.col1 {
	float:left;
	width:130;
	margin-left: 20px;
	margin-right: 0;
	text-align: right;
}

div.col2 {
	float:left;
	width:820;
}

ul.col1 {
	margin: 0;
	padding: 0;
}

ul.col1 li {
	margin: 0;
	padding: 0;
	width: 120px;
	height: 100px;
	float: left;
	margin-top: 20px;
	margin-left: 10px;
	color:#ffffff;
}

.gallery_item {
	width: 100px;
	height: 63px;
	float: left;
	margin: 5px;
	padding: 0;
	background-color: #303030;
	border: 2px solid #666;
}

ul.playbucket {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.playbucket li {
	margin: 0;
	padding: 0;
	width: 100px;
	height: 63px;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	list-style-type: none;
}

div.current {
	border: 5px outset #FF0000;
	background: #660000;
}

div.gallery_item p {
	color: #eee;
	margin: 0px;
	padding: 10px;
}

.ui-effects-transfer {
	border: 1px dotted #fff;
	background: #666;
	opacity: 0.5;
}

.hover {
	background: #660000;
}

#dropZone {
	width: 1000px;
	margin: 0;
	padding: 0;
	background-color: #343235;
	background: url('../images/playbucketBG.gif');
	background-repeat: no-repeat;
	float: left;
}

.playbucket {

}
#droppable-playbucket{
	margin:0;
	padding-left: 2px;
	width: 860px;
	height:  80px;
	float: left;
}
.playbucketControls {
	float: left;
	width:  200px;
	height:  70px;
	background-color: #1d659e;
	border-style: none;
	border-top-style: solid;
	border-top-width: 2px;
	border-right-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

ul.playbucketControls {
	list-style-type: none;
}

/* jQuery drag and drop support */
.block { 
   position: absolute;
   top: 5px;
   left: 5px;
   border: 2px solid #0090DF;
   background-color: #68BFEF;
   width: 100px; 
   height: 63px;
   margin: 10px;
   z-index: 100;
}

.drop { 
  background-color: #e9b96e;
  border: 3px double #c17d11;
  width: 100px; 
  height: 63px;
  margin: 10px; 
  position: absolute;
  top: 5px;
  right: 5px;
  opacity: 0.7;
}

 .droppable-active {
     opacity: .65;
     background-color: #5498d1;

}

.droppable-hover {
    background-color: #ffcd00;
	border: 2px double black;
} 

.droppable-activate {
	background-color: #d8985d;
}

#dropZoneText {
	width:100%;
	background: #303030;
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #ffcd00;
}

div.drag-handle {
	cursor: move;
	background-color: #0090df;
	height: 15px;
}



div.no-drag-handle {
	cursor: move;
	background-color: #86cdcd;
	height: 15px;
}

.ui-selected {
	background-color:  #E6F7D4;	
}

.remove {
	width:  16px;
	height:  10px;
	border: 1px dotted #ccc;
	background-color: #999;
	font-size: 8px;
	text-align: right;
}

.inPlaybucket {
	width: 100px;
	height: 63px;
	background: #333;
	float: left;
	margin: 9px 1px 5px 1px;
	border: 2px solid #666;
}

.gallery_item a {
	color: white;
	font-size: 12px;
	text-align: left;
}

a.addVidLink:link, a.addVidLink:visited, a.addVidLink:active{
	display: block;
	margin: 0;
	padding: 0px 5px 2px 2px;
	background: #666;
	color: #FFFFFF;
	font-size: 12pt;
	font-weight: bold;
}

a.addVidLink:hover{
	background: #000000;
	color: #5c97ab;
}

/* IMAGES */
.portfolio_box_image_left {
	float:left;
	padding-top:8px;
	padding-right:8px;
	padding-bottom:8px;	
}

.portfolio_box_image_left {
	float:right;
	padding-top:8px;
	padding-left:8px;
	padding-bottom:8px;
}

.featureBox {
	display: block;
	width:400px;
	height:300px;
}
