﻿/* CSS Document */
html{margin:0 auto;padding:0px;max-width:100%;border:0px;overflow:auto;font:Arial, Helvetica, sans-serif;}
body{margin:0 auto;padding:0px;max-width:100%;border:0px;
	background-color:#FFFFFF;color:#D1D4D3;font:12px/14px Arial, Helvetica, sans-serif;font-weight:normal;text-align:center;}
div, p, ul, h1, h2, h4, img, form, label{border-style: none;
    border-color: inherit;
    border-width: 0px;
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}
ul{margin:0px;padding:0px;border:0px;list-style-type:none;}

/*----Header PANEL----*/
#headerOuterPan{margin:0 auto;padding:0px;border:0px;height:78px;min-height:78px;max-height:78px;width:100%;min-width:960px;position:relative;clear:both;float:left;
	background:url(images/mainbg.gif) 0 0 repeat-x #FFFFFF;}
#headerPan{margin:0 auto;padding:0px;border:0px;width:960px;position:relative;}
/*----MAIN PANEL----*/
#mainOuterPan{margin:0 auto;padding:0px;border:0px;height:100%;min-height:100%;max-height:100%;width:100%;min-width:960px;position:relative;clear:both;float:left;}
#mainPan{margin:0 auto;padding:0px;width:960px;position:relative;border:0px;}
/*----Footer Panel----*/
#footerOuterPan{margin:0 auto;padding:0px;border:0px;height:70px;min-height:70px;max-height:70px;width:100%;min-width:960px;position:relative;clear:both;float:left; margin-top:5px;
	background:url(images/footerbg2.gif) 0 0 repeat-x #D1D4D3;color:Silver;}
#footerPan{margin:0 auto;padding:0px;width:960px;position:relative;font:11px/14px; color:#675C53; text-align:left;}
#footerPan label{ font-variant:normal;}
#footerContentLeft{width:710px; position:relative; float:left;padding:10px 0 0 20px;color:#675C53;}
#footerContentRight{position:relative;padding:5px 0 0 20px;}
#footerContentRight img{width:220px;height:54px;border:outset 2px #FFFFFF;padding:0;margin-top:3px;}

/*----Header Left Panel----*/
/*#leftTopPan{width:240px;height:78px;position:absolute;left:0px;top:0px;margin:0px;padding:0px;background:url(images/lefttop.gif) 0 0 no-repeat;border:None;} */
/* #WSLogo{width:240px;height:39px;margin:10px 0px 0px 0px;background:transparent url(images/logo.gif) 50% 0 no-repeat; border:None;} */
#leftTopPan{width:240px;height:46px;position:absolute;left:0px;top:0px;margin-top:32px;padding:0px;background:url(images/titlebg.gif) 0 0 no-repeat;border:None;}
#WSLogo{width:240px;height:39px;margin:15px 0px 0px 0px;background:transparent url(images/pc_tab.gif) 50% 0 no-repeat; border:None;}  



/*----Header Middle Panel----*/
#middleTopPan{float:left;width:480px;height:63px;position:absolute;left:240px;top:0px;border:None;}
#middleTopPanContent{text-align:right;bottom:10px;}
#middleTopPan h1{color:#fff;font:normal bold 14px/18px Arial, Helvetica, sans-serif;padding:20px 0 0 13px;}
/*----Header Right Panel----*/
#rightTopPan{position:absolute;left:720px;width:240px;margin-top:0px;} 
/*#rightTopPan ul{width:240px;height:46px;display:block;background:url(images/titlebg.gif) 0% 0% no-repeat;padding:0px;} */
/*#rightTopPan ul li{width:200px;height:24px;position:relative;margin:0 auto;background:url(images/dot.gif) 0 100% repeat-x;text-align:center;padding-top:15px;} */

#rightTopPan ul{width:240px;height:78px;display:block;background:url(images/lefttop.gif) 0% 0% no-repeat;padding:0px;} 
#rightTopPan ul li{width:136px;height:39px;position:relative;margin:0 auto;background:transparent url(images/logo.png) 0 100% no-repeat;text-align:center;padding-top:15px;} 


/*
#rightTopPan ul li{width:200px;height:24px;position:relative;margin:0 auto;text-align:center;padding-top:10px;}

/*----Main Left Panel----*/
#leftMainPan{width:240px;position:relative;float:left;border:none;margin:0 auto; text-align:center;}
#leftMenu{width:240px;position:relative;top:0px;margin-top:2px;padding:0px;border:0px;}
#leftMenuTop{width:222px;height:35px;background:url(images/memberbg.gif) 0 0 no-repeat;color:#675C53;line-height:35px;text-align:center;display:inline-block;}
#leftMenuTop a{width:222px;height:35px;display:inline-block;font:normal bold 13px/35px Arial, Helvetica, sans-serif; text-decoration:none;color:#675C53; font-weight:bold;}
#leftMenuTop a:hover{color:#675C53;}
#leftMenuTop a:visited{color:#675C53;}
#leftMenu ul{width:222px;padding:0; vertical-align:bottom;padding-top:1px;display:inline-block;}
#leftMenu ul li p{font:normal bold 12px/25px Arial, Helvetica, sans-serif; background-color:#6E7371; color:#FFFFFF;}
#leftMenu ul li{width:222px;height:29px;position:relative;margin:0 auto;background:url(images/menubg.gif) 0 0 repeat-y;}
#leftMenu ul li a{width:222px; height:25px;display:inline-block;color:#675C53;font:normal bold 12px/24px Arial, Helvetica, sans-serif; padding:0; text-decoration:none;text-align:center;border-bottom:Solid 1px #D1D4D3;border-top:Solid 1px #D1D4D3; line-height:24px;}
#leftMenu ul li a:hover{width:222px;height:25px;background:url(images/menubghover.gif) 0 0 repeat-y;color:#BB133E;text-decoration:none;border-bottom:Solid 1px #BB133E;border-top:Solid 1px #BB133E;}
#leftmenuBottom{width:222px;height:10px;max-height:173px;position:relative;margin:0px;background:url(images/menubottom.gif) 0 0 no-repeat #D1D4D3;color:#fff;text-align:left;left:0px;top:0px;display:inline-block;}

/*----Main Middle Panel----*/
#middleMainPan{width:715px;float:left;border:none;margin:0px;}
#contentPlaceHolder{}

/*----Other Panels----*/

.loginPan{width:240px;position:relative;top:0px;margin-top:5px;padding:0px;border:0px; }
.loginPanHeader{width:222px;height:35px;background:url(images/memberbg.gif) 0 0 no-repeat;color:#675C53;font:normal bold 13px/35px Arial, Helvetica, sans-serif;text-align:center;}
.loginPanHeader{width:222px;height:35px;max-height:35px;padding:0px;margin:0px;border:0px;display:inline-block;color:#FFFFFF;background:url(images/memberbg2.gif) 0 0 no-repeat;color:#675C53;font:normal bold 13px/35px Arial, Helvetica, sans-serif;text-align:center;}
.loginPanContent{width:222px;display:inline-block;margin:0px;background:url(images/menubg2.gif) 0 0 repeat-y;position:relative;text-align:left;padding-top:5px;
    top: 0px;
    left: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
.loginPanContent label{width:140px;height:16px;font:normal bold 11px/16px Arial, Helvetica, sans-serif;padding:0px 0px 0px 15px;color:#675C53;}
.loginPanContent input{width:180px;height:16px;margin:3px 0 2px 15px; color:#675C53;}
.loginPanContent input.button{width:185px;height:20px; background:url(images/button.gif) 100% 50% no-repeat;font:normal bold 11px/20px Arial, Helvetica, sans-serif;border:none;text-align:right;padding-right:15px;}
.loginPanContent input.button:hover{background:url(images/buttonhover.gif) 100% 50% no-repeat;color:#BB133E;}
.loginPanStatus{width:222px;background:url(images/menubg.gif) 0 0 repeat-y;}
.loginPanFooter{width:222px;height:10px;max-height:10px;padding:0px;margin:0px;border:0px;display:inline-block;color:#FFFFFF;background:url(images/menubottom.gif) 0 0 no-repeat #D1D4D3;}
.treeview{width:240px;position:relative;top:0px;margin-top:5px;padding:0px;border:0px;color:#675C53;}
.treeviewTop{height:35px;width:222px;padding:0px;margin:0px;border:0px;
	background:url(images/memberbg.gif) 0 0 no-repeat;color:#675C53;font:normal bold 12px/35px Arial, Helvetica, sans-serif;line-height:35px;text-align:center;}
.treeviewMain{width:222px;text-align:left;padding:0px;margin:0px;border:0px;background:url(images/menubg.gif) 0 0 repeat-y;}
.treeviewMainContent{padding-left:15px;width:190px;font:normal 9px/9px Arial, Helvetica, sans-serif;}
.treeviewBottom{height:10px;width:222px;padding:0px;margin:0px;border:0px;
	background:url(images/menubottom.gif) 0 0 no-repeat #D1D4D3;color:#FFFFFF;}

.WIB{height:40px; width:160px; border:Solid 1px #595644; display:block;}
.WIB:Hover{border: Solid 2px #595644;cursor:pointer;cursor:hand;}

.WIBSmall{height:20px;width:150px;border:Solid 1px #595644;vertical-align:middle;display:inline-block;line-height:20px; text-decoration:none;}
.WIBSmall:Hover{cursor:pointer;cursor:hand;}

@font-face {
    font-family: 'Calibri Light';
    src: url('calibri.ttf') format('truetype');
}

