/* 
    Document   : template
    Created on : 12/10/2009, 1:37:56 PM
    Author     : Goodyear
    Description:
        Template Layout.
*/

html, body {
    border: #cccccc;
    padding:0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    background-color: #FFFFFF;
}

.layerScroller {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: auto;
}

.layerBackground {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 5px 50px 25px 50px;
}

.layerBackgroundWESROC {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 0px 0px 0px 0px;
}

.backgroundImage {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -100;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.layerTable {
    width: 100%;
    max-width: 100%;
    text-align: left;
    vertical-align: top;
}

.content-wrapper {
    width: 95%;
    max-width: 95%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    border: 0px solid #CCCCCC;
    vertical-align: top;
}

.header {
    width: 90%;
    max-width: 90%;
    height: 89px;
    max-height: 89px;
}

.content-main {
    background-color: white;
}

.messages {
    width: 10%;
    max-width: 10%;
    text-align: left;
    vertical-align: top;
    border: gray solid 1px;
}

.footer {
    height: 80px;
    max-height: 80px;
    vertical-align: middle;
}

.messagesInfo {
    color: black;
    font-size: larger;
    font-weight: bold;
}

.messagesWarn {
    color: red;
    font-size: larger;
    font-weight: bold;
}

.messagesError {
    color: red;
    font-size: larger;
    font-weight: bold;
}

.messagesFatal {
    color: red;
    font-size: larger;
    font-weight: bold;
}


.messagesElementInfo {
    color: black;
}
.messagesElementWarn {
    color: red;
    padding-left: 5px;
}

.messagesElementError {
    color: red;
    padding-left: 5px;
}

.messagesElementFatal {
    color: red;
}


/*
    CSS Border Handling
*/
.outer-horifill    { height:10px;              padding: 0 0 0 0; background: url(/RMSOnline-war/resources/images/template/outer-filler.png); }
.outer-topleft     { height:20px; width: 20px; padding: 0 0 0 0; background: url(/RMSOnline-war/resources/images/template/outer-topleft.png); background-position: right bottom; background-repeat: no-repeat; }
.outer-topright    { height:20px; width: 20px; padding: 0 0 0 0; background: url(/RMSOnline-war/resources/images/template/outer-topright.png); background-position: left bottom; background-repeat: no-repeat; }
.outer-bottomleft  { height:20px; width: 20px; padding: 0 0 0 0; background: url(/RMSOnline-war/resources/images/template/outer-bottomleft.png); background-position: right top; background-repeat: no-repeat; }
.outer-bottomright { height:20px; width: 20px; padding: 0 0 0 0; background: url(/RMSOnline-war/resources/images/template/outer-bottomright.png); background-position: left top; background-repeat: no-repeat; }
.outer-top         { height:20px;              padding: 0 0 0 0; background: url(/RMSOnline-war/resources/images/template/outer-top.png); background-position: right bottom; background-repeat: repeat-x; }
.outer-left        {              width: 20px; padding: 0 0 0 0; background: url(/RMSOnline-war/resources/images/template/outer-left.png); background-position: right bottom; background-repeat: repeat-y; }
.outer-bottom      { height:20px;              padding: 0 0 0 0; background: url(/RMSOnline-war/resources/images/template/outer-bottom.png); background-position: right top; background-repeat: repeat-x; }
.outer-right       {              width: 20px; padding: 0 0 0 0; background: url(/RMSOnline-war/resources/images/template/outer-right.png); background-position: left bottom; background-repeat: repeat-y; }

.outer-divtop      {  height:20px; }
.outer-divhorifill {  }
.outer-divside     { width:20px; }
.outer-divcorner   {  height:20px; width:20px; }

.middle-topleft     { height:20px; width: 20px; padding: 0 0 0 0; background: url(/RMSOnline-war/resources/images/template/middle-topleft.png); background-position: right bottom; background-repeat: no-repeat; }
.middle-topright    { height:20px; width: 20px; padding: 0 0 0 0; background: url(/RMSOnline-war/resources/images/template/middle-topright.png); background-position: left bottom; background-repeat: no-repeat; }
.middle-bottomleft  { height:20px; width: 20px; padding: 0 0 0 0; background: url(/RMSOnline-war/resources/images/template/middle-bottomleft.png); background-position: right top; background-repeat: no-repeat; }
.middle-bottomright { height:20px; width: 20px; padding: 0 0 0 0; background: url(/RMSOnline-war/resources/images/template/middle-bottomright.png); background-position: left top; background-repeat: no-repeat; }
.middle-left        {              width: 20px; padding: 0 0 0 0; background: url(/RMSOnline-war/resources/images/template/middle-side.png); background-position: right bottom; background-repeat: repeat-y; }
.middle-top         { height:20px;              padding: 0 0 0 0; background: url(/RMSOnline-war/resources/images/template/middle-side.png); background-position: right bottom; background-repeat: repeat-x; }
.middle-right       {              width: 20px; padding: 0 0 0 0; background: url(/RMSOnline-war/resources/images/template/middle-side.png); background-position: left bottom; background-repeat: repeat-y; }
.middle-bottom      { height:20px;              padding: 0 0 0 0; background: url(/RMSOnline-war/resources/images/template/middle-side.png); background-position: left top; background-repeat: repeat-x; }

.middle-divtop    { height:20px; }
.middle-divside   { width:20px; }
.middle-divcorner {  height:20px; width:20px; }



.title-filler      { padding: 0 0 0 0; background: url(/RMSOnline-war/resources/images/template/title-filler.png); background-repeat: repeat;
                     color: #FFFFFF;
                     background-color: #003366;
                     vertical-align: middle;
                     text-align:left;
                     /* font: 1.3em Verdana, Arial, sans-serif, Helvetica; */
                     font: 1.3em Arial, sans-serif, Helvetica;
                     font-weight: bold;
}


.title-left        { height:33px; width: 16px; padding: 0; background-image: url(/RMSOnline-war/resources/images/template/title-left.png); background-position: right bottom; background-repeat: no-repeat; }
.title-right       { height:33px; width: 16px; padding: 0; background: url(/RMSOnline-war/resources/images/template/title-right.png); background-position: left bottom; background-repeat: no-repeat; }
.title-left-nobox  { height:33px; width: 16px; padding: 0; background: url(/RMSOnline-war/resources/images/template/title-left-nobox.png); background-position: right bottom; background-repeat: no-repeat; }
.title-right-nobox { height:33px; width: 16px; padding: 0; background: url(/RMSOnline-war/resources/images/template/title-right-nobox.png); background-position: left bottom; background-repeat: no-repeat; }

.title-divtop    {  height:16px;  margin: 0; padding: 0;}
.title-divfill   { height: 100%;  margin: 0; padding: 0;}
.title-divside   { width:16px; margin: 0; padding: 0;}
.title-divcorner {  height:16px; width:16px;  margin: 0; padding: 0;}

.banner-filler   { 
    padding: 0;
    background: url(/RMSOnline-war/resources/images/template/banner-filler.png);
    color: #FFFFFF;
    background-color: #003366;
    vertical-align: middle;
    text-align:left;
    font: 14px Arial, sans-serif, Helvetica;
    font-weight: bold;
}

/* it should always be nobox anyway */
.banner-left  { height:33px; width: 16px; padding: 0; background: url(/RMSOnline-war/resources/images/template/banner-left.png); background-position: right bottom; background-repeat: no-repeat; /* background-color: black; */ }
.banner-right { height:33px; width: 16px; padding: 0; background: url(/RMSOnline-war/resources/images/template/banner-right.png); background-position: left bottom; background-repeat: no-repeat; /* background-color: black;  */}
.banner-left-nobox  { height:33px; width: 16px; padding: 0; background: url(/RMSOnline-war/resources/images/template/banner-left-nobox.png); background-position: right bottom; background-repeat: no-repeat; /* background-color: black; */ }
.banner-right-nobox { height:33px; width: 16px; padding: 0; background: url(/RMSOnline-war/resources/images/template/banner-right-nobox.png); background-position: left bottom; background-repeat: no-repeat; /* background-color: black; */}

.banner-divtop  {  height:16px; }
.banner-divfill { height: 1px; }
.banner-divside { width:16px; height:16px; }
.banner-divcorner {  height:16px; width:16px; }


.inner-topleft     { height:16px; width: 16px; max-width: 16px; padding: 0; background-image: url(/RMSOnline-war/resources/images/template/inner-topleft.png); background-position: right bottom; background-repeat: no-repeat; }
.inner-topright    { height:16px; width: 16px; padding: 0; background-image: url(/RMSOnline-war/resources/images/template/inner-topright.png); background-position: left bottom; background-repeat: no-repeat; }
.inner-bottomleft  { height:16px; width: 16px; max-width: 16px; padding: 0; background-image: url(/RMSOnline-war/resources/images/template/inner-bottomleft.png); background-position: right top; background-repeat: no-repeat; }
.inner-bottomright { height:16px; width: 16px; padding: 0; background-image: url(/RMSOnline-war/resources/images/template/inner-bottomright.png); background-position: left top; background-repeat: no-repeat; }
.inner-top         { height:16px;              padding: 0; background-image: url(/RMSOnline-war/resources/images/template/inner-top.png); background-position: right bottom; background-repeat: repeat-x; }
.inner-left        {              width: 16px; max-width: 16px; padding: 0; background-image: url(/RMSOnline-war/resources/images/template/inner-left.png); background-position: right bottom; background-repeat: repeat-y; }
.inner-bottom      { height:16px;              padding: 0; background-image: url(/RMSOnline-war/resources/images/template/inner-bottom.png); background-position: right top; background-repeat: repeat-x; }
.inner-right       {              width: 16px; padding: 0; background-image: url(/RMSOnline-war/resources/images/template/inner-right.png); background-position: left bottom; background-repeat: repeat-y; }

.inner-divtop      {  height:16px; }
.inner-divhorifill {  }
.inner-divside     {  width:16px; max-width: 16px; }
.inner-divcorner   {  height:16px; width:16px; }