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 {
margin: 0;
padding: 0;
border: 0;
font-size: 13px;
font-family: Tahoma;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
font-size:14px;
background-color: #F5F5F5;
}
h4 a {
font-size:16px;
}
ol, ul {
list-style: none;
}
a
{
text-decoration: none;
color: #0066FF;
}
a:hover
{
text-decoration: none;
color: #0000CC;
}
a:visited
{
text-decoration: none;
color: #0066FF;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
#image_content
{
background: url(category_frame.png);
width: 180px;
height: 180px;
}
/*************************************************DIV*************************/
#top_header
{
width: 980px;
margin: 20px auto 0;
background: url(top_header.png) no-repeat bottom;
height: 170px;
}
#footer_header
{
width: 100%;
background-color: #E6E6CC;
padding: 10px;
height: 50px;
text-align: center;
}
#footer-content {
width: 100%;
position: absolute;
bottom: 20px;
text-align: center;
}
#hor_toolbar
{
width: 100%;
min-width: 700px;
height:43px;
background:#528aba url(bg1.jpg) repeat-x;
}
#hor_toolbar1
{
width: 100%;
min-width: 350px;
height:50px;
background-color: #333333;
position: fixed;
margin-top: 0px;
padding-top: 10px;
top: 0;
}
#hor_toolbar2
{
width: 100%;
min-width: 700px;
height:43px;
background-color: #333333;
position: fixed;
margin-top: 43px;
top: 0;
}
#hor_toolbar3
{
width: 100%;
min-width: 700px;
height:43px;
background-color: #888888;
position: fixed;
margin-top: 85px;
top: 0;
}
#td_info
{
padding: 20px;
background-color: #DADBEB;
border: 1px dotted #556B2F;
}
#td_details
{
padding: 20px;
background-color: #FDFDF2;
border: 1px dotted #556B2F;
width: 300px;
}
#left_hor1
{
float: left;
}
#right_hor1
{
float: right;
}
#content
{
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0 auto;
background:#7f7f7f;
background:rgba(0,0,0,0.0);
}
#content-cars
{
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0 auto;
background:#7f7f7f;
background:rgba(0,0,0,0.0);
}
#content-mob
{
padding: 3px 0px 0px 0px;
line-height: 1.4em;
width: 100%;
height: 100%;
object-fit: cover;
margin: 0 auto;
background:#7f7f7f;
background:rgba(0,0,0,0.0);
}
#content-mob-profile
{
padding: 10px;
line-height: 1.4em;
width: 100%;
height: 100%;
object-fit: cover;
margin: 0 auto;
background:#7f7f7f;
background:rgba(0,0,0,0.0);
}
#hor_toolbar-mob
{
text-align: center;
height:50px;
background-color: #333333;
position: none;
padding-top: 30px;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
margin: 0 auto;
}
#upper_content
{
width: 10000px;
height: 1000px;
background: #ffea70;
}
#userinsertedby
{
font-size: 10px;
color: #888888;
}
#content100
{
width: 100%;
min-width: 1024px;
background-color: #FFFFFF;
}
/*************************************************Others*****************************/
.tablelist td
{
padding: 5px;
}
.tablelist
{
width:500px;
}
#about_us_text
{
line-height: 30px;
font-family: Tahoma;
font-size: 15px;
color: #666633;
text-align: justify;
margin-top: 15px;
margin-left: 20px;
padding-top: 20px;
padding-right: 40px;
float: left;
}
input[type="text"]
{
color: #000000;
background: #FFFFFF;
border: 1px solid #528ABA;
height: 25px;
font-size: 16px;
padding-right: 5px;
margin-right: 5px;
vertical-align: top;
}
textarea
{
color: #000000;
background: #FFFFFF;
border: 1px solid #528ABA;
font-size: 16px;
padding-right: 5px;
margin-right: 10px;
}
select
{
color: #000000;
background: #FFFFFF;
border: 1px solid #528ABA;
height: 28px;
font-size: 16px;
margin-right: 5px;
font-family: Tahoma;
}
input[type="password"]
{
color: #000000;
background: #FFFFFF;
border: 1px solid #528ABA;
height: 25px;
font-size: 16px;
padding-right: 5px;
margin-right: 10px;
}
.red
{
color: red;
}
.green
{
color: #009966;
}
.blue
{
color: #0099CC;
}
.gold
{
color: #556B2F;
}
input[type="button"]
{
color: #FFFFFF;
background: #DADBEB;
border: 1px solid #528ABA;
height: 20px;
font-size: 12px;
width: 100px;
text-align: center;
padding-right: 5px;
margin-right: 10px;
font-weight: bold;
font-family: Tahoma;
display: inline-block;
}
input[type="submit"]
{
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 0px 7px 0px 7px;
margin-right: 10px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
cursor: pointer;
vertical-align: top;
height: 28px;
}
input[type="submit"]:hover
{
background-color: #4CAF70; /* Green */
border: none;
color: #333333;
padding: 0px 7px 0px 7px;
margin-right: 10px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
cursor: pointer;
vertical-align: top;
height: 28px;
}
.button
{
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 7px 15px 7px 15px;
margin: 3px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
cursor: pointer;
vertical-align: top;
}
.button:hover
{
background-color: #4CAF70; /* Green */
border: none;
color: #333333;
padding: 7px 15px 7px 15px;
margin: 3px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
cursor: pointer;
vertical-align: top;
}
.button_mobile
{
color: #333333;
background: #DADBEB;
border: 1px solid #528ABA;
height: 20px;
font-size: 9px;
text-align: center;
padding-right: 1px;
margin-right: 1px;
font-weight: normal;
font-family: Tahoma;
margin: 2px;
display: inline-block;
}
#image_directory
{
width: 169px; height: 168px; margin: 5px 8px;
}
label
{
color: #528ABA;
font-size: 16px;
line-height: 1.7;
text-align: justify;
}
#login_table
{
margin: 0px 0px;
}
form a
{
color: #0000CC;
font-size: 13px;
text-decoration: none;
line-height: 1.7;
text-align: justify;
}
form a:hover
{
color: #0000CC;
font-size: 13px;
text-decoration: underline;
line-height: 1.7;
text-align: justify;
}
#table_myadv
{
width: 100%;
border-bottom: 1px dotted #528ABA;
}
#table_myadv td
{
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
border-left: 1px dotted #528ABA;
border-bottom: 1px dotted #528ABA;
}
#table_myadv th
{
padding-top: 20px;
padding-bottom: 20px;
padding-right: 20px;
border: 1px dotted #528ABA;
background-color: #EBE693;
color: #000000;
font-size: 12px;
}
#addtd
{
text-align: center;
font-size: 18px;
background-color: #F2F0BD;
border-top: 1px solid #528ABA;
border-left: 1px solid #528ABA;
border-right: 1px solid #528ABA;
}
.advsubject
{
width: 50%;
text-align: right;
}
.no_of_views
{
min-width: 50px;
text-align: center;
}
.add_pic_td
{
min-width: 100px;
}
.section
{
min-width: 15%;
text-align: center;
}
.date_of_adv
{
min-width: 50px;
text-align: center;
}
.normala
{
color: #2C4F6B;
}
.normal:visited
{
color: #2C4F6B;
}
.normal:hover
{
color: #000000;
}
#tdcenter
{
text-align: center;
}
#image_preview
{
max-width: 300px;
max-height: 200;
}
#form_table
{
width: 95%;
border: 1px dotted #2C4F6B;
margin: 10px auto;
}
#form_td
{
padding: 10px;
border: 1px dotted #2C4F6B;
width: 150px;
}
#form_td1
{
padding: 10px;
border: 1px dotted #2C4F6B;
}
#select_section
{
padding: 5px 20px 5px 5px;
background-color: #F2F0BD;
color: #0066FF;
width: 30%;
font-family: Tahoma;
}
#select_city
{
padding: 5px 20px 5px 5px;
background-color: #F2F0BD;
color: #0066FF;
width: 15%;
font-family: Tahoma;
}
#adv_s
{
background-color: #FFFFFF;
width: 90%;
margin: 0;
}
#adv_s:focus
{
background-color: #FDFDF2;
}
#adv_price
{
background-color: #FFFFFF;
width: 10%;
margin: 0;
}
#adv_price:focus
{
background-color: #FDFDF2;
}
/* 1 column: 320px */
.autowide {
margin: 0 auto;
width: 98%;
}
.autowide img {
float: left;
margin:.75rem;
}
.autowide .module {
background-color: #F1F8F7;
border-radius: .25rem;
margin-bottom: 1rem;
}
.autowide .module p {
padding: .75rem;
text-align: left;
}
/* 2 columns: 600px */
@media only screen and (min-width: 600px) {
.autowide .module {
float: left;
margin-right: 2.564102564102564%;
width: 48.717948717948715%;
}
.autowide .module:nth-child(2n+0) {
margin-right: 0;
}
}
/* 3 columns: 768px */
@media only screen and (min-width: 768px) {
.autowide .module {
width: 31.623931623931625%;
}
.autowide .module:nth-child(2n+0) {
margin-right: 2.564102564102564%;
}
.autowide .module:nth-child(3n+0) {
margin-right: 0;
}
}
/* 4 columns: 992px and up */
@media only screen and (min-width: 992px) {
.autowide .module {
width: 23.076923076923077%;
}
.autowide .module:nth-child(3n+0) {
margin-right: 2.564102564102564%;
}
.autowide .module:nth-child(4n+0) {
margin-right: 0;
}
}