khosb/application/media/css/default.css

/* Default Template CSS */

table.box-left { border: 1px solid #AAAACC; margin-right: auto; }
table.box-center { border: 1px solid #AAAACC; margin-left: auto; margin-right: auto; }
table.box-full { border: 1px solid #AAAACC; margin-right: auto; width: 100%; }
tr.head { font-weight: bold; }
tr.subhead { background-color: #BBBBDD; }
td.head { font-weight: bold; }
td.bold { font-weight: bold; }
td.bold-right { font-weight: bold; text-align: right; }
td.data { font-weight: bold; }
span.data { font-weight: bold; }
td.data-right { font-weight: bold; text-align: right; }
td.right { text-align: right; }
tr.odd { background-color: #FCFCFE; }
tr.even { background-color: #F6F6F8; }

/* Global Page */
table.page {
	width: 100%;
	border: 0px solid #000000;
	font-weight: normal;
	color: #000000;

	font-family: "bitstream vera sans","luxi sans",verdana,geneva,arial,helvetica,sans-serif;
	background-color: #FFFFFF;
	font-size: 13px;
	empty-cells: hide;
}

/* Page Header - Logo & Title */
table.page tr.pagehead td table.pagehead {
	width: 100%;
}

table.page tr.pagehead td table.pagehead td.headlogo {
	width: 100px;
	height: 50px;
	vertical-align: bottom;
	text-align: center;
}

table.page tr.pagehead td table.pagehead img.headlogo {
	border: 0px;
	max-width: 100px;
	max-height: 50px;
}

table.page tr.pagehead td table.pagehead td.headtitle {
	vertical-align: bottom;
	text-align: left;
	padding-left: 5px;
	font-weight: bold;
}

table.page tr.pagehead td table.pagehead td.headimages {
	vertical-align: bottom;
	text-align: right;
}

table.page tr.pagehead td table.pagehead td.headimages img {
	border: 0px;
}

/* Page Control */
table.page tr.pagecontrol td {
	border-top: 1px solid #AAAACC;
	border-bottom: 1px solid #AAAACC;
}

table.page tr.pagecontrol td table.pagecontrol {
	width: 100%;
}

table.page tr.pagecontrol td table.pagecontrol td.none {
	border-top: 0px;
	border-bottom: 0px;
	font-size: 11px;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	color: #000000;

	padding: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

table.page tr.pagecontrol td table.pagecontrol a {
	text-decoration: none;
	color: #000000;
}

table.page tr.pagecontrol td table.pagecontrol a:hover {
	text-decoration: none;
	background-color: #FFFFFF;
	color: #0000AA;
}

/* Main Page */
/** LEFT **/
table.page tr.pagemain td.pageleft {
	background-color: #FCFCFE;
/*	display: show; */
	vertical-align: top;
	border-right: 1px solid #88AACC;
}

table.page tr.pagemain td.pageleft table.pageleft table {
	width: 100%;
}

table.page tr.pagemain td.pageleft table.pageleft tr.title {
	text-align: center;
	margin: 0px;
	padding: 10px;
	border: 1px solid #000000;
	font-weight: bold;
	font-size: 110%;
}

table.page tr.pagemain td.pageleft table.pageleft tr.footer {
	font-size: 75%;
}

table.page tr.pagemain td.pageleft table.pageleft tr.footer td {
	border-top: 1px solid #AAAACC;
	border-bottom: 1px solid #AAAACC;
}

table.page tr.pagemain td.pageleft table.pageleft tr.spacer {
	font-size: 5px;
}

table.page tr.pagemain td.pageleft table.pageleft tr.spacer td {
	border-top: 2px solid #AAAACC;
}

/** BODY **/
table.page tr.pagemain td.pagebody {
	background-color: #FCFCFE;
	width: 85%;
	vertical-align: top;
	font-size: 8pt;
}

/*** Body System Message ***/
table.page tr.pagemain td.pagebody table.sysmsg {
	border-bottom: 1px solid #88AACC;
	width: 100%;
}

table.page tr.pagemain td.pagebody table.sysmsg table {
	width: 100%;
}

table.page tr.pagemain td.pagebody table.sysmsg td.icon {
	text-align: center;
	vertical-align: top;
	width: 25px;
	height: 50px;
}

table.page tr.pagemain td.pagebody table.sysmsg td.icon img.sysicon {
	border: 5px;
	max-width: 25px;
	max-height: 50px;
}

table.page tr.pagemain td.pagebody table.sysmsg td.head {
	font-size: small;
	text-align: left;
	font-weight: bold;
}

table.page tr.pagemain td.pagebody table.sysmsg td.body {
	font-weight: normal;
}

table.page tr.pagemain td.pagebody table.sysmsg tr.spacer {
	font-size: 5px;
}

table.page tr.pagemain td.pagebody table.sysmsg tr.spacer td {
	border-top: 1px solid #AAAACC;
}

/*** Body Content ***/
table.page tr.pagemain td.pagebody table.content {
	font-weight: normal;
	background-color: #FCFCFE;
	width: 100%;
	color: #000000;
}

table.page tr.pagemain td.pagebody table.content table.block {
	width: 100%;
}

table.page tr.pagemain td.pagebody table.content tr.title {
	text-align: left;
	margin: 0px;
	color: #000000;
	background-color: #F8F8FA;
	border: 1px solid #000000;
	font-weight: bold;
	font-size: 150%;
}

table.page tr.pagemain td.pagebody table.content tr.title td {
	padding: 5px;
	border-bottom: 1px solid #AAAACC;
	color: #000000;
}

table.page tr.pagemain td.pagebody table.content tr.subtitle {
	text-align: left;
	margin: 0px;
	margin-bottom: 15px;
	font-size: 75%;
	color: #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background: #FFFFFF;
	font-weight: normal;
}

table.page tr.pagemain td.pagebody table.content tr.subtitle td {
	padding: 5px;
}

table.page tr.pagemain td.pagebody table.content tr.footer {
	font-size: 75%;
}

table.page tr.pagemain td.pagebody table.content tr.footer td {
	border-top: 1px solid #AAAACC;
	border-bottom: 1px solid #AAAACC;
	padding: 5px;
}

table.page tr.pagemain td.pagebody table.content tr.spacer {
	font-size: 5px;
}

table.page tr.pagemain td.pagebody table.content tr.spacer td {
	border: 0px solid #AAAACC;
}

/** RIGHT **/
table.page tr.pagemain td.pageright {
	background-color: #FCFCFE;
/*	display: none; */
	vertical-align: top;
	border-left: 1px solid #88AACC;
}

table.page tr.pagemain td.pageright table.pageright table {
	width: 100%;
}

table.page tr.pagemain td.pageright table.pageright tr.title {
	text-align: center;
	margin: 0px;
	padding: 10px;
	border: 1px solid #000000;
	font-weight: bold;
	font-size: 110%;
}

table.page tr.pagemain td.pageright table.pageright tr.footer {
	font-size: 75%;
}

table.page tr.pagemain td.pageright table.pageright tr.footer td {
	border-top: 1px solid #AAAACC;
	border-bottom: 1px solid #AAAACC;
}

table.page tr.pagemain td.pageright table.pageright tr.spacer {
	font-size: 5px;
}

table.page tr.pagemain td.pageright table.pageright tr.spacer td {
	border-top: 2px solid #AAAACC;
}

/* Footer */
table.page tr.pagefoot td {
	border-top: 1px solid #AAAACC;
	font-weight: bold;
	font-size: 10px;
	text-align: right;
	color: #000000;
}