/*reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{color:#666;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}
a:link,a:visited{color:#06C;text-decoration:none}
a:active,a:hover{color:#666}
b{font-weight:700}
p{margin:10px 0}
strong, b {font-weight:700}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #DCDCDC -moz-use-text-color -moz-use-text-color;
    border-right: 0 none;
    border-style: solid none none;
    border-width: 1px 0 0;
    clear: both;
    height: 1px;
    margin: 7px 0 !important;
}
.inline{display:inline}

.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.center{text-align:center}
.blue {color:#06E}
.redAsterisk {color:#D70101}
.pointer{cursor:pointer}

#bodyWrap{margin:0 auto;width:804px;position:static}
/*#head{height:62px}*/
#siteLogo{float:left;margin:10px 0 0 10px}
#lang{color:#999;float:right;font-size:10px;height:24px;margin-top:24px}
#mainWrap{}
.hiddenWithPointer {visibility:hidden;cursor:pointer;}
#lnk_instanceId {display:inline-block}

#nav{height:33px;margin-bottom:10px}
#nav ul{float:right;list-style:none;}
#nav li{float:left;}
#nav a,#nav a:link,#nav a:visited{color:#666;cursor:pointer;font-weight:700;text-decoration:none}
#nav a:hover,#nav a:active{color:#06E}
.panorama {height:151px}
#pano_login {float:left;}
#pano_questions {width:188px; padding-top:5px; line-height:130%; border-top:1px solid #ccc; border-right:1px solid #ccc; float:left;font-size:12px; font-weight:700;height:134px;}
#pano_questions_bottom{width:189px; background:url(../images/efax/questions_tileBottom.gif) repeat-x bottom}
#pano_questions select {width:158px; margin-left:11px}
#pano_questions p {margin:5px 11px}

.login_content {border: 1px solid #ccc; border-bottom:none; border-top:none; overflow: hidden}
.login_col1 {background-color:#F9F9F9; border-right:1px solid #d6d6d6; width:574px; padding:20px 18px;float:left}
.login_col2 {float:left;width:191px;font-size:12px; font-weight:700}
#loginContentWithShadow{margin-top:15px; margin-bottom:10px;}
#logoContainer {height: 40px; margin: 10px 0;}

.topLeftCorner{background: #F9F9F9 url(../images/shadowBox_TL.gif); width: 7px; height:6px}
.topLine1, .topLine2, .topLine3{height: 6px; border-top: 1px solid #CCC}
.topLine1{width: 604px; border-right: 1px solid #CCC; background: #F9F9F9}
.topLine2{width: 184px; background: #FFF}
.topLine3{width: 157px; background: #FFF}

.topRightCorner{background: #FFF url(../images/shadowBox_right_header.gif); height: 6px; width: 7px}

/* Jquery UI Tab Overrides */
#loginTabContainer{color:inherit;padding:0; border: none; position:static;float:left;width:366px}
#loginTabContainer ul.ui-corner-top{behavior: url(/myaccount/css/PIE.htc);border-radius: 4px 4px 0 0}
#loginTabContainer ul.ui-tabs-nav{margin:0;padding:0}
#loginTabContainer ul.ui-corner-all{behavior:url(/myaccount/css/PIE.htc);border-radius: 3px 3px 0 0}
#loginTabContainer .ui-widget-header{background:none;border:none;border-bottom:1px solid #D6D6D6;font-size:11px;text-align:center}
#loginTabContainer .ui-corner-top{border:none;}
#loginTabContainer li.ui-state-default{margin:0;top:0;background:#fff url(../images/efax/efax-login-tab-active.png) 50% 50% repeat-x}
#loginTabContainer li.ui-state-hover, #loginTabContainer li.ui-state-active{background:#fff url(../images/efax/efax-login-tab-default.png) 50% 50% repeat-x}
#loginTabContainer .ui-state-default a{color:#FFF;font-weight:700}
#loginTabContainer .ui-state-active a,#loginTabContainer .ui-state-hover a{color:#FFF;font-weight:700}
#loginTabContainer .ui-widget-content,#loginTabContainer .ui-widget-header{color:inherit}
#loginTabContainer .ui-widget-content a {color:#0066EE;}
#tabs-login{behavior:url(/myaccount/css/PIE.htc); border-radius: 3px 0 0 0;width:84px;}
#tabs-login a{width:67px;padding:8px;}
#tabs-forgotNumber{width:134px; border-radius: 0}
#tabs-forgotNumber a{width:118px;padding:8px;}
#tabs-forgotPin{behavior: url(/myaccount/css/PIE.htc); border-radius: 0 3px 0 0; border-right:0 !important; width:148px;}
#tabs-forgotPin a {width:125px;padding:8px;}
#loginTabContainer .ui-helper-reset {line-height:100%}
#loginTabContainer .ui-tabs-nav li {height:27px; padding:0}
#loginTabContainer .ui-tabs-panel {padding-top:10px;}

.login_xsell{background-color:#fff;border:1px solid #D6D6D6;float:right;font-size:11px;padding:10px 15px;width:140px; border-bottom: none; border-top: none}
.login_custagree{margin:15px}
.bold15{font-size:15px;font-weight:700}
.login_custagree ul{list-style:disc;margin-left:25px}
#login{text-align:center}
#login, #forgotNumber, #forgotPin{height: 168px; border-left: 1px solid #CCC; border-right: 1px solid #CCC}
#login.ui-corner-bottom, #forgotNumber.ui-corner-bottom, #forgotPin.ui-corner-bottom{border-radius: 0}
#loginTabContainer .button{display:block;margin-left:auto;margin-right:auto;margin-top:10px;width:auto}

#containerLine{width:172px; margin-left: 20px; display: block}
#tabContainerLine{width:368px}
#col2Container{width: 100%}
.shadowLine{background-image: url('../images/default/shadowBox_tileBottom.gif'); background-repeat: repeat-x; height:12px}
.seven{width:7px; height: 12px}

.loginSidebarHeader {height:24px; text-indent:2px; border-top-right-radius:8px;padding: 10px 5px 0; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top,  #ffffff 0%, #e8f3fe 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8f3fe)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #ffffff 0%,#e8f3fe 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #ffffff 0%,#e8f3fe 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #ffffff 0%,#e8f3fe 100%); /* IE10+ */ background: linear-gradient(top,  #ffffff 0%,#e8f3fe 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8f3fe',GradientType=0 ); /* IE6-9 */}
.loginSidebar{border:1px solid #d6d6d6;border-bottom: 0;margin-left:-1px;width:100%}
.textImageTable{padding:0 10px 10px}
.loginUsername input[type=text],.loginPassword input[type=password],.loginForgotNumber input[type=text],.loginForgotPin input[type=text]{margin-left:10px;width:148px}
.loginUsername,.loginPassword{margin-bottom:10px;margin-right:25px;text-align:right}
.loginForgotNumber,.loginForgotPin{margin:15px 25px 10px 0;text-align:right}

.unlockCol1 {background-color:#F9F9F9; border-right:1px solid #d6d6d6; width:590px; padding:20px 0 20px 20px; float:left}
.unlockHeader {height:24px; font-size:14px; font-weight:700; text-indent:2px; padding: 0 0 10px 0; }
.unlockError {padding-bottom: 15px;  color: red; font-size: 12px;}

.textImageContent img.left {margin-right:5px}

#footer {color:#BBBBBB; font-size:10px; margin-top:5px; padding-left:0}
#footer a, #footer a:link, #footer a:visited {color:inherit}
#footer a:hover, a:active {color:#0066CC}
#footer ul {list-style:none; padding-bottom:5px}
#footer li{float:left;margin-right:3px}
#footer li ul{background-color:#FFF;border:1px solid #AFCDF3;border-bottom:1px solid #AFCDF3;bottom:0;display:none;left:20px;margin:0;padding:2px 0 0;position:absolute}
#lnk_footer_language{background:url(../images/footerArrow.gif) no-repeat center right;position:relative}
#footer ul ul{border:1px solid #AFCDF3;margin:0;padding:5px;width:200px}
#footer ul li{display:inline;float:left;list-style:none outside none;margin-left:0;margin-right:3px;position:relative}
#footer ul ul li{height:18px;margin:0}
#footer li:hover ul,#footer li.over ul{display:block;width:200px}
#footer li li{display:block;float:none;list-style:none outside none}
#footer li li a{color:#000;display:block;padding-left:5px;text-decoration:none}
#footer li li a:hover{background:none repeat scroll 0 0 #E6EDF7;border-bottom:1px solid #AFCDF3;border-top:1px solid #AFCDF3;color:#000;display:block;text-decoration:none}
.footerLegal {clear: both; font-size: 10px}
#j2globalLogo{cursor:pointer;float:right;height:16px;margin:0 2px 0 0;padding:0;width:16px}
#j2globalLogo span{display:none}
#j2globalLogo a{background:url(../images/j2GlobalLogo.png) top left no-repeat;display:block;height:16px}
#j2globalLogo a:hover,#j2globalLogo_active a{background:url(../images/j2GlobalLogo.png) bottom left no-repeat}
#copyright{float: left; margin-top: 15px; clear:both;}

#modalBg {
    background-color:#CCC;
    display:none;
    left:0;
    opacity:0.5;
    -moz-opacity:0.5;
    filter:alpha(opacity=50);
    position:absolute;
    top:0;
    z-index:99;
    zoom:1
}

.toolTipWrapper {behavior: url(/myaccount/css/PIE.htc);z-index:9999; width: 225px;position: absolute;top: 20px;display: none;color: #000000;font-weight: bold;background-color:#FFFFFF;padding:10px;border-radius:9px 9px;-moz-border-radius: 9px 9px;-webkit-border-radius: 9px 9px;border: 2px solid #FF0000;}

/* clear floats */
/* IE8, FF, Webkit, Opera */
.clearfix:after{display:block;content:"";height:0;clear:both;visibility:hidden}
/* IE6 */
* html .clearfix{height:1%}
/* IE7 */
*:first-child+html .clearfix{min-height:1px}

.loginRecoverPwd {color: rgb(10, 117, 173); font-size: 12px; font-weight: 700;}
.loginForgetPwd{color: #666666;font-size: 12px;font-weight: 600;}
.forgotPin{height:auto !important;}
.phoneNumberLabel{margin-left: 45px; float: left;}
.recoverSuccess { padding-bottom: 15px; color: #187303; font-size: 13px; }


.server-error-container {
    padding: 0 20px;
    text-align: left;
}

#errorIdText {
    font-weight: bold;
}

#errorPara {
    margin: 20px 0;
}

@media only screen and (min-width: 768px){
    .server-error-container {
        padding: 20px 20px 0;
    }
}