/*
==============================================================================================

    This stylesheet contains additional styling required by WaLT so that it is separate
    from the Headscape created stylesheet.

==============================================================================================
*/

/*
=== Useful Colours ===
Dark Red: #8b0711;
Darker beige: #ddd6c8;
Lighter beige: f2ecde;
Dark grey: #444;
Darker grey (used for text): #555;
*/

#ContentMain_lblMetaDescription, 
#ContentMain_lblMetaKeywords,
#ContentLanding_lblMetaDescription,
#ContentLanding_lblMetaKeywords
{
	display: none;
}

#pageContent .article .textsplash p:first-child 
{ 
	padding-bottom: 0px;
}

#pageContent .article div.textsplash
{
	background: #EBE5D8;
	padding: 10px 20px;
	margin: 5px;
}

#pageContent .article div.textsplash-border
{
	border: 1px solid #EBE5D8;
	margin: 20px 0px;
}


#pageContent .article div.textsplash p
{
	padding: 15px 0px;
}

#pageContent .article div.textsplash ul
{
	padding-top: 8px;
	padding-left: 20px;
}

#pageContent .article .separate-tabs 
{
    border-bottom: 0px;
}

#pageContent .article .separate-content 
{
    border-top: 0px;
}

#pageContent h2, 
#pageContent h4, 
#pageContent .article h4,
#pageContent .landing .content #modules .text h2
{
	color: #0056a1;				
}

#pageContent .landing .content #modules .text h2.h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 180%;
	padding-left: 0px;
	background-color: transparent;
	padding-bottom: 9px;
}

.left
{
	float: left;
	margin-right: 10px;
}

.right
{
	float: right;
	margin-left: 10px;
}

em, i
{
	font-style: italic;
}

.hidden
{
	display: none;
}

#pageContent .article table.tableDefault { font-size: 130%; }
#pageContent .article table.tableDefault caption { padding: 0.4em 0.6em; background: #0056A1; color: #fff; border-bottom: 4px solid #fff; }
#pageContent .article table.tableDefault tr th {padding: 0.4em 0.6em; background: #A89D86; color: #fff; }
#pageContent .article table.tableDefault tr th a { color: #fff; border-color: #fff; }
#pageContent .article table.tableDefault tr {background: #F7F5EF;}
#pageContent .article table.tableDefault tr.alt {background: #EBE5D8;}
#pageContent .article table.tableDefault tr td {padding: 0.4em 0.6em; color: #333; border: 4px solid #fff;}

#pageContent .article .phonebookResults a
{
	font-size: 140%;
	float: right;
}

#pageContent .article .phonebookResults h2
{
	float: left;
}

/* Search styling START */

#pageContent .article a.addSearchSuggestion img
{
	height: 16px;
	width: 16px;
	margin-bottom: -8px;
}

#pageContent .article .featureSuggestions, #pageContent .article .featureSuggestions p
{
	width: 200px;
}

#pageContent .article .featureSuggestions
{
	float: right;
}

#pageContent .article .featureSuggestions h2
{
	width: 186px;
}

sup 
{
	height: 0;
	line-height: 1;
	position: relative;
	top: -0.6em;
	vertical-align: baseline !important;
	vertical-align: bottom;
	font-size: 80%;
}

/* Search styling END */

/* Form styling START */

#pageContent .content .refineSeminars
{
	padding-bottom: 10px;
}

#pageContent .content .refineSeminars dd,
#pageContent .content .refineSeminars dt
{
	display: inline;
	margin: 0px;
}

#pageContent .content .refineSeminars dt
{
	font-size: 120%;
	color: #555;
}

.dlForm legend
{
	color: #9E0813;
	font-weight: bold;
	font-size: 130%;
}

.dlForm fieldset
{
	font-size: 140%;
	background-color: #F2ECDE;
	color: #555;
	font-weight: bold;
	border: 1px solid #555;
	padding: 10px;
}

.dlForm dt span, th span /* To be used for asterisks */
{
	color: #9E0813;
	font-size: 130%;
}

.dlForm dd input[type="text"]
{
	width: 98%;
	border: 3px solid #e8dfcc;
	margin-bottom: 10px;
}

.dlForm dd select
{
	width: 98%;
	margin-bottom: 10px;
}

.errorMessage
{
	font-size: 85%;
}

.dlForm dd
{
    font-size: 90%;
	padding: 3px;
	font-weight: normal;
}

.dlForm table
{
	width: 100%;
}

.dlForm td,
.dlForm table label
{
	font-size: 80%;
}

.button 
{ 
	background: #ccc; 
	border: none; 
	padding: 7px 14px;
	background: #9E0813;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}

.tableForm
{
	width: 100%;
}

#pageContent .article table, fieldset
{ 
	margin-bottom: 10px; 
}

.tableForm th, .tableForm caption
{
	padding: 0.4em 0.6em; 
	background: #A89D86; 
	font-size: 1em; 
	color: #fff;
	font-weight: bold; 
}

.tableForm caption
{
	border-left: 4px solid #fff;
	padding: 0.8em;
}

.tableForm tr 
{
	background-color: #F2ECDE;
}

.tableForm td 
{
	padding: 0.4em 0.6em; 
	color: #333; 
	border-top: 4px solid #fff;
	border-left: 4px solid #fff;
	border-bottom: 4px solid #fff;		
}

.tableForm th
{
	border: 4px solid #fff;
	background: #e8dfcc;
	color: #555;
	vertical-align: top;
	font-size: 130%;
}

.tableForm input[type="text"],
.tableForm textarea,
.tableForm select
{
	width: 98%;
	border: 1px solid #abadb3;
}

.tableForm td table td
{
	font-size: 110%;
	border: 0px;
}

.ctaErrorMessage
{
    font-size: 120%;
    color: #8b0711;
}

/* Fudges to get round styling on the <form> tag */
#pageContent .article .formFudge { margin: 30px 0;  padding: 20px;  background: #F2ECDE; }
#pageContent .article .formFudge .label { clear: left; padding: 15px 0 3px 0; }
#pageContent .article .printButton .formFudge { margin: 0 0 20px 0; background: none !important; }
#pageContent .article .printButton .formFudge input { border: none; padding: 10px 14px 10px 50px;  background:url(../images/icon_print.png) #9E0813 10px 5px no-repeat;  color: #ddd;  font-weight: bold; cursor: pointer; }
#pageContent .article .printButton .formFudge input:hover { background:url(../images/icon_print.png) #8B0711 10px 5px no-repeat;  color: #fff; }
#pageContent .article #searchAgain .formFudge { padding: 15px; }
#pageContent .article #searchAgain .formFudge #sButton p { margin: 0; font-size: 13px; }
#pageContent .article #searchAgain .formFudge legend { font-weight: bold; font-size: 16px; margin-bottom: 15px; }
#pageContent .article #searchAgain .formFudge input#saField { width: 230px; padding: 5px; }
#pageContent .article #searchAgain .formFudge label { display: none; }
#pageContent .article .isHelpful .formFudge { padding: 15px; display:block; }
#pageContent .article .isHelpful .formFudge #sButton p { color: #fff; font-weight: bold; padding: 5px 20px 5px 20px; margin: 0; font-size: 13px; }
#pageContent .article .isHelpful .formFudge #sButton p:hover { color: #000; }
#pageContent .article .isHelpful .formFudge #sButton { border: 4px solid #fff; display: block; position: relative; float: right; top: -20px; right: 20px; background: #BF000C; }
#pageContent .article .isHelpful .formFudge legend { display: block; font-size: 12px;  margin: 0 20px 15px 0; }
#pageContent .article .isHelpful .formFudge input { float: left; }
#pageContent .article .isHelpful .formFudge label { float: left; font-size: 18px; display: block; margin: 0 30px 0 5px; }
#ctaNav .toolbox .formFudge { width: 872px; background: #F2ECDE; color: #444; float: left; padding: 10px; border: 20px solid #8B0711; font-size: 9px; }
#ctaNav .toolbox .formFudge a { color: #444; }
#ctaNav .toolbox button#submit { background: #8b0711; color: #fff; text-transform: uppercase; font-size: 150%; padding-top: 2px; }
#ctaNav .toolbox button#submit:hover { background: #F2ECDE; color: #444; }
#ctaNav .toolbox input[type="submit"], #ctaNav .toolbox input[type="reset"] { font-size: 1.8em; height: 40px; width: 120px; background: #8b0711; color: #fff; text-transform: uppercase; font-size: 150%; padding-top: 2px; font-weight:bold; border: 4px solid #fff; margin-bottom: 2px; cursor: pointer; }
#ctaNav .toolbox input[type="submit"]:hover, #ctaNav .toolbox input[type="reset"]:hover { background: #F2ECDE; color: #444; }
#ctaNav .toolbox .button.current  { background: #8b0711; color: #fff; text-transform: uppercase; }
#ctaNav .toolbox .button:hover { background: #F2ECDE; color: #444; }
#ctaNav .toolbox .inputField input[type=text] {width: 182px;}
#ctaNav .toolbox .inputField textarea {width: 182px;}
#ctaNav .toolbox .inputField select {width: 187px;}
.preFilledTextField { color: #888; font-style: italic; }

/* Form styling END */

/* More corrections */
#pageContent #modules .feature ul.featureList li,
#pageContent .landing .content .text ul li { font-size: 1.3em; padding-left: 20px; background: url(../images/bullet_blue2.gif) 0 5px no-repeat; color: #595548; padding-bottom: 5px; }
#pageContent #modules .feature ul { padding-top: 5px; }
#pageContent .article .content blockquote p a { color: #fff; border-bottom: 1px dotted #fff; }
#pageContent .article .content blockquote p a:hover { color: #fff; border-bottom: 1px solid #fff; }
#pageContent .article p { margin-bottom: 10px; margin-top: 0px; }
#pageContent .landing .content #modules .text p { margin-bottom: 10px; margin-top: 0px; }
#pageContent #modules .feature a.twitter { font-size: 12px; display: block;  padding: 0 0 20px 40px; background: url(../images/twitter.png) no-repeat 0 3px; }
#pageContent #modules .feature a.facebook { font-size: 12px; display: block;  padding: 0 0 20px 40px; background: url(../images/facebook.png) no-repeat 0 3px;}
#pageContent #modules .feature a.linkedin { font-size: 12px; display: block;  padding: 0 0 20px 40px; background: url(../images/linkedin.png) no-repeat 0 3px;}

#pageContent .landing .content .text ol li { font-size: 1.3em; padding-bottom: 5px; color: #444; list-style-type: decimal; padding-top: 10px; }
#pageContent .landing .content .text ol { margin-left: 20px; }

#pageContent .landing .content .feature .news ul li { font-size: 1.3em; padding-left: 0px; padding-bottom: 0px; color: #444; list-style-type: none; background: none; }
#pageContent .landing .content .feature .news ul li .datetime { color: #000; }
#pageContent .landing .content .feature .news ul li .entry-content { font-size: 70%; }

#pageContent .article .contact .fn { font-size: 22px; color: #000; }
#pageContent .article .content .FAQ li h4 { color: #444; }

#pageContent .header { height: 195px; }
#pageContent .header .titleBox  {  width: 49%; position: absolute; bottom: 10px; padding-bottom: 10px; }
#pageContent .header .titleBox img  { margin-bottom: -23px; }

#pageContent #modules .feature .featureColsRight { float: left; width: 40%; padding: 0px 0 0 20px; }
#pageContent #modules .feature .featureColsLeft { float: left; width: 50%; }
#pageContent #modules .feature ul li a:link, #pageContent #modules .feature ul li a:visited { border-bottom: 1px dotted #595548; }
#pageContent #modules .feature ul li a:hover, #pageContent #modules .feature ul li a:active { border-bottom: 1px solid #000; }

#pageContent #carousel { margin-top: 0px; margin-bottom: 14px; }

#pageContent .article .contact dt { padding-right: 8px; }

#pageContent .article h5 { color: #666; border-top: none; padding-top: 0px; }

#pageContent #modules .feature { min-height: 300px; } 

#pageContent .article .content ul, #pageContent .article .content ol { margin: 0 0 5px 0; }

#pageContent #modules .news { color: #444; }
#pageContent #modules .news ul li p { font-size: 12px; }
#pageContent #modules .news .rssHeader { display: none; }
#pageContent #modules .news h4, #pageContent #modules .news h4 a { font-weight: bold; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-style: normal; }
#pageContent #modules .news .rssRow div { font-size: 12px; font-style: italic; padding-bottom: 3px; }

#pageContent .content table { font-size: 100%; }

#pageContent .content div table label { font-size: 120%; color: #555; }

/* =Feature Testimonial
-----------------------------------------------------------------------------*/
#pageContent #sideNavigation .feature.testimonial h2 { background: #0056A1; margin: 0; padding: 7px; font: 2em Vollkorn, "Times New Roman", Times, serif; letter-spacing: -0.05em; color: #fff; line-height: 1em; }
#pageContent #sideNavigation .feature.testimonial img { margin:0; padding: 0; }
#pageContent #sideNavigation .feature.testimonial .surround { padding: 10px; }
#pageContent #sideNavigation .feature.testimonial { background: #0056A1; width: 214px; margin-top: 15px; }
#pageContent #sideNavigation .feature.testimonial p { color: #fff; font: 2em Vollkorn, "Times New Roman", Times, serif; letter-spacing: -0.02em; line-height: 1.1em; }
#pageContent #sideNavigation .feature.testimonial p a  { color: #C6DDEF; border-bottom: 1px dotted #C6DDEF; }
#pageContent #sideNavigation .feature.testimonial p a:hover { color: #fff; border-bottom: 1px solid #fff; }
#pageContent #sideNavigation .feature.testimonial .testquoteOpen { font-size: 40px; font-weight:bold;  float: left; line-height:20px; padding-right: 10px; }
#pageContent #sideNavigation .feature.testimonial .testquoteClosed { font-size: 40px; font-weight:bold;  float: right;  }
#pageContent #sideNavigation .feature.testimonial small { font-size: 10px; display: block; color: #ddd; margin: 20px 0 0 0; }

/* Course finder Apply tab styling */
#pageContent .article .tabbed-box.crsdetails { margin: 80px 0 30px 0; }
#pageContent .article .tabbed-box.crsdetails .tabs li a.applytab { background-color: #AA1B25; color: #fff; }
#pageContent .article .tabbed-box.crsdetails .tabs li a.applytab:hover { background-color: #8B0711; }

#pageContent .article .tabbed-box.crsdetails .tabbed-content { margin-top: 51px; }

/* jQuery pager styling */
#pageContent .article .content ul.simplePagerNav { margin: 0px; padding: 0px; }
#pageContent .article .content ul.simplePagerNav li { margin: 20px 0px; padding: 0px 3px; font-size: 1.3em; float: left; display:block; border: 0px; clear: none; }
#pageContent .article .content ul.simplePagerNav li a { padding: 5px 8px;  background: #F0EBE0 ; color: #000; border-bottom: none; }
#pageContent .article .content ul.simplePagerNav li a:hover, 
#pageContent .article .content ul.simplePagerNav li.next a:hover,
#pageContent .article .content ul.simplePagerNav li.previous a:hover  { background: #E5DCC6; color: #000;  }
#pageContent .article .content ul.simplePagerNav li.next a { margin: 0 0 0 5px; padding: 5px 8px;  background: #F0EBE0; color: #000;  }
#pageContent .article .content ul.simplePagerNav li.previous a { margin: 0 5px 0 0; padding: 5px 8px;  background: #F0EBE0; color: #000;  }
#pageContent .article .content ul.simplePagerNav li.currentPage a { padding: 5px 8px;  background: #9E0813; color: #fff;  }
#pageContent .article .content ul.simplePagerNav li.disabled a { color: #999;  }
#pageContent .article .content ul.simplePagerNav li.disabled a:hover { background: #F0EBE0; color: #999; }

/* Making the Call To Action menu work due to converting it to .NET */
#ctaNav .toolbox .options label, #ctaNav .toolbox .options .label { float: none; }
#ctaNav .toolbox .options span, #ctaNav .toolbox .options .span { float: left; font-size: 13px;  margin: 3px 0 0 0; clear: both; }
#ctaNav .toolbox .checkBoxList { background: #F2ECDE; overflow: hidden; }
#ctaNav .toolbox .checkBoxList select { width: 180px; }
#ctaNav .toolbox .col_1 input[type="radio"] { display: none; }
.campusSelect .formField input { float: left; }

#pageContent .article .content h1, 
#pageContent .article .content h2, 
#pageContent .article .content h3, 
#pageContent .article .content h4, 
#pageContent .article .content h5, 
#pageContent .article .content h6,
#pageContent .landing .content h1, 
#pageContent .landing .content h2, 
#pageContent .landing .content h3, 
#pageContent .landing .content h4, 
#pageContent .landing .content h5, 
#pageContent .landing .content h6 
 
{ 
	padding-top: 10px; 
	padding-bottom: 10px;
	line-height: 1;
	margin: 0px;
}

#pageContent .article .errorMessage { color: #AA1B25;  }

/* Exam Results START */

.examResultsSliderImage
{
    float: left;
    padding: 5px 5px 0px 0px;
}

.accordionHeader img
{
    background-image: url('/results/images/plus.gif');
}

.accordionHeaderSelected img
{
    background-image: url('/results/images/minus.gif');
}

/* Exam Results END */

/* Tooltip hover START */

#ctaNav .normalTip 
{
    text-transform: none;
    font-size: 12px;
    background-image: none;
    background: none;
}

.aToolTip {
	border:2px solid #8b0711;
	background:#f2ecde;
	color:#555;
	font-size: 110%;
	margin:0;
	padding:6px 12px;
}

.aToolTip .aToolTipContent {
	position:relative;
	margin:0;
	padding:0;
	width: 300px;
}

a.aToolTipCloseBtn {
	display:block;
	height:18px;
	width:18px;
	background:url(../images/closeBtn.png) no-repeat;
	text-indent:-9999px;
	outline:none;
	position:absolute;
	top:-15px;
	right:-15px;
	margin:2px;
	padding:4px;
}

/* Tooltip hover END */

/* Good Practice START */

.ratingStar 
{
    width: 18px;
    height: 16px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar 
{
    background-image: url('/goodpractice/images/FilledStar.png');
}

.emptyRatingStar 
{
    background-image: url('/goodpractice/images/EmptyStar.png');
}

.savedRatingStar 
{
    background-image: url('/goodpractice/images/SavedStar.png');
}

/* Good Practice ENDS */
