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

    /*
    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
    */
    html
    {
    overflow-x: hidden;
    overflow-y: auto;
    }

    .main
    {
    font-family: 'Open Sans';
    font-size: 8pt;
    padding-left:10px;
    padding-right:10px;
    }


    .sessionSummary
    {
	background-color:#ac3322;
	
    }

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

    .sessionSummaryTitle
    {
    font-weight: bold;
	color: #ffffff;
	
    }



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


    .button
    {
    padding-left:3px;
    padding-right:3px;
    }


    .buttonPrevious
    {
    margin-right: 5px;
    float:left;
    }

    .buttonNext
    {
    margin-right: 5px;
    float:left;
    }

    .buttonFinish
    {
    float:left;
    }

    .buttonReset {
    float:right;
    }

    .buttonSaveRequest {
    float:left;
    }

    .header
    {
    margin-bottom: 20px;
    }


    .headerTitle
    {
    font-size: 2em;
    font-weight: normal;
    margin-bottom:-0.25em;
	color: #414042;
    }

    .headerDescription
    {
    font-size: 1.25em;
    font-weight: normal;
    }


    .page
    {

    }

    .pageComponent
    {
    border: 1px solid gray;
    margin-bottom: 20px;
    width: 100%;
    }

    .pageQuestion
    {
    background-color: #F0F0F0;
    }

    .pageQuestionHeader
    {
    background-repeat:repeat-x;
    background-color:#ac3322;
	height: 43px;
    }

    .pageQuestionText
    {
    font-weight: normal;
    padding-top:10px;
    padding-bottom:10px;
    margin-left:64px;
    }

    .pageQuestionIconQ
    {
    float:left;
    width: 85px;
    height: 33px;
	padding-top: 5px;
    
    }

    .pageNotesContainer
    {
    font-weight: normal;
    float:top;
    padding:20px;
    padding-top:0px;
    }

    .pageHyperLinkNotesContainer {
    padding-top:10px;
    }

    .pageTextBlockNotesContainer {
    padding-top:10px;
    }

    .pageQuestionNotesContainer {
    padding-top:10px;
    }

    .pageNotesBox
    {
    background-color:#F0F0F0;
    border: 0px solid black;
    padding: 7px;
    }

    .pageNotesText
    {
    font-weight: normal;
    font-family: 'Open Sans';
    font-size: 12pt;	
    }

    .pageQuestionResponse
    {
    margin-top: 15px;
    margin-left: 25px;
    }

    .pageQuestionInputs
    {
    float: left;
    height: 100%;
    margin-top: 5px;
    }

    .pageQuestionIconA
    {
    float:left;
    width: 0px;
    height:0px;
    }

    .pageTextBlockIcon
    {
    float:left;
    width: 0px;
    height: 0px;
    }


    .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:#edeada;
    background-repeat:repeat-x;
    }



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

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

    .pageTextBlockText
    {
    padding-top:25px;
    padding-bottom:25px;
    padding-right:20px;
    margin-left:72px;
    }

    .pageTextBlockHelp
    {
    }


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

    .pageHyperLinkHelp
    {
    }

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

    .firstParagraph
    {
    margin-top: 0px;
    }






    .script {
    font-family: 'Open Sans';
    height: 660px;
    margin: 0 auto;
    padding: 10px;
    font-size: 11px;
    color: #333;
    position: relative;
    top: 20px;
    }

    a {
    color: #64A2C7;
    font-weight: bold;
    }

    a:hover {
    color: #036;
    }


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

    h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #84B7DB;
    margin-bottom: -10px;
    margin-top: 10px;
    }

    #intro {
    padding-bottom: 20px;
    }
    li {
    background-image: url(images/arrow.jpg);
    background-repeat: no-repeat;
    list-style-position:inside;
    padding-left: 20px;
    margin-left: -40px;
    background-position: 0px 2px;
    }


    .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: left;
	margin-top: 40px;
	width: 95%;
	position: relative;
}

    

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

#box {
	background-color: white;
	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: #E6E6E6;
	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;
}

.content {
	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;
}