/*
*******************************************************************
*      Universal                                                  *
*******************************************************************
*/
body
{
font-size: 100%;
background-color: rgb(0,0,0);
font-family: Calibri,Calibri,Sans Serif;
color: rgb(0,0,90);
background: url('../images/background.jpg') #000;
background-repeat: no-repeat;
background-size: 100%;
margin: 0px;
}
p
{
font-size: 1em;
line-height: 100%;
}

/*input[type=submit]
{
border: 2px yellow;
}

button
{

}*/

h1
{
font-size: 1.75em;
font-family: Calibri,Calibri,Sans Serif;
color: rgb(0,0,80);
text-decoration: none;
font-weight: normal;
text-shadow: 1px 1px #888888;
line-height: 100%;
}
h2
{
font-size: 1.5em;
font-family: Verdana,Verdana,Sans Serif;
color: rgb(0,0,80);
text-decoration: none;
font-weight: normal;
text-shadow: 1px 1px #888888;
line-height: 100%;
margin-top: 12px;
}
h3
{
font-size: 1.25em;
font-family: Calibri,Calibri,Sans Serif;
color: rgb(0,0,80);
text-decoration: none;
font-weight: normal;
text-shadow: 1px 1px #888888;
line-height: 100%;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 0px;
margin-right: 0px;
}
h4
{
font-size: 1.1em;
font-family: Calibri,Calibri,Sans Serif;
color: rgb(0,0,80);
text-decoration: none;
font-weight: normal;
text-shadow: 1px 1px #888888;
line-height: 100%;
padding: 0px;
margin: 0px;
}
.publicationsHeader
{
text-decoration: underline;
margin-top: 10px;
margin-bottom: 12px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.flashyHeader
{
font-size: 1.6em;
font-family: Verdana,Verdana,Sans Serif;
color: rgb(220,210,20);
text-decoration: none;
font-weight: 580;
text-shadow: 1px 1px #888888;
line-height: 100%;
margin-top: 12px;
margin-left: auto;
margin-right: auto;
text-align:center;
}
ul
{
list-style-type: none;
padding-left: 0;
}
a:link
{
color: rgb(21,105,199);
text-decoration: none;
}
a:visited
{
/*///color: rgb(210, 100, 240);*/
/*color: rgb(200, 110, 180);*/
color: rgb(21,105,199);
text-decoration: none;
}
a:active
{
color:red;
text-decoration: none;
}
a:hover
{
color: rgb(86,165,236);
text-decoration: underline;
}
img
{
border-color: transparent;
}
.antibotinput
{
display: none;
}
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
	background: rgba(220,220,255,0.4);
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,255,255,0.1);
}

/*********This section not in use*************
scrollbar {

   -moz-appearance: none !important;
}

scrollbarbutton {
   -moz-appearance: none !important;
}

thumb{
   -moz-appearance: none !important;
}
scrollcorner {
   -moz-appearance: none !important;
   resize:both;
}

scrollbar[orient="vertical"] {
    color:silver;
}

*************************************************/
#popup
{
position: fixed;
z-index: 1000;
/*left: 12vw;*/
left: 0px;
right: 0px;
top: 12vh;
visibility: hidden;
margin-right: auto;
margin-left: auto;
height: 76vh;
width: 76vw;
min-height: 10em;
background-color: rgb(200,220,230);
border-radius: 10px;
border: 2px solid;
border-color: black;
}
#popupBackdrop
{
position: fixed;
z-index: 49;
left: 0;
top: 0;
visibility: hidden;
margin-right: auto;
margin-left: auto;
width: 100vw;
height: 100vh;
opacity: 0.8;
filter: alpha(opacity=80);
background-color: black;
}
#popupX
{
position: absolute;
width: 18px;
height: 18px;
color: white;
background-color: red;
right: -9px;
top: -9px;
font-weight: bold;
text-align: center;
border-radius: 18px;
border: 1px solid darkred;
z-index: 51;
}
#popupContents
{
position: relative;
top: 50%;
transform: translateY(-50%);
/*margin-top: auto;
margin-bottom: auto;*/
width: 98%;
height: 98%;
margin-left: auto;
margin-right: auto;
background-color: rgb(200,220,230);
/*overflow: hidden;*/
}
#placePageObject
{
width: 100%;
height: 100%;
overflow-x: hidden;
}
#worldPlaceBackground
{
background-color: rgb(200,220,230);
position: fixed;
top: 0px;
left: 0px;
height: 120vh;
width: 120vw;
z-index: -2;
}
#popupImage
{
	margin-left:auto;
	margin-right:auto;
	max-width:98%;
	max-height:98%;
	border: 2px solid;
	border-color: gray;
}
#popupImageContainer
{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:98%;
	height:98%;
}
/*
*******************************************************************
*         Banner and toolbar                                      *
*******************************************************************
*/
#banner
{
margin-left: auto;
margin-right: auto;
position: relative;
width: 71.43vw;/*1000*/
height: 35.21vw;/*493*/
top: 5px;
}
#bannerAndToolbar
{
width: 75vw;/*1050*/
height: 42.86vw;/*600*/
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
border-left: 0px;
border-right: 0px;
border-top: 0px;
border-bottom: 0px;
position: relative;
overflow: visible;
}
#bnrNewFramesDiv
{
display: none;
}
#bnrNewFramesCount
{
display: none;
}
#bnrLink
{
/*width: 100%;
top: 0px;
left: 0px;
position: absolute;
overflow: visible;	*/
}
#bnrCanvas
{
top: 0.857vw;
left: 0.857vw;
width: 69.71vw;
height: 33.5vw;
position: absolute;
overflow: hidden;
z-index: 3;
}
#bannerStrip
{
width: 100%;
top: 0px;
position: absolute;
overflow: visible;
}
.bannerFrameContainer
{
width: 100%;
left: 0px;
top: 0px;
}
.bannerFrameImage
{
width: 100%;
height: auto;
left: 0px;
top: 0px;
position: absolute;
}
/*
******** TOOLBAR STUFF ********
*/
#toolbar
{
position: relative;
top: -3.57vw;/*-50*/
width: 100%;/*1050*/
height: auto;
overflow: visible;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
z-index: 5;
}
#textToolbar
{
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
position: relative;
top: -50px;
height: 50px;
width: 1000px;
text-align: center;
line-height: 25px;
color: white;
background: -webkit-linear-gradient(bottom, rgba(0,0,0,1), rgba(0,0,0,0)); /* For Safari */
background: -o-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0)); /* For Firefox 3.6 to 15 */
background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0)); /* Standard syntax */
margin-left: auto;
margin-right: auto;
}
#textToolbar:hover
{
opacity: 1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
#newsButton
{
background-image: url('../images/buttons/newsBoth.jpg?v=07232016');
background-position: 0% 0%;
background-size: 100% 200%;
position: absolute;
top: 18.40%;
left: 21.34%;
height: 17.6%;
width: 11.24%;
}
#newsButton:hover
{
/*background-image: url('../images/buttons/newsHover.png');*/
background-image: url('../images/buttons/newsBoth.jpg?v=07232016');
background-position: 0% -100%;
background-size: 100% 200%;
}
#homeButton
{
background-image: url('../images/buttons/homeBoth.jpg');
background-position: 0% 0%;
background-size: 100% 200%;
position: absolute;
top: 18.40%;
left: 9.81%;
height: 17.6%;
width: 11.24%;
}
#homeButton:hover
{
/*background-image: url('../images/buttons/newsHover.png');*/
background-image: url('../images/buttons/homeBoth.jpg');
background-position: 0% -100%;
background-size: 100% 200%;
}
#previewButton
{
background-image: url('../images/buttons/previewBoth.png');
background-position: 0% 0%;
background-size: 100% 200%;
position: absolute;
top: 18.40%;
left: 21.34%;
height: 17.6%;
width: 11.24%;
}
#previewButton:hover
{
background-image: url('../images/buttons/previewBoth.png');
background-position: 0% -100%;
background-size: 100% 200%;
}
#seriesButton
{
background-image: url('../images/buttons/seriesBoth.jpg');
background-position: 0% 0%;
background-size: 100% 200%;
position: absolute;
top: 18.40%;
left: 32.86%;
height: 17.6%;
width: 11.24%;
}
#seriesButton:hover
{
background-image: url('../images/buttons/seriesBoth.jpg');
background-position: 0% -100%;
background-size: 100% 200%;
}
#theWorldButton
{
background-image: url('../images/buttons/theWorldBoth.jpg');
background-position: 0% 0%;
background-size: 100% 200%;
position: absolute;
top: 18.40%;
left: 44.39%;
height: 17.6%;
width: 11.24%;
}
#theWorldButton:hover
{
background-image: url('../images/buttons/theWorldBoth.jpg');
background-position: 0% -100%;
background-size: 100% 200%;
}
#storeButton
{
background-image: url('../images/buttons/storeBoth.jpg');
background-position: 0% 0%;
background-size: 100% 200%;
position: absolute;
top: 18.40%;
left: 55.91%;
height: 17.6%;
width: 11.24%;
}
#storeButton:hover
{
background-image: url('../images/buttons/storeBoth.jpg');
background-position: 0% -100%;
background-size: 100% 200%;
}
#eventsButton
{
background-image: url('../images/buttons/eventsBoth.jpg');
background-position: 0% 0%;
background-size: 100% 200%;
position: absolute;
top: 18.40%;
left: 67.43%;
height: 17.6%;
width: 11.24%;
}
#eventsButton:hover
{
background-image: url('../images/buttons/eventsBoth.jpg');
background-position: 0% -100%;
background-size: 100% 200%;
}
#authorButton
{
background-image: url('../images/buttons/authorBoth.jpg');
background-position: 0% 0%;
background-size: 100% 200%;
position: absolute;
top: 18.40%;
left: 78.96%;
height: 17.6%;
width: 11.24%;
}
#authorButton:hover
{
background-image: url('../images/buttons/authorBoth.jpg');
background-position: 0% -100%;
background-size: 100% 200%;
}
#headerAddToNewsletter
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
#mailinglistemailtextbox
{
	width: 100px;
	margin-left: 5px;
}
/*
*******************************************************************
*         Common                                                  *
*******************************************************************
*/
#bodyContainer
{
top: -7.14vw;/*-100*/
z-index: 0;
width: 71.43vw;/*1000*/
margin-left: auto;
margin-right: auto;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
position: relative;
}
#bodyBox
{
box-sizing: border-box;
background-color: rgb(200,220,230);
top: 0px;/*-100*/
z-index: 0;
width: 100%;/*1000*/
height: auto;
margin-left: auto;
margin-right: auto;
padding-left: 0px;
padding-right: 0px;
padding-top: 13vw;/*182*/
padding-bottom: 50px;
float: left;
border: 58px solid transparent;
border-image: url('../images/bodyBorderPartsRND.png') 58 58 58 58 repeat;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
#bodyHeightClearance
{
clear: both;
}
.boxSizer
{
clear: both;
}
#bodyContents
{
position: relative;
left: -58px;
padding-left: 8px;
padding-right: 8px;
width: 112.442%;
}
.bodyItem
{
background-color: white;/*rgb(240,240,255);*/
position: relative;
padding-left: 3.85%;
padding-top: 20px;
padding-right: 3.75%;
padding-bottom: 20px;
box-shadow: 0px 0px 8px 4px #888888 inset;
width: 88.5%;/*600*//*600*/
min-height: 36.01vw;/*550*/
overflow-y: hidden;
overflow-x: hidden;
border: 2px solid;
border-radius: 10px;
border-color: rgb(110,110,110);
margin-left: auto;
margin-right: auto;
/*background-image: url('../images/eventsback.png');*/
}
.bodyItem:hover
{
overflow-y: auto;
}
.bodyItemContents
{
background-color: rgba(255,255,255,0.7);
}
.bodySubHeader
{
padding-left: 10px;
color: white;
text-shadow: 1px 1px #888888;
background-image: url('../images/bodyDividerBar.png');
background-size: 100% 100%;
width: 39.29vw;/*590*/
height: 3.33vw;
line-height: 3.33vw;
margin-left: auto;
margin-right: auto;
}
.bodySubHeader a:link
{
color: rgb(170,230,250);
text-decoration: none;
}
.bodySubHeader a:visited
{
/*///color: rgb(210, 100, 240);*/
color: rgb(230,230,250);
text-decoration: none;
}
.bodySubHeader a:active
{
color:red;
text-decoration: none;
}
#singleColumn
{
top: 0px;
overflow-x: visible;
overflow-y: visible;
position: relative;
width: 64.29vw;
margin-left: auto;
margin-right: auto;
}
#columnLeft
{
top: 0px;
overflow-x: visible;
overflow-y: visible;
width: 67.9%;/*700*/
padding-left: 3%;
padding-right: 3%;
height: auto;
float: left;
/*text-align: center;*/
}
#columnRight
{
width: 25.9%;
height: auto;
overflow-x: visible;
overflow-y: visible;
float: right;
}
#copyrightBox a
{
	color: rgb(180,180,255);
}
#copyrightBox
{
position: relative;
top: -50px;
/*text-align: center;*/
width: 500px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
color: white;
background-color:rgba(0, 0, 0, 0.25);
}
.success
{
color: green;
}
/*
*******************************************************************
*          Right column                                           *
*******************************************************************
*/
#sharebuttons
{
/*background-color: white;
padding: 8px;
border: 2px solid;
border-color: rgb(110,110,110);
border-radius: 10px;*/
padding-top:10px;
text-align:center;
margin-left: auto;
margin-right: auto;
}
.rightSideItem
{
background-color: white;
padding: 8px;
border: 2px solid;
border-color: rgb(110,110,110);
border-radius: 10px;
text-align: center;
width: 180px;
height: 150px;
line-height: 150px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
.rightSideGeneric
{
background-color: white;
padding: 8px;
border: 2px solid;
border-color: rgb(110,110,110);
border-radius: 10px;
text-align: center;
width: 180px;
height: 180px;
overflow: hidden;
background-image: url('../images/rightsideeventsback.jpg');
background-repeat: no-repeat;
background-size: auto 100%;
background-position: center;
margin-left: auto;
margin-right: auto;
}
.rightSideEventsBox
{
background-color: white;
padding: 8px;
border: 2px solid;
border-color: rgb(110,110,110);
border-radius: 10px;
text-align: center;
width: 180px;
height: 180px;
line-height: 180px;
overflow: hidden;
background-image: url('../images/rightsideeventsback.jpg');
background-repeat: no-repeat;
background-size: auto 100%;
background-position: center;
margin-left: auto;
margin-right: auto;
}
.rightSideEventsBoxContents
{
/*display: inline-block;
position: relative;*/
display: inline-block;
top: 0px;
width: 180px;
height: 100%;
background: rgba(255, 255, 255, 0.75);
overflow: hidden;
vertical-align: middle;
}
.rightSideItemContents
{
display: inline-block;
vertical-align: middle;
/*line-height: 25px;*/
}
.rightSideItemTall
{
background-color: white;
background-image: url('../images/rightSidePubsBack.jpg');
padding: 8px;
border: 2px solid;
border-color: rgb(110,110,110);
border-radius: 10px;
text-align: center;
width: 180px;
height: 300px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
.rightSideItemTallPlain
{
background-color: white;
padding: 8px;
border: 2px solid;
border-color: rgb(110,110,110);
border-radius: 10px;
text-align: center;
width: 180px;
height: 300px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
.rightSideItemArt
{
background-color: white;
padding-top: 8px;
padding-bottom: 8px;
border: 2px solid;
border-color: rgb(110,110,110);
border-radius: 10px;
text-align: center;
width: 196px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
.rightSideItemTwitter
{
background-color: white;
padding: 8px;
border: 2px solid;
border-color: rgb(110,110,110);
border-radius: 10px;
text-align: center;
width: 180px;
height: 900px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
.rightSideItemTwitterContents:hover
{
overflow-y: auto;
}
.rightSideItemTwitterContents
{
position: relative;
top: 0px;
width: 172px;
padding-left: 4px;
padding-right: 4px;
height: 100%;
background: rgba(255, 255, 255, 0.7);
overflow: hidden;
text-align: left;
}
.rightSideItemTallContents
{
position: relative;
top: 0px;
width: 172px;
padding-left: 4px;
padding-right: 4px;
height: 100%;
background: rgba(255, 255, 255, 0.7);
overflow: hidden;
text-align: left;
}
.rightSideBook
{
margin-top: 8px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
clear: left;
float: left;
width: 100%;
white-space: nowrap;
}
.rightSideBookTitle
{
/*position: relative;
top: -4px;*/
}
.rightSideBookText
{
margin-top: 15px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}
.rightSideBookDate
{
font-size:0.9em;
}
#buyPopupBar
{
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
position: relative;
left: -8px;
top: -21px;
height: 50px;
width: 196px;
text-align: center;
line-height: 50px;
color: white;
background: -webkit-linear-gradient(bottom, rgba(0,0,0,1), rgba(0,0,0,0)); /* For Safari */
background: -o-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0)); /* For Firefox 3.6 to 15 */
background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0)); /* Standard syntax */
margin-left: auto;
margin-right: auto;
}

#buyPopupBar:hover
{
opacity: 1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
top: -42px;
}

#buyArrow
{
position: relative;
left: 0px;
top: -80px;
height: 42px;
width: 180px;
text-align: center;
margin-left: auto;
margin-right: auto;
opacity:0.2;
filter:alpha(opacity=20); /* For IE8 and earlier */
}
#buyArrow:hover
{
opacity: 1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
/*
*******************************************************************
*                        Events page                              *
*******************************************************************
*/
.eventpiclink
{
	float: right;
	font-weight: bold;
	color: darkviolet;
}
.eventpiclink:hover
{
	color: magenta;
}
.eventListItem
{
width: 75%;
border: 2px solid;
border-radius: 2px;
border-color: rgb(110,110,110);
padding: 5px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: white;
}
.eventListName
{
font-weight: bold;
/*float: left;
width: 20%;
margin-right: 10px;*/
}
.eventListLocation
{
/*width: 20%;
float: left;
margin-left: 20%;*/
float: right;
}
.eventListDate
{
/*clear: both;*/
float: left;
}
.eventItemStatusLabel
{
font-weight: bold;
}
.eventItemStatusTentative
{
font-weight: bold;
color: goldenrod;
}
.eventItemStatusCancelled
{
font-weight: bold;
color: maroon;
}
.eventItemStatusConfirmed
{
font-weight: bold;
color: green;
}
.eventItemStatusAttended
{
font-weight: bold;
color: blue;
}
.eventImage
{
float: left;
margin-right: 4px;
}
.eventInformation
{

}
/*
*******************************************************************
*          News page                                              *
*******************************************************************
*/
.blogPostIcon
{
float: left;
height: auto;
width: auto;
max-height: 120px;
max-width: 120px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 5px;
}
.blogGalleryItem
{
margin-left: auto;
margin-right: auto;
border-right: 1px solid;
border-left: 1px solid;
border-top: 0px solid;
border-bottom: 0px solid;
border-color: grey;
background-color: white;
overflow: hidden;
padding: 0px;
position: relative;
}
.nbi
{
width: 100%;
border-top: 15px solid rgb(0,0,80);
border-bottom: 15px solid rgb(0,0,80);
background-color: rgb(0,0,80);
}
.nbis
{
width: 96%;
background-color: white;
padding: 2%;
}
#blogBox
{

}
.blogPreviewTitle
{
margin-bottom: 5px;
}
.blogPreviewSubData
{
font-size: 0.75em;
margin-top: 5px;
margin-bottom: 20px;
}
.blogpreviewtaglist
{
display: inline;
}
.blogPreviewText
{

}
.commentReplyInputBox
{
	height: 34px;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
.blogCommentReplyButton
{
	margin-top: 0px;
	margin-left: 10px;
	display: inline-block;
	position: relative;
	top: -16px;
}
.commentReplyBox
{
margin-top: 10px;
margin-bottom: 10px;
margin-left: 15px;
}
.commentReplyBoxTitle
{
float: left;
margin-top: 7px;
margin-right: 10px;
}
.blogCommentReplyUsernameInputBox
{
display: inline-block;
margin-left: 5px;
}
.replyUsernameLine
{
margin-left: 0px;
}
.replyHider
{
right: 4px;
height: 20px;
width: 100%;
text-align: right;
}
.commentsBox
{
position: relative;
overflow: hidden;
background-color: white;
padding: 10px;
border: 3px solid;
border-radius: 10px;
border-color: grey;
width: 88.5%;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
}

.commentBox
{
background-color: white;
padding: 10px;
border: 3px solid;
border-radius: 10px;
border-color: grey;
width: 88.5%;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
}

.commentBoxTitle
{

}

.commentInputBox
{
width: 88.5%;
height: 100px;
margin-left: auto;
margin-right: auto;
}

.blogCommentContainer
{
position: relative;
width: 95%;
height: auto;
min-height: 75px;
margin-top: 15px;
margin-bottom: 15px;
border-bottom: 1px solid lightsteelblue;
padding-bottom: 5px;
}

.blogCommentText
{
float: left;
width: 70%;
height: auto;
margin-left: 5px;
margin-right: 5px;
}

.blogCommentAvatar
{
width: auto;
height: auto;
max-width: 100%;
max-height: 71px;
}

.blogCommentAvatarBox
{
margin-left: 5px;
float: left;
width: 20%;
height: auto;
}

.blogCommentUsername
{
font-size: 0.75em;
}

.removedComment
{
color: grey;
font-style: italic;
}

.blogRepliesContainer
{
	width: 95%;
	height: auto;
	padding-left: 15px;
	border-left: 3px solid grey;
}

.blogCommentScore
{
	position: absolute;
	right: 0px;
	top: 0px;
	margin: 5px;
	padding: 0px;
	width: 36px;
	height: 65px;
	display: none;
}

.blogCommentScoreValue
{
position: absolute;
top: 23px;
width: 100%;
text-align: center;
}

.blogCommentScoreButtons
{
	float: right;
	width: 36px;
	height: 100%;
}

.blogCommentScoreUp
{
position: absolute;
width: 26px;
height: 26px;
top: 0px;
left: 6px;
background-image: url('../images/blogcommscorearup.png');
background-repeat: no-repeat;
background-size: auto 100%;
background-position: center;
}

.blogCommentScoreDown
{
position: absolute;
width: 26px;
height: 26px;
bottom: 0px;
left: 6px;
background-image: url('../images/blogcommscoreardwn.png');
background-repeat: no-repeat;
background-size: auto 100%;
background-position: center;
}

.blogReply
{

}

#pageButtons
{
/*margin-left: auto;
margin-right: auto;*/
text-align: center;
width: 44.88vw;/*676*/
overflow-y: hidden;
overflow-x: hidden;
margin-left: auto;
margin-right: auto;
}

.blogCommentText img
{
max-width: 100%!important;
height: auto!important;
}

.newsBodyItem img
{
max-width: 100%!important;
height: auto!important;
}

.fit
{
max-width: 100%!important;
height: auto!important;
}

.newsBodyItem
{
background-color: white;/*rgb(240,240,255);*/
padding: 10px;
/*position: relative;
padding-left: 3.85%;
padding-top: 20px;
padding-right: 3.75%;
padding-bottom: 5px;
box-shadow: 0px 0px 8px 4px #888888 inset;
width: 88.5%;*//*600*//*600*/
/*height: auto;*//*36.01vw;*//*550*/
/*overflow-y: hidden;
overflow-x: hidden;
border: 2px solid;
border-radius: 10px;
border-color: rgb(110,110,110);
margin-left: auto;
margin-right: auto;*/
}
.postDirectLink
{
display: none;
text-align: center;
/*margin-left:auto;
margin-right:auto;
width: 180px;*/
padding: 3px;
left:50%;
margin-left: -25%;
position: absolute;
border: 1px solid;
border-color: green;
background-color: rgb(240,250,240);
}
.newsBodyItem:hover .postDirectLink
{
display: block;
}
.shareArrow
{
position: absolute;
text-align: center;
right: 13px;
top: 15px;
padding: 3px;
border: 1px solid;
border-color: gray;
box-shadow: 1px 1px 1px #888888;
font-weight: bold;
background-color: white;
}
.shareDropdown
{
opacity: 0;
filter:alpha(opacity=0);
/*visibility: hidden;*/
position: absolute;
text-align: center;
right: 5px;
top: 25px;
font-size: 0.8em;
font-weight: bold;
width: 0px;
height: 0px;
padding: 5px;
padding-top: 20px;
padding-bottom: 20px;
border: 1px solid;
border-color: gray;
background-color: white;
box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.25);
}
.shareArrow:hover + .shareDropdown
{
visibility: visible;
width: 100px;
height: auto;
opacity: 1.0;
filter:alpha(opacity=100);
}
.shareDropdown:hover
{
visibility: visible;
width: 100px;
height: auto;
opacity: 1.0;
filter:alpha(opacity=100);
}
.newsPreviewBox
{
/*background-color: white;*//*rgb(240,240,255);*/
/*position: relative;
padding-left: 40px;
padding-top: 5px;
padding-right: 36px;
padding-bottom: 2px;
box-shadow: 0px 0px 8px 4px #888888 inset;
width: 39.29vw;*//*600*/
/*height: 6.55vw;
overflow-y: hidden;
overflow-x: hidden;
border: 2px solid;
border-radius: 10px;
border-color: rgb(110,110,110);
margin-left: auto;
margin-right: auto;*/
}
/*
*******************************************************************
*                         Archive                                 *
*******************************************************************
*/
#archiveBoxRight
{
width: 49%;
float: right;
}
#archiveBoxLeft
{
width: 49%;
float: left;
}
/*
*******************************************************************
*          Video stuff / preview page                             *
*******************************************************************
*/
.smallVideoBox
{
width: 12.24vw;
height: 6.55vw;
color: white;
background-color: black;/*rgb(240,240,255);*/
/*padding-left: 40px;
padding-top: 5px;
padding-right: 36px;
padding-bottom: 2px;
border: 2px solid;
border-radius: 10px;
border-color: rgb(110,110,110);*/
text-align: center;
line-height: 6.55vw;
}
.playButton
{
/*position: absolute;
top: 10px;
left: 33px;*/
text-align: center;
line-height: 6.55vw;
position: relative;
height: 6.55vw;
width: 12.24vw;
top: -6.55vw;
opacity:0.0;
filter:alpha(opacity=0); /* For IE8 and earlier */
}
.playButton:hover
{
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
}
#mainPreviewVideo
{
position: relative;
width: 39.29vw;
height: 29.47vw;
top: 9.17vw;
background-color: black;
color: white;
text-align: center;
}
/*
*******************************************************************
*   Series Page                                                   *
*******************************************************************
*/
.seriesbook
{
clear: both;
margin-top: 50px;
margin-bottom: 50px;
}
.seriesBookTextSection
{
/*position: relative;*/
width: 100%;
z-index: 0;
/*left: 20px;
top: -25px;*/
}
.seriesBookLink
{
width: 106px;
height: auto;
margin-left: 0px;
margin-right: 15px;
margin-top: 0px;
margin-bottom: 5px;
z-index: 2;
}
/*
*******************************************************************
*          The World                                              *
*******************************************************************
*/
#worldMapCanvas
{
margin-left: auto;
margin-right: auto;
display: none;
border: 2px solid;
border-color: black;
}
.bodyItemTheWorld
{/*removed*/
background-color: white;/*rgb(240,240,255);*/
position: relative;
padding-left: 3.85%;
padding-top: 20px;
padding-right: 3.75%;
padding-bottom: 5px;
box-shadow: 0px 0px 8px 4px #888888 inset;
width: 88.5%;/*600*/
height: 36.01vw;/*550*/
overflow-y: hidden;
overflow-x: hidden;
border: 2px solid;
border-radius: 10px;
border-color: rgb(110,110,110);
background-image: url('../images/worldback.jpg');
background-repeat: no-repeat;
background-size: auto 100%;
background-position: center;
margin-left: auto;
margin-right: auto;
/*text-shadow: 1px 1px #888888;
font-size: 1.05em;*/
}
.gallerBoxContainer
{
/*text-align: center;*/
width: 100%;
}
.galleryBox
{
width: 99%;/*-moz-max-content;
width: -webkit-max-content;
width: max-content;*/
max-width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.bodyItemTheWorld:hover
{
overflow-y: auto;
}
.theWorldGalleryItem
{
margin: 10px;
/*float: left;*/
width: 28%;
height: auto;
border: 0px solid;
border-color: grey;
padding: 0px;
display: inline-block;
}
.theWorldGalleryItem:hover
{
cursor: pointer;
cursor: hand;
}
/*
*******************************************************************
*   Store/shop                                                    *
*******************************************************************
*/
.galleryItemImageFrame
{
width: 110px;
height: 160px;
margin: 10px;
float: left;
}
#storeGalleryBoxContainer
{
text-align: center;
width: 100%;
}
#storeGalleryBox
{
width: 41.43vw;/*-moz-max-content;
width: -webkit-max-content;
width: max-content;*/
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
/*width: 41.43vw;*//*580*/
/*margin-left: auto;
margin-right: auto;*/
/*.galleryitem
{
position: relative;
float: left;
width: 11.78vw;*//*165*/
/*height: 270px;*//*300 -- 20vw*/
/*margin: 0.35vw;
border: 3px solid;
border-color: grey;
background-color: white;
overflow: hidden;
padding: 5px;
font-size: 10pt;
}*/
.galleryitem
{
width: 98%;
height: 178px;
margin: 0px;
border-right: 1px solid;
border-left: 1px solid;
border-top: 0px solid;
border-bottom: 0px solid;
border-color: grey;
background-color: white;
overflow: hidden;
padding: 5px;
font-size: 10pt;
position: relative;
}
.galleryitem a:link
{
color: rgb(1,85,179);
text-decoration: none;
}
.galleryitem a:visited
{
/*///color: rgb(210, 100, 240);*/
/*color: rgb(150, 110, 150);*/
color: rgb(1,85,179);
text-decoration: none;
}
.galleryitem a:active
{
color:red;
text-decoration: none;
}
.galleryitem a:hover
{
color: rgb(86,165,236);
text-decoration: underline;
}
.galleryDivider
{
margin: 0px;
border: 0;
height: 1.1px;
color: gray;
background-color: gray;
}
.galleryItemName
{
font-size: 1.5em;
}
.galleryNameContainer
{
margin-top: 5px;
margin-bottom: 10px;
}
.galleryShipMethod
{
text-transform: capitalize;
color: green;
font-weight: bold;
margin-left: 0px;
margin-top: 8px;
}
.galleryShipMethBox
{

}
.galleryOutOfStock
{
text-transform: capitalize;
color: red;
font-weight: bold;
margin-left: 0px;
margin-top: 8px;
}
.galleryShipMethodFormat
{
text-transform: capitalize;
color: green;
font-weight: bold;
float: left;
margin-left: 8px;
}
.galleryShipMethBoxFormat
{
float: right;
width: 100px;
}
.galleryOutOfStockFormat
{
text-transform: capitalize;
color: red;
font-weight: bold;
float: left;
margin-left: 8px;
}
.galleryPriceBox
{
position: relative;
margin: 5px;
}
.galleryPrice
{
font-size: 14pt;
}
/*a.galleryItemName:link
{
font-weight: bold;
color: black;
}
a.galleryItemName:visited
{
font-weight: bold;
color: black;
}
a.galleryItemName:active
{
font-weight: bold;
color: black;
}
a.galleryItemName:hover
{
font-weight: bold;
text-decoration: underline;
color: black;
}*/
.galleryBookSubtypePriceBox
{
color:rgb(152,0,0);
font-size: 10pt;
font-weight: bold;
float: right;
}
.galleryBookSubtypePrice
{
color:rgb(152,0,0);
font-size: 10pt;
font-weight: bold;
float: right;
}
.galleryBookSubtypeNormal
{
font-size: 9pt;
color: black;
text-decoration:line-through;
float: right;
margin-top: 2px;
margin-bottom: 2px;
margin-right: 4px;
}
.galleryBookSubtype
{
text-transform: capitalize;
font-weight: bold;
float: left;
}
.gallerySubtypeRow
{
margin-top: 2px;
margin-bottom: 2px;
width: 310px;
height: 15px;
overflow: hidden;
}
.gallerySubtypeRowNoShip
{
width: 210px;
display: inline-block;
}
.gallerySubtype
{
text-transform: capitalize;
font-weight: bold;
float: left;
margin-left: 15px;
margin-right: 15px;
width: 315px;
}
/*.gallerySubtypeRow a:link
{
color: inherit;
}
.gallerySubtypeRow a:visited
{
color: inherit;
}.gallerySubtypeRow a:hover
{
color: inherit;
}*/
.linkedNonbookItemsBox
{
background-color: white;/*rgb(240,240,255);*/
position: relative;
padding-left: 15px;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
/*box-shadow: 0px 0px 8px 4px #888888 inset;*/
max-height: 150px;
width: auto;/*600*/
height: auto;/*550*/
overflow-y: auto;
overflow-x: hidden;
border: 2px solid;
border-radius: 10px;
border-color: rgb(110,110,110);
}
.linkedItemsBox
{
background-color: white;/*rgb(240,240,255);*/
position: relative;
padding-left: 15px;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
/*box-shadow: 0px 0px 8px 4px #888888 inset;*/
max-height: 112px;
width: auto;/*600*/
height: auto;/*550*/
overflow-y: auto;
overflow-x: hidden;
border: 2px solid;
border-radius: 10px;
border-color: rgb(110,110,110);
}
.linkedItem
{
margin-left: auto;
margin-right: auto;
display: block;
border-top: 1px solid grey;
position: absolute;
width: 90%;
}
.linkedItem:hover
{
background-color: rgb(230,230,230);
}
.selectedItem
{
margin-left: auto;
margin-right: auto;
display: block;
border: 1px solid orange;
background-color: rgb(255,248,217);
position: absolute;
width: 90%;
}
.selectedLinkedNonbookItem
{
width:auto;
height:auto;
max-width:50px;
max-height:50px;
}
.linkedNonbookItem
{
width:auto;
height:auto;
max-width:50px;
max-height:50px;
margin-left: auto;
margin-right: auto;
display:block;
}
.linkedNonbookItem:hover
{
/*opacity: 0.8;
filter: alpha(opacity=80);*/
}
.selectedLinkedNonbookItemContainer
{
border: 1px solid orange;
background-color: white;
float: left;
margin: 3px;
width: 50px;
height: 50px;
overflow: hidden;
}
.linkedNonbookItemContainer
{
background-color: white;
float: left;
margin: 3px;
width: 50px;
height: 50px;
overflow: hidden;
border: 1px solid gray;
}
.linkedNonbookItemContainer:hover
{
border: 1px solid yellow;
}
.productViewBookTitle
{
font-size: 1.6em;
font-family: Calibri,Calibri,Sans Serif;
color: rgb(0,0,80);
text-decoration: none;
font-weight: normal;
text-shadow: 1px 1px #888888;
line-height: 100%;
margin-top:0px;
margin-bottom:6px;
margin-left:0px;
margin-right:8px;
}
.preorder
{
font-weight: bold;
color:green;
margin-top:4px;
margin-bottom:4px;
margin-left:15px;
}
.bookshipmethodpreorder
{
color:green;
margin-top:2px;
margin-bottom:4px;
margin-left:0px;
font-weight: bold;
}
.bookshipmethoddownload
{
color:green;
margin-top:2px;
margin-bottom:4px;
margin-left:0px;
font-weight: bold;
}
.bookshipmethodfree
{
color:green;
margin-top:2px;
margin-bottom:4px;
margin-left:0px;
font-weight: bold;
}
.bookshipmethodnotinstock
{
color:red;
margin-top:2px;
margin-bottom:4px;
margin-left:0px;
font-weight: bold;
}
.productpageextraimage
{
width: auto;
height: auto;
max-height: 99%;
max-width: 99%;
}
.productpageextraimagebox:hover
{
border-color: orange;
cursor: pointer;
cursor: hand;
}
.productpageextraimagebox
{
width: 45px;
height: 45px;
float: left;
margin: 5px;
overflow: hidden;
border: 2px solid;
border-color: grey;
border-radius: 4px;
background-color: white;
text-align: center;
}
.allproductpageimages
{
width: 45%;
float: left;
}
.productPageExtraImagesBox
{
width: 100%;
overflow: hidden;
}
#productPageImageBox
{
width: 100%;
/*float: left;
margin: 5px;*/
border: 3px solid;
border-color: grey;
background-color: white;
overflow: hidden;
/*
max-width: 40%;
max-height: 450px;
float: left;
width: auto;
height: auto;
margin: 5px;
border: 3px solid;
border-color: grey;
*/
}
.price
{
color:rgb(152,0,0);
font-weight: bold;
}
.normalPrice
{
font-size: small;
color: black;
text-decoration:line-through;
}
.formatAndDateBox
{
margin-top:6px;
margin-bottom:6px;
margin-left:0px;
font-size:1.1em;
}
.bookFormat
{
text-transform: capitalize;
}
.releaseDate
{

}
.contributorsBox
{
margin-top:4px;
margin-bottom:4px;
margin-left:0px;
font-size:0.8em;
}
.ratingStar
{
float: left;
height: 18px;
width: 18px;
}
.ratingBox
{
margin-top:4px;
margin-bottom:4px;
margin-left:0px;
/*font-size:0.8em;*/
}
.ratingTitle
{
font-size:0.7em;
}
.ratingText
{
/*font-size:0.8em;*/
margin-left: 4px;
}
.ratingNumber
{
font-size:1em;
}
.ratingCount
{
/*font-size:0.7em;*/
font-size:0.9em;
}
.ratingCountNumber
{
font-size:0.9em;
}
.isbnLine
{
margin-top:10px;
margin-bottom:10px;
margin-left:15px;
}
.priceBox
{
margin-top:8px;
margin-bottom:2px;
margin-left:0px;
}
.buyBox
{
font-weight: bold;
margin-top:25px;
margin-bottom:15px;
margin-left:15px;
}
.buyButton
{
margin-left: 0px;
margin-right: 10px;
margin-top: 0px;
margin-bottom: 0px;
height: 35px;
width: 85px;
border: none;
background-image: url('../images/addtocartbutton.jpg?v=01292017');
background-repeat: no-repeat;
background-size: 100% 100%;
}

.buyButton:hover
{
cursor: pointer;
cursor: hand;
}

.checkoutButton
{
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
height: 70px;
width: 170px;
display: block;
}
.productViewDetails
{
width:52%;
float:right;
min-height:350px;
}
#itemDescription
{

}
.productDetailLabel
{
font-weight: bold;
float:left;
margin-right:10px;
width:100px;
text-align: right;
}
/*
*******************************************************************
*       Shopping cart                                             *
*******************************************************************
*/
.cartShipAmount
{
display: inline-block;
margin-right: 4px;
margin-left: 6px;
width: 65px;
text-align: center;
}
.cartShipLabel
{
display: inline-block;
}
.cartTotalLabel
{
display: inline-block;
}
.cartTotalAmount
{
display: inline-block;
margin-right: 4px;
margin-left: 6px;
width: 65px;
text-align: center;
}
#cartTable
{
width: 800px;
border: 1px solid black;
border-collapse: collapse;
margin: 5px;
}
#cartItemsHeader
{
background-color: black;
color: white;
width: 800px;
border: 1px solid black;
border-collapse: collapse;
}
.cartItemRowName
{
width: 300px;
border: 1px solid black;
border-collapse: collapse;
text-align: left;
}
.cartItemRowQTY
{
width: 80px;
border: 1px solid black;
border-collapse: collapse;
text-align: center;
}
.cartItemRowPrice
{
width: 100px;
border: 1px solid black;
border-collapse: collapse;
text-align: center;
}
.cartItemRowLinePrice
{
width: 100px;
border: 1px solid black;
border-collapse: collapse;
text-align: center;
}
.cartItemRowRemove
{
width: 100px;
border: 1px solid black;
border-collapse: collapse;
}
.cartItemRow
{
width: 800px;
border: 1px solid black;
border-collapse: collapse;
background-color: white;
}
.cartTotalRow
{
width: 800px;
border: 1px solid black;
border-collapse: collapse;
background-color: white;
}
.cartTotal
{
width: 800px;
border: 1px solid black;
border-collapse: collapse;
text-align: right;
font-weight: bold;
}
.cartTotalTD
{
width: 800px;
border: 1px solid black;
border-collapse: collapse;
}
/*
*******************************************************************
*       Author Page                                               *
*******************************************************************
*/
.authorPageInfoSection
{

}
/*
*******************************************************************
*           Login                                                 *
*******************************************************************
*/
.loginBox
{
background-color: white;
padding: 10px;
border: 3px solid;
border-radius: 10px;
border-color: grey;
width: 80%;
height: auto;
margin-left: auto;
margin-right:auto;
text-align: center;
}
/*
*******************************************************************
*                  User profile                                   *
*******************************************************************
*/
.profileAvatarInput
{
max-width: 100%;
}

.profileAvatar
{
width: auto;
height: auto;
max-width: 100%;
max-height: 71px;
}

.profileAvatarBox
{
margin-left: auto;
margin-right: auto;
/*float: left;*/
width: 40%;
height: auto;
}
.booktourinstructions
{
font-size: 0.85em;
width: 60%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.booktourformsection
{
border-color: black;
border-width: 1px;
border-style: none none dashed none;
margin-top: 15px;
margin-bottom: 15px;
}
.booktourformlastsection
{
margin-top: 15px;
margin-bottom: 15px;
}
.profileinstructions
{
font-size: 0.85em;
}
/*
*******************************************************************
*                     Landing Page                                *
*******************************************************************
*/
#kickstartervid
{
width: 90%;
min-height: 315px;
height: auto;
}
.billboard
{
color: white;
width: 100%;
z-index: 1;
position: relative;
}
#landingPageTitle
{
color: rgb(194,37,59);
text-align: center;
margin-bottom: 10px;
}
.landingPageQuote
{
color: rgb(170,86,16);
text-align: center;
font-size: 0.75em;
margin-bottom: 30px;
}
.landingPageSectionTitle
{
margin-left: 0px;
margin-top: 25px;
margin-bottom: 5px;
color: rgb(194,37,59);
}
.landingPageText
{
margin-left: 10px;
margin-top: 5px;
margin-bottom: 10px;
}
#landingPageSynopsis
{
width: 47%;
color: rgb(235,151,81);
margin-left: auto;
margin-right: auto;
float: left;
background-color: rgb(72,44,30);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
padding: 12px;
}
#landingPageRightText
{
float: right;
width: 45%;
}
/*
*******************************************************************
*                 Site management                                 *
*******************************************************************
*/

/*
*******************************************************************
*   Navigation                                                    *
*******************************************************************
*/
#lowerNavPanel
{
top: 90%;
width: 682px;
margin-left: auto;
margin-right:auto;
}
/*
*******************************************************************
*                 Table stuff                                     *
*******************************************************************
*/
.table
{
overflow-y: auto;
overflow-x: auto;
}
.tableHeaderColumn
{
display: inline-block;
float:left;
width:100px;
margin-right:10px;
margin-left:10px;
overflow:hidden;
font-weight: bold;
}
.tableColumn
{
display: inline-block;
float:left;
width:100px;
margin-right:10px;
margin-left:10px;
overflow:hidden;
border:2px black;
}
.tableRow
{
overflow:hidden;
border:2px black;
}
/*
*******************************************************************
*   Common Tools                                                  *
*******************************************************************
*/
/*Quote blocks*/
blockquote {
  margin: 0 auto;
  padding: 1em;
  border-left: 5px solid #999;
  text-align: left;
}
blockquote:before {
  display: none;
}
blockquote:not(:first-of-type) {
  margin-top: .5em;
}
blockquote p {
  color: #555;
  font-size: 12pt;
  line-height: 1.4;
  font-family: 'PT Serif', Cambria, 'Hoefler Text', Utopia, 'Liberation Serif', 'Nimbus Roman No9 L Regular', Times, 'Times New Roman', serif;
}
blockquote footer {
  margin-top: .5em;
  padding: 0;
  color: #777;
  font-size: 12pt;
  text-align: left;
  font-style: italic;
}
blockquote footer:before {
  content: '— ';
}
blockquote:nth-of-type(even) {
  text-align: right;
  border-left: none;
  border-right: 5px solid #999;
}
blockquote:nth-of-type(even) footer {
  text-align: right;
}
blockquote:nth-of-type(even) footer:before {
  content: '';
}
blockquote:nth-of-type(even) footer:after {
  content: ' —';
}
@element 'blockquote' and (min-width: 300px) {
  blockquote {
    padding: 1em 20% 1em 1em;
  }
  blockquote p {
    font-size: 14pt;
  }
  blockquote:nth-of-type(even) {
    padding: 1em 1em 1em 20%;
  }
}
/*end Quote blocks*/
.additemcontrolbutton
{
width: auto;
height: auto;
max-height: 99%;
max-width: 99%;
}
.additemcontrolframe:hover
{
border-color: orange;
cursor: pointer;
cursor: hand;
}
.additemcontrolframe
{
width: 45px;
height: 45px;
float: left;
margin: 5px;
overflow: hidden;
border: 2px solid;
border-color: grey;
border-radius: 4px;
background-color: white;
text-align: center;
}
.formbox
{
background-color: white;
padding: 10px;
border: 3px solid;
border-radius: 10px;
border-color: grey;
width: 80%;
height: auto;
margin-left: auto;
margin-right:auto;
}
.spinner
{
-webkit-animation:spin 1s linear infinite;
-moz-animation:spin 1s linear infinite;
animation:spin 1s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); }}
.smallspinner
{
width: 30px;
height: 30px;
}
.instruction
{
font-size: 0.85em;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.instructions
{
font-size: 0.85em;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.shipMethodFree
{
color:green;
font-weight: bold;
}
.changingBillboard
{

}
.indentedBlock
{
margin-left: 20px;
font-size:0.8em;
}
.hangingIndent
{
text-indent:-10px;
margin-left:10px;
}
.smallText
{
font-size: 0.8em;
}
.fullWidth
{
width: 100%;
}
.clearLeft
{
	clear: left;
}
.productDescription
{
	clear: both;
	width: 97%;
	margin:0px;
}
.belowDetails
{
	padding-top: 5px;
	clear: both;
	width: 97%;
	margin:0px;
}
.rightSideDetails
{
width:54%;
float:right;
padding-left:10px;
}
.centerContainer640
{
width: 640px;
margin-left: auto;
margin-right: auto;
}
.centerContainer751
{
width: 751px;
margin-left: auto;
margin-right: auto;
}
.centeredContainer
{
margin-left: auto;
margin-right: auto;
}
.center
{
text-align: center;
margin-left: auto;
margin-right: auto;
}
#center
{
text-align: center;
margin-left: auto;
margin-right: auto;
}
.centerContents
{
text-align: center;
}
#centerContents
{
text-align: center;
}
#container
{
position:relative;
}
.centerContentsHandV
{
display: inline-block;
vertical-align: middle;
line-height: 18px;
}
.verticalCenter
{
display: inline-block;
vertical-align: middle;
line-height: 18px;
}
.floatRight
{
float: right;
/*border: 5px;*/
}
.floatLeft
{
float: left;
}
.error
{
color: red;
}
.infoText
{
color: black;
font-style: italic;
}
.warning
{
color: olive;
}
#siteConstructionBox
{
position: fixed;
right: 5%;
bottom: 5%;
color: red;
background-color: black;
border: 5px;
border-style: double dashed;
padding: 10px;
border-color: Yellow;
z-index: 10;
text-align: center;
}
/*#mainPageHeader
{
position: fixed;
right: 1%;
top: 1%;
color: white;
background-color:rgba(0, 0, 0, 0.25);
border: 4px;
border-style: ridge;
border-color: tan;
padding: 10px;
z-index: 5;
text-align: center;
height: 18px;
}*/
#mainBannerLinks
{
height: 100%;
float: right;
width: 1000px;
margin-right: 40px;
}
#headerSpacer
{
position: relative;
height: 45px;
top: 0px;
}
#booktourlink
{
color: white;
font-size: 1em;
text-shadow: 2px 2px #505050;
padding-top: 30px;
padding-left: 15px;
padding-right: 15px;
position: absolute;
height: 70px;
width: 210px;
top: 315px;
left: 59.22vw;
display: block;
z-index: 5;
font-weight: bold;
text-align: center;
border-width: 5px;
border-style: ridge;
border-color: darkkhaki;
background-image: url('../images/goldbacktour.jpg');
background-repeat: no-repeat;
background-size: 100% 100%;
opacity: 0.9;
filter: alpha(opacity=90); /* For IE8 and earlier */
}
#booktourlink:hover
{
color: white;
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
}
#booktourlink a:Link
{
color: black;
text-decoration: none;
}
#booktourlink a:Visited
{
color: black;
text-decoration: none;
}
#booktourlink a:Active
{
color: red;
text-decoration: none;
}
#booktourlink a:Hover
{
color: grey;
text-decoration: underline;
}
#mainPageHeader
{
position: fixed;
top: 0px;
left: 0px;
color: white;
background-color:rgba(0, 9, 40, 1);
border: 0px;
border-style: ridge;
border-color: tan;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 10px;
padding-right: 10px;
z-index: 9;
text-align: right;
/*opacity: 0.25;*/
font-weight: bold;
max-width:100%;
width: 100%;
}
#mainPageHeader a:Link
{
color: white;
text-decoration: none;
}
#mainPageHeader a:Visited
{
color: white;
text-decoration: none;
}
#mainPageHeader a:Active
{
color: red;
text-decoration: none;
}
#mainPageHeader a:Hover
{
color: white;
text-decoration: underline;
}
#mainPageBannerLogoLink
{
position: absolute;
top: 4px;
left: 5px;
height: 25px;
width: auto;
z-index: 6;
}
.insetShadowMedium
{
box-shadow: 0px 0px 8px 4px #888888 inset;
}
.outerShadowSmall
{
box-shadow: 0px 0px 3px 2px #888888;
}
.textShadow
{
text-shadow: 1px 1px #888888;
}
.inline
{
float: left;
}
#clearDivider
{
height: 20px;
width: 20px;
}
.clearInlineDivider
{
width: 20px;
height: 20px;
}
.border3SolidGrey
{
border: 3px solid;
border-color: grey;
}
.textWhite
{
color: white;
}
.textBlack
{
color: black;
}
.fadeout
{
background: -webkit-linear-gradient(bottom, rgba(0,0,0,1), rgba(0,0,0,0)); /* For Safari */
background: -o-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0)); /* For Firefox 3.6 to 15 */
background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0)); /* Standard syntax */
}
#verticallyCenteredContents
{
display: inline-block;
vertical-align: middle;
/*line-height: 25px;*/
}
.topAlign
{
margin-top: 0px;
}
/*
May be used later for background:

background-image: -webkit-linear-gradient(top,
    rgba(0,0,0,0.9) 0%,
    rgba(0,0,0,0) 20%,
    rgba(0,0,0,0) 80%,
    rgba(0,0,0,0.9) 100%
  ),
  -webkit-linear-gradient(left,
    rgba(0,0,0,0.9) 0%,
    rgba(0,0,0,0) 20%,
    rgba(0,0,0,0) 80%,
    rgba(0,0,0,0.9) 100%
  ),
  url(http://www.stadtteilschule-oejendorf.de/Unterricht/files/stacks_image_2936.png);
background-image: -moz-linear-gradient(top,
    rgba(0,0,0,0.9) 0%,
    rgba(0,0,0,0) 20%,
    rgba(0,0,0,0) 80%,
    rgba(0,0,0,0.9) 100%
  ),
  -moz-linear-gradient(left,
    rgba(0,0,0,0.9) 0%,
    rgba(0,0,0,0) 20%,
    rgba(0,0,0,0) 80%,
    rgba(0,0,0,0.9) 100%
  ),
  url(http://www.stadtteilschule-oejendorf.de/Unterricht/files/stacks_image_2936.png);
background-image: -o-linear-gradient(top,
    rgba(0,0,0,0.9) 0%,
    rgba(0,0,0,0) 20%,
    rgba(0,0,0,0) 80%,
    rgba(0,0,0,0.9) 100%
  ),
  -o-linear-gradient(left,
    rgba(0,0,0,0.9) 0%,
    rgba(0,0,0,0) 20%,
    rgba(0,0,0,0) 80%,
    rgba(0,0,0,0.9) 100%
  ),
  url(http://www.stadtteilschule-oejendorf.de/Unterricht/files/stacks_image_2936.png);
background-image: linear-gradient(top,
    rgba(0,0,0,0.9) 0%,
    rgba(0,0,0,0) 20%,
    rgba(0,0,0,0) 80%,
    rgba(0,0,0,0.9) 100%
  ),
  linear-gradient(left,
    rgba(0,0,0,0.9) 0%,
    rgba(0,0,0,0) 20%,
    rgba(0,0,0,0) 80%,
    rgba(0,0,0,0.9) 100%
  ),
  url(http://www.stadtteilschule-oejendorf.de/Unterricht/files/stacks_image_2936.png);
*/
/*
*******************************************************************
*   Specific Items                                                *
*******************************************************************
*/
/*Nothing here right now*/