html{
	height:100%
}
body{
	height:100%
	font-family : verdana, arial, helvetica, sans-serif;
	font-size : 10pt;
	line-height : 1.1em;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : #000000;
	padding : 0;
	margin:0;
	text-align:center;
	background: #667799;
}

#calendarpagewrapper{
	margin:0px auto;
	text-align:left;
	width:970px;
}

#pittlawheader img{
	border:none;
	outline:none;
}

#pittlawheader a:focus{
	outline:none;
	border:none;
}

#header {
	background: #fff url(pagebackgrounds/rotate.php) no-repeat right top;
	width: 970px;
	height: 120px;
	text-align: left;
	margin: 0px;
	padding:0px;
}

#header img{
	position: relative;
    margin-left: 15px;
    margin-top: 15px;
}

/* @group University Header */

#universityheader {
	background: #fff url(pagebackgrounds/universitylogo.gif) no-repeat left top;
	width: 970px;
	height: 50px;
	border-bottom: 2px solid #b4a76c;
	text-align: right;
	padding: 0px;
	margin: -15px 0px 0px 0px;
	_margin:0;
}

/*#universityheader *{
	margin:0px;
	padding:0px;
}*/

#universityheader .content ul {
	list-style: none;
		padding: 0px;
	margin: 0px;
}

#universityheader .content li {
	display: inline;
		padding: 0px;
	margin: 0px;
}
#universityheader .content img{
	padding: 0px;
	margin: 0px;
}

#universityheader .content a{
	padding: 0px;
	margin: 0px;
}

#universityheader .content ul li img{
	padding: 0px;
	margin: 0px;
}

#universityheader .content ul li a img{
	padding: 0px;
	margin: 0px;
}


/*@end */



		#content {
			background:#FFFFFF none repeat scroll 0 0;
			padding:25px;
			width:920px;
			_width:970px;
			position:relative;
		}
		#footer {
			padding-left : 210px !important;
		}
		a#roomreservationpolicy, a#coursesched {
			position : absolute;
			padding : 3px;
			width : 19em;			color : #003;
			font-size : .7em;
			font-weight : bold;
			text-decoration : none;
			z-index : 20;		
		}
		a#roomreservationpolicy:link, a#roomreservationpolicy:visited {
			top : 5px;
			right : 30px;
			border : 1px solid #005;
			background : #CCD;
		}
		a#coursesched:link, a#coursesched:visited {
			top : 30px;
			right : 30px;
			border : 1px solid #005;
			background : #CCD;
		}
		a#roomreservationpolicy:hover, a#roomreservationpolicy:active {
			top : 4px;
			right : 29px;			border : 2px solid #009;
			background : #DCC;
		}
		a#coursesched:hover, a#coursesched:active  {
			top : 29px;
			right : 29px;			border : 2px solid #005;
			background : #DCC;
		}



p {
	font-size : .9em;
}
h1 {
	font-size : 16pt;
}
h2 {
	font-size : 14pt;
}
h3 {
	font-size : 12pt;
}
hr {
	width : 80%;
}
li {
	line-height : 1.5em;
}
#csstext {
	position : relative;
	margin-right : 10px;
	margin-left : auto;
	padding : 5px;
	width : 30em;
	height : 5em;
	overflow : auto;
	background-color : #E0E0E0;
	color : inherit;
}
#space {
	position : relative;
	margin-right : 0;
	margin-left : 0;
	width : 100%;
	height : 100%;
	background-color : #000000;
	color : #FFFFFF;
}
#toolbar {
	width : auto;
	padding : 5px;
	height : 60px;
	background-color : #C9C9A0;
	color : #404040;
}
#toolbar h1 {
	position : absolute;
}
#login {
	position : absolute;
	top : 0;
	right : 0;
}
#mainmenu {
    float : right;
	margin-right : 0;
	margin-left : auto;
	width : 300px;
	height : 60px;
}
.menuitems {
    float : left;
    margin-top : -9px;
    width : 89px;
    height : 60px;
    padding-top : 10px;
    padding-left : 10px;
    border-left : 1px dotted #222;
}
#statusmsg {
	position : absolute;
	top : -1000000px;
	/*top : 42px;*/
	left : 15em;
	width : 30em;
	height : 1em;
}
#list {
	position : relative;
	width : 100%;
}
#infodragdiv {
	position : absolute;
	top : -100px;
	left : -100px;
	padding : 2px;
	border : 1px solid #000;
	background-color : #DFD;
	color : #000;
	display : none;
	z-index : 0;
}
#event {
    top : 50px;
    left : 50px;
    width : 720px;
    display : none;
}
#eventform {
    float : left;
	margin : 5px;
	width : 310px;
	height : auto;
}
#seldate {
	position : relative;
	padding : 3px;
	width : 170px;
	text-align : center;
	font-weight : bold;
	font-size : 1.2em;
	border : 1px dotted #555;
}
#evheadwrapper {
	position : relative;
	margin : 0 18px 0 81px;	width : auto;
	height : 25px;
	display : block;
	overflow : hidden !important;
	z-index : 1;
}
#evtimewrapper {
	position : absolute;
	margin : 0;	width : 81px;
	height : 385px;	
	overflow : hidden !important;
	z-index : 1;
}
#evtabletime {
	position : absolute;
	left : 1px;}
#evtablehead {
	width : auto;
}
#evheadgrid {
	position : absolute;
	width : auto;
	height : auto;
	background : transparent;
	z-index : 1;
}
#evheadgrid div {
	width : 85px;    height : 25px;
    overflow: hidden;
	border-right : 1px solid #AAA;
    text-align: center;
    font-size: .9em;
    font-weight: bold;
}
.eventtime {
	width : 70px;	height : 29px;
	padding-left : 1em;
    background-color : #CCC;
    border-top : 1px solid #AAA;
    border-right : 1px solid #AAA;
    font-weight : bold;
}
.evtday {
    background-color : #CCC;
    border-top : 1px solid #CCC !important;
	border-right : 1px solid #AAA;
    width : 70px;
    height : 100%;
    font-weight : bold;
	overflow : visible;
	display : block;
}

#datepop {
	position : absolute;
	top : -3px;
	left : -2em;
	width : 13em;
	padding : 2px;
	border : 1px solid #444;
	background-color : #FFF;
	color : #000;
	display : none;
}
#daymsg {
	position : relative;
	top : 200px;
	margin : 10px 10px 10px 200px;
	width : 30em;
	height : 2em;
}
#daypane {
	position : relative;
    margin : 0 0 20px 81px !important;
	padding : 0;
	width : auto;
	height : 400px;
	background : #CCC;
	overflow : auto;
	display : block;
}
#dayblocks {
	position : absolute;
		width : auto;
	height : auto;
	background : transparent;
	cursor : pointer;
	z-index : 2;
}
#daygrid {
	position : absolute;
	width : auto;
	height : auto;
	background : transparent;
	z-index : 1;
}
.evitem {
	padding : 2px;
	height : auto;
}
.evtitle {
	font-size : .9em;	font-weight : bold;
}
.evtime {
	font-size : .8em;}
#eventlist {
    clear : both;
    margin : 0;
    width : 95%;
    height : 250px;
    overflow : auto !important;
}
.eventtable {
	width : auto;
	z-index : 1;
}
.eventtable th {
	width : 100px;
	height : 29px;
	border-right : 1px solid #AAA;
	border-bottom : 1px solid #AAA;
}
.eventtable th span {
    background : #CCC;
	font-size : .75em;
	overflow : hidden;
}
.eventtable td {
	margin-top : 10px;
    width : auto;
	height : 29px;    
	font-size : .7em;}
.eventcell {
	position : absolute;
	margin-left : 83px;	width : 85px;
	z-index : 2;
}
.eventcell span {
	position : absolute;
	margin : 3px;
	padding : 1px;
	line-height : 1em;
	letter-spacing : .1em;
	font-size : .75em;
	display : block;
}
.evreg {
    width : 100px;
    height : 100%;
    border-top : 1px solid #FFF;
	border-right : 1px solid #AAA;
	background : #FFF;
}
.evregbdr {
	width : 85px;    height : 100%;
    border-top : 1px solid #AAA;
	border-right : 1px solid #AAA;
	background : #FFF;
	color : #000;
}
.evend {
    width : 100px;
    height : 100%;
    border-top : 1px solid #AAA;
    border-right : 1px solid #CCC;
    background : #CCC;
	color : #000;
}
.eventcellfull {
    height : 100%;
    background-color : #FCC;
    border-top : 1px solid #FCC;
    border-right : 1px solid #AAA;
    border-bottom : 1px solid #FCC;
    border-left : 1px solid #AAA;
    font-weight : bold;
    overflow : visible;
}
#eventtabledate {
    background-color : #CCC;
    border-right : 1px solid #AAA !important;
	border-bottom : 1px solid #AAA !important;
    width : 70px !important;
    height : 20px;
}
#eventtabledate span {
	overflow : visible;
}

#eventdetail {
	position : relative;
	float : right;
	top : 190px;
	width : 0;
	height : 403px;	padding : 5px;
	overflow : hidden;
	z-index : 100 !important;
	background : #FFF;
	color : #000;
}
#eventdetail div {
	font-size : .8em;
	z-index : 100;
}
.evdet-date {
	position : absolute;
	top : 10px;
	right : 10px;
}
.evdet-title {
	margin-bottom : .5em;
	font-size : 1em !important;
	font-weight : bold;
}
.evdet-desc {
	margin-top : 1.5em;
}
.evdet-url {
	margin-top : 1.5em;
	font-weight : bold;
}

#evwrapper {
	position : relative;
	margin : 200px 0 0 0;
	z-index : 0;
	background : #CCC;
}
#eventtable .eventcell span div {
	display : none !important;
}
#eventtable .eventcell .evdetail-title {
	display : block !important;
}
#evdetclose {
	position : relative;
	margin : 0 auto 10px 0;
	padding : 0;
	width : 20px;
	height : 20px;
	display : block;
	background : #FFF url("close.gif") no-repeat center;
	color : #777;
	font-size : 10px;
	font-weight : bold;
	text-align : center;
}
#detbody {
	display : none;
}
#modified {
	position : absolute;top : 770px;left : 50px;}
#depts {
	position : absolute;
	padding : 8px;
	margin-top : 15px;	left : 15px;
	width : 150px;height : 175px;	overflow : auto;
	background : #CCC;
	z-index : 5;
}
.deptcolorblock {
	position : relative;
	top : -1.2em; right : 5px;	width : 25px;
	height : 8px;
	float : right;
}
.deptsbr {
	}
#toggle {
	position : absolute;
	padding-right : 8px;
	padding-left : 8px;
	margin-top : 134px;
	left : 15px;
	top : 126px;width : 150px;	height : auto;
	overflow : auto;
	border-top : 1px dotted #333;
	background : #CCC;
	z-index : 5;
}
#toggle div {
	float : left;
	padding : 3px;
	width : auto;
	height : auto;
}
#calpane {
	margin-top : -42px;padding-left : 170px;	width : auto;
	height : auto;
	display : block;
}
.caltablemini {
	margin-right : auto;
	margin-left : auto;
	margin-bottom : 25px;	width : 175px;
}
.caltablemini .calcell {
	display : none;
}
.caltablemini .calday {
	width : 20px;
	height : 20px;
}
.caltablemini .calcellmore {
	display : none;
}
.calpanemini {
	position : absolute !important;
	top : 71px !important;	width : 400px !important;
	height : auto;
}
#calpane .calselect {
	width : auto;
	height : 3em;
	text-align : center;
}
.calpanemini #caltable {
	margin-left : 115px;}
#caltable .calweek {
	background-color : #026;
}
#caltable .calday {
	width : 14%;
	border : 1px solid #999;
	background-color : #F0F0F0;
	color : #000;
	font-size : .7em;
}
#caltable .caltoday {
	width : 14%;
	border : 1px solid #999;
	background-color : #F0D5D5;
	color : #000;
	font-size : .7em;
}
#caltable .calcell {
	width : 100%;
	height : 75px;
	overflow : visible;
}
#caltable .calcellmore {
	margin : 3px 0 0 5px;
	height : 1em;
	background : transparent;
	color : #119;
	font-size : .9em;
}
#miniseldate {
	position : relative;
	padding : 3px;
	width : 25em;
	text-align : center;
	font-weight : bold;
	font-size : 1.2em;
	border : 1px dotted #555;
	display : inline;
}
#minidatepop {
	position : absolute;
	top : -3px;
	left : -2em;
	width : 13em;
	padding : 2px;
	border : 1px solid #444;
	background-color : #FFF;
	color : #000;
	display : none;
}
.minicalselect {
	position : relative;
	width : 20em;
	height : 3em;
	text-align : center;
}
.minicalcell {
    width : 100%;
	height : 100%;
	min-height : 30px;
}
.minicalday {
	width : 30px;
	height : 30px;
	background-color : #F0F0F0;
	color : #000;
	border : 1px solid #999;
}
.minicaltoday {
	width : 30px;
	height : 30px;
	background-color : #F0D5D5;
	color : #000;
	border : 1px solid #999;
}
.minicalweek {
    height : 0;
	background-color : #225;
}
#newmonth {
	float : right;
}
#newyear {
	float : right;
}
#enddateselection {
    margin-top : 5px;
}
#enddatetext {
    margin-top : -1.5em;
    margin-right : auto;
    margin-bottom : 5px;
    margin-left : 11.5em;
    width : 75px;
    height : 1.5em;
    padding : 2px;
    background-color : #FFF;
    color : #000;
    border : 1px dotted #000;
    cursor : pointer;    
}
#clearenddate {
    margin-top : -23px;
    margin-right : auto;
    margin-bottom : 0;
    margin-left : 20em;
    width : 3em;
    border : 1px dotted #333;
    background-color : #ECC;
    color : #000;
    text-align : center;
    font-weight : bold;
    cursor : pointer;
    z-index : 1;
    display : block;
}
#enddatepane {
    position : absolute;
	top : 365px;left : 50px;    width : 250px;
    height : auto;
    border : 1px solid #000;
    background-color : #FFF;
    color : #000;
    z-index : 1;
    display : none;
}
.lists {
	position : relative;
	margin : 10px;
	padding : 5px;
	max-height : 200px;
	border : 1px solid #303030;
	overflow : auto;
	background-color : #F0F0F0;
	color : #101010;
}
#colortable {
	position : absolute;
	top : -10000px;
	left : -10000px;
	width : 150px;
	background-color : #AAA;
	border : 0;
	display : block;
	z-index : -1;
}
#colorsample {
	position : relative;
	margin : auto;
	width : 100%;
	height : 20px;
}
#colorsampletext {
	position : relative;
	background-color : inherit;
	color : #000;
}
.colorswatch {
	float : left;
	margin-right : 5px;
	width : 7em;
	height : 1.5em;
	border : 1px solid #000;
	display : block;
}
#alldepts {
	float : right;
}
.deptbox {
	width : auto;
	padding : 5px;
	margin-bottom : 5px;
	border : 1px dotted #333;
	background-color : #CCC;
	color : #000;
	font-weight : bold;
}
.click {
	background-color : inherit;
	color : #000099;
	cursor : pointer;
	text-decoration : underline;
}
.button {
    border : 1px solid #CCC;
    background-color : #FFF;
    color : #000;
}
.footer-link {
	background-color : inherit;
	color : #DFDFFF;
	text-decoration : none;
}
.footer-link:hover {
	background-color : inherit;
	color : #EEEEEE;
	text-decoration : underline;
}
.hidden {
    position : absolute !important;
    top : -10000px !important;
    left : -10000px !important;
    display : none !important;
}
