/* strips-large.css */
/* position attribute is required if enclosed elements want to position absolute wrt this div */

/*
.topbanner {
	position:relative;
	top:0px;
	left:25px;
	width:950px;
	height:200px;
	margin-top:0px;
	padding-top:0px;
	z-index:16;
}
*/

.container{					
	position:relative;
	width:1000px;
	top:0px;
	height:100%;
min-height:100%;
	margin-right:auto; 
	margin-left:auto;

	padding-left:0px;
	padding-top:0px;
	background: #f4f4f4;			
}

#category-title {
	display:none;
}

#loading-message {
	position:absolute;
		top:24%;
		left:27%;
		width:50%;
		height:25px;
}
#load-message {
	position:relative;
	top:0px;
	left:0px;
	height:12px;
	font-family:Forte;
	font-size:25px;
	text-align:center;
}	

#control-bar {
	display:none;
}

.hormenu2 {	
	position:relative;
	top:75px;
	margin-left:auto;
	margin-right:auto;
	width:80px;	
	height:31px; 
	background: #f4f4f4;		
	padding:0px;
	z-index:12;
}

.title-line {
	display:none;
}

#top-image {		/* (identical to stripcontainer) */
/*display:none;*/
	position:relative;
	top: 0px;
	width:624px;
	height:145px;

	margin-right:auto; 
	margin-left:auto;

	padding:0px;
	background: #fffff0; 
	z-index:4;
display:block;
}
	
#banner-container-large {
    position:relative;
    top:0px;
/*	left:18.5%;*/	/*was 140px*/
	left:0px;
    height:140px;	/*was 140*/ /*was 253 */	
    width:624px;	
/*background:url(https://creaqtorgators.com/DeepSpaceWide.jpg) repeat ;*/
    overflow:hidden;
/*overflow:scroll;*/
}

#banner-image-large {
    position:relative;
    top:0px;
    left:0px;
	width:624px;	/*was 1238 */
/*	height:506px;	/* if stars; else 253 */  /* old  */
	height:140px;
/*overflow:hidden;*/
}

#creatorg {
    position:absolute;
    top:20px;
    left:4%;
/*    height:200px;
    width:189px; */
    height:113px; 
    width:120px;
    background-image:url(floss_120.jpg);
	 background-repeat:no-repeat;
}

#titletext {
    position:absolute;		/*it overlays the stars image*/
    top:15px;
    left:180px;
    height:130px;
    width:400px;
/*
	margin-right:auto; 
	margin-left:auto;
*/
/*display:block;*/
    background-image:url(TitleText.png);
}

#show-on-load {
	position:absolute;
	top:160px;
/*	left:12.3vw;*/
	left:18.3%;
	width:632px;
	height:292px;
}

#Brev {
	display:none;
}
#Bfor {
	display:none;
}

#menu-strip {		/*adjust to fit*/
		position:absolute;
		top:10%;		/* -165px */ 
		left:55%;	/*was 390px */


		width:400px;
		height:30px;
		font-family:calibri,verdana;
		font-size:1.4em;		/*was 1.5em*/
}

#icon-set {
	position:relative;
	top:36%;
	left:30px;
	width:93%;
height:450px;
  font-family:Calibri;
  font-size:1.5em;
 text-align:center;	/*centers everything*/

/*border:1px solid black;	*/
}

#category-title {
	display:none;
	
}

#start-button-div {
	display:none;
}

#banner-container-mobile {
	display:none;
}
#banner-image-mobile {
	display:none;
}
	
.full-image {
    position:relative;
    top:0px;
    left:0px;
    height:300px;
    width:1248px; /*was 1233 - ? */
/*    background-image:url(woodland-double3A.jpg); */
}

#page-title { display:none; }
#category_title { display:none; }
#Start { display:none; }
#Prevcat { display:none; }
#Nextcat { display:none; }

.scount {
  font-size: 13px;
}
/*
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
*/	

.category-strips {/* now unused? */
	position:absolute;  

	top:160px;
	left:28.3%;/*18.3*/
	width:632px;
	height:292px;
	margin:0px;
	padding:0px;
}

#strip-image {
	position:absolute;  
/*	position:relative;  */
	top:160px;
	left:18.3%;/*18.3*/
	width:632px;
	height:292px;
	margin:0px;
	padding:0px;
}

.strip-class {
	position:absolute;  
	top:0px;
	left:0px;
	width:632px;
	height:292px;
	display:none;
}	
	
.stripimg {

	position:relative; 
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
	display:none; 	/*hides it initially*/
}	

#nbuttons {
	position:absolute;
	top: 560px;
	left:340px;
	width:500px;
	height:80px;
}

#B-first {
	position:absolute;
	top:300px;
	left:100px;
}
#B-reverse{
	position:absolute;
	top:230px;
	left:90px;
}
#B-forward {
	position:absolute;
	top:230px;
	left:860px;
}
#B-last {
	position:absolute;
	top:300px;
	left:870px;
}

#last-number {
	position:absolute;
	top:345px;
	left:873px;
	font-size:12px;
}	

#Download {
	position:absolute;
	top:360px;
	left:924px;
}	
	
#invite {
	position:absolute;
	top: 620px;
	left:510px;
	height:180px;
	width:280px;
/*border:1px solid blue;*/
}


#slidenum {
	position:relative;
	top:0px;
	left:375px;
	width: 26px;
	height:16px;
	text-align:center;
	padding-top:5px;
	font-family:calibri,verdana;
	background: white;
}

#gotoLarge {
	position:absolute;
	top:460px;
	left:140px;
	width:120px;
/*	height:30px;*/
}	

#goto-activate {
	position:relative;
	top:0px;
	left:0px;
	width:30px;
	height:30px;
}	

#CGnum {
	position:absolute;
	top:3px;
	left:50px;
	width:32px;
/*	height:20px;*/
	text-align:center;
	padding-top:5px;
	font-family:calibri,verdana;
	font-size:16px;
	background: white;
}

#goto-button-large {
	position:absolute;
	top:467px;
	left:230px;
	width:60px;
	height:22px;
}	

#goto-button {
	display:none;
}

#CGgoto {
	position:relative;
	top:3px;
	left:0px;
	width:40px;
	height:20px;
	text-align:center;
	padding-top:0px;
	font-family:calibri,verdana;
	background: #f4f4f4;
}
#CGgo {
	position:absolute;
	top:0px;
	left:100px;
	width:34px;
	height:27px;
}

#strip-id2 {
	position:absolute;
	top:48%;	/*was 95px*/
	left:77%;	/*was 930*/
	width:40px;
	height:24px;
	text-align:center;
	padding:0px;
	font-family:calibri,verdana;
/*	background: white;*/
/*border:1px solid green;*/
}

#get-it {
	position:absolute;
	top:563px;
	left:880px;	
	width:90px;
	height:20px;
	font-family:calibri,verdana;
}

.message {
	position:relative;
	width: 70%;
	top: 50px;
	left:180px;
}

.aboutmessage {
	position:relative;
	width: 80%;
	top: 80px;
/*	left:180px;*/
	margin-left:auto;
	margin-right:auto;
}

#datestrip {
	position: absolute;
	top:0px;
	left:210px;	
	width:150px;	/*was 765 */
	height:15px;
	font-family:Arial,Calibri;
	font-size:14px;
	padding:0px;
/*	background: #f4f4f4; */
	background: #ffffff;
	z-index:16;

}

.promptmessage {
	position: absolute;
	top:285px;
	left:700px;
	top:285px;
	width:270px;
	height:15px;
	font-family:Arial,Calibri;
	font-size:14px;
	background: #f4f4f4;
	z-index:16;
}
#coverdiv {
	position: absolute;
	top:545px;
	left:420px;	
	width:300px;	
	height:60px;
	background: #f4f4f4;
	font-family:Arial,Calibri;
	font-size:14px;
	text-align:center;
	padding-top:10px;
	z-index:16;
}		

.side-menu-center {
	position:relative;
	top:100px;			/*for the large case*/
	width:600px;
	height:450px; 
	margin-left:auto;
	margin-right:auto;
	background: #f4f4f4;			/* the underlying div */
	padding:0px;
	padding:0px;
/*	margin:0px;  not allowed if auto-centering*/
/*	z-index:12; */
}

#strip-id {
	position:absolute;
	top:410px;
	left:84%;	/*was 930*/
	width:40px;
	height:20px;
	
	text-align:center;
	padding-top:5px;
	font-family:calibri,verdana;
}

#facebook-buttons {
	position:absolute;
	top: 800px;
	left:20px;
	height:80px;
	width:60px;
border:1px solid #f4f4f4;	/*having a border affects the positioning*/
}

.resourceimg {
	position:relative;
	top:80px;
	margin-left:auto;
	margin-right:auto;
	width:468px;
	height: 60px;
	border:1px solid black;
}

#footer {
	position:absolute;
	top:930px; 
	left:40%;
	width:50%;
	height:80px;
	font-family:Calibri, Arial;
	font-size:14px;
border:1px solid #f4f4f4;	/*having a border affects the positioning, even if invisible*/
}

#footer a {
	text-decoration:none;
}

.footerdiv a {
	text-decoration:none;
}

#hiddendiv {
	display:none;
}


#myForm {
	position:relative;
	top:40px;
	left:0px;
	width: 100%;
/*	height: auto;*/  /*works*/
	height: 400px;
	border: 1px solid gray;
/*	display:inline;*/
}	

#newcomment {
	position:relative;
	top:10px;
	width:70%;
	height:100px;
	left:0%;
	resize:none;
}	
	
#myDiv {
	position:relative;
	top:0px;
	left:0px;
	width: 500px;
	height: 100px;
	border: 1px solid blue;
}

.spacer-div {
	position:relative;
	top:40px;
	left:0px;
	width: 100%;
	height: 100px;
}