/**
 * style sheet for index file
 *
 * @package    GSA
 * @subpackage css
 * @author     m2mtech <tech@m2m.at>
 * @copyright  2014 m2m server software gmbh
 * @license    ALL RIGHTS RESERVED BY m2m server software gmbh
 * @version    $Id: index.css,v 1.37 2014/09/15 18:34:36 cvs Exp $
 * @link       http://www.m2m.at/
 */

a {
    font-weight: bold;
    text-decoration: none;
}

a, ul.menu a:hover, li#current a, li.parent li#current a, li#current li a:hover, #bottom li a:hover, a.mainlevel:hover, a#active_menu.mainlevel {
    color: #53A31C;
}

.ow a, .ow ul.menu a:hover, .ow li#current a, .ow li.parent li#current a, .ow li#current li a:hover, .ow #bottom li a:hover, .ow a.mainlevel:hover, .ow a#active_menu.mainlevel {
    color: #1482B8;
}

a#sitename_gsa {
    background: url("../images/logo_gsa.png") no-repeat scroll left top transparent;
    display: block;
    height: 52px;
    text-indent: -2000px;
    /*width: 142px;*/
}

a#sitename_ow {
    background: url("../images/logo_ow.png") no-repeat scroll left top transparent;
    display: block;
    height: 52px;
    text-indent: -2000px;
    width: 258px;
}

body {
    background: url("../images/bg_main.jpg") repeat-y scroll center top #4DA20F;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 76%;
    line-height: 1.3;
    min-width: 1000px;
    text-align: center;
}

body.ow {
    background: url("../images/bg_main_ow.jpg") repeat-y scroll center top #0075AF;
}

fieldset {
    border: 0 none;
    padding: 0.5em;
}

h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address {
    margin: 0.5em 0;
}

h1, .componentheading {
    font-size: 1.7em;
    font-weight: normal;
    margin: 0;
    padding-bottom: 0.1em;
}

.componentheading i { font-size: 0.8em; }	

h2, .contentheading {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    letter-spacing: -0.02em;
}

h3 {
    font-size: 1.2em;
    font-weight: bold;
}

html, body, h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address {
    margin: 0;
    padding: 0;
}

li#current a, a#active_menu.mainlevel { font-weight: bold; }

ul { list-style: none outside none; }

ul.menu a:hover, li#current a, a.mainlevel:hover, a#active_menu.mainlevel {
    background: url("../images/arrow_active.png") no-repeat scroll 3px 9px transparent;
}

ul.menu a, a.mainlevel {
    background: url("../images/arrow_mainlevel.png") no-repeat scroll 3px 9px transparent;
    border-bottom: 1px solid #EEEEEE;
    color: #2A2929;
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    margin-right: 13px;
    padding: 4px 4px 4px 16px;
    color: #2A2929;
}

ul.menu li li a {
    background: url("../images/arrow_sub.png") no-repeat scroll 4px 10px transparent;
    border: medium none;
    color: #2A2929;
    font-weight: bold;
    margin-left: 1em;
}

ul.menu li li a:hover {
    background: url("../images/arrow_subactive.png") no-repeat scroll 4px 10px transparent;
}

#bottom {
    border-top: 1px solid #CDCDCD;
    margin-top: 16px;
}

#bottom .bottombg {
    background: url("../images/bottombg.png") repeat-x scroll left bottom #F4F4F3;
    border-top: 1px solid #FFFFFF;
    clear: both;
    padding: 18px 0;
    position: relative;
    width: 100%;
}

#breadcrumbs {
    background: url("../images/bg-breadcrumbs.png") repeat-x scroll left bottom transparent;
    margin-bottom: 9px;
    padding-bottom: 6px;
}

#container {
    background: url("../images/containerbg_l.jpg") repeat-y scroll left top transparent;
    padding-left: 18px;
    position: relative;
}

.ow #container {
    background: url("../images/containerbg_l_ow.jpg") repeat-y scroll left top transparent;
}

#container .bg {
    padding: 12px 24px 0;
    background: url("../images/containerbg_m.png") repeat-x scroll left top #FFFFFF;
}

#container .bgright {
    background: url("../images/containerbg_r.jpg") repeat-y scroll right top transparent;
    margin: 0 !important;
    padding-right: 18px;
}

.ow #container .bgright {
    background: url("../images/containerbg_r_ow.jpg") repeat-y scroll right top transparent;
}

#content, #breadcrumbs {
    position: relative;
    width: 100%;
}

#footer {
    background-color: #777777;
    clear: both;
    color: #FFFFFF;
    margin: 16px 0;
    padding: 6px 0;
    position: relative;
    text-align: center;
    width: 100%;
}

#footer a {
    color: #CCCCCC;
    font-weight: normal;
}

#footer, .small, .createdate, .modifydate, .mosimage_caption {
    font: 0.9em Arial,Helvetica,sans-serif;
}

#footer .footerleft {
    float: left;
    padding-left: 16px;
}

#footer .footerright {
    float: right;
    padding-right: 16px;
}

#header {
    background: url("../images/headerbg_m.jpg") repeat-x scroll left top #2F2F2F;
    color: #FFFFFF;
    margin-top: 16px;
}

#header #top {
    max-height: 200px;
    overflow: hidden;
}

#header #top a { text-decoration: underline; }

#header #top .moduletable {
    padding-top: 6px;
    position: relative;
}
#header .bgleft {
    background: url("../images/headerbg_l.jpg") no-repeat scroll left top transparent;
}

.ow #header .bgleft {
    background: url("../images/headerbg_l_ow.jpg") no-repeat scroll left top transparent;
}

#header .bgright {
    background: url("../images/headerbg_r.jpg") no-repeat scroll right top transparent;
}

.ow #header .bgright {
    background: url("../images/headerbg_r_ow.jpg") no-repeat scroll right top transparent;
}

#header .bgbl {
    background: url("../images/headerbg_bl.jpg") no-repeat scroll 15px 100% transparent;
    height: auto !important;
    min-height: 100px;
    padding: 0 24px 26px;
    position: relative;
}

#heading {
    padding: 16px 0 0;
    position: relative;
    width: 100%;
}

#heading h1 {
    color: #FFFFFF;
    font-family: "Myriad pro","Myriad Web",Geneva,Arial,Helvetica,sans-serif;
    font-size: 36px;
    margin: 0 0 0 27px !important;
    padding: 0 !important;
    text-transform: uppercase;
    font-weight: normal;
    padding-bottom: 0.1em;
}

#heading h1 a {
    color: #FFFFFF;
    font-weight: normal;
}

#middlenarrow { margin: 0 209px; }

#reflection {
    background: url("../images/reflection.jpg") repeat-x scroll left top transparent;
    height: 54px;
}

.ow #reflection {
    background: url("../images/reflection_ow.jpg") repeat-x scroll left top transparent;
}

#reflection-l {
    background: url("../images/reflection-l.jpg") no-repeat scroll left top transparent;
    height: 54px;
    margin-left: -44px;
    margin-right: -44px;
    padding-left: 16px;
    position: relative;
}

.ow #reflection-l {
    background: url("../images/reflection-l_ow.jpg") no-repeat scroll left top transparent;
}

#reflection-r {
    background: url("../images/reflection-r.jpg") no-repeat scroll right top transparent;
    height: 54px;
    padding-right: 16px;
}

.ow #reflection-r {
    background: url("../images/reflection-r_ow.jpg") no-repeat scroll right top transparent;
}

#user3 {
    background: url("../images/user3bg.png") repeat-x scroll left bottom transparent;
    display: block;
    height: 40px;
    position: relative;
}

#user3 ul {
    margin: 0;
    padding: 0;
    width: auto;
}

#user3 ul li {
    display: inline;
    height: 40px;
    margin: 0;
    padding: 0;
}

#user3 ul li a {
    background: url("../images/topmenu-vline.jpg") no-repeat scroll 0 2px transparent;
    color: #D0D0D0;
    float: right;
    padding: 10px;
    text-transform: uppercase;
}

#user3 .moduletable { margin: 0; }

#user4 {
    background: url("../images/user4bg-l.jpg") no-repeat scroll left top transparent;
    color: #000000;
    padding-left: 38px;
    position: absolute;
    right: 0;
    top: -26px;
    z-index: 1000;
}

#user4 .bg4 {
    background: url("../images/user4bg.jpg") repeat-x scroll left top transparent;
    padding: 5px 12px 5px 10px;
}

#user4 .bgright4 {
    background: url("../images/user4bg-r.gif") no-repeat scroll right top transparent;
    padding-right: 18px;
}

#user4 .moduletable, #user4 form, #user4 input {
    margin: 0;
    padding: 0;
}

#wrapper {
    margin: 0 auto;
    text-align: left;
}

.clear { clear: both; }

.leftcol {
    float: left;
    margin-left: -100%;
}

.leftcol .bgbottom, .rightcol .bgbottom {
    background: url("../images/sidebg-b.png") no-repeat scroll right bottom transparent;
    padding: 1px 1px 50px;
}

.leftcol .bgbottom, .rightcol .blogright {
    padding: 1px 1px 10px;
}

.leftcol, .middle, .rightcol { overflow: hidden; }

.leftcol, .rightcol { width: 205px; }

.middle {
    background: url("../images/middlebg-l.jpg") no-repeat scroll left top #FFFFFF;
    padding-left: 11px;
}

.middle a, h2, .contentheading { color: #0B7DB6; }

.middle h1, .middle .componentheading {
    background: url("../images/dotted.gif") repeat-x scroll left bottom transparent;
    margin-bottom: 0.3em;
}

.middle ul li {
    background: url("../images/bullet.png") no-repeat scroll 0 0 transparent;
    background-position: 0 0;
    margin-left: 10px; margin-bottom: 5px;
    padding: 1px 0 5px 24px;
}

.middle .middlebg {
    background: url("../images/middlebg-r.jpg") no-repeat scroll right top #FFFFFF;
    height: auto !important;
    min-height: 400px;
    padding: 16px 16px 16px 5px;
}

.middlewrap {
    float: left;
    width: 100%;
}

.moduletable, .moduletable_menu, .moduletable_text {
    margin-bottom: 1em;
    padding: 0 10px;
}

.moduletable h3, .moduletable_menu h3, .moduletable_text h3 {
    background: url("../images/h3bg.jpg") no-repeat scroll left top transparent;
    margin: 0 -10px 0.5em;
    padding: 0.5em 0.5em 1em;
}

.ow .moduletable h3, .ow .moduletable_menu h3, .ow .moduletable_text h3 {
    background: url("../images/h3bg_ow.jpg") no-repeat scroll left top transparent;
}

.moduletable a.button {
    background: url("../images/buttonbg.gif") repeat-x scroll left top #92BB02;
    border: medium none;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    margin: 3px 0;
    padding: 4px 8px;
    width: auto;
}

.ow .moduletable a.button {
    background: url("../images/buttonbg_ow.jpg") repeat-x scroll left top #92BB02;
}

.rightcol {
    float: left;
    margin-left: -205px;
}

.submit {
    background: url("../images/buttonbg.gif") repeat-x scroll left top #92BB02;
    border: medium none;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    margin: 3px 0;
    padding: 1px 5px;
    width: auto;
}

.ow .submit {
    background: url("../images/buttonbg_ow.jpg") repeat-x scroll left top #92BB02;
}

.width_fluid {
    max-width: 97%;
    min-width: 910px;
    width: auto !important;
}

fieldset { padding-top: 1em; }

fieldset p { padding: 0.2em; }

fieldset p.error { 
	color: #CC0000; 
	padding-left: 6em;
}

input, textarea {
    background-color: #FAFAFA;
    border: 1px solid #AAAAAA;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    padding: 1px 2px;
    width: 250px;
}

input.error, textarea.error, select.error { background-color: #FFCCCC; }

label {
    float: left;
    margin-right: 0.2em;
    padding-top: 2px;
    text-align: right;
    width: 12em;
}

label + label { 
	float: none;
	width: auto;
	text-align: left;
}	

label + label input { width: auto; }	

select { width: 250px; }

span.limit, td.limit { background-color: #ffdddd; }

#blogright input, #blogright select, #blogright textarea { width: 175px; }
#blogright input#txtblogdate { width: 110px; text-align: center; }
#blogright input.submit { width: auto; }

#blogright label {
    text-align: left;
    width: 175px;
}

#blogright .itembody, div#blog .itembody {
    padding-left: 18px;
    display: block;
}

#blogright .itemtitle, div#blog .itemtitle {
    background: url("../images/icon_author_bottom.gif") no-repeat scroll 0 1px transparent;
    padding-left: 18px;
    color: #0B7DB6;
    display: block;
}

#blogright .itemuser, div#blog .itemuser {
	font-size: 0.8em;
    text-align: right;
    color: #0B7DB6;
    display: block;
}

#blogright .itemuser .date, div#blog .itemuser .date { 
	font-size: 0.8em;
	font-style: italic;
}

#blogright .entry a, div#blog .entry a {
	color: #2A2929;
    background: none;
    border-bottom: 1px solid #EEEEEE;
    font-size: 1em;
    font-weight: normal;
    margin: 0px;
    padding: 5px 0px 0px 0px;
}

#blogright span.error { 
	color: #CC0000; 
    display: block;
}

#blogright span.saved { 
    display: block;
}

#clientconfig label { width: 17em; }

#clientconfig p.example { margin-left: 150px; }

#items, #graph, #csv, #week, #analysis { float: left; }

#items table, #analysis table {
	border-collapse: collapse;
	border-spacing: 0pt;
}

#items td, #items th,
#analysis td, #analysis th {
	border: solid #dddddd;
	border-width: 0pt 0pt 1px;
	margin: 0pt;
	padding: 0.2em 0.5em 0.2em 0.5em;
	text-align: center;
	font-size: 0.8em;
}

#items th, #analysis th {
	background-color: #eeeeee;
	border-color: #0b7db6;
	border-width: 1px 0pt 3px;
}

#items tr:hover, #items tr.odd:hover,
#analysis tr:hover, #analysis tr.odd:hover { background: #a5cf0d; }
#items tr.odd, #analysis tr.odd { background: #f8f8f8; }

#items #page, #graph #page, #week #page, #analysis #page { text-align: right; padding-top: 5px; }

#items #range, #graph #range, #week #range, #analysis #range { padding-bottom: 5px; }

#items input#txtWhat, #graph input#txtWhat, #week input#txtWhat, #csv input#txtWhat,
analysis intput#txtWhat {
	text-align: center;
	width: 220px;
}

#items input#txtFrom, #items input#txtTo, 
#graph input#txtFrom, #graph input#txtTo,
#week input#txtFrom, #week input#txtTo,
#csv input#txtFrom, #csv input#txtTo,
#pdf input#txtFrom, #pdf input#txtTo,
#analysis input#txtFrom, #analysis input#txtTo {
	text-align: center;
	width: 110px;
}

#login fieldset legend { display: none; }

#mainscreen { font-size: 0.8em; }

#mainscreen h3 span {
	margin-top: -8px;
	top: 50%;
	right: 1em;
	position: absolute;
}

#mainscreen table { width: 100%; }

#mainscreen table td {
	vertical-align: top;
	width: 25%;
}

#mainscreen #accordion input {
	width: auto;
}

#mainscreen input.text {
	width: auto;
	font-size: 1.3em;
}

#navlang {
    margin: 0;
    padding: 0;
    width: auto;
}

#navigation form { text-align: right; }

#navigation select { width: 120px; }

#navlang li {
    display: inline;
    padding: 1em;
}

#pdf #showvalues, #pdf #standardCalc { margin-left: 13em; }

#pdf #showvalues input, #week #showweek input,
#pdf #standardCalc input, #graph #range label input { 
	width: auto; 
}
#pdf #showvalues label, #week #showweek label,
#pdf #standardCalc label, #graph #range label { 
	float: none;
	width: auto;
	text-align: left;
}

#graph #range label { margin-left: 12px; }	


#topnav {
    float: right;
    margin-top: 0.5em;
    line-height: 24px;
    text-align: right;
}

#ui-datepicker-div { font-size: 0.8em; }

.topnav {
    float: right;
    text-align: right;
}

.ui-widget-content .topnav  a { color: #0B7DB6; }

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }


.colorpicker input { width: auto; }

#plantfiles .ui-widget {
    font-size: 0.95em;
}

#plantfiles td.size {
	text-align: right;
	padding: 0 10px;
	width: 100px;
}

.selectPlantFiles {
	float: right;
	padding-top: 1em;	
}

.selectPlantFiles label {
	width: auto;
	float: none;
}
.selectPlantFiles label input {
	width: auto;
}

.ui-autocomplete li {
	text-align: left;
	font-size: 0.8em;
	
}

#changeclients { 
	float: left;
	margin-left: 1em; 
}
#changeclients input { 
	width: 110px;
}