/*  May 2006 content.css - for styling the content part of the IS corporate template, and additional "bread" styles (the wrapper) */

a:link:hover, a:visited:hover {	
	color: #f00c22; 
	text-decoration: none;  
	background-color: transparent}

/*  additional "bread" styles - others appear in corporate.is.css */

.lhmenubox {
	margin: 0.75em; 
	border: 1px solid #334779; 
	padding-bottom: 5px}
	
#navigation .lhmenubox .category {
	padding-top: 0.5em}
			
input#words {
	border: 1px solid #ccc}

#submenu3 .link, div.submenu3 .link {
	margin-left: 12px} 

body#bristol-ac-uk #submenu3 .link {
	background-image: url(/gfx/circle.gif); 
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent; 
	padding-left: 9px}

#navigation div.submenu3 span.link {
	margin-left: 13px; 
	padding-left: 2ex;
	text-indent: -2ex} 
	
body#bristol-ac-uk #navigation div.submenu3 span.link {
	background-image: url(/gfx/circle.gif); 
	background-repeat: no-repeat; 
	background-position: top left; 
	background-color: transparent;  
	padding-left: 9px}

body#bristol-ac-uk #navigation div.catlink #selflink {
	background-image: url(/gfx/square5.gif);
	color: #39497b;
        padding-bottom: 2px;
	background-color: #d6e0f8}	

#navigation .catlink span.link {
	margin: 0; 
	color: #39497b;
	padding-left: 0 !important; 
	background-color: #d6e0f8;
	background-image: none !important;
	font-weight: bold;
	font-size: 100%}

#navigation div.catlink #selflink {
	margin: 0; 
	color: #39497b;
	padding-left: 0 !important; 
	background-color: #d6e0f8;
	background-image: none !important;
	font-weight: bold;
	font-size: 100%}

#navigation .catlink span.link a {
	color: #39497b; 
	background-color: #d6e0f8; 
	background-image: none;
	text-decoration: none}
	
#navigation .catlink span.link a:focus, #navigation .catlink span.link a:hover {
	color: #f00c22; 
	background-color: #d6e0f8}

body#bristol-ac-uk #submenu3 #selflink {
	background-image: url(/gfx/rdcircle.gif)}

body#bristol-ac-uk div.submenu3 #selflink {
	color: #f00c22; 
	background-image: url(/gfx/rdcircle.gif) !important} 

body#bristol-ac-uk #navigation #selflink {
	background-image: url(/gfx/square5.gif);
	color: #f00c22}
	
#navigation #submenu span.link, #navigation #submenu span.link {
	margin-left: 13px; 
	padding-left: 2ex; 
	text-indent: -2ex}
	
#navigation .catlink {
	margin: 0; 
	padding: 1em 9px 0.5em; 
	color: #39497b;
	background-color: #d6e0f8;
	font-size: 84%;
	font-weight: bold}
	
#navigation .catlink a {
	color: #39497b; 
	background-color: #d6e0f8; 
	text-decoration: none}
	
#navigation .catlink a:focus, #navigation .catlink a:hover {
	color: #f00c22; 
	background-color: #d6e0f8}

/*  end of "bread" styles */

/*  general content styles */

body, td, th, div, span, p, ol, ul, dl, dt, dd, li, blockquote {
	font-family: Arial, Helvetica, sans-serif}

code, pre {
	font-family: 'Courier New', Courier, monospace}

h1 {
	color: #3366cc; 
	background-color: transparent}

h2, h3 {
	color: #507cd3;
	background-color: transparent}
	
fieldset {
	margin: 2em 0} 

p img {
	padding-left: 2em; 
	border: 0} 

td p, th h2, th h3, th h4 {
	text-align: left}
	 
td p {
	margin: 0; 
	padding: 0}
	 
table h2, table h3 {
	margin: 0;
	font-weight: lighter}
	
table h4 {
	margin: 0}
	
table caption {
	display: none}  

#content th, #contentn th {
	padding: 0.2em; 
	margin: 0;
	text-align: left;
	color: #507cd3;
        font-size: 110%;
	background-color: transparent} 

#content td, #contentn td {
	padding: 0.2em;
	margin: 0;
        vertical-align: top}

hr {
	color: #ccc; height: 1px}  

ul {
	list-style-image: url(/gfx/square5.gif); 
	list-style-type: square} 

/* end of general content styles */

#title {							/*  h1 style */
	border-bottom: 1px solid #3366cc}
								/* no padding in NS4 or IE5.0 */
body#bristol-ac-uk #title img {
	padding-right: 0.2em}

.btop {								/* "back to top" formatting */ 
	color: #0F35AA; 
	font-weight: bold; 
	font-size: 70% ;
  	text-transform: uppercase;  
	background: url(/gfx/backtotop.gif) no-repeat 100% 3px; 
	padding-right: 12px}

.btop:hover {
	background: url(/gfx/backtotop-hover.gif)	no-repeat 100% 3px; 
	color: #B01C2E}

.bttright {
	color: #0F35AA; 
	font-weight: bold; 
	font-size: 70% ;
  	text-transform: uppercase;  
	background: url(/gfx/backtotop.gif) no-repeat 100% 3px;
	width: 100%;
	text-align:right; 
	padding-right: 12px}

.bttright:hover {
	background: url(/gfx/backtotop-hover.gif)	no-repeat 100% 3px; 
	color: #B01C2E}

.yellow {							/* class for yellow text */
	background-color: #ffff00; 
	color: #000}
	
.red {								/* class for red text */
	color: #ff0000}

.uobaccess {							/* "UoB access only" formatting */
	color: #ff0000; 
	font-style: italic}		

.adobe-reader {							/* "Get acrobat reader" formatting */
	border: 1px dotted #b01c2e; 
	padding: 0.2em; 
	font-size: 80%; 
	background-color: #ffffcc}

.imgcred {							/* image credit styles */
	font-size: 0.9em;
	text-align: center;
	padding: 0 50px;
	max-width: 550px}
	
#imgcred {
	font-size: 0.9em; 
	float: right; 
	text-align: center; 
	position: relative; 
	top: 0}

.imgcredrght {
	font-size: 0.9em; 
	float: right; 
	text-align: right; 
	position: relative; 
	top: 0}

.imgcredlft {
        font-size: 0.9em; 
	float: left; 
	text-align: center; 
	position: relative; 
	top: 0}       

#imgcred  a {
	text-decoration: underline}

.imgcred img {
	border: 0}

.imgcred2 {						
	font-size: 0.9em; 
	text-align: center; 
	position: relative; 
	top: 0}
	

#photobox {							/* used in staff profile area */
	padding: 0px 0px 40px 40px;
	float: right}

@media print { 							/* print styles */
	a[href] {text-decoration: underline}}

@media print {							/* print styles */
	.btop, .bttright {display: none}}

#topnews {
	background-color: #ffffcc; 
	padding-bottom: 8px; 
	border: 1px dotted #999}

.rowdiv {
	padding: 0;
	width: 100%;
	float: left;
	min-height: 11em}

.single-info {							/* class for styling the pages in a single column */
	float: left; 
	width: 94%; 
	margin: 1%; 
	border: 1px solid #3366cc; 
	background-color: #fff}

.single-noborder {
	float: left; 
	width: 94%; 
	margin: 1%; 
	background-color: #fff}

.single-info h2, .single-info h2 a, .single-info h2 a:visited {
	color: #fff; 
	background-color: #3366cc; 
	padding: 4px; 
	margin-bottom: 0; 
	margin-top: 0; 
	font-weight: lighter; 
	font-size: 110%;
	text-decoration: none}

.single-info h2 a:hover {
	color: #ccc} 
	
.single-info h3, .single-info h3 a {
	padding: 4px; 
	margin-bottom: 0; 
	margin-top: 0; 
	margin-left: 0; 
	font-size: 105%; 
        text-decoration: none}

.single-info p {
	padding: 4px}

.single-info ul {
	margin-top: 0.2em; 
	margin-bottom: 0.2em;
	margin-right: 0.2em}

.single-info li {
	margin-top: 0.4em; 
	margin-bottom: 0.4em}

.double-info {							/* class for styling the pages in double columns */
	float: left; 
	width: 46%; 
	margin: 1%; 
	padding-left: 0; 
	margin-bottom: 2%; 
	border: 1px	solid #7a8bb4; 
	background-color: #fff}

.double-info h2 {
	color: #fff; 
	background-color: #3366cc; 
	padding: 4px; 
	margin-bottom: 0; 
	margin-top: 0; 
	font-weight: lighter; 
	font-size: 110%}

.double-info p {
	padding: 4px}

.double-info ul	{
	margin-top: 0.2em; 
	margin-bottom: 0.2em; 
	padding-right: 4px}

.double-info li {
	margin-top: 0.4em; 
	margin-bottom: 0.4em}


.double-table {
	float: left; 
	width: 46%; 
	margin: 1%; 
	padding-left: 0; 
	margin-bottom: 2%; 
	border: 1px;
	background-color: #fff}

.triple-info {							/* class for styling the pages in triple columns */
	float: left; 
	width: 31%; 
	margin-right: 1%; 
	margin-left: 0; 
	margin-bottom: 2%; 
	border: 1px solid #7a8bb4}
	
.triple-info h2, .triple-info h3 {
	color: #fff; 
	background-color: #3366cc; 
	padding: 4px; 
	margin-bottom: 0; 
	margin-top: 0; 
	margin-left: 0; 
	font-weight: lighter; 
	font-size: 105%}

.triple-info p {
	padding: 4px}

.triple-info ul {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	padding-right: 4px}

.triple-info li {
	margin-top: 0.4em;
	margin-bottom: 0.4em}

.clearall {
        clear: left}

.brhours tr {							/* For the branch library brhours table, on index pages */
	padding:0; margin: 0} 

.brhours td {
	padding:0 0 0 0.4em; 
	margin:0}
	  
.brhours thead td {
	padding:0; 
	margin:0;
	background-color: #3366cc} 
	
.brhours {
	border: 1px solid #3366cc; 
	padding-left:0; padding-right: 0}
	  
.brhours h3, .brhours h4 {
	margin-top: 0;
	margin-left: 0;
	margin-right: 0} 
	
.brhours h3 {
	background-color: #3366cc;
	color: #fff;
	padding-left: 0.4em}
	 
.brhours {
	margin-bottom: 0.4em}

.brhours th {
	text-align: left}
	
.brhours h3 {
	margin-bottom: 0.2em; 
	padding-bottom: 0; 
	padding-top: 0}
	  
.brhours h4 {		
	padding-top: 0; 
	margin-top: 0.2em; 
	margin-bottom: 0.2em; 
	padding-bottom: 0}
	
.background {							/* class for styling h2 on the intranet front page */
	padding: 4px; 
	width:96%;  
	margin-top: 0px; 
	margin-left: 0; 
	background-color: #3366cc; 
	color: #fff; 
	margin-bottom: -1em; 
	font-weight: lighter; 
	font-size: 105%}
	
table.qreg td {							/* for the intranet secure support lookups */
	padding: 5px}

table.prices td {
	padding: 0.3em}

.horboxes {							/* Intranet homepage style*/
	float: left;
	width:100%;
	padding-bottom: 3em}

#secboxes {							/* Intranet homepage style*/
	margin-top: 1em;
	padding-top: 1em;
	margin-right: 0.2em;
	width: 100%}

.newstab td {							/* news pages styles */
	padding: 0.3em}		

.newstab p {
        text-align: right}

.newstab h2 {
        padding-top: 1em;
        padding-bottom: 1em;
        font-weight: bold}

#newstable h3 {	
	margin-bottom: 0; 
	margin-top: 0; 
	padding-bottom: 0.6em; 
	padding-top: 1em}

#newstable td {
	padding-left: 10px}

#newstable img {
	padding-right: 5px}

#newsarchive {
	margin-left: 0; 
	padding-left: 1em}

#newsarchive td h2 {
	padding-top: 0;
	 margin-top: 0}

.newsth	{
	color: #3366cc; 
	text-align: left;
        padding-left: 0.3em;
        padding-top: 0.3em;
        padding-bottom: 0.3em}

.currentnews td {
        padding: 5px}

#faq p {							/* faqs pages styles */
	padding-top: 0.2em; 
	margin-top: 0}

#faq ol li {
	font-weight:bold}

#faq dd	{
	padding-bottom: 8px} 


#ejomit	{							/* ejournals doc styles */
	background-color: #ffffcc; 
	border: 1px dashed #ccc} 

label.ejform {
	display: inline} 

.ejsmall {
	font-size: 90%} 

#ejsearch {
	width:90%; 
	margin: 3px; 
	padding: 0; 
	border: 1px  #334779 solid} 

#ejsearch h4 {
	font-size: 85%; 
	color: #334779; 
	padding: 0; 
	font-weight: normal; 
	margin-bottom: 0; 
	padding-bottom: 0}   

.ejeven h4, .ejodd h4 {
	padding: 0 0.4em 0 0; 
	margin: 0} 

.ejeven, .ejodd	{
	padding: 0.6em 0} 

.ejimg {
	margin-left: 0.4em; 
	padding-left: 0.4em; 
	background-color: #fff} 

#navigation .ejmenubox {
	margin-left: 0.75em; 
	margin-right: 0.75em; 
	border: 1px solid #334779; 
	padding-bottom: 5px} 

#navigation .ejmenubox label {
	margin-bottom: 0; 
	padding-bottom: 0; 
	margin-top: 0; 
	padding-top: 0} 

.ejmenubox {
	margin-top: 0; 
	margin-bottom: 5px} 

.kwreport h4 {
	padding: 0; 
	margin: 0} 

.ejmenubox form, .ejmenubox td	{
	margin: 0; 
	padding: 0; 
	width: 100%} 

.ejeven, .ejodd {
	border-bottom: 1px solid #000} 

.ejmenubox option {
	margin: 0.3em 0 0.3em 0;
	width:80%; 
	padding: 0} 

#ejsubject {
	width: 90%} 

option.ejsubjecto {
	font-size: 90%} 

option.ejletter {
	padding-left: 0.2em}

.secbox {							/* Homeusers styles */
	float: left;
	clear: right;
	width: 30%;
	border-top: 1px dashed #ccc;
	border-right: 1px dashed #ccc;
	padding: 2px 3px 3px 0;
	margin-right:0.7em;
	margin-bottom:-1em}
		
.secbox img {
	border: 1px solid #000;
	margin-right: 3px;
	float: left;
	position: relative;
	top: 0;
	left: 0}

.secbox h2 {
	display: inline;
	font-size: 100%;
	vertical-align: top;
	font-weight: bold;
	text-decoration: none}

.secbox h3 {
	display: inline;
	font-size: 100%;
	vertical-align: top;
	font-weight: bold;
	text-decoration: none}

.secbox a {
	display: inline;
	font-size: 100%;
	vertical-align: top;
	font-weight: bold;
	text-decoration: none}
	
.secbox ul {
	margin: 0.2em;
	padding: 0.1em;
	font-size: 100%}
	
.dottybox {
	border: 2px dotted #3366cc;
	padding: 5px; padding-top: 10px;
	padding-bottom: 10px; 
	text-align: center; 
	background-color: #ffeff1}
	
.newsbox {
   margin: 1em 0em 1em 0}

.newsbox p {
	margin-left: 0.2em}

.newsbox ul {							/* Blackboard rss style */
	margin-top: 2px;
	margin-left: 0;
	padding-left: 20px}

.newsbox {
	border: 1px solid #b01c2e; 
	margin: 0.2em 0 1em 0; 
	font-size: 0.9em}
	
.newsbox p {
	font-size: 1.1em}

.newsbox h2 {
	background-color: #b01c2e; 
	color: #fff;
	font-size: 1.1em;
	padding: 2px;
	margin: 0;
	text-align:center}

newsbox ul li {
	color: #000;
	font-size: 0.9em;
	margin: 0 0.5em 0.2em -1em}

.newsbox a {
	color: #0000f0}

.newsbox a:hover, #events-box a:focus {
	color: #f00c22}
	
.newsbox .date {
	font-style:italic; 
	color:#747272}
	
.avoidpagebreakwithin {						/* resnet server classe */
	page-break-inside: avoid}
	
.hlighthoz {							/* styles for silkymail server */
	border: 1px dotted #b01c2e; 
	padding: 0.2em; 
	background-color: #ffffcc; 
	color: #000; 
	margin: 1em 0}
	
.silkybutton {
	width: 100%; 
	font-size: 120%; 
	font-weight: bold; 
	text-align:center}
	
.important {
	color: #ff0000}

.vimportant {
	border: 1px dotted #b01c2e; 
	padding: 0.2em; 
	background-color: #ffffcc; 
	color: #000; 
	margin: 1em 0}

optgroup.sftwr {						/* Software styles - class for spiltting up software options */
	padding-left: 0; 
	margin-left: 0; 
	padding-bottom: 0.6em; 
	padding-top: 0; 
	margin-top: 0}

ul.subls li {
	list-style-type: none; 
	padding-bottom: 0; 
	padding-top: 0; 
	margin-bottom: 0; 
	margin-top: 0} 
	
ul.subls {
	margin-left: 0; 
	padding-left: 0}

ul.sft1 {
	margin-top: 0; 
	padding-top:0}
	
ul.sft1 li {
	padding-bottom: 0.4em; 
	padding-top: 0.5em}
	 
span.rght {
	text-align: right}

.lft {								/* Left, middle and right divs for the software area */
	width:38%; 
	float:left; 
	margin-right: 3%} 
	
.mid {
	width:39%; 
	float:left; 
	margin-left:0} 
	
.rht {
	width:18%; 
	float:right} 
	
.lfthalf {
        width:46%;
        float:left;
        margin-right: 1.5%}

.rhthalf {
        width:46%;
        float:left;
        margin-right: 1.5%;
        text-align: left}

.sftwr {
	padding-left: 0; 
	margin-left: 0; 
	padding-bottom: 0.6em} 
	
.swlist	{
	padding-bottom: 0.4em} 
	
select.sftsel {
	width: 19em} 
	
select.category	{
	width: 16.2em} 

h2.sftwr {
	margin-bottom: 0; 
	padding-bottom: 0} 

form.swfm {
	display: inline; 
	page-break-inside: avoid}
	
form.swfm option {
	padding-top: 0.1em; 
	padding-bottom: 0.1em}

label.labstrong	{
	font-weight: bold}

.contact-box {
	float: left; 
	width: 45%; 
	margin: 1%; 
	padding-left: 0; 
	margin-bottom: 2%; 
	border: 1px solid #7a8bb4; 
	background-color: #fff}

.contact-box h2 {
	color: #fff; 
	background-color: #003366; 
	padding: 4px; 
	margin-bottom: 0px; 
	margin-top: 0px; 
	font-weight: lighter; 
	font-size: 110%}

.contact-box p {
	padding: 4px}

.contact-box ul {
	margin-top: 0.2em; 
	margin-bottom: 0.2em; 
	padding-right: 4px}

.contact-box li {
	margin-top: 0.4em; 
	margin-bottom: 0.4em}

.contact-box2 {
	float: left; 
	width: 92%; 
	margin: 1%; 
	border: 1px solid #003366; 
	background-color: #fff}

.contact-box2 h2 {
	color: #fff; 
	background-color: #003366; 
	padding: 4px; 
	margin-bottom: 0px; 
	margin-top: 0px; 
	font-weight: lighter; font-size: 110%}

.contact-box2 p {
	padding: 4px}

.contact-box2 ul {
	margin-top: 0.2em; 
	margin-bottom: 0.2em}

.contact-box2 li {
	margin-top: 0.4em; 
	margin-bottom: 0.4em}

ul.nostyle {							/* for styling unordered lists without bullets */ 
	list-style-type: none;
	list-style-image: url()} 

/* ResNet styles migrated across by CMCML 17th Oct 2006 */

.hardrule {
	color: #8690ae; 
	background-color: #8690ae; 
	height: 1px; 
	border: 0}

#breadcrumbs a:link {
	color: #39497b}

#breadcrumbs a:visited {
	color: #39497b}

#breadcrumbs a:active {
	color: #df0a5a}

#breadcrumbs a:hover {
	color: #df0a5a}

.halfboxleft { 
	float: left;
	width: 49%;
	padding: 0px;
	border-right: 1px dashed #3366cc;
	left: 10px;
	right: auto;
	height: 9em}

.halfboxright { 
	width: 49%;
	padding: 0px;
	border-right: 1px dashed #3366cc;
	float: right;
	right: 10px;
	left: auto; 
	height: 9em}


.boxheader {
	padding: 4px 4px 4px 5px; 
	margin-top: 4px;
	color: white;
	background-color: #3366cc;
	font-weight: bold}

.boxheader a:link, .boxheader a:visited, .boxheader a:active, .boxheader a:hover {
	color: white;
	text-decoration: none}

.menutextbox {
	margin: 2px 4px 6px 4px;
	padding-right: 2px;
	min-height: 7em;
	text-align: justify;
	font-size: 1em}

.menutextbox a:link, .menutextbox a:visited, .menutextbox a:active, .menutextbox a:hover {
	color: black;
	text-decoration: none}

.menupic {
	float: left; 
	position: relative; 
	left: -4px; 
	top: -2px; 
	margin-right: 4px; 
	margin-bottom: -1px; 
	width: 65px; 
	height: 65px; 
	border: none}

.fragments {							/* A-Z index pages */
	padding: 0.6em;}
.a-z {
	font-family: Arial, Helvetica, sans-serif}
.a-z strong {
	padding-left: 0.5em; 
	padding-right: 0.5em; 
	font-size: 140%; 
	background-color: transparent}
table[id="a-z"] {
	line-height: 1.4em;}
table[id="a-z"] td {
	vertical-align: top}
table[id="a-z"] td + td {
	vertical-align: bottom}
table[id="a-z"] h2 {
	padding-top: 0.4em; 
	padding-bottom: 0.4em;}
.tabtop {
	text-align: right;}
.toplet {
	font-size:120%; 
	margin:0 2px}


.version {							/* for the metaleth pages */
	font-style: italic;}
.deliverables {
	font-style: italic;}

.fixedinput {							/* for the dophin application form */
	position:absolute; 
	left: 450px;}			


dl dt { 							/* for the websupport area */
	margin-top: 0.5em;}					


#libform {							/* for the library suggestions form on the intranet */
	width:80%; 
	max-width:800px; 
	padding-left: 10%}		
#libform fieldset {
	padding:0.6em}
#libform label {
	display: block; 
	padding-top: 1em;}
#libform input.name {
	width: 20em; }
#libform textarea.suggestion {
	width: 100%; 
	height: 40px}
#libform textarea {
	display: block;
	width: 100%; 
	height: 80px}
#libform #submit {
	margin-top: 1em; 
	margin-bottom: 1em}
#libform #reset {
	margin-top: 1em; 
	margin-bottom: 1em}


.storeform {							/* for the collections storeform */
	display:block; 
	padding: 0.4em;}
.storeform input, .storeform select {
	position: absolute; 
	left: 35em}
.storeform textarea {
	width:90%}

#metalibform fieldset {						/* for the metalib fault form */
	line-height: 1.8em; 
	border: #236480 solid 1px; 
	padding: 5px}
#metalibform legend {
	background: #ffffff; 
	color: #6f8fd1; 
	border: #6f8fd1 solid 1px; 
	padding: 1px 10px; 
	font-weight: bold;}
#metalibform label {
	color: #6f8fd1; 
	font-weight: bold; 
	margin-top: 2px; 
	margin-bottom: 2px; 
	padding-top: 2px; 
	padding-bottom: 2px;}
#metalibform input.mlinput, #metalibform textarea, #metalibform select {
	position:absolute; 
	left: 34em; 
	color: #000; 
	background: #ffffff; 
	border: #6f8fd1 solid 1px;  
	margin-top: 2px; 
	margin-bottom: 2px; 
	padding-top: 2px; 
	padding-bottom: 2px;}
#metalibform textarea{
	margin-left: 3px}

@media screen {						/* for the new students area of the learning pages - screen styles */
#checklist {
	display:block; 
	width:60%; 
	padding: 0 0 10px 0; 
	margin-bottom: 0.2em;
	margin-left: 0; 
	color: #ffffff; 
	text-align:left;}

#checklist ul {
	list-style: none; 
	list-style-image: none; 
	margin: 0 auto; 
	padding: 0;
	border: none;}

#checklist li {
	text-align:left; 
	border-bottom: 2px solid #D5DFF4;
	margin: 0;}

#checklist li{
	display: block;
	padding: 13px 0 13px 50px;
	background-image:url(/gfx/qmark.gif); 
	background-repeat:no-repeat;
	font-size: 105%; 
	font-weight: bold; 
	border-left: 10px solid #3366CC;
	background-color: #3366CC;
	background-repeat: no-repeat;
	background-position: left;
	color: #fff;
	text-decoration: none;
	width: 100%;}
}

@media print {						/* for the new students area of the learning pages - print styles */
#checklist ul {
	list-style: url(/gfx/qmark2.gif)}
#checklist li {
	list-style: url(/gfx/qmark2.gif); 
	background-color: #3366cc;
	color: white; 
	width: 100%; 
	margin:6px 0; 
	padding:0}
}

@media screen {
html>body #checklist li { 
width: auto; }
}