html {
	    height: 100%;
	    background:#fff;
	}

	body {
	    font-family:Arial, Helvetica, sans-serif;
	    font-size:13px;
	    background: #fff;
	    width: 100%;
	    margin:0;

	}

	.container{
		max-width: 1140px;
		padding-right: 15px;
	    padding-left: 15px;
	    margin-right: auto;
	    margin-left: auto;
	}

	.calendar-loading{
		text-align: center;
	    position: absolute;
	    z-index: 9;
	    background: white;
	    left: 36%;
	    top: 102px;
	    /*width: 300px;*/
	    font-weight: bold;
	    font-size: 16px;
	}
	.calendar-loading img{/*width: 80%;*/}
	.calendar-loading p{
		padding: 0;
	    margin: 0 0 20px;
	}



	#cal {
	    -moz-box-shadow:0px 3px 3px rgba(0, 0, 0, 0.25);
	    -webkit-box-shadow:0px 3px 3px rgba(0, 0, 0, 0.25);
	    margin:0 auto;
	    /*font: 13px/1.5 "Helvetica Neue", Helvatica, Arial, san-serif;*/
	    /*display:table;*/
	    position: relative;
	}
	#cal .header {
	    cursor:default;
	    background: #cd310d;
	    background: -moz-linear-gradient(top, #b32b0c, #cd310d);
	    background: -webkit-gradient(linear, left top, left bottom, from(#b32b0c), to(#cd310d));
	    height: 34px;
	    position: relative;
	    color:#fff;
	    -webkit-border-top-left-radius: 5px;
	    -webkit-border-top-right-radius: 5px;
	    -moz-border-radius-topleft: 5px;
	    -moz-border-radius-topright: 5px;
	    border-top-left-radius: 5px;
	    border-top-right-radius: 5px;
	    font-weight:bold;
	    text-shadow:0px -1px 0 #87260C;
	    text-transform: uppercase;
	    overflow:hidden;
	}
	#cal .header span {
	    display:inline-block;
	    line-height:34px;
	}
	#cal .header .hook {
	    width: 9px;
	    height: 28px;
	    position: absolute;
	    bottom:60%;
	    border-radius:10px;
	    -moz-border-radius:10px;
	    -webkit-border-radius:10px;
	    background:#ececec;
	    background: -moz-linear-gradient(right top, #fff, #827e7d);
	    background: -webkit-gradient(linear, right top, right bottom, from(#fff), to(#827e7d));
	    box-shadow:0px -1px 2px rgba(0, 0, 0, 0.65 );
	    -moz-box-shadow:0px -1px 2px rgba(0, 0, 0, 0.65 );
	    -webkit-box-shadow:0px -1px 2px rgba(0, 0, 0, 0.65 );
	}
	.right.hook {
	    right:15%;
	}
	.left.hook {
	    left: 15%;
	}
	#cal .header .button {
	    width:136px;
	    padding:0 10px;
	    text-align:center;
	    position:absolute;
	    cursor: pointer;
	}
	#cal .header .left.button span:nth-child(1)
	{
		float:left;
	}
	#cal .header .left.button span:nth-child(2)
	{
		margin-top: 2px;
        margin-left: 5px;
	}

	#cal .header .right.button span:nth-child(1)
	{
		margin-top: 2px;
        margin-right: -30px;

	}
	#cal .header .right.button span:nth-child(2)
	{
		float:right;
	}

	#cal .header .left.button {
	    left:0;
	    -webkit-border-top-left-radius: 5px;
	    -moz-border-radius-topleft: 5px;
	    border-top-left-radius: 5px;
	    border-right:1px solid #ae2a0c;
	}
	#cal .header .right.button {
	    right:0;
	    top:0;
	    border-left:1px solid #ae2a0c;
	    -webkit-border-top-right-radius: 5px;
	    -moz-border-radius-topright: 5px;
	    border-top-right-radius: 5px;
	}
	#cal .header .button:hover {
	    background: -moz-linear-gradient(top, #d94215, #bb330f);
	    background: -webkit-gradient(linear, left top, left bottom, from(#d94215), to(#bb330f));
	}
	#cal .header .month-year {
	    letter-spacing: 1px;
	    width: 100%;
	    text-align: center;
	}
	#cal table {
	    background:#fff;
	    border-collapse:collapse;
	    width:100%
	}

	#cal #days td {
	    cursor:default;
	    border:0;
	    text-align:center;
	    vertical-align:top;
	    padding:14px 5px 12px;
	    background:#fff;

	    height:26px;
	    line-height: 26px;
	    text-transform:uppercase;
	    font-size:100%;
	    color:#9e9e9e;
	    font-weight: bold;

	}
	#cal #days td:not(:last-child) {
	    border-right:1px solid #fff;
	}

	#cal #cal-frame{
		position: relative;
	}

	#cal #cal-frame .calendar-data td {
		color:#2b2b2b;
	    /*line-height:30px;*/
	    /*text-align:center;*/
	    border:1px solid #e6e6e6;
	    cursor:default;
	    vertical-align:top;
	    width: 162px;
		height: 132px;
	}
	#cal #cal-frame .calendar-data  td.other-month,#cal #cal-frame .calendar-data  td.nil {
		background:url(../images/light-hue.jpg) repeat;
	}

	#cal #cal-frame .calendar-data  tr td:first-child {
	    border-left:0;
	}


	#cal #cal-frame .calendar-data  td.today {
	    background:#ededed;
	    color:#8c8c8c;
	    box-shadow:1px 1px 0px #fff inset;
	    -moz-box-shadow:1px 1px 0px #fff inset;
	    -webkit-box-shadow:1px 1px 0px #fff inset;
	}
	#cal #cal-frame .calendar-data  td:not(.nil):hover {
	    /*color:#fff;
	    text-shadow: #6C1A07 0px -1px;
	    background:#CD310D;
	    background: -moz-linear-gradient(top, #b32b0c, #cd310d);
	    background: -webkit-gradient(linear, left top, left bottom, from(#b32b0c), to(#cd310d));
	    -moz-box-shadow:0px 0px 0px;
	    -webkit-box-shadow:0px 0px 0px;
	    */
	}
	#cal #cal-frame .calendar-data  td span {
	    font-size:100%;
	    /*position:relative;*/
	}
	#cal #cal-frame .calendar-data  td span:first-child {
	    bottom:5px;
	}
	#cal #cal-frame .calendar-data  td span:last-child {
	    top:5px;
	}
	#cal #cal-frame   table.curr {
	    float:left;
	}
	#cal #cal-frame   table.temp {
	    position:absolute;
	}

	#cal #cal-frame .major_time{
		font-weight:bold;
	}

	#cal #cal-frame .calendar-data td > div {
	    height:132px;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    /*cursor:pointer;*/
	    position:relative;
	}

	#cal #cal-frame .calendar-data div.fishday {
	    height:132px;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    /*cursor:pointer;*/
	    position:relative;

	}

	#cal #cal-frame .calendar-data .a-event {
	    position:relative;
	    padding:56px 2px 0 16px;
	    /*border-top:10px solid #e9e9e9;
	    border-top:10px solid #FFFFFF;*/
	    height:100%;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}
	#cal #cal-frame .calendar-data td > div.active .a-event {
	    border-top-width:7px;
	    padding-left:11px;
	    padding-right:2px;
	}


	#cal #cal-frame .calendar-data .fishday-red .a-event {border-color:#c9242c;}
	#cal #cal-frame .calendar-data .fishday-orange .a-event {border-color:#e3730f;}
	#cal #cal-frame .calendar-data .fishday-orangelight .a-event {border-color:#eab204;}
	#cal #cal-frame .calendar-data .fishday-yellow .a-event {border-color:#edd96b;}

	#cal #cal-frame .calendar-data .fishday-level5 .a-event {border-color:#c9242c;background-color: #35538A;color:#FFFFFF;}
	#cal #cal-frame .calendar-data .fishday-level4 .a-event {border-color:#c9242c;background-color: #4573A5;color:#FFFFFF;}
	#cal #cal-frame .calendar-data .fishday-level3 .a-event {border-color:#e3730f;background-color: #e3730f;}
	#cal #cal-frame .calendar-data .fishday-level2 .a-event {border-color:#eab204;background-color: #eab204;}
	#cal #cal-frame .calendar-data .fishday-level1 .a-event {border-color:#edd96b;background-color: #edd96b;}

	#cal #cal-frame .calendar-data .fishday-level5 .c-date{color:#FFFFFF;}
	#cal #cal-frame .calendar-data .fishday-level4 .c-date{color:#FFFFFF;}

	#cal-legend {
		margin-top:40px;
		margin-bottom:40px;
	}
	#cal-legend #cal-legend-scale{
		border:1px solid #F0F0F0;
	}
	#cal-legend #cal-legend-scale td.fishday-level5 {border-color:#c9242c;background-color: #35538A;}
	#cal-legend #cal-legend-scale td.fishday-level4 {border-color:#c9242c;background-color: #4573A5;}
	#cal-legend #cal-legend-scale td.fishday-level3 {border-color:#e3730f;background-color: #e3730f;}
	#cal-legend #cal-legend-scale td.fishday-level2 {border-color:#eab204;background-color: #eab204;}
	#cal-legend #cal-legend-scale td.fishday-level1 {border-color:#edd96b;background-color: #edd96b;}

	#cal-legend #cal-legend-scale-info .cal-legend-scale-low-high-info{
		width: 100%;padding-top:10px;
	}

	#cal-legend #cal-legend-scale-info .cal-legend-scale-low-info{
		width:50%;text-align: left;float:left;font-size: 14px;
	}

	#cal-legend #cal-legend-scale-info .cal-legend-scale-high-info{
		width:50%;text-align: right;float:right;font-size: 14px;font-weight:bold;
	}



	#cal #cal-frame .calendar-data .other-month .a-event,#cal #cal-frame .calendar-data .nil .a-event {border-top:0;}
	#cal #cal-frame .calendar-data .ico-solunar {
	    position:absolute;
	    top:23px;
	    left:11px;
	}

	#cal #cal-frame .calendar-data .c-date {
	    position:absolute;
	    top:18px;
	    right:20px;
	    color:#3c3c3c;
	    font-size:23px;
	}

	#cal-form{
		padding:20px;
	}