.tdd-panel * {		
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.tdd-panel {
background: #ffffff;
width: 100%;
padding: 0;
border-radius: 0 0 15px 15px;		
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
margin-bottom: 8px;
}
.tdd-half {
width: 49%;
float: left;
margin-top: 10px;	
}
.tdd-half:nth-child(even) {
clear: both;
}
.tdd-half:nth-child(odd) {
margin-left: 2%;	
}
.tdd-panel br {
clear: both;
}
.tdd-panel .innerPanel {
width: 100%;
background-color: #1a4ea6;
background-size: auto 100%;
color: #ffffff;
text-align: center;
padding: 12px 3px 3px;
line-height: 1.1em;
}
.tdd-panel .innerPanel img { margin-bottom: 3px; }
.tdd-panel .pink { background-color: #6dcff6; }
.tdd-panel .blue { background-color: #c7eae8; }
.tdd-panel .green { background-color: #2c4090; }
.tdd-panel .magenta { background-color: #2c4090; }
.tdd-panel .innerText {
text-align: center;
font-size: 1em;
width: 100%;
}
.tdd-panel .timepanel {
margin: 8px auto 4px;
background: url(//www.ixworthsurgery.co.uk/tdd/scripts/images/pa-time.gif) no-repeat;
width: 222px;
height: 43px;
}
.tdd-panel .timepanel div {
float: left;
text-align: center;
color: #666666;
height: 36px;
margin-top: 3px;
line-height: 36px;
font-size: 1.2em;
}
.tdd-panel .timepanel .day { width: 69px; margin-left: 4px; }
.tdd-panel .timepanel .date { width: 37px; margin-left: 2px; }
.tdd-panel .timepanel .month { width: 65px; margin-left: 2px; }
.tdd-panel .timepanel .ampm { width: 37px; margin-left: 2px; }
.tdd-panel .tdd-button {		  
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: url(//www.ixworthsurgery.co.uk/tdd/scripts/images/boxbg.png) rgba(0,0,0,0.3)!important;	
background-size: 100% 100%;
color: #fff!important;
padding: 8px 17px;
display: inline-block;
margin: 3px 0px;
border: 1px solid #fff;
}
.tdd-panel .tdd-button {
background: var(--color-green)!important;
border: 2px solid white;
text-decoration: none;
transition: 0.3s;
width: calc(100% - 8px);
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.tdd-panel .tdd-button:hover {
background: var(--color-darkgreen)!important;
}
.tdd-noborder {
padding: 0px;
box-shadow: none!important;
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
background: transparent;
border: none;
}