/* 
    Document   : dptberegner_app
    Created on : Sep 30, 2011, 1:07:22 PM
    Author     : mb
    Description:
        Purpose of the stylesheet follows.
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
		border: 1px solid #d3d3d3; 
		background: #000; /* #e6e6e6 url(/gifs/apps/dptberegner/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; */
		font-weight: normal;
		color: #ffffff;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #ffffff; text-decoration: none;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; /*color: #212121;*/ }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(/gifs/apps/dptberegner/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; /*color: #212121;*/ }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #9e0b0f; text-decoration: none; }
.ui-widget :active { outline: none; }
/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
/*
 * jQuery UI Tabs 1.8.9
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 0em; background: none; min-height: 300px;}
.ui-tabs .ui-tabs-hide { display: none !important; }

#tabs { border: 1px solid #aaa; }
.ui-tabs-header { border: 1px solid #aaa; }
.ui-tabs .ui-tabs-nav li.dpt-tabs-completed a {color: #ffffff; background: #00aeef; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color: #00aeef !important; background: #ffffff;}
.ui-tabs .ui-tabs-nav li.dpt-tabs-completed.ui-tabs-selected a { color: #00aeef !important; background: #ffffff;}
.dpt-structure-selectors, .dpt-profile-selectors {
	padding: 15px;
	border: 1px solid transparent;
        max-width: 180px;
        
}
.dpt-profile-easy-295 {
    max-height: 154px;
    padding: 10px 40px;
}
.dpt-structure-selected, .dpt-profile-selected, .dpt-extension-selected {
	border: 1px solid #598527 !important;
}

#dpt-state{display: none !important;}
.dpt-state-view {float: right;width: 150px;border: 1px solid #aaa;padding: 1em;}

#tab-5-copings-dddselector {
	float: left;
	border: 1px solid #aaa;
	width: 220px;
	margin-right: 10px;
	padding: 10px;
}
#tab-4-extension-selector, #tab-4-extension-viewer, #tab-4-extension-selected {
	margin-right: 5px;
	border: 1px solid #aaa;
	width: 208px;
	padding: 10px;
}
#tab-4-extension-viewer {
	margin-right: 5px;
	border: 1px solid #aaa;
	width: 380px;
	padding: 10px;
}

.dpt-extension-type-selectors {
	padding: 5px;
	border: 1px solid transparent;
}

#tab-5-copings-selector, #tab-5-copings-selected {
	margin-right: 5px;
	border: 1px solid #aaa;
	width: 208px;
	padding: 10px;
}

#tab-5-copings-viewer {
	margin-right: 5px;
	border: 1px solid #aaa;
	width: 380px;
	padding: 10px;
}
#tab-5-copings-selector a {
	text-decoration: none;
	color: #555555;
}
.dpt-remove-coping {
	float: right;
	color:red;
}
.dpt-add-coping {
	float: right;
	color:#0c0;
}

#tab-6-roofgutter-selector, #tab-6-roofgutter-viewer, #tab-6-roofgutter-selected {
	margin-right: 5px;
	border: 1px solid #aaa;
	width: 208px;
	padding: 10px;
}

#tab-6-roofgutter-viewer {
	margin-right: 5px;
	border: 1px solid #aaa;
	width: 380px;
	padding: 10px;
}
#tab-6 a {
	text-decoration: none;
	color: #555555;
}

.dpt-remove-roofgutter {
	float: right;
	color:red;
}
.dpt-add-rg {
	float: right;
	color:#0c0;
}

#tablecalc td {vertical-align: top;padding: 10px;}
#tableinput td {vertical-align: top;}
#tableinput td.dpt-number {
	vertical-align: top;
	text-align: right;
}
#tablemess td {vertical-align: bottom;}

#tableprofile td {text-align: center;}

#tableprofile .profilesubheader { text-align: left; padding-left: 10px; padding-top: 10px; }
#tablesave {
	width: 600px;
}
#tablesave td {
	
}
#tablesave td.caption {
	width: 180px;	
}
#tablesave td.dpt_caption_head {
	font-weight: bold;
}
#tablesave input[readonly] {border: 0px;width:400px;}

/* Modal styling */
body div.modal {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}

body div.modal .overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #3f3f3f;
  opacity: .40;
  filter: alpha(opacity = 40);
  -ms-filter: "alpha(opacity=40)";
}

#dpt_rg_height, #dpt_rg_overhang, #dpt_rg_count {
	width: 40px;
}