input.groovybutton
{
   font-size:11px;
   font-family:Arial,sans-serif;
   color:#555555;
   width:260px;
   background-color:#ffffff;
   border-top-style:solid;
   border-top-color:#cccccc;
   border-top-width:1px;
   border-bottom-style:solid;
   border-bottom-color:#aaaaaa;
   border-bottom-width:1px;
   border-left-style:solid;
   border-left-color:#cccccc;
   border-left-width:1px;
   border-right-style:solid;
   border-right-color:#aaaaaa;
   border-right-width:1px;
}

.csitemdate { font-size: 10px; padding-top: 4px; }
.csheading { color: #666666; font-size: 12px; margin-top: 2px; }

.cscopysmall { font-size: 10px; color: #000000; }
.csitemsmall { font-size: 10px; color: #888888; }
.cswhitewindow { background-color: white; padding: 5px; border: solid 1px #f0f0f0; }
.csphotothumb { border: 1px solid #cccccc; background: #fff; padding: 4px; margin: 1px;}
.csphoto { border: 1px solid #cccccc; background: #fff; padding: 8px; margin: 1px; }

a:hover .csphotothumb {background: #c6ebfc}
#csphotoboxes {
		font-family: Arial, sans-serif;
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		width: 320px;
	}
#csphotoboxes li {
	cursor: move;
	position: relative;
	float: left;
	margin: 2px 2px 0px 0px;
	border: 0px solid #000;
	text-align: center;
	padding-top: 5px;
}
#csvideoboxes 
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	width: 10em;
	font-size: 13px;
	font-family: Arial, sans-serif;
		margin-bottom: 1em;
}
#csvideoboxes li {
	margin-bottom: 0px;
	margin-top: 4px;
	cursor:move;
	padding: 2px 2px;
	border: 1px solid #ccc;
	background-color: #eee;
}
.csreorder { height: 92px; width: 92px; margin: 1px; vertical-align: middle; text-align: center; }
.csreorder2 { height: 16px; width: 200px; margin: 1px; vertical-align: middle; text-align: center; }
.csbox { border: solid 1px #dddddd; background-color: #f8f8f9; padding: 4px; margin: 1px 0px 4px 0px; }
.cstabs { border-top: solid 1px #f0f0f0; border-left: solid 1px #dddddd; border-right: solid 1px #d0d0d0; border-bottom: solid 1px #d0d0d0; }
.csBorder table
{
	margin: 2px 0px 4px 0px;
	border-collapse: collapse; 
}
.csBorder td
{
	font-size: 11px;
	vertical-align: top;
	border-right: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	border-left: solid 1px #aaaaaa;
	border-top: solid 1px #aaaaaa;
	padding: 3px 3px 3px 3px;
}
.cscommenter { COLOR: #777978; FONT-FAMILY: Arial, Helvetica, san-serif; font-weight: bold; font-size: 12px; padding: 2px 0px 0px 0px; }
.cscomment { position: relative; COLOR: #888888; background-color: #ffffff; margin-top: 2px; padding: 6px 6px 6px 6px; }
.csrow1
{
	background-color: #f0f0f0;
	padding: 8px 8px 8px 8px;
}
.csrow2
{
	background-color: #f0f0f0;
	padding: 8px 8px 8px 8px;
}
.csprofiletitle { background-color: #aaaaaa; color: White; font-size: 10px; text-align: center; padding: 3px; font-weight: bold; }
div.csbloggroup1 { width: 100%; padding: 4px 0px 4px 20px; COLOR: #777978; FONT-FAMILY: Arial, Helvetica, san-serif; font-size: 11px; }
div.csbloggroup2 { position: relative; width: 100%; padding: 4px 0px 4px 20px; COLOR: #777978; FONT-FAMILY: Arial, Helvetica, san-serif; font-size: 11px; }
.csblogheader { padding: 2px 2px 2px 2px; margin-bottom: 4px; COLOR: #ffffff; background-color: #888888; FONT-FAMILY: Arial, Helvetica, san-serif; font-size: 12px; }
.csblogarchive { padding-left: 2px; }
.csavatar { border-color: #ffffff; border-style: solid; border-width: 2px; margin: 2px 4px 0px 0px; }

table.csblogrecent 
{
	border-collapse: collapse; 
	width: 100%;
}
table.csblogrecent tr
{
	vertical-align: top;
}
table.csblogrecent td 
{
	font-size: 11px;
	vertical-align: top;
	padding: 1px 3px 1px 0px;
}
table.csblogcalendar 
{
	border-collapse: collapse; 
	width: 80%;
}
table.csblogcalendar tr
{
	vertical-align: top;
}
table.csblogcalendar th
{
	font-size: 11px;
	text-align: center;
	vertical-align: top;
	padding: 1px 1px 1px 1px;
	color: White;
	background-color: #aaaaaa;
}
table.csblogcalendar td 
{
	font-size: 11px;
	text-align: center;
	vertical-align: top;
	padding: 1px 1px 1px 1px;
	border: solid 1px #d0d0d0;
}
table.csblogTable 
{
	border-collapse: collapse; 
	width: 96%;
}
table.csblogTable tr
{
	vertical-align: top;
}
table.csblogTable td 
{
	font-size: 12px;
	vertical-align: top;
	border-bottom: solid 3px #ffffff;
	border-top: solid 1px #cccccc;
	padding: 4px 4px 4px 4px;
}
table.csblogTable table td
{
	font-size: 12px;
	border: none 0px transparent;
	padding: 0px 4px 0px 0px;
}
.csblogtitle { COLOR: #777978; FONT-FAMILY: Arial, Helvetica, san-serif; font-size: 16px; padding: 2px 0px 0px 0px; }
.csblogdate { COLOR: #777978; FONT-FAMILY: Arial, Helvetica, san-serif; font-size: 11px; padding: 4px 0px 12px 0px; }
.csblogsmall { COLOR: #777978; FONT-FAMILY: Arial, Helvetica, san-serif; font-size: 10px; padding-top: 10px;  }
.csblogyear { COLOR: #777978; FONT-FAMILY: Arial, Helvetica, san-serif; font-size: 11px; }
.csblogmonth { COLOR: #777978; FONT-FAMILY: Arial, Helvetica, san-serif; font-size: 11px; }
.csblogrow
{
	background-color: #f0f0f0;
	padding: 8px 8px 8px 8px;
}
.csblogrow1
{
	background-color: #f0f0f0;
	padding: 8px 8px 8px 8px;
}
.csblogrow2
{
	background-color: #f0f0f0;
	padding: 8px 8px 8px 8px;
}
.cslink { COLOR: #777777; FONT-FAMILY: Arial, Helvetica, san-serif; font-size: 10px; padding-right: 4px;  }
A.cslink:link
{ COLOR: #777777; TEXT-DECORATION: none }
A.cslink:active
{ COLOR: #777777; TEXT-DECORATION: none }
A.cslink:visited
{ COLOR: #777777; TEXT-DECORATION: none }
A.cslink:hover
{ COLOR: #000000; TEXT-DECORATION: underline }
.csblogoff { BACKGROUND-COLOR: #ffda92; COLOR: #000000;  cursor: pointer }
.csblogon { BACKGROUND-COLOR: #000000; COLOR: #ffffff;  cursor: pointer }
.csblognolink { BACKGROUND-COLOR: transparent;  }
.csblogavatar { border-color: #ffffff; border-style: solid; border-width: 2px; margin: 2px 4px 0px 0px; }
.csblogcommenter { COLOR: #777978; FONT-FAMILY: Arial, Helvetica, san-serif; font-weight: bold; font-size: 12px; padding: 2px 0px 0px 0px; }
.csblogcomment { COLOR: #666666; font-size: 11px; background-color: #ffffff; margin-top: 2px; padding: 6px 6px 6px 6px; }
P.csblogcomment { COLOR: #666666; font-size: 11px;  }
.csblogseparator { height: 12px; vertical-align: middle; margin-bottom: 4px; }
.csblogarchiveitem { vertical-align: middle; line-height: 13px; margin: 4px 0px 2px 0px; width: 150px; }
.cstitle { COLOR: #777978; FONT-FAMILY: Arial, Helvetica, san-serif; font-size: 16px;  text-decoration: none; }
.cssmall { font-size: 10px; color: #666666; }
A.cssmall:link
{ COLOR: #777777; TEXT-DECORATION: none }
A.cssmall:active
{ COLOR: #777777; TEXT-DECORATION: none }
A.cssmall:visited
{ COLOR: #777777; TEXT-DECORATION: none }
A.cssmall:hover
{ COLOR: #000000; TEXT-DECORATION: underline }
.csprofile { font-size: 10px; color: #666666; }
.csprofile P { font-size: 10px; margin: 2px 0px 6px 0px; color: #666666; }

.csprofileinfo { font-size: 12px; color: #444444; }
.csmail1
{
	background-color: #f0f7f0;
	padding: 8px 8px 8px 8px;
}
.csmail2
{
	background-color: #f0f0f0;
	padding: 8px 8px 8px 8px;
}
.csmenu{padding-right:10px; width:150px; }
.csmenu a{border-top:2px solid white;padding-top:1px;padding-bottom:0px;display:block;width:100%;}
.csmenu a:hover{border-bottom:2px solid #3B5998;border-top:2px solid #3B5998;}
#cslaunch { background-color: #cccccc; padding: 4px; margin: 2px;}
#cslaunchheader { color: #ffffff; font-size: 10px;padding-bottom: 2px;}
#cslaunchlinks { background-color: #ffffff; padding: 4px;}
#csstatuspanel { padding-top: 4px; }
#cswrapper { overflow: auto; height: 100%; }
.dot { background: #cccccc; width: 100%; height: 1px; margin-bottom: 2px; margin-top: 2px; border-width: 0px; }

/* r.a.d.dock default skin */

.RadDockingZone
{
	border: solid 1px #dedede;
	font: normal 10px Verdana, Arial, Sanserif;
	padding: 4px;
	background-color: transparent;
}

.RadDockableObjectFixed
{
	border: 1px solid #fff;
	background-color: white;
}

.RadDockableObjectResizeable
{
	border: solid 2px #868b8f;
	background-color: #fbfbfb;
}

.RadDockableObjectDisabled
{
}
/* titlebar start */

.RadDockableObjectTitleBarLeft
{
	width: 13px;
	height: 24px;
	background: white url('images/communityskin/Img/titleBarBg.gif') no-repeat;
}

.RadDockableObjectTitleBarRight
{
	width: 1px;
	height: 24px;
	background: white url('images/communityskin/Img/titleBarBg.gif') repeat-x;
}

.RadDockableObjectTitle
{
	color: #666;
	font: bold 11px Arial, Verdana, Sanserif;
	background: white url('images/communityskin/Img/titleBarBg.gif') repeat-x;
}

/* titlebar text */

.RadDockableObjectTitleBar
{
	background-color: #f4e9e6;
	height: 18px;
	
	border-bottom: solid 1px #bbb;
	border-top: solid 1px #e5e5e5;
	border-left: solid 1px #e5e5e5;
	border-right: solid 1px #b7b7b7;
	text-align:left;
}

/* command button table cell */

.RadDockableObjectCommandButton
{
	width: 15px;
	height: 15px;
	background: transparent url('images/communityskin/Img/titleBarBg.gif') repeat-x;
}

/* button image */

.RadDockableObjectCommandButton img
{
	width: 15px;
	height: 15px;
	margin-left: 3px; /* buttons to button offeset */
}

/* titlebar end */

/* horizontal grip */

.RadDockableObjectHorizontalGrip
{
	height: 4px;
	background: #666;
	font-size: 1px;
	line-height: 1px;
}

/* vertical grip */

.RadDockableObjectVerticalGrip
{
	width: 4px;
	background-color: #666;
	font-size: 1px;
}

/* content of the dock */

.RadDockableObjectInnerContainer
{
	background-color: #ffffff;
	vertical-align: top;
	padding: 4px;
	font: normal 10px Arial, Verdana, Sanserif;
	text-align:left;
	border-top: none;
	border-left: solid 1px #e5e5e5;
	border-right: solid 1px #b7b7b7;
	border-bottom: solid 1px #b7b7b7;
}

.RadDragHelper
{
	background-color: orange;
}

.RadDragHelperTooltip
{
	border: solid 1px #333;
	padding: 2px;
	background-color: #dadada;
	color: #000;
	font: normal 10px Verdana, Arial, Sans-Serif;
}