/* #006335; /*green*/  /*for text & navbar*/
/* #004928; /*darker green*/ 
/* #0f7948; /*lighter green*/ 
/* #24915f; /*light green*/ 
/* #003B20; /*dark green*/    /*for hover*/
/* #f2b826; /*gold*/
/* #06385c; /*blue*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 - modified */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
blockquote, q {quotes: none;}
blockquote:before, q:before {content: ""; content:no-open-quote;}
blockquote:after, q:after {content: ""; content:no-close-quote;}
:focus {outline: 0;}/* remember to define focus styles! */
ins {text-decoration: none;}/* remember to highlight inserts somehow! */
del {text-decoration: line-through;}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse;
	border-spacing: 0;
}
/*Universal Box Sizing with Inheritance - see https://css-tricks.com/box-sizing/ 
This means I can apply 100% width and then add a padding to that element because the padding will be INSIDE the 100%!!*/
html {box-sizing: border-box}
*, *:before, *:after {box-sizing: inherit}
/*end reset
**************************************************/
body {
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:14px;
	color:#000;
	background-color:#fff;
	text-align:center;
	}
		
/*typography
**************************************************/
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
  color: #006335; /*green*/
	}
h1 {
	font-size:24px;
	line-height: 31px;
  margin: 0 0 28px;
	}
h2 {
	font-size: 20px;
	line-height: 27px;
  padding-left: 35px;
  background: url("/img/cssimg/tennisball.gif") no-repeat left center;
  margin: 21px 0 14px;
	}
.noball {
  padding-left: 0;
  background-image: none;
}
h3 {
	font-size: 16px;
	line-height: 23px;
  margin: 0;
	}
h4 {
	font-size: 14px;
	line-height: 21px;
	margin: 0;
	}
p {
	font-size: 14px;
	line-height: 21px;
	margin: 0 0 14px;
	}
.smtxt {
  font-size: 12px;
  line-height: 19px;
}
ol, ul, li {
	font-size: 14px;
	line-height: 21px;
	margin-left:0;
	padding-left:0; 
	}
ol, ul {
	margin-bottom: 14px;
	margin-left:1.5em; 
	}
ol ol, ul ul {
	margin-bottom: 0;
	}
.spread li {
  margin-bottom: 14px;
}
.spread ol, .spread ul {
  margin-top: 14px;
}
.btn_list {/*for the list of section buttons on the Fixture pg*/
  margin: 42px 0;
  list-style: none;
}
.btn_list li {
  display: inline-block;
  margin: 0 28px 42px 0;
}
.col1, .col2 {/*for list of member clubs & Life Members*/
	float: left;
	width:40%;
	list-style: none;
  margin-left:  0;
	}
.col1 {
	margin-right: 28px;
	}
@media only screen and (min-width: 700px) and (max-width: 939px) {
  .col1, .col2 {
    float: none;
    width: auto;
    margin-right: 0;
  }
  .col1 {margin-bottom: 0}
}
@media only screen and (min-width: 0px) and (max-width: 500px) {
  .col1, .col2 {
    float: none;
    width: auto;
    margin-right: 0;
  }
  .col1 {margin-bottom: 0}
}
strong, b {
	font-weight: bold;
	}
a {
	text-decoration: underline;
	font-weight: normal;
	color: #009;
	}
.a_bold {font-weight: bold}
a:link {}
a:visited {}
a:active {color:#900}
a:hover {
	text-decoration: underline;
	color:#900;
	}
.pdf {
	padding:2px 0 2px 24px;
	background:url("/img/cssimg/pdf.gif") no-repeat left bottom;
	}
.doc {
	padding:2px 0 2px 24px;
	background:url("/img/cssimg/doc.gif") no-repeat left bottom;
	}
/*tables
**************************************************/
table {
  margin: 21px 0;
  border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-collapse: collapse;
	}
caption {
  font-weight: bold;
	font-size: 15px;
  text-align: center;
  padding-bottom: 7px;
	}
th {
  text-align: center;
	padding: 7px 14px;
	font-size: 14px;
  font-weight: bold;
	}
th.th-left {
  text-align: left;
	}
td {
  padding: 7px 14px;
	font-size: 14px;
	}
th, td {
  border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
/*table for Fixture
**************************************************/
.newround {
  border-bottom: 1px solid #000;
}
/*table for Pool Emergency Availability
**************************************************/
.tableKey {
	border: none;
	}
.tableKey caption {
  text-align: left;
	}
.tableKey td {
	text-align: left;
	padding:7px 7px 2px;
	border: none;
  line-height: 21px;
	}
.pe_table {width:100%;}
.pe_table td, .pe_table2 td {padding:7px 0; text-align:center;}
.pe_table th, .pe_table2 th {
	padding:7px 0;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	line-height:1;
}
.pe_table th.date, .pe_table2 th.date {
	font-weight:normal;
	font-size:10px;
}
.pe_section {width:60px;}
.pe_table .pe_name, .pe_table2 .pe_name {
  width: 20%; 
  text-align:left;
  padding: 7px 4px;
}
.round, .available, .unavailable, .playing, .date, .dnp, .ineligible {
	width:28px;
}
.available {background:url(/img/cssimg/pe_sprite.png) center -7px;}
.playing {background:url(/img/cssimg/pe_sprite.png) center -60px;}
.unavailable {background:url(/img/cssimg/pe_sprite.png) center -114px;}
.dnp {background:url(/img/cssimg/pe_sprite.png) center -167px;}
.ineligible {background:url(/img/cssimg/pe_sprite.png) center -221px;}
	/*forms
**************************************************/
form {
  line-height: 21px;
}
.formlist {
  list-style: none;
  margin-left: 0;
}
.formlist li {
  margin-bottom: 14px;
}
label {
  display: block;
  margin-bottom: 3px;
}
[type=text], [type=email], textarea {
  display: block;
  width: 100%;
  max-width: 400px;
  height: 35px;
  padding: 7px;
  margin: 0 0 14px;
}
textarea {
  min-height: 100px;
}
[type=radio] {
  margin: 0 4px 14px 7px;
}
[type=submit] {
  border: none;
}
.btn_submit {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
  background-color: #0f7948; /*lighter green*/ 
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 10px 14px;
	text-decoration:none;
  margin: 14px 0;
	}
.btn_submit:hover {
  color: #fff;
  background-color: #004928; /*darker green*/ 
	text-decoration:none;
	}
/*misc
**************************************************/
.center {text-align:center}
.txtleft {text-align:left}
.txtright {text-align:right}
.upper {text-transform: uppercase}
.nomargin {margin: 0}
iframe {margin:0 0 14px}
.break-large {display: none}/*a <br> with this class will only be displated on wide screens*/
@media screen and (min-width: 800px) {/*not yet used*/
  .break-large {display: block}
}
.shh {display: none}
/*borders
**************************************************/
.border1 {
  border: 1px solid #006335; /*green*/ 
}
.border2 {
  border: 1px solid #999; /*grey*/ 
}
/*images
**************************************************/
img {max-width: 100%; height: auto;}
@media \0screen {
  img {width: auto; /* for ie 8 */}
}
.imgright {
	float:right;
	margin:0 0 1.2em 1.2em;
	}
.imgleft {
	float:left;
	margin:0 1.2em 1.2em 0;
	}
.imgbx200L {
  float: left;
  width: 200px;
  margin: 0 21px 21px 0;
  text-align: center;
  font-style: italic;
}
.imgbx200R {
  float: right;
  width: 200px;
  margin: 0 0 21px 21px;
  text-align: center;
  font-style: italic;
}
.imgbx250 {/*used on Correct Footwear pg*/
	float:left;
	width:278px;
	text-align:center;
	font-style:italic;
	line-height: 21px;
	margin:0 28px 28px 0;
	border: 1px solid #006335; /*green*/
	padding: 14px;
	}
@media only screen and (min-width: 700px) and (max-width: 939px) {
  .imgbx200L, .imgbx200R {
    float: none;
  }
}
@media only screen and (min-width: 0px) and (max-width: 500px) {
  .imgbx200L, .imgbx200R {
    float: none;
  }
}
/*clear for floats
**************************************************/
.clr {clear:both;}
/* clearfix for modern browsers -- the class is applied to the parent element containing the floated items */
.cf:before, .cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {*zoom:1;}/* For IE 6/7 (trigger hasLayout) */

/*containers
**************************************************/
.wrap {
	max-width:960px;
	margin:0 auto;
	padding:0 14px;
  position: relative;
	}
.wrapinnav {
	max-width:960px;
	margin:0 auto;
  position: relative;
	}
.sideR {
  float: right;
  width: 238px;
}
.main {
  margin-right: 308px;
}
.sideR2 {/*used on Contact Us pg*/
  float: right;
  width: 40%;
}
.main2 {
  margin-right: 45%;
}
.showsm {display: none}
@media only screen and (min-width: 0px) and (max-width: 775px) {
  .wrap {
    display: flex;
    flex-direction: column;
  }
  .main2 {
    margin-right: 0;
    order: 2;
  }
  .sideR2 {
    float: none;
    width: auto;
    order: 1;
    border-bottom: 1px solid #000;
    padding-bottom: 14px;
  }
  .showsm {display: block}
}
@media only screen and (min-width: 0px) and (max-width: 699px) {
  .main {
    margin-right: 0;
    order: 1;
  }
  .sideR {
    float: none;
    width: auto;
    order: 2;
  }
}
.hilite {
  border: 1px solid #006335; /*green*/
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 10px 14px;
}
/*padding
**************************************************/
.padTB {
  padding-top: 28px;
  padding-bottom: 28px;
}
.padTop {
  padding-top: 28px;
}
/*buttons
**************************************************/
.btn1 {
	color: #fff;
	font-weight: bold;
  background-color: #0f7948; /*lighter green*/ 
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 10px 14px;
	text-decoration:none;
	}
.btn1:hover {
  color: #fff;
  background-color: #004928; /*darker green*/ 
	text-decoration:none;
	}
.pbtn { /*for paragraph containing a button*/ 
  margin: 28px 0; 
}
/*Club pgs
**************************************************/
.clubinfo {/*for table*/
  border: none;
}
.clubinfo th {
  text-align: left;
  padding: 0 21px 14px 0;
  border: none;
	}
.clubinfo td {
  padding: 0 0 14px 0;
  border: none;
	}
.clubinfo p {
  margin: 0;
}
/*Fixture & Teams pgs and for the 'List for section fixture' layout for Clubs module
**************************************************/
.teaminfo {
  display: inline-block;
  width: 289px;
  margin: 0 21px 14px 0;
  vertical-align: top;
}
.teaminfo p {
  margin: 0;
}
.teamlist {/*used on Fixture pg*/
  display: inline-block;
  width: 206px;
  margin: 0 21px 14px 0;
  vertical-align: top;
}
/*top banner
**************************************************/
.banner {
  padding: 14px 0 28px;
  max-width: 450px;
}
.logo {
  float: left;
  margin: 2px 14px 2px 0;
}
.h1banner {
  font-size: 38px;
  line-height: 38px;
  margin-bottom: 1px;
  padding-top: 8px;
	font-weight: bold;
  color: #006335; /*green*/
}
.h2banner {
  margin: 0;
  padding-left: 0;
  background-image: none;
  font-size: 12px;
  line-height: 14px;
	font-weight: bold;
  color: #006335; /*green*/
}
@media only screen and (min-width: 0px) and (max-width: 430px) {
  .h1banner{
    font-size: 28px;
    line-height: 28px;
    padding-top: 14px;
  }
  .logo {
    margin: 2px 7px 2px 2px;
  }
}
/*Match Centre button
**************************************************/
.btn {
	color: #fff;
	font-weight: bold;
  background-color: #285f86; /*blue*/
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 10px 14px;
	text-decoration:none;
  position: absolute;
  top: 14px;
  right: 14px;
	}
.btn:hover {
  color: #fff;
  background-color: #0f7948; /*lighter green*/ 
	text-decoration:none;
	}
.fb_btn {
  position: absolute;
  top: 63px;
  right: 14px;
}
.fb_btn:hover {
  text-decoration: none;
}
@media only screen and (min-width: 0px) and (max-width: 625px) {
  .banner {padding-top: 63px}
  .btn {
    top: 7px;
    left: 7px;
    right: auto;
  }
  .fb_btn {
    top: 7px;
    right: 7px;
  }
}
/*search
**************************************************/
.search {
  position: absolute;
  top: 12px;
  right: 14px;
  z-index: 910;
}
/*accordion
**************************************************/
/* Accordion Panel Magic 4 by Project Seven Development www.projectseven.com*/
.p7AP4 {
	margin: 0 auto;
	width: auto;
}
.p7AP4cwrapper {position: relative}
.p7AP4trig {margin: 0}
.p7AP4trig a {
	display: block;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position:left center;
  font-weight: bold;
}
.p7AP4.ap4-animate .p7AP4trig a {
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
}
.p7AP4trig h3, .p7AP4trig h4 {margin: 0; padding: 0;}
.p7AP4-col-wrapper {
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	display: -webkit-box;
	display: flex;
}
.p7AP4panel.p7AP4-col-wrapper {padding: 0 !important}
.p7ap4-content {
	box-sizing: border-box;
	padding: 21px 14px 7px 21px;
}
.p7ap4-column {flex-basis: 100%}
/*No Script Rules to Fix Dreamweaver Design View*/
.ap4-noscript .p7ap4-column,
.ap4-legacy .p7ap4-column {float: left; width: 100%;}
/*Legacy Rules for IE8, 9, and 10*/
.p7AP4-col-wrapper:after {content: ""; display: table; clear: both;}
.p7ap4-content {height: 100%}
.p7AP4-01.p7AP4root-wrapper {
  border-bottom: 1px dotted #006335; /*green*/
}
.p7AP4-01.ap4-trig-space .p7AP4root-wrapper {background-color: transparent;}
.p7AP4-01.p7AP4content {background-color: #FFF;}
a.p7AP4-01 {
	padding: 14px 21px;
}
a.p7AP4-01 {
	color: #006335; /*green*/
	background-image: url(/img/cssimg/p7AP4_east_black.png);
}
a.p7AP4-01:hover {
	background-color: #0f7948; /*lighter green*/ 
	color: #FFF;
	background-image: url(/img/cssimg/p7AP4_south_white.png);
}
a.p7AP4-01.ap4Trigs_down {
	background-image: url(/img/cssimg/p7AP4_south_white.png);
	color: #FFF;
	background-color: #0f7948; /*lighter green*/ 
}
a.p7AP4-01.ap4Trigs_down:hover {
	background-color: #0f7948; /*lighter green*/ 
	color: #FFF;
}
.p7AP4-01.ap4-panel-border .p7AP4-01.p7AP4content {
	border-left: 1px dotted #006335; /*green*/
	border-right: 1px dotted #006335; /*green*/
}
.p7AP4-01.ap4-panel-border .p7AP4-01.p7AP4cwrapper.ap4last .p7AP4-01.p7AP4content,
.p7AP4-01.ap4-panel-border .p7AP4-03.p7AP4cwrapper.ap4last .p7AP4-03.p7AP4content {
	border-bottom: 1px dotted #006335; /*green*/
}
.p7AP4-01.ap4-trig-space a.p7AP4-01.ap4Trigs_down {
	margin-bottom: 0px;
}
.p7AP4-01.ap4-trig-space a.p7AP4-01,
.p7AP4-01.ap4-trig-space a.p7AP4-01.p7AP4_ext {
	margin-bottom: 6px;
}
.p7AP4-01.ap4-trig-space.ap4-panel-border .p7AP4-01.p7AP4cwrapper {
	margin: 0px 10px;
}
.p7AP4-01.ap4-trig-border a.p7AP4-01 {
	border-top: 1px dotted #006335; /*green*/
}
.p7AP4-01.ap4-trig-space.ap4-trig-border a.p7AP4-01 {
	border: 1px dotted #006335; /*green*/
}

/*navigation
**************************************************/
.nav {
  background-color: #0f7948; /*lighter green*/ 
}
/*PVII AMM: Adaptive Menu Magic by Project Seven Development www.projectseven.com - version: 1.2.8*/
.p7AMM {padding: 0; box-sizing: border-box;text-align: left}
.p7AMM ul {margin: 0;padding: 0;font-size: 0;}
.p7AMM ul ul {
	position: absolute;
	top: 100%;
	display: none;
	min-width: 200px;
	z-index: 1;
	text-align: left;
	margin-top: 0;
	margin-left: 0;
	box-sizing: border-box;
	x-background-color: #006335; /*green*/ 
  background-color: #0f7948; /*lighter green*/ 
}
.p7AMM ul ul {
	x-background-color: #0f7948; /*lighter green*/ 
  background-color: #24915f; /*light green*/ 
}
.p7AMM ul ul ul {
	top: 0;
	left: 180px;
	z-index: 2;
	margin-top: 0;
}
.p7AMM ul li {
	list-style-type: none;
	vertical-align: middle;
	display: inline-block;
	position: relative;
}
.p7AMM ul ul li {
	display: block;
	padding: 0;
	white-space: normal;
}
.p7AMM li a {
	display: block;
	text-decoration: none;
	padding: 12px 19px;
  font-weight: bold;
	background-color: none;
	color: #fff;
}
.p7AMM li a:hover,
.p7AMM li a:focus,
.p7AMM li.amm-trigger a.open {
	x-background-color: #003B20; /*dark green*/ 
  background-color: #004928; /*darker green*/ 
	color: #fff;
}
.p7AMM li.amm-trigger a {
	background-image: url(/img/cssimg/amm-right-light.gif);
}
.p7AMM li.amm-trigger li a {
	background-image: none;
}
.p7AMM li.amm-trigger a.open {
	background-image: url(/img/cssimg/amm-down-light.gif);
}
.p7AMM ul ul a {
	display: block;
	color: #fff;
	padding: 10px 19px;
	background-color: transparent;
}
.p7AMM ul ul a:hover,
.p7AMM ul ul a:focus,
.p7AMM ul ul li.amm-trigger a.open {
	x-background-color: #003B20; /*dark green*/ 
  background-color: #004928; /*darker green*/ 
	color: #fff;
}
.p7AMM li.amm-trigger a {
	background-repeat: no-repeat;
	background-position: left center;
}
/*NO-SCRIPT: Opertates menu when script is disabled*/
.p7AMM.amm-noscript li:hover ul {display: block}
.p7AMM.amm-noscript li:hover ul ul {display: none}
.p7AMM.amm-noscript ul ul li:hover ul {display: block}
/*Responsive Conversion********************************************************/
.p7AMM.amm-responsive .amm-toolbar {display: none}
@media only screen and (min-width: 0px) and (max-width: 955px) {
.p7AMM.amm-responsive {
	padding: 0px !important;
}
.p7AMM.amm-fixed {
    max-height: 100% !important;
    overflow-y: auto;
}
.p7AMM.amm-responsive li {
	text-align: left !important;
	display: block;
	max-height: 700777px;
  border-top: 1px solid #003B20; /*dark green*/ 
}
.p7AMM.amm-responsive.amm-pointer ul ul:after {
	display: none !important;
}
.p7AMM.amm-responsive ul ul {
	width: 100%;
	min-width: 0px;
	margin: 0px !important;
	position: relative !important;
}
.p7AMM.amm-responsive ul,
.p7AMM.amm-responsive a {
	border-radius: 0px !important;
}
.p7AMM.amm-responsive .amm-toolbar {
	display: block;
	text-align: left;
	margin: 0;
	padding: 3px 10px 8px;
	x-background-color: #006335; /*green*/
  background-color: #0f7948; /*lighter green*/ 
	color: #fff !important;
}
.p7AMM.amm-responsive .amm-toolbar a {
	display: inline-block;
	text-decoration: none;
	font-size: 2rem;
	color: #fff;
}
.p7AMM.amm-responsive .amm-toolbar a:hover {
	opacity: 1;
}
.p7AMM.amm-responsive .amm-toolbar.closed a:after {
	content: "Show Menu";
}
.p7AMM.amm-responsive .amm-toolbar.opened a:after {
	content: "Hide Menu";
}
.p7AMM.amm-responsive .amm-toolbar.closed a:after,
 .p7AMM.amm-responsive .amm-toolbar.opened a:after {
	font-size: 1rem !important;
	position: relative;
 top: -.25rem;
 left: .25rem;
}
.p7AMM.amm-responsive ul.closed {
	display: none;
}
.p7AMM.amm-responsive ul.opened {
	display: block;
}
.p7AMM.amm-responsive li.amm-more {
	display: none !important;
}
.p7AMM.amm-responsive li.amm-root-moved {
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
}
}

/*footer
**************************************************/
.footer {
  margin-top: 28px;
	padding-top:14px;
  border-top: 1px solid #999;
	}
.footer p {
	font-size: 12px;
  line-height: 19px;
	color:#999;
	}
.footer a {
	color:#999;
	}
.footer a:hover {
	color:#900;
	}

/*PVII Pop Box Magic by Project Seven Development www.projectseven.com*/
.pbx-panel {
	z-index: 999;
	max-width: none;
}
.pbx-content {
	position: relative;
	padding: 12px 24px;
	background-color: #fff;
	font-size: inherit;
	margin-right: 20px;
	margin-top: 10px;
}
.pbx-content.pbx-nopad {
	padding: 0px;
}
.pbx-close {
	position: absolute;
	top: 3px;
	right: 3px;
	z-index: 1010;
}
.pbx-close a {
	width: 24px;
	height: 18px;
	display: block;
	font-size: 0px;
	background-repeat: no-repeat;
	opacity: .75;
	-webkit-transform: scale(.9);
	transform: scale(.9);
	-webkit-transition: all ease .5s .1s;
	transition: all ease .5s .1s;
}
.pbx-close a:hover {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.pbx-close.pbx-black-close a {
	background-image: url(/img/cssimg/close-black.png);
}
.pbx-overlay {
	background-color: rgba(0,0,0,0.8);
	-webkit-transition: opacity .4s linear;
	transition: opacity .4s linear;
	opacity: 0;
}

/*Style Options */
.pbx-rounded {
	border-radius: 5px;
}
.pbx-button.pbx-rounded {
	border-radius: 4px;
}
.pbx-borders {
	border: 1px solid;
}
.pbx-content.pbx-shadow {
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.6);
}

/*Triggers*/
.pbx-trigger {
	text-decoration: none;
	border-bottom: 1px dotted;
}
.pbx-trig-img {
	border-bottom: none !important;
}
.pbx-trigger.pbx-trig-light {
	color: #FFF;
}
.pbx-trigger.pbx-trig-dark {
	color: #000;
}
.pbx-trigger:hover,
.pbx-trigger.open {
	border-bottom: 1px solid;
}
.pbx-trigger.pbx-button {
	text-decoration: none;
	padding: 10px;
	background-color: rgb(180,180,160);
	color: #000;
	border: none;
}
.pbx-trigger.pbx-button:hover,
.pbx-trigger.open.pbx-button {
	background-color: rgb(100,100,80);
	color: #FFF;
}
.pbx-trigger.pbx-button.pbx-borders {
	border: 1px solid;
}

.pbx-trigger.pbx-inline {
	display: inline-block;
	padding: 5px 10px;
}
.pbx-trigger.pbx-block {
	display: block;
}
.pbx-glass {
	box-shadow: 
	0 1px 0px rgba(0,0,0,0.75),
	inset 0 1px rgba(255,255,255,0.2), 
	inset 0 10px 0px rgba(255,255,255,0.2), 
	inset 0 10px 30px rgba(255,255,255,0.25), 
	inset 0 -5px 30px rgba(0,0,0,0.3);
}
.pbx-shadow.pbx-glass {
	box-shadow:
	5px 5px 10px 0px rgba(0,0,0,0.6),
	inset 0 1px rgba(255,255,255,0.2), 
	inset 0 10px 0px rgba(255,255,255,0.2), 
	inset 0 10px 30px rgba(255,255,255,0.25), 
	inset 0 -5px 30px rgba(0,0,0,0.3);
}
.pbx-animate.pbx-glass:hover,
.pbx-open.pbx-animate.pbx-glass {
	box-shadow: 
	0 1px 0px rgba(0,0,0,0.75),
	inset 0 1px rgba(255,255,255,0.2), 
	inset 0 20px 0px rgba(255,255,255,0.2), 
	inset 0 10px 30px rgba(255,255,255,0.25), 
	inset 0 -5px 30px rgba(0,0,0,0.3);
}
.pbx-trigger.pbx-animate {
	-webkit-transition: all linear .3s 0s;
	transition: all linear .3s 0s;
}
.pbx-trigger.open {
	font-style: normal;
}

/*IMAGES*/
.pbx-content img {
	vertical-align: bottom;
	width: auto !important;
	height: auto !important;
	max-width: 100%;
}
.pbx-rounded.pbx-content img {
	border-radius: 5px;
}

/*RWD css
**************************************************/
@media only screen and (min-width: 0px) and (max-width: 700px) {
}
/*print css
**************************************************/
@media print {
   body {
	   margin:0;
	   padding:0;
	   font-family:"Times New Roman", Times, serif;
	   font-size:11pt;
     line-height: 13pt;
	   color:#000;
	   background-color:#fff;
	   text-align:center;
   }
  p {
    line-height: 13pt;
  }
  td, th {
    padding: 3px 7px;
  }
  .nav, .fb_btn, .btn, .footer, .noprint {
    display: none;
  }
  .pgbreak {page-break-before: always}
}