/*application.css - this is the style sheet for applications outside of the CMS (e.g. fees and subs). this replaces icaew.css */

@import url(cart.css);
@import url(search.css);

/*general*/
.floatL {float:left;}
.floatR {float:right;}
.clearBoth, .row {clear:both;}
.clearWidth {width: 100% !important;}
.noBMargin {margin-bottom: 0px;}
#content table .rowDark {background-color:#ededed;}
#content table .rowLight{background-color:#F2F2F2;}
.noBtmMargin {margin-bottom:0px !important;}
.textGap {padding-bottom:20px}
img.textLeft {margin: 5px 0 5px 5px !important}
img.textRight {margin: 5px 5px 5px 0 !important}
ul.left110 {margin-left:110px !important;}
.autoWidth {width: auto !important;}
abbr, acronym {border-bottom:1px dotted #ccc;}
.breadcrumb li {display:inline;}
#rightContent abbr {border-bottom:medium none;}

#content .reqd, #content .fyi {font-size:1.3em;color:#000000;}
#content form .reqd, #content form .fyi {font-size:1.0em;color:#000000;}
#content .reqd {padding-left: 15px;background: url(/lib/images/gifs/asterisk.gif) left top no-repeat;margin-left: 5px;}						
#content .fyi {padding-left:20px !important;padding-top:0px;background: url(/lib/images/gifs/fyi.gif) top left no-repeat;margin-left: 5px;}
#content .altTable2 li .fyi, #content .altTable2 li .reqd {margin:0;}
/*online adverts*/
.blankAD {height: 150px;}
body.home #leftContent .blankAD {margin:0 30px 15px 0;}
body.home #content .blankAD img, body.home #leftContent .blankAD {height:250px;width:300px;clear:right;}
.blankSky {height: 600px;}
.blankAD, .blankSky {overflow: hidden; background: transparent url(../images/gifs/blankadlogo.gif) no-repeat center !important;}
.blankAD img {width: 180px; height: 150px;}
.blankSky img {width: 160px; height: 600px; margin: 0 10px 30px;}
.home .blankAD img {width: 216px; height: 176px;}/*196px*/
#banner {width:740px;height: 92px; float:left;background:#999}
#banner.blankAD {background:#999 url(../images/gifs/CI-advertise-leaderboard.gif) no-repeat scroll left center !important;}
#banner.blankAD img {width: 728px !important; height: 90px !important; float:left; margin: 1px 0;}
#rightContent .blankAD, #rightContent .blankSky {margin-bottom: 12px;}
.mpuAd {width: 300px !important; height: 250px !important;}
#banner.blankAD object {text-align:center;height:90px !important;margin:0px !important;width:728px !important;position:relative;top:1px;left:1px;}
#bannerEnd img {margin:1px 0 !important;height:90px !important;width:220px !important;}
#bannerEnd {width:220px; height:92px; margin:0; float:right;background:#999}
#bannerEnd.blankAD {background:#999 !important;width:220px; height:92px;}

/*adjust for older content */
div.justImg {width:99%;}
div.justImg img {margin: 0px 5px 15px;}
li h3, li h4 {font-size: 1em !important; margin-bottom: 3px !important;} /* BANNER margin-bottom: 10px; */
#fullPageContent{margin:20px 25px 0 10px;padding:20px 0 20px 0;}
p.intro {color:#4C4C4C;font-weight:bold;margin-bottom:10px;}
#rightContent div.promo ul li {background-image:none; padding-left:0;}
.primaryLinkList li {background: transparent url(../images/template08/primarylinklist.gif) no-repeat 0 2px !important; margin-bottom: 5px !important;}
.secondaryLinkList li {background: transparent url(../images/template08/secondarylinklist.gif) no-repeat 0 2px !important; margin-bottom: 3px !important;}
#rightContent .furtherInformation li {background-image:url(../images/gifs/rightnav_icon_blank.gif); background-repeat:no-repeat;	background-position:top left;	padding:0 0 10px 30px;	margin-bottom:0;}
.information {background-image:url(../images/template08/information.gif) !important;}
.help {background-image:url(../images/template08/help.png) !important;}
.email {background-image:url(../images/template08/mail.gif) !important;}
.helpline {background-image:url(../images/template08/tel.gif) !important;}
.handbook {background-image:url(../images/template08/book.gif) !important;}
.audio {background-image:url(../images/template08/sound.gif) !important;}
.buy {background-image:url(../images/template08/cart_add.gif) !important;}
.webcast {background-image:url(../images/template08/transmit.gif) !important;}
.icearlyBird {background-image:url(../images/template08/bell.gif) !important;}
.icseasonTicket {background-image:url(../images/template08/star.gif) !important;}
.icbookOnline {background-image:url(../images/template08/computer.gif) !important;}
.icpdf {background-image:url(../images/template08/page_white_acrobat.gif) !important;}
.icRegister {background-image:url(../images/template08/register.jpg) !important;}
.icDetails, .myDetails {background-image:url(../images/template08/user_edit.jpg) !important;}
.icRss{background-image:url(../images/template08/rss.gif) !important;}
#rightContent li h2{font-size:1.2em;}
#rightContent li h3{font-size:1.1em;}
.twoCol #content .row .even .box {width:49% !important;float:left;}
.twoCol .colBoxes h2 {margin-bottom:5px !important;}
/*forms*/
#content form h2{background-color:#F2F2F2;padding:10px 0 0 10px;}
#content form {clear:left; margin-bottom:1em; background:#F2F2F2;padding: 10px;}
#content form.clearback {background:transparent;padding: 10px;}
#content form fieldset {border:none; padding-bottom:0;}
/* .twoCol #content form fieldset {padding-bottom:10px; margin: 0 10px;} */
#content form fieldset h2{margin:10px; padding-top:10px;}
#content form fieldset p {margin-bottom: 10px;}/*removed width:340px;*/
#content form fieldset p.maxWidth {width:100%;}
#content form fieldset legend {color:#bf1313; font:bold 1.1em arial,san-serif,tahoma; margin-bottom:1em; padding-top:1.5em; text-transform:uppercase;}
#content form fieldset label {display:block; font:bold .9em arial,san-serif,tahoma; margin-bottom:.3em;}
#content form fieldset input,
#content form fieldset select {margin-bottom:.7em; width:400px;}
#content form fieldset input .autoWidth,
#content form fieldset select .autoWidth {margin-bottom:.7em; width:auto;}
#content form fieldset input.submit {width:auto; padding-left: 0.2em; padding-right: 0.2em;}
#content form fieldset div.button {text-align:right;}
#content form fieldset p.intro {margin-left:10px;}
.twoCol #content form fieldset p.intro {margin-left:0;}
.formerror,.tvformerror, p.formerror {color: #f00;background-color:inherit;margin: 1em !important;}
/* eurodatepicker select fields */
#content form fieldset select.euro {width: 40px;}
#content form fieldset select.euroText, #cvUserInput select.euroText {width: 100px !important;}
#content form fieldset select.euroText2, #cvUserInput select.euroText2 {width: 111px !important;}
/*input forms, all */
#content form fieldset div {vertical-align: top;margin-bottom: 5px;}
#content form fieldset div.formBoxes, #content form fieldset div.formButtons {clear:both;}
/* radio or checkbox fields */
.formButtons input {width: 15px !important;float:left;}
.formButtons input .autoWidth {width: auto !important; margin-bottom: 0px;}/*margin-left: 10px;*/
.formButtons .qLabel {width: 25%;float: left;margin: 0px 10px 0px 0px;}
.formButtons label.buttonLabel {display: inline;vertical-align: top;font-weight: normal;width: auto;}
/* This is a modified version of buttonLabel which 
   accomodates adequate vertical alignment on both browsers GS */
.buttonLabel2 {margin-left:20px;display: inline;vertical-align: 28%;font-weight: normal;width: auto;}
/* other input fields */
#content form fieldset div.formBoxes label {width: 30%;float: left;margin-right: 10px;}
#content form fieldset div.formBoxes p {width: auto;margin-left: 10px;/* text-align: right; */}
.checkbox {width:15px !important; margin: 0 10px !important; float:left !important;}
.checkbox2 {width:15px !important; vertical-align:bottom;}
#content .textarea {width:342px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
#content form fieldset div.formBoxes input.phoneSmall {width:55px;text-align:left;}
#content form fieldset div.formBoxes input.phoneMed {width:154px;text-align:left;}
#content form fieldset div.phoneTextSmall {width:154px;text-align:left;}
/* submit button position */
.pushright {text-align: right;}
/* Aligns labels left in forms */
.floatLab {margin-right:-160px !important;float:left}
/* pulls h2 left in forms */
.h2pull {margin-left:-9px !important}
/*correction for form fields */
#content form.layout1 label {width:300px;}
#content form.layout1 input .autoWidth, #content form input.widthAuto {width:auto !important;}
#content form .secondaryLinkList li,#content form th, #content form td{font-size:1em;}
#content #leftContent form .shortLabel {width:100px;}
#content #leftContent form .shortInput {width:300px;}

/*a-z styling - has colour changes that are section specifi (see separate css files) */
#AtoZ {margin-top:10px;}
#AtoZ #AtoZlist {list-style: none outside none; margin: 0; padding: 0;}
#AtoZ:after {content: "."; display: block; line-height: 1px; font-size: 1px; clear: both;}
#AtoZ #AtoZlist li {background: #000; margin: 1px 3px 5px 0; padding: 1px 1px 5px 0; float:left;}
#AtoZ #AtoZlist a, #AtoZ ul #AtoZlist a:link, #AtoZlist a:visited {background: #EBEBEB; border: 1px solid #FFF; bottom: 2px; color: #000; cursor: pointer; font-weight: bold; height: 1em; margin: 0; padding: 3px 5px 3px 5px; position: relative; right: 2px; text-decoration: none;}
#AtoZ #AtoZlist a:hover {background: #CC0000; bottom: 1px; color: #FFF !important; position: relative; right: 1px;}
#AtoZ #AtoZlist.lgeLetter1 {font-size: 1.4em; font-family:"Lucida Console","Courier New",Courier,Arial;}
#AtoZ {margin-top:10px;padding-bottom:15px;}
table.abbrTable tr.abbrevAlpha {background:#E2E2E4; font-weight: bold;}
table.abbrTable tr th {border-bottom: 1px solid black; }
/* Featured event blocks - reduced font size for location  */
#content .event_panel .location {font-style:normal;font-size:1em;font-weight:normal;}
#content .event_panel li h4 {margin-bottom: 0px !important;}
/* Event Panel change from em to p
body.home #content .event_panel p {font-size:1.2em; color:#6E6E6E; display:block;margin-left:0;} */
#content .event_panel li p {font-size:0.85em; color:#6E6E6E; display:block; margin-left:65px;}

/* Historic highlight boxes */
.threeCol #leftContent .highlightBox, .threeCol #leftContent .contenthighBox {width: 510px;}
.twoCol #leftContent .highlightBox, .twoCol #leftContent .contenthighBox {width: 680px;}
#leftContent .highlightBox, #leftContent .contenthighBox {background:#FFFFFF;float:left;clear: both;border:1px solid #CCCCCC;padding:15px;margin-bottom: 20px;} /* EEEEEE */
#leftContent .highlightBox h2 , #leftContent .contenthighBox h2 {background-color: transparent;}

.highlightBox .floatL, .contenthighBox .floatL {width: 70px; padding: 0 10px 0 0;}
.threeCol .highlightBox .floatR, .threeCol .contenthighBox .floatR {width: 420px; padding: 0 10px 0 0;}
.twoCol .highlightBox .floatR, .twoCol .highlightBox .floatR {width: 600px;}

/* Float Left Block, for inside or outside Highlight Boxes */
#content .width35 .floatL {width:35px;}
#content .width50 .floatL {width:50px;}
#content .width70 .floatL {width:70px;}
#content .width85 .floatL {width:85px;}
#content .width100 .floatL {width:100px;}
#content .width120 .floatL {width:120px;}

/* Float Right Block for outside Highlight Boxes */
#content .width35 .floatR {width:495px;}
#content .width50 .floatR {width:480px;}
#content .width70 .floatR {width:460px;}
#content .width85 .floatR {width:445px;}
#content .width100 .floatR {width:430px;}
#content .width120 .floatR {width:410px;}

/* Prevent background image behind h2 from running into imageLeft space */
.highlightBox .imageLeft, #leftContent .contenthighBox .imageLeft {background:#FFFFFF;} /* EEEEEE */
#content .imageLeft {margin-right:15px;}
#content .imageRight {margin-left:15px;}


.contenthighBox .primaryLinkList {clear:both;}

/* Float Right Block for inside Highlight Boxes */
#content .highlightBox.width35 .floatR, #content .contenthighBox.width35 .floatR {width:455px;}
#content .highlightBox.width50 .floatR, #content .contenthighBox.width50 .floatR {width:440px;}
#content .highlightBox.width70 .floatR, #content .contenthighBox.width70 .floatR {width:420px;}
#content .highlightBox.width85 .floatR, #content .contenthighBox.width85 .floatR {width:405px;}
#content .highlightBox.width100 .floatR, #content .contenthighBox.width100 .floatR {width:390px;}
#content .highlightBox.width120 .floatR, #content .contenthighBox.width120 .floatR {width:370px;}


/* RSS Feed links */
a.rss { margin-left: 5px; padding-left:35px; background:url(../images/gifs/rss_logo.gif) no-repeat; padding-right:20px;}
/*IE ver */
* html #content a.rss {padding-right:0px;}
a.rss2 { padding-left:35px; background:url(../images/gifs/rss_logo.gif) no-repeat;}
/* inline display only, initially for putting rss feed icons next to headers */
.inLine {display: inline;}
/* RSS Feed links */


/*maps in 2col */
#content ul.gMapKey li {margin-bottom:5px;}
#content div.gMapSize {width: 680px; height: 500px; margin-bottom:10px;}
.gMapPop {width: 200px;}

/*information box styling for Google maps*/
div.mapInfo {font-size:0.7em !important;width: 200px;}
div.mapInfo h2 {font-size: 1.6em !important; margin-bottom: 2px !important; padding-bottom: 7px !important;}
div.mapInfo ul {margin: 2px !important;}

/*additional css file to control inhertied font sizes*/
#content form{font-size:1.4em;}
#content form p, #content form dt, #content form dd, #content form li{font-size:1em;}
#content form h2{font-size: 1.4em;}
#content form h3{font-size: 1.2em;}

/*knowledge search*/
dl {background:transparent url(../images/template08/dotsb.gif) repeat-x scroll left bottom;}
dt {width: 25%;padding: 0.2em 0.5em;float: left;margin: 0;font-weight: bold;}
dd {margin-left: 30%;padding: 0.2em 0.5em;}
dl p {font-weight: bold !important; padding:15px 0 !important;}
dl.shade{background-color:#ebebeb;}

/*caifs*/
.tabdl {margin:0px;padding:0px; width:100%;}	
.tabdl th, .tabdl td {width:24%;}

/*WBL (WER) */
table .werDate {width:25%}
table .werStage {width: 10%}
/*IDR*/
.textBox2 {margin-left:128px;}
.textBox2 .textSide {float:left !important;width:150px !important;}
.textBox2 br {clear:both;}
.textBox2 .clearWidth {clear:both;}
.floatLsp {clear:both;float:left;font-weight:900;width:200px}
.idrSearch dt{width:35%}
.idrSearch dd{margin-left:40%}
/*WorldPay Submit - Hidden form with only a submit button */
form#wpsubmit {background-color:transparent;}
/*EventBooking*/
.twoCol #eventBooking label {width:280px;}
.twoCol #eventBooking select, .twoCol #eventBooking p, .twoCol #eventBooking input {width:400px;}
.twoCol #eventBooking #address {width:400px;float:right;}
.twoCol #eventBooking #address p.floatR {width:365px !important;}
.threeCol #eventBooking label {width:170px;}
.threeCol #eventBooking select, #eventBooking p, .threeCol #eventBooking input {width:340px;}
.threeCol #eventBooking #address {width:340px;float:right;}
.threeCol #eventBooking #address p.floatR {width:305px !important;}
/*Online Faculty Joining*/
.twoCol fieldset #contact label {float:left;width:280px;}
.twoCol fieldset #contact p {float:right;width:400px;}
.threeCol fieldset #contact label {float:left;width:170px;}
.threeCol fieldset #contact p {float:right;width:340px;}

/* Event Calendar */

#eventCalendar .showMonth {font:800 small sans-serif;color:white;background-color:#bf1313;text-transform: uppercase;}
#eventCalendar .wDayNo {font:900 xx-large sans-serif;color:#bf1313;background-color:silver;padding:1px 4px;}
#eventCalendar .wDayDate {font:900 small sans-serif;color:black;background-color:silver;}
#eventCalendar .wEndNo {font:900 xx-large sans-serif;color: red;background-color:black;padding:1px 4px;}
#eventCalendar .wEndDate {font:900 small sans-serif;color:white;background-color:black;}
#eventCalendar td {padding:1px 8px;}
#eventCalendar td.endBlock {border-bottom: 1px solid black;padding-bottom:10px;}
#eventCalendar .upper {text-transform:uppercase;}
table#eventCalendar, .fullWidth {width:100%;}
#eventCalendar a, .fullWidth a{text-decoration:none;}
#eventCalendar a:hover,.fullWidth a:hover{text-decoration: underline;}
.left, .right, .centre {width: 33%;}
.centre {text-align: center;}
.right {text-align: right;}
.formBoxes .toplabel {padding-left:10px;}

/* Gemino Exams */
.twoCol #viewHistory {width:720px;}
.threeCol #viewHistory {width:550px;}
#viewHistory input.checkbox {width: 20px;}
.twoCol #viewHistory table {width:700px;}
.threeCol #viewHistory fieldset {width:530px;}
#viewHistory table, #viewHistory p {margin:10px;}

.abbrevCol {vertical-align:top;}

/* Login pages*/
#content #getPassword {margin:10px 20px;}
#loginPage .highlight_panel, #loginPage .brightlight_panel {height:150px;}

/* Fix excessive length twitter feed links */
#rightContent #twitter_div li {word-wrap: break-word;}

/* Notices calendar application */
/* Body & universal styles */
table.calendar {width:100%;cellspacing:0;cellpadding:0;}
table.calendar td {width:13%;text-align:center;line-height:2.2;}
table.calendar tbody td.startActive {border-left:1px solid #999;}
table.calendar tbody td.endActive {border-right:1px solid #999;}
table.calendar tbody td.start {border-left:1px solid #ddd;}
table.calendar tbody td.end {border-right:1px solid #ddd;}
table.calendar {border-bottom: 1px solid #ddd;}
table.calendar tbody td {background-image:url(../images/template08/button_bg.gif);}
table.calendar tbody td, table.calendar tfoot td {background-color:#eee;color:#000;}
table.calendar tbody td.active, table.calendar tbody td.startActive, table.calendar tbody td.endActive {background:#c00 url(../images/gifs/calheadmid.gif) center left repeat-x;color:#fff;font-weight:bold;}
table.calendar tbody td.otherActive {background:#ccc none !important;font-weight:bold;}
table.calendar tbody td.other a {color:#aaa !important;}
table.calendar td a {color:#fff;text-decoration:none;display:block;margin:auto;}
table.calendar td a:hover {text-decoration:underline;}
/* Header styles */
table.calendar thead td {background-color:#900;color:#fff;font-weight:bold;}
table.calendar thead .month td {background:url(../images/gifs/calheadmid.gif) top left repeat-x;}
table.calendar thead td {background-color:#444;}
/* RHC specific styles */
#rightContent table.calendar thead td {line-height:2;}
#rightContent table.calendar tbody td {line-height:1.5;}
/* Application View specific */	
.list_panel .calDate {float:left;padding:5px;font-size:1.8em;color:#fff;background:#c00 url(../images/gifs/calheadmid.gif) top left repeat-x; font-weight:bolder;line-height:1;width:30px;height:24px;text-align:center;}
#leftContent .list_panel .calendarList {background:transparent none;}
#leftContent .list_panel .calendarList li {background:transparent url(../images/template08/dotsb.gif) repeat-x scroll left bottom;}
#leftContent .calendarList li h3 {margin:0 0 0 50px;}
#leftContent .calendarList li p {margin:0 0 10px 50px;}

/* WorldPay Pages 
#content .bannercontainer .banner {font-size:1em !important;color:black !important;}
#content .bannercontainer .banner .bannererror span {font-size:0.5em !important;color:#cc0000 !important;font-weight:bold;}
#content .bannercontainer .banner span {font-size:0.6em !important;color:black !important;}
#content .bannercontainer td {padding:5px 0;}
*/