

/* CSS Document */
BODY {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align: center;
		font-family: Verdana, sans-serif;
		font-size: 11px;
		/* part 1 of 2 centering hack */
	
		}
div.container {
		width: 772px;
		padding: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-right: auto;
		margin-left: auto;
		text-align:left;
		/* part 2 of 2 centering hack */
		width: 772px; /* ie5win fudge begins */
		background-color:#FFFFFF;
		}

html>body .container {
		width: 752px; /* ie5win fudge ends */
		}
		
/*INPUT {*/
		/*font:normal 11px verdana;*/
		/*width:120px;*/
		/*}*/
/*SELECT {*/
		/*font:normal 11px verdana;*/
		/*width:120px; */
		/*}*/

.label{
		font:bold 10px verdana;
		padding:4px 2px 4px 4px;
		color:#001971; 
		text-align:right; 
	}
.field{
		font:normal 11px verdana;
		padding:4px 2px 4px 2px;
		text-align:left; 
	}
.field input{
		font:normal 10px verdana;
		}

#errors {
		font:normal 11px/140% verdana;
		padding-top: 5px; 
		background-color: #ffffff; 
		text-align:center 
		}
#errors SPAN.errorsTitle {
		font:bold 14px verdana;
		color: red; 
		}

table.grnBtnTable{}
	  .grnBtnTable tr td{
		padding:0px; 
		border:0px;
		}

	  .greenBtn a{
	  text-decoration:none; 
	  color:#FFFFFF;
	  }
	   .greenBtn a:hover{
	   color:#FFCC66;
	   }
	   
/* =========================== END CONTAINER ============================*/	   

div#ataGlance{
		position:relative;
		float:left; 
		vertical-align:top; 
		width:158px;
		height:100%;
		padding-left:8px; 
		background: url(../../../jsp/images/webportal/common/commanderBG.jpg) no-repeat;
		background-position:0% 90%;
		}			  

	#ataGlance table{
		width:158px;
		}
	#ataGlance a{
		font:normal 11px verdana;
		text-decoration:none;
		}
	#ataGlance ul{
		padding:0px;
		margin:10px 0px 0px 0px;
		}
	#ataGlance ul li{
		list-style:none;
		}
	#ataGlance ul li a{
		line-height:150%
		}
	
	/*#ataGlance input{*/
		/*background:url(../../../jsp/images/webportal/common/ata_formBG.jpg) repeat-x; */
		/*border:solid 1px #b2d4da;*/
		/*}*/
p.welcome{
		font:bold 16px times; 
		padding-top:20px; 
		color:#14338e;
		}
 .welcome span{
 		font:normal 14px times;
		padding-top:8px;
		}
 
.loginLabel{
		font:bold 12px verdana;
		padding-top:20px; 
		color:#009899;
		letter-spacing:.03em;
		}
	td.bottomField{
		text-align:left; 
		vertical-align:top;
		}
	  .bottomField input{
	  	width:120px;
		}
	td#ataButton {
		padding-top:8px;
		}
	
/* =========================== END ATAGLANCE ============================*/
div.main{
		position:relative;
		float:right;
		width:550px;
		padding:0px;
		}
div.yellowHeader{
		font:bold 16px verdana;
		color:#FFFFFF;
		text-spacing:.1em;
		padding:4px 0px 2px 8px;
		background-color:#5c6b9c; 
		}
div.availHeader{
		font:normal 20px times; 
		padding:4px 0px 2px 8px;
		background-color:#b9bfa3;
		}

div.box {
		padding:4px; 
		margin:4px; 
		background:url(../../../jsp/images/webportal/common/slashBG.gif) repeat;
		background-color:#51cac3; 
		border:solid 1px #afb180;
		}

div.creditBox {
		padding:8px 4px 4px 4px; 
		margin:20px 8px 20px 0px; 
		background:url(../../../jsp/images/webportal/common/slashBG.gif) repeat; 
		border:solid 1px #8082b1;
		}



input[type=text],
input[type=password]
{
    color: #292929;
    height: 22px !important;
    line-height: 20px;
    padding-left: 5px;
    text-decoration: none;
    border-radius: 2px;
    border: 1px solid #a2a2a2;
    width: 180px;
    vertical-align: middle;
}

select
{
    font-family: Verdana, sans-serif;
    font-size: 10px;
    color: #292929;
    height: 22px;
    line-height: 20px;
    padding-left: 2px;
    padding-top:3px;
    text-decoration: none;
    border-radius: 2px;
    border: 1px solid #a2a2a2;
    width: 188px;
    display: block;
    -moz-box-sizing: content-box;
    -webkit-box-sizing:content-box;
    box-sizing: content-box;
}

textarea
{
    color: #292929;
    height: 80px;
    padding-left: 5px;
    text-decoration: none;
    border-radius: 2px;
    border: 1px solid #a2a2a2;
    width: 180px;
}

input[type=button]
{
    height: 25px;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
    border-radius: 5px;
    cursor: pointer;
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
}

input[type=button].dis
{
    height: 25px;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
    border-radius: 5px;
    background-color: gray !important;
    color: #FFFFFF !important;
    cursor: not-allowed;
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
}

input[type=button].cancel
{
    height: 25px;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
    border-radius: 5px;
    background-color: #c00000;
    color: #FFFFFF;
    cursor: pointer;
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
}

input[disabled]
{
    cursor: not-allowed;
}

.inp-sm
{
    width: 70px !important;
}

.inp-md
{
    width: 100px !important;
}

.inp-lg
{
    width: 150px !important;
}

.inp-xlg
{
    width: 200px !important;
}

.inp-xxlg
{
    width: 240px !important;
}

.inp-xxxlg
{
    width: 350px !important;
}

input.date
{
    text-align: center;
    padding-left: 0px !important;
}

.warning
{
    color: #fc4007;
    font-size: 12px;
    font-weight: bold;
    text-align: left !important;
    padding-top: 20px;
}

a, a:hover
{
    text-decoration:none;
    font-size:11px;
    color:#004793;
}

.roomPic
{
    width:91px;
    height:68px;
    border: 0px;
}

.noAvailText
{
    font-size: 13px;
    color: #ff0000;
    font-weight: bold;
}

.availText
{
    font-size: 13px;
    color: #000000;
    font-weight: bold;
}

.guestInfo
{
    width: 150px !important;
}
/* =========================== END MAIN ============================*/
