/* Prevent any scrolling in our window */
#google_apps_experience {
    margin: 0;
    padding: 0;
    overflow: hidden;
    border:1px solid #ccc;
}

#apps_close {
    background: #fff;
    border:1px solid #ccc;
    cursor: pointer;

    padding:10px;
    
    font-size:12px;
    position: absolute;
    font-family: 'Open Sans', sans-serif;
    right: 5px;
    text-align: center;
    top: 5px;
    width: 50px;
    z-index: 100;
}

.experience_container {
    /*border : 1px solid #ccc;*/
    height:552px;
    position:relative;
    margin: 0;
    /*margin: 40px auto;*/
    /*overflow: hidden;*/
    padding: 0;
    width: 980px;
}
.experience_container input{
     outline-style: none;
     outline: none;
     z-index:5;
}

.experience_container input:focus{
    border:1px solid #4d90fe;
     outline-style: none;
     outline: none;
}
.experience_container .labelTextInput{
    font-size:24px;
    width: 328px;
    position:absolute;
    top:240px;
    left:600px;
    padding: 2px 5px;
}


.experience_container .formsTextInput{
    font-size:19px;
    width: 368px;
    position:absolute;
    top:310px;
    left:178px;
    padding: 9px 15px;
}
.experience_container .formsTextInput:focus{
     border:2px solid #4d90fe;
}    
.experience_container .searchTextInput {
    font-size: 15px;
    border: 0px solid;
    height: 25px;
    width: 528px;
    position:absolute;
    top:16px;
    left:228px;
    padding: 2px 5px;
}
.experience_container .collaborateTextInput {
    font-size: 21px;
    border: 0px solid;
    height: 25px;
    width: 190px;
    padding: 2px 5px;
    outline: none;
    font-family: "Times";
    position:absolute;
    top:393px;
    left:222px;
}
.experience_container .driveFolderTextInput {
    font-size: 24px;
    border:2px solid #4d90fe;
    height: 25px;
    width: 140px;
    padding: 4px 5px;
    outline: none;
    font-family: "Arial";
    position:absolute;
    top:263px;
    left:256px;
}
.experience_container .driveFolderTextInput:focus {
  border:2px solid #4d90fe;
}

.experience_container .adminNameTextInput {
    font-size: 18px;
    border:2px solid #4d90fe;
    height: 18px;
    width: 156px;
    padding: 4px 5px 4px 5px !important;
    outline: none;
    font-family: "Arial";
    position:absolute;
    top:222px;
    left:609px;
    display:block;
}
.experience_container .adminNameTextInput:focus {
  border:2px solid #4d90fe;
}

.experience_container .adminFirstNameInput {
    font-size: 18px;
    border:2px solid #cccccc;
    height: 19px;
    width: 193px;
    padding: 4px 5px;
    outline: none;
    font-family: "Arial";
    position:absolute;
    top:228px;
    left:260px;
}
.experience_container .adminFirstNameInput:focus {
  border:2px solid #4d90fe;
}


.experience_container .adminLastNameInput {
    font-size: 18px;
    border:2px solid #cccccc;
    height: 19px;
    width: 193px;
    padding: 4px 5px;
    outline: none;
    font-family: "Arial";
    position:absolute;
    top:228px;
    left:514px;
}
.experience_container .adminLastNameInput:focus {
  border:2px solid #4d90fe;
}

.experience_container .adminUserNameInput {
    font-size: 18px;
    border:2px solid #cccccc;
    height: 19px;
    width: 193px;
    padding: 4px 5px;
    outline: none;
    font-family: "Arial";
    position:absolute;
    top:302px;
    left:260px;
}
.experience_container .adminUserNameInput:focus {
  border:2px solid #4d90fe;
}

.experience_container .collaborateTextInput:focus {
        border:0px;
}
.experience_container p {
    font-size: 21px;
    font-family: "Times";
    width:auto;
    position: absolute;

}

.experience_container .commentTextInput{
    font-size:16px;
    width: 261px;
    padding: 2px 5px;

    position:absolute;
    top:276px;
    left:679px;
}
.experience_container .main_video{
    position:absolute;
    top:0;
    left:37px;
    z-index: 1;
}
.experience_container canvas{
    position:absolute;
    top:0;
    left:0;
    z-index: 2;
}
.experience_container .mobile_video{
    position:absolute;
    top:44px;
    left:331px;
    z-index: 3;
    display:none;
}

.experience_container .calapptTextInput{
    font-size:24px;
    width: 261px;
    font-family: "Arial";
    padding: 2px 5px;
    border:0;
    position:absolute;
    top:270px;
    left:440px;
}

.experience_container .calapptTextInput:focus {
        border:0px;
}

#cta {
/*  position:absolute;
    left:800px;
    top:100px;
*/
}

.apps_overlay {
    position:absolute;
    background-color:#fff;
    border:1px solid #cbcbcb;
    width:609px;
    height:374px;
    -webkit-transition: width 1s, height 1s;
    -moz-transition: width 1s, height 1s;
    -o-transition: width 1s, height 1s;
    -ms-transition: width 1s, height 1s;
    transition: width 1s, height 1s;
    -webkit-box-shadow:  2px 2px 3px 3px rgba(0, 0, 0, 0.1);
     box-shadow:  2px 2px 3px 3px rgba(0, 0, 0, 0.1);
        
        
}
.apps_overlay_mobile {
    position:absolute;
    background-color:#fff;


        
        
}

.apps-exp-open {
    width:980px;
    height:552px;
}

.apps-exp-loading {
    background: #fff url('http://go-apps-experience.appspot.com/images/gif-load.gif') no-repeat center center;
}