#wc-content
{
	background-color: Transparent;
	padding: 0;
	width: 100%;
}

#dropletArea
{
	clear: both;
	height: auto;
	width: 100%;
	min-width: 360px;
}

.dropletColumn
{
	float: left;
	width: 231px;
	padding: 5px 0 0 0;
	height: auto;
	overflow: hidden;
}

.droplet, .placeholder
{
	border: solid 1px white;
	background-color: White;
	cursor: default;	
	margin: 0 3px 10px 3px;
	height: auto;
	position: relative;
}

.placeholder 
{
	border: dashed 1px White;
	background-color: Transparent;
}

.colSizer, .colSizerOver
{
	width: 3px;
	overflow: hidden;
	background-image: url(/assets/droplets/dotted.gif);
	background-repeat: no-repeat;
	background-position: top center;
	float: left;
	cursor: w-resize;
	height: auto;
	line-height: 100%;
	font-size: 1000%;
}

.colSizerOver
{
	background-repeat: repeat;
}

.droplet div.hdr,
.droplet div.cnt
{
	border: solid 1px #8c8c8c;	
}

.droplet div.hdr div.tools div.size div.min,
.droplet div.hdr div.tools div.size div.minon,
.droplet div.hdr div.tools div.size div.med,
.droplet div.hdr div.tools div.size div.medon,
.droplet div.hdr div.tools div.size div.max,
.droplet div.hdr div.tools div.size div.maxon
{
	cursor: hand;
	cursor: pointer;
	margin-right: 1px;
	line-height: 1px;
	font-size: 1px;
	float: left;
	height: 16px;
	background-image: url(/assets/droplets/droplet-elements.gif);
	background-repeat: no-repeat;
}

.droplet div.cnt div.s-resize,
.droplet div.cnt div.s-resize div.sw-resize,
.droplet div.cnt div.s-resize div.se-resize
{
	float: left;
	cursor: hand;
	cursor: pointer;
	line-height: 1px;
	font-size: 1px;
	height: 10px;
	background-repeat: no-repeat;	
}

.droplet div.cnt div.s-resize
{
	background-image: url(/assets/droplets/arrow.gif);
	background-position: center center;
	cursor: s-resize;
	width: 100%;
}

.droplet div.cnt div.s-resize div.sw-resize
{
	background-image: url(/assets/droplets/arrow_sw.gif);
	background-position: bottom left;
	cursor: sw-resize;
	float: left;
	width: 10px;
}

.droplet div.cnt div.s-resize div.se-resize
{
	background-image: url(/assets/droplets/arrow_se.gif);
	background-position: bottom right;
	cursor: se-resize;	
	float: right;
	width: 10px;
}

.droplet div.hdr,
.droplet div.cnt div.s-resize,
.colSizerOver
{
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;	
}
.droplet div.hdr
{
	vertical-align: top;
	height: 18px;
	margin: 0;
	padding: 0;
	margin-bottom: 1px;	
}

.droplet div.hdr div.headico
{
	width: 23px;
	height: 18px;
	float: left;
	background-image: url(/assets/droplets/icons/default.png);
	background-repeat: no-repeat;
}

.droplet div.rss div.headico
{
	background-image: url(/assets/droplets/icons/rss.png);
}

.droplet div.photos div.headico
{
	background-image: url(/assets/droplets/icons/photos.png);
}

.droplet div.video div.headico
{
	background-image: url(/assets/droplets/icons/video.png);
}

.droplet div.weather div.headico
{
	background-image: url(/assets/droplets/icons/weather.png);
}

.droplet div.blog div.headico
{
	background-image: url(/assets/droplets/icons/blog.png);
}

.droplet div.hdr div.title
{
	margin: 0;
	padding: 1px 0 0 5px;
	height: 16px;
	overflow: hidden;
	line-height: 16px;
	font-weight: normal;
	color: Black;
	font-size: 12px;
	float: left;
	word-break: break-all;
	word-wrap: break-word;
	cursor: move;	
}

.droplet div.hdr div.tools
{
	float: right;
	width: 65px;
	margin-top: 1px;
}

.droplet div.hdr div.tools div.size
{
	float: right;
	width: 41px;
	height: 16px;
}

.droplet div.hdr div.tools div.size div.min,
.droplet div.hdr div.tools div.size div.minon,
.droplet div.hdr div.tools div.size div.med,
.droplet div.hdr div.tools div.size div.medon
{
	width: 11px;
}

.droplet div.hdr div.tools div.size div.min,
.droplet div.hdr div.tools div.size div.minon
{
	background-position: -1px -1px;
}

.droplet div.hdr div.tools div.size div.med,
.droplet div.hdr div.tools div.size div.medon
{
	background-position: -13px -1px;
}

.droplet div.hdr div.tools div.size div.max,
.droplet div.hdr div.tools div.size div.maxon
{
	background-position: -25px -1px;
	width: 16px;
}

.droplet div.hdr div.tools div.size div.minon,
.droplet div.hdr div.tools div.size div.medon,
.droplet div.hdr div.tools div.size div.maxon
{
	cursor: default;
}

.droplet div.cnt div.dropContent
{
	overflow: auto;
	padding: 3px;
	word-wrap: break-word;	
}



.droplet div.hdr div.tools div.size div.minon,
.droplet div.hdr div.tools div.size div.medon,
.droplet div.hdr div.tools div.size div.maxon,
.translucent
{
	opacity: .6;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

.disabled
{
	opacity: .2;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
	cursor: default;
}

#dropletOverlay
{
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0px;
	left: 0px;
	opacity: .7;
	filter: alpha(opacity=70);
}

.dropletGroups,
.dropletGroups .leftTools,
.dropletGroups .rightTools
{
	background-image: url('/assets/droplets/tab-bg.gif');
	height: 38px;
}

.dropletGroups
{
	overflow: hidden;
	position: relative;	
	padding-left: 23px;
	padding-right: 145px;
}

.dropletGroups .tabs,
.dropletGroups .leftTools,
.dropletGroups .rightTools
{
	height: 38px;
	position: relative;
	float:left;
}

.dropletGroups .tabs
{
	width: 100%;
}

.dropletGroups .leftTools
{
	width: 23px;
	right: 23px;
	margin-left: -100%;
}

.dropletGroups .rightTools
{
	width: 145px;
	margin-right: -145px;
}

.dropletGroups .leftTools a.scrollLeft
{
	background-image: url('/assets/droplets/tab-left.gif');
	margin: 8px 0 0 5px;
	width: 12px;
	height: 18px;
	display: block;
}

.dropletGroups .rightTools a
{
	display: block;
	float: left;
}

.dropletGroups .rightTools a.scrollRight
{
	background-image: url('/assets/droplets/tab-right.gif');
	width: 12px;
	height: 18px;
	margin-top: 8px;	
}

.dropletGroups .rightTools a.showGroups
{
	background-image: url('/assets/droplets/tab-list.gif');
	width: 18px;
	height: 12px;
	margin: 14px 0 0 10px;	
}

.dropletGroups .rightTools a.newGroup
{
	width: 85px;
	margin-top: 10px;
	margin-left: 10px;
	text-decoration: none;
	color: Black;
	font-weight: bold;
}

.dropletGroups .tabs ul
{
	list-style-type: none;
	position: absolute;
	margin: 0;
	padding: 0;
	margin-top: 15px;
}

.dropletGroups .tabs ul li
{
	cursor: hand;
	cursor: pointer;
	display: block;
	float: left;
	text-align: left;
	margin-right: 10px;
	color: rgb(10, 10, 10);
}

.dropletGroups .tabs ul li.hide
{
	display: none;
}

.dropletGroups .tabs ul li.sel
{
	cursor: text;
}

.dropletGroups .tabs ul li div
{
	float:left;
}

.dropletGroups .tabs ul li div.tab
{
	border: solid 1px white;
	border-right: none;
	height: 23px;
}

.dropletGroups .tabs ul li div.notch
{
	width: 8px;
	height: 25px;
}

.dropletGroups .tabs ul li div.tab input,
.dropletGroups .tabs ul li div.tab div.txt
{
	cursor: hand;
	cursor: pointer;
	color: #888888;
	background-color: Transparent;
	border: none;
	font-size: .9em;
	padding: 2px;
	float: left;
	margin: 3px 5px 0 5px;
	overflow: visible;
}

.dropletGroups .tabs ul li.sel div.tab input
{
	cursor: text;
	color: White;
}

.dropletGroups .tabs ul li div.tab .drop
{
	visibility: hidden;
	display:none;
}

.dropletGroups .tabs ul li.sel div.tab .drop,
.dropletGroups .tabs ul li.sel div.tab .dropon
{
	visibility: visible;
	display: block;
	margin-top: 3px;
}

.dropletGroups .tabs ul li.sel div.tab input.edit
{
	background-color: White;
	color: Black;
}

.dropletGroups .tabs ul li.transfer
{
	opacity: .6;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

.dropletGroups .tabs ul li.transfer div.tab input,
.dropletGroups .tabs ul li.ovr div.tab input
{
	color: White;
}

.catOff,
.catOn
{
	text-align: left;
}

.catOn
{
	font-weight: bold;
}



.noDroplets
{
	width: 200px;
	margin: 0 auto;
	margin-top: 50px;
	padding: 10px;
	text-align: left;
	color: White;
}

.sheild
{
	position: absolute;
	top: 25px;
	left: 5px;
}

.ArticleTitle
{
	margin-bottom: 10px;
}

.ArticleBlurb
{
	margin: 5px 0 0 16px;
}

.youTubeThumbnail
{
	float: left;
	width: 130px;
	height: 130px;
	overflow: hidden;
	margin: 5px;	
}

.youTubeThumbnail .title
{
	width: 600px;
	height: 1.2em;
	overflow: hidden;	
}

.flickrThumbnail .title
{
	width: 600px;
	height: 2.4em;
	overflow: hidden;
}

.youTubeThumbnail .duration
{
	text-align: center;
}

.youTubeBack
{
	position: absolute;
	background-color: white;
	padding: 2px 4px 4px 2px;
}

.flickrThumbnail
{
	float: left;
	width: 100px;
	height: 130px;
	overflow: hidden;
	margin: 5px;	
}

.flickrThumbnail .title a
{
	display: block;
}

.flickrThumbnail a.thumb
{
	display: block;
	margin: 0 auto;
}

a.apHeadlineToggle,
a.apHeadlineToggle:link,
a.apHeadlineToggle:visited,
a.apHeadlineToggle:hover,
a.apHeadlineToggle:active
{
	font-size: 100%;
	font-weight: bold;
	float: left;
	text-decoration: none;
	width: 130px;
}

a.apHeadlineToggle img
{
	padding-top: 3px;
}

.apProductList
{
	float: right;
	text-align: right;
	width: 50%;
}

.apNewsDropDown
{
	width: 100%;
	max-width: 250px;
	margin-bottom: 5px;
}

.apTitleLink
{
	line-height: 1.4em;
	padding: 0 0 2px 2px;
	background-color: #dedede;
}

.apTitleLink.alt
{
	background-color: #efefef;
}

.apHeadlines,
.apHeadline
{
	clear: both;
}

.apHeadline
{
	font-size: 1.4em;
	font-weight: bold;
	margin: 5px 0 5px 0;
}

.apContent p,
.ArticleBlurb p
{
	margin-bottom: .8em;
}


.webcastLinks
{
	text-align: center;
}


.localimage
{
	width:100%;
}