body {margin:0px auto; padding:0px; text-align: center;  font:normal 9pt Georgia, Palatino Linotype,sans-serif, Arial; background-color:#FFFFFF; height:100%;} .prePage {width: 997px; padding:0px;  margin:0px auto;text-align:left; clear:left;border:1px solid; border-color:#eeeeee;} .footer {width:999px;padding:0px;  margin:0px auto;  background-color:#CCCCCC; color:#FFFFFF;text-align:center;} .copyright {float:right;padding:0px;  margin:0px auto;  background-color:#FFFFFF; color:#000000;text-align:right;} .contentHolder {width: 760px; padding:20px 10px 10px 10px;  margin:0px auto; text-align:left; background-color:#FFFFFF;color:#000000; height:100%;clear:left;} .inputField {font: normal 10px  Helvetica, Arial,Verdana,sans-serif; color: #000000; text-decoration: none; background: #FFF7E6; width: 180px; border: 1px solid #FFDB8A; margin: 0px; padding:0px; } .buttonField {font: bold 11px  Helvetica, Arial,Verdana,sans-serif; color: #FFFFFF; text-decoration: none; background: #3377cc; padding: 0px ; border: 1px solid #3b5998; margin:2px 4px;width:auto; height:17px; } .textareaField {font: normal 10px  Helvetica, Arial,Verdana,sans-serif; color: #000000; text-decoration: none; background-color: #FFF7E6; height: 100px; width:330px; border: 1px solid #FFDB8A; margin: 2px 0px 2px 0px;} .translation:link {color:#009933;text-decoration:underline; background-color:inherit;} .translation:active {color:#009933;text-decoration:underline; background-color:inherit;} .translation:visited {color:#009933;text-decoration:underline; background-color:inherit;} .translation:hover {color:#009933;text-decoration:underline; background-color:inherit;} .draftTranslation:link {color:#3366FF;text-decoration:underline; background-color:inherit;} .draftTranslation:active {color:#3366FF;text-decoration:underline; background-color:inherit;} .draftTranslation:visited {color:#3366FF;text-decoration:underline; background-color:inherit;} .draftTranslation:hover {color:#3366FF;text-decoration:underline; background-color:inherit;} .noTranslation:link {color:#FF3333;text-decoration:underline; background-color:inherit;} .noTranslation:active {color:#FF3333;text-decoration:underline; background-color:inherit;} .noTranslation:visited {color:#FF3333;text-decoration:underline; background-color:inherit;} .noTranslation:hover {color:#FF3333;text-decoration:underline; background-color:inherit;} a:link {color:#0066CC;text-decoration:underline; background-color:inherit;} a:active {color:#0066CC;text-decoration:underline; background-color:inherit;} a:visited {color:#0066CC;text-decoration:underline; background-color:inherit;} a:hover {color:#0066CC;text-decoration:underline; background-color:inherit;} .menuList {text-indent: 0px;  list-style-type: circle;	margin: 0px; padding: 0px 0px 0px 20px;} .menuList li {text-indent: 0px;  list-style-type: circle; margin: 0px; padding: 2px 0px 2px 0px;} .info {font-style:italic;color:#483d8b;} .message {background-color:#F5FFE6; padding:0px; margin:0px 0px 10px 0px; border:solid 2px; border-color:#99BF60; color:#708059;font-weight:bold;} .error {font-weight:bold;color:#FF0033;} .leftColumn {padding:0px; margin:0px; width:200px; float:left;background-color:#eeeeee;} .centralColumn {padding:0px; margin:0px; width:797px; float:left;height:100%;} .header {padding:4px 0px 2px 0px; margin:0px auto; width:997px; text-align:left;background-color:#FFF2E6; color:#000000;} .enclosure {padding:0px; margin:0px auto; background-color:#FFFFFF;min-height:600px; } .top {padding:0px 0px 0px 0px;   text-align:center;} .logo {padding:0px 0px 0px 10px; margin:0px; width:260px; float:left;} .language {float:left; padding: 1px 0px 10px 10px; margin:0px; } .user {float:right; padding: 0px ; margin:0px; text-align:right;} .lightLink:link {color:#FFE2C5;text-decoration:underline; background-color:inherit;} .lightLink:active {color:#FFE2C5;text-decoration:underline; background-color:inherit;} .lightLink:visited {color:#FFE2C5;text-decoration:underline; background-color:inherit;} .lightLink:hover {color:#FFCC99;text-decoration:underline; background-color:inherit;} .topLine {background-color:#EEE6FF; height:2px;padding:0px; margin:0px auto;color:inherit; width:997px;} .wizzard {padding:3px 3px 3px 3px; margin:0px; border: 4px solid; border-color:#e0f7dd; background-color:#f2fbf1; clear:left;} .wizzardTitle {padding:2px 0px 4px 0px; margin:0px;  font-size:13px; color:#9a2325; font-weight:bold; } .completedStep {padding:2px 0px 2px 0px; margin:0px; color:#3366cc; font-weight:bold;font-weight:bold;} .currentStep {padding:2px 0px 2px 0px; margin:0px; color:#ff3300;font-weight:bold;} .upcomingStep {padding:2px 0px 2px 0px; margin:0px; color:#3366cc;font-weight:bold;} .pageTitle {padding:2px 10px 2px 10px; margin:0px; font:bold 13px Verdana, Arial ,sans-serif; color:#003366; background-color:#dcebfa;} .categoriesList {padding:30px 0px 0px 0px; margin:0px; width:100px; float:left; font-size:12px; font-weight:bold; color:#868686;} .simpleList {text-indent: 0px;  list-style-type: none; padding: 0px; margin: 0px;} .simpleList li {padding: 3px 0px 3px 0px; margin:0px;} .eventsList {padding:10px 0px 10px 10px; margin:0px; width:650px;float:left;} .filters {padding:4px 4px; margin:0px; font-weight:normal;color:#868686; border:1px solid; border-color:#efe4fe;background-color: #f5effe;} .event {border-top:1px solid;border-bottom:1px solid;border-color:#5C478C; padding:0px 0px 10px 0px; margin:0px;clear:left;} .eventDate {float:left; padding:2px 5px 2px 5px; margin:0px; font-weight:bold; color:#FFFFFF;background-color:#5C478C; text-align:center; width:80px;} .blankEventDate {float:left; width:90px; padding:0px; margin:0px;} .eventBody {float:left; padding:5px 5px; margin: 0px; width:550px;} .title {padding:5px 0px 5px 0px; margin:0px; font-size:11pt; font-weight:bold;} .gray {color:#484848;} .legendTd {background:#e6e6e6; font-weight:bold; padding: 0px 4px 2px 5px; color:#363636; font-size:11px; text-align:right;} .fieldTd  {background:#f7f7f7; font-size:11px;} .supraTd {background:#f5f5f5;} .table  {border:1px solid; border-color:#d6d6d6; } .sorters {padding:4px 4px; margin:0px; font-weight:normal;color:#868686; border:1px solid; border-color:#FFE4B5;background-color: #FFFFE0;} .stats {padding:4px 4px; margin:0px; font-weight:normal;color:#868686; border:1px solid; border-color:#F5F5DC;background-color: #F0FFF0;} .currentPage {padding:1px 2px 1px 2px; margin:0px 3px 0px 3px; border:1px solid; border-color:#B0C4DE; background-color:#4682B4;color:#FFFFFF; min-width:20px; float:left; text-align:center;} .pagingPage {padding:1px 2px 1px 2px; margin:0px 3px 0px 3px; border:1px solid; border-color:#B0C4DE; background-color:#DCDCDC;  min-width:20px; float:left; text-align:center;} .pagingStats {padding:2px 2px 2px 2px; margin:0px 3px 0px 3px; color:#4682B4; float:left;} .pm {background-color:#FFFFFF; padding:5px 5px 5px 5px; margin:0px; width:auto; border:1px solid; border-color:#dddddd;} .whiteLink:link {color:#FFFFFF;background-color:inherit;text-decoration:none;} .whiteLink:active {color:#FFFFFF;background-color:inherit;text-decoration:none;} .whiteLink:visited {color:#FFFFFF;background-color:inherit;text-decoration:none;} .whiteLink:hover {color:#FFFFFF;background-color:inherit;text-decoration:none;} .inputFieldMedium {font: normal 10px  Helvetica, Arial,Verdana,sans-serif; color: #000000; text-decoration: none; background: #FFF7E6; border: 1px solid #FFDB8A; margin: 2px 0px 2px 0px; padding:2px 0px 2px 0px; width:120px;} form {padding:0px; margin:0px;} .level1Menu {float:left;padding: 2px 8px 4px 8px; margin:0px; font-size:11pt; font-weight:bold; background-color:#BFE5FF;} .level1MenuSelected {float:left;padding: 2px 8px 3px 8px; margin:0px; font-size:11pt; font-weight:bold; background-color:#E6F5FF;border-left:1px solid; border-right:1px solid; border-top:1px solid;border-color:#BFE5FF;} .menuSpacer {width:10px;margin: 0px;padding:0px; float:left;} .level1Holder {width:997px;margin: 0px;padding:0px; background:url('menuSpacer.gif') repeat-x bottom; height:24px;} .level2MenuHolder {padding: 0px 10px 0px 20px; margin:0px; font-size:10pt; clear:left; border-left:1px solid; border-right:1px solid; border-bottom:1px solid;border-color:#BFE5FF;background-color:#E6F5FF;} .level2Menu {padding:0px; margin:0px; float:left;} .menuInfo {padding:0px;margin:0px;font-size:10pt;font-weight:normal;} .menuHolder {width:997px;margin: 0px auto; padding:0px;text-align:left;background-color:#FFF2E6;} .line {padding:0px 8px 0px 8px; margin:0px 0px 4px 0px; border-bottom: 1px solid; border-color:#d9d9d9;clear:left;} .slimLine {padding:0px 8px 0px 8px; margin:2px 0px 2px 0px; border-bottom: 1px solid; border-color:#eeeeee;clear:left;} .blockTitle {color:#596F80; font-weight:bold;} .foldingBlock {padding: 20px 0px 0px 0px; margin:0px;} .listTitle {color:#FF6600;font-weight:bold;} .boldedText {color:#363636; font-weight:bold;} .blockTitleLink:visited {color:#596F80; font-weight:bold; text-decoration:none} .blockTitleLink:hover {color:#596F80; font-weight:bold; text-decoration:none} .blockTitleLink:active {color:#596F80; font-weight:bold; text-decoration:none} .blockTitleLink:link {color:#596F80; font-weight:bold; text-decoration:none} .menuSpecialLink:visited {color:#FF6600; font-weight:bold;} .menuSpecialLink:hover {color:#FF6600; font-weight:bold;} .menuSpecialLink:active {color:#FF6600; font-weight:bold;} .menuSpecialLink:link {color:#FF6600; font-weight:bold;} .level3Menu {float:left;padding: 0px 8px 1px 8px; margin:3px 0px 0px; font-size:11px; font-weight:bold; background-color:#d8dfea; border: 1px solid; border-color:#3b5998;} .level3MenuSelected {float:left;padding: 3px 8px 1px 8px; margin:0px; font-size:11px; font-weight:bold; background-color:#FFFFFF;border-left:1px solid; border-right:1px solid; border-top:1px solid;border-color:#3b5998; color:#3b5998;} .level3Spacer {width:10px;margin: 0px;padding:0px; float:left;  border-bottom:1px solid;border-color:#3b5998; height:19px;} .contentBlock {border: 1px solid; border-color:#d8dfea;  padding:4px; margin:0px; background-color:#f8f9fb; clear:left;} .buttonLink  {font: bold 11px  Helvetica, Arial,Verdana,sans-serif; color: #FFFFFF; text-decoration: none; background: #3377cc; padding: 1px 5px 0px 5px; border: 1px solid #3b5998; margin:0px;width:auto; vertical-align:text-top;} .buttonLinkFade {font: bold 11px  Helvetica, Arial,Verdana,sans-serif; color: #FFFFFF; text-decoration: none; background: #999999; padding: 1px 2px 0px 2px; border: 1px solid #3b5998; margin: 2px; vertical-align:text-top;} .buttonFieldFade {font: bold 11px  Helvetica, Arial,Verdana,sans-serif; color: #FFFFFF; text-decoration: none; background: #999999; padding: 0px; margin:2px 4px; border: 1px solid #3b5998; width:auto; height:17px;} .leftCenterHalf {float:left;padding:0px 12px 0px 0px; margin:0px; width: 365px;} .rightCenterHalf {float:left;padding:0px 0px 0px 12px; margin:0px; width:365px;  border-left: 1px dotted; border-color:#cccccc; } .leftCenterColumn {float:left;padding:0px 12px 0px 0px; margin:0px; width: 260px;} .rightCenterColumn {float:left;padding:0px 0px 0px 12px; margin:0px; width:460px;  border-left: 1px dotted; border-color:#cccccc;} .mediaItem {width:197px; padding:5px 5px 5px 5px; float:left;  text-align:center; background-color:#F5FFE6; margin:4px;} .row {padding:5px; margin:0px;border-bottom:1px solid; border-color:#dddddd;} .rowAlternate {padding:5px; margin:0px;background-color:#eeeeee;border-bottom:1px solid; border-color:#cccccc;} .row2 {padding:0px; margin:0px;border-bottom:1px solid; border-color:#dddddd;} .rowAlternate2 {padding:0px; margin:0px;background-color:#eeeeee;border-bottom:1px solid; border-color:#cccccc;} .simpleLeft {float:left; padding:5px; margin:0px; width:auto;} .clearLeft {clear:left;} .clearRight {clear:right;} .leftQuarter {width:150px; border-right:1px solid; border-color:#d6d6d6; padding:0px 5px 0px 0px; margin:0px 0px 5px 0px;  float:left;} .rightQuarter {width:150px; padding:0px 0px 0px 10px; margin:0px 0px 5px 0px; float:left;} .menuBlock {border: 1px solid; border-color:#d8dfea;  padding:0px; margin:0px; background-color:#f8f9fb; clear:left;} .menuBlockHeader {color:#596F80; font-weight:bold; background-color:#d8dfea; padding:2px; margin:0px;} .menuBlockRow {padding:4px; margin:0px; font-size:8pt;} .textareaFieldWide {font: normal 10px  Helvetica, Arial,Verdana,sans-serif; color: #000000; text-decoration: none; background-color: #FFF7E6; height: 200px; width:400px; border: 1px solid #FFDB8A; margin: 2px 0px 2px 0px;} .textareaFieldSlim {font: normal 10px  Helvetica, Arial,Verdana,sans-serif; color: #000000; text-decoration: none; background-color: #FFF7E6; height: 100px; width:600px; border: 1px solid #FFDB8A; margin: 2px 0px 2px 0px;} .headTd {background:#d3dce3; font-weight:bold; color:#596F80; font-size:11px;} .required {font-weight:bold; color:#FF6600; font-size:11pt; padding:0px 5px 0px 5px; margin:0px;} .floatRight {float:right; padding:0px; margin:0px;} .floatLeft {float:left; padding:0px; margin:0px;} .mapCanvas {width: 450px; height: 400px; float:left;} .mapResults {float:left; padding: 0px 0px 0px 20px; width:280px;} .playerModal {background-color:#272727; padding:0px; margin:0px; text-align:center; display:none; color:#FFFFFF; width:660px;} .askModal {background-color:#FFFFFF; padding:0px; margin:0px;  border:solid 1px; border-color:#000000; display:none; color:#000000;  width:600px;} .helpModal {background-color:#FAFFE6; padding:0px; margin:0px; border:solid 1px; border-color:#ACBF60;display:none; width:640px;} .errorModal {background-color:#FFBFBF; padding:0px; border:solid 1px; border-color:#FF0000; text-align:left;display:none; color:#FFFFFF; width:640px; } .topMenu {float:left; width:720px;} .helpBlock {float:right; font-size:11px; color:#686868;} .paging {clear:left; padding:5px 0px 5px 0px; margin:0px;} .postPage {width:999px;padding:0px;  margin:0px auto;}  .invalidDate { width: 150px; float: left; font: normal 10px Helvetica, Arial,Verdana,sans-serif; color: #000000; text-decoration: none; background: #FFBFBF; border: 1px solid #B30000; margin: 2px 0px 2px 0px; padding:2px 0px 2px 0px; } /* Big box with list of options */ #ajax_listOfOptions{ position:absolute; /* Never change this one */ width:175px; /* Width of box */ height:250px; /* Height of box */ overflow:auto; /* Scrolling features */ border:1px solid #317082; /* Dark green border */ background-color:#FFF; /* White background color */ text-align:left; font-size:0.9em; z-index:100; } #ajax_listOfOptions div{ /* General rule for both .optionDiv and .optionDivSelected */ margin:1px; padding:1px; cursor:pointer; font-size:0.9em; } #ajax_listOfOptions .optionDiv{ /* Div for each item in list */ } #ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */ background-color:#317082; color:#FFF; } #ajax_listOfOptions_iframe{ background-color:#F00; position:absolute; z-index:5; } .simpleBlack:link {color:#000000;text-decoration:none; background-color:inherit;} .simpleBlack:active {color:#000000;text-decoration:none; background-color:inherit;} .simpleBlack:visited {color:#000000;text-decoration:none; background-color:inherit;} .simpleBlack:hover {color:#000000;text-decoration:none; background-color:inherit;} .menuBlockGreyRow {padding:4px; margin:0px; font-size:8pt;background-color:#e6e6e6;} .selectedCommentCell {height:100px; width:221px; margin:0px;font-size:8pt;padding:4px; margin:0px; font-size:8pt;background-color:#d8dfea; float:left} .commentCell { height:100px;width:221px; margin:0px;font-size:8pt;padding:4px; margin:0px; font-size:8pt;background-color:#FFFFFF; float:left} #bubble_tooltip{ position:absolute; display:none; } #bubble_tooltip .bubble_top{ background-image: url('../images/bubble_top.gif'); background-repeat:no-repeat; height:16px; } #bubble_tooltip .bubble_middle{ background-image: url('../images/bubble_middle.gif'); background-repeat:repeat-y; background-position:bottom left; padding-left:0px; padding-right:7px; } #bubble_tooltip .bubble_middle span{ position:relative; top:-8px; font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; font-size:11px; padding-right:25px; } #bubble_tooltip .bubble_bottom{ background-image: url('../images/bubble_bottom.gif'); background-repeat:no-repeat; background-repeat:no-repeat; height:44px; position:relative; top:-6px; } #bubble_tooltip .bubbleContainer{ padding:0px; margin:0px; height:369px; clear:left; } #bubble_tooltip .bubbleImageTop{ padding:0px; margin:0px; height:15px; clear:left; } #bubble_tooltip .bubbleImageTopLeft{ background-image: url('../images/bubbleTopLeft.gif'); background-repeat:no-repeat; height:15px; width:15px; float:left; padding:0px; margin:0px; } #bubble_tooltip .bubbleImageTopRight{ background-image: url('../images/bubbleTopRight.gif'); background-repeat:no-repeat; height:15px; width:20px; float:left; padding:0px; margin:0px; } #bubble_tooltip .bubbleImageTopLine{ background-image: url('../images/bubbleTop.gif'); background-repeat:repeat-x; width:205px; height:15px; float:left; padding:0px; margin:0px; } #bubble_tooltip .bubbleImageBottom{ padding:0px; margin:0px; width:auto; height:45px; clear:left; } #bubble_tooltip .bubbleImageBottomLeft{ background-image: url('../images/bubbleBottomLeft.gif'); background-repeat:no-repeat; height:45px; width:20px; float:left; padding:0px; margin:0px; } #bubble_tooltip .bubbleImageBottomRight{ background-image: url('../images/bubbleBottomRight.png'); background-repeat:no-repeat; height:45px; width:70px; float:left; padding:0px; margin:0px; } #bubble_tooltip .bubbleImageBottomLine{ background-image: url('../images/bubbleBottom.gif'); background-repeat:repeat-x; width:150px; height:45px; float:left; } #bubble_tooltip .bubbleImageMiddle{ padding:0px; margin:0px; height:100%; clear:left; } #bubble_tooltip .bubbleImageMiddleLeft{ background-image: url('../images/bubbleLeft.gif'); background-repeat:repeat-y; height:100%; width:20px; float:left; padding:0px; margin:0px; } #bubble_tooltip .bubbleImageMiddleRight{ background-image: url('../images/bubbleRight.gif'); background-repeat:repeat-y; height:100%; width:20px; float:left; padding:0px; margin:0px; } #bubble_tooltip .bubbleImageContent{ padding:0px; margin:0px; width:200px; height:auto; float:left; } .dhtmlgoodies_window{ width:300px; font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; font-size:0.9em; position:absolute; overflow:hidden; z-index:10000; } .dhtmlgoodies_window div{ position:relative; } .dhtmlgoodies_window .dhtmlgoodies_window_top{ width:100%; height:17px; position:relative; background-color: #707070; } .dhtmlgoodies_window .top_buttons{ float:right; z-index:10; position:absolute; right:0px; width:35px; } .top_buttons img{ float:left; padding-left:2px; } .dhtmlgoodies_windowMiddle{ border-left:3px solid #707070; } .dhtmlgoodies_windowContent{ border-right:3px solid #707070; padding-left:5px; padding-right:2px; height:100%; overflow:hidden; background-color:#FFF; } .dhtmlgoodies_window_bottom{ border-left: 3px solid #707070; border-right:3px solid #707070; border-bottom: 3px solid #707070; position:relative; height:0px; background-color:#FFFFFF; } .dhtmlgoodies_window_bottom img{ float:right; } .topCenterImage{ position:absolute; left:3px; width:5000px; height:17px; } .resizeImage{ position:absolute; right:1px; bottom:1px; } .multipleSelectBoxControl span{ /* Labels above select boxes*/ font-family:arial; font-size:11px; font-weight:bold; } .multipleSelectBoxControl div option{ /* Select box layout */ font-family:arial; } .multipleSelectBoxControl div select{ height:100%; } .multipleSelectBoxControl input{ /* Small butons */ width:25px; } .multipleSelectBoxControl div{ float:left; } .multipleSelectBoxDivRight { float:right; } #calendarDiv{ position:absolute; width:205px; border:1px solid #317082; padding:1px; background-color: #FFF; font-family:arial; font-size:10px; padding-bottom:20px; visibility:hidden; } #calendarDiv span,#calendarDiv img{ float:left; } #calendarDiv .selectBox,#calendarDiv .selectBoxOver{ line-height:12px; padding:1px; cursor:pointer; padding-left:2px; } #calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{ line-height:12px; padding:1px; cursor:pointer; padding-left:2px; } #calendarDiv td{ padding:3px; margin:0px; font-size:10px; } #calendarDiv .selectBox{ border:1px solid #E2EBED; color: #E2EBED; position:relative; } #calendarDiv .selectBoxOver{ border:1px solid #FFF; background-color: #317082; color: #FFF; position:relative; } #calendarDiv .selectBoxTime{ border:1px solid #317082; color: #317082; position:relative; } #calendarDiv .selectBoxTimeOver{ border:1px solid #216072; color: #216072; position:relative; } #calendarDiv .topBar{ height:16px; padding:2px; background-color: #317082; } #calendarDiv .activeDay{ /* Active day in the calendar */ color:#FF0000; } #calendarDiv .todaysDate{ height:17px; line-height:17px; padding:2px; background-color: #E2EBED; text-align:center; position:absolute; bottom:0px; width:201px; } #calendarDiv .todaysDate div{ float:left; } #calendarDiv .timeBar{ height:17px; line-height:17px; background-color: #E2EBED; width:72px; color:#FFF; position:absolute; right:0px; } #calendarDiv .timeBar div{ float:left; margin-right:1px; } #calendarDiv .monthYearPicker{ background-color: #E2EBED; border:1px solid #AAAAAA; position:absolute; color: #317082; left:0px; top:15px; z-index:1000; display:none; } #calendarDiv #monthSelect{ width:70px; } #calendarDiv .monthYearPicker div{ float:none; clear:both; padding:1px; margin:1px; cursor:pointer; } #calendarDiv .monthYearActive{ background-color:#317082; color: #E2EBED; } #calendarDiv td{ text-align:right; cursor:pointer; } #calendarDiv .topBar img{ cursor:pointer; } #calendarDiv .topBar div{ float:left; margin-right:1px; }/** * Copyright (c) 2006-2007, Bill W. Scott * All rights reserved. * * This work is licensed under the Creative Commons Attribution 2.5 License. To view a copy * of this license, visit http://creativecommons.org/licenses/by/2.5/ or send a letter to * Creative Commons, 543 Howard Street, 5th Floor, San Francisco, California, 94105, USA. * * This work was created by Bill Scott (billwscott.com, looksgoodworkswell.com). * * The only attribution I require is to keep this notice of copyright & license * in this original source file. * * Version 1.0 - 10.21.2008 */ /** * Standard Configuration. It is advised that this section NOT be modified as the * carousel.js expects the behavior outlined below. **/ .carousel-component { position:relative; overflow:hidden; /* causes the clipping */ display:none; /* component turns it on when first item is rendered */ } .carousel-component ul.carousel-list { width:10000000px; position:relative; z-index:1; } .carousel-component .carousel-list li { float:left; list-style:none; overflow:hidden; } /** * VERTICAL CAROUSEL DEFAULTS **/ .carousel-component .carousel-vertical li { margin-bottom:0px; /* Fix for extra spacing in IE */ float:left; clear:left; /* Force the LI to respect the HEIGHT specified */ overflow:hidden; display:block; } /* For vertical carousel, not set, width defaults to auto */ /* Note if you explicitly set width to auto, this might cause */ /* problems with Safari... as in up/down button not working in some examples. */ .carousel-component ul.carousel-vertical { /* width:auto;*/ } .carousel-component .carousel-clip-region { overflow:hidden; /* Secret to the clipping */ margin:0px auto; position:relative; } /** * ============================================================================== * Safe to override. It is safe to override background, padding, margin, color, * text alignment, fonts, etc. Define a separate CSS file and override your style * preferences. **/ .carousel-component { background:#e2edfa; padding:0px; -moz-border-radius:6px; color:#618cbe; float:left; } .carousel-component ul.carousel-list { margin:0px; padding:0px; line-height:0px; } .carousel-component .carousel-list li { margin:0px; padding:2px; font:10px verdana,arial,sans-serif; color:#666; width:690px; } .carousel-component .carousel-vertical li { } .carousel-component ul.carousel-vertical { } .left-button-image{padding:50px 5px 0px 0px;} .right-button-image{padding:50px 0px 0px 5px;} .noncarousel-component { background-color:#e2edfa; color:inherit; height:auto; padding:1px; -moz-border-radius:6px; color:#618cbe; } #prev-arrow-container { float:left; } #next-arrow-container { float:right; } .prev-arrow { cursor:pointer; margin-top:50px; margin-right:20px; visibility:hidden; } .next-arrow { cursor:pointer; margin-top:50px; margin-left:20px; visibility:hidden; }