/* ----------- Lab Page ----------- */

@charset "utf-8";
/* CSS Document */

#lab-contents-container, #crumbs-container {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11pt;
}

#lab-body-container {
   margin: 0 auto;
   width: 100%;
}

#lab-contents-container {
   width: 100%;
   margin: 0 auto;
}

#lab-container-top, #lab-container-bottom, #lab-container-middle {
   width: 1251px;
   margin: 0 auto;
}

#lab-container-top {
   background: url("../../images/lab/lab-bg-top.png") no-repeat;
   height: 29px;
}

#lab-container-bottom {
   background: url("../../images/lab/lab-bg-bottom.png") no-repeat;
   height: 36px;
}

#lab-container-middle {
   background: url("../../images/lab/lab-bg-middle.png") repeat-y;
   height: 540px;
}

#lab-control-container {
   background: url("../../images/lab/lab-bg-middle-top.png") no-repeat;
   background-position: top center;
   height: 540px;
   margin: 0 9px;
   width: 244px;;
   float: left;
}

#lab-cntrl, #lab-graph {
   /*    border: 1px solid #666666; */
   float: left;
   height: 560px;
   position: relative;
   top: -10px;
}

#lab-cntrl {
   margin-left: 5px;
   width: 230px;
}

#lab-graph {
   margin: 0 10px 0 13px;
   width: 960px;
}

.content {
   padding: 0;
}

.contentIndex h1.shadowed-header {
   background-image: none;
   border-bottom: #999 solid 1px;
   padding: 13px 0 5px 15px;
}

.lab-page-contents div {
   padding: 0 15px;
}

#lab-landing-contents {
   padding-top: 30px;
   height: 160px;
   cursor: pointer;
}

#lab-landing-contents img {
   margin-right: 15px;
}

.lab-page-contents div a {
   text-decoration: none;
   color: #760000;
   font-weight:bold;
}

.lab-page-contents h2.shadowed-header {
   padding: 10px 0;
   font-family: "Lucida Sans Unicode", "Lucida Grande", verdana, arial, helvetica, sans-serif;
   background-image: none;   
   font-size: 10pt;
}

.lab-page-contents .contentLeft {
   float: left;
   width: 70%;
}

.lab-page-contents .imgLeft {
   float: right;
   width: 20%;
}

.lab-page-contents .contentRight {
   float: right;
   width: 70%;
}

.lab-page-contents .imgRight {
   float: left;
   width: 20%;
}

.lab-page-contents div p a {
   font-weight: normal;
}

#lab-container h1.shadowed-header {
   padding-left: 30px;
    background: url("../../images/AT_h1_bg_150.gif") no-repeat scroll left bottom transparent;
    padding: 10px 0 20px 15px;
    width: 100%;
   float: left;
}

.lab-page-contents .bg-even {
   border-top: #EBEBEB solid 1px;
}

.required {
   font-size: 8pt;
   font-style: italic;
   color: #660000;
   font-weight: normal;
}

/* ----------------- Control Box ----------------- */

#lab-cntrl-box {
   margin: 0 auto;
   padding: 5px;
   overflow: auto;
   height: auto;
/*   border-top: 1px solid #CCC;   */
   z-index: 1000;
}

.overflow-border {
/*   border-bottom: 1px solid #CCC; */
}

h3#lab-cntrl-h3 {
   margin: 10px 0 8px 5px;
   width: 90%;
   color: #FFF;
}

#lab-cntrl-buttons {
   margin-left: 5px;
}

#lab-cntrl-box .resetView {
   float: right;
   margin-top: 0;
}

.lab-cntrl-head {
    margin: 5px 0;
    width: 100%;
}

#lab-head-area hr {
   height: 1px;
   border-style: none;
   color:#6D6E72;
   background-color: #6D6E72;
}

.l-header {
   width: 60%;
   float: left;
   padding-left: 12px;
}

.l-btns {
   background-image: url("../../images/yui-sprite.png");
   background-repeat: no-repeat;
   cursor: pointer;
}

#lab-cntrl-generate, #lab-cntrl-reset-all {
   float: left;
   height: 25px;
   margin: 0 5px 5px 0;
   width: 70px;
}

#lab-cntrl-generate {
   background-position: 0 -750px;
}

#lab-cntrl-generate:hover, #lab-cntrl-generate:active {
   background-position: 0 -800px;
}

#lab-cntrl-reset-all {
   background-position: 0 -650px;
}

#lab-cntrl-reset-all:hover, #lab-cntrl-reset-all:active {
   background-position: 0 -700px;
}

#lab-cntrl-collapse, #lab-cntrl-expand {
   float: right;
   height: 15px;
   width: 18px;
   margin: 5px 5px 0 0;
}

#lab-cntrl-expand {
    background-position: 0 -1180px;
}

#lab-cntrl-collapse {
    background-position: 0 -1222px;
}

#lab-cntrl-expand:hover, #lab-cntrl-expand:active {
    background-position: -57px -1180px;
}

#lab-cntrl-collapse:hover, #lab-cntrl-collapse:active {
    background-position: -57px -1222px;
}

.l-chkall, .l-unchkall {
   width: 16px;
   height: 15px;
   float: right;
   margin: 0 2px;
   display: none;
}

.l-chkall {
   background-position: 0 -1060px;
}

.l-unchkall {
   background-position: 0 -1100px;
   margin-right: 10px;
}

.l-cntrl {
   background-position: -13px -900px;
   height: 15pt;
}

.l-cntrl-open {
   background-position: -15px -850px;
}

.lab-cntrl-contents {
   margin-bottom: 5px;
   margin-left: 8px;
   display: none;
}

.lab-cntrl-contents form div{
   width: 100%;
   padding: 0;
   margin: 0;
   color: #333;
}

.l-cntrl-open + .lab-cntrl-contents {
   display: block;
}

.lab-errMsg {
   color: #FF0000;
   font-size: 8pt;
   font-weight: bold;
}

.lab-err-each {
   margin-bottom: 10px;
   display: none;
}

#err-top {
   border: 1px solid #CCC;
   display: none;
}

.lab-err-criteria {
   color: #FF0000;
}

.lab-multinput {
   margin: 2px 0;
}

.lab-multinput div {
   float: left;
   width: 80%;
}

.lab-multinput input {
   width: 175px;
   font-family: Arial, Helvetica, sans-serif;
}

.lab-multinput img {
    cursor: pointer;
}

input.oper_nm_id {
   background-color: #F9F9F9;
}

input.l-multinput-choice {
   background-color: #E0E0E0;
}

.ac_over {
    background-color: #3A5A7A;
}

.ac_results {
   width: 178px !important;
}

.ac_even, .ac_odd {
    color: #314C68;
   font-family: Arial, Helvetica, sans-serif;
}

.ac_over {
    color: #FFF;
}

/* --- Category ---- */

.cpnl-sub-cat {
   margin: 5px 0;
   border-top: #999 1px solid;
   padding-top: 10px;
   display: none;
}

.cpnl-sub-cat h3 {
   font-weight: normal;
   color: #B6B6B6;
   cursor: pointer;
}

/* ----------------- Graph Box ----------------- */

#lab-motionchart-container {
   padding: 5px;
   width: 95%;
   height: 95%;
/*   background-color:#FFF; */
   margin: 0 auto;
}

#lab-graph-cntrls {
   position:absolute;
   z-index: 1;
    top: 2px;   
   margin-left: 34px;
   display: none;
   width: 96%;
}

#lab-graph-cntrls .l-btns {
   float:left;
}

#g-view {
   width: 80px;
   height: 21px;
    margin-left: 70px;
    margin-top: 4px;   
}

.g-view-full {
   background-position: 0 -2190px;
}

.g-view-normal {
   background-position: 0 -2220px;
}

.g-view-full:hover, .g-view-full:active {
   background-position: 0 -2260px;
}

.g-view-normal:hover, .g-view-normal:active {
   background-position: 0 -2290px;
}

#g-help {
   background-position: 0 -1900px;
   width: 18px;
   height: 18px;
}

#g-help:hover, #g-help:active  {
   background-position: -50px -1900px;
}

#g-dd {
   background-position: 0 -2329px;
   width: 30px;
   height: 35px;
   float: right !important;
}

#g-dd:hover, #g-dd:active {
   background-position: -50px -2329px;
}

/* ----------------- Filters Box ----------------- */

.lab-cur-filters {
   color: #666;
   float: right;
   font-size: 8pt;
   margin-top: 15px;
   text-align: right;
   width: 700px;
   display: none;
}

.lab-cur-filters span {
   font-weight: normal;
}

.lab-cur-filters span.filter_divider {
}

/* ---------------- Category flyout Menu ---------------- */
#lab-pnl-category {
   z-index: 1000;
   display: none;
}

/* ---------------- No Graph Message ---------------- */

#lab-no-graph {
   text-align: center;
   position: absolute;
   margin: 0 auto;
   width: 100%;
   top: 5%;
   display: none;
}

.noGraph {
   margin: 0 auto;
   width: 650px;
   padding: 5px;
   border: 1px solid #000;
   font-weight: bold;
   color: #000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11pt;
}

.noGraph .link {
   cursor:pointer;
   color: #760000;
}

.noGraph .link:hover {
   color: #002DFF;
}

.no-graph-head-error {
   color: #F00;
}

/* --------- Loading Progress Bar --------- */
.lab-loading {
   display:none;
}
.background_overlay{
   position: absolute;
   top: 0%;
   left: 0%;
   width: 100%;
   height: 100%;
   background-color: #fff;
   z-index:1201;
   -moz-opacity: 0.6;
   opacity:.60;
   filter: alpha(opacity=60);
}
.progress-lightbox {
   background-color: #E5E5E5;
   height: 540px;
   left: 1%;
   overflow: auto;
   position: absolute;
   top: 0;
   width: 98%;
   z-index: 1202;         
   position: absolute;
}

.progress-lightbox div#pmain {
    margin: 200px auto 0;
    text-align: center;
   width: 40%;
}

.progress-lightbox div#pbar {
   text-align: left;
}

/* -------  Start flyout STYLE ----- */

.l-fo-contents {
   height: 22px;
}

#pcm{display:none;}
ul.l-fo ul{display:none}
ul.l-fo li:hover>ul{display:block}
ul.l-fo ul {
   position: absolute;
   left:98%;
   top:-2px;
   border: 1px solid #7F9DB9;
}
ul.l-fo ul ul {
   position: absolute;
   left:-98%;
   top:0%;
}
ul.l-fo,ul.l-fo ul {
   margin:0px;
   list-style:none;
   padding:0px 1px 1px 0px;
}
ul.l-fo table {border-collapse:collapse}
ul.l-fo {
   border: 1px solid #7F9DB9;
   display:block;
   zoom:1;
   _width:47.25px;
   float: left;
}
ul.l-fo li{
   display:block;
   font-size:0px;
   width: 100%;
}
ul.l-fo a:active, ul.l-fo a:focus {
   outline-style:none;
}
ul.l-fo a, ul.l-fo li.dis a:hover, ul.l-fo li.sep a:hover {
   font:9pt Arial,Helvetica,sans-serif;
   display:block;
   vertical-align:middle;
   zoom:1;
   text-align:left;
   text-decoration:none;
   _padding-left:0;
   color: #000000;
   text-decoration:none;
   cursor:pointer;
   background-color:#fff;
}
ul.l-fo div{
   overflow:hidden;
}
ul.l-fo ul li {
   float:none;
   background-color:#fff;
}
ul.l-fo ul a {
   text-align:left;
   white-space:nowrap;
}
ul.l-fo li.sep{
   text-align:left;
   padding:0px;
   line-height:0;
}
ul.l-fo li.sep div{
   float:none;   padding-right:0;
   width:100%;
   height:3;
   display:inline-block;
   background-color:#EEEEEE #777777 #666666 #C9C9C9;   
   background-image:none;}
   
ul.l-fo li:hover{
   position:relative;
}
ul.l-fo li:hover>a{
   background-color:#CECECE;
   color: #000;
   text-decoration:none;
}
ul.l-fo li a:hover{
   position:relative;
   background-color:#CECECE;
   color: #000;
   text-decoration:none;
}
ul.l-fo li.dis a {
   color: #AAAAAA !important;
}
ul.l-fo img {
   border: none;float:left;_float:none;margin-right:4px;width:24px;
   height:24px;
}
ul.l-fo ul img {width:30px;
   height:15px;
}
ul.l-fo img.over{display:none}
ul.l-fo li.dis a:hover img.over{display:none !important}
ul.l-fo li.dis a:hover img.def {display:inline !important}
ul.l-fo li:hover > a img.def  {display:none}
ul.l-fo li:hover > a img.over {display:inline}

ul.l-fo a:hover img.over,
ul.l-fo a:hover ul img.def,
ul.l-fo a:hover a:hover ul img.def,
ul.l-fo a:hover a:hover img.over,
ul.l-fo a:hover a:hover a:hover img.over{display:inline}

ul.l-fo a:hover img.def,
ul.l-fo a:hover ul img.over,
ul.l-fo a:hover a:hover ul img.over,
ul.l-fo a:hover a:hover img.def,
ul.l-fo a:hover a:hover a:hover img.def{display:none}

ul.l-fo a:hover ul,
ul.l-fo a:hover a:hover ul{display:block}
ul.l-fo a:hover ul ul{display:none}

ul.l-fo div.l-fo-choice{
   display:block;
   float: left;
   min-width:75px;
   padding-left: 2px;
}
ul.l-fo ul div.l-fo-choice,ul.l-fo a:hover table div.l-fo-choice{background-image:url(../../images/arrow_black.gif)}

ul.l-fo li a, ul.l-fo li a div {
   height: 17px;
   float: left;
}

ul.l-fo li a div.l-fo-head-main{
   min-width: 70px;
}

ul.l-fo div#l-fo-arrow {
   background: url("../../images/yui-sprite.png") no-repeat scroll -15px -875px transparent;
   float:left;
   width: 8px;
   margin: 0 3px;
}

ul.l-fo a.l-fo-head-second div {
   background: url("../../images/yui-sprite.png") no-repeat scroll -15px -1160px transparent;
    margin-left: 4px;
    padding-left: 8px;
   width: 100px;
}

ul.l-fo a.l-fo-end {
   width: 95%;
   padding: 0 2px;
}

ul.l-fo a.l-fo-children {
   width: 100%;
}

ul.l-fo-sub  {
   background-color: #FFF;
   border: 1px solid #7F9DB9;
   width: auto;
}

ul.l-fo-inner {
   background-color: #FFF;
}
/*-- End l-fo STYLE --*/