@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}
@keyframes progress-bar-stripes{
from{background-position:1rem 0}to{background-position:0 0}}.progress
{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}
.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-align:center;
align-items:center;-ms-flex-pack:center;justify-content:center;color:#fff;background-color:#007bff}
.progress-bar-striped
{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgcaleba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}
.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}

.float-right{float:right!important}


a.srvup-item-upload{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}

a.srvup-item-upload:hover{color:#0056b3;text-decoration:underline}


body 
{
color: #000000;
}

.highlighted
{
display:inline;
background-color: yellow;
}

errortext
{
color:red;
}

#note 
{
position:absolute;
z-index:101;
top:0;
left:0;
right:0;
background:black;
text-align:center;
line-height:2.5;
overflow:hidden;
color:white;
display:none;
}


#postflagged
{
position:fixed;
z-index:101;
top:0;
left:0;
right:0;
background:black;
text-align:center;
line-height:2.5;
overflow:hidden;
color:white;
display:none;
}

#commentflagged
{
position:fixed;
z-index:101;
top:0;
left:0;
right:0;
background:black;
text-align:center;
line-height:2.5;
overflow:hidden;
color:white;
display:none;
}

#tagschanged
{
position:fixed;
z-index:101;
top:0;
left:0;
right:0;
background:black;
text-align:center;
line-height:2.5;
overflow:hidden;
color:white;
display:none;
}


#postsuccessfullyedited
{
position:fixed;
z-index:101;
top:0;
left:0;
right:0;
background:black;
text-align:center;
line-height:2.5;
overflow:hidden;
color:white;
display:none;
}



#commentsuccessfullyedited
{
position:fixed;
z-index:101;
top:0;
left:0;
right:0;
background:black;
text-align:center;
line-height:2.5;
overflow:hidden;
color:white;
display:none;
}

#commentpostedsuccessfully
{
position:fixed;
z-index:101;
top:0;
left:0;
right:0;
background:black;
text-align:center;
line-height:2.5;
overflow:hidden;
color:white;
display:none;
}

#commentsuccessfullydeleted
{
position:fixed;
z-index:101;
top:0;
left:0;
right:0;
background:black;
text-align:center;
line-height:2.5;
overflow:hidden;
color:white;
display:none;
}

#titlesuccessfullychanged 
{
position:fixed;
z-index:101;
top:0;
left:0;
right:0;
background:black;
text-align:center;
line-height:2.5;
overflow:hidden;
color:white;
display:none;
}

#successfullysaveddocument
{
position:fixed;
z-index:101;
top:0;
left:0;
right:0;
background:black;
text-align:center;
line-height:2.5;
overflow:hidden;
color:white;
display:none;
}

#doccategorychanged
{
position:fixed;
z-index:101;
top:0;
left:0;
right:0;
background:black;
text-align:center;
line-height:2.5;
overflow:hidden;
color:white;
display:none;
}

#usersettingschanged
{
position:fixed;
z-index:101;
top:0;
left:0;
right:0;
background:black;
text-align:center;
line-height:2.5;
overflow:hidden;
color:white;
display:none;
}

#wallcommentpostsuccess
{
position:fixed;
z-index:101;
top:0;
left:0;
right:0;
background:black;
text-align:center;
line-height:2.5;
overflow:hidden;
color:white;
display:none;
}


#wallcommenteditsuccess
{
position:fixed;
z-index:101;
top:0;
left:0;
right:0;
background:black;
text-align:center;
line-height:2.5;
overflow:hidden;
color:white;
display:none;
}


#wallcommentdeletesuccess
{
position:fixed;
z-index:101;
top:0;
left:0;
right:0;
background:black;
text-align:center;
line-height:2.5;
overflow:hidden;
color:white;
display:none;
}


#metadatasection
{
position: relative;
width:60%;
}





.textareadescription
{
width:60%;
}

.titlefieldupload
{
width:50%;
}

.tagvalues
{
width:55%;
}

.userphotos
{
max-width:300px; 
max-height:300px;
}

.userhomepagephoto
{
max-width:300px; 
max-height:300px;
}

.publicpagehomepagephoto
{
max-width:300px; 
max-height:300px;
}


#neededspace
{
position: relative;
padding-left:10px;
width:70%;
}

#descriptioncontent
{
position: relative;
width:60%;
}

#centerauth
{
position: relative;
padding-left:52px;
}



a.nothingtoshow
{
text-decoration:none;
text-decoration-line:none;
}

div.comments
{
position: relative;
padding-left:100px;
width:60%;
}

div.replies
{
position: relative;
padding-left:120px;
width:50%;
}


.container{
        width:1250px;
	height:600px;
	margin:40px auto;
	overflow:visible;
 
}

.slider-inner{
	width:1200px;
	height:600px;
	position:relative;
	overflow:visible;
	float:left;
	padding:3px;
	display:flex;
	margin:auto;
	align-items:center;
	justify-content:center;
}

.slider-inner .imagediv{
	display:none;
	vertical-align:bottom;
}

.slider-inner .currentselected{
	display:inline-block;
	vertical-align: bottom;
}


.slider-inner img{
	display:none;
}

.slider-inner img.active{
	display:inline-block;
	max-width:1200px;
	max-height:600px;

}

.prev,.next{
	float:left;
	margin-top:200px;
	cursor: pointer;
}

.prev{
	position:relative;
	margin-right:-45px;
	z-index:100;
}

.next{
	position:relative;
	margin-left:-45px;
	z-index:100;
}


.photos
{
cursor: pointer;
}

.lineupreplies
{
position: relative;
padding-left:120px;
width:500px;
}



//css
.button-popup {
margin:20px;
background: #202020;
padding: 15px;
}




.commentwindowpopup {
width:100%;
height:100%;
position:fixed;
z-index:10;
background: rgba(0,0,0,0,7);
top:0;
left:0;
display:none;
}

.replycommentwindowpopup {
width:100%;
height:100%;
position:fixed;
z-index:10;
background: rgba(0,0,0,0,7);
top:0;
left:0;
display:none;
}

.reportcommentwindowpopup {
width:100%;
height:100%;
position:fixed;
z-index:10;
background: rgba(0,0,0,0,7);
top:0;
left:0;
display:none;
}

.reportreplycommentwindowpopup {
width:100%;
height:100%;
position:fixed;
z-index:10;
background: rgba(0,0,0,0,7);
top:0;
left:0;
display:none;
}

#reportpostwindowpopup{
width:100%;
height:100%;
position:fixed;
z-index:10;
background: rgba(0,0,0,0,7);
top:0;
left:0;
display:none;
}


#reportdocumentwindowpopup{
width:100%;
height:100%;
position:fixed;
z-index:10;
background: rgba(0,0,0,0,7);
top:0;
left:0;
display:none;
}


.deletepostwindowpopup {
width:100%;
height:100%;
position:fixed;
z-index:10;
background: rgba(0,0,0,0,7);
top:0;
left:0;
display:none;
}

#deletepostwindowpopup {
width:100%;
height:100%;
position:fixed;
z-index:10;
background: rgba(0,0,0,0,7);
top:0;
left:0;
display:none;
}

#deleteppagewindowpopup
{
width:100%;
height:100%;
position:fixed;
z-index:10;
background: rgba(0,0,0,0,7);
top:0;
left:0;
display:none;
}

#changedoccategorywindowpopup
{
width:100%;
height:100%;
position:fixed;
z-index:10;
background: rgba(0,0,0,0,7);
top:0;
left:0;
display:none;
}


#changesmodalwindowphotos {
width:100%;
height:100%;
position:fixed;
z-index:10;
background: rgba(0,0,0,0,7);
top:0;
left:0;
display:none;
}


#changesmodalwindowproducts {
width:100%;
height:100%;
position:fixed;
z-index:10;
background: rgba(0,0,0,0,7);
top:0;
left:0;
display:none;
}


#changesmodalwindowservices {
width:100%;
height:100%;
position:fixed;
z-index:10;
background: rgba(0,0,0,0,7);
top:0;
left:0;
display:none;
}


.deletesaveddocumentwindowpopup {
width:100%;
height:100%;
position:fixed;
z-index:10;
background: rgba(0,0,0,0,7);
top:0;
left:0;
display:none;
}


#deletesaveddocumentwindowpopup {
width:100%;
height:100%;
position:fixed;
z-index:10;
background: rgba(0,0,0,0,7);
top:0;
left:0;
display:none;
}

.scheduling {
width:50%;
height:50%;
border:solid;
background:white;
border-radius:3px;
position:absolute;
overflow:auto;
padding-left:5px;
padding-right:5px;
left:30%;
top:25%;
}


.schedulinglink
{
background-color: blue; /* Sets the background to blue */
color: white; /* Sets the text color to white for contrast */
padding: 10px 20px; /* Adds padding around the text */
border: none; /* Removes the default button border */
border-radius: 5px; /* Rounds the corners of the button */
cursor: pointer; /* Changes the cursor to a pointer on hover */
}




.wp-content {
width:500px;
height:300px;
border:solid;
background:gray;
border-radius:3px;
position:absolute;
overflow:auto;
left:30%;
top:25%;
}

.wp-content a {
padding:10px;
background:#3498db;
color:white;
text-decoration:none;
position:absolute;
right:20px;
bottom:20px;
border-radius:5px;
}




.document-wp-content {
width:40%;
height:70%;
border:solid;
background:gray;
border-radius:3px;
position:absolute;
left:30%;
top:25%;
}

.document-wp-content a {
padding:10px;
background:#3498db;
color:white;
text-decoration:none;
position:absolute;
right:20px;
bottom:20px;
border-radius:5px;
}





#container {
width:100%;
margin: 0 auto;
}

#headingfont
{
color:black;
font-size:30px;
font-weight:bold;
}

.navbar {
list-style:none;
padding:0;
margin:0;
background:black;
border-bottom:3px solid #000;
border-top:1px solid #ddd;
}

.navbar li {
font-size: 1.06em;
display:inline-block;
padding:5px 15px 4px 15px;
}

.navbar li a {
font-size: 1.06em;
color:white;
text-decoration:none;
line-height:1.2em;
}

.navbar li a:hover {
text-decoration:underline;
color:blue;
}

.navbar li a:visited {
color:white;
}

.navbar li a:active {
color:yellow;
}





.businessnavbar {
font-size: 1.01em;
list-style:none;
padding:0;
margin:0;
float:right;
width:200px;
background-color:black; 
color:white; 
border:solid;
}

.businessnavbar li {
font-size: 1.01em;
display:inline-block;
padding:5px 15px 4px 15px;
}

.businessnavbar li a {
font-size: 1.01em;
color:white;
text-decoration:none;
line-height:1.2em;
}

.businessnavbar li a:hover {
text-decoration:underline;
color:blue;
}

.businessnavbar li a:visited {
color:white;
}

.businessnavbar li a:active {
color:yellow;
}








.accountnavbar {
font-size: 1.01em;
list-style:none;
padding:0;
margin:0;
float:right;
width:200px;
background-color:black; 
color:white; 
border:solid;
}

.accountnavbar li {
font-size: 1.01em;
display:inline-block;
padding:5px 15px 4px 15px;
}

.accountnavbar li a {
font-size: 1.01em;
color:white;
text-decoration:none;
}

.accountnavbar li a:visited {
color:white;
text-decoration:none;
}

.accountnavbar li a:active {
color:yellow;
text-decoration:none;
}

.accountnavbar li a:hover {
text-decoration:underline;
color:blue;
}





#containerfooter {
width:100%;
margin: 0 auto;
}

.navbarfooter {
font-size: 1.01em;
list-style:none;
padding:0;
margin:0;
background:black;
border-top:1px solid #ddd;
}

.navbarfooter li {
display:inline-block;
padding:5px 15px 4px 15px;
}

.navbarfooter li a {
color:#fff;
text-decoration:none;
line-height:2em;
}

.navbarfooter li a:hover {
color:blue;
}

#alluserinfo
{
float:right; 
width:220px; 
background-color:black; 
color:white; 
border:solid;
}


#alluserinfo a:link{
color:white;
text-decoration:none;
}

#alluserinfo a:visited{
color:white;
text-decoration:none;
}

#alluserinfo a:active{
color:yellow;
text-decoration:none;
}

#alluserinfo a:hover{
color:blue;
text-decoration:none;
}


#businesstable
{
float:right; 
width:25%; 
background-color:black; 
color:white; 
border:solid;
list-style:none;
}


#businesstable a:link{
color:#fff;
text-decoration:none;
}

#businesstable a:visited{
color:white;
text-decoration:none;
}

#businesstable a:hover{
color:yellow;
text-decoration:none;
}

#businesstable a:hover{
color:blue;
text-decoration:none;
}




#accounttable
{
float:right; 
width:25%; 
background-color:black; 
color:white; 
border:solid;
list-style:none;
}


#accounttable a:link{
color:white;
text-decoration:none;
}

#accounttable a:visited{
color:white;
text-decoration:none;
}

#accounttable a:hover{
color:yellow;
text-decoration:none;
}

#accounttable a:hover{
color:blue;
text-decoration:none;
}




#centerforphotosslideshow{
text-align: center;
}


#signupbox 
{
background-color:#f5f5dc;
width:400px;
}

#signupboxspanish
{
background-color:#f5f5dc;
width:27%;
}

#loginbox 
{
background-color:#f5f5dc;
width:25%;
}


#forgotbox
{
background-color:#f5f5dc;
width:27%;
}

#photoaddbox
{
background-color:#D3D3D3;
border: 1px solid black;
width:25%;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
}


.clickable{
cursor:pointer;
}

#spancolumns
{
display:none;
}

#businessspancolumns
{
display:none;
}

#accountspancolumns
{
display:none;
}



#thisinline {
padding-bottom: 5px;
display:none;
}


.menu-trigger {
display:none;
}


.businessmenu-trigger 
{
display:none;
}

.accountmenu-trigger 
{
display:none;
}



#imageright
{
display:none;
}

#imagedescription
{
margin-left:20%; 
margin-right:20%;
text-align:center;
}

.passwd-wrap {
	position: relative;
}

#show-passwd {
	position: absolute;
	top: 50%;
	right: 1rem;
	transform: translateY(-50%);
	cursor: pointer;
	width: 1.5rem;
	display: flex;
	align-items: center;
}

#show-passwd img {
	width: 100%;
	height: auto;
} 


.password-container 
{
position: relative;
}

.toggle-password 
{
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
cursor: pointer;
}


*{
box-sizing: border-box;
 }
            
.input-container{
position: relative;
width: 300px;
height: 50px;
}


            .password-field {
                  position: relative;
                  background-color: white;
                  color: black;
                  border: 1px solid #cccccc;
                  padding: 10px 10px;
                  width: 300px;
                  height: 50px;
                  outline: none;
            }
            .icon2 {
                  font-size: 15px;
                  color: black;
                  position: absolute;
                  top: 20px;
                  right: 11px;
                  cursor: pointer;
            }
            .icon3 {
                  font-size: 15px;
                  color: black;
                  position: absolute;
                  top: 20px;
                  right: 10px;
                  cursor: pointer;
                  display: none;
            }



.seasonaltable
{
width: 638px;
text-align: left; 
}

.seasonalproductsservicesrowheader
{
vertical-align: top; 
width: 500px; 
text-align: center;
}

.seasonalmonthrow
{
vertical-align: top; 
width: 120px;
}


.seasonalproductsservicesrow
{
vertical-align:top; 
width: 500px; 
height: 60px;
}

//original
//vertical-align: top; text-align: center; width: 100px; height: 120px;



.calendartable
{
width:60%;
}

.calendarweekdays
{
vertical-align: top; 
text-align: center; 
width:12%;
}

.calendarrows
{
vertical-align: top; 
text-align: center; 
width: 12%; 
height: 120px;
}

.nextpreviouslinks
{
width:52%;
}
































@media screen and (max-width:749px)
{


.navbar {width:190px; height:auto; background:#6AA2FD url(images/img101.gif)}

.navbar ul {margin:0;padding:0;list-style:none; font-size: 1.06em;}

.navbar li {display:block; font-size: 1.06em;}

.navbar li a {display:block;float:none; font-size: 1.06em;}

.navbar .current_page_item {}

.navbar .current_page_item a {color:#000}


.navbar
{
display:none;
}


.businessnavbar {width:200px; height:auto; float:none; font-size: 1.01em;}

.businessnavbar ul {margin:0;padding:0;list-style:none; font-size: 1.01em;}

.businessnavbar li {display:block; font-size: 1.01em;}

.businessnavbar li a {display:block;float:none; font-size: 1.01em;}

.businessnavbar .current_page_item {}

.businessnavbar .current_page_item a {color:#000}


.businessnavbar
{
display:none;
}




.accountnavbar {width:200px; height:auto; float:none; font-size: 1.01em;}

.accountnavbar ul {margin:0;padding:0;list-style:none; font-size: 1.01em;}

.accountnavbar li {display:block; font-size: 1.01em;}

.accountnavbar li a {display:block;float:none; color:white; font-size: 1.01em;}



.accountnavbar .current_page_item {}

.accountnavbar .current_page_item a {color:#000}


.accountnavbar
{
display:none;
}



.nav-expanded {
display:block;
}

.businessnav-expanded {
display:block;
}

.accountnav-expanded {
display:block;
}


#imageright
{
display:block;
float:right;
}


.nav-menu ul{
float:none;
display:block;
}


.nav-menu ul li{
float:none;
border-bottom: 2px solid #d5dce4;
}

.nav-menu ul li:last-child
{
border-bottom: none;
}

.menu-trigger {
display:inline;
cursor:pointer;
}

.businessmenu-trigger 
{
display:inline;
cursor:pointer;
}

.accountmenu-trigger 
{
display:inline;
cursor:pointer;
}


#thisinline {
display:inline;
padding-bottom: 5px;
}

#spancolumns
{
display:inline;
}

#businessspancolumns
{
display:inline;
}

#accountspancolumns
{
display:inline;
}


.nav-menu .current_page_item a {color:#fff}


#logo
{
background-color:black;
}


#logo h2 {height:88px;padding:20px 90px 0 0;background:url(images/chip.png) no-repeat right bottom;font-size:3em;}

#menu
{
width:100%;
}

textarea 
{font:16px "Arial",san-serif; color:#000000;}

textarea {
width:100%;
height:auto;
}


#footer
{
width:100%;
}

img{
max-width:100%;
}

img04
{
width:100%;
}

image
{
max-width:100%;
}

images
{
max-width:100%;
}

#logo
{
width:100%;
}

#header
{
width:100%;
}

#page
{
width:100%;
}

form
{
width:100%;
}

.textareadescription
{
width:90%;
}

.tagvalues
{
width:90%;
}

.titlefieldupload
{
width:90%;
}

.userphotos
{
width:100%; 
}




.container{
        width:100%;
	height:100%;
	overflow:hidden;
	margin:auto;
 
}

.slider-inner{
	width:100%;
	position:relative;
	overflow:hidden;
	float:left;
	padding:3px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.slider-inner img{
	display:none;
}

.slider-inner img.active{
	display:inline-block;
	max-width:100%;
	max-height:100%;
}

.prev,.next{
	float:left;
	margin-top:200px;
	cursor: pointer;
}

.prev{
	position:relative;
	margin-right:-62px;
	z-index:100;
}

.next{
	position:relative;
	margin-left:-62px;
	z-index:100;
}







#metadatasection
{
position: relative;
width:95%;
}


#neededspace
{
position: relative;
padding-left:10px;
width:95%;
}


.scheduling {
width:50%;
height:50%;
border:solid;
background:white;
border-radius:3px;
position:absolute;
left:30%;
top:25%;
}



.wp-content {
width:50%;
height:50%;
border:solid;
background:gray;
border-radius:3px;
position:absolute;
left:30%;
top:25%;
}




.document-wp-content {
width:85%;
height:85%;
border:solid;
background:gray;
border-radius:3px;
position:absolute;
left:5%;
top:5%;
}

.userhomepagephoto
{
max-width:60%; 
}

.publicpagehomepagephoto
{
max-width:60%; 
}


#signupbox 
{
background-color:#f5f5dc;
width:100%;
}

#signupboxspanish
{
background-color:#f5f5dc;
width:75%;
}

#loginbox 
{
background-color:#f5f5dc;
width:75%;
}


#forgotbox
{
background-color:#f5f5dc;
width:75%;
}

#photoaddbox
{
background-color:#D3D3D3;
border: 1px solid black;
width:75%;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
}

div.comments
{
position: relative;
padding-left:30px;
width:85%;
}

div.replies
{
position: relative;
padding-left:50px;
width:90%;
}

#alluserinfo
{
display:none;
}

#imagedescription
{
margin-left:1px; 
margin-right:1px;
text-align:center;
width:100%;
}

.seasonaltable
{
width: 100%;
text-align: left; 
}

.seasonalproductsservicesrowheader
{
vertical-align: top; 
width: 70%; 
text-align: center;
}

.seasonalmonthrow
{
vertical-align: top; 
width: 30%;
}


.seasonalproductsservicesrow
{
vertical-align:top; 
width: 70%; 
height: 60px;
}

.nextpreviouslinks
{
width:95%;
}



}