body {
	margin:0;
	background-color: #fff; background-image:none; background-repeat:repeat-x; font-family: Verdana, Geneva, sans-serif; font-size: 16px;
	}
.wrap {width:100%; position:relative; margin:0 auto;}

/* Hide/Show Global for mobile and tablets */
.menu, .menu2, .footer, .hide-mobile, .hide, .jump-to, .mobile-community  {display:none; }
.primary-nav, .mobile-hr, .mobile-footer, .mobile-copyright, .h1-mobile, .pc-hide {display:block;}
#contents {padding:0 4% 0 4%; margin:10px 0 20px 0;}

/* Header */
.header-right { padding:2%; width:96%;	height:auto; float:none;}
.logo img {width:60%; height:auto; margin:17px 8px;}
.header {width:96%; padding:2%; height:auto; float:none;}
.top-feed {height:auto; overflow: hidden; padding-right:0; margin-top:10px; line-height:22px; font-size:16px;}
.menu2 {width:100%; height:auto; line-height:20px; clear: both; background-color:#6767FF; padding-top: 5px;	padding-left: 20px;	color: #FFFFFF;}
.menu2 a:link, .menu2 a:visited, .menu2 a:active, .menu2 a:hover {text-decoration: none; color: #FFFFFF; font-size: 10pt; font-weight: bold;	font-family: Arial, Verdana, Georgia, Serif;}
.menu-links {margin:0; padding:0; float:left;}
.community {margin-top:45px;}
.jump-to {clear:both; float:left; cursor:pointer}

/* Home Page Logged in */
p.home-indents {margin:0 0 10px 20px; font-size:16px; line-height:22px;}
.title-graphics {width:auto; height:85px; margin-bottom:10px}
.mobile-hr {border:none; border-top:1px #999999 dotted; margin:30px 0}
/* Left column */
.left-stage {width:100%; float:none; background-image:none;	background-repeat:no-repeat; background-position:right top;	padding:0;}
.submit-request {width:100%; margin-bottom:10px !important}
.local-sponsors {margin-top:0px;}
.local-sponsors-pic {margin:0 !important; }
.nivoSlider {height:142px !important;}
.new-left-stage {width:100%; margin:20px 0 0 0;}
/* Middle column */
.middle-stage {width:100%; float:none; padding:0; }
.storyImage { margin-left:10px; max-width:150px; height:auto }
#calendarSmall {width:100% !important; height:auto;}
tr.calendarDay {border: medium none; color: #6767FF;}
.calendar-title {margin-top:0;}
.connection-icons img { margin:0 10px 10px 0 }
.connection-icons .ads {margin-top:118px !important;}

/* Right column */
.right-stage {width:100%; float:none; padding:0; background-image:none;}
.new-right-stage {width:100%; }
object {width:100%;}
.local-settings td {padding:8px; font-size:16px; text-align:left}

/* Submit Request */
.request-box {width:96%; border: 1px #555555 solid; padding:2%; background-color:#D3E5EF !important; margin-bottom:20px}
.request-box textarea {width:96%; padding:2%;}
.request-box select {width:100%; padding:1%; height:50px; font-size:18px;}
.request-review-box {width:96%; border: 1px #555555 solid; padding:2%; background-color:#D3E5EF}


/* Footer */
.footer-table {width:100%;}
.mobile-footer {width:94%; padding:0 3% 3% 3%;}
.mobile-copyright {text-align:center; margin:44px 0 0 0; font-size:12px; padding:30px}

/* Basics */
img {border:0;}
textarea {font-family:inherit; font-size:14px}
textarea:disabled { background-color:#dddddd }
area {outline:none;}
.input {width:230px;}
.input-dd {width:234px;}
.checkbox {width:20px !important; margin-right:10px !important;}
h1 { font-weight:normal; font-size:20px; color:#303030; margin:15px 0; padding:0; }
.h1-mobile {font-size:26px;}
.button {
	width:auto;
	margin:0;
	padding:8px 12px;
	border:none;
	border-radius:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#E8E8E8 !important;
	text-align:center;
	text-decoration:none;
	line-height:1em;
	cursor:pointer;
}
.button:hover { text-decoration:none; color:#FFF !important;}
.button-float {float:left; clear:none !important; margin-right:10px !important;}

/* menu lists */
#menu a { text-decoration:none; font-size:14px; color:#444; padding:3px 0; display:block; }
#menu a:hover { text-decoration:underline; }

/* Member Register */ 
.form-div {width:100%; float:none; margin:0; padding-top:0px}
.register-graphic {float:left; width:467px; padding-top:30px}
.form-div label {width:100%; clear:both; float:left}
.form-div input {width:98%; height:40px; font-size:18px; padding:1%; margin:0 0 20px 0; float:left}
.form-div select {width:100% !important; height:50px; font-size:18px; padding:1%; margin:0 0 20px 0;}
.form-div textarea {font-family:inherit; width:98% !important; padding:1%; margin:0 0 20px 0;}
.form-div .city-state {width:20% !important; margin-right:3% !important; float:left;}
.form-div .zip {width:28% !important; margin-right:0 !important; float:left;}
.form-div .radio {width:30px !important; float:left; clear:both}
.form-div .note {float:left; clear:both; margin:0 0 20px 0;}
.submit {clear:both; width:auto !important; padding:10px 20px 10px 20px !important; height:auto !important; font-size:15px; color:#FFFFFF; border:none; cursor:pointer; text-align:center !important; text-decoration:none !important; margin:0 !important }
.more-margin {margin:10px 0 20px 0 !important;}

/* Stories */
#stories_table tr:nth-child(odd) {background-color:#DDDDDD;}
#stories_table tr:nth-child(even) {background-color:#EEEEEE;}
#stories_table td {padding:12px 0 12px 6px;}
.dlinput dd {padding: 0 !important;}


/* Password Hint */
.password-hint {font-size:16px;}

/* Uncategorized Misc */
.welcome-back {width:237px;	height:23px; float:left; text-align:right; padding:8px 28px 0 30px; color:#FFF;}
.weather-channel {margin:15px 0 0 0;}
.discount {width:230px; height:170px; float:left;}
.title {font-weight:bold; vertical-align:middle; }

/* Calendar */
.event-details td {padding:10px 0 10px 0; border-bottom:1px dotted #CCCCCC;}
.event-details {margin-bottom:30px;}
.date-event {height:30px !important;}
.fc-header-title {font-size:10px;}

/* Classifieds */
.block {
	width:92%;
	padding:4%;
	float:none;
	height:auto;
	margin:0 0 20px 0;
	box-shadow: 4px 4px 2px #888888;
}

.action-button { color:white !important; background-color:#cccccc; border-radius:30px; padding:10px 15px; font-size:24px; text-decoration:none !important; }

@media screen and (min-width:990px){
	.action-button { border-radius:15px; padding:5px 10px; font-size:12px; }

	body {font-size:12px;}
	/* Hide/Show Global for mobile and tablets */
	.menu, .menu2, .footer, .hide-mobile, .hide {display:block;}
	.primary-nav, .mobile-hr, .mobile-footer, .mobile-copyright, .h1-mobile, .mobile-community, .pc-hide, .classified-ul {display:none;}
	#contents {padding:0 !important; margin:20px 0 20px 0 !important;}
	
	/* Header */
	.wrap {width:980px; position:relative; margin:0 auto;}
	.logo {width:310px;	float:left }
	.top-feed {height:105px; overflow:auto; padding-right:20px; margin-top:2px; line-height:18px; font-size:12px; }
	.header {width:980px; height:197px; float:left; padding:0;}
	.header-right { padding:30px 0 0 83px; width:568px;	height:136px; float:left;}
	.menu {min-width:980px;	height:31px; float:left;}
	.community {margin-top:5px;}
	
	/* Home Page Logged in */
	p.home-indents {margin:0 0 10px 20px; font-size:11px; line-height:14px;}
	.title-graphics {width:auto; height:55px; margin-bottom:10px}
	#contents {padding:0 4% 0 4%; margin:10px 0 20px 0;}
	/*Left Column */
	.left-stage{width:287px; float:left; background-image:url(site-1/images/left-column-home.jpg);	background-repeat:no-repeat; background-position:right top;	padding:20px 28px 20px 0px;}
	.submit-request {width:170px; margin-bottom:0px}
	.local-sponsors {margin-top:190px;}
	.local-sponsors-pic {margin-left:20px !important;}
	.nivoSlider {height:200px !important;}
	.new-left-stage {width:450px; float:left; margin:30px 50px 20px 0;}
	/* Middle Column */
	.middle-stage{width:322px; float:left; padding:20px 18px 20px 10px;}
	.calendar-title {margin-top:20px;}
	/* Right column */
	.right-stage {width:231px;	float:left;	padding:20px 0px 20px 28px;	background-image:url(site-1/images/right-column-home.jpg); background-position:left top;
	background-repeat:no-repeat;}
	.local-settings td {padding:8px; text-align:center; font-size:12px}
	.new-right-stage {width:400px; float:left; margin:30px 0 20px 0}
	.connection-icons { text-align:center }
	
	/* Footer */
	.footer-table {width:980px;}
	.footer {width:100%; padding:15px 0 0 0; background-repeat:repeat-x; float:left; margin-top: 10px;}
	.copyright {color:#fff;	text-align:center; font-size:10px; margin:10px 0 0 0; padding:10px 0; }
	
	/* Member Register */
	.form-div {width:420px; float:left; margin-right:30px; padding-top:0}
	.form-div input {height:20px; font-size:12px}
	.form-div select {height:30px; font-size:12px;}
	
	/*Submit request */
	.request-box select {height:30px; font-size:12px;}
	
	/* Stories */
	#stories_table td {padding:6px 2px 6px 4px;}
	.dlinput dd {padding: 0 !important;}
	
	/* Password Hint */
	.password-hint {font-size:12px;}
	
	/* Classifieds */
	.block {
		width:26%;
		padding:2%;
		float:left;
		height:190px;
		margin:0 30px 30px 0;
		box-shadow: 4px 4px 2px #888888;
	}
	
	.left-stage            { position:relative; height:900px }
	#panel-concierge       { position:absolute; top:0;     left:0px }
	#panel-discounts       { position:absolute; top:0;     left:700px; background-image:url("/images/right-column-home.jpg"); background-repeat:no-repeat; padding-left:25px }
	#panel-our-connections { position:absolute; top:200px; left:340px; width:320px }
	#panel-your-story      { position:absolute; top:0;     left:340px; width:320px }
	#panel-calendar        { position:absolute; top:460px; left:340px; width:320px }
	#panel-local-sponsors  { position:absolute; top:440px; left:0px }
}

@media screen and (max-width:550px){
	.mobile-footer {display:none;}
}
@media screen and (max-width:650px){
	.top-feed, .community {display:none;}
	.mobile-community {display:block; width:92%; padding:4% 4% 0 4%; font-size:16px; line-height:26px; bor}
	.jump-to {display:block; }
	.header-titles { display:none; }
}
@media screen and (max-width:540px){
	.jump-to {margin:6px 0 20px 0; }
	.fc-header-title {font-size:8px}
	.fc-button-content {font-size:9px;}
}

.nivoSlider {
    position:relative;
    width:275px; /* Change this to your images width */
    height:200px; /* Change this to your images height */
    /*background:url(images/loading.gif) no-repeat 50% 50%;*/
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:block;
}
.nivoSlider a {
    border:0;
    display:block;
} 

#discountScroller {
	display:block;
	background-color:#e7e7e7;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	color:#222222;
	cursor:pointer;
	padding-bottom:4px;
	margin-top:4px;
	border:0px;
}

.print_logo { display:none; }
@media print {
	.print_logo { display:block !important; }
}

#success {
	border: 1px solid;
	margin: 10px 0px;
	padding:12px 10px 12px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	display: none;
	color: #4F8A10;
	background-color: #DFF2BF;
}

.forminfo { text-align: right; font-weight: bold; font-size: 0.95em }

#requestOptions { margin:0; padding:0 }
#requestOptions li { list-style:none; float:left; padding-right:10px }

.needs_response{ color:#111111 }
.DataTables_sort_icon { display:none }
.ui-button-text { color:black }

/* form fields, need to flip label to width 100% on media < 135+330 */
.fieldset > div { padding:5px }
.fieldset > div::after { content:""; display:block; clear:both } /* clearfix */
.fieldset > div > label { display:block; float:left; width:135px; padding-top:5px; }
.fieldset > div > div { float:left; width:330px }

#listMenu { padding-bottom:10px }
#listMenu a { cursor:pointer }
#listingTable tr.tr_odd { background-color:#f0f0f0 }
#listingTable th { padding:10px 0 0 5px; border-bottom:1px solid #ccc; text-align:left }
#listingTable th a { text-decoration:none; cursor:pointer }
#listingTable th a span { color:black }
#listingTable tbody td a { display:block; padding:4px; text-decoration:none; color:#222; min-height:100%; height:100% }
#listingTable tbody tr:hover { background-color:#e0e0e0 }
.tr_odd { background-color:#f0f0f0 }

#formTable td { padding:2px 0px }
#formTable td:first-child { width:137px }
#finePrint { width:137px }
.field { border:1px solid #aaa; padding:3px; background:none; background-color:white; width:200px; }
textarea.field { font-size:12px; }
.error { font-weight:bold !important; color:#aa0000 !important; background-color:#cccccc; }
select.field { width:auto }

.instructions { font-size:15px; color:#444 }
.hide { display:none }