#panels
{
    position: fixed; 
    background-color:#eeeeee;
    padding:0px;
    margin:0px;
    left:0px;
    top:0px;
    width: 100%;
    z-index:1000;
}
        
#panel1
{
	width: 100%;
	height: 14em;
	overflow: hidden;
	position: absolute;
	top:-14em;
	padding:0px;
    margin:0px;
    z-index:1000;
}
                
#panel2
{
    display:none;
	width: 100%;
	height: 8.4em;
	overflow: hidden;
	position: absolute;
	top:-8.4em;
	padding:0px;
    margin:0px;
    z-index:1000;
}
        
#panel3
{
	width: 100%;
	height: 7em;
	overflow: hidden;
	position: absolute;
	top:-7em;
	padding:0px;
    margin:0px;
     z-index:1000;
     display:none;
}
        
#panel1_content
{
    background-color:#333333;
    width:100%;
    height:19em;
    position:relative; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=93)";
    -moz-opacity:0.93;
    -khtml-opacity: 0.93;
    filter:alpha(opacity=93);
    opacity:0.93;
	overflow:auto;
}
   
#panel2_content
{
    background-color:#5b1112;
    height:8em;
    width:100%;
    position:relative;
    filter:alpha(opacity=93); 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=93)";
    -moz-opacity:0.93;
    -khtml-opacity: 0.93;
    opacity:0.93;
    padding-top:10px;
}
             
        
#panel3_content
{
    background-color:#09C;
    height:7em;
    width:100%;
    position:relative;
    filter:alpha(opacity=93); 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=93)";
    -moz-opacity:0.93;
    -khtml-opacity: 0.93;
    opacity:0.93;
    display:none;
}

#tabcontainer
{
    width:980px;   
    margin: 0 auto;
}
        
#tabs
{
    width:980px;
    margin: 0 0 auto 0;
    position:fixed;
    z-index:990;
}

a.tabtext
{
    font-size:90%;
    font-weight:bold;
    padding-left: 10px; 
    padding-top: 4px;
    display:block;
    color:#dddddd;
}

a.tabtext:hover
{
    color:#ffffff;
}

        
#tab1
{
    color:#ffffff;
    top:0px;
    right:0px;
    height:2em;
    cursor:pointer;
    width:155px;
    background-color:#333333;
    top:0em;
    position:absolute;
    filter:alpha(opacity=93); 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=93)";
    -moz-opacity:0.93;
    -khtml-opacity: 0.93;
    opacity:0.93;
    background-image: url(/theme/wmc/images/down_arrow.png);
    background-position:135px 10px;
    background-repeat:no-repeat;
}
        
#tab2
{
    display:none;
    color:#ffffff;
    top:0px;
    height:2em;
    cursor:pointer;
    right:155px;
    width:155px;
    background-color:#5b1112;
    top:0em;
    position:absolute;
    filter:alpha(opacity=93); 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=93)";
    -moz-opacity:0.93;
    -khtml-opacity: 0.93;
    opacity:0.93;
    background-image: url(/theme/wmc/images/down_arrow.png);
    background-position:135px 10px;
    background-repeat:no-repeat;
}
        
#tab3
{
    color:#ffffff;
    top:0px;
    height:2em;
    cursor:pointer;
    right:155px;
    width:155px;
    background-color:#09C;
    top:0em;
    position:absolute;
    filter:alpha(opacity=93); 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=93)";
    -moz-opacity:0.93;
    -khtml-opacity: 0.93;
    opacity:0.93;
    background-image: url(/theme/wmc/images/down_arrow.png);
    background-position:135px 10px;
    background-repeat:no-repeat;
    display:none;
}   

.panel
{
    font-size: 0.74em;
    line-height:1.6em;   
    overflow:hidden;
    width:960px;
    margin:0 auto;
    padding-top:1em;
}

.panel h2
{
    padding-left:4px;
    color:#ffffff;
}

.quicklinks a
{
	float: left;
	height: 52px;
	cursor: pointer;
	display: block;
	width: 95px;
	position: relative;
	text-align:center;
	padding-top:40px;
	overflow:hidden;
}

.quicklinks a.curric {background: url(/theme/wmc/images/curric.jpg) no-repeat 26px 0px; color:#fff;}
.quicklinks a:hover.curric {background: url(/theme/wmc/images/curric.jpg) no-repeat 26px -100px;}

.quicklinks a.wmc {background: url(/theme/wmc/images/wmc.jpg) no-repeat 26px 0px; color:#fff;}
.quicklinks a:hover.wmc {background: url(/theme/wmc/images/wmc.jpg) no-repeat 26px -100px;}

.quicklinks a.docs {background: url(/theme/wmc/images/docs.jpg) no-repeat 26px 0px; color:#fff;}
.quicklinks a:hover.docs {background: url(/theme/wmc/images/docs.jpg) no-repeat 26px -100px;}

.quicklinks a.jobs {background: url(/theme/wmc/images/jobs.jpg) no-repeat 26px 0px; color:#fff;}
.quicklinks a:hover.jobs {background: url(/theme/wmc/images/jobs.jpg) no-repeat 26px -100px;}

.quicklinks a.ePORTAL {background: url(/theme/wmc/images/ePORTAL.jpg) no-repeat 26px 0px; color:#fff;}
.quicklinks a:hover.ePORTAL {background: url(/theme/wmc/images/ePORTAL.jpg) no-repeat 26px -100px;}

.quicklinks a.mail {background: url(/theme/wmc/images/mail.jpg) no-repeat 26px 0px; color:#fff;}
.quicklinks a:hover.mail {background: url(/theme/wmc/images/mail.jpg) no-repeat 26px -100px;}

.quicklinks a.worldbook {background: url(/theme/wmc/images/worldbook.jpg) no-repeat 26px 0px; color:#fff;}
.quicklinks a:hover.worldbook {background: url(/theme/wmc/images/worldbook.jpg) no-repeat 26px -100px;}

.quicklinks a.gym {background: url(/theme/wmc/images/gym.jpg) no-repeat 26px 0px; color:#fff;}
.quicklinks a:hover.gym {background: url(/theme/wmc/images/gym.jpg) no-repeat 26px -100px;}

.quicklinks a.books {background: url(/theme/wmc/images/books.jpg) no-repeat 26px 0px; color:#fff;}
.quicklinks a:hover.books {background: url(/theme/wmc/images/books.jpg) no-repeat 26px -100px;}

.panelleft
{
    float:left;   
    margin-right:40px;
}

.accessibility a
{
    float: left;
	height: 40px;
	cursor: pointer;
	display: block;
	width: 45px;
	position: relative;
}

.accessibility a.large {background: url(/theme/wmc/images/TextLarge.jpg) no-repeat left 0;}
.accessibility a:hover.large {background: url(/theme/wmc/images/TextLarge.jpg) no-repeat left -50px;}

.accessibility a.medium {background: url(/theme/wmc/images/TextMedium.jpg) no-repeat left 0;}
.accessibility a:hover.medium {background: url(/theme/wmc/images/TextMedium.jpg) no-repeat left -50px;}

.accessibility a.small {background: url(/theme/wmc/images/TextSmall.jpg) no-repeat left 0;}
.accessibility a:hover.small {background: url(/theme/wmc/images/TextSmall.jpg) no-repeat left -50px;}

.accessibility a.standard {background: url(/theme/wmc/images/sT.jpg) no-repeat left 0;}
.accessibility a:hover.standard {background: url(/theme/wmc/images/sT.jpg) no-repeat left -50px;}

.accessibility a.blackYellow {background: url(/theme/wmc/images/bY.jpg) no-repeat left 0;}
.accessibility a:hover.blackYellow {background: url(/theme/wmc/images/bY.jpg) no-repeat left -50px;}

.accessibility a.blueBlue {background: url(/theme/wmc/images/bB.jpg) no-repeat left 0;}
.accessibility a:hover.blueBlue {background: url(/theme/wmc/images/bB.jpg) no-repeat left -50px;}

.accessibility a.yellowBlue {background: url(/theme/wmc/images/yB.jpg) no-repeat left 0;}
.accessibility a:hover.yellowBlue {background: url(/theme/wmc/images/yB.jpg) no-repeat left -50px;}

.accessibility input.bt_login,
.accessibility input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}

.accessibility input.bt_login {
	width: 74px;
	background: transparent url(/theme/wmc/images/bt_login.png) no-repeat 0 0;
}

.accessibility input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(/theme/wmc/images/bt_register.png) no-repeat 0 0;
}

.accessibility .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}

.accessibility a#english {background: url(/theme/wmc/images/english.jpg) no-repeat left 0;}
.accessibility a:hover#english {background: url(/theme/wmc/images/english.jpg) no-repeat left -50px;}

.accessibility a#german {background: url(/theme/wmc/images/german.jpg) no-repeat left 0;}
.accessibility a:hover#german {background: url(/theme/wmc/images/german.jpg) no-repeat left -50px;}

.accessibility a#french {background: url(/theme/wmc/images/french.jpg) no-repeat left 0;}
.accessibility a:hover#french {background: url(/theme/wmc/images/french.jpg) no-repeat left -50px;}

.accessibility a#spanish {background: url(/theme/wmc/images/spanish.jpg) no-repeat left 0;}
.accessibility a:hover#spanish {background: url(/theme/wmc/images/spanish.jpg) no-repeat left -50px;}