/* Patagonia Online - basic.css - Content sections, boxes, tables */

/* ======================== CONTENT BOXES ======================== */
#content .Box {
  position: relative;
  margin: 8px;
  margin-bottom: 16px;
  color: #3D1E00;
  border: 2px solid #5A2800;
  background: transparent;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 0 0 1px #8B5E3C;
}

#content .BoxContent {
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 12px;
  background: #C9B48E;
  color: #3D1E00;
  min-height: auto;
  height: auto !important;
  padding: 14px 16px;
  line-height: 1.6;
  border-top: none;
  border-radius: 0 0 8px 8px;
}

* html #content .Box { width: 100%; }
* html #content .BoxContent { width: 100%; }

#content th {
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-align: left;
  color: #F0D060;
  background: linear-gradient(to bottom, #6B3A00, #5A2800);
  padding: 10px 14px;
}

#content .BoxContent td {
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 12px;
  color: #3D1E00;
  padding: 8px 10px;
}

/* Hide old corners */
#content .Corner-tl, #content .Corner-tr,
#content .Corner-bl, #content .Corner-br,
#content .BottomCornersHelper, #content .CornerWrapper-b { display: none; }

#content .Border_1 { display: none; }

#content .BorderTitleText {
  position: relative;
  height: auto;
  background: linear-gradient(to bottom, #6B3A00, #5A2800) !important;
  padding: 10px 16px;
  border-radius: 12px 12px 0 0;
}

#content .Title { position: relative; top: 0; left: 0; }
#content .Border_2 { margin: 0; padding: 0; background: transparent; }
#content .Border_3 { margin: 0; border: none; }

/* Text colors */
#content .BoxContent td .white, #content .BoxContent .white { color: #5A2800; font-weight: 600; visibility: visible; }
#content .BoxContent td .green { color: #2D7A3A; }
#content .BoxContent td .yellow { color: #9A7520; }
#content .BoxContent td .red { color: #B82E2E; }
#content .BoxContent td .grey { color: #7A6E5E; }

/* ======================== TABLE CONTAINERS ======================== */
.TableContainer {
  border: 2px solid #5A2800;
  position: relative;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 0 0 1px #8B5E3C;
  margin-bottom: 16px;
}

.TableContainer .Odd { background: #C9B48E; }
.TableContainer .Even { background: #BFAA82; }

/* Table Header */
.TableContainer .CaptionContainer {
  position: relative;
  background: linear-gradient(to bottom, #6B3A00, #5A2800) !important;
  width: 100%;
  text-align: left;
}

.TableContainer .CaptionContainer .CaptionInnerContainer {
  position: relative;
  background: transparent;
  width: 100%;
  padding: 12px 18px;
}

.TableContainer .CaptionContainer .Text {
  font-family: 'Segoe UI', Arial, sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: #F0D060 !important;
  padding: 0;
  letter-spacing: 0.4px;
}

/* Hide decorative edges */
.TableContainer .CaptionContainer .CaptionEdgeLeftTop,
.TableContainer .CaptionContainer .CaptionEdgeRightTop,
.TableContainer .CaptionContainer .CaptionEdgeLeftBottom,
.TableContainer .CaptionContainer .CaptionEdgeRightBottom,
.TableContainer .CaptionContainer .CaptionBorderTop,
.TableContainer .CaptionContainer .CaptionBorderBottom,
.TableContainer .CaptionContainer .CaptionVerticalLeft,
.TableContainer .CaptionContainer .CaptionVerticalRight { display: none; }

/* Table Content */
.TableContentContainer {
  border: none;
  position: relative;
  margin: 0;
  background: #C9B48E;
  padding: 0;
}

.TableContent { width: 100%; border-collapse: collapse; }

.TableContent td {
  padding: 10px 14px;
  color: #3D1E00;
  border-bottom: 1px solid #A89470;
  font-size: 12px;
}

.TableContent td:first-child { padding-left: 16px; }
.TableContent tr:last-child td { border-bottom: none; }

.TableContent td a { color: #5A2800; font-weight: 600; }
.TableContent td a:hover { color: #c8a64e; }

/* Inner Layouts */
.TableContainer .Table1,
.TableContainer .Table2,
.TableContainer .Table3,
.TableContainer .Table4,
.TableContainer .Table5 {
  width: 100%; border: none; background: #C9B48E; padding: 0; margin: 0;
}

.TableContainer .Table1 .InnerTableContainer,
.TableContainer .Table3 .InnerTableContainer,
.TableContainer .Table4 .InnerTableContainer,
.TableContainer .Table5 .InnerTableContainer { padding: 12px 16px; margin: 0; }

.TableContainer .Table2 .InnerTableContainer { margin-top: 0; }
.TableContainer .Table2 .InnerTableContainer table { border-collapse: collapse; }
.TableContainer .Table2 .InnerTableContainer td,
.TableContainer .Table3 .TableContentAndRightShadow td {
  padding: 8px 12px;
  border: 1px solid #A89470;
}

/* Shadows - hide */
.TableShadowContainerRightTop, .TableShadowRightTop,
.TableShadowContainer, .TableBottomShadow,
.TableBottomLeftShadow, .TableBottomRightShadow { display: none; }
.TableContentAndRightShadow { position: relative; margin: 0; }

/* Labels */
.LabelV {
  font-weight: 600;
  padding-right: 12px;
  white-space: nowrap;
  vertical-align: top;
  color: #5A2800;
}

.LabelH {
  font-weight: 600;
  padding-right: 12px;
  white-space: nowrap;
  background: #EDE0C8;
}

.LabelH td {
  background: #EDE0C8;
  padding: 8px 12px;
}

/* Buttons */
.InnerTableButtonRow { width:100%; padding:0 0 4px 1px; border:0; }
.InnerTableButtonRow td { padding-right:4px; }
.BigButton { position:relative; width:135px; height:25px; z-index:10; }
.BigButtonOver { position:absolute; top:0; left:0; width:137px; height:25px; visibility:hidden; z-index:15; }
.ButtonText { position:absolute; top:0; left:0; height:25px; width:135px; z-index:20; }
.TopButtonContainer { position:relative; right:4px; top:4px; z-index:60; }
.TopButtonContainer .TopButton { position:absolute; right:0; z-index:55; }

/* Rows */
#content .BoxContent .Odd { background: #C9B48E; padding: 6px 10px; }
#content .BoxContent .Even { background: #BFAA82; padding: 6px 10px; }

#content .NewsCategoryIconSmall {
  position:absolute; top:1px; left:1px; height:16px; width:16px; background-repeat:no-repeat;
}

/* ======================== NEWS ======================== */
#NewsTicker { height:100%; }

#content #NewsTicker .BoxContent {
  padding: 14px 16px;
  min-height: auto;
  height: auto !important;
}

#content #NewsTicker .BoxContent .Row { position:relative; width:100%; }
#content #NewsTicker .NewsTickerIcon { position:absolute; top:1px; left:1px; height:16px; width:16px; background-repeat:no-repeat; }
#content #NewsTicker .NewsTickerText { position:relative; margin-left:20px; }
#content #NewsTicker .NewsTickerDate { position:absolute; top:0; float:left; color: #8B6B4A; font-weight: 500; }
#content #NewsTicker .NewsTickerShortText { margin-left:85px; height:14px; color: #3D1E00; }
#content #NewsTicker .NewsTickerFullText { margin-left:85px; margin-right:20px; display:none; color: #3D1E00; }
#content #NewsTicker .NewsTickerExtend { position:relative; right:1px; top:1px; height:12px; width:12px; background-repeat:no-repeat; float:right; cursor:pointer; z-index:10; }

#content #News .BoxContent {
  min-height:auto;
  height:auto !important;
  padding: 16px;
}

#content #News .NewsHeadlineBackground {
  position: relative;
  height: auto;
  padding: 10px 14px;
  margin-bottom: 10px;
  background: linear-gradient(to right, #5A2800, #6B3A00);
  border: none;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.15);
}

#content #News .NewsHeadlineIcon { position:absolute; top:6px; left:10px; margin:0; }
#content #News .NewsHeadlineDate { position:absolute; top:10px; left:50px; width:85px; color:#D4C0A1; font-size: 11px; font-weight: 500; }
#content #News .NewsHeadlineText { position:relative; top:0; left:135px; font-weight:600; color:#F0D060; font-size: 13px; letter-spacing: 0.3px; }

/* ======================== MESSAGE BOXES ======================== */
.MessageContainer { position:relative; margin:10px 0; }
.SmallBox .MessageContainer {
  border: 2px solid #5A2800;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 0 0 1px #8B5E3C;
}

.BoxFrameHorizontal, .BoxFrameEdgeLeftTop, .BoxFrameEdgeRightTop,
.BoxFrameEdgeLeftBottom, .BoxFrameEdgeRightBottom,
.BoxFrameVerticalLeft, .BoxFrameVerticalRight { display: none !important; }