@charset "utf-8";
/* CSS Document */
form {
	border:0px solid #0F0;
	margin-bottom:50px;
	width:99%;
	font-family:Arial, Helvetica, sans-serif;
}
fieldset {
	background:#F2F2F2;
	padding:5px;
	width:auto;
	max-width: 100%;
	margin-bottom:10px;
	border:1px solid #666;
}
legend {
	background:#808080;/*808080*696559*/
	padding:3px 5px;
	border:1px solid #000;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	margin-bottom:5px;
	width:250px;
}
legend.survey{
	width:auto;
	background:#bcbcd4;
	color:#003366;
	font-weight:550;
	padding:5px;
}
label {
	font-weight:bold;
	text-align:right;
	float:left;
	margin-right:5px;
	width:150px;
	padding-top:5px;
	border:0px solid #F00;
}
fieldset div.label {/*for certain field*/
	font-weight:bold;
	text-align:right;
	float:left;
	margin-right:5px;
	width:125px;
	padding-top:5px;
	border:0px #333 solid;
}
label.nobold {/*when a label should not be bold; i.e., checkbox, radio*/
	border:0px #333 solid;
	font-weight:normal;
	width:auto;
	padding-right:20px;
	display:inline;
}

label.noStyle {/*when a label should not be bold; i.e., checkbox, radio*/
	border:0px #333 solid;
	font-weight:normal;
	width:auto;
	display:inline;
	float: none;
}

label.meetingInfoLabel {
	float:right;
	border:0px solid red;
	width:120px; 
	line-height:18px;
	padding:0px;
	margin:0px;
	text-align:left;	
}

label.long {
	font-weight:normal;	
	display:inline;
	text-align:left;
	border:0px #000 solid;
	vertical-align:top;
	width:auto;
	max-width:95%;
	border:0px solid #0F0;
}
.noWidthLabel{/*for removing the width*/
	width:auto;
}
input.widthAuto{/*for removing the width*/
	width:auto;
}
.reqflag {/*displaying a red asterix if field is required*/
	color:#F00;
	font-weight:bold;
	padding:2px 3px;
}
form .colGroup {/*for grouping 2 columns (form elements on same line, i.e degree and Other*/
	border:0px solid #CCC;
}
form .colGroup .colGroup1 {/*1st column inside col_group*/
	float:left;
	border:0px solid #000;
}
form .colGroup .colGroup2 {/*2nd column inside col_group*/
	float:left;
	margin-left:10px;
	border:0px solid #000;
	width:auto;
}
form .colGroup .colGroup3 {/*3rd column inside col_group*/
	float:left;
	margin-left:10px;
	border:0px solid #000;
	width:auto;
}
form .colGroup .colGroup2 label {/*removes width from label default */
	width:auto;
}
input[type="text"], input[type="password"], textarea, select {
	display:inline;
	/*background:#FFF;F4F6EE*/
	border:1px solid #92A1C8;
	width:200px;
	margin-bottom:5px;
	font-size:13px;
	color:#555;
	padding:3px;
}
input[type="text"]:focus, 
textarea:focus,
textarea:hover,
select:focus {
	color:#000;
	background:#FFF;
	border:1px solid #008000;
}

input[type="text"].dateField {/*for datefields w/calendar icon*/
	width:85px;
	background-image:url('../images/calendar-icon.jpg');
	background-repeat:no-repeat;
	background-position:98% 50%;
}

input[type="radio"], input[type="checkbox"], input[type="hidden"] {
	/* 
		Keeps Mozilla browsers (and others) from making the RADIO and CHECKBOXES too wide and/or tall.
		Also removes unnecessary borders from these browsers (They don't respond as expected) 
	*/
	width:auto;
	height:12px;
	border:0;
	margin-right:3px;
}
input[type="text"].longTextBox {
	width:530px;
}
.radioFloatLeft {
	position:relative;
	top:7px;
	float:left;
	margin-right:10px;
}
input[type="hidden"] { /* Firefox doesn't want to make them actually hidden, so force it.*/
	display:none;
}
div.phoneDash {
	vertical-align:middle;
	display:inline;
	font-weight:normal;
	font-size:16px;
	text-align:center;
	padding:0px;
}
input.disabledOther {/*for records that are disabled*/
	color:#999;
	background:#EEE;
}
.inputError {
	background-color:#FF0;
}

select {
	width:207px;/*need to make slightly larger than input*/
}
select[multiple="multiple"] { /* Fix Mozilla issue. For more information, see https://bugzilla.mozilla.org/show_bug.cgi?id=342531*/
	margin-left:0px;
}
textarea {/*textarea is obviously larger*/
	width: 95%;
	height:50px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}
.smallTextarea {/*for smaller text boxes*/
	width:350px;
	height:35px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}
br.clear {
	/* 
		Always include a BR tag at the end of a line of items -- generally immediately following one of an INPUT, SELECT or TEXTAREA.
		Within div.checks, include the BR after the LABEL
	*/
	clear:both;
	height:0;
	line-height:0;
	margin:0;
}
form div.buttons {/*area for buttons- usually button of form*/
	border:0px solid #333;
	margin:10px 5px 10px 0;
	font-weight:normal;
	text-align:left;
}
/*new button format*/
a.btn {
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	background: url('../images/btn_left.png') no-repeat;
	padding-left:18px;/*equal to width of left img */
	margin:3px 0;
	margin-right:5px;
	line-height:35px;
	text-align:center;
	text-decoration: none;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-shadow:2px 2px 2px #000;/*black, extends 2px to the right of and below the text, and has a 2px blur*/
}
a.btn span {
	float:left;
	background:transparent url('../images/btn_right.png') no-repeat top right;
	/*padding:0 16px 0 3px;10px for left image, plus a little to move it center*/
	padding-right:22px;
	width:auto;
}
a.btn:hover, a.btn:hover span {
	color:#E6E6E6;
	text-shadow:2px 2px 2px #000;
	text-decoration: none;
	background-color:#CCC;
	cursor:pointer;
}
a.btn:hover {
	position:relative;
	top:1px;
	left:1px;
}
a.btn_blue {
	background-color:#003366; /*dark blue for this site*/
}
a.btn_green {
	background-color:#008000;
}

a.btn_gray {
	background-color:#666;/*990000*/
}
a.btn_red {
	background-color:#990000;
}
a.btn_cancel {
	margin-left:20px;
}
a.btn_cancel:hover, a.btn_cancel:hover span {
	background-color:#999;
}
div.btn_container {
	overflow:hidden;
	border:0px solid #C09;
}
/*buttons*/
/*buttons*/
.submitButton1 {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	background:#00F url('../images/styles/btn_stretch2.png');	
	color:#FEFEFE;
	text-shadow:2px 2px 2px #000;
	text-decoration: none;
	background-color:#CCC;
	cursor:pointer;
	height:38px;	
	border:1px solid #666;
	padding:0 15px 0 10px;
	vertical-align:middle;
	text-align:center;
	margin-right:10px;
}
.submitButton1 {
	background-color:#003366;
}
.gray {
	background-color:#666;
}

.red {
	background-color:#F00;
}

.submitButton1:hover {
	color:#E6E6E6;
	text-shadow:2px 2px 2px #000;
	text-decoration: none;
	background-color:#CCC;
	cursor:pointer;
	position:relative;
	top:2px;
	left:1px;
}
.deleteButton1 {
	display:inline;
	background:#F00;
	color:#FFF;
	font:bold 12px Arial;
	border:1px outset #999;
	padding:5px;
	padding:3px;
	vertical-align:middle;
	text-align:center;
	margin-left:25px;
}
.deleteButton1:hover {
	border:1px inset #696559;
	color:#CCC;
	cursor:default;
	background-color:#696559;
}
.denotesMsg {
	font-size:11px;
	color:#666;
	border:0px solid #0F0;
	text-align:right;
	margin-right:10px;
}
fieldset#admin-section {
	background:#E1E1FF;
	padding:3px;
	width:99%;
	margin-bottom:1px;
	border:1px solid #666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}
table.institute{
	border:1px solid #000;
	background:#FFF;
	width:100%;
	border-collapse:collapse;
	font-size:12px;
}
table.institute th{
	text-align:center;
	vertical-align:top;
	border:1px solid #666;
}
table.institute td{
	vertical-align:top;
	line-height:24px;
	border:1px solid #666;
	padding:0 5px;
}
table.institute td.title{
	color:#00F;
	font-size:16px;
	font-weight:bold;
}
table.institute td.leftBorder{
	border-left:1px solid #666;
}

.errorMsg{
	display:none;
	font-size:11px;
	color:#F00;
	border: 1px solid transparent;	
	margin-left:30%;
	background-image:url('../images/styles/error.png');
	background-position:0 0;
	background-repeat:no-repeat;
	line-height: 13px;
	/*background-position:left;*/
	/*height:20px;*/
	width:auto;
	padding-left:20px;
	padding-top:0;
	margin-bottom:5px;
}
.inputError23 {
	background-color:#FFF;	
}
.leftMarginOther{
	margin-left:45px;
}

.noLeftMargin{
	margin-left:10px;
}
/********************************************************************************
	ERROR MESSAGES
********************************************************************************/
#PageErrors {
	background: #FFFFCC;
	color: #000;
	padding-bottom:5px;
}
#PageErrors legend {
	background:#F00;
	color:#FFF;
}
#PageErrors h2 {
	color:#333;
	display:block;
	width: 100%;
	font: bold 1em Arial, Verdana, Helvetica, sans-serif;
	padding: 0;
	margin: .25em .25em .25em 1em;
}
#PageErrors ul {
	margin-bottom:5px;
}
#PageErrors li {
	color:#F00;
	margin-left: 2em;
	padding: 0px;
	border-width: 0;
    list-style: url('../images/styles/error.png');
	/*background-image:url('../images/styles/error.png');*/
	width: 95%;
}
div.textCounter {
	margin-right:75px;
	float:right;
	color:#BBB;
	font-style:italic;
	border:0px solid #F00;
}
input.textCounter{
	background:#f2f2f2;
	border:0;
	width:25px;
}

div.otherDiv {/*for showing/hiding 'other' divs*/
	border:0px solid #F00;
	display:block;
}

.fieldsetContainer {
	border:1px solid #666;
	margin:0 auto;
	width:90%;
	background:#FFF;
	padding:0;
}

.twoColumns {
	border:0px solid #F00;
	margin:0 auto;
	width:90%;
}

.twoColumns .leftColumn {
	float:left;
	width:48%;
	border:0px solid #000;
}

.twoColumns .rightColumn {
	float:right;
	width:48%;
	border:0px solid #0F0;
}
.adminColGroup {
	border:0px solid #F00;
	float:left;
}
.adminColGroup1 {
	border:0px solid #F00;
	float:left;
}