@import 'reset.css';

html {
	/* for people with really really wide monitors */
	background: url('../images/layout/background_extended.jpg') repeat-x;
}

body {
    background: url('../images/layout/background.jpg') top center no-repeat;
    font-family: arial, san-serif;
    font-size: 12px;
}

#wrapper {
    margin: 0 auto;
}
h1 {font-size: 135%; color: #3B8083;}
h2 {font-size: 125%; color: #3B8083;}
h3 {font-size: 115%; color: #3B8083;}
.hr {border-bottom: 1px solid white; border-top: 1px solid #999; height: 0px; opacity: 0.5; margin: 10px 0px;}
a {text-decoration: none; color: #248896;}
a:hover {color: #155760;}
#update_submit:hover, .pill_button:hover {opacity: 0.8;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.bold {font-weight: bold;}

.blue_box, .green_box, .brown_box, {width: 278px; height: 170px;}
.blue_box {background: url('../images/blue_box.png') top center no-repeat;}
.green_box {background: url('../images/green_box.png') top center no-repeat;}
.brown_box {background: url('../images/brown_box.png') top center no-repeat;}
.blue_box_tall, .green_box_tall {width: 184px; height: 189px; padding: 15px;}
.blue_box_tall {background: url('../images/blue_box_tall.png') top center no-repeat;}
.green_box_tall {background: url('../images/green_box_tall.png') top center no-repeat;}

.long_blue_box, .long_yellow_box {
	background: url('../images/content_box/long_blue.png') top center no-repeat;
	width: 479px;
	height: 149px;
}

.long_yellow_box {
	background: url('../images/content_box/long_yellow.png') top center no-repeat;
}

.nav_tab
.nav_tab_L {}
.nav_tab_mid {}
.nav_tab_R {}

/*** header ***/

#header {
    width: 976px;
    margin: 0 auto;
}
#logo {
    background: url('../images/logo_r.png') no-repeat;
    width: 347px;
    height: 87px;
    position: relative;
    margin-left: -40px;
		float: left;
}
#logo a {
  display:block;
  width:347px;
  height:87px;
}

#nav {
	clear: both;
}

#nav_links {
	margin-top: 10px;
	float: right;}
#nav_links,
#nav_links li,
#acct_nav  li,
#acct_nav  li p {
	display: inline-block;
}

#acct_nav  li {
	float: left;
	padding-top: 3px;
}

#nav_links li {
	float: left;
	margin: 0px 10px;
}
#nav_links li a {
	font-size: 14px;
	color: #fff;

}

#nav_links #fb {margin-top: -3px;};
#nav_links #fb a {text-indent: 0px;}

#members-nav-container
{
	width: 110px;
}

#about-nav-container {
	width: 80px;
}

.nav-dropdown-container {
	position: relative;
	float: right;
	margin-right: 5px;
}

.nav-dropdown-container ul {
	width: inherit;
	position: absolute;
	z-index: 30;
}

.nav-dropdown-container ul li {
	display: block;
	width: inherit;
	height: 14px;
	text-align: center;
	font-size: 14px;
}

.nav-dropdown-container ul li:last-child {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	moz-border-bottom-left-radius: 3px;
	moz-border-bottom-right-radius: 3px;
	webkit-border-bottom-left-radius: 3px;
	webkit-border-bottom-right-radius: 3px;
}
.nav-dropdown-container ul li.trigger a {
	color: #fff;
	font-size: 14px;
}
.nav-dropdown-container ul li.trigger {
	height: 24px;
	color: #fff;
	font-size: 16px;
	padding-top: 8px;
	font-style: bold;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-moz-border-top-left-radius: 3px;
	-moz-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
}

.nav-dropdown-container ul:hover {
	border: 1px solid #246770;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.nav-dropdown-container:hover li.menu_item {
	display: block;
	background-color: white;
	color: #04505d;
	padding-top: 10px;
	padding-bottom: 12px;
	border-top: 1px solid lightgrey;
}

.nav-dropdown-container:hover li.trigger {
	background-color: #246770;
	padding-top: 7px;
	margin-left: -1px;
	padding-right: 1px;
}

.nav-dropdown-container li.menu_item {
	position relative;
	display: none;
}

#become_a_member {
	float: right;
}

#social_media_links {
	float: right;
	clear: right;
	height: 50px;
	margin-top: 10px;
}
#social_media_links li {float: left; margin-left:5px;}
#social_media_links li a {
	background-image: url('../images/social_media_sprite.png');
	display: inline-block;
	height: 49px;
	text-indent: -9000px;}
li a.twitter {background-position: -37px -9px; width: 50px;}
li a.linkedin {background-position: 290px -9px; width: 50px;}
li a.rss-icon {background-position: 187px -9px; width: 50px;}
li a.facebook {background-position: 92px -9px; width: 50px;}

#process {
	color: white;
	font-size: 15px;
	letter-spacing: 0px;
	width: 920px;
	float: left;
	margin-left: 35px;
	margin-bottom: 20px;
}

#process a {
	text-align: center;
	color: white;
	font-size: 18px;
	background-image: url('../images/top_nav/process.png');
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-bottom: 20px;
}

#process a.ecochallenges,
#process a.ecosolutions {
	background-position: 0px 0px;
	padding-left: 40px;
	padding-right: 15px;
}

#process a.ecosolutions {
	background-position: -191px 0px;
	margin-left: -5px;
	padding-left: 60px;
	padding-right: 50px;
}

#acct_nav {
	background: url('../images/acct_nav_bg.png');
	width: 413px;
	height: 51px;
}
#acct_nav li a {display: block; margin: 15px 0px 0px 20px; color: #AFAEA5; font-weight: bold; font-size: 14px;}
#acct_nav li p {background: #AFAEA5; color: #FFF; padding: 3px 3px 3px 2px; width: 15px; text-align: center; border-radius: 5px; font-weight: bold; margin-left: 5px;}
#acct_settings, #logout {margin-left: -9px;}

#searchfield {
    background: #FFF url('../images/icon_search.png') center left no-repeat;
    background-position: 5px;
    margin-top: -10px;
    border-radius: 15px;
    color: #666;
    padding: 0px 5px 0px 20px;
    height:20px;
}
#tab_nav {
  margin: 10px 7px 0px;
  display: block;
}
#tab_nav li, #tab_nav li a {display: inline-block;}
#tab_nav li a { background-image: url('../images/header_tab_sprite.png');}
#challenge_tab {background-position: 361px 0px; height: 45px; width: 192px;}
#solution_tab {background-position: 167px 0px; height: 45px; width: 168px;}

#login_box {
  background: url('../images/topnav_login_bg.png') top center no-repeat;
  width: 164px;
  height: 205px;
  position: absolute;
  top: 30px;
  margin-left: -15px;
  z-index: 10;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

#login_box #facebook_connector {width: 66px; margin: 25px auto;}
#login_box #facebook_connector .fb_button.fb_button_medium {margin: 0px;}

input#user,
input#password,
input#user_session_email,
input#user_session_password,
#login_box label {
  width: 130px;
  height: 25px;
  margin: 0 auto;
  display: block;
  margin-top: 10px;
}

#login_box label {
	color: white;
}

#login_box input {
  margin-top: 0px;
	color: black;
}

input#user_session_submit {
  background: url('../images/topnav_login_button.png') top center no-repeat;
  width: 97px;
  height: 37px;
  border: none;
  margin: 10px 0px 0px 55px;
}

#login_box a {font-size: 11px; color: #fff; margin: 5px 0 0 16px;}



/*** Front Page **/

#slideShow {
  height: 300px;
  width: 960px;
  -moz-border-radius:5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
	clear: both;
	margin-bottom: 19px;
}
#slidenav {height: 20px; margin-left: 15px; position: relative; top: 294px; z-index: 20;}
#slidenav a {display: inline-block; background: url('../images/slideshow/slidenav.png'); width: 16px; height: 16px; margin: 0px 5px; text-indent: -9000px;}
#slidenav a.activeSlide {background: url('../images/slideshow/slidenav_active.png');}
#slide_how_it_works {
	background: none;
	height: 65px;
	z-index: 9000;
	position: relative;
	top: -125px;
	margin-left: 478px;
}
#slide_how_it_works_button {
  background: url('../images/slideshow/button_see_how_it_works.png');
  background-repeat: no-repeat;
  width: 239px;
  height: 54px;
  float: left;
  margin: 10px 0px 0px 6px;
  position: absolute;
  z-index:2;
}

#facebook_connector {
margin: 0 0 20px;
}

#facebook_connector h4 {
margin: 0 0 10px;
}

#home_boxes {min-height: 195px; width: 963px; margin: 0 auto;}
#home_boxes > div {display: inline-block;}
#business_box h2, #nonprofit_box h2, #college_box h2 {height: 26px; text-indent: -9000px; margin-bottom: 10px;}
#business_box .button, #nonprofit_box .button, #college_box .button {
  width: 288px;
  height: 52px;
  display: block;
  margin: 0 auto;
  margin-left: -7px
  }
#business_box .button {background: url('../images/blue_green_button.png');}
#nonprofit_box .button {background: url('../images/green_button.png');}
#college_box .button {background: url('../images/brown_button.png');}
#business_box p, #nonprofit_box p, #college_box p {height: 65px; line-height: 130%;}
#business_box p {color: #006C7A;}
#nonprofit_box p {color: #4B8400;}
#college_box p {color: #5D563F;}

#home_content { width: 962px; margin: 55px auto 20px; }
#content { width: 615px;}
#content p {color: #D0B8A8; margin-bottom: 45px; font-size: 15px;}
#content p.indent {padding-left: 65px;}
#content h2, #content h1 {text-indent: -9000px;}
#content h1#header1 {background: url('../images/what_is_eco_apprentice.png') no-repeat; width: 410px; height: 32px; margin-bottom: 20px;}
#content h2#header2 {background: url('../images/a_unique_meeting_place.png') no-repeat; width: 338px; height: 45px;}
#content h2#header3 {background: url('../images/a_business_opportunity.png') no-repeat; width: 337px; height: 53px;}
#content h2#header4 {background: url('../images/a_way_to_learn.png') no-repeat; width: 346px; height: 44px;}
#sidebar {min-height: 300px;}
#sidebar > h2 {text-indent: -9000px;}

h2#recent_ec_header {background: url('../images/eco_challenge_header.png') no-repeat; width: 223px; height: 20px;}
h2#recent_es_header {background: url('../images/eco_solution_header.png') no-repeat; width: 223px; height: 20px;}
#recent_ecochallenge, #recent_ecosolution {margin-bottom: 20px;}
#recent_ecochallenge h3, #recent_ecochallenge h4, #recent_ecosolution h3, #recent_ecosolution h4,
#recent_ecochallenge a, #recent_ecochallenge a,
{color: #FFF; text-shadow: rgba(0, 0, 0, 0.45) 1px 1px 2px;}
#recent_ecochallenge h4, #recent_ecosolution h4 {margin: 5px 0px 15px;}
#recent_ecochallenge .box_info_capsule p {color: #006C7A;}
#recent_ecosolution .box_info_capsule p {color: #4B8400;}
.box_info_capsule {width: 240px; height: 125px;}
.box_info_capsule p {float: left; width: 180px; padding: 2px 0px 0px; font-size: 14px;}
.box_info_capsule img { float: right; max-width: 25px; max-height: 25px; margin: 8px 3px 0px;}


#success_stories {background: url('../images/success_stories_bg.png') no-repeat; width: 960px; height: 80px; margin: 10px auto;}
#success_stories p {color: #FFF; font-weight: bold; font-size: 15px; width: 435px; padding: 15px; line-height: 130%; float: left;}
#success_stories a {background: url('../images/success_stories_button.png'); width: 211px; height: 56px; float: left; margin-top: 10px;}

/** Dashboard **/

#dash_content_head, #dash_content, #dash_content_foot {
    margin: 0 auto;
    width: 976px;
}
#dash_content_head{
    background: url('../images/dashboard_bg_top.png') top center no-repeat;
    height: 11px;
}
#dash_content{
    background: url('../images/dashboard_bg.png') center center repeat-y;
}

#dash_content .pill_button {
margin: 0 0 20px;
}

#dash_content #signup {
padding: 25px;
}

#dash_content .signup_text {
padding: 30px 37px 0px 0px;
float: right;
width: 252px;
color: #666;
height:400px;
}

#dash_content .signup_text p {
margin: 0 0 10px;
line-height: 18px;
}

#dash_content .signup_text h1, #dash_content .signup_text h2 {
margin: 0 0 10px;
}

#dash_content .signup_text ul li {
margin: 0 0 10px;
line-height: 20px;
list-style: disc;
list-style-position: inside;
}

#signup-left { padding:35px 0px 0px 35px; float:left;}
#signup-left label { color:#333; font-weight:bold; font-size:1.1em;}
#signup-left input.signup-box { float:left; font-size:1.4em; color:#333; background:#dde5e1; border-top:#dedede 1px solid; border-left:#fff 1px solid; height:40px; margin-top:3px; margin-left:-5px; -moz-border-radius:5px; -webkit-border-radius:5px; -border-radius:5px; width:275px;}
#signup-left select { margin-top:4px;}
#signup-left p input#user_submit { margin-left:-52px; border:none; background: url('../images/signup_button.png') no-repeat; width: 340px; height: 63px; cursor:pointer; -moz-box-shadow:0 0 50px #eee; -webkit-box-shadow:none; -box-shadow:none;}

#challenge_title, #challenge_guidelines, #challenge_description, #challenge_guidelines, #challenge_offerings { padding:5px; font-size:1.3em; color:#333; background:#dde5e1; border-top:#dedede 1px solid; border-left:#fff 1px solid; margin-top:5px; margin-left:-5px; margin-bottom:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -border-radius:5px; width:290px;}
.contact-box { padding:5px; font-size:1.3em; color:#333; background:#dde5e1; border-top:#dedede 1px solid; border-left:#fff 1px solid; height:30px; margin-top:3px; margin-left:-5px; -moz-border-radius:5px; -webkit-border-radius:5px; -border-radius:5px; width:290px;}
.body-box { padding:5px; font-size:1.3em; color:#333; background:#dde5e1; border-top:#dedede 1px solid; border-left:#fff 1px solid; height:100px; margin-top:3px; margin-left:-5px; -moz-border-radius:5px; -webkit-border-radius:5px; -border-radius:5px; width:290px;}
.comment-box{ padding:5px; font-size:1.3em; color:#333; background:#dde5e1; border-top:#dedede 1px solid; border-left:#fff 1px solid; height:100px; margin-top:3px; margin-left:-5px; -moz-border-radius:5px; -webkit-border-radius:5px; -border-radius:5px; width:92%;}

#new_challenge { padding:10px;}

a.post-button { background: url('../images/post_button.png') no-repeat; width: 237px; height: 41px; display:block; margin-bottom:10px; margin-top:-10px;}
a.post-button:hover {background-position:0 -41px;}
.send-button { background: url('../images/send_button.png') no-repeat; width: 125px; height: 58px; display:block; border:none; cursor:pointer;}
.send-message {/* background: url('../images/message_button.png') no-repeat; width: 340px; height: 63px; display:block; border:none; cursor:pointer; position:relative; top:-34px; left:-30px;*/}

#thanks-text { background: url('../images/thankyou-text.png') no-repeat; width: 254px; height: 120px; display:block; margin-top:-15px; right:5px; margin-bottom:25px; position:relative;}

.fieldWithErrors { display:inline;}

#dash_content #new_user {
width: 600px;
}

#dash_content form p {
margin-top: 5px; margin-bottom:10px;
}

#dash_content form p label {
color: #333333;
font-size: 1.1em;
font-weight: bold;
margin: 0px 15px 0 0;
/* display: block; */
}

#x_title { font-weight:bold;}

#dash_content_foot{
    background: url('../images/dashboard_bg_bottom.png') bottom center no-repeat;
    height: 11px;
}
    #column1 {width: 180px; /*border-right: 1px solid #999;*/ font-size: 12px; margin: 0 0 0 6px;}
        #profile_meta {padding-left: 25px;}

        #temp_box {margin-top: 20px; width: 135px;}
        #profile_meta h2 {margin-bottom: 5px;}
        #profile_meta span, #profile_meta a {color: #998B84;}
        #following, #following_users, #likes, #social_links {margin: 0; padding: 15px 0 15px 20px;}
        #see_all a {color: #3B8083;}
        #following ul {display: inline-block;}
        #following_users ul {display: inline-block;}
            #following span#see_all {margin-right: 10px; line-height: 155%;}
            #follow_pics {margin: 10px auto 20px;}
            #follow_pics li {display: inline-block; margin-left: 4px;
            }
        ul.eco_challenge li {width: 178px; background-repeat: no-repeat; background-position: 12px; color: #285580;}
        ul.eco_challenge li p {padding: 0px 1px 0px 60px; margin-top: -30px;}
        ul.eco_challenge img {position: relative; left: 15px;}
        li.ec_first{padding: 30px 0 15px 0;}
            li.ec_first h2 {padding-left: 20px;}
        li.ec_mid {padding: 5px 0px 0px;}
        li.ec_last {border-bottom: 1px solid #ccc; padding-top: 15px;}
            li.ec_mid p a, .ec_last p {width: 105px;}
            li.ec_mid a {
              font-weight: normal;
              display: block;
              margin: 0 0 10px 20px;
            }
    #column2 {
        background: url('../images/vert_line.png') left repeat-y;
        background-position: 0px 0px;
        width: 500px;
       /* border-left: 1px solid #FFF; */
        padding-left: 30px;
        padding-top: 30px;
    }
      #column2 .organizer {
        font-size:1.5em;
      }
        .rss {  background: url('../images/rss.png') no-repeat;  text-indent: -9000px; display:block; margin-left: 400px;}
        .read_full {
            background: url('../images/post_read_full_button.png');
            display:block;
            width: 146px;
            height: 45px;
            text-indent: -9999px;
        }
        .post_date, .post {color: #333; line-height: 150%;}
        .post_date {margin-bottom: 15px;}
        .post {font-size: 118%; margin: 20px 0px;padding: 0 35px 0 0;}
          .post p, .post h2, .post h3, .post h1, .post_tilte {margin: 0 0 15px;}
          .post ul {
            margin: 0px 20px 5px;
            list-style: disc;
            list-style-position: outside;
          }
        #update {
            background: #F0F0F0;
            border: 1px solid #D9D9D9;
            width: 415px;
            height: 110px;
            padding: 15px 15px 65px 15px;
            margin: 30px 0px;
        }
        .pill_button {
          background: url("../images/blue_green_button.png") no-repeat scroll -9px 0 transparent;
          display: block;
          height: 58px;
          position: relative;
          width: 286px;
        }
        .pill_button h2 {
          position: absolute;
          top:20px;
          left: 50px;
          color: #fff;
        }
        .pill_button h2.post_solution {
          font-size: 13px;
          left: 21px;
          top:17px;
        }
        .pill_button h2 a {
          color: #fff;
        }
        .pill_button #challenge_submit {
          border: none;
          background: none;
          font-size: 15px;
          color: #fff;
          cursor: pointer;
        }
        #update form textarea {
            width: 409px;
            height: 80px;
            border: 1px solid #D9D9D9;
            color: #6B948F;
        }
        #update_submit {
            background: url('../images/update_submit_button.png');
            display:block;
            width: 128px;
            height: 45px;
            margin-top: 20px;
            text-indent: -9999px;
            border: none;
        }
        #comment_wrapper {margin: 20px 0px;}
            .com_even, .like_event, .com_odd, .like_challenge  {float: left;}
            .comn_event {width: 425px; padding: 10px; margin-bottom: 6px;}
            .com_even img, .com_odd img {float: left; margin: 0 10px 0 0;}
            .com_even {
              background: #EFEFEF;
              border: 1px solid #D9D9D9;
            }
            .comment_count {
              display:block;
              float:right;
              width:32px;
              height:32px;
              text-align:center;
              background-image: url(/images/comment.png);
              line-height:24px;
            }
            #comment_wrapper .featured {border: 3px solid;}
            .com_odd {
              background: #f9fada;
              border: 1px solid #EAE8AB;
            }

            .com_even, .com_odd {
              width: 425px;
              position: relative;
              padding: 10px;
              margin-bottom: 6px;
            }
            .com_even p a, .like_event a, #even_comments a {color: #3B8083; }
            .com_even, .like_event, #even_comments {color: #908480; line-height: 130%; }
            .like_event, .like_challenge {
                height: 26px;
                margin-bottom: 6px;
                padding: 13px 10px 0.5px 52px;
                width: 383px;
            }
            .like_event {
                background: #EFEFEF url('../images/icon_thumb_blue.png') no-repeat 20px 13px;
                border: 1px solid #D9D9D9;
            }
            .like_challenge {
                background: #F9FADA url('../images/icon_thumb_green.png') no-repeat 20px 13px;
                border: 1px solid #EAE8AB;
            }
            .com_odd {background: #F9FADA; border: 1px solid #EAE8AB;}
            .com_odd p a, .like_challenge a, #odd_comments a {color: #6B8135; }
            .com_odd, .like_challenge, #odd_comments {color: #908480; line-height: 130%;}
            .info {font-size: 135%; margin: 0 0 10px;}
            .info a {font-weight: bold;}
            .name {font-size: 120% !important; font-weight: bold;}
            .com_links {
              display: block;
              float: left;
              width: 300px;
            }
            .challenge_badges {
              float: right;
              width:120px;
            }
              .challenge_badges img {float: right;}
              .challenge_badges .tooltip {left:0px !important; top:0px !important;}
            #comments form {margin: 20px 0 0 0; }
            #comments form input[type=submit] {
              margin: 10px 0 0 0;
              background: url('../images/submit_button.png') no-repeat;
              width: 125px;
              height: 58px;
              display:block;
              border:none;
              cursor:pointer;
            }

            .current_solutions {
              margin: 13px 53px 0px 0px;
              font-size:1.3em;
            }

            .comment {
                border-bottom: 1px solid #D9D9D9;
                float: right;
                margin: 13px 53px 0px 0px;
                padding-bottom: 11px;
                width: 375px;
            }

            .comment_hr {
              border-bottom: 1px solid white;
              border-top: 1px solid #999;
              height: 0px;
              opacity: 0.5;
              margin: 10px 0px;
              width: 445px;
            }

            #comments p {font-size:1.3em;}

            .profile_comment {float: none; width: 445px;}
            .comment .post_meta {display: block; font-size: 10px!important; margin: 7px 0 0 0; color: #333;}
            .flag_link {display: block; font-size: 10px; color: #999; float: right; margin-right:34px;}
            .comment span {float: right; width: 335px; line-height: 130%; margin-top: 5px;}
            .comment:last-child {border: none;}
            .rating {float: right; width: 90px; margin-top: -10px;}
            .rating p {display: inline; width: 40px;}
            .rating span {
                border: 2px solid #C6C79D;
                display: inline-block;
                font-size: 15px;
                font-weight: bold;
                margin-top: -14px;
                padding: 4px 0.9px;
                text-align: center;
                width: 30px;
            }
        #pagination {width: 445px; margin: 35px 10px; height: 30px;}
        #pagination, #pagination li {display: inline-block;}
        #pagination ul {width: 100%; text-align: center; margin: 0 auto; display:block;}
        #pagination a, #pagination span {display: inline-block; font-size: 18px; color: #867d7b; margin: 0px 10px}
        .prev_page {margin: 0px 20px; width: 85px;}
        .next_page {margin: 0px 20px; width: 60px;}
        #pagination a:hover { }
        prev_page {background: url('../images/icon_arrow_left.png') no-repeat; background-position: 10px 5px; text-align: right;}
        next_page {background: url('../images/icon_arrow_right.png') no-repeat; background-position: 45px 5px; text-align: left;}

    #column3 {
        margin: 20px 0 0 0;
        width: 247px;
    }

        #announcement { margin: 50px 0px 50px 0px; color: #FFF;}
        #announcement, #recent_posts { line-height: 120%; margin-right: 15px;}
        #recent_posts {color: #6b8135; font-size: 120%; font-weight: bold;}
        #recent_posts_header {
            background: url('../images/recent_posts.png') no-repeat;
            display: block;
            height: 17px;
            margin: 0px 0px 10px 17px;
            text-indent: -9000px;
            width: 163px;
        }
        .eco_icon_exp p {
            font-size: 10px;
            color: #666;
        }



/*** User Edit ***/


fieldset.inputs ol {
margin: 20px 0 0 0;
}

fieldset.inputs ol li {
  margin: 20px 0 0 0;
}

fieldset.inputs ol li label {
  width: 150px;
  display: block;
  margin: 0 0 10px;
}

fieldset.inputs ol li input {
  width: 250px;
  display: block;
}

fieldset.inputs .user_edit_field {
margin: 0 0 10px;
display: block;
}

fieldset.inputs .user_edit_field.co_logo {
margin: 20px 0 10px;
}

fieldset.account_little_header {
margin: 20px 0px;
}

fieldset.account_little_header legend {
margin: 0 0 10px;
}

.delete_your_account {
margin: 20px 0 10px;
}

.account_edit_header {
font-size: 14px;
font-weight: bold;
}



/*** Footer ***/
    #footer {
        background: url('../images/footer_bg.png') no-repeat;
        height: 180px;
        color: #BDA799;
        background-position: center -70px;
    }
        #footer_content{width: 920px; margin: 0 auto; position: relative; top: 55px;}
            #footer a {color: #BDA799;}
            #footer ul li {display: inline;}
            #footer_logo {background: url('../images/footer_logo_tag.png') no-repeat; width: 438px; height: 70px; margin: 0px 0px}
            #footer_biz_nav {font-size: 10px; clear: left;}
            #footer_bottom_nav {font-size:14px;}
              #footer_bottom_nav .blue_foot_link {color: #3da4c5;}
            #we_support {background: url('../images/1_for_the_planet.png'); width: 154px; height: 35px; display:block; position: absolute; right: 22px; top: 80px;}
            #canvasdreams {background: url('../images/canvas-dreams.png'); width: 80px; height: 15px; display:block; position: absolute; right: 192px; top: 90px;}

            #copyright {background: url('../images/copyright.png'); width: 173px; height: 18px; left: 739px; position: relative; top: 81px;}

						#tiny_social_media_links {

						}
						#tiny_social_media_links li {float: left; margin:5px;}
						#tiny_social_media_links li a {
							background-image: url('../images/icons/social_icons_tiny.png');
							width: 16px;
							height: 16px;
							display: inline-block;
						}
            #tiny_social_media_links li a.twitter {background-position: -20px -3px;}
						#tiny_social_media_links li a.linkedin {background-position: -71px -3px}
						#tiny_social_media_links li a.facebook {background-position: -3px -3px;}
						#tiny_social_media_links li a.rss-icon {background-position: -37px -3px;}

*------------------------------------------------------------------------
=Flash Messages
------------------------------------------------------------------------*/

#flash_messages {
  padding: 8px;
  margin: 20px 0;
}

#column2 #flash_messages {
  width:450px;
}

#flash_messages p {
  color: #000000;
  padding: 20px;
  text-align: center;
}

#flash_messages p.error {
  background: #fcc;
  border: 1px solid #f00;
}

#flash_messages p.notice {
  background: #fee37a;
  border: 1px solid #fd9b5b;
}

#flash_messages p.message {
  background: #cbf285;
  border: 1px solid #3cab09;
}

 .css1 { font-size: 1.0em; }
  .css2 { font-size: 1.2em; }
  .css3 { font-size: 1.4em; }
  .css4 { font-size: 1.6em; }

/* Misc */

.tooltip {
  display:none;
  margin-left: -100px;
  font-size: 12px;
  padding: 5px;
  width: 150px;
  background: #cccccc;
  color: black;
  z-index: 100;
}

#signup {
  margin-left:0px;
  padding-top:5px;
}

#signup table{
  border:none;
  background:none;
}

.form_header {
padding: 20px 0 0 28px;
}

.form_back_link {
    display: block;
    padding: 0 0 20px 33px;
}

#admin_links a{
  margin-left:13px;
  margin-bottom:2px;
  font-size: 14px;
  height:12px;
  text-decoration: none;
  display:block;
}


/****************************** ECO_MAIL *******************************/

#mail_inbox {
width: 900px;
background: none;
border: none;
}

#mail_inbox .mail_date {width: 110px;}
#mail_inbox .mail_from {width: 110px;}
#mail_inbox .mail_subject {}
#mail_inbox .mail_view {width: 85px;}

#mail_inbox td, #mail_inbox th {padding: 10px;}

.eco_mail h5, .eco_mail h2 {margin: 0 0 10px;}

.eco_mail .message_body {
padding: 0px;
font-size: 14px;
}

h5.message_thread_header {
margin: 20px 0 0 0px;
padding: 10px 0 0 0;
border-top: 1px solid #ccc;
}

.reply_message_form {
padding: 20px 0 0 0;
margin: 20px 0 0 0;
border-top: 1px solid #ccc;
}

.reply_message_form textarea {
width: 500px;
}

.message_labels {
    color: #666;
    display: block;
    font-weight: normal;
}

/*
	Web20 Table Style
	written by Netway Media, http://www.netway-media.com
*/
table {
  border-collapse: collapse;
  border: 1px solid #666666;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #363636;
  background: #f6f6f6;
  text-align:left;
  }
caption {
  text-align: center;
  font: bold 16px arial, helvetica, sans-serif;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #CC00FF;
  text-transform: uppercase;
}
thead, tfoot {
background:url(bg1.png) repeat-x;
text-align:left;
height:30px;
}
thead th, tfoot th {
padding:5px;
}
table a {
color: #333333;
text-decoration:none;
}
table a:hover {
text-decoration:underline;
}
tr.odd {
background: #cccccc;
}
tbody th, tbody td {
padding:5px;
}
.unread {
  font-weight: bold;
}

/* User session */

.user_session label {
width: 100px;
display: block;
text-align: right;
margin: 10px 15px 20px 0;
float: left;
}

.user_session input {
width: 100px;
display: block;
margin: 0 !important;
float: left;
}

.help-text {
padding: ;
width: 600px;
color: #666;
}

.help-text p, .help-text h1{
line-height: 18px;
margin-bottom: 10px;
margin-top: 10px;
}

.help-text ul li {
list-style-image: none;
list-style-position: inside;
list-style-type: disc;
margin-bottom: 5px;
}

.right_content a { font-size:.85em; line-height: 20px; }

fieldset.optional {border: 1px solid #ccc; padding:10px; width:400px;margin-top:10px;}

.blue {
  color:#3B8083;
  font-weight:bold;
}

.copy {
	text-align:center;
	margin-top: 10px;
	font-size: 12px;
}

.teal_button {
  background: url("../images/buttons/blank_button.png") no-repeat scroll -0px 0 transparent;
  display: block;
  height: 40px;
  line-height: 40px;
  width: 237px;
  text-align: center;
}

.teal_button a,
.teal_botton span {
  padding-top:12px;
  color: #fff;
  padding-bottom: 12px;
  font-size: 18px;
  width: inherit;
}

.teal_button a:hover,
.teal_botton span:hover {
  color: lightgray;
}