/* 
[notes gc: This is the one and only stylesheet for the entire site. 
All styles should be merged here for deployment.

Contains both screen and print styles (@media)

Please keep this stylesheet as small as possible by not redeclaring things!

]
*/


/* [notes gc: The following might be added to OUICE core */


div#site-nav ul {margin:0; padding:0;}
div#site-nav ul li {list-style-type:none; margin:0; padding:0; display:inline;}
div#site-nav ul li a {display:block; float:left; margin:0 2em 0 0; padding:0.5em 0; text-decoration:none; color:#222;}
body div#site-nav ul li a:hover {background-color:#f8f8f8;}
body.s0 div#site-nav ul li a#l0,
body.s1 div#site-nav ul li a#l1,
body.s2 div#site-nav ul li a#l2,
body.s3 div#site-nav ul li a#l3,
body.s4 div#site-nav ul li a#l4,
body.s5 div#site-nav ul li a#l5,
body.s6 div#site-nav ul li a#l6,
body.s7 div#site-nav ul li a#l7,
body.s8 div#site-nav ul li a#l8,
body.s9 div#site-nav ul li a#l9,
body.az div#site-nav ul li a.a-z,
body.sitemap div#site-nav ul li a.sitemap,
body.search div#site-nav ul li a.search,
body.home div#site-nav ul li a.home
{color:black; background-color:#f8f8f8;}

/* ] */

form#site-search {display:block; float:right; width:30em; text-align:right; padding:0.5em 0; margin:0;}
form#site-search legend {display:none;}

div#site-header {border-bottom:5px solid #eee; padding-bottom:0.4em; margin-bottom:0;}
div#site-title {font-size:1.6em; padding:0.5em 0 0 0;}
div#site-title a {text-decoration:none; color:#333;}
div#site-title span.tagline {display:block; font-size:0.6em; color:#777; padding:0.3em 0 0 0; margin:0;}

div#site-footer {border-top:2px solid #eee;}



table,tr,th,td {border-collapse:collapse; background-color:#FFF;}
th,td {vertical-align:top; padding:1em;}
td {border-top:1px solid #ccc;}





/* STEPHEN'S STYLES
------------------------------------------------------------------------ */



/* Turvey's CSS, yeeeeaaaahhhhhh
--------------------------------------------------------------------------------------------------- */



h1 {font-size: 2.6em; line-height:110%;}

h2 {line-height:120%;}

h3 {line-height:110%;}

h2.question {background:#FBF6D5; padding:.6em .6em; font-weight:bold; font-size:1em;}

h4 {font-weight:bold; font-size:1.2em;}

div#site-title {font-size:1.8em; padding:.5em 0;}

div#site-title a {font-family:/*"Trebuchet MS", */Arial, Helvetica, sans-serif; color:#1E3467;}

div#site-header {border-bottom:0;}

div#site-footer {margin-top:2em; border-top:none; background:url(gui-dotted-line.gif) top left repeat-x; border-bottom:3px solid #f8f8f8; padding:1.5em 0;} /* this overwrites the style in styles.css */

dt a {font-weight:normal;}

dl dt {margin:0; padding:0;}

dl dd {margin: 0 0 1em 0;}

dl.children dt {background:url(icon-arrow-right.gif) 0 .4em no-repeat; margin:0; padding:0 0 0 1em;}

dl.children dt a {background-image:none; display:inline; color:#000099; font-weight:bold; margin:0; padding:0; border-bottom:none; text-decoration:none;}

dl.children dd {margin: 0 0 0;}

a.rss,
a.arrow {background:url(icon-rss.gif) 0 .2em no-repeat; padding: 3px 0 3px 22px; text-decoration:none;}

a.arrow {background:url(icon-arrow-generic.gif) 0 .2em no-repeat;}

/* To achieve the faded background */

div#wrapitallup {max-width:70em; padding:1em 3em 0 3em; background:#fff; margin:/*1.5em*/ 0 auto;}

body {background-color:#fff; margin:0; background-image:url(gui-body-bg.jpg); background-position:top left; background-repeat: repeat-x;} /* this overwrites styles set in styles.css */

div#ou-topbars {padding-top:1em;} /* this overwrites a style set in header.css */



/*  Where am i(?) Navigation */

div.where-am-i {margin-bottom:1.8em;}

div.where-am-i h2 {border-top:1px solid #CDD4DF; font-size:1em; font-weight:bold; /*background:url(gui-sibling-h2-bg.jpg) top left repeat-y; padding:8px;*/ margin:0; padding:0;


 /*margin:0;*/  }

div.where-am-i h2 a {text-decoration:none; background:url(icon-arrow-up.gif) 5px center no-repeat; display:block; background-color:#EFF2F5; padding:0.5em 0.5em 0.5em 19px;}

div.where-am-i ul {margin:0;}

div.where-am-i ul li {list-style:none;}

/*
div.where-am-i ul li a,
div.where-am-i ul li strong {background:url(icon-arrow-right.gif) .6em .8em no-repeat; margin:0; padding:.4em 0 .4em 1.8em; display:block; text-decoration:none;}
div.where-am-i ul li strong {background:#f8f8f8 url(icon-arrow-orange-left.gif) .6em .8em no-repeat; font-weight:normal;}

*/

div.where-am-i ul li.current {background:#F7F8FA url(icon-arrow-orange-left.gif) .6em .8em no-repeat; font-weight:normal; padding:.4em 0 .4em 1.8em; display:block;}



div.where-am-i ul li a:hover {background-color:#f8f8f8;}



/* Eligible box */


/*div.eligible {background:#F8EBDF url(gui-eligible-bg.gif) top left no-repeat; border-right: 2px solid #E6AD7C; border-bottom: 2px solid #E6AD7C; padding: 1em 1em 0 1em; margin-bottom:1em;}*/

div.eligible h3
div.eligible p {color:#7B3C0A;}


div.eligible {border: 4px solid #E6AD7C; background:#FFFFE5; padding: 1em; margin-bottom:1em;}

div#region2 div.eligible h2 {color:#c10031; font-size:1.2em; font-weight:bold;}


/* Remember box */

div.remember {background:#EFF5FF url(gui-remember-bg.gif) top left no-repeat; border-right: 2px solid #DFECFF; border-bottom: 2px solid #DFECFF; padding: 1em 1em 0 1em; margin-bottom:1.8em;}

div.remember h2, div.remember h3,
div.remember p {color:#1E3467;}

div.remember h2,
div.remember h3 {font-size: 1.3em; font-weight:bold;}


div.dss-tip-form, div.dss-tips {
border: 4px solid #E6AD7C;
background:#FFFFE5; 
}


div.dss-tips {
display:table;
width:auto;
margin:0 0 2em;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
padding:1em;	
}


div.dss-tip {
margin: 1em 0;	
display:block;
}

div.dss-tip cite {
margin:0;
color:#C10031;
font-style:normal;
}

div.dss-tips h2{
color:#C10031;
}

div.dss-tip cite span {
color: #666666;
font-family: Verdana,Geneva,sans-serif;
font-size: 0.8em;
margin-top: 0.2em;	
display:block;
}

div.dss-tip blockquote {
margin:0;
}

html.display-table div.dss-tips {
display:table;
}

html.no-display-table div.dss-tips {
float:left;
clear:both;
}


html.display-table div.dss-tip blockquote,
html.display-table div.dss-tip cite  {
display:table-cell;		
}

html.no-display-table div.dss-tip blockquote,
html.no-display-table div.dss-tip cite  {
float:left;	
}



html.no-display-table div.dss-tip blockquote  {
padding-left:1em;		
}

html.display-table div.dss-tip cite  {
width:10em;	
}

blockquote cite:before {
content: "-- ";
}

div.dss-tips-form h2 {
color: #C10031;
font-size: 1.2em;
font-weight: bold;
}

div#region1 div.dss-tips-form h2 a {
background: url("icon-about.gif") no-repeat scroll left center transparent;
color: #C10031;
padding-left: 1.5em;
text-decoration: none;
}

div.dss-tips-form ul {
    margin: 0;
    padding: 0;
	list-style-type:none;
}

div.dss-tips-form label {
    display: block;
    margin: 1em 0;
}

/* Steps box */
div.steps,
div#dsa-form {
background:#FBF6D5 url(gui-box-bg.gif) top left no-repeat; 
border: 1px solid #EFD745; 
padding: 1.3em 1em 0 1em; 
margin:2em 0;
}

div#region2, div#region2 div.steps {margin-top:0; margin-bottom:1em;}

div.steps {background:#F7F8E9 url(gui-steps-bg.gif) top left no-repeat; border-right: 1px solid #D6DA92; border-bottom: 1px solid #D6DA92;}

div.tip h2, 
div.tip h3 {color:#182952; font-size: 1.6em;}

div.steps h2,
div.steps h3 {color:#384336; font-size: 1.6em;}

div.steps ul {margin:0;}

div.steps ul li {list-style:none; background:url(icon-arrow-right.gif) 0 .4em no-repeat; padding-left:1em; margin-bottom:.5em;}


/* Accessible course materials form */

div.accessible {background:#FBF6D5 url(gui-box-bg.gif) top left no-repeat; border-right: 1px solid #EFD745; border-bottom: 1px solid #EFD745; padding: 1.3em 1em 1.3em 1em; margin:2em 0;}

div.accessible h2 {color:#182952; font-size: 1.6em;}

div.accessible legend{display:none;}

div.accessible label {font-weight:bold;display:block;}

div.accessible input {display:block;}

div.accessible p {margin-top:1em;}


/* Warning, Action, Download, Contact, Contents, About box */

div.warning,
div.video-list,
div.contact,
div.action,
div.pdf-contents,
div.doc-contents,
div.about,
div.info,
div.download,
div.audio,
div.news,
div.dsa-vcard
{border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin:2em 0; background:url(icon-warning.jpg) 1em 1em no-repeat; padding: 1em 1em 1em 4.8em; background-color:white;}








/*div#region1 div.paged a, div#region1 a.button, div#region1 button {
background-color: #EBF4FB;
background-image: url("http://www.open.ac.uk/webstandards/ice/v2.0/context-nav-shade.png");
background-position: center bottom;
background-repeat: repeat-x;
border: 1px solid #D6E8F0;
border-radius: 5px 5px 5px 5px;
display: inline-block;
margin: 0 1em;
padding: 0.5em;
text-decoration: none;
}

button {
color: #1F536B;
cursor: pointer;
font-family: Tahoma,"Lucida Grande",Arial,Helvetica,sans-serif;
}*/


div.contact, div.dsa-vcard {background-image:url(icon-contact.jpg);}
div.action {background-image:url(icon-action.jpg);}
div.download {background-image:url(icon-download.jpg);}
div.news {background-image:url(icon-news.jpg);}
div.video-list {background-image:url(icon-video.jpg); border-top: 3px solid #C10031; border-bottom: 3px solid #C10031; width:80%}


/* DSA video  */
.duration, .watch {
color:#C10031;
text-align:right;
font-size:smaller;
text-decoration:none;
}

div.video-list ol li a {
text-decoration:none;
display:block;	
}


.gallery {
list-style-type:none;
margin:1em 0;
padding:0;
}

.gallery li {
float:left;
margin:0.5em 0;
overflow:hidden;
width:49%;
}


#region1 .gallery li a {
text-decoration:none;
color:#C10031;
}


#region1 .gallery li:hover,
#region1 .gallery li a:hover,
#region1 .gallery li:hover a {
background-color:#C10031;
color:#FFF;	
}


body.dsa1 #region1 .gallery li.dsa1,
body.dsa1 #region1 .gallery li.dsa1 a,
body.dsa2 #region1 .gallery li.dsa2,
body.dsa2 #region1 .gallery li.dsa2 a,
body.dsa3 #region1 .gallery li.dsa3,
body.dsa3 #region1 .gallery li.dsa3 a,
body.dsa4 #region1 .gallery li.dsa4,
body.dsa4 #region1 .gallery li.dsa4 a,
body.dsa5 #region1 .gallery li.dsa5,
body.dsa5 #region1 .gallery li.dsa5 a,
body.dsa6 #region1 .gallery li.dsa6,
body.dsa6 #region1 .gallery li.dsa6 a,
body.dsa7 #region1 .gallery li.dsa7,
body.dsa7 #region1 .gallery li.dsa7 a {
background-color:#C10031;
color:#FFF;		
}

.gallery span {
display:block;
}

.thumb {
background-color:#EEEEEE;
display:block;
float:left;
height:60px;
width:80px;
}

.title {
display:block;
font-size:1.2em;
}

.detail, .title, .duration, .watch {
margin-left:95px;
margin-right:0.5em;
}

.clearfix:after {
content: ".";display: block;height: 0;clear: both;visibility: hidden;
}


div.daisy h2 {font-size:2em;}
div.pdf-contents {background-image:url(icon-pdf32x32.gif);}
div.doc-contents {background-image:url(icon-doc32x32.gif);}
div.doc-pdf ul li, div.doc-contents ul li, div.download ul li{list-style-type:none;}
div.doc-pdf ul, div.doc-contents ul, div.download ul {padding-left:0;margin-left:0;}

div.info {background-image:url(icon-about.jpg);}
body.s1 div.info {border-top:none; background:url(icon-about.jpg) 0 0 no-repeat; padding:0 0 0 3.8em;}

/* Disability insights video */
div.nopics {
float:left;	
}

div.nopics ul.gallery li {
float:none;
margin:0;
overflow:hidden;
width:auto;
width:14em;
}

div.nopics ul.gallery span.title {
margin-left:0;
padding:0.5em 0 0.5em 1em;
}

div.nopics ul.gallery .nopics {
float:left;
width:49%;
}

div.nopics img {
float:right;
width:240px;
}

div.nopics div.portrait {
width:240px;
}

div.nopics div.photo {
border-bottom:3px solid #C10031;
background-color:#F3CCD6;
}

div.nopics div.photo p{
color:#000;
}


#region1 .nopics li:hover,
#region1 .nopics li a:hover,
#region1 .nopics li:hover a {
background:url(arrow-right.gif) no-repeat #C10031 center right; 
}


body.dyslexia1 #region1 .nopics li.dyslexia1 a,
body.dyslexia2 #region1 .nopics li.dyslexia2 a,
body.dyslexia3 #region1 .nopics li.dyslexia3 a,
body.dyslexia4 #region1 .nopics li.dyslexia4 a,
body.dyslexia5 #region1 .nopics li.dyslexia5 a,
body.dyslexia6 #region1 .nopics li.dyslexia6 a {
background:url(arrow-right.gif) no-repeat #C10031 center right; 
color:#FFF;	
display:block;	
}





/* Footer links */


div#site-footer ul.footer-links {float:none; margin:0; margin-bottom:3em; padding:0; }

div#site-footer ul.footer-links li {display:inline;}

div#site-footer ul.footer-links li a {background:url(icon-top.gif) 0 .3em no-repeat; padding:3px 0 3px 22px; display:block; float:left; margin:0 1em 0 0; text-decoration:none; color:#003399;}

div#site-footer ul.footer-links li a.customise {background:url(icon-customise.gif) 0 .3em no-repeat;}

div#site-footer ul.footer-links li a.print {background:url(icon-print.gif) 0 .3em no-repeat;}

div#site-footer ul.footer-links li a.feedback {background:url(icon-feedback.gif) 0 .3em no-repeat;}


div#site-footer ul.footer-links li a.about {background:url(icon-about.gif) 0 .3em no-repeat;}


/* External links */

a.external {background: url(icon-external-link.gif) no-repeat 100% 2px; padding: 0 18px 0 0;}

a.external:hover {background: url(icon-external-link.gif) no-repeat 100% -20px; padding: 0 18px 0 0;}

/* Gallery pages */


p.gallery-intro {font-size:1.2em; font-weight:bold; color:#c10031; line-height:130%;}

div.gallery-item, div.home-box {padding:1em; margin:1em 0; background-color:#fff; /*border:1px solid #eee;*/ background-image:url(gallery-item-bg.gif); background-position:top left; background-repeat:no-repeat; clear:both;}

div.gallery-item h2 a {text-decoration:none;}



/* Home page */

body.s1 dl.children {display:none;}

div.home-box,
div.home-box-special {border:1px solid #eee; padding: 1em; margin-bottom:1em; margin-top:0;}

div.home-box {background-color:#fff;}

div.home-box-special div.action {border-bottom:none; margin-bottom:0;}

div.home-box.galleries h2 {font-size:1em;}

div.galleries h2,
div.noticeboard h2 {font-size:1.4em; font-weight:bold; }

div.galleries h2 a,
div.noticeboard h2 a {text-decoration:none;}

div.noticeboard h3 {font-size:1em; font-weight:normal;}

div.noticeboard a.arrow {margin-right:1em;}


div.relevant-info {border:1px solid #eee; padding:1em; margin:0 0 1em 0; background-color:#fff;}

div.relevant-info h2 {font-size:1em; font-weight:bold;}

div.relevant-info ul {margin:0; padding:0;}

div.relevant-info ul li {margin:0; padding:0; list-style:none;}

div.relevant-info ul li a {text-decoration:none; padding:.6em 0 .6em .2em; display:block; border-bottom:1px solid #eee; background:transparent url(icon-arrow-right.gif) center right no-repeat;}

div.relevant-info ul li a:hover {background:#f8f8f8 url(icon-arrow-right.gif) center right no-repeat;}


p.home-intro {/**/}


/* Added by Stephen T in June 2009 */

div.sections {width:100%; min-height:60px; float:left; clear:both; margin-top:1.2em;}

div.sections:last-child {margin-bottom:1em;}

div.sections h2 {font-size:1.4em; font-weight:bold; margin-bottom:.3em;}

div.sections h2 a {text-decoration:none;}

div.student-story {background:#fff url(bg-paperclip.gif) top right no-repeat; padding:0 0 .5em 0; margin-bottom:1em;}

div.student-story h2.first {border-bottom:1px solid #FFC5C5; padding:1em 2em .5em .5em; margin:0 0 .5em 0;}

div.student-story h2,
div.student-story h3,
div.student-story h4 {padding-left:15px;}

div.student-story h3 {margin-top:1em;}

div.student-story p {padding: 0 15px;}

div.student-story div.landscape {margin-right:1em;}


blockquote.student-stories
{border-left: 3px solid #D6DA92; width:220px; float:right; height:auto; margin:0 1em 1em 1.5em; background:none; border-top:0; padding:0;}

blockquote.student-stories p,
blockquote.arc-news p
{border:0; background:none; margin:0; padding:.5em 0 .5em .5em; color:#000; line-height:1.4em; font-size:1.4em; font-weight:bold; }



blockquote.arc-news {
font-size:0.9em;
background-image:none;
margin:1em 0 1em 0;
padding:0;
border-top:0;
}


div.news-box {
float:left; 
width:45em;
background-color:white;
border-top:none;
border-left:none;
border-bottom:1px solid #EEEEEE;
border-top:1px solid #EEEEEE;
margin:0 0 1em 0;
padding:1em;
}


br.clear {clear:both;}


blockquote.derek-quote1 p:after {
content:"I examined several options including local FE colleges and professional training agencies"; 
}

blockquote.derek-quote2 p:after {
content:"Most staff  were willing to discuss and take into account any  additional needs"; 
}

blockquote.derek-quote3 p:after {
content:"Maybe I am a masochist but I have always enjoyed exams"; 
}

blockquote.mary-quote1 p:after {
content:"a chance conversation with my nephew about OU broadcasts changed  everything"; 
}

blockquote.margaret-quote1 p:after {
content:"receiving course materials in formats such as comb-bound or PDF make it possible to study lying down"; 
}


div.student-story object {margin:15px 0 15px 15px;}

blockquote.standard {border:0; background:none; margin-left:0; margin-bottom:0;}

blockquote.standard p {border:0; background:none;}

div.student-story p.story-intro {font-weight:bold; padding-top:2em; padding-right:5em;}

div.student-story img.go1 {margin-right:.5em;}

div.student-story-video h3 {margin-bottom:.3em;}


/* GUY'S STYLES
------------------------------------------------------------------------ */


/* CSS Document */

.note-dev {background-color:#FFFFCC; font-family:"Courier New", Courier, monospace; font-size:1.2em; color:black;}

.devdocs {margin:2em 0; padding:1em; border:1px solid #ccc;}

.devdocs * {color:#666;}

.devdocs td {border-color:#eee;}

hr {border:none; border-top:1px solid #ccc; height:1px; width:100%; margin:1em 0;}

/* Table of contents / On this page */
div.toc {background:url(gui-dotted-line.gif) bottom left repeat-x; padding-bottom:0.5em; margin-bottom:2em;}
div.toc h2 {font-size:1.3em; font-weight:bold; background:url(gui-dotted-line.gif) top left repeat-x; padding-top:1em; color:#c10031;}
div.toc ul {margin:1em 0;}
div.toc a {text-decoration:none;}
div.toc li {list-style-type:none; margin:0; padding:0.3em 0 0.3em 26px; background-image:url(icon-arrow-down.gif); background-position:0 0.8em; background-repeat:no-repeat; /*border-bottom:1px solid #eee;*/}
div.toc li:hover {background-color:#FBF6D5; color:black;}
div.toc li:hover a {background-color:transparent; color:black;}

a.to-top {background-image:url(icon-arrow-up.gif); background-position:center right; background-repeat:no-repeat; padding-right:16px; text-decoration:none;}

/* KEYTERMS as seen on residential-school-equipment */

dl.keyterms {/**/}
dl.keyterms dt {margin-top:1em;}
dl.keyterms dd {padding-left:1em;}

/* ANCESTOR navigation */

p.ancestors {margin-top:0; background-image:url(gui-dotted-line.gif); background-position:bottom left; background-repeat:repeat-x; padding-bottom:1em; /*padding-left:1.5em;*/}
/*
p.ancestors a {text-decoration:none; background-image:url(icon-arrow-right.gif); background-repeat:no-repeat; background-position:right 3px; padding-right:15px; margin-right:10px;}

p.ancestors span.seperator {display:none;}

p.ancestors span.root {display:inline; background-image:url(ancestor-root.gif); background-repeat:no-repeat; padding-left:8px; color:white;}

body.primary p.ancestors, p.ancestors a.root, p.ancestors strong.current {display:none;}
*/

/* For potential inclusion, ask Stephen T -- AGREED, merge */
div.where-am-i h2 {/*font-weight:normal;*/ font-size:1em;}

p.ancestors a {text-decoration:none;}
p.ancestors strong {font-weight:normal;}


/* Code style
------------------------------------------------*/
ol.code {margin:1em 0;}
.code {overflow:auto; padding:3px 5px 3px 35px; border:1px solid #e3e0d1; list-style-type:decimal-leading-zero; font-family:Courier;}
.code code {font-family:Monaco,"Courier New",Tahoma;}
.code li {margin:2px 0;padding:0 5px; background:#ededdb;}
.code li.tab1 {padding-left:4ex;}
.code li.tab2 {padding-left:8ex;}
.code li.tab3 {padding-left:12ex;}
.code li.tab4 {padding-left:16ex;}
.code li.tab5 {padding-left:20ex;}
.code .changed {color:#900; font-weight:bold;}
.code em {color:#900; font-weight:bold; font-style:normal;}


/* Accessible course materials styles 
------------------------------------------------*/

div.search-item {/**/}

div.search-result-item {background-color:white; padding:1em; margin:1em 0;}

div.search-again {
  padding-top:3em;

}

/* Sitemap
------------------------------------------------*/

ul.xoxo {margin:0; padding:0;}
ul.xoxo ul {margin:0; padding:0;}
ul.xoxo ul {margin-left:1em;}
ul.xoxo li {list-style-type:none; padding-left:10px; background-image:url(icon-arrow-right.gif); background-repeat:no-repeat; background-position:0 0.5em;}
ul.xoxo li a {text-decoration:none;}
ul.xoxo li a:hover {background-color:#eee;}

/* Related links
------------------------------------------------*/

div.related-links {/*border-top:3px solid #eee;*/ padding:1em 0 0 0; background-image:url(gui-dotted-line.gif); background-repeat:repeat-x;}
div.related-links ul {margin:0 0 0 1em; padding:0;}
div.related-links li {list-style-type:none; padding-left:1em; background-image:url(icon-arrow-right.gif); background-repeat:no-repeat; background-position:0 0.5em;}

div.related-links li a {text-decoration:none;}

/* A to Z
------------------------------------------------*/

ul.atozlist {margin: 0 0 1.5em 0; width:100%; height:Auto; float:left; clear:both;}
ul.atozlist li {display:inline; margin:0; padding:0; list-style-type:none;}
ul.atozlist li a, ul.atozlist li strong{border:1px solid #eee; padding:0.5em; margin:0 0.5em 0.5em 0; background-color:#f8f8f8; text-decoration:none; display:block; float:left;}
ul.atozlist li a:hover {background-color:#fff; border-color:#000;}


ul#atozdirectory {margin:1em 0; float:left; clear:both; width:100%;}
ul#atozdirectory li {list-style-type:none; margin:0; padding:0;}


ul#atozdirectory dt {font-weight:bold;}

ul#atozdirectory h2 {background-image:url(gui-dotted-line.gif); background-position:bottom left; background-repeat:repeat-x; padding-bottom:0.5em;}

/* Tables
------------------------------------------------*/

/*th {background-color:#eee;}*/
/*th.focus {width:60%;}
th {border-top:1px solid #CCC;}
td {border-top:1px solid #CCC;}*/

/* Photo style
------------------------------------------------*/

div.photo {margin-bottom:1em; border-bottom:3px solid #D6DA92;}

div.photo img {display:block; margin:0 0 0.7em 0; padding:0;}

div.portrait {width:140px; height:auto;}
div.landscape {width:220px; height:auto;}
div.landscape-medium {width:300px; height:auto;}
div.landscape-large {width:380px; height:auto;}


div.photo p {color:#5c2400; margin-bottom:0.7em; padding:0 1em;}
div.photo.portrait p {padding:0 0.5em;}

div.photo {background-color:#F7F8E9;}

div.photo p span {
left:-5000px;
position:absolute;
width:4000px;
}

div.left {
float:left;
margin-right:1.6em;

}

/* Audio style
------------------------------------------------*/

div.audio {
/*background-color:#F7F8E9;*/
background-image:url(icon-audio.jpg);
}


/* Customise this site
------------------------------------------------*/
div#site-header {position:relative;}
a#site-customise {font-size:1em; position:absolute; top:2em; right:0; text-decoration:none; background:transparent url(icon-customise.gif) no-repeat scroll 0 0.3em; padding:0.3em 0 0.3em 22px;}

div.accessibility-features {
display:none;	
}


/* Quotes
------------------------------------------------*/


/*
blockquote {font-style:normal; padding:0 0 20px 0; margin:1em 0; background-image:url(gui-bg-bg.gif); background-position:bottom left; background-repeat:no-repeat; color:#333; border-top:1px solid #E8E8D2; }
blockquote p {border:1px solid #E8E8D2; border-bottom:none; border-top:none; padding:1em; margin:0 0 1em 0; background-color:#F6F6ED;}
*/

blockquote {font-style:normal; padding:0 0 20px 0; margin:0; color:#333;}
blockquote p:last-child {margin-bottom:0;}

bq-g1 {/**/}
bq-g2 {/**/}

/* Plurals
------------------------------------------------*/

div.contacts div.contact, div.actions div.action {border-bottom:none;}

div.actions div.action {border:none;}

/* Addresses
------------------------------------------------*/
.vcard {margin:1em 0;}
.vcard span {display:block;}
.vcard span span {display:inline; padding-right:0.5em;}
.vcard .adr {margin:0 0 1em 0;}
.dsa-vcard span {display:inline;}



/* OUICE Navigation Systems
------------------------------------------------*/
/*

01. Sections
02. Ancestors
03. Table of contents
04. Parent
05. Siblings
06. Paged
07. Children
08. Sitemap
09. A to Z
10. Tags
11. Categories
12. Related links
13. Menu
14. Promo
15. Top
16. Skip to content
17. Site nav (search, sitemap, a to z links)
18. Site title
19. Customise
20. Site footer
21. Boxes

*/

/* Sections
-----------------------*/
ul.sections {/**/}
ul.sections li {/**/}
ul.sections li a {/**/}

/* Ancestors
-----------------------*/
p.ancestors {/**/}
p.ancestors a {/**/}
p.ancestors a.root {/**/}
p.ancestors span {/**/}
p.ancestors span.root {/**/}
p.ancestors strong {/**/}

/* Table of contents
-----------------------*/
dl.toc {background:url(gui-dotted-line.gif) bottom left repeat-x; padding-bottom:0.5em; margin-bottom:2em;}
dl.toc dt {font-size:1.3em; font-weight:bold; background:url(gui-dotted-line.gif) top left repeat-x; padding-top:1em; color:#c10031;}
dl.toc dd {margin:0; padding:0;}
dl.toc dd ul {margin:1em 0;}
dl.toc dd ul li {list-style-type:none; margin:0; padding:0.3em 0 0.3em 26px; background-image:url(icon-arrow-down.gif); background-position:0 0.8em; background-repeat:no-repeat;}
dl.toc dd ul li:hover {background-color:#FBF6D5; color:black;}
dl.toc dd ul li a {text-decoration:none;}

/* Parent
-----------------------*/
a.parent {
  display:block; 
  border-top:1px solid #CDD4DF; 
  font-size:1em; 
  font-weight:bold;   
  padding:8px; 
  text-decoration:none; 
  background:url(icon-arrow-up.gif) center right no-repeat; 
  padding-right: 18px;}

/* Siblings
-----------------------*/
ul.siblings {margin:0 0 1em 0; padding:0;}
ul.siblings li {display:inline; margin:0; padding:0; list-style-type:none;}
ul.siblings li a, ul.siblings li strong {background:url(icon-arrow-right.gif) .6em .8em no-repeat; margin:0; padding:.4em 0 .4em 1.8em; display:block; text-decoration:none;}
ul.siblings li strong {background:#f8f8f8 url(icon-arrow-orange-left.gif) .6em .8em no-repeat; font-weight:normal;}
ul.siblings li a:hover {background-color:#f8f8f8;}


/* Children
-----------------------*/


/* Paged
-----------------------*/

/*

Page 5 of 20
<< | < | 3 | 4 | 5 | 6 | 7 | > | >>

*/

div.paged {/**/}
div.paged p {/**/}
div.paged p a, div.paged p strong {margin:0 1em 0 0;}
div.paged p a {/**/}
div.paged p a.first {/**/}
div.paged p a.previous {/**/}
div.paged p strong {color:black; border:1px solid #eee; padding:0.5em;}
div.paged p a.next {/**/}
div.paged p a.last {/**/}

/* Children
-----------------------*/
dl.children {/**/}
dl.children dt {/**/}
dl.children dt a {/**/}
dl.children dd {/**/}
dl.children dd p {/**/}

/* Sitemap
-----------------------*/
ul.sitemap {/**/}
ul.sitemap li {/**/}
ul.sitemap li a {/**/}
ul.sitemap li ul {/**/}

/* A to Z
-----------------------*/
ul.atoz-menu {margin: 0 0 1.5em 0; width:100%; height:Auto; float:left; clear:both;}
ul.atoz-menu li {display:inline; margin:0; padding:0; list-style-type:none;}
ul.atoz-menu li a {border:1px solid #eee; padding:0.5em; margin:0 0.5em 0.5em 0; background-color:#f8f8f8; text-decoration:none; display:block; float:left;}
ul.atoz-menu li a:hover {background-color:#fff; border-color:#000;}
ul.atoz-menu li span {/* for when the letter does not link to anything (no entires) */}

ul.atoz {margin:1em 0; float:left; clear:both; width:100%; height:auto;}
ul.atoz li {list-style-type:none; margin:0; padding:0;}
ul.atoz li a {/**/}
ul.atoz li ul {/**/}
ul.atoz li ul li {/**/}

ul.atoz dl {/**/}
ul.atoz dl dt {font-weight:bold;}
ul.atoz dl dd {margin:0; padding:0;}

/* Tags
-----------------------*/
dl.tags {/**/}
dl.tags dt {/**/}
dl.tags dd {/**/}
dl.tags dd ul {/**/}
dl.tags dd ul li {/**/}
dl.tags dd ul li a {/**/}

/* 10. Categories
-----------------------*/
dl.categories {/**/}
dl.categories dt {/**/}
dl.categories dd {/**/}
dl.categories dd ul {/**/}
dl.categories dd ul li {/**/}
dl.categories dd ul li a {/**/}

/* 11. Related links
-----------------------*/
dl.related {/**/}
dl.related dt {/**/}
dl.related dd {/**/}
dl.related dd ul {/**/}
dl.related dd ul li {/**/}
dl.related dd ul li a {/**/}

/* 12. Menu
-----------------------*/
dl.menu {/**/}
dl.menu dt {/**/}
dl.menu dd {/**/}
dl.menu dd ul {/**/}
dl.menu dd ul li {/**/}
dl.menu dd ul li a {/**/}

/* 13. Promo
-----------------------*/
dl.promo {/**/}
dl.promo dt {/**/}
dl.promo dt a {/**/}
dl.promo dd {/**/}
dl.promo dd p {/**/}
dl.promo dd p a {/**/}
dl.promo dd ul {/**/}
dl.promo dd ul li {/**/}
dl.promo dd ul li a {/**/}

/* 14. Top
-----------------------*/
a.to-top {/**/}

/* 15. Skip to content
-----------------------*/
a.skip-to-content {/**/}

/* 16. Site Nav
-----------------------*/
div#site-nav {/**/}
div#site-nav-r1 {/**/}
div#site-nav-r1 ul {/**/}
div#site-nav-r1 ul li {/**/}
div#site-nav-r1 ul li a {/**/}
div#site-nav-r1 ul li a.home {/**/}
div#site-nav-r1 ul li a.about {/**/}
div#site-nav-r1 ul li a.contact {/**/}
div#site-nav-r2 {/**/}
div#site-nav-r2 ul {/**/}
div#site-nav-r2 ul li {/**/}
div#site-nav-r2 ul li a {/**/}
div#site-nav-r2 ul li a.sitemap {/**/}
div#site-nav-r2 ul li a.atoz {/**/}
div#site-nav-r2 form {/**/}
div#site-nav-r2 form fieldset {/**/}
div#site-nav-r2 form fieldset legend {/**/}

/* 17. Site Title
-----------------------*/
div#site-title {/**/}
div#site-title a {/**/}

/* 18. Customise
-----------------------*/
a#site-customise {/**/}

/* 19. Site footer
-----------------------*/
div#site-footer {/**/}
div#site-footer ul {/**/}
div#site-footer ul li {/**/}
div#site-footer ul li a {/**/}
div#site-footer ul li a.top {/**/}
div#site-footer ul li a.customise {/**/}
div#site-footer ul li a.print {/**/}
div#site-footer ul li a.feedback {/**/}
div#site-footer p {/**/}
div#site-footer p a {/**/}

/* 20. Boxes
-----------------------*/
dl.box {/**/}
dl.box dt {/**/}
dl.box dt a {/**/}
dl.box dd {/**/}
dl.box dd a {/**/}
dl.box dd p {/**/}
dl.box dd p a {/**/}
dl.box dd ul {/**/}
dl.box dd ul li {/**/}
dl.box dd ul li a {/**/}

/* Specific styling types.. */

dl.box2 {/**/}
dl.box3 {/**/}
dl.box4 {/**/}

/* STEVEN'S STYLES
------------------------------------------------------------------------ */

/* SITE SEARCH */

div#site-nav {
  background:#EFF2F5; 
  float:left; 
  clear:both; 
  width:100%; 
  margin:0; 
  padding:6px 0;
  border-top:1px solid #C3CDDA;
}

form#site-search {
  display:block; 
  float:right; 
  width:auto; 
  text-align:right; 
  padding: 0 1em 0 0; 
  margin:0; 
  vertical-align:middle;
}

form#site-search legend {
   display:none;   
}

div.site-nav-left {
   width:35%; 
   float:left;     
   padding: 0;
}

div.site-nav-right {
   width:64%; 
   float:right; 
   padding: 0;
}


div#site-nav ul {
   float:none; 
   margin:0 0 0 1em; 
   padding:0;
}


div#site-nav ul.sitemap-az  {
   float:right;
}

div#site-nav ul li a {
   background:url(icon-home.gif) 0 .3em no-repeat; 
   padding:3px 0 3px 22px; 
   display:block; 
   float:left; 
   margin:0 1em 0 0; 
   text-decoration:none; 
   color:#003399;
 }

div#site-nav ul li a.sitemap {
   background:url(icon-sitemap.gif) 0 .3em no-repeat;
 }

div#site-nav ul li a.a-z {
   background:url(icon-a-z.gif) 0 .3em no-repeat;
}

div#site-nav ul li a.search {
   background:url(icon-search.gif) 0 .3em no-repeat;
 }


/* FEEDBACK */

form#feedbackform fieldset {
   padding:0;
   margin:0;
   border:none;
}

form#feedbackform legend {
   padding:0;
   margin:0;
   text-indent:-5000px;
   display:none;
   overflow:hidden; 
}

form#feedbackform fieldset dt {
   margin:1em 0pt 0.5em;
}

form#feedbackform fieldset dd {
   margin:0;
   padding:0;
}

form#feedbackform fieldset dd {
   margin:0;
   padding:0;
}

form#feedbackform input:focus,
form#feedbackform textarea:focus {
   background-color:#FFFFCC;
}


/* TRANSCRIPT */

.hide {display:none;}

/* SKIPLINK */

/*
div#ou-topbars {
  margin-top:3em;
}

div#ou-lhs2 a#ou-skip5 {
  display:block;
  margin-top:0;
  color:#000;
  text-decoration:none;
  background-image:url(icon-arrow-down.gif);
  background-position:right 0.8em;
  background-repeat:no-repeat;  
  padding-right:20px;
}

*/


div#page {margin-top:1em;}





/* SURVEY */

div.survey {
  background-image:url(survey-pic.jpg);
  background-position:right bottom;
  background-repeat:no-repeat;
  border:2px solid #000000;
  display:block;
  margin:0 0 1.5em 0;
  padding-right:200px;
  /*padding:1em 200px 1em 1em;*/
  text-decoration:none; 
  clear:left; 
}



div.survey a {
  display:block;
  /*width:100%;*/
  padding:1em 0 1em 1em;
  background-color:none;
  text-decoration:none;
}


div.survey:hover {   
  border-color:#C10031;  
}


div.survey a:hover {   
  background-color:transparent;
}

div.survey:hover span.survey-title,
div.survey:hover span.survey-content {
  color:#C10031;
  
}


span.survey-title {
  color:black;
  display:block;
  font-family:Arial,Helvetica,sans-serif;
  font-size:1.8em;
  font-weight:bold;
  margin-bottom:0.5em;
}


span.survey-content { 
  color:#333333;
  display:block;
}


span.survey-target {
  color:#003399;
  text-decoration:underline;
}

/*a.survey:hover {
   border-color:#C10031;
}

a.survey:hover span.survey-title {
   color:#C10031;
}

a.survey:hover span.survey-target {
   color:#C10031;
}*/

div#region0 a, div#region1 a, div#region2 a {color:#003399;}

div#region2 div.action, div#region2 div.about, div#region2 div.info, div#region2 div.contact, div#region2 div.download, div#region2 div.warning, div#region2 div.news {padding-left:0; padding-right:3.8em; padding-top:0; padding-bottom:0; background-position:top right; border-top:none; border-bottom:1px solid #eee; margin:0 0 1em 0;}

div#region2 h2, div#region2 h3, div#region2 h4, div#region2 h5, div#region2 h6 {font-size:1em; font-weight:bold; }

div.print-preview {display:none;}

div#region1 {width:62.5%; border:1px solid #eee; padding:1em 1em 0 1em; background-color:#FAFAF6; background-image:url(region1-bg.jpg); background-position:top left; background-repeat:repeat-x;}



div.lead {padding:0;}


label {color:black;}

input.typehere {padding:0 0.5em; font-size:2em;}

a.to-top {background-color:white; background-position:left center; border-bottom:1px solid #eee;}

img.featurepic {border:5px solid white;}



/* PAGE NAV */

div.page-nav ul li a.home {
  border-top:1px solid #CDD4DF;
  font-size:1em;
  font-weight:bold; 
  margin:0;
  padding:0;
}

li.home {
  border-top:1px solid #CDD4DF;
  
}
 
div.page-nav ul li a.home {
  text-decoration:none;
  background:url(icon-arrow-up.gif) 5px center no-repeat;
  display:block;
  background-color:#EFF2F5;
  padding:0.5em 0.5em 0.5em 19px;
}
 

 
div.page-nav {
  margin-bottom:1em;
  border-bottom:1px solid #eee;
  padding-bottom:1em;
}

div.page-nav ul {margin:0; padding:0;}
 
div.page-nav ul ul {
  margin-left:1em;
}
 
div.page-nav ul li {
  list-style:none;
}
 
div.page-nav div.box-medical ul li a:hover {
  background-color:#B0DFFF;
}

div.page-nav div.box-all-students ul li a:hover {
  background-color:#CCE69A;  
}
 
div.page-nav div.box-medical ul li.current strong {
  background:#B0DFFF url(icon-arrow-orange-left.gif) .6em .8em no-repeat;
  font-weight:bold;
  padding:.4em 0 .4em 1.8em;
  display:block; 
}
 
div.page-nav div.box-all-students ul li.current strong {
  background:#CCE69A url(icon-arrow-orange-left.gif) .6em .8em no-repeat;
  font-weight:bold;
  padding:.4em 0 .4em 1.8em;
  display:block; 
}
 
div.page-nav ul li a {
  background:url(icon-arrow-right.gif) .6em .8em no-repeat;
  margin:0;
  padding:.4em 0 .4em 1.8em;
  display:block;
  text-decoration:none;
}

div.page-nav div.box-medical {
  /*margin-bottom:2em;	*/
} 


div.page-nav div.box-all-students {
  border:3px solid #CCE69A;
  margin-bottom:1em;
}

div.page-nav div.box-medical {
  border:3px solid #B0DFFF;
}  

div#region2 div.page-nav h2 {
  margin-bottom:0.3em;  
  font-size:1.2em;
}  




/* ZOOM SEARCH */

body.search div.result_block,
body.search div.result_altblock {
    border:1px dotted #EEE;
    padding:1em;
    margin-top:2em;
	background-color:#FFF;
}

body.search div.result_title a {
    font-size:1.2em;
}

body.search div.result_title a[href$=".php"],
body.search div.result_title a[href*="pdf"],
body.search div.result_title a[href="http://www.open.ac.uk/disability/"],
body.search div.result_title a[href$=".doc"],
body.search div.result_title a[href$=".rtf"]{
    background-position:left center;
    background-repeat:no-repeat;    
    padding-left:20px;
}


body.search div.result_title a[href$=".php"] {
    background-image:url("icon-page.gif");    
}

body.search div.result_title a[href$=".doc"],
body.search div.result_title a[href$=".rtf"] {
    background-image:url("icon-rtf.gif");    
}


body.search div.result_title a[href*="pdf"] {
    background-image:url("icon-pdf.gif");    
}


body.search div.result_title a[href="http://www.open.ac.uk/disability/"] {
    background-image:url("icon-home.gif");    
}


body.search div.description {
    margin:0.5em 0;
    padding-left:20px;
}

body.search div.infoline {
    font-size:0.9em;       
}

body.search div.context {
	line-height:180%;
	margin:1em 0;
}

body.search form.zoom_searchform {
    border:1px solid #EEE;	
    padding:2em 1em 0 1em;
    margin:1em 0;
    font-weight:bold;
    zoom:1;
	background-color:#FFF;
}

body.search input.zoom_searchbox {
	width:20em;
	margin:0 1em;	
}


body.search div.searchheading,
body.search div.summary,
body.search div.result_pagescount {    
    font-weight:bold;
	border-bottom:0;
	border-top:0;
	padding:0;
}

body.search span.zoom_results_per_page {
    border-top:1px dotted #EEE;
    display:block;
    margin-top:2em;
    padding-top:2em;
}

body.search span.zoom_results_per_page,
body.search span.zoom_match {    
    font-weight:normal;
}


body.search div.result_pagescount {
    padding-bottom:1em;
}

body.search div.result_pages  {
    margin-top:1em;
}

body.search div.result_pages a {
    padding:0 5px;
}

body.search span.highlight {	
	font-weight:bold;
}


body.pure div#region2 {
   display:none;
   width:1px;
   float:none;
}

/**:target {
  background:url(icon-arrow-orange-left-large.gif) no-repeat left #FFF;
  padding-left:20px;
  border:2px solid #F7F8FA;
  color:#C10031;  
}*/

div#site-footer p.footer-info2{
margin:1em 0;
}

div#ouskip {
text-align:left;
}

a#ou-skip5 {
display:inline;
color:#000099;
position:relative;
text-align:left;
left:0;
width:auto;
font-size:1em;
text-decoration:none;
top:0;
background:url(icon-arrow-down-16.gif) no-repeat scroll 0 0.3em;
padding:0.3em 0 0.3em 22px;
}




a#ou-skip5:hover {
color:#000;
background-color:transparent;
}

/* DASIY TEXT */

div.daisy-text {
background-color:white;
margin-top:-1em;
padding:0 1em 1em 1em;	
}

a#link-webchat {
background-color: #C10031;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
bottom: 0px;
color: white;
display: inline-block;
padding: 0.5em;
text-decoration: none;	
border:2px solid black;
font-weight:bold;
}


a#link-webchat span{
color: white;
background-image: url(arrow-in-circle-right.gif);
background-position: 100% 50%;
background-repeat: no-repeat;
padding: 0.5em 24px 0.5em 0.5em;
padding-right: 24px;
}

.webchat p.webchat-intro {
font-size:1.4em;
line-height:1.3em;
font-style:italic;
color:#000;
background:#FFF;
}

/* Flowplayer */
a.flowplayer {	
width:480px;
height:272px;
display:block;
border:10px solid #F7F8E9;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
margin-bottom:2em;
}


div.pdf-toc img {
float:right;	
}


/* Student tip */
div#region2 div.dss-tip-form h2 a {
text-decoration:none;
color:#C10031;
background:url(icon-about.gif) no-repeat center left;
padding-left:1.5em;
}

div.dss-tip-form form,
div.dss-tip-form fieldset {
padding:0;	
margin:0;
}

div.dss-tip-form ul{
list-style-type:none;	
}

div.dss-tip-form label  {
margin:1em 0;
display:block;
}

div.dss-tip-form ul {
padding:0;
margin:0;		
}

textarea#tip {
width:98%;		
}

div.dss-tip-form button  {
margin:1em 0 0 0;
}

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;    
    position: fixed;
    top: 17%;
    left: 50%;    
    margin-left: -300px;
    width: 600px;    
	background-color: #FFF;
	padding: 12px;
	border: 1px solid black;
	color: #333;    
}
.jqmClose{float:right;}
.jqmWindow p {clear:both;text-align:left;}
.jqmOverlay {background-color:#000;}
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* DSA quiz */
a#dsa-more-link {text-decoration:none; display:block; margin-bottom:1em;}
a#dsa-more-link:hover {background-color:transparent;}
div#dsa-links ul {list-style-type:none; }
div#dsa-links ul li {padding-left:22px; padding-bottom:0.3em;}
div#dsa-links ul li:last-child  {margin-bottom:0;}
div#dsa-links ul li a{text-decoration:none; font-size:1em;}
div#dsa-links ul li#pdf {background:url(icon-pdf.gif) no-repeat;}
div#dsa-links ul li#doc {background:url(icon-rtf.gif) no-repeat;}
div#dsa-links ul li#online {background:url(icon-page.gif) no-repeat;}
div#dsa-form {margin:1em 0; width:760px;}
div#dsa-form ul {list-style-type:none; margin-left:0;}
div#region1 a#dsa-more-link button.more, div#region1 div#dsa-paged button.submit, div#region1 div#dsa-paged a.submit, div#region1 div#dsa-paged a.previous, div#region1 a.edit {	
background-color: #EFF2F5;
border: 1px solid #C3CDDA;
border-radius: 5px 5px 5px 5px;
display: inline-block;
margin-right:1em;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#EFF2F5)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #ffffff, #EFF2F5); /* Chrome 10+, Saf5.1+ */
background-image:    -moz-linear-gradient(top, #ffffff, #EFF2F5); /* FF3.6 */
background-image:     -ms-linear-gradient(top, #ffffff, #EFF2F5); /* IE10 */
background-image:      -o-linear-gradient(top, #ffffff, #EFF2F5); /* Opera 11.10+ */
padding: 0.5em;text-decoration: none;font-family:Tahoma,"Lucida Grande",Arial,Helvetica,sans-serif;font-size:1em;color:#003399;cursor:pointer;}
div#region1 div#dsa-paged a.previous {background-color: #FFF; background-image:none; border:1px solid #CCE69A; color:black;}
div#region1 div#dsa-paged a.previous {padding:0.4em;}
div#region1 a#dsa-more-link button.more:hover, div#region1 div#dsa-paged button.submit:hover, div#region1 div#dsa-paged a.submit:hover, div#region1 div#dsa-paged a.previous:hover {border:1px solid black;}





div#dsa-paged {text-align: center; padding:1em 0;}
div#dsa-paged ul {margin:0; padding:0;}
div#dsa-paged li {list-style-type:none; margin:0; padding:0; display:inline;}
div#dsa-paged a.previous, div#dsa-paged a.first {padding-right:0.5em;}
a#dsa-more-link button.more {margin-left:0;}
button.more span {background-color: transparent;background-image: url("icon-info.gif");background-position: 0 center;
background-repeat: no-repeat;display: block;padding-left: 20px;}
a.edit span {background-color: transparent;background-image: url("icon-edit.gif");background-position: 0 center;
background-repeat: no-repeat;display: block;padding-left: 20px;}
div#dsa-more p{background-color:#FFF; padding:0.5em 1em; margin:1em 0;}
div#dsa-more p{background-color:rgba(255,255,255,0.8);}
table#dsa-answers {border:1px solid #EEE;}
table#dsa-answers tr:nth-child(odd) td {background-color:#FFFFE5;}
table#dsa-answers tr th {background-color:#EEE;}
body.dsa-questions-and-answers div.toc li {background-image:none; padding-left:0;}


/* div#region1 a.change{
display:block;
width:5em;
background-color: #EEEEEE;
background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);
border: medium none;
border-radius: 23px 23px 23px 23px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
color:#000;
font-weight: bold;
line-height: 1;
padding: 8px 1em;
text-decoration: none;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
text-align:center;
}*/
