/*
/ This is the MAS custom css styling for the www.mav7.com website.
/ This css is loaded in the head section of the web site via the theme settings
/ in the Wordpress Admin area.
*/                            

/*------------------------------------------------*/
/*--------------[GENERAL CLASSES]-----------------*/
/*------------------------------------------------*/
.greybox {border: 1px solid #CDCCCC; padding:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#frm_field_541_container{width:47% !important; margin-right: 1% !important;}
#frm_field_542_container {width:47% !important;}

/*------------------------------------------------*/
/*---------------[DOWNLOAD PAGE]------------------*/
/*------------------------------------------------*/
.vertline {border-left: 1px solid #CDCCCC; display: inline-block; float: left; height: 245px; margin: 0; width: 1px;}
.vertline_right {border-left: 1px solid #FFFFFF; display: inline-block; float: left; height: 245px; margin: 0 -1px; width: 1px;}
#newtrial, #dlinstructions, #existingclient {-moz-box-shadow: -5px 5px 15px #444;-webkit-box-shadow: -5px 5px 15px #444;box-shadow: -5px 5px 15px #555;}
#newtrial, #memlogin, #dlinstructions, #existingclient, #extra_email_instructions {background-color: #EBEBEB; border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; margin: 10px 0 0; min-height: 166px; padding: 10px;}
#dlinstructions, #newtrial, #existingclient {margin: 10px 0 30px 0;}
#newtrial h4, #memlogin h4, #existingclient h4 {color: #333333; margin-bottom: 5px;}
#newtrial td, #memlogin td, #existingclient td {padding-top: 7px;}
#newtrial .countrydropdown {background-color: #FFFFFF; border: 1px solid #D4D2D2 !important; border-radius: 8px 8px 8px 8px !important; color: #303030 !important; margin: 0 !important; padding: 4px 0 4px 0px !important; width: 360px;}
#newtrial .countrydropdown select{background-color: transparent; border: medium none; margin: 0; padding: 2px; width: 290px; -webkit-appearance:none;}
#usernametip {display: none; height: 50px; padding: 10px; visibility: visible; width: 250px;}
.dlsteps ul {padding-left: 0px !important;}
.dlsteps ul li { list-style: none outside none !important; padding: 5px 0 0 55px !important; height: 48px; display:block;}   
li.step1 {background: url("/web_services/website/www.mav7.com/img/li_step1.png") no-repeat scroll 0 0;}
li.step2 {background: url("/web_services/website/www.mav7.com/img/li_step2.png") no-repeat scroll 0 0; line-height:33px;}
li.step3 {background: url("/web_services/website/www.mav7.com/img/li_step3.png") no-repeat scroll 0 0;}
.downloadbutton {float:right; margin: 20px 10px 0 30px; opacity:0.8}
.downloadbutton:hover {opacity:1}
#dloptions {display: inline-block; width:100%; margin-top: 15px;}

/*------------------------------------------------------*/
/*---------------[FRONT FEATURES PAGE]------------------*/
/*------------------------------------------------------*/
.slide a.nakedpromo{color:#555; text-decoration:none;}

/*------------------------------------------------------*/
/*---------------[TRIAL BUTTON IN MENU]-----------------*/
/*------------------------------------------------------*/

ul#top-menu > li.trynow { background:url(../img/menu-nav-trial1.png) no-repeat scroll right bottom transparent; padding:0 15px 0 0; }
			ul#top-menu > li.trynow > a { color: #ffffff; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); background:url(../img/menu-nav-trial1.png) no-repeat scroll 0 0 transparent; display:block; height:29px; line-height:27px; padding:0 0 0 15px; }

/*------------------------------------------------------*/
/*--------------------[TRIAL PAGE]----------------------*/
/*------------------------------------------------------*/
#phonetip {display: none; visibility: visible; padding: 10px; width: 250px; height: 50px;}
#verifyemailtip {display: none; visibility: visible; padding: 10px; width: 250px;}
#newclientfrm tr td:nth-child(odd){padding-right: 15px;}

/*------------------------------------------------------*/
/*--------------[SERVICE LEVEL PAGE]--------------------*/
/*------------------------------------------------------*/
#serviceselector h3.title, #dataselector h3.title{color: #333;}
#dataselector tr td, #serviceselector tr td {padding: 5px 0 5px 0;}
#dataselector tr:first-child td, #serviceselector tr:first-child td {border-bottom: 1px solid #CDCCCC;}
#dataselector tr:nth-child(2) td, #serviceselector tr:nth-child(2) td{padding-top: 15px;}
#dataselector tr:nth-child(n+2) td:nth-child(2), #dataselector tr:nth-child(n+2) td:last-child, #serviceselector tr:nth-child(n+2) td:nth-child(2), #serviceselector tr:nth-child(n+2) td:last-child  {font-weight: bold; font-size: 14px;}
#dataselector tr:nth-child(n+2) td:nth-child(3), #serviceselector tr:nth-child(n+2) td:nth-child(3) {font-style: italic;}
#serviceselector {margin-bottom: 25px;}
#serviceselector tr:nth-child(4) td:nth-child(n+1) {padding: 15px 0 5px 0;}
.servicedesc {font-size: 10px; font-weight:normal;}
#psdesc, #tsdesc, #hdfex {display:none;}
#serviceselector h4, #dataselector h4 {color: #000; margin-bottom: 10px;}

/*-----------------------------------------------*/
/*--------------[VIDEO PAGES]--------------------*/
/*-----------------------------------------------*/
#masvideogal {margin: 15px 0 0 0;}
#masvideogal img, #dw img{border:none;}
#masvideogal img[src*="hqdefault"], #dw img[src*="hqdefault"]{height:360px;}
#masvideogal .crop{float:left; margin:.5em 10px .5em 0; overflow:hidden; border:0px solid #ccc; height: 270px; -webkit-box-shadow: 0px 3px 8px rgba(50, 50, 50, 0.75); -moz-box-shadow:0px 3px 8px rgba(50, 50, 50, 0.75); box-shadow:0px 3px 8px rgba(50, 50, 50, 0.75);}
#dw .crop{margin:.5em 10px .5em 0; overflow:hidden; border:0px solid #ccc; height: 270px; -webkit-box-shadow: 0px 3px 8px rgba(50, 50, 50, 0.75); -moz-box-shadow:0px 3px 8px rgba(50, 50, 50, 0.75); box-shadow:0px 3px 8px rgba(50, 50, 50, 0.75);}
#masvideogal .crop img, #dw .crop img{margin:-45px -0px -45px 0px;}
.viddesc {margin: 15px 0; display: inline-block;}
.text-content{line-height: 1.2em;}
.short-text {overflow: hidden; height: 2.3em;}
.full-text{height: auto;}
.show-more{text-align:center; border-top: 1px solid #CCCCCC; height:1px; margin:20px 0; display:inline-block;}
.show-more div{color:#999; vertical-align: middle; font-weight:bold; display:inline-block; font-weight:bold; margin: -13px 180px 10px 200px; padding:3px; width:90px; background-color: #f2f2f2; border: 1px solid transparent; outline: 0 none;}
.show-more div:hover{color:#555; vertical-align: middle; font-weight:bold; border:1px solid #ccc; padding:3px; background:none repeat scroll 0 0 #FFFFFF; cursor:pointer;}
#masvideogal h4.title {color:#666;}
#masvideogal h3.title {
    -o-text-overflow: ellipsis;   /* Opera */
    text-overflow:    ellipsis;   /* IE, Safari (WebKit) */
    overflow:hidden;              /* don't show excess chars */
    white-space:nowrap;           /* force single line */
    width: 465px;                 /* fixed width */
}
#masvideogal h3.title:hover {overflow:visible; white-space:normal;}
#masvideogal .vjs-poster, #dw .vjs-poster {-webkit-box-shadow: 0px 3px 8px rgba(50, 50, 50, 0.75); -moz-box-shadow:0px 3px 8px rgba(50, 50, 50, 0.75); box-shadow:0px 3px 8px rgba(50, 50, 50, 0.75);}
#masvideogal .floatbox .vjs-big-play-button, #dw .floatbox .vjs-big-play-button{margin: 70px 0 0 160px;}

#masvideogal .vjs-default-skin div.vjs-big-play-button, #dw .vjs-default-skin div.vjs-big-play-button {background: #454545; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDU0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzIzMjMyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzE2MTYxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjNmM2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #454545 0%, #232323 50%, #161616 51%, #3f3f3f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#454545), color-stop(50%,#232323), color-stop(51%,#161616), color-stop(100%,#3f3f3f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #454545 0%,#232323 50%,#161616 51%,#3f3f3f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #454545 0%,#232323 50%,#161616 51%,#3f3f3f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #454545 0%,#232323 50%,#161616 51%,#3f3f3f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #454545 0%,#232323 50%,#161616 51%,#3f3f3f 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#3f3f3f',GradientType=0 ); /* IE6-8 */ 
}

/*-----------------------------------------------*/
/*---------------[UPDATES PAGE]------------------*/
/*-----------------------------------------------*/
ol.build-updates li {padding:5px !important;}
ol.build-updates li:nth-child(even) {background-color:#e6e6e6; padding:5px;}


/*--------------------------------------------------------*/
/*---------------[PRIVATE VIDEO GALLERY]------------------*/
/*--------------------------------------------------------*/
#prv-video-gallery-multi .rsThumb:hover {background: #000;}
#prv-video-gallery-multi .rsThumb.rsNavSelected {background-color: #0082E0;border-bottom:-color #02874A;}
#prv-video-gallery-multi .rsThumbsVer{width: 220px;}
#prv-video-gallery-multi .rsThumbs .rsThumb {width: 220px;height: 90px;border-bottom: 1px solid #2E2E2E;}
#prv-video-gallery-multi .rsTmb h5{font-weight:bold;}
#prv-video-gallery-multi .rsTmb {padding: 15px;}
#prv-video-gallery-multi {width: 100%;height: 416px;text-shadow: none;margin: 0 0 25px 0;}
#prv-video-gallery-multi {width: 100%;height: 416px;text-shadow: none;margin: 0 0 25px 0;}
#prv-video-gallery-single {width: 960px;height: 540px;text-shadow: none;margin: 0 0 25px 0;}
#prv-video-gallery-single .infoBlockLeftBlack {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);color: #FFFFFF;left: 30px;right: auto;}
#prv-video-gallery-single .infoBlock {max-width: 33%;overflow: hidden;padding: 20px;position: absolute;top: 30px;}
#prv-video-gallery-single .infoBlock h4 {color: #FFFFFF;font-size: 20px;font-weight: bold;line-height: 1.2;margin: 0;padding-bottom: 3px;}
#prv-video-gallery-single .infoBlock p {font-size: 14px;font-weight:bold;margin: 4px 0 0;}
#prv-video-gallery-single .infoBlock a {color: #FFFFFF;text-decoration: underline;}
#prv-video-gallery-single #mediaplayersingle .loadingnote, #prv-video-gallery-multi #mediaplayermulti .loadingnote{margin:20px 0 0 15px;}

/*--------------------------------------------------------*/
/*---------------[CUSTOMER SURVEY PAGE]-------------------*/
/*--------------------------------------------------------*/
#customer-survey-table {margin: 25px 0 0 0;}
#customer-survey-table tr td {padding:5px 0 5px 0;}
#customer-survey-table tr td:nth-child(1) {font-weight:bold;}
#customer-survey-table tr td:nth-child(2) {padding:5px 0 5px 50px;}
#customer-survey-table a.small-button {float:right;}

/*----------------------------------------------*/
/*--------------[EVENTS PAGES]------------------*/
/*----------------------------------------------*/

#eventstable thead tr {border-bottom: 1px solid #cdcccc;}
#eventstable thead tr th {padding:10px; font-size:16px;}
#eventstable td {padding:10px; font-size:12px;}
#eventstable tbody tr:nth-child(2n+1) {background-color:#eee;}