/**
 * Styles for the composer form
 **/

/* GLOBAL */

#gaia_content input,
#gaia_content select,
#gaia_content textarea {
    background: #fff;
    border: 1px solid #3e53a2;
}

#gaia_content label {
    display: block;
    float: left;
    //text-align: right;
    margin-right: 10px;    
}

/* LAYOUT */

#gaia_content #yui-main form .yui-b {
    width: 280px;
    float: left;
    margin: 0;
}

#gaia_content #yui-main form .yui-main .yui-b {
    width: 660px;
    margin-right: 10px;
}

#gaia_content #yui-main form .yui-b .gaia-info {
    margin-bottom: 10px;
}

#gaia_content #yui-main form .yui-b .gaia-info .post_style_title {
    position: relative;
}

#gaia_content #yui-main form .yui-b .gaia-info .post_style_title span {
    position: absolute;
    top: 2px;
    left: 90px;
}

#gaia_content #yui-main form .yui-b .gaia-info .post_style_title .perk-sub-no-kitten-star {
    display: inline-block;
    margin-top: -12px;
    position: relative;
    top: 11px;
    background-position: -30px -4px;
}

/* HEADER */

#gaia_content #forum-header {
 background: url(https://graphics.gaiaonline.com/images/common/ic/ic_notepad_45x45.gif) left center no-repeat;
 padding-left: 48px;
 height: 45px;
 margin-bottom: 10px;
}

#forum-header h2 {
 background: url(https://graphics.gaiaonline.com/images/common/hd/hd_post_your_message.gif) no-repeat;
 height: 31px;
 width: 500px;
}

#forum-header .linklist {
    margin-left: 3px;
}

/* COMPOSER */

#gaia_content #compose.gaia-info .bd {
    padding: 5px;
    overflow: visible;
}

#compose label {
    width: 60px;
    overflow: hidden;
}

#compose fieldset {
    margin-bottom: 10px;
}

#compose #title,
#compose #tags,
#compose #browser_agent {
 width: 575px;
 float: right;
}

#compose #editor {
    float: right;
}

#compose textarea {
    display: block;
    width: 575px;
    height: 355px;
    float: left;
    resize: vertical;
}

#compose fieldset.topictype,
#compose fieldset.topiclike {
    text-align: center;
}

#compose fieldset.topictype input,
#compose fieldset.topictype label,
#compose fieldset.topiclike input,
#compose fieldset.topiclike label {
    float: none;
}

#gaia_content #compose fieldset.topictype label,
#gaia_content #compose fieldset.topiclike label {
 display: inline;
}

#gaia_content #compose fieldset.topictype input,
#gaia_content #compose fieldset.topiclike input {
    border: 0;
    background: transparent;
}

#compose #help-tags {
    font-size: 77%;
    text-decoration: none;
    font-weight: bold;
}

#compose .form_buttons {
    position: absolute;
    top: 0;
    right: 0;
    padding:3px;
}

#compose .ft {
    text-align: right;
}

#compose .btn-preview,
#compose .btn-submit {
    width: 66px;
    height: 21px;
    border: 0;
    cursor: pointer;
    margin: 5px 5px 0 0;
}

#compose .btn-preview {
 background: url(https://graphics.gaiaonline.com/images/gaia_global/body/buttons/bn_preview.gif) left top no-repeat;
}
#compose .btn-preview:hover {
 background: url(https://graphics.gaiaonline.com/images/gaia_global/body/buttons/bn_preview.gif) left center no-repeat;
}

#compose .btn-submit {
 background: url(https://graphics.gaiaonline.com/images/gaia_global/body/buttons/bn_submit.gif) left top no-repeat;
}
#compose .btn-submit:hover {
 background: url(https://graphics.gaiaonline.com/images/gaia_global/body/buttons/bn_submit.gif) left center no-repeat;
}

/* POST STYLE */

#post_style .bd {
    text-align: center;
}

#post_style select {
 width: 200px;
}

/* POST ACTION */

#gaia_content #post_action label {
   float: none;
   text-align: left;
   display: inline;
}

#gaia_content #post_action h4 {
   font-weight: bold;
}

/* POST ACTION - dice */

#action_dice label,
#action_dice span {
    display: block;
    float: left;
    margin-bottom: 10px;
}

#action_dice label {
    width: 55px;
}

#action_dice br {
    display: block;
    clear: left;
    margin-bottom: 5px;
}

/* POST ACTION - inventory */

#action_inventory ul {
    height: expression( this.scrollHeight > 199 ? "200px" : "auto" ); /* sets max-height for IE */
    max-height: 200px;
    overflow: auto;
    border: 1px solid #3e53a2;
    margin-bottom: 5px;
    padding: 5px 0 5px 5px;
}

#action_inventory li {
    margin-bottom: 1px;
}

#action_inventory input {
    border: 0;
    background: transparent;
}

#action_inventory #inventory_preview {
    background: url(https://graphics.gaiaonline.com/images/forum/compose/il_item_display_box.gif) no-repeat;
    width: 220px;
    height: 64px;
    padding: 45px 20px 20px 20px;
}

#action_inventory #inventory_preview img {
    float: left;
    display: block;
    margin: 0 2px 2px 0;
}

/* POST ACTION - friends */

#action_friends .friend_selector {
   display: block;
   float: left;
   width: 130px;
   margin: 3px 5px 0 0;
}

#action_friends #friends_preview_container {
   position: relative;
   margin-top: 5px;
   overflow-x: auto;
   overflow-y: hidden;
   width: 260px;
}

#action_friends .friends {
   position: relative;
   border: 1px solid #3e53a2;
}

/* POLL */

#post_poll label {
    width: 55px;
    overflow: hidden;
}

#gaia_content #post_poll .hd .icon_expand,
#post_action #compound_type {
    position: absolute;
    top: 6px;
    right: 5px;
}

#gaia_content #post_poll #poll_title {
    width: 190px;
    height: 35px;
}

#gaia_content #post_poll #poll_expires {
    width: 20px;
}

#gaia_content #post_poll fieldset {
    margin-top: 3px;
}

#gaia_content #post_poll .poll-option {
    margin-top: 2px;
}

#gaia_content #post_poll .poll-option input {
    width: 190px;
}

#post_poll #poll-addoption {
    margin-left: 65px;
}

/* PREVIEW */

#gaia_content #preview {
    margin-bottom: 10px;
}

#gaia_content #preview .bd,
#gaia_content #preview .ft {
    background: #fff;
}

#preview .post {
    border-bottom: 0;
}

#preview .preview_message {
    width: 820px;
}

#preview .preview_message table{
    margin:0;
}
#preview .preview_message table tr td{
    padding:0;
    border:0;
}
/*
#preview .avi_box,
#preview .post .postOdd {
    float: left;
}

#preview .post {
    margin-bottom: 0;
    width: 820px;
}

#preview .post .postOdd {
    width: 700px;
    margin: 0;
    padding: 0;
}
*/

/* CONTEXTUAL HELP */

#gaia_content #help-tags-info {
   font-size: 85%;
   width: 575px;
   float: right;
   z-index: 20;
}

#gaia_content .help_container {
   border: 1px solid #3e53a2;
   display: none;
}
#gaia_content .help_container .bd {
   background: #a9cbe8;
}
#gaia_content .help_container .hd,
#gaia_content .help_container .ft {
   display: none;
}

#gaia_content #captcha {
    padding-left: 70px;
}

#gaia_content #captcha label {
    width: auto;
    padding-bottom: 2px;
}

/* PROMOTE BUTTON */
.pimp-my-post {
    width: 127px;
    font-size: 13px;
    height: 22px;
    padding: 0 5px;
    display: inline-block;
    background: url(https://graphics.gaiaonline.com/images/forum/pmp/pmp_sprites.png) 0 0 no-repeat;
}

.pimp-my-post span {
    display: block;
    position: relative;
    white-space: nowrap;
    height: 22px;
    line-height: 22px;
    padding-left: 10px;
    text-align: left !important;
}

.pimp-my-post span{
    color: #fff;
}

.pimp-my-post:hover {
    background: url(https://graphics.gaiaonline.com/images/forum/pmp/pmp_sprites.png) -137px 0 no-repeat;
}

.pmp_icon {
    width: 16px;
    height: 21px;
    margin: 0 2px;
    background: url(https://graphics.gaiaonline.com/images/forum/pmp/pmp_sprites.png) -274px 0 no-repeat;
    float:left;
}

.timer_body{
    background-color: #f8f3ec;
    padding: 5px;
}

.timer_body fieldset label{
    width : 80px;
    text-align: right;
}

#gaia_content #post_timer .hd .icon_expand{
    position: absolute;
    top: 6px;
    right: 5px;
}