/**
 * @author Validatorian aka Jon Hughes
 * @version 1.0
 */
 
/* Should be in global CSS */
.hilite { color:red; }
#ous-container a,#ous-icoins-container a {
    color:#06c;
    text-decoration:none;
}
#ous-container a:hover,#ous-icoins-container a:hover {
    color:#06c;
    text-decoration: underline;
}
#ous-container,#ous-icoins-container { clear:both; }
/* Header */
#page-header-small div { float:left; }
#page-header-small #headerLinks {
    float:right;
    text-align:right;
    color:#000000;
    font-size:.85em; /* 11px */
    line-height:normal;
    padding-top:18px;
}
#page-header-small #headerLinks span, #page-header-small #headerLinks a {
    height:20px;
    margin:0;
    display:inline;
    float:none;
}
#page-header-small #headerLinks a {
    color:#FFF;
    font-weight:bold;
    text-decoration:none;
    margin:0 20px 0 5px;
}
#page-header-small #headerLinks a:hover { text-decoration:underline; }
/* Alert */
.alert {
    border:1px solid #fac197;
    background:#fff9b8;
    color:#000;
    padding-top:7px;
    text-align:center;
}
/* Content Area */
#ous-container,#ous-icoins-container,#iwin-hotel {
    width:775px;
    margin:0 auto;
}
.content p {
    padding:5px 0 0 5px;
    font-size:1.1em; /* 11px */
}
/* Header */
h2 {
    background:url(../images/common/header-bg.gif) repeat-x;
    color:#FFF;
    font-size:1.9em; /* 19px */
    margin-top:10px;
    padding:10px 0 8px 10px;
}
/* Box */
.box.filled { background-color:#EBF8FB; }
.box {
    border:1px solid #b2d0ec;
    padding:10px;
    clear:both;
    margin-bottom:30px;
}
/* Plans Buttons */
#plans {
    font-size:1.3em; /* 13px */
    width:753px;
}
#plans label { clear:both; }
#plan1, #plan2, #plan3 { display:none; }
#plans .plan1, #plans .plan2, #plans .plan3 {
    width:251px;
    float:left;
    clear:none;
    height:80px;
    cursor:pointer;
}
.plan1 { background:url(../images/plans/plan1.gif) 0 -78px no-repeat; }
.plan2 { background:url(../images/plans/plan2.gif) 0 -78px no-repeat; }
.plan3 { background:url(../images/plans/plan3.gif) 0 -78px no-repeat; }
.plan1.on, .plan2.on, .plan3.on { background-position:0 0; }
#plans label strong {
    font-size:1.69em; /* 22px */
    padding:12px 0 7px 38px;
    display:block;
}
#plans label em {
    padding:0 0 1px 17px;
    display:block;
    width:175px;
}
.none {
    clear:both;
    float:left;
    width:745px;
    text-align:right;
}
/* Plans Submit */
#plans a#continue,#mypopup a.joiniCoins {
    width: 132px;
    height: 31px;
    display:block;
    cursor: pointer;
    border:none;
    background: url(../images/buttons/continue-orange-132.gif) 0px 0px no-repeat;
    clear:both;
    margin:0 0 5px 5px;
}
#plans a:hover#continue,#mypopup a:hover.joiniCoins { 
    background: url(../images/buttons/continue-orange-132.gif) 0px -31px no-repeat; 
    text-decoration:none;
}
/* Hotel iWin Bar */
#iwin-hotel h3 {
    background:url(../images/ous/hotel-iwin.gif) no-repeat;
    height:21px;
    width:123px;
    text-indent:-999em;
    margin-left:20px;
}
.hotelBar {
    background:#d1d2d4 url(../images/ous/hotel-bg.gif) repeat-x;
    border:1px solid #d4d3ce;
    font-size:1.2em; /* 12px / 9pt */
}
.hotelBar a { font-weight:bold; }
.hotelBar div {
    float:left;
    padding:10px 0 8px 15px;
}
.hotelBar .opals {
    width:280px;
    background:url(../images/ous/divider.gif) 100% 5px no-repeat;
}
.hotelBar h4 {
    padding-top:3px;
    font-size:1.33em; /* 16px / 12pt */
}
.hotelBar h4, .hotelBar h4 span { font-weight:bold; }
.hotelBar #tooltip {
    background:url(../images/misc/information.gif) 100% 0 no-repeat;
    padding-right:16px;
    cursor:pointer;
}
.hotelBar span span {
    background:url(../images/ous/opal.gif) 0 0 no-repeat;
    padding:4px 0 0 20px;
}
.hotelBar img { vertical-align:middle; }
#mytooltip {
    width: 385px;
    position: absolute;
    margin-top: -195px;
}
#mytooltip .arrow {
    background: url(../images/misc/blue-bottom-triangle.gif) 249px 0 no-repeat;
    height: 8px;
    display: block;
    float:left;
    width:368px;
}
#mytooltip p { margin-bottom:10px; }
#mytooltip p.first { padding-right:20px; }
#mytooltip div {
    background-color:#FFF;
    border:8px solid #0065c1;
    padding:10px;
}
#mytooltip a#close {
    background: url(../images/buttons/close-blue-28.gif) 0 0 no-repeat;
    display:block;
    height:14px;
    width:14px;
    float:right;
}
#mytooltip a:hover#close { background-position:0 -14px; }
#mypopup, #mytooltip, #loading { z-index: 9999; }
#mypopup,#loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 274px;
    margin: -125px 0 0 -125px;
    background-color: #FFFFFF;
    border: 8px solid #0065c1;
    font-size: 1.2em; /* 12px */
    padding: 10px;
}
#loading {
text-align:center;
}
#mypopup h3 {
    font-size: 1.25em; /* 15px */
    margin:10px 0;
    font-weight:bold;
}
#mypopup a.joiniCoins {
margin:0 auto 15px;
}
#mypopup[id] { position: fixed; }
#overlay, #closebox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5000;
}
#overlay {
    background-color: #000;
    -moz-opacity: 0.6;
    opacity: .60;
    filter: alpha( opacity = 60 );
    height:100%;
}
#overlay[id] {
position:fixed;
}


/* Header */
#headerLinks em {
    color:#fff;
    font-style:normal;
}
/* Alert */
h2.alert { margin-bottom:10px; }
/* Content Area */
#ous-icoins-container .content { font-size:1.2em; /* 12px */ }
#ous-icoins-container .content img {
    float:left;
    width:150px;
}
#ous-icoins-container .content .box { margin-bottom:90px; }
#ous-icoins-container .content .box div {
    float:left;
    padding-left:10px;
}
#ous-icoins-container .content h3 { font-size:1.58em; /* 19px */ }
#ous-icoins-container .content p { padding:10px 0; }
#ous-icoins-container .content .iCoins {
    background: url(../images/misc/icoins.gif) 20px 50% no-repeat;
    background-position: 0 50%;
    padding-left: 28px;
}
#ous-icoins-container .content a.buyNow {
    background: url(../images/buttons/buynow-orange-84.gif) 0 0 no-repeat;
    width:96px;
    height:28px;
    display:block;
    text-decoration:none;
}
#ous-icoins-container .content a:hover.buyNow { 
    background-position:0 -28px; 
    text-decoration:none;
}
/* Sub Content Area */
#iwin-hotel { clear:both; }

/* bug #1158 New layout for the OUS page*/
div#ous-container div#content h2 {
    background: url(../images/ous/ous-promo-banner.jpg) 0 0 no-repeat;
  	width: 775px;
  	height: 66px;
  	padding: 0;
    text-indent:-999em;
}
div#ous-container div#content div.box {
    background: #eaf8f7 url(../images/ous/ous-promo-banner.jpg)  -1px -66px no-repeat;
    padding-top: 145px;
	  border-top: none;
}
*+HTML div#ous-container div#content div.box {
    background-position:0 -66px;
}
*HTML div#ous-container div#content div.box {
    background-position:0 -66px;
}