/*************************************************************************************
   MAIN
*************************************************************************************/
.wrapper                                                                        { width:100%; height:auto; float:left; }


/*************************************************************************************
   TOP PANEL
*************************************************************************************/
.wrapper .top-panel                                                            {width:100%; height:auto; float:left; padding:0px;}
.wrapper .top-panel .main-nav                                                  {width: 100%; max-width:1140px; height:auto; float:left; margin: 3px auto; margin-top: 0px; background:#fff; position:relative; }
.wrapper .top-panel .main-nav #logo                                            {width:145px; height:210px; float:left; background:url(/templates/v6BBT/images/logo.png?x=108) no-repeat left top; position:absolute; left:25px; bottom: 5px; }

/***********************[ NAV ]***************************************  ***********/
.wrapper .top-panel .main-nav ul                                               {width:auto; height:auto; float:right; text-align:right; margin:0px; margin-left: 160px; padding-top: 1px; padding-left: 1px; }
.wrapper .top-panel .main-nav ul li                                            {width:auto; float:left; margin-left: -1px; margin-top: -1px; font-family: 'Fjalla One', sans-serif; font-size: 1.25em; color:#1a5eb6; text-transform:uppercase; }
.wrapper .top-panel .main-nav ul li:hover, .wrapper .top-panel .main-nav ul li:active  { color: #1a5eb6; }

.wrapper .top-panel .main-nav ul .selected { color: #0677C8; }
.wrapper .top-panel .main-nav ul .selected a                                          {color:#0677C8; }
.wrapper .top-panel .main-nav ul .selected a:hover                                          {color:#1a5eb6;}

.wrapper .top-panel .main-nav ul li a                                          {color:#1a5eb6; float:left; padding:12px; margin: 0px; min-height: 25px; height: auto; }
.wrapper .top-panel .main-nav ul li a:hover                                          {color:#22223B;}        
.wrapper .top-panel .main-nav ul li:hover a, .wrapper .top-panel .main-nav ul li:active a  { color:#22223B;}

.wrapper .top-panel a.login                                                    {float:right;}

/*************************************************************************************
   BANNER
*************************************************************************************/

.wrapper .home-banner                                                           { width:100%; max-width: 1140px; max-height:250px; float:left; margin-bottom: -8px;}                                                                       
.home-banner img {
  max-width: 100%;
  height: auto;
}

#simpleLogo {
  background-color: #1a427e;
  font-size: 1.4em;
  font-weight: bold;
  font-family: 'PT Sans';
  color: #FFF;
  padding: 12px;
  display: none;
}

#simpleLogo a {
  color: #FFF !important;
}

#simpleLogo a:hover {
  color: #CFCFCF !important;
}
 
/*************************************************************************************
   CONTAINER
*************************************************************************************/ 
.container                                                                    {width:100%; height:auto; float:left; }
.container .content                                                           {width:100%; height:auto; float:left; margin: 0px auto; background:#FFF; padding-bottom: 40px; }
.container .content.home-page-divider                                         {background:#FFF; padding: 0px; }



.container .side-panel                                                         { margin-left: 4%; width: 22%; max-width: 250px; height: auto; float: left; clear: left !important; }
.container .main-content                                                       { width: 66%; min-width: 320px; max-width: calc(88% - 250px); height:auto; float: right; position:relative; margin: 0px auto; margin-left: 4%; margin-right: 4%; }

.container .block                                                           { width: 100%; height:auto; float:left; margin-top: 25px; margin-bottom: 25px; text-align:center; box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; background-color: #F9F9F9; }
.container .blockContent { padding: 10px; }

.container .block h3 a { color: #FEFEFE; }
.container .block h3 a:hover { color: #CDCDCD; }

.container .block .order                                                 {position: relative; display: block; width:100%; text-align: center; margin: 0px; padding:4px; background:#0677c8; font-size:0.9em; font-weight: bold; color:#FEFEFE; box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;  -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-topright: 8px;  -moz-border-radius-bottomright: 8px;  border-top-right-radius: 8px;  border-bottom-right-radius: 8px;}
.container .block .order:hover                                                 { background:#0f85c8; color:#FDFCDC;}

.container .block .offer                                                     {width:100%; height:auto; float:left; margin:10px 0 0 0; color:#5f5f5f;}
.container .block .allLink { padding: 10px; margin-left: -10px; margin-bottom: -10px; width: 100%;}
/*************************************************************************************
   INNER PAGES
*************************************************************************************/
 
.standard_box .order, .standard_box_main .order                                                 { background:#0677c8; color:#FEFEFE; position: relative; display: block; width:100%; padding:4px; margin: 0px auto; font-size: 0.9em; font-weight: bold; box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; text-align: center; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-topright: 8px;  -moz-border-radius-bottomright: 8px;  border-top-right-radius: 8px;  border-bottom-right-radius: 8px;}
.standard_box .order:hover, .standard_box_main .order:hover 					{ background-color: #02223b; color: #EFEFEF; }
.standard_box .adOrder                                                 {position: relative; display: block; width:100%; padding:4px; margin: 4px auto; border: 1px solid #0677C8; border-radius: 8px; color:#0677C8; box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.standard_box .adOrder:hover                                           { background-color: #DCDDDE; }
               
.orderOrange { }
.orderOrange:hover { }
.orderBlue { background:#0677c8 !important; color:#FEFEFE !important; }
.orderBlue:hover { background-color: #02223b !important; color: #EFEFEF !important; }


.orderOrange .arrow { font-size: 1.3em; }
.orderBlue .arrow { font-size: 1.3em; }

.orderBlueClear { background-color: inherit !important; color: #0677C8 !important; font-size: 1.1em; margin-top: 8px; margin-bottom: 8px; padding: 0px; }
.orderBlueClear:hover { color: #1a427e !important; }
.orderBlueClear .arrow { background-color: #0677C8; color: #FEFEFE; padding: 1px 3px;  border-radius: 8px; text-indent: 0px; text-align: center; margin-left: 6px; font-weight: 500; content: ">"; }
.orderBlueClear:hover .arrow { background-color: #EE3F01; }

.orderOrangeClear { background-color: inherit !important; color: #0f85c8 !important;  font-size: 1.1em; margin-top: 8px; margin-bottom: 8px; padding: 0px; }
.orderOrangeClear:hover { color: #0677C8 !important; }
.orderOrangeClear .arrow { background-color: #0f85c8; color: #FEFEFE; padding: 1px 3px; border-radius: 8px; text-indent: 0px; text-align: center; margin-left: 6px; font-weight: 500; content: ">"; }
.orderOrangeClear:hover .arrow { background-color: #0677C8; }

.orderOrangeInvert { background-color: #FFF !important; border: 1px solid #0677C8; !important; color: #0677C8 !important; }
.orderOrangeInvert:hover { background-color: #FFF !important; border: 1px solid #1a427e; !important; color: #1a427e !important; }
  
.orderOrangeBox { background-color: #0677C8 !important; color: #FFF !important; border-radius: 0px !important; }
.orderOrangeBox:hover { background-color: #1A427E !important; color: #FFF !important; border-radius: 0px !important; }
.orderOrangeBox .arrow { display: none; }      
                                                                                                                                                      
/*****************
 FOOTER
*****************/
footer                                                                            {width:100%; height:auto; float:left; text-align: center;}
footer .footer-links { background-color: #f9f9f9; padding:20px 10px 15px 10px;}
footer .footer-links p { font-size: 1em; font-family: 'PT Sans', sans-serif; }

footer .footer-bottom                                                         { width:100%; height:auto; padding-top: 3px; font-weight: bold; float:left; background-color: #0677C8; border-bottom: 12px solid #FFF; }
footer .footer-bottom p                                                       {font-size: 0.9em; font-family:'Montserrat', sans-serif; margin:0px; padding: 10px; color: #FEFEFE; }

.importantLinks a { color: #DC1F28; }
.importantLinks a:hover { color: #0677C8; }

/*****************
 RESPONSIVE ADJUSTMENTS
*****************/

.main-content img {
  border: none;
  max-width: 100%;
}

.mobileOnly {
  display: none;
}

.mobileHide {
  visibility: visible;
}

.midDisplayOnly {
  display: none;
}

.fullWidthOnly {
  visibility: visible;
}

.fullWidthHide {
  display: none;
}  

.border-menu {
  position: relative;
  margin-left: 0.33em;
  padding-right: 1em;
}
.border-menu:before {
  content: "";
  position: absolute;
  top: 0.25em;
  left: 0;
  width: 1em;
  height: 0.125em;
  border-top: 0.375em double #FFF;
  border-bottom: 0.125em solid #FFF;
}

.mobileOption {
  background-color: #E8E8E8;
  text-align: center;
  font-size: 1.4em;
  font-family: 'PT Sans', sans-serif;
}

.mobileOption a {
  display: block;
  padding: 10px;
}

#adZone_topHorizontal {
  background-color: #FFF;
}

#adZone_topRectangle {
  width: 300px;
  padding-bottom: 10px;
  margin-left: -20px;
  margin-top: 20px;
}

#adZone_bottomRectangle {
  width: 300px;
  padding-bottom: 20px;
  margin-left: -20px;
  clear: bottom;
}
  
  
@media only screen and (max-width : 600px){

  #adZone_topHorizontal {
    display: block;
    clear: both;
    text-align: center;
    margin: 0px auto;
    margin-top: 8px;
    margin-bottom: 8px;  
  }
  
  #adZone_topRectangle {
    display: none;
  }

  #adZone_bottomRectangle {
    display: none;
  }
  
  .fullWidthHide {
    visibility: visible;
    display: block;
  }
  
  .side-panel {
    display: none;
  }
  
  .main-content {
    width: 100% !important;
    margin: 0px auto !important;
  }

  .home-banner {
    display: none;
  }
  
  #logo {
    display: none;
  }
  
  .wrapper .top-panel .main-nav ul {
    margin-left: 0px;
  }
    
  #simpleLogo {
    display: block;
  }
  
  .main-nav .socialLinks {
    display: none;
  }
  
  .main-nav ul {
    display: none;
    height: auto;
  	margin: 0px auto;
  	list-style:none;
  	position: relative;
  }
  
  .main-nav li {
    height: auto; 
    width: 50% !important;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:        border-box;    
    display: inline;  
  	float:left;
    border-right: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    text-indent: 0.75em;
  }
  
  .menuPull {
  
    background-color: #0777C8;
    padding: 9px;
    font-size: 1.1em;
    line-height: 1.65em;
    color: #FFF !important;
    text-align: left;
    display: block !important;
  }  
  
  .menuPull a {
    color: #FFF !important;
  }
  
  #menuLogo a {
    width: calc(50% - 24px);
    text-align: left;
    float: left;
    font-size: 1.4em;
    font-weight: bold;
    font-family: 'PT Sans';
    color: #FFF !important;
    padding: 6px 12px;
  }

  #menuLogo a:hover {
    color: #C9C9C9 !important;
  }
  
  #menuLink a {
    width: calc(50% - 24px);
    text-align: right;
    float: right;
    padding: 6px 12px;
    color: #FFF;
  }  
  
  .darkMenu {
    background-color: #1a4270;
  }
  
  .mobileOnly, .mobileOnly a {
    display: block !important;
  }
  
  .mobileOnly {
    visibility: visible;
  }
  
  .midDisplayOnly {
    display: none;
  }
  
  .standard_box_main {
    background-color: #F7F7F7 !important;
    padding: 8px !important;
    border: none !important;
  }
  
  .mobileHide {
    display: none !important;
  }  
  
  .standard_box .order {
    border-radius: 0px !important;
    margin: 0px auto !important;
  }
  
  .main-content img {
    max-width: 100%;
    height: auto;    
  }  
  
  .imgFrame, .imgFloat {
    max-width: 66% !important;
    height: auto;       
  }
  
}

@media only screen and (max-width : 500px){

  .imgFrame, .imgFloat { 
    display: block !important;
    float: none !important;
    margin: 0px auto !important;    
  }
  
}

@media only screen and (min-width : 600px){
  #main-menu { display: block !important; visibility: visible !important; }
  .mobileOption {
    margin-bottom: 25px;
    margin-top: 25px;
  }
}


@media only screen and (max-width : 980px){

  #adZone_topHorizontal {
    text-align: center;
    margin: 0px auto;
    margin-top: 8px;
    margin-bottom: 8px;  
  }
  
  #adZone_topRectangle {
    display: none;
  }

  #adZone_bottomRectangle {
    display: none;
  }
  
  .wrapper .top-panel .main-nav li {
    border-bottom: 1px solid #dcdcdc;
  }

  .wrapper .top-panel .main-nav ul {
    margin-left: 0px !important;
  }

  #logo {
    display: none;
  }
  
  #frame {
    padding: 0px;
  }
     
  .side-panel {
    display: none;
  }
  
  .main-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0px auto !important;
  }
  
  .menuPull {               
    display: none;                    
  }
  
  .main-nav .socialLinks {
    display: none;
  }
  
  .fullWidthOnly {
    display: none;
  }
  
  .midDisplayOnly {
    visibility: visible;
  }
  
  .fullWidthHide {
    visibility: visible;
    display: block;
  }
  
}

@media only screen and (min-width: 980px){
          
  #adZone_topRectangle {
    margin-left: -30px;
  }

  #adZone_bottomRectangle {
    margin-left: -30px;
  }
  
  #adZone_topHorizontal {
    text-align: center;
    margin: 0px auto;
    margin-top: 8px;
    margin-bottom: 8px;  
  }                 

  .menuPull {               
    display: none;                    
  }
   
}

  .extraWideOnly { display: none; }

@media only screen and (min-width: 1100px){

  .extraWideOnly { display: block; }

}

  #adZone_topHorizontal ins {
    text-align: center;
    margin: 0px auto;
  }       
        
 
.breakingBlock {
  margin-top: 25px;
  margin-bottom: 25px; 
}
 
.breakingBanner {
  background: linear-gradient(270deg, #ffffff, #8B1A19, #ffffff);
  background-size: 400% 400%;
  -webkit-animation: BreakingNews 6s ease-in 10;
  -moz-animation: BreakingNews 6s ease-in 10;
  animation: BreakingNews 6s ease-in 10;
  border-bottom: none !important;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.55em;
  line-height: 1.4em;
  text-transform: uppercase;
  text-align: center;
  color: #FFF !important;
}

@-webkit-keyframes BreakingNews {
  0%{background-position:25% 50%}
  25%{background-position:50% 100%}
  50%{background-position:50% 25%}
  100%{background-position:25% 50%}  
}
@-moz-keyframes BreakingNews {
  0%{background-position:25% 50%}
  25%{background-position:50% 100%}
  50%{background-position:50% 25%}
  100%{background-position:25% 50%}  
}
@keyframes BreakingNews { 
  0%{background-position:25% 50%}
  25%{background-position:50% 100%}
  50%{background-position:50% 25%}
  100%{background-position:25% 50%}  
}       
          /*************************************************************************************
   RESET
*************************************************************************************/
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, four_equalsquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, input, textarea, blockquote,figure {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline;}
body 												{line-height:1}
ol, ul 												{list-style:none}
four_equalsquote, q 								{quotes:none}
four_equalsquote:before, four_equalsquote:after, q:before, q:after 
													{content:''; content:none}
:focus 												{outline:0}
a													{text-decoration:none}
body 											                                   	{width:100%; float:left;  font:normal 1em 'Open Sans', Arial, sans-serif; color:#303030; background:#02223b; line-height:normal;}


/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha   {margin-left:0px !important;}
.omega   {margin-right: 0 !important;}
.p-none  {padding:0px !important;}
.m-none  {margin:0px !important;}
.push-5  {margin-top:5px !important;}
.push-10 {margin-top:10px !important;}
.push-15 {margin-top:15px !important;}
.push-20 {margin-top:20px !important;}
.push-30 {margin-top:30px !important;}
.push-35 {margin-top:35px !important;}
.push-40 {margin-top:40px !important;}
.push-50 {margin-top:50px !important;}
.push-60 {margin-top:60px !important;}
.push-70 {margin-top:70px !important;}
.push-80 {margin-top:80px !important;}

.right    {float:right !important;}
.left{float:left !important;}

.center-align                                      { min-width: 320px; max-width:1140px; height:auto; margin:0 auto; position:relative;}
.text-center                                       {text-align:center !important;}
.clear                                             {clear: both; display: block; font-size:0;	height: 0; line-height: 0; width:100%;}

[class*="inline-box"]                              {width:100%; height:auto; float:left;  box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.inline-box-10                                     {padding:0 10px;}

/*************************************************************************************
GRID
*************************************************************************************/
.row                          { width:100%; display:block; float:left; margin:40px 0 0 0; padding:0px;}
.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}
[class*="grid"] {float: left;margin-left: 10px; margin-right: 10px;}
.wrapper .grid_1 {width: 60px;}
.wrapper .grid_2 {width: 140px;}
.wrapper .grid_3 {width: 220px;}
.wrapper .grid_4 {width: 300px;}
.wrapper .grid_5 {width: 380px;}
.wrapper .grid_6 {width: 460px;}
.wrapper .grid_7 {width: 540px;}
.wrapper .grid_8 {width: 620px;}
.wrapper .grid_9 {width: 700px;}
.wrapper .grid_10 {width: 780px;}
.wrapper .grid_11 {width: 860px;}
.wrapper .grid_12 {width: 940px;}


/*************************************************************************************
Typography
*************************************************************************************/

h1, h2, h3, h4, h5, h6                              { width:100%; height:auto; margin:25px 0 0 0;}
h1                                                  {font-family: 'PT Sans'; font-size:1.6em; color:#7f7f62; line-height:1.5em;   }
h2                                                  {}
h3                                                  { font-family: 'Montserrat', sans-serif; font-size:1.55em; color:#1a4270; line-height:1.4em; text-transform:uppercase; text-align: center; }
h3 a:hover { color: #0677C8; }
h4                                                  {font-family: 'PT Sans', sans-serif; font-size:1.5em; color:#1a4270; line-height:1.3em; }
h5                                                  { font-family: 'Fjalla One', sans-serif; font-weight: 600; color: #1a427e; font-size: 1.33em; text-align: center; }

p                                                   { font-family: 'Open Sans', Arial, sans-serif; color:#404040; font-size: 1em; line-height:1.2em; padding: 10px; }
.textBlock p                                        { font-family: 'Open Sans', Arial, sans-serif !important; color: #404040; font-size:1.025em; line-height: 1.4em; padding: 15px; }


/*************************************************************************************
   LINKS
*************************************************************************************/
a                                                   {color:#0677C8;}
a:hover                                             {color:#1a4270;}



/*************************************************************************************
 COLOUR SCHEME
*************************************************************************************/
.color-one                                                    {color:#fff !important;}
.color-two                                                    {color:#0f85c8 !important;}
.color-four                                                   {color:#8f5b57 !important;}

/*************************************************************************************
   BUTTONS
*************************************************************************************/

.btn                                                                         {width:auto; height:auto; margin: 0px auto; text-align: center; display:inline-block; font-family: 'Fjalla One', sans-serif; color:#FFF; cursor:pointer; background:#00ccff; padding:8px 15px ; font-size:1.2em; text-transform:uppercase;}

                                                                                                                    
.btn.yellow, .btn.blue                                                       { background-color: #0677C8; }
.btn.yellow:hover                                           { background-color: #022223 !important; }    
.btn.blue:hover                                           { background-color: #022223 !important; } 
                                                                                                                                                          
.btn.gray                                                                   { background-color: #83878a; }
                                                                               

.btn.gray:hover                                                              { background-color: #f7991d; }
                                                                               
.btn.brown                                                                    { color:#f7cf8f;
                                                                                background-color: #7d463f;
                                                                              } 
                                                                               
.btn.brown:hover                                                              { color:#fff;
                                                                                background-color: #ffc20f; }                                                                               

.btn.min                                                                      {font-size:1.2em; padding:6px 15px;}
.btn.small                                                                    {font-size:1.2em; padding:8px 20px;}
.btn.large                                                                    {font-size:1.2em; padding:10px 25px; border-radius:10px; }

.btn.round                                                                    {border-radius:5px;}

.btn.font-one                                                                 {font-family: 'Fjalla One', sans-serif;}
.btn.font-two                                                                 {font-family: 'Fjalla One', sans-serif;}

.link-btn                                                                     {font-family: 'Fjalla One', sans-serif; font-size:1.2em; color:#e23b00; text-transform:uppercase;}
.link-btn:hover                                                               {color:#353535;}

/*************************************************************************************
   MEDIA OBJECT
*************************************************************************************/
.media                                                                       {width:100%; height:auto; float:left;}
.media .media-body                                                           { width:70%; overflow:hidden; display:inline-block; padding:0 0 0 20px;  font:normal 0.9em 'Open Sans', Arial, sans-serif; line-height:20px; color:#676767;}

.media.type01 h6                                                             {margin:0px; font-size:1.1em;  font-family: 'PT Sans', sans-serif; line-height:normal;}
.media.type01 a                                                              {float:left; margin:0 20px 0 0;}

.media .media-footer                                                         {width:100%; height:auto; float:left; padding:5px 10px; margin:20px 0 0 0; border-bottom:#e8e8e8 solid 1px; background:url(/templates/v6BBT/images/teture-01.png) repeat; box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; *behavior: url(/templates/v6BBT/css/boxsizing.htc); } 

/*************************************************************************************
   BREADCRUMBS


.wrapper .breadcrumbs                                                         {width:100%; height:auto; float:left; padding:15px 0; background:#f1f1f1;}

.wrapper .breadcrumbs ul                                                      {width:auto; height:auto; float:left; font:bold 12px 'Open Sans', Arial, sans-serif; color:#6c6c6c; text-transform:uppercase;}
.wrapper .breadcrumbs ul li                                                   {width:auto; height:auto; float:left; color:#9f9f9f;}
.wrapper .breadcrumbs ul li a                                                 {width:auto; height:auto; float:left; color:#9f9f9f;}
.wrapper .breadcrumbs ul li a:hover                                           {color:#6c6c6c;}
.wrapper .breadcrumbs ul li .divider                                          {width:auto; height:auto; float:left; margin:0 10px;}
.wrapper .breadcrumbs ul li.active                                            {color:#6c6c6c;}
*************************************************************************************/

/*************************************************************************************
   JUMBOTRON
*************************************************************************************/
.wrapper .jumbotron                                                         {width:100%; height:auto; float:left; text-align:center;}


/*************************************************************************************
   LIST
*************************************************************************************/
 
ul.list                                                                     {width:100%; height:auto; float:left; margin:0px; }
ul.list li                                                                  {width:100%; height:auto; float:left;  color:#3a3a3a;  }
ul.list li a                                                                {display: block; width:100%; padding:10px 0; float:left; color:#1a5eb6; border-bottom: 1px solid #dcdcdc; position:relative; font-family: 'PT Sans', sans-serif; font-size: 1.10em; }

/* ul.list.type-one                                                           { } */
ul.list.type-one li                                                         {}
ul.list.type-one li:last-child                                             {border-bottom:none;}
                        
ul.list.type-one li a:hover                                                 { background-color: #ececec; color:#0677C8; } 


/*************************************************************************************
   TAB-LIST
*************************************************************************************/


/*************************************************************************************
   FORM
*************************************************************************************/
.ui-radio-state-disabled,
.ui-radio-state-checked-disabled,
.ui-radio-state-disabled-hover,
.ui-radio-state-checked-disabled-hover {
color: #999;
}
    
span.ui-checkbox,
span.ui-radio {  
display: inline;
width: 16px;
height: 16px;
margin-right:0;
background: url(/templates/v6BBT/images/icon_checkbox.png) 0 -40px no-repeat;
}
span.ui-radio {
width: 17px;
height: 17px;

background-position: 0 -160px
}   

label {
padding: 2px;

}

span.ui-checkbox-state-hover {
background-position: 0 -114px;
}

span.ui-checkbox-state-checked {
background-position: 0 -1px;
}

span.ui-checkbox-state-checked-hover {
background-position: 0 -75px;
}
span.ui-radio-state-hover{
background-position: 0 -160px
}
span.ui-radio-state-checked-disabled-hover,
span.ui-radio-state-checked-disabled,
span.ui-radio-state-checked,span.ui-radio-state-checked-hover {
background-position: 0 -199px
}


.ui-radio-disabled,
.ui-checkbox-disabled {
opacity: 0.7;
}
span.ui-checkbox{
width: 16px;
height: 16px;

}
/*************************************************************************************
   PAGER
*************************************************************************************/
 



/*************************************************************************************
   table
*************************************************************************************/


/*************************************************************************************
   ICONS
*************************************************************************************/


/*************************************************************************************
   LINKS GROUPS
*************************************************************************************/
.links-group                                                                 {width:100%; height:auto; float:left; margin:20px 0px 0px 0px; font-family: 'PT Sans', sans-serif; font-size: 1.1em !important; }
.links-group span                                                            {padding:0 15px; }

.links-group2                                                                 {width:100%; height:auto; float:left; margin:15px 0 0 0;}
.links-group2 span                                                            {padding:0 10px; color:#888888;}
.links-group2 a                                                               {color:#888888;}
.links-group2 a:hover                                                         {color:#0677c8;}  .previousContentBox {
  display: table-cell;
  width: 50%;
  background-color: #F7F7F7;
  padding: 6px;
  text-align: center;
  vertical-align: text-bottom;
  position: relative;
}

.previousContentBox:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
  border-color: rgba(215, 215, 215, 0);
	border-right-color: #D7D7D7;
	border-width: 30px;
	margin-top: -30px;
}

.nextContentBox {
  display: table-cell;
  width: 50%;
  background-color: #F7F7F7;
  padding: 6px;
  text-align: center;
  vertical-align: text-bottom;
  position: relative;
}

.nextContentBox:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
  border-color: rgba(215, 215, 215, 0);
	border-left-color: #D7D7D7;
	border-width: 30px;
	margin-top: -30px;
}

.contentBlockTitle {
  display: block;
  clear: both;
  border-bottom: 4px solid #0677C8;
}

.contentBlockTitle a {
  color: #FFF !important;
}

.contentBlockTitle a:hover {
  color: #D7D7D7 !important;
}

.contentBlockTitle span {
  display: table-cell;
  background-color: #0677C8;
  padding: 12px 24px;
  font-size: 1.25em;
  font-family: 'Montserrat', sans-serif;
  text-align: left;
  color: #FFF;
  text-transform: uppercase;
}              

.contentBlockLink {
  display: table-cell;
  background-color: #F7F7F7 !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  font-size: 1.05em !important;
  font-family: 'PT Sans', sans-serif !important;
}

.contentBlockLink a {
  color: #0677C8 !important;
}

.contentBlockLink a:hover {
  color: #02223b !important;
}

#hlink,
#hlink a {
 color: #095599;
 font-weight: bold;
 background-color: #dedede; 
}
#hlink a:active,
#hlink a:hover {
 color: #101010;
 font-weight: bold;
}

#content a {
  color: #0677C8;
  text-decoration: none;
}
#content a:active,
#content a:hover {
  color: #001020;
}

.standard_box {
  background-color: #fefefe;
  margin-bottom: 50px;
}     

.standard_box_main {
  background-color: #f9f9f9;
  margin-bottom: 25px;
}   

.standard_box h3 {
  color:#1a4270;
  margin:0px;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 4px;
  position:relative;
  border-bottom: 2px solid #1a4270;  
}

.standard_box_main h3 {
  color:#1a4270;
  margin:0px;
  text-align: center;
  padding-top: 20px;
  position:relative;    
}

.standard_box_main h3 a { color:#1a4270; }
.standard_box_main h3 a:hover { color:#0677C8; }


.sidetext {
  display: block;
  text-decoration: none;
  font-size: 0.7em !important;
  font-family: 'Montserrat', sans-serif;
  text-transform: none;
  color:#854b2b;
}

.side-panel h3 {
  margin: 0px;
  padding: 4px 0px;
  font-size: 1.2em;     
  background-color: #02223b;
  color: #FEFEFE;
}

.main-content h3 span {
  padding-left: 14px;
}

/*
.main-content h3 a {
  color:#7f7f62;
  padding-left: 14px;
  text-decoration: none;
}

.main-content h3 a:active, .main-content h3 a:hover {
  color: #E23B00;
  padding-left: 14px;
  text-decoration: none;
} */

.standard_box h4 {
  text-align: center;     
}

.standard_box h4 .sidetext {
  margin-top: 6px;  
}

.standard_box ul {
  list-style: none;
  margin-left: 8px;
}

.etitle {
  font-size:1.2em;
  color:#1a5eb6;
  line-height:25px; 
}
.etitle a {
  color:#1a5eb6; 
  font-family: 'Montserrat', sans-serif; 
}

.etitle a:hover {
  color: #1A427E;
}

.stitle {
  color:#854b2b;
  font-size: 1.1em !important;
  font-family: 'PT Sans', sans-serif !important;
}
.letitle {
  color: #202020;
  font-size: 1em;
  text-decoration: none;
  font-family: 'PT Sans', sans-serif;  
}

#ptitle {
  padding: 0px;
  margin: 0px auto;
  text-align: center;
}

#ptitle a {
  color: #1a5eb6;
  font-size: 1em;
  font-family: 'Montserrat', sans-serif;
}

#ptitle a:hover {
  color: #1A427E;
}

.imgFrame {
    float: left;
    border: 2px solid #7e9cb6;
    margin: 25px;
}

.imgFloat, .dvdImage {
    float: left;
    margin: 25px;     
}

.spacer {
  clear: both;
}


.seperator {
  border-top: 1px solid #000;
	padding-top: 2px;
	padding-bottom:2px;
}

.comc {
  background-color: #dce3ea;
  padding: 4px;
  text-align: right;
  color: #405060;
  font-style: normal;
}

.standard_box table .comc {
  margin: 8px auto;
}

.comc a {
  color: #1a5eb6;
  font-style: italic;
}

.comc a:hover {
  color: #DC1F28;
}
       
.comh, .comhb {
  background-color: #eeeeee;
  padding: 10px;
  text-align: right;
  color: #DC1F28;
}

.comg {
  background-color: #0a6f9c;
  color: #FFF;
  padding: 10px;
  text-align: right;
} 

.comg a {
  color: #FFF;
  text-decoration: underline;
}

.comg a:hover {
  color: #C9C9C9;
  text-decoration: none;
  font-style: italic;
}

.comb {
  background-color: #F9F9F9;
  padding: 8px;
  margin-top: 9px;
  margin-bottom: 9px;
}
.coms {
  background-color: #490f10;
  border-bottom: 1px solid #CECECE;
  margin-bottom: 2px;
  padding: 4px;
  font-weight: bolder;
  text-align: right;  
  color: #FFF;
}

.halfads {
  max-width: 728px;
  height: auto;
  margin: 0 auto;
  padding-top: 12px;
  padding-bottom: 12px;
}

.halfL {
  width: calc(50% - 18px);
  height: auto;
  float: left;
  padding: 8px;
}
.halfR {
  border-left: 1px solid #000;
  width: calc(50% - 18px);
  height: auto;
  float: right;
  padding: 8px;
  text-align: right;
}

.breadcrumbs {
  margin: 6px auto;
  text-indent: 8px;  
  padding: 7px;
  background-color: #D8D9E2;
  box-shadow: 2px 2px 1px #E8E9E2;
  color: #404040;
  font-size: 1.05em;
  font-weight: bold;
}

.breadcrumbs a {
  color: #024d90;
}

.breadcrumbs a:hover {
  color: #000;
}

.newBreadcrumbs { 
	list-style: none; 
	overflow: hidden; 
	font-size: 1.1em;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 20px;
}
.newBreadcrumbs li { 
	float: left; 
}
.newBreadcrumbs li a {
	color: white;
	text-decoration: none; 
	padding: 10px 0 10px 55px;
  background: #02223B;                   /* fallback color */
	background: hsla(216, 95%, 15%, 1);
	position: relative; 
	display: block;
	float: left;
}
		.newBreadcrumbs li a:after { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 50px solid transparent;
			border-left: 30px solid hsla(216, 95%, 15%, 1);
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			left: 100%;
			z-index: 2; 
		}	
		.newBreadcrumbs li a:before { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 50px solid transparent;
			border-left: 30px solid white;
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			margin-left: 1px;
			left: 100%;
			z-index: 1; 
		}	
		.newBreadcrumbs li:first-child a {
			padding-left: 10px;
		}
		.newBreadcrumbs li:nth-child(2) a       { background:        hsla(216, 95%, 45%, 1); }
		.newBreadcrumbs li:nth-child(2) a:after { border-left-color: hsla(216, 95%, 45%, 1); }
		.newBreadcrumbs li:nth-child(3) a       { background:        hsla(216, 95%, 55%, 1); }
		.newBreadcrumbs li:nth-child(3) a:after { border-left-color: hsla(216, 95%, 55%, 1); }
		.newBreadcrumbs li:nth-child(4) a       { background:        hsla(216, 95%, 65%, 1); }
		.newBreadcrumbs li:nth-child(4) a:after { border-left-color: hsla(216, 95%, 65%, 1); }
		.newBreadcrumbs li:nth-child(5) a       { background:        hsla(216, 95%, 75%, 1); }
		.newBreadcrumbs li:nth-child(5) a:after { border-left-color: hsla(216, 95%, 75%, 1); }
		.newBreadcrumbs li:last-child a {
			background: transparent !important;
			color: #02223B;
			pointer-events: none;
			cursor: default;
		}
		.newBreadcrumbs li:last-child a:after { border: 0; }
		.newBreadcrumbs li a:hover { background: hsla(216, 95%, 15%, 1); }
		.newBreadcrumbs li a:hover:after { border-left-color: hsla(216, 95%, 15%, 1) !important; }

.pageLinkRight a {
  background-color: #0677C8;
  border-radius: 4px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  float: right;
  display: inline;
  font-size: 1.15em;
  padding: 9px;
  margin: 12px auto;
  color: #FEFEFE;
  font-size: 1.10em;
}

.pageLinkLeft a {
  background-color: #0677C8;
  border-radius: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  float: left;
  display: inline;
  font-size: 1.15em;
  padding: 9px;
  margin: 12px auto;
  color: #FEFEFE;
  font-size: 1.10em;   
}

.pageLinkLeft span, .pageLinkRight span { color: #FEFEFE;letter-spacing: 2px; }
.pageLinkLeft a:hover, .pageLinkRight a:hover { background-color: #1a4270; color: #CECECE; }

.gfPromo {
  width: 536px;  
  margin: 6px auto;
  text-align: center; 
  padding: 4px;
  background-color: #F7F7F7;
  border: 1px dashed #265305;
  color: #404040; 
}

#content .gfPromo a {
  color: #761618;
}

#content .gfPromo a:hover {
  color: #000;
}

.mbxh {
  max-width: 92%;  
  margin: 6px auto;
  padding: 4px;
  height: 28px;  
}
#mbpl {
position:fixed;
bottom:0;
left:0;
width: 100%;
height: 115px;
margin: 0 auto;
}
.mbxi {
  display: none;
  text-align: center;
  font-size: 1em;
  padding: 7px;
  background-color: #0b2449;
  color: #FEFEFE;
  font-weight: bolder;
  box-shadow: 3px 3px 2px #A9A9A9;
}
.wcrow {
  max-width: 92%;  
  margin: 6px auto;
  padding: 4px;
  height: 28px;
}
.wrowc {
  text-align: center;
  font-size: 1em;
  padding: 12px;
  background-color: #C67171;
  color: #FFF;
  font-weight: bolder;
}
.brcon {
  padding: 2px;
}
.blinedash {
  border-top: 1px dashed #404040;
  margin: 2px;		
}
.linedash {
  border-top: 1px dashed #D8D8D8;
  margin: 2px;
}
.snaps {
  text-align: center;
}

.boxes{
width: 1em;
}

.quote 
{
  background: transparent url(/templates/v1BBT/images/leftquote.png?c=BBTv2MY01) left top no-repeat;
  margin: 3px auto;
  padding: 2px;
  background-color: #E0EEEE;
  border: 1px solid #6495ED;
  width: 92%;
}
.quote div 
{
  background: transparent url(/templates/v1BBT/images/rightquote.png?c=BBTv2MY01) right bottom no-repeat;
  padding-left: 38px;
  padding-right: 38px;
  font-weight: bold;
}

.aff {
list-style-type:none;
}
.aff li {
  display: inline;
}

.cltbh
{
  background-color: #1a4270;
  text-align: left;
  text-indent: 8px;
  font-weight: bold;
  font-size: 1.1em;
  color: #FEFEFE;
  padding: 8px;
}

.cltbh p {
  padding: 0px;
  margin: 0px;
}

.cltbh a {
  color: #FFF !important;
  text-decoration: none;
  font-style: italic !important;
}
.cltbh a:hover {
  color: #A9A9A9 !important;
  text-decoration: underline;
}
.cltbsh .halfads {
padding:0px;
}
.cltbsh
{
  background-color: #0f85c8;
  text-align: left;
  text-indent: 8px;
  padding: 10px;
  font-size: 1em;
  color: #F8F8F8;
  font-weight: bolder;
}
.cltbsh a {
  color: #F9F9F9 !important;
  text-decoration: none;
}
.cltbsh a:hover {
  color: #D9D9D9 !important;
  text-decoration: underline;
}
.cltbtd
{
  background-color: #ffffff;
  text-align: left;
  text-indent: 8px;
  line-height: 1.1em;
  padding: 10px;
}

.cltbtdh
{
  background-color: #eeeeee;  
  text-align: left;
  text-indent: 8px;
  line-height: 1.1em;
  padding: 10px;
}

.cltbtdg
{
  background-color: #FCF6CF;
  text-align: left;
  text-indent: 8px;
  line-height: 18px;
  padding: 10px;
}

.cltbt
{
  text-align: left;
  text-indent: 8px;
  color: #607080;
  padding: 10px;
}
.cltbad {
	background-color: #eceffe;
	margin: 0 auto;
  padding: 10px;
}
.cltber {
	background-color: #e7e9f7;
	text-align: center;
  padding: 10px;
}
.cltb
{
  text-align: center;
  width: 100%;
  margin: 0px;
  padding: 0px;
  border-spacing: 0px;
}
.suggest_link {
  color: #404040;
  padding: 2px 6px 2px 6px;
}
.suggest_link_over {
  background-color: #506070;
  color: #FEFEFE;
  padding: 2px 6px 2px 6px;
}
.suggest_link_over a:active {
  color: #FEFEFE;
}
#search_suggest {
  position: absolute; 
  color: #FEFEFE;
  text-align: left; 
  border: 1px solid #000000;
  background-color: #FEFEFE;
  margin: 2px auto;
  width: 98%;			
}
.search_suggest {
  position: absolute; 
  color: #FEFEFE;
  text-align: left; 
  border: 1px solid #000000;	
  background-color: #FEFEFE;
  margin: 2px auto;		  
}
.search_results {
  background-color: #CCFF66;
  border: 1px solid #CCFF00;
  display: none;
  text-align: left;
}
.nrow {
  background-color: #EFEFEF;
  border-top: 1px solid #808080;
  text-indent: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: #EFEFEF;
  width: 100%;
}
.hrow {
  background-color: #3366CC;
  border-top: 1px solid #404040;
  text-indent: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: #E8E8E8;
  width: 100%;
}
.nrow .rowl {
 color: #218EFE;
}

.hrow .rowl {
 color: #FFF;
}

.ahead {
  background-color: #506070;
  text-align: center;
  color: #FEFEFE;
  font-weight: heavy;
}
.cwn {
  width: 96%;  
  margin: 8px auto;
  text-indent: 8px;  
  padding: 8px;
  background-color: #eeeeee;
  font-size: 1.1em;
}

#content .cwn a {
  color: #10314F;
}

#content .cwn a:hover {
  color: #000;
}
    
.cwn-red {
  border: none;
  margin: 5px auto;
  text-align: center;
  padding: 5px;
  width: 92%;
  background-color: #8B2323;
  color: #FEFEFE;
   
}

#content .cwn-red a {
  color: #CECECE;
}

#content .cwn-red a:hover {
  color: #000;
}


    .uiSuccess, .uiInformation, .uiWarning, .uiError {    
      border: none;
      margin: 5px auto;
      text-align: center;
      padding: 5px;
      font-size: 1.2em;
    }  
    .uiSuccess {
      color: #4F8A10;
      background-color: #DFF2BF;
    }
    
    .uiInformation {
      color: #00529B;
      background-color: #BDE5F8;
    }
    
    .uiWarning {
      color: #9F6000;
      background-color: #FEEFB3;    
    }
    
    .uiError {
      color: #D8000C;
      background-color: #FFBABA;
    }
                  
    .blink {
      text-align: right;
      margin-top: 4px;
    }
    
    .am td {
      background-color: #f2f2f2;               
      font-size: 1.2em;
      padding: 10px;
      text-align: center;        
    }
    
    .am td:hover {
      background-color: #FFF;
      padding: 9px;
      border: 1px solid #E9E9E9;
      font-weight: bold;
    }   

.clothingBox {
 height: 188px;
 max-width: 188px;
 margin: 4px auto;
 margin-top: 10px;
 text-align: center;
 position: relative;
}
.clothingDiv
{
   display: block;   
   vertical-align:middle;
   height:180px;
   max-width:188px;
   background-color: #FFF;
   border: 2px solid #C9C9C9;
   border-radius: 6px;
   margin: 0 auto;
   text-align: center;
   position: relative;
}
.clothingDiv:hover {
  background-color: #F9F9F9;
  border: 2px solid #007eda;  
}
.clothingDivImg
{
    vertical-align: middle;
    max-height: 180px;
    max-width: 180px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

.clothingImage {
 margin: 2px auto;
 text-align: center;
 border: 2px solid #c6daea;
 }

.clothingImage:hover {
 border: 2px solid #007eda;
}       

.clothingInnerImage {
  position: absolute;
  bottom: 0px;
  right: 0px;
  max-height: 90px;
  max-width: 90px;
  border-top: 1px solid #c6daea !important;
  border-left: 1px solid #c6daea !important;
  border-top-left-radius: 3px;
}

.clothingTitle { font-weight: bold; font-size: 1.1em; }
.clothingSmallTitle { font-size: 1em; font-weight: normal; }
.clothingTitleInDepth { font-weight: bolder; font-size: 1.2em; }

.clothingItemDiv { border: 2px solid #1a5eb6; border-radius: 6px; margin: 8px auto; padding: 8px; }

.clothingWA { background:#e33f01; color:#FEFEFE; position: relative; display: block; width:100%; padding:4px; margin: 0px auto; margin-top: 4px; font-size:0.9em; box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; text-align: center; }
.clothingWA:hover { background-color: #FEFEFE; border: 1px solid #e33f01; color: #e33f01; padding: 3px; } 

 .buyButton {
  display: block;
  width: 100%;
  margin: 8px auto;
  background-color: #0677C8;
  padding: 4px;
  font-weight: bold;
 }
 
 .buyButton:hover {
  background-color: #02223b;
 } 

  .buyButton { color: #FFF; }
  .buyButton a { color: #FFF; }
  buyButton a:hover { color: #A1A1A1; }
  .buyButton:hover { color: #A1A1A1; } 
  .buyButton:hover a { color: #A1A1A1; } 
  
  .couponArea {                                                     
    width: 96%;
    background-color: #f6f4f4;
    padding: 4px;
    border: 1px dashed #9a453c;
    text-indent: 6px;
    color: #165414;
 }
 
 #content .couponArea a {
    color: #165414;
 }

 #content .couponArea a:hover {
    color: #9a453c;
 }            

  .search-results-div { margin-bottom: 48px; }
  #searching { position: absolute; right: 0px; top: 8px; margin: 6px; display: block; display: none; }
  #search_query { width: 220px; border: 1px solid #0677C8; padding: 4px; margin: 4px auto; color: #506070; float: right; }
  #searchtext { color: #0677C8; font-weight: bolder; text-align: left; float: right; margin: 4px auto; padding: 4px; line-height:19px; };
  
  #simplemodal-overlay {background-color:#E8E8E8; }
  #simplemodal-container {background-color:#FEFEFE; border: 2px solid #4682B4; padding:12px;}
  #simplemodal-container a.modalCloseImg {
  	background:url(/images/x.png) no-repeat; /* adjust url as required */
  	width:25px;
  	height:29px;
  	display:inline;
  	z-index:3200;
  	position:absolute;
  	top:-15px;
  	right:-18px;
  	cursor:pointer;
  }    
  
  #clothingOptionsDiv { background-color: #FCFCFC; border: 1px solid #0677c8; border-bottom: none;  color: #0677C8; padding: 12px; margin: 0 auto; text-align: center; height: 24px; overflow: visible; position: relative;}
  .expandMenu { display: inline; background-color: #FEFEFE; border: 1px solid #A8A8A8; color: #404040; margin-right: 30px; float: left; width: 168px; position: relative; }                                          
  .expandMenu li { padding: 0px; }
  .expandMenu .master { background-color: #FEFEFE; padding: 4px; }
  
  .expandMenu .sideArrow { background-color: #EFEFEF; margin: -3px; padding: 2px; font-weight: bolder; float: right; }
  .expandMenu .sideArrow a { color: #606060; }
  .expandMenu .sideArrow:hover, .expandMenu .sideArrow a:hover { color: #101010; }
  
  .expandMenu .subMenu { display: none; position: absolute; left: -83px; background-color: #FEFEFE; border: 1px solid #A8A8A8; border-right: none; z-index: 2; width: 332px; }
  .expandMenu .subMenu ul { table; border-collapse: collapse; padding: 0px; margin: 0px; display: table; }
  .expandMenu .subMenu ul li { display: table-cell; float: left; padding: 4px; width: 157px; border-bottom: 1px solid #A8A8A8; border-right: 1px solid #A8A8A8; }  
  .expandMenu .subMenu ul li:last-child { border-bottom: none; }                              
  .expandMenu .subMenu .master { background-color: #ECECEC; width: 323px; }                
  
                  
  #typeDropdown:target{ display: block; }
  #themeDropdown:target{ display: block; }       
  
  .clRel td {
    background-color: #F7F7F7;
    border: 1px solid #4A708B;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 3px;
  }
          
  .spcButton {
    width: 100%;
  }
    
 .ctitle { margin: 3px; font-size: 1.1em; }
 .ctitle a { color: #0a5592; }
 .ctitle a:hover { color: #000; }
 
 .allLink { 
  display: block;
  padding: 15px;
  background-color: #E7E7E7;
  text-align: center;
  font-size: 1.15em;
  font-family: 'PT Sans', sans-serif;
  margin-top: 20px;
 }

 sidebar .allLink {
   color: #303030;
 }
 
    #subArea input {
      color: #FFF;
      background: #001134;
      margin: 8px auto !important;
      padding: 8px !important;
      border-radius: 0px !important;
      text-align: center;
    	-webkit-box-shadow: #666 0 0 1px;
    	box-shadow: #666 0 0 1px;
    	-moz-box-shadow: #666 0 0 1px;      
    }
    
    #subArea input:hover {
      background: #0677c8 !important;
      color: #CDCDCD !important;
    }
    
.infoBox {
background-color: #f7f7f;
border: 1px solid #5F9EA0;
color: #506070;
padding: 4px;
width: 96%;
margin: 0 auto;
}

.infoBox .titleBar {
color: #FEFEFE;
background-color: #6495ED;
width: 100%;
padding: 4px;
text-align: center;
margin: -5px;
font-size: 1.1em;
}

.infoBox ul {
margin: 4px auto;
}

.infoBox li {
padding: 4px;
border-bottom: 1px solid #D8D8D8;
}
  #authbox {
  position:fixed;
  bottom:0;
  left:0;
  background-color: #EEE8AA;
  border-top: 3px solid #8B2323;
  width: 100%;
  margin: 0 auto;
  display: none;
  z-index: 2;
}
#paddbox {
  height: 150px;
  display: none;
}

#authbox h1{
  font-size: 1.2em;
  height: 1.2em;
  line-height: 1.2em;
  margin: 8px auto;
  color: #8B0000;
  display: block;
}
#loginf {
  width: 400px;
  margin: 5px auto;
}
#loginf label {
  float: left;
  width: 100px;
}

#sitemap .l1 { text-indent: 4px; font-size: 1.25em; margin-top: 12px; margin-bottom: 12px; border-bottom: 1px solid #6495ED; font-family: 'Montserrat', sans-serif; color: #02223b; text-align: center; }       
#sitemap .l2 { text-indent: 12px; font-size: 1.1em; padding: 3px; font-family: 'PT Sans', sans-serif; }
#sitemap .l15 { display: inline-block; margin-left: 16px; font-size: 1.1em; margin-top: 6px; padding: 3px 20px; border-bottom: 1px solid #0677C8; font-family: 'Monsterrat', sans-serif; }  
#sitemap .l25 { text-indent: 20px; font-size: 1.1em; padding: 3px; font-family: 'PT Sans', sans-serif; }
#sitemap .borderEnd { margin-bottom: 8px; }
#sitemap .extrapadding { padding: 3px 4px 3px 3px !important; }

.controlDiv { width: 500px; height: 45px; clear: both; position: absolute; left: 3px; top: 3px; padding: 4px; background-color: #00365c; border: 1px solid #404040; margin: 2px; z-index: 3; color: #FEFEFE; }
.controlDiv p { border-bottom: 1px solid #808080; }
.controlConf { text-align: right; }
.controlDrop { width: 200px; position: absolute; left: 0px; top: 0px; background-color: #F7F7F7; opacity: 0.85; border: 1px solid #0f85c8; margin: 2px; z-index: 2; color: #1a5eb6; }
.controlDrop ul { padding: 0px; margin: 0px; margin-bottom: 2px; }
.controlDrop li { border-bottom: 1px solid #0f85c8; padding: 6px; color: #1a5eb6; }
.controlDrop li:last-child { border: none; }
.controlDrop a { color: #0677C8 !important; }
.controlDrop a:hover { color: #1a427e !important; }

.acpNotes { height: 80px; width: 450px; margin: 10px auto; padding: 3px; border: 1px solid #00B2EE; color: #404040; background-color: #ECF1EF; }
.acpButton { margin: 0 auto; padding: 4px; padding-right: 6px; text-indent: 6px; background-color: #00B2EE; color: #FEFEFE; border: 1px solid #808080;}


 .spcButton {
 background: #2f59eb url(/images/actionBar3.png) repeat-x;
 border: 1px solid #2fb6eb;
 padding: 4px;
 font-weight: bold;
 margin: 2px auto;
 color: #F7F7F7;
 width: 84%;
 }

 #content .spcButton a { color: #F7F7F7; }
 #content .spcButton a:hover { color: #A4A4A4; }

 .pBuyButton {
  display: block; 
  width: 98%;
  margin: 2px auto;
  background: #ab0169 url(/templates/v6BBT/images/pBuyBar.png) repeat-x;
  border: 1px solid #f35fa4;
  padding: 1px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 1.1em;
  font-weight: bold;
  color: #FFF;
 }

 .pBuyButton:hover {
  background: #fb8bab url(/templates/v6BBT/images/pBuyBarR.png) repeat-x;
  color: #A1A1A1;
 }

 #content .pBuyButton { color: #FFF; }
 #content .pBuyButton a { color: #FFF; }
 #content .pBuyButton a:hover { color: #A1A1A1; }
 #content .pBuyButton:hover { color: #A1A1A1; }
 #content .pBuyButton:hover a { color: #A1A1A1; }
 .sidebar .pBuyButton { color: #FFF; }
 .sidebar .pBuyButton a { color: #FFF; }
 .sidebar .pBuyButton a:hover { color: #A1A1A1; }
 .sidebar .pBuyButton:hover { color: #A1A1A1; }
 .sidebar .pBuyButton:hover a { color: #A1A1A1; }
 .cwn .pBuyButton { color: #FFF; }
 .cwn .pBuyButton a { color: #FFF; }
 .cwn .pBuyButton a:hover { color: #A1A1A1; }
 .cwn .pBuyButton:hover { color: #A1A1A1; }
 .cwn .pBuyButton:hover a { color: #A1A1A1; }

 .prBuyButton {
  display: block;
  width: 98%;
  margin: 2px auto;
  background: #096f35 url(/templates/v4BBT/images/prBuyBar.png) repeat-x;
  border: 1px solid #6cd69b; 
  padding: 1px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 1.1em;
  font-weight: bold;
  color: #FFF;
 }

 .prBuyButton:hover {
  background: #6cd69b url(/templates/v4BBT/images/prBuyBarR.png) repeat-x;
  color: #A1A1A1;
 }
 
 #content .prBuyButton { color: #FFF; }  
 #content .prBuyButton a { color: #FFF; }      
 #content .prBuyButton a:hover { color: #CECECE; }
 #content .prBuyButton:hover { color: #CECECE; } 
 #content .prBuyButton:hover a { color: #CECECE; }
 
 .sidebar .prBuyButton { color: #FFF; }  
 .sidebar .prBuyButton a { color: #FFF; }
 .sidebar .prBuyButton a:hover { color: #A1A1A1; } 
 .sidebar .prBuyButton:hover { color: #A1A1A1; }
 .sidebar .prBuyButton:hover a { color: #A1A1A1; }

.contentList {
  margin: 0px;
  padding: 0px;
} 
      
.contentList li a {
  min-height: 26px;
  line-height: 26px;
  padding: 8px;
  text-indent: 12px;
  background-color: #F9F9F9;
  margin-top: 8px;
  margin-bottom: 8px;
  display: block;
}

.contentList a:hover  {
  background-color: #E9E9E9 !important;
}

.contentList .highlight {
  background-color: #ECECEC;
}

.contentList .title {
  font-size: 1.2em;
}

.graphicList {
  margin: 0px auto;
  padding: 0px;
  text-align: center;
} 
      
.graphicList li {
  width: calc(33% - 40px);
  line-height: 2em;
  text-align: center;
  background-color: #F9F9F9;
  padding: 8px;
  margin: 8px;
  display: inline-block;
  vertical-align: top;
}           

.graphicList li:hover  {
  background-color: #E9E9E9 !important;
}

.graphicList li:hover a {
  color: #1a4270;
}

.graphicList li img {
  display: block;
  max-width: 100%;
  width: auto;
  margin: 0px auto;
  margin-bottom: 12px;
}


.graphicList .title {
  font-size: 1.05em;
  font-family: 'Montserrat', sans-serif;
}


@media only screen and (max-width : 620px){
  .graphicList li {
    width: calc(50% - 40px);
  }
}

.wikiCloud {
 margin: 8px auto;
 padding: 8px;
}

.wikiCloud li {
 display: inline-block;
 background-color: #F7F7F7;
 padding: 8px;
 font-size: 1.1em;
 margin: 8px;
 border-radius: 4px;
 text-align: center;
}



/* ---------------------------------------
+  Quotes Elements                       +
 --------------------------------------- */

.quotesList {
  padding: 0px;
  margin: 0px auto;
  text-align: center;
}
       
.quotesList ul {
  width: 98%;
  padding: 0px;
  margin-top: 12px;
  margin-bottom: 12px;
}

@media only screen and (max-width : 620px){
  .quotesList ul {
    width: 98%;
    clear: both;
  }
}

@media only screen and (min-width : 620px){
  .quotesMasterList {
    width: calc(92% - 300px) !important;  
    float: left;
  }
}
      
.quotesList li a {
  display: block;
  min-height: 1.5em;
  line-height: 1.5em;
  font-size: 1.1em !important;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #F9F9F9;
}

.quotesList li a:hover {
  background-color: #E9E9E9 !important;
}

#quotesByEpisode {
  border-bottom: none;
}

.quotesList .highlight {
  background-color: #EFEFEF;
  margin-bottom: 0px !important;
  min-height: 1.5em;
  line-height: 1.5em;
  font-size: 1.1em !important;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #1a4270;
}

.quotesSeasonInner {
  display: none;
  background-color: #ECECEC;
  border-top: 1px solid #ABABAB;
  font-size: 1em;
  margin-left: -10px !important;
  margin-right: -10px !important;
  padding: 0px 10px !important;
  width: 100% !important;
}

.quotesSeasonInner li {
  background-color: #FEFEFE;
  margin: 0px 8px !important;
  border-left: 1px solid #ABABAB;
  border-right: 1px solid #ABABAB;
  border-bottom: 1px solid #ABABAB;
}  


@media only screen and (max-width : 620px){

 .contentBar, .contentBarBottom {
  width: 96%;
  background-color: #FFF;
  border: 2px solid #A9A9A9;
  text-align: center;
  z-index: 2;
  margin: 8px auto !important;
 }
 
 .contentBar li, .contentBarBottom li {
  display: none;
  background-color: #FFF;
  border-top: 1px solid #C9C9C9;
  border-bottom: 1px solid #C9C9C9;
 }
 
 .contentBar li a, .contentBarBottom li a {
   padding: 10px;
   display: block;
 }
 
 .contentBar li:first-child, .contentBarBottom li:first-child {
  border-top: none;
 }
 
 .contentBar li:last-child, .contentBarBottom li:last-child {
  border-top: none;
 }  
 
 .contentBar li:hover, .contentBarBottom li:hover {
  background-color: #E9E9E9;
  border-top: 2px soldi #1A427E;
 }
 
 .contentBar .highlight, .contentBarBottom .highlight {
  background-color: #EFEFEF;
  padding: 10px;
 }
 
 .contentBar .master, .contentBarBottom .master { 
  display: block !important;
  color: #000;
  font-family: 'PT Sans', sans-serif;
  font-size: 1.10em;
  padding: 10px;
  font-weight: bold;
  color: #000;
 }

}

@media only screen and (min-width : 620px){

 .contentBar {
  height: 40px;
  font-size: 1.2em;
  margin-top: 8px;
  border-bottom: 2px solid #1A427E;
  text-align: center;
  z-index: 2;
 }
 
 .contentBar li {
  background-color: #F9F9F9;
  margin-right: 8px;
  border-bottom: 2px solid #1A427E;
  padding: 10px;
  float: left;
  height: 20px;
  min-width: 32px;
 }
 
 .contentBar li:hover {
  background-color: #E9E9E9;
  border-top: 2px soldi #1A427E;
 }
 
 .contentBar .highlight {
  background-color: #FFF;
  border: 2px solid #1A427E;
  border-bottom: none;
  color: #303030;
  height: 20px;
 }
 
 .contentBar .master { 
  color: #000;
  font-weight: bold;
  display: none;
 }

.contentBarBottom {
  height: 40px;
  font-size: 1.2em;
  margin-top: 8px;
  border-top: 2px solid #0677C8;
  text-align: center;
  z-index: 2;
 }
 
 .contentBarBottom li {
  background-color: #F7F7F7;
  border: 1px solid #ACACAC;
  border-bottom: 2px solid #ACACAC;
  margin-right: 8px;
  margin-top: -2px;
  border-top: 2px solid #0677C8;
  padding: 9px;
  float: left;
  height: 20px;
 }
 
 .contentBarBottom .highlight {
  background-color: #FFF;
  border: 2px solid #0677C8;
  border-top: none;
  color: #303030;
  height: 22px;
 }
 
 .contentBarBottom .master { 
  display: none;
 }
 
}

 .quotesDiv {
  background-color: #E9E9E9;
  margin-bottom: 15px;
 }
 
 .quotesDiv p {
  font-size: 1.15em;
  font-family: 'PT Sans', sans-serif;
  color: #000;
 }
 
 .quotesBody {
  background-color: #FFF;
  padding: 12px;
  margin: 0px;
 }
 
 .quotesBody p {
    font-weight: normal !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    font-family: 'Open Sans', Verdana, sans-serif !important;
    line-height: 1.55em !important;
    color: #000 !important;
    font-size: 1em !important;   
 }
 
 .quotesBody p strong {
  color: #02223b !important;
 }

 
 .quote_RtTw {
  color: #000 !important;
 }

#contentTopMenu {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #FFF;
  text-align: center;  
}

#contentTopMenu li {
  display: inline-block;
  background-color: #EFEFEF;
  padding: 12px;
  margin-top: 9px;
  margin-right: 9px;
}  

#contentTopMenu li a {
  font-size: 1.1em !important;  
}

.contentBoxMenu {
  padding-bottom: 15px;
  text-align: center;  
}

.contentBoxMenu li {
  display: inline-block;
  background-color: #FFF;
  padding: 12px;
  margin-top: 9px;
  margin-right: 9px;
}  

.contentBoxMenu li a {
  font-size: 1.1em !important;  
}
     
.message_box {
  max-width: 92%;
  background-color: #ececec;
  border: 1px solid #dcdcdc;
  padding: 6px;
  margin: 6px auto;
  border-radius: 0px;
  font-size: 1.2em;
}

#morecom { background-color: #EEEEEE; padding: 10px; font-size: 1.2em; }  
#fewercom { background-color: #F9F9F9; padding: 10px; font-size: 1.2em; }  

#morecl { background-color: #EEEEEE; padding: 10px; font-size: 1.2em; } 
#lesscl { background-color: #F9F9F9; padding: 10px; font-size: 1.2em; } 

.hashtags, .hashtags a {
    padding: 0px;
    margin-top: 6px;
    margin-bottom: -6px;
    text-align: right;
}


/*************************************************************************************
   FORMS
*************************************************************************************/

form ul {
  margin-left: 0px !important;
}

input, textarea, select, button {
  margin: 4px;
}

form input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="date"], input[type="datetime"], input[type="datetime-local"], form textarea, select {
  width:96%;
  padding:10px;
  color:#515151;
  background:#fff;
  border: 1px solid #1a4270;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -o-box-sizing:border-box;
	padding: 8px;
	-webkit-box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
	box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
	-moz-box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
  border-radius: 0px;
  font-size: 1.05em !important;
  line-height: 1.25em !important;
  color: #000;
}

textarea {
	min-height: 100px;
	min-width: 300px;
  max-width: 96%;
	resize: both;
}
button, input[type=clear] {
	color: #405060;
	-webkit-box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
	box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
	-moz-box-shadow: #e3e3e3 0.1em 0.1em 0.2em; 
	padding: 8px;
  border-radius: 0px; 
}

input[type=submit]{
  background: #001134 !important;
  padding: 8px !important;
  color: #FFF !important;
  border-radius: 0px !important;
  -webkit-box-shadow: #666 0 0 1px;
	box-shadow: #666 0 0 1px;
	-moz-box-shadow: #666 0 0 1px;
}   

input[type=submit]:hover{
  background: #0677C8 !important;
}

input[type=reset]{
  margin-left: 2em;
  background: #A9A9A9 !important;
  padding: 4px 8px !important;
  color: #000 !important;
  border-radius: 1px !important;
  -webkit-box-shadow: #999 1 1 2px;
	box-shadow: #999 1 1 2px;
	-moz-box-shadow: #999 1 1 2px;
  opacity: 0.8;
}   

input[type=reset]:hover{
	color: #FFF !important;
  background: #0677C8 !important;
  opacity: 0.925;
}

input[type=text]:hover, input[type=password]:hover, textarea:hover, button:hover, input[type=checkbox]:hover:before, select:hover {
	-webkit-box-shadow: #666 0 0 3px;
	box-shadow: #666 0 0 3px;
	-moz-box-shadow: #666 0 0 3px;
  color: #405060;
}                                           

input[type=text]:focus, input[type=password]:focus, textarea:focus, button:focus, .radioreplacement:focus, input[type=checkbox]:focus:before, .checkboxreplacement:focus, select:focus {
	-webkit-box-shadow: #666 0 0 3px;
	box-shadow: #666 0 0 3px;
	-moz-box-shadow: #666 0 0 3px;
  color: #405060;
  border: 1px solid #0677C8;
}


input[type=checkbox] {
	height: 14px;
	width: 14px;
  border-radius: 0px;
	text-align: center;
	z-index: 9999;
	color: #405060;
	-webkit-box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
	box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
	background-image: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));  
	background-image: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
  background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #EEEEEE 100%);
  background-image: -o-linear-gradient(top left, #FFFFFF 0%, #EEEEEE 10000%); 
  background-image: linear-gradient(to bottom right, #FFFFFF 0%, #EEEEEE 10000%);    
}

select {
  border-radius: 0px;
	color: #405060;
	-webkit-box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
	box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
	background-image: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));  
	background-image: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
  background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #EEEEEE 100%);
  background-image: -o-linear-gradient(top left, #FFFFFF 0%, #EEEEEE 10000%); 
  background-image: linear-gradient(to bottom right, #FFFFFF 0%, #EEEEEE 10000%);    
	min-height: 30px;
  min-width: 200px;
  max-width: 96%;
	padding: 8px;
}

label {
 display: block;
 min-width: 18em;  
 margin-right: 1em;
 padding:5px 0 5px 0;
 color: #011341;
 font-family: 'Montserrat', monotype, san-serif;
}               

label:hover {
  color: #0677C8;
}

legend {  
  margin-left: 1em;
  margin-right: 1em;  
  color: #0677C8;  
  font-weight: bold;
  font-family: 'PT Sans', monotype, san-serif;
  font-size: 1.25em !important;
} 

fieldset {  
  margin-top: 25px;
  padding: 10px;
  background-color: #eeeeee;
} 

fieldset.submit {  
  border-style: none; 
}     
     
fieldset ul, fieldset ol {  
  list-style: none; 
} 

fieldset li {  
 padding: 6px; 
}             

form input[type="file"] { width: 96%; padding:10px; color:#515151;  background:#fff; border:#1a4270 solid 1px; }

input:disabled
{
  color: #202020 !important;
  background: #efefef !important;
  border: #606060 solid 1px !important;
}

.leaderboard {
  margin: 4px auto;
  max-width: 728px;
  max-height: 90px;
}

.leaderboard.top {
  margin-bottom: 4px;
}


/* ---------------------------------------
+  Episode Jump Menu                     +
 --------------------------------------- */
 
#episodeJump {
  position: fixed;
  width: 100%;
  left: 0px;
  bottom: 0px;
  float: left;
  height: auto;
  background-color: #FEFEFE;
  opacity: 0.95;
  border-top: 4px solid #a9a9a9;
  z-index: 2;
  font-size: 1.1em !important;
}

#episodeJumpInner {
  text-align: center;
}

#episodeJump ul {
  display: inline-block;
  height: 60px;
  overflow: hidden;
  background-color: #F9F9F9;
  text-align: center;
  margin: 0px auto;
}

#episodeJump li {
  float: left;
  background-color: #E9E9E9;
  margin: 0px 12px;
}

#episodeJump li a {
  display: inline-block;
  font-weight: bold;
  padding: 18px 26px;
}

#episodeJump li:hover {
  background-color: #FFF;
  color: #1A4270;  
}

#episodeJump li:hover a {
  color: #1A4270;
}

#episodeJump #masterLink {
  float: left;
  padding: 16px;
  padding-left: 32px;
  padding-right: 32px;
  background-color: #FFF;
  font-family: Montserrat;
  font-size: 1.2em;
  font-weight:bold;
  color: #1A4270;
  text-transform: uppercase;
}

.episode_rating { background-color: #1a4270; color: #FFF; padding: 6px; margin: 6px; line-height: 1.2em; text-align: center; }

/* ---------------------------------------
+  Styled List                           +
 --------------------------------------- */

.styledList ul {
  padding: 0px;
  margin: 0px auto;
  width: 100%;
}

.styledList li {
  
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px dashed #D9D9D9;
  
}

.styledList li:lastChild {

  border-bottom: none;
  
}

/* ---------------------------------------
+  Season List                           +
 --------------------------------------- */

.seasonList {
 margin: 8px auto;
 float: left;
}

@media only screen and (max-width : 620px){
  .seasonList {
    width: 100%;
    clear: both;
  }
}

@media only screen and (min-width : 620px){
  .seasonList {
    max-width: calc(92% - 300px) !important;
  }
}

.skyscraperResponsiveAd {
  width: 300px;
  margin: 0px auto;
}

.rectangleResponsiveAd {
  width: 300px;
  max-height: 250px;
  margin: 0px auto;
}

@media only screen and (max-width : 620px){
  .skyscraperResponsiveAd {
    clear: both;
  }
}

@media only screen and (min-width : 620px){
  .skyscraperResponsiveAd {
    float: right;
    clear: right;
  }
}


.seasonList ul {
 margin: 0px;
 padding: 0px;
}     

.seasonList li {
  padding: 12px;
  background-color: #F9F9F9;
  margin-bottom: 6px;
  color: #404040;
}

.seasonList li:hover {
  background-color: #E9E9E9;
}

.seasonList .currentSeason {
  padding: 12px;
  background-color: #EFEFEF;
  border-bottom: none;        
}

.seasonInformation {
  padding-left: 12px;
  float: right;
  text-align: right;
}

.seasonTitle {
   font-size: 1.2em;
}

.pollResults ul {
  margin: 8px auto;
  text-align: right;
}

.pollResults li {
  padding-top: 4px;
  padding-bottom: 4px;
}

.pollResults li span {
  color: #404040;
  font-style: italic;
  padding-left: 8px;
}

.pollResults .totalVotes {
  text-align: center;
  font-weight: bold;
  padding-top: 8px;
}

.poll                                                                          {width:100%; height:auto; float:left; text-align: left;}
.poll ul                                                                       {width:100%; height:auto; float:left; margin: 10px auto;}
.poll ul li                                                                    { width:100%; height:auto; float:left; margin: 6px; text-indent:10px; font-size: 1.05em; color: #02223b; }
.poll .btn.small                                                               { padding: 15px; }

.poll label {
  width: auto !important;
  display: inline !important;
  min-width: 0 !important;
  margin-left: 0.5em !important;
  font-size: 1.05em;
  color: #02223b !important;
  font-family: 'PT Sans', sans-serif;
}

.poll label:hover {
  color: #0677C8 !important;
}

.poll input[type="radio"]:checked+label{ font-weight: bold !important; color: #0f85c8 !important; } 
.poll input[type="radio"]:hover+label{ color: #0f85c8 !important; } 

.poll form { margin: 0px; padding: 0px; }

.episodeList {
  margin-top: 12px;
  margin-left: 0px !important;
}           
 
.episodeList li {
  float: left;
  margin-right: 12px;       
}

.episodeList li a {
  display: inline-block;
  padding: 9px;
  background-color: #E9E9E9;
  font-size: 1.25em !important;
  font-family: 'PT Sans', sans-serif;     
}

.episodeList li a:hover {
  background-color: #F9F9F9 !important;
  padding: 8px;
  border: 1px solid #E9E9E9;
}     

#notes ul {
  margin-left: 0px !important;
}

#notes li {
  padding: 8px;
  text-indent: 12px;
  background-color: #F9F9F9;
  margin-top: 8px;
  margin-bottom: 8px;
}

.epgNoteHeader {
  text-indent: 12px;
  line-height: 1.45em;
}

.epgNoteHeader a {
  font-family: Montserrat, sans-serif;
  font-weight: bold;
  font-size: 1.15em;
}

.epg_darkBlue a, .epg_red a, .epg_orange a, .epg_magenta a, .epg_purple a, .epg_azure a {
  color: #FFF !important;
}

.epg_lightBlue a, .epg_violet a {
  color: #0677C8 !important;  
}

.epgNoteHeader a:hover {
  text-decoration: underline;
  font-style: italic;
}


/* ---------------------------------------
+  Episode Tournament                    +
 --------------------------------------- */
 
#etSubmitWarning {
  font-size: 1.2em;
  font-family: 'Montserrat', sans-serif;
  color: #0677C8;
  text-align: center;
  padding: 1em;
}

.etVotedMessage {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 50%;
  margin: 0px auto;
  margin-top: -24px;
  background-color: #0677C8;
  opacity: 0.85;
  padding-top: 12px;
  padding-bottom: 12px;
  min-height: 24px;
  max-height: 48px;
  line-height: 24px;
  font-size: 24px;
  color: #FEFEFE !important;  
}

.etMessageArea {
  display: none;
  position: absolute;
  text-align: center;
  width: 100%;
  top: 50%;
  margin: 0px auto;
  margin-top: -24px;
  background-color: #0677C8;
  opacity: 1;
  padding-top: 12px;
  padding-bottom: 12px;
  min-height: 24px;
  max-height: 48px;
  line-height: 24px;
  color: #FEFEFE;
  font-size: 18px;
}

#etRoundInformation {
  background-color: #F7F7F7;
  color: #0677C8;
  font-size: 1.25em;
  line-height: 1.5em;
  padding: 8px;
  margin: 8px auto;
}

.etSearch {
  padding: 6px;
  color: #1a427e;
  border: 1px solid #02223b;
  border-radius: 0px;
  margin: 6px auto;
  width: 90%;
}

#etWarningMessage {
  font-family: 'PT Sans', sans-serif;
  font-size: 1.2em;
  color: #1a427e;
}

.etMatchNumber {
  position: absolute;
  font-size: 28px;
  left: -16px;
  top: 10px;
  background-color: #1a427e;
  color: #FEFEFE;
  border-radius: 6px;
  padding: 6px;
  width: 16px;
  text-align: center;
}

.etMatchDivider {
  width:4%;
  float: center;
  background-color: #1a427e;
  position: absolute;
  top: 0;
  left: 48%;
  right: 48%;
  bottom: 0;
}

.etMatchVote {
  width:calc(48% - 24px);
  color: #E23C01;
  background-color: #EFEFEF;
  padding: 12px;
  text-align: center;
}

.etMatchUpcoming {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 50%;
  margin: 0px auto;
  margin-top: -24px;
  background-color: #000;
  opacity: 0.85;
  padding-top: 12px;
  padding-bottom: 12px;
  min-height: 24px;
  max-height: 48px;
  line-height: 24px;
}

.etMatchUpcoming p, .etVotedMessage p {
  font-size: 24px;
  color: #FEFEFE !important;
}

.etMatchClosed {
  background-color: #303030;
  height: 20px;
  color: #FEFEFE;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  width: 100%;
  margin: 0px auto;
  z-index: 2;
  padding-top: 4px;
  padding-bottom: 4px;
  position: relative;
}

.etMatch {
  width: 98%;
  border: 1px solid #CECECE;
  background-color: #FEFEFE;
  border-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  margin: 25px 8px auto;
  position: relative;
}

.etVoteCount {
  opacity: 1;
  color: #000;
  font-size: 1.1em;
  text-align: center;
  position: absolute;
  height: 1.25em;
  bottom: 1.25em;
  width: 48%;
  margin: 0px auto;
  margin-top: 1.25em;
  padding: 6 0px;
}

.etVoteBar {
  background-color: #ECECEC;
  height: 20px;
  color: #000;
  position: absolute;
  height: 20px;
  bottom: 0px;
  width: 100%;
  margin: 0px auto;
  margin-top: 20px;
}

.etUserArea {
  background-color: #ECECEC;
  border: 1px solid #BABABA;
  border-radius: 6px;
  margin: 6px auto;
  padding: 6px;
  text-align: center;
}