.box, .last, .first, .selected, .js-off {} /* reserved & some might be used in JS */
blockquote { min-height:128px; height:auto !important; height:128px; }

html { height:100%; margin-bottom:1px; }

body { text-align:center; background:#225b96 url(../images/l-root-shadow.jpg) no-repeat -179px top; }
#l-root { margin:0 auto; width:852px; text-align:center; }
#l-head, #l-body, #l-tail { position:relative; width:100%; overflow:hidden; text-align:left; }

#l-head {height:196px; }
#l-body {padding-bottom:4px; }
#l-tail { background:url(../images/l-tail-nr-t.jpg) no-repeat top; height:279px; }

#l-left, #l-rght, #l-data {
  float:left;
  min-height:128px; height:auto !important; height:128px;
  text-align:left;
}

#l-left {
  width:150px; /*166*/
  padding:0 0 0 0;
}

#l-data {
  width:500px; /*459*/
  padding:0px 0 0 0;
}

#l-rght {
  width:150px; /*186*/
  padding:0px 0 0 0;
}

#l-body .r_cln { clear:both; display:block; width:100%; font:normal 0/0 sans-serif; height:0; padding:0; margin:0; }
#l-body .r_cln:after { clear:both; display:block; font:normal 0/0 sans-serif; content:"..."; height:0; visibility:hidden; }

/* universal blocks */

li.cap-first, li.cap-last { height:9px; }

.box-1 {}

.box-1 li.cap-first { background:url(../images/box1-head.png) no-repeat; }
.box-1 li.cap-last  { background:url(../images/box1-tail.png) no-repeat; }

.box-1 li.w-body {
  background:#d6e4f1 url(../images/box1-body-rx-t.png) repeat-x top;
  padding:26px;
}

.box-3 { margin-bottom:4px; }

.box-3 li.cap-first { background:url(../images/box3-head.png) no-repeat; }
.box-3 li.cap-last  { background:url(../images/box3-tail.png) no-repeat; }

.box-3 li.w-body {
  background:#9cbdde url(../images/box3-body-rx-t.png) repeat-x top;
  padding:16px 26px;
}

.box-2 { width:800px; }

.box-2 li.cap-first { background:url(../images/box2-head.png) no-repeat; }
.box-2 li.cap-last  { background:url(../images/box2-tail.png) no-repeat; }

.box-2 li.w-body {
  background:#f0f5fa url(../images/box2-body-ry.png) repeat-y;
  padding:14px 22px 0 22px;
}

.box-4 { width:800px; margin-bottom:4px; }

.box-4 li.cap-first { background:url(../images/box4-head.png) no-repeat; }
.box-4 li.cap-last  { background:url(../images/box4-tail.png) no-repeat; }

.box-4 li.w-body {
  background:#eaf1f8 url(../images/box4-body-ry.png) repeat-y;
  padding:10px;
}

/* */

.tab-1 {
  height:36px;
  overflow:hidden;
}

.tab-1 li {
  float:left;
  margin-right:15px; /*3+12*/
  height:36px;
}

.tab-1 li {
  background:url(../images/tab1-general-left.png) no-repeat left;
}

.tab-1 li.selected {
  background:url(../images/tab1-selected-left.png) no-repeat left;
}

.tab-1 a {
  display:block;
  height:26px; /*36*/
  padding:10px 22px 0 10px;
  background:url(../images/tab1-general-right.png) no-repeat right;
  position:relative;
  left:12px;
}

.tab-1 .selected a {
  background:url(../images/tab1-selected-right.png) no-repeat right;
}

.tab-2 {
  height:29px;
  overflow:hidden;
}

.tab-2 li {
  float:left;
  margin-right:15px;/*3+12*/
  height:29px;
}

.tab-2 li {
  background:url(../images/tab2-general-left.png) no-repeat left;
}

.tab-2 li.selected {
  background:url(../images/tab2-selected-left.png) no-repeat left;
}

.tab-2 a {
  display:block;
  height:22px; /*29*/
  padding:7px 22px 0 10px;
  background:url(../images/tab2-general-right.png) no-repeat right;
  position:relative;
  left:12px;
}

.tab-2 .selected a {
  background:url(../images/tab2-selected-right.png) no-repeat right;
}

.tab-2 a span {
  padding-right:20px;
  background:url(../images/bullet-1.gif) no-repeat right 5px;
}

.tab-2 .selected a span {
  background:url(../images/bullet-2.gif) no-repeat right 5px;
}

/* */

.f-adv-ping {
  padding:0 0 0 12px;
}

.f-adv-ping ul {
  position:relative;
  left:-16px;
}

.f-adv-ping li {
  width:256px;
  padding-bottom:12px;
  float:left;
}

.f-adv-ping label {
  display:block;
  float:left;
  width:120px;
  padding:3px 0 0 16px;
}

.f-adv-ping select {
  width:120px;
}

.f-adv-ping p {
  overflow:hidden;
  padding-bottom:16px;
}

.f-adv-ping .f-text {
  float:left;
  width:616px; height:34px; /*636x42*/
  padding:8px 10px 0 10px;
  background:url(../images/f-text-1.gif) no-repeat;
  border:0;
}

.f-adv-ping .f-submit {
  float:left;
  margin-left:6px;
  width:108px; height:42px; /*108x42*/
  background:url(../images/f-submit-1.gif) no-repeat left top;
  border:0;
  padding-bottom:2px;
  cursor:pointer;
}

.f-adv-ping .f-submit:hover, .f-adv-ping .f-submit.hover {
  background:url(../images/f-submit-1.gif) no-repeat left -42px;
}

.f-adv-ping em {
  display:block;
  padding-bottom:24px;
}

/* content */

h1, h2 { padding-bottom:18px; }

.margin-bot-12 { margin-bottom:12px; }

.s-console strong {
  display:block;
  padding-bottom:2px;
}

.s-console p  { padding:0 8px 14px 0; }
.s-descript p { padding:0 8px 14px 0; }

/*  head & tail */

#l-head h1 {
  position:absolute;
  left:168px; top:50px;
}

#l-head h2 {
  position:absolute;
  left:168px; top:87px;
}

#l-head .tab-1 {
  position:absolute;
  bottom:0;
}

#l-head .brand-logo img {
  position:absolute;
  left:27px; top:33px;
  width:103px; height:95px;
}

#l-head .brand-title img {
  position:absolute;
  left:168px; top:55px;
  width:340px; height:53px;
}

#l-tail .brand-logo img {
  position:absolute;
  left:39px; top:30px;
  width:80px; height:75px;
}

#l-tail .menu {
  position:absolute;
  left:212px; top:42px;
}

#l-tail .menu li {
  float:left;
  width:120px;
  padding-bottom:4px;
}

#l-tail .menu-2 {
  position:absolute;
  left:244px; top:140px;
  width:375px; height:24px; /*375x33*/
  padding:8px 0 0 10px;
  background:url(../images/tail-menu-2-nr.gif) no-repeat;
}

#l-tail .menu-2 li {
  float:left;
  padding:0 15px 0 14px;
  background:url(../images/vdiv-1x11-blue.gif) no-repeat right 2px;
}

#l-tail .menu-2 li.last {
  padding-right:0;
  background:none;
}

#l-tail p {
  text-align:center;
  position:relative;
  top:186px;
}
