/* ConfTool CSS File for form elements: new browsers */

option {
 color: #000;
 background: #fff;
 font-family: arial, helvetica, sans-serif;
 font-size: 10pt;
 font-style: normal;
 padding-top: 2px; padding-right: 2px; padding-bottom: 2px;
}

.optionsmall {
 font-family: arial, helvetica, sans-serif;
 font-size: 8pt;
 padding: 0;
}
.optionsmall * {
 font-family: arial, helvetica, sans-serif;
 font-size: 8pt;
 padding: 0 0 0 2px;
}
.option_topline {
 border-top: 1px solid #888;
}
select optgroup{
 background: #f4f4f4;
 color: #888;
 font-style: italic;
 font-weight: normal;
 padding-top: 4px; padding-left: 2px; padding-right: 0px;
}
/* For IE6 */
input,textarea {
 font-family: arial, helvetica, sans-serif;
 font-size: 10pt;
}
/* Other browsers */
input[type=text],input[type=password],input[type=email],textarea {
 font-family: arial, helvetica, sans-serif;
 font-size: 10pt;
 border-style: solid;
 border-width: 1px;
 border-color: #336680 #E4E8EC #E4E8EC #336680;
 padding: 2px 4px 2px 4px;
 -webkit-transition: all .2s;
 -moz-transition: all .2s;
 -ms-transition: all .2s;
 -o-transition: all .2s;
 transition: all .2s;
}
/* IE 8 */
input[type=text],input[type=password],input[type=email],textarea {
 padding/*\**/: 2px\9 4px\9 3px\9 4px\9;
}
/* Remove Safari problems */
input:focus, textarea:focus {
 outline-style: solid;
 outline-width: 0;
}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus, input.search:focus {
 border-color:#003366 #8080CC #8080CC #003366;
 background-color:#F0F6FF;
}

input:focus.yellowbg, textarea:focus.yellowbg {
 border-color:#660000 #cc4040 #cc4040 #660000;
 background-color:#FFFFAA;
}

input.disabled, textarea.disabled, option.disabled{
 border-color:#444 #ddd #ddd #444;
 background-color:#eee !important;
 color:#555 !important;
}
input:disabled, textarea:disabled, option:disabled{
 border-color:#444 #ddd #ddd #444;
 background-color:#eee !important;
 color:#555 !important;
}
input.waitbutton:disabled,input.smallwaitbutton:disabled,input.tinywaitbutton:disabled {
 background: #ddd !important;
 background-image: linear-gradient(to bottom, #eee 0%, #ccc 100%) !important;
}

input.button, button.button {
 font-family: arial, helvetica, sans-serif;
 font-size: 9pt;
 font-weight: bold;
 padding: 5px 6px 3px 6px;
 margin: 3px;
 color:#0033C0;
 background-color:#C8D8E8;
 background-image: url(images/button_submit_gradient.gif);
 background-repeat: repeat-x;
 border-width: 1px;
 border-radius: 3px;
 border-style: solid;
 border-color:#F0F4FF #909499 #909499 #F0F4FF;
 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffD8E8F8',EndColorStr='#ffC0D0E0');
 cursor:pointer;  /* For standard browsers */
 cursor:hand;     /* for IE				  */
 -webkit-transition-duration: 0.2s;
 -webkit-transition-property: box-shadow;
 transition-duration: 0.2s;
 transition-property: box-shadow;
}
input.button:hover, button.button:hover {
    box-shadow: 2px 2px 4px rgba(128, 128, 128, 0.4), inset 0 10px 40px rgba(255, 255, 255, 0.2), inset 0 12px 0px rgba(255, 255, 255, 0.15);
}

.button_clear {
 font-family: arial, helvetica, sans-serif;
 font-size: 9pt;
 font-weight: bold;
 padding: 5px 6px 3px 6px;
 margin: 3px;
 color:#660000;
 border-style: solid;
 background-color:#E8D8C8;
 background-image: url(images/button_clear_gradient.gif);
 background-repeat: repeat-x;
 border-width: 1px;
 border-radius: 3px;
 border-color:#ffF4F0 #999490 #999490 #FFF4F0;
 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffF8E8D8',EndColorStr='#ffE0D0C0');
 cursor:pointer;  /* For standard browsers */
 cursor:hand;     /* for IE				  */
 -webkit-transition-duration: 0.2s;
 -webkit-transition-property: box-shadow, color;
 transition-duration: 0.2s;
 transition-property: box-shadow, color;
}
.button_clear:hover {
 box-shadow: 2px 2px 4px rgba(128, 128, 128, 0.4), inset 0 10px 40px rgba(255, 192, 192, 0.2), inset 0 12px 0 rgba(255, 255, 255, 0.15);
 color: #cc0000;
}

.waitbutton {
 font-family: arial, helvetica, sans-serif;
 font-size: 9pt;
 font-weight: bold;
 padding: 5px 6px 3px 6px;
 margin: 3px;
 color:#AA8080 !important;
 background-color:#E8E0C8 !important;
 border-width: 1px;
 border-radius: 3px;
 border-style: solid;
 border-color:#999999 #ffffff #ffffff #999999 !important;
 cursor:wait !important;
}
/* For IE 6-8 */
input.button, input.button_clear, .waitbutton{
 padding/*\**/: 5px\9 8px\9 5px\9 8px\9;
 *padding: 5px 2px 4px 2px;
 *border: 0;
}

.smallbutton {
 font-family: arial, helvetica, sans-serif;
 font-size: 9pt;
 font-weight: bold;
 padding: 3px 2px 1px 2px !important;
 color:#0033C0;
 background-color:#C8D8E8;
 border-width: 1px;
 border-radius: 1px;
 border-style: solid;
 border-color:#F0F4FF #909499 #909499 #F0F4FF;
 cursor:pointer;  /* For standard browsers */
 cursor:hand;     /* for IE				  */
 -webkit-transition-duration: 0.2s;
 -webkit-transition-property: box-shadow;
 transition-duration: 0.2s;
 transition-property: box-shadow;
}
.smallbutton:hover {
 box-shadow: inset 0 10px 40px rgba(255, 255, 255, 0.2), inset 0 11px 0 rgba(255, 255, 255, 0.15);
}
.smallbutton_clear {
 font-family: arial, helvetica, sans-serif;
 font-size: 9pt;
 font-weight: bold;
 padding: 3px 2px 1px 2px !important;
 color:#660000;
 background-color:#E8D8C8;
 background-image: url(images/button_clear_gradient.gif);
 background-repeat: repeat-x;
 border-width: 1px;
 border-radius: 1px;
 border-style: solid;
 border-color:#ffF4F0 #999490 #999490 #FFF4F0;
 cursor:pointer;  /* For standard browsers */
 cursor:hand;     /* for IE				  */
 -webkit-transition-duration: 0.2s;
 -webkit-transition-property: box-shadow, color;
 transition-duration: 0.2s;
 transition-property: box-shadow, color;
}
.smallbutton_clear:hover {
 box-shadow: inset 0 10px 40px rgba(255, 192, 192, 0.2), inset 0 11px 0 rgba(255, 255, 255, 0.15);
 color: #cc0000;
}
.smallwaitbutton {
 font-family: arial, helvetica, sans-serif;
 font-size: 9pt;
 font-weight: bold;
 padding: 3px 2px 1px 2px !important;
 color:#AA8080 !important;
 background-color:#E8E0C8 !important;
 border-width: 1px;
 border-radius: 1px;
 border-style: solid;
 border-color:#999999 #ffffff #ffffff #999999 !important;
 cursor:wait !important;
}

.tinybutton {
 font-family: arial, helvetica, sans-serif;
 font-size: 8pt;
 font-weight: bold;
 padding: 1px 2px 1px 2px !important;
 color:#0033C0;
 background-color:#C8D8E8;
 border-width: 1px;
 border-radius: 1px;
 border-style: solid;
 border-color:#F0F4FF #909499 #909499 #F0F4FF;
 cursor:pointer;  /* For standard browsers */
 cursor:hand;     /* for IE				  */
 -webkit-transition-duration: 0.2s;
 -webkit-transition-property: box-shadow;
 transition-duration: 0.2s;
 transition-property: box-shadow;
}
.tinybutton:hover {
 box-shadow: inset 0 10px 40px rgba(255, 255, 255, 0.2), inset 0 10px 0 rgba(255, 255, 255, 0.15);
}
.tinywaitbutton {
 font-family: arial, helvetica, sans-serif;
 font-size: 8pt;
 font-weight: bold;
 padding: 1px 2px 1px 2px !important;
 color:#AA8080 !important;
 background-color:#E8E0C8 !important;
 border-width: 1px;
 border-radius: 1px;
 border-style: solid;
 border-color:#999999 #ffffff #ffffff #999999 !important;
 cursor:wait !important;
}

.checkboxradiodiv {
 padding-left: 25px;
 text-indent: -25px;
 padding-top: 0; padding-bottom: 4px;
 border: 0;
}
.checkboxradio_switch_div {
 padding: 0 8px 1px 0;
 border: 0;
}

.checkboxradio {
 border: 0;
 margin-top: 2px;
}