/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}
/* End YUI CSS Reset */

html { height: 100%; }

body {
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  height: 100%;
  height: auto !important;
  min-height: 100%;
  background: #4B4B4B url('/images/vertical_tile.gif') repeat-x;
  font-size: 100%;
}

/* Global */
.clear { content: ""; clear: both; }

.floatRight { float: right; padding: 0 0 1em 1em; }

/* Fonts */
h2, h3, h4 { font-weight: bold; padding: .5em 0; }

h2 { font-size: 1.2em; }
h2.courseH2 { font-size: 1.4em; color: #0065B2; }
h3 { font-size: 1.1em; color: #333; }

/* Formatting */
p { padding-bottom: 1em; line-height: 1.2rem; }

em { font-style: italic; }

strong { font-weight: bold; }

section ol, section ul, .outsideSection ol, .outsideSection ul { margin-left: 2em; }

ol.numbered {
  padding: 0 0 0 2em;
  margin: 0 0 0 2em;
}

ol.numbered li { list-style-type: decimal; padding: 0 1em 1em 0; }

section ul li, .outsideSection ul li { list-style: disc; padding-bottom: .5em; }

section a, .outsideSection a { text-decoration: none; color: #000; border-bottom: solid 1px #CCC; }

.courseGroup {
  margin: .5em 0;
  padding: 1em;
  border: solid 1px #CCC;
  box-shadow: 0 2px 2px -2px rgba(0,0,0,0.7);
}

/* Forms */
.formLayout label { display: block; float: left; padding-right: 1em; }
.minWidth33 label { min-width: 33%; }
.minWidth20 label { min-width: 20%; }

.formLayout p { clear: both; padding-bottom: .5em; }

button, input[type=submit] { padding: .25em 1em; }

.usernameAvailabilityCheckResults, .emailAddressAvailabilityCheckResults { float: right; }

.errorMessage {
  border: solid 1px #EBEBEB;
  background: #F6F6F6;
  margin: 0 0 1em 0;
  padding: .5em;
}

.errorMessage li { list-style: none; padding: 0; font-style: italic; }

/* Tables */
table { width: 100%; margin: 1rem 0; }

th, td { padding: .5em; }

th { font-weight: bold; font-size: 1.1em; border-bottom: solid 2px #EBEBEB; }

thead tr { background: none !important; }

.alternateColors tr:nth-child(even) { background: #CFDBE6; }
.alternateColors tr:nth-child(odd) { background: #E7ECF2; }

/* General Containers */
.mainContainer {
  width: 760px;
  position: relative;
  margin: 0 auto;
  padding: 1em 0;
}

.contentContainer {
  position: relative;
  background: #FFF url('/images/backgroundTileBlue.jpg') repeat-y;
}

section {
  display: block;
  margin-left: 136px;
  font-size: .9em;
}

.content { padding: 1.5em; }

.headerImage { width: 624px; height: 142px; }
.state-admin-law-header, .state-admin-ag-header, .group-admin-law-header { background: url(/images/state-admin-header.jpg) no-repeat; }
.group-admin-ag-header { background: url(/images/group-admin-ag-header.jpg) no-repeat; }
.course-admin-law-header { background: url(/images/course-admin-law-header.jpg) no-repeat; }
.course-admin-ag-header { background: url(/images/course-admin-ag-header.jpg) no-repeat; }
.instructor-law-header { background: url(/images/instructor-law-header.jpg) no-repeat; }
.instructor-ag-header { background: url(/images/instructor-ag-header.jpg) no-repeat; }
.student-law-header {  background: url(/images/student-law-header.jpg) no-repeat;}
.student-ag-header { background: url(/images/student-ag-header.jpg) no-repeat; }
.general-law-header {  background: url(/images/general2-header.jpg) no-repeat;}

/* Search Users */
.buttonLink a {
  display: block;
  float: right;
  padding: .5em 1em;
  margin: 0 0 1em 1em;
  background: #F7F7F7;
  border: solid 1px #CCC;
  text-align: center;
  text-decoration: none !important;
  font-weight: bold;
}

.operationPopupMenu {
  position: absolute;
  left: -9999px;
  z-index: 1000;
  width: 500px;
  background: #EBEBEB;
  padding: 1em;
  box-shadow: 0 0 30px rgba(0,0,0,0.9);
}

.closePopup { float: right; height: 20px; }
.closePopup:after { content: ""; clear: both; }

.closePopup a {
  background: url('/public/images/ui/close-button.png') 0% 50% no-repeat;
  padding-left: 21px;
  padding-top:5px;
  padding-bottom:5px;
  height: 20px;
  line-height: 20px;
  font-weight: bold;
  color: #000;
  border-bottom: none;
}

/* Side Nav */
aside { display: block; float:left; width: 136px; }
aside img, aside ul { float: left; }

aside a {
  display: block;
  width: 121px;
  padding: 12px 6px;
  margin-left: 3px;
  color: #FFF;
  font-size: .8em;
  font-weight: bold;
  text-decoration: none;
  border-bottom: solid 1px #333;
}

aside a:hover { background: #333; }

/* Header */
header { display: block; width: 760px; }

header img, header ul { float: left; }

header li { float: left; }

/* Footer */
footer { display: block; }

footer img { float: left; }