/* ###########################
   ##     GENERAL STYLES    ##
   ########################### */

body {
background-color: #ffffff;
background: url('images/lite_header.jpg') repeat-x top left;
color: #777777;
margin: 0 0 0 0;
font-family: Verdana, Tahoma, Arial;
font-size: 10px;
}

font,td {
color: #000000;
font-size: 10px;
font-family: Verdana, Tahoma, Arial;
}

h1 {
color: #aa0000;
font-size: 18px;
font-family: Verdana;
}

h2 {
color: #aa0000;
font-size: 14px;
font-family: Verdana;
}

A {
color: #aa0000;
font-size: 10px;
font-family: Verdana, Tahoma, Arial;
text-decoration: none;
}

A:hover {
color: #ff0000;
font-size: 10px;
font-family: Verdana, Tahoma, Arial;
text-decoration: none;
}

textarea {
color: #000000;
font-size: 10px;
font-family: Verdana, Tahoma, Arial;
border: #999999 1px solid;
}

select {
color: #000000;
font-size: 10px;
font-family: Verdana, Tahoma, Arial;
border: #999999 1px solid;
}

input {
color: #000000;
font-size: 10px;
font-family: Verdana, Tahoma, Arial;
}


/* ###########################
   ##  EMBEDED IN TEMPLATE  ##
   ########################### */

.member {
color: #000000;
font-size: 10px;
font-family: Verdana;
font-weight: bold;
height: 17px;
padding-top: 3px;
padding-left: 20px;
background: url('images/lite_member.png') no-repeat top left;
border-top: 0px #000000 solid;
border-left: 0px #000000 solid;
border-bottom: 0px #000000 solid;
}

.member_box {
color: #000000;
font-size: 10px;
font-family: Verdana;
line-height: 13px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
border-top: 1px #000000 solid;
border-left: 1px #000000 solid;
border-bottom: 1px #000000 solid;
}

.search {
color: #eead0f;
font-size: 10px;
font-family: Verdana;
font-weight: bold;
height: 17px;
padding-top: 3px;
padding-left: 20px;
background: url('images/lite_search.png') no-repeat top left;
border-top: 0px #eead0f solid;
border-left: 0px #eead0f solid;
border-bottom: 0px #eead0f solid;
}

.category {
color: #7bc2f8;
font-size: 10px;
font-family: Verdana;
font-weight: bold;
height: 17px;
padding-top: 3px;
padding-left: 20px;
background: url('images/lite_category.png') no-repeat top left;
border-top: 0px #7bc2f8 solid;
border-left: 0px #7bc2f8 solid;
border-bottom: 0px #7bc2f8 solid;
}

.subcategory_over {
color: #aaaaaa;
font-size: 10px;
font-family: Verdana;
font-weight: bold;
height: 14px;
padding-top: 2px;
padding-left: 35px;
background: url('images/lite_subcategory.png') no-repeat top left;
cursor: pointer;
}

.subcategory_selected {
color: #7bc3f8;
font-size: 10px;
font-family: Verdana;
font-weight: bold;
height: 14px;
padding-top: 2px;
padding-left: 35px;
background: url('images/lite_subcategory_over.png') no-repeat top left;
cursor: pointer;
}

.subcategory_normal {
color: #cccccc;
font-size: 10px;
font-family: Verdana;
height: 14px;
padding-top: 2px;
padding-left: 35px;
background: url('images/lite_subcategory.png') no-repeat top left;
cursor: pointer;
}

.menu_over {
color: #aaaaaa;
font-size: 10px;
font-family: Verdana;
font-weight: bold;
height: 17px;
padding-top: 3px;
padding-left: 20px;
background: url('images/lite_menu.png') no-repeat top left;
border-top: 1px #aaaaaa solid;
border-left: 1px #aaaaaa solid;
border-bottom: 1px #aaaaaa solid;
cursor: pointer;
}

.menu_selected {
color: #aa0000;
font-size: 10px;
font-family: Verdana;
font-weight: bold;
height: 17px;
padding-top: 3px;
padding-left: 20px;
background: url('images/lite_menu_over.png') no-repeat top left;
border-top: 1px #aa0000 solid;
border-left: 1px #aa0000 solid;
border-bottom: 1px #aa0000 solid;
cursor: pointer;
}

.menu_normal {
color: #cccccc;
font-size: 10px;
font-family: Verdana;
height: 17px;
padding-top: 3px;
padding-left: 20px;
background: url('images/lite_menu.png') no-repeat top left;
border-top: 1px #dddddd solid;
border-left: 1px #dddddd solid;
border-bottom: 1px #dddddd solid;
cursor: pointer;
}

.main_menu_over {
color: #aaaaaa;
font-size: 10px;
font-family: Verdana;
font-weight: bold;
padding-left: 20px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
border-left: 1px #cccccc solid;
border-top: 1px #cccccc solid;
border-right: 1px #cccccc solid;
background: url('images/lite_menu.png') no-repeat top left;
background-color: #ffffff;
cursor: pointer;
}

.main_menu_selected {
color: #aa0000;
font-size: 10px;
font-family: Verdana;
font-weight: bold;
padding-left: 20px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
border-left: 1px #cccccc solid;
border-top: 1px #cccccc solid;
border-right: 1px #cccccc solid;
background: url('images/lite_menu_over.png') no-repeat top left;
background-color: #ffffff;
cursor: pointer;
}

.main_menu_normal {
color: #cccccc;
font-size: 10px;
font-family: Verdana;
padding-left: 20px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
border-left: 1px #cccccc solid;
border-top: 1px #cccccc solid;
border-right: 1px #cccccc solid;
background: url('images/lite_menu.png') no-repeat top left;
background-color: #ffffff;
cursor: pointer;
}

.file_type {
font-size: 12px;
font-weight: bold;
color: #aa0000;
}

/* ###########################
   ##  EMBEDED IN THE CODE  ##
   ########################### */

A.group_title {
color: #777777;
font-size: 18px;
font-family: Verdana, Tahoma, Arial;
text-decoration: none;
}

A.group_title:hover {
color: #ff7777;
font-size: 18px;
font-family: Verdana, Tahoma, Arial;
text-decoration: none;
}

A.item_title {
color: #333333;
font-size: 14px;
font-family: Verdana, Tahoma, Arial;
text-decoration: none;
}

A.item_title:hover {
color: #ff3333;
font-size: 14px;
font-family: Verdana, Tahoma, Arial;
text-decoration: none;
}

.border {
border: #e9e9e9 1px solid;
}

/*  SEARCH  */
.q {
color: #000000;
width: 115px;
font-size: 9px;
font-family: Verdana, Tahoma, Arial;
border: 1px #eead0f solid;
}

.go {
color: #000000;
font-size: 9px;
font-family: Verdana, Tahoma, Arial;
border: 1px #eead0f solid;
background-color: #ffffff;
}

/*  LOGIN  */
.box {
color: #000000;
font-size: 9px;
font-family: Verdana, Tahoma, Arial;
}

.username,.password {
color: #000000;
font-size: 9px;
font-family: Verdana, Tahoma, Arial;
width: 90px;
border: 1px #aaaaaa solid;
background-color: #ffffff;
}

.login {
color: #000000;
font-size: 9px;
font-family: Verdana, Tahoma, Arial;
width: 45px;
border: 1px #aaaaaa solid;
background-color: #ffffff;
}

/*  BROWSE PAGEING  */
.pages_item_high {
color: #000000;
font-weight: bold;
float: left;
width: 15px;
border: 1px #cccccc solid;
padding: 1px;
}

.pages_item_over {
color: #aa0000;
font-weight: bold;
float: left;
width: 15px;
border: 1px #cccccc solid;
padding: 1px;
cursor: pointer;
}

.pages_item {
color: #aaaaaa;
float: left;
width: 15px;
border: 1px #e9e9e9 solid;
padding: 1px;
cursor: pointer;
}

.pages_space {
float: left;
width: 3px;
}

.pages_dots {
float: left;
width: 18px;
padding: 1px;
}

.pages_list {
color: #000000;
font-size: 10px;
font-family: Verdana, Tahoma, Arial;
}

/*  ITEM DATE  */
.browse_italic {
font-size: 8px;
color: #aaaaaa;
}

.upload_show {
cursor: pointer;
float: right;
width: 32px;
height: 12px;
background: url('images/common/icon_arrow_down.png') no-repeat top right;
}

.upload_hide {
display: none;
cursor: pointer;
float: right;
width: 32px;
height: 12px;
background: url('images/common/icon_arrow_up.png') no-repeat top right;
}

/*  HEADER AND UNDER-HEADER STYLES  */
.content_header {
color: #aa0000;
font-size: 20px;
font-family: Verdana;
/*font-weight: bold;*/
}

.content_underheader {
color: #aaaaaa;
font-size: 14px;
font-family: Verdana;
font-style: italic;
}

/* ###########################
   ##      ADMIN STYLES     ##
   ########################### */

.admin {
color: #eead0f;
font-size: 10px;
font-family: Verdana;
font-weight: bold;
height: 17px;
padding-top: 3px;
padding-left: 20px;
background: url('images/lite_admin_over.png') no-repeat top left;
border-top: 0px #aa0000 solid;
border-left: 0px #aa0000 solid;
border-bottom: 0px #aa0000 solid;
}

.admin_over {
color: #aaaaaa;
font-size: 10px;
font-family: Verdana;
font-weight: bold;
height: 17px;
padding-top: 3px;
padding-left: 20px;
background: url('images/lite_admin.png') no-repeat top left;
border-top: 1px #aaaaaa solid;
border-left: 1px #aaaaaa solid;
border-bottom: 1px #aaaaaa solid;
cursor: pointer;
}

.admin_selected {
color: #aa0000;
font-size: 10px;
font-family: Verdana;
font-weight: bold;
height: 17px;
padding-top: 3px;
padding-left: 20px;
background: url('images/lite_admin_over.png') no-repeat top left;
border-top: 1px #eead0f solid;
border-left: 1px #eead0f solid;
border-bottom: 1px #eead0f solid;
cursor: pointer;
}

.admin_normal {
color: #cccccc;
font-size: 10px;
font-family: Verdana;
height: 17px;
padding-top: 3px;
padding-left: 20px;
background: url('images/lite_admin.png') no-repeat top left;
border-top: 1px #dddddd solid;
border-left: 1px #dddddd solid;
border-bottom: 1px #dddddd solid;
cursor: pointer;
}

.admin_tab_link {
background-color: #ffffff;
border-left: 1px #cccccc solid;
border-top: 1px #cccccc solid;
border-right: 1px #cccccc solid;
padding-left: 10px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
}

.admin_tab {
background-color: #ffffff;
color: #cccccc;
border-left: 1px #cccccc solid;
border-top: 1px #cccccc solid;
border-right: 1px #cccccc solid;
padding-left: 10px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
}

.admin_tabbing {
border-bottom: 1px #cccccc solid;
padding-right: 20px;
}

.admin_italic {
color: #aaaaaa;
font-style:italic;
}

.admin_title {
width: 12px;
height: 12px;
background: url('images/common/icon_green.png') no-repeat top left
}

.admin_title_over {
width: 12px;
height: 12px;
background: url('images/common/icon_green_over.png') no-repeat top left
}

.admin_desc {
width: 12px;
height: 12px;
background: url('images/common/icon_blue.png') no-repeat top left
}

.admin_desc_over {
width: 12px;
height: 12px;
background: url('images/common/icon_blue_over.png') no-repeat top left
}