509 lines
8.6 KiB
CSS
509 lines
8.6 KiB
CSS
/* tab pane styling */
|
|
|
|
body {
|
|
width:100%;
|
|
}
|
|
|
|
|
|
.panes div {
|
|
|
|
display:none;
|
|
width:100%;
|
|
height:100%;
|
|
border:0;
|
|
border-top:0;
|
|
font-size:14px;
|
|
background-color:#FFFFFF;
|
|
}
|
|
|
|
.panes{
|
|
|
|
display:none;
|
|
width:100%;
|
|
height:100%;
|
|
border:0;
|
|
border-top:0;
|
|
font-size:14px;
|
|
background-color:#FFFFFF;
|
|
}
|
|
.basic-menu{
|
|
margin:0px;
|
|
margin-left:10px;
|
|
margin-top:20px;
|
|
color:#4e4e4e;
|
|
background-color:#FFFFFF;
|
|
height:480px;
|
|
width:200px;
|
|
}
|
|
|
|
.basic-menu-div{
|
|
list-style:none;
|
|
margin-left:0px;
|
|
height:30px;
|
|
width:200px;
|
|
background-color:#FFFFFF;
|
|
background: url("../img/basic-white-button.gif") no-repeat left top;
|
|
}
|
|
|
|
.basic-menu-div span{
|
|
color: #4C4C4C;
|
|
margin-left:10px;
|
|
float:left;
|
|
width:180px;
|
|
padding-top:4px;
|
|
background: url("../img/barrow.jpg") no-repeat 165px 8px;
|
|
}
|
|
|
|
.basic-menu-div a{
|
|
text-decoration:none;
|
|
color:#4e4e4e;
|
|
font-weight:bold;
|
|
background-color:#FFFFFF;
|
|
padding-top:5px;
|
|
}
|
|
|
|
.basic-menu-div a:hover{
|
|
text-decoration:none;
|
|
color:#4e4e4e;
|
|
font-weight:bold;
|
|
background-color:#FFFFFF;
|
|
padding-top:5px;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.basic-menu-eco-div{
|
|
list-style:none;
|
|
margin-left:0px;
|
|
height:30px;
|
|
width:200px;
|
|
background-color:#FFFFFF;
|
|
background: url("../img/basic-green-button.gif") no-repeat left top;
|
|
}
|
|
|
|
.basic-menu-eco-div span{
|
|
color: #000000;
|
|
margin-left:10px;
|
|
float:left;
|
|
width:180px;
|
|
padding-top:5px;
|
|
background: url("../img/barrow.gif") no-repeat 165px 8px;
|
|
}
|
|
|
|
.basic-menu-eco-div a{
|
|
text-decoration:none;
|
|
color:#000000;
|
|
font-weight:bold;
|
|
background-color:#FFFFFF;
|
|
padding-top:6px;
|
|
}
|
|
|
|
.basic-menu-eco-div a:hover{
|
|
text-decoration:none;
|
|
color:#000000;
|
|
font-weight:bold;
|
|
background-color:#FFFFFF;
|
|
padding-top:6px;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.basic-menu-div-gray{
|
|
list-style:none;
|
|
margin-left:0px;
|
|
height:30px;
|
|
width:200px;
|
|
background-color:#FFFFFF;
|
|
background: url("../img/gray-button.gif") no-repeat;
|
|
|
|
}
|
|
|
|
.basic-menu-div-gray span{
|
|
|
|
margin-left:10px;
|
|
float:left;
|
|
width:180px;
|
|
color:#767676;
|
|
padding-top:4px;
|
|
background: url("../img/barrow.gif") no-repeat 165px 8px;
|
|
}
|
|
|
|
.basic-menu-div-gray a{
|
|
text-decoration:none;
|
|
color:#ffffff;
|
|
font-weight:bold;
|
|
background-color:#FFFFFF;
|
|
padding-top:5px;
|
|
}
|
|
|
|
.basic-menu-div-gray a:hover{
|
|
text-decoration:none;
|
|
color:#4e4e4e;
|
|
font-weight:bold;
|
|
background-color:#FFFFFF;
|
|
padding-top:5px;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.menuActive{
|
|
list-style:none;
|
|
height:30px;
|
|
width:200px;
|
|
background: url("../img/basic-purple-button.gif") no-repeat left top;
|
|
}
|
|
|
|
|
|
.menuActive a{
|
|
text-decoration:none;
|
|
color:#ffffff;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.menuActive span{
|
|
float:left;
|
|
color:#ffffff;
|
|
background: url("../img/warrow.jpg") no-repeat 165px 8px;
|
|
}
|
|
|
|
|
|
.advance-menu{
|
|
padding:0;
|
|
margin:0;
|
|
color:#4e4e4e;
|
|
font-family:arial;
|
|
list-style:none;
|
|
margin-top:20px;
|
|
margin-left:10px;
|
|
font-size:12px;
|
|
height:480px;
|
|
width:200px;
|
|
}
|
|
|
|
.advance-menu ul{
|
|
|
|
margin:0;
|
|
padding:0;
|
|
|
|
}
|
|
|
|
.advance-menu li{
|
|
zoom:1;
|
|
vertical-align:middle;
|
|
}
|
|
|
|
.advance-menu li.noSub{
|
|
margin:0;
|
|
padding:0;
|
|
height:24px;
|
|
padding-top:4px;
|
|
background: url("../img/roundedcornr_637010.gif") no-repeat;
|
|
|
|
}
|
|
|
|
.advance-menu li.noSubLarge{
|
|
margin:0;
|
|
padding:0;
|
|
height:40px;
|
|
padding-top:4px;
|
|
background: url("../img/basic-black-button-large.gif") no-repeat;
|
|
|
|
}
|
|
|
|
.advance-menu li.noSubActive{
|
|
padding:0;
|
|
height:24px;
|
|
padding-top:4px;
|
|
background: url("../img/basic-purple-button.gif") no-repeat;
|
|
}
|
|
|
|
.advance-menu li.noSubActiveLarge{
|
|
padding:0;
|
|
height:40px;
|
|
padding-top:4px;
|
|
background: url("../img/basic-purple-button-large.gif") no-repeat;
|
|
}
|
|
|
|
.advance-menu li.noSubGray{
|
|
margin:0;
|
|
padding:0;
|
|
height:24px;
|
|
padding-top:4px;
|
|
background: url("../img/gray-button.gif") no-repeat;
|
|
color:#767676;
|
|
}
|
|
|
|
.advance-menu li.noSubGrayLarge{
|
|
margin:0;
|
|
padding:0;
|
|
height:40px;
|
|
padding-top:4px;
|
|
background: url("../img/basic-gray-button-large.gif") no-repeat;
|
|
color:#767676;
|
|
}
|
|
|
|
.advance-menu li.SubActive{
|
|
margin:0;
|
|
padding:0;
|
|
height:28px;
|
|
color:#4e4e4e;
|
|
padding-top:4px;
|
|
padding-left:5px;
|
|
width:200px;
|
|
background: url("../img/basic-white-button.gif") no-repeat;
|
|
}
|
|
|
|
|
|
.advance-menu li.SubActive span{
|
|
margin-left:5px;
|
|
padding:0px;
|
|
float:left;
|
|
width:200px;
|
|
color:#4e4e4e;
|
|
padding-left:10px;
|
|
background: url("../img/barrow_down.jpg") no-repeat 0px;
|
|
}
|
|
|
|
|
|
.advance-menu li.noSub span{
|
|
float:left;
|
|
width:180px;
|
|
color:#ffffff;
|
|
margin-left:10px;
|
|
}
|
|
|
|
.advance-menu li.noSubLarge span{
|
|
float:left;
|
|
width:180px;
|
|
color:#ffffff;
|
|
margin-left:10px;
|
|
}
|
|
|
|
.advance-menu li.noSubGray span{
|
|
float:left;
|
|
width:180px;
|
|
color:#767676;
|
|
margin-left:10px;
|
|
}
|
|
|
|
.advance-menu li.noSubGrayLarge span{
|
|
float:left;
|
|
width:180px;
|
|
color:#767676;
|
|
margin-left:10px;
|
|
}
|
|
|
|
.advance-menu li.Sub{
|
|
margin:0;
|
|
padding:0;
|
|
height:25px;
|
|
color:#4e4e4e;
|
|
padding-top:2px;
|
|
background: url("../img/basic-white-button.gif") no-repeat;
|
|
}
|
|
|
|
|
|
.advance-menu li.Sub span{
|
|
float:left;
|
|
width:200px;
|
|
color:#4e4e4e;
|
|
padding-left:10px;
|
|
background: url("../img/barrow.jpg") no-repeat 0px;
|
|
margin-left:10px;
|
|
}
|
|
|
|
|
|
|
|
.advance-menu li.SubMenu{
|
|
margin:0;
|
|
padding:0;
|
|
height:18px;
|
|
color:#4e4e4e;
|
|
list-style:none;
|
|
border-bottom-style:solid;
|
|
border-bottom-width:1px;
|
|
border-bottom-color:#d4d4d4;
|
|
width:200px;
|
|
}
|
|
|
|
|
|
.advance-menu li.SubMenu span{
|
|
text-decoration:underline;
|
|
float:left;
|
|
width:170px;
|
|
padding-top:0px;
|
|
color:#4e4e4e;
|
|
padding-left:20px;
|
|
|
|
}
|
|
|
|
.advance-menu li.SubMenu{
|
|
margin:0;
|
|
padding:0;
|
|
height:17px;
|
|
color:#4e4e4e;
|
|
list-style:none;
|
|
border-bottom-style:solid;
|
|
border-bottom-width:1px;
|
|
border-bottom-color:#d4d4d4;
|
|
width:200px;
|
|
}
|
|
|
|
.advance-menu li.SubMenuDisable{
|
|
margin:0;
|
|
padding:0;
|
|
height:20px;
|
|
color:#adadad;
|
|
list-style:none;
|
|
border-bottom-style:solid;
|
|
border-bottom-width:1px;
|
|
border-bottom-color:#d4d4d4;
|
|
width:200px;
|
|
}
|
|
|
|
|
|
.advance-menu li.SubMenuDisable span{
|
|
float:left;
|
|
width:170px;
|
|
padding-top:0px;
|
|
color:#adadad;
|
|
background:#FFFFFF;
|
|
padding-left:20px;
|
|
|
|
}
|
|
|
|
|
|
.advance-menu li.SubMenuLarge{
|
|
margin:0;
|
|
padding:0;
|
|
height:32px;
|
|
color:#4e4e4e;
|
|
list-style:none;
|
|
border-bottom-style:solid;
|
|
border-bottom-width:1px;
|
|
border-bottom-color:#d4d4d4;
|
|
width:200px;
|
|
}
|
|
|
|
|
|
.advance-menu li.SubMenuLarge span{
|
|
text-decoration:underline;
|
|
float:left;
|
|
width:170px;
|
|
padding-top:0px;
|
|
color:#4e4e4e;
|
|
background:#FFFFFF;
|
|
padding-left:20px;
|
|
|
|
}
|
|
|
|
.advance-menu li.SubMenuLargeDisable{
|
|
margin:0;
|
|
padding:0;
|
|
height:32px;
|
|
color:#adadad;
|
|
list-style:none;
|
|
border-bottom-style:solid;
|
|
border-bottom-width:1px;
|
|
border-bottom-color:#d4d4d4;
|
|
width:200px;
|
|
}
|
|
|
|
|
|
.advance-menu li.SubMenuLargeDisable span{
|
|
float:left;
|
|
width:170px;
|
|
padding-top:0px;
|
|
color:#adadad;
|
|
background:#FFFFFF;
|
|
padding-left:20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.advance-menu li.SubMenuHover span{
|
|
margin-left:0px;
|
|
padding-left:0px;
|
|
text-decoration:none;
|
|
float:left;
|
|
width:170px;
|
|
color:#9d98ff;
|
|
border-top-style:solid;
|
|
border-width:1px;
|
|
background:url();
|
|
}
|
|
|
|
|
|
.advance-menu li.SubMenuActive{
|
|
margin:0;
|
|
padding:0;
|
|
height:21px;
|
|
color:#4e4e4e;
|
|
list-style:none;
|
|
width:200px;
|
|
background:url("../img/subMenuActive.png") no-repeat 15px -2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.advance-menu li.SubMenuActive span{
|
|
margin-left:20px;
|
|
padding-left:0px;
|
|
text-decoration:none;
|
|
float:left;
|
|
width:170px;
|
|
color:#ffffff;
|
|
}
|
|
|
|
|
|
.advance-menu li.SubMenuActiveLarge{
|
|
margin:0;
|
|
padding:0;
|
|
height:32px;
|
|
color:#4e4e4e;
|
|
width:200px;
|
|
list-style:none;
|
|
background:url("../img/subMenuActiveLarge.png") no-repeat 15px -2px;
|
|
}
|
|
|
|
|
|
.advance-menu li.SubMenuActiveLarge span{
|
|
margin-left:20px;
|
|
padding-left:0px;
|
|
width:170px;
|
|
text-decoration:none;
|
|
float:left;
|
|
color:#ffffff;
|
|
}
|
|
|
|
.advance-menu span{
|
|
float:left;
|
|
|
|
}
|
|
|
|
.advance-menu a{
|
|
text-decoration:none;
|
|
color:#ffffff;
|
|
font-weight:bold;
|
|
|
|
}
|
|
|
|
.advance-menu a:hover{
|
|
text-decoration:none;
|
|
color:#ffffff;
|
|
font-weight:bold;
|
|
cursor:pointer;
|
|
|
|
}
|
|
|
|
|
|
.subHeader ul{
|
|
margin-top:0;
|
|
padding-top:0;
|
|
list-style:none;
|
|
height:150px;
|
|
}
|
|
|