/* Core Classes */
body {margin: 0; padding:0;font: 12px Arial, Helvetica, sans-serif; }
a {color: #1062B6; text-decoration: none; }
input, select, textarea {font: 12px Arial, Helvetica, sans-serif; }
input.blur, textarea.blur {color:#999;}
select {margin:0;}
p {margin:0 0 15px;}
form {margin: 0; }
img {border: 0; }
table td {vertical-align: top; }
a:hover {text-decoration: underline; }
a.u {text-decoration:underline !important;}
a.u:hover {text-decoration:none !important;}

.br1 {margin-bottom:1px;}
.br2 {margin-bottom:2px;}
.br3 {margin-bottom:3px;}
.br5 {margin-bottom:5px;}
.br10 {margin-bottom:10px;}
.br15 {margin-bottom:15px;}
.br20 {margin-bottom:20px;}
.br25 {margin-bottom:25px;}
.br30 {margin-bottom:30px;}
.br40 {margin-bottom:40px;}
.br50 {margin-bottom:50px;}
.lh100 {line-height:100%;}
.lh110 {line-height:110%;}
.lh120 {line-height:120%;}
.lh130 {line-height:130%;}
.lh140 {line-height:140%;}
.lh150 {line-height:150%;}

.gbTop {height: 16px; width: 100%; }
.gbTop .tab a {float: left; display: block; text-decoration: none; padding: 2px 8px; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; background: #FFFFFF; color: #999999; font: 10px Arial, Helvetica, sans-serif !important; }
.gbTop .tab a.first {border-left: 1px solid #CCCCCC; }
.gbTop .tab a.on {background: #332F2C; color: #FFFFFF; border-top: 1px solid #34302d; border-right: 1px solid #34302d; }
.gbTop .tab a:hover {text-decoration: underline; }
.gbTop .tab a.note {background: #FFFFCC; border: 1px solid #c1c17f; border-bottom: 0; }

.foot {font-size: 11px; padding: 5px 10px 15px; text-align: right; margin-top: 15px; border-top: 1px solid #CCCCCC; }
.foot a {color: #1062B6 !important; text-decoration: none !important; font: 11px Arial, Helvetica, sans-serif !important; }
.foot a:hover {color: #1062B6 !important; text-decoration: underline !important; font: 11px Arial, Helvetica, sans-serif !important; }
.foot table td {padding:3px;}

.topSmlTxt {font-size: 10px; color: #666666; }

.topNav01 {background: #332F2C; height: 26px; font: 12px Arial, Helvetica, sans-serif !important; }
.topNav01 a {float: left; padding: 5px 25px; color: #D2CDCD !important; font-size: 12px; text-decoration: none; background: #34302d; font: 12px Arial, Helvetica, sans-serif !important; }
.topNav01 a:hover {text-decoration: underline; font: 12px Arial, Helvetica, sans-serif !important; }

.topNav02 {background: #5189dd; height: 25px; font: 12px Arial, Helvetica, sans-serif !important; margin-bottom:15px;}
.topNav02 a {float: left; background: #5189dd; padding: 5px 15px; color: #FFFFFF !important; text-decoration: none; border-right: 1px solid #4E80CB; font: 12px Arial, Helvetica, sans-serif !important; }
.topNav02 a:hover {text-decoration: underline; font: 12px Arial, Helvetica, sans-serif !important; }

.topHeader {background: #332F2C; height: 105px; padding: 1px 5px 3px; }

.topRight {float: right; font: 11px Arial, Helvetica, sans-serif !important; }
.topRight a {float: none; border: 0; background: 0; color: #1062B6 !important; text-decoration: none !important; font: 11px Arial, Helvetica, sans-serif !important; }
.topRight a:hover {color: #1062B6 !important; text-decoration: underline !important; font: 11px Arial, Helvetica, sans-serif !important; }

.topSearch {float: right; margin-right: 10px; }
.topSearch input.t {width: 130px; padding: 2px; border: 1px solid #666666; }

.boxFixed970 {width:970px;margin:0 auto 3px;}
.boxPercent95 {width:95%;margin:0 10px 3px;}

.leftNav01 {width: 160px; float: left; margin-top: 10px; }
.leftNav01 div.leftNavBox {padding: 5px; border: 2px solid #CCCCCC; margin-bottom: 10px; }

.st01 {padding: 4px 2px 0; font-weight: bold; font-size: 14px; }
.st01 span {font-weight: normal; }

ul.spriteLnk {margin: 0 0 5px; padding: 0; }
ul.spriteLnk li {list-style-type: none; margin: 0 0 6px 2px; padding: 0; }
ul.spriteLnk li a {background: url(/image/gbSprite.gif) no-repeat; padding-left: 20px; padding-bottom: 3px; }

ul.spriteLnk02 {margin: 0 0 5px; padding: 0; }
ul.spriteLnk02 li {list-style-type: none; margin: 0 0 6px 2px; padding: 0; }
ul.spriteLnk02 li a {padding-bottom: 2px; }

.t02 {font-size: 20px; border-bottom: 1px solid #AFAFAF; padding: 5px 0; margin-bottom: 5px; }
.t03 {font-size: 20px; padding: 5px 0; margin-bottom: 5px; }
.t04 {font-size: 20px; font-weight: bold; margin-bottom: 10px; }
.t04 span {margin: 0 10px; font-size: 12px; font-weight: normal; }
.t05 {font-size: 14px; font-weight: bold; margin-bottom: 10px; }
.t06 {font-size: 18px; font-weight: bold; margin-bottom: 20px; }
.t07 {font-size: 16px; font-weight: bold; margin-bottom: 5px; }
.t08 {font-weight: bold; margin-bottom: 10px; padding-bottom: 3px; border-bottom: 1px solid #CCCCCC; }
.t08 span {padding-top:2px;float:right;font-size:10px;font-weight:normal;}
.t09 {font-size: 12px; font-weight: bold; margin-bottom: 5px; padding: 5px; border-top: 1px solid #999999; background: #F6F6F6; }
.t10 {font-size: 12px; font-weight: bold; margin-bottom: 5px; padding: 5px; border-bottom: 1px solid #999999; }
.t11 {font-weight: bold; font-size: 16px; margin-bottom: 10px; }
.t12 {font-size:20px;margin-bottom:10px;}
.t13 {font-size: 16px; font-weight: bold; margin-bottom: 10px; color: #0f4179; }
.t14 {font-size: 24px; font-weight: bold; border-bottom: 1px solid #CCCCCC; padding: 10px 0 5px; margin: 0 0 15px; }
.t15 {font-size: 26px; margin-bottom: 3px; color: #000000; }
.t16 {font-size: 24px; font-weight: bold; margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid #CCCCCC; }
.t16 span {padding-top: 5px; float: right; font-size: 11px; font-weight: bold; }
.t16 span.lnk {float:none;font-size:12px;font-weight:normal;margin-left:10px;}
.t17 {font-size: 26px;font-weight: normal;margin:0 0 5px;padding-top:10px;color:#000;}
.t17 span {margin: 0 10px; font-size: 12px; font-weight: normal; }
.t18 {font-weight: bold;margin:0 0 5px;line-height:100%; }
.t19 {font-size: 14px; font-weight: bold; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #CCCCCC; }
.t20 {font-size: 20px; font-weight: bold;margin:0 0 5px;padding-bottom:5px;border-bottom:1px solid #999999; color: #0f4179; }
.t20 span {margin: 0 10px; font-size: 12px; font-weight: normal; }
.t21 {font-size: 20px; font-weight: bold;margin:0 0 5px;padding-bottom:5px;border-bottom:1px solid #999999; color: #0f4179; padding-top:15px;}
.t21 span {margin: 5px 10px 0; font-size: 12px; font-weight: normal; }
.t21 span a {text-decoration:underline;}
.t21 span a:hover {text-decoration:none;}
.t22 {font-size:18px;padding-bottom:5px;border-bottom:1px solid #E7E7E9;margin-bottom:15px;}
.t23 {font-weight:bold;margin-bottom:15px;}
.smlTxt01 {font-size:11px;}
.txtGrey {color:#777;}

.tabNav01 {position: relative; margin: 0; background: #FFFFFF; font: 12px Arial, Helvetica, sans-serif; padding-bottom: 25px; border-bottom: 1px solid #999999; }
.tabNav01 ul, .tabNav01 ul li {margin: 0; padding: 0; list-style: none; display: inline; }
.tabNav01 ul li a {padding: 5px 10px; line-height: 14px; margin-right: 8px; color: #004499; font-weight: bold; background: #EDEDED; float: left; border-left: 1px solid #999999; border-top: 1px solid #999999; border-right: 1px solid #999999; text-decoration: none; }
.tabNav01 ul li a:hover, .tabNav01 ul li a.on {border-bottom: 1px solid #FFFFFF; background: #FFFFFF; font-weight: bold; }

.tabNav02 {position: relative; margin: 0; background: #FFFFFF; font: 14px Arial, Helvetica, sans-serif; padding-bottom: 25px; border-bottom: 1px solid #CCCCCC; }
.tabNav02 ul, .tabNav02 ul li {margin: 0; padding: 0; list-style: none; display: inline; }
.tabNav02 ul li a {padding: 5px 10px; line-height: 14px; margin-left: 5px; color: #000; background: #fbfbfb; float: left; border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; text-decoration: none; }
.tabNav02 ul li a:hover, .tabNav02 ul li a.on {border-bottom: 1px solid #FFFFFF; background: #FFFFFF; font-weight: bold; }

.tabNav03 {margin-bottom: 10px; line-height: 100%; text-align: left; }
.tabNav03 ul {padding: 4px 0 4px 5px; margin-left: 0; border-bottom: 1px solid #d8dfea; }
.tabNav03 ul li {list-style: none; margin-left: 0; display: inline;}
.tabNav03 ul li.rgt {float:right;margin-top:-15px;}
.tabNav03 ul li a {font-weight: bold; padding: 4px 10px; margin-left: 0; border: 1px solid #d8dfea; border-bottom: none; background: #DDE; text-decoration: none;}
.tabNav03 ul li a:link {color: #448; }
.tabNav03 ul li a:visited {color: #667; }
.tabNav03 ul li a:hover {color: #FFFFFF; background: #227; border: 1px solid #227; }
.tabNav03 ul li a.on {color: #227; background: #FFFFFF; border-bottom: 1px solid #FFFFFF; padding-bottom:3px; }
.tabNav03 ul li a.aux, .tabNav03 ul li a.aux:hover {margin-left: 10px; background: none; border: 0; color: #448; }
.tabNav03 ul li a.aux:hover {text-decoration: underline; padding-bottom:3px; }

.tabNav04 {margin-bottom: 8px; line-height: 100%; text-align: left;font-size:13px;}
.tabNav04 ul {padding: 0 0 27px 10px; margin: 0; border-bottom: 1px solid #CCCCCC; }
*+html .tabNav04 ul {padding-bottom:26px;}
.tabNav04 ul li {list-style: none; margin: 0 2px 0 0; padding:0; float:left; }
.tabNav04 ul li.rgt {float:right;margin-top:-15px;}
.tabNav04 ul li a {color: #1062B6 !important; font-weight: bold !important; display:block; line-height:15px; padding: 6px 15px 4px; margin: 0; border: 1px solid #CCCCCC; border-bottom: none; background: transparent url(/image/tabNav04_fill.gif) bottom left repeat-x; text-decoration: none;}
.tabNav04 ul li a.tabMore {padding: 6px 8px 4px !important;}
.tabNav04 ul li a:hover {text-decoration:underline; }
.tabNav04 ul li a.on {color: #000000 !important; background: #FFFFFF; border-bottom: 1px solid #FFFFFF; }
.tabNav04 ul li a.aux, .tabNav04 ul li a.aux:hover {margin:0; background: none; border: 0; color: #448; }
.tabNav04 ul li a.aux:hover {text-decoration: underline; padding-bottom:3px; }
.tabNav04Sub {position:absolute;z-index:999999;visibility:hidden;margin:0;padding:0;width:160px;background: #FFFFFF !important;border: 1px solid #CCCCCC !important;}
.tabNav04Sub a {position: relative;display: block;font-weight:normal !important;margin: 0;border:0 !important;padding: 5px 10px;white-space: nowrap;text-align: left;text-decoration: none;background: none !important;}
.tabNav04Sub a:hover {text-decoration:underline;background:#EDEDED !important;}

.tabNav04Under {margin-bottom:20px;text-align:center;font-size:13px;}
.tabNav04Under span {color:#CCCCCC;font-size:14px;padding:0 3px;font-weight:bold;}
.tabNav04Under a {text-decoration:underline;}
.tabNav04Under a:hover {text-decoration:none;}
.tabNav04Under a.on {text-decoration:none;color:#000000;font-weight:bold;}

.tabNav05 ul {list-style:none;padding:0;margin:0 0 0 10px;}
.tabNav05 ul li {float: left;border: 1px solid #999999;border-bottom-width: 0;margin: 0 3px 0 0;}
.tabNav05 ul li a {text-decoration: none;display: block;background: #FFFFFF;padding: 5px 8px;}
.tabNav05 ul li a div.tabTitle {font-weight:bold;color:#336699;}
.tabNav05 ul li a div.tabDetail {color:#666666;}
.tabNav05 ul li a:hover {background: #ddf;}
.tabNav05 ul li.on a {position:relative;top:1px;background:#f7f7f7;color:#000000;}
.tabNav05 ul li.on a div.tabTitle {color:#000000;}
.tabNav05Box {border: 1px solid #999999;clear:left;padding:15px;background:#f7f7f7;}

.tabNav06 {display:block;padding:0 0 18px 0;}
.tabNav06 ul, .tabNav06 ul li {padding:0;margin:0;list-style:none;}
.tabNav06 ul li {display:block;float:left;padding:0 24px;border-left:1px solid #e4e4e4;}
.tabNav06 li.first {border:0;padding-left:0;}
.tabNav06 li a {color:#000;font-weight:bold;}
.tabNav06 li a.on, .tabNav06 li a:hover {color:#999;}

.b01 {font-size: 11px; background-color: #5189DD; color: #FFFFFF; font-weight: bold; padding: 1px 0px; margin: 0px; border-top: outset 2px #6699CC; border-right: outset 2px #006699; border-bottom: outset 2px #006699; border-left: outset 2px #6699CC; }
.b02 {font-size: 12px; background-color: #79b65e; color: #FFFFFF; font-weight: bold; padding: 2px 0px; margin: 0px; border-top: outset 2px #94cb7b; border-right: outset 2px #558a3c; border-bottom: outset 2px #558a3c; border-left: outset 2px #94cb7b; }

.carrierBox {border: 1px solid #CCCCCC; background: #FFFFFF; font-size: 11px; padding: 10px; }

.barPro02 {width: 130px; padding: 3px; border: 1px solid #CCCCCC; background: #FFFFFF; }
.barPro02 div {background: url(/image/barProBg.jpg) top left repeat-x; height: 16px; }

.frontTblSu {width: 100%; }
.frontTblSu td.h {text-align: right; padding-right: 10px; width: 120px; }

.miniBox01 {width: 580px; margin: 0 auto; padding: 5px 5px 10px; }
.miniBox02 {width: 95%; margin: 0 auto; padding: 10px 0; }
.miniBox03 {background: #000000; }
.miniBox04 {padding-left:10px; }

.err01 {color: #FF0000; font-weight: bold; font-size: 11px; margin: 3px 0; }
.err02 {color: #FF0000; font-weight: bold; margin: 3px 0 10px; line-height: 125%; }
.err03 {border: 1px solid #CC3300; padding: 8px; background: #FFEBE6; font-weight: bold; margin-bottom: 15px; }
.err04 {border: 1px solid #CC3300; padding: 8px; background: #FBD6D6; margin: 10px 0 0; line-height: 130%; }
.err05 {color: #FF0000; font-weight: bold; }

.horNav01 {margin: 0 0 15px; font-size: 12px; }
.horNav01 span {font-weight: bold; margin-right: 10px; }

.horNav02 {margin:0 0 15px;}
.horNav02 ul {text-align:left;margin:1em 0;border-bottom:1px solid #999;list-style-type:none;padding:5px 10px;}
.horNav02 ul li {display:inline;}
.horNav02 ul li.on {border-bottom: 1px solid #fff;background:#fff;font-weight:bold;}
.horNav02 ul li.on a {background:#fff;color:#000;position:relative;top:1px;padding-top:6px;}
.horNav02 ul li a {padding:5px 10px;border:1px solid #999;background-color:#ededed;color:#666;margin-right:0px;text-decoration:none;border-bottom: none;}
.horNav02 ul li a:hover {background:#fff;color:#000;}
.horNav02 ul li a.aux {margin-left: 10px; background: none; border: 0; color: #1062B6;}
.horNav02 ul li a.aux:hover {text-decoration:underline;}

.horNav03 {color: #333333; margin: 0 0 10px; background: #CCCCCC; padding: 5px 0; }
.horNav03 ul {list-style: none; padding: 0; margin: 0; }
.horNav03 ul li {display: inline; padding: 0; margin: 0; }
.horNav03 ul li a {padding: 3px 10px; }
.horNav03 ul li a:hover, .horNav03 ul li a.on {color: #333333; text-decoration: none; }

.horNav04 {margin: 0 0 15px; font-size: 12px; padding: 0 0 22px; border-bottom: 1px solid #d8dfea; }
*+html .horNav04 {padding: 0 0 22px; } /* IE 7 only */
.horNav04 ul {margin: 0; padding: 10px 10px 0; list-style: none; }
.horNav04 li {float: left; margin: 0; padding: 0; }
.horNav04 li a {float: left; padding: 3px 15px; background: #DDE; color: #448; text-decoration: none; border: 1px solid #d8dfea; border-right: 1px solid #cccccc; border-bottom: 1px solid #d8dfea; border-left: 0; }
.horNav04 li a:hover {background: #EDEDED; text-decoration: underline; }
.horNav04 li a.on, .horNav04 li a.on:hover {text-decoration: none; color: #ffffff; background: #227; font-weight: bold; margin-left: 0; border: 1px solid #3b5998 !important; }
.horNav04 li a.first {border-left: 1px solid #d8dfea; }

.horNav05 {margin: 0 0 15px; font-size: 12px; padding: 0 0 22px; border-bottom: 1px solid #898989; }
*+html .horNav05 {padding: 0 0 22px; } /* IE 7 only */
.horNav05 ul {margin: 0; padding: 10px 10px 0; list-style: none; }
.horNav05 li {float: left; margin: 0; padding: 0; }
.horNav05 li a {float: left; padding: 3px 15px; background: #DDE; color: #448; text-decoration: none; border: 1px solid #d8dfea; border-right: 1px solid #cccccc; border-bottom: 1px solid #898989; border-left: 0; }
.horNav05 li a:hover {background: #EDEDED; text-decoration: underline; }
.horNav05 li a.on, .horNav05 li a.on:hover {text-decoration: none; color: #ffffff; background: #227; font-weight: bold; margin-left: 0; border: 1px solid #3b5998 !important; }
.horNav05 li a.first {border-left: 1px solid #d8dfea; }

.vertNav01 {width: 200px;border-top:1px solid #cccccc;border-left:1px solid #cccccc;border-right:1px solid #cccccc;position:relative;z-index:1;}
.vertNav01 ul {margin: 0;padding: 0;list-style-type: none;font-family: Arial, Helvetica, sans-serif;}
.vertNav01 ul li {margin: 0;padding: 0;}
.vertNav01 a {display: block;padding: 5px 10px;width: 180px;background: #f7f7f7;border-bottom: 1px solid #dddfe4;}
.vertNav01 a:link, #navlist a:visited{color:#0033cc;text-decoration: none;}
.vertNav01 a:hover{background-color: #d8dfea;}
.vertNav01 a.on, .vertNav01 a.on:hover {background-color: #6d84b4;color: #fff;border-left:1px solid #3b5998;border-top:1px solid #3b5998;border-bottom:1px solid #3b5998;}

.vertNav02 {margin-left:201px;border:1px solid #ccc;padding:5px 15px 30px;width:600px;position:relative;z-index:2;}
.vertNav02 ul {margin: 0;padding: 0;list-style-type: none;font-family: Arial, Helvetica, sans-serif;}
.vertNav02 ul li {margin:0;padding:7px 5px;border-bottom:1px solid #ededed;}
.vertNav02 ul li.t {border-bottom:1px solid #cccccc !important;margin-top:10px;}
.vertNav02 ul li a {font-weight:bold;padding:2px 4px;}
.vertNav02 ul li a:hover, .vertNav02 ul li a.on:hover {font-weight:bold;background:#0033cc;color:#ffffff;text-decoration:none;}

.vertNav03 {}
.vertNav03 ul {margin: 0;padding: 0;list-style-type: none;font-family: Arial, Helvetica, sans-serif;}
.vertNav03 ul li {margin:0;padding:7px 0;border-bottom:1px solid #ededed;}
.vertNav03 ul li.t {border-bottom:1px solid #cccccc !important;margin-top:10px;}
.vertNav03 ul li a {font-weight:bold;padding:2px 4px;}
.vertNav03 ul li a:hover, .vertNav03 ul li a.on:hover {font-weight:bold;background:#0033cc;color:#ffffff;text-decoration:none;}

.vertNav04 {float:left;width:170px;}
.vertNav04 ul {margin:0 0 25px;padding:0;list-style-type:none;font-family: Arial, Helvetica, sans-serif;}
.vertNav04 ul li {margin:0 0 7px;padding:0;}
.vertNav04 ul li.t {font-weight:bold;font-size:14px;border-bottom:1px solid #999;padding-bottom:3px;margin-bottom:10px;}
.vertNav04 a.on {color:#000;font-weight:bold;}
.vertNav04 a:hover {text-decoration:underline;}

.vertNav04Right {margin-left:200px;padding:25px 0 25px 20px;}
.vertNav04Right02 {margin-left:200px;padding:15px 0 15px 20px;}
.vertNav04Right03 {margin-left:200px;padding:5px 0 15px 5px;}

.vertNav05 {margin:0;font-size:11px;}
.vertNav05 ul {margin: 0;padding: 0;list-style-type: none;}
.vertNav05 ul li {margin:0 0 5px;}
.vertNav05 ul li.t {border-bottom:1px solid #cccccc !important;margin-top:10px;}
.vertNav05 ul li a {padding:2px 4px;}

.boxContainer01 {background: #EDEDED; padding: 8px; font-size: 11px; border-top: 1px solid #CCCCCC; margin-bottom: 10px; }
.boxContainer02 {background: #EDEDED; padding: 8px; margin-bottom: 10px; }
.boxContainer03 {background: #e8eff6; padding: 20px; margin-bottom: 10px; border: 1px solid #CCCCCC; }
.boxContainer04 {margin-bottom:30px;}
.boxContainer04 img.current {border:1px solid #8F9193;float:left;margin:0 15px 0 0;}
.boxContainer04 div.title {font-size:14px;font-weight:normal;margin-bottom:3px;}
.boxContainer04 div.currentList {float:left;font-size:12px;line-height:18px;width:250px;}
.boxContainer04 ul {margin:0;padding:0 0 0 15px;}
.boxContainer04 ul li {margin:0;padding:0;}
.boxContainer04 ul li span {margin-left:10px;color:#666;font-size:11px;}
.boxContainer04 a {text-decoration:underline;}
.boxContainer04 a:hover {text-decoration:none;}

.fileAlbumBox {border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 10px; background: #F5F5F5; margin-bottom: 15px; }
.fileAlbumBoxTbl {border: 1px solid #CCCCCC; background: #FFFFFF; margin-bottom: 5px; width: 100%; font-size: 11px; }
.fileAlbumBox input, .fileAlbumBox select {font-size: 11px; }
.fileAlbumLine {margin-bottom: 3px; padding-bottom: 3px; border-bottom: 1px solid #EDEDED; }

.infoTbl01 {width: 100%; }
.infoTbl01 .h {color: #808080; width: 70px; }

.infoTbl02 {width: 100%; font-size: 12px; }
.infoTbl02 td.h {text-align: right; padding-right: 10px; vertical-align: middle; }

.dcWrapper {padding: 0; }
.dcMainNav {padding: 5px 0; text-align: right; background: #E5E5E5; margin-bottom: 15px; }
.dcMainNav ul {list-style: none; padding: 0; margin: 0; }
.dcMainNav ul li {display: inline; padding: 0; margin: 0; }
.dcMainNav ul li span {padding: 0 10px; color: #999999; font-weight: bold; float: left; }
.dcMainNav ul li a {padding: 0 10px; font-weight: bold; border-right: 1px dotted #CCCCCC; }
.dcMainNav ul li a.last {border: 0; }
.dcMainNav ul li a:hover, .dcMainNav ul li a.on {}
.dcMainNav ul li a.on {text-decoration: none; }

.dcIntroTbl, .dapSearchTbl {margin-bottom: 15px; }
.dcIntroTbl img, .dapSearchTbl img {display: block; }

.dapNoteBox1 {border: 1px solid #B3B363; background: #FFFFCC; padding: 5px; width: 70%; margin: 0 auto 15px; }
.dapNoteBox2 {border: 2px solid #3F527C; background: #FFFFFF; padding: 5px; width: 70%; margin: 0 auto 15px; }
.dapNoteBox3 {border: 2px solid #666666; background: #FFFFFF; margin: 0 auto 15px; padding: 10px; line-height: 130%; }

.tblGeneMail {width: 99%; }
.tblGeneMail td {border-bottom: 1px solid #CCCCCC; padding: 3px 5px; }
.tblGeneMail td.func {background: #E5F0F8; padding: 5px; }
.tblGeneMail td.body {padding: 15px 10px 30px; border-bottom: 0; }
.tblGeneMail td.v {vertical-align: middle; padding: 3px 1px; }
.tblGeneMail th {padding: 3px 5px; text-align: left; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-collapse: collapse; background: #EDEDED; font-weight: bold; padding: 5px 3px; }

table.withBorder {border-width: 1px 0px 0px 1px; border-color: #CCCCCC; border-style: solid; margin-bottom: 15px; font-size: 12px; }
table.withBorder td, table.withBorder th {border-width: 0px 1px 1px 0px; border-color: #CCCCCC; border-style: solid; padding: 5px; }
table.withBorder td.hr {font-weight: bold; background-color: #EDEDED; }
table.withBorder th.headTitle {background:#c6d7cf;font-size:14px;padding:10px;text-align:left;}
table.withBorder th {background-color: #EDEDED;text-align:left;}
table.withoutBorder {border: 0; margin-bottom: 15px; font-size: 12px; }
table.withoutBorder td, table.withoutBorder th {border-width: 0px; padding: 3px; background-color: #FFFFFF; }
table.withoutBorder td.hr {text-align: right; padding-right: 20px; padding-top:5px; font-weight: bold; }
table.withoutBorder td.n, table.withoutBorder th.n {background-color:transparent !important;}

.withBorder02 {width: 99%; border: 1px solid #CCCCCC; border-collapse: collapse; margin-bottom: 15px; }
.withBorder02 td {border: 1px solid #CCCCCC; border-collapse: collapse; padding: 3px 5px; }
.withBorder02 th {padding: 3px 5px; text-align: left; vertical-align: top; border: 1px solid #CCCCCC; border-collapse: collapse; background: #EDEDED; }

.withBorder03 {width: 99%; border: 1px solid #EDEDED; border-collapse: collapse; margin-bottom: 15px; }
.withBorder03 td {border: 1px solid #EDEDED; border-collapse: collapse; padding: 3px 5px; }
.withBorder03 th {padding: 3px 5px; text-align: left; vertical-align: top; border: 1px solid #EDEDED; border-collapse: collapse; background: #F5F5F5; }

.withBorder04 {border-bottom: 1px solid #CCCCCC; border-collapse: collapse; }
.withBorder04 td, table.withBorder04 th {border-bottom: 1px solid #CCCCCC; border-collapse: collapse; padding: 3px; }
.withBorder04 th {background-color: #EDEDED; }

.withBorder05 {border-collapse: collapse; width: 99%; margin-bottom: 20px; }
.withBorder05 td, table.withBorder04 th {padding: 3px; }
.withBorder05 th {text-align: left; }
.withBorder05 th.headTitle {font-size:14px;padding-bottom:8px;}

.withBorder06 {border-width: 1px 0px 0px 1px; border-color: #CCCCCC; border-style: solid; margin-bottom: 15px; font-size: 12px; }
.withBorder06 td, .withBorder06 th {border-width: 0px 1px 1px 0px; border-color: #CCCCCC; border-style: solid; padding: 3px; }
.withBorder06 td.hr {font-weight: bold; background-color: #EDEDED; }
.withBorder06 th.headTitle {background:#c6d7cf;font-size:14px;padding:5px;text-align:left;}
.withBorder06 th {background-color: #EDEDED;text-align:center;vertical-align:bottom;}

.withBorder07 {width: 99%;border-collapse:collapse;margin-bottom:20px;}
.withBorder07 th {border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;border-collapse:collapse;background:transparent url(/image/bgFill02.jpg) bottom left repeat-x;padding: 5px; font-weight:bold;text-align:left;vertical-align:middle;}
.withBorder07 th.vs {border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;}
.withBorder07 th a, .withBorder07 a.lnkLine {text-decoration:underline;}
.withBorder07 th a.on {font-weight:bold;color:#000;text-decoration:none !important;}
.withBorder07 th a.on:hover {text-decoration:underline !important;}
.withBorder07 th a:hover, .withBorder07 a.lnkLine:hover {text-decoration:none;}
.withBorder07 td {border-top:1px solid #A9A9A9; border-bottom:1px solid #CCCCCC;border-collapse:collapse;padding: 5px; vertical-align:middle;}

.withBorder08 {width: 99%;border-collapse:collapse;margin-bottom:10px;border:1px solid #CCCCCC;}
.withBorder08 th {border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;border-collapse:collapse;background:transparent url(/image/bgFill02.jpg) bottom left repeat-x;padding: 5px; font-weight:normal; text-align:left;vertical-align:middle;font-size:13px;}
.withBorder08 td {border-bottom:1px solid #E9E9E9; padding:5px 8px;background:#FFFFFF;}
.withBorder08 td.cal {background:#F5F5F5;color:#b6b49d;font-weight:bold;text-align:right;}
.withBorder08 td.cal span.yearStart {font-size:20px;}
.withBorder08 td.cal span.yearStartS {font-size:14px;}
.withBorder08 td.cal span.yearEndS, .withBorder08 td.cal span.dateS {font-size:16px;font-weight:normal;}

.withBorder09 {width: 99%;border-collapse:collapse;margin-bottom:10px;border:1px solid #CCCCCC;}
.withBorder09 th {border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;border-collapse:collapse;background:transparent url(/image/bgFill02.jpg) bottom left repeat-x;padding: 5px; font-weight:normal; text-align:left;vertical-align:middle;font-size:13px;}
.withBorder09 td {border-bottom:1px solid #E9E9E9; padding:5px 8px;background:#FFFFFF;}
.withBorder09 td.hl {background:#ffffef !important;}
.withBorder09 td.cal {background:#F5F5F5;color:#b6b49d;font-weight:bold;text-align:right;}
.withBorder09 td.cal span.yearStart {font-size:20px;}
.withBorder09 td.cal span.yearStartS {font-size:14px;}
.withBorder09 td.cal span.yearEndS, .withBorder08 td.cal span.dateS {font-size:16px;font-weight:normal;}


.yStrResultTable {background: #333333; padding: 10px; color: #CCCCCC; font-size: 11px; border: 3px solid #666666; }
.yStrResultTable02 {background: #424242; padding: 10px; color: #CCCCCC; font-size: 11px; border: 3px solid #666666; }

.yStrResultTable .sideLinks {line-height:140%;}
.yStrResultTable .sideLinks a {padding:2px 5px;color:#ffffff;background:none;}
.yStrResultTable .sideLinks a:hover {background:#ffffff;color:#333333;}

table.markerDetail {border: 1px solid #666666; border-collapse: collapse; margin: 0 0 15px; width: 170px; font-size: 11px; }
table.markerDetail td, table.markerDetail th {border: 1px solid #666666; border-collapse: collapse; padding: 3px 5px; }

.bigBtn01 {font-size: 14px; font-weight: bold; width: 170px; height: 30px; }
.bigBtn02 {font-size: 12px; font-weight: bold; width: 150px; height: 26px; margin-bottom: 5px; }

.dapTopNav02 {margin: 0 0 15px; background: #FFFFFF; font: 12px Arial, Helvetica, sans-serif; padding-bottom: 21px; border-bottom: 1px solid #3F527C; }
.dapTopNav02 ul, .dapTopNav02 ul li {margin: 0; padding: 0; list-style: none; display: inline; }
.dapTopNav02 ul li a {padding: 4px 15px; line-height: 12px; margin-left: 5px; font-weight: bold; background: #FFFFFF; color: #000; float: left; border-left: 1px solid #C7C6D7; border-top: 1px solid #C7C6D7; border-right: 1px solid #C7C6D7; }
.dapTopNav02 ul li a:hover {border-bottom: 1px solid #FFFFFF; background: #DBDEE6; text-decoration: underline; }
.dapTopNav02 ul li a.on, .dapTopNav02 ul li a.on:hover {background: #DBDEE6; border-left: 1px solid #3F527C; border-top: 1px solid #3F527C; border-right: 1px solid #3F527C; border-bottom: 1px solid #FFFFFF; color: #000000; font-weight: bold; }
.dapTopNav02 ul li span {padding: 8px 40px 8px 0; float: left; line-height: 12px; margin-right: 5px; font-weight: bold; font-size: 18px; color: #666666; }

.dapSummaryNav {margin: 0; background: #FFFFFF; font: 12px Arial, Helvetica, sans-serif; padding-bottom: 25px; }
.dapSummaryNav ul, .dapSummaryNav ul li {margin: 0; padding: 0; list-style: none; display: inline;  float: right; }
.dapSummaryNav ul li a {padding: 5px 10px; line-height: 13px; margin-left: 5px; color: #000; background: #EFEFEF; float: left; border-left: 1px solid #C7C6D7; border-top: 1px solid #C7C6D7; border-right: 1px solid #C7C6D7; text-decoration: none; }
.dapSummaryNav ul li a:hover {border-bottom: 1px solid #FFFFFF; background: #FFFFFF; }
.dapSummaryNav ul li a.on, .dapSummaryNav ul li a.on:hover {background: #C6CED7; border-left: 1px solid #C6CED7; border-top: 1px solid #C6CED7; border-right: 1px solid #C6CED7; border-bottom: 1px solid #C6CED7; font-weight: bold; }
.dapSummaryNavLvl1 {background: #C6CED7; padding: 7px 15px; }
.dapSummaryNavLvl1 div {float: right; margin: 0 10px; }
.dapSummaryNavLvl2 {background: #EFEFEF; padding: 7px 15px; }

.tblDapSummary {border: 1px solid #CCCCCC; border-collapse: collapse; }
.tblDapSummary th {font-weight: normal; background: #EFEFEF; padding: 5px; border: 1px solid #CCCCCC; border-collapse: collapse; text-align: left; }
.tblDapSummary td {border: 1px solid #CCCCCC; border-collapse: collapse; padding: 5px; }

.dapFlag01 {font-weight: bold; margin-bottom: 5px; color: #3F527C; }

dl#hapLevel {margin: 0; padding: 0; }
dl#hapLevel dt {position: relative; /* IE is dumb */ clear: both; display: block; float: left; width: 104px; height: 20px; line-height: 20px;margin-right: 17px; font-size: .75em; text-align: right; }
dl#hapLevel dd {position: relative; /* IE is dumb */display: block; float: left; width: 155px; height: 20px; margin: 0 0 15px; background: url(/image/g_colorbar.jpg); }
* html dl#hapLevel dd { float: none; } 
/* IE is dumb; Quick IE hack, apply favorite filter methods for 
wider browser compatibility */
dl#hapLevel dd div { position: relative; background: url(/image/g_colorbar2.jpg); height: 20px; width: 75%; text-align:right; }
dl#hapLevel dd div strong {position: absolute; right: -5px; top: -2px; display: block; background: url(/image/g_marker.gif); height: 24px; width: 9px; text-align: left;text-indent: -9999px; overflow: hidden; }

.cLeft {clear:left;height:0;line-height:0;font-size:0;}
.cRight {clear:right;height:0;line-height:0;font-size:0;}
.cBoth {clear:both;height:0;line-height:0;font-size:0;}

ul.haplogroupTree01, ul.haplogroupTree01 ul {background: #FFFFFF; margin: 2px 0 0 23px; padding: 0; list-style: none; }
*html ul.haplogroupTree01, ul.haplogroupTree01 ul {margin-left: 15px; } /* IE 7 only */
ul.haplogroupTree01 li {margin: 0 0 2px -2px; padding: 0 0 0 10px; background: url(/image/mtdnaHaplogroup/horConnector.jpg) 0 -2px no-repeat; }
ul.haplogroupTree01 div {border-left: 2px solid #7A7A7A; }
ul.haplogroupTree01 li a {color: #FFFFFF; margin: 0; padding: 0 12px; display: inline; text-decoration: none; font-weight: bold; font-size: 11px; cursor: default; }
ul.haplogroupTree01 li span {color: #000000; font-weight: bold; margin-left: 15px; font-size: 14px; background: #FFFFCC; display: inline; padding: 0 60px 0 10px; }
/* ul.haplogroupTree01 li a:hover {border: 2px solid #7A7A7A; } */

.selectedBox {padding: 5px 10px; margin-bottom: 15px; border: 1px solid #CCCCCC; background-color: #EDEDED; }

.dcMainPopList {filter: alpha(opacity=60); -moz-opacity: .60; opacity: .60; background: #FFFFFF; width: 475px; padding: 15px; height: 100px; float: right; margin: 50px 20px 0 0; }
.dcMainUpdateList {float: left; filter: alpha(opacity=60); -moz-opacity: .60; opacity: .60; background: #FFFFFF; width: 200px; padding: 10px; height: 110px; margin: 50px 0 0 10px; }
.dcListTtl {font-weight: bold; font-size: 16px; margin-bottom: 5px; }

.reportTbl01 {width: 99%; margin-bottom: 30px; }
.reportTbl01 .head {border-top: 1px solid #999999; border-bottom: 1px solid #999999; font-weight: bold; }

.reportNav01 {}
.reportNav01 ul {margin:0 0 3px; padding-left: 0; white-space: nowrap; }
.reportNav01 ul li {display: inline; list-style-type: none; margin-right: 2px; }
.reportNav01 ul li a {padding: 1px 25px; color: #FFFFFF; background: #999999; text-decoration: none; }
.reportNav01 ul li a:hover, .reportNav01 ul li a.on {background: #336699; }
.reportSubNav01 {background: #CCCCCC; padding: 5px 10px; margin-bottom: 10px; font-size: 11px; }

.dcIntroDesc {width: 100%; border: 1px solid #CCCCCC; border-collapse: collapse; font-size: 11px; }
.dcIntroDesc th {font-weight: bold; text-align: left; }
.dcIntroDesc td {border: 1px solid #CCCCCC; border-collapse: collapse; }
.dcIntroDesc table, .dcIntroDesc table td {border: none; }

.dpTblContent01 {border: 1px solid #FFFFFF; border-collapse: collapse; width: 100%; font-size: 11px; }
.dpTblContent01 td {border: 1px solid #FFFFFF; border-collapse: collapse; background: #EAEAEA; }
.dpTblContent01 td.h {background: #B2B2B2; color: #333333; font-weight: bold; }
.dpTblContent01 p {margin-bottom: 10px; }

.ydnaStrFrequencyTbl {border: 1px solid #CCCCCC; border-collapse: collapse; line-height: 110%; margin-bottom: 15px; }
.ydnaStrFrequencyTbl td {border: 1px solid #CCCCCC; border-collapse: collapse; }
.ydnaStrFrequencyTbl th {border: 1px solid #CCCCCC; border-collapse: collapse; background: #666666; color: #FFFFFF; text-align: left; font-weight: normal; }

.tblBarGraph {width:100%;border-collapse:collapse;}
.tblBarGraph .h {width:30px;text-align:right;padding-right:5px;}
.tblBarGraph .b {vertical-align:middle;background:#EDEDED;border:1px dotted #CCCCCC;border-collapse:collapse;font-size: 11px;}
.tblBarGraph .n {height:6px;background:#86A2BE;}
.tblBarGraph .n:hover {background:#336699;cursor:pointer;}
.tblBarGraph .m {height:6px;background:#DE8484;}
.tblBarGraph .m:hover {background:#CC0000;cursor:pointer;}

.dnaLabTour {position: relative; width: 501px; border: 1px solid #D0D0D0; margin-bottom: 5px; }
.dnaLabTour .mainTtl {font: 14px Arial, Helvetica, sans-serif; font-weight: bold; color: #6c6c6c; padding: 10px 15px; border-bottom: 1px solid #D0D0D0; margin: 0; }
.dnaLabTour .mainBox {height: 335px; padding: 2px; }
.dnaLabTour .mainContent {filter: alpha(opacity=80); -moz-opacity: .80; opacity: .80; font-size: 11px; line-height: 150%; float: right; margin: 130px 10px 30px 0; padding: 10px; height: 150px; width: 250px; background: #fff; overflow: auto; color: #000; }
.dnaLabTour .mainNav {}
.dnaLabTour .mainNav a {font: 10px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; color: #333333; display: block; border-right: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0; background: #fff; filter: alpha(opacity=50); -moz-opacity: .50; opacity: .50; padding: 8px; width: 170px; }
.dnaLabTour .mainNav a.on, .dnaLabTour .mainNav a:hover {font: 10px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; color: #6c6c6c; display: block; border-right: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0; background: #fff; filter: alpha(opacity=90); -moz-opacity: .90; opacity: .90; padding: 8px; }

.dnaLabTourFooter {filter: alpha(opacity=60); -moz-opacity: .60; opacity: .60; position: absolute; bottom: 0; background: #fff; padding: 3px 5px; width: 497px; font-size: 11px; }
.dnaLabTourFooter .left {float: left; }
.dnaLabTourFooter a {color: #AA0707; font-weight: bold; filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
.dnaLabTourFooter a:hover {color: #999999; }
.dnaLabTourFooter .right {text-align: right; margin-right: 10px; }
.dnaLabTourFooter .arw {color: #ff0000; font-weight: bold; font-size: 11px; }

.alphabetRange {padding-bottom: 10px; }
.alphabetRange a {padding: 2px 5px; float: left; margin-right: 5px; }
.alphabetRange a.on, .alphabetRange a:hover {background: #666666; color: #FFFFFF; text-decoration: none; }

.ydnaStrMarkerDetailBox {width: 510px; }
.ydnaStrMarkerDetailBox a {float: left; text-decoration: none; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; background: #666666; padding: 2px 5px; line-height: 110%; width: 115px; color: #FFFFFF; }
.ydnaStrMarkerDetailBox a.on, .ydnaStrMarkerDetailBox a:hover {background: #CCCCCC; color: #000000; }

.tblMatchData {width: 100%; margin: 0 0 20px; font: 12px Arial, Helvetica, sans-serif; }
.tblMatchData td {border-bottom: 1px solid #CCCCCC; padding: 7px; }
.tblMatchData td.head {background: #D2DFF5; font-weight: bold; }

.boxSpacer01 {line-height: 150%; }
.boxSpacer02 label {margin-bottom: 10px; display: block; }

.thumbSize01 {width: expression(this.width > 130 ? 130: true); max-width: 130px; max-height: 130px; height: expression(this.height > 130 ? 130: true); }

.hpControl {line-height: 100%; border: 1px solid #CCCCCC !important; background: #FFFFFF !important; margin: 10px 0 0; text-align: left; font-size: 11px !important; font-family: Arial, Helvetica, sans-serif !important; }
.hpControl a, .sideHpControl a {font-size: 12px !important; font-family: Arial, Helvetica, sans-serif !important; color: #1062B6 !important; }
.hpControlButton {padding: 5px 10px; line-height: 140%; }
.hpControl select, .hpControl a, .hpComment {font-size: 11px !important; font-family: Arial, Helvetica, sans-serif !important; }
.hpTitle01 {padding: 0 10px 5px; margin-bottom: 5px; color: #333333 !important; border-bottom: 1px solid #CCCCCC !important; font-size: 12px !important; font-family: Arial, Helvetica, sans-serif !important; font-weight: bold !important; }
.hpTitle02 {padding: 0 5px 3px; border-bottom: 1px solid #CCCCCC; margin-bottom: 10px; color: #333333 !important; font-size: 12px !important; font-family: Arial, Helvetica, sans-serif !important; font-weight: bold; }
.hpTitle02 a, .hpSmlText01 {font-size: 11px !important; font-family: Arial, Helvetica, sans-serif !important; }
.hpFeeds {background: #FFFFFF; line-height: 125%; padding: 0 5px 5px; height: 175px; overflow: auto; font-size: 11px !important; font-family: Arial, Helvetica, sans-serif !important; }
.hpStats {margin: 5px 0 0; padding: 6px 0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; text-align: center; }
.hpStats span {margin: 0 15px; color: #CCCCCC; }
.hpConnection {margin: 0; padding: 0; text-align: left; font-size: 11px !important; font-family: Arial, Helvetica, sans-serif !important; line-height: 100%; border: 1px solid #CCCCCC !important; border-top: 0 !important; }

.sideHpControl {background:#FFFFFF !important;border:0 !important;padding:5px !important;margin:0 !important;text-align:left;border:1px solid #CCCCCC !important;margin:5px !important;}

.connBox {width: 350px; border: 1px solid #CCCCCC; padding: 5px; line-height: 150%; margin-bottom: 3px; }
.connBoxTtl {text-align: left; font-size: 14px; font-weight: bold; margin-bottom: 10px; }

.boxOrder {margin: 0 5px; }
.boxOrder .title {font-size: 24px; font-weight: normal; border-bottom: 1px solid #CCCCCC; padding: 10px 0 5px; margin: 0 0 15px; }
.boxOrder .title span {margin: 0 20px; font-size: 11px; font-weight: normal; }
.sideColumn01 {color: #666666; float: left; width: 180px; padding: 0 10px; }
.sideColumn01 .sideTitle01 {font-size: 11px; font-weight: bold; margin: 0 0 5px; }
.mainColumn01 {margin: 0 0 20px 210px; border-left: 1px dotted #cccccc; padding-left: 15px; }
.mainTitle01 {font-size: 14px; font-weight: bold; margin: 0 0 5px; color: #000; }
.mainTitle02 {font-size: 12px; font-weight: bold; margin: 0 0 10px; color: #000; }
.mainTitle03 {font-size: 12px; font-weight: bold; margin: 15px 0 0; color: #000; }
.msg01 {border-bottom: 1px dotted #cccccc; padding: 0 0 10px; margin: 0 0 10px; font-size: 11px; }
.msg02 {font-size: 11px; margin-left: 10px; }

.tblBox01 td {padding-top: 10px; }

.slideBoxWrap {background: #000000; margin-bottom: 20px; border: 3px solid #666666; }
.slideBox {padding: 5px; background: #000000; margin: 0 auto; width: 450px; }
.slideBox #imgCaption {font-size: 11px; margin: 5px 3px 10px; color: #CCCCCC; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #CCCCCC; }
.slideBox #content a img {border: 2px solid #666666; width: 120px; height: 80px; }
.slideBox #content a:hover img {border: 2px solid #CCCCCC; }
.slideBox img.clickableImg {border: 2px solid #333333; }
.slideBox img.clickableImg:hover {border: 2px solid #666666; cursor: pointer; }

.boxPredictedHap {float: right; margin: 0 0 15px 15px; width: 200px; padding: 5px; text-align: center; background: #fff; border: 1px solid #AFAFAF; }
.boxPredictedHap div {font-size: 11px; margin-bottom: 10px; }
.boxPredictedHap p {font-size: 40px; font-weight: bold; margin-bottom: 5px; }

/* Keyword highlighting */
.highLightSearch0 {font-weight: bold; background: #FFFF00; }
.highLightSearch1 {font-weight: bold; background: #99FF66; }
.highLightSearch2 {font-weight: bold; background: #99FFFF; }
.highLightSearch3 {font-weight: bold; background: #FF9999; }
.highLightSearch4 {font-weight: bold; background: #FFAA00; }

/* Rating Stars */
.star-rating {list-style: none; margin: 0!important; padding: 0px; width: 125px; height: 25px; position: relative; background: url(/image/ratingStar.gif) top left repeat-x; }
.rateTitle {margin-bottom: 5px; font-weight: bold; }
.star-rating li {padding: 0px; margin: 0px; /*\*/ float: left; /* */ }
.star-rating li a {display: block; width: 25px; height: 25px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; }
.star-rating li a:hover {background: url(/image/ratingStar.gif) left bottom; z-index: 2; left: 0px; }
.star-rating a.one-star {left: 0px; }
.star-rating a.one-star:hover {width: 25px; }
.star-rating a.two-stars {left: 25px; }
.star-rating a.two-stars:hover {width: 50px; }
.star-rating a.three-stars {left: 50px; }
.star-rating a.three-stars:hover {width: 75px; }
.star-rating a.four-stars {left: 75px; }
.star-rating a.four-stars:hover {width: 100px; }
.star-rating a.five-stars {left: 100px; }
.star-rating a.five-stars:hover {width: 125px; }
.star-rating li.current-rating {background: url(/image/ratingStar.gif) left center; position: absolute; height: 25px; display: block; text-indent: -9000px; z-index: 1; }
.tblRating {border: 0; margin-top: 5px; }
.tblRating td {padding-top: 5px; vertical-align: middle; }
.tblRating td.tblRatingText {padding-left: 10px; }

.boxUserComment {border: 1px solid #CCCCCC; background: #F5F5F5; padding: 5px; margin: 15px 0 0; }
.boxTool01 {border: 1px solid #CCCCCC; background: #EDEDED; padding: 5px; margin: 15px 0 20px; }

.infoBox01 {float: right; border: 1px solid #ededed; background: #f3f3f3; padding: 8px; margin-left: 10px; width: 200px; }
.infoBox01 .head {font-size: 11px; font-weight: bold; margin: 0 0 5px; }

.msg {padding: 5px 10px; margin-bottom: 15px; border: 1px solid #CACAFA; background-color: #EAEAFA; font-weight:bold; }
.msg01 {border-bottom: 1px dotted #CCCCCC; padding: 0 0 10px; margin: 0 0 10px; font-size: 11px; }
.msg02 {font-size: 11px; margin-left: 10px; }

.tutorialNav {float: left; width: 230px; background: #F5F5F5; border-right: 1px solid #CCCCCC; padding: 10px; }
.tutorialNav ul {margin: 0px; padding: 0px; list-style-type: none; }
.tutorialNav li {margin: 0px; padding: 0px; }
.tutorialNav ul li a {display: block; width: 210px; line-height: 28px; padding-left: 20px; font-size: 14px; color: #666666; background: #EDEDED; margin-bottom: 3px; }
.tutorialNav ul li a:hover {color: #fff; text-decoration: underline; color: #336699; }
.tutorialNav ul ul li a {display: block; padding-left: 40px; width: 190px; font-size: 11px; background: none; line-height: 20px; }
.tutorialNav ul ul li a:hover {ext-decoration: underline; color: #336699; }

.tutorialNav02 {float: left; width: 180px; padding: 5px; }
.tutorialNav02 ul {margin: 0 0 30px; padding: 0px; list-style-type: none; }
.tutorialNav02 li {margin: 0px; padding: 0px; }
.tutorialNav02 li.s {margin-left: 15px;}
.tutorialNav02 li div {font-weight: bold; padding: 10px 0; font-size: 14px; }
.tutorialNav02 li img {float: left; margin-right: 5px; }
.tutorialNav02 ul li a {display: block; width: 155px; padding: 2px 5px; font-size: 12px; color: #666666; margin-bottom: 5px; border-bottom: 1px solid #EDEDED; }
.tutorialNav02 ul li a.on {background: #CCCCCC; }
.tutorialNav02 ul li a:hover {color: #fff; text-decoration: underline; color: #336699; }
.tutorialNav02 ul ul li a {display: block; padding-left: 40px; width: 130px; font-size: 11px; background: none; line-height: 20px; }
.tutorialNav02 ul ul li a:hover {text-decoration: underline; color: #336699; }

/* selected states */
.tutorialNav ul li a#current {font-weight: bold; color: #666666; }
.tutorialNav ul ul li a#subcurrent {font-weight: bold; color: #FFFFFF; background: #666666; }

.genomeMainText {color: #000000; text-decoration: none; font-size: 32px; font-weight: bold; margin-bottom: 5px; }

a.genomeMainLnk {padding: 8px; background: #F5F5F5; border: 3px solid #EDEDED; height: 135px; width: 165px; display: block; margin-bottom: 3px; }
a.genomeMainLnk:hover {border: 3px solid #f9a83f; }

a.genomeMainLnk img:hover {text-decoration: none; background: url(/image/genomeSprite.jpg) no-repeat; }

div.genomeMainNoLnk {padding: 8px; background: #F5F5F5; border: 3px solid #EDEDED; color:#999999; height: 135px; width: 165px; display: block; margin-bottom: 3px; }
div.genomeMainNoLnk .genomeMainText {color:#999999;}
div.genomeMainLnk img:hover {text-decoration: none; background: url(/image/genomeSprite.jpg) no-repeat; }

a.toolTip01 {position:relative; /*this is the key*/ z-index:1000; font-size: 12px; color: #000000; line-height: 140%; text-decoration: none; }
a.toolTip01:hover {z-index:1001; }
a.toolTip01 span {display: none; }
a.toolTip01:hover span { /*the span will display just on :hover state*/ display:block; position:absolute; top:2em; left:2em; width:350px; border:1px solid #666666; background:#FFFFEE; padding: 10px; }

.smlTxt03 {margin-top: 3px; font-size: 11px; line-height: 140%; }

.boxLineTracer {font-size: 14px; margin-bottom: 20px; border: 5px solid #DEF541; padding: 5px; }
.boxLineTracer a {color: #0081c6; }

.fileAlbum {}
.fileAlbum td {width:150px;text-align:center;vertical-align:middle;}
.fileAlbum img {width:130px;border:1px solid #ccc;padding:3px;background:#fff;}
.fileAlbum img:hover {border:1px solid #666;}

.fileAlbumBox {border:1px solid #ccc;padding:10px;background:#F5F5F5;margin-bottom:15px;}
.fileAlbumBoxTbl {border:1px solid #ccc;background:#fff;margin-bottom:5px;width:100%;font-size:11px;}
.fileAlbumBox input, .fileAlbumBox select {font-size:11px;}
.fileAlbumLine {margin-bottom:3px;padding-bottom:3px;border-bottom:1px solid #ededed;}

.fileAlbumBook {margin-bottom: 5px; }
.fileAlbumBook td {width: 140px; height: 140px; background: url(/image/albumSet.gif) top right no-repeat; vertical-align: middle; }
.fileAlbumBook td img {max-width: 130px; width: expression(this.width > 130 ? 130: true); max-height: 130px; height: expression(this.height > 130 ? 130: true); margin-left: 5px; }

.thumbSize01 {width: expression(this.width > 130 ? 130: true); max-width: 130px; max-height: 130px; height: expression(this.height > 130 ? 130: true); }

.moList {border-bottom: 1px solid #CCCCCC; background: #F5F5F5; padding-left: 45px; font-size: 11px; }
.moAva {float: left; margin: 0 10px 5px; border: 1px solid #CCCCCC; }
.moNote {border-bottom: 1px solid #CCCCCC; background: #F5F5F5; padding-left: 45px; font-size: 11px; }

.yh_tt_div {background-color: #FFFFFF; padding: 10px; border: 2px solid #666666; }
.yh_tooltip {font: 11px Arial, Helvetica, sans-serif; }
.tt_header {position: relative; width: 150px; height: 19px; margin-bottom: 3px; }
.tooltip {display: none; }

div.wpTitle01 {margin-bottom: 5px; }
div.wpTitle01 a {color: #000000; text-decoration: none; font-size: 16px; font-weight: bold; }
div.wpTitle01 a:hover {color: #CC0000; }

ul.abrLnk {margin: 0 0 15px; padding: 0 0 0 15px; }
ul.abrLnk li {list-style-type: square; color: #CC0000; margin: 0 0 2px; padding: 0; }
ul.abrLnk li span {color: #000000; }
ul.abrLnk li a {font-weight: bold; margin: 0; }
ul.abrLnk li a:hover {color: #CC0000; text-decoration: none; }

ul.abrLnk_2 {margin: 0 0 15px; padding: 0; }
ul.abrLnk_2 li {list-style-type: none; margin: 0 0 15px; padding: 0; }
ul.abrLnk_2 li div {margin-bottom: 2px; font-size: 10px; color: #666666; }
ul.abrLnk_2 li a {font-weight: bold; font-weight: bold; font-size: 14px; }

ul.abrLnk_3 {margin: 0 0 5px; padding: 0 0 0 15px; }
ul.abrLnk_3 li {list-style-type: square; color: #336699; margin: 0 0 2px; padding: 0; }
ul.abrLnk_3 li span {color: #000000; }
ul.abrLnk_3 li a {margin: 0; font-size: 11px; }

ul.abrLnk_4 {margin: 0; padding: 0 0 15px 0; }
ul.abrLnk_4 li {list-style-type: none;margin: 0 0 3px; padding: 0; }

.photoFrameS {border: 1px solid #CCCCCC; padding: 3px 3px 2px; background: #FFFFFF; float: left; margin-bottom: 3px; }

.tblPricing {width: 100%; border-collapse: collapse; border: 1px solid #ae9333; margin-bottom: 5px; }
.tblPricing td {border-collapse: collapse; border: 1px solid #ae9333; padding: 5px; font-size: 11px; }
.tblPricing th, .tblPricing td.head {border-collapse: collapse; border: 1px solid #ae9333; background:#eee7d1; color: #ae9333; font-weight:bold; text-align: left; padding: 5px; border-bottom: 1px dotted #ae9333; }

.tblOrder01 {width: 99%; margin-bottom: 20px; }
.tblOrder01 th {padding: 5px; font-weight:bold; text-align:left; border-bottom: 1px solid #CCCCCC; }
.tblOrder01 td {padding: 5px; border-bottom: 1px solid #EDEDED; }

.tblOrder02 {width: 99%; margin-bottom: 20px; }
.tblOrder02 th {padding: 5px; font-weight:bold; text-align:left; border-top: 1px solid #000000; border-bottom: 1px solid #000000; vertical-align:middle;}
.tblOrder02 td {padding: 5px; border-bottom: 1px solid #EDEDED; vertical-align:middle;}
.tblOrder02 .h {font-weight:bold; text-align:right; }
.tblOrder02 .hl {font-weight:bold; text-align:left; }

.tblOrder03 {margin-bottom: 10px; font-size: 11px; width:80%; }
.tblOrder03 th {padding: 2px; font-weight:bold; text-align:left; border-top: 1px solid #000000; border-bottom: 1px solid #000000; vertical-align:middle;}
.tblOrder03 td {padding: 2px; border-bottom: 1px dotted #9A9A9A; vertical-align:middle;}

.tblOrder04 {font-size:11px;}
.tblOrder04 td {padding: 2px 5px 2px 0; vertical-align: middle; }

.tblOrder05 {width: 99%; margin-bottom: 20px; }
.tblOrder05 th {padding: 4px; font-weight:bold; text-align:left; vertical-align:middle; }
.tblOrder05 td {padding: 4px; vertical-align:middle; }
.tblOrder05 .h {font-weight:bold; text-align:right; }
.tblOrder05 .hl {font-weight:bold; text-align:left; }

.topNodeHeader {margin-top:10px;}
.topNodeHeader img {float: left; margin: 3px 10px 15px 8px; }
.topNodeTitle {margin: 0 0 11px 10px; padding: 3px 0 0; font-size:20px; font-weight:bold; }
.topNodeTitle span, .topNodeTitle span a {font-size:12px;font-weight:normal;}
.topNodeSubHeader {background: #42598E url(/image/dapSubHeader_bg.jpg) top left repeat-x; height:26px; line-height:130% !important; }
.topNodeSubHeader ul {margin: 0; padding: 0; list-style: none; }
.topNodeSubHeader li {float: left; margin: 0; padding: 0; list-style: none; }
.topNodeSubHeader li a {float: left; font-size: 12px !important; padding: 5px 12px; background: url(/image/dapSubHeader_bg.jpg) top left repeat-x; color: #FFFFFF !important; text-decoration: none; }
.topNodeSubHeader li a:hover {text-decoration:underline; }
.topNodeSubHeader li a.on {background:#000000;}

.tblDnaArcha {width: 100%; border-collapse: collapse; margin-bottom: 25px; border: 1px solid #CCCCCC; }
.tblDnaArcha th {background:#EAEFF7; text-align: left; font-weight: bold; padding: 5px; }
.tblDnaArcha th, .tblDnaArcha td {border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-collapse: collapse; vertical-align: middle; }
.tblDnaArcha td {padding: 3px 5px; }

.tblDnaArcha02 {width: 100%; border-collapse: collapse; margin-bottom: 25px; border: 1px solid #CCCCCC; }
.tblDnaArcha02 th {background:#EAEFF7; text-align: left; font-weight: bold; padding: 5px; }
.tblDnaArcha02 th, .tblDnaArcha02 td {border:1px solid #CCCCCC; border-collapse: collapse; vertical-align: middle; }
.tblDnaArcha02 td {padding: 3px 5px; }

.txtOut {color:#999999;}
.txtIn {color:#000000;}
.txtYes {color:#009900;font-weight:bold;}
.txtNo {color:#CC0000;font-weight:bold;}

.orderWizBox {width:185px;border:1px solid #ccc;padding:15px;margin-bottom:20px;background:#ededed;}
.orderWizBox .head {font-size:14px;font-weight:bold;margin-bottom:10px;}
.orderWizLeft {width:185px;border:1px solid #ccc;padding:15px; }
.orderWizMain {margin-left: 235px; padding: 15px 10px; border: 5px solid #DEF541; line-height: 150%; }

.signupCanDo {border: 1px solid #E6E6E6; }
.signupCanDo .title {background:url(/image/dpBoxTtlB_2.jpg) top left repeat-x;padding:5px 10px;font-size:16px; }
.signupCanDo .content {padding: 10px; }
.signupCanDo .content ul {padding: 0; margin: 0; }
.signupCanDo .content ul li {padding: 0; margin: 0 0 25px; list-style: none; }
.signupCanDo .content ul li h3 {padding: 0 0 10px; margin: 0; font-size: 16px; font-weight: bold; }

.sbtButton01 {font-weight:bold;font-size:14px;padding:3px 8px;}

.boxLogin01 {background:url(/image/login_box_01.jpg) top left no-repeat; width: 335px; height:165px; padding: 10px; color: #FFFFFF; margin-bottom:10px; }
.boxSignup01 {background:url(/image/signup_box_01.jpg) top left no-repeat; width: 335px; height:340px; padding: 10px; }

.signupLayoutTbl {margin-bottom:0;width:100%;font-size:14px;}
.signupLayoutTbl select, .signupLayoutTbl input {font-size:14px;}

.indexBox01 {border: 2px solid #CCCCCC; margin-bottom: 10px; }
.indexBox01 .title {font-size: 16px; font-weight: bold; margin-bottom: 10px; }
.indexBox01 .title02 {font-size: 16px; font-weight: bold; margin-bottom: 10px; }
.indexBox01 .subTitle {font-size:12px;font-weight:normal;}

.indexBox02 {padding: 10px; border: 1px solid #CCCCCC; margin-bottom: 10px; background: #FFFFFF; width:230px; text-align:left; }
.indexBox02 .title {font-weight: bold; margin-bottom: 10px; padding-bottom: 3px; }
.indexBox02 .subTitle {font-size:12px;font-weight:normal;}
.indexBox02 strong {color:#990000;}





dl.gbTbl01 {margin:0;padding:0;width:450px;}
dl.gbTbl01 dt{font-size:1.1em;width:70px;float:left;margin:0;padding:8px 5px 2px;font-weight:bold;text-align:right;}
dl.gbTbl01 dd{float:left;width:360px;margin:0;padding:5px;}
dl.gbTbl01 input.txt, dl.gbTbl01 textarea {width:355px;}
dl.gbTbl01 textarea {height:100px;margin:0;}

dl.gbTbl02 {margin:0;padding:0;width:450px;}
dl.gbTbl02 dt{font-size:1.1em;width:120px;float:left;margin:0;padding:8px 5px 2px;font-weight:bold;text-align:right;}
dl.gbTbl02 dd{float:left;width:310px;margin:0;padding:5px;}
dl.gbTbl02 input.txt, dl.gbTbl01 textarea {width:305px;}
dl.gbTbl02 textarea {height:100px;margin:0;}

ul.listinput {background-color:#fff;margin:0; border: 1px solid #a7a6aa; border-right:solid 1px #dcdcdc;border-bottom:solid 1px #dcdcdc;overflow: hidden; height: auto !important; height: 1%; padding: 2px 3px; width:400px;}
ul.listinput li {cursor:default;float: left; list-style-type: none; margin: 0 2px 2px 0; font-size: 11px}
ul.listinput li {border: 1px solid #CAD8F3; background: #DEE7F8; padding: 1px 20px 2px 5px; position: relative;white-space:nowrap }
ul.listinput li.hover {border-color:#2b66a5}
ul.listinput li.input {margin:0;padding:0;background:none;border:none;position:static;}
ul.listinput li.input input {width: 150px;border:none;outline:0; margin: 0; padding: 2px 0 0 0; font-size:11px;border-color:transparent;color:#666;}
ul.listinput li a.close {cursor:pointer; position: absolute; right: 5px; top: 3px; display: block; width: 11px; height: 11px; background: url('/images/close_btn.gif') no-repeat;line-height:1px}
ul.listinput li.selected {color:#fff;background-color:#6e92c4;border-color:#6e92c4}

#error {margin:0 0 20px;padding:10px;border:solid 1px #dd3c10;background:#ffebe8;font-weight:bold;}
#error p {margin:4px 0px 0px;line-height:14px;font-weight:normal;}
#error a:hover{text-decoration:underline;}

.step h2{border-bottom:1px solid #ccc;font-size:14px;margin:0 0 15px;padding:0px 0px 5px 0px;}
.linkName {font-size:1.2em;font-weight:bold;}
.txtAux {color:#666;}

a.bigTextLink {font-size:16px;font-weight:bold;padding:2px;}
a.bigTextLink:hover {background:#1062B6;color:#fff;text-decoration:none;}

a.bigTextLink02 {font-weight: bold; color: #CC6600; font-size: 16px; }

ul.noList {margin:0;padding:0;list-style:none;}
ul.noList li {list-style:none;padding:0;margin:0 0 5px;}

.sideCol01 {padding:2px 0 1px;font-weight:bold;font-size:14px;border-bottom:1px solid #ccc;margin-bottom:8px;}
.sideColText01 {margin-bottom:25px;font-size:11px;}
.sideColText01 ul, .sideColText01 ol {margin:0;padding:0;}
.sideColText01 ul li, .sideColText01 ol li {margin:0 0 5px 15px;padding:0;}

.haplogroupTimeLine {padding-bottom:8px;}
.haplogroupTimeLine a, .haplogroupTimeLine div {font-size:16px;padding:5px 5px 0;background-color: #EDEDED;border: 1px solid #CCCCCC;text-align:center;font-weight:bold;float:left;margin-bottom:10px;}
.haplogroupTimeLine div {color:#666666;}
.haplogroupTimeLine a:hover, .haplogroupTimeLine a.on, .haplogroupTimeLine div.on {border: 2px solid #f9a83f;background: #FFFFCC;padding:3px 5px 0;}
.haplogroupTimeLine .arw {background:none;border:0;padding:0 3px;margin:2px 0 10px;float:left;}
.haplogroupTimeLine a span, .haplogroupTimeLine div span {color:#009900;font-size:11px;font-weight:normal;display:block;}

.gMapL2 {font-size:11px;padding-bottom:10px;}

.miniTbl01 {padding:0 !important;border:0 !important;}
.miniTbl01 td {padding:0 5px 2px 0!important;vertical-align:middle;border:0 !important;}

#gbStoreBanner {width:585px;height:275px;position:relative;padding-bottom:20px;}
#gbStoreBanner #nav {margin:0 0 1px;position:absolute;top:255px;left:0;text-align:left;}
#gbStoreBanner #nav a {margin:0 1px 0 0;padding:4px 10px;background: #cccccc;color:#fff;text-decoration:none;font-size:12px;font-weight:bold;}
#gbStoreBanner #nav a.activeSlide { background: #999999; }
#gbStoreBanner #nav a:focus {outline: none; }
#gbStoreBanner #output {text-align: left; }
#gbStoreBanner #banner {position:absolute;top:0;left:0;}

.storePrice {font-weight:bold;color:#990000;}

.boxContent01 {border: 1px solid #CCCCCC;}
.boxContent01 .title01 {font-weight: bold; color: #FFFFFF; font-size: 14px; padding: 4px 10px; background: #4987aa; }
.boxContent01 .title02 {font-weight: bold; color: #FFFFFF; font-size: 14px; padding: 4px 10px; background: #336089; }
.boxContent01 .spacer01 {padding: 10px; }

.subHeading01 {position:relative;z-index:1;border-bottom:1px solid #CCCCCC;padding:3px 0 15px;margin-bottom:10px;}
.subHeading01 div {position:absolute;z-index:1;padding:3px 8px 3px 0;background:#FFFFFF;font-weight:bold;font-size:12px;color:#000;}

.subHeading02, .spacer01 .t13 {border-bottom:1px solid #CCCCCC;padding:3px 0;margin-bottom:10px;font-weight:bold;color:#000;font-size:12px;}

.majorHaplogroupList {}
.majorHaplogroupList a, .majorHaplogroupList div {font-size:14px;padding:3px 5px;background-color: #f0f8ff;border: 1px solid #000000;text-align:center;float:left;display:block;white-space:nowrap;margin-right:5px;margin-bottom:3px;}
.majorHaplogroupList div {color:#666666;}
.majorHaplogroupList a:hover, .majorHaplogroupList a.on, .majorHaplogroupList div.on {border: 1px solid #f9a83f;background: #FFFFCC;padding:3px 5px;}
.majorHaplogroupList .arw {background:none;border:0;padding:0 3px;margin:2px 0 10px;float:left;}
.majorHaplogroupList a span, .haplogroupTimeLine div span {color:#009900;font-size:11px;font-weight:normal;display:block;}

.btnStyle01 {font-size:12px;padding:2px 5px;background-color: #f0f8ff;border: 1px solid #000000;position:relative;}

.newsTitle01 {font-family:georgia,garamond,serif;font-size:20px;border-bottom:1px solid #CCCCCC;padding-bottom:8px;padding-top:10px;margin-bottom:8px;}
.newsSideTitle01 {font-family:georgia,garamond,serif;font-size:17px;padding-bottom:3px;margin-bottom:10px;border-bottom:1px solid #CCCCCC;font-variant:small-caps;}
.newsSideTitle01 span {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-variant:normal;margin-left:5px;}
.newsDate {float: right;margin:5px 0 0 5px;padding:0 10px;text-align:center;font-size: 0.8em;border:#ccc 1px solid;font-weight:bold;background:url(/image/ribbed.gif) repeat;color:#556677;font-family: "Lucida Sans", "Trebuchet MS", Verdana, Arial, Serif;}
.newsDate span {display:block;}
.newsDate .day {font-size:1.6em;}

.txtHapOrg {font-weight:bold;color:#999999;font-size:20px;padding-top:2px;}
.lnkHapOrg {font-weight:bold;color:#CC6600;font-size:16px;text-decoration:underline;}
.lnkHapOrg:hover {text-decoration:none;}
.lnkHapOrg02 {font-weight:bold;color:#CC6600;font-size:20px;}
.lnkHapOrg03 {font-weight:bold;color:#CC6600;text-decoration:underline;}
.lnkHapOrg03:hover {text-decoration:none;}

.btnGrey01 {border:1px solid #cccccc;background:transparent url(/image/bgFillBtn01.jpg) top left repeat-x;color:#003399;text-decoration:none !important;}
.btnGrey01 span {border:1px solid #ffffff;padding:5px;width:100%;font-size:11px !important;}

.editSep {border-bottom:1px solid #CCCCCC;padding-bottom:15px;margin-bottom:15px;}
.editSep02 {border-bottom:1px solid #f0f0f0;padding-bottom:7px;margin-bottom:7px;}

.frameS {border:1px solid #CCCCCC;padding:2px;}

.mainVertNav01 {font-size:11px;width:154px;}
.mainVertNav01 .top {background:transparent url(/image/mainVertNav01.gif) top left no-repeat;height:5px;padding-bottom:5px;}
.mainVertNav01 .bottom {background:transparent url(/image/mainVertNav01.gif) bottom left no-repeat;margin-bottom:10px;padding-bottom:10px;}

.mainVertNav01 ul, .mainVertNav01 ul li {margin:0;padding:0;list-style:none;}
.mainVertNav01 ul li a {color:#006699 !important;padding:6px 5px 5px 31px;text-decoration:none;font-weight:bold;width:118px;display:block;}
.mainVertNav01 ul li a:hover {text-decoration:underline;}
.mainVertNav01 ul ul {margin:0 0 5px 25px;}
.mainVertNav01 ul ul a {background:none !important;font-weight:normal;padding:1px 5px 4px;}
.mainVertNav01 .contentSeparator {border-bottom:1px solid #CCCCCC;margin-bottom:10px;}
.mainVertNav01 p#btn-add {margin:0 10px;}
.mainVertNav01 p#btn-add a {background:#79BB16 url(/image/btn_bg_fill_03.gif) repeat-x;font-size:11px;border:1px solid #669933;color:#FFFFFF !important;display:block;font-weight:bold;line-height:1.7;text-align:center;text-decoration:none;}
.mainVertNav01 #nav-home a {background:transparent url(/image/sprite_mainNav_02.gif) no-repeat scroll 9px 4px;}
.mainVertNav01 #nav-group a {background:transparent url(/image/sprite_mainNav_02.gif) no-repeat scroll 9px -104px;}
.mainVertNav01 #nav-ancestry a {background:transparent url(/image/sprite_mainNav_02.gif) no-repeat scroll 9px -176px;}
.mainVertNav01 #nav-personal a {background:transparent url(/image/sprite_mainNav_02.gif) no-repeat scroll 9px -33px;}
.mainVertNav01 #nav-friend a {background:transparent url(/image/sprite_mainNav_02.gif) no-repeat scroll 9px -68px;}
.mainVertNav01 #nav-genemail a {background:transparent url(/image/sprite_mainNav_02.gif) no-repeat scroll 9px -140px;}
.mainVertNav01 #nav-photo a {background:transparent url(/image/sprite_mainNav_02.gif) no-repeat scroll 9px -253px;}
.mainVertNav01 #nav-app a {background:transparent url(/image/sprite_mainNav_02.gif) no-repeat scroll 9px -217px;}

.vertNav06 .t {background: url(/image/dot_01.gif) 0 0 repeat-x;width:300px;}
.vertNav06 .b {background: url(/image/dot_01.gif) 0 100% repeat-x;}
.vertNav06 .l {background: url(/image/dot_01.gif) 0 0 repeat-y;}
.vertNav06 .r {background: url(/image/dot_01.gif) 100% 0 repeat-y;}
.vertNav06 .bl {background:url(/image/bl_01.gif) 0 100% no-repeat;}
.vertNav06 .br {background:url(/image/br_01.gif) 100% 100% no-repeat}
.vertNav06 .tl {background:url(/image/tl_01.gif) 0 0 no-repeat}
.vertNav06 .tr {background:url(/image/tr_01.gif) 100% 0 no-repeat;padding:10px 3px;}
.vertNav06 .content {padding:2px 8px;}
.vertNav06 .component {padding:2px 8px;margin-bottom:15px;}
.vertSideHeader {color:#FFFFFF;font-weight:bold;-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;background:#999999 url(/image/btn_bg_fill_04.gif) repeat-x scroll left top;cursor:move;padding:5px 8px;overflow:hidden;margin-bottom:8px;}
.vertSideHeader02 {font-weight:bold;margin-bottom:5px;font-size:14px;}
.vertSideHeader03 {font-weight:bold;margin-bottom:2px;font-size:12px;}

ul.addActivity {padding:0;margin:0;list-style:none;}
ul.addActivity li {margin:0;padding:0;}
ul.addActivity li a {font-weight:normal;padding:1px 5px 4px 20px;display:block;width:100%;background:url(/image/ico_plus_01.gif) top left no-repeat;}

.dnaVertNav {float:left;position:relative;z-index:10;}
.dnaVertNav ul {list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;}
.dnaVertNav ul li {border:medium none;cursor:pointer;height:66px;margin-bottom:6px;margin-left:-1px;width:133px;}
.dnaVertNav ul li a {display:block;height:66px;background:transparent url(/image/console-btn.gif) no-repeat scroll 0 -132px;font-size:16px;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;font-weight:bold;text-decoration:none;color:#fff;}
.dnaVertNav ul li a span {display:block;padding:5px 10px;}
.dnaVertNav ul li a:hover {background:transparent url(/image/console-btn.gif) no-repeat scroll 0 -198px;}
.dnaVertNav ul li a.on {background:transparent url(/image/console-btn.gif) no-repeat scroll 0 0;}
.dnaVertNav ul li a.on:hover {background:transparent url(/image/console-btn.gif) no-repeat scroll 0 -66px;}
.dnaRightBox {margin-left:171px;padding-left:15px;border-left:1px solid #E7E7E9;}

.dnaVertNav02 {float:left;font-size:14px;}
.dnaVertNav02 .coreSwitch {margin:5px 0 0;font-size:12px;padding:0;}
.dnaVertNav02 .coreSwitch a {display:block;padding:3px 5px;text-align:right;float:left;border-left:1px solid #ccc;border-top:1px solid #ccc;border-right:1px solid #999;border-bottom:1px solid #999;color:#666;}
.dnaVertNav02 .coreSwitch a.on {background:transparent url(/image/vert_nav_hover.gif) 0% 50%;color:#fff;}
.dnaVertNav02 .coreSwitch span {font-weight:bold;float:left;display:block;padding:3px 0;}
.dnaVertNav02 ul, .dnaVertNav02 ul li {margin:0;padding:0;list-style:none;}
.dnaVertNav02 ul {padding-top:10px;}
.dnaVertNav02 ul li a {font-weight:bold;border:1px solid #e6e6e6;border-bottom:0;width:133px;}
.dnaVertNav02 ul li a div {padding-bottom:1px;}
.dnaVertNav02 ul li a span {font-size:10px;padding:0 !important;margin:0;display:block;font-weight:normal;}
.dnaVertNav02 ul li a {background:transparent url(/image/vert_nav_normal.gif) no-repeat scroll 100% 50%;color:#fff;display:block;margin:0 0 0 1px;outline-color:-moz-use-text-color;outline-style:none;outline-width:0;padding:10px 25px 10px 5px;}
.dnaVertNav02 ul li a:hover {background:transparent url(/image/vert_nav_hover.gif) no-repeat scroll 100% 50%;}
.dnaVertNav02 ul li a.on, .dnaVertNav02 ul li a.on:hover {background:transparent url(/image/vert_nav_on.gif) 100% 50%;color:#fff;width:138px;}
.dnaVertNav02 ul li a.last {border-bottom:1px solid #e6e6e6;}

.dnaVertNav03 {float:left;font-size:12px;width:170px;}
.dnaVertNav03 .main {color:#626365;font-size:18px;font-weight:normal;line-height:24px;margin-bottom:4px;padding-left:12px;}
.dnaVertNav03 .sub {color:#626365;font-size:16px;font-weight:normal;line-height:24px;margin-bottom:4px;padding-left:12px;}
.dnaVertNav03 ul {margin:0;padding:0;list-style:none;}
.dnaVertNav03 ul.d {margin:0 0 0 15px;padding:0;}
*+html .dnaVertNav03 ul.d {padding-top:10px;} /* IE 7 only */
.dnaVertNav03 ul li {display:block;padding:0 12px;list-style:none;margin-bottom:8px;line-height:16px;}
.dnaVertNav03 ul li a {}
.dnaVertNav03 ul li a:hover {text-decoration:underline;}
.dnaVertNav03 ul li.on {background:transparent url(/image/icoArw06.gif) no-repeat scroll 0 3px;}
.dnaVertNav03 ul.d li.on {background:transparent url(/image/icoArw07.gif) no-repeat scroll 0 4px !important;}
.dnaVertNav03 ul li.on a {color:#626365;}
.dnaVertNav03 .section {margin-bottom:12px;}

.mapLoading {margin:0 auto 15px;background:#f5f5f5;text-align:center;border:2px solid #ccc;}
.mapLoading div {padding:50px 0;font-size:20px;color:#666;text-align:center;}
.mapLoading p {padding:10px 0 0;margin:0;}

.sideNoticeFill {background:#d4dfe8;padding:10px;margin-bottom:15px;}

label.recaptcha_input_area_text {width:auto;margin:0;float:none !important;}
#recaptcha_table, #recaptcha_table td {border:0 !important;}
#recaptcha_table .recaptcha_image_cell {padding: auto 0 !important;}
.recaptcha_theme_clean input, .recaptcha_txt {border:1px solid #ccc !important;padding:4px !important;font-size:12px !important;width:300px;}
select.sel {border:1px solid #ccc;padding:2px;}