body {
	background:url(../images/bg.jpg) repeat-x #fff;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	font-size:12px;
	margin:0 auto;
	color: #002374;
}
.clear {
	clear:both;
}
a {
	color:#8aac00;
	text-decoration:none;
}
h2 {

}
h3 {
}
a.forgot_pass {
	float:right;
	color:#256c89;
	text-decoration:none;
	background:url(../images/help.png) no-repeat left;
	padding:0 0 0 18px;
	display:block;
	margin:15px 20px 0 0;
}
#main_login{
	width:500px;
	margin:0 auto;
	float:none
}
#main_container {
	margin:0 auto;
	width:95%;
	padding:0px 0 0px 0;
	min-width:1000px
}
.header {
	width:100%;
	height:75px;
}
.header_login {
	width:600px;
	margin:auto;
}
.logo {
	float:left;
	padding:0;
}
#clock_a {
	float:right;
	padding:15px 0 0 0;
}
.jclock {
	color:#FFFFFF;
	float:right;
	font-size:22px;
	font-weight:bold;
	padding:34px 25px 0 0;
}
.right_header {
	float:right;
	text-align:right;
	color:#4183c4;
	padding:40px 0 0 0;
}
.right_header a {
	margin:0 5px 0 5px;
	text-decoration:underline;
	color:#2d9f00;
}
.right_header a.messages {
	background:url(../images/comment.png) no-repeat right;
	padding-right:20px;
}
.right_header a.logout {
	background:url(../images/user_logout.png) no-repeat right;
	padding-right:20px;
}
.main_content {
	margin:0 auto;
	width:100%;
	height:auto;
	padding:0px0 50px 0
}
.footer {
	width:900px;
	height:87px;
	background:url(../images/footer_bg.jpg) no-repeat center top;
}
.footer_login {
	width:600px;
	margin:auto;
}
.left_footer {
	float:left;
	padding:25px 0 0 10px;
	color:#a8549b;
	font-size:11px;
}
.left_footer a {
	color:#FFFFFF;
	text-decoration:none;
}
.right_footer {
	float:right;
	padding:25px 10px 0 0;
}
.left_footer_login {
	float:left;
	padding:15px 0 0 10px;
	color:#a8549b;
	font-size:11px;
}
.left_footer_login a {
	color:#FFFFFF;
	text-decoration:none;
}
.right_footer_login {
	float:right;
	padding:15px 10px 0 0;
}
/*---------------- menu----------------------*/
.menu {
	font-size:11px;
	padding:0px 10px 0 10px;
	float:left;
	width:880px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	height:34px;
}
/* style the sub-level lists */
.menu ul ul {
	width: auto;
}
/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {
	float:left;
	height:34px;
	line-height:34px;
}
/* style the sub level list items */
.menu ul ul li {
	display:block;
	width: auto;
	height:auto;
	position:relative;
	line-height:1em;
}
/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	float:left;
	height:100%;
	font-size:11px;
	text-decoration:none;
	color:#0664ac;
	padding:0 21px 0 17px;
}
.menu a.current {
	background:url(../images/menu_bg.gif) repeat-x center;
}
/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {
	display:block;
	background:#57c0e8;
	border-bottom:1px #81dafc solid;
	color:#fff;
	width:12em;
	height:100%;
	line-height:1em;
	padding:1em 1em;
}
.menu ul table ul a, .menu ul table ul a:visited {
	width:14em;
	w\idth:12em;
}
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
	position:absolute;
	left:0;
	top:0;
	font-size:1em;
	z-index:-1;
}
.menu ul ul table {
	lef\t:-1px;
}
.menu ul ul table ul.left {
	margin-lef\t:2px;
}
.menu li:hover {
	position:relative;
}
* html .menu a:hover {
	position:relative;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#57c0e8;
}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {
	background:#57c0e8;
}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {
	background:url(../images/arrow.gif) no-repeat right #309dc7;
}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {
	background:url(../images/arrow.gif) no-repeat right #088bb4;
}
/* style the level hovers */
/* first */
.menu a:hover {
	color:#fff;
	background:url(../images/menu_bg.gif) repeat-x center;
}
.menu :hover > a {
	color:#fff;
	background:url(../images/menu_bg.gif) repeat-x center;
}
/* second */
.menu ul ul a:hover {
	color:#fff;
	background:url(../images/menu_bg_a.gif) repeat-x center;
}
.menu ul ul :hover > a {
	color:#fff;
	background:url(../images/menu_bg_a.gif) repeat-x center;
}
/* third */
.menu ul ul ul a:hover {
	background:url(../images/menu_bg_a.gif) repeat-x center;
}
.menu ul ul ul :hover > a {
	background:url(../images/menu_bg_a.gif) repeat-x center;
}
/* fourth */
.menu ul ul ul ul a:hover {
	background:url(../images/menu_bg_a.gif) repeat-x center;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:34px;
	left:0;
	width:14em;
	z-index:999;
}
/* position the third level flyout menu */
.menu ul ul ul {
	left:14em;
	top:0;
	width:14em;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left:-14em;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility:visible;
	height:auto;
	padding-bottom:3em;
	background:transparent url(../images/trans.gif);
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {
	visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul {
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul {
	visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {
	visibility:visible;
}
.center_content {
	clear:both;
}
.left_content {
	width:255px;
	float:left;
	padding:20px 0 0 0;
}
.right_content {
	padding:20px 0 0 0;
	min-width:745px;
}

.sidebar_search {
	background:url(../images/sidebar_menu_top.gif) no-repeat center;
	width:195px;
	height:31px;
	margin:0 0 5px 0;
}
input.search_input {
	width:155px;
	height:16px;
	margin:5px 0 0 5px;
	border:1px #bdebfd solid;
	background:#fff;
	padding:4px 0 0 2px;
	float:left;
	color:#096184;
	font-size:11px;
}
input.search_submit {
	float:left;
	background:none;
	border:none;
	margin:7px 0 0 8px;
}
#dashboard {
	min-width:745px;
	margin-bottom:10px;
	margin-left:255px
}
#dashboard h3 {
	background:url(../images/main-top-02.png) no-repeat;
	min-width:745px;
	line-height:36px;
	font-size:14px;
	text-transform:uppercase;
	margin:0;
	padding:0;
	color:#fff;
	font-weight:bold;
	text-indent:20px
}
#dashboard h3 .bor {
	background:url(../images/main-top-02.png) no-repeat right -36px;
}
#dashboard .display {
	min-width:721px;
	border:2px solid #8fc5ee;
	background:#daecfc;
	padding:10px;
	border-top:none;
	border-bottom:none
}
#dashboard .tables {
	min-width:741px;
	border:2px solid #8fc5ee;
	background:#daecfc;
	border-top:none;
	border-bottom:none
}
#dashboard .display img {
	margin:8px
}
#dashboard .bttm {
	background:url(../images/main-bttm-02.png) no-repeat 0 -29px;
}
#dashboard .bttm .bor {
	background:url(../images/main-bttm-02.png) no-repeat right bottom;
	min-width:745px;
	height:10px
}

#login  {
	min-width:500px;
	margin-bottom:10px;

}
#login  h3 {
	background:url(../images/main-top-03.png) no-repeat;
	min-width:500px;
	line-height:36px;
	font-size:14px;
	text-transform:uppercase;
	margin:0;
	padding:0;
	color:#fff;
	font-weight:bold;
	text-indent:20px
}
#login  h3 .bor {
	background:url(../images/main-top-03.png) no-repeat right -36px;
}
#login  .display {
	min-width:476px;
	border:2px solid #8fc5ee;
	background:#daecfc;
	padding:10px;
	border-top:none;
	border-bottom:none
}
#login  .tables {
	min-width:500px;
	border:2px solid #8fc5ee;
	background:#daecfc;
	border-top:none;
	border-bottom:none
}
#login  .display img {
	margin:8px
}
#login  .bttm {
	background:url(../images/main-bttm-03.png) no-repeat 0 -29px;
}
#login .bttm .bor {
	background:url(../images/main-bttm-03.png) no-repeat right bottom;
	min-width:500px;
	height:10px
}
#rounded-corner {
	margin:0px;
	text-align: left;
	border-collapse: collapse;
}
#rounded-corner a{
	font-weight:bold
}
#rounded-corner td {
	padding:5px;
	border: 1px solid #9dd5ff;
	color: #669;
}
#rounded-corner th {
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #002374;
	font-weight:bold
}
#rounded-corner tr.color01 {
	background:url(../images/bg-.jpg) repeat-x #fff
}
#rounded-corner tr.color02 {
	background:url(../images/bg-02.jpg) repeat-x #fff
}
#rounded-corner2 {
	margin:0px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #9dd5ff;
	background:#f4faff
}
#rounded-corner2 td {
	padding:5px;
	color: #669;
	vertical-align:top
}

.question {
	position: absolute;
	display: inline;
	text-align: center;
	width: 174px;
	height: 78px;
	font-size: 13px;
	line-height: 1.5em;
	background: url('../images/bubble.png') left top no-repeat;
	padding: 10px 0 0 0;
	text-shadow: 0px 1px 0px #fff;
	margin-left: -7em;
	margin-top: -6em;
	opacity: 0;
}
.yes {
	margin-top: .5em;
	margin-right: .5em;
	cursor: pointer;
	display: inline-block;
	width: 63px;
	height: 21px;
	color: #434d17;
	text-shadow: 0px 1px 0px #fff;
	background: url('../images/buttony.png') left top no-repeat;
}
.cancel {
	margin-top: .5em;
	margin-right: .5em;
	cursor: pointer;
	display: inline-block;
	width: 63px;
	height: 21px;
	color: #fff;
	text-shadow: 0px 1px 0px #000;
	background: url('../images/buttonn.png') left top no-repeat;
}
a.bt_green {
	display:block;
	margin:10px 5px 10px 5px;
	line-height:31px;
	text-decoration:none;
	color:#FFFFFF;
	text-shadow:1px 1px #8fa42b;
	display:inline-block
}
a.bt_green strong {
	width:auto;
	height:31px;
	padding:0 10px 0 10px;
	display:block;
	float:left;
	background:url(../images/bt_green_center.gif) repeat-x center;
}
a.bt_green span.bt_green_lft {
	width:10px;
	height:31px;
	display:block;
	float:left;
	background:url(../images/bt_green_left.gif) no-repeat center right;
}
a.bt_green span.bt_green_r {
	width:10px;
	height:31px;
	display:block;
	float:left;
	background:url(../images/bt_green_r.gif) no-repeat center right;
}
a:hover.bt_green {
	text-decoration:underline;
}
a.bt_blue {
	display:block;
	margin:10px 5px 10px 5px;
	line-height:31px;
	text-decoration:none;
	color:#FFFFFF;
	text-shadow:1px 1px #3597bf;
	display:inline-block
}
a.bt_blue strong {
	width:auto;
	height:31px;
	padding:0 10px 0 10px;
	display:block;
	float:left;
	background:url(../images/bt_blue_center.gif) repeat-x center;
}
a.bt_blue span.bt_blue_lft {
	width:10px;
	height:31px;
	display:block;
	float:left;
	background:url(../images/bt_blue_left.gif) no-repeat center right;
}
a.bt_blue span.bt_blue_r {
	width:10px;
	height:31px;
	display:block;
	float:left;
	background:url(../images/bt_blue_r.gif) no-repeat center right;
}
a:hover.bt_blue {
	text-decoration:underline;
}
a.bt_red {
	display:block;
	margin:10px 5px 10px 5px;
	line-height:31px;
	text-decoration:none;
	color:#FFFFFF;
	text-shadow:1px 1px #c24739;
	display:inline-block
}
a.bt_red strong {
	width:auto;
	height:31px;
	padding:0 10px 0 10px;
	display:block;
	float:left;
	background:url(../images/bt_red_center.gif) repeat-x center;
}
a.bt_red span.bt_red_lft {
	width:10px;
	height:31px;
	display:block;
	float:left;
	background:url(../images/bt_red_left.gif) no-repeat center right;
}
a.bt_red span.bt_red_r {
	width:10px;
	height:31px;
	display:block;
	float:left;
	background:url(../images/bt_red_r.gif) no-repeat center right;
}
a:hover.bt_red {
	text-decoration:underline;
}
.sidebar_box {
	width:245px;
	padding:10px 0 5px 0;
	float:left
}
.sidebar_box_top {
	width:235px;
	height:8px;
	background:url(../images/sidebar_box_top.gif) no-repeat center bottom;
}
.sidebar_box_bottom {
	width:235px;
	height:8px;
	background:url(../images/sidebar_box_bottom.gif) no-repeat center bottom;
}
.sidebar_box_content {
	width:215px;
	height:auto;
	background-color:#ecf8fd;
	padding:0 10px 0 10px;
}
.sidebar_box_content h3 {
	color:#49bae8;
	float:left;
	font-size:18px;
	margin:0px;
	padding:0px;
	font-weight:normal;
}
.sidebar_box_content h4 {
	color:#f75744;
	float:left;
	font-size:18px;
	margin:0px;
	padding:0px;
	font-weight:normal;
}
.sidebar_box_content h5 {
	color:#a4bf40;
	float:left;
	font-size:18px;
	margin:0px;
	padding:0px;
	font-weight:normal;
}
.sidebar_box_content p {
	padding:5px 0 5px 0;
	margin:0px;
	clear:both;
	font-size:11px;
	text-align:left;
	line-height:17px;
}
img.sidebar_icon_right {
	float:right;
	padding:0 0 0 0;
}
.sidebar_box_content ul {
	list-style:none;
	padding:10px 0 10px 0;
	margin:0px;
	clear:both;
}
.sidebar_box_content ul li {
	padding:5px 0 5px 10px;
	background:url(../images/list_bullet.gif) no-repeat left top;
	background-position:0px 10px;
}
.warning_box {
	min-width:663px;
	clear:both;
	background:url(../images/warning.png) no-repeat left #fcfae9;
	border:1px #e9e6c7 solid;
	background-position:15px 10px;
	padding:20px 20px 15px 60px;
	margin:0 0 10px 255px;
}
.duplicate_box {
	min-width:663px;
	clear:both;
	background:url(../images/warning.png) no-repeat left #fcfae9;
	border:1px #e9e6c7 solid;
	background-position:15px 10px;
	padding:20px 20px 15px 60px;
	margin:0 0 10px 255px;
}
.valid_box {
	min-width:663px;
	clear:both;
	background:url(../images/valid.png) no-repeat left #edfce9;
	border:1px #cceac4 solid;
	background-position:15px 10px;
	padding:20px 20px 15px 60px;
	margin:0 0 10px 255px;
}
.error_box {
	min-width:663px;
	clear:both;
	background:url(../images/error.png) no-repeat left #fce9e9;
	border:1px #eac7c7 solid;
	background-position:15px 10px;
	padding:20px 20px 15px 60px;
	margin:0 0 10px 255px;
}
/*--------------*/
div.pagination {
	min-width:745px;
	clear:both;
	padding:10px 0 10px 0;
	margin:0px;
	text-align:center;

	clear:both;
	font-size:11px;
	margin-left:255px
}
div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #52bfea;
	text-decoration: none;
	color: #52bfea;
}
div.pagination a:hover, div.pagination a:active {
	border:1px solid #52bfea;
	color: #fff;
	background-color: #52bfea;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #52bfea;
	font-weight: bold;
	background-color: #52bfea;
	color: #0664ac;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}

#main-menu {
	width:235px;
	float:left
}
#main-menu h3 {
	background:url(../images/main-top.png) no-repeat;
	width:215px;
	line-height:36px;
	color:#FFF;
	font-size:12px;
	padding:0;
	margin:0;
	padding-left:20px;
	text-transform:uppercase
}
#main-menu a {
	display:block;
	float:left;
	width:212px;
	line-height:29px;
	color:#002374;
	text-decoration:none;
	background:url(../images/bg_link.jpg) no-repeat;
	padding-left:23px
}
#main-menu a img{
	float:right;
	margin-top:10px;
	margin-right:10px;
	border:none
}
#main-menu a:hover {
	color:#000;
	background:url(../images/bg_link-h.jpg) no-repeat;
}
#main-menu .m-bttm {
	background:url(../images/main-bttm.png) no-repeat bottom;
	width:235px;
	height:10px;
	float:left
}
#main-menu div.submenu {
	background: #d9f0fc;
	float:left;
}
#main-menu div.submenu ul  {
	list-style:none;
	margin: 0;
	padding:0;
	float:left
}

#main-menu div.submenu ul li a {
	color: black;
	text-decoration: none;
	background:#fff;
	border-bottom:1px dotted #b0d8fb;
	border-left:2px solid #9ecbec;
	border-right:2px solid #9ecbec;
	width:201px;
	padding-left:30px;
	display:block;
	float:left

}
#main-menu div.submenu ul li a:hover {
	background:#fff;
	color: #0e4354;
}
<style>

/* the div that holds the date picker calendar */
.dpDiv {
	}

/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}

/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}

/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}

/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}

/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}

/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}

/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}
	
.inputReadonly {  color: #333333; border: 1px solid #000000; background-color: #DBDBDB;text-align: right;}

/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
.list  { font-family: Arial, sans-serif; font-size: 8pt; font-weight: ; }
.setheadtable {background-color: #C4C4E1;border-color:#FFFFFF ;border-style: outset  ;border-width: 1;color: #000000;font-size: 8pt;font-family:Arial,sans-serif;font-weight:bold ;text-align: center; }
.real_show { background-color:#FFCCFF; border-color:#CC99FF; border-style:outset; border-width:3; color:#3300FF; font-size:28pt; font-family:Arial,sans-serif; font-weight:bold;  text-align:right; height:50px; width:230px; text-indent:0px; line-height:50px;}

.txtbig {
	font-size: 22px;
	font-weight: bold;
	}
</style>