* {
	margin: 0;
	padding: 0;
}
body {
	color: #555;
	text-align: center;
	vertical-align: top;
	background: #ffffff;
}

body,textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 1.5em;
}

input,textarea, select {
    padding: .25em;
    border-radius: .5em;
    border: solid 1px #aaaaaa;
}
input[type="checkbox"] {
    margin-right: .25em;
}

a {
    color: #2795b6;
    font-weight: normal;
    text-decoration: none;
}
a:hover {
    color: #2795b6;
    text-decoration: underline;
}

a.linkbutton {
    text-decoration: none;
    font-size: 90%;
    background-color: #ffffff;
    color: #2795b6;
    border: solid 1px #2795b6;
    padding: 2px 5px;
    border-radius: 6px;
    white-space: nowrap;
}
a.linkbutton:hover {
    color: #ffffff;
    background-color: #2795b6;
}

a.more {
    font-size: 90%;
    color: #999999!important;
    border: solid 1px #999999;
    background-color: #f9f9f9;
    padding: 6px;
    border-radius: 6px;
}

a.Selected {
	font-size: 120%!important;
	text-decoration: underline!important;
}

dd {
	margin-left: 0px;
	padding-left: 20px;
}

dt {
	font-weight: bold;
}

h1 {
    float: left;
    color: #ffffff;
    font-weight: normal;
    font-size: 130%;
    padding: 6px;
    width: 150px;
}
h2 {
    color: #54b6dd;
    font-weight: normal;
}
h3, h4, h5, h6, h7 {
    color: #636363;
}
h2 {
	padding: 10px;
	font-size: 150%;
	color: #ffffff;
	background: #54cbf4 url(images/bg-nav.jpg);
	margin: 0 0 10px 0;
}

fieldset.UploadDocument {
    margin-bottom: 10px;
}
fieldset.UploadDocument ol {
    margin-left: 30px;
}
fieldset.UploadDocument ol li {
    padding: 5px 0;
}

hr.clr {
    clear:both;
    border:0;
}

img.pictureframe {
    border: solid 4px #a0a0a0;
    border-radius:8px;
    padding: 0px;
}

.datepicker {
    width: 70px;
}

.timepicker {
    width: 60px;
}

.floatright {
    float:right;
}

.hidden {
	display: none;
}

.Login {
	background-color: #f6f6f6;
	 border: solid 1px #999999;
	 padding: 5px;
}
.LoginTitle {
	background-color: #666666;
	color: White;
	font-size: 110%;
	font-weight: bold;
}

dd.messagesender {
    background-color: #fafffa;
    border: solid 1px #999999;
    margin: 0 50px 10px 0;
    padding: 5px;
}
dd.messagesenderselected {
    background-color: #e9efe9;
    border: solid 1px #797979;
    font-weight: bold;
    margin: 0 50px 10px 0;
    padding: 5px;
}

dd.messagerecipient {
    background-color: #fafaff;
    border: solid 1px #999999;
    margin: 0 0 10px 40px;
    padding: 5px;
}
dd.messagerecipientselected {
    background-color: #e9e9ef;
    border: solid 1px #797979;
    font-weight: bold;
    margin: 0 0 10px 40px;
    padding: 5px;
}

dt.newmessage, dd.newmessage {
    background-color: #fcfce0;
}

dt.newmessage {
    margin-top: 2px;
    border-top: solid 1px #dcdcc0;
    border-left: solid 1px #dcdcc0;
    border-right: solid 1px #dcdcc0;
}
dd.newmessage {
    margin-bottom: 2px;
    border-bottom: solid 1px #dcdcc0;
    border-left: solid 1px #dcdcc0;
    border-right: solid 1px #dcdcc0;
}


dd.pending {
    border: solid 1px #333333;
}

dt.messagesender {
    font-weight: normal;
    font-style: italic;
}

dt.messagerecipient {
    font-weight: normal;
    font-style: italic;
    margin-left: 50px;
}

div.buttonbar {
    padding: 20px 0 10px 0;
}

div.datafield {
    display: inline-block;
    width: auto;
    margin: 0.1em 0.1em 0.1em 0;
}
    div.datafield .checkboxlabel {
        width: auto;
    }
    div.datafield .datalabel {
        display: block;
        width: auto;
    }
    div.datafield .datainput {
        display: inline-block;
        width: auto;
        margin: 0;
    }
    div.datafield select.datainput {
        width: 100%;
    }
    div.datafield .datanote {
        color: #666666;
        font-size: 80%;
    }

div .datafield .datacheckbox {
}

div.datagroup {
    display: block;
    margin: .5em 0;
}

div.Deletepanel {
    border: solid 1px #666666;
	background-color: #ffffcc;
    border-radius: 6px;
    padding: 5px 10px;
    margin: 10px 0;
}

dl.eventinfo > dt {
    margin: 10px 0 5px 0;
    border: solid 1px #999999;
    border-radius: 6px;
    padding: 5px;
    background-color: #e0e0e0;
}
dl.eventinfo > dd {
    margin-bottom: 8px;
}

div .interestnotes {
    margin: 5px 0 5px 20px;
}

ol.uploadfiles div.caption {
    padding: .5em 0 .5em 2em;
}
ol.uploadfiles input.uploadfile {
    border: solid 1px #d0d0d0;
    background-color: #f0f0f0;
    padding: 0;
    width: 500px;
}

/* Page Navigation Links */
div .PagerControl {
    padding: 3px 0;
    vertical-align: middle;
}
div.PagerControl > div.PreviousPage,
div.PagerControl > div.PageLinks,
div.PagerControl > div.NextPage,
div.PagerControl div.FirstLastLinks {
    float: left;
}
div.PagerControl div.PageLinks ul {
    list-style: none;
    margin:0!important;
    padding:0!important;
}
div.PagerControl div.PageLinks ul li {
    margin: 0 2px!important;
}
div.PagerControl > div.PreviousPage,
div.PagerControl > div.NextPage,
div.PagerControl > div.FirstLastLinks {
    padding: 0px;
    margin: 0px 2px;
}
div.PagerControl div.PageLinks a, 
div.PagerControl div.PreviousPage a,
div.PagerControl div.NextPage a {
    border: solid 1px #2795b6;
    border-radius: 3px;
    padding: 0 4px;
}
div.PagerControl a:hover {
    color: #ffffff!important;
    background-color: #2795b6;
    text-decoration: none!important;
}

div.PagerControl div {
    clear:none !important;
}
div.PagerControl div.PageLinks a.selected {
    border: none;
    padding: 0px 3px;
    text-decoration: none;
}
div.PagerControl div.PageLinks a.selected:hover {
    text-decoration: none;
    color: #3a3a7a!important;
    background-color: #ffffff;
}

div.photo {
    text-align:center;
}
div.photo img {
    border: solid 4px #a0a0a0;
    border-radius:8px;
    padding: 0px;
    margin: 5px auto 5px auto;
}
div.photo div.caption {
    font-style: italic;
}

div.RSVPInfo,
div.MessageInfo,
div.PrayerRequestInfo {
    margin-top: 20px;
    border: solid 1px #c0c0c0;
    padding: 5px 10px;
	border-radius:6px;
    background-color: #f0f0f0;
}

div.RSVPList ol {
    margin-left: 40px;
}

div.divider {
    margin: 1em 0;
}

img.profile {
    border: solid 4px #a0a0a0;
    border-radius:8px;
    padding: 0px;
    margin: 15px 10px 5px 0;
}

.hilite {
    border-radius: 6px;
	border: solid 1px #999999;
	background-color: #f0f0f0;
	color: #333333;
	font-weight: bolder;
	padding: 5px;
    margin-bottom: 10px;
}

.note {
    border-radius: 6px;
	border: solid 1px #999999;
	background-color: #f0f0f0;
	color: #333333;
	padding: 10px;
}

.sortdesc {
    padding-right: 20px !important;
    background-image: url("Images/downarrow.png");
    background-repeat: no-repeat;
    background-position: right center;
}
.sortasc {
    padding-right: 20px !important;
    background-image: url("Images/uparrow.png");
    background-repeat: no-repeat;
    background-position: right center;
}

p {
	margin: 0.5em 0;
}
p.optionlist {
    line-height: 2em;
    margin: 0.25em 0;
}
p.optionlist input {
    margin-left: .25em;
}

table tr td {
	padding: 3px;
}

span.readonly {
	border: solid 1px #999999;
	background-color: #f0f0f0;
	color: #333333;
	padding: 2px 4px;
}
td.readonly {
	border: solid 1px #999999;
	background-color: #f0f0f0;
	color: #333333;
}

.Itemlist dl {
	border: dashed 1px #a89793;
}
.Itemlist dt {
	border-top: dashed 1px #a89793;
	margin-top: 10px;
	padding-top: 10px;
}
.Itemlist li {
	border-top: dashed 1px #a89793;
	margin: 10px 0;
	padding-top: 10px;
}

.messagetext {
	border: solid 2px #c0c0c0;
	margin: 50px 0 20px 0;
	padding: 10px;
	font-weight: bold;
	font-size: 110%;
    border-radius: 6px;
}

.inputerror {
	background-color: #900000;
	color: #ffffff;
}

.required {
    font-weight: bold;
}

.small {
    color: #666666;
    font-size: 80%;
}

ul.optionlist,
ul.optionlist ul {
    list-style-type: none;
}

div.mapcontainer {
    position: relative;
    height: 450px;
}
div.mappoints {
    display: inline-block;
    border: solid 1px #999999;
    background-color: #f6f6f6;
    height: 100%;
    width: 15%;
    overflow-y: scroll;
    font-size: 90%;
    padding: 0;
    vertical-align:top;
}
div.mappoints a {
    display: block;
    text-decoration: none;
}
div.mappoints a:hover {
    text-decoration: underline;
}
div.mapcanvas {
    display: inline-block;
    border: solid 1px #999999;
    width: 83%;
    height: 100%;
    vertical-align:top;
}
@media (max-width: 500px) {
	div.mapcanvas {
		width: 99%;
		margin: 0;
	}
	div.mappoints {
		display: none;
	}
}

div#Container {
	position: relative;
	max-width: 960px;
	min-width: 320px;
	margin: 0 auto 0 auto;
	text-align: left;
}

div#Pagecontent {
    position: relative;
}

div#Content {
    position: relative;
	margin: 0 0 10px 120px;
	padding: 0px;
}
div#Content a.button {
    text-decoration: none;
    background-color: #ffffff;
    border: solid 1px #2795b6;
    border-radius: 6px;
    color: #2795b6;
    padding: 2px 5px;
    white-space: nowrap;
}
    div#Content a:hover.button {
        color: #ffffff;
        background-color: #2795b6;
    }

div#Content fieldset {
	padding: 0 1em 1em 1em;
	margin-bottom: .5em;
	border-radius: 10px;
	border: solid 1px #c0c0c0;
/*    width: 99%;*/
    position: relative;
}
div#Content fieldset legend {
	color: #636363;
	font-weight: bold;
	font-size: 110%;
	margin-bottom: 5px;
}
div#Content fieldset.inputfield legend {
	color: #404040;
	font-weight: bolder;
	font-size: 90%;
}

div#Content h4 {
	margin-bottom: 10px;
	font-size: 110%;
}
div#Content ul {
	margin-left: 30px;
}
div#Content li {
	margin: 5px 0;
}

div#CurrentUser {
    float: right;
    margin: 0.5em;
}
div#CurrentUser a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
div#CurrentUser a:hover {
	text-decoration: underline;
}

div#Error {
    background-color: #ffffff;
    color: #800000;
    border: solid 1px #800000;
    padding: 3px 5px;
    border-radius: 6px;
    margin-bottom: 10px;
}
div#Error h4 {
	color: #ffffff;
	background-color: #800000;
	margin: -3px -5px 0 -5px;
	padding: 3px;
	border-radius:6px 6px 0 0;
}
div#Error ul  {
	margin: 0 0 0 20px;
}
div#Error li {
	padding: 0;
	margin: 0;
}
 
div#Info {
	color: #004b6f;
	background-color: #f6f6f6;
	border: solid 1px #004b6f;
	padding: 3px;
	border-radius:6px;
	margin-bottom: 10px;
}

header#PageHeader {
    position: relative;
    background: #636363 url(images/bg-footer.jpg);
    color: #ffffff;
	min-height: 30px;
	margin: 5px 0 2px 0;
}
header#PageHeader a {
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
}
header#PageHeader a:hover {
    text-decoration: none;
}

div#Pagetop {
	position: relative;
	background: transparent url(images/layout_01.jpg) no-repeat left top;
	/*width:960px*/;
	height: 148px;
}

div#Pagebottom {
	position: relative;
	clear: both;
	/*width:960px*/;
	height: 47px;
}

fieldset#Productlist ol {
	margin-left: 30px;
}
fieldset#Productlist ul {
	margin-left: 30px;
}
fieldset#Productlist li {
	margin: 5px 0;
}

div#Profilepics {
    float:left;
}

div#Rolemaintenance {
	margin: 20px 0 10px 0;
	border: solid 1px #a0a0a0;
	padding: 4px;
	font-size:80%;
	background-color:#f0f0f0;
	line-height: 1.25em;
}

a#ShowMenu {
    display: none;
}
div#Sidebar {
	float:left;
	width: 110px;
	height: 100%;
	font-size: 100%;
	line-height: 1.5em;
	margin-left: 0px;
	padding: 0;
	text-align: left;
}
div#Sidebar a:hover {
    text-decoration: none;
}

div#Submenu {
    position: relative;
	margin: 0;
	padding: 0;
    z-index: 1000;
}
div#Submenu a {
  display: block;
}
div#Submenu ul {
	padding: 5px 0 0 0;
	list-style: none;
}
div#Submenu ul ul {
    display: none;
    position:absolute;
    left:20px;
	background: transparent;
	padding: 3px 0 3px 10px;
}
div#Submenu ul ul li {
	border: solid 1px #e0e0e0;
	border-collapse: collapse;
	background-color: #ffffff;
	padding: 2px 4px;
    width:120px;
}

@media (max-width: 800px) {
    div#Content {
        padding: 0 1em;
        margin: 0 0 1em 0;
    }
    div#Sidebar {
        display: none;
        position: absolute;
        top: 3em;
        left: auto;
        z-index: 1000;
        padding: 0.25em;
        background-color: #ffffff;
        border: solid 1px #e0e0e0;
        border-radius: 8px;
        height: auto;
	    width: 130px;
        font-size: 120%;
    }
    a#ShowMenu {
        display: inline;
        margin-right:.25em;
    }
    a#ShowMenu img {
        width:32px;
        vertical-align: middle;
    }
    div#Submenu {
        margin: 0 0 0 0;
    }
}

div.editpanel {
    float:right;
    width: 56px;
    height: 18px;
    background-color: #666666;
    border: solid 1px #d0d0d0;
    border-radius: 4px;
    padding: 4px 0;
    margin-left: 10px;
    text-align: center;
    z-index: 1000;
}

div.gallery ul {
    margin-left: 0px!important;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
div.gallery ul li {
	display:inline;
}
div.gallery ul img {
	border-color:#3E3E3E;
	border-style:solid;
	border-width:5px 5px 20px;
}
div.gallery ul a:hover img {
	border-color:#9E9E9E;
	border-style:solid;
	border-width:5px 5px 20px;
	color:#FFFFFF;
}
div.gallery ul a:hover {
	color:#FFFFFF;
}

div.quote {
    border: solid 1px #a0a0a0;
    background-color: #e0e0e0;
    color: #404040;
    padding: 5px;
    margin: 0 0 5px 10px;
    font-size: 80%;
}
div.quote div.header {
}
div.quote div.text {
    font-style: italic;
}

dl.selectionlist dt {
    margin: 2px 0;
}
dl.selectionlist .selected {
    border: solid 1px #cccc99;
    background-color: #ffffcc;
}

div.Sidewindow {
	width:130px;
	padding: 2px 4px;
	border: solid 1px #e0e0e0;
	font-size:80%;
	background-color:#f0f0f0;
	line-height: 1.25em;
}

div.Threaditem {
    border: solid 1px #999999;
    background-color: #fafafa;
    padding: 10px;
    margin: 5px 0;
}

div.Threaditem .Content{
    border: solid 1px #999999;
    background-color: #ffffff;
    padding: 5px;
}

div.Gridview {
    width: 100%;
    overflow-x: scroll;
}
table.Gridview td,th {
	padding: 2px 4px;
}
table.Gridview th {
	background-color: #e0e0e0;
}

table.Forumlist td {
    border: solid 1px #666666;
}
table.Forumlist td p {
    margin: 0!important;
}

/* Input field layout */
div.field-group {
    padding: 4px;
}
div.field {
    padding: 2px 0;
    clear: both;
    display: inline-block;
}
div.field > label {
    width: 100px;
    float: left;
}
div.field > label:after {
    content: ": ";
}
div.field label.required {
    font-weight: bold;
}