theme.css

Facelet with JSF and EJB3 XHTML

#btn01 span {
	float:left;
	display:block;
	color:#666666;
	text-decoration:none;
	font-weight: bold;
	background-image: url(images/btn_nav.gif);
	background-repeat: no-repeat;
	background-position: 100% 0px;
	padding-top: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 18px;
	padding-right: 4px;
}

#btn01 li {
	float:left;
	background-image: url(images/btn_nav_left.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 2;
	padding-left: 4px;
	margin-right: 20px;
	margin-top: 4px;
	margin-bottom: 4px;
}
#btn01 #current {
	color: #FFFFFF;
	background-image: url(images/nav_left.gif);
	background-repeat: no-repeat;
	background-position: 0 -22px;
}
#btn01 #current a {
	color:#FFFFFF;
	background-image: url(images/nav.gif);
	background-repeat: no-repeat;
	background-position: 100% -22px;
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 11px;
}
#btn02 input{
	font-family: Verdana;
	font-size: 11px;
	color: #040404;
	border-style: none;
	background-color: transparent;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
#btn02 {
	float: left;
}

#btn02 ul {
	list-style:none;
	margin: 0px;
	padding: 0px;
}
#btn02 span {
	display:block;
	color:#666666;
	text-decoration:none;
	font-weight: bold;
	background-image: url(images/btn_nav02.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 16px;
	background-position: 100% 0px;
	float: left;
	padding-top: 2px;
	padding-right: 6px;
}

#btn02 li {
	background-image: url(images/btn_nav_left02.gif);
	background-repeat: no-repeat;
	padding-top: 2;
	padding-left: 6px;
	float: left;
	background-position: 0px 0px;
	display: block;
	margin-right: 20px;
	margin-top: 4px;
	margin-bottom: 4px;
}
#btn02 #current {
	color: #FFFFFF;
	background-image: url(images/nav_left.gif);
	background-repeat: no-repeat;
	background-position: 0 -22px;
}
#btn02 #current a {
	color:#FFFFFF;
	background-image: url(images/nav.gif);
	background-repeat: no-repeat;
	background-position: 100% -22px;
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 11px;
}
/* for buttom end */
/* for btnlist start*/
#btnlist {
	margin: 0px;
	padding: 0px;
	height: 23px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c7dcef;
}
#btnlist ul {
	list-style:none;
	margin: 0;
	padding: 0;
}
#btnlist a, #btnlist strong, #btnlist span {
	float:left;
	display:block;
	color:#666666;
	text-decoration:none;
	font-weight: bold;
	background-image: url(images/btnlist_nav.gif);
	background-repeat: no-repeat;
	background-position: 100% 0px;
	padding-top: 2px;
	padding-right: 16px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#btnlist a { float:none; }
#btnlist li {
	float:left;
	background-image: url(images/btnlist_nav_left.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 6px;
	margin: 0;
}
#btnlist #current01 {
	color: #FFFFFF;
	background-image: url(images/btnlist_nav_left.gif);
	background-repeat: no-repeat;
	background-position: 0 -24px;
}
#btnlist #current01 a {
	color:#FFFFFF;
	background-image: url(images/btnlist_nav.gif);
	background-repeat: no-repeat;
	background-position: 100% -24px;
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 11px;
}
#btnlist #current02 {
	color: #333333;
	background-image: url(images/btnlist_nav_left.gif);
	background-repeat: no-repeat;
	background-position: 0 -48px;
}
#btnlist #current02 a {
	background-image: url(images/btnlist_nav.gif);
	background-repeat: no-repeat;
	background-position: 100% -48px;
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 11px;
	color: #333333;
}
#btnlist #current03 {
	color: #ffffff;
	background-image: url(images/btnlist_nav_left.gif);
	background-repeat: no-repeat;
	background-position: 0 -72px;
}
#btnlist #current03 a {
	background-image: url(images/btnlist_nav.gif);
	background-repeat: no-repeat;
	background-position: 100% -72px;
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 11px;
	color: #ffffff;
}
#btnlist #current04 {
	color: #ffffff;
	background-image: url(images/btnlist_nav_left.gif);
	background-repeat: no-repeat;
	background-position: 0 -96px;
}
#btnlist #current04 a {
	background-image: url(images/btnlist_nav.gif);
	background-repeat: no-repeat;
	background-position: 100% -96px;
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 11px;
	color: #ffffff;
}
#btnlist #current05 {
	color: #ffffff;
	background-image: url(images/btnlist_nav_left.gif);
	background-repeat: no-repeat;
	background-position: 0 -120px;
}
#btnlist #current05 a {
	background-image: url(images/btnlist_nav.gif);
	background-repeat: no-repeat;
	background-position: 100% -120px;
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 11px;
	color: #ffffff;
}

#btnlist a:hover {
	color:#5091D0;
	background-image: url(images/btnlist_nav.gif);
	background-repeat: no-repeat;
	background-position: 100% 0px;
}
/* for btnlist end */
/* for listtable start */
/* listtable01 */
.listtab01_dataGridHeader_bg {
	padding-right: 3px;
	padding-left: 3px;
	height: 23px;
	background-image: url(images/dataGridHeader_bg02.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6f9dd9;
	background-color: #DDECFF;
}
#listtab01_dataGridHeader_currentbg {
	background-color: #B5BED6;
}

.listtab01_dataGridHeader_bg td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.listtab01_dataGridTextBody01 {
	background-color: #FFFFFF;
	height: 20px;
	font-size: 10px;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
}
.listtab01_dataGridTextBody02 {
	background-color: #eef3f7;
	height: 20px;
	font-size: 10px;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
}
#listtab01_dataGridTextBody_currenttd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #489af9;
}
#dataGridTextBody01 {
	height: 190px;
	width: 100%;

	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow:auto;
	overflow-x:hidden;
}
#listtable_title01 {
	font-size: 11px;
	font-weight: bold;
	padding: 10px;
}
.table_textStage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding-top: 4px;
	padding-bottom: 4px;
}
/* listtable01 */
/* listtable02 */
.listtab02_dataGridHeader_bg {
	padding-right: 3px;
	padding-left: 3px;
	height: 23px;
	background-image: url(images/dataGridHeader_bg02.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6f9dd9;
	background-color: #DDECFF;
}
#listtab02_dataGridHeader_currentbg {
	background-color: #B5BED6;
}

.listtab02_dataGridHeader_bg td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.listtab02_dataGridTextBody01 {
	background-color: #FFFFFF;
	padding: 2px;
	height: 20px;
	font-size: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #bebebe;
	border-bottom-color: #bebebe;
}
.listtab02_dataGridTextBody02 {
	background-color: #eef3f7;
	padding: 2px;
	height: 20px;
	font-size: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #bebebe;
	border-bottom-color: #bebebe;
}
#listtab02_dataGridTextBody_currenttd {
	background-color: #dadada;
}
#listtable02_foot {
	background-color: #ebebeb;
	height: 53px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #6f9dd9;
}
/* listtable02 */
/* for listtable end */
/* for springs window start */
#springs_window01 {
	height: 260px;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}
#editBody01 {
	height: 200px;
	width: 340px;
	border: 1px solid #bdbdbd;
	padding: 10px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.editBody01_textarea01 {
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 11px;
	height: 180px;
	width: 100%;
	overflow:hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
}
#springs_window02 {
	padding: 4px;
	border: 1px solid #6499cb;
}
/* for springs window end */
/* for search start */
#search_box {
	padding-top: 10px;
	padding-bottom: 20px;
}
.search_box_title01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
/* for search end */
/*for page start */
#page_number01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0066CC;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
.page_number01:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0066CC;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}
.page_number01:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0066CC;
	font-size: 11px;
	font-weight: bold;
}
.page_number01:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #62a2dd;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
#page_number01_current {
	color: #0066CC;
	text-decoration: underline;
}
/*for page end */
/*for box start */
/* editbox */
.editbox_leftbutton {
	/* background-image: url(../images/box1_leftbutton.gif); */
	background-repeat: no-repeat;
	background-position: left bottom;
}
.editbox {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #63A1DA;
	border-right-color: #63A1DA;
	border-bottom-color: #63A1DA;