/* CSS Document */

body { margin: 0px; }
body, p, span, div { font-family: Arial, Helvetica, sans-serif; }
img { border: 0px; }


/* ******************** ADVERT BANNER ******************** */
#headerBannerPanel {
    width: 100%; height: 70px;
    padding-top: 10px;
    border-bottom: 1px solid #FFFFFF;
    display: none;
}
#headerBanner {
    width: 950px; height: 60px;
    margin-left: auto; margin-right: auto;
}
#hdrAdvert {
    width: 675px; height: 60px;
    float: right;
    text-align: center; line-height: 60px;
    display: block;
}

/* ******************** HEADER ******************** */
#headerPanel {
    width: 100%; height: 52px;
    background-color: #000000; color: #FFFFFF;
    background-image: url(../images/ukprule.gif);
    background-position: top; background-repeat: repeat-x;
}
#headerContent {
    width: 950px; height: 52px;
    margin-left: auto; margin-right: auto;
    background-image: url(../images/ukp_950w.gif);
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
}
#strapline {
    width: 400px; height: 60px;
    position: relative; float: left;
    text-align: left;
    font-size: 14px; line-height: 60px;
    font-weight: bold; color: #FFFFFF;
    display: block;
}
a.logo {
    width: 253px; height: 40px;
    position: relative; float: right;
    margin-bottom: 0px; margin-top: 10px;
    display: block;
}

/* ******************** NAVIGATION ******************** */
#nav {
    width: 950px; height: 20px;
    clear: both;
    text-align: left;
    margin-left: auto; margin-right: auto;
    margin-bottom: 5px;
    color: #FFFFFF;
    font-size: 12px;
    display: block;
}
#nav a:link, #nav a:visited, #nav a:hover { text-decoration: none; }
#nav ul {
    margin: 0px; padding: 0px;
    list-style: none;
}
#nav ul li { display: inline; }
#nav ul.mainnav { float: left; }
#nav ul.mainnav a { margin-right: 10px; }
#nav ul.accountButtons { float: right; }
#nav ul.accountButtons a, a.advSrchButton, a.advSrchReset {
    margin-left: 5px;
    background-color: #3399CC;
    background-image: url(../images/tourtitleblend_f01.gif);
    background-position: bottom; background-repeat: repeat-x;
    font-weight: bold; text-align: center;
    padding: 2px 5px 2px 5px;
    color: #FFFFFF;
}
#nav ul.accountButtons a:hover, a.advSrchButton:hover, a.advSrchReset:hover { background-image: url(../images/tourtitleblend_f02.gif); }
#nav li.selected a {
    background-image: url(../images/tourtitleblend_f02.gif);
    border: solid 1px black;
}

/* ******************** MAIN CONTENT PANEL ******************** */
#pgContentPanel {
    width: 100%; height: auto;
    clear: both;
    margin-bottom: 10px;
}
#pgContent {
    width: 950px;
    margin-left: auto; margin-right: auto;
    padding-top: 10px;
    text-align: left;
    display: block;
}
.spc950 {
    width: 950px; height: 10px;
    clear: both;
    display: block;
}

/* ******************** FOOTER ******************** */
#footerPanel {
    width: 100%; height: 40px;
    clear: both;
    border-top-width: 3px; border-top-style: solid;
}
#footer {
    width: 950px;
    position: relative; clear: both;
    margin: 0px auto 5px auto;
}
#footer ul {
    margin: 0px; padding: 0px;
    list-style: none;
    float: left;
}
#footer ul li { display: inline; }
#footer ul li a {
    padding-right: 5px; margin-right: 3px;
    border-right-width: 1px; border-right-style: solid;
}
#wdacredit { float: right; }


/* ******************** COVER IMAGES ******************** */
#newsImgs {
    width: 950px; height: 172px;
    margin-bottom: 10px;
}
.hdimgs {
    width: 127px; height: 162px;
    position: relative; float: left;
    color: #999999; text-align: center;
    background-color: #FFFFFF;
    overflow: hidden;
    display: block;
}
.hdimgsspc {
    width: 10px; height: 70px;
    position: relative; float: left;
    display: block;
}
.hdimgsspcplus1 { width: 11px; }

/* ******************** COLUMNS ******************** */

#typeLHcol {
    width: 127px; height: auto;
    float: left;
    margin-right: 10px;
    text-align: left;
    display: block;
    min-height: 100px;
}
#typeRHcol {
    width: 264px;
    float: right;
    text-align: left;
}
#typeSection {
    width: 537px;
    float: left;
    text-align: left;
}

/* ==================================== FORM STYLES ==================================== */

input.formField {
    font-size: 10px; line-height: 15px; color: #666666;
    border-left: 1px solid #666666;
    border-top: 1px solid #666666;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding: 2px;
}
input.formControl {
    font-size: 10px; line-height: 15px; color: #666666;
    border-left: 1px solid #666666;
    border-top: 1px solid #666666;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding: 2px;
}
#loginForm p { width: 437px; height: 20px; display: block; }
#loginForm label {
    width: 75px;
    position: relative; float: left;
    display: block;
}
#loginForm input.formField {
    width: 250px;
    position: relative; float: left; clear: none;
}
button.formButton, input.formButton {
    font-size: 11px; font-weight: bold; color: #FFFFFF;
    border-color: #3399CC;
    background-image: url(../images/tourtitleblend_f03.gif);
    background-position: top; background-repeat: repeat-x;
    background-color: #3399CC;
}
button.formButton:hover, input.formButton:hover { background-image: url(../images/tourtitleblend_f02.gif); }
select.formPopUp {
    font-size: 11px; line-height: 14px;
    border: 1px solid #3399CC;
    /*padding: 2px;
    display: block;*/
}
form.logform {
    margin: 0px;
    padding: 0px;
    background-color: #EEF5F8;
    margin-bottom: 10px;
}
form.logform select.formPopUpFixedWidth {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    width: 306px;
    clear: none;
    float: left;
    }
form.logform h2, .formRowHdr {
    padding: 5px 5px 5px 10px;
    color: #FFFFFF;
    background-color: #006699;
    background-image: url(../images/titlebar.gif);
    background-position: top; background-repeat: repeat-x;
    margin-bottom: 10px;
    clear: both;
    display: block;
}
form.logform input.formField { width: 300px; float: left; margin-bottom: 10px; }
form.logform textarea {
    width: 475px;
    float: left;
    margin-bottom: 10px;
    font-size: 12px; line-height: 14px;
    border-left: 1px solid #666666;
    border-top: 1px solid #666666;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding: 2px;
}
form.logform input.formFieldQty  { width: 30px; float: right; text-align:right; }
form.logform input.formRadio { width:20px; float: left; margin-bottom: 10px; }
form.logform input.formRadioNegMarginLeft { margin-left: -2px; }
form.logform span.formRadio { font-size: 12px; line-height: 22px; color: black; }

table.formTable td,
table.formTable th {
  padding-right: 5px;
}

table.formTable td.id,
table.formTable th.id {
  width: 75px;
  text-align: right;
}

form.logform input.formRadioTag {
    width:18px;
    float: left;
    position: relative;
    top: -2px;
    left: 0px;
    margin-left: -2px; 
}
form.logform div.formRadioTagHolder {
    width: 440px;
    display: block;
    float: left;
}

form.logform div.formRadioTag {
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    margin-top: 1px;
    margin-left: 0px;
    margin-right: 3px;
    margin-bottom: 10px;
    border: 1px solid #3399CC;
    background-color: #3399CC;
    background-image: url(../images/tourtitleblend_f01.gif);
    background-position: top; background-repeat: repeat-x;
    text-align: left;
    display: block;	
    width: 97px;
    height: 50px;
    float: left;
}

form.logform div.formRadioTagText {
    display: block;	
    width: 79px;
    float: left;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px;
    color: #006699;
}

form.logform div.formRadioTagText h3 {
    color: #FFFFFF; 
    font-size: 11px;
    font-weight: bold;
    line-height: 12px;
    margin-bottom: 1px;
}

form.logform div.formRadioTagButton {
    width:18px;
    height: 20px;
    display: block;	
    float: left;
}

form.logform input.formIpRange {
    width: 100px;
    text-align: right;
}
form.logform input.formCheckbox {
    float: left; margin-bottom: 10px;
    margin-left: 0px; margin-right: 0px;
}
* html form.logform input.formCheckbox { margin-left: -4px; }
* + html form.logform input.formCheckbox { margin-left: -4px; }

form.logform label.postCheckBox {
    width: auto;
    margin-left: 5px; margin-top: -3px;
    float: left;
    white-space: nowrap;
}
* html form.logform label.postCheckBox { margin-left: 2px; margin-top: -2px; }
* + html form.logform label.postCheckBox { margin-left: 2px; margin-top: -2px; }

.formRow {
    padding-bottom: 10px;
    clear: both;
    display: block;
}
.formRowSep {
    border-bottom-color: blue;
    border-bottom-style: dotted; 
    border-bottom-width: 1px; 
    margin: -8px 20px 10px 90px;
    width: 380px;
}
form.logform label {
    width: 80px;
    float: left;
    color: #000000;
    margin-left: 5px;
    font-weight: bold;
    text-align: right;
    margin-right: 5px;
}

form.logform label.nofloat {
    float: none;
}

div.formHelp {
    font-size: 11px; font-weight: bold;
    color: #006699;
}

div.formStaticSep {
  padding-top: 5px;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #cccccc;
}

div.formCheckboxLegend {
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    margin-left: 5px;
    margin-right: 0px;
    display: block;
    float: left; clear: none;
    width: 288px;
    margin-top: 0px;
    margin-bottom: 10px;
    }
div.remember {
    margin-left: 90px; margin-bottom: 15px;
    font-size: 11px; font-weight: bold;
}
form.logform input.formButton {
    clear: both;
    margin-right: 20px;
}

.formRowFooter {
    padding-top: 3px;
    padding-bottom: 4px;
    clear: both;
    background-color: #DEE5E8;
    display: block;
    padding-left: 90px;
}

textarea.formTextArea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    padding: 5px;
    border: 1px solid #CCCCCC;
}
div.loginOptions {
    float: left;
    font-size: 12px; font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
    color: #006699;
}
div #advancedLogin {
    display: block;
    width: 535px;
}
a.advancedLogin:link,
a.advancedLogin:visited,
a.advancedLogin:hover {
    background-image: url(../images/exp_downarrow.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 15px;
    float: left;
    font-size: 12px; font-weight: bold;
    margin-left: 10px;
    color: #006699;
}

div.loginHelp {
    clear: both;
    font-size: 12px; font-weight: bold;
    margin: 5px 0px 10px 90px;
    color: #006699;
}
div.ukfedHelp {
    clear: both;
    font-size: 12px;
    margin: 5px 0px 10px 90px;
    color: #006699;
}
div.logo_holder {
    margin: 5px 0px 10px 90px;
    height: 90px;
    width: 400px;
}
div.logo_holder div.ukfed_logo {
    background-image: url(../images/logon/ukfed_logo.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    height: 90px;
    width: 120px;
    float: left;
}
div.logo_holder div.shib_logo {
    background-image: url(../images/logon/shib_logo_90.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    height: 90px;
    width: 120px;
    float: left;
}
div.logo_holder div.janet_logo {
    background-image: url(../images/logon/janet_logo.png);
    background-position: 5px 10px;
    background-repeat: no-repeat;
    height: 90px;
    width: 120px;
    float: left;
}

div.forgotten {
    clear: both;
    font-size: 10px;
    margin: 5px 0px 5px 90px;
    color: #3399CC;
}
div.forgotten a:hover { color: #000000; }
div.formerror {
    width: 300px;
    padding: 0px 0px 5px 0px;
    font-size: 12px; line-height: 18px; font-weight: bold;
    color: #990000;
    margin-left: 90px;
    display: block;
    clear: both;
}
.readonly {
	background-color: #EEF5F8;
}
.inerror {
	background-color: #fff0f0;
}
div.formsuccess {
    width: 300px;
    padding: 0px 0px 10px 0px;
    font-size: 14px; line-height: 18px;
    color: green;
    margin-left: 90px;
    display: block;
}
div.registerpanel {
    font-size: 11px; font-weight: bold;
    padding: 5px;
    margin-bottom:10px;
    border: 1px solid #666666;
}
div.registerpanel a { text-decoration: none; }

/* ******************** INDIVIDUAL STYLES ******************** */

ul.skiplinks { display: none; }
.nomargin { margin: 0px; }
.divHide { display: none; }

/* HISTORY AS IT HAPPENED TITLE */
span.historytitle {
    width: 537px; height: 76px;
    background-position: left top; background-repeat: no-repeat;
    text-indent: -999999px;
    display: block;
}

/* ******************** EDITORIAL TABLES ******************** */
table.editorialTable {
    width: 537px;
    border-collapse: collapse;
    margin-bottom: 20px;
}
table.editorialTable th, table.editorialTable td {
    padding: 5px;
    border-bottom: 1px solid #999999;
}
table.editorialTable .price { text-align: right; }


div.formRequiredField {
    height: 11px; width: 8px;
    background-image: url(../images/reqarrow.gif);
    background-position: left top; background-repeat: no-repeat;
    display: block;
    float: left; clear: none;   
    margin-left: 5px; margin-top: 3px;
}

/* ******************** MESSAGE PANELS ******************** */
.msg_success, .msg_error, .msg_warning, .msg_info {
    background-position: 5px 5px; background-repeat: no-repeat;
    padding: 13px 10px 10px 45px;
    font-size: 14px; line-height: 18px;
    width: 480px;
    min-height: 20px;
    margin-bottom: 10px;
    display: block;
}
.msg_success p, .msg_error p, .msg_warning p, .msg_info p { margin-top: 5px; margin-bottom: 0px; }
.msg_success {
    color: #669900;
    background-color: #EBF2D0;
    background-image: url(../images/messageicons/ukp_icons_success.gif);
    border: 1px solid #D3D9BB;
}
.msg_error {
    color: #CC0000;
    background-color: #F8EBED;
    background-image: url(../images/messageicons/ukp_icons_error.gif);
    border: 1px solid #DACED0;
}
.msg_warning {
    color: #CC6600;
    background-color: #FBE6CE;
    background-image: url(../images/messageicons/ukp_icons_warning.gif);
    border: 1px solid #DABFB2;
}
.msg_info {
    color: #006699;
    background-color: #EEF5F8;
    background-image: url(../images/messageicons/ukp_icons_info.gif);
    border: 1px solid #DEE5E8;
}

.newsticker {
    list-style-type: none;
    padding: 4px;
    margin: 0;
    color: black;
}

.pdfIframe {
    width: 1000px;
    height: 1000px;
}

span.paymentIncVat {
    
  font-style: italic;
  font-size: 10px;
  font-family: Arial,Helvetica,sans-serif;
  margin-left: 6px;
  font-weight: lighter;
}

#statusBox {
    min-height: 120px;
}

.noresults {
  font-size: .8em;
  font-family: Arial,Helvetica,sans-serif;
  font-style: italic;
  font-weight: lighter;
  text-align: center;
  display:block;
  width:100%;
  margin-bottom: 1em;
}

div#emailOptions {

}
div#emailOptions a#emailResend {
    background-image: url(../images/refreshsm.gif);
    background-repeat: no-repeat;
    height: 25px;
    width: 25px;
    display: block;
    float: left;
}
div#emailOptions a#emailDelete {
    background-image: url(../images/deleteup.gif);
    background-repeat: no-repeat;
    height: 25px;
    width: 25px;
    display: block;
    float: left;
}