@charset "utf-8";
/* CSS Document */

/* COLORS-------------------------------- */
/* Dark blue: 	#00426a					  */
/* Orange: 		#ca7025					  */
/* -------------------------------------- */


/* -------------------------GLOBAL SETTINGS-------------------------- */

/* * { margin:0; padding:0; }*/

body {
	font-family: Arial,"Lucida Sans Unicode",Sans-Serif;
	background-color:#9ea8ae;
	overflow-x: auto; overflow-y: scroll; */ /*was scroll, changed to none to make ie scroll region on top of plugins tag go away... but why? */
	/* unfortunately it makes all other browsers jiggle during reload as the browser discovers that it long enough to need a vertical scroll bar... argh */
}

img { border:none; }
/*table { border-collapse:collapse; }*/

p, li, th, td { font-family:Helvetica, sans-serif; } /* font-size:12px; color:#000; */
h1 p { font-family:"Lucida Sans Unicode",Arial, Helvetica, sans-serif; letter-spacing:-0.25px; }

.clear { clear:both; }
.floatleft { float:left; }
.floatright { float:right; }

.boldorange { font-weight:bold; color:#ca7025; }
.orangehead { font-size:16px; color:#ca7025; text-decoration:none; }
.tiny { font-size:11px; color:#00426a; }


/* ---------------PAGE STRUCTURE AND COMMON ELEMENTS----------------- */

/* Header----------------------------------------- */
#header {
	position:absolute;
	top:0%;
	left:50%;
	margin:0 0 0 -400px;
	height:108px;
	width:800px;
	background-color:#00426a;
	z-index:6;
	}
		#logo {
			float:left;
			margin:10px 0 0 14px;
		}
		#topnav {
			float:right;
			margin:30px 14px 0 0;
		}
		#search {
			display:block;
			float:left;
			width:400px;
			height:22px;
			margin:5px 0 0 27px;
		}
		#login {
			float:right;
			margin:15px 24px 0 0;
}

.pagetitle {
	font-size:22px;
	color: #e58535;
}

#wrapper {
	position:absolute;
	top:0%;
	left:50%;
	margin:0 0 0 -410px;
	width:820px;
	background-image:url(../images/new/shadowbkgn.png);
	background-repeat:repeat-y;
}  

#container {		/* Keep content and footer moving together */
	position:relative;
	top:0%;
	left:50%;
	margin:108px 0 0 -400px;
	width:800px;
}   

/* Page content divs */

#content {   		/* White page content container */
	font-size:12px; color:#000;
	position:relative;
	width:800px;
	min-height:200px;
	padding-bottom:5px;
	background-color:#fff;
	}
	#content h2 {font-size:16px; color:#00426a;}
	#quicklinks {
		float:left;
		margin:0 0 0 27px;
		padding:7px 0 0;
		width:550px; /* bob was 450 */
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#00426a;
	}
	#quicklinksGeneral {
		float:left;
		width:450px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#00426a;
	}
		#quicklinks a:link { color:#00426a; }
		#quicklinks a:visited { color:#00426a; }
		#quicklinks a:hover { color:#999; }
		#quicklinks a:active { color:#00426a; }

	.video #chat { margin-top:-8px; }

	.video #description { padding-top:2px; }

	#addthis { 
		float:left;
		width:450px;
		margin:20px 0 0 26px;
	}
	
	#blog {
		float:right;
		margin:0 50px 0 0;
		padding:8px 0 0;
		width:200px;
	}
		#blog a:link { color:#00426a; text-decoration:none; }
		#blog a:visited { color:#00426a; text-decoration:none; }
		#blog a:hover { color:#00426a; text-decoration:none; }
		#blog a:active { color:#00426a; text-decoration:none; }
		#blog p { font-size:10px; }
		#blog h2 a { font-family: "Lucida Sans Unicode",Arial,Helvetica,Sans-Serif; font-size:17px; }

	.consulting #blog { margin:0 20px 0 0; padding:20px 0 0; width:275px; }

	#featuredevents {
		display:block;
		width:768px;
		margin:0 0 0 16px;
		padding:16px 0 12px 0;
		line-height:1.4em;
		font-size:11px;
	}

	#promo {
		display:block;
		width:400px;
		margin:0 0 0 50px;
		padding:8px 0 0;
		line-height:1.4em;
	}
	.video #promo { width:550px; padding-top:12px; }
	.bestofplsql #promo { width:700px; padding-top:12px; line-height:1.4em; }
	.bestofplsql #promo a { color:#00426a; }

	#tabwrapper {
		position:relative;
		display:block;
		margin:18px 0 0 50px;
		width:700px;
}

/* Recurring Classes (bob) --------------------------------------------------- */

* a:link, a:visited, a:hover {color:#000;}

.largetitle           {font-size: 23px; color:#CA7025; margin-bottom: 10px; margin-top:10px}
.title                {font-size: 20px; color:#CA7025; margin-bottom: 10px; margin-top:10px; font-family: "Lucida Sans Unicode",Arial,Sans-Serif;}
.subtitles            {font-size: 18px; color:#00426a; padding: 10px 0 3px 0;}
.subWords             {padding-right: 20px}
	.subwords a:link    { color:#00426a; }
	.subwords a:visited { color:#00426a; }
	.subwords a:hover   { color:#999; }
	.subwords a:active  { color:#00426a; }
.courseTable-header     td {font-size:13px; color:#fff; font-weight:normal}
.courseTable-curriculum-header td {font-size:13px; color:#CA7025; background-color:#eee; padding: 4px 6px 6px 6px}

div.rounded-ui-widget         {-webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-rdius: 4px; border-radius: 4px;
                                 margin:3px; font-size:14px}

div.button-ui-widget          {-webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-rdius: 10px; border-radius: 10px;
                                 margin:3px; font-size:14px;}

.sidebar {color:#fff; background-color: #0055a5; padding: 10px}
	.sidebar p {height:10px; white-space: nowrap;}
	.sidebar a:link, .sidebar a:visited, .sidebar a:hover {color:#fff;}

																 
/* Footer divs --------------------------------------------------------------- */
#footer {
	position:relative;
	margin:0;
	padding:10px 0 0;
	width:800px;
	height:50px;
	background-color:#00426a;
	}
	#bottomnav {
		float:left;
		margin:2px 0 0 50px;
	}
	#footer ul {
	list-style-type:none;
	list-style-image:none;
	}
	#footer li {
		display:inline;
	}
	#bottomnav li {
		margin:0 28px 0 0;
}
	#sitemap {
		float:right;
		margin:2px 57px 0 0;
}

/* Bottom shadow */
#bottom {
	width:820px;
	height:20px;
	display:block;
	margin:0;
	padding:0;
}

#bottom img {
	display:block;
	margin:0;
	padding:0;
}

/* --------------Typography------------- */

#search { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; }
select, input { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#login { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; }
#bottomnav { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; }
#sitemap { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#fff; }
#phone { font-family:Arial, Helvetica, sans-serif; font-size:15px; }


/* ----------------Links----------------- */

/* White header and footer links */
#login a:link { color:#fff; text-decoration:none; }
#login a:visited { color:#fff; text-decoration:none; }
#login a:hover { color:#ccc; text-decoration:none; }
#login a:active { color:#fff; text-decoration:none; }

#footer a:link { color:#fff; text-decoration:none; }
#footer a:visited { color:#fff; text-decoration:none; }
#footer a:hover { color:#ccc; text-decoration:none; }
#footer a:active { color:#fff; text-decoration:none; }

.main #course-content p a { color:#000; text-decoration:underline; }

/* Small informational links */
.tip { display:inline-block; padding-left:5px; } 
.tip a:link { font-size:10px; color:#00426a; text-decoration:none; cursor:help; }
.tip a:visited { font-size:10px; color:#999; text-decoration:none; cursor:help; }
.tip a:hover { font-size:10px; color:blue; text-decoration:none; cursor:help; }
.tip a:active { font-size:10px; color:#999; text-decoration:none; cursor:help; }

/* -----------Main (Top) Nav-------------- */

#nav * {
	font-family: arial, helvetica, serif;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin:1px 0 0;
	list-style: none;
	line-height: 1;
}

#nav li#first { width: auto/*80px*/; height:26px; border:none; }
#nav li#first a.first { width:auto/*70px*/; padding:6px 8px/*10px need more room for OS - bob 01/2012 */; margin-right:2px; font-size:14px; color:#fff; border:1px solid #ccc; background-image:url(/navigation/main/header1.gif); background-repeat:repeat-x; }
#nav li#first a.first:hover { width:auto/*70px*/; padding:6px 8px/*10px need more room for OS - bob 01/2012 */; margin-right:2px; font-size:14px; background-image:url(/navigation/main/header_over1.gif); background-repeat:repeat-x; } 

#nav li#first a.orange { 
	width:auto/*70px*/; white-space:nowrap; padding:6px 8px/*10px need more room for OS - bob 01/2012 */; margin-right:2px; font-size:14px; color:#fff; font-weight: normal; border:1px solid #ccc;
	background: #CC7832/*{bgColorHeader}*/ url(/jquery/themes/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/}
#nav li#first a.orange:hover { background-position: 50% 75%}

#nav a, #nav li a, #nav li ul li a {
	font-size:11px;
	display: block;
	width: 126px;
	text-decoration:none;
}
#nav li ul li a { padding:4px 0 4px 4px; }

#nav li { /* all list items */
	float: left;
	width: 130px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #fff;
	width: 132px;
	margin-top:0;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul li { border-right:1px solid #999; border-bottom:1px solid #999; border-left:1px solid #999; margin-right:0; }
#nav li ul li:first-child, #nav li ul ul li:first-child { border:1px solid #999; margin-right:0; }
#nav li ul li a { color:#000; }
#nav li ul li a:hover { background-color:#d2e2eb; }

#nav li ul ul { /* third-and-above-level lists */
	margin: -20px 0 0 130px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


/* ---------------Search------------------ */

#search form {
	border:none;
	font-family:Tahoma, Arial, sans-serif;
	font-size:14px;
	}
	#search fieldset {
		border:none;
		}
		table.searchform { 
			display:block;
			width:333px;
			height:22px;
		}
		.searchform td { height:22px; text-align:left; vertical-align:middle; margin:0; padding:0 4px 0 0; }
		td#label { width:50px; }
		td#label p {
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#fff;
			margin:0;
			padding:0;
		}
		.searchform select,
		.searchform input.searchtext {
			border:1px solid #dcf1fc;
		}
		#searchselect {
			width:101px;
		}
		.searchform select {
			width:95px;
		}
		#searchinput {
			width:211px;
		}
		.searchform input.searchtext {
			padding:1px 0;
			width:205px;
		}
		#findit { 
			width:60px;
			padding-top:2px;
		}
		.searchbttn { 
			margin:0;
			padding:0;
}

/* Tables - eg Course Lists, Webinars, Downloads */

.calendarTable    {margin-left:3px}

.calendarHeader              {font-size:11px;}
.calendarHeader th div       {font-size:13px; color:#fff; white-space: nowrap}
.calendarHeader th div.left  {margin: 3px 0px 3px 0px; padding:6px 5px; border-right: 0px; <!--- -webkit-border-radius: 4px;  -moz-border-radius-topleft : 4px; -moz-border-radius-bottomleft : 4px; --->}
.calendarHeader th div.mid   {margin: 0px 0px 0px 0px; padding:6px    ; border-right: 0px; border-left: 0px; }
.calendarHeader th div.right {margin: 3px 2px 3px 0px; padding:6px    ; border-left : 0px; <!--- -webkit-border-radius: 4px;  -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; --->}

.calendarTable tr {background-color:#fff}
.calendarTable td {color:#000; padding: 3px 5px; font-size:12px;}
.lefty  {border-top: #ccc 1px solid; }
.middy  {border-top: #ccc 1px solid; border-left:#ccc 1px solid;}
.righty {border-top: #ccc 1px solid; border-left:#ccc 1px solid;}