/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* Resets site2.css */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, textarea, select, input, p, blockquote, th, td { margin: 0; padding: 0; } input, select, textarea { /* form elements */ outline: none; font-family: inherit; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ box-sizing: border-box; } table { border-collapse: collapse; border-spacing: 0; } table td { vertical-align: top; } fieldset, img, hr{ border: 0 } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } caption, th { text-align: left } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } strong { font-weight: bold } em { font-style: italic } a img { border: none } .default_none {} body { background: url("images/backgrounds/xv.png") 0 0 repeat; font-family: 'Droid Serif', Georgia, Times, serif; color: #000000; font-weight: normal; font-size: 100%; line-height: 1.125em; margin: 0; padding: 0; height: 100%; } #pagelayout { background: #F9F6C3 ; margin: 0 auto 50px; width: 770px; border-top: #CFCBA1 solid 1px ; border-bottom: #CFCBA1 solid 1px ; border-left: #CFCBA1 solid 1px ; border-right: #CFCBA1 solid 1px ; height: 100% ; position:relative; } #pagelayout { box-shadow: 0px 18px 16px 8px rgba(51, 51, 51, 0.82); -moz-box-shadow: 0px 18px 16px 8px rgba(51, 51, 51, 0.82); -webkit-box-shadow: 0px 18px 16px 8px rgba(51, 51, 51, 0.82); } body #pagelayout { height:auto; } p { } .aLine { line-height: 1.4em; margin: 3px 0; font-size: 0.9em; } .smaller { font-size: 0.75em; } h1 { position:absolute; bottom: 0; left: 0; font-family: 'Droid Serif', Georgia, Times, serif; font-size: 0.7em; color: #706A2C; font-weight: 500 ; width: 770px; text-align:center; } #leftside_wrapper { float:left; width: 132px; background-color: ; } #content { float: left; width: 630px; padding-left:8px; overflow:hidden; position:relative; z-index:0; } #homepage #content { width: 638px; padding-left:0; position:relative; } .hidden-container { display:none; } img#mainhomeimage { width: 632px; } span img#mainhomeimage { border: 1px solid #833210; } span:hover img#mainhomeimage{ border: 1px solid white; } span img#mainhomeimage, span img.zoomerTL { cursor:url('images/images/zoom-in.cur'), pointer !important; } #homecontent_wrapper { float: left; width: 482px; } #right_side_wrapper { float: left ; width: 156px; } #right_side { border: none ; padding: 0 4px ; } #heading_wrapper { background: url("images/templates/deluxe/bgh.jpg") 0 0 repeat; float:left; width: 770px; height: 123px; position:relative; font-family: 'Droid Serif', Georgia, Times, serif; } #heading { padding: 1.8em 0.625em 0; } #address_block { font-size: 1.68em; font-weight: 700; text-shadow: none; color: #4A4A1E; margin-bottom: 0.3em; letter-spacing: 0.05em; } div.headerv2 #address_block { position: relative; top: 35px; } #address_line2 { font-size: 0.7em; color: #706A2C; text-shadow: none; padding: 0; margin:0.5em 0; font-weight: 500; display: block; } #tagline { font-size: 1.0625em; color: #706A2C; text-shadow: none; } #enhancedtagline { font-size: 1.0625em; margin-top: 0; color: #706A2C; } #heading #centerLogoHolder { position: absolute; top:5px; left:0; width: 100%; } #heading #logoImgHolder { margin: 0 auto; text-align:center; } #heading #rightContactBlock { position:absolute; padding: 8px; top: 15px; right: 10px; text-align:right; color: #4A4A1E; z-index:99; } .old-ie #heading #rightContactBlock { } #rightContactBlock .listedBy { font-size: 1.125em; font-weight: normal; margin-top:5px; } .contactbox { font-size: 0.9em; } #rightContactBlock .agentName { font-weight: 700; } #rightContactBlock .phone { } #rightContactBlock .contactLink { padding-top:5px; } #rightContactBlock a { font-size: 0.9em; color: #706A2C; text-decoration: underline; } #underMenuContactBlock_wrapper { position: relative; float:left; width: 770px; height: 1.2em; margin-top: -8px; margin-bottom: 5px; } #underMenuContactBlock { float:left; margin: 0 10px; color: #706A2C; font-variant: normal; font-size: 0.85em; font-style: italic; } #heading #agentandphoto #rightContactBlock { top: 9px; padding: 0 8px; } /* #heading #agentandphoto #rightContactBlock { top: 9px; padding: 0 8px; } */ .old-ie #heading #agentandphoto #rightContactBlock { } #agentandphoto #rightContactBlock .listedBy{ text-align:left; } #rightContactBlock .contactbox { padding: 2px 0; float:left; } #rightContactBlock .contactbox .agentphoto { position:relative; float:left; width: 65px; height: 80px; margin-right:10px; } .contactbox .agentphoto img{ position:absolute; top:0; left:0; text-align:center; clip:rect(0px,65px,80px,0px); } #rightContactBlock .contactbox .agentdetails { float:left; text-align:left; position:relative; } #rightContactBlock .agentdetails .contactlink { position:absolute; top:60px; left:0; text-align:left; } #agentandphoto #rightContactBlock .agentName, #agentandphoto #rightContactBlockBackground .agentName { font-size: 0.85em; font-weight:normal; } #topmenu_wrapper { position: relative; float:left; background: url("images/templates/deluxe/bgm.jpg") 0 0 repeat-x ; width: 770px; } #topmenu { font-family: 'Droid Serif', Georgia, Times, serif; font-size: 0.95em; font-weight: 400; letter-spacing: 1px; color: #666666 ; position: relative; float: left; padding: 7px 10px 7px; margin: 0 ; height: 43px; } #footer_wrapper { clear:left ; width: 770px; } #pagefooter { margin: 20px 0; text-decoration: none; text-align: center; } #footer_left_wrapper { float: left ; width: 132px; } #footer_center_wrapper { float: left; width: 482px; } #footer_center { font-size: 0.85em; color: #666666; padding: 10px 0; text-align: center ; } #searchmore { margin:10px 0; font-style:italic; font-weight:700; } #footer_right_wrapper { float:left ; width: 156px; } div.contact_insert { box-sizing:border-box; -moz-box-sizing:border-box; width: 95%; margin: 2px auto; padding: 5px; font-size: 0.85em; text-align: center ; background-color: rgba(238,238,238,0.25); -moz-box-shadow: -3px 0px 5px -1px rgba(0,0,0,0.7), 3px 0px 5px -1px rgba(0,0,0,0.7); -webkit-box-shadow: -3px 0px 5px -1px rgba(0,0,0,0.7), 3px 0px 5px -1px rgba(0,0,0,0.7); box-shadow: -3px 0px 5px -1px rgba(0,0,0,0.7), 3px 0px 5px -1px rgba(0,0,0,0.7); } div.insert_name { font-weight:700; font-size:1.1em; margin:5px 0;} div.insert_title { font-size:1.2em; font-style:italic; color: #000000; } .insert_normal { font-size:0.9em; margin: 0;} #footer_wrapper p { font-size: 0.8em; } .company { font-size: 1.05em ; } #contact_wrapper { width: 100%; position:relative; height: auto; } #lister_wrapper { float:left; text-align:center; width: 675px; height: auto;} #sponsor_wrapper { float:left; width: 375px; height: auto;} #contact_wrapper .contact_panel { box-sizing:border-box; -moz-box-sizing:border-box; margin: 10px; padding: 5px; font-size: 0.85em; text-align: center ; background-color: rgba(238,238,238,0.25); -moz-box-shadow: -3px 0px 5px -1px rgba(0,0,0,0.7), 3px 0px 5px -1px rgba(0,0,0,0.7); -webkit-box-shadow: -3px 0px 5px -1px rgba(0,0,0,0.7), 3px 0px 5px -1px rgba(0,0,0,0.7); box-shadow: -3px 0px 5px -1px rgba(0,0,0,0.7), 3px 0px 5px -1px rgba(0,0,0,0.7); } #contact_wrapper2 .contact_panel { box-sizing:border-box; -moz-box-sizing:border-box; margin: 10px; padding: 5px; font-size: 0.85em; text-align: center ; background-color: rgba(238,238,238,0.25); -moz-box-shadow: -3px 0px 5px -1px rgba(0,0,0,0.7), 3px 0px 5px -1px rgba(0,0,0,0.7); -webkit-box-shadow: -3px 0px 5px -1px rgba(0,0,0,0.7), 3px 0px 5px -1px rgba(0,0,0,0.7); box-shadow: -3px 0px 5px -1px rgba(0,0,0,0.7), 3px 0px 5px -1px rgba(0,0,0,0.7); } .contact_photo { float :left; width: 150px; margin-left: 5px; } .contact_photo img { border: 1px solid #000000; /* -moz-box-shadow: -3px 0px 5px -1px rgba(0,0,0,0.7), 3px 0px 5px -1px rgba(0,0,0,0.7); -webkit-box-shadow: -3px 0px 5px -1px rgba(0,0,0,0.7), 3px 0px 5px -1px rgba(0,0,0,0.7); box-shadow: -3px 0px 5px -1px rgba(0,0,0,0.7), 3px 0px 5px -1px rgba(0,0,0,0.7); */ } .contact_photo.colister { margin-left:10px; } .contact_details { float: left; position: relative; width: 155px; height: 220px; margin-left: 10px; text-align:left;} .contact_name { font-weight:700; font-size:1.1em; margin-bottom: 5px;} .contact_title { font-size:1em; color: #000000; } .contact_contact { position: absolute; bottom: 0; } .equal_housing { clear:both; text-align:center; font-size:0.9em;} .equal_housing img { padding: 0 5px 0 0; vertical-align: bottom;} #footer_menu_wrapper { clear:both; width: 100%; } a.footer { color: #666666; text-decoration: none; padding: 0; margin-top: 8px; margin-bottom: 8px; } a.footer:link, a.footer:visited, a.footer:active { color: #666666; text-decoration: none; } a.footer:hover { color: #CE0000; text-decoration: underline; } a.footer_side { font-size: 0.9em; color:#666666; text-decoration:underline; } a.footer_side:hover { color: #CE0000; text-decoration:none; } #propertysummary { box-sizing:border-box; -moz-box-sizing:border-box; font-size: 0.85em; clear:left; float: left; width: 100%; padding: 10px 5px; margin: 0 ; border-bottom: dotted 1px #E6E2AE; } #propertyhighlights { box-sizing:border-box; -moz-box-sizing:border-box; float: left; width: 100%; padding: 10px 5px; margin: 0; border-bottom: dotted 1px #E6E2AE; } #highlightleft_wrapper, #highlightright_wrapper { float:left; width:50%; } ul.propertyhighlights { font-size: 0.85em; margin: 0.8em 0 0 10px; padding: 0 0 1em 1.25em ; line-height: 1.3em; border: 0 none; list-style:none; } ul.propertyhighlights li:before { content: "\f058"; font-family: FontAwesome; font-style: normal; font-weight: 500; text-decoration: none; display: inline-block; margin-left: -1.5em; padding-right: 0; width: 1.5em; } #propertydescription { box-sizing:border-box; -moz-box-sizing:border-box; float: left; width: 100%; padding: 10px 5px; margin: 0 ; border-bottom: dotted 1px #E6E2AE; } #descriptiontext { font-size: 0.85em; } #thumbnail_wrapper { width: 100% ; } .photorowHP { box-sizing:border-box; -moz-box-sizing:border-box; width:100%; float:left; margin: 10px 0 5px; padding: 0 0 20px 0; border-bottom: 1px dotted #E6E2AE; } .thumbtextcontainerHP { width: 96px; height: 90px; float:left; margin: 0; } .thumbcontainerHP { position:relative; border: none; } .thumbboxHP { position: absolute; top: 0; left: 0; z-index: 1; } #left_menu { padding: 1em 0 ; margin: 0; } #left_menu ul { list-style: none ; padding: 0 ; margin: 0; border: none; } #left_menu li { border-bottom: 1px solid #E6E2AE; padding: 0 0 0 0.3em; } #left_menu li a { display: block ; padding: 0; font-size: 0.8em; font-family: 'Droid Serif', Georgia, Times, serif; line-height: 1.7em; color: #333300; text-decoration: none; } #left_menu li a:hover { color: #999999; text-decoration: none; } .leftCenter { width: 90% ; padding: 5px; margin: 10px auto ; } #openhousebox { box-sizing:border-box; -moz-box-sizing:border-box; width:95%; margin: 10px auto ; padding: 5px; font-size: 0.9em; font-family: 'Droid Serif', Georgia, Times, serif; text-align: center ; overflow: hidden; background: rgba(238,238,238,0.35); border: 1px solid 0; color: #000000; -moz-box-shadow: -3px 0px 5px -1px rgba(0,0,0,0.7), 3px 0px 5px -1px rgba(0,0,0,0.7); -webkit-box-shadow: -3px 0px 5px -1px rgba(0,0,0,0.7), 3px 0px 5px -1px rgba(0,0,0,0.7); box-shadow: -3px 0px 5px -1px rgba(0,0,0,0.7), 3px 0px 5px -1px rgba(0,0,0,0.7); } #openhousebox div.label { color: ; } #mls { padding:0.5em 0; } #details { width: 100% ; padding:15px 0; } .detailrow { width:100%; border-top: 1px dotted #E6E2AE ; padding: 4px 0; font-family: Helvetica, sans-serif; font-size: 0.7em; } .spaceline { clear:both; } .leftdetail { display: table-cell; vertical-align:middle; box-sizing:border-box; -moz-box-sizing:border-box; float:left ; width: 60%; padding: 0.25em 0.25em 0.25em 0; font-weight: 700; line-height: 1.2em; color: #4A4A1E ; text-align: right; } .rightdetail { display: table-cell; vertical-align:middle; box-sizing:border-box; -moz-box-sizing:border-box; float: left; width: 40%; padding: 0.25em 0 0.25em 0; color: #000000 ; line-height: 1.2em; } .all_left { float:left; text-align: center; width: 100%; padding: 0.2em 0; /*t+b, l+r */ font-weight: 700; line-height: 1.2em; color: #4A4A1E ; } .all_right { float:left; text-align: center; padding: 3px 0; width:100%; line-height: 1.2em; } .photorow1 { float:left; width: 100% ; border:0; margin:20px 0 0 0 ; padding: 0 0 4px 0; } .photo1 { float: left; border: 1px solid #000000; padding: 0 ; } .photo1hs { float: left; } #imgtitle { float:right; width: 210px; padding: 0 10px; text-align: left; font-size: 1.6em; color: #4A4A1E; text-decoration: none; line-height: 1.1em; padding-top: 0; padding-bottom: 5px; } .photophoto { float:left; width: 300px; position:relative; } .thumbtextcontainer { width: 94px; height: 120px; float:left; margin: 0 10px 0 0; padding: 0 ; border: none; } .thumbtitletext { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 9px; margin: 2px 0 0 0; line-height:10px; height:22px; width:94px; float:left; overflow:hidden; } .thumbcontainer { position:relative; width: 94px; height: 90px; border: 1px solid #833210; margin: 0; padding: 0; } .thumbouter { #position: relative; width: 94px; height: 90px; margin: 0; padding: 0; display: table; overflow: hidden; z-index: 2; border: none; } .thumbmiddle { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; text-align:center; width:100%; margin: 0 auto; padding:0; } .thumbinner { #position: relative; #top: -50%; } .thumbbox { position: absolute; top: 0; left: 0; background: #666666; width: 94px; height: 90px; opacity: 0.3; filter: alpha(opacity = 30); z-index: 1; } .thumbspan { z-index: 2; position: relative; } .phototext1 { float:left; width: 300px; padding: 2px 10px; text-align: left; } .phototext1 h2 { font-size: 1.2em; font-family: 'Droid Serif', Georgia, Times, serif; color: #4A4A1E; text-decoration: none; line-height: 1em; margin: 0; padding-top: 0; padding-bottom: 8px; } .phototext2 { float:right; width: 210px; padding: 0 10px; text-align: left; } #documents { float: left ; margin: 1em 0 0 0.5em; padding: 0 0 0 3em ; } #documents li { margin: 2em 0 ; } #documents li a { font-size: 0.85em; } #linkslist { float: left ; width: 90%; margin: 1em 0 0 0.5em; padding: 0 0 0 3em ; overflow: hidden; } #linkslist li { margin: 2em 0 ; } div.financeoptions { clear:both; padding-top:30px; margin: 0; } div.financeoptionlist { font-size: 0.85em; } div.financeoption { width:135px; float:left; text-align:center; margin: 0;} div.financeoption.financelabels { width:210px; float:left; text-align:right; } div.financeoption table { width:100%; padding: 0 ; border: none; border-spacing: 0; } table.options td, table.comparison td { height:2em; padding-top:0.6em;} div.financeoption table thead th { font-weight: 700; height: 4em; text-align:center; vertical-align:bottom;} table.options tbody td { background-color:#ccc; border-bottom:1px dashed #E6E2AE;; background:none; padding-right:5px; } table.comparison tbody td { background-color:#fff; color:#333; border-bottom:1px solid #666; border-right:1px solid #aaa; background:-webkit-gradient( linear, left bottom, left top, color-stop(0.39, rgb(189,189,189)), color-stop(0.7, rgb(224,224,224)) ); background:-moz-linear-gradient( center bottom, rgb(189,189,189) 39%, rgb(224,224,224) 70% ); } table.comparison tbody td:empty { background:none; border-right: none; } div.financeshortdisclaimer { width: 90%; margin-top: 30px; font-size:0.85em; } div.financelongdisclaimer { width: 90%; margin-top: 30px; font-size:0.9em;} #sponsor { width: 95% ; position:relative; margin-top:10px; padding-bottom: 2em; border-bottom: 1px dotted #E6E2AE; } #sponsor .equalhousing { font-size: 0.85em; } #sponsor .equalhousing img { vertical-align:bottom; padding:0 5px 0 0; } #sponsor .contact { font-size: 1.2em; font-weight: 700; margin-bottom:30px;} #sponsor #photo { float: left; width: 120px; } #sponsor #contact { float: left; width: 250px; } #sponsor #actions { float: left; width: 200px; } #financeactions { width: 95% ; height: 20px; position:relative; margin-top:30px; border: 1px dotted #E6E2AE; padding:20px 0; } #financeactions .contact { float:left; width: 180px; text-align:center ; } dl.finance { font-size:0.9em; } dl.finance dt { font-weight: 700; margin-top:5px;} dl.finance dd { display: list-item; list-style-type: disc;} .center { display:block; margin: 0 auto 1em; } #endofdivs { clear: left; } h2 { font-family: 'Droid Serif', Georgia, Times, serif; font-size: 1.2em; text-shadow: none; color: #4A4A1E; text-decoration: none; margin: 0; padding-top: 1em; padding-bottom: 0.5em; } .label { font: 700 1em 'Droid Serif', Georgia, Times, serif; color: #000000; } .colistContact, .sponsorContact { border-top: dotted 1px #E6E2AE; } .clear { clear:both; } hr.blank { border: none; } a:link { text-decoration: underline;} a:visited { text-decoration: none; } a:hover { text-decoration: underline; } a:active { text-decoration: none; } a.mainmenu { color:#5A0B1C; text-decoration:none; } a.mainmenu:hover { color: #941B35;} a, a.accent { color: #666666 ; } a:hover, a.accent:hover { color: #CE0000; } .menu_image { margin: 0 10px 0 0; padding-top: 10px; height: auto; background-attachment: fixed; background-image: none; background-repeat: no-repeat; background-position: center bottom; border-bottom: 1px solid #E6E2AE; } .popup { background-image: none; background-color: #FAFAFA; font-family:Verdana, Helvetica, sans-serif; color: #000; font-size:11px; margin: 0 10px; padding: 0; } .popup h2 { font-size: 16px; color: #000; text-decoration: none; margin: 0; padding-top: 8px; padding-bottom: 2px; } #tourheading h2 { font: 16px 'Droid Serif', Georgia, Times, serif; color: #4A4A1E; text-decoration: none; margin: 0; padding-top: 8px; padding-bottom: 2px; } .popup p { line-height: 1.3em; padding:0 ; margin: 0 ; } #tourheader { background: url("images/templates/deluxe/bgh.jpg"); height: 40px; font-size: 2em; color: #4A4A1E; margin: 0 ; padding: 10px 10px 0 ; font-weight: 700 ; letter-spacing: .05em; } div.aligned { float:left; } div.aligned input { cursor: pointer; font-size: 0.9em; height: 2em ; width: auto; padding: 0 0.6em; } .submitbutton { font-weight:500; color:#000; background: #FFF; } .buttonover { font-weight:500; color: #000; background: #CCC ; } .cancelbutton { border: none; color:#000; text-decoration: underline; background: #FAFAFA ; } .cancelbuttonover { border: none; color:#CCCCCC; text-decoration: none; background: #FAFAFA ; } img.wborder { border: 1px solid #000000; margin: 0; padding: 0; } img.tour { border: 1px solid #833210; margin: 0; padding: 0; } img.thumbimg { border: 1px solid #833210; margin: 0 auto; padding: 0; } .homethumb img { border: 1px solid gray; } .homethumb:hover img { border: 1px solid white; } .homethumb:hover { color: white; } #demostartbutton { border:0; margin-top:5px; } form { margin: 0.5em 3px; font-size: 10px; } fieldset { margin: 1em 0; padding: 0.3em 5px; border: 1px solid #DCDCDC; } legend { font-weight: 700; color: #333333; padding: 2px 4px; border: 1px solid #DCDCDC; background: #F0F0F0; } form input { height: 1.4em; padding: 0 0 0 0.2em; margin: 0 0 0 0.5em; } input.long { width: 200px; } select { font-size: 10px; margin: 0 0 0 .5em; } textarea { padding: 0 0 0 0.2em; margin: 0 0 0 .5em; } textarea:focus, input:focus { background-color: #FFFDE5; } fieldset br { display: none; } fieldset div { clear: both; margin: .5em 0; position: relative; } form label, form fieldset div.cr p { margin: 0; display: block; width: 112px; text-align: right; float: left; } fieldset div.cr label { text-align: left; margin: 0 0 0.9em 112px; height: 1.2em; width: auto; float: none; } fieldset div.cr label input { float: left; } fieldset hr { width: 80%; color: #dcdcdc; background-color: #dcdcdc; height: 1px; border: none; } .mandat { color: #B50104; font-weight: 700; } .buttons { text-align: center; } div.feedback { padding-left:100px; } div.feedback form { font-size: 0.85em; } div.question { font-size: 1.1em; font-weight: 700; } div.responses { width: 400px; height: 40px; padding: 20px 0; margin: 0 auto; } div.responses div { float: left; width: 40px; height: 50px; text-align:center; } div.responses label.left { float: left; width: 50px; height: 50px; text-align:right; padding-right:30px; } div.responses label.right { float: left; width: 50px; height: 50px; text-align:left; padding-left:30px; } div.responses input { margin:0; } div.responses span { display: block; } div.leftClickToCall { background-image:url('images/images/clicktocall-ibp.jpg'); width: 125px; height: 75px; padding:0; margin:10px 0 30px; position:relative; } div.leftClickToCall form { padding: 21px 0; margin: 0; } div.leftClickToCall form input { height: 14px; padding: 0 ; margin: 0 ; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 1em; } div.leftClickToCall form input.callButton { position: absolute; top: 52px; right: 9px; height: 18px; width: 80px; } .hsld-container div { font-family: Verdana, Helvetica; font-size: 10pt; } .hsld { outline: none; text-decoration: none; } .hsld img { border: 1px solid #833210; } .hsld:hover img { border: 1px solid white; } .hsld-active-anchor img { visibility: hidden; } .hsld-gallery .hsld-active-anchor img { border-color: black; visibility: visible; cursor: default; } .hsld-image { border: 1px solid white; background: gray; } .hsld-wrapper, .hsld-outline { background: white; } .glossy-dark { background: #111; } .hsld-image-blur { } .hsld-number { font-weight: 700; color: gray; } .hsld-caption { display: none; border-top: none; font-size: 1em; padding: 5px; background-color: #F9F6C3; } .hsld-heading { display: none; font-weight: 700; margin: 0.4em; } .hsld-dimming { position: absolute; background: #F9F6C3; } a.hsld-full-expand { background: url('hsld/graphics/fullexpand.gif') no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px; } .hsld-loading { display: block; color: black; font-size: 9px; font-weight: 700; text-transform: uppercase; text-decoration: none; padding: 3px; border: 1px solid white; background-color: white; padding-left: 22px; background-image: url('hsld/graphics/loader.white.gif'); background-repeat: no-repeat; background-position: 3px 1px; } a.hsld-credits, a.hsld-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px; } a.hsld-credits:hover, a.hsld-credits:hover i { color: white; background-color: gray; } .hsld-move, .hsld-move * { cursor: move; } .hsld-overlay { display: none; } .closebutton { position: relative; top: -15px; left: 15px; width: 30px; height: 30px; cursor: pointer; background: url('hsld/graphics/close.png'); } .hsld-controls { width: 195px; height: 40px; background: url('hsld/graphics/controlbar-white.gif') 0 -90px no-repeat; margin: 20px 15px 10px 0; } .hsld-controls ul { position: relative; left: 15px; height: 40px; list-style: none; margin: 0; padding: 0; background: url('hsld/graphics/controlbar-white.gif') right -90px no-repeat; } .hsld-controls li { float: left; padding: 5px 0; } .hsld-controls a { background-image: url('hsld/graphics/controlbar-white.gif'); display: block; float: left; height: 30px; width: 30px; outline: none; } .hsld-controls a.disabled { cursor: default; } .hsld-controls a span { display: none; } .hsld-controls .hsld-previous a { background-position: 0 0; } .hsld-controls .hsld-previous a:hover { background-position: 0 -30px; } .hsld-controls .hsld-previous a.disabled { background-position: 0 -60px !important; } .hsld-controls .hsld-play a { background-position: -30px 0; } .hsld-controls .hsld-play a:hover { background-position: -30px -30px; } .hsld-controls .hsld-play a.disabled { background-position: -30px -60px !important; } .hsld-controls .hsld-pause a { background-position: -60px 0; } .hsld-controls .hsld-pause a:hover { background-position: -60px -30px; } .hsld-controls .hsld-next a { background-position: -90px 0; } .hsld-controls .hsld-next a:hover { background-position: -90px -30px; } .hsld-controls .hsld-next a.disabled { background-position: -90px -60px !important; } .hsld-controls .hsld-move a { background-position: -120px 0; } .hsld-controls .hsld-move a:hover { background-position: -120px -30px; } .hsld-controls .hsld-full-expand a { background-position: -150px 0; } .hsld-controls .hsld-full-expand a:hover { background-position: -150px -30px; } .hsld-controls .hsld-full-expand a.disabled { background-position: -150px -60px !important; } .hsld-controls .hsld-close a { background-position: -180px 0; } .hsld-controls .hsld-close a:hover { background-position: -180px -30px; } .hsld-maincontent { display: none; } .hsld-html { background-color: white; } .hsld-html-content { display: none; padding: 0 5px 5px 5px; } .hsld-header { padding-bottom: 5px; } .hsld-header ul { margin: 0; padding: 0; text-align: right; } .hsld-header ul li { display: inline; padding-left: 1em; } .hsld-header ul li.hsld-previous, .hsld-header ul li.hsld-next { display: none; } .hsld-header a { font-weight: 700; color: gray; text-transform: uppercase; text-decoration: none; } .hsld-header a:hover { color: black; } .hsld-header .hsld-move a { cursor: move; } .hsld-footer { height: 11px; } .hsld-body { } .hsld-resize { cursor: nw-resize; } .draggable-header .hsld-header { height: 16px; } .draggable-header .hsld-header .hsld-move { cursor: move; display: block; height: 16px; position: absolute; left: 0; right: 16px; top: 0; width: auto; z-index: 1; } .draggable-header .hsld-header .hsld-move * { display: none; } .draggable-header .hsld-header .hsld-close { position: relative; float: right; z-index: 2; padding: 0; } .draggable-header .hsld-header .hsld-close a { display: block; height: 16px; width: 16px; background-image: url('hsld/graphics/closeX.png'); } .draggable-header .hsld-header .hsld-close a:hover { background-position: 0 16px; } .draggable-header .hsld-header .hsld-close span { display: none; } .no-footer .hsld-footer { display: none; } .wide-border .hsld-image { border-width: 10px; } .wide-border .hsld-caption { padding: 0 10px 10px 10px; } .borderless .hsld-image { border: none; } .borderless .hsld-caption { border-bottom: 1px solid white; border-top: 1px solid white; background: silver; } .outer-glow { background: #444; } .outer-glow .hsld-image { border: 5px solid #444444; } .outer-glow .hsld-caption { border: 5px solid #444444; border-top: none; padding: 5px; background-color: gray; } .colored-border .hsld-image { border: 2px solid green; } .colored-border .hsld-caption { border: 2px solid green; border-top: none; } .dark { background: #111; } .dark .hsld-image { border-color: black black #202020 black; background: gray; } .dark .hsld-caption { color: white; background: #111; } .dark .hsld-controls, .dark .hsld-controls ul, .dark .hsld-controls a { background-image: url('hsld/graphics/controlbar-black-border.gif'); } .floating-caption .hsld-caption { position: absolute; padding: 1em 0 0 0; background: none; color: white; border: none; font-weight: 700; } .controls-in-heading .hsld-heading { color: gray; font-weight: 700; height: 20px; overflow: hidden; cursor: default; padding: 0 0 0 22px; margin: 0; background: url('hsld/graphics/icon.gif') no-repeat 0 1px; } .controls-in-heading .hsld-controls { width: 105px; height: 20px; position: relative; margin: 0; top: -23px; left: 7px; background: none; } .controls-in-heading .hsld-controls ul { position: static; height: 20px; background: none; } .controls-in-heading .hsld-controls li { padding: 0; } .controls-in-heading .hsld-controls a { background-image: url('hsld/graphics/controlbar-white-small.gif'); height: 20px; width: 20px; } .controls-in-heading .hsld-controls .hsld-move { display: none; } .controls-in-heading .hsld-controls .hsld-previous a { background-position: 0 0; } .controls-in-heading .hsld-controls .hsld-previous a:hover { background-position: 0 -20px; } .controls-in-heading .hsld-controls .hsld-previous a.disabled { background-position: 0 -40px !important; } .controls-in-heading .hsld-controls .hsld-play a { background-position: -20px 0; } .controls-in-heading .hsld-controls .hsld-play a:hover { background-position: -20px -20px; } .controls-in-heading .hsld-controls .hsld-play a.disabled { background-position: -20px -40px !important; } .controls-in-heading .hsld-controls .hsld-pause a { background-position: -40px 0; } .controls-in-heading .hsld-controls .hsld-pause a:hover { background-position: -40px -20px; } .controls-in-heading .hsld-controls .hsld-next a { background-position: -60px 0; } .controls-in-heading .hsld-controls .hsld-next a:hover { background-position: -60px -20px; } .controls-in-heading .hsld-controls .hsld-next a.disabled { background-position: -60px -40px !important; } .controls-in-heading .hsld-controls .hsld-full-expand a { background-position: -100px 0; } .controls-in-heading .hsld-controls .hsld-full-expand a:hover { background-position: -100px -20px; } .controls-in-heading .hsld-controls .hsld-full-expand a.disabled { background-position: -100px -40px !important; } .controls-in-heading .hsld-controls .hsld-close a { background-position: -120px 0; } .controls-in-heading .hsld-controls .hsld-close a:hover { background-position: -120px -20px; } .controlbar { background: url('hsld/graphics/controlbar5.gif'); width: 167px; height: 34px; } .controlbar a { display: block; float: left; height: 27px; } .controlbar a:hover { background-image: url('hsld/graphics/controlbar5-hover.gif'); } .controlbar .previous { width: 50px; } .controlbar .next { width: 40px; background-position: -50px 0; } .controlbar .hsld-move { width: 40px; background-position: -90px 0; } .controlbar .hsld-show { width: 40px; background-position: -90px 0; } .controlbar .close { width: 36px; background-position: -130px 0; } .controlbarHP { background: url('hsld/graphics/controlbarhp.gif'); width: 84px; height: 34px; } .controlbarHP a { display: block; float: left; height: 27px; } .controlbarHP a:hover { background-image: url('hsld/graphics/controlbarhp-hover.gif'); } .controlbarHP .hsld-show { width: 46px; background-position: -84px 0; } .controlbarHP .close { width: 38px; background-position: -130px 0; } img.zoomerTL { position:absolute; vertical-align:top; top: 1px; left: 1px; z-index:999; border: none; opacity: 0.50; filter: alpha(opacity = 50); -moz-opacity: 0.50; -khtml-opacity: 0.50; } .hsld:hover img.zoomerTL, span:hover img.zoomerTL { border: none; opacity: 0.90; filter: alpha(opacity = 90); -moz-opacity: 0.90; -khtml-opacity: 0.90; } #googleTranslate { text-align:center; } #googleTranslate #google_translate_element a img { display:none; } #googleTranslate #google_translate_element .goog-te-gadget-simple { background-color: transparent; border:none; } #googleTranslate #google_translate_element .goog-te-gadget-simple .goog-te-menu-value { color: #333300 ; } #googleTranslate #google_translate_element .goog-te-gadget-simple .goog-te-menu-value span { border-left:none !important; } #googleTranslate a { color: #666666 !important; } .drop-shadow { position:relative; float:left; padding:1px; margin:1em auto; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.05), 0 0 40px rgba(0, 0, 0, 0.05) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.05), 0 0 40px rgba(0, 0, 0, 0.05) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.05), 0 0 40px rgba(0, 0, 0, 0.05) inset; background:#fff; } .drop-shadow:before, .drop-shadow:after { content:""; position:absolute; z-index:-1; } .lifted { -moz-border-radius:2px; border-radius:2px; } .lifted:before, .lifted:after { bottom:15px; left:10px; width:50%; height:20%; max-width:472px; -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.5); box-shadow:0 15px 10px rgba(0, 0, 0, 0.5); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -ms-transform:rotate(-3deg); -o-transform:rotate(-3deg); transform:rotate(-3deg); } .lifted:after { right:10px; left:auto; -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -ms-transform:rotate(3deg); -o-transform:rotate(3deg); transform:rotate(3deg); } /* GREAT SCHOOLS - Widget support */ div#GS_schoolSearchWidget { border: none; border-bottom-width: 20px; background-color: transparent; width: 95%; position: relative; font-family: Arial, Arial, sans-serif; } div.GS_widget_innerBorder { border: none; } div.GS_widget_footer { height: 40px; padding: 0 5px 0 15px; } div.GS_widget_footer img { margin-top: 8px; float: left; border: 0 } div.GS_seo { float: right; text-align: right; width: 120px; margin-top: 3px; font-size: 13px; line-height: 17px; } div#GS_schoolSearchWidget a, div#GS_schoolSearchWidget a:hover { text-decoration: underline; } div#GS_schoolSearchWidget div.GS_seo a, div#GS_schoolSearchWidget div.GS_seo a:hover { color: #666; font-size: 10px; } div.GS_getWidget { position: absolute; bottom: -17px; right: 8px; } div#GS_schoolSearchWidget div.GS_getWidget a, div#GS_schoolSearchWidget div.GS_getWidget a:hover { color: #000000; font-size: 11px; }