/* ADMIN STRUCTURE */ body{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; margin: 0px; padding: 0px; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px;} form{margin: 0px; padding: 0px;} .clear{clear: both;} .delete{background-color: #FF3333;} table{border: solid 1px #ccc;} td{border: none; padding: 5px; text-align: left;} td.header{background-image: url(/themes/images/admin_heading_bg.gif); height: 23px; padding: 0px 5px; font-weight: bold;} .textRight{text-align: right !important;} /* Format Query Result Messages */ .success {border: solid 1px; border-color: #000099; background-color: #6699FF; padding: 20px; font-size: 12px; font-family: Arial; color: #000000; font-weight: bold; margin: 10px auto; } .error {border: solid 1px; border-color: #B00000; background-color: #FF3333; padding: 20px; font-size: 12px; font-family: Arial; color: #000000; font-weight: bold; margin: 10px auto; } .error a {color: #FFFFFF; cursor: pointer; text-decoration: underline;} .success a {color: #FFFFFF; cursor: pointer; text-decoration: underline;} .exterior{border: solid 1px #333; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px;} .exteriorHeader{height: 23px; background-image: url(/themes/images/admin_heading_bg.gif); background-repeat: repeat-x; text-align: left; padding-left: 10px; line-height: 23px; font-weight: bold;} .exteriorHeaderMenuItem{float: left; padding: 5px 10px; margin: 0px 5px; border: solid 1px #ccc; text-align: center;} .exteriorHeaderMenuItem:hover{background-color: #69F;} .exteriorHeaderMenuItem a{text-decoration: none;} .exterior ul li{list-style: none; text-align: left; height: 25px; line-height: 25px;} .columnHeading{font-weight: bold;} #fontInstructions{border: solid 1px #ccc; margin: 0px auto 20px auto; font-size: 11px; width: 900px; padding: 10px;} /* rows */ .odd{background-color: #fff;} .even{background-color: #D6DFF7;} /* login */ #loginContainer{width: 400px; margin: 50px auto;} #loginContainer .theLabel{float: left; width: 100px; margin: 5px; text-align: left; clear: left;} #loginContainer .theField{float: left; width: 200px; margin: 5px; text-align: left;} /* admin navigation */ #navContainer{display: block; width: 904px; margin: 0px auto;} #navContainer #welcome{float: left; width: 800px; margin: 5px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} #navContainer #cp{float: left; width: 104px; margin: 5px 0px; text-align: right; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} #navContainer #navButton1{float: left; width: 150px; height: 56px; background-image: url(images/button_menu_01.jpg); cursor: pointer;} #navContainer #navButton2{float: left; width: 151px; height: 56px; background-image: url(images/button_menu_02.jpg); cursor: pointer;} #navContainer #navButton3{float: left; width: 151px; height: 56px; background-image: url(images/button_menu_03.jpg); cursor: pointer;} #navContainer #navButton4{float: left; width: 151px; height: 56px; background-image: url(images/button_menu_04.jpg); cursor: pointer;} #navContainer #navButton5{float: left; width: 151px; height: 56px; background-image: url(images/button_menu_05.jpg); cursor: pointer;} #navContainer #navButton6{float: left; width: 150px; height: 56px; background-image: url(images/button_menu_06.jpg); cursor: pointer;} #navContainer #navButton1 #nav1{display: none; position: relative; top: 56px; left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; z-index: 2;} #navContainer #navButton2 #nav2{display: none; position: relative; top: 56px; left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; z-index: 2;} #navContainer #navButton3 #nav3{display: none; position: relative; top: 56px; left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; z-index: 2;} #navContainer #navButton4 #nav4{display: none; position: relative; top: 56px; left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; z-index: 2;} #navContainer #navButton5 #nav5{display: none; position: relative; top: 56px; left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; z-index: 2;} #navContainer #navButton6 #nav6{display: none; position: relative; top: 56px; left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; z-index: 2;} #navContainer #navButton1 #nav1 .navItem, #navContainer #navButton2 #nav2 .navItem, #navContainer #navButton3 #nav3 .navItem, #navContainer #navButton4 #nav4 .navItem, #navContainer #navButton5 #nav5 .navItem, #navContainer #navButton6 #nav6 .navItem{background-color: #D8E0F7; /*height: 24px;*/ width: 145px; line-height: 24px; padding-left: 5px; border-bottom: solid 1px #FFF; color: #000; text-decoration: none; cursor: pointer;} #navContainer #navButton1 #nav1 .navItem:hover, #navContainer #navButton2 #nav2 .navItem:hover, #navContainer #navButton3 #nav3 .navItem:hover, #navContainer #navButton4 #nav4 .navItem:hover, #navContainer #navButton5 #nav5 .navItem:hover, #navContainer #navButton6 #nav6 .navItem:hover{background-color: #69F; color: #fff; text-decoration: none; cursor: pointer;} #navContainer #navButton1 #nav1 .navItem a, #navContainer #navButton2 #nav2 .navItem a, #navContainer #navButton3 #nav3 .navItem a, #navContainer #navButton4 #nav4 .navItem a, #navContainer #navButton5 #nav5 .navItem a, #navContainer #navButton6 #nav6 .navItem a{color: #000; text-decoration: none;} #navContainer #navButton1 #nav1 .navItem:hover a, #navContainer #navButton2 #nav2 .navItem:hover a, #navContainer #navButton3 #nav3 .navItem:hover a, #navContainer #navButton4 #nav4 .navItem:hover a, #navContainer #navButton5 #nav5 .navItem:hover a, #navContainer #navButton6 #nav6 .navItem:hover a{color: #FFF;} /* REAL ESTATE TEMPLATE */ /* agents */ .agentsList{display: block; height: 50px; line-height: 50px; margin: 0px 10px; padding: 5px;} .agentsList .agentsPicture{float: left; width: 60px; text-align: center;} .agentsList .agentsListFirstName{float: left; width: 150px; overflow: hidden;} .agentsList .agentsListLastName{float: left; width: 150px; overflow: hidden;} .agentsList .agentsListEdit{float: left; width: 75px;} .agentsList .agentsListDelete{float: left; width: 75px;} .agentsList .agentsListDelete a{color: #F00;} .agentsInfo{display: block; margin: 0 10px; padding: 5px; width: 400px;} .agentsInfoLabel{float: left; width: 150px; margin-bottom: 10px; padding-right: 10px; overflow: hidden;} .agentsInfoFormField{float: left; width: 200px; margin-bottom: 10px; padding-right: 10px;} .agentsInfoFormField input{border: solid 1px #ccc; width: 150px;} /* features */ .reFeatureAdd{padding-left: 10px; margin-top: 5px;} .reFeatureContainer{float: left; border-bottom: dotted 1px #ccc; margin: 5px;} .reFeatureItem{float: left; width: 165px; margin: 5px; overflow: hidden;} .reFeatureDelete{float: left; margin: 5px;} .reFeatureDelete a{color: #f00; width: 30px;} /* listings */ #reListingActiveContainer{border-bottom: dotted 1px #ccc; margin: 5px 10px; padding: 10px 0px;} #reListingActiveContainer #reListingActiveQuestion{float: left; width: 110px; padding: 5px 0px;} #reListingActiveContainer #reListingActiveAnswers{float: left; width: 300px; position: relative;} #reListingActiveContainer #reListingActiveAnswers input{float: left; position: relative; top: 5px;} #reListingActiveContainer #reListingActiveAnswers label{float: left; position: relative; top: 5px;} .reListingAdd{float: left; margin: 10px;} .reListingContainer{display: block; clear: left;} .reListingContainer .reListingImage{float: left; width: 70px; margin: 5px; line-height: 50px;} .reListingContainer .reListingAddress{float: left; width: 400px; margin: 5px; overflow: hidden; line-height: 50px;} .reListingContainer .reListingEdit{float: left; width: 70px; margin: 5px;; line-height: 50px;} .reListingContainer .reListingDelete{float: left; width: 70px; margin: 5px;; line-height: 50px;} #reListingLocation{float: left; width: 400px; margin: 5px 10px;} #reListingLocation p{font-weight: bold;} #reListingLocation .reListingLabel{clear: left; float: left; width: 70px; margin: 5px 10px;} #reListingLocation .reListingInput{float: left; width: 250px; margin: 5px 10px;} #reListingLocation .reListingInput .reListingInputField{width: 200px;} #reListingLocation .reListingInput #description{height: 100px; width: 200px;} #reListingDetails{float: left; width: 350px; margin: 5px 10px;} #reListingDetails p{font-weight: bold;} #reListingDetails .reListingLabel{float: left; width: 70px; margin: 5px 10px;} #reListingDetails .reListingInput{float: left; width: 230px; margin: 5px 10px;} #reListingFeatures{clear: left; float: left; margin: 5px 10px; border-top: dotted 1px #ccc;} #reListingFeatures p{font-weight: bold;} #reListingFeatures .reFeatureContainer{float: left; border-bottom: dotted 1px #ccc; margin: 5px;} #reListingFeatures .reFeatureContainer .reFeatureItem{float: left; margin: 5px; overflow: hidden;} #reListingAgent{clear: left; float: left; width: 350px; margin: 5px 10px; border-bottom: dotted 1px #ccc; padding: 5px 0px;} #reListingAgent .reListingLabel{float: left; width: 70px; margin: 5px 10px;} #reListingAgent .reListingInput{float: left; width: 200px; margin: 5px 10px;} #reListingAgent .reListingInput #realEstateAgentID{position: relative; top: -3px;} #reListingImages {width: 925px; margin: 0px auto;} #reListingImages .imgContainer{text-align: center; float: left; color: #333; margin: 3px;} #reListingImages .imgContainer a{color: #00F; display: block;} #reListingImages .imgContainer a.deleteLink{color: #F00;} #reListingImages .imgContainer img{border: solid 1px #ccc; padding: 5px; display: block;} #reListingImages .imgContainerDelete{background-color: #F00;} #reListingSubmit{clear: left; margin: 20px 10px;} /* TICKET SYSTEM */ /* ticket create */ #ticketContainer{padding: 10px;} #ticketContainer .theLabel{float: left; width: 100px; margin: 5px;} #ticketContainer .theField{float: left; width: 400px; margin: 5px;} #ticketContainer .theField .inputTxt{border: solid 1px #ccc; width: 400px;} #ticketContainer .theLabel2{display: block; margin: 5px;} #ticketContainer .theField2{display: block; margin: 5px;} #ticketContainer .btn{display: block; margin: 5px;} /* ticket list */ #ticketListContainer{padding: 10px;} #ticketListContainer a{text-decoration: underline; cursor: pointer; color: #00F;} #ticketListContainer .ticketDate{float: left; width: 130px; height: 20px; line-height: 20px; padding: 5px; clear: left;} #ticketListContainer .ticketLastUpdated{float: left; width: 130px; height: 20px; line-height: 20px; padding: 5px;} #ticketListContainer .ticketStatus{float: left; width: 100px; height: 20px; line-height: 20px; padding: 5px;} #ticketListContainer .ticketSubject{float: left; width: 530px; height: 20px; line-height: 20px; padding: 5px;} /* #ticketListContainer .ticketHeader{font-weight: bold;}*/ /* ticket details */ #ticketDetailContainer{padding: 10px;} #ticketDetailContainer .theItem{float: left; width: 100px; margin: 5px 0px; font-weight: bold;} #ticketDetailContainer .theData{float: left; width: 800px; margin: 5px 0px; } /* ticket response */ .ticketResponseContainer{padding: 10px;} .ticketResponseContainer .theItem{float: left; width: 100px; margin: 5px 0px; font-weight: bold;} .ticketResponseContainer .theData{float: left; width: 800px; margin: 5px 0px; } /* ticket plr */ /* PLR */ /* list clients */ .plrListClientContainer{padding: 5px 10px;} .plrListClientContainer:hover{background-color: #efefef;} .plrListClientContainer .plrListClientCompanyName{width: 200px; float: left; font-weight: bold;} .plrListClientContainer .plrListClientName{width: 200px; float: left;} .plrListClientAccountsReceiveable{float: left; padding: 5px 10px; font-weight: bold;} .plrListClientAccountsReceiveableData{float: left; padding: 5px 10px; font-weight: bold;} /* manage products */ .plrProductContainer{padding: 5px 10px;} .plrProductContainer:hover{background-color: #efefef;} .plrProductContainer a{text-decoration: none;} .plrProductContainer .plrProductSKU{width: 100px; float: left;} .plrProductContainer .plrProductDesc{width: 200px; float: left;} .plrProductContainer .plrProductPrice{width: 100px; float: left;} .plrProductContainer .plrProductIsDiscount{width: 100px; float: left; text-align: center;} .plrProductContainer .plrProductTaxable{width: 100px; float: left; text-align: center;} .plrProductContainer .plrProductRecurType{width: 100px; float: left;} .plrProduct{} .plrProduct .theLabel{width: 150px; float: left; margin: 10px; font-weight: bold; clear: left;} .plrProduct .theField{width: 300px; float: left; margin: 10px;} .plrProduct .theField .inputTxt{width: 300px;} .plrProduct .theField .inputTxt2{width: 100px;} /* PAGE CONTENT */ .catContainerOff{ display: block; padding: 3px; width: 100%; background-color: #FFF; padding: 5px; border-bottom: solid 1px #ccc;} .catContainerOn{ display: block; padding: 3px; width: 100%; background-color: #FFF; padding: 5px; border-bottom: solid 1px #ccc;} /*69F*/ .subCatContainerOff{ display: block; padding: 3px; width: 100%; background-color: #FFF; padding: 5px; border-bottom: solid 1px #ccc;} .subCatContainerOn{ display: block; padding: 3px; width: 100%; background-color: #FFF; padding: 5px; border-bottom: solid 1px #ccc;} .subSubCatContainerOff{ display: block; padding: 3px; width: 100%; background-color: #FFF; padding: 5px; border-bottom: solid 1px #ccc;} .subSubCatContainerOn{ display: block; padding: 3px; width: 100%; background-color: #FFF; padding: 5px; border-bottom: solid 1px #ccc;} .catShowHide{cursor: pointer; float: right; color: #00F; text-decoration: underline;} .subCatsOfPageID{display: none;} .catContainerOn .pageName{ width: 300px; padding-left: 0px; line-height: 50px; float: left;} .catContainerOff .pageName{ width: 300px; padding-left: 0px; line-height: 50px; float: left;} .subCatContainerOn .pageName{ width: 300px; padding-left: 0px; line-height: 50px; float: left;} .subCatContainerOff .pageName{ width: 300px; padding-left: 0px; line-height: 50px; float: left;} .subSubCatContainerOn .pageName{ width: 300px; padding-left: 0px; line-height: 50px; float: left;} .subSubCatContainerOff .pageName{ width: 300px; padding-left: 0px; line-height: 50px; float: left;} .subCatContainerOn .pageName .spacer{width: 50px; height: 50px; float: left;} .subCatContainerOff .pageName .spacer{width: 50px; height: 50px; float: left;} .subSubCatContainerOn .pageName .spacer{width: 100px; height: 50px; float: left;} .subSubCatContainerOff .pageName .spacer{width: 100px; height: 50px; float: left;} .catContainerOn .item, .catContainerOff .item, .subCatContainerOn .item, .subCatContainerOff .item, .subSubCatContainerOn .item, .subSubCatContainerOff .item{width: 50px; height: 50px; float: left; padding: 0px 5px; /*display: relative;*/ cursor: pointer; z-index: 1;} .catContainerOn .itemParagraph, .catContainerOff .itemParagraph, .subCatContainerOn .itemParagraph, .subCatContainerOff .itemParagraph, .subSubCatContainerOn .itemParagraph, .subSubCatContainerOff .itemParagraph{width: 100px !important;} .catContainerOn .item .theParagraph, .catContainerOff .item .theParagraph, .subCatContainerOn .item .theParagraph, .subCatContainerOff .item .theParagraph, .subSubCatContainerOn .item .theParagraph, .subSubCatContainerOff .item .theParagraph{display: none; position: relative; top: -50px; left: -515px; border: solid 1px #333; background-color: #CCC; height: 350px; width: 500px; overflow: scroll; padding: 10px; z-index: 5;} .catContainerOn .item .theParagraph .deleteParagaph, .catContainerOff .item .theParagraph .deleteParagaph, .subCatContainerOn .item .theParagraph .deleteParagaph, .subCatContainerOff .item .theParagraph .deleteParagaph, .subSubCatContainerOn .item .theParagraph .deleteParagaph, .subSubCatContainerOff .item .theParagraph .deleteParagaph{position: absolute; right: 10px; top: 2px; color: #F00; cursor: pointer; z-index: 10;} .catContainerOn .item .theParagraph table, .catContainerOff .item .theParagraph table, .subCatContainerOn .item .theParagraph table, .subCatContainerOff .item .theParagraph table, .subSubCatContainerOn .item .theParagraph table, .subSubCatContainerOff .item .theParagraph table{border: none;} .catContainerOn .item .theParagraph .deleteParagaph a, .catContainerOff .item .theParagraph .deleteParagaph a, .subCatContainerOn .item .theParagraph .deleteParagaph a, .subCatContainerOff .item .theParagraph .deleteParagaph a, .subSubCatContainerOn .item .theParagraph .deleteParagaph a, .subSubCatContainerOff .item .theParagraph .deleteParagaph a{color: #F00; text-decoration: none;} .pageContainerFooter{margin-bottom: 500px;} .tiny{font-size: 10px;} #paragraphContainer{} #paragraphContainer .theLabel{float: left; width: 150px; margin: 5px 0px; clear: left;} #paragraphContainer .theLabel a{cursor: pointer;} #paragraphContainer .theField{float: left; margin: 5px 0px;} #paragraphContainer .theField label{cursor: pointer;} #paragraphContainer .theField #image_properties{display: none;} #metaContainer{} #metaContainer .theLabel{float: left; width: 150px; margin: 5px 0px; clear: left;} #metaContainer .theField{float: left; margin: 5px 0px;} #metaContainer .theField .txtInput{width: 390px;} #renamePageContainer{} #renamePageContainer .theLabel{float: left; width: 150px; margin: 5px 0px; clear: left;} #renamePageContainer .theField{float: left; margin: 5px 0px;} #pageTypeContainer{width: 904px; margin: 0px auto;} #pageTypeContainer img{cursor: pointer;} #pageTypeContainer .pageTemplateButton{float: left; width: 150px; height: 30px; border-bottom: solid 1px #ccc; padding: 5px; clear: left;} #pageTypeContainer .pageTemplateName{float: left; width: 150px; height: 30px; line-height: 30px; border-bottom: solid 1px #ccc; padding: 5px;} #pageTypeContainer .pageTemplateDescription{float: left; width: 570px; height: 30px; border-bottom: solid 1px #ccc; padding: 5px;} #pageTypeContainer a{float: right;} /* custom css and js */ .cssColumn{width: 50%; float: left;} .jsColumn{width: 50%; float: left;} .cssColumn .cssjsTextarea, .jsColumn .cssjsTextarea{padding-left: 10px;} .cssjsBtnSubmit{padding-left: 10px;} .googleAnalyticsColumn{float: left; width: 100%;} .googleAnalyticsColumn .cssjsTextarea{padding-left: 10px;} /* page templates */ #calendarContainer{width: 434px; margin: 0px auto;} #calendarContainer #calendarHead{width: 434px; text-align: center; padding: 5px;} #calendarContainer .calendarDay{width: 50px; height: 50px; float: left; border: solid 1px #ccc; position: relative; padding: 5px;} #calendarContainer .calendarDay .number{position: absolute; top: 5px; right: 5px;} #calendarContainer .calendarDay .add{position: relative; } #calendarContainer .calendarDay .edit{position: relative;} #calendarContainer .calendarDay .edit .subject{display: none; position: relative; right: 0px; bottom: 0px; background-color:#CCC; width: 150px; z-index: 2;} #calendarContainer .calendarDay .edit .subject .item{padding: 5px; border-bottom: solid 1px #fff;} #calendarEventContainer{width: 900px; margin: 0px auto;} #calendarEventContainer .theLabel{float: left; padding: 5px; width: 150px; clear: left;} #calendarEventContainer .theField{float: left; padding: 5px;} /* emailTracking */ #emailTracking .newsletterID{ float: left; width: 75px; margin: 5px 0px; padding: 5px; clear: left; } #emailTracking .dateSent{ float: left; width: 70px; margin: 5px 0px; padding: 5px;} #emailTracking .name{ float: left; width: 200px; margin: 5px 0px; padding: 5px;} #emailTracking .subject{ float: left; width: 200px; margin: 5px 0px; padding: 5px;} #emailTracking .totalSent{ float: left; width: 60px; margin: 5px 0px; padding: 5px;} #emailTracking .totalRead{ float: left; width: 60px; margin: 5px 0px; padding: 5px;} #emailTracking .percentRead{ float: left; width: 80px; margin: 5px 0px; padding: 5px;} #emailTracking .details{ float: left; width: 75px; margin: 5px 0px; padding: 5px;} #emailTrackingDetails .totalSent{ float: left; width: 150px; margin: 5px 0px; padding: 5px; clear: left;} #emailTrackingDetails .totalRead{ float: left; width: 150px; margin: 5px 0px; padding: 5px; clear: left;} #emailTrackingDetails .totalRecords{ float: left; width: 150px; margin: 5px 0px; padding: 5px;} #emailTrackingDetails .emailAddress{ float: left; width: 300px; margin: 5px 0px; padding: 5px; clear: left;} #emailTrackingDetails .newsletterRead{ float: left; width: 100px; margin: 5px 0px; padding: 5px;} /* emailGroups */ .emailGroupContainer{border-bottom: solid 1px #ccc;} .emailGroupContainer .emailGroupDelete{width: 50px; float: left; margin: 5px 0px; padding: 5px; text-align: center;} .emailGroupContainer .emailGroupName{width: 200px; float: left; margin: 5px 0px; padding: 5px;} .emailGroupContainer .emailGroupBtn{width: 100px; float: left; margin: 5px 0px; padding: 5px;} .emailGroupContainer .emailGroupBtn .btn{width: 100px; text-align: center; background-color: #D8E0F7; border: solid 1px #6699ff; font-weight: bold; cursor: pointer;} .emailMemberContainer{border-bottom: solid 1px #ccc;} .emailMemberContainer .emailDelete{width: 50px; float: left; margin: 5px 0px; padding: 5px; text-align: center;} .emailMemberContainer .emailAddress{width: 200px; float: left; margin: 5px 0px; padding: 5px;} .emailMemberContainer .emailName{width: 200px; float: left; margin: 5px 0px; padding: 5px;} .emailMemberContainer .emailGroupName{width: 200px; float: left; margin: 5px 0px; padding: 5px;} .emailMemberContainer .emailBtn{padding-top: 5px;} .emailMemberContainer .btn{width: 100px; float: left; margin: 5px; text-align: center; background-color: #D8E0F7; border: solid 1px #6699ff; font-weight: bold; cursor: pointer;} .emailMemberContainer .selectBtn{float: left; margin: 5px;} .emailMemberContainer #uncheckAll{display: none;} .emailMemberContainer .note{padding-left: 10px; margin: 5px; clear: both;} .importContainer{width: 880px; margin: 0px auto; padding: 0px 10px;} .importContainer .item{float: left;} .importContainer .item .btn{width: 100px; float: left; margin: 5px; text-align: center; background-color: #D8E0F7; border: solid 1px #6699ff; font-weight: bold; cursor: pointer;} /* stats */ #statsContainer{width: 900px; margin: 0px auto;} #statsContainer .dayContainerHead{float: left; height: 240px; width: 75px; padding: 1px; margin: 1px;} #statsContainer .dayContainerHead .barHead{font-weight: bold; width: 75px; padding: 1px; margin: 1px;} #statsContainer .dayContainerHead .recordsHead{font-weight: bold; width: 75px; padding: 1px; margin: 1px;} #statsContainer .dayContainerHead .hourHead{font-weight: bold; width: 75px; padding: 1px; margin: 1px;} #statsContainer .dayContainer{float: left; height: 240px; width: 30px; padding: 1px; margin: 1px;} #statsContainer .dayContainer .bar{height: 200px; position: relative; padding: 1px; margin: 1px;} #statsContainer .dayContainer .bar img{position: absolute; bottom: 0px; cursor: pointer;} #statsContainer .dayContainer .records{height: 20px; padding: 1px; margin: 1px;} #statsContainer .dayContainer .hour{height: 20px; padding: 1px; margin: 1px;} #statsContainer .btn{float:left; margin: 20px} /* referrers */ #referrerContainer{width: 900px; margin: 0px auto;} #referrerContainer .referrerBlock{display: block;} #referrerContainer .referrerBlock .totalReferrers{width: 100px; height: 40px; line-height: 40px; text-align: center; float: left;} #referrerContainer .referrerBlock .referrer{width: 800px; height: 40px; float: left; line-height: 40px; overflow: hidden;} #referrerContainer .referrerBlock .referrerPrev, #referrerContainer .referrerBlock .referrerNext{width: 100px; float: left; padding: 20px;} /* products */ .productTextarea{height: 100px; width: 430px;} /* pagination */ .paginationContainer{max-width: 880px; margin: 0px auto;} /* sitemap generator */ .generateSitemap{padding: 0px 10px;} .generateSitemap .btn{background-color: #D8E0F7; border: 1px solid #6699FF; cursor: pointer; font-weight: bold; text-align: center;}