.socialmagic-outer { width: 500px; margin:0 auto; font-family: HelveticaNeue,"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 13px; line-height: 18px; text-rendering: optimizelegibility; text-shadow: 0 0 1px rgba(0, 0, 0, 0.01); margin-top:20px; border: 2px solid; border-radius: 10px 10px 10px 10px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4) inset; position: relative; }
.socialmagic-topline { height: 8px; border-radius: 10px 10px 0px 0px; }

.socialmagic-banner { width: 100%; height: 20px; }

.socialmagic-banner, .socialmagic-banner a, .socialmagic-banner a:hover  { color: #FFF; font-weight: bold; text-align: center; }

.socialmagic-content { background: url("images/stripe.png") repeat-x 0 50%; height:93px; }

.socialmagic-body { height:55px; }
.socialmagic-body table { width:100%; height:100%; }
.socialmagic-body tr, .socialmagic-body td { margin:0; vertical-align:middle; text-align:center; }

.socialmagic-share td{ text-align:center; }
.socialmagic-footer{ background: #F2F2F2 url("images/bit_text.png") repeat left top; height:25px; margin:-18px 0 0; border-bottom:1px solid #ddd; border-radius: 0px 0px 10px 10px; box-shadow: 0 -18px 20px -20px #AAAAAA inset; font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; height:35px; padding:10px; text-align:center; }
.socialmagic-footer span { color:red; }
.socialmagic-close { background: url("images/close.png") no-repeat; cursor: pointer; position: absolute; top: 14px; right: 10px; width: 12px;  height: 12px; display: none; }
.socialmagic-warning { margin: 8px; background:#333333; color:#ffffff; padding:4px; text-align:center; }

/* Настройку цвета размещаю отдельно, чтобы её можно было менять в зависимости от шаблона. Возле каждого цвета привожу перечень цветов каждой из 20 схем оригинального мода */
.socialmagic-outer { color: #181818; /* #181818,#1F282C,#228A4C,#A66C00,#BF3330,#FFA100,#5B5D5B,#BE008A,#BFBE30,inherit,inherit,inherit,inherit,#E40045,#A69B00,#FF4900,#6D9C00,#A69100,#A62A00,#F5001D */
border-color: #333333; /* #333333,#FF6C00,#00B74A,#338BDC,#A60400,#BF8A30,#EEEEEE,#759D00,#FFFD00,#1047A9,#6A0AAB,#DB0058,#1DD300,#00AF64,#FF9900,#0B61A4,#F80012,#8C04A8,#0A67A3,#FFCD00 */ }
.socialmagic-topline { background-color:#333333; /* #333333,#FF6C00,#00B74A,#338BDC,#A60400,#BF8A30,#EEEEEE,#759D00,#FFFD00,#1047A9,#6A0AAB,#DB0058,#1DD300,#00AF64,#FF9900,#0B61A4,#F80012,#8C04A8,#0A67A3,#FFCD00 */ }
.socialmagic-banner { background-color:#DD4422; /* #DD4422,#009E8E,#A62000,#BF8D30,#00C90D,#FFA100,#5B5D5B,#BE008A,#BFBE30,#052A6E,#44036F,#8E0039,#138900,#FF9200,#A69B00,#FFBF00,#009E8E,#80E800,#A62A00,#F5001D */ }
.socialmagic-content { background-color: #333333; /* #333333,#FF6C00,#00B74A,#338BDC,#A60400,#BF8A30,#EEEEEE,#759D00,#FFFD00,#1047A9,#6A0AAB,#DB0058,#1DD300,#00AF64,#FF9900,#0B61A4,#F80012,#8C04A8,#0A67A3,#FFCD00 */ }
.socialmagic-warning { background-color:#333333; /* #333333,#FF6C00,#00B74A,#338BDC,#A60400,#BF8A30,#EEEEEE,#759D00,#FFFD00,#1047A9,#6A0AAB,#DB0058,#1DD300,#00AF64,#FF9900,#0B61A4,#F80012,#8C04A8,#0A67A3,#FFCD00 */ }