body{
	font-family: arial;
}





.bb-block{
	background: rgb(26,63,88);
	background: -moz-linear-gradient(top, rgba(26,63,88,1) 0%, rgba(20,41,56,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(26,63,88,1)), color-stop(100%,rgba(20,41,56,1)));
	background: -webkit-linear-gradient(top, rgba(26,63,88,1) 0%,rgba(20,41,56,1) 100%);
	background: -o-linear-gradient(top, rgba(26,63,88,1) 0%,rgba(20,41,56,1) 100%);
	background: -ms-linear-gradient(top, rgba(26,63,88,1) 0%,rgba(20,41,56,1) 100%);
	background: linear-gradient(to bottom, rgba(26,63,88,1) 0%,rgba(20,41,56,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a3f58', endColorstr='#142938',GradientType=0 );
	width: 270px;
	padding: 24px 20px;
	overflow: hidden;
	margin-bottom: 40px;
	float: right;
	-webkit-transition: height 0.3s ease;
	-moz-transition: height 0.3s ease;
	-ms-transition: height 0.3s ease;
	-o-transition: height 0.3s ease;
	transition: height 0.3s ease;
}
.bb-block .title{
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	font-size: 16px;
	text-align: center;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.bb-block .text{
	color: #c6feff;
	text-align: center;
	margin: 6px auto 10px;
	font-size: 14px;
}
.bb-block .right{
	float: right;
	margin-top: 20px;
}


.bb-block input[type="text"]{
	background: url(calendar/images//calendar.jpg) no-repeat 198px center #ffffff;
	width: 100%;
	padding: 12px 10px;
	font-size: 14px;
	margin: 10px 0;
	border-radius: 0;
}

.bb-block .cencel{
	padding-top: 30px;
	text-align: center; 
	clear: both;
}


.bb-block input[type="submit"], .bb-block button[type="submit"]{
background: rgb(155,214,111); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(155,214,111,1) 0%, rgba(117,174,76,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(155,214,111,1)), color-stop(100%,rgba(117,174,76,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(155,214,111,1) 0%,rgba(117,174,76,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(155,214,111,1) 0%,rgba(117,174,76,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(155,214,111,1) 0%,rgba(117,174,76,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(155,214,111,1) 0%,rgba(117,174,76,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bd66f', endColorstr='#75ae4c',GradientType=0 ); /* IE6-9 */
display: block;
border: 1px solid #373737;
font-size: 15px;
padding: 10px 0;
cursor: pointer;
border-radius: 0;
text-transform: uppercase;
width: 100%;

}

.bb-block input[type="submit"]:hover, .bb-block button[type="submit"]:hover{
background: rgb(117,174,76); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(117,174,76,1) 0%, rgba(155,214,111,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(117,174,76,1)), color-stop(100%,rgba(155,214,111,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(117,174,76,1) 0%,rgba(155,214,111,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(117,174,76,1) 0%,rgba(155,214,111,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(117,174,76,1) 0%,rgba(155,214,111,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(117,174,76,1) 0%,rgba(155,214,111,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75ae4c', endColorstr='#9bd66f',GradientType=0 ); /* IE6-9 */
}

.bb-block button[type="submit"]{
	margin: 20px auto 0;
}

.bb-block a{
	color: #fff;
}
.bb-block a:hover{
	text-decoration: underline;
}

.translucent_line{
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 52%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(52%,rgba(255,255,255,0.2)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 52%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 52%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 52%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 52%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	width: 100%;
	height: 2px;
	margin: 15px 0 20px;	
}

#ui-datepicker-div {
        box-shadow: 0 0 9px rgba(204, 204, 204, 0.93);
        padding: 10px 25px 15px 25px;
        width: 320px;
        z-index: 1000!important;
    }

    .ui-datepicker-calendar thead tr {
        border-bottom: 1px solid #dfdfdf;
        border-top: 1px solid #dfdfdf;
        color: #1a3e57;
    }

    .ui-state-default {
        width: 32px;
        padding: 4px !important;
        border: 1px solid #ffffff;
        text-align: center !important;
    }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        background: #1a3e57;
        border: 1px solid #142938;
        text-align: center;
        width: 32px;
        padding: 4px;
        color: #fff;
    }

    .ui-widget-header {
        font-weight: 600;
    }

    .ui-state-hover, .ui-widget-content .ui-state-hover {
        border: 1px solid #142938;
        width: 32px;
        padding: 4px;
    }

    .ui-datepicker th {
        padding: 0.4em 0.3em;
        font-weight: 600;
    }

    .ui-state-hover .ui-icon-circle-triangle-e {
        background: url(calendar/images/right-circle-arrow.png) center no-repeat !important;
    }

    .ui-icon-circle-triangle-e {
        background: url(calendar/images/right-arrow.gif) center no-repeat !important;
        height: 31px;
        width: 31px;
    }

    .ui-state-hover .ui-icon-circle-triangle-w {
        background: url(calendar/images/left-circle-arrow.png) center no-repeat !important;
    }

    .ui-icon-circle-triangle-w {
        background: url(calendar/images/left-arrow.gif) center no-repeat !important;
        height: 31px;
        width: 31px;
    }

    .ui-widget-header .ui-state-hover {
        border: none !important;
        background: #fff;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 2px !important;
        top: -2px !important;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: -1px !important;
        top: -2px !important;
    }

    .ui-widget-header .ui-state-disabled {
        background: #fff;
    }