/* 
Document   : scaffold
Created on : 19 бер 2009, 16:04:44
Author     : aratak
Description:
Styling scaffold for aa_curud system
*/

div.messages {
    
    font-family: Tahoma, sans-serif;
    color: #3e3d3f;
    margin: 0px 100px;
}

div.messages div {
    padding: 10px 10px 16px 50px;
    margin: 5px 0;
    position: relative;
    background: url(../images/messages/bg.png) left top repeat-x;
}

div.messages div b, div.messages div i {
    position: absolute;
    display: block;
    top: 0;
    height: 45px;
    width: 14px;
    *top: -2px;
}

div.messages div b {
    background: url(../images/messages/bg_l.png) left top repeat-x;
    left: -14px;
}

div.messages div i {
    background: url(../images/messages/bg_r.png) left top repeat-x;
    right: -14px;
}

div.messages div img {
    position: absolute;
    left: -10px;
    top: 0;
}


/* scaffolds */

div.scaffold {
    font-family: Verdana, sans-serif;
    font-size: 10pt;
    margin: 10px 0;
    font-weight: bold;
}

div.scaffold a {
   font-weight: normal;
   font-family: Verdana, sans-serif;
   font-size: 10pt;
}

div.scaffold input, div.scaffold textarea {
    padding: 2px;
}

div.scaffold fieldset.edit_item, div.scaffold fieldset.view_item {
    border: 0;
    /* border: 1px solid #999999; */
    padding: 0;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/*
div.scaffold fieldset.edit_item h2, div.scaffold fieldset.view_item h2 {
    margin: 0 0 15px 0;
    padding: 5px 10px;
    font-size: 1.2em;
    text-transform: lowercase;
}
*/
div.scaffold fieldset.edit_item dl, div.scaffold fieldset.view_item dl {
    min-height: 1em;
}

div.scaffold fieldset.edit_item dl, div.scaffold fieldset.view_item dl {
    padding: 5px 20px;
    margin: 0;
    border-top: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    margin-top: -1px;
}

div.scaffold fieldset.edit_item dl dt, div.scaffold fieldset.view_item dl dt {
    float: left;
    width: 200px;
    font-weight: normal;
}

div.scaffold fieldset.edit_item dl dd, div.scaffold fieldset.view_item dl dd {
    margin-left: 200px;
}

div.scaffold fieldset.view_item dl dd {
    color: #111111;
    font-weight: normal;
}

div.scaffold fieldset.edit_item dl dd small.description {
    display: block;
    padding-left: 1em;
}

div.scaffold ul.actions, div.actions_list {
    float: right;
    margin-top: 5px;
}

div.scaffold ul.actions li, div.actions_list div {
    list-style: none ! important;
    background: transparent url(../images/0.gif) ! important;
    float: left;
    padding: 5px;
}

div.scaffold ul.list li {
    min-height: 3em;
}

div.scaffold ul.actions li a, div.actions_list div a,
div.scaffold ul.actions li input,div.actions_list div input,
div.scaffold table.list .action,
div.scaffold input.action, a.action {
    text-decoration: none;
    border: 1px solid #eeeeee;
    padding: 5px 5px 5px 25px;

    background-color: transparent;
    background-position: 5px center;
    background-repeat: no-repeat;

    color: #557755;
    cursor: pointer;

    position: relative;
}

div.scaffold ul.actions li input, div.actions_list div input {
    margin-top: -4px;
}

div.scaffold ul.actions li a:hover, div.scaffold ul.actions li input:hover,
div.scaffold div.actions_list div a:hover, div.scaffold div.actions_list div input:hover,
div.scaffold table.list .action:hover {
    position: relative;
    left: -1px;
    top: -1px;
    border-color: #999999;
}

div.scaffold table.list .action {
    float: left;
    height: 10px;
    border-width: 0;
}

div.scaffold div.table-list {
    margin: 0 20px;
}

div.scaffold table.list {
    border-collapse: collapse;
    width: 100%;
}

div.scaffold form {
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

div.scaffold table.list td, div.scaffold table.list th {
    border: 1px solid #dddddd;
    padding: 3px;
}

div.scaffold table.list thead th {
    text-align: left;
    background-color: #bbbbee;
}

div.scaffold table.list thead th.actions {
    width: 150px;

}

div.scaffold table.list tr.parent {
    background-color: #ffffee;
    padding: 123px;
    margin: 20px;
}

div.scaffold table.list {}
div.scaffold table.list {}

div.scaffold .button_ok {
    background-image: url(../images/icons/ok.png);
}

div.scaffold .button_file {
    background-image: url(../images/icons/file.png);
}

div.scaffold .button_youtube {
    background-image: url(../images/icons/youtube.png);
}

div.scaffold .button_next {
    background-image: url(../images/icons/next.png);
}

div.scaffold .button_accept {
    background-image: url(../images/icons/accept.png);
}

div.scaffold .button_exported {
    background-image: url(../images/icons/exported.png);
}

div.scaffold .button_not_exported {
    background-image: url(../images/icons/not_exported.png);
}

div.scaffold .button_visible {
    background-image: url(../images/icons/visible.png);
}

div.scaffold .button_novisible {
    background-image: url(../images/icons/novisible.png);
}

div.scaffold .button_revert {
    background-image: url(../images/icons/revert.png);
}

div.scaffold .button_template {
    background-image: url(../images/icons/template.png);
}

div.scaffold .button_update {
    background-image: url(../images/icons/save.png);
}

div.scaffold .button_show {
    background-image: url(../images/icons/show.png);
}

div.scaffold .button_list {
    background-image: url(../images/icons/list.png);
}

div.scaffold .button_destroy {
    background-image: url(../images/icons/destroy.png);
}

div.scaffold .button_delete {
    background-image: url(../images/icons/delete.png);
}

div.scaffold .button_edit {
    background-image: url(../images/icons/edit.png);
}

div.scaffold .button_new {
    background-image: url(../images/icons/new.png);
}


div.scaffold .button_show_by_url {
    background-image: url(../images/icons/none.png);
}

div.scaffold .button_log_in {
    background-image: url(../images/icons/log_in.png);
}

div.scaffold .button_forgot {
    background-image: url(../images/icons/forgot.png);
}

div.scaffold .button_sign_up {
    background-image: url(../images/icons/sign_up.png);
}

div.scaffold .button_unpublished {
    background-image: url(../images/icons/unpublished.png);
}

div.scaffold .button_published {
    background-image: url(../images/icons/published.png);
}

div.scaffold .button_password {
    background-image: url(../images/icons/password.png);
}

div.scaffold .button_change_password {
    background-image: url(../images/icons/button_change_password.png);
}

div.scaffold .button_watch {
    background-image: url(../images/icons/watch.png);
}

div.scaffold .button_unwatch {
    background-image: url(../images/icons/unwatch.png);
}

div.scaffold .button_send {
    background-image: url(../images/icons/send.png);
}

div.scaffold .button_cancel {
    background-image: url(../images/icons/cancel.png);
}

div.scaffold .button_download {
    background-image: url(../images/icons/download.png);
}

div.scaffold .button_enable {
    background-image: url(../images/icons/enable.png);
}

div.scaffold .button_disable {
    background-image: url(../images/icons/disable.png);
}

div.scaffold .button_unpublished {
    background-image: url(../images/icons/unpublished.png);
}

div.scaffold .button_published {
    background-image: url(../images/icons/published.png);
}

div.scaffold ul li div.actions {
    float: right;
    margin-top: -0.5em;
}

div.scaffold label.required {
    color: #111111;
}

div.scaffold input.required, div.scaffold select.required, div.scaffold textarea.required {
    border: 2px solid #666666;
}

div.scaffold label.required:after {
    color: #990000;
    content: "*"; /*"•"; */
}


div.fieldWithErrors {
    display: inline;
}

.fieldWithErrors input, .fieldWithErrors select, .fieldWithErrors textarea {
    border: 2px solid #880000 ! important;
}

ul.pages.draggable {
  padding: 10px 25px 0px 25px;
  margin: 10px 10px 10px 10px;
  min-height: 10px;
}

ul.templates li, ul.pages li {
  list-style: none;
  cursor: url(../images/grab.cur), -moz-grab ! important;
}

ul.templates li {
  width: 60%;
}

ul.pages li.pages_draggable {
  padding: 5px 2px 2px 10px;
  margin: 4px;
  background-color: #f9f9ff;
  border: 2px solid #E6E6E6 ! important;
}

img.image_border {
  border: 2px solid #D0D0D0 ! important;
}

div.action_items {
  margin-bottom: 2em;
}

div.actions_list span {
  margin: 0px 5px 0px 0px;
}