@charset "UTF-8";
/*  dimensions.css stickyfooter from http://www.cssstickyfooter.com/ */
* {
margin: 0;
padding: 0;
}
/*html, body, form, #wrap {height: 100%;}*/
html, form, body, #wrap {
min-height: 100%;
height: auto;
}
#wrap {
position: relative;
}
body > #wrap {
height: 100%;
min-height: 100%;
}
body {
background-color: #a4a4a5;
background-image: url(../images/bg.gif);
background-position: 50% 50%;
background-repeat: repeat-y;
padding: 0;
margin: 0;
}
#main {
padding-bottom: 100px;
width: 974px;
margin: 0 auto;
border-left: 1px solid #808080;
border-right: 1px solid #808080;
font-family: verdana;
font-size: 12px;
background-color: #ffffff;
background-position: center top;
background-repeat: repeat-x;
min-height: 100%;
}
/* must be same height as the footer */
#footer {
position: relative;
margin-top: -100px;
height: 100px;
clear: both;
margin: 0 auto;
width: 974px;
border-left: 1px solid #808080;
border-right: 1px solid #808080;
background-color: #c1c1c1;
background-image: url(../images/footer_bg.png);
background-position: top left;
background-repeat: repeat-x;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */
#header {
height: 267px;
width: 974px;
margin: 0 auto;
background-image: url(../images/tse_ex_header.jpg);
background-position: top left;
background-repeat: no-repeat;
border-left: 1px solid #808080;
border-right: 1px solid #808080;
}
#menu {
height: 31px;
font-size: 11px;
font-family: Verdana,Arial;
background-image: url(../images/header.gif);
background-repeat: repeat-x;
border-top: 1px solid #aaa;
border-bottom: 1px solid #888;
border-left: 0px none;
border-right: 0px none;
width: 974px;
margin: 0 auto;
}
#sitemap {
width: 966px;
border: solid 0px none;
padding: 4px 4px 0px 4px;
margin: 0 auto;
background-image: url(../images/sitemap_bg.png);
background-position: top left;
background-repeat: repeat-x;
background-color: #fff;
}
#wrap_around {
position: absolute;
z-index: 100;
top: 0px;
left: 0px;
background-image: url(../images/bg_topper.png);
background-repeat: no-repeat;
background-position: left top;
}

/* basic SEI theme */
body {
font-size: 11px;
font-family: Verdana;
}
img.hero  {
border: solid 1px #949494;
-webkit-box-shadow: 0 -1px 5px #ddd;
-moz-box-shadow: 0 -1px 5px #ddd;
box-shadow: 0 -1px 5px #ddd;
}
/* div containers */
div.rssButton {
float: right;
padding-left: 2px;
padding-right: 2px;
height: 32px;
width: 36px;
margin: 0;
position: relative;
}
div.rssButton a img {
border: 0;
}
div.search {
height: 24px;
width: 320px;
border: solid 1px #646464;
-webkit-box-shadow: 0 -1px 5px #ddd;
-moz-box-shadow: 0 -1px 5px #ddd;
box-shadow: 0 -1px 5px #ddd;
padding: 0;
margin: 0;
position: relative;
}
div.search .container {
height: 24px;
background-color: #ffffff;
width: 295px;
float: left;
border-right: solid 1px #646464;
}
div.search .workaround {
visibility: hidden;
display: none;
}
div.search .input {
width: 287px;
margin-top: 3px;
margin-left: 3px;
border: none 0px;
background-color: #ffffff;
font-size: 13px;
height: 19px;
font-style: italic;
color: #aaaaaa;
font-family: Verdana;
}
div.search .invalid {
padding: 4px;
z-index: 2;
top: -18px;
left: -106px;
position: relative;
height: 32px;
width: 80px;
font-size: 13px;
font-weight: bold;
background-color: #f4f4f4;
}
div.search .searchButton {
height: 24px;
float: right;
width: 24px;
}
div.footer {
padding-top: 0px;
padding-left: 16px;
color: #565856;
}
div.bodyTitle {
border-style: solid;
border-width: 1px 1px 1px 0;
border-color: #fff #d9d9d9 #d9d9d9;
-webkit-box-shadow: 0 -1px 5px #ddd;
-moz-box-shadow: 0 -1px 5px #ddd;
box-shadow: 0 -1px 5px #ddd;
width: 918px;
background-color: #696969;
margin: 0 auto;
height: 37px;
background-color: #f6f6f6;
color: #000;
padding: 2px 6px;
clear: both;
}
div.bodyTitle .t {
font-size: 24px;
font-weight: bold;
color: #2C4B52;
float: left;
font-style: italic;
margin-left: 4px;
margin-top: 4px;
text-shadow: 2px 2px 3px #bccdcd;
}
div.bodyTitle a {
text-decoration: none;
color: #467984;
}
div.bodyTitle a:hover {
color: #033;
}
div.bodyContent {
width: 930px;
border: solid 0px none;
padding: 0px 22px 0px 22px;
margin: 0 auto;
position: relative;
}
div.dWrapper {
margin-top: 10px;
margin-bottom: 10px;
}
div.dContent {
width: 98%;
padding: 1%;
}
div.rc {
width: 708px;
float: right;
border: 0px;
padding: 0;
}
div.vendorContainer {
float: right;
border: 0px;
padding: 8px;
margin: 0;
}
div.newsSideBar {
border-style: solid;
border-width: 1px 1px 1px 0;
border-color: #fff #d9d9d9 #d9d9d9;
width: 200px;
float: left;
clear: both;
background-color: #eee;
position: relative;
margin: 0;
padding: 8px;
height: 142px;
left: 0px;
margin-bottom: 10px;
margin-top: 5px;
-webkit-box-shadow: 0 -1px 5px #ddd;
-moz-box-shadow: 0 -1px 5px #ddd;
box-shadow: 0 -1px 5px #ddd;
z-index: 0;
}
/* lists */
dl.newsFilter dt {
font-weight: bold;
font-size: 14px;
padding-bottom: 4px;
}
dl.newsFilter dd {
font-weight: normal;
font-size: 12px;
padding-left: 5px;
padding-top: 2px;
}
dl.newsFilter a {
text-decoration: none;
color: #2828c8;
}
dl.newsFilter a:visited {
color: #2828c8;
}
dl.newsFilter a:active {
text-decoration: underline;
color: #4848f8;
}
dl.newsFilter a:hover {
color: #033;
font-weight: bold;
}
dl.newsFilter .bump {
padding-top: 4px;
}
ul.listView {
width: 98%;
margin: 0 auto;
padding: 1%;
border: solid 0px none;
list-style-type: none;
position: relative;
clear: both;
}
ul.listView .Item {
padding: 8px;
background-color: #F7F6F3;
color: #333333;
border: 1px solid #E0E0E0;
margin-bottom: 10px;
margin-top: 10px;
-webkit-box-shadow: 0 -1px 5px #ddd;
-moz-box-shadow: 0 -1px 5px #ddd;
box-shadow: 0 -1px 5px #ddd;
}
ul.listView .ItemA {
padding: 8px;
background-color: #ffffff;
color: #284775;
border: 1px solid #E0E0E0;
margin-bottom: 10px;
margin-top: 10px;
-webkit-box-shadow: 0 -1px 5px #ddd;
-moz-box-shadow: 0 -1px 5px #ddd;
box-shadow: 0 -1px 5px #ddd;
}
ul.listView a {
text-decoration: none;
color: #2828c8;
padding: 2px;
font-size: 18px;
font-weight: bold;
}
ul.listView a:hover {
color: #033;
}
ul.listView li {
padding: 8px;
display: block;
border: 1px solid #e0e0e0;
}
ul.listView li:hover {
background-color: #e0f8fc;
color: #553;
}
ul.listView .cont {
height: 78px;
width: 78px;
margin-right: 8px;
background-color: #ffffff;
float: left;
border: 1px solid #e0e0e0;
}
ul.listView img {
height: 64px;
width: 64px;
margin-right: 8px;
margin-left: 8px;
margin-top: 8px;
float: left;
}
ul.listView .dt {
padding: 2px;
font-size: 14px;
font-weight: bold;
}
ul.listView .content {
padding: 4px;
clear: both;
}
ul.searchView {
width: 98%;
margin: 0 auto;
padding: 1%;
border: solid 0px none;
list-style-type: none;
position: relative;
clear: both;
}
ul.searchView .Item {
padding: 8px;
background-color: #F7F6F3;
color: #333333;
border: 1px solid #E0E0E0;
margin-bottom: 10px;
margin-top: 10px;
-webkit-box-shadow: 0 -1px 5px #ddd;
-moz-box-shadow: 0 -1px 5px #ddd;
box-shadow: 0 -1px 5px #ddd;
}
ul.searchView .ItemA {
padding: 8px;
background-color: #ffffff;
color: #284775;
border: 1px solid #E0E0E0;
margin-bottom: 10px;
margin-top: 10px;
-webkit-box-shadow: 0 -1px 5px #ddd;
-moz-box-shadow: 0 -1px 5px #ddd;
box-shadow: 0 -1px 5px #ddd;
}
ul.searchView a {
text-decoration: none;
color: #2828c8;
padding: 2px;
font-size: 18px;
font-weight: bold;
}
ul.searchView a:hover {
color: #033;
}
ul.searchView li {
height: 80px;
padding: 8px;
display: block;
border: 1px solid #e0e0e0;
}
ul.searchView li:hover {
background-color: #e0f8fc;
color: #553;
}
ul.searchView .cont {
height: 78px;
width: 78px;
margin-right: 8px;
background-color: #ffffff;
float: left;
border: 1px solid #e0e0e0;
}
ul.searchView img {
height: 64px;
width: 64px;
margin-right: 8px;
margin-left: 8px;
margin-top: 8px;
float: left;
}
ul.searchView .dt {
padding: 2px;
font-size: 14px;
font-weight: bold;
}
ul.searchView .content {
padding: 4px;
clear: both;
}
ul.sitemap {
height: 30px;
padding: 0px;
padding-left: 16px;
margin: 0px;
list-style-type: none;
vertical-align: middle;
text-align: right;
}
ul.sitemap li {
padding: 7px 5px 4px 5px;
display: block;
}
ul.sitemap li:hover {
background: #f0f8ff;
}
ul.sitemap a {
color: #467984;
text-decoration: none;
font-size: 11px;
font-family: Verdana;
}
li.siteMapItem {
float: left;
cursor: pointer;
}
ul.basicListItems {
width: 98%;
padding: 1%;
border: solid 0px none;
margin: 0 auto;
list-style-type: none;
vertical-align: top;
text-align: left;
position: relative;
}
ul.basicListItems li:hover {
background-color: #e0f8fc;
color: #553;
}
ul.basicListItems li {
width: 50%;
float: left;
height: 66px;
padding-top: 4px;
padding-bottom: 4px;
}
ul.basicListItems img {
float: left;
height: 64px;
width: 64px;
margin-right: 8px;
margin-left: 4px;
}
ul.basicListItems a {
color: #467984;
text-decoration: none;
font-weight: bold;
font-size: 12px;
font-family: Verdana;
cursor: pointer;
}
ul.basicListItems a:hover {
color: #033;
}
ul.basicListItems div {
font-size: 11px;
font-weight: normal;
}
ul.imageList {
width: 98%;
border: solid 0px none;
padding: 0 1% 1% 1%;
margin: 0 auto;
margin-top: 6px;
list-style-type: none;
vertical-align: top;
text-align: left;
}
ul.imageList li:hover {
background: #b0e0e7;
color: #553;
}
ul.imageList li {
float: left;
width: 136px;
height: 108px;
padding: 4px;
line-height: 150px;
}
ul.imageList img {
border: solid 1px #e0f8fc;
vertical-align: top;
height: 98%;
width: 98%;
}
ul.linkList {
width: 98%;
padding: 0 1% 1% 1%;
margin: 0 auto;
border: solid 0px;
margin-top: 6px;
list-style-type: none;
vertical-align: top;
text-align: left;
}
ul.linkList a {
text-decoration: none;
color: #467984;
font-weight: bold;
}
ul.linkList a:hover {
color: #033;
}
ul.linkList li {
width: 98%;
padding: 1%;
float: left;
display: block;
}
ul.linkList li:hover {
background-color: #e0f8fc;
color: #553;
}
ul.contactList {
width: 98%;
padding: 0 1% 1% 1%;
margin: 0 auto;
margin-bottom: 16px;
border: solid 0px none;
list-style-type: none;
vertical-align: top;
text-align: left;
}
ul.contactList strong {
text-decoration: none;
color: #467984;
font-weight: bold;
}
ul.contactList strong:hover {
color: #033;
}
ul.contactList li {
padding: 8px;
width: 884px;
float: left;
display: block;
}
ul.fileList {
width: 98%;
padding: 0 1% 1% 1%;
margin: 0 auto;
border: solid 0px;
margin-top: 6px;
list-style-type: none;
vertical-align: top;
text-align: left;
}
ul.fileList a {
text-decoration: none;
color: #467984;
font-weight: bold;
margin-top: 5px;
}
ul.fileList a:hover {
color: #033;
}
ul.fileList li {
width: 98%;
padding: 1%;
float: left;
display: block;
}
ul.fileList li:hover {
background-color: #e0f8fc;
color: #553;
}
ul.basicList {
border: none 0px;
padding: 0;
margin: 0;
vertical-align: top;
text-align: left;
list-style-type: disc;
}
ul.basicList a {
text-decoration: none;
color: #467984;
font-weight: bold;
}
ul.basicList a:hover {
color: #033;
}
ul.basicList li {
padding: 8px;
display: block;
}
ul.itemList {
border: none 0px;
padding: 0;
margin: 0;
list-style-type: circle;
vertical-align: top;
text-align: left;
}
ul.itemList a {
text-decoration: none;
color: #467984;
font-weight: bold;
}
ul.itemList a:hover {
color: #033;
}
ul.itemList li {
padding: 8px;
display: block;
list-style-type: circle;
}
ul.itemList li:hover {
background-color: #e0f8fc;
color: #553;
}
p {
padding: 4px;
clear:both;
}
h1 {
font-size: 13px;
font-weight: bold;
padding-left: 4px;
margin-top: 3px;
clear: left;
}
h2 {
font-size: 15px;
font-weight: bold;
padding-left: 4px;
}
h3 {
font-size: 21px;
font-weight: bold;
line-height: 20px;
float: left;
position: relative;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 4px;
font-style: italic;
}
h4 {
font-size: 18px;
font-weight: bold;
line-height: 20px;
float: left;
position: relative;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 4px;
clear: both;
}
h5 {
font-size: 15px;
font-weight: bold;
line-height: 20px;
float: left;
position: relative;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 4px;
clear: both;
}
/* tables */
table.trainingTable {
width: 98%;
padding: 1%;
margin: 0 auto;
margin-top: 4px;
margin-bottom: 4px;
border: solid 1px #ccc;
-webkit-box-shadow: 0 -1px 5px #ddd;
-moz-box-shadow: 0 -1px 5px #ddd;
box-shadow: 0 -1px 5px #ddd;
}
table.trainingTable thead {
font-size: 18px;
font-weight: bold;
background: #ececec;
}
table.trainingTable th {
padding: 4px;
}
table.trainingTable .theader {
font-size: 18px;
font-weight: bold;
background: #ececec;
padding: 4px;
}
table.trainingTable td {
padding: 4px;
}
table.trainingTable .full {
width: 100%;
}
table.trainingTable .half {
width: 50%;
}
table.trainingTable .dd {
margin-left: 8px;
width: 92%;
}
table.trainingTable .dd1 {
margin-left: 8px;
width: 96%;
}
table.trainingTable .tb {
margin-left: 8px;
width: 200px;
text-align: left;
}
table.trainingTable .message {
margin-left: 8px;
width: 96%;
height: 196px;
}
table.trainingTable .header {
font-weight: bold;
}
table.trainingTable .sub {
text-align: right;
}
table.trainingTable .button {
margin-right: 8px;
width: 84px;
height: 24px;
}
table.trainingTable .bDark {
background-color: #3e3e3e;
color: #ffffff;
font-size: 16px;
font-weight: bold;
}
table.trainingTable .bLight {
background-color: #f4f4f4;
font-size: 16px;
font-weight: bold;
}
table.trainingTable .cat {
text-transform: capitalize;
font-weight: bold;
font-size: 13px;
}
table.trainingTable .prod {
text-transform: capitalize;
}
table.trainingTable .alt {
background-color: #fafafa;
}
/* general styles */
.hide {
display: none;
}
.left {
float: left;
}
.right {
float: right;
}
.center {
text-align: center;
}
.cap {
text-transform: capitalize;
}
.rightImage {
float: right;
vertical-align: middle;
text-align: right;
}
.centeredImage {
vertical-align: middle;
margin: 8px;
clear: left;
}
.standardBorder {
border: 1px solid #a0a0a0;
}
.rightPadding {
padding-right: 8px;
}
.leftPadding {
padding-left: 8px;
}
.topPadding {
padding-top: 10px;
}
.bottomPadding {
padding-bottom: 8px;
}
.rightMargin {
margin: 0px 0px 8px 8px;
}
.leftMargin {
margin: 0px 8px 8px 0px;
}
.boxshot {
height: 200px;
width: 200px;
background-color: #ffffff;
}
.icon {
vertical-align: top;
text-align: center;
border: 0px none;
padding: 0px 4px 4px 0px;
margin: 0;
float: left;
}
.error {
font-size: 20px;
font-weight: bold;
}
/* indentations */
.in08 {
margin-left: 8px;
}
.in16 {
margin-left: 16px;
}
.in32 {
margin-left: 32px;
}
.em {
font-style: italic;
}
.bold {
font-weight: bold;
}
/* content importing tool */
ul.importList {
width: 870px;
margin: 0 auto;
padding: 0;
margin-left: 30px;
clear: both;
margin-top: 8px;
margin-bottom: 8px;
}
ul.convertList {
width: 900px;
margin: 0 auto;
padding: 0;
list-style-type: none;
}
ul.convertList li {
width: 292px;
padding: 4px;
float: left;
height: 252px;
}
ul.convertList li:hover {
background-color: #e0f8fc;
color: #553;
}
img.importImg {
margin: 8px;
border: none 0;
float: left;
}
table.importTable {
width: 98%;
margin: 0 auto;
margin-top: 6px;
margin-bottom: 4px;
border: solid 1px #d8d8d8;
}
table.importTable thead {
font-weight: bold;
font-size: 14px;
background-color: #ececec;
}
table.importTable td {
padding: 4px;
}
table.importTable th {
padding: 6px;
background-color: #e4e4e4;
border-bottom: 1px solid #d8d8d8;
}
table.importTable .header {
font-weight: bold;
font-size: 14px;
background-color: #ececec;
padding: 4px;
}
table.importTable .altRow {
background-color: #f8f8f8;
}
table.importTable .leftCol {
font-weight: bold;
background-color: #f8f8f8;
width: 25%;
}
/* simpleTabs 1.3 merge */
div.simpleTabs {
padding: 1%;
width: 98%;
margin: 0 auto;
margin-top: 10px;
}
ul.simpleTabsNavigation {
margin: 0 10px;
padding: 0;
text-align: left;
}
ul.simpleTabsNavigation li {
list-style: none;
display: inline;
margin: 0;
padding: 0;
}
ul.simpleTabsNavigation li a {
border: 1px solid #E0E0E0;
padding: 3px 6px;
background: #F0F0F0;
font-size: 14px;
text-decoration: none;
color: #808080;
}
ul.simpleTabsNavigation li a:hover {
text-decoration: none;
background-color: #F6F6F6;
}
ul.simpleTabsNavigation li a.current {
background: #fff;
color: #ffa500;
border-top: solid 1px #ffa500;
border-bottom: 1px solid #fff;
background-image: url("../Images/tab_current.png");
background-position: top left;
background-repeat: repeat-x;
background-color: #fff;
}
div.simpleTabsContent {
border: 1px solid #E0E0E0;
padding: 5px 11px 5px 11px;
margin-top: 3px;
padding-bottom: 10px;
display: none;
background-image: url("../Images/tab_panel_bg_white_blue.jpg");
background-repeat: no-repeat;
background-position: left bottom;
-webkit-box-shadow: 0 -1px 5px #ddd;
-moz-box-shadow: 0 -1px 5px #ddd;
box-shadow: 0 -1px 5px #ddd;
}
div.simpleTabsContent.currentTab {
display: block;
}
/* SLIMBOX merge */
#lbOverlay {
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
cursor: pointer;
}
#lbCenter, #lbBottomContainer {
position: absolute;
z-index: 9999;
overflow: hidden;
background-color: #fff;
}
.lbLoading {
background: #fff url(../images/loading.gif) no-repeat center;
}
#lbImage {
position: absolute;
left: 0;
top: 0;
border: 10px solid #fff;
background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink {
display: block;
position: absolute;
top: 0;
width: 50%;
outline: none;
}
#lbPrevLink {
left: 0;
}
#lbPrevLink:hover {
background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;
}
#lbNextLink {
right: 0;
}
#lbNextLink:hover {
background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}
#lbBottom {
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #fff;
border-top-style: none;
}
#lbCloseLink {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(../images/closelabel.gif) no-repeat center;
margin: 5px 0;
outline: none;
}
#lbCaption, #lbNumber {
margin-right: 71px;
}
#lbCaption {
font-weight: bold;
}
/* feed2js RSSBox merge */
.rss-box {
width: 98%;
padding: 0 1% 1% 1%;
margin: 0 auto;
margin-top: 6px;
}
.rss-title {
font-size: 12px;
font-weight: bold;
}
.rss-items {
list-style-type: none;
}
.rss-item {
width: 98%;
padding: 1%;
}
.rss-item:hover {
background-color: #e0f8fc;
color: #553;
}
.rss-item a {
font-size: 12px;
font-weight: bold;
color: #467984;
text-decoration: none;
padding: 0px;
}
.rss-item a:hover {
color: #033;
}
.rss-date {
padding: 0px;
color: #467984;
font-style: italic;
font-weight: bold;
}
/* ultimate dropdown list */
ul.dropdown, ul.dropdown li, ul.dropdown ul {
list-style: none;
margin: 0;
padding: 0;
}
ul.dropdown {
position: relative;
z-index: 597;
float: left;
}
ul.dropdown li {
float: left;
line-height: 1.3em;
vertical-align: middle;
zoom: 1;
-webkit-box-shadow: 1px 0px 5px #ddd;
-moz-box-shadow: 1px 0px 5px #ddd;
box-shadow: 1px 0px 5px #ddd;
}
ul.dropdown li.hover, ul.dropdown li:hover {
position: relative;
z-index: 599;
cursor: default;
}
ul.dropdown ul {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
width: 100%;
}
ul.dropdown ul li {
float: none;
}
ul.dropdown ul ul {
top: 1px;
left: 99%;
}
ul.dropdown li:hover > ul {
visibility: visible;
}
ul.dropdown {
font-weight: bold;
z-index:1; /* fix for use with lightbox */
}
ul.dropdown li {
padding: 7px 10px;
border-style: solid;
border-width: 1px 1px 1px 0;
border-color: #fff #d9d9d9 #d9d9d9;
background-color: #f6f6f6;
color: #000;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
background-color: #eee;
color: #000;
}
ul.dropdown a:link,
ul.dropdown a:visited	{ color: #000; text-decoration: none; }
ul.dropdown a:hover		{ color: #000; }
ul.dropdown a:active	{ color: #ffa500; }
ul.dropdown ul {
width: 150px;
margin-top: 1px;
}
ul.dropdown ul li {
 font-weight: normal;
}
ul.dropdown *.dir {
padding-right: 20px;
background-image: url(../images/nav-arrow-down.png);
background-position: 100% 50%;
background-repeat: no-repeat;
}
/* -- Components override -- */
ul.dropdown-horizontal ul *.dir {
padding-right: 15px;
background-image: url(../images/nav-arrow-right.png);
background-position: 100% 50%;
background-repeat: no-repeat;
}
ul.dropdown-upward *.dir {
background-image: url(images/nav-arrow-top.png);
}
ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
background-image: url(../images/nav-arrow-right.png);
}
ul.dropdown-vertical-rtl *.dir {
padding-right: 10px;
padding-left: 15px;
background-image: url(../images/nav-arrow-left.png);
background-position: 0 50%;
}
/*-------------------------------------------------/
* @section		Base Style Extension
*/
ul.dropdown a,
ul.dropdown span {
display: block;
padding: 7px 10px;
}
/*-------------------------------------------------/
* @section		Base Style Override
*/
ul.dropdown li {
padding: 0;
border: none;
}
ul.dropdown ul a,
ul.dropdown ul span {
padding: 8px;
}
ul.dropdown li {
}
ul.dropdown li.hover,
ul.dropdown li:hover {
background: url(../images/grad2.png) 0 100% repeat-x;
color: #000;
}
ul.dropdown li a:active {
background: url(../images/grad1.png) repeat-x;
}
/* Non-first level */
ul.dropdown ul {
margin-top: 0;
}
ul.dropdown ul li {
}
ul.dropdown ul li.hover,
ul.dropdown ul li:hover {
}
/* Mixed */
ul.dropdown li a,
ul.dropdown *.dir {
border-style: solid;
border-width: 1px 1px 1px 0;
border-color: #fff #d9d9d9 #d9d9d9;
}
/*-------------------------------------------------/
* @section		Support Class `open` Usage
* @source		js, artificial
*
*/
ul.dropdown li.hover *.open {
border-style: solid;
border-width: 1px 1px 1px 0;
border-color: #ffa500 #d9d9d9 #d9d9d9;
background-color: #fff; 
color: #000;
}
ul.dropdown ul li.hover *.open,
ul.dropdown-vertical li.hover *.open {
padding-left: 15px;
border-top-color: #fff;
border-left: solid 1px #ffa500;
}
ul.dropdown-vertical-rtl li.hover *.open {
padding-right: 15px;
border-right-color: #ffa500;
border-left: none;
}
ul.dropdown-upward li.hover *.open {
border-top-color: #fff;
border-bottom-color: #ffa500;
}
ul.dropdown-upward ul li.hover *.open {
border-bottom-color: #d9d9d9;
}
/* CSS2 clone */
ul.dropdown li:hover > *.dir {
border-style: solid;
border-width: 1px 1px 1px 0;
border-color: #ffa500 #d9d9d9 #d9d9d9;
background-color: #fff; 
color: #000;
}
ul.dropdown ul li:hover > *.dir,
ul.dropdown-vertical li:hover > *.dir {
padding-left: 15px;
border-top-color: #fff;
border-left: solid 1px #ffa500;
}
ul.dropdown-vertical-rtl li:hover > *.dir {
padding-right: 15px;
border-right-color: #ffa500;
border-left: none;
}
ul.dropdown-upward li:hover > *.dir {
border-top-color: #fff;
border-bottom-color: #ffa500;
}
ul.dropdown-upward ul li:hover > *.dir {
border-bottom-color: #d9d9d9;
}
/* Tooltips */
#tt {
position:absolute;
display:block;
background:url(../images/tt_left.gif) top left no-repeat;
}
#tttop {
display:block;
height:5px;
margin-left:5px;
background:url(../images/tt_top.gif) top right no-repeat;
overflow:hidden;
}
#ttcont {
display:block;
padding:2px 12px 3px 7px;
margin-left:5px;
background:#666;
color:#fff;
}
#ttbot {
display:block;
height:5px;
margin-left:5px;
background:url(../images/tt_bottom.gif) top right no-repeat;
overflow:hidden;
}