/*General*/
/*body { behavior:url("../styles/csshover.htc"); }*/
input, textarea, button, select {box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; }

.cf:after, #mg-content:after, form:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cf, form {zoom: 1;}
* html .cf, * html #mg-content {height: 1%; zoom: 1;}
.cb {clear: both;}
.cl {clear: left;}
br.cb {font-size: 0; line-height: 0; }
.fl {float: left;}
.fr {float: right;}
.mc {margin: 0 auto;}
.ml {margin-left: 5px;}
.db {display: block; margin: 0 auto;}
.pa {padding: 10px;}
small {font-size: 0.8em;}
img {border: 0;}
*:focus {outline: none;}
*::-moz-focus-inner {border: none;}
p {margin: 0 0 10px 0; padding: 0;}

.mg-crop-shape .jcrop-tracker {z-index: 1001;}

.mg-red {color: #d65341;}
.mg-dred {color: #ae0101;}
.mg-brown {color: #d67941;}
.mg-green {color: #759b23;}
.mg-gray {color: #888;}
.mg-black {color: #333;}
.mg-blue {color: #207bba;}
.mg-back-green {background-color: #f2f9eb;}

/*.mg-book-rate-control a, .mg-book-rate-control span, */#mg-profile-menu a, /*#mg-book-navigation-accordion .ui-accordion-content, #mg-book-navigation-accordion .ui-accordion-header,*/
    .mg-gallery-item  .mg-gallery-item-button-delete, .mg-gallery-item  .mg-gallery-item-button-edit, #mg-add-basket, .mg-book-tobasket, .mg-book-get-free, a.mg-book-info-add-to-wishlist, a.mg-book-info-get-free-sample,
    .mg-pagenator a.mg-pn, a.mg-edit, .mg-button-unfollow, .mg-cart-remove, a.mg-book-add-comment,
    .mg-sb-menu-item-author, .mg-help-button, .mg-icon-buy, .mg-icon-free, .mg-icon-add-to-basket, .mg-req {background: url("../images/images.png") no-repeat top left;}
button, .mg-button, .ui-dialog-buttonpane button, .ui-widget-content .ui-state-default, input.mg-sub, .mg-part h3, .mg-wizard-button, .mg-book .mg-book-get-button,
a.mg-book-info-buy, a.mg-book-info-add-to-basket, a.mg-book-info-get-free, a.mg-book-button-disabled, #mg-part-get-free-sample .mg-free-sample-item-button {background: url("../images/images2.png") no-repeat top left;}

.mg-user-type {background: url("../images/icons2.png") no-repeat top left;}

#mg-add-author, h3, #mg-header-search .mg-isub, .mg-part .mg-icon-comments, .mg-part .mg-icon-login, .mg-part .mg-icon-join, .mg-part .mg-icon-basket, .mg-part .mg-icon-best, .mg-part .mg-icon-user,
    .mg-num-ul div, .mg-part .mg-icon-upload-new-picture, .mg-user-name, #mg-part-get-free-sample h3 {background: url("../images/parts-titles.png") no-repeat top left;}

.mg-icon-get-viewer-pc, .mg-icon-get-viewer-mac, .mg-icon-get-viewer-iphone, .mg-icon-get-viewer-mobile, .mg-i-win, .mg-i-mac, .mg-i-iphone, .mg-i-mobile {background: url("../images/icons.png") no-repeat top left;}

a.mg-edit {background-position: 0 -703px; padding-left: 18px; color: #0e81a8;}

/*End general*/

html {height: 100%; overflow-y: scroll;}
body {padding: 0; margin: 0; height: 100%; background-color: #edece9; text-align: center;}
body, input, button, textarea, select, h1, h2, h3, .ui-widget {font-family: Trebuchet MS, arial, helvetica, sans-serif; font-size: 13px; color: black;}
#mg-main-menu a, .mg-info-part h4 {font-family: arial, helvetica, sans-serif;}
a {color: #0e81a8;}

h2 {font-weight: normal; color: #373737; font-size: 24px; margin: 10px 0; padding: 0;}

#mg-page {text-align: left; width: 980px; margin: 0 auto; background-color: white; min-height: 100%; position: relative;}
.mg-page-wrapper {margin: 0 auto; text-align: left; padding: 0 26px;}

#mg-header {height: 94px; border-bottom: 2px solid #e3e1dd; position: relative;}
#mg-footer {height: 60px; border-top: 1px solid #e3e1dd; clear: both; position: absolute; left: 28px; bottom: 0; width: 928px;}

#mg-logo {margin: 20px 0 0 0;}
#mg-twitter {margin: 0 0 0 40px;}


#mg-add-menu {position: absolute; top: 0; right: 0; max-width: 740px; color: #c8c7c5; height: 29px; line-height: 28px; background-color: #edece9; text-align: right; white-space: nowrap;}
#mg-add-menu .mg-sel {/*height: 100%; */color: #666; margin-right: 10px;}
*:first-child+html #mg-add-menu .mg-sel {vertical-align: middle;} /*IE 7 fix*/
#mg-add-menu .mg-i-viewer, #mg-add-menu .mg-i-twitter, #mg-add-menu .mg-i-preferences, #mg-add-menu .mg-i-help, #mg-add-menu .mg-i-logout, #mg-add-menu .mg-i-basket
{background: url("../images/top-menu.png") no-repeat top left; color: #404040;}
#mg-add-menu .mg-i-viewer, #mg-add-menu .mg-i-preferences, #mg-add-menu .mg-i-help, #mg-add-menu .mg-i-logout, #mg-add-menu .mg-i-basket {padding-left: 25px; }
#mg-add-menu .mg-i-twitter {float: left; display: block; width: 131px; height: 29px; text-decoration: none; margin-right: 5px;}
#mg-add-menu .mg-i-viewer {background-position: -4px -33px;}
#mg-add-menu .mg-i-preferences {background-position: -4px -62px;}
#mg-add-menu .mg-i-help {background-position: -4px -92px;}
#mg-add-menu .mg-i-logout {background-position: -3px -121px;}
#mg-add-menu .mg-i-basket {background-position: 0 -145px; background-color: #666666; display: block; float: right; height: 29px; padding-right: 10px; padding-left: 28px; color: #edece9;}
#mg-add-menu .mg-i-basket b {color: white;}
#mg-add-menu label {color: #666;}

/*Safari only fix*/
html:root*#mg-add-menu .mg-i-viewer {background-position: -4px -36px;}
html:root*#mg-add-menu .mg-i-preferences {background-position: -4px -65px;}
html:root*#mg-add-menu .mg-i-help {background-position: -4px -95px;}
html:root*#mg-add-menu .mg-i-logout {background-position: -3px -124px;}
html:root*#mg-add-menu .mg-i-basket {background-position: 0 -146px;}


#mg-main-menu {position: absolute; bottom: -2px; left: 0; width: 580px;}
#mg-main-menu a {text-decoration: none; color: #877f76; font-size: 14px; padding: 7px 8px; display: block; float: left; padding-bottom: 10px;}
#mg-main-menu a.mg-brown {color: #d67941;}
#mg-main-menu a.mg-active, #mg-main-menu a.mg-active:hover {border-bottom: 3px solid #4fa8c6; padding-bottom: 7px;}
#mg-main-menu a:hover {border-bottom: 3px solid #c7c2bc; padding-bottom: 7px;}
#mg-main-menu a.mg-brown:hover {border-bottom: 3px solid #d67941;}
#mg-main-menu a.mg-main-menu-join {background: url("../images/button-join.png") no-repeat 0 0; width: 105px; height: 27px; padding: 0; text-align: center; position: absolute; bottom: 5px; right: 0;}
#mg-main-menu a.mg-main-menu-join {color: white; font-size: 14px; line-height: 27px; font-weight: bold;}
#mg-main-menu a.mg-main-menu-join:hover, #mg-main-menu a.mg-active.mg-main-menu-join:hover, #mg-main-menu a.mg-active.mg-main-menu-join {border-bottom: none; padding: 0;}



#mg-header-search {position: absolute; bottom: 0; right: 0; padding: 5px 0; color: #877f76;}
#mg-header-search form label {float: right; width: auto; height: auto; margin: 0;}
#mg-header-search form label span {line-height: 24px;}
#mg-header-search input[type="text"] {font-size: 15px}
#mg-header-search .mg-isub {width: 24px; height: 24px; background-position: 0 -226px;}

#mg-content {margin-bottom: 80px; padding-bottom: 80px; margin-top: 20px; position: relative; clear: both;}
* html #mg-content {padding-bottom: 0;}

a.mg-more {display: block; text-align: right; color: #d67941; background: url("../images/parts-titles.png") no-repeat right -102px; padding-right: 15px;}
h3 a.mg-more {font-size: 12px; background-position: right -98px;}

.mg-st {text-align: center; width: 100px; position: absolute;}
#mg-scheme-index {/*background: url("../images/scheme-index.png") no-repeat bottom; height: 380px;*/ position: relative; /*margin-bottom: 20px; */text-align: center;}
#mg-scheme-index h1 {color: #d67941; font-size: 28px; font-weight: normal; margin: 0; padding: 0; line-height: 28px; margin-bottom: 10px;}
#mg-scheme-index h2 {color: #877f76; font-size: 16px; font-weight: normal; margin: 0; padding: 0;}
#mg-scheme-index  .mg-st-1 {bottom: 40px; left: 10px;}
#mg-scheme-index  .mg-st-2 {bottom: 0; left: 160px;}

#mg-scheme-for-author {background: url("../images/scheme-index.png") no-repeat bottom; height: 247px; width: 550px; position: relative;}

#mg-join-ways {height: 308px;}
.mg-join-ways-author, .mg-join-ways-reader {height: 308px; width: 284px; background: url("../images/index-parts.jpg") no-repeat left top; float: left; position: relative;}
.mg-join-ways-reader {background-position: 0 -308px; float: right;}
#mg-join-ways h2 {color: white; font-size: 36px; padding-left: 110px; text-align: left; margin-top: 10px; text-shadow: 1px 1px 0 #000;}
#mg-join-ways div div {position: absolute; left: 0; top: 125px; height: 82px; padding: 0 20px; color: white; font-size: 14px; line-height: 16px;}
#mg-join-ways .mg-join-ways-join {position: absolute; left: 53px; top: 225px; height: 35px; width: 178px; color: #e26920; font-size: 20px; line-height: 32px; text-decoration: none; font-weight: bold; text-shadow: 1px 1px 0 #fff;}
#mg-join-ways .mg-join-ways-tour {color: white; font-size: 20px; font-weight: bold; background: url("../images/index-parts-bullets.png") no-repeat left top; padding-left: 30px; line-height: 40px;}
#mg-join-ways .mg-join-ways-reader .mg-join-ways-tour {background-position: 0 -26px;}

/*Safari fix*/
html:root*#mg-join-ways .mg-join-ways-tour {padding-top: 2px;}

/*#mg-index-parts-table {width: 100%;}*/
/*#mg-index-parts-table .mg-sep {width: 4%;}*/
/*#mg-index-parts-table .mg-left-td {background: #e9f0f2 url("../images/dot-white.png") repeat-x top left; border: 1px solid #cde4f4; width: 48%; vertical-align: top;}*/
/*#mg-index-parts-table .mg-right-td {background-color: #f8f8eb; width: 48%; vertical-align: top;}*/

.mg-num-ul {list-style: none; margin: 0; padding: 0;}
.mg-num-ul li {padding-left: 42px; margin-bottom: 10px;}
.mg-num-ul div {background-position: 0 -512px; width: 32px; height: 32px; text-align: center; font-weight: bold; color: #ccdce0; line-height: 32px; font-size: 18px; float: left;}
.mg-num-ul div {position: relative; left: -42px; margin-right: -42px;}
.mg-num-ul-blue div {background-position: -32px -512px; color: white;}

/*
.mg-viewers-ul {list-style: none; margin: 20px 0 0 0; padding: 0;}
.mg-viewers-ul li {padding-left: 46px; margin-bottom: 10px; height: 36px; line-height: 36px;}
.mg-viewers-ul div {width: 36px; height: 36px; float: left; position: relative; left: -46px; margin-right: -46px;;}
*/

.mg-i-mac {background-position: 0 -48px;}
.mg-i-iphone {background-position: 0 -112px;}
.mg-i-win {background-position: 0 4px;}
.mg-i-mobile {background-position: 0 -176px;}

/*
.mg-bg-blue {background-color: #e9f0f2;}
.mg-bg-green {background-color: #f8f8eb;}
.mg-part-small {padding: 15px;}
*/


/*Layouts*/
.mg-l-1, .mg-l-2, .mg-l-3 {overflow: hidden;}
.mg-l-2_3 .mg-l-1 {width: 580px; float: left; margin-right: 20px;}
.mg-l-2_3 .mg-l-2 {width: 328px; float: left;}

.mg-l-3_4 .mg-l-1 {width: 633px; float: left; margin-right: 20px;}
.mg-l-3_4 .mg-l-2 {width: 275px; float: left;}
.mg-l-3_4 .mg-l-toolbar {width: 928px; float: left; clear: both;}

.mg-l-wide .mg-l-1 {width: 928px;}

.mg-l-half .mg-l-1 {width: 454px; margin-right: 20px; float: left; clear: left;}
.mg-l-half .mg-l-2 {width: 454px; float: left;}
.mg-l-half .mg-l-toolbar {width: 928px; clear: both;}

.mg-l-sidebar .mg-l-1 {width: 230px; float: left; margin-right: 20px; clear: left;}
.mg-l-sidebar .mg-l-2 {width: 678px; float: left;}
.mg-l-sidebar .mg-l-toolbar {width: 678px; float: left; clear: right;}

.mg-l-r-sidebar .mg-l-1, .mg-l-r-sidebar-small .mg-l-1 {width: 230px; float: left; margin-right: 20px;}
.mg-l-r-sidebar .mg-l-2 {width: 383px; float: left; margin-right: 20px;}
.mg-l-r-sidebar .mg-l-3 {width: 275px; float: left;}
.mg-l-r-sidebar .mg-l-toolbar, .mg-l-r-sidebar-small .mg-l-toolbar {width: 678px; float: left; clear: right;}

.mg-l-r-sidebar-small .mg-l-2 {width: 428px; float: left; margin-right: 20px;}
.mg-l-r-sidebar-small .mg-l-3 {width: 230px; float: left;}


.mg-l-devider:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .mg-l-devider {height: 1%;}
.mg-l-d-1, .mg-l-d-2 {float: left; overflow: hidden;}
.mg-l-sidebar .mg-l-devider .mg-l-d-1 {width: 329px; margin-right: 20px;}
.mg-l-sidebar .mg-l-devider .mg-l-d-2 {width: 329px;}
.mg-l-3_4 .mg-l-toolbar .mg-l-devider .mg-l-d-1 {width: 454px; margin-right: 20px;}
.mg-l-3_4 .mg-l-toolbar .mg-l-devider .mg-l-d-2 {width: 454px;}

table .mg-sep {font-size: 0;}

/*Toolbar*/
#mg-content-toolbar {border-bottom: 1px solid #c7c2bc; height: 24px; margin-bottom: 20px;}
#mg-content-toolbar h2, .mg-l-toolbar h2 {color: #207bba; margin: 0 20px 0 0; padding: 0; float: left; font-size: 20px; line-height: 24px;}
/*#mg-content-tabs a {position: relative; bottom: -1px;}*/
#mg-content-tabs a {text-decoration: none; background-color: #c7c2bc; color: white; font-weight: bold; padding: 0 10px; display: block; height: 24px; line-height: 24px; float: left; margin-right: 3px; position: relative;}
#mg-content-tabs a.mg-active {background-color: white; border: 1px solid #c7c2bc; border-bottom: none; color: #404040; /*bottom: -1px;*/ }

.mg-content-toolbar-controls {float: right; width: 70%; text-align: right;}
.mg-content-toolbar-controls form {display: inline;}

/*Web buttons*/

.mg-webbutton-palete1 .mg-webbutton-th .mg-webbutton-icon1, .mg-webbutton-palete1 .mg-webbutton-th .mg-webbutton-icon2,
    .mg-webbutton-palete1 .mg-webbutton-th .mg-webbutton-icon3, .mg-webbutton-palete1 .mg-webbutton-th .mg-webbutton-icon4,
    .mg-webbutton-palete1 .mg-webbutton-price, .mg-webbutton-palete1 .mg-webbutton-buy
{background: url("../images/webbutton-book-1.png") no-repeat top left;}
.mg-webbutton-palete2 .mg-webbutton-th .mg-webbutton-icon1, .mg-webbutton-palete2 .mg-webbutton-th .mg-webbutton-icon2,
    .mg-webbutton-palete2 .mg-webbutton-th .mg-webbutton-icon3, .mg-webbutton-palete2 .mg-webbutton-th .mg-webbutton-icon4,
    .mg-webbutton-palete2 .mg-webbutton-price, .mg-webbutton-palete2 .mg-webbutton-buy
{background: url("../images/webbutton-book-2.png") no-repeat top left;}
.mg-webbutton-palete3 .mg-webbutton-th .mg-webbutton-icon1, .mg-webbutton-palete3 .mg-webbutton-th .mg-webbutton-icon2,
    .mg-webbutton-palete3 .mg-webbutton-th .mg-webbutton-icon3, .mg-webbutton-palete3 .mg-webbutton-th .mg-webbutton-icon4,
    .mg-webbutton-palete3 .mg-webbutton-price, .mg-webbutton-palete3 .mg-webbutton-buy
{background: url("../images/webbutton-book-3.png") no-repeat top left;}
.mg-webbutton-palete4 .mg-webbutton-th .mg-webbutton-icon1, .mg-webbutton-palete4 .mg-webbutton-th .mg-webbutton-icon2,
    .mg-webbutton-palete4 .mg-webbutton-th .mg-webbutton-icon3, .mg-webbutton-palete4 .mg-webbutton-th .mg-webbutton-icon4,
    .mg-webbutton-palete4 .mg-webbutton-price, .mg-webbutton-palete4 .mg-webbutton-buy
{background: url("../images/webbutton-book-4.png") no-repeat top left;}

.mg-webbutton-palete1 .mg-webbutton-buy a {color: black;}
.mg-webbutton-palete1 .mg-webbutton-buy a span {color: #d10707;}
.mg-webbutton-palete2 .mg-webbutton-buy a {color: #fbefc9;}
.mg-webbutton-palete2 .mg-webbutton-buy a span {color: white;}
.mg-webbutton-palete3 .mg-webbutton-buy a {color: #fbefc9;}
.mg-webbutton-palete3 .mg-webbutton-buy a span {color: white;}
.mg-webbutton-palete4 .mg-webbutton-buy a {color: black;}
.mg-webbutton-palete4 .mg-webbutton-buy a span {color: #002f99;}


.mg-webbutton-holder {}
.mg-webbutton {width: 132px; text-align: center; font-size: 12px; line-height: 14px; position: relative; margin: 20px auto 10px auto;}
.mg-webbutton-big {margin: 30px auto 10px auto;}
.mg-webbutton .mg-webbutton-th {display: none;}
.mg-webbutton-big .mg-webbutton-th {display: block; position: relative; height: 138px;}
.mg-webbutton-big .mg-webbutton-th img {background-color: white; padding: 4px 17px; border: 1px solid #b9bdc1; border-bottom: none; margin-bottom: -1px; display: block;}
.mg-webbutton-big .mg-webbutton-th .mg-webbutton-icon1, .mg-webbutton-big .mg-webbutton-th .mg-webbutton-icon2,
    .mg-webbutton-big .mg-webbutton-th .mg-webbutton-icon3, .mg-webbutton-big .mg-webbutton-th .mg-webbutton-icon4
{display: block; width: 33px; height: 33px; text-decoration: none; position: absolute;}
.mg-webbutton-big .mg-webbutton-th .mg-webbutton-icon1 {background-position: -33px -249px; top: 2px; left: 0;}
.mg-webbutton-big .mg-webbutton-th .mg-webbutton-icon2 {background-position: -99px -249px; bottom: 2px; left: 0;}
.mg-webbutton-big .mg-webbutton-th .mg-webbutton-icon3 {background-position: 0 -249px; top: 2px; right: 0;}
.mg-webbutton-big .mg-webbutton-th .mg-webbutton-icon4 {background-position: -66px -249px; bottom: 2px; right: 0;}
.mg-webbutton .mg-webbutton-price {height: 42px; width: 132px; background-position: 0 -42px; line-height: 60px; font-weight: bold; color: #0a4c84; overflow: hidden;}
.mg-webbutton-big .mg-webbutton-price {height: 25px; background-position: 0 -84px; line-height: 25px;}
.mg-webbutton .mg-webbutton-buy {height: 39px; width: 132px; line-height: 18px; font-weight: bold; padding-top: 3px;}
.mg-webbutton .mg-webbutton-buy a {text-decoration: none;}
.mg-webbutton .mg-webbutton-buy a span {font-size: 16px;}

/*
.mg-webbutton-big .mg-webbutton-price {height: 25px; background-position: 0 -84px;}
.mg-webbutton-big .mg-webbutton-price {height: 25px; background-position: 0 -84px;}
*/
.mg-webbutton h6 {margin: 0; padding: 0; font-size: 14px; color: #d67941; display: block; width: 132px; height: 18px; overflow: hidden; position: absolute; top: 5px; left: 0; overflow: hidden;}
.mg-webbutton-big h6 {top: -18px; left: 0;}


.mg-webbutton-palete1 .mg-gallerybutton-author, .mg-webbutton-palete1 .mg-gallerybutton-buy {background: url("../images/webbutton-gallery-1.png") no-repeat top left;}
.mg-webbutton-palete2 .mg-gallerybutton-author, .mg-webbutton-palete2 .mg-gallerybutton-buy {background: url("../images/webbutton-gallery-2.png") no-repeat top left;}
.mg-webbutton-palete3 .mg-gallerybutton-author, .mg-webbutton-palete3 .mg-gallerybutton-buy {background: url("../images/webbutton-gallery-3.png") no-repeat top left;}
.mg-webbutton-palete4 .mg-gallerybutton-author, .mg-webbutton-palete4 .mg-gallerybutton-buy {background: url("../images/webbutton-gallery-4.png") no-repeat top left;}

.mg-webbutton-palete1 .mg-gallerybutton-buy a {color: black;}
.mg-webbutton-palete1 .mg-gallerybutton-buy a span {color: #d10707;}
.mg-webbutton-palete2 .mg-gallerybutton-buy a {color: #fbefc9;}
.mg-webbutton-palete2 .mg-gallerybutton-buy a span {color: white;}
.mg-webbutton-palete3 .mg-gallerybutton-buy a {color: #fbefc9;}
.mg-webbutton-palete3 .mg-gallerybutton-buy a span {color: white;}
.mg-webbutton-palete4 .mg-gallerybutton-buy a {color: black;}
.mg-webbutton-palete4 .mg-gallerybutton-buy a span {color: #002f99;}

.mg-gallerybutton {width: 180px; text-align: center; margin: 10px auto;}
.mg-gallerybutton .mg-gallerybutton-author {height: 41px; line-height: 41px; font-weight: bold; font-size: 14px; text-align: left;}
.mg-gallerybutton .mg-gallerybutton-author a {padding-left: 45px;}
.mg-gallerybutton .mg-gallerybutton-author {position: relative;}
.mg-gallerybutton .mg-gallerybutton-author img {border: 3px solid white; position: absolute; top: 5px; left: 5px;}
.mg-gallerybutton .mg-gallerybutton-th-holder {font-size: 0; border-left: 1px solid #b9bdc1; border-right: 1px solid #b9bdc1;}
.mg-gallerybutton .mg-gallerybutton-th-holder img {display:-moz-inline-stack; /* for FF2*/ display:inline-block; /* normal browsers */ zoom:1; /* for IE (hasLayout true) */ *display:inline; /* for IE */}
.mg-gallerybutton .mg-gallerybutton-th-holder img {width: 83px; margin: 1px 0; border: 1px solid white; padding: 1px; background-color: white;}
.mg-gallerybutton .mg-gallerybutton-th-holder img:hover {border: 1px solid #ffcb03;}

.mg-gallerybutton .mg-gallerybutton-buy {height: 39px; width: 180px; background-position: 0 -41px; line-height: 18px; font-weight: bold; padding-top: 3px;}
.mg-gallerybutton .mg-gallerybutton-buy a {text-decoration: none;}
.mg-gallerybutton .mg-gallerybutton-buy a span {font-size: 16px;}

/*Books*/
.mg-shelf .mg-book-rating, .mg-shelf .mg-book-comments, .mg-shelf .mg-book-button, .mg-shelf .mg-book-button b,
    .mg-shelf .mg-book-series {background: url("../images/book.png") no-repeat top left;}

.mg-shelf {font-size: 0; padding-top: 10px;}
.mg-shelf .mg-book {display:-moz-inline-stack; /* for FF2*/ display:inline-block; /* normal browsers */ zoom:1; /* for IE (hasLayout true) */ *display:inline; /* for IE */}
.mg-shelf .mg-book {width: 207px; min-height: 170px; background-color: #f8fceb; border: 1px solid #ecf2d7; margin: 0 8px 16px 8px; overflow: hidden; line-height: 22px; position: relative;}
.mg-shelf-centered {text-align: center;}
.mg-shelf-centered .mg-book {margin: 4px auto; text-align: left;}
.mg-shelf-thin .mg-book {margin: 0 1px 16px 1px;}
.mg-shelf-narrow .mg-book {margin: 0 2px 16px 2px;}
.mg-shelf-wide .mg-book {margin: 0 11px 16px 11px;}
.mg-shelf-no-statusbar .mg-book {min-height: 140px;}
.mg-shelf-update .mg-book {margin: 5px 2px 10px 2px;}
.mg-shelf .mg-book-purchased {background-color: #f7f8f8; border: 1px solid #eceeee;}
.mg-shelf .mg-book-self {background-color: #fffaf0; border: 1px solid #f9eed4;}
.mg-shelf .mg-book-placeholder {background: url("../images/book-placeholder.png") repeat; border-color: #f2f3f3;}
.mg-shelf .mg-book .mg-book-th {display: block; width: 98px; height: 130px; overflow: hidden; float: left; margin: 4px 0 0 4px; position: relative;}
.mg-shelf .mg-book .mg-book-th img {border: 1px solid #bfc6a6;}
.mg-shelf .mg-book .mg-book-favor-control, #mg-book-about .mg-book-about-cover .mg-wrapper .mg-book-favor-control {position: absolute; top: 4px; left: 4px; width: 24px; height: 24px; background: url("../images/icon-favorites.png") no-repeat top left; display: none; text-decoration: none;}
.mg-shelf .mg-book:hover .mg-book-favor-control, #mg-book-about:hover .mg-book-about-cover .mg-wrapper .mg-book-favor-control {display: block;}
.mg-shelf .mg-book-favored .mg-book-favor-control, #mg-book-about.mg-book-favored .mg-book-about-cover .mg-wrapper .mg-book-favor-control {display: block; background-position: 0 -24px;}
/*.mg-shelf .mg-book-favored .mg-book-favor-control:focus {display: block; background-position: 0 0;}*/
.mg-shelf .mg-book .mg-book-info {width: 92px; float: right; overflow: hidden; margin-right: 5px; margin-top: 4px; font-size: 12px;}
.mg-shelf .mg-book .mg-book-info .mg-book-name {font-size: 13px; color: #d16e32; margin-bottom: 5px; margin-top: -2px; line-height: 16px; font-weight: bold; display: block; height: 32px; overflow: hidden; text-overflow: ellipsis;}
.mg-shelf .mg-book .mg-book-info .mg-book-author {font-style: italic;}
.mg-shelf .mg-book-stats {height: 16px; margin: 5px 0 5px 0;}
.mg-shelf .mg-book-rating, .mg-shelf .mg-book-comments {padding-left: 17px; font-size: 12px; font-weight: bold; color: #4f4f4f;}
.mg-shelf .mg-book-rating {background-position: -4px -1px; float: left; margin-right: 10px;}
.mg-shelf .mg-book-comments {background-position: -4px -23px; float: left;}
.mg-shelf .mg-book-statusbar {background-color: #ecf2d7; height: 30px; width: 100%; position: absolute; bottom: 0; left: 0; text-align: center; line-height: 30px;}
.mg-shelf .mg-book-purchased .mg-book-statusbar {background-color: #eceeee;}
.mg-shelf .mg-book-self .mg-book-statusbar {background-color: #f9eed4;}
.mg-shelf .mg-book-button {background-position: -78px -49px; width: 118px; height: 24px; display: block; margin: 4px 2px 2px 2px; overflow: hidden;}
.mg-shelf .mg-book-button {font-weight: bold; color: #d16e32; font-size: 13px; text-decoration: none; text-align: center; line-height: 23px;}
.mg-shelf .mg-book-button b {padding-left: 19px; overflow: hidden;}
.mg-shelf .mg-book-button:hover {background-position: -78px -73px;}
.mg-shelf .mg-book-button:focus {background-position: -78px -97px;}
.mg-shelf .mg-book-tobasket {float: left;}
.mg-shelf .mg-book-free, .mg-shelf .mg-book-remove {margin-left: auto; margin-right: auto;}
.mg-shelf .mg-book-buy {float: right; background-position: 0 -49px; width: 78px;}
.mg-shelf .mg-book-buy:hover {background-position: 0 -73px;}
.mg-shelf .mg-book-buy:focus {background-position: 0 -97px;}
.mg-shelf .mg-book-edit {float: left;}
.mg-shelf .mg-book-delete {float: right; width: 78px;}
.mg-shelf .mg-book-tobasket b {background-position: 1px -133px;}
.mg-shelf .mg-book-buy b {background-position: 0 -156px;}
.mg-shelf .mg-book-free b {background-position: 0 -178px;}
.mg-shelf .mg-book-remove b, .mg-shelf .mg-book-delete b {background-position: 0 -223px;}
.mg-shelf .mg-book-edit b {background-position: 0 -244px;}
.mg-shelf .mg-book-series {background-position: right -200px; padding-right: 18px; font-weight: bold; color: #207bba;}

.mg-shelf .mg-book-statusbar span {font-size: 14px; color: #818487; font-weight: bold;}
.mg-shelf .mg-book-self .mg-book-statusbar span {font-size: 14px; color: #bc8442;} 
.mg-shelf .mg-book-inbasket .mg-book-statusbar span {font-size: 14px; color: #7f8e4a;}

.mg-shelf .mg-book:hover {background-color: #fcfff4;}
.mg-shelf .mg-book-purchased:hover {background-color: #f7f8f8;}
.mg-shelf .mg-book-self:hover {background-color: #fffaf0;}

.mg-series-dialog .ui-dialog-content {overflow: hidden;}
.mg-series-dialog .ui-widget-header {background: none; background-color: #e1f3ff; border: none;}
.mg-series-shelf .mg-book {width: 214px; min-height: 362px; background-color: #f8fceb; border: 1px solid #ecf2d7; margin: 0 8px 0 8px; overflow: hidden; line-height: 22px; position: relative;}
.mg-series-shelf .mg-book .mg-book-th {width: 202px; height: 260px; float: none; margin: 4px;}
.mg-series-shelf .mg-book .mg-book-info {float: none; width: auto; overflow: hidden; padding: 5px;}
.mg-series-shelf .mg-book .mg-book-info .mg-book-name {height: 16px; margin: 2px 0 0 0; padding: 0;}
.mg-series-shelf .mg-book .mg-book-info .mg-book-author {font-style: italic;}
.mg-series-shelf .mg-book .mg-book-favor-control {top: 35px;}

/*.mg-series-shelf .mg-book-rating, .mg-shelf .mg-book-comments {padding-left: 17px; font-size: 12px; font-weight: bold; color: #4f4f4f;}*/
.mg-series-shelf .mg-book-price {width: 30%; float: left; height: 16px; text-align: left;}
.mg-series-shelf .mg-book-stats {margin: 0; width: 70%; float: right}
.mg-series-shelf .mg-book-rating {background-position: -4px -1px; float: right; margin-right: 10px;}
.mg-series-shelf .mg-book-comments {background-position: -4px -23px; float: right;}
.mg-series-shelf .mg-book-statusbar {background-color: #ecf2d7; height: 30px; width: 100%; position: absolute; bottom: 0; left: 0; text-align: center; line-height: 30px;}

#mg-series-table {width: 100%; margin: 0; padding: 0; border-collapse: collapse;}
#mg-series-table td {margin: 0; padding: 0;}
.mg-series-next, .mg-series-prev {width: 41px; height: 41px; text-decoration: none; margin-top: 45%; display: block;}
.mg-series-next {background-position: -41px -286px;}
.mg-series-prev {background-position: 0 -286px;}

/*Safari fix*/
html:root*.mg-shelf .mg-book-tobasket b {background-position: 0 -135px; }
html:root*.mg-shelf .mg-book-buy b {background-position: 0 -158px; } 
html:root*.mg-shelf .mg-book-free b {background-position: 0 -180px; } 
html:root*.mg-shelf .mg-book-remove b, html:root*.mg-shelf .mg-book-delete b {background-position: 0 -225px;}
html:root*.mg-shelf .mg-book-edit b {background-position: 0 -246px;}
html:root*.mg-shelf .mg-book-rating {background-position: -4px -1px; }
html:root*.mg-shelf .mg-book-comments {background-position: -4px -23px; }
html:root*.mg-shelf .mg-book-series {background-position: right -203px;}

.mg-book-new-pages .mg-book {border: 1px solid white; margin: 5px 17px; clear: both; font-size: 0;}


.mg-books-holder {text-align: center; font-size: 0;}
.mg-book {display:-moz-inline-stack; /* for FF2*/ display:inline-block; /* normal browsers */ zoom:1; /* for IE (hasLayout true) */ *display:inline; /* for IE */}
/*.mg-book {text-align: center; width: 110px; overflow: hidden; font-size: 12px; line-height: 14px; position: relative; padding: 0px;}*/
/*.mg-update .mg-book {margin: 10px 12px;}*/
.mg-books-holder-index .mg-book {margin: 10px 6px;}
.mg-books-holder-update .mg-book {margin: 5px 6px 10px 6px;}
/*.mg-books-holder-basket .mg-book, .mg-books-holder-best .mg-book {margin: 0 1px 10px 1px;}*/
.mg-books-sidebar-wide .mg-book {margin: 0 5px 10px 6px;}
.mg-books-sidebar-wider .mg-book {margin: 0 12px 10px 12px;}
.mg-books-sidebar-narrow .mg-book {margin: 0 1px 10px 1px;}

/*.mg-books-short .mg-book {height: 185px;  background: url("../images/book-back-short.png") no-repeat bottom left;}*/
/*.mg-samples-holder .mg-book {background: none; width: 100px; height: auto;}*/
/*.mg-books-holder-basket .mg-book { margin: 0 4px 10px 4px; width: 100px; height: auto; background: none; }*/
/*.mg-books-holder-basket .mg-book img {border: 1px solid lightgray;}*/
/*.mg-books-holder-basket .mg-book h6 {height: 16px;}*/
/*.mg-books-holder-tight .mg-book {margin: 10px 4px;}*/
/*#mg-book-sample-pages .mg-books-holder .mg-book {margin: 0 10px;}*/
/*.mg-webbutton-preview .mg-book {border: 1px solid white; padding: 2px 4px;}*/
/*.mg-webbutton-preview .mg-book:hover {border: 1px solid #ffcb03; background-color: #fffae9;}*/
/*.mg-books-holder-edit .mg-book:hover*/

.mg-books-back-1 .mg-book, .mg-books-back-2 .mg-book, .mg-books-back-3 .mg-book, .mg-books-back-4 .mg-book, .mg-books-back-5 .mg-book {background: url("../images/book-backs.png") no-repeat top left;}
.mg-books-back-1 .mg-book {background-position: 0 0; height: 217px; width: 120px;}
.mg-books-back-1 .mg-book:hover {background-position: 0 -217px;}
.mg-books-back-2 .mg-book {background-position: -120px 0; height: 217px;}
.mg-books-back-2 .mg-book:hover {background-position: -120px -217px;}
.mg-books-back-3 .mg-book {background-position: -230px 0; height: 182px;}
.mg-books-back-3 .mg-book:hover {background-position: -230px -217px;}
.mg-books-back-4 .mg-book {background-position: -340px 0; height: 164px;}
.mg-books-back-4 .mg-book:hover {background-position: -340px -217px;}
.mg-books-back-5 .mg-book {background-position: -450px 0; height: 143px;}
/*.mg-books-back-5 .mg-book img {margin-top: 13px;}*/
.mg-books-back-5 .mg-book:hover {background-position: -450px -217px;}

/*.mg-book img {background-color: white; padding: 3px; margin: 4px auto; *//*border: 1px solid #b5b3b0; *//**//*margin: 5px 0 2px 0;*//* *//*display: block;*//*}*/
/*.mg-book h6 {margin: 4px auto 0 auto; padding: 0; font-size: 12px; color: #d8590c; display: block; width: 100px; height: 16px; overflow: hidden;}*/
/*.mg-book .mg-book-tobasket {padding-left: 18px; background-position: 0 2px;}*/
/*.mg-book .mg-book-get-free {padding-left: 18px; background-position: 0 -430px;}*/
/*html:root*.mg-book .mg-book-tobasket, html:root*.mg-book .mg-book-get-free {padding-top: 3px;} *//*Safari fix*/
/*.mg-book a.mg-book-author {text-decoration: none; display: block; width: 100px; height: 14px; overflow: hidden; margin: 0 auto;}*/
.mg-book .mg-book-price {color: #c84343; font-weight: bold;}

.mg-book-bought img {filter:alpha(opacity=40); -moz-opacity:.4; opacity: .4;}
.mg-book-bought h6, .mg-book-bought .mg-book-price {color: #999;}
.mg-book-bought .mg-book-buy-buttons {visibility: hidden;}
/*.mg-book a.mg-book-image-link {position: relative;}*/

.mg-books-holder-best .mg-book img {border-color: #d67941;}
.mg-books-holder-best .mg-book h6 {color: #d64541;}

.mg-book-toolbar {width: 38px; position: absolute;}
/*.mg-book-toolbar-right, .mg-book-toolbar-left {width: 36px; height: 142px; position: absolute; }*/
.mg-book-toolbar-right {right: 2px; top: 20px;}
.mg-book-toolbar-left {left: 2px; top: 20px;}
.mg-book-toolbar-button, .mg-book-toolbar-marker {text-decoration: none; background: url("../images/book-buttons.png") no-repeat top left; width: 38px; height: 33px; display: none; margin-bottom: 5px;}
.mg-book-toolbar .mg-visible {display: block;}
.mg-book-toolbar-marker {display: block;}
.mg-book-hover .mg-book-toolbar-button {display: block;}

.mg-book-bought.mg-book-hover .mg-book-toolbar-button, .mg-book-bought .mg-visible {display: none;}   

.mg-book-toolbar-button-favor {background-position: 0 0;}
.mg-book-toolbar-button-series {background-position: 0 -33px;}
.mg-book-toolbar-marker-favored {background-position: 0 -66px;}

.mg-book-navigation-filters {height: 30px; text-align: right; margin-bottom: 3px;}
.mg-book-navigation-filters a {color: #0e81a8; text-decoration: none; font-weight: bold; padding: 2px 10px 7px 10px; line-height: 30px;}
.mg-book-navigation-filters a.mg-active {background: #0e81a8 url("../images/filters-back.png") no-repeat bottom center; color: white;}

.mg-book .mg-book-get-button {background-position: -540px -304px; width: 100px; height: 32px; padding-top: 3px; display: block; text-decoration: none; color: white; font-weight: bold; margin: 5px auto 0 auto;}


/*Cloud*/
/*
.mg-cloud {line-height: 22px;}
.mg-cloud label {font-weight: bold; padding-right: 5px;}
.mg-cloud a {font-weight: bold; text-decoration: none; padding: 0 4px;}
.mg-cloud a:hover, .mg-cloud a.mg-active {background-color: #0e81a8; color: white;}
.mg-cloud a.mg-more {display: none; padding-right: 15px;}
.mg-cloud a.mg-more:hover {background-color: transparent; color: #d67941;}

.mg-cloud-collapsed {text-align: left;}
.mg-cloud-collapsed a, .mg-cloud-collapsed b {display: none;}
.mg-cloud-collapsed a.mg-active, .mg-cloud-collapsed a.mg-more {display: inline;}

.mg-t5 {font-size: 18px;}
.mg-t4 {font-size: 16px;}
.mg-t3 {font-size: 14px;}
.mg-t2 {font-size: 11px;}
.mg-t1 {font-size: 9px;}
*/

/*Gallery*/

.mg-gallery-holder {text-align: center; font-size: 0;}
.mg-gallery-item {display:-moz-inline-stack; /* for FF2*/ display:inline-block; /* normal browsers */ zoom:1; /* for IE (hasLayout true) */ *display:inline; /* for IE */}
.mg-gallery-item {width: 112px; height: 132px; margin: 10px 4px; padding: 0; font-size: 0; /*background-color: #fcfbe9; */line-height: 110px; overflow: visible; /*border: 1px solid #f4e698; */text-align: center;}
.mg-gallery-item {background: url("../images/gallery-back.png") no-repeat left top;}
/*.mg-gallery-holder-edit .mg-gallery-item {height: 120px;}*/
/*.mg-update-user-update .mg-gallery-item {margin: 10px 12px;}*/
.mg-gallery-item img {/*background-color: white; padding: 1px; */margin: 1px; vertical-align: middle;}
* html .mg-gallery-item img {vertical-align: top;}

/*
.mg-gallery-item img {
    box-shadow: 1px 1px 3px gray;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=135,strength=2);
    -moz-box-shadow: gray 1px 1px 3px;
    -webkit-box-shadow: 1px 1px 3px gray;
}
.mg-gallery-item a:hover img {
    border: 1px solid #ddd;
    margin: 0;
}
*/

.mg-gallery-holder-edit {margin-bottom: 20px;}

.mg-gallery-item-statusbar { padding: 0 8px 0 5px; height: 21px; overflow: hidden; line-height: 18px;}
.mg-gallery-item  .mg-gallery-item-button, .mg-gallery-item span {font-size: 11px; color: #67696a;}
.mg-gallery-item  .mg-gallery-item-button-delete {background-position: 0 -190px; padding: 0 0 0 18px; float: left;}
.mg-gallery-item  .mg-gallery-item-button-edit {background-position: 0 -222px; padding: 0 0 0 18px; float: right;}

.mg-gallery-picture-edit label, .mg-gallery-picture-edit .mg-lable {font-weight: bold; width: 150px;}
#mg-profile-part.mg-gallery-picture-edit .mg-avatar {float: none; margin: 0 auto;}

.mg-image-part {background: #f9f8dd url("../images/dot-white.png") repeat-x top; border: 1px solid #faeeac; padding: 10px; overflow: hidden; margin-bottom: 20px;}
.mg-image-part h2 {color: #d67941; margin: 0; padding: 0; float: left; width: 80%; overflow:hidden;}
.mg-image-part .mg-back-to-gallery-link {float: right; line-height: 28px;}
.mg-image-part img {max-width: 646px; background-color: white; padding: 5px; margin: 10px 0;}

.mg-image-info {background-color: #fffeef; padding: 10px;}
.mg-image-info label {font-weight: bold; display: block; margin-bottom: 5px;}


/*Callouts*/
.mg-callout {position: relative; padding: 10px;}
.mg-callout .mg-callout-arrow {position: absolute;}
.mg-callout h4 {margin: 0 0 10px 0; padding: 0;}
.mg-callout-green-top, .mg-callout-green-left, .mg-callout-green-bottom-center {background-color: #f4fceb; border: 1px solid #e0f2c9;}
.mg-callout-green-top .mg-callout-arrow {top: -10px; left: 15px;}
.mg-callout-green-left .mg-callout-arrow {left: -10px; top: 15px;}
.mg-callout-green-bottom-center .mg-callout-arrow {left: 49%; bottom: -10px; top: auto;}

.mg-callout-yellow-top, .mg-callout-yellow-left {background-color: #fff8db; border: 1px solid #dbd7b1;}
.mg-callout-yellow-top .mg-callout-arrow {top: -10px; left: 15px;}
.mg-callout-yellow-left .mg-callout-arrow {left: -10px; top: 15px;}

/*Sidebar*/
/*#mg-sidebar a {color: #0e81a8;}*/
.mg-sidebar-menu-holder a.mg-sb-menu-item, .mg-sidebar-menu-holder a.mg-sb-menu-title {padding-left: 22px; display: block; text-decoration: none; font-size: 13px; /*padding: 2px 0 2px 22px; */line-height: 22px;}
.mg-sidebar-menu-holder a.mg-sb-menu-title {font-weight: bold;}
.mg-sidebar-menu-holder br.mg-sb-menu-spacer {line-height: 10px;}
.mg-sidebar-menu-holder a:hover {text-decoration: underline;}
.mg-sidebar-menu-holder a.mg-active:hover {text-decoration: none;}
a.mg-sb-menu-item-author {background-position: 2px -124px;}


a.mg-sb-menu-title {background: url("../images/sidebar-menu.png") no-repeat top left;}
a.mg-sb-menu-icon-logo {background-position: 0 -320px;}
a.mg-sb-menu-icon-home {background-position: 0 1px;}
a.mg-sb-menu-icon-profile {background-position: 0 -39px;}
a.mg-sb-menu-icon-books {background-position: 0 -79px;}
a.mg-sb-menu-icon-gallery {background-position: 0 -119px;}
a.mg-sb-menu-icon-friends {background-position: 0 -159px;}
a.mg-sb-menu-icon-messages {background-position: 0 -199px;}
a.mg-sb-menu-icon-money {background-position: 0 -239px;}
a.mg-sb-menu-icon-webbutton {background-position: 0 -240px;}
a.mg-sb-menu-icon-back {background-position: 0 -280px;}
.mg-sidebar-menu-holder a.mg-active {background-color: #ddf0f6;}

.mg-sidebar-menu-holder {border: 1px solid #cde5b0; margin-bottom: 20px;}
.mg-sidebar-menu-padder {padding: 10px;}

.mg-button-browse-all-books, #mg-book-navigation-accordion .ui-accordion-header, #mg-book-navigation-accordion .ui-accordion-header .ui-icon {background: url("../images/books-navigator.png") no-repeat top left;}
.mg-button-browse-all-books {width: 230px; height: 30px; display: block; text-align: center; font-weight: bold; text-decoration: none; color: #444; line-height: 28px; margin-bottom: 3px;}
#mg-book-navigation-accordion {margin-bottom: 20px;}
#mg-book-navigation-accordion .ui-accordion-header {display: block; height:32px; background-position: 0 -30px; overflow: hidden; line-height: 31px; padding-left: 28px; color: white;}
.ui-accordion .ui-accordion-header .ui-icon {margin: 0; top: 0; left: 12px;}
#mg-book-navigation-accordion .ui-accordion-header .ui-icon {display: block; height:32px; width: 9px; overflow: hidden; background-position: 0 -94px;}
#mg-book-navigation-accordion .ui-state-active .ui-icon {background-position: 0 -62px; }
/*#mg-book-navigation-accordion .ui-accordion-header {color: #3a3a3a; font-weight: bold; text-decoration: none; margin: 0;}*/
/*#mg-book-navigation-accordion .ui-state-active {background-position: 0 -800px;}*/
.ui-accordion .ui-accordion-content {padding: 3px 0;}
.ui-widget-content {background: none;}
#mg-book-navigation-accordion * {border: 0; -moz-border-radius:0px;}
/*.ui-state-active .ui-icon {background: none;}*/

.mg-book-navigation-genres {clear: both;}
.mg-book-navigation-genres a {display: block; padding: 4px 6px; background-color: #f7f6f3; color: #207bba; text-decoration: none; float: left; width: 101px; overflow: hidden; margin: 1px; font-size: 12px; white-space: nowrap; overflow: hidden;}
* html .mg-book-navigation-genres a {width: 100px;}
.mg-book-navigation-genres a:hover {background-color: #edece9;}
.mg-book-navigation-genres a.mg-active {background-color: #ddf0f9; color: #3a3a3a; }
/*#mg-sidebar .mg-book-navigation-genres:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}*/
/** html #mg-sidebar .mg-book-navigation-genres {height: 1%;}*/

.mg-book-navigation-author {clear: both;}
/*.mg-book-navigation-author .mg-book-navigation-author-left {width: 50%; float: left;}*/
/*.mg-book-navigation-author .mg-book-navigation-author-right {width: 50%; float: left;}*/
/*.mg-book-navigation-author .mg-book-navigation-author-title {font-weight: bold; text-align: center; line-height: 24px; color: #888;}*/
.mg-book-navigation-author a {display: block; padding: 4px 6px; background-color: #f7f6f3; color: #207bba; text-decoration: none; float: left; width: 32px; overflow: hidden; margin: 1px; font-size: 12px; text-align: center;}
* html .mg-book-navigation-author a {width: 31px;}
.mg-book-navigation-author a:hover {background-color: #edece9;}
.mg-book-navigation-author a.mg-active {background-color: #ddf0f9; color: #3a3a3a;}

.mg-book-navigation-author .mg-separator {margin: 3px 0; height: 1px; background-color: lightgray; clear: both;}
/*#mg-sidebar .mg-book-navigation-author:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}*/
/** html #mg-sidebar .mg-book-navigation-author {height: 1%;}*/

.mg-avatar {background-color: white; padding: 3px; border: 1px solid #c8c6c5;}

/*
.mg-profile-overview {padding: 10px;}
.mg-profile-overview .mg-avatar {margin-right: 10px;}
.mg-profile-overview .mg-callout {margin-top: 15px;}
*/

.mg-progress-bar {border: 1px solid #c8c6c5; background-color: white; height: 22px;}
.mg-progress-bar-progress {border: 1px solid white; background: url("../images/progress-back.png") repeat-x top left; height: 20px;}

/*Parts*/
.mg-part {margin-bottom: 20px;}
.mg-part:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .mg-part {height: 1%;}

.mg-part h3, .mg-part h3 div {background: url("../images/parts.png") no-repeat top right;}
.mg-part h3 {font-size: 18px; height: 44px; line-height: 33px; overflow: hidden; padding: 0; margin: 0; color: #36639f;}
.mg-part h3 div {background-position: left 0; height: 44px; margin-right: 16px; padding-left: 16px;}
.mg-part-content-blue h3, .mg-part-content-yellow h3 {background: none; padding: 0 10px; height: auto;}

.mg-part-yellow h3 {background-position: right -44px; color: #d67941;}
.mg-part-yellow h3 div {background-position: left -44px;}
.mg-part-pink h3 {background-position: right -88px; color: #cd4909;}
.mg-part-pink h3 div {background-position: left -88px;}
.mg-part-green h3 {background-position: right -132px; color: #6a7f46;}
.mg-part-green h3 div {background-position: left -132px;}

.mg-part h3 span {padding-left: 28px;}

.mg-part .mg-part-statusbar {background-color: #f7f7f7; padding: 6px;}
.mg-part .mg-part-statusbar:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .mg-part .mg-part-statusbar {height: 1%;}
.mg-part .mg-part-statusbar .mg-button {margin: 10px 2px 2px 2px;}
.mg-part .mg-part-statusbar p {margin: 0; padding: 0;}
.mg-part-padder {padding: 0 10px 10px 10px;}

.mg-part .mg-separator {height: 1px; margin: 10px 0; background-color: gray; border-bottom: 1px solid white;}

/*.mg-part-blue {border: 1px solid #cde4f4;}*/
/*.mg-part-blue h3 {color: #36639f; background-position: 0 0;}*/
.mg-part-content-blue {border: 1px solid #cde4f4; background: #edf6fb url("../images/part-blue-flowers.png") no-repeat top left;}
.mg-part-yellow .mg-separator {background-color: #f4e698;}
/*.mg-part-yellow {border: 1px solid #f4e698;}*/
/*.mg-part-yellow h3 {color: #d67941; background-position: 0 -80px;}*/
.mg-part-content-yellow {border: 1px solid #f4e698; background-color: #f9f7cc;}
/*.mg-part-gray {border: 1px solid #dde2e7;}*/
/*.mg-part-gray h3 {color: #404040; background-position: 0 -128px;}*/
/*.mg-part-pink {border: 1px solid #ffd7c4;}*/
/*.mg-part-pink h3 {color: #cd4909; background-position: 0 -176px;}*/
/*.mg-part-green {border: 1px solid #e0f2c9;}*/
.mg-part-light-green {border: 1px solid #e0f2c9; background-color: #f2f9eb;}
.mg-part-light-green h3 {color: #637b31; background: none;}
/*.mg-part-green h3 {color: #404040; background-position: 0 -128px;}*/

.mg-part .mg-icon-basket {background-position: -5px -36px;}
.mg-part .mg-icon-best {background-position: -5px -67px;}
.mg-part .mg-icon-user {background-position: -5px -3px;}
.mg-part .mg-icon-comments {background-position: -5px -132px;}
.mg-part .mg-icon-login {background-position: -5px -898px;}
.mg-part .mg-icon-join {background-position: -5px -868px;}
.mg-part .mg-icon-upload-new-picture {background-position: -5px -706px;}

.mg-info-part {margin-bottom: 20px;}
.mg-info-part h4 {margin: 0; padding: 0; font-size: 16px;}
.mg-info-part .mg-info-part-content {padding: 10px 10px 10px 115px; min-height: 100px;}

.mg-info-part-profile {background: #f9f7cc url("../images/dot-white.png") repeat-x top left; border: 1px solid #f4e698;}
.mg-info-part-profile .mg-info-part-content {background: url("../images/info-part-profile.png") no-repeat top left;}
.mg-info-part-profile h4 {color: #d67941;}

.mg-info-part-invite {background: #eaf7dc url("../images/dot-white.png") repeat-x top left; border: 1px solid #d0e6b4;}
.mg-info-part-invite .mg-info-part-content {background: url("../images/info-part-friends.png") no-repeat top left;}
.mg-info-part-invite h4 {color: #5c7f11;}

.mg-info-part-get-viewers {background: #f8de7c url("../images/part-get-viewer.png") no-repeat center; height: 134px;}
.mg-info-part-get-viewers .mg-info-part-content {padding: 10px 10px 10px 110px;}
.mg-info-part-get-viewers h4 {color: #8b0216;}
.mg-info-part-get-viewers a {color: #8b0216; font-weight: bold;}

/*#mg-part-get-free-sample {background: url("../images/part-get-free-sample.png") no-repeat top left; width: 275px; height: 345px;}*/
.mg-banner {background: #f1c933 url("../images/banner-back.png") no-repeat center top;}
.mg-banner .mg-wrapper {padding: 8px;}
.mg-banner h3 {color: #ae0101; text-align: center; padding: 0; margin: 10px 0 5px 0; background: none;}
.mg-banner .mg-free-sample-item {position: relative; margin: 5px auto; height: 82px; background: url("../images/banner.png") no-repeat top left;}
.mg-banner-narrow .mg-free-sample-item {width: 215px;}
.mg-banner .mg-i-mac {background-position: 0 -328px;}
.mg-banner .mg-i-iphone {background-position: 0 -492px;}
.mg-banner .mg-i-win {background-position: 0 -410px;}
.mg-banner .mg-i-mobile {background-position: 0 -574px;}
.mg-banner-narrow .mg-i-mac {background-position: 0 0;}
.mg-banner-narrow .mg-i-iphone {background-position: 0 -164px;}
.mg-banner-narrow .mg-i-win {background-position: 0 -82px;}
.mg-banner-narrow .mg-i-mobile {background-position: 0 -246px;}
.mg-banner .mg-free-sample-item-button {position: absolute; bottom: 10px; right: 0; width: 195px; height: 35px; display: block;}
.mg-banner-narrow .mg-free-sample-item-button {bottom: 5px;}
.mg-banner .mg-free-sample-item-button {line-height: 32px; font-size: 16px; color: #9f0000; font-weight: bold; text-decoration: none;}

#mg-part-get-free-sample h3 {color: #ae0101; margin-bottom: 20px; display: block; background-position: 0 -930px;}
#mg-part-get-free-sample h4 {color: #ae0101; margin: 0 10px 15px 40px; text-align: center; font-size: 18px; padding: 10px 0 0 0;}
#mg-part-get-free-sample .mg-free-sample-item {position: relative; width: 248px; margin: 0 auto 20px auto; height: 48px;}
#mg-part-get-free-sample span {color: black; font-weight: bold;}
#mg-part-get-free-sample .mg-free-sample-item-button {position: absolute; bottom: 0; left: 58px; width: 191px; height: 45px; background-position: -528px -420px;}
#mg-part-get-free-sample .mg-free-sample-item-button a {display: block; position: absolute; bottom: 0; text-align: left; padding-left: 12px; width: 142px; line-height: 32px; font-size: 16px; color: #602626; font-weight: bold; text-decoration: none}
#mg-part-get-free-sample .mg-i-mac, #mg-part-get-free-sample .mg-i-win, #mg-part-get-free-sample .mg-i-iphone, #mg-part-get-free-sample .mg-i-mobile { width: 48px; height: 48px; float: left; margin-right: 10px;}
#mg-part-get-free-sample .mg-i-mac {background-position: 0 -416px;}
#mg-part-get-free-sample .mg-i-iphone {background-position: 0 -480px;}
#mg-part-get-free-sample .mg-i-win {background-position: 0 -352px;}
#mg-part-get-free-sample .mg-i-mobile {background-position: 0 -544px;}

#mg-part-get-free-sample {background: #f8de7c url("../images/viewer-ad-back.png") repeat-x bottom left;}
#mg-part-get-free-sample .mg-wrapper {padding: 10px; background: url("../images/viewer-ad-flowers.png") no-repeat bottom left;}

/*Download viewers*/
/*.mg-info-part-get-viewer {background: #eaf7dc url("../images/dot-white.png") repeat-x top left; border: 1px solid #d0e6b4;}*/
/*.mg-info-part-get-viewer .mg-info-part-content {padding: 10px;}*/
/*.mg-info-part-get-viewer h4 {color: #5c7f11; font-weight: normal; font-size: 20px; margin-bottom: 10px;}*/
/*.mg-info-part-get-viewer h4 span {color: black; font-weight: bold;}*/

.mg-part-get-viewer {width: 450px; height: 178px; position: relative; background: url("../images/viewer-parts.png") no-repeat top left; margin: 0 auto 40px auto;}
.mg-part-get-viewer-name {color: white; position: absolute; left: 230px; top: 65px; font-size: 24px;}
.mg-part-get-viewer-button {width: 138px; height: 30px; display: block; text-decoration: none; color: #444; position: absolute; left: 303px; top: 140px; text-align: center;}
/*.mg-icon-get-viewer-pc, .mg-icon-get-viewer-mac, .mg-icon-get-viewer-iphone, .mg-icon-get-viewer-mobile {width: 82px; height: 82px; margin: 5px auto;}*/
.mg-part-get-viewer-win {background-position: 0 0;}
.mg-part-get-viewer-mac {background-position: 0 -178px;}
.mg-part-get-viewer-iphone {background-position: 0 -356px;}
.mg-part-get-viewer-mobile {background-position: 0 -534px;}

.mg-icon-big-device {width: 203px; height: 190px; background: url("../images/viewer-icons.png") no-repeat top left; margin: 0 auto;}
.mg-icon-big-device-win {background-position: 0 0;}
.mg-icon-big-device-mac {background-position: 0 -190px;}
.mg-icon-big-device-iphone {background-position: 0 -380px;}
.mg-icon-big-device-mobile {background-position: 0 -570px;}
.mg-viewer-screenshot {width: 204px; height: 163px; background: url("../images/viewer-screenshot-back.png") no-repeat top left; margin: 10px auto;}
.mg-viewer-screenshot img {margin: 7px;}


#mg-profile-part {background: #e5f5fa url("../images/dot-white.png") repeat-x top left; border: 1px solid #cde4f4; padding: 10px; color: #404040; margin-bottom: 20px;}
#mg-profile-part.mg-part-author {background: #f8f1c4 url("../images/dot-white.png") repeat-x top left; border: 1px solid #e7bf68;}
#mg-profile-part.mg-part-publisher {background: #e7e8e9 url("../images/dot-white.png") repeat-x top left; border: 1px solid #d1d2d3;}
#mg-profile-part .mg-avatar {float: right; background-color: white; padding: 3px;}
#mg-profile-part .mg-publisher-logo {background-color: white; padding: 3px;}
#mg-profile-part .mg-user-name, #mg-profile-part .mg-user-location, #mg-profile-part .mg-user-age {font-size: 18px; line-height: 26px;}
#mg-profile-part .mg-book-navigation-genres a {width: auto; background-color: #e0f2c9;}

.mg-user-name {padding-left: 30px; color: #36639f; background-position: 0 -788px;}
.mg-part-author .mg-user-name {background-position: 0 -756px;}
.mg-part-reader .mg-user-name {background-position: 0 -788px;}
.mg-part-publisher .mg-user-name {background-position: 0 -820px;}

#mg-profile-part h4 {margin: 0; padding: 0; font-size: 18px; margin-bottom: 10px;}

#mg-profile-part.mg-profile-edit .mg-profile-edit-avatar-holder {background-color: #f6fdff; padding: 5px; text-align: left; margin: 10px 0;}
#mg-profile-part.mg-part-author .mg-profile-edit-avatar-holder {background-color: #fffadf;}
#mg-profile-part.mg-part-publisher .mg-profile-edit-avatar-holder {background-color: #f3f4f5;}
#mg-profile-part.mg-profile-edit .mg-profile-edit-avatar-holder .mg-avatar {margin: 5px; float: left !important;}
#mg-profile-part.mg-profile-edit label, #mg-profile-part.mg-profile-edit .mg-lable {font-weight: bold;}
#mg-profile-part.mg-profile-edit .mg-lable {width: 120px; padding-right: 10px;}

#mg-profile-part.mg-profile-small {font-size: 12px;}
#mg-profile-part.mg-profile-small .mg-avatar {width: 50px;}
#mg-profile-part.mg-profile-small .mg-user-name, #mg-profile-part.mg-profile-small .mg-user-location, #mg-profile-part.mg-profile-small .mg-user-age {font-size: 14px; line-height: 20px; font-weight: bold;}
#mg-profile-part.mg-profile-small .mg-user-name {padding-top: 2px; padding-bottom: 2px;}

#mg-profile-edit-avatar {margin-bottom: 20px;}
#mg-profile-edit-avatar td {vertical-align: top;}
#mg-profile-edit-avatar .mg-if {margin: 20px 0;}

/*#mg-profile-edit-personal {width: 100%;}*/
#mg-profile-edit-personal .mg-it, #mg-profile-edit-personal .mg-is, #mg-profile-edit-personal textarea {width: 98%;}
#mg-profile-edit-personal .mg-is-date {width: 31%;}
/*#mg-profile-edit-personal .mg-lable {width: 30%;}*/

#mg-edit-avatar-dialog.ui-dialog-content {background: #f8f1c4 url("../images/part-yellow-flowers.png") no-repeat top left;}
#mg-edit-avatar-dialog .mg-button {margin: 0 5px;}
#mg-edit-avatar-big-holder {margin-bottom: 10px;}
#mg-edit-avatar-big-holder img {background-color: white; padding: 3px; border: 1px solid #c7c2bc;}

.mg-dialog .ui-dialog-buttonpane button {line-height: 24px; padding: 0 10px;}
.mg-dialog .ui-dialog-buttonpane button .ui-button-text {padding: 0 5px;}

.mg-profile-table {background-color: #f6fdff; width: 100%; margin-top: 10px;}
.mg-part-author .mg-profile-table {background-color: #fffadf;}
.mg-part-publisher .mg-profile-table {background-color: #f3f4f5;}
.mg-profile-table td {padding: 5px; vertical-align: top;}
.mg-profile-table td.mg-genres-td {padding: 0 5px;}
.mg-profile-table .mg-separator {font-size: 0; line-height:0; border-bottom: 1px solid #e0e1df; padding: 0;}
.mg-profile-table td.mg-lable {padding-right: 10px; font-weight: bold; white-space: nowrap; width: 20%;}

#mg-profile-menu {margin-bottom: 20px;}
#mg-profile-menu a {color: #759b23; font-weight: bold; line-height: 28px; padding-left: 10px; background-position: 0 -518px; text-decoration: none}
#mg-profile-menu div.mg-separator {background-color: #e3e1dd; height: 1px; font-size: 0; line-height: 0;}

/*.mg-user-type {padding-left: 40px; line-height: 36px; geight: 36px; margin-top: 3px; font-size: 16px; color: #d67941;}*/
/*.mg-user-type-reader {background-color: #f6fdff; background-position: 5px 2px; }*/

.mg-friends-counter {background-color: #f4fceb;}
.mg-friends-counter table {width: 100%; table-layout: fixed;}
.mg-friends-counter table td {text-align: center; padding: 5px 9px 0 9px;}
.mg-friends-counter a {text-decoration: none; color: #404040; font-weight: bold;}
.mg-friends-counter a.mg-edit {color: #0e81a8; font-weight: normal;}
.mg-friends-counter a.mg-friends-counter-callout {background: #0e81a8 url("../images/friends-counter-back.png") no-repeat bottom; color: white; padding: 2px 5px 5px 5px; display: block;}

/*New Book, Edit Book*/
#mg-book-about {border: 1px solid #ecf2d7; background: #f8fceb url("../images/book-info-back.png") no-repeat right top; position: relative; min-height: 300px;}
#mg-book-about .mg-wrapper {border-top: 1px solid white; padding: 15px 15px 55px 15px;}
#mg-book-about.mg-book-about-bought .mg-wrapper {padding-bottom: 15px;}
#mg-book-about .mg-book-about-media {float: left; margin-bottom: -40px; height: 425px; overflow: hidden;}
#mg-book-about.mg-book-about-bought .mg-book-about-media {height: 270px;}
#mg-book-about .mg-book-about-cover {border: 5px solid white; background: url("../images/book-info-cover-back.png") repeat left top; height: 260px; width: 202px; float: left; position: relative;}
#mg-book-about .mg-book-about-cover .mg-wrapper {border: 1px solid #d8d9d9; padding: 0; text-align: center; overflow: hidden; height: 258px;}
#mg-book-about .mg-book-about-cover .mg-wrapper span {color: white; font-size: 30px; vertical-align: middle; line-height: 240px;}
#mg-book-about .mg-book-about-samples {width: 156px; margin-top: 15px; position: relative; padding-left: 56px; overflow: hidden; float: left; clear: left;}
#mg-book-about .mg-book-about-samples .mg-book-about-sample {border: 5px solid white; background: url("../images/book-info-cover-back.png") repeat left top; height: 130px; width: 98px; float: left; position: relative;}
#mg-book-about .mg-book-about-samples .mg-book-about-sample .mg-wrapper {border: 1px solid #d8d9d9; padding: 0; text-align: center; overflow: hidden; height: 128px;}
#mg-book-about .mg-book-about-samples .mg-book-about-sample .mg-wrapper span {color: white; font-size: 16px; vertical-align: middle; line-height: 120px;}
#mg-book-about .mg-book-about-samples .mg-sep {background: url("../images/book-info-samples-shadow.png") repeat-y top left; width: 3px; height: 140px; float: left; position: relative;}
#mg-book-about .mg-book-about-samples .mg-book-about-sample {margin-left: -56px; }
#mg-book-about .mg-book-about-samples .mg-sep {margin-left: -59px;}
#mg-book-about .mg-book-about-samples .mg-book-about-samples-sign {background:url("../images/book-info-samples-sign.png") no-repeat right top; width: 72px; height: 72px; position: absolute; top: 0; right: 0;}
#mg-book-about .mg-book-about-buttons {height: 35px; position: absolute; bottom: 15px; right: 15px; text-align: right;}
#mg-book-about .mg-book-about-buttons a {font-size: 20px;}
#mg-book-about .mg-book-about-details {float: left; width: 415px; margin-left: 15px;}
.mg-l-3_4 #mg-book-about .mg-book-about-details {float: left; width: 365px; margin-left: 15px;}
#mg-book-about .mg-book-about-details h2 {color: #d16e32; display: block; margin: 0; padding: 0;}
#mg-book-about .mg-book-about-details h2 span {color: #c84343; float: right;}

table.mg-details {width: 100%; font-size: 16px;}
table.mg-details td, table.mg-details th {vertical-align: top; padding: 8px 0; margin: 0;}
table.mg-details th {color: #727271; font-weight: bold; padding-right: 10px;}
table.mg-details .mg-book-rate-control {float: left;}
table.mg-details .mg-book-navigation-genres {float: left;}
table.mg-details .mg-book-navigation-genres a {background-color: white; border-right: 1px solid #dae7b1; border-bottom: 1px solid #dae7b1; text-align: center; width: auto; margin: 0 2px;}

.mg-b1, .mg-b1 span {background: url("../images/buttons1.png") no-repeat top left; height: 35px; display: inline-block; }
.mg-b1 {padding-left: 2px; margin: 0 2px !important; color: white; text-decoration: none; font-size: 20px; line-height: 32px;}
.mg-b1 span {padding: 0 20px; background-position: right top; margin-right: -2px !important;}
.mg-b1 input {border: none; padding: 0 5px; margin: 0; background: transparent; height: 32px; cursor: pointer; margin: 0 -20px;}
.mg-b1 input {color: white; text-decoration: none; font-size: 20px;}
.mg-b1.mg-b-yellow {background-position: 0 0;}
.mg-b1.mg-b-yellow span {background-position: right 0;}
.mg-b1.mg-b-blue {background-position: 0 -35px;}
.mg-b1.mg-b-blue span {background-position: right -35px;}
.mg-b1.mg-b-green {background-position: 0 -70px;}
.mg-b1.mg-b-green span {background-position: right -70px;}
.mg-b1.mg-b-yellow:hover {background-position: 0 -105px;}
.mg-b1.mg-b-yellow:hover span {background-position: right -105px;}
.mg-b1.mg-b-blue:hover {background-position: 0 -140px;}
.mg-b1.mg-b-blue:hover span {background-position: right -140px;}
.mg-b1.mg-b-green:hover {background-position: 0 -175px;}
.mg-b1.mg-b-green:hover span {background-position: right -175px;}

/*IE7 fix*/
/**:first-child+html .mg-b1 {position: relative;}*/
*:first-child+html .mg-b1 input {zoom: 1; width: 1%;}



#mg-book-details {position: relative; min-height: 365px; padding-bottom: 40px;}
#mg-book-details.mg-book-purchased-details {min-height: 245px; padding-bottom: 0;}
#mg-book-details .mg-book-info-description {min-height: 160px; max-height: 235px; overflow-y: auto;}

#mg-book-details-cover {float: left; position: relative; width: 204px; margin-right: 20px;}
#mg-book-details-cover .mg-book-toolbar-left, #mg-book-details-cover .mg-book-toolbar-right {top: 5px;}
#mg-book-details-cover .mg-book-toolbar-right {right: 5px;}
#mg-book-details-cover img {background-color: white; padding: 1px; border: 1px solid #c8c6c5;}
/*#mg-book-details-preview {position: relative; *//*float: left;*//* width: 204px; *//*background-color: red;*//* margin-top: 10px; *//*margin-bottom: -40px;*//*}*/
#mg-book-details-preview {position: absolute; width: 204px; bottom: 0; left: 0;}

#mg-book-details-info {float: left;}
#mg-book-details-info .mg-book-info-price {float: right; padding: 0 10px;}
#mg-book-details-info h2 {padding: 0; margin: 0;}
#mg-book-details-info h2 .mg-book-info-author {font-size: 16px;}
#mg-book-details-info h2, #mg-book-details-info .mg-book-info-price {line-height: 28px;} 
#mg-book-details-table {width: 100%; margin-top: 20px;}
#mg-book-details-table td {padding: 0;} 
#mg-book-details-table label {font-size: 16px; color: #d67941; font-weight: bold; }
#mg-book-details-table .mg-book-navigation-genres a {text-align: center; width: auto; line-height: normal;}

#mg-book-details-controls {height: 32px; overflow: hidden; position: absolute; bottom: 0; right: 0;}
.mg-l-sidebar #mg-book-details {width: 678px;}
.mg-l-3_4 #mg-book-details {width: 633px;}
.mg-l-sidebar #mg-book-details-controls, .mg-l-sidebar #mg-book-details-info {width: 454px; }
.mg-l-3_4 #mg-book-details-controls, .mg-l-3_4 #mg-book-details-info {width: 409px; }
.mg-l-r-sidebar #mg-book-details-info {width: 100%; float: none;}

#mg-new-book-part {background: #eceff2 url("../images/dot-white.png") repeat-x top left; border: 1px solid #dde2e7; padding: 10px; color: #404040; margin-bottom: 20px;}
#mg-new-book-part #mg-book-info .mg-book-info-cover-td {padding: 0;}


/*Book info*/
/*#mg-book-info, #mg-book-controls {width: 100%; color: #404040; border-collapse: collapse;}*/
/*#mg-book-info td {padding: 0; vertical-align: top;}*/
/*#mg-book-info td.mg-book-info-cover-td, #mg-book-controls .mg-book-controls-samples {padding: 0 20px 0 0; width: 204px; text-align: left;}*/
/*#mg-book-info td.mg-book-info-cover-td a {text-align: center; margin: 0 auto;}*/
/*#mg-book-info td.mg-book-info-cover-td img, */
img.mg-book-info-cover {background-color: white; padding: 1px; border: 1px solid #c8c6c5;}
/*#mg-book-info .mg-book-info-cover-holder {position:relative;}*/
/*#mg-book-info .mg-book-info-cover-holder .mg-book-toolbar-left {top: 5px;}*/
/*#mg-book-info td.mg-book-info-info-td {height: 420px;}*/
/*#mg-book-info td.mg-book-info-info-td .mg-book-info-info-wrapper {height: 100%; background-color: red;}*/
/*#mg-book-info td.mg-book-info-info-td .mg-book-info-buttons {position: absolute; bottom: 0;}*/

/*#mg-book-info h2 {color: #d67941; margin: 0; padding: 0; font-size: 20px; line-height: 24px; font-weight: bold;}*/
/*#mg-book-info h2 small {color: #444; font-size: 12px; font-weight: bold;}*/
/*#mg-book-info .mg-book-info-price {float: right; color: #888; line-height: 24px;}*/
/*#mg-book-controls {margin-top: 10px;}*/
/*#mg-book-controls .mg-book-controls-samples label {font-weight: bold; line-height: 25px;}*/
/*#mg-book-controls .mg-book-controls-buttons {vertical-align: middle; *//*padding-top: 30px;*//* text-align: center;}*/

/*#mg-book-sample-pages,*/
#mg-book-info-about {width: 100%; line-height: 26px; }
#mg-book-info-about p {line-height: normal;}
/*#mg-book-info-about .mg-book-info-description {height: 162px; overflow-y: auto; margin-bottom: 10px;}*/
/*#mg-book-sample-pages td,*/
/*#mg-book-info-about td {vertical-align: top; padding: 0;}*/

#mg-book-info .mg-book-navigation-genres a {text-align: center; width: auto; line-height: normal;}

/*.mg-book-info-bought {display: none;}*/

.mg-book-rate-control {line-height: 21px; float: right; height: 21px; width: 76px; margin-top: 3px; overflow: hidden;}
.mg-book-rate-control a {background: url("../images/rating.png") no-repeat top left; display: block; height: 21px;}
.mg-book-rate-control a {color: white; font-weight: bold; font-size: 12px; text-decoration: none; text-align: center;}
.mg-book-rate-control .mg-yes {float: right; padding: 0 0 0 12px; background-position: -21px -21px; width: 40px;}
.mg-book-rate-control .mg-no {float: left; padding: 0; background-position: 0 -21px; width: 21px; cursor: default;}
.mg-book-rate-control .mg-yes:hover {background-position: -21px -63px;}
.mg-book-rated .mg-yes {background-position: -21px -42px; cursor: default; color: #4a6d00;}
.mg-book-rated .mg-no {background-position: 0 -42px; cursor: pointer;}
.mg-book-rated .mg-yes:hover {background-position: -21px -42px; cursor: default; color: #4a6d00;}
.mg-book-rated .mg-no:hover {background-position: 0 -84px;}

.mg-book-rating-show .mg-no {display: none;}
.mg-book-rating-show .mg-yes {width: 64px; background-position: 0 0; color: #4a6d00; font-size: 18px; line-height: 22px;}
.mg-book-rating-show .mg-yes:hover {background-position: 0 0; cursor: default;}

/*.mg-book-rated .mg-yes:hover  {background-position: right -84px; cursor: default; padding-right: 13px;}*/
/*.mg-book-rated .mg-no, .mg-book-rated .mg-no:hover {background-position: left -105px; cursor: default; padding-left: 13px;}*/
/*
.mg-book-rate-control b {float: left; padding-right: 5px; font-size: 16px;}
.mg-book-rate-control label {float: left; padding-right: 5px; color: #d67941; font-size: 16px;}
.mg-book-rate-control a, .mg-book-rate-control span {display: block; width: 18px; height: 18px; text-decoration: none; overflow: hidden; float: left; margin: 0 2px;}
.mg-book-rate-control .mg-yes {background-position: 0 -560px;}
.mg-book-rate-control .mg-no {background-position: -18px -560px;}
.mg-book-rate-control.mg-off .mg-yes {background-position: 0 -578px;}
.mg-book-rate-control.mg-off .mg-no {background-position: -18px -578px;}
*/

.mg-book .mg-book-rate-control {float: none; margin: 3px auto 8px auto; position: relative; width: 76px;}
/*.mg-book .mg-book-rate-control a, .mg-book .mg-book-rated .mg-yes, .mg-book .mg-book-rated .mg-no {padding: 0; font-size: 0; width: 30px;}*/
/*.mg-book .mg-book-rate-control {display:-moz-inline-stack; *//* for FF2*//* display:inline-block; *//* normal browsers *//* zoom:1; *//* for IE (hasLayout true) *//* *display:inline; *//* for IE *//*}*/
/*.mg-book .mg-book-add-comment {padding-left: 18px; background-position: 0 -95px;}*/
/*.mg-book .mg-book-rated .mg-no:hover, .mg-book .mg-book-rated .mg-yes:hover  {padding: 0;}*/


a.mg-book-info-buy, a.mg-book-info-add-to-wishlist, a.mg-book-info-get-free, a.mg-book-info-get-free-sample, a.mg-book-info-add-to-basket, a.mg-book-info-continue-shopping {line-height: 30px;}
a.mg-book-info-buy, a.mg-book-info-add-to-basket, a.mg-book-info-get-free, a.mg-book-info-continue-shopping {font-weight: bold; font-size: 18px; text-decoration: none; display: block; text-align: center; width: 176px; height: 32px; /*margin-top: 40px; margin-bottom: 25px;*/}
a.mg-book-info-buy {background-position: 0 -434px; color: #a9400d;}
a.mg-book-info-get-free {background-position: -352px -434px; color: #486216; margin: 0 auto;}
a.mg-book-info-add-to-basket {background-position: -176px -434px; color: #1a495a; /*margin-bottom: 40px;*/}
a.mg-book-info-add-to-wishlist {background-position: 0 -352px; padding: 5px 0 5px 34px; }
a.mg-book-info-get-free-sample {background-position: 0 -384px; padding: 5px 0 5px 34px; color: #a9400d; margin-right: 20px;}
a.mg-book-button-disabled {background-position: -446px -466px; color: #aaa; cursor: default;}
a.mg-book-button-disabled span {background: none; padding: 0 !important; margin: 0 !important;}

a.mg-book-info-buy .mg-icon-buy {background-position: 0 -323px; padding: 0 0 0 32px; /*line-height: 40px;*/ margin-left: -16px;}
a.mg-book-info-get-free .mg-icon-free {background-position: 0 -259px; padding: 0 0 0 32px; /*line-height: 40px;*/ margin-left: -16px;}
a.mg-book-info-add-to-basket .mg-icon-add-to-basket {background-position: 0 -292px; padding: 0 0 0 32px; /*line-height: 40px;*/ margin-left: -16px;}

/*#mg-book-sample-pages {margin: 10px 0 20px 0; position: relative;}*/
#mg-book-sample-pages {padding-left: 49px; text-align: center; width: 154px; /*background-color: red;*/ position: relative;}
#mg-book-sample-pages .mg-book-sample-pages-title {position: absolute; bottom: 1px; left: 0px; text-align: center; width: 204px; background-color: black; color: white; font-weight: bold; filter:alpha(opacity=70); -moz-opacity:.7; opacity: .7;}
#mg-book-sample-pages .mg-book {float: left; margin: 0 0 0 -49px; left: 0; position: static; background: none; width: 100px; height: auto;}

/*#mg-book-sample-pages label {margin: 0 0 0 -49px;}*/
/*#mg-book-sample-pages .mg-book a {text-decoration: none;}*/
#mg-book-sample-pages .mg-book img {padding: 2px; border: 1px solid lightgray; margin: 0;}



/*Pagenator*/

.mg-pagenator {text-align: center; line-height: 20px;}
.mg-pagenator a {font-weight: bold; padding: 0 2px;}
.mg-pagenator a.mg-pn {background-position: 0 -494px;}
.mg-pagenator a.mg-prev {padding-left: 10px; float: left;}
.mg-pagenator a.mg-next {padding-right: 10px; background-position: right -494px; float: right;}
.mg-pagenator a.mg-active {color: white; background-color: #0e81a8; text-decoration: none; padding: 2px 8px;}

/*Updates*/

.mg-user {display:-moz-inline-stack; /* for FF2*/ display:inline-block; /* normal browsers */ zoom:1; /* for IE (hasLayout true) */ *display:inline; /* for IE */}
.mg-user {width: 56px; height: 73px; margin: 3px; padding: 0; font-size: 11px; line-height: 14px; position: relative; text-align: center; overflow: hidden;}
.mg-user {background: url("../images/user-placeholder.png") no-repeat top left;}
.mg-user img {margin: 3px;}
.mg-update .mg-user {margin: 7px;}
.mg-user a {text-decoration: none;}
.mg-users-holder {font-size: 0; text-align: center;}

.mg-update {border-bottom: 2px solid #e3e1dd; margin-bottom: 20px;}
.mg-update h3 {color: #207bba; /*background-position: 0 -128px; */font-size: 18px; background: none; padding: 0;}
/*.mg-update-user-update h3 {background-position: 0 -464px;}*/

.mg-update h3 .mg-update-time {color: gray; font-size: 11px; float: right; line-height: 32px;}

.mg-update-table {width: 100%;}
.mg-update-table td {padding: 0; vertical-align: top;}

.mg-profile-updates-holder h3 {color: #d67941; background-position: 0 -464px;}

/*Titles*/
h3 {font-size: 24px; font-weight: normal; margin: 0 0 10px 0; padding: 0; background-position: 0 -466px; padding-left: 32px; line-height: 28px;}
h3.mg-books {color: #0181d8;}
h3.mg-downloads {color: #678b19; background-position: -0px -370px;}
h3.mg-features {background-position: 0px -418px;}

h3.mg-step-1, h3.mg-step-2, h3.mg-step-3, h3.mg-step-4 {background: url("../images/h3.png") no-repeat top left;}
h3.mg-step-1 {background-position: 0 2px;}
h3.mg-step-2 {background-position: 0 -30px;}
h3.mg-step-3 {background-position: 0 -62px;}
h3.mg-step-4 {background-position: 0 -94px;}

/*Comments*/

.mg-comment {width: 100%; border-bottom: 1px solid #dfe6ed; margin-bottom: 10px;}
.mg-comment td {padding: 0; vertical-align: top;}
.mg-comment .mg-avatar-td {padding-right: 10px; width: 33px;}
.mg-comment .mg-avatar-td .mg-avatar {margin-top: 4px;}
.mg-comment-by-item {width: 100%; margin: 5px 0;}
.mg-comment-by-item .mg-item-td {width: 140px; text-align: center; vertical-align: top; background-color: #f2f4f6; padding: 0;}
.mg-comment-by-item .mg-item-comments-td {padding: 0 0 0 10px;}
.mg-comment .mg-comment-time {color: #888; font-size: 11px;}
.mg-comment .mg-comment-reply {display: block; text-align: right; margin-bottom: 5px;}
.mg-comment p {margin-bottom: 5px;}

.mg-reply .mg-avatar-td {padding-left: 43px; width: 33px;}
.mg-reply .mg-comment-author {color: #5c7f11;}

/*.mg-new-comment {table-layout: fixed; width: 100%;}*/
.mg-new-comment {background: #e5f5fa url("../images/dot-white.png") repeat-x top left; border: 1px solid #cde4f4; margin-bottom: 10px; padding: 10px;}
/*.mg-new-comment td {padding: 5px 10px;}*/
/*.mg-new-comment label {font-weight: bold;}*/
/*.mg-new-comment textarea {width: 100%; margin-bottom: 10px; width: expression(this.style.maxWidth = "99%")}*/
/** html .mg-new-comment textarea {width: 99%;}*/
/*.mg-new-comment i {position: relative; display: block; }*/

/*Get web button*/
.mg-webbutton-settings {margin-bottom: 20px;}
.mg-webbutton-settings .mg-lable {padding-right: 5px;}
.mg-webbutton-settings .mg-it {width: 96%;}

/*.mg-webbutton-preview table {width: 100%;}*/
/*.mg-webbutton-preview table td {padding: 0; margin: 0; text-align: center;}*/
/*.mg-webbutton-preview .mg-book {border: 1px solid white; padding: 2px 4px;}*/
/*.mg-webbutton-preview .mg-book:hover {border: 1px solid #ffcb03; background-color: #fffae9;}*/
/**/
/*.mg-webbutton-preview table {margin-top: 20px;}*/
.mg-webbutton-preview .mg-ft .mg-lable {text-align: left;}
.mg-webbutton-code-textarea {width: 98%;}

.mg-color-picker {}
.mg-color-picker a {display: block; width: 16px; height: 16px; float: left; margin-right: 2px; border: 2px solid #444; text-decoration: none; font-size: 0;}
.mg-color-picker a:hover, .mg-color-picker a.mg-active {border: 2px solid white;}

.mg-color-picker .mg-cp-1 {background-color: #ffce13;}
.mg-color-picker .mg-cp-2 {background-color: #c4ff37;}
.mg-color-picker .mg-cp-3 {background-color: #ff4014;}
.mg-color-picker .mg-cp-4 {background-color: #1dd3ff;}
/*.mg-color-picker .mg-cp-4 {background-color: #3aae5f;}*/
/*.mg-color-picker .mg-cp-5 {background-color: #e72762;}*/

/*Wizard progress*/

#mg-wizard-progress {height: 33px; clear: right; padding-left: 16px;}
#mg-wizard-progress div {width: 174px; padding: 0 10px; height: 33px; line-height: 33px; background: url("../images/wizard-progress-back.png") no-repeat left -33px; float: left; margin-left: -16px;}
#mg-wizard-progress div, #mg-wizard-progress div a {color: #877f76; font-weight: bold; }

#mg-wizard-progress div.mg-active {background-position: left top; }
#mg-wizard-progress div.mg-active, #mg-wizard-progress div.mg-active a {color: white; text-decoration: none; }

#mg-content-wizard {height: 33px; line-height: 33px; margin-bottom: 20px;}
#mg-content-wizard #mg-wizard-progress {float: right;}
#mg-content-wizard h2 {color: #207bba; margin: 0 20px 0 0; padding: 0; float: left; font-size: 20px;}

/*Statistic*/
.mg-stat-pc, .mg-stat-mobile, .mg-stat-iphone {background: url("../images/stat-icons.png") no-repeat top left; width: 24px; height: 24px; margin: 0 auto;}
.mg-stat-mobile {background-position: 0 -24px;}
.mg-stat-iphone {background-position: 0 -48px;}



/*Join form*/
/*.mg-join-form td {width: 80%;}*/
/*.mg-join-form td.mg-lable {text-align: right; white-space: nowrap; padding-right: 10px; width: 20%;}*/
/*.mg-join-form .mg-it, .mg-join-form .mg-is {width: 99%;}*/
/*.mg-join-form .mg-button {color: #d10707; font-weight: bold;}*/

.mg-form-error {margin-top: 10px; color: #d10707; font-size: 11px; line-height: normal; display: block; clear: both;}

/*Apply form*/
table.mg-publisher-apply {width: 500px; margin: 0 auto;}
.mg-author-apply .mg-lable {font-weight: bold; width: 30%;}
.mg-author-apply .mg-it, .mg-author-apply textarea {width: 98%;}
.mg-author-apply .mg-is {width: 99%;}
.mg-author-apply .mg-is-date {width: 25%;}

.mg-hirogana-chooser {list-style: none; padding: 0; margin: 0;}
.mg-hirogana-chooser li {float: left; padding-right: 10px;}

/*Followed*/
.mg-letter-paginator {height: 24px; background-color: #f2f9eb; line-height: 24px; padding: 2px 10px; font-size: 12px;}
.mg-letter-paginator label {display: block; float: left; padding-right: 5px; font-weight: bold; }
.mg-letter-paginator-part {float: left; padding-right: 10px;}
.mg-letter-paginator a {color: #0e81a8; text-decoration: none; padding: 0 4px 3px 4px; margin: 0 1px; /*background-color: white; */font-weight: bold; display: block; float: left; line-height: 24px;}
.mg-letter-paginator a:hover {text-decoration: underline;}
.mg-letter-paginator a.mg-active:hover {text-decoration: none;}
.mg-letter-paginator a.mg-active {background: #0e81a8 url("../images/letters-back.png") no-repeat center bottom; color: white; font-weight: bold;}

.mg-user-list {width: 100%; margin: 20px 0;}
.mg-user-list th {border-bottom: 2px solid #b2c6d7;}
.mg-user-list th, .mg-user-list td {padding: 0; margin: 0; text-align: center;}
.mg-user-list td {padding-bottom: 5px;}
.mg-user-list tr.mg-colored td {background-color: #edf6fb;}
.mg-user-list .mg-avatar {margin-top: 5px;}

.mg-button-unfollow {width: 19px; height: 19px; display: block; background-position: 0 -736px; text-decoration: none; margin: 0 auto;}

/*Browse by author*/

.mg-authors-holder {font-size: 0; margin: 20px 0;}
.mg-author-item {background-color: #edf6fb; display: block; width: 216px; line-height: 31px; margin: 2px; float: left; padding: 3px; font-size: 14px; cursor: pointer; text-decoration: none; color: #404040;}
.mg-author-item img {width: 25px; background-color: white; padding: 3px; vertical-align: bottom; margin-right: 5px;}
.mg-author-item:hover {background-color: #fbefe8;}

/*Cart*/

#mg-cart-summary {width: 100%; margin: 20px 0;}
#mg-cart-summary td {padding: 5px;}
#mg-cart-summary th {color: #759b23; border-bottom: 2px solid #b7cada; text-align: center;}
#mg-cart-summary .mg-colored td {background-color: #edf6fb;}
#mg-cart-summary .mg-cart-total td {background-color: #f9f8ef;}
#mg-cart-summary .mg-cart-buttons td {padding-top: 20px;}

#mg-cart-summary .mg-book {margin: 0 10px;}
/*#mg-cart-summary .mg-book img {margin: 0;}*/
#mg-cart-summary .mg-book-author {font-weight: bold;}
#mg-cart-summary .mg-book-price {color: #759b23; font-size: 16px;}

.mg-cart-remove {width: 19px; height: 19px; display: block; text-decoration: none; background-position: 0 -64px; margin: 0 auto;}

.mg-cart-login {margin: 20px auto; width: 400px;}


/*Help*/

.mg-help h2 {background: none; padding: 0; display: block; clear: both;}
.mg-help h3 {background: none; padding: 0; display: block; clear: both; font-size: 18px; color: #207bba;}
.mg-help h6 {font-size: 16px; margin: 0 0 10px 0; padding: 0;}
.mg-help img {margin-bottom: 20px;}
.mg-help img.fr {margin-left: 20px;}
.mg-help img.fl {margin-right: 20px;}
.mg-help ul {list-style: none; margin: 10px 0 0 0; padding: 0;}
.mg-help ul li {background: url("../images/bullet-blue.png") no-repeat left 4px; padding-left: 18px; margin-bottom: 10px;}

.mg-help h4 {color: #d67941; font-size: 16px; margin: 0 0 5px 0;}

.mg-help-table {width: 100%;}
.mg-help-table td {padding: 0; vertical-align: top;}
.mg-help-table td.mg-separator {width: 20px;}

.mg-ul-blue {list-style: none; margin: 10px 0 0 0; padding: 0;}
.mg-ul-blue li {background: url("../images/bullet-blue.png") no-repeat left 4px; padding-left: 18px; margin-bottom: 10px;}

/*Messages*/

.mg-inbox-toolbar {background-color: #f2f9eb; padding: 2px 10px; margin-bottom: 10px;}
.mg-messages-list {width: 100%; margin-bottom: 10px;}
.mg-messages-list th {border-bottom: 2px solid #b2c6d7; text-align: center;}
.mg-messages-list th, .mg-messages-list td {padding: 0; margin: 0;}
.mg-messages-list td {padding: 2px 5px;}
.mg-messages-list tr.mg-colored td {background-color: #edf6fb;}

.mg-messages-list .mg-avatar {width: 25px; vertical-align: middle; margin-right: 5px;}
.mg-messages-list .mg-message-readed a, .mg-messages-list .mg-message-readed .mg-message-subject {color: #98928a;}
.mg-messages-list .mg-message-subject {font-weight: bold; color: #759b23;}

.mg-message-compose-part h4 {font-weight: normal;}
.mg-message-compose-part .mg-lable {width: 100px;}
.mg-message-compose-part .mg-it, .mg-message-compose-part textarea {width: 100%;}

.mg-message-thread .mg-message-subject {font-size: 18px;}
.mg-message-thread .mg-lable {width: 100px;}
.mg-message-thread .mg-thread-body {padding: 20px; border: 1px solid #c7c2bc; margin-bottom: 20px; height: 400px; overflow-y: scroll;}
.mg-message-thread .mg-message-body {margin-bottom: 20px; clear: both;}

/*Account upgrade*/

.mg-dialog {background: none; background-color: white; border: none;
    box-shadow: 1px 1px 3px gray;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=135,strength=2);
    -moz-box-shadow: gray 1px 1px 3px;
    -webkit-box-shadow: 1px 1px 3px gray;
}
.mg-dialog-no-title .ui-dialog-titlebar {display: none;}

#mg-account-upgrade-dialog.ui-dialog-content {background: #f8f1c4 url("../images/part-yellow-flowers.png") no-repeat top left; width: 400px; height: 400px;}

/*Preferences*/
.mg-change-password .mg-ft, .mg-change-language .mg-ft {width: 420px; margin: 0 auto;}
.mg-change-password .mg-ft .mg-lable, .mg-change-language .mg-ft .mg-lable {width: 150px; padding-right: 5px;}
.mg-change-email .mg-ft {width: 520px; margin: 0 auto;}
.mg-change-email .mg-ft td {padding-right: 5px;}

.mg-change-notifications .mg-ft {width: 100%;}
.mg-change-notifications .mg-ft .mg-lable {width: 150px;}
.mg-change-notifications .mg-ft td {padding: 10px;}
.mg-change-notifications .mg-ft th {border-bottom: 2px solid #b2c6d7; font-weight: bold;}
.mg-change-notifications .mg-ft .mg-colored td {background-color: #edf6fb;}

.mg-help-button {display: block; width: 16px; height: 16px; text-decoration: none; background-position: 0 -160px;}

/*Notes*/

#mg-notes-bar .mg-note .mg-note-close, #mg-notes-bar .mg-note h4, #mg-notes-bar, #mg-notes-bar .mg-notes-bar-wrapper, #mg-notes-bar .mg-note, #mg-notes-bar .mg-note-wrapper {background: url("../images/notifiers.png") no-repeat left bottom;}
#mg-notes-bar .mg-notes-bar-wrapper {background-position: 0 top; padding: 10px 10px 0 10px;}
#mg-notes-bar {margin-bottom: 20px; padding-bottom: 10px;}

#mg-notes-bar .mg-note h4 {margin: 0 0 5px 0; padding: 0 23px; font-size: 13px; color: #635d57;}
html:root*#mg-notes-bar .mg-note h4 {padding-top: 2px;} /*Safari fix*/
#mg-notes-bar .mg-note-warning h4 {background-position: -550px 2px;}
#mg-notes-bar .mg-note-info h4 {background-position: -550px -33px;}
/*#mg-notes-bar .mg-note-with-icon h4 {background: none; padding: 0;}*/
#mg-notes-bar .mg-note .mg-note-close {display: block; text-decoration: none; width: 9px; height: 9px; position: absolute; right: 8px; top: 19px; background-position: -554px -70px;}
#mg-notes-bar .mg-note {background-position: -275px top; padding-top: 15px; position: relative; font-size: 12px;}
#mg-notes-bar .mg-note-wrapper {background-position: -275px bottom; padding: 0 10px 10px 10px; background-color: white; min-height: 90px;}

/*#mg-notes-bar .mg-note-with-icon .mg-note-wrapper {padding-left: 105px;}*/
#mg-notes-bar .mg-note .mg-note-icon {width: 70px; height: 70px; margin-right: 5px; margin-top: 3px; float: left; background: url("../images/notifiers-icons.png") no-repeat top left;}
#mg-notes-bar .mg-note .mg-note-icon-author {background-position: 0 0;}
#mg-notes-bar .mg-note .mg-note-icon-widget {background-position: 0 -70px;}
#mg-notes-bar .mg-note .mg-note-icon-get {background-position: 0 -140px;}
#mg-notes-bar .mg-note .mg-note-icon-domain {background-position: 0 -210px;}

#mg-notes-bar .mg-note .mg-note-button {margin-top: 5px; font-size: 14px;}

#mg-mini-profile .mg-wrapper {min-height: 95px; line-height: 22px;}
#mg-mini-profile .mg-user-name {font-size: 16px; display: block; cear: both;}
#mg-mini-profile .mg-avatar {/*margin-top: 10px; */float: right;}
#mg-mini-profile .mg-mini-info {margin-top: 5px; overflow: hidden;}
#mg-mini-profile .mg-mini-info label {color: #666;}
#mg-mini-profile .mg-mini-info label span {padding-left: 5px; color: black;}
#mg-mini-profile .mg-mini-info span {line-height: normal;}

/*
#mg-mini-profile, #mg-notes-bar .mg-note, #mg-notes-bar .mg-note-wrapper {background: url("../images/notifiers.png") no-repeat top left;}
#mg-notes-bar .mg-note {position: relative; width: 275px; padding-bottom: 10px;}
#mg-notes-bar .mg-note-gfx .mg-note-wrapper {min-height: 95px;}
#mg-notes-bar .mg-note .mg-note-close {display: block; text-decoration: none; width: 12px; height: 12px; position: absolute; right: 8px; top: 16px;}
#mg-notes-bar .mg-note .mg-note-button {margin-top: 5px;}
#mg-notes-bar .mg-note-gfx h4 {margin: 0; padding: 0;}
#mg-notes-bar .mg-note-info .mg-note-wrapper {background-position: -275px 0; padding: 13px 10px 0 10px;}
#mg-notes-bar .mg-note-info {background-position: -275px bottom;}
#mg-notes-bar .mg-note-warning .mg-note-wrapper {background-position: -550px 0; padding: 13px 10px 0 10px;}
#mg-notes-bar .mg-note-warning {background-position: -550px bottom;}
#mg-notes-bar .mg-note-gfx-yellow .mg-note-wrapper {background-position: -825px 0; padding: 14px 10px 0 10px;}
#mg-notes-bar .mg-note-gfx-yellow {background-position: -825px bottom;}
#mg-notes-bar .mg-note-gfx-yellow h4 {color: #ae0101;}
#mg-notes-bar .mg-note-gfx-blue .mg-note-wrapper {background-position: -1100px 0; padding: 14px 10px 0 10px;}
#mg-notes-bar .mg-note-gfx-blue {background-position: -1100px bottom; color: white;}
#mg-notes-bar .mg-note-gfx-blue h4 {color: #000;}


#mg-mini-profile {width: 275px; height: 78px;}
#mg-mini-profile .mg-wrapper {padding: 10px;}
#mg-mini-profile .mg-user-name {font-size: 16px;}
#mg-mini-profile span {padding-left: 28px;}
*/

/*Payments*/
/*table.mg-payment-preferences-table {width: 500px; margin: 0 auto;}*/
/*table.mg-payment-preferences-table .mg-it {width: 98%;}*/

form {margin: 0; padding: 0;}


.mg-ft {border-collapse: collapse; width: 100%; line-height: normal;}
.mg-ft td, .mg-ft th {padding: 5px 0;}
.mg-ft th {font-weight: normal; white-space: nowrap; padding-right: 20px;}
.mg-ft .mg-lable {white-space: nowrap;}
.mg-ft .mg-lable * {white-space: normal;}

.mg-it, .mg-is, .mg-isub, textarea, .mg-if {font-size: 16px; /*height: 24px;*/}
.mg-is-date {width: 25%;}
.mg-isub {border: none; padding: 0;}
/*.mg-is {padding: 2px 4px 4px 4px;}*/

button, .mg-button, input.mg-sub, .ui-dialog-buttonpane button {height: 26px; line-height: 24px; color: black; border: none; cursor: pointer;}
span.mg-button, a.mg-button, a.mg-wizard-button {display: block; display: inline-block; text-align: center; text-decoration: none; margin: 0 auto;}

input.mg-button {bottom: -1px; position: relative;}

.mg-button-small {width: 40px; background-position: 0 -304px;}
.mg-button-medium, .ui-dialog-buttonpane button {width: 60px; background-position: -40px -304px;}
.mg-button-big {width: 80px; background-position: -100px -304px;}
.mg-button-big-yellow {width: 100px; background-position: -440px -304px;}
.mg-button-bigger {width: 120px; background-position: -180px -304px;}
.mg-button-biggest {width: 201px; height: 39px; background-position: 0 -466px; line-height: 36px;}
.mg-button-bigger-yellow {width: 140px; background-position: -300px -304px;}
.mg-button-biggest-yellow {width: 245px; height: 39px; background-position: -201px -466px; line-height: 36px;}
.mg-button-huge-yellow {width: 275px; height: 39px; background-position: 0 -356px; color: #d10707; font-size: 16px; line-height: 36px;}
.mg-button-small:hover {background-position: 0 -330px;}
.mg-button-medium:hover {background-position: -40px -330px;}
.mg-button-big:hover {background-position: -100px -330px;}
.mg-button-bigger:hover {background-position: -180px -330px;}
.mg-button-biggest:hover {background-position: 0 -505px;}
.mg-button-big-yellow:hover {background-position: -440px -330px;}
.mg-button-bigger-yellow:hover {background-position: -300px -330px;}
.mg-button-biggest-yellow:hover {background-position: -201px -505px;}
.mg-button-huge-yellow:hover {background-position: 0 -395px;}

.mg-button-disabled {color: #999; cursor: default;}

.mg-wizard-button {width: 185px; height: 39px; font-size: 16px; color: #d10707; line-height: 36px;}
.mg-wizard-button-right {background-position: -275px -356px;}
.mg-wizard-button-right:hover {background-position: -275px -395px;}



/*Forms*/

form {margin: 0 auto; padding: 0; font-family: Arial,Helvetica,sans-serif; font-size: 14px; display: block; width: 100%;}
form div.mg-wrapper {padding: 0 0; width: 100%;}
form label {display: block; clear: both; margin-bottom: 10px; font-weight: normal !important; overflow: hidden; width: 100%; line-height: 26px;}
/*form label span.mg-wrapper {*//*margin: 0 1% 0 1%; *//*display: block;}*/
form label span, form div span {font-weight: bold; display: block; margin: 5px 0; line-height: 16px;}
form label.mg-inline span {float: left; margin: 0 5px 0 0;}
form label.mg-inline i {float: left; margin: 0 5px 0 0;}
form label.mg-half {width: 48%; float: left; clear: none;}
form label.mg-sep {width: 4%; float: left; clear: none; font-size: 0;}
form div.mg-row {width: 100%; height: 0; clear: both; font-size: 0;}
/*form .mg-half span.mg-wrapper:after {content: "."}*/
/*form label div {border: 1px solid #d3d6d9; padding: 0 4px; background: white; }*/
form label i {border: 1px solid #abadb3; padding: 0 4px; background: white; display: block;}
form label i.mg-if {position: relative; border: none; background: transparent; overflow: visible;}
form label i.mg-if input[type="button"] {position: relative; float: right; top: -1px; width: 35%; margin: 0; }
form label i.mg-if input[type="text"] {position: relative; float: left; width: 63%; margin: 0; border: 1px solid #abadb3; left: -3px;}
form label i.mg-if input[type="file"] {position: absolute; right: 0; top: -1px; filter:alpha(opacity=0); -moz-opacity:.0; opacity: .0; font-size: 32px;}

form em {margin: 0; padding: 0; font-style: normal; line-height: normal; display: block;}
form .mg-req {background-position: 0 -546px; padding-left: 8px;}

form .mg-fb {margin: 10px 0 0 0; line-height: normal;}
form .mg-fb span {margin: 0; line-height: normal;}
form .mg-fb-center {text-align: center;}
form .mg-fb-center input {margin: 0 3px;}
form .mg-fb-right {text-align: right;}
form .mg-fb-right input {margin-left: 6px;}

/*
form label i.mg-if {position: relative; width: 70%;}
form label i.mg-if input[type="button"] {position: absolute; right: -38%; top: -2px; width: 35%; margin: 0;}
form label i.mg-if input[type="file"] {position: absolute; right: -38%; top: -1px; filter:alpha(opacity=0); -moz-opacity:.0; opacity: .0; font-size: 18px;}
*/
/*
form label i.mg-if-narrow {width: 50%;}
form label i.mg-if-narrow input[type="button"] {right: -58%; width: 45%;}
form label i.mg-if-narrow input[type="file"] {right: -58%;}
*/
form input[type="text"], form input[type="password"], form select, form textarea, input[type="button"] {
    width: 100%;

    /*display: inline-block;*/
    /*border: 1px solid #d3d6d9;*/
    /*border-left: 4px solid #d3d6d9;*/
    font-style: normal;
    padding: 2px 0;
    font-family: 'Consolas', 'Andale Mono', Courier, monospace;
    /* font-size-adjust: 0.51; */
    font-size: 18px;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* gecko */
    -webkit-box-sizing: border-box; /* khtml/webkit */
    vertical-align: middle;
    outline: none;
    resize: none;
}

/*form textarea {overflow-y: scroll;}*/

form input[type="button"] {font-size: 17px;}
/*form input[type="file"] {background: red; width: inherit; width: 100%; display: block; position: relative;}*/

form i input[type="text"], form i input[type="password"], form i textarea {
    border: none;
    background: white;
    margin: 0;
}
form select {
    /*border-style: solid;*/
    /*border-width: 1px;*/
    /*border-color: #d3d6d9 #d3d6d9;*/
    /*border: 1px solid #d3d6d9;*/
    padding: 1px 4px 1px 4px;
    height: 28px;
}
form select[size] {height: auto;}
form input[type="radio"], form input[type="checkbox"] {
    vertical-align: middle;
    /*vertical-align: text-bottom;*/
}
form .mg-igroup {width: auto;}

form .mg-hiragana-chooser {height: 26px; }
form .mg-hiragana-chooser label {float: left; clear: none; margin: 0px 4px 4px 0; padding: 4px 5px; width: 28px; line-height: normal; position: relative; cursor: pointer;}
form .mg-hiragana-chooser label {background-color: #f8fceb; border: 1px solid #dae7b1; border-top-color: #eef4d9; border-left-color: #eef4d9; }
form .mg-hiragana-chooser label:hover {background-color: #fff;}
form .mg-hiragana-chooser label.mg-active {background-color: #96a567; border: 1px solid #eef4d9; border-top-color: #dae7b1; border-left-color: #dae7b1; color: white;}
form .mg-hiragana-chooser label input {position: absolute; left: 0; top: 0; filter:alpha(opacity=0); -moz-opacity:.0; opacity: .0;}

/*IE7 fix*/
*:first-child+html form select, *:first-child+html form input[type="text"], *:first-child+html form input[type="password"], *:first-child+html form textarea {padding: 1px 0 1px 0; position: relative; left: 0; right: 0; border: none;} /*IE 7 fix*/
*:first-child+html form select {font-size: 17px; /*width: 101%;*/}
*:first-child+html form select.mg-igroup {width: auto;}
*:first-child+html form input[type="button"] {font-size: 16px; padding: 0;}

/*Safari fix*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    form input[type="radio"], form input[type="checkbox"] {
        vertical-align: text-bottom;
    }
}
html:root*form i input[type="text"] {padding-top: 0px; padding-bottom: 0; margin: 4px 0 0 0;}
html:root*form i input[type="password"] {padding-top: 0px; padding-bottom: 0; margin: 4px 0 0 0;}
html:root*form i textarea {padding-top: 0px; padding-bottom: 0; margin: 4px 0 0 0;}
html:root*form input[type="radio"], html:root*form input[type="checkbox"] {vertical-align: baseline;}
html:root*form select {vertical-align: baseline; display: inline;}
html:root*form label i.mg-if input[type="button"] {top: 2px;}
html:root*form label i.mg-if input[type="file"] {top: 2px;}


