/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



strong                      {font-weight: bold;}

body 				{ padding: 0px; margin: 0 auto; background: #b7cff1 url(images/bg.jpg) repeat-x; padding: 0;font-family: Arial; font-size: 18px; text-align: center;}

#divHeader      {margin-left: 25px; margin-top: 10px; margin-bottom: 10px; position: relative; height: 120px;}   
.logout         {font-size: 14px; position: absolute; right:50px; top: 50px; display: none;}

#navMenu			            { text-align: left; margin: 0px 30px;}
#navMenu ol li                  { list-style:none; float:left; cursor: pointer; padding-right: 20px; }
#navMenu ol li a                { font-size: 16px; color: white; font-weight: bold; text-decoration: none;
        					         text-align: center; }
#navMenu ol li a.selected	    { color: #444444; cursor: default;}
#navMenu ol li a.selected:hover { color: #444444;}
#navMenu ol li a:hover	        { color: #eeaf29;}

/* Default.aspx */
#divLogin-container             {position:absolute; top: -100px; right: 25px; font-size: 12px; width: 400px;}


/* Multiple Pages */
.button-blue                {background-color: #0a0a67; color: #ffffff; font-weight: bold; border-color:#9999ff;}
.silver-button-25			{background: #dddddd url(images/silver-button-25px.jpg) 0 0 repeat-x; height: 25px; font-size: 12px;
								color: #0a0a67; font-weight: bold; cursor: pointer;}
.silver-button-25:hover		{background: transparent url(images/silver-button-25px.jpg) 0 -50px repeat-x; }
.silver-button-25:active	{background: transparent url(images/silver-button-25px.jpg) 0 -25px repeat-x; }
.silver-button-25 div		{padding:5px 7px 5px 7px;}
.dblue-button-30			{background: #dddddd url(images/dblue-button-30px.jpg) 0 0 repeat-x; height: 30px; font-size: 14px;
								color: #ffffff; font-weight: bold; cursor: pointer;}
.dblue-button-30:active	    {background: transparent url(images/dblue-button-30px.jpg) 0 -30px repeat-x; }
.dblue-button-30 div		{padding:7px 10px 7px 10px;}
.orange-button-25			{background: #dddddd url(images/orange-button-25px.jpg) 0 0 repeat-x; height: 25px; font-size: 12px;
								color: #ffffff; font-weight: bold; cursor: pointer;}
.orange-button-25:active	    {background: transparent url(images/orange-button-25px.jpg) 0 -25px repeat-x; }
.orange-button-25 div		{padding:5px 7px 5px 7px;}
.font-orange				{color: #e38d06;}
.font-blue					{color: #3b77fe;}
.font-darkblue				{color: #0a0a67;}
.watermark                  {color: #777777; text-align: center; font-style: italic; }
.input                      {color: #000000; text-align: left; font-style: normal; }

div#main 			{ position: relative; width: 100%; text-align: center; margin: 0 auto; top: 10px; }
div#backdrop		{ position: absolute; top: 25px; left: 17px; height: 540px;	z-index: 0;	width: 846px; }
.menuMisc           { position: absolute; bottom: -45px; right: 10px; }
.button             { background-color: #ff6b00; color: White; font-weight: bold; border-color: #ffdd66; }
.button2            { background-color: #ffffff; color: #111111; font-weight: bold; }

div#mlsData			{ color: black; font-weight: bold; position: absolute; top: 44px; left: 46px; width: 687px; 
			  	  			height: 436px; text-align: left; }
.mlsData-row		{ padding-bottom: 5px; clear:both; float: left;}
.searchListings-button  { font-weight:bold; font-size: 14px; cursor: pointer; border-style: outset; 
                           color: #ffffff; background-color: #0a0a67; position: relative; top: -8px; left: -5px; border-color: #9999ff;}
#propertyInfoClass	{ font-size: 14px; color: #000066; vertical-align: text-top;}
.fieldName-col1		{ width: 55px; text-align: right; color:#222222; font-size: 14px; font-weight: bold; float:left; }
.fieldValue-col1	{ width: 100px; text-align: right; color:white; font-size: 14px; font-weight: bold; 
							overflow: hidden; margin-left: 5px; white-space: nowrap;}
.fieldName-col2		{ width: 100px; text-align: right; color:#222222; font-size: 14px; font-weight: bold; float:left; }
.fieldValue-col2	{ width: 195px; text-align: right; color:white; font-size: 14px; font-weight: bold; 
							overflow: hidden; padding-left: 5px; white-space: nowrap;}
							
.fieldName-sAgent	{ text-align: right; font-size: 12px; width: 40px;  margin-right: 5px; padding: 0px;margin: 0px;}
.fieldValue-sAgent  { text-align: right; white-space:nowrap; overflow: hidden; width: 138px; border: none;
							background-color: transparent; padding:2px; margin: 0px; }
.sAgentName			{ float:left; width: 40px; height: 14px; text-align: right; }

.schedcontent		{ width: 20px; font-size: 12px; background-color: Green; border-style: groove; }
.calendar_nav		{ font-size: 10px; }
.calendar .ajax__calendar_container  { background-color: #dddddd; border-style: outset; border-color: #6666ff; }

.question           {font-size: 14px; vertical-align: middle; text-align: center; font-weight: bold;}

.toggleText-mlsinfo	{ background-color: transparent; border-color: Transparent; font-size: 14px; font-weight: bold; text-align: right;}

#divSearchMLS-container,
#divSearchAgent-container,
#feedbackOptions-container   { display: none; width: 500px; }

#divAppointment-container   { display: none; }

#divShowingAgentEdit-container,
#divListingAgentEdit-container  {display: none; width: 400px;}

#divSellerEdit-container,
#feedbackIdea-container,
#feedbackIssue-container,
#feedbackComment-container,
#unverifiedAppt-container   { display: none; width: 600px; }

.comment-textBox            { width:300px; height: 60px; border-style: inset; color: black; background-color: #ddddff; 
                        	    font-size: 12px; font-family: verdana; margin: 2px; padding: 3px; }

.apptFieldName              { text-align: right; color: #0a0a67; padding: 4px; }
.apptFieldValue             { text-align: left; color: #444444; font-weight: bold; padding: 4px}

                       
#showAgent-container        { width: 260px; height: 200px; position: absolute; left: -50px; top: 100px; 
                              background: url('images/showAgentBox.jpg');}
#showAgentInner             { font-size: 12px; position:absolute; top:45px; left: -20px; }                           
#showingAgentInfo-container { width: 240px; padding: 3px; margin-top: 2px;}
                			  
#photoBox-container         { position: absolute; left: 523px; top: -50px; width: 215px; height: 220px; 
                              background: url('newlook/photoBox.png');}
#photoContainer             { position: absolute; left: 550px; top: 4px; width: 175px; height: 130px; background-color: white; }
                			  
#schedule-container         { display: none; position: absolute; left: 750px; top: 55px; z-index: 0; 
                              background: url('images/scheduleBox.jpg') no-repeat; 
                              width: 185px; height: 475px; }
#divSchedule                { display: block; position: absolute; top: 45px; left: -10px; }
#divSchedCalendar           { position:absolute; right: 10px; top: 90px; width:300px; font-size: 10px; }
#divSchedCalNav             { text-align: center; width: 200px; margin-bottom: 5px; }
#btnCalToday                { font-size: 12px; margin-top: 5px; }
#divAppointmentButtons      { text-align: center; width: 200px; margin-top: 10px; }

.popupHeader                {font-weight: bold; font-size: 22px; color: #0a0a67; }
.popupHeader-white          { font-weight: bold; font-size: 18pt; color: #ffffff; }
.popupHeader-blue           { font-weight: bold; font-size: 18pt; color: #0a0a67; }

.feedback                   { cursor: pointer; width: 32px; vertical-align: bottom; }
.howto                      { cursor: help; width: 32px; vertical-align: bottom; }
.unverifiedAppt             { cursor: pointer; width: 32px; vertical-align: bottom; }

#divUsers                   { font-size: 8pt; overflow:scroll; width: 800px; height: 430px; cursor: pointer;}


#divReport                  { font-size: 10pt; width: 880px; height: 400px; position: relative; 
                              overflow:scroll; }
.report-container-invis     { position: absolute; top: 70px; left: 20px;visibility: hidden; width: 795px; padding-top: 5px; padding-left: 5px; }
.report-container           { position: absolute; top: 70px; left: 20px; visibility: visible; width: 795px; padding-top: 5px; padding-left: 5px; }

#agentContainer     {position: absolute; top: 50px; left: 10px; width: 880px;}
#agentTitle         {float: left; margin-bottom: 15px;}
.sectionHeader      {font-weight: bold; color: #0a0a67; }
#agentOverall       {display: block; clear: both; float:left; height: 90px; width: 290px; padding: 10px; text-align: left; 
                        background: #fcc677 url(images/report-bg1.jpg) no-repeat;}
.aoLeftCol          {font-weight: bold; color: #000000; font-size: 14px; text-align: left; padding: 2px; cursor: pointer;}
.aoRightCol         {color: #000000; font-size: 14px; text-align: right; padding: 2px; font-weight: bold;}
.aoLeftCol:hover    {color: #e38d06;}
#agentInfo-container    {display: block; float: right; width: 420px; padding: 10px; text-align: left; }
.aiLeftCol              {font-weight: bold; color: #222222; font-size: 14px; text-align: left; padding: 2px; }
.aiRightColStatic       {color: #ffffff; font-size: 14px; text-align: left; padding: 2px; font-weight: bold; padding-left: 5px;}
.aiRightCol             {color: Yellow; font-size: 14px; text-align: left; padding: 2px; font-weight: bold; padding-left: 5px; cursor: pointer;}
.aiRightCol:hover        {color: #ff6600;}
#agentListings-container    {position: absolute; top: 220px; left: 10px; width: 880px; text-align: left;}

.datatable_container                        { cursor: pointer; color: #111111;}
.datatable_container table                  { empty-cells: show; margin: 0 0 20px 0; padding: 4px; text-align: left;
                                                width: 100%; border: none; border-collapse: collapse; }
.datatable_container table th               { border: 0; border-bottom: solid 1px #9400d3; padding: 3px 0; margin: 0 0 5px 0;
                                                text-align: left; font-size: 12pt;}
.datatable_container table tr.yui-dt-even   { background-color: #ffffff; }
.datatable_container table tr.yui-dt-odd    { background-color: #dddddd; }
.datatable_container table tbody td         { padding: 2px; border: 0; font-size: 9pt;}

.datatable_agentlist                        { cursor: pointer; color: #111111;}
.datatable_agentlist table                  { empty-cells: show; margin: 0 0 20px 0; padding: 4px; text-align: left;
                                                width: 100%; border: none; border-collapse: collapse; }
.datatable_agentlist table th               { border: 0; border-bottom: solid 1px #9400d3; padding: 3px 0; margin: 0 0 5px 0;
                                                text-align: left; font-size: 12pt;}
.datatable_agentlist table tr.yui-dt-even   { background-color: #f9d8ac; }
.datatable_agentlist table tr.yui-dt-odd    { background-color: #ffffff; }
.datatable_agentlist table tbody td         { padding: 2px; border: 0; font-size: 14px;}


#listingContainer     {position: absolute; top: 50px; left: 20px; width: 880px;}
#listingTitle         {float: left; margin-bottom: 15px; color: #0a0a67;}
.sectionHeader      {font-weight: bold; color: #ffffff; }
#listingOverall       {display: block; float:right; width: 240px; height: 75px; padding: 10px; text-align: left; 
                            background: #fcc677 url(images/report-bg2.jpg) no-repeat; margin-top: 10px;}

#listingInfo-container    {display: block; clear: both; float: left; width: 475px; padding: 10px; text-align: left; }
.aiLeftCol-listing              {width: 60px;font-weight: bold; color: #222222; font-size: 12px; text-align: left; padding-right: 2px; }
.aiRightColStatic-listing       {width: 150px; white-space: nowrap; overflow: hidden; color: #ffffff; font-size: 16px; text-align: left; padding-left: 2px; font-weight: bold; padding-right: 5px;}
.aiRightCol-listing             {width: 150px; white-space: nowrap; overflow: hidden; color: Yellow; font-size: 16px; text-align: left; padding-left: 2px; font-weight: bold; padding-right: 5px; cursor: pointer; }
.aiRightCol-listing:hover       {color: #ff6600;}
#listingAppts-container    {position: absolute; top: 310px; left: 20px; width: 880px; text-align: left;}

#printView-container    {overflow: visible; background-color: white; display:none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
#printView-container div    {margin: 0 auto; overflow: visible;}
#printView-container a      {text-decoration: none; font-size: 15px; font-weight: bold; color: #0a0a67; margin-top: 10px;}
#printView-container h2     {font-size: 25px; color: #ff6600;margin-top: 10px;}
#printView-container th {color: #000000; border-bottom: #444444 solid 2px;}
.transparentCover    {overflow: visible; background-color: transparent; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}