/* ----- uobcms-additional.css ----- */
@media screen {
  

 /* flag a paragraph as important */
.highlight-text {background: url("/cmsimages/info-icon.png") no-repeat scroll 0 5px transparent; border-bottom: 1px solid #FA6900; border-top: 1px solid #FA6900;font-size: 90%; margin: 20px; min-height: 30px; padding: 5px 0 5px 40px;} 

.add-top-margin {margin-top: 20px}
.add-bottom-margin {margin-bottom: 20px}

 /* walking tour app teaser by ben hayes 010911 */
   #wt-teaser { background: #E4EFF0 url(/cmsimages/icon-iphone.png) right top no-repeat; -moz-border-radius: 10px;
border-radius: 10px; min-height: 45px; height: 45px; margin: 16px 0 16px 0; padding: 6px 35px 6px 6px; color: #333; font-size: 84%; border: 1px solid #d1e2e4; line-height: 1.1; }
	    #wt-teaser img { float: left; border: none}
	    #wt-teaser span { display: block; margin-left: 48px; }
	    #wt-teaser span a {  color: #333}
	    #wt-teaser small { display: block; }
	    #wt-teaser small a { font-weight: normal; font-size: 13px; }

/* walking tour app left nav graphic by ben hayes 010911 */
a#walking-tour-nav {display: block; margin: 10px 0 10px 0; background: #fff; }
#walking-tour-nav img {border: none; padding: 5px 0 5px 5px}




/* funding calculator include 2010 */
#funding-calculator-2010 {background: url(/cmsimages/calculator.jpg) no-repeat right; width: 200px; padding: 10px 100px 10px 10px; border: 1px solid #ccc; 
}
#funding-calculator-2010 a span {color: #49080a; font-size: 90%}
#funding-calculator-2010 a {color: #ff3603; text-decoration: none}
#funding-calculator-2010 a:hover,
#funding-calculator-2010 a span {color: #666; text-decoration: none}


/* logos on uob homepage */
#uobhp-partner-logos { margin: 0 -11px -10px -10px; clear: both; text-align: left; background: url(/cmsimages/logo-bg.gif) repeat-x top; padding-top: 10px}
#uobhp-partner-logos ul { margin: 0; text-align: center; padding: 0; }
#uobhp-partner-logos ul li {display: inline; list-style: none;}
#uobhp-partner-logos img {border: 0;}


/* basic table styling */

.basic-table {  border:1px solid #7294d8;  border-collapse:collapse;  width: 92%;  margin-left: 0.5em; margin-bottom: 1em;}

.basic-table caption {color: #1d499f; background: #d8e4ef; border: 1px solid #7294d8; margin-left: -1px; padding: 3px; font-size: 107%;font-weight: bold;} 

.basic-table td, .basic-table th {  border-bottom:1px solid #7294d8;  border-collapse:collapse;  padding:5px;} 

.basic-table thead th{  color: #1d499f;  background: #ecf6ff;  text-align:left;}
.basic-table tbody th { text-align:left;}


/* filmand audio icons for links */

li .video {background: url(/cmsimages/video-icon.png) no-repeat right; padding: 5px 30px 0 0 }
li .audio {background: url(/cmsimages/audio-icon.png) no-repeat right; padding: 5px 30px 0 0 }

/* YouTube include for left navs - might still be in use */

#youtube-leftnav {margin: 5px 20px; }
#youtube-leftnav img {border: 0}


/* Social media includes for left navs - advertised on web soc media page */

#leftnav-youtube,
#leftnav-twitter,
#leftnav-facebook {margin: 10px 0; }

#leftnav-youtube img,
#leftnav-twitter img,
#leftnav-facebook img {border: 0}

/* YouTube - watch on youtube link */
#watch-youtube {margin-top: 0.8em; border: 1px solid #ccc; width: 15.5em; padding: 0.2em 0 0 0;}
#watch-youtube img {border: none; }
#watch-youtube a {text-decoration: none; display: block; color: #252525; font-weight: bold; padding: 0.6em 80px 0.5em 0.5em; background: url(/cmsimages/youtube.gif) no-repeat center right}
#watch-youtube a:hover {color: #d01b1b}

/* Centenary campaign button */

#campaign-button {background: #001522 url(http://www.bris.ac.uk/centenarycampaign/images/donate-btn.gif) no-repeat; border: 1px solid #b9b3a3; font-size: 90%;margin-top: 5px; text-align: right; width: 168px; height: 54px}
#campaign-button a {color: #dad3c1; display: block; font-weight: bold; text-decoration: none; font-family: Arial; padding: 8px 8px 14px 5px}

/* Social bookmarking */
#uobcms-social {padding: 0.5em; margin: 1em 0 1em 0; border: solid 1px #dfdfdf; font-size: 80%;} 
#uobcms-social span {float: right; margin-top: 0.3em; font-style: italic;} 
#uobcms-social span a {text-decoration: none; margin-right: 1em; font-style: normal;} 
#uobcms-social ul {padding: 0; margin: 0.3em 0 0 0;} 
#uobcms-social ul li {display: inline; list-style-type: none; margin: 0; padding: 0 0.4em 0 0.4em;} 
#uobcms-social ul li a{padding-left: 20px; text-decoration: none; position: relative; white-space: nowrap;} 
#uobcms-social ul li a img {border: 0; position: absolute; top: 0; left: 0;}

/* travel include styling */
#travel-include {width: 50%; border: 1px solid #2858bb; margin: 0 auto 1em auto;}
#travel-include h2 {border-bottom: 1px solid #ccc; padding: 0.3em; margin: 0;}
#travel-include p {padding: 0.3em; font-size: 90%; margin: 0;}


/*Staff and student announcements and emergency alerts include styling 
------------------------------------------------------------------------------
Note that there is styling for:

- announcements (blue link text on pale yellow background with red border on box), eg undergraduate survey, etc
- emergency alerts (white text on red background with warning triangle), eg swine flu, etc

Please ensure you use the appropriate styling for the message.

*/

/* Staff and student announcement include styling */
.studentstaff-announcement {padding: 1em; 
                border-width: 2px; 
                width: 40%; 
                background: #f8f5ec;
                border: 2px solid #b01c2e;  
                margin-left: auto;
margin-right: auto; text-align: center;}



/* HP emergency alert styling */

/*
#uobcms-emergency { background-color: #C02B35; border: 2px solid #801C22; padding:0; line-height: 100%; margin: 0 0 25px 0; min-height: 50px; height: auto; }*/

/* for Internet Explorer */
/*\*/
* html #uobcms-emergency {
height: 50px;
}
/**/
/*
#uobcms-emergency p { background: url(cmsimages/emergency-warning-sign.gif) no-repeat 8px 12px;  padding: 0 0 0 0; color: white;    font-size: 110%; line-height:1.2 }
#uobcms-emergency p a, #uobcms-emergency p a:visited { color: white; display: block;  padding: 10px 10px 10px 40px  }
#uobcms-emergency p a:hover { text-decoration: underline; color: white;   }
#uobcms-emergency p#no-warning-sign  { background: none; font-size: 200%; padding: 0 0 0 0; color: white;  font-size: 80% }
#uobcms-emergency p#no-warning-sign a:hover {   text-decoration: underline }  
*/


/* TEMPORARY HP emergency alert styling */

#uobcms-emergency {background: #ffffff; padding: 0.5em; border: 1px solid #2858bb; margin: 0 0 0.5em 0;   }
/* for Internet Explorer */
/*\*/
* html #uobcms-emergency {height: 50px; }
/**/
#uobcms-emergency p {background: url(/cmsimages/transparent-alert.gif) no-repeat 8px 12px;  margin: 0; color: #2858bb; font-weight: bold; font-size: 93%; }
#uobcms-emergency p a, #uobcms-emergency p a:visited {color: #2858bb;   }
#uobcms-emergency p a:hover {text-decoration: underline; color: #2858bb; }





/*TEMPORARY Staff and student emergency alert styling */
#studentstaff-emergency {background-color: #ffffff; border: 1px solid #2858bb; margin-bottom: 1em; padding: 0.5em;  }
#studentstaff-emergency p { background: url(cmsimages/transparent-alert.gif) no-repeat center left; margin: 0; padding: 0; color: #2858bb;  font-size: 93%; }
#studentstaff-emergency p a, 
#studentstaff-emergency p a:visited { color: #2858bb; text-decoration: none;}
#studentstaff-emergency p a:hover { text-decoration: underline; color: #2858bb;  }

/* Staff and student emergency alert styling */

/*temp commented out
.studentstaff-emergency {background-color: #C02B35; border: 1px solid #801C22; margin-bottom: 1em;  }
.studentstaff-emergency p { background: url(cmsimages/emergency-warning-sign.gif) no-repeat center left; margin: 0; padding: 0 0 0 0; color: white;  font-size: 110%; line-height:1.2 }
.studentstaff-emergency p a, 
.studentstaff-emergency p a:visited { color: white; display: block;  padding: 0.5em 0.5em 0.5em 40px;  text-decoration: none;}
.studentstaff-emergency p a:hover { text-decoration: underline; color: white;   }
.studentstaff-emergency p#no-warning-sign  { background: none; padding: 0; color: white;  font-size: 80% }
.studentstaff-emergency p#no-warning-sign a:hover {text-decoration: underline}
*/

/* fix for third level intranet link lack of left margin */
.navgroup ul ul li.intranet  { margin-left: 15px  }

}