/* === GENERAL STYLE FOR ALL PUBLIC PAGES =================================================================================== */ /*** HEADER ***/ #header-area-home { width:100%; background: url("../images/bg-header-home.png") repeat-x; /*overflow: hidden; */} /**#header-area-all { width:100%; background: url("../images/bg-header-short.png") repeat-x; overflow: hidden; } **/ /* Header: top */ #header-top-container { width: 940px; margin:0 auto 0 auto; } #header-logo { float:left; margin:10px 0 10px 0; transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear; } #header-logo a { transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear; position: relative; top: 3px;} #header-logo a:hover { opacity: .9; filter: alpha(opacity=90); } #header-menu { float:left; position:relative; left:56px; margin-top:20px; } #header-menu span { color:#fff; font-size:14px; font-weight:bold; padding:0px 10px; } #header-menu a { color:#fff; font-size: 15px; letter-spacing:1px; text-decoration: none; font-weight: 400; text-shadow: 2px 2px 1px #0f6a88;} #header-menu a:hover { color:#d8e4ea; } #header-login { float:right; margin-right:8px; margin-top:18px; } #header-login span { color:#fff; font-size:16px; letter-spacing:1px; padding:0px 10px; } #header-login a { color:#fff; font-size: 16px; letter-spacing:1px; text-decoration: none; font-weight: 400; text-shadow: 2px 2px 1px #0f6a88; } #header-login a:hover { color:#d8e4ea; } #header-auth-user { background: url("../images/bg-header-auth-user.png"); float: right; position:relative; padding: 5px 15px 5px 15px; border-bottom-left-radius:7px; -moz-border-bottom-left-radius:7px; -webkit-border-bottom-left-radius:7px; border-bottom-right-radius:7px; -moz-border-bottom-right-radius:7px; -webkit-border-bottom-right-radius:7px; box-shadow: 0px 3px 5px #666; -webkit-box-shadow: 0px 3px 5px #666; -moz-box-shadow: 0px 3px 5px #666;} #header-auth-user img {padding-left: 8px;} #header-auth-user span {font-size: 14px; font-weight: bold; color: #0683ab; } #header-auth-user #divMenuOptions {margin-top: 2px;} /* Header: bottom */ #header-bottom-container-all { width: 940px; height:134px; position:relative; margin:0px auto 0px auto; } #header-bottom-container-all img {margin-top:42px;} #header-bottom-container-all .register {float:right; margin-top:28px; transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear;} #header-bottom-container-all .register:hover { opacity: 0.9; filter: alpha(opacity=90); } /*** PANELS ***/ #content-area { width: 100%; background: url("../images/bg-texture-content-out-home.png") repeat 0 0; margin: 0 auto 0 auto; } #content-panel-main {width: 820px;position: relative;overflow:auto;padding: 50px 60px 50px 60px;top:-30px;background: url("../images/bg-texture-content-in-all.png") repeat 0 0;margin: 0 auto 0 auto;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px #888;-moz-box-shadow: 0 0 5px #888;} #content-panel-main-bg-blank {width: 820px;position: relative;overflow:auto;padding: 50px 60px 50px 60px;top:-30px;background-color:white;margin: 0 auto 0 auto;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px #888;-moz-box-shadow: 0 0 5px #888;} .content-panel { width: 800px; float:left; background: #fff; margin: 0 0 30px 0; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; box-shadow: inner 0 1px 2px #cacaca; -webkit-box-shadow: inset 0 1px 2px #cacaca; -moz-box-shadow: inset 0 1px 2px #cacaca; } .content-subpanel { width: 740px; background: #f7f7f7; margin: 10px auto 36px auto; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; box-shadow: 0 0 4px #bebebe; -webkit-box-shadow: 0 0 4px #bebebe; -moz-box-shadow: 0 0 4px #bebebe;} .title {width: 840px; } /*** DYNAMIC BUTTONS ***/ a.button-small-text { color: #fff;display: block;float:left;font: bold 15px 'Myriad Pro', 'Lucida Grande', sans-serif; height: 34px;margin-right: 16px; /*padding-right: 16px;*/ text-decoration: none; /*background: transparent url('../images/btn-slice-small-orange-right.png') no-repeat scroll top right;*/ transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear; border-radius: 3px;} a.button-small-text span { background-color: #FF9B27; display: block;color:#fff;line-height: 30px;padding: 0 12px 0 12px;/*text-shadow: 0 0 0 transparent, 0 1px 1px #cc9a36; /* IE does not support */ /*background: transparent url('../images/btn-slice-small-orange-left.png') no-repeat;*/ transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear;border-radius: 3px; font-family: 'Open Sans', 'Raleway', sans-serif; text-transform: uppercase; font-weight: 300; font-size: 10px; letter-spacing: 1.5px; } a.button-small-text:hover {opacity: 0.85; filter: alpha(opacity=85);} /*a.button-small-text:hover span {opacity: 0.9; filter: alpha(opacity=90);}*/ /* Blue */ a.button-small-text.blue {/*background: transparent url('../images/btn-slice-small-auth-blue-right.png') no-repeat scroll top right;*/ transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear;} a.button-small-text.blue span { background-color: #48C4DA; /*background: transparent url('../images/btn-slice-small-auth-blue-left.png') no-repeat;*/ /*text-shadow: 0 0 0 transparent, 0 1px 1px #298798; /* IE does not support */ transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear;} a.button-small-text.blue:hover {opacity: 0.85; filter: alpha(opacity=85);} /*a.button-small-text.blue:hover span {opacity: 0.9; filter: alpha(opacity=90);}*/ a.button-small-text.green {/*background: transparent url('../images/btn-slice-small-auth-green-right.png') no-repeat scroll top right;*/transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear;} a.button-small-text.green span {background-color: #36C7BB; /*background: transparent url('../images/btn-slice-small-auth-green-left.png') no-repeat; text-shadow: 0 0 0 transparent, 0 1px 1px #298798; /* IE does not support */ transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear;} a.button-small-text.green:hover {opacity: 0.85; filter: alpha(opacity=85);} /*a.button-small-text.green:hover span {opacity: 0.9; filter: alpha(opacity=90);}*/ /* Large buttons */ a.button-large-text {color: #fff;display: block;font-weight: bold;height: 51px;margin-right: 6px;padding-right: 25px; text-decoration: none; transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear;} a.button-large-text span {display: block;color:#fff;/*line-height: 51px;*/padding: 12px 22px; font-size: 16px;font-family: 'Myriad Pro', 'Lucida Grande', sans-serif; transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear; border-radius: 3px; letter-spacing: 1.5px; font-family: 'Open Sans', 'Raleway', sans-serif; text-transform: uppercase; font-weight: 300; font-size: 12px; letter-spacing: 1.5px; background-color: #FF9B27; } a.button-large-text:hover {opacity: 0.85; filter: alpha(opacity=85);} /*a.button-large-text:hover span {opacity: 0.9; filter: alpha(opacity=90);}*/ /* Orange */ a.button-large-text.orange {/*background: transparent url('../images/btn-slice-large-auth-orange-right.png') no-repeat scroll top right;*/ transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear; font-family: 'Open Sans', 'Raleway', sans-serif; text-transform: uppercase; font-weight: 700; font-size: 12px; letter-spacing: 1.5px; text-shadow: 0; -webkit-box-shadow: 0; box-shadow: 0; border: none; color: #FFF; border-radius: 2px; /* padding: 12px 22px; */ outline: 0 !important; /* margin-right: 3px; */ margin-bottom: 10px; -webkit-transition: background-color 0.25s; -moz-transition: background-color 0.25s; -o-transition: background-color 0.25s; transition: background-color 0.25s; } a.button-large-text.orange span {/*background: transparent url('../images/btn-slice-large-auth-orange-left.png') no-repeat; */ background-color: #FF9B27; /* IE does not support */ transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear; } a.button-large-text.orange:hover {opacity: 0.85; filter: alpha(opacity=85);} /*a.button-large-text.orange:hover span {opacity: 0.9; filter: alpha(opacity=90);}*/ /* Blue */ a.button-large-text.blue {/*background: transparent url('../images/btn-slice-large-auth-blue-right.png') no-repeat scroll top right;*/transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear; font-family: 'Open Sans', 'Raleway', sans-serif; */ font-weight: 700; font-size: 12px; letter-spacing: 1.5px; text-shadow: 0; -webkit-box-shadow: 0; box-shadow: 0; border: none; color: #FFF; border-radius: 2px; /* padding: 12px 22px; */ outline: 0 !important; /* margin-right: 3px; */ /* margin-bottom: 10px; */ -webkit-transition: background-color 0.25s; -moz-transition: background-color 0.25s; -o-transition: background-color 0.25s; transition: background-color 0.25s; text-transform: uppercase; } a.button-large-text.blue span {/* background: transparent url('../images/btn-slice-large-auth-blue-left.png') no-repeat; */ background-color: #48C4DA; /* IE does not support */ transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear; } a.button-large-text.blue:hover {opacity: 0.85; filter: alpha(opacity=85);} /*a.button-large-text.blue:hover span {opacity: 0.9; filter: alpha(opacity=90);}*/ /* Green */ a.button-large-text.green {/*background: transparent url('../images/btn-slice-large-auth-green-right.png') no-repeat scroll top right;*/transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear; font-family: 'Open Sans', 'Raleway', sans-serif; text-transform: uppercase; font-weight: 700; font-size: 12px; letter-spacing: 1.5px; text-shadow: 0; -webkit-box-shadow: 0; box-shadow: 0; border: none; color: #FFF; border-radius: 2px; /* padding: 12px 22px; */ outline: 0 !important; /* margin-right: 3px; */ margin-bottom: 10px; -webkit-transition: background-color 0.25s; -moz-transition: background-color 0.25s; -o-transition: background-color 0.25s; transition: background-color 0.25s; } a.button-large-text.green span {/*background: transparent url('../images/btn-slice-large-auth-green-left.png') no-repeat; */ background-color: #36C7BB; /* IE does not support */ transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear; } a.button-large-text.green:hover {opacity: 0.85; filter: alpha(opacity=85);} /*a.button-large-text.green:hover span {opacity: 0.9; filter: alpha(opacity=90);}*/ .button-container {overflow: hidden;} .button-small-right-link {position: relative; top: 6px; left: 5px;} .button-large-right-link {position: relative; top: 10px; left: 8px;} .button-large-image { transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear;} .button-large-image:hover { opacity: 0.9; filter: alpha(opacity=90); } /*** FREE FORMS (i.e., forms with no wrapping) ***/ .free-form {width: 350px; margin: 0 0 0 0; } .free-form .field-title {font-size: 14px; color: #4d4d45; text-shadow: 1px 1px 0 white; font-weight: bold; margin-bottom: 4px; } .free-form input[type="text"] {width:318px; height: 24px; padding: 8px 16px 8px 16px; margin-bottom: 20px; border-width: 1px 0 1px 0; border-color: #DDD #65645A #FFF #65645A; border-style: solid none solid none; font-size:18px; font-weight:400; color:#85847A; vertical-align:middle; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } .free-form #discountCode {width:198px; height: 24px; padding: 8px 16px 8px 16px; margin-bottom: 20px; border-width: 1px 0 1px 0; border-color: #DDD #65645A #FFF #65645A; border-style: solid none solid none; font-size:18px; font-weight:400; color:#85847A; vertical-align:middle; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin-right: 10px; } .free-form input[type="password"] {width:318px; height: 24px; padding: 8px 16px 8px 16px; margin-bottom: 20px; border-width: 1px 0 1px 0; border-color: #DDD #65645A #FFF #65645A; border-style: solid none solid none; font-size:20px; font-weight:400; color:#85847A; vertical-align:middle; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } .free-form input[type="checkbox"] { margin-bottom: 20px; margin-right: 4px;} .free-form textarea{height:auto;} .free-form textarea,.free-form input[type="text"],.free-form input[type="password"],.free-form input[type="datetime"],.free-form input[type="datetime-local"],.free-form input[type="date"],.free-form input[type="month"],.free-form input[type="time"],.free-form input[type="week"],.free-form input[type="number"],.free-form input[type="email"],.free-form input[type="url"],.free-form input[type="search"],.free-form input[type="tel"],.free-form input[type="color"],.free-form .uneditable-input{background-color:#ffffff;border:1px solid #ddd;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear .2s, box-shadow linear .2s;-moz-transition:border linear .2s, box-shadow linear .2s;-o-transition:border linear .2s, box-shadow linear .2s;transition:border linear .2s, box-shadow linear .2s;}textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82, 168, 236, 0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);} .free-form select{border:1px solid #ddd;background-color:#ffffff;} .free-form select[multiple],select[size]{height:auto;} .free-form select:focus,.free-form input[type="file"]:focus,.free-form input[type="radio"]:focus,.free-form input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} .free-form .uneditable-input,.uneditable-textarea{color:#999999;background-color:#fcfcfc;border-color:#ddd;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);cursor:not-allowed;} /*.free-form span.checkbox { float: left;}*/ .free-form span.right-tip { float:right;} .free-form .button-large-text { clear:both; position:relative; top:10px; margin-bottom:30px; } .free-form .button-large-image { clear:both; position:relative; top:10px; margin-bottom:30px;} div.free-form div.error input, div.free-form div.error textarea, div.free-form div.error select, div.free-form input.error, div.free-form textarea.error, div.free-form select.error, .form input.error { background: #FEE; } .form select.error { background: #FEE; } .form textarea.error { background-color: #FEE; } /*** REGULAR FORMS ***/ .form {width: 480px; margin: 0 auto;} .form .form-area {clear: both; } .form .form-area-title {width: 100%; margin-bottom: 15px; float: left; font-weight: bold; font-size: 18px;} .form .form-area-subtitle {width: 100%; margin: 15px 0 20px 0; float: left; font-weight: bold; font-size: 16px; color: #999; font-style: italic;} .form .field-title {width:144px; height: 20px; clear:both; float: left; padding: 0 16px 6px 0; text-align: right; } .form .field-title label { font-weight: bold; } .form .field-value {font-weight: normal; width:308px; height: 20px; float: right; padding: 0 12px 6px 0px; margin-bottom: 8px; font-size: 14px; letter-spacing: 0.5px; } .form .mandatory {font-weight: bold;} .form input[type="text"] {width:270px; height: 20px; position:relative; top:-6px; padding: 6px 12px; margin-bottom: 16px; font-size:15px; letter-spacing: 0.5px; font-weight:200; color:#85847A; vertical-align:middle; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } .form input[type="password"] {height: 20px; position:relative; top:-6px; padding: 6px 12px; margin-bottom: 16px; font-size:15px; letter-spacing: 0.5px; font-weight:200; color:#85847A; vertical-align:middle; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } .form input[type="checkbox"] { margin-bottom: 16px; margin-right: 8px;} .form textarea {width:95%; height: 80px; position:relative; padding: 6px 12px; margin-bottom: 16px; border-width: 1px 0 1px 0; border-color: #DDD #65645A #fafafa #65645A; border-style: solid none solid none; font-size:15px; letter-spacing: 0.5px; font-weight:200; color:#85847A; vertical-align:middle; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } .form select {height: 24px; margin: 0 16px 28px 0; padding: 0 0 0 4px; position:relative; top:-2px; font-size:13px; color:#85847A; } .form span.checkbox { float: left;} .form span.right-tip { float:right;} .form .button-large-text { clear:both; position:relative; top:10px; margin-bottom:30px; } .form .button-large-image { clear:both; position:relative; top:10px; margin-bottom:30px; } .form .form-submit-step2 {clear: both; margin-bottom: 24px; position:relative;} .form .form-back {position:relative; left:100px; top:22px;} .form .form-next {position:relative; left:150px; top:0;} .form hr { margin: 0px 0 25px 0; } .form textarea{height:auto;} .form textarea,input[type="text"],.form input[type="password"],.form input[type="datetime"],.form input[type="datetime-local"],.form input[type="date"],.form input[type="month"],.form input[type="time"],.form input[type="week"],.form input[type="number"],.form input[type="email"],.form input[type="url"],.form input[type="search"],.form input[type="tel"],.form input[type="color"],.form .uneditable-input{background-color:#ffffff;border:1px solid #ddd;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear .2s, box-shadow linear .2s;-moz-transition:border linear .2s, box-shadow linear .2s;-o-transition:border linear .2s, box-shadow linear .2s;transition:border linear .2s, box-shadow linear .2s;}textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82, 168, 236, 0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);} .form select{border:1px solid #ddd;background-color:#ffffff;} .form select[multiple],select[size]{height:auto;} .form select:focus,.form input[type="file"]:focus,.form input[type="radio"]:focus,.form input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} .form .uneditable-input,.uneditable-textarea{color:#999999;background-color:#fcfcfc;border-color:#ddd;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);cursor:not-allowed;} #text-CSC {clear: right; width: 85px;} /*** FLASH NOTES ***/ .flash-note-red, .flash-note-grey, .flash-note-green, .flash-note-yellow {width:100%-32px; position:relative; top:10px; margin: 0 0 20px 0; padding: 10px 16px 10px 16px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; box-shadow: 1px 1px 3px #c7c7c7; -webkit-box-shadow: 1px 1px 3px #c7c7c7; -moz-box-shadow: 1px 1px 3px #c7c7c7;} .flash-note-red span, .flash-note-grey span, .flash-note-green span, .flash-note-yellow span {font-weight: bold;} .flash-note-red p, .flash-note-grey p, .flash-note-green p, .flash-note-yellow p {margin-bottom:0;} .flash-note-red {background: url('../images/bg-flash-note-red.png') repeat; } .flash-note-grey {background: url('../images/bg-flash-note-grey.png') repeat; left:50px; } .flash-note-green {background: url('../images/bg-flash-note-green.png') repeat; } .flash-note-yellow {background: url('../images/bg-flash-note-yellow.png') repeat; } #flash-note-grey-register {width: 300px;} /*** 3 COLUMNS APPROACH ***/ .div-size-1, .div-size-2, .div-size-3, .div-size-4 { overflow: hidden; margin: 0 0 35px 0;} .div-size-3 { width: 882px;} .div-size-2 { width: 576px;} .div-size-1 { width: 270px;} .div-size-4 { width: 450px;} .div-pos-left { clear:left; float: left; margin-right: 18px;} .div-pos-right { clear:right; float: right; margin-left: 18px;} .div-pos-center { margin-right: 18px; margin-left: 18px;} .panel-header { height: 20px; color: white; text-shadow: none! important; padding: 5px 16px; margin: 0; border-top-left-radius:5px; -moz-border-top-left-radius:5px; -webkit-border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; opacity: 0.9; font-weight: normal; } .panel-content { background-color: #fcfcfc; border: 1px solid #ddd; padding: 16px 16px; border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; /*box-shadow: 1px 1px 3px #c7c7c7; -webkit-box-shadow: 1px 1px 3px #c7c7c7; -moz-box-shadow: 1px 1px 3px #c7c7c7;*/ } .subpanel-header { height: 20px; background-color: #dbdbdb; color: #4d4d45; text-shadow: 1px 1px 0 white; padding: 5px 16px; margin: 0; border-top-left-radius:7px; -moz-border-top-left-radius:7px; -webkit-border-top-left-radius:7px; border-top-right-radius:7px; -moz-border-top-right-radius:7px; -webkit-border-top-right-radius:7px; } .subpanel-content { border: 1px solid #ddd; padding: 16px 16px; margin-bottom: 16px; border-bottom-left-radius:10px; -moz-border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; border-bottom-right-radius:10px; -moz-border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; } .panel-content h4 { font-weight: bold;} /* === STYLE FOR SPECIFIC PUBLIC PAGES =============================================================== */ /*** HOME PAGE ***/ #header-bottom-container-home { width: 940px; margin:0px auto 0px auto; } /* Home Social Network Icons */ #home-follow-us li a {transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear;} #home-follow-us li a:hover { opacity: 0.9; filter: alpha(opacity=90); } /* Home: tabs */ #home-tabs-container { width: 940px; margin:0px auto 0px auto; background-color: white; } #home-tabs { float:right; position:relative; margin:0px 0px 0px 0px; background: url("../images/bg-tab-01-all-home.png");} #home-tabs.current-tab-1 { background: url("../images/bg-tab-01-all-home.png"); } #home-tabs.current-tab-2 { background: url("../images/bg-tab-02-all-home.png"); } #home-tabs.current-tab-3 { background: url("../images/bg-tab-03-all-home.png"); } #home-tabs.current-tab-4 { background: url("../images/bg-tab-04-all-home.png"); } #home-tabs ul { list-style: none; margin: 0; float: left; } #home-tabs li { display: inline; } #home-tabs a { display: block; float: left; margin:0px 0px 0px 0px; font-size:12px; color:#666; min-width:124px; text-decoration:none; } #home-tabs a:hover {text-decoration: none; color:#000;} #home-tabs a span { text-transform: uppercase; letter-spacing:0px; line-height:14px; } #home-tabs a#tab1 div { padding:3px 0px 0 18px; } #home-tabs a#tab2 div { padding:3px 0px 0 18px; } #home-tabs a#tab3 div { padding:3px 0px 0 18px; } #home-tabs a#tab4 div { padding:3px 0px 0 20px; } #home-tabs a.on { height:43px; } #home-tabs a.on div { color:#3c9acc; padding:0px 0px 0 20px; } #home-tabs a.on span { color:#3c9acc; } #home-tabs a.off { color:#666; background: none; height:38px; } #home-tabs a.off:hover {text-decoration: none; color:#000;} /*#home-tabs a.off#tab1 { background: url("../images/bg-tab-01-off-home.png"); }*/ /*#home-tabs a.off#tab2 { background: url("../images/bg-tab-02-off-home.png"); }*/ /*#home-tabs a.off#tab3 { background: url("../images/bg-tab-03-off-home.png"); }*/ /*#home-tabs a.off#tab4 { background: url("../images/bg-tab-04-off-home.png"); }*/ /* Home: slider */ .slider-container{ position:absolute; top:0; left:0; height:375px; width:940px; } #slider { z-index:1; position:relative; top:0; height:410px; width:940px; left:0; } #slider .slide1{ visibility:visible; } .slide1{ z-index:1; } .jshide{ visibility:hidden; } .slide-text div { width:422px; height:230px; position:absolute; left:0px; top:0px; padding:64px 0 0 0; } .slide-text div p { margin:0 0 0 0 !important; } .slide-text div p.sep { margin:9px 0 7px 0 !important; } #slider .slide-button {position:absolute; left:0px; top:312px; padding-bottom:0px; } #slider .slide-title {position:absolute; left:0; top:51px;} #slider .slide-subtitle {position:absolute; left:0; top:194px;} #slider .slide1-image {position:absolute; top:55px; left:430px;} #slider .slide2-image {position:absolute; top:55px; left:525px;} #slider .slide3-image {position:absolute; top:85px; left:440px;} #slider .slide4-image {position:absolute; top:55px; left:520px;} /* Home: content area */ #content-panel-home {width: 820px;position: relative;overflow:auto;padding: 10px 60px 50px 60px;top:0px;margin: 0 auto 0 auto;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;} #content-area-home { width: 100%; height: 1220px; background: url("../images/bg-texture-content-out-home.png") repeat; margin: 0 auto 0 auto; } #content-container-home { width: 940px; position: relative; margin-left: auto; margin-right: auto; } #home-follow-us {float:left; width:186px; height: 36px; top:0; margin:0 0 0 0; background: url("../images/bg-follow-us.png"); } #home-follow-us ul {float: left; list-style: none; margin: 5px 0px 0px 15px; vertical-align: middle;} #home-follow-us li {display: inline; padding: 3px 5px 0 0;} #home-facebook-like {float:left; width:186px; height: 36px; top:0; margin: 10px 0 0 46px; } #content-text {width:385px; height:154px; position: relative; left:40px;} #content-text .content-title {margin:0 0 14px 0; left:0; font-size: 14px;} #content-text .content-desc {margin:0 0 0 0; left:0; } #content-text .content-more a {margin:0 0 0 0; float:right; } #content-image {width:200px; height:154px; position:absolute; top:0; right:18px; margin:0; } #watch-video {height: 62px; width: 362px; position: relative; bottom: -64px; left: 125px;} #sympla-video {height: 224px; width: 400px; position: relative; top: -207px; left: 490px; border: 8px solid #EEE; box-shadow: 1px 1px 2px #BBB; border-radius: 7px;} .content-block {width: 940px; position: relative; margin: 15px auto 0 auto;} .content-block#block1 { height: 170px; } .content-block#block2 { height: 296px; } .content-block#block2 span { font-weight: bold; font-size: 20px; color: #4D4D45; text-shadow: 1px 1px 0 white; top: 3px; margin: 0 0 20px 0; position: relative; } .content-block#block3 span { font-weight: bold; font-size: 20px; color: #4D4D45; text-shadow: 1px 1px 0 white; top: -12px; margin: 0 0 20px 0; position: relative; } .content-block#block3 a {transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear; margin-left: 20px;} .content-block#block3 a:hover {opacity: 0.7; filter: alpha(opacity=70);} .content-block#block3 span { font-weight: bold; font-size: 20px; color: #4D4D45; text-shadow: 1px 1px 0 white; top: 3px; margin: 0 0 20px 0; position: relative; } .content-block#block3 img { vertical-align:middle; margin-left: 37px; } .quote-font {font-size:11px; font-style: italic;} /* Home: testimonial */ #content-testimonial {width:314px; height:137px; position:absolute; top:0px; right:0px; margin:10px 0 0 0; background: url("../images/bg-testimonial.png"); } #content-testimonial .quote {width: 250px; font-size:12px; font-style: italic; margin-top: 18px; margin-left: 45px;} #content-testimonial .author-name {float:right; margin:0 20px 0 0; font-size:11px; } #content-testimonial .author-org {clear:right; float:right; margin:0 20px 0 0; font-size:12px; font-weight: bold; } /* New Home */ #home-main-panel {height: 345px; overflow: hidden;} #main-tittle {margin-top: 40px;} #main-subtittle {margin-top: 29px;} #main-button {margin-top: 27px;} #main-itsfree {margin: 2px 0px 0px 48px;} #main-watch {position: relative; left: 268px; bottom: 97px;} #main-image {float: right; position: relative; bottom: 277px;} #main-playbutton {position: relative; bottom: 500px; left: 715px; cursor: pointer; transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear;} #main-playbutton img:hover {opacity: 0.9} #main-video {position: relative; bottom: 371px; left: 568px;} /* home events*/ .first-home-event { float: left; } .first-home-event a { transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear; } .first-home-event a:hover { opacity: .8; filter: alpha(opacity=80); } .home-event { float: left; margin-left: 48px } .home-event a { transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear; } .home-event a:hover { opacity: .8; filter: alpha(opacity=80); } .line2 {margin-top: 40px} .home-events-navigation{ position: absolute; top: 254px; margin-bottom: -418px; width: 25px; height: 40px; opacity: 0.7; display: none; cursor: pointer; z-index: 1; transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear; -ms-transition: opacity 200ms linear; } #home-events-div{ height: 420px; width: 940px; overflow: hidden; } #home-events-div #container-div{ } .home-events-navigation:hover{ opacity: 1; } .active-nav{ display: block; } .home-events-navigation#home-nav-right{ left: 955px; } .home-events-navigation#home-nav-left{ left: -40px; } .home-events-page{ display: inline; position: relative; float: left; width: 940px; margin-right: 48px; } .home-events-page#page-1{ } .home-events-page.active-page{ } /*** HOW IT WORKS ***/ #how-it-works-video { border: 8px solid #EEE; box-shadow: 1px 1px 2px #BBB; width: 804px; height: 452px; border-radius: 7px; margin: 0 auto 0 auto; } #hiw-subpanel1-text {font-size: 19px; text-align: center; margin: 13px auto 13px auto;} .hiw-summary-box {width:210px; height:380px; position:relative; float:left; margin:0 28px 20px 28px; } .hiw-summary-box h2 {text-align: left; margin: 20px 0 0 0;} .hiw-summary-box .separator { margin: 0 0 8px 0;} .hiw-summary-box .thumb-large {margin: 0 0 10px 0; box-shadow: 1px 1px 3px #c7c7c7; -webkit-box-shadow: 1px 1px 3px #c7c7c7; -moz-box-shadow: 1px 1px 3px #c7c7c7;} .hiw-summary-box p {text-align: left; margin: 0 0 10px 0; } .hiw-summary-box a {float:right;} .content-panel>h2 {text-align: left; margin: 22px 0 22px 30px;} .content-panel>.separator {width: 740px; margin: 0 0 22px 30px; } .content-panel .thumb-small {width: 140px; float:left; margin: 0 30px 36px 30px; box-shadow: 1px 1px 2px #c7c7c7; -webkit-box-shadow: 1px 1px 2px #c7c7c7; -moz-box-shadow: 1px 1px 2px #c7c7c7;} .content-panel .features {width: 600px; float:right; position:relative; right:0px; margin: 0 0 20px 0; } .content-panel .features .feature {width: 266px; float:left; margin: 0 31px 26px 0; } .content-panel .features .feature h3 { text-align: left; margin: 0 0 10px 0; } .content-panel .features .feature p {text-align: left; margin: 0 0 0 0;} .content-panel .features .register {float:left; margin-bottom:0 !important; } .content-panel .features .back-to-top {position:absolute; bottom:0; right:35px; font-size:12px; font-weight:bold; } #content-container-home .separator {width: 940px; margin: 0 0 22px 0; } .register {transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear;} .register:hover {opacity: 0.9; filter: alpha(opacity=90);} .content-subpanel .price {/*width:164px;*/ height:auto; position:relative; margin:15px 10px 15px 10px; text-align: center; } .content-subpanel .price .text {vertical-align: middle !important;} .content-subpanel .price .prices span#currency {font-size: 17px; font-weight: bold; color: #4d4d45; text-shadow: 1px 1px 0 white; } .content-subpanel .price .prices span#value {font-size: 34px; font-weight: bold; color: #4d4d45; text-shadow: 1px 1px 0 white; } .content-subpanel .price .prices { float: left; text-align: center; width: 386px; height: 200px; background: url("../images/img-bg-price-model.png") no-repeat; } .content-subpanel .price .prices#price { margin-left: 210px; } .content-subpanel .price .prices#price h3 { margin: 15px 0 13px 0; } .content-subpanel .new-price-explanation h4 {margin: 0 0 -3px 0} .content-subpanel .separator {margin: 15px 0 15px 0; } .content-subpanel#price-free-event .separator {} .content-subpanel#price-free-event {width: 820px; height: 187px; /*margin-left: -24px;*/ text-align: center; } .content-subpanel#price-paid-event {width: 820px; height: 508px; /*margin-left: -24px;*/ text-align: center; } .content-subpanel#price-paid-event .separator {} /* .content-subpanel .price-explanation {width:500px; height:140px; float:right; margin:15px 30px 15px 0; } .content-subpanel .price-explanation h2 {font-size: 20px; margin-bottom: 10px;} .content-subpanel .price-explanation p {text-align: left; margin: 0 0 20px 0; } .content-subpanel .price-explanation img {float:left; margin-bottom:0 !important; margin-right: 10px;} */ .content-subpanel .new-price-explanation {clear: both; padding-top: 18px; } .content-subpanel .new-price-explanation h2 {display: inherit; margin-left: 60px; margin-right: 60px; margin-bottom: 10px; text-align: center; font-size: 26px; } .content-subpanel .new-price-explanation p {margin: 0 30px; display: inherit; text-align: center; /*font-size: 14px;*/ padding-top: 3px; } .content-subpanel .new-price-explanation img {display: block; margin-left: auto; margin-right: auto; padding-top: 20px; } /* HIW Latest version */ .free-service {width:110px;float:left;text-align: right;position:relative; left:-12px; top:4px;} /*** CREATE ACCOUNT AND LOGIN PAGES ***/ #register-disclaimer {clear:both; } .visual-area {float:right; width: 420px; } .visual-area img#login {position:relative; top:-30px; left:75px; } .visual-area img#register {position:relative; left:150px; margin: 0 0 45px 0;} .visual-area img#password {position:relative; left:50px; } /*** SYMPLA JOBS ***/ .sympla-job{ /*margin-bottom: 40px;*/ } .job-separator{ margin: 25px 0 35px 0; } .btn-get-job{ } #dialogSendCVBirthDate{ float: left; margin-left: -25px; } #dialogSendCVBirthDate + span{ text-align: left; clear: none; margin-left: 23px; } #dialogSendCVPhone{ float: left; margin-left: 8px; } #dialogSendCVPhoneArea{ float: left; margin-left: -15px; } #dialogSendCV-jobTitle{ color: white; font-weight: bold; font-size: 14px; } #dialogSendCV .form span{ font-weight: bold; } /*** CASE PAGES ***/ .section-separator{ margin: 35px 0; } div.frame{ border: 8px solid #EEE; box-shadow: 1px 1px 2px #BBB; border-radius: 7px; } div.frame-small{ border: 5px solid #EEE; box-shadow: 1px 1px 2px #BBB; border-radius: 4px; } .case-testimonial{ background: rgb(250, 250, 250); } .case-header{ height: 351px; width: 800px; } .case-intro-text{ margin-left: 300px; } .case-advantage{ width: 250px; margin-right: 35px; float: left; } .case-advantage.last{ margin-right: 0px; } /*** H1 TITLES ***/ #header-public-title{padding-top: 40px;float: left;} #header-public-title h1 {text-shadow: 2px 2px 2px #129dca; } /*** ORGANIZER PAGE ***/ /* Organizer page: header and footer */ #header-area-org-page { width:100%; height:50px; background-color: black; overflow: hidden; position: relative;} #header-container-org-page { width: 960px; margin:0 auto 0 auto; } #header-container-org-page #header-left { float:left; } #header-container-org-page #header-right { float:right; } #header-container-org-page div { padding: 15px 0 15px 0; } #header-container-org-page span { color:white; padding: 10px 0 10px 0; vertical-align: top;} #header-container-org-page a { color:#3c9acc; } #footer-area-org-page { width:100%; height:100%; background-color: black; overflow: hidden; } #footer-container-org-page { width: 940px; margin:0 auto 0 auto; } #footer-container-org-page #footer-left { float:left; } #footer-container-org-page #footer-right { float:right; } #footer-container-org-page div { padding: 15px 0 15px 0; } #footer-container-org-page span { color:white; padding: 10px 0 10px 0; } #footer-container-org-page a { color:#3c9acc; } /*** EVENT PAGE ***/ /* Event page: header and footer */ #header-area-event-page { width:100%; height:50px; background-color: black; overflow: hidden; position:fixed !important; z-index:10;} #header-container-event-page { width: 960px; margin:0 auto 0 auto; } #header-container-event-page #header-left { float:left; } #header-container-event-page #header-right { float:right; } #header-container-event-page div { padding: 15px 0 15px 0; } #header-container-event-page span { color:white; padding: 10px 0 10px 0; vertical-align: top;} #header-container-event-page a { color:#3c9acc; } #footer-area-event-page { width:100%; height:100%; background-color: black; overflow: hidden; /*top: 50px;*/} #footer-container-event-page { width: 940px; margin:0 auto 0 auto; } #footer-container-event-page #footer-left { float:left; } #footer-container-event-page #footer-right { float:right; } #footer-container-event-page div { padding: 15px 0 15px 0; } #footer-container-event-page span { color:white; padding: 10px 0 10px 0; } #footer-container-event-page a { color:#3c9acc; } /* Event page: main panel */ #content-area-event-page { width: 100%; margin: 0 auto 127px auto; padding: 24px 0 24px 0; } #content-panel-main-event-page {width: 882px; position:relative; top: 50px; overflow:auto; padding: 26px 39px 35px 39px; margin: 0 auto 0 auto; background-color: white; opacity: .93; filter: alpha(opacity=93); border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px #888;-moz-box-shadow: 0 0 5px #888; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=93)";} /* Event page: standard header */ #standard-header { width: 890px; position: relative; } #standard-logo {height: 200px; margin: 0 25px 0 0; float:left;} #standard-logo img {vertical-align:middle;} #standard-banner {margin: 0 0 25px 0; width: 880px; float:left;} #standard-banner img {vertical-align:middle; max-width: 880px; display: block; margin-left: auto;margin-right: auto; width: 880px;} #standard-info {width:514px; margin: 0; float:left; } #standard-info-banner { margin: 0; float:left; } #standard-title {width: 100%; } #standard-title h2 { font-size: 28px; } #standard-date-time-location {width:100%; height: 100px; } #standard-date-time-location span {font-size: 15px; display:inline-block; vertical-align:middle;} /* Event page: custom header */ #custom-header { width: 890px; position: relative; } #custom-logo {margin: 0 0 30px 0;} #custom-info {width:890px; margin: 0 0 30px 0; } #custom-title {width: 100%; } #custom-title h2 { font-size: 28px; margin-bottom: 10px;} #custom-date-time-location {width:100%; } #custom-date-time-location span {font-size: 15px; display:inline-block; vertical-align:middle;} #sharing-options {width:885px; height: 36px; position: relative; clear: both; float: left !important; padding: 14px 0 2px 0;} #like-facebook {width:580px; margin: 5px 40px 0 0; float: left;} #sharing-icons {width:260px; margin:0 0 0 auto; text-align: right; } #sharing-icons img {margin-left: 4px;} #sharing-icons a img {transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear;} #sharing-icons a img:hover {opacity: .85; filter: alpha(opacity=85);} /* Event page: ticket area */ #option-credit-card { float: left; margin: 0 48px; } #option-credit-card input { position: relative; top:-5px; } #option-paypal { float: left; } #option-paypal input { position: relative; top:-5px; } .buyButton { float:right; transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear; outline: none;} .buyButton:hover { opacity: 0.85; filter: alpha(opacity=85); } #divFree { float:right; padding: 0 200px; } #total { width: 100%; height: 21px; background-color: #eee; color: #4d4d45; text-shadow: 1px 1px 0 white; font-weight: bold; text-align: center; padding: 9px 0 6px 0; margin: 0 0 16px 0; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;} /* wrapper */ #wrapper{min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -127px auto;} #wrapper.template1 {background: url("../images/bg-texture-content-out-event-page-1.png") repeat 0 0; } #wrapper.template2 {background: url("../images/bg-texture-content-out-event-page-2.png") repeat 0 0; } #wrapper.template3 {background: url("../images/bg-texture-content-out-event-page-3.png") repeat 0 0; } #wrapper.template4 {background: url("../images/bg-texture-content-out-event-page-4.png") repeat 0 0; } #wrapper.template5 {background: url("../images/bg-texture-content-out-event-page-5.png") repeat 0 0; } #wrapper.template6 {background: url("../images/bg-texture-content-out-event-page-6.png") repeat 0 0; } /* Event page: GUI templates */ #content-area-event-page.template1 {background: url("../images/bg-texture-content-out-event-page-1.png") repeat 0 0; } #content-area-event-page.template2 {background: url("../images/bg-texture-content-out-event-page-2.png") repeat 0 0; } #content-area-event-page.template3 {background: url("../images/bg-texture-content-out-event-page-3.png") repeat 0 0; } #content-area-event-page.template4 {background: url("../images/bg-texture-content-out-event-page-4.png") repeat 0 0; } #content-area-event-page.template5 {background: url("../images/bg-texture-content-out-event-page-5.png") repeat 0 0; } #content-area-event-page.template6 {background: url("../images/bg-texture-content-out-event-page-6.png") repeat 0 0; } #content-panel-main-event-page.template1 { background-color: #fff;} #content-panel-main-event-page.template2 { background-color: #fff;} #content-panel-main-event-page.template3 { background-color: #fffef8;} #content-panel-main-event-page.template4 { background-color: #fff;} #content-panel-main-event-page.template5 { background-color: #f6f4e8;} #content-panel-main-event-page.template6 { background-color: #fff;} #standard-title h2.template1 { color: #4d4d45; text-shadow: 1px 1px 0 white; } #standard-title h2.template2 { color: #4d4d45; text-shadow: 1px 1px 0 white; } #standard-title h2.template3 { color: #1d9a9f; } #standard-title h2.template4 { color: #4d4d45; text-shadow: 1px 1px 0 white; } #standard-title h2.template5 { color: #4c6a63; } #standard-title h2.template6 { color: #c24343; } .panel-header.template1 { background-color: #797974;} .panel-header.template2 { background-color: #4d4d45; text-shadow: 1px 1px 0 white; } .panel-header.template3 { background-color: #1d9a9f;} .panel-header.template4 { background-color: #797974;} .panel-header.template5 { background-color: #7b908b;} .panel-header.template6 { background-color: #d26d6e;} /*** DIALOGUES ***/ .dialogue-300 { width: 300px; margin: auto; position:relative; } .dialogue-400 { width: 400px; margin: auto; position:relative; } .dialogue-500 { width: 500px; margin: auto; position:relative; } .dialogue-550 { width: 550px; margin: auto; position:relative; } .dialogue-600 { width: 600px; margin: auto; position:relative; } .dialogue-700 { width: 700px; margin: auto; position:relative; } .dialogue-800 { width: 800px; margin: auto; position:relative; } .dialogue-900 { width: 900px; margin: auto; position:relative; } .dialogue-300 .close, .dialogue-400 .close, .dialogue-500 .close, .dialogue-550 .close, .dialogue-600 .close, .dialogue-700 .close, .dialogue-800 .close, .dialogue-900 .close { position:absolute; top:4px; right:5px; } .dialogue-header { height: 20px; color: white; text-shadow: none !important; background-color: #8d909a; padding: 3px 16px 7px 16px; margin: 0; border-top-left-radius:5px; -moz-border-top-left-radius:5px; -webkit-border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; font-weight: normal; } .dialogue-content { background-color: #f2f2f2; border: 1px solid #ddd; padding: 25px 25px 80px 25px; border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; overflow: hidden; position:relative; } .dialogue-content h4 { font-weight: bold; margin-bottom: 10px;} .dialogue-content h4 span { font-size: 16px;} .dialogue-action-container {width: 120px; margin: auto; } .dialogue-action-div { position: absolute; bottom:20px;} .dialogue-action-div .dialogue-action-button { margin-right: 20px; } .dialogue-action-div .dialogue-action-link { position:relative; top: 5px;} /*** Feedback tab ***/ #zenbox_tab { top: 28% !important; border:0 !important; width: 33px !important; height: 90px !important; transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear;} #zenbox_tab:hover { opacity: 0.85; filter: alpha(opacity=85); } #dialogContactOrg .form .field-title { font-weight: bold; } #knowledge_base_search_input {width: 240px !important;} /** User Page **/ #user-page-background{ width: 100%; padding: 0; margin: -100px auto -50px auto; padding-bottom: 50px; min-height: 100%; } #user-page-background.template1 {background: url("../images/bg-texture-content-out-event-page-1.png") repeat 0 0; } #user-page-background.template2 {background: url("../images/bg-texture-content-out-event-page-2.png") repeat 0 0; } #user-page-background.template3 {background: url("../images/bg-texture-content-out-event-page-3.png") repeat 0 0; } #user-page-background.template4 {background: url("../images/bg-texture-content-out-event-page-4.png") repeat 0 0; } #user-page-background.template5 {background: url("../images/bg-texture-content-out-event-page-5.png") repeat 0 0; } #user-page-background.template6 {background: url("../images/bg-texture-content-out-event-page-6.png") repeat 0 0; } #user-page-main-panel{ width: 882px; top: 125px; padding: 26px 39px 35px 39px; margin-bottom: 150px} #user-page-main-panel #user-info{ padding-bottom:20px; } #user-page-main-panel #user-info #desc { font-size: 14px; width: 600px; min-height: 110px; height: auto; overflow: hidden; } #user-page-main-panel #user-info img#logo { float: left; max-width: 250px; max-height: 200px; height: auto; width: auto; margin-right: 25px; } #user-page-main-panel #user-info img#banner { width: 100%; margin-bottom: 20px; } #user-page-main-panel div.events { padding: 32px 32px; } #user-page-main-panel div.events #event-logo { float: left; max-height: 75px; max-width: 100px; height: auto; width: auto; margin-right:15px; } #user-page-main-panel div.events #line { width: 100%; margin: 0 auto 25px auto; } #user-page-main-panel div.events #event-name { max-width:705px; } #user-page-main-panel div.events #event-name a {font-size: 18px;} #user-page-main-panel div.events #event-date-location { margin: 10px 0 -25px 0; } #user-page-main-panel div.events #button { position: relative; top: -25px; float:right; } #user-page-main-panel div.events #no-events { width: 368px; margin: 0 auto 0 auto; } #user-page-main-panel div.events #no-events span { font-size: 16px; } /* footer */ #footer-area-org-page { height: 50px;clear: both;position: relative; } #footer-container-org-page { height: 100%; } /*** Advanced Search ***/ #event-search-left-panel { width: 150px; } #event-search-content { width: 600px; } #event-search-left-panel h4 img{ margin: 0px 5px -2px 0px } .advanced-search-result{ height: 100px; margin-bottom: 10px; border-top: 1px solid #d3d3d3; } .advanced-search-result #logo-image{ float: left; height: 70px; width: 70px; margin: 20px 15px 0px 0px; } .advanced-search-result #logo-image img{ max-height: 100%; max-width: 100%; height: auto; width: auto; } .advanced-search-result #info{ float: left; margin: 15px 0px 0px 0px; } .advanced-search-result #title a{ font-size: 18px; } .advanced-search-result #title { width: 510px; overflow: hidden; height: 25px; } .advanced-search-result #date img.icon{ margin: 10px 5px -1px 0px; } .advanced-search-result #location img.icon{ margin: 5px 5px -1px 2px; } .search-filter-item { margin-top: 5px; } .selected-filter{ padding: 3px 8px; background-color: #e9e9e9; margin: -3px -8px; border-radius: 5px; } /* featured events*/ .featured-event { float: left; margin-left: 35px } .featured-event.first{ margin-left: 0; } .featured-event a { transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear; } .featured-event a:hover { opacity: .8; filter: alpha(opacity=80); } .featured-event a img {width: 178px; height: 170px;} .featured-events-navigation{ position: absolute; top: 150px; margin-bottom: -418px; width: 25px; height: 40px; opacity: 0.7; display: none; cursor: pointer; z-index: 1; transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear; -ms-transition: opacity 200ms linear; } #featured-events-div{ height: 220px; width: 820px; overflow: hidden; } #featured-events-div #container-div{ } .featured-events-navigation:hover{ opacity: 1; } .featured-events-navigation img{ height: 30px; } .active-nav{ display: block; } .featured-events-navigation#featured-nav-right{ left: 895px; } .featured-events-navigation#featured-nav-left{ margin-left: -40px; } .featured-events-page{ display: inline; position: relative; float: left; width: 820px; margin-right: 48px; } .form-1col-customform { width: 100%; margin: 0 auto; } .form-1col-customform .field-title {width:100%; padding: 0 16px 6px 0; height: auto !important; display: inline-block; text-align: left; } .form-1col-customform .field-title .label { font-weight: bold; } .form-1col-customform .field-value {font-weight: normal; width:100%; height: auto !important; padding: 0 0px 6px 12px; margin-bottom: 8px; letter-spacing: 0.5px; font-size: 14px; display: inline-block; } .form-1col-customform input[type="text"] {width:63%; height: 20px; position:relative; top:-6px; padding: 6px 12px; margin-bottom: 16px; border-width: 1px 0 1px 0; border-color: #DDD #65645A #fafafa #65645A; border-style: solid none solid none; font-size:15px; letter-spacing: 0.5px; font-weight:200; color:#85847A; vertical-align:middle; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } .form-1col-customform input[type="password"] {width:63%; height: 20px; position:relative; top:-6px; padding: 6px 12px; margin-bottom: 16px; border-width: 1px 0 1px 0; border-color: #DDD #65645A #fafafa #65645A; border-style: solid none solid none; font-size:15px; letter-spacing: 0.5px; font-weight:200; color:#85847A; vertical-align:middle; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } .form-1col-customform input[type="text"] .currency { padding-left: 15px;} .form-1col-customform input[type="checkbox"] { margin-bottom: 16px; margin-right: 8px;} .form-1col-customform input[type="radio"] { margin-bottom: 16px; margin-right: 8px;} .form-1col-customform textarea { height: 80px; position: relative; padding: 6px 12px; margin-bottom: 16px; border-width: 1px 0 1px 0; border-color: #DDD #65645A #FAFAFA #65645A; border-style: solid none solid none; font-size: 15px; letter-spacing: 0.5px; font-weight: 200; color: #85847A; vertical-align: middle; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} .form-1col-customform select {height: 24px; margin: 0 16px 16px 0; padding: 0 0 0 4px; position:relative; top:0px; font-size:13px; color:#85847A; } .form-1col-customform span.checkbox { float: left;} .form-1col-customform span.radio { float: left;} .form-1col-customform .horiz-sep { width: 100%; height: 3px; margin: 10px 0 15px 0;} .form-1col-customform li { display: inline-block; width: 860px; } .form-1col-customform label { font-weight: normal; } .form-1col-customform li:hover { background-color: #F7F7F7; border-color: #DDD #65645A #fafafa #65645A; border-style: solid none solid none; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } .form-1col-customform .customOption label { font-weight: normal; display: inline-block; width: 464px; } .form-1col-customform textarea{height:auto;} .form-1col-customform textarea,.form-1col-customform input[type="text"],.form-1col-customform input[type="password"],.form-1col-customform input[type="datetime"],.form-1col-customform input[type="datetime-local"],.form-1col-customform input[type="date"],.form-1col-customform input[type="month"],.form-1col-customform input[type="time"],.form-1col-customform input[type="week"],.form-1col-customform input[type="number"],.form-1col-customform input[type="email"],.form-1col-customform input[type="url"],.form-1col-customform input[type="search"],.form-1col-customform input[type="tel"],.form-1col-customform input[type="color"],.form-1col-customform .uneditable-input{background-color:#ffffff;border:1px solid #ddd;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear .2s, box-shadow linear .2s;-moz-transition:border linear .2s, box-shadow linear .2s;-o-transition:border linear .2s, box-shadow linear .2s;transition:border linear .2s, box-shadow linear .2s;}textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82, 168, 236, 0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);} .form-1col-customform select{border:1px solid #ddd;background-color:#ffffff;} .form-1col-customform select[multiple],select[size]{height:auto;} .form-1col-customform select:focus,.form-1col-customform input[type="file"]:focus,.form-1col-customform input[type="radio"]:focus,.form-1col-customform input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} .form-1col-customform .uneditable-input,.uneditable-textarea{color:#999999;background-color:#fcfcfc;border-color:#ddd;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);cursor:not-allowed;} .form-1col-customform input.error { background: #FEE; } .form-1col-customform select.error { background: #FEE; } .form-1col-customform textarea.error { background-color: #FEE; } /*** BALOON AREAS ***/ .baloon-area {width:100%-32px; background-color: #F4F4F4; clear: both; position:relative; top:10px; margin: 0 0 20px 0; padding: 20px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; } .baloon-area {background-image: -webkit-linear-gradient(top,#F4F4F4,#EEE); background-image: -moz-linear-gradient(top,#F4F4F4,#EEE); background-image: -o-linear-gradient(top,#F4F4F4,#EEE); background-image: linear-gradient(top,#F4F4F4,#EEE); position:relative; } .baloon-area img {display: block; margin: 0 auto;} .baloon-triangle {position: absolute; top: -19px; left: 35px; } .baloon-parent {margin-bottom:16px; padding-left: 0px; margin-top: 16px; display: block; } /* Search boxes */ .search-2col {width:340px; position:relative; margin-bottom: 16px; } .search-2col input { border: 1px solid #DDD; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .search-box {width:100%; height: 24px; padding: 6px 36px 6px 12px; border-width: 1px 0 1px 0; border-color: #DDD #65645A #fafafa #65645A; border-style: solid none solid none; font-size:15px; letter-spacing: 0.5px; font-weight:200; color:#85847A; vertical-align:middle; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} .search-icon {position: absolute; top:6px; right:-42px;} .autocomplete-item ul { list-style-type: none; height: 17px; margin-left: 5px; } .autocomplete-item li { float: left; width: 105px; border-width: 0; padding-left: 5px; font-size: 13px; color: #3C9ACC; text-decoration: none; cursor: pointer; font-weight: bold; } .autocomplete-item .autocol1 { width: 100%; text-align: left; padding-left: 0px; } .autocomplete-item .autocol2 { width: 100px; } .autocomplete-item .autocol3 { width: 43px; } .autocomplete-item .autocol4 { width: 82px; } .autocomplete-item .autocol5 { width: 59px; border-style: none; } .autocomplete-a .flash-note-grey { padding: 5px 11px 5px 0; left: 0; } .ui-state-hover { background: #eee; border: 0; background-image: none; } #ui-active-menuitem { background: #eee; border: 0; background-image: none; background-color: #EEE; clear:none; background-image: -webkit-linear-gradient(top,#F7F7F7,#EEE); background-image: -moz-linear-gradient(top,#F7F7F7,#EEE); background-image: -o-linear-gradient(top,#F7F7F7,#EEE); background-image: linear-gradient(top,#F7F7F7,#EEE); margin: 0px; } input::-webkit-input-placeholder { font-size: 16px !important; color:#8b8b8b !important; } input:-moz-placeholder { font-size: 16px !important; color:#8b8b8b !important; } .white-dialog { position: relative; clear: both; width: 100%; background: url("../images/img-bg-edit-participants.png") repeat 0 0; box-shadow: 0 0 4px #BEBEBE; -webkit-box-shadow: 0 0 4px #BEBEBE; -moz-box-shadow: 0 0 5px #888; border-radius: 10px; display: inline-block; margin: 15px 0 0 0; } #paySelect img { cursor: pointer; transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear; } #paySelect img:hover { opacity: 0.8; filter: alpha(opacity=80); } #header-lang { z-index: 1000; background: url("../images/bg-header-auth-user.png"); top: -2px; left: 818px; position: absolute !important; padding: 6px 10px 5px 11px; border-bottom-left-radius:7px; -moz-border-bottom-left-radius:7px; -webkit-border-bottom-left-radius:7px; border-bottom-right-radius:7px; -moz-border-bottom-right-radius:7px; -webkit-border-bottom-right-radius:7px; box-shadow: 0px 3px 5px #666; -webkit-box-shadow: 0px 2px 5px #666; -moz-box-shadow: 0px 3px 5px #666;} #header-lang img {padding-left: 8px;} #header-lang span {font-size: 12px; font-weight: bold; color: #666; } #header-lang #divMenuOptions {margin-top: 2px;} #header-lang span a {font-size: 12px;color: #666; text-decoration: none; cursor: pointer;} #promo-social-net { margin: 6px 0 16px 0; display: inline-block; background: url("../images/img-share-event-dialogue.png"); width: 365px; height: 94px; padding: 50px 0 0 84px; } #promo-social-net div { display: inline-block; } #promo-social-net .sharing-icon { } #promo-social-net .sharing-icon span {display: block; width: 51px; font-size: 11px; text-align: center; overflow: hidden; } #promo-social-net-en { margin: 6px 0 16px 0; display: inline-block; background: url("../images/en/img-share-event-dialogue.png"); width: 365px; height: 94px; padding: 50px 0 0 84px; } #promo-social-net-en div { display: inline-block; } #promo-social-net-en .sharing-icon { } #promo-social-net-en .sharing-icon span {display: block; width: 51px; font-size: 11px; text-align: center; overflow: hidden; } #promo-social-net-es { margin: 6px 0 16px 0; display: inline-block; background: url("../images/es/img-share-event-dialogue.png"); width: 365px; height: 94px; padding: 50px 0 0 84px; } #promo-social-net-es div { display: inline-block; } #promo-social-net-es .sharing-icon { } #promo-social-net-es .sharing-icon span {display: block; width: 51px; font-size: 11px; text-align: center; overflow: hidden; } .sharing-icon {transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear;} .sharing-icon:hover {opacity: .85; filter: alpha(opacity=85);} /** Event types page **/ .event-type-info{ height: 300px; width: 750px; margin-left: 40px } .event-type-info div{ float: left; text-align: center; width: 250px; } .event-type-info img { margin: 0 auto; cursor: pointer; width: 200px; } .event-type-info h3 { margin-bottom: 5px; cursor: pointer; } .event-type-info a h3:hover { text-decoration: none; } #glossary-nav-guide { } .glossary-header-term { margin-top: 35px; } #glossary-nav-guide .glossary-nav-letter span { float: left; display: inline-block; background-color: #F4F4F4; background-image: -webkit-linear-gradient(top,#F4F4F4,#EEE); background-image: -moz-linear-gradient(top,#F4F4F4,#EEE); background-image: -o-linear-gradient(top,#F4F4F4,#EEE); background-image: linear-gradient(top,#F4F4F4,#EEE); margin: 0 0 20px 0; width: 25px; height: 25px; border: 1px solid #EEE; font-weight: bold; text-align: center; padding: 5px 0 0 0; } #glossary-nav-guide .glossary-nav-letter span:hover { opacity: 0.9; filter: alpha(opacity=90); } #glossary-title:hover { opacity: 0.9; filter: alpha(opacity=90); } #glossary-nav-guide .glossary-nav-letter span.active { color: #3c9acc; } #glossary-nav-guide .glossary-nav-letter .disable { color: #C7C7C7; } #glossary-terms .glossary-term { margin-bottom: 10px; } #glossary-terms .glossary-term .label { font-weight: bold; } .glossary-nav-fixed { position:fixed; z-index: 1000; } #sympla-video-link { transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear; } #sympla-video-link:hover { opacity: 0.8; filter: alpha(opacity=80); }