/* idx_main.css */


/*
C21 Homestead colors
light gray - EFEFEF
medium gray - CCCCCC
very dark brown - 373535
butterscotch - F3C27B
reddish brown - 777777
dark gray - #777777
*/


TABLE.contactForm {
	width: 90%;
	border: solid 2px #084D83;
	margin-top: 10px;
}

.contactForm, H1,H2,H3 {
	text-align: center;
	color: #000000;
	margin: 0px;
}

TD.contactForm {
	padding: 5px;
}

P.contactForm {
	text-align: left;
	font-size: 10pt;
}

INPUT.contactFormSubmit {
	border: outset 3px #ffffff;
	background-color: #F3C27B;
	font-weight: bold;
	color: #000000;
	margin-left: auto;
	margin-right: auto;
}


TABLE.summaryTable {
	margin-left: 10px;
}

P,H1,H2,H3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

H2.normal {
	color: #777777;
	text-align: left;
	font-size: 14pt;
	font-weight: bold;
}

H1 {
	color: #777777;
	text-align: left;
	font-size: 16pt;
	font-weight: bold;
}

H2 {
	color: #777777;
	text-align: left;
	font-size: 14pt;
	font-weight: bold;
}

H3 {
	color: #777777;
	text-align: left;
	font-size: 12pt;
	font-weight: bold;
}



H3.detailsHeader {
	font-size: 12pt;
	margin-bottom: 0px;
}

P.detailsHeader {
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
}

TD.detailsHeader {
	text-align: center;
}

TABLE.detailsNavigationBlock {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}

TD {
	vertical-align: top;
}

P.courtesyNoticeRow {
	font-size: 8pt;
}

TD.courtesyNoticeRow {
	text-align: right;
	border: solid 1px #666666;
}


TR.summaryTableHeaderRow {
	background-color: #2E3545;
}

TD.summaryTableHeaderRow {
	text-align: center;
}

H2.summaryTableHeaderRow,H3.summaryTableHeaderRow {
	color: #ffffff;
	margin-left: 135px;
}

P.summaryTableHeaderRow {
	color: #ffffff;
	margin-left: 135px;
}

.newSearch {
	font-weight: bold;
}

A.newSearch:link {
	color: #cccccc;
	text-decoration: underline;
}

A.newSearch:visited {
	color: #cccccc;
	text-decoration: underline;
}

A.newSearch:hover {
	color: #ffffff;
	text-decoration: underline;
}


TR.searchDivider {
	background-color: #F3C27B;
}

TD.searchDivider {
	background-color: #ffffff;
}

H3.searchDivider {
	text-align: center;
	font-size: 16pt;
}

H3.search {
	color: #777777;
}

IMG.thumbnail {
	padding: 3px;
}

BODY.idxPage {
	background-color: #ffffff;
}

BODY.setArea {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

TABLE.classesHeaderNew {
	margin-top: 10px;
	margin-bottom:10px;
}
TD.classesHeaderNew {
	font-weight:bold;
	padding:3px;
}
P.classesHeaderNew {
	font-weight: bold;
}

P.classesHeader {
	font-weight: bold;
}


TABLE.search {
	background-color: #EFEFEF;
	border: solid 1px #000000;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}

TABLE.searchNew {
	width: 100%;
	padding:5px;
}
P.search {
	margin: 2px 2px 0px 2px;
}

A.search:link {
	color: #2E3545;
}

A.search:visited {
	color: #2E3545;
}

A.search:hover {
	color: #A51733;
}

TD.searchHeader,TD.searchFooter {
	text-align: left;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	color: #777777;
}
/* replacement above
TD.searchHeader,TD.searchFooter {
	border: solid 1px #FFFFFF;
	border-collapse: collapse;
	padding: 3px;
	background-color: #2E3545;
	color: #ffffff;
}
*/

TD.searchInput {
	text-align: left;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	color: #777777;
}
/*
TD.searchInput {
	padding: 3px 2px 3px 2px;
	font-weight: bold;
}
*/

TR.searchInput {
	background-color: #EFEFEF;
}

TD.searchInputAlt {
	text-align: left;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	color: #777777;
	background-color: #CCCCCC;
}
/* replacement is just above
TD.searchInputAlt {
	padding: 3px 2px 3px 2px;
	font-weight: bold;
}
*/

TR.searchInputAlt {
	background-color: #EFEFEF;
}

P.searchSubmit {
	margin:auto;
	text-align:center;
}

INPUT.searchSubmit {
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	border: solid 1px #777777;
	background-color: #Fcccccc;
	margin-left: 3px;
}
/* replacement above
INPUT.searchSubmit {
	border: outset 3px #ffffff;
	background-color: #F3C27B;
	font-weight: bold;
	color: #000000;
	margin-left: auto;
	margin-right: auto;
	font-size: 9pt;
}
*/
.countedNotice {
	font-weight: bold;
	background-color: #ffff00;
	color: #000000;
	padding: 1px 3px 1px 3px;
}


P.summaryTableFooterRow {
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
}

P.showDetailsRequest {
	text-align: center;
}

FONT.summarySpecSpacer {
	font-weight: bold;
	text-decoration: underline;
}

FONT.summarySpecDescription {
	font-weight: bold;
}

TD.summaryListingTitle {
	padding: 5px;
	vertical-align: top;
	text-align: center;
	background-color: #F3C27B;
}

TD.summary {
	vertical-align: top;
}

TD.summaryPhotoCell {
}

H3.summary {
	font-size: 12pt;
	margin-top: 0px;
}

H1.myListings {
	margin: 0px;
}

H2.myListings {
	margin: 0px;
}

/*.........................................................................
...Added by Bhuvaneshwari - March 2006 PROPERTY SPECIFICATION PAGE....
...........................................................................*/
A.showDetailsSubmit:link {cursor: default;border: outset 3px #ffffff; background-color: #A3B4BB;	font-weight: bold;	color: #000000;	margin-left: auto;	margin-right: auto;text-decoration: none;height: 25px;width:75px;}
A.showDetailsSubmit:visited {cursor: default;border: outset 3px #ffffff;background-color: #A3B4BB;font-weight: bold;color: #000000;margin-left: auto;margin-right: auto;text-decoration: none;height: 25px;width:75px;}
A.showDetailsSubmit:active {cursor: default;border: outset 3px #ffffff;background-color: #A3B4BB;font-weight: bold;color: #000000;margin-left: auto;margin-right: auto;text-decoration: none;height: 25px;width:75px;}
A.showDetailsSubmit:hover {cursor: default;border: outset 3px #ffffff;background-color: #A3B4BB;font-weight: bold;color: #000000;margin-left: auto;	margin-right: auto;text-decoration: none;height: 25px;width:75px;}

/*
added by Ross 3/18/06 for featured listing
*/

DIV.featuredListing {
	border: none;
	text-align: left;
	font-size: 8pt;
	margin-right: 10px;
}

H3.featuredListing {
	font-size: 9pt;
	font-weight: bold;
}

P.featuredListing {
	font-size: 8pt;
	font-weight: normal;
}

IMG.featuredListing {
	float: left;
	margin-right: 5px;
}

TD.quickSearch {
	text-align: left;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	color: #777777;
}

INPUT.quickSearch {
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	border: solid 1px #777777;
	background-color: #Fcccccc;
	margin-left: 3px;
}

TABLE.quickSearch {
}


A.myrealestate:link {
	color: #2E3545;
}

A.myrealestate:visited {
	color: #2E3545;
}

A.myrealestate:hover {
	color: #A51733;
}

INPUT.myrealestateSubmit {
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	border: solid 1px #777777;
	background-color: #Fcccccc;
	margin-left: 3px;
}

H1.myrealestate {
	color: #777777;
	text-align: left;
	font-size: 16pt;
	font-weight: bold;
}

H2.myrealestate {
	color: #777777;
	text-align: left;
	font-size: 14pt;
	font-weight: bold;
}

P.agentIndex {
	font-size: 10pt;
	font-weight: bold;
}

H1.linksBlock {
	color: #777777;
	text-align: center;
	font-size: 16pt;
	font-weight: bold;
}

H2.linksBlock {
	color: #777777;
	text-align: center;
	font-size: 14pt;
	font-weight: bold;
}

H3.linksBlock {
	color: #777777;
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
}

TD.linksBlock {
	padding: 5px;
}

TD.linksBlockTable {
	padding: 5px;
	border-top: solid 1px #ffffff;
}


/*******************************************
			New CSS Classes
*******************************************/

/*Saved Search*/
DIV.mainDiv {
	border:0px solid #000;
}

DIV.searchNew {
	border: 0px solid #000000;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding:5px;
}

Table.Fx_Saved_Search {
	width:100%;
	margin:0px;
	padding:0px;
}
Tr.Fx_Saved_Search {
	background-color:#ececec;
}
Tr.Fx_Saved_Search#Alt {
	background-color:#dcdcdc;
}
Th.Fx_Saved_Search {
	background-color:#FEC51B;
	color:#fff;
	font-size:9pt;
	border:1px solid #000;
	margin:0px;
	padding:3px;
}
Td.Fx_Saved_Search {
	margin:0px;
	padding:3px;
	border:1px solid #aaa;
	border-bottom:0px;
}
Td.Fx_Saved_Search#Alt {
	margin:0px;
	padding:3px;
	border:1px solid #aaa;
	border-bottom:0px;
}
Button.Fx_Saved_Search {
}
A.Fx_Saved_Search:link {
	color: #2E3545;
}
A.Fx_Saved_Search:visited {
	color: #2E3545;
}
A.Fx_Saved_Search:hover {
	color: #A51733;
}
H1.Fx_Saved_Search {
	color: #777777;
	text-align: left;
	font-size: 16pt;
	font-weight: bold;
}
H2.Fx_Saved_Search {
	color: #777777;
	text-align: left;
	font-size: 14pt;
	font-weight: bold;
}

.Fx_Saved_Search .Fx_Row_Alt {

}
.Fx_Saved_Search .Fx_Row_Alt td{
}

/*Quick search vertical*/

Table.Fx_Qs_V {
	width:100%;
	margin:0px;
	padding:0px;
}
Tr.Fx_Qs_V {
}
Tr.Fx_Qs_V#Alt {
}
Th.Fx_Qs_V {
}
Td.Fx_Qs_V {
	padding:2px;
	border:.5pt solid #555;
}
P.Fx_Qs_V {
}
Label.Fx_Qs_V {
	font-size:75%;
}
Input.Fx_Qs_V {
	font-size:75%;
}
Select.Fx_Qs_V {
	font-size:75%;
}


.sb {
	border:1px solid #000;
}



.Idx_Results {
	width:550px;
	margin:auto;
	border:1px solid #ececec;
}
.Idx_Result {
	margin:2px;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:1px solid #000;
}
/* Header Info */
.Idx_Header {
	padding:2px;
}
.Idx_Info {
	width:60%;
	float:left;
}
.Idx_Info #Left {
	width:40%;
	float:left;
}
.Idx_Info #Right {
	width:60%;
	float:rigth;
}
.Idx_Info #Price {
	font-size:110%;
	font-weight:bold;
}
.Idx_Info #Status {
}
.Idx_Info #Type {
}
.Idx_Info #Address {
	width:50%;
	font-size:80%;
	float:left;
	padding:2px;
	padding-left:5px;
}
/* Content */
.Idx_Thumb {
	width:30%;
	float:left;
	margin:auto;
	text-align:center;
}
.Idx_Detail {
	float:right;
	padding:1px;
	font-size:85%;
	width:65%;
}
.Idx_Detail #Property_Info {

}
.Idx_Detail #Address_Info {
	width:50%;
}
.Idx_Detail #Description {
}
.Idx_Detail #Detail {
	width:48%;
	float:left;
	margin:1px;
}
/* Icons */
.Idx_Icons {
	float:right;
	text-align:right;
	margin:auto;
}
.Idx_Icon {
	width:28px;
	height:24px;
	margin:3px;
	padding:0px;
	border:0px solid #ececec;
}
.Idx_Icon#AskQuestion {
	background-image:url(http://idx.flexiss.net/images/icon_contact_agent.gif);
  background-repeat: no-repeat;
}
.Idx_Icon#Add2Favourite {
	background-image:url(http://idx.flexiss.net/images/icon_add2fav2.gif);
  background-repeat: no-repeat;
}
.Idx_Icon#Mortgage {
	background-image:url(http://idx.flexiss.net/images/icon_calculate.gif);
  background-repeat: no-repeat;
}
.Idx_Icon#EmailThis {
	background-image:url(http://idx.flexiss.net/images/icon_email.gif);
  background-repeat: no-repeat;
}
.Idx_Icon#MapThis {
	background-image:url(http://idx.flexiss.net/images/icon_searchmap.gif);
  background-repeat: no-repeat;
}
.Idx_Icon#PrintThis {
	background-image:url(http://idx.flexiss.net/images/icon_print.gif);
  background-repeat: no-repeat;
}

/* Footer */
.Idx_Footer {
	padding:3px;
	margin-top:2px;
}

.Idx_Footer #Notes {
	font-size:80%;
}


/* begin css tabs */

ul#tabnav { /* general settings */
	text-align: left; /* set to left, right or center */
	margin: 1em 0 1em 0; /* set margins as desired */
	font: bold 11px verdana, arial, sans-serif; /* set font as desired */
	border-bottom: 1px solid #000; /* set border COLOR as desired */
	list-style-type: none;
	padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
	display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, body#tab5 li.tab5, body#tab6 li.tab6, body#tab7 li.tab7 { /* settings for selected tab */
	border-bottom: 1px solid #fff; /* set border color to page background color */
	background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a, body#tab6 li.tab6 a, body#tab7 li.tab7 a { /* settings for selected tab link */
	background-color: #fff; /* set selected tab background color as desired */
	color: #000; /* set selected tab link color as desired */
	position: relative;
	top: 1px;
	padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
	padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid #000; /* set border COLOR as desired; usually matches border color specified in #tabnav */
	/* background-color1: #cfc;  set unselected tab background color as desired */
	color: #000; /* set unselected tab link color as desired */
	margin-right: 1px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
	background: #fff; /* set desired hover color */
}

ul#tabnav a.tabselected {
	background-color:#fff;
}

/* end css tabs */




/* Start of the serch form screen */

TABLE.topNavBox {
	margin-top:5px;
	width:100%;
	border:1px solid #000;
}
P.topNavBox {
	width:200px;
	padding:5px;
	float:right;
	text-align:right;
	border:0px solid #000;
}
BUTTON.topNavBox {
	width:12px;
	height:12px;
	vertical-align:bottom;
	margin-left:3px;
	padding:5px;
	border:2px solid #fff;
	background-color:#000;
}
A.topNavBox:link, A.topNavBox:visited, A.topNavBox:hover {
	margin-top:2px;
}

TABLE.topInfoBox {
	width:100%;
	margin-top:5px;
	border:1px solid #000;
}
P.topInfoBox {
	width:250px;
	float:right;
	font-size:.80em;
	border:0px solid #000;
}
/* lytebox.css */


#lbOverlay { position: absolute; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #888888; }
	#lbOuterContainer.red { border: 3px solid #DD0000; }
	#lbOuterContainer.green { border: 3px solid #00B000; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer {	font: 16px Arial, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(http://idx.flexiss.net/images/lytebox/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(http://idx.flexiss.net/images/lytebox/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(http://idx.flexiss.net/images/lytebox/prev_grey.gif) left 15% no-repeat; }
	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(http://idx.flexiss.net/images/lytebox/prev_red.gif) left 15% no-repeat; }
	#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(http://idx.flexiss.net/images/lytebox/prev_green.gif) left 15% no-repeat; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(http://idx.flexiss.net/images/lytebox/prev_blue.gif) left 15% no-repeat; }
	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(http://idx.flexiss.net/images/lytebox/prev_gold.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(http://idx.flexiss.net/images/lytebox/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(http://idx.flexiss.net/images/lytebox/next_grey.gif) right 15% no-repeat; }
	#lbNext.red:hover, #lbNext.red:visited:hover { background: url(http://idx.flexiss.net/images/lytebox/next_red.gif) right 15% no-repeat; }
	#lbNext.green:hover, #lbNext.green:visited:hover { background: url(http://idx.flexiss.net/images/lytebox/next_green.gif) right 15% no-repeat; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(http://idx.flexiss.net/images/lytebox/next_blue.gif) right 15% no-repeat; }
	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(http://idx.flexiss.net/images/lytebox/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
	#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
	#lbDetailsData.red { color: #620000; }
	#lbDetailsData.green { color: #003300; }
	#lbDetailsData.blue { color: #01379E; }
	#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(http://idx.flexiss.net/images/lytebox/close_grey.png) no-repeat; }
	#lbClose.red { background: url(http://idx.flexiss.net/images/lytebox/close_red.png) no-repeat; }
	#lbClose.green { background: url(http://idx.flexiss.net/images/lytebox/close_green.png) no-repeat; }
	#lbClose.blue { background: url(http://idx.flexiss.net/images/lytebox/close_blue.png) no-repeat; }
	#lbClose.gold { background: url(http://idx.flexiss.net/images/lytebox/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(http://idx.flexiss.net/images/lytebox/play_grey.png) no-repeat; }
	#lbPlay.red { background: url(http://idx.flexiss.net/images/lytebox/play_red.png) no-repeat; }
	#lbPlay.green { background: url(http://idx.flexiss.net/images/lytebox/play_green.png) no-repeat; }
	#lbPlay.blue { background: url(http://idx.flexiss.net/images/lytebox/play_blue.png) no-repeat; }
	#lbPlay.gold { background: url(http://idx.flexiss.net/images/lytebox/play_gold.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(http://idx.flexiss.net/images/lytebox/pause_grey.png) no-repeat; }
	#lbPause.red { background: url(http://idx.flexiss.net/images/lytebox/pause_red.png) no-repeat; }
	#lbPause.green { background: url(http://idx.flexiss.net/images/lytebox/pause_green.png) no-repeat; }
	#lbPause.blue { background: url(http://idx.flexiss.net/images/lytebox/pause_blue.png) no-repeat; }
	#lbPause.gold { background: url(http://idx.flexiss.net/images/lytebox/pause_gold.png) no-repeat; }
/* calendar-system.css */


/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  font-size: 11px;
  cursor: default;
  background: Window;
  color: WindowText;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  font-size: 11px;
  cursor: default;
  background: Window;
  color: WindowText;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: ButtonFace;
}

.calendar .nav {
  background: ButtonFace url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: ActiveCaption;
  color: CaptionText;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid ButtonShadow;
  padding: 2px;
  text-align: center;
  background: ButtonFace;
  color: ButtonText;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border: 2px solid;
  padding: 0px;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  border-width: 1px;
  padding: 2px 0px 0px 2px;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid ButtonShadow;
  background: ButtonFace;
  color: ButtonText;
}

.calendar tbody .rowhilite td {
  background: Highlight;
  color: HighlightText;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  padding: 2px 2px 0px 2px;
  background: ButtonFace;
  color: ButtonText;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody td.disabled { color: GrayText; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: ButtonFace;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  color: ButtonText;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: Menu;
  color: MenuText;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  padding: 0px;
  border: 1px solid #000;
}

.calendar .combo .hilite {
  background: Highlight;
  color: HighlightText;
}

.calendar td.time {
  border-top: 1px solid ButtonShadow;
  padding: 1px 0px;
  text-align: center;
  background-color: ButtonFace;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: Menu;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: Highlight;
  color: HighlightText;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}