/* 
VeggieDate Site CSS 


Colors:

Logo dark orange: #ff9b07
Internal line: #dfd9c2

http://htmlhelp.com/reference/css/text/vertical-align.html

http://mabblog.com/cssoptimizer/uncompress.html
http://www.corelangs.com/css/box/hover.html buttons
*/

/* Resets */
div,  table  {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

a img  {
    border-width: 0px;
}

/*.profilePhoto  {
    max-width: 100%;
}
*/

/* Layout elements */


h2.checkad  {
	color: #903BC0;
	 font-style: italic;
	 line-height: 1.2em;
}


.style1 {
	font-size: larger;
	font-weight: bold;
}

#adcontainer  {
	/* banner ad box float */
  width: 122px;
    float: right;
    text-align: right;
  margin: 0.2em 0.2em 0.2em 0.2em;
/*  padding-left: 0.2em;
	 */
  padding-bottom: 0.2em;
  background: white;
  border-left: 2px dotted black;
  border-bottom: 2px dotted black;
  ;
}




/* @group Page and DropShadow */

*.absright  {
	 position:absolute;
	 left:100%;
	 margin-left:5px;
	 ;
}


*.abstop  {
	 position:absolute;
	 bottom:400px;
	 margin-bottom:5px;
	 ;
}



@media (min-width:701px) {

body  {
    background: #ffe0a8 url(../siteimages/background-orangehearts.png) repeat-x fixed;
    margin: 0;
    padding: 0;
    text-align: center;
}

#pagecontainer  {
    width: 80%;
    padding: 0;
    margin: 0px 124px 20px 3%;
	  /* length  top,  right,  bottom  left */
	padding-left: -3%;
    position: relative;
}

#leftshadow  {
    background: transparent url(../siteimages/pageds-sd-l.png) repeat-y left;
    padding: 0;
    margin: 0;
    padding-left: 24px;
	z-index: 3;
	position: relative;
}

#logo  {
    font: bold 48px/36px "Lucida Grande",  Lucida,  Verdana,  sans-serif;
    color: #EDB865;
    display: block;
    padding: 0;
    text-indent: -1000px;
    background: url(../siteimages/veggiedatelogo.png) no-repeat;
    text-decoration: none;
	position: relative;
	margin: 0 0 0 8px;
	border: 0px solid white;
	max-width: 100%;
}

*.absfullright  {
	 position:absolute;
	 left:100%;
	 margin-left:5px;
	 ;
}

*.absfulltop  {
	 position:absolute;
	 top:20px;
	 margin-top:5px;
	 ;
}

td#rightcol  {
    width: 133px;
	margin: 0px;
    padding: 20px 0 0 6px;
    text-align: center;
    vertical-align: top;
    border-left: 1px solid #dfd9c2;
}

td#middlecol  {
    width: 216px;
    margin: 0;
    padding: 0 4px 0 0;
    text-align: center;
}

*.footervp  {
	position: relative;
	 border-top: 1px solid #dfd9c2;
    text-align: center;
    font:  "Helvetica Neue",  Arial,  Helvetica,  Geneva,  sans-serif;
    margin-top: 6px;
    margin-left: auto;
    margin-right: auto;
}

*.vp_show_max480 {
   display: none;
   max-width: 100%;
}
.button-spacing  {
	position: relative;
    border-top: 1px solid #dfd9c2;
    text-align: center;
    font: 75% "Helvetica Neue",  Arial,  Helvetica,  Geneva,  sans-serif;
    margin-top: 16px;
    padding-top: 8px;
    margin-left: 0px;
    margin-right: 0px;
}
.statesearch  {
    background-color: #e5e8d5;
    margin: 0 auto;
}

.statesearch td,  .statesearch th  {
    font: 75%/105% "Helvetica Neue",  Arial,  Helvetica,  Geneva,  sans-serif;
}

.statesearch th  {
    text-align: center;
    font-weight: bold;
	   
    padding: 4px;
	 
}

.statesearch td  {
    text-align:left;
    width: 33%;
}

.statesearch a  {
    text-decoration: none;
    color: #333;
}

.statesearch a:hover  {
    text-decoration: underline;
}

.statesearch a:visited  {
    color: #999;
}
td#bottomad  {
	padding-top: 16px;
    text-align: center;
    vertical-align: bottom;
}

.standardBox {
    border-style:solid;
    border-width:3px;
    padding:5px;
    max-width: 550px;
}

.standardBoxDashed {
    border-style:dashed;
    border-width:3px;
    padding:5px;
    max-width: 550px;
}

*.hide-for-desktop {
	 display:none;
}

}


@media (max-width:700px) {

*.vp_show_min481 {
    display: none;
    max-width: 100%;
}

body  {
    margin: 0;
    padding: 0;
    text-align: center;
}

#pagecontainer  {
    width: 100%;
    padding: 0;
    margin: 0px;
	  /* length  top,  right,  bottom  left */
	padding-left: -3%;
    position: relative;
}

#leftshadow  {
    background: transparent url(../siteimages/pageds-sd-l.png) repeat-y left;
    padding: 0;
    margin: 0;
    padding-left: 24px;
	z-index: 3;
	position: relative;
}

#logo  {
    font: bold 48px/36px "Lucida Grande",  Lucida,  Verdana,  sans-serif;
    color: #EDB865;
    display: block;
    padding: 0;
    text-indent: -1000px;
    background: url(../siteimages/veggiedatelogo.png) no-repeat;
    text-decoration: none;
	position: relative;
	margin: 0 0 0 8px;
	border: 0px solid white;
	max-width: 100%;
	margin-top:30px;
}

*.absfullright  {
	 display:none;
}

*.absfulltop  {
	 display:none;
}

td#rightcol,  td#middlecol {
    display:none;
}

*.hideForMobile {
	 display:none;
}

*.statesearch, td#bottomad, div#award, div#idate {
	 display:none;
}

.standardBox {
    border-style:solid;
    border-width:3px;
    padding:5px;
}

.standardBoxDashed {
    border-style:dashed;
    border-width:3px;
    padding:5px;
}

img  {
    max-width: 100%;
}

*.footervp  {
	position: relative;
	 border-top: 1px solid #dfd9c2;
    text-align: center;
    font:  "Helvetica Neue",  Arial,  Helvetica,  Geneva,  sans-serif;
    margin-top: 6px;
    margin-left: auto;
    margin-right: auto;
    line-height: 250%;
}

.footervp a {
    padding: 16px;
}

*.button-spacing  {
    margin-top:10px;
    margin-bottom:10px;
}

*.addMarginToLink {
    line-height: 250%;
    padding-right:20px;
}

td.addMarginToLink a {
    line-height: 250%;
    padding-right:20px;
}

ul.boxLinks div.label-height, .lineHeight-250 {
    line-height: 250%;
}

form > div {
    margin: 0 0 15px 0; 
  }
  form > div > label,
  legend {
	  width: 100%;
    float: none;
    margin: 20px 0 5px 0;
  }
  form > div > div,
  form > div > fieldset > div {
    width: 100%;
    float: none;
  }
  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  textarea,
  select {
    width: 99%; 
  }
}
img.succesImage {
    float:right;
    clear:both;
    padding-left:4px;
}

/* make the toolbar wrap  from http://stackoverflow.com/questions/12991548/how-to-make-tinymce-responsive 
.mceToolbar td {
    display:table-row;
    float: left;
}
.mceToolbar td:nth-of-type(15){
    clear: left;
}
*/
/* make the toolbar wrap  from http://stackoverflow.com/questions/12991548/how-to-make-tinymce-responsive */
.mceToolbar td {
    display:table-row;
    float: left;
}
.mceToolbar td:nth-of-type(35){
    clear: left;
}

} /* END media max 700px */


div.desc {
    marigin-top:1em;
    display:inline-block;
}

#rightshadow  {
    padding: 0;
    margin: 0;
    background: url(../siteimages/pageds-sd-r.png) repeat-y right;
    padding-right: 24px;
    margin-right: -23px;
    z-index: 2;
	position: relative;
	    
}

#bottomshadow  {
    padding: 0;
    margin: 0;
    background: url(../siteimages/pageds-sd-bl.png) no-repeat left bottom;
    padding-bottom: 22px;
    z-index: 1;
	position: relative;
	    
}

#bottomrightshadow  {
    padding: 0;
    margin: 0;
    background: url(../siteimages/pageds-sd-br.png) no-repeat right bottom;
    padding-bottom: 0px;
    padding-right: 23px;
    z-index: 0;
	position: relative;
	  
}

#page  {
    background: #fff;
    min-height: 200px;
    height: auto !important;
    text-align: left;
    color: #000000;
    font: 16px/20px Georgia,  "Times New Roman",  Times,  serif;
    padding: 8px 0px 0px;
    margin: 0px -12px;
	position: relative;
	    
}

#checkadpage  {
    background: #fff;
    color: #000000;
	  
    font: 16px/20px Georgia,  "Times New Roman",  Times,  serif;
    padding: 8px 0px 0px;
    margin: 0px -12px;
	position: relative;
}

/* @end */

/* @group Header */

#toplinks  {
    font: 12px/18px Arial,  Verdana,  Helvetica,  sans-serif;
    position: absolute;
    display: block;
    top: 0px;
    right: 20px;
    margin: 0px;
}

#toplinks a  {
    background-image: url(../siteimages/uppertab.png);
    width: 85px;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 25px;
    text-decoration: none;
    color: #333;
    margin: 0;
    padding: 0;
	position: relative;
	z-index: 5;
}

#toplinks a:hover  {
    text-decoration: underline;
}

h1#logo  {
    padding: 0;
    display: block;
	position: relative;
    margin: 0 0 4px 16px;
}


h1  {
font-weight: bold;
font-size: 1.2em;
display: inline;
}

h2  {
font-weight: bold;
font-size: 1.1em;
display: inline;
}

#award  {
    margin-left: 410px;
    margin-top: -80px;
    display: block;
	position: relative;
}

#idate  {
    margin-left: 590px;
    margin-top: -80px;
    display: block;
	position: relative;
}

#fbicon  {
    margin-left: 460px;
    display: block;
    margin-top: -45px;
	position: relative;
	z-index: 6;
}


	
#navbar  {
    width: auto;
    margin: 8px 0px 4px;
    background: #369e40 url(../siteimages/navbar-gradientbg.png) repeat-x;
    height: 36px !important;
    font: 18px/34px "Lucida Grande",  "Lucida Sans Unicode",  Verdana,  sans-serif;
    padding: 0;
	position: relative;
	display: block;
}

#navbar ul  {
    list-style: none;
    padding: 0 0 0 10px;
    height: 36px;
    white-space: nowrap;
    margin: 0;
    width: auto;
	position: relative;
}

#navbar li  {
    display: block;
    float: left;
    padding-left: 5px;
    padding-top: 2px;
    padding-right: 13px;
    width: auto;
    position: relative;
    bottom: 0px;
}

#navbar li.tab  {
    background: url(../siteimages/navbar-activetab-right.png) no-repeat right 5px;
}

#navbar a  {
	display: block;
    position: relative;
/*    color: #eee; light grey \ ff9b07*/
    color: #062F98;
    text-decoration: none;
    margin-right: 0;
    padding-right: 0;
    padding-left: 14px;
    padding-top: 0;
	height: 34px;
}

#navbar a:hover  {
    /* color: #ff9b07;
    color: #003b00;
	 */
	color: #EDB865;
	text-decoration: underline;
}

#navbar .tab a  {
    color: #333;
    background: url(../siteimages/navbar-activetab-left.png) no-repeat 0 3px;
}

#navbar .freesplash  {
    position: absolute;
    right: -37px;
    top: -13px;
    z-index: 2;
    display: inline;
}


/* Fix IE 5 Mac */
#navbar li  {
	display:inline-block;
}


#navbar a  {
	display:inline-block;
	float:left;
}


#content  {
	clear:both;
}


/**/

/* @end */



/* Content area 
	clear: both;
	*/

#content  {
	margin: 0;
    padding: 4px 0px 4px 2%;
	width: auto;
    vertical-align: top;
} 

#contentlayout  {
	width: auto;
	margin: 12px 0 0;
    padding: 0;
    vertical-align: top;
}

#contentlayout td  {
    vertical-align: top;
    padding: 4px;
}



td#maincol  {
    width: auto;
    margin: 0px;
    padding: 0 4px 0 0;
    text-align: left;
    vertical-align: top;
}


#rightcol img  {
	display: inline;
    border: 0;
    margin-bottom: 20px;
}


#footer  {
	position: relative;
    border-top: 1px solid #dfd9c2;
    text-align: center;
    font: 75% "Helvetica Neue",  Arial,  Helvetica,  Geneva,  sans-serif;
    margin-top: 16px;
    padding-top: 8px;
    margin-left: 0px;
    margin-right: 0px;
}

#footer a  {
    color: #666 !important;
    text-decoration: none;
    margin-left: 4px;
    margin-right: 4px;
    ;
}



#footer a:hover  {
    text-decoration: underline;
}

#footer a:visited  {
    color: #999;
}

.copyright  {
    font-size: 90%;
}

.clearfix:after  {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac */
* html .clearfix  {
	height: 1%;
}


/* End hide from IE-mac */




/* ---------------------------------------- */

/* General typography */

#content a  {
	text-decoration: none;
	color: #006500;
}

#content a:hover  {
	text-decoration: underline;
}

#content a:active  {
	color: #00ab00;
}


#content a:visited  {
	color: #416444;
}


/* ---------------------------------------- */

/* General content */

.orangebox  {
    border: 1px solid #ff9b07;
    background-color: #fff3dd; /* light orange */
    font-size: 75%;
    line-height: 130%;
    margin: 4px 4px 8px;
    padding: 4px 4px 8px 6px;
    text-align: left;
}

.orangebox h3  {
	text-align: center;
	padding: 0px;
	margin: 0px;
    font: bold 140% "Lucida Grande",  Lucida,  Verdana,  sans-serif;
}

.continue  {
    text-align: right;
    padding-right: 1em;
    font-size: 120%;
}

form.compact  {
	text-align: left;
    font: 80%/140% "Helvetica Neue",  Arial,  Helvetica,  Geneva,  sans-serif;
    position: relative;
    margin: 4px 0 0;
}

form.compact ul  {
    list-style-type: none;
    margin: 0;
    padding: 0;
   	position: relative;
}

form.compact li  {
    margin: 0;
    padding: 0 0 4px;
   	position: relative;
}

form.compact label  {
	margin: 0;
    font-weight: bold;
    width: auto;
    display: block;
	vertical-align: middle;
	text-align: left;
    padding-bottom: 0px;
   	position: relative;
}

form.compact input  {
	width: 190px;
}


form.compact select  {
	font-size: 90%;
	padding: 0px 0px 0;
	margin: 0px;
}

form.compact input#submit  {
	margin-top: 8px;
	width: auto;
	display: block;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}





/* ---------------------------------------- */



/* Main page Content */

#maincol p:first-child  {
    margin-top: 0;
}

.featuredmembers  {
    background-color: #e5e8d5;
    padding: 4px 2px 4px;
    text-align: center;
    border-right-style: ridge;
    border: 2px solid #d1d9ad;
    margin-right: auto;
    max-width:350px;
    margin-left: auto;
}

.featuredmembers h3  {
    font-family: "Lucida Grande",  Lucida,  Verdana,  sans-serif;
    padding: 0;
	margin: 0 0 4px;
    white-space: pre;
}

.featuredmembers img  {
    border: 1px solid #333;
    margin: 4px;
    max-width: 90px;
}

/* width: 350px;
	*/



/* Quick registration form */
#quickregister  {
    font-size: 75%;
    line-height: 130%;
}

/* Quick registration form */
#specialsbox  {
    font-size: 75%;
    line-height: 130%;
}


#quickregister h3  {
    font-size: 13px;
    margin: 0 0 3px;
    padding: 0;
    text-align: center;
    font-weight: bold;
}

form#quickregform  {
	text-align: left;
    font: 80%/140% "Helvetica Neue",  Arial,  Helvetica,  Geneva,  sans-serif;
    position: relative;
    margin: 4px 0 0;
}

form#quickregform ul  {
    list-style-type: none;
    margin: 0;
    padding: 0;
   	position: relative;
}

form#quickregform li  {
    margin: 0;
    padding: 0 0 4px;
   	position: relative;
}

form#quickregform label  {
	margin: 0;
    font-weight: bold;
    width: auto;
    display: block;
	vertical-align: middle;
	text-align: left;
    padding-bottom: 0px;
   	position: relative;
}

form#quickregform input  {
	width: 190px;
}

form#quickregform select  {
	font-size: 90%;
	padding: 0px 0px 0;
	margin: 0px;
}

form#quickregform a#cityhelplink  {
	position: relative;
}



form#quickregform a#cityhelplink:hover  {
    color: #656565;
    text-decoration: none;
}

form#quickregform a#cityhelplink #cityhelp  {
	position: absolute;
	z-index: 20;
	bottom: 2em;
	left: -20px;
	border: 1px solid #006500;
	padding: 2px;
    background-color: #f0f0f0;
    color: #404040;
    text-decoration: none;
    width: 190px;
    font-weight: normal;
}

form#quickregform a#cityhelplink:hover #cityhelp  {
	display: block !important;
}

form#quickregform input#submit  {
	margin-top: 8px;
	width: auto;
	display: block;
    text-align: center;
/*	border: 2px outset #9f9f9f;
    background-color: #dce4d4;
	 */
    margin-right: auto;
    margin-left: auto;
}


/* TestimonialQuotes */

#testimonialquotes  {
    text-align: justify;
	    
}

#testimonialquotes .date  {
    text-align: right;
    font-size: 90%;
    color: #8b8b8b;
    margin: -1em 0px 0px;
    padding: 0px;
}

/* ---------------------------------------- */

/* Search page */

.searchform,  .searchform td  {
    font: 90% "Helvetica Neue",  Arial,  Helvetica,  Geneva,  sans-serif;
	text-align: left;
}


/*
.formsearch input  {
	width: 190px;
}
*/

/* placead.htm page */

/* fullad.cfm page */
td.topright  {
   text-align: right;
   vertical-align:text-top;
   font-weight: bold;
}

td.topleft  {
   text-align: left;
   vertical-align:text-top;
   font-weight: normal;
}

/* checkad */



/*
.orangebox h3  {
	text-align: center;
	padding: 0px;
	margin: 0px;
    font: bold 140% "Lucida Grande",  Lucida,  Verdana,  sans-serif;
*/

div.pictright {
    position:static;
}

}