@CHARSET "ISO-8859-1";
#header_web_to_phone {
  margin-top: auto;
  margin-bottom: auto;
  text-align: center;
  background-color: BlanchedAlmond; 
}
/*
 * HOME PAGE CSS
 *
 */
#overall_container { 
   margin-left: auto;
   margin-right: auto;
   width: 90%;
   /* background-color: lightcoral; */
   /*background-color: BlanchedAlmond;*/
    //height: 700px;

}

/* The top row container is for the top
row and just contains header type info,
such as company name, phone, etc. it is not
too tall */
#toprow_container {
	margin-top: auto;
   margin-bottom: auto;
  //margin-top: 5%;
  // margin-bottom: 5%;
	background-color: wheat;
	height: 10%;
	
}
#toprow_first_container {
	//float: left;
	//width: 25%;
	font-size: 20px;
	font-weight: bold;
	//background-color: #bbff99;
  text-align: center;
}
#toprow_second_container {
	//float: left;
	//width: 25%;
	font-size: 20px;
	font-weight: bold;
	background-color: #aaff80;
  text-align: center;
}
#toprow_third_container {
	//float: left;
	//width: 25%;
  font-size: 20px;
  font-weight: bold;
	background-color: #99ff66;
  text-align: center;
}
#toprow_fourth_container {
	//float: left;
	//width: 25%;
  font-size: 20px;
  font-weight: bold;
	background-color: #88ff4d;
  text-align: center;
}

/* The main body container is the row just
below the first row. It's spans the entire
section left to right*/

#main_body_container {
	 margin-top: auto;
   margin-bottom: auto;
   height: 30%;
  // width: 100%;
   /*background-color: grey;*/
   background-color: #ffffcc;
}

#main_left_and_center_container {
   margin-top: auto;
   margin-bottom: auto;
  /* height: 30%;
   width: 100%;*/
   background-color: red;
}
/* The section on the left that has the
messages */
#main_left_container {
   //margin-left: 50px; 
  // float: left;
  /* background-color: green; */
   /*background-color: #ffffb3; */
   background-color: #ffffcc;
  // width: 25%;

}
#main_left_top_label{
  //background-color: white;
  background-color: #ffff99;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  height: 60px;
}
#main_center_container {
 //  margin-left: auto;
 //  margin-right: auto;
   //float: left;
   /* This width seems to be the size for the membership info,
    * billing info and the margins. I measured by comparing
    * size with the know header of 745; using a ruler. 
    */
   //width: 576;
   //width: 620;
  // width: 50%;
  /*background-color: #0fffff;*/
 /* background-color: darkkhaki; */
  background-color: #ffffcc;
}
#main_center_top_label{
  //background-color: white;
  background-color: #ffff99;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  height: 60px;
}
#main_right_container {
  
 //  margin-left: auto;
 //  margin-right: auto; 
 //  float: left;
   /*background-color: saddlebrown; */
   background-color: #ffbb99;
   //width: 25%;
}

#lower_container {
	margin-top: auto;
   margin-bottom: auto;
   height: 20%;
   /*width: 25%;*/
   background-color: BlanchedAlmond; 
   text-align: center;
}
#big_message {
   background-color: green; 
   text-align: center;
}

/*
 * The billing_info blocks css is defined
 * in checkout.css and the block div is set
 * in display_functions. So, that's why you
 * don't see it here
 */
 .main_right_list {
    list-style-type: none;
   style="line-height:300%"
    
   font-weight: bold;
   font-size: 20px;
    
 }
 .message_summary_container {
   margin-left: auto;
   margin-right: auto; 
   float: left;
   background-color: lightblue; 
   width: 50%;
 }
 .message_content_container {
   margin-left: auto;
   margin-right: auto; 
   float: left;
   background-color: lightyellow; 
   width: 50%;
 
 }
 

#msg_container_short {
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	/*background-color: coral;*/
  background-color: #ffaa80;
	//list-style-type: none;
}
.msg_container_short_one_msg {
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	background-color: wheat;
	//list-style-type: none;
}
.msg_container_short_status_label {
  font-weight: bold;
}

#msg_container_long {
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	/*background-color: coral;*/
  background-color: #ffaa80;
	//list-style-type: none;
}
.msg_container_long_one_msg {
  margin-left: auto;
  margin-right: auto;
  width: 95%;
  background-color: wheat;
  //list-style-type: none;
}
#main_right_send_sms_container {
	/*background-color: coral;*/
  background-color: #ffaa80;
	font-style: italic;
	
}
#send_sms_title {
	text-align: center;
	text-style: italic;
}
#send_sms_number {
	text-align: center;
}
#send_sms_number_label {
	text-style: bold;
	//text-align: right;
}
#send_sms_number_input {
	//text-stype: bold;
}
#send_sms_text {
	text-align: center;
	padding-top: 30px;
}
#send_sms_button {
	text-align: center;
}
#send_mms_button {
  text-align: center;
}

#send_mms_container {
  display: none;
  text-align: center;
}

#manage_contacts_button {
  text-align: center;
}


#refresh_messages_container {
  /*background-color: coral;*/
  background-color: #ef9a70;
  font-style: italic;
  text-align: center;
  
}
#your_company_container{
background-color: LemonChiffon ;
height: 200px;
}
#your_company_label_container{
 background-color: LemonChiffon; 
}
.your_company_list_items{
  font-size: 20px;
  text-align: center;
}
#your_company_label{
  //background-color: #ffff99;
  background-color: LemonChiffon;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  //height: 60px;
  //font-weight: bold;
  //text-align: center;
}