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

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 100.1%;
color: #333333;
background: #fff;
border: double 3px #d8d8d8;
}

#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%;
 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 img, :link img, :visited img { border: 0; }


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

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;}

#spacer {height:20px;}

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%; }

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

#node1234 { display: none; }

#column-left h2  { border-bottom: 1px dotted #B79972; }
#column-left h2 span, #column-right h2 span { font-size: 53%; }
#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; }


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


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

#utility-links {
color: #666666;
text-align: right;
font-size: 12px;
font-variant:small-caps;
padding: 10px 10px 0 10px;
}

#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:23px; 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;
clear: left;
}

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

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

#primary ul ul { margin-top:-6px; }


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;
}

#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 #b70101;
border-bottom: 4px  solid #b70101;
margin-top: 2px;
}

#footer { border-top:1px solid #d8d8d8; clear:both; margin-left:0; padding:0; width: 720px;}
#section1 {width: 152px; float: left; }
#section2 {width: 152px; float: left; margin-left: 10px; margin-right: 10px; }
#section3 {width: 152px; float: right;}
#footer img {padding-right: 17px;}
#footer h3 {font-size: 11px; line-height: 1.7; }
#footer p {font-size: 10px; }
#footer a  {text-decoration: none;}

/* ////////////////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;  }

/* 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; }
.shaded ul, .shaded ol { margin-left: 15px; padding: 0px; }
.shaded p{font-size:.7em}


#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; }
.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(http://law.wisc.edu/s/c_485/k9njh/tile2.gif) repeat;
}

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

.box .last {
background: url(http://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: #FFF url(/m/zkndg/category-marker.gif) no-repeat 8px; padding: 5px 7px 5px 25px; border: 1px dotted #d8d8d8; }
.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; }



/***************************************/
/* 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: 7px 0; }
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-bottom: 10px;
	background: #fff;
	border-bottom: solid 6px #d8d8d8;
	padding: 0;
}
#fluid-wrapper #fluid-section-head img { margin: 0px 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: 140px;
background-color: #fff;
color: #333;
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:180px;
}

.info li:hover ul, .info a:hover ul {
display:block;
}

/*****************************/
/* 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;}