/***************
	INPUT 
****************/

	input.input_short{
		width:50px;
	}

	input.input_med{
		width: 100px;
	}

	textarea.input_long{
		width: 275px;
		height: 50px;
	}

	input.submit_to_wri{
		width: 175px;
		height: 35px;
		color: white;
		border: 1px solid black;
		text-align: center;
		padding: 8px;
		font-size: 13px;
		font-family: verdana;
		margin-top: 15px;
		cursor:pointer;
		vertical-align: bottom;
		
		/*Background Gradient*/
		background: rgb(18,206,27);
		background: -moz-linear-gradient(top,  rgba(18,206,27,1) 2%, rgba(24,132,11,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(18,206,27,1)), color-stop(100%,rgba(24,132,11,1)));
		background: -webkit-linear-gradient(top,  rgba(18,206,27,1) 2%,rgba(24,132,11,1) 100%);
		background: -o-linear-gradient(top,  rgba(18,206,27,1) 2%,rgba(24,132,11,1) 100%);
		background: -ms-linear-gradient(top,  rgba(18,206,27,1) 2%,rgba(24,132,11,1) 100%);
		background: linear-gradient(top,  rgba(18,206,27,1) 2%,rgba(24,132,11,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12ce1b', endColorstr='#18840b',GradientType=0 );
	}
		
	input.save_button{
		width: 175px;
		height: 35px;
		color: white;
		border: 1px solid black;
		text-align: center;
		padding: 8px;
		font-size: 13px;
		font-family: verdana;
		margin-top: 15px;
		cursor:pointer;
		vertical-align: bottom;
		
		/*Background Gradient*/
		background: #54a3ee; /* Old browsers */
		background: -moz-linear-gradient(top,  #54a3ee 0%, #0081f2 69%, #0065f4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#54a3ee), color-stop(69%,#0081f2), color-stop(100%,#0065f4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #54a3ee 0%,#0081f2 69%,#0065f4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #54a3ee 0%,#0081f2 69%,#0065f4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #54a3ee 0%,#0081f2 69%,#0065f4 100%); /* IE10+ */
		background: linear-gradient(top,  #54a3ee 0%,#0081f2 69%,#0065f4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54a3ee', endColorstr='#0065f4',GradientType=0 ); /* IE6-9 */
	}
	
	input.calculate_voyage{
		width: 200px;
		height: 35px;
		color: white;
		border: 1px solid black;
		text-align: center;
		padding: 8px;
		font-size: 13px;
		font-family: verdana;
		margin-top: 15px;
		cursor:pointer;
		vertical-align: bottom;
		
		/*Background Gradient*/
		background: #a7cfdf; /* Old browsers */
		background: -moz-linear-gradient(top,  #a7cfdf 0%, #23538a 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7cfdf), color-stop(100%,#23538a)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #a7cfdf 0%,#23538a 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #a7cfdf 0%,#23538a 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #a7cfdf 0%,#23538a 100%); /* IE10+ */
		background: linear-gradient(top,  #a7cfdf 0%,#23538a 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 ); /* IE6-9 */
	}
	
	input.lat-lon{
		width: 75px;
	}
	
	input.go_back_button{
		cursor: pointer;
		text-decoration: underline;
		border: 0px;
		margin-top: 40px;
		background-color:transparent;
	}


/***************
	SELECT
****************/

	select.select_short{
		width: 40px;
	}

	select.select_long{
		width: 200px;				
	}

	select.select_long, select.select_short{
	}

/***************
	DIV 
****************/

	div.newport, div.newship{
		display:none;
		margin-top: 15px;
	}
	
	div.comparison_route {
		width: 100%;
		margin-top: -3px; /*This is the opposite of border thickness*/
		z-index: 2;
		background-color: #FCF390;  /*Matches the background of the currently clicked button*/
		border: 2px solid #FFDD00;  /*Matches border color of currently clicked button*/
		position:relative;
		padding: 15px;
	}
	
	div.add_another_waypoint, div.import_from_last, div.newportlink, div.newportsubmit, div.newportcancel, div.newshiplink, div.newshipsubmit, div.newshipcancel,
	div.newportsubmit, div.newshipsubmit,div.newportcancel, div.newshipcancel, div.calculate_button{
		width: 150px;
		cursor: pointer;
		text-decoration: none;
		padding: 5px;
		color: white;
		font-weight: bold;
		border-radius: 5px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;

		/*Background Gradient*/
		background: #606c88; /* Old browsers */
		background: -moz-linear-gradient(top,  #606c88 0%, #3f4c6b 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606c88), color-stop(100%,#3f4c6b)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #606c88 0%,#3f4c6b 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #606c88 0%,#3f4c6b 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #606c88 0%,#3f4c6b 100%); /* IE10+ */
		background: linear-gradient(top,  #606c88 0%,#3f4c6b 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
	}
	
	div.newportlink, div.newportsubmit, div.newportcancel, div.newshiplink, div.newshipsubmit, div.newshipcancel{
		width: 100px;
	}

	div.back_links{
		text-align: center;
		padding: 10px;
		margin: 10px;
	}
	
	div.calculate_button{
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-left: 20px;
		width: 100px;
	}
	
	div.insert_waypoint_text{
		padding-top: 10px;
	}
	
/***************
	TD's
****************/


	td.all_td{
		vertical-align: middle;
		padding: 2px;
		margin-right: 5px;
	}
	
	td.rp_container_calculate{
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-top: 10px;
		width: 100%;
	}
	
	#rp_container_left, #rp_container_left{
		width: 50%;
	}

	#rp_container_left{
		border-right: 1px solid grey;
	}

	#rp_container_right{
		padding: 20px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	td.delete_waypoint{
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	
	 table.route_tools td{
		text-align: center;
		width: 300px;
	 }
	
/***************
	TR's
****************/

	tr.odd_rows{
		background-color: #FCEF5D;
	}

/***************
	TABLES
****************/

	table.rp_container{
		width: 97%;
		margin-left: auto;
		margin-right: auto;
	}

/***************
	BUTTONS
****************/
	button.cr_button_clicked{
		width: 80px;
		height: 30px;
		padding: 5px;
		margin-right: 20px;
		border-radius-top-left: 2px;
		border-radius-top-right: 2px;
		color: black;
		font-weight: bold;
		cursor: pointer;
		background-color: #FCF390; /*Matches the background of the route div*/
		
		position:relative;
		z-index: 3;
		
		border-top: 2px solid #FFDD00;
		border-left: 2px solid #FFDD00;
		border-right: 2px solid #FFDD00;
		border-bottom: 2px solid #FCF390; /*Matches the background of the route div*/
	}
	

	button.cr_button{
		width: 80px;
		height: 30px;
		padding: 5px;
		margin-right: 20px;
		border: 1px solid black;
		border-bottom: none;
		cursor: pointer;
		text-decoration: underline;
		background-color: #D9D4D6;
		
		position:relative;
		z-index: 1;
	}

/***************
	OTHER
****************/

	h2,h1,th{
		text-align: center;
	}
	
	th.lat-lon{
		text-align: left;
	}
	
	th.lat-lon_no{
		width: 30px;
	}
	
	input[type="radio" name="preferred_route"]{
		vertical-align: middle;
		color: blue;
	}
	
	.del_waypoint_button{
		cursor: pointer;
	}