/*
        Generated by AnswerPath - (c) Hindin Solutions 2014
        */

        /*
        The following html overflow tags are to fix a problem with IE6 in frames where
        a horizontal scrollbar is shown unncessarily. The tgs below prevent the horizontal
        scrollbar being shown at all but this is not an issue since its is not needed in sfaq's
        */
        

        .main
        {
        font-family: Intel Clear, Tahoma, Verdana, Geneva, sans-serif;
        font-size: 8pt;
        padding-left: 10px;
        padding-right: 10px;
        color: #555;
        margin: auto;
        }


        .sessionSummary
        {

        }

        .sessionSummaryHeader
        {
        padding-left: 12px;
        padding-top: 17px;
        padding-bottom: 20px;
        background-repeat: repeat-x;
        background-color: #0071c5;
        }

        .sessionSummaryTitle
        {
        font-size: 14px;
        font-weight: bold;
        color: #FFFFFF;
        }



        .sessionSummaryContent
        {
        padding: 15px;
        background-color: #FFFFFF;
        }

        .button{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:normal;padding:5px 30px 5px 30px; font-size: 12px; font-family:"intel-clear","tahoma",Helvetica,"helvetica",Arial,sans-serif; border-radius:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.button:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.button:hover,.button:focus{color:#333;text-decoration:none}
.button:active,.button.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}
.button.disabled,.button[disabled],fieldset[disabled] .button{cursor:not-allowed;pointer-events:none;filter:alpha(opacity=65);-ms-filter:"alpha(opacity=65)";-webkit-opacity:.65;-moz-opacity:.65;-ms-opacity:.65;-o-opacity:.65;opacity:.65;-webkit-box-shadow:none;box-shadow:none}

        .buttonPrevious{
		margin-right: 10px; 
		float:left;
		color:#fff;
		background-color:#00aeef;
		}
.buttonPrevious:hover,.buttonPrevious:focus,.buttonPrevious:active,.buttonPrevious.active/*,.open*/{color:#fff;background-color:#0071c5;}
.buttonPrevious:active,.buttonPrevious.active,.open .dropdown-toggle.buttonPrevious{background-image:none}
.buttonPrevious.disabled,.buttonPrevious[disabled],fieldset[disabled] .buttonPrevious,.buttonPrevious.disabled:hover,.buttonPrevious[disabled]:hover,fieldset[disabled] .buttonPrevious:hover,.buttonPrevious.disabled:focus,.buttonPrevious[disabled]:focus,fieldset[disabled] .buttonPrevious:focus,.buttonPrevious.disabled:active,.buttonPrevious[disabled]:active,fieldset[disabled] .buttonPrevious:active,.buttonPrevious.disabled.active,.buttonPrevious[disabled].active,fieldset[disabled] .buttonPrevious.active{background-color:#d7d7d7;}

        .buttonNext{margin-right: 5px; float:left;color:#fff;background-color:#00aeef;}
.buttonNext:hover,.buttonNext:focus,.buttonNext:active,.buttonNext.active/*,.open*/{color:#fff;background-color:#0071c5;}
.buttonNext:active,.buttonNext.active,.open .dropdown-toggle.buttonNext{background-image:none}
.buttonNext.disabled,.buttonNext[disabled],fieldset[disabled] .buttonNext,.buttonNext.disabled:hover,.buttonNext[disabled]:hover,fieldset[disabled] .buttonNext:hover,.buttonNext.disabled:focus,.buttonNext[disabled]:focus,fieldset[disabled] .buttonNext:focus,.buttonNext.disabled:active,.buttonNext[disabled]:active,fieldset[disabled] .buttonNext:active,.buttonNext.disabled.active,.buttonNext[disabled].active,fieldset[disabled] .buttonNext.active{background-color:#d7d7d7;}

        .buttonFinish{float:left;color:#fff;background-color:#00aeef;}
.buttonFinish:hover,.buttonFinish:focus,.buttonFinish:active,.buttonFinish.active/*,.open*/{color:#fff;background-color:#0071c5;}
.buttonFinish:active,.buttonFinish.active,.open .dropdown-toggle.buttonFinish{background-image:none}
.buttonFinish.disabled,.buttonFinish[disabled],fieldset[disabled] .buttonFinish,.buttonFinish.disabled:hover,.buttonFinish[disabled]:hover,fieldset[disabled] .buttonFinish:hover,.buttonFinish.disabled:focus,.buttonFinish[disabled]:focus,fieldset[disabled] .buttonFinish:focus,.buttonFinish.disabled:active,.buttonFinish[disabled]:active,fieldset[disabled] .buttonFinish:active,.buttonFinish.disabled.active,.buttonFinish[disabled].active,fieldset[disabled] .buttonFinish.active{background-color:#d7d7d7;}

        .buttonReset{float:right;color:#fff;background-color:#00aeef;}
.buttonReset:hover,.buttonReset:focus,.buttonReset:active,.buttonReset.active/*,.open*/{color:#fff;background-color:#0071c5;}
.buttonReset:active,.buttonReset.active,.open .dropdown-toggle.buttonReset{background-image:none}
.buttonReset.disabled,.buttonReset[disabled],fieldset[disabled] .buttonReset,.buttonReset.disabled:hover,.buttonReset[disabled]:hover,fieldset[disabled] .buttonReset:hover,.buttonReset.disabled:focus,.buttonReset[disabled]:focus,fieldset[disabled] .buttonReset:focus,.buttonReset.disabled:active,.buttonReset[disabled]:active,fieldset[disabled] .buttonReset:active,.buttonReset.disabled.active,.buttonReset[disabled].active,fieldset[disabled] .buttonReset.active{background-color:#d7d7d7;}

        .buttonSaveRequest{float:left;color:#fff;background-color:#00aeef;}
.buttonSaveRequest:hover,.buttonSaveRequest:focus,.buttonSaveRequest:active,.buttonSaveRequest.active/*,.open*/{color:#fff;background-color:#0071c5;}
.buttonSaveRequest:active,.buttonSaveRequest.active,.open .dropdown-toggle.buttonSaveRequest{background-image:none}
.buttonSaveRequest.disabled,.buttonSaveRequest[disabled],fieldset[disabled] .buttonSaveRequest,.buttonSaveRequest.disabled:hover,.buttonSaveRequest[disabled]:hover,fieldset[disabled] .buttonSaveRequest:hover,.buttonSaveRequest.disabled:focus,.buttonSaveRequest[disabled]:focus,fieldset[disabled] .buttonSaveRequest:focus,.buttonSaveRequest.disabled:active,.buttonSaveRequest[disabled]:active,fieldset[disabled] .buttonSaveRequest:active,.buttonSaveRequest.disabled.active,.buttonSaveRequest[disabled].active,fieldset[disabled] .buttonSaveRequest.active{background-color:#d7d7d7;}

        .wizardHeader
        {
		width: 95%;
		max-width: 1200px;
		position: relative;
		margin: auto;
		padding-left: 50px;
		margin-bottom: 20px;	
        }


        .wizardHeaderTitle
        {
        font-size: 2em;
		color: #003c71;
        margin-bottom: -10px;
        margin-top: 10px;
		margin-left: 20px;
		font-weight: bold;
        }

        .headerDescription
        {
        font-size: 1.25em;
        font-weight: normal;
        margin-left: 20px;
        }

        .page
        {

        }

        .pageComponent
        {
        border-radius:2px;
        overflow: hidden;
        margin-bottom: 20px;
       border-bottom: 2px solid #D7D7D7;
        width: 100%;
        }

        .pageQuestion
        {
        background-color: #FFFFFF;
        background-repeat: repeat-x;
        }

        .pageQuestionHeader
        {
        background-repeat: repeat-x;
        background-color: #0071c5;
        }

        .pageQuestionText
        {
        font-size: 14px;
        font-weight: bold;
        padding-top: 25px;
        padding-bottom: 28px;
        margin-left: 64px;
        color: #FFFFFF;
        }

        .pageQuestionIconQ
        {
        padding: 5px;
        float:left;
        width: 64px;
        height: 64px;
        }

        .pageNotesContainer
        {
        float:right;
        padding:10px;
        padding-top:0px;
        }

        .pageHyperLinkNotesContainer {
        padding-top:10px;
        }

        .pageTextBlockNotesContainer {
        padding-top:10px;
        }

        .pageQuestionNotesContainer {
        padding-top:10px;
        }

        .pageNotesBox
        {
        background-color: #f0f0f0;
        border: 1px solid black;
        border-radius:5px;
        padding: 10px;
        }


        .pageNotesText
        {
        }

        .pageQuestionResponse
        {
        margin-top: 15px;
        }

        .pageQuestionInputs
        {
        float: left;
        height: 100%;
        }

        .pageQuestionIconA
        {
        padding: 5px;
        float: left;
        width: 64px;
        height: 64px;
        }

        .pageTextBlockIcon
        {
        padding-left: 20px;
		padding-top: 20px;
		float:left;
        }


        .pageAnswerGroup
        {
        margin-bottom: 15px;
        }

        .pageCheckboxInput
        {
        }

        .pageInput
        {
        padding-top:2px;
        padding-bottom:2px;
        }

        .pageInputLabel
        {
        padding-right:25px;
        padding-top:2px;
        padding-bottom:2px;
        padding-left:0px;
        }

        .pageCheckboxInputLabel
        {
        margin-left:2px;
        }

        .pageRadioInput
        {
        }

        .pageRadioInputLabel
        {
        margin-left:2px;
        }

        .pageTextboxInputLabel
        {
        line-height: 1em;
        padding-right: 0px;
        margin-left: 7px;
        margin-right: 5px;
        }

        .pageTextboxInput
        {
        }

        .pageTextboxControl
        {
        }

        .pageHyperLink
        {
        background-color: #FFFFFF;
        background-repeat: repeat-x;
        }



        .pageTextBlock
        {
        background-color:#FFFFFF;
        background-repeat:repeat-x;
        }

        .pageHyperLinkIcon
        {
        padding: 5px;
        float:left;
        width: 64px;
        height: 64px;
        }

        .pageTextBlockText
        {
		padding-top:31px;
        padding-bottom:31px;
        padding-right:50px;
        margin-left:102px;


        }

        .pageTextBlockHelp
        {
        }


        .pageHyperLinkText
        {
        padding-top:25px;
        padding-bottom:25px;
        padding-right:20px;
        }

        .pageHyperLinkHelp
        {
        }

        .clear {
        clear:both;
        height:1px;
        overflow:hidden;
        }

        .firstParagraph
        {
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 16px;
        }






        .script 
		{
        font-family: Intel Clear, Verdana, Geneva, sans-serif;
		height: auto;
        margin: auto;
        padding: 15px;
        font-size: 11px;
        color: #555;
        position: relative;
        top: 20px;
        }

/*
        a {
        color: #0071c5;
        font-weight: bold;
        text-decoration: underline;
        }

        a:hover {
        color: #004579;
        }
*/

        .leftQuestions {
        font-weight: bold;
        color: #666;
        font-size: 10px;
        }

        h1 {
        font-family: Intel Clear, Tahoma, Verdana, Geneva, sans-serif;
        font-size: 16px;
        color: #003c71;
        margin-bottom: -10px;
        margin-top: 10px;
        }

        #intro {
        padding-bottom: 20px;
        }


        .clear {
        clear: both;
        }
        #panel {
        float: left;
        padding-bottom: 100px;
        width: 100%;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;

        }
        
#leftContainer {
  display: none;
	float: left;
	width: 1%;
	margin-top: 40px;
}
#rightContainer {
	float: center;
	margin-top: 40px;
	width: 95%;

	max-width: 1200px;
	position: relative;
	margin: auto;
}

    

#leftbox {
	background-color: #f3f3f3;
	width : 100%;
	height : auto;
	position : relative;
	margin-bottom: 5px;
	padding: 10px 15px 10px 15px;
}

#box {
	background-color: #f3f3f3;
	width : 100%;
	height : auto;
	position : relative;
	margin-bottom: 5px;
	padding: 10px 15px 10px 15px;
}

/* these are the other three spans. classes were used to allow multiuse on a page */
.tr, .bl, .br {
  	position : absolute;
  	width : 39px;
  	height : 39px;  /* corner images are 40x40 */
  	display : block;
  	margin-bottom : -1px;  /* this is for IE */
}

/* change position and image: top-right */
.tr {
  	background-color: transparent;
  	top : 0;
  	right : 0;
}

/* change position and image: bottom-left */
.bl {
	background-color: transparent;
	bottom : 0;
  	left : 0;
}

/* change position and image: bottom-right */
.br {
  	background-color: transparent;
  	right : 0;
  	bottom : 0;
}

/* here's the box... the image is the upper-left corner */
#box2 {
	width : 95%;
	height : auto;
	position : relative;
	margin-bottom: 20px;
	padding: 20px 20px 20px 20px;
	background-color: #FFFFFF;
	float: left;
}

/* these are the other three spans. classes were used to allow multiuse on a page */
.tr2, .br2 {
  	position : absolute;
  	width : 14px;
  	height : 50px;  /* corner images are 40x40 */
  	display : block;
  	margin-bottom : -1px;  /* this is for IE */
}


.bl2 {
  	position : absolute;
 	width : 100%;
  	height : 50px;  /* corner images are 40x40 */
  	display : block;
  	margin-bottom : -1px;  /* this is for IE */
}

/* change position and image: top-right */
.tr2 {
  	background-color: transparent;
	top : 0;
  	right : 0;
}

/* change position and image: bottom-left */
.bl2 {
  	background-color: transparent;
  	bottom : 0;
  	left : 0;
}

/* change position and image: bottom-right */
.br2 {
	right : 0;
	bottom : 0;
	background-color: transparent;
}

/*
.wizardContent {
	float: left;
	padding-bottom: 100px;
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}*/

.breadcrumbsTitle {
	font-size: 14px;
	color: #666;
	margin: 0px;
}

.breadcrumblink {
	font-size: 13px;
	padding-left: 32px;
	background-image: url('/content/dam/support/us/en/include/wizard/images/compute-stick/smChain.png');
	background-repeat: no-repeat;
	background-position: middle;
	text-decoration: none;
	display: inline-block;
	margin-bottom: 10px;
}

@media (max-width: 480px) {
	.pageComponent .pageTextBlockText {
	display: inline-block;
    padding-top: 10px;
    padding-right: 30px;
    margin-left: 30px;
}
	
}