/* Body Styles:
HasBackground - For pages based on the template that need to have the background framing the header and menu area
NoBackground - For pages not based on the template that need to have a blank background because they are displayed in an iFrame */
body.HasBackground		{ font-family:Arial, Helvetica, sans-serif; height:100%; margin:0px 0px 0px 0px; text-align:center; }
body.NoBackground		{ font-family:Arial, Helvetica, sans-serif; height:100%; margin:0px 0px 0px 0px; text-align:center; }
body.PopupBackground    { font-family:Arial, Helvetica, sans-serif; height:100%; margin:0px 0px 0px 0px; text-align:center; overflow-x:hidden; }
/* Hiding items */
.ShowLargeScreen		{ display:block; }
.ShowMobile				{ display:none; }
/* News Image styles */
.NewsItem				{ clear:both; padding-top:1px; }
.NewsItemMain			{ display:block; float:left; }
.NewsItemSub			{ display:block; float:left; }
/* Header styles */
.HeaderBackground       { background-image:url(../images/CenterHeader.jpg); background-position:top; background-repeat:no-repeat; height:143px; width: 990px; }
.FloatingItem			{ float:left; width:350px; padding-right:5px; padding-top:10px; }
div.SchoolBanner		{ float:left; height:143px; width:725px;}
div#WLogo                { display:none; height:51px; width:175px;}
/* div styles */
div#CampusGraphic		{ float:right; height:143px; width:254px; }
div#Content				{ clear:both; padding-bottom:5px; padding-left:20px; width:750px; }
div#ContentBox			{ float:left; padding-bottom:2px; padding-top:10px; margin-top:0px; width:780px; }
div#MenuSearch			{ clear:both; }
div#PageContent			{ font-size:12px; margin:0 auto; text-align:left; width:990px; border-left: solid 1px #CCCCCC;border-right: solid 1px #CCCCCC; }
div#PageContentNoBorder	{ font-size:12px; margin:0 auto; text-align:left; width:990px; }
.iFrameContent			{ width:550px; }
div#PageFooter			{ background-image:url(../images/footerBkgd.gif); background-position:bottom; background-repeat:repeat-x; clear:both; height:29px; width:100%; }
/*div#Search				{ float:left; margin-top:3px; padding-left:50px; text-align:right; width:177px; }*/
div#Search				{ float:left; margin-top:3px; padding-left:20px; text-align:right; width:177px; }
div#SearchSurround		{ background:#FFFFFF; background-image:url(../images/menu/searchIcon.gif); background-repeat:no-repeat; border:1px solid #EEEEEE; float:left; height:19px; padding-bottom:1px; padding-top:1px; width:150px; }
div#TopBanner			{ height:143px; width:990px; }
div#TopMenuBkgd         { background-image:url(../images/topMenuBkgd.gif); background-position:bottom; background-repeat:repeat-x; width:990px; height:37px; }
div#SearchResults		{ font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; }
div.ColumnLeft			{ float:left; margin-bottom:0px; margin-top:0px; width:561px; }
div.ColumnRightGrey		{ background-color:#EFEFEF; float:right; padding-left:5px; padding-right:5px; width:175px; }
div.ColumnRightNone		{ float:right; padding-left:5px; padding-right:5px; width:175px; }
div.GreyLine			{ background-color:#DEDFE0; height:6px; width:100%; margin-bottom:10px; margin-top:10px; }
.SmallLinks	    		{ font-size:11px; padding-top:8px; text-align:center; }
.SmallLinks a	   		{ color:#000000; text-decoration:none; }
.SmallLinks a:hover		{ color:#000000; text-decoration:underline; }
input#SearchBox			{ border:1px solid #FFFFFF; height:15px; width:125px; }
input#SearchBtn			{ background-image:url(../images/menu/searchBtn.gif); background-repeat:no-repeat; float:right; height:22px; width:23px; }
div#Guides a span		{ display:none; }
div#Guides a:hover span	{ display:block; position:fixed; left:500px; top:625px; padding:5px; margin:10px; z-index:100; background:white; }
h1						{ color:#000000; font-size:20px; font-weight:bold; text-transform:uppercase; }
h1:first-line			{ font-size:18px; font-weight:normal; }
h2						{ color:#000000; font-size:16px; font-weight:bold; }
h3						{ color:#333333; font-size:15px; font-weight:bold; }
h4						{ color:#000000; font-size:14px; font-weight:bold; text-transform:uppercase; }
h5						{ color:#333333; font-size:13px; font-weight:normal; }
h6						{ color:#000000; font-size:10px; font-weight:normal; margin-bottom:1px; margin-top:1px; }
.notes                  { color:#666666; font-size:10px; }
.NoMargins				{ margin:0px; height:15px; }
p						{ margin-top:3px; }
.whiteText				{ color:#FFFFFF; }
p, td, select			{ color:#000000; font-size:12px; }
th						{ background-color:#EFEFEF; font-weight:normal; }
.TableBorderLines		{ border-top:1px solid #EFEFEF; border-bottom:1px solid #EFEFEF; border-left:1px solid #EFEFEF; border-right:1px solid #EFEFEF; }
em, i					{ color:#333333; font-style:italic; }
ul						{ color:#000000; list-style:square; font-size:12px; }
ol						{ color:#000000; font-size:12px; }
th						{ color:#000000; }
tr						{ vertical-align:top; }
table					{ margin-bottom: 5px; }
a:hover					{ color:#777777; text-decoration:underline; }
a						{ color:#777777; text-decoration:underline; } 
hr						{ color:#CCCCCC; height:1px;}
label					{ font-size:11px; font-weight:bold; color:#666666; }
img.SpaceLeft			{ margin-left:10px; }
img.SpaceRight			{ margin-right:10px; }
img.SpaceBoth			{ margin-left:10px; margin-right:10px; }
.attn					{ color:#FF6600; font-weight:bold; }
.dark					{ background:#EFEFEF; padding:1px 1px 1px 1px; }
.OverflowAreaGreyBorderDark
						{ border:1px solid #CCCCCC; width:350px; height:300px; overflow:auto; padding-left:5px; }
.GreyBorderDark			{ border:1px solid #CCCCCC; }
.GreyBorderLight		{ border:1px solid #EEEEEE; }
.news					{ color:#276fd1; font-size:24px; }
.summaryBlock			{ background-color:#DEDEDE; width:70%; padding:5px 5px 5px 5px; }
.ChineseText			{ font-family:SimSun, SimSun-ExtB; }
.ChineseTextAttn        { font-family:SimSun, SimSun-ExtB; color:#FF6600; font-weight:bold; }
/* Login Area Styles */
div#LoginArea			{ clear:both; float:left; width:250px; }
div.laBottom			{ background-image:url(../images/loginBottom.gif); background-repeat:no-repeat; float:left; height:7px; margin-left:5px; padding-left:5px; width:230px; }
div.laContent			{ background-image:url(../images/loginContent.gif); background-repeat:repeat-y; float:left; margin-left:5px; padding-left:5px; width:230px; }
div.laTop				{ background-image:url(../images/loginTop.gif); background-repeat:no-repeat; float:left; height:2px; margin-left:5px; padding-left:5px; width:230px; }
/* Menu Styles */
div#TopMenu				{ clear:right; float:left; height:37px; width:100%; font-size:11px; }
div#TopMenuBtns a		{ text-decoration:none; }
div#SideMenu			{ clear:both; float:left; width:204px; font-size:11px; }
div.MenuSep				{ float:left; height:40px; width:1px; }
div.saContent			{ float:left; margin-left:3px; width:200px; }
div.smBottom			{ background-image:url(../images/menu/smBottom.gif); background-repeat:no-repeat; height:7px; float:left; margin-left:3px; width:200px; }
div.smCategory			{ background-image:url(../images/SideMenuButtonLight.jpg); background-repeat:no-repeat; color:#000000; cursor:pointer; font-weight:normal; margin-left:2px; margin-top:0px; padding:4px 0px 4px 5px; width:186px; text-decoration:none; }
div.smCategoryActive	{ background-image:url(../images/SideMenuButtonLight.jpg); background-repeat:no-repeat; color:#000000; cursor:pointer; font-weight:bold; margin-left:2px; margin-top:0px; padding:4px 0px 4px 5px; width:186px; text-decoration:none; }
div.smCategory:hover, div.smCategoryActive:hover
						{ background-image:url(../images/SideMenuButtonLight.jpg); background-repeat:no-repeat; text-decoration:none; }
div.smContent			{ background-image:url(../images/menu/smContent.gif); background-repeat:repeat-y; float:left; margin-left:3px; width:200px; }
div.smContent a { text-decoration:none; }
div.smHomeItem			{ background-color:#FFFFFF; color:#003876; cursor:pointer; font-weight:normal; margin-left:2px; margin-top:0px; padding:4px 0px 4px 10px; width:181px; text-decoration:none; }
div.smHomeItemActive	{ background-color:#FFFFFF; color:#003876; cursor:pointer; font-weight:bold; margin-left:2px; margin-top:0px; padding:4px 0px 4px 10px; width:181px; text-decoration:none; }
div.smItem				{ background-color:#FFFFFF; border-top:1px solid #CCCCCC; color:#000000; cursor:pointer; font-weight:normal; margin-left:2px; margin-top:0px; padding:4px 0px 4px 10px; width:181px; text-decoration:none; }
span.smItem				{ background-color:#FFFFFF; border-top:1px solid #CCCCCC; color:#000000; cursor:pointer; font-weight:normal; margin-left:2px; margin-top:0px; width:100%; text-decoration:none;}
div.smItem a, div.smItemActive a
						{ width:181px; color:#000000; text-decoration:none; }
div.smItem a:hover, div.smItemActive a:hover
						{ text-decoration:none; }
div.smItemActive		{ background-color:#FFFFFF; border-top:1px solid #CCCCCC; color:#000000; cursor:pointer; font-weight:bold; margin-left:2px; margin-top:0px; padding:4px 0px 4px 10px; width:181px; text-decoration:none; }
div.smHomeItem:hover, div.smHomeItemActive:hover, div.smItem:hover, div.smItemActive:hover
						{ background-image:url(../images/SideMenuButtonLight.jpg); background-repeat:no-repeat; text-decoration:none; }
div.smMainCategory		{ background-image:url(../images/SideMenuButtonNormal.jpg); background-repeat:no-repeat; color:#000000; cursor:pointer; font-size:12px; font-weight:bold; margin-left:2px; margin-top:0px; padding:4px 0px 4px 5px; width:186px; text-decoration:none; }
div.smMainCategory:hover
						{ text-decoration:none; }
div.smSpacer			{ height:0px; }
div.smTop				{ background-image:url(../images/menu/smTop.gif); background-repeat:no-repeat; float:left; height:2px; margin-left:3px; width:200px; }
/*div.tmItem				{ color:#000000; float:left; height:30px; padding-top:7px; text-align:center; width:84px; text-decoration:none; }*/
div.tmItem				{ color:#000000; float:left; height:30px; padding-top:7px; text-align:center; width:97px; text-decoration:none; }
div.tmItem:hover		{ background-image:url(../images/TopMenuButtonNormal.jpg); background-repeat:no-repeat; color:#000000; cursor:pointer; text-decoration:none; height:21px; }
/*div.tmLeftSpacer		{ float:left; height:30px; width:224px; }*/
div.tmLeftSpacer		{ float:left; height:30px; width:100px; }
div.tmSep				{ background-color:#CCCCCC; float:left; height:28px; width:1px; }
span.Menu				{ padding-left:10px; padding-right:10px; text-decoration:none; }
span.tMenuItem			{ text-align:center; vertical-align:middle; text-decoration:none; }
/*Search Results Page Styles */
.cat_summary			{ margin-left:60px; padding-bottom:10px; position:relative; /*top:-42px;*/ }
.cat_summary li			{ display: inline; margin-left: 15px; list-style-type: none; }
.cat_summary ul			{ margin: 0px; padding: 0px; display: inline; }
.category				{ color: #999999; }
.context				{ }
.description			{ color: #003876; }
.highlight				{ background: #E2E2E2; }
.infoline				{ font-size: 10px; font-style: normal; color: #808080;}
.recommend_block		{ margin-top: 15px; margin-bottom: 15px; clear: left; padding-left:5px; padding-right:5px; }
.recommend_description	{ color: #003876; }
.recommend_image		{ float: left; display: block; }
.recommend_image img	{ margin: 10px; width: 80px; border: 0px; }
.recommend_infoline		{ font-size: 10px; font-style: normal; color: #808080;}
.recommend_title		{ }
.recommended			{ background: #EFEFEF; border-top: 1px dotted #808080; border-bottom: 1px dotted #808080; margin-top: 15px; margin-bottom: 15px; position:relative; /*top:-38px;*/ }
.recommended_heading	{ float: right; font-weight: bold; }
.result_altblock		{ margin-top: 15px; margin-bottom: 15px; clear: left; }
.result_block			{ margin-top: 15px; margin-bottom: 15px; clear: left; }
.result_image			{ float: left; display: block; }
.result_image img		{ margin: 10px; width: 80px; border: 0px; }
.result_pages			{ position:relative; /*top:-20px;*/ }
.result_pagescount		{ position:relative; /*top:-35px;*/ }
.result_title			{ }
.results				{ position:relative; /*top:-35px;*/ }
.searchheading			{ font-size:16px; font-weight: bold; color:#666666; padding-top:10px; position:relative; /*top:-5px;*/ }
.searchtime				{ font-size: 10px; position:relative; /*top:-20px;*/ }
.sorting				{ text-align: right; position:relative; /*top:-50px;*/ }
.suggestion				{ }
.summary				{ font-size: 10px; font-style: italic; text-align:right; position:relative; /*top:-40px;*/ }
.zoom_categories		{ }
.zoom_categories li		{ display: inline; margin-left: 15px; list-style-type: none; }
.zoom_categories ul		{ display: inline; margin: 0px; padding: 0px;}
.zoom_match				{ font-size: 10px; margin-left: 60px; position:relative; /*top:-10px;*/ }
.zoom_results_per_page	{ padding-left:20px; }
.zoom_searchform		{  }
input.zoom_button		{ background-image:url(../images/menu/searchBtn.gif); background-repeat:no-repeat; height:22px; width:23px; border:0; vertical-align:bottom; cursor:pointer; }
input.zoom_searchbox	{ }
/*Popup Window Page Styles*/
div#PopUpPageContent	{ width:100%; height:100%; text-align: left; padding: 5px; font-size:12px; } 
/*International Portal Page Styles*/
.selectlist				{ width:180px;}
.textbox				{ width:174px; }
label					{ font-size:12px; }

.tab			        { font-size: 14px; width: 120px; white-space: nowrap; text-align: center; border-style: solid; border-color: #808080; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom-width: 0px; padding-top: 5px; padding-bottom: 5px; cursor: pointer; }
.tabhold		        { background-color: #DEDFE0; color: #808080; }
.tabfocus				{ background-color: #276fd1; color: white; }
.tabcontent 			{ font-family:Arial, Helvetica, sans-serif; font-size: 14px; border-style: solid; border-color: #808080; border-width: 1px; padding-top: 15px; padding-left: 10px; padding-right: 10px; width: 100% }
.field-validation-error { position: relative; top: 0.5em; color: Red; }
.input-validation-error { border-color: Red; }
#messageBox H3			{ color: Red; font-size:15px; font-weight:bold; margin-bottom:5px; margin-top:10px; text-transform:uppercase; }
div.logon               { background-image:url(../images/Logon-background.jpg); background-repeat:no-repeat; height:310px; width:550px; vertical-align:bottom; color: Black; font-weight: bolder; }
div.logon p             { float:left; margin-left: 67px; margin-top: 110px; color: Black; font-weight: bold; }
div.logon table         { float:left; margin-top: 40px; margin-left: 80px; width: 467px; }
td.input                { width: 220px; }
td.input input          { width: 100%;}
.mainlogon              { float:left; margin-top: 37px; margin-left: 204px; }
/* Cloud Styles */
#Cloud                  { padding:2px; line-height:2.5em; text-align:center; margin:0px; }
#Cloud a                { padding:0px; }
#Cloud li               { display:inline; }
#Cloud .tag0            { font-size:0.7em; font-weight:100; }
#Cloud .tag1            { font-size:0.8em; font-weight:200; }
#Cloud .tag2            { font-size:0.9em; font-weight:300; }
#Cloud .tag3            { font-size:1.0em; font-weight:400; }
#Cloud .tag4            { font-size:1.2em; font-weight:500; }
#Cloud .tag5            { font-size:1.4em; font-weight:600; }
#Cloud .tag6            { font-size:1.6em; font-weight:700; }
#Cloud .tag7            { font-size:1.8em; font-weight:800; }
#Cloud .tag8            { font-size:2.2em; font-weight:900; }
#Cloud .tag9            { font-size:2.5em; font-weight:900; }

/* Twitter Feed Styles */
#twitter_div { padding-left: 14px; padding-right:7px; padding-top:0px; padding-bottom:0px; }
#twitter_update_list { display:block; margin-left:0px; list-style-type:none; padding-top:0px; margin-top:0px; padding-left:0px; }
#twitter-link { display:block; text-align:right; }


/* RSS Feed Styles */
a.rss					{ background: url(../images/rss.jpg) no-repeat scroll right top transparent; color:#FF6600; font-weight:bold; float:right; font-size:12px; padding-right:17px;}
a.rss:hover				{ color:#FF6600; text-decoration:underline; }
a.rss2					{ background: url(../images/rss.jpg) no-repeat scroll right top transparent; color:#FF6600; font-weight:bold; font-size:12px; padding-right:17px;}
a.rss2:hover			{ color:#FF6600; text-decoration:underline; }

/* Huge Day OUt 2010 Style */
.HugeDayOut { background-image:url(../../events/huge-day-out/images/header.jpg); background-repeat:no-repeat; }

/* Wintec House Open Day 2010 Style */
.yellowHeading	{ color:#ffcc00; font-size:12px; font-weight:bold; }

/* Vertically split pages with document icons*/
#Content a.pdf {	
	background-image: url(/SharedControls/images/iconPDF.gif);
	background-repeat:no-repeat;
	padding-left: 17px;
	padding-bottom: 1px;
}
#Content a.doc {
	background-image: url(/SharedControls/images/iconDOC.gif);
	background-repeat:no-repeat;
	padding-left: 17px;
	padding-bottom: 1px;
}
#Content div.splitLeft {
	width:48%;
	display:block;
	float:left;
	padding-bottom: 30px;
	padding-right: 2%;
}
#Content div.splitRight {
	width:48%;
	display:block;
	float:right;
	padding-bottom: 30px;
	padding-left: 2%;
}