/*	ORENDA Server | Style sheet
	Copyright (C) 2001-2003
*/

.list { cursor: pointer; }


.caption	{ font-family: Verdana, Arial, Helvetica; font-size: 11pt; }
.title		{ font-family: Verdana, Arial, Helvetica; font-size: 12pt; }
.msgtext	{ font-family: Courier New; font-size: 10pt; }
.text		{ font-family: Verdana, Arial, Helvetica; font-size: 8pt; }
.menu		{ font-family: Book Antiqua; font-size: 10pt; }
.list		{ font-family: Verdana, Arial, Helvetica; font-size: 9pt; }
.kolej		{ font-family: Arial, Helvetica; font-size: 9pt; }
.footer 	{ font-family: Verdana, Arial, Helvetica; font-size: 8pt; }
.mat		{ font-family: Arial; font-size: 9pt; }
.matsml 	{ font-family: Arial; font-size: 8pt; }
.matbig 	{ font-family: Arial; font-size: 11pt; }
.coun		{ font-family: Times New Roman; font-size: 11pt; }
.counsml	{ font-family: Times New Roman; font-size: 10pt; }
.counbig	{ font-family: Times New Roman; font-size: 12pt; }
.xcel		{ font-family: Verdana, Arial, Helvetica; font-size: 6px; }
a		{ text-decoration: none; color: #333300; }
a:hover 	{ text-decoration: underline; color: #333300; }
a.light 	{ text-decoration: none; color: #FFFFFF; }
a.light:hover	{ text-decoration: underline; color: #FFFFFF; }
a.dark		{ text-decoration: none; color: #333300; }
a.dark:hover	{ text-decoration: underline; color: #000000; }

/* 646d7e, 342d7e, 571b7e */
TR {
   font-style : normal;
   font-weight : normal;
   font-size : 11px;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   color : #000000;
}

TD {
   font-style : normal;
   font-weight : normal;
   font-size : 11px;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   color : #000000;
}

TH {
   font-style : normal;
   font-weight : bold;
   font-size : 11px;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   color : #000000;
}

TABLE {
   font-style : normal;
   font-weight : normal;
   font-size : 11px;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   color : #000000;
}

/*
FONT {
   font-style : normal;
   font-weight : normal;
   font-size : 8pt;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   }
*/

SELECT {
   font-weight : normal;
   font-size : 11px;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   color : #000000;
   background-color : #FFFFFF;
   border-width : 0px;
   border-color : #D7EBFF;
   text-transform:uppercase;
}

INPUT {
   font-weight : normal;
   font-size : 11px;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   color : #000000;
   background-color : #FFFFFF;
   border: thin solid;
   border-width : 1px;
   border-color : #7F9DB9;
   text-transform:none;
}

INPUT.email {
   text-transform:none;
}

TEXTAREA {
   font-weight : normal;
   font-size : 11px;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   color : #000000;
   background-color : #FFFFFF;
   border-width : 1px;
   border-color : #C4C07D;
}


BODY {
   font-style : normal;
   font-weight : normal;
   font-size : 11px;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   color : #000000;
   text-decoration : none;
}

input.login {
   font-weight : bold;
   font-size : 11px;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   color : #000000;
   background-color : #fffacd;
   border-width : 1px;
   border-color : #836423;
}


/*
	how to border..
	border-top: 1px solid white;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid white;
*/

/* CSS for Tree Structure

start here  */
.list1 {
	background-color : #0066FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	height : 30px;
	width : 160px;
	text-align : center;
	font-weight : bold;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.list21 {
	background-color : #33FF33;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #00000F;
	height : 30px;
	width : 160px;
	text-align : center;
	font-weight : bold;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.list22 {
	background-color : #FFFF66;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	font-style : italic;
	height : 30px;
	width : 160px;
	text-align : center;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;

}

.list21 {
	background-color : #F9AE5B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	height : 30px;
	width : 160px;
	text-align : center;
	font-weight : bold;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.list22 {
	background-color : #F9AE5B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	font-style : italic;
	height : 30px;
	width : 160px;
	text-align : center;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.list31 {
	background-color : #999900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	height : 30px;
	width : 160px;
	text-align : center;
	font-weight : bold;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.list32{
	background-color : #999900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	font-style : italic;
	height : 30px;
	width : 160px;
	text-align : center;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

/* division  */

.sub1 {
	background-color : #FF6600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	height : 20px;
	width : 160px;
	text-align : center;
	font-weight : bold;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

/* department  */

.sub2 {
	background-color : #FFCC66;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #00000F;
	height : 20px;
	width : 160px;
	text-align : center;
	font-weight : bold;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

/* section   */

.sub3 {
	background-color : #FFFF99;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	height : 20px;
	width : 160px;
	text-align : center;
	font-weight : bold;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}
/* end here  */
.btn100 {
	font-weight: bold;
	width: 100px;
	background-color: #CCCCCC;

}
.btn300 {

	font-weight: bold;
	width: 300px;
	background-color: #CCCCCC;
}
.btn60 {

	font-weight: normal;
	width: 60px;
	background-color: #CCCCCC;
}

.btn150 {

	font-weight: normal;
	width: 150px;
	background-color: #CCCCCC;
}

.btn300notbold {


	font-weight: normal;
	width: 250px;
	background-color: #CCCCCC;
}
.btn60Copy {


	font-weight: normal;
	width: 90px;
	background-color: #CCCCCC;
}


/* added by sham for ruby on rails*/
.fieldWithErrors {
  padding: 0.5px;
  background-color: red;
  display: table;
  width: 1%;
}

.ErrorExplanation {
  width: 400px;
  border: 1px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

.ErrorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

.ErrorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

.ErrorExplanation ul li {
  text-align: left;
  font-size: 12px;
  list-style: square;
}