/* The Walt Disney Company | DIMG HTML Diamond guest page 2012.03.07 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
}
html {
	/*overflow-y: scroll;*/
    overflow-y: auto;
}
header, footer {
    display: block;
    width: 100%;
}
body {
    /*background: none repeat scroll 0 0 #F2F2F2;*/
    color: #6d6d6d;
	font-size:12px;
	font-family: 'Arial'; 
}
/*
* html body {
    font-size: small;
}
*/
table {
    border-collapse: collapse;
}
th {
    font-weight: normal;
    text-align: left;
}
td {
    vertical-align: top;
}
html {
    background-color: #FFFFFF;
    color: #6d6d6d;
}
a, .link {
    cursor: pointer;
    outline: medium none;
    text-decoration: none;
    color: #3692CD;
}
a:hover, .link:hover {
    text-decoration: underline;
}
a:focus {
    outline-style: none;
}
ul {
    list-style-type: none;
}
a img {
    border: medium none;
}
p {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
}
a:active, textarea:focus, input:focus, *:-moz-any-link:focus {
    outline: medium none;
}
.flc {
    clear: both;
}
.flc:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
* html .flc {
    height: 1%;
}
html > body .flc {
    height: auto;
    max-height: 120000px;
}
/******** general settings for all html diamond pages *****/
.twoToneButton{
display:inline-block;
font-family:Arial,sans-serif;
font-weight:normal;
font-style:normal;
cursor:pointer;
color: #8AA151;
font-size:14px;
text-align:center;
line-height:28px;
height:30px;
padding:0 25px;
*padding:0 5px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
border:1px solid #e5e5e5;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px;
-moz-box-shadow:1px 1px 0 rgba(0, 0, 0, 0.1),inset 1px 1px 5px rgba(255, 255, 255, 0.8),inset -1px -1px 5px rgba(255, 255, 255, 0.8),0 0 0 transparent,0 0 0 transparent;
-webkit-box-shadow:1px 1px 0 rgba(0, 0, 0, 0.1),inset 1px 1px 5px rgba(255, 255, 255, 0.8),inset -1px -1px 5px rgba(255, 255, 255, 0.8),0 0 0 transparent,0 0 0 transparent;
-o-box-shadow:1px 1px 0 rgba(0, 0, 0, 0.1),inset 1px 1px 5px rgba(255, 255, 255, 0.8),inset -1px -1px 5px rgba(255, 255, 255, 0.8),0 0 0 transparent,0 0 0 transparent;
-ms-box-shadow:1px 1px 0 rgba(0, 0, 0, 0.1),inset 1px 1px 5px rgba(255, 255, 255, 0.8),inset -1px -1px 5px rgba(255, 255, 255, 0.8),0 0 0 transparent,0 0 0 transparent;
box-shadow:1px 1px 0 rgba(0, 0, 0, 0.1),inset 1px 1px 5px rgba(255, 255, 255, 0.8),inset -1px -1px 5px rgba(255, 255, 255, 0.8),0 0 0 transparent,0 0 0 transparent;
background-image:-moz-linear-gradient(top, #ffffff 0%, #ffffff 24%, rgba(255, 255, 255, 0.98) 31%, rgba(255, 255, 255, 0.72) 90%, rgba(255, 255, 255, 0.69) 100%);
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(24%, #ffffff), color-stop(31%, rgba(255, 255, 255, 0.98)), color-stop(90%, rgba(255, 255, 255, 0.72)), color-stop(100%, rgba(255, 255, 255, 0.69)));
background-image:-webkit-linear-gradient(top, #ffffff 0%, #ffffff 24%, rgba(255, 255, 255, 0.98) 31%, rgba(255, 255, 255, 0.72) 90%, rgba(255, 255, 255, 0.69) 100%);
background-image:-o-linear-gradient(top, #ffffff 0%, #ffffff 24%, rgba(255, 255, 255, 0.98) 31%, rgba(255, 255, 255, 0.72) 90%, rgba(255, 255, 255, 0.69) 100%);
background-image:-ms-linear-gradient(top, #ffffff 0%, #ffffff 24%, rgba(255, 255, 255, 0.98) 31%, rgba(255, 255, 255, 0.72) 90%, rgba(255, 255, 255, 0.69) 100%);
background-image:linear-gradient(top, #ffffff 0%, #ffffff 24%, rgba(255, 255, 255, 0.98) 31%, rgba(255, 255, 255, 0.72) 90%, rgba(255, 255, 255, 0.69) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#ededed');
background-color:#B0B0B0;
}
.twoToneButton:hover, .twoToneButton .hover{
	color:#698621;
	background-color: #878383;
	text-decoration:none;
}

#htmlDiamondContainer .htmlDiamondDialog{
	-moz-box-sizing: border-box;
    background-color: #E8EFF2;
    border: 1px solid #D3D3D3;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 5px rgba(109, 109, 109, 0.1), 0 0 12px 3px rgba(109, 109, 109, 0.05) inset, 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent;
    clear: both;
    font-family: "MuseoSlab",Arial,sans-serif;
    font-style: normal;
    font-weight: normal;
    padding: 25px 20px 15px;
    position: relative;
    text-align: left;
    white-space: nowrap;
}
#htmlDiamondContainer .htmlDiamondDialog .acctIdDesc {}
#htmlDiamondContainer .diamondErrorMsg {color: #FC092B; display: none;}

/******** general settings for login module *****/
#jsWarning {color:#fd0202; padding:0 0 0 10px; position:absolute; bottom:2px; width: 480px; background-color:#ffffff;}
.diamondLoginBox {width: 500px; border: 1px solid #676767; padding:40px 0 40px 0; margin: 0px auto; -moz-border-radius: 5px; border-radius: 5px; position: relative;}
.diamondLoginBox .errorMsg {color:#f65060; padding: 0px; display:none;}
.diamondLoginBox .inputErrorMsg {width: 100px; padding: 0 0 0 10px; }
#serverErrorMsg {position: absolute; top: 5px; padding: 0 20px 0 10px;}
#loginErrorMsg {padding: 0 20px 0 10px; position: absolute; top: 5px;}
#customerErrorMsg {margin-left: 10px;}
#diamondLoginCancel {padding-left: 120px;}
.diamondInputRow, .diamondLinkRow, .diamondSubmitRow {color: 6d6c6c; font-size: 12px; text-align: right; padding-right: 115px;}
.diamondInputRow { margin: 0 0 13px 0;}
.diamondLinkRow { float: right; margin: 0 0 4px 0;}
.diamondLinkRowLast {margin-bottom:0px;}
.diamondSubmitRow{margin: 0 0 30px 0;}
.diamondInputRow .inputLabel {padding: 0 0 0 40px;}
.diamondInputRow .inputField {width: 200px; height: 25px; margin-left:10px;}
.diamondInputRow .cancel, .diamondLinkRow .cancel, .diamondSubmitRow .cancel {padding-right: 10px;}
.diamondInputRow .link:focus, .diamondLinkRow .link:focus, .diamondSubmitRow .link:focus {text-decoration:underline;}

/******** general settings for reg module *****/
/*****date picker*****/
#htmlDiamondContainer #calendar {height:240px; width:366px; margin:20px auto;}
#htmlDiamondContainer .diamondRegBoxDate {border:none; margin-bottom: 20px;}
#htmlDiamondContainer .diamondRegBoxDate .bdayLabel {font-size:15px;}
#htmlDiamondContainer .diamondRegBoxDate .bdayFormat {font-size:12px; color:#666666; padding:0 0 0 3px;}
#htmlDiamondContainer .diamondRegBoxDate .datePickerNext{margin:10px auto 40px auto; width:366px;}
/* date picker input field */
#htmlDiamondContainer #calendar input.date {border:1px solid #ccc; font-size:15px; padding:4px; text-align:center; width:358px; -moz-box-shadow:0 0 10px #eee inset;}
#htmlDiamondContainer #calroot {z-index:90; margin-top:-22px; width:370px;}
#htmlDiamondContainer #calbody {clear:both; width:364px; font-size:13px; border:1px solid #BDC8D2; border-width:1px 1px 0; -moz-box-shadow:0 0 10px 0px #ccc; -webkit-box-shadow:0 0 10px 0px #ccc;}
#htmlDiamondContainer #calnext, #htmlDiamondContainer #calprev {display:none;}/* don't display arrows */
#htmlDiamondContainer #bdayContinue {}
#htmlDiamondContainer #bdayCalLink {float: left; display: none; font-size:14px; cursor:pointer;}
#calprev.caldisabled, #calnext.caldisabled {visibility:hidden;}
/* position absolute calendar */
#calweeks {border:1px solid #BDC8D2; border-width:1px 1px 0px 1px;}
#caldays span {display:block; float:left; width:52px; text-align:center; font-weight:bold; padding:4px 0; font-size:11px; color:#7e7e7e; line-height:18px;}
.calweek {clear:left; height:50px; border-bottom:1px solid #BDC8D2;}
.calweek a {display:block; float:left; width:50px; height:50px; text-decoration:none; font-size:15px; text-align:center; line-height:50px; color:#000; border-right:1px solid #ffffff; border-left:1px solid #ffffff; text-shadow:1px 1px 1px #fff;}
a.calsunday {border-left:1px solid transparent; color:#900; background-color:#f2f2f2;}
.calweek a:hover, .calfocus {}
.calsun {color:red;}
a.caloff {color:#999; background:#eee url(/media/img/gradient/h80.png) repeat-x;}
a.caloff.calfocus {background-color:#ddd;}
.caldisabled {background-color:#efefef !important; color:#ccc	!important; cursor:default;}
.caloff:hover {background-color:rgb(245, 245, 250);}
#caltitle {text-align:left; font-size:14px; padding: 10px 0 10px 0; width:366px;}
#caltitle select {font-size:10px; margin-right:5px;}
#theday {-moz-border-radius:5px; background-color:#36387B; color:#FFFFFF; float:left; font-size:90px; height:80px; line-height:50px; margin-top:30px; padding:60px; text-shadow:0 0 5px #DDDDDD; width:117px;}
#theday span {display:block; font-size:16px; text-align:center;}
/* current day */
#calcurrent {background-color:#498CE2; color:#fff; text-shadow:0 1px 0 #000; border:0; width:52px; background-image:none; -moz-box-shadow:inset 0 0 10px 0px #000;}
/* today */
#caltoday {background-color:#666; color:#fff; text-shadow:0 1px 0 #000;}
/*****reg form *****/
#htmlDiamondContainer .diamondRegBox {width: 470px; margin:20px auto 0 auto; position: relative;}
#htmlDiamondContainer .diamondRegBox #serverCheckError {padding-bottom:5px;}
#htmlDiamondContainer .diamondRegBox #regFormMask{background-color: #ffffff; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity: 0.8; position:absolute; z-index:3; top: 0px; left: 0px; *z-index:0; *height:700px;}
#htmlDiamondContainer .diamondRegBox .labelText{text-align: right; display: inline; float: left; padding: 10px 20px 0px 5px; width: 120px;}
#htmlDiamondContainer .diamondRegBox .textInput {display: inline; float: left; font-size: 12px; height: 20px; line-height: 20px; text-align: left; width: 180px;}
#htmlDiamondContainer .diamondRegBox .formErrorMsg{float: left; padding-left: 10px; width: 95px; padding-right: 15px;}
#htmlDiamondContainer .diamondRegBox .input_field {margin-bottom: 15px;}
#htmlDiamondContainer .diamondRegBox .input_field_last {margin-bottom:30px;}
#htmlDiamondContainer .diamondRegBox .diamondOptinTitle {border-top: 1px dashed #6D6D6D; padding-top: 30px; color: #306B87; font-family: "MuseoSlab",Arial; font-size: 15px; font-weight: 500; padding-left: 20px; text-align: left; width:100%;
margin-bottom:0px;}
#htmlDiamondContainer .diamondRegBox .diamondOptinItem {margin: 0 0 30px 20px;}
#htmlDiamondContainer .diamondRegBox .diamondOptinItemFirst {-webkit-margin-top-collapse: separate; margin-top:15px; }/* to fix safari/chrome not able to preserve margin in legend tag*/
#htmlDiamondContainer .diamondRegBox .diamondOptinItem .optinTitle {font-size: 12px; font-weight: bold;}
#htmlDiamondContainer .diamondRegBox .diamondOptinItem .diamondOptinCheckbox {float:left; margin-top:0px;}
#htmlDiamondContainer .diamondRegBox .optinDesc {padding-left: 2px;}
#htmlDiamondContainer .diamondRegBox .regFormSubmit {margin-bottom:40px; text-align: right;}
#htmlDiamondContainer .diamondRegBox .regFormSubmit .cancel {padding-right: 12px;}
#htmlDiamondContainer .diamondRegBox .regFormSubmitChild {text-align:center; margin-right:26px;}
#htmlDiamondContainer .diamondRegBox .touAgreement {font-size:11px; text-align:center; padding-top:5px;}
#htmlDiamondContainer .diamondRegBox .touAgreement a {text-decoration:underline;}
#htmlDiamondContainer .diamondRegBox #diamondRegAcctRow .htmlDiamondDialog {position:absolute; z-index: 5; top:15px; right: 100px; }
#htmlDiamondContainer .diamondRegBox #diamondRegAcctRow {position: relative;}
#htmlDiamondContainer #diamondRegAcctRow #diamondRegAcctSuggest {display:none;}
#htmlDiamondContainer #diamondRegAcctRow .suggestList { margin-top:10px;}
#htmlDiamondContainer #diamondRegAcctRow .suggestList .diamondAcctSuggestName {margin-left:0px; margin-bottom:3px;}
#htmlDiamondContainer #diamondRegAcctRow .suggestSubmit {margin: 30px 0 0 0; text-align: center;}


/*****reg dname*****/
#htmlDiamondContainer #diamondRegBoxRegDname {width: 470px; margin:20px auto 0 auto;}
#htmlDiamondContainer .dnameDescBox {width:200px; padding-left:146px;}
#htmlDiamondContainer #diamondRegInputDname {margin-top:12px;}

/***** general settings for basic Reg pages (in page) *****/
.basicRegFooter {margin-top:25px;}
.footerLink{font-size: 11px; line-height: 30px; text-align: center;}
.footerLink span:focus {text-decoration: underline;}
.footerLink span:after, .footerLink li:after {color: #D3D3D3; content: "|"; padding: 0 8px 0 6px;}
.footerLink li {display:inline-block; zoom:1;}
.ie7 .footerLink li {display:inline; padding-right:8px;}
.footerLink span.last:after, footerLink li.last:after{content: ""; padding: 0;}
.htmlDiamondInpage .headerBlock {height: 40px; padding: 40px 40px 0px; position: relative; margin:auto; width:500px;}
.htmlDiamondInpage .diamondDisneyLogo {float: left;}
.htmlDiamondInpage .mainTitle {color: #306B87; display: inline-block; font-size: 24px; font-weight: 100; padding:5px 0 0 3px;}

/*************** mobile website settings ***********/
@media screen and (max-width:600px)
{

}

/***** flavor settings *****/
.BLUE_LIGHT {/*border: 1px solid #7F8FA9;*/}
.BLUE_LIGHT .inputLabel {color:#7f8fa9;}
.BLUE_LIGHT .a, .link {color: #287fd5;}
.BLUE_LIGHT .diamondInputRow .cancel, .BLUE_LIGHT .diamondLinkRow .cancel, .BLUE_LIGHT .diamondSubmitRow .cancel {color:#287fd5;}
.BLUE_LIGHT .twoToneButton {color: #242851;}
.BLUE_LIGHT .twoToneButton:hover, .twoToneButton .hover {background-color: #7f8fa9;}
.BLUE_LIGHT .forgot_link {color: #287fd5; letter-spacing: 0.2px;}
.BLUE_LIGHT .acct_id_link {color: #629dd1;}
.BLUE_LIGHT #calendar .date {border: 1px solid #7F8FA9;}
.BLUE_LIGHT .bdayLabel {color:#7f8fa9;}

.YELLOW {/*border: 1px solid #efe1a2;*/}
.YELLOW .inputLabel {color:#fbc01e;}
.YELLOW .a, .link {color: #fa8717;}
.YELLOW .diamondInputRow .cancel, .YELLOW .diamondLinkRow .cancel, .YELLOW .diamondSubmitRow .cancel {color: #fa8717;}
.YELLOW .twoToneButton {color: #fa8717;}
.YELLOW .twoToneButton:hover, .YELLOW .twoToneButton .hover {background-color: #efe1a2;}
.YELLOW .forgot_link {color:#263b86; letter-spacing: 0.2px;}
.YELLOW .acct_id_link {color: #77b6f2;}
.YELLOW .footerLink a {color:#fbc01e;}
.YELLOW .bdayLabel {color:#fbc01e;}

.PINK {/*border: 1px solid #d4d4d6;*/}
.PINK .inputLabel {color:#e66c7d;}
.PINK .a, .link {color: #60b5cc;}
.PINK .diamondInputRow .cancel, .PINK .diamondLinkRow .cancel, .PINK .diamondSubmitRow .cancel {color:#e4919c;}
.PINK .twoToneButton {color: #c64847;}
.PINK .twoToneButton:hover, .PINK .twoToneButton .hover {background-color: #5a6378;}
.PINK .forgot_link {color:#c64847; letter-spacing: 0.2px;}
.PINK .acct_id_link {color: #e88652;}
.PINK .footerLink a {color:#5a6378;}
.PINK .bdayLabel {color:#e66c7d;}

.ORANGE {/*border: 1px solid #eb8f00;*/}
.ORANGE .inputLabel {color:#323232;}
.ORANGE .a, .link {color: #eb8f00;}
.ORANGE .diamondInputRow .cancel, .ORANGE .diamondLinkRow .cancel, .ORANGE .diamondSubmitRow .cancel {color: #eb8f00;}
.ORANGE .twoToneButton {color: #eb8f00;}
.ORANGE .twoToneButton:hover, .ORANGE .twoToneButton .hover {background-color: #eb8f00;}
.ORANGE .forgot_link {color:#323232; letter-spacing: 0.2px;}
.ORANGE .acct_id_link {color: #e94901;}
.ORANGE .footerLink a {color:#E94901;}
.ORANGE .bdayLabel {color:#323232;}

.PURPLE_DARK {/*border: 1px solid #c3afcc;*/}
.PURPLE_DARK .inputLabel {color:#663466;}
.PURPLE_DARK .a, .link {color: #666699;}
.PURPLE_DARK .diamondInputRow .cancel, .PURPLE_DARK .diamondLinkRow .cancel, .PURPLE_DARK .diamondSubmitRow .cancel {color: #666699;}
.PURPLE_DARK .twoToneButton {color: #330f42;}
.PURPLE_DARK.twoToneButton:hover, .PURPLE_DARK .twoToneButton .hover {background-color: #c3afcc;}
.PURPLE_DARK .forgot_link {color: #663466; letter-spacing: 0.2px;}
.PURPLE_DARK .acct_id_link {color: #999966;}
.PURPLE_DARK .footerLink a {color:#663466;}
.PURPLE_DARK .bdayLabel {color:#663466;}

.PURPLE_LIGHT {/*border: 1px solid #b7a9e0;*/}
.PURPLE_LIGHT .inputLabel {color:#8c73d0;}
.PURPLE_LIGHT .a, .link {color: #b45ec7;}
.PURPLE_LIGHT .diamondInputRow .cancel, .PURPLE_LIGHT .diamondLinkRow .cancel, .PURPLE_LIGHT .diamondSubmitRow .cancel {color: #b45ec7;}
.PURPLE_LIGHT .twoToneButton {color: #b45ec7;}
.PURPLE_LIGHT .twoToneButton:hover, .PURPLE_LIGHT .twoToneButton .hover {background-color: #c5a6e8;}
.PURPLE_LIGHT .forgot_link {color:#2f1f58; letter-spacing: 0.2px;}
.PURPLE_LIGHT .acct_id_link {color:#8c73d0;}
.PURPLE_LIGHT .footerLink a {color: #bd97e7;}
.PURPLE_LIGHT .bdayLabel {color:#8c73d0;}

.GREEN_DARK {/*border: 1px solid #bad6ad;*/}
.GREEN_DARK .inputLabel {color:#7c8f97;}
.GREEN_DARK .a, .link {color: #667559;}
.GREEN_DARK .diamondInputRow .cancel, .GREEN_DARK .diamondLinkRow .cancel, .GREEN_DARK .diamondSubmitRow .cancel {color: #4a5a60;}
.GREEN_DARK .twoToneButton {color: #4a5a60;}
.GREEN_DARK .twoToneButton:hover, .GREEN_DARK .twoToneButton .hover {background-color: #bad6ad;}
.GREEN_DARK .forgot_link {color:#667559; letter-spacing: 0.2px;}
.GREEN_DARK .acct_id_link {color: #999966;}
.GREEN_DARK .footerLink a {color:#656f5d;}
.GREEN_DARK .bdayLabel {color:#7c8f97;}

.GREY_DARK {/*border: 1px solid #808080;*/}
.GREY_DARK .inputLabel {color:#5e5e5e;}
.GREY_DARK .a, .link {color: #2a2a2a;}
.GREY_DARK .diamondInputRow .cancel, .GREY_DARK .diamondLinkRow .cancel, .GREY_DARK .diamondSubmitRow .cancel {color: #2a2a2a;}
.GREY_DARK .twoToneButton {color: #2a2a2a;}
.GREY_DARK .twoToneButton:hover, .GREY_DARK .twoToneButton .hover {background-color: #6f6d5d;}
.GREY_DARK .forgot_link {letter-spacing: 0.2px;}
.GREY_DARK .acct_id_link {color:#5e5e5e; }
.GREY_DARK .footerLink a {color:#4d4d4d;}
.GREY_DARK .bdayLabel {color:#5e5e5e;}