@charset "utf-8";
/* CSS Document */

body {margin:0; font-family:Arial, Helvetica, sans-serif; background-color:#f0f4f7; color:#464646; font-size:1em;}
h1,h2,h3,p,ul,li,form,label,nav {margin:0; padding:0; border:0;}
ul,li {list-style:none;}
img {vertical-align:middle;}

.title_h2 {font-size:1.75em; color:#54287e; margin:15px 0;}
.title_h2 span, h3 span {display:block; font-size:0.56em; color:#464646; font-weight:normal; text-transform:none;}
p {color:#464646; margin-top:10px;}
p:first-child {margin:0;}
input,textarea {border:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.cf:before, .cf:after {content: " "; display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}

.rounded {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.color_blue {color:#0072bc;}
.color_purple {color:#512774;}
.padd {margin:0 3%;}
.title_padd {margin:15px 3%;}
.right_txt {text-align:right;}

.inset_shadow {
-moz-box-shadow:    inset 1px 2px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 1px 2px 2px rgba(0,0,0,0.3);
box-shadow:         inset 1px 2px 2px rgba(0,0,0,0.3);	
}

.button {display:inline-block; background-color:#333333; font-size:16px; color:#fff; text-decoration:none; line-height:22px; vertical-align:middle; padding:4px 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-weight:normal; cursor:pointer; border:0;}

.outer {max-width:960px; margin:0 auto;}

#header_main {width:100%; position:relative; margin:16px 0 8px 0;}
.logo {font-size:2.1em; font-family:"Times New Roman", Times, serif; font-weight:normal;}
.logo a {color:#242e38; text-decoration:none; display:block; background:url(../img/logo.png) left center no-repeat; line-height:35px; padding-left:50px;}
.search {position:absolute; top:5px; right:0; height:30px; width:32%; padding:0; background-color:#fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
-moz-box-shadow:    inset 1px 2px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 1px 2px 2px rgba(0,0,0,0.3);
box-shadow:         inset 1px 2px 2px rgba(0,0,0,0.3);
}
.search span {position:absolute; right:35px; left:8px;}
.search input {background:none; line-height:30px; width:100%;}
.search a {display:block; background:url(../img/search.png); width:20px; height:20px; float:right; margin:6px 10px 0 0;}

#main_nav {background-color:#242e38; height:30px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding-left:8px; position:relative; margin-top:8px;}
#main_nav li {float:left; font-size:0.95em; line-height:30px; font-weight:bold; background:url(../img/nav_divider.png) right center no-repeat; padding:0 22px;}
#main_nav li:last-child {background:none;}
#main_nav a {color:#fff; text-decoration:none;}
#main_nav .active {color:#fdd955;}

.flags {position:absolute; top:9px; right:30px; height:11px; line-height:11px;}
.flags a {display:inline-block; margin:0 0 0 3px;}

.banner {background:url(../img/banner_bg.jpg) no-repeat; background-size:cover; min-height:240px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-family:"Times New Roman", Times, serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:15px 0;}
.banner p {margin:15px 4% 0 4%; text-shadow:1px 1px rgba(0,0,0,0.6); font-size:2em; color:#fff;}
.banner p:first-child {margin-top:0;}
.banner .phone_num {font-size:3em; text-align:center; color:#fdd600; font-weight:bold;}

.solutions {position:relative;}
.solutions h3 {font-size:2.1em; color:#512774;}
.solutions p {margin:10px 0 0 0; line-height:1.3em;}
.solutions .solution1-bg {position:absolute; width:31%; background-color:#fff; left:0; top:0; bottom:0; z-index:1;}
.solutions .solution2-bg {position:absolute; width:31%; background-color:#fff; left:34.5%; top:0; bottom:0; z-index:1;}
.solutions .solution3-bg {position:absolute; width:31%; background-color:#fff; right:0; top:0; bottom:0; z-index:1;}

.solutions .solution {position:relative; vertical-align:top; z-index:2; display:inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:31%; padding:20px 3% 30px 3%;}
.solutions .solution-mid {margin:0 3.5%;}
.solutions .solution input {background:#f3f3f3; line-height:30px; width:70%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:0 0 0 3%;
-moz-box-shadow:    inset 1px 2px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 1px 2px 2px rgba(0,0,0,0.3);
box-shadow:         inset 1px 2px 2px rgba(0,0,0,0.3);}
.solutions .solution label {display:block; margin:10px 0 2px 0;}
.solutions .solution .button {margin-top:10px;}

.important {background-color:#fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:10px 3% 20px 3%;}
.important h3 {font-size:1.7em; font-weight:bolder; text-transform:uppercase; color:#fdca00; margin-bottom:15px;}
.important ul {margin:0 0 15px 20px;}
.important ul li {background:url(../img/bullet_point.png) left 7px no-repeat; padding:0 0 0 13px;}

#main_footer {margin-top:25px; padding-bottom:20px; text-align:center;}
#main_footer .phone_logo {display:inline-block; border-right:1px solid #c7c7c7; padding:10px 30px;}
.footer_content {background-color:#fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:15px 0;}
#main_footer .support {font-size:1.2em; display:inline-block; vertical-align:middle; padding:0 30px;}
#main_footer .support a {font-size:16px; color:#0072bc;}
#main_footer .footer_list {text-align:left; display:inline-block; padding:0 30px; vertical-align:top;}
#main_footer .footer_list ul {margin:8px 0 0 15px;}
#main_footer .footer_list ul li {font-size:0.8em; background:url(../img/bullet_point.png) left 6px no-repeat; padding:0 0 0 12px; margin-bottom:4px;}
#main_footer .footer_list ul li a {color:#0072bc;}
#main_footer .footer_cards {text-align:left; display:inline-block; padding:0 30px; min-height:72px; vertical-align:top; border-left:1px solid #c7c7c7;}
#main_footer .footer_cards img {margin-top:10px;}

.footer_bottom {font-size:12px; padding:15px 3%; text-align:left;}
.footer_bottom p {font-size:12px; color:#b7b7b7;}

.footer_bottom a {float:right; color:#b7b7b7;}


/* SUPPORT */
.login_title {background-color:#512774; color:#fff; text-transform:uppercase; margin:0; padding:10px 20px; font-size:1.1em; font-weight:normal;}
.login_content {background-color:#fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; overflow:hidden;}
.login_content .login {padding-top:15px;}
.login_content form {background:url(../img/lock.png) 5% center no-repeat; padding:20px 0 20px 20%; min-height:85px;}
.login_content form h3 {font-size:1.2em; text-transform:uppercase;}
.login_content form label {display:inline-block; vertical-align:middle; margin-right:6px;}
.login_content form input {height:28px; background-color:#f3f3f3; vertical-align:middle; margin-right:10px; width:25%; padding:0 0 0 6px;
-moz-box-shadow:    inset 1px 2px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 1px 2px 2px rgba(0,0,0,0.3);
box-shadow:         inset 1px 2px 2px rgba(0,0,0,0.3);}
.login_content .form_links {display:inline-block; vertical-align:top;}
.login_content .forgot_link {color:#0072bc; font-size:0.9em; display:inline-block; margin-top:5px;}

.contact_info {margin-top:14px; min-height:150px;}
.contact_info .contact_email {background:#fff url(../img/letter.png) 5% center no-repeat; min-height:150px; float:left; width:48%;}
.contact_info .contact_phone {background:#fff url(../img/phone.png) 6% center no-repeat; min-height:150px; width:48%; float:right;}
.contact_info .contact_txt {padding:30px 5% 10px 24%; font-size:1.4em; text-align:center;}
.contact_info .contact_txt h3 {border-bottom:1px solid #bfbebe; padding-bottom:5px; margin-bottom:15px;}
.contact_info .contact_email a {color:#0072bc; font-size:1.2em;}
.contact_info .contact_phone span {color:#512774; font-size:1.4em; font-weight:bold;}

/* FAQ */
.faq_content {background-color:#fff; overflow:hidden; margin-top:14px;}
.faq_content .faq {background:url(../img/question_mark.png) 6% center no-repeat; padding:20px 0 20px 20%;}
.faq_content .faq ul {margin:15px 0 0 10px;}
.faq_content .faq ul li {background:url(../img/bullet_point.png) left 7px no-repeat; padding:0 0 0 14px; margin-bottom:5px;}
.faq_content .faq ul li a {color:#0072bc;}

.page_error {margin:10px 20px 0 20px;}
.page_not_found {margin:20px 30px; padding-bottom:20px; border:1px solid #e9e8e7;}
.page_not_found .title {background-color:#292929; color:#fff; padding:7px 15px; font-size:1.1em;}
.page_not_found p {padding:0 20px; margin-top:15px;}

.disconnect {float:right; color:#242e38; text-decoration:none; display:inline-block; background:url(../img/disconnect.png) left center no-repeat; line-height:20px; padding-left:20px; margin-right:30px;}
.disconnect:hover {text-decoration:underline;}

.members_popup {margin:10px 30px 0 30px; padding:20px; background-color:#242e38; color:#fff; position:relative;}
.members_popup .close {background:url(../img/close_white.png) no-repeat; width:11px; height:11px; display:block; position:absolute; right:7px; top:7px;}
.members_popup .title {font-weight:700; font-size:1.2em;}
.members_popup p {color:#fff; margin-top:10px;}

.subscription_count {background:url(../img/bullet_point.png) left 7px no-repeat; padding:0 0 0 15px; margin:0 5%; font-size:1.1em;}
.subscriptions_table {padding:5px 15px; background-color:#fff; overflow:auto; margin-bottom:15px;}
.subscriptions_table table td {padding:10px 0;}
.subscriptions_table .title td {border-bottom:1px solid #cccccc;}
.subscriptions_table table {width:100%;}
.subscriptions_table table td {vertical-align:top;}
.subscriptions_table table li {background:url(../img/bullet_point.png) left 8px no-repeat; padding:0 0 0 15px; margin-bottom:5px;}

.my_tickets {background-color:#fff; padding:10px;}
.my_tickets li {display:table-row;}
.my_tickets li span {display:table-cell; padding-bottom:15px;}
.my_tickets li strong {width:25%; display:table-cell; padding-bottom:15px; padding-right:15px;}

.question_form {background-color:#fff; padding:25px 80px 20px 40px; margin-top:15px;}
.question_form label {display:inline-block; width:39%; text-align:right; margin-right:2%; vertical-align:top; padding-top:7px;}
.question_form input {width:58%; background-color:#f3f3f3; padding:8px 10px;}
.question_form textarea {width:58%; height:100px; background-color:#f3f3f3; padding:10px; resize:none;}

.block-in {
    border-bottom: 1px solid #cfd8dc;
	margin-bottom: 10px;
	padding: 0.4em 25px 0.8em 25px;
}

.block-in a {
    font-weight: bold;
    text-decoration: none;
}

/* dialog ui */
.ui-dialog-title      { font-size:90%; }
.ui-dialog-content    { font-size:60%; }
.ui-dialog-content em { font-style:normal; }
.ui-dialog-content em.denomination { display:block; font-weight:bold; color:#369; text-align:center; text-transform:uppercase; }
.ui-button-text { font-size:70%; text-shadow:none; }

.ui-dialog button {
    width: auto;
    height: auto;
}
.ui-dialog p {
	font-size: 13px;
	line-height: normal;
	margin-bottom: 0;
}

.ui-dialog .ui-dialog-titlebar-close {
	padding: 0;
}

/* FAQs */
.faq-list { margin:0; padding:0; list-style:none; }
.faq-list li { margin-bottom:1em; }
.faq-list ul { list-style-type:disc; }

.faq-list .plus {
    color: #0091EA;
    font-size: 20px;
    font-weight: 700;
    margin-right: 10px;
}

.faq-list .response {
	font-size: 0.9em;	
}

.captcha {padding:10px 0 0 0;}

@media all and (max-width: 980px) {
  body {padding:0 1%;}
}

@media all and (max-width: 880px) {
  	.contact_info .contact_email a {font-size:0.8em;}
	.contact_info .contact_phone span {font-size:1em;}
	.login_content form label {display:block; margin-bottom:3px;}
	.login_content form input {margin-right:0; width:50%; padding:0 0 0 6px; margin-bottom:10px;}
	.login_content .form_links {display:block;}
	.login_content form {background:url(../img/lock.png) 5% 20px no-repeat; padding:20px 0 20px 22%;}

@media all and (max-width: 699px) {
  	body {font-size:0.9em; padding:0 1%;}
	#main_footer .footer_cards {border-left:none;}
}
@media all and (max-width: 560px) {
 	 body {font-size:0.8em; padding:0 1%;}
	.banner {min-height:0; padding:10px 0;}
	.banner p {margin:8px 2% 0 2%; font-size:1.4em;}
	.banner .phone_num {font-size:2em;}
  	.solutions .solution1-bg {display:none;}
	.solutions .solution2-bg {display:none;}
	.solutions .solution3-bg {display:none;}
	.solutions .solution {display:block; width:100%; padding:10px 2% 20px 2%; margin-bottom:10px; background-color:#fff;}
	.solutions .solution-mid {margin:0 0 10px;}
	#main_footer .phone_logo {display:block; border-right:none; padding:10px 0;}
	.contact_info .contact_email {min-height:0; float:none; width:100%; margin-bottom:14px;}
	.contact_info .contact_phone {min-height:0; float:none; width:100%;}
	.login_content form {background:url(../img/lock.png) 10px 20px no-repeat; padding:20px 0 20px 120px;}
	.login_content form input {width:80%;}
	.faq_content .faq {background:none; padding:10px 2%;}
}
@media all and (max-width: 400px) {
	#header_main {margin:5px 0 8px 0;}
	.logo {font-size:2em; margin-bottom:5px;}
	.flags {right:5px;}
	#main_nav li {font-size:0.85em; line-height:30px; padding:0 5px;}
	.search {position:relative; top:auto; right:auto; height:30px; width:100%;}
	.login_content form {background:none; padding:10px;}
	.login_content form input {width:100%;}
}