﻿body
{
	margin: 0;
	height: 100%;
}


#main-page
{
	width: 960px;
	margin: 0 auto;
	min-height: 100%;
}

#top-nav
{
}


#header-banner
{
	height: 250px;
	/*border: 1px solid #000;*/
	width: 960px;
	margin-bottom: 30px;
}

#main-wrap
{
	margin-bottom: 40px;
	overflow: hidden;
	overflow: auto;
	padding-bottom: 137px;
	height: 100%;
}

/*Opera Fix*/
body:before
{ /* thanks to Maleika (Kohoutec)*/
	content: "";
	height: 100%;
	float: left;
	width: 0;
	margin-top: -32767px; /* thank you Erik J - negate effect of float*/
}

footer
{
	position: relative;
	margin-top: -137px; /* negative value of footer height */
	height: 137px;
	clear: both;
}

#search-box
{
	float: right;
	margin-top: 10px;
}

#login-container
{
	width: 960px;
	margin: 0 auto;
}

	#login-container input
	{
		float: left;
	}

#species-list li
{
	cursor: pointer;
}

#species-list .btn
{
	display: block;
}

#species-list-confirm
{
	clear: both;
	width: 250px;
	display: block;
	margin: 0 auto;
	margin-top: 20px;
}

#cart
{
	width: 940px;
	float: left;
	margin-bottom: 15px;
	/*border:solid 1px #000;*/
	background-color: #5dade2;
	padding: 10px 10px 10px 10px;
}

.fish-name-drag
{
	line-height: 40px;
margin-right: 10px;
float: left;
width: 220px;
height:50px;
font-weight:bold;
}

.fish-name-remove
{
	line-height: 40px;
margin-right: 10px;
float: left;
width: 15px;
height:50px;
font-weight:bold;
cursor:pointer;
}

.fish-name-counter
{
	height:50px;
	/*float: left;*/
}

#cart
{
	
}
/* style the list to maximize the droppable hitarea */
#cart ol
{
	margin: 0;
	padding: 1em 0 1em 3em;
}

.specie-name li
{
	float: left;
	list-style: none;
	width: 220px;
}

	.specie-name li ul li
	{
		float: none;
	}

.specie-name
{
	/*list-style:none; */
}

#menu-lat-user
{
	width: 200px;
}

#ddlcountryReset .dropdown-menu
{
	max-height: 150px !important;
}

#find-stores .dropdown-menu
{
	max-height: 170px !important;
}

#user-details-panel .dropdown-menu
{
	max-height: 100px !important;
}

.main-my-fish-list .dropdown-menu
{
	max-height: 100px !important;
	overflow-x:hidden;
}

#user-form .dropdown-menu
{
	max-height: 150px !important;
	overflow-x:hidden;
}

#store-details-panel .dropdown-menu
{
	max-height: 150px !important;
}

/* Table 1 Style */
table.tblResultsCompatibility
{
	/* font-family: "Trebuchet MS", sans-serif; */
	width: 100%;
	table-layout: fixed;
	font-weight: bold;
	line-height: 1.4em;
	font-style: normal;
	border-collapse: separate;
}

.tblResultsCompatibility thead th
{
	padding: 15px;
	color: #fff;
	text-shadow: 1px 1px 1px #568F23;
	border: 1px solid #fff;
	border-bottom: 3px solid #fff;
	background: #2fe2bf; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJmZTJiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDk4ZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #2fe2bf 0%, #3498db 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2fe2bf), color-stop(100%,#3498db)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2fe2bf 0%,#3498db 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2fe2bf 0%,#3498db 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #2fe2bf 0%,#3498db 100%); /* IE10+ */
	background: linear-gradient(to bottom, #2fe2bf 0%,#3498db 100%); /* W3C */
	filter: progid:DXImageTrans .Microsoft.gradient( startColorstr='#2fe2bf', endColorstr='#3498db',GradientType=0 ); /* IE6-8 */
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

	.tblResultsCompatibility thead th:empty
	{
		background: transparent;
		border: none;
	}

.tblResultsCompatibility tbody th
{
	color: #fff;
	text-shadow: 1px 1px 1px #568F23;
	background-color: #9DD929;
	border: 1px solid #fff;
	border-right: 3px solid #fff;
	padding: 0px 10px;
	background: #2fe2bf; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJmZTJiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDk4ZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, #2fe2bf 0%, #3498db 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2fe2bf), color-stop(100%,#3498db)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #2fe2bf 0%,#3498db 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #2fe2bf 0%,#3498db 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #2fe2bf 0%,#3498db 100%); /* IE10+ */
	background: linear-gradient(to right, #2fe2bf 0%,#3498db 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2fe2bf', endColorstr='#3498db',GradientType=1 ); /* IE6-8 */
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.tblResultsCompatibility tfoot td
{
	color: #9CD009;
	font-size: 32px;
	text-align: center;
	padding: 10px 0px;
	text-shadow: 1px 1px 1px #444;
}

.tblResultsCompatibility tfoot th
{
	color: #666;
}

.tblResultsCompatibility tbody td
{
	padding: 10px;
	text-align: center;
	background-color: #DEF3CA;
	border: 2px solid #E7EFE0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #666;
	text-shadow: 1px 1px 1px #fff;
}

	.tblResultsCompatibility tbody td:hover
	{
		padding: 10px;
		text-align: center;
		background-color: #2fe2bf;
		border: 2px solid #E7EFE0;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		color: #666;
		text-shadow: 1px 1px 1px #fff;
	}

.tblResultsCompatibility tbody span.check::before
{
	content: url(../images/check0.png);
}


.loginPanelButton
{
	width: 960px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	margin-top: -5px;
	margin-bottom: 20px;
}

.loginpanel
{
	height: 40px;
	margin-bottom: 20px !important;
}

	.loginpanel small
	{
		line-height: 25px;
		margin-left: 600px;
	}

.PanelLoggedUserInfo
{
	text-align: left;
	width: 960px;
	margin: 0 auto;
}

	.PanelLoggedUserInfo .iconbar
	{
		background-color: transparent;
	}

		.PanelLoggedUserInfo .iconbar > ul > li > a
		{
			/*color:#2a7aaf */
		}

	.PanelLoggedUserInfo li
	{
		line-height: 0px;
	}

	.PanelLoggedUserInfo .btn-small
	{
		margin-top: 3px;
	}


#userWidgets
{
	clear: both;
	float: right;
}

.alertRegisterNOK
{
	color: red;
}

.alertRegisterOK
{
	color: green;
}

#storeGmaps
{
	color: #34495e;
	text-shadow: none;
	border: 2px solid #ebece8;
	font-size: 16px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

	#storeGmaps img
	{
		max-width: none;
	}

#maps-origin img
{
	max-width: none;
}

#maps-origin
{
	color: #34495e;
	text-shadow: none;
	border: 2px solid #ebece8;
	font-size: 16px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#smap img
{
	max-width: none;
}


/*overrides */


.navbar .navbar-search.form-search.focus .input-append .btn
{
	border-color: transparent;
	color: #bcc3ca;
	padding: 8px 8px 7px;
	border-color: #1abc9c;
	background-color: none;
}

.ui-autocomplete
{
	height: 200px;
	overflow-y: scroll;
	overflow-x: hidden;
	width: 220px !important;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	filter: unquote("progid:DXImageTransform.Microsoft.gradient(enabled = false)");
}


div.blockPage
{
	width: 30%;
	top: 40%;
	left: 35%;
	text-align: center;
}

div.blockMsg
{
	border: 5px solid #F47112;
	background-color: #6F4712;
	width: 300px;
}

.row, .demo-row
{
	margin: auto 0;
	width: 960px;
}

.span9
{
	width: 960px;
	margin-left: 0px;
}

.tagsinput .tag
{
	background-color: #55d98d;
}

.span3
{
	width: 210px;
}

.selectable .btn.btn-small
{
	padding: 0;
}

.tagsinput .tag
{
	color: #fff;
}

.loginPlace .btn.btn-wide
{
	/*min-width: 100px;*/
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
}

.loginPlace .flat
{
	margin-top: -3px;
}

.dialog
{
	margin-bottom: 0px;
	background-color: #ebedef;
	border-top: none;
	padding: 5px 0;
}

.activate-dialog
{
	background-color: #edeff1;
	border-top: 2px solid #d6dbdf;
	font-size: 15.988px;
	margin-bottom: 20px;
	padding: 18px 0;
	position: relative;
	text-align: center;
}

.tile
{
	background-color: #ecf0f5;
	border-radius: 6px;
	padding: 14px;
	position: relative;
	text-align: center;
}

	.tile.tile-hot:before
	{
		background: url("../images/theme/tile/ribbon.png") 0 0 no-repeat;
		background-size: 82px 82px;
		content: "";
		height: 82px;
		position: absolute;
		right: -4px;
		top: -4px;
		width: 82px;
	}

	.tile p
	{
		font-size: 15px;
		margin-bottom: 33px;
	}

.tile-image
{
	height: 100px;
	margin: 31px 0 27px;
	vertical-align: bottom;
}

	.tile-image.big-illustration
	{
		height: 111px;
		margin-top: 20px;
		width: 112px;
	}

.tile-title
{
	font-size: 20px;
	margin: 0;
}

/* Chart Overrides*/

.jchartfx .PlotArea
{
	fill: #FFF;
	stroke: #FFF;
	stroke-width: 1;
}

.static-modal-backdrop {
 /* background-color: #243342;
  padding: 62px 14px;
  margin-bottom: 50px;*/
}

  .static-modal-backdrop {
    margin-left: -20px;
    margin-right: -20px;
  }

#sponsors-place {

    height:50px;

}