barchiody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
}
#wrapper {
	padding: 0px;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	}

textarea
{
	resize: vertical;
}

.clear
{
	clear: both;
}

#footerbruce {
	position:fixed;
	bottom:0;
	width:1000px;
	z-index:999;
	background-position: center bottom;
	height: 38px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-align: center;
	text-transform: uppercase;
	padding-top: 5px;
	margin-top: 25px;
	background-color: #FFFFFF;
}
#footerbruce img {
	padding-top: 5px;
	vertical-align: bottom;
}
#footerbruce a {
	color: #1260C9;
}

#footerbruce #help
{
	height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #990000;
	text-transform: uppercase;
	padding-top: 2px;
	margin-top: 0px;
	background-color: #ffcc00;
		-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	width: 250px;
	display: inline;
}


#footerbruce a:visited {
	color: #996600;
}

#content
{
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	clear: both;
	border: thin solid #999999;
	box-shadow: 3px 3px 4px #818181;
	-webkit-box-shadow: 3px 3px 4px #818181;
	-moz-box-shadow: 3px 3px 4px #818181;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-top: 15px;
	z-index:1;

}

#contentfront
{
	padding: 0px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	min-width:960px;
	max-width:1100px;
	background-position: top;
	margin-top: 4px;
	height: 85px;
}

#headermain
{
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	width:980px;
	background-position: top;
	margin-bottom: 1px;
	margin-top: 15px;
	height: 75px;
}

#pflogo
{
	width: 285px;
	margin-top: 2px;
	float: left;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.fourteenpt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

#invite
{
	width: 370px;
	font-size: 8pt;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F6EACD;
	font-weight: bold;
	text-transform: uppercase;
	color: #58AADC;
	margin-left: 5px;
	text-align: center;
	margin-right: 5px;
	margin-bottom: 0px;
	float: left;
}

#invite_form
{
	width:360px;
	height:57px;
	padding:2px;
}

#invite_header
{
	padding-top:2px;
	margin:auto;
}

#invite_fields
{
	margin-top: 9px;
}


#headermainimg
{
	float: right;
	width: 300px;
	text-align: right;
	margin-top: 10px;
	margin-right: 3px;
}

#headermain img
{
	margin-right: 8px;
}



a
{
	color: blue;
	text-decoration: none;
}

a:hover
{
	color: red;
}

.tnctop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}

h2
{
	color: #993300;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}

.tnctd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.9em;
	color: #000000;
	padding: 5px;
	width: 680px;
	font-weight: bold;
}
.tnctdgreen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #339900;
	font-weight: bold;
}
.style1
{
	color: #ffffff;
}

.textfront {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	color: #666666;
	text-align: justify;
}

th.style1
{
	text-align: left;
	color: #993300;
}

.style1 a
{
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
}
.loginrealtortd {
	background-image: url(images/tall_realtor_back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#aboutcontentright img {
	float: left;
	margin-right: 10px;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.style1 a:hover
{
	color: #FFFFFF;
	text-transform: uppercase;
}

.style3 a
{
	color: #993300;
	text-transform: uppercase;
	font-size: 9px;
}

.style1 a:hover
{
	color: #008FD6;
	text-transform: uppercase;
}




td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
	text-transform: uppercase;
	padding-right: 4px;
	padding-left: 4px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

.back {
	background-image: url(images/images/main_back_02.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #333333;
}
.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.6em;
	color: #009900;
}

.enrolltitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 1.6em;
	color: #009900;
	font-weight: bold;
}

.enrolltext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.6em;
	color: #333333;
	font-weight: normal;
}


.resulttable {	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #000000;
	background-image: url(images/images/main_back_06.gif);
	background-repeat: repeat-x;
	background-position: top;
	border: 1px solid #CCCCCC;
	margin-bottom: 0px;
	padding-top: 3px;
	padding-right: 1px;
	padding-bottom: 3px;
	padding-left: 1px;
	margin-top: 10px;
}
.voldy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #009900;
}
.dis {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.tabletext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	text-transform: uppercase;
	color: #333333;
}

.bluebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow:1px 1px 0 #000000;
	color: #FFFFFF;
	background-color: #58AADC;
	background-image: url(images/buyer_bar_end.png);
	background-repeat: no-repeat;
	background-position: 4px;
	padding-left: 32px;
	padding-top: 5px;
	padding-bottom: 5px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding-right: 5px;
}

.bluebar a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow:1px 1px 0 #000000;
	color: #FFFFFF;
}

.greenbar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow:1px 1px 0 #000000;
	color: #FFFFFF;
	background-color: #99B84F;
	background-image: url(images/seller_bar_end.png);
	background-repeat: no-repeat;
	background-position: 4px;
	padding-left: 32px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.greenbar a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow:1px 1px 0 #000000;
	color: #FFFFFF;
}

.matchbargreen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003399;
	background-color: #efefef;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 32px;
	text-transform: uppercase;
	text-shadow:1px 1px 0 #FFFFFF;

}

.matchbarblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003399;
	background-color: #efefef;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 32px;
	text-transform: uppercase;
	text-shadow:1px 1px 0 #FFFFFF;

}


.agentbar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003399;
	background-color: #F3E86E;
	background-image: url(images/agent_bar_end.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 32px;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 5px;
				-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.searchbar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003399;
	background-color: #F3E86E;
	background-image: url(images/search_bar_end.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 32px;
	text-transform: uppercase;
	text-shadow:1px 1px 0 #FFFFFF;
				-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;

}

.messagebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFE00;
	background-color: #999999;
	background-image: url(images/message_end_bar.gif);
	background-repeat: no-repeat;
	background-position: 4px;
	padding-left: 32px;
	text-transform: uppercase;
	text-shadow:1px 1px 0 #000000;
	padding-top: 5px;
	padding-bottom: 5px;
			-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.bluebarNO {	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #F6EACD;
	background-repeat: no-repeat;
	background-position: left;
}


.redbar {	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #CCCCCC;
	text-transform: uppercase;
	text-shadow:1px 1px 0 #FFFFFF;

}

.container {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #FFFFFF;
	overflow: visible;
	z-index: 500;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 5px;
}

.left
{
	float: left;
	width: 49%;
}

.right
{
	float: right;
	width: 49%;
}

.container_link
{
	float:right;
	color: #000;
	padding-right: 5px;
	text-shadow: none;
	font-weight: normal;
	text-transform: none;
	font-size: 10pt;
}

.container_row
{
	width:100%;
	padding-top: 5px;
	padding-bottom: 2.5px;
	padding-left: 5px;
}

.containerbl {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #FFFFFF;
	overflow: visible;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 5px;
}

.resulttableB{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #000000;
	margin-bottom: 0px;
	padding: 3px;
	text-align: left;
}

.resulttableC {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #000000;
	margin-bottom: 0px;
	padding: 3px;
	text-align: left;

}

.resulttableR {	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #000000;
	background-position: top;
	border: 1px solid #333333;
	margin-bottom: 0px;
	padding: 3px;
	background-color: #E8EEFE;
}

.containercolor
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #99B84F;
	overflow: visible;
	z-index: 500;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	text-shadow:1px 1px 0 #000000;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-left: 5px;
}

.containercolor a
{
	font-size: 11px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.containercolorB
{
	border: 1px solid #ccc;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #C5D8FF;
	overflow: visible;
	z-index: 500;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #006600;
	text-align: center;
	margin: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.containercolorC {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #58AADC;
	overflow: visible;
	z-index: 500;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	margin: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
		text-shadow:1px 1px 0 #000000;

}
.greybar
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFE00;
	background-color: #999999;
	text-transform: uppercase;
	text-shadow:1px 1px 0 #000000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
			-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.resulttableS {	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #000000;
	background-position: top;
	border: 1px solid #333333;
	padding: 3px;
	background-color: #E8EEFE;
}

.containerresult {
	border: 1px solid #ccc;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #FFFFFF;
	overflow: visible;
	z-index: 500;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 25px;
	margin-left: 5px;
	width: 80%;
	clear: both;
}

#shameless_plug
{
	font-size: 8pt;
	text-align: center;
	width: 100%;
}

#shameless_plug a
{
	color: blue;
}

#shameless_plug a:hover
{
	color: red;
}

#logout
{
    float: left;
    font-family: verdana;
    font-size: 10px;
    height: 20px;
    margin: auto;
    padding-bottom: 15px;
    padding-top: 13px;
    text-align: right;
    width: 68%;
}

#logout a
{
	color: blue;
}

#logout a:hover
{
	color: red;
}

.ci_result
{
	font-size: 12px;
	line-height: 1.5em;
	color: #000000;
	width: 98%;
	margin: auto;
}

.ci_result a
{
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.ci_row
{
	background: #FFF;
}

.ci_alt_row
{
	background: #E0E0E0;
}

.ci_row_inactive
{
	background: #FFF;
	color: red;
}

.ci_alt_row_inactive
{
	background: #E0E0E0;
	color: red;
}


.add_link
{
	float: right;
	font-size: 11px;
	margin-right: 25px;
}
.containerplain {
	border: 1px solid #ccc;	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #CCCCCC;
	overflow: visible;
	z-index: 500;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #003366;
	text-align: center;
	margin: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.action
{
	cursor: pointer;
}

#conversation
{
	height: 135px;
	overflow: auto;
	border: 1px solid #999;
}

#notes
{
	height: 100px;
	overflow: auto;
}

#prop_comments
{
	height: 125px;
	overflow: auto;
}

.clients {
	margin: 0;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 130%;
	background-image: url(images/quote_top.gif);
	background-repeat: no-repeat;
	padding-top: 0.5em;
	padding-right: 9em;
	padding-bottom: 0.5em;
	padding-left: 7em;
	font-weight: bold;
	text-align: left;
}
.clientp {
	margin-top: -1px;
	background: url(images/quote_bottom.gif) no-repeat;
	font-style: normal;
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #006600;
	padding-top: 1.5em;
	padding-right: 0;
	padding-bottom: 1.5em;
	padding-left: 10.5em;
   }

/* Validation CSS */
.err_msg
{
	color: red;
}

/*.errorOLD
{
	color: red;
	font-weight: bold;
	font-size: 10pt;
} */

.error {
  background: none repeat scroll 0 0 #eafbb6;
  border-color: #999999;
  border-radius: 9px;
  border-style: solid;
  border-width: 2px;
  color: #d40000;
  font-family: arial;
  font-size: 11pt;
  font-weight: bold;
  text-align: center;
}

.payment-errors
{
	color: red;
	font-weight: bold;
}

td.label input.error, td.label select.error, tr.errorRow td.label input,tr.errorRow td.label select
{
	border: 1px solid red;
	background-color: #FFFFD5;
	color: red;
	font-size: 8pt;
}

.req
{
	color: red !important;
	font-weight: bold !important;
	font-size: 8pt;
}

.gridtableB div
{
	width: 100%;
}

.gridtableB table{	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #000000;
	background-repeat: repeat-x;
	background-position: top;
	border: 1px solid #CCCCCC;
	margin-bottom: 0px;
	padding: 3px;
	text-align: left;
}

.gridtableB th
{
	color: #990000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	text-align: left;
}

.gridfooter
{
	text-align: center;
	font-weight: bold;	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #797161;
	background-repeat: no-repeat;
	background-position: left;
}

#paging_container
{
	color: #000;
	width: 100%;
	padding: 5px;
}

#paging
{
	font-size: 11px;
	float: right;
	text-align: right;
	margin-right: 15px;
}

#paging a
{
	color: #990000;
	font-size: 11px;
}

#paging a:hover
{
	color: blue;
}

.head
{
	font-size: 12pt;
	text-decoration: underline;
	font-weight: bold;
}

.sel_state_container
{
	height: 100px;
	width: 90%;
	overflow: auto;
	border: 1px solid #000;
	text-align: left;
	padding: 2px;
}

.shadow
{
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

#slidingDiv{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 1.3em;
	background-color: #FFFFFF;
	border: thin none #999999;
	color: #0066CC;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	width: 200px;
	font-weight: bold;
	text-transform: uppercase;
	display: none;
	position: relative;
}

#slidingDiv a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.8em;
	border-bottom-width: thin;
	border-bottom-style: none;
	border-bottom-color: #999999;
	font-weight: bold;
	text-transform: uppercase;
	color: #996600;
}
.slidingDivsec{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.3em;
	background-color: #efefef;
	border: thin solid #999999;
	padding: 2px;
	display: none;
	margin-bottom: 10px;
	position: fixed;
}

/* bruce add 3/24 from test */

.bigarial {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.imgright {
	float: right;
}
.imgleft {
	float: left;
}
.imgcenter {
	text-align: center;
}
IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
	}


.centerdiv {
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	display: inline;
	vertical-align: top;
	top: 0px;
	position: absolute;
	z-index: 400;
	left: 50%;
	right: 50%;
}
.leftfloatdiv {
	float: left;
	width: 45%;
	min-width:400px;
	max-width:500px;
	border: thin solid #88AA05;
	padding: 10px;
	margin: 10px;
	background-color: #efefef;
	position: relative;
}
.rightloatdiv {
	float: right;
	width: 45%;
	min-width:400px;
	max-width:500px;
	border: thin solid #88AA05;
	padding: 10px;
	margin: 10px;
	background-color: #efefef;
	position: relative;
}
#menudiv {
	padding: 0px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	min-width:960px;
	background-position: top;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
	}
.justadiv {
	padding: 0px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-position: top;
}


.widthtitle {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	min-width:900px;
	max-width:1100px;
	background-position: top;
	background-color: #CCCCCC;
	height: 36px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	vertical-align: middle;
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom: 15px;
}

.comments_div
{
	min-height: 100px;
	max-height: 200px;
	overflow: auto;
	border: 1px solid #666666;
	padding: 3px;
	margin-bottom: 15px;
}

/* For IE */
* html .comments_div
{
	height: 100px;
	overflow: auto;
	border: 1px solid #666666;
	padding: 3px;
}

#rating
{
	width: 83%;
	text-align: right;
	color: red;
	font-weight: bold;
}

#rating a
{
	color: red;
}

#rating a:hover
{
	color: blue;
}

.rated
{
	padding: 3px;
	background: #F00;
	color: #FFF;
}

.active
{
	color: #20c40c;
}

.archived
{
	color: #c40c1a;
}

.deleted
{
    color: #c40c1a;
    font-size: 8pt;
}

.pending
{
	color: #027412;
}

.closed
{
	color: #027412;
}

.passive
{
	color: #0c79c4;
}

.expired
{
   color: #FF7F00;
}

#sec_city_container_link a
{
	color: #990000;
}

#sec_city_container_link a:hover
{
	color: #990000;
	text-decoration: none;
}

#sec_city_container_link a:visited
{
	color: #990000;
}

.vendytable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #999999;
	text-align: left;
}
.vendytabletop {
	background-color: #B5D5FF;
	font-weight: bold;
	color: #333333;
}
.vendytxtbld {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.6em;
	font-weight: bold;
}
.vendytxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.7em;
	padding-right: 25px;
}

.searchheader
{
	z-index: 500;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	text-shadow:1px 1px 0 #000000;
      width: 100%;
      float:left;
      margin-top: -25px;
      border: 0px;

}

.tiny
{
	font-size: 6pt;
}

/* System Update Message */
#system_update_msg
{
	width: 90%;
	margin: auto;
	font-size: 12pt;
	color: #5CAACE;
}
#aboutcontentright {
	width: 60%;
	float: right;
	margin-right: 50px;
	padding-top: 8px;
	margin-top: 30px;
}
#aboutcontentright div {
	background-color: #E2E7F3;
	float: right;
	width: 250px;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-right: 10px;
	margin-left: 30px;
	min-height: 200px;
}
#aboutcontent div {
	background-color: #ffffff;
	width: 88%;
	padding: 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-right: 2px;
	margin-left: 2px;
}
#aboutcontent {
	width: 25%;
	float: left;
	margin-left: 20px;
	border: thin solid #999999;
	margin-top: 30px;
	background-color: #F3E2CA;
		-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-right: 30px;
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 8px;
	padding-left: 15px;
}
#aboutnews {
	width: 25%;
	float: left;
	margin-left: 20px;
	border: thin solid #999999;
	margin-top: 30px;
	background-color: #F5FDE1;
		-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-right: 30px;
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 8px;
	padding-left: 15px;
}
#aboutcontentright p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.5em;
}
#aboutcontentright .title {
	font-size: 16px;
}
#aboutcontent p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.5em;
}
#aboutcontent .title {
	font-size: 16px;
}
#aboutcontentright strong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #003399;
}

#aboutcontent strong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #003399;
}
#bottomspace {
	height: 50px;
		width: 920px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-top: 15px;
}
#aboutnews img {
	float: left;
	margin-right: 8px;
	margin-bottom: 15px;
}
#aboutnews p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.5em;
}
#aboutnews .title {
	font-size: 16px;
}

#aboutnewsB {
	width: 250px;
	float: left;
	margin-left: 10px;
	border: thin solid #999999;
	background-color: #F5FDE1;
		-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-right: 10px;
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 8px;
	padding-left: 15px;
	text-align: left;
}
#aboutnewsB img {
	float: left;
	margin-right: 8px;
	margin-bottom: 15px;
}

#aboutnewsB img {
	float: left;
	margin-right: 8px;
	margin-bottom: 15px;
}
#aboutnewsB p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.5em;
}
#aboutnewsB .title {
	font-size: 16px;
}


.thirtyright {
	width:270px;
	height:450px;
	display:block;	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #88AA05;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #FFFFFF;
	padding: 10px;
	float: right;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	z-index: 12;
}


.thirtycenter {
	width:270px;
	height:450px;
	display:block;	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #169EE8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #FFFFFF;
	padding: 10px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	float: left;
	z-index: 10;
}

.thirtyleft {
	width:270px;
	height:450px;
	display:block;
	margin:0 auto;	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #696667;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #FFFFFF;
	padding: 10px;

}

.thirty{
    padding-top:10px;
    width:900px;
    height:46
	0px;
    margin:0 auto;
    clear:both;
}


.textfront .thirtyleft td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.6em;
	color: #FFFFFF;
}
.textfront .thirtyright h6 {
	background-position: bottom;
}
.textfront h4 {
	text-align: center;
	font-size: 22px;
}


#gal_container
{
	float: left;
	width: 430px;
}

/* Edit / View Buttons */

.button_container
{
   padding-top: 10px;
   padding-bottom: 10px;
   padding-right: 10px;
}
.btn-blue
{
	padding: 12px 12px;
   background: #58AADC;
   color: #FFF;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   border: solid 1px #20538D;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	font-family: verdana;
    font-size: 12px;
	text-transform: uppercase;
	margin-right: 10px;
}

.btn-blue:hover, .btn-blue:focus, .btn-blue-active
{
    background: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
	 color: #FFF;
	cursor: pointer;
}

.btn-red
{
	padding: 12px 12px;
   background: #ff6666;
   color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #ff0033;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	font-family: verdana;
    font-size: 12px;
	text-transform: uppercase;
		margin-right: 10px;

}

.btn-red:hover, .btn-red:focus, .btn-red-active
{
	background: #ff0033;
    border: solid 1px #ff0033;
    text-decoration: none;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
	 color: #FFF;
	cursor: pointer;
}

.btn-green
{
	padding: 12px 12px;
   background: #99B84F;
   color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #006600;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	font-family: verdana;
    font-size: 12px;
	text-transform: uppercase;
		margin-right: 10px;

}

.btn-green:hover, .btn-green:focus, .btn-green-active
{
	background: #006600;
    border: solid 1px #006600;
    text-decoration: none;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
	 color: #FFF;
	cursor: pointer;
}

/* News Feed */

.feed_article_container
{
	width: 98%;
	padding: 10px;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 5px 5px 5px #efefef;
	-webkit-box-shadow: 5px 5px 5px #efefef;
	box-shadow: 5px 5px 5px #efefef;
	margin-bottom: 20px;
	text-align: left;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.7em;
	color: #666666;
}

.feed_article_title
{
	font-size: 14pt;
	margin-bottom: 10px;
	color: #83C4F7;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
}

.feed_article_title a
{
	color: blue;
}

.feed_article_title a:hover
{
	color: red;
}

.feed_article_date
{
	font-size: 11pt;
	font-weight: normal;
	color: #99B84F;
}

.feed_desc
{
	font-size: 10pt;
	margin: 10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.7em;
	color: #666666;
}

#news_container
{
	width: 660px;
	margin-left: 295px;
}



/* Membership Directory */
.search_form
{
	width: 100%;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #83C4F7;
	min-height: 350px;
}


/* Notifications */
.notifications
{
	background: url('images/notify.png') no-repeat;
	width: 16px;
	height: 16px;
	color: #FFF;
	text-align: center;
	font-size: 9px;
	font-weight: bold;
	float: right;
	/* hack added to fix the layout of the "My" links and notifications */
	*float: none;
	margin-top: -10px;
	padding-top: 1px;
}

.agent_link
{
	float: left;
}

.my_link
{
	float: left;
}

.button_div
{
	width: 100%;
	text-align: center;
	padding-top: 10px;
	margin-bottom: 50px;
}

.chk_boxes
{
	width: 98%;
	font-size: 10px;
	margin: auto;
}

.chk_row
{
	width: 98%;
	padding-bottom: 8px;
	font-size: inherit;
}

.chk_all
{
	font-weight: bold;
	width: 98%;
}

.chk_header
{
	width: 98%;
	color: #990000;
	font-weight: bold;
	text-decoration: underline;
}

/* For City Checkboxes */
.chk_element
{
	width: 25%;
	float: left;
}

/* For Neighborhood Checkboxes */
.chk_element2
{
	width: 33%;
	float: left;
}

.container_link
{
	float:right;
	color: #FFFFFF;
	padding-right: 5px;
	text-shadow: none;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 10pt;
	*margin-top: -22px;
	*margin-bottom: 10px;
}

#whats_new
{
    font-family: verdana;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.sort
{
	font-size: 11px;
	float:left;
	margin-left: 15px;

}
.stat
{

  font-size: 11px;
	float:left;
	margin-left: 25px;
    margin-top:3px;
}

.grid_top
{
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: verdana;

}

/* Metrics CSS */

#metrics_nav
{
	text-align: right;
	margin-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#metrics_nav a
{

}

#range_select
{
	padding: 5px;
	width: 100%;
}

#container_left
{
	height: 500px;
	width:49%;
	float: left;
	margin-bottom: 15px;
}

#container_right
{
	height: 500px;
	width:49%;
	float: right;
	margin-bottom: 15px;
}

.container_full
{
	width: 100%;
	margin-bottom: 20px;
}

.options
{
	padding: 5px;
	font-size: 8pt;
	background: #58AADC;
	border-radius: 5px;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	color: #FFF;
}

/* Profile Page */
.css-box-shadow
{
	position: relative;
	-webkit-box-shadow: 1px 2px 4px rgba(0,0,0,.5);
	-moz-box-shadow: 1px 2px 4px rgba(0,0,0,.5);
	box-shadow: 1px 2px 4px rgba(0,0,0,.5);
	padding: 5px;
	background: white;
}

.profile
{
	padding: 10px;
	font-size: 12pt;
}

.profile .photo
{
	float: left;
	-webkit-box-shadow: 1px 2px 4px rgba(0,0,0,.5);
	-moz-box-shadow: 1px 2px 4px rgba(0,0,0,.5);
	box-shadow: 1px 2px 4px rgba(0,0,0,.5);
	padding: 5px;
	background: white;
	margin-right: 20px;
	margin-bottom: 20px;
}

.profile .contact_info
{
	line-height: 185%;
	font-weight: normal;
}

.profile .contact_info .name
{
	font-size: 14pt;
	font-weight: bold;
}

.profile .contact_info .data, .profile .contact_info .address
{
	font-size: 10pt;
}


/* Vendors */

.vendor_select
{
	float: left;
}

.vendor_column
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #999999;
	text-align: left;
	width: 192px;
	float: left;
	padding: 2px;
}

.vendor_column_header
{
	background-color: #B5D5FF;
	font-weight: bold;
	color: #333333;
	width: 192px;
	display: block;
	height: 35px;
	padding: 5px 2px 5px 2px;
}

.success
{
	font-weight: bold;
	color: green;
}

.my_vendor
{
	float:left;
	width: 30%;
	margin: 10px;
	text-align: left;
	font-size: 11pt;
}

.my_vendor_category
{
	padding: 3px;
	background: #58AADC;
	color: #FFF;
	display:block;
	text-align: center;
}

/* Progress Meter */

#progress
{
    float: left;
    width: 30%;
    padding-top: 5px;
    margin-left: 10px;
    padding-bottom: 10px;
    z-index: -2;
}

#progress_link
{
    font-family: verdana;
    font-size: 11px;
	font-weight: bold;
    margin: auto;
    padding-top: 7px;
    text-align: left;
    width: 100%;
}



#progress_bar {
     z-index: -1;
    display: block;
    height: 15px;
    width: 100%;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: #58AADC;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #a7d1ea),color-stop(1, #58aadc));
    background-image: -webkit-linear-gradient(top, #a7d1ea, #58aadc);
    background-image: -moz-linear-gradient(top, #a7d1ea, #58aadc);
    background-image: -ms-linear-gradient(top, #a7d1ea, #58aadc);
    background-image: -o-linear-gradient(top, #a7d1ea, #58aadc);
    -webkit-box-shadow:
        inset 0 2px 9px  rgba(255,255,255,0.3),
        inset 0 -2px 6px rgba(0,0,0,0.4);
    -moz-box-shadow:
        inset 0 2px 9px  rgba(255,255,255,0.3),
        inset 0 -2px 6px rgba(0,0,0,0.4);
    position: relative;
    overflow: hidden;
}

.blue > span {
    background-color: #58AADC;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #a7d1ea),color-stop(1, #58aadc));
    background-image: -webkit-linear-gradient(top, #a7d1ea, #58aadc);
    background-image: -moz-linear-gradient(top, #a7d1ea, #58aadc);
    background-image: -ms-linear-gradient(top, #a7d1ea, #58aadc);
    background-image: -o-linear-gradient(top, #a7d1ea, #58aadc);
}

.green > span {
    background-color: #99b84f;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #cde595),color-stop(1, #99b84f));
    background-image: -webkit-linear-gradient(top, #cde595, #99b84f);
    background-image: -moz-linear-gradient(top, #cde595, #99b84f);
    background-image: -ms-linear-gradient(top, #cde595, #99b84f);
    background-image: -o-linear-gradient(top, #cde595, #99b84f);
}

/* Messages */

.message_container
{
    font-family: verdana;
    font-size: 12px;
	width: 90%;
    margin: auto;
    padding: 10px;
}

.message
{
    display: block;
    padding: 8px;
    font-size: 11pt;
    border-radius: 5px;
    background: #dee4fa;
    cursor: pointer;
}

.message_green
{
    display: block;
    padding: 8px;
    font-size: 11pt;
    border-radius: 5px;
    background: #C3D597;
    cursor: pointer;
}

.message_text
{
    width: 98%;
    margin: auto;
    background: #FFF;
    color: #000;
    border-radius: 5px;
    padding: 10px;
    display: none;
}

.message:hover
{
    background: #58AADC;
    color: #FFF;
}

.message_green:hover
{
    background: #99B84F;
    color: #FFF;
}

/* Custom Modal Overlay */
#customModal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(107, 114, 128, 0.5); /* bg-gray-600 bg-opacity-50 */
	overflow-y: auto;
	z-index: 9999; /* Higher z-index to ensure it's on top */
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Custom Modal Content Box */
#customModal > div {
	position: relative;
	padding: 20px; /* p-5 */
	border: 1px solid #e5e7eb; /* border */
	width: 384px; /* w-96 */
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-lg */
	border-radius: 8px; /* rounded-md */
	background-color: #ffffff; /* bg-white */
}

/* Modal Title */
#customModal h3 {
	margin-top: 12px; /* mt-3 */
	text-align: center;
	font-size: 1.125rem; /* text-lg */
	line-height: 1.75rem; /* leading-6 */
	font-weight: 500; /* font-medium */
	color: #1f2937; /* text-gray-900 */
}

/* Modal Message Paragraph */
#customModal p {
	margin-top: 8px; /* mt-2 */
	padding-left: 28px; /* px-7 */
	padding-right: 28px; /* px-7 */
	padding-top: 12px; /* py-3 */
	padding-bottom: 12px; /* py-3 */
	font-size: 0.875rem; /* text-sm */
	color: #6b7280; /* text-gray-500 */
}

/* Modal Buttons Container */
#customModal .items-center {
	padding-left: 16px; /* px-4 */
	padding-right: 16px; /* px-4 */
	padding-top: 12px; /* py-3 */
	padding-bottom: 12px; /* py-3 */
	display: flex;
	justify-content: center; /* Center buttons */
}

/* Primary Button (Yes/OK) */
#customModal button#modalConfirmBtn,
#customModal button#modalOkBtn {
	padding: 8px 16px; /* px-4 py-2 */
	background-color: #3b82f6; /* bg-blue-500 */
	color: #ffffff; /* text-white */
	font-size: 1rem; /* text-base */
	font-weight: 500; /* font-medium */
	border-radius: 6px; /* rounded-md */
	width: 96px; /* w-24 */
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow-sm */
	transition: background-color 0.15s ease-in-out; /* hover:bg-blue-700 */
	outline: none; /* focus:outline-none */
	cursor: pointer;
}

#customModal button#modalConfirmBtn:hover,
#customModal button#modalOkBtn:hover {
	background-color: #2563eb; /* hover:bg-blue-700 */
}

#customModal button#modalConfirmBtn:focus,
#customModal button#modalOkBtn:focus {
	box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5); /* focus:ring-2 focus:ring-blue-500 */
}


/* Cancel Button (No) */
#customModal button#modalCancelBtn {
	padding: 8px 16px; /* px-4 py-2 */
	background-color: #d1d5db; /* bg-gray-300 */
	color: #1f2937; /* text-gray-800 */
	font-size: 1rem; /* text-base */
	font-weight: 500; /* font-medium */
	border-radius: 6px; /* rounded-md */
	width: 96px; /* w-24 */
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow-sm */
	transition: background-color 0.15s ease-in-out; /* hover:bg-gray-400 */
	outline: none; /* focus:outline-none */
	cursor: pointer;
	margin-left: 8px; /* mr-2, adjusted for two buttons */
}

#customModal button#modalCancelBtn:hover {
	background-color: #9ca3af; /* hover:bg-gray-400 */
}

#customModal button#modalCancelBtn:focus {
	box-shadow: 0 0 0 2px rgba(209, 213, 219, 0.5); /* focus:ring-2 focus:ring-gray-300 */
}