/*-----------------------------------------------------------------------------
- File: wsca2009.css
- Desc: css definitions for WSCA year 2009 layouts
-
- MOD     Date        By            Comment
- MOD001  02/01/2009  Lenny Murney  Creation
-----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------
- global form style
vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/

*
{
    margin: 0;
    padding: 0;
    border-width: 0px;
    vertical-align: top;
}

html,body{
  margin:0;
  padding:0;
  height:100%;
  border:none
}
	

body
{
    background-color: #330000;
    color: #ffffcc;
    font-family: Verdana;
    font-size: 10pt;
}

h1
{
    color: #FFFF8C;
    font-size: 1.7em;
    line-height: 1.9em;
    font-weight: bold;
}
h2
{
    font-size: 1.3em;
    line-height: 1.5em;
    font-weight: bold;
    text-decoration: underline;
}
h3
{
    font-size: 1.1em;
    font-weight: bold;
}


img
{
    border-style: none;
    border-width: 0;
    border-color: inherit;
    padding: 0px;
    margin: 0;
}
/*
a, a:visited, a:hover
{
    text-decoration: underline;
    color: #000000;
}
*/

b
{
    font-variant: normal;
    font-weight: bolder;
}


th
{
    text-align: left;
    vertical-align: bottom;
}
td
{
    vertical-align: top;
}

ul
{
    padding: 8px;
    text-align: left;
    color: #FFFFcc;
    list-style-type: disc;
    list-style-position: inside;
}
li{}



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


/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/



/*----------------------------------------------------------------------------------------------
- main page modal form style
vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/

.mainForm
{
/*
    padding: 8px;
    margin: 8px;
    */
}

.mainForm th
{
    border-style: solid;
    border-color: #ffffcc;
    border-bottom-width: 1px;
    vertical-align: bottom;
}

.mainForm h3
{
    font-size: 1.1em;
    font-weight: bold;
    padding: 3px;
    margin: 3px; /*border-bottom-style: solid; */
    border-width: 1px;
    border-color: #ffffcc;
    vertical-align: bottom; /* text-align: left;*/
}
.mainForm a, .mainForm a:visited
{
    color: #FFFFcc;
    text-decoration: none;
}
.mainForm a:hover
{
    color: #FFFFcc;
    text-decoration: underline;
}


.mainForm input, .mainForm select
{
    padding: 2px;
    margin: 2px;
    font-weight: normal;
}

.mainForm textarea
{
    font-family: Verdana;
    font-size: 10pt;
    padding: 3px;
    font-weight: normal;
}


/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.menudesc
{
    font-size: .75em;
    padding-left: 24px;
}

.hitlist{

}

.hitlist td
{
    padding: 8px;
    border-color: #ffffcc;
    border-top-style: solid;
    border-top-width: 1px;
}

/*----------------------------------------------------------------------------------------------
- main page sub-menu style
vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/

.subMenu
{
    color: #330000;
    padding: 3px;
    margin: 3px;
    background-color: #CCCCCC;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.subMenu a, .subMenu a:visited
{
    color: #330000;
    text-decoration: none;
}
.subMenu a:hover
{
    color: #330000;
    text-decoration: underline;
}



/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/



/*
.gridtext
{
}
.gridtext a, .gridtext a:visited{ color:#FFFFcc;   text-decoration: none;}
.gridtext a:hover{color:#FFFFcc;    text-decoration: underline;}
*/



/*----------------------------------------------------------------------------------------------
- Pop-up modal form style
vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/

.modalForm
{
    border: thin solid #FFFF8C;
    background-color: #330000;
    font-family: Verdana;
    font-size: 10pt;
    margin: 3px;
    padding: 8px;
    color: #FFFFcc;
    line-height: 1.8em;
}
.modalForm input
{
    padding: 3px;
    font-weight: normal;
}

.modalForm textarea
{
    font-family: Verdana;
    font-size: 10pt;
    padding: 3px;
    font-weight: normal;
}


.modalForm a, .modalForm a:visited
{
    color: #FFFFcc;
    text-decoration: none;
}
.modalForm a:hover
{
    color: #FFFFcc;
    text-decoration: underline;
}

.modalForm h3
{
    font-size: 1.1em;
    font-weight: bold;
    padding: 8px;
    margin: 8px;
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #ffffcc;
    vertical-align: bottom;
    text-align: left;
}


.modalBackground
{
    background-color: #CCCCCC;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/




input.btn
{
    color: #330000;
    font: bold 84% 'Verdana';
    background-color: #FFFFcc;
    border: 1px solid;
    border-color: #FFFFCC;
}

input.btn:hover, input.btn:focus
{
    background-color: #330000;
    color: #FFFFcc;
}

.lightback
{
    background-color: #331111;
}



/*----------------------------------------------------------------------------------------------
- Highlighted information bubble style
vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/

.dispbubble
{
    background-color: #FFFF8C;
    color: #000000;
    margin: 0px;
    padding: 0px 0px 0px 0px;
}


/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/















.creme a, .creme a:visited, .creme a:hover
{
    color: #FFFFcc;
    text-decoration: underline;
}



.scrnmenu
{
    color: #FFFFcc; /* width: 80%; */
    text-align: left;
}

.scrnmenu a, .scrnmenu a:visited
{
    color: #FFFFcc;
    text-decoration: none;
}
.scrnmenu a:hover
{
    text-decoration: underline;
}



.bullitlist
{
    padding: 8px;
    text-align: left;
    color: #FFFFcc;
    list-style-type: disc;
    list-style-position: inside;
}
.bullitlist a, .bullitlist a:visited
{
    color: #FFFFcc;
    text-decoration: none;
}
.bullitlist a:hover
{
    text-decoration: underline;
}


.editlayout
{
    padding: 5px;
    margin: 5px;
}
.editlabel
{
    text-align: left;
}
.editfield
{
    text-align: left;
}
















.staticmenu
{
    margin: 3px 5px 0px 5px;
    color: #ffffcc;
    text-decoration: none;
    font-size: 1.1em;
    line-height: 1.5em;
    font-weight: normal;
}
.dynamicmenu
{
    margin: 0px 0px 0px 10px;
    text-decoration: none;
    font-size: 1em;
    text-align: left;
    color: #ffffcc;
    line-height: 1.3em;
}


.dynamicmenu a
{
    color: #ffffcc;
    text-decoration: none;
}
.dynamicmenu a:hover
{
    color: #ffffcc;
    text-decoration: underline;
}




#heading
{
    width: 700px;
    height: 93px;
    background-image: url(   '../images/striphead2.jpg' );
    background-repeat: no-repeat;
}





/*-----------------------------------------------------------------------------
- page layout definitions
-----------------------------------------------------------------------------*/

#main
{
    width: 900px;
    text-align: left;
    border-top: 1px solid #ffffcc;
}


#main-leftcol
{
    float: left;
    padding: 0 10px;
    width: 175px;
}
#main-rightcol
{
    float: left;
    padding: 0 10px;
    width: 680px;
}
#main-full
{
    float: left;
    line-height: 20px;
    padding-right: 10px;
    width: 900px;
}
#main-rightcol-left
{
    float: left;
    width: 310px;
    margin-right: 10px;
}
#main-rightcol-right
{
    float: left;
    width: 320px;
}

#footer
{
    clear: both;
    width: 900px;
    text-align: center;
    font-size: 10px;
    border-top: 1px solid #ffffcc;
}




/* --- Tab layout information --- */

/* default layout */
.ajax__tab_default .ajax__tab_header
{
    white-space: nowrap;
}

.ajax__tab_default .ajax__tab_outer
{
    padding-right: 4px;
    height: 21px;
    display: -moz-inline-box;
    display: inline-block;
}


.ajax__tab_default .ajax__tab_inner
{
    display: -moz-inline-box;
    display: inline-block;
}
.ajax__tab_default .ajax__tab_tab
{
    margin-right: 4px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    display: -moz-inline-box;
    display: inline-block;
}






/* xp theme */
.wsca__tab .ajax__tab_header
{
    font-family: verdana,tahoma,helvetica;
    font-size: 14px;
    color: #FFFFCC;
    font-weight: bold;
}
.wsca__tab .ajax__tab_outer
{
    background-position: right;
    padding-right: 4px;
    height: 21px; /*background-repeat: no-repeat;     background-image: url( '/images/tab-right.gif' ); */
    color: #FFFFCC;
}
.wsca__tab .ajax__tab_inner
{
    padding-left: 3px; /*background-image: url('/images/tab-left.gif' );     background-repeat: no-repeat; */
}

.wsca__tab .ajax__tab_tab
{
    /*border-style: solid none none none;     border-width: thin;     border-color: #CC0099; */
    height: 13px;
    padding: 4px;
    margin: 0;
    color: #FFFFCC;
    background-color: #330000;
}
.wsca__tab .ajax__tab_hover .ajax__tab_outer
{
    /*   background-image: url('/images/tab-hover-right.gif';     background-repeat: no-repeat;     background-position: right; */
}
.wsca__tab .ajax__tab_hover .ajax__tab_inner
{
    /* background-image: url('/images/tab-hover-left.gif';     background-repeat: no-repeat; */
}
.wsca__tab .ajax__tab_hover .ajax__tab_tab
{
    background-color: #CCCCCC;
    color: #000000;
}
.wsca__tab .ajax__tab_active .ajax__tab_outer
{
    /*background-image: url('/images/tab-active-right.gif');     background-repeat: no-repeat;     background-position: right; */
}
.wsca__tab .ajax__tab_active .ajax__tab_inner
{
    /* background-image: url('/images/tab-active-left.gif');     background-repeat: no-repeat; */
}
.wsca__tab .ajax__tab_active .ajax__tab_tab
{
    color: #330000;
    background-color: #FFFFCC;
}

.wsca__tab .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    border: 1px solid #FFFFCC;
    padding: 8px;
    background-color: #330000;
}




/* scrolling */
.ajax__scroll_horiz
{
    overflow-x: scroll;
}
.ajax__scroll_vert
{
    overflow-y: scroll;
}
.ajax__scroll_both
{
    overflow: scroll;
}
.ajax__scroll_auto
{
    overflow: auto;
}

/* plain theme */
.ajax__tab_plain .ajax__tab_outer
{
    text-align: center;
    vertical-align: middle;
    border: 2px solid #999999;
}
.ajax__tab_plain .ajax__tab_inner
{
    text-align: center;
    vertical-align: middle;
}
.ajax__tab_plain .ajax__tab_body
{
    text-align: center;
    vertical-align: middle;
}
.ajax__tab_plain .ajax__tab_header
{
    text-align: center;
    vertical-align: middle;
}
.ajax__tab_plain .ajax__tab_active .ajax__tab_outer
{
    background: #FFFFE1;
}