/*** SITE CSS FOR XXXXXXXXX SITE ***/

/*
	- Replace all the color and background parameters for each class below for your chosen colour scheme
	- Replace the #uod_splash class to the correct location of the _noflash.jpg image
*/


/* HEADER COLORS */
	h1, h3, h5 {
		color:#006bc8;
		}

	h2, h4, h6 {
		color:#006bc8;
		}



/* ANCHOR COLORS */
	a {
		color:#003c7c;
		}

	a:hover, a:active, a:focus,
	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
	h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a, h6 a:active,
	h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus {
		background:#003c7c;
		color:#ffffff;
		}



/* DOCUMENT AND EXTERNAL LINK ANCHOR COLORS */

	#uod_content a[href^="http:"]:hover, #uod_content a[href^="http:"]:active, #uod_content a[href^="http:"]:focus {
		background:#003C7C url(http://www.dundee.ac.uk/_lib/img/icons/external_link_on.png) top right no-repeat;
	}

	#uod_content a[href*="dundee.ac.uk"]:hover, #uod_content a[href*="dundee.ac.uk"]:focus, #uod_content a[href*="dundee.ac.uk"]:active {
		background:#003C7C;
	}

	#uod_content a[href^="mailto:"]:hover, #uod_content a[href^="mailto:"]:active, #uod_content a[href^="mailto:"]:focus {
		background:#003C7C url(http://www.dundee.ac.uk/_lib/img/icons/email_go.png) center left no-repeat;
	}

	#uod_content a[href$='.pdf']:hover, #uod_content a[href$='.pdf']:active, #uod_content a[href$='.pdf']:focus {
		background:#003C7C url(http://www.dundee.ac.uk/_lib/img/icons/page_white_acrobat.png) top left no-repeat;
	}

	#uod_content a[href$='.xls']:hover, #uod_content a[href$='.csv']:hover, #uod_content a[href$='.xlt']:hover, #uod_content a[href$='.xlw']:hover, #uod_content a[href$='.xls']:active, #uod_content a[href$='.csv']:active, #uod_content a[href$='.xlt']:active, #uod_content a[href$='.xlw']:active, #uod_content a[href$='.xls']:focus, #uod_content a[href$='.csv']:focus, #uod_content a[href$='.xlt']:focus, #uod_content a[href$='.xlw']:focus {
		background:#003C7C url(http://www.dundee.ac.uk/_lib/img/icons/page_white_excel.png) top left no-repeat;
	}

	#uod_content a[href$='.ppt']:hover, #uod_content a[href$='.pps']:hover, #uod_content a[href$='.ppt']:active, #uod_content a[href$='.pps']:active, #uod_content a[href$='.ppt']:focus, #uod_content a[href$='.pps']:focus {
		background:#003C7C url(http://www.dundee.ac.uk/_lib/img/icons/page_white_powerpoint.png) top left no-repeat;
	}

	#uod_content a[href$='.doc']:hover, #uod_content a[href$='.wps']:hover, #uod_content a[href$='.doc']:active, #uod_content a[href$='.wps']:active, #uod_content a[href$='.doc']:focus, #uod_content a[href$='.wps']:focus {
		background:#003C7C url(http://www.dundee.ac.uk/_lib/img/icons/page_white_word.png) top left no-repeat;
	}

	#uod_content a[href$='.rtf']:hover, #uod_content a[href$='.txt']:hover, #uod_content a[href$='.rtf']:active, #uod_content a[href$='.txt']:active, #uod_content a[href$='.rtf']:focus, #uod_content a[href$='.txt']:focus {
		background:#003C7C url(http://www.dundee.ac.uk/_lib/img/icons/page_white_text.png) top left no-repeat;
	}

	#uod_content a[href$='.zip']:hover, #uod_content a[href$='.gzip']:hover, #uod_content a[href$='.rar']:hover, #uod_content a[href$='.zip']:active, #uod_content a[href$='.gzip']:active, #uod_content a[href$='.rar']:active, #uod_content a[href$='.zip']:focus, #uod_content a[href$='.gzip']:focus, #uod_content a[href$='.rar']:focus {
		background:#003C7C url(http://www.dundee.ac.uk/_lib/img/icons/page_white_zip.png) top left no-repeat;
	}



/* SPLASH */
	#uod_splash {
		background:#5c5c5c url(/hr/_lib/swf/splash/photos/_noflash.jpg) center;
		}



/* MENUS */
	.uod_menu a {
		color:#ffffff;
		}

	.uod_menu a:hover, .uod_menu a:active, .uod_menu a:focus {
		color:#003c7c;
		background:#ffffff;
		}
.uod_menu_black a {color:#000000;}

.uod_menu_black a:hover, .uod_menu_black a:active, .uod_menu_black a:focus {
		color:#000000;
		background:#ffffff;
		}


/* DEPARTMENT */
	#uod_department {
		background:#003c7c;
		}



/* MENU 1 */
	#uod_menu_1 {
		background:#006bc8;
		}



/* MENU 2 */
	#uod_menu_2 {
		background:#6fa9dc;
		}



/* SPLASH TOGGLE */
	#uod_toggle_div {
		background:#006BC8 url(/hr/_lib/img/toggle_splash_background.png) no-repeat bottom left;
		}

	#uod_toggle_div a {
		color:#ffffff;
		}

	#uod_toggle_div a:hover {
		color:#003C7C;
		background:#ffffff;
		}



/* LEFT MENU */
	#uod_column_leftmenu h5 {
		background:#003C7C;
		color:#ffffff;
		}

	#uod_column_leftmenu h5 a {
		background:#003C7C;
		color:#ffffff;
		}

	#uod_column_leftmenu h5 a:hover, #uod_column_leftmenu h5 a:active, #uod_column_leftmenu h5 a:focus {
		background:#003C7C;
		color:#ffffff;
		}

	#uod_column_leftmenu ul {
		background:#eee;
		}

	#uod_column_leftmenu h6 {
		color:#003C7C;
		}



/* RIGHT-HAND PANEL */
	#uod_rightpanel {
		background:#eeeeee;
		}

	#uod_rightpanel a {
		color:#003c7c;
		}

	#uod_rightpanel a:hover, #uod_rightpanel a:focus, #uod_rightpanel a:active {
		color:#ffffff;
		background:#003C7C;
		}

	.uod_rightpanel_header {
		background:#003C7C;
		color:#ffffff;
		}



/* IMAGE BOXES */
	.uod_imagebox_caption {
		background:#003C7C;
		color:#ffffff;
		}

	.uod_imagebox_caption a {
		color:#ffffff;
		}

	.uod_imagebox_caption a:hover {
		background:#ffffff;
		color:#003C7C;
		}



/* TABLE COLORS */
	th {
		background:#003C7C;
		}

/*PANELS*/

	#panel_container {
		float:left;
		padding: 0;
		margin: 0;
		width: 650px;

		}

	#panel_columns_middle {
		clear:left;
		}

	#panel_columns_bottom {
		clear:left;

       		}

	#panel_column_1, #panel_column_2, #panel_column_3, #panel_column_4, #panel_column_5, #panel_column_6 {
		width: 300px;
		padding: 0px 0 5px 0;
		background-color:#eeeeee;
		border: solid 1px #489090;
		margin-top:15px;
		height:180px;
		float: left;
		margin-right:28px;

		}

	/*#panel_column_1, #panel_column_2, #panel_column_3 {
		float: left;
		margin-right:10px;
		}

	#panel_column_4, #panel_column_5, #panel_column_6 {
		float: right;
		} */

	.item_heading {
		font-size: 1.05em;
		font-weight:bold;
		background-color: #489090;
		padding: 6px 5px;
		height: 22px;
		border-bottom: 2px solid #489090;
                margin-bottom: 5px;
                color:#fff;
		}

        .rightside {
                margin-left:20px;
                }

        .roman li {
               list-style-type:lower-roman;
               }

        blockquote {
                     background-color:#eeeeee;
                     border-style:dotted;
                     padding:10px;
                     }
		.atoz {
			margin: 0;
			padding: 0;
			background: none;
			border: none;
		}

       /*.number ol,ul {
                     counter-reset: item }
       .number li { display: block } */
       #uod_content .number ol, #uod_content .number li:before { content: counters(item, "."); counter-increment: item }


/* MULTIPLE COLUMNS */

	#hr_columns {
		overflow:auto;
		}

	#hr_column1 {
		float:left;
		margin-right:20px;
		}

	#hr_column2 {
		float:left;
		}

	#hr_column3 {
		float:right;
		}



/* TWO COLUMNS */

	.hr_two_columns {
		width:330px;
		}



.hrwidth {
		width: 650px;
	}

	.boxborder {

		width: 650px;
		padding: 10px;
		float: left;
		background: url(/hr/_lib/img/shadowAlpha.png) no-repeat bottom right !important;
		background: url(/hr/_lib/img/shadow.gif) no-repeat bottom right;
		margin: 10px 0 0 10px !important;
  		margin: 10px 0 0 5px;

	}

	.a-z_outline {
		float: left;
		margin-top: 8px;
	}

	.a-z_name, .a-z_email, .a-z_tel, .a-z_fax {
		float: left;
		width: 160px;

		font-style: italic;
	}

	.a-z_name_info, .a-z_email_info, .a-z_tel_info, .a-z_fax_info {
		float: right;
		width: 485px;

	}

	.a-z_details {
		margin-left: 160px;
		margin-bottom: 8px;

	}
ul#filter { list-style: none; margin-left:0 ; width: 90%;  border-bottom:solid 2px #003C7C; border-top:solid 2px #003C7C; width: 850px; padding:5px 0 10px 0 ;}
ul#filter li {


	display: inline;
	line-height: 16px;
	list-style:none;
	padding:0 4px;


}
ul#filter .last { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { text-decoration: none; background-color: #fff; color: #003C7C; }
ul#filter a:hover { background-color: #003C7C; color: #fff;}
ul#filter li.current a { color: #fff; background-color: #003C7C; color: #fff; }

.hide { display: none; }

.a-z_subheading { margin-left: -20px; }

.border{ border-top:solid 2px #003C7C; padding-top:10px; border-bottom: solid 2px #003C7C; margin:5px 0;}

.small {
	font-size:0.85em;
	}