/* GLOBAL STYLES */ 
body {
  background: url(/images/bg.gif);
  margin-top: 8px;
  margin-bottom: 8px;
  font-family: helvetica;
  font-size: 13px;
}
a {
  color: #42211E;
}
img {
  border: 0px;
}
h1 {
  font-size: 20px;
}
h2 {
  font-size: 18px;
  margin-top: 0px;
  color: #381A17;
}
h3 {
  font-size: 15px;
}
h4 {
  font-size: 14px;
}
form {
  display: inline;
}
label {
	font-weight: bold;
  color: #381A17;
}
th {
  color: #381A17;
}
.clear {
  clear: both;
}
.center {
  text-align: center;
}
.centered {
  margin: auto;
}
.margin_center {
  margin-left: auto;
  margin-right: auto;
}
span.no_edit {
  border: 1px solid #777;
  padding: 1px 3px;
  background-color: #EEE;
  color: #555;
  display:inline-block;
  min-width: 200px;
  min-height: 18px;
}
span.no_edit.shorter {
  min-width: 160px;
}

.light_red {
	color: #F86B58; 	
}

.input {
	padding-bottom: 15px;
}
input {
  font-size:1em;
}

.even {
  background: #F7F4F2;
}
.odd {
  background: #E2E2E2;
}
.information {
  color: #5D5C5C;
  font-style: italic;
  font-size: 12px;
  font-weight: normal;
}
.search_link {
  float: right;
  margin-top: 4px;
  margin-right: 5px;
}
.right_header_link {
  float: right;
  font-size: 15px;
  margin-top: 4px;
  margin-right: 5px;
}

.right_links_container {
  float: right;
}

.nowrap {
  white-space: nowrap;
}

.version{
	color: #836C6B;
}



/* Rights and Roles CSS */
.role_rights {
	width: 400px;
	border: 1px solid #aaa;
	background: #eee;
	border-radius: 5px;
	-o-border-radius: 5px;
	-icab-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	margin: 0 0 10px;
}

.role_rights input[type="checkbox"] {
	float: right;
	display: block;
	margin-top: 0px;
	padding-top: 0px;
}

.role_rights .role_right {
	margin-bottom: 15px;
}

.action_row, .controller_row {
	height: 1.8em;
	border: 1px solid #eee;
	padding: 0 4px;
}

.action_row:hover, .controller_row:hover {
	border: 1px solid #aaa;
	background: #ddd;
}

.action_row label {
	padding-left: 15px;
	font-weight: normal;
}

/* Status Colors */
.status_red {
  background-color: #FA1B3A;
}
.status_yellow {
  background-color: #FFC003;
}
.status_green {
  background-color: #579C1D;
}
.status_blue {
  background-color: #36A2C9;
}
.status_white {
  background-color: #FFFFFF;
}

.light_status_red {
  background-color: #ffb4b4;
  text-align: right;
}
.light_status_yellow {
  background-color: #FAEEA1;
  text-align: right;
}

.left_justify {
  text-align: left; 
}

.right_justify {
  text-align: right; 
}

.right_float {
  float: right;
}
.left {
  float: left;
}

.icon_cell {
  width: 70px;
}


/* top_menu styles */
#top_menu {
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  height: 30px;
  background-color: #42211E;
  clear: both;
}

.legend {
  height: 27px;
  font-size: 16px; 
  color: white;
  float: left;
}
.logout {
  height: 27px;
  color: white;
  padding-top: 3px;
  float: right;
  margin-right: 10px;
  margin-top: 3px;
}
.logout a{
  color: white;
  text-decoration: none;
}
.logout a:hover {
  text-decoration: underline;
}

/*** Hover listing and Listing styles ***/

.hover_listing, .listing {
  width: 100%;
  border: 1px solid gray;
  font-size: 14px;
  border-collapse: collapse;
}
.hover_listing.smaller, .listing.smaller {
  font-size: 12px !important;
}
.listing.admin {
  font-size: 11px;
}
.hover_listing tr td {
  cursor: pointer;
}
.hover_listing td, .hover_listing th {
  padding-left: 3px;
}
.hover_listing tr:hover td {
  background-color: #91D05B;
  color: #000;
}
.hover_listing .even, .listing .even {
  background-color: #F7F4F2;
}

.hover_listing .odd, .listing .odd {
  background-color: #DCD5D5;
}
.hover_listing th, .listing th {
  background-color: #836C6B;
  border-bottom: 1px solid gray;
  font-weight: bold;
  font-size: 15px;
  font-style: normal;
  color: white;
  text-align: left;
}
.hover_listing th, .listing th {
  font-size: 13px !important; 
}
.hover_listing th a, .listing th a {
  color: white;
  text-decoration: none;
}
.white {
	color: white !important;
  text-decoration: none;
}
.hover_listing th.sort_column:hover, .listing th.sort_column:hover {
  background-color: #836B5F;
}
.hover_listing th.sorted, .listing th.sorted {
  background-color: #B4988A;
}
.hover_listing th.sorted a, .listing th.sorted a {
  color: black;
}
.hover_listing .totals, .listing .totals {
  border-top: 1px solid gray;
  background-color: #836C6B;
  color: white;
}
.hover_listing tr.totals td, .listing tr.totals td {
  cursor: default;
}
.hover_listing tr.totals:hover td, .listing tr.totals:hover td {
  background-color: #836B5F;
  color: white;
}

.column_two {
  padding-left: 20px;
  float:left;
}


/*** Before layout styles ***/

#container {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 15px; /* added to provide buffer for house cache logo in bottom right */
  background: white;
  border: 1px solid gray;
  min-height: 600px;
  /*background-color: #F2FFE5;*/
}

#header {
  width: 100%;
  border-collapse: collapse;
  background-color: white;
  color: white;
  font-size: 14px;
  border: 0px;
}
#header td {
  height: 88px;
  border: 0px;
}
#header_logo {
  width: 138px;
  /*background-image: url(/images/clearclosing_logo.png);
  background-image: url(/images/house_cache.gif);*/
}
#header_page_title {
  text-align: right;
  width: 222px;
  padding: 0px;
}
#header_image {
  width: 385px;
  /*background-image: url(/images/banner_image.gif);*/
}
#header_marketing_logo {
  text-align: right;
  width: 237px;
  padding: 0px;
}
#header_right img {
  border: 0px;
  height: 88px;
}
#header_right a {
  color: #ccc;
  text-decoration: none;
  font-weight: normal;
  font-size: 14px;
}
#header_right a:hover {
  color: white;
}


#notice {
  border: 1px solid #369;
  padding: 0.5em;
  background-color: #EBF3FB;
  text-align: center;
  color: #369;
}

#warning {
  border: 1px solid red;
  padding: 0.5em;
  background-color: #F0F0F0;
  text-align: center;
  color: red;
}

#leftside {
  float: left;
  width: 180px;
  margin-top: 8px;
  margin-left: 8px;
}

#main {
  margin-left: 193px;
  padding: 10px 5px 10px 5px;
  max-width: 780px;
  font-size: 13px;
}



/*** After layout styles ***/

#footer {
  background: url(/images/footer_bg_color.png) repeat-x top center;
  width: 980px;
  height: 20px;
  border-right: 1px solid gray;
  border-left: 1px solid gray;
  border-bottom: 1px solid gray;
  margin-left: auto;
  margin-right: auto;
  color: white;
  line-height: 17px;
  font-size: 11px;
}

#footer a{
  color: white;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer .left {
  width: 800px;
  float: left;
  margin-left: 10px;
}
#footer .right {
  width: 160px;
  float: left;
  text-align: right;
}
#footer .right img#house_cache_logo {
  vertical-align: top;
  position: relative;
  top: -15px;
}



/** Side Menu **/
#side_menu_title {
  text-align: center;
  background: url(/images/side-title-bg.png) repeat-x top center;
  color: white;
  padding: 3px;
  font-size: 16px;
}

#side_menu_title a {
  color: white;
  font-variant: small-caps;
  text-decoration: none;
}

.side_menu_items {
  background: #EBFBEB;
  border: #569B1A 1px solid;
  list-style-type: none;
  text-align: left;
  padding: 0 0px 5px 0px;
  margin: 0px;
  max-width: 180px;
  font-size: 15px;
}

.side_menu_items li {
  background: transparent url(/images/bullet-arrow.gif) no-repeat 0% 50%;
  border-bottom: 1px dotted #ccc;
  font-size: 75%;
  padding: 8px 0;
  margin: 0 8px 0 8px;
}

.side_menu_items li a {
  padding-left: 10px;
  text-align: left;
  text-decoration: none;
  color: #498416;
  font-weight: bold;
  border: none;
  display: block;
}

.side_menu_items li a:hover {
  text-decoration: none;
  color: #006600;
  display: block;
}
.active{
  background: transparent url(/images/bullet-arrow-on.gif) no-repeat 0% 50% ! important;
  /*border-bottom: 0px ! important;*/
}
.active a{
  text-decoration: none ! important;
  color: #db671c ! important;
  display: block ! important;
}


/* nested Side menu - submenu */
.side_menu_items .side_menu_items {
  border: 0px;
  padding: 3px 0px 3px 5px;
  font-size: 15px;
}
.side_menu_items .side_menu_items li {
  border: 0px;
  padding: 2px 0px ! important;
}
.submenu_list {
  background: 0 ! important;
}


/* Side menu - shadows */
.outerpair1 { 
  background: url(/images/upperrightfade.png) right top no-repeat;
}
.outerpair2 { 
  background: url(/images/lowerleftfade.png) left bottom no-repeat; 
  padding-top: 8px;
  padding-left: 8px;
}
.shadowbox { 
  background: url(/images/shadow.png) bottom right; 
}
.innerbox { 
  position: relative;
  left: -8px;
  top: -8px;
}


/* Error Styles */
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: inline;
}

#error_message {
  /*text-align: center;*/
}

#errorExplanation {
  text-align: left;
  width: 500px;
  border: 1px solid;
  border-color: #c00;
  margin-bottom: 12px;
  background-color: #ffffff;
}
.small_modal_window #errorExplanation {
  width: 400px;
}

#errorExplanation h2 {
  font-weight: bold;
  padding: 4px;
  padding-left: 15px;
  font-size: 13px;
  background-color: #c00;
  color: #fff;
  margin-top: 0px;
}

#errorExplanation p {
  padding-left: 15px;
}


/* Warning Styles */
#warningExplanation {
  text-align: left;
  width: 500px;
  border: 1px solid;
  border-color: #c00;
  margin-bottom: 12px;
  background-color: #ffffff;
}
.small_modal_window #warningExplanation {
  width: 400px;
}

#warningExplanation h2 {
  font-weight: bold;
  padding: 4px;
  padding-left: 15px;
  font-size: 13px;
  background-color: #c00;
  color: #fff;
  margin-top: 0px;
}

#warningExplanation p {
  padding-left: 15px;
}


.two_columns .col {
  float: left;
  width: 50%;
}


/* 
 * pagination 
 * will_paginate plugin
 * http://rock.errtheblog.com/will_paginate
 */
.pagination {
  padding: 3px 0;
  margin: 3px 0;
}
.pagination a, .pagination span {
  background-color: #fff;
}

.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px 0;
  border: 1px solid lightgrey;
  text-decoration: none;
  color: #836C6B;
}

.pagination a:hover, 
.pagination a:active {
  border: 1px solid #836C6B;
  color: black;
}

.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #000;
  font-weight: bold;
  background-color: #836C6B;
  color: white;
}

.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #eee;
  color: #ccc;
}

.pagination span.prev_page {
  margin-left: 0;
}


/*  search form styles */
.search_form {
  border: 1px solid #836C6B;
  background-color: #eee;
}
#toggle_hide {
  float: right;
  margin: 4px 5px 0px 0px;
}
#toggle_hide a {
  text-decoration: none;
}

.structure_info {
  border: 1px solid #836C6B;
  background-color: #eee;
  font-size: 14px;
}
.structure_info table th {
  color: #381A17;
}

.grey_info {
  border: 1px solid #836C6B;
  background-color: #EBF6FA;
  font-size: 13px;
  padding: 10px 20px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;  
}

.closing_group td {
  padding: 0px 5px;
}

#spinner {
  display: none;
  padding-left: 15px;
  height: 20px;
}
#spinner .text {
  color: #42211E;
  font-size: 15px;
}
.spinner_container {
  height: 20px;
}

.message_history .date {
  width: 70px;
}
.message_history .name {
  width: 130px;
}
.message_history .communicate_icon {
  width: 40px;
  padding-left: 20px;
}

.demo_date {
  border-bottom: 1px solid gray;
  padding: 2px;
}
.demo_date .header {
  font-weight: bold;
}


/* Shadow styles - used in shared/shadow_container.html.erb */
.shadow_container.pad_bottom {
  margin-bottom: 7px;
}
.shadow_container .shadow_left {
  float: left;
  height: 7px;
  width: 7px;
  background: url(/images/drop_shadow_left.png) bottom left;
}
.shadow_container .shadow_right {
  float: right;
  height: 7px;
  width: 7px;
  background: url(/images/drop_shadow_right.png) bottom right;
}
.shadow_container .shadow_middle {
  margin-left: 7px;
  margin-right: 7px;
  height: 7px;
  background: url(/images/drop_shadow_middle.png) repeat-x top center;
}


.consumer_info {
  border: 1px solid gray;
  background-color: #eee;
  padding: 10px;
  margin: 5px;
}
.consumer_info.updated {
  background-color: #FFF6ED !important;
  border-color: #C26F15 !important;
}
.save_changes_reminder {
  color: #C26F15;
  font-size: 10px;
  margin: 0px 0px 5px 8px;
}
.consumer_info table th {
  text-align: left;
}


#modal_window, #modal_window2 {
  position: relative;
  display: none;
  z-index: 1000;
  color: #42211e;
  cursor: default !important;
}
.modal_header {
  background-color: #42211E;
  color: white;
  /*margin-bottom: 10px;*/
  height: 30px;
  /*margin-top: -5px;*/
 cursor: move;
}
.modal_header .text {
  float: left;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 5px;
  height: 100%;
  line-height: 30px;
}
.modal_header .text strong {
  font-size: 17px;
  font-weight: bold;
}
.modal_header a{
	color: #CCC;
}
.modal_header .links {
  font-weight: normal;
  padding: 5px 5px;
  text-align: right;
  float: right;
}
.modal_header .links a {
  display: block;
}
.modal_header .links img {
  width: 15px;
  margin-top: 2px;
}
.model_content {
  padding: 15px;
}

.modal_form_errors {
  text-align: left;
  width: 90%;
  border: 1px solid;
  border-color: #c00;
  margin-bottom: 12px;
  background-color: #ffffff;
  padding: 5px;
  color: red;
}
.modal_form_errors ul {
  padding: 0px;
  margin: 0px;
}
.modal_form_errors li {
  list-style: none;
  padding: 0px;
}

.or_separator {
  width: 100%;
}
.or_separator td {
  text-align: center;
}
.or_separator .end {
  width: 5%;
}
.or_separator .or {
  width: 50px;
  font-size: 19px;
  font-weight: bold;
  color: #42211E;
}
.or_separator hr {
  color: #42211E;
}

.edit_table th {
  text-align: left;
}

/* Green Calculator styles */
.green_calculator .close_link {
  float: right;
  width: 75px;
}
.green_calculator .organization {
  font-weight: bold;
  font-size: 17px;
  color: #836C6B; 
  margin-right: 75px;
}
.green_calculator .header {
  font-weight: bold;
  font-size: 16px;
  color: #63A32C;
  margin-right: 75px;
}
.green_calculator .subheader {
  font-size: 14px;
  color: gray;
}
.green_calculator .footer {
  font-size: 12px;
  color: gray;
}
.green_calculator table {
  border-collapse: collapse;
  border: 1px solid #63A32C;
  margin-top: 15px;
  margin-bottom: 5px;
  background-color:
}
.green_calculator td, .green_calculator th {
  padding: 10px;
  border-right: 1px solid #63A32C;
}
.green_calculator th {
  color: white;
  border-right: 1px solid #836C6B;
  border-bottom: 1px solid #63A32C;
  background-color: #836C6B;
}
.green_calculator table .odd {
  background-color: #E3F1D7;
}
.green_calculator table .even {
  background-color: white;
}
.green_calculator .totals {
  font-weight: bold;
  background-color: #63A32C;
  color: white;
}
.green_calculator .totals td {
  border-top: 1px solid #63A32C;
  padding: 5px 10px;
}


table.normal_table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #836C6B;
}
table.normal_table th {
  text-align: left;
  background-color: #836C6B;
  color: white;
}
table.normal_table td {
  padding: 3px 5px;
}
table.normal_table .odd {
  background-color: #E3F1D7;
}
table.normal_table .even {
  background-color: white;
}
table.normal_table td {
  vertical-align: top;
}

.photo {
  border: 1px solid gray;
  background-color: #eee;
  padding: 10px;
  margin-bottom: 10px;
}
.photo div.image, .photo div.details {
  margin-right: 10px;
}
.photo div.image {
  float: left;
}
.photo th {
  text-align: left;
}

.consumer_form_container .title {
  font-weight: bold;
  font-variant: small-caps;
  font-size: 15px;
  margin-bottom: 7px;
  color: #448011;
}


.user_information {
  border: 1px solid gray;
  background-color: #eee;
  width: 100%;
}
.user_information_container .header {
  font-weight: bold;
  font-size: 14px;
  color: #381A17;
}
.majors .user_information {
  background-color: #FFF6ED;
}



/** COMMENTS **/
#comments{
  margin-top: 12px;
  background-color: #eee;
  border: 1px solid gray;
  padding: 5px;
}
.comment_display{
  padding: 10px;
  margin-bottom: 5px;
  border-bottom: 1px solid gray;
}
.comment_author{
  color: #990000;
  font-weight: bold;
}
.comment_date{
  color: #444;
}
.comment_message{
  float: left;
  width: 69%;
}
.comment_info{
  float: left;
  width: 30%;
}
.comment_buttons{
  padding-left: 5px;
}
.comment_body{
  float: left;
  width: 61%;
}
div.comment_submit{
  padding-top: 3px;
}
.not_too_wide{
	width: 50%;
}