/* 
    Document   : ui.reformed.css
    Created on : Dec 5, 2010, 1:57:40 AM
    Author     : PaulPullen
    Description:
        This CSS file contains the base styles for forms created using the reformed app.
        Other styling should be done by using the jQuery UI Themeroller.
*/

.reformed-form dl { display: block; margin: 4px; position:relative; }
.reformed-form dt { display:block; float:left; clear:left; min-width: 100px; text-align:right; padding: 4px; }
.reformed-form dt label { font-weight: bold; }
.reformed-form dd { display:block; padding:4px; float:left; }
.reformed-form fieldset { padding: 10px; margin: 5px; display:block; }
.reformed-form legend { padding: 5px 10px; margin-left: 10px; }
.reformed-form input, .reformed-form textarea { padding: 3px; }
/*errors*/
.reformed-form label.error_msg { padding: 2px 4px; font-size: .8em; margin-left:4px; font-weight:normal; display:block; float:left; }
.reformed-form dl dd.ui-state-error { float:left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; position: absolute; right: 3px; top: 3px; }
.reformed-form .ui-state-error .ui-icon { float:left; margin: 0px !important; }
/* radio and checkbox list styles */
.reformed-form div.radio { position: static; }
.reformed-form dd ul li { display: block; float: left; clear: left; margin: 0; }
.reformed-form dd ul li label { float: left; margin-top: 2px; }
/* text input styles */
.reformed-form input[type="text"], .reformed-form input[type="password"] { width: 300px; }
/*multiple select*/
.reformed-form select { min-width: 165px; }
/*submit button div */
.reformed-form div#submit_buttons { margin-left: 300px; }
/* changes made to Aristo uniform default theme */
/* get rid of white box around file input button */
div.uploader span.action { background-color: transparent !important; }
/* CSS below is to prevent conficts with other CSS on the reformed site--may be OK to comment out/remove */
.reformed-form .ui-state-highlight { padding: 3px; }
.reformed-form .ui-state-default .ui-button-text { background: 0 none !important; color: inherit; border-color: inherit; }
.reformed-form .ui-state-hover .ui-button-text { background: 0 none !important; color: inherit; border-color: inherit; -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0); box-shadow: 0px 0px 0px rgba(0,0,0,0); }
.reformed-form .ui-state-active .ui-button-text { background: 0 none !important; color: inherit; border-color: inherit; }
.reformed-form .ui-button .ui-button-text { text-shadow: none; }