/* Only works at top of CSS */

.click-once-button-message {
    color: red;
}

.white-space-no-wrap {
    white-space: nowrap;
}

/*
    Candidate Photo Display
    Vacancy Photo Display
*/
.display-for-candidate-photo img,
.display-for-vacancy-photo img {
    border-radius: 7px;
}

/*
    Candidate Photo Editor
    Vacancy Photo Editor
*/
.editor-for-candidate-photo img,
.editor-for-vacancy-photo img {
    border-radius: 7px;
}

.editor-for-candidate-photo table:first-child, 
.editor-for-vacancy-photo table:first-child
{
    margin: 0 0 0 10px;
}

.editor-for-candidate-photo .photo-td, 
.editor-for-vacancy-photo .photo-td
{
    width: 280px;
}

.editor-for-candidate-photo input[type="file"],
.editor-for-vacancy-photo input[type="file"] {
    font-family: Verdana, sans-serif;
    font-size: 13px;
}

.editor-for-candidate-photo .link-button, 
.editor-for-vacancy-photo .link-button
{
    margin: 10px 0 0 0;
}

.editor-for-candidate-photo .max-upload-filesize-ul,
.editor-for-vacancy-photo .max-upload-filesize-ul
{
    margin: 0;
}

/*
	Candidate Reference List Editor
*/
.editor-for-candidate-reference-list h4 {
    margin-left: 15px;
}

.editor-for-candidate-reference-list .table {
    background-color: #FFFFFF;
    border: 1px solid #C8C9C8;
    border-collapse: collapse; /* cellspacing=0 */
    font-family: Verdana;
    font-size: 8pt;
    margin-left: 15px;
    width: 653px;
}

.editor-for-candidate-reference-list .table td, tr {
    border: 1px solid #C8C9C8;
    padding: 4px; /* cellpadding=4 */
}

.editor-for-candidate-reference-list .td-action {
    width: 50px;
}

.editor-for-candidate-reference-list .td-contact-number-1 {
    width: 126px;
}

.editor-for-candidate-reference-list .td-email {
    width: 200px;
}

.editor-for-candidate-reference-list .td-employed-from-to {
    width: 81px;
}

.editor-for-candidate-reference-list .td-name {
    width: 146px;
}

.editor-for-candidate-reference-list .tr {
    background-color: #EEEEFF;
    border: 1px solid #C8C9C8;
}

.editor-for-candidate-reference-list .tr-alternate {
    background-color:#F3F3FF
}

.editor-for-candidate-reference-list .tr-thead {
    background-color: #DDDDEE;
    color: #000000;
    font-weight: bold;
}

/* 
	Childcare Experience Candidates Editor 
*/
.editor-for-childcare-experience-candidates h4 {
    margin-left: 15px;
}

.editor-for-childcare-experience-candidates .table {
    background-color: #FFFFFF;
    border: 1px solid #C8C9C8;
    border-collapse: collapse; /* cellspacing=0 */
    font-family: Verdana;
    font-size: 8pt;
    margin-left: 15px;
    width: 653px;
}

.editor-for-childcare-experience-candidates .table td, tr {
    border: 1px solid #C8C9C8;
    padding: 4px; /* cellpadding=4 */
}

.editor-for-childcare-experience-candidates .td-action {
    width: 50px;
}

.editor-for-childcare-experience-candidates .td-contact-number-1 {
    width: 126px;
}

.editor-for-childcare-experience-candidates .td-email {
    width: 200px;
}

.editor-for-childcare-experience-candidates .td-employed-from-to {
    width: 81px;
}

.editor-for-childcare-experience-candidates .td-name {
    width: 146px;
}

.editor-for-childcare-experience-candidates .tr {
    background-color: #EEEEFF;
    border: 1px solid #C8C9C8;
}

.editor-for-childcare-experience-candidates .tr-alternate {
    background-color:#F3F3FF
}

.editor-for-childcare-experience-candidates .tr-thead {
    background-color: #DDDDEE;
    color: #000000;
    font-weight: bold;
}

/*
    Day Time Editor
*/
.editor-for-day-time-string input {
    width: 430px;
}

/*
    Date Editor
*/
.editor-for-date .input-day {
	text-align: center;
	width: 30px;
}

.editor-for-date .input-month {
	text-align: center;
	width: 30px;
}

.editor-for-date .input-year {
	text-align: center;
	width: 60px;
}

.editor-for-date .td-format {
    text-align: center;
}

/*
    Suburb Editor
*/
.editor-for-suburb td {
    padding: 0;
}

/*
    Time Sheet Editor
*/
.editor-for-time-sheet-string {
    display: block;
    width: 405px;
    height: 110px;
    padding: 0;
    border: 1px solid #000;
    margin: 0 auto;
    overflow: auto;
}

/*
    Search Contact Sort Fieldset
*/
.search-contact-sort-fieldset {
    padding: 0 0 10px 10px;
}

    .search-contact-sort-fieldset select {
        font-family: Verdana, Sans-Serif;
        font-size: 11px;
    }

    .search-contact-sort-fieldset button {
        font-family: Verdana, Sans-Serif;
        font-size: 12px;
        margin: 10px 0 0 0;
        padding: 2px 10px 2px 10px;
    }

/*
    Human Test Editor
*/
#content-div img.editor-for-human-test-img {
    margin: 0 0 4px 2px;
}

/*
    DOM Elements
*/
.hidden {
    display: none;
}

.float-left {
    float: left;
}

a {
    color: royalblue;
}

a:visited {
    color: royalblue;
}

body {
	margin: 0; padding: 0;
	text-align: center;
	background: #ffffe9;
}

form
{
	margin: 0; padding: 0;
}

select, option ,input, textarea
{
	font-family: Verdana, Sans-Serif; font-size: 11px;
}

textarea {
    width: 100%;
}

a img
{
	border: 0;
}

h3.common-searches-h3 { 
	margin: 20px 0 20px 12px; padding: 0 4px 0 0;
	font-family: Verdana, Sans-Serif; font-size: 13px; font-weight: bold; color: #000;
}

input.byte-input
{ 
	text-align: right;
    width: 80px;
}

input.children-description-input
{
	width: 320px;
}

input.currency-input
{
	text-align: right;
	padding-right: 2px;
	width: 50px;
}

/* Not sure why the CSS requires the input.cvv-input and not input. cvv-input */
input.cvv-input
{
	width: 32px;
}

input.date-input { 
	width: 80px;
}

input.email-input
{
	width: 200px;
}

input.guid-input {
    width: 260px;
}

input.int-input {
    text-align: right;
    width: 80px;
}

input.long-input { 
	text-align: right;
	width: 120px;
}

input.percentage-input
{
	text-align: right;
	padding-right: 2px;
	width: 50px;
}

input.subject-input {
    width: 400px;
}

input.time-input { 
	width: 80px;
}

input.url-input {
    width: 450px;
}

button.add-reference-button,
input.add-reference-button
{
	font-family: Verdana, Sans-Serif; font-size: 12px;
	margin: 15px;
	width: 150px;
}

button.big-button,
input.big-button
{
    font-family: Verdana, Sans-Serif;
	font-size: 18px;
    padding: 7px 11px;
	/*line-height: 70%;*/
}

button.cancel-button,
input.cancel-button
{
	font-family: Verdana, Sans-Serif; font-size: 12px;
	margin: 20px; margin-left: 0; padding: 0;
}

button.continue-button,
input.continue-button
{
	font-family: Verdana, Sans-Serif; font-size: 15px;
	margin: 30px 0 0 10px; padding: 5px;
}

button.link-button,
input.link-button 
{
    border: 0px solid #fff; /* needed for opera */
    /*border-bottom: 1px solid blue;*/
    background: transparent;
    color: royalblue;
    /*color: #33d;*/
    cursor: pointer;
    font-family: Verdana, Sans-Serif; font-size: 12px; line-height: 130%; font-weight: normal;
    margin-left: 0px;
    padding-left: 0px;
}

button.ok-button,
input.ok-button
{
	font-family: Verdana, Sans-Serif; font-size: 12px;
	margin: 20px; padding: 0;
}

select.location-select
{
	width: 300px;
}

select.min-max-age-select
{
	width: 130px;
}

select.min-max-hours-select
{
	width: 112px;
}

select.vacancy-basic-requirements-select
{
	width: 140px;
}

/*
label
{
	font-family: Verdana, Sans-Serif; font-size: 11px;
}
*/

fieldset
{
    border-radius: 7px;
	margin: 0 0 7px;
    padding: 7px 0 12px;
}

	fieldset legend
	{
        color: #e83;
        font-family: Verdana, Sans-Serif;
        font-size: 17px;
        font-variant: small-caps;
        font-weight: bold;
		margin: 0 0 0 26px;
        padding: 0 14px 2px;
	}

	h3.fieldset-h3
	{
		margin: 10px 0 10px 30px; padding: 0 4px 0 0;
		font-family: Verdana, Sans-Serif; font-size: 13px; font-weight: bold; color: #000;
	}
	
	label.what-times-label
	{
		margin-left: 12px;
        font-family: Verdana, Sans-Serif; font-size: 15px; font-weight: bold; color: #e93;
	}

fieldset.text-only-fieldset
{
	margin: 0 126px 7px 0;
    padding: 10px 20px 5px;
}

	fieldset.text-only-fieldset legend
	{
        font-variant: small-caps;
        font-size: 17px;
		margin: 0;
        padding: 0 14px 2px;
	}

.message-in-fieldset-div
{ 
	margin: 10px;
}

.reference-div
{
	margin: 0 15px;
}

.reference-grid-div
{
	margin: 12px;
}

.ok-cancel-div
{
	margin: 0; padding: 0;
	float: left; clear: both; width: 330px;
}

.radio-button-div {
    margin-left: 20px;
}

.submit-cancel-div
{
	margin: 12px;	
}

.validation-star-span {
    color: #e80c4d;
    font-size: 17px;
    font-weight: bold;
}

#main-div
{
	margin: 0 auto; padding: 0;
	width: 922px;
	text-align: left;
	background-color: #fff;
	border-top: solid 20px #fff; border-left: solid 1px #ccc; border-right: solid 1px #ccc;
}

	h1
	{
		background-color: #feb;
        border-bottom: solid 1px #fc6;
		border-left: solid 1px #fc6;
	    border-radius: 7px 0 0 0;
        border-top: solid 1px #fc6;
		color: #000;
		float: right;
        font-family: Trebuchet MS, Verdana, Sans-Serif;
        font-size: 30px;
		font-variant: small-caps;
        font-weight: bold;
        letter-spacing: 1px;
		margin: 25px 0 0 0;
        padding: 5px 0 5px 15px;
		text-align: left;
        width: 724px;
	}

	h2
	{
		background-color: #ffd;
		border-bottom: solid 1px #fc6;
        border-left: solid 1px #fc6;
        border-radius: 0 0 0 7px;
		color: #000;
		float: right;
		font-family: Trebuchet MS, Verdana, Sans-Serif;
        font-size: 15px;
		font-variant: small-caps;
        font-weight: bold;
        letter-spacing: 1px;
		margin: 0;
        padding: 4px 0 4px 45px;
		text-align: left;
        width: 694px;
	}

    h3.bubble-h3 {
        background-color: #ffd;
        border: solid 1px #fc6;
        border-radius: 7px;
        font-size: 15px;
        font-weight: bold;
        font-variant: small-caps;
        margin: 25px 0 15px;
        padding: 7px 15px;
    }
    
        h3.bubble-h3:first-of-type {
            margin-top: 10px;
        }

        ul ~ h3.bubble-h3 {
            margin-top: 10px;
        }

    h3.ribbon-h3
    {
	    font-size: 14px;
	    font-weight: bold;
	    font-variant: small-caps;
	    margin: 10px 0;
        padding: 6px 0 7px 20px;
	    background-color: #feb;
    }


	h5
	{
		margin: 0; padding: 4px 5px;
		font-family: Trebuchet MS, Verdana, Sans-Serif; font-size: 13px; font-weight: normal; letter-spacing: 1px;
		font-variant: small-caps;
		color: #666; text-align: center;
		background-color: #fff;
		border-left: solid 1px #fc6; border-bottom: solid 1px #fc6; 
		float: right; width: 137px;
	}

	h5.active-step-h5
	{
		color: #000;
		font-weight: bold; 
		background-color: #ffd;
	}

	h5.first-empty-step-h5
	{
		border-bottom: solid 1px #fff;
	}

	h5.empty-step-h5
	{
		border-left: solid 1px #fff; border-bottom: solid 1px #fff;
	}

    h5:last-of-type
    {
	    border-radius: 0 0 0 7px;
    }

	#content-div
	{
		margin: 20px 20px 40px 0;
		padding: 0;
		float: right; width: 720px;
		font-family: Verdana, Sans-Serif; font-size: 12px;
	}

		.instruction-span
		{
			display: block;
			margin: 0 0 20px 20px;
            padding: 2px 0 0 20px;
			background: url('../images/smallArrowInBox.gif') no-repeat;
			background-position: 0;
			font-family: Verdana, Sans-Serif; font-size: 12px; line-height: 130%; font-weight: normal;
		}
		
		#content-div p
		{
			margin: 0 15px 10px; padding: 0; line-height: 1.5em;
		}
		
			#content-div p.answer-p
			{
				margin-top: 0; margin-bottom: 15px; padding: 8px 5px 5px 5px;
			}
		
			#content-div p.big-text-p
			{
				font-size: 15px;
			}
		
			#content-div p.question-p
			{
				margin-top: 15px; margin-bottom: 0; padding: 5px;
				border-bottom: solid 1px #ddd;
				background-color: #f5f5ff;
				font-weight: bold;
			}
		
		#content-div ul
		{
			margin: 0 0 20px 5px; padding: 0; 
			list-style: none;
		}

			#content-div ul li
			{
				margin: 0 0 10px 15px; padding: 2px 0 0 20px;
				background: url('../images/smallArrowInBox.gif') no-repeat;
				background-position: 0;
				font-family: Verdana, Serif; font-size: 12px; line-height: 130%;
			}
		
		.boxed-list-div
		{
			margin: 0; padding: 0;
		}
		
		#content-div .boxed-list-div ul
		{
		}

			#content-div .boxed-list-div ul li
			{
				margin: 0 0 10px 15px; padding: 7px;
				background: none; background-color: #eef;
				border: solid 1px #ccc;
				font-family: Verdana, Serif; font-size: 12px; line-height: 130%;
			}

		#content-div .validation-summary-div ul
		{
			margin-top: 15px;
		}

		#contentDiv .editor-for-image-error-message-div ul
		{
			margin-top: 10px;
			margin-bottom: 0px;
			padding-bottom: 0px
		}

			#contentDiv .editor-for-image-error-message-div ul li
			{
				margin-bottom: 0px;
				padding-bottom: 0px
			}
					
		#content-div ol li
		{
			padding: 5px 0;
		}

		#content-div a
		{
			text-decoration: none;
			white-space: nowrap;
		}
	
		#content-div a:hover
		{
			color: #39c;
		}
				
		#content-div img
		{
			margin: 0 0 0 15px; padding: 0;
		}

td a
{
	color: #33d;
	text-decoration: underline;
}

table.editor-table
{
	margin: 0 10px 0 10px; padding: 0;
	font-family: Verdana, Sans-Serif; font-size: 11px;
} 

	td.editor-table-merge-td
	{ 
		margin: 0; padding: 3px 5px;
		font-weight: bold;
		text-align: left;
		vertical-align: middle;
		border-right: dotted 1px #ccc; border-bottom: dotted 1px #ccc;
		background-color: #f5f5ff;
	}

	td.editor-table-instruction-td
	{ 
		margin: 0; padding: 0 4px 0 0;
		width: 218px;
		font-weight: bold; line-height: 130%;
		text-align: right;
		vertical-align: middle;
		border-right: dotted 1px #ccc; border-bottom: dotted 1px #ccc;
		background-color: #f5f5ff;
	}

	td.editor-table-value-td
	{
		margin: 0; padding: 2px 0 2px 2px;
		width: 420px;
		vertical-align: middle;
	}

table.editor-table-single
{
	margin: 0 10px 0 10px; padding: 0;
	font-family: Verdana, Sans-Serif; font-size: 11px;
} 

table.display-table
{
	margin: 0 10px 0 10px; padding: 0;
	font-family: Verdana, Sans-Serif; font-size: 11px;
} 

	td.display-table-merge-td
	{ 
		margin: 0; padding: 3px 5px;
		font-weight: bold;
		text-align: left;
		vertical-align: middle;
		border-right: dotted 1px #ccc; border-bottom: dotted 1px #ccc;
		background-color: #dde;
	}

	td.display-table-label-td
	{ 
		margin: 0; padding: 2px 3px;
		width: 218px;
		font-weight: bold;
		text-align: right;
		vertical-align: middle;
		border-right: dotted 1px #ccc; border-bottom: dotted 1px #ccc;
		background-color: #eef;
	}

	td.display-table-value-td
	{
		margin: 0; padding: 2px 3px;
		width: 420px;
		vertical-align: middle;
		background-color: #f3f3ff;
	}

	td.wide-td
	{
		width: 700px;
	}

	td.narrow-td
	{
		width: 250px;
	}

	td.red-td
	{
		background-color: #ffeeee;
	}

	td.green-td
	{
		background-color: #eeffee;
	}

	td.yellow-td
	{
		background-color: #ffffdd;
	}   

/* 
    How It Works 
*/
#content-div p.how-it-works-p {
	margin: 0 0 0 17px;
	padding: 0;
	width: 500px;
}

a.how-it-works-join-now-a {
    background-color: #ff8833;
	/*background-color: #f83;*/
	border-radius: 7px;
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 4px 0;
	text-align: center;
}

#content-div a.how-it-works-join-now-a:hover {
	background-color: #ffe5a5;
    color: #000000;
}

/* 
    Create Completed 
*/
a.orange-a {
	text-align: center;
	font-size: 14px;
    margin: 0 0 0 20px;
	padding: 5px 12px 8px;
	background-color: #f83;
	color: #fff;
	font-weight: bold;
	border-radius: 7px;
}

#content-div a.orange-a:hover {
	background-color: #ffe5a5;
    color: #000;
}

/* 
    Member Home
*/
.member-home-top-div
{
	width: 635px;
	overflow: hidden;
	margin-bottom: 5px;
}

    .member-home-top-div .display-for-candidate-photo, 
    .member-home-top-div .display-for-vacancy-photo 
    {
	    float: right;
	    width: 250px
    }

    #content-div .member-home-top-div img
    {
	    margin: 0;
	    border-radius: 7px;
    }

    #content-div .member-home-top-div ul
    {
	    width: 365px;
	    background-color: #fff;
	    padding: 5px 0 1px;
	    border: solid thin #aaa;
	    border-radius: 7px;
	    margin: 0 0 15px 0;
    }

    #content-div .member-home-top-div ul li
    {
	    margin: 0;
	    padding: 0;
	    border-top: dashed thin #aaa;
	    background: none;
    }

        #content-div .member-home-top-div ul li.header-li {
            border: none;
        }

    #content-div .member-home-top-div ul a
    {
	    margin: 1px 0;
	    padding: 7px 0 7px 29px;
	    display: block;
	    font-size: 16px;
	    background: url(../images/smallArrowInBox.gif) no-repeat;
	    background-position: 10px 8px;
    }

    #content-div .member-home-top-div a:hover
    {
	    background-color: #f3f3ff;
    }

    #content-div .member-home-top-div ul h3
    {
	    font-size: 13px;
	    font-weight: normal;
	    margin: 0;
	    padding: 0px 10px 5px;
    }
 
/* 
    Membership Order Vacancies 
*/
div.form-for-membership-order-vacancies input[type=radio]
{
	font-size: 15px;
	margin: 10px 0 0 20px;
}

div.form-for-membership-order-vacancies input[type=radio] ~ label
{
	font-size: 15px;
}

#content-div div.form-for-membership-order-vacancies img
{
	margin: 20px 0 0 0;
}

button.blue-button {
	text-align: center;
	font-size: 14px;
    margin: 0 0 0 20px;
	padding: 5px 12px 8px;
	background-color: #09c;
	color: #fff;
	font-weight: bold;
	border-radius: 7px;
}

#content-div button.Blue-button:hover {
	background-color: #ffe5a5;
    color: #000;
}

button.orange-button {
	text-align: center;
	font-size: 14px;
    margin: 0 0 0 20px;
	padding: 5px 12px 8px;
	background-color: #f83;
	color: #fff;
	font-weight: bold;
	border-radius: 7px;
}

#content-div button.orange-button:hover {
	background-color: #ffe5a5;
    color: #000;
}

#content-div ul.blue-tick-ul li
{
	background: url('../images/blue-tick.png') no-repeat;
    background-position: 0;
    width: 500px;
}

/*
    Join Now Candidates/Vacancies
*/
a.create-button-a {
    background-color: #0099cc;
    border-radius: 7px;
    color: #ffffff;
    display: inline-block;
    font-size: 15px;
    font-variant: small-caps;
    font-weight: bold;
    margin: 2px 0px 10px 15px;
    padding: 12px 17px;
}

#content-div a.create-button-a:hover {
    background-color: #0099cc;
    color: #ffffff;
}

div.quote-review-quote-div {
    background-color: #93cdff;
    border-radius: 14px;
    font-size: larger;
    padding: 15px;
    width: 500px;
}

div.quote-review-attribution-div {
    font-size: 12px;
    margin: 8px 0px 15px 0;
    text-align: right;
    width: 530px;
}

div.quote-review-attribution-div:last-of-type {
    margin-bottom: 20px;
}

/*
    Create Candidates/Vacancies
*/
input.create-button {
    background-color: #0099cc;
    border-radius: 7px;
    color: #ffffff;
    font-size: 15px;
    font-variant: small-caps;
    font-weight: bold;
    margin: 25px 0 15px;
    padding: 7px 15px;
}