body {
  margin: 0px;
  font-size: 62.5%;
  font-family: Verdana, sans-serif;
  background-color: #112233;
  text-align: center;
}

pre {font-size: 12px; font-family: verdana;}
table {font-size: 120%;}
form {margin: 0px; padding: 0px;}
img {border: 0px; margin: 0px; padding: 0px;}
p {color: #000000; font-size: 120%; line-height: 140%;}

.inline { display: inline; }

span.small {font-size: 90%;}

div.small {
  font-size: 11px;
  margin-top: 5px;
}

.top {
    vertical-align: top;
}

.red {color: #ff0000;}

select.Join {width: 100%;}

textarea, input {font-family: Verdana, sans-serif; font-size: 100%; padding: 3px;}

select {font-family: Verdana, sans-serif; font-size: 100%;}

a:link, a:visited {color: #0044c7; text-decoration: none;}
a:hover, a:active {color: #c70000; text-decoration: underline;}

a.title:link, a.title:visited {color: #ffffff; text-decoration: none;}
a.title:hover, a.title:active {color: #f3f198; text-decoration: none;}

h1 {
  font-family: Verdana, sans-serif;
  font-size: 150%;
  color: #112233;
  margin-bottom: 0px;
}

h2 {margin: 0px 0px 10px 0px; font-size: 120%; color: #223344;}

h3 {
margin: 0px 0px 10px 0px; font-size: 120%; color: #112233;
}

div.InlineToolTip {
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 35px;
  background-color: #f4f4f4;
  color: #000000;
  font-size: 11px;
  text-align: left;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  background-image: url('../images/tooltipbg.gif');
  background-repeat: no-repeat;
  background-position: 10px 50%;
}

img.border {border-width: 1px; border-style: solid; border-color: #000000;}

#PageContainer {width: 768px; margin: 0px auto 0px auto; text-align: left; padding: 0px;}

#Header {height: 119px; margin: 10px 0px 0px 0px;}

#TopMenu {text-align: center; margin: 10px 0px 0px 0px;}

#LeftContent {width: 160px; float: left; margin: 10px 0px 0px 0px;}

/***************************************************************************
                      ##### MAIN LEFT MENU #####
***************************************************************************/

div.MemberLeftMenuHead {
  color: #a9bacb;
  text-align: left;
  font-size: 130%;
  margin: 5px 10px 10px 10px;
  padding: 0px 0px 8px 0px;
  font-weight: 600;
  border-color: #445566;
  border-width: 0px 0px 1px 0px;
  border-style: dotted;
}

#MenuMemberImageTop {
  background-image: url('../images/leftmenutop.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  height: 10px;
}

#MenuMemberImageBottom {
  background-image: url('../images/leftmenubottom.jpg');
  background-repeat: no-repeat;
  background-position: bottom center;
  height: 10px;
}

#MemberLeftMenu table {
  margin: 0px 0px 10px 0px;
  color: #ffffff;
  width: 140px;
  margin: 0px 10px 0px 10px;
}

#MemberLeftMenu input {
  margin: 2px 0px 0px 0px;
}

#MemberLeftMenu input.checkbox {
  margin: 0px 2px 1px 0px;
}

#MemberLeftMenu input.submit {
  border-width: 0px;
}

#MemberLeftMenu td {
  padding: 3px 0px 3px 0px;
  vertical-align: middle;
}

#MemberLeftMenu img {
  margin: 0px 0px 10px 0px;
}

#MemberLeftMenu {
  background-color: #223344;
  margin: 0px 0px 10px 0px;
}

#MemberLeftMenu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#MemberLeftMenu li a {
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 120%;
  padding: 5px 0px 0px 25px;
}

#MemberLeftMenu li a:link, #MemberLeftMenu li a:visited {
  background-image: url('../images/bullet.jpg');
  color: #99ddbb;
  display: block;
  text-decoration: none;
}

#MemberLeftMenu li a:hover, #MemberLeftMenu li a:active {
  background-image: url('../images/bullet2.jpg');
  color: #baffdd;
  text-decoration: none;
}

/***************************************************************************
                        ##### NOTIFICATIONS BOX #####
***************************************************************************/

#Notifications {
  background-color: #558866;
  margin: 0px 0px 10px;
  height: 100px;
  color: #fefffe;
  font-size: 120%;
}

#NotifTop {
  background-image: url('../images/notiftop.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  height: 10px;
}

#NotifBottom {
  background-image: url('../images/notifbottom.jpg');
  background-repeat: no-repeat;
  background-position: bottom center;
  height: 10px;
}

#NotifContents {
  height: 80px;
  padding: 0px 5px 0px 8px;
  overflow: hidden;
}

#NotifContents p{
  color: #ffffff;
  font-size: 11px;
}

/***************************************************************************
                        ##### TOP DYNAMIC PAGE MENU #####
***************************************************************************/

#DynamicMenuContainer {
  height: 110px;
  background-color: #223344;
  background-image: url('../images/dynamix_bottom.gif');
  background-position: bottom center;
  background-repeat: no-repeat;
  margin: 0px 0px 10px 0px;
  text-align: center;
}

#DynamicMenuContainer img {
  margin: 0px 0px 10px 0px;
}

#DynamicMenuContainerTop {
  background-image: url('../images/dynamix_top.gif');
  background-position: top center;
  background-repeat: no-repeat;
}

a.PageIconMenu:link, a.PageIconMenu:visited {
  color: #99ddbb;
  text-decoration: none;
  border-color: #223344;
  border-style: solid;
  border-width: 1px;
  display: block;
  text-align: center;
  padding: 5px;
  background-color: #223344;
}

a.PageIconMenu:hover, a.PageIconMenu:active {
  color: #baffdd;
  text-decoration: none;
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
  display: block;
  background-color: #3d5c7a;
}

table.PageIconMenu {
  margin-bottom: 0px;
  width: 590px;
}

/***************************************************************************
                              ##### PAGE BODY #####
***************************************************************************/

#PageBody {width: 598px; float: right; margin: 10px 0px 0px 10px;}
div.BodyTop {background-image: url('../images/bodytop.jpg'); background-repeat: no-repeat; background-position: top center; height: 8px;}
div.BodyBottom {background-image: url('../images/bodybottom.jpg'); background-repeat: no-repeat; background-position: bottom center; height: 8px;}

/***************************************************************************
                              ##### PAGE TITLE #####
***************************************************************************/

#PageTitle {margin: 0px 0px 10px 0px;}
#PageTitle h1 {color: #ffffff; border-color: #ffffff; border-width: 0px 0px 1px 0px; border-style: dashed;}

/***************************************************************************
                            ##### PAGE MENU #####
***************************************************************************/

#PageMenu {background-color: #dcdded; border-color: #ffffff; border-style: solid; border-width: 1px; padding: 10px; font-size: 180%; color: #000000; text-align: center; margin: 0px 0px 10px 0px;}

/***************************************************************************
                            ##### PAGE CONTENT #####
***************************************************************************/

#Content {
  margin: 0px 0px 10px 0px;
  background-color: #eeeecc;
}

#ContentFrame {
  margin: 0px 10px 0px 10px;
  padding: 0px 0px 10px 0px;
}

#Content table {
  border-width: 0px 0px 1px 1px;
  border-style: solid;
  border-color: #aeae95;
  margin: 0px 0px 10px 0px;
  width: 100%;
}

#Content td {
  border-width: 1px 1px 0px 0px;
  border-style: solid;
  border-color: #aeae95;
  padding: 5px;
  background-color: #fafad6;
}

#Content td.DynamixRegionDataStyle {
  padding: 0px;
}

#Content td.validationFailed {
  background-color: #ffffb0;
}


#Content td.left {
  text-align: right;
  font-weight: bold;
  width: 120px;
  background-color: #e6e6c5;
}

#Content td.ReviewLeft
{
    text-align: right;
    padding: 2px;
    font-weight: bold;
}

#Content td.ReviewRight
{
    text-align: left;
    padding: 2px;
}

#Content td.left2 {
  text-align: right;
  font-weight: bold;
  width: 200px;
}

#Content td.center {
  text-align: center;
}

#Content td.valign {
  vertical-align: top;
}

#Content td.advsearch {
  padding: 2px 5px;
  font-size: 11px;
}

#Content td.yes {
  background-color: #D0EECD;
  width: 80px;
}

#Content td.nopref {
  background-color: #CDD6EE;
  width: 80px;
}

#Content td.noway {
  background-color: #EECDCD;
  width: 80px;
}


#Content td.bargraph {
  padding: 0px;
  width: 100px;
}

#Content td.percentages {
  width: 50px;
  font-weight: bold;
}

#Content td.TitleRow {
  text-align: center;
  font-weight: bold;
  font-size: 90%;
}

#Content td.LeftImage {
  border-right-width: 0px;
  width: 32px;
}

#Content td.LastPost {
  font-size: 90%;
  text-align: center;
  width: 160px;
}

#Content td.Rating {
  width: 85px;
}

#Content td.FText {
  background-color: #ffffff;
  line-height: 150%;
  padding: 10px;
  word-spacing: 3px;
}

#Content td.spacer {
  height: 3px;
  line-height: 0px;
  padding: 0px;
  border-width: 0px;
  /* background-color: #5e9671; */
}

#Content td.SmallText {
  font-size: 11px;
}

div.PostPic {
  margin: 8px 0px 8px 0px;
}

div.PostTime {
  font-size: 10px;
  margin: 0px 0px 8px 0px;
}

#Content td.ContactPoster {
  border-width: 0px 1px 0px 0px;
}

#Content span.Counter {
  font-size: 90%;
  text-align: left;
}

#Content div.meterbar {
  background-color: #00ff00;
  margin: 0px;
  height: 12px;
  padding: 0px;
  background-image: url('../images/orange.jpg');
  background-repeat: repeat-x;
  border-style: solid;
  border-width: 1px;
  border-style: solid;
}

#Content th {
  border-width: 1px 1px 0px 0px;
  border-style: solid;
  border-color: #aeae95;
  background-color: #baba9f;
  background-image: url('../images/thgradient.jpg');
  background-repeat: repeat-x;
  color: #ffffff;
  padding: 5px;
}

#Content td.mailmessage {
  border-width: 1px 0px 0px 0px;
  border-style: solid;
  border-color: #aeae95;
}

#Content th.center {
  text-align: center;
  background-color: #e6e6c5;
  background-image: none;
  color: #000000;
}

#Content table.looking {
  border-width: 0px;
  margin: 0px;
}

#Content td.lookingtitle {
  border-width: 0px 0px 1px 0px;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  width: 100px;
}

#Content td.lookingdata {
  border-width: 0px 0px 1px 0px;
  font-size: 12px;
}

#Content td.noborder {
  border-width: 0px;
}

#Content span.help {
  font-size: 100%;
  color: #777777;
  display: block;
  font-weight: normal;
  font-variant: italic;
}

/***************************************************************************
                            ##### FORM FIELD STYLES #####
***************************************************************************/

div.VerticalAlign {line-height: 1.5em; vertical-align: middle; float: left; width: 160px; margin: 0px 5px 5px 0px;}
div.CheckboxFull {line-height: 1.5em; vertical-align: middle; margin: 0px 5px 5px 0px;}
div.sortOptions { margin: 0px 0px 10px 0px; }
span.RadioFix {padding: 0px 10px 0px 5px; height: 1em; vertical-align: middle;}
input.Radio_Default {vertical-align: middle;}
select.Select_Join {width: 175px;}
input.text {padding: 2px; width: 171px;}
input.small {padding: 2px; width: 130px;}
input.checkbox {vertical-align: middle; margin: 0px 5px 0px 0px;}
input.Subject {width: 414px;}

/***************************************************************************
                    ##### SEARCH.PHP ADVANCED OPTIONS #####
***************************************************************************/
div.SearchForm {
  background-color: #eeeecc;
  color: #343434;
}

div.AdvancedOptions {
  text-align: center;
}

div.AdvancedOptionsWrapper {
  background-color: #e0e0c0;
  margin: 0px auto 0px auto;
  text-align: left;
}

div.AdvancedOptionToggle {
  text-align: center;
  background-image: url('../images/searchbg.jpg');
  background-repeat: repeat-x;
  background-position: left center;
  padding: 5px;
  font-size: 120%;
  border-width: 0px 1px 1px 1px;
  border-color: #4f4f44;
  border-style: solid;
}

div.DisplayOptions {
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  border-color: #4f4f44;
}

#SearchForm td {
  vertical-align: top;
}

/***************************************************************************
                    ##### SEARCH RESULTS CSS #####
***************************************************************************/

#SearchResults {
  margin: 0px;
}

#SearchResults table {
  border-width: 0px 0px 0px 1px;
  border-style: solid;
  border-color: #bfbfa4;
}

#SearchResults th {
  border-width: 1px 1px 1px 0px;
  border-style: solid;
  border-color: #bfbfa4;
  text-align: center;
  padding: 5px;
  font-size: 100%;
}

#SearchResults td {
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  border-color: #bfbfa4;
  text-align: left;
  padding: 5px;
}

#SearchResults td.Odd {
  background-color: #fafad6;
}

#SearchResults td.Even {
  background-color: #e6e6c5;
}

a.PageList:link, a.PageList:visited {
  color: #000000;
  text-decoration: none;
}

a.PageList:hover, a.PageList:active {
  color: #804040;
  text-decoration: underline;
}

div.PageLinks {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  margin: 5px 0px 5px 0px;
}

#clear table {
  border-width: 0px;
  background-color: transparent;
}

#clear td {
  border-width: 0px;
  background-color: transparent;
}

div.ThumbnailView {
  border-width: 1px;
  border-style: solid;
  border-color: #bfbfa4;
  background-color: #fafad6;
  height: 220px;
}

div.ThumbnailTitle {
  text-align: center;
  padding: 4px;
  font-weight: bold;
  background-color: #e6e6c5;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #bfbfa4;
}

div.ProfileFormatting {
  padding: 2px;
}

/***************************************************************************
                                ##### MY PROFILE #####
***************************************************************************/

div.SubMenuContainer {
  text-align: center;
  margin: 0px 0px 20px 0px;
}

div.SubmissionSuccess {
  border-color: #000000;
  border-style: dashed;
  border-width: 1px;
  background-color: #c8ffc8;
  font-weight: bold;
  padding: 5px;
}

#SubMenu {
  background-color: #558866;
  border-color: #000000;
  padding: 0px;
  text-align: left;
  border-width: 1px;
  border-style: solid;
  clear: both;
  width: 95%;
  margin: 0px auto 0px auto;
}

#SubMenu ul {
  margin: 0px 0px 0px 0px;
  list-style-type: none;
  padding: 5px 0px 5px 0px;
}

#SubMenu li {
  display: inline;
  font-size: 110%;
  margin: 0px 4px 0px 0px;
  text-align: center;
}

#SubMenu a {
  display: inline;
  padding: 5px;
}

#SubMenu a:link, #SubMenu a:visited {
  text-decoration: none;
  background-color: #558866;
  color: #ffffff;
}

#SubMenu a:hover, #SubMenu a:active {
  background-color: #64a178;
  color: #ffffff;
}

/***************************************************************************
                       ##### MEMBER QUESTIONS #####
***************************************************************************/

textarea.Question {width: 568px; height: 150px; background-color: #ffffff; border-width: 0px; border-style: solid; border-color: #000000; margin: 0px;}

/***************************************************************************
                       ##### MEMBER PROFILE ##### (View Profile Page)
***************************************************************************/

#MemberProfile h2 {
  margin: 10px 10px 10px 10px;
  font-size: 130%;
  border-width: 0px 0px 1px 0px;
  border-style: dashed;
  border-color: #223344;
  padding: 3px 0px 3px 0px;
}

#MemberProfile td.left {
  background-color: #e6e6c5;
  text-align: right;
}

#MemberProfile td.middle {
  padding-left: 5px;
}

#MemberProfile td.mail {
  padding-left: 5px;
}

#MemberProfile td.answermale {
  background-color: #fafad6;
  padding-left: 5px;
}

#MemberProfile td.answerfemale {
  background-color: #fafad6;
  padding-left: 5px;
}

#MemberProfile td.picture {
  width: 190px;
  height: 190px;
  line-height: 190px;
  text-align: center;
  vertical-align: middle;
}

#MemberProfile td.ProfileAnswer {
  background-color: #fafad6;
  padding: 0px;
}

#MemberProfile img.Profile {
  border-width: 1px;
  border-color: #000000;
  border-style: solid;
}

div.Top {
  text-align: right;
  margin: 10px 10px 0px 0px;
  font-size: 110%;
}

div.ProfileAnswer {
  margin: 0px;
  overflow: auto;
  padding: 0px;
}

div.ProfileAnswerPad {
  margin: 10px;
}

/***************************************************************************
                  ##### STATUS MESSAGES FOR SYSTEM STATUS #####
***************************************************************************/

div.StatusError {
  padding: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #fe2b25;
  background-color: #fed3d2;
  margin: 0px 0px 10px 0px;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
}

div.StatusSuccess {
  padding: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #106c14;
  background-color: #cbfecb;
  margin: 0px 0px 10px 0px;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
}

div.StatusNotice {
  padding: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #c5c77a;
  background-color: #fcff9c;
  margin: 10px 0px 0px 0px;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
}

div.StatusWarning {
  padding: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #106c14;
  background-color: #cbfecb;
  margin: 10px 0px 0px 0px;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
}

/***************************************************************************
                     ##### MESSAGE SYSTEM (MAIL) #####
***************************************************************************/

#MailMessage {
  background-color: #ffffff;
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
  padding: 0px;
  font-size: 130%;
  line-height: 130%;
}

#MailHeader {
  background-color: #fafad6;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #000000;
  padding: 0px;
}

#MailMessage table {
  float: left;
  width: 359px;
  font-size: 100%;
  margin: 5px 0px 0px 5px;
  border-width: 0px;
}

#MailMessage td {
  background-color: transparent;
  padding: 0px 10px 4px 0px;
  border-width: 0px;
}

div.MailImage {
  float: right;
  margin: 5px 0px 5px 0px;
  width: 175px;
  text-align: center;
}

img.MailImage {
  border-color: #86937d;
  border-style: solid;
  border-width: 1px;
}

img.MailIcon {
  float: left;
  margin: 0px;
}

div.mailbody {
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
  background-color: #ffffff;
  margin: 10px;
  padding: 10px;
  overflow: auto;
  width: 525px;
}

#MailMenu {
  text-align: right;
  margin: 10px;
}

#MailMenu img {
  margin: 0px 0px 0px 10px;
}

table.Invisible {
  background-color: #ffffff;
  border-width: 0px;
}

input.CharCount {
  text-align: left;
  background-color: #fafad6;
  border-color: #fafad6;
  border-width: 1px;
  border-style: solid;
  width: 95%;
  font-weight: bold;
}

/***************************************************************************
                            ##### EMOTICONS #####
***************************************************************************/

img.Emoticon {margin: 0px 3px 0px 3px;}
div.debug {border-color: #ff0000; border-style: solid; border-width: 1px; margin: 10px; padding: 5px; background-color: #ffffff; color: #000000; font-size: 12px; text-align: left;}
dl {line-height: 140%;}
dt {font-size: 110%; color: #000000; margin: 10px 0px 10px 0px; letter-spacing: 1px; font-weight: bold;}
dd {font-size: 110%; margin-right: 40px;}

/***************************************************************************
                            ##### RADIO STATIONS #####
***************************************************************************/

#RadioStations td {background-color: #FFFFFF; text-align: center; border-color: #000000;}
#RadioStations table {border-color: #000000;}
#RadioStations th {border-color: #000000;}

/***************************************************************************
                            ##### GLOSSARY #####
***************************************************************************/

#GlossaryLetters {text-align: center; font-size: 140%; font-weight: bold; line-height: 140%;}
#GlossaryLetters a {}

/***************************************************************************
                            ##### PRODUCT REVIEWS #####
***************************************************************************/

#ProductReviews td {
  background-color: transparent;
  text-align: center;
  border-width: 0px;
  line-height: 140%;
}

#ProductReviews table {
  border-width: 0px;
}

#ProductReviews th {
  border-width: 0px;
}

#ProductReviews img {
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
  margin: 0px 0px 5px 0px;
}

div.ReviewText {
  font-size: 90%;
  margin: 15px 0px 0px 0px;
  text-align: left;
}

/***************************************************************************
                            ##### MyPictures #####
***************************************************************************/

div.MyPictures {
  text-align: center;
  margin: 0px 0px 5px 0px;
}

img.MyPictures {
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
}

select.MyPictures {
  font-size: 11px;
  margin: 0px 0px 5px 0px;
}

div.MyPicturesPublic {
  color: #005500;
  font-weight: bold;
  display: inline;
}

div.MyPicturesPrivate {
  color: #c40000;
  font-weight: bold;
  display: inline;
}

div.MyProfilePhoto {
  font-weight: bold;
  margin: 4px 0px 4px 0px;
}

div.SmallText {
  font-size: 11px;
  font-weight: bold;
}

/***************************************************************************
                            ##### MAIL ATTACHMENTS #####
***************************************************************************/

div.ComposeAttachment {
  height: 130px;
  width: 130px;
  text-align: center;
  margin: 0px 5px 5px 0px;
  float: left;
}

img.MessageAttachment {
  margin: 0px 0px 10px 0px;
}

div.DynamixRegionDataStyle {
  padding: 0px;
  background-color: #ffffb0;
}

div.DynamixRegionDataStylePlain {
  padding: 0px;
}

div.SelectThis {
  font-size: 11px;
  font-weight: bold;
  margin: 0px 0px 5px 0px;
}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.calendar .nav { background: url("../images/menuarrow.gif") no-repeat 100% 100%; } .calendar tfoot .ttip .error { color: #c20; } .calendar tfoot tr.time td { padding: 0; border-top: 1px solid; } .calendar tfoot tr.time td.timetext { text-align: center; } .calendar tfoot tr.time table td, .calendar tfoot tr.time td.hilite, .calendar tfoot tr.time td.active { border: 0; padding: 0; } .calendar tfoot tr.time td.hour, .calendar tfoot tr.time td.minute { text-align: right; font-weight: bold; border-right: 1px solid; padding: 0 1px 0 3px;} .calendar tfoot tr.time td.colon { text-align: center; font-weight: bold; background: transparent; } .calendar tfoot tr.time td.ampm { text-align: center; } .calendar-time-scroller { border-left: 1px solid; border-right: 1px solid; } .calendar-time-scroller .up {width: 11px; background: transparent url("../images/scroller-up.gif") no-repeat 50% 50%; height: 0.5em;} .calendar-time-scroller .down {width: 11px; background: transparent url("../images/scroller-down.gif") no-repeat 50% 50%; height: 0.5em;} .calendar .combo {position: absolute; display: none; top: 0px; left: 0px; width: 4em; cursor: default; border: 1px solid; font-size: 90%;}
.calendar {z-index: 100;} .calendar .combo .label, .calendar .combo .label-IEfix {text-align: center; padding: 1px;} .calendar .combo .label-IEfix { width: 4em;} .calendar .combo .disabled { color: #888; } .calendar .history { width: 18em; } .calendar .history .label { text-align: center; } .calendar .history .label-IEfix { width: 18em; } div.calendar { position: relative; } .calendar, .calendar table {border: 1px solid; font-size: 11px; cursor: default; font-family: tahoma,verdana,sans-serif;} .calendar .button {text-align: center; padding: 2px; } .calendar .nav {} .calendar thead .title {font-weight: bold; text-align: center; padding: 2px;} .calendar thead .headrow {} .calendar thead .name {border-bottom: 1px solid; padding: 2px; text-align: center; } .calendar thead .weekend {} .calendar thead .hilite {border: 1px solid; padding: 1px;} .calendar thead .active {padding: 2px 0px 0px 2px;} .calendar thead .daynames {} .calendar tbody .day {width: 2em; text-align: right; padding: 2px 4px 2px 2px; } .calendar tbody .day.othermonth {font-size: 80%; } .calendar tbody .day.othermonth.oweekend {} .calendar table .wn {padding: 2px 3px 2px 2px; border-right: 1px solid;} .calendar tbody .rowhilite td {} .calendar tbody .rowhilite td.wn {} .calendar tbody td.hilite {padding: 1px 3px 1px 1px; border: 1px solid;} .calendar tbody td.active {padding: 2px 2px 0px 2px;} .calendar tbody td.selected {font-weight: bold; border: 1px solid; padding: 1px 3px 1px 1px;} .calendar tbody td.weekend {} .calendar tbody td.today {font-weight: bold;} .calendar tbody .disabled { color: #999; } .calendar tbody .emptycell {visibility: hidden;} .calendar tbody .emptyrow {display: none;} .calendar tfoot .footrow {text-align: center;} .calendar tfoot .ttip {padding: 2px;} .calendar tfoot .hilite {border: 1px solid; padding: 1px;} .calendar tfoot .active {padding: 2px 0px 0px 2px;} .calendar .combo .active {border-top: 1px solid; border-bottom: 1px solid; font-weight: bold;} .calendar {border-color: #232;} .calendar table {border-color: #565; color: #000; background-color: #efe;} .calendar .button {background-color: #676; color: #fff;} .calendar .nav {background-color: #676;} .calendar thead .title {background-color: #250; color: #efa;} .calendar thead .headrow {} .calendar thead .name {border-color: #565; color: #000;} .calendar thead .weekend {color: #a66;} .calendar thead .hilite {background-color: #afa; color: #000; border-color: #084;} .calendar thead .active {background-color: #7c7;} .calendar thead .daynames {background-color: #dfb;} .calendar tbody .day {color: #564;} .calendar tbody .day.othermonth {color: #888;} .calendar tbody .day.othermonth.oweekend {color: #c88;} .calendar table .wn {border-color: #8a8; background-color: #dfb;} .calendar tbody .rowhilite td {background-color: #dfd;} .calendar tbody .rowhilite td.wn {background-color: #efe;} .calendar tbody td.hilite {background-color: #efd; border-color: #bbb;} .calendar tbody td.active {background-color: #dec;} .calendar tbody td.selected {border-color: #000; background-color: #f8fff8; color: #000;} .calendar tbody td.weekend {color: #a66;} .calendar tbody td.today {color: #0a0;} .calendar tbody .disabled {color: #999;} .calendar tbody .emptycell {} .calendar tbody .emptyrow {} .calendar tfoot .footrow {background-color: #565; color: #fff;} .calendar tfoot .ttip {background-color: #250; color: #efa;} .calendar tfoot .hilite {background-color: #afa; border-color: #084; color: #000;} .calendar tfoot .active {background-color: #7c7;} .calendar .combo {border-color: #565; background-color: #efd; color: #000;} .calendar .combo .hilite {background-color: #af8;} .calendar .combo .active {border-color: #6a4; background-color: #efe;} .calendar tfoot tr.time td { border-color: #8a8; } .calendar tfoot tr.time td.hour, .calendar tfoot tr.time td.minute { border-color: #aca; } .calendar tfoot tr.time td.hilite { background-color: #af8; } .calendar tfoot tr.time td.active { background-color: #7c7; }