/*************************************************/
/*                 BASIC ELEMENT                 */
/*************************************************/

html {
  overflow: -moz-scrollbars-vertical;
}

body {
  background: url("/pb3/corporate/Guoman/images/general_bg.jpg") no-repeat scroll 50% 30px #000000;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 75%;
  line-height: 18px;
  color: #FFFFFF;
  margin: 0;
  padding: 0;
  text-align: center;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

input, textarea, select {
  font-size: 8pt;
  background-color: #E4E3E2;
  border: solid 1px #928B81;
  margin: 2px;
  padding: 0px;
}

#tableFrame {
  margin-top: 0;
  width: 944px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  text-align: left;
}


#header {
 height: 175px;
}
#headerTop {
 height: 35px;
}
#headerMiddle {
 height: 114px;
}
#pictureBox {
 height: 284px;
}

a, a:visited {
  text-decoration: none;
  color: #977849;
}

a:hover { 
  color: #FFFFFF;
}

.left { float: left; }
.right { float: right; }
.bold { font-weight: bold; }

ol, ul {
  list-style: none outside none;
}

h1 {
    font-size: 2em;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

#container {
  background: url("/pb3/corporate/Guoman/images/menu-bg.gif") repeat-x scroll 0 0 transparent;
/*  padding-top: 30px; */
}


/*************************************************/
/*                     HEADERS                   */
/*************************************************/


#logo {
  margin: 19px 0 3px 14px;
}

a#cookies {
  border-left: 1px solid #AAAAAA;
  float: left;
  padding: 6px 0 4px 10px;
  text-shadow: none !important;
}

.topRow a, .topRow a:visited {
  background: none repeat scroll 0 0 transparent !important;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: normal !important;
  outline: medium none;
  text-shadow: 1px 1px 1px #333333;
}

.topRow a, .topRow a:visited {
  background: url("/pb3/corporate/Guoman/images/btn_white_link_arrow.gif") no-repeat scroll 0 4px transparent;
  font-weight: bold;
  text-decoration: none;
}

div.topRow {
  float: left;
  width: 700px;
}

.topRow {
  height: 26px;
  line-height: 20px;
}

.small {
  font-size: 1em;
}

div.topRow div#logout-link {
  background: none repeat scroll 0 0 transparent !important;
  float: left;
  outline: medium none;
  padding: 6px 0 4px 7px;
  text-align: left;
  text-transform: capitalize;
}

div.topRow div#my-account {
  border-left: 1px solid #AAAAAA;
  float: left;
  margin: 0 10px;
  outline: medium none;
  padding: 6px 0 4px 10px;
  text-align: left;
}

div.topRow div#login-link {
  background: none repeat scroll 0 0 transparent !important;
  float: left;
  outline: medium none;
  padding: 6px 10px 4px 7px;
  text-align: left;
  text-transform: capitalize;
}

#candidateOptions {
  float: right;
  display: inline;  
}

#logOffBt, #loginLink { 
  float: right;
  width: 80px;
}

#crumbs { 
  float: left;
  width: 300px;
}

#candidateOptions .menuBt {
  border: none;
  text-decoration: none;
  background: none;
  padding: 0px;
  margin: 0px;
  font-weight: bold;
  color: #756F68;
}
  
#candidateOptions .menuBt:hover {
  border: none;
  text-decoration: underline;
  cursor: pointer;
  color: #000000;
}


/* Breadcrumb */

#breadcrumb {
  background: none repeat scroll 0 0 #1B1B1B;
  border-bottom: 1px solid #000000;
  border-top: 2px solid #977849;
  clear: both;
  color: #977849;
  display: block;
  font-size: 1em;
  height: 17px;
  padding-top: 4px;
  text-indent: 16px;
}

#breadcrumb span, #breadcrumb a {
  color: #CCCCCC;
}

#breadCrumbStart {
  display: inline !important;
}

#breadcrumb a, #breadcrumb #currentpage {
  background: url("/pb3/corporate/Guoman/images/btn_link_arrow.gif") no-repeat scroll 0 4px transparent;
  font-size: 1em;
  padding-left: 15px;
}

#breadcrumb a:hover, #breadcrumb #currentpage {
  color: #FFFFFF;
}

.breadCrumbArrow {
  display: none;
}

/* Picture Box */

#pictureBox {
  background: none repeat scroll 0 0 #f4f3f1;
  border-bottom: 3px solid #E4E3E2;
  clear: both;
  color: #5B5B5A;
  display: block;
  font-size: 1em;
}

#hotelName {
  font-family: Tahoma,Arial,sans;
  font-size: 30px;
  font-weight: bold;
  margin-left: 16px;
  margin-top: 8px;
}

#mainnav {
  margin: 78px 0 6px;
}

#mainnav-ul {
  z-index: 201;
  position: relative;
  background: none repeat scroll 0 0 #000000;
  float: left;
  font-size: 1.5em;
  list-style-type: none;
  margin-right: 16px;
  min-width: 475px;
  padding: 0;
}

#mainnav-ul li {
  background: url("/pb3/corporate/Guoman/images/mainnav_bg.gif") repeat-x scroll 0 0 #000000;
  border-right: 1px solid #000000;
  display: inline;
  float: left;
  font-family: Tahoma,Arial,sans;
  margin: 0 1px 0 0;
  padding: 0;
}

#mainnav-ul li a:hover {
  background: none repeat scroll 0 0 #000000;
}

#mainnav-ul li a {
  text-align: left;
  color: #FFFFFF;
  float: left;
  font-size: 0.8em;
  padding: 6px 20px;
  text-decoration: none;
}

#mainnav-ul li a.sifrMe span {
  height: 0.8em;
}

#mainnav-ul li.last {
    border-right: medium none;
}

#breadcrumbs {
  font-weight: bold;
}

/* Buttons */

.wButton {
  background-color: ##977849;
  color: #FFFFFF;
  font-weight: bold;
  border: none;
  padding: 5px 8px 5px 8px;
  font-size: smaller;
  text-transform: uppercase;
  cursor: pointer;
}

.buttn:hover {
  background-color: #705430;
}

.buttn {
  background-color: #977849;
  color: #FFFFFF;
  font-weight: bold;
  border: none;
  padding: 5px 8px 5px 8px;
  font-size: smaller;
  text-transform: uppercase;
  cursor: pointer;
}

.wButton:hover {
  background-color: #705430;
}

.AdvButtn:hover {
  background-color: #705430;
}

.AdvButtn {
  background-color: #977849;
  color: #FFFFFF;
  font-weight: bold;
  border: none;
  padding: 7px 12px 6px 12px;
  text-transform: uppercase;
  cursor: pointer;
}

.WarningNormalBold {
  color: red;
  font-weight: bold;
}

.WarningNormal, .error {
  color: red;
}

input.error, select.error, textarea.error { 
  border-color: red;  
/*  background-color: #ffb7b9;*/
}

hr {
  border: 0 none;
  background-color: #977849;
  color: #977849;
  height: 2px;
}


/*************************************************/
/*                  MAIN CONTENT                 */
/*************************************************/

#mainContent {
  background: none repeat scroll 0 0 #F8F5EE;
  color: #000000;
  min-height: 500px;
}

#layoutCenter {
  text-align: justify !important;
  background: none repeat scroll 0 0 #F8F5EE;
  padding: 0;
  text-align: left;
}

#contentCenter {
  text-align: justify !important;
  padding: 20px;
}

#contentCenter a:hover {
  color: #000000;
}

#contentCenter h1 {
  margin-top: 10px;
}

#contentCenter h1, #contentCenter p {
  margin-bottom: 10px;
}

#contentCenter ol {
  list-style: decimal;
}

#contentCenter li {
  padding: 5px 0px 3px 20px;
  margin-left: 20px;
}

#contentCenter h2 {
  padding: 5px 0px 15px 0px; 
}

h2.golden {
  color: #977849;
}


/*************************************************/
/*                     FOOTER                    */
/*************************************************/

#layoutFooter {
  background: none repeat scroll 0 0 #121212;
}

#layoutFooter {
  clear: both;
  text-align: left;
}

#layoutFooter #footer {
  background-color: #121212;
  color: #977849;
  height: 100px;
  padding: 12px 12px 0;
  position: relative;
}

#footer #copy {
  float: left;
  width: 300px;
}

#footer ul li a {
  color: #977849;
}

#footer * a:hover {
  color: #FFFFFF;
}

#social {
  float: right;
  margin: 0px 10px 0 20px;
  width: 380px;
}

#social h3 {
  color: #977849;
  font-family: Tahoma,Arial,sans;
  font-size: 1.667em;
  font-weight: normal;
  float: left;
  margin-right: 20px;
  padding-top: 15px;
}

#social li {
  float: left;
  margin: 10px 5px;
}

#social li.first {
  margin: 10px 5px 10px 0;
}



/*************************************************/
/*                     POPUPS                    */
/*************************************************/

h3 {
  font-weight: bold;
  font-size: 16px;
  margin: 5px 0px 10px 0px;
}

#row1, #row2 { 
  height: 220px;
}

#row1col1,#row1col2,#row2col1,#row2col2 {
  width: 48%;
}
#row1col1,#row2col1 {
  float: left;
}
#row1col2,#row2col2 {
  float: right;
}
#popUpContent {
  text-align: left;
}

#popUpContent p {
  margin: 5px 0px 10px 0px;
}

#div_to_popup, .bMulti {
  min-height: 250px;
  background-color:#fff;
  border-radius:10px 10px 10px 10px;
  box-shadow:0 0 25px 5px #999;
  color:#111;
  display:none;
  width:600px;
  padding:25px
}

.brandPop:hover {
  cursor: pointer;
  text-decoration: underline;
}

.button {
  font-weight: bold;
  cursor: pointer;
  text-align: center;
}