/**
 * Dialog
 *
 * @author      Roland Franssen <franssen.roland@gmail.com>
 * @license     MIT
 * @version     2.1
 **/
 
/* DONT CHANGE */
* html .fixed { position:absolute }
.fixed { position:fixed }

/* DIALOG CORE */
#dialog-overlay { top:0;left:0;width:100%;height:100%;z-index:900; opacity: 0.5 !important; }
#dialog-container {z-index:901;text-align:left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px; -moz-box-shadow: 0 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 0 10px rgba(0,0,0,0.2); box-shadow: 0 0 0 10px rgba(0,0,0,0.2);}

/* DIALOG TOP */
#dialog-top{padding:5px;font-weight:bold; position: relative; overflow: visible !important;}
#dialog-title{color:#333}
#dialog-close{background: url('../images/fancy_close.png') no-repeat; position: absolute; top: -15px; right: -15px; height: 30px; width: 30px; display: block; text-indent: -999em; overflow: hidden; text-align: left; direction: ltr;}

/* DIALOG BOTTOM */
#dialog-bottom{background:#eee;border-top:1px solid #ccc;color:#666;padding:5px;text-align:center;font-size:12px}
#dialog-bottom .next,
#dialog-bottom .prev{color:#ccc;font-weight:bold;color:#333}
#dialog-bottom .next:hover,
#dialog-bottom .prev:hover{color:#f90}
#dialog-bottom .next{padding-left:10px}
#dialog-bottom .prev{padding-right:10px}
#dialog-bottom .curr{}

/* DIALOG MISC */
#dialog-loading{color:#ccc;font-weight:bold;text-align:center;padding:20px}

/* DIALOG PREDEFINED */
#dialog-container .alert,
#dialog-container .confirm { text-align:center;color:#999 }
#dialog-container .alert input,
#dialog-container .confirm input { font-weight:bold;width:75px }

/* DIALOG PERSONAL */
#dialog-container .myFirstDialog { color:orange;font-size:20px }

/*#dialog-content fieldset  {width: 300px;}*/

#dialog-content #FrameworkAdmin                            {/*width: 700px;*/}
#dialog-content fieldset > div                             {padding: 2px 0; width: 400px;}
#dialog-content fieldset > div > label                     {display: block; width: 150px; text-align: right; padding-right: 10px; float: left;}

#dialog-content fieldset > div > input[type="text"],
#dialog-content fieldset > div > input[type="password"],
#dialog-content fieldset > div > textarea                  {border: solid 1px #999; padding: 2px 4px; width: 190px;}
#dialog-content fieldset > div > input[type="text"]:focus,
#dialog-content fieldset > div > input[type="password"]:focus,
#dialog-content fieldset > div > textarea:focus            {border-color: #607890;}
#dialog-content fieldset > div > input[type="submit"],     
#dialog-content fieldset > div > .button                   {float:right; width: auto; margin-right: 35px;}
/* #dialog-content fieldset > div > a                      {float: right; margin-right: 35px;} */
#dialog-content fieldset > div > .selectState              {width: 200px;}

/*#dialog-content fieldset > div.comments > label          {text-align: left;} */
/*#dialog-content fieldset > div.comments > textarea       {width: 400px;} */

#dialog-content fieldset > div > input[type="checkbox"],
#dialog-content fieldset > div > input[type="radio"]       {width: auto;}

#dialog-content fieldset > div:before, 
#dialog-content fieldset > div:after                       {content: "\0020"; display: block; height: 0; visibility: hidden;} 
#dialog-content fieldset > div:after                       {clear: both;}
#dialog-content fieldset > div                             {zoom: 1;} /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */

#dialog-content fieldset > div > .productRating            {float: left;}
#dialog-content fieldset > div > .productRating span       {padding: 0; margin: 0; cursor: pointer;}