body { background-color: #333; } h3 { color: #0086bd; } .oddrow { background-color: #eeeeff; } .wizard { background-color: #eee; border: 1px solid #bbb; } .ddheader { text-align: left; background-color: #ffe080; } .ddlabel { background-color: #fff0a0; text-align: right; font-weight: bold; padding-right: 10px; } .dddata { background-color: #fff0a0; } .glossymenu{ padding: 0; margin: 0; background: url(../images/menur_bg.gif) repeat-x; /*tab background image path*/ height: 46px; width: 640px; } .glossymenu li{ float:left; list-style: none; } .glossymenu li a{ float: left; display: block; color:#000; text-decoration: none; font-family: sans-serif; font-size: 12px; font-weight: bold; padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/ height: 46px; line-height: 46px; text-align: center; cursor: pointer; } .glossymenu li a b{ float: left; display: block; padding: 0 14px 0 0; /*Padding of menu items*/ } .glossymenu li.current a, .glossymenu li a:hover{ color: #fff; background: url(../images/menur_hover_left.gif) no-repeat; /*left tab image path*/ background-position: left; } .glossymenu li.current a b, .glossymenu li a:hover b{ color: #fff; background: url(../images/menur_hover_right.gif) no-repeat right top; /*right tab image path*/ } .glossymenu2{ padding: 0; margin: 0; background: url(../images/menur2_bg.gif) repeat-x; /*tab background image path*/ height: 46px; width: 640px; } .glossymenu2 li{ float:left; list-style: none; } .glossymenu2 li a{ float: left; display: block; color:#000; text-decoration: none; font-family: sans-serif; font-size: 13px; font-weight: bold; padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/ height: 46px; line-height: 46px; text-align: center; cursor: pointer; } .glossymenu2 li a b{ float: left; display: block; padding: 0 14px 0 0; /*Padding of menu items*/ } .glossymenu2 li.current2 a, .glossymenu2 li a:hover{ color: #fff; background: url(../images/menur2_hover_left.gif) no-repeat; /*left tab image path*/ background-position: left; } .glossymenu2 li.current2 a b, .glossymenu2 li a:hover b{ color: #fff; background: url(../images/menur2_hover_right.gif) no-repeat right top; /*right tab image path*/ } .box { background:#eee; border: 0px; font-size:13px;} .box .rtop {display:block; background:#FFF;} .box .rtop div {display:block; height: 1px;overflow: hidden; background:#bbb} .box .rtop .r4, .box .rbottom .r4 {margin:0 1px; height: 2px} .box .rbottom {display:block; background: #FFF} .box .rbottom div {display:block; height:1px; overflow:hidden; background:#eee} .box .r1 {margin: 0 5px;} .box .r2 {margin: 0 3px;} .box .r3 {margin: 0 2px;} .box .title { background:#bbb; text-align:center; font-size:130%; font-weight:bold; color:#FFF} .box li {margin:5px; text-indent:0px; list-style:none} .box li:hover{background: #ffe080; color: red} .spectable { background: #ffe080; border: 0px; font-size:11px;} .spectable table {padding:2px;} .spectable .rtop {display:block; background:#FFF;} .spectable .rtop div {display:block; height:1px; overflow:hidden; background:#ffe080} .spectable .rtop .r4, .spectable .rbottom .r4 {margin:0 1px; height: 2px} .spectable .rbottom {display:block; background: #FFF} .spectable .rbottom div {display:block; height:1px; overflow:hidden; background:#eee} .spectable .r1{margin: 0 5px;} .spectable .r2{margin: 0 3px;} .spectable .r3{margin: 0 2px;} .spectable .title {background:#ffe080; font-weight:bold; color:#000} .spectable .odd {background:#fff0a0} .spectable .even {background:#f0f0f0} .index { background:#bbb; border: 0px; font-size:13px;} .index .rtop {display:block; background:#FFF;} .index .rtop div, .index .rbottom div {display:block; height: 1px;overflow: hidden; background:#bbb} .index .rtop .r4, .box .rbottom .r4 {margin:0 1px; height: 2px} .index .rbottom {display:block; background: #FFF} .index .r1 {margin: 0 5px;} .index .r2 {margin: 0 3px;} .index .r3 {margin: 0 2px;} .index .bigbox {background:#eee; margin:0 5px} .index .bigbox img{margin:5px} .index .bigbox .title a{background:#eee; margin:5px; text-align:left; font-size:110%; font-weight:bold; color:red} .index .bigbox .desc {margin:0 5px;} .index .bigbox .link {margin:0 5px 5px 5px;} .index .smallbox {background:#eee; margin:0 5px} .index .smallbox .image {float:left; width:120px; margin:5px;} .index .smallbox .content{float:right widht:180px; margin:5px;} .index .smallbox .content .title a {background:#eee; text-align:left; font-weight:bold; color:red} .index .smallbox .content .desc {margin:0 5px;} .index .smallbox .link {margin:0 5px 5px 5px;} hr {margin:0 4px; width:300px; border:1px dotted #bbb } img.center {display:block; margin-left:auto; margin-right:auto; } .verticalmenu{ list-style-type: none; margin: 10px 0; padding: 0; width: 170px; border: 1px solid #9A9A9A; border-bottom-width: 0; } .verticalmenu li a{ background: white url(../images/glossyback.jpg) repeat-x bottom left; font: bold 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color: black; display: block; width: 210px; padding: 3px 0; padding-left: 10px; text-decoration: none; } * html .verticalmenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */ width: 160px; } .verticalmenu li a:visited, .verticalmenu li a:active{ color: white; } .verticalmenu li a:hover{ background-image: url(../images/glossyback2.jpg); } /* --------------------------------------------------------------------------------------- */ /* Nest Side bar menu */ /* Start */ .sidebarmenu ul{ margin: 0; padding: 0; list-style-type: none; font: 14px Verdana; width: 218px; /* Main Menu Item widths */ border-bottom: 1px solid #ccc; /* border-left: 8px solid #ffa1a3; thick left border of menu */ } .sidebarmenu ul li{ position: relative; } /* Top level menu links style */ .sidebarmenu ul li a { background: white url(../images/vstrips.gif) repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */ font: 14px Verdana; display: block; color: black; width: auto; border-bottom: 1px solid #ffea44; /* White border beneath each menu item link, to add depth */ padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */ text-indent: 20px; text-decoration: none; } /* Top level menu with submenu */ .sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{ background: white url(../images/vstrips.gif) repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */ font: 14px Verdana; display: block; color: black; width: auto; border-bottom: 1px solid #ffea44; /* White border beneath each menu item link, to add depth */ padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */ text-indent: 20px; text-decoration: none; background-color: #010D58; /*background of tabs (default state)*/ } .sidebarmenu ul li a:visited{ color: black; } .sidebarmenu ul li a:hover{ background-position: -387px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */ color: blue; } /*Sub level menu items */ .sidebarmenu ul li ul{ position: absolute; font: 20px "Lucida Grande", "Trebuchet MS", Verdana; width: 218px; /*Sub Menu Items width */ top: 0; visibility: hidden; } .sidebarmenu a.subfolderstyle{ background: url(right.gif) no-repeat 97% 50%; } /* Holly Hack for IE \*/ * html .sidebarmenu ul li { float: left; height: 1%; } * html .sidebarmenu ul li a { height: 1%; } /* End */