body { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; background:#999; }
img { border:none; }
a { outline:none; color: #00F; }

#wrapper {
	margin: 0 auto;
	width: 1040px;
	background:#FFF;
}
#container {
	float:left;
	width:1000px;
	padding:20px;
	background: #fff;
	border-radius: 20px 0 20px 0;
	box-shadow: 2px 2px 5px #000;
	margin: 0 0 10px 0;
}

#header {
	background: url(../images/head-bg.png);
	padding: 20px;
	font-size: 12px;
	height:100px;
}
#header h1 { margin: 0; }
#header form input {
	border-radius: 10px 0 10px 0;
	font-size:12px;
	padding:5px;
	border: none;
}
#header form input.submit { 
	cursor: pointer; 
	background:url(../images/category-list-box-bg.png);
	background-size:contain;
}

#header .banner {
	float:right;
	display:block;
	margin-top:-30px;
}

#navi-link {
	float: left;
	width: 990px;
	padding:5px;
	font-size: 11px;
}

#navi-link a {
	font-weight:bold;
	color:#000;
	text-decoration:none;
}

#navi-link a:hover { color:#090;}

#navigation {
	font-size: 12px;
	width:935px;
	margin: 0 auto;
}


#navigation ul {
	margin: 0;
	padding: 0;
}

#navigation ul li {
	list-style-type: none;
	display: inline;
}

#navigation li a {
	display: block;
	float: left;
	padding: 5px;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
	background:#FF5100;
	font-weight:bold;
	width: 92px;
	text-align:center;
}
#navigation li a:hover { background: #FFBE97; }
#navigation li a.first { border-bottom-left-radius:15px; }
#navigation li a.last { border-bottom-right-radius:15px; }

.wide-navigation { width:87% !important; }

#content-container {
	float: left;
	width: 1000px;
	background: #fff 100% 0;
}

#content {
	float: left;
	width: 540px;
	min-height:600px;
	padding: 20px 0;
	margin: 0 0 0 30px;
	font-size: 12px;
}

#content h2, h3 { margin: 0; }
#content h2.article-title { margin-bottom: 10px; }

#r-side {
	float: right;
	width: 200px;
	margin: 20px 0 0 0;
	display: inline;
	font-size: 12px;
}

#l-side {
	float: left;
	margin: 20px 0 0 0;
	display: inline;
	font-size: 12px;
}

#footer {
	clear: left;
	float: left;
	background: url(../images/foot-bg.png);
	padding: 20px;
	height:100px;
	font-size: 12px;
}

#ad-space {
	clear:left;
	text-align:center;
	margin-bottom:10px;
}

.option-category {
	font-weight: bold;
	color: #000;
}

.category-list-box {
	width: 200px;
	padding:7px;
	margin:10px;
	background:url(../images/category-list-box-bg.png);
	background-size:contain;
	border:2px solid #ff1400;
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
	float:left;
}
.category-list-box p {
	margin-bottom: 0;
	color:#666;
}
.category-list-box a { color:#00f; }

.link-box {
	float:left;
	width:518px;
	border: #999 1px dotted;
	margin-bottom:10px;
	padding:10px;
	box-shadow: 2px 2px 2px #CCC;
}

.link-box img {
	float:left;
	margin: 2px 10px 2px 0px;
	border: 1px solid #666;
	width:120px;
	height:90px;
}
.link-box a { color:#00F;}
.link-box p { clear: both; }
.link-box div.article-full { }
.link-box div.article-abbr { color: #000 !important; }
.link-box h4.article-title { text-transform:uppercase; color: #000 !important; margin-top: 0; }

.link-box-paid {
	float:left;
	width:518px;
	border: #999 1px dotted;
	margin-bottom:10px;
	padding:10px;
	background:url(../images/category-list-box-bg.png);
	background-size:contain;
	box-shadow: 3px 3px 2px #CCC;
}
.link-box-paid a { color:#00F; }

.link-box-paid img {
	float:left;
	margin: 2px 10px 2px 0px;
	border: 1px solid #666;
	width:120px;
	height:90px;
}


#captcha {
	width:318px;
	clear:both;
	height:128px;
	position:relative;
	left:65px;
}

.submitbutton {
	left:115px;
	position:relative;
	cursor: pointer; 
}

.myform {
	margin:0 auto;
	width:450px;
	padding:15px;
	height:auto;
	padding-bottom:0px;
	float:left;
	box-shadow:2px 2px 2px #ccc;
}

/* ----------- stylized ----------- */
#stylized {
	border:solid 2px #ff1400;
	background:#FFBE97;
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
}

#stylized label {
	display:block;
	font-weight:bold;
	text-align:right;
	width:200px;
	float:left;
}

#stylized .small{
	color:#666666;
	display:block;
	font-size:10px;
	font-weight:normal;
	text-align:right;
	width:200px;
}
#stylized input{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #999;
	width:200px;
	margin:2px 0 20px 10px;
}

#stylized textarea{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #999;
	width:200px;
	margin:2px 0 20px 10px;
}

#stylized select{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #999;
	width:200px;
	margin:2px 0 20px 10px;
}

#stylized .deep {
	margin-top:0 !important;
	margin-bottom:2px !important;
	display:none;
}

#stylized .last-deep {
	margin-bottom:20px !important;
}

#stylized #recip { display:none }
#stylized #recipl { display:none }
#stylized .deep-title { clear:left }

.asterisk
{
	color:#F00;
	font-weight:bold;
	margin-right:5px;
}

.rejectbutton
{
	border:none;
	background: #fff; 
	color:#00F; 
	text-decoration:underline; 
	font-size:12px; 
	cursor:pointer;
}

.left-floater { float:left; }

.right-floater { float:right; }

.users-box {
	background:#C9D8F1;
	padding:3px;
	margin:1px;
	float: left;
}

#footer-links {
	font-size:10px;
	color:#FFF;
	display:block;
	width:952px;
	clear:both;
	text-align:center;
	background:#333;
	padding:4px;
	margin-top:60px;
	border-radius:5px;
}
#footer-links a {
	color:#FFF;
	text-decoration:none;
}
#footer-links a:hover { text-decoration:underline; }

.privacy-policy p,ul { font-size:11px; }
.privacy-policy h5 { font-size:11px; }

#seo-ad-left {
	border: 3px solid #0266C8;
	text-align:center;
	padding:10px;
	color:#F90101;
	border-radius:10px;
	margin: 20px 0 20px 0;
	width:170px;
}
#seo-ad-left h2 {margin:0;}
#seo-ad-left p {
	margin-top:10px;
	margin-bottom:0;
}
#seo-ad-left a {
	text-decoration:none;
	color:#F90101;
}
#seo-ad-left a:hover { color:#00933B; }

#design-by {
	margin-top:5px;
	width:100%;
	text-align:right;
	color:#666;
	font-size:9px;
}

#design-by a {
	color:#666;
	text-decoration:none;
}

.copyright a {
	color:#000;
	text-decoration:none;
}

.side-box {
	width:170px;
	background:url(../images/side-box-content-bg.png);
	display:block;
	padding:15px;
	background-size:contain;
}
.side-box ul {
	margin: 0;
	padding: 0;
	font-size:12px;
}
.side-box ul li {
	margin: 0 0 3px;
	padding: 0;
	list-style-type: none;
	text-align:center;
}
.side-box ul li.divider { 
	border-bottom: 1px dotted #999; 
	margin: 8px 0;
	text-align: center;
}
.side-box a { color: #000; }
.side-box a:hover { color: #090; }

.side-box-title {
	text-align:center;
	color:#FFF;
	font-weight:bold;
	display:block;
	width:200px;
	line-height:30px;
	background:url(../images/side-box-title-bg.png);
}

.side-box-foot {
	width:200px;
	height:15px;
	background:url(../images/side-box-foot-bg.png);
	margin: 0 0 20px 0;
}

.side-category-list li { margin: 0 !important; text-align: left !important;}

#txtHint {
	color:#F00;
	font-weight:bold;
	margin-bottom:5px;
	text-align:center;
	width:100%;
	display:block;
	font-size:14px;
}

#mini-login {
	border:solid 2px #ff1400;
	background:#FFBE97;
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
	margin:0 auto;
	width:450px;
	padding:15px;
	height:auto;
	padding-bottom:0px;
	float:left;
	box-shadow:2px 2px 2px #ccc;
}
#mini-login label {
	float:left;
	width:75px;
	display:inline-block;
	text-align:right;
	margin-right:10px;
}
#mini-login input {
	float:left;
	width:100px;
	display:inline-block;
	border:solid 1px #999;
}
#mini-login input.submit {
	float: left;
	margin-left:10px;
	width:50px;
	border:solid 1px #999;
	cursor: pointer; 
}
#mini-login p {
	float: left;
	width: 100%;
	margin:0 0 5px 0;
	text-align:center;
}

#article-form {
	border:solid 2px #ff1400;
	background:#FFBE97;
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
	margin:0 auto;
	width:505px;
	padding:15px;
	height:auto;
	padding-bottom:0px;
	float:left;
	box-shadow:2px 2px 2px #ccc;
}
#article-form textarea {
	border:solid 1px #999;
	width:500px;
	margin: 0 0 20px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#article-form select {
	border:solid 1px #999;
	width:500px;
	margin: 0 0 20px 0;	
}
#article-form input {
	border:solid 1px #999;
	width:500px;
	margin: 0 0 20px 0;	
}
#article-form input.submit {
	border:solid 1px #999;
	width:100px;
  padding: 4px;
	margin: 0 auto 20px auto;
	display:block;
	cursor: pointer; 
}

ul.list2col { 
	float: left; 
	width: 100%; 
	margin: 0 0 2em 0; 
}
ul.list2col li { 
	float: left; 
	width: 49%; 
}
ul.catlist { list-style: none; }
ul.catlist li a {
	color:#00F;
	padding: 5px;
	display:inline-block;
	border-radius: 10px 0 10px 0;
}
ul.catlist li a:hover { 
	background: url(../images/category-list-box-bg.png);
	background-size: contain;
}

.latest-artic { text-align: center; }
.latest-artic a {
	text-decoration:none;
	color: #000;
}
.latest-artic a:hover {
	text-decoration:underline;
	color: #000;
}

#account-form {
	width:100%;
	float:left;
}
#account-form label {
	width:30%;
	float:left;
	margin-top:20px;
	margin-right:15px;
	text-align:right;
	font-weight:bold;
}
#account-form input {
	margin-top:20px;
	width:50%;
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #999;
}
#account-form input.submit {
	width:150px;
	margin: 20px 0 20px 200px;
	cursor: pointer;
}

#login-error {
	color:#F00;
	font-weight:bold;
}

#article-table { border-collapse: collapse; }
#article-table thead { font-weight: bold; }
#article-table td { border: 1px solid #999; padding: 2px 4px 2px 4px; }


.sml-links { display: block; clear:both; width: 200px; }
.sml-links h4 { margin:0; font-size:13px; }
.sml-links ul { list-style: none; padding: 0; font-size: 12px; }
.sml-links ul li { margin-bottom: 5px; }
.sml-links ul li a { color: #00F; }


.mailing-address { margin-top:500px; clear:both; }


.pagination-container {
	display: block;
	clear: both;
}

.pagination {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: space-between;
}

.pagination li {
	border: 1px solid #ddd;
	width: 100%;
	border-right: none;
	text-align: center;
}

.pagination li:last-child {
	border-right: 1px solid #ddd;
}

.pagination li a {
	display: block;
	width: 100%;
	padding: 5px 0;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

.pagination li a:hover {
	background: #eee;
}

.page-item.disabled .page-link {
	color: #6c757d;
	pointer-events: none;
	background-color: #fff;
	border-color: #dee2e6;
}