/* dashboard */

#sh-dashboard{width: 987px; min-height: 416px;  overflow: hidden;}
#sh-dashboard .top{height: 60px; line-height: 60px; font-family: Arial, Helvetica; padding: 0px 5px; color: #7a7a7a;}
#sh-dashboard .top a{ color: #353535; display: block; float: left; display: inline; padding: 0 5px;  font-size: 13px; font-weight: bold;}
#sh-dashboard .top a#selected, #sh-dashboard .top a:hover{ color: #990000;}

#sh-dashboard .dash-description-top{height: 76px; width: 960px; background: url(../img/dashboard/dash-header.png) no-repeat;}
#sh-dashboard .dash-description{height: 77px; width: 665px; padding-top: 15px;  overflow: hidden; line-height: 20px;}

#sh-dashboard .inner{width: 986px; height: 355px; background: #b9b48e; overflow:  hidden;}
#sh-dashboard .auto{height: auto; padding-bottom: 20px;}
#sh-dashboard .inner .spacer{padding: 30px 0 10px 20px;}
#sh-dashboard .left-side{width: 306px; height: 229px; float: left; display: inline; overflow: hidden; margin-bottom: 16px;}
#sh-dashboard .right-side{width: 604px; height: 229px; float: right; display: inline; overflow: hidden;}

#sh-dashboard .left-side img { width: 306px; }

#sh-dashboard .rank h3 {
    font-size: 14px;
    color: #656565;
    text-transform: uppercase;
}

.rank #corner strong {color: #f22b24;}
.ranking {color: #e41a34;}
#sh-dashboard-gauge-bg{width: 960px; height: 140px; background: url(../img/dashboard/gauge-bg.png) no-repeat;}
#sh-dashboard-info{ height: 190px; overflow: hidden;}
#sh-dashboard-info h2{color: #E00428; font-family: "proxima-nova-1","proxima-nova-2",Verdana,sans-serif; font-size: 24px;}
#sh-dashboard-info h3{font-size: 12px;color: #656565;}    
#sh-dashboard-info p{ margin-top: 10px;}   

#sh-dashboard-graph{ width: 985px; height: 190px; background: url(../img/graph-dash-bg.png) repeat-x #878787; padding-top: 8px; margin-left: 1px;}
#sh-graph-selector{margin-left: 8px; margin-top: 9px;}
.graph-surround{height: 150px; width: 974px;overflow: hidden; margin-left: 8px;}

.dash-title{line-height: 40px; font-size: 14px; margin-top: 15px; font-weight: bold; padding-left: 10px;}

.right{float: right; display: inline;}
.left{float: left; display: inline;}
.clear{clear: both;}

.debug-border{border: 1px dashed;}

#sh-dashboard-gauge-bg .gauge{color: #46433e; font-size: 9px; font-family: "proxima-nova-1", "proxima-nova-2", Verdana, sans-serif; padding-top: 5px;}
#sh-dashboard-gauge-bg .gauge h4{font-size: 16px; color: #46433e; display: inline;}
#sh-dashboard-gauge-bg .gauge span {font-size: 8px;  }

#sh-dashboard-gauge-bg #gauge-left{height: 126px; width: 320px; margin-top: 7px; margin-left: 10px;}
#sh-dashboard-gauge-bg #gauge-mid{height: 126px; width: 385px; margin-top: 7px; margin-left: 28px;}
#sh-dashboard-gauge-bg #gauge-right{height: 126px; width: 182px; margin-top: 7px; margin-left: 14px;}

#sh-dashboard-gauge-bg .gauge img{margin: 15px 20px 0 20px;}
#sh-dashboard-gauge-bg .dash-stats{margin-top: 5px;}
#sh-dashboard-gauge-bg .dash-stats .stat{margin-top: 5px;}
#sh-dashboard-gauge-bg .dash-stats .stat strong{color: #c12d2d;}
#sh-dashboard-gauge-bg .dash-stats .stat span{font-size: 12px;}

#sh-dashboard-gauge-bg #gauge-mid div, #sh-dashboard-gauge-bg #gauge-right div{width: 187px; text-align: center; float: left; display: inline; margin-left: 5px;}

/* dashboard table */

#sh-table{width: 984px; margin-bottom: 20px;}
#sh-table .sh-table-inner{padding: 1px;}
#sh-table .header{height: 60px; overflow:  hidden;}
#sh-table .header h1{margin-left: 15px; line-height: 28px; margin-top: 20px; color: #414040; font-weight: bold; font-size: 22px; font-family: "proxima-nova-1", "proxima-nova-2", Verdana, sans-serif;}
#sh-table .table-footer{height: 50px; background: #e2e1dd; overflow: hidden;}

#sh-table #entry-form{height: 141px; background: #d0d0d0;}
#sh-table #entry-form .entry-form-left{width: 161px; margin: 25px 0 0 10px;}
#sh-table #entry-form .entry-form-mid{width: 800px;  margin-top: 25px;}
#sh-table #entry-form input[type="text"]{width: 70px;}

#sh-table #filter-form{height: 50px; background: #e2e1dd; line-height: 1.5px; padding-left:161px; }
#sh-table #filter-form a{color: #a2a7b1;}
#sh-table #filter-form .spacer{position: relative; top:15px;}

#sh-table .input-form{color: #535353; font-weight: bold; margin-top: 15px;}
#sh-table .input-form div{ margin-top: 8px; font-weight: normal;}
#sh-table .input-form div.left { width:725px; } 

#sh-table th{-moz-border-bottom-colors: none; font-weight: bold; color: #fafafa; font-family: "proxima-nova-1", "proxima-nova-2", Verdana, sans-serif;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../img/tablebg.png") repeat-x scroll center bottom transparent;
    border-color: -moz-use-text-color #FFFFFF -moz-use-text-color -moz-use-text-color;
    border-style: none solid none none;
    border-width: 0 1px 1px 0;
    cursor: pointer;
    font-size: 11px;
    font-weight: normal;
    padding: 6px 10px;
    text-transform: uppercase;}
#sh-table img{margin-left: 5px;}
    
#sh-table .up{height: 10px; width: 15px; background: url(../img/up.png) no-repeat; float: right; display: inline; position: relative; top: 3px;}
#sh-table .down{height: 10px; width: 15px; background: url(../img/down.png) no-repeat; float: right; display: inline; position: relative; top:3px;}    


#sh-table th#selected{background: url("../img/tablebg-selected.png") repeat-x scroll center bottom transparent;}

    
#sh-table td{
	color: #000; font-family: "proxima-nova-1", "proxima-nova-2", Verdana, sans-serif;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #FFFFFF -moz-use-text-color -moz-use-text-color;
    border-style: none solid solid none;
    border-color: #ffffff;
    border-width: 0px 0px 1px 0;
    font-size: 11px;
    font-weight: normal;
    padding: 8px 10px;
    text-transform: uppercase;}
    
#sh-table .transportation{ background: #f3c927;}
#sh-table .energy{ background: #b4cc20;}
#sh-table .water{ background: #aac7cf;}

.inline-editor td{text-transform: none !important; line-height: 17px !important; padding-bottom: 20px;}
.inline-editor span{padding-right: 10px;}

.inline-editor .edit-form-left { 
	height: 45px;
    width: 161px;
 }
 
.inline-editor .edit-form-mid {
    width: 800px;
}


.bad{color: #e00248; font-weight: bold;}
.good{color: #39a12b; font-weight: bold;}

.sh-tabs .footer {
	color: #676767;
	font-size: 11px;
	padding: 10px 0;
}

.sh-tabs .footer div.current {
	padding: 5px 0;
	margin-left: 15px;
	width: 33%;
}

.sh-tabs .footer .current-mid {
	width:350px;
}

.sh-tabs .footer .prev,
.sh-tabs .footer .next {
	float: left;
	width:  19px;
	height: 19px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../img/arrow-prev.png);
	margin: 0 10px;
}

.sh-tabs .footer .next {
	background-image: url(../img/arrow-next.png);
}


.table-footer footer{background: none; overflow: hidden; padding-top: 13px;}
.table-footer footer div.current {
    margin-left: 15px;
    padding: 5px 0;
    width: 33%;
}
.table-footer #org-list-jump{float: left; display: inline; width: 130px;}
.table-footer .index{width: 230px;}




/************************************************************  HOUSEHOLD UPDATES SECTION ****************************************************************/
#add_update_gallery .error{-moz-background-inline-policy: continuous;
    background-color: #FCCAC2;
    border: 1px solid #EB5339;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #AC260F;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-top: 10px;
    text-align: center;}
#sh-dashboard .updates-inner{ width: 968px; height: 150px; background: url(../img/dashboard/updates-top-bg.jpg) no-repeat; padding: 30px 0 0 20px; margin-left:1px;}
#sh-dashboard .update-description-top { height: 60px; background: url(../img/dashboard/my-household-updates.png) no-repeat; }
#sh-dashboard .update-description{height: 87px; width: 580px; overflow: hidden; line-height: 20px; float: left;}
#sh-dashboard #create-update-button { float: right; width: 310px; margin: 15px; margin-top: 0; background: url(../img/dashboard/create-new-update.png) top left no-repeat; font-size: 20px; color: #fff; height: 42px; text-align: center; padding-top: 8px;  }

#updates-main { overflow: auto;  }
#updates-list { float: left; width: 630px; min-height: 400px; margin: 15px; margin-right: 0;overflow: auto;  } 

#updates-block { float: right; width: 307px; background-color: #DDD9B5;  margin: 15px; overflow: auto; padding-bottom: 10px;  }


#updates-main .update-decline-message{background: #a30009; margin: 10px 15px; padding: 20px;width: 750px;}
#updates-main .update-decline-message p{color: #fff;}

#updates-block h3 { font: 24px "Arial"; color: #A30009; margin: 15px; margin-bottom: 25px; }
#updates-block h4 { font: 12px "Arial"; color: #000; margin: 15px; font-weight: bold;   }
#updates-block p { margin: 15px; }
#updates-block a { color: #000; text-decoration: underline; }


table#stories {
	font-size: 11px;
	width: 100%;
	color: #333;
}


table#stories tr {
	background-color: #E9E8E6;
	border-bottom: 1px solid #fff;
}

table#stories tr td:first-child {
	padding-left: 1.5em;
}
table#stories tr.published {
	background-color: #d1e2eb;
}

table#stories td {
	padding: 8px;
	vertical-align: middle;
	position: relative;
}

table#stories td.title {
	font-weight: bold;
}

table#stories td.title a {
	color: #333;
	font-weight: bold;
}

table#stories td.date {
	width: 12em;
}
table#stories td.status,table#stories td.status select {
	width: 10em;
}
table#stories td.status select {
	height: 2em;
}
td.status select,td.status select option {
	border-radius: 5px;
	padding-left: 2em;
	text-transform:capitalize;
}
table#stories td.del {
	width: 34px;
}

table#stories td.del a {
	display: inline-block;
	background: url("../img/dashboard/delete-button.png") no-repeat center;
	width: 26px;
	height: 26px;
	position: relative;
	top: .2em;
	cursor: pointer;
	text-indent: -9999px;
}

#ask_question #question_error p {margin: 0 1em;}

#page_edit_error p {padding: 0 10px;}
#add_story .failure_message p,
#ask_question .failure_message p {color: #952621;}


#add_update_container { width: 810px; float: left; }

#add_update, #add_update_gallery { 
	margin: 0 15px; 
	width: 750px;
	padding: 20px;
	background-color: #C9C5A4;
	border-bottom: #fff solid 1px; 
	float: left;
}

#update_toolbar { text-align: right; margin: 15px;}
#update_toolbar input[type=button] { background: url("../img/update-button-bg.jpg") top left no-repeat; width: 129px; height: 21px; color: #fff; font-size: 12px; border: 0; margin: 20px 0px 10px 10px; cursor: pointer; }

.story_tip { font-size: 10px;  } 
#image-tip { margin-top: 40px;}
#add_update label,
#add_update_gallery label { color: #514F4F; font-size: 12px; font-weight: bold; }
#add_update input,
#add_update textarea { padding: 8px; font: 12px 'Arial'; color: #514F4F; margin: 5px 0; }


#update_title_block { width: 360px; float: left; height: 135px;}

#update_gallery { overflow: auto; padding: 10px; text-align: center; margin: 15px 0;}

.gallery-item-container { background-color: #D3D0B5; width: 130px; height: 130px; float: left; margin: 20px 50px 50px 0; text-align: center; line-height: 130px; vertical-align: middle; position: relative;} 
.gallery-item-container img { line-height: 130px; vertical-align: middle; }


.remove {
	position: absolute;
	top: -10px;
	right: -10px;
	width: 26px;
	height: 26px;
	background: url(../img/dashboard/delete-button.png) no-repeat top right;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 100;
	cursor: pointer;
}

/************************************************************ CUSTOM IMAGE LIBRARY ***********************************************************************/

#update_photo_block {  width: 360px; float: left; height: 135px; }
#update_image { float: left; margin: 0 10px; background: url( ../img/add_photo.png) top left no-repeat; text-align: center; }
#add_update_photo { line-height: 130px; vertical-align: middle; display: block; position: relative; }

#update_video_block {  width: 360px; float: left; height: 135px; }
#update_video { float: left; width: 175px; height: 130px; margin: 0 10px; background: url( ../img/add_video.png) top left no-repeat; text-align: center; }
#add_update_video { line-height: 130px; vertical-align: middle; display: block; position: relative; }



/*

#add_update .single-uploader-view {  width: 175px; height: 130px; line-height: 130px;  background: #e6e7ec; }
#add_update .single-uploader-view .leftnum{ width: 175px; height: 130px; margin-top: -130px;}

#add_update .single-uploader-view .leftimg{width: 175px; height: 130px; background: #cfd1da;  }
#add_update #update-main .single-uploader-view .leftimg img {width: 175px; height: 130px; background: #cfd1da;  }



#update-main .single-uploader-view .leftitems { height: 40px; }
#update-main .single-uploader-view .leftitems a { margin: 0 0px 0 10px; }
#update-main .single-uploader-view a.greenish { color: #74b73e; }
#update-main .single-uploader-view .uploader { margin-top: 7px; }


*/

/********************************************************************************************************************************************************/
#update_title { border: none; padding: 8px; width: 340px; }
#update_text { border: none; padding: 8px; width: 730px; height: 190px;}

#add_update h3 { font: 24px "Arial"; color: #A30009; margin: 15px; margin-bottom: 25px; } 
#updates-main h3 { font: 24px "Arial"; color: #A30009; margin: 15px; } 

#updates-block 
#updates-block h4 { font: 12px "Arial"; color: #000; margin: 15px; font-weight: bold;   }
#updates-block p { margin: 15px; }
#updates-block a { color: #000; text-decoration: underline; }

#update_help { width: 150px; height: 400px;  float: left; overflow: visible; height: 700px;}

.help_block { background-color: #A30009; overflow: auto; margin-bottom: 20px; position: relative; width: 145px; margin-left: 14px; }
.help_block_arrow { background: url("../img/red-arrow.jpg") top left no-repeat; width: 150px !important;  }

.help_block h4 { color: #fff; font-size: 18px; margin: 10px; }
.help_block p { color: #fff; font-size: 11px; margin: 10px; }

#help_update { margin-top: 207px; }
#help_update_gallery {  margin-top: 63px; }


/* front end gallery */
#story_gallery_block, #story_gallery_block span {
	position: relative;
	float: left;
}
#story_gallery_block span#asset_browse {
	text-align:center;
	line-height:127px;
	cursor:pointer;
	
}
#story_gallery_block span.img_container {
	margin: 1em;
	background-color: #E4E2D1;
	border: #C1C5BC solid 1px;
	min-height: 127px;
	min-width: 127px;
}

#story_gallery_block img {
	padding: 0 1em;
}

.gray_text, #asset_browse { font-size: 11px !important; color: #514F4F !important; cursor: pointer !important; }



/************************************************************  Voting box section ***********************************************************************/

#TB_overlay {
    background-color: #000000;
    height: 100%;
    left: 0;
    opacity: 0.75;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

#preview_container {
	position:absolute;
	top: 100px;
	left: 50%;
	margin-left: -500px;
	width: 1000px;
	z-index: 999;
	background-color: #fff;
	text-align: left;
}

#preview_container h1.title { font-size: 24px; font-weight: normal; margin: 15px;}

#preview_close { float: right; margin: 15px; width: 160px; font-size: 14px; text-align: right; }
#preview_close a { cursor: pointer; }


#preview_container #right {
	height: 36px;
	background-color: #73AEDA;
	text-align: right;
}

/**********************************************************  END HOUSEHOLD UPDATES SECTION **************************************************************/


/**********************************************************  CONTENT BLOCKS **************************************************************/

.margin-right-9 {
	margin-right: 9px;
}
.margin-left-9 {
	margin-left: 9px;
}

/**********************************************************  END CONTENT BLOCKS **************************************************************/
/*#reg-header { padding: 15px 5px; }*/

.register-login { width: 491px; float: left; margin-right: 2px; }

.ce-register-form { width: 494px; float: left; }

.reg-login-column { background: none repeat scroll 0 0 #F4F4F4; height: 365px; }

.reg-login-column-content {
    padding: 25px 70px;
    text-align: center
    
}

#registration-form-flat {  }
#registration-form-flat .wrap-register-footer, .register-login .wrap-register-footer {padding: 10px;}

#registration-form-flat label,
#registration-form-flat input[type=text],
#registration-form-flat input[type=password], 
#registration-form-flat select { width: 120px; display: block; float: left; margin-bottom: 10px; vertical-align: middle;}

#registration-form-flat #right-col label { width: 140px; }

#registration-form-flat input[type=text],
#registration-form-flat input[type=password],
#registration-form-flat textarea, 
#registration-form-flat select { width: 210px; margin-right: 15px; border: #ccc solid 1px; padding: 3px;  }

#registration-form-flat select { width: 217px; } 

#registration-form-flat label { padding-top: 3px; text-align: right; font-weight: bold; color: #666; margin-right: 15px;}

#registration-form-flat br { clear: both;}

#register-disclaimer { margin: 10px; font: 9px Verdana; color: #666;}

.small-copy { font: 10px Verdana; color: #666; }

.reg-form-column {    background: none repeat scroll 0 0 #F4F4F4;  height: 365px; }

.reg-form-column-content { margin:0 25px 25px 25px;}

.reg-form-column-content p { font-size: 12px; color:#414A4C; margin-bottom:21px; padding-top:25px; }

.reg-login-column-content p { font-size: 12px; color:#414A4C; margin:110px 0 21px 0; text-align: left; }


.reg-form-column-content h3 { clear: both; color: #666; font: 14px "proxima-nova-1", "proxima-nova-2"; margin-bottom: 5px; }

#reg-form-toolbar { background-color: #fff; overflow: auto; border: #fff solid 1px; width: 960px; }

.no-margin-bottom { margin-bottom: 0px !important; }

.tips { font-size: 10px; color: #666; margin-left: 135px; display:  block; } 

#right-col .tips { font-size: 10px; color: #666; margin-left: 155px; display:  block; } 

.white-on-red { background-color:  #e00428 }

.white-on-red * { color:  #fff !important; }

.white-on-red input, .white-on-red textarea, .white-on-red option, .white-on-red select { color: #666 !important; }

label.agreements { width: 218px !important; text-align: left !important; margin-top: 4px !ie; }

#become-participant { padding: 15px; border: #ddd solid 1px; margin-bottom: 15px; }

#become-participant p { margin-bottom: 15px; }

#registration-form-flat inpupt[type=checkbox] { margin-top: -10px !ie; padding-top: -10px !ie; }

#register-button, #reset-button, #submit_button, .register-login #reg_login_button {
    background-color: #E00428;
    border: 1px solid #000000;
    color: #FFFFFF;
    float: right;
    font-family: "verdana";
    font-size: 14px;
    font-weight: bold;
    padding: 3px 20px;
}

.register-login #reg_login_button {
	float: none;
}

#error-list {
    float: left;
    font-size: 14px;
    margin-left: 25px;
    width: 400px;
    background-color:#FCCAC2;
	border:1px solid #EB5339;	
	margin-bottom:10px;
	margin-top: 10px;
	color:#AC260F;
	text-align: center;
	line-height: 20px;
	padding-top: 10px;
}



#sh-header-login-form input[type=text],
#sh-header-login-form input[type=password] {
	width: 300px;
	width: 280px !ie;
	border: #aaa solid 1px;
	padding: 3px;
	color: #999;
	margin-right: 10px;
	margin-bottom: 5px;
}

#sh-header-login-form { 
	margin-top: 40px; 
}

#sh-header-login-form #login-button {
	background-color: #e00428;
	padding: 2px 32px;
	font-weight: normal;
	color: #fff; 
	border: #000 solid 1px;
}