html, body {
    margin: 0;
    padding: 0;
    height: 722px; /* The height of the iframe */
    overflow: hidden;
}

html {
    width: 994px; /* The width of the iframe */
}

body {
    font-family: Arial;
    font-size: 12px;
    color: #004a66;
    background-color: #ffffff;
	text-align:center;
    border-left: 7px #fff solid;
    border-right: 7px #fff solid;
    width: 980px!important; /* The html width minus the border width */
    width: 994px; /* Hack for IE */
}

/* -------------------------------
           Header Bar
-------------------------------- */

div.HeaderBar {
    position: relative;
    height: 55px;
	width:980px;
	background-image: url(../images/newheader.jpg);
}

div.HeaderBar div.Block {
    float: left;
}

div.HeaderBar div.Logo img{
	border:0 none;
	height:45px;
	margin-left:9px;
	margin-top:7px;
	width:329px;
}

div.HeaderBar div.UserLogin {
	color:#00ADEF;
	cursor:pointer;
	height:52px;
	left:819px;
	position:absolute;
	top:6px;
	width:150px;
}

/*-------------------------------
	Login/Register
----------------------------------*/

.LoginLinks {
	color: #fefefe;
	font-weight:bold;
	font-size:14px;
}

.LoginLinks .Login {
	cursor:pointer;
	height:17px;
	overflow:hidden;
	width:129px;
	margin-top:14px;
	font-weight:normal;
	text-align:right;
	font-size:12px;
}

.LoginLinks .Login_MouseOver {
	color: #deb239;
}

.LoginLinks .Register {
	cursor:pointer;
	font-size:12px;
	height:17px;
	overflow:hidden;
	width:145px;
	font-weight:normal;
	text-align:right;
}

.LoginLinks .Register_MouseOver {
	color: #deb239;
}

.LoginLinks .UserName {
	cursor:pointer;
	display:inline;
	float:left;
	height:15px;
	margin-top:17;
	overflow:hidden;
	width:150px;
	font-size:12px;
	text-align:right;
}

.LoginLinks .UserName_MouseOver {
}

.LoginLinks .UpdateProfile {
	cursor:pointer;
	display:inline;
	float:right;
	font-size:10px;
	height:15px;
	margin-top:1px;
	overflow:hidden;
	width:75px;
	text-align:right;
}

.LoginLinks .UpdateProfile_MouseOver {
	color: #deb239;
}

.LoginLinks .UpdatePassword {
	display:none;	
}

.LoginLinks .UpdatePassword_MouseOver {
}

.LoginLinks .Logout {
	cursor:pointer;
	display:inline;
	float:right;
	font-size:10px;
	height:16px;
	margin-top:1px;
	overflow:hidden;
	width:43px;
	text-align:right;
}

.LoginLinks .Logout_MouseOver {
	color: #deb239;
}


/* -------------------------------
            PVS Raters
-------------------------------- */

div.Rater {
	height:17px;
	width:95px;
}

div.Rater div.RateButton {
    float: left;
    margin: 1px;
    width: 16px;
    height: 14px;
    background-image: url(../images/star_white.png);
    font-size: 1px;
}

div.Rater div.RateButton_Active {
    background-image: url(../images/star_red.png);
}

div.Rater div.RateButton_Active_User {
    background-image: url(../images/star_red.png);
}

div.Selected div.Rater div.RateButton {
    background-image: url(../images/star_white.png);
}

div.Selected div.Rater div.RateButton_Active {
    background-image: url(../images/star_red.png);
}

div.Selected div.Rater div.RateButton_Active_User {
    background-image: url(../images/star_red.png);
}

div.MouseOver div.Rater div.RateButton {
    background-image: url(../images/star_white.png);
}

div.MouseOver div.Rater div.RateButton_Active {
    background-image: url(../images/star_red.png);
}

div.MouseOver div.Rater div.RateButton_Active_User {
    background-image: url(../images/star_red.png);
}

div.TabContents div.Rater div.RateButton {
    display:none;
}

/* -------------------------------
          PVS ShareButtons
-------------------------------- */

.ShareButtons {
    width: 200px;
    height: 30px;
}

.ShareButtons .ShareLinkButton {
    float: left;
    margin: 2px;
}

.ShareButtons .ShareLinkButton img {
    width: 20px;
    height: 20px;
    border-style: none;
}

/* -------------------------------
  Hide ShareBoxes in TabbedNowPlayingInfo for Flash
-------------------------------- */

div.TabbedNowPlayingInfo div.ShareSegmentURLBox,
div.TabbedNowPlayingInfo div.SharePlaylistURLBox 
{
    display:none;
}

/* -------------------------------
        ModalBox Styling
-------------------------------- */

.MB {
    font-size: 12px;
}

.MB td {
	color:#EEEEEE;
	font-size:11px;
	font-weight:bold;
}

.MB input {
	background-color:#eeeeee;
	color:#222222;
	font-size:11px;
	width:230px;
	border: 0 none;
	height:17px;
	font-weight:bold;
}

.MB .ShortButton {
	width: 85px;
	height: 19px;
	margin-left:4px;
}

.MB .UpdatePWButton {
	width: 143px;
	height: 19px;
}

.MB_instructions {
	margin-left:18px;
	font-size: 11px;
	margin-top: 0px;
}

.MB_instructions a {
    color: #efefef;
}

.MB_instructions2 {
	margin-left:24px;
	font-size: 11px;
	position:absolute;
	top:165px !important;
	top:131px;
}

.MB_instructions2 a {
	color:#efefef;
}

.MB_instructionsForgotPW {
	margin-left:24px;
	font-size: 11px;
	position:absolute;
	top:165px !important;
	top:131px;
}

.MB_instructionsForgotPW a {
    color: #efefef;
}

.MB_registration {
	margin-left:27px;
	font-size: 11px;
	position:absolute;
	top:300px !important;
	top:291px;
}

.MB_registration a {
	color:#efefef;
}

.MB_UpdateProfileLink {
	margin-left:27px;
	font-size: 11px;
	position:absolute;
	top:263px !important;
	top:250px;
}

.MB_UpdateProfileLink a {
    color: #efefef;
}

.MB_status {
    color: #00ff00;
	margin-left: 22px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .MB_status { padding-top:10px; }
}

.MB_error {
	color:#00ff00;
	left:91px;
	position:absolute;
	top:115px !important;
	top:81px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .MB_error { margin-top:0px; }
}

#MB_overlay {
    position: absolute;
    margin: auto;
    top: 0; 
	left: 0;
    width: 100%; 
	height: 722px;
	overflow: hidden;
    z-index: 9999;
    background-color: #000!important;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
    position:absolute;
    top: 0;
    border: 0 solid;
    text-align:left;
    z-index:10000;
    color:#eeeeee;
	margin-top:126px;
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
    position:relative;
    height:401px;
	background-repeat: no-repeat;
}

#MB_header {
    margin:0;
    height: 34px;
    background-image: url(../images/modal_top.gif);
}

.ModalPrize #MB_header {
	display:none;
}

#MB_content {
    overflow:auto;
}

.MB_Login {
	height: 245px;
	background-image: url(../images/login_bottom.gif);
	width:451px;
	overflow: hidden;
}

.MB table {
	padding-left: 17px; 
	margin-top: 20px !important;
	margin-top: 0px;
	margin-left: 0px !important;
	margin-left: 17px;
}

.MB_Register {
	height: 388px;
	background-image: url(../images/registration_bottom.gif);
	width:451px;
}

.MB_Register table {
	padding-left: 20px;
	margin-top: 15px !important;
	margin-top: 0px;
}

.MB_Register .checkboxline {
	color: #FEFEFE;
	font-weight:normal;
	padding-top:20px;
}

.MB_Register .checkboxline input {
	width: 16px;
	vertical-align: middle;
	margin-left:0;
}

.MB_Register .MB_error {
	color:#00ff00;
	left:26px !important;
	left:24px;
	position:absolute;
	top:235px !important;
	top:217px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .MB_Register .MB_error { margin-top:0px; }
}

.MB_Register .MB_status {
	margin-top: 20px !important;
	margin-top: 30px;
	margin-left:27px;
}

.MB_buttons {
	margin-left:16px;
	width:264px;
	margin-top:12px;
}

.MB_buttons .createnew {
	float:left;
}

.MB_buttons .gallery {
	float: right;
}

.MB_UPDATEPASSWORD .UpdatePW {
	width:143px;
	border: 0 none;
	height:34px;
	overflow: hidden;
}

.MB_UPDATEPASSWORD .MB_error {
	color:#00ff00;
	left:126px;
	position:absolute;
	top:120px !important;
	top:86px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .MB_UPDATEPASSWORD .MB_error { margin-top:0px; }
}

.MB_UpdateProfile {
	height: 388px;
	background-image: url(../images/registration_bottom.gif);
	width:451px;
}

.MB_UpdateProfile table {
	padding-left: 20px;
	margin-top: 15px;
}

.MB_UpdateProfile .checkboxline {
	color: #FFFFFF;
	font-weight:normal;
}

.MB_UpdateProfile .checkboxline input {
	width: 16px;
	vertical-align: middle;
	margin-left:0;
}

.MB_UpdateProfile .MB_error {
	color:#00ff00;
	left:192px !important;
	left:190px;
	position:absolute;
	top:200px !important;
	top:177px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .MB_UpdateProfile .MB_error { margin-top:0px; margin-left:10px; }
}

.MB_UpdateProfile .MB_status {
	color:#00FF00;
	left:12px !important;
	left:10px;
	position:absolute;
	top:187px !important;
	top:164px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .MB_UpdateProfile .MB_status { margin-top:0px; padding-top:36px; margin-left:10px; }
}

.MB_RESETPASSWORD,
.MB_UPDATEPASSWORD {
	height: 245px;
	background-image: url(../images/modal_bottom.gif);
	width:451px;
	overflow: hidden;
}

.LoginForms {
	height: 92px;
	width: 400px;
}

.ResetPWForms {
	height: 118px;
	width: 400px;
}

.RegisterForms {
	height: 250px;
	width: 450px;
}

.UpdatePWForms {
	height: 118px;
	width: 400px;
}

.PasswordReset {
	height:16px;
	left:45px;
	position:absolute;
	width:150px;
	top:214px !important;
	top:180px;
}
	
#MB_caption {
    font: bold 85% "Lucida Grande", Arial, sans-serif;
    text-shadow: #FFF 0 1px 0;
    padding: .5em 2em 0 .75em;
    margin: 0;
    text-align: left;
}

#MB_close {
	position:absolute;
	right:16px;
	text-decoration:none;
	top:6px;
	width: 12px;
	height: 12px;
	background-image: url(../images/login_close_off.png);
	font-size:0px;
}

#MB_close:hover {
    background:transparent;
	background-image: url(../images/login_close_on.png);
}

#MB_loading {
    padding: 1.5em;
    text-indent: -10000px;
    background: transparent url(../images/spinner.gif) 50% 0 no-repeat;
}

/* Color scheme */


#MB_caption { 
	color:#eeeeee;
	font-size:18px;
	font-weight:normal;
	margin-left:3px;
	margin-top:0px;
	position:absolute;
}