/*                                            _      _    __
                                         _ __| |__ _| |_ / _|___ _ _ _ __
                     B y t e s h i f t  | '_ \ / _` |  _|  _/ _ \ '_| '  \
  --------------------------------------| .__/_\__,_|\__|_| \___/_| |_|_|_|------
                                        |_|
  Copyright 2010, Byteshift.net
  All rights reserved.

  Redistribution and use in source and binary forms, with or without
  modification, are permitted provided that the following conditions are
  met:

    * Redistributions of source code must retain the above copyright
      notice and this list of conditions.
    * Redistributions in binary form must reproduce the above
      copyright notice and this list of conditions in the documentation
      and/or other materials provided with the distribution.
    * Neither the name of Byteshift.net nor the names of its
      contributors may be used to endorse or promote products derived from
      this software without specific prior written permission.

  -------------------------------------------------------------------------------
*/
body
{
    margin          : 0px;
    padding         : 0px;
    background      : #fff;
    color           : #000;
    cursor          : default;
    font-family     : verdana, helvetica, arial;
    font-size       : 12px;
}

.ds_hidden
{
    position        : absolute;
    top             : -10000px;
    left            : -10000px;
    width           : 200px;
    height          : 200px;
    overflow        : hidden;
}

.ds_site
{
    position        : absolute;
    top             : 0px;
    left            : 0px;
    overflow        : hidden;
    color           : #fff;
}

.ds_container
{
    position        : relative;
    top             : 0px;
    left            : 0px;
    overflow        : auto;
    color           : #fff;
}

.ds_overlay
{
    position        : absolute;
    top             : 0px;
    left            : 0px;
    overflow        : hidden;
    z-index         : 65529;
    background      : #111 url('overlaybg.png') center center no-repeat;
    display         : none;
}

.ds_admin
{
    position        : absolute;
    top             : 0px;
    left            : 0px;
    overflow        : hidden;
    z-index         : 65530;
    display         : none;
    color           : #fff;
}

.login_main
{
    position        : absolute;
    top             : 50%;
    left            : 50%;
    width           : 512px;
    height          : 300px;
    margin-top      : -150px;
    margin-left     : -256px;
    background      : url('adminlogin.png');
}

.login_main .inner
{
    position        : relative;
    top             : 43px;
    left            : 12px;
    width           : 490px;
    height          : 241px;
    font-family     : "Trebuchet MS", verdana, helvetica;
    font-size       : 12px;
    color           : #000;
}

.login_main .inner .login_e
{
    position        : absolute;
}

.cpanel
{
    position        : absolute;
    top             : 50%;
    left            : 50%;
    width           : 1000px;
    height          : 800px;
    margin-top      : -400px;
    margin-left     : -500px;
    background      : url('cpanel.png');
}

.cpanel .inner
{
    position        : relative;
    top             : 0px;
    left            : 0px;
    width           : 1000px;
    height          : 800px;
}

.cpanel .inner .menubar
{
    position        : absolute;
    top             : 32px;
    left            : 40px;
    width           : 918px;
    height          : 28px;
}

.cpanel .inner .menubar .item_spacer
{
    width           : 200px;
    height          : 22px;
    padding-left    : 28px;
    padding-top     : 7px;
    color           : #000;
    float           : left;
    margin-left     : 10px;
    border          : 1px solid transparent;
}
.cpanel .inner .menubar .item
{
    width           : 80px;
    height          : 22px;
    padding-left    : 28px;
    padding-top     : 7px;
    color           : #000;
    float           : left;
    margin-left     : 10px;
    border          : 1px solid transparent;
}

.cpanel .inner .menubar .item:hover
{
    width           : 80px;
    height          : 22px;
    padding-left    : 28px;
    padding-top     : 7px;
    color           : #000;
    float           : left;
    margin-left     : 10px;
    border          : 1px solid #aaa;
    cursor          : pointer;
}

.cpanel .inner .cp_main
{
    position        : absolute;
    top             : 72px;
    left            : 32px;
    width           : 934px;
    height          : 693px;
}
.cpanel .inner .cp_main .cp_inner
{
    position        : relative;
    top             : 0px;
    left            : 0px;
    width           : 934px;
    height          : 693px;
}

.cp_main .cp_inner .cp_menubar
{
    width           : 934px;
    height          : 18px;
    padding-top     : 1px;
    padding-bottom  : 3px;
    color           : #000;
    background      : #dfdfde;
    border-bottom   : 1px solid #888;
}
.cp_main .cp_inner .cp_menubar .menu_inner
{
    padding-left    : 5px;
}

.cp_m_item
{
    float           : left;
    margin-left     : 3px;
    border          : 1px solid transparent;
    padding         : 2px;
    padding-left    : 5px;
    padding-right   : 5px;
}

.cp_m_item:hover
{
    float           : left;
    margin-left     : 3px;
    border          : 1px solid #888;
    padding         : 2px;
    padding-left    : 5px;
    padding-right   : 5px;
    cursor          : pointer;
}

.cp_content
{
    position        : absolute;
    top             : 25px;
    left            : 0px;
    width           : 934px;
    height          : 668px;
}

.cp_content .cp_c_inner
{
    position        : relative;
    top             : 0px;
    left            : 0px;
    width           : 934px;
    height          : 668px;
    color           : #000;
}

.cp_content .cp_c_inner .cp_content_brands
{
    position        : absolute;
    top             : 0px;
    left            : 0px;
    width           : 215px;
    height          : 668px;
    border-right    : 1px dashed #aaa;
}

.cp_content .cp_c_inner .cp_content_article
{
    position        : absolute;
    top             : 0px;
    left            : 216px;
    width           : 715px;
    height          : 660px;
}

.cp_content .cp_c_inner .cp_content_article .cp_c_a_inner
{
    position        : relative;
    top             : 0px;
    left            : 0px;
    width           : 715px;
    height          : 660px;
}

.brandlist_title
{
    position        : absolute;
    top             : 2px;
    left            : 5px;
    font-weight     : bold;
    color           : #000;
    letter-spacing  : 0.1em;
}
.brandlist
{
    position        : absolute;
    top             : 20px;
    left            : 5px;
    width           : 200px;
    height          : 640px;
    border-top      : 1px solid #444;
    border-left     : 1px solid #444;
    border-bottom   : 1px solid #aaa;
    border-right    : 1px solid #aaa;
    overflow-x      : hidden;
    overflow-y      : scroll;
}

.brandlist .brandlist_inner
{
    padding         : 4px;
}

.brandlist .brandlist_inner .item
{
    margin-top      : 2px;
    margin-bottom   : 2px;
    padding         : 2px;
    border          : 1px solid transparent;
}

.brandlist .brandlist_inner .item:hover
{
    margin-top      : 2px;
    margin-bottom   : 2px;
    padding         : 2px;
    border          : 1px solid #cdcdcd;
}

.brandlist .brandlist_inner .item .brandlist_edit
{
    background      : transparent;
    border          : 0px solid transparent;
    padding         : 0px;
    margin          : 0px;
    font-family     : "Lucida Console", Courier;
    font-size       : 12px;
    color           : #00a;
}
.cp_art_td_top
{
    background      : #dedede;
    font-size       : 12px;
    color           : #222;
    border-bottom   : 1px solid #aaa;
    padding-top     : 3px;
    padding-bottom  : 3px;
}
.cp_art_td_item
{
    font-size       : 12px;
    color           : #222;
    border-bottom   : 1px solid #aaa;
    padding-top     : 3px;
    padding-bottom  : 3px;
}
.cp_art_tr_item
{
    background      : transparent;
}
.cp_art_tr_item:hover
{
    background      : #fff;
    cursor          : pointer
}