﻿/* quiz css */

#pagination-control 
{
    float:right; 
    padding:33px 15px 0px 0px;
    width:246px;
    height:10px;
    _margin:0px 0px -3px 0px;
    text-align:right;
    }
 .quizholder
    {
    position: absolute;
    top: 160px;
    left: 85px;
    height: 400px;
    width: 750px;
    font: 20px Arial, Verdana;
    color: #162146;
    }
    .itemTemplate-col1-cv 
    {
		
	}
    .tblheader
    {
    position: relative;
    top: -5;
    left: 0;
    }
    
    .tblQuizOn
    {
    background-image: url(images/onbar.gif);
    background-repeat: no-repeat;
    }
    
    .tblQuizOff
    {
    background-image: url(images/offbar.gif);
    background-repeat: no-repeat;
    }

    .header
    {
    background-image: url(images/header_logo.gif);
    background-repeat: no-repeat;
    position: absolute;
    top: 10px;
    left: 60px;
    width: 450px;
    height: 50px;
    }
    
    .header_right
    {
    background-color: transparent;
    position: absolute;
    top: 66px;
    left: 695px;
    height: 15px;
    width: 160px;
    text-align: right;
    color: #162146;
    font: 10px Arial, Verdana;
    font-weight: bold;
    }
    
    .sub_header
    {
    background-color: transparent;
    position: absolute;
    top: 100px;
    left: 75px;
    height: 40px;
    width: 250px;
    text-align: left;
    color: #ff701e;
    font: 20px Arial, Verdana;
    }
    
    .sub_header_text
    {
    position:absolute;
    top: 10px;
    left: 38px;
    }
.quizcboxlist
    {
    font: 12px Arial, Verdana;
    color: #162146;
    vertical-align: top;
    position: relative;
    margin-left: 50;
    left: 50;
    top:5;
    }

/* Quiz Intro, and quiz modules */

#quiz-section-text 
{
	width:526px;
	}
.qo_ID-cont 
{
	margin-top: 8px; 
	_margin-top: 0px;
	}
.qo_OccupationName-cont 
{
	margin-top: 8px; 
	_margin-top: 3px;
	}


#select-jobs-header
{
	background-image:url(../images/yellow_bar_bg.gif); 
	border-bottom:0px solid #ffffff; 
	background-repeat:repeat-x; 
	width:520px; 
	height:31px;
	
	}
	
div.lcorner 
{
	float:left; 
	background-image:url(../images/yellow_bar_left.gif); 
	border-bottom:1px solid #ffffff; 
	background-repeat:no-repeat; 
	width:7px; 
	height:31px;
	}
div.rcorner 
{
	float:right; 
	background-image:url(../images/yellow_bar_right.gif); 
	border-bottom:1px solid #ffffff; 
	background-repeat:no-repeat; 
	width:7px; 
	height:31px;
	}
div.text 
{
	float:left;
	padding:10px 0 0 2px;
	}



/* Quiz Header */
#q-head-bg 
{
    background-image:url(../images/quiz/question_header.gif); background-repeat:no-repeat; width:516px; height:31px;
    }
    #q-header-main 
    {
        float:left; margin-left:15px;_margin-left:7px; padding-top:9px;
        }
    div.r3 
    {
        float:right; padding-top:2px; width:55px; height:31px; text-align:center;
        }
    div.r2 
    {
        float:right; padding-top:2px; width:55px; height:31px; text-align:center;
        }
    div.r1 
    {
        float:right; padding-top:2px; width:55px; height:31px; text-align:center;
        }
#q-intro-text 
{
    width:520px;
    }
    
/* Form Buttons */

.button-container 
{
    border-top:1px solid #b2b2b2; width:516px; margin-top:-12px; visibility:visible; height:60px;
    }
.button-container-cbx 
{
    border-top:1px solid #b2b2b2; width:520px; margin-top:2px; visibility:visible; height:60px;
    float:left;
    }


.button-container-form
{
    border-top:1px solid #b2b2b2; width: 485px; visibility:visible; height:60px;
    }
    

/* Item Templates */

.quiz-itemTemplate 
{
	width: 516px; 
	table-layout: fixed;
	background-color: Transparent; 
	background-image: url(../images/quiz/onbar.gif);
	background-repeat: repeat-y;
	}

.itemTemplate-col1
{
	height: 40px; 
	width: 348px; 
	padding-right: 10px; 
	_padding-right: 0px;
	}

.itemTemplate-col2
{
	height: 40px; 
	width: 168px;
}

.radio-divs 
{
	position: relative; 
	top: 0px; 
	left: 27px; 
	background-color: Transparent;
	}

.quiz-required-field-cont 
{
	float:right;
	vertical-align:top; 
	margin-top:-26px; 
	width:210px;
	}


/* Quiz User Form */
#quiz-form 
{
    font-family:Arial;
    font-weight:bold;
    font-size:11px;
    color:#1e1e36;
    float:left;
    width:590px;
    }
#quiz-survey 
{
    font-family:Arial;
    font-size:11px;
    color:#1e1e36;
    float:left;
    width:590px;
    }
.validate-input 
{
	margin-top:-26px; 
	float:right; 
	width:270px
	}
.validate-input-regex 
{
	margin-top:-15px; 
	float:right; 
	width:270px
	} 
.validate-input-zip
{
	margin-top:-26px;
	float:right; 
	width:270px
	}
	
	
	
	/* CV NEW CSS START */
	
/* Quiz Header */
.q-head-bg-short-quiz
{
    background-image:url(../images/quiz/question_header_single.gif); background-repeat:no-repeat; width:615px; height:31px;
    }
#q-head-bg-cv 
{
    background-image:url(../images/quiz/question_header_long.gif); background-repeat:no-repeat; width:615px; height:31px;
    }
    #q-header-main-cv
    {
        float:left; margin-left:15px;_margin-left:7px; padding-top:9px;
        }
    .q-header-short-quiz
    {
        float:left; margin-left:15px;_margin-left:7px; padding-top:9px;
    }
    div.r3-cv 
    {
        float:right; padding-top:2px; width:55px; height:31px; text-align:center;
        }
    div.r2-cv
    {
        float:right; padding-top:2px; width:55px; height:31px; text-align:center;
        }
    div.r1-cv
    {
        float:right; padding-top:2px; width:55px; height:31px; text-align:center;
        }
#q-intro-text-cv 
{
    width:615px;
    }
#q-intro-text-cv h1 
{
	margin-bottom:-12px;
	}
    
/* Form Buttons */

.button-container-cv
{
    border-top:1px solid #b2b2b2; width:615px; margin-top:-12px; visibility:visible; height:60px;
    }
.button-container-cv-short-quiz
{
    border-top:1px solid #b2b2b2; width:512px; margin-top:-12px; visibility:visible; height:60px;
}
.button-container-cbx-cv 
{
    border-top:1px solid #b2b2b2; width:615px; margin-top:2px; visibility:visible; height:60px;
    float:left;
    }


.button-container-form-cv
{
    border-top:1px solid #b2b2b2; width: 615px; visibility:visible; height:60px;
    }
/* Quiz Questions */

.quiz-question-number 
{ float:left; padding-left:15px; height:30px;
	}
.quiz-question-text 
{
	float:left; height:30px;width:300px;
	}

/* Item Templates */

.quiz-itemTemplate-cv 
{
	width: 615px; 
	table-layout: fixed;
	background-color: Transparent; 
	background-image: url(../images/quiz/onbar-long.gif);
	background-repeat: repeat-y;
	}
.quiz-altitemTemplate-cv 
{
	width: 615px; 
	table-layout: fixed;
	background-color: Transparent; 
	background-image: url(../images/quiz/offbar-long.gif);
	background-repeat: repeat-y;
	
	}

.itemTemplate-col1-cv
{
	height: 40px; 
	width: 320px; 
	padding-right: 10px; 
	_padding-right: 0px;
	}

.itemTemplate-col2-cv
{
	height: 40px; 
	width: 281px;
}
.itemTemplate-col2-cv td
{
	_padding-left:5px;
}
.radio-divs-cv
{
	position: relative; 
	top: 0px; 
	left: 17px; 
	background-color: Transparent;
	}

.quiz-required-field-cont-cv 
{
	float:right;
	vertical-align:top; 
	margin-top:-26px; 
	width:210px;
	padding-right:15px;
	text-align:right;
	}	
	
    .tblQuizOn-cv
    {
    background-image: url(images/onbar-long.gif);
    background-repeat: no-repeat;
    }
    
    .tblQuizOff-cv
    {
    background-image: url(images/offbar-long.gif);
    background-repeat: no-repeat;
    }
.itemTemplate-col1-cv span 
{
	padding-right:20px !important;
	
	}


.quiz-itemTemplate-cv 
{
	width: 615px; 
	table-layout: fixed;
	background-color: Transparent; 
	background-image: url(../images/quiz/onbar-long.gif);
	background-repeat: repeat-y;
	}
.quiz-altitemTemplate-cv 
{
	width: 615px; 
	table-layout: fixed;
	background-color: Transparent; 
	background-image: url(../images/quiz/offbar-long.gif);
	background-repeat: repeat-y;
	
	}

.itemTemplate-col1
{
	height: 40px; 
	width: 334px; 
	padding-right: 10px; 
	_padding-right: 0px;
	}

.itemTemplate-col1 td
{
	_padding-left:5px;
}

.itemTemplate-col2
{
	height: 40px; 
	width: 281px;
}
.itemTemplate-col2 td
{
	_padding-left:5px;
}

/* Career Planner Quiz (cpqz) */
.cpqz-itemTemplate
{
	width: 512px; 
	background-color: #f8f9fa;
	margin-top: 1px;
}
.cpqz-itemTemplateAlt
{
	width: 512px;
	background-color: #d4d6dd;
	margin-top: 1px;
}
.cpqz-itemTemplate-col1
{
	float: left; 
	width: 36px; 
	padding: 7px 2px 5px 2px; 
	text-align: center; 
}
.cpqz-itemTemplate-col2
{
	float: left; 
	width: 460px; 
	padding: 5px 2px 2px 2px; 
}
.cpqz-width
{
	width: 512px;
}

/*Main Nav (mnav) */
.main-nav-container
{
	position: relative;
	width:799px; 
	height:24px; 
	padding-top: 4px;
}
.main-nav-left-link-container
{
	position:absolute;
	top: 10px;
	left: 0px;
	border: none;
	height:31px; 
	font-weight:bold;
}
.main-nav-rite-link-container
{
	width: 378px;
	position:absolute;
	top: 10px;
	right: 0px;
	height:31px; 
	
	text-align: right;
	/*margin:4px 8px 0 0; */
	padding: 4px 8px 0 0;
	font-family:Arial; 
    font-weight:600;
    color:#1e1e36;
    text-decoration:none;
    
	background: url(../images/main-nav/main-nav-on_06.gif) no-repeat;
}
.main-nav-text-frmt
{
	text-align: right;
	margin:4px 8px 0 0; 
	font-family:Arial; 
    font-weight:600;
    color:#1e1e36;
    text-decoration:none !important;
}
/*Career Quiz*/
.crqzlist
{
	margin-top:0px;
	list-style-type:none;
}
.crqzlistli
{
	margin-left: 25px;
}
