* {
margin:0;
padding:0;
}

/* commented backslash hack v2 \*/ 
html, body{
height:100%;
} 
/* end hack */ 

body {
background:#13d3f1 url(images/bg_grad.jpg) repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666;
}

#clouds {
width:100%;
height:100%;
background:url(images/bg_clouds.jpg) top right no-repeat;
z-index:0;
display:table;
}

#topfold {
position:absolute;
width:765px;
height:43px;
z-index:2;
background-position:bottom left;
background-repeat:no-repeat;
top:50px;
left:0px;
}

#container {
width:765px;
z-index:3;
position:relative;
height:100%;
display:table;
}

#containerTwoCols {
background:url(images/bg_bottomright_nogrey.gif) no-repeat;
width:765px;
z-index:3;
position:relative;
height:100%;
display:table;
}

#containerThreeCols {
background:url(images/bg_bottomright_grey.gif) no-repeat;
width:765px;
z-index:3;
position:relative;
height:100%;
display:table;
}

#containerInner {
background:url(images/white1.gif) -1px 1296px no-repeat;
}

#content {
width:706px;
float:left;
background:#fff url(images/bg_navlist.gif) repeat-x;
}

#containerTwoCols #contentInner {
background-color:#fff;
width:706px;
margin-top:2px;
}

#containerThreeCols #contentInner {
background:#fff url(images/bg_contentInner.gif) 0px 20px repeat-y;
width:706px;
margin-top:20px;
}

/* ENTRY PAGE */

#entryContainer {
width:765px;
height:573px;
z-index:3;
position:relative;
}

#entryContent {
width:706px;
background:inherit;
float:left;
background:#fff url(images/bg_navlist.gif) repeat-x;
}

#entryContentInner {
background:url(images/bg_entrybottom.jpg) bottom left no-repeat;
width:765px;
height:224px;
position:absolute;
top:392px;
padding:0px;
}

#inner {
width:721px;
background-color:#fff;
height:180px;
margin:0;
overflow:hidden;
}

#inner h1 {
font-weight:normal;
margin-top:0px;
}

#inner h3 {
font-weight:normal;
margin-top:0px;
}

#inner p {
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
line-height:18px;
}

#entryLeft {
float:left;
border-right:1px solid #ccc;
padding-right:20px;
}

#entryMiddle {
float:left;
border-right:1px solid #ccc;
padding-right:20px;
}

#entryMiddle img {
float:right;
}

#entryMiddle a.buyNow {
margin:7px 0 0 -3px;
}

#entryRight {
float:left;
width:190px;
}

#entryFooter {
margin:46px 0 0 20px;
}

#entryFooter p, #entryFooter a {
color:#fff;
}

#entryContainerSide {
width:59px;
height:479px;
float:right;
right:0px;
top:0px;
}

#entryLeft, #entryMiddle, #entryRight {
margin:20px 0 0 23px;
display: inline;
}
  
div#entryLeft, div#entryMiddle { /* IE BOX MODEL HACK */
width: 190px !important;
width /**/: 210px;
}
  

/* ENTRY END */

#header {
height:93px;
width:765px;
position:relative;
}

#topLinks {
position:absolute;
top:10px;
right:60px;
padding:4px 6px;
}

#topLinks a, #topLinks p {
color:#fff;
padding:0;
margin:0;
line-height:normal;
}

#containerSide {
width:59px;
height:600px;
float:right;
right:0px;
top:0px;
}

#sideBar {
margin-top:15px;
font-family:Arial, Helvetica, sans-serif;
}

#adBar {
padding:0px;
width:153px;
}

#sideBar ol {
color:#525151;
padding-left:20px;
}

#sideBar dt {
margin:10px 0;
padding-left:10px;
background:url(images/bullet.gif) center left no-repeat;
}

#sideBar ul li {
margin:6px 0;
padding-left:10px;
background:url(images/bullet.gif) left 2px no-repeat;
list-style-type:none;
color:#666;
}

#sideBar dd {
line-height:17px;
padding-left:10px;
}

/* ONE-COLUMN */
#centerCol {
width:676px;
margin:20px 15px 0 0;
padding:12px 0 10px 15px; 
background:url(images/bg_bodycol.gif) repeat-x;
}


/* TWO-COLUMNS */

#containerTwoCols #rightCol {
width:153px;
float:right;
padding:20px 0;
}

#containerTwoCols #leftCol {
width:523px;
float:left;
margin:20px 15px 0 0;
padding:12px 0 10px 15px; 
background:url(images/bg_bodycol.gif) repeat-x;
}

/* THREE COLUMNS */

#containerThreeCols #leftCol {
float:left;
padding:0 15px 0 10px;
background:#f9f9f9 url(images/bg_leftcol.gif) repeat-x;
margin:0 10px 0 0;
}

#containerThreeCols #leftCol { /* IE BOX MODEL HACK */
width: 128px !important;
width /**/: 153px;
}
  
#containerThreeCols #rightCol {
width:143px;
float:right;
margin:0 0 0 10px;
overflow:hidden;
}

#containerThreeCols #midCol {
width:360px;
float:left; 
background:url(images/bg_bodycol.gif) repeat-x;
padding:12px 10px 0px 10px;
}

#flashHold {
width:706px;
height:241px;
}

#flashHolder {
width:721px;
height:263px;
position:absolute;
top:129px;
left:0px;
z-index:5;
}

#rightCol ul li {
padding-left:20px;
background:url(images/bullet_asterix.gif) 0px 2px no-repeat;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666;
margin:4px 0px;
}

#header h1 a {
width:386px;
height:93px;
background:url(images/bg_header.gif) no-repeat;
position:absolute;
top:0px;
left:0px;
z-index:1;
}

#header h1 span {
display:none;
}

#contentInner h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:19px;
color:#00CCFF;
margin:0 0 10px 0;
}

#entryContentInner h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#00CCFF;
margin:0 0 10px 0;
}

h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:29px;
color:#666666;
font-weight:normal;
margin:24px 0 17px 229px;
}

#h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:19px;
color:#00CCFF;
margin:0 0 10px 0;
}

h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#666;
margin:20px 0 10px 0;
}

h5 {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666;
line-height:17px;
font-weight:bold;
margin:17px 0 6px 0;
}

h6 {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#00CCFF;
line-height:16px;
font-weight:bold;
margin:6px 0 6px 0;
}

p, td {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666;
line-height:17px;
margin:10px 0;
}

p.intro {
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
color:#a5a5a5;
line-height:27px;
margin:14px 0;
font-weight:bold;
}

#leftCol ul, #midCol ul, #centerCol ul {
margin:0px;
list-style-type:none;
margin:6px 0;
padding-left:10px;
} 

#leftCol ul li, #midCol ul li, #centerCol ul li {
padding-left:15px;
background:url(images/bullet.gif) 0px 5px no-repeat;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666;
line-height:17px;
margin:4px 0px;
} 

#leftCol ol li, #midCol ol li, #centerCol ol li {
padding-left:15px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666;
line-height:17px;
margin:3px 0px;
}

a:link {
color:#00CCFF;
text-decoration:none;
}

a:visited {
color:#0099CC;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

ul#nav {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
width:600px;
height:35px;
padding:0;
z-index:6;
float:left;
}

#entryContent ul#nav {
border-bottom:1px solid #f6f6f6;
}

#nav, #nav ul { /* all lists */
list-style: none;
line-height: 10px;
z-index:6;
}

#nav a {
text-align:center;
display: block;
width: 108px;
color:#666;
padding:8px 0;
text-decoration:none;
}

ul#nav li.active a {
color:#00CCFF;
font-weight:bold;
}

#nav li a:hover {
color:#00CCFF;
z-index:6;
}

#nav ul li a {
width:100%;
}

#nav ul li a:hover {
background:#f6f6f6;
z-index:6;
}

#nav li { /* all list items */
float: left;
width:108px; /* width needed or else Opera goes nuts */
padding:5px 0px;
z-index:6;
list-style: none;
}

#nav li ul { /* second-level lists */
margin: 4px 0 0 0;
position: absolute;
background:white;
width: 112px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
border:1px solid #e9e9e9;
z-index:6;
}

#nav li ul ul { /* third-and-above-level lists */
margin: -27px 0 0 112px;
background:white;
border:1px solid #e9e9e9;
z-index:6;
}

#nav li ul li {
text-align:left;
width:112px;
padding:0 0 0 0;
z-index:6;
}

#nav li.active ul li a:link, #nav li.active ul li a:visited {
color:#666;
font-weight:normal;
z-index:6;
}

#nav li.active ul li a:hover {
color:#00CCFF;
font-weight:normal;
z-index:6;
}

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

#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;
z-index:6;
}


#nav li.cart a:link, #nav li.cart a:visited {
background:url(images/icon_cart.gif) 0px 5px no-repeat;
padding-left:20px;
}

#nav li.cart a:hover {
background:url(images/icon_cart_hover.gif) 0px 5px no-repeat;
padding-left:20px;
}

a.login {
float:right;
height:23px;
width:44px;
margin:7px 20px 0 0;
padding:2px;
background:url(images/button_login.gif) no-repeat;
}

a.join {
float:right;
height:23px;
width:49px;
margin:7px 0 0 0;
padding:2px;
background:url(images/button_join.gif) no-repeat;
}

.login span, .join span {
display:none;
}

.clr {
clear:both;
}

img.right {
float:right;
margin:0 -10px 5px 10px;
}

.boxBlue {
width:214px;
padding:10px;
background-color:#e2f9ff;
}

.boxBlue p {
margin:0;
line-height:normal;
}

a.buyNow {
background:url(images/button_buynow.gif) no-repeat;
width:84px;
height:27px;
float:left;
margin:0 10px 0 0;
}

a.buyNow span {
display:none;
}

a.CommandButton:link, a.CommandButton:visited {
font-size:12.5px;
font-family:Arial, Helvetica, sans-serif;
color:#00CCFF;
text-decoration:none;
}

a.CommandButton:hover {
text-decoration:underline;
}

.TableCell {
padding: 0px 0px 0px 8px;
}


table#samples, table#misused, table#quiz {
width:100%;
}

table#samples td, table#misused td {
padding:5px;
width:50%;
}

table#quiz td {
padding:5px 8px;
}

#footer {
margin:20px 0 0 0;
width:99%;
text-align:right;
border-top:1px solid #f2f2f2;
}

#footer p {
color:#bbb;
}

img {
border:0;
}



/* FORUMS */

table.afgrid {
width:520px;
border-collapse:collapse;
padding:0;
}

.afsubgrid {
border-collapse:collapse;
}

.afsubgrid tr:hover {
background-color:#F3FDFE;
}

.afsubgrid td {
padding:5px;
}

table.afsubgrid table td{
border:0;
padding:10px;
}

.afgrouprow {
padding:5px;
font-weight:bold;
color:#666;
}

.afgrouprow a {
color:#666;
}

.afborder {
border:1px solid #ddd;
padding:5px;
}

.NormalTextBox, .afsubjectheader, .afcrumb {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666;
}

table.afsubgrid {
width:100%;
}

.CommandButton {
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}

.afheader {
background-color:#F3FDFE;
}

.afsubgrid td, .AFTopicRow, .afpostbody {
border:1px solid #ddd;
}

.afgrouprow {
background-color:#F5F5F5;
border-left:1px solid #F5F5F5;
border-right:1px solid #F5F5F5;
border-bottom:none;
}

.afsubgrid td.afgrouprow {
background-color:#F5F5F5;
border-left:1px solid #F5F5F5;
border-right:1px solid #F5F5F5;
border-bottom:none;
border-top:none;
}

.afforumrow, .aflastpost, .afheader, .AFTopicRow1, .Normal, .afsubrow, .afsubjectheader, .afcrumb {
padding:5px;
}

.afsubjectheader {
font-weight:bold;
}

.afpostbody {
padding:10px;
}

.afR1post {
overflow:auto;
}

a#dnn_ctr425_NTForums_AF_TopicsView_amMiniSearch_lnkSearch,
a#dnn_ctr425_NTForums_ntforums_search_lnkSearch {
border:1px solid #ddd;;
padding:2px 3px;
background-color:#F4F4F4;
font-weight:bold;
margin-left:4px;
}

a#dnn_ctr425_NTForums_AF_TopicsView_amMiniSearch_lnkSearch:hover,
a#dnn_ctr425_NTForums_ntforums_search_lnkSearch:hover {
border:1px solid #bbb;
text-decoration:none;
}


/* BLOG */

#recentPost {
margin-bottom:20px;
}

#recentPost p.byline {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin:0;
font-style:italic;
}

#recentPost h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#a5a5a5;
margin:15px 0 0 0;
}

#recentPost p.posted {
font-size:10px;
color:#bbb;
}

hr {
border:none;
border-top:1px solid #eee;
color:#eee;
height:1px;
}

#recentPost:hover {
background-color:#F3FDFE;
}

#search select {
color:#666;
font-size:12px;
}

#search input.text {
padding:0px;
font-size:11px;
color:#666;
}

input#dnn_ctr420_Search_btnSearch, .StandardButton {
border:1px solid #ddd;
background-color:#f5f5f5;
padding:3px;
font-size:11px;
color:#666;
}

input#dnn_ctr420_Search_btnSearch:hover, .StandardButton:hover {
border:1px solid #bbb;
background-color:#f5f5f5;
padding:3px;
font-size:11px;
color:#666;
}

#search button {
border:1px solid #ddd;
background-color:#f5f5f5;
padding:3px;
font-size:11px;
color:#666;
}

li.current {
font-weight:bold;
}

#calMonth {
margin-left:-12px;
}

#calMonth td {
border-collapse:collapse;
padding:1px;
}

#calMonth .calBox {
width:10%;
text-align:center;
}

#calMonth td.current {
font-weight:bold;
border:1px solid #ddd;
background-color:#fff;
width:10%;
text-align:center;
}

#calMonth tr.days {
font-weight:bold;
text-align:center;
}

#calMonth td.month {
background-color:#f5f5f5;
}

#calMonth td.month table {
width:100%;
border-collapse:collapse;
border:0;
padding:0;
}

.pncEvents_Cal {

background-color: #f5f5f5;

}

.pncEvents_CalHeader {

background-color: #f5f5f5;
height: 20px;
text-align: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
color: #00CCFF;
font-family: Arial;
font-size: 8pt;
line-height: 12pt;
letter-spacing:0.06em;
text-align: center;
border-left: 1px solid #f5f5f5;
border-right: 1px solid #f5f5f5;

}

 

.pncEvents_CalHeader td {

background-color: #f5f5f5;
height: 20px;
text-align: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
color: #00CCFF;
font-family: Arial;
font-size: 8pt;
line-height: 12pt;
letter-spacing:0.06em;
text-align: center;

}

.pncEvents_CalDayHeader {

background-color: #B3B2B2;
border: 1px solid #E4E4E2;
font-size: 10px;
font-weight: bold;
font-family: Arial; 
text-align: center;
height: 25px;
color: #FFFFFF;

}

.pncEvents_CalSelector {

color: #fff;

}

.pncEvents_CalDay {

background-color: #FFFFC0;
border: 1px solid #cdcdcd;
font-size: 10px;
font-family: Tahoma; 
text-align: Left;
height: 25px;
width: 25px;
color: #00CCFF; 
text-align: center;
}

.pncEvents_CalToday {

background-color: #B1DA17;
height: 25px;
width: 25px;
text-align: left;
border: 1px solid #DDD;
box-sizing: border-box;
-moz-box-sizing: border-box;
color: #00CCFF;
font-family: Arial;
font-size: 8pt;
text-align: center; 
}

.pncEvents_CalSelectedDay {

background-color: #fff;
border: 1px solid #ddd;
font-size: 10px;
font-weight: bold;
font-family: Arial; 
text-align: Left;
height: 25px;
width: 25px;
color: #00CCFF; 
text-align: center

}

.pncEvents_CalWeekendDay {

background-color: #E0E0E0;
border: 1px solid #ffffff; 
font-size: 10px;
font-family: Arial; 
text-align: Left;
height: 25px;
width: 25px;
color: #232323;
text-align: center

}

.pncEvents_CalOtherMonthDay {

background-color: #ffffff;
border: 1px solid #E4E4E2;
font-size: 10px;
font-family: Arial; 
text-align: Left;
height: 25px;
width: 25px;
color: #C0C0C0;
text-align: center

}

/* Module Title Menu */
.ModuleTitle_MenuContainer {
	border-bottom: blue 0px solid; 
	border-left: blue 0px solid; 
	border-top: blue 0px solid; 
	border-right: blue 0px solid; 
}

.ModuleTitle_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:16;
	background-color: Transparent;
}

.ModuleTitle_MenuItem {
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	border-left: white 0px solid; 
	border-bottom: white 1px solid; 
	border-top: white 1px solid; 
	border-right: white 0px solid;
	background-color: Transparent;
}

.ModuleTitle_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	background-color: #EEEEEE; 
	border-left: #EEEEEE 1px solid; 
	border-bottom: #EEEEEE 1px solid; 
	border-top: #EEEEEE 1px solid; 
	text-align: center; 
	width: 15; 
	height: 21;
}

.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #FFFFFF; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	border-bottom: #FFFFFF 0px solid; 
	border-left: #FFFFFF 0px solid; 
	border-top: #FFFFFF 0px solid; 
	border-right: #FFFFFF 0px solid;
}

.ModuleTitle_MenuBreak {
	border-bottom: #EEEEEE 1px solid; 
	border-left: #EEEEEE 0px solid; 
	border-top: #EEEEEE 1px solid;  
	border-right: #EEEEEE 0px solid; 
	background-color: #EEEEEE; 
	height: 1px;
}

.ModuleTitle_MenuItemSel {

	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;

	background-color: #C1D2EE;
}

.ModuleTitle_MenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
	border-right: #FFFFFF 1px solid; 
	border-bottom: #FFFFFF 1px solid; 
	border-top: #FFFFFF 0px solid;
}

.ModuleTitle_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}

/* Main Menu */
.MainMenu_MenuContainer {
	background-color: transparent; 
}
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:16;
	background-color: Transparent;
}
.MainMenu_MenuItem {
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	border-left: white 0px solid; 
	border-bottom: white 1px solid; 
	border-top: white 1px solid; 
	border-right: white 0px solid;
	background-color: Transparent;
}
.MainMenu_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	background-color: #EEEEEE; 
	border-left: #EEEEEE 1px solid; 
	border-bottom: #EEEEEE 1px solid; 
	border-top: #EEEEEE 1px solid; 
	text-align: center; 
	width: 15; 
	height: 21;
}
.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #FFFFFF; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	border-bottom: #FFFFFF 0px solid; 
	border-left: #FFFFFF 0px solid; 
	border-top: #FFFFFF 0px solid; 
	border-right: #FFFFFF 0px solid;
}
.MainMenu_MenuBreak {
	border-bottom: #EEEEEE 1px solid; 
	border-left: #EEEEEE 0px solid; 
	border-top: #EEEEEE 1px solid;  
	border-right: #EEEEEE 0px solid; 
	background-color: #EEEEEE; 
	height: 1px;
}
.MainMenu_MenuItemSel {
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	background-color: #C1D2EE;
}
.MainMenu_MenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
	border-right: #FFFFFF 1px solid; 
	border-bottom: #FFFFFF 1px solid; 
	border-top: #FFFFFF 0px solid;
}
.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}

.ControlPanel, .PagingTable {
    width: 100%;
    height: 64px;
    background-color: #FFFFFF;
    BORDER-RIGHT: #003366 1px solid; 
    BORDER-TOP: #003366 1px solid; 
    BORDER-LEFT: #003366 1px solid; 
    BORDER-BOTTOM: #003366 1px solid;
    POSITION: block;
}

/* text style used for error messages */
.NormalRed
{
    font-weight: bold;
    color: #ff0000
}

.bookFloat {
float:right;
margin:5px 0px 10px 15px;
}