body{
  font-family:Verdana, Arial, helvetica, sans-serif;
  font-size:11px;
  background:#ffffff;
}

#page{
  width:100%;
  margin:0px;
  padding:0px;
}

#logo{
  background:transparent no-repeat url(logo.gif) right top; 
  width:150px;
  height:60px;
}

.logo{
  float:none;
  margin:0px;
  padding:0px 0px 0px 0px;
  background:#ffffff;
  width:auto;
  border:0px;
}

/*////// [CONTENT] //////*/
#content{
  background:#fff;
  border-right:0px;
  border-bottom:0px;
  border-left:0px;
  padding: 0px;
width: 0px;
}
/*////// [/CONTENT] //////*/


/*////// [PORTLET ITEMS] //////*/
#content dl{
  font-size:11px;
  background: transparent;
}
#content dt{
color: white;
position: absolute;
top: 30%;
left: 28%;
background: transparent;
border: none;
font-size: 15px;
font-family: Verdana, Arial, helvetica, sans-serif;	
	
  border-top:1px solid #BAC1CF;
  border-right:1px solid #BAC1CF;
  border-left:1px solid #BAC1CF;
  background:#F5F6FB repeat-x url(dt_bg.gif) left top;
  font-weight:bold;
  text-transform:capitalize;
  color:#000000;
  padding-bottom:1px;
}
#content dd{
  background:transparent;
  border:none;


}
/*////// [/PORTLET ITEMS] //////*/


/*////// [TABLES] //////*/
td, th{
  border-bottom:1px solid #fff; /* no transparent, ie needs the white color,  */
}
th{
  text-transform:capitalize;
  font-weight:bold;
}
table.oddEven{
}
tr.odd{
  background:#efefef;
}
tr.even{
}
/*////// [/TABLES] //////*/


/*////// [MISC] //////*/
.pageIndex{
  border-top:1px solid #BAC1CF;
  color:#BAC1CF;
}
.pageIndex a{
  color:#006EB6;
}
.msgLog{
  font-size:11px;
  color:#DC241F;
}
a{
  color:#0b5ed8;
  text-decoration:none;
}

#content a{
  color:#0b5ed8;
}
a:hover{
  text-decoration:underline;
  color:#0b5ed8;
}
#content a:hover{
  text-decoration:underline;
  color:#0b5ed8;
}
a.help{
  border:1px solid #fff;
  background:#fff no-repeat url(help.gif) 50% 50%;
}
a.info{
  border:1px solid #fff;
  background:transparent no-repeat url(i.gif) 50% 50%;
}
a.admin{
  color:#000;
}
/*////// [/MISC] //////*/


/*////// [FORMS] //////*/
input, select, textarea{
  font-size:11px;
  font-family:Verdana, Arial, helvetica, sans-serif;
  color:#000;
}
label{
  font-weight:bold;
}
body#popup td, th{
  border-bottom:0px solid #E9E9DB;
}
#appPathNav #search input{
  position:absolute;
  top: 6px;
  right: 23px;
  font-size:11px;
  font-family:Verdana, Arial, helvetica, sans-serif;
  border-top:1px solid #324B77;
  border-bottom:1px solid #98B1DD;
  border-left:1px solid #324B77;
  border-right:1px solid #98B1DD;
  background:#fff;
}
#appPathNav #search .button{
  position:absolute;
  top: 6px;
  right: 9px;
  border:0px;
  background:transparent no-repeat url(search.gif) 50% 50%;
}

#navDiv {
  position:absolute;
  top: 5px;
  right: 195px;
}

.navTime {
  font-family: Verdana;
  font-weight: bold;
  font-size:10px;
}
.errorDesc {
	color: white;
position: absolute;
top: 20%;
left: 20%;
background: transparent;
border: none;
font-size: 12px;
font-family: Verdana, Arial, helvetica, sans-serif;	
}
/*////// [/FORMS] //////*/


/*New UI look and Feel */

#loginContent {
	position: absolute;
	width: 900px;
	height: 568px;
	left: 15%;
	top: 15%;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("../../../images/ampcontrolroommap/login_and_frame/intro_background_logo.png");
	min-height: 400px;
	min-width: 640px;
}

#usernameLabel {
    top: 35%;
    left: 30%;
    color: #FFFFFF;
	position: absolute;
}

#username_id {
    top: 40%;
    left: 30%;
    position: absolute;
    color:black;
    width: 371px;
    height: 40px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin: 0px;
    background-position: unset;
    border: 1px solid #5cbbb7;
}

#passwordLabel {
    top: 50%;
    left: 30%;
    position: absolute;
    color: #FFFFFF;
}

#password_id {
    top: 55%;
    left: 30%;
    position: absolute;
    color: black;
    width: 371px;
    height: 40px;
    background-repeat: no-repeat;
    margin: 0px;
    background-size: 100% auto;
    border: 1px solid #5cbbb7;
}

#login-button {
    top: 67%;
    width: 136px;
    height: 50px;
    position: absolute;
    left: 30%;
    color: white;
    background-color: #1432FF;
    background-size: 100% auto;
    background-repeat: repeat-x;
    padding: 3px;
    border: medium none;
    cursor: pointer;
    transition: all 100ms ease 0s;
}

#login-button:active {
	border: 2px solid black;
	background-color: rgb(255, 255, 255);
	transform: translateY(2px);
}