/* 
SAP Experts - Online-Webinar sites - Master Style 
Contents: Navigation, Formating, Links, etc.
Created: 01.05.09
Creator: Chase Barrett

Edited: 01.07.09 - By: Chase Barrett
*/

/* Body + General */
html {background:#FFFFFF;}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form { border:0 none; line-height:1.4em; margin:0; padding:0; text-align:left; font-family:Arial,geneva,helvetica,sans-serif; font-size:12px; color:#1D1D1D;}
hr {background-color:#C5C5C5; border-style:none; height:1px; margin:0.6em 0;}
a { cursor: pointer; outline: none !important;}
img {border:0;}

/* Wrapper */
#wrapper { width:980px; min-width:980px; margin:0 auto; text-align:left; padding-top:10px;}

/* Header */
#header { height:120px; background: transparent url("../images/SAP_Experts_Webinars.gif") no-repeat scroll left top;}
#header h1 { color:#000033; font-size:150%; display:block; float:left; background:none; }
#header h1 a { display:block; text-decoration:none; text-indent:-3000px; width:300px; height:120px;}

/* Content */
#content { position:relative; margin-bottom:10px;}

/* Left Column */
#leftCol { width:190px; float:left; margin-right:20px;}

/* Navigation */
#navigation { width:190px;}
#navigationInner {}
#navigationInner ul { margin:0; padding:0; border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
#navigationInner li { list-style:none; background:#878787; padding:4px 0 4px 10px; border-bottom:1px solid #CCCCCC;}
#navigationInner li.home { list-style:none; background:#003366; padding:4px 0 4px 10px; border-bottom:1px solid #CCCCCC;}
#navigationInner li a:link,
#navigationInner li a:visited { font-size:90%; text-decoration:none; color:#FFFFFF; font-weight:bold;}
#navigationInner li a:hover { text-decoration:underline; color:#EFAB00; }

/* Left Column */
#centerCol { width:560px; float:left; margin-bottom:10px;}
#centerCol h1 { font-size:150%; margin:0 0 15px 0; color:#003366; }
#centerCol h2 { background:#808285; color:#FFFFFF; font-size:120%; font-weight:900; letter-spacing:0; line-height:90%; margin:15px 0; padding:5px; text-transform:uppercase; }
#centerCol #webinarDetails p.about strong { font-size:90%; }
#centerCol #webinarDetails p.hostInfo { font-style:italic; color:#333333; font-size:85%; margin:5px 0; width:200px; }
#centerCol p { margin:10px 0; }
#centerCol ul { margin-left:30px;}
#centerCol li { padding:4px 0; list-style:disc;}
#webinarDetails { }
#centerCol a img { margin:5px 0; }

/* Right Column */
#rightCol { float:right; width:190px;}

/* Upcoming Webinars - Content Boxes */
.upComingWebinars { border-bottom:1px solid #777777; width:560px; margin-bottom:15px; }
.upComingWebinars-inner { padding:10px;}

.onDemandWebinars { border-bottom:1px solid #777777; width:560px; margin-bottom:15px; }
.onDemandWebinars-inner { padding:0 0 10px 0;}

/* Left Column */
.ucwLeftColumn { float:left; width:100px; margin-right:10px;}
.ucwLeftColumn img {}
.ucwLeftColumn img.plus { margin-top:5px;}
.ucwLeftColumn .aboutEvent {}
.ucwLeftColumn .aboutEvent-inner { }
.ucwLeftColumn .aboutEvent-inner p { color:#999999; font-size:80%;}
.ucwLeftColumn .aboutEvent-inner p .limitedTime { color:#777777; font-size:80%; text-transform:uppercase; font-weight:900;}

/* Right Column */
.ucwRightColumn { float:left; width:420px; margin-bottom:10px;}
.ucwRightColumn h3 a:link,
.ucwRightColumn h3 a:visited { text-decoration:none; color:#003366; font-size:120%; margin:0;}
.ucwRightColumn h3 a:active,
.ucwRightColumn h3 a:hover { text-decoration:underline;}
.ucwRightColumn ul { margin-top:10px; }
.ucwRightColumn li { }
.ucwRightColumn .upcomingEvent { margin-top:-7px;}
.ucwRightColumn .upcomingEvent-inner {}
.ucwRightColumn .upcomingEvent-inner p { color:#999999; font-size:80%; font-weight:900;}
.ucwRightColumn .upcomingEvent-inner p .limitedTime { color:#777777; font-size:80%; text-transform:uppercase; font-weight:900;}
.ucwRightColumn .register { padding:10px 0; float:right;}
.ucwRightColumn .register img {  }


/* List Boxes */
/* Featured Webinar */ 
#featuredWebinar { margin-bottom:5px;}
.featuredBox {background:#A5C1AF none repeat scroll 0 0; width:190px; margin:0 auto;}
.featuredBox h4 { display:block; background:#74877B; font-size:90%; padding:5px 0 5px 10px; color:#FFFFFF; line-height:1.3em;}
.featuredContentBox { padding:15px;}
.featuredContentBox ul {}
.featuredContentBox li { background:none repeat scroll 0 0;}
.featuredContentBox li a:link, 
.featuredContentBox li a:visited { padding:3px 0 3px 20px; background:url(../images/catagory_arrows_drk_ylw.gif) no-repeat 5px 50%; display:block; text-decoration:none; color:#333333; font-weight:bold; font-size:11px;}
.featuredContentBox li a:hover { text-decoration:underline;}

/* Upcoming Webinar */ 
#upcomingWebinar { margin-bottom:5px;}
.upcomingBox { background: #FFF8E3 url(../images/elements/upcoming/upperContent.gif) top left repeat-x; width:190px; margin:0 auto;}
.upcomingBox h4 { background: #E5DFCC; display:block; font-size:90%; padding:5px 0 5px 10px; color:#3D3D3D; line-height:1.3em;}
.upcomingContentBox { padding:15px;}
.upcomingContentBox ul {}
.upcomingContentBox li { background:transparent none repeat scroll 0 0; border-bottom:1px solid #BFBBB0; padding-bottom:4px; padding-top:4px;}
.upcomingContentBox li a:link, 
.upcomingContentBox li a:visited { padding:3px 0 3px 20px; background:url(../images/catagory_arrows_drk_blue.gif) no-repeat 5px 50%; display:block; text-decoration:none; color:#333333; font-weight:bold; font-size:11px;}
.upcomingContentBox li a:hover { color:#8f8f8f;}

/* On-Demand Webinars */ 
#onDemandWebinars { margin-bottom:5px;}
.onDemandBox {background:#E3E9EC; none repeat scroll 0 0; width:190px; margin:0 auto;}
.onDemandBox h4 { display:block; background:#BECBD3; font-size:90%; padding:5px 0 5px 10px; color:#003366; line-height:1.3em;}
.onDemandContentBox { padding:15px;}
.onDemandContentBox ul {}
.onDemandContentBox li { background:none repeat scroll 0 0; padding-bottom:3px; border-bottom:1px solid #BECBD3; }
.onDemandContentBox li.SpecialHeaderList { background:#BECBD3; font-size:85%; font-weight:bold; text-align:center; padding:4px 0; color:#003366; text-align:center; line-height:1.1em;}
.onDemandContentBox li a:link, 
.onDemandContentBox li a:visited { padding:3px 0 3px 20px; background:url(../images/catagory_arrows_drk_blue.gif) no-repeat 5px 50%; display:block; text-decoration:none; color:#333333; font-weight:bold; font-size:11px;}
.onDemandContentBox li a:hover { text-decoration:underline;}

/* Two Column List */
#twoColumn { width:550px; margin:0 auto;}
#twoColumn ul { margin: 0 0 0 20px;}
#twoColumn li { list-style:none; padding:1px 0;}
#twoColumn .tcLeftCol { float:left; width:275px;}
#twoColumn .tcRightCol { float:right; width:275px;}

/* Three Column List */
#threeColumn { width:550px; margin:0 auto;}
#threeColumn ul { margin: 0 0 0 20px;}
#threeColumn li { list-style:none; padding:1px 0;}
#threeColumn .thrcLeftCol { float:left; width:180px;}
#threeColumn .thrcCenterCol { float:left; width:180px;}
#threeColumn .thrcRightCol { float:right; width:180px;}

/* List */
ol li { list-style-image:none; list-style-position:inside; list-style-type:decimal;}
ul li { list-style-image:none; list-style-position:outside; list-style-type:none;}

/* Speaker Bio */
.speakerBio { clear:both; margin-bottom:10px; border-bottom:1px solid #E5E5E5;}
.speakerBio p { }
.speakerBio a:link,
.speakerBio a:visited { text-decoration:none; color:#003366;}
.speakerBio a:hover { text-decoration:underline;}

.speakerBio img { float:left; margin:3px 5px 5px 0;}

/* Footer */
#footer { clear:both; margin:30px 0 20px 0; border-top:1px solid #E5E5E5;}
#footerInner { margin-top:20px }
#footerInner p { text-align:center; font-size:75%; color:#1D1D1D;}
#footerInner a:link,
#footerInner a:visited { text-decoration:none; color:#003366; }
#footerInner a:hover { text-decoration:underline;}

/* Toolbox */
.clear {clear:both;}
.clearRight {clear:right;}
.fauxAds {width:180px; height:300px; background:#E5E5E5; margin:0 auto;} 

.special-event { background:#FFF8E3;}


/* SPECIAL DEAL */

.special-alert-wrapper {
	background:#E3E9EC; /* #CBCBCB */
	margin:0 0 20px 0;
	padding:5px 0;
	}
	
.special-alert-wrapper-inner {
	width:440px;
	margin:0 auto;
	}
	
.special-alert-wrapper-inner p {
	-x-system-font:none;
	color:#111111;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	line-height:normal;
	}
	
.special-alert-wrapper-inner p a {
	color:#003366;
	text-decoration: underline;
	}
	
	

.tl-special { background:url(../images/special/tl-grey.png) top left no-repeat; width:10px; height:10px; top:0; left:0; position:absolute;}
.tr-special { background:url(../images/special/tr-grey.png) top right no-repeat; width:10px; height:10px; top:0; right:0; position:absolute;}
.bl-special { background:url(../images/special/bl-grey.png) bottom left no-repeat; width:10px; height:10px; bottom:0; left:0; position:absolute;}
.br-special { background:url(../images/special/br-grey.png) bottom right no-repeat; width:10px; height:10px; bottom:0; right:0; position:absolute;}

/* GREY BOX */

.special-event-pagedec {
	background:#E3E9EC;
	padding:5px 0;
	margin:0 0 10px 0;
} 

.special-event-pagedec p {
	font-family:Arial, Helvetica, sans-serif;
	color:#111111;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}