/*
CKSE-2012 Skin
global styles 

Karl Glasgow
kglasgow@creativecraftsgroup.com
2012/10
*/

body {
	margin: 0px;
	background: #FFFFFF url(images/bkgrd_Site_20w700h.jpg) repeat-x top fixed;
	padding: 0px 0px 30px 0px;
	color: #808080;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#Page { margin: 0px auto; width: 1000px; }
#Header { }
#Header.CKC { background: url(images/bkgrd_CKC_header_1000w111h.jpg) no-repeat top left; }
#Header.CKC #SiteLogo { display: inline-block; width: 600px; height: 111px; margin: 0px 0px 10px 0px; border: none; }
#Header.CKC #SiteLogo img { display: block; width: 600px; height: 111px; margin: 0px; border: none; }
#SiteLogo { }
#SiteLogo img { display: block; float: left; margin: 10px; border: none; }
#MenuContainer { position: relative; clear: both; width: 1000px; height: 54px; z-index: 5; }
#Main { }
#Footer { padding: 5px 10px; text-align: right; color: #333333; }
#dnn_BannerPane { margin: 10px 0px; }
#BreadCrumbContainer { }

ul#SiteLinks { list-style: none; float: right; margin: 15px 10px 0px 0px; padding: 0px; overflow: hidden; }
ul#SiteLinks li { display: block; margin: 0px; padding: 0px; text-align: right; }
ul#SiteLinks li a { line-height: 1.5em; }
#UserSession { clear: right; float: right; margin: 0px 4px 0px 0px; }
#UserSession a { font-size: 12px; line-height: 1.5em; }

#ShoppingCartLink { display: block; float: right; overflow: hidden; }
#ShoppingCartLink img { display: block; float: left; margin: 1px 2px 0px 0px; border: none; outline: none; }

#ColumnContainer { width: 100%; overflow: hidden; }
.LeftColumn { margin: 0px 5px 0px 0px; vertical-align: top; overflow: hidden; }
.CenterColumn { margin: 0px 5px; vertical-align: top; overflow: hidden; }
.MainColumn { margin: 0px 5px; vertical-align: top; overflow: hidden; }
.RightColumn { margin: 0px 0px 0px 5px; vertical-align: top; overflow: hidden; }

.AdminControls { overflow: hidden; }
.AdminLeft { display: block; float: left; }
.AdminRight { display: block; float: right; }

h1, .PageHead { display: inline-block; margin: 0px 0px 15px 0px; color: #333333; font-family: 'Arial Black', Gadget, sans-serif; font-size: 22px; }
h2, .Headline1 { display: inline-block; margin: 0px 0px 15px 0px; color: #666666; font-family: 'Arial Black', Gadget, sans-serif; font-size: 18px; }
h3, .Subhead1 { display: inline-block; margin: 0px 0px 10px 0px; color: #808080; font-family: 'Arial Black', Gadget, sans-serif; font-size: 16px; }

.No-Border { border: none; margin: 5px; background: #FFFFFF; padding: 10px; }
.Rounded { border-radius: 15px; margin: 5px; background: #FFFFFF; padding: 10px; overflow: hidden; }
.RoundedMenu { border-radius: 15px; margin: 5px; background: #FFFFFF; padding: 10px; }
.Shadowed {
	-moz-box-shadow: 3px 3px 4px #999999;
	-webkit-box-shadow: 3px 3px 4px #999999;
	box-shadow: 3px 3px 4px #999999;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
}
.Skinny { padding: 0px !important; }

.Normal, .NormalDisabled { color: #606060; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.4em;}

/*
DNN Menu (sidebar menu) */
#EventMenuHeading .mi a span, 
#EventMenuHeading .mi span,
#EventMenuHeading a { color: #333333; font-size: 18px; line-height: 1.5em; font-weight: 700; white-space: nowrap; }
#EventMenuHeading .hov span, 
#EventMenuHeading a:hover { color: #333333; font-weight: 700; }
#EventMenuHeading { margin-bottom: 10px; border-bottom: solid 1px #666666; padding-bottom: 10px; }
#EventMenu .mi a { text-decoration: none; }
#EventMenu .mi a span, 
#EventMenu .mi span { color: #666666; font-size: 14px; line-height: 1.75em; font-weight: 600; white-space: nowrap; }
#EventMenu .hov span { color: #333333; font-weight: 700; }

#EventMenu a { color: #666666; font-size: 14px; line-height: 1.75em; font-weight: 600; white-space: nowrap; text-decoration: none; }
#EventMenu a:hover { color: #333333; font-weight: 700; }

#AdditionalEventOptions { margin: 10px 0px 10px 0px; border-top: dotted 1px #666666; padding-top: 10px; }
#AdditionalEventOptions a { color: #666666; font-size: 14px; line-height: 1.75em; font-weight: 600; white-space: nowrap; text-decoration: none; }
#AdditionalEventOptions a:hover { color: #333333; font-weight: 700; }

/*
Login screen (start) */
.Login_Button { display: inline-block; border: solid 2px #CCCCCC; border-radius: 5px; margin: 0px; background: #009443; padding: 3px 6px; color: #EEEEEE !important; font-size: 14px; font-weight: 600; text-decoration: none; }
.Login_Button:hover { border: solid 2px #999999; color: #FFFFFF !important; text-decoration: none; }
.Forgot_Button { display: inline-block; border: solid 2px #CCCCCC; border-radius: 5px; margin: 0px; background: #F68C58; padding: 3px 6px; color: #EEEEEE !important; font-size: 14px; font-weight: 600; text-decoration: none; }
.Forgot_Button:hover { border: solid 2px #999999; color: #FFFFFF !important; text-decoration: none; }
.Register_Button { display: inline-block; border: solid 2px #CCCCCC; border-radius: 5px; margin: 0px; background: #27B3C2; padding: 3px 6px; color: #EEEEEE !important; font-size: 14px; font-weight: 600; text-decoration: none; }
.Register_Button:hover { border: solid 2px #999999; color: #FFFFFF !important; text-decoration: none; }
#Login b, 
#Login strong { color: #666666; font-weight: 900; }
/* Login screen (end) */

/* 
Registration (start) */
/*#SaveForm a { display: inline-block; border: solid 2px #CCCCCC; border-radius: 5px; margin: 0px; background: #CCCCCC; padding: 3px 6px; color: #606060 !important; font-size: 14px; font-weight: 600; text-decoration: none; }
#SaveForm a:hover { border: solid 2px #999999; color: #333333 !important; text-decoration: none; }*/
/* Registration (end) */

/*
Events system styles (start) */
td.CLitemInfo { padding: 10px 5px 5px 5px; }
td.dashedLine { border-bottom: solid 1px #D9D9D9; padding-bottom: 10px; }
.Subhead2 { font-size: 16px; font-weight: 600; }


.CL_DateTime { margin: 0px; color: #333333; font-size: 14px; font-weight: 300; }
.CL_ClassTitle { margin: 5px 0px; color: #333333; font-size: 20px; font-weight: 600; }
.CL_Sponsor { margin: 0px; color: #333333; font-size: 14px; font-weight: 500; }
.CL_DescriptionHeading { margin: 0px 0px 5px 0px; color: #333333; font-size: 14px; font-weight: bold; }
.CL_Description { margin: 20px 0px 0px 0px; padding: 0px; color: #333333; font-size: 12px; font-weight: normal; }
.CL_Description img.Icon_HandsOn { display: none; float: left; margin: 0px 5px 0px 0px; border: none; }
.CL_Description span p { margin: 0px; }
.CL_Button { display: inline-block; border: solid 2px #CCCCCC; border-radius: 5px; margin: 5px; background: #FFFFFF; padding: 3px 6px; color: #EEEEEE !important; font-size: 14px; font-weight: 600; text-decoration: none; }
.CL_Button:hover { border: solid 2px #999999; color: #FFFFFF !important; text-decoration: none; }
.CL_Button_AddToCart { background: #A7CC36; }
.CL_Button_ViewDetails { background: #3679F9; }
.CL_Button_Return { background: #C0C0C0; }
.FloatRight { float: right; }
.FloatLeft { float: left; }

.DTcourseName { margin: 5px 0px; color: #333333; font-size: 20px; font-weight: 600; }
.DT_DateTime { margin: 0px; }
.DT_Sponsor { margin: 0px; }
.DT_Description { margin: 20px 0px 0px 0px; padding: 0px; color: #333333; font-size: 12px; font-weight: normal; }
.DT_DescriptionHeading { margin: 0px 0px 5px 0px; color: #333333; font-size: 14px; font-weight: bold; }
.DT_Description img.Icon_HandsOn { display: none; float: left; margin: 0px 5px 0px 0px; border: none; }
.DT_Description span p { display: inline; margin: 0px; }
.DTBox { padding: 0px 15px 15px 15px; }
/* Events system styles (end) */


/* 
Slide show (start) */
.Slideshow { margin: 5px 0px 0px 0px; height: 340px; }
.Slideshow .Rotator_NavPanel { display: block; position: relative; bottom: 0px; margin: 0px auto; border: solid 2px #999999; border-radius: 5px; background: #CCCCCC; }
.Slideshow .Rotator_NavPanel a { display: inline-block; margin: 2px; width: auto; height: 15px; border: solid 1px #C0C0C0; border-radius: 5px; background: url(images/bkgrd_SlideshowNav-50_50w50h.png) repeat; padding: 0px 5px; text-align: center; color: #333333; font-size: 12px; font-weight: 400; line-height: 15px; text-transform: lowercase; text-decoration: none; }
.Slideshow .Rotator_NavPanel a:hover { background: url(images/bkgrd_SlideshowNav-75_50w50h.png) repeat; color: #000000; text-decoration: none; }
.Slideshow a.Rotator_PrevButton { float: left; margin-left: 10px; font-weight: bold; }
.Slideshow a.Rotator_NavButton { font-size: 12px; font-weight: bold; }
.Slideshow a.Rotator_NextButton { float: right; margin-right: 10px; font-weight: bold; }
/* Slide show (end) */


.SocialMediaPane div.Rounded { min-height: 310px; }