/**
 * Gallery 3 Grey Dragon Theme
 * Copyright (C) 2006-2011 Serguei Dosyukov
 *
 * CSS rules related to forms/dialogs
 */

.ui-widget-overlay { position: absolute; top:0; left:0; bottom: 0; right: 0; position: fixed; width:100%; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; background-color: #111; zoom: 1; }
.ui-widget-overlay { height: expression(document.documentElement.clientHeight + 'px'); }
.ui-widget-overlay { height: 100%; }

/* Dialog ----------------------------------*/
.ui-dialog { position: relative; width: 300px; }
.ui-dialog .ui-dialog-titlebar { height: 1em; padding: .5em .3em .3em 1em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; text-indent: -900em; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-dialog ul { padding: 0; }

/* forms.css - Component containers ~~~~~~~~~~~~~~~~~~*/
.ui-widget-header { color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }
.ui-widget-content a { color: #222222; }

/* forms.css - Forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
form        { margin: 0; }
form p.g-error { color: red; }
fieldset    { border: 1px solid #ccc; padding: 0 1em .8em 1em; }
legend      { display: none; }
input.textbox, input[type="text"], input[type="password"], textarea { border: 1px solid #e8e8e8; border-top-color: #ccc; border-left-color: #ccc; clear: both; color: #333; width: 50%; }
textarea    { height: 12em; width: 97%; }
input:focus, input.textbox:focus, input[type=text]:focus, textarea:focus, option:focus { background-color: #ffc; color: #000; }
input.checkbox, input[type=checkbox], input.radio, input[type=radio] { float: left; margin-right: .4em; }

/* forms.css - Layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

form li { margin: 0; padding: 0 0 .2em 0; }
form ul { margin-top: 0; }
form ul ul { clear: both; }
form ul ul li { float: left; margin-right: 0.6em; }
input, select, textarea { display: block; clear: both; }
input[type="submit"], input[type="reset"] { display: inline; }
input[type="submit"], .g-button, button, .ui-dialog .g-cancel { cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */ font-size: 0.8em; color: #333 !important; padding: 2px 10px; border: 1px solid; border-color: #999 #666 #666 #999; background-color: #ddd; font-weight: normal; margin-right: 0.4em; line-height: 1.0em; }
.g-button { margin: 0 0.4em 0.4em 0; }
.ui-dialog .g-cancel { margin-top: 0.6em; }

.g-right { float: right; }

/* forms.css - Forms in dialogs and panels ~~~~~~~~~~~*/

#g-dialog ul li { padding-bottom: 0.6em; }
#g-dialog fieldset, #g-panel fieldset { border: none; padding: 0; }
#g-panel legend { display: none; }
input[readonly] { background-color: #F4F4FC; }
#g-dialog input.textbox, #g-dialog input[type=text], #g-dialog input[type=password], #g-dialog textarea { width: 97%; }

.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
.g-progress-bar { height: 1em; width: 100%; margin-top: .5em; display: inline-block; }
#g-progress #g-status { padding: 0.5em 0; }

/* forms.css - Short forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.g-short-form legend, .g-short-form label { display: none; }
.g-short-form fieldset { border: none; padding: 0; }
.g-short-form li { float: left; margin: 0 !important; padding: .4em 0; }
.g-short-form .textbox, .g-short-form input[type=text] { color: #666; padding: .3em .6em; width: 100%; }
.g-short-form .textbox.g-error { border: 1px solid #f00; color: #f00; padding-left: 24px; }
.g-short-form .g-cancel { display: block; margin: .3em .8em; }
#g-sidebar .g-short-form li { padding-left: 0; padding-right: 0; }

#g-quick-search-form input[type="submit"] { filter: none; margin-top: 0; }

/* forms.css - Reauthentificate ~~~~~~~~~~~~~~~~~~~~~~*/

#g-login fieldset { border: none; }
#g-login legend { display: none; }
#g-login label { display: block; }

#g-error #g-login>ul { margin: 0.5em 0; padding: 0.5em 0 0.5em 0; width: 280px; display: inline-block; }
#g-error #g-login>ul ul { padding: 0px; }
#g-error #g-login input[type=text], #g-error #g-login input[type=password] { width: 100%; }
#g-error #g-login .g-right { margin-right: 1em; }

/* forms.css - User Profile ~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-user-profile h1 { margin: 0 0 1em 0; }
#g-user-profile .g-block { position: static; min-height: 5em; clear: none; }
#g-user-profile .g-block ul { padding: 0.6em 0; }
#g-user-profile th { text-align: left; }
#g-user-profile .g-avatar { margin-top: 70px; }

/* forms.css - Uploadify ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#g-add-photos-canvas { margin-top: 1.1em; }
#g-add-photos-status #g-action-status li { padding-top: 0.3em; padding-bottom: 0.3em; padding-left: 2em; }
.uploadifyQueueItem { padding-top; 6px; padding-bottom: 4ps; }