/* website style reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
}
/* website style */
html, body { height: 100%; }
body { background: #fff; text-align: left; font: 300 13px 'Open Sans', sans-serif; color: #000; }
img { border: 0; }
a, a:hover { text-decoration: none; }
/* remove outline */
a, a:hover, a:active, a:focus { outline: 0 none; }
input[type="reset"], input[type="button"], input[type="submit"], input[type="file"] > input[type="button"] { border: 1px dotted transparent; }
/* no script warning */
#nsm {
position: fixed; width: 100%; line-height: 55px; top: 0; left: 0; padding: 5px 0;
background: #c10000; text-align: center; font-weight: bold; font-size: 13px; color: #fff; z-index: 100;
}
.nsi {
display: inline-block; width: 64px; height: 64px; background: url("../images/common/css-sprite.png") no-repeat 0 -240px; vertical-align: middle;
}
#container {
position: relative;
height: auto !important; /* real browsers */
height: 100%; /* IE6: treaded as min-height */
min-height: 100%; /* real browsers */
z-index: 0;
}
/* full container */
.full-container { position: relative; clear: both; width: 100%; z-index: 0; }
/* header */ .fchd { z-index: 10; background: #fff; }
.scr1 { background: #fff; z-index: 10; }
.scr2 {
display: none; position: fixed; top: 0; padding-bottom: 7px; /*border-bottom: 2px solid #fff;*/
background: url("../images/common/gradient.png") bottom repeat-x; z-index: 10;
}
/* slider */ .fcslider { z-index: 0; }
/* slider */ .fcsubslider { margin-bottom: 10px; background: #fe0101; z-index: 0; }
/* middle */ .fcmiddle { padding-bottom: 90px; z-index: 5; }
/* footer */ .fcfooter { position: absolute; height: 90px; bottom: 0; background: url("../images/common/gradient-ft.png") repeat-x top; z-index: 5; }
/* inner container */
.inner-container { position: relative; clear: both; width: 940px; margin: 0 auto; text-align: left; }
/* header */ .inf { min-height: 32px; height: auto !important; height: 32px; text-align: right; }
/* header */ .hhd { min-height: 80px; height: auto !important; height: 80px; }
/* header */ .ichd1 { min-height: 140px; height: auto !important; height: 140px; }
/* header */ .ichd2 { min-height: 170px; height: auto !important; height: 170px; }
/* slider */ .icslider { }
/* slider */ .icsubslider { min-height: 32px; height: auto !important; height: 32px; }
/* middle */ .icmiddle { padding-bottom: 10px; z-index: 10; }
/* footer */ .icfooter { padding-top: 35px; z-index: 7; }
/* info tel */
.inf p { line-height: 38px; font-size: 16px; }
.inf p a { font-weight: 700; color: #f00; }
.inf p a.request__mediation { font-weight: 300; color: #000; }
.inf p img { vertical-align: middle; }
.ua-mobile .inf span { display: block !important; margin-bottom: 20px; }
/* scroll */
#scroll-logo, #scroll-account, #scroll-menu { position: relative; }
/* scroll props */
#scroll-logo img { margin: 5px 0; }
#scroll-account { display: block; margin-right: 10px; }
#scroll-account.nav, #scroll-menu.nav { margin-top: 10px; margin-left: 10px; cursor: pointer; }
/* logo */
.logo { position: absolute; top: -32px; left: 20px; z-index: 10; }
/* account */
#account { position: absolute; line-height: 25px; top: 3px; right: 0; z-index: 35; }
#account a { text-decoration: none; }
#account strong { font-weight: bold; letter-spacing: -1px; }
/* account welcome */
.account-user { position: relative; float: left; margin: 5px 5px 0 0; font-size: 12px; }
.account-user a { padding-bottom: 3px; text-decoration: underline; font-size: 12px; color: #e21c2a; }
.account-user a:last-child { margin-left: 25px; }
.account-user a.welcome:last-child { margin-left: 0; }
.account-user a:hover { color: #000; }
/* account menu */
.account-menu { position: relative; float: left; width: 200px; height: 25px; margin: 0 auto; text-align: left; color: #515151; }
/* user menu settings */
#dropdown { position: relative; width: 190px; margin: 0 auto; padding: 5px; background: #fff; font-size: 14px; color: #4e4747; cursor: default; }
#dropdown:hover { color: #898989; }
#dropdown.open { background: #cf1d1d; color: #fff; }
#dropdown ul {
display: none; position: absolute; width: 174px; top: 100%; left: 0; padding: 0 10px;
border: 3px solid #cf1d1d; border-bottom-color: #a51010; background: #fff;
}
#dropdown ul li { font-size: 13px; list-style: none; padding: 0 5px; border-bottom: 1px dotted #ccc; }
#dropdown ul li:last-child { border-bottom: 0; }
#dropdown ul li a { display: block; padding: 2px 5px; text-decoration: none; color: #000; }
#dropdown ul li a:hover { color: #cf1d1d;}
/* menu */
#hdopts { position: absolute; top: 90px; right: 0; z-index: 10; }
#account a.logout, .nav a.logout { font-size: 11px; color: #c10000; }
.loggedmenu { float: left; }
.nav { float: left; cursor: pointer; }
/* First Level */
.nav ul { display: block; list-style: none; }
.nav ul > li { position: relative; float: left; }
.nav ul > li > a { display: block; padding: 7px 7px 10px; border-right: 1px solid #ececec; letter-spacing: -1px; font-weight: bold; font-size: 14px; color: #000; }
.nav ul > li:last-child > a { border-right: 0; }
.nav ul > li:hover > a { background: #cf1d1d; text-decoration: none; color: #fff; }
.nav ul > li > a.selected { color: #cf1d1d; }
.nav ul > li:hover > a.selected { color: #fff; }
.nav ul > li:hover > a.selected:hover { color: #fff; }
/* Second Level */
.nav ul > li > ul { display: none; border: 3px solid #cf1d1d; border-bottom-color: #a51010; }
.nav ul > li:hover > ul { display: block; position: absolute; padding: 15px; z-index: 0; }
.nav ul > li > ul > li { position: relative; float: none; width: 200px; padding: 3px; border-bottom: 1px dotted #ccc; }
.nav ul > li > ul > li:last-child { border-bottom: 0; }
.nav ul > li > ul > li > a { display: block; padding: 3px; border: 0; letter-spacing: 0; font-weight: normal; font-size: 12px; }
.nav ul > li > ul > li:hover > a { background: none; color: #c10000; }
.nav ul > li:hover > ul > li:hover > a.selected { color: #cf1d1d; }
/* Third Level & beyond */
.nav ul > li > ul li > ul { display: none; padding: 15px 25px; z-index: 1; }
.nav ul > li > ul li:hover > ul { display: block; position: absolute; top: 0; left: 100%; }
.nav ul > li > ul > li ul > li { display: block; position: relative; width: 150px; white-space: nowrap; }
.nav ul > li > ul > li ul > li a { display: block; padding: 3px; font-size: 12px; }
.nav ul > li > ul > li ul > li:hover > a { background: none; color: #c10000; }
.nav ul > li:hover > ul > li ul > li:hover > a.selected { color: #cf1d1d; }
/* menu */
ul#menu { position: relative; }
/* nav stripes */
.nav-stripes { position: absolute; width: 100%; height: 7px; top: 138px; right: 0; background: url("../images/common/stripe-nav.png") repeat; }
/* banner/slider */
#slider { position: relative; clear: both; height: 550px; margin: 0 auto; }
/* slides */
#slides { position: relative; clear: both; }
#slides .slides-container { display: none; }
#slides .scrollable { position: relative; height: 100%; top: 0; left: 0; *zoom: 1; overflow-y: auto; }
#slides .scrollable:after { display: table; clear: both; content: ""; }
/* slides caption*/
.slides-caption { position: absolute; width: 100%; margin: 0 auto; top: 25%; text-align: center; z-index: 3; }
.slider-caption-content { position: relative; width: 940px; min-height: 128px; height: auto !important; height: 128px; margin: 0 auto; }
.slider-caption-content h1 { margin-bottom: 10px; letter-spacing: -1px; font-weight: normal; font-size: 18px; color: #fff; }
.slider-caption-content h1 span { font-weight: bold; font-size: 20px; color: #fff; }
.slider-caption-content div { display: inline-block; margin-top: 25px; }
.slider-caption-content div a { padding: 5px 15px; background: #fff; font-size: 15px; color: #000; }
.slider-caption-content div a:hover { background: #fe0101; color: #fff; }
/* slides navigation */
.slides-navigation { position: absolute; width: 100%; margin: 0 auto; bottom: 25%; z-index: 3; }
.slides-navigation a { position: absolute; display: block; }
.slides-navigation a.prev, .slides-navigation a.next { width: 45px; height: 45px; opacity: 0.7; }
.slides-navigation a.prev { left: 250px; background: url("../images/slideshow/arrows.png") 0 0; }
.slides-navigation a.next { right: 250px; background: url("../images/slideshow/arrows.png") -45px 0; }
.slides-navigation a.prev:hover, .slides-navigation a.next:hover { opacity: 1; }
/* slides pagination */
.slides-pagination { position: absolute; width: 100%; bottom: 20px; text-align: center; z-index: 3; }
.slides-pagination a {
display: -moz-inline-stack; display: inline-block; *display: inline; width: 10px; height: 10px; margin: 2px;
vertical-align: middle; *vertical-align: auto; zoom: 1; border: 2px solid #222;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=");
text-indent: -100%; overflow: hidden;
}
.slides-pagination a.current { background: #222; }
/* subslider */
#subslider { padding: 5px; color: #fff; }
#subslider p.subhd { margin-bottom: 10px; letter-spacing: -1px; font-size: 15px; }
#subslider p.subhd strong { font-size: 18px; }
#subslider p { margin: 0; letter-spacing: -1px; font-weight: normal; font-size: 13px; }
/* middle */
/* breadcrumbs */
.breadcrumbs { position: relative; clear: both; margin: 10px 0 25px 0; padding: 0 0 5px; letter-spacing: 1px; font-size: 13px; color: #000; z-index: 0; }
.breadcrumbs a { font-weight: normal; letter-spacing: -1px; font-size: 13px; color: #000; }
.breadcrumbs a:hover { text-decoration: none; font-weight: normal; color: #f10000; }
.breadcrumbs div, .breadcrumbs span { display: inline; font-weight: bold; letter-spacing: 1px; font-size: 13px; color: #f10000; }
/* common declaration */
/* grid */
.grid { position: relative; }
.gridfull { width: 100%; }
.grid100 { width: 100px; }
.grid220 { width: 220px; }
.grid425 { width: 425px; }
.grid470 { width: 470px; }
.grid700 { width: 700px; }
.grid820 { width: 820px; }
/* box container */
.gridt { background: #c10000; color: #fff; }
.grid-c { border: 1px solid #dcdcdc; border-top: 0; border-bottom: 0; background: #f5f5f5; font-size: 13px; }
.gridb { border: 1px solid #dcdcdc; border-top: 0; background: #efefef; color: #000; }
/* grid common */
.fl { float: left; }
.ml20 { margin-left: 20px; }
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }
.mb25 { margin-bottom: 25px; }
.grid-minh450 { min-height: 450px; height: auto !important; height: 450px; }
.grid-minh25 { min-height: 25px; height: auto !important; height: 25px; }
.pad10 { padding: 10px; }
.btdot { border-top: 1px dotted #ccc; }
.bbdot { border-bottom: 1px dotted #ccc; }
.tac { text-align: center; }
.grid_request__mediation_title { font-weight: 700; font-size: 20px; }
.grid_request__mediation .form-wrapper label { min-width: 400px; padding-top: 5px; font-size: 13px; }
.grid_request__mediation .form-wrapper input { min-height: 25px; }
.grid_request__mediation .form-wrapper input.wf,
.grid_request__mediation .form-wrapper textarea.wf { min-width: 425px; margin-bottom: 10px; }
/* ul list */
.list { list-style: none; }
.list li { margin: 5px; }
/* page not found */
.notfound { margin: 100px auto 0; text-align: center; color: #f00; }
.notfound a { color: #f00; }
/* phone assistance */
#phone__assistance { margin-top: 25px; }
#phone__assistance p { font-size: 18px; }
#phone__assistance p img { vertical-align: middle; }
#phone__assistance p a { font-weight: 700; color: #f00; }
/* footer */
/* copyright */
.copyright img { vertical-align: middle; }
.copyright p { line-height: 20px; font-size: 12px; color: #000; }
.copyright a { color: #5eba01; }
/* web design author */
.creator { margin-top: 5px; font-size: 10px; color: #717171; }
.creator a { margin-left: 2px; text-decoration: none; font-weight: bold; color: #717171; }
.creator a:hover { color: #000; }
.creator em { font-style: normal; font-weight: bold; color: #5e9f1f; }
.creator strong { font-weight: bold; color: #000; }
.creator strong em { color: #717171; }
/* socials */
.socials { text-align: right; }
.socials a:hover img { padding-bottom: 5px; }
/* partners */
.partners { position: relative; clear: both; margin: 10px auto 0; color: #000; }
.partners a { border: none; text-decoration: none; font-size: 11px; color: #ccc; }
.partners img { position: relative; float: none; margin: 3px 0 3px 0; border: 0; vertical-align: middle; }
/* go top*/
a#gotop {
display: none; position: fixed; width: 45px; height: 45px; right: 135px; bottom: 75px;
background: url("../images/common/gotop.png") no-repeat; opacity: 0.7; z-index: 100;
}
a:hover#gotop { opacity: 1; }
/* >>> warning for IE 6 <<< */
/* dialog box transparency */
#dialogbox-transparency { display: none; position: absolute; top: 0; left: 0; background: #000; z-index: 9000; }
/* dialog box frame */
#boxframe #dialogbox { width: 600px; min-height: 54px; height: auto !important; height: 54px; padding: 20px; }
/* dialog box warning window */
#boxframe .dialogbox-warning {
display: none; position: absolute; top: 0; left: 0;border: 5px solid #ece477;
background: #fffbb2; text-align: center; z-index: 9999;
}
#boxframe .dialogbox-warning p { margin: 5px 0; font-size: 12px; }
#boxframe .dialogbox-warning ul { position: relative; clear: both; margin: 10px 0 0; }
#boxframe .dialogbox-warning ul li { display: inline; margin-right: 20px; }
#boxframe .dialogbox-warning ul li.norm { margin: 0; }
/* >>> form in page <<< */
input, select, textarea { outline: none; border: 1px solid #ddd; background: #fff; font-size: 12px; color: #000; }
input:focus, select:focus, textarea:focus { border: 1px solid rgba(81, 203, 238, 1); }
.form-wrapper { }
.form-wrapper div.tfc { clear: both; padding-bottom: 5px; letter-spacing: -1px; font-weight: 700; font-size: 13px; }
.form-wrapper div.antispam { display: block; float: left; }
.form-wrapper div.antispam img { margin-bottom: 5px; vertical-align: top; cursor: pointer; }
.form-wrapper div.antispam input { display: inline; float: none; }
.form-wrapper div.antispam label.frm-error { display: block; clear: both; float: none; text-align: left; }
/* form */
form.webform { text-indent: 0; word-spacing: 0; font-size: 11px; }
form.webform br { clear: both; }
/* label clear: both; */
.form-wrapper label { float: left; width: 145px; padding: 0 5px 3px 0; text-align: right; font-size: 12px; color: #000; }
.form-wrapper label span { color: #c10000; }
.disabled { background: #fffa72; color: #000; }
/* form elements prototype */
form.webform input, form.webform select, form.webform textarea { padding: 5px; }
form.webform input, form.webform select, form.webform textarea {
position: relative; border-width: 1px; border-style: solid; border-color: #b7b7b7 #e7e7e7 #e7e7e7 #b7b7b7; color: #333;
}
/* input */
form.webform input { float: left; margin: 0 5px 5px 0; padding: 3px 0 0 3px; color: #000; }
form.webform input[type="file"] { height: 20px; }
form.webform input[type="hidden"] { display: none; }
form.webform input[type="radio"] { float: none; display: inline; border: 0; background: none; }
/* input properties */
input.hidden { display: none; border: none; }
/* no background - for checkbox and radio buttons */
form.webform input.checkbox { margin-top: 3px; margin-top: 0\9; border: 0; vertical-align: text-bottom; background: none; }
input.countable { width: 400px; }
/* select */
form.webform select { display: inline; margin: 0 5px 5px 0; padding: 5px; z-index: 0; }
/* textarea */
form.webform textarea { float: left; margin: 0 5px 5px 0; padding: 5px; font-family: 'Open Sans', sans-serif; }
/* textarea properties */
/* characters text */
.textareatext { position: relative; display: inline-block; top: 2px; }
/* countable reg form input */
textarea.countable { width: 395px; }
/* captcha */
form.webform input.sum, form.webform input.captcha { width: 30px; }
/* form message */
.form-wrapper .message { margin-left: 5px; }
form.webform input.frm-error, form.webform select.frm-error, form.webform textarea.frm-error { border: 1px solid #f00; }
form.webform input.frm-success, form.webform select.frm-success, form.webform textarea.frm-success { border: 1px solid #3d9711; }
form.webform label.frm-error, form.webform label.frm-warning, form.webform label.frm-success {
display: block; clear: both; width: auto; text-align: left; font-weight: normal; font-size: 11px;
}
form.webform label.frm-error big, form.webform label.frm-warning big, form.webform label.frm-success big { font-size: 13px; }
form.webform label.frm-error { color: #f00; }
form.webform label.frm-error a { color: #000; }
form.webform label.frm-warning { color: #d87b0e; }
form.webform label.frm-success { color: #3d9711; }
#message-container { padding: 10px; }
form.webform #message-container { margin-bottom: 10px; padding: 0; }
form.webform .message { margin: 0; padding: 0; }
/* form submit */
.formbtn { position: relative; margin-right: 20px; padding-right: 10px; border-right: 1px dotted #ccc; }
.formbtn.norb { border-right: 0; }
input.hybutton { padding: 10px !important; border: 0; font-size: 15px !important; color: #fff; cursor: pointer; }
form.webform input.hybutton { color: #fff; }
input.hybutton {
background: #a61512\9; /* IE 9, 8, 7 */
_background: #a61512; /* IE 6 */
}
input.hybutton:hover { background: #000; }
.hybutton.small { padding: 5px; border: 0; font-size: 13px; color: #fff; }
.hybutton.small a { font-size: 13px; color: #fff; }
.formbtn-desc { position: relative; width: auto; letter-spacing: -1px; font-size: 13px; }
.formbtn-desc input.checkbox1 { display: inline-block; float: left; margin-top: 3px; vertical-align: text-bottom; }
.formbtn-desc p { display: block; color: #5f5f5f; }
.formbtn-desc a { font-weight: bold; font-size: 13px; color: #5f5f5f; }
.formbtn-desc a.evid { margin-left: 5px; color: #000; }
.formbtn-desc a:hover { color: #c10000; }
/* chars remaining */
.countable { }
.jqEasyCounterMsg { display: inline-block; *display: inline; position: relative; float: left; height: 100%; margin-right: 5px; margin-left: 5px; font-size: 11px; }
.jqEasyCounterMsg strong { font-weight: bold; }
/* form tip */
.form-tip { clear: both; margin: 5px 0; color: #000; }
.form-tip img { vertical-align: middle; }
/* password strength image sprite */
#password-strength { margin-bottom: 5px; margin-left: 150px; }
.is0 { background: url("../images/common/password-strength.png") no-repeat 0 0; width: 138px; height: 7px; }
.is10 { background-position: 0 -7px; }
.is20 { background-position: 0 -14px; }
.is30 { background-position: 0 -21px; }
.is40 { background-position: 0 -28px; }
.is50 { background-position: 0 -35px; }
.is60 { background-position: 0 -42px; }
.is70 { background-position: 0 -49px; }
.is80 { background-position: 0 -56px; }
.is90 { background-position: 0 -63px; }
.is100 { background-position: 0 -70px; }
/* >>> sign in <<< */
.advantages { position: relative; padding: 10px 0; }
/* counter */
.bxtt {
display: table-cell; clear: both; width: 40px; height: 40px; line-height: 40px; vertical-align: middle;
text-align: center; background: #5c5c5c; font-weight: bold; font-size: 14px; color: #fff;
}
.bxtt.bxtinfo { background: none; }
/* description */
.bxtd { width: 405px; margin-bottom: 10px; margin-left: 25px; }
.bxtd.bxdinfo { margin-bottom: 25px; }
.bxtd:last-child { margin-bottom: 0; }
.bxtd p { font-size: 12px; }
.bxtd p:first-child { letter-spacing: -1px; font-size: 13px; color: #f00; }
/* >>> index <<< */
.index { margin: 25px 0; }
.index p { margin: 15px 0; }
.index p strong { font-weight: 700; }
/* >>> contact <<< */
.contact { clear: both; margin-bottom: 5px; }
.contact h2 { margin-bottom: 15px; font-size: 14px; }
.contact p { line-height: 20px; margin-bottom: 5px; }
.contact span { display: inline-block; width: 75px; font-style: italic; }
/* >>> category <<< */
/* category content */
.itc { position: relative; clear: both; width: 100%; line-height: 18px; margin: 0 0 5px; padding: 2px 5px; border-bottom: 1px dotted #e2e2e2; }
.itc.nobb { border-bottom: 0; }
/*.itc:last-child { border-bottom: 0; }*/
.itc .itc-d { clear: both; font-weight: bold; font-size: 11px; color: #000; }
.itc .itc-t { clear: both; }
.itc .itc-t h2 { margin: 5px 0; border: none; font-weight: 400; font-size: 14px; color: #e21c2a; }
.itc .itc-t h2 span { font-weight: 700; margin-right: 10px; color: #000; }
.itc .itc-t h2 a { color: #dd2b2b; }
.itc .itc-t h2 a.selected { color: #1fa20e; }
.itc .itc-t h2 a:hover { color: #000; }
.itc .itc-t p { font-size: 11px; color: #777; }
.itc .itc-c { clear: both; }
.itc .itc-c a { font-size: 12px; color: #fff; }
.itc-c.html-content a { font-size: 13px !important; color: #c10000 !important; }
.itc .itc-c a:hover { color: #6dd2ee; }
.itc .formbtn { margin-top: 25px; }
/* laws */
.ltype { position: relative; clear: both; margin: 25px 0 10px; font-weight: 700; font-size: 14px; color: #e21c2a; }
.itc .itc-t div { float: right; width: 110px; margin: 0; margin-left: 10px; padding: 0; font-size: 11px; }
.iturl { color: #dd2b2b; }
/* download */
.download { position: relative; clear: both; margin: 25px 0 10px; padding: 0; }
/* counter */
.views { font-size: 11px; }
.views strong { font-size: 13px; }
/* social bookmarking */
.bookmarking { overflow: inherit; font-size: 13px; z-index: 2; }
.bookmarking strong { color: #b10101; }
.bookmarking ul { display: inline-block; margin: 3px 0 0; list-style-type: none; vertical-align: middle; }
.bookmarking li { float: left; width: auto; margin: 0 1px; }
.bookmarking li a { float: left; }
/* bookmarking properties */
.bookmarking-normal { clear: both; position: relative; height: 100%; margin: 10px 0; }
/* >>> table list <<< */
ul.table-list { display: table; border-collapse: collapse; height: 100%; margin: 0 0 10px 0; padding: 0; }
ul.table-list.nobm { margin-bottom: 0; }
ul.table-list li {
display: table-row; position: relative; float: left; clear: both; width: 100%; height: 100%; margin: 0; padding: 0;
border-right: 0; border-bottom: 1px solid #d7d7d7; background: #f7f7f7; list-style: none;
}
ul.table-list li.hd { background: #e11c2a; color: #fff; }
ul.table-list li span {
display: table-cell; position: relative; float: left; min-height: 20px; height: auto !important; height: 20px;
margin: 0; padding: 2px 2px 5px 3px; font-size: 13px;
}
ul.table-list li a { color: #000; }
/* >>> members <<< */
.filter-m { clear: both; font-size: 11px; }
.filter-m div { float: left; margin-left: 5px; }
.filter-m div input { width: 120px; height: 25px; line-height: 25px; padding: 0 3px; border: 1px solid #aaa; }
.filter-m div a.hybutton { display: inline-block; margin-top: 0; margin-left: 10px; padding-bottom: 3px; }
.filter-m div a.reset-f { display: inline-block; margin-left: 10px; color: #c10000; }
.filter-m div:first-child { margin-left: 0; }
/* loading */
.loading { display: none; }
/* members loader */
.members { position: relative; clear: both; margin: 10px 0 0; padding: 0; }
/* total label */
.total-records { position: relative; clear: both; margin: 0 0 15px; padding: 0; }
.total-records strong { font-size: 12px; }
/* table list - courses */
.mediators { position: relative; clear: both; margin: 0 !important; padding: 0 !important; }
ul.table-list li { padding-top: 5px; padding-top: 5px; background: #fff !important; }
ul.table-list li.hd { background: #e11c2a !important; }
ul.table-list li span.m-name { width: 450px; font-size: 15px; color: #c10000; }
ul.table-list li span.m-name a { color: #c10000; }
ul.table-list li span.m-name img { float: left; margin-right: 10px; }
ul.table-list li.hd span.m-name { padding-left: 3px; font-size: 13px; color: #fff; }
ul.table-list li span.m-name em { font-weight: bold; font-style: normal; font-size: 11px; color: #000; }
ul.table-list li span.m-langs { width: 140px; }
ul.table-list li span.m-domains { width: 160px; }
ul.table-list li span.m-districts { width: 160px; }
ul.table-list li.hd span.m-name,
ul.table-list li.hd span.m-langs,
ul.table-list li.hd span.m-domains,
ul.table-list li.hd span.m-districts {
font-weight: bold; font-size: 13px;
}
ul.table-list li span.m-langs, ul.table-list li span.m-domains, ul.table-list li span.m-districts {
font-size: 11px;
}
/* member profile */
#user-profile h1 { clear: both; margin: 0 0 20px; font-weight: bold; font-size: 17px; }
#user-profile h2 { clear: both; margin: 20px 0 5px; letter-spacing: -1px; font-weight: bold; font-size: 14px; }
#user-profile div { vertical-align: top; font-size: 13px; }
#user-profile div p { margin: 0; font-size: 13px; }
#user-profile div.profile-hd { }
#user-profile div.profile-image { float: left; width: 20%; }
#user-profile div.profile-image img { padding: 1px; border: 1px solid #ccc; }
#user-profile div.profile-details { float: left; width: 80%; }
#user-profile div.profile-details div.profile-name { margin-left: 105px; }
#user-profile div.profile-details div.label { float: left; clear: both; width: 100px; text-align: right; font-weight: bold; }
#user-profile div.profile-details div.value { float: left; margin-left: 5px; }
#user-profile div.profile-ftline { clear: both; height: 25px; background: #fff url("../images/common/stripe-hhd.png") bottom repeat-x; }
/* ajax pagination */
ul.ajax-pagination { position: relative; clear: both; height: 100%; margin: 10px 0 0; padding: 0; overflow: hidden; }
ul.ajax-pagination li.details { padding: 4px 2px; font-size: 12px; }
ul.ajax-pagination li.dot { padding: 3px 0; }
ul.ajax-pagination li { float: left; margin: 0; margin-left: 5px; padding: 0; padding-bottom: 1px; list-style-type: none; }
ul.ajax-pagination li:first-child{ margin-left: 0; }
ul.ajax-pagination li a img { border: none; }
ul.ajax-pagination li a { display: block; padding: 2px 4px; border: 1px solid #7b7b7b; background: #eee; text-decoration: none; color: #000; }
ul.ajax-pagination li a:hover, ul.ajax-pagination li a.current { border-color: #3f0710; background: #dd2b2b; color: #fff; }
ul.ajax-pagination li a.disabled { border-color: #ddd; background: #eee; color: #aaa; }
/* >>> courses <<< */
/* table list - courses */
ul.table-list li.mine { background: #b0f437 !important; }
ul.table-list li.mine a { color: #000; }
ul.table-list li span.cs-name { width: 465px; }
ul.table-list li span.cs-city { width: 150px; }
ul.table-list li.hd span.cs-interval { font-size: 13px; }
ul.table-list li span.cs-interval { width: 140px; font-size: 11px; }
ul.table-list li span.cs-price { width: 80px; text-align: right; }
ul.table-list li span.cs-status { width: 80px; text-align: right; }
ul.table-list li span.cs-status em { display: inline-block; margin-top: 2px; padding: 2px; font-style: normal; font-size: 11px; color: #fff; }
/* detailed course */
.det-course { position: relative; clear: both; margin: 0 0 50px; font-size: 13px; }
.det-course h1 { margin: 20px 0 15px; padding: 0; font-size: 15px; color: #e11c2a; }
.det-course p { line-height: 25px; margin: 0; padding: 0; color: #000; }
.det-course p span, .det-course div span { font-weight: bold; font-size: 13px; }
.det-course .editor { margin: 15px 0 15px; padding: 10px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.det-course div.infoc { margin-bottom: 15px; color: #780303; }
.det-course div.infoc p { line-height: 20px; margin: 0; padding: 0; color: #000; }
.det-course div.infoc p span { color: #e11c2a; }
.det-course div.sc-low { margin-top: 30px; }
/* >>> icheck customize <<< */
.ichecklist { clear: both; margin: 0; padding: 0; list-style: none outside none; white-space: nowrap; }
.ichecklist li { position: relative; clear: both; margin: 0; padding: 0; padding-bottom: 12px; }
.ichecklist li input { position: absolute; top: 4px; left: 0; }
.ichecklist li label { padding-top: 4px; margin-left: 10px; font-size: 13px; }
/* >>> poll <<< */
.poll-total-votes { clear: both; margin: 25px 0 5px; padding: 0; }
p.poll-message { font-size: 12px; }
ul.poll-results-list { clear: both; margin: 25px 0 0; padding-top: 2px; padding-bottom: 1px; list-style-type: none; font-size: 13px; }
ul.poll-results-list li { position: relative; clear: both; padding: 0 0 8px 0; background: none; }
.prl-percentage { display: none; position: absolute; right: 0; bottom: 17px; font-size: 11px; }
.prl-percentage span { font-weight: bold; font-size: 13px; }
.prl-out-bar { position: relative; height: 10px; margin-top: 1px; margin-bottom: 2px; background: #f8f8f8; }
.prl-inner-bar, .prl-voted { position: absolute; height: 10px; top: 0; left: 0; background: #c10000; }
.prl-inner-bar.voted { background: #b0f437; }
/* ajax loading */
#loading img { vertical-align: middle; }
/* >>> editor <<< */
.html-content { clear: both; height: 100%; line-height: 100%; text-align: justify; }
.html-content h1, .html-content h2, .html-content h3, .html-content h4, .html-content h5, .html-content h6 { margin: 5px 0; }
.html-content blockquote { margin: 5px 0 5px 25px; padding: 3px; border: solid 1px #eee; }
.html-content p { line-height: 20px; margin: 5px 0 10px; }
.html-content p strong { font-weight: bold; }
.html-content p ol, .html-content p ul { display: block; clear: both; width: auto; padding: 5px; text-align: justify; }
.html-content ol li { clear: both; margin: 5px 0 5px 20px; list-style-type: decimal; }
.html-content ul li { clear: both; line-height: 20px; margin: 4px 0 4px 20px; list-style-type: disc; }
.html-content a { color: #000; }
.html-content hr { border: none; height: 1px; color: #ccc; background-color: #ccc; }
/* >>> upload preview_container <<< */
.browse {}
.browse a { margin-right: 10px; color: #000; }
.browse img { vertical-align: middle; }
#preview_container { float: left; }
#preview_container img { padding: 1px; border: 1px solid #ccc; background: #fff; vertical-align: middle; }
/* >>> clearfix <<< */
/*
* Old method
* .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
* html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
*/
/**
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* contenteditable attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that are clearfixed.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before, .clearfix:after { content: " "; /*1*/ display: table; /*2*/ }
.clearfix:after { clear: both; }
/**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix { *zoom: 1; }
/* common clear */
.clear { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }
/* navigator */
.navigator { clear: both; height: 28px; padding: 10px 0 0; text-align: justify; font-size: 11px; color: #000; }
.navigator form { text-indent: 0; word-spacing: 0; }
.navigator a, .navigator a:visited, .navigator a:active {
padding: 3px 5px; border: 1px solid #aaa; background: #eee; text-decoration: none; color: #000;
}
.navigator a:hover { border: 1px solid #777; background: #000; color: #fff; }
.navigator strong { padding: 3px 5px; border: 1px solid #801010; background: #b10101; color: #fff; }
.navigator input {
display: inline; float: none; width: 30px; height: 15px; margin: 0 2px 0 5px; padding: 3px 0 0 3px;
border: 1px solid #aaa; vertical-align: middle; font-weight: bold; font-size: 11px;
}
.navigator img { margin-left: 5px; padding-top: 0; vertical-align: middle; }
/* normal */
.navigator span { font-weight: bold; font-size: 11px; }
.navigator span.no_link { color: #a4a4a4; }
.navigator span.jump_to { padding-left: 10px; }
/* extended */
.navigator a#jump_to, .navigator a#jump_to:hover { background: none; border: 0; }
/* required */
strong.required { font-weight: bold; color: #d90000; }
/* search highlight */
.highlight { padding: 2px 2px; background: #fff778; color: #000; }
a.pdf { line-height: 25px; color: #000; }
a.idownload { vertical-align: middle; color: #000; }
a.delete { color: #c10000; }
/* common image sprites */
.icb { display: inline-block; vertical-align: middle; }
.icb.p64x64 { width: 48px; height: 48px; }
.icb.p48x48 { width: 48px; height: 48px; }
.icb.p32x32 { width: 32px; height: 32px; }
.icb.p24x24 { width: 24px; height: 24px; }
.icb.p16x16 { width: 16px; height: 16px; }
.icb.info { background: url("../images/common/css-sprite.png") no-repeat 0 -144px; }
.icb.firefox { background: url("../images/common/css-sprite.png") no-repeat 0 -192px; }
.icb.opera { background: url("../images/common/css-sprite.png") no-repeat -48px -192px; }
.icb.chrome { background: url("../images/common/css-sprite.png") no-repeat -96px -192px; }
.icb.safari { background: url("../images/common/css-sprite.png") no-repeat -144px -192px; }
.icb.ie { background: url("../images/common/css-sprite.png") no-repeat -192px -192px; }
.icb.alert { background: url("../images/common/css-sprite.png") no-repeat -96px -0; }
.icb.frmerr { background: url("../images/common/css-sprite.png") no-repeat -112px 0; }
.icb.printer { background: url("../images/common/css-sprite.png") no-repeat -128px 0; }
.icb.usraccount { background: url("../images/common/css-sprite.png") no-repeat -144px 0; }
.icb.usrlogin { background: url("../images/common/css-sprite.png") no-repeat -160px 0; }
.icb.usrlogout { background: url("../images/common/css-sprite.png") no-repeat -176px 0; }
.icb.filter-n { background: url("../images/common/css-sprite.png") no-repeat -32px -16px; }
.icb.filter-h { background: url("../images/common/css-sprite.png") no-repeat -48px -16px; }
.icb.filter-chk { background: url("../images/common/css-sprite.png") no-repeat -64px -16px; }
.icb.filter-del { background: url("../images/common/css-sprite.png") no-repeat -80px -16px; }
.icb.arrdown { background: url("../images/common/css-sprite.png") no-repeat -96px -16px; }
.icb.arrup { background: url("../images/common/css-sprite.png") no-repeat -112px -16px; }
.icb.idownload { background: url("../images/common/css-sprite.png") no-repeat -128px -16px; }
.icb.jump-to-page { background: url("../images/common/css-sprite.png") no-repeat 0 -32px; }
.icb.bkm-facebook { background: url("../images/common/css-sprite.png") no-repeat 0 -56px; }
.icb.bkm-twitter { background: url("../images/common/css-sprite.png") no-repeat -24px -56px; }
.icb.bkm-linkedin { background: url("../images/common/css-sprite.png") no-repeat -48px -56px; }
.icb.bkm-gplus { background: url("../images/common/css-sprite.png") no-repeat -72px -56px; }
.icb.bkm-yahoo { background: url("../images/common/css-sprite.png") no-repeat -96px -56px; }
/* >>> site messages <<< */
.message { display: block; clear: both; margin: 2px 0; padding: 5px 5px 5px 0; font-size: 12px; }
.msg-success div, .msg-error div, .msg-warning div, .msg-tip div {
display: inline-block; width: 16px; height: 16px; margin-right: 5px; vertical-align: middle;
background: url("../images/common/css-sprite.png") no-repeat scroll 0 0 transparent;
}
.msg-success big, .msg-warning big, .msg-error big, .msg-tip big { font-weight: bold; font-size: 12px; }
.msg-success div { } .message.msg-success, .message.msg-success a { color: #3d9711; }
.msg-error div { background-position: -16px 0; } .message.msg-error, .message.msg-error a { color: #df0510; }
.msg-warning div { background-position: -32px 0; } .message.msg-warning, .message.msg-warning a { color: #d87b0e; }
.msg-tip div { background-position: -48px 0; } .message.msg-tip, .message.msg-tip a { color: #000; }
.msg-options div { background-position: -64px 0; }
/* fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license
-------------------------------------------------- */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe,
.fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
padding: 0; margin: 0; border: 0; outline: none; vertical-align: top;
}
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; text-shadow: none; color: #444; }
.fancybox-opened { z-index: 8030; }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-error {
margin: 0; padding: 15px; white-space: nowrap; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; color: #444;
}
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('../images/jquery.fancybox/fancybox_sprite.png');
}
#fancybox-loading {
position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px;
opacity: 0.8; cursor: pointer; z-index: 8060;
}
#fancybox-loading div {
width: 44px; height: 44px; background: url('../images/jquery.fancybox/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close { position: absolute; width: 36px; height: 36px; top: -18px; right: -18px; cursor: pointer; z-index: 8040; }
.fancybox-nav {
position: absolute; width: 40%; height: 100%; top: 0; background: transparent url('../images/jquery.fancybox/blank.gif');
text-decoration: none; cursor: pointer; z-index: 8040;
}
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span {
position: absolute; visibility: hidden; width: 36px; height: 34px; margin-top: -18px; top: 50%; cursor: pointer; z-index: 8040;
}
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp {
position: absolute; visibility: hidden; max-width: 99999px; max-height: 99999px; top: -99999px; left: -99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock { width: auto; overflow: hidden !important; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay {
display: none; position: absolute; top: 0; left: 0; overflow: hidden;
background: url('../images/jquery.fancybox/fancybox_overlay.png'); z-index: 8010;
}
.fancybox-overlay-fixed { position: fixed; right: 0; bottom: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
/* Title helper */
.fancybox-title {
position: relative; visibility: hidden; text-shadow: none;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; z-index: 8050;
}
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; margin-bottom: -35px; right: 50%; bottom: 0; text-align: center; z-index: 8050; }
.fancybox-title-float-wrap .child {
display: inline-block; line-height: 24px; margin-right: -100%; padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8); font-weight: bold; white-space: nowrap; color: #fff;
}
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap {
position: absolute; bottom: 0; left: 0; padding: 10px; color: #fff; background: #000; background: rgba(0, 0, 0, .8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('../images/jquery.fancybox/fancybox_sprite@2x.png');
background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div {
background-image: url('../images/jquery.fancybox/fancybox_loading@2x.gif');
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}
/* jQuery Multiple Select @author zhixin wen
-------------------------------------------------- */
.ms-parent { display: inline-block; position: relative; height: 1%; margin: 0; padding: 0; vertical-align: middle; }
.ms-choice {
display: block; width: 100%; height: 26px; line-height: 26px; padding: 0; border: 1px solid #aaa; background: #fff;
text-align: left; text-decoration: none; white-space: nowrap; overflow: hidden; color: #444; cursor: pointer;
}
.ms-choice.disabled { border: 1px solid #ddd; background-color: #f4f4f4; background-image: none; cursor: default; }
.ms-choice > span {
display: block; position: absolute; top: 0; right: 20px; left: 0; padding-left: 8px;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ms-choice > span.placeholder { color: #777; }
.ms-choice > div {
position: absolute; width: 20px; height: 25px; top: 0; right: 0;
background: url('../images/jquery.multiple.select/multiple-select.png') left top no-repeat;
}
.ms-choice > div.open {
background: url('../images/jquery.multiple.select/multiple-select.png') right top no-repeat;
}
.ms-drop {
display: none; position: absolute; width: 100%; margin-top: -1px; padding: 0; border: 1px solid #aaa;
background: #fff; overflow: hidden; color: #000; z-index: 100000;
}
.ms-drop.bottom { top: 100%; }
.ms-drop.top { bottom: 100%; }
.ms-search {
display: inline-block; position: relative; width: 100%; min-height: 26px; margin: 0; padding: 4px; white-space: nowrap; z-index: 10000;
}
.ms-search input {
width: 100% !important; height: auto !important; min-height: 24px; margin: 0; padding: 0 20px 0 5px;
border: 1px solid #aaa; outline: 0; font-family: sans-serif; font-size: 1em;
}
.ms-drop ul { margin: 0; padding: 5px 3px; overflow: auto; }
.ms-drop ul > li { display: list-item; position: static; clear: both !important; list-style: none; background-image: none; }
.ms-drop ul > li .disabled { opacity: .35; filter: Alpha(Opacity=35); }
.ms-drop ul > li.group { clear: both; }
.ms-drop ul > li.multiple { display: block; float: left; }
.ms-drop ul > li.multiple label {
display: block; width: 100% !important; white-space: nowrap; overflow: hidden; text-align: left !important; text-overflow: ellipsis;
}
.ms-drop ul > li label { display: block; text-align: left !important; white-space: nowrap; font-weight: normal; }
.ms-drop ul > li label.optgroup { font-weight: bold; }
.ms-drop input[type="checkbox"] { width: auto !important; height: 18px !important; line-height: 18px !important; vertical-align: middle; }
.ms-drop .ms-no-results { display: none; }
/* ZebraAccordion / (c) Stefan Gabos / v. 1.2.2 released on November 28, 2013 / http://stefangabos.ro/jquery/zebra-accordion/
-------------------------------------------------- */
.Zebra_Accordion dd { display: none; }
.Zebra_Accordion dt { cursor: pointer; }
/* override */
dl.Zebra_Accordion { clear: both; height: 1%; margin: 10px 0; padding: 0; font-size: 12px }
dl.Zebra_Accordion dt { clear: both; margin: 0; padding: 5px; font-weight: 700; font-size: 14px; color: #c10000; }
dl.Zebra_Accordion dt span { float: right; width: 16px; height: 16px; }
dl.Zebra_Accordion dt span.open { background: url("../images/common/css-sprite.png") no-repeat -96px -16px; }
dl.Zebra_Accordion dt span.closed { background: url("../images/common/css-sprite.png") no-repeat -112px -16px; }
dl.Zebra_Accordion dd { clear: both; min-height: 25px; height: auto !important; height: 25px; margin: 1px 0; padding: 0; }
dl.Zebra_Accordion dd div { clear: both; margin: 0; padding: 0; }
dl.Zebra_Accordion dd input#authorization_date { width: 200px; height: 25px; }
dl.Zebra_Accordion dd select { min-width: 300px; }
/* Zebra_DatePicker / copyright (c) 2011 - 2013 Stefan Gabos / http://stefangabos.ro/jquery/zebra-datepicker/
-------------------------------------------------- */
.Zebra_DatePicker { display: none; position: absolute; padding: 5px; border: 1px solid #999; background: #fff; font-size: 12px; z-index: 1000; }
.Zebra_DatePicker * { color: #373737; background: transparent; border: none; }
/* GLOBALS */
.Zebra_DatePicker table { border-collapse: collapse; border-spacing: 0; }
.Zebra_DatePicker td, .Zebra_DatePicker th { text-align: center; padding: 5px 0; }
.Zebra_DatePicker td { cursor: pointer; }
.Zebra_DatePicker .dp_daypicker, .Zebra_DatePicker .dp_monthpicker, .Zebra_DatePicker .dp_yearpicker { margin-top: 3px; }
.Zebra_DatePicker .dp_daypicker td, .Zebra_DatePicker .dp_daypicker th, .Zebra_DatePicker .dp_monthpicker td, .Zebra_DatePicker .dp_yearpicker td {
width: 30px;
}
/* HEADER */
.Zebra_DatePicker .dp_header td { }
.Zebra_DatePicker .dp_header .dp_previous, .Zebra_DatePicker .dp_header .dp_next { width: 30px; }
.Zebra_DatePicker .dp_header .dp_caption { font-weight: bold; }
.Zebra_DatePicker .dp_header .dp_hover { background: #dedede; color: #373737; }
/* DATEPICKER */
.Zebra_DatePicker .dp_daypicker th { font-weight: bold; }
.Zebra_DatePicker td.dp_not_in_month { color: #dedede; cursor: default; }
.Zebra_DatePicker td.dp_not_in_month_selectable { }
.Zebra_DatePicker td.dp_weekend { }
.Zebra_DatePicker td.dp_weekend_disabled { color: #dedede; cursor: default; }
.Zebra_DatePicker td.dp_selected { background: #039; color: #fff !important; }
.Zebra_DatePicker td.dp_week_number { cursor: text; font-weight: bold; }
/* MONTHPICKER */
.Zebra_DatePicker .dp_monthpicker td { width: 33%; }
/* YEARPICKER */
.Zebra_DatePicker .dp_yearpicker td { width: 33%; }
/* FOOTER */
.Zebra_DatePicker .dp_footer { margin-top: 3px; }
/* SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PREVIOUS PROPERTIES) */
.Zebra_DatePicker td.dp_current { color: #3a87ad; }
.Zebra_DatePicker td.dp_disabled_current { color: #3a87ad; }
.Zebra_DatePicker td.dp_disabled { color: #dedede; cursor: default; }
.Zebra_DatePicker td.dp_hover { background: #dedede; }
/* ICON */
button.Zebra_DatePicker_Icon {
display: block; position: absolute; width: 16px; height: 16px; line-height: 0; border: none;
background: url("../images/zebra_datepicker/calendar.png") no-repeat left top; vertical-align: top; text-indent: -9000px; cursor: pointer; z-index: 11110;
}
button.Zebra_DatePicker_Icon_Disabled { background-image: url("../images/zebra_datepicker/calendar-disabled.png"); }
/* don't set vertical margins! */
button.Zebra_DatePicker_Icon { margin: 0 0 0 3px; }
button.Zebra_DatePicker_Icon_Inside { margin: 0 3px 0 0; }
.Zebra_DatePicker_Icon_Wrapper { min-width: 100%; } /* responsive hack */
/* ZebraTooltip / (c) 2012 - 2013 Stefan Gabos / http://stefangabos.ro/jquery/zebra-tooltips/
-------------------------------------------------- */
.Zebra_Tooltip { position: absolute; background: transparent; z-index: 8000; font-size: 11px; }
.Zebra_Tooltip .Zebra_Tooltip_Message {
position: relative; line-height: inherit; *margin-right: 0; padding: 15px; text-align: left; font-weight: normal; font-size: /*inherit*/ 13px;
_width:expression(document.body.clientWidth > 250 ? '250px': 'auto'); /* max-width for IE6 */
}
.Zebra_Tooltip .Zebra_Tooltip_Message strong { color: #f78f34; }
.Zebra_Tooltip .Zebra_Tooltip_Arrow { position: absolute; width: 20px; height: 10px; overflow: hidden; }
.Zebra_Tooltip .Zebra_Tooltip_Arrow_Bottom { bottom: 0; }
.Zebra_Tooltip .Zebra_Tooltip_Arrow_Top { top: 0; }
.Zebra_Tooltip .Zebra_Tooltip_Arrow div {
position: absolute; width: 0; height: 0; left: 0; border-width: 5px; border-style: solid;
_border-left-color: black; _border-right-color: black; _filter: chroma(color=black);
}
.Zebra_Tooltip .Zebra_Tooltip_Arrow_Bottom div { top: 0; _border-bottom-color: black; }
.Zebra_Tooltip .Zebra_Tooltip_Arrow_Top div { bottom: 0; _border-top-color: black; }
.Zebra_Tooltip .Zebra_Tooltip_Close { position: absolute; top: 1px; right: 8px; text-decoration: none; font-weight: bold; font-size: inherit; color: #fff; }
.Zebra_Tooltip .Zebra_Tooltip_Close:hover { color: #c40000; }
/* PgwModal (v 2.0) Copyright 2014, Jonathan M. Piat http://pgwjs.com - http://pagawa.com
Released under the GNU GPLv3 license - http://opensource.org/licenses/gpl-3.0
-------------------------------------------------- */
body.pgwModalOpen { overflow: hidden; }
#pgwModalBackdrop { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9000; }
#pgwModal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow-x: auto; overflow-y: scroll; text-align: center; z-index : 9010; }
#pgwModal .pm-container { margin: 10px; }
#pgwModal .pm-body { display: inline-block; position: relative; max-width: 800px; width: 100%; min-width: 300px; margin-top: 10px; z-index: 9020; }
#pgwModal .pm-content { max-height: 500px; overflow: auto; }
/**
* NOTICE:
* If you want to update the modal rendering, please only edit the content below.
* And if you update a class name, remember to specify it in the plugin configuration.
* Please don't change the class names prefixed by "pm-".
*/
.pgwModalBackdrop { background: #000; opacity: 0.6; filter: alpha(opacity=60); }
.pgwModal .pm-body { border: 3px solid #000; background-color: #fff; }
.pgwModal .pm-title { padding: 5px; background: #fff; }
.pgwModal .pm-content { padding: 10px; background: #fff; }
.pgwModal .pm-footer { padding: 10px 5px 5px; border-top: 1px solid #d5d5d5; background: #e5e5e5; }
.pgwModal .pm-title, .pgwModal .pm-content, .pgwModal .pm-footer { text-align: left; }
.pgwModal .pm-title, .pgwModal .pm-footer { min-height: 25px; font-size: 12px; }
.pgwModal .pm-title { font-size: 15px !important; }
.pgwModal .pm-close { position: absolute; top: 3px; right: 3px; cursor: pointer; }
.pgwModal .pm-close span.pm-icon {
display: block; width: 20px; height: 20px; background: url("../images/jquery.pgw.modal/close.png") no-repeat;
}
/* iCheck plugin Minimal skin, black
----------------------------------- */
.icheckbox_minimal,
.iradio_minimal {
display: inline-block; *display: inline; width: 18px; height: 18px; margin: 0; padding: 0; border: none;
background: url("../images/jquery.icheck/minimal.png") no-repeat; vertical-align: middle; cursor: pointer;
}
.icheckbox_minimal { background-position: 0 0; }
.icheckbox_minimal.hover { background-position: -20px 0; }
.icheckbox_minimal.checked { background-position: -40px 0; }
.icheckbox_minimal.disabled { background-position: -60px 0; cursor: default; }
.icheckbox_minimal.checked.disabled { background-position: -80px 0; }
.iradio_minimal { background-position: -100px 0; }
.iradio_minimal.hover { background-position: -120px 0; }
.iradio_minimal.checked { background-position: -140px 0; }
.iradio_minimal.disabled { background-position: -160px 0; cursor: default; }
.iradio_minimal.checked.disabled { background-position: -180px 0; }
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
.icheckbox_minimal, .iradio_minimal {
background-image: url("../images/jquery.icheck/minimal@2x.png");
-webkit-background-size: 200px 20px;
background-size: 200px 20px;
}
}
/* Selectric
----------------------------------- */
.selectricWrapper { position: relative; width: 300px; margin: 0 0 10px; cursor: pointer; }
.selectricResponsive { width: 100%; }
.selectric { position: relative; border: 1px solid #ddd; background: #f8f8f8; }
.selectric .label {
display: block; margin: 0 30px 0 0; padding: 6px; min-height: 18px; line-height: 18px; white-space: nowrap;
overflow: hidden; font-size: 13px; color: #444;
}
.selectric .button {
display: block; position: absolute; width: 30px; height: 30px; right: 0; top: 0; text-align: center; font: 0/0 a; color: #bbb;
/* IE Fix */ *font: 20px/30px Lucida Sans Unicode, Arial Unicode MS, Arial;
}
.selectric .button:after {
position: absolute; content: " "; width: 0; height: 0; margin: auto; top: 0; right: 0; bottom: 0; left: 0;
border: 4px solid transparent; border-top-color: #bbb; border-bottom: none;
}
.selectricHover .selectric { border-color: #ccc; }
.selectricHover .selectric .button { color: #888; }
.selectricHover .selectric .button:after { border-top-color: #888; }
.selectricOpen { z-index: 9999; }
.selectricOpen .selectric { border-color: #ccc; background: #f0f0f0; }
.selectricOpen .selectricItems { display: block; }
.selectricDisabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; }
.selectricHideSelect { position: relative; width: 0; height: 0; overflow: hidden; }
.selectricHideSelect select { display: none; position: absolute; left: -100%; }
.selectricInput {
position: absolute !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important;
width: 1px !important; height: 1px !important; margin: 0 !important; top: 0 !important; left: 0 !important; padding: 0 !important;
outline: none !important; border: none !important; background: none !important; *font: 0/0 a !important;
}
.selectricTempShow { display: block !important; position: absolute !important; visibility: hidden !important; }
/* Items box */
.selectricItems { display: none; position: absolute; top: 100%; left: 0; border: 1px solid #ccc; background: #f9f9f9; z-index: -1; }
.selectricItems .selectricScroll { height: 100%; overflow: auto; }
.selectricAbove .selectricItems { top: auto; bottom: 100%; }
.selectricItems ul, .selectricItems li { min-height: 20px; line-height: 20px; margin: 0; padding: 0; list-style: none; font-size: 13px; }
.selectricItems li { display: block; padding: 5px; border-top: 1px solid #fff; border-bottom: 1px solid #eee; color: #677; cursor: pointer; }
.selectricItems li.selected { border-top-color: #e0e0e0; background: #efefef; color: #444; }
.selectricItems li:hover { background: #f0f0f0; color: #444; }
.selectricItems li.disabled { border-top-color: #fafafa; background: #f5f5f5; color: #bbb; cursor: default; }