.slider-track-left {
  position: absolute;
  width: 5px;
  height: 9px;
  background: transparent url(/tools/wip_v4/ajax/mypage/img/slider-images-track-left.png) no-repeat top left;
}

/* put the track and the right rounded edge on the track */
.slider-track {
  width : 200px;
  height : 9px;
  float : left;
  background: transparent url(/tools/wip_v4/ajax/mypage/img/slider-images-track-right.png) no-repeat top right;
}
.slider-handle {
 width :19px;
 height :20px;
}
.slider-handle img {
  float : left;
}
.slider-info {
  width : 20px;
  float : left;
  text-align : right;
}


input.small {
  font-size : 10px;
}

.wipmypage { 
  float : left;
  width : 758px;
  background : #ffffff;
  font-size : 11px;
  font-family : arial,helvetica;
  min-height : 700px;
}
/* IE Hack stuff */
/*\*/
* html .wipmypage {
  display : inline;
  height : 700px;
}
/**/

.wipmypage img { 
  background : none;
  border : 0px;
}
.wipmypage .progress { 
  background : #ffffff;
  position : absolute;
  width : 80px;
  height : 10px;
}



.wipmypage .menu { 
  background : #ffffff;
  margin : 0px;
  padding : 0px;
  width : 148px;
  float : left;
  min-height : 650px;
}
/*\*/
* html .wipmypage .menu {
  height  : 650px;
  display : inline;
}
/**/
.wipmypage .menu ul {
  padding    : 10px 0px 0px 0px;
  margin     : 0px;
  list-style : none;
}
.wipmypage .menu ul li {
  background    : #ffffff; 
  width         : 142px;
  padding       : 3px 3px 3px 3px;
  margin        : 0px 0px 0px 0px;
  text-align    : left;
  font-size     : 12px;
  font-weight   : normal;
}
.wipmypage .menu ul li.current {
  padding       : 6px 6px 6px 6px;
  width         : 136px;
  margin        : 0px;
  background    : #809eb5;
  font-size     : 13px;
  font-weight   : bold;
}
.wipmypage .menu ul li a:link, .wipmypage .menu ul li a:visited {
  display : block;
  width : 100%;
  text-decoration : none;
  color : #000000;
}
.wipmypage .menu ul li a:hover {
  background  : #e0e0e0;
  font-weight : bold;  
}

.wipmypage .main { 
  background : #809eb5;
  width : 600px;
  float : left;
  min-height : 650px;
  overflow : none;
}
/*\*/
* html .wipmypage .main {
  height : 650px;
  display : inline;
}
/**/
.wipmypage .main .submenu {
  border-bottom : 1px #5b7f9b solid;
  margin : 10px 10px 0px 10px;
  width : 580px;
  float : left;
}
/*\*/
* html .wipmypage .main .submenu {
  height  : 1%;
  display : inline;
}
/**/
.wipmypage .main .submenu ul {
/*  position : relative;
    top : 1px; */
}
.wipmypage .main .submenu li {
  background : #AAC0D0;
  border-left : 3px #809eb5 solid;
  float : left;
  width : 80px;
  padding       : 5px 5px 5px 5px;
  margin        : 0px 0px 0px 0px;
  text-align    : left;
  font-size     : 12px;
  font-weight   : normal;
}
.wipmypage .main .submenu li.current {
  background : #5b7f9b;
  font-weight : bold;
}
.wipmypage .main .submenu li a:link, .wipmypage .main .submenu li a:visited {
  display : block;
  width : 100%;
  text-decoration : none;
  color : #000000;
}
.wipmypage .main .submenu li a:hover {
  font-weight : bold;
}


.wipmypage .main .container {
  background : #ffffff;
  width : 560px;
  float : left;
  margin : 0px 8px 10px 8px;
  padding : 10px 10px 10px 10px;
  min-height : 600px;
  overflow : visible;
}
/*\*/
* html .wipmypage .main .container {
  height  : 600px;
  display : inline;
}
/**/


.wipmypage .main .container .container_left {
  background : #ffffff;
  width : 180px;
  float : left;
  margin : 0px;
  padding : 0;
  min-height : 500px;
  overflow : hidden;
}
/*\*/
* html .wipmypage .main .container .container_left {
  height  : 500px;
  display : inline;
}
/**/

.wipmypage .main .container .container_right {
  background : #ffffff;
  width : 368px;
  float : right;
  margin : 0px;
  padding : 0px;
  min-height : 500px;
  overflow : hidden;
}
/*\*/
* html .wipmypage .main .container .container_right {
  height  : 500px;
  display : inline;
}
/**/





.wipmypage .main .container .box {
  border-bottom : 1px #f0f0f0 solid;
/*  background : #ff00ff;*/
  float : left;
  margin : 0px 10px 10px 0px;
  padding : 0px;
}
/*\*/
* html .wipmypage .main .container .box {
  display : inline;
  height : 1%;
}
/**/

.wipmypage .main .container .box .head {
  border-top : 1px #2c506c solid;
  background : #AAC0D0 url(/tools/wip_v4/ajax/mypage/img/box_open.jpg) no-repeat left;
  padding : 2px;
  color : #2c506c;
  font-weight : bold;
}
/*\*/
* html .wipmypage .main .container .box .head {
  height  : 1%;
}
/**/

.wipmypage .main .container .box .content {
  background : #ffffff;
  padding : 7px;
  margin : 0px;
}
/*\*/
* html .wipmypage .main .container .box .content {
  height : 1%;
}
/**/



.wipmypage .main .container .box_off {
/*  background : #ff00ff;*/
  float : left;
  margin : 0px 10px 10px 0px;
  padding : 0px;
}
/*\*/
* html .wipmypage .main .container .box_off {
  height : 1%;
  display : inline;
}
/**/
.wipmypage .main .container .box_off .head {
  background : #dddddd url(/tools/wip_v4/ajax/mypage/img/box_closed.jpg) no-repeat left;
  border-top : 1px #2c506c solid;
  padding : 2px;
  color : #2c506c;
  font-weight : bold;
}
/*\*/
* html .wipmypage .main .container .box_off .head {
  height  : 1%;
}
/**/

.wipmypage .main .container .box .head a:link, .wipmypage .main .container .box_off .head a:link, .wipmypage .main .container .box .head a:visited, .wipmypage .main .container .box_off .head a:visited {
  display : block;
  width : 100%-15px;
  padding : 0px 0px 0px 15px;
  text-decoration : none;
  color : #2c506c;
}

.wipmypage .main .container .width_1 {
  width : 102px;
}
.wipmypage .main .container .width_2 {
  width : 130px;
}
.wipmypage .main .container .width_3 {
  width : 176px;
  float : left;
}
.wipmypage .main .container .width_4 {
  width : 270px;
}
.wipmypage .main .container .width_5 {
  width : 438px;
}
.wipmypage .main .container .width_6 {
  width : 410px;
}
.wipmypage .main .container .width_7 {
  width : 362px;
  float : right;
}

.wipmypage .main .container .width_10 {
  width : 550px;
  margin : 0px 0px 10px 0px;
}

/*\*/
* html .wipmypage .main .container .width_1 {
  display : inline;
}
* html .wipmypage .main .container .width_2 {
  display : inline;
}
* html .wipmypage .main .container .width_3 {
  display : inline;
}
* html .wipmypage .main .container .width_4 {
  display : inline;
}
* html .wipmypage .main .container .width_5 {
  display : inline;
}
* html .wipmypage .main .container .width_6 {
  display : inline;
}
* html .wipmypage .main .container .width_7 {
  display : inline;
}
* html .wipmypage .main .container .width_10 {
  display : inline;
}
/**/


.wipmypage ul {
  padding    : 3px 0px 0px 0px;
  margin     : 0px;
  list-style : none;
}
.wipmypage li {
  padding       : 0px;
  margin        : 0px 0px 0px 0px;
  text-align    : left;
  font-size     : 12px;
  font-weight   : normal;
}
.wipmypage .clear {
  clear    : both;
  height   : 0px;
  overflow : hidden;
}


.wipmypage table {
  width : 100%;
  margin : 0px;
  padding : 0px;
}
.wipmypage table tr {

}
.wipmypage table td {
  vertical-align: top;  
}
.wipmypage table th {
  padding : 0px 15px 0px 0px;
  width : 30%;
  color : #999999;
  text-align : right;
  vertical-align: top;
}



.wipmypage table.list {
  width : 100%;
  margin : 0px;
  padding : 0px;
}
.wipmypage table.list tr {

}
.wipmypage table.list td {
  padding : 3px;
  vertical-align: top;  
  border-bottom : 1px #eeeeee solid;
  border-left : 1px #eeeeee solid;
  border-right : 1px #ffffff solid;
}
.wipmypage table.list tr.alt td {
  background : #f0f0f0;
}
.wipmypage table.list tr.alt.bold td, .wipmypage table.list tr.bold td {
  font-weight : bold;
}
.wipmypage table.list th {
  margin : 0px;
  padding : 0px 0px 0px 0px;
  width : 64px;
  color : #999999;
  text-align : center;
  vertical-align: top;
  border-bottom : 1px #aaaaaa solid;
}
.wipmypage table.list td.image {

}
.wipmypage table.list td.info {

}
.wipmypage table.list td.price {
  text-align : right;
}
.wipmypage table.list td.date {
  text-align : right;
}
.wipmypage table.list td.date .publish {
  color : #00aa00;
}
.wipmypage table.list td.date .expiry {
  color : #aa0000;
}



.wipmypage form {
  margin : 0px;
  padding : 0px;
  display : inline;
}
.wipmypage form select {
  font-size : 11px;
}
.wipmypage .formtext {
  font-family : arial,helvetica;
  font-size : 11px;
}

.wipmypage h4, h5 {
  margin : 0px 0px 10px 0px;
  padding : 0px;
  color : #999999;
  border-bottom: 1px #aaaaaa solid;
}
.wipmypage h1, h2, h3 {
  margin : 0px 0px 2px 0px;
  padding : 0px;
  color : #000000;
}
.wipmypage h3 {
  font-size : 15px;
}
.wipmypage h4 {
  font-size : 13px;
}
.wipmypage h5 {
  font-size : 11px;
}
.wipmypage .gray {
  color : #999999;
}

.wipmypage .logininfo {
  border-left : 3px #aaaaaa solid;
  padding : 10px;
  margin : 10px 0px 10px 0px;
}
.wipmypage .menu .logoutinfo {
  color : #999999;
  border-top : 1px #aaaaaa solid;
  font-size : 10px;
  padding : 10px;
  margin : 10px 0px 10px 0px;
}


.wipmypage .imagecontainer { 
  border-bottom : 1px #dddddd solid;
  padding : 0px;
  margin : 0px 5px 10px 0px;
  float : left;
  width : 82px;
  height : 140px;
  vertical-align : middle;
  overflow : hidden;
}
.wipmypage .imagecontainer_mini { 
  border-bottom : 1px #dddddd solid;
  padding : 0px;
  margin : 0px 5px 10px 0px;
  float : left;
  width : 82px;
  height : 100px;
  vertical-align : middle;
  overflow : hidden;
}
.wipmypage .imagecontainer .image { 
  border : 1px #dddddd solid;
  padding : 3px;
  margin : 0px 0px 0px 0px;
  float : left;
  width : 64px;
  height : 64px;
  vertical-align : middle;
  overflow : hidden;
}
.wipmypage .image img { 
  margin : 0px;
  padding : 0px;
  border : 0px;
}
.wipmypage .imagecontainer .info { 
  padding : 3px;
  margin : 0px 0px 0px 0px;
  float : left;
  width : 74px;

  font-family : arial, helvetica;
  font-size : 10px;
  color : #999999;
  overflow : hidden;
}



.wipmypage .subinfo { 
  color : #999999;
  font-size : 10px;
}
.wipmypage .nav {  
  width : 100%;
  float : left;
  background : #AAC0D0 url(/tools/wip_v4/ajax/mypage/img/nav.jpg) no-repeat left;  
  border-bottom : 1px #2c506c solid;
  text-align : center;

}
.wipmypage .folders {
  font-weight : normal;
  text-align : left;
}
.wipmypage .folders img {
  margin : 0px 5px 0px 0px;
}











.wipmypage form#wiplogin {
  background : #ffffff;
  width : 560px;
  float : left;
  margin : 10px 10px 10px 10px;
  padding : 10px 10px 10px 10px;
  min-height : 500px;
}
/*\*/
* html .wipmypage form#wiplogin {
  height  : 500px;
  display : inline;
}
/**/
}

.wipmypage form#wiplogin table {
  width : 100%;
  border-collapse : collapse;
}
.wipmypage form#wiplogin caption {
  font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  color: #C1DAD7;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: left;
  padding: 0px 3px 0px 12px;
  width: 100%;	 
}
.wipmypage form#wiplogin tr {

}
.wipmypage form#wiplogin th {
  font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  color: #4f6b72;
  border-right: 1px solid #C1DAD7;
  border-bottom: 1px solid #C1DAD7;
  border-top: 1px solid #C1DAD7;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: left;
  padding: 3px 6px 3px 12px;
  background: #CAE8EA url(/tools/wip_v4/img/bg_header.jpg) no-repeat;
}
.wipmypage form#wiplogin th.first {
  border-left: 1px solid #C1DAD7;
}
.wipmypage form#wiplogin th.nobg {
  border-top: 0;
  border-left: 0;
  border-right: 1px solid #C1DAD7;
  background: none;
}
.wipmypage form#wiplogin th.spec {
  background: #fff url(/tools/wip_v4/img/bullet1.gif) no-repeat;
}

.wipmypage form#wiplogin th.specalt {
  background: #fff url(/tools/wip_v4/img/bullet2.gif) no-repeat;
  color: #B4AA9D;
} 

.wipmypage form#wiplogin td {
  font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  border-right: 1px solid #C1DAD7;
  border-bottom: 1px solid #C1DAD7;
  background: #fff;
  padding: 3px 6px 3px 12px;
  color: #4f6b72;
}
.wipmypage form#wiplogin td.alt {
  background: #f5fafa;
  color: #b4aa9d;
}
.wipmypage form#wiplogin td.first {
  border-left: 1px solid #C1DAD7;
}
.wipmypage form#wiplogin td.blank {
  padding : 0px;
  border : 0px;
  background: #ffffff;
}


.wipmypage .error {
  width : 90%;
  float : left;
  background : #cc0000;
  margin     : 5px 0px 5px 0px;
  padding    : 10px 10px 10px 10px;
  border     : 1px #880000 solid;
  color      : #ffffff;
}
.wipmypage .msg {
  width : 90%;
  float : left;
  background : #00aa00;
  margin     : 5px 0px 5px 0px;
  padding    : 10px 10px 10px 10px;
  border     : 1px #008800 solid;
  color      : #ffffff;
}
.wipmypage .msg ul, .wipmypage .error ul, .wipmypage .msg h4, .wipmypage .error h4 {
  padding : 0px;
  margin  : 0px;
}
.wipmypage .msg ul, .wipmypage .error ul {
  list-style : square;
  padding : 0px 0px 0px 20px;
}
.wipmypage .msg ul li, .wipmypage .error ul li {
  padding : 0px 0px 0px 0px;
  margin  : 0px;
}
.wipmypage .msg h4, .wipmypage .error h4 {
  color     : #ffffff;
  font-size : 14px;
  border  : 0px;
}
.wipmypage .msg ul li, wipmypage .msg h4 {
  background : #00aa00;
}
.wipmypage .error ul li, wipmypage .error h4 {
  background : #cc0000;
}





.bb_img {
  border  : 1px #c0c0c0 solid;
  padding : 10px 10px 10px 10px;
  overflow: auto;
}

.bb_email {

}
.bb_url {

}

.bb_size {

}

.bb_font {

}

.bb_color {

}

.bb_code_head {
  background : #aaaaaa;
  border     : 1px #c0c0c0 solid;
  padding    : 10px 10px 10px 10px;
}
.bb_code {
  background : #dddddd;
  border  : 1px #c0c0c0 solid;
  padding : 10px 10px 10px 10px;
  overflow: auto;
}

.bb_sql_head{
  background : #aaaaaa;
  border     : 1px #c0c0c0 solid;
  padding    : 10px 10px 10px 10px;
}
.bb_sql {
  background : #ffdddd;
  border  : 1px #c0c0c0 solid;
  padding : 10px 10px 10px 10px;
  overflow: auto;
}

.bb_html_head{
  background : #aaaaaa;
  border     : 1px #c0c0c0 solid;
  padding    : 10px 10px 10px 10px;
}
.bb_html {
  background : #ddddff;
  border  : 1px #c0c0c0 solid;
  padding : 10px 10px 10px 10px;
  overflow: auto;
}

.bb_right {
  background : #ddddff;
  float : right;
}
.bb_left {
  background : #ddddff;
  float : left;
}
.bb_center {
  background : #ddddff;
}
.bb_snapback {
  
}
.bb_quote_head{
  display    : block;
  background : #aaaaaa;
  border     : 1px #c0c0c0 solid;
  padding    : 10px 10px 10px 10px;
}
.bb_quote {
  display    : block;
  background : #eeeeee;
  border  : 1px #c0c0c0 solid;
  padding : 10px 10px 10px 10px;
  overflow: auto;
}
.bb_topic {

}
.bb_post {

}
.bb_spoiler {
  display : none;
}
.bb_list_i {
  list-style-type: lower-roman;
}
.bb_list_a {
  list-style-type: lower-alpha;
}
.bb_list_1 {
  list-style-type: decimal;
}
.bb_list {
  list-style-type: disc;
}