/* CSS Document */

/*
Colours:
dark red = #660000)
text body = #336666
background shade (buttons) = #fee

Menu css on the menu page itself
*/

/* Initial Settings */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0; padding:0; font-family:'Open Sans', sans-serif; font-size:16px; line-height:1.3; text-align:center;}

/* Colours */
body{color:#039; background-color:#f9f9ff;}
#PopUpBody{background-color:#fff;}
#Wrap{background-color:#fff;}
#Footer{color:#999; background-color:transparent; font-weight:normal;}
h1, h2, h3, h4, h5, h6, th{color:#0080ef;}
hr{border-color:#0080ef;}
a{color:#66f;}
a:hover{color:#fff; background-color:#0080ef;}
#Footer a, #Footer a:hover{color:#999; background-color:transparent;}

input, select, .StandAloneButton, .StandAloneButtonSmall, textarea{border-color: #0080ef; color: #0080ef;}
input[type="submit"], input[type="button"], .StandAloneButton, .StandAloneButtonSmall{background-color:#eef;}
input[type="submit"]:hover, input[type="button"]:hover, .StandAloneButton:hover, .StandAloneButtonSmall:hover{color:#fff; background-color:#0080ef;}
input[type="text"]:focus, input[type="password"]:focus{border-color: #0066cc; background-color:#eef;}
.FieldError{border-color: #ee3333; background-color:#fee;}
input:disabled, select:disabled{background-color:#EEE;}

.ShadedRow td{background-color:#eeeeff;}
.DiplomaRow td{background-color:#ffdddd; color:#FF6666;}
.WorkingRow td{background-color:#ddffdd;}
.Red, .RedRow, .RedRow a{color:#FF0000;}
.Green{color:#090;}
.Grey{color:#AAA;}

.ErrorTxt{color:#E00;}
.ErrorBlock{color:#E00; background-color:#FF9; border-radius:4px; border:solid 2px #E00; text-align:center; font-size:1.1em; padding:3px 4px; box-shadow:0px 0px 6px #CAA;}


/* Main layout */
#Wrap{position:relative; max-width:1000px; margin:70px auto; padding:0px; text-align:left; border:solid 1px #009; box-shadow:4px 4px p4x #666; border-radius:8px;}
#Wrap.WithTable{min-width:700px;}
#Footer{position:relative; width:100%; margin:10px auto; padding:4px; font-size:12px; border-top:solid 1px #CCC;}
.Spacer{width:100%; height:10px; font-size:9px;}
.SpacerBig{width:100%; height:30px; font-size:9px;}


/* Rows and Columns */
.row {position:relative; width: 100%; clear:both; margin:0px; padding:0px;}
.NoCols{padding:0px 15px;}
.row::after {content: ""; clear: both; display: block;}
.col-1 {width: 8.33%; float:left;}
.col-2 {width: 16.66%; float:left;}
.col-3 {width: 25%; float:left;}
.col-4 {width: 33.33%; float:left;}
.col-5 {width: 41.66%; float:left;}
.col-6 {width: 50%; float:left;}
.col-7 {width: 58.33%; float:left;}
.col-8 {width: 66.66%; float:left;}
.col-9 {width: 75%; float:left;}
.col-10 {width: 83.33%; float:left;}
.col-11 {width: 91.66%; float:left;}
.col-12 {width: 100%; float:left;}
[class*="col-"] {position:relative; padding:15px;}
.spaceTop {margin-top:30px;}
.spaceBottom {margin-bottom:30px;}
.spaced {margin-top:16px; margin-bottom:16px;}

/* less spacing in forms */
form .row [class*="col-"] {padding:2px 8px;}
form .row [class*="col-"].FldText {padding-top:5px;}


/* Common Basic Styles */
h1, h2, h3, h4, h5, h6{line-height:1.2; margin:0px; padding:8px 0px 4px; font-weight:normal;}
h1{font-size:2em; padding-top:10px;}
h2{font-size:1.7em;}
h3{font-size:1.5em;}
h4{font-size:1.4em; padding-top:6px;}
h5{font-size:1.2em; padding-top:6px; padding-bottom:0px;}
h6{font-size:1em; padding-top:6px;}
p{margin:0px; padding:4px 0px;}
a{text-decoration:none; padding:0px 3px; font-weight:normal; display:inline-block; border-radius:4px;}
hr{border-width:1px; border-style:solid; box-shadow:0px 0px 4px #99c; width:100%; margin:8px auto;}
img {width:auto; height:auto; max-width:100%; border:none; display:block;}
ul{margin:4px 0px; padding:0px 0px 0px 34px;}
li{padding:2px 0px 1px 8px; font-size:100%;}
li a{display:inline-block; width:90%;}


/* General Styles */
.TxtCenter{text-align:center;}
.TxtRight{text-align:right;}
.Bold{font-weight:bold;}
.TxtLeft{text-align:left;}
.Italics{font-style:italic;}
.Small{font-size:0.8em;}
.vSmall{font-size:0.7em;}
.LinkNoShade{color:inherit; padding:0px; display:inline;}
.LinkNoShade:hover{color:inherit; background-color:inherit;}

/* Images */
.ImgLeft{float:left;}
.ImgRight{float:right;}
.ImgFramed{border:solid 2px #668; border-radius:4px; box-shadow:2px 2px 4px #CCD;}

/* Forms and Fields */
form{width:100%; margin: 4px auto; padding:4px;}
form.FmBorder{border:2px solid #951f37; padding:8px 4px; border-radius:8px; box-shadow:2px 2px 6px #999;}
form .FldText {padding-top:4px;}
input, select{font-size:1.1em; padding:1px 2px; border-width:1px; border-style:solid; border-radius:2px; box-shadow:0px 0px 3px #999;}
select{width:auto;}
textarea{border-width:1px; border-style:solid; border-radius:2px; box-shadow:0px 0px 3px #999; padding:3px; font-family:inherit;}
input, textarea, select.FullWidth{width:100%;}
input[type="checkbox"], input[type="radio"]{width:auto;}
input[type="submit"], input[type="button"], .StandAloneButton, .StandAloneButtonSmall{cursor:pointer; border-radius:8px;}
/* Various width settings */
input.FldShort{width:120px;}
input.FldMoney{width:80px;}
input.FldDate{width:100px;}
input.FldDateLong{width:120px;}
input.FldTime{width:70px;}
input.FldPostCode{width:90px;}
input.FldNumber{width:40px;}

.StandAloneButton{display:block; text-align:center; border-width:2px; border-style:solid; margin:4px; font-size:1.1em; padding:2px 6px; box-shadow:0px 0px 3px #999; font-weight:normal;}
.StandAloneButtonSmall{display:inline-block; text-align:center; border-width:1px; border-style:solid; margin:1px 4px; font-size:1em; padding:0px 4px; box-shadow:1px 1px 2px #999; font-weight:normal;}
.DelButton{display:inline-block; text-align:center; border:solid 1px #0080ef; color: #990000; background-color:#eef; margin:0px 1px; font-size:0.8em; padding:1px 4px 0px; box-shadow:1px 1px 2px #999; font-weight:normal; border-radius:7px; cursor:pointer;}
.DelButton:hover{color: #fff; background-color:#EE0000;}

/* Tables */
table{width:100%; margin:8px 0px 12px; padding:0px; border:none; border-collapse: collapse;}
tr{padding:0px;}
th, td{margin:0px; padding:1px 8px 2px 4px; text-align:left; border:none; vertical-align:top; font-weight:normal;}
th{border-bottom:solid 1px #006;}
th a, th a:hover{color:inherit; background-color:transparent;}
.PadCell_1{padding:1px;} /* used for cells with tick boxes or icons where padding is not needed */
th h2{color:#fff; padding:2px 0px; font-size:1.4em;}
.RowActionDone{color:#6C6;}
.DeletedRow{background-color:#F9C; color:#F00; opacity: 0.4;}


/* Containers */
.InfoBox, .PicBox{position:relative; border:solid 1px #0080ef; background-color:#fffcfc; padding:4px; border-radius:4px; box-shadow:2px 2px 4px #cbb; overflow:hidden;}
.InfoBox h2{color:#fff; background-color:#0080ef; padding:1px 4px 2px; margin:-4px -4px 4px; font-size:1.2em;}
.InfoBox h3{font-size:1.1em; padding-bottom:0px;}
.InfoBox p{font-size:0.9em;}
.MoreInfo{font-size:0.9em; padding:1px 2px;}

/* Tabbed Blocks */
.TabRow{position:relative; margin:8px 0px 0px; padding:0px; width:100%; z-index:5;}
.TabBody{position:relative; margin:-1px 0px 0px; padding:8px; width:100%; border:solid 1px #951f37; border-radius:0px 0px 4px 4px; z-index:2; box-shadow:2px 2px 4px #FCC;}
.TabRow a{display:inline-block; margin:0px 12px 0px 0px; padding:3px 4px 4px; width:160px; border:solid 1px #951f37; border-radius:6px 6px 0px 0px; text-align:center; background-color:#eef; color:#951f37;}
.TabRow a:hover{background-color:#951f37; color:#fff;}
.TabRow .SelectedTab{color:#951f37; background-color:#fff; border-bottom-color:#fff;}

/* Page Loading */
#LoadMsg{position:fixed; width:100%; height:100%; top:0px; left:0px; text-align:center; padding:200px 0px; font-size:36px; text-shadow:2px 2px 4px #666; background-color:rgba(200,200,250,0.6); z-index:2000;}

/* Filter Box on some pages */
#FilterChoiceBox{position:absolute; top:0px; right:0px;}
#FilterChoiceBox select{font-size:0.9em;}
#FilterChoiceButton{width:auto; font-size:0.9em; padding:1px 4px 2px; border-radius:6px;}
#FilterChoiceBox #NumRecs{text-align:right; margin:0px; padding:2px 0px; font-size:0.9em;}

/* Number of Records box on some pages (when there is no filter box) */
#NumRecsBox{position:absolute; top:4px; right:8px; font-size:0.9em;}

/* alterations for mobile phones */
@media screen and (max-width:601px){
	[class*="col-"] {width: 100%;}
	.TabRow a{width:100%; font-size:0.9em; margin:0px;}
}

div.examiner-list-box{max-height:200px; overflow:scroll; border:1px solid #0080ef;}
div.examiner-list-box p{padding:5px;}

tr.Bold td {font-weight:bold !important;}