html, body {
	height: 100%;
	margin: 0;
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 5, 2017 */
@font-face {font-family: 'robotomedium';src: url('themes/mobile/fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('themes/mobile/fonts/roboto-medium-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'robotoregular';
    src: url('themes/mobile/fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('themes/mobile/fonts/roboto-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'francois_oneregular';src: url('themes/mobile/fonts/francoisone-regular-webfont.woff2') format('woff2'),
         url('themes/mobile/fonts/francoisone-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'ralewaysemibold';src: url('themes/mobile/fonts/raleway-semibold-webfont.woff2') format('woff2'),
         url('themes/mobile/fonts/raleway-semibold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'ralewaybold';src: url('themes/mobile/fonts/raleway-bold-webfont.woff2') format('woff2'),
         url('themes/mobile/fonts/raleway-bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
		 
@font-face {
    font-family: 'robotobold';
    src: url('themes/mobile/fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('themes/mobile/fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}		 

.wrapper {
	min-height: 80%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;   
}

body{    
	padding: 0;
	font-family: 'robotoregular';
	font-size: 14px; 
	background-image: url("themes/mobile/images/bg_metal1.jpg");
}

body a {text-decoration:none;}

#headerSecNav {
	TEXT-ALIGN: right;	
	height:80px; 
	background-color: #fff; 
	margin: auto; 
	padding: 0px;
	color: black !important;
	/*border-bottom: 1px solid #888;
	OVERFLOW: hidden;*/
	font-size: 14px;
	font-weight: 500;	
}

#headerSecNav UL {
	PADDING-BOTTOM: 0px; 
	
	PADDING-LEFT: 0px;
	PADDING-RIGHT:0px;
	MARGIN: 0px;  
	WIDTH: 600px;  
	DISPLAY: block; 
	FLOAT: right; 
	
}
#headerSecNav UL LI {
	padding-left:40px; DISPLAY: inline
}
#headerSecNav UL LI A {
	COLOR: #016a93; 
	font-size: 14px;
	text-decoration: none;
	/*font-weight: 700;*/
	text-transform:uppercase;font-family: 'ralewaybold';
	
}

#headerSecNav UL LI A:Hover {
     COLOR: #f64807; 
    
}
#headerSecNav UL LI.active a {
     COLOR: #f64807; 
    
}


#sitelogo{
 /*float:left;
  padding: 0px 0px 0px 0px;*/
     background-color: #ffffff;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px;
     box-shadow:0 0 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.1); -ms-box-box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
    float: left;
   /*height: 120px;*/
padding: 15px 5px 15px 5px;
    text-align: center;
    vertical-align: middle;
    width: 250px;
    margin-top: 20px; 
    position:relative; z-index:50;
}

#sitename{
  padding: 5px 10px 0px 10px;
  float: left;
}

#siteslogan{
  float: left;
}

#sitename a{
  color: #ccc;
  font-size: 20px;
  text-decoration: none;
  font-weight: bold;
 
}

#headerNav {
	TEXT-ALIGN: left; 
	width: 900px !important; 
	background-color: #000; 
	margin: auto; 
	padding: 0px;
	color: #fff;
	border-bottom: 1px solid #000;
	background: url(themes/mobile/images/black_back.jpg);
	margin-bottom: 3px;
		
}

#headerNav UL {
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	MARGIN: 0px;  
	WIDTH: 900px;  
	min-height: 43px;
	
	
}
#headerNav UL LI {
	
	display:inline-block;
	height: 23px;
	
	padding-top: 15px;
	margin-left: -1px;
	margin-right: -1px;
	border: 1px solid #000;
	
	
}

#headerNav UL LI A {
	COLOR: #ddd; 
	font-size: 13px;
	text-decoration: none;
	
	font-weight: bold;
	background-color: #333; 
	
	font-family: arial;	
	padding: 15px 10px 10px 10px;
	
	
}

#headerNav UL LI A:Hover {

     COLOR: #fff; 
     background-color: #3D85C6; 
}


#headerNav UL LI A.here {

     COLOR: #fff; 
     background-color: #3D85C6; 
}

#footer {
	text-align: center; 
	WIDTH: 100%; 
	background-color: #000; 
	padding: 0px 0px 5px 0px; 
	margin: 0px;
	color: #fff;
	background: url(themes/mobile/images/black_4623.jpg);
	OVERFLOW: hidden;
	
	
}

#copyright{

   color: #ccc;
   text-align: center;
   padding-top: 15px;
   width: 800px;
   margin: 0 auto;  
}

#copyright a{
   padding-right: 10px;
   color: yellow;
}

#footerMiddle{
    width: 900px;
    margin: 0 auto;
    
}

#footerMiddle UL {
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 2px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	MARGIN: 0px;  
	WIDTH: 100%;  
	DISPLAY: block; 
	FLOAT: right; 
}
#footerMiddle UL LI {
	font-size: 11px;
	COLOR: #aaa; 
	PADDING-RIGHT: 20px;
	list-style-type:square;
	PADDING-BOTTOM: 5px; 
	margin-left: 42px;
}
#footerMiddle UL LI A {
	COLOR: #aaa; 
	font-size: 11px;
	text-decoration: none;
	
}

#footerMiddle UL LI A:Hover {

     COLOR: #fff; 
}

#footerMiddle h4{
  color: #3D85C6;
  font-size: 14px;
  font-weight: bold;
  margin-left: 25px;
  margin-bottom: 10px;
}

A IMG {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px
}

#rdOnly {
width: auto;
margin-left: 205px;
margin-right: 50px;
padding-left:5px;
margin-top: 4px;
}

#recordCount {
width: 95%;
padding: 0px 0 10px 0px;
text-align: center;
font-weight: bold;
}

.fd-show{
display: block;
}

.fd-hide{
display: none;
}

.fd-show-search{
display: block;
}

.fd-hide-search{
display: none;
}


a#form-search {
 float: right;
}

div#form-search {
 float: right;
 padding: 10px 10px 0px 10px;
 margin-bottom: 10px;
 margin-left: 10px;
 background-color: #ddd;
 border: 1px solid #444;
 z-index: 200px;
}

div .fd-hide-search {
 float: right;
 padding: 10px 10px 0px 10px;
 margin-bottom: 10px;
 margin-left: 10px;
 background-color:#ddd;
 border: 1px solid #999;
}

div .fd-show-search {
 float: right;
 padding: 10px 10px 0px 10px;
 margin-bottom: 10px;
 margin-left: 10px;
 background-color:#ddd;
 border: 1px solid #999;
}

div#form-search input {
 margin-bottom: 5px;
}

a.toggleSearch {

  padding-left: 5px;
  float: right;
}

a.exportlist {
 
 padding-left: 5px;
 float: right;
}

a.exportlistreport {
 
 padding-left: 5px;
 padding-bottom: 5px;
 float: right;
}

div.toggleSearch {
float: right;
display: none;
}

div#loginPanel{

  padding-left: 50px;
  padding-top: 45px;
  
}



div#loginLink{

  padding-left: 250px;
  padding-top: 15px;
  padding-bottom: 5px;
}

div#loginLink a{
   
   font-weight: bold;
   text-decoration: none;
   padding: 5px;   

}

div#loginLink a:hover{
   
    background-color: #ff6c00;
   
   

}

.error {
	color: #DE0000;
	font-size: 100%;
	font-weight: bold;
	padding-top: 0px;
	background-color: #ffff66;

}


.errorPage {
	color: #DE0000;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
}

h1.error {
	font-size: 130%;
	padding-left: 0px;
	background-color: #ffff66;
	 -moz-border-radius: 3px;
		 -webkit-border-radius: 3px;
		 -khtml-border-radius: 3px;
		 border-radius: 3px;
	
		 padding-top: 5px;
		 padding-bottom: 5px;
		 
margin: 0 auto;
float: initial;
}

table.list{ border-collapse: collapse;
	width: 100%;
	
	font-size: 12px; 
   
}
table.list {
	border: 1px solid #aaa;
	background-color: #888;
}
	
table.list th {
	font-weight: normal;
	height: 30px;
	padding: 5px 1px 0px 5px;
    valign: middle;
    text-align: left;
    font-size: 12px;
    color: #fff;
}

table.list th a {
	    
    color: yellow;
    
}




table.list tr {
	height: 20px;
	padding: 0px 1px 0px 5px;
    valign: middle;
   
}

table.list td.hovered {
    text-decoration: underline;
  	cursor: pointer;
  	 valign: middle;
}

table.list td {
	border: 1px solid #aaa;
	padding: 0px 5px 0px 5px;
	 valign: middle;
	
}

.odd {
	background-color: #ccc;
}

.even {
	background-color: #ddd;
}

table.list a {
text-decoration:none;
color: #5154E8;
padding: 2px;
} 

table.list a:hover {
background-color: #ff6c00;
} 

legend a{

   color: #5154E8;
}

legend {
	font-size: 1em; 
	font-weight: bold;
   /*	color: #ff6c00; */
   margin-left: 10px;
   color: #5154E8;
}


#smarteform  {

  
  background-color: #fff;

          -moz-border-radius: 4px;
		 -webkit-border-radius: 4px;
		 -khtml-border-radius: 4px;
		 border-radius: 4px;
}

.subsmarteform  {
  background-color: #eee;
  border: 0px solid #444;
          -moz-border-radius: 3px;
		 -webkit-border-radius: 3px;
		 -khtml-border-radius: 3px;
		 border-radius: 3px;
}

form label {
	display: block; /* block float the labels to left column, set a width */
	float: left;
	width: 200px;
	padding: 0;
	/*margin: 3px 0 0 0;*/
	/* set top margin same as form input - textarea etc. elements */
	text-align: right;
	font-weight: normal;
    font-size: 14px;	
	
}

form input,form textarea{
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width: auto;
	/* set width of form elements to auto-size, otherwise watch for wrap on resize */
	/*margin: 0px 2px 0 10px;*/
	/* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
    /*font-family: Arial;*/
	font-size: 14px; 
	color: #222;
	/*border: 1px solid #888;*/
	/*padding: 3px 3px;*/
	
          -moz-border-radius: 2px;
		 -webkit-border-radius: 2px;
		 -khtml-border-radius: 2px;
		 border-radius: 2px;
	
}

form input[type="checkbox"] {

   border: 0px;
   margin-top: 3px;
   
}

form input[type="file"] {

  
	border: 0px;
	
	
        
}

form input[type="radio"] {

   border: 0px;
   margin-top: 3px;
}

form select {

/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width: auto;
	/* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin: 0px 2px 0 10px;
	/* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
    font-family: Arial;
	font-size: 14px; 
	color: #000;
	border: 1px solid #888;
	padding: 8px 11px;
	
	
} 

.redBold {
	color: #FF0000;
	font-weight: bold;
}


div#buttonPanel{

  padding-right: 20px;
  float: right;
}

pre {
	
	white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
	white-space: -pre-wrap; /* Opera 4 - 6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
	word-wrap: break-word; /* IE 5.5+ */
	
	width: auto;
    margin-top: 0px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;

}

table.shiftcalendar{
	border-collapse: collapse;
	width: 100%;
	border: 0px;
	padding: 0;
	margin: 0;  
	  background-color: #888;
}



#emailUnread{background-image:url(img/newmail.gif);
background-repeat:no-repeat;
color: #fff;
} 
#emailRead{background-image:url(img/readmailopen.gif);
background-repeat:no-repeat;
color: #fff;
} 

.textmiddle {vertical-align:middle;} 

.ui-widget-content { border: 1px solid #aaa/*{borderColorContent}*/; background: #eee; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #eee; }

#quicklink {
   margin-top: -35px;
   padding-right: 10px;
   font-weight: bold;
   float: right;
}

div#listExport{
   float: right;
}

div.simpleTabs { padding:10px; }
ul.simpleTabsNavigation { margin: 0 2px 0 2px; padding-left:8px; text-align:left; background-color:#444;
    -moz-border-radius: 2px;
		 -webkit-border-radius: 2px;
		 -khtml-border-radius: 2px;
		 border-radius: 2px;
		 border:1px solid #444;
		 line-height: 20px;
		  }
ul.simpleTabsNavigation li { list-style:none; display:inline; margin-right:5px; padding:0; }
ul.simpleTabsNavigation li a { 
    border:0px solid #bbb; padding:3px 4px;  background-color:#888; font-size:12px; text-decoration:none; outline: none; color:#fff;
    -moz-border-radius: 2px;
		 -webkit-border-radius: 2px;
		 -khtml-border-radius: 2px;
		 border-radius: 2px;
		 white-space: nowrap;
}
ul.simpleTabsNavigation li a:hover { text-decoration:none; color: #000; }
ul.simpleTabsNavigation li a.current { background-color:#3D85C6; color:#fff;  }
div.simpleTabsContent { 

border:1px solid #bbb; padding:5px 0px 15px 0px; margin-top:0px; display:none;
 
}
div.simpleTabsContent.currentTab { display:block; }



.calheaderweekly {

     padding:5px 5px 5px 5px; 
       font-size:14px;
       background-color: #888;
      
       text-decoration:none; 
        -moz-border-radius: 3px;
		 -webkit-border-radius: 3px;
		 -khtml-border-radius: 3px;
		 border-radius: 3px;
		 color:#fff;
		 outline: none;
 font-weight: normal;
}

.calheadermonthly {

     padding:5px 5px 5px 5px; 
       font-size:14px;
       background-color: #888;
      
       text-decoration:none; 
        -moz-border-radius: 3px;
		 -webkit-border-radius: 3px;
		 -khtml-border-radius: 3px;
		 border-radius: 3px;
		 color:#fff;
		 outline: none;
		 font-weight: normal;

}

.calcurrentdate {

     padding:5px 5px 5px 5px; 
       font-size:14px;
       background-color: #ff6c00;
      
       text-decoration:none; 
        -moz-border-radius: 3px;
		 -webkit-border-radius: 3px;
		 -khtml-border-radius: 3px;
		 border-radius: 3px;
		 color:#fff;
		 outline: none;
		 margin-right: 2px;
 font-weight: normal;
}

.calheadermonthly:hover {

     color: #000;

}

.calheaderweekly:hover {

     color: #000;
}

a.calendarMonthItemsLink{
    font-size: 12px;
   color: #444;
    display:block;
    width: 98%;
   
   
  
}

a.calendarDayItemsLink{
    
   color: #444;
    
}

a.calendarWeekItemsLink{
    font-size: 12px;
   color: #444;
    display: block;
    width: 95%;
    margin: 0px;
    padding: 0px;
 
}

div.smarteformTabs { 
        /*padding-top: 15px; */
         
        -moz-border-radius: 3px;
		 -webkit-border-radius: 3px;
		 -khtml-border-radius: 3px;
		 border-radius: 3px;
		 
		
         
}

ul.smarteformTabsNavigation { 

    display: none;

}

div.smarteformTabsContent { 
      
        padding:5px 15px 15px 15px; 
        margin-top:8px; 
        display:none; 
       
         -moz-border-radius: 3px;
		 -webkit-border-radius: 3px;
		 -khtml-border-radius: 3px;
		 border-radius: 3px;

		
}

div.smarteformTabsContent.currentTab { display:block; }

div#requiredNote {
   
    width: 100%;
    text-align: center;
 
}

div#listicon {
   
    width: 100%;
    text-align: center;
 
}

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
	text-align:left;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

div#debuglog{
  text-align: left;
}

img.selectImage {

   margin-left: 10px; 
   height: 23px;
   width: 23px;
    
   
}

div#messageReadHead {
	background-color: #fff;
	margin: 5px auto 0px;
	text-align: left;
	padding: 7px 10px 10px 10px;
	border: 1px solid #bbb;
	line-height:60%
}



div#messageReadHead label {
	display: block; /* block float the labels to left column, set a width */
	float: left;
	width: 80px;
	padding: 0;
	margin: 0px 0 0 0;
	/* set top margin same as form input - textarea etc. elements */
	text-align: right;
	font-weight: bold;
	font-size: 12px;
	
}

div#messageReadHead div#rdOnly {
		width: auto;
		margin-left: 80px;
		margin-right: 0px;
		padding-left:5px;
		font-size: 12px;
		line-height:100%
		
}

div#messageReadBody {
	background-color: #fff;
	margin: 5px auto 0px;
	text-align: left;
	padding: 0px 10px 10px 10px;
	border: 1px solid #bbb;
	height: 28em;
	overflow: auto;
}

div#messageReadBody label {
	display: block; /* block float the labels to left column, set a width */
	float: left;
	width: 0px;
	padding: 0;
	margin: 0px 0 0 0;
	/* set top margin same as form input - textarea etc. elements */
	text-align: right;
	font-weight: normal;
	
}

div#messageReadBody div#rdOnly {
		width: auto;
		margin-left: 15px;
		margin-right: 15px;
		padding-left:5px;
}


div#messageSendHead {
	background-color: #fff;
	margin: 5px auto 0px;
	text-align: left;
	padding: 7px 10px 10px 10px;
	border: 1px solid #bbb;
	line-height:70%
}

#messageSendHead textarea{
     
     height: 18px;
     margin-top: 1px;
    
   
}

div#messageSendHead label {
	display: block; /* block float the labels to left column, set a width */
	float: left;
	width: 80px;
	padding: 0;
	margin: 7px 0 0 0;
	/* set top margin same as form input - textarea etc. elements */
	text-align: right;
	font-weight: bold;
	font-size: 12px;
	
}

div#messageSendHead div#rdOnly {
		width: auto;
		margin-left: 80px;
		margin-right: 50px;
		padding-left:5px;
		font-size: 12px;
}

div#messageSendBody {
	background-color: #fff;
	margin: 5px auto 0px;
	text-align: left;
	padding: 0px 10px 10px 10px;
	border: 1px solid #bbb;
	
}

div#messageSendBody label {
	display: block; /* block float the labels to left column, set a width */
	float: left;
	width: 80px;
	padding: 0;
	margin: 0px 0 0 0;
	/* set top margin same as form input - textarea etc. elements */
	text-align: right;
	font-weight: bold;
	font-size: 12px;
}

div#messageSendBody div#rdOnly {
		width: auto;
		margin-left: 15px;
		margin-right: 15px;
		padding-left:5px;
}

p.buttonDiv{
  
  padding: 0px;
  margin: 0px;
  text-align: right;
  width:100%;
  margin-top: 20px;
}

p.buttonDivTop{
  
  padding: 0px;
  text-align: right;
  width:100%;
  height: 25px;
  margin-top: 20px;
  margin-bottom: 20px;
  float: right;
}


div#messageReadBody a{
	
	font-weight: bold;
	FONT-SIZE: 8pt;
}

.textmiddle {vertical-align:middle;} 



.pics { height: 400px; width: 400px; padding:0; margin:0; overflow: hidden;}
.pics img { height: 350px; width: 350px; padding: 15px; border: 1px solid #fff; background-color: #eee; top:0; left:0 }
.pics img {
	
	   -moz-border-radius: 2px;
		 -webkit-border-radius: 2px;
		 -khtml-border-radius: 2px;
		 border-radius: 2px;
}

#lnksForTheClub {
	MARGIN-BOTTOM: 20px
}
#lnksForTheClub H2 {
	PADDING-BOTTOM: 13px; LINE-HEIGHT: 0.9em; BACKGROUND-COLOR: #eee; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; FONT-FAMILY: Georgia,"Times New Roman",Times,serif; COLOR: #7a923c; FONT-SIZE: 2em; FONT-WEIGHT: normal; PADDING-TOP: 13px;
}

#lnkslatestNews H2 {
	PADDING-BOTTOM: 13px; LINE-HEIGHT: 0.9em; BACKGROUND-COLOR: #eee; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; FONT-FAMILY: Georgia,"Times New Roman",Times,serif; COLOR: #7a923c; FONT-SIZE: 2em; FONT-WEIGHT: normal; PADDING-TOP: 13px;
}

#practice{
   text-align: center;
}

.form-item label {
	font-size: 1em;
	color: #222;
	width: 80px;
	text-align: right;
	font-weight: normal;
	float: left;
	
	
}

.form-item input {
   
   margin-left: 10px;
   border: 1px solid #888;
  
}

.form-item input.button {
 
   margin-left: 100px;
   margin-top: 5px;
}

.form-item {
   padding-top: 20px;
   width: 300px;
}


#searchEngine a{
	
	TEXT-DECORATION: underline;
	FONT-SIZE: 12pt;
	
}


#searchEngineLink a{
	
	TEXT-DECORATION: none;
	FONT-SIZE: 10pt;
	color: #5154E8;
	
}

.internalLeftCol {
	WIDTH: 150px; FLOAT: left; MARGIN-RIGHT: 20px; BACKGROUND-COLOR: #888; BORDER-bottom: #888 5px solid;
	
}

.internalLeftBlank {
	WIDTH: 15px; FLOAT: left; MARGIN-RIGHT: 20px; BACKGROUND-COLOR: #fff; 
}

#internalSecNav .internalSecNavHeading {
	PADDING-BOTTOM: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 50px; BACKGROUND-color: #888; PADDING-TOP: 2px
}
#internalSecNav .internalSecNavHeading STRONG {
	PADDING-BOTTOM: 3px; TEXT-TRANSFORM: uppercase; MARGIN: 0px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; DISPLAY: block; FONT-FAMILY: Georgia, "Times New Roman", Times, serif; BACKGROUND: url(themes/mobile/images/bkgSecNavigationHeader.png) left top; COLOR: #ffffff; FONT-SIZE: 1.4em; FONT-WEIGHT: normal; PADDING-TOP: 3px
}
#internalSecNav UL {
	PADDING-BOTTOM: 26px; MARGIN-TOP: 1px; PADDING-LEFT: 0px; WIDTH: 173px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; BORDER-top: #222 0px solid; 
}
#internalSecNav UL LI {
	BACKGROUND-COLOR: #444; WIDTH: 173px; DISPLAY: block; BORDER-bottom: #222 1px solid; text-align: center;
}
#internalSecNav UL LI.here {
	BACKGROUND-COLOR: #e0dfdc;
}
#internalSecNav UL LI.collapsed {
     BORDER-top: #333 20px solid;
}
#internalSecNav UL LI A {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; DISPLAY: block; COLOR: #eee; FONT-WEIGHT: bold; PADDING-TOP: 10px; text-decoration: none; font-size: 13px;
}
#internalSecNav UL LI A:hover {
	BACKGROUND-COLOR: #3D85C6; TEXT-DECORATION: none; COLOR: #fff;
}

#internalSecNav UL LI A.here {
	BACKGROUND-COLOR: #3D85C6; TEXT-DECORATION: none; COLOR: #fff;
}

#internalSecNav UL LI UL {
	PADDING-BOTTOM: 0px; MARGIN-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-TOP: 0px
}
#internalSecNav UL LI UL LI {
	BORDER-BOTTOM: #d0cfc7 1px solid; WIDTH: 230px; BORDER-TOP-STYLE: none
}
#internalSecNav UL LI UL LI A {
	PADDING-BOTTOM: 5px; LINE-HEIGHT: 1.5em; BACKGROUND-COLOR: #fff; PADDING-LEFT: 20px; WIDTH: 170px; PADDING-RIGHT: 40px; COLOR: #333333; FONT-SIZE: 0.95em; PADDING-TOP: 5px
}
#internalSecNav UL LI UL LI A:hover {
	BACKGROUND-COLOR: #cadadf; COLOR: #000; TEXT-DECORATION: none
}
#internalSecNav UL LI UL LI.here A {
	BACKGROUND: url(themes/mobile/images/bkgSecNavigationHere.png) #a7c1c9 no-repeat left top; COLOR: #000000
}
#internalSecNav UL LI UL LI.here UL {
	BORDER-BOTTOM: #ffffff 1px solid
}
#internalSecNav UL LI UL LI.here UL LI {
	BORDER-BOTTOM-STYLE: none; BORDER-TOP-STYLE: none
}
#internalSecNav UL LI UL LI.here UL LI A {
	PADDING-BOTTOM: 3px; PADDING-LEFT: 40px; WIDTH: 150px; PADDING-RIGHT: 40px; BACKGROUND: #e4ecef; COLOR: #03516f; PADDING-TOP: 3px
}
#internalSecNav UL LI UL LI.here UL LI A:hover {
	TEXT-DECORATION: underline
}

#headerSearchBar{
  float: right;
  padding-right: 10px;
  margin-top: -15px;
}

table td.blankleft{
    border-right: 1px solid #ccc;
}

table td.blankright{
    
}

#ui-datepicker-div {display: none;}

table.layout {

    background-color: #888;
    width: 90%;
    margin: auto;
}

.JegyButton {
	margin-left: 0px;
	margin-right: 0px;
}



/* #Buttons
================================================== */
.NewButton3,.NewButton2,.NewButton,.button,button,input[type="submit"],input[type="reset"],input[type="button"]
	{
	/*background: #eee; 
	background: #eee -moz-linear-gradient(top, rgba(255, 255, 255, .2) 0%,
		rgba(0, 0, 0, .2) 100% ); 
	background: #eee
		-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,
		255, 255, .2) ), color-stop(100%, rgba(0, 0, 0, .2) ) );
	
	background: #eee -webkit-linear-gradient(top, rgba(255, 255, 255, .2) 0%,
		rgba(0, 0, 0, .2) 100% ); 
	background: #eee -o-linear-gradient(top, rgba(255, 255, 255, .2) 0%,
		rgba(0, 0, 0, .2) 100% ); 
	background: #eee -ms-linear-gradient(top, rgba(255, 255, 255, .2) 0%,
		rgba(0, 0, 0, .2) 100% ); 
	background: #eee linear-gradient(top, rgba(255, 255, 255, .2) 0%,
		rgba(0, 0, 0, .2) 100% ); 
	border: 1px solid #888;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #444;
	display: inline-block;
	font-size: 11px;
	text-decoration: none;	
	cursor: pointer;
	line-height: normal;
	padding: 5px 10px;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,
		sans-serif;*/
	background-color: #009ebd;
    border-radius: 24px;
    color: #ffffff;
    float: left;
    font-family: "robotomedium";
    font-size: 11px;
    margin-bottom: 15px;
    margin-right: 20px;
    padding: 8px 14px;
    text-transform: uppercase;
    width: auto;
}

.NewButton3:hover,.NewButton2:hover,.NewButton:hover,.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover
	{
	color: #fff;
	background: #018ca7; /*
	background: #ddd -moz-linear-gradient(top, rgba(255, 255, 255, .3) 0%,
		rgba(0, 0, 0, .3) 100% ); 
	background: #ddd
		-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,
		255, 255, .3) ), color-stop(100%, rgba(0, 0, 0, .3) ) );

	background: #ddd -webkit-linear-gradient(top, rgba(255, 255, 255, .3) 0%,
		rgba(0, 0, 0, .3) 100% ); 
	background: #ddd -o-linear-gradient(top, rgba(255, 255, 255, .3) 0%,
		rgba(0, 0, 0, .3) 100% ); 
	background: #ddd -ms-linear-gradient(top, rgba(255, 255, 255, .3) 0%,
		rgba(0, 0, 0, .3) 100% ); 
	background: #ddd linear-gradient(top, rgba(255, 255, 255, .3) 0%,
		rgba(0, 0, 0, .3) 100% ); 
	border: 1px solid #888;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;*/
}

.NewButton2:active,.NewButton:active,.button:active,button:active,input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active
	{
	border: 1px solid #666;
	background: #ccc; /* Old browsers */
	background: #ccc -moz-linear-gradient(top, rgba(255, 255, 255, .35) 0%,
		rgba(10, 10, 10, .4) 100% ); /* FF3.6+ */
	background: #ccc
		-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,
		255, 255, .35) ), color-stop(100%, rgba(10, 10, 10, .4) ) );
	/* Chrome,Safari4+ */
	background: #ccc -webkit-linear-gradient(top, rgba(255, 255, 255, .35)
		0%, rgba(10, 10, 10, .4) 100% ); /* Chrome10+,Safari5.1+ */
	background: #ccc -o-linear-gradient(top, rgba(255, 255, 255, .35) 0%,
		rgba(10, 10, 10, .4) 100% ); /* Opera11.10+ */
	background: #ccc -ms-linear-gradient(top, rgba(255, 255, 255, .35) 0%,
		rgba(10, 10, 10, .4) 100% ); /* IE10+ */
	background: #ccc linear-gradient(top, rgba(255, 255, 255, .35) 0%,
		rgba(10, 10, 10, .4) 100% ); /* W3C */
}

.button.full-width,button.full-width,input[type="submit"].full-width,input[type="reset"].full-width,input[type="button"].full-width
	{
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
}

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.NewButton {
   width: auto;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-right: 10px;
   padding-left: 10px;
   white-space: nowrap;
}

.NewButton3 {
   /*width: auto;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-right: 10px;
   padding-left: 10px;
   background:#FF9900;
    white-space: nowrap;*/
	background-color: #009ebd;
    border-radius: 24px;
    color: #ffffff;
    float: left;
    font-family: "robotomedium";
    font-size: 11px;
    margin-bottom: 15px;
    margin-right: 20px;
    padding: 8px 14px;
    text-transform: uppercase;
    width: auto;
}

.nametag{

   font-size: 16px;
  
}

.NewButton2 {
    width: auto;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-right: 10px;
   padding-left: 10px;
    white-space: nowrap;

}

a.loginButton {
	clear:both;
	display:block;
	float:right;
	padding:5px;
	margin-right: 25px;
	background:#FF9900;
	border:1px solid #000000;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:16px;
	text-align:center;
	color:#000000;
 
}
 
a.loginButton:hover {
	color:#FFFF00;
	background:#006600;
}

a.loginButtonNew {
        float:right;
        display:inline;
        padding:5px;
        margin-right: 5px;
        background:#FF9900;
        border:1px solid #000000;
        text-decoration:none;
        
        font-size:11px;
        
        line-height:16px;
        text-align:center;
        color:#000000;

}

a.loginButtonNew:hover {
        color:#FFFF00;
        background:#006600;
}


.addchild {

   border: 0px;
}

a.loginButtonPayment {
	clear:both;
	display:block;
	float:left;
	padding:5px;
	margin-right: 25px;
	background:#FF9900;
	border:1px solid #000000;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:16px;
	text-align:center;
	color:#000000;
 
}
 
a.loginButtonPayment:hover {
	color:#FFFF00;
	background:#006600;
}

#CalendarDayViewYearSelect {
   
   margin: 0;
}

#CalendarDayViewMonthSelect {
   
   margin: 0;
}

#CalendarDayViewDaySelect {
   
   margin: 0;
}

#CalendarMonthViewYearSelect {
   
   margin: 0;
}

#CalendarMonthViewMonthSelect {
   
   margin: 0;
}

#CalendarMonthViewDaySelect {
   
   margin: 0;
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 2px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(getFile?id=80&recordid=42&fieldName=File%20To%20Upload) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

/* ie 7 fix */
.flex-direction-nav .flex-next {
background-position: 100% 0;
right: -36px;
display: none; /*added*/
}

.flex-direction-nav .flex-prev {
left: -36px;
display: none; /*added*/
}

.flexslider:hover .flex-next {
opacity: 0.8;
right: 15px;
display: block; /*added*/
}

.flexslider:hover .flex-prev {
opacity: 0.8;
left: 15px;
display: block; /*added*/
}


table.program {

     margin: auto;
}

table.program {

     background: #ddd;
}
table.program td {

   border: 1px solid #eee;
}

.NewButton5
	{
	background: #eee; /* Old browsers */
	background: #eee -moz-linear-gradient(top, rgba(255, 255, 255, .2) 0%,
		rgba(0, 0, 0, .2) 100% ); /* FF3.6+ */
	background: #eee
		-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,
		255, 255, .2) ), color-stop(100%, rgba(0, 0, 0, .2) ) );
	/* Chrome,Safari4+ */
	background: #eee -webkit-linear-gradient(top, rgba(255, 255, 255, .2) 0%,
		rgba(0, 0, 0, .2) 100% ); /* Chrome10+,Safari5.1+ */
	background: #eee -o-linear-gradient(top, rgba(255, 255, 255, .2) 0%,
		rgba(0, 0, 0, .2) 100% ); /* Opera11.10+ */
	background: #eee -ms-linear-gradient(top, rgba(255, 255, 255, .2) 0%,
		rgba(0, 0, 0, .2) 100% ); /* IE10+ */
	background: #eee linear-gradient(top, rgba(255, 255, 255, .2) 0%,
		rgba(0, 0, 0, .2) 100% ); /* W3C */
	border: 1px solid #888;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #444;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px rgba(255, 255, 255, .75);
	cursor: pointer;
	line-height: normal;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,
		sans-serif;
}

.NewButton5:hover
	{
	color: #222;
	background: #ddd; /* Old browsers */
	background: #ddd -moz-linear-gradient(top, rgba(255, 255, 255, .3) 0%,
		rgba(0, 0, 0, .3) 100% ); /* FF3.6+ */
	background: #ddd
		-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,
		255, 255, .3) ), color-stop(100%, rgba(0, 0, 0, .3) ) );
	/* Chrome,Safari4+ */
	background: #ddd -webkit-linear-gradient(top, rgba(255, 255, 255, .3) 0%,
		rgba(0, 0, 0, .3) 100% ); /* Chrome10+,Safari5.1+ */
	background: #ddd -o-linear-gradient(top, rgba(255, 255, 255, .3) 0%,
		rgba(0, 0, 0, .3) 100% ); /* Opera11.10+ */
	background: #ddd -ms-linear-gradient(top, rgba(255, 255, 255, .3) 0%,
		rgba(0, 0, 0, .3) 100% ); /* IE10+ */
	background: #ddd linear-gradient(top, rgba(255, 255, 255, .3) 0%,
		rgba(0, 0, 0, .3) 100% ); /* W3C */
	border: 1px solid #888;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
}

.NewButton5:active,
	{
	border: 1px solid #666;
	background: #ccc; /* Old browsers */
	background: #ccc -moz-linear-gradient(top, rgba(255, 255, 255, .35) 0%,
		rgba(10, 10, 10, .4) 100% ); /* FF3.6+ */
	background: #ccc
		-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,
		255, 255, .35) ), color-stop(100%, rgba(10, 10, 10, .4) ) );
	/* Chrome,Safari4+ */
	background: #ccc -webkit-linear-gradient(top, rgba(255, 255, 255, .35)
		0%, rgba(10, 10, 10, .4) 100% ); /* Chrome10+,Safari5.1+ */
	background: #ccc -o-linear-gradient(top, rgba(255, 255, 255, .35) 0%,
		rgba(10, 10, 10, .4) 100% ); /* Opera11.10+ */
	background: #ccc -ms-linear-gradient(top, rgba(255, 255, 255, .35) 0%,
		rgba(10, 10, 10, .4) 100% ); /* IE10+ */
	background: #ccc linear-gradient(top, rgba(255, 255, 255, .35) 0%,
		rgba(10, 10, 10, .4) 100% ); /* W3C */
}

table td .NewButton5
        {
        padding-top: 5px;
        padding-bottom: 5px;
        width: 97%;
        text-align: center;
}


.NewButton5 {
   margin: 0px;
     white-space: nowrap;
   
}

.helptext  {

     padding:5px; 
     width: auto; 
     margin: auto; 
     color: #222;
     background-color: #FAF9BB;
     margin-bottom: -20px;
     font-weight: bold;
     font-size: 12px;

}

.helptextnomargin  {

     padding:5px; 
     width: 600px; 
     margin: auto; 
     color: #222;
     background-color: #FAF9BB;
     font-weight: bold;
     font-size: 12px;

}

.helptextimp  {

     padding:5px; 
     width: 600px; 
     margin: auto; 
     color: red;
     background-color: #FAF9BB;
     font-weight: bold;
     font-size: 12px;
     margin-bottom: -20px;

}

.helptextimpnomargin  {

     padding:5px; 
     width: 600px; 
     margin: auto; 
     color: red;
     background-color: #FAF9BB;
     font-weight: bold;
     font-size: 12px;

}

table.stripetable{
	border-collapse: collapse;
	width: 50%;
	margin: auto;
	font-size: 12px; 
   
}
table.stripetable {
	border: 1px solid #aaa;
	background-color: #888;
}
	
table.stripetable th {
	font-weight: normal;
	height: 30px;
	padding: 5px 1px 0px 5px;
    valign: middle;
    text-align: left;
    font-size: 12px;
    color: #fff;
}

table.stripetable th a {
	    
    color: yellow;
    
}


table.stripetable input {

    margin-left: 0px;

}

table.stripetable tr {
	height: 30px;
	padding: 0px 1px 0px 5px;
    valign: middle;
   
}

table.stripetable td.hovered {
    text-decoration: underline;
  	cursor: pointer;
  	 valign: middle;
}

table.stripetable td {
	border: 1px solid #aaa;
	padding: 0px 5px 0px 5px;
	 valign: middle;
	
}

.stripeodd {
	background-color: #ccc;
}

.stripeeven {
	background-color: #ddd;
}

table.stripetable a {
text-decoration:none;
color: #5154E8;
padding: 2px;
} 

table.stripetable a:hover {
background-color: #ff6c00;
} 


/* new css start here */
img{max-width:100%;}
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.header {float:left; width:100%;background-color:#fff; min-height:80px;}
.body-bg {/*background: #0088ab;background: -moz-linear-gradient(top, #0088ab 0%, #0098b9 50%, #008aad 100%); background: -webkit-linear-gradient(top, #0088ab 0%,#0098b9 50%,#008aad 100%); background: linear-gradient(to bottom, #0088ab 0%,#0098b9 50%,#008aad 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0088ab', endColorstr='#008aad',GradientType=0 ); */ background-color:#0086aa;}

.main-wrapper {clear:both; margin:0 auto; width:1280px;display:block;}
div.smarteformTabsContent {clear:both; margin:0 auto; width:1280px;display:block;}
#calendar {clear:both; margin:0 auto; width:1280px;display:block;}
#headerSecNav UL.top-links {float:right;margin-top:35px;}
.logobox {height:120px; float:left; background-color:#fff; width:120px; box-shadow:0 2px 10px #f3f3f3; -webkit-box-shadow:0 2px 10px #f3f3f3; -moz-box-shadow:0 2px 10px #f3f3f3; -ms-box-shadow:0 2px 10px #f3f3f3;}
.main-container {margin-top:0px;width:100%; float:left;}
div.smarteformTabs {margin-top:0px;width:100%; float:left;}
#calendarfrm {margin-top:0px;width:100%; float:left;}
.platform-section {width:1280px; float:left; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; padding:40px 30px 15px; box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.2); -ms-box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.2); background-color:#fff;}
ul.reglist {float:left; width:100%;margin:0;padding:0;}


ul.reglist li h5 {color:#666666;font-size:20px; float:left; width:100%; margin:0 0 10px 0;font-family: 'robotoregular'; font-weight:normal;}
ul.reglist li a.NewButton {background:#ffffff;
    border: 1px solid #f97850;
    border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px;
    color: #f97850;
    float: left;
    font-family:'robotomedium';
    font-size: 11px;

    margin-bottom: 15px;
    margin-right: 20px;
    padding: 8px 14px;
    text-transform:uppercase;
    width:auto;}
ul.reglist li {margin-bottom:10px;list-style:none;float:left;width:100%;}
ul.reglist li a.NewButton:hover {color:#016a93; border:1px solid #016a93;}
.registrationsec {float:left; width:770px;margin-top: -15px;}
.registrationsec h1 {color:#666666; float:left; width:100%; margin:0 0 20px 0; font-size:24px; font-family: 'francois_oneregular';font-weight:normal;}
.loginsec h2 {color:#666666; font-family: 'francois_oneregular';float:left; width:100%; margin:0 0 40px 0; font-size:24px; text-align:center; font-weight:normal; line-height:32px;}
.loginsec p {color:#666666; float:left; width:100%; margin:0 0 60px 0; font-size:15px; text-align:center; line-height:22px; font-family: 'ralewaysemibold';}
.loginsec {padding:50px 20px 40px 20px; float:right; width:400px;border-radius: 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; box-shadow:0 0 16px rgba(0, 0, 0, 0.15); -webkit-box-shadow:0 0 16px rgba(0, 0, 0, 0.15); -moz-box-shadow:0 0 16px rgba(0, 0, 0, 0.15); -ms-box-shadow:0 0 16px rgba(0, 0, 0, 0.15); background-color:#fff; margin-top: -40px;margin-right: 20px;}
.loginsec input[type="text"], .loginsec input[type="password"] {border:1px solid #c6c6c6; padding:12px 20px; background:#fff; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; color:#c6c6c6; margin-bottom:30px; font-size:18px; width:100%;font-family: 'ralewaysemibold'; outline:none;}
.loginsec input[type="text"]:hover, .loginsec input[type="password"]:hover, .loginsec input[type="text"]:focus, .loginsec input[type="password"]:focus {border: 1px solid #016a93;}
.loginsec .forpass {  float: left;font-family: 'ralewaysemibold';font-size: 14px;margin:0;text-align: center;width:100%;}	
.loginsec .forpass:hover {color:#016a93;}	
.loginsec .JegyButton {padding:12px 15px; background:#016a93; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; color:#fff; margin-bottom:12px; font-size:18px;width:100%; float:left; text-transform:uppercase; text-align:center;font-family: 'ralewaybold';}
.loginsec .signupbtn {padding:12px 15px; background:#f64807; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; color:#fff; margin-bottom:20px; font-size:18px;width:100%; float:left; text-transform:uppercase; text-align:center;font-family: 'ralewaybold';}
.copyright-sec {float:left; width:100%; text-align:center;font-size:21px; color:#ffffff; font-weight:normal;  padding-bottom:20px;background: #0086aa;}
.loginsec .JegyButton:hover {background:#016186; color:#fff;}
.loginsec .signupbtn:hover {background:#ec4203;color:#fff;}
.donation-section{float:left; width:100%; margin-bottom:30px;}
.donation-section a.loginButtonNew{color:#f64807;font-size:11px; float:left; width:auto; margin-bottom:0;margin-right:12px; border:none; padding:10px 10px 8px; background:#fff; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; text-transform:uppercase;-webkit-box-shadow:0 1px 10px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 10px 0 rgba(0, 0, 0, 0.1);box-shadow:0 1px 10px 0 rgba(0, 0, 0, 0.1);min-height: 37px;font-family: 'robotomedium';}
.donation-section a.loginButtonNew:hover{-webkit-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);}
.donation-section a.loginButtonNew span{float:left; width:auto; line-height: 19px;}
.donation-section a.loginButtonNew img{float:left; width:18px; margin-left:10px;}
/*.gifticon {margin-top:3px;}*/
::-webkit-input-placeholder {color:#c6c6c6;}
::-moz-placeholder {color:#c6c6c6;}
:-ms-input-placeholder {color:#c6c6c6;}
:-moz-placeholder {color:#c6c6c6;}
.donation-section-mobile {display:none;}
.loginButtonNewmobile {display:none;}
.homeicon {background:url(themes/mobile/images/Home.jpg) no-repeat left center;padding-left:26px; background-size:20px 20px;padding-top:4px;}
.loginicon {background:url(themes/mobile/images/Login.jpg) no-repeat left center;padding-left: 26px; background-size:20px 20px;padding-top: 4px;}

.ipad-container {float: left;position: relative;width: 100%;}
.loginsecbg {position: absolute;right: 0;top: 0;}

/* dashboard page css start here */ 
.userame {float:left;margin:30px 0 0 30px; font:18px 'robotobold'; color:#016a93;}
.deshboardsec a.NewButton {background:transparent;border: 1px solid #c6c6c6;border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px;color: #666666;float: left;font-family:'robotomedium';font-size: 11px;margin-bottom: 15px;margin-right: 20px;padding: 8px 14px;text-transform:uppercase;width:auto;}
.deshboardsec a.NewButton:hover {color:#016a93; border:1px solid #016a93;}
.deshboardsec {width:100%; float:left; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.2); -ms-box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.2); background-color:#f9f9f9;}
ul.reglist {float:left; width:100%;margin:0;padding:0;}
.top-buttonsec {float:left; width:100%; border-bottom:1px solid #eeeeee;padding-bottom:15px;margin-bottom:30px;}
.deshboardsec .donation-section {float:right;margin-bottom:0;width:auto;}
.main-listing {float:left;width:100%;display:flex; flex-wrap:wrap;}
.main-listing .inner-list {float:left;width:278px; margin:0 34px 30px 0; background-color:#fff; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; /*box-shadow:0 0 2px #ccc; -webkit-box-shadow:0 0 2px #ccc; -moz-box-shadow:0 0 2px #ccc;-ms-box-shadow:0 0 2px #ccc;*/ padding:20px; border:1px solid #eaeaea;border-top:3px solid #f97850;}
.main-listing .inner-list:nth-child(4n) {margin-right:0px;}
.tpdevider {border-top:3px solid #f97850;}
.titlesec-img {width:100%; border-bottom:1px solid #eaeaea; padding-bottom:20px; margin-bottom:20px;display:table;}
.titlesec-img span.titleleftsec {width:auto;margin-right:14px;display:table-cell; vertical-align:middle;}
.titlesec-img span.titlerightsec {width:84%;color:#666;font:14px 'robotoregular'; line-height:20px;display:table-cell;vertical-align:middle;font-weight: bold;}
ul.portal-linking { float: left;list-style: inside none square;margin: 0;padding: 0;width: 100%; list-style:none;}
ul.portal-linking li {font:13px 'robotoregular'; color:#016a93; float:left; width:100%; margin-bottom:10px; background:url(themes/mobile/images/squre.png) no-repeat 0 5px;padding-left:15px;}
ul.portal-linking li a {font:13px 'robotoregular'; color:#016a93;}
ul.portal-linking li span {color:#f97850;}
ul.portal-linking li a:hover {color:#f64807;}
.profilecon {background:url(themes/mobile/images/Profile.jpg) no-repeat left center;padding-left:26px; background-size:20px auto;padding-top: 4px;}
.logouticon {background:url(themes/mobile/images/Logout.jpg) no-repeat left center;padding-left: 26px; background-size:20px auto;padding-top: 4px;}
.padding30 {float: left;padding:15px 30px 0px 30px;width:100%;}
.titlesec-img span.titleleftsec img {/*width:28px;*/max-height:28px;}
.nubillamt {float:left;width:100%;background-color:#fff;font:16px 'robotomedium';color:#ff0000; padding:20px 30px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px;}
.nubillamt a {color:#016a93;}
.nubillamt a:hover {color:#f64807;}
.top-buttonsec .donation-section a.loginButtonNew:last-child {margin-right:0px;}
.inner-footer {margin:20px 0 0px 0;}
.main-listing .inner-list.bluebd {border-top:3px solid #009ebd;}

/* profile page css start here */ 
.pagetitle {color:#f97850;}
.profile-container {float:left; width:100%;}
.fieldsec {float:left; width: 80%;
margin-left: 10%;}
ul.profield {float:left; width:100%; list-style:none; margin:0px; padding:0px;}
ul.profield li {float:left; width:100%; margin-bottom:25px; margin-top:0px;}
ul.profield li label {float:left;width:100%;margin-bottom:10px; font:14px 'robotoregular';color:#666666;text-align:left;}
ul.profield li input[type="text"], ul.profield li select, ul.profield li input[type="password"] {float:left;width:100%;margin-bottom:0px;border:1px solid #eaeaea; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; font:14px 'robotoregular';color:#666666; padding:8px 14px; margin:0px;}
ul.profield li input[type="text"]:hover {border:1px solid #016a93;}
input, select {outline:none;}
ul.profield li select {float:left;width:100%;margin-bottom:0px;border:1px solid #eaeaea; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; font:14px 'robotoregular';color:#666666; background: #ffffff url("themes/mobile/images/down-arrow.png") no-repeat scroll 98% 50%; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance: none; appearance: none;background-size: 14px auto;}
ul.profield li select:hover {border:1px solid #016a93;}

ul.registrationtype-sec {float:left; width:100%; padding:30px 0 5px; margin-bottom:30px; list-style:none; border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea; margin-top:0px;} 
ul.registrationtype-sec li label, ul.registrationtype-sec li p {margin:0px;}
ul.registrationtype-sec li {float:left; width:100%; margin-bottom:25px; margin-top:0px;}
ul.registrationtype-sec li label {float:left;width:110px;font:14px 'robotoregular';color:#666666;text-align:right;}
ul.registrationtype-sec li p {float:left;width:48%;font:14px 'robotoregular';color:#666666;text-align:left;margin-left:40px;}
.right-profileimg {float: right;
width: 100%;
padding-left: 20%;
}
.right-profileimg img {float:left; width:100%; max-width:100%; border-radius:8px;}

ul.profield li .gendar-row {float:left; width:auto; margin-left:20px;}
ul.profield li .gendar-row:first-of-type {margin-left:0px;}

ul.profield li .donation-row {float:left; width:100%; margin-bottom:10px;}



/* form button and radio css
============================================================================================================= */

input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width     : 2em;  display:none;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0.5;
}

input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  display      : inline-block;
  line-height  : 1.5em; margin:0px;
}

input[type=checkbox]:not(old) + label > span,
input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 0.875em;
  height           : 0.875em;
  margin           : 4px 6px 0 0;
  border           : 0;
  
  
  
}

input[type=checkbox]:not(old) + label > span {background:url(themes/mobile/images/Checkbox-unselect.png) no-repeat;}
input[type=radio]:not(old) + label > span {background:url(themes/mobile/images/Radio-unselect.png) no-repeat;}

input[type=checkbox]:not(old):checked + label > span {background:url(themes/mobile/images/Checkbox-select.png) no-repeat;}
input[type=radio   ]:not(old):checked + label > span {background:url(themes/mobile/images/Radio-select.png) no-repeat;}


input[type=checkbox]:not(old):checked + label > span:before{

  display     : block;
  width       : 1em;


  line-height : 1em;

}

input[type=radio]:not(old):checked +  label > span > span{
  display          : block;
  width            : 0.5em;
  height           : 0.5em;
  margin           : 0.125em;  
}

.fieldsec input[type="submit"].greenbtn {padding:12px 15px; background:#f64807; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; color:#fff; margin-bottom:20px; font-size:18px; float:left; text-transform:uppercase; text-align:center;font-family: 'ralewaybold'; border:0px; min-width:134px; margin-bottom:30px; margin-left:0px;}
.fieldsec input[type="submit"].greenbtn:hover {background:#ec4203;color:#fff;}
.formcontainer {padding:60px 0 60px 0;}

/* register page css start here */ 

.innerpage-containerarea {float:left; width:100%;}
ul.bulletlistview {float:left; width:100%; margin:0px; padding:0px; list-style:none;}
ul.bulletlistview li {float:left; width:100%; margin:0 0 14px 0; padding:0 0 0 24px;background:url(themes/mobile/images/bullet-list.png) no-repeat 0 3px; color:#848383; font:normal 14px 'robotoregular'; line-height:normal;}
ul.bulletlistview li a {color:#848383;font:normal 14px 'robotoregular';}
ul.bulletlistview li a:hover {color:#009ebd;}
.register-section {width:700px; margin:0 auto; display:flex;clear:both;flex-wrap:wrap;}
.membership-sec {float:left; width:330px; border:1px solid #ef6b3a; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; text-align:center; margin-right:40px;}
.membership-sec h4 {background-color:#ef6b3a; float:left; width:100%; padding:15px; font:normal 20px 'robotoregular'; color:#fff; margin:0 0 35px 0;}
.membership-sec p {float:left; width:100%; padding:0 15px; font:normal 15px 'robotoregular'; color:#848383; margin:0 0 35px 0;}
.membership-sec a.registergreen {background-color:#ef6b3a; padding:12px 30px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; font:normal 14px 'robotobold'; text-transform:uppercase; color:#fff; margin:0 15px 35px 15px;display:inline-block;}
.membership-sec a.registergreen:hover {background-color:#e36435;}
.fluidwidth {float:left; width:100%; margin:100px 0 190px 0;}
.programs-sec {float:left; width:330px; border:1px solid #009ebd; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; text-align:center;}
.programs-sec h4 {background-color:#009ebd; float:left; width:100%; padding:15px; font:normal 20px 'robotoregular'; color:#fff; margin:0 0 35px 0;}
.programs-sec p {float:left; width:100%; padding:0 15px; font:normal 15px 'robotoregular'; color:#848383;margin:0 0 35px 0;}
.programs-sec a.registerblue {background-color:#009ebd; padding:12px 30px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; font:normal 14px 'robotobold'; text-transform:uppercase; color:#fff; margin:0 15px 35px 15px;display:inline-block;}
.programs-sec a.registerblue:hover {background-color:#0193b0;}

/* calender view page css start here */ 
.calendar-info {float:left; width:100%;}
ul.cal-booking-list {float:left; width:100%; list-style:none; border-bottom:1px solid #eeeeee; padding:0 0 10px 0; margin:0 0 30px 0;display:flex;flex-wrap:wrap;}
ul.cal-booking-list li {float:left; margin:0 16px 20px 0;}
ul.cal-booking-list li:last-child {margin-right:0;}
ul.cal-booking-list li p {font:normal 14px 'robotoregular';color:#848383; float:left; margin:2px 0 0 0;} 
ul.cal-booking-list li span {width:24px;height:24px; float:left;margin-right:10px; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; -o-border-radius:7px;}
.regular-booking {background-color:#dbdb3d;}
.club-tournament {background-color:#dd53cb;}
.provincial-tournament {background-color:#ed98da;}
.private-lessons {background-color:#4392f8;}
.mixed-club-night {background-color:#1ed2d8;}
.house-league {background-color:#8481e3;}
.ldies-night {background-color:#a6e818;}
.mens-night {background-color:#e288b0;}
.clinic {background-color:#e576e1;}
.maintenance {background-color:#f4a743;}
.cal-button-sec {margin:0 auto; display:table; width:auto; clear:both;padding-bottom: 15px;}
a.calbluebtn {border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px;color:#fff !important;float:left;font-family:'robotomedium';font-size: 11px;margin-bottom: 15px;margin-right: 20px;padding: 8px 14px;text-transform:uppercase;width:auto; background-color:#009ebd;}
a.calbluebtn:hover {background-color:#eaeaea; color:#666666 !important;}
a.calbluebtnactive {border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px;color:#fff;float:left;font-family:'robotomedium';font-size: 11px;margin-bottom: 15px;margin-right: 20px;padding: 8px 14px;text-transform:uppercase;width:auto; background-color:#009ebd;}

.calheader {float:left; width:100%; background-color:#eaeaea;padding:15px 10px; margin-bottom:30px;}
#calendarHeader {float:left; width:100%; background-color:#eaeaea;padding:15px 10px; margin-bottom:30px;}
ul.calheaderlist {float:none;width:auto;list-style:none;padding:0; margin:0 auto; display:table; clear:both;}
#caldaylink {float:none;width:auto;list-style:none;padding:0; margin:0 auto; display:table; clear:both;}
ul.calheaderlist li {float:left; color:#848383;margin:0 30px 0 0;font:normal 14px 'robotoregular';}
ul.calheaderlist li a {color:#848383;font:normal 14px 'robotoregular';}
ul.calheaderlist li a:hover {color:#016a93; }
ul.calheaderlist li.active a {font:normal 14px 'robotomedium';color:#016a93;}


a.calheaderdaylink {color:#848383;margin:0 30px 0 0;font:normal 14px 'robotoregular';}
a.calheaderdaylink:hover {color:#016a93; }
.caldaylinkcurrent {font:normal 14px 'robotomedium';color:#016a93;margin:0 30px 0 0;}

.caltablesec {float:left;padding:0 30px 40px 30px;width:100%;}
table.calendar {padding:0 30px 40px 30px;width:100%; margin: auto;}
.calview {text-align:center;color:#848383;font:normal 14px 'robotoregular';border-collapse: collapse; width:80%;}
.calview tr th {background-color:#009ebd; font:normal 14px 'robotomedium'; color:#fff; width:12%; padding:14px 6px; display:table-cell;}
.calview tr td {font:normal 14px 'robotoregular'; color:#848383; width:12%; padding:20px 6px 10px 6px; border:1px solid #eaeaea; display:table-cell;}
.calview tr td .time {font:normal 14px 'robotoregular'; color:#848383; width:100%; display:block; margin-bottom:10px;}
.calview tr td .timered {font:normal 14px 'robotoregular'; width:100%; display:block; margin-bottom:10px;}
.calview tr td .calbook {font:normal 14px 'robotomedium'; color:#009ebd; width:100%;display:block; margin-bottom:10px;}
.calview tr td .calbookred {font:normal 14px 'robotomedium'; width:100%;display:block; margin-bottom:10px;}
.calview tr td:hover .calbook {color:#f64807;}

.calview tr th:first-child {border-radius:6px 0 0 0; -moz-border-radius:6px 0 0 0; -webkit-border-radius:6px 0 0 0; -ms-border-radius:6px 0 0 0; -o-border-radius:6px 0 0 0;}
.calview tr th:last-child {border-radius:0 6px 0 0; -moz-border-radius:0 6px 0 0; -webkit-border-radius:0 6px 0 0; -ms-border-radius:0 6px 0 0; -o-border-radius:0 6px 0 0;}

.calview tr td.regular-booking .calbook, .calview tr td.regular-booking .time {color:#fff;}
.calview tr td.club-tournament .calbook, .calview tr td.club-tournament .time {color:#fff;}
.calview tr td.provincial-tournament .calbook, .calview tr td.provincial-tournament .time {color:#fff;}
.calview tr td.private-lessons .calbook, .calview tr td.private-lessons .time {color:#fff;}
.calview tr td.mixed-club-night .calbook, .calview tr td.mixed-club-night .time {color:#fff;}
.calview tr td.house-league .calbook, .calview tr td.house-league .time {color:#fff;}
.calview tr td.ldies-night .calbook, .calview tr td.ldies-night .time {color:#fff;}
.calview tr td.mens-night .calbook, .calview tr td.mens-night .time {color:#fff;}
.calview tr td.clinic .calbook, .calview tr td.clinic .time {color:#fff;}
.calview tr td.maintenance .calbook, .calview tr td.maintenance .time {color:#fff;}





table.calendar {text-align:center;color:#848383;font:normal 14px 'robotoregular';border-collapse: collapse; width:80%;}
table.calendar tr th {background-color:#009ebd; font:normal 14px 'robotomedium'; color:#fff; width:12%; padding:14px 6px; display:table-cell;}
table.calendar tr td {font:normal 14px 'robotoregular'; color:#848383; width:12%; padding:20px 6px 10px 6px; border:1px solid #eaeaea; display:table-cell;}
table.calendar tr td .time {font:normal 14px 'robotoregular'; color:#848383; width:100%; display:block; margin-bottom:10px;}
table.calendar tr td .timered {font:normal 14px 'robotoregular'; width:100%; display:block; margin-bottom:10px;}
table.calendar tr td .calbook {font:normal 14px 'robotomedium'; color:#009ebd; width:100%;display:block; margin-bottom:10px;}
table.calendar tr td .calbook {font:normal 14px 'robotomedium'; width:100%;display:block; margin-bottom:10px;}
table.calendar tr td:hover .calbook {color:#f64807;}

table.calendar tr th:first-child {border-radius:6px 0 0 0; -moz-border-radius:6px 0 0 0; -webkit-border-radius:6px 0 0 0; -ms-border-radius:6px 0 0 0; -o-border-radius:6px 0 0 0;}
table.calendar tr th:last-child {border-radius:0 6px 0 0; -moz-border-radius:0 6px 0 0; -webkit-border-radius:0 6px 0 0; -ms-border-radius:0 6px 0 0; -o-border-radius:0 6px 0 0;}

table.calendar tr td.regular-booking .calbook, table.calendar tr td.regular-booking .time {color:#fff;}
table.calendar tr td.club-tournament .calbook, table.calendar tr td.club-tournament .time {color:#fff;}
table.calendar tr td.provincial-tournament .calbook, table.calendar tr td.provincial-tournament .time {color:#fff;}
table.calendar tr td.private-lessons .calbook, table.calendar tr td.private-lessons .time {color:#fff;}
table.calendar tr td.mixed-club-night .calbook, table.calendar tr td.mixed-club-night .time {color:#fff;}
table.calendar tr td.house-league .calbook, table.calendar tr td.house-league .time {color:#fff;}
table.calendar tr td.ldies-night .calbook, table.calendar tr td.ldies-night .time {color:#fff;}
table.calendar tr td.mens-night .calbook, table.calendar tr td.mens-night .time {color:#fff;}
table.calendar tr td.clinic .calbook, table.calendar tr td.clinic .time {color:#fff;}
table.calendar tr td.maintenance .calbook, table.calendar tr td.maintenance .time {color:#fff;}

.fieldsec h3 {color:#666666;font-size:20px; float:left; width:100%; margin:0 0 30px 0;font-family: 'robotoregular'; font-weight:normal;}
.fieldsec h5 {color:#848383;font-size:16px; float:left; width:100%; margin:0 0 10px 0;font-family: 'robotoregular'; font-weight:normal;}
.flheight {min-height:72vh;}
.forgot-links .foremail {float:left; width:auto;}
.forgot-links .forpass {float:right; width:auto;}
.forgot-links {margin:0 0 50px 0; float:left; width:100%;}

.forgot-links .foremail { float: left;font-family: 'ralewaysemibold';font-size: 14px;}	
.forgot-links .foremail:hover {color:#016a93;}	

.commentb a.calbluebtn {float:none;}

.learnplaysec h3 {color:#666666;font-size:20px; float:left; width:100%; margin:0 0 20px 0;font-family: 'robotoregular'; font-weight:normal;}
.learnplaytb {    text-align: center;color: #848383;font: normal 14px 'robotoregular';border-collapse: collapse;width:100%;}
	
.learnplaytb tr th {background-color:#009ebd; font:normal 14px 'robotomedium'; color:#fff; padding:8px 6px; display:table-cell;}
.learnplaytb tr td {font:normal 14px 'robotoregular'; color:#848383; padding:8px 6px; border:1px solid #eaeaea; display:table-cell;}
.learnplaytb tr th:first-child {border-radius:6px 0 0 0; -moz-border-radius:6px 0 0 0; -webkit-border-radius:6px 0 0 0; -ms-border-radius:6px 0 0 0; -o-border-radius:6px 0 0 0;}
.learnplaytb tr th:last-child {border-radius:0 6px 0 0; -moz-border-radius:0 6px 0 0; -webkit-border-radius:0 6px 0 0; -ms-border-radius:0 6px 0 0; -o-border-radius:0 6px 0 0;}
.learnplaysec {padding:0 0px 40px 0px;}

.learnplaytb tr:nth-child(even) {background-color:#f9f9f9;}
.learnplaytb tr:nth-child(odd) {background-color:#f4f3f3;}

.learnplaytb a.calbluebtn {margin:0px;float:none;padding: 8px 14px;}
.learnplaytb tr td.memtxcolor {color:#ed4848;}
.learnplaytb .cell p.memtxcolor {color:#ed4848;}


/* Nice code started here
============================================================== */

#table {display: table;width: 100%; background: #fff;margin: 0;box-sizing: border-box;}
#membership {display: table;width: 100%; background: #fff;margin: 0;box-sizing: border-box;}
#table2 {display: table;width: 100%; background: #fff;margin: 0;box-sizing: border-box;}
.learnplaytb .header-row {background-color:#009ebd; font:normal 14px 'robotomedium'; color:#fff; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; -ms-border-radius:6px 6px 0 0; -o-border-radius:6px 6px 0 0;}
.learnplaytb .row {display: table-row;}
.learnplaytb .cell {display: table-cell;border-bottom: 1px solid #e5e5e5;text-align: center;  font:normal 14px 'robotoregular'; color:#848383; padding:10px 6px; border:1px solid #eaeaea;vertical-align:middle;width: auto;}

.learnplaytb input[type="radio"] {display:none}
 .learnplaytb input[type="checkbox"] {display:block;}
.learnplaytb .cell p {margin:0px;}
.learnplaytb .header-row .cell {padding:16px 6px;font:normal 14px 'robotomedium'; border:0px; color:#fff;}
a.campregister {background-color:#ef6b3a; color:#fff;}
a.campregister:hover {background-color:#fb703c;}
.bluetlessons {font:normal 14px 'robotoregular';color:#fff; background-color:#009ebd; padding:10px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; display:inline-block; margin-top:10px;}

.deshboardsec .top-buttonsec a.NewButton {border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px;color:#666666;float:left;font-family:'robotomedium';font-size: 11px;margin-bottom: 15px;margin-right: 20px;padding: 8px 14px;text-transform:uppercase;width:auto; background-color:#eaeaea; border:0px;}
.deshboardsec .top-buttonsec a.NewButton:hover {background-color:#009ebd;color:#fff;}


@media all and (-ms-high-contrast:none)
     {
     .inner-footer {padding:20px 0; margin:10px 0 20px 0;} /* IE10 */
     *::-ms-backdrop, .inner-footer {padding:20px 0; margin:10px 0 20px 0;} /* IE11 */
}

@media screen and (min-width:0?) and (min-resolution: +72dpi) {  
  .inner-footer {padding:20px 0; margin:10px 0 20px 0;}
}

/* Nice code ended here
============================================================== */

/* mobile css start here
===============================================================================================================================
=============================================================================================================================== */


@media only screen and (max-width: 970px) { 
.main-wrapper { padding:0px;width:100%;display:inline-block;}
div.smarteformTabsContent { padding:0px;width:100%;display:inline-block;}
#calendar { padding:0px;width:100%;display:inline-block;}
#headerSecNav .main-wrapper {padding:0 15px;}
#headerSecNav {width: 100%;}
#headerSecNav UL.top-links {width:auto;}
#headerSecNav UL LI {padding-left:10px;}
.main-container {margin-top:-40px;}
/*changehere*/
div.smarteformTabs {margin-top:-20px;}
#calendarfrm {margin-top:60px;}
.platform-section {padding: 40px 20px;width: 100%;padding: 40px 0 0 0;background-color: transparent;}	
.registrationsec {width:100%;}
.loginsec {margin-top: 0;padding:30px 20px 30px;width: 100%; margin-right:0; float:left;box-shadow: none; -webkit-border-radius: 0px 0px 4px 4px; -moz-border-radius: 0px 0px 4px 4px; -ms-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px;}
.registrationsec h1 { font-size:18px;}
.donation-section {display:none;}
ul.reglist li {text-align:center;}
ul.reglist li h5, .loginsec h2 {font-size:18px;line-height: 24px;}
ul.reglist li a.NewButton {margin:0 auto 20px; float:none; display:table; clear:both;}
.loginsec h2 {margin: 0 0 30px;}
.loginsec p {margin: 0 0 40px;font-size: 14px;}
.loginsec input[type="text"], .loginsec input[type="password"] {margin-bottom: 20px;}
.loginsec .JegyButton { font-size: 14px;    line-height: 14px;}
.loginsec .signupbtn {font-size: 14px;    line-height: 14px;}
.loginsec .forpass {margin:0;}
.copyright-sec {font-size: 16px;}
.loginsecbg { background: #0088ab; /* Old browsers */background: -moz-linear-gradient(top, #0088ab 0%, #0098b9 50%, #008aad 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #0088ab 0%,#0098b9 50%,#008aad 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #0088ab 0%,#0098b9 50%,#008aad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0088ab', endColorstr='#008aad',GradientType=0 ); /* IE6-9 */     float: left;padding:0px 15px 70px 15px;
    width: 100%;}
.body-bg {background:none;}
.registrationsecbg {padding:0 15px;margin-top: 0px;float:left;width:100%;}
.registrationsecbg .registrationsec {border-radius: 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; box-shadow:0 0 16px rgba(0, 0, 0, 0.15); -webkit-box-shadow:0 0 16px rgba(0, 0, 0, 0.15); -moz-box-shadow:0 0 16px rgba(0, 0, 0, 0.15); -ms-box-shadow:0 0 16px rgba(0, 0, 0, 0.15); background-color:#fff;    padding:22px 15px 0px 15px;
    text-align: center;}

.platform-section {box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none;}
.donation-section-mobile {display:block;    float: left;display:flex;     border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0;
    overflow: hidden;width: 100%;border-bottom:1px solid #e9e9e9;}
	
.donation-section-mobile a.loginButtonNew{color:#f64807;font-size:11px; float:left; width:auto; margin-bottom:0;margin-right:0px; border:none; padding:8px 8px 15px; background:#fff;  text-transform:uppercase;    width:50%;border-right:1px solid #e9e9e9;}
.donation-section-mobile a.loginButtonNew:last-child {border-right:0px;}
.donation-section-mobile a.loginButtonNew:hover{-webkit-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);}
.donation-section-mobile a.loginButtonNew span{float:left; width:auto; color:#f64807;font-family: 'robotomedium'; font-size:10px;line-height:18px;}
.donation-section-mobile a.loginButtonNew img{float:left; width:18px; margin-left:4px;}
ul.reglist li {background:url(themes/mobile/images/devider.png) no-repeat bottom center;padding-bottom: 20px;margin-bottom: 25px; background-size:125px;}
ul.reglist li:last-child {background:none;padding-bottom:0px;margin-bottom:10px;}
.donation-section-mobile a.loginButtonNew strong {margin:0 auto;width: auto;display: table;clear: both;padding: 0;font-weight: normal;}
.loginButtonNewmobile {color:#f64807;font-size:11px; float:none; width:auto;border:none; padding:10px 15px 8px; background:#fff; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; text-transform:uppercase;-webkit-box-shadow:0 1px 10px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 10px 0 rgba(0, 0, 0, 0.1);box-shadow:0 1px 10px 0 rgba(0, 0, 0, 0.1); 
display:table;    color: #f64807; margin:0 auto 24px auto;font-family: 'robotomedium';font-size: 10px;}
.loginButtonNewmobile:hover{-webkit-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);}
.loginButtonNewmobile span{float:left; width:auto;    line-height: 17px;}
.loginButtonNewmobile img{float:left; width:auto; margin-left:10px; height:18px;}
.homeicon {background:url(themes/mobile/images/Home.jpg) no-repeat left center;padding-left:22px;padding-top: 4px;}
.loginicon {background:url(themes/mobile/images/Login.jpg) no-repeat left center;padding-left: 24px;padding-top: 2px;}
.topdnt {}
.loginsec input[type="text"], .loginsec input[type="password"] {font-size: 14px;}
.loginsec .signupbtn {margin-bottom:0;}
.ipad-container {float:none;position: relative;width: 100%;}
.loginsecbg {position: static;right: 0;top: 0;}

}


@media only screen and (min-width : 768px) and (max-width : 974px)  { 

.ipad-container {width:100%; margin:0 auto; display:table; clear:both;}
.loginsecbg {background:none;}
.body-bg {background: #0088ab; /* Old browsers */background: -moz-linear-gradient(top, #0088ab 0%, #0098b9 50%, #008aad 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #0088ab 0%,#0098b9 50%,#008aad 100%); /* Chrome10-25,Safari5.1-6 */background:linear-gradient(to bottom, #0088ab 0%,#0098b9 50%,#008aad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0088ab', endColorstr='#008aad',GradientType=0 ); /* IE6-9 */}
.copyright-sec {color:#fff;}
.loginButtonNewmobile {color:#f64807;font-size:11px; float:none; width:auto;border:none; padding:10px 15px 8px; background:#fff; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; text-transform:uppercase;-webkit-box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.2);box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.2); 
display:table;color:#f64807;margin:0 auto 24px auto;font-family:'robotomedium';font-size: 10px;font-weight: 600;}
.loginButtonNewmobile:hover{-webkit-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);}
.loginButtonNewmobile span{float:left; width:auto;}
.loginButtonNewmobile img{float:left; width:auto; margin-left:10px; height:16px;}
.main-wrapper {padding: 0 20px;width: 100%;}
div.smarteformTabsContent {padding: 0 20px;width: 100%;}
#calendar {padding: 0 20px;width: 100%;}
.platform-section {width:100%;}
.innerpage-container {margin-top:100px;}
.main-listing .inner-list {width:44%;}
.main-listing .inner-list:nth-child(2n) {margin-right:0;}
.deshboardsec .donation-section {display:block; float:left;}
.right-profileimg {clear: both;display: table;float: none;margin: 0 auto 30px;width: 300px;padding-left: 0%;}
.fieldsec {display: block;float: none;margin: 0 auto;width: 420px;}
.register-section {width:90%;}
.membership-sec, .programs-sec {width:48%;}
.membership-sec {margin:0 4% 0 0;}
.register-section p br {display:none;}
.loginsec {padding:30px 80px 30px;}



}

@media only screen and (min-width : 768px) and (max-width : 1024px)  { 
.right-profileimg {clear: both;display: table;float: none;margin: 0 auto 30px;width: 300px;}
.fieldsec {display: block;float: none;margin: 0 auto;width: auto;}
ul.calheaderlist li {margin:0 20px 0 0;}
a.calheaderdaylink {margin:0 20px 0 0;}
.calview {width:100%;}
table.calendar {width:100%;}
.learnplaysec {padding: 0 0px 30px 0px;width: 600px;margin: 0 auto;display: block;float: none;}
a.calbluebtn, a.calbluebtnactive {margin-right:10px;}
a.campregister {float:left;}

.copyright-sec a {color:#92e8ff;}



}

@media only screen  and (max-width:975px)  { 
.platform-section {margin-top: 50px;}
}
@media only screen and (min-width:976px) and (max-width:1366px)  { 
.main-wrapper {padding: 0 30px; width:100%;}
div.smarteformTabsContent {padding: 0 30px; width:100%;}
#calendar {padding: 0 30px; width:100%;}
.platform-section {width:100%; margin-top: 20px;}
.loginsecbg {float: right;width: 38%;}
.registrationsecbg {float:left;width:56%;}
.registrationsec {width:100%;}	
.loginsec {width: 100%;margin-right: 10px;}	
.ipad-container {width:100%;}
.loginsec {margin-top:-70px;}
.platform-section {padding: 40px 30px 0;}
.main-listing .inner-list:nth-child(4n) {margin-right: 0;}
.main-listing .inner-list {padding:14px;width:31%; margin:0 3% 30px 0;}
.main-listing .inner-list:nth-child(4n) {margin-right:3%;}
.main-listing .inner-list:nth-child(3n) {margin-right:0;}
#headerSecNav.heightauto UL.top-links {width:auto;}


}

@media only screen and (min-width:1025px) and (max-width:1400px)  { 
.main-listing .inner-list {padding:14px 10px 10px 10px;width:23%;margin:0 2% 30px 0;}
.main-listing .inner-list:nth-child(3n) {margin-right:2%;}
.main-listing .inner-list:nth-child(4n) {margin-right:0;}
.titlesec-img span.titlerightsec {width:82%;}
.titlesec-img {padding-bottom:14px; margin-bottom:14px;}
.fieldsec {margin-left: 16%; width:40%;}
.right-profileimg {width:100%;}
.copyright-sec a {color:#92e8ff;}
}




@media only screen and (min-width:976px) and (max-width:1200px)  { 
	.deshboardsec .donation-section {float:left;}	
	
}


@media only screen and (max-width: 767px) { 
#sitelogo{width:150px; }
.userame { font: 14px "robotobold";margin: 70px 0 0 10px;}
/*.deshboardsec {margin-top:60px;}*/
div.smarteformTabs {margin-top: 0px;}
#headerSecNav {height:auto; }
#headerSecNav.heightauto {height:auto;}
#headerSecNav.heightauto ul.top-links { margin-top: 25px; width:100%; float:left;}
#headerSecNav.heightauto ul.top-links li:first-child {padding-left:0px;}
.nubillamt {font:14px "robotomedium";padding:40px 15px; text-align:right;}
.padding30 {padding:30px 15px 0;}
.deshboardsec a.NewButton {margin:0 auto 15px auto; float:none; display:table; clear:both;}
.main-listing .inner-list {margin:0 0 20px;padding:14px; width:100%;}
.deshboardsec .donation-section a.loginButtonNew {display:table; margin: 0 auto 15px;clear:both; float:none;}
.deshboardsec .top-buttonsec .donation-section a.loginButtonNew:last-child {margin-right:auto;}
.deshboardsec .donation-section {display:block;  width: 100%;}
.fieldsec {margin-left:0;width:100%;}
.right-profileimg {margin-bottom: 0px;width: 100%; padding-left: 0%;background: white;
padding-bottom: inherit}
.formcontainer {padding:20px 0 20px 0;}
.fluidwidth {margin:30px 0 30px 0;}
.register-section {width:100%;display:inherit;}
.membership-sec {margin:0 0 30px 0; width:100%;}
.programs-sec {width:100%;}
.register-section p br {display:none;}
.membership-sec h4, .programs-sec h4 {font:normal 16px 'robotomedium'; margin:0 0 20px 0;}
.membership-sec p, .programs-sec p {font:normal 13px 'robotoregular'; margin:0 0 20px 0;}
.membership-sec a.registergreen, .programs-sec a.registerblue {margin:0 15px 20px 15px;font:normal 12px 'robotobold'; padding:8px 20px;}
ul.bulletlistview li {font:normal 13px 'robotoregular'; background-position:0 1px;background-size: 13px auto; padding:0 0 0 20px;}
.mobtop15 {margin-top:15px;}
.fieldsec input[type="submit"].greenbtn {padding:10px 12px;font-size:16px;min-width:100px;}
.fieldsec h3 {font-family: 'ralewaybold';font-size:16px;}
.flheight {min-height: 64vh;}
/* calander css*/
ul.cal-booking-list li p {font:normal 13px 'robotoregular';}
ul.calheaderlist {display:flex;flex-wrap:wrap;}
#caldaylink {display:flex;flex-wrap:wrap;}
ul.calheaderlist li:nth-child(4n) {margin:0 0 0 0;}
.calheader {padding:15px 15px 8px 15px;}
#calendarHeader {padding:15px 15px 8px 15px;}
ul.calheaderlist li {margin:0 20px 10px 0;}
a.calheaderdaylink {margin:0 20px 10px 0;}
.caltablesec {padding:0 15px 30px 15px;}
table.calendar {padding:0 15px 30px 15px;}
.calview {width:100%;}
.calview tr td .time {font:normal 13px 'robotoregular';}
.calview tr td .timered {font:normal 13px 'robotoregular';}
.calview tr td .calbook {font:normal 13px 'robotomedium';}
.calview tr td .calbookred {font:normal 13px 'robotomedium';}

table.calendar {width:100%;}
table.calendar tr td .time {font:normal 13px 'robotoregular';}
table.calendar tr td .timered {font:normal 13px 'robotoregular';}
table.calendar tr td .calbook {font:normal 13px 'robotomedium';}
table.calendar tr td .calbookred {font:normal 13px 'robotomedium';}
ul.cal-booking-list li {margin:0 4% 20px 0;width:48%;}
ul.cal-booking-list li:nth-child(2n) {margin:0 0 20px 0;}
.calview tr th {font:normal 13px 'robotomedium';}
table.calendar tr th {font:normal 13px 'robotomedium';}
ul.cal-booking-list li span {width: 18px;height: 18px;margin-right:6px;}

#smarteform {
background: linear-gradient(to bottom, #0088ab 0%,#0098b9 50%,#008aad 100%);
padding-top: 100px;
}

}

@media only screen and (min-width:110px) and (max-width:320px)  { 
ul.calheaderlist li:nth-child(4n) {margin:0 20px 10px 0;}
.cal-button-sec a.calbluebtnactive, .cal-button-sec a.calbluebtn {font-size: 10px;margin-right: 10px;padding: 8px 10px;}
ul.cal-booking-list li p {font:normal 11px 'robotomedium';}
h1.error {
			 margin-top: 65px;
	
}
}

@media only screen and (min-width:110px) and (max-width:460px)  { 
.titlesec-img span.titlerightsec {width:86%;}
h1.error {
			 margin-top: 65px;
	
}


}

@media only screen and (min-width:360px) and (max-width:460px)  { 
.titlesec-img span.titlerightsec {width:89%;}
h1.error {
			 margin-top: 65px;
	
}
}



@media only screen and (min-width:510px) and (max-width:767px)  { 
.main-listing .inner-list {padding:14px;width:46%; margin:0 3% 30px 0;}
.main-listing .inner-list:nth-child(4n) {margin-right:3%;}
.main-listing .inner-list:nth-child(2n) {margin-right: 0;}
#headerSecNav.heightauto ul.top-links {margin-top: 70px;width: auto;float: right;}
.deshboardsec a.NewButton {clear: none;float: left;margin: 0 15px 15px 0;}	
.deshboardsec .donation-section {float:left; display:block;}
.deshboardsec .donation-section a.loginButtonNew {display:table; margin:0 10px 15px 0; clear:none; float:left;}
.titlesec-img span.titlerightsec {width:85%;}
.register-section {display:flex;}
.membership-sec, .programs-sec {width:48%;}
.membership-sec {margin:0 4% 0 0;}
.calendar-info a.calbluebtn, .calendar-info a.calbluebtnactive {margin-right:10px;}
ul.calheaderlist li {margin:0 10px 10px 0;}
a.calheaderdaylink {margin:0 10px 10px 0;}
ul.calheaderlist li:nth-child(4n+5) {margin:0 10px 10px 0;clear:both;}
ul.calheaderlist li:nth-child(4n) {margin:0 10px 10px 0;}
ul.cal-booking-list li, ul.cal-booking-list li:nth-child(2n) {margin: 0 20px 20px 0;width: auto;}

}


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

		#table {display: block;margin:0; padding: 20px; box-shadow:0 0 6px rgba(0,0,0,0.2); border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px;  float:left;}
		#table2 {display: block;margin:0; padding: 20px; box-shadow:0 0 6px rgba(0,0,0,0.2); border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px;  float:left;}
		#membership {display: block;margin:0; padding: 20px; box-shadow:0 0 6px rgba(0,0,0,0.2); border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px;  float:left;}
		.learnplaytb .row { position: relative;display: block;border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; background-color:#eaeaea; margin-bottom:30px; float:left; width:100%;}
		.learnplaytb .header-row {display:none;}		
		.learnplaytb .cell { display: block;border: none;position: relative;height: auto;text-align: left; padding:15px; float:left; width:100%;}
		.learnplaytb .primary:after {content: "";display: block;position: absolute;right:20px;top:18px;z-index: 2;width: 0;height: 0;}
		.learnplaytb .cell:nth-of-type(n+2) {display: none;}
		.learnplaytb input[type="radio"] {display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
   opacity: 0;
    left: 0px;}      
.learnplaytb input[type="checkbox"] {/*display: block;*//*position: absolute;*/z-index: 1;/*width:100%;*/ /*height: 100%;*/opacity: 0.5; /*left:0px; */}      
    .learnplaytb input[type="radio"]:checked, .learnplaytb input[type="checkbox"]:checked {z-index: -1;}
		.learnplaytb input[type="radio"]:checked ~ .cell, .learnplaytb input[type="checkbox"]:checked ~ .cell {display: block;}
		.learnplaytb input[type="radio"]:checked ~ .cell:nth-of-type(n+2), .learnplaytb input[type="checkbox"]:checked ~ .cell:nth-of-type(n+2) {background-color:#fff; border:0; border-left:1px solid #f18056; border-right:1px solid #f18056; border-bottom:1px solid #eaeaea;}
		.learnplaytb input[type="radio"]:checked ~ .cell:nth-of-type(n+2):before, .learnplaytb input[type="checkbox"]:checked ~ .cell:nth-of-type(n+2):before {
			content: attr(data-label);display: inline-block;width:100%;font:normal 15px 'robotomedium'; color:#666666;}
span.desknone {border-bottom:1px solid #f18056 !important;}
		.learnplaytb input[type="radio"]:checked ~ .primary, .learnplaytb input[type="checkbox"]:checked ~ .primary  {background-color:#f18056; color:#fff; border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -o-border-radius:6px 6px 0 0;padding:15px;}
.learnplaytb input[type="radio"]:checked ~ .primary ul.mobilethhead li, .learnplaytb input[type="checkbox"]:checked ~ .primary ul.mobilethhead li {border-bottom:1px solid #e8dbdb;}
.learnplaytb input[type="radio"]:checked ~ .primary ul.mobilethhead li:last-child, .learnplaytb input[type="checkbox"]:checked ~ .primary ul.mobilethhead li:last-child {border-bottom:trasparent; padding-bottom:0px; margin-bottom:0px;}
.learnplaytb input[type="radio"]:checked ~ .primary .dsnone, .learnplaytb input[type="checkbox"]:checked ~ .primary .dsnone {display:none;}
.learnplaytb input[type="radio"]:checked ~ .primary .dsnone:before, .learnplaytb input[type="checkbox"]:checked ~ .primary .dsnone:before {display:none;}
		.learnplaytb input[type="radio"]:checked ~ .primary:after, .learnplaytb input[type="checkbox"]:checked ~ .primary:after {position: absolute;right:18px;top:22px;z-index: 2;}
		p.deskth, span.deskth {display:none !important;}
		ul.mobilethhead {margin:0px;padding:0px; list-style:none;}
		.learnplaytb .cell h5 {margin:0px;padding:0px; color:#666666; font:normal 16px 'robotomedium'; margin-bottom:4px;}
		.learnplaytb .cell p {color:#848383;font:normal 14px 'robotoregular';}
		ul.mobilethhead p {font:normal 14px 'robotoregular';margin-bottom:10px; color:#848383;} 
		h4.mbtlhd {color:#fff; background-color:#009ebd;font:normal 16px 'robotomedium'; margin:0px; width:100%; padding:12px 15px;border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -o-border-radius:6px 6px 0 0;}
		.learnplaysec h3 {float:none;}
		.learnplaysec {padding:0 0px 30px 0px;}
		ul.mobilethhead li {border-bottom:1px solid #e8dbdb; padding-bottom:14px; margin-bottom:14px;}
		ul.mobilethhead li:last-child {border-bottom:0px;}
		.learnplaytb input[type="radio"]:checked ~ .primary h5, .learnplaytb input[type="radio"]:checked ~ .primary p, .learnplaytb input[type="checkbox"]:checked ~ .primary h5, .learnplaytb input[type="checkbox"]:checked ~ .primary p {color:#fff;}
		.learnplaytb .cell br {display:block;} 		
		.learnplaytb a.calbluebtn {float:left; margin:10px 0 0 0;}		
		.learnplaytb input[type="radio"]:checked ~ .primary ul.mobilethhead li.campdate, .learnplaytb input[type="checkbox"]:checked ~ .primary ul.mobilethhead li.campdate {margin:0px; padding:0px; border-bottom:0px;}
				
	}

@media only screen and (min-width: 1025px)  {
	ul.mobilethhead, span.desknone, h4.mbtlhd {display:none !important;}	
	p.deskth {display:block;}
	a.campregister {float:right;}
	.copyright-sec a {color:#92e8ff;}

}



/* **********************new code*/


.imagestyle{
float: left !important;
/*!
padding-right: 0px !important;
padding-top: 0px !important;
width: 300px !important;
*/
}


.LocationNewWeb {
    padding-left: 0px !important;
}
form label {
float: left;
width: 100%;
margin-bottom: 10px;
font: 14px 'robotoregular';
color: #000;
text-align: left;
font-weight: bold;
}

form input{

width: auto;
margin-bottom: 0px;
border: 1px solid black !important;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
font: 14px 'robotoregular';
color: #666666;
padding: 8px 14px;
margin: 0px;
}

input[type="button"] {
padding:12px 15px; 
background:#f64807; 
border-radius: 24px; 
-webkit-border-radius: 24px; 
-moz-border-radius: 24px; 
-ms-border-radius: 24px; 
color:#fff; margin-bottom:20px; 
font-size:18px; 
width: auto;
text-transform:uppercase; 
text-align:center;
font-family: 'ralewaybold'; 
border:0px; 
min-width:134px; 
margin-bottom:0px; 
/*margin-left: 40%;*/
margin-top: 10px;
float: inherit;
margin-right: auto;
}

input[type="button"]:hover {background:#ec4203;color:#fff;}

.top-buttonsec{margin-bottom: 10px;}

form select{
width: auto;
margin-bottom: 0px;
border: 1px solid #eaeaea;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
font: 14px 'robotoregular';
color: #666666;
background: #ffffff url("../getFile?id=80&recordid=69&fieldName=File%20To%20Upload") no-repeat scroll 98% 50%;
    background-size: auto auto;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
-webkit-appearance: none;
appearance: none;
background-size: 14px auto;
margin: 0px;
}

/*
input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width: 2em; 
 display:inline; 
 
  padding: 0;
  font-size : 1em;
opacity: 0.5; 
  line-height: 1.5em;
  margin: 0px;
  color: #666666;
background: url("../getFile?id=80&recordid=70&fieldName=File%20To%20Upload") no-repeat;
}
*/

#rdOnly {
width: auto;
/*!margin-left: 28%;*/
/*! margin-right: 50px; */
/*! padding-left:5px; */
margin-top: -30px;
/*! float: right; */
/*!width: 100%;*/
/*! padding: 30px 0 5px; */
margin-bottom: 10px;
list-style: none;
/*! border-bottom: 1px solid #eaeaea; */
/*! border-top: 1px solid #eaeaea; */
/*! margin-top: 0px; */
/*! text-align: left; */
float: left;
}


/*
input[type="radio" i] {
    -webkit-appearance: radio !important;
}
input[type="checkbox" i] {
    -webkit-appearance: checkbox !important;}
*/
#smarteform {
 
padding-left: 15px;
    padding-right: 15px;
margin-top: 15px;
}

p.buttonDiv {
    padding: 0px;
    margin: 0px !important;
    text-align: center;
    width: 100%;
    margin-top: 20px;
}
.learnplaytb .primary {display:none}

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

a.calbluebtnactivechen {
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    color: #fff;
    float: left;
    font-family: 'robotomedium';
    font-size: 11px;
    margin-bottom: 15px;
    /* margin-right: 20px; */
    padding: 8px 14px;
    text-transform: uppercase;
    width: auto;
  background: #f64807;
}
a.calbluebtnactivechen:hover {
background-color: #009ebd;
}
a.calbluebtnactivechennext {
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    color: #fff;
    float: left;
    font-family: 'robotomedium';
    font-size: 14px;
    margin-bottom: 15px;
    /* margin-right: 20px; */
    padding: 8px 14px;
    text-transform: uppercase;
    width: auto;
  background: #f64807;
}
a.calbluebtnactivechennext:hover {
background-color: #009ebd;
}

.learnplaytb .primary {display:block}
.topnext-prev-section {
    float: none !important;
    width: auto !important;}
input[type="button"]{font-size: 13px}

.deshboardsec a.NewButton{
    /*background: #eee -webkit-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100% ) !important;*/
white-space: normal;
    display: inline-block;
margin-top: 0px;
margin-bottom:0px;
/*margin-left: 28% !important;*/
    width: 100%;
}
#CalendarMonthViewYearSelect {
    margin: 10px 0px !important;
}
#CalendarMonthViewMonthSelect {
    margin: 0px !important;
}
.learnplaytb a.calbluebtn {
    float: none !important;
margin: 10px 0px 10px 0px !important;
    padding: 5px 3px;
}

.learnplaytb .cell p {
    margin: 0px;
    text-align: center;
}


div#loginPanel {
   
 margin-left: 0% !important;
    margin-right: 0% !important;
    margin-top: -60px;
    padding: 70px 15px 70px 15px !important;
    background: linear-gradient(to bottom, #0088ab 0%,#0098b9 50%,#008aad 100%);


}
div#loginButton {
    padding-left: 25px !important;
}

div#loginPanel form label {
    margin-top: 0px !Important;
    float: left !Important;
    /* display: block; */
    padding: 9px !Important;
    margin: 3px 0 0 0 !Important;
    /* display: block; */
    width: 90px;
    text-align: right ;
    /* margin-left: 70px; */
}
div#loginPanel form input {
    float: none !important;
    width: 200px;
}
div#loginPanel form input[type="submit"] {
    float: initial;
    width: auto;
}
div#loginPanel #smarteform {
    padding-top: 0px !important;
background:white;
}
}

.topnext-prev-section {
    float: inherit;
    width: 685%;}

#CalendarMonthViewMonthSelect {
    margin: 15px;
}

.deshboardsec a.NewButton {

    border: 1px solid #c6c6c6;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    color: #666666;
    float: none;
    font-size: 11px;
    /*margin-bottom: 35px;*/
    margin-right: 20px;
    padding: 8px 14px;
    text-transform: uppercase;

    margin-left: 0px;
text-align: center;
}
#CalendarMonthViewYearSelect {
    margin: 0 0px 0 0;
}

a.calbluebtnactivechen {
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    color: #fff;
    float: none;
    font-family: 'robotomedium';
    font-size: 11px;
    margin-bottom: 15px;
    /* margin-right: 20px; */
    padding: 8px 14px;
    text-transform: uppercase;
    width: auto;
    background: #f64807;
}
a.calbluebtnactivechen:hover {
background-color: #009ebd;
}
a.calbluebtnactivechennext {
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    color: #fff;
    float: none;
    font-family: 'robotomedium';
    font-size: 14px;
    margin-bottom: 15px;
    /* margin-right: 20px; */
    padding: 8px 14px;
    text-transform: uppercase;
    width: auto;
    background: #f64807;
}
a.calbluebtnactivechennext:hover {
background-color: #009ebd;
}
div#loginButton {
    padding-left: 0px;
}
div#loginLink {
    padding-left: 0px !Important;
    padding-top: 5px;
    padding-bottom: 30px;
}
div#loginPanel {
    padding-left: 0px;
    padding-bottom: 0px;
    margin-left: 30%;
    margin-right: 30%;
    text-align: center;
    lable: center;
}
div#loginPanel form label {
    margin-top: -30px;
    float: left;
    display: block;
    padding: 9px;
    margin: 3px 0 0 0;
    display: block;
    float: left;
    width: 90px;
    text-align: right;
    margin-left: 70px;
}
div#loginPanel form input[type="submit"] {
    float: none;
   
}
div#loginPanel form input {
    float: left;
   
}
@media only screen and (max-width: 767px){
.fieldsec {margin-top: -60px;
    padding: 0px 15px 10px 15px ;
    background: white;
    border-radius: 4px;
}
}
form .padding30
{
background: none !important;
}
@media only screen and (max-width: 1025px){

.loginsec #smarteform
{
padding-top: 0px;
}


ul.cal-booking-list li p {color:white}
.learnplaytb .bottomline
{
    border-bottom: 1px solid #f18056 !important;

}
.learnplaytb .bottomcenter
{
text-align:center;
}
.profile-container{
margin-top: -60px ;
    padding: 70px 0px 0px 0px !important;
}
form input {
    width: 100%;
}

#headerSecNav UL.top-links {
    width: auto;
}
form .padding30
{
background: #0086aa !important;
}
/*#smarteform {padding-top: 0px !important;}*/

.top-buttonsec a.NewButton {
    float: inherit  !important;
    clear: both;
  

     /* display: block !important;*/
 /* background: #eee -webkit-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100% ) !important;*/
padding-left: 0px;
width: auto;
    text-align: center;

    margin-left: 0px;
background: white !important;
    color: #f64807;
}
.top-buttonsec
{
padding-left: 0px;
display: block;
    float: none
}
.programs-sec,.membership-sec
{
background: white;
}


.nubillamt {
    font: 14px "robotomedium";
    padding: 0px 15px;
    text-align: right;
    padding-top: 10px;
    padding-bottom: 5px;
}
form input, form textarea {
    width: 100%;

}
#rdOnly{
/*float:right !important;*/
}
}


a.paymentactive{
border-radius: 24px;
-webkit-border-radius: 24px;
color: #fff;
float: left;
font-family: 'robotomedium';
font-size: 11px;
margin-bottom: 15px;
margin-right: 20px;
padding: 8px 14px;
text-transform: uppercase;
width: auto;
background-color: #f97850;
}
a.paymentactive:hover{
background-color: #009ebd
}
a.paymentactiveblue{
border-radius: 24px;
-webkit-border-radius: 24px;
color: #fff;
font-family: 'robotomedium';
font-size: 11px;
margin-bottom: 15px;
margin-right: 20px;
padding: 8px 14px;
text-transform: uppercase;
width: auto;
background-color: #009ebd;
}
a.paymentactiveblue:hover{
background-color: #f97850
}
a.calbluebtnnew {
    border-radius: 10px;
    /* -webkit-border-radius: 24px; */
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    color: #666666;
    float: left;
    font-family: 'robotomedium';
    font-size: 11px;
    margin-bottom: 15px;
    margin-right: 10px;
    padding: 4px 10px;
    text-transform: uppercase;
    width: auto;
    background-color: #eaeaea;
}
a.calbluebtnnew:hover {
    background-color: #009ebd;
    color: #fff;
}

a.calbluebtnnew1 {
    display: block;
   border-radius: 10px;
    /* -webkit-border-radius: 24px; */
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
       color: #fff;
    font-family: 'robotomedium';
    font-size: 11px;
     padding: 4px 10px;
    text-transform: uppercase;
     background-color: #009ebd;
}
a.calbluebtnnew1:hover {
   
 background-color: #eaeaea;
 color: #666666;
}

.fieldsec form input, form textarea{border: 1px solid #645f5f;}
.fieldsec #rdOnly {
    width: auto;
    margin-top: 0px;
  
    list-style: none;
    float: left;
    margin-left: 0px;
    padding-left: 0px;
}
.orangebtn{  
padding: 12px 15px;
    background: #f64807;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    color: #fff;
    margin-bottom: 20px;
    font-size: 18px;
    width: auto;
    text-transform: uppercase;
    text-align: center;
    font-family: 'ralewaybold';
    border: 0px;
    min-width: 134px;
    margin-bottom: 0px;
    /* margin-right: 40%; */
    margin-top: 10px;
}
.orangebtn:hover{  
color: #fff;
background: #ec4203;
}
a.NewButtonhead {
   
    clear: both;
display: inline-block;
    /* background: #eee -webkit-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100% ) !important; */
    width: auto;
    text-align: center;
    margin-left: 0px;
    background: white !important;
    color: #f64807 !important;
    border: 1px solid #f3eded;
    /* border: 1px solid #c6c6c6; */
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    color: #666666;
    float: none;
    font-size: 11px;
     margin-bottom: 15px; 
    margin-right: 20px;
    padding: 8px 14px;
    text-transform: uppercase;
    width: Auto;
    margin-left: 0px;
    text-align: center;
font-family: 'robotomedium';
}
.NewButtonhead:hover{-webkit-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 8px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);}
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

@media only screen and (max-width: 1025px) and (min-width: 768px)
{
#smarteform {
    background: white !important;}

ul.smarteformTabsNavigation
{
width: 100%;
}

a.calbluebtn
{
float: none; 
}
#headerSecNav UL.top-links {
    width: auto; 
}

}
@media only screen and (max-width: 1025px){.nubillamt {
    padding-top: inherit;
    padding-bottom: inherit;
}}
@media only screen and (max-width: 767px) { 
.loginsecbg {margin-top: -30px;}
}
@media only screen and (max-width: 970px) { 
.loginsecbg {padding: 0px 15px 20px 15px;}
.donation-section-mobile a.loginButtonNew{border-right: 1px solid #c4baba;}
}
@media only screen and  (max-width:768px)  { 
.copyright-sec a:link {

    font-size: 20px;
    color: #92e8ff;

}
a.calbluebtn,.deshboardsec .top-buttonsec a.NewButton {margin-right: 5px !important;
padding: 6px 6px!important;}

}
@media only screen and  (max-width : 768px)  { 
.copyright-sec {color: #f97850 !important; }

}
input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{

  font-weight: normal;
}
img{image-orientation: from-image;}
.rotate90{transform: rotate(90deg);}
.rotate180{transform: rotate(180deg);}
.rotate270{transform: rotate(270deg);}