﻿/* Common structure layout */

body {
    width: 977px;
    margin: auto;    
    font-family:Arial,Verdana,Helvetica,sans-serif;
    font-size:12px;
    color:#666666;
    position: relative;
    background-color: #FFFFFF;
}

a {
    text-decoration: none;    
    color: #00446E;    
}

a:hover {
    text-decoration: underline;
}

form input {
    border-color: #C1C1C1;
    border-width: thin;
}

h1 {
    color: #123160;
    font-weight: normal;
}

h2, h3, h4, h5 {
    color:#212121;
    font-weight:normal;
    font-size:18px;
}

/* common elements */
div#needHelpDiv {
    width: 397px;
    height: 244px;    
    border-right: solid 1px #E2E2E2;
    border-top: solid 1px #E2E2E2;
    margin-bottom: -10px;
}

div#alreadyPurchasedDiv {
    width: 385px;
    height: 244px;        
    border-top: solid 1px #E2E2E2;
    margin-left:397px;
    margin-top:-245px;
}

a.linkButton {
    background: transparent url(/images/buttons/linkbutton.png) no-repeat scroll right 1px;    
    padding-right: 24px;
}

input.fields_txt {
    border: 1px solid #DEDEDE;    
}

span.confirmText {
    font-weight: bold;
    margin-left: 30px;
}

span.confirmTextSignUp {
    font-weight: bold;
}

span.confirmTextDate {
    font-weight: bold;    
}

div.floatWrapper {
    float: none;   
}

/* breadcrumb links */
div.breadcrumb {
    width: auto;
    height: auto;
    font-size: 11px;
    font-weight: bold;    
    margin-left: 180px;
    margin-top: 10px;
}

/* Top menu */

div.menuTop {
    height: 35px;
    width: 100%;
    margin-bottom: 15px;
}

div.menuTop div.menu2 {
    float:right;    
    background-image: url(/images/menuTopList2.png);    
    background-position: 100% 100%;
    background-repeat: no-repeat;
    width: 165px;
    height: 37px;
    padding-left: 20px;    
}

div.menuTop div.menu2FR {
    float:right;    
    background-image: url(/images/menuTopList2_FR.png);    
    background-position: 100% 100%;
    background-repeat: no-repeat;
    width: 206px;
    height: 36px;
    padding-left: 20px;    
}

div.menuTop div.menu1 {
    float:right;    
    background-image: url(/images/menuTopList1_2.png);    
    background-position: 100% 100%;
    background-repeat: no-repeat;
    width: 380px;
    height: 37px;    
}

div.menuTop div.menu1FR {
    float:right;    
    background-image: url(/images/menuTopList1_FR_2.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    width: 474px;
    height: 36px;    
}

div#MyAccountLink 
{
	width: 65px;
	height: 10px;
	position: relative;
	float:left;
	margin-left: 9px;
}

div#ContactUsLink {
    width: 65px;
    height: 10px;
    float: left;
    position: relative;
}

div#LiveHelpLink {
    width: 55px;
    height: 10px;
    margin-left: 17px;
    float: left;
    position: relative;
}

div#SupportLink {
    width: 42px;
    height: 10px;
    margin-left: 13px;
    float: left;
    position: relative;
}

div#LanguageLink {
    width: 80px;
    height: 10px;
    margin-left: 20px;
    float: left;
    position: relative;
}

div#MemberLoginLink {
    width: 90px;
    height: 10px;    
    float: left;
    position: relative;
}

div#SignUpLink {
    width: 45px;
    height: 10px;
    margin-left: 13px;
    float: left;
    position: relative;
}

div#ContactUsLinkFR {
    width: 90px;
    height: 10px;
    float: left;
    position: relative;
}

div#LiveHelpLinkFR {
    width: 117px;
    height: 10px;
    margin-left: 17px;
    float: left;
    position: relative;
}

div#MyAccountFR {
    width: 90px;
    height: 10px;
    margin-left: 7px;
    float: left;
    position: relative;
}

div#SupportLinkFR {
    width: 30px;
    height: 10px;
    margin-left: 0px;
    float: left;
    position: relative;
}

div#LanguageLinkFR {
    width: 75px;
    height: 10px;
    margin-left: 20px;
    float: left;
    position: relative;
}

div#MemberLoginLinkFR {    
    height: 10px;    
    float: left;
    position: relative;
}

div#SignUpLinkFR {
    width: 45px;
    height: 10px;
    margin-left: 18px;
    float: left;
    position: relative;
}

div#menu1Links {
    margin-top: 12px;
    margin-left: 11px;   
}

div#menu2Links {
    margin-top: 12px;
    margin-left: 11px;    
}

div#menu1LinksFR {
    margin-top: 12px;
    margin-left: 20px;   
}

div#menu2LinksFR {
    margin-top: 12px;
    margin-left: 11px;    
}

span.MenuSpan {
    color: #000000;     
}

span.LanguageSpan {
    font-weight: normal;
}

/* main content */

div.contentMain {
    background-image: url(/images/contentMainBackground.png);
    background-position: top left;
    background-repeat: repeat-x;
    height: 440px;
    width: 100%;
}

div.contentMainHeader {
    background-image: url(/images/contentMainTop.png);
    background-repeat: no-repeat;
    width: 977px;
    height: 79px;     
    border-width: 0;       
}

div.contentMainHeaderFR {
    background-image: url(/images/contentMainTop_FR.png);
    background-repeat: no-repeat;
    width: 977px;
    height: 79px;          
    border-width: 0;         
}

div#LogoLink {
    width: 94px;
    height: 55px;
    margin-left: 21px;  
    margin-top: 25px;
    float: left;
    position: relative;
}

div.contentMainLeft {
    background-image: url(/images/contentMainLeft.png);
    background-repeat: no-repeat;
    width: 5px;
    height: 440px;            
    float: left;
    margin-top: -1px;    
}

div.contentMainRight {
    background-image: url(/images/contentMainRight.png);
    background-repeat: no-repeat;
    width: 5px;
    height: 440px;            
    float: right;
    margin-top: -1px;
}

div.contentMainInnerTop {
    background-image: url(/images/contentMainInnerTop.png);
    background-repeat: no-repeat;
    width: 785px;
    height: 10px;    
    margin-top: 14px;
    margin-left: 180px;    
}

div.contentMainInnerBottom {
    background-image: url(/images/contentMainInnerBottom.png);
    background-repeat: no-repeat;
    width: 785px;
    height: 10px;
    margin-left: 180px;
    margin-top: -10px;
}

div.contentMainInner {    
    margin-left: 180px;    
    width: 783px;
    height: 577px;  
    border-left: solid 1px #E2E2E2;
    border-right: solid 1px #E2E2E2;
    background-color: #FFFFFF;
    margin-top: -5px;          
    padding-top: 5px;
}

div.contentMainInnerFooter {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #D9D9D9;
    margin-left: 180px;    
    margin-top: 22px;
    height: 50px;
}

a.footerLink {
    margin-left: 20px;
    color: #999999;
    font-size: 10px;    
}

a.footerLinkFirst {
    margin-left: 0px;    
    color: #999999;
    font-size: 10px;    
}

div.footerLinkDiv {
    margin-top: 13px;
    color: #999999;
    font-size: 10px;  
}

/* home page */

div.homeContentFooter {    
    height: 43px;
    background-image: url(/images/home/homeContentFooterBackground.png);
    background-position: 100% 100%;
    background-repeat: repeat-x;
    border-top: 1px solid #C5C5C5;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
}

div.homeContentFooterFR {    
    height: 43px;
    background-image: url(/images/home/homeContentFooterBackground_FR.png);
    background-position: 100% 100%;
    background-repeat: repeat-x;
    border-top: 1px solid #C5C5C5;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
}

div.homeContentHeader {
    width: 100%; 
    height: 301px;     
}

div.homeContentMiddle {
    background-image: url(/images/home/homeContentMiddleBackground.png);
    background-repeat: no-repeat;
    height: 229px;
    margin-left: 1px;
    margin-right: 1px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #E0E0E0;
}

div.homeContentMiddleFR {
    background-image: url(/images/home/homeContentMiddleBackground_FR.png);
    background-repeat: no-repeat;
    height: 229px;
    margin-left: 1px;
    margin-right: 1px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #E0E0E0;
}

div#HomeTrialLink {
    width: 222px;
    height: 15px;
    margin-top: 65px;
    margin-left: 487px;
    float: left;
    position: relative;
}

div#SignUpNowLink {
    width: 91px;
    height: 21px;
    margin-top: 44px;
    margin-left: 13px;
    float: left;
    position: relative;
}

div#BellSignUpLink {
    width: 78px;
    height: 24px;
    margin-top: 44px;
    margin-left: 382px;
    float: left;
    position: relative;
}

div#NonBellSignUpLink {
    width: 78px;
    height: 24px;
    margin-top: 44px;
    margin-left: 78px;
    float: left;
    position: relative;
}

div#DownloadNowLink {
    width: 90px;
    height: 15px;
    margin-top: 16px;
    margin-left: 539px;
    float: left;
    position: relative;
}

div#SignUpNowLinkFR {
    width: 172px;
    height: 21px;
    margin-top: 42px;
    margin-left: 3px;
    float: left;
    position: relative;
}

div#BellSignUpLinkFR {
    width: 95px;
    height: 24px;
    margin-top: 42px;
    margin-left: 311px;
    float: left;
    position: relative;
}

div#NonBellSignUpLinkFR {
    width: 95px;
    height: 24px;
    margin-top: 42px;
    margin-left: 58px;
    float: left;
    position: relative;
}

div#homeContentMainInner {
    background-image: url(/images/contentMainInnerBackground.png);
    background-repeat: no-repeat;
    margin-left: 180px;    
    width: 785px;
    height: 577px;  
    border-left: none;
    border-right: none;             
    margin-top: 14px;     
    padding-top: 0px;
}

div#DownloadNowLinkFR {    
    height: 15px;
    margin-top: 15px;
    margin-left: 535px;
    float: left;
    position: relative;
}

div#homeTenDollarsFR {
    margin-top: -24px; 
    margin-left: 636px; 
    height: 24px; 
    width: 120px; 
    position: relative;
}

div#homeSixDollarsFR {
    margin-top: 102px; 
    margin-left: 487px; 
    height: 24px; 
    width: 100px; 
    position: relative;
}

div#homeSignUpText {
    margin-top: 107px;
    margin-left: 87px;
}

div#homeDownloadText {
    margin-top: -41px;        
    margin-left: 252px;
}

div#homePlayText {
    margin-top: -26px;        
    margin-left: 408px;
}

div#homeSignUpTextFR {
    margin-top: -4px;
    margin-left: 87px;
}

div#homeDownloadTextFR {
    margin-top: -41px;        
    margin-left: 252px;
}

div#homePlayTextFR {
    margin-top: -26px;        
    margin-left: 408px;
}

/* Login Page */

div#loginBreadcrumb {
    background-image: url(/images/login/breadcrumb.png);
    background-repeat: no-repeat;
    width: 67px;
    height: 11px;
    margin-left: 180px;
    margin-top: 10px;
}

div#loginFormDiv {
    width: 454px;
    height: 329px;
    border-right: solid 1px #E2E2E2;
    float: left;
}

div#loginSignupDiv {
    width: 328px;
    height: 329px;    
    float: left;
}

form.loginForm {
    margin-left: 29px;    
}

div.loginFormSignupText {
    margin-left: 21px;    
    margin-right: 20px;
}

img.liveChatButton {
    border: 0;
    float: right;
    margin-top: -120px;
}

img.liveChatButtonFR {
    border: 0;
    float: right;
    margin-top: -120px;
}

/* Contact Us Page */
div#contactUsLeftDiv {
    width: 397px;
    height: 244px;
    border-right: solid 1px #E2E2E2;
    float: left;  
}

div#contactUsRightDiv {
    width: 385px;
    height: 244px;    
    float: left;    
}

div.contactUsInner {
    margin-left: 30px;    
    margin-right: 30px;
}

/* chat page */
div#chatBreadcrumb {
    background-image: url(/images/chat/breadcrumb.png);
    background-repeat: no-repeat;
    width: 84px;
    height: 8px;
    margin-left: 180px;
    margin-top: 10px;
}

div#liveChatFormDiv {
    width: 783px;
    height: 373px; 
    padding-bottom: 20px;       
}

form.liveChatForm {
    margin-left: 29px;    
    padding-top: 5px;
}

div#chatContentMainInner {
    height: auto;
}

/* faq page */
div#faqBreadcrumb {
    background-image: url(/images/faq/breadcrumb.png);
    background-repeat: no-repeat;
    width: 77px;
    height: 10px;
    margin-left: 180px;
    margin-top: 10px;
}

div.faqText {
    margin-left: 20px;
}

/* Sign Up Now Page */
div.signUpTextDiv {
    margin-left: 21px;    
    margin-right: 20px;
    border-bottom: solid 1px #E2E2E2;     
    padding-bottom: 20px;    
}

div#signUpRightDiv {
    float:left;
    width: 252px;
}

div#signUpLeftDiv {
    float:left;
    width: 485px;
    border-right: solid 1px #E2E2E2;
    padding-left: 30px;
    padding-right: 15px;
}

div.signUpLeftDivText {
    border-bottom: solid 1px #E2E2E2;
    padding-bottom: 20px;
}

/* Used on all Sign Up, Confirm and Download pages */
div.signUpTop {
    margin-left: 30px; 
    padding-top: 5px; 
    margin-right: 30px; 
    padding-bottom: 20px; 
    border-bottom: solid 1px #E2E2E2;
}

div.signUpBottom {
    margin-left: 30px; 
    padding-top: 5px; 
    margin-right: 30px; 
    padding-bottom: 20px; 
    border-top: solid 1px #E2E2E2;
}

/*
* ADDED BY EKEM
*/
div.clear
{
	clear: left;
}

div.fieldLabel
{
	float: left;
	width: 200px;
	margin-bottom: 5px;
}

div.fieldControl
{
	float: left;
	width: 350px;
	margin-bottom: 5px;
}

input.PostalCode
{
	width: 50px;
}

.subTitle
{
	color: #666666;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	margin-bottom: 1px;
}

div.downloadLinkBanner {    
    height: 43px;
    background-image: url(/images/downloadPlayerBanner.png);
    background-position: 100% 100%;
    background-repeat: repeat-x;
    border-top: 1px solid #C5C5C5;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
}

div.downloadLinkBannerFR {    
    height: 43px;
    background-image: url(/images/downloadPlayerBanner_FR.png);
    background-position: 100% 100%;
    background-repeat: repeat-x;
    border-top: 1px solid #C5C5C5;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
}

.btn_sub_E {
	
	background-image: url(../images/buttons/confirmbutton.png);
	
	background-repeat: no-repeat;
	background-color: transparent;
	border-style:none;
	width: 95px;
	height: 25px;
}

.btn_sub_F {
	
	background-image: url(../images/buttons/confirmbutton_FR.png);
	
	background-repeat: no-repeat;
	background-color: transparent;
	border-style:none;
	width: 95px;
	height: 25px;
}
