html{margin:0 auto;position:relative;}
html, body{height:100%;}
html{margin:0 auto;position:relative;}
h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, h11, h12, h13, h14, h15, h16, h17, h18, h19{font-family:calibri, "trebuchet ms", verdana, sans-serif;margin:0px;} /* font-size:24px;font-weight:bold;line-height:24px; */
body{font-family:calibri, "trebuchet ms", verdana, sans-serif;font-size:16px;}
td{font-family:calibri, "trebuchet ms", verdana, sans-serif;font-size:16px;}
a:link{text-decoration:none;color:#0060d6;}
a:visited{text-decoration:none;color:#0060d6;}
a:hover{text-decoration:underline;color:#7b00da;}
.published_by, .published_by a { color:#868686; font-size:12px; }
.calculator td { padding-right:10px; padding-bottom:10px; }
.cols{-webkit-column-count:3;-moz-column-count:3;column-count:3;}
.page-wrap{min-height:100%;margin-bottom:-58px;}
.page-wrap:after{content:"";display:block;height:58px;}
.site-footer{clear:left;height:58px;vertical-align:middle;text-align:middle;}

.white_link a:link, .white_link a:visited, .white_link a:hover{text-decoration:none;color:#FFFFFF;}
.gray_link a:link, .gray_link a:visited{text-decoration:none;color:#959595;}
.gray_link a:hover{text-decoration:underline;color:#959595;}
.black_link a:link, .black_link a:visited, .black_link a:hover{text-decoration:none;color:#000000;}

.cols2{-webkit-column-count:2;-moz-column-count:2;column-count:2;}
.cols4{-webkit-column-count:4;-moz-column-count:4;column-count:4;}

.header_container{padding:5px 0px 0px 0px;}
.navbar{overflow:hidden;background-color:#3b3b3b;}
.navbar .dropdown-content a, .navbar .dropdown-content-sm a, .navbar .dropdown-content-sm-2 a, .navbar .dropdown-content-sm-3 a {float:left;}
.navbar-right a{float:right;color:white;text-align:center;padding:14px 16px;text-decoration:none;}
.navbar a:hover, .dropdown:hover .dropbtn{background-color:#4CAF50;}
.navbar-right a:hover, .dropdown:hover .dropbtn, .dropdown-sm:hover .dropbtn-sm{background-color:#4CAF50;}
.dropdown-content .header, .dropdown-content-sm .header, .dropdown-content-sm-2 .header, .dropdown-content-sm-3 .header{text-align:left;background:#4CAF50;height:2px;color:white;}
.dropdown-sm{float:left;z-index:500;overflow:hidden;}
.dropbtn-sm{border:none;outline:none;color:white;padding:14px 16px;background-color:#3b3b3b;font:inherit;margin:0;}
.dropbtn-sm a{color:white;text-decoration:none;}
.dropdown-content-sm{ font-size:14px; color:black;display:none;position:absolute;padding:8px 16px;border-top:2px solid #4CAF50;background-color:#ccc;max-width:300px;min-width:250px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:501;white-space:nowrap;padding-bottom:20px;}
.dropdown-content-sm a{clear:left;padding:10px 0 0 10px;color:black;text-decoration:none;}
.dropdown-content-sm a:hover{text-decoration:underline;background-color:#ccc;}
.dropdown-sm:hover .dropdown-content-sm, .dropdown-sm:hover .dropdown-content-sm-2, .dropdown-sm:hover .dropdown-content-sm-3{display:block;}
.dropdown-content-sm:hover .dropdown-subcontent, .dropdown-content-sm:hover-2 .dropdown-subcontent, .dropdown-content-sm:hover-3 .dropdown-subcontent{display:block;}
.hnav2{background-color:#3b3b3b;position:-webkit-sticky;position:sticky;top:0;z-index:500;}


.dropdown-content-sm-2{ -webkit-column-count:2;-moz-column-count:2;column-count:2;font-size:14px; color:black;display:none;position:absolute;padding:8px 16px;border-top:2px solid #4CAF50;background-color:#ccc;max-width:500px;min-width:450px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:501;white-space:nowrap;padding-bottom:20px;}
.dropdown-content-sm-2 a{clear:left;padding:10px 0 0 10px;color:black;text-decoration:none;}
.dropdown-content-sm-2 a:hover{text-decoration:underline;background-color:#ccc;}

.dropdown-content-sm-3{ -webkit-column-count:3;-moz-column-count:3;column-count:3;font-size:14px; color:black;display:none;position:absolute;padding:8px 16px;border-top:2px solid #4CAF50;background-color:#ccc;max-width:800px;min-width:250px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:501;white-space:nowrap;padding-bottom:20px;}
.dropdown-content-sm-3 a{clear:left;padding:10px 0 0 10px;color:black;text-decoration:none;}
.dropdown-content-sm-3 a:hover{text-decoration:underline;background-color:#ccc;}


a:link img{border:0px solid #ffffff;}
a:visited img{border:0px solid #ffffff;}
a:hover img{border:0px solid #ffffff;}
.title_row td { background-color:#4CAF50; color:#FFFFFF; padding:10px; border-bottom:1px solid black; }
.title_row a { color:#FFFFFF; }

.content_row td { background-color:#e8e8e8; padding:5px; border-bottom:1px solid #c4c4c4;}
.dotted { border:0; height:2px; border-top:2px dotted #cdcdcd; }
.the_form input, .the_form select, .the_form textarea, .the_form file{font-family:"trebuchet ms", verdana, sans-serif;font-size:13px;background-color:#ffffff;padding:5px;border:1px solid #999;border-radius:0;}
.navcats a:link{text-decoration:none;color:#000000;}
.navcats a:visited{text-decoration:none;color:#000000;}
.navcats a:hover{text-decoration:underline;color:#9000ff;}
.breadcrumbs{font-style:italic;font-size:12px;}
.addform td{padding-bottom:5px; }
.table_border td{border:1px solid #dadcdb;}
.input_container{float:left;}
.input_container input{color:#989898;background-color:#ffffff;font-family:'trebuchet ms', verdana, sans-serif;font-size:13px;line-height:normal !important;padding:5px;border:1px solid #999;}
.input_container ul{border:1px solid #eaeaea;position:absolute;z-index:9;background:#f3f3f3;list-style:none;}
.input_container ul li{margin:0px;padding:2px;}
.input_container ul li:hover{background:#eaeaea;}
#country_list_id{display:none;}
.follow-us2{padding-bottom:10px;}

.quote td { padding:0 10px 10px 0; }

.input_container{float:left;}
.input_container input{color:#989898;background-color:#ffffff;font-family:'trebuchet ms', verdana, sans-serif;font-size:13px;line-height:normal !important;padding:5px;border:1px solid #999;}
.input_container ul{border:1px solid #eaeaea;position:absolute;z-index:9;background:#f3f3f3;list-style:none;}
.input_container ul li{margin:0px;padding:2px;}
.input_container ul li:hover{background:#eaeaea;}
#country_list_id{display:none;}
.dotted { border-top:2px dotted #cdcdcd; }
.nform input, .nform select, .nform textarea, .nform file{height:25px;padding:3px;font-family:Verdana;font-size:14px;background-color:f7f7f7;padding:2px;border:1px solid #c3c3c3;border-radius:0;}
.nform td{padding-bottom:6px;padding-right:5px;}
.billing td{ border:1px solid #a9a9a9; }
.subscriptions td{ border:1px solid #a9a9a9; font-size:14px; }
.my_articles td{ border:1px solid #a9a9a9; font-size:12px; }
.interfuse, .interfuse a { padding-top:4px; text-decoration:none;color:#a9a9a9; font-size:12px; }
nav { margin: 0 0 10px 0; }
.viewmore a:link, .viewmore a:visited, .viewmore a:hover{text-decoration:none;color:#FFFFFF;}
.vm-button {
	font-weight:bold;
	color:white;
	text-align:center;
	border-radius: 10px;
    background: #1a79af;
    padding: 10px; 
    width: 100px;
	font-family:'Century Gothic';font-size:15px;
}

.vm-button:hover {
    background: #1f88c3;
}

.container{
    width: 100%;
}
.first{
    float:left;
	width:160px;
}
.last{
    float:right;
	width:200px;
}
.adjust{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.categories { list-style:none; padding:0; -webkit-columns: 4; -moz-columns: 4;   columns: 4; }
.navigation_top { display:none; }	
.navigation_left { display:block; width:160px; }	
.show_mob { display:none; }
.show_mobad { display:none; }
.max { max-width:1150px; }
.show_tab{display:none;}

@media all and (max-width:1350px){
.side {display:none; }
}

@media all and (max-width:1150px){
.max { max-width:1150px; }
}
@media all and (max-width:900px){
.show_tab{display:block;}
.hide_tab{display:none;}

}
@media all and (max-width:800px){
.categories { -webkit-columns: 3; -moz-columns: 3;   columns: 3; }
.navigation_top { display:block; }	
.navigation_left { display:none; }	
.show_leaderboard { display:none; }
.show_mobad { display:block; }
}

@media all and (max-width:600px){
.categories { -webkit-columns: 2; -moz-columns: 2;   columns: 2; }
}

@media all and (max-width:570px){
.cols{-webkit-column-count:1;-moz-column-count:1;column-count:1;}
.cols2{-webkit-column-count:1;-moz-column-count:1;column-count:1;}
.hide_mob{display:none;}
.show_mob { display:block; }
}

.black, .black a:link, .black a:visited {text-decoration:none;color:black;}
.black a:hover { text-decoration:underline; color:#6922d4; }


/* define a fixed width for the entire menu */
.navigation { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px;
width: 160px;
}
/* reset our lists to remove bullet points and padding */

.mainmenu, .submenu {
list-style: none;
padding: 0;
margin: 0;
}
/* make ALL links (main and submenu) have padding and background color */
.mainmenu a {
display: block;
background-color: #4CAF50;
text-decoration: none;
padding: 8px;
color: #FFFFFF;
border-bottom:1px solid black;
}
/* add hover behaviour */
.mainmenu a:hover {
background-color: #4CAF50;
}
/* when hovering over a .mainmenu item,
display the submenu inside it.
we're changing the submenu's max-height from 0 to 200px;
*/
.mainmenu li:hover .submenu {
display: block;
max-height: 800px;
}
/*
we now overwrite the background-color for .submenu links only.
CSS reads down the page, so code at the bottom will overwrite the code at the top.
*/
.submenu a {
color: #4b4b4b;
background-color: #e8e8e8;
border-bottom:1px solid #c4c4c4;
}
/* hover behaviour for links inside .submenu */
.submenu a:hover {
color: white;
background-color: #575757;
}
/* this is the initial state of all submenus.
we set it to max-height: 0, and hide the overflowed content.
*/
.submenu {
overflow: hidden;
max-height: 0;
-webkit-transition: all 0.5s ease-out;
font-size:12px;
}
.dropbtn {
  color: white;
  padding: 2px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  color: white;
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  right: 0;
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1000;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:link, .dropdown-content a:visited, .dropdown-content a:hover { font-size:14px;color:#434343; }

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #e0e0e0}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}




/* Style the navigation menu */
.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  background-image:url('/images/background.jpg');
  color: white;
}