/* 
$desc: Style sheet for Computing website on Oracle CMS (post December 2007 style change);
$date: 20071913-leafpage; $author: jb;
*/

/*
$comment: Style overrides;
*/

/*
$comment: Correction for rubbish nav icon alignment;
*/
div.expandable table td img {
	padding-top: 0.5em;
}

#sub-content h1 {
	text-transform: uppercase;
}

#sub-content h2 {
	font-size: 1.1em;
	text-transform: uppercase;
	border: solid 1px white;
}


/*
$comment: style affecting remainder of computing site;
*/

#content {
	padding-left: 1em;
	width: 95%;
	padding-right: 1em;
	vertical-align: top;
	overflow: hidden;
}

/* 
$comment: Please don't comment content styles out randomly
It needs to be done properly - to the several style sheets that run on the site
Have fixed it as of 1/11/08 (jb)
*/

/*Commented out after complaints from College 20/11/08 (rsi)*/
/*div#content p {
    font-family: Verdana, Helvetica, sans-serif;
    text-align: left;
    line-height: 135%;
    padding-bottom: 0em;
    margin-top: 0em;
    margin-bottom: 0.6em;*/
}

div#content h1 {
    text-transform: normal;/* Changed from uppercase */
    text-align: left;
    font-size: 1.8em;/* Changed from 1.5*/
    /*font-family: Verdana, Helvetica, sans-serif;*/
    margin-top: 1.3em;
    margin-bottom: 3.3em;
}

div#content h2 {
    text-transform: normal;/* Changed from uppercase */
    font-size: 1.6em;/* Changed from 1.2 */
    /*font-family: Verdana, Helvetica, sans-serif;*/
    margin-top: 2.8em;
    padding-bottom: 0.3em;/* Changed from 0.2 */
    margin-bottom: 1em;
}

div#content h3 {
    text-transform: uppercase;
    font-size: 1.2em;/* Changed from 1.0 */
    /*font-family: Verdana, Helvetica, sans-serif;*/
    color: black;
    padding-top: 0.3em;
    margin-bottom: 0.2em;
}

div#content ul {
    text-align: justify;
    list-style-type: none;
    list-style-position: outside;
}

div#content ol {
    text-align: justify;
    list-style-type: lower-roman;
    list-style-position: outside;
}

div#content ul, div#content ol {
    margin-top: 1.3em;
    margin-bottom: 1.8em;
}

div#content ul li, div#content ol li {
    margin-bottom: 0.9em;
}

div#content table {
    border-width: 1px;
    border-style: dotted;
    margin-top: 1em;
    margin-bottom: 1em;
}

div#content table th, div#content table td  {
    text-align: left;
    vertical-align: top;
    padding-right: 0.5em;
}

div#content img.story {
   float: right;
   border: black solid;
   border-width: 1px;
   margin-left: 0.8em;
   margin-bottom: 0.8em;
}


div#content img.storyleft {
   float: left;
   border: black solid;
   border-width: 1px;
   margin-left: 0.8em;
   margin-bottom: 0.8em;
}

div#content img.storyinline {
   float: none;
   border: black solid;
   border-width: 1px;
   margin-top: 0.8em;
   margin-bottom: 0.8em;
}

div#content img.storynb {
   float: right;
   border: none;
   margin-left: 0.8em;
   margin-bottom: 0.8em;
}

div#content img.storynbleft {
   float: left;
   border: none;
   margin-left: 0.8em;
   margin-bottom: 0.8em;
}

div#content table.courses {
   margin-top: 0.2em;
   margin-bottom: 2em;
   border-color: white;
   width: 100%;
   border-width: 2px;
   border-left: 0px;
}

div#content table.courses th {
   text-transform: uppercase;
   font-weight: bold;	
   padding: 0.5em;
   height: 2em;
   background-color: #cce9e3;
}

/* Different column width classes */
div#content table.courses th.col10, div#content table.courses td.col10 { width: 10%; }
div#content table.courses th.col15, div#content table.courses td.col15 { width: 15%; }
div#content table.courses th.col20, div#content table.courses td.col20 { width: 20%; }
div#content table.courses th.col25, div#content table.courses td.col25 { width: 25%; }
div#content table.courses th.col30, div#content table.courses td.col30 { width: 30%; }
div#content table.courses th.col33, div#content table.courses td.col33 { width: 33%; }
div#content table.courses th.col40, div#content table.courses td.col40 { width: 40%; }
div#content table.courses th.col50, div#content table.courses td.col50 { width: 50%; }
div#content table.courses th.col60, div#content table.courses td.col60 { width: 60%; }
div#content table.courses th.col70, div#content table.courses td.col70 { width: 70%; }

div#content table.courses td {
   padding: 0.5em;
   height: 2em;
   background-color: #f5f5f5;
}

div#content table.courses td ul {
   list-style-image: none;
   list-style-type: none;
   list-style-position: outside;
   font-size: 0.8em;
   text-align: left;
   padding-left: 0.1em;
   margin-left: 0.1em;
}

div#content table.courses td ul li {
// None required yet
}

div#content table.courses td p {
	color: #000066;
}

div#content table.courses td ul.comment {
	color: #000066;
}

div#content table.courses td ul.comment li {
	margin-bottom: 0.3em;
}

div#content table.courses td span.req {
	color: #000066;
}

div#content table.courses img.arrow {
	border: 0px;
	margin: 0.2em;
	vertical-align: middle; 
}