/* html body tag style */
body 
{
margin: 0px;
padding: 0px;
}

/* outer-container will hold the whole assembly of nested div overlays. */
#content-container-outer 
{
font-family: Segoe UI, Calibri, Arial;
width: 1028px;
margin: 0 auto;
border: 0px solid Red;
}

/* outer-container will hold the whole assembly of nested div overlays. */
#content-container-inner 
{
font-family: Segoe UI, Calibri, Arial;
width: 1028px;
margin: 0 auto;
border: 0px solid Black;
}

/* content-container CSS Style Rule */
/* It will hold the main content of the page. */
#content-container 
{
    width: 490px;
    height: 650px;
    background-color: white;
    margin: 0px 0px 0px 0px;
    float: left;
    border: 0px solid Blue;
}

#content-container-normal
{
    margin: 0px 0px 0px 0px;
    float: left;
    border: 0px solid Red;
}

#content-container-details
{
    width: 740px;
    height: 650px;
    margin: 0px 0px 0px 0px;
	background: #FFFFFF;
	position: absolute;
	border: 0px solid Black;
}

.header-background
{
    background-color: black;
    color: white;
    border: 0px solid Blue;
    margin: 1em 0 0 0;
    font-size:12px;
    font-weight: bold;
}

.content-container-admin {
    width: 740px;
    height: 650px;
    margin: 0px 0px 0px 0px;
	background: #FFFFFF;
	position: absolute;
	border: 0px solid Green;
}
.content-container-adminleft {
	float: left;
	width: 335px;
    vertical-align: top;
	position: relative;
	border: 0px solid Black;
}
.content-container-adminright {
	float: right;
	width: 335px;
    vertical-align: top;
	position: relative;
	border: 0px solid Black;
}	

.content-container-adminleftNew {
	float: left;
	width: 225px;
    vertical-align: top;
	position: relative;
	border: 0px solid Red;
}
.content-container-admincenterNew {
	float: left;
	width: 225px;
    vertical-align: top;
	position:relative;
	border: 0px solid Black;
}	
.content-container-adminrightNew {
	float: left;
	width: 225px;
    vertical-align: top;
	position: relative;
	border: 0px solid Blue;
}

.content-container-adminleftNewLandC {
	float: left;
	width: 450px;
    vertical-align: top;
	position: relative;
	border: 0px solid Red;
}
.content-container-adminrightNewL1 {
	float: left;
	width: 112px;
    vertical-align: top;
	position: relative;
	border: 0px solid Blue;
}
.content-container-adminrightNewL2 {
	float: left;
	width: 112px;
    vertical-align: top;
	position: relative;
	border: 0px solid Blue;
}

/* h1 tag style */
h1, h2, h3, h4 {
	margin: 0;
	padding: 4px;
	font-family: Segoe UI,Calibri, Arial;
	color: #060000;
}

hr {
	border: 0;
	border-top: 1px solid #bababa;
	height: 1px;
}

h1 {
	text-transform: none;
	font-size: 22px;
}

h2 {
	text-transform: none;
	font-size: 18px;
    font-weight: normal;
    }

h3 {
	text-transform: none;
	font-size: 12px;
    font-weight: normal;
}

h4 {
	text-transform: none;
	font-size: 12.5px;
    font-weight: normal;
}

h5 {
	text-transform: none;
	font-size: 10px;
    font-weight: normal;
}

/* Header CSS Style Rule */
#header 
{
width: 1024px;
height: 120px;
float: left;
}

#header-top
{
width: 740px;
height: 120px;
background-image: url(../Content/Images/header_1.jpg);
float: left;
}
#headermessage
{
font-size: 10px;
text-align: right;
font-family: Segoe UI, Calibri, Arial;
color: White;
}

/* footer CSS Style Rule */
#footer
{
width: 1024px;
height: 60px;
background-color: white;
font-size: 8px;
font-family: Segoe UI, Calibri, Arial;
text-align: center;
color: black;
float: none;
border: 0px solid Green;
}

#footer h3
{
font-size: 12px;
font-family: Segoe UI, Calibri, Arial;
text-align: center;
color: Gray;
}

#footer h4
{
font-size: 12px;
font-family: Segoe UI, Calibri, Arial;
text-align: center;
color: Gray;
}

#about
{
margin: 15px 75px 5px 5px;
}

/* barista CSS Style Rule */
#barista
{
color: White;
font-size: 14px;
font-family: Segoe UI, Calibri, Arial;
font-weight: normal;
text-align: center;
margin: 15px 75px 5px 5px;
}

/* Welcome CSS Style Rule */
#welcome H1
{
color: Black;
font-size: 26px;
font-family: Segoe UI, Calibri, Arial;
text-align: center;
margin: 45px 25px 0px 40px;
}

#welcome H2
{
color: Black;
font-size: 14px;
font-family: Segoe UI, Calibri, Arial;
font-weight: normal;
text-align: center;
margin: 0px 10px 0px 20px;
}

/* Welcome CSS Style Rule */
/*#account
{
color: Black;
font-size: 10px;
font-family: Segoe UI, Calibri, Arial;
}

#account H1
{
font-size: 12px;
font-family: Segoe UI, Calibri, Arial;
text-align: center;
margin: 45px 25px 0px 40px;
}

#account H2
{
color: Black;
font-size: 12px;
font-family: Segoe UI, Calibri, Arial;
font-weight: normal;
text-align: center;
margin: 0px 10px 0px 20px;
}*/

/* left side navigation that is the left side column of */
#left-nav
{
    width: 284px;
    height: 650px;
    margin: 0px 0px 0px 0px;
    float: left;
}

#left-nav-1
{
    width: 284px;
    height: 120px;
    background-image: url(../Content/Images/left_nav_1.jpg);
    float: left;
}

#left-nav-2
{
	width: 284px; 
	height: 304px; 
	float: left;
	background-image: url(../Content/Images/left_nav_2.jpg);
}

#left-nav-3
{
	height: 90px; 
	width: 284px;
	float: left;
	font-size: 10px;
	font-family: Segoe UI, Calibri, Arial;
	color: White;
	background-image: url(../Content/Images/left_nav_3.jpg);
}

#left-menu-area
{
	height: 256px;  /* 256 */
	width: 284px;
    margin: 0px 0px 0px 0px;
	float: left;
    background-image: url(../Content/Images/left_menu_0_full.jpg);
    border-style: none;
}

a#menu-1 {
    display: block;
    width: 284px;
    height: 41px;
    background-image: url(../Content/Images/left_menu_1_norm.jpg);
    margin: 0 auto;

}
a#menu-1:hover {
    background-image: url(../Content/Images/left_menu_1_glow.jpg);
}
a#menu-2 {
    display: block;
    width: 284px;
    height: 30px;
    background-image: url(../Content/Images/left_menu_2_norm.jpg);
    margin: 0 auto;
}
a#menu-2:hover {
    background-image: url(../Content/Images/left_menu_2_glow.jpg);
}
a#menu-3 {
    display: block;
    width: 284px;
    height: 34px;
    background-image: url(../Content/Images/left_menu_3_norm.jpg);
    margin: 0 auto;
}
a#menu-3:hover {
    background-image: url(../Content/Images/left_menu_3_glow.jpg);
}
a#menu-4 {
    display: block;
    width: 284px;
    height: 38px;
    background-image: url(../Content/Images/left_menu_4_norm.jpg);
    margin: 0 auto;
}
a#menu-4:hover {
    background-image: url(../Content/Images/left_menu_4_glow.jpg);
}
a#menu-5 {
    display: block;
    width: 284px;
    height: 41px;
    background-image: url(../Content/Images/left_menu_5_norm.jpg);
    margin: 0 auto;
}
a#menu-5:hover {
    background-image: url(../Content/Images/left_menu_5_glow.jpg);
}
a#menu-search {
    display: block;
    width: 284px;
    height: 24px;
    background-image: url(../Content/Images/left_menu_Search.jpg);
    margin: 0 auto;
}
a#menu-search:hover {
    background-image: url(../Content/Images/left_menu_Search.jpg);
}
a#menu-login {
    display: block;
    width: 284px;
    height: 48px;
    background-image: url(../Content/Images/left_menu_Login.jpg);
    margin: 0 auto;
}
a#menu-login:hover {
    background-image: url(../Content/Images/left_menu_Login.jpg);
}
a#menu-logout {
    display: block;
    width: 284px;
    height: 48px;
    background-image: url(../Content/Images/left_menu_Logout.jpg);
    margin: 0 auto;
}
a#menu-logout:hover {
    background-image: url(../Content/Images/left_menu_Logout.jpg);
}

/* right side navigation that is the right side column of */
#right-panel
{
    width: 250px;
    height: 650px;
    background-color: white;
    margin: 0px 0px 0px 0px;
    float: left;
}

#right-panel-container
{
    width: 250px;
    height: auto;
    background-color: white;
    margin: 0px 0px 0px 0px;
    float: left;
    font-size: 12.5px;
    font-family: Segoe UI, Calibri, Arial;
    color: Black;
    border: 0px solid Blue;
}

#right-panel-container h2
{
    float: left;
    font-size: 12.5px;
    font-family: Segoe UI, Calibri, Arial;
    font-weight: bold;
    color: Black;
}


#rightpanel2
{
    width: 250px;
    height: auto;
    background-color: navy;
    margin: 0px 0px 0px 0px;
    float: left;
    font-size: 10px;
    font-family: Segoe UI, Calibri, Arial;
    color: White;
}

#rightpanel3
{
    width: 250px;
    height: auto;
    background-color: navy;
    margin: 0px 0px 0px 0px;
    float: left;
    font-size: 9px;
    font-family: Segoe UI, Calibri, Arial;
    color: White;
}

#rightpanel4
{
    width: 250px;
    height: auto;
    background-color: navy;
    margin: 0px 0px 0px 0px;
    float: left;
    font-size: 9px;
    font-family: Segoe UI, Calibri, Arial;
    color: White;
}
/*
#menuimage_map
{
    width:293px;
    height:363px;
    background:url(/content/Images/SideMenu_3.jpg) no-repeat;
    position:relative;
}

#menuimage_map a
{
display:block;
position:absolute;
}

#menuimage_map a.menu{
width:100px;
height:50px;
top:340px;
} 
 
#menuimage_map a#link1{
width:430px;
height:320px;
top:10px;
left:10px;
}
*/

/*
#menuimage_map a.Home{
width:90px;
height:35px;
top:105px;left:38px;
}
#menuimage_map a#Resources{
width:90px;
height:35px;
top:118px;left:128px;
}
#menuimage_map a#Events{
width:90px;
height:35px;
top:175px;left:66px;
}
#menuimage_map a#FAQs{
width:90px;
height:35px;
top:200px;left:148px;
} 
#menuimage_map a#WhatsBrewing{
width:180px;
height:35px;
top:250px;left:66px;
} 
#menuimage_map a#Login{
width:90px;
height:35px;
top:310px;left:78px;
} 
#menuimage_map a#Search{
width:90px;
height:35px;
top:292px;left:186px;
}
*/

#BrewOfTheDay
{
width: 250px;
height: 150px;
background-color: White;
background-image: url(../Content/Images/coffeecup-brewofday-fade-4.jpg);
background-repeat: no-repeat;
margin: 0px 0px 0px 0px;
float: right;
color: Black;
font-size: 14px;
font-family: Segoe UI, Calibri, Arial;
font-weight: bold;
/* background: rgb(0, 0, 0); */
/* RGBa with 0.6 opacity */ 
/* background: rgba(0, 0, 0, 0.6); */
}

#BrewOfTheDay h1
{
    width: 250px;
    height: 150px;
    background-color: White;
    margin: 0px 0px 0px 0px;
    float: right;
    color: Black;
    font-size: 12.5px;
}

/*
.shadow  { position:relative; display:block; color: #fff; }
.shadow span { position:absolute; display:block; top:0px;  }
.shadow:before { display:block; padding:1px; content: attr(title); color:#666;  }
*/

/* Top navigation CSS Style Rule */
#top-Nav
{
    width: 1024px;
    background-color: black;
    margin: 0px 0px 0px 0px;
}

/* Freshly Brewed News Items */

.FreshBrewedNewsItems {
	margin: 0;
	padding: 0px;
	float: left;
	color: Black;
}

.FreshBrewedNewsTitle {
	font-size: 14px;
	font-weight: normal;
	font-weight:bold;
}
.FreshBrewedNewsTitleSingle {
	font-size: 22px;
	font-weight: bold;
	color: Black;
}
.FreshBrewedNewsDescription {
	font-size: 14px;
	font-weight: normal;
	color: Black;
}
.FreshBrewedNewsDescriptionSingle {
	font-size: 14px;
	font-weight: normal;
	color: Black;
}

.FreshBrewedNewsPublishDate {
	font-size: 10px;
	color: Gray;
}
.FreshBrewedNewsPublishDateSingle {
	font-size: 12px;
	color: Gray;
}

.FeedbackMessage 
{
	font-size: 12px;
	color: Red;
}


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

/*fieldset 
{
    border:1px solid #ddd;
    padding: 0 1.4em .5em .4em;
    margin: 0 1.5em .5em .4em;
    border-color: Gray;
}*/

/* forms */
fieldset {
    border: 0;
    margin: 0;
    padding: 10px;
    /*border:1px solid #ddd;
    padding: 0 1.4em .5em .4em;
    margin: 0 1.5em .5em .4em;
    border-color: Gray;*/
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

legend 
{
    font-size: 12.5px;
    font-weight: normal;
}

#legend-panel
{
    font-size:1.0em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    font-weight: normal;
    font-size: 1em;
    font-weight: bold;
    color: red;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: normal;
    font-size: 0.8em;
    font-weight: bold;
    color: red;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label
{
    margin: 1em 0 0 0;
    font-size:13px;
    font-weight: bold;
}

.display-field
{
    font-family: Segoe UI, Calibri, Arial;
    font-size: 13px;
    font-weight: normal;
    margin:0.5em 0 0 0;
}

.display-field-bold
{
    font-family: Segoe UI, Calibri, Arial;
    font-size: 13px;
    font-weight: bold;
    margin:0.5em 0 0 0;
}

.editor-field
{
    font-family: Segoe UI, Calibri, Arial;
    font-size: 13px;
    font-weight: normal;
    margin:0.5em 0 0 0;
}

.editor-field-date
{
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
}

.editor-label-login
{
    margin: 1em 0 0 0;
    font-size:15px;
    font-weight: bold;
}

.editor-field-login
{
    font-family: Segoe UI, Calibri, Arial;
    font-size: 15px;
    font-weight: normal;
    margin:1em 0 0 0;
}

.display-field-posted,
.editor-field-posted,
.display-label-posted
{
    font-size: 11px;
    font-weight: normal;
    color: Gray;
    margin:0.5em 0 0 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 5em;
    width: 30em;
}

.tri-state
{
    width: 6em;
}

/* Posts */

#posts {
	float: left;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }

img.float-right {
  margin:  0px 0px 2px 5px;  
}
img.float-left {
  margin: 0px 5px 2px 2px;
}

/*
.imgLink-rss
{
  background: url(/content/Images/icon-rss-feed-28x28.png) no-repeat;
  width: 22px;
}
.imgLink-oData
{
  background: url(/content/Images/icon-odata-feed-28x28.png) no-repeat;
  width: 22px;
}
*/

ul, li
{
    font-size: 12.5px;
    font-family: Segoe UI, Calibri, Arial;
	color: #820106;
}

a {
	color: #820106;
	outline-style: none;
}

a:visited {
	color: #A07E80;
}

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

a:active {
	color: #A14145;
}

.MyHyperLink {
	color: #820106;
}

.layerfaq {
margin: 0;
padding: 0;
width: 100%;
}
 
.headingfaq {
margin: 1px;
color: #fff;
padding: 5px 5px;
cursor: pointer;
position: relative;
background-color: White;
color: Black;
font-size: 13px;
font-weight: bold;
font-family: Segoe UI, Calibri, Arial;
}
.contentfaq {
padding: 5px 5px;
background-color: White;
color: Black;
font-size: 13px;
font-family: Segoe UI, Calibri, Arial;

}
p { padding: 5px 0; }

p.smallspace {line-height:50%;}
p.bigspace {line-height:200%;}


#smallspace {line-height:100%; width: 100%; }

/*
#pagination
{
  margin: 0px 10px 0px 10px;  
}
#pagination-left
{
    width: auto;
    text-align:left;
    float: left;
}
#pagination-right
{
    width: auto;
    text-align:right;
    float: right;
}
*/


#pagination
{
    width: 450px;
    height: auto;
    background-color: white;
    margin: 0px 20px 0px 10px;
    float:left;
    font-size: 12px;
    font-weight: bold;
    font-family: Segoe UI, Calibri, Arial;
    /*
    border:1px solid #ddd;
    border-color: Gray;
    */
}
#pagination-left
{
    width: auto;
    float: left;
    text-align: left;
}
#pagination-right
{
    width: auto;
    float: right;
    text-align: right;
}

#pagination-space
{
    height: .5em;
    width: 450px;
    /*border:1px solid #ddd;
    border-color: Gray;*/

}

.editor-field-readonly
{
    background-color: #FFFFFF;
}

.submitbutton
{
    width:75px;
} 

/* login page */
#loginForm {
    border-right: none;
    float: none;
    width: auto;
}

    #loginForm .validation-error {
        display: block;
        margin-left: 10px;
    }

#socialLoginForm {
    float: none;
    width: auto;
    padding: 5px;
    font-size: 16px;
    font-family: Segoe UI, Calibri, Arial;
}


/* login page */
#loginForm {
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 55%;
    margin-left: 10px;
    margin-right: 25px;

}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

    #loginForm .validation-summary-errors ul {
        margin: 0;
        padding: 0;
    }

    #loginForm .validation-summary-errors li {
        display: inline;
        list-style: none;
        margin: 0;
    }

    #loginForm input {
        width: 250px;
    }

    #loginForm input[type="checkbox"],
    #loginForm input[type="submit"],
    #loginForm input[type="button"],
    #loginForm button {
        width: auto;
    }

input, textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1em;
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 500px;
}

textarea {
    font-family: inherit;
    width: 500px;
}

    input:focus, textarea:focus {
        border: 1px solid #7ac0da;
    }

    input[type="checkbox"] {
        background: transparent;
        border: inherit;
        width: auto;
    }

    input[type="submit"],
    input[type="button"],
    button {
        /*background-color: #A14145 #d3dce0;*/
        background-color: #d3dce0;
        border: 1px solid #787878;
        cursor: pointer;
        font-size: 1.1em;
        font-weight: 600;
        padding: 7px;
        margin-right: 8px;
        width: auto;
    }

    td input[type="submit"],
    td input[type="button"],
    td button {
        font-size: 1em;
        padding: 4px;
        margin-right: 4px;
    }