/* basic styles needed for all sites */

/* standard styles */

 /* 1. Set base font and body attributes */

/* check for proper inheritance rules */

body {
	background-color: #fff;
}

body,div,span,p,ul,li,th,td,h1,h2,h3,h4,h5,h6 { /* be kind to nn4 inheritance principle */
	font-family: Verdana, Arial, Helvetica, Swiss, Futura, sans-serif;
	font-size: 11px;
	color: #000;
}


/* 2. Headings */

h1, h2, h3, h4, h5, h6 { margin-bottom: 1em; margin-top: 1em; text-decoration: none; }

h1, .headline  { font-size: 1.75em; }

h2, .subhead, .listheadline  { font-size: 1.5em; }

h3  { font-size: 1.25em; }

h4  { font-size: 1.15em; }

h5  { font-size: 1em; }


/* 3. Links */  /* lvha */

a { color: #939; }

a:link { color: #939; }

a:visited {  }

a:hover {
	color: #06C;
	text-decoration: underline;
}

a:active {
	color: #06C;
	text-decoration: underline;
}


/* 4. Formatting block-level and inline elements */
p { 
	margin-top: 0; 
	margin-bottom: 1em; 
	text-align: left;   /* to prevent bug in ie6 */
	/*/*/ line-height: 1.5em; /**/  /* commented out for nn4.7 */
}

/*div, span { 
	margin: 0; 
	margin-bottom: 1.5em;  
	padding: 0; 
	text-align: left; 
}
do we need this?
*/

ul, li {
	margin-bottom: 0px;
}

#content ul{
margin: 5px;
padding: 5px;
}

#content li {
	/*/*/ line-height: 1.5em; /**/
	}


/* Do we need both small _and_ tiny? perhaps should also use font-size keywords rather than px */
.ezsmall {
	font-size: 10px;
}
.eztiny {
	font-size: 9px;
}

/* 5. Layout IDs */
#wrapper { 	/* main div that the whole page is wrapped in */
}

#main { /* for main div or table that contains design, nested in wrapper */

}

#header {
}

#leftcol {
vertical-align: top;
}

#midcol {
vertical-align: top;
}

#content { 
vertical-align: top;
}

#rightcol {
vertical-align: top;
}

#navbar {
}

#footer {
}

#usmtag {
margin: 10px;
}

/* 6. Tables */

table {
	padding: 0;
	margin: 0;
/*	margin-bottom: 1.5em;  */ /* why ? */
	border: 0;
	border-collapse: collapse;
}

td, th {
	margin: 0;
	padding: 0;
}

th {
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: #999;
}

.bglight { background-color: #F0F0F0; }

.bgdark { background-color: #DCDCDC; }

.bghighlight { background-color: #FFC; }

/* 7. Forms and Buttons */
form {
	margin: 0;
	margin-bottom: 0;  /* remove extra space after form */
}

label { font-weight: bold; cursor: pointer; } /* makes form labels clickable */

select,input,textarea { 
/* 	font-family: "Courier New", Courier, mono;  */
	font-size: 11px;
	color: #000;
}

input:focus { background: #eee; }
textarea:focus { background: #eee; }


.okbutton {}

/* need to find the other buttons that should go in here  tinybutton? */

/* IMAGES */

.imgright { /* a style to float right and add padding for an image */
display: block;
float: right;
padding: 0;
margin: 0 0 20px 20px;
}

.imgleft {
display: block;
float: left;
margin: 0 20px 20px 0;
padding: 0;
}

/* 8. CSS tricks & misc */

.hide { display: none; }

/* img { 
	display: block; 
	border: 0; 
} */

.clear {
	clear: both; 
	margin: 0;
}

.inline { display: inline; }

.ezspacer { padding-top: 8px; padding-bottom: 8px; }

.left { text-align: left; }

.center { text-align: center; }

.right { text-align: right; }

.indent { margin-left: 2em; }

.hanging p { /* for hanging indent */
text-indent: -3em;
margin: 0 0 0 3em;
padding: 0;
}

/* 9. Errors and other special flags */
.ezhighlight { 
	background-color: #FF6;
}

.ezerror {
	font-weight: bold;
    color: #c00;
}

input.ezerror {
color: #fff;
background-color: #f99;
border: 1px solid #000;
}

.ezalert {
	font-weight: bold;
    color: #F66;
}
.ezerrorlist {     
	padding: 5px;
	background-color: #F66;
	border: 1px solid #F66;
}
.ezerrorlist p, .ezerrorlist li {
	font-weight: bold;
    color: #f66;
}
.ezcode {
	font-size: 13px;
	font-family: Courier New, Courier;
}

/* 10. CSS BY MODULE */
/* Common */

.eznav {     /* not working quite right in IE 5.0 */
	font-weight: bold;
}

.eznav span, .eznav div, .eznav form, .eznav p { margin: 0; } /* set margins for nav elements */

.ezbreadcrumbs { 
	background-color: #eee;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 3px;
	vertical-align: middle;
}

.ezbreadcrumbs img { display: inline; margin-right: 5px; margin-left: 5px;}

.ezsearch { 
	text-align: right; 
	margin: 0;
}  

.ezattachedfile { }

.ezreadmore img { display: inline; margin-right: 5px; }

.eznavigator { background-color: #eee; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

.ezdetails { font-size: 11px; }

.ezfiledetails { font-size: 10px; color: #666; }

.ezdetails strong { color: #333; }  /* used for labels generally */

.ezsubmitmenu {  /* used for rows of submit buttons in forms */
	background-color: #eee;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 0px;
	padding: 3px;
}

.eztablelist {   /* use with lists laid out in tables */
	margin-bottom: 1em;
}
.ezlist {  /* use with lists not laid out in tables */

	margin-bottom: 1em;
}
.ezimagecontainer, .ezimagecontainer p { text-align: center; }
.ezimagecontainer label { font-weight: normal; }

.ezcontact { }  /* used for residential.tpl, will it apply elsewhere??? */

/* ezAd */
#ezadboxtpl { }
#ezadboxtpl img { display: inline; }
#ezadboxtpl ul { list-style-type: none; }
#ezannounceboxtpl { }
#ezannounceboxtpl img { display: inline; }
#ezannounceboxtpl ul { list-style-type: none; }

/* eZArticle  */
#ezarticleviewtpl { }
#ezarticlelisttpl { }
#ezarticlecategory { }
#ezarticlestatictpl { }
.ezarticleimage { 
	width: 200px; 
	float: right;
	text-align: center;
}
#ezarticleedittpl { }
#ezarticleheaderlisttpl { }
#ezauthorlisttpl { }
#ezauthorviewtpl { }
#ezcustomlisttpl { }
#ezcustomviewtpl { }
#ezemailviewtpl { }
#ezextendedsearchtpl { }
#ezheadlinestpl { }
#ezarticleindextpl { }
#ezarticleindextpl { }
#ezmenuboxtpl { }
#ezarticlesearchtpl { }

/* eZImage  */
#ezimageedittpl { }
#ezimagecontainer p { text-align: center; }
#ezimagelisttpl { }
#ezimagecategory { }
#ezimagelist { }
#ezimageviewtpl { }
.ezsendimage, .ezsendimage p { text-align: right; }


/* eZFileManager  */
#ezfilelisttpl { }
#ezfileuploadtpl { }
#ezfileviewtpl { }
.ezfilelist {
	padding: 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.ezfilelist img { 
	display: inline;
}
#ezfileviewtpl { }
#ezfolderedittpl { }
#ezfilesearchtpl { }
#ezfileviewtpl { }

/* eZUser  */
#ezaddressedittpl { }
#ezcrossauth { } /* is this stylle neccessary?  haven't added it to tpl yet */
#ezforgottpl { }
#ezforgotmessagetpl { }
#ezlogin {
	width: 350px;
	padding: 10px;
	border: 1px solid #000;
	text-align: center;
}
#ezlogin p {
	text-align: center;
}
#ezloginmaintpl { }
#eznorightstpl { }
#ezregistermailtpl { }
#ezsendtotpl { }
#ezuserboxtpl { }
#ezuseredittpl { }
#ezuserwithaddresstpl { }

/* eZProddir  */

/* Controls {td_class} variable */
.bglight {
	background-color: #f5f5f5;
}

/* Controls {td_class} variable */
.bgdark {
	background-color: #e7e7e7;
}

/* Controls the master div id per mls */
#ezresidentialtpl, 
#ezlandtpl, 
#eztownhousestpl,
#ezcommercialtpl,
#ezmultifamilytpl { 
	text-align: center;
	padding: 0;
	margin: 0;
}

/* Controls the h3 heading tag */
#ezresidentialtpl h3, 
#ezlandtpl h3, 
#eztownhousestpl h3, 
#ezcommercialtpl h3, 
#ezmultifamilytpl h3 {
	text-align: center;
}

/* Controls the table styles */
#ezresidentialtpl table, 
#ezlandtpl table, 
#eztownhousestpl table, 
#ezcommercialtpl table,
#ezmultifamilytpl table {
	margin: 1px;
	padding: 1px;
}

.ezprodlistfeatured table { }

/* Controls the table heading styles */
#ezresidentialtpl th, 
#ezlandtpl th, 
#eztownhousestpl th,
#ezcommercialtpl th,
#ezmultifamilytpl th {
	text-align: center;
}

/* Controls the table cell styles */
#ezresidentialtpl td, 
#ezlandtpl td,
#eztownhousestpl td,
#ezcommercialtpl td,
#ezmultifamilytpl td {
	text-align: left;
}

/* Controls the border around the mls images */
#ezresidentialtpl img, 
#ezlandtpl img, 
#eztownhousestpl img, 
#ezcommercialtpl img,
#ezmultifamilytpl img {
	border: 1px #000 solid;
}


/* Request More Info Form */
.rmif table { padding: 5px; }


/* College Fonts? If these are, they should be removed to a colleges style sheet. */

/* .buttonbar {  background-color: #999999;
	font-size: 10px}
.barborder { background-color: black; }
.barcolor0 { background-color: #FF0000; }
.barcolor1 { background-color: #DD0000; }
.barcolor2 { background-color: #BB0000; }
.barcolor3 { background-color: #990000; }
.menu, .menutext, .menubold, .pictext, .credit { font-size: 11px; }
.menu { font-weight: normal; text-decoration: none; }
.menutext { margin-bottom: 4px; }
.menubold { font-weight: bold; }
.menuspacer { font-size: 2px; }
.menuhead { background: #777777; font-size: 18px; color: #ffffff; font-weight: normal; text-align: center;}
*/

/* Admin System Styles? IF these are admin system only, then they should be moved to a separate section of this style sheet, or perhaps their own. ideally there would be mostly overlap between the admin and regular sites, with only a small set of admin-only styles */

/*
.linkselect { color: #ffffff; }
.linknormal { color: #000000; }
.top, .topusername { color: #000000; font-size: 11px; }
.top { font-weight: bold; text-decoration: none; }
.topusername { font-weight: normal; }
.modulename { font-size: 20px; line-height: 20px; font-weight: normal; }
.repeatx { background-repeat: repeat-x; font-size: 1px; }
.repeaty { background-repeat: repeat-y; font-size: 1px; }
*/

/* styletest project at style.cxlinux */
.styleheader {
	width: 50%;
	position: relative;
	left: 25%;
	border: 1px solid #000;
	text-align: center;
	font-size: large;
	font-weight: bold;
	clear: both;
}
.stylesectionheader {
	width: 100%;
	border: 5px solid #000;
	text-align: center;
	font-size: large;
	font-weight: bold;
}