/*DMS STYLESHEET*/
.thedmsBackgroundFix /*works as a clearer div in the dms*/{clear: both;font-size: 1px;height: 1px;}

form ul {padding: 0px;margin: 0px;}
form li {margin-top: 10px;list-style: none;clear: both;}
form li.radio label {clear: none;float: left; padding:2px;}
form li.radio input {float: left;} 
form li.check label {text-align: left;margin-right: 0;float: none;display: inline}
form li.check span {display:block;}

/*All key backgrounds with the gif images for fuzzy edges- set background to a lighter colour*/
.thedmskey {
background-color:#FFFFFF;
margin-bottom:17px;
}

/* used for TEL, FAX etc captions */
.Caption {font-size: 70%;font-weight: bold;}

/* used for instructions, eg what to do next */
.Instructions {font-weight: bold;text-align: center;}

/* used for feedback to user, eg error messages or advice such as you need to enter your name, or no information found */
.Feedback {color: red;font-weight: normal;text-align: center;}

.thedms img {border:0;}

/*--------------------------AC/EA Shared Browse Page Styles---------------------------------*/
div#thedmsBrowseGrid .BrowseRow{
	border: 1px solid #ccc;
	border-top: 0px;
}

div#thedmsBrowseGrid .BrowseCellCol1{
	border-right: 1px solid #ccc;
	margin: 4px;
}

/* to have different colours on ea or ac browse page headings have two versions of DIV#thedmsBrowseGrid  .BrowseCell h2 and prefix with DIV#thedms01 and DIV#thedms11 */

/*--------------------------Accommodation - Search---------------------------------*/
/*--------------------------Accommodation - Browse---------------------------------*/
#thedms01 DIV#thedmsBrowseGrid .BrowseCell {
	float: left;
	margin: 1px;
	width: 48%;/* width will changing if not 3 column version, 48% if 2 column version  */
}

/*New Browse Page - implementing from 1st July 2009 - TC / RG for questions*/
/*row option*/
div#thedmsBrowseGrid .BrowseBookCell 
{
    border-top:4px solid #639EC6;
    background:#E9F0F6;
}

.BrowseBookactionpanel 
{
    background:#E9F0F6;
}

div#thedms01n .thedmsbutton a, div#thedms01n .thedmsbutton a:visited 
{
    background:#639EC6;
    color:White;
}

div.thedmsBrowsePagination a.thedmsPaginationCurrentPage 
{
    background:#639EC6;
    color:White;
}

div.thedmsBrowsePagination a 
{
    background:#E9F0F6;
    color:#666;
}
/*2 column option*/
/*3 column option*/

/*--------------------------Accommodation - Details---------------------------------*/
#thedmsAvailabilityChart{margin: 4px;}
/*this may need to be deleted, but it makes it work on most of the layouts, especially accommodation layout 1.*/
#thedmsAvailabilityChart table {clear:left;margin: auto;}
#thedmsAvailabilityCheck{background-color: #F0F0F0;}

/*--------------------------Venue - Search---------------------------------*/
/*--------------------------Venue - Browse---------------------------------*/
/* widths may need changing if not 100% width */
#thedms11 DIV#thedmsBrowseGrid .BrowseCell {
	width: 80%;
	float: left;
}
#thedms11 DIV#thedmsBrowseGrid .BrowseSmallPicture {
	width: 15%;
	float: left;
	text-align: center;
	padding: 10px;
}

/*--------------------------Venue - Details---------------------------------*/
/*--------------------------Event - Browse---------------------------------*/
#thedmsBrowseEvents {clear:both;}
DIV#thedmsItemsPanel{background-color: #FFF;}
DIV#thedmsContactPanel{width: 60%;}

/*--------------------------Event - Details---------------------------------*/
/*------------------ dms styles for google mapping ------------------------*/
#thedmsShowMap, #thedmsHideMap, #thedmsShowListings, #thedmsHideListings{
	padding:5px;
	font-size: 100%;
	font-weight: bold;
	margin-right: 5px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	display: block;
	margin-bottom: 0px;
}
#thedmsGoogleMap{
	margin: auto;
}

/*--------------------------Site Specific Styling---------------------------------*/
form ul {
margin:0;
padding:0;
}

ul {
list-style:none outside none;
margin-bottom:2px;
}

form li {
clear:both;
list-style:none outside none;
margin-top:10px;
}

form li {
clear:both;
list-style:none outside none;
margin-top:10px;
}

#thedmsContact label {
display:block;
float:left;
margin-right:0.5em;
text-align:right;
width:30%;
}
input, textarea, select {
border:1px solid #CCCCCC;
margin:2px;
}
#thedms151{
width:771px;
}
#thedms530{
width:771px;
}
#thedms150{
width:960px;
}
.br {
background:url("/img/br-2.png") no-repeat scroll 10px 5px transparent;
bottom:0;
height:23px;
left:196px;
overflow:hidden;
position:absolute;
width:27px;
z-index:501;
}
.brochurebutton {
background:url("/img/button/search1.jpg") no-repeat scroll 0 0 transparent;
border:medium none;
color:#FFFFFF;
cursor:pointer;
float:right;
height:25px;
margin:1px 8px 8px 0;
padding:3px 2px 5px;
text-align:center;
width:59px;
}

.brochurebutton:hover{
background:url(/img/button/search1-hover.jpg) no-repeat scroll left top #9C948C;
border:medium none;
color:#fff;
cursor:pointer;
height:25px;
width:59px;
}

#thedms151 fieldset {
background-color:#EAFEBF;
padding:5px 0 5px 10px;
}
#thedms530 fieldset {
background-color:#EAFEBF;
padding:5px 0 5px 10px;
}

.thedmsQuestion {
display:block;
}
div#thedms151 .thedmsAnswers {
display:block;
float:left;
width:48%;
}
div#thedms530 .thedmsAnswers {
display:block;
float:left;
width:48%;
}
div#thedms151 .thedmsQuestion {
display:block;
float:left;
padding:5px;
width:35%;
}
div#thedms530 .thedmsQuestion {
display:block;
float:left;
padding:5px;
width:35%;
}

legend {
color:#669900;
font-size:16px;
font-weight:bold;
}

div#thedmsPropertyEssentialsleft {
float:left;
margin-right:10px;
width:25%;
}

#thedmsfacilitiessymbols{
margin-bottom:18px;
}

#thedms02n  p{
padding:5px;
}

#thedms12 .button {
float:none;
height:25px;
width:60px;
}

#thedms12 td{
font-size:12px;
}

td, p, tr, h1, h2, h3, h4{
font-family:arial;
padding:2px;
}

#thedmsBrowseEvents a:hover{
text-decoration:underline;
}

.searchbuttonholder .button {
height:25px;
width:60px;
}

.searchbuttonholder .button:hover {
height:25px;
width:60px;
}

div#thedmsSearch0 {
float:left;
padding-right:20px;
width:47%;
}

#thedms01 div#thedmsBrowseGrid .BrowseCell h2 {
background-image:url("/img/main-box.jpg");
background-repeat:no-repeat;
color:#FFFFFF;
font-size:110%;
height:49px;
padding:4px 0 0 4px;
width:464px;
z-index:1;
}

#thedms01 #thedmsBrowseGrid h2 {
margin:0;
padding:0;
}
div#thedmsBrowseGrid .BrowseCell {
padding:0px;
}



div#thedms11n .thedmsBrowseH2Background {
background:none repeat scroll 0 0 #669900;
margin-bottom:10px;
width:100%;

}


div#thedms11n #thedmsBrowseListing .thedmsBrowseRow .thedmsBrowseH2Background h2 {
background:none repeat scroll 0 0 #669900;
color:White;
float:left;
font-size:110%;
margin:3px 0 0;
padding:6px 8px;
position:static;
border:none;
border:1px solid #669900;
}

div#thedms11n #thedmsBrowseListing .thedmsBrowseRow .thedmsBrowseH2Background h2  a:hover{
color:#330099;
}

.thedmsbutton {
background:none repeat scroll 0 0 #330099;
border:1px solid #330099;
float:none;
font-weight:bold;
margin-bottom:10px;
padding:6px 8px 9px 4px;
}

div.thedmsActionsHolder li.thedmsbutton {
height:22px;
padding-left:6px;
}

#thedmsFestival a:hover{
color:#669900;
text-decoration:underline;
}

#thedmsFestival li a, a:visited{
color:#000;
}

table#thedmsOpeningTimesTableFullWidth {
font-size:80%;
margin:5px;
padding:5px;
width:77%;
}

#thedmsOpeningTimesTableFullWidth caption{
padding:2px;
}

#thedmsdetailsACbuttons p{
padding:5px;
}

.thedmsImageLink {
border-style:none;
margin:4px;
vertical-align:middle;
}

#thedmsfeatureamentities{
margin:2px;
}

div#thedmsItemsPanel {
float:left;
padding:0 4px;
width:39%;
}

#thedmsBrowseEvents a, a:visited{
color:#669900;
}

#thedmsBrowseEvents  a:hover{
color:#669900;
text-decoration:underline;
}

table#thedmsBrowseEvents{
font-size:12px;
}

#thedms02n a{
color:#330099;
}
#thedms11n a{
color:#669900;
}
#thedms11n div.thedmsBrowsePagination   a{
color:#fff;
}

#thedms530 .ProfileChoice{
/*padding-left:270px;*/
}
div.thedmsQuestionHolder .thedmsMultiQuestionHolder p{
padding-left:5px;
}


/*#thedms530 .thedmsProfileQuestionRadioButtonList .thedmsMultiQuestionHolder{
padding-left:270px;
}*/

#thedms530 a{
color:#330099;
}

#thedms530 .thedmsQuestionHolder {
padding-bottom:15px;
}
/*
#thedms530 .inlineLabel{
padding-left:270px;
}*/

#divProfiling{
padding-top:15px;
}
/*Special Offer Styling 19/12/11 - Nathan */

.thedmsSOlist {
background: none repeat scroll 0 0 #E9F0F6;
border: 2px solid  #669900;
}
.thedmsSOlist li img {
  /*  May need something like “background: #fff; padding 2px;“ if it’s a black site and you need the star to show up */
}


/* AC Details: */
#thedmsSpecialOffersHolder {
background: none repeat scroll 0 0 #E9F0F6;
border: 3px solid  #669900;
}

.thedmsSO {
background: none repeat scroll 0 0 #E9F0F6;
border: 3px solid  #669900;
}

div a.thedmsSObutton, a.thedmsSObutton:visited {
background: none repeat scroll 0 0 #669900;
border: 1px solid #669900;
color: #FFFFFF;
}

div#thedms02n #thedmsAvailability .thedmsSOdetails {
background: none repeat scroll 0 0 #E9F0F6;
border: 1px dotted  #669900;
}

/* EA Browse: */
div#thedms11n .thedmsfunctionholder {
float:left;
width:100%;
}

/* EA Details: */
#thedms13 .thedmsSO {
background: none repeat scroll 0 0 #E9F0F6;
border: 3px solid  #669900;
}
a.thedmsSObutton, a.thedmsSObutton:visited {
background: none repeat scroll 0 0 #669900;
border: 1px solid #669900;
color: #FFFFFF;
}

/* End of special Offer */



