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

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 100.1%;
color: #333333;
background: #D8D8D8 url(//law.wisc.edu/s/c_440/5mwfj/000bgshadow.png) repeat-y scroll center center;
}

#skipper { /* Hidden skip link */
 background:transparent none repeat scroll 0%;
 color: #FFF;
 font-size: 0.8em;
 left: 0;
 position: absolute;
 text-indent: -600em;
 top:0 ;
 width: 100%;
 z-index: -1;
}
#skipper:focus, #skipper:hover, #skipper:active {
 background: #FFF none repeat scroll 0%;nobu
 color: #000000;
 display: block;
 padding: 0.2em 0.2em 0.2em 0pt;
 text-indent: 20px;
 z-index: 5;
}



/* /////////////////////General Text Styling and Helper Classes///////////////////////// */


p, #content li, td, th, dt, dd { font-size: .8em; line-height: 1.45; margin: 1.45em 0; }
ul li ul li, ol li ol li, dt dl dt, 

#content li ul li, #content li ol li, #content td li,
#content li h2, #content li h3, #content li h4, li p, li label, li legend { font-size: 100.1%; }
#content li, dt, dd { margin: .3em 0; }
dt { font-weight: bold; }
dd { margin-left: 20px; }

a:link { color: #660000; }
a:visited { color: #705742; }
a:hover { color: #990000; }
a:active { color: #990000; }

/* a link style closer to headlines */
a.titleLink { font-family:Georgia,"Times New Roman",Times,serif; font-weight:bold; text-decoration:none !important; color:#900 !important; }
a.titleLink:hover { text-decoration:underline; }

a img, :link img, :visited img { border: 0; }

.readmore {
    font-size: 12px;
    font-variant: small-caps;
    margin: 10px;
    text-align: right;
}

h1#PageTitle
{	margin-top: 0; margin-bottom:0; overflow: visible; margin-right:20px;	}

h1 {
font-size: 1.2em;
color: #333333;
font-family: Georgia, "Times New Roman", Times, serif;
margin-bottom: 2px;
}

h2 {
font-size: 1.11em;
color: #333333;
font-family: Georgia, "Times New Roman", Times, serif;
margin-bottom: 2px;
}

h3 {
font-size: 1.0em;
color: #333333;
font-family: Georgia, "Times New Roman", Times, serif;
margin-bottom: 2px;
}

h4 {
font-size: .9em;
color: #990000;
font-family:Arial, Helvetica, sans-serif;
padding: 0;
margin-bottom: 1px;
}

a img, :link img, :visted img {border:0;}

.thumbnail_shadow {
	border:7px solid #fff;
	box-shadow:0px 0px 3px 1px #bbb;
}

#spacer {height:20px;}
.indent { margin-left:15px; }
ul.nobullet,ol.nobullet { list-style-type:none; }

table, th, td { border: 1px solid #E4E4E4; border-collapse: collapse; background: #FFF; }
th, td { padding: 3px; vertical-align: top; text-align: left; }
th p, td p, td table td { font-size: 100.1%; }

table.noborder, table.noborder th, table.noborder td { border:none; }


pre { width: 100%; overflow: scroll; }

#node1234 { display: none; }

#column-left h2  { border-bottom: 1px dotted #B79972; }
#column-left h2 a:link { color: #660000; }
a:visited { color: #705742;}
a:hover { color: #990000; text-decoration: none; }
a:active { color: #990000; text-decoration: none;}
#column-left h2 span, #column-right h2 span { font-size: 70%; }
#column-left p { padding: 0 9px 0 0; margin-top: 0; }
#column-left h3 { 
 font-size: .78em;
 font-family: Arial, Helvetica, sans-serif;
 margin: .9em 0 0 0;
 line-height: 1.0875;
}
#column-right h2 { margin-bottom: 0; border-bottom: 1px dotted #B79972; }
#column-right h2.precede-shaded { border: none; }

iframe { border:0 }

/******************************************************
                       Drop Dates/Circle Dates
*******************************************************/
.dropDateWrap {
	clear:left;
}

.dropDate {
	background-color:#EAEEEA;
	border:3px solid #A0A0A0;
	border-radius:50%;
	width:45px;
	height:45px;
	float:left;
	margin-top:10px;
	margin-right:10px;
	clear:left;
}
.dropDate .weekday {
	/*display:block;*/
	display:none;
	color:#555;
	margin:0;
	padding:4px 0;
	-webkit-transform-origin:50% 105%;
	-webkit-transform: rotate(-90deg);
	-moz-transform-origin:50% 105%;
	-moz-transform: rotate(-90deg);
	-o-transform-origin:50% 105%;
	-o-transform: rotate(-90deg);
	-ms-transform-origina:50% 105%;
	-ms-transform: rotate(-90deg);
	position:absolute;
	text-transform: uppercase;
	font-family: sans-serif;
	font-weight: bold;
	text-align:center;
	border-bottom:1px solid #900;
	width:53px;
	height:1em;
}
.dropDate .month {
	display:block;
	margin-left:-2px;
	margin-top:4px;
	text-align:center;
	font-variant:small-caps;
	font-weight:bold;
}
.dropDate .date {
	display:block;
	/* margin-left:-2px; */
	margin-left:0px;
	text-align:center;
	font-size:110%;
	font-weight:bold;
	color:#900;
}

.dropDateHeadline {
	display:block;
	margin-left:63px;
	padding-top:10px;
}


/* /////////////////////NAVIGATION///////////////////////// */


#utility-links-wrapper {
background: #fff;
}




#utility-links {
color: #666666;
text-align: right;
font-size: 11px;
padding: 10px 10px 0 10px; float: right; width: 608px;
}

#utility-links ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

#utility-links li{
margin: 0px;
padding: 0px;
display: inline;
}

#utility-links a:link, #community-links a:link { color: #666666; text-decoration: none; }
#utility-links a:visited, #community-links a:visited { color: #666666; text-decoration: none; }
#utility-links a:hover, #community-links a:hover { color: #666666; text-decoration: underline; }
#utility-links a:active, #community-links a:active { color: #666666; text-decoration: underline; }






#alpha-nav-wrapper {height:29px; width: 950px; background: #b70101;}


#alpha-nav {
background: #990000;
}

#alpha-nav ul {list-style-type:none;}
#alpha-nav li {margin: 0px; padding: 0px; display: inline;}



#navigation {
background: #fff;
width: 150px;
float: left;
}

#navigation ul {
margin: 5px;
padding: 0px;
list-style-type: none;
}

#navigation li {
list-style-type: none;
}

#primary ul ul { margin-top:-1px; border: 1px solid #d8d8d8; }

#primary ul ul li {}

ul#primary {
list-style-type:none;
margin: 0;
padding: 0;
}

ul#primary li {
color: #3D3D3D;
font-family:Verdana, Geneva, sans-serif;
font-size: 0.7em;
font-stretch: normal;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 1em;
/* margin: .8em .4em; */
padding: 0;
}




/* /////////////////////LAYOUT///////////////////////// */


#container {
background: #fff;
margin: 0 auto;
min-height: 100%;
padding: 0;
width: 916px;
overflow: hidden;
height: 100%;
border: 3px double #D8D8D8;
}

.compactheight { margin-top: 0em; margin-bottom: 0em; padding-top: 0em; padding-bottom: 0em; line-height:1.1em !important; }

#wrapper {
clear: left;
margin: 0 auto;
width: 925px;

}

div#section{
color: #990000;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1em;
padding-top:21px;
margin: 0px 0.4em;
}

#lawlogo {
background: #fff;
padding:6px 10px 10px 3px;

min-height: 55px;
width: 275px;  float:left;
}

#lawlogoimage {
float: left;
margin: 0;
}



#floating-content-wrapper {
background:#fff;
float: right;
margin: 0;
padding: 17px 22px;
width: 720px;
border-left: 1px dotted #d8d8d8;
}


#content {padding-right: 15px;}
#section-head-image{
border-top: 4px  solid #990000;
border-bottom: 4px  solid #990000;
margin-top: 2px;
}


/* ////////////////Normal COLUMN LAYOUT//////////////////*/

#column-left { width: 510px; float: left; margin-right: 9px; background: #fff; }
#column-right { width: 210px; float: left; margin-right: 10px; }
#column-right p {padding:5px; font-size: .8em; }
#column-right h4 {padding: 5px;}




/* ////////////////Special COLUMN LAYOUTS//////////////////*/


#equal-column-left {width: 346px; float: left; margin-right: 9px;}
#equal-column-right {width: 346px; float: left; margin-left: 9px;}
#equal-column-left h2  { margin-bottom: 0; border-bottom: 1px dotted #B79972; }
#equal-column-right h2 { margin-bottom: 0; border-bottom: 1px dotted #B79972; }


/* 2-column for EXTENDED width layout */
#column-a {width: 330px; float: left; margin-right: 9px;}
#column-b {width: 330px; float: left; margin-left: 9px;}

/* 2-column page of links */
.quick-links h2 { margin-top: 0; }
#column-left.quick-links p { margin-right: 0; margin-left: 10px; }
#column-right.quick-links p { font-size: .75em; margin-right: 0; }

* Small - for blocks of small text */
.small p, p.small, #content .small li, li.small, span.small { font-size: .7em; } 
.small ul { margin-left: 0; padding: 0; }
#content .small li, li.small { margin-left: 20px; padding: 0; }

/* Inset - for container divs */
.inset { width: 205px; float: right; clear: both; margin: 0 0 20px 20px; }
.inset h2 { margin-bottom: 0; }
.span (font-size: .7em)
.narrowinset {width: 150px; float: right; clear: both; margin: 0 0 20px 20px; }
.narrowinset h2 {background-image:url();}

/* Left or Right Inset - for floating images */
.left_inset { float: left; margin: 0 20px 20px 0; }
.right_inset { float: right; margin: 0 0 20px 20px; }
.left_inset p, .right_inset p { text-align: center; font-size: .7em; margin: 0;  }

/* for the new editor - align left/center/right uses these */
.right { text-align:right }
img.right { float:right; margin:0 0 20px 20px; }
.left { text-align:left }
img.left { float:left; margin:0 20px 20px 0; }
.center { text-align:center; }
img.center { display:block; margin-left:auto; margin-right:auto; }

/* Shaded - usually used inside the Inset div */
.shaded {background: #d8d8d8; border: 1px solid #d8d8d8; margin-right: 11px; font-size: .9em; padding: 10px 10px 10px 18px; -moz-border-radius: 10px; border-radius: 10px; }

.shaded2 {background: #eae9e9; border: 1px solid #d8d8d8; margin-right: 1px; font-size: .9em; padding: 10px 10px 10px 10px; }
.shaded ul.nobullet, .shaded2 ul.nobullet { padding-left:0px; } */
.shaded ul li, .shaded2 ul li { margin-left: 15px; padding: 0px; }
.shaded p{font-size:.89em}
.emph {background: #e4e2e2; border: 1px solid #979696; margin-right: 11px; padding: 10px 5px 2px 10px;}



#column-right .shaded { font-size: 100.1%; }
#column-right .shaded p { margin-left: 0; margin-right: 0; }


.clearer { clear: both; }
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* Legacy Clearing Classes */
.clear_left { clear: left; }
.clear_right { clear: right; }

/* Legacy Styling Classes */
.border { border: 1px solid black; }
.center { text-align: center; }
.nomargin { margin: 0; }
.nopadding { padding:0; }
.monospace { font-family: "Courier New", Courier, monospace; }

/* Memorandum Class */
.memorandum { border: 1px solid #000000; margin: auto 0 15px 0; padding: 15px; }

/* Dividing a table cell artificially */
#lawskills-schedule th, #lawskills-schedule td { text-align: center; vertical-align: middle; }
#lawskills-schedule td.first-half { border-collapse: collapse; border-bottom: 1px dashed #E4E4E4; }
#lawskills-schedule td.second-half { border-collapse: collapse; border-top: none; }

/* In-page font resizing */
#course_list.font-small th, #course_list.font-small td { font-size: .5625em !important; } /* 9px */
#course_list.font-med-small th, #course_list.font-med-small td { font-size: .6875em !important; } /* 11px */
#course_list.font-med-large th, #course_list.font-med-large td { font-size: .75em !important;  } /* 12px */
#course_list.font-large th, #course_list.font-large td { font-size: .8125em !important; } /* 13px */



.box {
width: 170px;
background: #effce7 url(//law.wisc.edu/s/c_485/k9njh/tile2.gif) repeat;
}

.box h2 {
	background: url(//law.wisc.edu/s/c_485/cymmm/top2.gif) no-repeat left top;
	padding-top: 20px;
}

.box .last {
background: url(//law.wisc.edu/s/c_485/yzjbz/bottom2.gif) no-repeat left bottom;
padding-bottom: 20px;
}
.box h2, .box p {
padding-left: 20px;
padding-right: 20px;
}

#section-head {
background: #b70101;
}




/* reunion layout */
#main-column {width:500px; float:left; margin-right: 9px; border-right:1px dotted #c3c5b6; padding-right:20px;}
#side-column {width:150px; float:left; margin-left: 9px;}

/*//////////////Seasonal Highlight/////////////*/
seasonal-highlight { 
 background: #FFF;
 margin: 0 0 0 16px;
 border-left: 1px dotted #E1CAAD;
 border-right: 1px dotted #E1CAAD;
 }

.seasonal-highlight h2 { 
 margin: 0;
 padding: 15px 7px 4px 17px;
 font-family: Helvetica, Arial;
 font-size: .8em;
 font-weight: bold;
 line-height: 1.3em;
}
.seasonal-highlight span { background: url(/m/zkndg/category-marker.gif) no-repeat 8px; padding: 5px 7px 5px 22px; }
.seasonal-highlight a { line-height: 1.3; }

#column-left .seasonal-highlight { border: none; margin: 13px 0 7px 0; } 
#column-right .seasonal-highlight { border: none; margin: 0px 0 7px 0; } 
#column-left .seasonal-highlight h2,#column-right .seasonal-highlight h2 { padding: 0; margin: 0; border-bottom: none; font-size: 1.2em; }

/*three col layout*/
#column-1 {width: 230px;  float: left;}
#column-2{float: left; width: 230px; margin-left: 25px; margin-right: 10px;}
#column-3{ float: right; width: 230px;}

#column-1 ul, #column-2 ul, #column-3 ul {list-style-type: disc; margin: .4em 1.6em; padding: 0; }


#column-1 h2, #column-2 h2, #column-3 h2, #side-column h2 {
font-family: Tahoma, Geneva, Verdana, Helvetica, Arial, sans-serif;
font-size:1.0em; 
border-bottom: 1px dotted #B79972;
margin: .9em 0;
}



/* ////////// Media Central///////////////// */
p.media-types, p.series { padding-top: 0; padding-bottom: 0; font-size: .7em;  }
.media { float: left; height: 1%; }
.media img { margin: 0 20px 10px 0; border: 1px solid #B79972; }
span.date { font-size: .9em; }

/*//////////////// Career Services Employment Statistics///////// */
.chart img { border: 1px solid #E4E4E4; }
caption { text-align: left; color: #705742; font-size: 1.1em; font-family: Tahoma, Geneva, Verdana, Helvetica, Arial, sans-serif; }
.salary { width: 478px; margin-bottom: .9em; font-family: Helvetica, Arial, sans-serif; }
.salary th[scope="col"] { text-align: center; }
.salary td { width: 70px !important; text-align: right; }

/* Contact Directory Styles */
.directory .name, .directory .title { padding-left: 30px; }
.directory td { padding-bottom: 0px; line-height: 1.4; }
.directory td.title { font-size: .65em; padding-top: 0; padding-bottom: 5px; line-height: 1; }
table .directory td.title { font-size: .85em; }
.directory .stafflist td, .directory .title td { border: none; }

.tabset { background: url(/m/gzzgn/fake-border.gif) repeat-x left bottom; float: left; width: 100%; margin-bottom: 20px; }

.tab { float: left; height: 1%; background: #FBF9F7 url(/m/hywm4/tab-right-transparent.gif) no-repeat right top; margin: 0; border-bottom: 1px solid #B79972; }
.tab a { background: url(/m/d3mgc/tab-left-transparent.gif) no-repeat left top; padding: 5px 15px 4px 15px; display: block; }
.current-tab { border: none; background-color: #FFF; }
.current-tab a { padding-bottom: 5px; }

/* Events Calendar Styles */
#public-calendar ul { list-style-type: none; margin: 0; padding: 0; } 
#public-calendar li { list-style-type: none; margin: 3px 0 0 3px; }

#public-calendar ul li { font-size: .9em; }
#public-calendar ul li a { font-size: 1.1em; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

h2.calendar { font-size: 1.4em; text-align: center; margin-bottom: 0; }
h2.calendar img { vertical-align: bottom; margin-bottom: 5px; }

/*******************************************
              Flat Buttons
********************************************/
.linkbutton {
  width: 350px;
  height: 100px;
  background: #ecf0f1;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  display: inline-block;
  margin: 10px;
}
.linkbutton h2 {
  float: left;
  width: 350px;
  height: 65px;
  text-align: center;
  margin-top: 35px;
  font-weight: 100;
  text-transform: uppercase;
  font-family:sans-serif;
}
.linkbutton a {
  text-decoration:none;
}
.linkbutton:hover {
  color: #fff;
  background: none;
}
.linkbutton:hover h2 {
  color:#fff;
}
.ease {
  width: 0;
  background: #282828;
  height: 100px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.linkbutton:hover .ease {
  width: 100%;
}

.nohover:hover {
  color: #000;
}

.badger_red { background: #900;}


/***************************************/
/* Form Styling for the Basic Template */
/***************************************/

label { float: left; width: 215px; font-weight: bold; text-align: left; margin: 0; }
label span { font-weight: normal; font-size: .9em; }
label tt { font-size: 1em; }
input, select, textarea { margin-left: 10px; }

/* Two inputs on one line */
.oneline label, label.oneline  { float: none; }

/* A wider label column */
p.long_label label { width: 250px; }

/* Hidden labels - use a span for the fake label, and hide the real ones */
p.hidden-label span { float: left; width: 215px; }
p.hidden-label label { position: absolute; left: -9999em; height: 1px; width: 1px; overflow: hidden; }

/* Checkboxes */
p.checkbox span { float: left; width: 215px; font-weight: bold; text-align: left; margin: 0; } 
p.checkbox input { vertical-align: middle; }
p.checkbox label { float: none; }

/* Radio Buttons */ 
p.radio span  { float: left; width: 215px; font-weight: bold; text-align: left; margin: 0; }
p.radio input { margin: 0 0 0 10px; padding: 0; vertical-align: middle; }
p.radio label { float: none; }
/*form h2, form h3 { margin-left: -15px; }*/

/* Fieldsets */
fieldset { border: none; margin: 0 0 7px 0; } /* originally margin 7px 0 */
legend { margin: 0; padding: 0; font-weight: bold; font-size: .75em; color: black; }
fieldset p { margin: 0; padding: 0; }
p.mock-fieldset { font-weight: bold; margin: 7px; }
fieldset p.mock-fieldset { margin: 7px 0; }
p.mock-fieldset label, fieldset p.mock-fieldset label { float: none; width: 100%; }
fieldset p.radio, fieldset p.checkbox { margin: 7px 15px; padding: 0; font-weight: normal; }
fieldset p.radio input { margin-left: 15px; }
fieldset p.radio label, fieldset p.checkbox label { font-weight: normal; }
fieldset p.indent { margin-left: 15px; }
fieldset th { text-align: center; }
fieldset td { margin: 0; }

/* Textareas */
p.textarea label { float: none; width: 100%; }
textarea { margin: 0px 0 7px 10px; }
textarea.inline { margin: 0 0 7px 10px; }

fieldset div.nudge { margin-left: 7px; } /* indent to make a non-fieldset prompt look like a fieldset, div inserted via IE CC */

/* Nested Fieldsets */
fieldset fieldset { padding: 0 0 0 15px; }
fieldset fieldset legend { font-weight: bold; font-size: .75em; }
fieldset fieldset { margin: 7px 0 0 0 ; }
fieldset fieldset p.radio label, fieldset fieldset p.checkbox label { font-weight: normal; }

/* Fieldset Containing Checkboxes */
fieldset p.checkbox input { float: none; margin-left: 0; vertical-align: middle; }
fieldset p.checkbox label { float: none; width: auto; font-weight: normal; }
fieldset p.checkbox label em { font-weight: normal; font-style: italic; }
fieldset { border: none; margin: 12px 0; padding-bottom: 0; }
/* fieldset legend { font-weight: bold; font-size: 1.1em; padding: 0; margin: 0; color: black; } */
fieldset p { margin: 0 0 0 15px; } /* formerly 27px */
fieldset div.column { width: 45%; float: left; }

/* Search form at top of pages gets no form styling */
#utility-links label { float: none; width: auto; font-weight: normal; }
#utility-links input { margin-left: 0; }

/* Teacher of the Year Ballot uses a special table */
#teachervote table { width: 100%; }
#teachervote label { width: auto; float: none; }

/* Order Form (uses table) */
.order-form caption { font-family: Tahoma,Geneva,Verdana,Helvetica,Arial,sans-serif; color: #6F2602; font-size: 1.25em; font-weight: normal; text-align: left; }
.order-form label { font-weight: normal; }
.order-form td label { width: auto; }
.order-form td input { margin-left: 0; }
.order-form fieldset { padding: 0; }
.order-form .required { color: red; }
.order-form .calculated-charge span { float: left; width: 215px; }
.order-form #item_charge_total, .order-form #wisconsin_sales_tax, .order-form #total_charge { display: inline; margin-left: 10px; font-size: .75em; }
.order-form .calculated-charge span.total_charge { width: 230px; font-size: 1.3em; }
.order-form #total_charge { margin-left: 10px; font-size: 1.2em; }

/*****************************/
/* Template with Fluid Width */
/*****************************/

#fluid-wrapper #navigation { float: none; position: absolute; left: 20px; }

#fluid-wrapper #fluid-section-head { 
        inherit: none;
        margin-left: 244px; 
	background: #993300 repeat-y top left;
	padding: 0;
}
#fluid-wrapper #fluid-section-head img { margin: 28px 0 0 16px; padding: 0; }
#fluid-wrapper #fluid-section-head img#photo { margin: 0 0 0 16px; padding: 0; background: none;} 
#fluid-wrapper #content-wrapper, #fluid-wrapper #footer { width: auto; margin-left: 244px; clear: none; min-width: 478px; }
#fluid-wrapper #PageTitle { width: 100%; }




/*****************************/
/* info mouseovers */
/*****************************/

.info { list-style-type:none; }

.info li, .info li a, .info li ul { 
	text-decoration:none; 
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#333;
        line-height: 2.2em;
        position: relative;
		}

.info li a { 
display: block;
width: 135px;
/* background-color: #fff; */
color: #333;
margin-left:3px;
padding-left:5px;
padding-top:9px;
border-bottom: 1px solid #d8d8d8;
} 

* html ul li {
float:left;
height:1%;
}
* html ul li a {
height:1%;
}

info a:hover {
background-color:#F0F8CA;
}

.info li ul {
background-color: #fff;
border-top, border-right, border-bottom: 1px solid #d8d8d8;
display:none;
left:135px;
margin-left:10px;
padding:0;
position:absolute;
top:0;
width:auto;
z-index:1;
}
 
.info li ul li a {
/* background-color:#fff; */
padding:0 10px;
position:relative;
width:160px;
}

.info li:hover ul, .info a:hover ul {
	display:block;
	background-color:#f4f4f4;
}

/* ul#primary ul li { border-bottom:1px solid #d8d8d8; } */
ul#primary ul li a:hover { background-color:#f4f4f4; }


/*****************************/
/* law in action profiles */
/*****************************/

#profile {width: 479px; position: relative; clear: both; }
.profile-left {width: 100px; position: relative; float: left; height: 100px; border-top: 15px solid white;}
.profile-right {width: 369px; position: relative; float: right;height: 100px; border-left: 10px solid white;font-size:12px; border-top: 15px solid white;}
.profile-right-ex {width: 570px; position: relative; float: right;height: 100px; border-left: 10px solid white;font-size:12px; border-top: 15px solid white;}


/*****************************/
/*twitter for prospective */
/*****************************/
#twitter_div { width: 190px; padding: 5px 10px 5px 10px; background-color: #5B060E; }
ul#twitter_update_list { padding: 0; margin: 0; list-style: none; }
ul#twitter_update_list li { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #333; padding: 5px; margin: 10px 0 10px 0; background-color: #fff; }
ul#twitter_update_list li a { font-size: 10px; color: #333; }
.twitterh2 {font-family: Verdana, Geneva, sans-serif; font-size: 15px; color: #fff; }
#twitter-link {color: #fff;}


.compactul {list-style: square;}
.compactlist {margin: 0;}

/* definition tag is only italic by default. this gives it a nicer dashed underline instead */
dfn { border-bottom: 1px dashed #900; display: inline; font-style:normal; }


/*****************************/
/* search page */
/*****************************/
.result-middle {
	width:60%;
	word-wrap:break-word;
	display:inline-block;
	}
.result-directory {
	width:40%;
	word-wrap:break-word;
	display:inline-block;
	vertical-align: top;
	}
.res-dir-sub {
	margin-left: 10px;
	border-style: solid;
	border-color:#900;
	border-radius: 15px;
	padding:10px;
}
.res-dir-display {
	padding:5px;
	font-size:.8em;
	
}
.match-dis {
	font-style: italic;
}
.search-column {
	display:inline-block;
	vertical-align: top;	
	padding-left: 10px;
	}
.search-column label {
	width:auto;
}
.searchResults {
	list-style-type: none;
	padding:0px;
	}
ul.searchResults li {
	padding-bottom:20px;
	}
a.link-title {
	font-size: 16px;
	text-decoration: none;
	}
.res-url {
	color: #777777;
}
.pageArrow, .pageArrowLink, .pageNum, .pageNumLink {
	padding:2px;
}
.search-pages {
	font-size: .8em;
}
.search-highlight {
  background-color:yellow;
}


/* alternating content boxes */
.alt-content-box { width:369.5px; margin:0 }
.alt-content-box:nth-of-type(even) { float:right; clear:left; height:247px; }
.alt-content-box:nth-of-type(odd) { float:left; clear:right; height:247px; }
.alt-content-box img { width:100%; }
.alt-content-box:nth-of-type(even) + * { float:right; width:349px; height:227px; background-color:#eee; padding:10px; }
.alt-content-box:nth-of-type(odd) + * { float:left; width:349px; height:227px; background-color:#eee; padding:10px; }
.alt-content-box:nth-of-type(odd) + * + *:not(.alt-content-box) { clear:both; }
.alt-content-box:nth-of-type(even) + * + *:not(.alt-content-box) { clear:both; }

/* alert box -- mimic bootstrap until we're using bootstrap*/
.alert {
	display:flex;
	position:relative;
	padding:.75rem 1.25rem;
	margin-bottom:1rem;
	margin-top:.5rem;
	border:1px solid transparent;
	border-radius:.25rem;
	color:#cc4b37;
}
.alert-danger {
	background-color:#f8d7da;
	border-color:#f5c6cb;
}