/* start admin.css */
/*****************************************************************************
 * hover elements
 *****************************************************************************/
.admin_edit_buttons {
    display: none;
    position: absolute;
    background-color: #f2f2f2;
    margin: 0 !important;
    padding: 0 !important;
}

.admin_edit_img {
    float: left;
    cursor: pointer;
    padding: 2px !important;
    margin: 0 !important;
    border: none !important;
}

.admin_edit_msg, .admin_edit_msg_small {
    display: none;
    position: absolute;
    font-weight: bold;
    color: #6ca61f;
    background-color: #f2f2f2;
    border: 2px solid #8cc63f !important;
    text-align: center;
}

.admin_edit_msg {
    padding: 10px !important;
    font-size: 22px;
    line-height: 18px;
}

.admin_edit_msg_small {
    padding: 3px !important;
    font-size: 10px;
    line-height: 18px;
}

/*****************************************************************************
 * hover elements
 *****************************************************************************/
.editable_hover {
    background-color: #e5e5e5;
    border: 1px dashed #8cc63f;
}

.menu_item_dragged {
    float: left;
    list-style: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 2px 10px 2px 10px;
    background-color: black;
    color: white;
    border: 3px solid #8cc63f;
    z-index: 260;
}

.placeholder_highlight {
    list-style: none;
    background-color: #e5e5e5;
    color: white;
    border: 3px solid #8cc63f !important;
}

.grayout_highlight {
    opacity: .8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    zoom: 1;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: white;
}

.target_highlight {
    border: 1px dashed #8cc63f;
}

.movable {
    padding: 2px;
}

.ensure_min_height {
    height: 50px;
}

.ensure_min_width {
    width: 100px;
}

#editor_saving {
    background: url(http://www.teenink.com/cms/cms_core/images/working.gif) no-repeat;
    font-size: 11px;
    font-weight: bold;
    margin: 10px;
    padding-left: 25px;
}

.admin_msg {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
    background-color: black;
    color: white;
    border: 3px solid #8cc63f;
    margin: 20px;
    padding: 10px;
    z-index: 300;
}
/* end admin.css */

/* start floating_menus.css */
/*****************************************************************************
 * floating menus
 *****************************************************************************/
#admin_content_menu, #admin_page_history, #admin_content_menu h3, #admin_page_history h3, #admin_content_menu li, #admin_content_menu h4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
}

#admin_content_menu, #admin_page_history {
    display: none;
    float: left;
    color: white;
    background-color: black;
    border: 3px solid #8cc63f;
    padding: 0 0 10px 0;
    position: absolute;
    left: 50px;
    top: 50px;
    z-index: 250;
    text-align: left;
}

#admin_content_menu h3, #admin_page_history h3 {
    background-color: #6f7174;
    margin: 1px;
    padding: 5px;
    font-weight: bold;
    cursor: move;
}

/*****************************************************************************
 * page content floating menu
 *****************************************************************************/
#admin_content_menu ul {
    margin: 0;
    padding: 0;
}

#admin_content_menu li {
    list-style: none;
    margin: 0;
    padding: 0 0 0 20px;
    cursor: move;
}

#admin_content_menu h4 {
    font-weight: bold;
    margin: 0;
    padding: 10px 0px 0px 20px;
    cursor: pointer;
}

#admin_content_menu .open {
    background: url(http://www.teenink.com/cms/cms_core/images/spindown-open.gif) no-repeat 8px 18px;
}

#admin_content_menu .closed {
    background: url(http://www.teenink.com/cms/cms_core/images/spindown-closed.gif) no-repeat 10px 16px;
}

/*****************************************************************************
 * versions history floating menu
 *****************************************************************************/
#admin_page_history {
    width: 220px;
    padding: 0;
}

#admin_page_history .version_item {
    background: url(http://www.teenink.com/cms/cms_core/images/version.gif) no-repeat 5px 5px;
    list-style: none;
    margin: 5px;
    padding: 0 0 5px 35px;
    border-bottom: 1px solid gray;
}

#admin_page_history .version_item.edit {
    background-image: url(http://www.teenink.com/cms/cms_core/images/version_edit.gif);
}

#admin_page_history .version_item.live {
    background-image: url(http://www.teenink.com/cms/cms_core/images/version_live.gif);
}

#admin_page_history .version_item.preview {
    /*border: 1px dashed white;*/
    background-color: #3d3d3d;
}

#admin_page_history .version_name {
    font-weight: bold;
}

#admin_page_history .edit .version_name {
    color: #e49c00;
}

#admin_page_history .live .version_name {
    color: #86cb00;
}

#admin_page_history .version_time {
    font-style: italic;
    /*text-transform: lowercase;*/
}

#admin_page_history .version_text {
    margin: 1px 0 1px 0;
    line-height: 14px;
}

#admin_page_history .version_link {
    margin: 1px 0 1px 0;
}

#admin_page_history .version_link a {
    color: white;
    text-decoration: underline;
}

#admin_page_history.overflow {
    border-bottom: none;
}

#admin_page_history_content {
    overflow: auto;
}

#admin_page_history_overflow {
    display: none;
    background: url(http://www.teenink.com/cms/cms_core/images/overflow_sign.gif) no-repeat 50% 50%;
    padding: 0;
    margin: 0;
    height: 8px;
    background-color: #8cc63f;
}
/* end floating_menus.css */

/* start content.css */
/*****************************************************************************
 * general styles
 *****************************************************************************/
p {
    margin: 0 0 18px 0;
    padding: 0;
    line-height: 18px;
}

hr {
    border: 0;
    width: 100%;
}

hr.color1 {
    color: #fc3;
    background-color: #fc3;
    height: 2px;
}

hr.color2 {
    color: #06c;
    background-color: #06c;
    height: 2px;
}

/*****************************************************************************
 * page elements
 *****************************************************************************/
#page_title {
    margin: 0;
    padding: 0 0 15px 0;
    font-size: 26px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    line-height: normal;
}

/*****************************************************************************
 * these styles are available for TinyMCE and configured at admin.js
 *****************************************************************************/
.paragraph_title {
    font-family: Georgia, "Times New Roman", Times, serif !important;
    font-size: 20px !important;
    font-weight: normal !important;
    margin: 12px 0px 2px 0px;
    line-height: 32px;
    color: black;
    text-align: left;
}

.paragraph_subtitle {
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: bold !important;
    margin: 10px 0px 0px 0px;
}

/*****************************************************************************
 * all other
 *****************************************************************************/
.error {
    color: red;
    font-weight: bold;
}
/* end content.css */

/* start item_editors.css */
/*****************************************************************************
 * any specific item_editors styles should go here
 *****************************************************************************/
/* end item_editors.css */

/* start layout.css */
/*****************************************************************************
 * layout styles
 *****************************************************************************/

/*****************************************************************************
 * content wrappers
 *****************************************************************************/
#body_content {
    margin: 15px 0;
    padding: 0;
}

#left_sidebar_content {
    float: left;
    width: 150px;
}

#right_sidebar_content {
    float: right;
    width: 250px;
}

#body_content.left_sidebar_exists {
    margin-left: 170px;
}

#body_content.right_sidebar_exists {
    margin-right: 270px;
}
/* end layout.css */

/* start nav_menu.css */
/*****************************************************************************
 * L2 navigation menu
 *****************************************************************************/
#cg_nav_menu_content {
    margin: 55px 0;
    padding: 12px 0;
}

#cg_nav_menu_content div {
    padding: 3px;
}

.nav_menu_link {
    line-height: 18px;
    margin: 0;
    font-weight: bold;
}

.nav_menu_link.selected {
    background-color: #7583e6;
}

.nav_menu_link a {
    color: black !important;
}

.nav_menu_link.selected a {
    color: white !important;
}

.nav_menu_link.not_displayed, .nav_menu_link.not_displayed a {
    color: gray !important;
}
/* end nav_menu.css */

/* start page_items.css */
/*****************************************************************************
 * quick_link item
 *****************************************************************************/
.quick_link {
    line-height: 1.5em;
}

.quick_link ul {
    margin: 0 0 0 20px;
    padding: 0;
}

.quick_link li {
    margin: 0;
    padding: 0;
}

/*****************************************************************************
 * Testimonial
 *****************************************************************************/
.testimonial_content {
    background: url(http://www.teenink.com/cms/cms_content/images/testimonial_start.gif) no-repeat;
    padding: 10px 0 0 40px;
}

.testimonial_content img {
    position: relative;
    top: 7px;
    left: 3px;
}

.testimonial_author {
    color: #666666;
    padding: 10px 0 0 40px;
}

#right_sidebar_content .testimonial_content {
    margin-top: 10px;
}

#right_sidebar_content .testimonial_content p {
    margin: 16px 0 0 -40px;
}

#right_sidebar_content .testimonial_author p {
    margin: -6px 0 25px -40px;
}

/*****************************************************************************
 * Back to top
 *****************************************************************************/
.back_to_top {
    background: url(http://www.teenink.com/cms/cms_content/images/back_to_top.gif) no-repeat 0 12px;
    padding: 5px 0 10px 13px;
    text-align: left;
}
/* end page_items.css */