/* jQuery objectsfield css */

.ve_field_container {
    /*position: relative;*/
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3);
}

ul.ve_stage {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    /*background: #ccc;*/
    background: #fff url(/lib/jquery/plugins/visualeditor/0.0.1/images/checked_bg_transparent.gif) top left;
}

ul.ve_stage li.ve_row {
    display: block;
    margin: 0;
    padding: 0;
}

.ve_row {
    position: relative;
    clear: both;
    background: #fff;
}

.ve_row:hover {
    /* important: the following must be used in conjunction with the technique
     * used in the 'add_row()' function of the jquery.visualeditor javascript
     * to bring the current row element to the front on hover-over...
     */
    z-index: 99;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
}

.ve_row_html_container {
    position: relative;
}

.ve_row_mouseover_border {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px dotted #f90;
}

.ve_row_toolbar {
    display: none;
    position: absolute;
    width: 160px;
    height: 18px;
    top: 5px;
    left: 5px; /* rewritten dynamically */
    /*border: 1px solid #bbb;*/
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    background: transparent url(/lib/jquery/plugins/visualeditor/0.0.1/skins/simple-white/images/toolbar.png) 0 -18px no-repeat;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.2);
    box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.2);
}

.ve_row_toolbar.enabled {
    background: transparent url(/lib/jquery/plugins/visualeditor/0.0.1/skins/simple-white/images/toolbar.png) 0 0 no-repeat;
}

.ve_row_toolbar.no-edit {
    background: transparent url(/lib/jquery/plugins/visualeditor/0.0.1/skins/simple-white/images/toolbar.png) 0 -36px no-repeat;
}

.ve_toolbar_btn {
    float: left;
    height: 18px;
    cursor: default;
}

.ve_row_toolbar.enabled .ve_toolbar_btn {
    cursor: pointer;
}

.ve_row_toolbar.no-edit .ve_toolbar_btn {
    cursor: pointer;
}

.ve_toolbar_divider {
    float: left;
    height: 18px;
    width: 1px;
    overflow: hidden;
    cursor: default;
}

.ve_row_toolbar.enabled .ve_toolbar_btn:hover, #ve_toolbar_btn_add:hover {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

.ve_row_toolbar.no-edit #ve_toolbar_btn_add:hover,
.ve_row_toolbar.no-edit #ve_toolbar_btn_delete:hover {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

#ve_toolbar_btn_edit {
    width: 48px;
    /*-moz-border-radius-topleft: px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;*/
}

#ve_toolbar_btn_delete {
    width: 21px;
}

#ve_toolbar_btn_add {
    width: 67px;
    cursor: pointer;
}

#ve_toolbar_btn_move {
    width: 21px;
    /*-moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;*/
    cursor: move;
}

.ve_row_toolbar.no-edit #ve_toolbar_btn_edit {
    cursor: default;
}

.ve_row_toolbar_add_options {
    position: absolute;
    z-index: 1000;
}

.ve_row_toolbar_add_options ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 10px 10px 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 10px 10px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 10px 6px rgba(0, 0, 0, 0.1);
}

.ve_row_toolbar_add_options ul li {
    position: relative;
    margin: 0;
    padding: 3px 8px;
    /*background: #fff;*/
    /*border-bottom: 1px solid #ddd;*/
    cursor: pointer;
    font-family: arial, sans-serif;
    font-size: 12px;
    color: #666;
    font-style: none;
    font-weight: normal;
}

.ve_row_toolbar_add_options ul li:hover {
	background: #c7dfff;
}

/* edit form & fields */

.ve_edit_form {
    /* the size is actually set by the inner size of .ve_edit_form-scrolling_content, below... */
}

.ve_edit_form-outer {
    margin: 10px;
}

.ve_edit_form-inner {
    padding: 20px;
}

.ve_edit_form-scrolling_content {
    width: 750px;
    height: 350px;
    overflow: auto;
    border: 1px solid #ddd;
}

.ve_buttons {
    margin-top: 5px;
}

.ve_edit_form h1.ve_edit_form-h1 {
    font-family: arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: normal !important;
    font-style: italic !important;
    color: #3E6797 !important;
    text-align: center !important;
    margin: 5px 0 !important;
}

.ve_field_row {
    margin: 6px 0;
}

.ve_field_label {
    display: block;
    float: left;
    width: 120px;
    padding-right: 20px;
    text-align: right;
}

.ve_field_wrapper {
    display: block;
    float: left;
    padding-right: 20px;
}

input.ve_bound_input.f, textarea.ve_bound_input.f {
    width: 520px;
}

.ve_field_note {
    clear: both;
}

.ve_field_row .clear {
    clear: both;
    height: 1px;
    overflow: hidden;
    margin-top: -1px;
}

.ve-attribute-fields {
    padding-top: 3px;
    width: 520px;
}

.ve-attribute-fieldrow {
    float: left;
}

.ve-attribute-fieldrow label {
    padding-left: 2px;
    padding-right: 10px;
    font-size: 10px;
    color: #666;
}

.ve-attribute-fields .clear {
    clear: both;
}

.ve_row_html_container p {
    /* inherit properties from surrounding div... */
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin-top: inherit;
    margin-bottom: inherit;
}

.ve_wrapper_editable {
    
} 

.ve_wrapper_editable:hover {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

#ve_edit_pencil {
    /* floating pencil object with click handler */
    position: absolute;
    width: 18px;
    height: 18px;
    z-index: 1099; /* just beneath fancybox @ 1100 */
    background: #fff url(/lib/jquery/plugins/visualeditor/0.0.1/images/pencil-18x18.gif) 0px 0px no-repeat;
    border: 1px solid #bbb;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    -webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2);
}


/* styles for default table renderer */

.ve_row_html_container table.stats-table {
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}

.ve_row_html_container table.stats-table.full-width {
    width: 100%;
}

.ve_row_html_container table.stats-table th,
.ve_row_html_container table.stats-table td {
    padding: 2px 5px;
    border: 1px solid #fff;
}

.ve_row_html_container table.stats-table th {
    /* gradient created at http://www.colorzilla.com/gradient-editor/ */
    background: #9cc5e5; /* Old browsers */
    background: -moz-linear-gradient(top,  #9cc5e5 0%, #c5dcee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9cc5e5), color-stop(100%,#c5dcee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #9cc5e5 0%,#c5dcee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #9cc5e5 0%,#c5dcee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #9cc5e5 0%,#c5dcee 100%); /* IE10+ */
    background: linear-gradient(top,  #9cc5e5 0%,#c5dcee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cc5e5', endColorstr='#c5dcee',GradientType=0 ); /* IE6-9 */
}

.ve_row_html_container table.stats-table tr td {
    /* default text color */
    color: #003C78;
}
.ve_row_html_container table.stats-table tr th {
    /* header text color */
    color: #003C78;
    font-weight: normal;
}

.ve_row_html_container table.stats-table tr td {
    /* default cell color */
    background: #f2f7fb;
}

.ve_row_html_container table.stats-table tr.alt td {
    /* horizontal stripes */
    background: #ecf3fb;
}

.ve_row_html_container table.stats-table td.v-alt {
    /* vertical stripes */
    background: #dfebf5;
}

.ve_row_html_container table.stats-table tr.footer-row td {
    /* footer row */
    background: #afd0e9;
}

.ve_row_html_container table.stats-table tr td.bold {
    /* bold first column */
    font-weight: bold;
}

.ve_row_html_container table.stats-table tr td.right-align {
    text-align: right;
}

.ve_row .right-align {
    text-align: right;
}