html {
	padding: 0;
	margin: 0;
	height: 100%;
}

body {
	height: 100%;
	font-family: 'Yantramanav', sans;
	font-size: 1em;
	background-color: #ebf5ff;
	padding: 0px;
	margin: 0px;
}

h1, h2 {
	color: #00007c;
}

p {
	margin: 0 0 0.5em 0;
}

a:link, a:visited {
	color: #c80000;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

table, tr, td {
	font-family: 'Yantramanav', sans;
	font-size: 1em;
}

th {
	color: #fff;
	background-color: #00007c;
	background: -webkit-linear-gradient(top, #00007c, #000052); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, #00007c, #000052); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, #00007c, #000052); /* For Firefox 3.6 to 15 */
	background: linear-gradient(top, #00007c, #000052); /* Standard syntax */
	background-image: linear-gradient(#00007c, #000052); /* IE */
}

td {
	
}

table.border-out {
	border: 1px solid #a6d2ff;
}

table.border-in, .border-in td {
	border: 1px solid #a6d2ff;
}

label {
	font-weight: bold;
}

input, button, textarea, select {
	font-family: 'Yantramanav', sans;
	font-size: 1em;
	padding: 0.25em;
	border: none;
	border-bottom: 1px solid #d4d4d4;
}

button {
	border-radius: 0.5em;
	border: none;
	padding: 0.5em;
	color: #fff;
	box-shadow: 0 0 0.5em #888888;
	background: -webkit-linear-gradient(top, #00007c, #000052); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, #00007c, #000052); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, #00007c, #000052); /* For Firefox 3.6 to 15 */
	background: linear-gradient(top, #00007c, #000052); /* Standard syntax */
	background-image: linear-gradient(#00007c, #000052); /* IE */
}

.shading0 {
	background-color: #ebf5ff;
}

.shading1 {
	
}

div.msg_error {
	border: 1px solid #c80000;
	background-color: #f1cfcf;
	color: #c80000;
	padding: 0.5em;
	margin: 0.5em;
}

span.msg_error {
	color: #c80000;
}

div.msg_success {
	border: 1px solid #11b000;
	background-color: #caeac6;
	color: #11b000;
	padding: 0.5em;
	margin: 0.5em;
}

span.msg_success {
	color: #11b000;
}

.information {
	
}

.cols1 {
	width: 100%;
	clear: both;
}

.cols2 {
	float: left;
	width: 100%;
}

#header_container {
	background-color: #a6d2ff;
	box-shadow: 0 0 0.5em #777777;
	
}

#header {
	padding: 0.5em;
	text-align: left;
}

#header .heading {
	color: #c80000;
	font-size: 1.7em;
	font-weight: bold;
}

#header .slogan {
	font-size: 1.2em;
	color: #00007c;
}

#logo {
	float: left;
	border: none;
	padding-left: 0;
	padding-right: 1em;
	width: 75px;
}

#menu {
	position: absolute;
	top: 1em;
	right: 1em;
}

#menu ul {
	list-style: none;
}

#menu ul li {
	float: left;
}

#menu ul li a {
	display: block;
	padding: 0.5em;
	float: left;
}

/* the following CSS should be used for mobile devices

#menu {
	position: absolute;
	left: 10%;
	top: 0;
}

#menu .fa-bars {
	font-size: 2em;
}

#nav{
    list-style:none;
    float:left; 
    width:100%;
}
#nav li{
    float:left;
    position:relative;
}
#nav a{
    display:block;
    padding:0.5em;
    color:#000;
    background:none;
    text-decoration:none;
}
#nav a:hover{
    color:#fff;
    text-decoration:none;
}
*/

#nav ul{
    background:#a6d2ff;
    list-style:none;
    position:absolute;
	right: 0;
    display: none;
	min-width: 10em;
}
#nav ul li{
    float:left;
	margin: 0;
	padding: 0;
}
#nav ul a{
    white-space:nowrap;
}
#nav li:hover ul{ /* Display the dropdown on hover */
    
	display: block;
	padding: 0;
	margin: 0;
	box-shadow: 0 0 0.5em #888888;
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */

    color: #fff;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */

    color: #000;
	min-width: 10em;
	text-align: left;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */

    color: #fff;
}


#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 100%;
	margin-bottom: -4em;
	text-align: center;
}

#buysell {
	clear: both;
	width: 100%;
	margin: auto;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0;
}

#search, #sell {
	display: inline-block;
	margin: 0;
	padding: 1em 0 1em 0;
	background-repeat: no-repeat;
	text-align: center;
}

#search button, #sell button {
	color: #000;
	background: -webkit-linear-gradient(top, #fff, #eaeaea); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, #fff, #eaeaea); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, #fff, #eaeaea); /* For Firefox 3.6 to 15 */
	background: linear-gradient(top, #fff, #eaeaea); /* Standard syntax */
	background-image: linear-gradient(#fff, #eaeaea); /* IE */
}

#search {
	width: 90%;
	background-color: #00007c;
	border-radius: 1em;
	
}

#sell {
	width: 90%;
	margin-top: 1em;
	background-color: #c80000;
	border-radius: 1em;
}

#sell button {
	min-width: 35%;
	text-align: center;
}

#push {
	height: 6.2em;
}

#footer {
	width: 100%;
	height: 4.2em;
	padding-top: 1em;
	padding-bottom: 1em;
	text-align: center;
	font-size: 0.8em;
	background-color: #eaeaea;
	color: #b0b0b0;
}

#footer i.fa-facebook, #footer i.fa-twitter {
	font-size: 1.5em;
	padding: 0.5em;
}

#footer a:link, #footer a:visited {
	color: #b0b0b0;
}

#footer i.fa-twitter:hover {
	color: #55acee;
}

#footer i.fa-facebook:hover {
	color: #4862a3;
}

#standard {
	clear: both;
	margin-top: 1em;
	text-align: left;
	background-color: #fff;
	padding: 0.5em;
}

#index {
	width: 100%;
	margin: auto;
	text-align: left;
	background-color: #fff;
}

#index h2 {
	padding-top: 1em;
	padding-left: 1em;
}

#index .ad {
	width: 90%;
	margin: auto;
	padding: 0.5em;
	border-bottom: 1px solid #ebf5ff;
}

#index .ad .heading {
	float: left;
	margin-bottom: 0.5em;
	font-weight: bold;
	color: #00007c;
}

#index .ad .heading a:link, #index .ad .heading a:visited {
	text-decoration: none;
}

#index .ad .heading a:hover {
	text-decoration: underline;
}

#index .ad .desc img{
	float: left;
	padding-right: 0.5em;
}

#index .ad .desc {
	clear: both;
	overflow: hidden;
	max-height: 105px;
}

#index .ad .price {
	float: left;
	clear: right;
	margin-left: 1em;
	margin-bottom: 0.5em;
}

#index .ad .ad_id, #index .tags {
	padding-top: 0.25em;
	color: #b0b0b0;
	font-size: 0.8em;
}

#index .ad .loc {
	clear: left;
	text-align: right;
	color: #b0b0b0;
}

#index .ad.sold .heading {
	color: #b0b0b0;
}

#index .ad.sold .heading a {
	color: #b0b0b0;
}

#index .ad.sold .heading a:hover {
	color: #b0b0b0;
}

#index .ad.sold .desc {
	color: #b0b0b0;
}

#index .ad.sold .price {
	color: #b0b0b0;
}

#index .ad.sold .tags a{
	color: #b0b0b0;
}

span.sold {
	color: #c80000;
}

p.sold {
	font-weight: bold;
	color: #c80000;
	text-align: center;
}

#index .highlight {
	background-color: #fff8be;
}

.infinite-loading:after {
	content: 'Loading';
	display: block;
	text-align: center;
	padding: 1em;
	border-radius: 0.5em;
	border: none;
	padding: 0.5em;
	color: #b0b0b0;
	box-shadow: 0 0 0.5em #888888;
	background: -webkit-linear-gradient(top, #eaeaea, #fff); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, #eaeaea, #fff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, #eaeaea, #fff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(top, #eaeaea, #fff); /* Standard syntax */
	background-image: linear-gradient(#eaeaea, #fff); /* IE */	
}

.infinite-more-link {
	display: none;
}

.adsense_ad_index {
	max-height: 90px;
	display: none;
}

.breadcrumbs {
	width: 80%;
	margin: auto;
	text-align: left;
	padding: 0.5em;
}

#listing {
	width: 100%;
	margin: auto;
	text-align: left;
	padding: 0.5em;
}

#listing .heading {
	float: left;
	margin-bottom: 0.5em;
	font-weight: bold;
	font-size: 1.5em;
	color: #00007c;
}

#listing .price {
	float: left;
	clear: right;
	margin-left: 1em;
	margin-bottom: 0.5em;
	font-size: 1.5em;
}

#listing .image {
	background-color: #fff;
	clear: both;
	padding: 0.5em;
	max-width: 500px;
	margin: auto;
	box-shadow: 0 0 0.5em #888888;
}

#listing .image ul {
	margin-top: 0;
}

#listing .image li {
	text-align: center;
}

#listing .text {
	width: 90%;
	margin: auto;
	margin-top: 1em;
	padding: 0.5em;
	background-color: #fff;
}

#listing .desc {
	clear: both;
	padding: 0.5em;
}

#listing .contact_seller h3 {
	border-radius: 0.25em;
	border: none;
	padding: 0.25em 0.5em 0.25em 0.5em;
	color: #fff;
	cursor: pointer;
	box-shadow: 0 0 0.5em #888888;
	background: -webkit-linear-gradient(top, #00007c, #000052); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, #00007c, #000052); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, #00007c, #000052); /* For Firefox 3.6 to 15 */
	background: linear-gradient(top, #00007c, #000052); /* Standard syntax */
	background-image: linear-gradient(#00007c, #000052); /* IE */
}

#listing .contact_seller button {
	background: -webkit-linear-gradient(top, #c80000, #870000); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, #c80000, #870000); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, #c80000, #870000); /* For Firefox 3.6 to 15 */
	background: linear-gradient(top, #c80000, #870000); /* Standard syntax */
	background-image: linear-gradient(#c80000, #870000); /* IE */
}

#listing .contact_seller textarea {
	width: 100%;
}

#listing .ad_id {
	float: left;
	padding-top: 0.25em;
	color: #b0b0b0;
	font-size: 0.8em;
}

#listing .ad_id a {
	color: #b0b0b0;
}

#listing .loc {
	text-align: right;
	color: #b0b0b0;
}

.adsense_ad-banner {
	width: 100%;
	max-height: 150px;
	margin-top: 2em;
	text-align: center;
}

.adsense_ad-links {
	max-height: 2em;
	text-align: center;
}

#new_ad {
	width: 100%;
	margin: auto;
	text-align: left;
	padding: 0.5em;
}

#new_ad .desc {
	padding: 1em;
}

#new_ad .desc p {
	margin-bottom: 0.5em;
}

#new_ad .desc input[type="text"], #new_ad .desc textarea, #new_ad .desc select {
	min-width: 200px;
}

#new_ad input, #new_ad textarea, #new_ad select {
	background-color: #fff;
	border: none;
	border-radius: 0.25em;
}

#new_ad input:focus, #new_ad textarea:focus {
	background-color: #fff;
}

#new_ad input#title {
	font-weight: bold;
	font-size: 1.5em;
	color: #00007c;
}

#new_ad .image {
	background-color: #fff;
	clear: both;
	padding: 0.5em;
	width: 500px;
	margin: auto;
	box-shadow: 0 0 0.5em #888888;
	margin-bottom: 1em;
}

#new_ad .image ul {
	margin-top: 0;
}

#new_ad .desc textarea {
	width: 100%;
	min-height: 5em;
	overflow: hidden;
}

#new_ad #location {
	min-width: 400px;
}

#ad_info {
	width: 100%;
	margin: auto;
	text-align: left;
	padding: 0.5em;
	background-color: #fff;
}



input.error, textarea.error {
	border: 1px solid #c80000;
	box-shadow: 0 0 0.25em #c80000;
}

#my-acc-menu ul {
	list-style: none;
}

#my-acc-menu li {
	float: left;
	list-style: none;
}

#my-acc-menu li a {
	display: block;
	text-align: center;
	width: 4em;
	height:  4em;
	font-size: 1.5em;
	text-decoration: none;
	margin: 1em;
	
	border-radius: 0.5em;
	border: none;
	padding: 0.5em;
	box-shadow: 0 0 0.5em #888888;
	color: #000;
	background: -webkit-linear-gradient(top, #fff, #eaeaea); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, #fff, #eaeaea); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, #fff, #eaeaea); /* For Firefox 3.6 to 15 */
	background: linear-gradient(top, #fff, #eaeaea); /* Standard syntax */
	background-image: linear-gradient(#fff, #eaeaea); /* IE */
}

#my-acc-menu li a i {
	font-size: 2em;
}

#my-acc-menu li a:hover {
	color: #c80000;
	background-color: #fff;
	background: -webkit-linear-gradient(top, #fff, #fff); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, #fff, #fff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, #fff, #fff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(top, #fff, #fff); /* standard syntax */
	background-image: linear-gradient(#fff, #fff); /* IE */
}

div.thread {
	margin-top: 1em;
	padding: 0.25em;
	color: #fff;
	background-color: #00007c;
	background: -webkit-linear-gradient(top, #00007c, #000052); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, #00007c, #000052); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, #00007c, #000052); /* For Firefox 3.6 to 15 */
	background: linear-gradient(top, #00007c, #000052); /* Standard syntax */
	background-image: linear-gradient(#00007c, #000052); /* IE */
}

.message {
	padding: 0.5em;
}

.message .sender {
	margin-top: 1em;
	font-size: 0.8em;
	color: #b0b0b0;
}

.message .message_body {
	margin-top: 0.25em;
}

.message .message_footer {
	margin-top: 0.25em;
	text-align: right;
	font-size: 0.8em;
}

.scam {
	background-color: #ffead1;
	padding: 0.5em;
}

.blocked, .deleted {
	background-color: #eaeaea;
	padding: 0.5em;
}

.hiddendiv {
    display: none;
    white-space: pre-wrap;
    width: 100%;
    min-height: 5em;
    font-family: 'Yantramanav', sans;
	font-size: 1em;
	padding: 0.25em;
    word-wrap: break-word;
	overflow: hidden;
}

a.btn {
	display: inline-block;
	padding: 0.75em;
	border-radius: 0.5em;
	border: none;
	box-shadow: 0 0 0.5em #888888;
	color: #000;
	background: -webkit-linear-gradient(top, #fff, #eaeaea); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, #fff, #eaeaea); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, #fff, #eaeaea); /* For Firefox 3.6 to 15 */
	background: linear-gradient(top, #fff, #eaeaea); /* Standard syntax */
	background-image: linear-gradient(#fff, #eaeaea); /* IE */
}

.note_properties {
	color: #b0b0b0;
	float: right;
}

#help-menu {
	clear: both;
	width: 100%;
	float: left;
	text-align: center;
}

#help-menu a {
	display: inline-block;
	text-align: center;
	width: 6em;
	height: 3.5em;
	font-size: 1.5em;
	text-decoration: none;
	margin: 1em;
	
	border-radius: 0.5em;
	border: none;
	padding: 0.5em;
	box-shadow: 0 0 0.5em #888888;
	color: #000;
	background: -webkit-linear-gradient(top, #fff, #eaeaea); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, #fff, #eaeaea); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, #fff, #eaeaea); /* For Firefox 3.6 to 15 */
	background: linear-gradient(top, #fff, #eaeaea); /* Standard syntax */
	background-image: linear-gradient(#fff, #eaeaea); /* IE */
}

#help-menu a i {
	font-size: 2em;
}

#help-menu a:hover {
	color: #c80000;
	background-color: #fff;
	background: -webkit-linear-gradient(top, #fff, #fff); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, #fff, #fff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, #fff, #fff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(top, #fff, #fff); /* standard syntax */
	background-image: linear-gradient(#fff, #fff); /* IE */
}

#premium-features {
	margin: auto;
	clear: both;
	background-color: #fff;
}

#premium-features .premium_feature {
	display: inline-block;
}

.premium_feature div {
	padding: 0.5em;
}

.premium_feature .select {
	float: left;
	max-width: 3em;
	text-align: left;
}

.premium_feature .description {
	float: left;
	max-width: 30em;
	text-align: left;
}

.premium_feature .image {
	float: left;
}



@media all and (min-width: 650px) {

	.cols2 {
		width: 50%;
	}

	#header {
		width: 80%;
		margin: auto;
	}
	
	#logo {
		padding-left: 2em;
		padding-right: 1em;
		width: 100px;
	}
	
	#header .heading {
		font-size: 2.5em;
	}
	
	#standard, #new_ad, #ad_info {
		width: 80%;
		margin: auto;
		margin-top: 1em;
	}

	#buysell {
		width: 80%;
	}
	
	#index {
		width: 80%;
		margin: auto;
	}
	
	#index .ad {
		width: 80%;
	}
	
	#listing {
		width: 70%;
	}
	
	#listing .image {
		width: 500px;
	}
	
	#listing .text {
		min-width: 500px;
	}
	
	#new_ad input#title {
		width: 100%;
	}
	
	.infinite-loading:after {
		width: 100px;
		margin: auto;
	}
	
}

@media all and (min-width: 735px) {
/* styles specific to larger screens */
	#logo {
		padding-left: 2em;
		padding-right: 2em;
	}
	
	#search {
		width: 45%;
		border-radius: 1em 0 0 1em;
	}
	
	#sell {
		margin-top: 0;
		width: 45%;
		border-radius: 0 1em 1em 0;
	}
}

@media all and (min-width: 960px) {
/* styles specific to larger screens */
	#search {
		padding-right: 1em;
		background-image: url('/images/buy.png');
		background-position: 5% 0.65em;
		border-radius: 1em;
		text-align: right;
		
	}

	#sell {
		padding-left: 1em;
		margin-top: 1em;
		background-image: url('/images/sell.png');
		background-position: 95% 0.65em;
		border-radius: 1em;
		text-align: left;
	}
}

@media all and (min-width: 1250px) {
/* styles specific to very large screens */
	.edit_ad #new_ad {
		width: 40%;
		margin-left: 15%;
		float: left;
	}
	
	#ad_info {
		width: 30%;
		float: left;
		margin: 1em;
	}
}