/*PUBCODE STYLESHEET*/
@import url("reset-styles.css");

/*powered by New Vision*/
.nvglink {color:#666666;font-size:85%;}

/*layout*/
body{font-family:Arial, sans-serif;font-size:100%;color:#000;}

#container{width:960px;margin:0px auto;}
#topnavigation{ height: 15px;}
#topnavigation ul li{display:inline;}
#fontsize{display:inline;}
#header{}
#mainnavigation{}
#content{}
#footer{}
#footer ul{text-align:center;}
#footer ul li{display:inline;}

#content-inner{margin:0 10px 10px 0;}
.inner-margin{margin:10px 0 0 10px;}
.side-bar .inner-margin{margin:10px 0 0 10px;padding:0px;}

/*Static Styles*/
#skiplinks{left:-9000px;position:absolute; top:0;}

#fontsize a{cursor: pointer;text-decoration: underline;}
#fontsize a#fontsmall{font-size: 100%;}
#fontsize a#fontmedium{font-size: 120%;}
#fontsize a#fontlarge{font-size: 150%;}


/* Theme for jQuery UI Datepicker */

#ui-datepicker-div,
#ui-datepicker-div table,
.ui-datepicker-div,
.ui-datepicker-div table,
.ui-datepicker-inline,
.ui-datepicker-inline table {
	font-size: 12px !important;
}
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Arial, sans-serif;
	background: #eeeeee;
	font-size: 1.2em;
	border: 4px solid #ffffff;
	width: 15.5em;
	padding: 0.5em .5em .5em .5em;
	position: relative;
}
#ui-datepicker-div {
	z-index: 9999; /*must have*/
	display: none;
	background: #eeeeee;
}
.ui-datepicker-inline {
	float: left;
	display: block;
}
.ui-datepicker-control {
	display: none;
	height:1px;
}
.ui-datepicker-current {
	display: none;
}
.ui-datepicker-prev {
	position: absolute;
	left: .5em;
	background: #999 url(http://www.thedms.co.uk/graphics/signposts/white/left.png) center no-repeat;
}
.ui-datepicker-next {
	position: absolute;
	left: .5em;
	background: #999 url(http://www.thedms.co.uk/graphics/signposts/white/right.png) center no-repeat;
}
.ui-datepicker-next {
	left: 14.6em;
}
.ui-datepicker-next a, .ui-datepicker-prev a {
	text-indent: -999999px;
	width: 1.3em;
	height: 1.4em;
	display: block;
	font-size: 1em;
	border: 1px solid #ffffff;
	cursor: pointer;
}
.ui-datepicker-header select {
	border: 1px solid #ffffff;
	color: #ffffff;
	background: #999;
	font-size: 1em;
	line-height: 1.4em;
	position: absolute;
	top: .5em;
	margin: 0 !important;
	
}
.ui-datepicker-header select.ui-datepicker-new-month {
    width: 7em;
    left: 2.2em;
}
.ui-datepicker-header select.ui-datepicker-new-year {
width: 5em;
left: 9.4em;
}
div#ui-datepicker-div td
{
    padding:0px;
}
table.ui-datepicker {
	width: 15.5em;
	text-align: center;
	margin-top:10px;
}
table.ui-datepicker td a {
	padding: 2px;
	display: block;
	color: #ffffff;
	background: #999;
	cursor: pointer;
	border: 1px solid #eeeeee;
}
table.ui-datepicker td a:hover {
	color: #ffffff;
	background: #666;
	text-decoration:none;
}
table.ui-datepicker td a:active {
	border: 1px solid #999;
	color: #999;
	background: #999;
}
table.ui-datepicker .ui-datepicker-title-row td {
	padding: .3em 0;
	text-align: center;
	font-size: .9em;
	color: #222222;
	text-transform: capitalize;
	/*border-bottom: 1px solid #ffffff;*/
}

table.ui-datepicker .ui-datepicker-title-row td a {
	color: #222222;
	background:#eeeeee;
}

/* ___________ IE6 IFRAME FIX ________ */
.ui-datepicker-cover {
   display: none; /*sorry for IE5*/
   display/**/: block; /*sorry for IE5*/
   position: absolute; /*must have*/
   z-index: -1; /*must have*/
   filter: mask(); /*must have*/
   top: -4px; /*must have*/
   left: -4px; /*must have*/
   width: 200px; /*must have*/
   height: 200px; /*must have*/
}

.ui-datepicker-header 
{
    text-align:center;
}

.ui-datepicker-current-day a {
	background: #666!important;
}

/*elements*/
h1{font-size: 130%;}
h2{font-size: 110%;}
h3{}
h4{}
h5{}
h6{}

a{color:Blue;}
a:visited{color:Purple;}
a:hover{}

h1 a{}
h2 a{}
h3 a{}
h4 a{}
h5 a{}
h6 a{}

p{}
img{}
a img{border:0;}

ul{}
li{}

form{}
label{}
input{background-color:#fcfcfc;border:1px solid #ccc;}
select{}
fieldset{}
textarea{}

table{}
th {}
td {}
tr{}

/*skiplinks*/
#skiplinks{left:-9000px;position:absolute; top:0;}

#fontsize a{cursor: pointer;text-decoration: underline;}
#fontsize a#fontsmall{font-size: 100%;}
#fontsize a#fontmedium{font-size: 120%;}
#fontsize a#fontlarge{font-size: 150%;}

/*Sitewide Classes*/
.float-left{float: left;}
.float-right{float: right;}

img.float-left{float:left;padding-right:10px;padding-bottom:10px;}
img.float-right{float:right;padding-left:10px;padding-bottom:10px;}

.clear{clear:both;height:1px;line-height:1px;font-size:0%;}

/*Button*/
a.button, .button a, .button input, input.button{
	background:#000;
	padding: 5px;
	font-size: 110%;
	text-align: center;
	border: 1px solid #ccc;
	color:#fff;
	float:right;
	text-decoration:none;
	cursor:pointer;
}

a:hover.button, .button a:hover, .button input:hover, input:hover.button
{
    text-decoration:underline;
}

/*Widths*/
.full {
	width: 100%;
	float: left;
}
.half {
	float: left;
	width: 50%;
}
.third {
	float: left;
	width: 33%;/*work out px value based on width*/
}
.twothirds {
	float: left;
	width: 67%;
}
.quarter {
	float: left;
	width: 25%;
}
.fifth {
	float: left;
	width: 20%;
}

.content-boxes .half, .content-boxes .quarter, .content-boxes .third {width:auto;}

/*specific widths*/
#one-column .content-boxes .half .box {
    width:457px;
}

#one-column .content-boxes .quarter .box {
    width:225px;
}

#one-column .content-boxes .third .box {
    width:302px;
}

#two-column .content-boxes .half .box {
    width:340px;
}

#two-column .content-boxes .quarter .box {
    width:166px;
}

#two-column .content-boxes .third .box {
    width:224px;
}

#three-column .content-boxes .half .box {
    width:223px;
}

#three-column .content-boxes .third .box {
    width:146px;
}

.last .box 
{
    margin-right:0px;
}
.thedmsServerError {display: block;height: 70px;padding: 2%;width: 96%;}
/*IE Input button width fix - suitable for all browsers*/
button, input {width: auto;overflow: visible;}

/* ===== NEW SECTIONBLOCKS STYLING ==== */


/* ===== SEARCH TABBER STYLES ==== */
#searchtabber .tabs {width:100%;	border:1px solid #CFCFCF;}
#searchtabber .tabs ul.tabs-list {height:32px;list-style:none outside none;margin:0;width:100%;}
#searchtabber .tabs ul.tabs-list li {width: 25%;	background-color:#e8e8e8;float:left;margin:0 4px 0 0;padding:5px;}
#searchtabber .tabs ul.tabs-list a {float:left;display:block;padding:5px 15px 4px 6px;text-decoration:none;font-weight:bold;color:#555;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#searchtabber .tabs ul.tabs-list a {float:none;}
/* End IE5-Mac hack */
#searchtabber .tabs ul.tabs-list a:hover {color:#333;}
#searchtabber .tabs ul.tabs-list .current {background-color: #CFCFCF;border-width:0;}
#searchtabber .tabs ul.tabs-list .current a {color:#333;padding-bottom:5px;}
#searchtabber .tabs .current-info, #searchtabber .tabs .accessibletabsanchor, #searchtabber .tabs .tabhead { position:absolute;left:-999em;}
#searchtabber .js .tabs .content{clear:both;margin:3em 1em 1em 1em;}
#searchtabber .js .tabs{ width:100%;}
#searchtabber .tabbody .thedms {background:none repeat scroll 0 0 #e8e8e8;clear:both;padding:5px;width:95%;}
#searchtabber .thedms ul {list-style: none; padding:0; margin: 0;}
#searchtabber .thedms ul li {padding: 2px 0;}
#searchtabber .check select {width: 95%;}



/* ===== FACEBOOK STYLES ==== */
.box.facebook-like {border: none; margin: 10px 0;}


/* ===== YOUTUBE STYLES ===== */
.video-holder {margin: 0 0 10px;}


/* ===== LOGON/FAVOURITES STYLES ===== */
.logon-favs ul {list-style: none; margin: 0; padding: 0;}
.logon-favs ul li {margin: 2px 0 6px;}
.logon-favs ul li label {display: block;}
.logon-favs #thedms80 {padding: 10px;}
.logon-favs input[type="text"] {width:100%;}
.logon-favs .thedmsforgotpasswordholder {padding: 0 0 10px 10px;}
.logon-favs #thedmsPrintPDF .TPButtons {margin: 10px 0;}



/* ===== LOGON/SHORTLIST STYLES ===== */
.logon-shortlist ul {list-style: none; margin: 0; padding: 0;}
.logon-shortlist ul li {margin: 2px 0 6px;}
.logon-shortlist ul li label {display: block;}
.logon-shortlist #thedms80 {padding: 10px;}
.logon-shortlist input[type="text"] {width:100%;}
.logon-shortlist .thedmsforgotpasswordholder {padding: 0 0 10px 10px;}
.logon-shortlist .thedmsshortlistholder {clear:both;padding:10px;}
.logon-shortlist #thedmsPrintPDF .TPButtons {margin: 10px 0;}
.logon-shortlist #thedms62 {padding: 10px; width: 91%;}



/* ===== LOGON/SHORTLIST/FAVOURITES STYLES ===== */
.logon-favs-shortlist ul {list-style: none; margin: 0; padding: 0;}
.logon-favs-shortlist ul li {margin: 2px 0 6px;}
.logon-favs-shortlist ul li label {display: block;}
.logon-favs-shortlist #thedms80 {padding: 10px;}
.logon-favs-shortlist input[type="text"] {width:100%;}
.logon-favs-shortlist .thedmsforgotpasswordholder {padding: 0 0 10px 10px;}
.logon-favs-shortlist .current-info {display: none;}
.logon-favs-shortlist h2.tabhead {display: none;}
#shortlist-fav-tabber .tabs {border:1px solid #CFCFCF;width:100%;}
#shortlist-fav-tabber .tabs ul.tabs-list {height:32px;list-style:none outside none;margin:0;width:100%;}
#shortlist-fav-tabber .tabs ul.tabs-list li {background-color:#E8E8E8;float:left;margin:0 ;padding:5px;width:45%;}
#shortlist-fav-tabber .tabs ul.tabs-list .current {background-color:#CFCFCF;border-width:0;}
#shortlist-fav-tabber .tabs ul.tabs-list .current a {color:#333333;}
#shortlist-fav-tabber .content {clear: both;}
#shortlist-fav-tabber .tabs ul.tabs-list a {color:#555555;display:block;float:left;font-weight:bold;padding:5px 15px 4px 6px;text-decoration:none;}
#shortlist-fav-tabber .tabbody {padding: 10px;}
#shortlist-fav-tabber .TPButtons {margin: 10px 0;}
#shortlist-fav-tabber .TPplans-link {margin: 10px 0; clear: both; display: block;}


/* ====== UNIVERSAL SEARCH ====== */
.sitesearch {border: 1px solid #CFCFCF; padding: 10px;}
.sitesearch input.button {margin: 0; padding: 0;}


/* ===== TABBED BOX STYLES ==== */
.dynamic-tabber{border:1px solid grey; margin:0 auto; width:900px; height:450px; position:relative}
.dynamic-tabber a:visited{    color:#000}
.dynamic-tabber .tabber-nav{background-color:#eee; float:left; padding:0; width:200px; height:450px; border-right:1px solid grey}
.dynamic-tabber .tabber-nav ul{list-style:none outside none; margin:0; text-align:left}
.dynamic-tabber .tabber-nav ul li{position:relative}
.dynamic-tabber .tabber-nav ul li a{border-bottom:1px solid #FFF; display:block; height:18px; padding:12px 5px 5px; text-decoration:none}
.dynamic-tabber .tabber-nav ul li a:hover{background-color:#80A7C4; color:#fff}
.dynamic-tabber .tabber-nav ul li a span{display:none}
.dynamic-tabber .tabber-nav ul li a.selected{background-color:#80A7C4; color:#fff}
.dynamic-tabber .tabber-nav ul li a.selected span{background:transparent; display:block; height:24px; position:absolute; right:-12px; top:5px; width:12px}
.dynamic-tabber .dynamiccontent{}
.dynamic-tabber #contentbox{float:left; width:695px}
.dynamic-tabber #contentbox .tabbed-inner-content{padding:10px; text-align:left}
.dynamic-tabber #contentbox .tabbed-inner-content h2{}
.dynamic-tabber .event-name-search{bottom:5px; left:0; padding:5px; position:absolute; text-align:left; width:190px}
.dynamic-tabber .event-name-search label{font-size:120%; font-weight:bold; margin-bottom:5px}
.dynamic-tabber .event-name-search input[type="text"]{float:left; width:125px}
.dynamic-tabber .event-name-search input[type="submit"]{float:left}
#contentbox h2{margin-bottom:10px}
#thedms00 ul{list-style:none; padding:0; margin:0}
#thedms00 ul li{margin:0px 0 4px}
#thedms00 ul li.check span{display:block}
#frmDmsSearch h1{font-size:125%; margin-top:20px}
#thedms00{margin-bottom:20px}
/* Table containing whole calendar - TABLE */
.calOuterTable{border:1px solid #909090; width:210px}
.calOuterTable a{color:black}
.calOuterTable a:visited{color:black}
.calOuterTable a:hover{color:black}
/* Month Selector - INPUT */
/* Year Selector - INPUT */
.calCtrl{font:14px Arial,Helvetica,sans-serif}
/* Week Day Title - TD */
.calWTitle{font:12px Arial,Helvetica,sans-serif; background:#808080; text-align:center; color:#FFF; height:20px; width:20px}
/* Selected Date - TD */
.calDayCurrent{background:#FFC0C0; width:20px}
/* Sat. and Sun. - TD */
.calDayWeekend{background:silver; width:20px}
/* Sat. and Sun. - TD */
.calDayHoliday{background:gray; width:20px}
/* Not Sat. and Sun. - TD */
.calDayWorking{background:#FFF; width:20px}
/* Days of current month - A */
.calThisMonth{font:14px Arial,Helvetica,sans-serif; color:black; text-decoration:none}
/* Days of other month - A */
.calOtherMonth{font:14px Arial,Helvetica,sans-serif; color:#909090; text-decoration:none}
/* Days not allowed by limits - SPAN */
.calForbDate{font:14px Arial,Helvetica,sans-serif; color:red}
/* Time navigation table = TABLE */
.calTimetable{font-family:Tahoma,Verdana,sans-serif; font-size:12px}
.calDataTitle{font-family:Tahoma,Verdana,sans-serif; font-size:12px; color:#FFF}

/* ==== 106 PAGE ==== */
.thedmsBrowseCell {border-top:1px solid #DDDDDD;clear:both;padding:5px;}
.thedmsBrowseCellImageHolder {float: left; margin-right: 5px;}
.thedmsBrowseCellText h3 {margin: 0; padding: 0;}
.thedmsBrowseStars {margin-right: 5px;}
.thedmsBrowseStars img {border: none;}
.thedmsBrowseCellh3 {margin: 0; padding: 0;}
.thedmsBrowseCellImageHolderAdvert {float: left; margin-right: 5px;}


/* ==== 106 PAGE + Last updated ==== */
.latest-updated .thedms {padding: 5px;}
.latest-updated .thedmsBrowseCellImageHolderAdvert {float:none;margin-right:0px;}
.latest-updated .thedmsBrowseCell {border-top:none;clear:both;padding:0px;}
.latest-updated .thedmsBackgroundFix {height: 0;}

/* === cookies stuff ==== */
#CookieTPC {background-color: #D4D0C8;color: #000000; left: 0;padding: 1%;position: relative;top: 0;width: 98%;z-index: 1000;text-align: left;height: 30px}
#CookieTPC a {color: #ff0}
#CookieTPC span.dmsTCPbuttons {float: right; margin: 10px 0 0 0; width;10%;}
#CookieTPC span.info {text-align: left; width: 90%;float: left}
#CookieTPC input {margin: 0 3px 0 0;}
#CookieTPC input#chkTPC {margin: 0 3px 0 10px;}
#likeInfoBox { position:absolute; display:none; z-index:50; border:0px solid black; background-color:infobackground; color:infotext; font-size:1em; width:20em; margin:0; padding:.5em; border-radius:.5em; box-shadow:0 0 1em .1em #888; }


/*style overrides*/