/* american flag colors: blue: 0052A5; RGB(0,82,165) red: E0162B; RGB(224,22,43) */
/* alternative colors nav blue: 539fd9, hover light blue 87c3f1, section highlight light blue c9e2f6 */
/* fonts: Rockwell Extra Bold, Ultra-Bold, Marker Felt Bold */

body {
    background-color: #ffffff; /* green: 8ca078, dark brown: 393220, light brown: b0aa99 */
    font-size: 11pt;
    font-family:arial, verdana, geneva, arial, sans-serif;
    }
#banner { 
    position: absolute; 
    top: 0; 
    left: 0; 
    background-color: #ffffff; 
    width: 100%; 
    }
#banner-nav { 
    position: absolute; 
    top: 80px;  /* see #page margin-top, was 100*/
    left: 0; 
    background-color: #0052A5; /* nav blue 539fd9 */
    width: 100%; 
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;
    }
 #banner-content { 
    width: 960px; 
    /*height: 120px;*/
    margin: 0 auto; 
    /*border: 1px solid #000;*/
    /*background-color: #FFFFFF;*/
    }
#banner-1of2 {
    width: 600px; /*was 620*/ 
    float: left;
    background-color: #FFFFFF;
    }     
#banner-2of2 {
    width: 340px; /*was 150*/
    padding: 10px; 
    float: left;
    text-align: right;
    background-color: #FFFFFF;
    }     
#container {
    width: 960px;
    margin: 0 auto; /* Center the page float: left; */
    text-align: left;
    /*border: 1px solid #000000;*/
    background-color: #FFFFFF;
    }
#small {
    font-size: 10pt;
    }
#halfline {
    line-height: 4px;
    }
#page {
    padding-top: 112px; /* see banner-nav top, was 135 */
    /*padding: 0px 10px 10px 10px;*/
    /*background-color: #ffffff;*/
    }

#indent {
    padding-left: 15px;
    }

#normal_link {
    font-family:arial, verdana, geneva, arial, sans-serif;
    text-decoration:none;
    }   

#error {
    color: red;
    }

#text {
    font-family:arial, verdana, geneva, arial, sans-serif;
    }

#big {
    font-size: 12pt;
    }

#fineprint {
    font-size: 12px;
    text-decoration: none;
    }

#resultbox {
    width: 275px;
    height: 40px;
    border: 1px solid #cccccc;
    font-size: 20pt;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 5px;
    }
    
#ErrorText {
    color: red;
    }

#sidebar {
    font-size: 11pt;
}                       

/*-----------------------------------------------*/

#header_login {
    float: right;
    text-align: right;
    }

#header_links {
    list-style-type:none;
    margin:0;
    padding:0;
    padding-top:4px; /*Sets height of nav button*/
    padding-bottom:5px;
    }

#header_links li {
    display:inline;
    padding:0;
    margin:0;
    /*border-right:1px solid #1D6893;*/
    }
    
#header_links a:link,
#header_links a:visited {
    color:#1D6893;
    padding: 1px 10px 1px 10px; /*top, right, bottom, left*/
    text-decoration:none; /*turns off the underlined links*/
    /*text-transform:uppercase;*/
    width: auto;
    font: 14px arial, verdana, geneva, arial, sans-serif;
    }
    
#header_links a:hover,
#header_links a:active {
    color: #000000;
    font: 14px arial, verdana, geneva, arial, sans-serif;
    text-shadow: #999999 2px 2px 2px;
    }
#bar {
    border-right:1px solid #1D6893;
    }

/*-----------------------------------------------*/

img.floatNone {
    float: left; 
    border: 1px solid #000000;
    }

img.floatLeft {
    float: left; 
    margin-right: 10px;
    border: 1px solid #000000;
    }

img.floatRight {
    float: right; 
    margin-left: 20px;
    margin-bottom: 5px;
    /*margin-top: 5px;*/
    /*border: 1px solid #000000;*/
    }
    
img.floatFlow {
    border: none;
    padding-top: 5px;
    }

/*-----------------------------------------------*/

    
/*-----------------------------------------------*/
    
#nav-container {
    position: relative;
    width:960px;
    height:40px; 
    background:#0052A5; /* dark green: 8ca078 or dark brown: 393220 */
    /*font-family:georgia, times new roman, times, serif;*/
    font-family:arial, verdana, geneva, arial, sans-serif;
    }
    
#navbar {    
    position: relative;
    width: 960px;
    height: 40px;  
    font-size:14px;
    text-transform:uppercase;
    font-weight:bold;    
    /*background:#fff; #1D6893 light blue*/
    /*background:#fff url(imagesRCD/nav/bg.gif) repeat-x bottom left;*/
    padding:0 0 0 0px; /*left padding to first button (top, right, bottom, left)*/
    /*text-shadow: #999999 2px 2px 2px;*/
    /*background-color: #dddddd;*/
    }
    
#navbar ul {
    float:left; /* choose left or right from which to align the entire navbar/buttons then adjust the padding-left/right */
    padding-left:0;
    padding-right:0;
    margin:0;
    list-style-type:none;
    width:auto;
    }
    
#navbar ul li {
    display:block;
    float:left;
    /*margin:0 1px; provides a 1px offset to allow for a border line or right side*/
    }   
    
#navbar ul li a {
    display:block;
    float:left;
    color: #FFFFFF; /*#EAF3F8;*/
    text-decoration:none;
    /*padding:0px 24px 12px 24px; top & left padding on all text (top, right, bottom, left)*/
    padding:0px 42px 12px 42px; /* was 46 */
    height: 28px; /*height of actual button, should match above*/
    /* for height, see [#navbar ul li a.current:hover] padding (top) a+b=40 */
    }
        
#navbar ul li a span {
    padding:12px 5px 0 0;   /*right and top padding on all buttons (12pxtop, 20pxright, bottom, left)*/
    /*height:40px; no idea? */ 
    float:left;
    }
        
#navbar ul li a:hover {
    color:#000; /*text color for hovering*/
    background:#87c3f1; /*hover color light blue: 87c3f1*/ 
    /*background:transparent url(imagesRCD/nav/bg-OVER.gif) repeat-x bottom left;*/
    }
  
#navbar ul li a:hover span { 
    display:block;
    width:auto;
    cursor:pointer;
    }
    
#navbar ul li a.current,
#navbar ul li a.current:hover {
    color:#000000;
    background:#87c3f1; /*color for left margin of current button, was 1D6893*/
    /*background:#1D6893 url(imagesRCD/nav/left-ON.gif) no-repeat top left;*/
    /*background:#1D6893 url(imagesRCD/nav/left-ON.gif) no-repeat top left;*/
/*  line-height:275%; /*sets location of current button text, was 275%*/
    padding:12px 0 0 42px;   /*sets location of current button text ...was 24*/
    /* By adjusting the line above (top-pad) [navbar ul li a.current span] and... */
    /* ...[#navbar ul li a] need to have their heights adjusted to compensate */
    }
    
#navbar ul li a.current span {
    display:block;
    padding:0px 42px 0 0;  /*right padding on current button (top, right, bottom, left) ...was 24*/
    width:auto; 
    background:#87c3f1; /*color for current button, was 1D6893*/
    /*background:#1D6893 url(imagesRCD/nav/right-ON.gif) no-repeat top right;*/
    height:28px; /* see [#navbar ul li a.current:hover] padding (top) a+b=40 */
    }
/*End section for navigation bar*/

/*-----------------------------------------------*/

#flex {
    width: 960px;
    min-height: 460px;
    /*background-image: url("images/bg.png");
    background-repeat: repeat-y;*/
    /*background-color: #eeeeee;*/
    }

#flex_section {
    /*height: 100%;*/
    float: left;
    width: 960px;
    padding: 0px;
    margin: 0px;
    }

#flex_1of3 {
    width: 280px; /* was 279 */
    min-height: 200px;
    float: left;
    padding: 20px;
    /*padding-top: 20px;*/
    /*background-color: #ffffe0;*/
    /*font-size:10pt;*/
    }

#flex_1and2of3 {
    width: 599px;
    /*min-height: 200px; */
    float: left;
    padding: 20px;
     }
    
#flex_2and3of3 {
    width: 600px;
    /*min-height: 200px; */
    float: left;
    padding: 20px;
     }

#flex_2and3of3-naked {
    width: 640px; /* was 640 */
    float: right;
    padding: 0px;
    background-color:#ffffff;
    }

#flex_2and3of3-img {
    width: 640px;
    /*min-height: 200px; */
    float: left;
    padding: 0px;
    }
    
#flex_2of3 {
    width: 279px; /*596-4(20)-3of3*/
    min-height: 150px; /* otherwise the center v-line only tracks the listboxes or nothing */
    padding: 20px;
    float: left;
    /*border-left:1px solid #000000;*/
    }

#flex_3of3 {
    width: 279px; /**/
    min-height: 150px; /* otherwise the center v-line only tracks the listboxes or nothing */
    padding: 20px;
    float: left;
    /*background-color: #e4ffc9;#e4ffc9*/
    }

#flex_1and2and3of3 {
    min-height: 150px;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    }

#listbox_2and3of3 {
    width: 596px; /*596*/
    min-height: 125px;
    float: left;
    /*background-color: #e4ffc9;*/
    /*background-color: #111111;*/
    border-bottom:2px solid #111111; /*1D6893*/
    }

#listbox_2and3of3_nobottom { /* this is for editdraftoptions */
    width: 596px; /*596*/
    min-height: 125px;
    float: left;
    }

#listbox_2and3of3_noline { /* I don't know where this gets used */
    width: 596px; /*596*/
    min-height: 460px; /*was 125*/
    float: left;
    border-left:1px solid #111111; /*1D6893*/
    }

#listbox_2and3of3_header { /* this gets used on invite.php with a mixed 2and3 -> 2of3 + 3of3 */
    width: 596px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
    float: left;
    }

#listbox_2of3 {
    width: 266px; /*250 with 4of3*/
    min-height: 80px;
    float: left;
    padding: 20px;
    /*color: #990000;*/
    /*background-color: #e4ffc9;*/
    }

#listbox_3of3 {
    width: 250px;
    min-height: 80px;
    float: left;
    padding: 20px;
    /*color: #990000;*/
    /*background-color: #e4ffc9;*/
    }
    
#listbox_4of3 { /*folded into 2of3*/
    width: 16px;
    height: 120px; /* 70 + 20 + 20 padding */
    float: left;
    /*color: #990000;*/
    /*background-color: #e4ffc9;*/
    }

#listbox_msg {
    width: 596px; /*596*/
    /*min-height: 125px;*/
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-top: 0px;
    }
    
/*-----------------------------------------------*/
#flow {
    width: 957px;
    height: 190px;
    float: left;
    /*border-top: 1px solid #000000;*/
    text-align: center;
    }

#flow_1of4, #flow_2of4, #flow_3of4, #flow_4of4 {
    width: 219px;
    height: 170px;
    float: left;
    /*padding: 10px;*/
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 0px;
    /*font-size:11pt;*/
    }

/*--------------Custom Form Buttons--------------*/

/*Deep dark red: #aa0000, deep blue: #1D6893, dark green: #8ca078 */
/*Light green: #e4ffc9, cream: #ffffe0, wrong dark blue: #005c94, hover: #d3dcea */

.custombutton {
    background-color: #0052A5;
    color: #ffffff;
    /*font-weight: bold;*/ 
    min-width: 30px;
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 5px;
    margin-right: 5px;
    border: none;
    cursor: pointer;
}
.custombutton:hover {
    background-color: #87c3f1; /*#aa0000*/
    color: #000000; /*#ffffff*/
}
.custombutton.pressed { 
    background-color: #87c3f1; /*#aa0000*/
    color: #000000; 
    /*font-weight: bold;*/
    min-width: 30px;
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 5px;
    margin-right: 5px;
    border: none;
}

.custombuttonright {
    background-color: #0052A5; 
    color: #ffffff;
    /*font-weight: bold;*/ 
    min-width: 30px;
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 10px;
    margin-right: 0px;
    border: none;
    float: right;
    cursor: pointer;
}
.custombuttonright:hover {
    background-color: #87c3f1; /* #aa0000 #d3dcea */
    color: #000000; /*#ffffff*/
}
.custombuttonright.pressed {
    background-color: #87c3f1; /* #aa0000 #d3dcea */
    color: #000000;
    /*font-weight: bold;*/
    min-width: 30px;
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 10px;
    margin-right: 0px;
    border: none;
    float: right;
}

.custombuttonleft {
    background-color: #0052A5;
    color: #ffffff;
    /*font-weight: bold;*/ 
    min-width: 30px;
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0px;
    margin-right: 10px;
    border: none;
    float: left;
    cursor: pointer;
}
.custombuttonleft:hover {
    background-color: #87c3f1; /* #aa0000 #d3dcea */
    color: #000000; /*#ffffff*/
}
.custombuttonleft.pressed {
    background-color: #87c3f1; /* #aa0000 #d3dcea */
    color: #000000;
    /*font-weight: bold;*/ 
    min-width: 30px;
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0px;
    margin-right: 10px;
    border: none;
    float: left;
}

.custombuttonright-close {
    background-color: #0052A5;
    color: #ffffff;
    /*font-weight: bold;*/ 
    min-width: 30px;
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0px;
    margin-right: 0px;
    border: none;
    float: right;
    cursor: pointer;
}
.custombuttonright-close:hover {
    background-color: #d3dcea; /*#aa0000*/
    color: #000000; /*#ffffff*/
}
.custombuttonright-close.pressed {
    background-color: #d3dcea; /*#aa0000*/
    color: #000000;
    /*font-weight: bold;*/ 
    min-width: 30px;
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0px;
    margin-right: 0px;
    border: none;
    float: right;
}

/* -- REDS --*/

.custombuttonright-red {
    font-size: 11pt;
    background-color: #E0162B; 
    color: #ffffff;
    /*font-weight: bold;*/ 
    min-width: 30px;
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 10px;
    margin-right: 0px;
    border: none;
    float: right;
    cursor: pointer;
}
.custombuttonright-red:hover {
    background-color: #ff8c98; /* #aa0000 #d3dcea */
    color: #000000; /*#ffffff*/
}
.custombuttonright-red.pressed {
    background-color: #ff8c98; /* #aa0000 #d3dcea */
    color: #000000;
    /*font-weight: bold;*/
    min-width: 30px;
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 10px;
    margin-right: 0px;
    border: none;
    float: right;
}

.custombuttonright-red-banner {
    font-size: 11pt;
    background-color: #E0162B; 
    color: #ffffff;
    /*font-weight: bold;*/ 
    min-width: 30px;
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 10px;
    margin-right: 0px;
    border: none;
    float: right;
    cursor: pointer;
}

.custombuttonleft-red {
    font-size: 10pt;
    background-color: #E0162B;
    color: #ffffff;
    /*font-weight: bold;*/ 
    min-width: 30px;
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0px;
    margin-right: 10px;
    border: none;
    float: left;
    cursor: pointer;
}
.custombuttonleft-red:hover {
    background-color: #ff8c98; /* #aa0000 #d3dcea */
    color: #000000; /*#ffffff*/
}
.custombuttonleft-red.pressed {
    background-color: #ff8c98; /* #aa0000 #d3dcea */
    color: #000000;
    /*font-weight: bold;*/ 
    min-width: 30px;
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0px;
    margin-right: 10px;
    border: none;
    float: left;
}

/*-----------------------------------------------*/

input.custombutton {
    font-size: 10pt;
}

input.custombuttonright {
    font-size: 10pt;
}
    
input.custombuttonleft {
    font-size: 10pt;
}

/*-----------------------------------------------*/
/* width of columns 1 and 2 are modified in the table. they were set to be two columns in V01 but then i strank them to fit V02 */

#estimate_table_header {
    border-bottom: 1px solid #000000;
    float:left;
    background-color: #0052A5;
    color: #ffffff;
   }

#estimate_table_header td {
    border-right: 1px solid #000000;
    float:left;
    width: 90px; /* 960/8=120 and 1px for the border, but w/out padding, busts at 108 :: was 105 in V01 */
    height: 40px;
    padding-left: 10px;
    padding-top: 5px;
    text-align: center;
    }

#estimate_table td {
    float:left;
    height: 20px; /* was 20 */
    width: 90px; /* 960/8=120 and 1px for the border, but w/out padding, busts at 108 :: was 105 in V01  */
    padding-left: 10px;
    /*height: 10px;*/
    border-right: 1px solid #999999;
    font-size: 10pt;
    text-align: center;
    }

#estimate_table_shaded td {
    float:left;
    height: 22px; /* was 20 */
    width: 90px; /* 960/8=120 and 1px for the border, but w/out padding, busts at 108 :: was 105 in V01 */
    padding-left: 10px;
    background-color: #c9e2f6;
    border-right: 1px solid #999999;
    font-size: 10pt;
    text-align: center;
    padding-top: 3px;
    }

/* for some reason, when using FWD->ELEMENT the input size gets messed up */
#estimate_table input { 
    height: 12px;
    width: 70px; /* was 80 in V01 */
    }   

#estimate_table_shaded input { 
    height: 12px;
    background-color: #c9e2f6;
    border-style:solid;
    border: 1px solid #ffffff;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 72px; /* was 82 in V01 */
    }   
#estimate_table_shaded input:focus { 
    /*border: 1px solid rgba(81, 203, 238, 1);
    box-shadow: 0 0 2px rgba(81, 203, 238, 1);*/
    border: 1px solid #7babdf;
    box-shadow: 0 0 4px #9bcbff;
    }

#estimate_table_footer {
    border-top: 1px solid #000000;
    float:left;
    background-color: #0052A5;
    color: #ffffff;
    }

#estimate_table_footer td {
    border-right: 1px solid #111111;
    float:left;
    width: 90px; /* 960/8=120 and 1px for the border, but w/out padding, busts at 108 :: was 105 in V01  */
    height: 20px;
    padding-left: 10px;
    padding-top: 5px;
    text-align: center;
    font-size: 10pt;
   }

/*-----------------------------------------------*/

#award_table {
    float:left;
    border: none;
   }

#award_header {
    float:left;
    background-color: #0052A5;
    color: #ffffff;
    width:82px; /* 960/10=96 and 1px for the border, but 92 is min w/out padding */
    height: 40px;
    padding-left: 10px;
    padding-top: 5px;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    /*padding-bottom: 0px;
    margin-bottom: 0px;*/
    }

#award_header_blank {
    float:left;
    background-color: #ffffff;
    color: #ffffff;
    width:82px; /* 960/10=96 and 1px for the border, but 92 is min w/out padding */
    height: 40px;
    padding-left: 10px;
    padding-top: 5px;
    border: none;
    }

#award_body td {
    float:left;
    width:82px; /* 960/10=96 and 1px for the border, but 92 is min w/out padding */
    padding-left: 10px;
    /*height: 10px;*/
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    }    

/*-----------------------------------------------*/
    
/*Section for site map*/
#banner-sitemap { 
    position: absolute;
    left: 0px; 
    background-color: #0052A5; /* dark green: 8ca078 or dark brown: 393220 */
    width: 100%; 
    border-top:1px solid #000000;
    height: 160px;
    }
/*
    position: relative; 
    bottom: 0px; 
    left: 0; 
    margin: 0px;
    padding: 0px;


*/
#map-container {
    margin: 0 auto;
    width: 960px;
    background:#0052A5; /* dark green: 8ca078 or dark brown: 393220 */
    }
    
#site-map {
    list-style-type:none;
    margin:0;
    padding:0;
    padding-left: 160px; /* Set center location */
    padding-top:4px; /*Sets height of nav button*/
    padding-bottom:5px;
    }

#site-map li {
    display:inline;
    padding:0;
    margin:0;
    }
    
#site-map a:link,
#site-map a:visited {
    color:#ffffff;
    background:#0052A5; /* dark green: 8ca078 or dark brown: 393220 */
    padding: 10px 15px 10px 15px; /*top, right, bottom, left*/
    text-decoration:none; /*turns off the underlined links*/
    /*text-transform:uppercase;*/
    text-align:center;
    width: auto;
    font: 14px arial, verdana, geneva, arial, sans-serif;
    }
    
#site-map a:hover,
#site-map a:active {
    color: #000000;
    background-color:#0052A5; /* light green: 8ca078, light brown: b0aa99, dark green: 576a4a; */
    font: 14px arial, verdana, geneva, arial, sans-serif;
    /*text-shadow: #999999 2px 2px 2px;*/
    }
/*End section for site map*/

/*-----------------------------------------------*/
/* Ad Boxes */
/*-----------------------------------------------*/

/*#ad-box {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 300px;
    height: 250px;
    background-color: #eeeeee;
    }
    */

/*-----------------------------------------------*/
/* MOBILE */
/*-----------------------------------------------*/

#mobile-container {
    margin: 0 auto;
    width: 320px;
    background-color: #FFFFFF;
    /*background-color: #d3dcea; */
   }

#mobile-banner {
    color: #000000;
    width: 320px; /*Sum of width and text padding set total width*/
    /*height: 135px;*/
    font: 15px/20px verdana, geneva, arial, sans-serif;
    text-align: right;
    /*background-image: url(./images/RoseCreekDental-Logo.png);*/
    }

#mobile-display {
    width: 320px; /*Sum of width and text padding set total width*/
    /*background-image: url(./images/1-slideshow_320x167.jpg);*/
    }

#mobile-footer {
    width: 320px;
    height: 80px;
    background-color: #ffffff;
    }

/*----------------------NAV----------------------*/

#mobile-nav-container {
    position: relative;
    width:320px;
    height:40px; 
    background:#0052A5; /* dark green: 8ca078 or dark brown: 393220 */
    /*font-family:georgia, times new roman, times, serif;*/
    font-family:arial, verdana, geneva, arial, sans-serif;
    margin-bottom: 5px;
    }
    
#mobile-navbar {    
    position: relative;
    width: 320px;
    height: 40px;  
    font-size:14px;
    text-transform:uppercase;
    font-weight:bold;    
    /*background:#fff; #1D6893 light blue*/
    /*background:#fff url(imagesRCD/nav/bg.gif) repeat-x bottom left;*/
    padding:0 0 0 0px; /*left padding to first button (top, right, bottom, left)*/
    /*text-shadow: #999999 2px 2px 2px;*/
    /*background-color: #dddddd;*/
    }
    
#mobile-navbar ul {
    float:left; /* choose left or right from which to align the entire navbar/buttons then adjust the padding-left/right */
    padding-left:0;
    padding-right:0;
    margin:0;
    list-style-type:none;
    width:auto;
    }
    
#mobile-navbar ul li {
    display:block;
    float:left;
    /*margin:0 1px; provides a 1px offset to allow for a border line or right side*/
    }   
    
#mobile-navbar ul li a {
    display:block;
    float:left;
    color: #FFFFFF; /*#EAF3F8;*/
    text-decoration:none;
    /*padding:0px 24px 12px 24px; top & left padding on all text (top, right, bottom, left)*/
    padding:0px 42px 12px 42px; /* was 46 */
    height: 28px; /*height of actual button, should match above*/
    /* for height, see [#navbar ul li a.current:hover] padding (top) a+b=40 */
    }
        
#mobile-navbar ul li a span {
    padding:12px 5px 0 0;   /*right and top padding on all buttons (12pxtop, 20pxright, bottom, left)*/
    /*height:40px; no idea? */ 
    float:left;
    width:236px;
    }
        
#mobile-navbar ul li a:hover {
    color:#000; /*text color for hovering*/
    background:#87c3f1; /*hover color light blue: 87c3f1*/ 
    /*background:transparent url(imagesRCD/nav/bg-OVER.gif) repeat-x bottom left;*/
    width: 236px;
    }
  
#mobile-navbar ul li a:hover span { 
    display:block;
    width:auto;
    cursor:pointer;
    }
    
#mobile-navbar ul li a.current,
#mobile-navbar ul li a.current:hover {
    color:#000000;
    background:#87c3f1; /*color for left margin of current button, was 1D6893*/
    /*background:#1D6893 url(imagesRCD/nav/left-ON.gif) no-repeat top left;*/
    /*background:#1D6893 url(imagesRCD/nav/left-ON.gif) no-repeat top left;*/
/*  line-height:275%; /*sets location of current button text, was 275%*/
    padding:12px 0 0 42px;   /*sets location of current button text ...was 24*/
    /* By adjusting the line above (top-pad) [navbar ul li a.current span] and... */
    /* ...[#navbar ul li a] need to have their heights adjusted to compensate */
    width: 278px;
    }
    
#mobile-navbar ul li a.current span {
    display:block;
    padding:0px 42px 0 0;  /*right padding on current button (top, right, bottom, left) ...was 24*/
    width:auto; 
    background:#87c3f1; /*color for current button, was 1D6893*/
    /*background:#1D6893 url(imagesRCD/nav/right-ON.gif) no-repeat top right;*/
    height:28px; /* see [#navbar ul li a.current:hover] padding (top) a+b=40 */
    }

/*-----------------------------------------------*/

#mobile_table_header {
    border-bottom: 1px solid #000000;
    float:left;
    background-color: #0052A5;
    color: #ffffff;
    font-size: 8pt;
   }

#mobile_table_header td {
    border-right: 1px solid #000000;
    float:left;
    width: 61px; /* 960/8=120 and 1px for the border, but w/out padding, busts at 108 :: was 105 in V01 */
    height: 40px;
    padding-left: 5px;
    padding-top: 5px;
    text-align: center;
    }

#mobile_table {
    border-bottom: 1px solid #000000;
    float:left;
    background-color: #ffffff;
    font-size: 8pt;
    }

#mobile_table td {
    float:left;
    height: 20px; /* was 20 */
    width: 61px; /* 960/8=120 and 1px for the border, but w/out padding, busts at 108 :: was 105 in V01  */
    padding-left: 5px;
    border-right: 1px solid #999999;
    font-size: 8pt;
    text-align: center;
    }

#mobile_table_shaded {
    border-bottom: 1px solid #000000;
    float:left;
    background-color: #c9e2f6;
    font-size: 8pt;
   }

#mobile_table_shaded td {
    float:left;
    height: 22px; /* was 20 */
    width: 61px; /* 960/8=120 and 1px for the border, but w/out padding, busts at 108 :: was 105 in V01 */
    padding-left: 5px;
    background-color: #c9e2f6;
    border-right: 1px solid #999999;
    font-size: 8pt;
    text-align: center;
    padding-top: 3px;
    }

/* for some reason, when using FWD->ELEMENT the input size gets messed up */
#mobile_table input { 
    height: 12px;
    width: 40px; /* was 80 in V01 */
    }   

#mobile_table_shaded input { 
    height: 12px;
    background-color: #c9e2f6;
    border-style:solid;
    border: 1px solid #ffffff;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 72px; /* was 82 in V01 */
    }   
#mobile_table_shaded input:focus { 
    /*border: 1px solid rgba(81, 203, 238, 1);
    box-shadow: 0 0 2px rgba(81, 203, 238, 1);*/
    border: 1px solid #7babdf;
    box-shadow: 0 0 4px #9bcbff;
    }

#mobile_table_footer {
    border-top: 1px solid #000000;
    float:left;
    background-color: #0052A5;
    color: #ffffff;
    }

#mobile_table_footer td {
    border-right: 1px solid #111111;
    float:left;
    width: 61px; /* 960/8=120 and 1px for the border, but w/out padding, busts at 108 :: was 105 in V01  */
    height: 20px;
    padding-left: 5px;
    padding-top: 5px;
    text-align: center;
    font-size: 8pt;
   }

/*-----------------------------------------------*/