body {background-color:#FFFFFF; margin: 10px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
img {border: 0;}
form {margin: 0; padding:0;}
.footer {color:#919191; font-family:Arial, Helvetica, sans-serif; font-size:11px; vertical-align:top; padding:6px;}
.footer a {color:#919191; text-decoration:none;}
.footer a:hover {color:#343434;text-decoration:underline;}

#contentblock {width: 952px; margin: 5px 0px 5px 0px; padding:0px; border:2px solid #a2a2a2;}
#contentblock td {vertical-align:top;}
#containerTable {width: 953px;}
#rightcol {width: 782px;}
#rightcol_table {width: 762px;}
#leftnav {width: 166px; background-image:url(nav_gradbar.jpg); background-repeat:repeat-x; height:210px;}
#leftnav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-variant:small-caps;
	font-weight:bold;
	
}
#leftnav ul li {margin-bottom: 10px;}
#leftnav a, #leftnav a:link, #leftnav a:visited {display: block; padding: 3px 3px 3px 20px; text-decoration: none;color: #343434;}
#leftnav a:hover {display: block; background-color: #edf1f9; color: #343434;text-decoration: none !important;}

#adspace {text-align:center; margin-bottom:10px;}
#adspace img {border:0px;}

#signin {margin:0px; padding:2px; text-align:right; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#signin input, #signin td, #signin a {font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#signin a.button,  a.button:hover, a.button:visited {padding: 3px;}
#forgotpassword {margin-right: 40px;}

#content table, #contentright table { font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #3f3f3f;
	border-collapse: collapse;
	font-weight: normal;
}
.scheduletable { text-align: left;}
.scheduletable td {padding: 6px;}
	
#content, #contentleft, #contentright {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:30px;
	padding:10px;
	line-height: 18px;
	color: #3f3f3f;
}
#content h1, #contentleft h1, #contentright h1 {
	font-size:16px;
	color:#d9730e;
	font-weight:bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6B8AC3;
	width: 100%;
	padding-bottom: 6px;
	font-variant: small-caps;
}
#content h2, #contentleft h2, #contentright h2 {font-size:14px; color:#d9730e; font-weight:bold;}

#contentleft {
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #6a6a6a;
}

.smalltext {
	color:#3f3f3f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	
}
a.smalltext  {
	color:#445b9e;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	
}
a.smalltext:hover {
	text-decoration: underline !important;
	color: #D9730E !important;
}

a {
	color:#445b9e;
	text-decoration: none;
}
a:hover {
	text-decoration: underline !important;
	color: #D9730E !important;
}
.smorange {
	color:#D9730E;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	vertical-align:top;
	font-weight: bold;
}

.infobox {width: 250px; background-color: #dfe7f3; border: solid 1px black;padding: 7px; float:left; margin-right: 20px; margin-bottom: 20px;}
.infobox h2 {font-size: 13px !important; margin: 0 !important;}
.infobox ol li {padding:0; margin: 0;padding-bottom: 4px;}
.infotext {text-align: justify;}

#bluebox {
	color: #3f3f3f;
	background-color: #dfe7f3;
	margin: 2px 2px 8px 2px;
	padding: 5px 12px 12px 12px;
	font-size: 12px;
}

#bluebox input {border: solid 1px black;}
#bluebox input.checkbox, #bluebox input.radiobutton {border: 0;background-color: Transparent;}

#bluebox div.row div.label {float: left; width: 24%; text-align: right; font-weight: bold; padding-right: 5px;}
#bluebox div.row div.label_wide {float: left; width: 38%; text-align: right; font-weight: bold; padding-right: 5px;}
#bluebox div.row div.field_label_wide {float: left; text-align:left; width: 61%; }
#bluebox div.row div.field {float: left; text-align:left; width: 75%; }

#bluebox div.row div.label_left {float:left; width: 24%; text-align: right; font-weight: bold; padding-right: 5px; }
#bluebox div.row div.label_right {float:left; width: 21%; text-align: right; font-weight: bold; padding-right: 5px;}
#bluebox div.row div.field_left {float:left; position: relative; width: 24%; text-align:left; margin-right: 5px; }
#bluebox div.row div.field_right {float:right; width: 28.2%; text-align:left;}
#bluebox div.row div.empty_left {clear:both;padding-left: 24%;}
#bluebox div.row { margin-bottom: 15px;}
#bluebox div.row:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#bluebox div.row
{display: inline-block;}

/* Hides from IE-mac \*/
* html #bluebox div.row
{height: 1%;}

#bluebox div.row
{display: block;}
/* End hide from IE-mac */


div.field_error {clear: both; padding-left: 24%; width: 75%; text-align:left; }

div.submit_row, .submit_row {clear:both;margin-top: 15px; text-align: center;}

div.row div.label {float: left; width: 24%; text-align: right; font-weight: bold; padding-right: 5px;}
div.row div.label_wide {float: left; width: 35%; text-align: right; font-weight: bold; padding-right: 5px;}
div.row div.field_label_wide {float: left; text-align:left; width: 64%; }
div.row div.field {float: left; text-align:left; width: 75%; }

div.row div.label_left {float:left; width: 24%; text-align: right; font-weight: bold; padding-right: 5px; }
div.row div.label_right {float:left; width: 21%; text-align: right; font-weight: bold; padding-right: 5px;}
div.row div.field_left {float:left; position: relative; width: 24%; text-align:left; margin-right: 5px; }
div.row div.field_right {float:right; width: 28.2%; text-align:left;}
div.row div.empty_left {clear:both;padding-left: 24%;}
div.row { margin-bottom: 15px; width:100%;}
div.row:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.row
{display: inline-block;}

input.button {height: 22px;}
.button {
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	vertical-align:top;
	padding: 3px 3px 3px 3px;
	font-weight: bold;
	background-color: #405BA0;
	text-transform: uppercase;
	text-align:center;
	white-space: nowrap;
	border: 1px solid black;
	cursor: pointer;
	
}
a.button,  a.button:hover, a.button:visited
{
	color: #FFFFFF !important;
	text-decoration: none !important;
	padding: 1px 3px 1px 3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	vertical-align: middle;
	margin-bottom: 2px;
	margin-top: 0;
	display: inline-block;
	cursor: pointer;
}
.button_inverse
{
	color:#405BA0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	vertical-align:top;
	padding: 3px 3px 3px 3px;
	font-weight: bold;
	background-color: #FFFFFF;
	text-transform: uppercase;
	text-align:center;
	white-space: nowrap;
	border: 1px solid black;
	
}

.subtextsm {
	color:#3f3f3f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	vertical-align:top;
	text-decoration: underline;
	padding-top: -15px;
}

.addressblock
{
	text-align: center;
	float:left;
	width: 100%;
	margin-bottom: 8px;
	clear:both;
}

.fieldLabel
{
	font-weight: bold;
}

ol li { margin-bottom: 15px; clear:both;}
ol li ul li { margin-bottom: 5px; clear:none; }
ol li ul { list-style-type: disc; }


/* Program Search */
.search#bluebox  div.label {clear:left; float:left; width: 34%; text-align: right; font-weight: bold; padding-right: 5px; margin-bottom: 15px;}
.search#bluebox  div.field {display: table; width: 65%; text-align:left; clear: right; margin-bottom: 15px; }

#searchtable th {border-bottom: 1px solid #000000; text-align: left; padding-bottom: 5px; font-size:12px; color:#d9730e; font-weight:bold;}
#searchtable tr td {padding-top: 4px;padding-bottom: 4px;  }
#searchtable .altRow {background-color: #dfe7f3;}
#searchtable {border-bottom: 1px solid #000000; }

/* Program Details */
#caseload { border-collapse: collapse;}
#caseload th {width: 20%; border-bottom: 1px solid #000000; font-size:12px; font-weight:bold;}
#caseload tr td {text-align: center; padding-top: 4px;padding-bottom: 4px; }

#diplomatetable { border-collapse: collapse;}
#diplomatetable th {border-bottom: 1px solid #000000; font-size:12px; font-weight:bold;}
#diplomatetable tr td {text-align: center; padding-top: 4px;padding-bottom: 4px; }
#diplomatetable .altRow {background-color: #dfe7f3;}
#diplomatetable .fullTime, #diplomatetable .partTime {width: 20%;}

#equipment {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 15px;
  clear:both;
}
 
#equipment li {
  float: left;
  width: 225px;
  margin: 0;
  padding: 0;
  padding-bottom: 5px;
  
} 

/* Pager */
.pager 
{
	margin:8px 3px;
	padding:3px;
	text-align: center;
}

.pager .disabled 
{
	border:1px solid #ddd;
	color:#999;
	margin-top:4px;
	padding:3px;
	text-align:center;
}

.pager .current 
{
	background-color:#405BA0;
	border:1px solid #000;
	color:#fff;
	font-weight:bold;
	margin-top:4px;
	padding:3px 5px;
	text-align:center;
}

.pager span, .pager a
{
	margin: 4px 3px;
}

.pager a 
{
	border:1px solid #c0c0c0;
	padding:3px 5px;
	text-align:center;
	text-decoration:none;
}

.watermark
{
	color: #696969;
}

.watermark_off
{
	color: #000000;
}

.error 
{
    color: #ff0000;
}

.field-validation-error
{
    color: #ff0000;
    float:left;
    margin-bottom: 15px;
    clear: right;
    width: 100%;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}


#validationSummary
{
    font-weight: bold;
    color: #ff0000;
}

#validationSummary ul li span.field-validation-error 
{
	clear: none;
	float: none;
	margin: 0;
}

.submit_row .field-validation-error
{
    color: #ff0000;
    padding-left: 5px;
    float:left;
    text-align: center;
    clear:both;
    margin-bottom: 0;
}

#education, #employment {border-collapse: collapse; margin-bottom: 20px;}

#education th, #employment th
{
}

#education td, #employment td 
{
	text-align: center;
	padding-top: 5px;
}

#veterinary_education {border-collapse: collapse; margin-bottom: 20px;}

#veterinary_education th
{
	padding-bottom: 8px;
	text-align: left;
}

#veterinary_education td 
{
	padding-bottom: 8px;
}

.references {border-collapse: collapse; margin-bottom: 5px;}

.references th
{
	padding-bottom: 8px;
	text-align: left;
}

.references td 
{
	padding-bottom: 8px;
}

 
ul.programList 
{
	list-style-type: none;
	padding:0;
	margin:0;
	margin-left: 20px;
	clear:both;
}
ul.programList li 
{
	padding-left: 24px;
	padding-bottom: 5px;
}
ul.programList li.checked 
{
	list-style-type: none;
	 background-image: url(checkmark.gif);
background-repeat: no-repeat;
background-position:left top;
}

ul.programList li .button
{
	margin-top: 5px;
	margin-bottom:5px;
}


ul.checklist 
{
	width: 100%;
	list-style-type: none;
	padding:0;
	margin:0;
	margin-left: 20px;
	clear:both;
	display: block;
	height: 100px;
}
ul.checklist li 
{
	float: left;
	width: 45%;
	padding-left: 24px;
	padding-bottom: 5px;
}
ul.checklist li.checked 
{
	list-style-type: none;
	 background-image: url(checkmark.gif);
background-repeat: no-repeat;
background-position:left top;
}

ul.checklist li .button
{
	margin-top: 5px;
	margin-bottom:5px;
}

ul.rankings
{
	padding:0;
	margin:0;
	margin-left: 20px;
}
ul.rankings li 
{
	margin-left: 24px;
	padding-bottom: 10px;
}

ul.rankings li.checked 
{
	list-style-type: none;
	 background-image: url(checkmark.gif);
background-repeat: no-repeat;
background-position:left top;
padding-left: 24px;
margin-left: 0px;
}

#applications th {border-bottom: 1px solid #000000; text-align: left; padding-bottom: 5px; font-size:12px; color:#d9730e; font-weight:bold;}
#applications tr td {padding-top: 4px;padding-bottom: 4px;  }
#applications .altRow {background-color: #dfe7f3;}
#applications {border-bottom: 1px solid #000000; }

#applications .program {width: 60%;}
#applications .appliedDate {width: 20%; text-align:center;}
#applications .coverLetter {width: 15%;  text-align:center;}
#applications td.program {padding-left: 10px;padding-right: 10px;}

#applications .category {width: 37%;}
#applications .location {width: 25%;}
#applications .location td {vertical-align: top;}
#applications .category td {vertical-align: top;}
#applications td.applicant {padding-left: 10px;padding-right: 10px;}

#rankings th {border-bottom: 1px solid #000000; text-align: left; padding-bottom: 5px; font-size:12px; color:#d9730e; font-weight:bold;}
#rankings tr td {padding-top: 4px;padding-bottom: 4px;  }
#rankings .altRow {background-color: #dfe7f3;}
#rankings {border-bottom: 1px solid #000000; }

#rankings .program {width: 80%;}
#rankings td.rank {width: 10%; padding-left: 10px;}
#rankings td.program {padding-left: 10px;padding-right: 10px;}

#rankings td.rank select {margin-right: 10px;}
#rankings td.rank img { cursor: pointer;}

#programApplications th {border-bottom: 1px solid #000000; text-align: left; padding-bottom: 5px; font-size:12px; color:#d9730e; font-weight:bold;}
#programApplications tr td {padding-top: 4px;padding-bottom: 4px;  }
#programApplications .altRow {background-color: #dfe7f3;}
#programApplications {border-bottom: 1px solid #000000; margin-top: 5px; }

#programApplications .applicant {}
#programApplications .notes {width: 37%;}
#programApplications td.notes {padding-right: 2px;}
#programApplications td.notes div {font-weight: bold; font-size: 12px; color:#405BA0; text-transform:uppercase;}
#programApplications .appliedDate {width: 10%; text-align:center;}
#programApplications .marked {width: 5%;  text-align:center;}
#programApplications .packetComplete {width: 14%;  text-align:center;}
#programApplications .isMarked td {font-weight: bold;}
#programApplications tr.buttons td {padding-left: 8px;}


.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #FFFFFF;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


.jqmWindow div.label {float: left; width: 24%; text-align: right; font-weight: bold; padding-right: 5px;}
.jqmWindow div.label_wide {float: left; width: 35%; text-align: right; font-weight: bold; padding-right: 5px;}
.jqmWindow div.field_label_wide {float: left; text-align:left; width: 64%; }
.jqmWindow div.field {float: left; text-align:left; width: 75%; }
.jqmWindow div.empty_left {clear:both;padding-left: 24%;}

.close_popup {text-align:right; clear:both;}

textarea {border: solid 1px black;}

.attrRow { background-color: #CCCCCC; }
.altAttrRow {  }

