/* Move down content because we have a fixed navbar that is 50px tall */
body {
    /*padding-top: 150px;*/
    /*padding-top: 7.5rem;*/
    padding-top: 1.5rem;
    padding-bottom: 20px;
    min-height: 75rem;
}

.navbar-radius {
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    border: solid 1px black;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        /*margin-top: 20px;*/
    }

    .body-content {
        /*padding: 0;*/
    }
}

/* DEFAULTS
----------------------------------------------------------*/

/*body
{
    /*text-align: center;     background-color: #FFF;     margin: 0px;     padding: 0px;     min-width: 760px;     color: #696969;*/
/*font-size: 100%; font-family: Arial, Helvetica, sans-serif; background: url(images/bg2.jpg) repeat-x scroll 0 0 white;*/
/*}*/

/*a:link, a:visited
{
    color: #034af3;
    background-color: transparent;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
    text-decoration: none;
}

p
{
    margin-bottom: 5px;
}*/
/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    /*       font-size: 1.5em;     color: #666666;     font-variant: small-caps;     text-transform: none;     font-weight: 200;*/
    margin: 2px 0 2px 0;
}

h1 {
    font-size: 1.25em;
    padding-bottom: 4px;
    margin-right: auto;
    margin-left: auto;
    color: #9D1A26;
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 4px;
}

    h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
        text-decoration: none;
        color: #232264;
    }


h2 {
    color: #993300;
    font-size: 1.5em;
}

h3 {
    font-size: 1.25em;
}


h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */

.dashedline {
    border-bottom: 1px dashed #DBCE6A;
    padding-top: 10px;
    margin-bottom: 10px;
    clear: right;
    border-bottom-color: #993300;
}

/* PRIMARY LAYOUT ELEMENTS   
--------------------------------------------------------------------------------------------------------*/

#page {
    top: 17px;
    /*width: 1000px;*/
    margin: 20px auto 0 auto;
    height: 100%;
}


#header {
    height: 139px;
    z-index: -9999;
}

    #header h1 {
        font-weight: 700;
        margin: 0;
        padding: 0 0 0 20px;
        color: #f9f9f9;
        line-height: 2em;
        font-size: 1.25em;
    }

#logo {
    background-position: center;
    height: 139px;
    vertical-align: top;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #000000;
    border-left-width: 1px;
    border-top-right-radius: 25px;
    -moz-border-radius-topright: 25px;
    -webkit-border-top-right-radius: 25px;
}

#loginstyle {
    float: left;
    width: 100%;
    z-index: 100;
    margin-top: -40px;
    font-size: 12px;
}

#mainhcontent {
    border: 1px solid #000000;
    float: left;
    display: block;
    background-color: #FFFFF9;
    z-index: 300;
    width: 998px;
    height: 100%;
    font-size: 13px;
}

.leftcol {
    padding: 13px;
}

.col {
    padding: 12px;
    border: thin solid #ccc;
}

#footer {
    text-align: center;
    padding-bottom: 4px;
    color: #FFFFFF;
    width: 998px;
    font-size: .7em;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
    background-color: #E0E1FE;
    background: url(images/bg_footer.jpg) repeat-y center top;
    padding-top: 4px;
}

#printpage {
    /*background: #5F97B8 url(images/background-page.gif) repeat-y;*/
    /*border-style: ridge;*/
    /*border: thin solid #000000;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    text-align: left;
    background-color: #FDFDFD;*/
    /*background-color: White;*/
    /*width: 760px;*/
}

#printheader {
    margin-right: auto;
    margin-left: auto;
    display: block;
    /*vertical-align: middle;*/
    text-align: center;
    color: #000066;
}

#printfooter {
    margin-right: auto;
    margin-left: auto;
    height: 64px;
    width: 744px;
    display: block;
    /*vertical-align: middle;*/
    text-align: center;
}


/* TAB MENU   
----------------------------------------------------------*/

/* Fix for extra space above menu in Chrome and Safari */
img[alt='Skip Navigation Links'] {
    display: none;
}


.menublock {
    border: thin solid #000000;
    font-size: 1.05em;
    padding-left: 12px;
}

.menu ul {
    list-style: none;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

    .menu ul li {
        /*padding-left: 12px;*/
        width: auto;
    }

        .menu ul li a, .menu ul li a:visited {
            line-height: 2.8em;
            padding: 4px 12px 4px 12px;
            text-decoration: none;
            margin-right: 3px;
            margin-left: 3px;
        }

            .menu ul li a:hover {
                text-decoration: none;
            }

            .menu ul li a:active {
                /*background-color: #004800;*/
                color: #cfdbe6;
                text-decoration: none;
            }

.static {
    color: #FFFFCC;
    /*background-color: #004800;*/
}

    .static a, .static a:visited {
        color: #FFFFCC;
        text-decoration: none;
    }

        .static a:hover {
            text-decoration: none;
        }

.dynamic {
    z-index: 99;
    color: #FFFFCC;
}

    .dynamic a, .dynamic a:visited {
        text-decoration: none;
    }

        .dynamic a:hover {
        }


/************************************************************************
* 
* Model and Popup styles
*
************************************************************************/

.popupControl {
    background-color: #AAD4FF;
    position: absolute;
    visibility: hidden;
    border: solid black 2px;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #ffffdd;
    border: solid gray 3px;
    padding: 3px;
    width: 250px;
}


/************************************************************************
* 
* Formatting common to most pages
*
************************************************************************/

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset {
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #ccc;
}

    fieldset p {
        margin: 2px 12px 10px 10px;
    }

    fieldset.login label, fieldset.register label, fieldset.changePassword label {
        display: block;
    }

    fieldset label.inline {
        display: inline;
    }

legend {
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.submitButton {
    float: right;
    margin: 0 10px 0 0;
}

input.textEntry {
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry {
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo {
    width: 370px;
}

/* MISC  
----------------------------------------------------------*/

.clear {
    clear: both;
}

.title {
    display: block;
    float: left;
    text-align: left;
    width: auto;
}


.loginDisplay {
    display: block;
    text-align: right;
    padding: 10px;
    color: #401500;
    float: left;
    margin-left: 5px;
}

    .loginDisplay a:link {
        color: white;
    }

    .loginDisplay a:visited {
        color: white;
    }

    .loginDisplay a:hover {
        color: white;
    }

.failureNotification {
    font-size: 1.2em;
    color: Red;
}

.bold {
    font-weight: bold;
}


/************************************************************************
* 
* List type pages
*
************************************************************************/

/* represents each item in a vertical list */
.listitem {
    margin: 0 0 0 0;
    /*width:444px;*/
}

.listitemseparator {
    height: 2px;
    margin-right: 4%;
    margin-left: 4%;
    width: 100%;
}

.listtitle {
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: large;
}



/* surrounds the buttons for list items */
.editbuttons {
    padding-top: 6px;
}

/* floats the thumbnail off to the right */
.thumbnail {
    float: right;
    margin: 0 0 0 5px;
}

/*used to clear the float for the thumbnail */
.clearlist {
    clear: right;
    margin: 0;
    padding: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
}

/* Used by the page number control */
.PageNumbers {
    display: inline;
}

    .PageNumbers span {
        padding-left: 3px;
    }

.newscrumbs a {
    font-weight: bold;
    padding-right: 2px;
}

/* Used in the two column lists */

.membercard {
    background-color: #E2ECF5;
    border: 1px solid #2172A1;
    padding: 10px;
    margin-bottom: 10px;
    width: 198px;
}

.clearcard {
    clear: left;
    height: 0;
    margin: 0;
    padding: 0;
}

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

#membercardcolumnright {
    margin-left: 226px;
}

.membercard p {
    margin: 5px;
}

.chkbox input {
    margin-right: 5px;
}

.chkbox label {
    /*color: #D50000;*/
    border-style: none;
    font-family: Tahoma;
    /*font-size: 11px;*/
    font-weight: normal;
}

.gridspacing {
    padding: 55px;
    margin-left: 5px;
}

    .gridspacing td {
        padding-left: 10px;
        /*padding-right: 10px;*/
        margin-left: 8px;
        vertical-align: top;
        border: 0px none transparent; 
    }


.tablecellspacing table, td, th {
    padding-left: 4px;
    padding-top: 15px;
    margin-top: 20px;
    vertical-align: top;
    word-wrap: break-word;
}

/************************************************************************
* 
* Compact Event list
*
************************************************************************/


/* define event grid view columns */
/* todo: use or remove */

.eventlistdate {
    padding-right: 4px;
}

.eventlisticon {
    text-align: center;
}

.eventlisttime {
    text-align: center;
    width: 95px;
}

.eventlistevent {
    font-weight: bold;
}

.eventlistlocation {
    /* no styles needed at this time */
}

.eventlist td {
    padding-bottom: 4px;
}

/*
.eventlist, .eventlist td, .eventlist tr
{
    border-style:none;
}
*/

/************************************************************************
* 
* Rollover buttons
*
************************************************************************/

.buttonsmall, .buttonsmall-ovr {
    background: url(images/background_button_small.gif) repeat-x;
    border: none;
    color: #FFFFFF;
    height: 22px;
    font-weight: normal;
    font-size: 9px;
    padding-bottom: 9px;
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.buttonsmall-ovr {
    text-decoration: underline;
    background: url(images/background_button_small-ovr.gif) repeat-x;
}

/* Command buttons on pages */
.actionbuttons {
    text-align: right;
    position: relative;
    padding: 1px 1px 1px 1px;
}

.button {
    background-position: 0 0;
    cursor: pointer;
    width: 117px;
    height: 39px;
    border: none;
    overflow: hidden;
    font-size: 11px;
    color: #FFFFFF;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-weight: 200;
}

    .button:hover {
    }

/************************************************************************
*
* Listview formatting 
*
************************************************************************/

.separatorline {
    clear: both;
    display: block;
    border-color: blue;
    height: 2px;
    /*background-color: blue;*/
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;
}

.listViewItem {
    margin: 5px 5px 5px 5px;
    float: left;
    width: 125px;
}

.listViewItem2 {
    margin: 0 0 5px 0;
    min-width: 475px;
}

.listViewHeader1 {
    margin: 5px 5px 5px 5px;
    float: left;
    width: 125px;
    font-weight: bold;
}

.listViewHeader2 {
    margin: 5px 5px 5px 5px;
    float: left;
    /*width: 125px;*/
    font-weight: bold;
    /*display: inline;*/
}

.groupViewItem {
    clear: both;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    min-width: 400px;
}

.groupSeparator {
    clear: both;
    display: block;
    /*padding-top: 20px;*/
    /*margin-bottom: 20px;*/
    margin: auto 3% auto 3%;
    height: 50px;
}

/************************************************************************
*
* Formview formatting 
*
************************************************************************/

.formViewItem {
    margin: 5px 5px 5px 5px;
    float: left;
    width: 80px;
    background-color: #FFFFCC;
    display: block;
}

.formViewItem2 {
    margin: 0 0 5px 0;
    /*width: 575px;*/
    background-color: #FFFFCC;
    display: inline;
    clear: both;
}

.formViewItem3 {
    background-color: #CCCCCC;
    margin-left: 40px;
    vertical-align: top;
}

.formViewRequired {
    background-color: #F2D5B7;
}


.formviewDescriptor {
    text-align: right;
    margin-right: 5px;
    vertical-align: top;
    width: 220px;
}


/************************************************************************
*
* Calendar specific formatting 
*
************************************************************************/

/* Surrounds the calendar */
.eventmonth {
    display: block; /*border: 1px solid #2172A1;*/ /*width: 670px;*/
    margin-left: auto;
    margin-right: auto; /*background: #E2ECF5 url(images/background_fullwidth.jpg) repeat-y;*/ /*margin-bottom: 10px;*/
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 5px;
    text-align: center;
}

/* used as the cssclass of the actual calendar */
.eventmonthtable {
    display:  table;
    /*width: 650px;*/
    width: 100%;
    min-width: 266px;
    margin-left: auto;
    margin-right: auto;
    position: inherit;
    /*border: 1px solid #C7C272;*/
    /*border-collapse: collapse;*/
}

.dayNumber {
    float: right;
    border-bottom: 1px solid #C7C272;
    border-left: 1px solid #C7C272;
    clear: none;
    padding: 2px;
}

.caldays {
    /* no styles needed at this time */
}

.calcurrentmonth {
    /* no styles needed at this time */
    border-left: 1px solid #C7C272;
}

.calothermonth {
    background-color: #DCD78E;
    border-right: 1px solid #C7C272;
    border-bottom: 1px solid #C7C272;
}

.calcurrentday {
    background-color: #FFFFC1;
    border-bottom: 1px solid #C7C272;
}

.calweekend {
    background-color: #FEEB95;
    border-right: 1px solid #C7C272;
    /*  width: 15%; */
}

.calcurrentmonth, .calcurrentmonth, .calothermonth, .calcurrentday, .calweekend {
    text-align: left;
    border: 1px solid #C7C272;
    height: 60px;
    vertical-align: top; /* needed for positioning the dayNumber part */
    position: relative;
    border-collapse: separate;
    /*border-spacing: 5px;*/
    font-size: .9em;
}

/************************************************************************
* 
* Next / previous specific formatting 
*
************************************************************************/

.nextlink {
    position: relative;
    right: 0;
    padding-right: 15px;
    float: right;
}




/************************************************************************
* 
* Page specific 
*
************************************************************************/

/* event dowload button */
.downloadevent img {
    margin-right: 5px;
    vertical-align: middle;
    border: none;
}

/* Header on view details type pages */
.itemdetails {
    font-size: 1.1em;
}

/* rss button */
.rss img {
    margin-right: 5px;
    vertical-align: middle;
    border: none;
}


/************************************************************************
* 
* Forms
*
************************************************************************/

/* label column */
.formlabel {
    width: 130px;
    vertical-align: top;
}

/* value column */
.formvalue {
    vertical-align: top;
}

.txtfield {
    width: 300px;
}

.txtblock {
    width: 300px;
}

#greg {
    background: #cccccc;
}

#yellow {
    /*background: #ffff00;*/
}


/************************************************************************
* 
* 2.2 ALBUMS PAGE
*
************************************************************************/

#albums {
    background-image: url(images/body-repeat-photo.gif);
    padding: 0 37px;
    padding-bottom: 40px;
    width: 686px;
}

.view {
    margin-left: auto;
    margin-right: auto;
    width: 686px;
    text-align: center;
}

    .view .photo-frame {
        margin-left: auto;
        margin-right: auto;
    }

.item {
    padding: 20px 30px;
    color: #B2B2B2;
}

    .item h4 {
        margin-bottom: 0.4em;
    }

.nullpanel {
    padding: 150px;
    width: auto;
    text-align: center;
}

/* 2.3 PHOTOS, DETAILS, ADMIN/DETAILS PAGE */

#photos .view, #admin-details .view {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* 3 FOOTER */

.menub {
    margin: 12px auto 5px auto;
    text-transform: uppercase;
    font-size: 10px;
}

    .menub a:visited {
        color: #d32525;
    }


/* Inline styles are used because image controls hard code a border property */

.photo_198 {
    border: 4px solid #FFFFFF;
}

/************************************************************************
* 
* Photos
*
************************************************************************/

.selected {
    padding-right: 10px;
    padding-left: 10px;
    border: thin solid black;
}

.unselected {
    padding-right: 10px;
    padding-left: 10px;
}

/************************************************************************
* 
* FireFox AsyncUpload Fix
*
************************************************************************/

.imageUploaderField input {
    width: 100%;
}

.asyncFileUpload input {
    width: 100% !important;
}

/************************************************************************
* 
* Forums
*
************************************************************************/

.thread {
    padding-top: 5px;
}

    .thread h3 {
        font-size: 1em;
        font-weight: bold;
        margin: 0;
        padding: 3px 1px 3px 1px;
        display: block;
    }

.forumrow {
    background-color: #FFFFCC;
}

.sectionrow td {
    border-bottom: solid 1px #feed9e;
    padding-top: 10px;
    font-size: 110%;
}

.forumrow .forumleftcell {
    border-left: solid 1px #feed9e;
}

/* the cells where edit\reply\quote are */
.threadcontrols {
    border-bottom: solid 1px #CCCCCC;
    padding: 5px;
}

.topicdesc {
    margin: 2px 2px 6px 2px;
}

.msgbody {
    max-width: 560px;
    width: 560px;
    overflow: auto;
    padding: 10px;
    border: solid 1px #DDDDDD;
    margin-top: 5px;
    background-color: #FFFFFF;
}

.threadlistitem {
    color: #666666;
}

.threadlistlink {
    font-size: 105%;
    font-weight: bold;
}

.stickygrid caption {
    color: Teal;
    padding: 4px;
    font-weight: bold;
    border-top: solid 1px #FFFFFF;
    border-bottom: solid 1px #808080;
    border-left: solid 1px #FFFFFF;
    border-right: solid 1px #808080;
    text-align: left;
    margin-bottom: 2px;
}

.forumuser h3 {
    font-weight: bold;
    font-size: 1em;
}

/* the rest is just to try to make Firefox and IE look similar */
.normalgrid, .stickygrid {
    /*border-width: 1px 1px 1px 1px;*/
    border-spacing: 0;
    /*border-style:  solid solid solid solid;
	border-color: white gray gray white;*/
    border-collapse: collapse;
}

    .normalgrid th, .stickygrid th {
        /*border-width: 1px 1px 1px 1px;*/
        padding: 2px 2px 2px 3px;
        /*border-style: solid solid solid solid;
	border-color: white white white white;*/
        -moz-border-radius: 0px 0px 0px 0px;
    }

    .normalgrid td, .stickygrid td {
        /*border-width: 1px 1px 1px 1px;*/
        padding: 2px 2px 2px 3px;
        /*border-style: solid solid solid solid;
	border-color: white white white white;*/
        -moz-border-radius: 0px 0px 0px 0px;
    }

.quote {
    background-color: #EEEEEE;
    border: solid 1px #CCCCCC;
    padding: 1px 1px 1px 10px;
    margin: 3px;
}

.CheckBoxListCustom label {
    padding-left: 5px;
        font-weight: 300;
}
.CheckBoxAlignText label {
    padding-left: 5px;
    padding-bottom: 5px;
}

.PollAnswersList label {
    padding-left: 5px;
        font-weight: 300;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"]
{
    width: 100%;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
  /* Hide captions */
  .carousel-caption {
    display: none
  }
}