.inline-codes {padding: 13px 14px; background: #f3f3f3; border: 1px solid #c2c2c2; border-left-color: #c3c1c2; border-top: none; border-bottom: none;}
.inline-codes {position: relative; padding: 0;}
.inline-codes .preview {float: left; margin-bottom: -13px; padding: 10px 30px 5px 14px; clear: both; background: url(//p.webshots.net/images/icon/icon_new_26x11.gif) no-repeat 100% 13px; text-transform: lowercase; white-space: nowrap;}
.inline-codes .codes {padding: 13px 14px; clear: both;}
.inline-generating .codes,
.inline-error .codes {visibility: hidden;}
.inline-codes .codegen {float: left; position: relative; width: 100%; z-index: 1;}
.inline-codes .codegen * {float: left;}
.inline-codes .codegen li.active {height: 27px; overflow: hidden;}
.inline-codes .codegen a {height: 29px; background: url(//p.webshots.net/images/grfk/grfk_publish.gif) no-repeat; text-indent: -9999px; overflow: hidden;}
.inline-codes .codegen .s100 {width: 51px;}
.inline-codes .codegen .s200 {width: 55px;}
.inline-codes .codegen .s425 {width: 60px;}
.inline-codes .codegen .s500 {width: 64px;}
.inline-codes .codegen .s600 {width: 66px;}
.inline-codes .codegen .s100:hover,
.inline-codes .codegen .active .s100 {background-position: -51px;}
.inline-codes .codegen .s200 {background-position: -102px;}
.inline-codes .codegen .s200:hover,
.inline-codes .codegen .active .s200 {background-position: -157px;}
.inline-codes .codegen .s425 {background-position: -212px;}
.inline-codes .codegen .s425:hover,
.inline-codes .codegen .active .s425 {background-position: -272px;}
.inline-codes .codegen .s500 {background-position: -332px;}
.inline-codes .codegen .s500:hover,
.inline-codes .codegen .active .s500 {background-position: -396px;}
.inline-codes .codegen .s600 {background-position: -460px;}
.inline-codes .codegen .s600:hover,
.inline-codes .codegen .active .s600 {background-position: -526px;}
.inline-codes label {display: block; margin-bottom: 2px;}
.inline-codes input {width: 254px; margin-bottom: 5px; padding: 3px 5px; font-size: 100%; color: #636363; border: 1px solid #d3d3d3;}
.inline-codes .content {position: absolute; top: 0; left: 0; width: 136px; padding: 50px 80px 0; color: #818181; background: #f3f3f3 url(//p.webshots.net/images/grfk/grfk_medium_spinner_32x32.gif) no-repeat 50% 45px; text-align: center;}
.inline-codes .content em {display: block; font-size: 100% !important; font-style: normal; text-transform: lowercase;}
.inline-codes p {font-size: 110%;}
.inline-generating .content p {display: block; padding: 35px 0 50px; background: url(//p.webshots.net/images/grfk/grfk_inlineDimensions.gif) no-repeat bottom;}
.inline-error .content {width: 276px; padding: 50px 10px 0;}
.inline-error .content p {padding: 0 0 10px;}
.inline-error .content,
.inline-error .content p {background-image: none;}

* html .inline-codes,
* html .inline-codes * {zoom: 1;}
#inlineCodes2 {width: 298px;}
.inline-codes {width: 296px;}
.inline-video,
.inline-dimensions-off {height: auto !important; min-height: 0; overflow: hidden;}