/*

NAME:   Law Center Login


*/

div [id*=seat]:hover{
	background-color: #ccc;
}

body{
margin: 0;
color: #000;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
h1{
color: #93495C;
font-size: 28px;
font-weight: normal;
text-transform: uppercase;
font-family: "Times New Roman", Times, serif;
}
h2{
margin: 0;
color: #93495C;
font-size: 18px;
font-weight: normal;
text-transform: uppercase;
font-family: "Times New Roman", Times, serif;
}
h3{
color: #93495C;
padding: 0px;
border-bottom: 1px solid #999;
font-size: 14px;
}
h5{
color: #93495C;
padding: 10px 0px 10px 20px;
margin: 0px;

font-size: 10px;
}
h6{
color: #93495C;
font-size: 28px;
font-weight: normal;
text-transform: uppercase;
font-family: "Times New Roman", Times, serif;
}
p{
margin: 0;
font-size: 14px;
}
a img{
border: 0px;
}
#header{
height: 91px;
background: #BD929E;
}
div.header{
height: 91px;
background: #BD929E;
}
#topper{
height: 30px;
background-image: url(../img/bg-menubar.gif);
width: 100%;
padding: 0px;
margin: 0px;
border: 0px;
padding-top: 3px;
border-right: 1px solid #000;
}
div.topper{
height: 30px;
background-image: url(../img/bg-menubar.gif);
width: 100%;
padding: 0px;
margin: 0px;
border: 0px;
padding-top: 3px;
border-right: 1px solid #000;
}

#footer{
margin-top: 20px;
clear: both;
text-align: center;
padding-top: 2px;
}

div.footer{
margin-top: 20px;
clear: both;
text-align: center;
padding-top: 2px;
}

ul.menubar{
display: inline;
margin: 0px;
padding: 0px;
font-size: 12px;

}
.menubar li{
Padding-left: 30px;
Padding-right: 35px;
padding-top: 4px;
padding-bottom: 4px;
list-style: none;
display: inline;
margin: 0px;
color: #000;
}
li.menubarselected{
display: inline;
margin: 0px;
Padding-left: 30px;
Padding-right: 35px;
padding-top: 4px;
padding-bottom: 4px;
font-weight: bold;
background-image: url(../img/bg-menubar-selected.gif);
color: #800;
}
.menubar a{
color: #fff;
text-decoration: none;
}
.menubarselected a{
color: #93495C;
text-decoration: none;
}

/*      FORM ELEMENTS   */
li.search{
display: inline;
margin: 0;
padding-top: 0px;
font-size: 11px;
color: #fff;

}

/*      HORIZONTAL MENU */

ul#menu{
margin: 0;

padding: 0;
width: 60%;
float: left;
padding: 0px;
font-size: 11px;
list-style: none;
}
#menu li{
margin: 5px 0px 5px 0px;
float: left;
padding: 2px 5px 2px 5px;
border-right: 1px solid #ccc;
font-size: 11px;
}
.graytxt{
color: #777;
font-weight: bold;
}
.graybg{
background: #eee;
}

.selectoption{
background: #fff;
}

.selectoption a.selected{
background: #fff;
text-decoration: none;
font-weight: bold;
}

.selectoption a.selected:hover{
text-decoration: underline;
}

.blackbg{
background: #000;
}
.pinktxt{
color: #93495C;
}
ul#alpha{
width: 35%;
margin: 0;
float: right;
padding: 0px;
font-size: 11px;
list-style: none;
}
#alpha li{
margin: 5px 0px 5px 0px;
float: left;
padding: 0px 5px 0px 0px;
font-size: 11px;
}
/*      CONTENT */
#wrapper{
clear: both;
border-top: 1px solid #ddd;
}
#badge{
width: 64px;
float: left;
margin: 0 5px 0 0;
border: none;
}

#photos{
margin: 0 0 0 70px;
}
#profile{
width: 600px;
margin: 20px auto;
}
.pix{
float: left;
width: 150px;
color: #663366;
font-size: 11px;
margin-bottom: 20px;
height: 150px;
}
.lgpix{
width: 300px;
float: left;
height: 250px;
background: #ddd;
}
.bottomInfo{

clear: both;
padding-top: 10px;
}

#bio .title{
width: 80px;
}
.title{
color: #666;
padding-right: 3px;
text-align: right;
}

.info{
float: right;
width: 450px;
}
#photos{
margin: 0 0 0 70px;
}
#profile{
width: 600px;
margin: 20px auto;
}

.first{
color: #d2b3bb;
background: #93495c;
font-size: 48px;
}


#content{
width: 95%;
margin: 0 auto;
}

#content1{
width: 800px;
margin: 0px auto;
}

#content h1{
color: #93495C;
font-size: 28px;
font-weight: normal;
text-transform: uppercase;
text-align: left;
font-family: "Times New Roman", Times, serif;
}
.pix img{
border: 1px solid #555;
max-width: 100px;
}


#directory{
width: 80%;
margin: 0px auto;
}

#directory h1{
color: #93495C;
font-size: 28px;
font-weight: normal;
text-transform: uppercase;
text-align: left;
font-family: "Times New Roman", Times, serif;
}

td.directory1{
width: 20%;
border-bottom: #000 1px solid;
}
td.directory2{
width: 60%;
border-bottom: #000 1px solid;
}
td.directory3{
width: 10%;
border-bottom: #000 1px solid;
}

#list{
width: 750px;
margin: 10px auto;
}
#list h1{
color: #93495C;
font-size: 28px;
font-weight: normal;
text-transform: uppercase;
text-align: center;
font-family: "Times New Roman", Times, serif;
}
#list a{
color: #93495C;
font-size: 12px;
font-weight: normal;
border: 0;
}
#list img{
border: 0;
}
#listin{
width: 500px;
margin: 10px;
height: 330px;
overflow: auto;
}

form fieldset{
margin: 0;
padding: 0;
border: solid #999;
border-width: 1px 0 0 0;
}
form fieldset legend{
margin: 0;
padding: 0;
font-size: 14px;
font-weight: bold;
}
form ol{
margin: 0;
padding: 0;
list-style: none;
}
form ol li{
margin: 4px 0 4px 0;
padding: 0;
list-style: none;
}
form ol li label{
display: block;
padding: 5px 0 5px 0;
}
.left{
width: 250px;
float: left;
}
.right{
width: 450px;
float: left;
Padding-top: 30px;
}
label{
font-size: 12px;
}
label.radio{
margin-right: 50px;
}


li{
margin-bottom: 20px;
font-size: 12px;
}
p.right{
text-align: right;
}
th.user{
font-size: 14px;
border-bottom: #999 1px solid;
}
td.userlist{
width: 100px;
font-size: 12px;
border-bottom: #999 1px solid;
}
td.usernote{
width: 550px;
font-size: 12px;
border-bottom: #999 1px solid;
}
td.userbutton{
width: 140px;
font-size: 12px;
border-bottom: #999 1px solid;
}
th.class{
padding-left: 5px;
font-size: 10px;
border-bottom: #000 1px solid;
width: 65px;
}
th.classdel{
padding-left: 5px;
font-size: 10px;
border-bottom: #000 1px solid;
width: 40px;
}
th.course{
padding-left: 5px;
font-size: 10px;
border-bottom: #000 1px solid;
width: 200px;
}
td.clist{
padding-left: 5px;
font-size: 10px;
border-bottom: #ccc 1px solid;
width: 65px;
text-align: center;
}
td.clistdel{
padding-left: 5px;
font-size: 10px;
border-bottom: #ccc 1px solid;
width: 40px;
text-align: center;
}
td.courselist{
padding-left: 5px;
font-size: 10px;
border-bottom: #ccc 1px solid;
width: 200px;

}
div.classlist{
height: 330px;
width: 100%;
overflow: auto;
float: left;
}
div.admin{
width: 100%;
text-align: center;
}
div.room{
height: 500px;

}
div.studentlist{
height: 480px;
width: 200px;
float: left;
padding-left: 5px;
padding-right: 5px;
padding-top:20px;
}

span.lspace{
padding-left: 25px;
}
.logout{
color: #FFFFFF;
}
input#info1{
border: 0px;
padding: 1px 2px;
font-size: 10px;
}

.contact{
height: 200px;
width: 200px;
float: left;
}

div.seats{
height: 500px;

float: left;
}
.classroom{
position: absolute;
left: 203px;
top: 188px;
height: 400px;
width: 497px;


}
div.roomseats{
height: 295px;
width: 495px;
margin: 0px;
padding: 0px;
}
.classinfo{
position: absolute;
left: 698px;
top: 188px;
height: 220px;
width: 130px;
padding-left: 5px;
line-height: 1.5em;
}
.view{
height: 80px;
width: 246px;
float: left;
}
.hidden{
visibility: hidden;
}
.visible{
visibility: visible;
}
span#right{
padding-left: 60px;
}
span#right2{
padding-left: 20px;
}
.selected, .options{
background-color: #cccccc;
}
.sctitle{
padding: 0px;
padding-left: 10px;
padding-top:  20px;
Margin: 0px;
}

ul.scmenu{
display: inline;
font-weight: bold;
}
.scmenu li{
display: inline;
padding: 0 30px 0  10px ;
font-size: 12px;
font-weight: bold;

}
.downsome{
padding-top: 5px;
}
div.scmenu{
height: 30px;
width: 100%;
padding: 0px;
margin: 0px;
background-image: url(../img/bg-toolbar.gif);
margin-top: 10px;

}
.red
{
color: red;
text-decoration: none;
font-size: 11px;
}
.invalid
{
color: red;
font-weight: bold;
}
.SideMenu{
border: 0px;
padding: 0px;
margin: 0px;
width: 100px;
height: 130px;
Margin-top: 100px;
Margin-left: 10px;
float: left;
}

.SideMenuTop{
border: 0px;
padding: 0px;
margin: 0px;
width: 100px;
height: 30px;
background: #93495C;
color: #fff;
text-align: center;
}
.SideMenuBottom{
border: 0px;
padding: 0px;
margin: 0px;
width: 100px;
height: 82px;
background: #BD929E;
color: #800;
}
ul.smlist{
list-style: none;
margin: 0px;
padding: 0px;
padding-top: 5px;
}
.smlist li{
margin: 0px;
padding: 0px;
padding-top: 8px;
padding-left: 10px;
}
.adminright{
width: 610px;
Height: 500px;
float: left;
padding: 0px;
margin: 0px;
margin-left: 10px;
margin-top: 20px;

}
.admincontent{
width: 930px;
margin: 0 ;
border: 0px;
}
div.adminlistin{
width: 610px;
height: 420px;
overflow: auto;

}
.adminlist{
width: 550px;
}

ul.adminlist{
list-style: none;
}
.levelinfo{
width: 190px;
float: right;
padding: 0px;
margin: 0px;
margin-left: 5px;
margin-top: 100px;
}
.rightborder{
padding: 0px;
padding-right: 10px;
margin: 0px;
border-right: #999 1px solid;
}
.leftborder{
padding: 0px;
padding-left: 10px;
margin: 0px;
}
div#new{
width: 500px;
margin: 0px;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
display: none;
border: #000 1px solid;
}
li.clist{
border-bottom: #ccc 1px solid;
padding: 2px 0px 2px 0px;
margin: 0px;
}
p.error{
padding-top: 6px;
color: #990000;
}

input#indent{
padding-left: 20px;
}

div.printroom
	{
		width: 1300px;
	}
.printpage
	{
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #000;
	line-height: 10px;
	}

select#sel{
    width: 180px;
}
select#sel option{
    width: 180px;
}