.outer_box {
	height: 450px;
	width: 650px; 
	overflow: auto; 
}

a.close, a.close:hover {
font: 10px verdana, arial, helvetica;
font-weight: normal;
color: #7A458B;
text-decoration: underline;
}

a.close:hover {
text-decoration: none;
}


.inner_box {
	height: 400px;
	width: 260px; 
	overflow: auto;
}

.clear_box {
	height: 420px;
	width: 270px; 
	overflow: auto; 
}

.inner_box, .outer_box {
	border: 2px #DDDDDD solid;
}

.hide_box { 
	border: 0px #FFFFFF solid;
	height: 1px;
	width: 1px;
}

.note_year {
	width: 120px;
}

.note_month {
	width: 140px;
}

.note_list {
	width: 400px;
}

.text_hide {
height: 17px; display: block;
}

.show, .hide {
	overflow:hidden;
	position:absolute
}

.show {
	visibility:true;
}

.hide {
	visibility:hidden;
}

.hide_list {
	display:none;
}

.show_list {
	display:block;
}

.tab_sub_on {
	background-image: url(/sb/styles/default/images/tab_blue_on.gif);
}

.tab_sub_off {
	background-image: url(/sb/styles/default/images/tab_blue_off.gif);
}

body {
    font:                   10px verdana, arial, helvetica, sans-serif;
    color:                  #000000;
    font-weight:            normal;
    margin:                 0px 0px 0px 0px; 
    background:             /*#1B5996*/  url(/sb/styles/public_home/images/okumaimages/background.jpg) top left repeat;
}

a, a:hover {
    font:                   10px verdana, arial, helvetica, sans-serif;
    font-weight:            normal;
    color:                  #1E1E73;
    text-decoration:        underline;
}
 
a:hover {
    text-decoration:        none;
}

a.menu, a.menu:hover {
    font:               11px verdana, arial, helvetica, sans-serif;
    font-weight:        bold;
    color:              #2F4993;
    text-decoration:    none;
    text-transform:     lowercase;
}

a.menu:hover {
    text-decoration:    underline;
}

a.menu2, a.menu2:hover {
    font:               11px verdana, arial, helvetica, sans-serif;
    font-weight:        bold;
    color:              #333333;
    text-decoration:    none;
}

a.menu2:hover {
    text-decoration:    underline;
}

p, td {
    font:                   10px verdana, arial, helvetica, sans-serif;
    color:                  #000000;
    font-weight:            normal;
}

th {
    font:                   11px verdana, arial, helvetica, sans-serif;
    color:                  #000000;
    font-weight:            bold;
}

.title1 {
    font-size:              17px;
    font-family:            verdana, arial, helvetica, sans-serif;
    font-weight:            normal;
    color:                  #000000;
}

.title2 {
    font-size:              14px;
    font-family:            verdana, arial, helvetica, sans-serif;
    font-weight:            normal;
    color:                  #000000;
}

.title3 {
    font-size:              12px;
    font-family:            verdana, arial, helvetica, sans-serif;
    font-weight:            normal;
    color:                  #000000;
}

.path { 
	line-height:            1;
	border:                 1px #999999 solid;
	padding:                5px;
}

.play_button {
    padding:                2px; 
    background:             #CCCCCC; 
    border:                 1px solid #999999;
}

.legend { 
	font-family: verdana, arial, tahoma; 
	font-size: 10px; 
	font-weight: bold;
	color: #000000; 
}

.submit { 
	font-family: verdana, arial, tahoma;
	font-size: 10px; 
	font-weight: bold; 
	width: 100px;
	border-style: 1px; 
	color: #000000;
	background-color: #FF9500;
}

.search, .reset { 
	font-family: verdana, arial, tahoma;
	font-size: 12px; 
	font-weight: bold; 
	color: #FFFFFF;
	width: 100px;
	background-color: #006699; 
	border-style: 1px; 
}

.page_on, .page_off, .button, a.page_on:hover { 
	font-family: VERDANA, ARIAL, TIMES; 
	font-size: 10px; 
	font-weight: BOLD;
	color: #000000; 
	text-decoration: NONE;
	padding: 3px;
}
.page_off { 
	color: #ff0000; 
}
.page_numbers_box
{
	border: solid 1px gray;
	padding: 2px;
}

.border, .category_border {
	line-height: 1; 
	font-family: Verdana, Tahoma, Arial;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	clip: rect( );
}

.border {
	border: 2px #DDDDDD solid;
}

.category_border {
	border: 2px #006699 solid;
}

.category_title { 
	font-family: verdana, arial, tahoma; 
	font-size: 13px; 
	font-weight: bold;
	color: #006699;
}

.categoryorder { 
	background-color: #F2F2F2; 
	border: 0px #FFFFFF solid; 
	padding-top: 0px; 
	padding-right: 3px; 
	padding-bottom: 0px; 
	padding-left: 3px;
}

.tab_on {
	background-color: transparent; 
	text-decoration: none; 
    font-family: verdana, arial, tahoma;
	font-size: 10px;
    font-weight: normal;
    color: #006699;
    width: 80px;
    height: 20px;
	border-style: none;
	clip: rect( );
}

.tab_off {
	background-color: transparent; 
	text-decoration: none; 
    font-family: verdana, arial, tahoma;
	font-size: 10px;
    font-weight: normal;
    color: #006699;
    width: 80px;
    height: 20px;
	border-style: none;
	clip: rect( );
}

.fieldset_title { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #FFFFFF; 
	background-color: #1B5996; 
	font-weight: bold; 
	line-height: 1; 
	text-decoration: none; 
	text-align: left; 
	border: 1px #666666 solid; 
	padding-top: 3px; 
	padding-right: 3px; 
	padding-bottom: 3px; 
	padding-left: 3px; 
	clip: rect( )
}

.input_large_off, .input_medium_off, .input_small_off, .input_large_on, .input_medium_on, .input_small_on, .input_off, .input_on .textarea_large_off, .textarea_medium_off, .textarea_small_off, .textarea_small2_off, .textarea_large_on, .textarea_medium_on, .textarea_small_on, .textarea_small2_on {
    font-family:       verdana, arial, tahoma;  
	font-size:         10pt; 
	font-weight:       normal; 
	text-decoration:   none; 
	background-color:  #FFFFFF;
}

.input_large_off, .input_medium_off, .input_small_off, .input_off, .textarea_large_off, .textarea_medium_off, .textarea_small_off, .textarea_small2_off{
    border:             1px #DDDDDD solid;
}

.input_large_on, .input_medium_on, .input_small_on, .input_on, .textarea_large_on, .textarea_medium_on, .textarea_small_on, .textarea_small2_on {
    border:             1px #006699 solid;
}

.input_large_off, .input_large_on {
    height:             20px;
    width:              400px;
}

.input_medium_off, .input_medium_on {
    height:             20px;
    width:              280px;
}

.input_small_off, .input_small_on {
    height:             20px;
    width:              100px;
}

.input_off, .input_on {
    height:             20px;
}

.textarea_large_off, .textarea_large_on {
    height:             400px;
    width:              400px;
}

.textarea_medium_off, .textarea_medium_on {
    height:             200px;
    width:              400px;
}

.textarea_small_off, .textarea_small_on {
    height:             100px;
    width:              400px;
}

.textarea_small2_off, .textarea_small2_on {
        height:             200px;
        width:              280px;
}

/* New style classes start here */



/* START LIST SUPERCLASS */
.list {
	font-size:              10px; 
	font-weight:            normal;
}

.list td {
	border:                 1px solid #CCCCCC;
	padding:                2px;
	height:                 20px;
}

.list th {
	font-size:              10px; 
	color:                  #666666; 
	background-color:       #CCCCCC;
	text-align:             center;
	text-transform:         uppercase;
	padding:                2px; 
	height:                 20px;
	border:                 1px solid #999999;
}
/* END LIST SUPERCLASS */

/* START TITLE BAR SUPERCLASS */

.title_bar {
	font-size:              12px; 
	font-weight:            normal;
	color:                  #666666; 
	background-color:       #CCCCCC;
	text-align:             center;
	text-transform:         uppercase;
	padding:                8px; 
	border:                 1px solid #999999;
}

/* END TITLE BAR SUPERCLASS */

/* START FORM SUPERCLASS */
.form {
	font-size:              10px; 
	font-weight:            normal;
}

.form table {
	border: 1px solid #999999;
}

.form td {
	text-align:             left;	
	padding:                2px;
	height:                 25px;
}

.form th {
	font-size:              10px; 
	color:                  #666666; 
	background-color:       #CCCCCC;
	text-align:             left;
	padding:                2px;
	height:                 25px;
	border: 				1px solid #999999;
}

.form thead {
	font-size:              14px; 
	background-color:       #999999;
	text-align:             center;
}
/* END FORM SUPERCLASS */

/* START PLAIN SUPERCLASS */
.plain {
	font-size: 14px; 
	font-weight: normal;
}

.plain td {
	border: 0px solid #FFFFFF;
	padding: 2px;
	height: 20px;
	background-color: #FFFFFF;
}

.plain th {
	border: 0px;
	padding: 2px;
	height: 20px;
	background-color: #FFFFFF;
}
/* END PLAIN SUPERCLASS */

/* New style classes end here */

/* START GALLERY SUPERCLASS */

.table_attributes {
    width:                  100%;
    padding:                0px;
    border:                 0px #000000 solid;
    background-color:       #FFFFFF;
}

.background_color {
    background-color:       #CCCCCC;
}

/* GALLERY OR DOCUMENTS LIST DISPLAY */

/* Do not remove any the following attributes. */
/* If you need to such between them, comment out the attributes you don\\\\\\\\\\\\\\\'t need. */

.popup_window_body {
    background-color:           #1E1E73;
    margin:                     0px 0px 0px 0px;
}

.overall_area {

    /* This displays a attributes around the whole window area */
    /* Such as position, border, background color, padding and margins */
    position:                   absolute;
	padding:                    0px;
	
	/* Only change the following two attributes. */
	border:                     2px solid #000000;
	background-color:           #FFFFFF;
	/* ----------------- */
	
	margin:                     10px;
	display:                    block;
}

.corner_lefthand_top {
    
    /* This allows you to display no background color or image. */
    /*display:                    none;*/
    
    /* This allows you to set width and height. */
    width:                      18px;
    height:                     18px;
    
    /* This allows you to display a background image. */
    /*background:                 url(/gallery/images/contentareaborder/01-corner_lefthand_top.gif) no-repeat;*/
}

.bar_top {
    /* This allows you to display no background color or image. */
    /*display:                    none;*/
    
    /* This allows you to set height. */
    height:                     18px;
    
    /* This allows you to display a background image. */
    /*background:                 url(/gallery/images/contentareaborder/02-bar_top.gif) repeat;*/
}

.corner_righthand_top {

    /* This allows you to display no background color or image. */
    /*display:                    none;*/
    
    /* This allows you to set width and height. */
    width:                      18px;
    height:                     18px;
    
    /* This allows you to display a background image. */
    /*background:                 url(/gallery/images/contentareaborder/03-corner_righthand_top.gif) no-repeat;*/
}

.side_lefthand_bar {
    /* This allows you to display no background color or image. */
    /*display:                    none;*/
    
    /* This allows you to set width and height. */
    width:                      18px;
    height:                     100%;
    
    /* This allows you to display a background image. */
    /*background:                 url(/gallery/images/contentareaborder/10-side_lefthand_bar.gif) repeat;*/
}

.side_righthand_bar {
    /* This allows you to display no background color or image. */
    /*display:                    none;*/
    
    /* This allows you to set width and height. */
    width:                      18px;
    height:                     100%;
    
    /* This allows you to display a background image. */
    /*background:                 url(/gallery/images/contentareaborder/10-side_righthand_bar.gif) repeat;*/
}

.corner_lefthand_bottom {

    /* This allows you to display no background color or image. */
    /*display:                    none;*/
    
    /* This allows you to set width and height. */
    width:                      18px;
    height:                     18px;
    
    /* This allows you to display a background image. */
    /*background:                 url(/gallery/images/contentareaborder/20-corner_lefthand_bottom.gif) no-repeat;*/
}

.bar_bottom {
    /* This allows you to display no background color or image. */
    /*display:                    none;*/
    
    /* This allows you to set height. */
    height:                     18px;
    
    /* This allows you to display a background image. */
    /*background:                 url(/gallery/images/contentareaborder/21-bar_bottom.gif) repeat;*/
}

.corner_righthand_bottom {

    /* This allows you to display no background color or image. */
    /*display:                    none;*/
    
    /* This allows you to display a background color. */
    width:                      18px;
    height:                     18px;
    
    /* This allows you to display a background image. */
    /*background:                 url(/gallery/images/contentareaborder/22-corner_righthand_bottom.gif) no-repeat;*/
}

.content_display_area {
    background-color:           #FFFFFF;
}
    
/* Next and Previous Buttons */

a.next_previous_button, a.next_previous_button:hover {
    font:                       12px verdana, helvetica, arial, sans-serif;
    font-weight:                normal;
    color:                      #1E1E73;
    text-decoration:            none;
}

a.next_previous_button:hover {
    text-decoration:            underline;
}

.next_button {
    width:                      80px;
    border:                     solid 1px #1E1E73;
    padding:                    3px;
    float:                      right;
}

.previous_button {
    width:                      80px;
    border:                     solid 1px #1E1E73;
    padding:                    3px;
    float:                      left;
}

/* END GALLERY SUPERCLASS */

/* START DROPMENU SUPERCLASS */

a.dropdown, a.dropdown:hover {
    font:                       12px verdana, arial, helvetica, sans-serif;
    font-weight:                normal;
    color:                      #FFFFFF;
    text-decoration:            none;
}
a.dropdown:hover {
    color:                      #000000;
}

.menutitle {
    background-color:           #DA0000;
    color:                      #000000;
    padding:                    0px;
}

.submenu_padding {
    padding:                    3px;
}

a.menuItem, a.menuItem:hover {
    font:                       11px verdana, arial, helvetica, sans-serif;
    font-weight:                normal;
    color:                      #000000; 
    text-decoration:            none;
}

a.menuItem:hover {
    color:                      #FFFFFF;
}

.menuItemOff, .menuItemOn {    
	/*display: 			        block;*/
	padding:                    3px;
}

.menuItemOn {
	color: 		                #00e;
}

.menuItemOff a, .menuItemOn a {
	/*display: 			        block;*/
	color: 		                black;
}

.menuItemOff a:hover, .menuItemOn a:hover {
	text-decoration: 	        none;
}

.menuItemOn a {
	color:                      #F2F2F2;
}

.subMenuItemOff, .subMenuItemOn {
	/*display: 			        block;*/
	padding:                    3px;
	padding-left:               10px;
	font: 				        10px verdana, helvetica, verdana, sans-serif; 
}

.subMenuItemOn {
	color: 		                #00e;
}


.subMenuItemOff a, .subMenuItemOn a {
	/*display: 			        block;*/
	color: 		                white;
}

.subMenuItemOff a:hover, .subMenuItemOn a:hover {
	text-decoration: 	        none;
}

.subMenuItemOn a {
	color:                      #F2F2F2;
}

/* Styles for menus */

.lowText { 
    text-decoration:            none; 
    color:                      #FFFFFF; 
    font:                       11px Arial, Helvetica; 
    padding-left:               3px;
}

.highText { 
    text-decoration:            none; 
    color:                      #FFFFFF; 
    font:                       11px Arial, Helvetica; 
    font-weight:                bold; 
    text-align:                 center;
    padding:                    1px;
}

.itemBorder { 
    border:                     1px solid #DDDDDD;
    padding:                    0px;
}

.itemBorderBlank { 
    border:                     1px solid #DDDDDD;
}

/* END SUPERCLASSES */


.on {
background-color: #B3E0F8;
}

/* Product Tab styles */
.ptab_on {
padding: 5px;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
border-top: 1px solid #CCC;
width: 90px;
color: #000;
background: #E5E5E5;
text-align: center;
}

.ptab_off {
padding: 5px;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
border-top: 1px solid #CCC;
width: 90px;
color: #000;
background: #E5E5E5;
text-align: center;
}

.divider_line {
border-top: 1px solid #CCC;
}