/*@import url(../../Content/Css/Layout.css); */
/* clearfix */
/*.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 .cf { display: inline-block; } */
* html .cf { height: 1px; }
a img { border:none; vertical-align:middle; }
.menu,.menu ul { list-style-type:none;}

/* forms */
.inputForm .row { margin-bottom:5px; }
.inputForm .label { width:120px; float:left; }
.secondary .label { display:block; }
.inputForm .alternatives * { vertical-align:middle }
.inputForm .alternatives label { margin-right:10px; }
.inputForm textarea { width:340px; height:120px; }
.inputForm .tb { width:240px; }

.commentInput .box { display:none; }

.validation-summary-errors
{
	background-color:#f98;
	border:solid 1px red;
	padding:.2em;
	margin-bottom:1em;
}
/* end of Layout */

/********* GLOBALS *********/

* {margin:0;padding:0;}
body {background: #F3EEDB url(Bgnd.jpg) no-repeat fixed top left;}
a img,table {border:0}
dl,ol,ul {list-style:none}
button,select,textarea,input {font:100% serif}
table {border-collapse:collapse}
h1,h2,h3,h4,h5,h6,p {margin:.35em 0;}
blockquote{padding:4px 0 4px 40px;}
/* VZH specific */

.large {font-size: 14pt; font-weight:bold; color:#000000;}
.small {font-size: 10pt; color:#000000; font-style:italic;}
a.small,
a.large {color:#000000;}
.vzh {font-size: 24pt; font-weight: bold;}
.imw {font-size: 18pt; font-style: italic; font-weight: normal;}
.v {font-size: 18pt; font-weight: bold; }
.i {font-size: 13.5pt; font-style: italic; }
.red {color: #790000; font-weight: bold; }
.high {background-color: #ffff00; color: #0000ff; }
.sel {background-color: #8f8f8f; color: #ffffff; font-size: 10pt; cursor: pointer; }
.sel:hover {background-color: #afafaf; color: #aa0000;}
.men {background-color: #8f8f8f; color: #ffffff; font-size: 10pt; cursor: pointer; }
.hi {color: #0000ff; }
.cam {color: #e7cead; }
.desc {font-size: 10pt; font-weight: bold; font-style: italic; text-align: center;}
dt { float: left; clear: left; width: 70px; text-align: right; padding:0px 5px 0 0;} 
.ui-tabs .ui-tabs-hide {display: none;}
#SermonTabs { padding:35px 0px 0px 0px;}
.mobile { display:none; }

a.underLink{color:#000000; text-decoration:none; cursor:pointer;}
a.underLink:visited{color:#000000; text-decoration:none; cursor:pointer;}
a.underLink:hover{color: #aa0000; text-decoration:none; cursor:pointer;}
.quot{color:#000070;}

.ImageLeft{
  float:left;
  margin: 5px 10px 5px 0;
  font-size:smaller;
  font-style:italic;
  text-align:center;
  color:#000050;
}
.ImageRight{
  float:right;
  margin: 5px 0 5px 10px;
  font-size:smaller;
  font-style:italic;
  text-align:center;
  color:#000050;
}
.ImageCenter{
  margin:10px;
  margin-left:auto;
  margin-right:auto;
  font-size:smaller;
  font-style:italic;
  text-align:center;
  color:#000050;
}

/* VZH Lists */

 .lstDate{text-align:right;width:90px;float:left;padding:0px 15px 0px 0px; }
 .lstTitle{width:410px;float:left;}
 .lstCode{width:100px;float:left;}
 .lstLoc{float:left;}
 
 .nl{font-weight:bold;}
 .en{}

 .dm{}
 .vg{font-size:x-small;}
 
 .alt{font-style:italic;}

 .lstItem{border-color:#C0A0A0; border-style:solid;border-width:0px 1px 1px 1px;}
 .lstAltItem{border-color:#C0A0A0; border-style:solid;border-width:0px 1px 1px 1px;background-color:#E2F6E2}
 .lstItem:hover{background-color:#FFFFAA;}
 .event{color:#505050;}
 .sermon{}
 .lstHeader{border-color:#C0A0A0; border-style:solid;border-width:1px 1px 1px 1px;font-weight:bold;}

 .lstLinks{float:left;white-space:nowrap;margin:0px;max-height:17px;position:static;}
 /* .lstLinks img{padding:2px 3px 2px 2px; vertical-align:bottom; z-index:50; float:left} */
 /* .lstLinks div{padding:2px 3px 2px 2px; vertical-align:bottom; z-index:50;} */
 /* .lstLinks div:hover{background-color:#FDFF71; padding:1px 2px 1px 1px; border: solid 1px #000000;z-index:50;} */
 /* .lstLinks a{position:static;} */
 
 .media{padding:2px;z-index:2;display:block;float:left;max-width:32px;position:relative;margin:0;}
 .media:hover{z-index:10;background-color:#E2F6E2;border:solid 1px #402020;padding:1px;}
 .media img{padding:0 1px 1px 1px;margin:0;max-height:16px;margin-left:auto;margin-right:auto;display:block;}
 .media div{display:none;z-index:20;padding:0;margin:0;border:none;position:relative;}
 .media div img{padding:2px 1px 1px 1px;}
 .media:hover div{display:block;}
 .media div a{float:left;padding:0;margin:1px 0 1px 0;z-index:30; border-top:1px solid #907070}
 .media div a:hover{background-color:#FDFF71;}

/* Sermons */

.pr{color:#006400;}
.bible{color:#A52A2A;font-style:italic;}
.song{color:#000080;}
.trl{color:#006400;}
.ed{color:#006400;}
.quote{color:#2f4f4f;font-style:italic;}
.qtitle{font-weight:bold;}
.qref{font-weight:bold;}
.smallcaps{font-size:70%;}
.otspeak{background-color:#B0EEB7;}

.predetails {float:left; width:170px;}
.predetails p{margin:10px 0 0 0px;}

/* colors */

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

#footer {margin-top:10px;color:#707070;}
#sermons {max-width:500px;min-width:200px;}
#bibleNav {max-width:300px;min-width:200px;margin-left:110px;}
#share{height:80px;width:130px;float:right;margin-right:140px}
#qrcode{height:150px;width:300px;float:right;margin-right:270px}

.sidelist .item:before{
  content: "\BB \ ";
}


/********* LAYOUT *********/

body { margin:0; padding:0;}
	#wrap { margin:0; padding:0;}
		#header { margin:0; padding:0; height:55px; width:100%; position:fixed; top:0px; background-image: url(top.jpg); background-repeat: repeat-x;}
			#header .siteLogo { float:right; padding:0 5px 0 0 }
			#header .siteHeader a { color:#fff; font-style:italic; font-weight:normal;}
		#page { padding:0px 10px 15px 10px; position:fixed; top:55px; bottom:0px; right:0px; left:0px; overflow:auto; z-index:-1;}
			#content { margin-left:180px; }
				.secondary { width:170px; float:left; margin-bottom:0px; }
				#main { padding-bottom:15px; }
					#extras { float:right; }
				
		#footer { padding:15px; }

#like{padding:0px; border: 0px none;}

.siteLogo a{color:#000000;}
.siteLogo a:hover{color: #aa0000; text-decoration:none;}

/*secondary*/
.secondary .uc { margin-bottom:15px; }

/*box*/
.boxTitle,
.secondary h4 { font-style:italic;  font-weight:normal;  background:transparent url(SidebarLeftBg.png) no-repeat 100% 0%; margin:0; padding:15px 10px 0 10px; color:#333; text-align:center; }
.secondary .box { _height:1px; background:transparent url(SidebarLeftBg.png) no-repeat 100% 100%; padding:10px 10px 20px 0px; }
#extras .boxTitle,
#extras h4 { background:transparent url(SidebarRightBg.png) no-repeat 0% 0%; }
#extras .box { background:transparent url(SidebarRightBg.png) no-repeat 0% 100%; padding:10px 10px 20px 10px; }

/*top*/
#header .top { padding-top:35px; }
#header .top img { vertical-align:text-bottom; }
#header .top h2 { display:inline; }
.printBtn {float:right;margin-right:30px;cursor:pointer;}
.printBtn img {padding:6px;}

/*menu*/
.topMenu { position:absolute; top:0px; white-space:nowrap; }
.topMenu li { float:left; padding-left:11px; margin: 0 1px 0 0; min-height:27px; max-height:27px; background: url(Tab.png) no-repeat;}
.topMenu a {display:block; vertical-align:middle; padding:2px 10px 0px 0px; min-height:25px; color:#000000; background: url(Tab.png) 100% 0%;}
.topMenu li.current, 
.topMenu li.current a,
.topMenu li.trail, 
.topMenu li.trail a { background-image:url(TabSel.png); }
.topMenu li:hover,
.topMenu li:hover a {background-image:url(TabHov.png); text-decoration:none; color:#AA0000;}
.topNaviBar {position:absolute; bottom:7px; left:190px;}

.voet {clear:both;}
.voet .progress {margin-left:auto;margin-right:auto;}
.progress .left {float:left;width:14px;height:12px;background:transparent url(bck.png) no-repeat;border:0px none;}
.progress .right {float:right;width:14px;height:12px;background:transparent url(nxt.png) no-repeat right; border:0px none;}
.progress a, .progress span {display:block;float:left;width:11px;height:10px;border:1px solid #5F4B00;border-right:0px;}
.progress a:hover, .progress span:hover{background-color: #FF5000;text-decoration:none;}
.progress .pre {background-color:#E6DDBC}
.progress .current {background-color:#FFFF00; cursor:pointer;}
.progress .post {background-color:#E6DDBC}
.progress .terminate{width:0px;float:right;}

.languageMenu { position:absolute; bottom:10px; right:170px; }
.languageMenu img { margin:0px 0px 2px 0px; opacity:.4;}
.languageMenu .current img { cursor:default; opacity:1;}
.languageMenu img:hover { opacity:1;}

.subMenu a { display:block; padding:2px 0; _height:1px; }
.subMenu li{list-style-type:circle;margin:0 0 0 10px;line-height:100%;}
ul.subMenu ul { margin:0 0 5px 0; }
.subMenu .trail > a,
.subMenu .current > a,
.menu .trail > a,
.menu .current > a { color:#046380; }
.subMenu .current > a { font-weight:bold; }
.rss {right:0px;padding:7px 5px 0px 0px;text-align:center;font-size:small;}
.rss img{vertical-align:middle;}

/* lists */
#main ul.list {margin-left:0;}
.list .a0 { background: #f4f8ed; }
.list { padding-bottom:6px; }
.list .item { margin:0;padding:5px; list-style-type:none;}
.list .item a { font-weight:bold; display:block; color:#000000;}
.list .item a:hover { text-decoration:none; background-color:#FFFFA0;}
.list .item a span { font-weight: normal; display:block;}

/*path*/
.path { margin-bottom:10px; }
.path .current { color:#333; }
.path a.current:hover { cursor:default; text-decoration:none; }

/*sitemap*/
#main ul { list-style:circle; margin-left:20px; }

/* content */
.introduction { font-size:1.1em; font-style:italic; }

/* date */
.date { font-size:x-small; color:#333; display:block; }

/*columns*/
.columns .left { float:left; margin-right:20px;}
.columns .right { float:none; }

/* login */
.login .tb { width:130px; }
.login .ff { margin-bottom:5px; }
.register td { padding:0 5px 5px 0; }

/* gallery */
.thumbnail { opacity:.4; }
.thumbnail:hover, .selected { opacity:1; }
#thumbnails {padding-bottom:10px;}
#thumbnails .text { display:none; }
.thumbnail {margin-bottom:10px;margin-right:5px;}

/* comments */
.commentList { border-top:solid 1px #D0CFCB; margin-top:10px;}