body 
{
    background-color: #000000;
}
/* Container Does the Centering of entire Page*/
#container
{  
	width: 800px;
	margin: 0 auto;
}
#top_banner
{
    background: url(/images/top_banner_02.jpg) no-repeat top; 
    width: 800px;
    height: 130px;
}
/* Body Container Holds together Body Divs*/
#body_container
{  
    width: 800px;
    background-color: #FFFFFF; 
}
#navigation
{
    background: #c5003b url(/images/nav_bg.gif) no-repeat top;
    width: 170px;
    height: 315px;
    float: left;
    text-align: left;
    padding: 0px 0px 0px 5px;
}
#content
{
    background-color: #FFFFFF;
    width: 625px;
    min-height: 315px;
    height: 100%;
    float: right;
}
#date
{
    float: right;
    margin-top: 100px;
    font: bold 10pt arial;
    color: #FFFFFF;
    padding: 0px 5px 0px 0px;
}
a.nav_links
{
    font: bold 10pt Arial;
    text-decoration: none;
    color: #FFFFFF;
    line-height: 16pt;
}
a.nav_links:hover
{
    text-decoration: underline;
}
.title_bar
{
    width: 160px;
    padding-left: 5px;
    height: 20px;
    background-color: Orange;
    cursor: pointer;
    font: bold 10pt Arial;
    text-decoration: none;
    color: #FFFFFF;
    line-height: 16pt;
}
.title_bar:hover
{
    text-decoration: underline;
}
.broker_warning
{
    width: 160px;
    height: 20px;
    padding-left: 5px;
    background-color: Red;
    cursor: pointer;
    font: bold 10pt arial;
    text-decoration: none;
    color: #FFFFFF;
    line-height: 16pt;
}
.broker_warning:hover
{
    text-decoration: underline;
}
.loggedin
{
    width: 160px;
    height: 20px;
    padding-left: 5px;
    background-color: Green;
    font: bold 10pt arial;
    text-decoration: none;
    color: #FFFFFF;
    line-height: 16pt;
}
.Logout
{
    font: bold 10pt arial;
    color: #FFFFFF;
    padding-left: 5px;
}
#ani_field
{
    OVERFLOW: hidden;
    width: 160px;
    height: 0px;
    padding-left: 5px;
    font: 9pt arial;
    background-color: #FFFFFF;
    filter: alpha(opacity=70);
    -moz-opacity:.70;
    opacity:.70;
}
#close_button
{
    float: right;
    font: bold 8pt arial;
    color: Orange;
    padding: 0px 5px 0px 0px;
    cursor: pointer;
    margin-top: -10px;
}
#addbroker_container
{
    width:400px;
    margin: 0 auto;
    text-align: left;
}
#BName
{
    width: 200px;
    float: left;
    font: 10pt Arial;
}
#UName
{
    width: 200px;
    float: right;
    font: 10pt Arial;
}
#Pass
{
    width: 200px;
    float: left;
    font: 10pt Arial;
}
#VPass
{
    width: 200px;
    float: right;
    font: 10pt Arial;
}
#BLocation
{
    width: 200px;
    font: 10pt Arial;
    float: left;
}
#BRoles
{
    width: 100px;
    font: 10pt Arial;
    margin-left: 200px;
}
#BStatus
{
    width: 100px;
    font: 10pt Arial;
    margin-top: -38px;
    float: right;
}
#Sbutton
{   
    width: 400px;
    text-align: center;
}

#Error
{
    width: 400px;
    font: bold 11pt Arial;
    color: Red;
    text-align: center;
}
#form_container
{
    width: 400px;
    margin: 0 auto;
}
.form_right
{
    width: 200px;
    float: right;
    text-align: left;
    font: 10pt arial;
}
.form_left
{
    width: 200px;
    float: left;
    text-align: left;
    font: 10pt arial;
}

.formAddress
{
    float: left;
    width: 400px;
    padding: 0px;
    border: 0px;
    margin: 10px 0px;
}

.form_2
{
    width: 400px;
    text-align: left;
    float: left;
    clear: both;
    font: 10pt arial;
}
.product_container
{
    width: 550px;
    margin: 0 Auto;
    margin-top: 10px;
}
.line_title_container
{
    width: 550px;
    height:20px;
    background-color: #c5003b;
}
.Category
{
    width: 540px;
    height: 20px;
    padding: 0px 5px 0px 5px;
    font: 10pt arial;
    color: #FFFFFF;
}
.line_container
{
    width: 550px;
    height:100%;
}

.altline_container
{
    width: 550px;
    height:100%;
    background-color: #D8D8D8;
}

.Item_name
{
    width:440px;
    height: 20px;
}
.Item_Number
{
    width: 50px;
    height: 17px;
    font: 8pt arial;
}
.Prod_Name
{
    width: 380px;
    height: 17px;
    font: 8pt arial;
}
.PDF_title
{
    width: 120px;
    height: 16px;
    font: 7pt arial;
}
.image_title
{
    width: 40px;
    height: 17px;
    float: right;
    font: 8pt arial;
    padding: 3px 0px 0px 0px;
}
.PDF
{
    width:60px;
    height: 20px;
    float: left;
    text-align: center;
}
.image
{
    width: 50px;
    height: 20px;
    float: right;
    text-align: center;
}
.imagelink
{
    border: 0px;
}
.Description
{
    width: 290px;
    height: 42px;
    float: left;
    font: 8pt arial;
    padding: 3px 5px 3px 5px;
}
.Product_Details
{
    width: 240px;
    font: 8pt arial;
    padding: 3px 5px 3px 5px;
}
.map
{
    width: 61px;
    height: 40px;
    float: right;
}
.edit_broker_line
{
    width: 550px;
    height: 20px;
    padding: 3px 5px 0px 5px;
}
.Edit_Broker_NL
{
    width: 350px;
    height: 20px;
    float: left;
}
.Edit_Broker_Name
{
    width: 190px;
    height: 20px;
    padding: 0px 5px 0px 5px;
    float: left;
}
.Edit_Item_Number
{
    width: 40px;
    height: 20px;
    padding: 0px 5px 0px 5px;
    float: left;
}
.Edit_Product_Name
{
    width: 290px;
    height: 20px;
    padding: 0px 5px 0px 5px;
    float: right;
}
.Edit_Broker_Location
{
    width: 140px;
    height: 20px;
    padding: 0px 5px 0px 5px;
    float: right;
}
.Edit_Broker_SE
{
    width: 200px;
    height: 20px;
    float: right;
}
.status
{
    width: 140px;
    height: 20px;
    padding: 0px 5px 0px 5px;
    float: left;
    text-align: center;
}
.Broker_Edit
{
    width: 50px;
    height: 20px;
    float: right;
}
.Active_text
{
    font: bold 10pt Arial;
    color: Green;
}
.InActive_text
{
    font: bold 10pt Arial;
    color: Red;
}
.main_text_8pt
{
    font : 8pt Arial;
}
.main_text
{
    font : 10pt Arial;
}
.broker_Hidden_Edit
{
    background-color: #c5003b;
    width: 425px;
    height: 225px;
    top: 200px;
    left: 37%;
    position: absolute;
    z-index: 5;
}
.product_Hidden_Edit
{
    background-color: #c5003b;
    width: 425px;
    height: 440px;
    top: 200px;
    left: 37%;
    position: absolute;
    z-index: 5;
}
.edit_broker_container
{
    width:400px;
    height: 200px;
    text-align: left;
    margin: 0 auto;
}
.edit_product_container
{
    width:400px;
    height: 440px;
    text-align: left;
    margin: 0 auto;
}
.edit_product_left
{
    width: 200px;
    float: left;
    height: 30px;
}
.edit_Product_right
{
    width: 200px;
    float: right;
    height: 30px;
}
.edit_product_2col
{
    width: 400px;
    height: 30px;
}
.Map_Legend_Container
{
    width: 547px;
    height: 62px;
    border: solid 1px #c5003b;
    margin-bottom: 10px;
}
.file_image
{
    width:150px;
    position:absolute;
    margin-top:0px;
    margin-left:170px;
    font:10px Arial;
}
.file_text
{
    width:150px;
    position:absolute;
    margin-top:0px;
    margin-left:0px;
    font:10px Arial;
    padding:5px;
}
.Map_Graphic_Legend
{
    width: 360px;
    height: 62px;
    float: right;
}
.Map_Legend_Left
{
    width: 190px;
    height: 62px;
    float: left;
}
.Map_Legend_Right
{
    width: 170px;
    height: 62px;
    float: right;
}
.Map_Legend_12
{
    height: 62px;
    width: 85px;
    float: right;
    background: url(/images/mapz12.gif) no-repeat bottom center;
    text-align: center;
    font: 8pt Arial;
    color: Red;
    line-height: 8pt;
}
.Map_Legend_2
{
    height: 62px;
    width: 85px;
    float: left;
    background: url(/images/mapz2.gif) no-repeat bottom center;
    text-align: center;
    font: 8pt Arial;
    color: Red;
    line-height: 8pt;
}
.Map_Legend_1
{
    height: 62px;
    width: 85px;
    float: right;
    background: url(/images/mapz1.gif) no-repeat bottom center;
    text-align: center;
    font: 8pt Arial;
    color: Red;
    line-height: 8pt;
}
.Doc_Legend
{
    height: 54px;
    width: 95px;
    padding: 8px 5px 0px 5px;
    float: left;
    font: 8pt Arial;
    color: Red;
}