/* 

Silverstripe PaddyGreen Theme
Styles related to forms markup

Forms markup adopeted from http://nidahas.com/sandbox/form_template.html
Created by Prabhath Sirisena(http://www.nidahas.com) 

*/
@media screen{  
p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

#Layout form p { margin: 0; }
#Layout form p.note, #Layout form span.required { margin-left: 170px; font-size: 90%; color: #C00; }
#Layout form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
#Layout form legend { font-weight: bold; color: #666; }
#Layout form fieldset div { padding: 0.25em 0; }
#Layout label, 
#Layout span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
#Layout label.error, 
#Layout span.error { color: #C00; }
#Layout label em, 
#Layout span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
#Layout input.error { border-color: #C00; background-color: #FEF; }
#Layout input:focus,
#Layout input.error:focus, 
#Layout textarea:focus {	background-color: #FFC; border-color: #FC6; }
#Layout div.controlset label, 
#Layout p.field label,
#Layout div.controlset input{ display: inline; float: none; }
#Layout div.controlset div, #Layout ul.optionset { margin-left: 170px; }
#Layout li input{display:inline;float:none;}
#Layout ul label{display:inline; float:none;text-align:left; width:100px; padding-left: 5px;}
#Layout div.buttonrow, #Layout p.Actions { margin-left:180px; }

.podsumowanie {background-color:#EFEEEE;color:#000000;font-family:arial;font-size:15px;width:500px;margin:0;padding:0 0 0 0;
  border-left:2px solid black;  border-right:2px solid black; border-bottom:2px solid black;border-collapse:collapse; border-spacing:2px;
}
.imgTip {cursor:default;vertical-align:-8px;}
* html .imgTip {cursor:default;vertical-align: -2px;}
*:first-child+html .imgTip {cursor:default;vertical-align: -3px;}
* html .checkboxForm {}
#middle .content_info .spanForm {margin-left:21px; margin-top:-21px;}
* html #middle .content_info .spanForm {margin-left:21px; margin-top:-22px;}
html>body #middle .content_info .spanForm {margin-left:21px; margin-top:-18px;}
.podsumowanie_nagl {height:30px;background-color:#AEE117;}
.tab0 {background-color:#EFEEEE;height:26px; font-weight:700;}
.tab1 {background-color:#FFFFFF;height:26px;border-bottom: 1px #EFEEEE solid;}


td.tab1l-b {text-align:justify;border-bottom: 1px black solid;}
td.tab1c-b {text-align:center;border-bottom: 1px black solid;}
td.tab1r-b {text-align:right;padding-right:16px;border-bottom: 1px black solid;}


.tab1l {text-align:justify;border-bottom: 1px #EFEEEE solid;}
.tab1c {text-align:center;border-bottom: 1px #EFEEEE solid;}
.tab1r {text-align:right;padding-right:16px;border-bottom: 1px #EFEEEE solid;}

.topb {background-color:#EFEEEE;height:26px; font-weight:700;border-top:1px solid black; border-bottom: 2px solid black; }
.topbc {background-color:#EFEEEE;height:26px; font-weight:700;text-align:center; border-bottom: 2px solid black;border-top:1px solid black;}
.topbr {background-color:#EFEEEE;height:26px; font-weight:700;text-align:right; padding-right:16px; border-top:1px solid black;border-bottom: 2px solid black;}

.tab2 {background-color:#AEE117;height:26px; border-top:2px solid black; border-bottom:2px solid black;}
td.tab2 {border-right-style:solid;border-right-width:1px;border-right-color:#000000; padding-left:6px; }
.tab3 {background-color:#d3d3d3;height:26px; border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#000000;
}
td.tab3 {font-size:12px;}
.tab5 {font-size:15px; height:15px;} 
.Text_err {color:#FF0000;}
#formN  input.checkForm {margin:0;}

p.label_checkbox_pair {  clear: both;  float: none;}

p.label_checkbox_pair input {  clear: left;  float: left;  margin-left: 80px;}

p.label_checkbox_pair label {  clear: left;  display: block;  float: left;  margin-left: 15px;margin-top:-19px;  width: 400px;}

}

@media print{   
p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

#Layout form p { margin: 0; }
#Layout form p.note, #Layout form span.required { margin-left: 170px; font-size: 90%; color: #C00; }
#Layout form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
#Layout form legend { font-weight: bold; color: #666; }
#Layout form fieldset div { padding: 0.25em 0; }
#Layout label, 
#Layout span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
#Layout label.error, 
#Layout span.error { color: #C00; }
#Layout label em, 
#Layout span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
#Layout input.error { border-color: #C00; background-color: #FEF; }
#Layout input:focus,
#Layout input.error:focus, 
#Layout textarea:focus {	background-color: #FFC; border-color: #FC6; }
#Layout div.controlset label, 
#Layout p.field label,
#Layout div.controlset input{ display: inline; float: none; }
#Layout div.controlset div, #Layout ul.optionset { margin-left: 170px; }
#Layout li input{display:inline;float:none;}
#Layout ul label{display:inline; float:none;text-align:left; width:100px; padding-left: 5px;}
#Layout div.buttonrow, #Layout p.Actions { margin-left:180px; }

.podsumowanie {background-color:#EFEEEE;color:#000000;font-family:arial;font-size:15px;width:500px;margin:0;padding:0 0 0 0;
  border-left:2px solid black;  border-right:2px solid black; border-bottom:2px solid black;border-collapse:collapse; border-spacing:2px;
}
.imgTip {cursor:default;vertical-align:-8px;display:none;}
* html .imgTip {cursor:default;vertical-align: 0px;display:none;}
html>body .imgTip {cursor:default;vertical-align: 0px;display:none;}
* html .checkboxForm {}
#middle .content_info .spanForm {margin-left:21px; margin-top:-21px;}
* html #middle .content_info .spanForm {margin-left:21px; margin-top:-22px;}
html>body #middle .content_info .spanForm {margin-left:21px; margin-top:-18px;}
.podsumowanie_nagl {height:30px;background-color:#AEE117;}
.tab0 {background-color:#EFEEEE;height:26px; font-weight:700;}
.tab1 {background-color:#FFFFFF;height:26px;border-bottom: 1px #EFEEEE solid;}


td.tab1l-b {text-align:justify;border-bottom: 1px black solid;}
td.tab1c-b {text-align:center;border-bottom: 1px black solid;}
td.tab1r-b {text-align:right;padding-right:16px;border-bottom: 1px black solid;}


.tab1l {text-align:justify;border-bottom: 1px #EFEEEE solid;}
.tab1c {text-align:center;border-bottom: 1px #EFEEEE solid;}
.tab1r {text-align:right;padding-right:16px;border-bottom: 1px #EFEEEE solid;}

.topb {background-color:#EFEEEE;height:26px; font-weight:700;border-top:1px solid black; border-bottom: 2px solid black; }
.topbc {background-color:#EFEEEE;height:26px; font-weight:700;text-align:center; border-bottom: 2px solid black;border-top:1px solid black;}
.topbr {background-color:#EFEEEE;height:26px; font-weight:700;text-align:right; padding-right:16px; border-top:1px solid black;border-bottom: 2px solid black;}

.tab2 {background-color:#AEE117;height:26px; border-top:2px solid black; border-bottom:2px solid black;}
td.tab2 {border-right-style:solid;border-right-width:1px;border-right-color:#000000; padding-left:6px; }
.tab3 {background-color:#d3d3d3;height:26px; border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#000000;
}
td.tab3 {font-size:12px;}
.tab5 {font-size:15px; height:15px;} 
.Text_err {color:#FF0000;}
#formN  input.checkForm {margin:0;}

p.label_checkbox_pair {  clear: both;  float: none;}

p.label_checkbox_pair input {  clear: left;  float: left;  margin-left: 80px;}

p.label_checkbox_pair label {  clear: left;  display: block;  float: left;  margin-left: 15px;margin-top:-19px;  width: 400px;}
	
}