#pd_cs_box {
  position: fixed; 
  z-index: 9999;
}

#pd_cs_box p {

}


#pd_cs_box.left_position_ {right: auto;}
#pd_cs_box.left_position_ .outer {float: left;}
#pd_cs_box.right_position_ .outer {float: right;}


#pd_cs_box .outer {position: relative; z-index: 1; border-style:solid;}
#pd_cs_box .inner {position: relative; z-index: 2;}

#pd_cs_box .content_inner {
  display: inline-block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#pd_cs_box.right_position_ #strip_text {border-radius: 5px 0 0 5px;}
#pd_cs_box.left_position_ #strip_text {border-radius: 0 5px 5px 0;}

#pd_cs_box #strip_text {
	position: relative;
	z-index: 0;
	float: left;
}

#pd_cs_box #strip_text.rotated-text {
    display: inline-block;
    overflow: hidden;
}

#pd_cs_box #strip_text .rotated-text_inner {
    text-align: center;
    display: inline-block;
    white-space: nowrap;
    -webkit-transform: translate(1.0em,0em) rotate(90deg);
       -moz-transform: translate(1.0em,0em) rotate(90deg);
         -o-transform: translate(1.0em,0em) rotate(90deg);
            transform: translate(1.0em,0em) rotate(90deg);
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
   /* IE9+ */
   -ms-transform: none;
   -ms-transform-origin: none;
   /* IE8+ */
   -ms-writing-mode: tb-rl;
   /* IE7 and below */
   *writing-mode: tb-rl;
}

#pd_cs_box #strip_text .rotated-text_inner:before {
    content: "";
    float: left;
    margin-top: 100%;
}