@font-face { font-family: 'Material Icons'; font-display: block; font-style: normal; font-weight: 400; src: local('Material Icons'), local('MaterialIcons-Regular'), url('../fonts/MaterialIcons-Regular.ttf') format('truetype'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: 'liga'; max-width: 24px; } body{ position: absolute; left: 0px; right: 0px; margin: 0px; padding: 0px; width: 100%; font: 80% "Lucida sans unicode"; background-color: #F2F2F2; text-align: center; } #pbody { position: relative; margin: 0px auto; width:1000px; text-align: left; } .unselectable { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } #button { padding: .5em 1em; text-decoration: none; } .container { display: block; position: relative; margin-top: 25px; background-color: #FFFFFF; padding: 0% 0% 0% 0%; width: 100%; min-height: 400px; overflow: hidden; border-left: 1px solid #D8D8D8; border-top: 1px solid #EBEBEB; border-right: 1px solid #D8D8D8; border-bottom: 1px solid #C4C4C4; box-shadow: 1px 0px #EBEBEB, 0px 3px 1px #D8D8D8; -moz-box-shadow: 1px 0px #EBEBEB, 0px 3px 1px #D8D8D8; -webkit-shadow: 1px 0px #EBEBEB, 0px 3px 1px #D8D8D8; } .containerTC { display: block; position: relative; margin-top: 25px; background-color: #FFFFFF; padding: 5% 50px 5% 50px; width: 90%; min-height: 300px; overflow: hidden; color: #888; border-left: 1px solid #D8D8D8; border-top: 1px solid #EBEBEB; border-right: 1px solid #D8D8D8; border-bottom: 1px solid #C4C4C4; box-shadow: 1px 0px #EBEBEB, 0px 3px 1px #D8D8D8; -moz-box-shadow: 1px 0px #EBEBEB, 0px 3px 1px #D8D8D8; -webkit-shadow: 1px 0px #EBEBEB, 0px 3px 1px #D8D8D8; } .containerCD { display: block; position: relative; margin-top: 25px; background-color: #FFFFFF; padding: 5% 50px 5% 50px; width: 90%; min-height: 1000px; overflow: hidden; color: #888; border-left: 1px solid #D8D8D8; border-top: 1px solid #EBEBEB; border-right: 1px solid #D8D8D8; border-bottom: 1px solid #C4C4C4; box-shadow: 1px 0px #EBEBEB, 0px 3px 1px #D8D8D8; -moz-box-shadow: 1px 0px #EBEBEB, 0px 3px 1px #D8D8D8; -webkit-shadow: 1px 0px #EBEBEB, 0px 3px 1px #D8D8D8; } .left { position: relative; left: 0%; top: 0%; float: left; width: 33%; min-height: 300px; color: #888; border-right: 1px solid #E9E9E9; margin: 0px 0px 0px 0px; padding-top: 50px; padding-left: 5%; padding-right: 5%; padding-bottom: 50px; background-color: #FAFAFA} .leftC { position: relative; left: 0%; top: 0%; float: left; width: 33%; min-height: 850px; color: #888; border-right: 1px solid #E9E9E9; margin: 0px 0px 0px 0px; padding-top: 50px; padding-left: 5%; padding-right: 5%; padding-bottom: 50px; background-color: #FAFAFA} .leftC2 { position: relative; left: 0%; top: 0%; float: left; width: 33%; min-height: 700px; color: #888; border-right: 1px solid #E9E9E9; margin: 0px 0px 0px 0px; padding-top: 50px; padding-left: 5%; padding-right: 5%; padding-bottom: 50px; background-color: #FAFAFA} .leftF { position: relative; left: 0%; top: 0%; float: left; width: 28%; min-height: 300px; color: #888; border-right: 1px solid #E9E9E9; margin: 0px 0px 0px 0px; padding: 50px; background-color: #FAFAFA} .leftIU { position: relative; left: 0%; top: 0%; float: left; width: 28%; min-height: 350px; color: #888; border-right: 1px solid #E9E9E9; margin: 0px 0px 0px 0px; padding: 50px; background-color: #FAFAFA} .leftCM { position: relative; left: 0%; top: 0%; float: left; width: 28%; min-height: 470px; color: #888; border-right: 1px solid #E9E9E9; margin: 0px 0px 0px 0px; padding: 50px; background-color: #FAFAFA} .right { width: 48%; height: 70%; padding: 60px 0% 50px 0%; position: relative; float: right; right:5%; background-color: #FFFFFF } .right h3 { margin: 0; padding: 0.4em; text-align: center; } .rightF { width: 53%; height: 70%; padding: 60px 0% 50px 0%; position: relative; float: right; right:5%; background-color: #FFFFFF } .rightF h3 { margin: 0; padding: 0.4em; text-align: center; } #under { margin-top: 2%; position: relative; left: 1%; float: left; color: #888 } .ui-effects-transfer { border: 2px dotted gray; } .rightNou { width: 48%; min-height: 450px; padding: 50px 0% 50px 0%; position: relative; float: right; right:5%; background-color: #FFFFFF; display: flex; justify-content: space-around; align-items: baseline; } .chenar1 { margin-top: 20px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-color: #EEEEEE; border-width: 5px; border-style: solid; width: 60%; } .chenar1Nou { margin-top: 20px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-color: #EEEEEE; border-width: 1px; border-style: solid; width: 100%; width: 99%; margin-left: auto; margin-right: auto; } .chenar1a { margin-top: 0px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-color: #EEEEEE; border-width: 5px; border-style: solid; width: 60%; } .chenar1aNou { margin-top: 0px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-color: #EEEEEE; border-width: 1px; border-style: solid; width: 100%; width: 99%; margin-left: auto; margin-right: auto; } .chenar1C { margin-top: 20px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-color: #EEEEEE; border-width: 5px; border-style: solid; width: 80%; } .chenar1PA { margin-top: 0px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-color: #EEEEEE; border-width: 5px; border-style: solid; width: 80%; } .chenar1F { margin-top: 20px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-color: #EEEEEE; border-width: 5px; border-style: solid; width: 99%; } .chenar2 { position: relative; border-color: #D9D9D9; border-width: 2px; border-style: solid; z-index: 0; overflow: hidden; } .chenar2Nou { position: relative; border-color: #D9D9D9; border-width: 2px; border-style: solid; z-index: 0; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .chenar2C { width: 99%; position: relative; border-color: #D9D9D9; background: #FFFFFF; border-width: 2px; border-style: solid; z-index: 0; overflow: hidden; margin: 0px; margin-top: 59px; bottom:0px; } .chenar1CM { position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-color: #EEEEEE; border-width: 5px; border-style: solid; width: 80%; } .chenar1CR { position: relative; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border-color: #EEEEEE; border-width: 5px; border-style: solid; width: 140%; background-color: #EEEEEE; } .chenar1CRCLS { position: relative; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border-color: #EEEEEE; border-width: 5px; border-style: solid; width: 100%; background-color: #EEEEEE; } .chenar2CR { position: relative; border-color: #D9D9D9; background: #FFFFFF; border-width: 2px; border-style: solid; z-index: 0; overflow: hidden; -moz-border-radius:15px; /* FF1+ */ -webkit-border-radius:15px; /* Saf3-4 */ border-radius:15px; } .iform { position: relative; border-width: 0; padding: 5px; margin: 0; width: 100%; outline: none; z-index: 2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; color: #000000; } .iform1 { position: relative; border-width: 0; padding: 5px; margin: 0; width: 100%; outline: none; z-index: 2; color: #000000; } .iform2 { position: relative; border-width: 0; padding: 5px; margin: 0; width: 100%; outline: none; z-index: 2; color: #000000; } .iform2Nou { position: relative; border-width: 0; padding: 5px; margin: 0; width: 100%; outline: none; z-index: 2; color: #000000; font-size: 120%; line-height: 29px; font-size: 15px; } .label-text { z-index: 1; padding: 5px; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #A6C9E2; margin: 1em 0; padding: 0; } a.myLink { text-decoration: none; color: #08c; outline: none; cursor: pointer } a.myLink:hover { text-decoration: underline } a.myLinkConPar { text-decoration: none; color: #08c; outline: none; cursor: pointer } a.myLinkConPar:hover { text-decoration: underline } a.myLinkCDM { text-decoration: none; color: #08c; outline: none; cursor: pointer } a.myLinkCDM:hover { text-decoration: underline } .fbPlusAppDownBtns { width: 90%; margin-left: 5%; margin-right: 5%; position: absolute; left: 0px; bottom: 40px; display: flex; justify-content: space-around; align-items: center; } .contNouBtnPos { width: 100%; position: absolute; left: 0px; bottom: 40px; display: flex; justify-content: space-around; align-items: center; } a.btn.bigblue { float: right; cursor: pointer; padding: 10px; display:inline-block; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -moz-box-shadow:0 1px #c0c0c0; -webkit-box-shadow:0 1px #c0c0c0; box-shadow:0 1px #c0c0c0; box-shadow:none\9; background: #52a8e7; /* Old browsers */ background: -moz-linear-gradient(top, #52a8e7 5%, #2b70c3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#52a8e7), color-stop(100%,#2b70c3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #52a8e7 5%,#2b70c3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #52a8e7 5%,#2b70c3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #52a8e7 5%,#2b70c3 100%); /* IE10+ */ background: linear-gradient(top, #52a8e7 5%,#2b70c3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52a8e7', endColorstr='#2b70c3',GradientType=0 ); outline: none } .btn.bigblue span { display:inline-block; } .btn.bigblue { *position:relative; } .btn.bigblue span { padding:7px 25px 8px 25px; font-size:16px; color:#fff; text-shadow:0 -1px #367BBB; } .btn.bigblue input#signInHyperLink { border-width: 0; padding: 5px; margin: 0;color: #fff; background:none !important; box-shadow:none; outline: none } .btn.bigblue:hover, .btn.bigblue input:hover { cursor: pointer; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; background: #3f9fe5; /* Old browsers */ background: -moz-linear-gradient(top, #3f9fe5 5%, #1360bc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#3f9fe5), color-stop(100%,#1360bc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3f9fe5 5%,#1360bc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3f9fe5 5%,#1360bc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3f9fe5 5%,#1360bc 100%); /* IE10+ */ background: linear-gradient(top, #3f9fe5 5%,#1360bc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f9fe5', endColorstr='#1360bc',GradientType=0 ); /* IE6-9 */ } .btn.bigblue:active { background: #3e96d9; /* Old browsers */ background: -moz-linear-gradient(top, #3e96d9 5%, #1e6dca 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#3e96d9), color-stop(100%,#1e6dca)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3e96d9 5%,#1e6dca 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3e96d9 5%,#1e6dca 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3e96d9 5%,#1e6dca 100%); /* IE10+ */ background: linear-gradient(top, #3e96d9 5%,#1e6dca 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e96d9', endColorstr='#1e6dca',GradientType=0 ); /* IE6-9 */ } .btn.bigblue input:active { background:transparent; color: white } .btn.bigblue:active, .btn.biggrey:active { -webkit-box-shadow: 0 1px 0 white, 0 0 9px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow: 0 1px 0 white, 0 0 9px rgba(0, 0, 0, 0.5) inset; box-shadow: 0 1px 0 white, 0 0 9px rgba(0, 0, 0, 0.5) inset; } #copyright { display: block; margin: 30px 10px 10px 10px; text-align: center; color: #888; font-size: 70%; z-index: 0; position: relative; } /* Dock */ #outer_dock { display: block; width: 1010px; height: 60px; text-align: center; overflow: hidden; margin-top: 0px; } #dock { position: relative; left: 0px; display: block; width: 1000px; height: 30px; text-align: center; overflow: hidden; z-index: 10; margin-top: 20px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background: rgb(139,139,139); /* Old browsers */ background: -moz-linear-gradient(top, rgba(139,139,139,1) 0%, rgba(113,113,113,1) 50%, rgba(94,94,94,1) 51%, rgba(119,119,119,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(139,139,139,1)), color-stop(50%,rgba(113,113,113,1)), color-stop(51%,rgba(94,94,94,1)), color-stop(100%,rgba(119,119,119,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(139,139,139,1) 0%,rgba(113,113,113,1) 50%,rgba(94,94,94,1) 51%,rgba(119,119,119,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(139,139,139,1) 0%,rgba(113,113,113,1) 50%,rgba(94,94,94,1) 51%,rgba(119,119,119,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(139,139,139,1) 0%,rgba(113,113,113,1) 50%,rgba(94,94,94,1) 51%,rgba(119,119,119,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(139,139,139,1) 0%,rgba(113,113,113,1) 50%,rgba(94,94,94,1) 51%,rgba(119,119,119,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b8b8b', endColorstr='#777777',GradientType=0 ); /* IE6-9 */ border-left: 1px solid #DADADA; border-top: 1px solid #7C7C7C; border-right: 1px solid #DADADA; border-bottom: 1px solid #575757; box-shadow: 0px 2px 0px #C2C2C2, 0px 3px 0px #DADADA; -moz-box-shadow: 0px 2px 0px #C2C2C2, 0px 3px 0px #DADADA; -webkit-shadow: 0px 2px 0px #C2C2C2, 0px 3px 0px #DADADA; } #inner_dock { position: relative; left: 0px; display: block; width: 1100px; height: 30px; text-align: center; overflow: hidden; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } .dock_el { line-height: 30px; display: block; width: 198px; height: 100%; text-align: center; z-index: 11; float: left; color: white; text-decoration: none; } .dock_el:hover { color: #AFAFAF; cursor: pointer; } .dock_el:active { color: #AFAFAF; cursor: pointer; } .dock_el_sel { line-height: 30px; display: block; width: 198px; height: 100%; text-align: center; z-index: 11; float: left; color: #AFAFAF; text-decoration: none; } .dock_el_sel:hover { cursor: pointer; } .dock_el6 { line-height: 30px; display: block; width: 165px; height: 100%; text-align: center; z-index: 11; float: left; color: white; text-decoration: none; } .dock_el6:hover { color: #AFAFAF; cursor: pointer; } .dock_el6:active { color: #AFAFAF; cursor: pointer; } .dock_el6_sel { line-height: 30px; display: block; width: 165px; height: 100%; text-align: center; z-index: 11; float: left; color: #AFAFAF; text-decoration: none; } .dock_el6_sel:hover { cursor: pointer; } .dock_el6_nul { line-height: 30px; display: block; width: 165px; height: 100%; text-align: center; z-index: 11; float: left; color: #888888; text-decoration: none; } .dock_el7 { line-height: 30px; display: block; width: 142px; height: 100%; text-align: center; z-index: 11; float: left; color: white; text-decoration: none; } .dock_el7:hover { color: #AFAFAF; cursor: pointer; } .dock_el7:active { color: #AFAFAF; cursor: pointer; } .dock_el7_sel { line-height: 30px; display: block; width: 142px; height: 100%; text-align: center; z-index: 11; float: left; color: #AFAFAF; text-decoration: none; } .dock_el7_sel:hover { cursor: pointer; } .dock_el7_nul { line-height: 30px; display: block; width: 142px; height: 100%; text-align: center; z-index: 11; float: left; color: #888888; text-decoration: none; } .dock_el8 { line-height: 30px; display: block; width: 124px; height: 100%; text-align: center; z-index: 11; float: left; color: white; text-decoration: none; } .dock_el8:hover { color: #AFAFAF; cursor: pointer; } .dock_el8:active { color: #AFAFAF; cursor: pointer; } .dock_el8_sel { line-height: 30px; display: block; width: 124px; height: 100%; text-align: center; z-index: 11; float: left; color: #AFAFAF; text-decoration: none; } .dock_el8_sel:hover { cursor: pointer; } .dock_borderL { border-left: 1px solid #9B9B9B; } .dock_borderR { border-right: 1px solid #686868; } .roundL { border-top-left-radius:8px; -moz-border-radius-topleft:8px; -webkit-border-radius-top-left:8px; border-bottom-left-radius:8px; -moz-border-radius-bottomleft:8px; -webkit-border-radius-bottom-left:8px; } .roundR { border-top-right-radius:8px; -moz-border-radius-topright:8px; -webkit-border-radius-top-right:8px; border-bottom-right-radius:8px; -moz-border-radius-bottomright:8px; -webkit-border-radius-bottom-right:8px; } .dock_last { width: 202px; } .dock_last6 { width: 169px; } .dock_last7 { width: 142px; } .dock_last8 { width: 122px; } table.ia { overflow:hidden; border:1px solid #d3d3d3; background:#fefefe; width:90%; margin:50px auto 50px; -moz-border-radius:5px; /* FF1+ */ -webkit-border-radius:5px; /* Saf3-4 */ border-radius:5px; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); } .ia th, td {padding:18px 28px 18px; text-align:center; } .ia th {padding-top:22px; text-shadow: 1px 1px 1px #fff; background:#e8eaeb;} .ia td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;} .ia tr.odd-row td {background:#f6f6f6;} /* Background gradients are completely unnecessary but a neat effect. */ .ia td { background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9); background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); } .ia tr.odd-row td { background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1); background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6)); } .ia th { background: -moz-linear-gradient(100% 20% 90deg, #e8eaeb, #ededed); background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#ededed), to(#e8eaeb)); } .ia tr:hover td, tr.odd-row:hover td { color: white; background: #7abcff; /* Old browsers */ background: -moz-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* IE10+ */ background: linear-gradient(to bottom, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */ cursor: pointer; } .ia td.first, th.first {text-align:left} .ia td.last {border-right:none;} /* I know this is annoying, but we need additional styling so webkit will recognize rounded corners on background elements. Nice write up of this issue: http://www.onenaught.com/posts/266/css-inner-elements-breaking-border-radius And, since we've applied the background colors to td/th element because of IE, Gecko browsers also need it. */ .ia tr:first-child th.first { -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; /* Saf3-4 */ } .ia tr:first-child th.last { -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; /* Saf3-4 */ } .ia tr:last-child td.first { -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; /* Saf3-4 */ } .ia tr:last-child td.last { -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; /* Saf3-4 */ } table.iu { overflow:hidden; border:1px solid #d3d3d3; background:#fefefe; width:100%; margin:50px auto 50px; -moz-border-radius:5px; /* FF1+ */ -webkit-border-radius:5px; /* Saf3-4 */ border-radius:5px; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); } .iu th, td {padding:18px 28px 18px; text-align:center; } .iu th {padding-top:22px; text-shadow: 1px 1px 1px #fff; background:#e8eaeb;} .iu td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;} .iu tr.odd-row2 td {background:#f6f6f6;} /* Background gradients are completely unnecessary but a neat effect. */ .iu td { background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9); background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); } .iu tr.odd-row2 td { background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1); background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6)); } .iu th { background: -moz-linear-gradient(100% 20% 90deg, #e8eaeb, #ededed); background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#ededed), to(#e8eaeb)); } .iu td.first, th.first {text-align:left} .iu td.last {border-right:none;} /* I know this is annoying, but we need additional styling so webkit will recognize rounded corners on background elements. Nice write up of this issue: http://www.onenaught.com/posts/266/css-inner-elements-breaking-border-radius And, since we've applied the background colors to td/th element because of IE, Gecko browsers also need it. */ .iu tr:first-child th.first { -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; /* Saf3-4 */ } .iu tr:first-child th.last { -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; /* Saf3-4 */ } .iu tr:last-child td.first { -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; /* Saf3-4 */ } .iu tr:last-child td.last { -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; /* Saf3-4 */ } table.mi { overflow:hidden; border:1px solid #d3d3d3; background:#fefefe; width:100%; margin:50px auto 50px; -moz-border-radius:5px; /* FF1+ */ -webkit-border-radius:5px; /* Saf3-4 */ border-radius:5px; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); } .mi th, td {padding:18px 28px 18px; text-align:center; } .mi th {padding-top:22px; text-shadow: 1px 1px 1px #fff; background:#e8eaeb;} .mi td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;} .mi tr.odd-row2 td {background:#f6f6f6;} /* Background gradients are completely unnecessary but a neat effect. */ .mi td { background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9); background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); } .mi tr.odd-row2 td { background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1); background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6)); } .mi th { background: -moz-linear-gradient(100% 20% 90deg, #e8eaeb, #ededed); background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#ededed), to(#e8eaeb)); } .mi tr:hover td, tr.odd-row:hover td { color: white; background: #7abcff; /* Old browsers */ background: -moz-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* IE10+ */ background: linear-gradient(to bottom, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */ cursor: pointer; } .mi td.first, th.first {text-align:left} .mi td.last {border-right:none;} /* I know this is annoying, but we need additional styling so webkit will recognize rounded corners on background elements. Nice write up of this issue: http://www.onenaught.com/posts/266/css-inner-elements-breaking-border-radius And, since we've applied the background colors to td/th element because of IE, Gecko browsers also need it. */ .mi tr:first-child th.first { -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; /* Saf3-4 */ } .mi tr:first-child th.last { -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; /* Saf3-4 */ } .mi tr:last-child td.first { -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; /* Saf3-4 */ } .mi tr:last-child td.last { -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; /* Saf3-4 */ } table.cl { overflow:hidden; border:1px solid #d3d3d3; background:#fefefe; width:100%; margin:50px auto 50px; -moz-border-radius:5px; /* FF1+ */ -webkit-border-radius:5px; /* Saf3-4 */ border-radius:5px; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); } .cl th {padding:10px 5px 10px; text-align:center; } .cl th {padding-top:20px; text-shadow: 1px 1px 1px #fff; background:#e8eaeb;} .cl td { padding:10px 5px 10px; border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;} .cl tr.odd-row2 td {background:#f6f6f6;} /* Background gradients are completely unnecessary but a neat effect. */ .cl td { background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9); background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); } .cl tr.odd-row2 td { background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1); background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6)); } .cl th { background: -moz-linear-gradient(100% 20% 90deg, #e8eaeb, #ededed); background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#ededed), to(#e8eaeb)); } .cl td.first, th.first {text-align:left} .cl td.last {border-right:none;} /* I know this is annoying, but we need additional styling so webkit will recognize rounded corners on background elements. Nice write up of this issue: http://www.onenaught.com/posts/266/css-inner-elements-breaking-border-radius And, since we've applied the background colors to td/th element because of IE, Gecko browsers also need it. */ .cl tr:first-child th.first { -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; /* Saf3-4 */ } .cl tr:first-child th.last { -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; /* Saf3-4 */ } .cl tr:last-child td.first { -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; /* Saf3-4 */ } .cl tr:last-child td.last { -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; /* Saf3-4 */ } #features_table{ clear:both; padding: 50px; color: #888; font-size: 15px; } .features_row { display: flex; align-items: center; justify-content: space-around; } .features_card { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background: #f6f6f6; border: 1px solid #e8e8e8; border-collapse: separate; font-size: 14px; padding: 10px; width: 29%; height: 220px; margin-top: 20px; text-align: center; } .radioOpt2_el { padding-top: 5px; padding-bottom: 5px; display: block; width: 50%; height: 100%; text-align: center; z-index: 11; float: left; color: black; text-decoration: none; } .radioOpt2_el:hover { background-color: #000000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; cursor: pointer; color: white; } .radioOpt2_el:active { background-color: #000000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; cursor: pointer; color: white; } .radioOpt2_el_sel { background-color: #08c; padding-top: 5px; padding-bottom: 5px; display: block; width: 50%; height: 100%; text-align: center; z-index: 11; float: left; color: white; text-decoration: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .nav { margin:2.4em -50px 0 -58px; padding: 0px} .nav li { list-style-type: none; padding:8px 0; } .nav li.active { background:transparent url(../img/nav_act.jpg) 0 50% repeat-x; } .nav li.active a { background:transparent url(../img/nav_arr.png) 96% -12% no-repeat } .nav li.active a:hover { color:#333; cursor: pointer } .nav a { text-decoration: none; display:block; padding:0 50px; font-size:14px; color:#333; text-shadow:0 1px #fff; background:transparent url(../img/nav_aro.png) 96% 100% no-repeat; } .nav a:hover { text-decoration:none; color:#08c; background:transparent url(../img/nav_nex.png) 96% 3px no-repeat; cursor: pointer } .alert { position: absolute; top: 50%; left: 63%; width:17px; height:17px; background-image:url(../img/error_icon.png); display: inline-block; margin-top: -8px; /* For IE 7 */ zoom: 1; *display: inline; } .alertC { position: absolute; top: 50%; left: 83%; width:17px; height:17px; background-image:url(../img/error_icon.png); display: inline-block; margin-top: -8px; /* For IE 7 */ zoom: 1; *display: inline; } .alertCM { position: absolute; top: 50%; left: 85%; width:17px; height:17px; background-image:url(../img/error_icon.png); display: inline-block; margin-top: -8px; /* For IE 7 */ zoom: 1; *display: inline; } .alertC0 { position: relative; top: 5px; left: 5px; background-image:url(../img/load_icon.gif); background-repeat: no-repeat; width: 60%; display: inline-block; /* For IE 7 */ zoom: 1; *display: inline; padding-left: 22px; padding-top: 0px; color: #08c; } .alertDOp { position: relative; top: 0px; left: 0px; background-image:url(../img/load_icon.gif); background-repeat: no-repeat; width: 60%; display: inline-block; /* For IE 7 */ zoom: 1; *display: inline; padding-left: 22px; padding-top: 0px; color: #08c; } .alertCM0 { position: relative; top: 5px; left: 5px; background-image:url(../img/load_icon.gif); background-repeat: no-repeat; width: 50%; display: inline-block; /* For IE 7 */ zoom: 1; *display: inline; padding-left: 22px; padding-top: 0px; color: #08c; } .alertCI { position: relative; top: 5px; left: 5px; background-image:url(../img/info.png); background-repeat: no-repeat; width: 60%; display: inline-block; /* For IE 7 */ zoom: 1; *display: inline; padding-left: 22px; padding-top: 0px; } .alertC1 { position: relative; top: 5px; left: 5px; background-image:url(../img/error_icon.png); background-repeat: no-repeat; width: 60%; display: inline-block; /* For IE 7 */ zoom: 1; *display: inline; padding-left: 22px; padding-top: 0px; color: #ea0000; } .alertC1NouFinal { position: relative; top: 5px; left: 5px; width: 60%; display: inline-block; /* For IE 7 */ zoom: 1; *display: inline; padding-left: 22px; padding-top: 0px; color: #ea0000; } .alertC2 { position: relative; top: 5px; left: 5px; background-image:url(../img/check_iconS.png); background-repeat: no-repeat; width: 60%; display: inline-block; /* For IE 7 */ zoom: 1; *display: inline; padding-left: 22px; padding-top: 0px; color: #51BD2E; } .alertCPA { position: relative; top: 0px; left: 0px; background-image:url(../img/chkmark.png); background-repeat: no-repeat; padding-left: 40px; line-height: 32px; width: 100%; display: inline-block; /* For IE 7 */ zoom: 1; *display: inline; padding-top: 0px; color: #888; text-align: left; } .alertCPAU { position: relative; top: 0px; left: 0px; background-image:url(../img/unchkmark.png); background-repeat: no-repeat; padding-left: 40px; line-height: 32px; width: 100%; display: inline-block; /* For IE 7 */ zoom: 1; *display: inline; padding-top: 0px; color: #888; text-align: left; } .alertCM0 { position: relative; top: 5px; left: 5px; background-image:url(../img/load_icon.gif); background-repeat: no-repeat; width: 50%; display: inline-block; /* For IE 7 */ zoom: 1; *display: inline; padding-left: 22px; padding-top: 0px; color: #08c; } .alertCM1 { position: relative; top: 5px; left: 5px; background-image:url(../img/error_icon.png); background-repeat: no-repeat; width: 50%; display: inline-block; /* For IE 7 */ zoom: 1; *display: inline; padding-left: 22px; padding-top: 0px; color: #ea0000; } .alertCM2 { position: relative; top: 5px; left: 5px; background-image:url(../img/check_iconS.png); background-repeat: no-repeat; width: 50%; display: inline-block; /* For IE 7 */ zoom: 1; *display: inline; padding-left: 22px; padding-top: 0px; color: #51BD2E; } .alertMI0 { position: relative; top: 5px; left: 5px; background-image:url(../img/load_icon.gif); background-repeat: no-repeat; width: 80%; display: inline-block; /* For IE 7 */ zoom: 1; *display: inline; padding-left: 22px; padding-top: 0px; color: #08c; } .alertMI1 { position: relative; top: 5px; left: 5px; background-image:url(../img/error_icon.png); background-repeat: no-repeat; width: 80%; display: inline-block; /* For IE 7 */ zoom: 1; *display: inline; padding-left: 22px; padding-top: 0px; color: #ea0000; } .alertMI2 { position: relative; top: 5px; left: 5px; background-image:url(../img/check_iconS.png); background-repeat: no-repeat; width: 80%; display: inline-block; /* For IE 7 */ zoom: 1; *display: inline; padding-left: 22px; padding-top: 0px; color: #51BD2E; } .alertFS { position: relative; top: 5px; left: 5px; background-image:url(../img/error_icon.png); background-repeat: no-repeat; width: 100%; display: inline-block; /* For IE 7 */ zoom: 1; *display: inline; padding-left: 22px; padding-top: 0px; color: #ea0000; } .alertHS { position: relative; top: 5px; left: 5px; background-image:url(../img/error_icon.png); background-repeat: no-repeat; width: 100%; display: inline-block; /* For IE 7 */ zoom: 1; *display: inline; padding-left: 22px; padding-top: 0px; color: black; } #captcha-wrap{ position: relative; display: block; width: 80%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-color: #EEEEEE; border-width: 5px; border-style: solid; background:#EEEEEE; text-align:left; padding:0px; margin-top:20px; margin-bottom: 0px; overflow: hidden; } #captcha-wrap .captcha-box{ float: left; -webkit-border-radius: 5px; background:#fff; -moz-border-radius: 5px; border-radius: 5px; text-align:center; border:solid #D9D9D9 1px; width: 80%; margin-right: -64px; height: 54px; } #captcha-wrap .captcha-action{ float:right; width:44px; height:44px; margin-left: 10px; margin-top: 5px; margin-right:10px; overflow: hidden; } #captcha-wrap img#captcha-refresh{ margin-top:0px; margin-right:0px; cursor:pointer; } #captcha-wrap img#captcha-refresh2{ margin-top:0px; margin-right:0px; cursor:pointer; } #topcontrol { position: fixed; display: block; margins: 3px; padding: 0px; width: 37px; height: 37px; bottom: 18px; right: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; background-image:url(../img/up5.png); background-repeat: no-repeat; background-position: center; z-index: 99; } #topcontrol:hover { bottom: 15px; right: 15px; border: 3px solid #08c; } #topcontrol:active { bottom: 15px; right: 15px; border: 3px solid #ea0000; } .cat_div { overflow:hidden; border:1px solid #d3d3d3; background:#d9d9d9; margin:50px auto 50px auto; -moz-border-radius:5px; /* FF1+ */ -webkit-border-radius:5px; /* Saf3-4 */ border-radius:5px; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); color: #000000; } table.cat_row { text-align: center; width: 100%; background-color: #FFFFFF; } table.cat_row td { padding: 0px; width: 33%; } table.cat_mat { width: 100%; border: 1px solid #757575; background: #FFFFFF; } table.cat_abs { width: 100%; } table.cat_not { width: 100%; } table.cat_mat td { padding: 0px; border: 1px solid #EEEEEE; vertical-align: top; } table.cat_not td { padding: 0px; border: none; white-space: nowrap; } table.cat_abs td { padding: 0px; border: none; white-space: nowrap; } .abs_mot { border:1px solid #08c; -moz-border-radius:15px; /* FF1+ */ -webkit-border-radius:15px; /* Saf3-4 */ border-radius:15px; padding-left: 3px; padding-right: 3px; } .tlc_flip { position: absolute; z-index: 98; left: 0px; top: 0px; background-image:url(../img/page_turn1.png); background-repeat: no-repeat; background-position: top left; width: 128px; height: 128px; cursor: pointer; } .tlc_flip:hover { background-image:url(../img/page_turn2.png); } .tlc_flipMe { position: absolute; z-index: 98; left: 0px; top: 0px; background-image:url(../img/page_turn11.png); background-repeat: no-repeat; background-position: top left; width: 128px; height: 128px; cursor: pointer; } .tlc_flipMe:hover { background-image:url(../img/page_turn12.png); } .trc_flip { position: absolute; z-index: 98; right: 0px; top: 0px; background-image:url(../img/page_turn3.png); background-repeat: no-repeat; background-position: top left; width: 128px; height: 128px; cursor: pointer; } .trc_flip:hover { background-image:url(../img/page_turn4.png); } .trc_flipM { position: absolute; z-index: 97; right: 0px; top: 0px; background-image:url(../img/page_turn5.png); background-repeat: no-repeat; background-position: top left; width: 128px; height: 128px; cursor: pointer; } .trc_flipM:hover { background-image:url(../img/page_turn6.png); } .trc_flipC { position: absolute; z-index: 97; right: 0px; top: 0px; background-image:url(../img/page_turn7.png); background-repeat: no-repeat; background-position: top left; width: 128px; height: 128px; cursor: pointer; } .trc_flipC:hover { background-image:url(../img/page_turn8.png); } .trm_flipC { position: absolute; z-index: 97; top: 0px; left: 50%; margin-left: -10%; width: 16%; background-color: #FAFAFA; border-right: 1px solid #E9E9E9; border-left: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; padding: 2%; border-bottom-right-radius:8px; -moz-border-radius-bottomright:8px; -webkit-border-radius-bottom-right:8px; border-bottom-left-radius:8px; -moz-border-radius-bottomleft:8px; -webkit-border-radius-bottom-left:8px; color: #08c; cursor: pointer; text-align: center; } .trm_flipC:hover { background-color: #08c; color: white; border-color: white; } .trc_flipCl { position: absolute; z-index: 97; right: 0px; top: 0px; background-image:url(../img/page_turn9.png); background-repeat: no-repeat; background-position: top left; width: 128px; height: 128px; cursor: pointer; } .trc_flipCl:hover { background-image:url(../img/page_turn10.png); } table.inv_table { overflow:hidden; margin:50px auto 50px; } .inv_table th {padding:18px 28px 18px; text-align: center; } .inv_table td {padding:18px 28px 18px; text-align: left; } .mistakeDiv { position: absolute; z-index: 98; right: 0px; top: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-color: #EA0000; border-width: 5px; border-style: solid; width: 450px; -moz-box-shadow:0 0 5px 2px #999; -webkit-box-shadow:0 0 5px 2px #999; box-shadow:0 0 5px 2px #999; background-color: #FFFFFF; padding: 20px; } .mentiuniDiv { position: absolute; z-index: 98; left: 0px; top: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-color: #009bd6; border-width: 5px; border-style: solid; width: 450px; -moz-box-shadow:0 0 5px 2px #999; -webkit-box-shadow:0 0 5px 2px #999; box-shadow:0 0 5px 2px #999; background-color: #FFFFFF; padding: 20px; } .rpayDiv { position: relative; display: block; margin-bottom: 10px; margin-top: 0px; width: 960px; z-index: 1; padding: 20px; background-color: white; color: #888; cursor: pointer; float: left; border-left: 1px solid #D8D8D8; border-top: 1px solid #EBEBEB; border-right: 1px solid #D8D8D8; border-bottom: 1px solid #C4C4C4; box-shadow: 1px 0px #EBEBEB, 0px 3px 1px #D8D8D8; -moz-box-shadow: 1px 0px #EBEBEB, 0px 3px 1px #D8D8D8; -webkit-shadow: 1px 0px #EBEBEB, 0px 3px 1px #D8D8D8; } .bpayDiv { position: absolute; top: 10px; left: 50%; margin-left: -100px; width: 200px; z-index: 99; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border-width: 2px; border-style: solid; text-align: center; -moz-box-shadow:0 0 4px 2px #999; -webkit-box-shadow:0 0 4px 2px #999; box-shadow:0 0 4px 2px #999; padding: 5x; background-color: #78A651; color: white; cursor: pointer; } .pasPA { position: relative; margin-left: 0%; margin-right: 0%; padding: 20px 15px 5px 15px; margin-bottom: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-width: 3px; border-style: solid; border-color: #E4F1F9; text-align: left; background-color: #E4F1F9; } .titluPas { color: #4DA0E5; font-size: 20px; margin: 0 10px 20px 15px; font-weight: normal; line-height: 30px; } .nrPas { width: 30px; height: 30px; color: #4DA0E5; border-radius: 50%; text-align: center; line-height: 30px; font-weight: 700; font-size: 18px; margin-right: 25px; display: inline-block; margin-left: 15px; border: 2px solid; } .contentPas { box-shadow: 1px 1px 2px #BBC6CC; border-radius: 5px; overflow: visible; padding: 20px; margin: 0 0 35px 0; background-color: white; } label.hover { cursor: pointer; color: #2489C5; } .secLeftCorner { position: absolute; top: 5px; right: 5px; text-align: right; } .alertCL { position: relative; background-image:url(../img/chkmark.png); background-repeat: no-repeat; display: block; padding-left: 40px; padding-top: 0px; line-height: 32px; color: #000000; } .redDiv { float: right; background-image:url(../img/reducere.png); background-position: 0 0; background-repeat: no-repeat; width: 58px; height: 50px; display: block; } .alertChk { position: relative; background-image:url(../img/chkmark.png); background-repeat: no-repeat; display: block; padding-left: 40px; padding-top: 0px; line-height: 32px; color: #000000; } .alertChk:hover { color: #08c; cursor: pointer; } .alertunChk { position: relative; background-image:url(../img/unchkmark.png); background-repeat: no-repeat; display: block; padding-left: 40px; padding-top: 0px; line-height: 32px; color: #000000; } .alertunChk:hover { color: #08c; cursor: pointer; } .conT { position: relative; background-image:url(../img/tel-line-blue.png); background-repeat: no-repeat; background-size: 22px; display: block; padding-left: 30px; padding-top: 0px; line-height: 22px; color: #888; } .conM { position: relative; background-image:url(../img/mail-line-blue.png); background-repeat: no-repeat; background-size: 22px; display: block; padding-left: 30px; padding-top: 0px; line-height: 22px; color: #888; } .conT1 { position: relative; background-image:url(../img/phone_icon.png); background-repeat: no-repeat; display: block; padding-left: 40px; padding-top: 0px; line-height: 32px; color: #000000; } .conM1 { position: relative; background-image:url(../img/email_icon.png); background-repeat: no-repeat; display: block; padding-left: 40px; padding-top: 0px; line-height: 32px; color: #000000; } .conT2 { position: relative; background-image:url(../img/phone_icon2.png); background-repeat: no-repeat; display: block; padding-left: 40px; padding-top: 0px; line-height: 32px; color: #000000; font-style: italic; } .conM2 { position: relative; background-image:url(../img/email_icon2.png); background-repeat: no-repeat; display: block; padding-left: 40px; padding-top: 0px; line-height: 32px; color: #000000; font-style: italic; } .conA { position: relative; background-image:url(../img/chkmark.png); background-repeat: no-repeat; display: block; padding-left: 40px; padding-top: 0px; line-height: 32px; color: #000000; } .conC { position: relative; background-image:url(../img/close.png); background-repeat: no-repeat; display: block; padding-left: 40px; padding-top: 0px; line-height: 32px; color: #000000; } .conCL { position: relative; background-image:url(../img/clasa.png); background-repeat: no-repeat; display: block; padding-left: 40px; padding-top: 0px; line-height: 32px; color: #000000; } .htCM1 { width: 100% } .htCM0 td { text-align: left; vertical-align: middle } .htCM1 td { text-align: left } .htCM1 td.col1 { width: 40%; vertical-align: top; padding-top: 27px } .htCM1 td.col2 { width: 60%; vertical-align: top } .htCM2 td { text-align: left; vertical-align: middle; padding: 10px 20px 10px 0px } .status_mes { border:1px solid #FFFFFF; background-color: #08c; color: #FFFFFF; -moz-border-radius:15px; /* FF1+ */ -webkit-border-radius:15px; /* Saf3-4 */ border-radius:15px; padding-left: 5px; padding-right: 5px; } .new { border:1px solid #FFFFFF; background-color: #ea0000; color: #FFFFFF; -moz-border-radius:15px; /* FF1+ */ -webkit-border-radius:15px; /* Saf3-4 */ border-radius:15px; padding-left: 5px; padding-right: 5px; } .newBlue { border:1px solid #F2F2F2; background-color: #08c; color: #FFFFFF; -moz-border-radius:15px; /* FF1+ */ -webkit-border-radius:15px; /* Saf3-4 */ border-radius:15px; padding-left: 5px; padding-right: 5px; } .outer_bila { position: relative; text-align: center; vertical-align: middle; display: inline-block; /* For IE 7 */ zoom: 1; *display: inline; } .langa_bila { text-align: center; vertical-align: top; position: relative; display: inline-block; /* For IE 7 */ zoom: 1; *display: inline; } .bila_mes { position: relative; text-align: center; line-height: 26px; color: #FFFFFF; width:26px; height:26px; margin-top: 2px; margin-left: 5px; background-image:url(../img/bila_mes.png); display: inline-block; /* For IE 7 */ zoom: 1; *display: inline; } .viewMes { overflow:hidden; border:1px solid #d3d3d3; background:#fefefe; width:100%; margin: 50px auto; -moz-border-radius:5px; /* FF1+ */ -webkit-border-radius:5px; /* Saf3-4 */ border-radius:5px; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); } .viewMes2 { overflow:hidden; border:1px solid #08c; background:#FFFFFF; width:96%; margin:0px; padding: 2%; text-align: left; -moz-border-radius:5px; /* FF1+ */ -webkit-border-radius:5px; /* Saf3-4 */ border-radius:5px; } table.destTable { overflow:hidden; border:1px solid #08c; background:#FFFFFF; width:100%; margin:0px; text-align: left; -moz-border-radius:5px; /* FF1+ */ -webkit-border-radius:5px; /* Saf3-4 */ border-radius:5px; } table.destTable th { width: 50%; margin: 0px; padding: 0px; text-align: center; } table.destTable td { width: 50%; margin: 0px; padding: 0px; border-top: 1px solid #08c; } .ui-multiselect { padding:2px 0 2px 4px; text-align:left; font-size: 100% } .ui-multiselect span.ui-icon { float:right } .ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; } .ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important } .ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px } .ui-multiselect-header ul { font-size:0.9em } .ui-multiselect-header ul li { float:left; padding:0 10px 0 0 } .ui-multiselect-header a { text-decoration:none } .ui-multiselect-header a:hover { text-decoration:underline } .ui-multiselect-header span.ui-icon { float:left } .ui-multiselect-header span.text { margin-top: 5px } .ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:5px } .ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:98; text-align: left; font-size: 100%; margin-left: 0px } .ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:auto } .ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px } .ui-multiselect-checkboxes label input { position:relative; top:1px } .ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none } /* remove label borders in IE6 because IE6 does not support transparency */ * html .ui-multiselect-checkboxes label { border:none } .ui-multiselect-hasfilter ul { position:relative; top:2px } .ui-multiselect-filter { float:left; margin-right:10px; font-size:11px } .ui-multiselect-filter input { width:100px; font-size:10px; margin-left:0px; height:15px; padding:2px; border:1px solid #292929; -webkit-appearance:textfield; -webkit-box-sizing:content-box; } .pClase { display: block; position: relative; width: 100%; overflow: hidden; } .pClasa { font-size: 100%; position: relative; border:1px solid #EEEEEE; background-color: #D9D9D9; color: #000000; -moz-border-radius:15px; /* FF1+ */ -webkit-border-radius:15px; /* Saf3-4 */ border-radius:15px; padding: 8px; margin-right: 10px; margin-top: 10px; float: left; } .pClasa:hover { border:1px solid #D9D9D9; background-color: #FFFFFF; cursor: pointer; } .pClasa_sel { font-size: 100%; position: relative; border:1px solid #FFFFFF; background-color: #08c; color: #FFFFFF; -moz-border-radius:15px; /* FF1+ */ -webkit-border-radius:15px; /* Saf3-4 */ border-radius:15px; padding: 8px; margin-right: 10px; margin-top: 10px; float: left; cursor: pointer; } .pCont { font-size: 100%; position: relative; border:1px solid #EEEEEE; background-color: #D9D9D9; color: #000000; -moz-border-radius:15px; /* FF1+ */ -webkit-border-radius:15px; /* Saf3-4 */ border-radius:15px; padding: 8px; margin-right: 10px; margin-top: 10px; float: left; } .pCont:hover { border:1px solid #D9D9D9; background-color: #FFFFFF; cursor: pointer; } .pCont_sel { font-size: 100%; position: relative; border:1px solid #FFFFFF; background-color: #08c; color: #FFFFFF; -moz-border-radius:15px; /* FF1+ */ -webkit-border-radius:15px; /* Saf3-4 */ border-radius:15px; padding: 8px; margin-right: 10px; margin-top: 10px; float: left; cursor: pointer; } .pCopt { font-size: 100%; position: relative; border:1px solid #EEEEEE; background-color: #D9D9D9; color: #000000; -moz-border-radius:15px; /* FF1+ */ -webkit-border-radius:15px; /* Saf3-4 */ border-radius:15px; padding: 8px; margin-right: 10px; margin-top: 10px; float: left; } .pCopt:hover { border:1px solid #D9D9D9; background-color: #FFFFFF; cursor: pointer; } .pCopt_sel { font-size: 100%; position: relative; border:1px solid #FFFFFF; background-color: #08c; color: #FFFFFF; -moz-border-radius:15px; /* FF1+ */ -webkit-border-radius:15px; /* Saf3-4 */ border-radius:15px; padding: 8px; margin-right: 10px; margin-top: 10px; float: left; cursor: pointer; } .forPrint { width: 100%; color: black; } .forPrint th { border-top: 1px solid black; border-left: 1px solid black; border-bottom: 1px solid black; padding: 5px; text-align: center; } .forPrint td { border-left: 1px solid black; border-bottom: 1px solid black; padding: 5px; text-align: center; } .forPrint td.first, th.first {text-align:left} .forPrint th.last { border-right: 1px solid black; } .forPrint td.last { border-right: 1px solid black; } span.dyna_custom1 span.dynatree-icon { background-position: 0 0; background-image: url("../img/email_icon.png"); width: 32px; height: 32px; } span.dyna_custom1 a { line-height: 32px; } span.dyna_custom2 span.dynatree-icon { background-position: 0 0; background-image: url("../img/email_icon2.png"); width: 32px; height: 32px; } span.dyna_custom2 a { line-height: 32px; font-style: italic; } span.dyna_custom2 a:hover { cursor: default; } span.dyna_custom3 span.dynatree-icon { background-position: 0 0; background-image: url("../img/phone_icon.png"); width: 32px; height: 32px; } span.dyna_custom3 a { line-height: 32px; } span.dyna_custom4 span.dynatree-icon { background-position: 0 0; background-image: url("../img/phone_icon2.png"); width: 32px; height: 32px; } span.dyna_custom4 a { line-height: 32px; font-style: italic; } span.dyna_custom4 a:hover { cursor: default; } span.dyna_custom5 span.dynatree-icon { background-position: 0 0; background-image: url("../img/chkmark.png"); width: 32px; height: 32px; } span.dyna_custom5 a { line-height: 32px; } span.dyna_custom6 span.dynatree-icon { background-position: 0 0; background-image: url("../img/close.png"); width: 32px; height: 32px; } span.dyna_custom6 a { line-height: 32px; } span.dyna_custom7 span.dynatree-icon { background-position: 0 0; background-image: url("../img/clasa.png"); width: 32px; height: 32px; } span.dyna_custom7 a { line-height: 32px; } .chenar_inp { position: relative; width: 90%; } .chenar_inp2 { position: relative; width: 20%; } .floating-menu { position:fixed; bottom: 0px; left: 50%; margin-left: -500px; width: 1000px; z-index:99; overflow: visible; } .floating-menu2 { position:fixed; top: -160px; left: 50%; margin-left: -500px; width: 1000px; z-index:99; overflow: visible; text-align: center; } .bDOp { font-size: 90%; } #bDOpR { width: 96%; padding: 5px 15px; border:1px solid #08c; text-align: left; -moz-border-radius:15px; /* FF1+ */ -webkit-border-radius:15px; /* Saf3-4 */ border-radius:15px; background-color: #FFFFFF; } .floating-menu table{ border-top-right-radius:8px; -moz-border-radius-topright:8px; -webkit-border-radius-top-right:8px; border-top-left-radius:8px; -moz-border-radius-topleft:8px; -webkit-border-radius-top-left:8px; background:#f6f6f6; border:1px solid #e8e8e8; border-collapse:separate; font-size:14px; padding:0 10px; margin: 0px auto 0px auto; width: 90% } .floating-menu table thead tr td{ border-top:0; font-weight:bold; padding:0px 0px 0px 0px; text-align:center } .floating-menu table tfoot tr td{border-top:1px solid #e8e8e8;color:#666;padding:0px auto;text-align:center;align:center} .floating-menu table tfoot tr td p { padding: 0px 0px; margin: 0px 0px;} .floating-menu2 table{ border-bottom-right-radius:8px; -moz-border-radius-bottomright:8px; -webkit-border-radius-bottom-right:8px; border-bottom-left-radius:8px; -moz-border-radius-bottomleft:8px; -webkit-border-radius-bottom-left:8px; background:#f6f6f6; border:1px solid #e8e8e8; border-collapse:separate; font-size:14px; padding:0 10px; margin: 0px auto 0px auto; width: 90% } .floating-menu2 table thead tr th{ border-top:0; font-weight:bold; padding:0px 0px 0px 0px; text-align:center } .floating-menu2 table tbody tr td{border-top:1px solid #e8e8e8;color:#666;padding:0px auto;text-align:center;align:center} .floating-menu2 table tbody tr td p { padding: 0px 0px; margin: 0px 0px;} .floating-menu2 table tfoot tr td{border-top:1px solid #e8e8e8;color:#666;padding:0px auto;text-align:center;align:center} .floating-menu2 table tfoot tr td p { padding: 0px 0px; margin: 0px 0px;} #myLogo { position: relative; display: block; margin-bottom: 10px; margin-top: 0px; padding: 0px; width: 1000px; height: 130px; background-image:url(../img/logo.png); background-repeat: no-repeat; background-position: 0px 20px; z-index: 1; } .outer_testim_s { display: table; height: 120px; width: 400px; padding: 5px; position: absolute; right: 0px; top: 0px; z-index: 1; overflow: hidden; } .inner_testim_s { display: table-cell; vertical-align: middle; padding: 0px; width: 400px; height: auto; z-index: 1; text-align: left; font-size: 97%; } .text_testim { color: #888; text-shadow: 2px 2px #E9E9E9; font-style: italic; padding: 0px; margin: 0px; } .sign_testim { color: #888; text-shadow: 2px 2px #E9E9E9; font-weight: bold; padding: 0px; margin: 0px; } #nr1 { position: relative; display: block; margin-bottom: 20px; padding: 0px; width: 90px; height: 90px; background-image:url(../img/number-one.png); background-repeat: no-repeat; background-position: center; z-index: 99; float: right; -moz-border-radius:45px; /* FF1+ */ -webkit-border-radius:45px; /* Saf3-4 */ border-radius:45px; } #nr1-text { position: relative; display: block; margin-bottom: 20px; padding-right: 20px; width: 440px; height: 90px; z-index: 99; float: right; text-align: right; color: #888; } #bottomright { position:absolute; bottom:0px; right:0px; width:100px; height:100px; z-index: 3;} #familie { text-align: center; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; width: 100%; height: 250px; background-image:url(../img/familie2.png); background-repeat: no-repeat; background-position: center; margin-top: 50px; } #chrome { position: relative; display: block; padding: 0px; width: 128px; height: 128px; background-image:url(../img/chrome.png); background-repeat: no-repeat; background-position: center; } #firefox { position: relative; display: block; padding: 0px; width: 128px; height: 128px; background-image:url(../img/firefox.png); background-repeat: no-repeat; background-position: center; } #internet_explorer { position: relative; display: block; padding: 0px; width: 128px; height: 128px; background-image:url(../img/internet_explorer.png); background-repeat: no-repeat; background-position: center; } .newYes { background-image: url("../img/newIcons.png"); background-position: -3px -235px; display: inline-block; height: 21px; width: 21px; } .newYesText { background-image: url("../img/newIcons.png"); background-position: -3px -235px; background-repeat: no-repeat; height: 21px; padding-left: 30px; position: absolute; top: 10px; left: 50%; margin-left: -70px; width: 140px; z-index: 96; color: #02ACD3; } .catalog-bubble-tip{position:absolute;border-width:1px;z-index:1} .catalog-bubble-tip a{text-decoration:none;color:#09548e} .catalog-bubble-tip a:hover{text-decoration:underline} .catalog-bubble-tip .catalog-box{ border-radius:5px; background-color: #FFFFFF; background-size:100%; background-image:-webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #fcfcfc),color-stop(100%, #ffffff)); background-image:-moz-linear-gradient(top, #fcfcfc,#ffffff); background-image:-webkit-linear-gradient(top, #fcfcfc,#ffffff); background-image:linear-gradient(to bottom right, #fcfcfc,#ffffff); -moz-box-shadow:#999 0px 1px 2px; -webkit-box-shadow:#999 0px 1px 2px; box-shadow:#999 0px 1px 2px; font-size:12px;font-family:"Segoe UI","Helvetica","Arial"; color:#08c; border:1px solid #b0cce2 } .catalog-bubble-tip .catalog-box .catalog-bubble-title{border-bottom:1px solid #ededed;font-size:13px;color:#293d4e;padding:7px 20px 7px 20px} .catalog-bubble-tip .catalog-box .catalog-bubble-title a{font-size:13px;color:#1265ab;text-decoration:none} .catalog-bubble-tip .catalog-box .catalog-bubble-footer{border-top:1px solid #ededed;font-size:13px;color:#293d4e;padding:7px 20px 7px 20px;background-color:#f4f7fa} .catalog-bubble-tip .catalog-box .catalog-bubble-footer a{font-size:13px;color:#1265ab;text-decoration:none} .catalog-bubble-tip .catalog-box .catalog-vezi-detalii{color:#005596;margin-top:5px;display:block} .catalog-bubble-tip-content{display:none} .catalog-bubble-padding{padding:10px;text-align:center} .catalog-bubble-padding .catalog-button{margin:0 auto} .catalog-bubble-padding p{font-size:13px;text-align:center;margin-top:5px} .bubble_wrapper { display: block; width: 136px; height: 26px; padding: 0px; position: relative; left: 0px; top: 0px; z-index: 97; } .bubble_title { display: block; width: 100px; height: 26px; padding: 0px; position: absolute; left: 0px; top: 0px; z-index: 97; line-height: 26px; } .bubble_info { display: block; width: 26px; height: 26px; padding: 0px; position: absolute; right: 0px; top: 0px; z-index: 97; background-image:url(../img/information-button-small.png); background-repeat: no-repeat; background-position: center; } .catalog-arrow.catalog-arrow-top-bubble { margin-top: 6.5px; position: relative; } .catalog-arrow { -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out; -webkit-transition-delay: 0s; transition: all 0.2s ease-in-out 0s; } .catalog-arrow.catalog-arrow-top-bubble:before { content: " "; display: block; position: absolute; width: 0; height: 0; left: -12px; top: 63%; right: auto; border-width: 6px; border-style: solid; border-color: transparent #b0cce2 transparent transparent; } .catalog-arrow.catalog-arrow-top-bubble:after { content: " "; display: block; position: absolute; width: 0; height: 0; left: -11px; top: 63%; right: auto; border-width: 6px; border-style: solid; border-color: transparent #fefefe transparent transparent; } .btnOldIE { -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; font-family: Arial; color: #ffffff; font-size: 15px; background: #C03831; padding: 5px 10px 5px 10px; text-decoration: none; } .btnOldIE:hover { background: #BD232A; text-decoration: none; cursor: pointer; } .pagebody { width:100%; filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); } .blurOverlay { position: fixed; user-select: none; width: 100%; height: 100%; opacity: 70%; z-index: 1000; left: 0px; top: 0px; background-color: black; transition: all .3s ease-in; } .msgOverlay { width: 1000px; height: 600px; z-index: 1001; text-align: left; position: fixed; left: 50%; top: 50%; margin-left: -500px; margin-top: -300px; transition: all .3s ease-in; background-color: #FFFFFF; padding: 0px 0px; overflow-y: scroll; color: #888; border-left: 1px solid #D8D8D8; border-top: 1px solid #EBEBEB; border-right: 1px solid #D8D8D8; border-bottom: 1px solid #C4C4C4; box-shadow: 1px 0px #EBEBEB, 0px 3px 1px #D8D8D8; -moz-box-shadow: 1px 0px #EBEBEB, 0px 3px 1px #D8D8D8; -webkit-shadow: 1px 0px #EBEBEB, 0px 3px 1px #D8D8D8; } .pagebody2 { width:100%; } .msgOverlay2 { width: 800px; height: 400px; z-index: 1001; text-align: left; position: fixed; left: 50%; top: 50%; margin-left: -420px; margin-top: -220px; transition: all .3s ease-in; background-color: #FFFFFF; padding: 20px 20px; overflow: hidden; color: #888; border-left: 1px solid #D8D8D8; border-top: 1px solid #EBEBEB; border-right: 1px solid #D8D8D8; border-bottom: 1px solid #C4C4C4; box-shadow: 1px 0px #EBEBEB, 0px 3px 1px #D8D8D8; -moz-box-shadow: 1px 0px #EBEBEB, 0px 3px 1px #D8D8D8; -webkit-shadow: 1px 0px #EBEBEB, 0px 3px 1px #D8D8D8; } .responsive-table li { border-radius: 3px; padding: 25px 30px; display: flex; justify-content: space-between; margin-bottom: 25px; color: #888; } .responsive-table li.table-header { background-color: #F2F2F2; font-size: 15px; letter-spacing: 0.03em; font-weight: bold; } .responsive-table li.table-row { background-color: #ffffff; box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1); font-size: 15px; } .responsive-table li div.col-1 { flex-basis: 50%; display: flex; align-items: center; text-align: center; } .responsive-table li div.col-2 { flex-basis: 15%; display: flex; align-items: center; justify-content: space-around; text-align: center; } .responsive-table li div.col-3 { flex-basis: 20%; display: flex; align-items: center; justify-content: space-around; text-align: center; } .appDownBtns { width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .faq-item1 { padding-right: 32px; color: #888; background-image:url(../img/arrow-down-grey.png); background-repeat: no-repeat; background-position: right; background-size: 22px; line-height: 22px; font-size: 15px; margin-top: 10px; margin-bottom: 10px; cursor: pointer; display: flex; justify-content: flex-start; align-items: center; } .faq-item0 { padding-right: 32px; color: #08c; background-image:url(../img/arrow-up-blue.png); background-repeat: no-repeat; background-position: right; background-size: 22px; line-height: 22px; font-size: 15px; margin-top: 10px; margin-bottom: 10px; cursor: pointer; display: flex; justify-content: flex-start; align-items: center; } .faq-item2 { padding-bottom: 20px; } .step-item-cn { width: 25%; text-align: center; color: #888; display: table-cell; position: relative; padding: 15px 10px; font-size: 13px; border-right: 1px solid rgba(0,0,0,.1); } .step-item-cn.step-active-cn { color: #E4F1F9; font-weight: 600; background-color: #E4F1F9; color: #4DA0E5; } .step-item-cn:first-child { border-left: 1px solid rgba(0,0,0,.1); } .step-item-cn.step-active-cn:hover { cursor: pointer; } .step-item-cn.step-hover-cn:hover { cursor: pointer; } .step-item-cn.step-done-cn { cursor: pointer; } .step-item-cn.step-active-cn .step-number-cn { background: #E4F1F9; border-color: #4DA0E5; } .step-item-cn .step-number-cn { z-index: 5; font-weight: 700; border-radius: 50%; position: relative; line-height: 26px; border: 2px solid #888; width: 24px; height: 24px; margin-right: 0px; font-size: 14px; line-height: 24px; } .step-item-cn .step-icon-cn { width:17px; height:17px; background-size: cover; background-image:url(../img/check_iconS.png); display: inline-block; /* For IE 7 */ zoom: 1; *display: inline; } .step-item-cn .step-text-cn { line-height: 16px; padding-top: 6px; } .step-item-cn .step-number-cn, .step-item-cn .step-text-cn, .step-item-cn .step-icon-cn { display: inline-block; vertical-align: middle; }