/*-------------------------------------------------------------------------------------------------------*/
/*   Author: Michael Harry for the University Registrar at KU. Whee!                                     */
/*-------------------------------------------------------------------------------------------------------*/

/* makes mozilla not do a 10px bounce when the menus are expanded*/
html {
overflow: -moz-scrollbars-vertical;
}
#content{
	margin-top:0px !important;
}
	
hr {
	padding: 0;
	margin: 2px 0 2px 0;
}
p {
	padding: 0;
	margin: 0;
}

#header_reg{
	margin: 0 auto;
	/*width: 760px;*/
	width: 900px;
	height: 147px;
	position:relative;
	text-align:right;
	clear:both;
}

#seal{
	position: absolute:
	top: 0px;
	left: 100px;
	width: 170px;
	height: 147px;
	z-index: 9999;
}

#az{
	position:absolute;
	top: 103px;
	width: 900px;
	text-align: right;
	/*left: 400px;*/
}

/* Navigation Menu and other fun crap*/
#nav {
	margin: 0;
	padding: 0;
  width: 190px;
  font-family: Arial, Helvetica, Sans-serif;
  float: left;
  line-height:1.5em;
}
#nav_des {
	color: #666;
	line-height: 15px;
	padding: 0 0 5px 18px;
	cursor: pointer;
}
li.nav_square{
	margin: 0px 0px 4px 30px;
	list-style-type: square !important;
	color: #0049AE;
}

ul.dash, #text ul.dash{
	list-style-type: dash;
}
#nav h3{
  margin: 0;
  padding: .25em;
  height: 17px;
  width: 190px;
  display: block;
  text-indent:-9999px;
  outline:none;
  cursor: pointer;
}

/* hover overs and individual background replacement*/
#cur_std, #fut_std, #fmr_std, #prnt, #fac_dept, #spe_grp, #stats, #acc, #abt{
	background: url(../images/menu_nav2.gif);
	background-repeat: no-repeat;
}

#cur_std {background-position: -6px 0pt;}
#cur_std:hover{background-position: -6px -80px;}
#cur_std.opened {background-position: -6px -80px;}

#fut_std {background-position: -221px 0pt;}
#fut_std:hover {background-position: -221px -80px;}
#fut_std.opened {background-position: -221px -80px;}

#fmr_std {background-position: -437px 0pt;}
#fmr_std:hover {background-position: -437px -80px;}
#fmr_std.opened {background-position: -437px -80px;}

#prnt {background-position: -652px 0pt;}
#prnt:hover {background-position: -652px -80px;}
#prnt.opened {background-position: -652px -80px;}

#fac_dept {background-position: -905px 0pt;}
#fac_dept:hover {background-position: -905px -80px;}
#fac_dept.opened {background-position: -905px -80px;}

#spe_grp {background-position: -1193px 0pt;}
#spe_grp:hover {background-position: -1193px -80px;}
#spe_grp.opened {background-position: -1193px -80px;}

#stats {background-position: -1409px 0pt;}
#stats:hover {background-position: -1409px -80px;}
#stats.opened {background-position: -1409px -80px;}

#acc {background-position: -1626px 0pt;}
#acc:hover {background-position: -1626px -80px;}
#acc.opened {background-position: -1626px -80px;}

#abt {background-position: -1840px 0pt;}
#abt:hover {background-position: -1840px -80px;}
#abt.opened {background-position: -1840px -80px;}

/* hover overs and individual background replacement*/
#vet_withdrawal, #vet_forms, #vet_chapter, #vet_student, #vet_scholarships, #vet_faq, #vet_contact, #vet_other {
	background: url(../images/vet_nav.gif);
	background-repeat: no-repeat;
}

#vet_withdrawal {background-position: -6px 0pt;}
#vet_withdrawal:hover{background-position: -6px -80px;}
#vet_withdrawal.opened {background-position: -6px -80px;}

#vet_forms {background-position: -221px 0pt;}
#vet_forms:hover {background-position: -221px -80px;}
#vet_forms.opened {background-position: -221px -80px;}

#vet_chapter {background-position: -437px 0pt;}
#vet_chapter:hover {background-position: -437px -80px;}
#vet_chapter.opened {background-position: -437px -80px;}

#vet_student {background-position: -652px 0pt;}
#vet_student:hover {background-position: -652px -80px;}
#vet_student.opened {background-position: -652px -80px;}

#vet_scholarships {background-position: -905px 0pt;}
#vet_scholarships:hover {background-position: -905px -80px;}
#vet_scholarships.opened {background-position: -905px -80px;}

#vet_faq {background-position: -1193px 0pt;}
#vet_faq:hover {background-position: -1193px -80px;}
#vet_faq.opened {background-position: -1193px -80px;}

#vet_contact {background-position: -1409px 0pt;}
#vet_contact:hover {background-position: -1409px -80px;}
#vet_contact.opened {background-position: -1409px -80px;}

#vet_other {background-position: -1626px 0pt;}
#vet_other:hover {background-position: -1626px -80px;}
#vet_other.opened {background-position: -1626px -80px;}

/*Holy main body format, browser!*/
#regbody {
	margin: 0 0 0 7px;
	padding: 0;
	width: 703px;/*
	width: 553px;
	/*width: 560px;*/
	float: left;
	line-height: 17px;
}
#regbody p {
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
}
#regbody h1 {	
	font-size: 30px;
	color: #E31736;
	padding: 0 0 5px 0;
	margin: 0;
	line-height: 100%;
}
#regbody h2 {
	font-size: 17px;
	color: #E31736;
	padding: 0 0 2px 0;
}
#regbody h3 {
	padding: 0 0 2px 0;
	margin: 0;
}
#regbody h4 {
	padding: 0;
	margin: 10px 0 0 0;
}
#regbody hr {
	padding: 0 0 0 0;
	margin-bottom: 5px;
	height: 1px;
	clear: none;
}
#regbody li {
	margin: 0 0 0 15px;
	line-height: 1.5em;
}
.padded, #regbody .padded{
	padding: 0 0 15px 0;
}
.spaced {
	line-height: 25px;
}

/*text calendar*/
table, td, th, tr, tbody{
	padding: 2px 10px 2px 0px;
	empty-cells: hide !important;
	border-collapse: collapse !important;
	border-spacing: 5px !important;
	
}
/*td{
	border: 1px;
	border-style: solid;
	border-collapse: collapse;
	border-color: #D5D5D5;
	caption-side: top;
	/*empty-cells: hide;
}*/
th {
	margin: 10px;
	color: #E31736;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;	
/*background-image: url(../images/cal_bg.gif);
	background-repeat: no-repeat;*/
}
caption {
	padding: 3px 0 7px 0;
	font-size: 1.5em;
	font-weight: bold;
	color: #0049AE;
}

/*Staff Page Specific Styles*/
#staff {
	margin: 0;
	padding: 0;
  width: 400px;
  font-family: Arial, Helvetica, Sans-serif;
}
ul.about {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.lead {
	background-color: #ffeeee;
}
.blueback {
	background-color: #eeefff;
	font-size: 1.3em; 
	font-weight: bold;
}

#staff h3{
  margin: 0 0 0 0;
  padding: 5px 0 0 0;
  background: url(../images/staff_back.gif);
  background-repeat: no-repeat;
  color: #E31736;
  font-size: 1.2em;
  width: 100%;
  height: 30px;
  display: block;
  text-align: center;
  cursor: pointer;
}
#staff li{
	margin: 0 0 5px 0;
}

.staff_img {
	margin: 3px 10px 10px 0;
	padding: 0;
	float: left;
	display: block;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	height: 63px;
	width: 63px;
}
#bio {
	padding: 5px 0 5px 0;
	width: 390px;
}
#staff_right {
	margin: 0;
	padding: 5px 0 0 11px;
  width: 264px;
  font-family: Arial, Helvetica, Sans-serif;
  text-align: left;
}
#contact {
	background: url(../images/contact_bg.gif);
	background-repeat: repeat-x;	
}
#contact h3 {
	color: #E31736;
	background: url(../images/contact_back.gif);
	background-repeat:no-repeat;
	height: 30px;
	width: 264px;
	padding: 7px 0 0 0;
	text-align: center;
}
#padding {
	padding: 0 0 0 7px;
}

/*calendar specific*/
#calendar {
	float: right;
	width: 293px;
	padding: 0 0 0 5px;
}
#calendar h1 {
	padding: 5px 0 0 7px;
	/*margin: 5px 0 0 0;*/
	font-size: 1.6em;
	text-align: left;
	height: 25px;
}
#calendar_head{
	background: url(../images/cal_wig_head.gif);
	background-repeat: no-repeat;
	height: 55px; /*until script works*/
}
#calendar_nav{
	width: 100%;/*
	background: url(../images/cal_wig_nav.gif);*/
	background-repeat: no-repeat;
	height: 25px;
	background-position: 0pt -25px;
  position: relative;
  float: left;
}
/* Calendar Widget Navigation stuff for hovers */
/*45 - 127 - 209 - 291*/
#button, #spring, #summer, #fall{
	position: absolute;
	background: url(../images/cal_wig_nav.gif);
	background-repeat: no-repeat;
	float:right;
	height: 20px;
	padding: 5px 0 0 0;
  outline:none;
  cursor: pointer;
  font-size: 1.0em;
  font-weight: normal;
}
#spring, #summer, #fall {
	width: 82px;
	text-align: center;
	font-weight: bold;
}
#button {
  text-indent:-9999px;
  outline:none;
  cursor: pointer;
  width: 45px;
  height: 20px;
  background-position: 0px -25px;
}
#button:hover{ 
	background-position: 0px 0pt;
}
#spring {
	top: 0px;
	left: 40px;
}
#summer {
	top: 0px;
	left: 122px;
}
#fall {
	top: 0px;
	left: 202px;
}
#spring{background-position: -45px -25px;}
#spring:hover {background-position: -45px 0pt;}
#spring.opened {background-position: -45px 0pt;}

#summer{background-position: -127px -25px;}
#summer:hover {background-position: -127px 0pt;}
#summer.opened {background-position: -127px 0pt;}

#fall{background-position: -209px -25px;}
#fall:hover {background-position: -209px 0pt;}
#fall.opened {background-position: -209px 0pt;}

#calendar_wig {
	/*padding: 5px 10px 0px 10px;*/
	text-align: left;
	background: url(../images/cal_wig_bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #fff;
	overflow-y: scroll;
	overflow-x: hide;
	height: 245px;
	min-height: 200px;
	max-height: 245px;
	width: 293px;
}
#display_date {
	color: #E31736;
	font: 1.5em bold;
}

/* width of calendar is 293px*/
#rss_item {
	padding: 0 0 5px 0;
	width: 275px;
	/*min-height: 40px;*/
	display: table;
}
#date {
	padding: 0 5px 0 5px;
	text-align: center;
	float: left;
	width: 10%;
	/*width: 25px;*/
}
#day {
	margin: 0;
	padding: 0;
	color: #E31736;
	font-size: 1.8em;
}
#month {
	margin: 0;
	padding: 0;
	color: #E31736;
	font-size: 1em;
}
#description {
	overflow: hide;
	height: 10px;
}
/*this is for the image to the right, lined funness*/
#transcript {
	width:540px;
	height: 135px;
}
#transcript h4 {
	color: #0000FF;
}

/*bouncy display regbody*/
#collapse h3{
}
#collapse_des {
	padding: 0 0 0 15px;
	position: relative;
}
#collapse_box {
	padding: 0px 0px 0px 0px;
	background: url(../images/plus_box.gif);
	background-repeat: no-repeat;
	background-position: left;
	cursor: pointer;
	height: 9px;
	width: 9px;
	position: absolute;
	top: 5px;
	left: 0px;
}
#collapse_box:hover, #collapse_box.opened {
	background-position: right;
}
#collapse_txt {
	margin: 0 0 0 0;
	padding: 5px 0 25px 0px;
}
.more {
	color: #0049AE;
	text-align: right;
	cursor: pointer;
}
#check_box {
	list-style-image: url(/~registr/images/check_box.gif);
	margin: 5px 0 0 5px;
	padding: 0px;
}
#check_box li {
	padding-bottom: 5px;
}
#withdraw {
	margin: 0px;
	padding: 0px;
}
#withdraw li {
	padding: 0 0 10px 0;
}
#noborder table, #noborder td, #noborder tr{
	border: 0px;
}

/*global classes*/
.right {
	float: right;
}
.left {
	float: left;
}
.center {
	text-align: center;
}
.pointer {
	cursor: pointer;
}
.noborder {
	border-style: none !important;
	border-width: 0px !important;
}
.light_blue {
	background-color: #d3dfea;
}
.thin_dot {
	border-color:#CCCCCC -moz-use-text-color -moz-use-text-color;
	border-style:dotted none none;
	border-width:1px 0 0;
	clear:both;
	margin-top:2px;
	padding-bottom:2px;
	padding-top:0;
}

/*image classes*/
.img_right {
	margin: 0 0 0 15px;
	padding: 0 0 0 15px;
	float: right;
}
.img_left {
	clear:left;
	margin: 0 15px 0 0;
	padding: 0 0 0 0;
	float: left;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
}
.img_top {
	margin: 10px 0 10px 0;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
}
.dkgray_bkgrnd{ background-color: #dcdcdc; }
.ltgray, .ltgray_bkgrnd{ background-color: #eee; }
.white, .white_bkgrnd{ background-color: #fff; }

.documents_box {
	overflow:auto;
	padding:10px;
	border:1px solid #ccc;
	background-color:#fff;
	width: 300px;
}

.documents_box img {
	float:left;
	margin-right:10px;
}

/*-------------------------------------------------------------------------------------------------------*/
/*																		HR Database																												 */
/*-------------------------------------------------------------------------------------------------------*/
.hr_navigation ul {
	list-style: none;
	text-align:center;
}

.hr_navigation li {
	display: inline;
	margin: 0px 25px 0px 25px !important;
}



/*-------------------------------------------------------------------------------------------------------*/
/*																		Panel Switcher																										 */
/*-------------------------------------------------------------------------------------------------------*/

#panelswitcher a.on {
        background: url(/~ssts_lib/images/icons/arrow_down.gif) no-repeat 0 0.3em
        font-weight: bold;
        color: #000;
}
/*recommended*/
/*#panelswitcher { margin-bottom: 2em; }
#panelswitcher a { padding-left: 1em; }
ul#panelswitcher li {
        padding-left: 1em;
        text-indent: -1em;
}*/
ul#panelswitcher {
        list-style: none;
        margin-left: 0;
        padding-left: 0;
}

/*this needs to be added conditionally with JS */
.panel { display: none; }


/*-------------------------------------------------------------------------------------------------------*/
/*																		Date Picker 																											 */
/* 													Main Style Sheet for jQuery UI date picker 																	 */
/*-------------------------------------------------------------------------------------------------------*/
#datepicker_div, .datepicker_inline {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #ddd;
	width: 185px;
}
#datepicker_div {
	display: none;
	border: 1px solid #777;
	z-index: 9999; /*must have*/
}
.datepicker_inline {
	position: absolute;
	top: 25px;
	left: 0px;
	float: left;
	display: block;
	border: 0;
}
.datepicker_rtl {
	direction: rtl;
}
.datepicker_dialog {
	padding: 5px !important;
	border: 4px ridge #ddd !important;
}
button.datepicker_trigger {
	width: 25px;
}
img.datepicker_trigger {
	margin: 2px;
	vertical-align: middle;
}
.datepicker_prompt {
	float: left;
	padding: 2px;
	background: #ddd;
	color: #000;
}
* html .datepicker_prompt {
	width: 185px;
}
.datepicker_control, .datepicker_links, .datepicker_header, .datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #fff;
}
.datepicker_control {
	background: #400;
	padding: 2px 0px;
}
.datepicker_links {
	background: #444;
	padding: 2px 0px;
}
.datepicker_control, .datepicker_links {
	font-weight: bold;
	font-size: 80%;
	letter-spacing: 1px;
}
.datepicker_links label { /* disabled links */
	padding: 2px 5px;
	color: #888;
}
.datepicker_clear, .datepicker_prev {
	float: left;
	width: 34%;
}
.datepicker_rtl .datepicker_clear, .datepicker_rtl .datepicker_prev {
	float: right;
	text-align: right;
}
.datepicker_current {
	float: left;
	width: 30%;
	text-align: center;
}
.datepicker_close, .datepicker_next {
	float: right;
	width: 34%;
	text-align: right;
}
.datepicker_rtl .datepicker_close, .datepicker_rtl .datepicker_next {
	float: left;
	text-align: left;
}
.datepicker_header {
	padding: 1px 0 3px;
	background: #666;
	text-align: center;
	font-weight: bold;
	height: 1.3em;
}
.datepicker_header select {
	background: #666;
	color: #fff;
	border: 0px;
	font-weight: bold;
}
.datepicker {
	background: #ccc;
	text-align: center;
	font-size: 100%;
}
.datepicker a {
	display: block;
	width: 100%;
}
.datepicker_titleRow {
	background: #888;
}
.datepicker_daysRow {
	background: #eee;
	color: #666;
}
.datepicker_weekCol {
	background: #777;
	color: #fff;
}
.datepicker_daysCell {
	color: #000;
	border: 1px solid #ddd;
}
.datepicker_daysCell a{
	display: block;
}
.datepicker_weekEndCell {
	background: #ddd;
}
.datepicker_titleRow .datepicker_weekEndCell {
	background: #777;
}
.datepicker_daysCellOver {
	background: #fff;
	border: 1px solid #777;
}
.datepicker_unselectable {
	color: #888;
}
.datepicker_today {
	background: #fcc !important;
}
.datepicker_currentDay {
	background: #999 !important;
}
.datepicker_status {
	background: #ddd;
	width: 100%;
	font-size: 80%;
	text-align: center;
}

/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
#datepicker_div a, .datepicker_inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.datepicker_inline .datepicker_links a {
	padding: 0 5px !important;
}
.datepicker_control a, .datepicker_links a {
	padding: 2px 5px !important;
	color: #eee !important;
}
.datepicker_titleRow a {
	color: #eee !important;
}
.datepicker_control a:hover {
	background: #fdd !important;
	color: #333 !important;
}
.datepicker_links a:hover, .datepicker_titleRow a:hover {
	background: #ddd !important;
	color: #333 !important;
}

/* ___________ MULTIPLE MONTHS _________*/

.datepicker_multi .datepicker {
	border: 1px solid #777;
}
.datepicker_oneMonth {
	float: left;
	width: 185px;
}
.datepicker_newRow {
	clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.datepicker_cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/*-------------------------------------------------------------------------------------------------------*/
/*                                      Printing Styles                                                     
/*-------------------------------------------------------------------------------------------------------

@media print {
	#nav, #header_reg, #ku_intro {
		display: none;
	}
	#regbody, #text, #staff, #footer {
		float: left;
		margin: 0;
		padding: 0;
		top: 0px;
		left: 0px;
		clear: none !important;
	}
}*/