/*RSI stylesheet*/

body {
    background: #000000 url('../images/background_1012x749.jpg') no-repeat;
    font-family: arial,verdana, geneva, helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

a         { text-decoration: none; border:none; outline:none }     /* no underline */
a:link    { color: #808080 } /* unvisited links  black */
a:visited { color: #808080 } /* visited link     black */
a:active  { color: #808080 } /* active links     black */
a:hover   { color: #D2232A } /* active links     red   */
/*a:focus   {outline:0; width:0; height:0; }IE solution to remove dotted lines*/

.top_div { /*the div used for the image. contains the menu div*/
    position:absolute;
    top:50px;
    left:12px;
    width:988px;
    border-top: 0px solid #808080;
    border-bottom: 0px solid #808080;
    padding:0;
    margin:0;
}

.topmsgleft_div { /*the div used for the welcome message*/
    position:absolute;
    top:28px;
    left:25px;
}

.topmsgleft_text{
    color: #D2232A;
    font-size: 14px;
}

.topmsgright_div { /*the div used for the welcome message*/
    position:absolute;
    top:32px;
    left:938px;
}

.bottom_div {/*spacer div at the bottom*/
    position:absolute;
    top:750px;
}

.menu_div { /*the div used for the menu*/
    position:absolute;
    top:87px;
    left:510px;
}

.menu_image { /*the image on the menu*/
    border-right: 1px solid #808080;
    padding:0;
    margin:0;
}

.menu_item {/*the non-leftmost menu item*/
    border-left: 1px solid #808080;
    padding: 3px 12px 0px 12px;
}

.menu_item_no_pipe {/*the leftmost menu item*/
    padding: 3px 12px 0px 12px;
}

.i_text {
    color: #FFFFFF;
    margin-left: 5px;
    margin-right: 5px;
}

/*news list*/
.NL {
    padding-left: 5px;
    clear: both;
    overflow: hidden;
    padding-bottom: 20px;
}

.NL_Con {
    float: left;
    width: 490px; 
    padding: 15px 10px 0px 10px;
    color: #FFFFFF;
}


.news_img_div {
    float: right;
    padding: 15px 10px 15px 10px;
    /*background-image: url('NL_Img_BG.png' );
    background-repeat: no-repeat;
    text-align: center;
    font-size: 11px;
    color: #666666;
    width: 150px; 
    height: 78px;*/
}

.news_thumbnail_img { /*thumbnail image*/
    border: 1px solid #808080;
    width: 150px; 
    height: 100px;
}


.NL_Img_left {
    float: left;
    padding: 15px 10px 15px 10px;
    /*background-image: url('NL_Img_BG.png' );
    background-repeat: no-repeat;
    text-align: center;
    font-size: 11px;
    color: #666666;
    width: 150px; 
    height: 78px;*/
}

.NL_Date {
    color: #D2232A;
    font-size: 16px;
}


/* form news */
form.news fieldset {   
    border: 1px solid #D2232A;   
    padding: 10px; 
}  

form.news legend {   
    font-weight: bold;   
    font-size: small;   
    color: #808080;   
    padding: 5px; 
}

form.news {   
    padding: 0;   
    margin: 0;   
    margin-top:  5px;
    margin-left: 10px;
    line-height: 150%;
}

form.news div.row{   
    margin-bottom: 7px;
}

form.news label {
    color: #808080;
    
}

form.news label.fixedwidth {   
    display: block;   
    width: 200px;   
    float: left; 
}

form.news .buttonarea input {   
    color: #808080;   
    font-weight: bold;   
    padding: 5px;   
    border: 1px solid #D2232A; 
}

form.news .buttonarea {   
    text-align: center;   
    padding: 4px;   
    /*background-color: #000000;*/ 
}

.errorarea {   
    text-align: left;
    color: #000000;
    padding: 1px;   
    background-color: #FFAEB9;
    border: 2px solid #D2232A;
    margin: 5px 100px 5px 100px;
}

img {
    border-style: none;
}

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-width: 10px;
    border-color: red;
}

h1 {
    color: #D2232A;
    font-size: 20px;
    margin-left: 5px;
    font-weight: normal;
}

h5 {
    color: #D2232A;
    margin-left: 5px;
}

/*contact page*/
.contactLabelW {
    color: white;
    font-size: 15px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.contactLabelG {
    color: #808080;
    font-size: 15px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.contactLi {
    margin-top: 4px;
    margin-bottom: 4px;
}

/*
This section deals with the position of items on the screen.
It uses absolute positioning - fixed x and y coordinates measured from the
top-left corner of the browser's content display.
*/

#navigation, #bodycontent, #header {
    position: absolute;
}

#navigation, #bodycontent {
    top: 178px;
}

#bodycontent {
    left: 35px;
}

#header {
    width: 100%;
}

table {
    border-collapse: collapse;
}

table.raster {
    border: 1px solid #D2232A;
}

table.raster th {
    text-align: left;
    background: #808080;
    color: #000000;
    padding: 3px;
}

table.raster td {
    border: 1px solid #D2232A;
    color: #808080;
    padding: 3px;
}


.th {
    text-align: left;
    background: #808080;
    color: #000000;
    padding: 3px;
}

.td {
    border: 1px solid #D2232A;
    padding: 3px;
}

td.center {
    text-align: center;
}

td.td_menu {
    border: none;
    padding: 10px;
}

.raster_div {/* */
    padding: 5px 5px 5px 5px;
}

.contact_div {/* t r b l */
    padding:  10px 5px 10px 5px;
}    

td.admin_td {
    border: none;
    padding: 3px;
}

/*product pages related*/
table.product_menu {
    
}
table.product_menu td {
    border: none;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
}

table.product_menu a {
    font-size: 14px;
}

table.product_menu td.selected {
    background-color: #D2232A;
    color: #FFFFFF;      
}

ul.product_category {
    color: #808080;
}

ul.product_category li {
    padding: 10px;
    font-size: 14px;
    color: #D2232A;
}

/*ul.product_category_detail li.span{
color: #FFFFFF;
}*/

ul.product_category_detail li {
    padding-left: 10px;
    /*padding-top: 5px;
    padding-bottom: 5px;*/
    font-size: 12px;
    color: #D2232A;
}

p.product_category_detail_name {
    color: #D2232A;
    font-size: 30px;
    padding-left: 25px;
    /*padding-top: 0px;
    padding-bottom: 0px;*/
}
p.product_category_detail_desc {
    color: #FFFFFF;
    /*padding-top: 0px;*/
    padding-left: 25px;
}



/* login form*/
form.login fieldset {   
    border: 1px solid #D2232A;   
    padding: 10px; 
}  

form.login legend {   
    font-weight: bold;   
    font-size: small;   
    color: #808080;   
    padding: 5px; 
}

form.login {   
    padding: 0;   
    margin: 0;   
    margin-top:  5px;
    margin-left: 10px;
    line-height: 150%;
}

form.login div.row{   
    margin-bottom: 7px;
}

form.login label {
    color: #808080;
}

form.login label.fixedwidth {   
    display: block;   
    width: 100px;   
    float: left; 
}

form.login .buttonarea input {   
    background: black;
    color: #808080;   
    font-weight: bold;   
    padding: 5px;   
    border: 1px solid #D2232A; 
}

form.login .buttonarea {   
    padding: 4px;   
    background-color: #000000; 
}



#wrapper {
    position:absolute;
    top:178px;
    left:30px;
    width:715px;
    height:550px;
    border: 1px solid #D2232A;
    background: #000000;
    margin: 0;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}

.scrollableContent {
    position:relative;
    /*padding: 20px 15px;*/
    width: 713px;
    height: 548px;
    overflow: auto;
    /*background: #dddddd url(sc-background.gif);*/
    background: #000000;
}

#wrapperWide {
    position:absolute;
    top:178px;
    left:30px;
    width:915px;
    height:550px;
    border: 1px solid #D2232A;
    background: #000000;
    margin: 0;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}

.scrollableContentWide {
    position:relative;
    /*padding: 20px 15px;*/
    width: 913px;
    height: 548px;
    overflow: auto;
    /*background: #dddddd url(sc-background.gif);*/
    background: #000000;
}

table.news_list {
    border: 1px solid #D2232A;
    margin-left: 5px;
}
table.news_list td,th {
    border: 1px solid #D2232A;
    padding: 5px;
    color: #808080;
}

/*
div.product_thumbnail {
float: right;
}

img.product_thumbnail { /*thumbnail image
border: 1px solid #808080;
/*padding-left: 5px;
padding-right: 5px;
width: 75px; 
height: 75px;
}
*/
div.product_thumbnail {
    float: right;
    padding-right: 5px;
}

img.product_thumbnail { /*thumbnail image*/
    border: 1px solid #808080;
    /* padding-left: 5px;
    padding-right: 5px;
    /*width: 75px; 
    height: 75px;*/
}

div.product {
    padding-left: 5px;
    clear: both;
    overflow: hidden;
    padding-bottom: 10px;
}

div.product_con {
    float: left;
    width: 480px; 
    padding: 15px 0px 0px 10px;
    color: #FFFFFF;
}

.news_img_div {
    float: right;
    padding: 15px 10px 0px 10px;
    /*background-image: url('NL_Img_BG.png' );
    background-repeat: no-repeat;
    text-align: center;
    font-size: 11px;
    color: #666666;
    width: 150px; 
    height: 78px;*/
}

.news_thumbnail_img { /*thumbnail image*/
    border: 1px solid #808080;
    width: 150px; 
    height: 100px;
}

p.product_detail {
    color: #FFFFFF;
    padding-left: 12px;
}
p.product_detail span {
    color: #808080;
}

.linkarea {   
    text-align: center;   
    padding: 4px;
    margin: 5px;        
}

.linkarea a {   
    color: #808080;   
    font-weight: bold;   
    padding: 5px;   
    border: 1px solid #D2232A; 
}

/********************************************************/
/****************ADMIN CONTROL PANEL CSS*****************/
/********************************************************/

#nav {
    margin: 0;
    padding: 0;
    background: #808080;
    list-style-type: none;
    float: left; /* Contain floated list items */
}
#nav li {
    margin: 0;
    padding: 0;
    float: left;
}
#nav a {
    float: left;
    width: 90px;
    color: #000000;
    text-decoration: none;
    line-height: 2.5;
    text-align: center;
    border-right: 1px solid #000000;
    background: url(../images/tab.png) no-repeat; /* Add the background image */
    background-position: -90px 0;
}
#nav #nav_con a {
    border: none;
}
#nav a:hover {
    background-color: #C0C0C0;
    background-position: 0px 0;
}

#nav #nav_last a { /* removes the border of the LAST item in list SPECIFIC */
    border: none;
}

#nav #nav_selected a{
    background-color: #CCCCCC;
    background-position: 0px 0;
    font-weight: bold;
}


/*
#nav ul
{
list-style: none;
padding: 0;
margin: 0
}

#nav li
{
float: left;
margin: 0;
} 
*/
/*
#nav {
margin: 0;
padding: 0;
list-style: none;
float: left; /*contain floated list items 
}

#nav li {
margin: 0;
padding: 0;
float: left;
margin: 0 1px 0 0; /* top right bottom left
display: inline; /* if margin is anything other than 0, display needs to be inline
background: #808080 url(../images/tab_left.png) no-repeat top left;
}

#nav a {
float: left;
padding: 0 15px;
color: #FFF;
text-decoration: none;
line-height: 2.5;
background: url(../images/tab_right.png) no-repeat top right;
}

#nav #nav_last a { /* removes the border of the LAST item in list SPECIFIC
border: none;
}

#nav li a:hover {
background: #C2C2C2 url(../images/tab_left_active.png) no-repeat top left;
}

#nav a:hover span {
background: url(../images/tab_right_active.png) no-repeat top right;
color: #1A1303;
}

#nav #nav_selected {
background: #C2C2C2 url(../images/tab_left_active.png) no-repeat top left;
}
#nav #nav_selected a{
background: url(../images/tab_right_active.png) no-repeat top right;
color: #1A1303;
}
*/
/* *********NEW********** */
#side_nav {
    margin: 0;
    padding: 0;
    background: #808080;
    list-style: none;
    width: 110px;
    position:absolute;
    top:90px;
    left:5px;
}

#side_nav li {
    margin: 0;
    padding: 0;
    float: left; /*this corrects the  */
    width: 100%  /*IE 6.0 whitespace bug */
}

#side_nav a , #side_nav span{
    display: block; /*increase clickable area as a's default to inline*/
    color: #FFF;
    text-decoration: none;
    padding: 0 15px;
    line-height: 2.5;
    border-bottom: 1px solid #FFF;    
}

#side_nav #side_nav_last a, #side_nav #side_nav_selected_last a,
#side_nav #side_nav_selected_last span{ /* removes the border of the LAST item in list SPECIFIC*/
    border: none;
}

#side_nav a:hover {
    background: #646464;
}

#side_nav #side_nav_selected, #side_nav #side_nav_selected_last {
    background: #D2232A;
    color: #1A1303;
    font-weight: bold;
}

/*contains the side menu an the content*/
#container {
    float: left;
    background: #CCCCCC;
    width: 813px;
    height: 460px;
    overflow: auto;
}

#content {
    position:absolute;
    top:90px;
    left:120px;
    background: #FFFFFF;
    width: 683px;
    height: 440px;
    overflow: auto;
}

/* for forms*/
fieldset {  
    float: left;  
    clear: both;  
    width: 100%;  
    margin: 0 0 -1em 0;
    padding: 0 0 1em 0;
    border-style: none;
    border-top: 1px solid #BFBAB0;  
}
legend {  
    margin-left: 1em;  
    color: #D2232A;  
    font-weight: bold;
}
fieldset ol {  
    padding: 0 1em 0 1em;  
    list-style: none;
}
fieldset li {  
    float: left;  
    clear: left;  
    width: 100%;  
    padding-bottom: 0.5em;
}

fieldset li span {
    float: left;        
    color: #C2C2C2; 
    width: 20em; 
}
fieldset.submit {  
    float: none;  
    width: auto;  
    border-style: none;
    padding-top: 1em; 
    padding-left: 35em;  
    background-color: transparent; 
}
label {
    position: relative;
    float: left;  
    width: 17em;  
    margin-right: 1em;
    color: #C2C2C2; 
}
label em{
    color: #D2232A;
    font-size: 18px;
}

table.problem_report {
    border: 1px solid #D2232A;
    margin-left: 5px;
}
table.problem_report th {
    border: 1px solid #D2232A;
    padding: 5px;
    color: #000000;
    background: #808080;
}
table.problem_report td {
    border: 1px solid #D2232A;
    padding: 5px;
    color: #808080;
}