body, body .ui-widget, input, textarea {
	font-family: 'Roboto Condensed', sans-serif!important;

}

body {
	font-size:18px;
	font-size:1.8rem;
}

h1,h2,h3 {
	color:#47c718;
	font-weight:bold;
}

h2 {
	font-weight:bold;
}

h1 {
	font-size:26px;
	font-size:2.6rem;
}

h2 {
	font-size:24px;
	font-size:2.4rem;
	margin-top:10px;
}

h3 {
   font-size:21px;
   font-size:2.1rem;	
}

#home_page {
	margin-top:20px;
}

.ui-widget {
	font-size:21px!important;
	font-size:2.1rem!important;
}

.ui-selectonemenu-label {
	font-size:18px!important;
	font-size:1.8rem!important;
}



.main_column, .home_column, .member_column {
	display:inline-block;
	width:352.1px;
    position:relative;
	border: 1px solid #008000;
	margin: 0px 20px 30px;
	
}

.member_column {
	width:300px;
	border:none;

}

.member_column h3 {
	color:#000;
}

.main_column a, .home_column a {
	text-decoration:none;
	
}

.main_column p.available, .home_column p {
	font-weight:bold;
	font-size:18px;
	font-size:1.8rem;
	margin:0px;
	text-align: left;
	padding-left:10px;
	color:#2d756b;
}

.home_column:hover, .home_column:focus  {
	opacity:0.7;
}


.home_column p {
	/*border-bottom: 1px solid #008000;*/
	font-size:21px;
	font-size:1.9rem;
}

/* For junior landing page */
#junior_landing .home_column p {
	/*border-bottom: 1px solid #008000;*/
	font-size:18px;
	font-size:1.8rem;
}


.main_column:hover, .home_column:hover {
	cursor:pointer;
}

.main_column {
-webkit-transition: all 2000ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
   -moz-transition: all 2000ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
     -o-transition: all 2000ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
        transition: all 2000ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
}


.main_column:hover, .main_column:focus  {
	background-color:#47c718;
	
}

.main_column:hover .overlay,  .main_column:focus .overlay {
	opacity:1;
}


.main_column:hover .image, .main_column:focus .image {
	opacity:0;
}

.overlay {
	position: absolute;
	top:0px;
   	padding:30px;
   	height:90px;
   	opacity:0;
   	
   
  }

.overlay p {
	text-align:center;
	font-size:24px;
	font-size:2.4rem;
	line-height:25px;
	line-height:2.5rem;
	font-weight:bold;
	color:#fff;
}


#logo {
	text-align: left;
	padding:20px;
	background-color:#000;
	position:relative;
}

#logo h1 {
	position:absolute;
	left: 240px;
    top: 65px;
}

#logo .welcome_back {
	color:#fff;
	float:right;
} 

 @media screen and (max-width: 1100px) {
 	#role_anonymous {
 		display:none!important;
 	}   
 }


 @media screen and (max-width: 920px) {
    #logo .welcome_back {
 	   float:none;
 	   display:block;
 	   font-size:14px;
 	   font-size:1.4rem;
    }
 }
 



 @media screen and (max-width: 768px) {
 	#logo h1 {
 	   position:initial;
 	   margin: 5px 0px 0px 10px;
 	}
 
}


@media screen and (max-width: 650px) {
	#logo img {
	    width:400px!important;
	    height:54px!important;
	    
	}	
}	

@media screen and (max-width: 450px) {
	#logo img {
	    width:270px!important;
	    height:38px!important;
	 
	}
	
	.member_column {
	   margin:0px;
	   width:220px;
	}
	
	.home_column, .main_column {
	    margin: 0px 0px 30px!important;
	    width:290px!important;
	}
	
	.home_column img, .main_column img{
	    width:288px!important;
	}
	
	.container-fluid {
	   padding:15px 5px;
	}
	
		
}	




#mobile_menu .slicknav_btn {
	float:left;
	
}

ul.ui-menu-list {
	font-size:18px;
	font-size:1.8rem;
	font-family: 'Roboto Condensed', sans-serif;
}

ul.ui-menu-list>li {
	margin-left:20px!important;
}

#menu_area ul li{
	font-size:18px;
	font-size:1.8rem;
	font-family: 'Roboto Condensed', sans-serif;
}

#menu_area ul.ui-menu-list ul ul {
	left:204px!important;
}

#menu_area .slicknav_menu {
	display:none;
}

@media screen and (max-width: 998px) {
	/* #menu is the original menu */
	#menu_area ul.ui-menu-list {
		display:none;
	}
	
	#menu_area .slicknav_menu {
		display:block;
	}
}

/* Forms */

.ui-selectonemenu-trigger{
	width:25px!important;
}


#image_upload_area img {
	background-color:#CCC;
}

/* Mimick bootstrap */
input:focus {
    border-color: #47c718;
    outline: 0;
    -webkit-box-shadow: inset 0px 0px 5px 1px rgba(0,255,0,0.9);
    box-shadow: inset 0px 0px 5px 1px rgba(0,255,0,0.9);
}

 input, textarea  {
	font-size:18px!important;
	font-size:1.8rem!important;
	color:#000!important;
	padding-left:5px;
}

input[type="text"] {
	
	margin-bottom:17px;
	
}


label, .display_value {
	vertical-align:top;
	margin-right:5px;
}



.form-inline .form-group {
	margin: 0px 20px 20px 0px!important;
	}
	
.form-group label, .form-group .display_value,  .form-group input, .form-group .ui-selectonemenu, .form-group textarea {
	float:left;
}

fieldset {
	padding:5px!important;
	border: 1px solid #008000!important;
}


legend {
	color:#dfdfde!important;
	font-size:21px!important;
	font-size:2.1rem!important;
	font-weight:bold;
	
	width:auto!important;
	border:none!important;
}


 .form-group .ui-selectonemenu {
 	margin-bottom:17px;
 }
 
 .form-group span {
 	display:inline-block;
 	float:left;
 }
 
 /* The info icon */
 .form-group a {
 	float:left;
 	margin-left:5px;
 }
 
 /*
 @media screen and (max-width: 600px) {
 	.form-group .ui-selectonemenu {
		float:none;
	}
 }
 */

@media screen and (max-width: 870px) {
	
	
	
	 .form-horizontal .form-group .ui-selectonemenu {
		float:left;
	}
	
	.form-horizontal ui-dialog {
		left:300px!important;
	}
	
}

/* Register dialog boxes */
#register .ui-confirm-dialog {
		left:30px!important;
	}
	
#register .ui-dialog-content span {
	text-align:left;
}	



.form-horizontal .form-group label {
	text-align:right;
}

.form-horizontal .form-group .ui-selectonemenu label {
	text-align:center;
}

input[type=password] {
	margin-right:5px;
}

/*links on login page */
p.login {
	margin-top:10px;
}

p.login a, .reset_password a, #paypal_approved a {
	text-decoration:none;
	font-size:18px;
	font-size:1.8rem;
	color:#47c718;
	display:inline-block;
	
}

.reset_password a {
	font-weight:bold;
	font-size:21px;
	font-size:2.1rem;
}


 #paypal_approved a {
 	font-size:24px;
	font-size:2.4rem;
    font-weight:bold;    
 }

.contact_us a {
	text-decoration:none;
	color:#47c718;
	display:inline-block;
}

.contact_us a:hover {
	text-decoration:underline;	
}	

p.login a:hover, p.login a:focus, .reset_password a:hover, .reset_password a:focus ,#paypal_approved a:hover, #paypal_approved a:focus  {
	text-decoration:underline;	
}

#approved_message {
	display:inline-block;
	font-size: 21px;
	font-weight:bold;
	margin:15px 0px 10px 0px;
}

#paypal_approved a {
	margin-bottom:15px;
}	

.exit_btn {
	margin-left:20px;
}

.btn-info {
 
    background-color: #47c718;
    border-color: #47c718;
   
    font-size:21px!important;
    font-size:2.1rem!important;
    font-weight:bold!important;
    color:#fafafa!important;
    height:52px;
}


.btn-info:hover, .btn-info:focus {
	background-color: #48ce18;
    border-color: #48ce18;
}


img.paypal:hover, img.paypal:focus {
	opacity:0.8;
}

.ui-confirm-dialog-message {
	font-size:18px;
	font-size:1.8rem;	
}

/* Dialog thingy */
.ui-confirm-dialog .ui-dialog-content {
	padding:5px!important;	
}

.ui-confirm-dialog table tr td {
	text-align:left;
}


/* data table */

.ui-datatable-even td {
	 background-color: #212126;
}

.ui-datatable-header {
	padding:0px!important;
}

	
/* Overide theme */
.ui-corner-all {
	-moz-border-radius: 0px;
    -webkit-border-radius: 0px; 
     border-radius: 0px; 
}    

.clear {
	clear:both;
}

.overflow_hidden {
	overflow:hidden;
}

/*Bootstrap override */

.control-label {
	margin-bottom:5px!important;
}

.location .form-control {
	width:90%!important;
}


/* General Text */

.info_panel,#intro {
	max-width:932px;
	margin:0 auto;
	text-align:left;
	padding:10px;
}

#intro {
	font-size:20px;
	font-size:2.0rem;
}

#intro h2{
	text-align:center;
}



p.text_centre {
	text-align:center;
}

@media screen and (max-width: 768px) {
	.info_panel {
		font-size:18px;
		font-size:1.8rem;
	}	
}

a.btn-info:hover, a.btn-info:focus  {
	text-decoration:none;
}

#image_detail img
{
	max-width:100%; 
	max-height:100%;
	margin:auto;
	display:block;
}

.header_left {
	float:left;
	margin:0px 0px 6px 100px;
}

.header_right {
	float:right;
	margin:0px 100px 6px 0px;
}


.header_left , .header_right {
	display:inline-block;
	background-color:#71716F;
	padding:5px;
	color:#FFF;
}	

.status {
	color:#47c718;
}

input[disabled] {
	background-color: #eee!important;
}

@media screen and (max-width: 830px) {
	.header_left , .header_right {
		float:none;
		margin:10px 0px;
	}		
	
}	

.btn-block {
	border-radius: 6px!important;
}


.full_btn_height {
	
	line-height:52px!important;
}


.customTitleBar > .ui-panel-titlebar, .ui-panel > .ui-widget-header {
    background: #585b57 !important;
    margin-bottom: 10px!important;
}

    
.ui-state-hover,  .ui-state-focus {
    border: 1px solid #48CE18 !important;
    background: #48CE18 !important;
} 


form .ui-selectonemenu .ui-state-hover, form .ui-selectonemenu .ui-state-focus {
	border:none !important;
	background:#191921!important;
}





#members_area_content, #members_area {
	background:#fff;
	border:none;
}

.full_page {
	min-height: 420px;
}

.back_button {
	text-align:left;
	padding-left:5px;
}

.search_param {
	color: black;
	padding-left:20px;
}



.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus 
{ 
  color: black !important;  } 

.ui-state-hover {cursor:hand;}


.ui-state-active {
	color: #47c718!important;
}


.ui-icon {
	background-image: url("../resources/images/sprite2.png")!important;
}

/* Display image and description from here */
#image_display, #description_display {
	display:inline-block!important;
}

#image_display {
	float:left;
	margin-left:15px;
}

.rowtop {
	margin-top:30px;
}

p.mouseover {
	font-size:12px;
	font-size:1.2rem;
}

@media screen and (max-width: 800px) {
	p.mouseover {
	   display:none;
    }
}	





#description_display {
	text-align:left;
}

.wm-zoom-lens {
	border: 1px solid #9e9e9e;
}

#image_area img {
	max-width:400px!important;
	
}

/* File upload area on sell pages */
.ui-fileupload-buttonbar {
	border:none!important;
	padding:0!important;
	background:none!important;
}

#image_upload_area a img {
	max-width:300px;
	max-height:300px;
}

#dataTable a {
	text-decoration:underline;
	color:#dfdfe3;

}

#dataTable a:hover, #dataTable a:focus  {
	text-decoration:none;
	color:#dfdfe3;

}

/* footer */
#footer_menu .ui-widget {
	font-size:18px!important;
	font-size:1.8rem!important;
}


#footer_menu .ui-widget-content {
	border:none!important;
	background:none!important;
}


#footer_menu ul.ui-menu-list>li {
    margin-left: 10px!important;
}

#footer_menu {
	display:inline-block;
}

#terms_conditions a:hover {
	text-decoration:none;
	color:#47c718;
}






/* social and email icons */
#email a {
	color:#47c718;
}

#email a:hover {
	text-decoration:none;
}

#email a:hover span.mail_to {
		color:#47c718;	
}


#social a.twitter {
	color:#559CEE;
}

#social a.facebook {
	color:#3D5A98;
}

#social a.linkedin {
	color:#3D5A98;
}

#social a:hover , #email a:focus  {
	color:#47c718;
	text-decoration:none;
}

#email a span.mail_to, #terms_conditions a, .copyright a {
	color:#fafafa;
	
}

#email a span.mail_to, #terms_conditions a, .copyright a {
	font-size:14px;
	font-size:1.4rem;
}


 
 #social {
   text-align:right;
 }
 
 #email {
   text-align:left;
   margin-bottom:15px;
 }
  
 #terms {
   margin-right:50px;
 }
 
 @media screen and (max-width: 768px) {
 	#social, #email {
 	   text-align:center;
 	}
 	#terms {
 	   width:100%;
 	   margin-right:0px;
 	   display:inline-block;
 	}
 	
 
}
 
 /* terms and conditions */
 
 
 #panel_conditions ul {
 	
 	list-style: circle  url("../resources/images/bullet.png");
 
 }
 
  
 #panel_conditions ul li {
    margin-left:50px;
 }
 
 label.required:after, .ui-fileupload .ui-button-text:after {
   content:" *";
   color:#47c718;
 }
 
 /* Buy now Css */
 
 .buy_now {
 	background-color:#47c718;
 	min-height: 120px;
    vertical-align: top;
 }
 
 .buy_now:hover, .buy_now:focus {
 	background-color:#78d058!important;
 	opacity:1!important;
 } 
 
 #home_buynow h2 {
   color:#2d756b;
   
 }
 
 .buy_now_text, .buy_now_price {
 	color:#FFF!important;
 	font-size:24px!important;
    font-size:2.4rem!important;
    line-height:24px!important;
    line-height:2.4rem!important;
    
 }
 
  .buy_now_text {
  	padding: 10px 10px 0px!important;
  }
 
 
 .buy_now_link {
    color:#000!important;
    text-align:center!important;
    font-size:21px!important;
    font-size:2.1rem!important;
    padding: 0px 10px!important;
 }
 
 .large {
    margin-botton: 16px;
 	margin-bottom: 1.6rem;
 }
 
 .reset_password {
 	font-size:18px;
    font-size:1.8rem;
 }

 /*collect only styling */

  
.checkbox {
	float:left;
} 

.postage-group {
	padding:10px;
	border: 1px solid #383838;
}

.display_value {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}



 /* Overide Bootstrap */
 
 button, html input[type=button], input[type=reset], input[type=submit] {
 -webkit-appearance:none;
 appearance:none;
 }

 .checkbox label {
 	font-weight:700;
 }
 
 /*
 input[type=checkbox] {
    margin: 8px 8px 0px 0px!important;
 }
 
 @media screen and (max-width: 768px) {
 	input[type=checkbox] {
    	margin: 8px -12px!important;
 	}
 */		
 

/* Buy Junior racket button */

#logo img {
    vertical-align:top!important;
 }
 
 #cta {
    margin: 0px 0px 0px 112px;
}

#cta, #cta a {
    display: inline-block;
}
  
 #cta a {
    padding: 10px;
    width: 200px;
    font-size: 2.4rem;
    font-weight: bold;
    color: #fff;
    box-sizing: border-box;
    background-color: #1920FF;
    text-align: center;
    line-height: 1.1em;
    border-radius: 8px;
	text-decoration:none;
}

#cta a:hover, #cta a:focus {
	background-color: #656AFF;
}

@media screen and (max-width: 1020px) {
	#cta {
	    display:block;
		margin:30px 0px 0px;
	}
	
	#cta a{
	    display:block;
		margin:0px auto;
	}
}

/*racket display stuff */

.description_display_text {
    text-align: left;
    width: 550px;
    display: inline-block!important;
}



.field_title {
	font-weight:bold;
}

.field_value {
	font-size:18px;
	font-size:1.8rem;
	line-height:1.4em;
	word-wrap: break-word;
}

@media screen and (max-width: 600px) {
	.description_display_text {
        width: 90%;
	}
}

.further_info {
	font-size:16px;
	font-size:1.6rem;
	text-align:left;
	margin-top:40px!important;
}

#role_anonymous {
	display:inline-block;
	vertical-align: top;
}


  
 /* Overide JSF */
 
 .left_align {
 	text-align:left!important;
 }