/*  DWM section page styling
	All HTML pages within DRAW WITH MIKE VIDEOS      
*/

#pageContent	{background:#fff url();}
#dwm-header 	{float:left;width:100%;height:200px;margin-top:30px;padding:0;text-align:center;}
#logo-full	{display:block;margin:0 auto;}
#logo-fone	{display:none;}
#content	{width:98%;margin:10px 0 0 2%;}
#subcontent	{float:right;width:85%;margin:30px 5% 0 0;}
#section_L	{float:left;max-width:74%;}
#section_R	{float:right;width:232px;margin-top:10px;}
.dwm-title h2	{color:#709883;letter-spacing:0.06em;font-size:180%;font-family:nunito,verdana;}
.dwm-title h2::before{content: url('images/icon-20.gif');}
.dwm-sbar 	{color:#709883;letter-spacing:0.06em;font-size:140%;font-family:nunito,verdana;margin-bottom:10px;}
.dwm-subtitle	{color:#FFA500;letter-spacing:0.04em;font-size:180%;font-family:nunito,verdana;}
.sidebar-promo	{list-style-type:none;color:#4c4c4c;padding-left:10px;line-height:24px;}
#footer	{font-size:9pt;text-align:center;margin-bottom:10px;}

/* -------------- MAIN Navigation --------- */
.navbar ul li .onMbr{color:#ff5900;}
.navbar ul li .onMbr:hover {color:#fff;}

/* -------------- DWM Navigation --------- */
#topnav		{position:fixed;z-index:1200;top:180px;width:90%;max-width:1116px;height:42px;margin:0 7% 0 7%;padding:0;background-image:url(images/button_bg.jpg);background-repeat:repeat-x;border:1px solid #5F5A4F;}
.topnav ul	{margin:0;padding:0;list-style-type:none;z-index:3000;}
.topnav ul li	{position:relative;float:left;width:20%;height:40px;background-image:url(images/button_bg.jpg);background-repeat:repeat-x;border-left:1px solid #ddd;border-right:1px solid #3E7558;text-align:center;}
.topnav ul li a	{display:block;line-height:40px;text-decoration:none;color:#fff;font-weight:bold;font-size:16px;font-family:verdana;}
.topnav ul li a:hover{background-image:none;background-color:#3E7558;}
	/* button off state */
.topnav li.current-menu-item, #topnav li.current_page_item
	{width:20%;line-height:40px;color:#fff;font-weight:bold;font-size:16px;font-family:verdana;text-align:center;background:#B2C629;background-image:none;}
	/* second level */
.topnav ul li ul	{display:none;position:absolute;z-index:3000;width:250px;top:0;left:-1px;padding:0;border:1px solid #777;box-shadow: 0 10px 20px #666;}
.topnav ul li ul li	{float:none;display:inline-block;width:100%;height:60px;background-image:none;border:none;padding:0;background-color:#fff;}
.topnav ul li ul li a{display:block;text-align:left;line-height:60px;color:#777;text-indent:5px;}
.topnav ul li ul li a:hover
	{background:#eee;}
.topnav .pointer	{background-image:url(images/aro.gif);background-repeat:no-repeat;background-position:right center;}
	/* third + level */
.topnav ul li ul li ul{margin:-1px 0 0 240px;top:0;}
.topnav ul li ul li ul li{height:40px;}
.topnav ul li ul li ul li a{line-height:40px;}

#dwm_min  	{display:none;width:98%;height:30px;line-height:30px;background:url(images/nav_min_bg.jpg);}
#dwm_min a  	{display:block;color:#fff;text-decoration:none;}
#dwm_min img	{float:right;}
#navMin 	{display:none;position:relative;z-index:3000;width:50%;height:0;}
#navMin 	{margin:0;padding:0;list-style-type:none;opacity:0;}
#navMin li	{list-style-type:none;width:100%;height:20%;line-height:70px;background-color:#ACC7B8;text-align:left;text-indent:20px;}
#navMin li a	{display:block;color:#fff;font-size:120%;text-decoration:none;}
#navMin li:hover	{background-color:#7FA991;}

#indexList	{float:left;width:96%;margin-bottom:20px;}
.iList		{width:100%;margin-top:1px;}
.iList .itm 	{float:left;width:24%;line-height:30px;margin:2px;background-color:#ffffff;border:1px solid #3E7558;border-radius:5px;}
.iList .buy 	{background-color:#C9DED3;}
.iList .itm :hover  {background-color:#3E7558;}
.iList .itm a 	{display:block;width:100%;line-height:30px;color:#3E7558;text-align:center;text-decoration:none;font-family:arial;}
.iList .itm a:hover  {color:#fff;text-decoration:none;}

/* -------------- MEMBERS AREA PROMO --------- */
.promoR	{float:right;position:fixed;z-index:1500;margin:-200px 0 20px -16px;width:250px;background:#fff;border:1px solid #aeaeae;margin-bottom:20px;padding:5px 10px 10px;font-family:verdana;font-size:100%;line-height:26px;color:red;}
.promoR-min	{display:none;float:left;width:90%;margin:0 0 30px 5%;background:#fff;border:1px solid #aeaeae;padding:5px 10px;text-align:center;font-family:nunito;font-size:100%;color:#f00;}
.dwm-sbar-promo	{color:#f00;text-align:center;margin:0;}
.promoR img	{margin: 0 20px 0 -10px;vertical-align:middle;}
.promoR .bigBtn-sv	{width:200px;}
.dwm-sbar-promo-min	{display:inline-block;color:#f00;text-align:center;margin:0;vertical-align:middle;}
.promoR-min img	{transform:scale(1.3);margin-right:15px;}
.promoR-min .bigBtn-sv{display:inline-block;width:170px;vertical-align:middle;}

/* -------------- end MEMBERS AREA PROMO --------- */

.boxR	{float:right;width:230px;border:1px solid #aeaeae;margin-bottom:20px;padding:0 5px 10px 5px;font-size:90%;}
.boxR h2	{margin-top:6px;}
.greenbar12	{background-color:#999;font-size:18px;height:26px;line-height:26px;color:#fff;font-weight:bold;text-indent:10px;border-radius:10px;}
.gb15	{font-size:15px;}
.inline	{display:inline-block;}
a.txt	{font:normal 100% verdana;text-decoration:underline;}
a.txt:hover	{color:#FFA500;}
a.sml	{font: normal 11px verdana;color:#666;text-decoration:underline;}

.imgCaptionCenter	{margin:0 auto; border:1px solid #999;text-align:center;padding:6px;font-size:80%;}
.imgCaptionLeft	{float:left;margin-right:20px;border:1px solid #999;text-align:center;padding:6px;font-size:80%;}
.imgCaptionRight	{float:right;margin-left:20px;border:1px solid #999;text-align:center;padding:6px;font-size:80%;}

.video-sbar 	{float:left;width:100%;margin:10px 0;}
.video-sbar .shadow-sbar {
	width:210px;height:122px;margin:0 auto;
	border: solid 5px #C9DED3;
	-moz-box-shadow: 0 0 0 1px #709883; 
	-webkit-box-shadow: 0 0 0 1px #709883; 
	box-shadow: 0 0 0 1px #709883;
	-webkit-border-radius: 5px; 	
	-moz-border-radius: 5px; 
	border-radius: 5px;
}

/* -------------------- RightBar MAILING LIST styling */
#mailerV, #mailerAbout
	{width:180px;padding-bottom:6px;margin:0 auto;text-align:left;}
#mailerV .mBox, #mailerAbout .mBox
	{border:1px solid #709883;margin-top:10px;background:#F4FCF2;padding-top:3px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius:6px; 
}
#mailerVideo, #mailAbout
	{color:#ff5900;font-size:8pt;margin:0 0 2px 4px;}
#mailerVideo input, #mailAbout input
	{width:90%;font-size:8pt;margin:0 0 2px 5%;height:16px;border:1px solid #709883;}
#mailerVideo input	{font-size:120%;height:24px;}
#mailerVideo .submit, #mailAbout .submit
	{width:90%;height:24px;margin:10px 0 6px 5%;background:#9EBEAC;font-family:arial;font-size:10pt;color:#4c4c4c;padding-bottom:2px;}
#mailerVideo .submit:hover, #mailAbout .submit:hover
	{background:#3E7558;color:#fff;}
#mailerAbout	{width:280px;}
#mailAbout	{font-size:100%;}
#mailAbout input{	font-size:100%;height:26px;}
#mailAbout .submit	{line-height:30px;height:30px;font-size:120%;}


.boxR a	{text-decoration:none;}
.ad:hover	{-moz-box-shadow: 0 0 10px #333;
	-webkit-box-shadow: 0 0 10px #333;
	-o-box-shadow: 0 0 10px #333;
	-ms-box-shadow: 0 0 10px #333;
	box-shadow: 0 0 10px #333;
}

/* -------------- COMMENT forms --------------- */
#comments	{float:left;width:100%;border-top:1px solid #666;}
.commTxt	{float:left;width:100%;margin:15px 0;}
#showComments	{float:left;width:80%;opacity:0;display:none;margin:10px 0 30px 10%;}
#comment	{float:left;width:99%;border:1px solid #709883;background:#F4FCF2;padding-top:3px;}
#comment .must	{font-size:120%;}
#comment .label	{float:left;width:95px;line-height:30px;text-align:right;margin-right:10px;color:#4c4c4c;font-family:arial;font-size:120%;}
#comment input	{float:left;width:70%;line-height:30px;clear:right;}
#comment #question	{float:left;width:100%;line-height:30px;margin-top:20px;color:#888;font-size:180%;}
#comment input, textarea
	{background:white;margin-top:2px;font-size:120%;font-family:verdana;}
#comment input.reC
	{width:10%;height:0;margin:0;font-size:1%;background:none;border:none;}
#commentTA	{width:90%;height:200px;margin:4px 0 0 5%;}
#comment #submit	{float:left;width:100%;margin:15px 0;}
#comment #submitBtn, #comments .openComments, .gotoTranscrip, .index-goto
	{float:left;width:40%;margin:0 0 0 30%;line-height:40px;display:block;background:#9EBEAC;color:#444;font-size:120%;} 
#comment #submitBtn:hover, #comments .openComments:hover, .gotoTranscript:hover, .index-goto:hover
	{background:#3E7558;color:#fff;cursor:pointer;}
#comments .openComments:hover, .gotoTranscript:hover, .index-goto:hover
	{background:#B2CFBB;}
#comments .openComments, .gotoTranscript, .index-goto
	{float:left;width:200px;margin:5px 0 0 0;border:1px solid #709883;background:#F4FCF2;color:#888;text-align:center;} 
.commentBox	{float:left;width:80%;margin:10px 0 0 5%;border:1px solid #709883;padding-top:3px;}
.commentID	{float:left;width:100%;height:30px;border-bottom:1px solid #888;background:#F4FCF2;font-size:110%;text-indent:10px;border-top-left-radius:10px;border-top-right-radius:10px;}
.commentTxt	{float:left;min-height:80px;padding:10px;font-size:100%;line-height:36px;}
.commentBox 	{margin-top:40px;}

/* -------------- MISC --------------- */
.pad15	{margin:15px;}
form	{margin:0;}
form input, form textarea 
	{border:1pt solid #709883;}
.must	{color:#FF0000;font-size:10pt;font-family:arial;}
.centerTxt	{display:block;margin:0 auto;text-align:center;clear:both;}

.conv	{color:#709883;border-bottom:1pt dashed #709883;font-size:1.0em;}
.conv:hover, .conv3, .conv4, .conv-dwm-5, .conv-dwm-5:hover,
.conv-dwm, .conv-dwm-6
	{text-decoration:none;}
.conv3, .conv4	{color:#666;font:9pt verdana;border-bottom:1px dashed #709883;}
.conv4	{font-size:90%;}
.conv-dwm	{color:#709883;font:12pt verdana;border-bottom:1px dashed #709883;}
.conv-dwm-5	{color:#ff5900;border-bottom:1px dashed #ff5900;}
.conv-dwm-5:hover	{color:#ff5900;}
.conv-dwm-6	{color:#666;font:12pt verdana;border-bottom:1px dashed #709883;}
.conv3:hover, .conv-dwm-6:hover
	{color:#000;}
#coUS	{display:inline-block;color:#888;font-size:80%;margin:0 0 0 26px;}

/* -------------- Button styling --------- */
	  /* --- single big button orange to light green - see bigBtn in site.css -- */
.bigBtn-v	{width:200px;height:24px;color:#ff5900;border:1px solid #b00000;background-color:#FFAF27;border-radius:8px;text-align:center;}
.bigBtn-v a, .bigBtn a:hover
	 {display:block;line-height:24px;color:#fff;text-decoration:none;}
.bigBtn-v:hover, .bigBtn-sv:hover
	{background-color:#b2c629;color:#fff;text-decoration:none;}
.bigBtn-sv	{height:30px;width:300px;margin:10px auto 0;background:#FFAF27;color:#ff5900;border:1px solid #b00000;text-align:center;border-radius: 8px;clear:both;}
.bigBtn-sv a	{display:block;width:100%;line-height:30px;color:#fff;font-family:verdana;font-weight:bold;text-decoration:none;}
.bigBtn-sv a:hover	{line-height:30px;}

.v-close	{background-color:#fff}
.v-close a	{color:#ff5900;}
.v-close a:hover{color:#fff;}

.bigBtn-dwm 	{height:20px;width:300px;margin:10px auto;background-color:#9ebeac;border:1px solid #3e7558;text-align:center;}
.bigBtn-dwm a	{display:block;line-height:20px;color:#fff;font-family:verdana;font-size:10pt;font-weight:bold;text-decoration:none;}
.bigBtn-dwm:hover	{background-color:#b2c629;text-decoration:none;}

.txtBtn, .txtBtnLg	{background:#FFC86A;border-radius:8px;padding:0 10px;font-size:90%;color:#000;}
.txtBtnLg	{padding:2px 15px;font-size:100%;border-radius:12px;}
.txtBtnLg:hover	{background:#FFAC29;text-decoration:none;}
.dtls	{display:block;text-align:center;margin-bottom:10px;}

/* -------------- Single video page layout --------- */
video	{z-index:100;} /* was 600 */
.video-solo 	{float:left;width:100%;text-align:center;margin-bottom:10px;}
.video-solo .shadow-solo {
	float:left;margin:15px;
	-webkit-box-shadow: 0 0 10px 8px #888;
	   -moz-box-shadow: 0 0 10px 8px #888;
	        box-shadow: 0 0 10px 8px #888;
	border: 1px solid #fff; 
	}
#vSolo	{float:left;width:100%;max-width:670px;}
#vSoloTop, #vSoloBase
	{float:left;width:100%;text-align:center;}
#vSoloBase	{line-height:30px;margin:0 0 15px 0;text-align:left;}
#vSoloBase .label	{float:left;width:280px;text-align:right;margin-right:6px;display:block;}
#vSoloBase a.btn, #vSoloBase .btn, .v-info .btn
	{display:inline-block;color:#444;background:url('images/poster-thumbs-button.png');width:94px;height:29px;margin:1px 2px;text-align:center;line-height:26px;font-weight:bold;cursor:pointer;font-size:9pt;}
#vSoloBase .btn:hover, #vSoloBase .btn:hover, .v-info .btn:hover
	{color:#000;background:url('images/poster-thumbs-button-hover.png');text-decoration:none;}
.bigBtn-dwm	{margin:10px auto 20px auto;width:220px;}
.oneBtn2	{margin:30px auto 0 auto;width:200px;}
.txt9	{font-size:9pt;}
.page-subtitle2	{color:orange;}
.base-txt	{width:100%;max-width:670px;}


/* -------------- Multiple video or video previews page layout --------- */

.vArray	{float:left;clear:both;margin:0 0 0 7%;}
.vArray .v-box	{float:left;width:200px;height:196px;margin:10px 5px;background:#C9DED3;border:5px solid #C9DED3;-moz-box-shadow: 0 0 0 1px #709883;-webkit-box-shadow:0 0 0 1px #709883;box-shadow: 0 0 0 1px #709883;-webkit-border-radius:5px; -moz-border-radius:5px;border-radius:5px;font-family:arial;font-size:9pt;}
.vArray .v-box img 	{margin-bottom:5px;}
.vArray a.btn	{color:#444;float:left;width:94px;height:29px;margin:4px 2px;text-align:center;line-height:26px;font-weight:bold;background:url('images/poster-thumbs-button.png');font-size:9pt;}
.vArray a.btn:hover	{color:#000;background:url('images/poster-thumbs-button-hover.png');text-decoration:none;}
.vArray .shadow-sbar{height:210px;background:#C9DED3;}
.vArray .v-info	{clear:left;color:#444;line-height:24px;font-size:130%;}
.vArray .label	{width:80px;text-align:right;margin-right:10px;display:inline-block;}
.vArray .title	{width:100%;text-align:center;}


/* -------------- VIDEO SALES page styling --------------- */
.titleBox	{border:2px solid green;background:#B6ED8B;
	width:380px;height:30px;margin:0 auto 10px; 
	text-align:center;color:#3B4636;font:bold 14pt verdana;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius: 12px;
	-ms-border-radius: 12px;
	border-radius: 12px;
}
#calloutV	{display:none;position:fixed;z-index:1100;top:50%;left:50%;
	width:630px;height:450px;
	border:2px solid #ff5900;background:#fff;
	 font-size:14pt;font-weight:bold;color:#ff5900;
	-moz-box-shadow: 0px 0px 20px #333;
	-webkit-box-shadow: 0px 0px 20px #333;
	-o-box-shadow: 0px 0px 20px #333;
	-ms-box-shadow: 0px 0px 20px #333;
	box-shadow: 0px 0px 20px #333;
	}
#calloutV video
	{margin-bottom:10px;}
#calloutV .btnBox
	{width:90%;max-width:300px;height:56px;margin:0 auto;}
#calloutV .bigBtn .bigBtn-v-close	
	{float:left;width:200px;margin:15px 5px;}
#calloutV .bigBtn-v	
	{display:inline-block;width:45%;height:26px;max-width:200px;margin:15px 5px;}
#calloutV .bigBtn-v	a
	{line-height:24px;}
#calloutV #cv_title
	{margin-top:10px;letter-spacing:1px;}

/* -------------- CONVERT BOX STYLING msfa override --------------------- */
.defttl	{color:#2A4F3C;background-color:#b2c629;}
.defbox	{color:#35624A;}
.deflink	{color:#ff5900;}
.menuskin	{border:2px solid #2A4F3C;background-color:#fffff3;}

/* -------------- CHECKOUT CALLOUT call --------------------- */
 #help	{float:right;width:30px;height:30px;color:#b00000;border:1px solid #b00000;border-radius:15px;text-align:center;}
 #help:hover	{color:#fff;background:#b00000;cursor:pointer;}

/* ------------- RETAIL TRANSCRIPT OPTION ------------------- */
#collapseHead	{float:left;width:100%;line-height:30px;text-indent:20px;margin-top:60px;background:#fff;border:1px solid #aaa;color:#aaa;cursor:pointer;}
#collapseHead:hover {color:#333;}
#collapseHead #v{float:right;width:60px;height:30px;background:url(../images/collapse_down.gif) no-repeat;margin-right:10px;}
#trans		{float:left;width:98%;margin:0 0 20px 9px;padding:0 10px;font-family:arial;overflow:auto;}
#trans ul	{line-height:20px;margin:15px 0 10px 20px;}
#trans ul li	{font-size:90%;font-family:arial;}
.slideup, .slidedown{max-height: 0;overflow-y: hidden;
            -webkit-transition: max-height 0.5s ease-in-out;
            -moz-transition: max-height 0.5s ease-in-out;
            -o-transition: max-height 0.5s ease-in-out;
            transition: max-height 0.5s ease-in-out;
	}
.slidedown	{max-height:600px;}

/* -------------- GLOBAL MEDIA QUERIES --------------------- */
@media screen and (max-width: 1064px) { /* cancels site.css */ 
  #pageContent	{margin:0;}

}
@media screen and (max-width: 1180px) { /* MEMBERS promo */
  .promoR	{display:none;}
  .promoR-min	{display:block;} 
  .promoR-min .bigBtn-sv{margin:0 0 0 30px;}
}
@media screen and (max-width: 850px) {
  #topnav	{width:96%;margin:0 2%;}
  #topnav ul li	{width:23%;}
  .promoR-min	{width:96%;margin:0 0 30px 2%;}
  #comment #commentTA{width:100%;height:200px;margin:4px 0 0 0;}
}
@media screen and (max-width: 760px) {
  #topnav ul li ul li{width:100%;top:0;}
}
@media screen and (max-width: 630px) {
  #showComments	{width:98%;margin:10px 0 30px 1%;}
  .commentBox	{width:98%;margin:10px 0 0 1%;}
}
@media screen and (max-width: 550px) {
  #navbar  	{position:absolute;} /* freeze main site nav */
  #dwm-header 	{height:150px;margin-top:50px;}
  #topnav	{display:none;}
  #dwm_min	{display:block;width:100%;margin:20px 0 0 0;}
  #navMin	{display:block;width:100%;top:-350px;}
  #comment .label	{float:left;text-align:left;}
  #comment input	{width:90%;}
  #comment #submitBtn{width:60%;margin:0 0 0 20%;} 
  .promoR-min	{width:92%;margin:10px 0 30px 4%;}
  .promoR-min .bigBtn-sv{margin:0;}
}
@media screen and (max-width: 440px) {
  #dwm-header 	{height:120px;}
  #logo-full	{display:none;}
  #logo-fone	{display:block;}
  #dwm_min	{margin-top:10px;}
  #comment .captxt	{width:100%;margin:10px 0;} 
  #comment .capcode	{margin:0 0 0 5px;}
  .bigBtn-sv, .titleBox
	{width:90%;margin-left:5%;}
  .titleBox	{font-size:97%;}
  .promoR-min	{width:98%;margin:10px 0 30px 1%;}
}