@CHARSET "UTF-8";

body, #rightMainReadMeDiv *{
    margin:0;
    padding:0;
    font-size: 10pt;
}

#contentTable {
	
}

#topDiv {
	clear:both;
	width:100%;
	height:36px;
	border-bottom: 1px solid #000000;
	font-weight:400;
	top:0px;
	left:0px;
	background-color: #FA8000;
	color:#FFFFFF;
	text-align:center;
	overflow:hidden;
}

#topDiv > div{
	font-size: 10pt;
}

#contentDiv {
	position:absolute; 
	top:100%;
	left:0; 
	margin-top:-20px;
}

#leftDiv > #leftTopDiv {
	background-color: #FFFFFF;
}

#leftDiv > #leftSearchDiv {
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	overflow: hidden;
	padding: 5px;
	background-color: #FA8000;
	color:#FFFFFF;
}

#keywordInput {
	width:130px;
}

#areaDirectionsSpan {
	cursor: help;	
}

#areaDirectionsDiv {
	padding:20px;
	width: 350px;
	color:#000000;
	background-color: #FFB90F;
	border:1px solid #000000;
	float: left;
	position:absolute;
	z-index: 8888;
	display: none;
	clear: both;
}

#resultCountDiv{
	padding: 5px;
	border-bottom: 1px solid #000000;
	text-align: center;
	background-color: #4B0082;
	color:#FFFFFF;
}

.resultListDiv {
	
}

#resultListDiv > div {
	padding: 2px;
	border-bottom: 1px solid #000000;
	cursor: pointer;
}

#resultListDiv > div:hover {
	background-color: #F5DEB3;
}

.deptListDiv {
	padding-left: 30px;
}

.deptListDiv > div {
	padding-left:5px;
	
	line-height:20px;
	overflow: hidden;
	border-top: 1px solid #000000;
}

.deptListDiv > div:hover {
	background-color: #F0F8FF;
}

.deptListDiv > div > a:LINK ,
.deptListDiv > div > a:ACTIVE, 
.deptListDiv > div > a:visited,
.deptListDiv > div > a:hover
{
	color:#000000;
	text-decoration: none;
}

#leftDiv {
	width:300px;
	padding: 2px;
    overflow-y:auto;
    overflow-x:hidden;
	border-right:1px solid #000000;
	background-color: #F0F8FF;
}
#rightDiv {
	padding: 2px;
    overflow-y:auto;
    overflow-x:hidden;
	height:100%;
	text-align: center;
	background-color: #FFF8DC;
}

#allDeptListTable{
	margin:20px auto;
	border-collapse : collapse ;
	border:1px solid #BBBBBB;
	background-color:#FFFFFF;
}

#allDeptListTable th{
	background-color:#000000;
	color:#FFFFFF;
	padding:5px;
	border:1px solid #BBBBBB;
}

#allDeptListTable td{
	padding:5px;
	border:1px solid #222222;
}

#allDeptListTable tr:HOVER{
	background-color: #FF0000;
	color: #FFFFFF;
	/* cursor: pointer; */
}
.deptDetailDiv{
	border:2px solid #000000;
}
.deptDetailTable{
	width:100%;
	margin:auto;
	border-collapse : collapse ;
	border:1px solid #BBBBBB;
	background-color:#FFFFFF;
	font-size: 10px;
}


.deptDetailTable th {
	text-align:center;
	background-color:#FFF8DC;
	border:1px solid #BBBBBB;
}

.deptDetailTable td {
	border:1px solid #BBBBBB;
}


.onlyOne{
	color:#FFFFFF;
	text-align:center;
	font-weight:800;
	background-color:#FF0000;
}

.single_rule_div{
	margin-top:20px;
}

#ruleTable {
	font-size:18pt;
	margin: auto;
	width: 688px;
	border:1px solid #000000;
	border-collapse:collapse;
	text-align: left;
	background-color: #FFFFFF;
}

#ruleTable  tr {
	border:1px solid #000000;
}

#ruleTable  tr   th {
	padding:5px;
	border:1px solid #000000;
	background-color: #CCCCCC;
	text-align: center;
}

#ruleTable   tr  td {
	padding:5px;
	border:1px solid #000000;
}

#ruleInnerDeptListTable {
	width:100%;
	border:1px solid #000000;
	border-collapse:collapse;
	text-align: center;
}

#deptMemoDiv > div{
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    margin-left: -2px;
    border-left: 1px solid #BBBBBB;
}

.selectCollege {
	background-color: #F5DEB3;
}

.selectRuleInnerDept {
	background-color: #FF0000;
	font-weight: 800;
	color: #FFFFFF;
}

.detpListOnly{
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	overflow: hidden;
/* 	border-top: 1px solid #000000; */
}

.detpListOnly > a:LINK ,
.detpListOnly > a:ACTIVE, 
.detpListOnly > a:visited,
.detpListOnly > a:hover
{
	color:#000000;
	text-decoration: none;
}


.printBtn {
	padding: 2px;
	height:25px;
	font-size:14pt;
	font-weight:800;
	margin: 10px 10px;
}

.funcImg {
	margin: 2px 2px;
}

#funcImgDirectionsDiv {
	padding:5px;
	color:#000000;
	background-color: #FFB90F;
	border:1px solid #000000;
	position:absolute;
	float: left;
	z-index: 8888;
	display: none;
}

#footerDiv {
	padding:2px;
	width:100%;
	height:20px;
	text-align:center;
	background-color: #FA8000;
	border-top: 1px solid #000000;
	font-weight:500;
	color:#FFFFFF;
}

.megDiv {
	float:right;
	position:absolute;
	top: 50px;
	right: 5px;
	z-index: 9999;
	border:1px solid #666666;
	background-color: #F0F8FF;
}

.megDiv > .megTitleDiv {
	background-color: #FA8000;
	border-bottom: 1px solid #666666;
	padding: 2px;
}

.myMessBoxDiv {
	border:1px solid #666666;
	background-color: #F0F8FF;
	margin: 20px 20px;
}

.myMessBoxDiv > .myMessBoxTitleDiv {
	position:relative;
	background-color: #FA8000;
	border-bottom: 1px solid #666666;
	padding: 2px;
 	text-align:center;
}

.myMessBoxTitleDiv > .myMessBoxCloseDiv {
	position:absolute;
 	right:0;
 	top:0;
}

.myMessBoxCloseDiv > .myMessBoxCloseImg {
	margin: 2px 2px;
	cursor: pointer;
}

.myMessBoxDiv > .myMessBoxContentDiv {
	padding: 2px;
}

.markDiv {
    position: absolute;
    float: right;
    z-index: 9999;
    width: 100%;
    left: 0;
    top: 0;
    background-image: url('../images/Transparent_bg.png');
    background-repeat: repeat;
    background-color: #CCCCCC;
}

#waitPrintDiv {
    border:1px solid #000000;
    background-color: #F0F8FF;
    position:fixed;
    cursor: pointer;
    top:40px;
    left:305px;
    padding:2px;
    z-index: 999;
}


#addAllAndRemoveAllDiv > div{
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

.myButton {
    padding:5px; 
    font-size:10pt;
    border: 2px outset #222222;
    background-color: #CCCCCC;
    cursor: pointer;
    display: inline-block;
}

.myButton:hover {
    font-weight: 800;
}

.myButton:active {
    border: 2px inset #BBBBBB;
}