/*
    Rocket/Forms supply.
    see http://in.jetstyle.ru/rocket/rocketforms
    ------------------------------------------
*/

/*
 NB: default set:
*/
/* переоформление базовых элементов */
td        { vertical-align:top; }
img       { border:none; }
img.block { display:block; }

label     { cursor:pointer; cursor:hand; }

form { padding:0; margin:0 }

hr   { height:1px; border:0; color:#aaaaaa; background:#aaaaaa }
b    { font-weight:bold }

.invisible { display:none;   }
.visible   { display:normal; }
.bottom    { vertical-align:bottom; }
.middle    { vertical-align:middle; }
.right     { text-align:right; }
.center    { text-align:center; }
.nowrap    { white-space:nowrap; }
.w100      { width:100%; }
.w50      { width:50%; }
.hand     { cursor:pointer; cursor:hand; }

/* вспомогательный для отладки */
table.set td  { border:1px #444444 dashed; } 
.set          { border:1px #000000 dashed; }
/* ------ */


.form form { margin:0; padding:0 }
.form .borders- { } 
.form .stopper- { clear:both }
.form .buttons- .one- { float:left; margin: 5px 1px }

.form .buttons- a.button- { font:70% Arial; }
.form .buttons- a.button-:link    { color:#444444 }
.form .buttons- a.button-:visited { color:#808080 }
.form .buttons- a.button-:hover   { color:#800000 }
.form .buttons- a.button-:active  { color:#FF0000 }

/*
.form .buttons- .ok-     { background: #CCFFCC; color: #004000; font: bold 16px Arial }
.form .buttons- .cancel- { background: #CCCCCC; color: #666666; font: bold 16px Arial }
.form .buttons- .reset-  { font-size:11px; background: #CCCCCC; color: #666666 }
.form .buttons- .auto-   { background: #CCDDFF; color: #000000 }
.form .buttons- .delete- { background: #EE9988; color: #800000 }
*/
.form .buttons- .cancel- { margin-left:15px }
.form .buttons- .mouseover-  
                         { background: #FFFFEE; cursor:pointer; cursor:hand; }

/* для всех видов полей */
.form .not-empty-   { color:#ff0000 }
.form .title-   { font: bold 100% Arial; padding-top:0.2em; color: #000000 }
.form .content- { color:#444444 }
.form .desc-    { font: 90% Arial; padding: 0 0 0 15px; color:#666666 }  
.form .view-    { font: 90% Arial; padding-top:0.2em; }
.form .error-   { font: 90% Arial; color:#ff0000 }
.form .error- ul { margin-top:0; padding-top:0; margin-bottom:0; padding-bottom:0 }

/* OPTIONS */
.form table.options- td { font: 90% Arial; color:#444444 }

/* для "поля вне группы" */
.form div.field- { margin:5px }

/* для групп */
.form .group-         { }
.form .group-content- { }
.form .group-title-   { font: 120% Arial; padding: 5px; border-top: 1px #EEEE99 solid; color: #666666 }
.form .group-desc-    { font: 70% Arial;  padding: 0 5px; color:#666666 }  
.form table.rows-     { font-size:1em; font-family:Arial }
.form td.left-        { text-align:right; width:150px }
.form td.right-       { }
.form td.wide-        { }

/* сворачивалка */
.form .collapsable- .group-title-,
.form .collapsable- .group-title--
                      { font: 70% Arial; padding: 5px; 
                        cursor:pointer; cursor:hand; 
                        border-top:0
                      }
.form .collapsable- .group-title-  { background: #EEEE99; color:#999933;
                                    border-top: 5px #999933 solid; }
.form .collapsable- .group-title-- { background: #EE9966; color:#993322; 
                                    border-top: 5px #993322 solid; }
.form .collapsed- .group-title-   { background: #999933; color:#EEEE99;
                                    border-top:0;
                                    border-bottom: 5px #EEEE99 solid; }
.form .collapsed- .group-title--  { background: #993322; color:#EE9966;
                                    border-top:0;
                                    border-bottom: 5px #EE9966 solid; }
.form .collapsed- .group-desc-    { display:none }
.form .collapsed- .group-content- { display:none }


/* табы */
.form .tab-table- { font-size:1em }
.form .tab-table- .group-title- { padding:5px 0; border:0 }
.form .tab-table- .group-desc-  { padding:0 0 5px }
.form .tab-body-  { background:#ffffff; 
                    border-left:   1px #666666 solid;
                    border-right:  1px #666666 solid;
                    border-bottom: 1px #666666 solid;
                    min-height: 220px
                  } 
.form .tab-body- .group-desc-  { padding: 10px }
.form .tab-none-  { vertical-align:bottom;
                    border-bottom: 1px #666666 solid; 
                  }

.form .tab-ctrls- .collapsable- { /*float:left;*/
                                  padding: 5px 10px;
                                  border-left:   1px #666666 solid;
                                  border-right:  1px #666666 solid;
                                  border-top:    1px #666666 solid;
                                  border-bottom: 1px #ffffff solid;
                                  background:    #ffffff;
                                  font: 70% Arial;
                                }
.form .tab-ctrls- .collapsed-   { 
                                  border-left:   1px #999999 solid;
                                  border-right:  1px #999999 solid;
                                  border-top:    1px #999999 solid;
                                  border-bottom: 1px #666666 solid;
                                  background:    #dddddd;
                                  font: 70% Arial;
                                }
.form .tab-ctrls- .over- .collapsed-  { 
                                  border-left:   1px #ff0000 solid;
                                  border-right:  1px #ff0000 solid;
                                  border-top:    1px #ff0000 solid;
                                  border-bottom: 1px #666666 solid;
                                  background:    #eeeeee;
                                  cursor:pointer; cursor:hand;
                                }

.form .tab-ctrls- .tab-error- .collapsed-  { 
                                  border-left:   1px #ff0000 solid;
                                  border-right:  1px #ff0000 solid;
                                  border-top:    1px #ff0000 solid;
                                  border-bottom: 1px #666666 solid;
                                  background:    #ff0000;
                                  cursor:pointer; cursor:hand;
                                }

.form .tab-ctrls- a:link,
.form .tab-ctrls- a:visited { color: #000000; text-decoration: none; cursor:default }
.form .tab-ctrls- a:hover   { color: #800000; text-decoration: none; cursor:default }
.form .tab-ctrls- a:active  { color: #000000; text-decoration: none; cursor:default }

.form .tab-ctrls- .collapsed- a:link,
.form .tab-ctrls- .collapsed- a:visited { color: #666666; text-decoration: underline; cursor:pointer; cursor:hand; }
.form .tab-ctrls- .collapsed- a:hover   { color: #ff0000; text-decoration: underline; cursor:pointer; cursor:hand; }
.form .tab-ctrls- .collapsed- a:active  { color: #ff0000; text-decoration: underline; cursor:pointer; cursor:hand; }

.form .tab-ctrls- .tab-error- .collapsed- a:link,
.form .tab-ctrls- .tab-error- .collapsed- a:visited { color: #ffffff; text-decoration: underline; cursor:pointer; cursor:hand; }
.form .tab-ctrls- .tab-error- .collapsed- a:hover   { color: #ff0000; text-decoration: underline; cursor:pointer; cursor:hand; }
.form .tab-ctrls- .tab-error- .collapsed- a:active  { color: #ff0000; text-decoration: underline; cursor:pointer; cursor:hand; }

.form .tab-ctrls- .over- .collapsed- a:link,
.form .tab-ctrls- .over- .collapsed- a:visited,
.form .tab-ctrls- .over- .collapsed- a:hover,
.form .tab-ctrls- .over- .collapsed- a:active  { color: #ff0000; }