/**
 * This is the widgets basic CSS. Note that you can change
 * the classes names using the plugin settings. But you can
 * use directly the default classes names, this names.
 */

.widget-place {
  margin: 0;
  padding: 1px 0px 0px 0px;
  /*float: left;*/
  width: 314px;
  height: auto;
  list-style: none;
  min-height: 600px;
}


.widget-placeholder {
  color: #000;
  margin: 0px 0px 15px 15px;
  border: 1px dashed #666666;
}

.widget {
  margin: 0px 0px 15px 15px;
  width: 300px;
}

.login {
  margin: 0px 0px 10px 15px!important;
  width: 300px;
}

  .widget-header {
    color: #000;
    padding: 0.2em;
    background-image: url('../template_images/widget_header.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	*height: 29px;
	height: 39px;
	position: relative;	
	width:296px;
  }  
  
  .widget-header span.title {
  	position: absolute;
	color: #ffffff;
	display: block;
	width: 225px;
	font-size: 17px;
	height: 24px;
	top: 9px;
	left: 43px;
	text-shadow: #003b59 -2px -2px 1px;
	line-height:24px; 
	}
	
	  .login-header {
    color: #000;
    padding: 0.2em;
    background-image: url('../template_images/login_header.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 39px;
	position: relative;
	z-index: 0;
	
  }  
  
  .login-header span.title {
  	position: absolute;
	color: #394a58;
	display: block;
	width: 225px;
	font-size: 17px;
	height: 24px;
	top: 12px;
	left: 51px;
	
	}

  .widget-editbox {
    color: #000;
    margin: 0.2em;
    padding: 0.2em;
    background-color: yellow;
  }

  .widget-content {
    padding: 0em 0.5em 0.5em 0.5em;
	background-image: url('../template_images/widget_bg.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
  }
  
    .login-content {
    padding: 0.5em 1.5em 0.5em 1.5em;
	background-image: url('../template_images/widget_bg.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 196px;
	position: relative;
  }
  
  .login-content span {font-size: 11px;}
  
  .login-content table tr td {padding: 0px!important; font-size: 11px;}
	
	
	.widget-menu
	{
	 border:0 none;
display:block;
float:left;
left:0;
margin:0;
padding:0;
position:absolute;
top:0;
width:295px;
	}
  
  a.widget-closelink {
  	background-image: url('../template_images/widget_close.gif');
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	width: 10px;
	height: 10px;
	text-decoration: none;
	float: right;
  margin: 15px 7px 0 0;
	line-height:10px;
	padding:0;
	border:0;
	}
	
  a.widget-closelink:hover {background-position: top left;}	
  
  a.widget-collapselink {display:block;padding:1px; float: left; text-decoration: none;}
  
  a.widget-collapselink span.collapse {
  	background-image: url('../template_images/collapse_link.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
  	display: block;
	width: 16px;
	height: 9px;
	margin: 15px;
	cursor:pointer;
	line-height: 9px;
  }
  
  a.widget-collapselink:hover span.collapse {background-position: -17px 0px;}
  
  a.widget-collapselink span.extend {
  	background-image: url('../template_images/collapse_link.gif');
	background-repeat: no-repeat;
	background-position: 0px -10px;
  	display: block;
	width: 9px;
	height: 16px;
	margin: 11px 21px 11px 16px;
	cursor:pointer;
  }
  
  a.widget-collapselink:hover span.extend {background-position: -17px -10px;}