optgroup{
    font-size: .65em;
    font-weight:normal;
}
.pageform span.radiocheckmessage,.colform span.radiocheckmessage{
font:               bold 1em arial, serif;
color:              #ff0000;
margin:             0px 7px 0px 0px;
float:              left;
text-align:         left;
}

.colform span.radiocheckmessage{
margin:             5px 10px 0px 3px;
}


span.radiocheckhorzsm{

float:              left;
padding:                0px 0px 0px 0px;
margin:             3px 10px 0px 2px;
text-align:         left;
text-indent:            0px;
color:                  #000000;
font:               10pt arial, tahoma,helvetica;
border:                 0px solid black;
}
/*
span.radiocheckhorz_new{
width:              233px;
float:              left;
padding:                0px 0px 0px 0px;
margin:             1px 0px 2px 0px;
text-align:         left;
text-indent:            0px;
color:                  #000000;
font:               10pt arial, tahoma,helvetica;
border:                 1px solid transparent;

}*/

span.radiocheckhorz_new{
width:              90%;23%;
float:              left;
padding:                1px 0px 2px 0px;
margin:             0px 0% 0px 0%;
text-align:         left;
text-indent:            0px;
color:                  #000000;
font:               1em arial, tahoma,helvetica;
border:                 0px solid red;
background-color: white;

}
span.radiocheckhorz{
float:              right;
width: 100px;
padding:                0px 0px 0px 0px;
margin:             3px 5px 0px 0px;
text-align:         left;
text-indent:            0px;
color:                  #000000;
font:               10pt arial, tahoma,helvetica;
border:                 0px solid black;

}

.colform input.chooseH, .colformcenter input.chooseH{

margin:                 2px 0% 1px 0%;
width:              10%;
border:             1px solid #000000;
float:              left;
text-align: left;

}
span.chkbxmsg{
float: left;
text-align: left;
margin:  5px 3px 0px 3px;
font: 1em arial, tahoma, helvetica, serif;
display: block;
color:              #0000ff;
margin-left:  20.5%;
}

/*
.colform input.chooseH{

margin:                 2px 0px 2px 0px;
width:              15px;
border:             0px solid #000000;
float:              left;
background:             #cccccc;
}
div.radio{
    width: 504px;
    float: left;
    margin-top: -27px;
    margin-bottom: 5px;
    margin-left: 196px;
    border: 1px solid #cccccc;
    padding: 2px 2px;
}*/


span.radio{
    width: 72%;
    float:left;
    text-align: left;
    margin-top: -20px;
    margin-bottom: 0px;
    margin-left: 20.25%;
        margin-right: 0%;
    border: 1px solid #cccccc;
    padding: 2px 2px;
    display: table;
    clear: both;
    content: "";
}

span.chkcl{
width: 25%;
float:left;
font: bold 16pt arial, helvetica, tahoma
border: 0px solid black;
}

span.radiocheckvert{
float:               left;
margin:                 3px 10px 0px 2px;
text-align:         left;
padding:            0px;
text-indent:            0px;
color:                  #000000;
font:                   10pt arial, tahoma,helvetica;
border:                 0px solid black;
}



.colform span.message,.pageform span.message{
font:               bold 1em arial, serif;
color:              #ff0000;
margin:             3px 0px 0px 3px;
float:              left;
text-align:         right;
}

span.ok{
font:               bold 1en  arial, serif;
color:              #00a500;
margin:             0px 0px 0px 0px;
float:              left;
text-align:         left;
}

span.auxmsg{
float: left;
text-align: left;
margin:  3px 3px 0px 3px;
font: 1em arial, tahoma, helvetica, serif;

color:              #0000ff;
}
.colform span.radiocheckmessage{
margin:             3px 10px 0px 3px;
font:               bold 1em arial, serif;
}

span.s{
text-align:             left;
float:              left;
margin:                 5px 5px 0px 1px;
text-indent:            0px;
font:                bold  1em arial, tahoma, helvetica, serif;
color:              #0066cc;
}

span.slabel{
text-align:             left;

margin:                 5px 0px 0px 0px;
text-indent:            0px;
font:                bold  1em arial, tahoma, helvetica, serif;
color:              #0000ff;
}
span.phonespan{
margin:                     2px 0px 0px 0px;
float:              left;
}


span.datetimespan{

margin:                     0px 0px 0px 1px;
float:              left;
font:               bold 1em arial,tahoma,helvitica,serif;
color:              #0000ff;
margin:             4px 0px 0px 1px;
display:                inline;
text-align:             right;
}


div.colform{
width:              100%;
margin:                 0px auto;
padding:             0px;
background-color:    #ffffff;
font:               10pt arial, tahoma, helvetica;
border:                     0px solid #000;
float:              left;
}


.colform fieldset{
width:              96%;
border:                 0px;
margin:                     5px auto 0px auto;
border:                 0px solid #000000;
background-color:   #ffffff;#4abaaa;
padding:                0px;
}

.colform hr{
clear:               both;
width:              96%;
height:             0px;
margin-bottom:       0px;
background:          #333333;
border:                 none;
}

.colform p{
width:                      100%;
clear:                  both;
margin:                     2px 0px 2px 0px;
padding:                    3px 0px 3px 0px;
border:            0px solid #ff0000;
text-align:             left;
float:                  left;
background-color:   transparent;
}



.colform p.c{
width:                      100%;
margin:                 5px 10px;
}

 .colform p.php{
 width:             96%;
background-color:   #feedea;#fff5ee;#dfd4a7;#ccccff;#4abaaa;#ffcccc;
margin:                 5px 1%;
padding:                3px 1%;
color:              #333333;#000000;#333333;
font-weight:            bold;
font-size:          1.2em;
float:              left;
clear:              both;
}

.colform label{
width:                  20%;
margin:                     3px 3px 0px 0px;
float:              left;
text-align:             right;
padding:            0px 0px 0px 0px;
text-indent:            0px;
color:                  #333333;
font:                   1.1em arial, tahoma,helvetica;
border:                 0px solid black;
background-color:   transparent;
}

.colform h4{
width:                  24.5%;
margin:                     0px 1.5%;
font:                   bold 1,2em arial, tahoma,helvetica,serif;
text-align:                 right;
float:              left;
background-color:   #ececec;#f3f3f3;#faebd7;#dcdcdc;transparent;#cccccc;#4abaaa;
padding:            2px 72.5% 2px 0px;
color:              #333333;
border-bottom:      0px #cccccc solid;
border-top:         0px #cccccc solid;
}

.colform h2{
width:              21%;
margin:                     5px 0px 0px 0px;
font:                   1.2em arial, tahoma,helvetica,serif;
text-align:                 left;
background-color:   transparent;
padding:            3px 0px;
color:              #000;
}


.colform input,.colform select,.colform textarea{
padding:             2px 2px;
width:              20%;
float:              left;
margin:                 0px 5px 0px 0px;
background-color:   #ffffff;
border:                 #cccccc 1px solid;
font:                   1.2em arial, tahoma, helvetica, serif;
color:              #000000;
}


.colform select option{
font: bold 1.2em arial, tahoma, helvetica, serif;
}

.colform select{
padding:            2px 2px;

float:              left;
margin:                 0px 5px 0px 0px;
background-color:   #ffffff;
border:                 #cccccc 1px solid;
font:                   1.2em arial, tahoma, helvetica, serif;
color:              #000000;
width: 20.5%;
}
/*
.colform select, .colform select option{
border: 2px solid yellow;
background-color: black;
color: white;
font-size: 20pt;
}*/

.colform select.date{
padding:            2px;
width:              60px;
float:              left;
display:                inline;
margin:                 0px 5px 0px 2px;
background-color:   #fff;
border:                 #cccccc 1px solid;
font:               1.2em arial, tahoma, helvetica, serif;
}

.colform select.time{
padding:            2px;
width:              55px;
float:              left;
display:                block;
margin:                 0px 7px 0px 2px;
background-color:   #fff;
border:                 #ccc 2px solid;
font:               1.2em arial, tahoma, helvetica, serif;
}

.colform input.phone{
width:              40px;
margin:             0px 0px;
}

.colform input.choose{

margin:                 4px 0px 0px 0px;
width:              15px;
border:             0px solid #000000;
float:              left;
background:             #cccccc;
}


.colform input.choosevert{
margin:                 5px auto 2px 203px;
width:              12px;
border:             2px;
float:                          left;
clear:              both;
}



.colform button{
width:              15%;
float:              left;
margin:                 0px 0px;
padding:                2px;
background-color:   #ececec;
font:                bold 1.5em arial, tahoma, helvetica, serif;
color:              #000;
border:                 #fff 2px outset;
}

.colform button.custom{
width:              15%;
float:              left;
margin:                 0px 0px;
padding:                2px;
background-color:   #ececec;
font:               bold 1.5em arial, tahoma, helvetica, serif;
color:              #000;
border:                 #fff 2px outset;
}
/*
@media screen and (max-width:480px){

    colform span.message,.pageform span.message{

/*clear: both;*/
font:               bold 8pt arial, serif;
color:              #ff0000;
margin:             4px 0px 5px 1px;
float:              left;
text-align:         left;
}

span.auxmsg{
color:              #0000ff;
clear: both;
margin:100px auto;
text-align: right;
}
/*
.colform span.radiocheckmessage{
margin:             5px 10px 0px 3px;
}
*/

/*
span.s,span.radiocheckmessage{
    clear: both;
text-align:             left;
float:              left;
margin:                 2px 5px 2px 5px;21%;
text-indent:            0px;
font:                bold  8pt arial, tahoma, helvetica, serif;
color:              #0066cc;
}

span.slabel{
text-align:             left;

margin:                 7px 0px 0px 0px;
text-indent:            0px;
font:                bold  10pt arial, tahoma, helvetica, serif;
color:              #0000ff;
}
span.phonespan{
margin:                     2px 0px 0px 0px;
float:              left;
}


span.datetimespan{
width:                  20px;
margin:                     3px 1px 0px 0px;
float:              left;
font:               bold 8pt arial,tahoma,helvitica,serif;
color:              #0000ff;
margin:             6px 1px 0px 0px;
display:                inline;
text-align:             right;
}


div.colform{
width:              100%;
margin:                 0px auto;
padding:             0px;
background-color:    #ffffff;
font:               10pt arial, tahoma, helvetica;
border:                     0px solid #000;
float:              left;
}


.colform fieldset{
width:              97%;
border:                 0px;
margin:                     5px auto 0px auto;
border-bottom:      0px solid #dcdcdc;
background-color:   #ffffff;#4abaaa;
padding:                0px;
}

.colform hr{
clear:               both;
width:              97%;
height:             0px;
margin-bottom:       0px;
background:          #333333;
border:                 none;
}

.colform p{
width:                      100%;
clear:                  both;
margin:                     0px 0px 0px 0px;
padding:                    2px 0px 2px 0px;
border-bottom:      0px solid #ccc;
text-align:             left;
float:                  left;
background-color:   #ffffff;
}



.colform p.c{
width:                      100%;
margin:                 5px 10px;
}

 .colform p.php{
width:                      96%;
background-color:   #dfd4a7;#ffcccc;
margin:                 2px auto;
padding:                2px 5px;
color:              #000000;#333333;
font-weight:            bold;
font-size:          10pt;
}

.colform label{
width:                  100%;0%;
margin:                     1px 3px 0px 5px;
float:              left;
text-align:             left;
padding:            2px 0px 2px 0px;
text-indent:            0px;
color:                  #333333;
font:                   9pt arial, tahoma,helvetica;
border:                 0px solid black;
background-color:   transparent;
}

.colform h4{
width:                  94%;
margin:                     0px 25px;
font:                   bold 10pt arial, tahoma,helvetica,serif;
text-align:                 center;
float:              left;
background-color:   #cccccc;#4abaaa;
padding:            2px 5px;
color:              #333333;
border-bottom:      0px #cccccc solid;
border-top:         0px #cccccc solid;
}

.colform h2{
width:              21%;
margin:                     5px 0px 0px 0px;
font:                   10pt arial, tahoma,helvetica,serif;
text-align:                 left;
background-color:   transparent;
padding:            0px 0px;
color:              #000;
}


.colform input,.colform select,.colform textarea{
padding:             2px 2px;
width:              240px;
float:              left;
margin:                 0px 5px 0px 0px;
background-color:   #ffffff;
border:                 #cccccc 1px solid;
font:                   10pt arial, tahoma, helvetica, serif;
color:              #000000;
}

.colform select{
padding:            2px 0px;
width:              240px;
float:              left;
margin:                 0px 5px 0px 0px;
background-color:   #ffffff;
border:                 #cccccc 1px solid;
font:                   10pt arial, tahoma, helvetica, serif;
color:              #000000;
width:              248px;
}

.colform select.date{
padding:            2px;
width:              60px;
float:              left;
display:                block;
margin:                 0px 7px 0px 2px;
background-color:   #fff;
border:                 #cccccc 2px solid;
font:               10pt arial, tahoma, helvetica, serif;
}

.colform select.time{
padding:            2px;
width:              60px;
float:              left;
display:                block;
margin:                 0px 7px 0px 2px;
background-color:   #fff;
border:                 #ccc 2px solid;
font:               10pt arial, tahoma, helvetica, serif;
}

.colform input.phone{
width:              40px;
margin:             0px 0px;
}

.colform input.choose{

margin:                 5px 0px 0px 0px;
width:              12px;
border:             0px solid #000000;
float:              left;
background:             #cccccc;
}


.colform input.choosevert{
margin:                 5px auto 2px 203px;
width:              12px;
border:             2px;
float:                          left;
clear:              both;
}



.colform button{
width:              100px;
float:              left;
margin:                 0px 0px;
padding:                2px;
background-color:   #ececec;
font:                bold 12pt arial, tahoma, helvetica, serif;
color:              #000;
border:                 #fff 2px outset;
}

.colform button.custom{
width:              100px;
float:              left;
margin:                 0px 0px;
padding:                2px;
background-color:   #ececec;
font:               bold 12pt arial, tahoma, helvetica, serif;
color:              #000;
border:                 #fff 2px outset;
}




}
*/
