@charset "utf-8";
/* CSS Document Floor Broker */
a {
    color: #F6931F;
    text-decoration: none;
}
a:hover {
    color:#999999;
}
a:focus {
    color:#F6931F;
}
/* CSS Normalize */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0
}
/*table{border-collapse:collapse;border-spacing:0}*/
fieldset,img{border:0}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal
}

/* Hide dotted outlines in Firefox */
*:focus{outline:none;border:none}

/*Add png support for older ie browsers */
img, div {
    behavior: url(lib/iepngfix.htc);
}
body {
    background:#EFEFEF url(../images/bg_fade.jpg) repeat-x scroll 0 0;
    font-family:"Lucida Grande",Arial,Verdana,sans-serif;
}

/* Default DIVs text-alignment  */
div{text-align:left}

/* Default Link (Important! Order: Link, Visited, Hover, Active)  */

/* Bringing boldness back to headers and the strong element */
h1,h2,h3,h4,h5,h6,strong {font-weight:bold}

/* Forms: setting a consistent width, 160px; 
input[type=text],input[type=password],textarea{width:12.25em}
input,textarea,select{font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:inherit;font-weight:inherit}
 */
/* Lists: giving UL's LIs generated disc markers*/
ul li {list-style:disc outside}

/* = Reusable classes
-----------------------------------------------------------------------------*/
.clear{clear:both}
.Lf{float:left}
.Rg{float:right}
.padding {
  padding:10px;  
}
/* CSS Styles for the tutorials accordion */

div#container{
    font-size:62.5%;
    line-height:1.5em;
    position:absolute;
    top:0;
    left:50%;               
    margin-left:-491px; /*Web Default -490px */
    width:982px; /* Web Default: 980px; */ 
    text-align:center;
}
div#header_navigation{ 
    width: 982px;
    margin-bottom: -10px;
}
div#currentProfileImageContainer {
  float:right;
  display:block;
  width:305px;
}
div#currentProfileImageUpload {
  background-color:#EEEEEE;
  border:1px solid #CCCCCC;
  float:right;
  height:44px;
  padding:10px;
  width:270px;
}
.whiteboardResponse {
  background-color: green;
  margin:10px; 
  padding:10px
}
.whiteboardComment {
  background-color: orange;
  margin:10px; 
  padding:10px
}
.whiteboardContainer {
  background-color: #FFF;
  margin:10px; 
  padding:10px;
  float:left
}
.userContainer_clear, .userContainer_orange {
  float:left;
  width:225px;
  padding:5px;
  height:165px;
}
.userContainer_clear {
  background: transparent url(../images/box_clear.gif) no-repeat;
}
.userContainer_orange {
  background: transparent url(../images/box_orange.gif) no-repeat;  
}
.userName, .userIcon, .userTitle {
  display:block;
  padding:5px;
}

.userName {
  font-weight:bold;
  font-size:12px;
  color:#333;
}
.userIcon {
    float:left;
}
.userTitle {
  font-style:italic;
  font-size:10px;
}
.bubble_orange, .bubble_clear {
  width: 465px;
  font-size: 14px;
  float:left;
  margin-bottom:10px;
}

.bubble_orange {
    margin-left:10px;
}
.bubble_clear {
  margin-right:10px;
}

.bubble_orange .response {
    float:right;
    margin-top:-10px;
}
.bubble_clear .response {
    float:left;
    margin-top:-10px;
}

.t_bubble {
    float:left;
    height:19px;
}
.b_bubble {
   float:left;
}


.c_orange_bubble, .c_clear_bubble {
    float: left;
    width: 435px;
    padding:10px;
}
.tl_orange_bubble, .tl_clear_bubble {
  float:left;
  width:20px;
  height:19px;
}
.tr_orange_bubble, .tr_clear_bubble {
  float:left;
  width:20px;
  height:19px;
}
.tc_orange_bubble, .tc_clear_bubble {
  float:left;
  width:417px;
  height:19px;
}
.b_orange_bubble, .b_clear_bubble {
   float:left;
}
.bl_orange_bubble, .br_clear_bubble {
  float:left;
  width:9px;
  height:40px;
}
.bc_orange_bubble, .bc_clear_bubble {
  float:left;
  width:398px;
  height:40px;
}
.br_orange_bubble, .bl_clear_bubble {
  float:left;
  width:50px;
  height:40px;
}

.c_orange_bubble {
    background-color: #FFDA5A;
    border-left: 1px solid #b7adad;
    border-right: 1px solid #b7adad;
}
.tl_orange_bubble {
  background: transparent url(../images/tl_orange_glass.gif) no-repeat;
}
.tr_orange_bubble {
  background: transparent url(../images/tr_orange_glass.gif) no-repeat;
}
.tc_orange_bubble {
  background: transparent url(../images/tc_orange_glass.gif) repeat-x;
}
.bl_orange_bubble {
  background: transparent url(../images/bl_orange_glass.gif) no-repeat;
}
.bc_orange_bubble {
  background: transparent url(../images/bc_orange_glass.gif) repeat-x;
}
.br_orange_bubble {
  background: transparent url(../images/br_orange_glass.gif) no-repeat;
}

.c_clear_bubble {
    background-color: #f4f4f4;
    border-left: 1px solid #b7adad;
    border-right: 1px solid #b7adad;
}
.tl_clear_bubble {
  background: transparent url(../images/tl_clear_glass.gif) no-repeat;
}
.tr_clear_bubble {
  background: transparent url(../images/tr_clear_glass.gif) no-repeat;
}
.tc_clear_bubble {
  background: transparent url(../images/tc_clear_glass.gif) repeat-x;
}
.bl_clear_bubble {
  background: transparent url(../images/bl_clear_glass.gif) no-repeat;
}
.bc_clear_bubble {
  background: transparent url(../images/bc_clear_glass.gif) repeat-x;
}
.br_clear_bubble {
  background: transparent url(../images/br_clear_glass.gif) no-repeat;
}

.error_message {
  
    color:#FF0000;
    font-size:14px;
    padding:10px;
  
  }
.currentProfileImageHeader {
  background-color:#EEEEEE;
  border:1px solid #CCCCCC;
  float:right;
  font-size: 12px;
  color:#333333;
  padding: 5px 10px;
  width:270px;
}
div#currentProfileImage {
  float:right;
  height:234px;
  margin-bottom:10px;
  margin-top:10px;
  text-align:center;
  width:270px;
  border:1px solid #EEE;
  display:block;
  padding:10px;
  background-color:#FFF;
}
/* Site wide classes */
.section_title {
    font-weight: bold;
    font-size: 14px;
    font-style:italic;
    color: #FFFFFF;
    padding: 5px;
}
.slide {
  cursor:pointer;
  color: #333;
  float:right;
  font-size:10px;
  margin-top:3px;
}
.header_middle {
   background: transparent url(../images/chrome_repeat.png) repeat-x scroll 0 0;
   height:24px;
   color: #444444;
   font-size: 12px;
   padding: 8px 5px 0px 0px;
   text-align: left;
   float:left;
}
.header_left {
   background: transparent url(../images/chrome_left.png) no-repeat;
   float:left;
   height:32px;
   width:8px;
   clear:left;
}
.header_right {
   background: transparent url(../images/chrome_right.png) no-repeat;
   float:left;
   height:32px;
   width:8px;
}
.subheader {
  margin-bottom:10px;
  float:left;
}
.subheader_middle {
   background: transparent url(../images/gray_repeat.png) repeat-x scroll 0 0;
   height:24px;
   color: #FFF;
   font-size: 12px;
   padding: 2px 5px 0px 0px;
   text-align: right;
   float:left;
}
.subheader_middle img {
  padding-right: 5px;
  vertical-align: bottom;  
}
.subheader_middle a {
  color: #333333;  
}
.subheader_left {
   background: transparent url(../images/gray_left.png) no-repeat;
   float:left;
   height:24px;
   width:7px;
   clear:left;
}
.subheader_right {
   background: transparent url(../images/gray_right.png) no-repeat;
   float:left;
   height:25px;
   width:7px;
}
.view_all {
  font-size:10px;
  float:right;
  margin-top:3px;
}
.category {
  background:transparent url(../images/darkgray_repeat.png) repeat-x scroll 0 0;
  color:#FFFFFF;
  float:left;
  font-size:12px;
  height:20px;
  margin:5px 0px 5px 0px;
  padding:5px 0 0 10px;
  text-align:left;
  width:208px;
}
.category_special {
  background:transparent url(../images/gradient_orange.gif) repeat-x scroll 0 0;
  color:#FFFFFF;
  float:left;
  font-size:12px;
  height:20px;
  margin:5px 0px 5px 0px;
  padding:5px 0 0 10px;
  text-align:left;
  width:208px;
}
#profile_img {
  border: solid 1px #E0E0E0;
  margin:10px 18px 10px 10px;
  padding: 5px;
  float:left;
  text-align:center;
  width:90px;
}
.info {
  color: #333333;
  float:left;
}
.info a {
   color: #ff9000;
}
.info span {
   padding-top: 5px;
}
.info img {
  display:inline;
  float:left;
  margin:0 10px 24px 0; 
}
.info ul li {
  display:inline;
  line-height:20px;
  padding-bottom:16px;
  width:180px;
  clear:left;
  float:left;
  list-style:none;
  margin-left:-25px;
}

.review {
    color: #333333;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 5px;
    font-size: 10px;
    text-align: left;
    border-top: 1px #D9D9D9 solid;
}
.section_header {
  color: #444444;
  padding:5px;
  padding-left: 8px;
  font-size: 12px;
  text-align: left;
}
.review_date {
    float: left;
    font-size: 9px;
    color: #F6931F;
}

div#agent_image {
    width:60px;
    height:70px;
    margin-bottom:10px;
    float:left;
}
div#profile_user_information {
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    width:640px;
    background:#d3d3d3;
    padding:10px;
    margin-bottom:10px;
    margin-left:10px;
    float:left;
    
}
div#panel {
    background:#AFAFAF none repeat scroll 0 0;
    display:none;
    height:700px;
}
.title {
  background:transparent url(../images/chrome_repeat.png) repeat-x;
  border-bottom:1px solid #DDDDDD;
  font-size: 12px;
  color: #333333;
  width:740px;
  padding: 5px 0px 5px 10px;
  margin-bottom:10px;
}
.dashboard_link {
  color:#333333;
  padding:5px;
}
#FileUploads-list {
  margin-bottom:10px;
    
}
.image_fieldset {
  float:left;
  width:380px;
  margin-left:25px;
  margin-top:60px; 
}
.image_preview {
  float:right;
  padding:10px;
  margin:10px;
  background-color:#DDDDDD;
  border:1px solid #CCCCCC;
  width:250px;
}
.new_image_container {
  float:left;
  width:727px;
  margin-bottom:10px;
  background-color:#EFEFEF;
  border:1px solid #CCCCCC;
}
.agent_search {
    font-size: 10px;
    color: #333333;
    padding: 1px 1px 1px 3px;
}
.agent_label, .agent_label_mini{
    font-weight: bold;
    font-color: #000;
    display:block;
    width: 160px;
    text-align:right;
    float:right;
    padding: 1px 1px 1px 3px;
}
.agent_label_mini {
    width: 115px;
    margin-right:5px;
}
.agent_container {
  border: 1px solid #ECEFF5;
  background: transparent url(../images/section_bg.png) repeat-x scroll 0 0; 
  float:left;
  width: 216px;
  padding-bottom:5px;
}
.agent_container_all{
  background:transparent url(../images/section_bg.png) repeat-x scroll 0 0;
  border:1px solid #ECEFF5;
  float:left;
  width:306px;
  margin:7px;
  height:111px;
}
.agent_container p, agent_container_all p {
  text-align:right;
  margin-bottom:10px;
  font-weight:bold;
  font-size:12px; 
  display:block; 
  background-color:#EFEFEF; 
  padding:3px;
}
div#agent_samples {
    width:625px;
    text-align: right;
    padding:10px;
    margin-bottom:10px;
    margin-left: 10px;
    float: right;
}
div#profile_container {
  width: 760px;
  float: left;  
}
div#index_left_side_container{
 width: 220px;
 float: left;
}
div#index_side_body{
  width:218px;
  background:#FFFFFF none repeat scroll 0 0;
  border-bottom:3px solid #C3C3C3;
  border-left:1px solid #E0E0E0;
  border-right:1px solid #E0E0E0;
  margin-bottom:10px;
  float:left;
}
div#index_right_side_container{
 width: 220px;
 float: right;
}
div#index_side_header{
  width:220px;
  height:24px;
  background: transparent url(../images/index_side_header.png) no-repeat;
  float:right;
}
div#index_center_header{
  width:520px;
  height:24px;
  background: url(../images/index_center_header.png) no-repeat;
  float:left;
}
div#index_center_container{
 width: 520px;
 float: left;
 margin-left: 10px;
}
div#index_center_body{
    width: 518px;
  background:#FFFFFF none repeat scroll 0 0;
  border-bottom:3px solid #C3C3C3;
  border-left:1px solid #E0E0E0;
  border-right:1px solid #E0E0E0;
  margin-bottom:10px;
  float: left;
}
div#index_center_body a {
  color: #F6931F;
}
div#index_products_container{
  width:752px;
  margin-left:10px;
  margin-bottom:10px;
  float:right;
}
div#index_products_header{
  width:752px;
  height:24px;
  background: url(../images/main_header.png) no-repeat;
  float:left;
}
div#index_products_body{
  width:732px;
  background: url(../images/main_middle.png) repeat-y;
  float:left;
}
div#index_products_footer{
  width:752px;
  height:10px;
  background: url(../images/main_bottom.png) no-repeat;
  float:left;
}
div#profile_side_container{
  width:212px;
  float:left;
  margin-left:10px;
}
div#profile_side_header{
  width:212px;
  height:24px;
  background: url(../images/side_header.png) no-repeat;
  float:left;
}
div#profile_side_body{
    width:218px;
    background:#FFFFFF;
    border-left: solid 1px #E0E0E0;
    border-right: solid 1px #E0E0E0;
    margin-bottom:10px;
    padding-top:10px;
    float:left;
    border-bottom: 3px #C3C3C3 solid;
}

/*
//////////////////
/// TABLES ///////
//////////////////
*/

.table_full {
  text-align:left;
  color: #333333;
  background: #FFF;  
  width: 100%;
  font-size: 12px;
  line-height:20px;
  border-spacing:0px;
}
.table_full th {
  color: #666666;
  text-align: left;
  padding-left:5px;
  background: transparent url(../images/chrome_repeat.png) repeat-x scroll 0 0;
  height:24px; 
  font-size: 10px;
  font-weight: normal;
}
.table_full td {
  padding: 6px;
}
tr.alt td { 
  background-color:#EEEEEE; 
}
tr.over td{ 
  background-color:#FFF3DF; 
}
/*
//////////////////
/// FORMS  ///////
//////////////////

form.search input{
  padding: 3px;
  margin: 10px;
}
form.search input[type=text] {
  clear:left;
}
form.search label{ 
}
form hidden {
  display: none;  
}
*/
div#profile_side_body a{
  color: #333333;
  font-decoration: none;
  padding-left:10px;
}
div#profile_side_body h1{
  color: #000000;
  border-top:1px solid #D9D9D9;
}
div#profile_side_body img {
    float: right;
}
/* Containing login div and styles */
.profile_main_header{
  width:752px;
  height:24px;
  background: url(../images/main_header.png) no-repeat;
  float:left;
}
.profile_main_body{
    width:750px;
    background:#FFFFFF;
  border-left: solid 1px #E0E0E0;
  border-right: solid 1px #E0E0E0;
    float:left;
}
div#profile_main_footer{
  width:752px;
  height:10px;
  background: url(../images/main_bottom.png) no-repeat;
  margin-bottom:10px;
  float:left;
}
div#profile_section_header{
  width:486px;
  height:24px;
  background: url(../images/section_header.png) no-repeat;
  float:left;
}
div#profile_section_body{
  width:466px;
  background:#ECEFF5;
  margin-bottom:10px;
  float:left;
  border-bottom: 3px #C3C3C3 solid;
}
div#index_center_promo{
    width:520px;
    height:300px;
    background:#FE8800 url(../images/index_center_bg.jpg);
    margin-bottom:10px;
    float:left;
}
div#promo_image{
  width:180px;
  float:left;
}
div#promo_text{
  width:300px;
  float:left;
  color: #333333;
}
div#promo_text h1{
  font-weight: bold;
  font-size: 12px;
}
div#promo_text img {
  padding-left: 25px;
}
#promo_list {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}
#promo_list li {
    list-style: none;
    padding-top: 5px;
  padding-left: 15px;
  background: url(../images/bullet.png);
  background-repeat: no-repeat;
  background-position: -.01em .7em;
}
div#agent_featured{
  width: 498px;
  background: url(../images/section_bg.png) repeat-x;
  padding:10px;
  margin-bottom:10px;
  border-left: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
  border-bottom: 3px #C3C3C3 solid;
    float:left;
}
div#features{
    width:221px;
    height: 300px;
    margin-left:10px;
    margin-bottom:10px;
    float:right;
    color: #FFFFFF;
}
div#features a {
    color: #FFA5A0;
}
div#features .header a {
    color: #FFFFFF;
}
div#login{
    width:198px;
    background:#FFFFFF none repeat scroll 0 0;
  border-bottom:3px solid #C3C3C3;
  border-left:1px solid #E0E0E0;
  border-right:1px solid #E0E0E0;
    padding:10px;
    margin-bottom:10px;
    float:right;
}
div#products{
    width:732px;
    height:141px;
    background:#b3b3b3;
    padding:10px;
    margin-bottom:10px;
    margin-left: 10px;
    float: right;
}
div#section_left{
    width:486px;
    float:left;
    behavior:url(../lib/iepngfix.htc);
}
div#section_right{
  width:486px;
  float:right;
  behavior:url(../lib/iepngfix.htc);
}
div#section_2{
    width:466px;
    margin-left:10px;
    padding:10px;
    margin-bottom:10px;
    float:right;
}
div#footer_navigation{
  border-top:1px solid #DDDDDD;
  clear:both;
  padding-top:20px;
  padding-bottom:20px;
  width:100%;
  color: #333333;
}
div#footer_navigation a{
  color: #333333;
}
div#footer{
    border-top:1px solid #DDDDDD;
    clear:both;
    padding-top:9px;
    padding-bottom:20px;
    width:100%;
    color: #333333;
}
div#footer a{
  color: #F6931F;
  padding-left: 10px;
  text-decoration: underline;
}