﻿/* |===============| */
/* |== IPAGE NEW ==| */
/* |===============| */

.ipagebody{background-color: #EFEFEF;	margin: 0;	padding: 0;}
#ipage{margin:auto;width:1000px; background:#FFFFFF; color:#333 !important;}

.shadow {-moz-box-shadow:3px 3px 5px 6px #ccc;-webkit-box-shadow:3px 3px 5px 6px #ccc;box-shadow:3px 3px 5px 6px #ccc;}
.shadowIE {border:1px solid #ccc\9;}

#ipage-top{ margin-top:0px;}
#ipage-top-logo img{width:100%;}
#ipage-bot{ margin-top:5px;}

#ipage-mid {margin: 0 auto;width: 100%; padding-top:20px;}
#ipage-mid-mid{ margin-left:5px; margin-right:5px;}
#ipage-mid-table{width:100%; }
#ipage-mid-table-col1{ vertical-align:top;width:24%;}
#ipage-mid-table-col2{ vertical-align:top;  padding-right: 10px;}
#ipage-mid-table-col3{ vertical-align:top; display:none;}
#ipage-mid-top{text-align: center;}

#ipage-col-stories { text-align:center;background:#efefef; }
#ipage-col-stories .col-header{  font-size:24px; margin-top:0; color:#F00;}
#ipage-col-stories p {font-size:18px; padding-bottom:60px;}
#ipage-col-stories img { width:200px;}

.containerHeaderB{background:url("../images/cssImages/bg-b2.png") repeat-x scroll left center #5471A9;color:#ffffff; text-align:center; font-size:18px; font-weight:bold; padding:5px 8px;}
/* ######################### Left Bar  PART ====================================================== */
#leftstrip{ float:left; width:240px; margin-left:13px; background:#eeeeff; padding: 5px; position:relative;}
#leftstripXXX h1{ text-align:center; font-size:18px;}
#leftstrip h2{ text-align:center; font-size:16px; color:#006600;}
.leftstrip-item{border-bottom: #006600 double;}
.leftstrip-item-img{ text-align:center;width:200px; } /*width:150px;*/
.leftstrip-item-desc{padding-left: 5px;padding-right: 5px;font-size: 10pt; }

/*----- Questionaries ----*/
#Qtable { margin:10px auto auto;background:#f5FFf8;  border: 7px double #278004; font-family:Arial;}
#Qtable td { vertical-align:middle; padding:5px;border: 1px solid #999999;}
#Qtable label, #ajaxform label { display:block; padding-bottom:2px; font-weight:bold;}
#Qtable tr td:first-child {background: none repeat scroll 0 0 #FFFFFF;}
#ajaxform ol li {padding-bottom: 10px;}


#ipage-presentation {text-align:center;border:0px solid #ccc;display: block; }

#ipage-video-container {margin:auto;}
      
      
#ajax-container{ text-align:center; }
/*.ipage-video{width:700px; height:390px; border:1px solid #ddf;}*/
#ipage-video{ width:733px; height:390px; background-color: #9EB91C;border: 2px solid #FFFFFF;outline: 1px solid #DDDDDD;padding: 15px 0;text-align: center;}
#ajax-video{ background-color: #9EB91C;border: 2px solid #FFFFFF;outline: 1px solid #DDDDDD;padding: 15px 0;text-align: center;}
#ajax-video{ background-color: #9EB91C;border: 2px solid #FFFFFF;outline: 1px solid #DDDDDD;padding: 15px 0;text-align: center;}

#ipage-under-video-tbl{ width:98%;}
#ipage-under-video-tbl-td1{ vertical-align:top; width:80%; text-align:center;}
#ipage-under-video-tbl-td2{ vertical-align:top; width:20%; text-align:center;}


#ipage-video-menu ul {margin: 0 !important;padding: 0 !important;}
#ipage-video-menu li.vactive {background-color: #DDDDDD; color:#900;}
#ipage-video-menu li{background-color: #999999;border-top: 1px solid #666666;color: #006;cursor: pointer;font-size: 12px;height: 150px;list-style-type: none;padding: 10px;width: 120px;list-style-type: none;float:left;}

#ipage-video-menu { text-align:center; margin-left:auto; margin-right:auto; margin-top:0; width:600px;}


#ipage-video-menu li img{ width:90%;}

#ipage-presentation:after {clear: both;content: " ";display: block;height: 0;visibility: hidden;}
#ipage-presentation li{ padding:5px;}
.hr-bot {background: none repeat scroll 0 0 #9EB91C;border: 0 none;color: #9EB91C;height: 5px; margin-bottom:20px; margin-top:20px;}






.userIMG { height:100px !important;padding: 10px;}
.blockHeader { cursor:pointer;text-decoration:underline;}
.blockHeader:hover{ background:#ff0; }







/* === overlay CSS == */
/* the overlayed element */
.apple_overlay {
    /* initially overlay is hidden */
    display:none;

    /* growing background image */
    background-image:url(/images/cssImages/white.png);

    /*
      width after the growing animation finishes
      height is automatically calculated
      */
    width:640px;

    /* some padding to layout nested elements nicely  */
    padding:20px 35px;

    /* a little styling */
    font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
    background-image:url(/images/cssImages/close.png);
    position:absolute; right:-5px; top:-5px;
    cursor:pointer;
    height:35px;
    width:35px;
    display:block;
}

    /* use a semi-transparent image for the overlay */
  #overlay {
    /*background-image:url(/images/cssImages/transparent.png);*/
    background: #004E98;
    color:#efefef;
    /*height:450px;*/
  }
  /* container for external content. uses vertical scrollbar, if needed */
  div.contentWrap {
    height:450px;
    overflow-y:auto;
  }

.yt-video{ width:500px; height:281px;}

/* ============ IPAGE OLD =======  */

#container{margin:auto;width:1000px; background:#FFFFFF;}







#nav{}
#content{float:right; width: 725px; margin-right:5px;}


#movie{ text-align:center; }
#downmovie{}
#right {float: right;width: 250px;}
#left {float: left;width: 250px;}
.blurb {border-top: 1px solid #EDEDED;margin-top: -32px;}
.blurb {background-color: #FFFFFF;border-radius: 6px 6px 6px 6px;box-shadow: 0 1px 3px #999999;margin: 12px 0 24px;padding: 12px 24px;}


/* root element for tabs  */
ul.css-tabs {
    margin:0 !important;
    padding:0;
    height:30px;
    border-bottom:1px solid #666;
}

/* single tab */
ul.css-tabs li {
    float:left;
    padding:0;
    margin:0;
    list-style-type:none;
}

/* link inside the tab. uses a background image */
ul.css-tabs a {
    float:left;
    font-size:13px;
    display:block;
    padding:5px 30px;
    text-decoration:none;
    border:1px solid #666;
    border-bottom:0px;
    height:18px;
    background-color:#efefef;
    color:#777;
    margin-right:2px;
    position:relative;
    top:1px;
    outline:0;
    -moz-border-radius:4px 4px 0 0;
}

ul.css-tabs a:hover {
    background-color:#F7F7F7;
    color:#333;
}

/* selected tab */
ul.css-tabs a.current {
    background-color:#ddd;
    border-bottom:1px solid #ddd;
    color:#000;
    cursor:default;
}


/* tab pane */
.css-panes div {
    display:none;
    border:1px solid #666;
    border-width:0 1px 1px 1px;
    min-height:150px;
    padding:15px 20px;
    background-color:#ddd;
}







/* ============ IPAGE PREV =======  */


#ipageContainer{margin:auto;width:995px; background:#FFFFFF;}

#ipageHeader{ z-index:1;}
#ipageMenu{ z-index:1;}
#ipageLogo{ z-index:1;}
#ipageLogo img{width:100%;}
#ipageSeparetor{ z-index:1;}

#ipageBody{ z-index:1;}
#ipageBodyHeader{ padding-top:10px;}

#ipageFooter{ z-index:1;}

.shadow {-moz-box-shadow:3px 3px 5px 6px #ccc;-webkit-box-shadow:3px 3px 5px 6px #ccc;box-shadow:3px 3px 5px 6px #ccc;}
.shadowIE {border:1px solid #ccc\9;}

#ipageMovie{background-image:url("/images/ipage/videoBG.jpg"); direction:ltr; background-size: 100%;background-repeat:no-repeat;width:995px;height:520px;margin:auto;}
#ipageMovieHolder{position: relative; top: 55px;left: 112px; width: 754px; height: 418px; border: 0;}

.ipageBodyBlock{ padding:20px;}



/* type=650 */
.ipageDivMain650{background-image:url("/images/ipage/he-LP650.jpg"); direction:ltr; background-size: 100%;background-repeat:no-repeat;width:995px;height:600px;margin:auto;}
.ipageDivMovie650{position: relative; top: 171px;left: 478px; width: 400px; height: 220px; border: 0;}
.ipageDivForm650 {position: relative; top: 235px;left: 150px; width: 350px; border: 0;}

/* .ipageDivForm1 table{ margin:auto;} */
.ipageDivForm650 table { font-size:11pt;}
.ipageDivForm650 input[type=text]{width:210px;  background:#FCEDC2;}
.ipageDivForm650 input[type=email]{width:210px; direction:ltr; background:#EFF359;}


/* type=640 */
.ipageDivMain640{background-image:url("/images/ipage/he-LP640.jpg"); direction:ltr; background-size: 100%;background-repeat:no-repeat;width:995px;height:600px;margin:auto;}
.ipageDivMovie640{position: relative; top: 171px;left: 478px; width: 400px; height: 220px; border: 0;}
.ipageDivForm640 {position: relative; top: 464px;left: 150px; width: 350px; border: 0;}

/* .ipageDivForm1 table{ margin:auto;} */
.ipageDivForm640 table { font-size:11pt;}
.ipageDivForm640 input[type=text]{width:210px;  background:#FCEDC2;}
.ipageDivForm640 input[type=email]{width:210px; direction:ltr; background:#EFF359;}



input.invalid {   background:url("/images/unchecked.gif") no-repeat 100% 50% #FFE1E3 !important;} 
input.okvalid {  background:url("/images/checked.gif") no-repeat 100% 50% #FCEDC2 !important;} 


.formLabel{ font-size:11pt; font-weight:bold;}
.formField input{ font-size:10pt; font-weight:bold; padding-right:16px; padding-left:16px;}


/*------------Video1 Page  ---------*/
.ipageDivMain_v1{background-image:url("/images/ipage/he-videologo.jpg"); direction:ltr; background-size: 100%;background-repeat:no-repeat;width:995px;height:600px;margin:auto;}
.ipageDivMovie_v1{position: relative; top: 0px;left: 122px; width: 754px; height: 418px; border: 0;}
#ipageDivMainHeader_v1{ height:123px; padding-top:10px;}

/*------------Video2 Page  ---------*/

.ipageDivMain_v2{background-image:url("/images/ipage/he-videologo.jpg"); direction:ltr; background-size: 100%;background-repeat:no-repeat;width:995px;height:600px;margin:auto;}


.divContent_v3{text-align: center; padding-bottom:60px; padding-top:10px;}




div.ipageBlockHeader
div.transbox
  {
  width:400px;
  height:180px;
  margin:30px 50px;
  
  border:1px solid black;
  opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
  }
  div.transbox p
  {
  margin:30px 40px;
  font-weight:bold;
  color:#000000;
  }
  
  .semiWhite
  {background-color:#ffffff;
       opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
  }


/* ============================================================================================================ */
/* ============================================= B R A S I L =================================================== */
/* ============================================================================================================ */




/*------------Landing Page BR0 ---------*/


.ipageDivMainBR1{background-image:url("/images/ipage/LP1.jpg"); direction:ltr; background-size: 100%;background-repeat:no-repeat;width:995px;height:600px;margin:auto;}
.ipageDivMovieBR1{position: relative; top: 170px;left: 479px; width: 401px; height: 223px; border: 0;}
.ipageDivFormBR1 {position: relative; top: 230px;left: 160px; width: 330px; direction:ltr; border: 0;}

/* .ipageDivForm1 table{ margin:auto;} */
.ipageDivFormBR1 table { border-spacing: 0;}
.ipageDivFormBR1 table td { padding: 6px 5px 0; border:none;}
.ipageDivFormBR1 input[type=text]  {width:240px; padding:0 16px 0 5px; direction:ltr; font-size:10pt; background:#FCEDC2; }
.ipageDivFormBR1 input[type=email] {width:240px; padding:0 16px 0 5px; direction:ltr; font-size:10pt; background:#FCEDC2;  }
.ipageDivFormBR1 input[type=button]{width:114px; direction:ltr; font-size:10pt; background:none repeat scroll 0 0 transparent; border:none; float:right; height:30px; cursor:pointer; }
/*.ipageDivFormBR1 input[type=submit]{width:114px; direction:ltr; font-size:10pt; background:none repeat scroll 0 0 transparent; border:none; float:right; height:30px; cursor:pointer; }*/
.ipageDivFormBR1 button { color:#000099;}


/* --- Next Page (after subscribe) Brasil --- */
.ipageDivMainBR2{background-image:url("/images/ipage/videoLogo.jpg"); direction:ltr; background-size: 100%;background-repeat:no-repeat;width:995px;height:600px;margin:auto;}
.ipageDivContentBR2{position: relative; top: 133px;left: 101px; width: 675px; height: 380px; border: 0; padding:20px 40px;}

/*************   -----------------   ************/

.hiddenlabel { visibility: hidden; }


/*------ validation errors ----color: #EA5200; */
.ipageDivFormBR1a input.invalid {   background:url("/images/unchecked.gif") no-repeat 100% 50% #FFE1E3;}
.ipgeDivFormBR1 input.okvalid {  background:url("/images/checked.gif") no-repeat 100% 50% #FCEDC2;}



/*------------Video1 Page  ---------*/


.ipageDivMainBR_v1{background-image:url("/images/ipage/video1.jpg"); direction:ltr; background-size: 100%;background-repeat:no-repeat;width:995px;height:600px;margin:auto;}
.ipageDivMovieBR_v1{position: relative; top: 133px;left: 101px; width: 754px; height: 418px; border: 0;}

/*------------Video2 Page  ---------*/

.ipageDivMainBR_v2{background-image:url("/images/ipage/video2.jpg"); direction:ltr; background-size: 100%;background-repeat:no-repeat;width:995px;height:780px;margin:auto;}

/*------------Video3 Page  ---------*/

.ipageDivMainBR_v3{background-image:url("/images/ipage/video850.jpg"); direction:ltr; background-size: 100%;background-repeat:no-repeat;width:995px;height:850px;margin:auto;}


.ipageDivTop_v3{text-align: center; position: relative; top: 0px; height:134px;}
.ipageDivMovieBR_v3{position: relative; top: 0px;left: 101px; width: 754px; height: 418px; border: 0;}
.divContentBR_v3{text-align: center; padding-bottom:60px;}



#formdiv3 { padding-bottom:40px;}
#formdiv3 table{ margin:auto;}
#formdiv3 input[type=text]{width:200px;}
#formdiv3 input[type=email]{width:200px; direction:ltr;}
#formdiv3 button { color:#000099;}
#formDiv3 td{}
/* .formLabel { text-align:right;} */
.tblForm1{ background:#efefef; border:1px solid #aaa; }

#formdiv3 input.invalid {   background:url("/images/unchecked.gif") no-repeat 100% 50% #FFE1E3;}
#formdiv3 input.okvalid {  background:url("/images/checked.gif") no-repeat 100% 50% #FCEDC2;}



/* ---- from Master --- */

#center_doc{text-align:center;width:100%;}
#doc{margin:auto;width:926px;background:url("../images/cssImages/docsides.png") repeat-y scroll 0 0 transparent;}
#top_site {height:15px; width:926px;background:url("../images/cssImages/topbot.png") no-repeat scroll 0 0 transparent;}
.hdr_content{margin: 0 13px 15px;top: 15px;text-align:center;}
#logo img { width:100%; cursor:pointer;}

#wrapper {width: 926px;}
#midstrip{margin: 0 8px;padding-left:5px;padding-right:5px;width:900px; position:relative;}
#pageBody{ padding:0 10px;}
#dp-footer{clear: both;text-align:center;}
#dp-footer span{font-size: 14px;color: #000099;}
#dp-footer_content{border-top:1px solid #DFE5D5;width:910px;display:block;padding-top:5px;margin-left:8px; margin-top:20px; margin-right:8px;background:url("../images/cssImages/ft_bg.gif") repeat-x scroll 0 0 transparent;}
#bottom_site {clear:both;font-size:1%;height:15px;width:926px;background:url("../images/cssImages/topbot.png") no-repeat scroll 0 -15px transparent;}






.shadow2X {
box-shadow:  
    0 0 0 2px #000,  
    0 0 0 3px #999,  
    0 0 0 9px #fa0,  
    0 0 0 10px #666,  
    0 0 0 16px #fd0,  
    0 0 0 18px #000;
}

.shadowedX {
-moz-box-shadow: 2px 2px 3px #969696;
-webkit-box-shadow: 2px 2px 3px #969696;
 box-shadow: 2px 2px 3px #969696;
}



.shadowX {
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
zoom: 1;
background-color: #fff;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

/*================================== MODAL Overlay Form =======================*/
 .modal {
    background-color:#fff;
    display:none;
    width:350px;
    padding:15px;
    /*text-align:left;*/
    border:2px solid #333;
    z-index:1000;
 
    opacity:1.0;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -moz-box-shadow: 0 0 50px #ccc;
    -webkit-box-shadow: 0 0 50px #ccc;
  }
 
  .modal h2 {
    background:url(/media/img/global/info.png) 0 50% no-repeat;
    margin:0px;
    padding:10px 0 10px 45px;
    border-bottom:1px solid #333;
    font-size:20px;
  }
  
  
  
  
/*\*/
/* .shadowIE {border:1px solid #ccc;}
background-color: #fff \9;
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#777777', Direction= 135, Strength=8);
*/
/*filter:
progid:DXImageTransform.Microsoft.DropShadow(color=#969696, offx=1, offy=1)
progid:DXImageTransform.Microsoft.DropShadow(color=#C2C2C2, offx=1, offy=1)
progid:DXImageTransform.Microsoft.DropShadow(color=#EFEFEF, offx=1, offy=1);
filter: progid:DXImageTransform.Microsoft.Shadow(color='#CCC', Direction=135, Strength=3);*/
/**/


/*#mainpage {background-image:url("/images/ipage/site.jpg") ;background-size: 100%;background-repeat:no-repeat;width:995px;height:600px;margin:auto;}
#moviediv{position: relative;height: 221px;width: 398px;left: 478px; top: 172px;}
#formdiv{position: relative; height: 97px; top: 236px; width: 352px; left: 163px;direction:rtl;}
#formdiv table{ margin:auto;}
#formdiv input[type=text]{width:200px;}
#formdiv input[type=email]{width:200px; direction:ltr;}
#formdiv button { color:#000099;}

*/