/**********************************************************************

************************************************************************

********     ***     ********    *******     *******     ******     *****

*******     ***     ********    *******     *******     ******      *****

******     ***     ********    *******************     ******      *****

*****     ***     ********    *******     *******     ******      ****

****     ***     ********    *******     *******     ****************

********************************************************************/



/* CSS Document */

* {margin:0;padding:0;}

html {font-size: 12px; margin:0; padding:0;height: 100%;min-height: 100%;}

#Body { background-color: #131553; }
body {height: 100%;min-height: 100%; margin:0; padding:0;text-align: left;color: #333;} /* MONTY 070910 Changed background color from #131553 to fix fckeditor blue background issue */

/************************* DNN Styles *********************************/

/* style for module titles */

.Head {font: bold 100% Arial, Helvetica;color: #000000;}

/* style of item titles on edit and admin pages */

.SubHead {font: bold 100% Arial, sans-serif;color: #666;}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */

.SubSubHead {font: bold 100% Arial, sans-serif;color: black;}

/* text style used for most text rendered by modules */

.Normal {font: normal 100% Arial, sans-serif;color: #333;}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */

.NormalTextBox {font: normal 100% Arial, sans-serif;}

.NormalRed {font: bold 100% Arial, sans-serif;color: #FF0000;}

.NormalBold {font: bold 100% Arial, sans-serif;}

/* text style for buttons and link buttons used in the portal admin pages */

.CommandButton {font: normal 100% Arial, sans-serif;}

A.CommandButton:link {text-decoration: underline;color: #999;}

A.CommandButton:visited {text-decoration: underline;color: #999;}

A.CommandButton:hover {text-decoration: underline;color: #666;}

A.CommandButton:active {text-decoration: underline;color: #999;}

/*   end of dnn styles   */

a, a:link, a:visited, a:active {font-family: Arial, sans-serif; font-weight:normal; color: #294ed2; text-decoration:underline; }

a:hover {color: #8d296f; text-decoration:underline;}

img {border: 0px;}

p {margin: 0 0 7px 0;padding: 0;}

table {font: normal 100% Arial, sans-serif;color: #333;line-height: 1.2em;}

ul {

	list-style-type: disc;

	line-height: 1.3em;

	margin: 0 0 8px 25px;

	padding: 0;

}

h1 {

	font: bold 16px Arial, sans-serif;

	color: #b05192;

	margin: 10px 0 8px 0;

}

h2 {

	font: bold 14px Arial, sans-serif;

	color: #b05192;

	margin: 10px 0 8px 0;

}

h3 {

	font: bold 12px Arial, sans-serif;

	color: #b05192;

	margin: 10px 0 8px 0;

}

/*-------- design style --------*/

#wrapper-bg { background:#131553 url(images/bg.gif) no-repeat top center; width: 100%;margin:0 auto;}

#wrapper {width: 952px;margin:0 auto;min-height: 100%;padding: 0;}

#top-margin {height: 24px;}

#header {background: url(images/header-bg.jpg) no-repeat top center;height: 131px;}

#logo {float: left;width: 530px;}

#topright {}

#topright1 {float: left;}

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

#topright2 {float: right;width: 280px;}

	#searcher {padding: 5px 0 0 67px;}

	.searchbox {background: #36386b;border: 0;width: 164px;height: 17px;color: #b6b6c2;font: normal 11px arial, sans-serif;padding: 2px 0 0 2px;}

	.searchbutton {background: url(images/arrow.gif) no-repeat top center;width: 16px; height: 16px;border:0;text-indent:-9999px;margin-left: 5px;}

#nav {clear: both;height: 53px;background: url(images/nav-bg.jpg) repeat;} /* MONTY 071210 Changed height from 50 to 53 and repeat-x to repeat to remove line in Firefox & IE */



#main-content {clear: both;background: #fff;border-bottom: 8px solid #eaecdf;}

#home-feature {}

	#home-feature p, #home-feature div {margin: 0;}

#homebody {min-height: 370px;padding: 0 15px;} /* Removed "background: url(images/lower-bg.jpg) no-repeat top center". Apparently wasn't supposed to be there.  */

.home1 {width: 244px;padding: 32px 10px 15px 0;}

.home2 {padding: 0 0 15px 0;} /* Removed padding-top:32px to move content closer to horizontal sub menu */

.home3 {padding: 32px 0 15px 10px;}

#homebody2 {width: 912px;padding: 0 24px 5px 24px;}

.home4 {vertical-align: top;}

.home5 {vertical-align: top;margin: 0 15px;}

.home6 {vertical-align: top;}



#footer {width: 936px;margin:0 auto;}

.borders {border-left: 8px solid #eaecdf;border-right: 8px solid #eaecdf;}



.clear_both {clear: both;}

/*-------------- Empty panes Style --------------*/

.DNNEmptyPane{width:0;padding:0;margin:0;}

/*-------------- ADMIN --------------*/

#int-admin {clear: both;padding: 0 0 10px 0;}

/*--------- dnn menu style ----------*/

/* main menu td */

.main_dnnmenu_bar {

	cursor:pointer;

	background-color:transparent;

	height: 50px;

}

/*  Main Menu Normal  */

.main_dnnmenu_rootitem {

	color: #fff;

	font: bold 16px helvetica, arial, sans-serif;

	line-height: 50px;

	text-align:center;

	padding:0px 20px;

	white-space:nowrap;

	float:left;

	margin-right: 1px;

}

/*  Main menu hover  */

.main_dnnmenu_rootitem_hover {

	color: #fff;

	font: bold 16px helvetica, arial, sans-serif;

	background: url('images/nav-on.gif') repeat-x top left;

	line-height: 50px;

	text-align:center;

	padding:0px 20px;

	white-space:nowrap;

	float:left;

	margin-right: 1px;

}

/*  Main menu selected  */

.main_dnnmenu_rootitem_selected {

	color: #fff;

	font: bold 16px helvetica, arial, sans-serif;

	background: url('images/nav-on.gif') repeat-x top left;

	line-height: 50px;

	text-align:center;

	padding:0px 20px;

	white-space:nowrap;

	float:left;

	margin-right: 1px;

}

/*  SUB Menu Normal */

.main_dnnmenu_submenu {

	border-left:1px solid #c49fb1;

	border-right:1px solid #c49fb1;

	border-bottom:1px solid #c49fb1;

	background:#5b0a3a;

	z-index: 1000;

	filter: alpha(opacity=85);

	opacity: 0.85;

}

.main_dnnmenu_submenu td {

	font: bold 13px helvetica, arial, sans-serif;

	text-align:left;

	color:#d2a7c5;

	line-height:25px;

	padding: 5px 15px 5px 5px;

	margin:0px;

	border-bottom: 1px solid #6c234e;

	z-index: 1000;

}

/*  SUB Menu hover & selected */

.main_dnnmenu_itemhover td {

	font: bold 13px helvetica, arial, sans-serif;

	color:#fff;

	text-align:left;

	line-height:25px;

	padding: 5px 15px 5px 5px;

	margin:0px;

	border-bottom: 1px solid #6c234e;

	z-index: 1000;

}

.main_dnnmenu_itemselected td {

	font: bold 13px helvetica, arial, sans-serif;

	color:#fff;

	text-align:left;

	line-height:25px;

	padding: 5px 15px 5px 5px;

	margin:0px;

	border-bottom: 1px solid #6c234e;

	z-index: 1000;

}

.main_dnnmenu_submenu .icn {width: 20px;background: url('images/icon.gif') no-repeat center right;}

/* Dotted line around active button in Firefox */

:-moz-any-link:focus {

    outline-style: none !important;

    outline-width: 0px !important;

}

/* End Dotted line around active button in Firefox */



/**********************************************************************

************************************************************************

********     ***     ********    *******     *******     ******     *****

*******     ***     ********    *******     *******     ******      *****

******     ***     ********    *******************     ******      *****

*****     ***     ********    *******     *******     ******      ****

****     ***     ********    *******     *******     ****************

********************************************************************/

/* GENERALLY DEVIATIONS FROM THE ORIGINAL STYLE SHEET GO DOWN HERE */

/* SITE/SECTION-WIDE STYLES */
#dnn_TopPane2 span { color: #A5A5B9; } /* Added to resolve color of login error/lost password text color 6.22.2010 */

div.ncl-fb-friend-link{
  text-align: right;
  margin: 0 78px 10px 0;
}

/* RSS NEWS TICKER ON HOME PAGE */
.rssFeed{
  width: 245px;
}
.rssFeed a{
  text-decoration: none;
}
.rssFeed a:hover{
  text-decoration: underline;
}

.rssHeader{
  padding-bottom: 10px;
}
.rssHeader a{
  color: #8C286D;
  font-size: 18px;
}
.rssRow{
  border-top: 1px solid #e7c4dc;
}
.rssRow h4{
  padding-top: 8px;
}
.rssRow .rssCont{
  padding-bottom: 8px;
}
.rssRow h4 a{
  font-weight: bold;
  color: #b05192;
}
.rssRow .rssPub{
  font-size: 10px;
  color: #666;
  padding: 2px 0 3px 0;
}

/* FOR STEPS GFX IN MEMBERS SECTION */
#steps-ncl-fund-parent{
  border-bottom: 1px solid #e8c3dc;

}
#steps-ncl-fund{
  padding-bottom: 133px;
}
#steps-ncl-fund p{
  float: left;
  margin-right: 20px;
}
#steps-ncl-fund img{
  margin-bottom: 5px;
}


/* FOR RIGHT BUCKETS */
.ncl-menu-spec-box{
  position: relative; /* Here, just in case children are absolutely positioned */
  margin-bottom: 3px;
  z-index: 0;
}

.ncl-menu-spec-box *{
  margin: 0;
  padding: 0;
  color: #303167;
}

.ncl-menu-spec-box, .box-top-bg, .box-bot-bg{
  width: 264px;
}

.box-cont{
  width: 244px; /* width and padding have to be adjusted to match width of parent */
  *width: 100%; /* IE7/8 hack. IE doesn't calculate padding into computed width */
  padding: 0 10px 0 10px;
  background: url(roundedmenu/rounded-line.png) repeat-x 0px 20px;
}
.bc-purple{
  background-color: #D9DAEF;
}
.bc-pink{
  background-color: #E9BADA;
}
.bc-orange{
  background-color: #E8D6A8;
}

.box-cont h6{
  font-size: 12px;
  font-weight: bold;
  display: block;
  margin-bottom: 15px;
}
.box-cont span{
  display: block;
}

.box-cont .side-gfx{
  height: 19px;
  position: absolute;
  top: 15px;
  right: 10px;
  text-decoration: none;
}

.box-cont .violet-enter-btn, .box-cont .pink-enter-btn{
  width: 63px;
}
.box-cont .violet-enter-btn{
  background: url(roundedmenu/violet-enter-btn.png) no-repeat 0 0;
}
.box-cont .pink-enter-btn{
  background: url(roundedmenu/pink-enter-btn.png) no-repeat 0 0;
}
.box-cont .pink-dl-btn{
  background: url(roundedmenu/pink-dl-btn.png) no-repeat 0 0;
  width: 86px;
}
.box-cont .coming-soon-gfx{
  width: 44px;
  height: 22px;
  background: url(roundedmenu/coming-soon-gfx.png) no-repeat 0 0;
  cursor: default;
}

.box-cont #mem-exp-pics{
  margin-top: 10px;
}

.box-top-bg, .box-bot-bg{
  height: 6px; /* Just needs to be tall enough to reveal the rounded corners */
  overflow: hidden; /* Clip off anything extra */
  background-repeat: no-repeat;
}
.btb-purple, .bbb-purple{
  background-image: url(roundedmenu/rounded-purple.png);
}
.btb-orange, .bbb-orange{
  background-image: url(roundedmenu/rounded-orange.png);
}
.btb-pink, .bbb-pink{
  background-image: url(roundedmenu/rounded-pink.png);
}
.box-top-bg{
  background-position: 0px 0px;
}
.box-bot-bg{
  background-position: 0px -45px; /* Vertical position is: (height of bg image)-(height of items of this class) */
}

.ncl-menu-spec-box-lrg, .box-top-bg-lrg, .box-bot-bg-lrg{
  width: 501px;
}
.box-cont-lrg{
  width: 481px;
  *width: 100%;
}
.btb-pink-lrg, .bbb-pink-lrg{
  background-image: url(roundedmenu/rounded-pink-lrg.png);
}



/* MEMBERS HOME PAGE STYLES */
.post-bucket-align{
  margin-left: 34px;
}

#browser-info-box{
  margin: 120px 0 0 35px;
  *margin-top: 160px;
  *margin-left: 37px;
}

span.DNN_ANN_Title{
  color: #131553;
  font-weight: bold;
  text-transform: uppercase;
}
div.DNN_ANN_Description{
  color: #131553;
}
span.DNN_ANN_Date{
  color: #373737;
  font-weight: bold;
}
p.DNN_ANN_MainGfx{
  width: 40%;
  margin-top: -15px;
  float: right;
  border: none;
  text-align: right;
}
.DNN_ANN_DescPara{
  width: 57%;
  float: left;
}
.DNN_ANN_Keyline{
  padding: 12px 0 10px 0;
}

.all-caps{
  text-transform: uppercase;
}



/* BIO STYLES */
div.bio-basic{ display:block; text-align: left; float: left; clear:left; width: 490px; *margin-bottom: 20px; }

div.bio-basic a img{border:none;}

div.bio-basic p{ float:left; width: 385px; padding-right: 10px; }
div.bio-basic p span{ }
div.bio-basic p .expand-close-btn{ display: block; }
div.bio-basic p b{ display:block; margin-bottom:8px; font-size: 105%; }

div.bio-basic div.head-shot{ float: left; width: 90px; }
div.bio-basic div.head-shot img{ display:block; }
div.bio-basic div.head-shot .head-shot-btn{ display:block; padding:5px 0 0 10px; }
div.bio-basic div.head-shot .pink-photo-border{ padding: 5px; border: 1px solid rgb(232, 195, 220); }

div.exp-quote { border-top: 1px solid rgb(232, 195, 220); padding: 8px 0 5px 0; }
div.exp-quote p{ width: 350px; }
div.exp-quote p b{ color:rgb(140,39,108); }
div.exp-quote p i{ color:rgb(50,55,55);font-weight:normal;display:block;padding-top:10px;}


/* LEARNING LOUNGE */
div#pillar-txt-cont{
  position: relative;
  height: 385px;
}
div#pillar-txt-cont p{
  height: 100%;
  width: 150px;
  *width: 180px;
  float: left;
  border-right: 1px solid #e8c3dc;
  padding: 20px;
  position: relative;
}
div#pillar-txt-cont p img{
  position: absolute;
  left: 55px;
  bottom: 30px;
}
div#pillar-txt-cont .no-left-friend{
  padding-left: 0;
}
div#pillar-txt-cont .no-right-friend{
  padding-right: 0;
}
div#pillar-txt-cont .no-right-wall{
  border-right: none;
}

#pillar-gfx-cont{
  position: relative;
}

#pillar-gfx-cont img{
  border: none;
}

#pillar-gfx-cont a{
  display: block;
  width: 98px;
  height: 41px;
  position: absolute;
  top: 100px;
  text-decoration: none;
}
#pillar-gfx-cont a img{
  display: block;
}

#hover-cs-pillar-btn{
  left: 14px;
}

#hover-ld-pillar-btn{
  left: 209px;
}

#hover-ce-pillar-btn{
  left: 413px;
}

.pink-bottom{
  border-bottom: 1px solid #E8C3DC;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

/* All Learning Modules */
.mod-box{
  height: 121px; /* make same height as mod-cap image */
  *height: 121px; /* IE forgets to include the padding */
  color: #373737;
  margin-bottom: 10px;
}
.mod-box-def{
  background-color: #d9d9ef;
}

.mod-info, .view-rate, .mod-cap{
  height: 100%;
  float: left;
}
.mod-info, .view-rate{
  padding-top: 10px;
}

.mod-info{
  width: 48%;
}
.mod-info h5, .mod-info p{
  padding-left: 12px;
}
.mod-info h5{
  color: #8c286d;
  font-size: inherit; /* TODO probly won't work in IE */
  margin-bottom: 10px;
}
.mod-info p{
  margin-bottom: 3px;
}
.mod-info p span{
  font-weight: bold;
}

.mod-cap{
  padding: 0 6px 0 6px;
  background-color: #fff;
}
.mod-cap img{
  vertical-align: middle;
}


.view-rate{
  width: 120px;
  text-align: center;
}
.view-rate *{
  display: block;
}
.view-rate img{
  border: none;
  margin: 0 auto 0 auto;
}
.view-rate p{
  padding-top: 20px;
  *padding-top: 15px;
}

/* Single Learning Module */
table.mod-main-exp-info{
  width: 550px;
  border-bottom: 1px solid #e8c3dc;
}

.mod-main-exp-info td{
  font-weight: bold;
  vertical-align: top;
  padding: 0 15px 5px 0;
}
.mod-main-exp-info td+td{
  font-weight: normal;
  width: 370px;
}

.mod-main-exp-info td p, .mod-main-exp-info td ul, .mod-main-exp-info td ul li{
  margin: 0;
  padding: 0;
}

.mod-main-exp-info td p span{
  font-weight: bold;
}

.mod-visual{
  border:1px solid #8c286d;
  padding:4px;
  margin-bottom: 4px;
}

.mod-spec-box{
  margin-left: 4px;
}

span.mod-view-cnt{
  display: inline;
}

.rating-legend{
  margin-top: 15px;
}

/* Sustainers */
.sustainers-sl-cont{
  background: url(/Portals/0/images/custom-ncl-skin/sustainers/sustainers-spotlight.jpg) no-repeat 0 0;
  width: 848px;
  height: 320px;
}

.sustainers-sl-cont h1{
  margin-top: 0;
  padding: 25px 0 0 430px;
  font-size: 18px;
}
.sustainers-sl-cont h1 a{
  padding: 15px 0 0 19px;
}

.sustainers-sl-cont .links{
  margin: 25px 0 0 435px;
}
.sustainers-sl-cont .links a{
  display: block;
}
.sustainers-sl-cont ul li{
  list-style-type: none;
}

div.sustainers-mem-dir{
  position: relative;
}

img.sustainers-mem-dir{
  position: absolute;
  left: 360px;
  top: -60px;
}

.sustainers-promo-vid{
  display: inline-block;
}

p.sustainers-promo-vid{
  width: 66%;
  position: relative;
  top: -76px;
}

div.sustainers-promo-vid{
  width: 20%;
  padding: 0 0 0 15px;
}

table.sustainers-upcoming-confs td{
  padding-right: 70px;
}

/* Memorable Experiences */
.EasyFormContent{
  background-color: #e3e4f0;
  padding: 0 0 8px 15px;
}

/* List with circle */
ul.circle_list li{
  list-style:disc;
}