/* ----------------------------------------
CMS Style Sheet
I hardly updated this poor back-end.  Had to
choose my battles. . . function over form
for the web application.
---------------------------------------- */

* {margin:0; padding:0; font:13px Helvetica, Arial, sans-serif; color:#333; list-style:none; border:0;}
body {margin:2em 4em; background:url(../images/body-bg.jpg) top left repeat-x #1b386E;}


h1 {color:#000;}
p {margin:1.2em 0;}
a:link, a:visited {color:#333; text-decoration:none;}
a:hover, a:active {color:#dd8223; text-decoration:underline;}
.clear {clear:both;}

form {text-align:right;}
fieldset {text-align:left; padding:1.5em; background-color:#eee; border:1px solid #333;}
/* IE fieldset top color bleed bug fix */
fieldset {position:relative; margin:0 0 1em 0;}
legend {position:absolute; top:-1em; left:.2em;}

legend {font:16px helvetica, sans-serif; color:#333; background-color:#eee; border:1px solid #333; border-bottom:0; padding:.2em .4em;}
label {display:block; margin-top:.5em; font-size:1.2em; font-weight:bold; color:#333;}
.notification {color:#f30; text-align:right; font-size:1.1em;}
input, textarea {border:1px solid #333; width:98%; padding:.4em; font-size:14px;}
textarea {height:5em;}
select	{border:1px solid #333; font-size:14px; padding:.2em; width:200px;}
select option	{font-size:11px;}
.btn {width:10em; margin-top:.4em; padding:.4em; border:1px solid #fff; background-color:#333; color:#fff; font-size:14px;}
.cancel {margin-left:1em; background-color:#f30;}

.error {margin:1em 0; padding:.6em; font-style:italic; font-size:14px; border:1px solid #333; background-color:#fff; color:#f30;}
#message {margin:1.4em 0; padding:1em; text-align:center; background-color:#dd8223; color:#fff; border:1px solid #d2a334; font-style:italic; font-size:14px;}
#add-record a {float:right; width:5em; padding:.4em; text-align:center; font-size:18px; background-color:#eee; border:1px solid #333;}
.no-records {font-size:18px; font-style:italic; color:#fff; text-align:center; clear:both;}

/* Login screen */
#authenticate {width:500px; padding:10px; margin:auto;}
#authenticate .error {margin:1em 0; padding:0; color:#f30; border:0; background-color:#eee;}

#markup	{margin: 10px auto;}

#records {clear:both; width:100%; margin:1.4em 0; border:1px solid #333; border-collapse:collapse; background-color:#fff;}
#records tr {border-bottom:1px dotted #eee;}
#records td {padding:.8em; text-align:center; font-size:14px;}
#records .title {text-align:left; font-weight:bold; color:#333;}

.edit {font-size:10px; padding-left:20px; background:url(../i/edit.png) no-repeat; height:24px; display:block; width:3em;}
.delete {font-size:10px; padding-left:20px; background:url(../i/delete.png) no-repeat; height:24px; display:block; width:3em;}

/* Delete */
#confirm {float:left; width:40em; margin:0 1.5em 3em 0; padding:.6em; font-style:italic; font-size:14px; border:1px solid #333; background-color:#fff; color:#333;}
#delete-buttons a {float:left; width:5em; margin:0 1.5em 3em 0; padding:.4em; text-align:center; font-size:18px; background-color:#eee; border:1px solid #333;}
#delete-buttons .delete-confirm {background-color:#f30; color:#fff;}
#delete-records h3 {clear:both; font-size:26px; color:#fff;}
#delete-records p {font-size:14px; color:#999;}
#delete-records .dateposted {font-size:12px; color:#eee;}


/* Home */
#home {width:500px; padding:10px; margin:auto; padding:1.5em; background-color:#eee; border:1px solid #333; list-style:none;}
#home li {margin:1em;}
#home li a {font-size:14px;}
#logout {font-size:14px; padding:.6em; border-bottom:1px solid #666; margin-bottom:2em; color:#fff; text-align:right;}
#logout a {font-size:inherit;}
#logout a:link, #logout a:visited {color:#999; text-decoration:none;}
#logout a:hover, #logout a:active {color:#dd8223; text-decoration:underline;}





#yui-dt0-bodytable	{
width: 100%;
}

#yui-dt0-bodytable caption	{
color: white;
font-size: 14px;
}

#delete_lead	{
background: white;
margin: 0 auto;
padding: 15px;
width: 60%;
}

#delete_lead h3	{
font-size: 36px;
margin: 5px 0;
}

#delete_lead p	{
font-size: 16px;
margin: 5px 0;
}

#logo	{
float: left;
}

#post-form	{
margin-top: 25px;
}

#home form 	{
}

#home form select, #home form input	{
float: left;
}


/*
P.I.E. FLOAT CLEARING

See http://www.positioniseverything.net/easyclearing.html 
--------------------- */



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

.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */