/* BEGIN: advent css */
h3.advent
{
	color: Black;
	font-weight: bold;
	font-size: 14pt;
	font-family: Verdana, Arial, Tahoma, Georgia;
}

h4.advent
{
	color: Black;
	font-weight: bold;
	font-size: 11pt;
	font-family: Verdana, Arial, Tahoma, Georgia;
}

h5.advent
{
	color: Black;
	font-weight: bold;
	font-size: 9pt;
	font-family: Verdana, Arial, Tahoma, Georgia;
}

.clear{ clear: both;}

.miniPanelLeft { float: left; background-image: url(images/minipanel.png);
	width: 232px; height: 152px; position: relative; }

.miniPanelRight { float: right; background-image: url(images/minipanel.png);
	width: 232px; height: 152px; position: relative; }

.miniPanelCenter { background-image: url(images/minipanel.png);
	width: 232px; height: 152px; position: relative; margin: 0 auto; }

.miniPanelContent { float: left; width: 90px; margin-left: 10px; }

.miniPanelImage { float: right; margin-right: 5px; }

.miniPanelContentText { color: White; font-size: 8pt; }

table.advent
{
	border-collapse: collapse;
	margin-top: 0px;
}
.advent td
{
	padding: 2px 2px 2px 2px;
}
table.blackborder > tbody td
{
	border: solid 1px lightgrey;
}
.advent th
{
	border-collapse: collapse;
	font-weight: bold;
	text-align: center;
	color: White;
}
.blackborder
{
	border-style: solid;
	border-width: 2px;
	border-color: #003399;
	background: white;
	text-align: left;
}
.gridheader, .gridheaderbig, .gridheaderleft, .gridheaderright, .gridpager
{
	height: 20px;
	padding: 4px 4px 4px 4px;
	background: #003399 url('images/vertgradient.gif') repeat-x 50% bottom;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	color: White;
}

.gridheader th{
 color: white;
}
.gridheader a, .gridheaderbig a
{
	color: #FFF8DC;
	text-decoration: none;
}
.gridheaderleft
{
	text-align: left;
}
.gridheaderright
{
	text-align: right;
}
.gridheaderbig
{
	background-image: url('images/vertgradient40.png');
	background-repeat: repeat-x;
	background-position: 50% bottom;
}
.gridnormal
{
	background-color: #eeeeee;
}
.gridalternate
{
	background-color: #b5c7d6;
}
.gridhighlight
{
	background-image: url('images/LightOrangeGradient.png');
	background-repeat: repeat-x;
	background-color: White;
	cursor: pointer;
}

/* apply to any first paragraph in the "lightblue" or "darkblue" header boxes to fix FF/Safari bug */
.firstParagraph
{
	display: inline;
}

.featureLabel
{
	display: inline-block;
	width: 150px;
}

.featureLabelWide
{
	display: inline-block;
	width: 200px;
}

.featureLabelBold
{
	display: inline-block;
	width: 150px;
	font-weight: bold;
}

.featureValue
{
	font-weight: bold;
}
img
{
	border: none 0px;
}

a.clickableFeature:link
{
	text-decoration: none;
	color: Black;
}

a.clickableFeature:hover 
{
	text-decoration: none;
	color: Black;
}

a.clickableFeature:visited 
{
	text-decoration: none;
	color: Black;
}

a.clickableFeature:active 
{
	text-decoration: none;
	color: Black;
}
/* END: advent css */

/* global */
#cluetip-close img
{
	border: 0;
}
#cluetip-title
{
	overflow: hidden;
}
#cluetip-title #cluetip-close
{
	float: right;
	position: relative;
}
#cluetip-waitimage
{
	width: 43px;
	height: 11px;
	position: absolute;
	background-image: url(images/wait.gif);
}
.cluetip-arrows
{
	display: none;
	position: absolute;
	top: 0;
	left: -11px;
	height: 22px;
	width: 11px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#cluetip-extra
{
	display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default
{
	background-color: #d9d9c2;
}
.cluetip-default #cluetip-outer
{
	position: relative;
	margin: 0;
	background-color: #d9d9c2;
}
.cluetip-default h3#cluetip-title
{
	margin: 0 0 5px;
	padding: 8px 10px 4px;
	font-size: 1.1em;
	font-weight: normal;
	background-color: #87876a;
	color: #fff;
}
.cluetip-default #cluetip-title a
{
	color: #d9d9c2;
	font-size: 0.95em;
}
.cluetip-default #cluetip-inner
{
	padding: 10px;
}
.cluetip-default div#cluetip-close
{
	text-align: right;
	margin: 0 5px 5px;
	color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows
{
	background-image: url(images/darrowleft.gif);
}
.clue-left-default .cluetip-arrows
{
	background-image: url(images/darrowright.gif);
	left: 100%;
	margin-right: -11px;
}
.clue-top-default .cluetip-arrows
{
	background-image: url(images/darrowdown.gif);
	top: 100%;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 22px;
}
.clue-bottom-default .cluetip-arrows
{
	background-image: url(images/darrowup.gif);
	top: -11px;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip
{
	background-color: transparent;
}
.cluetip-jtip #cluetip-outer
{
	border: 2px solid #ccc;
	position: relative;
	background-color: #fff;
}

.cluetip-jtip h3#cluetip-title
{
	margin: 0 0 5px;
	padding: 2px 5px;
	font-size: 16px;
	font-weight: normal;
	background-color: #ccc;
	color: #333;
}

.cluetip-jtip #cluetip-inner
{
	padding: 0 5px 5px;
	display: inline-block;
}
.cluetip-jtip div#cluetip-close
{
	text-align: right;
	margin: 0 5px 5px;
	color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows
{
	background-image: url(images/arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows
{
	background-image: url(images/arrowright.gif);
	left: 100%;
	margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows
{
	background-image: url(images/arrowdown.gif);
	top: 100%;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 22px;
}
.clue-bottom-jtip .cluetip-arrows
{
	background-image: url(images/arrowup.gif);
	top: -11px;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 22px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded
{
	background: transparent url(images/bl.gif) no-repeat 0 100%;
	margin-top: 10px;
	margin-left: 12px;
}

.cluetip-rounded #cluetip-outer
{
	background: transparent url(images/tl.gif) no-repeat 0 0;
	margin-top: -12px;
}

.cluetip-rounded #cluetip-title
{
	background-color: transparent;
	padding: 12px 12px 0;
	margin: 0 -12px 0 0;
	position: relative;
}
.cluetip-rounded #cluetip-extra
{
	position: absolute;
	display: block;
	background: transparent url(images/tr.gif) no-repeat 100% 0;
	top: 0;
	right: 0;
	width: 12px;
	height: 30px;
	margin: -12px -12px 0 0;
}
.cluetip-rounded #cluetip-inner
{
	background: url(images/br.gif) no-repeat 100% 100%;
	padding: 5px 12px 12px;
	margin: -18px -12px 0 0;
	position: relative;
}

.cluetip-rounded div#cluetip-close
{
	text-align: right;
	margin: 0 5px 5px;
	color: #009;
	background: transparent;
}
.cluetip-rounded div#cluetip-close a
{
	color: #777;
}

/* rounded arrows */

.clue-right-rounded .cluetip-arrows
{
	background-image: url(images/rarrowleft.gif);
}
.clue-left-rounded .cluetip-arrows
{
	background-image: url(images/rarrowright.gif);
	left: 100%;
	margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows
{
	background-image: url(images/rarrowdown.gif);
	top: 100%;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 22px;
}
.clue-bottom-rounded .cluetip-arrows
{
	background-image: url(images/rarrowup.gif);
	top: -23px;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 22px;
}

#cluetip
{
	text-align: left;
}

/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title, .cluetip-rounded #cluetip-inner
{
	zoom: 1;
}

.branding-top {
	background: url(dnn_large_banner.jpg) no-repeat center;
	width: 890px;
	height: 340px;
	clear: both;
	overflow: hidden;
}
.branding-top p {
	padding: 270px 60px 0 60px;
	font-size: 1.4em;
	color: #333;
}
.branding-bottom {
	clear: both;
	margin-top: 1em;
	overflow: hidden;
}
.branding-bottom ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	clear: both;
}
.branding-bottom li {
	list-style: none;
	margin: 0 10px 0 0;
	padding: 0;
	display: block;
	width: 170px;
	float: left;
}

.branding-bottom li.training {
	margin: 0;
}

.branding-bottom dl {
	background: url(itembg.gif) repeat-y;
	margin: 33px 0 0 0;
	padding: 0 10px;
}
.branding-bottom dd {
	margin-left: 10px;
	height: 66px;
}
.branding-bottom dt {
	font-size: 90%;
	text-align: center;
	padding-top: 65px;
	margin-bottom: 1.75em;
	font-weight: bold;
}
.branding-bottom .commmunity {
	background: url(community_title.gif) no-repeat top left;
}
.commmunity dt {
	background: url(community_icon.gif) no-repeat;
	background-position: 50% 10px;
}
.branding-bottom .marketplace {
	background: url(marketplace_title.gif) no-repeat top left;
}
.marketplace dt {
	background: url(marketplace_icon.gif) no-repeat;
	background-position: 50% 10px;
}
.branding-bottom .conferences {
	background: url(conferences_title.gif) no-repeat top left;
}
.conferences dt {
	background: url(conferences_icon.gif) no-repeat;
	background-position: 50% 10px;
}
.branding-bottom .training {
	background: url(training_title.gif) no-repeat top left;
}
.training dt {
	background: url(training_icon.gif) no-repeat;
	background-position: 50% 10px;
}
.branding-bottom .support {
	background: url(support_title.gif) no-repeat top left;
}
.support dt {
	background: url(support_icon.gif) no-repeat;
	background-position: 50% 10px;
}
dl.bt {
	margin: 0;
	padding: 0;
	background: url(item_bt_bg.gif) no-repeat bottom;
	height: 32px;
	width: 170px;
}
#LoginInfo
{
	width:660px; 
	float:left;
}
#LoginInfo h3
{
	background-color: #f7f7f7;
	color: #8f0000;
	padding: 2px 0px;
}
#LoginInfo dd, #LoginInfo dt 
{
	display:inline;
}
#LoginInfo dt
{
	font-weight:bold;
	color: #333;
}
#LoginInfo p.LoginNotes
{
	font-size: .8em;
}
#LoginInfo div.LoginBlock {
	float: left;
	width: 310px;
	padding: 5px 5px;
	margin: 0px 2px;
	border: 1px #f0f0f0 solid;
}
.SponsorIcon
{
	margin: 5px 26px; 
	float: left;
}
#QuickLinks 
{
	background-color:#f0f0f0;
	border: 1px gray dotted;
	padding: 2px 5px;
	margin-right:5px;
	width: 200px;
	float:right;
}
div.hr
{
	height: 2px;
	background-color: #8f0000;
	margin: 5px 0 15px 0;
	clear:both;
}
div.hr hr
{
	display: none;
}