.LTR, .RTL
{   
   color: #4a4a4a;
   background-color:#fff;
   font: 13px Arial, Helvetica, sans-serif;
   line-height: 1.6em;
}

/*********************************************/
/*#01 GREEN STYLE GENERAL#*/
/*********************************************/
.smart-green {
    margin-left:auto;
    margin-right:auto;
    max-width: 610px;
    background: #eeeeee;
    padding: 30px 30px 0 30px;
    font: 13px Arial, Helvetica, sans-serif;
    color: #666;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom:20px;
}

.smart-green.wide
{
   max-width: 800px;
}

.smart-green h1 {
    font: 26px "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding: 20px 50px 20px 30px;
    display: block;
    margin: -30px -30px 22px -30px;
    color: #FFF;
    background: #9DC45F;
    text-shadow: 1px 1px 1px #949494;
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-bottom:1px solid #89AF4C;
}

.smart-green h1>span {
    display: block;
    font-size: 13px;
    color: #FFF;
    padding-top:3px;
}

.smart-green h2 {
    font: 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding: 10px 0px 10px 30px;
    display: block;
    margin: -20px -30px 14px -30px;
    color: #FFF;
    background: #9DC45F;
    text-shadow: 1px 1px 1px #949494;
    border-bottom:1px solid #89AF4C;
}

.smart-green label {
    display: block;
    margin: 0px 0px 5px;
}
.smart-green label>span {
    float: left;
    margin-top: 10px;
    color: #5E5E5E;
}
.smart-green input[type="text"], .smart-green input[type="email"], .smart-green textarea, .smart-green select
{
    color: #555;
    height: 30px;
    line-height:15px;
    width: 96%;
    padding: 0px 10px 0px 10px;
    margin-top: 2px;
    border: 1px solid #E5E5E5;
    background: #FBFBFB;
    outline: 0;
    -webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
    box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
    font: normal 14px/14px Arial, Helvetica, sans-serif;
}

/*********************************************/
/*#02 MAIN TABLE#*/
/*********************************************/
.smart-green-table{width:100%; margin-bottom:16px;}
.smart-green-table tr td.col1{width:34%;}
.smart-green-table tr td.col2{width:66%;}

.smart-green-table tr td.col11{width:33%;}
.smart-green-table tr td.col22{width:34%;}
.smart-green-table tr td.col33{width:33%;}

/*********************************************/
/*#03 RADIO BUTTON V1#*/
/*klasicke radio  butto usporiadane horizontalne, kde button je nad textom*/
/*********************************************/
.RadioButtonList {margin-left:-7px;}
.RadioButtonList tr td{padding:0 12px; text-align:center; line-height: 1.2em;}
.RadioButtonList tr td input[type="radio"]{margin-bottom:6px;}

/*********************************************/
/*#04 RADIO BUTTON V2#*/
/*klasicke radio  butto usporiadane vertikalne, kde button je nalavo od textu*/
/*********************************************/
.vertical-list .RadioButtonList {width:90%; margin-left:0;}
.vertical-list .RadioButtonList tr td{padding:0; text-align:left; line-height: 1.2em;}
.vertical-list .RadioButtonList tr td input[type="radio"]{float:left;}
.vertical-list .RadioButtonList tr td label{padding-top:3px;}


/*********************************************/
/*#05 RADIO BUTTON V3#*/
/*radio  butto usporiadane horizontalne, kde button je nalavo od textu*/
/*********************************************/
.horizontal-list .RadioButtonList {width:100%; margin-left:0;}
.horizontal-list .RadioButtonList tr {float:left; display:inline-block; margin-right:10px;}
.horizontal-list .RadioButtonList tr td{width:100%; padding:0;}
.horizontal-list .RadioButtonList tr td input[type="radio"]{float:left;}
.horizontal-list .RadioButtonList tr td label{padding-top:3px; float:left;}

/*********************************************/
/*#06 TEXT AREA#*/
/*textove pole pre komentare, resp. podobne velke polia*/
/*********************************************/
.smart-green textarea{
    height:100px;
    padding-top: 10px;
}

/*********************************************/
/*#07 SEND BUTTON#*/
/*style pre tlacidlo pre odoslanie formulara*/
/*********************************************/
.smart-green .button, .smart-green .FormButton {
    background-color: #9DC45F;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-border-radius: 5px;
    border: none;
    padding: 10px 25px 10px 25px;
    color: #FFF;
    text-shadow: 1px 1px 1px #949494;
    font-size:20px;  
}
.smart-green .button:hover, .smart-green .FormButton:hover {
    background-color:#80A24A; cursor:pointer;
}

.submit-row{
   font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
   padding: 20px 30px 20px 30px;
   display: block;
   margin: 0 -30px 36px -30px;
   color: #FFF;
   background: #eeeeee;
   text-shadow: 1px 1px 1px #949494;
   border-radius: 0px 0px 5px 5px;
   -webkit-border-radius:0px 0px 5px 5px;
   -moz-border-radius: 0px 0px 5px 5px;
   border-bottom:1px solid #e2e2e2;
   text-align:right;
}

/*********************************************/
/*#08 ERROR LABELS#*/
/*styl pre labels zobrazujuce chybne vyplnenie formularov*/
/*********************************************/
.EditingFormErrorLabel{font: 14px Arial, Helvetica, sans-serif; color:red;}
.ErrorLabel{}

/*********************************************/
/*#09 OTHER TXTBOX#*/
/*textove pole pre textbox, ktory sa vyplna v pripade kliknutia na Other polozku v radiobutton liste*/
/*********************************************/
.smart-green .text-input {padding-left:7px;}
.smart-green .text-input input[type="text"]{width:auto;}
.smart-green .text-input .EditingFormControlNestedControl{display:inline;}

/*********************************************/
/*oddelenie riadkov bodkami v pripadoch, pri ktorych je to potrebne*/
/*********************************************/
.row-sep-line1 > td{border-bottom:3px dotted #9dc45f; padding-bottom:10px;}
.row-sep-line2 > td{padding-top:10px;}


.row-sep-line11 > td{border-bottom:3px dotted #9dc45f; padding-bottom:20px;}
.row-sep-line22 > td{padding-top:0px;}
