/* @override http://www.londonmet.ac.uk/londonmet/app_templates/asd/zns/style.css */

/* -------------------------------------------------------- */
body { padding: 0px; margin: 0px; }
/* this table emulates the styles of the original body tag  */
/* the original body background color made it impossible to */
/* edit shado containers                                    */
#bodybackgroundtable {
   width: 100%;
   background: #333333;
   padding: 0px 0px 0px 0px;
   margin: 0px;
}
#bodybackgroundtabledata {
   margin: 0px;
   padding: 0px 0px 0px 8px;
}
/* ---------------------------------------------------------- */



/* NEW MENU & THUMBNAILS */

small {
	margin-top: 5px;
	display: block;
}
div#newmenu, div#homepage-ad-new {
	font: 10px/18px Verdana, "Lucida Grande", Lucida, sans-serif;
}

div#newmenu ul {
	margin: 0; padding: 0;
	list-style-type: none;
	width: 200px;
}

div#newmenu ul li {
	width: 180px;
	border-bottom: 1px dotted #1500ff;
}

div#newmenu a {
	text-decoration: none;
	display: block;
	width: 180px;
	height: 18px;
}

div#newmenu a:hover, div#newmenu a.menu2active {
	background-color: #fdff00;
	color: blue;
}
div#newmenu a.menu2active {
	padding-left: 5px;
	width: 175px;
}

div#newmenu a:visited {
	color: #1500ff;
}

div#newmenu div {
	float: left;
	margin-right: 15px;
}

/* new menu ends */


/*NEW HOMEPAGE THUMBS */

div#homepage-ad-new {
	width: 660px;
	margin-top: 30px;
}

div#homepage-ad-new div {
	float: left;
	margin-right: 8px; margin-bottom: 8px;
	height: 200px;
}

div#homepage-ad-new a {
	text-decoration:none;
}

div#homepage-ad-new a img {
	border: none;
}

div#homepage-ad-new p {
	margin: 0;
}



/* new thumbs end */

.menu2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #232323;
	background-image: url(../images/menudiv1.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 2px;
	height: 17px;
}

.menu2 a, .footer a, .menu1 a, .menu3 a {
	color: #232323;
	text-decoration: none;
}
.menu2 a:hover, .footer a:hover, .menu1 a:hover, .menu3 a:hover {
	color: #FF3300;
	text-decoration: underline;
}

.orange {
	color: #000000;
}
.leftmenuimage {
	margin-bottom: 1px;
	padding-bottom: 8px;
}
#body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #EEEFE7;
	margin-top: 10px;
	padding-top: 10px;
	vertical-align: top;
	padding-left: 10px;
	margin-left: 10px;
	width: 410px;
	line-height: 16px;
}

#body2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin-top: 10px;
	padding-top: 10px;
	vertical-align: top;
	padding-left: 10px;
	margin-left: 10px;
	width: 320px;
	line-height: 16px;
}

#body3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	vertical-align: top;
	width: 420px;
	line-height: 16px;
}

#body4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	vertical-align: top;
	width: 350px;
	line-height: 16px;
}

#body5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	vertical-align: top;
	width: 340px;
	line-height: 16px;
	margin-top: 1px;
	margin-left: 1px;
	padding-top: 15px;
	padding-left: 15px;
	margin-bottom: 1px;
	padding-bottom: 15px;
}

#body a, #body2 a, #body3 a, #body4 a, #body5 a {
	color: blue;
	text-decoration: underline;
}

#body a:hover, #body2 a:hover, #body3 a:hover, #body4 a:hover, #body5 a:hover {
	color: #FF3300;
	text-decoration: underline;
}

.bold {
	font-weight: bold;
}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #232323;
	background-image: url(../images/footerdiv.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 3px;
	height: 20px;
}
.top {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #EEEFE7;
	height: 22px;
	margin-top: 1px;
	margin-left: 1px;
	padding-top: 1px;
	padding-left: 5px;
}
.top2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	height: 22px;
	margin-top: 1px;
	margin-left: 1px;
	padding-top: 1px;
	padding-left: 5px;
	background-image: url(../images/diag_top.gif);
}

.top2 a {
	color: #333333;
	text-decoration: underline;

}

.top2 a:hover {
	color: #FF3300;
	text-decoration: underline;

}
td.department { width: 105px; }
.department {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #232323;
	line-height: 15px;
	vertical-align: top;
}

.department a, .courses a, .research a {
	color: #232323;
	text-decoration: none;

}

.department a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #330000;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #330000;
	border-bottom-color: #330000;
}
.departmenthead {
	color: #330000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 22px;
}
td.courses { width: 115px; }
.courses {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #232323;
	line-height: 15px;
	vertical-align: top;
}

.courses a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #F7612E;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F7612E;
	border-bottom-color: #F7612E;
}

.courseshead {
	color: #F7612E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 22px;
}
.research {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #232323;
	line-height: 15px;
	vertical-align: top;
}

.research a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #999900;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999900;
	border-bottom-color: #999900;
}

.researchhead {
	color: #999900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 22px;
}
#ornament {
        position: absolute;
        visibility: visible;
        height: 176px;
        left: 442px;
        top: 29px;
}

#topimage {
    position: absolute;
    visibility: visible;
    height: 176px;
    width: 320px;
    left: 422px;
    top: 165px;
}

.menu2active {
	color: #FFFFFF;
	background-color: #666666;
}
.italic {
	font-style: italic;
}
.menu1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #232323;
	background-image: url(/app_templates/asd/images/menudiv1.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 2px;
	height: 17px;
}
.menu1active {
	color: #FFFFFF;
	background-color: #666666;
}
.menu3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #232323;
	background-image: url(/app_templates/asd/images/menudiv3.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 2px;
	height: 17px;
}
.rightimage {
	margin-top: 1px;
	padding-top: 4px;
	margin-bottom: 1px;
	padding-bottom: 4px;
}
.summershow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-image: url(/app_templates/asd/images/imagediv.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 1px;
	padding-bottom: 10px;
	margin-top: 1px;
	padding-top: 5px;
	line-height: 15px;
}

.summershow a {
	color: #FF3300;
	text-decoration: underline;

}
.summershow a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000000;

}
.light {
	color: #666666;
}
.coursesubhead {
	font-weight: bold;
	color: #2A8885;
}
.details {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #333333;
}

#ucas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	width: 320px;
}
.topon {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #333333;
	height: 22px;
	margin-top: 1px;
	margin-left: 1px;
	padding-top: 1px;
	padding-left: 5px;
}
.topon a {
    color: #FFFFFF;
    text-decoration: none;

}

.topon a:hover {
    color: #FFFFFF;
    text-decoration: underline;

}
.homebrown {
	color: #FFFFFF;
	background-color: #5A2424;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	width: 150px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.homeblack {
	color: #FFFFFF;
	background-color: #333333;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	width: 150px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.homeblue {
	color: #FFFFFF;
	background-color: #5F7490;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	width: 150px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.homegreen {
	color: #FFFFFF;
	background-color: #6C6D19;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	width: 150px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.homered {
	color: #FFFFFF;
	background-color: #E33214;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	width: 150px;
	border: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
.homebrown a, .homeblack a, .homered a, .homegreen a, .homeblue a {
	color: #FFFFFF;
	text-decoration: none;
}

.homebrown a:hover, .homeblack a:hover, .homered a:hover, .homegreen a:hover, .homeblue a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* for headings in prospectus pages */
h2 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #004eff;
}
#logolayer {
    position: absolute;
    visibility: visible;
    z-index: 1;
    height: 115px;
    width: 200px;
    left: 640px;
    top: 22px;
}

div.rightpanel      {}
div.rightpanel img  {
   margin-top: 1px;
   padding-top: 4px;
   margin-bottom: 1px;
   padding-bottom: 4px;
}

/* for new home page */
#backdrop {
        position: absolute;
        visibility: visible;
        z-index: 1;
        left: 50px;
        top: 180px;
}

.homepagead {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #333333;
        vertical-align: top;
        line-height: 14px;

}
.homepagead img {
        margin-bottom: 1px;
        padding-bottom: 8px;
        margin-top: 1px;
        padding-top: 10px;
}

.homepagead a {
        color: #333333;
        text-decoration: underline;
}

.homepagead a:hover {
        color: #FF0000;
        text-decoration: underline;
}

td.panel-images       { background: url(/app_templates/asd/images/diag_light.gif); }
div.panel-images      {}
div.panel-images img  { margin-bottom: 7px; }

/* NEW STYLES BY JOSEPH 03/05/06 */

#studiotable img {
	margin-right: 10px;
	margin-bottom: 10px;
	vertical-align: top;
}
#studiomenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	width: 225px;
}
#studiomenu td {
	background-image: url(/app_templates/asd/images/studiomenuback.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 17px;
	padding-top: 2px;
}

#studiomenu td a {
	color: #CCCCCC;
	text-decoration: none;

}
#studiomenu td a:hover {
	color: #FF6633;
	text-decoration: underline;

}
.tutors, .studioDescription {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	height: 26px;
	padding-top: 1px;
	padding-left: 9px;
	line-height: 16px;
	vertical-align: middle;
}
.tutors p            { display: inline; }
.studioDescription p { color: #333333; }
.red                 { color: #FF3300; }
#studiotext {
	width: 420px;
	font-size: 10px;
	line-height: 16px;
	margin-top: 10px;
}
#studiotext a {
}
#studiotext a:hover {
}
#studiotext h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF3300;
}







/* styles for staff list search */
#stafflist {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #000000;
   background-color:#EEEFE7;
   width: 100%;
   padding: 20px 10px 20px 15px;
   vertical-align: top;
   line-height: 16px;
}
#stafflist a {
        color: #660033;
        text-decoration: none;
}
#stafflist a:hover {
        color: #FF3300;
        text-decoration: underline;
}
table.stafflist-results    { margin: 0px 0px 15px 0px; }
table.stafflist-results th {
   color: #000000;
   font-size: 12px;
   font-weight: bold;
   text-align: left;
   padding-left: 0px;
   padding-right: 25px;
   padding-bottom: 15px;
}
table.stafflist-results td {
   color: #000000;
   font-size: 10px;
   font-weight: normal;
   border-bottom: 1px dotted #c0c0c0;
   padding-left: 0px;
}
table.stafflist-intro    { margin: 0px; }
table.stafflist-intro td {
   color: #000000;
   font-size: 10px;
   font-weight: normal;
   padding-left: 0px;
}

/* top image on studion pages */
table.studioimagetd { padding: 0px; }
td.studioimagetd { padding: 0px; }
#studioimage img { 
   border:  0px 0px 0px 0px; 
   padding: 0px 0px 0px 0px; 
   margin:  0px 0px 0px 0px; 
}
#studiooverview {}
#studiooverview a { text-decoration: none;}




/* trying to control shado styles for edit container background */
iframe.htmlCode_editFrame { border: 3px solid red; }
textarea.html_edit_area { background: teal; }
#htmlCode_tab_two textarea.html_edit_area {background-image: url(/app_templates/asd/images/studiomenuback.gif); }
.html_edit_area {background-image: url(/app_templates/asd/images/studiomenuback.gif); }

/* Shado 8 modifications */
td.studioImage p       { margin: 0; padding: 0; }
td.basicPageImages p   { font-family: Verdana, Arial, Helvetica, sans-serif; 
                         font-size: 10px; 
                         color: #000000; 
                         padding-top: 5px; 
                         padding-bottom: 5px; 
                       }