/** LOADER  **/
#content {
    position: relative;
}

#ajaxLoader {
    background: transparent url(../img/ajax-loader.gif) no-repeat center center;
    width: 650px;
    height: 300px;
    position: absolute
}

/** MENU **/
.menu-site li.drawable a, #menu li.breadcrumb-button a {
    padding: 0 8px;
}

/** .MENU-SITE **/
.menu-site li.drawable {
    margin-top: 9px;
}

.menu-site li.drawable a {
    padding-bottom: 9px;
}

.menu-site li.flag-selector {
    background: transparent url(../img/corner_unselected.png) no-repeat right 9px;
}

.menu-site li.flag-selector:hover {
    background-image: url(../img/corner_selected.png);
}

.menu-site li.flag-selector a {
    display: none;
}

.menu-site li.flag-selector a.active {
    display: block;
}

.menu-site #appstore img {
    margin-top: 0;
    width: 96px;
}

/** #MENU_WRAPPER **/
#menu_wrapper #menu_content {
    background-color: #EEE;
    border-top: 2px solid #EEE;
    border-bottom: 2px solid #DDD;
    margin-left: 16px;
    width: 908px;
    height: 32px;
}

/** #ACTION-BAR **/
#menu_wrapper #action_bar {
    padding: 0;
    list-style-type: none;
    font-size: 15px;
    height: 32px;
    width: 66px;
    float: left;
    margin: 0 3px;
    border-left: 1px solid #DDD;
}

#menu_wrapper #action_bar.disabled {
    border-left: 0;
    width: 67px;
}

#action_bar li {
    float: left;
    border-right: 1px solid #DDD;
    text-align: center;
    height: 32px;
    width: 32px;
}

#action_bar li.disabled {
    border-right: 0;
}

#action_bar li a {
    display: block;
    height: 32px;
    line-height: 32px;
}

#action_bar li:not(.disabled) a:hover, #action_bar li.active:not(.disabled) a {
    background-color: whiteSmoke;
    border-bottom: 2px solid #4FC27C;
}

#action_bar li img {
    margin-top: 8px
}

/** #MENU **/
#menu_wrapper #menu {
    background: transparent;
    border: 0;
    width: auto;
    float: left;
}

/** FOOTER **/
#footer #appstore img {
    width: 160px;
    margin-top: 20px;
}

#footer .menu-site .scroll-to-top {
    width: 64px;
    text-align: center;
}

/** WIDGET **/
.widget {
    margin-bottom: 1.5em;
}

/** SEARCHBOX **/
#widget_search input[name='search[keyword]'] {
    padding: 5px 4px;
    width: 170px;
    margin-right: 0;
}

#widget_search button[type='submit'] {
    height: 28px;
    width: 25px;
    cursor: pointer;
    border-left: 0;
    border-color: #CCC;
    background: #EEE url('../img/Glyphish/search.png') no-repeat center center;
}

/** DRUGS **/
#widget_drugs h3 {
    margin-bottom: 0.75em;
}

#widget_drugs .boxno {
    padding: 0;
}

#widget_drugs a {
    height: 32px;
    line-height: 32px;
    font-size: 1.2em;
    text-decoration: none;
}

#widget_drugs a span {
    height: 32px;
    background-position: center center;
    top: 12.5%;
    right: 5%;
    margin: 0;
    font-size: 0.6em;
}

/** NEWS **/
#widget_news {
    margin-bottom: 0.25em;
}

#widget_news h3 {
    margin-bottom: 0.25em;
}

#widget_news .box {
    padding: 4px;
}

#widget_news .boxno {
    margin-bottom: 0.25em;
    padding: 0;
}

#widget_news ul.newsitems {
    margin-bottom: 0.75em;
}

#widget_news ul.newsitems.empty {
    margin: 0;
}

#widget_news .boxno ul.newsitems.empty {
    margin: 0.5em 0.25em;
}

#widget_news .box ul.newsitems.empty li {
    color: black;
    border: 0;
    margin: 2px;
    padding: 0;
}

/** CHANGELOG **/
#widget_changelog h3 {
    margin-bottom: 0.25em;
}

#widget_changelog .boxno, #widget_changelog .box {
    padding: 0
}

#widget_changelog .boxno {
    margin-bottom: 0.25em;
}

#widget_changelog ul.linksitems li a {
    display: inline-block;
    height: 18px;
    width: 100%;
    text-decoration: none;
}

#widget_changelog ul.linksitems.empty li {
    border-bottom: 0;
    margin-left: 4px
}

#widget_changelog .box ul.linksitems.empty li {
    color: black;
}

/** PUBLICATION **/
#widget_publications .box {
    padding: 0 0 6px 0;
}

#widget_publications ul {
    margin: 6px;
}

#widget_publications ul.empty li {
    border: 0;
    color: black;
}

/** CONTENT **/
#nav a.button {
    width: 64px;
    display: inline-block;
    text-align: center;
}

#nav a.button:hover {
    color: black;
}

#nav div.left a.button {
    margin-right: 8px;
}

#nav div.right {
    margin-right: 0;
    text-align: right;
}

#nav div.right a.button {
    margin-left: 8px;
}

h2.title {
    margin-bottom: 8px;
    color: #39A563;
}

#divider div {
    color: #AAA;
    margin-top: -2px;
}

#paginate {
    margin-top: 12px;
}

#paginate li {
    margin: 2px 2px 0 0;
}

.tags {
    float: left;
}

.tags a, .tags span.title {
    float: left;
}

.tags span.title {
    margin-right: 16px;
}

.tags a {
    margin-right: 8px;
    border: 1px solid #24683E;
    padding: 0 4px;
    text-decoration: none;
    color: white;
    background-color: #39A563;
    font-size: 0.8em;
    margin-top: 1px;
}

.sub-bottom {
    color: #CCC;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.sub-bottom .title {
    font-weight: normal;
}

.sub-bottom .button {
    border: 0;
    border-left: 1px solid #CCC;
    background: #EEE no-repeat center center;
    margin-top: 0;
    cursor: pointer;
    height: 24px;
    width: 24px;
    line-height: 24px;
    padding: 0;
}

.button.share {
    background-image: url('../img/Glyphish/share.png');
}

.button.print {
    background-image: url('../img/Glyphish/printer.png');
}

.button.report {
    background-image: url('../img/Glyphish/warning.png');
}

/** #CONTEXT_ACTION_BAR **/
#context_action_bar {
    margin-bottom: 8px;
}

#context_action_bar a {
    float: right;
    background: #EEE url('../img/Glyphish/printer.png') no-repeat center center;
    border: 1px solid #CCC;
    text-decoration: none;
    height: 16px;
    width: 16px;
    line-height: 16px;
}

/** MODULE **/
/** NEWS **/
.news-item {
    padding-top: 20px;
    padding-bottom: 20px;
}

.news-item span.title {
    font-weight: bold;
}

.news-item h3, .news-item .sub {
    border-bottom: 1px dotted #CCC;
    padding-bottom: 4px;
    margin-bottom: 4px;
}

.news-item .sub-bottom {
    border-top: 1px dotted #CCC;
    padding-top: 4px;
    border-bottom: 0;
}

.news-item h3 a {
    text-decoration: none;
}

.news-item .contenu {
    text-align: justify;
}

.news-item .more {
    float: right;
    margin-right: 0;
    margin-top: -3px;
    text-align: right;
}

.news-item .more a {
    border: 1px dotted #CCC;
    border-top: 0;
    background: #EEE;
    color: #06C;
    text-decoration: none;
    margin-left: 3px;
}

.news-item .more a:hover {
    text-decoration: underline;
}

/** PATTERN **/
.pattern_wrapper {
    margin-bottom: 12px;
}

.pattern {
    padding: 8px 0 0 0;
}

.pattern_header h2 {
    margin-bottom: 8px;
    color: #39A563;
    margin-right: 0;
}

.pattern .letter {
    font-size: 1.5em;
    text-align: right;
    margin-top: -4px;
}

.pattern_header .letter {
    color: white;
    border: 1px solid #24683E;
    padding: 0 4px;
    background: #39A563;
    display: inline-block;
    width: auto;
}

.pattern_header .letter.expanded {
    width: 54px;
}

.pattern.content {
    border: 1px solid #CCC;
    padding-top: 0;
}

.pattern .contenu {
    padding: 8px;
}

.pattern .contenu p {
    margin-bottom: 0;
}

.pattern .counter, .pattern_header .counter {
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #555;
}

.pattern .counter .value, .pattern_header .counter .value {
    display: inline-block;
    width: 36px;
    height: 28px;
    line-height: 28px;
    border: 2px solid #AAA;
    border-radius: 12px;
    font-size: 1.25em;
    background: white;
    font-weight: bold;
    cursor: default;
}

.pattern .counter .value {
    margin-top: -2px;
}

.pattern_header .counter {
    margin-top: 4px;
    float: right;
}

.pattern_header .counter .value {
    margin-top: 4px;
    text-align: center;
}

.pattern .sub-bottom {
    border-bottom: 0;
}

/** DRUG **/
.drug {
    padding: 0;
}

.drug + .drug {
    margin-top: 10px;
}

.drug h2 {
    line-height: 38px;
}

.drug .notation_small {
    float: right;
    height: 36px;
    line-height: 38px;
    background: transparent url(../img/star-small.png) no-repeat center center;
    text-align: center;
    font-size: 1em;
    font-weight: bold;
}

.drug .contenu {
    border-top: 1px solid #CCC;
    padding-top: 8px;
    text-align: justify;
}

.drug .drug_header, .drug .sub-bottom {
    background-color: #E5ECF9;
}

.drug .sub-bottom {
    color: #999;
}

.drug .pattern, .drug .pattern_header {
    padding: 0;
    height: 42px;
}

.drug .pattern_header h3 {
    height: 42px;
    line-height: 21px;
    font-size: 1.25em;
}

.drug .pattern_header a {
    text-decoration: none;
    height: 42px;
    display: inline-block;
}

.drug .pattern_header .letter {
    margin-top: 0;
    padding-right: 8px;
    height: 42px;
    min-width: 36px;
    line-height: 21px;
    border: 0;
    font-size: 1em;
    text-align: left;
}

.drug .pattern .notation {
    height: 42px;
    line-height: 42px;
    padding-top: 0;
}

/** DRUG_HAS_PATTERN **/
.drug_header + .pattern {
    border-top: 1px solid #CCC;
}

.drug .pattern .notation_small {
    margin-left: 3px;
    padding-left: 8px;
    text-align: left;
    float: left;
    background-position: left center;
}

.tags.effect a {
    width: 24px;
    margin-bottom: 4px;
}

.media_gallery .nav img {
    margin-top: 40px;
}

.media_gallery .left {
    text-align: right;
}

.media_gallery .right {
    margin-right: 0;
    text-align: left;
}

.media_gallery .media {
    float: left;
    margin: 12px 14px 12px 14px;
    height: 96px;
    width: 96px;
}

.media_gallery .media img {
    max-width: 100%;
    max-height: 100%;
    border: 4px solid #D63546;
}

/** SEARCH **/
.entity {
    float: left;
    border: 1px solid #CCC;
    background: #EEE;
    height: 32px;
    margin: 8px;
    cursor: pointer;
}

.entity div.title {
    margin-left: 33px;
    font-size: 1.25em;
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
    font-weight: bold;
}

.entity .checkbox input {
    display: none;
}

.entity .checkbox {
    float: left;
    width: 32px;
    height: 100%;
    border-right: 1px solid #CCC;
    background: white url('../img/Iconic/gray_light/check.png') no-repeat center center;
}

.entity.active .checkbox {
    background-image: url('../img/Iconic/black/check.png');
}

.selector {
    border: 1px solid #CCC;
    border-bottom: 0;
    margin-right: 0;
}

.selector div.nav {
    background-color: white;
    border-bottom: 1px solid #CCC;
}

.selector div.nav span {
    float: left;
    width: 20px;
    height: 24px;
    line-height: 24px;
    border-right: 1px solid white;
    text-align: center;
    font-size: 1em;
    color: white;
    background: #666;
}

.selector div.nav span.all {
    width: 32px;
    border-left: 0;
}

.selector div.nav span.active {
    background-color: #DF5F6D;
}

.selector .entity {
    width: 100%;
    margin: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.selector .entity .title {
    width: 575px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.selector .entity.header .title {
    margin-left: 0;
}

.selector .entity.header {
    background: #4FC27C;
    color: white;
}

.selector.pattern {
    padding: 0;
}

.selector_button {
    border: 1px solid #CCC;
    height: 24px;
    background: whiteSmoke;
    cursor: pointer;
}

.selector_button.active {
    border-bottom: 0;
}

.selector_button .label {
    padding: 4px;
    line-height: 16px;
    font-weight: bold;
    color: black;
}

.selector_button .button_collapse {
    float: right;
    border-left: 1px solid #CCC;
    width: 32px;
    height: 24px;
    background: #DDD url('../img/Splashy/arrow_state_blue_expanded.png') center center no-repeat;
}

.selector_button.active .button_collapse {
    background-image: url('../img/Splashy/arrow_state_blue_collapsed.png');
}

input[name='search[keyword]'].search_field, button[type='submit'].search_button {
    margin-top: 7px;
}

input[name='search[keyword]'].search_field {
    padding: 5px 4px;
    width: 170px;
    margin-right: 0;
}

button[type='submit'].search_button {
    height: 25px;
    width: 25px;
    cursor: pointer;
    border-left: 0;
    border-color: #CCC;
    background: #EEE url('../img/Glyphish/search.png') no-repeat center center;
}

button[type='submit'].search {
    height: 24px;
    width: 90px;
    cursor: pointer;
    border-color: #CCC;
    background: whiteSmoke;
    padding: 0;
}

button[type='submit'].search span.label {
    float: left;
    width: 48px;
    color: #777;
    line-height: 24px;
    text-align: left;
    padding: 0 4px;
    font-weight: bold;
}

button[type='submit'].search span.icon {
    border-left: 1px solid #CCC;
    float: right;
    height: 24px;
    width: 24px;
    background: #EEE url('../img/Glyphish/search.png') no-repeat center center;
    margin: 0;
}

.search.result {
    padding: 0;
    height: 64px;
}

.search.result .label {
    padding: 8px;
    margin-right: 0;
    height: 48px;
}

.search.result h3 {
    margin-bottom: 8px;
}

.search.result h3 + div {
    margin-top: 2px;
}

.search.result .search_button {
    float: right;
    border-left: 1px solid #CCC;
    height: 100%;
    margin-right: 0;
    overflow: hidden;
    width: 48px;
    background: white;
}

.search.result .search_button a {
    float: left;
    width: 100%;
    height: 100%;
    background: #EEE url('../img/Glyphish/search.png') no-repeat 15px center;
    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px;
}

/** jQuery.ui.tabs **/
.ui-tabs-nav {
    list-style-type: none;
    margin: 8px;
    height: 32px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: #CCC;
    border-bottom: 1px solid black;
}

.ui-tabs-nav .ui-state-default {
    float: left;
    padding: 4px 8px;
    width: 120px;
    height: 36px;
    line-height: 26px;
    border-right: 1px solid black;
}

.ui-tabs-nav .ui-state-active {
    background: #777;
}

.ui-tabs-nav .ui-state-default a {
    display: inline-block;
    color: white;
    text-decoration: none;
    font-size: 1.25em;
    height: 100%;
    width: 100%;
}

.ui-tabs-nav .ui-state-default a span.label {
    float: left;
}

.ui-tabs-nav .ui-state-default a span.counter {
    float: right;
    font-weight: bold;
    width: 24px;
    text-align: center;
    margin-top: 2px;
    border: 1px solid black;
    color: #777;
    font-size: 0.8em;
    border-radius: 8px;
    padding: 2px 4px;
    height: 15px;
    line-height: 16px;
    background: white;
}

.ui-tabs-panel.ui-tabs-hide {
    display: none;
}

.list-pattern-legend .letterbox {
    margin-right: 4px;
}

.pattern-title a {
    min-height: 24px;
    display: inline-block;
}

.pattern-title .letter {
    width: 36px;
    padding-left: 24px;
    float: left;
}

.pattern-title__label {
    float: left;
    width: 165px;
}

.clear {
    display: block;
}

.logo {
    margin-bottom: 0;
}

.logo__image {
    height: 120px;
    width: auto;
}

.logo__caption {
    font-size: 1.2em;
    margin: 4px 38px 0 38px;
}