/* reset html styles */
*{
padding : 0px;
margin : 0px;
}
body, html {
font-family : arial;
font-size : 13px;
color : #606060;
height: 100%;
}
a{
color : #A14644;
text-decoration : none;
}
a:hover{
color : #606060;

}
.body_wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin-bottom : -80px; /* the bottom margin is the negative value of the footer's height */
}
.hide_element {
display : none;

}
/* header area styles */
.header_wrapper {
position : relative;
height : 251px;
width : 100%;
background-image : url(../images/header_bg.jpg);
background-repeat : repeat-x;
}
.tv_wrapper {
position : relative;
height : 205px;
width : 771px;
margin-left : auto;
margin-right : auto;
background-image : url(../images/tv_bg.png);
background-repeat : no-repeat;
padding-top : 46px;
}
.banner_wrapper {
position : relative;
height : 145px;
width : 666px;
margin-left : auto;
margin-right : auto;
margin-bottom : 14px;
}
/* main navigation */
.navigation_wrapper {
position : relative;
height : 26px;
width : auto;
line-height : 26px;
margin-left : 141px;
color : #666666;
}
.navigation_wrapper li{
display : inline;
}
.navigation_wrapper a{
color : #666666;
text-decoration : none;
margin-right : 15px;
}
.navigation_wrapper a#current_index{
color : #A14644;
}
.navigation_wrapper a:hover{
color : #A14644;
}
/* content area styles */
.content_wrapper {
position : relative;
width : 100%;
background-image : url(../images/content_bg.jpg);
background-repeat : repeat-x;
}
.clear_10x {
position : relative;
clear : both;
height : 10px;
border : none;
}
.center_content {
position : relative;
width : 771px;
margin-left : auto;
margin-right : auto;
}
.left_col_wrapper {
position : relative;
float : left;
width : 109px;
height : 210px;
background-image : url(../images/remote_control_bg.png);
background-repeat : no-repeat;
padding-top : 100px;
padding-left : 32px
}
.left_col_wrapper   li {
list-style-type : none;
}
.left_col_wrapper  a{
display : block;
width : 77px;
height : 22px;
line-height : 20px;
font-size : 12px;
color : #f1f1f1;
text-decoration : none;
background-image : url(../images/remote_button.png);
border : none;
background-repeat : no-repeat;
text-align : center;
}
.left_col_wrapper  a:hover{
color : #f1f1f1;
}
.middle_col_wrapper {
position : relative;
float : left;
width : 441px;
height : auto;
padding-top : 50px;
}
.right_col_wrapper {
position : relative;
float : left;
width : 171px;
height : auto;
padding-top : 50px;
padding-left : 10px;
}
.middle_col_wrapper h1 {
width : 100%;
height : 30px;
font-size : 17px;
font-weight : normal;
border-bottom : 1px solid #8B8B8B;
margin-bottom : 10px;
}
.middle_col_wrapper h2 {
font-size : 16px;
font-weight : normal;
margin-bottom : 10px;
}
.middle_col_wrapper h3 {
font-size : 15px;
font-weight : normal;
margin-bottom : 10px;
}
.middle_col_wrapper p {
margin-bottom : 10px;
padding-right : 10px;
}
.contact_left_area {
position : relative;
float : left;
width : 245px;
height : 435px;
border-right : 1px dotted #8B8B8B;
margin-right : 15px;
}
.contact_right_area {
position : relative;
float : left;
width : 150px;
}

.login_left_area {
position : relative;
float : left;
width : 245px;
height : 435px;
border-right : 1px dotted #8B8B8B;
margin-right : 15px;
padding : 5px;
}

.login_right_area {
position : relative;
float : left;
width : 150px;
}
/* form styles */
.error_message {
display : none;
color : #FEC018;
margin-bottom : 10px;
}

.error_message_server_side {
color : #FEC018;
margin-bottom : 10px;
}

form {
padding : 0px;
margin : 0px;
}
label{


}
input {
color : #3A3E53;
font-size : 13px;
}
input[type="text"] {
width  : 200px;
border : 1px solid #8B8B8B;
}
input[type="password"] {
width  : 200px;
border : 1px solid #8B8B8B;
}
input[type="submit"] {
width  : 100px;
border : 1px solid #8B8B8B;
background-color : #8B8B8B;
color : #fff;

}
textarea {
width  : 225px;
height : 125px;
border : 1px solid #8B8B8B;
}
.required_star {
display : block;
float : left;
height : 10px;
line-height : 18px;
color : #FEC018;
font-size : 15px;
margin-right :  2px;
}
.required_field{

}
/* footer area styles */
hr {
border : 0;

}
.push{
display : block;
position : relative;
clear : both;
height : 80px;
border : 0;
color: #fff;
background-color: #fff;
}
.footer_wrapper {
position : relative;
height : 20px;
width : 940px;
margin-left : auto;
margin-right : auto;
background-image : url(../images/red_couch.jpg);
background-repeat : no-repeat;
color : #EABFBE;
padding-top : 60px;
font-size : 12px;
}
.footer_wrapper a{
color : #EABFBE;
text-decoration : none;
}
.footer_wrapper a:hover{
color : #f1f1f1;
text-decoration : none;
}
.footer_content_left_wrapper {

position : relative;
float : left;
margin-left : 85px;
}
.footer_content_right_wrapper {
position : relative;
float : right;
text-align : right;
margin-right : 86px;
}

.asset_list_wrapper {
position : relative;
float : left;
width : 771px;
height : auto;
padding-top : 50px;
}



.asset_list_wrapper h1 {
width : 100%;
height : 30px;
font-size : 17px;
font-weight : normal;
border-bottom : 1px solid #8B8B8B;
margin-bottom : 10px;
}


.search_area_wrapper {
position : relative;
float : right;
width : auto;
height : auto;
color : #f1f1f1;
padding-right : 10px;
}

.selectmenu {
width  : 200px;
border : 1px solid #8B8B8B;
}

select#page_no {
position: relative;
width  : 200px;
border : 1px solid #8B8B8B;
float : right;
margin-top : 4px;
}

.clear_15 {
position : relative;
clear: both;
height: 15px;
}
.filter_area_wrapper {
position : relative;
float : right;
width : auto;
height : auto;
color : #f1f1f1;
padding-right : 10px;
}

.table_column_wrapper {
position : relative;
float : left;
width : 771px;
height : auto;
margin-right : 15px;
}

.table_tab_area_wrapper {
width : 771px;
height : 30px;
position : relative;
}
.table_tab_item_wrapper {
position : relative;
float : left;
width : 100px;
height : 30px;
margin-right : 5px;
line-height : 30px;
color : #f1f1f1;
cursor : pointer;
background-color : #AAAAAA;
}
.table_tab_item_wrapper a {
display : block;
position : relative;
float : left;
width : 90px;
height : 30px;
padding-left : 10px;
margin-right : 5px;
line-height : 30px;
color : #f1f1f1;
cursor : pointer;
text-decoration : none;
}
.table_tab_item_wrapper a:hover {
display : block;
height : 30px;
line-height : 30px;
color : #DBDBDB;
cursor : pointer;
text-decoration : none;
}
.table_tab_item_wrapper a#current_table_tab{
background-color : #f1f1f1;
color : #AAAAAA;
}
.table_tab_item_wrapper a#inactive_table_tab{

color : #707070;
cursor : default;
}

.table_pager_area_wrapper {
position : relative;
float : right;
width : auto;
height : 30px;
text-align : left;
color : #6284A5;
padding-right : 10px;
line-height : 30px;
font-size : 12px;
}


.table_area_wrapper {
position : relative;
clear : both;
width : 750px;
height : auto;
background-color : #f1f1f1;
padding : 10px;
}

.rows_info_wrapper {
display : block;
position : relative;
clear : both;
width : 740px;
height : 25px;
background-color : #f1f1f1;
color :  #AAAAAA;
border-bottom : 1px solid #AAAAAA;
text-decoration : none;
}

.table_row_wrapper {
display : block;
position : relative;
clear : both;
width : 740px;
height : 30px;
background-color : #f1f1f1;
color : #AAAAAA;
border-bottom : 1px solid #AAAAAA;
cursor : pointer;
text-decoration : none;
}

.table_row_wrapper#table_header {
position : relative;
clear : both;
width : 740px;
height : 30px;
background-color : #AAAAAA;
border-bottom : none;
color : #f1f1f1;
}

.table_col_wrapper {
position : relative;
float : left;
width : 300px;
height : 29px;
line-height : 30px;
padding-left : 10px;
border-left : 1px solid #ccc;
}

.table_col_wrapper#label {
position : relative;
float : left;
width : 100px;
height : 29px;
line-height : 30px;
padding-left : 10px;
border-left : 1px solid #ccc;
}

.top_title_wrapper {
 position : relative;
 float: left;
 width : 100px;
}

.top_links_wrapper {
position : relative;
float : right;
text-align : center;
width : 320px;
height : 21px;
line-height : 21px;
font-size : 10px;
text-transform : uppercase;
margin-right : 0px;
background-image : url('../images/top_links_bg.png');
background-repeat : no-repeat;
color : #ffffff;
}

.top_links_wrapper a{
color : #f1f1f1;
text-decoration : none;
}
.top_links_wrapper a:hover{
color : #A14644;
text-decoration : none;
}

.dark_red {
color : #A14644;
margin-left : 5px;
margin-right : 5px;
}