
/* the large table is a hack to make IE 6 get along with min width and avoid
CSS hacks that may break in later versons. */

body {
    background: #ffffff url(/images/bg-rev.gif) repeat-x;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0 8px;
    margin: 0;
}

#ie6 { width: 99%; margin: 0 auto; padding:0; border-collapse:collapse; }
#ie td { margin:0; padding: 0; }
#standards {
    min-width: 820px;
    max-width: 1024px;
    padding:0;
    margin: 0 auto;
}

#header {
    margin: 0 auto;
    padding: 2px 0;
    text-align: center;
    background:transparent;
}

#e_real_estate_logo { float: left; width: 173px; margin:8px 0; }
#preferred_resource { margin:40px auto 0; width: 401px; text-align: center; }

#login_form  {
    float: right;
    width: 210px;
    font-size: 2px;
    margin: 1px 0;
    padding:0;
    white-space: nowrap;
    background: #ffffff url(/images/login-top-left.gif) top left no-repeat;
}

#email_label  { width: 44px; height: 11px; background:url(/images/user_id.gif) top right no-repeat; }
#passwd_label { width: 61px; height: 11px; background:url(/images/password.gif) top right no-repeat; }

#my_account_hd      {
    margin:0;
    padding: 4px 0;
    width: 100%;
    text-align: center;
    background: url(/images/login-top-right.gif) top right no-repeat;
}
#login_f            {  border-right:1px solid #6FB0A2;  margin:0; padding:0; }
#login_bottom       { background: url(/images/login-bottom-right.gif) bottom right no-repeat;  }
#login_bottom p     {
    width: 100%;
    font-size: 6px;
    margin:0;
    padding:0;
    line-height: 6px;
    background: url(/images/login-bottom-left.gif) bottom left no-repeat;
    clear: both;
}

#login_field_wrapper { width: 150px; margin-left: 2px; }
#login_form label    { font-size:2px; float: right; margin: 2px 2px 0 0; }
#login_form .txt     { margin:0; padding:0; font-size:9px; width: 75px; height: 12px; float: right; }
.login-button {
    float: right;
    margin: 0.3rem 0.1rem;
    padding: 0.2rem 0.75rem;
    border: 1px solid lightgray;
    border-radius: 0.2rem;
    font-size: 0.8rem;
    font-weight: 400;
    background-color: #f8f8f8;
    box-shadow: 0.025rem 0.05rem 0.1rem 0.005rem rgba(0, 0, 0, 0.19);
}
.login-button:active {
    color: #d7d7ff;
    background-color: #3737ff;
    border-radius: 0.2rem;
}

.search-submit {
    padding: 0.4rem 1rem;
    border: 1px solid lightgray;
    border-radius: 0.2rem;
    background-color: inherit;
    font-size: 85%;
    font-weight: 500;
    box-shadow: 0.025rem 0.05rem 0.1rem 0.005rem rgba(0, 0, 0, 0.19);
}
.search-submit:active {
    color: #d7d7ff;
    background-color: #3737ff;
    border-radius: 0.2rem;
}


#top_nav * { margin: 0; padding:0; }
#top_nav   {
    margin: 1px auto;
    font-family:Verdana, sans-serif;
    font-size: 11px;
    font-weight: 900;
    text-align: center;
    white-space: nowrap;
    min-width: 820px;
}
#top_nav ul { overflow:hidden; width: 45em; padding-left: 4em; margin:auto; text-align:center; }

#top_nav li {
    float:left;
    text-align: center;
    list-style: none;
}

#top_nav a {
    background:url(/images/nav-bg.gif) bottom repeat-x;
    padding: 0 4px 0 4px;
    display: block;
    line-height:1.6em;
    height:1.6em;
    font-weight:700;
    text-decoration: none;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #427872;
}
* html #top_nav li a  { width: 5em; }
* html #top_nav ul  { width: 60em; padding-left: 16em;  }
* html #top_nav #left_cap a, * html #top_nav #right_cap a  { width: 7px; }
#left_cap,#left_cap a,#right_cap,#right_cap a { width: 7px; margin:0; padding:0; border: none; }
#top_nav #home_link           { border-left: none; }
#top_nav #help_link            { border-right: none; }
#top_nav #login_link_right     { border-right: none; }
#left_cap                      { background: url(/images/nav-left-cap.gif) bottom left no-repeat; }
#left_cap a                    { height: 2px; background: url(/images/nav-left-top.gif) top left no-repeat; }
#right_cap                     { background: url(/images/nav-right-cap.gif) bottom right no-repeat; }
#right_cap a                   { height: 2px; background: url(/images/nav-right-top.gif) top right no-repeat; }
#top_nav a:link                { color: #204C47;  }
#top_nav a:visited             { color: #204C47; }
#top_nav a:active              { color: #FF0000; }
#top_nav a:hover               { color: #132882; background:url(/images/nav-over.gif) bottom repeat-x; border-right: 1px solid #132882; }
#left_cap a:hover              { background: url(/images/nav-left-top.gif) top left no-repeat; border: none; }
#right_cap a:hover             { background: url(/images/nav-right-top.gif) top right no-repeat; border: none;  }

#ie_helper  { font-size: 4px; clear: both; } /*sp. required by IE*/

#content           { margin:0 175px 0 166px; padding:0; } /* see "side column ad spaces", #right_ads,#left_ads */
#content h1, #full_content h1 { margin-top:0; }

#top_blk,#bot_blk       { height: 12px; float: left; }
#top_blk { width: 100%; background:url(/images/blk_pixel.gif) top repeat-x; }
#bot_blk { width: 100%; background:url(/images/blk_pixel.gif) bottom repeat-x; }
#tl, #tr, #bl, #br { height: 12px; width: 12px; font-size: 2px; margin:0; padding:0; background:url(/images/24x24-blk.gif); }
#tl                { margin: 0; float: left; background-position: 0 0;  }
#tr                { margin: 0; float: right; background-position: 12px 0;  }
#bl                { margin: 0; float: left; background-position: 0 -12px; }
#br                { margin: 0; float: right; background-position: -12px -12px; }
#border_outer      { float: left; width: 100%; background:url(/images/blk_pixel.gif) left repeat-y; padding: 0; margin:0; }
#border_inner      { float: left; width: 100%; background:url(/images/blk_pixel.gif) right repeat-y; padding: 0; margin:0; }

#content_inner     { margin:0; padding:9px; }

 /* for "full width" pages only */
#full_content      { margin:0 12px 0 12px; padding:0; position:relative; hasLayout:true; } /* for admin interfaces, other no-ad pages */
#wide_search_foot  { width: 550px; margin:auto; }

#property_q_search, #agent_q_search               { font-size:80%; margin: 9px auto; position: relative; hasLayout:true; }
#property_q_search form, #agent_q_search form     { margin:0; padding:0;  }
#property_q_search a, #agent_q_search a           { display: block; width: 100%; height: 21px;  }
#property_q_search h4,#agent_q_search h4          { height: 21px; margin:0; padding:0; background: top left no-repeat; }
#property_q_search .txt, #agent_q_search .txt     { font-size:10px; height: 13px; width: 70px; }
#property_q_search select, #agent_q_search select { font-size:9px; height: 18px; }
#property_q_search    { width: 50%; float: left; }
#agent_q_search       { width: 49%; float: right; }
.q_search_wrapper     {  background-color: #EAF2FD; border-left: 1px solid #335DBD; border-right: 1px solid #335DBD; }
#property_q_search h4 { background:url(/images/prop_qs_head.png);  }
#agent_q_search h4    { background:url(/images/agt_qs_head.png); }
#agt_adv,#prop_adv    { float: right; width:66px; height: 21px; margin:0; padding:0;background:url(/images/qs_advanced.gif) top right no-repeat; }
.q_search_bot         { background:url(/images/search-bottom-290.gif) bottom left no-repeat; height:5px; font-size: 2px; }
.q_search_rt          { background:url(/images/q-search-bot-rt.gif) bottom left no-repeat; float: right; width: 150px; height:5px; font-size: 2px; }
.q_search_field       { float: left; margin:0; padding: 6px 0 6px 6px; }

.q_submit {
    float: right;
    margin: 1rem 0.7rem;
    padding: 0.2rem 0.75rem;
    border: 1px solid lightgray;
    border-radius: 0.2rem;
    background-color: #f8f8f8;
    box-shadow: 0.025rem 0.05rem 0.1rem 0.005rem rgba(0, 0, 0, 0.19);
}
.q_submit:active {
    color: #d7d7ff;
    background-color: #3737ff;
    border-radius: 0.2rem;
}

#footlinks   {
    padding-bottom: 8px;
    white-space:nowrap;
    text-align:center;
}
#footlinks_center { width: 500px; margin:auto; }
#footlinks ul     { margin:0; padding: 0; }
#footlinks li     { font-size: 75%; font-weight: 700; list-style:none; display: inline;  }

#legal            { font-size: 70%; padding-bottom: 24px; text-align:center; }
#bbb_logo         { float: right; width: 38px; }
#foot_logo        { float: left; width: 151px; }
#bbb_reliability  { float: right; width: 90px; margin: 8px 0 0 4px; }


h1              { color: #bf0000; font-size: 140%; font-weight: 900; }
h2              { color: #0000a0; font-size: 130%; font-weight: 900; }
h3              { color: #0000a0; font-size: 120%; font-weight: 900; }
h4,h5           { color: #bf0000; }
label           { font-weight: 700; }

body.nobg       { background: #ffffff none; }
ul.line_list    { margin: 0; padding: 0; text-align: center; }
ul.line_list li { list-style-type:none; color: #808080; font-weight: 700; display: inline;  }

ul.arrow        { margin:0 0 0 24px; padding: 0 }
ul.arrow li     { list-style-image: url(/images/blue-arrow-bug.gif); margin: 0; padding: 3px;  }

.sample_links   {  background-color: #ffffff; border: 6px solid #4e5287; width: 600px; margin:auto; padding: 6px; font-size: 80%; text-align:center; }
.cleardiv       { text-align: center; clear: both; }
.clear          { clear: both; }
.clear-right    { clear: right; }
.clear-left     { clear: left; }
.noclear-spacer { float: left; width:100%; }
.center         { text-align: center; }
.right          { text-align: right; }
.small          { font-size: 75%; }
.sm_right       { text-align: right; font-size: 75%; }
.sm_center      { font-size: 75%; text-align:center; }
.medium         { font-size: 85%; }
.medRight       { text-align: right; font-size: 90%; }
.blk            { background-color: #000000; color: #ffffff; font-weight: 700; text-align: center; }
.dk             { background-color: #043219; color: #ffffff; font-weight: 700; text-align: center; }
.wht            { background-color: #FFFFFF; }
.cwht           { background-color: #FFFFFF; text-align: center; }
.heads          { background-color: #c0c0c0; text-align: center; font-weight: 700; }
.ltGray         { background-color: #F5F5F5; }
.CltGray        { background-color: #F5F5F5; text-align: center; }
.ltGrayRt       { background-color: #F5F5F5; text-align: right; }
.medGray        { background-color: #EFEFEF; }
.medGrayRt      { background-color: #EFEFEF; text-align: right; }
.medium         { font-size: 80%; }
.added          { text-align:center; background-color:#BECEE0; font-size: 11px; }
.tip            { background-color: #f2f7f3; border: 4px solid #C8DFD0;  padding: 9px; }
.emph           { font-weight:700; color: #FF0000; font-style:italic; }
.nospace        { margin:0; padding:0; } /* tight forms */
.nodot          { list-style: none; }
.init           { font-size: 140%; color: #0000a0; font-weight: 700; display: inline; } /* heads and spans */
.rt-img         { float: right; margin: 0 0 12px; }
.lt-img         { float: left; margin: 0 12px 12px 0; }
.sig            { font-size: 90%; text-align: right; font-style: italic; }
.underline      { text-decoration: underline; }
.bold           { font-weight: bold; }
.emph           { font-style: italic; }

.testimonials_list { overflow: hidden; font-size: 80%; padding: 6px 0; }
.testimonials_list img { float: left; border: 1px solid #000000; padding:2px; }
.tm_list_p         { margin: 0 0 0 75px; padding: 0 12px 0; }

.signup-help    { width: 40px; float:left; margin-top: 0; padding:0; font-size: 70%; text-align:center; white-space: nowrap; }
.signup-choose  {
    text-indent: -1.3em;
    margin: 0 0 0.75em 2em;
    padding:0;
}

/* Used only in the member control panel and forms */

#ctrl { width: 95%; margin:auto; border-collapse:collapse; }
#ctrl td { padding: 12px; }
#ctrl_content  { font-family: verdana, helvetica, sans-serif; padding: 12px; }
#ctrl_panel_head { text-align:center;padding: 3px 12px 0 12px; margin: 0; }
#participation {
    margin: 12px auto 12px auto;
    background-color: #ffffff;
    border-color: #00455b;
    border-width: 4px 6px 6px 4px;
    border-style: double solid solid double;
}
#participation td     {  color: #000000; }
#participation td.blk { color: #c5be98; }

#member_url           { font-size: 80%; text-align:center; }
#member_url a { font-size: 120%; font-weight: 700; text-decoration:none; }

#announcements        {
    border: 1px solid #ff0000;
    background-color: #f4f4f4;
    font-family: Arial, Helvetica, sans-serif; font-size: 90%;
}
#announcements h4     { padding: 3px; margin: 0; color: #ffffff; background-color: #ff0000; }

#announcements a      { font-weight: 700; } /* in case they don't */
#announcements ul      { padding:0; margin:6px; }
 .ctrl_box li,
#announcements li,
#admin_links li          { margin:0; list-style:none; padding: 2px 0 0 3px; }
#admin_links             { font-size: 12px; white-space: nowrap; }

#message_text             { font-size:110%; }
#member_opener            { font-size: 90%; }
.template_samples         { }
.template_samples ul      { float: left; width: 45%; margin:0 0 0 6px; padding:0; font-size: 85%; }
.template_samples ul li   { list-style: none; }

a.side_nav:link           { color: #595cd9; font-weight: 700; text-decoration: underline; }
a.side_nav:visited        { color: #595cd9; font-weight: 700; text-decoration: underline; }
a.side_nav:active         { color: #ff0000; font-weight: 700; text-decoration: underline; }
a.side_nav:hover          { color: #0000ff; font-weight: 700; text-decoration: underline; }

 .ctrl_box                { border: 1px solid #9E9E9E; margin:0; padding:0; font-size:12px; background-color: #f8f8f8; white-space:nowrap;}
 .ctrl_subhead            { white-space: nowrap; background-color: #9E9E9E; text-align:center; }
 .ctrl_subhead  h4        { color:#ffffff; margin:0; padding: 3px 12px 2px 12px; text-align:center; }

 .ctrl_box ul, #admin_links ul { margin:6px; padding:0; }

.edit_form, .other_form   { font-size: 90%; width: 95%; margin: auto; }
.edit_form                { border: 1px solid #e1e1ec; }
.edit_form td             {  padding:2px; }
.edit_form .note          { font-size: 90%; }
.edit_form .instructions  { background-color: #f1f1f5; font-size: 90%; padding: 6px; border-top: 1px solid #e1e1ec; border-left: 1px solid #e1e1ec; border-bottom: 1px solid #ffffff; }
.edit_form h3             { font-size: 90%; font-weight: 900; color: #400080; padding:0; margin:0; }
.edit_form .sec_separator { font-size: 2px; height: 2px; padding:0; background-color: #b1afcf; }
.edit_form .sec_blank     { font-size: 2px; height: 2px; padding:0; background-color: #f1f1f5; }

/* applies to all forms */

.long_field               { width: 350px; }
.med_field                { width: 130px; }
.short_field              { width: 65px; }
.form_error               { color: red; }

/*///////////////////////////////////////*/
/* Search results and listing detail     */
/*///////////////////////////////////////*/

#search_links         { width: 95%; margin: 12px auto; background-color: #f5f5f5; font-size: 75%; text-align:center; padding: 6px; }

.prop_res_item        { width: 99%; overflow: hidden; background-color: #fbfaee; border-top: 3px solid #bbc4c1; margin-bottom: 12px; }
.prop_res_top         { float: left; width: 100%; font-size: 90%; }
.prop_res_mem_name,.prop_res_detail_link,.prop_res_price { padding: 6px; text-align: center; }
.prop_res_detail_link { float: left; white-space: nowrap;  }
.prop_res_price       { float: right; font-weight: 700; color: #ff0000; font-style: italic; }
.prop_res_mem_name    { margin:0; font-size: 90%; font-weight: 700; }
.prop_res_img         { float: right; background-color: #000000; padding: 4px; position:relative; hasLayout:true; }
.prop_res_specs       { font-size: 90%;  margin:0; padding:6px 4px; text-align: center; }
.prop_res_foot        { float: left;font-size: 70%; text-align: center; background-color: #E5E8E7;  }
.prop_res_detail_graphic { width: 102px; float: right; margin-top: 4px; text-align: center; }

/* used only in sample tables */
.searchHead           { background-color: #FFEDCA; color: #000000; text-align: center; font-weight: 700; }

/*agent search results */

.agent_display                { float: left; width: 98%; margin: 0 auto 6px auto; padding: 4px; border: 1px solid #b8cbc9; border-top: 4px solid #b8cbc9; }
.agent_thumb, .no_agent_thumb { float: left; width: 60px; margin: 0 8px 0 3px; text-align: right;}
.agent_thumb img              { padding: 2px; border: 1px solid #c8c8c8; }
.agent_preview                { margin-left: 70px; text-align: left; }
.agent_preview h4             { font-size: 105%; margin:0; padding:0; }
.agent_preview h5             { font-size: 90%; margin:0; padding:0; }
.agent_preview h6             { font-size: 100%; margin:0; padding:0 4px 0; display: inline; font-style:italic; }
.agent_preview p              { font-size: 80%; margin: 0; padding:0; display: inline;  }

/*///////////////////////////////////////*/
/* end S.R                               */
/*///////////////////////////////////////*/

/* 04-09, added for "message board" */

#msg-board-preview {
	font-size: 90%;
	margin: 0;
	border: 1px solid #5899BE;
}
#msg-board-preview h3 {
	background: url(../images/main-topic-bg.gif) top left repeat-x;
	font-size:95%;
	height:22px;
	width: 98%;
	margin:0 auto 0 auto;
	padding: 3px 0 3px 6px;
}
#msg-board-preview div { margin: 0 12px 3px 12px; border-bottom: 1px solid #D8E5EA; }
#msg-board-preview p {
	font-size: 90%;
	margin: 0 12px 6px 12px;
}
.msg-board-light p, .msg-board-dark p,
.msg-board-sticky p, .msg-board-right p	{ margin:0; padding: 3px; }
.msg-board-light	{ background-color: #f8fbfc; padding: 9px; }
.msg-board-dark		{ background-color: #e7e9f1; padding: 9px; }
.msg-board-sticky	{ background-color: #feffc6; padding: 9px; }
.msg-board-right	{ width: 30%; font-size: 80%; text-align: right; }
.msg-board-quote	{ margin: 12px; padding:6px; background:#ffffff; font-style:italic; border: 1px solid #cecece; }
.post-header		{ width: 15%; background-color: #d0d2df; }
.post-header h4		{ text-align: left; margin:0; padding:0; }
.post-header p		{ text-align: left; font-size: 70%; margin:0; padding:0; }
.post-edit			{ width: 76px; float: left; margin:0 12px 0 0; padding:0; }
.post-delete		{ width: 87px; float: left; margin:0; padding:0; }
.post-reply			{ width: 56px; float: right; margin:0 12px 0 0; padding:0; }
.post-quoted		{ width: 92px; float: right; margin:0; padding:0; }
#msg-board-top		{ width: 90%; margin: auto; overflow: hidden; }
#msg-board-new		{ width: 83px; float: left; }
#msg-board-search	{ width: 75%; float: right; margin: 0; padding: 3px; font-size: 80%; }
#msg-board-search p { float: right; font-size: 85%; margin:0; padding: 0 0 0 12px; }
#msg-board-search h3 { float: right; font-size: 90%; display: inline; margin:0; padding: 0; color: #000000; }
#msg-board-search #submit-button { padding-top: 11px; }
#msg-board-search label { font-weight: 700; }

.graphic-button {
	background: url(../images/main-topic-bg.gif) top left repeat-x;
	border:2px  outset #5899BE;
	font-weight: 700;
	font-style:italic;
}

/*///////////////////////////////////////*/
/* SIDE COLUMN AD SPACES                 */
/* font sizes must be fixed on these.    */
/* Don't pad the box - messes up page borders*/
/*///////////////////////////////////////*/

#right_ads         { float: right; width: 160px; }
#left_ads          { float: left; width: 160px; }
.ad_space {
    width: 144px;
    max-width:144px;
    min-height:144px; /* for shorties */
    margin:0 0 6px 0;
    padding: 6px 0;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #b3b5cc;
    overflow: hidden;
}

 .ad_space p { margin:0; padding: 1px; font-size: 11px; }
 .agent_ad_thumb { float: left; margin: 6px; }
 .ad_list_img { margin: 0 auto 6px auto; text-align: center; }
 .ag_name { font-size: 13px; font-weight:700; }
 .phone { font-size: 13px; color: #ff0000; font-weight:700; }
 .ad_space .price { font-size: 14px; color: #ff0000; font-weight:700; }
 .ad_contact { font-size: 11px; font-weight:700; float: left; width: 45%; }
 .ad_page { font-size: 11px; font-weight:700; float: right;width:45%; }
 .mem_page { font-size: 11px; font-weight:700; }

 .template_1_container { width: 144px; min-height:144px; margin: 0 0 6px 0; border: 1px solid #b3b5cc; padding: 4px 0; text-align: center; background-color: #ffffff; }
 .template_1_container p { margin: 0; padding: 0; }
 .template_1_name { font-size: 15px; color: #0000ff; font-weight: 700; }
 .template_1_url { font-size: 11px; }
 .template_1_company { font-size: 10px; color: #004000; font-weight: 700; }
 .template_1_location { font-size: 11px; font-weight:700; }
 .template_1_phone { font-size: 14px; color: #ff0000; font-weight: 700; }
 .template_1_email { font-size: 11px;  }
 .template_1_message { text-align: center; font-size: 11px; }

 .template_2_container { width: 144px; min-height:144px; margin: 0 0 6px 0; border: 1px solid #b3b5cc; padding: 4px 0; text-align: center; background-color: #fff8e1; }
 .template_2_container p { margin: 0; padding: 0; }
 .template_2_name { font-size: 13px; color: #0000ff; font-weight: 700; }
 .template_2_url { font-size: 11px; }
 .template_2_company { font-size: 16px; color: #004000; font-weight: 700; }
 .template_2_location { font-size: 12px; font-weight: 700; }
 .template_2_phone { font-size: 15px; color: #6a006a; font-weight: 700; }
 .template_2_email { font-size: 11px;  }
 .template_2_message { text-align: center; font-size: 11px; }

 .template_3_container { width: 144px; min-height:144px; margin: 0 0 6px 0; border: 1px solid #b3b5cc; padding: 4px 0; text-align: center; background-color: #ecffff; }
 .template_3_container p { margin: 0; padding: 0; }
 .template_3_name { font-size: 12px; color: #000080; font-weight: 700; }
 .template_3_url { font-size: 11px; }
 .template_3_location { font-size: 11px; font-weight:700; }
 .template_3_company { text-align: center; font-size: 10px;  }
 .template_3_phone { font-size: 13px; color: #ff0000; font-weight: 700; }
 .template_3_email { font-size: 11px;  }
 .template_3_message { text-align: center; font-size: 10px; }

 .template_4_container { width: 144px; min-height:144px; margin: 0 0 6px 0; border: 1px solid #b3b5cc; padding: 4px 0; text-align: center; background-color: #ecf9f7; }
 .template_4_container p { margin: 0; padding: 0; }
 .template_4_name { font-size: 12px; color: #ff0000; font-weight: 700; }
 .template_4_url { font-size: 11px; }
 .template_4_location { text-align: center; font-size: 12px; font-weight:700; clear: both; }
 .template_4_phone { text-align: center; font-size: 14px; color: #000080; font-weight:700; }
 .template_4_email { font-size: 11px;  }
 .template_4_message { font-size: 10px; }

 .template_5_container { width: 144px; min-height:144px; margin: 0 0 6px 0; border: 1px solid #b3b5cc; padding: 4px 0; text-align: center; background-color: #fdf2f8; }
 .template_5_container p { margin: 0; padding: 0; }
 .template_5_name { font-size: 12px; color: #000080; font-weight: 700;  clear: both; }
 .template_5_url { font-size: 11px; }
 .template_5_location { text-align: center; font-size: 11px; font-weight:700; }
 .template_5_company { text-align: center; font-size: 10px;  }
 .template_5_phone { text-align: center; font-size: 13px; color: #ff0000; font-weight:700; }
 .template_5_email { font-size: 11px;  }
 .template_5_message { font-size: 10px; }

 .template_6_container { width: 144px; min-height: 144px; margin: 0 0 6px 0; border: 1px solid #b3b5cc; padding: 4px 0; text-align: center; background-color: #ffffff; }
 .template_6_container p { margin: 0; padding: 0; }
 .template_6_company { text-align: center; color: #13666c; font-size: 12px; font-weight:700;  }
 .template_6_name { font-size: 11px; color: #ff0000; font-weight: 700; }
 .template_6_url { font-size: 11px; }
 .template_6_location { text-align: center; font-size: 11px; }
 .template_6_phone { text-align: center; font-size: 14px; color: #000080; font-weight:700; }
 .template_6_email { font-size: 11px;  }
 .template_6_message { font-size: 10px; }

 .img_right { float: right; width: 55px; margin: 0 6px 6px 0;  }
 .img_left  { float: left; width: 55px; margin: 0 6px 6px 0; }

/*///////////////////////////////////////*/
/* End side columns                      */
/*///////////////////////////////////////*/

a:link              { color: #132882; text-decoration: underline; }
a:visited           { color: #132882; text-decoration: underline; }
a:active            { color: #FF0000; text-decoration: underline; }
a:hover             { color: #e80000; text-decoration: underline; }

a.noline:link       { color: #132882; font-weight: 600; text-decoration: none; }
a.noline:visited    { color: #132882; font-weight: 600; text-decoration: none; }
a.noline:active     { color: #FF0000; font-weight: 600; text-decoration: none; }
a.noline:hover      { color: #e80000; font-weight: 600; text-decoration: none; }

a.bold:link         { color: #132882; font-weight: 700; text-decoration: underline; }
a.bold:visited      { color: #132882; font-weight: 700; text-decoration: underline; }
a.bold:active       { color: #FF0000; font-weight: 700; text-decoration: underline; }
a.bold:hover        { color: #e80000; font-weight: 700; text-decoration: underline; }

a.on_dark:link         { color: #ffff00; font-weight: 700; text-decoration: underline; }
a.on_dark:visited      { color: #ffff80; font-weight: 700; text-decoration: underline; }
a.on_dark:active       { color: #FF0000; font-weight: 700; text-decoration: underline; }
a.on_dark:hover        { color: #ffffff; font-weight: 700; text-decoration: underline; }


/* tooltips */

.tooltip {
    position: relative;
    z-index : 24;
}

.tooltip:hover {
    z-index         : 25;
    background-color: #ccc;
}

.tooltip span { display: none }

.tooltip:hover span {
    display         : block;
    position        : absolute;
    top             : 1.5em;
    left            : 1em;
    white-space     : nowrap;
    /* width           : 15em; */
    /* min-width       : 7em; */
    /* max-width       : 15em; */
    border          : 1px solid #f60;
    background-color: #ff9;
    text-align      : center;
    font-size       : 0.85em;
}

li {
    margin : 0.5em auto;
}

.pagelink {
    border        : 1px solid darkblue;
    border-radius : 3px;
    padding       : 1px;
    margin        : 1px;
    text-align    : center;
    display       : inline-block;
    width         : 3.6em;
    height        : 1.2em;
    font-size     : 94%;
}
.pagelink:hover {
    border        : 1px solid darkblue;
    border-radius : 3px;
    padding       : 1px;
    margin        : 1px;
    text-align    : center;
    display       : inline-block;
    width         : 3.6em;
    height        : 1.2em;
    font-weight   : bold;
    background    : gold;
    font-size     : 94%;
}
.pagenolink {
    border        : 1px solid lightgray;
    border-radius : 3px;
    padding       : 1px;
    margin        : 1px;
    text-align    : center;
    display       : inline-block;
    width         : 3.6em;
    height        : 1.2em;
    color         : lightgray;
    font-size     : 94%;
}

.button:link    {text-decoration:none}
.button:visited {text-decoration:none}
.button:hover   {text-decoration:none}
.button:active  {text-decoration:none}

.agent_title:link    {text-decoration:none;color:black}
.agent_title:visited {text-decoration:none;color:black}
.agent_title:hover   {text-decoration:underline;color:blue}

a.disabled {
    pointer-events: none;
    cursor: default;
}

a.upgrade-free {
    font-weight: bold;
}
a:link.upgrade-free {
    color: #C62828;
}
a:visited.upgrade-free {
    color: #B71C1C;
}
a:hover.upgrade-free {
    color: #F44336;
}

table.designations tr td {
    vertical-align: top;
    padding-right: 1rem;
}
