/** 
   Contains CSS support for marketplace share dialog. 
**/
/* --------------------------------------------------------------------------------------- */

/*Reset some of the jQuery dialog styling to make the button panel and content margins to go away*/
#prepareDialog .ui-dialog-buttonpane {
    display: none!important;
    padding:0;
    margin:0;
    height:0;
}
#prepareDialog.ui-dialog.ui-widget,
#prepareDialog .Contents.ui-dialog-content {
    padding:0;
    margin:0;
    overflow: hidden!important;
}

#prepareDialog.QB.Dialog .ui-dialog-titlebar-close {
    top: 14px;  
    right: 14px;
    z-index: 2000;
}
#close_PrepDialog {
    cursor: pointer;
    height: 22px;
    width: 22px;
    background: url(./images/Close_Transit.png);
}

#prepareDialog .Columns{
    display:table-cell;
    vertical-align: top;	
}
#prepareDialog .Columns.LeftColumn{
    width: 535px;
    text-align: center;
}
#prepareDialog .Columns.RightColumn{
   overflow: hidden;
}
#prepareDialog .Columns.LeftColumn .VerticalColumn {
    display: table-cell;
}

/* --------------------------------------------------------------------------------------- */
.Margin80 {
    padding-left:80px;
}
.Margin40 {
    padding-top:40px;
}
.Margin30 {
    padding-top:30px;
}

/* --------------------------------------------------------------------------------------- */

#Step1Img {
    position: absolute;
	top:0;
}
#Step2Img {
    position: absolute;
	top:525px;
}

#callOut_Step2 {
    position: absolute;
    left: -150px;
    bottom: 100px;
}

#prepareDialog .Img.Steps1 {
    background: url("images/progress_meter1.png");
    width: 360px;
    height: 63px;
    display: inline-block;
}

#prepareDialog .Img.Edit.Steps1 {
    background: url("images/progress_meter_edit_step1.png");
    width: 360px;
    height: 63px;
    display: inline-block;
}
/* --------------------------------------------------------------------------------------- */

#prepareDialog .ContentPanel {
    height: 230px;
    width:360px;
    overflow-x:hidden;
    position: relative;
    text-align: left;
}

#prepareDialog .ButtonPanel {
    text-align: left;
}

#prepareDialog .ContentPanel > div.SlidePanel {
    display: inline-block;
    position: absolute;
	top:0;
	width: 360px;
}

#prepareDialog .ContentPanel > div.SlidePanel > .FS-Big-Font {
    padding-bottom:10px;
}

#prepareDialog .ContentPanel > div.SlidePanel > .CheckItem > * {
    vertical-align: middle;
}

#prepareDialog .ContentPanel > div.SlidePanel.CopyStepText {
    left:0px;
}

#prepareDialog .ContentPanel > div.SlidePanel.NextStepText {
    left:360px;
}

#prepareDialog .ButtonPanel .NextStepText {
    display: none;
}

#prepareToShareDialogDiv #btnNext, #prepareToShareDialogDiv #btnCancel {
    display: none;
}

#prepareDialog .MarketplaceBtn > * 
{
    vertical-align: middle;
} 
/* --------------------------------------------------------------------------------------- */

#prepareDialog .CheckItem {
    display: none;
    padding-bottom:10px;
}

#prepareDialog .CheckItem .Spinner {
    background: url('images/loading.gif') no-repeat;
    height:18px;
    width:18px;
	display:inline-block;
	margin-right: 14px;
}

#prepareDialog .CheckItem .DoneCheck,
#prepareDialog .NextStepItemIcon .DoneCheck {
    background: url('images/CheckMark_black.png') no-repeat;
    height:18px;
    width:17px;
	display:inline-block;
	margin-right: 14px;
}
#prepareDialog .DoKeepData input[type="radio"] {
    margin: 0 .5em 0em 1px;
}
#prepareDialog .DoKeepData
{
    padding-bottom:10px;
}
#prepareDialog .DoKeepData > label
{
    display: block;
    vertical-align: middle;
    margin-top: 10px;
}

/* ------------------------- Styling for the second panel----------------------- */
#prepareDialog .NextStepItem 
{
	clear: both;
	margin-bottom : 50px;
}

#prepareDialog .NextStepItemIcon {
	display: block;
    width: 8%;
    float: left;
    text-align: center;
    bottom : -3px;
    position: relative;
}


#prepareDialog .NextStepItemText {
	width: 80%;
    float: left;
}