/*Common*/
.actions { margin:1em 0; overflow:hidden; }
.actions span.secondary { float:right; }
#errors { background:#f22; color:#fff; padding:5px 10px; margin-bottom:1em; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#errors ul { display:block; margin:0; padding:0; }
#errors li { display:block; margin:5px 0 5px 0; padding:0; }
#errors a { color:#fff; text-decoration:underline; }
#errors a:hover { text-decoration:none; }
#flashMsg, #flashSuccess, #flashError { font-size:1em; padding:10px; margin-bottom:1em; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
#flashMsg, #flashSuccess { background:#999; color:#fff; }
#flashMsg a, #flashSuccess a { color:#fff; text-decoration:underline; }
#flashMsg a:hover, #flashSuccess a:hover { text-decoration:none; }
#flashError { background:#f22; color:#fff; }
#flashError a { color:#fff; text-decoration:underline; }
#flashError a:hover { text-decoration:none; }
span.error { color:#f22; font-weight:normal; }

/*Fields*/
.fields { background:#fafafa; border:1px solid #ccc; padding:5px 15px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow:0 0 3px #ccc; -webkit-box-shadow:0 0 3px #ccc; }

/*InputText, InputDate, TextArea, CKEditor, CLEditor*/
input.inputText { background:url(../images/bg-input.png) center -2px repeat-x #fff; border:1px solid #b5bbc8; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:1em; padding:4px; outline:none; width:150px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
input.inputDate { background:url(../images/bg-input.png) center -2px repeat-x #fff; border:1px solid #b5bbc8; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:1em; padding:4px; outline:none; width:80px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
textarea.textArea { background:url(../images/bg-input.png) center -2px repeat-x #fff; border:1px solid #b5bbc8; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:1em; line-height:1.3em; padding:4px; outline:none; width:300px; height:100px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
input.medium, textarea.medium { width:450px; }
input.long, textarea.long { width:600px; }
span.description { color:#999; }
.required > label { color:#333; }
.readonly > label { color:#999; }
.readonly input.inputText { background:#fafafa; border:1px solid #e8e8e8; color:#999; }
.readonly input.inputDate { background:#fafafa; border:1px solid #e8e8e8; color:#999; }
.readonly textarea.textArea { background:#fafafa; border:1px solid #e8e8e8; color:#999; }
.disabled > label { color:#999; }
.disabled input.inputText { background:#fafafa; color:#999; border:1px solid #e8e8e8; }
.disabled input.inputDate { background:#fafafa; color:#999; border:1px solid #e8e8e8; }
.disabled textarea.textArea { background:#fafafa; color:#999; border:1px solid #e8e8e8; }
img.ui-datepicker-trigger { vertical-align:top; margin:6px 0 0 5px; }
input.hasDatepicker { width:80px; }
input.required { background:url(../images/bg-input.png) center -2px repeat-x #fff; border:1px solid #f90; }
textarea.required { background:url(../images/bg-input.png) center -2px repeat-x #fff; border:1px solid #f90; }
.cleditorMain { border:1px solid #b5bbc8; }
.cleditorMain .cleditorToolbar { background:#f0f0f0; border-bottom:1px solid #b5bbc8; }

/*Select*/
select { margin:0; }

/*Radios and Checkboxes*/
div.radios, div.checkboxes { margin:0 0 0 0; overflow:hidden; }
div.radios > div, div.checkboxes > div { margin:0 0 0 0; overflow:hidden; }
.radios input { float:left; margin:2px 0 4px 1px; }
.checkboxes input { float:left; margin:2px 0 4px 1px; }
.radios label { float:left; font-weight:normal; margin:1px 15px 4px 5px; }
.checkboxes label { float:left; font-weight:normal; margin:1px 15px 4px 5px; }
.disabled .radios label, .disabled .checkboxes label { color:#999; }

/*Tab*/
.tab { margin:15px 0; }
.tab > div { }
.tab > div.header > ul { list-style:none; overflow:hidden; padding:3px 0 0 0; }
.tab > div.header > ul > li { background:#f0f0f0; border:1px solid #e7e7e7; color:#666; float:left; line-height:1em; margin-right:5px; padding:5px 15px; }
.tab > div.header > ul > li.active { background:#fff; border-bottom:1px solid #fff; color:#000; -moz-box-shadow:0 0 3px #ddd; -webkit-box-shadow:0 0 3px #ddd; }
.tab > div.header > ul > li.disabled { background:#fafafa; color:#ddd; }
.tab > div.header > ul > li > a { color:#666; }
.tab > div.header > ul > li > a:hover { color:#000; text-decoration:none; }
.tab > div.body { border:1px solid #e7e7e7; margin:-1px 0 0 0; -moz-box-shadow:0 0 3px #ddd; -webkit-box-shadow:0 0 3px #ddd; }
.tab > div.body > div { margin:20px; }

/*Suggester*/
input.ui-autocomplete-input-invalid { color:#c00; }

/*ProgressBar*/
.progressBar { overflow:hidden; }
.progressBar .container { background:#f0f0f0; border:1px solid #fff; float:left; width:500px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.progressBar .bar { background:#ccc; border:1px solid #999; color:#fff; float:left; height:18px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.progressBar .text { float:left; margin:2px 0 0 10px; }

/*FileUpload*/
.fileUpload > ul { margin:0; padding:0; }
.fileUpload > ul > li { margin:0 0 5px 0; padding:0; list-style:none; }
.fileUpload textarea { border:1px solid #ccc; display:none; font-family:courier new, sans-serif; margin-bottom:10px; padding:10px; height:100px; width:90%; }
.fileUpload span { padding-right:5px; }
.fileUpload span.id { color:#e7e7e7; }
.fileUpload span.size { color:#b5bbc8; font-size:.9em; }
.fileUpload span.name a { color:#000; text-decoration:underline; }
.fileUpload span.delete a { color:#b5bbc8; font-size:.9em; }
.fileUpload .qq-uploader { overflow:hidden; }
.fileUpload .qq-uploader .qq-upload-button { color:#336799; float:left; font-weight:bold; }
.fileUpload .qq-uploader .qq-upload-drop-area { margin:0 0 5px 0; text-align:center; z-index:2; }
.fileUpload .qq-uploader .qq-upload-drop-area span { border:1px dotted #b5bbc8; display:block; padding:10px; }
.fileUpload .qq-uploader .qq-upload-success { display:none; }
.fileUpload .qq-uploader .qq-upload-list { clear:both; padding-top:1px; }
.fileUpload .qq-uploader li .qq-upload-spinner { display:inline-block; background:url("../images/loading.gif") no-repeat; height:15px; width:15px; vertical-align:text-bottom; }
.fileUpload .qq-uploader li .qq-upload-size { }
.fileUpload .qq-uploader li .qq-upload-failed-text { display:none; }
.fileUpload .qq-uploader li.qq-upload-fail .qq-upload-failed-text { display:inline; }
.fileUpload .qq-uploader li { color:#b5bbc8; margin:5px 0 0 0; padding:0; list-style:none; }

/*Dialog*/
div.dialog { background:#fff; }
div.dialog div.dialog-content { border:2px solid #fff; cursor:pointer; }
div.dialog div.dialog-content > div.title { background:#ccc; color:#fff; font-weight:bold; padding:.7em 1em; text-align:left; text-shadow:0 1px #aaa; }
div.dialog div.dialog-content > div.title > span.close { background:#ccc; position:absolute; margin:0 1em 0 0; right:0; }
div.dialog div.dialog-content > div.title > span.close a { color:#999; font-size:.9em; font-weight:normal; text-shadow:0 1px #fafafa; }
div.dialog div.dialog-content > div.title > span.close a:hover { color:#666; }
div.dialog div.dialog-content > div.description { color:#666; overflow-y:auto; padding:1em; text-align:left; }
div.dialog div.dialog-content > div.description p { margin:1em 0 1em 0; padding:0; }
div.dialog div.dialog-content > div.description ul { margin:1em 0 1em 0; padding:0; }
div.dialog div.dialog-content > div.description ul li { list-style:disc outside; margin:3px 0 3px 20px; }
div.dialog div.dialog-content > div.description ol { margin:1em 0 1em 0; padding:0; }
div.dialog div.dialog-content > div.description ol li { list-style:decimal outside; margin:3px 0 3px 20px; }
div.dialog div.dialog-content > div.description p:first-child { margin-top:0; }
div.dialog div.dialog-content > div.description ul:first-child { margin-top:0; }
div.dialog div.dialog-content > div.description ol:first-child { margin-top:0; }
div.dialog div.dialog-content > div.description h1:first-child { margin-top:0; }
div.dialog div.dialog-content > div.description h2:first-child { margin-top:0; }
div.dialog div.dialog-content > div.description h3:first-child { margin-top:0; }
div.dialog div.dialog-content > div.description h4:first-child { margin-top:0; }
div.dialog div.dialog-content > div.description div.actions { margin:10px 0 0 0; }
div.dialog div.dialog-content > div.description div.fields-wrap:first-child > div.title { margin-top:0; }

/*Horizontal Layout*/
.horizontal { clear:both; overflow:hidden; margin:10px 0; }
.horizontal .layout input.inputText { width:150px; }
.horizontal .layout input.inputDate { width:150px; }
.horizontal .layout textarea.textArea { width:300px; }
.horizontal .layout input.inputDate { width:80px; }
.horizontal .layout { float:left; margin:0 15px 0 0; }
.horizontal .top-layout.inputDate-layout span.error { margin:5px 0 0 0; }

/*Layout*/
.layout > label { font-weight:bold; }
.layout.readonly { color:#999; }

/*Top Layout*/
.top-layout { margin:10px 0; overflow:hidden; }
.top-layout > label { display:block; margin:0 0 5px 0; }
.top-layout span.field { float:left; width:100%; }
.top-layout input.inputText { width:98.5%; }
.top-layout input.inputDate { width:80px; }
.top-layout textarea.textArea { width:98.5%; margin-right:1px; }
.top-layout span.description { display:block; margin:0 0 8px 0; }
.top-layout span.error { display:block; margin:5px 0 0 0; }
.top-layout.inputDate-layout span.error { margin:7px 0 0 0; }
.top-layout.errored select { margin-right:10px; };
.top-layout .ui-datepicker-trigger { float:left };
.horizontal .top-layout { float:left; width:auto; }
.horizontal .top-layout label { width:auto; }
.tab .horizontal .top-layout input.inputText { float:left; width:auto; }
.tab .horizontal .top-layout input.inputDate { float:left; width:80px; }
.tab .horizontal .top-layout textarea.textArea { width:auto; }
.tab .top-layout input.inputText { width:98.5%; }
.tab .top-layout input.inputDate { width:80px; }
.tab .top-layout textarea.textArea { width:98.5% }

/*Left and Right Layouts*/
.left-layout, .right-layout { margin:10px 0; overflow:hidden; }
.left-layout > label, .right-layout > label { float:left; margin:0 10px 0 0; width:150px; }
.right-layout > label { text-align:right; }
.left-layout span.field, .right-layout span.field { float:left; width:750px; }
.left-layout span.field .readonly, .right-layout span.field .readonly { margin-top:7px; }
.left-layout .fileUpload, .right-layout .fileUpload { margin:3px 0 0 0; }
.left-layout.inputText-layout > label, .right-layout.inputText-layout > label { margin-top:7px; }
.left-layout.inputText-layout.hasDescription > label, .right-layout.inputText-layout.hasDescription > label { margin-top:0; }
.left-layout.inputDate-layout > label, .right-layout.inputDate-layout > label { margin-top:7px; }
.left-layout.inputDate-layout.hasDescription > label, .right-layout.inputDate-layout.hasDescription > label { margin-top:0; }
.left-layout.textArea-layout > label, .right-layout.textArea-layout > label { margin-top:5px; }
.left-layout.textArea-layout textArea, .right-layout.textArea-layout textArea { float:left; }
.left-layout.textArea-layout.hasDescription > label, .right-layout.textArea-layout.hasDescription > label { margin-top:0; }
.left-layout.textArea-layout .error, .right-layout.textArea-layout .error { float:left; margin-top:4px; }
.left-layout.ckeditor-layout .error, .horizontal .ckeditor-layout .error { clear:both; display:block; margin-left:0; }
.left-layout.cleditor-layout .error, .horizontal .cleditor-layout .error { clear:both; display:block; margin-left:0; }
.left-layout.radios-layout > label, .right-layout.radios-layout > label { }
.left-layout.checkboxes-layout > label, .right-layout.checkboxes-layout > label { }
.mac .left-layout.checkboxes-layout .checkboxes > div > label, .mac .right-layout.checkboxes-layout .checkboxes > div > label { margin-top:0; }
.left-layout.select-layout > label, .right-layout.select-layout > label { margin-top:2px; }
.left-layout.select-layout select, .right-layout.select-layout select { float:left; }
.left-layout.select-layout span.description, .right-layout.select-layout span.description { margin-top:0; }
.left-layout.select-layout.hasDescription > label, .right-layout.select-layout.hasDescription > label { margin-top:0; }
.left-layout.select-layout .error, .right-layout.select-layout .error { float:left; margin-top:4px; }
.left-layout.select-layout.readonly > label, .right-layout.select-layout.readonly > label { }
.left-layout.select-layout.readonly span.description, .right-layout.select-layout.readonly span.description { margin-top:7px; }
.left-layout span.description, .right-layout span.description { display:block; margin:0 0 8px 0; }
.left-layout span.error, .right-layout span.error { margin:0 0 0 10px; }
.left-layout.textArea-layout span.error, .right-layout.textArea-layout span.error { margin:5px 0 0 12px; }
.left-layout.cleditor-layout span.error, .right-layout.cleditor-layout span.error { margin:5px 0 0 0; }
.left-layout.ckeditor-layout span.error, .right-layout.ckeditor-layout span.error { margin:5px 0 0 0; }
.horizontal .left-layout, .horizontal .right-layout { float:left; }
.horizontal .left-layout > label, .horizontal .right-layout > label { width:auto; }
.horizontal .left-layout span.field, .horizontal .right-layout span.field { width:auto; }

/*Wrap Layouts*/
.wrap-layout p { margin:-1px 0 1em 0; }
.wrap-layout.disabled { color:#999; }
.wrap-layout.disabled img { opacity:.5; }
.wrap-layout.readonly { color:#999; }
.wrap-layout.readonly img { }

/*Radio and Checkbox Layouts*/
.radios-layout span.error, .checkboxes-layout span.error { display:block; float:left; margin:3px 0 0 0; }
.horizontal .radios-layout, .horizontal .checkboxes-layout { margin-top:3px; }

/*TextArea Layouts*/

/*CKEditor Layouts*/
.ckeditor-layout.disabled .field { color:#999; }

/*CLEditor Layouts*/
.cleditor-layout.disabled .field { color:#999; }