body
{
	width: 988px;
	margin: auto;
	margin-top: 5px;
	line-height: 13pt;
}

.content
{
	background-image: url(images/layout/content-bg.gif);
	background-repeat: repeat-y; /*min-height:500px;*/
	padding: 30px 30px;
}

.validator
{
	background-color: #FFFACD; /* #FFFACD = lemonchiffon */
}

.paging
{
    font-size: 13px;
    font-weight: bold;
}

.disabled
{
	background-color: #A8A8A8; /*LightGrey*/
}


.register
{
	background-image: url(images/layout/register.gif);
	width: 155px;
}

.signup-link, .howmuch-link, .pricepdf
{
	display: block;
	height: 73px;
}

.signup-link:hover, .howmuch-link:hover, .pricepdf:hover
{
	background-position: center -73px;
}

.pricepdf
{
	background-image: url(images/navigation/pricepdf.gif);
	width: 293px;
}

.signup-link
{
	background-image: url(images/navigation/signup_icon.gif);
	width: 278px;
}

.howmuch-link
{
	background-image: url(images/navigation/howmuch_icon.gif);
	width: 293px;
}

.footer
{
	text-align: center;
	background-image: url(images/layout/footer-bg.gif);
	height: 45px;
	padding-top: 10px;
}

.footer a, .footer div
{
	color: White;
	font-weight: bold;
	padding-right: 15px;
	font-family: Verdana;
	font-size: 12px;
	text-decoration: none;
}

.footer a:hover
{
    color: Black;
}

.validator
{
	background-color: #FFFACD; /* #FFFACD = lemonchiffon */
}

.ajax__validatorcallout_error_message_cell
{
	color: Black;
}

.ImageButton, .ImageButton-SM, .ImageButton-gray, .ImageButton-green
{
	float: left;
	background-image: url(images/layout/btn.gif);
	color: White;
	text-decoration: none;
	cursor: pointer;
	margin-right: 10px;
	text-align: center;
}

.ImageButton, .ImageButton-gray, .ImageButton-green
{
	width: 175px;
	height: 25px;
	line-height: 25px;
	font-size: 14px;
}

.ImageButton-gray
{
	background-image: url(images/layout/btn-gray.gif);
}

.ImageButton-SM
{
	background-image: url(images/layout/btn-small.gif);
	line-height: 18px;
	width: 131px;
	height: 18px;
	padding-left: 5px;
	font-size: 11px;
}

.ImageButton-green
{
    background-image: url(images/layout/btn-green.gif);
}

.ImageButton:hover, .ImageButton-SM:hover
{
	color: #BBBBBB;
}

.ImageButton-gray:hover
{
	color: #606060;
}

input.ImageButton, input.ImageButton-SM, input.ImageButton-gray
{
	border-width: 0px;
	width: 175px;
	height: 25px;
	float: none;
	padding: 0px;
}

.SliderValue
{
	margin-left: 5px;
	width: 25px;
}

.Slider
{
	float: left;
	margin-top: 2px;
	width: 120px;
	height: 16px;
	border: 0;
	background-image: url(images/slider_background.gif);
	background-repeat: no-repeat;
}

.SliderSelector
{
	position: relative;
	z-index: 1;
	cursor: hand;
	visibility: hidden;
	width: 16px;
	height: 16px;
	border: 0px;
}

#Indicator
{
	width: 200px;
	position: fixed;
	display: block;
	z-index: 2;
}

#Indicator img
{
	margin-bottom: -2px;
}

#modalBackground
{
    background-color: black;
	filter: alpha(opacity=70);
	opacity: 0.7;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.leadership-points input
{
	float: left;
	margin-right: 5px;
	margin-bottom: 2px;
	text-align: center;
}

/* header */
.header
{
    background-image: url(images/layout/header-bg.gif);
    height: 107px;
    padding: 0px 40px;
}

.header a { float: left; }

.header .logo
{
    margin-top: -18px;
}

.header a.login, .header a.logout
{
	float: right;
	width: 94px;
	height: 107px;
	margin-left: 5px;
	margin-top: -18px;
}

.header a:hover
{
	background-position: center -107px;
}

.header .logout
{
	background-image: url(images/layout/logout.gif);
}

.header .login
{
	background-image: url(images/layout/login.gif);
}

/* topnav */
.frontnav, .backnav
{
    background-image: url(images/navigation/nav-bg.gif);
    background-repeat: repeat-x;
    height: 28px;
    padding-top: 10px;
    padding-left: 35px;
    text-align: center;
}

.frontnav a, .backnav a
{
    color: #777777;
    text-decoration: none;
    margin-right: 38px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: Tahoma;
}

.frontnav a
{
    font-size: 14px;
    margin: 0px 50px 0px 50px;
}

.backnav a
{
    font-size: 12px;
}

.frontnav a:hover, .backnav a:hover
{
    color: Black;
}

.frontnav a.selected, .backnav a.selected { color: Black; }

/* dashboard */
.dashboard
{
    width: 100%;
}

.dashboard strong
{
    color: #ffbb00;
}

.dashboard td, .dashboard th
{
    padding-right: 20px;
    padding-bottom: 35px;
    vertical-align: top;
}

.dashboard th
{
    width: 75px;
}

.dashboard td
{
    width: 50%;
}

.dashboard a
{
    text-decoration: none;
    color: #777777;
}

.startedguide
{
    float: left;
    width: 231px;
    height: 56px;
    background-image: url(images/navigation/startedguide.jpg);
}

.startedguide:hover
{
    background-position: center -56px;
}

.resources
{
    background-image: url(images/resources/resource-bg.jpg);
    width: 228px;
}

.resources img
{
    margin: auto;
}

.resources ul
{
    list-style-image: url(images/resources/plus.jpg);
    width: 190px;
    margin: 0px;
    padding: 0px;
    margin-left: 25px;
}

.resources li
{
    padding-bottom: 3px;
}

/* messages */
.messages
{
	background-color: #EFEFEF;
	margin-bottom: 15px;
	color: #858585;
	padding: 1px;
	border: solid 2px #CCCCCC;
	width: 100%;
}

.messages p
{
	margin: 7px;
}

/* Home Page */
.headingbox
{
	background-image: url(images/boxes/home-bg.gif);
	background-repeat: repeat-y;
}


.boxdiv a:Hover
{
	background-position: center -73px;
}

.hometable
{
    width: 425px;
}
.hometable td
{
    background-image: url(images/newHome/readmore.jpg); 
    background-repeat: no-repeat;
    height: 125px;
    cursor: pointer;
}
.hometable td img
{
    float: left;
}
.hometable td a
{
    color: #929292;
    text-decoration: none;
    cursor: pointer;
}
.hometable td .div
{
    margin-left: 73px;
    width: 310px;
}
.hometable td .div div
{
    font-size: 12px; 
    color: #fead0b;
}

/* Contact */
.contacttable
{
    width: 430px;
}
.contacttable .text
{
    width: 300px;
    background-image: url(images/textbox-bg.jpg);
    background-repeat: repeat-x;
    border: solid 1px #ececec;
}
.contacttable .textarea
{
    width: 300px;
    height: 125px;
    background-image: url(images/textarea-bg.jpg);
    background-repeat: repeat-x;
    border: solid 1px #ececec;
}
.contacttable th
{
    font-weight: normal;
    text-align: right;
    width: 115px;
}

/* grey messagebox used on front end */
.mboxtop
{
    background-image: url(images/layout/textbox-header.jpg);
    background-repeat: no-repeat;
    width: 401px;
    /*height: 77px;*/
    padding-top: 20px;
    padding-left: 20px;
}
.mboxbody
{
    background-image: url(images/layout/textbox-bg.jpg);
    background-repeat: repeat-y;
    width: 421px;
}
.mboxbottom
{
    background-image: url(images/layout/textbox-footer.jpg);
    background-repeat: no-repeat;
    width: 421px;
    height: 31px;
}

/* Logon */
.textboxes
{
	color: #999999;
	border-color: Black;
	border-width: 1px;
	border-style: solid;
}

/* Register */
.registerformtable
{
	width: 550px;
}
.registerformtable td
{
	padding-left: 0px;
	padding-right: 0px;
}

.registerformtable .input
{
	width: 350px;
}

.linelineorangetext
{
	color: #ff9900;
	font-size: 14px;
	font-family: Verdana;
	text-decoration: none;
	font-weight: bold;
}

.sideboxbody td
{
	padding-left: 5px;
	padding-right: 0px;
	font-size: 10px;
}

.validationsummary
{
    background-color: #FEC724;
    color: White !important;
    display: none;
    width: 425px;
}

/* Tool folder subpages */
.sampleboxes
{
	background-image: url(images/boxes/samplereport-bg.gif);
	height: 22px;
	width: 600px;
	color: #555555;
}

.sampleboxes a
{
	color: #555555;
}

/* How Much */
.greyboxes
{
	background-color: #f5f5f5;
	height: 20px;
	width: 475px;
	padding: 8px 4px 4px 4px;
	font-family: Tahoma;
	font-size: 13px;
	color: #666666;
}

.inputboxes
{
	width: 50px;
	border-style: none;
	color: #666666;
	vertical-align: middle;
	float: right;
	margin-top: -19px;
	margin-bottom: -19px;
}

/* list */
.links
{
	width: 209px;
	padding-left: 0px;
	position: relative;
	margin: -350px 0px;
	float: right;
}

.links li.head
{
	background-image: url(images/layout/list-header.gif);
	color: White;
	font-size: 14px;
	height: 27px;
	padding: 8px 8px 0px 8px;
}

.links li
{
	list-style-type: none;
}

.links a
{
	background-color: #fdfdfd;
	border: solid 1px #f1f1f1;
	display: block;
	width: 193px;
	height: 31px;
	margin: 4px 0px;
	padding: 2px 8px;
	color: #494949;
	text-decoration: none;
}

.links a:hover
{
	background-color: #fafaef;
	border: solid 1px #f6f6ef;
}

.links .highlight a
{
	/*background-color: #FFB6A8;*/
	color: Red;
	font-weight: bold;
}

/* outstanding tasks div moving round stuff */
.outstandingtasks
{
	position: relative;
	margin: -350px 0px -350px 0px;
	float: right;
}

/* bulleted lists on WhyPick24 page */
.whylist li
{
	list-style-image: url(images/li.jpg);
	margin-bottom: 10px;
}

.whylist h3
{
	margin-left: 35px;
}

/* Quciklinks on sub pages */
.quicklinks
{
	padding-left: 0px;
	margin-left: 0px;
}
.quicklinks li
{
	margin-bottom: 10px;
	list-style-type: none;
}

/* sample list on every subpage */
.samplelist
{
	padding-left: 0px;
	color: #929292;
	width: 434px;
	border-spacing: 0px;
}
.samplelist td
{
    background-image: url(images/layout/download-bg.jpg);
    background-repeat: no-repeat;
    height: 60px;
    width: 434px;
    vertical-align: middle;
    padding: 0px 10px 0px 70px;
    line-height: 24px;
}

.samplelist td img
{
    float: left;
    margin: 3px 0px 0px -60px;
}

.samplelist div
{
    background-image: url(images/layout/nav-bg.jpg);
    background-repeat: no-repeat;
    width: 423px;
    height: 32px;
}

.samplelist a
{
	font-size: 12px;
	float: right;
	text-decoration: none;
	margin-right: 10px;
}
.samplelist a span
{
    color: #929292;
}

.subpage_nav
{
    background-image: url(images/layout/download-bg_small.jpg);
    background-repeat: repeat-x;
    width: 423px;
    height: 32px;
    text-align: center;
    font-size: 12px;
    padding-top: 7px;
}
.subpage_nav a
{
    text-decoration: none;
    color: #929292;
    margin: 0px 3px 0px 3px;
}
.subpage_nav a:Hover
{
    color: #fab10b;
}
.subpage_nav a.selected
{
    color: #fab10b;
}

/* intro-panel */
.intro-panel
{
	padding: 2px;
	color: #606060;
	border: solid 1px #FDB41C;
	margin-bottom: 15px;
}

.intro-panel h1
{
	margin-bottom: 5px;
	margin-top: -5px;
}

.intro-panel .ImageButton
{
	margin-left: 338px;
}

.intro-panel a
{
	color: #606060;
	font-weight: bold;
	text-decoration: underline;
}

/* accordian */
.accordian h2
{
	background-color: #FAB10B;
	padding: 10px;
	color: White;
	font-size: 13px;
}

.accordian a
{
	color: White;
}

.acc-content
{
}

.acc-content table
{
	overflow: hidden;
	width: 90%;
	margin: auto;
}

.whytable td
{
	text-align: left;
	padding-left: 0px;
	vertical-align: top;
}

#applicantcheckboxes a
{
	color: #666666;
}

/* floating bar when making personality test (test length one) */
#esttime
{
	font-weight: bold;
}

/**/
.steps
{
	background: url(images/steps-background.jpg) repeat-x center center;
	width: 100%;
	text-align: center;
}

/* why-panels */
.why-panels
{
    width: 100%;
}
.why-panels li
{
	
}

.why-panels div
{
	padding-left: 0px;
	font-size: 10px;
    padding-top: 20px;
}

.why-panels td img
{
    float: left;
    margin: 35px 0px 0px 3px;
}

.why-panels td
{
	height: 132px;
	width: 271px;
	background-image: url(images/why/whypick24-bg.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	vertical-align: top;
}

/* tests */
.supervisor, .testinfo, .infobox
{
    width: 404px;
    padding: 10px;
    margin-bottom: 10px;
}

.supervisor
{
    background-image: url(images/tests/supervisor.jpg);
    height: 112px;
}

.testinfo
{
    background-image: url(images/tests/testinfo-bg.jpg);
    height: 111px;
}

.supervisor th, .testinfo th
{
    text-align: right;
}

.supervisor tbody th, .testinfo tbody th
{
    font-weight: normal;
}

.supervisor td, .testinfo td
{
    padding-left: 20px;
}

.infobox
{
    background-image: url(images/tests/info-bg.jpg);
    height: 67px;
}

.infobox h4
{
    font-size: 13px;
    color: #898889;
}

.infobox div
{
    float: left;
    border-right: solid 2px #E3E3E3;
    padding-right: 10px;
    margin-right: 10px;
    margin-top: 10px;
    width: 52px;
}

.infobox strong
{
    font-size: 12px;
    color: #F39521;
}

.existing-values-panel, .existing-values-panel ul
{
    width: 140px;
    margin: 0px !important;
}