/**
 * CSS for the Corporate site
 *
 * @author	Healthy Interactions team
*/
body{
    font-family: Helvetica, sans-serif;
    font-size:13px;
    background-color:#FFF;
    text-align:center;
}

h1, h2, h3, h4, h5, h6{
    font-family: Helvetica, sans-serif;
	line-height:1.1em;
	margin-bottom:.5em;
}
h1{
    color:#00afdb;
	font-size:26px;
}
h2{
    color:#353638;
    font-size:20px;
}
h3{
    color:#353638;
    font-size:14px;
}
h4{
    color:#58595b;
    font-size:14px;
	font-weight:bold;
}
h5{
    color:#6db33f;
    font-size:14px;
	font-weight:bold;
}
h6{
    color:#58595b;
    font-size:14px;
}
a{
    color:#00afdb;
    text-decoration:none;
}
a:hover{
    color:#FAA634;
}
hr {
    color: #999;
    background-color: #999;
	height:1px;
}
input[type=text], input[type=password]{
    border:1px solid #999;
    width:75%;
    font-size:inherit;
    font-family:inherit;
    padding:3px;
}

blockquote {
	font-size:14px;
	font-style:italic;
}
blockquote .text {
	float:left;
	margin:0px 32px;
	margin-top:-2em;
}
blockquote .quote {
	font-size:50px;
	float:left;
}
blockquote .quote.end {
	float:right;
}
sup{
    font-size:.7em;
    vertical-align:super;
	line-height:.7em;
}

/** Form stuff */
form div {
    clear:both;
    margin-bottom: 1em;
}
form div label {
    float: left;
    width:175px;
}
form div input[type=text], form div input[type=password] {
    width: 350px;
}
form div textarea {
    width:406px;
    height:100px;
}


/** IDs **/
#homepage{
    background-image:url('images/back/bg.jpg');
    background-repeat:repeat-x;
}
#top{
    color:#58595b;
    background-color:#ffffff;
    width:100%;
    height:34px;
    padding:1px 0px 0px 0px;
}
#top .box {
    padding-top:0px;
    text-align:right;
}
#top a{
    color: #999;
    text-decoration:none;
}
#top a:hover {
    color:#007BAF;
}

#search{
    padding-top:5px;
}

#search input[type="text"] {
    width:200px;
	padding:4px 2px 2px 2px;
}
#search form {
    display:inline;
}

#login{
    z-index:600;
    position:absolute;
    top:12px;
    right:0px;
    width:500px;
    background-image: url('images/login_bg.png');
    background-repeat:no-repeat;
    text-align:left;
    height:86px;
}
#login.participant {
    background-image: url('images/login_bg.png');
	background-position: -500px -0px;
}
#login ul {
    list-style:none;
    margin:0px;
    padding:0px;
}
#login ul li {
    float:left;
    width:50%;
    margin-bottom:0;
}
#login ul li a{
    display:block;
    padding: 6px 0px 6px 10px;
    font-weight:bold;
}
#login #LoginFacilitation, #login #LoginParticipant {
    clear:both;
    position:relative;
    padding: 2px 10px 0px 10px;
}
#login a{
    color:#FFF;
    text-decoration:none;
}
#login div a {
    font-size:11px;
    padding-top:4px;
    font-weight:normal;
}
#login div a:hover {
    text-decoration:underline;
}
#login input[type=text], #login input[type=password] {
    width:190px;
    margin-bottom:3px;
}
#login .email {
    position:absolute;
    top:10px;
    left:10px;
}
#login .password {
    position:absolute;
    top:10px;
    left:220px;
}
#login .submit {
    position:absolute;
    top:10px;
    left: 426px;
}
#login .message{
    position:absolute;
    top: 78px;
    left:10px;
    padding:3px 6px 3px 24px;
}
#login .loading{
    background-image:url('images/preload.gif');
    background-repeat:no-repeat;
    color:#666;
}
#login .error{
    background-image:url('images/error.png');
    background-repeat:no-repeat;
    color:#F77;
}
#login h2{
    font-size: 16px;
    color:#FFF;
    margin-top:6px;
    padding:0;
}
#login a.button{
	position:absolute;
	height:22px;
	top:40px;
	display:block;
	padding:0;
}
#login a.button.logout{
	width: 65px;
	background:transparent url('images/buttons.png') -65px 0px no-repeat;
	top:10px;
	right:10px;
}
#login a:hover.button.logout{
	background:transparent url('images/buttons.png') -65px -22px no-repeat;
}
#login a.button.facilitation{
	top:30px;
	width: 185px;
	background:transparent url('images/buttons.png') -130px 0px no-repeat;
	left:10px;
}
#login a:hover.button.facilitation{
	background:transparent url('images/buttons.png') -130px -22px no-repeat;
}
#login a.button.participant{
	top:30px;
	width: 185px;
	background:transparent url('images/buttons.png') -315px 0px no-repeat;
	left:10px;
}
#login a:hover.button.participant{
	background:transparent url('images/buttons.png') -315px -22px no-repeat;
}



#homepage #header{
     height:157px;
    clear:both;
    background-image:url('images/back/homeBacktop.jpg');
}

#header{
    height:157px;
    clear:both;
    background-image:url('images/back/backtop.jpg')
}

#header h1{
    margin-bottom:20px;
}

#homepage #header .box {
    position:relative;
    background-image:url('images/back/homeTopNavBack.jpg');
	background-repeat:no-repeat;
    height:158px;
}

#header .box {
    position:relative;
    background-image:url('images/back/TopNavBack.jpg');
	background-repeat: no-repeat;
    height:158px;
}

#navigation {
    position:absolute;
    top:111px;
    left:0px;
    background-image:url('images/topNav.jpg');
    height:46px;
    width:100%;
}

#navigation ul{
    position:relative;
    list-style-type:none;
    margin:0px;
    padding:0px;
}

#nav li{
    text-align:center;
    width:176px;
    float:left;
}

#nav li a{
    display:block;
    height:46px;
    text-decoration:none;
    vertical-align:middle;
}

#navigation li.hover{

}
#navigation li a.active{

}

#navAbout.active{ background:transparent url('images/topNav.jpg') 0px -46px no-repeat; }
#navAbout.hover{ background:transparent url('images/topNav.jpg') 0px -92px no-repeat; }

#navCmap.active{ background:transparent url('images/topNav.jpg') -176px -46px no-repeat; }
#navCmap.hover{ background:transparent url('images/topNav.jpg') -176px -92px no-repeat; }

#navRegister.active{ background:transparent url('images/topNav.jpg') -352px -46px no-repeat; }
#navRegister.hover{ background:transparent url('images/topNav.jpg') -352px -92px no-repeat; }

#navSuccess.active{ background:transparent url('images/topNav.jpg') -528px -46px no-repeat; }
#navSuccess.hover{ background:transparent url('images/topNav.jpg') -528px -92px no-repeat; }

#navHear.active{ background:transparent url('images/topNav.jpg') -704px -46px no-repeat; }
#navHear.hover{ background:transparent url('images/topNav.jpg') -704px -92px no-repeat; }

#dropdown{
    position:relative;
    z-index:500;
}

#dropdown li {
	background-color:transparent;
	float:none;
	text-align:left;
}

#dropdown li {
	font-size:14px;
	font-weight:bold;
	color:#00AFDB;
}

#dropdown ul.left{
	position:absolute;
	top: 20px;
	left: 20px;
}

#dropdown ul.right {
	position:absolute;
	top:20px;
	left: 230px;
}

#dropdown li.end {
	margin-bottom:2em;
}

#dropdown ul.air li {
	margin-bottom:1em;
}

#dropdown li.sub {
	font-size:13px;
}

#dropdown li.sub2 {
	margin-left: 1em;
	font-size:12px;
	font-weight:normal;
}

#dropdown ul ul {
    margin-left: 1em;
}

#dropdown li a{
    font-size:1em;
    height: 1em;
}

#dropdown a:hover {
	color:#FAA634;
}

#dropdown div{
    position:absolute;
    top:46px;
	background-image: url('images/dropdown_bg.jpg');
	background-repeat:repeat-x;
    padding:10px 20px;
    display:none;
}

#dropdown div .close{
    background-color:#C00;
    padding:4px;
    color:#FFF;
    cursor:pointer;
    float:right;
    margin-left:10px;
    font-size:10px;
    font-weight:bold;
}

#dropdown div .close:hover{
    background-color:#900;
}

#page{
    padding:10px;
    clear:both;
	line-height:1.4em;
}

#subnav {
    clear:both;
    margin-bottom: 1em;
}
#subnav .box{
    background-color:#e3f4fc;
    height:30px;
    text-align:center;
    font-size: 13px;
    line-height:30px;
    color:#00afdb;
}
#subnav a.active {
    font-weight: bold;
}
#subnav a{
    padding: 0px 2px;
}

#breadcrumb {
    margin-bottom:.5em;
    padding-top:.5em;
	margin-top:.5em;
}
#breadcrumb a{
    color:#828384;
    font-size:12px;
}
#breadcrumb a:hover{
    text-decoration:underline;
}

#two-col #content {
    width: 518px;
	padding-right:10px;
}
#two-col #right {
    width: 352px;
}
#two-col-left #content {
	width:704px;
}
#two-col-left #left {
	width:176px;
}

#three-col #content {
    width:528px;
    padding-right:20px;
}
#three-col #left {

    width:176px;
}
#three-col #right {
    width:176px;
}

#three-col-skinny #content {
    width:478px;
    padding-right:20px;
}
#three-col-skinny #left {
     width:176px;
}
#three-col-skinny #right {
    width:226px;
}

#footer{
    clear:both;
    padding:10px;
    color:#828384;
    font-size: 10px;
    background-image:url('images/back/footerBack.jpg');
	background-repeat: repeat-x;
}
#footer table {
    padding:0px;
    margin-bottom:2em;
}

#footer table ul {
    list-style:none;
    margin-left:0;
}
#footer table li {
    margin-bottom:8px;
}
#footer a{
    color:#888;
    text-decoration:none;
}
#footer a:hover{
	color:#00afdb;
}
#footer h5 {
    font-weight:bold;
    color:#58595b;
    padding:0px 0px 5px 0px;
    font-size: 11px;
}
#footer .latest_news {
	font-size:10px;
	line-height:12px;
}
#footer .latest_news small {
	margin: 5px 0px 10px 0px;
	font-style:italic;
	display:block;
}

#footer .latest_news a {
	color:#00afdb;
}
#footer .latest_news a:hover {
	color:#FAA634;
}
#footer .latest_news small {
	margin: 5px 0px 10px 0px;
	font-style:italic;
	display:block;
}

#footer .latest_news a {
	color:#00afdb;
}
#footer .latest_news a:hover {
	color:#FAA634;
}

#flashmov{
    height:396px;
}

#account-content {
    width: 598px;
}
#account-right {
    float:right;
    width:250px;
}

/** Classes */
.box{
    width:880px;
    margin:0 auto;
    text-align:left;
    color:#828384;
}

.error {
    background-color: #FEE;
    color: #B00;
    background: transparent url('images/error.png') 6px 2px no-repeat;
}

.success {
    color: #090;
    background: transparent url('images/success.png') 6px 2px no-repeat;
}

.success.no-check {
	background-image:none;
	background-color:#EFE;
    border-top: 1px dashed #090;
    border-bottom: 1px dashed #090;
    background-position: 8px 9px;
	padding:1em;
	margin-bottom:1em;
}

.hiblue{
    color:#00afdb;
}
.hiorange{
    color:#faa634;
}
.higrey{
    color:#58595b;
}
.hiyellow{
    color:#c1d82f;
}
.higreen{
    color:#6db33f;
}
.hipurple{
    color:#6a2c91;
}
.left{
    float:left;
}
.right{
    float:right;
}
.clear{
    clear:both;
}
.smallbox{
    background-image: url('images/back/smallBoxBack.jpg');
	background-repeat: no-repeat;
    width:171px;
    height:160px;
    float:left;
}
.smallbox img {
    padding:20px 0px 0px 15px;
}
.smallbox img.arrow-image{
	padding:0;
}
.smallbox a{
    display:block;
    margin:20px 0px 0px 20px;
}
.smallboxmid a{

}
.bottombox {
    width:156px;
    border-right: 1px solid #d5d5d6;
    float:left;
    margin:0px 10px 5px 0px;
	padding-right:5px;
    height:120px;
    position:relative;
}
.bottomboxlast {
    width:156px;
    float:left;
    margin:0px 5px 5px 0px;
    padding-right:8px;
    height:120px;
    position:relative;
}
.bottombox a, .bottomboxlast a{
    padding: 5px 0px 0px 0px;
    display :block;
    position:absolute;
    bottom:0px;

}
.bottomboxcmp {
    width:156px;
    border-right: 2px solid #d5d5d6;
    float:left;
    margin:0px 5px 5px 0px;
    padding:0px 5px 0px 5px;
    height:150px;
    position:relative;
}
.bottomboxmidcmp{
    width:156px;
    border-right: 2px solid #d5d5d6;
    float:left;
    margin:0px 5px 5px 0px;
    padding:0px 5px 0px 5px;
    height:150px;
    position:relative;
}
.bottomboxlastcmp {
    width:135px;
    float:left;
    margin:0px 5px 5px 0px;
    padding:0px 5px 0px 5px;
    height:150px;
    position:relative;
}
.bottomboxcmp a, .bottomboxlastcmp a, .bottomboxmidcmp a{
    padding: 5px 0px 0px 0px;
    display :block;
    position:absolute;
    bottom:0px;

}
.bottomboxcmp p, .bottomboxlastcmp p, .bottomboxmidcmp p{
    padding:17px 0px 0px 0px;
    width:156px;
}
.bottomboxtwo {
    width:220px;
    border-right: 2px solid #d5d5d6;
    float:left;
    margin:0px 5px 5px 0px;
    padding:0px 5px 0px 5px;
    height:160px;
    position:relative;
}
.bottomboxtwolast {
    width:240px;
    float:left;
    margin:0px 5px 5px 0px;
    padding:0px 5px 0px 5px;
    height:160px;
    position:relative;
}
.bottomboxtwo a, .bottomboxtwolast a{
    padding: 5px 0px 0px 0px;
    display :block;
    position:absolute;
    bottom:0px;

}
.longbox{
    background-image: url('images/back/lastNewsBack.jpg');
	background-repeat: no-repeat;
    width:358px;
    height:160px;
    float:left;
}
#homepage .longbox div {
    padding:40px 14px 0px 21px;
}
#homepage .longbox small{
	font-style:italic;
	display:block;
	margin: 4px 0px;
}

.homeleft{
    width:500px;
    float:left
}
.homeleft p{
    width:450px;
}
.homeright {
    width:330px;
    float:left;
    margin:30px 0px 0px 0px;
}
.homeright div{
    padding:10px 0px 0px 0px;
    clear:both;
}
.homeright p {
    width:220px;
}
.homerighttop p{
    width:240px;
    margin:20px 0px 0px 115px;
}
.homerightbot{
    margin:60px 0px 0px 0px;
}
.homerightbot p{
    width:170px;
    margin:15px 0px 0px 191px;
}
.homepush{
    height:30px;
    clear:both;
}
.topicons {
    line-height: 0em;
    width:369px;
}

.textformat {
    width:480px;
    margin:20px 0px 0px 0px;
    line-height:1.3em;
}
.textformat a img{
    padding:10px 0px 5px 0px;
}


.jumpsection{
    margin-bottom:2.5em;
}
.jumpsectiondia {
	clear:both;
	margin:0px 0px 25px 0px;
}

.jumpsectiondia .dia-title-1{ padding:0px 0px 0px 0px; margin:0px 0px 15px 20px; float:left; width:440px;border:none}
.jumpsectiondia .dia-title{ padding:20px 0px 0px 0px; margin:0px 0px 15px 20px; float:left; width:440px;border-top:1px #ccc solid}
.jumpsectiondia .dia-title h4,
.jumpsectiondia .dia-title-1 h4{text-align:left; padding-left:00px}

.jumpsectiondia img{
    float:left;
    padding:0px 0px 0px 20px;
    
}
.jumpsectiondia div{
    float:right;
    width:270px;
    padding:0px 60px 0px 0px;
}
.jumpsectiondia li{
    margin:0px 0px 0px 0px;
    font-size:.9em;
}

.jumpsectiondia li img{
    margin:5px 20px 0px 0px;
    padding:0px 00px 0px 0px;
    -moz-box-shadow: 3px 3px 8px #666;
	-webkit-box-shadow: 3px 3px 3px #666;
	box-shadow: 3px 3px 3px #666;
}

.jumpsectiondia .bilingual-links{
	list-style-type:none;
	padding:0px 0px 5px 0px;
	margin:-10px 0px 0px 15px;
}

.jumpsectiondia .bilingual-links li{
	list-style-type:none;
	padding:0px 0px 10px 0px;
}

.jumpsectiondia .lang{
	padding:15px 18px 0px 0px;
}

.textformattwo{
    width:520px;
    margin:0px 0px 0px 0px;
    line-height:1.3em;
}
.textformattwo p{
    width:470px;
}
.textformatone{
    line-height:1.3em;

}

.sidebartwocolumn h6{
    padding:60px 0px 0px 0px;
    color:#d5d5d6;
    font-weight:bold;
    font-size:1.3em;
}
.bottomtext{
    position:absolute;
    bottom: 0;
}
.bottomtextpush{
      position:relative;
      height:150px;
}
.centerdata{
    text-align:center;
}

.nolink{
    color:#ff0000;
    text-decoration:underline;
}
.sidebar a{
    display:block;
    padding:0px 0px 10px 0px;
}
.sidebar p a{
    display:inline;
    padding:0px 0px 0px 0px;
}
.sidebar{
    width:186px;
    padding:30px 0px 0px 0px;

}
.smalltext{
    font-size:.8em;
    padding:0px 0px 0px 0px;
    color:#abacad;
}
.faqlinks {
    padding:0px 0px 30px 0px;
}
.faqlinks a{
    display:block;
    padding:5px 0px 5px 0px;
}


.sitep1{
    padding:20px 0px 15px 0px;
    display:block;
    font-size:1.75em;
}
.sitep2{
    padding:5px 0px 10px 20px;
    display:block;
    font-size:1.5em;
}
.sitep3{
    padding:5px 0px 5px 40px;
    display:block;
    font-size:1.2em;
}
.sitep4{
    padding:5px 0px 5px 60px;
    display:block;
    font-size:1em;
}

.orangehome{
    color:#faa634;
    font-size:1.1em;
    font-weight:bold;

}
.footertopspace{
    height:40px;
}
.buttonheader{
    margin:0px 0px 0px 0px;
    height:25px;
    width:36px;
}
.registerright{
    width:310px;
    float:left;
    clear:both;
    padding:0px 0px 0px 23px;

}

.breaklink{
    display:block;
}

.assoctopleft{
    width:230px;
    float:left;
    padding:0px 10px 0px 0px;
}
.assoctopright{
    width:230px;
    float:left;
}

.assocline{
    width:475px;
    margin:20px 0px 0px 0px;
    color:#353638;
    height: 2px;

}
.assochead{
    font-size:2em;
    font-weight:bold;
    margin:10px 0px 15px 0px;
}
.logodia{
    float:left;
        width:250px;
    
}
.diaback{
    background:url('images/diaback.jpg') repeat-y;
    overflow:auto;
    zoom:1;
}
.diaback h2{
    padding:0px 0px 0px 20px;
}
.diaback h4{
	font-size:18px;
	text-align:center;
}

.sponimg{
    padding:0px 15px 0px 0px;
}
.kidsmidbox{
    background:url('images/back/kidsmidbox.jpg') repeat-y;
    overflow:auto;
    zoom:1;
}
.kidsboxpush{
    padding:0px 60px 0px 20px;
}
.kidsboxpush h2{
    padding:0px 0px 10px 0px;
}

/** Form messages **/
.message {
    padding: 4px 10px 4px 28px;
}

/** Prefill textboxes */
.prefill{
    color:#BBB;
}
label.prefill{
    position:absolute;
    top:5px;
    left:5px;
    z-index:1;
}
#google-search {
    position: relative;
}
#google-search label.prefill {
    top:0px;
}

/** Modal window stuff **/
#simplemodal-overlay {
    background-color:#000;
}
#simplemodal-container {
	height:480px;
    width:700px;
    color:#bbb;
    background-color:#FFF;
    padding:12px;
    text-align:left;
    -moz-border-radius: 6px;
}
#simplemodal-container a.modalCloseImg {
    background-image:url('images/x.png'); /* adjust url as required */
	background-repeat: no-repeat;
    width:25px;
    height:29px;
    display:inline;
    z-index:3200;
    position:absolute;
    top:-10px;
    right:-10px;
    cursor:pointer;
}

/** Falcon message stuff. */
#f_message {
    padding: 6px;
    margin-bottom: 1em;
    background-position: 8px 8px;
}
#f_message ul {
	padding-top:2px;
    margin: 0 0 0 28px;
}
#f_message ul li {
    list-style:none;
}
#f_message.error {
    background-color:#FEE;
    border-top: 1px dashed #900;
    border-bottom: 1px dashed #900;
}
#f_message.success {
    background-color:#EFE;
    border-top: 1px dashed #090;
    border-bottom: 1px dashed #090;
    background-position: 8px 9px;
}

/** Registration form **/
#fbRegistration {
    border: 1px solid #BBB;
    padding: 1em;
}
#fbRegistration .account {
    background-color:#CCC;
    padding:1em;
    margin-bottom:1.5em;
}
#fbRegistration .profile {
    background-color:#DDD;
    padding:1em;
    margin-bottom:1.5em;
}
#fbRegistration .professional {
    background-color:#EEE;
    padding:1em;
    margin-bottom:1.5em;
}
#fbRegistration .left {
    display:block;
    width:230px;
}
#fbRegistration .right{
    display:block;
    width:300px;
    margin-right:50px;
}
#fbRegistration span input {
    margin-bottom: .5em;
}
#fbRegistration label {
    padding-top:4px;
}

.disabled {
    color:#AAA;
}

.even {
    background-color:#FFF;
}
.odd {
    background-color:#e3f9ff;
}

/** Info **/
.info {
    display:none;
}

.disclosure {
    cursor:pointer;
	width:12px;
}
#training_sessions .info{
    margin-top: 6px;
    margin-left: 12px;
}
#training_sessions table{
    width:100%
}
#training_sessions td, #training_sessions th{
    padding:6px;
}

#selected_session {
    border:1px solid #BBB;
    padding: 10px;
    width: 860px;
    margin-bottom:1em;
    font-size:15px;
}
#selected_session table {
    width:100%;
}
#selected_session td {
    background-color:#e3f9ff;
    padding:6px;
}

.clear {
    clear:both;
}

.bordered {
    width: 860px;
    padding: 10px;
    border:1px solid #BBB;
}

.status {
    background-color: #D5D5D5;
    padding:10px;
    margin-bottom:1em;
}

.status.completed {
    background-color:#EFE;
    color:#090;
}

.section {
    margin-bottom: 2em;
}

.row {
    padding:10px;
}

ul.no-style {
    list-style: none;
}
ul.no-style {
    margin-left: 0px;
}

#connect-sidebar {
    margin-top:20px;
    float:right;
    margin-left:600px;
    height:400px;
    width:250px;
    overflow:auto;
}

#connect-map {
    margin:20px 0px 12px 0px;
    width:670px;
    height:400px;
}
.pad td, .pad th{
    padding:6px;
}

.checkbox {
	font-size:20px;
	text-align:center;
}

.side-links {
	list-style-type:none;
	margin-left:0;
}

.side-links li.active a, .archive a.active, .side-links .active {
	font-weight:bold;
}

.side-links .sub2{
	margin-left:1em;
}
.side-links li{
	margin-bottom:1.5em;
}
.side-links a {
	line-height:8px;
}

.question {
	padding:10px;
	background-color:#e3f9ff;
	font-size:15px;
	font-weight:bold;
	margin-bottom:1em;
}
.question p {
	margin-bottom:-2px;
}
.answer {
	margin-bottom:2em;
}
.answerkaiser{
    margin:0px 0px 0px 30px;
}
.educator_spotlight {
	position:relative;
	font-size: 14px;
	line-height:1.4em;
}
.educator_spotlight p {
	position:absolute;
	top:0;
	left: 220px;
}
.educator_spotlight img{
	margin-bottom: 1em;
}

/** Continue the Conversation **/
#continue-the-conversation .nav {
	list-style:none;
	margin-bottom: 1.5em;
	height:30px;
	background-color:#e3f9ff;
	margin-left:0;
}
#continue-the-conversation .nav li {
	float:left;
}
#continue-the-conversation .nav li a {
	display:block;
	padding: 8px 10px 6px 10px;
}
#continue-the-conversation .nav li a:hover {
	background-color:#BFEBF6;
}
#continue-the-conversation .nav li.active a {
	background-color:#00AFDB;
	color:#FFF;
}
#continue-the-conversation .overflow{
	overflow:hidden;
	width:880px;
	height:450px;
	position:relative;
	margin-bottom:20px;
}
#continue-the-conversation .section {
	width:100%;
	height:420px;
	position:absolute;
	margin-bottom:0;
	top:0px;
	left:0px;
}
#continue-the-conversation .section div {
	position:absolute;
}
#continue-the-conversation .section ul {
	margin:0;
	padding:0;
	list-style:none;
}
#continue-the-conversation .section li {
	padding: 3px 10px;
	margin:0;
}
#continue-the-conversation .section .image {
	width:180px;
	left:0px;
	height:175px;
}
#continue-the-conversation .section .list {
	width:671px;
	left:190px;
	height:175px;
}
#continue-the-conversation .section .self {
	top:20px;
}
#continue-the-conversation .section .support {
	top:225px;
}

.blue {
	color:#00AFDB;
}

.big {
	font-size: 15px;
}

.push {
	margin-left:2em;
	display:block;
}

.relative {
	position:relative;
}
.absolute {
	position:absolute;
}


.button.submit-success {
	display:block;
	width:352px;
	height:50px;
	background-image: url('images/success_buttons.png');
	background-repeat:no-repeat;
	background-position: 0px 0px;
	padding:0px;
}

.button.submit-success:hover {
	background-position: 0px -50px;
}

#imageRotation {
	width:499px;
	height:250px;
	background-image: url('images/success_stories_image_bg.jpg');
	background-repeat:no-repeat;
	margin-bottom:2em;
}

#imageRotation img{
	position:absolute;
	top:12px;
	left:14px;
}

.button.success-facilitator {
	display:block;
	width:352px;
	height:50px;
	background-image: url('images/success_buttons.png');
	background-repeat:no-repeat;
	background-position: -352px 0;
	padding:0px;
}

.button.success-facilitator:hover{
	background-position: -352px -50px;
}

.success-featured img {
	float:left;
	margin-right:2em;
}

.pagination {
	float:right;
}
.success-stories {
	width:100%;
	margin-top:1em;
	border-collapse: collapse;
}
.success-stories td{
	padding: 12px 12px 12px 0px;
	border-bottom:1px solid #BBBBBB;
}
.success-stories .description{
	margin:0 0 1em 16px;

}
.success-stories .description{
	margin:0 0 1em 16px;

}
.success-stories .info {
	margin-top: 1em;
	margin-left: 16px;
}
.success-stories th {
	color:#6db33f;
	font-weight:bold;
	font-size:14px;
	border-bottom:2px solid #BBB;
	padding-bottom: 4px;
}
#search a{
    font-size: .9em;
}


      /*  lightbox js*/

      #jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 500px;
	height: 500px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	/*zoom: 1;*/
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}

/*blog*/
.blogpostwrap{
    padding:0px 20px 0px 0px;
    width:630px;
}


#sidebarblog{
    text-align:left;
    background-image:url('images/back/blogsideback.jpg') ;
    background-repeat:repeat-y;
    overflow:auto;
    zoom:1;
    
}
.insideblogtop{
    background:url('images/back/blogsidetop.jpg') no-repeat;
    overflow:auto;
    zoom:1;
}

.navblog li {
    list-style-type:none;
    color:#6db33f;
    padding:0px 0px 0px 0px;
    display:block;
}
.navblog li a {
   color:#6db33f;
   }
   .navblog {
       margin-bottom:0px;
   }

.sidepushblog{
    padding:5px 0px 15px 20px;
    font-size:1.25em;
}
.sidepushblogbot{
    padding:5px 0px 0px 20px;
    font-size:1.25em;
}

.aboutblog{
    padding:30px 0px 0px 20px;
    width:160px
}

.post h2 a{
    color:#000000;
}
.post h3 a{
    color:#000000;
}
.datetitleblog{
    color:#00afdb;
    font-style:italic;
    padding:0px 0px 0px 0px;
	margin-bottom:1em;
}
.blogmainheader{
    font-size:3em;
    padding:10px 0px 15px 0px;
    color:#00afdb;
}
.blogrss{
    width:620px;
}

.blogrss a{
    color:#58595b;
}
.blogtopnav{
    width:650px;
}
.blogtopnavsingle{
    width:880px;
}

.blogtopnavhr1{
    margin:0px 0px 0px 0px;
    height:3px;
}
.blogtopnavhr2{
    margin:3px 0px 10px 0px;
    height:1px;

}
.blogtopnavhr3{
    margin:10px 0px 20px 0px;
    height:1px;
}

#blogBio{
    color:#828384;
    text-align:left;
}

#blogBio img{
    margin: 0px 10px 5px 5px;
}
#blogBio p {
    line-height: 1.3em;
}


.careers td, .careers th {
	padding: 6px 0px;
}

.careers th {
	font-size:14px;
	color: #6db33f;
}

.careers .details td, .careers th {
	border-bottom:1px solid #BBB;
}

.longbox.latest-news {
	font-size:12px;
}

.arrow{
	width:12px;
	height:12px;
	background-image: url('images/arrows.gif');
	background-repeat:no-repeat;
	background-position: 0px 0px;
	float:left;
	display:block;
	margin-bottom:1em;
}
.arrow.gray{
	background-position: 0px -12px;
}

.arrow.down, .arrow.open {
	background-position: -12px 0px;
}

.arrow.down.gray, .arrow.open.gray{
	background-position: -12px -12px;
}

.arrow.left {
	background-position: -24px 0px;
}
.arrow.up {
	background-position: -36px 0px;
}
.arrow.no-float{
	float:none;
	display:inline-block;
}
.arrow.inline {
	float:none;
	display:inline;
}
.arrow-image {
	width:12px;
	height:12px;
	background-image: url('images/arrows.gif');
	background-repeat:no-repeat;
	background-position:0px 0px;
}
.arrow-image.left-arrow {
	background-position:-24px 0px;
}

.button {
	background-color:transparent;
}

.button.go {
	width: 33px;
	height:22px;
	background-image: url('images/buttons.png');
	background-repeat:no-repeat;
	background-position: -500px 0px;
	border:none;
	cursor:pointer;
}
.button.go:hover {
	background-position: -500px -22px;
}
.button.login {
	width: 65px;
	height:22px;
	background-image: url('images/buttons.png');
	background-repeat:no-repeat;
	background-position: 0px 0px;
	border:none;
	cursor:pointer;
}
.button.login:hover {
	background-position: 0px -22px;
}

.blue-button {
	width:352px;
	height:50px;
	background-repeat:no-repeat;
	display:block;
}
.blue-button.register {
	background-image: url('images/register_buttons.png');
	background-position: 0px 0px;
}
.blue-button.register:hover {
	background-position: 0px -50px;
}
.blue-button.register-outside {
	background-image: url('images/register_buttons.png');
	background-position: -352px 0px;
}
.blue-button.register-outside:hover {
	background-position: -352px -50px;
}

.side-links .info {
	margin: 4px 0px 4px 16px;
}
.side-links .info ul {
	margin:0;
	list-style:none;
}
.side-links .info ul li {
	margin-bottom:.7em;
}

.better-everyone {
	background-image: url('images/better_top.jpg');
	background-repeat: no-repeat;
	padding:20px 15px 0px 25px;
}

.better-everyone ul {
	display:inline-block;

}
.betterback {
	background-image: url('images/better_back.jpg');
	background-repeat: repeat-y;
}

.better-everyone.tall {
	background-image: url('images/better_everyone_tall_bg.jpg');
	height:570px;
}
.better-everyone h3 {
	color:#FAA634;
	font-size:16px;
}

#notify {
	position:fixed;
	top: 0px;
	left:0px;
	width:100%;
	height:36px;
	line-height:36px;
	z-index:1000;
	padding:0;
	margin:0;
	font-size:13px;
	font-weight:bold;
}
#notify.message {
	color:#666;
	background-color:#BBBBBB;
}
#notify.error {
	background-color:#FFEEEE;
	background-position: 10px 10px;
    color:#DF2020;
}
#notify.success {
	background-color:#EEFFEE;
	background-position: 10px 10px;
    color:#53A363;
}
.longbox .latest_news {
	line-height:1.2em;
}
.no-margin {
	margin-bottom:0;
}
.no-margin li {
	margin-bottom:0;
}
ul.add-left{
	margin-left:180px;
}

.blog-photo {
	float:left;
	margin:0 1em 0 0;
}

#connect-sidebar {
	float:none;
	margin:0;
	width:100%;
	height:auto;
	margin-bottom:2em;
}
#connect-sidebar div {
	padding:10px;
	border-bottom:1px solid #BBBBBB;
}
#connect-sidebar div:hover{
	background-color:#e3f9ff;
	cursor:pointer;
}
.google-overlay{
	width: 300px;
	padding-bottom:2em;
}
.search-row {
	padding-bottom:12px;
	border-bottom:1px solid #BBB;
	margin-bottom: 12px;
}

.webinars .row{
	padding:10px 0;
}
.webinars h4 {
	font-size: 13px;
	font-weight: normal;
}
.resources-dropdown {
	margin-bottom: 20px;
}
.resources-dropdown select {
	margin-bottom: 10px;
	display:block;
	color:#58595B;
}
p.gray-link a{
	color:#58595B;
}

#blog-post{
	width:630px;
}

#blog-sidebar-wrap{
    float:right;
}
.blog-sidebar-bottom, .blog-sidebar-top{
	 width:180px;
	margin: 0px 0px 20px 0px;
	padding:20px;
	background-color:#F7F7F7;
	border:1px solid #E7E7E7;
	background: -moz-linear-gradient( top, #EEE, #FFF );
	-moz-box-shadow: 1px 2px 6px #DDD;
	-moz-border-radius: 10px;

	background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
	-webkit-box-shadow: 0px 0px 6px #DDD;
	-webkit-border-radius: 10px;

	/*filter: progid:DXImageTransform.Microsoft.dropshadow(offx=0, offy=0, color='#BBB', positive=0);*/
	filter:	progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFEEEEEE, endColorstr=#FFFFFFFF);
}

#blog-sidebar h3, #blog-sidebar-top h3 {
	text-transform: uppercase;
}

#blog-sidebar ul{
	list-style:none;
	margin-left:0;
}

#blog-sidebar ul li a{
	color: #6DB33F;
	font-size: 16px;
}
#blog-sidebar ul li a:hover{
	color:#00AFDB;
}
#blog-sidebar ul:last-child{
	margin-bottom:0;
}

#commentformblog input[type="text"]{
    border: 1px solid #999999;
    width:300px;
}
#commentform textarea{
	border: 1px solid #999999;
	width:630px;
}

input.button.blog-submit {
    background-image:url('images/buttons.png');
	background-repeat:no-repeat;
	background-position: -534px 0px;
    border:0px;
    width:65px;
    height:22px;
	cursor:pointer;
}

input.button.blog-submit:hover {
	background-position: -534px -22px;
}

ol.commentlist{
	margin-bottom: 20px;
}

#sidebar.two-col{
	float:right;
	width:282px;
	padding:20px;
}

#left.two-col{
	width:528px;
}

.rounded{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.gradient{
	background: -moz-linear-gradient( top, #EEE, #FFF );
	background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
}

.dropshadow{
	border:1px solid #E7E7E7;
	-webkit-box-shadow: 0px 0px 6px #DDD;
	-moz-box-shadow: 0px 0px 6px #DDD;
}

.zero-margin{
	margin:0;
}

ul.connect li{
	min-height:80px;
	margin-left:80px;
	margin-bottom:16px;
}
ul.connect li:last-child{
	min-height:52px;
}
ul.connect img{
	float:left;
	margin-left:-88px;
}

.pad{
	padding:15px;
}

.resources-title{
	display:inline-block;
	width:250px;
	text-align:right;
	padding-right:10px;
	color:#000;
}

.whats-new p:last-child{
	margin-bottom:0;
}

#email-pw{
	list-style:none;
	margin:0;
}
#email-pw li{
	float:left;
	width:420px;
}
#email-pw li.open{
	background-color:#f1fcff;
}
#email-pw li:hover{
	background-color:#f1fcff;
}
#email-pw li a{
	display:block;
	font-weight: bold;
	padding:5px 10px;
	color:#00AFDB;
}
#email-pw li form{
	background-color:#F7F7F7;
	padding:10px;
	border-top:1px dashed #BBB;
}

#email-pw li a img{
	width:12px;
	height:12px;
	background-image: url('images/arrows.gif');
	background-repeat:no-repeat;
}
#email-pw li.open a img{
	background-position: -12px 0;
}

/** Faux buttons */
a.button, .submitButton{
	background-color:#6C6C6C;
	cursor:pointer;
	padding: 3px 10px;
	border:0;
	text-transform: uppercase;
	display:inline-block;
	font-family: 'Calibri','Helvetica','sans-serif';
	letter-spacing: .25px;
	font-size: 12px;
	font-weight: bold;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#6C6C6C), to(#4B4B4B));
	background: -moz-linear-gradient( top, #6C6C6C, #4B4B4B );
}
a.button, .submitButton{
	color:#FFF;
}
a.button:hover, .submitButton:hover{
	color:#7FD7ED;
}
p.resource-dd select{
	padding:3px 0;
	font-size:12px;
}
#dynamic h2{
	font-size:18px;
}

/** Disclosure lists **/
.disclosure-list{
	list-style:none;
	margin:0;
}
.disclosure-list li{
	background-image: url('images/disclose-closed.gif');
	background-repeat:no-repeat;
}
.disclosure-list li.open{
	background-image: url('images/disclose-open.gif');
}
.disclosure-list ul li{
	background:none;
	padding:0;
	margin:0;
}
.disclosure-list h2{
	margin-bottom:0;
	cursor: pointer;
	padding: 3px 0px 3px 15px;
	font-size:15px;
}
.disclosure-list ul {
	margin-left:27px;
}

/** Resource list **/
.disclosure-list ul.resource-list{
	list-style:none;
	margin-left:15px;
}
.disclosure-list ul.resource-list li{
	padding:10px 10px 10px 13px;
}
.disclosure-list ul.resource-list li.even{
	background-color:#FFF;
}
.disclosure-list ul.resource-list li.odd{
	background-color:#f1fcff;
}
.disclosure-list ul.resource-list:last-child{
	margin-bottom:0;
}

#resources ul li.odd{
	background-color:#f1fcff;
}

.orange { color:#FAA634; }
.blue{ color:#00AFDB; }

#change-email, #change-pw{
	margin-left:175px;
}

div.form label{
	display:block;
	width:175px;
	float:left;
	margin-top:3px;
}

.border-box{
	border:1px solid #BBB;
}
.bottom-margin{
	margin-bottom:20px;
}

.light{
	background-color:#CCC;
	color:#CCC;
}

strong.success{
	background-image:none;
}

ul#tabs{
	margin:0;
	list-style:none;
	height:30px;
	background-color:#E5E5E5;
	margin-bottom:20px;
}
ul#tabs li{
	margin: 6px 1em 0;
	float:left;
}

ul#tabs li a{
	display:block;
	padding: 3px 10px;
	background-color:#E3F9FF;
	-moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0;
}

ul#tabs li.active a, ul#tabs li a:hover{
	background-color:#FFF;
	margin-top:-3px;
	padding-bottom: 6px;
}
ul#tabs li.active a{
	padding-bottom: 4px;
	padding-top: 5px;
}

ul.twirl, ul.twirl ul{
	list-style:none;
	margin:0;
}
ul.twirl li h3.label{
	cursor:pointer;
	color:#FAA634;
	font-size:16px;
	margin:0;
	padding:3px 0 0 16px;
	background-image: url('images/disclose-closed.gif');
	background-repeat:no-repeat;
}
ul.twirl li.open h3.label{
	background-image: url('images/disclose-open.gif');
}

ul.bullets li{
	list-style-type:disc;
}

#account-login{
	margin-bottom:20px;
	width:848px;
	clear:both;
}

textarea#comment{
	width:630px;
}

/* Feed Icons style */
#feed-icons{
	list-style:none;
	margin: 1em 0 0 0;
}
#feed-icons li{
	min-height:32px;
	margin-bottom:12px;
}
#feed-icons li:last-child{
	margin-bottom:0;
}
#feed-icons li img{
	margin-right:10px;
	vertical-align:middle;
}
#feed-icons li.two-lines img{
	vertical-align:top;
	float:left;
	margin-right:13px;
}

.map-map{float:right; width:200px;text-align:center;font-size:9px}
.map-cta{}
.map-content{width:600px}
#resource-title{width:600px; }

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
/*#cboxOverlay{background:url(images/colorboximages/overlay.png) 0 0 repeat;}*/
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/colorboximages/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/colorboximages/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/colorboximages/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/colorboximages/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/colorboximages/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/colorboximages/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/colorboximages/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/colorboximages/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
    #cboxLoadedContent{margin-bottom:28px;}
    #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
    #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
    #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
    #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/colorboximages/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
    #cboxPrevious.hover{background-position:-75px -25px;}
    #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/colorboximages/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
    #cboxNext.hover{background-position:-50px -25px;}
    #cboxLoadingOverlay{background:url(images/colorboximages/loading_background.png) center center no-repeat;}
    #cboxLoadingGraphic{background:url(images/colorboximages/loading.gif) center center no-repeat;}
    #cboxClose{position:absolute; bottom:0; right:0; background:url(images/colorboximages/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
    #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition

    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.

    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorboximages/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorboximages/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorboximages/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorboximages/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorboximages/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorboximages/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorboximages/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorboximages/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}