/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
#toptabs ul#tabs {
    list-style: none;
    margin: 0 0 10px;
    padding: 0;
    width: 100%;
}

#toptabs #tabs li {
    float: left;
    padding: 0;
    position: relative;
    width: 129px;
	height: 30px;
}
#toptabs #tabs li a {
    display: block;
    
    white-space: nowrap; /* required in IE 6 */   
	font : bold 0.9em/1.7 arial, helvetica, verdana, serif;
	
	text-decoration:none;
	
    padding: 0 0.4em;
	margin-bottom: -1px;
}

#toptabs #tabs li.ui-tabs-selected a:link, #toptabs #tabs li.ui-tabs-selected a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}

#tab1 a span, #tab2 a span, #tab3 a span, #tab4 a span, #tab5 a span, #tab6 a span {
	background: url(tabs/application.gif);
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#tab2 a span {
	background: url(tabs/personal.gif);
}
#toptabs #tabs li#tab2 {
	width: 118px;
}
#tab3 a span {
	background: url(tabs/requirements.gif);
}
#toptabs #tabs li#tab3 {
	width: 133px;
}
#tab6 a span {
	background: url(tabs/references.gif);
}
#toptabs #tabs li#tab6 {
	width: 123px;
}
#tab4 a span {
	background: url(tabs/qualifications.gif);
}
#toptabs #tabs li#tab4 {
	width: 102px;
}
#tab5 a span {
	background: url(tabs/insurance.gif);
}
#toptabs #tabs li#tab5 {
	width: 77px;
}
#tab1.ui-tabs-selected a span {
	background: url(tabs/applicationa.gif);
}
#tab2.ui-tabs-selected a span {
	background: url(tabs/personala.gif);
}
#tab3.ui-tabs-selected a span {
	background: url(tabs/requirementsa.gif);
}
#tab6.ui-tabs-selected a span {
	background: url(tabs/referencesa.gif);
}
#tab4.ui-tabs-selected a span {
	background: url(tabs/qualificationsa.gif);
}
#tab5.ui-tabs-selected a span {
	background: url(tabs/insurancea.gif);
}

#t1, #t2, #t3, #t4, #t5, #t6, #t7 {
	clear: both;
}