/*************************************************************** 

    core dialog css 

****************************************************************/

#dialog .close {
    position: absolute;
    height: 17px;
    width: 17px;
    top: 11px;
    right: 11px;
    background: url('/dialog/images/btn_dialog-close.gif') top left no-repeat;
    cursor: pointer;
    z-index: 2181;
}

#dialog .close:hover { background-position:left -17px;}

#dialog input[type=text], 
#dialog input[type=password], 
#dialog textarea,
#login input.password,
#login input.text {
    background:transparent url(/dialog/../images/bg_input.gif) no-repeat scroll left top;
    border:1px solid #ccc;
    display:block;
    height:17px;
    padding:4px 4px 0;
}

#dialog .label {
    color:#666666;
    font-size:12px;
    margin-bottom:3px;
}

#dialog .dialog_footer { font-size:12px; }

#dialog .dialog_title {color:#343E42;}

#dialog .dialog_loading {
    position: absolute;
    right: 40px;
    top: 40px;
}

#dialog .error_message {
    margin: 10px 31px;
    padding: 6px;
    border: 1px solid red;
    background-color: #FFD0D2;
    color:#7B0000;
    font-weight: bold;
    font-size: 12px;
}

#dialog .success_message {
    margin: 10px 31px;
    padding: 6px;
    border: 1px solid green;
    background-color: #8DFB25;
    color:#0B5800;
    font-weight: bold;
    font-size: 12px;
}

/*************************************************************** 

    tabChoice css 

****************************************************************/

#dialog #tabChoice {
    background:#FFFFFF;
    border:1px solid #D9D7D8;
    font-family:helvetica;
    font-size:16px;
    height:390px;
    position:fixed;
    width:655px;
    z-index:500;
    display: none;
}

#dialog #tabChoice > div {
    position: absolute;
}

#dialog #tabChoice .dialog_title {
    font-size:30px;
    line-height:30px;
    text-align:center;
    top:50px;
    width:655px;
}

#dialog #tabChoice .dialog_footer {
    color:#666666;
    font-size:14px;
    line-height:16px;
    text-align:center;
    top:340px;
    width:655px;
}

#dialog #tabChoice .tabChoice_tip {
    position: absolute;
    width: 46px;
    height: 27px;
    background-image: url(/dialog/images/intro-dialog-tip.png);
    z-index:2;
    display: none;
    top:190px;
}

#dialog #tabChoice .tabChoice_title {
    left:112px;
    top:235px;
    z-index:2;
}

#dialog #tabChoice .tabChoice_dialog {
    background-image:url(/dialog/images/intro-dialog.png);
    height:118px;
    left:80px;
    top:210px;
    width:502px;
    z-index:1;
}

#dialog #tabChoice .tabChoice_input {
    background:transparent none repeat scroll 0 0;
    border:medium none;
    font-size:16px;
    left:36px;
    position:absolute;
    top:54px;
    width:390px;
    z-index:2;
}

#dialog #tabChoice .tabChoice_services {
    /*left:125px;*/
    left:25px;
    top:112px;
}

#dialog #tabChoice .tabChoice_services img {
    padding: 2px 6px;
    margin-right: 10px;
    cursor: pointer;
    opacity: 0.7;
}

#dialog #tabChoice .tabChoice_services img:hover {
    opacity: 1.0;
}

#dialog #tabChoice .tabChoice_feed .tabChoice_services img.tabChoice_feed,
#dialog #tabChoice .tabChoice_twitter .tabChoice_services img.tabChoice_twitter,
#dialog #tabChoice .tabChoice_mrss .tabChoice_services img.tabChoice_mrss,
#dialog #tabChoice .tabChoice_blogger .tabChoice_services img.tabChoice_blogger,
#dialog #tabChoice .tabChoice_motd .tabChoice_services img.tabChoice_motd,
#dialog #tabChoice .tabChoice_youtube .tabChoice_services img.tabChoice_youtube {
    opacity: 1.0;
}

#dialog #tabChoice .tabChoice_services div.tabChoice_feed img,
#dialog #tabChoice .tabChoice_services div.tabChoice_twitter img,
#dialog #tabChoice .tabChoice_services div.tabChoice_mrss img,
#dialog #tabChoice .tabChoice_services div.tabChoice_blogger img,
#dialog #tabChoice .tabChoice_services div.tabChoice_motd img,
#dialog #tabChoice .tabChoice_services div.tabChoice_youtube img {
    height: 125px;
    width: 204px;
}

#dialog #tabChoice .tabChoice_services div.tabChoice_feed,
#dialog #tabChoice .tabChoice_services div.tabChoice_twitter,
#dialog #tabChoice .tabChoice_services div.tabChoice_mrss,
#dialog #tabChoice .tabChoice_services div.tabChoice_blogger,
#dialog #tabChoice .tabChoice_services div.tabChoice_motd,
#dialog #tabChoice .tabChoice_services div.tabChoice_youtube {
    float: left;
    height: 125px;
    width: 204px;
}

#dialog #tabChoice .tabChoice_services div.tabChoice_feed { background: url(/dialog/images/wiz_blogfeed.jpg) no-repeat left top; }
#dialog #tabChoice .tabChoice_services div.tabChoice_twitter {  }
#dialog #tabChoice .tabChoice_services div.tabChoice_mrss { background: url(/dialog/images/wiz_mediafeed.jpg) no-repeat left top; }
#dialog #tabChoice .tabChoice_services div.tabChoice_blogger{  }
#dialog #tabChoice .tabChoice_services div.tabChoice_youtube { background: url(/dialog/images/wiz_youtube.jpg) no-repeat left top; }
#dialog #tabChoice .tabChoice_services div.tabChoice_motd { background: url(/dialog/images/wiz_motd.jpg) no-repeat left top; }

#dialog #tabChoice .tabChoice_services div.tabChoice_feed:hover,
#dialog #tabChoice .tabChoice_services div.tabChoice_twitter:hover,
#dialog #tabChoice .tabChoice_services div.tabChoice_mrss:hover,
#dialog #tabChoice .tabChoice_services div.tabChoice_blogger:hover,
#dialog #tabChoice .tabChoice_services div.tabChoice_youtube:hover,
#dialog #tabChoice .tabChoice_services div.tabChoice_motd:hover {
    cursor: pointer;
    background-position:left -126px;
}

#dialog #tabChoice.feed .tabChoice_services div.tabChoice_feed,
#dialog #tabChoice.twitter .tabChoice_services div.tabChoice_twitter,
#dialog #tabChoice.mrss .tabChoice_services div.tabChoice_mrss,
#dialog #tabChoice.blogger .tabChoice_services div.tabChoice_blogger,
#dialog #tabChoice.motd .tabChoice_services div.tabChoice_motd,
#dialog #tabChoice.youtube .tabChoice_services div.tabChoice_youtube {
    background-position:left -126px;
}

#dialog #tabChoice .tabChoice_submit {
    cursor: pointer;
    height: 44px;
    left: 512px;
    top: 250px;
    width: 43px;
    z-index: 2;
}

#dialog #tabChoice .tabChoice_submit:hover {
    background-image: url(/dialog/images/intro-dialog-submit-hover.png);
}

#dialog #tabChoice.feed .tabChoice_tip {
    display: block;
    left: 108px;
}

#dialog #tabChoice.motd .tabChoice_tip {
    display: block;
    left: 508px;
}

#dialog #tabChoice.twitter .tabChoice_tip {
    display: block;
    left: 150px;
}

#dialog #tabChoice.blogger .tabChoice_tip {
    display: block;
    left: 286px;
}

#dialog #tabChoice.youtube .tabChoice_tip {
    display: block;
    left: 308px;
}

#dialog #tabChoice.mrss .tabChoice_tip {
    display: block;
    left: 508px;
}

h3.category {
    clear:left;
    margin-left:10px;
    margin-right:10px;
}

#tabListDialog .appList li {
    border-bottom:1px solid #343E42;
	display:block;
	float:left;
	height:130px;
	list-style:none outside none;
	margin:0;
	padding:0 0 10px;
	position:relative;
	width:437px;
}

#tabListDialog .appList li.last {
    border-bottom:none;
}

.appIcon {
    display:block;
    width:48px;
    height:48px;
    line-height:0px;
    font-size:0px;
    text-indent:-9000px;
    margin:0px;
    padding:0px;
    float:left;
    top:10px;
    left:20px;
    position:absolute;
}

.appBracket { background: url(/dialog/images/icon_app_bracket.png) no-repeat left top; }
.appCoupon { background: url(/dialog/images/icon_app_coupon.png) no-repeat left top; }
.appEcard { background: url(/dialog/images/icon_app_ecard.png) no-repeat left top; }
.appGifting { background: url(/dialog/images/icon_app_gift.png) no-repeat left top; }
.appFaceoff { background: url(/dialog/images/icon_app_faceoff.png) no-repeat left top; }
.appFlash { background: url(/dialog/images/icon_app_flash.png) no-repeat left top; }
.appGift { background: url(/dialog/images/icon_app_gift.png) no-repeat left top; }
.appMedia { background: url(/dialog/images/icon_app_media.png) no-repeat left top; }
.appPoll { background: url(/dialog/images/icon_app_poll.png) no-repeat left top; }
.appQuiz { background: url(/dialog/images/icon_app_quiz.png) no-repeat left top; }
.appQuote { background: url(/dialog/images/icon_app_quote.png) no-repeat left top; }
.appRss { background: url(/dialog/images/icon_app_rss.png) no-repeat left top; }
.appSweepstakes { background: url(/dialog/images/icon_app_sweepstakes.png) no-repeat left top; }
.appTop5 { background: url(/dialog/images/icon_app_top5.png) no-repeat left top; }
.appTwitter { background: url(/dialog/images/icon_app_twitter.png) no-repeat left top; }
.appVideo { background: url(/dialog/images/icon_app_video.png) no-repeat left top; }
.appYoutube { background: url(/dialog/images/icon_app_youtube.png) no-repeat left top; }
.appWelcome { background: url(/dialog/images/icon_app_home.png) no-repeat left top; }
.appPresence { background: url(/dialog/images/icon_app_presence.png) no-repeat left top; }
.appLocation { background: url(/dialog/images/icon_app_location.png) no-repeat left top; }
.appGallery { background: url(/dialog/images/icon_app_gallery.png) no-repeat left top; }
.appMRSSGallery { background: url(/dialog/images/icon_app_mrssGallery.png) no-repeat left top; }
.appInvite { background: url(/dialog/images/icon_app_invite.png) no-repeat left top; }
.appSurvey { background: url(/dialog/images/icon_app_survey.png) no-repeat left top; }
.appFacebook { background: url(/dialog/images/icon_app_facebook.png) no-repeat left top; }
.appTrivia { background: url(/dialog/images/icon_app_trivia.png) no-repeat left top; }

.appIcon:hover {background-position:left -48px;cursor:pointer;}

.appList h2, .appList p {
    padding-left:78px;
    padding-right:20px;
}

.appList h2 {padding-top:10px;}

.appList li .btn_add-this-tab, .appList li .btn_add-this-app{
    float:right;
    position:absolute;
    top:80px;
    right:20px;
}

.tabList_apps .appList li .btn_see-example {
    float:right;
    position:absolute;
    height:24px;
    margin-top:10px;
    width:125px;
    top:80px;
    right:160px;
    background: url(/dialog/images/btn_see-example.gif) no-repeat left top;
}

.tabList_apps .appList li .btn_see-example:hover {
    background-position: left -24px;
    cursor:pointer;
}

/*************************************************************** 

    login css 

****************************************************************/

#login {
    background:#FFFFFF url(/dialog/images/bg_login.gif) no-repeat scroll center top;
    border:1px solid #D9D7D8;
    font-family:helvetica;
    font-size:16px;
    z-index:500;
    width:780px;
    display: none;
    text-align:left;
}

#login .login-part {
    float: left;
    width: 390px;
    padding-bottom: 20px;
}

#login .register-part {
    float: left;
    width: 390px;
    padding-bottom: 20px;
}

#login .dialog_title {
    font-size:30px;
    line-height:30px;
    text-align:left;
    top:50px;
    padding: 37px 31px 12px 31px;
}

#login .dialog_content {
    padding:0px 31px;
}

#login .dialog_footer {
    clear:both;
    padding:0px;
    margin:0px;
    line-height:1em;
}

#login input[type=text],
#login input[type=password],
#login input.password, 
#login input.text  { 
    width:320px; 
    margin-bottom:10px; 
}

#btn_login {
    background:url(/dialog/images/btn_login.gif) no-repeat left top;
    border:none;
    display:block;
    height:21px;
    width:80px;
    float:right;
    text-indent:-6000px;
    font-size:0px;
    line-height:0px;
    margin:0 25px 0 0;
}

.agree-terms {
    font-size: 10px;
    margin-left:-4px;
}

#btn_login:hover {
    background-position:left -21px;
    cursor:pointer;
}

#login .promise {
    font-size: 10px;
}

.btn_createAccount {
    display: block;
    font-size:0px;
    line-height:0px;
    text-indent: -6000px;
}

.btn_createAccount {
    background: url(/dialog/images/btn_createAccount.gif) no-repeat left top;
    border:none;
    height:21px;
    width:100px;
}
.btn_createAccount:hover {
    background-position: left -21px;
    cursor: pointer;
}

/*************************************************************** 

    Subscribe to Email List

****************************************************************/

#subscribeMail {
    background:#FFFFFF;
    border:1px solid #D9D7D8;
    font-family:helvetica;
    font-size:16px;
    z-index:500;
    width:390px;
    display: none;
    text-align:left;
}

#subscribeMail input[type=text],
#subscribeMail input[type=password] { 
    width:320px; 
    margin-bottom:10px; 
}

#btn_subscribe {
    background:url(/dialog/images/btn_subscribe.jpg) no-repeat left top;
    border:none;
    display:block;
    height:24px;
    width:80px;
    float:right;
    text-indent:-6000px;
    font-size:0px;
    line-height:0px;
    margin:0 25px 0 0;
}

#btn_subscribe:hover {
    background-position:left -24px;
    cursor:pointer;
}

#subscribeMail .dialog_title {
    color:#343E42;
    font-size:30px;
    line-height:30px;
    text-align:left;
    top:50px;
    padding: 37px 31px 12px 31px;
}

#subscribeMail .dialog_content {
    padding:0px 31px 31px;
}

#subscribeMail label {
    color:#666666;
    display:block;
    font-size:12px;
    margin-bottom:3px;
}

#subscribeMail .btn_subscribe {
    float:right;
}

/*************************************************************** 

    Create Account and retrieve password

****************************************************************/

#createAccountFB .facebook_note, #createAccountMS .myspace_note {
    font-size: 10px;
    color: #555;
    padding-top: 40px;
}

#createAccountFB, 
#createAccountMS, 
#createAccount, 
#retrievePassword {
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #D9D7D8;
    font-family:helvetica;
    font-size:16px;
    z-index:500;
    display: none;
    text-align:left;
    padding-bottom: 20px;
    width:655px;
    height:390px;
}

#createAccountMS .dialog_title, #createAccountFB .dialog_title, #createAccount .dialog_title, #retrievePassword .dialog_title {
    padding:55px 85px 30px;
    font-size:30px;
    line-height:30px;
    text-align:left;
}

#createAccountMS .dialog_content, #createAccountFB .dialog_content, #createAccount .dialog_content, #retrievePassword .dialog_content {
    padding:0px 85px;
}

#createAccountMS .dialog_footer, #createAccountFB .dialog_footer, #createAccount .dialog_footer {
    font-size:12px;
    line-height:14px;
}

#createAccountMS .buttons_row, #createAccountFB .buttons_row, #createAccount .buttons_row, #retrievePassword .buttons_row  {
    margin-top:25px;
    height:35px;
}

#createAccountFB input[type=text], #createAccountFB input[type=password],
#createAccountMS input[type=text], #createAccountMS input[type=password],
#createAccount input[type=text], #createAccount input[type=password], 
#retrievePassword input[type=text], #retrievePassword input[type=password]  
{width:325px; margin-bottom:0px;}

#retrievePassword_email {width:270px;}

#createAccountMS label, #createAccountFB label, #createAccount label, #retrievePassword label {
    display:block;
    float:left;
    font-size:18px;
    line-height:28px;
    padding-bottom:5px;
    padding-right:10px;
    text-align:left;
}

#dialog #createAccountFB_email,
#dialog #createAccountMS_email {
    height:23px;
    width:400px;
}

#createAccountFB .buttons_row,
#createAccountMS .buttons_row {
    padding-left:110px;
}

#dialog #createAccountFB .promise,
#dialog #createAccountMS .promise {
    clear:both; font-size:12px;
}

.dialog_agree {line-height:22px;}

#createAccountFB .btn_cancel, #createAccountFB .btn_createAccount, 
#createAccountMS .btn_cancel, #createAccountMS .btn_createAccount, 
#createAccount .btn_cancel, #createAccount .btn_createAccount, 
#retrievePassword .btn_cancel, #retrievePassword .btn_sendPassword {
    border:none;
    font-size:0px;
    line-height:0px;
    text-indent:-6000px;
    height:21px;
    width:80px;
    float:left;
    position:absolute;
}

#createAccountFB .btn_cancel, 
#createAccountMS .btn_cancel, 
#createAccount .btn_cancel, 
#retrievePassword .btn_cancel {
    background: url(/dialog/images/btn_cancel.gif) no-repeat scroll left top;
    margin-right:15px;
}

#createAccountFB .btn_createAccount,
#createAccountMS .btn_createAccount,
#createAccount .btn_createAccount {
    width:100px;
}

#createAccountFB .btn_createAccount,
#createAccountMS .btn_createAccount {
    left:295px;
}

#retrievePasswordFB .btn_sendPassword,
#retrievePasswordMS .btn_sendPassword,
#retrievePassword .btn_sendPassword {
    background: url(/dialog/images/btn_send-password.gif) no-repeat scroll left top;
    width:100px;
    left:185px;
}

#createAccountFB .btn_cancel:hover, #createAccountFB .btn_createAccount:hover, 
#createAccountMS .btn_cancel:hover, #createAccountMS .btn_createAccount:hover, 
#createAccount .btn_cancel:hover, #createAccount .btn_createAccount:hover, 
#retrievePassword .btn_cancel:hover {
    background-position:left -21px;
}


/*************************************************************** 

    exit warning

****************************************************************/

#exitWarning {
    width:590px;
    height:304px;
    display: none;
}

#exitWarning .dialog_title {
    background: url(/dialog/images/explanation.gif) no-repeat center top;
    color:#dc291e;
    padding-top:90px;
    top:87px;
    margin-bottom:20px;
}

#exitWarning .btn_continue-building {
    background: url(/dialog/images/btn_continue-building.gif) no-repeat left top;
    cursor: pointer;
    display:block;
    height:23px;
    width:210px;
    margin:0px auto;
    font-size:0px;
    line-height:0px;
    text-indent:-6000px;
}

#exitWarning .btn_continue-building:hover {
    background-position:left -23px;
}

/*************************************************************** 

    registration

****************************************************************/

#registration{
    display: none;
}


/*************************************************************** 

    tab list of apps

****************************************************************/

#tabListDialog {
    background:#f5f5f5 none repeat scroll 0 0;
    border:1px solid #D9D7D8;
    font-family:helvetica;
    font-size:16px;
    z-index:500;
    width:960px;
    padding-bottom: 20px;
    text-align:left;
}

#tabListDialog .tabList_apps {
    border:1px solid #999999;
	height:253px;
	margin:10px auto 0;
	overflow:auto;
	padding:0 0 10px;
	position:relative;
	width:910px;
}

#tabListDialog .appList {
	margin-bottom:-1px;
	overflow:hidden;
	padding-left:10px;
}

#tabListDialog .tabList_apps table {
    width:890px;
}

#tabListDialog .tabList_apps table td {
    padding:10px 0 10px 10px;
}

#tabListDialog .tabList_apps td img { margin:0px 10px 20px; float:left; }
#tabListDialog .tabList_apps td h2, .tabList_apps td p { margin-left:58px; }
#tabListDialog .tabList_apps td h2 { margin-top:0px; clear:none; }
#tabListDialog .tabList_apps p { font-size:12px; }

#tabListDialog h4 {
	background:url("../images/bg_h2appContent.png") no-repeat scroll center bottom transparent;
	clear:both;
	color:#707070;
	font-size:22px;
	margin:0 10px;
	padding:10px 20px 30px;
}


/*************************************************************** 

    tab options

****************************************************************/

#tabIntro {
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #D9D7D8;
    font-family:helvetica;
    font-size:16px;
    z-index:500;
    width:560px;
    padding-bottom: 20px;
    display: none;
    text-align:left;
}

.tabIntro_options {
    background: url(/dialog/images/tabIntro_bg.jpg) repeat-y left top;
    margin: 30px auto 0px;
    width: 503px;
}
.tabIntro_youtube {
    padding:0 30px;
    position:relative;
}
#tabIntro .tabChoice_dialog {
    height:47px;
    width:444px;
    background: url(/dialog/images/tabIntro_input-bg.jpg) no-repeat left top;
    position: relative;
}
#tabIntro .tabChoice_input {
    background:transparent none repeat scroll 0 0;
    border:medium none;
    font-size:16px;
/*
    left:36px;
    position:absolute;
    top:54px;
*/  
    width:390px;
    z-index:2;
}
#tabIntro .tabChoice_submit {
    cursor:pointer;
    height:44px;
    position:absolute;
    right:1px;
    top:1px;
    width:43px;
    z-index:2;
}
#tabIntro .tabChoice_submit:hover {
    background-image:url(/dialog/images/intro-dialog-submit-hover.png);
}
#tabIntro .dialog_title, #tabListDialog .dialog_title {
    color:#343E42;
    font-size:30px;
    line-height:30px;
    text-align:center;
    margin-top:50px;
}
#tabIntro .tabChoice_title {
    line-height:20px;
}
#tabIntro .tabIntro_or {
    font-size:0px;
    line-height:0px;
    background: url(/dialog/images/tabIntro_or.gif) no-repeat center top;
    height: 57px;
    width: 444px;
}
#tabIntro .btn_start-demo {
    margin:0px auto;
}
#dialog #tabIntro input[type=text], #dialog #tabIntro input.tabChoice_input {
    background:none;
    border:none;
    padding:14px 10px;
    /*height: 2em;*/
}

.connectButtons {
    border-top:solid 1px #DAD8D8;
    padding-top: 10px;
    margin:10px 30px 0px;
    text-align: center;
}

.connectWithFacebook, .connectWithMyspace {
    margin-top: 10px;
}

#retrievePasswordLink {
    background:url("/dialog/images/btn_forgotPassword.gif") no-repeat scroll left top transparent;
    border:none;
    display:block;
    height:21px;
    width:100px;
    float:left;
    text-indent:-6000px;
    font-size:0px;
    line-height:0px;
    margin:0 0 0 30px;
}

#retrievePasswordLink:hover {
    background-position:left -21px;
    cursor:pointer;
}

#retrievePassword #retrievePassword_email {width:300px;}
#retrievePassword .dialog_title {padding:105px 150px 30px;}
#retrievePassword .dialog_content {font-size:12px; padding:0 150px;}
#retrievePassword .btn_sendPassword{left:160px;}
#retrievePassword .btn_cancel {left:60px;}
#retrievePassword .buttons_row {
	margin:15px auto 0;
	position:relative;
	width:260px;
}

.loginDialogButtons {height:24px; position:relative;}

/*************************************************************** 

    App Source

****************************************************************/
#sourceControl  {
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #D9D7D8;
    font-family:helvetica;
    font-size:16px;
    z-index:500;
    display: none;
    text-align:left;
    padding-bottom: 20px;
    width:655px;
    height:390px;
}

#sourceControl.preview {
    background-color: #84B7DC;
}

#sourceControl.publish {
    background-color: #e39b9c;
}

#sourceControl .dialog_title {
    font-size:30px;
    line-height:30px;
    text-align:left;
    padding: 5px;
}

#sourceControl .sourceWarning {
    margin: 10px 31px;
    padding: 6px;
    border: 1px solid red;
    background-color: #FFD0D2;
    color:#7B0000;
    font-weight: bold;
    font-size: 12px;
}
#sourceControl .dialog_content {

}

#sourceControl .dialog_content textarea {
    width: 90%;
    display: block;
    margin:0 auto;
    height: 325px;
}
#sourceControl .buttons_row {
    width: 90%;
    display: block;
    margin:0 auto;
    text-align: center;
    padding: 5px;
}

#pageLoading {
    width: 200px;
    height: 200px;
    font-style:bold;
    position: absolute;
    top: 45%;
    left: 45%;
}

/*************************************************************** 

    appKindsDialog

****************************************************************/

#appKindsDialog {
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #D9D7D8;
    font-family:helvetica;
    font-size:16px;
    z-index:500;
    width:650px;
    height: 430px;
    padding-bottom: 20px;
    text-align:left;
}

#appKindsDialog .dialogTitle {
    color:#343E42;
    font-size:30px;
    line-height:30px;
    text-align:center;
    margin-top:50px;
}

#appKindsDialog .dialogTitle span {
    color:#343E42;
	display:block;
    font-size:18px;
    line-height:30px;
    text-align:center;
    margin-top:0px;
}

#appKindsDialog .kindsBoxesWrapper {
    padding: 30px 11px;
}

#appKindsDialog .kindBox {
    margin-left: 5px;
    float: left;
    width: 150px;
    height: 300px;
    background: #fff url('/images/bg_kindBox.png') no-repeat left top;
    cursor: pointer;
}

.kindBoxIcon img {
    display:none;
}

#appKindsDialog .kindBoxTitle {
    font-size: 14px;
    color: #666;
    text-align: center;
    margin: 6px 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ddd;
}

#appKindsDialog .kindBoxDescription {
    font-size: 11px;
    line-height: 14px;
    color: #666;
    text-align: left;
	/*letter-spacing:-.02em;*/
    margin: 4px 10px;
    margin-top: 10px;
}

.kindBoxIcon {
	display: block;
	height:64px;
	margin: auto;
    margin-top: 16px;
	width:64px;
}

.iconMicrosite { background: url(/dialog/../images/icon_micro64.png) no-repeat left top; }
.iconMobile { background: url(/dialog/../images/icon_mobile64.png) no-repeat left top; }
.iconSocial { background: url(/dialog/../images/icon_social64.png) no-repeat left top; }
.iconAd { background: url(/dialog/../images/icon_ad64.png) no-repeat left top; }
.iconAdvanced { background: url(/dialog/../images/icon_advanced64.png) no-repeat left top; }
.iconPublishAdvanced { background: url(images/icon_publishAdvanced64.png) no-repeat left top; }
.iconPublishRestart { background: url(images/icon_publishRestart64.png) no-repeat left top; }
.iconPublishEasy { background: url(images/icon_publishEasy64.png) no-repeat left top; }
.iconPublishMe { background: url(images/icon_publishMe64.png) no-repeat left top; }
.iconPublishEmbedCode { background: url(images/icon_embed64.png) no-repeat left top; }

.kindBox:hover .kindBoxIcon {
	background-position:left -64px;
}

#appKindsDialog.hideMobile .mobileBox {
    cursor:default;
}

#appKindsDialog.hideMobile .mobileBox .kindBoxDescription {
    
}

#appKindsDialog.hideMobile .mobileBox .kindBoxIcon, #appKindsDialog.hideMobile .mobileBox:hover .kindBoxIcon {
    background-position:left -128px;
}

#appKindsDialog .microBox, #appKindsDialog .advancedBox {
    visibility: hidden;
}

/*************************************************************** 

    appPlatformsDialog

****************************************************************/

#appPlatformsDialog {
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #D9D7D8;
    font-family:helvetica;
    font-size:16px;
    z-index:500;
    width:650px;
    height: 510px;
    padding-bottom: 20px;
    text-align:left;
}

.mainVariant,
.selectorVariant {
    display: none;
}

.appPlatformsMain .mainVariant,
.appPlatformsSelector .selectorVariant {
    display: block;
}

#appPlatformsDialog .dialogTitle {
    color:#343E42;
    font-size:30px;
    line-height:30px;
    text-align:center;
    margin-top:50px;
}

#appPlatformsDialog .kindsBoxesWrapper {
    padding: 30px 11px 30px 80px;
}

#appPlatformsDialog .kindBox {
    margin: 0px 0px 10px 5px;
    float: left;
    width: 160px;
    height: 375px;
    background: #fff url('/images/bg_platformBox.png') no-repeat left top;
}

#appPlatformsDialog .kindBoxTitle {
    font-size: 14px;
    color: #666;
    text-align: center;
    margin: 6px 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ddd;
}

.kindBoxOptions {
    font-size: 11px;
    color: #666;
    text-align: left;
    margin: 4px 12px;
    margin-top: 10px;
	padding-left:3px;
	line-height:16px;
}

.ie7 .kindBoxOptions {line-height:11px;}

#appPlatformsDialog .kindBoxOptions input {
    position: relative;
    top: -2px;
    left: -2px;
}

.ie7 .kindBoxOptions input {
    top: 0px;
    margin:0px;
	padding:0px;
}

.ie7 #appPlatformsDialog .kindBoxOption{margin-top:-5px;}

#appPlatformsDialog .kindBox:hover .kindBoxIcon {
	background-position:left top;
}

.kindBoxOption {margin:0 0 0 20px;}
.ie7 .kindBoxOption {margin:0 0 0 16px;}

.kindBoxApple, .kindBoxAndroid, .kindBoxNokia, .kindBoxFacebook, .kindBoxMyspace, .kindBoxMicrosite {line-height:21px; text-indent:25px; margin:5px 0px 3px -6px; font-weight:bold;}

.ie7 .kindBoxApple, .ie7 .kindBoxAndroid, .ie7 .kindBoxNokia, .ie7 .kindBoxFacebook, .ie7 .kindBoxMyspace, .ie7 .kindBoxMicrosite {line-height:21px; text-indent:25px; margin:5px 0px 8px -6px;}

.kindBoxApple { background: url(/dialog/../images/icon_apple21.png) no-repeat left top; }
.kindBoxAndroid { background: url(/dialog/../images/icon_android21.png) no-repeat left top; }
.kindBoxNokia { background: url(/dialog/../images/icon_nokia21.png) no-repeat left top; }
.kindBoxFacebook { background: url(/dialog/../images/icon_facebook21.png) no-repeat left top; }
.kindBoxMyspace{ background: url(/dialog/../images/icon_myspace21.png) no-repeat left top; }
.kindBoxMicrosite{ background: url(/dialog/../images/icon_microsite21.png) no-repeat left top; }

.ie7 #appPlatformsDialog .kindBoxApple, .ie7 #appPlatformsDialog .kindBoxAndroid, .ie7 #appPlatformsDialog .kindBoxNokia, .ie7 #appPlatformsDialog .kindBoxFacebook, .ie7 #appPlatformsDialog .kindBoxMyspace, .ie7 #appPlatformsDialog .kindBoxMicrosite {margin-top:0px;}

.btn_finished  {
	border:none;
	clear:both;
	display: block;
	font-size:0px;
	line-height:0px;
	margin:10px 0 0 200px;
	text-indent: -6000px;
}
.btn_finished {
	background: url(/dialog/../images/btn_finished.gif) no-repeat left top;
	height:21px;
	width: 80px;
}
.btn_finished:hover {
	background-position: left -21px;
	cursor: pointer;
}

.ie7 #appPlatformsDialog .btn_finished {margin-top:-30px;}

.appList h2 {
	font-size:0;
	height:24px;
	line-height:0;
	margin-bottom:0px;
	text-indent:-9000px;
	width:320px;
}

h2.faceOff { background: url(../images/appName_faceOff.gif) no-repeat 78px 10px; }
h2.shoutOut { background: url(../images/appName_shoutOut.gif) no-repeat 78px 10px; }
h2.quiz { background: url(../images/appName_quiz.gif) no-repeat 78px 10px; }
h2.poll { background: url(../images/appName_poll.gif) no-repeat 78px 10px; }
h2.locationCoupon { background: url(../images/appName_locationCoupon.gif) no-repeat 78px 10px; }
h2.gifts { background: url(../images/appName_gifts.gif) no-repeat 78px 10px; }

h2.form { background: url(../images/appName_form.gif) no-repeat 78px 10px; }
h2.sweepstakes { background: url(../images/appName_sweepstakes.gif) no-repeat 78px 10px; }
h2.invite { background: url(../images/appName_invite.gif) no-repeat 78px 10px; }

h2.songCards { background: url(../images/appName_songCards.gif) no-repeat 78px 10px; }
h2.landing { background: url(../images/appName_landing.gif) no-repeat 78px 10px; }
h2.blog { background: url(../images/appName_blog.gif) no-repeat 78px 10px; }
h2.youTube { background: url(../images/appName_youTube.gif) no-repeat 78px 10px; }
h2.twitter { background: url(../images/appName_twitter.gif) no-repeat 78px 10px; }
h2.video { background: url(../images/appName_video.gif) no-repeat 78px 10px; }
h2.flash { background: url(../images/appName_flash.gif) no-repeat 78px 10px; }
h2.videos { background: url(../images/appName_videos.gif) no-repeat 78px 10px; }
h2.coupon { background: url(../images/appName_coupon.gif) no-repeat 78px 10px; }
h2.imageGallery { background: url(../images/appName_imageGallery.gif) no-repeat 78px 10px; }
h2.imageFeed { background: url(../images/appName_imageFeed.gif) no-repeat 78px 10px; }
h2.presence { background: url(../images/appName_presence.gif) no-repeat 78px 10px; }
h2.trivia { background: url(../images/appName_trivia.gif) no-repeat 78px 10px; }