* {
        /* Reset browsers default margin, padding and font sizes */
        margin: 0;
        padding: 0;
}

html {
        /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
         height: 100%;/* */
         margin-bottom: 1px;/* */
}

body {
/**
        background-image: url('images/background.jpg');
        background-repeat: repeat-x;
        color: #FFE28C;
        background-color: #000000;
        width: 1024px;
        padding: 0px 0;
/**/
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 12px;
        margin: 0 0 0 0;
        color: #FFE28C;
        background-color: #000000;
}

.page_header
{
  padding: 0px;
}

.noclass
{
}



#wrapper
{

        margin: 0;
        padding: 0;
        width: 1024px;
}



#system_messages
{
        height: 24px;
        width: 780px;
        top: 0px;
        left:10px;
        position: relative;
}



#header
{
        background-image: url('images/header.jpg');
        background-position: center;
        background-repeat: no-repeat;
        height: 200px;
        width: 800px;
        top: 0px;
        left:113px;
        position: relative;
}

#footer
{
        width: 1024px;
}

#footerbar
{
        background-image: url('images/mini_bar.jpg');
        background-repeat: repeat;
        width: 798px;
        height: 20px;
}

#left_column
{
        width: 192px;
        height: 700px;
        left: 8px;
        position: relative;
        padding: 4px;
        background: none;
}

#right_column
{
        width: 197px;
        height: 700px;
        left: 818px;
        top: 220px;
        position: absolute;
        padding: 4px;
        background: none;
}

#left_panel
{
        background-image: url('images/shadow_l.jpg');
        background-position: right;
        width: 112px;
        height: 700px;
        top: 0px;
        left: 0px;
        position: absolute;
}

#center_wrapper
{
        left: 210px;
        top: 000px;
        height: 500px;
        position: relative;
        width: 600px;
        padding: 4px;
}

#center_content
{
        width:800px;
        top:400px;
        padding: 4px;
}

#right_panel
{
        background-image: url('images/shadow_r.jpg');
        background-position: left;
        width: 112px;
        height: 700px;
        top: 0px;
        left: 912px;
        position: absolute;
}

#logo_img
{
        background-image: url('images/logo.png');
        height: 86px;
        width: 410px;
        top: 44px;
        left: 10px;
        position: relative;
}

#menu_bar
{
/*             background-image: url('images/bar_fade_2.jpg'); */
        width: 800px;
        height: 42px;
        top: 158px;
        position: absolute;
        opacity:1;
        padding: 0px;
}

#bar_mini
{
        background-image: url('images/bar_fade_2.jpg');
        width: 400px;
        height: 32px;
        BORDER-TOP: #003F49 1px solid;
        BORDER-LEFT: #003F49 1px solid;
        BORDER-RIGHT: #00353E 1px solid;
        BORDER-BOTTOM: #00353E 1px solid;
}

.login_back
{
        position: absolute;
        top: 210px;
        left: 8px;
        width: 190px;
        height: 218px;
        background-color: #000000;
        BORDER-TOP: #003F49 1px solid;
        BORDER-LEFT: #003F49 1px solid;
        BORDER-RIGHT: #00353E 1px solid;
        BORDER-BOTTOM: #00353E 1px solid;
        opacity:0.6;
}
.login_frame
{
        position: absolute;
        top: 210px;
        left: 8px;
        width: 190px;
        height: 218px;
        BORDER-TOP: #003F49 1px solid;
        BORDER-LEFT: #003F49 1px solid;
        BORDER-RIGHT: #00353E 1px solid;
        BORDER-BOTTOM: #00353E 1px solid;
}

.menu_title
{
        background-image: url('images/menu_bar_01.jpg');
        padding: 6px;
}

.bar_item
{
        background-image: url('images/menu_bar_01.jpg');
        height: 42px;
        width: 150px;
        BORDER-LEFT: #0C6B67 1px solid;
        BORDER-RIGHT: #031D1C 1px solid;
        padding: 0px;
        color: #FFE28C;
        font-weight:bold;
        font-size: 14px;
}

.bar_item_current
{
        background-image: url('images/menu_bar_02.jpg');
        height: 42px;
        width: 150px;
        BORDER-LEFT: #0C6B67 1px solid;
        BORDER-RIGHT: #031D1C 1px solid;
        padding: 0px;
}

.bar_item_highlight
{
        background-image: url('images/menu_bar_01.jpg');
        background-position: bottom right;
        height: 42px;
        width: 150px;
        BORDER-RIGHT: #0C6B67 1px solid;
        BORDER-LEFT: #031D1C 1px solid;
        padding: 0px;
        color: #93F9C6;
        font-weight:bold;
        font-size: 14px;
}


.menu_bar_left
{
        background-image: url('images/bar_01_left.jpg');
        width: 24px;
        height: 24px;
}


.menu_bar
{
        background-image: url('images/bar_01.jpg');
        width: 150px;
        height: 24px;
}


.menu_bar_right
{
        background-image: url('images/bar_01_right.jpg');
        width: 24px;
        height: 24px;
}


.bor
{
        BORDER-TOP: #467E8B 2px solid;
        BORDER-LEFT: #467E8B 2px solid;
        BORDER-RIGHT: #467E8B 2px solid;
        BORDER-BOTTOM: #467E8B 2px solid;
}



#home_link
{
        background-image: url('images/home_f.png');
        width: 80px;
        height: 30px;
        top: 0px;
        position: absolute;
}



#left_field
{
        background-image: url('images/shadow_l.jpg');
        background-position: right;
        width: 240px;
        height: 700px;
        top: 0px;
        position: relative;
}



#right_field
{
        background-image: url('images/shadow_r.jpg');
        background-position: left;
        width: 220px;
        height: 700px;
        top: 0px;
        left: 1040px;
        position: absolute;
}

#main_content
{
        position: absolute;
        width: 820px;
        top: 201px;
        left: 240px;
        BORDER-TOP: #003F49 1px solid;
        BORDER-LEFT: #003F49 1px solid;
        BORDER-RIGHT: #00353E 1px solid;
        BORDER-BOTTOM: #00353E 1px solid;
}




.list1
 {
        background-color: #000000;
        padding: 3px;
 }

.list2
 {
        background-color: #373737;
        padding: 3px;
 }

.list3
 {
        background-color: #525252;
        padding: 3px;
 }



/*******************************************************
 * Control Styles                                      *
 * - - - - - - - - - - - - - - - - - - - - - - - - - - *
 *                                                     *
 *******************************************************/
input
{
  BACKGROUND: #000000;
  BORDER-TOP: #214343 1px solid;
  BORDER-LEFT: #214343 1px solid;
  BORDER-RIGHT: #408080 1px solid;
  BORDER-BOTTOM: #408080 1px solid;
  FONT-SIZE: 14px;
  COLOR: #A5D1D1;
  padding: 2px;
}
textarea
{
  BACKGROUND: #000000;
  BORDER-TOP: #214343 1px solid;
  BORDER-LEFT: #214343 1px solid;
  BORDER-RIGHT: #408080 1px solid;
  BORDER-BOTTOM: #408080 1px solid;
  FONT-SIZE: 14px;
  COLOR: #A5D1D1;
  padding: 2px;
}

.e_button_1
{
  BACKGROUND: #2C5858;
  BORDER-TOP: #408080 2px solid;
  BORDER-LEFT: #408080 2px solid;
  BORDER-RIGHT: #214343 2px solid;
  BORDER-BOTTOM: #214343 2px solid;
  FONT-SIZE: 12px;
  width: 150px;
  COLOR: #FFE28C
}

.e_button_2
{
  BACKGROUND: #2C5858;
  BORDER-TOP: #408080 2px solid;
  BORDER-LEFT: #408080 2px solid;
  BORDER-RIGHT: #214343 2px solid;
  BORDER-BOTTOM: #214343 2px solid;
  FONT-SIZE: 12px;
  COLOR: #FFE28C
}



.e_field_1
{
  BACKGROUND: #000000;
  BORDER-TOP: #214343 1px solid;
  BORDER-LEFT: #214343 1px solid;
  BORDER-RIGHT: #408080 1px solid;
  BORDER-BOTTOM: #408080 1px solid;
  FONT-SIZE: 14px;
  COLOR: #A5D1D1;
  width: 200px;
}



.e_field_2
{
  BACKGROUND: #000000;
  BORDER-TOP: #214343 1px solid;
  BORDER-LEFT: #214343 1px solid;
  BORDER-RIGHT: #408080 1px solid;
  BORDER-BOTTOM: #408080 1px solid;
  FONT-SIZE: 14px;
  COLOR: #A5D1D1;
}



.e_field_3
{
  BACKGROUND: #000000;
  BORDER-TOP: #214343 1px solid;
  BORDER-LEFT: #214343 1px solid;
  BORDER-RIGHT: #408080 1px solid;
  BORDER-BOTTOM: #408080 1px solid;
  FONT-SIZE: 14px;
  color: #FFE28C;
}



.e_select_1
{
  BACKGROUND: #000000;
  BORDER-TOP: #214343 2px solid;
  BORDER-LEFT: #214343 2px solid;
  BORDER-RIGHT: #408080 2px solid;
  BORDER-BOTTOM: #408080 2px solid;
  FONT-SIZE: 14px;
  COLOR: #A5D1D1;
}



.e_frame
{
  BORDER-TOP: #214343 1px solid;
  BORDER-LEFT: #214343 1px solid;
  BORDER-RIGHT: #408080 1px solid;
  BORDER-BOTTOM: #408080 1px solid;
}



.title_normal
{
        width: 250px;
        height: 20px;
        background-image: url('images/mini_bar.jpg');
        padding: 2px;
}

.active_theme
{
        background-image: url('images/active.png');
        width: 75px;
        height: 20px;
}

.inactive_theme
{
        background-image: url('images/inactive.png');
        width: 75px;
        height: 20px;
}

.delete_theme
{
        background-image: url('images/delete.png');
        width: 20px;
        height: 20px;
}