
/*PUBLICATION STYLESHEET for the dms - Ready for a grey site*/
/*Used across all dms pages*/
.thedmsBackgroundFix /*works as a clearer div in the dms*/{
	clear: both;
	font-size: 1px;
	height: 1px;
}
/*across all forms*/
form ul {
	padding: 0px;
	margin: 0px;
}
form li {
	margin-top: 10px;
	list-style: none;
	clear: both;
}
form li.radio label {
	clear: none;
	float: left;
}
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: #F7F7F2;
}

/* 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;
}
.thedms td img {
	margin: 0 2px;
}

/*---------------------------------------------------------------------attractions/venues pages----------------------------------------------------------------------------------*/
/*venue search pages*/
/*venue details pages*/
TABLE#thedmsOpeningTimesTableFullWidth th{/*
	color: #333333;
	background-color: #CCCCCC;
	padding: 3px;*/
}
/*-------------------------------------------------------------accommodation and attractions browse pages------------------------------------------------------*/

#thedms01 DIV#thedmsBrowseGrid .BrowseCell {

}
/* 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;
}

div#thedmsBrowseGrid .BrowseRow{

	
}
div#thedmsBrowseGrid .BrowseCellCol1{
	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 styles go here------------------------------------------------------*/
#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;
	text-align: center;
}

/*--------------------------------------------------------------------- events ----------------------------------------------------------------------------------*/
#thedmsBrowseEvents {
	clear:both;
}

DIV#thedmsItemsPanel/*events*/, #thedmsAvailabilityCheck /*accommodation*/{
	
}
DIV#thedmsContactPanel {
	width: 54%;
}
/*--------------------------------------------------------------------- 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;
}
div#thedmsMapHolder {
	text-align:left !important;
}
#thedmsGoogleMap{
	width: 800px;
	margin:0 !important;
	margin-left:0 !important;
	margin-right:0 !important;
}

/*thedms 0*/

div#thedms00 {
margin:auto;
width:100%;
padding-botton:5px;
}



div#thedms0{
width:100%;
margin:auto;
padding:0px;
margin:0px;
}


input.button{
background-color:#f58030A;
background-image:url(../img/eateast/button-grad.jpg);
background-position:left top;
background-repeat:none;
border:0pt none;
color:#ffffff;
cursor:pointer;
text-decoration:none;
padding-top:0px;
padding-bottom:0px;
padding-left:15px;
padding-right:15px;
}


#thedmsSearch0 h2, #thedmsSearch1 h2 {
background-color:#428bc7;
background-image:url(../img/gradiants/blue-grad-stripe.jpg);/*var*/
font-weight:bold;
text-decoration:none; 
margin-top:10px;
margin-bottom:10px;
padding:6px;
color:#FFFFFF;
font-size:100%;
}


div#thedmsSearch0 {
float:left;
padding-right:1px;
width:49%;
}

#thedmsSearch1 {
float:right;
width:49%;
}

/*dms1*/
div#thedms01 {
margin:auto;
width:100%;
}

div#thedmsAbbreviationsKey {
float:left;
padding-bottom:9px;
}

div#thedmsBrowseGrid {
border:none;
}

div#thedmsBrowseGrid .BrowseRow {
margin-bottom:3px;
width:100%;
/*background-color:#F7F7F2;
border-top:4px solid #E9E9DE;*/
/*padding:15px;*/
}

#thedms01 div#thedmsBrowseGrid .BrowseCell {
background-color:#cccccc;
}

#thedms01 DIV#thedmsBrowseGrid .BrowseCell {
	float: left;
	padding:0px;
	margin:5px;
	margin-left:5px;
	width: 450px;/* width will changing if not 3 column version, 48% if 2 column version  */
	background-color:#F7F7F2;
	/*border: 1px solid #E9E9DF;*/
}



div#thedmsBrowseGrid .BrowseCell h2 {
padding-top:6px;
padding-bottom:0px;
padding-left:5px;
text-align:left;
background-image:url(../img/gradiants/dms-gradiant.jpg);
}

#thedms01 h2{
font-size:110%;
font-weight:bold;
color:#ffffff;
}



div#thedmsBrowseGrid .detailbtn {
float:right;
padding-left:15px;
padding-right:15px;
padding-bottom:2px;
width:auto;
margin-bottom:5px;
margin-right:5px;
}

#thedmsListings {
clear:both;
width:100%;
}


div#thedmsBrowseGrid .details_holder {
clear:right;
width:80%;
margin-left:8px;
}

div#thedmsBrowseGrid .detailbtn a {
color:#ffffff;
text-decoration:none;
}

#thedmsBrowseGrid p{
margin-left:5px;
margin-top:5px;
}


#thedms01 th, div#thedmsAvailabilityChart th, #thedmsBrowseEvents th {
background-color:#478FCA;
background-image:none;
color:#FFFFFF;
}


/*dms2*/

div#thedms02 {
margin:auto;
width:100%;
padding-bottom:0px;
}

#thedmsSmallImg {
border-left:1px dotted #73827A;
border-right:1px dotted #73827A;
margin-bottom:30px;
}

div#thedmsPropertyEssentials, div#thedmsContactPanel, #thedmsAvailabilityCheck, #thedmsAvailability, #thedmsDetailsServices {
background-color:#F7F7F2;
border-top:4px solid #E9E9DE;
padding:15px;
margin:10px 0px;
/*background-image:url(../img/gradiants/dms-grad.jpg);
background-position:bottom;
background-repeat:repeat-x;*/
}

div#thedmsAvailabilityCheck {
float:left;
width:16%;
margin-top:4px;
}

#thedmsAvailability h2{
font-size:140%;
color:#40764e;
font-weight:normal;
margin-bottom:4px;
padding-top:10px;
}

div#thedmsAvailabilityChart {
background-color:#F7F7F2;
border-top:4px solid #E9E9DE;
float:right;
padding:13px;
padding-top:13px;
width:76%;

}

div#thedmsPropertyEssentials h2, div#thedmsContactPanel h2, #thedmsSearch0 h2, #thedmsSearch1 h2, #thedms13 div#thedmsItemsPanel h2, #thedms07 h2, #thedms02n h2 {
color:#FFFFFF;
margin:5px 0px 11px;
padding:5px;
background-color:#428BC7;
background-image:url(../img/eateast/dms-grad.jpg);
color:#FFFFFF;
font-size:100%;
font-weight:bold;
}

div#thedmsPropertyEssentialsleft {
width:29%;
}

div#thedmsPropertyEssentialsright {
float:right;
width:69%;
}

div#thedmsAvailabilityChart th, #thedmsBrowseEvents th {
background-color:#98aeb9;
color:#FFFFFF;
}


/*#thedmsAvailabilityChart a{
color:#ffffff;
text-decoration:none;
}

#thedmsAvailabilityChart a:hover{
color:#ffffff;
text-decoration:none;
}*/





div#thedms02n #thedmsSmallImg 
{
    border:0px;
}



/*dms10*/

div#thedms10 {
margin:auto;
width:100%;
}

/*dms11*/
div#thedms11 {
margin:auto;
width:100%;
}



div#thedmsBrowseGrid {
width:100%;
}

#thedms11 div#thedmsBrowseGrid .BrowseCell h2{
background-image:none;
padding:0px;
margin:0px;
background-color:#428BC7;
background-image:url(../img/eateast/big-dms-grad.jpg);
color:#FFFFFF;
font-size:100%;
font-weight:bold;
margin:5px 0px 11px;
padding:5px;
padding-top:6px;
padding-bottom:0px;
}

#thedms11 div#thedmsBrowseGrid .BrowseCell h2 a{
color:#FFFFFF;
font-size:100%;
font-weight:bold;
text-decoration:none;
}

#thedms11 div#thedmsBrowseGrid .BrowseRow {
background-color:#F7F7F2;
border-top:4px solid #E9E9DE;
padding:15px;
padding-top:5px;
padding-bottom:8px;
margin-bottom:15px;
width:97%;
padding-right:13px;
}

/*dms12*/

div#thedms12 {
width:100%;
}


#thedms12 th, #thedms12 div#thedmsAvailabilityChart th, #thedms12 #thedmsBrowseEvents th {
background-color:#438bc6;
color:#ffffff;
background-image:url(../img/eateast/events-grad.jpg);
background-repeat:repeat-x;
text-align:center;
}

table#thedmsBrowseEvents .row1 {
background-color:#F7F7F2;}

#thedms12 td, th {
padding:7px;
}


/*dms13*/

#thedmsItemsPanel table {
background-color:#FFFFFF;
margin:auto;
width:90%;
}

div#thedms13 {
margin:auto;
width:100%;
}

#thedms13 td, th {
padding:5px;
}


#thedms13 h1{
margin-left:-5px;
}

div#thedmsTopPanel {
border-bottom:0px solid #CCCCCC;
}


table#thedmsOpeningTimesTableFullWidth {
background-color:#F7F7F2;
width:57%;
margin-top:15px;
margin-bottom:15px;
font-size:90%;
}



#thedms13 th{
color:#ffffff;
background-image:url(../img/eateast/small-grad.jpg);
background-color:#e9e9de;
}

#thedms13 td{
background-color:#F7F7F2;

}
#thedms13 h2 {
color:#40764E;
font-size:120%;
font-weight:bold;
margin-bottom:5px;
margin-top:5px;
}

#thedmsdetailsEAbuttons li {
padding:0px 0px 3px;
}




div#thedmsItemsPanel {
float:right;
padding:5px;
width:40%;

background-color:#F7F7F2;
border-top:4px solid #E9E9DE;
}


div#thedms13 div.thedmsSO {
background-color:#F7F7F2;
border:1px solid #E9E9DF;
float:left;
margin-bottom:10px;
margin-right:0px;
padding:10px;
width:100%;
}

div#thedms13 div.thedmsSOdescription {
float:left;
width:50%;
display:block;
margin-bottom:8px;
}

div#thedms13 div.thedmsSObutton{
clear:both;
text-allign:left;
}


div#thedmsDetailsPanel {
float:left;
width:100%;
}

#thedms13 .thedmskey {
background-color:#ffffff;
margin-bottom:10px;
padding-top:10px;
}

#thedms13 span.thedmsSOcaption {
display:block;
padding-bottom:3px;
}

.thedmsSO li {
clear:both;
margin:0px;
}


#thedmsfeatureamentities{
float: left;
width: 100%;
clear:left;
margin-bottom: 5px;
}

div#thedmsContactPanel img {
padding:2px 0;
}

/*dms05*/


#thedms05 h2 a{
color:#FFFFFF;
text-decoration:none;
}




div#thedms05 div.thedmsSO {
clear:none;
float:right;
width:280px;
margin-right:0px;
background-color:#F7F7F2;
border:1px solid #E9E9DF ;
padding:10px;
}
/*div.thedmsSO {
background-color:#E9E9E9;
border:1px solid #CFCFCF;
float:left;
margin-bottom:10px;
padding:10px;
width:100%;
}*/

#thedms05 .thedmsSOsiteDescription {
clear:none;
color:#666666;
float:left;
padding-left:5px;
width:400px;
}


#thedms05 div#thedmsBrowseGrid .detailbtn {
float:right;
margin-bottom:5px;
margin-right:5px;
padding-bottom:2px;
padding-left:15px;
padding-right:15px;
margin-top:10px;
width:auto;
background-image:none;
background-color:transparent;
}

#thedms05 .thedmsLogos{
display:none;
}


#thedms05 div#thedmsBrowseGrid .details_holder {
clear:right;
margin-left:0px;

width:100%;
}

#thedms05 div#thedmsBrowseGrid .BrowseSingleRow .BrowseCell {
float:left;
margin:0px;
padding:0px;
width:100%;
background-color:#ffffff;
}

#thedms05 div#thedmsBrowseGrid .BrowseCell h2{
background-color:#376d4b;
background-image:url(../img/eateast/offers-gradiant.jpg);
color:#FFFFFF;
font-size:100%;
font-weight:bold;
margin:5px 0px 0px;
padding:6px 5px 0px;
padding-bottom:4px;
}

#thedms05 .thedmsSObutton{
clear:right;
text-align:right;
}


div#thedms05 {
width:100%;
}


/*weather styles*/

#thedms120 h4{
font-size:120%;
color:#5f91b7;
}

/*maps*/
#thedmsShowMap, #thedmsHideMap, #thedmsShowListings, #thedmsHideListings {
border:none;
display:block;
font-size:100%;
/*font-weight:bold;*/
margin-bottom:0px;
margin-right:5px;
padding:5px;
background: url(../img/eateast/button-grad.jpg) repeat-x;
background-color:#f37e2e;
color:#ffffff;
font-weight:normal;
}

#map-control{
/*height:50px;*/
padding-top:10px;
padding-bottom:7px;
}



/*dms41*/

div#thedmsBrowseGrid .BrowseCell h2 {
background-image:url(../img/eateast/big-dms-grad.jpg);
padding-bottom:0px;
padding-left:5px;
padding-top:6px;
padding-bottom:6px;
text-align:left;
background-repeat:repeat-x;
}


div#thedmsBrowseGrid .BrowseCell {
background-color:#F7F7F2;
float:left;
margin:1px;
padding:0px;
width:450px;
margin-right:10px;
margin-bottom:10px;
}



div#thedmsBrowseGrid .PriceDetails a {
background-color:#F58030;
background-image:url(../img/eateast/button-grad.jpg);
background-repeat:repeat-x;
border:none;
color:#ffffff;
display:block;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:80%;
font-weight:bold;
padding:2px;
text-align:center;
text-decoration:none;
width:115px;
clear:both;
}

div#thedmsBrowseGrid .Details {
float:left;
margin-left:3px;
margin-top:3px;
width:38%;
}

div#thedmsBrowseGrid .PriceDetails {
float:left;
margin-left:3px;
margin-top:3px;
width:30%;
}

div#thedmsBrowseGrid .PriceDetails .img_no {
background-image:none;
}

table#thedmsBrowseEvents {
clear:both;
text-align:left;
width:100%;
}

div#thedmsDetailsPanel {
float:left;
width:70%;
}

div.thedmsBrowseSummary {
background-color:#F7F7F2;
clear:none;
float:left;
margin:0px;
padding:0px;
width:902px;
padding:5px;
margin-bottom:10px;
}

div#thedmsSpecialOffer {
border:none;
}

#thedms13 div#thedmsDetailsPanel {
float:left;
width:67%;
}

.button {
background-color:#F58030;
background-image:url(../img/eateast/button-grad.jpg);
background-position:left top;
background-repeat:repeat-x;
border:0pt none;
color:#FFFFFF;
cursor:pointer;
padding:0px 15px 1px;
text-decoration:none;
}

/* DMS97 new accommodation details page */

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyBook, div#thedms02n .thedmsGridBook, div#thedms02n .thedmsGridBook a 
{

}
div#thedms02n .thedmsGridBook a, div#thedms02n .thedmsGridBook a:visited 
{
	color:White;
	text-decoration:none;
}
div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyBook, div#thedms02n .thedmsGridBook 
{

}

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyAvailable, div#thedms02n .thedmsGridAvailable
{

}

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyNotAvailable, div#thedms02n .thedmsGridNotAvailable
{

}
div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyUnknown, div#thedms02n .thedmsGridUnknown
{

}

div#thedms02n .thedmsGridIcon, div#thedms02n .thedmsGridIconText 
{
    background:#666;
    margin-right:4px;
}

div#thedms02n .thedmsGridTableHeader, #thedmsGridAvailabilityChart .thedmsGridTableHeader th 
{
    background:#40764E;
    color:white;
}

div#thedms02n #thedmsAvailabilityKey .thedmsGridKeyBook, div#thedms02n .thedmsGridBook 
{
    background-color:#F58030;
    background-image:url(../img/gradiants/button-grad.jpg);
    background-repeat:repeat-x;
    color:white;
}

#thedmsGridAvailabilityCheck .button 
{
    color:white;
}

/*sev style for New EA Browse pages May-Jun 2010*/


div#thedms11n .thedmsBrowseRow {
border-top:9px solid #346A48;
background:none repeat scroll 0 0 #FFF;
}

div#thedms11n .thedmsContentHolder .thedmsBrowseH2Background {
background:none repeat scroll 0 0 #FFF;
}
div#thedms11n #thedmsBrowseListing .thedmsBrowseRow .thedmsContentHolder .thedmsBrowseH2Background h2 {
background:none repeat scroll 0 0 #FFF;
}

div#thedms11n .thedmsActionsHolder {
background:none repeat scroll 0 0 #F7F7F7;
}

div#thedms11n #thedmsBrowseListing .thedmsBrowseRow .thedmsContentHolder .thedmsBrowseH2Background h2 a {
color:#346A48;
}

div#thedms11n #thedmsBrowseListing .thedmsBrowseRow .thedmsContentHolder .thedmsBrowseH2Background h2 a:hover 
{
color:#666;
}

.thedmsActionsHolder .thedmsbutton a {
color:#fff;

}

.thedmsbutton a:hover 
{
color:#666;
}

div.thedmsActionsHolder .thedmsbutton {
height:18px;
padding-left:6px;
}

.thedmsActionsHolder .thedmsbutton {
background:none repeat scroll 0 0 #F58030;
border:1px solid #F58030;
}

div#thedms11n .thedmsContentHolder {

}

div#thedms11n .thedmsBrowseRow .thedmsActionsHolder {
background:none repeat scroll 0 0 #FFFS;
}

div#thedms11n .thedmsActionsHolder li.thedmsbutton a:hover{
color:#346A48;
}
/*end sev style for New EA Browse pages May-Jun 2010*/
/*show map button upgrade TC 23.06.10*/
div#thedms11n #thedmsMapButtonHolder{
margin:10px 0 0 0;
padding:0;
border:none;
}
div#thedms11n .eaBrowseMapButton{
border:1px solid #999999;
}
div#thedms11n .eaBrowseMapButton, div#thedms11n .eaBrowseMapButton a{
background:#5F91B7 none repeat scroll 0 0;
color:White;
margin:0px;
padding:4px;
}
div#thedms11n .eaBrowseMapButton a:hover{
background:#f58030 none repeat scroll 0 0;
padding:4px;
}
/*end of show map button upgrade TC 23.06.10*/



div#thedmsMapHolder #thedmsGoogleMap {
margin:0 !important;
margin-left:0 !important;
margin-right:0 !important;
width:auto;
}
div.thedmsBrowsePagination a {
background:none repeat scroll 0 0 #346A48;
color:White;
margin:1px;
padding:2px 4px;
text-decoration:none;
}
div.thedmsBrowsePagination a.thedmsPaginationCurrentPage, div.thedmsBrowsePagination a:hover
{
    background:#F58030;
}
div#thedms11n .eaBrowseMapButton, div#thedms11n .eaBrowseMapButton a {
background:none repeat scroll 0 0 #346A48;
color:White;
margin:0;
padding:4px;
}

