/* CSS Document */


html, body {
	height: 100%;	
}

body {
	background-color: #ebebeb;
    font-family: "lucida sans", verdana, arial, helvetica, sans-serif;
    font-size: 75%;       
}

#container {
	min-height: 100%;	
	border: 1px solid #666;
	width: 940px;
	margin: 20px auto 0px auto;	
}
* html #container {
	height: 100%;	
}

#containerLog {
	height: 800px;	
	border: 1px solid #666;
	width: 940px;
	margin: 20px auto;	
}

/* -------- page background styles ---------- */

.london {
background: #fff url(images/canary-wharf.jpg) bottom left no-repeat;
}

.dubai {
background: #fff url(images/dubai-marina.jpg) bottom left no-repeat;
}

.hongkong {
background: #fff url(images/hong-kong.jpg) bottom left no-repeat;
}

.world {
background: #fff url(images/world.jpg) bottom left no-repeat;
}

.copen {
background: #fff url(images/copenhagen.jpg) bottom left no-repeat;
}

.chicago {
background: #fff url(images/chicago.jpg) bottom left no-repeat;
}

.loginB {
background: #fff url(images/login-clouds.jpg) top left no-repeat;
}

.oz {
background: #fff url(images/prague-bck.jpg) bottom left no-repeat;
}

/* -------------------------------------------- */


#leftSide {
width: 258px;
margin: 0 20px;
float: left;
}

.logo {
height: 50px;
}

.adbox {
background-color: #790700;
padding: 1px;
}

.adbox p {
font-family: "Georgia", Times New Roman, Times, serif;
font-style: italic;
font-size: 14px;
color:#f3f3f3;
margin: 0;
padding: 15px;
}

.adbox a {
font-size: 16px;
color: #6e6e6e;
text-decoration: none;
}

.adbox a:hover {
color: #f3f3f3;
text-decoration: none;
}

/* ------------------------ Navigation Styles */
#navlist li
{
font-family: "Georgia", Times New Roman, Times, serif;
font-size: 24px;
display: inline;/* for IE5 and IE6 */
letter-spacing: 0.1em;
text-shadow: 1px 1px 4px #2F2C2C;
}

#navlist li li
{
font-family: "Georgia", Times New Roman, Times, serif;
font-size: 20px;
display: inline;/* for IE5 and IE6 */
letter-spacing: 0.1em;
text-shadow: 1px 1px 5px #5b5b5b;
}

#navlist
{
width: 258px;
/* to display the list horizontaly */
font-family: sans-serif;
margin: 0;
padding: 0;
/*border-top: 1px #99aec3 solid;
 border-left: 1px #000 solid; 
border-right: 1px #16528d solid;*/
font-size: 90%;
}

#navlist a
{
width: 258px;
height: 33px; /* 49 - padding */
/* extend the sensible area to the maximum with IE5 */
display: block;
padding: 13px 0 3px 0;
background: url(images/button-states-flat.jpg) 0 0 repeat-x;
border-bottom: 1px #c5c5c5 dashed;
text-align: center;
text-decoration: none;
color:#FFFFFF;
}

#navlist a:hover { 
background-position: 0 -54px;
 }
 
#navlist a:active { 
background-position: 0 -108px;
color: #ffffff;
}

#navlist li#active a {
background-position: 0 -108px;
color: #ffffff;
}

#navlist li.last a{
border: none;
}


#navlist li li a
{
width: 258px;
height: 33px; /* 49 - padding */
/* extend the sensible area to the maximum with IE5 */
display: block;
padding: 8px 0 0px 0;
background: url(images/button-states-flat-light.jpg) 0 0 repeat-x;
border-bottom: 1px #c5c5c5 dashed;
text-align: center;
text-decoration: none;
color:#FFFFFF;
}

#navlist li li a:hover { 
background-position: 0 -54px;
 }
 
#navlist li li a:active { 
background-position: 0 -108px;
color: #ffffff;
}

#navlist li li#active a {
background-position: 0 -108px;
color: #ffffff;
}

#navlist li li.last a{
border: none;
}

/* --------------- content styles --------------------- */

.content {
width: 610px;
/*float: right;
 background-color: red;*/
padding: 45px 0 250px 0;
margin-right: 20px;
margin-left: 305px;
}

.content p {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #4b4b4b;
line-height: 1.3em;
letter-spacing: 0.02em;
}

.content h1 {
color: #9F0700;/* 880000 - 790700*/
font-size: 33px;
font-family: "Georgia", Times New Roman, Times, serif;
font-style:italic;
letter-spacing: 0.05em;
}

.next {
padding: 15px 20px;
text-align: right;
}

.next a {
color: #880000;
font-size: 20px;
font-family: "Georgia", Times New Roman, Times, serif;
font-style:italic;
letter-spacing: 0.05em;
text-decoration: none;
}

.next a:hover {
text-decoration: underline;
}

/* ----------------------------------- content slide -------------------------------- */

.msg_list {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	/*width: 383px;
	height:311px;*/
}

.msg_head {
color: #880000;
font-size: 20px;
font-family: "Georgia", Times New Roman, Times, serif;
font-style:italic;
letter-spacing: 0.05em;
padding: 5px 0px;
cursor: pointer;
position: relative;
/* background-color:#FFCCCC;*/
margin:1px;

}

.msg_headS {
font-size: 14px;
color: #333333;
}

.msg_body {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #4b4b4b;
line-height: 1.3em;
letter-spacing: 0.02em;
	padding: 5px 10px 15px;
	/* background-color:#F4F4F8;*/
}

.red {
color: #880000;
font-size: 18px;
}

.weered {
font-size: 14px;
color: #880000;
}

.bold {
font-weight: bold;
}



/*.msg_list ul {
margin: 5px 0px 0px 20px;
}

.msg_list li{
background: url(images/bullet.gif) left center no-repeat;
padding-left: 15px;
margin-bottom: 3px;
}*/

/* -------------------------------- login page ------------------------------------ */

.loginHolder {
background: #000 url(images/login-grad.jpg) repeat-x;
margin-left: 20px;
clear: left;
height: 198px;
}

.topDrop {
margin-left: 20px;
margin-top: 225px;
height: 6px;
background: url(images/topDrop.png) no-repeat;
}

.botDrop {
margin-left: 20px;
height: 6px;
background: url(images/botDrop.png) no-repeat;
}

.welcomeBox {
background-color: #000;
width: 228px;
height: 158px;
float: left;
padding: 40px 0px 0px 30px;
}

.welcomeBox h1 {
color: #959595;
font-size: 18px;
font-family: "Georgia", Times New Roman, Times, serif;
font-style:italic;
letter-spacing: 0.05em;
line-height: 1.3em;
}

.welstyle {
font-size: 28px;
color: #FFFFFF;
line-height: 1.5em;
}

#lostHolder {
margin-top: 155px;
margin-left: 20px;
height: 138px;
}

.lostLoginBox {
background-color: #56070c;
width: 228px;
height: 148px;
float: left;
padding: 50px 0px 0px 30px;
font-size: 18px;
}

.lostBold {
font-weight: bold;
color: #d0d0d0;
}

.lostLink {
color: #656565;
}

.lostLink a{
color: #656565;
text-decoration: none;
}

.lostLink a:hover{
color: #656565;
text-decoration: underline;
}

.lostCopy {
font-size: 10px;
color: #656565;
}

.formHolder {
margin-left: 258px;
padding: 50px;
}

.formHolder label {
font-size: 24px;
font-family: "Georgia", Times New Roman, Times, serif;
font-style:italic;
letter-spacing: 0.05em;
}

.formHolder input {
font-size: 24px;
font-family: "Georgia", Times New Roman, Times, serif;
height: 36px;
}

#replacement-1 {
      width: 96px;
      height: 93px;
      margin: 0;
      padding: 0;
      border: 0;
      background: transparent url(images/enter.gif) no-repeat top left;
      text-indent: -1000em;
      vertical-align: middle;
      cursor: pointer; /* hand-shaped cursor */
      cursor: hand; /* IE 5.x */
    }


hr {
border: none 0;
border-top: 1px dashed #999;/*the border*/
width: 50%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
padding: 5px 0px;
} 

/* ================================= international experience =========================================== */

/* vertical positioning: */
.inter ul {
margin: 0;
padding: 10px 0;
}

.inter li
{
	height: 20px;
	padding: 0 0 0 20px;
	background-image: url(images/bullet2.gif);
	background-repeat: no-repeat; 
	list-style: none;
	font-size: 16px;
	color: #4b4b4b;
}
/* = number of items in a column * height of each item */
.item5, .item9, .item13
{
	margin-top: -80px;
}

.item5a, .item9a, .item13a
{
	margin-top: -40px;
}

/* horizontal positioning: */
.item1, .item2, .item3, .item4,
.item1a, .item2a, .item3a, .item4a
{
	margin-left: 1em;
}
.item5, .item6, .item7, .item8,
.item5a, .item6a, .item7a, .item8a 
{
	margin-left: 10em;
}
.item9, .item10, .item11, .item12,
.item9a, .item10a, .item11a, .item12a
{
	margin-left: 19em;
}
.item13, .item14, .item15, .item16,
.item13a, .item14a, .item15a, .item16a
{
	margin-left: 29em;
}