/* 
StyleSheet by Steven Miller for Rellims.com
Created December 2004, first released January 2005

Design Name = html5

Used Colors:

Unused:


*/

@import url('https://fonts.googleapis.com/css?family=Nova+Mono');

html, body {
    height: 100%;
    margin: 0;
}

body
{
  font-family: Verdana, Helvetica, Arial, sans-serif;
  padding: 0;
  /*
  background-color: #3e526a;
  background-image: url(/images/html5/hawaii.jpg);
  background-size:cover;
  background-size: 100%;
  background-repeat: no-repeat;
  bac*/

}

/* PAGE LAYOUT BEGIN - CSS */
#container {
  background: #6992c6 url(/images/html5/hawaii.jpg) center bottom no-repeat;
  background-size: 100%;
  min-height: -webkit-calc(100% - 2em);     /* Chrome */
  min-height: calc(100% - 3.5em);     /* native */
  padding: 10px;
  /*padding: 10px;/*
 min-height:100%;
  /*
	margin:10px auto 10px auto;
	text-align: left;
	padding: 0px;
	max-width:975px;
  */
}

#containerwin {
	margin:10px 5px 10px 5px;
	text-align: left;
	padding: 0px;
	border:1px solid #000;
	background-color:#999966;
}

#top {
	color: #666666;
	text-align: left;
	height:50px;
}

#left {
	float: left;
	width: 142px;
	overflow: hidden;
}

#right {
	float: right;
	width: 142px;
	overflow: hidden;
}

#center {
	margin-left:142px;
	margin-right:142px;

}

#mainsection {

}

#bottom {
	
}
/* PAGE LAYOUT END - CSS*/

/* BEGIN NAVBAR ============================================== */
.navbar {
	background-color: #3e526a;
	color: #FFFFFF;
	text-decoration: none;
	FONT-SIZE: 9pt;
	padding:6px 0 6px 0;
	margin:0 5px 0 5px;
	WIDTH: 135px;
	border:1px solid #000;
	border-radius: 10px;
	float: left;
}

DIV.navitem {
	padding:0 0 0 5px;	
}
DIV.navitem A
{
	color: inherit;
	text-decoration: none;
}
DIV.navitem A:hover {
	BACKGROUND-COLOR: #996666;
	color: inherit;
	text-decoration: none;
}
DIV.navitemsel,DIV.navitem:hover {
	padding:0 0 0 5px;	
	BACKGROUND-COLOR: #996666;
	color: #663366;
	text-decoration: none;	
	cursor:pointer;
}

DIV.navsubitem {
	padding:0 0 0 20px;	
}
DIV.navsubitem A
{
	color: inherit;
	text-decoration: none;
}
DIV.navsubitem A:hover
{
	color: inherit;
	BACKGROUND-COLOR: #996666;
	text-decoration: none;
}
DIV.navsubitemsel,DIV.navsubitem:hover {
	padding:0 0 0 20px;
	BACKGROUND-COLOR: #996666;
	color: #663366;
	text-decoration: none;	
	cursor:pointer;
}


/* END NAVBAR ============================================== */

.inner {
	margin:5px 5px 5px 5px;
}

.content,.TopicContent {
	BACKGROUND-COLOR: #FFFFFF;
	padding:10px 10px 10px 10px;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	border-radius: 0 0 10px 10px;
	overflow:hidden;
	
}

li {
	margin-left:15px;
}

header {
	height:50px;
	width:100%;
	font-family: 'Nova Mono', monospace;
	font-size: 40px;
	line-height: 50px;
	text-shadow: 4px 4px 2px rgba(150, 150, 150, 1);
}
@media print {
	.header {
		display:none;
	}
}

.mehead {
  width: 31px;
  height: 47px;
  display: block;
  background-image: url(/images/html5/me.png);
  float: left;
}


footer {
  background-color: #3e526a;
  clear:both;
  width:100%;
  height: 2em;   /* Height of the footer */
  line-height: 2em;
  padding: 0 0 0 .5em;
  border-top:1px solid #000;

}


/* Page Title */
.pagetitle,.TopicTitle {
	BACKGROUND-COLOR: #3e526a;
	color: #FFFFFF;
	FONT-SIZE: 12pt;
	text-align: center;
	padding:2px 5px 2px 5px;
	border:1px solid #000;
	border-radius: 10px 10px 0 0;
}

.pagesubtitle {
	color: #000000;
	FONT-WEIGHT: bold;
	text-align: center;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
}
/* Page Title END*/

/* Ads Column */
.adcolumn {
	margin:0 5px 5px 0;
	WIDTH: 135px;
}

/* FOOTER BEGIN */
.TopicFooter {
	background-color:#666633;
	border-top:1px solid #000;
	padding:5px 5px 5px 5px;
}

/* FOOTER END */


/* Tables */

.TableSet,.TableSetLarge {
	BACKGROUND-COLOR: #999966;
}

.TableSetLarge {
	FONT-SIZE: 8pt;
}

.TableTitle {
	FONT-WEIGHT: bold;
	COLOR: white;
	BACKGROUND-COLOR: #999966;
	text-align : center;
}

.TableSet th,.TableSetLarge th {
    FONT-WEIGHT: bold;
    COLOR: black;
		text-align : left;
}

.TableFieldName { /* DEPRECIATED */
    FONT-WEIGHT: bold;
    COLOR: black;
}
.RowA {
    FONT-WEIGHT: normal;
    COLOR: black;
    BACKGROUND-COLOR: #F3F3F3;
}
.RowB {
	FONT-WEIGHT: normal;
	COLOR: black;
	BACKGROUND-COLOR: #E4E4E4;
}
/* Tables END */

/* Links */
A
{
	TEXT-DECORATION: underline;
	color : #660a0a;
}
A:visited
{
}
A:active
{
}
A:hover
{
	TEXT-DECORATION: underline;
}
A.none {
	TEXT-DECORATION: none;
}
/* Links END */

/* MyRellims */
.dropMain {
	FONT-WEIGHT: bold;
	font-size:8pt;
	border-left-style : solid;
	border-left-color : #999999;
	border-left-width : 1px;
	border-right-style : solid;
	border-right-color : #999999;
	border-right-width : 1px;
	border-bottom-style : solid;
	border-bottom-color : #999999;
	border-bottom-width : 1px;
	cursor:pointer;
}
.mylinkN {
	COLOR: #000;
	TEXT-DECORATION: none;
}
.mylinkH {
	color: red;
	TEXT-DECORATION: none;
}
.dropNA,.dropHA {
	BACKGROUND-COLOR: #F3F3F3;
}
.dropNB,.dropHB {
	BACKGROUND-COLOR: #E4E4E4;
}
.dropNA,.dropNB,.dropHA,.dropHB {
	font-size:8pt;
	font-weight:normal;
	padding-top:2px; 
	padding-bottom:1px;
	cursor:pointer;
	border-top-style : solid;
	border-top-color : #999999;
	border-top-width : 1px;	
}
/* MyRellims END */

/* WishList */

/* .BarA
{
	BACKGROUND-COLOR: #000000;
}

.BarB
{
	BACKGROUND-COLOR: #B2B2B2;
}*/

.wishdesc {
	font-style: italic;
}

.HiddenItem
{
	COLOR: gray;
}

.PurchasedItem
{
	COLOR: green;
}

.wlrating {
	text-align: right;
	height: 16px;
	width: 40px;
	/* display:inline; */
}

.RowA .wlrating {
	background-color: #E4E4E4; 
}
.RowB .wlrating {
	background-color: #F3F3F3; 
}

.wlrating div {
	font-size : 1px;
	background-image: url(/images/wishlist/wlrating_blkgry.png);
	background-repeat: repeat;
	height: 16px;
	color: white;
	float: left;
}

@media handheld,projection,screen,tty,tv  {
	.wlrating_p {
		display:none;
	}
}

@media print {
	.wlrating_p {
		/* visibility: visible; */
		display:block;
	}
	.wlrating {
		/* visibility: hidden; */
		display:none;
	}
}
/* END WISHLIST */

/* Style Info For BLOGS */

.TopicPage {
	margin:5px 5px 5px 5px;
}

.TopicTitle
{
	margin-top:1em;
	text-align: left;
}

.TopicContent
{
	border-bottom:none;
	-moz-border-radius-bottomleft: 0;	
	-moz-border-radius-bottomright: 0;
}

.TopicEnd /* End a topic without a footer, (ie topics with no comments error) */
{
	color:#000000;
	border-bottom:1px solid #000;
	-radius-bottomleft: 10px;	
	-moz-border-radius-bottomright: 10px;
}

.TopicFooter
{
	padding-top:2px;
	BACKGROUND-COLOR: #F3F3F3;
	color:#000000;
	font-size:7pt;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	-moz-border-radius-bottomleft: 10px;	
	-moz-border-radius-bottomright: 10px;	
}

/* END BLOGS */

/* PRINTER Specific */
.printshow {
 display:none;
}

/* In print mode we would want to HIDE
.printhide {
	display:none;
}
*/
/* END PRINTER Specific */

#AJAXSpinner {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	opacity: 0.75;
	background-color: white;
	text-align: center;
}

#AJAXSpinner img {
	opacity: 1;
}

/* FORM SPECIFIC */

form {
margin:0 0 0 0;
}

.btn { display: inline-block; *display: inline; *zoom: 1; padding: 4px 10px 4px; margin-bottom: 0; font-size: 13px; line-height: 18px; color: #333333; text-align: center;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr=#ffffff, endColorstr=#e6e6e6, GradientType=0); border-color: #e6e6e6 #e6e6e6 #e6e6e6; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border: 1px solid #e6e6e6; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); cursor: pointer; *margin-left: .3em; }
.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { background-color: #e6e6e6; }
.btn-large { padding: 9px 14px; font-size: 15px; line-height: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.btn:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; }
.btn-primary, .btn-primary:hover { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); color: #ffffff; }
.btn-primary.active { color: rgba(255, 255, 255, 0.75); }
.btn-primary { background-color: #4a77d4; background-image: -moz-linear-gradient(top, #6eb6de, #4a77d4); background-image: -ms-linear-gradient(top, #6eb6de, #4a77d4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6eb6de), to(#4a77d4)); background-image: -webkit-linear-gradient(top, #6eb6de, #4a77d4); background-image: -o-linear-gradient(top, #6eb6de, #4a77d4); background-image: linear-gradient(top, #6eb6de, #4a77d4); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr=#6eb6de, endColorstr=#4a77d4, GradientType=0);  border: 1px solid #3762bc; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.5); }
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { filter: none; background-color: #4a77d4; }
.btn-block { width: 100%; display:block; }

.login { 
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -150px;
	width:300px;
	height:300px;
}

.login h1 { color: #fff; text-shadow: 0 0 10px rgba(0,0,0,0.3); letter-spacing:1px; text-align:center; }

.login input { 
	width: 80%; 
	margin-bottom: 10px; 
	background: rgba(0,0,0,0.3);
	border: none;
	outline: none;
	padding: 10px;
	font-size: 13px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	display: block;
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 4px;
	box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
	-webkit-transition: box-shadow .5s ease;
	-moz-transition: box-shadow .5s ease;
	-o-transition: box-shadow .5s ease;
	-ms-transition: box-shadow .5s ease;
	transition: box-shadow .5s ease;
}
.login :focus { box-shadow: inset 0 -5px 45px rgba(100,100,100,0.4), 0 1px 1px rgba(255,255,255,0.2); }

/*
input {
 border: 2px solid #B2B2B2;
}*/

input.outer {
 border: 2px solid #B2B2B2;
 background-color:#F3F3F3;
 font-size:9pt;
}

input:focus {
 border: 2px solid #000;
} 

textarea {
 border: 2px solid #ccc;
}

textarea:focus {
 border: 2px solid #000;
}

select {
 border: 2px solid #ccc;
}

select:focus {
 border: 2px solid #000;
}

.FormError {
	color:#FF0000;
	font-weight:bold;
}

/* END FORM SPECIFIC */