/*@import url(/styles/html5-widths.php);
@import url(/styles/html5-widths.css); */

body { font-family: Arial, geneva, sans-serif; margin:0px; }
H1, H2, H3, H4, H5 { font-weight: bold; font-style: normal; color: #900000; padding: 0px; margin: 16px 0px 8px; }
H1 { font-size: 18pt; margin: 8px 0px 8px; }
H1.pa-title { text-align:center; }
H2 { font-size: 16pt; }
H3 { font-size: 14pt; }
H4 { font-size: 12pt; }
H4.booklets { margin: 5px 0px 0px; padding:0; }
H5 { font-size: 11pt; }
H4 a {color: #900000; }
TH { font-weight: bold; font-style: normal; font-size: 11pt;}
TD { font-size: 11pt;}
HR { color: #900000; clear: both; }
form { margin: 0px; padding: 0px; }
.ButtonTitles {	font-weight: bold; color:rgb(153,0,0); font-style: normal; font-size: 12pt; }
.red { color: #FF0000; }
.red-big { color: #FF0000; font-size:120%;}
.red-big-faq { color: #FF0000; font-size:160%; font-weight:bold; padding:10px;}
.red-right { color: #FF0000; text-align:right;}
.burgundy { color: #982A20; }
.titlestrip { font-size: 14px; color: #FFFFCC; background-color: #982A20; padding: 1px; font-weight: bolder; }
p.titlestrip { font-size: 14px; color: #FFFFCC; background-color: #982A20; padding: 1px; font-weight: bolder; clear:both; margin:2px; }
ul { margin: 0px 0px 12px 20px; padding: 0px; }
li { list-style-position: outside; list-style-image:  url(/images/icons/reddot.gif); padding: 0px; margin: 0px 0px 4px 5px;
	list-style-type: disc; }
/******* list syle to tutor info page ***********/
ul.tutor-notes li{ list-style-image:none;}

a {
	color: #0033FF;
	font-weight: bold;
	padding: 0px 1px 0px 1px;
	text-decoration:none;
}
a:hover {
	color: #000099;
	text-decoration:none;
}
.small { font-size: 80%; }
.generalerror { color: #FF0000; }
.shop-heading { color: #900000; text-align:center; font-weight:bold; }
.formerror { border: thin solid #FF0000; }
.th-highlighted { background-color: #99AAAA; margin-top: 12px; text-align: left; padding-left: 2px; color: #900000; }
.selected-tutor { padding: 3px; border: thin solid #FF9900; background-color: #FFFF99; }
/* These are for the online exam entry form */
.highlight { padding: 3px; border: thin none #FF9900; background-color: #FFCC66; color: #FF0000; }
.completed { color: #339900; }
.warning { font-weight: bold; color: #CC0000; background-color: #FFCC66; }
p { margin-top: 2px; margin-bottom: 6px; }
/* These are for the popu-up window which shows what a tutor teaches */
.instrumentpopup .instrument { color: #FFFFFF; background-color: #900000; font-size: 18px; }
.instrumentpopup TD { font-size: 12px; }
.instrumentpopup .redborder { border: 1px solid #660000; }
.instrumentpopup .small { font-size: 12px; }
#contents-banner a { color:#FFFFFF; }
#contents-banner a:hover { text-decoration:underline; }
.downloadTable{ border: thin solid #982A20; width: 340px; margin: 10px; }
.downloadTable th { background-color: #982A20; color: #FFFFDD; text-align:left; padding:2px; border-collapse: collapse; }
.downloadTable td {  padding:2px; border-collapse: collapse; }

.infoTable{ border: thin solid #982A20; width: 450px; margin: 10px; padding:2px; border-collapse:collapse; }
.infoTable th { background-color: #982A20; color: #FFFFDD; padding:2px; border-collapse:collapse; text-align:center;  }
.infoTable td { padding:2px; border-collapse:collapse;  }

.infoTable-center{ border: thin solid #982A20; width: 450px; margin: 10px auto 10px auto; padding:2px; border-collapse:collapse; }
.infoTable-center th { background-color: #982A20; color: #FFFFDD; padding:2px; border-collapse:collapse; text-align:center;  }
.infoTable-center td { padding:2px; border-collapse:collapse;  }

.infoTable-wide{ border: thin solid #982A20; width: 640px; margin: 10px; padding:2px; border-collapse:collapse;  }
.infoTable-wide th { background-color: #982A20; color: #FFFFDD; padding:2px; border-collapse:collapse; text-align:center;  }
.infoTable-wide td { vertical-align:middle; padding:2px; border-collapse:collapse;  }

.corporatebox{border: thin solid #982A20; width: 423px; margin: 6px; float:left; height:205px;}
.corporatebox2{border: thin solid #982A20; width: 423px; margin: 6px; float:left; height:300px;}
.corporatebox h2, .corporatebox2 h2{ font-size: 14pt; padding:3px; margin:0px; color:#FFFFFF; background-color: #900000; }
.corporatebox p, .corporatebox2 p{ padding:3px 3px 0px 3px;  }
.corporatebox p.website, .corporatebox2 p.website{ text-align:right; }
.corporatebox img, .corporatebox2 img{ text-align:center;}
.corporatebox img.float, .corporatebox2 img.float{ float:left; padding-right:3px; }
.downloadTable a { text-decoration: none; color: #900000; padding: 0px; font-weight:normal; }
.downloadTable a:hover { color: #FFFFFF; text-decoration: none; background-color: #900000; padding: 0px; font-weight:normal; }
.download{ border: thin solid #982A20; width: 100%; }
.download th { background-color: #982A20; color: #FFFFDD; }
.download tr td { background-color: #fff;}
.faq { margin: 6px 0px 0px 0px; }
.error-highlight { border: thin solid #FFFFFF; background-color: #FFCC66; padding-left: 2px; }
.main-box { border: medium solid #660000; }
#links a { color:#900000; text-decoration: none; font-weight: normal; font-size: 12px; }
#links a:hover { color:#0000FF; }
.benefits{ background-color:#FFFFDD; border:solid 1px #900000; margin:0px; padding-left:8px; }
.benefits li{ list-style-image:url(../images/icons/hyphen.gif); }
#main_col object{ float:right; margin:5px; padding:0px; }
.highlight-box{ background-color:#FFFFDD; border:solid 1px #900000; margin:0px; padding:5px; }
.highlight-box h4 { padding: 2px 0px 8px; }
#main_col .small-table td { font-size:12px; }
.small-table select, .small-table input { font-size: 9px; color: #990000; }
.small-table-dark td { font-size:12px; color:#900000; padding:1px 10px 0px 0px; }
.SmallFields input { font-size: 9px; color: #990000; }
.SmallFields select { font-size: 9px; color: #990000; }
.errorline{ background:#CC0000; }
.table-bottom-border-only { border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #FFCC99; }
/* LISTS */
/* These are for laying out text put into spans, to make it look like a table */
.listwidth00 { width: 300px; color:#900000; font-size:80%; font-weight: bold; }
.listwidth01 { width: 100px; color:#900000; font-size:80%; }
.listwidth02 { width: 150px; color:#900000; font-size:80%; }
.listwidth03 { width: 200px; color:#900000; font-size:80%; }
/* ***** Boxes on various pages ****** */
.contentbox { width: 140px; font-size: 11px; text-align: center; margin: 2px 2px 10px; background-image: url(../images/icons/box-header.gif);
	background-repeat: no-repeat; background-position: left top; background-color: #FFFFDD; font-weight: bold; }
.contentbox p {	margin: 0px; padding: 2px; }
.contentbox-bodytext { font-size: 9px; font-weight: normal; padding: 2px 0px 4px 0px; margin: 2px 0px 4px 0px;}
.contentbox h2 { font-size: 12px; color: #FFFFFF; padding: 12px 1px 0px; font-weight: bolder; 	margin: 0px; }
.contentbox h3 { color: #CC3300; padding: 2px 1px 1px; font-weight: bolder; margin: 0px; font-size: 12px; }
.contentbox a { text-decoration: none; font-size: 12px; color: #900000; font-weight: normal; width: 130px; padding: 3px 0px 2px 0px; }
.contentbox a:hover { color: #FFFFFF; text-decoration: none; background-color: #900000; width: 130px; padding: 3px 0px 2px 0px; }
.contentbox hr { width: 30%; }
.contentbox-body { color: #900000; padding: 10px 0px 0px 0px; border-top: thin solid #900000; border-right: thin solid #900000;
	border-bottom: thin solid #900000; border-left: thin solid #900000; }
/* ******************************* */
.infobox { width: 140px; font-size: 9px; text-align: left; margin: 2px 2px 10px; background-image: url(../images/icons/box-header.gif);
	background-repeat: no-repeat; background-position: left top; background-color: #FFFFDD; }
.infobox-body { color: #900000; padding: 10px 0px 0px 0px; border-top: thin solid #900000; border-right: thin solid #900000;
	border-bottom: thin solid #900000; border-left: thin solid #900000; }
.infobox p { margin: 0px; padding: 2px; }
.infobox h2 { font-size: 12px; text-align: center; color: #FFFFFF; padding: 12px 1px 0px; font-weight: bolder; margin: 0px; }
/* ******************************* */
.boxwrapper-wide { padding: 0px 0px 6px; text-align: left; width: 240px; float: right; margin-top: 2px; margin-bottom: 10px;
	background-image: url(../images/icons/box-header-wide.gif); background-repeat: no-repeat; background-position: top; }
.boxwrapper-wide H2 { font-size: 12pt; text-align: center; color: #FFFFFF; padding: 10px 2px 2px 6px; margin: 0px; }
.boxbodywide { color: #900000; background-color: #FFFFDD; padding: 3px 2px 3px 2px; border: thin solid #900000; }
.boxbodywide H1 { font-size: 11pt; padding: 8px 4px 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.boxbodywide p { font-size: 9pt; padding: 4px; margin: 0px; }
.scroll-area{ color: #900000; background-color: #FFFFDD; padding: 10px 4px 0px 4px; font-size: 9pt; height:350px; overflow: auto;
	border-top: thin solid #900000; border-right: thin solid #900000; border-bottom: thin solid #900000; border-left: thin solid #900000; }
/* ******************************* */
.boxwrapper-wide-notop { padding: 0px 0px 20%; text-align: center; margin-top: 2px; margin-bottom: 10px; margin-left: 100px; margin-right: 100px; }
.boxwrapper-wide-notop H2 { font-size: 14pt; text-align: center; padding: 10px 2px 2px 6px; margin: 0px; }
.boxwrapper-wide-notop td { font-size: 80%; color: #900000; }
/* ******************************* */
.boxwrapper-wide2-notop { padding: 10px; text-align: center; margin: 10px; }
.boxwrapper-wide2-notop H2 { font-size: 14pt; text-align: center; padding: 10px 2px 2px 6px; margin: 0px; }
.boxwrapper-wide2-notop td { font-size: 80%; color: #900000; }
/* ******************************* */

/* box-simple1 added 08/05/2012 to start moving design across to better css style boxes */
.box-simple1 {position:relative; margin: 10px 80px 10px 80px; padding:2px 6px 8px 6px; border:thin solid #900000; color: #900000; background-color: #FFFFDD; text-align:center;
	 border-radius: 16px; -moz-border-radius: 16px;  -webkit-border-radius: 16px;
	-moz-box-shadow: 2px 2px 3px #AAA; -webkit-box-shadow: 2px 2px 3px #AAA; box-shadow: 2px 2px 3px #AAA;}
.box-simple1 h2 {font-size: 18px; padding: 8px 0px 8px 0px;}
.box-simple1 p {font-size: 12px; padding: 4px 0px 4px 0px;}
.box-simple1 td {font-size: 12px; color: #900000;}

.box-float-info-right {padding: 0px; text-align: left; width: 240px; float: right; margin: 2px 0px 10px 10px; border: thin solid #900000; background: #FFFFDD; color: #900000; 
	 border-radius: 16px 16px 0px 0px; -moz-border-radius: 16px 16px 0px 0px;  -webkit-border-radius: 16px 16px 0px 0px;
	-moz-box-shadow: 2px 2px 3px #AAA; -webkit-box-shadow: 2px 2px 3px #AAA; box-shadow: 2px 2px 3px #AAA;}
.box-float-info-right H2 { font-size: 16px; text-align: center; color: #FFFFFF; background:#900000; padding: 6px 2px 6px 2px; margin: 0px; 
	border-radius: 16px 16px 0px 0px; -moz-border-radius: 16px 16px 0px 0px;  -webkit-border-radius: 16px 16px 0px 0px;}
.box-float-info-right p { font-size: 12px; padding: 3px 8px 3px 8px; }

/* ******************************* */

/* ******************************* */
.general-advert-box-wrapper { background-image: url(../images/layout/box-top-bw140.gif); background-repeat: no-repeat; background-position: left top;
	width: 140px; height: 12px; margin: 0px; padding: 12px 0px; }
.general-advert-box-middle { max-width: 140px; font-size: 9px; margin: 0px; border-right: 2px solid #3333FF; border-left: 2px solid #3333FF;
	padding: 0px; color: #0000AA; }
.general-advert-box-bottom { background-image: url(../images/layout/box-bottom-bw140.gif); background-repeat: no-repeat; background-position: left top;
	width: 140px; height: 12px; margin: 0px; }
.general-advert-box-middle h2 { font-size: 12px; color: #000099; padding: 4px 0px 0px 0px; font-weight: bolder; margin: 0px; }
.general-advert-box-middle p { font-size: 10px; text-align: left; padding: 3px 0px 3px 0px; }
.general-advert-box-middle a { text-align: center; text-decoration: none; width: 130px; padding: 1px 0px 2px; }
.general-advert-box-middle a:hover { text-decoration: none; width: 130px; padding: 1px 0px 2px; }
/* These are for the inline hints (first used on the Reg Tutor Application Pages 02/03/10 */
#inline-show-txt { position: absolute; left: 10px; top: 10px; visibility: hidden; }
#inline-hold-txt { visibility: hidden; display: none; }
.inline-popup-wrapper { color: #330000; left: 10px; top: 150px; background-color: #FFFFDD; border: thin solid #330000; width: 550px; }
.inline-popup-header { font-size: 9pt; padding: 2px; background-color: #FFFFAA; text-align: right; }
.inline-popup-header a { text-decoration: none; }
.inline-popup-body { text-align: left; font-size: 11pt; padding: 2px; }
.highlighted-box { background-color:#FFFFDD; border:solid 1px #900000; margin:0px; padding-left:8px; }
.tutors-box{ width:431px; margin:2px; padding:1px; float:left; border: thin solid #982A20; height:110px;}
.tutors-box-uk{ width:429px; margin:3px; padding:1px; float:left; border: thin solid #982A20; height:90px; border-radius:6px; box-shadow:1px 1px 1px #AAA; background-image: linear-gradient(#F9F3F3, #FFFFFF);}
.tutors-box-uk-small{ width:431px; margin:2px; padding:1px; float:left; border: thin solid #982A20; height:73px;}
img.wwwicon{padding-top:2px;}
/* These are for tabbed fill-in forms */
#tabbed-block {width:710px; text-align:left; margin:0px; position:relative;}

#tabbed-block .body {position:relative; width:710px; min-height:250px; border:thin #999 solid; margin:0px; padding:20px 4px 4px 4px; float:left; clear:both; box-shadow: 2px 2px 1px 0px #CCC; overflow:auto; top:-1px;}

#tabbed-block .body-wide {position:relative; width:830px; min-height:250px; border:thin #999 solid; margin:0px; padding:20px 4px 4px 4px; float:left; clear:both; box-shadow: 2px 2px 1px 0px #CCC; overflow:auto;}

#tabbed-block .body-wide-tutor {position:relative; width:850px; min-height:460px; border:thin #999 solid; margin:0px; padding:20px 4px 4px 4px; float:left; clear:both; box-shadow: 2px 2px 1px 0px #CCC; overflow:hidden;}

#tabbed-block .body-long {position:relative; width:710px; border:thin #999 solid; margin:0px; padding:20px 4px 4px 4px; float:left; clear:both; box-shadow: 2px 2px 1px 0px #CCC; overflow:auto;}

#tabbed-block .tab {width:100px; border-left:thin #999 solid; border-top:thin #999 solid; border-right:thin #999 solid; margin:0px 2px 0px 0px; padding:6px 2px 6px 2px; float:left; border-radius:8px 8px 0px 0px; text-align:center; font-weight:bold;}
#tabbed-block .tab a {text-decoration:none; font-size:0.9em; color:#603;}
#tabbed-block .tab a:hover {color:#F60;}

#tabbed-block .tab-wide {width:130px; border-left:thin #999 solid; border-top:thin #999 solid; border-right:thin #999 solid; margin:0px 2px 0px 0px; padding:6px 2px 6px 2px; float:left; border-radius:8px 8px 0px 0px; text-align:center; font-weight:bold;}
#tabbed-block .tab-wide a {text-decoration:none; font-size:0.9em; color:#603;}
#tabbed-block .tab-wide a:hover {color:#F60;}



#tabbed-block .selected_tab {background-color:#EEE; border-bottom:none; z-index:2;}
#tabbed-block .comment {font-size: 90%; color:#900000; padding: 0px 0px 6px 2px;}
#tabbed-block #btn_update {position:absolute; bottom: 10px; right: 10px;}
#tabbed-block #user_message {position:absolute; width: 550px; bottom: 10px; left: 10px; color:#F30; font-size:110%;}
#tabbed-block h2 {font-size: 120%; color:#900000; padding: 10px 0px 0px 0px; margin: 0px; line-height: 100%;}
#tabbed-block p {font-size: 90%; padding: 4px 0px 0px 0px; margin: 0px; line-height: 110%;}
#tabbed-block p.title {padding-top: 10px; color:#900000; font-weight:bold; font-size:13px;}
#tabbed-block p.more-info {font-size:12px;}
#tabbed-block p.burgundy-large {color:#900000; font-size:100%;}


/* New rules for new exam entry pages */
.shadow-box {width:696px; border:thin #999 solid; margin:0px 0px 10px 0px; padding:4px 4px 4px 4px; float:left; clear:both; box-shadow: 2px 2px 1px 0px #CCC; overflow:auto;}
.shadow-box-standout {width:696px; border:2px #999 solid; margin:0px 0px 10px 0px; padding:4px 4px 4px 4px; float:left; clear:both; box-shadow: 2px 2px 1px 0px #CCC; overflow:auto; background-color:#ffffee;}
.shadow-box-half {width:338px; border:thin #999 solid; margin:10px 10px 10px 0px; padding:0px 4px 4px 4px; float:left; box-shadow: 2px 2px 1px 0px #CCC; overflow:auto;}
select.actualsession option{
padding:2px 100px 2px 0px;
}

.shadow-box-half h5 {padding-top:4px; font-size:14px;}

div.shadow-box h4, div.shadow-box-standout h4, div.shadow-box-half h4{
padding-top:6px;
}

.shadow-box-tutors {width:99%; border:thin #999 solid; margin:0px; padding:4px; box-shadow: 2px 2px 1px 0px #CCC; overflow:auto; background-color:#FEE}
.shadow-box-tutors h5 {color: #fff; background-color:#900000; padding: 5px; margin:0px 0px 15px 0px; }
.shadow-box-tutors p {height:40px;}

h2.tutorspage{
font-weight:bold;
color:#306060;
font-size: 15px;
}

div.tutors-box-uk-small h3{
font-weight:bold;
color:#306060;
font-size: 13px;
margin:0;
padding:0px 0px 5px 0px;
}

h3.citytutors{
font-weight:bold;
color:#306060;
font-size: 13px;
margin:0;
padding:0px 0px 5px 0px;
}

p.postcodes{
text-align:center;
line-height:25px;
}

tr.ShadedRow { background-color: #FFFFCC; }

/* CSS3 Buttons Without Images */
/* added 08/05/2012 to start moving design across to better css buttons */
.btn-rgt-general {
-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
box-shadow: 2px 2px 1px 0px #CCC; -moz-box-shadow:2px 2px 1px 0px #CCC; -webkit-box-shadow:2px 2px 1px 0px #CCC;
color: #FFFFDD;
font-weight:bold;
border:1px solid rgba(0,0,0,0.5);
background:#900000;
padding:5px 5px 5px 5px;
}
.btn-rgt-general:hover {
background:#AA1111; color:#FFFF99; cursor:pointer;
}
.btn-rgt-general:active, button:focus {
background: #993333;
} 

.gsc-adBlock{ display:none;}

#tabbed-block div.instrumentpopup p.small-14{font-size:14px; padding:10px 0px 10px 0px;}
#tabbed-block div.instrumentpopup p.small{padding:10px 0px 10px 0px;}

/***************** new tutor page rules (05/07/2012) *************/

#tutor-biog{width:99%; height:400px; overflow:auto;}

.questionmarks{
	font-weight:bold;
}

div.hints{
position:relative;
display:inline;
}

div.explanations{
position:absolute;
top:10px;
left:10px;
width:120px;
padding:5px;
border:#999999 1px solid;
background:#FFFFFF;
display:none;
z-index:2;

}

table.teaching-info-table{
border:none;
width:99%;
background:#efefef;
}

table.teaching-info-table tr td{
padding:2px;
margin:2px;
background:#fff;
}

div.addon-more-info{
border:1px solid #900000;
background:#FFFFFF;
padding:0px 20px 20px 20px;
}

div.addon-more-info img.imgleft{
float:left;
padding:5px 15px 20px 0px;
}

div.addon-more-info p{
text-align:left;
font-size:12px;
}

div.addon-more-info p.close{
text-align:center;
clear:both;
}

div.placeholder{
width:100%;
clear:both;
height:1px;

}

p.price{
text-align:right;
clear:both;
width:100%;
}

p .postage{
font-size:9pt;
}

p.download-version{
background:#000;
color:#fff;
padding:2px 6px 2px 6px;
font-size:12px;
font-weight:bold;
text-align:right;
float:right;
clear:both;
}

p.downloadheading{
color:#FF0000;

}

p.downloadlinks{
padding:15px;
text-align:center;
}

img.flags{
padding-right:120px;
}

#tabbed-block p.crb-notice{
float:right;
padding:5px;
width:250px;
text-align:justify;
border:1px solid #900000;
}

div.notes{width:10px; position:relative; display:inline-block;}
div.notes p.q-mark{font-weight:bold;}
div.notes p.q-mark:hover{ cursor:pointer;}
#tabbed-block div.notes p.notes-text{ display:none; position:absolute; bottom:9px; right:9px; width:200px; background:#ffffcc; border:1px solid #900000; padding:5px; text-align:justify; font-size:12px;}

p.view-hide-faq{color:#00f; font-weight:bold; cursor:pointer;}

.faq-contact-form { width:400px; float:right;}

.faq-contact-form input, .faq-contact-form textarea {width:99%;}
.faq-contact-form textarea {height:40px;}
.faq-contact-form input.submit-button{ width:25%;}


/************** new rules to validate HTML5 **************/

a img{border:none;}
h8{margin:0; padding:0;}

.center-align{text-align:center; margin:0 auto 0 auto;}
.left-align{text-align:left;}
.right-align{text-align:right;}
.justified-text{text-align:justify;}

.center-margin{ margin:0 auto 0 auto;}

th.valign-top, tr.valign-top, td.valign-top{ vertical-align:top;}
td.valign-middle{ vertical-align:middle;}
th.valign-bottom{ vertical-align:bottom;}
a.whitelink, a:hover.whitelink{ color:#FFFFFF;}

.no-border{border:none;}
.border-1, .border-1 tr td{border:1px solid;}
.no-cellpadding, .no-cellpadding tr td{padding:0;}
.no-cellspacing, .no-cellspacing tr td{border-collapse: collapse;}

.cellpadding-2, .cellpadding-2 tr td{padding:2px;}
.cellpadding-3, .cellpadding-3 tr td{padding:3px;}
.cellpadding-4, .cellpadding-4 tr td{padding:4px;}
.cellpadding-5, .cellpadding-5 tr td{padding:5px;}
.cellpadding-6, .cellpadding-6 tr td{padding:6px;}

.nowrap{ white-space:nowrap;}

img.patron-left{float:left; padding:4px;}
img.patron-right{float:right; padding:4px;}
hr.full-width{clear:both;}

.width-2{width:2%;}
.width-3{width:3%;}
.width-5{width:5%;}
.width-10{width:10%;}
.width-13{width:13%;}
.width-15{width:15%;}
.width-20{width:20%;}
.width-25{width:25%;}
.width-30{width:30%;}
.width-32{width:32%;}
.width-40{width:40%;}
.width-45{width:45%;}
.width-50{width:50%;}
.width-60{width:60%;}
.width-70{width:70%;}
.width-75{width:75%;}
.width-80{width:80%;}
.width-90{width:90%;}
.width-100{width:100%;}


/********* cellspacing 
  border-collapse: separate;
  border-spacing: 2px;
  *border-collapse: expression('separate', cellSpacing = '2px');
****************************/

iframe.middle-iframe{margin:10px auto 10px auto;}

p.reg-progress{
text-align:center;
padding:4px 8px 4px 8px;
color:#900000;
background-color:#EEE;
font-weight:bold;
font-size:14px;
margin:10px auto 10px auto;

}
p .green{
color:#339933;
}

.info-box-inline{display:block; border:solid 2px #F00; background-color:#FF9; padding:4px; width:450px;}

/*** trustwave ******/
p.trustwave-logo{ float:right; padding:5px;}

/*** Tutor Teaching Info Boxes ***/
#tut-info-holder{position:relative; width:703px; margin:1px auto; padding:0px;}
#tut-info-holder input:button {margin:4px auto;}
table.declaration-block {width:100%; border:none; margin:0px; padding:0px; border-spacing:0px;}
table.declaration-block td {font-size:12px; padding:4px; margin:0px; vertical-align:middle;}
.tut-info-3col{position:relative; float:left; width:693px; border:solid 1px #900; margin:0px 0px 10px 4px; border-top-left-radius:6px; border-top-right-radius:6px;}
.tut-info-1col{position:relative; float:left; width:227px; border:solid 1px #900; margin:0px 0px 0px 4px; border-top-left-radius:6px; border-top-right-radius:6px;}
.tut-info-1col-short{position:relative; float:left; width:227px; border:solid 1px #900; margin:0px 0px 0px 3px; border-top-left-radius:6px; border-top-right-radius:6px;}
.tut-info-2col{position:relative; float:left; width:459px; border:solid 1px #900; margin:6px 0px 0px 3px; border-top-left-radius:6px; border-top-right-radius:6px;}

.tut-info-body {position:relative; padding:0px 0px 4px 0px;}
.tut-info-body h3 {color: #FFFFFF; background-color: #900000; font-size: 16px; margin:0px 0px 4px 0px; padding:2px 2px 2px 4px; border-top-left-radius:6px; border-top-right-radius:6px;}
.tut-info-body table {width:100%; border:none; margin:0px; padding:0px; border-spacing:0px;}
.tut-info-body td {font-size:13px; padding:1px 4px 1px 2px; margin:0px;}
.tut-info-body select {font-size:90%;}
.tut-info-body select.full-width {width:99%; font-size:90%;}


/******************* new tutor search card **************************/
.tutors-box-uk{ width:429px; margin:3px; padding:1px; float:left; border: thin solid #982A20; border-radius:6px; box-shadow:1px 1px 1px #AAA; background-image: linear-gradient(#F9F3F3, #FFFFFF); height:117px;}

.tutor-details{width:423px; height:115px; margin:2px; padding:1px; position:relative;}
.email-and-distance{width:35px; height:55px; padding:2px; margin-bottom:30px; float:left;}

.large-tutor-name{font-size:14px; color:#900000; font-weight:bold; padding-bottom:10px;}
.contact-details{position:absolute; left:43px; top:27px;}

.instruments{position:absolute; left:0px; top:65px;}

.logos-and-links{width:65px; height:85px; position:absolute; right:0px; top:0px; text-align:right;}
img.pick-up-and-play-logo{position:absolute; right:0px; bottom:0px; cursor:pointer;}

.experienced-exam-tutor{width:413px; margin:2px; padding:3px; background-color:#ffffcc; font-size:14px; font-weight:bold; text-align:center; position:absolute; bottom:4px; left:0px; cursor:pointer;}


#hidden-corporate-info p{ line-height:16px;}

/******************************************** cookie bar 27/08/2015 ***************************************/
#hidden-cookies-info p{ font-size:12px;}
#hidden-cookies-info{text-align:left;}

#cookie-bar {background:#444; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0; margin:0px;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:underline; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {/*background:#007700;*/}
#cookie-bar .cb-enable:hover {/*background:#009900;*/}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}