a {font: 10px Verdana, Arial, Helvetica, sans-serif;font-weight: normal; text-decoration: none; color: #325585 }
a:link {text-decoration: none }
a:visited { text-decoration: none }
a:hover { text-decoration: underline }
a:active { text-decoration: none }

.bigblue {font: 12px Verdana, Arial, Helvetica, sans-serif;font-weight: normal; text-decoration:underline; color: #0000FF }

.news { font: 9px Verdana, Arial, Helvetica, sans-serif; }
.label { font: 12px Arial, Helvetica, sans-serif; font-weight:bold;  }
.labelred { font: 12px Arial, Helvetica, sans-serif; font-weight:bold; color: #FF0000; }

.staff { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #325585; }
.staffbig { font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color: #325585; }
.staffred { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #FF0000; }
.staffbigred { font: 10px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color: #FFA500; }

.text{ font: 10px Verdana, Arial, Helvetica, sans-serif; color: #000000;}
.textbold{ font: 10px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color: #000000; }
.menu{font: 10px Verdana, Arial, Helvetica, sans-serif;font-weight: normal; text-decoration: none; color: #FFFFFF; }

.message{font: 10px Verdana, Arial, Helvetica, sans-serif; font-style: italic; color: #000000;}
.messageRed{font: 10px Verdana, Arial, Helvetica, sans-serif; font-style: italic; color: #FF0000;}

.warning
{
	color:#000000;
	text-align: left;
	font-family: verdana;
	font-weight:normal;font-size: 10px;
	background-color: #F0F0F0;
	border: 1px dotted #999;padding: 2px 2px 2px 2px;
}

.warning2
{
	color:#FFA500;
	text-align: left;
	font-family: verdana;
	font-weight:normal;font-size: 10px;
	background-color: #FFFFFF;
	border: 1px dotted #999;padding: 2px 2px 2px 2px;
}

/* ---------- for left menu --------- */
.leftMenu {
  background-color: #C0C0C0;
  font-size: 10px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #000000;
}

/* ---------- for login --------- */
.loginTitle {
  height: 49px;
  background-color: #325585;
  font-size: 15px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #CCCCCC;
  padding-left: 25px;
}
/*----------- added by Zakia on 24-01-2007 ----------*/
.textbigred { font: 10px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color: #FF0000; }
.textbigblue{ font: 10px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color: #0000FF; }
.text12blackNormal { font: 12px Verdana, Arial, Helvetica, sans-serif; }
.text12blackbold{ font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
.text12redbold{ font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color: #FF0000;}
.text16blackbold{ font: 16px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
.text14bigred { font: 14px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color: #FF0000; }
.label14white { 
  color: #FFFFFF;
  height: 20px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
  background-color: #325585;
  border-bottom: 1px solid #325585;
  border-left: 1px solid #325585;
  border-right: 1px solid #325585;
 }
 
.btncalendar {
  background-image:url("../images/cal.gif");
  background-repeat: no-repeat;
  background-position: center;
  background-color:blue;
  width: 16px;
  height: 16px;
  border: none;
}
.hidden { 
   display: none; 
}
.visible { 
   display: inline; 
}

/*----------- end styles added by Zakia----------*/

/*----------- for buttons only----------*/
.btn {
  width: 132px;
  height: 28px;
  border: none;
  background-image:url("../images/bg3button.gif");
  background-color: transparent;
  background-repeat: no-repeat;
  padding: 0 0 5px 0;
  background-position: 0 -72px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 80%;
  font-weight: bold;
  color: #5F5F5F;
  
}
a.button, a.buttonDis {
display: block;
background-color: transparent;
background-image: url(../images/bg3button.gif);
background-repeat: no-repeat;
width: 132px;
height: 28px;
margin: 5px auto;
padding: 5px 0 0 0;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: bold;
text-decoration: none;
}
a.button:link, a.button:visited {
color: #002577;
}
a.button:hover, a.button:active {
background-position: 0 -36px;
color: #FF7200;
}
a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active {
background-position: 0 -72px;
color: #5F5F5F;
}
a.bCancel {
display: block;
background-color: transparent;
background-image: url(../images/cancel.gif);
background-repeat: no-repeat;
width: 32px;
height: 32px;
}
.btnGrey {
  width: 100px;
  height: 25px;
  background-image: url(../images/menubgover.gif);
  background-repeat: repeat-x;
  border-style: outset;
  border-color:#FFFFFF #FFFFFF #FFFFFF #FFFFFF;
  padding: 2px 2px 2px 2px;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #191970; 
}

/*----------- end for buttons only----------*/


/* ---------- for left menu --------- */
.submenu {
  background-color: #325585;
  margin-bottom: 15px;
  font-weight: bold;
  vertical-align: middle;
  border-bottom: 1px solid #D1CBD0;
  border-left: 1px solid #D1CBD0;
  border-right: 1px solid #D1CBD0;
}

.titleText {
  color: #FFFFFF;
  height: 20px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  vertical-align: middle;
  background-color: #325585;
  border-bottom: 1px solid #325585;
  border-left: 1px solid #325585;
  border-right: 1px solid #325585;
}
.titleTextClear {
  color: #FFFFFF;
  height: 20px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  vertical-align: left;
  text-align: left;
  background-color: #9BC4E2;
}

/* ---------- for tab items --------- */
.tabHeaderArea {
  background-color: #FFFFFF;
  height: 15px;
  width: 88%;
  text-align: left;
  vertical-align: top;
}

.tabSubHeader {
  background-color: #FFFFFF;
  width: 98%;
  height: 25px;
  text-align: left;
  vertical-align: top;
  padding-left: 5px;
  padding-bottom: 3px;
  padding-top: 3px;
  border-top: 2px solid #325585;
  border-left: 1px solid #325585;
  border-right: 1px solid #325585;
}


.tabArea {
  background-color: #FFFFFF;
  width: 98%;
  text-align: left;
  vertical-align: top;
  padding-top: 10px;
  border-top: 1px solid #325585;
  border-bottom: 1px solid #325585;
  border-left: 1px solid #325585;
  border-right: 1px solid #325585;
}

.activeTab {
  height: 15px;
  width: 20%;
  //background-color: #325585;
  background-image: url(../images/box_top.gif);
  background-repeat: no-repeat;
  font-size: 12px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #325585;
  padding-left: 25px;
}

.passiveTab {
  height: 15px;
  width: 20%;
  //background-color: #CCCCCC;
  background-image: url(../images/box_top.gif);
  background-repeat: no-repeat;
  font-size: 12px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  padding-left: 25px;
}

/* ---------- for forms  --------- */
.formTitle {
  height: 20px;
  background-color: #325585;
  font-size: 12px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #CCCCCC;
  padding-left: 25px;
}
.formArea {
  background-color: #FFFFFF;
  text-align: left;
  vertical-align: top;
  padding: 10px; 10px; 10px; 10px;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}

/* ---------- for nav bar  --------- */
.navBar {
  height: 20px;
  background-image: url(../images/menubgover.gif);
  background-repeat: repeat;
  font-size: 12px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding-left: 2px;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}

/* The following lines are for displaytag */
.displayTag {border: 0px solid #666;width: 100%;margin: 5px 0px 0px 0px !important;}/*padding : up right bottom left*/
.displayTag th {padding: 2px 2px 2px 2px !important;text-indent: 10px;text-align:left;font-family: verdana,arial, sans-serif;	font-size: 10px;font-weight: bold;color:#FFFFFF;text-decoration: none;}
.displayTag tr {border-bottom: 1px solid #325585;}
.displayTag td {padding: 2px 2px 2px 2px !important;vertical-align:top;text-align:left;font-family: verdana,arial, sans-serif;	font-size: 10px;font-weight: normal;color:#000000;text-decoration: none;border-bottom: 1px solid #325585;}
.displayTag td.thumb {padding: 2px 2px 2px 2px !important;width:100px;}
.displayTag td.cntr {padding: 2px 2px 2px 2px !important;vertical-align:top;text-align:center;font-family: verdana,arial, sans-serif;	font-size: 10px;font-weight: normal;color:#000000;text-decoration: none;border-bottom: 1px solid #325585;}
.displayTag td.red {padding: 2px 2px 2px 2px !important;vertical-align:top;text-align:left;font-family: verdana,arial, sans-serif;	font-size: 10px;font-weight: normal;color:#FF0000;text-decoration: none;border-bottom: 1px solid #325585;}
.displayTag td.indt{text-indent: 10px;}
.displayTag thead tr {background-color: #325585;}
.displayTag th.sortable a {color:#FFFFFF;font-weight: bold;background-position: left;display:block;width:100%;background-image: url(../images/arrow_off.png);background-repeat: no-repeat;}
.displayTag th.sortable a:hover {color:#FF6103;font-weight: bold;background-position: left;display:block;width:100%;background-image: url(../images/arrow_off.png);background-repeat: no-repeat;}
.displayTag th.order1 a {color:#FF6103;background-image: url(../images/arrow_up.png);background-repeat: no-repeat;}
.displayTag th.order2 a {color:#FF6103;background-image: url(../images/arrow_down.png);background-repeat: no-repeat;}
.displayTag tr.odd {background-color: #F0F0F0}
.displayTag tr.total td {
     white-space: nowrap;
     vertical-align: top;
     font-weight: bold;
     border-top: 1px solid black;
     padding-bottom: 10px;
}

.displayTag tr.tableRowEven,tr.even {background-color: #ffffff;}
.displayTag img{border:1px solid #325585;}
span.pagebanner{font-family: verdana,arial,sans-serif;font-size: 10px;background-color: #eee;border: 1px dotted #999;padding: 2px 4px 2px 4px;width: 90%;margin-top: 5px;display: block;border-bottom: none;}
span.pagelinks{font-family: verdana,arial,sans-serif;font-size: 10px;background-color: #eee;border: 1px dotted #999;padding: 2px 4px 2px 4px;width: 90%;margin-bottom: 5px;display: block;border-top: none;}
div.exportlinks{font-family: verdana,arial,sans-serif;font-size: 10px;background-color: #eee;border: 1px dotted #999;padding: 2px 4px 4px 4px;width: 90%;margin-top: 5px;display: block;}
span.export {padding: 0 4px 4px 20px;display: inline;display: inline-block;cursor: pointer;}
span.excel {background-image: url(../images/ico_file_excel.png);background-repeat: no-repeat;}
span.csv {background-image: url(../images/ico_file_csv.png);background-repeat: no-repeat;}
span.xml {background-image: url(../images/ico_file_xml.png);background-repeat: no-repeat;}
span.pdf {background-image: url(../images/ico_file_pdf.png);background-repeat: no-repeat;}
span.rtf {background-image: url(../images/ico_file_rtf.png);background-repeat: no-repeat;}
/* End of displaytag lines */

span.banner{font-family: verdana,arial,sans-serif;font-size: 10px;background-color: #eee;border: 1px dotted #999;padding: 2px 4px 2px 4px;width: 90%;margin-top: 5px;margin-bottom: 5px;display: block;}
.tableList {
	width: 100%;margin-top: 5px;margin-bottom: 5px;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #D1CBD0;
  	border-left: 1px solid #D1CBD0;
  	border-right: 1px solid #D1CBD0;
}

.tableNested {
	
	width: 100%;
    padding-left: 2px;
    padding-right: 1px;
    text-align: left;
    vertical-align: top;
}

.tableList th{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
      
}
.tableList td{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 10px;}
.tableList thead tr{background-color: #fc0;}
.tableList img{border:1px solid #325585;}

.price
{
	color:#000000;
	text-align: left;
	font-family: verdana;
	font-weight:bold;font-size: 10px;background-color: #FFFF00;
	border: 1px solid #999;padding: 2px 2px 2px 2px;width:100px;
}
.sprice
{
	color:#FFFFFF;
	text-align: left;
	font-family: verdana;
	font-weight:bold;font-size: 9px;background-color: #FF0000;
	border: 1px solid #999;padding: 2px 2px 2px 2px;width:100px;
}
.handyman
{
	color:#FFFFFF;
	text-align: left;
	font-family: verdana;
	font-weight:bold;font-size: 9px;background-color: #008000;
	border: 1px solid #999;padding: 2px 2px 2px 2px;width:100px;
}
.newListing
{
	color:#FFFFFF;
	text-align: left;
	font-family: verdana;
	font-weight:bold;font-size: 9px;background-color: #0000FF;
	border: 1px solid #999;padding: 2px 2px 2px 2px;width:100px;
}
.bop{
	color:#FFFFFF;
	text-align: left;
	font-family: verdana;
	font-weight:bold;font-size: 9px;background-color: #FF8C00;
	border: 1px solid #999;padding: 2px 2px 2px 2px;width:120px;
}

.nestedtab {
	
	width: 80%;
	background-color:#E6E6FA;
    padding-left: 2px;
    padding-right: 1px;
    text-align: left;
    vertical-align: top;
    border:1px solid #D1CBD0;
    
}
.stats
{
	margin-top: 5px;
	margin-bottom: 5px;
	color:#000000;
	text-align: left;
	font-family: verdana;
	font-weight:normal;font-size: 10px;
	border: 1px solid #000;
	padding: 0px 0px 0px 0px;
}
.statsBids
{
	color:#000000;
	text-align: left;
	font-family: verdana;
	font-weight:normal;font-size: 10px;
	background-color: #F0F0F0;
}

/*----- ADDED BY BRAHIM 2007-11-28 FOR RENDERING VIRTUAL TOUR PHOTOS -----*/
.scroll
{
  width: 800px;
  height: auto;
  overflow: auto;
  border: 1px solid #eeeeee;
}

.img
{
  margin: 2px;
  border: 1px solid #0000ff;
  height: auto;
  width: auto;
  float: center;
  text-align: center;
}

.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}


.img a:hover img {border: 1px solid #0000ff;}


.desc
{
  text-align: center;
  font-weight: normal;
  font: 9px Verdana, Arial, Helvetica, sans-serif;
  width: auto;
  margin: 2px;
}
/*PHOTO GALLERY*/
.gallery
{
	margin-left:1px;
	margin-right:1px;
	width:320px; 
	height:49px;
	border: 1px solid #eeeeee;
	overflow:hidden; 
}
.gallery img
{
	border:2px solid #FFF;
	width:60px; 
	height:45px;
	float: left;
}
.control
{
	border: 0px solid #000; 
}
.control img
{
	border:0px;
	height:49px;
	width: 12px;
}