/************************************************************** Template Name: Catena Version: 1.0 Design: Skema Gest ( www.skemagest.it - info@skemagest.it ) Code: Skema Gest ( www.skemagest.it - info@skemagest.it ) Type: (X)HTML ***************************************************************/ html { padding-top:10px; background-image: url('images/background.png'); background-repeat: repeat-x; overflow: scroll;background-color:#FFFFFF;/*F0F0F0;FFB166;background-color: #eeeeee; background-attachment: fixed;*/} body {padding-bottom:10px;background-image: url('images/background1.png'); background-position:bottom; background-repeat: repeat-x; /*overflow: scroll;background-attachment: fixed;*/} body, td, input, select {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; color: #333333; text-decoration: none; margin: auto; } form {margin: 0px;padding: 0px; } img {border-width: 0px;} p {margin-top: 15px;margin-bottom: 15px;font-size: 13px;} h1 {margin-top: 15px;margin-bottom: 5px;font-size: 20px;clear: both;} h2 {margin-top: 15px;margin-bottom: 5px;font-size: 18px;} h3 {margin-top: 15px;margin-bottom: 5px;font-size: 15px;} li {font-size: 12px;} a {background-color: transparent;color: #E26429;} a:link, a:visited, a:active {text-decoration: none;} a:hover {text-decoration: underline;} /************************************************************* * CUSTOM GENERAL CLASSES **************************************************************/ .borderAll {border: solid 1px #0056C3; } .floatLeft {float: left;} .floatRight {float: right;} .floatLeftInText {float: left;padding: 12px 10px 0px 0px;} .floatRightInText {float: right;padding: 12px 0px 0px 10px;} .clearBoth {clear: both;} .clearRight {clear: right;} .clearLeft {clear: left;} .footnote {font-size: 10px;font-style: italic;} .invisible {visibility: hidden;} /************************************************************* * BUTTONS **************************************************************/ .bottomButtons2 {width: 330px;margin: 10px auto 0px auto;} .bottomButtons3 {width: 510px;margin: 10px auto 0px auto;} .buttonSeparator {width: 30px;height: 40px;display: block;float: left;} .buttonTryNow a {width: 150px;height: 40px;display: block;float: left;padding: 0px;background-image: url('images/button/trynow.png');background-repeat: no-repeat;} .buttonTryNow a:hover, .buttonTryNow a:active {background-image: url('images/button/trynow_hover.png');} .buttonDownload a {width: 150px;height: 40px;display: block;float: left;padding: 0px;background-image: url('images/button/download.png');background-repeat: no-repeat;} .buttonDownload a:hover, .buttonDownload a:active {background-image: url('images/button/download_hover.png');} .buttonViewTour a {width: 150px;height: 40px;display: block;float: left;padding: 0px;background-image: url('images/button/viewtour.png');background-repeat: no-repeat;} .buttonViewTour a:hover, .buttonViewTour a:active {background-image: url('images/button/viewtour_hover.png');} .buttonBuyNow a {width: 150px;height: 40px; display: block;float: left;padding: 0px;background-image: url('images/button/buynow.png');background-repeat: no-repeat;} .buttonBuyNow a:hover, .buttonBuyNow a:active {background-image: url('images/button/buynow_hover.png');} /************************************************************* * CERTIFIED **************************************************************/ .certificateGroup2 {width: 330px;height: 60px;margin: 10px auto 0px auto;} .certificateGroup3 {width: 510px;height: 60px;margin: 10px auto 0px auto;} .certificateSeparator {width: 30px;height: 40px;display: block;float: left;} .certificateHolder {width: 150px;height: 40px;display: block;float: left;padding: 0px;} /************************************************************* * CLEARFIX **************************************************************/ /* clearfix */ .cf:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cf {display:block;/* inline-block;*/} * html .cf {height: 1px;} /************************************************************* * GENERAL LAYOUT **************************************************************/ /* header */ #header {padding: 0px; margin: auto; width: 800px; height: 166px; background-color: #004FC0; background-image: url('images/header3.png'); } .siteLogo {opacity:.6; float: left; margin: 25px 0px 0px 25px; cursor: pointer; } .siteLogo:hover { opacity:1;} .siteHeader { clear:left; padding:10px 0 10px 60px; } .siteHeader a { color:#009FDF; }/*#7D8E89*/ /* content */ #wrapper {margin: auto;width: 800px;padding: 0px;border: #0056C3 1px solid;background-color: White;} #content {margin: auto;width: 780px;padding: 10px;background-color: White;} #leftSidebar{ /* hide */ visibility: hidden;width: 0px;height: 0px; margin-top: 230px;float: left; /*border: black 1px solid;*/} #rightSidebar{ /* hide */ visibility: hidden;width: 0px;height: 0px; margin-top: 230px;float: right; /*border: black 1px solid;*/} /* footer */ #footer {display: block;margin: auto;width: 770px;height: 30px;background-image: url('images/footer.gif');background-repeat: repeat-x;padding: 12px 15px 0px 15px;color: #FFFFFF;} #footerBugreport {float: left;} #footerCopyright{float: right;} #footer .copyright { float: left; top: 20px; } #footer .authors { float: right; top: 20px; font-weight:bold; } /* #footer p.authors a { color: #d8c0cb; text-decoration: none; } #footer p.authors a:hover { color: #fff; text-decoration: underline; } #footer p { float: left; top: 20px; } #footer p.authors { float: right; top: 20px; } #footer p.authors a { color: #d8c0cb; text-decoration: none; } #footer p.authors a:hover { color: #fff; text-decoration: underline; } ************************************************************ * COLUMNS **************************************************************/ .columns .left {float: left; width: 380px;} .columns .right {float: right; width: 380px;} /************************************************************* * EVENTLOGTABLE **************************************************************/ .eventLogTable {width: 760px;border-collapse: collapse;} .eventLogTable th {border: solid 1px gray;padding: 3px 7px 3px 7px;background-color: #007ac7;color: White;} .eventLogTable td{border: solid 1px gray;padding: 3px 7px 3px 7px;} /************************************************************* * HOUR REGISTRATION **************************************************************/ .hourRegistrationButtonContainer {text-align: center; margin-bottom: 10px; margin-top: 10px;} .hourRegistrationButtonContainer .button{text-decoration: none; background-color: White;color: #E26429;border: 1px solid navy; padding: 3px;margin: 3px;} .hourRegistrationButtonContainer .button:active, .hourRegistrationButtonContainer .button:hover{background-color: #E26429;color: White;} /************************************************************* * IMAGE UPLOADER **************************************************************/ .imageUploader {width: 300px;height: 150px;} .imageUploader .photo {float: left;width: 90px;height: 120px;border: solid 1px #0056C3;} .imageUploader .controls {float: right;width: 205px;height: 120px;} .imageUploader .progress {display: block;width: 200px;height: 24px;margin-bottom: 70px;} .imageUploader .editButton {display: block;background-image: url('images/imageuploader/edit.png');background-repeat: no-repeat; background-position: center center;margin-top: 68px;width: 16px;height: 16px;padding: 10px 5px 0px 5px;} .imageUploader .editButton:hover {background-image: url('images/imageuploader/edit_hover.png');} .imageUploader .cancelButton {display: block;background-image: url('images/imageuploader/cancel.png');background-repeat: no-repeat; background-position: center center;width: 16px;height: 16px;padding: 10px 5px 0px 5px;} .imageUploader .cancelButton:hover {background-image: url('images/imageuploader/cancel_hover.png');} .imageUploader .removeButton {display: block;background-image: url('images/imageuploader/remove.png'); background-repeat: no-repeat;background-position: center center;width: 16px;height: 16px;padding: 10px 5px 0px 5px;} .imageUploader .removeButton:hover {background-image: url('images/imageuploader/remove_hover.png');} /************************************************************* * LIST **************************************************************/ .list .a0 {background: #EAEAEA url('images/list/list_dark.gif') no-repeat 50% -1px;} .list, .list .a1 {background: #fff url('images/list/list_light.gif') no-repeat 50% -1px;} .list {padding-bottom: 6px;background-position: 50% 100%;} .list .item {padding: 5px;} /************************************************************* * LOGIN **************************************************************/ .login .ff {margin-bottom: 5px;width: 250px;} .login .tb {float: right;width: 130px;} .login .username label, .login .password label {float: left;padding-top: 2px;} .login checkbox {clear: none;} .register td {padding: 0 5px 5px 0;} /************************************************************* * MAIN MENU **************************************************************/ #mainMenu {margin: auto;border-top: #0056C3 1px solid;border-bottom: #0056C3 1px solid;background-color: #000000; background-image: url('images/mainMenu/back.gif');background-repeat: repeat-x; width: 800px;height: 40px;} #mainMenu ul {margin: 0px;padding: 0px;} #mainMenu li {float: left;list-style-type: none;} #mainMenu li a {float: left;display: block;width: auto;color: white;height: 20px;padding: 12px 20px 8px 20px;font-weight: bold;} #mainMenu li a:hover, #mainMenu li a:active {background-image: url('images/mainMenu/back_hover.gif');text-decoration: none;} #mainMenu .selected {/* For future usage */} #mainMenu .selected a:hover, #mainMenu .selected a:active {background-image: url('images/mainMenu/back_hover.gif');text-decoration: none;} #mainMenu .splitter {margin: 0px;padding: 0px;cursor: default;height: 40px;width: 0px;border-left: 1px dotted #007ACB;background-color: transparent;} .languageMenu {width:auto; position:relative; top: 14px; right: 10px; text-align:right;} .languageMenu a {opacity:.4;} .languageMenu .current {cursor:default; opacity:1;} .languageMenu a:hover {opacity:1;} .subMenu {background: #FFF; color: #000; margin: 0px; padding: 6px 0 5px 0; border-bottom: 1px solid #000; text-align:center;} .subMenu li {display:inline;} .subMenu a {height:0; padding: 5px 0.7em; border:1px solid #000; text-decoration:none; margin:-6px 0.3em; white-space:nowrap;} .subMenu .current a {border-bottom:none; padding-bottom:6px;} .subMenu a:link, .subMenu a:visited {background:#DDD; color:#666;} .subMenu a:hover, .subMenu a:focus, .subMenu a:active {background:#EEE; color:#000;} .subMenu .current a:link, .subMenu .current a:visited, .subMenu .current a:hover, .subMenu .current a:focus, .subMenu .current a:active {background:#FFF; color:#000; border-bottom:none; padding-bottom:6px;} /************************************************************* * OBJECT EDITOR (FORMS) **************************************************************/ .objectEditor .detail {clear: left;margin-bottom: 10px;} .objectEditor .editorLabel {width: 110px;float: left;clear: left;padding: 5px 5px 0 0;} .objectEditor .editorCheckBox {width: 50px;} .objectEditor .editorDropDownList {width: 256px;} .objectEditor .editorImageUploader {width: auto;height: auto;} .objectEditor .editorMultiLineTextBox {width: 250px;} .objectEditor .editorTextBox {width: 250px;} /* tiny mce begin */ .objectEditor textarea {float: left;width: 640px;height: 200px;} /* tiny mce end */ .objectEditor .editorValueLabel {width: 250px;} .objectEditor .buttonGroup {clear: left;margin-left: 110px;} .objectEditor .button {/*clear: left;*/margin: 15px 5px 5px 0px;} .objectEditor .floatLeft {float: left;width: 250px;border: solid 1px #0056C3;}/*Aqua*/ .objectEditor .center {/*width: 290px;*/margin: auto;border: solid 1px #0056C3;}/*Aqua*/ .objectEditor .floatRight{float: right;width: 250px;border: solid 1px #0056C3;}/*Aqua*/ /************************************************************* * PROGRESS **************************************************************/ .progressVeryLarge {background-image: url('images/progress/progressVeryLarge.gif');width: 400px;height: 400px;margin: auto;} .progressLarge {background-image: url('images/progress/progressLarge.gif');width: 200px;height: 200px;margin: auto;} .progressMedium {background-image: url('images/progress/progressMedium.gif');width: 100px;height: 100px;margin: auto;} .progressSmall {background-image: url('images/progress/progressSmall.gif');width: 48px;height: 48px;margin: auto;} .progressVerySmall {background-image: url('images/progress/progressVerySmall.gif');width: 24px;height: 24px;margin: auto;} /************************************************************* * STATUS **************************************************************/ .statusNormal {padding-left:20px;background-image:url('images/status/info.gif');background-repeat: no-repeat;font-weight:bold;color:gray;} .statusError {padding-left: 20px;background-image:url('images/status/error.gif');background-repeat:no-repeat;font-weight:bold;color:red;} .statusWarning {padding-left:20px;background-image:url('images/status/warning.gif');background-repeat:no-repeat;font-weight:bold;color:Orange;} .statusSuccess{padding-left:20px;background-image:url('images/status/success.gif');background-repeat:no-repeat;font-weight:bold;color:green;} .statusWorking{padding-left:20px;background-image:url('images/status/working.gif');background-repeat: no-repeat;font-weight:bold;color:gray;} /************************************************************* * SUBMENU **************************************************************/ #subMenuTop {margin-top: 5px;background-image: url('images/submenu/top.gif');background-repeat: repeat-x;height: 3px;width: 800px;} #subMenuBottom {background-image: url('images/submenu/bottom.gif');background-repeat: repeat-x;height: 5px;width: 800px;} #subMenu {margin: 0px auto 0px auto;border: 0px;background-image: url('images/subMenu/back.gif');background-repeat: repeat;width: 800px;height: 26px;} #subMenuTwoLine {margin: 5px auto 0px auto;border: 0px;background-image: url('images/subMenu/back.gif');background-repeat: repeat;width: 800px;height: 48px;} #subMenu ul, #subMenuTwoLine ul {margin: 0px;padding: 6px 0px 0px 0px;} #subMenu li, #subMenuTwoLine li {float: left;list-style-type: none;} #subMenu li a, #subMenuTwoLine li a {width: auto;color: white;height: 16px;padding: 6px 20px 8px 20px;font-weight: bold;} #subMenu .title, #subMenuTwoLine .title {font-weight: bold;padding: 0px 20px 0px 10px;color: #007ACB;background-image: url('images/submenu/bullet.gif');background-repeat: no-repeat;background-position: right; } #subMenu .selected a, #subMenuTwoLine .selected a {color: #E26429;font-weight: bold;} /************************************************************* * TABLE **************************************************************/ .table {border-collapse: collapse;border: solid 1px #0056C3;} .table th {background-color: #007ac7;color: white;border: solid 1px #0056C3;font-weight: bold;text-align: left;padding: 3px 7px 3px 7px;} .table td {border: solid 1px #0056C3;padding: 3px 7px 3px 7px;} /************************************************************* * TESTIMONIALS **************************************************************/ .testimonial {float: right;padding: 0px;margin: 12px 5px 0px 5px;width: 200px;border: solid 1px gray;} .testimonial .header {height: 20px;border-bottom: solid 1px gray;background-color: #007ac7;color: white;padding: 4px 3px 0px 5px;font-weight: bold;} .testimonial .body {padding: 0px 5px 3px 5px;} .testimonial .body .writer {float: right;font-style: italic;font-size: 10px;padding-bottom: 3px;} /************************************************************* * TOP MENU **************************************************************/ #topMenu {margin: auto;height: 23px;width: 800px;background-image: url('images/topMenu/back.gif');background-repeat: repeat-x;} #topMenu ul {margin: 0px;padding: 4px 0px 0px 0px;} #topMenu li {float: right;list-style-type: none;padding: 0px 8px 0px 0px;} #topMenu li .control {height: 12px;font-size: 10px;margin-top: -2px;} #topMenu li a {color: black;height: 23px;text-decoration: none;padding: 0px;} #topMenu li a:link, #topMenu li a:visited {background-color: transparent;color: #000000;} #topMenu li a:hover, #topMenu li a:active {background-color: transparent;color: #E26429;} #topMenu .splitter {margin: 1px 0px 4px 0px;cursor: default;height: 15px;width: 1px;background-image: url('images/splitter.gif'); background-repeat: repeat-y;background-color: transparent;} ul.test {list-style:none;} ul.test li {padding-left: 12px; background:url(images/icons/bullet.gif) 0 50% no-repeat;} #main ul { list-style:circle; margin-left:20px; } /**/ #main ul {list-style:none;} #main ul li {padding-left: 12px; background:url(images/icons/bullet.gif) 0 0 no-repeat;}