/***************************************************
YOR Diamond Cruise CSS
Created: 08/21/2008
By: Dan Ciarlariello

Tweaking Tips:
-- FireFox Only Tweaks: (html>body format)
html>body #IDTag {padding-top: 12px;}

-- IE Only Tweaks: (use expressions)
#IDTag {height: expression('30');}

****************************************************/

/**************** GLOBAL STYLES ********************/
body {  background-image: url(../_images/bg_body2.jpg); background-repeat: repeat; background-color: #133555; color:#FFFFFF; line-height:18px; font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0px;}
a{ font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
a:hover{ font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:underline;}
td{vertical-align:top;}
h1{ font-size: 18px; vertical-align:top;}

/*************** HOME PAGE STRUCTURE - DY ***************/

.bgHomeSlice1{ background-image:url(../_images/bg_home_slice1.jpg); background-repeat:no-repeat; background-position:top; width:77px;}
.bgHomeSlice2{ background-image:url(../_images/bg_home_slice2.jpg); background-repeat:no-repeat; background-position:top; width:58px;}
.bgHomeSlice4{ background-image:url(../_images/bg_home_slice4.jpg); background-repeat:no-repeat; width:375px; height:369;}
.bgHomeSlice5{ background-image:url(../_images/bg_homeUnderCoral.jpg); background-repeat:no-repeat; width:850px; height:157px;}
.bgHomeLogoSlice{ background-image:url(../_images/bg_home_slice3.jpg); background-repeat:no-repeat; width:375px; height:99px;}
.homeNavFillTop{ background-color:#353535; height:15px; width:100%;}


/*************** HOME PAGE STRUCTURE - DC ***************/

/* Main Content Holders */
.bodyHomePage{ background-image: url(../_images/bg_homeMain2.jpg); background-repeat:repeat-x; background-position:top; background-color:#045495; }
.HomeLeftContent{  width: 212px;}

/* Left Side */
.HomeLeftConTop1{ height:100px; width:212px;}
.HomeLeftConTop2{ background-image:url(../_images/bg_HomeLeftConTop2.jpg); background-repeat:no-repeat; width:158px;}
.HomeLeftConBot{ }
.LangSpcrTop{ height:34px;}
.LangTD1{ width: 35px;}
.LangTD2{ text-align:center;}
.LangTD3{ text-align:center;}
.LangTD4{ width: 60px;}
.LangSpcrBot{}

/* Right Side */
.HomeRightConSpcr{ height: 15px}
.HomeRightConTop{ height: 26px;}
.HomeRightSpacer{ height:59px;}
.HomeRightConBot{ height:368px; }
.HomeRightBannerTbl{ height:168px;}
.HomeRightContent{  height: 468px;}

/* Bottom Content Tabs */
.HomeConBotBGTD{ background-image:url(../_images/bg_HomeConBot.jpg); background-repeat:repeat-x;}
.sectionBox1{ background-image:url(../_images/sectBox_1b.jpg); background-repeat:no-repeat; width:424px; height:249px; background-color:#78adc6;}
.sectionBox2{ background-image:url(../_images/sectBox_2.jpg); background-repeat:no-repeat; width:213px; height:249px; background-color:#78adc6;}
.sectionBox3{ background-image:url(../_images/sectBox_3.jpg); background-repeat:no-repeat; width:213px; height:249px; background-color:#78adc6;}
.TabSpcr{ height: 22px;}
.TabTitle{ color: #FFFFFF; font-size: 18px;  font-family:Verdana, Arial, Helvetica, sans-serif; height: 32px; font-weight:bold;}
.TabTitle h1{ color: #FFFFFF; font-size: 18px;  font-family:Verdana, Arial, Helvetica, sans-serif; height: 32px; font-weight:bold; margin-bottom:0; margin-top:0;}
.TabTitle h2{ color: #FFFFFF; font-size: 18px;  font-family:Verdana, Arial, Helvetica, sans-serif; height: 32px; font-weight:bold; margin-bottom:0; margin-top:0;}
.TabTitle h3{ color: #FFFFFF; font-size: 18px;  font-family:Verdana, Arial, Helvetica, sans-serif; height: 32px; font-weight:bold; margin-bottom:0; margin-top:0;}
.TabContentOLD{ line-height: 18px; font-size:11px; color: #FFFFFF; font-weight:bold;}
.TabContent{ line-height:normal; font-size:11px; color: #FFFFFF; }
.TabContent a{ color:#ECEDC5; text-decoration:none;}
.TabContent a:hover{ color:#ECEDC5; text-decoration:underline;}

/*************** SUB PAGE MAIN STRUCTURE  ***************/

.bodySubPage{ background-image: url(../_images/bg_subMain.jpg); background-repeat:repeat-x; background-position:top; background-color:#035495; }
/* Outside Graphics */
.bgSubMainLeftTD{ background-image:url(../_images/bg_subMainLeft.jpg); background-repeat:no-repeat; background-position:top right; width:74px; height:873px;}
.bgSubMainRightTD{ background-image:url(../_images/bg_subMainRight.jpg); background-repeat:no-repeat; background-position:top left; width:78px;}

/* Sub Top */
.headerHolder{ height:152px; width:851px; background-image:url(../_images/bg_subTopHeader.jpg); background-repeat:no-repeat;}
.SubTopSpacer{ height:111px; width:851px;}
.SubLeftConTop1{ height:100px; width:212px;}
.SubLeftConTop2{ background-image:url(../_images/bg_SubLeftConTop2.jpg); background-repeat:no-repeat; width:158px;}
.subFill01{ background-image:url(../_images/bg_subFill-01.jpg); background-repeat:repeat-x; width:100%;}

/* Sub Content */
.SubConBotBGTD{ background-color: #7dafc8;}
.SubContentHolder{ background-image:url(../_images/bg_SubTD-01.jpg); background-repeat:repeat-x; background-position:top; background-color:#4185a3;}
.subPanel_Left_LeftRail{ vertical-align:top; background-image:url(../_images/bg_Lpanel_Lrail.gif); background-repeat:repeat-y; width:11px; }
.subPanel_Left_RightRail{ vertical-align:top; background-image:url(../_images/bg_Lpanel_Rrail.gif); background-repeat:repeat-y; width:17px; }
.subLeftPanel_Mid{ width:481px; background-color:#85adc4; height:100%; vertical-align:top; background-image:url(../_images/bg_Lpanel_TopFill.gif); background-repeat:repeat-x; background-position:top;}
.subLeftPanel_Mid_Rules{ width:530px; background-color:#85adc4; height:100%; vertical-align:top; background-image:url(../_images/bg_Lpanel_TopFill.gif); background-repeat:repeat-x; background-position:top;}

.subLeftPanel_Mid_Photos{ background-color:#85adc4; height:100%; vertical-align:top; background-image:url(../_images/bg_Lpanel_TopFill.gif); background-repeat:repeat-x; background-position:top;}

.subMainPanel_Mid{ width:500px; background-color:#85adc4; height:100%; vertical-align:top; background-image:url(../_images/bg_Lpanel_TopFill.gif); background-repeat:repeat-x; background-position:top;}
.LeftPanelContentTbl{ width:100%;}
.LeftPanelContentTd{vertical-align:top; padding-top:16px;}

.normalText h1{ color:#FFFFFF; line-height:18px; font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0px; font-weight:normal; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px;}
.normalText h2{ color:#FFFFFF; line-height:18px; font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0px; font-weight:normal; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px;}

/*************** SUB PAGE 2 COLUMN LAYOUT  ***************/

.subPanel_RightHolder{ width:228px;} /* use this value to adjust width of the right panels */
.RightPanel_LeftRail{ vertical-align:top; width:9px; background-image:url(../_images/bg_Rpanel_Lrail.gif); background-repeat:repeat-y;}
.RightPanel_Mid{ width:100%; background-image:url(../_images/bg_Rpanel_TopFill.gif); background-repeat:repeat-x; background-position:top; background-color:#8bafc4; padding-right:9px; padding-left:9px;}
.RightPanel_RightRail{ vertical-align:top; width:9px; background-image:url(../_images/bg_Rpanel_Rrail.gif); background-repeat:repeat-y;}
.RightPanelContent{ height:280px; width:100%; line-height:normal;}
.tabTable1{ background-image:url(../_images/bg_Rpanel_BtmFill.gif); height:20px; background-repeat:repeat-x;}
.tabOff{ width:38px; height:20px; background-image:url(../_images/tab_off.jpg); background-repeat:no-repeat; background-position:center; background-position:top;
text-align:center; vertical-align:middle; padding-top:2px}
.tabOff a{ color:#334a38; font-weight:bold;}
.tabOff a:hover{ color:#334a38; font-weight:bold; text-decoration:underline;}

.tabOn{ width:38px; height:20px; background-image:url(../_images/tab_on.jpg); background-repeat:no-repeat; background-position:center; background-position:top;
text-align:center; vertical-align:middle; padding-right:3px;}
.tabOn a{ color:#334a38; font-weight:bold;}
.tabOn a:hover{ color:#334a38; font-weight:bold; text-decoration:underline;}

.subPage_Subtitle{ color:#405c74; font-weight:bold; font-size:12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-align:left;}

.Sub2ColTD1{ text-align:left; vertical-align:top;}
.Sub2ColTD2{ }
.Sub2ColTD4{ }
.Sub2ColTD5{ text-align:right; vertical-align:top;}

.SubText{ line-height: 18px;}
.qualTitle{ color: #FFFFFF; font-size: 18px;  font-family:Verdana, Arial, Helvetica, sans-serif; height: 51px; font-weight:bold; vertical-align:middle;}
.qualPhoto{ width:51px; padding-top:5px; padding-right:10px;}
.RightPanelTitle{ font-weight:bold; text-align:center; font-size:12px; color:#ebe4a9; padding-top:5px; padding-bottom:4px;}
.RightPanelTitle2{ font-weight:bold; text-align:right; font-size:16px; color:#d2e5ef; padding-top:12px; padding-bottom:8px;}
.RightPanelTitle3{ color:#405c74; font-size:12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-align:right;}

.RightPanelSubTitle{ font-weight:bold; padding-bottom:5px; }
.ItineraryPanel{ width:100%; line-height:normal;}
.RightPanelRuleSpacer{ height:10px; border-top:solid; border-width:1px; border-color:#FFFFFF;}

/******************  RANKINGS SPECIFIC  *********************/
.rankingsSideSpacer{ width:20px;}
.rankNameBox{ height:37px; background-image:url(../_images/bg_subPg_RankNameBg.gif); background-repeat:repeat-y; background-position:right; font-family:"Times New Roman", Times, serif, sans-serif; font-size:24px; vertical-align:middle; padding-left:8px;}
.rankNumberBox{ width:30px; height:37px; background-image:url(../_images/bg_subPg_RankNameBg.gif); background-repeat:repeat-y; background-position:left; font-family:"Times New Roman", Times, serif, sans-serif; font-size:24px; vertical-align:middle; padding-left:8px;}
.rankNameTopSpcr{ height:10px; }
.photoTD{ width:66px; height:62px;}
.photoTeamTD{width:132px; height:62px; padding-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px;}
.rankingsHolderTbl{ width:96%; margin-left:auto; margin-right:auto;}
html>body ..photoTeamTD{width:150px; height:62px; padding-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px;}


/************* TOP NAV BUTTONS ******************/
.NavTDSpcr{ text-align:right; vertical-align:middle;}
.NavTDSide{ width:12px;}
.NavTDMidHome{ background-image:url(../_images/nav_top_goldMid.gif); background-repeat: repeat-x; text-align:center; font-weight:bold; color:#336633;}
.subNavTDMidHome{ background-image:url(../_images/nav_subtop_goldMid.gif); background-repeat: repeat-x; text-align:center; font-weight:bold; color:#336633;}
.subNavTDMidHome a{ color:#4193bf; }
.subNavTDMidHome a:hover{ color:#4193bf; text-decoration:underline; }
.NavTDMidHome a{ color:#336633; text-decoration:none;}
.NavTDMidHome a:hover{ color:#336633; text-decoration:underline;}
.NavTDMid{ background-image:url(../_images/nav_top_grnMid.gif); background-repeat: repeat-x; text-align:center; font-weight:bold;}
.subNavTDMid{ background-image:url(../_images/nav_subtop_clrMid.gif); background-repeat: repeat-x; text-align:center; font-weight:bold;}
.subNavTDMid a{color:#FFFFFF;}
.subNavTDMid a:hover{color:#FFFFFF; text-decoration:underline;}
.NavTDMid a{ color:#FFFFFF; text-decoration:none;}
.NavTDMid a:hover{ color:#FFFFFF; text-decoration:underline;}
#NavHome{width:20px;}
#NavRankings{width:20px;}
#NavRules{width:20px;}

/************* BOTTOM FOOTER ******************/
.BotLinks{  height: 24px; vertical-align:middle;  background-color: #333333; width:650px; color:#FFFFFF; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
.BotLinks a{ font-size:9px; color:#FFFFFF; text-decoration:none;}
.BotLinks a:hover{ font-size:9px; color:#FFFFFF; text-decoration:underline;}
.BotCopyright{ height: 24px; vertical-align:middle;  background-color: #333333; width: 180px; color: #FFFFFF; font-size: 9px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:right; font-weight:bold; }


/*********************************  PHOTO DETAIL PAGE  ********************************************/
.photoLabelTD{font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:9px; text-align:center; width:154px; height:13px;}
.photoLabelTextTD{text-align:center; padding-top:3px; padding-bottom:5px; background-color:#33597a;}
.photoLabelText, .photoLabelText a{font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:10px; text-align:center; text-decoration:none;}
.photoLabelText a:hover{font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:10px; text-align:center; text-decoration:underline;}
.photoThumnailsHolder{ width:100%; text-align:center; padding-top:10px;}
.photoThumbRowSpacer{height:15px; width:100%;}
.photoThumbTD{width:154px; height:105px; background-color:#33597a; text-align:center;}
.pDet_g1Td{text-align:right; vertical-align:top; width:72px; height:65px;}
.pDet_BannerTD{padding-left:400px; padding-right:80px; padding-top:76px; width:100%;}
.border1T{width:154px; height:2px; background-image:url(../_images/bg-pBorder-T.gif); background-repeat:repeat-x;}
.border1L{width:2px;  background-image:url(../_images/bg-pBorder-L.gif); background-repeat:repeat-y;}
.border1R{width:2px;  background-image:url(../_images/bg-pBorder-R.gif); background-repeat:repeat-y;}
.border1B{width:154px; height:2px; background-image:url(../_images/bg-pBorder-B.gif); background-repeat:repeat-x;}