body{
  background: none no-repeat scroll center top #fff;
  font-family: Arial,"Trebuchet MS",Helvetica,sans-serif;
  font-size: 62.5%;
  margin:0;
}

.basemainarea {
    font-family: Arial,Trebuchet MS,Helvetica,sans-serif;
    font-size: 62.5%;
}
  
.basemainarea a{
    font-weight: bold;     
}

.basecolumn1a#skiptomain{
  margin: 15px 0 15px 2px;
}

.baseheader {
	text-align: center;
}

.baseheader img {
  padding-top: 10px;
}

img{
  border:none;
}
fieldset{
  margin:0;
  padding:0;
  border: none;
}


header, footer, nav, article, aside {
   display:block;
}

nav ul, .navigation ul, ul.navigation{
  list-style: none outside none; /*type, position, image*/
}

h1, h2, h3, h4, h5, h6{
  margin: 0;
  font-size: 100%;
}
/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
/*##### BASIC LAYOUT #####*/


#prfrm_cookie_bnr{
  display:block;
  padding:5px 10px;
  background:#ffffff;
  color:#777777;
  border-bottom:5px solid #dedede;
  line-height: 1.5;
  display:none;
  text-align:left;
}
#prfrm_cookie_bnr .fixed_width_content{
  max-width: 980px;
  display:block;
  margin:0 auto;
  width:100%;
}
#prfrm_cookie_bnr .cookie_icon{
  margin-right:10px;
  display: inline-block;
  vertical-align: middle;
  zoom:1;
  *display: inline;
}
#prfrm_cookie_bnr .cookie_content{
  display: inline-block;
  vertical-align: middle;
  zoom:1;
  *display: inline;
}
#prfrm_cookie_bnr h3{
  font-size: 1.5em;
  margin:0;
  padding:0;
}
#prfrm_cookie_bnr p{
  font-size: 1.2em;
  margin:0;
  padding:0;
}
#prfrm_cookie_bnr a, #prfrm_cookie_bnr_close_button{
  color: #333333;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}

@media (max-width: 768px) {
  #prfrm_cookie_bnr .cookie_icon{
  	display:none;
  }
}
body{
  text-align:center; /*centering of page in older browsers*/
  background: #fff;
  text-align: center;
  margin:0;
  background-repeat:no-repeat;
}

body.iframe{
  background-color:transparent;
}
body.iframe .jqmWindow {
  top: 4%; 
}

#header, #mainPane, #teamNav, #footerContent{
  text-align:left;
  margin:0 auto; /*centering in modern browsers*/
  width: 990px;
}


#header {
  height:93px;
  padding: 7px 0px 10px;
}

.iframe #header{
  height:45px;
}

#header, #mainPane, #footerContent{

}

#header #header_LoginBox, #header nav{
  float:right;
  width:178px;  
  margin-right:10px;
  display:inline;/*fixes double margin bug*/
}

#header #header_LoginBox{
  height: 81px;/*value found by experiment, so bottom navigation is 10px above end of header*/
}

.iframe #header #header_LoginBox{
  height:30px;
}

#header .header-loginError {
    display: block;
    font-size: 1.1em;
    position: relative;
    text-align: right;
    width: 388px;
}

#header .labelAndField{
  float:left;
}

#header input{
  margin-right: 6px;
  padding: 3px 11px;
  font-size: 1.1em;
  vertical-align:top;
  border: 1px solid transparent;
  background: none no-repeat scroll 11px center transparent;
}

#header #header_login_username{
  background-image: url("/javaImages/3f/c5/0,,13118~8897855,00.png");
}

#header #header_login_password{
  background-image: url("/javaImages/41/c5/0,,13118~8897857,00.png");
}

#header .myAccount, #header .logOut, #header .loggedIn .signUp{
  display: block;
  float: right;
  margin:2px 0px 0px 8px;
}

#header .welcomeBack{
  color: #FFFFFF;
  display: block;
  float: right;
  font-size: 1.4em;
  font-weight: 100;
  width:175px;
}

#header nav a{
  vertical-align:middle;
  padding:0 6px;
  float:right;
}

.teamlogo, .logo, .sponsors_logo{
  display:inline-block;
  float:left;
  height:100%;/*so we are able to resize header without problems*/
}

.logo{
  margin:0 10px;
}

#teamNav a{
  display: block;
  float:left;
}

#mainPane{
  margin-bottom: 45px;
  padding: 0;
  overflow:hidden;
}

.iframe #mainPane{
  margin-bottom: 0px;
}

#mainPane article{
  margin: 15px;
  
  padding: 15px;
  text-align: left;
}

#mainPane p{
  font-size: 1.4em;
}

#mainPane article.leftCol, #mainPane aside{
  margin: 0;
  font-size: 100%;
}

#mainPane article.leftCol{
  float:left;
  width:625px;
}

#mainPane article.video{
  padding-right:0;
  width:640px;
}

#mainPane aside{
  margin:15px;
  margin-left:673px;/*width of left article + padding of both cols + left margin of aside*/
  
}
#mainPane form a.red-submit-link {
  position: relative;
  top: 2px;
}

#mainPane #back-nav {
  height: 42px;
  padding-left: 15px;
  width: 990px;
}
#mainPane #back-nav a {
  display: block;
  height: 100%;
  line-height: 42px;
}

aside div {
border: 1px solid #CDCDCD;
margin-bottom:24px;
}
aside div div, aside div div div {
border:none;
margin-bottom:0px;
}
.benefits {
  background: none repeat scroll 0 0 #FFFFFF;
  color: #222222;
  display: block;
  font-weight: bold;
  margin-bottom: 20px;
  padding: 18px;
  overflow:hidden;
  /*margin-top:48px;*/
}

.benefits h2{
  color: #004FB6;
  font-size: 1.6em;
  font-weight: bold;
  margin-bottom: 12px;
}

.benefits ul, .benefits p{
  font-size: 1.2em;
}

.benefits ul{
  list-style-type: none;
  margin-bottom: 14px;
  padding:0;
  margin-left: 0px;
}

.benefits li{
  background: url("/javaImages/44/7/0,,13118~8914756,00.png") no-repeat scroll 0 3px transparent;
  margin-bottom: 8px;
  padding-left: 17px;
}



#mainPane article header{
  font-weight: bold;
  margin-bottom: 10px;
  text-align: left;
}

.watchDemoButton, .buyNowButton{
  background: none no-repeat scroll 0 0 transparent;
  display: block;
  font-size: 1.8em;
  height: 24px;
  padding: 6px 0;
  text-align: center;
  text-decoration: none;
  width: 127px;
}

.watchDemoButton{
  background-image: url("/javaImages/2f/7/0,,13118~8914735,00.png");
  color: #045aec;
  float: left;
}

.buyNowButton{
  background-image: url("/javaImages/5/d3/0,,13118~9949957,00.jpg");
  color: #045aec;
  float: right;
}


.promooffer .regNowButton {
  float:none;  
}

.regNowButton {
  background-image: url("/javaImages/2f/e0/0,,13118~10018863,00.png");
  color: #045aec;
  float: left;
  display: block;
  font-size: 1.8em;
  height: 24px;
  padding: 6px 0;
  text-align: center;
  text-decoration: none;
  width: 265px;
}

  
h1{
  font-size: 1.8em;
  font-weight: bold;
  margin-bottom: 12px;
  color:#045aec;
}

h2{
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 8px;
}
  

/*#mainPane article h1{
  font-size: 1.4em;
}*/

.error p{
  font-weight: bold;
  color: red;
}
  
.error a{
  font-size: 0.9em;
  font-weight: bold;
  padding: 3px 14px;
  text-decoration: none;
}

/*#mainPane article p, #mainPane article label{*/
label{
  font-size:1.3em;
}

fieldset{
  margin: 0 0 30px;
  padding: 12px 27px 27px;
}

#header fieldset{
  margin:0;
  padding:0;
}

legend{
  font-size: 1.8em;
  font-weight: bold;
  padding: 0 8px;
}

a.button, .btn{
  display: inline-block;
  font-size: 15px;
  height: 26px;
  line-height:26px;
  padding: 0 4px;
  text-decoration:none;
}

a.btn {
  padding: 0 3px;
}
  
a.button span, a.btn span{
  display: block;
  height: 26px;
  padding: 0px 29px 0 34px;
  font-weight:bold;
  cursor: pointer;
}

div.labelAndField{
  /*margin-right:10px;*/
}

.labelAndField input, .labelAndField.select, .labelAndField label{
  /*float:left;*/
}



#footer{
  padding: 40px 0 100px;
  overflow:hidden;
}

#footer .navigation{
  clear:both;
}

#footer .footerNavigation{
  float:left;
  width:195px;
  display:inline; /*fixes double margin bug*/
}

#footer nav{
  list-style-type: square;
  list-style-position: inside;
}

#footer .footerNavigation a{
  display: list-item;
}

#fotterHomeNav{
  margin-left:10px;
}

#footer .performFooterLogo {
  float:right;
  width:100%;
}

fieldset label.checked, fieldset label.error, fieldset label.errorPlaceHolder{
  width: 27px;
  height: 17px;
  background: none no-repeat scroll left bottom transparent;
  position:relative;
  float:left;
}

fieldset label.error{
  background-image: url('/javaImages/5f/62/0,,~8807007,00.png');
  cursor: pointer;
}

fieldset label.checked{
  background-image: url('/javaImages/60/62/0,,~8807008,00.png');
}

fieldset label.checked div.message, fieldset label.error div.message{
  float:left;
  display:none;
  position:absolute;
  top: 8px;
  left:18px;
  z-index:10;
}

fieldset label.error:hover div.message{
  display:block;
  width:200px;
  background-color: #E4938F;
  border: 1px solid #E3001B;
  padding: 10px;
}

input.error, select.error{
  border-color: red;
  border-width: 1px;
  background-color: #E4938F;
}

.validationErrors{
  clear:both;
  color:red;
  display:none;
  text-align:center;
}

.validationErrors h3{
  font-size:1.7em;
  font-weight:bold;
}

.validationErrors ul{
  margin:10px auto 0;
  text-align:left;
}

.validationErrors label{
  display:list-item; 
  float:none;
}

.validationErrors label.checked{
  display:none;
}

/*jqModal*/

.jqmOverlay {
  background-color: #000000;
  display: block;
}

.jqmWindow{
  background: url("/javaImages/6b/3c/0,,13118~8993899,00.gif") no-repeat scroll left top transparent;
  color: #000000;
  display: none;
  left: 50%;
  margin-left: -425px;
  padding-top: 7px;
  position: fixed;
  top: 19%;
  text-align:left;
  width: 850px;
}

.jqmWindow .jqmClose {
  background: url("/javaImages/69/3c/0,,13118~8993897,00.gif") no-repeat scroll right center transparent;
  float: right;
  overflow: visible;
  padding: 5px 25px 5px 0;
}

.jqmWindow .secureLightbox {
  background: url("/javaImages/6a/3c/0,,13118~8993898,00.gif") no-repeat scroll left center transparent;
  float: left;
  font-size: 1.2em;
  padding: 5px 0 5px 25px;
}

.jqmWindow .message{
  clear:both;
}

.jqmWindow .lightboxInner {
  background: url("/javaImages/6c/3c/0,,13118~8993900,00.gif") no-repeat scroll left bottom transparent;
  overflow: auto;
  padding-bottom: 7px;
}

.jqmWindow .lightboxContent {
  background-color: #FFFFFF;
  overflow: auto;
  padding: 3px 20px 13px;
}

.jqmWindow .lightboxContent ul {
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
  list-style: none outside none;
}

.jqmWindow .lightboxContent li{
  background: url("/javaImages/6d/3c/0,,13118~8993901,00.gif") no-repeat scroll 0 2px transparent;
  font-size: 1.2em;
  margin-bottom: 5px;
  padding-left: 12px;
}


.jqmWindow p{
  font-size:1.4em;
}

.jqmWindow fieldset{
  border:none;
  margin: 0;
  padding: 0;
}

#lightboxNewCustomer, #lightboxExistingCustomer {
  border: 4px solid #E4E4E4;
  float: left;
  margin-top: 8px;
  min-height: 185px;
  height: auto !important;
  height: 185px; /*min-height for IE6 fix*/
  padding: 17px 18px;
}

#lightboxNewCustomer {
  clear: left;
  width: 270px;
}
 
#lightboxExistingCustomer {
  background-color: #F2F2F2;
  float: right;
  margin-top: 9px;
  width: 430px;
}

#lightboxExistingCustomer .labelAndField, #lightboxExistingCustomer .forgottenEmailAddress, #lightboxExistingCustomer .forgottenPassword{
  display:block;
  float:left;
  width:40%;
}

#lightboxExistingCustomer input{
  width:80%;
}

#lightboxExistingCustomer input[type="submit"] {
    background: url("/javaImages/72/3c/0,,13118~8993906,00.gif") no-repeat scroll left center transparent;
    border: 0 none;
    color: #145092;
    height: 26px;
    margin-top: 15px;
    text-align: center;
    width: 65px;
}

#ltb_LoginBox .signUp {
display:none;
}

#lightboxExistingCustomer .signUp, #lightboxExistingCustomer .forgottenEmailAddress, #lightboxExistingCustomer .forgottenPassword{
  /*display:none;*/
}

#lightboxExistingCustomer div.help{
  clear:both;
}
/*forgottenPassword - availiable on all sites*/
#passwordRecovery .labelAndField, #passwordReset .labelAndField{
  float:left;
}

#passwordRecovery #email{
  width:300px;
}


#mainPane #back-nav.main{
  padding:0;
}


#mainPane #back-nav.main ul{
  margin:0;
  padding:0;
    
}

#mainPane #back-nav.main li{
  float:left;
}

#mainPane #back-nav.main a {
  background:none;
  float:left;
  border-left: 1px solid #CBCBCB;
  border-right: 1px solid #FFF;
  width: 100%;
  text-align:center;
  padding: 0;
}

#mainPane #back-nav.main li.selected a, #mainPane #back-nav.main a:hover{
  background:url("/javaImages/ca/d2/0,,13118~9949898,00.jpg") repeat-x scroll 0 0 transparent
}

#mainPane #back-nav.main li.first a{
  border-left: 0;
  /*padding-left:31px;
}

#mainPane #back-nav.main li.last a{
  border-right: 0;
  padding-right:31px;*/
}

/*** Carousel RHS ***/

#fixtures_container{
  width:300px;
  height:167px;
  overflow:hidden;
  position:relative;
  padding-top:15px;
  background:white;
}

#fixtures_container.highlights{background:#fff url(/javaImages/5f/ed/0,,13118~9956703,00.jpg) no-repeat;}

#fixtures_container.live{background:#fff url(/javaImages/6f/ac/0,,13118~9350255,00.jpg) no-repeat;}


#fixtures_container ul{
  list-style:none;
  margin:0;
  padding:0;
  width:10000px;
  position:relative;
}

#fixtures_container li {
  float:left;
  width:254px;
  margin-left:26px;
  height:168px;
}
#fixtures_inner {
  width:300px;
  height:160px;
  overflow:hidden;
  float:left;
  position:relative;
}

.jcarousel-prev,.jcarousel-next{
  width:28px;
  height:118px; 
  float:left; 
  background:grey; 
  text-indent:-99999px;
  outline:none;
}

.jcarousel-next{
  background:url(/javaImages/72/ac/0,,13118~9350258,00.jpg) no-repeat;
  position:absolute;
  top:0px;
  right:0px;
}

.jcarousel-next:hover{ background:url(/javaImages/73/ac/0,,13118~9350259,00.jpg) no-repeat;}

.jcarousel-prev{ 
  background:url(/javaImages/70/ac/0,,13118~9350256,00.jpg) no-repeat;
  position:absolute;
  top:0px;
  left:0px; 
}

.jcarousel-prev:hover{ background:url(/javaImages/71/ac/0,,13118~9350257,00.jpg) no-repeat;}

#eventCarousel span{float:left; padding-top:25px;}

#eventCarousel .image{width:64px; text-align:center}

#eventCarousel .image img{width:60px;}

#eventCarousel .match{
 width:100px; 
 text-align:center; 
 font-weight:bold; 
 color:#045aec;
 padding-top:30px; 
 font-size:18px;
}

#fixtures_container strong{display:block}

#eventCarousel span.date{
 display:block; 
 padding-top:5px; 
 text-align:center; 
 width: 244px;
 font-weight:bold; 
 color:#797979; 
 font-size:14px;
}


.watchHighlightsLink {
float:left;
display: block;
width:250px;
clear: both;
height: 45px;
text-indent: -9999px;
}

#nav1 {
width: 100px;
}
#nav2 {
width: 160px;
}
#nav3 {
width: 130px;
}
#nav4 {
width: 160px;
}
#nav5 {
width: 170px;
}
#nav6 {
width: 110px;
}
#nav7 {
width: 160px;
}
.promotionContinueButton a {
    background: url("/javaImages/50/1d/0,,~9051472,00.gif") no-repeat scroll left top transparent;
    color: #064B95;
    font-size: 1.2em;
    height: 25px;
    width: 60px;
    padding: 5px 20px 6px 18px;
}
#contBut {
    background: url("/javaImages/a9/b6/0,,13118~10008233,00.gif") no-repeat scroll 0 0 transparent;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-size: 0.001em;
    height: 34px;
    position: relative;
    text-indent: -9000px;
    top: -5px;
    width: 98px;
}

/** Global settings **/
#cp-wrapper {
    background: url("/javaImages/ea/46/0,,13118~8996586,00.png") repeat-y scroll 0 0 #FFFFFF;
    overflow: hidden;
    padding: 15px;
}
#cp-wrapper a {
    color: #064B95; 
}
#cp-wrapper h1 {
    font-size: 2.4em;
}
#cp-wrapper h2 {
    margin-bottom: 0;
}
#cp-wrapper h3 {
    font-size: 1.4em;
    font-weight: bold;
    margin: 12px 0 6px 0;
}
#cp-wrapper p {
    margin: 0;
}
#cp-wrapper ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/* ### To move to primary.css? ### */
.left {
    display: block;
    float: left;
}

.right {
    display: block;
    float: right;
}
/* ### ### */

/** Navigation **/
#cp-box-left {
    background: url("/javaImages/6b/4a/0,,13118~8997483,00.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 153px;
    padding: 0 0 0 45px;
    width: 246px;
}
#cp-box-left nav a {
    background-color: #F2F2F2;
    border-bottom: 1px solid #FFF;
    height: 19px;
    padding: 6px 15px 5px;
}
#cp-box-left nav a {
  display: block;
  color: #002B54;
    font-size: 1.5em;
    text-decoration: none;
}
#cp-box-left nav a.selected{
    background: url("/javaImages/20/47/0,,13118~8996640,00.png") no-repeat scroll 0 0 transparent;
    background-color: #FFF;
}

/** Content **/
form {
    margin-top: 15px;
}
form li {
    margin-bottom: 10px;
}
form .radio-group ul {
    overflow: hidden;
}
form .radio-group li {
    float: left;
    width: 200px;
}
form#cancel-subscription-form {
    position: relative;
}
form .radio-error {
    left: 160px;
    position: absolute;
    top: -30px;
}

#cp-box-right {
    float: right;
    padding: 0 0 0 14px;
    width: 632px;
}

#process-success {
    margin: 20px !important;
    text-align: center;
}

.grey-header {
    background-color: #E3E3E3;
    font-size: 1.1em;
    margin-bottom: 1em;
    overflow: hidden;
    padding: 8px;
}
.grey-header a {
    display: block;
    float: right;
    font-weight: bold;
    margin: 3px 7px 0 0;
}

.inner-box {
    background-color: #FFF;
    border: 4px solid #D8D8D8;
    display: inline-block;
    float: left;
    margin-right: 10px;
    min-height: 300px;
    padding: 15px;
}
.inner-box h2 {
    float: left;
}
.inner-box p.small-p {
    font-size: 1.1em !important;
}
.inner-box #user-name {
    display: block;
    font-size: 1.9em;
}
.inner-box .feature {
    margin: 25px 0;
}

.inner-box-left {
    width: 273px;
}

.inner-box-right {
    margin-right: 0;
    width: 273px;
}

.name-value-pair {
    margin-bottom: 28px;
}
.name-value-pair span {
    display: block;
    font-size: 1.4em;
}
.name-value-pair .name {
    margin-bottom: 3px;
}
.name-value-pair .value {
    font-weight: bold;
}

li.userOrder {
  font-size: 1.3em;
  font-weight: bold;
  padding: 5px 0;
}#header{
 background: url("/javaImages/8d/7c/0,,13118~9927821,00.png") repeat-x scroll 0 bottom #002B54;
 border-bottom: 1px solid #303030;
}

.logo {
  background: url("/javaImages/68/f/0,,13118~11145064,00.png") no-repeat scroll 0 0 transparent;/*moved 3px to left because image is wrong*/
  width: 176px;
}

.sponsors_logo{
  background: url("/javaImages/6a/de/0,,13118~9952874,00.png") no-repeat scroll 0 0 transparent;
  width:485px;
}

#header a{
  color: #045aec;
  font-size: 11px;
  text-decoration: none;
  display:inline-block;
}

#header form a{
  color: #89A2BA;
  width:173px;/*found out by experiment, should be aligned with fields*/
}

#header label{
  display:none;
}

#header input{
  border-color: #8293AE;
  background-color: #1F5486;
  color: #FFFFFF;
  height: 15px;
  width: 143px;
}
  


#header .signIn, #header .signUp, #header .myAccount, #header .logOut{
  height: 24px;
  font-size:0px;
  text-indent: -9000px;/*we need to remove text from fields, so it will not interact with background images*/
}

#header .signIn{
  background: url("/javaImages/4e/c5/0,,13118~8897870,00.png") no-repeat scroll 0 0 transparent;
  border: none;
  width: 67px;
  float:right;
}

#header .signUp {
  /*background: url("/javaImages/1f/b7/0,,13118~10008351,00.png") no-repeat scroll 0 0 transparent;*/
  background: url("/javaImages/49/7d/0,,13118~9928009,00.png") no-repeat scroll 0 0 transparent;
  width: 67px;
  font-size:100%;
  float:right;
  margin-left:10px;
}
.loggedIn .signUp {
background: url("/javaImages/1f/b7/0,,13118~10008351,00.png") no-repeat scroll 0 0 transparent!important;
}
#header .myAccount{
  background: url("/javaImages/2b/44/0,,13118~8995883,00.png") no-repeat scroll 0 0 transparent;
  width: 92px;
}

#header .logOut {
  background: url("/javaImages/2c/44/0,,13118~8995884,00.png") no-repeat scroll 0 0 transparent;
  border: none;
  width: 77px;
}

#header .welcomeBack{
  color: #045aec;
  font-size: 1.4em;
  line-height:24px;
  height:24px;
  font-weight: 100;
}

#header .header-loginError {
    background: url("/javaImages/b4/fd/0,,13118~8912308,00.gif") no-repeat scroll 8px 2px #FAAEB0;
    border: 1px solid #E3001B;
    color: #000000;
    height: 13px;
    margin: 0 0 6px;
    padding: 8px 23px 8px 0;
}

#header nav a{
  background: url("/javaImages/e3/d2/0,,13118~9949923,00.jpg") no-repeat scroll 0 center transparent;
  padding:0 6px;
}

#teamNav{
  margin: 5px auto;
  height: 50px;
}

#teamNav a{
  background: url("/javaImages/9a/46/0,,13118~13977242,00.png") no-repeat scroll 0 0 #FFFFFF;
  border: 1px solid #D5D5D5;
  height: 50px;
  width: 68px;
  margin-left: 5px;
  font-size:0px;
  text-indent: -9000px;/*we need to remove text from fields, so it will not interact with background images*/
}

#teamNav a:hover{
  background-color: #2D679E;
  color: #002b54;
  border:1px solid transparent;
}

#teamNav a.Home{
  margin-left:0px;
  width:88px;
  background-image:url("/javaImages/ad/91/0,,13118~9277869,00.jpg");
  background-color:#2D679E;
  color:#002b54;
}

#teamNav a.Home:hover{
  background-image:url("/javaImages/45/89/0,,~11176261,00.jpg");
  background-position: left top;
  background-color:#FFFFFF;
  color:#FFFFFF;
}

#teamNav a.BathRugby {
    background-position: 0 0;
}
#teamNav a.NewcastleFalcons {
    background-position: 0 -50px;
}
#teamNav a.GloucesterRugby {
    background-position: 0 -100px;
}
#teamNav a.LondonIrish {
    background-position: 0 -150px;
}
#teamNav a.LeedsCarnegie {
    background-position: 0 -200px;
}
#teamNav a.Harlequins {
    background-position: 0 -250px;
}
#teamNav a.NorthamptonSaints {
    background-position: 0 -300px;
}
#teamNav a.Saracens {
    background-position: 0 -350px;
}
#teamNav a.SaleSharks {
    background-position: 0 -400px;
}
#teamNav a.LeicesterTigers {
    background-position: 0 -450px;
}
#teamNav a.LondonWasps {
    background-position: 0 -500px;
}
#teamNav a.ExeterChiefs {
    background-position: 0 -550px;
}
#teamNav a.LondonWelsh{
    background-position: 0 -600px;
}

#teamNav a.BathRugby:hover {
    background-position: -70px 0;
}
#teamNav a.NewcastleFalcons:hover {
    background-position: -70px -50px;
}
#teamNav a.GloucesterRugby:hover {
    background-position: -70px -100px;
}
#teamNav a.LondonIrish:hover {
    background-position: -70px -150px;
}
#teamNav a.LeedsCarnegie:hover {
    background-position: -70px -200px;
}
#teamNav a.Harlequins:hover {
    background-position: -70px -250px;
}
#teamNav a.NorthamptonSaints:hover {
    background-position: -70px -300px;
}
#teamNav a.Saracens:hover {
    background-position: -70px -350px;
}
#teamNav a.SaleSharks:hover {
    background-position: -70px -400px;
}
#teamNav a.LeicesterTigers:hover {
    background-position: -70px -450px;
}
#teamNav a.LondonWasps:hover {
    background-position: -70px -500px;
}
#teamNav a.ExeterChiefs:hover {
    background-position: -70px -550px;
}
#teamNav a.WorcesterWarriors {
    background-position: 0px -600px;
}
#teamNav a.WorcesterWarriors:hover {
    background-position: -70px -600px;
}
#teamNav a.LondonWelsh:hover {
    background-position: -70px -600px;
}

#mainPane{
  background: none repeat scroll 0 0 #F4F4F4;
  border: 1px solid #DCDCDC;
  border-top-width: 0;
}

.iframe #mainPane{
  border:none;
}

#mainPane article{
  background: none repeat scroll 0 0 #FFFFFF;
  border: 4px solid #D8D8D8;
}

#mainPane article.leftCol{
  border:none;
}

#mainPane article.video{
  background-color: transparent;
  border: none;
}

#mainPane #back-nav {
  background: url("/javaImages/db/d2/0,,13118~9949915,00.jpg") repeat-x scroll 0 0 #11294E;
}
#mainPane #back-nav a {
  background: url("/javaImages/9f/32/0,,13118~8925855,00.png") no-repeat scroll 0px 18px transparent;
  color: #045aec;
  font-size: 1.6em;
  font-weight: bold;
  padding-left: 15px;
  text-decoration: none;
}
  
fieldset{
  border: 4px solid #E4E4E4;
}

#header fieldset{
  border:none;
}
  
.cardsImage{
  float:right;
}
  
legend{
  color: #045aec;
}
  
  
.error h1{
  color: #DB0111;
}

.error a{
  border: 1px solid #C2C2C2;
  color: #002B55;
}
  
a.button{
  background: url("/javaImages/22/b7/0,,13118~8959778,00.png") no-repeat scroll right top transparent;
  color: #002B54;
}

a.btn{
  background: url("/javaImages/70/3c/0,,13118~8993904,00.gif") no-repeat scroll 100% 0 transparent;
  color: #FFFFFF;
}
  
a.button span{
  background: url("/javaImages/21/b7/0,,13118~8959777,00.png") no-repeat scroll left top transparent;
}

a.btn span{
  background: url("/javaImages/71/3c/0,,13118~8993905,00.gif") no-repeat scroll 0 0 
}
  

  
#footer{
  background: none repeat scroll 0 0 #005EAC;
  color: #FFFFFF;
  padding: 40px 0 100px;
  text-align: left;
}

#footer h3{
  font-size: 14px;
  margin-top:0;
  margin-bottom:14px;
}

#footer a{
  text-decoration:none;
  color: #FFFFFF;
  font-size: 12px;
}

#footer .performFooterLogo {
    border-top: 1px solid #127DD6;
    clear: both;
    margin-top: 90px;
}

#footer .performFooterLogo a {
    border-top: 1px solid #404C66;
    display: block;
    float: right;
    width: 100%;
    text-align:right;
}
  
/*Form styling*/
input, select{
  padding: 2.5px;
  margin-right:10px;
}

input, select, label{
  vertical-align:middle;
}

input[type=submit]{
  padding:0;
  margin:0;
}

input[type=checkbox]{
  margin: 0 10px;
}
.siteFooterAdvert {
clear:both;
padding:15px;
}
.skyscraper {
border:1px solid #D6D6D6;
background-color:#fff;
width:728px;
height:91px;
padding:15px 115px;  
}
.thirdpartympu {
display:block;
}
/*End form styling*/ 
div.standard-button a {
    background: url("/javaImages/22/b7/0,,13118~8959778,00.png") no-repeat scroll right top transparent;
    color: #002B54;
    display: block;
    float: left;
    font-size: 1.3em;
    height: 26px;
    margin-right: 4px;
    padding: 0 4px;
    text-decoration: none;
}
div.standard-button span {
    background: url("/javaImages/21/b7/0,,13118~8959777,00.png") no-repeat scroll left top transparent;
    display: block;
    height: 22px;
    padding: 4px 29px 0 34px;
}

input.full-width {
    width: 85%;
}

/*
label.error {
    background: none no-repeat scroll left bottom transparent;
    background-image: url('/javaImages/5f/62/0,,~8807007,00.png');
    cursor: pointer;  
    display: inline-block;
    height: 17px;
    position: relative;
    width: 27px;
}

label.error div.message {
    display: none;  
    float: left;
    left: 18px;
    position: absolute;
    top: 8px;
    z-index: 10;
}
*/

label.error:hover div.message {
    background-color: #E4938F;
    border: 1px solid #E3001B;
    display: block;
    padding: 10px;
    width: 200px;
}

label.label-block {
    display: block;
    margin-bottom: 5px;
}

li.buttons {
   margin-top: 20px; 
}
li.buttons div#left-button {
    float: left;
}
li.buttons input#right-button {
    float: right;
    margin: 0;
    padding: 0;
}

li.checkbox-line input {
    display: block;
    float: left;
    margin: 1px 5px 0 0;
}
  
  .fixture {
    background: url("/javaImages/88/b6/0,,13118~8959624,00.png") repeat-x scroll 0 0 #FFFFFF;
    border: 2px solid #CDCDCD;
    clear: both;
    height: 86px;
    margin: 4px 0;
}
.fixture .date {
    float: left;
    height: 72px;
    margin: 9px 0 5px 7px;
    text-align: center;
    text-transform: uppercase;
    width: 45px;
}
.fixture .date h3 {
    background: none repeat scroll 0 0 #228938;
    color: #FFFFFF;
    font-size: 1.4em;
    height: 16px;
    padding: 3px 0;
    width: 45px;
}
.fixture .date p {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #B4B4B4;
    border-left: 1px solid #B4B4B4;
    border-right: 1px solid #B4B4B4;
    color: #2C2C2C;
    display: block;
    font-size: 1.4em;
    font-weight: bold;
    height: 49px;
    width: 43px;
    margin:0px;
}
.fixture .date span {
    display: block;
    font-size: 2em;
    height: 30px;
    width: 43px;
}
.fixture .info {
    float: right;
    font-size: 1.8em;
    height: 40px;
    margin-top: 6px;
    width: 584px;
    text-align:center;
}
.fixture .info p {
    font-size: 0.6em!important;
    margin:4px 0px;
}
.fixture .links {
    float: left;
    margin: 10px 5px 0 200px;
}
ul.months {
    background: none repeat scroll 0 0 #213455;
    display: block;
    height: 45px;
    list-style: none outside none;
    padding-left: 10px;
    padding-top: 10px;
    margin:0px;
}
ul.months li {
    float: left;
}
ul.months li.selected a, ul.months li a:hover {
    background: none repeat scroll 0 0 #666666;
}
ul.months li a {
    border-right: 1px solid white;
    color: #FFFFFF;
    font-size: 1.4em;
    font-weight: bold;
    padding: 1px 4px;
    text-decoration: none;
    cursor:pointer;
}
.rounds_label {
    background: none repeat scroll 0 0 #213455;
    color: white;
    display: block;
    font-size: 1.4em;
    font-weight: bold;
    padding-left: 10px;
    text-align: left;
    border-top: 5px solid #FDE55E;
}
.fixture .links a, #videoDemo a, .nextAndPrev a, .standardButton a {
    background: url("/javaImages/22/b7/0,,13118~8959778,00.png") no-repeat scroll right top transparent;
    color: #002B54;
    display: block;
    float: left;
    font-size: 1.3em;
    height: 26px;
    margin-right: 4px;
    padding: 0 4px;
    text-decoration: none;
}
.fixture .links a span, .nextAndPrev a span, .standardButton a span {
    background: url("/javaImages/21/b7/0,,13118~8959777,00.png") no-repeat scroll left top transparent;
    display: block;
    height: 22px;
    padding: 4px 29px 0 34px;
}
#videoDemo a span {
    height: 26px;
    padding: 0 29px 0 34px;
}
.fixture .links a.disabled {
    background: url("/javaImages/22/b7/0,,13118~8959778,00.png") no-repeat scroll right top transparent;
}
.fixture .links a.disabled span {
    background: url("/javaImages/21/b7/0,,13118~8959777,00.png") no-repeat scroll left top transparent;
    color: #CFCFCF;
}
.months .selected {
background-color: #FDE55E;
}
.months A.selected  {
color: #045AEC;
}
.seasonSelector li {
float:left;
list-style-type:none;  
}
ul.seasonSelector  {
height:auto;
overflow:hidden;
margin:0px;
padding:0px;  
}
ul.seasonSelector LI A {
    color: #045AEC;
    display: block;
    font-size: 1.6em;
    font-weight: bold;
    height: 20px;
    padding: 10px 0;
    text-decoration: none;
    width: 159px;
    text-align:center;
    cursor:pointer;
} 
ul.seasonSelector A.selectedSeasonId { 
background-color: #FDE55E;
}

a:focus {
    outline: 0;
}

/** Contact us form **/
textarea.error {
    background-color: #E4938F;
}

#contact-us-form input.input-text {
    width: 300px;
}
#contact-us-form li {
   margin-bottom: 10px !important;
}

/** Page structure **/
#help-box-left {
    float: left;
    font-size: 13px;
    width: 240px;
}
#help-box-left a.current {
    font-weight: bold;
}

#help-box-right {
    float: right; 
    width: 590px;
}
#help-box-right a {
    text-decoration: none;
}
#help-box-right li {
    margin-bottom: 25px; 
}
#help-box-right .answer-body a {
    font-size: 1em;
}
#help-box-right .hide-answer {
    display: block;
}
#help-box-right .image-hide {
    margin-right: 5px;
    position: relative;
    top: 1px;
}

#help-wrapper {
    background-color: #fff;
    overflow: hidden;
    padding: 15px;
}

.help-box {
    border: 5px solid #E3E3E3;
    padding: 20px 20px 40px;
}
.help-box a {
    color: #064B95;
    font-size: 1.1em;
}
.help-box h1 {
    font-size: 1.9em;
}
.help-box ul {
    list-style-type: none;
    margin: 20px 0 0 0;
    padding: 0;
}
.help-box li {
    margin-bottom: 10px;
}@import url(/css/premiershipRugby/css/video.css);
  
.highlightsIntro h1 {
   background: url("/javaImages/5c/b2/0,,13118~8958556,00.png") repeat scroll 0 0 transparent;
   height: 20px;
   padding: 10px 0;
   text-align: center;
   width: 180px;
   color: #FFFFFF;
  }
.highlightsIntro {
    background: none repeat scroll 0 0 #C8C8C8;
    clear: both;
    color: #FFFFFF;
    height: 40px;
    margin: 10px 0;
    text-align: left;
    width: auto;
}
.viewTypeNavigation{
  border-bottom: 5px solid #FDE13F;
  margin: 0 auto;
  height:40px;
  overflow:hidden;
}  

.viewTypeNavigation a {
  background: url("/javaImages/d3/d2/0,,13118~9949907,00.jpg") repeat-x top left;
  color: #FFF;
  display: block;
  float:left;
  font-size: 1.6em;
  font-weight: bold;
  text-decoration: none;
  height: 40px;
  line-height:40px;
  text-align:center;
  width: 159px;
  margin-right:1px;
}

.viewTypeNavigation a:last-child{
  margin-right:0;
  padding-right:1px;
}
  
.viewTypeNavigation a.current {
  background-image: url("/javaImages/d8/d2/0,,13118~9949912,00.jpg");
  color: #045aec;
}
  
.views .viewType{
  display:none;
}
  
.views .current{
  display:block;
} 


.premiership_mutli_level_menu_menu ul li.item18197 {
   width: 171px !important;
}

div.basetopmenu {
 z-index: auto !important;
}
#commentaryAsset {
    background: url("/javaImages/67/68/0,,13118~9005159,00.png") repeat scroll 0 0 transparent;
    height: 144px;
    margin:15px 0px 20px 15px;
    padding: 1px;
    width: 914px;
    padding-left:45px;
}
#commentaryAsset ul {
    display: block;
    float: left;
    height: 134px;
    /*margin-left: 4px;*/
    margin:0px 0px 0px 0px;
    padding:0px;
    width: 300px;
}
#commentaryAsset .player {
    float: left;
    height: 144px;
    width: 613px;
}
#commentaryAsset ul li a {
    color: #002B54;
    font-weight: normal !important;
    text-decoration: none;
}
#commentaryAsset ul li.selected {
    background: url("/javaImages/20/47/0,,13118~8996640,00.png") no-repeat scroll 0 -2px transparent;
}
#commentaryAsset ul li {
    background: none repeat scroll 0 0 #E5E5E5;
    border-bottom: 1px solid #FFFFFF;
    font-size: 1.5em;
    height: 18px;
    list-style: none outside none;
    padding: 4px 0 0 16px;
    text-align: left;
    width: 284px;
}

#commentaryAsset .player .info {
    border: 1px solid #E3E3E3;
    display: block;
    height: 40px;
    margin: 23px 14px 6px 15px;
    padding: 4px;
    width: 576px;
}
#commentaryAsset .player .info .teams {
    font-size: 18px;
    font-weight: bold;
}
#commentaryAsset .player .info .extra {
    font-size: 1.2em;
}
#audioCommentaryAsset div {
    background: url("/javaImages/b/6e/0,,13118~9006603,00.gif") no-repeat scroll left top transparent;
    color: #FFFFFF;
    font-size: 1.3em;
    height: 60px;
    margin: 0 auto;
    padding: 4px 20px 0;
    /*width: 546px;*/
}
#audioCommentaryAsset p {
    margin: 0;
    padding: 5px 0 0 65px;
}
#audioCommentaryAsset div a {
    color: #FFBE2A;
}
/* Duplicate entry - removing
#commentaryAsset .player .info {
 display: block;
 height: 40px;
 width: 576px;
 padding: 4px;
 border: 1px solid #e3e3e3;
 margin: 12px 14px 12px 15px;
}
*/
#commentaryAsset .player .info .teams {
 font-size: 18px;
 font-weight: bold;
}
#commentaryAsset .player .info .extra {
 font-size: 1.2em;
}
#audioContainer {
margin-left:15px;
}
#commentaryAsset .list A {
cursor:pointer;
}

#commentaryAsset ul li.step1 {
background-color: #FFE341;
}

.step2 {
float: left;
/*width: 613px;
background-color: #FFE341;
height: 22px;*/
}

.step2 strong {
padding: 5px 0 0 19px;
margin-top: 10px;
position: relative;
top: 4px;
font-size: 11pt;
}

.stepLayout {

background-color:#ffe341;
vertical-align:bottom;
margin:5px 0px 0px 16px;

}
#promoCodeSubmit {
  background: url("/javaImages/a9/b6/0,,13118~10008233,00.gif") no-repeat scroll 0 0 transparent;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 0.001em;
    height: 34px;
    position: relative;
    text-indent: -9000px;
    top: -5px;
    width: 98px;
}
  
#payments_voucherCode {
  float:left;
}
  
#payments_voucherCodeLabel {
  display:block;
  margin-bottom:10px;
}
#payOpts ul, #methodOfPayment ul{
  padding:0;
  margin:0;
  list-style: none outside none; /* style position image */
}

#payOpts li, #methodOfPayment li{
  margin-bottom:10px;
}

#methodOfPayment div.labelAndField{
  overflow:auto;
}
  
#methodOfPayment .paymentText {
  clear:both;
}

#payOpts input, #methodOfPayment input{
  margin:0;
}

#mainPane #payOpts label, #mainPane #methodOfPayment label{
  font-size: 100%;
}

#payOpts li strong, #methodOfPayment li strong{
  font-size: 1.5em;
  font-weight: bold;
  margin-left: 10px;
}

#payOpts .content{
  font-size:1.2em;
  margin:10px 0 0 26px;
  display:block;
  
}

#registrationForm input, #registrationForm select{
  float:left;
}



#methodOfPayment strong{
  font-size: 1.7em;
  font-weight: bold;
}

#confirmedVideoLabelAndField,
#registration_acceptTermsAndConditionsLabelAndField,
#registration_optInSiteMarketingLabelAndField,
#registration_optInThirdPartyMarketingLabelAndField{
  padding-top:10px;
  clear:both;
}

#yourDetails div.labelAndField, #yourDetails div.validation,
#registration_passwordLabelAndField,
#registration_passwordConfirmationLabelAndField,
#registration_passwordReminderLabelAndField{
  float:left;
}


#yourDetails div.labelAndField label,
#registration_passwordLabelAndField label,
#registration_passwordConfirmationLabelAndField label,
#registration_passwordReminderLabelAndField label{
  display: block;
  margin: 4px 0;
}

#registration_password, #registration_passwordConfirmation{
  width: 220px;
}

#registration_passwordReminder{
  width: 485px;
}

#printTerms{
  float:right;
}

#termsAndConditionsEmbed{
  font-size: 0.85em;
  clear: both;
  padding-top:16px;
}

#termsAndConditionsEmbedContent{
  background: none repeat scroll 0 0 #E7E7E7;
  border: 1px inset;
  height: 85px;
  overflow: auto;
  padding: 0 1em 1em;
}

#registration_email, #registration_emailConfirmation{
  width:335px;
}

#registrationForm #registrationFormSubmit{
  background: url("/javaImages/a9/b6/0,,13118~10008233,00.gif") no-repeat scroll 0 0;
  height: 34px;
  width: 98px;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  cursor: pointer;
  float: right;
  font-size:0px;
  text-indent: -9000px;/*we need to remove text from fields, so it will not interact with background images*/
  font-size: 0.001em;
  position:relative;
  top:-5px;
}

#confirmedVideoLabelAndField label.error,
#confirmedVideoLabelAndField label.errorPlaceHolder,
#registration_acceptTermsAndConditionsLabelAndField label.error,
#registration_acceptTermsAndConditionsLabelAndField label.errorPlaceHolder,
#registration_optInSiteMarketingLabelAndField label.error,
#registration_optInSiteMarketingLabelAndField label.errorPlaceHolder,
#registration_optInThirdPartyMarketingLabelAndField label.error,
#registration_optInThirdPartyMarketingLabelAndField label.errorPlaceHolder{
  float:right
}


#registration_payOptionLabelAndField label.error, #methodOfPaymentLabelAndField label.error{
  display:none !important;
}

#trustSidebar h2 {
  font-size: 1.2em;
  font-weight: bold;
}

#trustSidebar img {
  border: 1px solid #E3E3E3;
  background: none repeat scroll 0 0 #FFFFFF;
  display: block;
  margin: 5px 0;
  padding:5px;
}
#trustSidebar .Paypal {
 padding: 5px 37px;  
}
  
.paymentPlanDisclaimer {
  font-size:1.3em;
  padding:13px 10px;
}
#outsideUK {
padding-top:22px;
}
#registration_addressPostcodeLabelAndField {
width:400px;
}
/* Event timeline */

#eventTimeline {
 background: #fff;
 width: 640px;
 height: 69px;
 padding: 10px 0;
}

#eventTimeline .events {
 float: left;
 position: relative;
 display: block;
 background: url('/javaImages/70/5a/0,,13118~9001584,00.png');
 width: 562px;
 height: 65px;
 padding: 2px;
}

#eventTimeline .club {
 width: 53px;
 height: 69px;
 float: left;
}

#eventTimeline .club .homeLogo {
 width: 53px;
 height: 29px;
 padding-bottom: 7px;
}

#eventTimeline .club .awayLogo {
 width: 53px;
 height: 29px;
}

#eventTimeline .club .NorthamptonSaints {
 background: url('/javaImages/b2/21/0,,13118~9052594,00.png') 0 0 no-repeat;
 margin: 0 0 0 15px;
 width: 39px;
 height: 29px;
 display: block;
}

#eventTimeline .club .LeicesterTigers {
 background: url('/javaImages/b1/21/0,,13118~9052593,00.png') 0 0 no-repeat;
 margin: 0 0 0 15px;
 width: 39px;
 height: 29px;
 display: block;
}

#eventTimeline .club .NewcastleFalcons {
 background: url('/javaImages/97/21/0,,13118~9052567,00.png') 7px 0 no-repeat;
 margin: 0 0 0 7px;
 width: 39px;
 height: 29px;
 display: block;
}

#eventTimeline .club .SaleSharks {
 background: url('/javaImages/9d/21/0,,13118~9052573,00.png') 0 0 no-repeat;
 margin: 0 0 0 7px;
 width: 39px;
 height: 29px;
 display: block;
}

#eventTimeline .club .Saracens {
 background: url('/javaImages/a0/21/0,,13118~9052576,00.png') 0 0 no-repeat;
 margin: 0 0 0 10px;
 width: 39px;
 height: 29px;
 display: block;
}

#eventTimeline .club .LondonIrish {
 background: url('/javaImages/a4/21/0,,13118~9052580,00.png') 0 0 no-repeat;
 margin: 0 0 0 16px;
 width: 37px;
 height: 29px;
 display: block;
}

#eventTimeline .club .ExeterChiefs {
 background: url('/javaImages/a5/21/0,,13118~9052581,00.png') 0 0 no-repeat;
 margin: 0 0 0 13px;
 width: 37px;
 height: 29px;
 display: block;
}

#eventTimeline .club .GloucesterRugby {
 background: url('/javaImages/a6/21/0,,13118~9052582,00.png') 0 0 no-repeat;
 margin: 0 0 0 11px;
 width: 37px;
 height: 29px;
 display: block;
}

#eventTimeline .club .Harlequins {
 background: url('/javaImages/aa/21/0,,13118~9052586,00.png') 0 0 no-repeat;
 margin: 0 0 0 17px;
 width: 37px;
 height: 29px;
 display: block;
}

#eventTimeline .club .LondonWasps {
 background: url('/javaImages/a9/21/0,,13118~9052585,00.png') 0 0 no-repeat;
 margin: 0 0 0 15px;
 width: 37px;
 height: 29px;
 display: block;
}

#eventTimeline .club .LondonWelsh {
 background: url('/javaImages/5a/23/0,,13118~11674458,00.jpg') 0 0 no-repeat;
 margin: 0 0 0 15px;
 width: 37px;
 height: 29px;
 display: block;
}

#eventTimeline .club .BathRugby {
 background: url('/javaImages/b0/21/0,,13118~9052592,00.png') 0 0 no-repeat;
 margin: 0 0 0 12px;
 width: 37px;
 height: 29px;
 display: block;
}

#eventTimeline .club .LeedsCarnegie {
 background: url('/javaImages/af/21/0,,13118~9052591,00.png') 0 0 no-repeat;
 margin: 0 0 0 6px;
 width: 42px;
 height: 29px;
 display: block;
}
#eventTimeline .club .WorcesterWarriors {
 background: url('/javaImages/16/e0/0,,13118~10018838,00.png') 0 0 no-repeat;
 margin: 0 0 0 6px;
 width: 42px;
 height: 29px;
 display: block;
}

#eventTimeline .hideShow {
 float: left;
 display: block;
 width: 21px;
 height: 69px;

}
#eventTimeline .hideShow .show {
 display: block;
 background: url('/javaImages/6/61/0,,13118~9003270,00.png') no-repeat;
 height: 69px;
 width: 13px;
 margin: 0 4px;
}

#eventTimeline .hideShow .hide {
 display: block;
 background: url('/javaImages/5/61/0,,13118~9003269,00.png') no-repeat;
 height: 69px;
 width: 13px;
 margin: 0 4px;
}

#eventTimeline .events .icon {
 position: absolute;
}

#eventTimeline .events .try {
 margin-top: 3px;
 background: url('/javaImages/7e/5a/0,,13118~9001598,00.png');
 display: block;
 width: 23px;
 height: 24px;
}

#eventTimeline .events .conversion {
 margin-top: 4px;
 background: url('/javaImages/c4/5a/0,,13118~9001668,00.png');
 display: block;
 width: 25px;
 height: 23px;
}

#eventTimeline .events .penalty {
 margin-top: 4px;
 background: url('/javaImages/c6/5a/0,,13118~9001670,00.png');
 display: block;
 width: 25px;
 height: 23px;
}

#eventTimeline .events .dropgoal {
 margin-top: 4px;
 background: url('/javaImages/c5/5a/0,,13118~9001669,00.png');
 display: block;
 width: 25px;
 height: 23px;
}

#eventTimeline .events .bigtackle {
 margin-top: 3px;
 background: url('/javaImages/d3/5a/0,,13118~9001683,00.png');
 display: block;
 width: 14px;
 height: 24px;
}

#eventTimeline .events .tmo {
 margin-top: 3px;
 background: url('/javaImages/b5/21/0,,13118~9052597,00.png');
 display: block;
 width: 27px;
 height: 21px;
}

#eventTimeline .events .yellowcard {
 margin-top: 3px;
 background: url('/javaImages/c8/5a/0,,13118~9001672,00.png');
 display: block;
 width: 20px;
 height: 24px;
}

#eventTimeline .events .redcard {
 margin-top: 3px;
 background: url('/javaImages/c7/5a/0,,13118~9001671,00.png');
 display: block;
 width: 20px;
 height: 24px;
}

#eventTimeline .events .homeEvents {
 position: relative;
 display: block;
 height: 29px;
 width: 562px;
}

#eventTimeline .events .awayEvents {
 position: relative;
 display: block;
 margin-top: 7px;
 height: 29px;
 width: 562px;
}
.playerContent {
  background: none repeat scroll 0 0 #000000;
  height: 360px;
  position: relative;
  width: 640px;
}

.playerContent .flashElement {
  color: #000000;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 0.6em;
  text-align: left;
}

.playerContent .userHasInvalidSubscription,.playerContent .userHasNotRegistered{
  /*background: url("/javaImages/14/20/0,,13118~9052180,00.png") no-repeat scroll left top transparent;*/
  color: #FFFFFF;
  font-size: 1.4em;
  /*height: 100px;*/
  margin: 95px 170px;
  padding: 20px;
  position: absolute;
  text-align: left;
  width: 240px;
  border: 1px solid lightGrey;
  border-radius: 9px;
}

#mainPane .playerContent .userHasInvalidSubscription p,#mainPane .playerContent .userHasNotRegistered p{
  font-size:100%; 
  margin:0;
}

.playerContent .jsdisabled{
  background: url("/javaImages/e/2c/0,,13118~8924174,00.png") repeat scroll 0 0 transparent;
  margin: 0 20px;
  text-align:center;
  color: white;
  font-weight: bold;
  position: relative;
  top: 50%;
  font-size: 1.2em;
}

.playerContent .jsdisabled p{
  position:relative;
  top: -2em;
}

.playerContent .jsdisabled a{
  color:white;
  display:block;
}

.playerContent .userHasInvalidSubscription p:first-child,.playerContent .userHasNotRegistered p:first-child {
    background: url("/javaImages/13/20/0,,13118~9052179,00.gif") no-repeat scroll left top #000000;
    min-height: 65px;
    padding-left: 65px;
}

.playerContent .userHasInvalidSubscription a,.playerContent .userHasNotRegistered a {
    color: #FFBE2A;
}

.playerContent .subscriberContent {
  background: url("/javaImages/41/3a/0,,~8862273,00.png") no-repeat scroll left top transparent;
  display: block;
  height: 112px;
  left: 40%;
  margin: 0 auto;
  position: absolute;
  text-indent: -9999px;
  top: 35%;
  width: 144px;
}

.eventTimeline{
  background: none repeat scroll 0 0 #FFFFFF;
  height: 69px;
  padding: 10px 0;
  width: 640px;
}

.eventTimeline .club{
  float: left;
  height: 69px;
  width: 53px;
}

.eventTimeline .events{
  background: url("/javaImages/70/5a/0,,13118~9001584,00.png") repeat scroll 0 0 transparent;
  display: block;
  float: left;
  height: 65px;
  padding: 2px;
  position: relative;
  width: 562px;
}

.eventTimeline .hideShow{
  display: block;
  float: left;
  height: 69px;
  width: 21px;
}

.videoInformation {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    margin-bottom: 16px;
    padding: 13px 11px;
    width: 616px;
    border: 1px solid #DBDBDB;
}

.videoInformation .tools {
  border-bottom: 1px solid #D9D9D9;
  font-size: 1.2em;
  font-weight: bold;
  overflow:hidden;
  height:25px;
}

.videoInformation .tools a.like {
  background: url("/namedImage/13118/thumbsUp.gif") no-repeat scroll 0 center transparent;
  padding: 1px 0 0 16px;
}

.videoInformation .tools a.help, .videoInformation .tools a.like {
  color: #003366;
}

.videoInformation .tools a {
  color: #000000;
  float: left;
  margin-bottom: 6px;
  margin-right: 4px;
  text-decoration: none;
}

.videoInformation .tools a.help {
  float: right;
  margin-right: 0;
}


.videoInformation .tools .addthis_toolbox {
  
  margin-top: 1px;
}
.videoInformation .description {
  font-size: 1.2em;
  margin: 10px 0;
  text-align: left;
}

#mainPane article .videoInformation .description p{
  font-size:100%;
  margin-left: 4px;
}

#mainPane .videoPLayerNavigation .sorting{
  float:right;
  margin:0;
  padding:0;
}

#mainPane .videoPLayerNavigation .sorting label{
  font-weight:bold;
}

#mainPane .videoPLayerNavigation .filter{
  background: none repeat scroll 0 0 #A7A7A7;
  border: 1px solid #8E8E8E;
  clear: both;
  color: #FFFFFF;
  display: block;
  margin-bottom: 10px;
  padding: 11px;
  line-height: 18px;
  height:18px;
}


#mainPane .videoPLayerNavigation .filter input[type=submit]{
  float:right;
  position:relative;
  top:-4px;
}

#mainPane .videoPLayerNavigation input, #mainPane .videoPLayerNavigation select{
  margin: 0 0 0 12px;
  padding: 0;
}

.videoPLayerNavigation label{
  font-size:1.1em;
}

.videoPLayerNavigation strong{
  font-weight:bold;
  font-size: 1.4em;
  vertical-align: middle;
}

.videoGroup{
  
}

.videoItem{
  background: none repeat scroll 0 0 #FFFFFF;
  display: block;
  /*height: 220px;*/
  margin: 8px 0px;
  padding: 9px;
  text-align: left;
  width: 288px;
  border: 1px solid #D6D6D6;
}

.videoItem .categoriesString{
  height:1em;
  line-height:1em;
}

.videoItem .like{
  background: url("/namedImage/13118/thumbsUp.gif") no-repeat scroll 0 center transparent;
  padding: 4px 0 2px 15px;
  margin:0px;
  font-size:1.2em;
}

.videoGroup .left{float:left; height: 212px;}
.videoGroup .right{float:right; height: 212px;}

.videoItem header{
  margin-bottom: 7px;
}

.videoItem header a{
  color: #045aec;
  text-decoration: none;
  font-size:0.9em;
}

.videoItem img{
  height: 165px;
  width: 290px;
  
}
.videoItem .img{
  position: relative;
}
.videoItem .playIcon{
  background: url("/javaImages/ac/16/0,,13118~8918700,00.png") no-repeat scroll 0 0 transparent;
  display: block;
  width: 60px;
  height: 60px;
  position: absolute;
  left: 116px;
  top: 54px;
  
}

nav.pagination{
   background: none repeat scroll 0 0 #FFFFFF;
   border: 1px solid #D6D6D6;
   bottom: 0;
   clear: both;
   display: inline-block;
   font-size: 1.4em;
   height: 15px;
   margin-bottom: 10px;
   padding: 4px 0;
   float:right;
}

nav.pagination a, nav.pagination span{
  border-right: 1px solid #D4D4D4;
  color: #002B55;
  display: block;
  float: left;
  padding: 0 4px;
  text-decoration: none;
}

nav.pagination a.current, nav.pagination span.current{
  font-weight:bold;
}

.clubName{
  float:left;
}

.Team #header .teamlogo {
  background: none no-repeat scroll center center transparent;
  border-right: 1px solid #787878;
  display: block;

  width: 77px;
  margin-left:10px;
  padding-right: 10px;
}

.BathRugby #header .teamlogo{
  background-image: url("/javaImages/41/87/0,,13118~8947521,00.png");
}

.ExeterChiefs #header .teamlogo{
  background-image: url("/javaImages/5b/c6/0,,13118~10012251,00.png");
}

.GloucesterRugby #header .teamlogo{
  background-image: url("/javaImages/61/c6/0,,13118~10012257,00.png");
  width: 79px;
}

.Harlequins #header .teamlogo{
  background-image: url("/javaImages/60/c6/0,,13118~10012256,00.png");
  width: 46px;
}
.LeedsCarnegie #header .teamlogo{
  background-image: url("/javaImages/48/87/0,,13118~8947528,00.png");
  width: 113px;
}
.LeicesterTigers #header .teamlogo{
  background-image: url("/javaImages/2b/87/0,,13118~8947499,00.png");
  width: 64px;
}
.LondonIrish #header .teamlogo{
  background-image: url("/javaImages/3b/87/0,,13118~8947515,00.png");
  width: 58px;
}
.LondonWasps #header .teamlogo{
  background-image: url("/javaImages/5f/c6/0,,13118~10012255,00.png");
  width: 64px;
}
.NewcastleFalcons #header .teamlogo{
  background-image: url("/javaImages/5e/c6/0,,13118~10012254,00.png");
  width: 74px;
}
.NorthamptonSaints #header .teamlogo{
  background-image: url("/javaImages/3d/87/0,,13118~8947517,00.png");
  width: 63px;
}
.SaleSharks #header .teamlogo{
  background-image: url("/javaImages/5a/c6/0,,13118~10012250,00.png");
  width: 100px;
}
.Saracens #header .teamlogo{
  background-image: url("/javaImages/c5/35/0,,13118~8926661,00.png");
  width: 90px;
}
.WorcesterWarriors #header .teamlogo{
  background-image: url("/javaImages/cb/ff/0,,13118~9961419,00.png");
  width: 90px;
}



#facebook_asset,#twitter_asset{
display: inline-block;
float: left;
}
#facebook_asset{
margin-left: 29px;
}

.tools div.atclear {clear:none;}

#eventTimeline {
 background: #fff;
 width: 640px;
 height: 69px;
 padding: 10px 0;
}

#eventTimeline .events {
 float: left;
 position: relative;
 display: block;
 background: url('/javaImages/70/5a/0,,13118~9001584,00.png');
 width: 562px;
 height: 65px;
 padding: 2px;
}

#eventTimeline .club {
 width: 53px;
 height: 69px;
 float: left;
}

#eventTimeline .club .homeLogo {
 width: 53px;
 height: 29px;
 padding-bottom: 7px;
}

#eventTimeline .club .awayLogo {
 width: 53px;
 height: 29px;
}

#eventTimeline .club .NorthamptonSaints {
 background: url('/javaImages/b2/21/0,,13118~9052594,00.png') 0 0 no-repeat;
 margin: 0 0 0 15px;
 width: 39px;
 height: 29px;
 display: block;
}

#eventTimeline .club .LeicesterTigers {
 background: url('/javaImages/b1/21/0,,13118~9052593,00.png') 0 0 no-repeat;
 margin: 0 0 0 15px;
 width: 39px;
 height: 29px;
 display: block;
}

#eventTimeline .club .NewcastleFalcons {
 background: url('/javaImages/97/21/0,,13118~9052567,00.png') 7px 0 no-repeat;
 margin: 0 0 0 7px;
 width: 39px;
 height: 29px;
 display: block;
}

#eventTimeline .club .SaleSharks {
 background: url('/javaImages/9d/21/0,,13118~9052573,00.png') 0 0 no-repeat;
 margin: 0 0 0 7px;
 width: 39px;
 height: 29px;
 display: block;
}

#eventTimeline .club .Saracens {
 background: url('/javaImages/a0/21/0,,13118~9052576,00.png') 0 0 no-repeat;
 margin: 0 0 0 10px;
 width: 39px;
 height: 29px;
 display: block;
}

#eventTimeline .club .LondonIrish {
 background: url('/javaImages/a4/21/0,,13118~9052580,00.png') 0 0 no-repeat;
 margin: 0 0 0 16px;
 width: 37px;
 height: 29px;
 display: block;
}

#eventTimeline .club .ExeterChiefs {
 background: url('/javaImages/a5/21/0,,13118~9052581,00.png') 0 0 no-repeat;
 margin: 0 0 0 13px;
 width: 37px;
 height: 29px;
 display: block;
}

#eventTimeline .club .GloucesterRugby {
 background: url('/javaImages/a6/21/0,,13118~9052582,00.png') 0 0 no-repeat;
 margin: 0 0 0 11px;
 width: 37px;
 height: 29px;
 display: block;
}

#eventTimeline .club .Harlequins {
 background: url('/javaImages/aa/21/0,,13118~9052586,00.png') 0 0 no-repeat;
 margin: 0 0 0 17px;
 width: 37px;
 height: 29px;
 display: block;
}

#eventTimeline .club .LondonWasps {
 background: url('/javaImages/a9/21/0,,13118~9052585,00.png') 0 0 no-repeat;
 margin: 0 0 0 15px;
 width: 37px;
 height: 29px;
 display: block;
}

#eventTimeline .club .BathRugby {
 background: url('/javaImages/b0/21/0,,13118~9052592,00.png') 0 0 no-repeat;
 margin: 0 0 0 12px;
 width: 37px;
 height: 29px;
 display: block;
}

#eventTimeline .club .LeedsCarnegie {
 background: url('/javaImages/af/21/0,,13118~9052591,00.png') 0 0 no-repeat;
 margin: 0 0 0 6px;
 width: 42px;
 height: 29px;
 display: block;
}
#eventTimeline .club .WorcesterWarriors {
 background: url('/javaImages/16/e0/0,,13118~10018838,00.png') 0 0 no-repeat;
 margin: 0 0 0 6px;
 width: 42px;
 height: 29px;
 display: block;
}

#eventTimeline .hideShow {
 float: left;
 display: block;
 width: 21px;
 height: 69px;

}
#eventTimeline .hideShow .show {
 display: block;
 background: url('/javaImages/6/61/0,,13118~9003270,00.png') no-repeat;
 height: 69px;
 width: 13px;
 margin: 0 4px;
}

#eventTimeline .hideShow .hide {
 display: block;
 background: url('/javaImages/5/61/0,,13118~9003269,00.png') no-repeat;
 height: 69px;
 width: 13px;
 margin: 0 4px;
}

#eventTimeline .events .icon {
 position: absolute;
}

#eventTimeline .events .try {
 margin-top: 3px;
 background: url('/javaImages/7e/5a/0,,13118~9001598,00.png');
 display: block;
 width: 23px;
 height: 24px;
}

#eventTimeline .events .conversion {
 margin-top: 4px;
 background: url('/javaImages/c4/5a/0,,13118~9001668,00.png');
 display: block;
 width: 25px;
 height: 23px;
}

#eventTimeline .events .penalty {
 margin-top: 4px;
 background: url('/javaImages/c6/5a/0,,13118~9001670,00.png');
 display: block;
 width: 25px;
 height: 23px;
}

#eventTimeline .events .dropgoal {
 margin-top: 4px;
 background: url('/javaImages/c5/5a/0,,13118~9001669,00.png');
 display: block;
 width: 25px;
 height: 23px;
}

#eventTimeline .events .bigtackle {
 margin-top: 3px;
 background: url('/javaImages/d3/5a/0,,13118~9001683,00.png');
 display: block;
 width: 14px;
 height: 24px;
}

#eventTimeline .events .tmo {
 margin-top: 3px;
 background: url('/javaImages/b5/21/0,,13118~9052597,00.png');
 display: block;
 width: 27px;
 height: 21px;
}

#eventTimeline .events .yellowcard {
 margin-top: 3px;
 background: url('/javaImages/c8/5a/0,,13118~9001672,00.png');
 display: block;
 width: 20px;
 height: 24px;
}

#eventTimeline .events .redcard {
 margin-top: 3px;
 background: url('/javaImages/c7/5a/0,,13118~9001671,00.png');
 display: block;
 width: 20px;
 height: 24px;
}

#eventTimeline .events .homeEvents {
 position: relative;
 display: block;
 height: 29px;
 width: 562px;
}

#eventTimeline .events .awayEvents {
 position: relative;
 display: block;
 margin-top: 7px;
 height: 29px;
 width: 562px;
}

 
object#player,
div#player {
	height:360px;
    min-height:360px;
}


.perform-skin {
  color: #f1f4e3;
}
/* Custom Icon Font
--------------------------------------------------------------------------------
The control icons are from a custom font. Each icon corresponds to a character
(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
*/
@font-face {
  font-family: 'VideoJS';
  src: url(/i/beINSport/site/player/vjs.eot);
  src: url(/i/beINSport/site/player/vjs.eot) format("embedded-opentype"), url(/i/beINSport/site/player/vjs.woff) format("woff"), url(/i/beINSport/site/player/vjs.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* Base UI Component Classes
--------------------------------------------------------------------------------
*/
/* Slider - used for Volume bar and Seek bar */
.perform-skin .vjs-slider {
  background: rgba(0, 0, 0, 0.70);
    cursor: pointer;
    outline: 0 none;
    padding: 0;
    position: relative;
    height: 100%;
}

.perform-skin .vjs-slider-handle {
  position: absolute;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}
.perform-skin .vjs-slider-handle:before {
  font-family: VideoJS;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}

/* Control Bar
--------------------------------------------------------------------------------
The default control bar that is a container for most of the controls.
*/
.perform-skin .vjs-control-bar {
  /* Start hidden */
  display: none;
  opacity: 0;
  position: absolute;
  /* Place control bar at the bottom of the player box/video.
     If you want more margin below the control bar, add more height. */
  bottom: 0;
  /* Use left/right to stretch to 100% width of player div */
  left: 0;
  right: 0;
  /* Height includes any margin you want above or below control items */
  height: 4em;
  margin: 15px;
  z-index: 3;
  -webkit-transition: all 0.25s linear;
          transition: all 0.25s linear;
}

/* Show the control bar only once the video has started playing */
.perform-skin.vjs-has-started .vjs-control-bar {
  /* Visibility needed to make sure things hide in older browsers too. */
  visibility: visible;
  opacity: 1;
}
/* Hide the control bar when the video is playing and the user is inactive  */
.perform-skin.vjs-has-started.vjs-user-inactive .vjs-control-bar {
  visibility: hidden;
  opacity: 0;
}

.perform-skin.vjs-controls-disabled .vjs-control-bar {
  display: none;
}
.perform-skin.vjs-using-native-controls .vjs-control-bar {
  display: none;
}
/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
  - "\9" IE8 hack didn't work for this
  - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
@media \0screen {
  .perform-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: "";
  }
}
/* General styles for individual controls. */
.perform-skin .vjs-control {
  outline: none;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 4.0em;
  width: 4em;
}
        
.perform-skin.small .vjs-control-bar {
  font-size: 0.7em;          
}
        
/* FontAwsome button icons */
.perform-skin .vjs-control:before {
  font-family: VideoJS;
  font-size: 2em;
  line-height: 2em;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

/* Hide control text visually, but have it available for screenreaders */
.perform-skin .vjs-control-text {
  /* hide-visually */
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Play/Pause
--------------------------------------------------------------------------------
*/
.perform-skin .vjs-play-control {
  background-color: rgba(0, 0, 0, 0.70);
  border-radius: 5px 5px 5px 5px;
  cursor: pointer;
  width: 50px;
  height: 100%;
  line-height: 4em;
  position: relative;
  z-index: 1;
}

.perform-skin.small .vjs-play-control {
  width: 35px;
}
  
.perform-skin .vjs-play-control:before {
  content: "\e001";
}
.perform-skin.vjs-playing .vjs-play-control:before {
  content: "\e002";
}
/* Volume/Mute
-------------------------------------------------------------------------------- */
.perform-skin .vjs-mute-control,
.perform-skin .vjs-volume-menu-button {
  background-color: rgba(0, 0, 0, 0.70);
  cursor: pointer;
  float: right;
  -webkit-border-top-right-radius: 5px;
          border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
          border-bottom-right-radius: 5px;
}
.perform-skin .vjs-mute-control:before,
.perform-skin .vjs-volume-menu-button:before {
  content: "\e006";
}
.perform-skin .vjs-mute-control.vjs-vol-0:before,
.perform-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\e003";
}
.perform-skin .vjs-mute-control.vjs-vol-1:before,
.perform-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\e004";
}
.perform-skin .vjs-mute-control.vjs-vol-2:before,
.perform-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\e005";
}
.perform-skin .vjs-volume-control {
  width: 5em;
  float: right;
}
.perform-skin .vjs-volume-bar {
  width: 8em;
  height: 1em;
  margin: 1.1em auto 0;
  background: #333132;
}
.perform-skin .vjs-volume-menu-button .vjs-menu-content {
  height: 2.9em;
}
.perform-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 1em;
  background: #499AAA;
}
.perform-skin .vjs-volume-bar .vjs-volume-handle {
  width: 0.5em;
  height: 1em;
  background: #499AAA;
}
.perform-skin .vjs-volume-handle:before {
  font-size: 0.9em;
  top: -0.2em;
  left: -0.2em;
  width: 1em;
  height: 1em;
}
.perform-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  width: 6em;
  left: -4em;
}
/* Progress
--------------------------------------------------------------------------------
*/
.perform-skin .vjs-progress-control {
  position: absolute;
  z-index: 0;
  padding: 0 90px 0 185px;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.perform-skin.small .vjs-progress-control {
  padding: 0 65px 0 136px;
}

/* Progress Bars */
.perform-skin .vjs-progress-holder .vjs-play-progress,
.perform-skin .vjs-progress-holder .vjs-load-progress {
  position: absolute;
  display: block;
  height: 1em;
  margin: 0;
  padding: 0;
  /* Needed for IE6 */
  left: 0;
  top: 1.4em;
}
.perform-skin .vjs-play-progress {
  /*
    Using a data URI to create the white diagonal lines with a transparent
      background. Surprisingly works in IE8.
      Created using http://www.patternify.com
    Changing the first color value will change the bar color.
    Also using a paralax effect to make the lines move backwards.
      The -50% left position makes that happen.
  */

  background: #499AAA;
}
.perform-skin .vjs-load-progress {
  background: #333132;
}
.perform-skin .vjs-seek-handle {
  width: 1.5em;
  height: 1em;
  top: 1.4em;
  background: #499AAA;
}
.perform-skin .vjs-seek-handle:before {
  padding-top: 0.1em /* Minor adjustment */;
}
/* Time Display
--------------------------------------------------------------------------------
*/
.perform-skin .vjs-time-controls {
  font-size: 1.5em;
  line-height: 2.5em;
  background-color: rgba(0, 0, 0, 0.70);
  left: 1em;
  height: 100%;
  width: 55px;
}

.perform-skin.small .vjs-time-controls {
  width: 40px;
}
    
.perform-skin .vjs-current-time {
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  float: left;
  text-align: right;
}
.perform-skin .vjs-duration {
  float: left;
  text-align: left;
}

/* Remaining time is in the HTML, but not included in default design */
.perform-skin .vjs-remaining-time {
  display: none;
  float: left;
}
.vjs-time-divider {
  float: left;
  font-size: 1.5em;
  line-height: 2.5em;
  background-color: rgba(0, 0, 0, 0.70);
  left: 1em;
  height: 100%;
  position: relative;
  width: 10px;
  text-align: center;
}
/* Fullscreen
--------------------------------------------------------------------------------
*/
.perform-skin .vjs-fullscreen-control {
  width: 40px;
  cursor: pointer;
  float: right;
  background-color: rgba(0, 0, 0, 0.70);
  padding-left: 10px;
  margin-right: -50px;
  right: 90px;
}

.perform-skin.mobile .vjs-fullscreen-control {
  width: 80px;
  right: 0;
  margin-right: 0;
  -webkit-border-top-right-radius: 5px;
          border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
          border-bottom-right-radius: 5px;
}

.perform-skin.small .vjs-fullscreen-control {
  width: 25px;
  right: 80px;
}

.perform-skin.small.mobile .vjs-fullscreen-control {
  width: 55px;
  right: 0;
  margin-right: 0;
  -webkit-border-top-right-radius: 5px;
          border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
          border-bottom-right-radius: 5px;
}

.perform-skin .vjs-fullscreen-control:before {
  content: "\e000";
}
/* Switch to the exit icon when the player is in fullscreen */
.perform-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\e00b";
}
/* Big Play Button (play button at start)
--------------------------------------------------------------------------------
Positioning of the play button in the center or other corners can be done more
easily in the skin designer. http://designer.videojs.com/
*/
.perform-skin .vjs-big-play-button {
  background-color: rgba(0, 0, 0, 0.70);
  -webkit-border-radius: 20px 20px 20px 20px / 10px 10px 10px 10px;
     -moz-border-radius: 20px 20px 20px 20px / 10px 10px 10px 10px;
          border-radius: 20px 20px 20px 20px / 10px 10px 10px 10px;
  cursor: pointer;
  display: block;
  height: 45px;
  left: 45%;
  margin: 0;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 41%;
  vertical-align: middle;
  width: 65px;
  z-index: 4;
  /* transition */
  -webkit-transition: box-shadow 0.25s;
     -moz-transition: box-shadow 0.25s;
       -o-transition: box-shadow 0.25s;
          transition: box-shadow 0.25s;
}

.perform-skin.small .vjs-big-play-button {
  left: 40%;
  top: 38%;
}

/* Optionally center */
.perform-skin.vjs-big-play-centered .vjs-big-play-button {
  /* Center it horizontally */
  left: 50%;
  margin-left: -2.1em;
  /* Center it vertically */
  top: 50%;
  margin-top: -1.4000000000000001em;
}
/* Hide if controls are disabled */
.perform-skin.vjs-controls-disabled .vjs-big-play-button {
  display: none;
}
/* Hide when video starts playing */
.perform-skin.vjs-has-started .vjs-big-play-button {
  display: none;
}
/* Hide on mobile devices. Remove when we stop using native controls
    by default on mobile  */
.perform-skin.vjs-using-native-controls .vjs-big-play-button {
  display: none;
}
.perform-skin:hover .vjs-big-play-button,
.perform-skin .vjs-big-play-button:focus {
  /* box-shadow */
  -webkit-box-shadow: 0 0 2em #ffffff;
     -moz-box-shadow: 0 0 2em #ffffff;
          box-shadow: 0 0 2em #ffffff;
  /* transition */
  -webkit-transition: box-shadow 0.25s;
     -moz-transition: box-shadow 0.25s;
       -o-transition: box-shadow 0.25s;
          transition: box-shadow 0.25s;
}
.perform-skin .vjs-big-play-button:before {
  content: "\e001";
  font-family: VideoJS;
  font-size: 3.2em;
  height: 100%;
  left: 0;
  line-height: 0;
  position: absolute;
  text-align: center;
  top: 49%;
  width: 100%;
  color: #499AAA;
}
/* Loading Spinner
--------------------------------------------------------------------------------
*/
.vjs-loading-spinner {
  background: url("/i/pvp/assets/html5player/perform_spinner_sprite.png") no-repeat 0 0 transparent; 
  display: none;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  margin-left: -61px;
  margin-top: -59px;
  width: 122px;
  height: 118px;
  /* animation */      
  -webkit-animation: play 1s steps(24) infinite;
     -moz-animation: play 1s steps(24) infinite;
      -ms-animation: play 1s steps(24) infinite;
       -o-animation: play 1s steps(24) infinite;
          animation: play 1s steps(24) infinite;  
}

@-webkit-keyframes play {
   from { background-position:    0px; }
     to { background-position: -2928px; }
}

@-moz-keyframes play {
   from { background-position:    0px; }
     to { background-position: -2928px; }
}

@-ms-keyframes play {
   from { background-position:    0px; }
     to { background-position: -2928px; }
}

@-o-keyframes play {
   from { background-position:    0px; }
     to { background-position: -2928px; }
}

@keyframes play {
   from { background-position:    0px; }
     to { background-position: -2928px; }
}
/* Menu Buttons (Captions/Subtitles/etc.)
--------------------------------------------------------------------------------
*/
.perform-skin .vjs-menu-button {
  float: right;
  cursor: pointer;
  width: 40px;
}

.perform-skin.small .vjs-menu-button {
  width: 30px;
}

.perform-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 1em;
  width: 0em;
  height: 0em;
  margin-bottom: 4em;
  border-left: 1em solid transparent;
  border-right: 1em solid transparent;
  border-top: 1em solid rgba(0, 0, 0, 0.70);
  border-top-color: rgba(0, 0, 0, 0.70);
}
/* Button Pop-up Menu */
.perform-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  background-color: rgba(0, 0, 0, 0.70);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  bottom: 44px;
  display: block;
  height: 3.2em;
  left: -50px;
  margin: 0;
  max-height: 15em;
  overflow: auto;
  padding: 0;
  position: absolute;
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  width: 10em;
}

.perform-skin.small .vjs-menu-button .vjs-menu .vjs-menu-content {
  left: -35px;
  bottom: 31px;
}

.perform-skin .vjs-menu-button:hover .vjs-menu {
  display: block;
}
.perform-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.perform-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000;
}
.perform-skin .vjs-menu-button ul li:focus,
.perform-skin .vjs-menu-button ul li:hover,
.perform-skin .vjs-menu-button ul li.vjs-selected:focus,
.perform-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline: 0;
  color: #111;
  /* background-color-with-alpha */
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}
.perform-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
/* Subtitles Button */
.perform-skin .vjs-subtitles-button:before {
  content: "\e00c";
}
/* Captions Button */
.perform-skin .vjs-captions-button:before {
  content: "\e008";
}
/* Replacement for focus outline */
.perform-skin .vjs-captions-button:focus .vjs-control-content:before,
.perform-skin .vjs-captions-button:hover .vjs-control-content:before {
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}
/*
REQUIRED STYLES (be careful overriding)
================================================================================
When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,
and sets the width and height of the video.

** If you want to add some kind of border/padding (e.g. a frame), or special
positioning, use another containing element. Otherwise you risk messing up
control positioning and full window mode. **
*/
.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and
     easily calculable. */

  font-size: 10px;
  /* Allow poster to be vertially aligned. */

  vertical-align: middle;
  /*  display: table-cell; */
  /*This works in Safari but not Firefox.*/

  /* Provide some basic defaults for fonts */

  font-weight: normal;
  font-style: normal;
  /* Avoiding helvetica: issue #376 */

  font-family: Arial, sans-serif;
  /* Turn off user selection (text highlighting) by default.
     The majority of player components will not be text blocks.
     Text areas will need to turn user selection back on. */

  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Playback technology elements expand to the width/height of the containing div
    <video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
   checking fullScreenEnabled. */
.video-js:-moz-full-screen {
  position: absolute;
}
/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  overflow-y: auto;
}
.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  /* IE6 full-window (underscore hack) */
  _position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
/* Poster Styles */
.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}
/* Hide the poster when native controls are used otherwise it covers them */
.video-js.vjs-using-native-controls .vjs-poster {
  display: none;
}
/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  /* Leave padding on left and right */
  left: 1em;
  right: 1em;
}
/* Individual tracks */
.video-js .vjs-text-track {
  display: none;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (oldIE) */
  /* background-color-with-alpha */
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.5);
}
.video-js .vjs-subtitles {
  color: #ffffff /* Subtitles are white */;
}
.video-js .vjs-captions {
  color: #ffcc66 /* Captions are yellow */;
}
.vjs-tt-cue {
  display: block;
}
/* Hide disabled or unsupported controls */
.perform-skin .vjs-hidden {
  display: none;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

.perform-skin .error-msg {
    background-color: rgba(7, 40, 50, 0.7);
    border: 0.3em solid rgba(255, 255, 255, 0.25);
    -moz-border-radius: 25px 25px 25px 25px;
    -webkit-border-radius: 25px 25px 25px 25px;
    border-radius: 25px 25px 25px 25px;
    cursor: pointer;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 1.8em;
    height: 13%;
    left: 14%;
    line-height: 2.5em;
    margin: 0;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 35%;
    vertical-align: middle;
    width: 69%;
    z-index: 2;
}

.vjs-countdown {
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  display: none;
  font-family: Arial, sans-serif;
  font-size: 1.5em;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  z-index: 2;
  width: 100%;
}


            
.perform-skin .vjs-duration.visible,
.perform-skin .vjs-progress-control.visible,
.perform-skin .vjs-time-divider.visible,
.perform-skin .vjs-current-time.visible,
.perform-skin .vjs-play-control.visible,
.perform-skin .vjs-control-bar.visible,
.perform-skin .vjs-big-play-button.visible,
.perform-skin .vjs-loading-spinner.visible,
.perform-skin .vjs-fullscreen-control.visible,
.perform-skin .vjs-volume-menu-button.visible,
.perform-skin .vjs-poster.visible {
  display: block !important;
  visibility: visible !important;
}

.perform-skin.vjs-user-inactive .vjs-control-bar {
  visibility: hidden !important;
}
.perform-skin .vjs-duration.hidden,
.perform-skin .vjs-progress-control.hidden,
.perform-skin .vjs-time-divider.hidden,
.perform-skin .vjs-current-time.hidden,
.perform-skin .vjs-play-control.hidden,
.perform-skin .vjs-control-bar.hidden,
.perform-skin .vjs-big-play-button.hidden,
.perform-skin .vjs-loading-spinner.hidden,
.perform-skin .vjs-fullscreen-control.hidden,
.perform-skin .vjs-volume-menu-button.hidden,
.perform-skin .vjs-poster.hidden {
  display: none !important;
  visibility: hidden !important;
}
#invitation {
 width: 1118px;
 height: 899px;
 margin: 0 auto;
 margin-top: 0px;
 position: relative;
 background: transparent url(/javaImages/b7/b7/0,,13118~10794935,00.jpg) left top no-repeat;
 border: 1px solid #787979;
}
#invitationThanks {
 width: 1118px;
 height: 788px;
 margin: 0 auto;
 margin-top: 0px;
 position: relative;
 background: transparent url(/javaImages/c4/bb/0,,13118~10795972,00.jpg) left top no-repeat;
 border: 1px solid #787979;
}
#invitation #flash_player {
 width: 639px;
 height: 360px;
 top: 199px;
 position: absolute;
 left: 324px;
 border: 3px solid #24303A;
}
#invitation a {
 display: block;
 position: absolute;
 top: 686px;
 left: 811px;
 width: 211px;
 height: 67px;
 text-indent: -9999px;
 background: url(/javaImages/f7/b7/0,,13118~10794999,00.jpg) 0px -6px no-repeat;
}
.surveySubmit input {
 width: 220px;
 height: 50px;
 background: url(/javaImages/7e/3d/0,,13118~9715070,00.jpg) no-repeat;
 text-indent: -9999px;
 font-size: 0em;
 border: 0;
 cursor: pointer;
 position: absolute;
}
.surveySubmit {
 display: block;
 position: absolute;
 top: 266px;
 left: 105px;
}

#invitation #form {
width: 629px;
height: 350px;
top: 199px;
position: absolute;
left: 324px;
border: 3px solid #24303A;
background-color: white;
  font-family: Arial,Verdana,Helvetica,sans-serif;
  font-size: 0.8em;
  padding: 10px;
}
#contactUsForm label {
display: block;
font-weight: bold;
color: black;
line-height: 18px;
}
#contactUsForm .error {
color: red;
}
label.error {
background: url("/javaImages/89/b9/0,,~6076809,00.gif") no-repeat scroll left bottom transparent;
cursor: pointer;
display: inline-block;
height: 17px;
position: relative;
width: 17px !important;
top: 3px;
text-indent: -999px;
margin: 0px 5px;
float: left;
}
input.error, select.error, textarea.error {
background-color: #E4938F;
border-color: red;
border-width: 1px;
}

.passwordSubmit {
position: absolute;
top: 324px;
left: 538px;
}

#Name, #Invite, .email{
width: 260px;
}