/* CSS Document
 *   wito_
 */

/**
 * Unified colours (defaults)
 *
 * wito thought yellow #FFFF33
 * - lighter #FFFF99
 * -  darker #EADC60
 */
div.wito_titlebar_button,
div.wito_button
{
    background-color: #FFFFFF;
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
}

div.wito_titlebar_button,
div.wito_button,
div.wito_toolbox,
div.wito_toolbox .wito_toolbox_button_text {
    border-color: #DDDDDD;
}


/**
 * Base classes (pagesweep)
 */
.wito_threadBaseOuter {
    visibility: visible !important;
}

.wito_threadBaseOuter.pagesweep {
    position: relative;
    background-color: #FF0000;
}

.wito_threadBaseOuter.pagesweep .wito_threadBaseInnerTile {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.wito_threadBaseOuter.pagesweep .wito_threadBaseInnerDrag {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    cursor: default;
}


/**
 * General stylesheet overrides/protections
 */
#wito_threadBase a,
#wito_threadBase a:hover,
#wito_threadBase a:visited,
#wito_threadBase a:active,
#wito_threadBase a:link {
    font-weight: normal;
    color: #000000;
}

div.wito_navholder {
    background-color: #999999;
    height: 20px;
    clear: both;
    /* add 1px on right to align with mainholder's border
     * padding-right: 1px; */
    border-right: 1px solid #000000;
    background-position: left bottom;
    background-repeat: repeat-x;
}

div.wito_mainholder {
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
}

div.wito_thread, div.wito_thread_archived {
    position: absolute;
    z-index: 100;
    overflow: visible;
}

/* Common: Big font explicit */
div.wito_thread,
div.wito_toolbox,
div.wito_thread_archived,
div.wito_load,
div.wito_thread textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    color: #000000;
    line-height: 1.7em;
}

/* Common: Small font explicit */
a.wito_button, a.wito_archived_button,
div.wito_thread_status .wito_hovertarget,
p.wito_data {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .75em;
}

div.wito_thread p.wito_data textarea {
    line-height: 2.3em;
}

div.wito_thread_posts,
div.wito_thread_status {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div.wito_thread_status {
    border-style: solid;
    border-width: 1px;
    border-top: none;
}

div.wito_thread_posts {
    border-style: solid;
    border-width: 1px;
    border-top: none;
    border-bottom: none;
}



/* no scroller on status bar */
div.wito_thread_status {
    overflow: hidden;
}

/* do scroller on post bar */
div.wito_thread_posts {
    overflow-y: hidden;
    overflow-x: hidden;
}

div.wito_thread_posts.wito_over {
    overflow-y: auto;
    overflow-x: auto;
}

.wito_thread div.wito_thread_posts,
.wito_thread div.wito_thread_status,
.wito_thread div.wito_titlebar,
.wito_thread div.wito_titlebar p.wito_titlebar_text,
.wito_thread div.wito_titlenot {
    cursor: move;
}

/* minimised threads are forced to one-line */
.wito_thread_minimised div.wito_titlebar p.wito_titlebar_text {
    white-space: nowrap;
    overflow: hidden;
}

/**
 *  Status bar
 */

div.wito_thread_status {

}

/**
 *  Thread titlebar/unexpanded posts
 */
div.wito_titlebar,
div.wito_titlenot {
    margin: 0;
    padding: 0;
    text-align: left;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    border-bottom: none;
}

div.wito_titlenot, img.wito_yellowarrownot {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

p.wito_titlebar_text {
    text-align: left;
    margin: 0.8em 0 0 1.2em;
    padding: 0 1.0em 0 0;
    cursor: default;
}

p.wito_titlebar_text,
p.wito_data {
    min-height: 2.0em;
}

div.wito_thread_minimised p.wito_titlebar_text {
    margin: 0;
    line-height: 1.4em;
    min-height: 1.0em;
}

div.wito_thread_minimised div.wito_glyphright,
div.wito_thread_archived div.wito_titlebar_button_right {
    visibility: visible !important;
}

/** margin mix of px and em for scaling and editbox */
div.wito_titlebar_button,
div.wito_button,
div.wito_statusbar_button {
    border-width: 1px;
    border-style: solid;
    float: right;
    margin: 2px 2px 0 0;
    padding: 0;
    line-height: 0;
    background-repeat: no-repeat;
    background-position: center;
}

div.wito_button {
    position: relative;
    top: -1.7em;
}

div.wito_statusbar_button,
div.wito_statusbar_button img,
div.wito_titlebar_button,
div.wito_button {
    width: 1.0em;
    height: 1.0em;
}

div.wito_statusbar_button,
div.wito_button {
    z-index: 50;
    visibility: hidden;
}

div.wito_out div.wito_titlebar_button,
div.wito_out div.wito_statusbar_button,
div.wito_out div.wito_button {
    visibility: hidden;
}

div.wito_over div.wito_titlebar_button,
div.wito_over div.wito_statusbar_button,
div.wito_over div.wito_button {
    visibility: visible;
}

div.wito_titlebar_button a,
div.wito_post .wito_button a,
p.wito_toolbox_button a,
div.wito_statusbar_button a {
    margin: 0;
    padding: 0;
    outline: none;
}

div.wito_titlebar_button img,
div.wito_statusbar_button img {
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

div.wito_titlebar_button_left,
div.wito_statusbar_button {
    float: left;
    margin-left: 2px;
}

img.wito_yellowarrowptr, img.wito_yellowarrownot {
    float: left;
    margin: 0 -45px 0 0;
    z-index: -50;
    position: relative;
    cursor: move;
}

div.wito_glyphright {
}

div.wito_linkto {
    border: 1px dashed #FF0000;
}

div.wito_debug {
    border: none;
}

div.wito_debug_dbdiv {
    border: 1px solid #660000;
    position: absolute;
    top: 100px;
    left: 100px;
    width: 80%;
    height: 20%;
}

div.wito_linkto img {
    cursor: move;
}

div.wito_dummy {
    overflow-x: hidden;
    position: absolute;
    top: -9999px;
    left: -9999px;
    max-width: 9989px;
}

/**
 *  Expanded posts
 */
div.wito_deletex img {
    margin: 0;
}

div.wito_minimised {
    display: none;
}

div.wito_post {
    padding: 0.5em 0.9em 0.01em 1.0em;
}

p.wito_poster {

}

p.wito_data {
    clear: both;
    float: left;
    margin: 0;
    padding: 0;
}

p.wito_data {
    width: 100%;
}

textarea.wito_editbox {
    position: inherit;
    border-style: none;
    margin: -0.3em 0 0 -0.1em;
    width: 100%;
    overflow: hidden;
    border-collapse: collapse;
}

/**
 * Buttons in posts
 **/
div.wito_buttons {
    float: right;
    margin: 0.4em -0.5em 0.4em 0;
    padding: 0.1em;
}

p.wito_button {
    display: inline;
    text-transform: uppercase;
    margin: 0.4em 0.2em 0.1em 0.2em;
}

p a.wito_button {
    border-width: 1px;
    border-style: solid;
    padding: 0.2em 0.4em 0.2em 18px;
    background-position: left center;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #000000;
}

p.wito_button_last, p.wito_button_last a.wito_button {
    margin-right: 0 !important;
}


/**
 * Toolbox
 */
div.wito_toolbox {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 0;
    z-index: 999;
	border-style: solid;
	border-width: 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
    overflow: hidden;
}

div.wito_toolbox p {
    margin: 0;
	padding: 0 0 0 0.3em;
    float: left;
    line-height: 1.6em;
}

div.wito_toolbox_plinth {
	background-color: #FFFFFF;
}

div.wito_toolbox_tools {
	padding-top: 2px;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
    background-position: 0 0;
    height: 38px;
}

div.wito_toolbox .wito_toolbox_button_text {
    padding: 0.1em 0.3em 0.1em 0;
    border-right-width: 1px;
    border-right-style: solid;
}

div.wito_toolbox p.last {
    border-right: none;
}

p.wito_toolbox_button a.pointer {
    font-size: 28px;
    line-height: 18px;
    text-decoration: none;
}

div.wito_toolbox option {
    color: #000000;
}

div.wito_toolbox option.wito_sess_iam {
    color: #6666FF;
}

div.wito_thread_status .wito_hovertarget {
    margin: 0;
    padding: 0.2em;
    line-height: 1.0em;
    height: 1.0em;
    overflow: hidden;
    cursor: move;
}


/**
 *  Hidden images for pre-load
 */

img.wito_hidden {
    display: none;
}

/**
 *  Archived/deleted threads/posts
 */
.wito_thread_archived .wito_titlebar,
.wito_thread_archived .wito_thread_posts,
.wito_thread_archived .wito_thread_status,
.wito_thread_archived a.wito_archived_button {
    background-color: #FFFFFF !important;
    border: 1px solid #000000 !important;
    color: #000000 !important;
}


.wito_thread_archived .wito_titlebar,
.wito_thread_archived .wito_thread_posts {
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}

.wito_thread_archived .wito_thread_status {
    border-top: none !important;
}

.wito_thread_archived .wito_titlebar {
    border-bottom: none !important;
}


/* make edit and close buttons look white but clickable */
.wito_thread_archived div.wito_titlebar_button {
    background-color: #FFFFFF;
    border-color: #000000;
}

/* make minimised button look disabled */
.wito_thread_archived div.wito_titlebar_button_left {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.wito_thread_archived p.wito_archived_button {
    clear: none !important;
}

.wito_thread_archived a.wito_archived_button {
    padding: 0.2em 0.4em 0.2em 0.4em;
}

/**
 * Shadows
 */
div.wito_shadow {
    background-color: #000000;
    opacity: 0.1;
    position: relative;
    float: right;
    line-height: 0;
    padding: 0;
    margin: 0;
    -moz-opacity: 0.1;
    filter: alpha(opacity=10);
}

div.wito_shadow * {
}

div.wito_shadow_right {
    width: 5px;
}

div.wito_shadow_bottom {
    height: 5px;
}


/**
 * Status bar buttons
 */
div.wito_statusbar_button {
    float: left;
    margin: 0.1em 0 0.2em 0.1em;
    padding: 0;
}

div.wito_statusbar_button img {
    vertical-align: top;
}

/**
 * Specific instances button
 */
div.wito_add {
    border: none;
}

div.wito_colchange {
    width: 0.8em;
    height: 0.8em;
}

/**
 * remove candidate
 * 
div.wito_colchange img {
    width: 10px;
    height: 10px;
}
**/



div.wito_resize {
    border: none;
    float: right;
    margin-top: 0.4em;
}

div.wito_resize a {
    cursor: se-resize;
}

/**
 * Link styles
 * - no styles on embed link because:
 *     it's used for click and we might not want to change its look
 */
a.wito_embed_link {
}

a.wito_link_look {
    background: transparent 1px 0 no-repeat scroll;
    padding: 0px 0 2px 6px;
}

/**
a.wito_link_look:hover {
    text-decoration: none;
    border-bottom: 1px dashed;
}
 */

span.wito_eedback {
    padding-right: 3px;
}

/**
 * General alignment madness
 */
.wito_clear {
    clear: both;
    line-height: 0;
    height: 0;
    margin: 0;
    padding: 0;
}