/* CSS Document */
.outtaHere { position:absolute;   left:-3000px; } /*** Выкидывает стандартную кнопку radio ***/ 

/* Оформление самого select*/ 
.selectArea { width:183px; height:19px; background:url(../images/select_bg.gif) repeat-x left top; border:0px solid green; } 
.selectArea .left { width:2px; height:19px; float:left; background:url(../images/select_left.gif) no-repeat left top; } 
.selectArea .right { width:18px; height:19px; float:right; background:url(../images/select_right.gif) no-repeat left top; } 
.selectArea .right a { width:183px; height:19px; display:block; position:absolute; border:0px solid blue; } 
.selectArea .right i { display:none; } 
.selectArea .center { color:#0a487f; text-align:left; padding: 1px 0px 0px 5px; overflow:hidden; white-space:nowrap; border:0px solid red; } 

/* Оформление выпадающего списка */ 
.optionsDivInvisible, .optionsDivVisible { position:absolute; margin: 2px 0px 0px 2px; width:183px; background-color:#FFFFFF; padding:2px; z-index:20; border:1px solid #5b9ad1; } 
.optionsDivInvisible { display:none; } 
.optionsDivVisible { display:block; } 
.optionsDivVisible p { margin:0; padding:0; } 
.optionsDivVisible a { color:#0a487f; text-decoration:none; display:block; padding:1px 4px; } 
.optionsDivVisible a:hover { background-color:#CCCCCC; border-color:#000000; } 

/* checkbox */
.checkboxArea, .checkboxAreaChecked { display:block; float:left; clear:left; width:13px; height:13px; font-size:0; padding:0; margin:0; cursor:pointer; } 
.checkboxArea { background:url(../images/checkbox.gif) no-repeat left top;} 
.checkboxAreaChecked { background:url(../images/checkbox_checked.gif) no-repeat left bottom; } 
.focused { border:1px dotted #ddd; } 

/* radio */
.radioArea, .radioAreaChecked { display:block; float:left; clear:left; width:11px; height:11px; font-size:0; cursor:pointer; } 
.radioArea { background:url(../images/radio.gif) no-repeat left top; } 
.radioAreaChecked { background:url(../images/radio_checked.gif) no-repeat left bottom; }