/*
## transPage
********************************************************************/
    .tempTrans{
        display: none;
    }
    .tempTransWrapper{
        width: 100%;
 	   height: 100%;
 	   position: absolute;
 	   top: 0;
 	   left: 0;
 	   z-index: 99999;
    }
    .tempTransWrapper .pop-title{
        font-size: 2em;
        text-align: center;
    }
    .tempTransWrapper .pop-subtitle{
        font-size: 1.2em;
        text-align: center;
    }
    .tempTransWrapper a{
        text-decoration: none;
    }
    .tempTransContainer-bg{
        position: fixed;
 	   top: 0;
 	   left: 0;
 	   width: 100%;
 	   height: 100%;
 	   background: #000;
 	   opacity: 0.3;
 	   z-index: 99998;
    }
    .tempTransWrapper .tempTransContainer{
       position: relative;
        width: 45em;
 	   height: auto;
 	   margin: 0 auto;
 	   background-color: #fefefe;
 	   padding: 0;
    }
    .tempTransWrapper .tempTransContainer:after{
        clear: both;
    }
    .tempTransWrapper .tempTransContainer .input-field{
        width: 45%;
 	   float: left;
 	   margin: 0 2.5%;
 	   text-align: center;
 	   color: #818181;
    }
    .tempTransWrapper .sub-title{
        text-align: left;
    }
    .tempTransWrapper .tempTransContainer input[type="text"],.tempTransContainer input[type="password"], .signUpForm-formInput{
        height: 2em;
        width: 100%;
 	   margin: 1em 0;
 	   padding: .5em 0;
 	   font-size: 1em;
 	   border: none;
 	   -webkit-border-radius: 2px;
 	   outline:none;
 	   box-shadow:0 1px #bebdbd inset, 0px 1px 3px #c5c5c5;
 	   text-indent: 3em;
 	   color: #818181;
    }
    .tempTransWrapper .trans-mail, .trans-mail:-webkit-autofill{
       background-image:url('/_ui/desktop/common/images/transPageIcon.png');
 	   background-repeat: no-repeat;
 	   background-position: 5px -4em;
 	   background-size: 2em;
 	   opacity: 0.7;
    }
    .tempTransWrapper .trans-pwd{
       background-image:url('/_ui/desktop/common/images/transPageIcon.png');
 	   background-repeat: no-repeat;
 	   background-position: 5px -2em;
 	   background-size: 2em;
 	   opacity: 0.7;
    }
    .tempTransWrapper .trans-fname,.trans-lname{
       background-image:url('/_ui/desktop/common/images/transPageIcon.png');
 	   background-repeat: no-repeat;
 	   background-position: 5px -6em;
 	   background-size: 2em;
 	   opacity: 0.7;
    }
    .tempTransWrapper .c_reminder, .reminder, .cbox_container{
        height: 2em;
    }
    .tempTransWrapper .c_reminder span{
        float: left;
 	   font-size: 1em;
    }
    .tempTransWrapper .c_reminder a{
        float: right;
 	   font-size: 1em;
 	   color: #468FB0;
 	   cursor: pointer;
    }
    .tempTransWrapper button{
        background-color: #DAEEF7;
 	   -webkit-border-radius: 2px;
 	   border: 1px solid #468FB0;
 	   color: #468FB0;
 	   height: 3em;
 	   padding: 0 1em;
 	   cursor: pointer;
 	   float: none;
 	   margin: 2em auto !important;
    }
    .tempTransWrapper input[type="checkbox"]{
         float: left;
    }
    .tempTransWrapper .transFormLeft input[type="checkbox"]{
         margin: 7px 5px 0;
    }    
    .tempTransWrapper .cbox_container p{
         width: 90%;
 		float: left;
 		text-align: left;
 		font-size: .8em;
 		line-height: 1em;
 		margin: 3px 5px;
    }
    .tempTransWrapper .cbox_container a{
         color: #468FB0;
    }
 @media screen and (max-width: 45em) {
     .tempTransWrapper .tempTransContainer{
        width: 90%;
 	   margin: 0 5%;
 	   padding: 2em 0;
    }
     .tempTransWrapper .tempTransContainer .input-field{
        width: 90%;
 	   margin: 0 5%;
    }
 }
 .tempTransWrapper .tempTransClose, .tempTransWrapper.tempTransClose:-webkit-autofill{
        position: absolute;
        top: 0;
        right: 0;
        width: 2em;
        height: 2em;
        background-image:url('/_ui/desktop/common/images/transPageIcon.png');
 	   background-repeat: no-repeat;
 	   background-position: 0 0;
 	   background-size: 2em;
 	   opacity: 0.7;
 	   cursor: pointer;        
 }
  .tempTransWrapper .tempTransClose{
        position: absolute;
        top: 0;
        right: 0;
        width: 2em;
        height: 2em;
        background-image:url('/_ui/desktop/common/images/transPageIcon.png');
 	   background-repeat: no-repeat;
 	   background-position: 0 0;
 	   background-size: 2em;
 	   opacity: 0.7;
 	   cursor: pointer;        
 }
 .tempTransWrapper .transPageError{
       display: none;
       line-height: .8em;
	    margin: 0;
	    padding: 0;
	    font-size: .8em;
	    color: red;
	    text-align: left;
}
.tempTransWrapper .transErrorGroup,.tempTransWrapper .loginErrorGroup,.tempTransWrapper .regErrorGroup{
       height: 10px;
}
.tempTransWrapper .transErrorGroup.transPageError{
       background: grey;
       padding:10px 0;
}
.transRegError_msg3{
	   color: green;
}