/* 
================================
DNNCreative.com
Created by Lee Sykes - http://www.dnncreative.com
================================
*/
/* NOTES TO THINK ABOUT
Logo H1 tag - put text on of DotNetNuke Magazine and hide off screen
Need to do some styling for Testimonials in Tutorials page with H3 Tag

Border colours (purple): #B4B4DE;
menu blue colour: #323275;
dark orange: #FFAE00;
light orange: #FFEABF;
*/


body, tr, td, table { /* set default font size for skin (Titles etc. will then use a percentage to specify their sizes) */
margin: 0; padding: 0; line-height: 1.1; font: small Arial, Verdana, Geneva, Helvetica, sans-serif; color: #666; }
body { background-color: #002449; }
hr { border: 1px solid #B4B4DE; border-width: 1px 0 0 0; }
.topbar-wrap { background: url(topbar-bg.gif) repeat-x; height: 30px; border-bottom: 1px #ccccdc solid; width: 1100px; margin: auto; }
ul.topbar-brands, ul.topbar-brands li { list-style: none; padding: 0; margin: 0; }
ul.topbar-brands { margin: 0 auto; width: 965px; overflow: hidden; }
ul.topbar-brands li { display: block; float: left; border-left: 1px #ccccdc solid; }
ul.topbar-brands li.topbar-dnn { border-left: none; }
.topbar-dnn a, .topbar-snowcovered a, .topbar-powerdnn a, .topbar-dnndir a, .topbar-keepalive a, .topbar-dnnhelp a, .topbar-r2i a, .topbar-serversilo a { display: block; text-indent: -9999em; height: 30px; background-repeat: no-repeat; }
.topbar-dnn a { width: 116px; background-image: url(dotnetnuke-logo.gif); }
.topbar-snowcovered a { width: 144px; background-image: url(dnnstore.png); }
.topbar-powerdnn a { width: 153px; background-image: url(powerdnn-logo.gif); }
.topbar-dnndir a { width: 169px; background-image: url(dnndir-logo.gif); }
.topbar-keepalive a { width: 100px; background-image: url(KAF-logo.gif); }
.topbar-dnnhelp a { width: 78px; background-image: url(dnnhelp-logo.gif); }
.topbar-r2i a { width: 163px; background-image: url(DNN-Developer-logo.gif); }
.topbar-serversilo a { width: 143px; background-image: url(ServerSilo.png); }
#wrap { min-width: 600px; /* max-width: 1200px; */
padding: 10px 0 10px 0; background-color: #FFF; max-width: 1100px; margin: auto; }
#logo { /* float: left; */
background-image: url(DNNClogo_h73.gif); background-repeat: no-repeat; background-position: 15px 0px; width: 355px; height: 73px;/* padding: 0px 0px 0px 35px; /*margin: 0 0 15px 0; */
    /* border: 1px orange solid; */
}
#AbsolutePositioned { position: absolute; top: 0; left: 0; width: 100%; }
#SetWidth { width: 1100px; margin: auto; position: relative; }
#loginlinks { position: absolute; /* right: 50%;
    /* margin-right: -500px; */
top: 104px; right: 10px; /*width: 500px; */
text-align: right; 
z-index: 999999999;
}
#trademark { position: absolute; top: 3px; right: 5px; text-align: right; /*background-image: url(dotnetnuker.gif);
    */
background-repeat: no-repeat; height: 19px; width: 67px; }
.horizontalbanner { position: absolute; top: 41px; right: 3px; text-align: center; width: 520px; }
/* remove paddding round images in banner section */
#dnn_horizontalbanner .Normal img { border: 0; margin: 0; padding: 0; }
/* positions admin subhead text for horizontalbanner pane */
#dnn_horizontalbanner .SubHead { position: absolute; top: 60px; left: 0px; }
/* positions dropdownactions for admin on banner module */
#dnn_ctr1317_dnnDROPDOWNACTIONS_spActions { position: absolute; top: 0px; right: -25px; }
#dnn_ctr1317_dnnDROPDOWNACTIONS_cmdGo { position: absolute; top: 2px; right: -45px; }
/* button ads */
#dnn_ctr1336_ModuleContent img { padding-bottom: 10px; }
#bread { position: absolute; top: 165px; left: 40px; text-align: left; width: 625px; /*568px; */ font-size: 70%; color: #00F; /*letter-spacing: 0.1em;*/
; display: none; }
#search { position: absolute; top: 129px; right: 4px; width: 220px; padding: 10px 0px 10px 18px; color: #323275; text-decoration: none; border: 1px solid; border-color: #cc6200 #cc7400 #cc8300 #cc7400; border-radius: 2px; background-image: linear-gradient(bottom, #FFFFFF 47%, #F8F8F8 74%); background-image: -o-linear-gradient(bottom, #FFFFFF 47%, #F8F8F8 74%); background-image: -moz-linear-gradient(bottom, #FFFFFF 47%, #F8F8F8 74%); background-image: -webkit-linear-gradient(bottom, #FFFFFF 47%, #F8F8F8 74%); background-image: -ms-linear-gradient(bottom, #FFFFFF 47%, #F8F8F8 74%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.47, #FFFFFF), color-stop(0.74, #F8F8F8)); font-size: 15px; }
.sbInp_Default .searchBox { width: 140px!important; }
#contentholder { background-color: #dddddd; background-repeat: repeat-y; /* moves content underneath menu, unit in em so if a user increases text size the gap also increases */
margin-top: 66px; padding: 0 5px 10px 10px; }
/* Main Layout */
#mainbody { float: left; width: 76.7%;/*width: 775px; /* 81% */
	/* moves content underneath menu, unit in em so if a user increases text size the gap also increases */
	/* margin-top: 6em; */
}
#pane2mainbody { width: 98%; }
#pane1mainbody { width: 99%; }
#pane1mainbody td { padding: 5px; }
#content /* note check ie hacks file - IE has different settings */
{ float: right; width: 74.3%; background-color: #FFF; border: 1px solid #CCC; }
#content.LHSFull /* note check ie hacks file - IE has different settings */
{ float: right; width: 100%; background-color: #FFF; border: 1px solid #CCC; }
#content1pane /* note check ie hacks file - IE has different settings */
{ width: 100%; background-color: #FFF; border: 1px solid #CCC; }
#dnn_contentpane { padding: 10px; }

#dnn_contentpane.HomeContentPane > .DnnModule{padding:20px;margin:0 -10px}
#dnn_contentpane.HomeContentPane > .DnnModule li{list-style:disc;margin-left:200px;font-weight:bold;line-height:20px}
#dnn_contentpane.HomeContentPane > .DnnModule:nth-child(odd){border-bottom: 1px solid #E7E7E7;border-top: 1px solid #E7E7E7;}
#dnn_contentpane.HomeContentPane > .DnnModule:nth-child(even){background: #F7F7F7;border-top: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;}

#sidebar { float: left; width: 24%;/* background-color: #FFF;
  border: 1px solid #CCC; */
}
#dnn_leftpane { padding: 10px; background-color: #FFF; }
#leftpanebot { padding: 10px 10px 20px 10px; background-color: #fff; }
#sidebar-2 { float: right; width: 22%;/* background-color: #FFF; 
 	border: 1px solid #CCC; */
}
#dnn_rightpane { padding: 10px; background-color: #FFF; border: 1px solid #CCC; }
#footercontent { clear: both; padding: 10px 10px 0 10px; }
#footer { padding: 30px 20px 0 20px; color: #666; }
a.footer:link, a.footer:visited, a.footer:hover { font-family: Arial, Helvetica, sans-serif; font-size: 85%; text-decoration: none; }
/*RSS Feed icon */
#rssfeeds { position: absolute; top: 163px; left: 5px; display: none; }
#rssfeeds img { border: 0; }
/* Main Layout for Search Results skin */
#mainbodysearch { float: left; width: 98%; }
#contentsearch /* not check ie hacks file - IE has different settings */
{ float: right; width: 80%; /* padding: 0 0 0 10; */ /* width: 605px; or 74.6% */
padding: 0 5px 20px 0; overflow: scroll; }
#sidebarsearch { float: left; /* padding-left: 1px; /*moves menu away from edge 21.4% */
width: 18%; }
#footersearch { clear: both; padding-top: 30px; color: #1D6729; }
#contentonepane /* for onepane skin (based on content search skin, but removes scroll bars */
{ float: right; width: 80%; /* padding: 0 0 0 10; */ /* width: 605px; or 74.6% */
padding: 0 5px 20px 0; }
/* -----------------
Set default font for modules
--------------------
 */
.Normal, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox { margin: 0; padding: 0; line-height: 1.1; font: 100% Arial, Verdana, Helvetica, sans-serif; }
.NormalBold { font-weight: bold; }
/* styles all images within text/HTML module */
.Normal img { border: 1px solid #CCC; margin: 0 2px 20px 3px; }
.normalsmall { font-size: 85%; }
/* class to add into images if you wish to remove border */
a.noborder img { border: 0; }
/* ================================
style for module titles
================================ */
.Head { font-family: "Arial", "MS Sans Serif", Verdana, Tahoma, Helvetica, sans-serif; font-size: 140%; font-weight: bold; color: #323275; }
/* style of item titles on edit and admin pages */
.SubHead { font-size: 85%; color: #323275; }
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead { font-size: 85%; color: #323275; }
A.Breadcrumbs:link, A.Breadcrumbs:visited, A.Breadcrumbs:active { text-decoration: underline; /* bread links are set to 90% size using the value below because the bread separators >> are set to 70% */
font-size: 130%; }
/* ===============
button style for standard HTML buttons 
================== */
.StandardButton { font-size: 90%; }
/* =======================
 HTML Tag Styles 
=========================== */
H1, H2, H3, H4, H5, DT, H6 { font-family: Arial, "MS Sans Serif", Verdana, Tahoma, Helvetica, sans-serif; }
.Normal a.Button.Grey { display: block; padding: 13px 16px 13px 42px; color: #323275; font-weight: bold; font-size: 15px; width: auto; text-decoration: none; border: 1px solid; border-color: #cbcbcb; border-radius: 3px; background-image: linear-gradient(bottom, #FFFFFF 47%, #F8F8F8 74%); background-image: -o-linear-gradient(bottom, #FFFFFF 47%, #F8F8F8 74%); background-image: -moz-linear-gradient(bottom, #FFFFFF 47%, #F8F8F8 74%); background-image: -webkit-linear-gradient(bottom, #FFFFFF 47%, #F8F8F8 74%); background-image: -ms-linear-gradient(bottom, #FFFFFF 47%, #F8F8F8 74%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.47, #FFFFFF), color-stop(0.74, #F8F8F8)); float: left; position: relative; }
.Normal a.Button span.VideoIcon { display: block; float: left; width: 22px; height: 22px; background: url('images/VideoButtonIcon.png')center; position: absolute; left: 10px; top: 10px; }
#dnn_contentpane H1 { font-size: 185%; font-weight: bold; color: #F78D0F; margin-bottom: 10px; }
H1 { font-size: 150%; font-weight: bold; color: #F78D0F; }
H2, H3 { font-size: 140%; font-weight: bold; color: #323275; }
#dnn_contentpane H3 { margin-bottom: 10px; }
H4 { font-size: 115%; font-weight: bold; color: #323275; }
H5, DT { font-size: 100%; font-weight: bold; color: #323275; margin-bottom: 5px; }
H6 { font-size: 90%; font-weight: bold; color: #323275; margin: 0 0 20px 0; border-bottom: 1px solid #B4B4DE; }
/* =====================================
    CSS STYLES FOR HouseMenu SkinObject
   =====================================
*/
#menu { /* padding: 0 0 0 80px; /* positions text */
   
position: absolute; top: 112px; left: 0px; width: 100%; }
#menu h3 { /*places text off screen (only viewable to screen readers) */
font-size: 80%; margin: 0; position: relative; top: 0; left: -1000px; }
/* Main Horizontal Menu */
#HouseMenuNav { /* menu wrapper div */
	/*padding: 0 0 0 80px;*/
	/*positions menu so orange line displays underneath */
font-size: 100%; font-weight: bold; font-family: Arial, "MS Sans Serif", Tahoma, Arial, Helvetica, sans-serif; /* stops menu from dropping down to next level, in em so that the width expands when a user increases size of text */
	/*width: 64em;*/
	
	
	
    
width: 1100px; margin: 0 auto; background: url('images/MenuBG.png')repeat-x; height: 57px; overflow: visible; }
#HouseMenuNav ul { /* all submenu lists */
    
padding: 6px 10px 0; border: 0; /* margin: 0; */
    
list-style: none; color: #FFF; /* expands the blue area for IE7 */
margin: 0; }
#HouseMenuNav a { /* all links within the menu wrapper */

background-color: #f9f9f9; /* removes horizontal gap between each menu item */
margin: 0px -2px 0 -2px; }
#HouseMenuNav li { /* all list items */ /* -- Border around each menu item -- */
    /* border-bottom: 1px solid #ED9F9F; /* added for opera browser to remove bullets on lists */
list-style: none; display: block; /* - set's horizontal */ /* padding: 3px 0 3px 0;  */
	
	
; float: left; margin-right: 10px; }

#HouseMenuNav .megamenusubcontent li, #HouseMenuNav .megamenusubcontent li a:link { border: none; background: none; text-align: left; width: 250px; }
#HouseMenuNav li a:link, #HouseMenuNav li a:visited { /* main colour of the menu */
   /* height: 20px; */
   /*expands the blue area around each menu item */
 	
    
 
padding: 13px 16px 13px 42px; color: #323275; text-decoration: none; border: 1px solid; border-color: #cc6200 #cc7400 #cc8300 #cc7400; border-radius: 2px; background-image: linear-gradient(bottom, #FFFFFF 47%, #F8F8F8 74%); background-image: -o-linear-gradient(bottom, #FFFFFF 47%, #F8F8F8 74%); background-image: -moz-linear-gradient(bottom, #FFFFFF 47%, #F8F8F8 74%); background-image: -webkit-linear-gradient(bottom, #FFFFFF 47%, #F8F8F8 74%); background-image: -ms-linear-gradient(bottom, #FFFFFF 47%, #F8F8F8 74%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.47, #FFFFFF), color-stop(0.74, #F8F8F8)); font-size: 15px; position: relative; }
#HouseMenuNav li a:hover { background-color: #4949AB; color: #323275; text-decoration: underline; }
#HouseMenuNav span.mmIcon { display: block; width: 25px; height: 21px; position: absolute; left: 10px; background-repeat: no-repeat; background-position: top center; margin-top: -2px; }
/* ================================ */

/* Sub Vertical Menu  (HouseMenu:3) 
 Used on Tutorials page categories
 Subs only displayed and they have orange arrow
 
*/ 
/* ================================ */
#HouseMenuNavSub { /* menu wrapper div */
font-size: 95%; font-family: Arial; }
#HouseMenuNavSub ul { /* all submenu lists */
padding: 0; border: 0; list-style: none; margin: 0; }
#HouseMenuNavSub a { }
#HouseMenuNavSub li { list-style: none; padding: 0; }
#HouseMenuNavSub ul li { font-weight: bold; margin: 10px 0 3px 10px; list-style-image: url(arrow.gif); }
#HouseMenuNavSub li a:link, #HouseMenuNav2 li a:visited { text-decoration: underline; }
#HouseMenuNavSub li a:hover { text-decoration: underline; }
/*================================ */

/* Sub Sub Vertical Menu 
	Sub Subs have orange arrow only 
	and subs are bold text
	(HouseMenu:4) (Issue links) 341
	*/
	
/* ==================================== */
#HouseMenuNavSubSub, #HouseMenuNavSubSubReviews { font-size: 95%; font-family: Arial; }
#HouseMenuNavSubSub ul, #HouseMenuNavSubSubReviews ul { /* all submenu lists */
padding: 0; border: 0; list-style: none; margin: 0; }
#HouseMenuNavSubSub a { }
#HouseMenuNavSubSub li, #HouseMenuNavSubSubReviews li { list-style: none; padding: 0; }
#HouseMenuNavSubSub ul li, #HouseMenuNavSubSubReviews ul li { font-weight: bold; margin: 10px 0 3px 0; }
#HouseMenuNavSubSub ul ul li, #HouseMenuNavSubSubReviews ul ul li { list-style-image: url(arrow.gif); font-weight: normal; margin: 5px 5px 5px 18px; }
/* stop sub sub sub menus from showing in reviews skin (individual review pages) */
#HouseMenuNavSubSubReviews ul ul ul li { display: none; }
#HouseMenuNavSubSub li a:link, #HouseMenuNavSubSub li a:visited, #HouseMenuNavSubSubReviews li a:link, #HouseMenuNavSubSubReviews li a:visited { text-decoration: underline; }
#HouseMenuNavSubSub li a:hover, #HouseMenuNavSubSubReviews li a:hover { text-decoration: underline; }
/* --------------------------
Home Banner
---------------------------*/

.ThirtyThree { width: 33%; float: left; }
.SixtySix { width: 65%; float: left; position: relative; }
#HomeBanner { padding-bottom: 10px; }
#dnn_contentpane #HomeBanner h1 { color: #323275; }
#HomeBanner p { font-size: 14px; color: rgb(138, 138, 138); width: 480px; }
#HomeBanner .ThirtyThree div { border: 3px solid #f0f0f0; border-radius: 6px; background: #f9f9f9 url('images/Home/HomeVideoCount.png')no-repeat center 10px; text-align: center; }
#HomeBanner .ThirtyThree span { display: block; margin-top: 90px; font-size: 36px; color: #323275; font-weight: bold; }
#HomeBanner .ThirtyThree p { font-size: 16px; width: 200px; display: block; margin-left: auto; margin-right: auto; color: #323275; }
#HomeBanner .SixtySix .Button { position: absolute; bottom: 0; }
#HomeBanner .SixtySix { height: 225px; }
/* ------------------------
Links format added for opera browser
----------- */
.Normal A:link, .Normal A:visited, .Normal A:active { text-decoration: underline;/* color: #036; */
}
.Normal A:hover { text-decoration: underline;/* color: #F00; */
}
/* This is the Date eg. any items that are not links */
.SkinItem { font-size: 90%; text-decoration: none;/* color: #036; */
}
/* This sets the style for all skin items that are links, eg login */
A.SkinItem:link, A.SkinItem:visited, A.SkinItem:active { text-decoration: underline;/*color: #036; */
}
A.SkinItem:hover { text-decoration: underline;/* color: #F00; */
}

/* Search Input */

.ModavtSearchBoostInputC{

width: 220px;
padding: 10px 0px 10px 18px;
color: #323275;
text-decoration: none;
border: 1px solid;
border-color: #ccc;
border-radius: 2px;
background-image: linear-gradient(bottom, #FFFFFF 47%, #F8F8F8 74%);
background-image: -o-linear-gradient(bottom, #FFFFFF 47%, #F8F8F8 74%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 47%, #F8F8F8 74%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 47%, #F8F8F8 74%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 47%, #F8F8F8 74%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.47, #FFFFFF), color-stop(0.74, #F8F8F8));
font-size: 15px;
    


float: right;

}

.TutorialCount{font-size:12px;margin-left:7px;color:grey;}

h2.TutorialCatsTitle{float:left;margin-top:0;margin-right:10px;margin-bottom: 0;}

.TutorialSorting{float:right;}

.FilteredBy{line-height:20px;}

.FilteredBy a{background: rgb(226, 226, 226);padding:0px 5px;border-radius:6px}

/* Layouts for the Text/HTML module */
.imageleftside { }
.imageleftside img { border: 1px solid #CCC; margin-right: 15px; margin-bottom: 20px; float: left; }
.imagerightside { }
.imagerightside img { border: 1px solid #CCC; margin-left: 15px; margin-bottom: 20px; float: right; }
/* no borders on images */
.imageleftsidenobdr img { margin-right: 20px; margin-bottom: 20px; float: left; border: 0; }
.imagerightsidenobdr img { margin-left: 20px; margin-bottom: 20px; float: right; border: 0; }
/* images with captions */
.imageleftsidecaption { font-size: 85%; font-style: italic; float: left; margin-right: 15px; margin-bottom: 15px; }
.imageleftsidecaption img { border: 1px solid #CCC; margin-bottom: 5px; }
/* to remove borders from images */
.nobdr img { border: 0; }
.clear { clear: both; }
.quoteleft { /* font-family: Georgia, "Times New Roman", Times, serif; */
font-size: 105%; /* font-style: italic; */
padding: 0 10px 0 0; margin: 10px 10px 10px 0; width: 220px; float: left; text-align: right; border-right: 10px solid #C8CDD0; color: #75818A; }
/* use blockquote for right side quotes - more semantically correct */
blockquote { margin: 0; padding: 0; }
blockquote p { font-family: Arial, Georgia, "Times New Roman", Times, serif; /* font-style: italic; */
font-weight: bold; font-size: 120%; padding: 10px; margin: 10px 10px 10px 15px; width: 220px; float: right; text-align: left; border: 1px solid #FFAE00; color: #323275; background-color: #FFD67F; line-height: 140%; }
.quoteright, .quotebox { font-family: Arial, Georgia, "Times New Roman", Times, serif; /* font-style: italic; */
font-weight: bold; font-size: 120%; padding: 10px; margin: 10px 10px 10px 15px; width: 220px; float: right; text-align: left; border: 1px solid #FFAE00; color: #323275; background-color: #FFD67F; line-height: 140%; }
/*shrinks quotes down for right pane */
#dnn_rightpane .quoteright { margin-top: 20px; float: none; width: 80%; }
.quotebox { font-style: italic; font-size: 105%; margin: 5px 10px 5px 10px; float: none; width: 93%; }
.codeinline { font-family: 'courier new', courier, monospace; color: #000; background: #E0E0E0; border: 1px dotted #999; padding: 1px; margin: 3px; overflow: auto; }
.codebox { font-family: 'courier new', courier, monospace; color: #000; background: #E0E0E0; border: 1px dotted #999; padding: 10px; margin: 10px; overflow: auto; }
.codebox55 { font-family: 'courier new', courier, monospace; color: #000; background: #E0E0E0; border: 1px dotted #999; padding: 10px; margin: 10px 20px; width: 55%; }
/* Tutorial Contents pages, presented as Unordered lists */
.contents { color: #000; background: #eef; border: 1px solid #B4B4DE; padding: 0px; margin: 0 20px 10px 20px; overflow: auto; width: 92%; }
.contents ul { list-style: none; padding: 0 0 0 10px; margin: 0; }
.contents li { margin: 10px; padding: 0; display: block; text-decoration: none; /* added for opera */ font-size: 100%; list-style: none; font-weight: bold; /* main headers sections in bold */ }
.contents ul ul li /*contents page titles in normal */ { font-weight: normal; padding: 0 0 0 10px; }
/*details for Skinning Toolkit pdf ad */
.toolkitad { font-size: 85%; margin-top: 25px; }
.toolkitad a:link, .toolkitad a:visited { padding: 5px 1px 5px 2px; background-color: #E0E0E0; display: block; }
.toolkitad img { border: 0; margin: 0; }
/* Styling for subscribe section for Skinning Toolkit PDF purchase */
.subscribe { color: #000; background: #FFD67F; border: 1px solid #FFAE00; padding: 15px; margin: 0 20px 10px 20px; text-align: center; width: 87%; }
.white a:link, .white a:visited { color: #fff; font-size: 30%; }
/*-------- article styling */
/* holds image and links to issue and subscribe for each article */
.articleinfo { margin: 0 0px 15px 18px; float: right; padding: 5px; position: relative; border: 1px solid #B4B4DE; background-color: #323275; }
.articleinfo img { border: 1px solid #B4B4DE; margin-bottom: 15px; }
.articleinfo ul { list-style: none; /* width: 100%; */
font-size: 85%; line-height: 200%; border: 1px solid #B4B4DE; background-color: #CCFFFF; padding: 10px; margin: 0; }
.articleinfo li { list-style: none; }
/* intro text paragraph in articles */
.articleintro { font-weight: bold; color: #323275; line-height: 180%; }
.note { /*font-weight: bold; */
color: #323275; border: 1px solid #FFAE00; background-color: #FFEABF; padding: 10px; font-size: 110%; margin: 10px 0; }
.authorbox { margin: 10px; width: 93%; border: 1px solid #B4B4DE; background-color: #CCFFFF; padding: 10px; }
/* =====================
	subscribe text styling
	===================== */
.subscribetext { padding: 5px; border: 1px solid #FFAE00; background-color: #FFEABF; text-align: center; }
.accessbox { padding: 35px 20px 35px 20px; border: 1px solid #FFAE00; background-color: #FFEABF; text-align: center; font-weight: bold; font-size: 110%; margin-top: 20px; }
.paging_buttons { padding: 10px; border: 1px solid #FFAE00; background-color: #FFEABF; font-weight: bold; margin-top: 10px; }
/*used for side panes images etc. */
.side_center { text-align: center; }
/*Sitepoint llink colours:
a:link{
  color: #06c;
  background: transparent;
}
a:visited{

  color:#4B5970;
  background: transparent;
}
a:hover{
  color: #f60;
  background: transparent;
}


/* print media section, media allows IE to import the styles and to assign it
to print. We need to do this for sIFR to allow the print stylesheet to work */
@media print {
/* 
================================
Print styles for DotNetNuke
================================
*/

#logo { display: none; }
#loginlinks { display: none; }
.horizontalbanner { display: none; }
#bread { top: 5px; left: 10px; }
#search { display: none; }
#contentholder { background-color: #FFF; margin-top: 10px; padding: 10px 5px 10px 10px; }
/* Main Layout */
#mainbody { width: 98%; }
#pane2mainbody { width: 98%; }
#pane1mainbody { width: 99%; }
#pane1mainbody td { padding: 5px; }
#content /* note check ie hacks file - IE has different settings */
{ width: 100%; background-color: #FFF; border: 1px solid #CCC; }
#content1pane /* note check ie hacks file - IE has different settings */
{ width: 100%; background-color: #FFF; border: 1px solid #CCC; }
#dnn_contentpane { padding: 10px; }
#sidebar { display: none; }
#sidebar-2 { display: none; }
#footercontent { clear: both; padding: 10px 10px 0 10px; }
#footer { padding: 30px 20px 0 20px; color: #666; }
a.footer:link, a.footer:visited, a.footer:hover { font-family: Arial, Helvetica, sans-serif; font-size: 85%; text-decoration: none; }
#dnn_dnnLINKS_lblLinks { display: none; }
/*RSS Feed icon */
#rssfeeds { display: none; }
#hackersafe { display: none; }
/* =====================================
    CSS STYLES FOR HouseMenu SkinObject
   =====================================
*/
#menu { display: none; }
 / /* to remove borders from images */
.nobdr img {
 border: 0;
}
.clear { clear: both; }
.quoteleft { display: none; }
/* use blockquote for right side quotes - more semantically correct */
blockquote { display: none; }
.quoteright { display: none; }
/* close @media print */
}
#hometutorialcontainer { text-align: center; }
.tutorialborder, .tutorialborderred { margin: 0 8px 15px 8px; display: inline-block; position: relative; text-align: justify; vertical-align: middle; width: 198px; height: 237px; background: url('images/tutorialborder.gif') no-repeat; }
.tutorialborder img, .tutorialborderred img { border: none; margin: 0; padding: 14px 0 0 14px; }
.tutorialborder h2 { background: #011379; color: #fff; margin: 0 6px 0 14px; height: 60px; overflow: hidden; font-size: 120%; padding: 6px; text-align: center; font-weight: normal; }
.tutorialborder p, .tutorialborderred p { margin: 0 6px 0 14px; padding: 6px; text-align: center; font-weight: normal; }
a.homepagebutton { display: block; text-align: center; margin: auto; margin-top: 10px; width: 128px; height: 27px; background: url('images/watchnow.gif') no-repeat; }
a.homepagebuttonred { display: block; text-align: center; margin: auto; margin-top: 10px; width: 128px; height: 27px; background: url('images/watchnowred.gif') no-repeat; }
#hometutorialcontainer:after { display: inline-block; }
.tutorialborderred h2 { background: #a10101; color: #fff; margin: 0 6px 0 14px; height: 60px; overflow: hidden; font-size: 120%; padding: 6px; text-align: center; font-weight: normal; }
#StreamingMainPane { width: 1260px; margin: auto; }
#contentholderNoMargin { padding-top: 70px; background: url('images/StreamingBGGrad.jpg') repeat-x #e7e7e7; }
#StreamingContent { float: left; width: 1020px; }
#StreamingRightPane { float: right; width: 230px; height: 30px; margin-top: 40px; }
#StreamingWatchVideo { background: url('images/StreamingWatchTutorialButton.png') no-repeat center; width: 100%; height: 123px; }
/* Subscribe page */

#SubscribeDNNC { position: relative; max-width: 100%; }
#SubscribeDNNCBox { background: #F9F9F9; border: 3px #F0F0F0 solid; border-radius: 6px; margin-top: 40px; padding-bottom: 9px; }
#SubscribeDNNC.LoggedOut #SubscribeDNNCBox { background: #f9f9f9 url('/Portals/_default/Skins/07/images/SubArrowRightInactive.png') 550px 0px no-repeat; }
#SubscribeDNNCBox #SubLeft { width: 500px; height: 200px; float: left; background: url('/Portals/_default/Skins/07/images/SubArrowBoth.png') center 0px no-repeat; margin-right: -30px; }
#SubscribeDNNC #SubLeft #SubCreateAccount { width: 250px; float: left; text-align: center; padding-top: 170px; background: url('/Portals/_default/Skins/07/images/SubCreateAccountActive.png') center 30px no-repeat; }
#SubscribeDNNC.LoggedIn #SubLeft #SubCreateAccount { background: url('/Portals/_default/Skins/07/images/SubComplete.png') center 30px no-repeat; }
#SubscribeDNNC #SubLeft #SubLogin { width: 250px; float: left; text-align: center; padding-top: 170px; background: url('/Portals/_default/Skins/07/images/SubLoginActive.png') center 30px no-repeat; }
#SubscribeDNNC.LoggedIn #SubLeft #SubLogin { background: url('/Portals/_default/Skins/07/images/SubComplete.png') center 30px no-repeat; }
#SubscribeDNNC #SubRight { width: 280px; float: left; text-align: center; background: url('/Portals/_default/Skins/07/images/SubArrowRight.png') top left no-repeat; margin-right: -20px; }
#SubscribeDNNC #SubRight a { display: block; padding-top: 170px; background: url('/Portals/_default/Skins/07/images/SubSubscribeInactive.png') center 30px no-repeat; }
#SubscribeDNNC.LoggedIn #SubRight a { background: url('/Portals/_default/Skins/07/images/SubSubscribeActive.png') center 30px no-repeat; }
#SubscribeDNNC.LoggedIn #SubRight { }
#SubscribeDNNC #SubRight .SubPaypalSubscribe { background: url('/Portals/_default/Skins/07/images/SubPaypalSubscribeInactive.png') no-repeat; width: 147px; height: 32px; display: block; margin: 10px auto; }
#SubscribeDNNC.LoggedIn #SubRight .SubPaypalSubscribe { background: url('/Portals/_default/Skins/07/images/SubPaypalSubscribeActive.png') no-repeat; }
a.CommandButton:hover { color: #323275; width: auto; text-decoration: none; }
#SubscribeDNNC span { color: #323275; font-size: 20px; font-weight: bold; }
#SubscribeDNNC.LoggedOut #SubLeft span { color: #323275; font-size: 20px; font-weight: bold; border-bottom: 3px solid #323275; }
.Normal #SubscribeDNNC a:link { color: #323275; font-size: 20px; font-weight: bold; text-decoration: none; }
#SubscribeDNNC.LoggedIn #SubLeft span { color: #9f9f9f; text-decoration: none; }
#SubscribeDNNC.LoggedIn a { text-decoration: none; }
#SubscribeDNNC.LoggedIn #SubLeft a { color: #9f9f9f; text-decoration: none; }
#SubscribeDNNC.LoggedOut #SubRight span { color: #9f9f9f; }
#SubscribeDNNC #SubRight span.Old { color: #9f9f9f; text-decoration: line-through; margin-right: 10px; text-decoration: none; }
#SubscribeDNNC #SubRight span.Old { color: #9f9f9f; text-decoration: line-through; margin-right: 10px; }
.SubPaypal { display: block; width: 97px; height: 45px; background: url('/Portals/_default/Skins/07/images/SubPaypalLogo.png') no-repeat; position: absolute; top: 0; right: 0; }
#dnn_ctr935_Signup_signupPlan_pnlPlans br, #dnn_ctr935_Signup_signupPlan_pnlPlans .SubHead, #dnn_ctr935_Signup_signupPlan_pnlPlans table, #dnn_ctr935_Signup_signupPlan_pnlPlans p { display: none; }
.SubscriptionActive { width: 130px; height: 130px; float: left; margin: 15px; background: url('/Portals/_default/Skins/07/images/SubComplete.png') no-repeat; }
.SubscriptionExpired { width: 130px; height: 130px; float: left; margin: 15px; background: url('/Portals/_default/Skins/07/images/SubExpired.png') no-repeat; }
#SubscribeDNNC span.SubDaysRemain { font-size: inherit; }
#SubscribeDNNC a#ExtendSub:link { font-size: inherit; text-decoration: underline; }
#SubscribeDNNC #SubscribeDNNCBox.SubActive { height: 150px; }
#dnn_ctr935_Signup_signupDetails_grdReceipts { border: 3px #F0F0F0 solid; border-radius: 6px; }
#dnn_ctr935_Signup_signupDetails_grdReceipts td { padding: 10px; }
h2.SubExpired { color: #a70000; }
.avtsb_result img { width: 100px; height: 100px; float: left; margin-right: 10px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; }
#SubscribeDNNCBox.SubBoxHome { width: 250px; float: right; margin: 15px 10px 20px 0; text-align: center; background: url('images/Home/HomeVideoIcon.png') center 10px no-repeat #f9f9f9; padding-top: 83px; color: #323275; font-size: 17px; padding-bottom: 0; }
#SubscribeDNNCBox.SubBoxHome p { margin: 10px 0; }
#SubscribeDNNCBox.SubBoxHome span { font-size: 35px; font-weight: bold; }
.TwoThirdsLeft { width: 66%; float: left; color: #323275; }
.TwoThirdsLeft p { font-size: 14px; margin: 20px 0 20px 0; }
a.DNNCButton:link, a.DNNCButton:active, a.DNNCButton:visited { float: left; text-decoration: none; padding: 12px; border-radius: 6px; font-size: 15px; background-image: url('images/Home/ButtonArrow.png'); background-repeat: no-repeat; background-position: 93% center; display: block; margin: 15px 10px 0 0; }
.DNNCButton.Blue { background-color: #323275; color: #fff; font-weight: bold; }
.DNNCButton.Medium { width: 180px; }
.DNNCButton.Grey { background-color: #dddddd; color: #323275; }
a.DNNCButton.Grey:hover { background-color: #ccc; }
.DNNCButton.Long { width: 224px; }
.GreyBoxRounded h2 { display: inline; color: #F78D0F; margin-right: 30px; font-size: 20px; }
.GreyBoxRounded { margin: 15px 10px 20px 0; background: #f9f9f9; color: #323275; font-size: 17px; padding: 10px; border: 3px #F0F0F0 solid; border-radius: 6px; }
.GreyBoxRounded .ItalicGrey { color: #717171; font-size: 12px; font-style: italic; }

.DNNCTutorialContentList{padding-left:10px}

.DNNCTutorialContentList h4,.DNNCTutorialContentList h4 .Head{
	font-size:15px;
	padding: 0;
	margin: 0;
	font-weight:normal;
}

.DNNCTutorialContentList p{
	font-size:12px;
	margin: 4px 4px 14px 0;
}

/*#search {
	top: 152px;
}

#loginlinks {
top: 125px;
}

#contentholder {
margin-top: 91px;
}*/

#menu {
top: 87px;
}