html, body {
text-align: center;
margin: 0;
padding: 0;
height: 100%;
}
form {
margin: 0;
padding: 0;
}
#container {
width: 890px;
background: white;
overflow: visible;
min-width: 250px;
clear: both !important;
top: 1em !important;
margin: 0 auto;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.tableindex {
margin: 0 auto;
}
.tabtitle {
font-family: Verdana;
font-size: 11px;
font-weight: bold;
color: #FFF;
text-decoration: none;
}
.tabtitle:link {
font-family: Verdana;
font-size: 11px;
font-weight: bold;
color: #FFF;
text-decoration: none;
}
.tabtitle:visited {
font-family: Verdana;
font-size: 11px;
font-weight: bold;
color: #FFF;
text-decoration: none;
}
.tabtitle:hover {
font-family: Verdana;
font-size: 11px;
font-weight: bold;
color: #FFC;
text-decoration: none;
}
.info {
font-family: Verdana;
font-size: 11px;
color: #333;
text-decoration: none;
}
.info:link {
font-family: Verdana;
font-size: 11px;
color: #333;
text-decoration: none;
}
.info:visited {
font-family: Verdana;
font-size: 11px;
color: #333;
text-decoration: none;
}
.info:hover {
font-family: Verdana;
font-size: 11px;
color: #000;
text-decoration: none;
}
.info:active {
font-family: Verdana;
font-size: 11px;
text-decoration: none;
}
a.info:hover {
font-family: Verdana;
font-size: 11px;
color: #000;
text-decoration: underline;
}
a.info:active {
font-family: Verdana;
font-size: 11px;
color: blue;
text-decoration: underline;
}
.info_head {
font-family: Verdana;
font-size: 11px;
color: #000;
text-decoration: none;
}
a.info_head:link {
font-family: Verdana;
font-size: 11px;
color: #000;
text-decoration: none;
}
a.info_head:visited {
font-family: Verdana;
font-size: 11px;
color: #000;
text-decoration: none;
}
a.info_head:active {
font-family: Verdana;
font-size: 11px;
color: #000;
text-decoration: none;
}
a.info_head:hover {
font-family: Verdana;
font-size: 11px;
color: #000;
text-decoration: underline;
}
.infob {
font-family: verdana;
font-size: 10px;
font-weight: bold;
color: #666;
text-decoration: none;
}
.price {
font-family: tahoma;
font-size: 12px;
font-weight: bold;
color: #990;
text-decoration: none;
}
.border {
border: 1px solid #CCC;
}
.more {
font-family: tahoma;
font-size: 11px;
color: #C60;
text-decoration: underline;
}
.more:link {
font-family: tahoma;
font-size: 11px;
color: #C60;
text-decoration: underline;
}
.more:visited {
font-family: tahoma;
font-size: 11px;
color: #C60;
text-decoration: underline;
}
.more:hover {
font-family: tahoma;
font-size: 11px;
color: #F60;
text-decoration: none;
}
.more_bigger {
font-family: tahoma;
font-size: 12px;
color: #C60;
text-decoration: underline;
}
.more_bigger:link {
font-family: tahoma;
font-size: 12px;
color: #C60;
text-decoration: underline;
}
.more_biggermore:visited {
font-family: tahoma;
font-size: 12px;
color: #C60;
text-decoration: underline;
}
.more_bigger:hover {
font-family: tahoma;
font-size: 12px;
color: #F60;
text-decoration: none;
}
.prodetail {
font-family: Verdana;
font-size: 10px;
color: #666;
text-decoration: none;
}
#tblShipping {
text-align: center;
}
.prodetailpay {
font-family: Verdana;
font-size: 10px;
color: #666;
text-decoration: none;
text-align: center;
}
.proheading {
font-family: Verdana;
font-size: 11px;
font-weight: bold;
color: #666;
text-decoration: none;
}
.proheading img {
width: 15px;
height: 15px;
cursor: pointer;
border: 0 solid #CCC;
}
.proheading td {
height: 15px;
border: 1px solid #CCC;
}
.inputbox {
background-color: #FDFCF3;
border: 1px solid #C0BFB6;
}
.highlight {
font-family: tahoma;
font-size: 11px;
color: #333;
text-decoration: underline;
}
.categoryname {
font-family: tahoma;
font-size: 11px;
color: #C60;
text-decoration: none;
}
.framebrd {
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #E0E0E0;
border-bottom-color: #E0E0E0;
border-left-color: #E0E0E0;
}
.footerlink {
font-family: tahoma;
font-size: 11px;
color: #FFF;
text-decoration: none;
font-weight: bold;
}
.highlight1 {
font-family: tahoma;
font-size: 11px;
color: #390;
text-decoration: none;
}
.highlight2 {
font-family: tahoma;
font-size: 11px;
font-weight: bold;
color: #384593;
text-decoration: none;
}
.highlight2:link {
font-family: tahoma;
font-size: 11px;
font-weight: bold;
color: #384593;
text-decoration: none;
}
.highlight2:visited {
font-family: tahoma;
font-size: 11px;
font-weight: bold;
color: #384593;
text-decoration: none;
}
.highlight2:hover {
font-family: tahoma;
font-size: 11px;
font-weight: bold;
color: #384593;
text-decoration: none;
}
.highlight3 {
font-family: tahoma;
font-size: 14px;
font-weight: bold;
color: #000;
text-decoration: none;
}
.highlight3:link {
font-family: tahoma;
font-size: 14px;
font-weight: bold;
color: #000;
text-decoration: none;
}
.highlight3:visited {
font-family: tahoma;
font-size: 14px;
font-weight: bold;
color: #000;
text-decoration: none;
}
.highlight3:hover {
font-family: tahoma;
font-size: 14px;
font-weight: bold;
color: #000;
text-decoration: none;
}
.leftbrd {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CCC;
}
.topbrd {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCC;
}
.big_heading {
font-family: Verdana;
font-size: 16px;
font-weight: bold;
color: #F60;
text-decoration: none;
}
.laminated {
border-top: solid 3px #666;
border-left: solid 3px #666;
border-bottom: solid 3px #333;
border-right: solid 3px #333;
}
.error_msg {
font-family: Verdana;
font-size: 10px;
color: #f00;
text-decoration: none;
}
.star {
font-family: Verdana;
font-size: 10px;
color: #F00;
text-decoration: none;
}
.button {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #666;
padding-left: 2px;
padding-right: 2px;
border: 1px solid #666;
}
#overlay {
background-image: url(/images/overlay.png);
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 100%;
}
* html #overlay {
background-color: #333;
background-color: transparent;
background-image: url(blank.gif);
}
#box {
width: 300px;
background: #2d2d2d;
padding: 10px;
border: 2px solid #eee;
}
#close {
position: absolute;
top: -5px;
right: -5px;
cursor: pointer;
}
#loader_container {
text-align: center;
position: absolute;
top: 40%;
width: 100%;
}
#loader {
font-family: Tahoma, Helvetica, sans;
font-size: 10px;
color: #000;
background-color: #FFF;
padding: 10px 0 16px 0;
margin: 0 auto;
display: block;
width: 135px;
border: 1px solid #6A6A6A;
text-align: left;
z-index: 255;
}
#progress {
height: 5px;
font-size: 1px;
width: 1px;
position: relative;
top: 1px;
left: 10px;
background-color: #9D9D94;
}
#loader_bg {
background-color: #EBEBE4;
position: relative;
top: 8px;
left: 8px;
height: 7px;
width: 113px;
font-size: 1px;
}
.title_h2 {
width: 300px;
padding: 12px 0 0 18px;
}
.border_preview {
z-index: 100;
position: absolute;
border: 1px solid #444;
color: #4b4b4b;
font-size: 11px;
text-align: left;
background-color: white;
}
.preview_temp_load {
vertical-align: middle;
text-align: center;
}
.preview_temp_load img {
vertical-align: middle;
text-align: center;
border: 1px solid #D0E5F3;
margin: 8px 3px 15px 3px;
}
.newsticker {
list-style-type: none;
border: 1px solid #000;
background: #FFF;
padding: 3px;
margin: 0;
}
#stylefourmain {
position: relative;
display: block;
height: 39px;
font-size: 11px;
font-weight: bold;
background: transparent url(/images/bgOFF.gif) repeat-x top left;
font-family: Arial, Verdana, Helvitica, sans-serif;
border-top: 4px solid #384593;
}
#stylefour {
float: right;
padding-right: 50px;
}
#stylefour ul {
margin: 0;
padding: 0;
list-style-type: none;
width: auto;
}
#stylefour ul li {
display: block;
float: left;
margin: 0;
}
#stylefour ul li a {
display: block;
float: left;
color: #666;
text-decoration: none;
padding: 11px 20px 0 20px;
height: 23px;
background: transparent url(/images/bgDIVIDER.gif) no-repeat top right;
}
#stylefour ul li a:hover, #stylefour ul li a.current {
color: #B30000;
background: #fff url(/images/bgON.gif) no-repeat top right;
}
.PageContainer {
width: 70.9em;
min-width: 780px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
.gBkLt {
background-color: #be9440;
}
.gTxtLt {
color: #E7E2D9;
}
.gBkMd {
background-color: #CDC2B1;
}
.gTxtMd {
color: #CDC2B1;
}
.gBkDk {
background-color: #4C3327;
}
.gTxtDk {
color: #FFF;
}
.gTxtGray {
color: #666;
}
.gTxtBlue {
color: #e8e8e8;
}
.gTxtBlue a:hover {
color: #e8e8e8;
text-decoration: underline;
}
.gTxtLt a:hover, .gTxtMd a:hover, .gTxtDk a:hover, .gTxtDkHover, .gTxtGray a:hover {
color: #e8e8e8;
}
.floatLeft {
float: none;
border: solid 1px #CCC;
text-align: left;
}
.floatRight {
float: right;
}
.clear {
clear: both;
}
.inline {
display: inline;
margin: 0;
padding: 0;
}
.gButton {
border: double #FFF;
padding: 2px 0 2px 4px;
padding-right: 23px;
#padding-right: 18px;
color: #FFF;
font-family: Verdana;
text-transform: uppercase;
white-space: nowrap;
}
#gButtonLink {
color: #FFF;
text-decoration: none;
}
.gArrowButtonLarge {
background-image: url(http://artfiles.art.com/images/pub/gButtons/arrowLg.gif);
background-position: 99% 55%;
#background-position: 96% 50%;
background-repeat: no-repeat;
font-size: 12px;
font-weight: bold;
}
.gArrowButtonSmall {
background-image: url(http://artfiles.art.com/images/pub/gButtons/arrowSm.gif);
background-position: 99% 55%;
#background-position: 96% 50%;
background-repeat: no-repeat;
font-size: 11px;
font-weight: bold;
}
.CenterModule_Title {
text-align: center;
font: 21px Georgia, 'Times New Roman', Times, serif;
line-height: 150%;
}
.CenterModule_Box {
border: 1px solid #BBB;
}
.gNoShowList {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
}
/* add this class to a div that contains floats /* to prevent ie6 related display bugs /* \*/
* html .borderFix {
height: 1%;
}
/* */
#HM_Left {
float: left;
margin-right: 4px;
min-width: 147px;
width: 13.36em;
}
#HM_Main {
float: right;
}
.cPointer {
cursor: pointer;
}
#HeaderWelcome {
text-align: right;
font-weight: bold;
color: #666;
}
#HeaderLogo {
position: absolute;
left: 10px;
}
#HeaderPromo {
float: left;
text-align: left;
width: auto;
height: 54px;
width: 160px;
padding-left: 243px;
}
#HeaderRight {
float: right;
}
#HeaderCart {
float: left;
text-transform: uppercase;
text-align: center;
margin-right: 20px;
font-size: 10px;
line-height: 100%;
}
.PhoneHeader {
float: left;
color: #666;
text-align: center;
text-transform: uppercase;
width: 10em;
margin-right: 20px;
margin-top: 12px;
font-size: 10px;
}
.PhoneHeader_Top {
border-bottom: 1px solid #999;
padding-bottom: 3px;
white-space: nowrap;
}
.PhoneHeader_Bottom {
margin-top: 3px;
white-space: nowrap;
font-weight: bold;
font-size: 11px;
}
.cartImage {
display: block;
margin-left: 3px;
margin-top: 11px;
margin-bottom: 8px;
}
#HeaderMyLinks {
float: left;
text-transform: uppercase;
padding-top: 7px;
line-height: 15px;
padding-right: 12px;
font-size: 10px;
}
#HeaderBar {
color: #FFF;
background-color: #4C3327;
padding: 0 12px 0 0;
}
#HeaderBar #SearchForm {
display: inline;
margin: 0;
padding: 0;
}
#HeaderBar #SearchSubmit {
position: absolute;
}
#AdvancedSearch {
display: inline;
position: absolute;
margin-left: 32px;
#margin-left: 25px;
font-size: 10px;
line-height: 105%;
}
#HeaderBarLeft {
float: left;
width: 42em;
}
#HeaderBarLeftSearch {
margin: 5px 0 5px 10px;
}
#HeaderBarRight {
float: right;
padding-top: 10px;
}
.paddedDivider {
font-size: 10px;
padding: 0 .5em 0 .5em;
}
#HeaderBar a {
color: #FFF;
text-decoration: none;
}
#HeaderBar a:hover, #HeaderBar .advSearch {
color: #FFF;
text-decoration: underline;
}
#HeaderRight a {
color: #666;
text-decoration: none;
}
#HeaderRight a:hover {
color: #e8e8e8;
text-decoration: underline;
}
#HeaderWelcome a {
color: #666;
text-decoration: none;
}
#HeaderWelcome a:hover {
color: #e8e8e8;
text-decoration: underline;
}
.linkForm {
color: #666;
text-decoration: none;
cursor: pointer;
}
.linkFormHover {
color: #e8e8e8;
text-decoration: underline;
cursor: pointer;
}
#HeaderBar .advSearch {
text-decoration: underline;
cursor: pointer;
}
#Header #LocalizedHeader {
padding: 5px;
cursor: pointer;
font-weight: bold;
}
#Header .LocalizedHeaderHover {
text-decoration: underline;
color: #e8e8e8;
}
#Header .HeaderFlag {
margin-left: 10px;
margin-right: 10px;
}
.GlobalHeader {
margin-bottom: 4px;
}
body {
top: 3px;
}
#GlobalLeftNavBox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
max-width: 180px;
width: auto;
}
.GlobalLeftNavHeader {
font-weight: bold;
padding-left: 13px;
line-height: 200%;
min-width: 130px;
}
#GlobalLeftNavBox ul {
list-style-type: none;
padding: 4px 0 16px 0;
margin: 0;
}
#GlobalLeftNavBox li {
margin: 0 0 0 13px;
padding: 0;
line-height: 167%;
#line-height: 162%;
#margin-top: 1px;
#margin-bottom: 1px;
}
#GlobalLeftNavBox .more {
font-weight: bold;
}
#GlobalLeftNavBox a {
color: #4C3327;
text-decoration: none;
}
#GlobalLeftNavBox a:hover {
color: #e8e8e8;
text-decoration: underline;
}
.GlobalLeftNavHeader a {
display: block;
width: 100%;
}
#FooterModules .Module {
float: left;
min-height: 50px;
height: 4.54em;
margin-right: 2px;
text-align: center;
cursor: pointer;
}
#FooterModules .CenterModule {
min-width: 106px;
width: 9.63em;
}
#FooterModules #LeftModule, #FooterModules #LeftModule_a {
min-width: 146px;
width: 13.27em;
}
#FooterModules #LeftModule_a {
display: none;
}
#FooterModules #NewsletterModule {
min-width: 307px;
width: 27.9em;
margin-right: 0;
cursor: default;
}
#FooterModules .FooterModuleHeading {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 15px;
margin-top: 10px;
padding: 0;
text-transform: lowercase;
}
#FooterModules .FooterModuleSubText {
font-family: Arial;
font-size: 8px;
margin-top: 3px;
padding: 0;
line-height: 100%;
text-transform: uppercase;
color: #666;
}
#FooterModules .newsLetterFooter {
float: left;
line-height: 100%;
margin-left: 5px;
}
#FooterModules .FooterModuleBox {
float: left;
text-align: left;
margin: 3px 0 0 10px;
}
#FooterModules #NewsletterForm {
display: inline;
margin: 0;
padding: 0;
}
#FooterModules #NewsletterSubmit {
position: absolute;
padding-left: 3px;
}
#FooterModules #email {
width: 14em;
min-width: 140px;
font-size: 10px;
height: 20px;
}
#FooterModules .newsLetterFooterError {
font-size: 10px;
color: #ED1C24;
font-weight: bold;
margin-bottom: 2px;
visibility: hidden;
}
#FooterLinks {
padding-top: 10px;
text-align: center;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666;
}
#FooterPhone {
padding-top: 10px;
text-align: center;
font-size: 11px;
font-weight: bold;
}
#FooterCopy, #MagazineCopy {
padding-top: 16px;
text-align: center;
font-size: 10px;
color: #666;
}
#hackerSafe {
position: relative;
bottom: 20px;
text-align: right;
margin-right: 14px;
}
.paddedLinkDivider {
padding: 0 5px 0 5px;
}
.paddedPhoneDivider {
padding: 0 10px 0 10px;
}
#FooterModules .blockLinks {
text-decoration: none;
}
#FooterModules .FooterModuleSwapText {
display: none;
font-size: 9px;
color: #000;
margin: 0;
vertical-align: middle;
}
#FooterLinks a {
color: #666;
text-decoration: none;
}
#FooterLinks a:hover {
color: #e8e8e8;
text-decoration: underline;
}
.GlobalFooter {
padding-top: 4px;
}
#HomepageContainer {
font-size: 10px;
min-width: 629px;
width: 62.9em;
}
#HomepageTopBlock {
background: #E4D7AD;
#width: 62.9em;
}
#HomepageTopBlock .Links {
text-transform: uppercase;
margin: 25px 0 0 100px;
font-size: 13px;
font-weight: bold;
}
#HomepageTopBlock .Link {
text-decoration: none;
line-height: 160%;
}
.HomepageRow {
font-size: 10px;
min-width: 629px;
width: 62.9em;
#width: 629px;
}
.HomepageFeatureBox {
font-size: 10px;
min-width: 311px;
width: 31.1em;
min-height: 173px;
height: 20.72em;
border: 1px solid #BBB;
position: relative;
float: left;
margin-top: 4px;
#min-width: 313px;
#width: 31.3em;
}
.Left {
margin-right: 3px;
}
.HomepageFeatureBoxHeading {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 21px;
text-transform: lowercase;
text-align: center;
width: 100%;
line-height: 150%;
}
.HomepageFeatureBoxText {
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
padding: 7px 0 0 7px;
width: 165px;
height: 135px;
position: absolute;
}
.HomepageFeatureBoxTextNoPadding {
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
padding: 0;
width: 156px;
height: 135px;
position: absolute;
}
.HomepageFeatureBoxBelowImage {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-transform: uppercase;
margin-left: 50px;
}
.HomepageFeatureBoxText p {
color: 666666;
line-height: 150%;
}
.HomepageFeatureBoxImage {
float: right;
padding-top: 15px;
padding-right: 5px;
vertical-align: middle;
}
#HomepageContainer ul {
list-style-type: none;
padding: 7px 0 0 7px;
margin: 0;
}
#HomepageContainer li {
margin-bottom: 6px;
}
#HomepageContainer .more {
position: absolute;
bottom: 7px;
margin-left: 7px;
padding: 0;
}
.HomepageFeatureBoxText a, .HomepageFeatureBoxBelowImage a {
color: #666;
text-decoration: none;
}
.HomepageFeatureBoxText a:hover, .HomepageFeatureBoxBelowImage a:hover {
text-decoration: underline;
}
.HomepageFeatureBoxHeading a:hover {
text-decoration: none;
}
#HomepageContainer a:hover {
color: #e8e8e8;
}
.HomepageFeatureBoxHeading a {
display: block;
width: 100%;
text-decoration: none;
color: #FFF;
}
#HolidayNoLonger {
border: 1px solid #4C3327;
padding: 4px;
margin: 5px 0 5px 0;
text-align: center;
color: #C00;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
#HolidayInfoHeader {
float: left;
padding-right: 20px;
margin-top: -3px;
#margin-top: 0;
}
.gTxtHomepageTitleLinks {
color: #FFF;
}
.gTextPromotional {
color: #FFF;
}
.gBkPromotional {
background-color: #600E4A;
}
.primary_buttons {
width: 14em;
color: #FFF;
margin: 0 7px 3px 0;
border: 1px solid #fff;
text-transform: uppercase;
background-image: url('http://artfiles.art.com/images/pub/buttons/arrow16.gif');
background-repeat: no-repeat;
background-position: center right;
font-size: 10px;
}
.primary_buttons .txtlabel {
text-align: center;
color: #FFF;
line-height: 130%;
font: 11px Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #fff;
cursor: pointer;
margin: 1px;
padding: 5px 10px 5px 0;
}
.btns_brown {
background-color: #4c3327;
}
.btns_brown_over {
background-color: #e8e8e8;
}
.btns_drkblue {
background-color: #414d5b;
}
.btns_drkblue_over {
background-color: #e8e8e8;
}
.shoppingcart {
width: 100%;
}
.wrap0, .wrap1, .wrap2, .wrap3 {
display: inline-table; /* \*/
display: block; /**/;
}
.wrap0 {
float: left;
background: url(/images/shadow.gif) right bottom no-repeat;
}
.wrap1 {
background: url(/images/shadow180.gif) no-repeat;
}
.wrap2 {
background: url(/images/corner_bl.gif) -15px 100% no-repeat;
}
.wrap3 {
padding: 0 10px 8px 0;
background: url(/images/corner_tr.gif) 100% -15px no-repeat;
}
.listNav {
margin: 0 0 10px;
}
.ln-letters {
overflow: hidden;
margin-left: 50px;
}
.ln-letters a {
font-size: .9em;
display: block;
float: left;
padding: 2px 6px;
border: 1px solid silver;
border-right: none;
text-decoration: none;
}
.ln-letters a.ln-last {
border-right: 1px solid silver;
}
.ln-letters a:hover, .ln-letters a.ln-selected {
background-color: #eaeaea;
}
.ln-letters a.ln-disabled {
color: #ccc;
}
.ln-letter-count {
text-align: center;
font-size: .8em;
line-height: 1;
margin-bottom: 3px;
color: #369;
}
#demo4 #listWrapper {
width: 700px;
}
#demoFour {
margin-left: 25px;
}
#demoFour li {
float: left;
list-style: none;
padding-top: 5px;
}
#demoFour a {
font-size: .9em;
display: block;
text-align: center;
width: 80px;
height: 45px;
vertical-align: middle;
border: 1px solid silver;
padding: 10px;
margin: 0 10px 10px 0;
text-decoration: none;
}
#demoFour a:hover {
background-color: #eee;
}
.TabbedPanels {
margin: 0;
#margin-top: 1px;
padding: 0;
#width: 100%;
background: #fff url('/images/top_gradient.png') repeat-x;
border-right: solid 1px #BBB;
border-left: solid 1px #BBB;
border-bottom: solid 1px #BBB;
font-size: 10px;
}
.TabbedPanelsTabGroup {
margin: 0 !important;
padding: 5px 0 0 150px !important;
border-top: solid 1px #BBB !important;
}
.TabbedPanelsTab {
position: relative;
top: 1px;
float: left;
padding: 3px 8px 3px 8px !important;
margin: 0 1px 0 0 !important;
font: 1.40em Georgia, "Times New Roman", Times, serif;
color: #FFF;
background: #d9d0c2 url('/images/tab_bg.gif') repeat-x;
list-style: none;
border: 1px solid #BBB;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
}
.TabbedPanelsTabHover {
background-color: #ccc;
}
.TabbedPanelsTabSelected {
color: #000;
background-color: #fff;
background-image: none;
border-bottom: 1px solid #fff;
}
.TabbedPanelsTab a {
color: black;
text-decoration: none;
}
.TabbedPanelsContentGroup {
clear: both;
border-top: solid 1px #bbb;
background-color: #fff;
padding-left: 3em;
}
.TabbedPanelsContent {
padding: 0;
}
.SlidingPanels {
position: relative;
width: 57.00em;
height: 17em;
padding: 0;
border: none;
font-size: 10px;
margin: 0;
}
.SlidingPanelsContentGroup {
position: relative;
margin: 0;
padding: 0;
min-height: 0;
border: none;
width: 228em;
}
.SlidingPanelsContent {
width: 57.00em;
height: 17em;
overflow: hidden;
margin: 0;
padding: 0;
border: none;
float: left;
}
.SlidingPanelsAnimating * {
overflow: hidden !important;
}
.homepageScrollPadding {
padding-top: 4px;
#padding-top: 0;
}
#LeftArrow {
float: left;
width: 26px;
position: relative;
padding-right: 10px;
margin: -110px 0 0 -1px;
background: url('/images/leftarrow_dim.gif') no-repeat;
}
#RightArrow {
float: right;
width: 26px;
position: relative;
margin: -110px 0 0 1px;
background: url('/images/rightarrow_dim.gif') no-repeat;
}
.arrow {
cursor: pointer;
}
.arrowDim {
cursor: arrow;
}
.arrowDim img {
filter: alpha(opacity=0);
-moz-opacity: .0;
opacity: .0;
}
ul.thumblist {
display: block;
height: 14.00em !important;
margin: 15px 0 0 0 !important;
padding: 0 !important;
vertical-align: middle;
text-align: center;
}
.thumblist {
text-align: center;
}
.thumblist img {
margin-bottom: 5px;
}
.thumblist a:link {
font: 1.10em Verdana, Arial, Helvetica, sans-serif;
color: #666;
text-decoration: none;
}
.thumblist a:visited {
font: 1.10em Verdana, Arial, Helvetica, sans-serif;
color: #666;
text-decoration: none;
}
.thumblist a:hover {
font: 1.10em Verdana, Arial, Helvetica, sans-serif;
color: #0072bc;
text-decoration: none;
}
.thumblist li {
display: block;
width: 12.00em;
float: left !important;
margin: 0 10px 10px 10px !important;
text-align: center !important;
vertical-align: middle;
}
.PageContainer {
width: 70.9em;
min-width: 780px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
#TabbedPanels1 {
font-size: 10px;
min-width: 629px;
width: 62.9em;
}
.tree ul {
margin: 0 0 0 5px;
padding: 0;
list-style-type: none;
}
.tree li {
width: auto;
display: block;
min-height: 18px;
line-height: 18px;
padding: 0 0 0 15px;
margin: 0;
clear: both;
cursor: pointer;
}
.tree li ul {
display: none;
clear: both;
}
.tree li a, .tree li span {
display: inline;
float: left;
line-height: 16px;
height: 16px;
padding: 1px 4px 1px 1px !important;
color: black;
white-space: nowrap;
text-decoration: none;
background-color: transparent;
background-repeat: no-repeat;
background-position: 4px 1px;
-moz-border-radius: 3px;
border: 0;
margin: 0;
cursor: pointer;
}
.tree li a:hover, .tree li a.hover {
background-color: #e7f4f9;
border: 1px solid #d8f0fa;
padding: 0 3px 0 1px !important;
background-position: 3px 0;
}
.tree li a.open, .tree li a.open:hover {
background-color: #beebff;
border: 1px solid #99defd;
padding: 0 3px 0 1px !important;
background-position: 3px 0;
}
.tree li span.clicked {
padding: 0 3px 0 1px !important;
}
.tree li a input, .tree li span input {
margin: 0;
padding: 0;
display: block;
height: 12px !important;
border: 1px solid white;
background: white;
font-size: 10px;
font-family: Verdana;
}
.tree li a input:not([class="xxx"]), .tree li span input:not([class="xxx"]) {
padding: 1px 0;
}
.locked li a {
color: gray;
}
.tree ul {
background: url("images/dot.gif") 6px 1px repeat-y;
}
.tree li {
background: url("images/li.gif") 7px center no-repeat;
}
.tree li.last {
background: url("images/lastli.gif") 5px top no-repeat;
background-color: white !important;
}
.no_dots ul {
background: transparent;
}
.no_dots li {
background: transparent;
}
.no_dots li.last {
background: transparent;
background-color: transparent !important;
}
.tree li.open {
background: url("images/fminus.gif") 4px 6px no-repeat;
}
.tree li.open ul {
display: block;
clear: both;
}
.tree li.closed {
background: url("images/fplus.gif") 5px 5px no-repeat;
}
.tree li.closed ul {
display: none !important;
}
.tree #dragged {
padding: 0 3px;
margin: 0;
background: white;
opacity: .85;
filter: alpha(opacity=85);
position: absolute;
top: -10px;
left: -10px;
}
.tree #dragged.last, .tree #dragged:last-child {
background: white;
}
.tree #dragged li.open {
background: url("images/fplus.gif") 5px 5px no-repeat;
}
.tree #dragged ul ul {
display: none;
}
*:first-child + html .tree li {
margin-bottom: -2px;
}
*:first-child + html .tree li ul {
padding-bottom: 2px;
}
.tree li {
_width: 50%;
_margin-bottom: -2px;
}
.tree li ul {
_padding-bottom: 2px;
}
.rtl * {
direction: rtl;
}
.rtl ul {
margin: 0 5px 0 0;
}
.rtl li {
padding: 0 15px 0 0;
}
.rtl li.last {
background: url("images/lastli_rtl.gif") right top no-repeat;
}
.rtl li.open {
background: url("images/fminus_rtl.gif") right 6px no-repeat;
}
.rtl li.closed {
background: url("images/fplus_rtl.gif") right 4px no-repeat;
}
.rtl li a, .rtl li span {
float: right;
padding: 1px 23px 1px 4px !important;
background-position: right 1px;
margin-right: 1px;
}
.rtl li a:hover, .rtl li a.hover {
background-color: #e7f4f9;
border: 1px solid #d8f0fa;
padding: 0 23px 0 3px !important;
background-position: right 0;
margin-right: 0;
}
.rtl li a.clicked, .rtl li a.clicked:hover, .rtl li span.clicked {
background-color: #beebff;
border: 1px solid #99defd;
padding: 0 23px 0 3px !important;
background-position: right 0;
margin-right: 0;
}
.rtl li span.clicked {
padding: 0 21px 0 3px !important;
}
.rtl ul {
background: url("images/dot.gif") right 1px repeat-y;
}
.rtl li {
background: url("images/li.gif") right center no-repeat;
}
.rtl #dragged li.open {
background-position: right 5px;
}
.demo {
width: 150px;
height: auto;
border: 0 solid gray;
background: white;
float: left;
padding: 5px 0;
text-align: left;
font-size: 13px;
}
.sources {
margin-left: 290px;
}
.source {
height: auto;
border: 1px solid gray;
background: white;
margin: 0 10px 10px 0;
padding: 5px 0;
overflow: auto;
display: block;
padding: 5px 10px;
white-space: pre;
font-size: 11px;
font-family: "Courier New";
}
.source b {
display: block;
border-bottom: 1px solid;
}
.tree li {
padding-top: 3px;
}
#bubble {
position: absolute;
background: #FFD;
color: black;
padding: .2em .5em;
border: 1px solid gray;
display: none;
font-size: 10px;
width: 250px;
}
span.bubble {
color: #8b0000;
border-bottom: 1px solid;
cursor: pointer;
}
dl {
margin: 0 0 0 10px;
padding: 0;
}
dt {
font-family: Georgia;
font-size: 1.1em;
}
dd {
margin: 0 0 1em 0;
padding: 0;
font-size: 11px;
}
* {
padding: 0;
margin: 0;
}
#TB_window {
font: 12px Arial, Helvetica, sans-serif;
color: #333;
}
#TB_secondLine {
font: 12px Arial, Helvetica, sans-serif;
color: #666;
}
#TB_window a:link {
color: #666;
}
#TB_window a:visited {
color: #666;
}
#TB_window a:hover {
color: #000;
}
#TB_window a:active {
color: #666;
}
#TB_window a:focus {
color: #666;
}
#TB_overlay {
position: fixed;
z-index: 100;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.TB_overlayMacFFBGHack {
background: url(macFFBgHack.png) repeat;
}
.TB_overlayBG {
background-color: #000;
filter: alpha(opacity=75);
-moz-opacity: .75;
opacity: .75;
}
* html #TB_overlay {
position: absolute;
height: expression(document.body.scrollHeight>document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px');
}
#TB_window {
position: fixed;
background: #fff;
z-index: 102;
color: #000;
display: none;
border: 4px solid #525252;
text-align: left;
top: 50%;
left: 50%;
}
* html #TB_window {
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)+'px');
}
#TB_window img#TB_Image {
display: block;
margin: 15px 0 0 15px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}
#TB_caption {
height: 25px;
padding: 7px 30px 10px 25px;
float: left;
}
#TB_closeWindow {
height: 25px;
padding: 11px 25px 10px 0;
float: right;
}
#TB_closeAjaxWindow {
padding: 7px 10px 5px 0;
margin-bottom: 1px;
text-align: right;
float: right;
}
#TB_ajaxWindowTitle {
float: left;
padding: 7px 0 5px 10px;
margin-bottom: 1px;
}
#TB_title {
background-color: #e8e8e8;
height: 27px;
}
#TB_ajaxContent {
clear: both;
padding: 2px 15px 15px 15px;
overflow: auto;
text-align: left;
line-height: 1.4em;
}
#TB_ajaxContent.TB_modal {
padding: 15px;
}
#TB_ajaxContent p {
padding: 5px 0 5px 0;
}
#TB_load {
position: fixed;
display: none;
height: 13px;
width: 208px;
z-index: 103;
top: 50%;
left: 50%;
margin: -6px 0 0 -104px;
}
* html #TB_load {
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)+'px');
}
#TB_HideSelect {
z-index: 99;
position: fixed;
top: 0;
left: 0;
background-color: #fff;
border: none;
filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height: 100%;
width: 100%;
}
* html #TB_HideSelect {
position: absolute;
height: expression(document.body.scrollHeight>document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px');
}
#TB_iframeContent {
clear: both;
border: none;
margin-bottom: -1px;
margin-top: 1px;
_margin-bottom: 1px;
}
#tinybox {
position: absolute;
display: none;
padding: 10px;
background: #fff url(images/preload.gif) no-repeat 50% 50%;
border: 10px solid #e3e3e3;
z-index: 2000;
}
#tinymask {
position: absolute;
display: none;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #000;
z-index: 1500;
}
#tinycontent {
background: #fff;
}
#toTop {
width: 100px;
border: 1px solid #ccc;
background: #f7f7f7;
text-align: center;
padding: 5px;
position: fixed;
bottom: 10px;
right: 10px;
cursor: pointer;
display: none;
color: #333;
font-family: verdana;
font-size: 11px;
}
p {
margin: 0;
padding: 0;
}
#drop1 {
position: relative;
border: 1px solid #BF8660;
width: 500px;
height: 500px;
}
#drop2, #msgs {
position: relative;
border: 1px solid #BF8660;
padding: 10px;
}
#marker {
position: relative;
border: 1px dotted blue;
}
#leftColumn {
border: 1px dotted #596380;
height: 550px;
}
.jquerybubblepopup {
width: auto;
height: auto;
margin: 0;
padding: 0;
position: absolute;
border: 0;
z-index: 100;
text-align: center;
background-color: transparent;
}
.jquerybubblepopup-ie {
filter: progid:DXImageTransform.Microsoft.Shadow(color="#666666", Direction=135, Strength=3);
}
.jquerybubblepopup table {
width: auto;
height: auto;
margin: 0;
padding: 0;
display: table;
border-collapse: collapse;
border-spacing: 0;
border: 0;
empty-cells: show;
background-color: transparent;
}
.jquerybubblepopup tbody {
display: table-row-group;
vertical-align: middle;
border: 0;
background-color: transparent;
}
.jquerybubblepopup td {
margin: 0;
padding: 0;
background-color: transparent;
}
.jquerybubblepopup-top-left, .jquerybubblepopup-top-right, .jquerybubblepopup-bottom-left, .jquerybubblepopup-bottom-right {
width: 21px;
height: 21px;
overflow: hidden;
background-repeat: no-repeat;
}
.jquerybubblepopup-top-middle, .jquerybubblepopup-bottom-middle {
overflow: hidden;
background-repeat: repeat-x;
}
.jquerybubblepopup-middle-left, .jquerybubblepopup-middle-right {
overflow: hidden;
background-repeat: repeat-y;
}
.jquerybubblepopup-tail {
border: 0;
margin: 0;
padding: 0;
display: inline;
}
.jquerybubblepopup-azure .jquerybubblepopup-innerHtml, .jquerybubblepopup-black .jquerybubblepopup-innerHtml, .jquerybubblepopup-blue .jquerybubblepopup-innerHtml, .jquerybubblepopup-green .jquerybubblepopup-innerHtml, .jquerybubblepopup-grey .jquerybubblepopup-innerHtml, .jquerybubblepopup-orange .jquerybubblepopup-innerHtml, .jquerybubblepopup-violet .jquerybubblepopup-innerHtml, .jquerybubblepopup-yellow .jquerybubblepopup-innerHtml {
font-family: 'Trebuchet MS', Arial;
font-size: 11px;
font-weight: normal;
color: #000;
background-color: #FFF;
}
.jquerybubblepopup-all-azure .jquerybubblepopup-innerHtml, .jquerybubblepopup-all-black .jquerybubblepopup-innerHtml, .jquerybubblepopup-all-blue .jquerybubblepopup-innerHtml, .jquerybubblepopup-all-green .jquerybubblepopup-innerHtml, .jquerybubblepopup-all-grey .jquerybubblepopup-innerHtml, .jquerybubblepopup-all-orange .jquerybubblepopup-innerHtml, .jquerybubblepopup-all-violet .jquerybubblepopup-innerHtml, .jquerybubblepopup-all-yellow .jquerybubblepopup-innerHtml {
font-family: 'Trebuchet MS', Arial;
font-size: 11px;
font-weight: normal;
color: #FFF;
}
.jquerybubblepopup-all-azure .jquerybubblepopup-innerHtml {
background-color: #09F;
}
.jquerybubblepopup-all-black .jquerybubblepopup-innerHtml {
background-color: #000;
}
.jquerybubblepopup-all-blue .jquerybubblepopup-innerHtml {
background-color: #06C;
}
.jquerybubblepopup-all-green .jquerybubblepopup-innerHtml {
background-color: #6F0;
}
.jquerybubblepopup-all-grey .jquerybubblepopup-innerHtml {
background-color: #666;
}
.jquerybubblepopup-all-orange .jquerybubblepopup-innerHtml {
background-color: #F93;
}
.jquerybubblepopup-all-violet .jquerybubblepopup-innerHtml {
background-color: #F3F;
}
.jquerybubblepopup-all-yellow .jquerybubblepopup-innerHtml {
background-color: #FC0;
}
.tdmat {
font-size: 12px;
cursor: pointer;
text-align: left;
}
.grida {
cursor: pointer;
text-decoration: none;
color: #0000CC;
}