﻿.quoteArea
{	
	float: right;	
	width: 150px;
	margin: 8px;
	padding: 2px;
/*	border-right: 1px dashed gray;*/
	font-size: 0.9em;
}

.theQuote
{
	color: gray;
	font-style: italic; 

}

.quoter
{
	display: block;
	font-weight: bold;
	font-style: italic; 
}

div.quicklinks option.ch1DD {
	background-color: #A2D0D7;
	color: #fff;
}
div.quicklinks option.ch2DD {
	background-color: #459CAB;
	color: #fff;
}
div.quicklinks option.ch3DD {
	background-color: #30ACBF;
	color: #fff;
}
div.quicklinks option.ch4DD {
	background-color: #4A94CE;
	color: #fff;
}
div.quicklinks option.ch5DD {
	background-color: #006270;
	color: #fff;
}
div.quicklinks option.ch6DD {
	background-color: #008C9C;
	color: #fff;
}
div.quicklinks option.childDD {
	background-color: #f6f6f6;
	color: #000;
	padding-left: 15px;
}

#w3clogo
{
	height: 35px;
	margin-left: 20px;
	padding-left:54px;
	padding-top: 0px;
	background: url('../_images/wcag1AA.png') no-repeat top right;
	width:70px;	
}
#strapline
{
	height: 25px;
	margin-right: 80px;
	padding-right: 54px;
	padding-top: 0px;
	text-align: right;
	color: gray;
	font-style: italic; 
	font-size: 1.3em;
	background: url('../_images/dots.gif') no-repeat top right;	
	margin-top:-30px;
}

.greyActiveBox
{
	border: 1px solid #4d90cc;
	margin: 12px 0 12px 0;
	padding: 10px;
	background-color: #f0f5fb;
}

.quote
{
	padding-left: 20px;
}

.mouseovercursor
{
	color: gray;
	cursor:  pointer;
}

.coursesection
{
	/*	border: 1px solid #4d90cc;	
	background-color: #f0f5fb;*/
	padding-left: 5px;
	margin-bottom: 25px;
}

.toggleme
{
	margin: 18px;
}

.togglebutton-hidden
{
	padding-left: 18px;
	background-image: url('../_images/plus.gif');
	background-repeat: no-repeat;
}

.togglebutton
{
	padding-left: 18px;
	background-image: url('../_images/minus.gif');
	background-repeat: no-repeat;
}

.toggleall
{
	margin: 20px 0 20px 0;
}

.toggleall a
{
	border: 1px solid #4d90cc;
	margin: 12px 0 12px 0;
	padding: 10px;
}

.toggleall a:hover
{
	background-color: #f0f5fb;
}

        table.tblEvents
        {
            border: 1px solid black;
        }
              
        .tblEvents tr th
        {
        	text-align: left;
        }
        
        .tblEvents tr.grouprow td
        {
        	border-top: 1px solid gray;
        }
        
        .tblEvents tr.eventrow td
        {
        	border-top: 1px solid gray;
        }
        
        table.tblEvents tr td .togglelink
        {
            display: none;
        }
        
        table.tblEvents tr.odd
        {
        	background-color: #E0E0E0;
        }
        
        table.tblEvents tr.even        
        {
        	background-color: #F0F0F0;
        }
        
        table.tblEvents tr .singlecell
        {
        	width: 200px;
        }
        
        table.tblEvents tr .right
        {
        	text-align: right;
        }
        
div.job-result span.jobtype
{
	color: #ec008b
}

/* additional arrowboxes */

div.arrow-box-green,
div.arrow-box-lime,
div.arrow-box-purple,
div.arrow-box-red,
div.arrow-box-yellow {
	width: 358px;
	background-position: top left;
	background-repeat: repeat-y;
	margin: 0 0 10px -10px;
	padding: 0;
}

div.arrow-box-green div.content,
div.arrow-box-lime div.content,
div.arrow-box-purple div.content,
div.arrow-box-red div.content,
div.arrow-box-yellow div.content{
	width: 250px;
	min-height: 90px;
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0;
	padding: 30px 20px 0 88px;
	font: normal 0.9em Arial, Helvetica, sans-serif;
}

div.arrow-box-green div.header,
div.arrow-box-lime div.header,
div.arrow-box-purple div.header,
div.arrow-box-red div.header,
div.arrow-box-yellow div.header{
	font: bold 1.5em Arial, Helvetica, sans-serif;
	padding: 0;
}

div.arrow-box-green div.bottom,
div.arrow-box-lime div.bottom,
div.arrow-box-purple div.bottom,
div.arrow-box-red div.bottom,
div.arrow-box-yellow div.bottom{
	clear: both;
	width: 358px;
	height: 16px;
	background-position: left bottom;
	background-repeat: no-repeat;
	font-size: 1px;
	line-height: 1px;
}

div.arrow-box-green div.content {
	background-image: url(../_images/frames/green_top.gif);
	color: #008B98;
}
div.arrow-box-lime div.content {
	background-image: url(../_images/frames/lime_top.gif);
	color: #8CC63F;
}
div.arrow-box-purple div.content {
	background-image: url(../_images/frames/purple_top.gif);
	color: #21409A;
}
div.arrow-box-red div.content {
	background-image: url(../_images/frames/red_top.gif);
	color: #ED1C24;
}
div.arrow-box-yellow div.content {
	background-image: url(../_images/frames/yellow_top.gif);
	color: #FDB913;
}

div.arrow-box-green {
	background-image: url(../_images/frames/green_middle.gif);
}
div.arrow-box-lime {
	background-image: url(../_images/frames/lime_middle.gif);
}
div.arrow-box-purple {
	background-image: url(../_images/frames/purple_middle.gif);
}
div.arrow-box-red {
	background-image: url(../_images/frames/red_middle.gif);
}
div.arrow-box-yellow {
	background-image: url(../_images/frames/yellow_middle.gif);
}

div.arrow-box-green div.bottom {
	background-image: url(../_images/frames/green_bottom.gif);
}
div.arrow-box-lime div.bottom {
	background-image: url(../_images/frames/lime_bottom.gif);
}
div.arrow-box-purple div.bottom {
	background-image: url(../_images/frames/purple_bottom.gif);
}
div.arrow-box-red div.bottom {
	background-image: url(../_images/frames/red_bottom.gif);
}
div.arrow-box-yellow div.bottom {
	background-image: url(../_images/frames/yellow_bottom.gif);
}

div.arrow-box-green div.content a {
	color: #008B98;
}
div.arrow-box-lime div.content a {
	color: #8CC63F;
}
div.arrow-box-purple div.content a {
	color: #21409A;
}
div.arrow-box-red div.content a {
	color: #ED1C24;
}
div.arrow-box-yellow div.content a {
	color: #FDB913;
}

a
{
	color: #008C9C;
}

div.links-left a
{
    color: White;
    border: 0;
}

div.links-left img
{
    border: 0;
}

div.rhs-box img
{
    border: 0;
}

div.arrow-box-green div.content p,
div.arrow-box-lime div.content p,
div.arrow-box-purple div.content p,
div.arrow-box-yellow div.content p,
div.arrow-box-pink div.content p,
div.arrow-box-blue div.content p,
div.arrow-box-orange div.content p,
div.arrow-box
{
	margin: 3px;
}

/* late availability */

div.late-availability {
	/*width: 350px;*/
	width: 600px;
	background: url(../_images/frames/learning_solutions/results_middle_wide.gif) repeat-y top left;
	color: #000;
	margin: 15px 0 0 0;
	font-size: 0.9em;
}
	div.late-availability div.top {
		background: url(../_images/frames/learning_solutions/results_top_wide.gif) no-repeat top left;
		height: 10px;
		font-size: 1px;
		line-height: 1px;
	}
	div.late-availability div.bottom {
		background: url(../_images/frames/learning_solutions/results_bottom_wide.gif) no-repeat top left;
		clear: both;
		height: 10px;
		font-size: 1px;
		line-height: 1px;
	}
		div.late-availability div.content {
			float: left;
			/*width: 330px;*/
			width: 580px;
			padding: 0 0 0 10px;
			line-height: 2.2em;
			padding: 0 0 0 10px;
		}
		div.late-availability a {
			font-weight: normal;
			text-decoration: underline;
			color: #4d90cc;
			cursor: pointer;
		}
		div.late-availability a.outline {
			color: #4d90cc;
		}
		div.late-availability div.header {
			color: #4d90cc;
			font-weight: bold;
			line-height: 1.2em;
		}
		div.late-availability td {
			text-align: left;
			vertical-align: top;
			line-height: 1.4em;
			padding: 3px;
		}
		div.late-availability tr.dates-header {
			background-color:#4a8cce;
			color: #fff;
		}
		div.late-availability tr
		{
			background-color:#fff;
		}
		
		div.late-availability tr.dates-alt {
			background-color:#f3f3ff;
		}
		/*
		div.late-availability td.dates-col-1 {
			width: 20%;
		}
		div.late-availability td.dates-col-2 {
			width: 20%;
		}
		div.late-availability td.dates-col-3 {
			width: 40%;
		}
		div.late-availability td.dates-col-4 {
			width: 10%;
		}
		div.late-availability td.dates-col-5 {
			width: 10%;
		}
*/

div.job-result div.header a {
	color: #ec008b;
	font-weight: bold;
}

div#search-site div.searchheader {
	float: left;
	/*width: 80px;*/
	font: bold 1.1em Arial, Helvetica, sans-serif;
	color: #038d98;
	margin: 0;
	padding: 0 0 5px 19px;
 }
 
.viewalldates
{
	padding-left: 10px;
	background: url(../_images/bullets/left_nav_subsub.gif) #fff no-repeat 0px center;	
}

div#column-main-wide {
	display: block;
	float: left;
	width: 605px;
	min-height: 300px;
	margin: 0;
	padding: 8px 0 0 20px;
	font: normal 1.2em Arial, Helvetica, sans-serif;
	line-height: 1.3em;
}

h1
{
	line-height: 1.3em;
}

div.job-latest {
	width: 180px;
	color: #000;
	margin: 15px 10px 0 0;
	font-size: 1.0em;
	float: left;
}
	div.job-latest div.top-latest
	{
    	background: url(../_images/frames/recruitment/latest_top.gif) no-repeat top left;
	    width: 160px;
		height: 10px;
		font-size: 1px;
		line-height: 1px;
		padding: 0 0 0 10px;
	}
	div.job-latest div.bottom-latest 
	{
	    background: url(../_images/frames/recruitment/latest_bottom.gif) no-repeat top left;
	    width: 160px;
		clear: both;
		height: 10px;
		font-size: 1px;
		padding: 0 0 0 10px;
		line-height: 1px;
	}
		div.job-latest div.column-main-latest {
	        background: url(../_images/frames/recruitment/latest_middle.gif) repeat-y top left;
            width: 160px;
			float: left;
			padding: 0 0 0 10px;
			line-height: 2.2em;
		}
		div.job-latest div.column-main-latest div.header-latest {
			color: #ec008b;
			font-weight: bold;
		}
		div.job-latest div.column-main-latest div.category p    
		{
		    color: Blue;
		    margin: 0;
        }
		div.job-latest div.column-main-latest div.description    
		{
		    line-height: 1.1em;
        }

div.job-latest span.jobtype
{
	color: #ec008b
}

div.job-latest div.column-main-latest div.header-latest a {
	color: #ec008b;
	font-weight: bold;
}

div.socialBookmarks
{
	border: 1px solid #DDDDDD;
	margin-top:10px;
	padding:5px;
	font-size:12px;
	clear:both;
	position:relative;
	height:80px;
}

div.socialBookmarks h2
{
    font-weight: normal;
    font-size:12px;
    margin: 0 5px 0 3px;
    padding: 0 3px 0 0;
    float:left;
}

div.socialBookmarks a
{
    display: inline;
    float:right;
}

div.socialBookmarks div.content
{
    clear:both;
}

div.socialBookmarks ul
{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin: 10px 0 0 0;
    padding:0;
    text-align:left;
}

div.socialBookmarks ul li
{
    list-style-type:none;
    margin:5px 0 0 15px;
    display:inline;
    float:left;
    padding:0;
    text-align:center;
    width:48px;
    height:48px;
}

div.socialBookmarks ul li img
{
    border: none;
} 

div.socialBooksmarks p
{
    margin: 0;
    padding: 0;
}

div.form-error
{
    padding-bottom: 10px;
}

div.form-wrapper
{
    margin-bottom: 10px;
    float:left;
}

div.form-label-wrapper
{
    
    width: 125px;float:left
}

div.form-label
{
    
}

.form-mandatory
{
    color: red;
}

div.form-input
{
    float: right;
    width: 225px;
}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 180px; /*width of featured content slider*/
height: 170px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
background: white;
width: 180px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
