/** BASIC */

html, body {
	height: 100%;
}

.text1 {
	padding-left: 23px;
	background: url(images/homepage06.gif) no-repeat left;
}

.link2 
{
	text-decoration: none;
	text-transform: uppercase;
	float: right;
	font-size: 9px;
	padding-left: 9px;
	font-weight: bold;
	background: url(images/homepage08.gif) no-repeat left;
}

.link2ch 
{
	text-decoration: none;
	text-transform: uppercase;
	float: right;
	font-size: 11px;
	padding-left: 11px;
	font-weight: bold;
	background: url(images/homepage08.gif) no-repeat left;
}

.link3
{
	float: left;
	padding-left: 11px;
	background: url(images/homepage08.gif) no-repeat left;
}

.link3ch
{
	float: left;
	padding-left: 11px;
	background: url(images/homepage08.gif) no-repeat left;
}

.link4
{
	float:none;
	padding-left: 11px;
	background: url(images/homepage08.gif) no-repeat left;
}

.link4ch
{
	float:none;
	padding-left: 11px;
	background: url(images/homepage08.gif) no-repeat left;
}

td .referenceCheckResultSpacing {
    padding-right: 100px;
    padding-left: 120px;
    vertical-align: top;
    width: 100%;
}


/** HEADER */

#header {
	height: 192px;
}

#header2 {
    height: 237px;
}

/** LOGO */

#logo {
	/*width: 980px;*/
	height: 192px;
	margin: 0px auto;
	background: url(images/homepage03b.jpg) no-repeat left top;
}

#logo2 {
    /*width: 980px;*/
    height: 192px;
    margin: 0px auto;
    background: url(images/homepage03b.jpg) no-repeat left top;
}

#logo h1, #logo h2 {
	display: none;
}

#logo2 h1, #logo2 h2 {
    display: none;
}

/** MENU */

#menu {
	width: 965px;
	height: 45px;
	margin: 0px auto;
	padding-left: 15px;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;	
}

    #menu li {
        display: block;
        float: left;
        height: 45px;
        padding: 0px 0px 0px 2px;
        /*background: url(images/homepage04.gif) no-repeat left top;*/
        background: none;
    }

#menu .first {
	background: none;
}

#menu a {
}

#menu1 {}
#menu2 {}
#menu3 {}
#menu4 {}
#menu5 {}
#menu6 {}
#menu7 {}
#menu8 {}

#menubullet {
	width: 965px;
	height: 45px;
	margin: 0px auto;
	padding-left: 15px;
}

#menubullet ul {
	margin: 0px;
	padding: 0px;
	list-style: none;	
	padding-left: 40px;
}
#menubullet li
{
	
	list-style-image: url(tp_add_small.gif);
}

/** CONTENT */

#content {
	width: 980px;
	margin: 0px auto;
	padding: 40px 0px 20px 0px;
}

#termsofusecontent {
	width: 980px;
	margin: 0px auto;
	padding: 40px 0px 20px 0px;
}

#left {
	float: left;
	width: 524px;
	/*padding-left: 30px;*/
	padding-left: 30px;
}

#right {
    float: right;
    width: 677px;
    /*padding: 0px 30px 0px 20px;*/
    padding: 0px 30px 0px 20px;
    background: url(images/homepage11.gif) repeat-y left top;
}

#subpage1 #left {
	width: 664px;
}

#subpage1 #right {
	width: 218px;
}

.hrsearchbox {
    width: 300px;
}

/** FOOTER */

#footer {
	width: 100%;
	height: 70px;
	margin: 0px auto;
	padding-top: 17px;
}

.legals {
	/*float: left;*/
	/*width: 60%;*/
	padding: 15px 0px;
	/*text-align: right;*/
}

.contacts {
	/*float: right;*/
	/*width: 40%;*/
	padding: 15px 0px 15px 23px;
	background: url(images/homepage19.gif) repeat-y left top;
}

/** BOX1 */

#box1 {
}

/** BOX2 */

#box2 {
	float: left;
	width: 255px;
}

/** BOX3 */

#box3 
{
	
	float: left;
	width: 251px;
	padding-left: 18px;
	background: url(images/homepage11.gif) repeat-y left top;
}

/** BOX4 */

#box4
{
		
}

/** BOX5 */

#box5 {
}

/** BOX6 */

#box6 {
	padding: 0px 30px;
}



table .ExitInterviewTable
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}

tr .ExitInterviewTable
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}
td .ExitInterviewTable
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}

div .pageBreak { page-break-after: always; width: 100%; }

.OverrideTableBorderStyle
{
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	border-left: silver 1px solid;
	border-bottom: silver 1px solid;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
    height: 40px;
    text-align: center;
}

label {
    font-weight:400;
}

@media only screen and (max-width: 767px) {

    td .referenceCheckResultSpacing {
        padding-right: 2%;
        padding-left: 2%;
        /*text-align: center;*/
    }

    .testTable tbody tr td {
        display: block;
        clear: both;
        width: 100%;
    }

    .testTableMatrixTextAlign {
        text-align: left;
    }

    .testTableMatrixTextAlignLast {
        text-align: left;
        padding-bottom: 20px;
    }

    .testTableMatrixTextLabel {
        display: block;
    }

    .testTableMatrixHeaderRow {
        display: none;
    }

    .testTable{
        border-spacing: 2px;
	margin-bottom: 20px;
    }

}

@media only screen and (min-width: 768px) {

    .testTable{
        border-spacing: 2px;
	margin-bottom: 20px;
    }

    .testTable tbody tr td {
	padding-right: 20px;
    }

    .testTableMatrixTextAlign {
        text-align: center;
    }

    .testTableMatrixTextAlignLast {
        text-align: center;
    }

    .testTableMatrixTextLabel {
        display: none;
    }

     .testTableMatrixHeaderRow td{
        padding-left: 20px;
	padding-right: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .rowReport {
        padding-bottom: 8px;
        vertical-align: top;
        white-space: nowrap;
    }
    .rowReportNoWrap {
        vertical-align: top;
        white-space: nowrap;
    }
}

@media only screen and (max-width: 970px) {

    #logo {
        display: none;
        /*visibility: hidden;*/
    }

        #logo h1, #logo h2 {
            display: none;
            /*visibility: hidden;*/
        }

    #header {
        display: none;
        /*visibility: hidden;*/
    }

    /** MENU */
    #menu {
        width: 100%;
        height: 45px;
        margin: 0px auto;
        padding-left: 15px;
        padding: 0px 2px;
    }

    /*#menu li {
    display: block;
    float: left;
    height: 45px;
    padding: 0px 0px 0px 2px;
    background: none;
}*/

    #left {
        display: none;
    }

    #right {
        float: none;
        width: 100%;
        /*padding: 0px 30px 0px 20px;*/
        padding: 0px 30px 0px 20px;
        background: none;
    }

    #content {
        width: 100%;
    }

    .hrsearchbox {
        width: 100%;
    }
}

@media only screen and (max-width: 991px) {
    #logo {
        width: 100%;
        height: 192px;
        margin: 0px auto;
        background: url(images/homepage03b.jpg) no-repeat left top;
        /*background: none;*/
    }

        #logo h1, #logo h2 {
            display: none;
        }

    /** MENU */

    #menu {
        width: 100%;
        height: 45px;
        margin: 0px auto;
        padding-left: 15px;
        padding: 0px 2px;
    }
}

@media only screen and (min-width: 992px) {
    #logo {
        width: 980px;
        height: 192px;
        margin: 0px auto;
        background: url(images/homepage03b.jpg) no-repeat left top;
        /*background: none;*/
    }

        #logo h1, #logo h2 {
            display: none;
        }

    /** MENU */

    #menu {
        width: 965px;
        height: 45px;
        margin: 0px auto;
        padding-left: 15px;
        padding: 0px 2px;
    }
}

@media only screen and (max-width: 1199px) {
    .contacts {
        background: none;
    }

    textarea {
	width: 100%;
    }
}

@media only screen and (min-width: 1200px) {
    .contacts {
        background: url(images/homepage19.gif) repeat-y left top;
    }
}