@charset "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0 none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline-color: -moz-use-text-color; outline-style: none; outline-width: 0; padding: 0; }
html * { font-size: 100.01%; }
html, body { height: 100%; }
body { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 76%; color: #000000; /* background: #ffffff url(../img/bodyheader.jpg) repeat-x top left; */ line-height: 16px; }


/* --- Typography --- */

h1, h2, h3, h4, h5, h6 { line-height: 30px; margin-bottom: 12px; }
h1 { font-size: 30px; border-bottom: 1px solid #000000; }
h2 { font-size: 26px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }


a { /*font-weight: bold;*/ color: #0066aa; text-decoration: none; }   
a:link, a:visited, a:active, a:hover { }

img { border: 0; }
    
ol, ul { line-height: 18px; /*margin: 0 0 0 10px;*/ margin: 0; }
ul { list-style-type: none; }

li {
    line-height: 18px;
    margin: 0 0 0 15px;
}

ul li {
/*	background: url(../img/li.png) no-repeat 2px 6px;*/
	margin: 0;
	padding: 0 0 0 15px;
}

ul.errors li {
	background: none;
}
	
pre {
    font-family: monospace;
    font-size: 12px;
}

strong, b, em {
    font-weight: bold;
}

i {
    font-style: italic;
}

p {
    margin-bottom: 12px;
}

table {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}

caption {
    padding: 3px;
    text-align: left;
}

tr, td { text-align: left; vertical-align: top; }
textarea { resize: none; }

.widget-accordion-li { padding: 0; }
.widget-accordion-icon { position: relative; top: 3px; width: 16px; height: 16px; padding: 0 5px 0 0; }
#navigation-site a:hover { color: #3399dd; }
.form-buttons { float: right; }
.dataTables-paginate { padding: 10px; }

div.spacer { height: 10px; }

#site-header { /*position: fixed; top: 0px; width: 100%; */ }
#site-footer { position: fixed; bottom: 0px; width: 100%; }
#site-footer-content {
	margin: 0px 0 0 0;
	color: #cdcdcd;
	padding: 5px 10px;
	text-align: right;
	background: rgba(0, 102, 170, 1); 
}


/*		 ****************** */
/* 		*** New styles *** */
/* 		****************** */

.pv-global-error { margin: 10px; padding: 10px; background: #ff0000; border: 1px solid #aaa; color: #ffffff; border-radius: 5px; }
.pv-global-error .pv-error-title { color: #ffffff; font-weight: bold; }
.pv-global-error .pv-error-msg { color: #ffffff; }

div.pv-error { text-align: center; margin: auto; color: #f00; font-weight: bold; padding: 10px; }

.navigation li { padding: 0; }
.navigation li a {  vertical-align: top; display: inline-block; width: 145px; padding-top: 2px; }
.pv-navigation { min-height: 650px; }
.pv-navigation .ui-accordion-content { padding: 10px; }
.pv-navigation li.pv-navi-analysis-edit { padding-bottom: 10px; }
.pv-navigation li.pv-navi-analysis-generate { padding-bottom: 10px; }

.pv-navi-analysis {}
.pv-navi-analysis-edit {}
.pv-navi-analysis-generate {}
.pv-navi-analysis-item { margin: 4px 0 0 0; }

div.pv-navi-analysis div.shortcuts { }

.pv-widget { margin-bottom: 50px; border: 1px solid #ccc; /* max-height: 840px; */}

.pv-widget-preview { cursor: move; position: fixed; top: 20px; right: 20px; width: 400px; background: none repeat scroll 0 0 #ffffff; }
.pv-widget-preview-inline { margin: 20px 0px 20px; height: 425px; }

.pv-table { font-size: 0.8em; width: 100%; max-height: 760px;}
.pv-table.bordered { border-left: 1px solid #cccccc;  }
.pv-table tr { border: 1px solid #cccccc; }
.pv-table tr th { background: url("smoothness/images/ui-bg_highlight-hard_100_blue_1x100.png") repeat-x scroll 0 -37px #d1dae5; border-bottom: 1px solid #aaaaaa; font-weight: bold; font-size: 1.2em; }
.pv-table tr:nth-child(even) { background: none repeat scroll 0 0 #fafafa; }
.pv-table tr:nth-child(odd) { background: url("smoothness/images/ui-bg_highlight-hard_100_dddddd_1x100.png") repeat-x scroll 0 -37px #dddddd; }
.pv-table th { padding: 5px 10px; }
.pv-table tr.begin-group { border-top: 3px solid #aaaaaa; }
.pv-table tr.header { border-top: 0; }
.pv-table td { padding: 5px 10px; vertical-align: middle; }
.pv-table td a.pv-table-button { 
	background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#007fc5), to(#00549e));
    background: -moz-linear-gradient(top,  #007fc5,  #00549e);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#007fc5', endColorstr='#00549e'); 
	border: 0 none; border-radius: 0.5em; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); color: #ffffff !important; cursor: pointer; display: inline-block; font-weight: bold; outline: medium none; padding: 2px 10px; text-align: center; text-decoration: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); vertical-align: baseline; }
.pv-table td a.pv-table-button:hover { background: #00549e; }

.pv-datagrid th { padding: 4px; }
.pv-datagrid td { padding: 4px; }
.pv-datagrid tr:nth-child(even) { background: white; }
.pv-datagrid tr:nth-child(odd) { background: #e2eeff; }
.pv-datagrid tr.header th { background: url("smoothness/images/ui-bg_highlight-hard_100_dddddd_1x100.png") repeat-x scroll 50% 50% #dddddd; border: 1px solid #cccccc; color: #555555; font-weight: normal; font-size: 8pt; }
.pv-datagrid-filter { padding: 10px 0; float: right; width: auto; font-size: 8pt; }
.pv-datagrid-filter select { float: right; width: auto !important; font-size: 8pt; position: relative; top: -4px; left: -3px; }
.pv-datagrid-filter span { padding: 0 10px; font-weight: bold; }

.pv-pagination { }
.pv-pagination div.header { padding: 10px; }
.pv-pagination div.header span { padding: 0 10px; }
.pv-pagination div.header label { margin: 5px 0 0 0; padding: 0; }
.pv-pagination div.header span.entries { float: left; }
.pv-pagination div.header span.date { float: right; }
.pv-pagination div.header span.page { float: right; }
.pv-pagination div.header span.date label { width: 50px; }
.pv-pagination div.header span.page label { width: 50px; }
.pv-pagination div.header span.date input { width: 100px; }
.pv-pagination div.header span.page input { width: 50px; text-align: right; }

.pv-pagination div.navigation { text-align: center; }
.pv-pagination div.navigation a { padding: 4px 8px; }
.pv-pagination div.navigation span { padding: 4px 8px; }
.pv-pagination div.navigation span span { border: 1px solid #777;}

.pv-log-data { padding: 10px; }
.pv-log-data { padding: 10px; }

.pv-tab { }
.pv-tab-element { border: 1px solid #cccccc !important; }

.pv-dashboard { list-style-type: none; margin: 0; padding: 0; width: 100%; }
.pv-dashboard .hidden { display: none; }
.pv-dashboard-widget { float: left; margin: 0px 20px 0px 0px; padding: 0px; }

.pv-dashboard-widget.pv-widget-half { width: 600px; height: 400px; }
.pv-dashboard-widget.pv-widget-full { width: 1000px; }
.pv-dashboard-widget.pv-widget-history { /*width: 1100px; height:340px; */}

.pv-dashboard-highlight { float: left; margin: 10px 0 0 10px; padding: 0px; width: 348px; height: 328px; border: 1px dotted #ccc; border-radius: 5px; background: #efefef; }

div.pv-widget-container { padding: 0px; overflow: auto; }
div.pv-widget-container div.pv-widget-header { }
div.pv-widget-container div.pv-widget-content {  }
.pv-dashboard .pv-widget-header { cursor: move; }

.pv-widget {}
.pv-widget div.loading { height: 100%; width: 100%; display: table; color: #777 }
.pv-widget div.loading > div { display: table-cell; vertical-align: middle; text-align: center; }

.pv-widget-content.refreshing { opacity: 0.5; }

.pv-widget-header { height: 20px; background: #d1dae5; font-weight: bold; padding: 4px 10px; }
.ui-dialog .ui-widget-header .pv-widget-header { background: none; } 
.pv-widget-header a.button { border: 0; cursor: pointer; display: inline-block; margin: -1px 0 0 7px; width: 20px; height: 20px; }
.pv-widget-header a.button:hover { box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.3); }
.pv-widget-header span.icon { vertical-align: middle; display: inline-block; margin-top: 2px; }
.pv-widget-header span.title { padding-left: 8px; }
.pv-widget-header span.buttons { float: right; }
.pv-widget-header span.buttons img { width: 16px; height: 16px; padding: 2px; }

.pv-widget-half .pv-widget-content { height: 340px; }
.pv-widget-full .pv-widget-content { }
.pv-widget-inner-content { padding: 10px; border-top: 1px solid #ccc; }

.pv-widget-chart { height: 307px; border-top: 1px solid #ccc; }
.pv-widget-chart-legend { bottom: 5px; margin-right: 50px;}
.pv-widget-chart-legend table { margin: auto; }
.pv-widget-chart-legend table td { padding: 0 0 0 10px; }
.pv-widget-chart-legend td.color { vertical-align: middle; }
.pv-widget-chart-legend td.color span { border: 1px solid #ccc; width: 12px; height: 12px; display: inline-block; }

.pv-widget-chart-tab { height: 80%; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; margin-top: 2px; padding: 4px; }
.pv-widget-chart-datepicker { padding-bottom: 10px; text-align: center; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; }
.pv-widget-chart-datepicker button { margin-right: 10px; }
.pv-widget-chart-datepicker input { margin-right: 10px; float: none; width: 150px; padding: 4px; text-align: center; }
.pv-widget-chart-datepicker span.toDate { margin-right: 10px; }
.pv-widget-chart-datepicker .center { display: inline-block; }
.pv-widget-chart-datepicker .right { float: right; margin-top: 10px;}
.pv-widget-content div.pv-error {  background: #fcfcfc; border-top: 1px solid #aaaaaa; }
.pv-widget-half div.pv-error { height: 287px; }

.pv-widget-analysis { width: 100%; height: 100%; }
.pv-widget-full-height { height: 100%; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #d3d3d3; }

.pv-widget-table { font-size: 0.8em; width: 100%; height: 100%; }


fieldset .pv-widget-history { border: 1px solid #aaaaaa; height: 307px;}
fieldset .pv-widget-table { border: 1px solid #aaaaaa; }
.pv-widget-table.bordered { border: 1px solid #aaaaaa; }
.pv-widget-table.loading { opacity: 0.5; }
.pv-widget-table tr { border-top: 1px solid #cccccc; }
.pv-widget-table tr th { background: url("smoothness/images/ui-bg_highlight-hard_100_dddddd_1x100.png") repeat-x scroll 0 -37px #dddddd; border-bottom: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa; font-weight: bold; font-size: 1.2em; }
.pv-widget-table tr:nth-child(even) { background: none repeat scroll 0 0 #fafafa; }
.pv-widget-table tr:nth-child(odd) { background: none repeat scroll 0 0 #f0f0f0; }
.pv-widget-table th { vertical-align: middle; padding: 5px 5px; }
.pv-widget-table td { vertical-align: middle; padding: 5px 5px; }
.pv-widget-table tr.begin-group { border-top: 3px solid #aaaaaa; }
.pv-widget-table tr.header { border-top: 0; }
.pv-widget-table span.icon { display: block; text-align: center; height: 100%; }
.pv-widget-table span.icon img { height: 16px; width: 16px; }
.pv-widget-table td button { padding: 2px 10px 1px 10px; cursor: pointer; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.pv-widget-table td button:disabled { cursor: default; }

.pv-widget-table td .colorButton {padding: 0; margin: 0 auto; }

.pv-widget-image { width: 338px; height: 297px; text-align: center; padding: 5px; }
.pv-widget-image img { max-width: 100%; max-height: 100%; }

#selfConsumptionChart { height: 250px; width: 100%; overflow: hidden; }

.energy-flow { position: absolute; }
.energy-flow div.offline img { opacity: 0.1; }
.energy-flow img.tls { opacity: 0.3; }
.energy-flow img.base { position: absolute; top: 0px; left: 0px; max-width: 400px; max-height: 300px; }
.energy-flow img.right { position: absolute; top: 0px; left: 0px; max-width: 250px; max-height: 320px; padding-left: 330px; padding-top: 40px; }

.energy-flow img.sun { position: absolute; top: 74px; left: 0px; z-index: 9; }
.energy-flow a.battery { position: absolute; top: 107px; left: 135px; z-index: 9; }
.energy-flow img.house { position: absolute; top: 229px; left: 140px; z-index: 9; }
.energy-flow img.grid { position: absolute; top: 6px; left: 290px; z-index: 9; }
.energy-flow img.flow-upper { position: absolute; top: 0px; left: 0px; z-index: 1; }
.energy-flow img.flow-lower-left { position: absolute; top: 0px; left: 0px; z-index: 1; }
.energy-flow img.flow-lower-right { position: absolute; top: 0px; left: 0px; z-index: 1; }

.energy-flow img.flow-horiz { position: absolute; top: 20px; left: 75px; z-index: 1; width: 650px; height: 350px; }

.energy-flow img.flow-vert { position: absolute; top: 0px; left: 0px; z-index: 1; }

.tms-energy-flow { }
.tms-energy-flow img.tms-flow-horiz {top: 55%; left: 7%; width: 45%; position: absolute; top: 0px; left: 0px; z-index: 1; }
.tms-energy-flow img.tms-base { position: absolute; top: 0px; left: 0px; }

.energy-flow div.labels { font-size: 14px; position: absolute; top: 0px; left: 0px; }
.energy-flow div.labels div.value { font-size: 18px; font-weight: bold; text-align: center; }
.energy-flow div.labels div.unit { font-size: 14px; text-align: center; }
.energy-flow div.labels .pv-output {  position: absolute; top: 48px; left: 20px; }
.energy-flow div.labels .tms-pv-output {  position: absolute; top: 43px; left: 235px; }
.energy-flow div.labels div { width: 60px; text-align: center; }
.energy-flow div.labels .pv-charge-status { position: absolute; top: 86px; left: 180px; }
.energy-flow div.labels .pv-charge-status div { display: inline; }
.energy-flow div.labels .pv-charge-in { position: absolute; top: 76px; left: 90px; }
.energy-flow div.labels .pv-charge-out { position: absolute; top: 149px; left: 190px; }
.energy-flow div.labels .pv-grid-feed-in { position: absolute; top: 16px; left: 232px; }
.energy-flow div.labels .pv-grid-purchase { position: absolute; top: 189px; left: 260px; }
.energy-flow div.labels .pv-self-consumption { position: absolute; top: 189px; left: 45px; }
.energy-flow div.labels .null { color: #eee; }

.energy-flow div.offline { color: #eee; }
div.offline-msg { color: #f00; margin: 10px; vertical-align: middle; position: relative; font-size: 16px; }
div.offline-msg h1 { font-weight: bold; font-size: 24px; border-bottom: 1px solid #f00; }

a.tooltip { outline: none; text-decoration: none; }
a.tooltip .icon { }
a.tooltip span.title { display:none; }
a.tooltip span.linkTo { display:none; }
a.tooltip span.linkText { display:none; }
a.tooltip span.help { z-index:10; display:none; padding: 14px 20px; margin-left: 30px; margin-top: 10px; width: 300px; }
a.tooltip:hover span.help { display:inline; position:absolute; color:#111; border:1px solid #DCA; background:#fffAF0; border-radius: 5px; }

a.iconInfo { outline: none; text-decoration: none; }
a.iconInfo .icon { }
a.iconInfo span.title { display:none; }
a.iconInfo span.help { z-index:10; display:none; padding: 14px 20px; margin-left: 30px; margin-top: 10px; width: 300px; }
a.iconInfo:hover span.help { display:inline; position:absolute; color:#111; border:1px solid #DCA; background:#fffAF0; border-radius: 5px; }

.ui-resizable-se { display: none; }

.loadingEventContent { height: 100%; width: 100%; color: #AAA !important;}

.indexLogin { padding: 8px 10px; border: 1px solid #cccccc; font-size: 14px; text-align: center; }
.indexLoginUser { margin-bottom: 10px; }
.indexLoginPw { margin-top: -1px; }
.indexSubmitBtn { margin: 10px 0px; width: 273px; padding: 8px 10px; font-size: 14px; }

ul.slideshow { margin: 0; padding: 0; }
ul.slideshow li { margin: 0; padding: 0; }

#startSlider { /*height: 400px;*/ }
#startSlider li { text-align: center; }
#startSlider img { /*max-height: 400px;*/ max-width: 100%;}

ul.slideshow { position: relative; width: 100%; }
ul.slideshow > li { position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; }

#site_tabs { top: 0px; }
.start-links { margin-top: 15px; }
.start-links .start-widget-border { float: left; width: 30px; } 
.start-widget { border: 1px solid #cccccc; padding: 5px; display: inline-block; width: 287px; float: left; }
.start-widget a { display: inline-block; position: relative; }
.start-widget img { border: 1px solid #cccccc; }
.start-widget span.banner { display: inline-block; color: #000000; position: absolute; top: 5px; left: 5px; padding: 20px; font-size: 2em; font-weight: normal; background: #ffffff; opacity: 0.7; width: 237px; text-align: center; }
.start-widget a:hover span.banner { opacity: 0.5; }

.user-logged-in { text-align: center; }
.user-logged-in span { text-align: center; line-height: 40px; display: inline-block; font-weight: bold; font-size: 14px; color: #555555; }

.header-container { margin: auto; color: #999999; padding: 0px 20px; overflow: hidden; }

div.link-Container { float: left; padding: 2px 20px 2px 20px; border-right: 1px solid #0066aa; height: 36px; margin-top: 8px; }
div.link-Container .to-benning { }
div.link-Container:first-child { padding-left: 0px; }
div.link-Container:last-child { border: 0; padding-right: 0px;}
div.link-Container.no-border { border: 0; }
div.link-Container.language-selector { padding: 2px 3px 2px 1px; height: 36px; }
div.link-Container.language-selector div { margin-top: 5px; }
div.logo { float: right; margin-top: 5px; }

div.link-Container button { height: 30px; margin: 3px 0px; }

div.link-Container a { border: 0; text-decoration: none; color: #999999; font-weight: normal; }
div.link-Container a.bold { font-weight: bold; color: #666666; }
div.link-Container a.normal { font-weight: normal; color: #999999; }
div.link-Container a.small { font-size: 10px; }
div.link-Container a.middle { line-height: 36px; vertical-align: middle; }

.header-footline { background: #0066aa; height: 10px; }

.my-sites-buttons { float: right; padding: 5px 5px 10px 5px; }

.inverterGroup { padding: 15px 0px 5px 0px; font-weight: bold; }

.datepickerSelectButton {margin: 5px 0 0.4em; border: 1px solid #cccccc; padding: 3px; text-decoration: none; border-radius: 0px; float: right;}
.datepickerTable td a {padding: 0.2em; display: block; text-align: right; text-decoration: none; }
.datepickerTable td {padding: 1px; margin: 5px;}
.datepickerTable {margin: 3px 0 0.4em !important; }

.monthSelect {width: auto; min-width:70px; float: none; margin-right: 10px; padding: 4px; text-align: left;}
.yearSelect {width: auto; min-width:70px; float: none; margin-right: 10px; padding: 4px; text-align: left;}

.pv-form { padding: 10px; }
.pv-form fieldset { border: 1px solid #cccccc; padding: 10px; background: #fafafa}
.pv-form fieldset legend { border: 1px solid #cccccc; padding: 4px 6px; font-weight: bold; background: #e7e7e7; }

.pv-form div.form-input-group { }
.pv-form div.form-input-group div.form-input { padding-top: 10px; clear: both; }
.pv-form div.form-input-group div.form-input label { color: #666666; padding: 4px 0px; width: 25%; float: left; }
.pv-form div.form-input-group div.form-input span.info { float: right; width: 70%; }
.pv-form div.form-input-group div.form-input input.text-input { background: url("../img/input-background.png") repeat-x scroll 0 -8px #ffffff; border: 1px solid #cccccc; margin: 0; width: 70%; float: right; padding: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pv-form div.form-input-group div.form-input select 		  { background: url("../img/input-background.png") repeat-x scroll 0 -8px #ffffff; border: 1px solid #cccccc; margin: 0; width: 70%; float: right; padding: 4px 4px 4px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pv-form div.form-input-group div.form-input div.form-checkboxes { padding: 0xp 4px; float: right; width: 70%; color: #666666; text-align: left; }
.pv-form div.form-input-group div.form-input div.form-checkboxes input { float: none; width: 16px; }
.pv-form div.form-input-group div.form-input div.form-checkboxes span { position: relative; top: -1px; display: inline-block; margin-right: 20px; margin-top: -1px; }

.pv-form div.buttons { float: right; padding: 10px 0px 0px; }
.pv-form fieldset.colors { margin: 10px 0; }


div.buttons img { position: relative; top: 3px; }
div.buttons span { margin-left: 10px; }

.pv-analysis-details { margin-top : 10px; }

.pv-analysis-sites { float: left; width: 35%; }
.pv-analysis-fields { float: right; width: 55%; }

.pv-analysis-details ul { margin: 0; padding: 0; }
.pv-analysis-details ul li { margin: 0; padding: 0; }
.pv-analysis-details ul li input { margin: 0; width: 16px; margin: 4px 0 0 0; float: none;}
.pv-analysis-details ul li img { height: 16px; width: 16px; cursor: pointer; }
.pv-analysis-details ul li.level-1 { font-weight: bold; }
.pv-analysis-details ul li.level-2 { font-weight: normal; margin-left: 16px; }
.pv-analysis-details ul li.level-3 { font-weight: normal; margin-left: 20px; }
.pv-analysis-details ul li.level-1 span { height: 16px; display: inline-block; width: 205px; }
.pv-analysis-details ul li.level-2 span { height: 16px; display: inline-block; width: 185px; }
.pv-analysis-details ul li.level-3 span { height: 16px; display: inline-block; width: 165px; }

.pv-header-buttons { padding: 10px 10px 0px 10px; }
.pv-header-buttons button { float: right; margin-left: 10px; }
.pv-header-buttons a { float: right; margin-left: 10px; padding-top: 7px; padding-bottom: 8px; }

.toggle span { cursor: pointer; }
.buttons-container { float: right; padding: 10px 0px; }

.pv-analysis-fullscreen { height: 525px; }
.pv-analysis-fullscreen-view { margin: 2px 0px 0px; overflow: hidden; }
/* Wichtig: die Höhe muss fix sein, da ansonsten durch den generischen Resize die Seite springt */
.pv-analysis-fullscreen-view div#view { height: 525px; }
.pv-analysis-buttons { padding: 5px 10px 15px 10px; }
div.view-analysis { }
div.view-analysis .top-buttons { padding: 5px 10px; }

#dayTab { padding: 0px; }
#monthTab { padding: 0px; }
#yearTab { padding: 0px; }
#totalTab { padding: 0px; }

.no-padding { padding: 0px !important; }
.no-border { border: 0 !important; }

#chooseSite {}
#chooseSite div.chooseSiteButtons { margin: 5px 0 0 0; }
#chooseSite div.chooseSiteButtons a { display: block; margin: 0px 0px 10px 0px; }

#externalPassword [name=password] {border: 1px solid #8E8F8F;}
#externalPassword [name=password]:hover {border: 1px solid #048ACC;}
#externalPassword [name=password]:focus {border: 1px solid #048ACC;}
#externalPassword [name=password]:disabled {border: 1px solid #CCCCCC;}
#externalPassword .externalPasswordButton {margin-top: 10px;}
#externalPassword .externalPasswordButton:disabled {cursor: default;}

#editWidget { margin-top: 20px; }
#editWidget div.pv-widget-header { border-bottom: 1px solid #cccccc; padding: 8px 10px; }
#editWidget div.pv-widget-chart-tab { border-left: 0; border-right: 0; }
#editWidget div.pv-widget-chart-datepicker { border: 0; padding-bottom: 0px; margin-top: 0px; }
div.pv-widget-chart-datepicker div.topContainer input.enableEndDate { width: 16px; }
div.pv-widget-chart-datepicker div.topContainer span { display: inline-block; }
div.pv-widget-chart-datepicker div.endDateContainer { display: inline-block; }
div.edit-buttons { float: right; padding: 10px; }

div.reportFilter { text-align: center; margin-bottom: 10px; }
div.reportFilter div.checkbox { display: inline-block; margin-right: 20px; }
div.reportFilter div.checkbox input[type="checkbox"] { width: 16px; }

#FAQ li {margin: 5px 0 0 15px;} 
#FAQ a.question {text-decoration: none; color: #000; line-height: 135%;}
#FAQ .answer {padding: 10px 0 25px 25px; line-height: 135%;}

div.faqEntry { }
div.faqEntry h1 { }
div.faqEntry h2 { margin: 10px 0; font-size: 150%; font-weight: bold; }
div.faqEntry h3 { margin: 10px 0; font-size: 125%; font-weight: bold; }
div.faqEntry ul { }
div.faqEntry ul li { }
div.faqEntry div.faqContent { }
div.faqEntry ul.questions { list-style: square; margin: 0 0 0 20px; }
div.faqEntry ul.questions li { padding: 0px; margin-bottom: 10px; }
div.faqEntry ul.questions li .question { display: block; font-weight: bold; }
div.faqEntry ul.questions li .answer { display: block; }
div.faqEntry ul.categories { list-style: square; margin: 0 0 0 20px; }
div.faqEntry ul.categories li { padding: 0px; }
div.faqEntry ul.faqNavi { margin-bottom: 10px; }
div.faqEntry ul.faqNavi li { padding: 0px; }
div.faqEntry ul.faqNavi li a { font-size: 90%; }

div#admin-bar { position: absolute; top: 100px; right: 20px; z-index: 0; border: 1px solid #0066aa; padding: 10px; }
div#admin-bar h4 { font-size: 110%; font-weight: bold; margin: 0; }
div#admin-bar a { text-decoration: none; }

.pvToolTip .pvTooltipText { font-weight: normal; z-index:10; display:none; padding:14px 20px; margin-top:0px; margin-left:28px; width: 200px; border-radius:2px; box-shadow: 5px 5px 8px #CCC; } 
.pvToolTip:hover .pvTooltipText { display:inline; position:absolute; color:#111; border:1px solid #DCA; background:#fffAF0; text-align: left; }
.pvTooltip:hover .pvTooltipText ul { margin: 0; padding: 0; }

div.structure-main-content div.tmsTabContent { }
div.structure-main-content div.tmsTabContentHistory { width: 1120px }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
    text-align: left;
}


/* --- site --- */

#fullscreen-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -9999;
    width: 100%;
    height: 100%;
}

#fullscreen-container-dimming {
    background: #000000;
    opacity: 0.75;
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#fullscreen-container-content-wrapper {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#fullscreen-container-content {
	width: 85%;
	height: 85%;
	margin: 5% auto;
	padding: 1%;
	background: #ffffff;
	border: 1px solid #cccccc;
}

#site-container { height: calc(100% - 90px); padding: 0; background: #ffffff; }

#headerlogin-user, #headerlogin-password, #headerlogin-password-clear {
	width: 80px;
	margin: 2px 0 0 0;
	background: #ffffff url(../img/input-background.png) repeat-x top left;
	background-position: 0 -8px;
	border: 1px solid #cccccc;
}

#headerlogin-user {
	margin-right: 5px;
}

#headerlogin-user-label, #headerlogin-password-label {
    width: 80px;
    text-align: right;
    padding: 3px 5px 0 0;
    color: #ffffff;
}

.highchart-controls-container {
	font-size: 0.8em;
}

.highchart-resizable-container {
    margin: 0 auto;
}

.highchart-resizable {
    margin: 0 auto;
}

.highchart-container {
	width: 98%;
	height: 90%;
	position: relative;
}

.highchart-controls {
	padding: 20px;
	font-size: 11px;
}

.content {
    border:0;
    overflow:hidden;
    margin:0;
    /*padding: 10px 10px 0 10px;*/
}

.fieldsetwrapper h2 {
	position: relative;
	margin: -1.35em 0 0 0;
	padding: 0;
	font-size: 125%;
	font-weight: normal;
}
div.fieldsetwrapper h2 span {
	margin: 0;
	padding: 0 0.5em;
	border:1px solid #cccccc;
	background: #ffffff url(../img/input-background.png) repeat-x top left;
    background-position: 0 -8px;
}


.reportdivider {
	margin: 0 0 20px 0;
	display: block;
}

.fieldsetcontenthelp {
    margin: 5px;
}

.helpheader {
    background: url("/fileadmin/css/smoothness/images/ui-bg_highlight-hard_100_blue_1x100.png") repeat-x scroll 0 -37px #D1DAE5;
    border: 1px solid #AAAAAA;
    font-weight: bold;
}





/* pagination */


.widget-pagination a {
    color: #555555 ! important;
    font-weight: normal;
}

.widget-pagination-top {
    margin: 10px 10px 0 10px;
}

.widget-pagination-bottom {
    margin: 0 10px 10px 10px;
}

.widget-pagination-active {
    color: #555555 ! important;
    font-weight: bold;
}

.widget-pagination ul {
    font-weight: normal;
    list-style-type: none;
}

.widget-pagination ul, .widget-pagination ul li {
    float: left;
    background: none;
}




/* gallery */


ul.gallerygrid {
    list-style: none;
    margin: 0;
}

.gallerygrid li {
    float: left;
    margin: 5px;
    background: none;
    padding: 0;
} 

.gallerygrid li img {
    background: #ffffff;
    border: 1px solid #cccccc;
    margin: 5px 0 2px 0;
    padding: 1px;
}
  
.gallerygrid li a {
    display: block;
}

.gallerygridwrapper {
    
}

.gallerygridclearer {
    clear: both;
}

.zendform { border:0; overflow:hidden; margin:0; padding: 10px; background: #fafafa; border: 1px solid #cccccc; }

#publicsites { background: none; }
#publicsites input, #publicsites select, #publicsites .formelement { width: 125px; padding: 0; margin: 2px 0 0 0; }

#publicsites .formelement {
    margin: 0 10px 0 0;
}
 
#publicsites label {
	width: auto;
    padding: 0;
    margin: 2px 10px 0 10px;
}

#publicsites input[type="image"] {
	width: 20px;
	margin: 0 0 0 10px;
}

#publicsites-topsubmit {
	float: right;
}


#publicsites .publicsitessubmit {
	float: right;
	margin: 0 10px 0 0;
}

.zendform fieldset {
    border:1px solid #cccccc;
    display:block;
    margin:0 0 1em;
    padding:.5em;
    background:#FAFAFA;
}
.zendform legend {
    color:#000000;
    font-size:125%;
    font-weight:normal;
    border:0 none;
    padding:0.1em 0.5em;
    border: 1px solid #cccccc;
    background: #ffffff url(../img/input-background.png) repeat-x top left;
    background-position: 0 -8px;
}

.zendform legend.collapsible, .zendform legend.collapsed {
    cursor:pointer;
    padding-left: 25px;
}

.zendform legend.collapsible {
	background: #ffffff url(../img/toggle.png) no-repeat bottom left;
}

.zendform legend.collapsible.collapsed {
    background-position: top left;
}

.zendform label {
    color:#666666;
    cursor:pointer;
    display:block;
    margin:.5em 0;
    padding:3px .5em;
}
.zendform label.labelhidden {
	display: none;
}
.zendform input, .zendform textarea, .zendform select, .zendform optgroup {
    font-family:Arial, Helvetica, sans-serif;
}
.zendform input, .zendform textarea, .zendform select { border:1px solid #cccccc; background: #ffffff; background-position: 0 -8px; }

.zendform div.formelement input:focus, .zendform div.formelement select:focus, .zendform div.formelement textarea:focus, .zendform div.formelement input:hover, .zendform div.formelement select:hover, .zendform div.formelement textarea:hover, .zendform div.formelement input:active, .zendform div.formelement select:active, .zendform div.formelement textarea:active {
    border:1px solid #0066aa;
    /*background:#FFFFFF;*/
}
.zendform .type-button input {
    color:#000000;
    cursor:pointer;
    overflow:visible;
    width:auto;
    border-color:#cccccc #444444 #444444 #cccccc;
    border-style:solid;
    border-width:1px;
    padding:5px 1em;
}
.zendform div.type-button input:focus, .zendform div.type-button input:hover, .zendform div.type-button input:active {
    color:#FFFFFF;
    border-color:#444444 #cccccc #cccccc #444444;
    border-style:solid;
    border-width:1px;
}
.zendform div.type-button input.reset:focus, .zendform div.type-button input.reset:hover, .zendform div.type-button input.reset:active {
    color:#FFFFFF;
}
.zendform div.type-button input.submit:focus, .zendform div.type-button input.submit:hover, .zendform div.type-button input.submit:active {
    color:#FFFFFF;
}
.zendform .message {
    color:#666666;
    display:block;
    margin-bottom:.5em;
}
.zendform input[type="hidden"] {
    display:none!important;
}
.zendform sup {
    color:#880000;
    font-weight:bold;
}
fieldset:after, .zendform div.formelement:after, .zendform div.formelement:after, .zendform div.type-check:after, .zendform div.type-button:after {
    clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
}
.zendform div.formelement, .zendform div.type-check, .zendform div.type-button {
    display:block;
    position:relative;
    margin:.5em 0;
    padding:3px .5em;
    width: 410px;
    float: left;
}

.fieldsetwrapper .fieldsetcontent .zendform div.formelement {
}

.zendform div.type-button {
    padding:3px 0;
}
.zendform input, .zendform textarea {
    display:block;
    position:relative;
    width:95%;
    padding:.3em;
}

.zendform input[type="submit"] {
	width: auto;
	float: right;
	margin: 0 10px 20px 0;
}

.zendform .formelementcaptcha input {
    width: 55%;
    margin: 0 0 35px 31px;
}


.zendform div.formelementnote {
    clear: both;
}

.zendform div.formelementrequirednote {
	clear: both;
	color: #666666;
}

.zendform div.formelementtooltip {
    float: right;
    margin: 10px 16px 0 0;
}



.zendform input[type="checkbox"] {
    width: 16px;
    margin: 8px 0 0 0;
    border: 0;
    padding: 0;
}

.zendform select {
    cursor:pointer;
    display:block;
    position:relative;
    width:97%;
    padding:.3em 2px .3em 1px;
}
.zendform select optgroup {
    font-style:normal;
    font-weight:bold;
}
.zendform .type-check input {
    cursor:pointer;
}
.zendform .type-check label {
    display:inline;
}
.zendform div.error {
    border:1px dashed #AA0000;
    padding:.5em;
    background:#FAF4F4;
}
.zendform div.error label {
    color:#000000;
    font-weight:bold;
}
.zendform div.error .message {
    color:#880000;
}
.zendform div.type-check input:focus, .zendform div.type-check input:hover, .zendform div.type-check input:active {
    border:0 none;
}
fieldset div.type-button, fieldsetdiv.type-button {
    padding-left:30%;
}
div input, div textarea {
    
}
div select {
    float:left;
    margin-right:-3px;
    width:69.4%;
}
* html div input, * html div textarea {
    width:67.2%;
}
* html div select {
    width:68.8%;
}
* html .zendform {
    padding-top:10px;
}

/*
.zendform .type-button input[type="reset"], .zendform .type-button input.reset {
    color:#330000;
}
.zendform .type-button input[type="submit"], .zendform .type-button input.submit {
    color:#333300;
}
*/

label {
    float:left;
    width: 225px;
}
.formelementcaptcha img {
    float:left;
    width:26%;
    padding: 0 4% 0 0;
}
div.type-check input, div.error .message {
    margin-left:30%;
}

.zendformsuccessmessage {
	background: url(../img/iconcheck.gif) no-repeat #EFA;
}

.zendformfailuremessage {
    background: url(../img/iconerror.gif) no-repeat #fef1ec;
}

.zendforminfomessage {
    background: url(../img/help.png) no-repeat #d5e8f8;
}

.zendformnotice {
    background: url(../img/help.png) no-repeat #d5e8f8;
}

.zendformsuccessmessage, .zendformfailuremessage, .zendforminfomessage, .zendformnotice {
    margin: 10px 0 10px 0;
    padding: 13px 13px 13px 52px;
    background-position: 12px center;
    border: 1px solid #cccccc;
}

.zendform .formdisplaygroup {
	clear: both;
}

#fieldset-initialdate {
	padding: 1em 0.5em;
}

#fieldset-initialdate .formelement {
    padding: 0;
    margin: 0;
}

#fieldset-initialdate label {
    padding: 0 0.5em;
}


#fieldset-firstdateinitialdate {
    padding: 1em 0.5em;
}

#fieldset-firstdateinitialdate .formelement {
    padding: 0;
    margin: 0;
}

#fieldset-firstdateinitialdate label {
    padding: 0 0.5em;
}


#fieldset-seconddateinitialdate {
    padding: 1em 0.5em;
}

#fieldset-seconddateinitialdate .formelement {
    padding: 0;
    margin: 0;
}

#fieldset-seconddateinitialdate label {
    padding: 0 0.5em;
}


.zendform .errors {
    border: 1px solid #CD0A0A;
    padding: 0.5em 0.5em 0.5em 2em;
    background:#fef1ec;
    display: block;
    clear: both;
    list-style: disc;
}
.zendform .errors label {
    color:#000000;
    font-weight:bold;
}
.zendform .errors .message {
    color:#880000;
}





/* report forms - BEGIN */


#indexreportform #fieldset-indexreportformgeneralparameters,
#comparisonreportform #fieldset-comparisonreportformgeneralparameters,
#timecomparisonreportform #fieldset-timecomparisonreportformgeneralparameters {
    float: left;
    width: 320px;
}

#indexreportform .chartpreview,
#comparisonreportform .chartpreview,
#timecomparisonreportform .chartpreview {
	float: right;
	width: 320px;
}

#indexreportform #fieldset-indexreportformgeneralparameters,
#comparisonreportform #fieldset-comparisonreportformgeneralparameters,
#timecomparisonreportform #fieldset-timecomparisonreportformgeneralparameters,
#indexreportform .chartpreview fieldset,
#comparisonreportform .chartpreview fieldset,
#timecomparisonreportform .chartpreview fieldset {
    min-height: 270px;
}

#indexreportform #fieldset-indexreportformgeneralparameters input,
#comparisonreportform #fieldset-comparisonreportformgeneralparameters input,
#timecomparisonreportform #fieldset-timecomparisonreportformgeneralparameters input {
    width: 94%;
}

#indexreportform #fieldset-indexreportformgeneralparameters select,
#comparisonreportform #fieldset-comparisonreportformgeneralparameters select,
#timecomparisonreportform #fieldset-timecomparisonreportformgeneralparameters select {
	width: 100%;
}

#indexreportform #fieldset-indexreportformgeneralparameters label,
#comparisonreportform #fieldset-comparisonreportformgeneralparameters label,
#timecomparisonreportform #fieldset-timecomparisonreportformgeneralparameters label {
    width: 120px;
}

#indexreportform #fieldset-indexreportformgeneralparameters div.formelement,
#comparisonreportform #fieldset-comparisonreportformgeneralparameters div.formelement,
#timecomparisonreportform #fieldset-timecomparisonreportformgeneralparameters div.formelement {
    width: 150px;
}

#indexreportform .formdisplaygroup,
#comparisonreportform .formdisplaygroup,
#timecomparisonreportform .formdisplaygroup {
	clear: none;
}

#indexreportform #fieldset-indexreportformchannels,
#comparisonreportform #fieldset-comparisonreportformchannels,
#timecomparisonreportform #fieldset-timecomparisonreportformchannels {
	clear: left;
}

#indexreportform #fieldset-indexreportformchannels .formelement,
#comparisonreportform #fieldset-comparisonreportformchannels .formelement,
#timecomparisonreportform #fieldset-timecomparisonreportformchannels .formelement {
    float: left;
    width: 150px;
}

/* report forms - END */





.submitbutton, .zendform .submitbutton {
	font-weight: bold;
    color: #ffffff ! important;
    display: inline-block;
    vertical-align: baseline;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: .75em 1em;
    border: 0;
    background: #00549e;
}
.submitbutton:hover, .zendform .submitbutton:hover {
    text-decoration: none;
}
.submitbutton:active, .zendform .submitbutton:active {
    /*position: relative;
    top: 1px;
    
    background: -webkit-gradient(linear, left top, left bottom, from(#00549e), to(#007fc5));
    background: -moz-linear-gradient(top,  #00549e,  #007fc5);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00549e', endColorstr='#007fc5');*/
}


.submitbutton[disabled], .submitbuttondisabled, .zendform .submitbutton[disabled], .zendform .submitbuttondisabled {
    top: 0;
    background: gray ! important;
    filter: none;
}




/* color styles 
---------------------------------------------- */

/* black */
.black {
    border: solid 1px #333;
    background: #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
    background: -moz-linear-gradient(top,  #666,  #000);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
    background: #000;
    background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
    background: -moz-linear-gradient(top,  #444,  #000);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
    background: -moz-linear-gradient(top,  #000,  #444);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* gray */
.gray {
    border: solid 1px #555;
    background: #6e6e6e;
    background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
    background: -moz-linear-gradient(top,  #888,  #575757);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
    background: #616161;
    background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
    background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
    background: -moz-linear-gradient(top,  #575757,  #888);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white */
.white {
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    background: -moz-linear-gradient(top,  #fff,  #ededed);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
    background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
    background: -moz-linear-gradient(top,  #ededed,  #fff);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.orange {
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top,  #f88e11,  #f06015);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.red {
    border: solid 1px #980c10;
    background: #d81b21;
    background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
    background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
    background: #b61318;
    background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
    background: -moz-linear-gradient(top,  #c9151b,  #a11115);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
    background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
.blue {
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#007fc5), to(#00549e));
    background: -moz-linear-gradient(top,  #007fc5,  #00549e);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#007fc5', endColorstr='#00549e');
}
.blue:hover {
    background: #007ead;
    background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
    background: -moz-linear-gradient(top,  #0095cc,  #00678e);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#00549e), to(#007fc5));
    background: -moz-linear-gradient(top,  #00549e,  #007fc5);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00549e', endColorstr='#007fc5');
}

/* rosy */
.rosy {
    border: solid 1px #b73948;
    background: #da5867;
    background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
    background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.rosy:hover {
    background: #ba4b58;
    background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
    background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.rosy:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
    background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}

/* green */
.green {
    border: solid 1px #538312;
    background: #64991e;
    background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
    background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
    background: #538018;
    background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
    background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
    background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

/* pink */
.pink {
    border: solid 1px #d2729e;
    background: #f895c2;
    background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
    background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}
.pink:hover {
    background: #d57ea5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
    background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
}
.pink:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
    background: -moz-linear-gradient(top,  #f171ab,  #feb1d3);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
}

.zendtable, .zendtable tr, .zendtable th, .zendtable td {
    border: 0;
    text-align: left;
    vertical-align: middle;
    padding: 5px 10px 5px 10px;
}

.zendtable {
    border: 1px solid #cccccc;
}

.zendtable tr {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.zendtable th {
	/* background: url("smoothness/images/ui-bg_highlight-hard_100_th_1x100.png") repeat-x scroll 0 -37px #d1dae5; */
	background: url("smoothness/images/ui-bg_highlight-hard_100_blue_1x100.png") repeat-x scroll 0 -37px #d1dae5;
	font-weight: bold;
	border-bottom: 1px solid #aaaaaa;
}

.zendtable td {
    
}

.zendtable a {
    
}

.zendtable img {
    background: #ffffff;
    border: 1px solid #cccccc;
    margin: 5px 0 2px 0;
    padding: 1px;
}

.zendtable #widget-google-map img { background: none; }
.zendtable input { /* margin: 0 auto; */ float: none; width: 90%; }
.zendtable input[type="checkbox"] { width: auto; /* margin: 0 auto; */ padding: 0; }
.zendtable td.tablecelllight { background: #fafafa; }
.zendtable td.tablecelldark { background: url("smoothness/images/ui-bg_highlight-hard_100_dddddd_1x100.png") repeat-x scroll 0 -37px #dddddd; }

div#batterySelectorFS :fullscreen {
    height: 1000px;
    width: 1400px;
    max-height: 1000px;
    max-width: 1400px;
}

div.sortable :fullscreen { 
    height: 1000px;
    width: 1400px;
    max-height: 1000px;
    max-width: 1400px;
}

div.sortable div.dragBox {
    width: 35%;
    height: 180px;
	border-radius: 4px;
	padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 24px;
    float: left; 
}

div.sortable div.dragBox div.dragBox-content {
    background: #fff;
    -webkit-box-shadow: 0 0 0.875rem 0 rgba(53, 64, 82, 0.05);
            box-shadow: 0 0 0.875rem 0 rgba(53, 64, 82, 0.05);
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -webkit-box-shadow: 0 0 0.975rem 0 rgba(53, 64, 82, 0.3);
            box-shadow: 0 0 0.975rem 0 rgba(53, 64, 82, 0.3);
	transition: all 0.2s ease-in-out;
}

div.sortable div.dragBox.ui-sortable-helper div.dragBox-content {
	/* -webkit-transform: scale(1.1);
	        transform: scale(1.1); */
    opacity: 0.5;
}

div.sortable div.dragBox div.dragBox-content {
	width: 100%;
    height: 100%;
    top: 12px;
    left: 12px;
	padding: 0;
	z-index: 9; 
}

div.sortable div.dragBox div.dragBox-content h2 { text-align: center; padding-top: 5%;}
div.sortable div.dragBox div.dragBox-content h3 { text-align: center; }
div.sortable div.dragBox div.dragBox-content h4 { text-align: center; }

div.sortable div.dragBox.placeholder { 
      border: 2px dashed #78AD80;
}

div#structure-wrapper { height: 100%; }
div.structure-full { height: 100%; }
div.structure-full-column1 { height: 100%; }

div.landingPage { height: 100%; background: url(/fileadmin/img/homepage/tms_1.jpg); background-size: auto 100%; }
div.loginWidget { padding-top: 50px; }
form.loginForm { width: 400px; margin: 0 auto; padding: 50px 50px; background: rgba(255, 255, 255, 0.9); position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
form.loginForm div.fullRow { width: 100%; text-align: center; }
form.loginForm div.loginLinks a { display: inline-block; width: 35%; }
form.loginForm input { width: 360px; }

#breadcrumb-navigation { display: none; }

div.fullscreenNavi { float: left; width: 250px; padding-top: 15px; margin-left: 20px; }
div.fullscreenContent { float:left; margin-left: 30px; width: calc(100% - 300px); padding-top: 12px; }

figure { margin: 0 0 0 22px; }

form#userdata { width: 670px; }
form#change_password { width: 670px; }
form#change_email { width: 670px; }

table.userDataTable { width: 700px; }
table#deletionTable { margin-top: 20px; }
table#deletionTable tr td { padding: 0; }
table#deletionTable tr td form { border: 0; }

div.widget-accordion-container div.ui-widget-content { background: #f7f7f7; }

ul.navTree { margin: o; padding: 0; }
ul.navTree a { font-weight: normal; text-decoration: none; }
ul.navTree li { margin: o; padding: 0; }
ul.navTree li.charger { margin-left: 10px; }
ul.navTree li.active a { font-weight: bold; }
ul.depth_2 { margin-left: 10px; }
ul.depth_3 { margin-left: 10px; }
ul.depth_4 { margin-left: 10px; }
ul.depth_5 { margin-left: 10px; }

:-webkit-full-screen { background-color: white; max-height: 100%; max-width: 100%;  }
:-moz-full-screen { background-color: white; max-height: 100%; max-width: 100%;  }
:-ms-fullscreen { background-color: white; max-height: 100%; max-width: 100%;  }
:fullscreen { background-color: white; max-height: 100%; max-width: 100%; }

/* button#toggleFullscreen { background: url("smoothness/images/fullscreen/fullscreen-24px.svg"); } */ 

.sm-box {
    display: flex;
    justify-content: center;
}
.sm-box p {
    font-size: 24px;
    text-align: center;
    margin-bottom: 40px;
}
.sm-box input, select {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.sm-box input {
    width: calc(100% - 10px);
    padding: 5px;
}
.sm-box select {
    width: 100%;
    padding: 7px 0;
    background: transparent;
}
.sm-item{
    width: 50%;
    margin-top: 45px;
    margin-bottom: 45px;
}
.sm-item:hover p, .sm-item:hover i {
    color: #095484;
}
.sm-box input:hover, select:hover, textarea:hover {
    box-shadow: 0 0 5px 0 #095484;
}
.name-sm-item, .smdiv-sm-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.name-sm-item input, .smdiv-sm-item input {
    width: calc(50% - 20px);
}
.smdiv-sm-item select {
    width: calc(50% - 8px);
}
#registration {
    width: 800px;
}

.alertbox {
    padding: 20px;
    background-color: #2196F3;
    color: white;
    margin-bottom: 15px;
    margin: 20px;
}

.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.closebtn:hover {
    color: black;
} 

.billingrow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap;
    margin: 0 -16px;
}

.billingcol-25 {
    -ms-flex: 25%; 
    flex: 25%;
}

.billingcol-50 {
    -ms-flex: 50%; 
    flex: 50%;
}

.billingcol-75 {
    -ms-flex: 75%; 
    flex: 75%;
}

.billingcol-25,
.billingcol-50,
.billingcol-75 {
padding: 0 16px;
}

.billingcontainer {
    background-color: #f2f2f2;
    padding: 5px 20px 15px 20px;
    border: 1px solid lightgrey;
    border-radius: 3px;
}


.billingicon-container {
    margin-bottom: 20px;
    padding: 7px 0;
    font-size: 24px;
}

.billingbtn {
    background-color: #4CAF50;
    color: white;
    padding: 12px;
    margin: 10px 0;
    border: none;
    width: 100%;
    border-radius: 3px;
    cursor: pointer;
    font-size: 17px;
}

.billingbtn:hover {
    background-color: #45a049;
}

.billingspan.price {
    float: right;
    color: grey;
}

@media (max-width: 800px) {
    .billingrow {
        flex-direction: column-reverse;
    }
    .billingcol-25 {
        margin-bottom: 20px;
    }
}

.billingcontainer input[type=text] {
    width: 60%;
    margin-bottom: 20px;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.billingcontainer label {
    margin-bottom: 10px;
    display: block;
}