.sortable {width:100%; border:2px solid #C4D8F7; margin:0 auto 15px}
.sortable th {background:#D7E7FF; text-align:left; color:#000; border:1px solid #FFF; border-right:none}
.sortable th h3 {font-size:10px; padding:6px 8px 8px}
.sortable td a { font-weight: normal; color:black;}
.sortable td {padding:4px 6px 6px; border:0px;}
.sortable .head h3 {background:url(../images/table/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px !important; padding-top: 7px !important;}
.sortable .desc, .sortable .asc { background-color:#7593BF; color:#FFF;}
.sortable .desc h3 {background:url(../images/table/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px !important; padding-top: 7px !important;}
.sortable .asc h3 {background:url(../images/table/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px !important; padding-top: 7px !important;}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:orange}
.sortable .evenrow td {background:#fff; border:1px dotted #D9D9D9;}
.sortable .oddrow td {background:#F9F9F9; border:1px dotted #D9D9D9;}
/*.sortable td.evenselected {background:#fff}
.sortable td.oddselected {background:#EFF1F5}*/

#controls {width:100%; margin:0 auto; height:20px}
#perpage {float:left; width:45%}
#perpage select {float:left; font-size:11px}
#perpage span {float:left; margin:2px 0 0 5px}
#navigation {float:left; width:10%; text-align:center}
#navigation img {cursor:pointer}
#text {float:left; width:45%; text-align:right; margin-top:2px}

.checkRadioLabel30 { display: inline-block; width: 30px; }
.extraBottom { margin-bottom: 10px; }
.extraTop    { margin-top: 10px; }
.floatLeft {float:left}
.thinner  { margin-bottom: 0 !important; margin-top: 0 !important; }
.requiredOnSaveLabel { color:#25A150; }
.uppertext { text-transform: uppercase; }
.qa-confirmation-col { width: 20%; }
.submitImage { width: auto !important; }

/*** Consultation Forms ***/
#consultationForm .heading { color:#000; }
#consultationForm fieldset { display: block; } /* fixes IE8 display */
.hidden { display:none; }
.shownBlock { display:block; }
.linkNoDecoration { text-decoration: none; }
#consultationForm span.innerHelp,
#consultationForm.specialError span.innerError { display:block; height:100%; margin-left:646px; margin-top:-18px; padding-top:2px; width:25em; }
#consultationForm #errorsDiv_expiry_date_year { display:inline; }
span.wrappedMsg { display:block; margin-left:647px; width:25em; }
div.leftMargin { margin-left:7px; }
div.questionNote { display:inline; margin-bottom:0; width:250px; }
div.readableText { line-height:175%; }
input.short { width:50px; }
input[disabled],
textarea[disabled] { background:lightgrey; }

div.noSpaces { height:0px; margin:0px; padding:0px; }
input.postcodeTxt { width:118px; }
input.postcodeBtn { width:80px; }
.searchButtonWidth { width: 76px; }

/*** IOP highlight***/
.highlight { background-color:#FFE87C; color:#000000; font-size:1.1em; font-weight:bold;
             height:20px; padding: 5px 10px; display: inline !important;}

.width363 {display:inline-block;width:363px;float:left;}
.legendTd {border:0px;}
.bold {font-weight: bold;}

/*** GCRR ***/
.textLabel {padding-left:25px; padding-right:45px; padding-top:5px; padding-bottom:5px;}
.advice { font-size:1.1em; height:20px; display: inline !important;}

/*** links that look like buttons ***/
.btnEdit {
	background: url("../images/layup/btnEdit.gif") center no-repeat;
	display: block; float: left; height: 24px; margin-right: 3px; width: 78px;
}
.btnBack {
    background: url("../images/layup/btnBack.gif") center no-repeat;
    display: block; float: left; height: 24px; margin-right: 3px; width: 76px;
}

/*** CAT ***/
.radioGreen { background-color: #9FF781; }
.radioRed { background-color: #FE8181; }
.radioSpan { display:inline-block; padding:1px; width: 25px;}