/* RESET
======================================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}

/* COLORS
=======================================
#0181b1 - light blue (fonts, accents)
#019eda - light blue (hovers)
#294159 - dark blue (main)
#41688f - dark blue highlight
#355473 - dark blue border
#56873f - green (btn)
#9ac685 - lighter green (btn highlight)
#FF3400 - red
======================================= */

/* GLOBAL STYLES
======================================= */

html {
height:100%;
overflow-y: scroll;
line-height:1em;
background-color:#ececec;
background:url(/img/fabric.jpg);
}
body {
text-align:left;
height:100%; 
font-family:tahoma,arial,sans-serif;
font-size:10px;
background-color:#ececec;
background:url(/img/fabric.jpg);
}
iframe {
    margin-bottom:15px;
}
::selection {background:#0181b1; color:#fff;}::-moz-selection {background: #0181b1; color:#fff;}
.clr { clear:both; }
.hidden { display:none; }
.fl { position:relative; float:left; margin-right:1em; }
.fr { position:relative; float:right; margin-left:1em; }

@font-face {
font-family: 'logofont';
src: url('/css/fonts/logofont/logofont.eot');
src: url('/css/fonts/logofont/logofont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/logofont/logofont.woff') format('woff'), url('/css/fonts/logofont/logofont.ttf') format('truetype'), url('/css/fonts/logofont/logofont.svg#EBGaramondRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('/css/fonts/web-symbols/WebSymbols-Regular-webfont.eot');
    src: url('/css/fonts/web-symbols/WebSymbols-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/web-symbols/WebSymbols-Regular-webfont.woff') format('woff'),
         url('/css/fonts/web-symbols/WebSymbols-Regular-webfont.ttf') format('truetype'),
         url('/css/fonts/web-symbols/WebSymbols-Regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Heydings';
    src: url('/css/fonts/heydings/heydings_icons-webfont.eot');
    src: url('/css/fonts/heydings/heydings_icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/heydings/heydings_icons-webfont.woff') format('woff'),
         url('/css/fonts/heydings/heydings_icons-webfont.ttf') format('truetype'),
         url('/css/fonts/heydings/heydings_icons-webfont.svg#HeydingsCommonIconsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 {
font-size:2.6em;
color:#fff;
font-weight:normal;
height:1em;
}
h1 a {
color:#fff;
text-decoration:none;
}
h2 {
font-size:2.6em;
color:#0181b1;
font-family:logofont,serif,times-new-roman;
font-weight:normal;
line-height:1.5em;
padding-bottom:.5em;
text-shadow: 0px 1px #fff;
}
h3 {
font-size:1.2em;
color:#0181b1;
line-height:1.5em;
font-weight:normal;
}
h4 {
font-size:1.6em;
color:#0181b1;
line-height:2.4em;
font-weight:normal;
}
h5 {
font-family:sans-serif;
font-size:2.4em;
color:#444;
margin-top:.6em;
margin-bottom:.8em;
padding-left:.2em;
text-shadow:0px -1px #ccc;
}
h6 {
font-family:sans-serif;
font-size:1.4em;
color:#666;
margin-bottom:.8em;
padding-bottom:.6em;
padding-left:.2em;
border-bottom:solid 1px #ccc;
}
p {
font-size:1.4em;
color:#333;
line-height:1.5em;
margin-bottom:.4em;
}
p a {
text-decoration:none;
color:#0181b1;
}
p a:hover {
text-decoration:none;
color:#9ac685;
}
label {
float:left;
font-size:1.2em;
color:#0181b1;
font-weight:normal;
line-height:1.5em;
width:10em;
line-height:2em;
}
ul {
font-size:1.2em;
color:#333;
line-height:1.5em;
margin:1em 0em 1em 1em;
}
ul li {
margin:1em 0em 1em 2em;
list-style-type: circle;
}
ol {
font-size:1.2em;
color:#333;
line-height:1.5em;
margin:1em 0em 1em 1em;
}
ol li {
margin: 1em 0em 1em 2em;
list-style-type: decimal;
}
h4 a {
text-decoration:none;
color:#0181b1;
line-height:2em;
font-weight:normal;
}
h4 a:hover{
color:#666;
}
.h4label {
float:left;
width:4em;
margin:0em 1em;
font-weight:bold;
color:#68B207;
}
.working {
font-family:WebSymbolsRegular;
display:none;
color:#9AC685;
width:100em;
line-height:1em;
font-size:1em;
}
.webicon {
font-family:WebSymbolsRegular;
}
.heydings {
font-family:Heydings;
font-size:1.4em;
position:relative;
top:.2em;
line-height:.8em;
}
.close {
text-decoration:none;
color:#333;
font-size:1em;
}
.close :hover {
color:#9ac685;
}
.white {
color:#ffffff;
}
.check {
display:none;
color:#9ac685;
font-family:WebSymbolsRegular;
font-size:.9em;
}

/* HEADER
======================================= */

#header {
position:relative;
width:100%;
min-height:6em;
background-color:#294159;
padding-top:1em;
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 10px;
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 10px;
box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 10px;
z-index:9;
}
#headershort {
position:relative;
min-height:5.6em;
padding:1em;
margin:0em 1% 1em 1%;
background-color:#294159;
-webkit-border-radius: .4em; 
-moz-border-radius: .4em; 
border-radius: .4em; 
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0em 0em 2em;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0em 0em 2em;
box-shadow: rgba(0, 0, 0, 0.2) 0em 0em 2em;
z-index:4;
}
#headerlogo {
position:relative;
float:right;
margin: .4em 3em 0em 0em;
padding:0em 2em .6em 2em;
height:4em;
width:22em;
text-shadow: 0px -1px #0e171f;
}
.h1logo {
font-family:logofont,serif,times-new-roman;
line-height:1.2em;
}
.msgclose {
position:absolute;
right:1.4em;
top:0;
width:1.6em;
height:1.6em;
display:block;
}
.msgclose .heydings {
color:white;
}
.msgclose .heydings:hover {
color:#cccccc;
}
.links {
margin:1.4em 0em 0em 0em;
}
#dropbtn {
position:relative;
float:right;
color:#fff;
font-size:2.3em;
line-height:1em;
margin-top:-.3em;
margin-left:-.5em;
cursor:pointer;
text-shadow: 0px -1px #333;
}
#dropbtn:hover {
color:#0181b1;
}
#dropnav {
position:absolute;
margin-top:1.8em;
}
#dropnav #lnav {
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0em 0em 2em;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0em 0em 2em;
box-shadow: rgba(0, 0, 0, 0.2) 0em 0em 2em;
}

/* SEARCH
======================================= */

#searchbox {
position:relative;
float:left;
font-family:tahoma,arial;
color:#c1c1c1;
background-color:#fff;
height:3em;
width:26.5em;
margin-top:.6em;
margin-left:1em;
margin-bottom:1em;
padding:.6em .5em 0em 1em;
-moz-box-shadow:    inset 1px 1px 3px #999;
-webkit-box-shadow: inset 1px 1px 3px #999;
box-shadow:         inset 1px 1px 3px #999;
-webkit-border-radius: .8em; -moz-border-radius: .8em; border-radius: .8em;
}
#searchinput {
border:none;
}
#searchinput input {
float:left;
font-family:tahoma, arial;
color:#777;
width:16em;
border:none;
height:1.4em;
font-size:1.4em;
padding-left:.3em;
}
#searcharrows {
position:relative;
float:right;
}
#searcharrows a {
font-size:2em;
text-decoration:none;
color:#999;
}
#searcharrows a :hover {
color:#9ac685;
}
#searcharrows img {
width:3em;
height:2.6em;
}

/* RESULTS
======================================= */

.resultsbox a {
text-decoration:none;
}
.selectionname {
color:#0181B1;
font-weight:bold;
}
.selectiondate {
color:#777;
}
.nameloc {
margin-left:2em;
}
.cememail a, .cemwebsite a {
color:#777;
}
.cememail a:hover, .cemwebsite a:hover {
color:#0181B1;
text-decoration:underline;
}
#resultscontainer {
overflow:hidden;
overflow-y:auto;
margin-bottom:1em;
padding: 0 0 1em 0;
}
#namecontainer {
overflow:hidden;
overflow-y:auto;
margin-bottom:1em;
}
#searchresults {
color:#777;
overflow:visible;
padding-bottom:2em;
}
#nameresults {
color:#777;
overflow:visible;
padding:2em;
}
#nameresults input {
width:10em;
margin-bottom:.6em;
border:solid 1px #ccc;
padding:.2em;
}
#nameresults select {
width:10em;
margin-bottom:.6em;
border:solid 1px #ccc;
padding:.2em;
}
#searchresults a { 
text-decoration:none;
}
#nameresults a {
text-decoration:none;
/*
background-color:#56873f;
color:#fff;
padding:.4em .6em;
-webkit-border-radius: .4em; -moz-border-radius: .4em; border-radius: .4em;
*/
}
#searchresults a p { 
color:#777;
line-height:2.5em;
padding:0em 0em 0em .4em;
margin:0em;
}
#nameresults a p {
color:#777;
line-height:2.5em;
padding:0em 0em .4em .4em;
margin:0em;
}
#searchresults a p:hover { 
color:#0181b1;
background-color:#cacaca;
}
#nameresults a p:hover {
color:#0181b1;
background-color:#cacaca;
}
.head {
float:left;
background-color:#999;
font-family:arial,tahoma;
color:#fff;
text-decoration:none;
list-style-type:none;
font-size:1.4em;
padding:.6em;
-webkit-border-radius: .4em; -moz-border-radius: .4em; border-radius: .4em;
}
.selection {
float:left;
color:#777;
font-size:1.2em;
line-height:1.4em;
list-style-type:none;
padding:0em 1em 1em .4em;
width:20em;
margin-bottom:1em;
}
.selection:hover {
cursor:pointer;
}
.selection .indent {
margin-left:1em;
}
.resultsbox .public label {
text-shadow: 0px 1px #ffffff;
}
#nameresults a p img {
margin-top:.6em;
margin-left:.6em;
}
#nameresults a p {
color:#333;
text-shadow: 0px -1px #bbb;
}
#nameresults a p:hover {
color:#222;
text-shadow: 0px -1px #aaa;
}
#nameresults form {
margin-bottom:2em;
}
.resultsbox .public, 
.resultsbox .cemInfo, 
.resultsbox .latlng, 
.resultsbox .priv, 
.resultsbox .privLink, 
.resultsbox .own,
.resultsbox .ownLink,  
.resultsbox .disinter,
.resultsbox .disinterLink,
.resultsbox .btncontainer,
.resultsbox .pictures,
.resultsbox .layoutbox {
position:relative;
float:left;
width:27em;
margin-right:2em;
margin-bottom:2em;
}
.resultsbox .pictures {
min-height:20em;
}
.resultsbox .pictures .pic {
font-size:10em;
line-height:1.8em;
clear:both;
text-align:center;
background-color:#ddd;
border:solid 1px #aaa;
border-bottom:solid 1px #ccc;
border-right:solid 1px #ccc;
min-height:2em;
text-shadow: 0px 1px #fff;
margin-bottom:.3em;
}
.resultsbox .pictures .pic:hover {
background-color:#ccc;
color:white;
cursor:pointer;
text-shadow: 0px -1px #999;
}
.resultsbox .pictures p {

}
.resultsbox .resultsbtn {
width:27em;
}
#tabcontrol {
height:3em;
padding:1em 1.2em 0em 1.2em;
background-color:#eee;
border-bottom:solid 1px #666;
-moz-box-shadow:    inset 0px 1px 3px #999;
-webkit-box-shadow: inset 0px 1px 3px #999;
box-shadow:         inset 0px 1px 3px #999;
}
#tabcontrol .tabbtn {
display:block;
float:left;
width:6em;
margin-right:1em;
padding:.6em .8em .4em .8em;
font-size:1.4em;
background-color:#bbb;
-webkit-border-radius: .3em .3em 0em 0em; 
-moz-border-radius: .3em .3em 0em 0em; 
border-radius: .3em .3em 0em 0em;	
border:solid 1px #666;
text-decoration:none;
text-shadow: 0px 1px #ccc;
color:#444;
text-align:center;
}
#tabcontrol .tabbtn:hover {
cursor:pointer;
}
#tabcontrol .selected {
color:#0181b1;
background-color:#fff;
border-bottom:solid 1px #fff;
text-shadow: 0px -1px #eee;
font-weight:bold;
}
#namelinks, #cemlinks, #ownerlinks {
text-shadow: 0px 1px #fff;
}
.hoverbox {
position:absolute;
background-color:#fff;
border:solid 1px #999;
margin-top:1em;
margin-left:1em;
padding:1.2em 1.6em;
-moz-box-shadow:    0px 1px 3px #999;
-webkit-box-shadow: 0px 1px 3px #999;
box-shadow:         0px 1px 3px #999;
min-width:10em;
z-index:4;
}
.hoverbox strong {
color:#0181b1;
}
.hboxinput {
margin-left:0em;
margin-top:2em;
font-size:1.2em;
}
.hboxinput .indent {
margin-left:1em;
}
.chat-bubble-arrow-border {
border-color: transparent transparent #999 transparent;
border-style: solid;
border-width: 10px;
height:0;
width:0;
position:absolute;
top:-21px;
left:18px;
}
.chat-bubble-arrow {
border-color: transparent transparent #fff transparent;
border-style: solid;
border-width: 10px;
height:0;
width:0;
position:absolute;
top:-20px;
left:18px;
}
.dropnav-arrow {
top:-19px;
left:90px;
z-index:4;
}
.zoomhere {
color:#666;
font-size:.8em;
font-weight:normal;
margin-left:.4em;
}
.zoomhere:hover {
color:#0181b1;
}
.actions {
line-height:2em;
padding-bottom:2em;
}
.actions a {
color:#0181b1;
font-size:1.6em;
padding-left:.8em;
}
.actions a span.heydings {
font-size:1.5em;
}
.actions a:hover {
color:#9ac685;
}
.obit {
display:block;
font-size:1.4em;
border:none;
padding:1em;
}
.obit p {
font-size:1em;
}
.editobit {
border:solid 1px #ccc;
-moz-box-shadow:    0px 1px 3px #999;
-webkit-box-shadow: 0px 1px 3px #999;
box-shadow:         0px 1px 3px #999;
}
.newobit {
color:#0181b1;
}
.newobit:hover {
color:#9ac685;
}
.obittitle {
border:solid 1px #ddd;
background-color:#eee;
padding:.4em 1em;
margin-bottom:0em;
}
.obitbtn {
padding:.2em .6em;
margin:0em 1.6em;
-webkit-border-radius: .3em; 
-moz-border-radius: .3em; 
border-radius: .3em;
color:#fff;
background-color:#0181b1;
}
.obitbtn:hover {
color:#fff;
background-color:#9ac685;
}
.savebtn {
background-color:#FF3400;
}
.limitlink {
color:#0181b1;
}
.limitlink:hover {
color:#9ac685;
}
.thumbs {

}
.thumbs img {
clear:left;
padding:.5em;
margin:0em .5em .5em 0em;
background-color:#ffffff;
border:solid 1px #999999;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0em 0em .4em;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0em 0em .4em;
box-shadow: rgba(0, 0, 0, 0.2) 0em 0em .4em;
}
#preview {
border:solid 1px #aaaaaa;
padding:.5em;
margin-bottom:1em;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0em 0em .4em;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0em 0em .4em;
box-shadow: rgba(0, 0, 0, 0.2) 0em 0em .4em;
}
#uploadmsg {
position:relative;
margin-top:.4em;
margin-left:1.8em;
}
#imageform input {
width:15em;
margin-left:1.8em;
}
#gallery {
padding-left:1.4em;
}


/* MAINCONTAINER
======================================= */

#maincontainer {
position:relative;
width:100%;
}

/* CONTENTCONTAINER
======================================= */

#contentcontainer {
position:relative;
margin:1em auto 0em auto;
}

/* LEFTCOL
======================================= */

#leftcol {
float:left;
position:relative;
width:20em;
min-height:50em;
height:auto !important;

padding:0em;
margin-right:1em;
}
#leftcolcontent { 
background-color:#fff;
font-family:arial,tahoma;
color:#fff;
height:9em;
text-decoration:none;
list-style-type:none;
font-size:1.4em;
padding:.6em;
border:solid 1px #cecece;
border-top:solid 1px #bababa;
}
#leftcolcontent a { 
text-decoration:none;
}
#leftcolcontent a p:hover { 
color:#0181b1;
}

/* LEFTCOLMIN
======================================= */

#leftcolmin {
position:relative;
float:left;
width:14em;
margin-right:3em;
padding:0;
margin-left:1%;
margin-bottom:3em;
}
#leftcolbtn {
position:relative;
margin:0em;
padding-top:1em;
}
#leftcolbtn li {
list-style:none;
margin:0em;
padding:0em 0em 1em 0em;
}
#leftcolbtn .btn {
width:10em;
height:1.4em;
line-height:1.2em;
display:block;
text-align:center;
}
#lnav {
position:relative;
width:100%;
margin:0em;
padding:1em 0em 1em 1em;
background-color:#fff;
border:solid 1px #cdcdcd;
-webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0em 0em .4em;
-moz-box-shadow: inset rgba(0, 0, 0, 0.2) 0em 0em .4em;
box-shadow: inset rgba(0, 0, 0, 0.2) 0em 0em .4em;
}
#lnav li {
list-style:none;
margin:0em;
line-height:2em;
}
#lnav li a {
display:block;
color:#0181b1;
text-decoration:none;
font-size:14px;
padding:.5em 0.5em;
text-shadow: 0px -1px #dbdbdb;
}
#lnav li a:hover {
-webkit-border-radius: .2em; -moz-border-radius: .2em; border-radius: .2em;	
color:#5f9545;
text-shadow: 0px -1px #c2dcb5;
}
#lnav li a .webicon, #lnav li a .heydings {
text-shadow:none;
display:block;
width:2.2em;
float:left;
}
#lnav li a .webicon {
padding-left:.1em;
}
#lnav li a .heydings {
width:1.6em;
}

/* MIDCOL
======================================= */

#midcol {
position:relative;
float:left;
}

/* RIGHTCOL
======================================= */

#rightcol {
float:right;
position:relative;
width:25.5em;
min-height:50em;
height:auto !important;
height:50em;
padding:0em 1.5em;
margin-left:2.5em;
background-color:#e5e5e5;
-webkit-border-radius: .8em; -moz-border-radius: .8em; border-radius: .8em; 
}

/* FULLCOL
======================================= */

#fullcol {
display:block;
position:relative;
float:left;
padding-top:1em;
min-height:25em;
height:auto !important;
height:25em;
margin-left:2.5em;
margin-bottom:5em;
width:70em;
}
#fullcol .text {
font-family:helvetica, arial;

color:#666;
padding:.2em .6em;
border:solid 1px #cccccc;
}
#fullcol label {

}
.fieldgroup {
margin-bottom:1em;
}
.popoutbox {
position:absolute;
top:2em;
right:0em;
padding:1em 4em 2.5em 4em;
text-align:center;
background-color:white;
-webkit-border-radius: .8em; -moz-border-radius: .8em; border-radius: .8em; 
border:solid 1px #999;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0em 0em .4em;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0em 0em .4em;
box-shadow: rgba(0, 0, 0, 0.2) 0em 0em .4em;
}
.popoutbox .btn {
font-size:1.4em;
}

/* FOOTER
======================================= */

#footer {
position:relative;
height:2em;
padding:.4em .6em;
line-height:2em;
border:none;
}
#footershort {
position:relative;
margin-left:19em;
}
#footernav {
position:relative;
font-size:1.1em;
color:#777;
}
#footernav a {
color:#999;
text-decoration:none;
text-shadow: 0px 1px #fff;
border-left:solid 2px #ccc;
padding:0 1em;
line-height:2em;
}
#footernav a:hover {
color:#0181b1;
}
#footernav :first-child {
border:none;
}

/* TRAILING STYLES
======================================= */

.corner {
position:absolute;
display:block;
z-index:500;
background:url('/img/corners.png') no-repeat;
zoom:1;
}
.c_tl { top:0px; left:0px; background-position:0px 0px; }
.c_tr { top:0em; right:0px; background-position:-8px 0px; }
.c_bl { bottom:0px; left:0px; background-position:0px -8px; }
.c_br { bottom:0px; right:0px; background-position:-8px -8px; }
.c8 { width:8px; height:8px; font-size:0em; }
.c5 { width:5px; height:5px; font-size:0em; }
#message {
position:absolute;
text-align:center;
z-index:11;
text-shadow: 0px -1px #52803c;
background-color: #9ac685;
background-image: -webkit-gradient(linear, left top, left bottom, from(#9ac685), to(#56873f)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #9ac685, #56873f); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image:    -moz-linear-gradient(top, #9ac685, #56873f); /* FF3.6 */
background-image:     -ms-linear-gradient(top, #9ac685, #56873f); /* IE10 */
background-image:      -o-linear-gradient(top, #9ac685, #56873f); /* Opera 11.10+ */
background-image:         linear-gradient(top, #9ac685, #56873f);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9ac685', EndColorStr='#56873f'); /* IE6-IE9 */
height:4em;
line-height:4em;
left:0em;
right:0em;
top:0em;
color:#fff;
font-size:1.2em;
font-weight:bold;
display:none;
}
#message a {
text-decoration:none;
color:#ababab;
}
#message a img {
position:absolute;
top:1em;
right:2em;
margin-left:2em;
}
#message a:hover {
color:#bababa;
}
button {
display:block;
}
.btn {
font-size: .8rem;
position:relative;
line-height:1rem;
padding:.6em 1.2em .8em 1.2em;
width: auto;
overflow: visible;
border:solid .1em #52803c;
-webkit-border-radius: .4em; 
-moz-border-radius: .4em; 
border-radius: .4em;
text-decoration:none;
color:#ffffff;
text-shadow: 0px -1px #52803c;
background-color: #9ac685;
background-image: -webkit-gradient(linear, left top, left bottom, from(#9ac685), to(#446b32)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #9ac685, #446b32); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image:    -moz-linear-gradient(top, #9ac685, #446b32); /* FF3.6 */
background-image:     -ms-linear-gradient(top, #9ac685, #446b32); /* IE10 */
background-image:      -o-linear-gradient(top, #9ac685, #446b32); /* Opera 11.10+ */
background-image:         linear-gradient(top, #9ac685, #446b32);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9ac685', EndColorStr='#446b32'); /* IE6-IE9 */
}
input.btn {
line-height: 1em;
}
.btn:hover {
cursor:pointer;
color:#ffffff;
text-shadow: 0px -1px #52803c;
background-color: #56873f;
background-image: -webkit-gradient(linear, left top, left bottom, from(#b1d3a1), to(#56873f)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #b1d3a1, #56873f); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image:    -moz-linear-gradient(top, #b1d3a1, #56873f); /* FF3.6 */
background-image:     -ms-linear-gradient(top, #b1d3a1, #56873f); /* IE10 */
background-image:      -o-linear-gradient(top, #b1d3a1, #56873f); /* Opera 11.10+ */
background-image:         linear-gradient(top, #b1d3a1, #56873f);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b1d3a1', EndColorStr='#56873f'); /* IE6-IE9 */
}
.redbtn {
color:#ffffff;
text-shadow: 0px -1px #740d00;
border:solid .1em #740d00;
background-color: #da1901;
background-image: -webkit-gradient(linear, left top, left bottom, from(#da1901), to(#881000)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #da1901, #881000); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image:    -moz-linear-gradient(top, #da1901, #881000); /* FF3.6 */
background-image:     -ms-linear-gradient(top, #da1901, #881000); /* IE10 */
background-image:      -o-linear-gradient(top, #da1901, #881000); /* Opera 11.10+ */
background-image:         linear-gradient(top, #da1901, #881000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#da1901', EndColorStr='#881000'); /* IE6-IE9 */
}
.redbtn:hover {
cursor:pointer;
text-shadow: 0px -1px #740d00;
background-color: #b11501;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fd2206), to(#881000)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #fd2206, #b11501); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image:    -moz-linear-gradient(top, #fd2206, #b11501); /* FF3.6 */
background-image:     -ms-linear-gradient(top, #fd2206, #b11501); /* IE10 */
background-image:      -o-linear-gradient(top, #fd2206, #b11501); /* Opera 11.10+ */
background-image:         linear-gradient(top, #fd2206, #b11501);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fd2206', EndColorStr='#881000'); /* IE6-IE9 */
}
.tinybtn {
position:relative;
color:#ffffff;
font-family:tahoma, arial;
font-weight:normal;
font-size:.8em;
text-shadow: 0px -1px #355473;
padding:.4em .8em;
border:solid .1em #355473;
-webkit-border-radius: .4em; 
-moz-border-radius: .4em; 
border-radius: .4em;
width: auto;
overflow: visible;
background-color: #41688f;
background-image: -webkit-gradient(linear, left top, left bottom, from(#41688f), to(#294159)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #41688f, #294159); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image:    -moz-linear-gradient(top, #41688f, #294159); /* FF3.6 */
background-image:     -ms-linear-gradient(top, #41688f, #294159); /* IE10 */
background-image:      -o-linear-gradient(top, #41688f, #294159); /* Opera 11.10+ */
background-image:         linear-gradient(top, #41688f, #294159);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9ac685', EndColorStr='#56873f'); /* IE6-IE9 */
}
.tinybtn:hover {
border:none;
background-color:#41688f;
border:solid .1em #222;
color:#ffffff;
text-shadow: 0px 1px #41688f;
cursor:pointer;
}
.tinymainbtn {
position:relative;
font-family:tahoma, arial;
font-weight:normal;
font-size:.8em;
width: auto;
overflow: visible;
padding:.4em .8em;
color:#333;
text-shadow: 0px -1px #cccccc;
border:solid .1em #bbb;
-webkit-border-radius: .3em; 
-moz-border-radius: .3em; 
border-radius: .3em;
background-color: #dddddd;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #ffffff, #dddddd); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image:    -moz-linear-gradient(top, #ffffff, #dddddd); /* FF3.6 */
background-image:     -ms-linear-gradient(top, #ffffff, #dddddd); /* IE10 */
background-image:      -o-linear-gradient(top, #ffffff, #dddddd); /* Opera 11.10+ */
background-image:         linear-gradient(top, #ffffff, #dddddd);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dddddd'); /* IE6-IE9 */
}
.tinymainbtn:hover {
background-color:#dddddd;
border:solid .1em #0181b1;
cursor:pointer;
background-color: #dddddd;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #ffffff, #cccccc); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image:    -moz-linear-gradient(top, #ffffff, #cccccc); /* FF3.6 */
background-image:     -ms-linear-gradient(top, #ffffff, #cccccc); /* IE10 */
background-image:      -o-linear-gradient(top, #ffffff, #cccccc); /* Opera 11.10+ */
background-image:         linear-gradient(top, #ffffff, #cccccc);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc'); /* IE6-IE9 */
}
.mainbtn {
position:relative;
padding:.6em 1.2em;
border:solid .1em #9ac685;
overflow: visible;
color:#333;
text-shadow: 0px -1px #cccccc;
border:solid .1em #bbb;
-webkit-border-radius: .3em; 
-moz-border-radius: .3em; 
border-radius: .3em;
background-color: #dddddd;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #ffffff, #dddddd); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image:    -moz-linear-gradient(top, #ffffff, #dddddd); /* FF3.6 */
background-image:     -ms-linear-gradient(top, #ffffff, #dddddd); /* IE10 */
background-image:      -o-linear-gradient(top, #ffffff, #dddddd); /* Opera 11.10+ */
background-image:         linear-gradient(top, #ffffff, #dddddd);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dddddd'); /* IE6-IE9 */
}
.mainbtn:hover {
background-color:#dddddd;
border:solid .1em #0181b1;
cursor:pointer;
background-color: #dddddd;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #ffffff, #cccccc); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image:    -moz-linear-gradient(top, #ffffff, #cccccc); /* FF3.6 */
background-image:     -ms-linear-gradient(top, #ffffff, #cccccc); /* IE10 */
background-image:      -o-linear-gradient(top, #ffffff, #cccccc); /* Opera 11.10+ */
background-image:         linear-gradient(top, #ffffff, #cccccc);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc'); /* IE6-IE9 */
}
.roundbtn {
text-decoration:none;
text-shadow: 0px -1px #888;
color:white;
background-color:#0181b1;
padding:.4em 1em;
padding-bottom:.6em;
-webkit-border-radius: 1em; 
-moz-border-radius: 1em; 
border-radius: 1em;
}
.roundbtn:hover {
color:white;
background-color:#019eda;
}
.floatleft {
float:left;
}
.readonly {
border:none;
}
.tabdiv {
margin-bottom:3em;
padding-top:3em;
border-top:solid .2em #dadada;
width:50em;
}
.tabdiv input {
margin-bottom:1em;
}
.nlabel {
width:5em;
}
.nodecor {
text-decoration:none;
color:#67B3D0;
}
.nodecor:hover {
text-decoration:none;
color:#294159;
}
.icon {
float:left; 
margin-right:.6em;
}

#newrecord label, .resultsbox label {
float:left;
clear:left;
}
#newrecord input, .resultsbox input {
float:left;
clear:right;
}
#newrecord select, .resultsbox select {
float:left;
clear:right;
}
.check {
line-height:2.5em;
padding:0 .4em;
color:green;
}

#newOwnerRecord {
    /*New owner form*/
    float:left;
    clear:left;
    margin-bottom:1.5em;
}
#cemInfo {
    /*Cemetery info box is used in the owners manage section to add a new plot to a record*/
    float:right;
}
#cemMessage{
    /*Message box just above the add plot form*/
    margin-bottom:1em;
    font-family:sans-serif;
    font-size:1.2em;
    color:#666;    
}
.hint {
    /*used to provide hints to users*/
    font-size:1em;
    margin-top:1em;
}
.hint .title {
    font-size:1.2em;
}
.hint .content {
    margin-left:2em;
    margin-top:0em;
}
#add_plot {
    /*add plot is the button box that is used for the #cemInfo div*/
    margin-top:16em;
}
#owner_spaces {
    /*The spaces owned by a person, used in the owner management section*/
    clear:both;
}
#owner_spaces_count {
    clear:both;
    margin-bottom:1em;
    font-family:sans-serif;
    font-size:1.2em;
    color:#666;
}
.owner_spaces_set {
    /*A set of space information for an owner*/
    margin-top:.6em;
    margin-right: 1em;
    font-family: sans-serif;
    font-size: 1.3em;
    float: left;
    border-bottom: solid 1px #ccc;
}
.owner_spaces_remove {
    margin-top:1em;
    margin-bottom:1em;
}
.dashbox {
    overflow:hidden;
    margin-bottom: 3em;
}
.dashbox div {
    position: relative;
    float:left;
}
.dashbox .dashbtn {
    width: 27%;
    padding-top: 1em;
}
.dashbox .dashtxt {
    width: 70%;
}

/* Simple fluid media
=================================== */

figure {
position: relative;
}
figure img,
figure object,
figure embed,
figure video {
max-width: 100%;
display: block;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}

/*
*
*  Four-column grid active
*  ----------------------------------------
*  Margin   | #  1   2   3   4   |   Margin
*  5.55555% | %  25  50  75  100 | 5.55555%
*
*/

/*
*  Simple elastic gutters
*  Note: box-sizing will not work in IE6-8
*/
.wrapper {
padding: 0 0.75em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.fullwrapper {
width:100%;
}
.mc-field-group label {
width:50%;
}
/*
*
*  Fixes for IE6-8
*  http://jonikorpi.com/leaving-old-IE-behind/
*
*/
.ie body {
width: 40em;
margin: 0 auto;
font-size: 1.0625em;
}
.ie h1 {
/* 42px / 48px */
font-size: 2.625em;
line-height: 1.1428571428571428em;
margin: 1.1428571428571428em 0 0.5714285714285714em;
}

/* Media
 ================================ */ 

/* For general iPod layouts */
@media screen and (min-width: 320px) {
.resultsbox .resultsbtn {
width:22em;
}
#headernav {
margin-right:5em;
}
}
@media only screen and (device-width: 320px) and (orientation:portrait) {

}
@media screen and (min-width: 480px) {
.resultsbox .resultsbtn {
width:27em;
}
@media only screen and (device-width: 480px) and (orientation:landscape) {

}
/* For general iPad layouts */
@media screen and (min-width: 560px) {
#headernav {
margin-right:0;
}
#headershort {
min-height:5.6em;
}
@media only screen and (device-width: 768px) {
}
/* For portrait layouts only */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {

}
/* For landscape layouts only */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {

}
/* @media screen and (min-width: 640px) */
@media screen and (min-width: 40em) {

}
/*
*
*  Eight-column grid active
*  ----------------------------------------------------------------------
*  Margin   | #  1     2     3     4     5     6     7     8   |   Margin
*  5.55555% | %  12.5  25.0  37.5  50.0  62.5  75.0  87.5  100 | 5.55555%
*	
*
*/
/* @media screen and (min-width: 720px) */
@media screen and (min-width: 45em) {

}
/* @media screen and (min-width: 888px) */
@media screen and (min-width: 55.5em) {

}
/* @media screen and (min-width: 984px) */
@media screen and (min-width: 61.5em) {
	body {
	width:100em;
	margin:0 auto;
	}
	#headershort {
	width:96em;
	}
}
/* @media screen and (min-width: 1200px) */
@media screen and (min-width: 75em) {

}
/* @media screen and (min-width: 1392px) */
@media screen and (min-width: 87em) {

}
/* @media screen and (min-width: 1680px) */
@media screen and (min-width: 105em) {

}
/*
*
*  Sixteen-column grid active
*  ----------------------------------------------------------------------------------------------------------------------
*  Margin   | #  1     2     3     4     5     6     7     8     9     10    11    12    13    14    15    16  |   Margin
*  5.55555% | %  6.25  12.5  18.75 25.0  31.25 37.5  43.75 50.0  56.25 62.5  68.75 75.0  81.25 87.5  93.75 100 | 5.55555%
*	
*
*/
/* @media screen and (min-width: 1872px) */
@media screen and (min-width: 117em) {

}
/* @media screen and (min-width: 2080px) */
@media screen and (min-width: 130em) {

}