/* krislilja.com CSS */

/* hyperlink properties */
 a:link {color: #ffffff; text-decoration: underline;} 
 a:visited {color: #ffffff; text-decoration: underline;} 
 a:active {color: #ffffff; text-decoration: underline;} 
 a:hover {color: #ffffff; text-decoration: underline;} 
 
 a.link:link {color: black;}
 a.link:visited {color: black;}
 a.link:active {color: black;}
 a.link:hover {color: black;}

#pup {position:absolute; visibility:hidden; z-index:200; width:260; }

/* body properties */
body {font: 12px arial,sans-serif; color: #000000;  background-color: #FFFFFF; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; scrollbar-base-color:#ebe7de; scrollbar-track-color:#cfccc4; scrollbar-arrow-color:#000000;}
   
/* Header Tag Properties */
h1 {font: bold 18px arial,sans-serif; color: #000000; vertical-align: center; padding: 0px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px;}
h2 {font: bold 16px arial,sans-serif; color: #000000; vertical-align: center; padding: 0px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px;}
h3 {font: bold 13px arial,sans-serif; color: #000000; vertical-align: center; padding: 0px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px;}
h4 {font: bold 12px arial,sans-serif; color: #000000; vertical-align: center; padding: 0px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px;}
h5 {font: bold 10px arial,sans-serif; color: #000000; vertical-align: center; padding: 0px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px;}

/* table background colors */
TABLE.main {background-image: url(../images/home.jpg); background-repeat=no-repeat; background-position=center;}
TABLE.northernyellow {background-color: #f5b100;}
TABLE.northernred {background-color: #990000;}
TABLE.northernred2 {background-color: #660000;}
TABLE.northernblack {background-color: #000000;}
TABLE.northerngray {background-color: #ebe7de;}
TABLE.northerngray2 {background-color: #8d8b85;}
TABLE.northernwhite {background-color: #ffffff;}
TABLE.black_border {border:2px solid #000000}

/* Row Properties */
tr.black_border {border:1px solid #000000; padding:10px;}
tr.northerngray {background-color: #ebe7de;}
tr.northernwhite {background-color: #ffffff;}
tr.black_line {border-bottom:2px solid #000000;}

/* Column Header Properties */
th {font: bold 12px arial,sans-serif;}
td.nav_banner{font: 17px verdana,arial,sans-serif; color: #F96A15;}
td.nav_links{font: 10px verdana,arial,sans-serif; color: #FFFFFF;}

/* Column Data Properties */
td {font: 12px arial,sans-serif;}
td.top {font: 12px arial,sans-serif; vertical-align:top;}
td.error_red {color: red; font: 12px arial,sans-serif;}
td.original {font-weight: bolder; font-stretch: extra-expanded; 
    font: 12px arial,sans-serif;  background-color: #ebe7de;}

/* Column Lines */
td.lightgray_box {border-top:1px solid #D3D3D3; border-bottom:1px solid #D3D3D3; border-right:1px solid #D3D3D3; border-left:1px solid #D3D3D3;}
td.lightgray_top {border-top:1px solid #D3D3D3;}
td.lightgray_top_right_left {border-top:1px solid #D3D3D3; border-right:1px solid #D3D3D3;border-left:1px solid #D3D3D3;}

td.lightgray_right {border-right:1px solid #D3D3D3;}
td.lightgray_right_left {border-right:1px solid #D3D3D3;border-left:1px solid #D3D3D3;}

td.lightgray_left {border-left:1px solid #D3D3D3;}

td.lightgray_bottom {border-bottom:1px solid #D3D3D3;}
td.lightgray_bottom_right {border-bottom:1px solid #D3D3D3; border-right:1px solid #D3D3D3;}
td.lightgray_bottom_left {border-bottom:1px solid #D3D3D3; border-left:1px solid #D3D3D3;}
td.lightgray_bottom_right_left {border-bottom:1px solid #D3D3D3; border-right:1px solid #D3D3D3; border-left:1px solid #D3D3D3;}

td.lightgray_double {border-bottom: double 3px #aba;}

td.black_border {border:1px solid #000000; padding:10px;}
td.black_line {border-bottom:2px solid #000000;}
td.black_line_top {border-top:2px solid #000000;}
td.black_right_bold {border-right:2px solid #000000;}
td.black_right {border-right:1px solid #000000;}
td.black_left {border-left:1px solid #000000;}
td.black_box1 {border-top:2px solid #000000; border-bottom:1px solid #000000; border-right:1px solid #000000;}
td.black_box2 {border-top:2px solid #000000; border-bottom:1px solid #000000;}
td.black_right_bottom {border-bottom:1px solid #000000;border-right:1px solid #000000;}
td.black_line2 {border-bottom:1px solid #000000;}

/* Column Data background colors */
TD.northernyellow {background-color: #f5b100;}
TD.northernred {background-color: #990000;}
TD.northernred2 {background-color: #660000;}
TD.northernblack {background-color: #000000;}
TD.northerngray {background-color: #ebe7de;}
TD.northerngray2 {background-color: #8d8b85;}
TD.northernwhite {background-color: #ffffff;}

/* Pending changes properties */
input.pending {font-weight: bolder; font-stretch: extra-expanded; 
    font: 12px arial,sans-serif;  background-color: #ebe7de; }
option.pending {font-weight: bolder; font-stretch: extra-expanded; 
    font: 12px arial,sans-serif;  background-color: #ebe7de; }
textarea.pending {font-weight: bolder; font-stretch: extra-expanded; 
    font: 12px arial,sans-serif;  background-color: #ebe7de; }
td.original {font-weight: bolder; font-stretch: extra-expanded; 
    font: 12px arial,sans-serif;  background-color: #ebe7de;}

/* list properties */
li {font: 12px arial,sans-serif; padding: 0px; vertical-align: middle;}
li.warning {font: 12px arial,sans-serif; padding: 0px; vertical-align: middle; font-style: italic}
ul {margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; padding: 0px; vertical-align: middle;}

/* form elements */
form {margin: 0px; padding: 0px;}
select {font: 12px arial,sans-serif; background-color: #ffffff; border: 1px solid #000000;}
textarea {font: 12px arial,sans-serif; background-color: #ffffff; border: 1px solid #000000;}
.inputtypetext {font: 12px arial,sans-serif; background-color: #ffffff; border: 1px solid #000000;}

/* Images */
img {border: none;}


/* Scroll Box */
.scroll_box {margin:0; padding:0; 
             text-align:right; overflow:auto; height:400px; width:auto; border:medium;}

/* Vendor Maintenance Scroll Boxs */ 
.scroll_box1 {text-align:left; overflow:auto; height:500px; width:400px; border:medium;}
.box1 {border-color:black; border-bottom:thin;}