a#logo 		{ float: left; display: block; width: 127px; height: 127px; margin-right: 15px; background: url('../img/widgetlogo.png') no-repeat; font-size: 0 }
h1 		{ display: block; padding-top: 10px; font: bold 40px 'Rotonda', sans-serif; margin-left: 10px; letter-spacing: 2px; line-height: 35px; color: #ffffff; text-transform: uppercase }

#partnerlogo	{ background: #4c8692; display: block; height: 127px; padding: 25px }
#partnerlogo h1	{ padding-top: 28px }

#container { min-height:100%; position:relative; background: none; background-color: #73a9b5; }

#container #maincolumn { margin: 20px;  max-width: 1210px; }

#maincontent 		{ margin: 25px 25px 0 25px ; padding-bottom:200px; }

.singleline.left	{ float: left; }

#mainmenu 			{ height: 84px; background: #5694a1; overflow: hidden; }
#mainmenu a:first-child 	{ margin-left: 25px; }

.mainlength, .mainlength .cornerBox	{ width: 100%; }

.day .overBox 	{ right: 0 !important; }

p.error 		{ margin-left: 0; margin-top: 20px }

/*---------------------*/
/*-------------------------------- table ---------------------*/
/*
table { width: 100%; border-collapse: collapse; text-align: left; table-layout: fixed }
th { color:#ffffff; background: #bee833; font-size: 15px; height: 28px; padding: 0 5px; border-left: #8eccd1 1px solid; white-space: nowrap  }
tr { background: #ffffff}
*/

#devicetable tr { height: 25px }

.bookingsTable tr	{ cursor: pointer }

tr.even { background-color:#f3f3f3 }
td { color:#68aaae; overflow: hidden; border-left: #8eccd1 1px solid; white-space: nowrap; padding: 0 5px; font-size: 15px; }
td:first-child, th:first-child { border-left: 0 none; }
td.centered { text-align: center }

td.hi { height: 48px !important; }
td.norm { height: 30px !important; }
td.lo { height: 28px !important; }

.yes { width: 19px; height: 19px; background: url('../img/yesno.png') no-repeat 0 0; }
.no { width: 19px; height: 19px; background: url('../img/yesno.png') no-repeat 0 -23px }
td.selected { background: url('../img/trselected.png') }

.tab { width: 25px; height: 27px; margin: 0; padding: 0; background-size: cover; background: url('../img/tableicons.png') 0 0 no-repeat }
span.tab { height:27px !important; font-size: 15px; padding: 3px 0 5px 30px; margin-right: 5px; line-height: 20px; }
button.tab { height:25px; border: none; box-shadow: none; margin: 2px 0 0 -5px; }

.tab.titleemail 	{ background-position: 0 0 }
.tab.email 		{ background-position: 0 -26px }
.tab.titledays 		{ background-position: 0 -52px }
.tab.titledevices 	{ background-position: 0 -78px }
.tab.titlephones 	{ background-position: 0 -104px }
.tab.titlespeaker 	{ background-position: 0 -130px }
.tab.headphones 	{ background-position: 0 -156px }
.tab.backearphones 	{ background-position: 0 -182px }
.tab.earphones 		{ background-position: 0 -208px }
.tab.speaker		{ background-position: 0 -234px }
.tab.titlereturn	{ background-position: 0 -260px }
.tab.arrowright		{ background-position: 0 -286px }
.tab.arrowdown		{ background-position: 0 -312px }
.tab.splitter		{ background-position: 0 -338px }
.tab.titlenotreturned	{ background-position: 0 -364px }
.tab.titlepickedup	{ background-position: 0 -390px }
.tab.titlereturned	{ background-position: 0 -416px }
.tab.unverified		{ background-position: 0 -442px }

.tab.btphones	 	{ background-position: 0 -182px }

.clientextra { background: #ddd; white-space: normal }
.clientextra p { color:#555; margin: 0 0 0 35px; padding: 10px 0; font-size: 15px; line-height:20px; column-count: 3 }
.clientextra p a { color:#68aaae; border-bottom: #8eccd1 1px dashed; }

p.mediumtext { margin: 10px 0; padding: 0; padding-bottom: 5px; font-size: 15px; line-height:27px }
p.mediumtext span { height: 27px !important; margin-bottom: 2px; padding: 2px 0 5px 30px; line-height:27px  }

/* --------------------------------------------------------- */

.legend { column-count: 1 }
.clientextra p 	{ column-count: 1 }


@media only screen and (max-width: 870px) {	
	.legend 	{ column-count: 2 }
	.clientextra p 	{ column-count: 2 }
}

@media only screen and (max-width: 590px) {
	.legend { column-count: 1 }
	.clientextra p 	{ column-count: 1 }
}

/* ----- to prevent rolling arrows in Number type inputs ---- */

input.deviceCode::-webkit-outer-spin-button,
input.deviceCode::-webkit-inner-spin-button { display: none; }
input.deviceCode { -moz-appearance: textfield; }

/* --------------------------------------------------------- */

.device, .device .etg	{ display: block; width: 263px; height: 453px;}
.device			{ position: relative; left: 50%; margin-left: -131px; margin-top: 30px }
.device .etg		{ position: absolute; }

.device	.button		{ display: block; width: 93px; height: 127px; position: absolute; left: 91px; top: 228px; }

.device	.button		{ background: url('../img/device_buttons.png') 0 0 no-repeat }
.device .etg 		{ background: url('../img/device.png') 0 0 no-repeat }

/* --------------------------------------------------------- */

.signature		{ margin-top: 30px; width: 100%; height: 300px; background: white url('../img/signaturebg.png'); border-radius: 11px; }
.signature #sketchpad	{}