@media only screen and (min-width:737px)
{
    .half-width{text-align:left;vertical-align:top;display:inline-block;width:49%;padding:0 20px;}
    .cpanel-formWrapper{text-align:left;vertical-align:top;display:inline-block;width:80%;padding:0 20px;}
}
@media only screen and (max-width:736px)
{
    .half-width{text-align:left;vertical-align:top;display:block;width:100%;max-width:100%;}
    .cpanel-formWrapper{text-align:left;vertical-align:top;display:block;width:100%;max-width:100%;}
    .button {width: 100%;}
}
.formWrapper{text-align:center;max-width:100%; /*overflow: hidden;*/}
.formWrapper div,.cpanel-formWrapper div{float:left;padding-bottom:10px;margin:0;display:inline-block;width:100%;}
.formWrapper div div,.cpanel-formWrapper div div{padding:0;margin:0;}
.formWrapper div input[type="file"],.formWrapper div input[type="text"],.formWrapper div input[type="password"],.formWrapper div textarea,.formWrapper div select{position:relative;padding:5px;border-radius:3px;width:100%;min-height:50px;}
.cpanel-formWrapper div input[type="text"],.cpanel-formWrapper div textarea,.cpanel-formWrapper div select{position:relative;padding:5px;border-radius:3px;width:100%;min-height:50px;}

/*ContainerforPopup-windowsmoving*/
.oae_editor_MoveSpan{border-width:4px;border-style:solid;border-color:#A0A0FF;filter:alpha(opacity=50);background-color:#E0E0FF;-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;cursor:move;}

/* LOGIN */

@media only screen and (min-width:737px)
{
    #pnlLogin{position:fixed;top:50%;left:50%;margin-top:-120px;margin-left:-160px;width:320px;height:auto;max-width:100%;z-index:500;}
    .loginPanel {width: 320px;z-index: 1000;}
    .arrow-up {display: none;}
}
@media only screen and (min-width:400px) and (max-width:736px)
{
    #pnlLogin{position:fixed;top:75px;left:50%;margin-left:-200px;width:400px;height:auto;z-index:500;}
    .loginPanel {width: 400px; z-index: 1000;}
}
@media only screen and (min-width:0px) and (max-width:399px)
{
    #pnlLogin{position:fixed;top:70px;width:98%;height:auto;z-index:500; margin: 0 1%;}
    .loginPanel {position: relative; width: 100%; z-index: 1000;}
}

.loginPanel a, .loginPanel a:hover {color: #3399FF !important; border: 0;text-decoration: none;}

.arrow-up {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 15px solid #ECF0F1;
  left: 10%;
  position: absolute;
  top: -10px;
}

.loginPanel
{
  font-family: Sans-Serif;
  font-size: 14px;
  background: #ecf0f1;
  color: #333333;
  border-radius: 5px;
  padding: 10px;
  font-weight: bold;
  -webkit-box-shadow:0px 0px 20px #000000;-moz-box-shadow:0px 0px 20px #000000;box-shadow:0px 0px 20px #000000;
}
.loginPanel label, .loginPanel div {
  color: #333333;
  line-height: 100%;
  display: block;
  font-size: 14px;
  font-weight: 200;
  margin: 5px 0;
}
.loginPanel input[type="email"], .loginPanel input[type="password"] {
  padding: 7px 5px;
  margin: 10px 0;
  background-color: #FFFFFF;
  width: 100%;
  height: 35px;
  display: block;
  font-size: 14px;
  border-radius: 5px;
  border: none;
  -webkit-transition: 0.3s linear;
  -moz-transition: 0.3s linear;
  -o-transition: 0.3s linear;
  transition: 0.3s linear;
  color: #000000;
}
.loginPanel input[type="email"]:focus, .loginPanel input[type="password"]:focus {
  outline: none;
  box-shadow: 0 0 1px 1px #1abc9c;
}
.loginPanel input[type="password"] {
  /*font-size: 24px;*/
  font-weight: 200;
  line-height: 100%;
}
.loginPanel input[type="submit"] {
  background: #3399FF;
}
.loginPanel input[type="submit"], .formWrapper input[type="submit"] {
  padding: 0;
  margin: 15px 0 10px 0;
  font-size: 14px;
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  border: none;
  color: #fff;
  border-radius: 5px;
}
.loginPanel input[type="submit"]:hover {
  background: #3399FF;
  border: 0px;
  box-shadow: 0px;
  color: #fff;
}

.green {
  color: #1abc9c;
}