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

/*
$comment: Style overrides;
*/

div.expandable {
	border: 1px dotted black;
	background-color: white;
	width: 83%;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	padding-left: 0.8em;
	margin-left: 1em;
}

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

#section-nav {
	border: none;
	width: 95%;
	background-color: transparent;
	padding-bottom: 0em;
	padding-top: 0em;
	margin-left: 0em;
	padding-left: 0.6em;
}

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

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

/*
$comment: Style affecting doc front page;
*/

div.docfp {
	float: none;
	border: none;
	width: 56.15em;
	overflow: hidden;
//	width: 562px;
}

div.docfp p {
	text-align: justify;
	line-height: 120%;
	width: 100%;
}

#docfpmainimage {
	border: solid;	
	border-width: 1px;	
	width: 560px; 
	height: 348px;
	overflow: hidden;
}

#docfpmainimage:hover {
	border-color: black;	
}

#docfpimgcaption {
	text-decoration: none;
}

a#docfpimgcaption:hover {
	text-decoration: underline;
}

#docimagetext{
        padding-top: 245px;
        padding-left: 375px;
//      margin-bottom: -10px;
//      width: 575px;
//      height: 357px;
//	border: none;
//	border-width: thick;
//	vertical-align: bottom;
//      position: relative;
//	bottom: 0px;
//	right: 0em;
        font-family: helvetica;
	font-weight: bold;
        font-size: 64pt;
        color: white;
	opacity: 0;
	KhtmlOpacity: 0;
        -moz-opacity:0;
        filter: alpha(opacity=0);
}

div.docfpcaption  {
	font-size: 0.9em;
	margin-top: 0.2em;
	margin-bottom: 2em;
	text-transform: uppercase;
}

div.docfp h1 {
	font-size: 1.5em;
	font-weight: normal;
	text-transform: uppercase;
}

div.docfp h2 {
	font-size: 1.2em;
	text-transform: uppercase;
}

div.docfp h3 {
	font-size: 1em;
	text-transform: uppercase;
}


/*
$comment: news sidebar;
*/

div.docnews {
	text-align: left;
	margin-left: 1em;
	vertical-align: top;
	border: 1px dotted black;
	background-color: white;
	width: 87%;
	padding-top: 1.5em;
}

div.docnews h1 {
	font-size: 1.0em;
	text-transform: none;
	font-variant: small-caps;
}

div.docnews ul {
	width: 90%;
	list-style-position: none;
}

div.docnews li {
	padding-bottom: 0.5em;
	font-size: 1em;
	font-variant: none;
}

div.docnews a {
	text-decoration: none;
}

div.docnews a:hover {
	text-decoration: underline;
}

#docdiary {
	width: 32%;
	height: 200px;
	float: left;
}

#doccalendar {
	height: 200px;
	float: right;
	vertical-align: top;
	text-align: left;
}

#doccontact {
	clear: both;
	margin-bottom: 2em;
	width: 100%;
}


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

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

div#content p {
    font-family: Verdana, Helvetica, sans-serif;
    text-align: justify;
    line-height: 120%;
    padding-bottom: 0em;
    margin-top: 0em;
    margin-bottom: 0.6em;
}

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

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

div#content h3 {
    text-transform: uppercase;
    font-size: 1.0em;
    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 {
/*dwm    margin-top: 1.3em;
    margin-bottom: 1.8em; */
}

div#content ul li, div#content ol li {
    font-family: Verdana, Helvetica, sans-serif;
/*dwm    margin-bottom: 0.9em; */
}

div#content li p {
    font-family: Verdana, Helvetica, sans-serif;
    line-height: 1.5em;
}

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: #993300;
}

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

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

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

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