@import url("Templates/htmlEditorTemplates.css");

.branding-top {
	background: url(dnn_large_banner.png) no-repeat top left;
	width: 900px;
	height: 428px;
	clear: both;
	overflow: hidden;
}
.branding-top p {
	padding: 0px 60px 0 60px;
	font-size: 1.4em;
	color: #333;
}
.branding-bottom {
	clear: both;
	margin: 1em 0;
	overflow: hidden;
}
.branding-bottom ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	clear: both;
}
.branding-bottom li {
	list-style: none;
	margin: 0 20px 0 0;
	padding: 0;
	display: block;
	width: 210px;
	float: left;
}

.branding-bottom li.training {
	margin: 0;
}

.branding-bottom dl {
	background: url(itembg.gif) repeat-y;
	margin: 33px 0 0 0;
	padding: 0 10px;
}
.branding-bottom dd {
	margin: 0 10px;
	height: 66px;
}
.branding-bottom dt {
	font-size: 90%;
	text-align: center;
	padding-top: 65px;
	margin-bottom: 1.75em;
	font-weight: bold;
}
.branding-bottom .commmunity {
	background: url(community_title.gif) no-repeat top left;
}
.commmunity dt {
	background: url(community_icon.gif) no-repeat;
	background-position: 50% 10px;
}
.branding-bottom .marketplace {
	background: url(marketplace_title.gif) no-repeat top left;
}
.marketplace dt {
	background: url(marketplace_icon.gif) no-repeat;
	background-position: 50% 10px;
}
.branding-bottom .conferences {
	background: url(conferences_title.gif) no-repeat top left;
}
.conferences dt {
	background: url(conferences_icon.gif) no-repeat;
	background-position: 50% 10px;
}
.branding-bottom .training {
	background: url(training_title.gif) no-repeat top left;
}
.training dt {
	background: url(training_icon.gif) no-repeat;
	background-position: 50% 10px;
}
dl.bt {
	margin: 0;
	padding: 0;
	background: url(item_bt_bg.gif) no-repeat bottom;
	height: 32px;
	width: 210px;
}
div.link_adminguide {
	float:left;
	background: url(dnn_adminguide.png) no-repeat top left;
	width: 316px;
	height: 137px;
	cursor: pointer;
}
div.link_proedition {
	float:right;
	background: url(dnn_proedition.png) no-repeat top left;
	width: 514px;
	height: 137px;
	cursor: pointer;
}
div.link_main {
	margin: 260px 30px 0px 30px;
}

#LoginInfo
{
	width:545px; 
	float:left;
}
#LoginInfo h3
{
	background-color: #f7f7f7;
	color: #8f0000;
	padding: 2px 0px;
}
#LoginInfo dd, #LoginInfo dt 
{
	display:inline;
}
#LoginInfo dt
{
	font-weight:bold;
	color: #333;
}
#LoginInfo p.LoginNotes
{
	font-size: .8em;
}
#LoginInfo div.LoginBlock {
	float: left;
	width: 255px;
	padding: 5px 5px;
	margin: 0px 2px;
	border: 1px #f0f0f0 solid;
}
.SponsorIcon
{
	margin: 10px 50px; 
	float: left;
}
#QuickLinks 
{
	background-color:#f0f0f0;
	border: 1px #cccccc solid;
	padding: 2px 5px;
	position:relative;
	width:330px;
}
#QuickLinks h2, #QuickLinks p
{
	margin: 5px 5px;
}
div.hr
{
	height: 2px;
	background-color: #8f0000;
	margin: 5px 0 15px 0;
	clear:both;
}
div.hr hr
{
	display: none;
}

#TelerikInside
{
	background: white url('telerikInside.jpg');
	border: 1px #cccccc solid;
	padding: 20px 5px 10px 130px;
	margin-bottom: 5px;
	width: 205px;
	height: 140px;
	border-style:none;
}

#TelerikInside h2
{
	font-weight: bold;
}

#RightColumnInfo
{
	float:right;
	width:340px;
	margin-left: 10px;
	margin-bottom: 15px;
}
#qlCol1, #qlCol2
{
	margin: 5px 5px 15px;
	padding-left: 12pt;
	float: left;
	position:relative;
}

/* removed 6/12/2019
.arrival1,.arrival2,.arrival3,.arrival4,.arrival2ndPref{
    float: right;
    margin: 2px 0px 0px -29px !important;
    background-image: url("Images/datepicker.png");
    width: 24px !important;
    height: 24px;
}

.depart1,.depart2,.depart3,.depart4,.depart2ndPref{
    float: right;
    margin: 2px 0px 0px -29px !important;
    background-image: url("Images/datepicker.png");
    width: 24px !important;
    height: 24px;
}
*/
.arrival1,.arrival2,.arrival3,.arrival4,.arrival2ndPref{
    float: left;
    margin: 4px 0px 0px -43px !important;
    background-image: url("Images/datepicker.png");
    width: 24px !important;
    height: 24px;
	position: relative;
}

.depart1,.depart2,.depart3,.depart4,.depart2ndPref{
    float: left;
    margin: 4px 0px 0px -43px !important;
    background-image: url("Images/datepicker.png");
    width: 24px !important;
    height: 24px;
	position: relative;
}

/*winter booking form 13/1/2020*/
input#dnn1829Person1, input#dnn1829Person2 {
    padding: 0 0 0 17px;
}
/*winter booking form 13/1/2020 end*/



/* --------------- style add for table grid --------------------- */
.dataTable tr td{border: medium none;
cursor: pointer;
font-family: 'Trebuchet MS';
font-size: 12px;
padding: 6px 12px;
vertical-align: middle;
}
    .dataTable tr th {
        font-family: 'Trebuchet MS';
    font-size: 12px;
    font-weight: normal;
    }

.dataTable tr td a{ color:#000;}
.dataTable tr td a:hover{ color:#3f714e;text-decoration: underline;}
.dataTable tr:hover{background-color: #e8f1fa !important;}


.dataTable tr:nth-child(even) {background: #F2F2F2}
.dataTable tr:nth-child(odd) {background: #FFF}

.paginate_enabled_next 
{ background: url("/Images/forward_disabled.png") no-repeat scroll right top rgba(0, 0, 0, 0);
padding-right: 24px;
    padding-top: 2px; margin-left:12px;cursor: pointer;margin-right:-5px;
}

 .paginate_button{padding-left: 22px;
    padding-top: 2px; cursor: pointer;}

.paging_full_numbers {
       display: inline-block;
float: right !important;
margin-right: -89px;
margin-top: 6px;
font-size:13px;
}

.paging_full_numbers a {
    padding:0px 3px;}

.paginate_disabled_next{
padding-right: 24px;
    padding-top: 2px; margin-left:12px;
}

.dataTables_info{ float:left; margin-top:10px; font-size:13px;}
.paging_two_button{ float:right; margin-top:10px;}
.search_init{ width:113px !important;}
.select_filter{ width:125px !important;}
.date_range_filter{ width:113px !important;}

.dataTable th{word-break: break-all;}
    .dataTable th input[type="text"], select, textarea, input[type="email"], input[type="search"], input[type="password"] {
        margin-bottom: 5px;
    }
.dataTable td{word-break: break-all;}

.ui-widget-content .onlynumber {
    width: 50px !important;  margin:0px 12px 15px 12px; padding:4px 9px;
}
.ui-widget-content .onlyname {
    width: 180px !important; padding:4px 9px;margin: 0 0px 15px;
}
.ui-widget-content .deleteRow {
    margin:0px 0 0;
}

.dataTable th input[type="text"], .dataTable th select {
    padding: 4px; font-family:'Trebuchet MS'; font-size:12px;
}
.dataTable .table_thstyle th:nth-child(1) {
    max-width: 55px !important; min-width:55px !important; color: transparent;border-color: #000000;
}
.dataTable .table_thstyle th:nth-child(2) {
    max-width: 125px !important;
min-width: 120px !important;
}
    .dataTable .table_thstyle th:nth-child(2) select {
        width:115px !important;
    }
.dataTable .table_thstyle th:nth-child(3) {
    max-width: 128px !important; min-width:128px;
}
.dataTable .table_thstyle th:nth-child(6),.dataTable .table_thstyle th:nth-child(7) {
    max-width: 92px !important; min-width:92px; color: transparent;border-color: #000000;
}
.dataTable .table_thstyle th:nth-child(9) {
    max-width:100px !important; color: transparent;border-color: #000000;
}
.dataTable tbody tr td:nth-child(9) {
    max-width:44px !important; min-width:44px !important;
}
.dataTable .table_thstyle th:nth-child(4) {max-width: 100px !important;
min-width: 100px;
color: transparent;border-color: #000000;
}
.dataTable .table_thstyle th:nth-child(5) {max-width: 98px !important; min-width: 100px;}
    .dataTable .table_thstyle th:nth-child(5) input[type="text"] {
        max-width: 80px !important;
    }
.dataTable .table_thstyle th:nth-child(8) {
    max-width: 193px !important; min-width: 193px;color: transparent;border-color: #000000;
}
.dataTable th input[type="text"] {
    max-width: 114px !important;
}
.ui-datepicker-next {
    float: right;
}
.ui-datepicker-title {
    text-align: center; position:absolute; top:7px; left:30%;
}
.ui-widget-header {
    width: 240px; font-size:12px; position:relative; padding:8px 0;
}
.ui-datepicker-calendar {
    width: 100%;
}
.ui-datepicker-prev, .ui-datepicker-next {
    margin: 0 5px;
}

.control-label childrendetails {
    cursor:pointer;
}

.table_thstyle {
   background-color:none;
}

.dataTable thead tr:nth-child(1):hover {
    background: #fff !important;
}

.dataTables_paginate paging_full_numbers {
        float:right !important;
}
/* --------------- style add fortable grid --------------------- */

.dataTables_paginate .first{background: url("Images/back_disabled.png") no-repeat scroll left top;padding-left: 22px;
    padding-top: 2px; cursor: pointer;}
.dataTables_paginate .last{background: url("Images/forward_disabled.png") no-repeat scroll right top;padding-right: 22px;
    padding-top: 2px; cursor: pointer;}
.dataTables_paginate .previous{background: url("Images/back_disabled.png") no-repeat scroll left top;padding-left: 22px;
    padding-top: 2px; cursor: pointer;}
.dataTables_paginate .next{background: url("Images/forward_disabled.png") no-repeat scroll right top;padding-right: 22px;
    padding-top: 2px; cursor: pointer;}

/**Date: 01/03/2014**/

.dataTables_wrapper{  width: 967px; }

.dataTables_paginate a.disable {  pointer-events: none;}


/*07 May : To invisible the children details textbox  */

.MemberChildrenDetails1 {
    visibility:hidden;
}
.MemberChildrenDetails2 {
    visibility:hidden;
}
.GuestChildrenDetails1 {
    visibility:hidden;
}
.GuestChildrenDetails2 {
    visibility:hidden;
}
/*.ChildrenName1 {
    visibility:hidden;
}*/
/*07 May : To invisible the children details textbox  */

/*20 May : Datepicker css with month and year dropdown*/
.ui-datepicker-month {
    padding:1px;
    background:white;
    /*width:36%;*/
    width:47%;
}
.ui-datepicker-year {
    padding:1px;
    background:white;
    /*width:36%;*/
    width:53%;
}
/*20 May : Datepicker css with month and year dropdown*/

/*For Invisible Print Header in BookingList Grid*/
.dataTable .table_thstyle th:nth-child(10) {
    max-width:120px !important; color: transparent;border-color: #000000;
}


.booking_DT {
    left: 26% !important;
}
.booking_DT_select {
    width: 50% !important;
}

/*.ui-datepicker-title {
    text-align: center; position:absolute; top:7px; left:30%;
}*/
.ui-datepicker-title {
    text-align: center; position:absolute; top:5px; left:26%;
}



div#bannerText{
	max-height: 200px;
}


/*Bookings Form inside Accommodation Start*/

 div.homeAvailabilityLoggedBookings {
    position: inherit;
    z-index: 999;
    top: 50%;
    right: 10%;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}


 .btn-green, div.homeAvailabilityLoggedBookings .btn-green{
    background-color: #3f714e;
    color: #ffffff;
	border: 2px solid gray;
	border-radius: 0px;
	font-size: 1.6em;
}
 .btn-white, div.homeAvailabilityLoggedBookings .btn-white{
    background-color: #ffffff;
    color: #3f714e;
	border: 2px solid gray;
	border-radius: 0px;
	font-size: 1.6em;
}

.white-background-for-spacing {
    background: white;
    padding-bottom: 85px;
    padding-top: 25px;
}

.col-xs-12.homeAvailabilityLoggedBookingsOuter {
    background: rgb(241 240 240);
    padding: 3% 0% 4% 0%;
}

.btn-bookings {
    background-color: #5BC0DE;
    border-color: #5BC0DE;
    color: white;
    min-width: -webkit-fill-available;
    min-width: 315px;
}
.btn-bookings:hover{
    background-color: #656871;
    border-color: #656871;
    min-width: -webkit-fill-available;
}

a.btn-bookings:visited {
    color: #ffffff;
}

h2.select-booking-text {
    text-align: center;
    padding-bottom: 3%;
}
/*Bookings Form inside Accommodation End*/

.btn-availability {
    background-color: #5BC0DE;
    border-color: #5BC0DE;
    color: white;
}


a.btn-availability:visited {
    color: #ffffff;
}


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
div.memberbookingpaymentform a
{
    display: none;;
}