html, body {
height: 100%;
}
body {
background: #ededed url('../images/bg-body.png') repeat-x 0 0;
font-family: 'Roboto', sans-serif;
}
p {
margin: 0 0 1.28em 0;
}
a:focus,
a:active {
outline: none;
}
a:hover {
}
/*input,
textarea {
-webkit-appearance: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}*/
h1, h2, h3, h4, h5, h6 {
margin: 0 0 .48em 0;
line-height: 1;
text-transform: none;
color: #263E79;
}
h1 { font-size: 24px; font-weight: 600; }
h2 { font-size: 21px; font-weight: 600; }
h3 { font-size: 14.0pt; font-weight: 600; }
h4 { font-size: 12.0pt; font-weight: 600; }
h5 { font-size: 10.5pt; font-weight: 600; letter-spacing: .5px; }
h6 { font-size: 9pt; font-weight: 600; letter-spacing: .5px; }
q:before { content: "\201C" }
q:after { content: "\201D" }
/* custom */
.logo {
display: block;
width: 123px;
height: 81px;
background: url(../images/esid-logo.png) no-repeat 0 0;
text-indent: -200px;
overflow: hidden;
margin: 18px 0 0 37px;
}
.header {
/*min-height: 150px;*/
background: #fff;
position: relative;
}
.survey-view form input,
.survey-view form textarea,
.survey-view form select {
margin-left: 15px !important;
}
.survey-view .page-title {
padding: 0 40px;
}
.survey-view .span8,
.survey-view .span9 {
width: 100% !important;
margin: 0;
padding: 0;
}
.survey-view .span8 {
margin: 0;
padding: 0 60px;
}
.survey-view .path * {
display: none;
}
.survey-view .path {
height: 20px;
margin: 0 0 1.28em 0
}
.esid-head-txt {
margin: 25px;
color: #888;
font-size: 19px;
font-family: 'Exo', sans-serif;
margin: 43px 0 0 19px;
font-weight: 100;
width: 403px;
}
.btn-member {
margin: 9px 20px 0 0;
/*width: 156px;*/
}
.member-login {
display: block;
height: 26px;
background-color: #E5E5FB;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #6576A1;
font-size: 13px;
}
.m-menu-trigger,
.m-menu-trigger.collapsed,
.m-memberslogin-trigger,
.m-search-trigger {
display: block;
height: 26px;
background: #E5E5FB;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #6576A1;
font-size: 13px;
margin-left: 5%;
margin-top: 7px;
margin-right: 5px;
padding: 2px 0;
}
.m-menu-holder {
display: none;
}
.m-menu-holder .btn:focus,
.m-menu-holder .btn:active,
.m-menu-holder .btn.active,
.m-menu-holder .btn.disabled {
/*background: #3a4880;*/
color: #fff;
}
.m-memberslogin-trigger,
.m-search-trigger {
margin-left: 0;
}
.dropdown.pull-right.open .member-login {
background-color: #E5E5FB;
}
.member-login span {
display: inline-block;
padding: 3px 4px 0 0;
}
.m-menu-trigger span,
.m-memberslogin-trigger span,
.m-search-trigger span {
display: inline-block;
padding: 3px 7px 0 0;
}
/* top menu */
.topmenu {
position: relative;
width: 100%;
height:42px;
border-bottom:1px solid #BFC6DC;
font-family:arial, sans-serif;
margin-top: 8px;
}
.topmenu .wrapper {
border-top: 2px solid #939EBC;
width: 899px;
margin: 0 auto;
}
.topmenu ul {
padding:0;
margin:0;
list-style-type:none;
}
.topmenu li {
float:left;
position:relative;
text-align:center;
vertical-align: middle;
list-style-type:none;
border:none;
padding-right: 3px;
background: url('../images/topmenu-separator.png') no-repeat right center;
}
.topmenu li.remove-gray-border {
background: none;
}
.topmenu li.last,
.topmenu li.li-active {
background: none;
}
/** New menu */
.topmenu li:last-child {
background: none;
}
/** Padding to 0 20 for last menu */
.topmenu a,
.topmenu a:visited {
display:block;
font-size:15px;
text-decoration:none;
color:#575859;
padding: 0 18px;
height:40px;
background:#fff;
line-height:40px;
font-weight: 400;
vertical-align: middle;
}
.topmenu a.current {
color:#273E7A;
background:#DEE2EB;
}
.topmenu li:hover a {
color: #575859;
background:#DEE2EB;
}
.topmenu ul.dropdown-menu {
background: #DEE2EB;
padding: 18px 0 25px;
border: none;
z-index: 99999;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.topmenu ul.dropdown-menu li {
background: none;
padding: 0;
margin: 0;
display: block;
width: 200px;
}
ul.bm-list li.divider {
height: 2px;
background-color: transparent;
border-bottom: 2px solid #C7CDDD;
}
.leftmenu ul.bm-list li {
margin-bottom: 0;
}
.leftmenu ul.bm-list li.divider {
height: 0px;
}
.leftmenu ul.bm-list li a {
padding: 11px 10px 11px 24px;
margin-bottom: 0;
}
.topmenu ul.dropdown-menu li a {
font-size: 15px;
padding: 0;
background: #DEE2EB;
text-align: left;
height: auto;
padding: 7px 25px;
line-height: 16px;
}
ul.dropdown-menu > li > a {
white-space: normal;
}
.topmenu ul.dropdown-menu li a:hover {
background: #ecf0f9;
color: #444;
}
.topmenu .dropdown-menu.big-menu {
/*display: block;*/
background: #DEE2EB;
width: 949px;
margin-top: -1px;
border: none;
z-index: 99999;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.topmenu .dropdown-menu.big-menu .bm-wrapper {
padding: 21px 35px 45px 45px;
}
.topmenu .dropdown-menu.big-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.topmenu .dropdown-menu.big-menu ul li {
float: none;
background: none;
padding: 0;
margin: 0;
display: block;
width: auto;
}
.topmenu .dropdown-menu.big-menu ul li a {
font-size: 15px;
padding: 0;
background: transparent;
text-align: left;
height: auto;
line-height: 16px;
margin: 10px 0;
}
.topmenu .dropdown-menu.big-menu .bm-leftpart ul li a:hover {
color: #444;
}
.bm-leftpart {
width: 225px;
margin-right: 30px;
}
.bm-rightpart {
width: 585px;
text-align: left;
margin-top: 10px;
}
.bm-rightpart p {
font-size: 17px;
color: #444;
font-weight: normal;
}
.arrow-line {
display: block;
width: 100%;
height: 17px;
background: transparent url('../images/bg-arrow-line.png') no-repeat 0 0;
margin-top: 14px;
}
.person-img {
width: 80px;
margin-top: 9px;
}
.person-img img {
float: right;
}
.person-info {
margin-top: 9px;
margin-left: 16px;
}
.person-name {
margin-top: 5px;
}
.person-name,
.person-title {
display: block;
font-size: 15px;
color: #444;
line-height: 18px;
}
.person-title {
font-size: 13px;
}
.search-button {
background: #ededed url('../images/searchbutton.png') no-repeat center 5px;
border: medium none;
cursor: pointer;
display: block;
float: left;
height: 26px;
margin: 0;
padding: 0;
width: 30px;
}
.members-search-button {
background: #DEE2EB url('../images/members-searchbutton.png') no-repeat center 5px;
border: medium none;
cursor: pointer;
display: block;
float: left;
height: 29px;
margin: 0;
padding: 0;
width: 30px;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
input.search-text {
float: left;
background-color: #ededed;
width: 105px;
height: 26px;
font-size: 11px;
border: none;
margin: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0 5px 0 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
input.members-search-text {
float: left;
background-color: #DEE2EB;
width: 100px;
height: 29px;
font-size: 11px;
border: none;
margin: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0 0 0 5px;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
input.search-text:focus,
input.members-search-text:focus {
border: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.search-holder,
.name-sort-holder,
.country-sort-holder {
margin-top: 8px;
}
.name-sort-holder,
.country-sort-holder {
margin-left: 8px;
}
.name-sort-holder .btn {
background: #DEE2EB;
font-size: 14px;
border: none;
margin: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 4px 12px 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.country-sort-holder .btn {
background: #DEE2EB;
font-size: 14px;
border: none;
margin: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 3px 12px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.name-sort-holder .btn .caret,
.country-sort-holder .btn .caret {
margin-left: 8px;
margin-top: 10px;
}
.name-sort-holder .dropdown-menu,
.country-sort-holder .dropdown-menu {
background: #DEE2EB;
}
.name-sort-holder .dropdown-menu > li > a:hover,
.country-sort-holder .dropdown-menu > li > a:hover {
background: #ECF0F9;
color: #444444;
}
.item-textbox {
position: absolute;
top: 55px;
left: 60px;
width: 430px;
color: #fff;
opacity: 0.8;
}
.item-textbox .item-title {
font-size: 24px;
margin-bottom: 20px;
}
.item-textbox .item-text,
.item-textbox .item-text p {
font-size: 13px;
line-height: 18px;
}
.item-textbox .item-link {
margin-top: 25px;
}
.item-textbox .item-link a {
font-size: 13px;
color: #fff;
text-decoration: underline;
}
#myCarousel .item-textbox .item-link a {
color: transparent;
}
.item-textbox .item-link a:hover {
text-decoration: none;
}
/* Carousel style */
.carousel {
margin-bottom: 0;
}
.carousel.slide .carousel-indicators {
position: absolute;
top: auto;
right: 25px;
bottom: 15px !important;
}
.carousel .carousel-inner .item:hover {
cursor: pointer;
}
.carousel-indicators li {
border: 2px solid #727D9C;
width: 20px;
height: 20px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
.carousel-indicators li:hover {
cursor: pointer;
background-color: #FFF;
}
.carousel-indicators li.active,
.carousel-indicators li.active:hover {
background-color: #0A93D8;
cursor: default;
}
.box-title {
font-size: 14px;
color: #777;
text-transform: uppercase;
background: url('../images/arrow-gray.png') no-repeat right 3px;
padding-right: 15px;
font-weight: bold;
text-decoration: none;
}
.main-content .box-title {
display: block;
background: none;
margin: 20px 0 9px;
}
.topmenu a.headtitle-link {
display: block;
background-color: transparent;
}
a.headtitle-link:hover,
.box-title:hover,
.topmenu a.headtitle-link:hover {
text-decoration: none !important;
color: #46527D;
}
.mb-5 {
margin-bottom: 5px;
}
.add-bg {
background: transparent url('../images/bg-rightmenu.png') repeat-y 100% 0;
}
.bg-white {
background-color: #fff;
}
.bg-gray {
background-color: #ddd;
}
.items-wrapper {
padding: 18px 16px 23px 25px;
}
.sp-box {
border-top: 1px solid #DBE0E8;
padding: 7px 0px 0 0;
margin-top: 15px;
}
.main-content .sp-box {
margin-top: 0;
padding: 12px 0 9px;
}
.main-content .sp-box.last {
border-bottom: 1px solid #DBE0E8;
}
.sp-box.v2 {
border-top: none;
margin-top: 3px;
}
.sp-box img {
float: left;
margin-right: 13px;
margin-bottom: 8px;
}
.main-content .sp-box img {
margin-bottom: 13px;
}
.sp-box h3 {
margin-bottom: 5px;
line-height: 14px;
}
.sp-box h3 a {
color: #46527d;
font-size: 13px;
line-height: 14px;
font-weight: bold;
text-transform: none;
}
.main-content .sp-box h3 a {
font-size: 15px;
line-height: 17px;
}
.sp-box p {
margin-bottom: 8px;
}
.sp-box span {
display: block;
color: #666;
font-size: 13px;
line-height: 14px;
line-height: 16px;
}
.itemdate {
margin-top: -3px;
margin-bottom: 2px;
}
.itemdate .dateinfo {
font-size: 11px;
}
.main-content .sp-box span {
padding-bottom: 8px;
}
.light-gray-box {
width: 100%;
background-color: #EDEDED;
margin-top: 15px;
}
ul.calendarList{
margin: 0;
padding: 20px 15px 25px 20px;
list-style-type: none;
}
.calendarList li {
margin-bottom: 5px;
}
.date {
display: block;
font-size: 13px;
color: #666;
margin:0;
padding: 0;
}
.calendarList h3,
.focus-textinfo h3 {
line-height: 14px;
margin: 0 0 1px;
padding: 0;
}
.calendarList h3 a,
.focus-textinfo h3 a {
color: #46527d;
font-size: 13px;
line-height: 14px;
font-weight: bold;
text-transform: none;
}
.focus-textinfo h3 a {
color: #46527D !important;
margin: 0;
padding: 0;
height: auto;
background: none !important;
}
.topmenu .focus-textinfo h3 a {
line-height: 14px;
}
.focus-textinfo h3 a:hover {
background: none;
}
.calSave{
float: right;
margin: 0;
position: relative;
}
.calSave span{
display: none;
}
.calSave:hover span{
display: block;
position: absolute;
left: -8px;
top: -16px;
font-size: 10px;
color: #6E83A0;
background: #fff;
padding: 0 3px;
}
.box-imp {
float: left;
width: 161px;
height: 194px;
background: white;
-moz-box-shadow: 1px 1px 3px #6C7898;
-webkit-box-shadow: 1px 1px 3px #6C7898;
box-shadow: 1px 1px 3px #6C7898;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 23px;
}
.box-imp.in-dropmenu {
float: right;
margin-top: 0;
margin-left: 5px;
}
.box-imp a {
color: #333;
text-decoration: none;
}
.box-imp a:hover {
color: #000;
text-decoration: none;
}
.box-imp-image {
width: 100%;
height: 108px;
text-align: center;
line-height: 105px;
vertical-align: middle;
}
.box-imp-text {
display: block;
font-size: 12px;
padding: 10px 10px;
line-height: 15px;
}
.clear {
display: block;
width: auto;
clear: both;
margin: 0px;
padding: 0px;
font-size: 1px; /* - -ie fix------ */
line-height: 0px;
height: 1px;
}
.imp-wrapper {
padding: 1px;
}
ul.mini-nav {
margin: 20px auto 0 auto;
padding: 0;
list-style-type: none;
text-align: center;
}
ul.mini-nav li {
display: inline;
margin: 0 9px;
}
ul.mini-nav li a {
font-size: 11px;
color: #666;
}
ul.mini-nav li a:hover {
text-decoration: underline;
}
.imp-container {
width: 949px;
height: 300px;
}
.copyright {
text-align: center;
margin: 11px auto 25px auto;
}
.copyright p {
color: #666;
font-size: 11px;
margin: 0;
line-height: 15px;
}
.copyright a {
color: #666;
font-size: 11px;
text-decoration: none;
}
.copyright a:hover {
text-decoration: underline;
}
.copyright a.disclaimer {
text-decoration: underline;
}
.copyright a.disclaimer:hover {
text-decoration: none;
}
.dropdown {
position: static;
}
.dropdown-menu.member-box {
width: 911px;
position: relative;
margin: 0 auto -10px 18px;
background-color: #E5E5FB;
border: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.pull-left.open .m-memberslogin-trigger {
background-color: #DEE2EB;
}
.dropdown-menu.mobile-menu-member-box {
width: 90%;
position: absolute;
top: 126px;
margin: 0 5%;
background-color: #DEE2EB;
border: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.dropdown-menu.member-box .wrapper {
padding: 26px 26px 26px 42px;
}
.dropdown-menu.mobile-menu-member-box .wrapper {
padding: 4%;
}
.mbox-left {
float: left;
width: 255px;
border-right: 2px solid #CBD4E4;
padding-bottom: 7px;
}
.mbox-left form {
margin: 0;
}
.mbox-left label {
color: #555;
font-size: 13px;
margin-bottom: 2px;
}
input.user-password,
input.user-email {
border: 1px solid #CAD3E4;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
input.input-search {
width: 185px;
}
.btn.user-login,
.btn.content-search,
.btn.content-search-fc {
color: #fff;
background: #273E7A;
font-size: 15px;
padding: 7px 14px;
margin: 3px 3px 12px 0;
font-weight: bold;
}
.btn.content-search-fc {
display: block;
margin-top: 24px;
margin-left: 8px;
padding: 5px 11px;
}
.btn.content-search-fc .icon-search {
margin-top: 3px;
}
.btn.content-search {
margin-top: 1px;
padding: 5px 14px;
}
.btn.user-login:hover,
.btn.content-search:hover,
.btn.content-search-fc:hover {
background: #7080a7;
}
.user-forgotpassword {
font-size: 13px;
text-decoration: underline;
color: #6085BF;
}
.user-forgotpassword:hover {
text-decoration: none;
color: #6085BF;
}
.mbox-right {
float: left;
width: 540px;
margin-left: 43px;
}
.mbox-right-leftpart {
float: left;
width: 350px;
}
.mbox-right-righpart {
float: right;
width: 185px;
}
.mbox-small-title {
display: block;
font-size: 13px;
color: #666;
}
.mbox-title {
display: block;
font-size: 23px;
color: #263E79;
font-weight: bold;
line-height: 25px;
margin: 1px 0 7px;
}
.mbox-right-leftpart p {
color: #666;
font-size: 13px;
line-height: 120%;
}
.btn {
border: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
}
.btn.user-register,
.btn.more-info {
color: #fff;
background: #7080a7;
font-size: 13px;
padding: 1px 12px;
margin-top: 3px;
margin-right: 3px;
}
.btn.user-register:hover,
.btn.more-info:hover {
background: #273E7A;
}
.btn.page-more-info {
display: table;
color: #666;
background: #EDEDED;
font-size: 11px;
padding: 3px 12px;
margin: 0 auto 25px auto;
text-decoration: underline;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.btn.page-more-info:hover {
background: #dee2eb;
text-decoration: none;
}
.focus-news {
display: table;
width: 368px;
height: 56px;
background: #fff;
border-bottom: 1px solid #dee2eb;
}
.focus-news img {
float: left;
padding: 5px 0 0 5px;
}
.topmenu .focus-link a,
.focus-link {
display: block;
width: 45px;
height: inherit;
padding: 0;
background: #F1F2F6 url(../images/arrow-blue.png) no-repeat center center;
text-indent: -40px;
overflow: hidden;
}
.focus-textinfo {
width: 250px;
margin-left: 12px;
display: table-cell;
vertical-align: middle;
padding-top: 9px;
}
/* left menu */
.span3.leftmenu {
margin: 0 !important;
padding: 0 !important;
}
.leftmenu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.leftmenu ul li {
margin: 0;
padding: 0;
list-style-type: none;
}
.leftmenu ul li a {
display: block;
color: #777;
font-size: 13px;
padding: 4px 10px 4px 24px;
margin-bottom: 1px;
font-weight: 400;
line-height: 14px;
}
.leftmenu ul li a.active {
color: #263E79;
background: #DEE2EB url(../images/arrow-lightblue-down.png) no-repeat 4px 8px;
}
.leftmenu ul li a:hover,
.leftmenu ul li a.active:hover {
text-decoration: none;
background-color: #DEE2EB;
}
/* submenu */
.leftmenu ul li ul li a {
background: url(../images/square-gray.png) no-repeat 23px 9px;
padding-left: 32px;
}
.leftmenu ul li ul li a.active {
color: #263E79;
background: url(../images/square-blue.png) no-repeat 23px 9px;
}
/*sub sub menu*/
.leftmenu ul li ul li ul li a {
background: url(../images/dash-gray.png) no-repeat 23px 10px;
padding-left: 45px;
}
.leftmenu ul li ul li ul li a.active {
color: #777;
background: url(../images/dash-blue.png) no-repeat 23px 10px;
}
/* content */
.main-content {
color: #333;
background: url(../images/main-bg-shadow.png) repeat-y 0 0;
font-size: 13px;
}
.menuright {
padding-bottom: 20px;
}
.page-title {
background: #273E7A;
border-bottom: 8px solid #ead5ff;
min-height: 78px;
}
.page-title.headtitle-img {
background: #273E7A url(../images/bg-img-headtitle.png) repeat-y 0 bottom;
}
.page-title h2 {
font-size: 21px;
color: #fff;
padding: 16px 20px 5px 25px;
margin-bottom: 0;
font-family: 'Roboto', sans-serif;
font-weight: 100;
text-transform: none;
}
.page-title h2.thin {
padding: 16px 20px 1px 25px;
}
.page-title h2.normal {
font-weight: 400;
padding: 5px 20px 5px 25px;
}
.page-title h2.normal.main-category {
padding: 40px 20px 5px 25px;
}
.path {
color: #585859;
font-size: 11px;
margin: 0;
}
.path span {
margin: 0 6px;
}
.path a {
color: #aaa;
text-decoration: none;
}
.path a:hover {
color: #aaa;
text-decoration: underline;
}
.main-content ol {
list-style-type:decimal;
padding-top: 8px;
}
.main-content ol li,
.main-content ul li {
line-height: 16px;
margin-bottom: 5px;
}
.menuright .box-imp {
margin-bottom: 0px;
margin-left: 41px;
}
.board-member {
background-color: #fff;
font-size: 11px;
line-height: 15px;
}
.board-member-wrapper {
border-bottom: 8px solid #EAD5FF;
margin-left: 10px;
padding: 10px 10px 20px 10px;
}
.board-member-name {
color: #263E79;
font-size: 13px;
}
.board-member-title {
font-size: 12px;
}
.board-member-right {
width: 60%;
margin-left: 12px;
}
.board-member-top {
margin-bottom: 10px;
}
.main-content-wrapper {
padding: 13px 7px 45px 0;
}
.big-intro p {
font-size: 15px;
}
.page-toolbar {
position: relative;
margin-top: 60px;
}
.page-toolbar a {
display: block;
float: left;
color: #666;
font-size: 11px;
margin: 0 10px 0 8px;
}
a.page-print {
background: url(../images/ico-print.png) no-repeat 0 2px;
padding-left: 24px;
}
a.page-share {
background: url(../images/ico-share.png) no-repeat 0 3px;
padding-left: 20px;
}
a.page-prev {
background: url(../images/ico-prev.png) no-repeat 0 3px;
padding-left: 18px;
}
a.page-top {
background: url(../images/ico-top.png) no-repeat 0 5px;
padding-left: 22px;
}
.main-content a.page-top {
background: url(../images/ico-top.png) no-repeat 0 5px;
padding-left: 22px;
color: #929ebc;
}
.main-content .page-toolbar a.page-top {
color: #666;
}
.pagenavigator {
text-align: center;
margin: 12px 0 5px;
}
.pagenavigator a {
color: #666;
font-size: 13px;
opacity: 0.8;
}
.pagenavigator .current {
color: #263E79;
font-size: 13px;
opacity: 0.8;
}
.pagenavigator .pages span {
margin: 0 3px;
}
.embed-file {
border: 1px solid #BFDFFF;
width: 96%;
margin-bottom: 10px;
}
.embed-file .wrapper {
padding: 14px;
}
.embed-file h3 {
line-height: 14px;
margin-bottom: 0;
}
.embed-file img {
float: left;
}
.embed-file .file-info {
float: left;
margin-left: 8px;
width: 88%;
}
.embed-file h3 a {
color: #46527D;
font-size: 13px;
font-weight: bold;
line-height: 14px;
text-transform: none;
}
a.topnav-prev,
a.topnav-next {
display: block;
float: right;
width: 10px;
height: 14px;
background: url(../images/link-prev.png) no-repeat 0 -14px;
text-indent: -9999px;
margin-top: 6px;
margin-left: 11px;
}
a.topnav-next {
background: url(../images/link-next.png) no-repeat 0 -14px;
}
a.topnav-prev:hover,
a.topnav-prev.disabled,
a.topnav-next:hover,
a.topnav-next.disabled {
background-position: 0 0px;
}
.txt-c {
text-align: center;
}
.year {
width: 60px;
}
.progress {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.statistic-box {
width: 66%;
}
.statistic-numbers {
width: 20%;
}
.progress .bar-success {
background: #546E9C;
}
.progress .bar-danger {
background: #E46A34;
}
.members-toolbar {
margin-bottom: 28px;
}
.members-list .wrapper {
padding-left: 3%;
}
.members-list .member-info {
width: 75%;
}
.members-list .member-info p {
margin: 0;
}
.members-list .member-image {
width: 70px;
}
.members-list .member-image img {
float: right;
margin-right: 0;
}
.members-list h3 a,
.main-content .members-list h3 {
font-size: 14px;
line-height: 16px;
color: #263E79;
}
.article-image {
margin-bottom: 15px;
}
.article-image-holder {
width: 255px;
position: relative;
}
.article-image-holder > img {
float: right;
}
.article-image-holder .zoom-img {
display: block;
width: 22px;
height: 23px;
position: absolute;
bottom: 3px;
right: 3px;
cursor: pointer;
background: #E8EDF3 url(../images/zoom.png) no-repeat 0 0;
}
.article-image-alt {
width: 255px;
background: #ededed;
}
.article-image-alt p {
color: #333;
font-size: 12px;
margin: 0;
padding: 7px 14px;
line-height: 14px;
}
.main-content h3 {
font-size: 19px;
color: #575759;
}
/* footer */
.footer {
width: 949px;
margin: 0 auto;
}
.m-menu-trigger,
.m-memberslogin-trigger,
.m-search-trigger {
display: none;
}
.imp-wrapper.bg-gray .box-title {
display: none;
}
.items-wrapper .focus-link,
.imp-wrapper .focus-link {
display: none;
}
.row-fluid .span9.main-content.wide-area .span8 {
width: 97%;
margin-left: 2.5641%;
}
/* share */
.page-share {
position:relative;
}
.share-links {
display: none;
position: absolute;
top: -164px;
left: 101px;
padding: 8px 24px;
background: #fff;
border: 1px solid #EDEDED;
box-shadow: 1px 1px 1px 1px #929ebc;
text-align: left;
}
.share-links a {
float: none;
margin: 8px 0;
}
.share-links a:hover {
text-decoration: none;
}
.share-links a span:after {
background:url(../images/share-images.png) no-repeat;
width:20px;
height:20px;
margin:0 5px 0 0;
display:block;
overflow:hidden;
content:"";
left:0;
top:0;
position:absolute;
}
.share-links a span {
height:20px;
line-height:20px;
display:block;
position:relative;
padding-left:25px;
}
.share-links a.facebook span:after {
background-position: 0 0;
}
.share-links a.twitter span:after {
background-position: -20px 0;
}
.share-links a.google span:after {
background-position: -40px 0;
}
.share-links a.ln span:after {
background-position: -60px 0;
}
.share-links a.email span:after {
background-position: -80px 0;
}
.share-links a span:hover {
opacity:.80;
filter:alpha(opacity=80);
filter: alpha(opacity=80);
}
.pub-date {
display: block;
margin: 5px 0 15px 0;
color: #aaa;
font-size: 11px;
}
table.table-sitemap td {
vertical-align: top;
}
form.mob-user-login {
margin: 0;
}
.member-category-box {
width: 65%;
margin: 10px auto 30px;
text-align: center;
-moz-box-shadow: 0px 0px 8px #6C7898;
-webkit-box-shadow: 0px 0px 8px #6C7898;
box-shadow: 0px 0px 8px #6C7898;
}
.member-category-box .wrapper {
/*padding: 25px 25px;*/
padding: 25px 20px 0;
}
.member-category-text {
font-size: 22px;
}
.pay-amount {
font-weight: bold;
margin-left: 25px;
}
.heading-info {
width: 100%;
background-color: lightblue;
margin-top: 10px;
margin-bottom: 10px;
}
.hinfo-text {
color: #000077;
display: block;
font-size: 18px;
padding: 5px 0 9px 10px;
}
.btn.goto-step {
margin: 3px 12px 0 0;
background: #f8b9b7;
}
table.conf-table td {
padding: 5px 5px;
}
table.conf-table td.c1 {
width: 35%;
color: #aaa;
}
table.conf-table td.c2 {
width: 65%;
}
span.red,
span.req {
color: #f00;
}
#findemail table td,
#personalinfo table td {
vertical-align: top;
padding-bottom: 12px;
}
#findemail input,
#personalinfo input {
float: left;
margin-right: 5px;
margin-bottom: 4px;
}
label.emptyfield.v2 {
margin-top: -1px;
}
span.input-desc {
display: block;
color: #aaa;
font-style: italic;
font-size: 13px;
float: left;
margin-bottom: 8px;
margin-top: -4px;
}
.small-1 {
width: 80px;
}
.small-2 {
width: 120px;
}
/* filter perform */
.fc-filter-panel-indicator { display: block; width: 28px; height: 28px; line-height: 28px; text-align: center; font-size: 14px; background-color: #fff; color: #000; border-radius: .25em; margin: 0; border: 1px solid #273E7A; }
.fc-filter-panel-indicator.fc-filter-busy { background: #fff url('../images/ajax-loader.gif') scroll no-repeat center center; }
.search-user-indicator { display: block; padding-left: 22px; font-size: 13px; background-color: #fff; color: #7b7b7a; margin-top: 4px; margin-left: 15px; font-style: italic; }
.search-user-indicator.su-busy { background: #fff url('../images/ajax-loader.gif') scroll no-repeat 0 center; }
.search-type,
.keyword-search,
.city-search,
.visitype-search,
.visitlength-search {
width: 45%;
float: left;
}
.gmap-fc {
width: 470px;
height:400px;
background: #ccc;
margin-bottom: 18px;
}
.infocontent {
width: 240px;
}
.infocontent p {
margin: 5px 0 7px 0;
line-height: 16px;
}
.infocontent h3 a {
color: #46527D;
font-size: 18px !important;
font-weight: 700 !important;
}
.content-view-line .fellowship-center p {
margin-bottom: 4px;
line-height: 16px;
}
.content-view-line .fellowship-center table {
width: 100%;
margin-top: 9px;
}
.content-view-line .fellowship-center table td {
vertical-align: top;
line-height: 16px;
}
.content-view-line .fellowship-center table td.c1 {
width: 40%;
}
.content-view-line .fellowship-center table td.c2 {
width: 60%;
}
.content-view-full .fellowship-center table {
width: 100%;
margin-top: 10px;
/*border-top: 1px solid #ddd;*/
}
.content-view-full .fellowship-center table h2 {
margin: 7px 0 10px 0;
}
.content-view-full .fellowship-center table td {
vertical-align: top;
line-height: 16px;
border-bottom: 1px solid #ddd;
}
.content-view-full .fellowship-center table td p {
margin-bottom: 0px;
}
.content-view-full .fellowship-center table td.c1 {
width: 40%;
padding: 7px 0;
}
.content-view-full .fellowship-center table td.c2 {
width: 56%;
padding: 7px 2%;
}
#fc {
margin: 0 0 5px 0;
}
.fc-counter {
margin-bottom: 7px;
margin-right: 4px;
}
.fc-counter span {
display: block;
margin-right: 5px;
margin-top: 4px;
float: left;
}
#fc select,
#fc input {
width: 193px;
}
#fc input.btn {
width: auto;
}
/* mobile menu */
.nav-collapse.mobile-menu {
display: none;
top: 12px;
}
.nav-collapse.mobile-menu ul.nav,
.nav-collapse.mobile-menu ul {
margin: 0;
padding: 0;
color: #fff;
list-style-type: none;
}
.nav-collapse.mobile-menu ul.nav {
border-bottom: 1px solid #212b5b;
}
/* visibility */
ul.nav li ul.mob-sec-level {
display: none;
}
ul.nav li.active ul.mob-sec-level {
display: block;
}
ul.mob-sec-level li ul.mob-third-level {
display: none;
}
ul.mob-sec-level li.active ul.mob-third-level {
display: block;
}
.nav-collapse.mobile-menu ul.nav > li {
background: #5e6ca1;
border-top: 1px solid #212b5b;
}
.nav-collapse.mobile-menu ul.nav li a {
display: block;
color: #fff;
padding-left: 5%;
padding-right: 0;
font-size: 16px;
}
.nav-collapse.mobile-menu ul.mob-sec-level li a,
.nav-collapse.mobile-menu ul.mob-third-level li a {
font-size: 13px;
}
.nav-collapse.mobile-menu ul.mob-third-level li a {
padding-left: 9%;
background: url(../images/arrow5.png) no-repeat 5% 14px;
}
.nav-collapse.mobile-menu ul.nav li a:hover,
.nav-collapse.mobile-menu ul.nav li a:active,
.nav-collapse.mobile-menu ul.nav li a:focus {
background-color: transparent;
color: #fff;
text-decoration: underline;
}
.nav-collapse .nav > li {
overflow: hidden;
}
.nav-collapse .nav > li > a {
margin-bottom: 0;
}
ul.nav li .focus-link {
height: 38px;
background: #59689c url(../images/arrow1.png) no-repeat center center;
}
ul.nav li.active .focus-link {
height: 38px;
background: #48568c url(../images/arrow2.png) no-repeat center center;
}
ul.mob-sec-level > li,
ul.mob-third-level > li {
background: #39477f;
border-top: 1px solid #212b5b;
width: 100%;
overflow: hidden;
line-height: 30px;
}
ul.nav li ul.mob-sec-level li .focus-link,
ul.nav li ul.mob-third-level li .focus-link {
height: 30px;
background: #2c386e url(../images/arrow8.png) no-repeat center center;
}
ul.nav li ul.mob-sec-level li.active .focus-link {
background: #2c386e url(../images/arrow7.png) no-repeat center center;
}
ul.nav li ul.mob-sec-level li ul.mob-third-level li .focus-link {
background: #2c386e url(../images/arrow8.png) no-repeat center center;
}
ul.nav li ul.mob-sec-level li .focus-link.no-subtree,
ul.nav li ul.mob-sec-level li.active .focus-link.no-subtree,
ul.nav li ul.mob-third-level li .focus-link.no-subtree,
ul.nav li ul.mob-third-level li.active .focus-link.no-subtree {
background-image: none;
}
.bar {
margin: 3px 0;
height: 18px;
background: #273E7A;
}
.message-from-president p {
font-size: 14px;
margin-top: 2px;
margin-bottom: 6px;
}
.message-from-president a {
background: none;
display: inline;
color: #46527D !important;
font-size: 14px;
font-weight: normal;
line-height: 14px;
text-transform: none;
text-decoration: none;
height: auto;
padding: 0;
}
.message-from-president a:hover {
background: none;
color: #46527D;
font-size: 14px;
line-height: 14px;
text-transform: none;
text-decoration: underline;
height: auto;
padding: 0;
}
.contact-email {
color: #000;
text-decoration: underline;
}
.contact-email:hover,
.contact-email:focus {
color: #000;
text-decoration: none;
}
/* Apply for membership */
.apply-for-membership {
margin: 0 auto;
width: 899px;
}
.page-title.v2 {
margin-top: 10px;
border-bottom: none;
}
.box-step {
float: left;
width: 175px;
height: 92px;
background: #ededed;
margin-right: 6px;
position: relative;
}
.box-step.activeitem {
background: #DEE2EB;
}
.box-step.passed {
background: #DEE2EB;
opacity: 0.6;
}
.box-step.passed .step-counter,
.box-step.passed .step-txt,
.box-step.passed .step-txt-mobile,
.box-step.passed .step-info {
color: #263E79;
}
.box-step .activearrow {
width: 175px;
height: 24px;
position: absolute;
top: 92px;
background: url(../images/active-step.png) no-repeat 0 0;
}
.steps-wrapper {
margin: 0 auto;
width: 899px;
}
.box-step.ms-step5 {
margin-right: 0;
}
.step-counter {
float: left;
margin-top: 14px;
margin-left: 17px;
color: #BABABA;
font-size: 14px;
}
.box-step.activeitem .step-counter {
color: #263E79;
}
.step-txt,
.step-txt-mobile {
display: block;
float: left;
padding-top: 2px;
text-transform: uppercase;
}
.step-txt-mobile {
display: none;
padding-top: 15px;
color: #263E79;
}
.step-nr {
display: block;
float: left;
width: 24px;
height: 24px;
color: #fff;
font-size: 14px;
text-align: center;
background: url(../images/circle-no-active.png) no-repeat 0 0;
margin-left: 6px;
padding-top: 1px;
}
.box-step.activeitem .step-nr,
.box-step.passed .step-nr {
background: url(../images/circle-active02.png) no-repeat 0 0;
}
.step-info {
display: block;
float: left;
margin-top: 6px;
color: #BABABA;
font-size: 14px;
line-height: 16px;
}
.box-step.activeitem .step-info {
color: #263E79;
}
input.required.error {
border: 1px solid #B20000;
background: #FFF5F2;
}
.wrapper-ms {
padding: 60px 25px 25px 25px;
}
.ms-label {
float: left;
width: 160px;
text-align: right;
color: #666;
font-size: 12px;
padding-top: 4px;
}
.ms-label.v2 {
padding-top: 0;
width: 120px;
}
.ms-input {
float: left;
margin-left: 22px;
}
.ms-input.v2 {
width: 75%;
}
.ms-input.v2 p {
margin-bottom: 0;
}
.ms-input.ctg {
width: 670px;
}
.ms-input.conf {
margin-top: 3px;
}
.ms-input input {
float: left;
border: 1px solid #727D9C;
background: #EEF2F6;
color: #000;
font-size: 14px;
margin-right: 6px;
}
.ms-separator {
width: 100%;
height: 2px;
background: url(../images/ms-separator.png) repeat-x 0 center;
margin: 12px 0 20px 0;
}
p.required-info {
margin-top: 8px;
font-size: 10px;
color: #B20000;
margin-left: 16px;
margin-top: -10px;
}
a.step-prev {
color: #666;
text-decoration: underline;
display: block;
padding-top: 4px;
}
a.step-prev:hover {
color: #333;
text-decoration: none;
}
.next-step {
display: block;
width: 128px;
height: 37px;
background: url(../images/btn-next-step.png) no-repeat 0 0;
color: #fff;
font-size: 17px;
padding: 7px 0 0 18px;
}
.btn-download {
display: block;
width: 238px;
height: 39px;
background: url(../images/download-button.png) no-repeat 0 0;
color: #000;
font-size: 17px;
padding: 7px 0 0 50px;
text-transform: uppercase;
margin-bottom: 10px;
}
.btn-download:hover {
opacity: 0.8;
text-decoration: none;
color: #000;
}
label.emptyfield {
color: #D80000;
float: left;
font-size: 12px;
margin: 4px 5px 0 0;
font-style: italic;
}
.next-step:hover,
.next-step:focus {
opacity: 0.8;
text-decoration: none;
color: #fff;
}
.divider {
margin-bottom: 10px;
}
span.red,
span.req {
color: #B20000;
}
.box-esid-address {
float: right;
}
.box-esid-address-mobile {
float: left;
}
.box-esid-address-mobile {
display: none;
}
p.esid-address {
font-size: 12px;
color: #fff;
line-height: 14px;
margin: 4px 19px 0 0;
font-weight: 300;
}
.ms-select {
border: 1px solid #727D9C;
background: #EEF2F6;
color: #000;
font-size: 14px;
}
/* style radio buttons */
.answer-control {
overflow: hidden;
margin-right: 5px;
width: 67px;
position: relative;
height: 25px;
}
.answer-control.v2 {
width: 86px;
}
.answer-control > * {
float: left;
}
:not(.lt-ie9) .answer-control input {
margin-left: -20px;
}
:not(.lt-ie9) .answer-control label {
display: block;
font-family: Arial, sans-serif;
padding-left: 29px;
line-height: 18px;
font-size: 14px;
font-weight: normal;
color: #444;
min-height: 18px;
}
:not(.lt-ie9) .answer-control label {
display: block;
content: "";
position: absolute;
width: 67px;
height: 24px;
line-height: 24px;
background: #EDEDED;
top: 0;
left: 0;
}
:not(.lt-ie9) .answer-control input[type="radio"]:checked + label {
background: url("../images/checked-input.png") no-repeat 0 0;
}
:not(.lt-ie9) .answer-control.v2 input[type="radio"]:checked + label {
background: url("../images/checked-input-long.png") no-repeat 0 0;
}
.wrapper-ms-category {
padding: 45px 3% 25px 3%;
}
.member-category-box {
box-shadow: 0 0 8px #6C7898;
margin: 10px 0 30px 0;
text-align: center;
width: 400px;
min-height: 76px;
}
.member-category-text {
font-size: 19px;
color: #666;
}
.member-category-box.lasid {
display: none;
}
.member-category-box input,
.member-category-box span.input-desc {
float: none;
margin: 0 auto;
}
.p-checkinfo {
color: #000;
font-size: 14px;
font-style: italic;
text-align: center;
width: 90%;
}
.p-checkinfo.red {
color: #f00;
}
.heading-info {
background: #DEE2EB;
margin-top: 18px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.hinfo-text {
font-size: 17px;
color: #4e6094;
padding: 5px 0 5px 10px;
}
.btn.goto-step {
display: block;
width: 67px;
height: 27px;
background: url(../images/go-to-step.png) no-repeat 0 3px;
margin: 1px 5px 1px 0;
color: #666;
font-size: 14px;
padding: 4px 0 4px 5px;
}
.payment-method {
float: left;
margin-left: -17px;
font-size: 17px;
color: #4e6094;
}
.payment-box {
margin-bottom: 20px;
}
.payment-box.chosen-payment {
background: #ecffff;
padding-top: 25px;
padding-bottom: 14px;
}
.box-download {
padding-left: 2px;
width: 600px;
}
p.black {
color: #000;
line-height: 15px;
font-size: 13px;
}
.esid-payment-finished {
display: block;
text-align: center;
color: #263C7C;
font-size: 25px;
}
.after-payment-info {
width: 100%;
height: 76px;
box-shadow: 0 0 8px #6C7898;
background: url(../images/letter-checked.jpg) no-repeat 12px 6px;
margin: 30px 0 35px;
}
.after-payment-info p {
margin-left: 106px;
padding-top: 21px;
}
.ctg-cb {
float: left;
position: relative;
left: -2px;
top:-3px;
}
label.lab-ctg-cb {
float: left;
margin-left: 3px;
}
.payment-rb {
float: left;
position: relative;
left: -24px;
top:0px;
}
.payment-box .box-download {
display: none;
}
.payment-box.chosen-payment .box-download {
display: block;
}
.bd-inputinfo {
display: block;
float: left;
margin-top: -7px;
margin-right: 7px;
width: 53px;
}
span.country-name {
padding-left: 4px;
}
.dropdown-menu.csl {
width: auto;
height: 120px;
}
.dropdown-menu.csl ul {
width: auto;
height: 124px;
padding-left: 0px;
margin: 0;
overflow-y: scroll;
list-style: none;
}
.dropdown-menu.csl ul li a {
clear: both;
color: #333333;
display: block;
font-weight: normal;
line-height: 20px;
padding: 3px 10px;
}
.dropdown-menu.csl ul li a:hover {
text-decoration: none;
background: none repeat scroll 0 0 #ECF0F9;
color: #444444;
}
span.spamfilter {
display:none;
}
.user-box-head {
width: 255px;
margin-right: 25px;
}
.user-box-top {
margin-top: 12px;
}
.log-user-img {
margin-right: 9px;
margin-bottom: 12px;
}
.log-user-name {
display: block;
font-size: 17px;
color: #4d4d4c;
}
.link-top-head {
display: block;
font-size: 12px;
color: #707FA7;
text-decoration: underline;
margin-right: 12px;
}
.link-top-head:hover {
color: #707FA7;
text-decoration: none;
}
.ms-separator.v2 {
margin: 6px 0 8px;
}
.user-box-bottom {
margin-top: 9px;
}
.membership-expires {
font-size: 12px;
color: #4d4d4c;
margin-right: 7px;
}
.membership-renew {
display: block;
width: 51px;
height: 19px;
background: url(../images/renew-btn.png) no-repeat 0 0;
font-size: 12px;
color: #fff;
line-height: 18px;
text-align: center;
}
.membership-renew:hover {
color: #fff;
text-decoration: none;
opacity: 0.8;
}
.myesid-text {
border-top: 2px solid #DEE2EB;
font-size: 26px;
color: #878787;
text-transform: uppercase;
font-family: 'Exo',sans-serif;
margin-left: 24px;
font-weight: 100;
margin-bottom: 12px;
padding-top: 20px;
}
ul.leftmenu-my-esid li.divider {
height: 2px;
background-color: transparent;
border-bottom: 2px solid #C7CDDD;
}
.leftmenu ul.leftmenu-my-esid li {
margin-bottom: 1px;
}
.leftmenu ul.leftmenu-my-esid li.divider {
height: 0px;
}
.leftmenu ul.leftmenu-my-esid li a {
padding: 9px 10px 9px 24px;
margin-bottom: 0;
}
.leftmenu ul.leftmenu-my-esid li a.active {
background: url("../images/arrow-lightblue-right.png") no-repeat scroll 4px 9px #DEE2EB;
color: #263E79;
}
.wrapper-ms.v2 {
padding: 0 25px 25px 25px;
}
.ms-input .save-button {
background: url("../images/btn-save.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #FFFFFF;
display: block;
font-size: 17px;
height: 33px;
padding: 0;
width: 92px;
border: none;
}
.ms-input .save-button:hover {
opacity: 0.8;
}
.ms-input .discard-changes {
color: #052759;
text-decoration: underline;
border: none;
background: none;
padding: 9px 0;
margin-left: 15px;
font-size: 12px;
}
.ms-input .discard-changes:hover {
text-decoration: none;
}
.third-party-edit {
margin-top: 4px;
}
.disabled-input {
opacity: 0.4;
}
.fs-14 {
font-size: 14px;
}
.box-checked {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #dee2eb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dee2eb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#dee2eb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#dee2eb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#dee2eb 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#dee2eb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dee2eb',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 1px 1px 3px #6C7898;
-webkit-box-shadow: 1px 1px 3px #6C7898;
box-shadow: 1px 1px 3px #6C7898;
padding: 3px 20px 3px 5px;
text-align: center;
font-size: 12px;
color: #000;
}
.checkedimg {
margin-right: 5px;
margin-top: 2px;
}
.lightgray {
color: #666;
font-size: 12px;
}
.lightgray2 {
color: #aaa;
font-weight: 300;
}
.ms-input .renew-button {
background: url("../images/btn-renew.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #FFFFFF;
display: block;
font-size: 17px;
height: 35px;
padding: 0;
width: 187px;
border: none;
text-align: center;
line-height: 34px;
}
.ms-input .renew-button:hover,
.ms-input .renew-button:focus {
opacity: 0.8;
text-decoration: none;
}
.members-list th {
text-align: center;
text-transform: uppercase;
color: #666;
font-size: 10px;
font-weight: 300;
letter-spacing: 1px;
}
.members-list .firstcell {
border-left: none !important;
}
.members-list .lastcell {
border-right: none !important;
}
.mem-table {
border-right: none !important;
}
.view-member {
color: #263C7C;
font-size: 14px !important;;
text-decoration: underline;
font-weight: 700;
}
.view-member:hover,
.view-member:focus {
color: #263C7C;
font-size: 14px !important;
text-decoration: none;
}
.table td {
font-size: 11px;
color: #777;
}
.ms-separator.v3 {
height: 1px;
margin: 6px 0 8px;
}
.nr-records {
margin-bottom: 10px;
}
.esidmember-name {
font-size: 30px;
color: #263B7B;
font-weight: 700;
}
.esidmember-title {
display: block;
font-size: 17px;
font-style: italic;
color: #aaa;
margin-top: 8px;
font-weight: 300;
margin-bottom: 4px;
}
.wrapper-ms.v3 {
padding: 40px 25px 25px 25px;
}
.btn-contact {
color: #FFFFFF;
display: block;
font-size: 12px;
height: 23px;
padding: 0;
width: 83px;
border: none;
text-transform: uppercase;
text-align: center;
line-height: 22px;
background: #bbbbbb; /* Old browsers */
background: -moz-linear-gradient(top, #bbbbbb 0%, #555555 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#555555)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #bbbbbb 0%,#555555 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #bbbbbb 0%,#555555 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #bbbbbb 0%,#555555 100%); /* IE10+ */
background: linear-gradient(to bottom, #bbbbbb 0%,#555555 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#555555',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.btn-contact:hover,
.btn-contact:focus {
opacity: 0.8;
text-decoration: none;
color: #fff;
}
.esidmember-general {
color: #000;
font-size: 14px;
}
.esidmember-general p{
margin-bottom: 10px;
}
.divider .btn-login {
display: block;
width: 183px;
height: 37px;
background: url(../images/btn-login.png) no-repeat 0 0;
color: #fff;
font-size: 17px;
line-height: 36px;
text-align: left;
text-decoration: none;
text-indent: 9px;
border: none;
}
.divider .btn-login:hover,
.divider .btn-login:focus {
opacity: 0.8;
background: url(../images/btn-login.png) no-repeat 0 0;
color: #fff;
text-decoration: none;
}
.accountbox-holder {
padding: 20px 0 10px;
}
.bg-softblue {
background: #ecffff;
}
.topmenu .home-esid,
.home-myesid {
display: block;
float: left;
padding: 10px 3px;
width: 14px;
height: 19px;
background: transparent url(../images/home.png) no-repeat 0 9px;
overflow: hidden;
text-indent: -200px;
}
.home-myesid {
float: left;
background-position: 0 0;
padding: 0;
margin-right: 10px;
}
.home-myesid:hover,
.home-myesid:focus {
opacity: 0.8 !important;
background-position: 0 0;
}
.topmenu .home-esid:hover,
.topmenu .home-esid:focus {
background: transparent url(../images/home.png) no-repeat 0 9px !important;
opacity: 0.8 !important;
}
.facebook-link {
display:block;
color: #fff;
overflow: hidden;
text-indent: -2000px;
background: transparent url(../images/fb-button-s.png) no-repeat 0 0;
height: 49px;
width: 147px;
}
.facebook-link:hover {
opacity: 0.9;
margin-top: 1px;
margin-left: 1px;
}
.apply-for-membership-btn,
.renew-membership-btn {
display:block;
color: #fff;
overflow: hidden;
text-indent: 14px;
background: transparent url(../images/apply-for-membership.png) no-repeat 0 0;
font-size: 17px;
font-weight: 400;
height: 37px;
width: 235px;
line-height: 35px;
}
.apply-for-membership-btn:hover,
.renew-membership-btn:hover {
opacity: 0.9;
text-decoration: none;
color: #fff;
margin-top: 1px;
margin-left: 1px;
text-indent: 15px;
}
.headerViolet {
background: #f7f7fe;
padding: 7px 10px 8px 15px;
margin-bottom: 15px;
margin-top: 5px;
}
table.tableFees {
border-color: #ccc;
margin-bottom: 10px;
}
table.tableFees td {
vertical-align: middle;
border-color: #ccc;
color: #333;
font-size: 14px;
padding: 10px;
}
table.tableFees td p {
margin-bottom: 0;
}
/* Related objects */
.rel-obj {
font-family: Arial,Helvetica,sans-serif;
border-top: 1px solid #DBE0E8;
line-height: 15px;
margin-bottom: 10px;
}
.rel-obj .w77 {
width: 77%;
}
.rel-obj img {
float: left;
margin: 10px 10px 10px 0;
}
.rel-obj p {
margin: 0 0 5px;
padding-top: 12px;
}
.rel-obj a {
font-size: 14px;
font-weight: bold;
text-decoration: underline;
color: rgb(38, 62, 121);
}
.rel-obj a:hover {
text-decoration: none;
}
.rel-obj .date {
font-size: 13px;
font-weight: normal;
color: rgb(119, 119, 119);
}
.rel-obj .intro {
font-size: 13px;
font-weight: normal;
color: rgb(51, 51, 51);
margin: 0 0 5px 0;
padding: 0;
}
/* End related objects */
/*********************************************************************
*****************registry page***********************************
*********************************************************************/
.submenu {
font-size: 0.95em;
margin-top: 11px;
margin-bottom: 20px;
}
.submenu form {
margin-bottom: 0;
}
.submenu label {
color: #6C6F70;font-size: 10px;
margin-bottom: 0;
}
.submenu p {
margin-bottom: 0;
}
.submenu .button {
vertical-align: text-bottom;
margin-left: -10px;
margin-right: 15px;
}
.submenu #searchkeyword {
margin-bottom: 0;
padding-right: 18px;
background: #DEE2EB;
border: none !important;
height: 21px;
line-height: 21px;
vertical-align: text-bottom;
}
.submenu #searchkeyword:focus {
box-shadow: none;
}
.submenu a {
color: #273E7A;
}
.response {
}
.xmlContent {
margin: 0;
list-style: none;
}
.top-section ul {
display:none;
list-style: none;
}
.top-section {
border-top: 1px solid #DEE2EB;
background: url("../images/link_plus.gif") no-repeat scroll 5px 9px;
}
.top-section.open {
background: url("../images/link_minus.gif") no-repeat scroll 5px 9px;
}
.top-section {
margin-bottom: 0 !important;
}
.top-section span {
color: #333333;
font-weight: bold;
padding: 6px 0 6px 20px;
font-size: 11px;
display: block;
margin-bottom: 0 !important;
}
.top-section , .top-section a:hover {
cursor: pointer;
}
.top-section.open ul.first {
display:block;
}
.directlink {
border-top: 1px solid #DEE2EB;
padding: 6px 0 6px 20px;
background: url("../images/link_file.gif") no-repeat scroll 5px 9px;
margin-bottom: 0 !important;
}
.middle-section {
margin-bottom: 0 !important;
}
.middle-section span {
border-top: 1px solid #DEE2EB;
padding: 6px 0 6px 20px;
background: url("../images/link_plus.gif") no-repeat scroll 5px 9px;
margin-bottom: 0 !important;
display: block;
}
.open.opened span {
background: url("../images/link_minus.gif") no-repeat scroll 5px 9px !important;
}
.middle-section ul.second {
display: none;
}
.middle-section.open.opened ul.second {
display: block;
}
.directlink span {
padding: 0;
}
.directlink span a, .directlink a {
color: #333333;
}
.directlink.top-section.open {
background: url("../images/link_file.gif") no-repeat scroll 5px 9px;
}
#searchresponse {
margin-bottom: 20px;
}
.alert {
font-size: 12px;
color: red;
}
#counter {
margin-bottom: 10px;
}
.searchresult {
background: url("../images/link_file.gif") no-repeat scroll 5px 9px #1E3175;
color: #ffffff;
display: block;
margin-bottom: 1px;
padding: 6px 6px 6px 20px;
font-size: 12px;
line-height: 1.2;
font-weight: bold;
}
.searchresult:hover {
color: #ffffff;
text-decoration: none;
}
.legende {
background-color: #1E3175;
margin: 20px 0 20px 0;
padding: 4px 10px 2px;
color: #ffffff;
font-size: 13px;
}
.legende p {
line-height: 1.2;
}
.reset-button {
background: none;
text-decoration: underline;
border: none;
font-style: italic;
}
.reset-button:hover {
text-decoration: none;
}
/*********************************************************************
*****************the end of registry page*********************************
*********************************************************************/
/*********************************************************************
*****************statistics pages*********************************
*********************************************************************/
.nav > li > a:hover, .nav > li > a:focus {
background-color: #DEE2EB;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
border-color: #DEE2EB #DEE2EB #DDDDDD;
}
#tot-pat-res {
}
#tot-pat-res h5, #tot-pat-res-per-cen h5, #tot-pat-diag h5 {
font-size: 11px;
color: #333333;
margin-bottom: 20px;
}
#tot-pat-res h5 a {
color: #333333;
text-decoration: underline;
}
#tot-pat-res h5 a:hover {
text-decoration: none;
}
.stat-holder {
width: 100%;
display: table;
border-bottom: 1px solid #DBE0E8;
padding: 8px 0 12px;
}
.stat-holder:first-child {
border-top: 1px solid #DBE0E8;
}
.statcenter {
padding-left: 40px;
font-size: 11px;
color: #656565;
padding-bottom: 5px;
}
.patnumber {
float: left;
font-size: 10px;
margin-left: 6px;
}
.statyear {
float: left;
width: 40px;
font-weight: bold;
text-indent: 5px;
}
.statbar {
width: 370px;
height: 20px;
float: left;
box-shadow: 2px 2px 4px rgba(0,0,0,0.65);
}
.stat {
height: 20px;
}
.male {
height: 20px;
background: #546E9C;
float: left;
}
.female {
height: 20px;
background: #E46A34;
float: left;
}
.unknownperc {
height: 20px;
background: #DEE2EB;
float: left;
}
.center-wrapper {
width: 100%;
display: table;
border-bottom: 1px solid #DBE0E8;
padding: 8px 0 12px;
}
.center-wrapper:first-child {
border-top: 1px solid #DBE0E8;
}
.center-name {
padding-left: 50px;
}
.center-name span {
font-size: 11px;
color: #656565;
display: inline-block;
margin-right: 8px;
}
.center-holder {
display: table;
width: 100%;
}
.counter {
float: left;
width: 40px;
padding-left: 5px;
}
.center {
width: 370px;
height: 20px;
float: left;
box-shadow: 2px 2px 4px rgba(0,0,0,0.65);
}
.center div {
height: 20px;
background: #546E9C;
float: left;
}
.center-patients {
float: left;
font-size: 10px;
margin-left: 10px;
}
#stat-add {
display: table;
width: 100%;
}
#add-left {
width: 72%;
float: left;
}
#add-right {
width: 28%;
float: right;
}
#add-left span, #add-right span {
display: block;
font-size: 11px;
color: #656565;
border-bottom: 1px solid #DBE0E8;
padding: 4px 0;
max-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#add-right span strong {
width: 50%;
display: inline-block;
font-weight: 400 !important;
}
.centered {
text-align: center;
}
.tatal-add-info {
font-size: 11px;
color: #656565;
}
.legend-wrapper {
width: 100%;
display: table;
clear: both;
border-bottom: 1px solid #DBE0E8;
}
.legend-table-header {
}
.legend-table-header span {
display: block;
width: 50%;
float: left;
text-align: center;
font-weight: bold;
font-size: 13px;
border-bottom: 1px solid #DBE0E8;
}
.legend-color {
float: left;
width: 15%;
}
.legend-color span {
display: block;
width: 10px;
height: 10px;
border-radius: 5px;
margin-right: 10px;
margin-top: 5px;
}
.legend-name {
float: left;
width: 45%;
}
.legend-perc {
float: left;
width: 20%;
}
.legend-number {
float: left;
width: 20%;
}
#choose-year-com1 {
width: 170px;
margin: 0;
}
#choose-year-com2 {
width: 170px;
margin: 0;
}
#compare-years {
border: none;
background: #273E7A;
border-radius: 3px;
line-height: 30px;
font-size: 16px;
color: #ffffff;
padding: 0 15px;
display: inline-block;
height: 30px;
}
.legend-table-wrap {
clear: both;
}
.color-dots {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 5px;
margin: 0 5px;
}
.diag-name {
font-size: 10px;
color: #656565;
}
#Diagnosis-name {
width: 55%;
float: left;
}
#year-one, #year-two {
width: 22.5%;
float: left;
font-size: 10px;
color: #656565;
}
#year-one th, #year-two th {
font-size: 14px;
}
.nav-tabs > li > a, .nav-pills > li > a {
padding-left: 5px;
padding-right: 5px;
}
#stat-map-wrapper {
width: 100%;
height: 600px;
}
.map-legend0 {
background: #dddddd;
color: #333333;
width: 70px;
float: left;
}
.stat-map-legend-holder {
width: 190px;
}
.map-legend1 {
background: #ccecff;
color: #333333;
width: 70px;
float: left;
}
.map-legend2 {
background: #66cbff;
color: #333333;
width: 70px;
float: left;
}
.map-legend3 {
background: #6599ff;
color: #333333;
width: 70px;
float: left;
}
.map-legend4 {
background: #0000fe;
color: #ffffff;
width: 70px;
float: left;
}
.map-legend5 {
background: #343399;
color: #ffffff;
width: 70px;
float: left;
}
.map-legend6 {
background: #43E91E;
color: #ffffff;
width: 70px;
float: left;
}
.map-legend7 {
background: #0D9616;
color: #ffffff;
width: 70px;
float: left;
}
.stat-map-legend > h3 {
font-size: 14px;
}
.map-legend-title {
padding: 5px 0 !important;
}
.map-legend-title > h3 {
font-size: 14px;
}
.map-legend-title > span {
display: block;
font-size: 11px;
}
.stat-map-legend {
margin: 20px 0;
}
.stat-map-legend div {
padding: 5px 10px;
}
/*********************************************************************
*****************end of statistics pages*********************************
*********************************************************************/
.box-dc-filter {
background: #ecffff;
padding: 5px 10px;
margin-bottom: 8px;
}
.dc-result-count {
content: none;
margin-bottom: 7px;
}
a.dc-reset {
display: block;
margin-top: 30px;
float: left;
color: #333;
font-size: 14px;
}
a.dc-reset:hover {
text-decoration: underline;
color: #333;
}
p.small-gray {
margin-top: 16px;
font-size: 10px;
color: #666;
}
.box-dc-filter {
border: 1px solid #ddd;
}
.dc-contact-person {
font-weight: 700;
margin-bottom: 3px;
font-size: 14px;
color: #444;
}
.dc-address p {
margin-bottom: 0px;
/*line-height: 16px;*/
}
.dc-pcode-city p {
margin-bottom: 0px;
}
.dc-country p {
font-weight: 700;
margin-bottom: 0px;
text-transform: uppercase;
color: #444;
}
table.dc-table {
width: 100%;
}
table.dc-table td {
vertical-align: top;
}
table.dc-table td.dc-attr-name {
color: #666;
font-weight: 700;
width: 12%;
}
table.dc-table td.dc-attr-content {
width: 88%;
}
table.dc-table td.dc-attr-content p {
margin-bottom: 0;
}
#stat-map-wrapper {
width: 100%;
height: 600px;
}
p.topbottom {
margin-top: 18px;
margin-bottom: 10px;
}
#stat-map-wrapper {
display: table;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
margin-top: 25px;
}
#stat-map {
}
.tab-content {
overflow: visible;
}
.jvectormap-label {
position: absolute;
display: none;
border: solid 1px #CDCDCD;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #292929;
color: white;
font-family: sans-serif, Verdana;
font-size: smaller;
padding: 3px;
}
.jvectormap-zoomin, .jvectormap-zoomout {
position: absolute;
left: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #292929;
padding: 3px;
color: white;
width: 10px;
height: 10px;
cursor: pointer;
line-height: 10px;
text-align: center;
}
.jvectormap-zoomin {
top: 10px;
}
.jvectormap-zoomout {
top: 30px;
}
.survey-choices input {
margin-top: -2px;
margin-right: 4px;
}
/* Media queries */
@media only screen and (max-width: 949px) {
.search-type,
.keyword-search,
.city-search,
.visitype-search,
.visitlength-search {
width: auto;
}
#fc select,
#fc input {
width: 95%;
}
.apply-for-membership {
width: 100%;
}
h2.ms{
width: 80%;
}
.steps-wrapper {
padding: 10px 0 0 0;
width: 90%;
}
.steps-wrapper .box-step {
height: auto;
width: 25px;
background: none;
}
.box-step .activearrow {
display: none;
}
.box-step .step-txt,
.box-step .step-info {
display: none;
}
.step-txt-mobile {
display: block;
}
.wrapper-ms {
padding: 35px 3% 25px 7%;
}
.step-counter {
margin-left: 12px;
}
.box-esid-address {
display: none;
}
.box-esid-address-mobile {
display: block;
margin-left: 25px;
}
.ms-label {
width: 20%;
}
.ms-label.ctg {
width: 5%;
}
.ms-input {
width: 70%;
}
}
@media only screen and (min-width: 950px) {
.imp-wrapper .box-imp:hover,
.menuright .box-imp:hover {
opacity: 0.8;
-moz-box-shadow: 0px 0px 5px #6C7898;
-webkit-box-shadow: 0px 0px 5px #6C7898;
box-shadow: 0px 0px 5px #6C7898;
}
.row-fluid .span3 {
width: 23.0769%;
}
.row-fluid .span9 {
width: 76.9231%;
margin-left: 0px;
}
.row-fluid .span8 {
width: 65.812%;
margin-left: 2.5641%;
}
.row-fluid .span9.main-content.wide-area .span8 {
width: 97%;
margin-left: 2.5641%;
}
.row-fluid .span4 {
width: 31.6239%;
margin-left: 2.12766%;
}
}
@media only screen and (min-width: 850px) and (max-width: 949px) {
.add-bg {
background-position: 103% 0 !important;
}
}
/* tablets to desktop */
@media only screen and (min-width: 768px) {
.dropdown-menu.mobile-menu-member-box {
display: none;
}
.m-menu-holder,
.nav-collapse.mobile-menu {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 949px) {
.container {
width: 100%;
}
.topmenu .wrapper {
width: 96%;
margin: 0 auto;
}
.gmap-fc {
width: 300px;
height: 250px;
}
.dropdown-menu.member-box {
left: 2%;
width: 96%;
margin: 0 auto;
}
.dropdown-menu.member-box .wrapper {
padding: 4% 2%;
}
.mbox-left {
width: 30%;
}
.mbox-left input.user-email,
.mbox-left input.user-password {
width: 80%;
}
.mbox-right {
width: 65%;
margin-left: 4%;
}
.mbox-right-leftpart {
width: 60%;
}
.mbox-right-rightpart {
width: 40%;
float: right;
}
.topmenu a {
padding: 0 9px;
}
.topmenu .dropdown-menu.big-menu .bm-wrapper {
padding: 2% 3%;
}
.bm-leftpart {
width: 28%;
margin-right: 3%;
}
.bm-rightpart {
width: 65%;
}
.topmenu .dropdown-menu.big-menu {
width: 100%;
min-width: 768px;
}
.focus-textinfo {
display: block;
float: left;
padding: 6px 0 0;
vertical-align: top;
}
.focus-textinfo h3 {
float: left;
font-size: 13px;
height: auto !important;
line-height: 14px !important;
margin: 0;
padding: 0;
}
.focus-textinfo h3 a {
display: block;
float: left;
margin: 0;
padding: 0;
line-height: 14px !important;
}
.focus-textinfo .date {
display: block;
float: left;
margin: 0;
padding: 0;
}
.item-textbox {
left: 3%;
top: 11%;
width: 70%;
}
.items-wrapper img {
width: 25%;
}
.items-wrapper a.calSave img {
width: 100%;
}
.box-imp {
width: 16%;
margin: 3% 2%;
}
.add-bg {
background-position: 109% 0;
}
.menuright .box-imp {
float: none;
width: 140px;
margin: 9% auto;
}
.box-imp.in-dropmenu {
width: 161px;
}
.box-imp-image {
height: auto;
line-height: 100%;
}
.box-imp-text {
padding: 3% 6%;
word-wrap: break-word;
}
.footer {
width: 100%;
}
.row-fluid .span3 {
width: 23.0769%;
}
.row-fluid .span9 {
width: 76.9231%;
margin-left: 0px;
}
.row-fluid .span9.main-content.wide-area .span8 {
width: 97%;
margin-left: 2.5641%;
}
.row-fluid .span8 {
width: 65.812%;
margin-left: 2.5641%;
}
.row-fluid .span4.menuright {
width: 31.6239%;
}
.span5.article-image img,
.span5.article-image .article-image-holder,
.span5.article-image .article-image-alt {
width: 100%;
}
.span5.article-image {
margin-left: 20px !important;
}
}
/* COMMON - from phones to tablets */
@media only screen and (min-width: 100px) and (max-width: 767px) {
body {
padding: 0;
background: #fff;
background-image: none;
}
.container {
width: 100%;
}
.nav-collapse.mobile-menu {
display: block;
}
.m-menu-holder {
display: block;
}
.header {
min-height: 0;
padding-bottom: 9px;
}
.header .header-top {
width: 90%;
margin: 0 auto;
border-bottom: 2px solid #ddd;
}
.header .logo {
margin-left: 1%;
margin-top: 2%;
margin-bottom: 3%;
}
.header .esid-head-txt {
margin: 30px 0 0 19px;
}
.header .dropdown {
display: none;
}
.topmenu .wrapper {
width: 96%;
margin: 0 auto;
}
.dropdown-menu.member-box {
left: 2%;
width: 96%;
margin: 0 auto;
}
.dropdown-menu.member-box .wrapper {
padding: 4% 2%;
}
.mbox-left {
width: 30%;
}
.items-wrapper {
padding: 3% 2%;
}
.span4.menuright {
display: none;
}
.mbox-left input.user-email,
.mbox-left input.user-password {
width: 80%;
}
.mbox-right {
width: 65%;
margin-left: 4%;
}
.mbox-right-leftpart {
width: 60%;
}
.mbox-right-rightpart {
width: 40%;
float: right;
}
.topmenu a {
padding: 0 9px;
}
.topmenu .dropdown-menu.big-menu .bm-wrapper {
padding: 2% 3%;
}
.bm-leftpart {
width: 28%;
margin-right: 3%;
}
.bm-rightpart {
width: 65%;
}
.topmenu .dropdown-menu.big-menu {
width: 90%;
min-width: 736px;
}
.focus-textinfo {
display: block;
float: left;
padding: 6px 0 0;
vertical-align: top;
}
.focus-textinfo h3 {
float: left;
font-size: 13px;
height: auto !important;
line-height: 14px !important;
margin: 0;
padding: 0;
}
.focus-textinfo h3 a {
display: block;
float: left;
margin: 0;
padding: 0;
line-height: 14px !important;
}
.focus-textinfo .date {
display: block;
float: left;
margin: 0;
padding: 0;
}
.main-content-wrapper {
padding: 3%;
}
.embed-file {
margin-left: auto;
margin-right: auto;
}
.item-textbox {
left: 3%;
top: 11%;
width: 70%;
}
.items-wrapper img {
width: 15%;
}
.items-wrapper a.calSave img {
width: 100%;
}
.sp-box {
clear: both;
}
.box-imp {
width: 16%;
margin: 3% 2%;
}
.box-imp.in-dropmenu {
width: 161px;
}
.box-imp-image {
height: auto;
line-height: 100%;
}
.box-imp-text {
padding: 3% 6%;
word-wrap: break-word;
}
.page-toolbar {
margin: 20px 3% 4px 3%;
}
.footer {
width: 96%;
margin-left: auto;
margin-right: auto;
}
.m-menu-trigger,
.m-memberslogin-trigger,
.m-search-trigger {
display: block;
}
.m-menu-trigger {
margin-left: 0;
}
.m-menu-holder {
margin-left: 5%;
}
.topmenu {
display: none;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
max-width: none;
}
.footer {
width: 96%;
}
.page-toolbar a {
margin: 0 16px 0 0;
}
.page-toolbar a.page-print,
.page-toolbar a.page-share {
display: none;
}
.span3.leftmenu {
display: none;
}
.row-fluid .span9.main-content.wide-area .span8 {
width: 99%;
margin-left: 1%;
}
.span5.article-image {
width: 40% !important;
}
.span5.article-image img,
.span5.article-image .article-image-holder,
.span5.article-image .article-image-alt {
width: 100% !important;
}
.span5.article-image {
margin-left: 20px !important;
}
.gmap-fc {
width: 250px;
height: 200px;
}
}
@media only screen and (min-width: 481px) and (max-width: 949px) {
.wrapper-ms {
padding: 15px 3% 25px 3%;
}
.ctg-cb {
position: static !important;
float: left !important;
width: 12px !important;
height: 12px !important;
border-radius: 0 !important;
left: 0px;
top:-1px;
}
label.lab-ctg-cb {
position: static;
display: inline;
float: left;
width: 85%;
}
.payment-rb {
float: left;
width: 12px !important;
height: 12px !important;
position: relative;
left: 0px;
top:0px;
}
.payment-method {
margin-left: 0;
}
}
/* phones to small tablets */
@media only screen and (min-width: 481px) and (max-width: 767px) {
.items-wrapper .span4 {
margin-bottom: 15px;
}
.gmap-fc {
width: 400px;
height: 350px;
}
.imp-wrapper {
padding: 0;
}
.imp-wrapper .box-imp {
margin: 0;
position: relative;
width: 100%;
height: auto;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWUyZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #dee2eb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dee2eb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#dee2eb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#dee2eb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#dee2eb 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#dee2eb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dee2eb',GradientType=0 ); /* IE6-8 */
}
.imp-wrapper .box-imp .box-imp-image {
float: left;
width: 20%;
margin: 3% 2%;
}
.imp-wrapper .box-imp .box-imp-text {
float: left;
padding: 3% 1%;
width: 54%;
word-wrap: break-word;
}
.imp-wrapper .box-imp a {
color: #263E79;
font-weight: bold;
}
.nav-collapse.mobile-menu ul.mob-third-level li a {
padding-left: 8%;
background-position: 5% 14px;
}
.ms-input.ctg {
width: 95%;
}
}
/* phones */
@media only screen and (min-width: 100px) and (max-width: 480px) {
.header .logo {
background-size: cover;
height: 54px;
margin-bottom: 3%;
margin-left: 1%;
margin-top: 7%;
width: 82px;
}
a.dc-reset {
display: block;
margin-top: 2px;
width: 80%;
}
/*
.m-menu-trigger span {
float: left !important;
width: 40px;
display: inline-block !important;
}*/
.btn.m-menu-trigger {
margin-left: 0;
margin-right: 5px;
margin-top: 7px;
padding: 2px 0;
}
/*.m-menu-trigger .esid-ico21.menu-ico {
float: left;
}*/
.gmap-fc {
width: 250px;
height: 200px;
}
.header .esid-head-txt {
margin: 20px 0 2.5% 1%;
font-size: 16px;
}
.item-textbox {
width: 94%;
left: 3%;
top: 4%;
}
.items-wrapper {
padding: 0;
}
.carousel-inner {
height: 248px;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
max-width: none;
}
.carousel.slide .carousel-indicators {
left: 40%;
}
.item-textbox .item-link {
margin-top: 5px;
}
.box-title {
display: block;
width: 94%;
padding: 4px 3%;
text-shadow: 1px 1px #fff;
color: #58585A;
background: #c9c9c9; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M5YzljOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMGIwYjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #c9c9c9 0%, #b0b0b0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9c9c9), color-stop(100%,#b0b0b0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c9c9c9 0%,#b0b0b0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c9c9c9 0%,#b0b0b0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #c9c9c9 0%,#b0b0b0 100%); /* IE10+ */
background: linear-gradient(to bottom, #c9c9c9 0%,#b0b0b0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#b0b0b0',GradientType=0 ); /* IE6-8 */
}
.items-wrapper .sp-box {
margin-top: 0;
position: relative;
float: left;
width: 100%;
padding-bottom: 8px;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWUyZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #dee2eb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dee2eb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#dee2eb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#dee2eb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#dee2eb 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#dee2eb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dee2eb',GradientType=0 ); /* IE6-8 */
}
.items-wrapper .sp-box.v2 {
border-top: 1px solid #DBE0E8;
}
.page-title h2 {
padding-left: 3% !important;
}
.items-wrapper .sp-box img {
margin-left: 2%;
margin-right: 2%;
margin-bottom: 0;
width: 46px;
}
.items-wrapper .sp-box h3,
.items-wrapper .sp-box span {
margin-left: 4%;
}
.items-wrapper .sp-box span {
display: none;
}
.items-wrapper .sp-box span.dateinfo {
display: block;
float: left;
margin-left: 3%;
width: 60%;
}
.light-gray-box {
margin: 0;
background: #fff;
}
.light-gray-box ul.calendarList {
padding: 0;
}
.light-gray-box ul.calendarList li {
padding: 2% 4%;
margin: 0;
position: relative;
border-top: 1px solid #DBE0E8;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWUyZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #dee2eb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dee2eb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#dee2eb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#dee2eb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#dee2eb 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#dee2eb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dee2eb',GradientType=0 ); /* IE6-8 */
}
.light-gray-box ul.calendarList li a.calSave {
display: none;
}
.imp-wrapper.bg-gray {
padding: 0;
margin: 0;
background: #fff;
}
.imp-wrapper.bg-gray .box-title {
display: block;
}
.imp-wrapper .box-imp {
margin: 0;
position: relative;
width: 100%;
height: auto;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWUyZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #dee2eb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dee2eb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#dee2eb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#dee2eb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#dee2eb 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#dee2eb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dee2eb',GradientType=0 ); /* IE6-8 */
}
.imp-wrapper .box-imp .box-imp-image {
float: left;
width: 49px;
margin: 3% 2%;
}
.imp-wrapper .box-imp .box-imp-text {
float: left;
padding: 3% 4%;
width: 54%;
word-wrap: break-word;
}
.imp-wrapper .box-imp a {
color: #263E79;
font-weight: bold;
}
.items-wrapper .calendarList h3 {
width: 75%;
}
.items-wrapper span.focus-link,
.imp-wrapper span.focus-link {
display: block;
height: 100%;
position: absolute;
right: 0;
top: 0;
}
.items-wrapper span.focus-link a,
.imp-wrapper span.focus-link a {
display: block;
width: 100%;
height: 100%;
}
.items-wrapper .sp-box h3 {
width: 60%;
float: left;
margin-left: 3%;
}
.dropdown-menu.mobile-menu-member-box {
top: 92%;
}
.page-title h2.ms{
padding-left: 0 !important;
margin-left: 5%;
}
.wrapper-ms {
padding: 15px 3% 25px 3%;
}
.box-esid-address-mobile {
display: block;
margin-left: 5%;
}
.ms-label {
width: 90%;
text-align: left;
}
.ms-input {
width: 100%;
margin-left: 0;
}
.ms-label.fsteps {
width: 35%;
}
.ms-input.fsteps {
width: 65%;
}
.ms-label.ctg {
display:none;
}
.ms-input.ctg {
width: 100%;
}
.member-category-box {
width: 96%;
height: auto;
margin-left: auto;
margin-right: auto;
}
.member-category-box input {
width: 100%;
}
input.small-1 {
width: 55px;
}
span.input-desc {
line-height: 14px;
}
.ctg-cb {
position: static !important;
float: left !important;
width: 12px !important;
height: 12px !important;
border-radius: 0 !important;
left: 0px;
top:-1px;
}
label.lab-ctg-cb {
position: static;
position: static;
display: inline;
float: left;
width: 85%;
}
.payment-rb {
float: left;
width: 12px !important;
height: 12px !important;
position: relative;
left: 0px;
top:0px;
}
.payment-method {
margin-left: 0;
}
.page-title.v2 {
margin-top: 0;
}
.page-title h2.thin {
padding-top: 10px;
}
.box-download {
width: 100%;
}
.box-download p {
width: 100%;
}
.after-payment-info p {
margin-left: 106px;
padding-top: 3px;
line-height: 14px;
}
.rel-obj .w77 {
width: 70%;
}
}
.mini-nav.social {
margin-top: 10px;
}
.social-ico {
position: relative;
right: 16px;
top: 30px;
}
.dropdown.pull-right.open .social-ico {
top: 99px;
}
@media (max-width: 768px) {
.social-ico {
display: none;
}
}
/** New menu **/
@media screen and (max-width: 813px) {
.topmenu a {
padding: 0 8px;
}
.topmenu .search-text {
max-width: 73px;
}
}
.object-center {
text-align: center;
}
/* Marko css */
.custom-list li {
list-style: none;
display: block;
margin: 15px 0;
}
.custom-list {
margin: 0;
}
.hinfo-text {
padding: 10px 0 5px 10px;
}
.btn.goto-step.pull-right {
top: 4px;
position: relative;
}