/*
 The universal selector acts like a wildcard search, similar to regular expression matching in programming. Since in this case, the * isn�t preceded by another selector, all elements (in theory � some browsers don�t fully support it) is a match and therefore all margins and paddings of all elements are removed.
 */
* {
   padding:0;
   margin:0;
   font-family: 	"Trebuchet MS",Helvetica,Jamrul,sans-serif;
   font-size: 14px;
   /*color: black;*/
}

.container-grs{
padding:20px;
}

a {
  color: #1D417B; 
/*  color: green !important; */
/*  text-decoration: none; */
}

a:hover, a:focus {
  color: #1D417B;
  text-decoration: underline;
}

.nastar-main-content {
/*width: 600px;*/
}
 
/* usage: <div class="spacer">&nbsp;</div> */ 
.spacer {
	clear: both;
} 
 
hr.thin {
	height: 1px;
	border: 0;
	color: #333;
	background-color: #333;
	width: 90%;
}

/* USAGE: <div id="dottedline"></div> */
#dottedline {
  clear: both;
  background: transparent url(/sites/all/themes/nastar/images/dot.gif) 0 0 repeat-x;
  background-position:center;
  margin: 0;
  padding: 0;
  
  /* margin-top: 15px;
  padding-top: 20px;
  margin-bottom:10px;
  padding-bottom:10px;*/
  text-align: center;
  height: 1px;
  line-height: 1px;
  /*width: 1px;*/
  
  /*border:2px solid #000000*/
  
}

.text-small {
 	font-size:12px;
 }
 
 .special-user {
	/*font-weight:bold;*/
	color: red;
	}
	
.register-special-user {
	font-weight:bold;
	color: red;
	/*border: 1px solid;*/
	clear: both;  /* need this to keep the div box contained - turn on borders to see the difference */
  display:block; /* to keep divs on same line */
  /*float:left;*/ /* for ie to keep divs on same line */
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 0;
  font-size: 20px;
  font-style:italic;
  text-align: left;
	}
 
 /*  USAGE:
 	use with span tags and not divs to keep the text inline
 	<span class="highlight">
 */
.highlight {
	font-weight:bold;
	color: red;
}
 
 .highlight-big {
	font-weight:bold;
	font-size:18px;
	color: red;
	}
 
.error-message {
	font-weight:bold;
	color: red;
	}

.error-message-small {
	display:inline;
	color: red;
	font-size:12px;
	}
.register-highlight-header {

  /*float:right; *//* for ie to keep divs on same line */
	font-size: 16px;
	font-weight:bold;
	color: #ed2e43;
}

.register-highlight {

display:inline; /* to keep divs on same line */
  /*float:right; *//* for ie to keep divs on same line */
	font-size: 16px;
	font-weight:bold;
	color: #ed2e43;
}


.sameline {
	/*border: 1px solid;*/
	display:inline; /* to keep divs on same line */
	display:block; /* to keep divs on same line */
	width: 500px;
	text-align:center;
  /*float:left;*/ /* for ie to keep divs on same line */
  

}

.title {
  /* display: block;*/
  padding-top: 0;
  margin-top: 0;
  font-size: 34px;
  font-style: italic;
  font-weight: bold;
  text-align: left;
  color: #ed2e43;
  /*height: 34px;
  line-height: 34px;*/
  }
  
.title-detail {
	/*border: 1px solid;*/
  /* display: block;*/
  padding-top: 0;
  margin-top: 0;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  text-align: left;
  color: #ed2e43;
  height: 14px;
  line-height: 14px;
  }

.title-detailn {    /* n for "normal", as opposed to italic  */
	/*border: 1px solid;*/
  /* display: block;*/
  padding-top: 0;
  margin-top: 0;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #ed2e43;
  height: 14px;
  line-height: 14px;
  }



.season {
  display:inline; /* to keep divs on same line */
  float:right; /* for ie to keep divs on same line */
  padding-top: 0;
  margin-top: 8px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #000000;
  height: 18px;
  line-height: 18px;
  vertical-align:bottom;
  /*border:2px solid #000000*/
  }

.season2 {
    display:inline; /* to keep divs on same line */
    /*float: right;*/
    padding-top: 0;
    margin-top: 8px;
    font-size: 16px;
    font-weight: bold;
    /*text-align: left;*/
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
    color: #000000;
    color: #ed2e43;
    /*border:2px solid #000000*/
}

.season2change {
    display:inline; /* to keep divs on same line */
    float: right;
    padding-top: 0;
    margin-top: 8px;
    font-size: 16px;
    font-weight: bold;
    /*text-align: left;*/
    font-size: 20px;
    font-style: italic;
    color: #000000;
    /*border:2px solid #000000*/
}


.resort-title {
  display:inline-block;
  float: left;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-top: 0;
  font-size: 28px;
  font-weight: bold;
  text-align: left;
  /*color: #ed2e43;*/
  height: 28px;
  line-height: 28px;
  }

.race-record-menu {
    clear:left;
    display: inline-block;
    float: left;
}
.ussa-btn{
    text-decoration:none;
    color:#333333;
    font-size:12px;
    /*font-weight:bold;*/
    font-family: Gotham;
    padding:0 10px;
    line-height:38px;
    height: auto;
    display:inline-block;
    text-align:center;
    background-color:#DDDDDD;
    cursor: pointer;
}

.ussa-btn.red{
    background-color:#D9272E;
    color: #ffffff;
}

.ussa-btn.red:hover{
    background-color:#C4141B;
    color: #ffffff;
    text-decoration: none;
}

.ussa-btn.blue{
    font-family: "roboto",sans-serif; 
    background-color:#091F40;
    color: #FFFFFF;
}

.ussa-btn.blue:hover{
    font-family: "roboto",sans-serif; 
    background-color: #f1ba38;
    color: #F1BA38;
    color: #FFFFFF;
    text-decoration: none;
}

.ussa-btn.yellow{
    font-family: "roboto",sans-serif; 
    background-color:#f1ba38;
    color: #FFFFFF;
}

.ussa-btn.yellow:hover{
    font-family: "roboto",sans-serif; 
    background-color: #f1ba38;
    color: #F1BA38;
    color: #FFFFFF;
    text-decoration: none;
}

.ussa-btn-group .ussa-btn + .ussa-btn{
    border-left: 1px solid rgba(0, 0, 0, .1);
    margin-left:-1px;
}


  
  .natchamps-title {
  white-space:normal;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-top: 0;
  font-size: 36px;
  text-align: left;
  color: #ed2e43;
  height: 100%; /* div inside td will not wrap in firefox with height specified */
  line-height:100%;  /* must specify 100% for both heights in order to wrap text properly in firefox */
  }
  
  .natchamps-subtitle {
  white-space:normal;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-top: 0;
  font-size: 28px;
  text-align: left;
  height: 100%; /* div inside td will not wrap in firefox with height specified */
  line-height:100%;  /* must specify 100% for both heights in order to wrap text properly in firefox */
  }
  
.photo {
	border-width: 20px;
	border-style: solid;
	border-color: #ffffff;
	
	
}

.photo_left {
	float: left; 
	padding: 10px 10px 10px 10px;
}

.photo_right {
	float: right; 
	padding: 10px 10px 10px 10px;
}


  
  .race-record-section-heading {
  display:inline-block;
  float: left;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-top: 0;
  font-size: 18px;
  font-weight: bold;
  font-style:italic;
  text-align: left;
  color: #ed2e43;
  /*height: 28px;
  line-height: 28px;*/
  }
  
 .printerfriendly-resort-title {
  display:block;
  padding-top: 0;
  margin-top: 0;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  /*color: #ed2e43;*/
  /*height: 28px;
  line-height: 28px;*/
  /*width: 600px;*/
  }
  
 .resort-title-small {
  /*border: 1px solid;*/
  display:inline-block;
  float: left;
  padding-top: 0;
  margin-top: 0;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  /*color: #ed2e43;*/
  height: 24px;
  line-height: 24px;
  }
  
.resort-subtitle {
  display:inline-block;
  float: left;
  padding-top: 0;
  margin-top: 0;
  font-size: 20px;
  font-weight: bold;
  font-style:italic;
  text-align: left;
  /*color: #ed2e43;*/
  height: 22px;
  line-height: 22px;
  }

.resort-subtitle-small {
  display:inline-block;
  float: left;
  padding-top: 0;
  margin-top: 0;
  font-size: 18px;
  font-weight: bold;
  font-style:italic;
  text-align: left;
  /*color: #ed2e43;*/
  height: 22px;
  line-height: 22px;
  }

.subtitle {
  display:inline-block;
  float: left;
  padding-top: 10;
  margin-top: 10;
  font-size: 22px;
  font-style: italic;
  font-weight: bold;
  text-align: left;
  color: #000000;
  height: 35px;
  line-height: 35px;
  }
 
 .subtitle-detail {
  padding-top: 10;
  margin-top: 10;
  font-size: 20px;
  font-style:normal;
  font-weight:bold;
  text-align: left;
  color: #000000;
  height: 26px;
  line-height: 26px;
  }
  
.table-header {
 	font-weight:bold;
	text-align:left;
	padding-left: 10px;
}

.table-text {
 	
	text-align:left;
	font-size:12px;
}

.table-text-pro {
 	
	text-align:center;
	font-size:12px;
}
/* --- table striping  -----------------
<table class="stripes" cellspacing="0" cellpadding="0" ...

// alternate row colors
if( ($i & 1)==1 )  // then it's odd
      print '<tr class="d0">';
else // it's even
	print '<tr class="d1">';
--------------------------------------- */
table.stripes tr.d0 td{
	background-color: #FFFFFF;
	padding-top:3px; 
	padding-right:0; 
	padding-bottom:3px; 
	padding-left:10px;
}
table.stripes tr.d1 td{
	background-color: #F2F2F2;
	padding-top:3px; 
	padding-right:0; 
	padding-bottom:3px; 
	padding-left:10px;
}

.heading1 {
  display:block; /* to keep divs on same line */
  /*float:left;*/ /* for ie to keep divs on same line */
  /*padding-top: 0;*/
  margin-top: 5px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #000000;
  /*height: 14px;
  line-height: 14px;*/
  }
  
.section-heading {
  /*border: 1px solid;*/
	clear: both;  /* need this to keep the div box contained - turn on borders to see the difference */
  display:block; /* to keep divs on same line */
  /*float:left;*/ /* for ie to keep divs on same line */
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 0;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  color: #000000;
  }
  
  
 .register-section-heading {
  /*border: 1px solid;*/
	clear: both;  /* need this to keep the div box contained - turn on borders to see the difference */
  display:inline-block; /* to keep divs on same line */
  float:left; /* for ie to keep divs on same line */
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 0;
  font-size: 20px;
  font-weight: bold;
  font-style:italic;
  text-align: left;
  color: #000000;
  }
  
  .register-section-heading-right {
  display:inline; /* to keep divs on same line */
  float:right; /* for ie to keep divs on same line */
  padding-top: 0;
  margin-top: 8px;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  color: #000000;
  height: 18px;
  line-height: 18px;
  vertical-align:bottom;
  /*border:2px solid #000000*/
  }


.printerfriendly-heading1 {
  display:block; /* to keep divs on same line */
  padding-top: 0;
  margin-top: 0;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #000000;
  height: 14px;
  line-height: 14px;
  }


input.buttons { 
	 border: 0;
     background-color: #ffd203;
	 cursor: pointer;
     font-size: 12px;
     font-weight: bold;
     height: 22px;
      line-height: 22px;
      margin: 0;
     
	  margin-top: 3px;
	  margin-bottom: 3px;
	  
	  margin-left: 10px;
	  white-space:nowrap; 
	  text-align:center;
	  vertical-align:middle;
	  
      text-transform: lowercase;
      /*width: 90px;*/
} 

input.buttons:hover {
        background-color: #ed2e43;
        color: #fff;
        }

input.buttonsNoCase { 
	 border: 0;
     background-color: #ffd203;
	 cursor: pointer;
     font-size: 12px;
     font-weight: bold;
     height: 22px;
      line-height: 22px;
      margin: 0;
     
	  margin-top: 3px;
	  margin-bottom: 3px;
	  
	  margin-left: 10px;
	  white-space:nowrap; 
	  text-align:center;
	  vertical-align:middle;
	  
      /*width: 90px;*/
} 

input.buttonsNoCase:hover {
        background-color: #ed2e43;
        color: #fff;
        }
		
input.register-button { 
	 border: 0;
     background-color: #ffd203;
	 cursor: pointer;
     font-size: 14px;
     font-weight: bold;
     height: 28px;
      line-height: 28px;
      margin: 5px;
	  /*margin-top: 3px;
	  margin-bottom: 3px;*/
	  white-space:nowrap; 
	  text-align:center;
	  vertical-align:middle;
      text-transform: lowercase;
      /*width: 90px;*/
} 

input.regoster-button:hover {
        background-color: #ed2e43;
        color: #fff;
        }

label {
    display: inline-block;
    /*font-size: 13px;*/
    font-weight:normal;
}


/*
 * nastar-list
*/

#nastar-list ul li {
	clear: both;
    list-style: none none;
    margin: 0;
    padding-top: 0;
	/* overflow:hidden; *//* for FF in order for bullet image to show up */
	/* word-wrap: break-word; */
	/*height: 34px;
	line-height: 34px;*/
	padding-left: 40px;
	vertical-align:top;
    margin-top: 5px;
}
#nastar-list ul li:first-child {
    margin-top:0;
}
	
#nastar-list ul li.custombullet {
	clear: both;
	/*vertical-align:top;*/
    background: url(/sites/all/themes/nastar/images/menu-divider.png) no-repeat 0 5px  transparent;  /* menu-divider.png = red arrow */
    padding-left: 10px;
    }
	
#nastar-list ul li.nobullet {
	clear: both;
	vertical-align:top;
    padding-left: 10px;
	padding-bottom:14px;
    }
	
	/*
 * natchamps-list
*/

#natchmaps-list ul li {
	clear: both;
    list-style: none none;
    margin: 0;
    padding-top: 0;
	vertical-align:top;
	
	
} 
	
#natchamps-list ul li.custombullet {
/*border: 1px solid;*/
	clear: both;
	margin:0;
	padding:0;
	vertical-align:top;
	
    background: url(/sites/all/themes/nastar/images/menu-divider.png) no-repeat top left  transparent;
	background-position: 0 .3em;
    padding-left: 10px;
	
	
	
    }
	
#natchamps-list ul li.nobullet {
/*border: 1px solid;*/
	clear: both;
	margin: 0;
	padding-top:0;
	
	vertical-align:top;
    padding-left: 10px;
    
    }

#nastar-list ul li.button {
    clear: both;
    vertical-align:top;
    padding-left: 0;

}
	
/* Numbered list appears on Series page */
/* ----------------------
<div id="numbered-list">
	<ol>
    	<li> example</li>
    </ol>
</div>
----------------------- */
#numbered-list ol li {
	/*border: 1px solid;*/
	display: list-item;
	list-style-position:inside;
    list-style-type:decimal;
	/*margin-left: 10 em;*/
} 

	
/* Forms */
.nowrap-container {
    white-space: nowrap;
    display: inline;
}

.form-field {
/*border: 1px solid;*/
	clear:left;    /* force new line for each field-value pair */
	margin-bottom:2px;
	/*height: 26px;
	line-height:26px;*/
}

.form-field label {
	/*border: 1px solid;*/
	float:left;
	text-align:right;
	padding-right:5px;
	width:200px;
	/*height: 26px;
	line-height:26px;*/
}

.form-field value {

	padding-left:8px;
	/*width:200px;
	height: 26px;
	line-height:26px;*/
}

.form-field-note {
	/*border: 1px solid;*/
	font-size: 12px;
	font-style:italic;
	padding-left:210px;
/*	width:400px; */
	/*height: 20px;
	line-height:20px;*/
}


.form-field input.input-text{
	border: 1px solid;
	border-color:#b7b7b7;
	background-color:#FFFFFF;
	font-size:13px;
}

select.pulldown-menu {
border: 1px solid;
	border-color:#b7b7b7;
	background-color:#FFFFFF;
	font-size:13px;
}

.left-column {
/*border: 1px solid;*/
	display:inline-block;
	float: left;
	width: 49%;
	padding: 0;
	padding-top: 5px;
	margin: 0;
	text-align: left;
}

.right-column {
/*border: 1px solid;*/
	display:inline-block;
	float: right;
	width: 49%;
	padding: 0;
	padding-top: 5px;
	margin: 0;
	text-align:left;
}

.left-column-race-record {
clear:both;
/*border: 1px solid;*/
	display:inline-block;
	float: left;
	width: 350px;
	padding: 0;
	padding-top: 5px;
	margin: 0;
	text-align: left;
}

.right-column-race-record {
/*border: 1px solid;*/
	display:inline-block;
	float: right;
	width: 250px;
	padding: 0;
	padding-top: 5px;
	margin: 0;
	text-align:left;
}


.three-column-left {
	display:inline-block;
	float: left;
	width: 33%;
	padding: 1px;
	padding-top: 5px;
	margin: 0;
	text-align: left;
}
.three-column-center {

	display:inline-block;
	float: left;
	width: 33%;
	padding: 1px;
	padding-top: 5px;
	margin: 0;
	text-align: left;
}
.three-column-right {
	display:inline-block;
	float: left;
	width: 33%;
	padding: 1px;
	padding-top: 5px;
	margin: 0;
	text-align: left;
}

.race-tools-box {
	display:inline-block;
	float: right;
	width: 240px;
	padding: 0;
	padding-top: 5px;
	margin: 0;
	text-align:left;
	background-color: #ffd203;
}

.race-photo {
	display:inline-block;
	float: center;
	width: 100%;
	padding: 0;
	padding-top: 15px;
	margin: 0;
	text-align:center;
	
}

/* --- Resort Attributes Form -----------------*/
.resort-attributes-form-field {
	clear:left;    /* force new line for each field-value pair */
	margin-top: 2px;
	margin-bottom:2px;
	padding: 0;
	height: 15px;
	line-height:15x;
	font-size:12px;
	float:left;
	text-align:left;
	width: 300px;  /* need width for ie or it wraps */
	
	/*border: 1px solid;*/
	word-wrap: break-word;
}

.resort-attributes-form-field label {
	margin-top: 2px;
	margin-bottom:2px;
	padding: 0;
	padding-right:3px;
	float:left;
	text-align:left;
	font-style:italic;
	font-size:12px;
	font-weight:bold;
	height: 15px;
	line-height:15px;
	
	display:inline;
}

.resort-attributes-form-field value {
	/*border: 1px solid;*/
	margin-top: 2px;
	margin-bottom:2px;
	padding: 0;
	padding-right:5px;
	float:left;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	height: 15px;
	line-height:15px;
	width: 225px;  /* need width for ie or it wraps */
	overflow:hidden;
}

/* --- Race Attributes Form -----------------*/
.race-attributes-form-field {
/*border: 1px solid;*/
	clear:left;    /* force new line for each field-value pair */
	margin-top: 1px;
	margin-bottom:1px;
	padding: 0;
	/*height: 15px;
	line-height:15x;*/
	font-size:13px;
	float:left;
	text-align:left;
	width: 600px;  /* need width for ie or it wraps */
	
	/*border: 1px solid;*/
	word-wrap: break-word;
}

.race-attributes-form-field label {
/*border: 1px solid;*/
	margin-top: 1px;
	margin-bottom:1px;
	padding: 0;
	padding-right:3px;
	float:left;
	text-align:left;
	font-style:italic;
	font-size:13px;
	font-weight:bold;
	/*height: 15px;
	line-height:15x;*/
	display:inline;
}

.race-attributes-form-field value {
	/*border: 1px solid;*/
	margin-top: 1px;
	margin-bottom:1px;
	padding: 0;
	padding-right:5px;
	float:left;
	text-align:left;
	font-size:13px;
	/*height: 15px;
	line-height:15x;*/
	width: 375px;  /* need width for ie or it wraps - it was 225px*/
	overflow:hidden;
}


.race-attributes-form-field-qualifier {
/*border: 1px solid;*/
	clear:left;    /* force new line for each field-value pair */
	margin-top: 1px;
	margin-bottom:1px;
	padding: 0;
	/*height: 15px;
	line-height:15x;*/
	font-size:13px;
	float:left;
	text-align:left;
	width: 350px;  /* need width for ie or it wraps */
	
	/*border: 1px solid;*/
	word-wrap: break-word;
}
.race-attributes-form-field-qualifier label {
/*border: 1px solid;*/
	margin-top: 1px;
	margin-bottom:1px;
	padding: 0;
	padding-right:3px;
	float:left;
	text-align:left;
	font-style:italic;
	font-size:13px;
	font-weight:bold;
	/*height: 15px;
	line-height:15x;*/
	display:inline;
}


.race-attributes-form-field-qualifier value {
	/*border: 1px solid;*/
	
	margin-top: 1px;
	margin-bottom:1px;
	padding: 0;
	padding-right:5px;
	float:left;
	text-align:left;
	font-size:13px;
	/*height: 15px;
	line-height:15x;*/
	width: 350px;  /* need width for ie or it wraps - it was 225px*/
	/*word-wrap: break-word; */
	overflow:hidden;
}

/* --- Pacesetters ---*/
.race-attributes-form-field-pacesetters {
	/*border: 1px solid;*/
	clear:left;    /* force new line for each field-value pair */
	margin-top: 1px;
	margin-bottom:1px;
	padding: 0;
	/*height: 15px;
	line-height:15x;*/
	font-size:12px;
	float:right;
	text-align:left;
	width: 610px;  /* need width for ie or it wraps */
	/*border: 1px solid;*/
	word-wrap: break-word;
}

.race-attributes-form-field-pacesetters label {
/*border: 1px solid;*/
	margin-top: 1px;
	margin-bottom:1px;
	padding: 0;
	padding-right:3px;
	float:left;
	text-align:left;
	font-style:italic;
	font-size:12px;
	font-weight:bold;
	/*height: 15px;
	line-height:15x;*/

	display:inline;
}

.race-attributes-form-field-pacesetters value {
	/*border: 1px solid;*/
	margin-top: 1px;
	margin-bottom:1px;
	padding: 0;
	padding-right:5px;
	float:left;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	/*height: 15px;
	line-height:15x;*/

	width: 225px;  /* need width for ie or it wraps */
	overflow:hidden;
}

.pacesetters {
/*border: 1px solid;*/
	display:inline-block;
	float: right;
	width: 510px;
	padding: 0;
	padding-top: 1px;
	margin: 0;
	text-align:left;
}

.pacesetters thin-line {

	/*margin:0;
	padding:0;*/
	height: 2px;
	line-height: 2px;
	border-bottom: 1px solid #000000;
	width: 95%;
}

.pacesetters-field1 {
	display: inline;
	float: left;
	padding-left:5px;
	width: 85px;
	margin: 0;
	text-align:left;
}

.pacesetters-field2 {
	display: inline;
	float: left;
	padding-left:5px;
	width: 140px;
	margin: 0;
	text-align:left;
}
.pacesetters-field3 {
	display: inline;
	float: left;
	padding-left:5px;
	width: 85px;
	margin: 0;
	text-align:left;
}

.pacesetters-field4 {
	display: inline;
	float: left;
	padding-left:5px;
	width: 75px;
	margin: 0;
	text-align:left;
}

/* --- mms ---*/
.teams-form-field {
	/*border: 1px solid;*/
	clear:left;    /* force new line for each field-value pair */
	margin-top: 1px;
	margin-bottom:1px;
	padding: 0;
	/*height: 15px;
	line-height:15x;*/
	font-size:12px;
	float:left;
	text-align:left;
	/*width: 600px; */ /* need width for ie or it wraps */
	word-wrap: break-word;
}

.teams-form-field label {
	/*border: 1px solid;*/
	margin-top: 1px;
	margin-bottom:1px;
	padding: 0;
	padding-right:3px;
	float:left;
	text-align:right;
	font-size:12px;
	font-weight:bold;
	color: #ed2e43;
	/*height: 15px;
	line-height:15x;*/
	width: 230px;
	display:inline;
}

.teams-form-field value {
	/*border: 2px solid;*/
	margin-top: 1px;
	margin-bottom:1px;
	padding: 0;
	padding-right:5px;
	float:left;
	text-align:left;
	font-size:12px;
	/*height: 15px;
	line-height:15x;*/
	/*width: 250px; */ /* need width for ie or it wraps */
	overflow:hidden;
}

/* --- Nat Champs ---*/
.natchamps-form-field {
	/*border: 1px solid;*/
	clear:left;    /* force new line for each field-value pair */
	margin-top: 1px;
	margin-bottom:1px;
	padding: 0;
	/*height: 15px;
	line-height:15x;*/
	font-size:12px;
	float:left;
	text-align:left;
	width: 600px;  /* need width for ie or it wraps */
	word-wrap: break-word;
}

.natchamps-form-field label {
	/*border: 1px solid;*/
	margin-top: 4px;
	margin-bottom:1px;
	padding: 0;
	padding-right:3px;
	float:left;
	text-align:right;
	font-size:14px;
	font-weight:bold;
	color: #ed2e43;
	/*height: 15px;
	line-height:15x;*/
	/*width: 230px;*/
	display:inline;
}

.natchamps-form-field value {
	/*border: 2px solid;*/
	margin-top: 1px;
	margin-bottom:1px;
	padding: 0;
	padding-right:5px;
	float:left;
	text-align:left;
	font-size:12px;
	/*height: 15px;
	line-height:15x;*/
	/*width: 250px; */ /* need width for ie or it wraps */
	overflow:hidden;
}

@media only screen and (max-width: 640px) {
    .scroll-wrapper {
        /*position: absolute;*/
/*        overflow-x: scroll; */
	margin: 5px;
	padding: 5px;
/*	overflow: scroll;  */
	overflow: auto; 
/*	--webkit-overflow-scrolling: touch; */
    }

  /*https://www.codeproject.com/tips/607758/scrollable-div-which-allows-single-finger-scrollin*/
    .ios-panel
    {
        width: 100%;
        height: 330px; /* fixed height of div */
        -webkit-overflow-scrolling: touch; /* allow touch scrolling in webkit browsers */
    }

    .ios-overflow
    {
        overflow: scroll; /* set overflow to scroll for desktop browsers */
        /*overflow-x: hidden*/; /* hide scrollbar on x-axis */
    }

   ::-webkit-scrollbar {
      -webkit-appearance: none;
      width: 7px;
   }
   ::-webkit-scrollbar-thumb {
      border-radius: 4px;
      background-color: rgba(0,0,0,.5);
      -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
   }

    .form-field label {
        width:auto;
    }
}

.notify-text-enabled {
    color:white;
    background-color:green;
    padding: .2em;
}
.notify-text-disabled {
    color:white;
    background-color:red;
    padding: .2em;
}
.notify-icon {
    color: white;
}

table.stripes tr.d0 td a, table.stripes tr.d1 td a {
    color: blue;
}

.notify-link a{
    color: blue;
}



/* Adding sharebuttons.io from here to end of file */
/* ----------------------------------------------- */
.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff !important; 
  margin: 0.5em
}


.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.5em 0.75em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif !important;
  color: #fff !important
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button--twitter {
  background-color: #55acee
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9
}

.resp-sharing-button--pinterest {
  background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
  background-color: #8c0615
}

.resp-sharing-button--facebook {
  background-color: #3b5998
}


.resp-sharing-button--facebook:hover {
  background-color: #2d4373
}

.resp-sharing-button--tumblr {
  background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
  background-color: #222d3c
}

.resp-sharing-button--reddit {
  background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
  background-color: #3a80c1
}

.resp-sharing-button--google {
  background-color: #dd4b39
}

.resp-sharing-button--google:hover {
  background-color: #c23321
}

.resp-sharing-button--linkedin {
  background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
  background-color: #046293
}

.resp-sharing-button--email {
  background-color: #777
}

.resp-sharing-button--email:hover {
  background-color: #5e5e5e
}

.resp-sharing-button--xing {
  background-color: #1a7576
}

.resp-sharing-button--xing:hover {
  background-color: #114c4c
}

.resp-sharing-button--whatsapp {
  background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
  background-color: #1da851
}

.resp-sharing-button--hackernews {
background-color: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }

.resp-sharing-button--vk {
  background-color: #507299
}

.resp-sharing-button--vk:hover {
  background-color: #43648c
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}

.resp-sharing-button--email {
  background-color: #777777;
  border-color: #777777;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
  background-color: #5e5e5e;
  border-color: #5e5e5e;
}

.resp-sharing-button--telegram {
  background-color: #54A9EB;
}

.resp-sharing-button--telegram:hover {
  background-color: #4B97D1;}


/* end of sharebuttons.io                          */
/* ----------------------------------------------- */