
html { height:100%; }
body { background-color:#F3F3F3; font-family:arial; font-size:11px; color:black; text-decoration:none; border: 0; padding: 0; margin: 0; height:100%; }
p {	margin: 10px 0px 10px 0px;}
img { display:inline; }
a {	font-family:Arial, Helvetica, sans-serif; color:#0066CC; }
form { display:inline; }
input { border:1px solid #98999E; font-size:14px;}
.radbox {border:0}
option { margin:5px;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
img, div { behavior: url('/inc/iepngfix.htc') }
td {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; }
.site-container-div { height:100%; }
.site-container { width:770px; height:100%; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; background-color:#FFFFFF; }
.content-container { width:770px; }	
.header { height:69px; width:770px; background-image:URL('/images/header-back.png'); background-color:#0066CC; text-align:left; }
.logo { background:URL('/images/logo-bot-back.gif'); width:230px; vertical-align:top; }
.header-right {width:540px; height:37px; text-align:right; vertical-align:top; padding-top:5px; padding-right:15px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; }
.menu-tab-selected { background-color:#F6F6F6; background-image:URL('/images/tab-back.png'); height:27px; white-space:nowrap; text-align:center;}
.menu-tab { padding-right:7px; padding-left:7px; padding-top:7px; background-image:URL('/images/tab-bot-back.gif'); height:20px; white-space:nowrap; text-align:center; }
.menu-tab-end { vertical-align:top; width:7px; }
.menu-link-selected { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#0066cc; }
.menu-link { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; }
.main-body { width:555px; height:175px; background-image:URL('/images/home-back.gif'); padding-left:200px; padding-right:15px; padding-top:15px; text-align:left; }
.page-header { width:720px; height:56px; background-image:URL('/images/page-header-back.gif'); padding-left:25px; padding-right:25px; text-align:left; display: table; #position: relative; overflow: hidden; }
.page-header-wizard { width:100%; height:56px; background-image:URL('/images/page-header-back.gif'); padding-left:25px; padding-right:25px; text-align:left; display: table; #position: relative; overflow: hidden; }
.page-header-container { width:720px; #position: absolute; #top: 50%;display: table-cell; vertical-align: middle; }
.page-header-container-wizard { width:100%; #position: absolute; #top: 50%;display: table-cell; vertical-align: middle; }
.page-header-left { #position: relative; #top: -50%; }
.page-header-right { #position: relative; #top: -50%; float:right; }
.page-header-icon { margin-right:10px; margin-top:2px; float:left;display:block;}
.page-header-title { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; }
.page-header-subtitle { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.help-table { margin-top:4px; }
.help-cell { background-image:url('/images/help-back.gif'); background-repeat:repeat-x; padding-right:5px; }
.help-link { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; }
.tools-table { margin-top:4px; }
.tools-cell { background-image:url('/images/tools-back.gif'); background-repeat:repeat-x; padding-right:5px; }
.tools-link { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3366CC; margin-right:10px; }
.login-box { width:196px; margin-bottom:7px; }
.login-box-header { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#333333; margin-bottom:2px; }
.login-box-sub { background-color:#EAEAEA; width:179px; text-align:left; padding-left:10px; padding-right:7px; }
.login-box-footer { background-color:#333333; width:179px; text-align:right; padding-left:10px; padding-top:5px; padding-right:7px; }
.login-box-assist { text-align:right; font-size:11px; color:#666666; margin-bottom:10px; }
.login-box-label { padding-bottom:7px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#666666; padding-right:5px; }
.login-box-field { padding-bottom:7px; }
.access-eportfolio { border:none; display:block ;margin: 0 0 0 auto; }
.gold-text { color:#CC9900; font-weight:bold; }
.black-bar { width:745px; height:22px; background-image:URL('/images/home-bar-back.gif'); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#FFFFFF; text-align:left; padding-top:7px; padding-left:25px; }
.main-content { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding-right:25px; }
.sub-page-content { width:720px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding-right:25px; padding-left:25px; padding-top:10px; text-align:left; }
.sub-page-content-wizard { width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding-right:25px; padding-left:25px; padding-top:10px; text-align:left; }
.main-content-title { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#0066cc; margin-bottom:10px; }
.secondary-content { padding-top:10px; padding-left:25px; padding-right:25px; width:256px; vertical-align:top; text-align:left; }
.secondary-content-spacer { width:1px; vertical-align:top; }
.secondary-content-title { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#CC9900; margin-bottom:5px; }
.custom-ulist { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; }
	.custom-ulist ul{ list-style: none; margin: 0; padding-left: 1em; text-indent: -1em; }
		.custom-ulist li{ list-style-image: none; list-style-type: none; margin-bottom:2px; }
.footer-link { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666; }
.dark-grey-link { color:#333333; }
.footer { padding-left:25px; text-align:left; margin-top:25px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999999; }
.footer-logo { margin-right:10px; display:block;}
.positive-notice { width:100%; background-image:URL('/images/positive-notice-back.gif'); font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#346633; text-align:left; padding-top:5px; padding-bottom:5px;}
.negative-notice { width:100%; background-image:URL('/images/negative-notice-back.gif'); font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#990100; text-align:left; padding-top:5px; padding-bottom:5px;}
.grey-box { width:230px; border:1px solid #E0E0E0; margin-right:8px; margin-bottom:8px; }
.grey-box-header { height:27px; background-color:#F5F5F5; }
.grey-box-title { padding-top:8px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#3366CC; }
.grey-box-content { background-color:#FFFFFF; padding-left:10px; padding-right:20px; padding-bottom:5px; padding-top:5px;}
	.grey-box-content ul{ list-style: none; margin: 0; padding-left: 1em; text-indent: 0em; }
		.grey-box-content li{ list-style-image: none; list-style-type: square; }
.grey-box-footer { background-color:#F5F5F5; padding-left:10px; padding-top:3px; padding-bottom:3px; }
.right-col { text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; }
.right-col-title { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#333333; }
.profile-name { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#FFFF99; }
.profile-link { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; }
.sub-menu { height:20px; background-image:URL('/images/sub-menu-back.gif'); font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#313131; padding-top:2px; }
.sub-menu-link { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#313131; }
.sub-menu-link-selected { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#313131; font-weight:bold; }
.table-list-header { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:white; background-color:#333333; padding-left:10px; padding-top:2px; padding-bottom:2px; padding-right:10px;}

.table-list-cell-odd { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; background-color:#FFFFFF; padding-left:10px; padding-top:15px; padding-bottom:5px; border-bottom:1px solid #CCCCCC; vertical-align:top; }
.table-list-cell-even { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; background-color:#e9f1f9; padding-left:10px; padding-top:15px; padding-bottom:5px; border-bottom:1px solid #CCCCCC; vertical-align:top; }
.page-title { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#CC9900; }
.create-new { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#3366CC; }
.page-title-wrapper { width:720px; height:65px; text-align:left; display: table; #position: relative; overflow: hidden; margin-bottom:1px; }
.page-title-container { width:720px; #position: absolute; #top: 50%;display: table-cell; vertical-align: middle; }
.details { width:500px; }
.details2 { width:450px; }
.details2-right-col { width:170px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding-left:50px; }
.details-right-col { width:170px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding-left:50px; }
.announcement-title{font-family:Arial, Helvetica, sans-serif; color:#0066CC; font-weight:bold; font-size:14px;}
.announcement-text{font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px;}
.footer-notice { padding-left:25px; padding-right:25px; text-align:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999; }

ul{
}
li{
	margin-left:14px;
	list-style: square;
	list-style-position: outside;
}
.icon-holder{padding-top:5px;float:left;width:35px;height:16px;text-align:center;line-height:35px;}

.DJC_MOD_STEPTEXT{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   font-style: normal;
   padding-right:5px;
   float:right;
   width:100%;
   text-align:right;
	vertical-align:center;
}

.steptable{
	display:inline;
	font-weight:600;
}
.compstep{
	height:25px;
	width:25px;
	border:1px solid black;
	margin-right:5px;
	background-image:URL('/images/positive-notice-back.gif');
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#346633; 
}
.currstep{
	height:25px;
	width:25px;
	border:1px solid black;
	margin-right:5px;
	background-color:white;
	text-align:center;
	background-image:url('/images/stepArrow.gif');
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:black; 
}
.step{
	height:25px;
	width:25px;
	border:1px solid black;
	margin-right:5px;
	background-image:URL('/images/negative-notice-back.gif');
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#990100; 
}


.positive-notice-wizard { width:100%; background-image:URL('/images/positive-notice-back.gif'); font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#346633; text-align:left; padding-top:5px; padding-bottom:5px;}
.negative-notice-wizard { width:100%; background-image:URL('/images/negative-notice-back.gif'); font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#990100; text-align:left; padding-top:5px; padding-bottom:5px;}

.DJC_MOD_SUBHEADER{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   font-style: normal;
}

.kjc_mod_public_header {
	border-bottom: thin groove Silver; 
	background: #E2E2E2;
}

.themeHeader {
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-size : 14px;
}

.tb{
	padding: 3px 5px 3px 20px;
	width:100%;
	background:white;
	border-bottom:1px solid black;
}

.hideBox{
	border-top:1px black solid;
	border-left:1px #DCDCDC solid;
	border-right:1px #DCDCDC solid;
	border-bottom:1px #DCDCDC solid;
	background-color:#FFFFD6;
	text-align:center;
	padding:5px;
	white-space:nowrap;
}
