﻿/** ASP.NET form **/
/** ============ **/

.aspnetForm
{
	margin:0px;
	padding:0px;
	width:100%;
	border:0px solid black;
}


/** text **/
/** ==== **/

.psp_text
{
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	padding:0px;
	text-align:left;
}

.psp_paragraph
{
	padding:0px;
	margin-bottom:10px;
}


/** image **/
/** ===== **/

.psp_image
{
	padding:10px 0px;
	text-align:center;
}


/** menu **/
/** ==== **/

#navleft ul.sub2 a.bold { font-weight:bold; padding-left:60px; border-bottom:1px solid #a3a3a3; margin:0; width:135px; display:block; line-height:1.8em; }
#navleft ul.sub3 a { font-weight:normal; padding-left:70px; border-bottom:1px solid #a3a3a3; margin:0; width:125px; display:block; line-height:1.8em; }
#navleft ul.sub3 a.bold { font-weight:bold; padding-left:70px; border-bottom:1px solid #a3a3a3; margin:0; width:125px; display:block; line-height:1.8em; }
#navleft ul.sub4 a { font-weight:normal; padding-left:80px; border-bottom:1px solid #a3a3a3; margin:0; width:115px; display:block; line-height:1.8em; }
#navleft ul.sub5 a.bold { font-weight:bold; padding-left:80px; border-bottom:1px solid #a3a3a3; margin:0; width:115px; display:block; line-height:1.8em; }
#navleft ul.sub5 a { font-weight:normal; padding-left:90px; border-bottom:1px solid #a3a3a3; margin:0; width:105px; display:block; line-height:1.8em; }
#navleft h4 { font-size:1em; color:#1e467d; font-weight:normal; padding-left:70px; border-bottom:1px solid #a3a3a3; display:block; width:125px; line-height:1.8em; }
#navleft h5 { font-size:1em; color:#1e467d; font-weight:normal; padding-left:80px; border-bottom:1px solid #a3a3a3; display:block; width:115px; line-height:1.8em; }
#navleft h6 { font-size:1em; color:#1e467d; font-weight:normal; padding-left:90px; border-bottom:1px solid #a3a3a3; display:block; width:105px; line-height:1.8em; }


/** page headline **/
/** ============= **/

.psp_page_headline
{
	background-color:#EBEDED;
	border:1px solid #C8CDCD;
	border-collapse:collapse;
	margin:0px 0px 20px 0px;
	width:100%;
}

.psp_page_headline .headline
{
	background-color:#EBEDED;
	color:Black;
	font-family:Arial,Helvetica,sans-serif;
	font-size:larger;
	font-weight:bold;
	padding:5px 10px;
	vertical-align:middle;
}

.psp_page_headline .buttons
{
	background-color:#EBEDED;
	padding:5px 5px;
	text-align:right;
	vertical-align:middle;
}

.psp_page_headline .buttons .button
{
	margin:5px 5px;
	padding:0px;
}


/** tab headline **/
/** ============ **/

.psp_tab_headline
{
	background-color:#F6F8F8;
	border:1px solid #D3D8D8;
	border-collapse:collapse;
	margin:0px 0px 10px 0px;
	width:100%;
}

.psp_tab_headline .buttons
{
	background-color:#F6F8F8;
	padding:2px 0px 0px 5px;
	text-align:left;
	vertical-align:middle;
}

.psp_tab_headline .buttons .button
{
	margin:0px 5px;
	padding:0px;
}


/** tab container **/
/** ============= **/

/** tab container **/
#content .psp_tab_container
{
	background:url(/images/psp/tab-line.png) repeat-x bottom;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	margin-bottom:0px;
	white-space:normal;
}

/** tab **/
#content .psp_tab_container .tab_outer
{
	display:-moz-inline-box;
	display:inline-block;
	padding-right:4px;
	background:url(/images/psp/tab-right.png) no-repeat right;
	height:21px;
}

#content .psp_tab_container .tab_outer .tab_inner
{
	display:-moz-inline-box;
	display:inline-block;
	padding-left:3px;
	background:url(/images/psp/tab-left.png) no-repeat;
}

#content .psp_tab_container .tab_outer .tab_inner .tab_tab
{
	overflow:hidden;
	text-align:center;
	display:-moz-inline-box;
	display:inline-block;
	height:13px;
	padding:4px;
	margin:0px;
	background:url(/images/psp/tab.png) repeat-x;
}

/** tab link **/
#content .psp_tab_container a:link
{
	color:#000;
	text-decoration:none;
}

/** tab visited link **/
#content .psp_tab_container a:visited
{
	color:#000;
	text-decoration:none;
}

/** tab hover link **/
#content .psp_tab_container a:hover
{
	color:#000;
	text-decoration:none;
}

#content .psp_tab_container a:hover .tab_outer
{
	background:url(/images/psp/tab-hover-right.png) no-repeat right;
	color:#000;
	text-decoration:none;
}

#content .psp_tab_container a:hover .tab_outer .tab_inner
{
	background:url(/images/psp/tab-hover-left.png) no-repeat;
	color:#000;
	text-decoration:none;
}

#content .psp_tab_container a:hover .tab_outer .tab_inner .tab_tab
{
	background:url(/images/psp/tab-hover.png) repeat-x;
	color:#000;
	text-decoration:none;
}

/** tab active link **/
#content .psp_tab_container a:active
{
	color:#000;
	text-decoration:none;
}

#content .psp_tab_container a:active .tab_outer
{
	background:url(/images/psp/tab-active-right.png) no-repeat right;
	color:#000;
	text-decoration:none;
}

#content .psp_tab_container a:active .tab_outer .tab_inner
{
	background:url(/images/psp/tab-active-left.png) no-repeat;
	color:#000;
	text-decoration:none;
}

#content .psp_tab_container a:active .tab_outer .tab_inner .tab_tab
{
	background:url(/images/psp/tab-active.png) repeat-x;
	color:#000;
	text-decoration:none;
}

/** current tab **/
#content .psp_tab_container .tab_current .tab_outer
{
	background:url(/images/psp/tab-active-right.png) no-repeat right;
}

#content .psp_tab_container .tab_current .tab_outer .tab_inner
{
	background:url(/images/psp/tab-active-left.png) no-repeat;
}

#content .psp_tab_container .tab_current .tab_outer .tab_inner .tab_tab
{
	background:url(/images/psp/tab-active.png) repeat-x;
}


/** tab content **/
/** =========== **/

#content .psp_tab_content
{
	border-bottom:1px solid #919B9C;
	border-left:1px solid #919B9C;
	border-right:1px solid #919B9C;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 1em;
	padding:15px 0px 0px 0px;
}


/** page content **/
/** ============ **/

.psp_page_content
{
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1em;
	padding:0px 10px 10px 10px;
}


/** group **/
/** ===== **/

.psp_group
{
	border:1px solid #ddd;
	-ms-border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px; 
	padding:0px 10px 10px 10px;
}

.psp_group .header
{
	padding:0px 10px 0px 5px;
	position:relative;
	top:-9px;
	margin-bottom:0px;
}

.psp_group .header .title
{
	background-color:#fff;
	color:#bbb;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	padding:2px 7px;
}


/** wizard **/
/** ====== **/

.psp_wizard
{
}

.psp_wizard table
{
	width:100%;
}

.psp_wizard table td
{
	padding:0px;
}


.psp_wizard table.navigation
{
	border-collapse:collapse;
	border:1px solid #ddd;
	margin-top:5px;
	width:100%;
}

.psp_wizard table.navigation td
{
	background-color:#f5f5f5;
	padding:10px 10px 10px 10px;
}

.psp_wizard table.navigation td input
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	padding:2px 7px;
}

.psp_wizard table.navigation td.center
{
	text-align:center;
}

.psp_wizard table.navigation td.center input
{
	margin-right:5px;
}

.psp_wizard table.navigation td.left
{
	text-align:left;
}

.psp_wizard table.navigation td.left input
{
	margin-right:5px;
}

.psp_wizard table.navigation td.right
{
	text-align:right;
}

.psp_wizard table.navigation td.right input
{
	margin-left:5px;
}


/** form **/
/** ==== **/

#content .psp_form
{
	border:0px solid black;
	width:100%;
}

#content .psp_form .legend
{
	font-size:12px;
	color:#1e467d; 
	margin:3px 15px 10px 15px;
}

#content .psp_form .items
{	
	background-color:#f5f5f5;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-top:1px solid #ddd;
}

#content .psp_form .items .item
{
	border-bottom:1px solid #ddd;
	padding:10px 10px 15px 10px;
}

#content .psp_form .items .item
{
	border-bottom:1px solid #ddd;
	padding:10px 10px 15px 10px;
}

#content .psp_form .items .item table
{
	border-collapse:collapse;
	width:100%;
}

#content .psp_form .items .item table td
{
	background-color:#f5f5f5;
	border:0px solid red;
	padding:0px;
	vertical-align:middle;
}

#content .psp_form .items .item .label
{
	color:#1e467d; 
	font-size:12px;
	padding:2px 0px 5px 5px;
}

#content .psp_form .items .item .input
{
}

#content .psp_form .items .item .input input
{
	background-color:#fff;
	border:1px solid #ddd;
	color:#333;
	width:98%;
	padding:2px;
	margin:0px;
}

#content .psp_form .items .item .input select
{
	border:1px solid #ddd;
	color:#333;
	width:100%;
	padding:2px;
	margin:0px;
}

#content .psp_form .items .item .checkbox input
{
	background-color:#f5f5f5;
	border:0px solid black;
	width:20px;
}

#content .psp_form .items .item .checkboxlist td
{
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:5px;
}

#content .psp_form .items .item .checkboxlist input
{
	background-color:#f5f5f5;
	border:0px solid black;
	float:left;
	width:13px;
}

#content .psp_form .items .item .checkboxlist label
{
	border:0px solid black;
	height:15px;
	margin-left:10px;
}

#content .psp_form .items .item .radiobuttonlist td
{
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	padding:5px;
}

#content .psp_form .items .item .radiobuttonlist input
{
	background-color:#f5f5f5;
	border:0px solid black;
	float:left;
	width:13px;
}

#content .psp_form .items .item .radiobuttonlist label
{
	border:0px solid black;
	height:15px;
	margin-left:10px;
}

#content .psp_form .items .item .chartsselector
{
	border-collapse:collapse;
	width:100%;
}

#content .psp_form .items .item .chartsselector input
{
	background-color:#f5f5f5;
	border:0px solid black;
	float:left;
	width:13px;
}

#content .psp_form .items .item .chartsselector label
{
	border:0px solid black;
	height:15px;
	margin-left:10px;
}

#content .psp_form .items .item .chartsselector .headline
{
	font-size:12px;
	padding:2px 5px 5px 5px;
}

#content .psp_form .items .item .chartsselector td.measure
{
	border-right:1px solid #ddd;
	padding:0px 5px 0px 0px;
	width:30%;
	vertical-align:top;
}

#content .psp_form .items .item .chartsselector td.measure td
{
	padding:2px;
}

#content .psp_form .items .item .chartsselector td.timerange
{
	border-right:1px solid #ddd;
	padding:0px 8px 0px 8px;
	width:30%;
	vertical-align:top;
}

#content .psp_form .items .item .chartsselector td.timerange .selector
{
	border:0px solid red;
}

#content .psp_form .items .item .chartsselector td.timerange .date_picker
{
	border:0px solid red;
	padding:0px;
	font-size:12px;
}

#content .psp_form .items .item .chartsselector td.timerange .date_picker table
{
	border:0px solid black;
	width:100%;
}

#content .psp_form .items .item .chartsselector td.timerange .date_picker td.label
{
	border:0px solid blue;
	vertical-align:middle;
}

#content .psp_form .items .item .chartsselector td.timerange .date_picker td.label input
{
	width:100%;
}

#content .psp_form .items .item .chartsselector td.timerange .date_picker td.button
{
	border:0px solid blue;
	vertical-align:middle;
	width:20px;
}


/*
#content .psp_form .items .item .chartsselector td.timerange .date_picker input
{
	border:0px solid black;
	float:none;
	margin-left:5px;
}
*/

#content .psp_form .items .item .chartsselector td.timerange td
{
	padding:2px;
}

#content .psp_form .items .item .chartsselector td.plant
{
	padding:0px 0px 0px 8px;
	vertical-align:top;
	width:40%;
}

#content .psp_form .items .item .chartsselector td.validation_failed
{
	background-color:#FECDCD;
	border:1px solid #FF0000;
	color:#333;
	/*float:left;*/
	width:98%;
}

#content .psp_form .items .item .chartsselector td.plant .inverters
{
}

/*
#content .psp_form .items .item .checkboxlist .validation_failed input
{
	border:0px solid black;
	float:left;
	width:13px;
}
*/

#content .psp_form .items .item .validation_failed input
{
	background-color:#FECDCD;
	border:1px solid #FF0000;
	color:#333;
	/*float:left;*/
	width:98%;
}

#content .psp_form .items .item .validators
{
}

#content .psp_form .items .item .validators .validator
{
	color:#ff0000; 
	font-size:11px;
	padding:5px 0px 0px 5px;
}

#content .psp_form .form_validators
{	
	background-color:#f5f5f5;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	text-align:left;
}

#content .psp_form .form_validators .validator
{	
	border-bottom:1px solid #ddd;
	color:red;
	padding:10px 10px 10px 15px;
}

#content .psp_form table.daterange
{
	border:0px solid black;
	border-collapse:collapse;
}

#content .psp_form table.daterange td.start,
#content .psp_form table.daterange td.end
{
	border:0px solid blue;
	padding:0px;
}

#content .psp_form table.daterange td.text
{
	border:0px solid red;
	padding:2px 3px;
	text-align:center;
	vertical-align:middle;
}

#content .psp_form table.daterange td.button
{
	border:0px solid red;
	vertical-align:middle;
	width:20px;
}

#content .psp_form table.daterange td.label
{
	border:0px solid red;
	vertical-align:middle;
}

#content .psp_form table.daterange td.label input
{
	width:100%;
}


/** button **/
/** ====== **/

.psp_button
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	padding:2px 7px;
}


/** grid view **/
/** ========= **/

/** grid view **/
.psp_grid_view
{
	padding:0px;
	width:100%;
}

.psp_grid_view table
{
	border-collapse:collapse;
	width:100%;
}

.psp_grid_view table th,
.psp_grid_view table td
{	
	border:1px solid #999999;
	color:#000000;
	font-size:11px;
	padding:3px 5px;
	text-align:left;
}

/** header **/
.psp_grid_view .header th
{
	background-color:#E5ECF6;
	font-weight:bold;
}

.psp_grid_view .header .entry
{
}

.psp_grid_view .header .entry .text
{
	display:inline-block;
	float:left;
	margin-right:5px;
	text-align:left;
}

.psp_grid_view .header .entry .sort
{
	display:inline-block;
	float:left;
	padding-bottom:2px;
	padding-top:3px;
	text-align:center;
	width:10px;
}

/** pager **/
.psp_grid_view .pager
{
	font-size:11px;
}

.psp_grid_view .pager .first
{
	display:inline-block;
	float:left;
	margin-left:5px;
	padding-bottom:5px;
	padding-top:5px;
	text-align:center;
	width:22px;
}

.psp_grid_view .pager .previous
{
	display:inline-block;
	float:left;
	padding-bottom:5px;
	padding-top:5px;
	text-align:center;
	width:22px;
}

.psp_grid_view .pager .info
{
	display:inline-block;
	float:left;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	padding-top:5px;
	text-align:center;
}

.psp_grid_view .pager .next
{
	display:inline-block;
	float:left;
	padding-bottom:5px;
	padding-top:5px;
	text-align:center;
	width:22px;
}

.psp_grid_view .pager .last
{
	display:inline-block;
	float:left;
	padding-bottom:5px;
	padding-top:5px;
	text-align:center;
	width:22px;
}



/** details view **/
/** ============ **/

/** details view **/
.psp_details_view
{
	padding:0px;
	width:100%;
}

.psp_details_view table
{
	border-collapse:collapse;
	width:100%;
}

.psp_details_view table th,
.psp_details_view table td
{	
	border:1px solid #999999;
	color:#000000;
	font-size:11px;
	padding:0px;
	text-align:left;
	vertical-align:top;
}

/** header **/
.psp_details_view .header
{
	background-color:#E5ECF6;
	font-weight:bold;
	margin:0px;
	padding:3px 5px;
	text-align:left;
}

/** item **/
.psp_details_view .item
{
	background-color:#FFFFFF;
	font-weight:normal;
	padding:3px 5px;
	text-align:left;
}


/** context help **/
/** ============ **/

.context_help
{
	background-color:#FFFFFF;
	border:1px solid #eee;
	color:#777;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1em;
	padding:2px;
	margin:0px 0px 18px 0px;
}