/* @override http://localhost:8080/challenge-machine/static/css/widget.css */

.widget .widgetBody {
	overflow: hidden;
}



.widgetWrapper {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 3px;
	background-color: #EEE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #DDD;
}

.widgetBorder {
	position: absolute;
	top: 0;
	bottom: 0;
	border: 1px solid #aaa;
}

.widget {
	overflow: hidden;
	position: relative;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: 0px;
	padding: 0px;
	font-family: arial, sans-serif;
	border: 1px solid #DDD;
	height: 200px;
	width: 240px;
	background-color: #FFF;
}

.clearThis {
	clear: both;
	display: block;
}

a {
	color: #0B5B93;
}




.widgetDescription {
	margin: 0px;
	text-align: left;
	padding: 10px;
	line-height: normal;
}

.widgetBody h1 {
	margin: 0px;
	text-align: left;
	padding: 0px;
	line-height: normal;
}

.widgetDescription p {
	margin: 0 0 1em  0;
}





.widgetTitle a:HOVER{
	color: #FFF;

}

.widgetCaption {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: left;
}

div.widget .widgetCaption  b {
	font-weight: bold;
}

.widgetItemdetails {
	margin: 10px 0 0 0;
	padding: 0px;
}

.widgetItemdetails h1 {
  font-size: 1em;
  margin: 0px;
  padding: 0px 25px 0px 0px;
  background: #008fc2 url("../images/widgetarrow.png") no-repeat right 0.2em;
}

.widgetItemdetails h1 a {
	display: block;
	padding: 0.4em 0.8em;
	margin: 0px;
	text-decoration: none;
	color: #000;
	font-size: 1em;
	line-height: 1.4em;
	color: #e1f6ff;
  border-top: 1px solid #0079a5;
	background-color: #008fc2;
}

.widgetCaptionExtra {
	display: none;
}

.widgetCaptionExtra a {
  	display: block;
	padding: 0.5em 0.8em;
	margin: 0px;
	background: #13a0d2;
	text-decoration: none;
	color: #000;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #e1f6ff;
}


.mine .widgetItemdetails h1 a {
  background-color: #fff080;
  color: #000;
  border-top: 1px solid #f1e379;
}

.mine .widgetCaptionExtra a {
  background-color: #fff6b5;
  color: #4d4d4d;
}

.taken .widgetItemdetails h1 a {
  color: #f3f3f3;
  background: #68b103 url(../images/tik.png) no-repeat 5px 0.25em;
  padding-left: 32px;
  border-top: 1px solid #487c02;
}

.taken .widgetCaptionExtra a {
  color: #f3f3f3;
  background-color: #74c603;
}



.private .widgetItemdetails h1 a {
  color: #f3f3f3;
    background: #fff080 url(../images/lock.png) no-repeat 10px 0.5em;
    padding-left: 30px;
    color:#F00;
}


.CMHead a {
  display: block;
  text-align: right;
  padding: 0.2em 27px 0.2em 0px;
  color: #999;
  text-decoration: none;
  font-size: 0.9em;
  border-bottom: 1px solid #EEE;
  background: #FFF url("../images/minicogs.gif") no-repeat right top;
}