/*@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; max-width:220px;}

/* 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-color: #F3EEDB;}
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{display:none;}
.mobile { padding:5px; }

.ImageLeft{
  float:left;
  margin:3px 5px 3px 0px;
  font-size:smaller;
  font-style:italic;
  text-align:center;
}
.ImageRight{
  float:right;
  margin:3px 0px 3px 5px;
  font-size:smaller;
  font-style:italic;
  text-align:center;
}

/* 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;}
 .lstLinks{float:left;white-space:nowrap;margin:0px;}
 
 .media{padding:2px;display:block;float:left;max-width:32px;margin:0;}
 .media:hover{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:block;padding:0;margin:0;border:none;}
 .media div img{padding:2px 1px 1px 1px;}
 .media div a{float:left;padding:0;margin:1px 0 1px 0; border-top:1px solid #907070}
 .media div a:hover{background-color:#FDFF71;}

 .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;}

/* 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 {margin:3px;}
.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;}

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


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



body { margin:0; padding:0;}
	#wrap { margin:0; padding:0;}
		#header { margin:0; padding:0;}
			#header .siteLogo { float:right; padding:0 5px 0 0 }
			#header .siteHeader a { color:#fff; font-style:italic; font-weight:normal;}
		#page { clear:both; display: table; width: 100%; }
		  #menu{clear:both; display: table-footer-group;}
			#content {clear:both; display: table-row-group; }
				.secondary { margin-bottom:0px; }
				#main { padding:3px; padding-bottom:15px; }
					#extras {  }
				
		#footer { padding:15px; }

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

/*secondary*/
.secondary .uc { clear:both; margin:3px; border:1px solid #000; }

/*box*/
.boxTitle,
.secondary h4 { font-style:italic; font-weight:normal; color:#333; text-align:center; }
.secondary .box { padding: 5px; }
#extras .boxTitle,
#extras h4 { font-style:italic; font-weight:normal; color:#333; text-align:center;  }
#extras .box { padding: 5px; }

/*top*/
#header .top { padding-top:35px; }
#header .top img { vertical-align:text-bottom; }
#header .top h2 { display:inline; }
.printBtn {display:none;}
.printBtn img {padding:6px;}

/*menu*/
.topMenu li { padding-left:5px; margin: 0 1px 0 0; }
.topMenu li.current, 
.topMenu li.current a,
.topMenu li.trail, 
.topMenu li.trail a { background-color:#F0F0F0; }
.topMenu li:hover,
.topMenu li:hover a {font-weight:bold; color:#AA0000;}
.topNaviBar {clear:both;}

.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; background-position: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 {float:right; margin:5px 5px 0 0;}
.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;}
ul.subMenu ul { margin:0 0 5px 15px; }
.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;}

/* lists */
.list .a0 { background: #f4f8ed; }
.list { padding-bottom:6px; background-position:50% 100%; }
.list .item { padding:5px; }

/*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; width:245px; }
.columns .right { float:right; width:245px; }

/* 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;}