.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}.clearfix {display: inline-block;}/* Hides from IE-mac \*/ * html .clearfix { height: 1%;}.clearfix {display: block;}/* End hide from IE-mac */
.clear { clear:both;} 
.left { float:left;} 
.right { float:right;}
.img-left {float: left; margin-right: 10px;} 
.img-right {float: right; margin-left: 10px;}
.dnnsprite { background-image: url('images/AsideIcons.png'); background-color: transparent; background-repeat: no-repeat; }
.Community { background-position: -249px -5px; }
.Conferences { background-position: -188px -5px; }
.Manuals { background-position: -127px -5px; }
.Marketplace { background-position: -66px -5px; }
.Training { background-position: -5px -5px; }


ul.RotatorNav { margin:-10px 0 0 0;}
ul.RotatorNav li {margin:0;list-style:none;}

ul.sidebar-nav li { list-style-type: none;}
ul.sidebar-nav li ul li { padding-left: 20px;;}

/* Getting Started content */
.getting-started-wrap .left { width: 116px; padding-top:20px;}
.getting-started-wrap .right { width:500px;}
a#TourStart img, a#TourVideo img { margin: 3px 3px 3px -10px; vertical-align: middle;}
#dnnTourContainer { display:none; }
hr.tour { border-style: solid; border-top-width: 0; color: #ccc; margin-top: 1em; }

#Footer #dnn_Footer_LeftPane {float: left;margin: 0 20px 0 0;width: 225px;}
#Footer #dnn_Footer_CenterPane {float: left;margin: 0 20px 0 0;width: 400px;}
#Footer #dnn_Footer_RightPane {float: left;width: 275px;}

#Sponsors img{width:118px;height:58px;border:solid 1px #000;margin:0 7px 7px 0;background:url(images/Logos.jpg) no-repeat;}
#Sponsors .aspnet img{background-position:0 0;}
#Sponsors .maxasp img{background-position:-118px 0;}
#Sponsors .telerik img{background-position:-236px 0;}
#Sponsors .exacttarget img{background-position:-354px 0;}
#Sponsors .winlive img{background-position: 0 -58px;}
#Sponsors .redgate img{background-position: -118px -58px;}
#Sponsors .appliedi img{background-position: -236px -58px;}
#Sponsors .arrowdesign img{background-position: -354px -58px;}

/* Quick Links */
.tblQuickLinks { width:100%; }
.tblQuickLinks td { line-height:22px; }
.tblQuickLinks a:link, .tblQuickLinks a:active, .tblQuickLinks a:visited{ text-decoration:underline; color:#e5e5e5; }/*color:#e5e5e5; }*/
.tblQuickLinks a:hover {color:#d0171e;}

/* ------    Awesome Cyles site styles    ------ */
/* footer */
.left-footer { width:48%; float:left;}
.right-footer { width:48%; float:right;}

/* Home page */
/* Header Banner*/
.bannerShadow {padding-bottom: 34px; background:url(/Portals/0/images/Slide-Shadow.png) no-repeat 0 bottom;}
	.header-banner { background-image: url("/Portals/0/images/header-bg.jpg"); background-repeat: repeat-x; background-color:#830c11; min-height:200px; color:#EFEADD;}/*color:#FFF;background-color:#830c11;}*/
		.header-banner .header-banner-image { float:left; width:280px; margin-left:50px; padding-top:13px;}
		.header-banner .header-banner-text { float:right; width:550px; margin-right:55px;}
			.header-banner .header-banner-text { font-size:16px; line-height:19px; padding-top:10px;}
			.header-banner .header-banner-text h2 { font-size:36px; text-transform:uppercase}
			.header-banner .header-banner-text .header-read-more { font-size:14px; text-align:right;}
			.header-banner .header-banner-text .header-read-more a { color:#FFF;}

/* services columns */
.home-services div { width:190px; margin-right:20px; float:left;}
.home-services div.last { margin-right:0;}

/*  home page sidebar styles*/
#RightLinks .last { background:none;}
#RightLinks li.icoAbout img { background-image: url("images/bike-about-icon.png"); background-repeat: no-repeat;}
#RightLinks li.icoBike img { background-image: url("images/bike-icon.png"); background-repeat: no-repeat;}
#RightLinks li.icoNews img { background-image: url("images/bike-news-icon.png"); background-repeat: no-repeat;}

/* Subpage sidebar navigation on */
.Normal ul.sidebar-nav li { line-height:200%;}
.c_DNN6_Aside h3 { padding:0; margin:0; line-height:200%;}

/* My Own Scripts*/
.image {
    position:relative;
    float:left; /* optional */
}
.image .text {
    position:absolute;
    top:10px; /* in conjunction with left property, decides the text position */
    left:10px;
    width:380px; /* optional, though better have one */
}


/*-------------------------------------------------------------------------------*/
/* Left Navigation Menu
/*-------------------------------------------------------------------------------*/

.leftnav
{
    font-size: 12px;
    font-family:Helvetica, Arial, sans-serif;
    color:#333;
}
.leftnav h3
{
    font-size:13px !important;
    font-weight:bold;
    background-color:#005696;
    font-family:Helvetica, Arial, sans-serif !important;
    color:#fff;
    padding:3px 3px 3px 5px;
    margin-left:20px;
}
.leftnav ul li
{
    padding:0px;
    margin:0px;
    list-style-type:none !important;
    line-height:25px;
    border-bottom:1px dotted #333;
    color:#333;
}
.leftnav ul li a:hover
{
  color:#005696;
  text-decoration:none;
}


/*-------------------------------------------------------------------------------*/
/* HOme Boxes
/*-------------------------------------------------------------------------------*/

.homebox
{
    font-size: 12px;
    font-family:Helvetica, Arial, sans-serif;
    color:#333;
    width:300px;
    margin:0px 20px 0px 20px;
}
.homebox span
{
    float:right;
    text-align:right;

}
.homebox h1
{
    font-size:12px !important;
    font-weight:bold;
    font-family:Helvetica, Arial, sans-serif !important;
    color:#333;
    text-transform:uppercase;
    padding:2px;
    
}
.homebox h2
{
    font-size:14px !important;
    font-weight:bold;
    font-family:Helvetica, Arial, sans-serif !important;
    color:#333;
    text-transform:uppercase;
    background-color:#f5f5f5;
    padding:3px 3px 3px 5px;
    
}
.homebox h3
{
    font-size:12px !important;
    font-weight:bold;
    font-family:Helvetica, Arial, sans-serif !important;
    color:#136fb8;
    text-transform:uppercase;
    padding:3px 3px 3px 5px;
    
}
.homebox p
{
    
    margin:0px;
    text-align:justify;
    line-height:20px;
    color:#333;
}

.homebox p img
{
  padding:0px;
  float:left;
}

.homebox p img.right
{
  padding:0px 10px 5px 0px;
  float:left !important;
}



/*-------------------------------------------------------------------------------*/
/* Mid ContentArea Menu
/*-------------------------------------------------------------------------------*/

.midcontent
{
    font-size: 12px;
    font-family:Helvetica, Arial, sans-serif;
    color:#333;
    width:730px;
}
.midcontent h1
{
    font-size:16px !important;
    font-weight:bold;
    font-family:Helvetica, Arial, sans-serif !important;
    color:#333;
    text-transform:uppercase;
    border-bottom:1px dotted #333;
    padding:3px 3px 3px 5px;
    
}
.midcontent h2
{
    font-size:14px !important;
    font-weight:bold;
    font-family:Helvetica, Arial, sans-serif !important;
    color:#333;
    text-transform:uppercase;
    background-color:#f5f5f5;
    padding:3px 3px 3px 5px;
    
}
.midcontent h3
{
    font-size:12px !important;
    font-weight:bold;
    font-family:Helvetica, Arial, sans-serif !important;
    color:#136fb8;
    text-transform:uppercase;
    padding:3px 3px 3px 5px;
    
}
.midcontent p
{
    padding:5px;
    margin:0px;
    text-align:justify;
    line-height:20px;
    color:#333;
}

.midcontent p img
{
  padding:5px;
  float:right;
}

.midcontent p img.right
{
  padding:0px 10px 5px 0px;
  float:left !important;
}
mark 
{
background-color:blue;
color:white;
}

/*-------------------------------------------------------------------------------*/
/* Mid ContentArea Privacy Statement
/*-------------------------------------------------------------------------------*/

.midcontent_PC
{
    font-size: 12px;
    font-family:Helvetica, Arial, sans-serif;
    color:#333;
    width:920px;
    margin:0px 20px 0px 20px;
    text-align:justify;
}
.midcontent_PC h1
{
    font-size:16px !important;
    font-weight:bold;
    font-family:Helvetica, Arial, sans-serif !important;
    color:#333;
    text-transform:uppercase;
    border-bottom:1px dotted #333;
    padding:3px 3px 3px 5px;
    
}
.midcontent_PC h2
{
    font-size:14px !important;
    font-weight:bold;
    font-family:Helvetica, Arial, sans-serif !important;
    color:#333;
    text-transform:uppercase;
    background-color:#f5f5f5;
    padding:3px 3px 3px 5px;
    
}
.midcontent_PC h3
{
    font-size:12px !important;
    font-weight:bold;
    font-family:Helvetica, Arial, sans-serif !important;
    color:#136fb8;
    text-transform:uppercase;
    padding:3px 3px 3px 5px;
    
}
.midcontent_PC p
{
    padding:5px;
    margin:0px;
    text-align:justify;
    line-height:20px;
    color:#333;
}

.midcontent_PC p img
{
  padding:5px;
  float:right;
}

.midcontent_PC p img.right
{
  padding:0px 10px 5px 0px;
  float:left !important;
}
mark 
{
background-color:blue;
color:white;
}


/*-------------------------------------------------------------------------------*/
/* Accordian panel
/*-------------------------------------------------------------------------------*/

.accord
{
    font-size: 12px;
    font-family:Helvetica, Arial, sans-serif;
    color:#333;
    width:730px;
}
.accord h1
{
    font-size:16px !important;
    font-weight:bold;
    font-family: Helvetica,Arial, sans-serif !important;
    color:#333;
    background-color:#f5f5f5;
    text-transform:uppercase;
    border:1px solid #dddddd;
    padding:5px 3px 5px 5px;
    
}
.accord h2
{
    font-size:14px !important;
    font-weight:bold;
    font-family: Helvetica,Arial, sans-serif !important;
    color:#333;
    border-bottom:1px dotted #333;
    padding:5px 3px 5px 5px;
    
}
.accord h3
{
     font-size:12px !important;
    font-weight:bold;
    font-family:Helvetica, Arial, sans-serif !important;
    color:#136fb8;
    text-transform:uppercase;
    padding:3px 3px 3px 5px;
    
}

.accord h4
{
    font-size:12px !important;
    font-weight:bold;
    font-family: Helvetica,Arial, sans-serif !important;
    color:#333;
    padding:5px 3px 5px 5px;
    
}
.accord p
{
    padding:5px;
    margin:0px;
    text-align:justify;
    line-height:20px;
    color:#333;
}

.accord p img
{
  padding:5px;
  float:right;
}

.accord p img.right
{
  padding:0px 10px 5px 0px;
  float:left !important;
}

.accord ul li
{
    line-height:20px;
    margin-left:10px;
    margin-top:3px;
    padding-right: 20px;
    list-style-image: url(images/arrow.png);
    
}
.accord ul
{
    padding-bottom:3px;
}

.accord blockquote
{
    padding:15px;
    background-color:#f2f2f2;
    
}

.accord iframe
{
  padding:0px 10px 5px 0px;
  float:right !important;
}
.accord blockquote img
{
    padding:3px;
    float:left;
    display:block;
}
.accord blockquote img.right
{
    padding:3px;
    float:right;
}

 .readmore {
    background: none repeat scroll 0 0 #41B7D8;
    border-radius: 0px 15px 0px 15px;
    color: white;
    cursor: pointer;
    float: right;
    margin: 20px 0 0;
    padding: 8px 16px;
    transition: all 0.25s linear 0s;
    }
a.readmore:hover {
    background: none repeat scroll 0 0 #333333;
    color: #FFFFFF !important;
    text-decoration: none;
}













