@charset "utf-8";
/* CSS Document */

/* Responsive CSS */
/* classes for MOBILE MENU */

* {margin: 0; padding: 0; box-sizing: border-box;}

#cbp-spmenu { display:none;}
.cbp-spmenu {background: #e1f0ff;position: fixed;}
.cbp-spmenu ul {margin:0;padding:0;list-style:none;}
.cbp-spmenu ul li{margin:0px 10px 0px 10px;padding:10px 0px 10px 10px;border-bottom: 1px dotted #333333; float:none;}
.cbp-spmenu a {color:#7a7a7a;font-size:14px;font-weight:bold;text-decoration:none;}
.cbp-spmenu a:hover {text-decoration:none;color:#2651aa;transition: color 0.3s ease-out 0s;}
.cbp-spmenu a:active {color:#2651aa;}
.cbp-spmenu-close{text-align:right;padding:8px}
.cbp-spmenu-ico{display:none;position:absolute;z-index:10;top:22px;left:0px;}

/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {width: 280px;height: 100%;top: 0;z-index: 1000;}
/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {left: -280px;}
.cbp-spmenu-left.cbp-spmenu-open {left: 0px;}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {-webkit-transition: all 0.3s ease;	-moz-transition: all 0.3s ease;	transition: all 0.3s ease;}
.sm_links a {font-size:12px;}
html {overflow-x: hidden; }
#wrap {padding:0 12px 12px 12px;}
.main-column-2 {width:25px}
.main-column-3 {width:340px}
.top-registrar {width:50%}
.w30 {width:30px}
.dns-changes {width:48%}
.registrar_tab2 {width:100%}
.tools-tab-1 {width:5%}
.tools-tab-2 {width:45%}
.width100 {width:100%;}
.width50 {width:50%;}
.pL10 {padding-left:10px}
.cbp-30 {width:0px;}
.mainTable { width:100%}
.body {overflow: hidden;}
.w25 {width:25%;}
.w50 {width:50%;}
.w75 {width:75%;}
.mLeft {margin-left:20px !important;}
.pLeft {padding-left:20px !important;}
.adboxwrap {width:300px; margin:0 auto; }
.adbox {width:100%; display:block}
.f-report {text-align:right}
.bordernone {border:none !important}
.spacing-border {border-collapse:separate;}
.lh20 {line-height:20px;}
.border {border:1px solid #CCC;}
.border-rt {border-right:1px solid #CCC; border-bottom:1px solid #CCC; vertical-align:middle;}
.border-b {border-bottom:1px solid #CCC;}
.border-r {border-right:1px solid #CCC; vertical-align:middle;}

@media (min-width:961px) and (max-width:1920px) {
.homeTable {width:100%}
}

@media (min-width: 1280px), handheld and (orientation: landscape) { 
.main-column-2 {width:25px}
.main-column-3 {width:340px}
.cbp-30 {display:none;}
.adbox {display: block; width: 100%;}
.adboxwrap {margin: 0 auto;width:300px;}
}

/*@media (min-width:961px) and (max-width:1366px) {
.cbp-30 {display:none;}
}*/

@media (min-width:768px) and (max-width:1279px) {
	
#cbp-spmenu {display:block;}	
.cbp-30 {width:30px;}
.mainTable {width:100%}
.homeTable {width: 100%}
.main-column-1 {display: block; width:100%}
.main-column-2 {display:none}
.main-column-3 {width:100%; display:block }	
.mnu_ico,.mob-mnu {display:block;}
.cbp-spmenu-close {display:block;}
.cbp-spmenu-ico {display:block;}
.navz { display:none}
#topad {display:none;}
.toplink{width:50%}
.domain-news {min-width:0px; max-width:100%}
.footerTab-col {display:block; width:100%}
nav #login-trigger-mob {cursor: pointer;}
nav #login-trigger-mob, nav #signup a {color: #ffffff; cursor: pointer; display: inline-block; height: 20px; line-height: 20px; text-decoration: none;}
nav #login-trigger-mob, nav #signup a:hover {color: #2651aa; text-decoration: none;}
nav #login-content-mob { display: none; z-index: 999;}
}

@media (min-width:768px) and (max-width:880px) {
#cbp-spmenu {display:block;}
.cbp-30 { width: 30px;}
body {margin: 0; padding:0; font-size:14px;}
.top-registrar {display: block; width:100%}
.w30 {display:none}
.dns-changes { display: block; width:100%}
/*.w225 {width:100%; display:block}
.rTcolmn { width:100%; display:block}*/	

}

@media only screen and (max-width:767px) {
body {margin: 0; padding:0; font-size:14px;}
#cbp-spmenu {display:block; overflow-y:auto}	
.cbp-30 {width:30px;}
.navz {display:none}
#topad {display:none;}
.mainTable {width:100%}
.homeTable {width: 100%}	
.top-registrar {display: block; width:100%;}
.w30 { display:none}
.dns-changes { display: block; width:100%}	
.main-column-1 {display: block; width:100%}
.main-column-2 {display:none}
.main-column-3 {width:100%; display:block;}
.tools-tab-1 {display: block; width:100%; height:0 !important;}
.tools-tab-2 {display: block; width:100%;}
.width50 {display: block; width:100%;}
.pL10 {padding-left:0px}
.domain-news {min-width:0px; max-width:767px;}	
.footerTab-col {display:block; width:100%;}
.mnu_ico,.mob-mnu{display:block;}
.cbp-spmenu-close{display:inline;float:right;}
.cbp-spmenu-ico{display:block;}
nav #login-trigger-mob {cursor: pointer;}
nav #login-trigger-mob, nav #signup a {color:#ffffff; cursor:pointer; display:inline-block; height:20px; line-height:20px; text-decoration:none;}
nav #login-trigger-mob, nav #signup a:hover {color:#2651aa; text-decoration:none;}
nav #login-content-mob {display:none; z-index:999;}
.w225 {width:100%; display:block}
.rTcolmn { width:100%; display:block}
.domain_tools_menu { width:100%; display:block}
.w25 {width:100%; display:block;}
.w50 {width:100%; display:block;}
.w75 {width:100%; display:block;}	
.leftmenu_link a {font-weight:bold;}
.ddmenu a.menuitem {font-weight:bold;}
.registrar_tab2 th {text-transform:capitalize !important;}
.f-report {text-align:left}
.loginTbl td {padding:4px}
.uname {width: 160px;}
.pswd {width: 160px;}
table.registrar_tab2 td a {font-size: 12px;}
.loginTbl {font-weight: bold;}
.uname {padding:2px; height:24px;}
.pswd {padding:2px; height:24px;}
}

@media (min-width:650px) and (max-width:1279px) {
body {font-size:16px;}
.adboxwrap { width:624px; margin:0 auto; }
.adbox { width:50%; display:table-cell;}
}

@media (min-width:600px) and (max-width:1366px) {
body {font-size:16px;}
table.registrar_tab2 td a {font-size:14px;}
table.domainTools_tab td {font-size: 14px;}
}

@media (min-width:1px) and (max-width:960px) {
#Calendar .tab_content {margin-left: 10px;}
#Calendar .tab_date_content {width: auto; padding: 5px 5px 0 5px;}
#Calendar .tab_link_content {width: auto; padding: 5px 5px 0 0;}
#Calendar .tab_text_content {width: auto; padding: 5px 5px 0 5px;}
}

@media (min-width:1px) and (max-width:840px) {
.w25 {width:100%; display:block;}
.w50 {width:100%; display:block;}
.w75 {width:100%; display:block;}	
.tagline {font-size:12px}
#Calendar .tab_content {margin-left: 10px;}
#Calendar .tab_date_content {width: auto; padding: 5px 5px 0 5px;}
#Calendar .tab_link_content {width: auto; padding: 5px 5px 0 0;}
#Calendar .tab_text_content {width: auto; padding: 5px 5px 0 5px;}
.pLeft { padding-left:0 !important;}
}

@media (min-width:1px) and (max-width:414px) {
.registrar_tab2  {border: none !important}
.domain_tools_menu {margin-top: 0px;}
/* !important is needed sometimes */
 ::-webkit-scrollbar {
    width: 12px !important;
 }
/* Track */
::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
   -webkit-border-radius: 10px !important;
   border-radius: 10px !important;
 }
/* Handle */
 ::-webkit-scrollbar-thumb {
   -webkit-border-radius: 10px !important;
   border-radius: 10px !important;
   background: #41617D !important; 
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important; 
 }
 ::-webkit-scrollbar-thumb:window-inactive {
   background: #41617D !important; 
 }
}

@media (min-width:1px) and (max-width:384px) {
a.logo-image img { width:200px; margin:10px 0 0 10px}
}

@media (min-width:480px) and (max-width:960px) {
.mobile-tab-1 {max-width:440px !important; overflow-x:auto;-ms-overflow-x:auto; overflow-y:hidden; border:1px solid #a7c6df; }
}

@media (max-width: 840px), handheld and (orientation: landscape) { 
.mobile-tab {max-width:800px !important; overflow-x:auto;-ms-overflow-x:auto; overflow-y:hidden; border:1px solid #a7c6df; }
.bluebox {background: none;}
}

@media (max-width: 736px), handheld and (orientation: landscape) { 
.mobile-tab {max-width:712px !important; overflow-x:auto;-ms-overflow-x:auto; overflow-y:hidden; border:1px solid #a7c6df;}
.bluebox {background: none;}
.domain_tools_menu {margin-top: 0;}
}

@media (max-width: 720px), handheld and (orientation: landscape) { 
.mobile-tab {max-width:680px !important; overflow-x:auto;-ms-overflow-x:auto; overflow-y:hidden; border:1px solid #a7c6df;}
.bluebox {background: none;}
}

@media (max-width: 667px), handheld and (orientation: landscape) { 
.mobile-tab {max-width:627px !important; overflow-x:auto;-ms-overflow-x:auto; overflow-y:hidden; border:1px solid #a7c6df; }
.bluebox {background: none;}
}

@media (max-width: 640px), handheld and (orientation: landscape) { 
.mobile-tab {max-width:600px !important; overflow-x:auto;-ms-overflow-x:auto; overflow-y:hidden; border:1px solid #a7c6df; }
.bluebox {background: none;}
}

@media (max-width: 600px), handheld and (orientation: landscape) { 
.mobile-tab {max-width:560px !important; overflow-x:auto;-ms-overflow-x:auto; overflow-y:hidden; border:1px solid #a7c6df; }
.bluebox {background: none;}
}

@media (max-width: 568px), handheld and (orientation: landscape) { 
.mobile-tab { max-width:528px !important; overflow-x:auto;-ms-overflow-x:auto; overflow-y:hidden; border:1px solid #a7c6df;}
.sponsorbox {display:none} .main-column-2 {display:none} .main-column-3 {display:none;}
.bluebox {background: none;}
}

@media (max-width: 540px), handheld and (orientation: landscape) { 
.mobile-tab { max-width:500px !important; overflow-x:auto;-ms-overflow-x:auto; overflow-y:hidden; border:1px solid #a7c6df;}
.sponsorbox {display:none} .main-column-2 {display:none} .main-column-3 {display:none;}
.bluebox { background: none;}
}

@media (max-width: 480px), handheld and (orientation: landscape) { 
.mobile-tab {max-width:440px !important; overflow-x:auto;-ms-overflow-x:auto; overflow-y:hidden; border:1px solid #a7c6df;}
.sponsorbox {display:none} .main-column-2 {display:none} .main-column-3 {display:none;}
.bluebox { background: none;}
}


@media (max-width: 480px), handheld and (orientation: portrait) { 
.mobile-tab {max-width:320px !important; overflow-x:auto;-ms-overflow-x:auto; overflow-y:hidden; border:1px solid #a7c6df;}
.sponsorbox {display:none} .main-column-2 {display:none} .main-column-3 {display:none;}
.bluebox { background: none;}
}


@media (max-width: 414px), handheld and (orientation: portrait) { 
.mobile-tab {max-width:374px !important; overflow-x:auto;-ms-overflow-x:auto; border:1px solid #a7c6df;}
.bluebox {background: none;}
}

@media (max-width: 400px), handheld and (orientation: portrait) { 
.mobile-tab {max-width:360px !important; overflow-x:auto;-ms-overflow-x:auto; border:1px solid #a7c6df;}
.bluebox {background: none;}
}


@media (max-width: 384px), handheld and (orientation: portrait) { 
.mobile-tab {max-width:344px !important; overflow-x:auto;-ms-overflow-x:auto; border:1px solid #a7c6df;}
.bluebox { background: none;}
}

@media (max-width: 375px), handheld and (orientation: portrait) { 
.mobile-tab {max-width:335px !important; overflow-x:auto;-ms-overflow-x:auto; border:1px solid #a7c6df;}
.bluebox { background: none;}
}

@media (max-width: 360px), handheld and (orientation: portrait) { 
.mobile-tab {max-width:320px !important; overflow-x:auto;-ms-overflow-x:auto; overflow-y:hidden; border:1px solid #a7c6df;}
.sponsorbox {display:none} .main-column-2 {display:none} .main-column-3 {display:block}
.bluebox { background: none;}
}

@media (max-width: 320px), handheld and (orientation: portrait) { 
.mobile-tab { max-width:280px !important; overflow-x:auto;-ms-overflow-x:auto; overflow-y:hidden; border:1px solid #a7c6df;}
.sponsorbox {display:none} .main-column-2 {display:none} .main-column-3 {display:block}
.bluebox { background: none;}
}

/* End Responsive CSS */


