/********* styles for HTML tags *********/
html, body {
    height: 100%;
}

body{
    color: #000000;
    margin: 0px;
    padding: 0px;
    font: 12px Tahoma,verdana,Arial,sans-serif;
    text-align: center;
    height: auto;
    overflow: -moz-scrollbars;
    background:url(../images/bg_body.gif) repeat-x;
    background-color:#3B2203;
}
img {
    border:0px;
}
A {
    text-decoration: none;
}
A:hover {
    text-decoration: underline;
}
H1 {
    font-family: tahoma,lucida grande, sans-serif;
    font-size: 24px;
    font-weight:bold;
    text-align:left;
    line-height:26px;
    margin:5px 0px 5px 0px;
    padding:0px;
    color:#f9f3cf;
}
H2 {
    font-family: tahoma,lucida grande, sans-serif;
    font-size: 18px;
    font-weight:bold;
    text-align:left;
    line-height:22px;
    margin:0px 0px 5px 0px;
    padding:0px;
    color:#8c2e00;
}
H3 {
    font-family: tahoma,lucida grande, sans-serif;
    font-size: 14px;
    font-weight:bold;
    text-align:left;
    line-height:20px;
    margin:5px 0px 5px 0px;
    padding:0px;
    color:#8c2e00;
}
H4 {
    font-family: tahoma,lucida grande, sans-serif;
    font-size: 12px;
    font-weight:bold;
    text-align:left;
    line-height:14px;
    margin:5px 0px 5px 0px;
    padding:0px;
    color:#3b2405;
}
HR {
  line-height:1px;
  color:#1C53A6;
}
FORM {
    margin:0px;
    padding:0px;
}
TABLE {
  border:0px;
  padding:0px;
  margin:0px;
  border-collapse: collapse;
}
div {
  padding:0px;
  margin:0px;
}
select, textarea, input,td {
    font-family: tahoma,lucida grande, sans-serif;
    font-size: 11px;
    padding:1px;
    margin:1px;
}
option {
  border-bottom:1px dotted #D9C181;
}
td {
    text-align:left;
    padding:0px;
    margin:0px;
    font-family: Tahoma, arial, helvetica, sans-serif;
    font-size:11px;
    line-height:14px;
}
fieldset {
    -moz-border-radius:5px;
}
legend {
   font-weight:bold;
   color:#000000;
   margin:5px;
   padding:0px 5px 0px 5px;
   line-height:18px;
}
p {
    font-family: tahoma,lucida grande, sans-serif;
    font-size: 12px;
}
ul {
    margin:0px 0px 0px 25px;
    padding:0px;
}
li {
    list-style:disc;
    padding:0px;
    margin:0px;
}
/********** styles for Id tags ***********/
#mainContainer {
    width:800px;
    height:auto;
    margin:0px auto;
    padding:0px;
    text-align:center;
}
#borderContainer {
    width:100%;
    margin:5px auto;
    padding:0px;
    display:table;
}
#centerContainer,#contentHolder {
    width:780px;
    margin:0px auto;
    text-align: center;
    overflow:hidden;
    min-height:400px;
    height:expression(this.scrollHeight < 400? "400px" : "auto" );
    border:0px solid #ffffff;
}
#contentHolder {
    background:#ffffff;
}
#contentContainer {
    width:780px;
    margin:0px auto;
    padding:10px;
    text-align: left;
    min-height:450px;
    height:expression(this.scrollHeight < 300? "300px" : "auto" );
    background:#ffffff;
}
#bannerContainer {
  width:100%;
  margin:0px auto;
  padding:0px;
  height:70px;
}
#pictureContainer{
   margin:5px 5px 0px 5px;
   padding:0px 5px 5px 5px;
   width:760px;
   background:#564636;
}
#menuContainer {
   margin:0px 5px;
   padding-bottom:5px;
   width:770px;
   display:table;
   text-align:center;
   background:#3b2405;
}
#footerContainer {
    display:table;
    width:100%;
    color:#CDFFFF;
    font-size:10px;
    margin-top:10px;
    margin-bottom:5px;
}


/******** styles for Class tags **********/
.clear {
    clear:both;
    height:1px;
    overflow:hidden;
}
.divPadding {
    padding:5px;
}
.menuItem {
    float:left;
    width:120px;
    height:31px;
    color:#f9f3cf;
    font-size:12px;
    font-family: tahoma,lucida grande, sans-serif;
    font-weight:bold;
    cursor:pointer;
    line-height:31px;
    background:url(../images/menuImg.gif);
    margin-left:7px;
}
.menuItem:hover {
    width:120px;
    height:31px;
    background:url(../images/menuImg_hover.gif);
    text-decoration:none;
}
.clsBrownBox {
    font-family: tahoma,lucida grande, sans-serif;
    font-size: 11px;
    color:#423118;
    background:#F7EDD2;
    width:250px;
    padding:5px;
    float:left;
}
/* rounded corners style   */

.topLeftCurve, bottomLeftCurve {
    float:left;
    width:18px;
    height:15px;
    background:url(../images/top_left_curve.gif) no-repeat;
}
.topRightCurve {
    float:left;
    width:20px;
    height:15px;
    background:url(../images/top_right_curve.gif) no-repeat;
}
.topCenterCurve {
    float:left;
    height:15px;
    background:url(../images/top_center_curve.gif);
}
.bottomLeftCurve {
    float:left;
    width:18px;
    height:15px;
    background:url(../images/bottom_left_curve.gif) no-repeat;
}
.bottomRightCurve {
    float:left;
    width:20px;
    height:15px;
    background:url(../images/bottom_right_curve.gif) no-repeat;
}
.bottomCenterCurve {
    float:left;
    height:15px;
    background:url(../images/bottom_center_curve.gif);
}
.centerLeftCurve {
    float:left;
    width:18px;
    min-height: 100%;
    height:100%;
    background:url(../images/center_left_curve.gif) repeat-y;
}
.centerRightCurve {
    float:left;
    width:20px;
    min-height: 100%;
    height:100%;
    background:url(../images/center_right_curve.gif) repeat-y;
}
.centerCenterCurve {
    float:left;
    height:auto;
}
.listTopLeft, .listTopRight,.listTopRightActive,.listTopLeftActive {
  width:8px;
  margin:0px;
  padding:0px;
  height:24px;
  background:url("../images/list_top_left.gif");
}
.listTopRight {
  background:url("../images/list_top_right.gif");
}
.listTopCenter {
  width:auto;
  background:url("../images/list_top_center.gif");
}
.leftBorder {
  border-left:1px solid #E4D2A4;
  border-bottom:1px solid #E4D2A4;
/*  background:#F7EDD2; */
}
.rightBorder {
  border-right:1px solid #E4D2A4;
  border-bottom:1px solid #E4D2A4;
/*  background:#F7EDD2; */
}

.listTopCenter,.listTopCenterActive {
    background:url(../images/list_top_center.gif);
}
.listContainer {
   border-bottom:1px solid #E4D2A4;
   padding-bottom:5px;
}
.tabContainer {
   border:1px solid #E4D2A4;
   padding:5px;
   margin-top:-1px;
}

.iconStep,.iconCrntStep {
    background:url(../images/step.gif) no-repeat;
    width:35px;
    height:36px;
    font-size:16px;
    font-weight:bold;
    text-align:center;
    font-family: Arial,lucida grande, sans-serif;
    color:#3A30C4;
    
}
.iconCrntStep {
    background:url(../images/step.gif) no-repeat;
    color:#ff0000;
}
.fontStep,.fontCrntStep {
    background:url(../images/arrow3.gif) no-repeat;
    width:145px;
    font-size:12px;
    font-weight:bold;
    line-height:16px;
    height:35px;
    padding-bottom:4px;
    text-align:center;
    color:#3A30C4;
}
.fontCrntStep {
    background:url(../images/arrow3.gif) no-repeat;
    color:#ff0000;
}

.clsErrorMsg {
    background:#FADFDF;
    color:#ff0000;
    text-align:center;
}
.clsRoomList {
    border:1px solid #D9C181;padding:5px; width:100%;margin-bottom:3px;
}
.clsHeader{
    padding-top:4px;color:#D20000;
   text-align:left;
   vertical-align:middle;
   padding-left:5px;background:#F7EDD2;
   border-bottom:1px solid #D9C181;
   font:700 14px Verdana,Arial,Sans Serif;
   width:450px;
}
.clsContent {
   margin:5px;
   width:450px;
   padding-bottom:5px;
   border-bottom:1px solid #D9C181;
}
.clsContent td {
   font:500 11px tahoma,lucida grande, sans-serif;
}
.clsContent hr {
  line-height:1px;
  color:#D9C181;
}
.clsMandatory {
    background-color: #E4D2A4;
    border:1px solid #7F9DB9;
}
.hint {
    float:left;
    line-height:10px;
    font-size:8px;
    color:#000000;
}
.footerRgt {
    float:right;
    color:#f9f3cf;
}
.footerRgt a {
    color:#f9f3cf;
}
.footerLft {
    float:left;
    color:#f9f3cf;    
}
.footerLft a {
    color:#f9f3cf;
}
.alertMsgDiv td {
    text-align:left;
    padding:0px;
    text-align:center;
    font-family: Tahoma, arial, helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
}
.alertMsg {
    background: #FFFFFF;
    background-image: url(../images/curve_center.gif);
    height:33px;
    color:#FFFFFF;
    line-height:33px;
}
.div450 {
 width:450px;
 float:left;
 padding:5px;
}
.clsHead {
   float:left;
   padding-top:4px;color:#D20000;
   text-align:left;
   vertical-align:middle;
   padding-left:0px;background:#F7EDD2;
   border-bottom:1px solid #D9C181;
   font:700 14px Verdana,Arial,Sans Serif;
   width:200px;

}
.clsThumbnail {
    width:100px;
    height:100px;
}
.clsMandatoryBg {
    background-color: #E4D2A4;
    border:1px solid #7F9DB9;
    height:15px;
    width:15px;
    float:left;
}
.clsDntMandatory {
    float:left;
    text-align:center;
    margin-right:15px;
}