/* -------------------------------------------------------------
PORTLET
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	
	.portlet-header
	{
		background: #D9D9D9 url(http://www.myesport-hosting.eu/images/portlet/portlet-header.png) repeat-x 0 0;
		color: #444;
		padding: 10px 15px 10px 15px;
		cursor: pointer;		
		position: relative;
		overflow: hidden;
		border: 1px solid #CCC;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

		.portlet-state-closed .portlet-header { padding-bottom: 10px; }
	
		.portlet-header h4
		{
			font-size: 12px;			
			font-style: normal;
			font-weight: bold;
			color: #333;
			padding: 0;
			margin: 0;
		}
		
		.portlet-state-closed .portlet-header { -moz-border-radius: 6px; -webkit-border-radius: 6px; }
		
	.portlet-content { 	padding: 15px; position: relative; }	
	
	.portlet-state-closed .portlet-content { display: none; }
	.portlet-state-closed h4 { border: none; }
	
		.portlet-toggle-icon
		{
			background: url(http://www.myesport-hosting.eu/images/portlet/portlet-arrow-close.png) no-repeat 0 0 !important;
			width: 12px;
			height: 5px;
			display: block;
			position: absolute;
			right: 15px;
			top: 16px;
		}
	
		.portlet-state-closed .portlet-toggle-icon { background: url(http://www.myesport-hosting.eu/images/portlet/portlet-arrow-open.png) no-repeat 0 0 !important; }
		
	.portlet-tab-nav
	{
		padding: 0;
		margin: 0;
		position: absolute;
		top: 5px;
		right: 25px;
	}
	
	.portlet-state-closed .portlet-tab-nav { display: none; }

		.portlet-tab-nav li
		{
			background: transparent;
			line-height: 2em;
			list-style-type: none;
			float: left;
			margin: 0 1em 0 0;
			-moz-border-radius: 100px;
			-webkit-border-radius: 100px;
		}

			.portlet-tab-nav li a
			{
				color: #444;
				font-size: 11px;
				font-weight: bold;
				text-decoration: none;
				padding: 5px 8px;
				outline: none !important;
			}
			
				.portlet-tab-nav li a:hover { text-decoration: underline; }
							
		.portlet-tab-content { display: none; }
		
		.portlet-tab-nav-active
		{
			background: #FFF !important;
			border: 1px solid #CCC;
		}
		
			.portlet-tab-nav-active a { color: #444 !important; }
			
			.portlet-tab-nav-active a:hover { text-decoration: none !important; }
		
		.portlet-tab-content-active { display: block !imporant; }		
			.portlet-tab-nav .portlet-tab-nav-active  a { color: #0B66B9; text-decoration: none; }


/* -------------------------------------------------------------
FORM
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.form { padding: 5px; margin: 10px; }
.form .field { width: 100%; }
.form .fields { width: 100px; }
.form .field_help { margin-left: 145px; font-size: 90%; color: #777; }
.form label, 
.form span.label { margin-right: 10px; padding-right: 10px; width: 125px; display: block; float: left;  font-weight: bold; text-align: right; position: relative; }
.form label em, 
.form span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
.form input:focus,
.form input.error:focus, 
.form textarea:focus {	background-color: #FFC; border-color: #FC6; }
.form .upload { margin-bottom: -5em;}


.form .buttonrow { margin-left: 145px; display: block; }
.form .cancel { font-size: 11px; color: #C00; padding-left: 10px; }
.form .field { margin-bottom: 1.5em; }
.form .uploader { margin-bottom: .5em !important; }
.form .field input
{
	padding: 4px;
	border: 1px solid #CCC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.form .xsmall { width: 50px; }
.form .small { width: 100px; }
.form .medium { width: 200px; }
.form .large { width: 300px; }
.form .xlarge { width: 400px; }

/* Label top styles */
.label-top .field label { width: 100%; display: block; text-align: left; }
.label-top .field span.label { width: 100%; display: block; float: left; text-align: left; position: relative; }
.label-top .field .field_help { margin-left: 0; font-size: 11px; }
.label-top .buttonrow { margin-left: 0; }
.label-top .selector { width: 100%; display: block; float: left; }

.form div.controlset label, 
.form div.controlset input { display: inline; float: none; }
.form .controlset label {font-size: 11px; font-weight: normal !important; }
.controlset { margin-bottom: 2.5em; float: left; }
.controlset .controlset-pad { width: 300px; float: left;  }