@charset "utf-8";
/* CSS Document */

#maincontent2 {
	/*width:873px;*/
	height:100%;
	background-color:#fff;
	margin:0 0px 90px 0;
	padding:0;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	/*border-right:solid 1px #ccc;
	border-left:solid 1px #ccc;*/
}

.maincontent2 {
	max-width:625px;
	height:100%;
	padding:0 30px;
	margin:0;
	float:left;
	width:auto;
}

.maincontent2 .required {
color: #FF0000;
}

.maincontent2 span {
	margin:0;
	padding:0;
	font-size:12px;
	color:#444;
}

.maincontent2 p .bold {
	margin:0;
	padding:0;
	font-size:12px;
	color:#FF0000;
	font-weight:bold;
}


.maincontent2 p .bold-orange {
	margin:0;
	padding:0;
	font-size:12px;
	color:#FF6600;
	font-weight:bold;
}

.maincontent2 p span.blue {
	margin:0;
	padding:0;
	font-size:12px;
	color:#274D6D;
	font-weight:normal;
	text-decoration:underline;
}

.maincontentwide {
	width:820px;
	height:100%;
	padding:0;
	margin:0 0 0 35px;
	float:left;
}

.maincontent2 h1, .maincontentwide h1 {
	padding:0 0 7px 0;
	margin:0;
	font-size:23px;
	line-height:30px;
	color:#0094c7;
	font-weight:normal;
	float:left;
	/*background-image:url(images/line.png);
	background-repeat:no-repeat;
	background-position:0 35px;*/
}

.maincontentwide h2 {
	padding:0;
	margin:0;
	font-size:15px;
	line-height:22px;
	color:#274D6D;
	clear:left;
}

.maincontent2 h2 {
    clear: both;
    color: #274d6d;
    font-size: 16px;
    font-weight: normal;
    line-height: 23px;
    margin: 0;
    padding: 2px 0 3px;
}

.maincontentwide h2 {
	color:#333333;
	font-weight:normal;
}

.maincontentwide h3 {
	color:#555555;
	font-weight:bold;
}

.maincontentwide span {
	margin:0;
	padding:0;
	font-size:12px;
	color:#444;
}

.maincontentwide span a {
	text-align:right;
	font-weight:normal;
	color:#005699;
	text-decoration:none;
}

.maincontentwide span a:hover {
	color:#444;
}

.maincontent2 h3, .maincontentwide h3 {
	padding:0;
	margin:0;
	font-size:13px;
	line-height:20px;
	color:#333;
}

.maincontent2 p {
	font-size:80%;
	line-height:145%;
	padding:0 0 10px 0;
	margin:0;
	text-align:justify;
	float:left;
	clear:both;
}

.maincontent2 p.dashboard-p {
    clear: both;
    font-size: 80%;
    line-height: 145%;
    margin: 0 0 0 25px;
    padding: 5px 0 0px;
    text-align: justify;
	color:#444444;
}

.maincontent2 p.intro {
	text-align:left;
}

.date {
	margin:0;
	padding:0;
	font-size:75%;
	color:#444;
}

.maincontent2 a {
	margin:0;
	padding:0;
	text-decoration:none;
	color:#274D6D;
    border-bottom: 1px dotted #999999;
}

.maincontent2 a:hover {
	margin:0;
	padding:0;
	color:#0094c7;
}

.maincontent2 span.link a {
	text-decoration:underline;
}

.maincontent2 span.link a:hover {

}

.maincontent2 ul {
	margin:0;
	padding:5px 0 5px 0;
	clear:both;
	list-style-image:url(images/right.gif);	
}

.maincontent2 ul li {
	color:#333;
	margin:0 0 0 35px;
	padding:0 0 8px 0;
	font-size:80%;
	line-height:140%;
}

.maincontent2 ul li a {
	margin:0;
	padding:0;
	text-decoration:none;
	color:#333;
}

.maincontent2 ul li a:hover {
	margin:0;
	padding:0;
	color:#0094c7;
}

.maincontent2 ul li a.email {
	margin:0;
	padding:0;
	text-decoration:none;
	color:#005699;
}

.maincontent2 ul li a.email:hover {
	margin:0;
	padding:0;
	color:#444;
}

ul#portfolio {
	list-style-type: none;
	padding:0;
	margin:30px 0 0 60px;
	height:271px !important;
	overflow:hidden;
}

/* special-list */

.maincontent2 li.special-list {
	margin:0 0 0 18px;
}

/* backlink */

.maincontentwide p.backlink {
	padding:0;
	margin:0;
}

.maincontentwide p.backlink span {
	font-size:9pt;
	color:#666;
	font-weight:normal;
	line-height:14pt;
	background-image:url(images/left.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding:0 0 0 10px;
	margin-right:30px;
	float:right;	
}

.maincontentwide p.backlink span a  {
	color:#005699;
	text-decoration:none;
}

.maincontentwide p.backlink span a:hover {
	color:#555;
	text-decoration:none;
}

form#user_form, form#newssubmission, form#remove_user_form {
	background-image:url(images/home-background.png);
	background-repeat:repeat;
	background-position:0 0;
	border-radius: 6px;
	/*width:567px;*/
	border: 1px solid #bbb;
}

form#attendance {background-image:none;width:100%;}

form#attendance fieldset.forms2 {border:none;padding:0;margin:0;background-image:none;}

#forms2 form#attendance fieldset.forms2 p {margin-left:0;font-size:13px;line-height:18px;}

#forms2 form#attendance fieldset.forms2 div.buttons {
    padding: 0;
}

#forms2 form#attendance fieldset.forms2 label {padding-left:0;margin-left:0;width:120px;}


#forms2 form#attendance div.checkbox [type="checkbox"] {
    border: medium none;
    clear: none;
    display: inline;
    float: left;
    height: 15px;
    margin: 0 0 5px;
    padding: 0;
    width: 15px;
}

div.ack {float:right;margin-top:5px;}

div.ack a {font-size:12px;line-height:18px;}

#acknowledgement {margin-top:10px;}


#attendance .selectBoxLarge div.box span {
    color: #333;
    font-family: arial;
    line-height: 17pt;
    padding-left: 5px;
	font-size:12px;
}

#forms2 {
	/*width:600px;*/
	margin:0;
	padding:0;
	float:left;
	overflow:hidden;
	width:100%;
}

fieldset.forms2 {
	width: auto;
	margin:10px 0 0 0px;
	padding:15px 5px 20px 10px;
	text-align:left;
	/*border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;*/
	overflow:hidden;
	/*border-top-width: 4px;
	border-top-color: #274D6D;
	background-image:url(images/down-arrow-dark-blue.png);
	background-repeat:no-repeat;
	background-position:75px top;*/
	border:none;
}

fieldset.forms2 div {
	float:left;
	clear:left;
	margin:0;
	padding:0;
}

fieldset.forms2 div.select {
	max-width:500px;
	float:left;
	clear:left;
	margin:0 0 5px 0;
	padding:0;
}

fieldset.forms2 div.textarea {
	max-width:550px;
	float:left;
	clear:left;
	margin:5px 0 0 0;
	padding:0;
}

fieldset.forms2 div.wide {
	max-width:500px;
	float:left;
	clear:both;
	margin:0 0 7px 0;
	padding:0;
	display:inline;
}

fieldset.forms2 div.wide label {
	width:180px;
	margin:0px 15px 5px 7px;
	padding:6px 0 0 15px;
	font-size:12px;
	color:#000;
	clear:left;
	float:left;
	text-align:left;
}

fieldset.forms2 div.wide select {
	margin:7px 100px 5px 0;
	vertical-align:middle;
	float:left;
	border:solid 1px #B2B2B2;
	color:#333;
	display:inline;
}

fieldset.forms2 div.wide .buttons {
	margin:20px 0 0 215px;
}

fieldset.forms2 div.checkbox {
	width:200px;
	float:left;
	clear:right;
}

#forms2 h1 {
	background-image:none;
	background-repeat:no-repeat;
	background-position:left top;
	max-width:500px;
	width:auto;
	margin:0 0 5px 20px;
	padding:0;
	color:#274D6D;
	font-size:17px;
	clear:both;
}

#forms2 h1.short {
	background-image:none;
	background-repeat:no-repeat;
	background-position:left top;
	width:75px;
	margin:0 0 5px 20px;
	padding:0;
	color:#274D6D;
	font-size:17px;
	clear:both;
	float:left;
}
#forms2 h2.short {
    background-image: none;
    background-position: left top;
    background-repeat: no-repeat;
    clear: both;
    color: #274d6d;
    float: left;
    font-size: 1em;
    margin: 0 0 0 20px;
    padding: 0;
    width: 75px;
	font-weight:normal;
	text-align:left;
}

#forms2 h2 {
	background-image:none;
	background-repeat:no-repeat;
	background-position:left top;
	max-width:500px;
	margin:0;
	padding:0;
	color:#0292B1;
	font-size:11pt;
	text-align:center;
}

#forms2 h2.short {
    background-image: none;
    background-position: left top;
    background-repeat: no-repeat;
    clear: both;
    color: #274d6d;
    float: left;
    font-size: 1em;
    font-weight: normal;
    margin: 0 0 0 20px;
    padding: 0;
    text-align: left;
    width: 75px;
}

.forms2 input {
	border:solid 1px #B2B2B2;
	margin:7px 0 0 0;
		
}

.forms2 input.dates {
	border:solid 1px #B2B2B2;
	width: 100px;
	color: #333;
	font-size: 12px;
	height: 15px;
	margin-bottom:5px;
	padding: 3px 3px 3px 3px;
	float:left;
	clear:none;	
}

.forms2 [type=radio] {
	border:none;
	width: 15px;
	vertical-align:center;
	margin:5px 0 0 0;
}

.forms2 textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	max-width: 200px;
	height:85px;
	margin:7px 0 5px 0;
	vertical-align: top;
	float:left;
	border:solid 1px #B2B2B2;
	color:#333;
}

.forms2 select {
	margin:7px 0px 5px 0;
	vertical-align:middle;
	float:left;
	clear:none;
	border:solid 1px #B2B2B2;
	color:#333;
	display:inline;
}

.forms2 div.buttons {
	float:left;
	margin:20px 0 0 0;
	padding:0 0 0 182px;
	max-width:200px;
	width:100%;
}

.forms2 div.buttons input:hover {
	float:left;
	padding:0;
	background:url(images/submit-button.gif) no-repeat 0 -22px;
	width:79px;
	height:22px;
	border:none;
	color:#000;
}

.forms2 input.submit {
	float:left;
	padding:0;
	margin:0 5px 0 0;
	background:url(images/submit-button.gif) no-repeat 0 0;
	width:79px;
	height:22px;
	border:none;
	color:#000;
	font-size:11.5px;
}

.forms2 button {
	float:left;
	padding:2px 5px 2px 5px;
	margin:0;
}

.forms2 button a {
	float:left;
	padding:2px 5px 2px 5px;
	margin:0;
	background:url(images/submit-button.gif) no-repeat 0 -22px;
}

.forms2 button a:hover {
	float:left;
	padding:2px 5px 2px 5px;
	margin:0;
}

.forms2 button.reset {
	padding:2px 5px 2px 5px;
	float:left;
	clear:none;
	margin:0;
}

.forms2 input.box {
	color: #333;
	font-size: 9pt;
	height: 15px;
	margin-bottom:5px;
	margin-right:70px;
	padding: 3px 3px 3px 3px;
	float:left;
	width:175px;
}

textarea:focus, input:focus {
	border: 1px solid #005699;
}

legend2 {
	font-weight:bold;
	font-size:14px;
	padding:5px 5px 10px 5px;
	color:#333;
}

label {
	margin:0px 7px 5px 7px;
	padding:0px 0 10px 15px;
	font-size:13px;
	color:#000;
	clear:left;
	float:left;
	width:150px;
	text-align:left;
}

.maincontent2 label span {
	font-size:10px;
	float:left;
	clear:left;
}

.maincontent2 span.small {
	font-size:10px;
	float:left;
	clear:left;
	color:#444;
}

.maincontent2 span.small-instructions {
	font-size:10px;
	float:left;
	clear:none;
	color:#444;
	padding-left:75px;
	padding-top:10px;
}

.maincontent2 span.small-travel-instructions {
	font-size:10px;
	float:left;
	clear:none;
	color:#444;
	padding-left:24px;
}

.maincontent2 div.instructions {
	float:left;
	clear:both;
	padding-bottom:8px;
}

.maincontent2 div.instructions span.small {
	font-size:10px;
	float:left;
	clear:left;
	color:#444;
}

label[for="removedate"], label[for="email_whendisabled"], label[for="documents"] {
    clear: left;
    color: #000000;
    float: left;
    font-size: 12px;
    margin: 0 17px 5px 7px;
    padding: 0 0 0 15px;
    text-align: left;
    width: 130px;
	min-height:35px;
}

label[for="activeorders_yes"] {
    clear: left;
    color: #000000;
    float: left;
    font-size: 12px;
    margin: 0 17px 5px 7px;
    padding: 0 0 0 15px;
    text-align: left;
    width: 130px;
}

#forms2 div.checkbox {float:left;clear:none;height:15px;margin-bottom:15px;padding-top:5px;width:100%;}

#forms2 div.checkbox span.required {color:#FF0000;}
/*label[for="activeorders_yes"] {
    height:150px;
}*/


.forms2 div.checkbox div {
	float:left;
	width:15px;
	margin:0;
	padding:0;
}

.forms2 div.checkbox [type=checkbox] {
	margin:0px 0 5px 0;
	border:none;
	padding:0 0 0 0;
	float:left;
	clear:left;
	display:inline;
	width:15px;
	height:15px;
}


.forms2 div.checkbox {
	width:200px;
	float:right;
	clear:right;
	display:inline;
	padding-top:10px;
}

.forms2 div.checkbox div.options {
	width:110px;
	float:left;
	clear:right;
}

.forms2 div.checkbox div.options label {
	margin:0px 7px 0px 7px;
	padding:0 0 5px 0;
	font-size:12px;
	color:#000;
	float:left;
	clear:none;
	text-align:left;
	width:110px;
}

label.dates {
	margin:0;
	padding:3px 3px 0 3px;
	font-size:12px;
	color:#000;
	width:15px;
}

.forms2 h2 {
	margin:0 0 15px 30px;
	padding:0;
}

input2.radio {
	float:left;
	vertical-align:middle;
}

label2.radio {
	float:none;
	font-weight:bold;
	margin:0 0 0 5px;
	line-height:25px;
	padding:0;
}

.p_scents .forms2 p {
	margin-left:0px;
}

#p_scents p {padding-left:0px;margin-left:0px;}

.forms2 p {
	margin-left:28px;
}

#forms2 p {clear:both;}

.forms2 #hide1 p {
    color: #444444;
    float: right;
	clear:right;
    font-size: 11px;
    line-height: 13px;
    margin: 0 105px 15px 0;
    padding: 0;
    top: -10px;
    width: 275px;
}

.forms2 #hide1 p span {
	color:#FF0000;
	font-size:11px;
	line-height:13px;
}

.forms2 div.files {
	float:left;
	margin:5px 35px 0 0;
	padding:0;
	clear:none;
	width:282px;
}

.forms2 div.files p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	margin:0;
	padding:0px 0 2px 0;
}

.forms2 div.files p a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-decoration:underline;
	background:url(images/delete-button.png) no-repeat;
	display:block;
	height:25px;
	width:79px;
	padding:0;
	margin:0;
	float:right;
}

.forms2 div.files p span {
	float:left;	
}

.forms2 div.files p a.link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	text-decoration:none;
	background:none;
	padding:0;
	margin:0;
	width:100%;
	float:left;
}

/* exam */

#exam {
	max-width:650px;
	min-width:525px;
	margin:0;
	padding:0;
	float:left;
	overflow:hidden;
}

.exam-wrapper {
	max-width: 650px;
	margin:0;
	padding:0;
	text-align:left;
	overflow:hidden;
	border-top:none;
	border-bottom:none;
	min-height:200px;
}

fieldset.exam {
	max-width: 650px;
	margin:10px 0 0 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
	background-image:url(images/exam-header.png);
	background-repeat:no-repeat;
	background-position:left top;
	border-top:none;
	border-bottom:none;
	min-height:200px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999;
	border-left-color: #999;
}

fieldset.exam div.content-wrapper {
	max-width:650px;
	width:100%;
	float:left;
	clear:left;
	margin:-1px 0 0 0;
	padding:0;
	background-image:url(images/pink-lines.png);
	background-repeat:repeat-y;
	background-position:0px top;
	min-height:200px;
}

fieldset.exam div.horz-lines {
	max-width:650px;
	width:100%;
	float:left;
	clear:left;
	margin:24px 0 0 0;
	padding:0;
	border-bottom:solid 1px #ccc;
	height:36px;
}


fieldset.exam div.content {
	max-width:650px;
	float:left;
	clear:left;
	margin:15px 0 0 40px;
	padding:0 0 8px 0;
}

#bottom {float:left;width:100%}

div.bottom {
	float:left;
	clear:both;
	background-image:url(images/exam-bottom.png);
	background-position:left top;
	background-repeat:no-repeat;
	height:55px;
	width:100%;
	max-width:525px;
	margin:0;
	padding:0 0 15px 0;
	
}

fieldset.exam div.wide {
	width:450px;
	float:left;
	clear:both;
	margin:0 0 7px 0;
	padding:0;
	display:inline;
}

fieldset.exam .radio-choices label {
	margin: 2px 7px 8px 7px;
	padding: 0px 0 0px 0px;
	font-size: 12px;
	line-height:17px;
	color: #444;
	clear: none;
	float:left;
	width: 350px;
	text-align: left;
}

fieldset.exam div.content .radio-choices input[type="radio"] {
	margin: 5px 3px 0px 25px;
	padding:0 !important;
	float:left;
	clear:left;
	vertical-align: baseline;	
	display:inline;
}

fieldset.exam div.content .radio-choices {
	float:left;
	clear:none;
	margin:0px;
	padding:0 0 0 0;
}


fieldset.exam div.content input[type="radio"]:focus {
	border:none;
}

div.bottom input[type="submit"] {
	float:left;
	clear:left;
	padding: 0 0 0px 7px;
	margin: 0px 5px 0 60px;
	background: url(images/next-button.gif) no-repeat 0 0;
	width: 79px;
	height: 22px;
	border: none;
	color: #444;
	font-size: 12px;
	line-height: 21px;
	text-align:left;
	position:relative;
	top:8px;
}

div.bottom input[type="submit"]:hover {
	float: left;
	padding: 0 0 0px 7px;
	margin: 0px 5px 0 60px;
	background: url(images/next-button.gif) no-repeat 0 -22px;
	width: 79px;
	height: 22px;
	border: none;
	color: #444;
	text-align:left;
	position:relative;
	top:8px;
}

div.bottom input[type="reset"] {
	float:right;
	clear:right;
	padding: 0 0 0px 4px;
	margin: 0px 20px 0 5px;
	background: url(images/reset-exam-button.gif) no-repeat 0 0;
	width: 79px;
	height: 22px;
	border: none;
	color: #444;
	font-size: 12px;
	line-height: 21px;
	text-align:left;
	position:relative;
	top:8px;
}

div.bottom input:hover[type="reset"] {
	float: right;
	padding: 0 0 0px 4px;
	margin: 0px 20px 0 30px;
	background: url(images/reset-exam-button.gif) no-repeat 0 -22px;
	width: 79px;
	height: 22px;
	border: none;
	color: #444;
	text-align:left;
	position:relative;
	top:8px;
}

fieldset.exam div.content p{
	font-size: 13px;
	line-height: 145%;
	padding: 0 0 10px 0;
	margin: 0 0 0 5px;
	text-align: left;
	float:left;
	clear:left;
}

fieldset.exam div.content #results p.small {
	font-size: 13px;
	line-height: 145%;
	padding: 10px 0 10px 0;
	margin: 0 0 0 5px;
	text-align: left;
	float:left;
	clear:left;
	font-style:italic;
}

fieldset.exam div.content p span {
	color:#009900;
	font-weight:bold;
	font-size: 16px;
}

fieldset.exam div.content #results p {
	font-size: 16px;
	line-height: 145%;
	padding: 0 0 10px 0;
	margin: 0 0 0 5px;
	text-align: left;
	float:left;
	clear:left;
}

#exam h1 {
	background-image:none;
	background-repeat:no-repeat;
	background-position:left top;
	width:460px;
	margin:0 0 0px 45px;
	padding:5px 0 5px 0;
	color:#fff;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	clear:both;
	line-height:30px;
}

#exam h2 {
	background-image:none;
	background-repeat:no-repeat;
	background-position:left top;
	width:460px;
	margin:0 0 5px 5px;
	padding:0;
	color:#274D6D;
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
	clear:both;
	font-weight:normal;
}

/* sidenavmenu */

/*#sidenavmenu {
	margin-left:30px;
}*/

/* table */

div.table {
	margin:10px 0 0 0;
	padding:0;
	width:810px;
	border-top:solid 3px #005699;
	border-left:solid 1px #999;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
	border-top:solid 4px #005699;
	float:left;
	clear:both;
	/*background-image:url(images/down-arrow-blue.png);
	background-repeat:no-repeat;
	background-position:25px 0;*/
}

table#review {
	width:810px;
}

tr:nth-child(even) {background: #f5f5f5;}


.table a {
	color:#005699;
	font-weight:bold;
	text-decoration:none;
}

.table a:hover {
	color:#666;
}

table {
	border-collapse: collapse;
	margin:0;
	width:800px;
	padding:0;
}

caption {
	font-weight: bold;
	text-align: left;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}

col#albumCol {
  border: none;
}

thead {
	background-color:#f8f8f8;
	border-bottom:solid 1px #999;
	width:615px;
}

tr {
	margin:0;
}

/*tr:hover {
  background-color:#3d80df;
  color: #fff;*/

th {
	font-weight:normal;
	text-align: center;
	color:#005699;
	font-size:9pt;
	text-transform:uppercase;
	padding-top: .5em;
	padding-right: .28em;
	padding-bottom: .5em;
	padding-left: .28em;
}

#playlistPosHead {
  text-indent: -1000em;
}

#review td, #review th {
	text-align: center;
}

#review td.documents {
	text-align:center;
	font-size:8pt;
}

#trakCol, td, th {
	text-align:center;
	padding-top: 5px;
	}
	
td {
	font-weight:normal;
	color:#000000;
	font-size:9pt;
	text-align:center;
	vertical-align: top;
	border-top:solid 1px #ccc;
	word-wrap:break-word;
}

td.noborder {
	border-top:none;
	width:760px;
}

.td-date {
	width:85px;
}

td {
	padding-top: .6em;
	padding-right: .4em;
	padding-bottom: .5em;
	padding-left: .4em;
}

/*
td span.number-anchor a {
	text-decoration:underline;
}
*/

input [type=checkbox] {
	margin:0px 0 5px 0;
	border:none;
	padding:0 0 0 0;
	float:left;
	clear:left;
	display:inline;
	width:15px;
	height:15px;
}


.odd {
	background-color:#f1f1f1;	
}

.odd:hover {
	background-color:#f1f1f1;	
}

.even {
	}

tr:hover {
  /*background-color:transparent;*/
  color: #333333;
}

thead tr:hover {
  background-color:none;
  color: inherit;
}

/* browse button */

#divinputfile{
background:url(images/browse-button.png) no-repeat 100% 1px;
height:30px;
width:440px !important;
margin:2px 0 0 0;
float:left;
clear:none !important;
position: relative;
overflow:visible;
}

#divinputfile #filepc, #divinputfile #filepc1, #divinputfile #filepc2, #divinputfile #filepc3 {
opacity: 0.0;
-moz-opacity: 0.0;
filter: alpha(opacity=00);
font-size:13px;
margin:0;
position: absolute;
right: 0;
top: 0;
width:270px;
}

#fakeinputfile{
margin: -34px 0 0 170px !important;
float:left;
clear:none !important;
width:200px !important;
display:inline;
}

#fakeinputfile #fakefilepc1, #fakeinputfile #fakefilepc2, #fakeinputfile #fakefilepc3 {
width:200px !important;
height:18px;
font-size:13px;
font-family:Arial;
}
 
#fakeinputfile input {
width:185px;
height:18px;
margin:5px 0 0 0;
}

/* searchbox */

#searchjob {
	width:800px;
	margin:0;
	padding:5px 0 5px 10px;
	float:left;
	clear:none;
	background-color:#F8F8F8;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	overflow:hidden;
	border-top-width: 4px;
	border-top-color: #005699;
	
}

#searchjob h2 {
	font-size:9pt;
	font-weight:normal;
	color:#005699;
	padding:0;
	margin:0 0 3px 0;
	text-transform: uppercase;
}

#searchjob h3 {
	margin: 0 0 3px 0;
	 background-image:url(../images/plus.png); background-position:left 4px; background-repeat:no-repeat;
}

#searchjob h3 a {
	text-decoration:none; 
	padding: 0 0 0 18px; 
	font-size:9pt;
	margin:0 0 0 0;
	text-transform: uppercase;
	color:#005699; }
	
#searchjob h3.inactive { background-image:url(../images/plus.png); background-position:left 4px; background-repeat:no-repeat;}
#searchjob h3.active {background:url(../images/minus.png); background-repeat:no-repeat;  background-position: left 4px;}
#searchjob h3 .col {float: left; width:210px; margin-right:30px;}
#searchjob h3 .disclaim {margin:10px; padding:10px; background: red;}


fieldset#searchjob {
	border: none;
	width: 790px;
	margin:0;
	padding:0;
	float:left;	
}

#searchjob input, #searchjob button {
	border: none;
	float: left;
	clear:none;
}

#searchjob input.small {
	width:45px;
	height:15px;
	padding:3px 0 4px 0;
	margin:0 5px 0 0;
	font-size:9pt;
	font-style:bold;
	line-height:13pt;
	background:url(images/select-bg-gradient.png) repeat-x;
	text-align:center;
	border: 1px solid #B2B2B2;
	color:#333;
}

#searchjob input.medium {
	width:100px;
	height:15px;
	padding:3px 0 4px 5px;
	margin:0 5px 0 0;
	font-size:9pt;
	font-style:bold;
	line-height:13pt;
	background:url(images/select-bg-gradient.png) repeat-x;
	text-align:left;
	border: 1px solid #B2B2B2;
	color:#333;	
}

#searchjob input.large {
	width:120px;
	height:15px;
	padding:3px 0 4px 5px;
	margin:0 5px 0 0;
	font-size:9pt;
	font-style:bold;
	line-height:13pt;
	background:url(images/select-bg-gradient.png) repeat-x;
	text-align:left;
	border: 1px solid #B2B2B2;
	color:#555;	
}

#searchjob input.box {
	color: #333;
	font-size: 10px;
	line-height:14px;
	width: 181px;
	height: 17px;
	padding: 5px 5px 3px 5px;
	background: #eee url(images/searchsmall.png) no-repeat;
	margin-right: 5px;
	z-index:-1;
}

#searchjob input.box:focus {
	background: #eee url(images/search.png) no-repeat left -24px;
	outline:none;
}

#searchjob textarea:focus, #searchjob input:focus {
	background-color:none;
	border-right:solid 1px #ccc;
	border-left:solid 1px #ccc;
	font-style:normal;
	color:#444;
}

#searchjob button.btn {
	width:71px;
	height: 23px;
	cursor: pointer;
	text-indent: -9999px;
	background: #fff url(images/search-button.png) no-repeat top right;
	margin:0;
	padding:0;
}

#searchjob button.btn:hover {
	background: #eee url(images/search-button.png) no-repeat bottom right;
}

#searchjob button.rst {
	width:71px;
	height: 23px;
	cursor: pointer;
	text-indent: -9999px;
	background: #fff url(images/reset-button.png) no-repeat top right;
	margin-left:5px;
}

#searchjob button.rst:hover {
	background: #eee url(images/reset-button.png) no-repeat bottom right;
}

/*#searchjob option {
	background-color:none;
	color:#444;
}*/

/* reset button */

#searchjob input.rst {
	color: #333;
	font-size: 10px;
	width: 181px;
	height: 17px;
	padding: 5px 5px 3px 5px;
	background: #eee url(images/reset.png) no-repeat;
	margin-right: 5px;
}

#searchjob input.rst:focus {
	background: #eee url(images/reset.png) no-repeat left -24px;
	outline:none;
}

/*#searchjob button.rst {
	width:41px;
	height: 20px;
	cursor: pointer;
	text-indent: -9999px;
	background:url(images/reset.png) no-repeat top right;
	margin-left:3px;
}

#searchjob button.rst:hover {
	background: #eee url(images/reset.png) no-repeat bottom right;
}*/

#searchjob textarea.rst:focus, #searchjob input.rst:focus {
	border:none;
	background-color:none;
}


#searchjob label.one {
	float:left;
	clear:none;
	width:50px;
	margin:0;
	padding:0;
}

#searchjob label.two {
	float:left;
	clear:none;
	width:65px;
	margin:0 0 0 10px;
	padding:0;
}
/*#searchjob select.box {
	float:left;
	clear:none;
	margin:0 3px 0 0;
	padding:0;
	height:22px;
	font-size:9pt;
	line-height:12pt;
	border:none;
	background:url(images/input-background.png) repeat-x;
	background-color:transparent;
}

#searchjob select.box:hover {
	border:none;
	color:#005699;
}*/


#searchjob button.reset {
	padding:0px 5px 0px 5px;
	float:left;
	clear:none;
	margin:0;
	font-size:8pt;
}

#searchjob input.reset {
	padding:0px 5px 0px 5px;
	float:left;
	clear:none;
	margin:0;
	font-size:8pt;
}

/* display multipe documents checklist */

#checklist {
	width:200px;
	margin:0;
	padding:5px 0 5px 175px;
	float:left;
	clear:none;
	overflow:hidden;
	/*background-color:#F8F8F8;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	border-top-width: 4px;
	border-top-color: #005699;*/
	
}

#checklist h2 {
	font-size:9pt;
	font-weight:normal;
	color:#005699;
	padding:0;
	margin:0 0 3px 0;
	text-transform: uppercase;
}

#checklist h3 {
	margin: 0 0 3px -20px;
	background-image:url(../images/plus.png); background-position:left 4px; background-repeat:no-repeat;
}

#checklist h3 a {
	text-decoration:none;
	font-weight:normal; 
	padding: 0 0 0 18px; 
	font-size:10pt;
	margin:0 0 0 0;
	color:#005699; }
	
#checklist h3.inactive { background-image:url(../images/plus.png); background-position:left 4px; background-repeat:no-repeat;}
#checklist h3.active {background:url(../images/minus.png); background-repeat:no-repeat;  background-position: left 4px;}
#checklist h3 .col {float: left; width:210px; margin-right:30px;}
#checklist h3 .disclaim {margin:10px; padding:10px; background: red;}


fieldset#checklist {
	border: none;
	width: 400px;
	margin:0;
	padding:0;
	float:left;	
}

#checklist label {
	text-align:left;
	margin:0 7px 0 0;
	padding:7px 0 0 0;
}

#checklist input[type=checkbox] {
	padding:5px;
	border:none;	
}

/* replace/customize select */

/* all form DIVs have position property set to relative so we can easily position newly created SPAN */
form div.select1, form div.select2, form div.select3, form div.select4 {
	position:relative;
	float:left;
	clear:none;
} 

/* setting the width and height of the SELECT element to match the replacing graphics */
select.select{
		position:relative;
		z-index:1;
		width:166px !important;
		height:26px !important;
		line-height:26px;
}

option.option a:hover {
	background-color:none !important;
}

/* dynamically created SPAN, placed below the SELECT */
span.select{
	position:absolute;
	bottom:0;
	float:left;
	left:0;
	width:166px;
	height:26px;
	line-height:26px;
	text-indent:10px;
	background:url(images/bg_select.gif) no-repeat 0 0;
	cursor:default;
	z-index:1;
	font-size:9pt;
	overflow:hidden;
	
	}
	
/* first variation (LABEL is above the SELECT) */	
form div.variation1 label{display:block;line-height:26px;}

/* second variation (LABEL is placed on the left of the SELECT) */	
form div.variation2 label{float:left;width:100px;line-height:26px;}
form div.variation2 span.select{left:100px;}

/* select box - no jquery */
#searchjob .selectBox, fieldset.forms2 .selectBox {
	position: relative;
	float:left;
	clear:none;
	width: 125px;
	height: 22px;
	border: 1px solid #B2B2B2;
	background:url(images/select-arrow-gradient.png) 105px center no-repeat;
	margin:0 5px 8px 0;
}

fieldset.forms2 .selectBox {
	margin-left:0;
}

#searchjob .selectBox div.box, fieldset.forms2 .selectBox div.box {
	position: absolute;
	left: 0;
	top: 0;
	width: 105px;
	height: 22px;
	overflow: hidden;
	display:inline;
	background:url(images/select-bg-gradient.png) center repeat-x;
	}

#searchjob .selectBox div.box span, fieldset.forms2 .selectBox div.box span {
	line-height:17pt;
	font-family: arial;
	font-size: 9pt;
	color: #333;
	padding-left:5px;
}

#searchjob .selectBox select, fieldset.forms2 .selectBox select {
		position: absolute;
		left: 0;
		top: 0;
		width: 127px;
		height: 24px;
		border: 1px solid #B2B2B2;
		opacity: 0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-moz-opacity: 0;
		cursor: pointer;
		z-index:0;
}

#searchjob .selectBox select option, fieldset.forms2 .selectBox select option {
		padding: 4px;
		font-size: 9pt;
		color: #333;
		border-bottom: 1px solid #eee;
		cursor: pointer;
		filter: alpha(Opacity=0);
}

#searchjob .selectBox select option.ultimo{
			border-bottom: 0px none;	
}

fieldset.forms2 div.select {
	width:550px;
	float:left;
	clear:left;
	margin:0 0 5px 0;
	padding:0;
}

/* ajax selects */
fieldset.forms2 .select-minimal-outer {
    width: 500px;
    float: left;
    clear: left;
    margin: 0;
    padding: 0;
	height:38px;
}

fieldset.forms2 .select-minimal select, fieldset.forms2 .select-minimal-nohelp select {
  background:transparent;
  padding:0;
  width:270px;
  border-radius: 0;
  -webkit-appearance: none;
  margin:0;
  border:none;
  font-size:.8em;
  padding:4px 0 2px 2px;
  line-height:1em;
  cursor:pointer;
}

select#job_location_id {padding:5px 0 2px 5px;}

@-moz-document url-prefix() {
    /* firefox */
	fieldset.forms2 .select-minimal select, fieldset.forms2 .select-minimal-nohelp select {
	background: transparent none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    cursor: pointer;
    font-size: 0.8em;
    line-height: 1em;
    margin: 0;
    padding: 4px 0 2px 2px;
    width: 292px;
	}
	fieldset.forms2 .select-minimal-outer .select-minimal select {
    height: 21px;
    line-height: 0;
    padding: 0;
	}
	select#job_location_id {padding:1px 0 2px 1px;}
	select#job_location_id option {font-size:12px;font:Arial, Helvetica, sans-serif;line-height:normal}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
fieldset.forms2 .select-minimal select {
  background:transparent;
  width:294px;
  border-radius: 0;
  -webkit-appearance: none;
  margin:0;
  border:none;
  /*font-size:.8em;*/
  font-size:12px;
  padding:4px 0 2px 2px;
  line-height:1em;
  cursor:pointer;
}

fieldset.forms2 .select-minimal-nohelp select {
  background:transparent;
  width:294px;
  border-radius: 0;
  -webkit-appearance: none;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-moz-opacity: 0;
  margin:0;
  border:none;
  font-size:.8em;
  padding:4px 0 2px 2px;
  line-height:1em;
  cursor:pointer;
}


fieldset.forms2 .select-minimal, fieldset.forms2 .select-minimal-nohelp {
    background: url(images/select-arrow-gradient-dk-blue.png) no-repeat #fff;
    background-position: right -2px center;
    width: 270px;
    height: 22px;
    /* overflow: hidden; */
    float: left;
    clear: none;
    margin: 0;
    border: solid 1px #B2B2B2;
    padding: 0;
    position: relative;
}
select#job_location_id {padding:3px 0 2px 3px;}
}

@-moz-document url-prefix() {
  fieldset.forms2 .select-minimal-outer .select-minimal select, fieldset.forms2 .select-minimal-outer .select-minimal-nohelp select {padding:0;line-height:0;}
  fieldset.forms2 .select-minimal-outer .select-minimal select option, fieldset.forms2 .select-minimal-outer .select-minimal-nohelp select option {border-bottom: 1px solid #eee;color: #333;cursor: pointer;font-size: 12px;padding: 2px;}
}

fieldset.forms2 .select-minimal select option, fieldset.forms2 .select-minimal-nohelp select option{border-bottom: 1px solid #eee;color: #333;cursor: pointer;font-size: 12px;padding: 4px;}

fieldset.forms2 .select-minimal, fieldset.forms2 .select-minimal-nohelp {
    background: url(images/select-arrow-gradient-dk-blue.png) no-repeat #fff;
    background-position: right -2px center;
    width: 270px;
    height: 22px;
    /* overflow: hidden; */
    float: left;
    clear: none;
    margin: 0;
    border: solid 1px #B2B2B2;
    padding: 0;
    position: relative;
}

/* end ajax selects */

/* select box large - no jquery */
#searchjob .selectBoxLarge,  fieldset.forms2 .selectBoxLarge, #attendance .selectBoxLarge{
	position: relative;
	float:left;
	clear:none;
	max-width: 275px;
	height: 22px;
	border: 1px solid #B2B2B2;
	background:url(images/select-arrow-gradient-dk-blue.png) 253px center no-repeat !important;
	margin:0 0px 5px 0;
}

fieldset.forms2 .selectBoxLarge {
	margin-left:0;
	margin-bottom:12px;
}

#searchjob .selectBoxLarge div.box {
		position: absolute;
		left: 0;
		top: 0;
		width: 253px;
		height: 22px;
		overflow: hidden;
		display:inline;
		background-color:#fff;
		background:url(images/select-bg-gradient.png) center repeat-x;
}

fieldset.forms2 .selectBoxLarge div.box {
		position: absolute;
		left: 0;
		top: 0;
		max-width: 253px;
		height: 22px;
		overflow: hidden;
		display:inline;
		background-color:#fff;
		background-image:none;
		
}

fieldset.forms2 .select .selectBoxLarge-special  {
	position: absolute;
	float:left;
	clear:none;
	width: 22px;
	height: 22px;
	background:url(images/select-arrow-gradient-dk-blue.png) 250px center no-repeat;
	margin:0 5px 5px 0;
	z-index:100;
		
}

#searchjob .selectBoxLarge div.box span, fieldset.forms2 .selectBoxLarge div.box span {
		line-height:17pt;
		font-family: arial;
		color: #333;
		padding-left:5px;
}

#searchjob .selectBoxLarge select, fieldset.forms2 .selectBoxLarge select {
		
		left: 0px;
		top: 0px;
		max-width: 270px;
		width:100%;
		height: 24px;
		border: 1px solid #999;
		opacity: 0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-moz-opacity: 0;
		cursor: pointer;
		margin:0;
}

#searchjob .selectBoxLarge select option, fieldset.forms2 .selectBoxLarge select option {
	padding: 4px;
	color: #333;
	font-size:12px;
	border-bottom: 1px solid #eee;
	cursor: pointer;
}

fieldset.forms2 .selectBoxLarge select optgroup {
	padding-left:0px;
	font-size:1em;
	font-color:#444;
	font-style: normal;
}

#searchjob .selectBoxLarge select option.ultimo{
	border-bottom: 0px none;	
}

.forms2 input.largebox {
	color: #333333;
    float: left;
    font-size: 9pt;
    margin-bottom: 9px;
	margin-top:0;
    margin-right:0px;
    padding: 3px;
    max-width: 270px;
	width:100%;
	clear:none;
}

input:-moz-placeholder{color:#999 !important}
input:-ms-input-placeholder{color:#999 !important}

.forms2 textarea.largebox {
    border: 1px solid #B2B2B2;
    color: #333333;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9pt;
    height: 85px;
    margin: 0 0 9px 0;
    vertical-align: top;
	width:100%;
    min-width: 274px;
	clear:none;
	padding:3px;
}

.forms2 textarea.smallerbox {
    border: 1px solid #B2B2B2;
    color: #333333;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9pt;
    height: 45px;
    margin: 0 0 9px 0;
    vertical-align: top;
    width: 270px;
	clear:none;
}

.forms2 textarea.largebox[name="add_information"] {
    border: 1px solid #B2B2B2;
    clear: both;
    color: #333333;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9pt;
    height: 85px;
    margin: -15px 107px 9px 0px;
    vertical-align: top;
    width: 270px;
}

.forms2 div.textarea textarea.largebox[name="add_information"] {
    border: 1px solid #b2b2b2;
    clear: none;
    color: #333333;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9pt;
    height: 85px;
    margin: 0 107px 9px 0;
    vertical-align: top;
    width: 265px;
}
label span.required {
color: #F00;
position: absolute;
font-size: 13px;
margin-left: 3px;
}

.edit-button {
	background-image:url(images/edit-button-hover.png);
	background-repeat:no-repeat;
	background-position:left 0;
	width:60px;
	height:31px;
}

.edit-button:hover {
	background-image:url(images/edit-button-hover.png);
	background-repeat:no-repeat;
	background-position:left -31px;
	width:60px;
	height:31px;
}

.print-button {
	background-image:url(images/ams/print-button-hover.png);
	background-repeat:no-repeat;
	background-position:left 0;
	width:60px;
	height:31px;
	margin:0;
	padding:0;
}

.print-button:hover {
	background-image:url(images/ams/print-button-hover.png);
	background-repeat:no-repeat;
	background-position:left -31px;
	width:60px;
	height:31px;
}

.space {
	float:left;
	margin-bottom:15px;
	padding:0;
}

.add-button {
	background-image:url(images/add-button-hover.png);
	background-repeat:no-repeat;
	background-position:left 0;
	width:60px;
	height:31px;
}

.add-button:hover {
	background-image:url(images/add-button-hover.png);
	background-repeat:no-repeat;
	background-position:left -31px;
	width:60px;
	height:31px;
}

h2.current {
	font-size:17px;
}

h2.policies {
	font-size:14px;
}

fieldset.forms2 div.dotted-line {width:100%;max-width:425px;height:1px;border-bottom:dotted 1px #444;padding:0;margin:10px 0 10px 20px; }
/*fieldset.forms2 div.dotted-line {width:425px;max-width:425px;height:1px;border-bottom:dotted 1px #444;padding:0;margin:10px 0 10px 20px; }*/
email-table tr {
	border-bottom:solid 1px #999;
}

.ui-widget { font-size:.8em}