/* CSS Document */

/*LineSearch view*/
.schedule-search-title { width: 420px; height: 30px; margin: 0px; border: 1px solid #cccccc; border-radius: 5px 5px 0px 0px; vertical-align: middle; background-color: #f4faff; padding-top: 10px; }
.schedule-search-wrapper { width: 400px; height: 133px; border: none; vertical-align: middle; padding: 10px; background-color: #fff; }
	.schedule-search-wrapper input  { height: 22px; font-size: small; margin-left: 0px; margin-bottom: 2px; padding: 0px; padding-left: 5px; border: 1px solid #005aa3; border-radius: 6px 0px 0px 6px;}
	.schedule-search-wrapper select { height: 22px; font-size: small;                   margin-bottom: 2px; padding: 0px; padding-left: 5px; border: 1px solid #005aa3; border-radius: 6px 0px 0px 6px;}
	.schedule-search-wrapper input:focus  { border: 1px solid #fe783f; border-radius: 6px 0px 0px 6px;}
	.schedule-search-wrapper select:focus { border: 1px solid #fe783f; border-radius: 6px 0px 0px 6px;}
.line-search-info { font-style: italic; color: gray; font-size: x-small; margin-top: 10px;  }
#datepicker { width: 97.5%; }

/*#fromPort { width: 100%; }*/

/*#toPort { width: 100%; }*/

/*#lineSearchBtn { width: 100px; float: right; }*/

/*LineSearchResults*/
#lineSearchResultsTable { border: 1px solid black; }

	#lineSearchResultsTable th { border: 1px solid black; }

	#lineSearchResultsTable td { border: 1px solid black; padding: 10px; }

.lineSearchResultsStar { color: red; }

.lineSearchStar { color: red; }


/* LineSearchResults View*/

.lineSearchResultsTable { width: 100%; }
.pretragaHeader { border: 1px solid #fcffce; border-left: none; margin: 0; padding: 0; font-family: "Segoe UI",sans-serif; font-size: 14px; color: #fcffce; text-align: center; background-color: #0660a3; }
.pretragaHeaderL { border: 1px solid #fcffce; border-top-left-radius: 16px; margin: 0; padding: 0; font-family: "Segoe UI",sans-serif; font-size: 14px; color: #fcffce; text-align: center; background-color: #0660a3; border-right: none; width: 18px; }
.pretragaHeaderR { border: 1px solid #fcffce; border-left: none; border-top-right-radius: 16px; margin: 0; padding: 0; font-family: "Segoe UI",sans-serif; font-size: 14px; color: #fcffce; text-align: center; background-color: #0660a3; }
.lineSearchResultsStarA { background-color: #f4faff; border: 1px solid #fcffce; border-top: none; margin: 0; padding: 0; font-family: "Segoe UI",sans-serif; font-size: 14px; color: #0660a3; text-align: center; }
.lineSearchResultsStarB { background-color: #bed8eb; border: 1px solid #fcffce; border-top: none; margin: 0; padding: 0; font-family: "Segoe UI",sans-serif; font-size: 14px; color: #0660a3; text-align: center; }
.pretragaRedA { background-color: #f4faff; border: 1px solid #fcffce; border-top: none; border-left: none; margin: 0; padding: 0; font-family: "Segoe UI",sans-serif; font-size: 14px; color: #0660a3; text-align: center; }
.pretragaRedB { background-color: #bed8eb; border: 1px solid #fcffce; border-top: none; border-left: none; margin: 0; padding: 0; font-family: "Segoe UI",sans-serif; font-size: 14px; color: #0660a3; text-align: center; }
.pretragaFooter { border: 1px solid #fcffce; border-top: none; border-left: none; border-right: none; margin: 0; padding: 0; font-family: "Segoe UI",sans-serif; font-size: 14px; color: #fcffce; text-align: left; background-color: #0660a3; }
.pretragaFooterL { border: 1px solid #fcffce; border-top: none; border-right: none; border-bottom-left-radius: 16px; margin: 0; padding: 0; font-family: "Segoe UI",sans-serif; font-size: 14px; color: #fcffce; text-align: left; background-color: #0660a3; }
.pretragaFooterR { border: 1px solid #fcffce; border-top: none; border-left: none; border-bottom-right-radius: 16px; margin: 0; padding: 0; font-family: "Segoe UI",sans-serif; font-size: 14px; color: #fcffce; text-align: left; background-color: #0660a3; }


/* Map area*/
#map-canvas { height: 500px; width: 100%; border: 1px solid silver; }
#map_canvas img { max-width: none; }
.map-info-box{ width: 100%;padding-top: 2px;padding-bottom: 2px;}
.map-info{ font-size: x-small;font-style: italic;color: gray;text-align: right;}


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

.schedule-search-title { max-width:95%; }


.schedule-search-wrapper { max-width:95%; height: auto; padding: 0; }
	.schedule-search-wrapper input  { height: 26px; font-size: large; margin-left: 0px; margin-bottom: 2px; padding: 0px; padding-left: 5px; border: 1px solid #005aa3; border-radius: none;}
	.schedule-search-wrapper select { height: 26px; font-size: large;                   margin-bottom: 2px; padding: 0px; padding-left: 5px; border: 1px solid #005aa3; border-radius: none;}
	.schedule-search-wrapper input:focus  { border: 1px solid #fe783f; border-radius: 6px;}
	.schedule-search-wrapper select:focus { border: 1px solid #fe783f; border-radius: 6px;}
.line-search-info { font-style: italic; color: dark-gray; font-size: small; margin-top: 0px;}	
.line-search-info:before{content:"*"; margin-left: 2px;}

#lineSearchBtn {
    width: 78px;
    height: 25px;
    float: right;
    margin-top: 5px;
    margin-bottom: 5px;
}

#map-canvas {
    height: 300px;
    width: 960px;
    border: 1px solid #C0C0C0;
    max-width: 88%;
    margin-left: 6%;
}

	
	
}