/*
Developers: Mindaugas Vaiciulis, Tomasz Libich 
Date: August 2011
Website: TheFA.com
Notes: COMPONENTS STYLE SHEET

*/ 
    

/* PATTERN ON IMAGES */

.cp-pattern,
.mod-hero #hero-slider .slider-body ul li.panel a.cp-pattern
{
    display:block;float:none;clear:none;text-indent:-9999px;color:rgba(0,0,0,0);
    position:absolute;top:0;left:0;
    margin:0;padding:0;z-index:10;
}

/* TITLES ON IMAGES */

.cp-date,
.cp-title,
.cp-lead{color:#fff;text-decoration:none;line-height:normal;}      
   .cp-title,
   .cp-title a,
   .cp-title span{font-weight:bold;}
   .cp-title{font-size:3.83em;}
   
   .cp-date,
   .cp-videoIcon,
   .cp-lead{font-size:1.33em;font-weight:300;}      
   
   .mod-hero #hero-slider .slider-body ul li.panel .cp-videoIcon{position:relative;z-index:1;}
   .mod-hero #hero-slider .slider-body ul li.panel .cp-videoIcon img{position:relative;top:2px;padding:0 10px;z-index:2;}
   
.theme-thefacup .cp-date,
.theme-thefacup .cp-videoIcon,
.theme-thefacup .cp-lead{font-family:TheFACupRegular; font-weight:normal;}  
.theme-thefacup .cp-title{font-family:TheFACupHeadlineRegular;}  
  /* SHADOW UNDER PICTURES */  
  
  .cp-shadow
  {
      border:3px solid rgb(255,255,255);
      box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
      -moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
      -webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
  }
  
  /* PAGING */
  
  .cp-paging{text-align:center;margin: 0 auto;}
     .cp-paging span{display:inline-block;vertical-align:middle;font-weight:bold;margin:0 10px;}
     .cp-paging .inactive-left,
     .cp-paging .inactive-right,
     .cp-paging a
     {
         display:inline-block;width:7px;height:12px;
         background:transparent url('../../images/components/cp-arrows.png');
         vertical-align:middle;
     }
     
     .cp-paging ul{display:inline-block;}
        .cp-paging ul li{display:inline-block;}
        .cp-paging ul li a
        {
            display:inline-block;width:22px;height:18px;padding-top:4px;margin:0 3px;background:#fff;text-decoration:none;
            font-weight:bold;font-size:1.16em;
            box-shadow:0 0 4px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.2);
        }
        .cp-paging ul li.active a{color:rgb(102,102,102);background:rgb(219,219,219);}
        .cp-paging ul li a:hover{background:rgb(237,237,237);}
     
     .cp-paging a.cp-pagingBack{background-position:-7px -12px;}     
     .cp-paging a.cp-pagingForward{background-position:-7px 0;}     
     .cp-paging .inactive-left,
     .cp-paging .inactive-right{text-indent:-9999px;margin:0;}     
     .cp-paging .inactive-right{background-position:0 -12px;}
     
/* BLOCK HEADER */

.cp-blockHeader{display:block;height:32px;text-align:center;font-size:1.16em;font-weight:bold;background:transparent url('../../images/components/cp-shadowLine-up.png') no-repeat 0 bottom;}
.cp-blockHeader span{display:inline-block;margin:0 8px;}

.cp-blockTitle a{font-size:0.73em;margin-top:5px;}   
.cp-blockTitle a:hover{color:#fff;} 
.cp-arrow{padding-right:17px;background:transparent url('../../images/components/cp-guillemet.png') no-repeat right -1px;}

/* SUBHEADER */

.cp-subheader{font-size:2.08em;margin-bottom:20px;color:rgb(102,102,102);}

/* FORM */

.transparentBlack
{
    display:block;width:280px;height:92px;margin:0 auto;
    background-color:rgba(0,0,0,.4);position:relative;z-index:20;
}

/* ADD THIS PLUGIN */
.cp-addthisBtn{float:right;width:10px;height:18px;background:transparent url('../../images/components/cp-shareIcon.png') no-repeat 0 0;text-indent:-9999px;}
.cp-addthisBtn:hover{background-position:0 -17px;cursor:pointer;}
.cp-addthisBtn span{background:none;}  
  
/* FACEBOOK LIKE */
.fb-like{float:left;margin-right:5px;}

/* TWEET BUTTON */
.cp-tweetBtn{float:left;margin-right:5px;}

/* GUILLEMETS */

.cp-guillemet{float:right;width:16px;height:26px;display:inline-block;background:transparent url('../../images/components/cp-guillemet.png') no-repeat -2px -2px;}

/*Hero social icons*/
.mod-hero #hero-slider .slider-body ul li.panel .hero-panel-socialContainer{padding-left:10px;clear: both;position:relative;z-index:100;}
.mod-hero #hero-slider .slider-body ul li.panel .hero-panel-socialContainer ul li a{display: block;float: left;height:19px;}
.mod-hero #hero-slider .slider-body ul li.panel .hero-panel-socialContainer .cp-fbIcon{background:transparent url('../../images/components/cp-heroSocialIcons.png') no-repeat 0 0;text-indent:-9999px;width:19px;}
.mod-hero #hero-slider .slider-body ul li.panel .hero-panel-socialContainer .cp-twIcon{background:transparent url('../../images/components/cp-heroSocialIcons.png') no-repeat -20px 0;text-indent:-9999px;width:35px;}
.mod-hero #hero-slider .slider-body ul li.panel .hero-panel-socialContainer .cp-shareIcon{background:transparent url('../../images/components/cp-heroSocialIcons.png') no-repeat -55px 0;text-indent:-9999px;width:25px;}

.mod-hero .at16nc.at16t_facebook,
.mod-hero .at16nc.at16t_twitter,
.mod-hero .at16nc.at16t_compact{
    background:none;
    }
/* HERO HEADLINES */

.cp-item-date
{
    float:left;padding:8px 10px 0 10px;background:rgba(0, 0, 0, 0.4);
    font-size:1.33em;color:#fff;text-transform:uppercase;
    margin-right:50%;
}

.cp-heroVideoOverlay{width:620px;height:349px;background:#000;position:absolute;z-index:200;text-align:center;}
   .cp-heroVideoOverlay img{margin-top:166px;}
.no-js .cp-heroVideoOverlay{display:none;}
/* NO JS VISIBLE AND NOT VISIBLE ELEMENTS */

.cp-highlightTitle{float:left;font-weight: bold;text-transform: uppercase;font-size:0.91em;}
.cp-highlightDate{float:right;font-size:0.91em;}
.theme-gov .cp-highlightTitle{text-transform:none;width:175px;overflow:hidden;font-size:1em;}
.cp-highlightsIcon{background:transparent url('../../images/components/cp-highlightsIcon.png') no-repeat right 2px;padding: 0 13px 0 0;}

.no-js .mod-faCup-results ul li{display:none;}

.no-js .mod-faCup-results ul li.cp-visible{display:block;}

/* FACEBOOK COMMENTS PLUGIN */

.fb-comments{margin-left:10px;}

/* SUCCESS ALERT */
.cp-alert-success{display:block;padding:7px 10px 7px 30px;margin-right:10px;background:#e1f3d2 url("../../images/components/cp-success-icon.png") no-repeat 2px 2px;border:solid 1px #88d04d;color:#666;}
.cp-alert-error{display:block;padding:7px 10px 7px 30px;margin-right:10px;background:#fbcccc url("../../images/components/cp-error-icon.png") no-repeat 2px 2px;border:solid 1px #ee3434;color:#666;}

/* DEFAULT PAGINATION PLUGIN STYLING */
.cp-pagination-list-container{position:relative;overflow:hidden;}
.cp-pagination-list-hide{display:none;}
.cp-pagination-list-show{position:absolute;}
   .cp-pagination-list-show ul{float:left;}