@CHARSET "ISO-8859-1";

a, body, div, h1, span, td, th, .error {
	font-family: tahoma, arial;
	font-size: 12px;
	color: gray;
	text-align:left;
}

a, input[type=submit], input[type=button], input[type=image] {
	text-decoration: none;
	cursor: pointer;
}

a.header {
    color: rgb(41,40,42);
}

a.header2 {
    color: rgb(49,116,181);
}

a span.dropDwonMenuButton, a span.dropDwonMenuButtonOn {
	display: block;
	width: 125px;
	height: 21px;
	background-image: url('/images/grayTab.png');
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 2px;
}

a span.menuButton, a span.menuButtonOn {
	display: block;
	width: 140px;
	height: 21px;
	background-image: url('/images/grayTab.png');
    background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 2px;
	float: left;
}


a span.subMenuButton, a span.subMenuButtonOn {
	display: block;
	width: 125px;
	height: 21px;
	background-image: url('/images/grayTab.png');
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 2px;
	float: left;
}

a:hover span.dropDwonMenuButton, a span.dropDwonMenuButtonOn,
a:hover span.menuButton, a span.menuButtonOn,
a:hover span.subMmenuButton, a span.subMenuButtonOn {
	background-image: url('/images/blueTab.png');
	color: white;
}

span.footer, span.footer a {
	font-family: tahoma, arial;
	font-size: 10px;
	color: darkslateblue;
}

span.footer a:hover {
	text-decoration: underline;
}

form {
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
}

h1 {
	font-size: 14px;
	font-weight: bold;
}

.error {
	color: #ff0000;
}

div.section {
	border: 1px solid gainsboro;
	padding: 4px 20px;
	background-image: url('/images/gradient.png');
	background-repeat: repeat-x;
    position: relative;
}

div.section2 {
	border: 1px solid gainsboro;
	padding: 4px 20px;
	background-image: url('/images/longGradient.png');
	background-repeat: repeat-x;
}
div.section3 {
	border: 1px solid gainsboro;
	padding: 4px 20px;
	background-image: url('/images/gradient.png');
	background-repeat: repeat-x;
	position: relative;
}

div.header {
	font-size: 12px;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	padding: 6px 0px 12px 0px;
	clear: both;
    color: rgb(41,40,42);
}

div.header img {
	float: left;
	margin-right: 4px;
}

div.header2 {
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	color: 3333CC;
	padding: 6px 0px 12px 0px;	
	clear: both;
}

div.footer {
	text-align: right;
	clear: both;
}

div.footer2 {
	text-align: center;
	clear: both;
}

div.row {
	text-align: left;
	clear: both;
}

div.column {
	float: left;
}

div.label {
	color: #666666;
	text-transform: capitalize;
	text-align: right;
	width: 140px;
	float: left;
	padding: 2px 4px;
	margin-top: 4px;
}

div.view {
	text-align: left;
	font-family: arial;
	color: #000000;
	padding: 2px 4px;
	float: left;
	width: 200px;
	margin-top: 4px;
}

div.input {
	text-align: left;
	color: #000000;
	padding: 2px 4px;
	float: left;
	width: 200px;
}

div.leftinput {
	color: #000000;
    float: left;
    padding: 2px 4px;
    text-align: left;
    width: 10px;
}

div.clear {
	clear: both;
}

table.data th {
	border-bottom: 1px solid gray;
	text-transform: capitalize;
	padding: 4px 6px;
}

table.data tr.odd td {
	background-color: #DCDCDC;
	padding: 4px 6px;
}

table.data tr.even td {
	background-color: white;
	padding: 4px 6px;
}

table.data tr.required td {
	background-color: #FFFFCC;
	padding: 4px 6px;
}
table td a {
	color: blue;
}

/* ------------------------------------------------------------------- */
div.pager img {
	cursor: pointer;
}

table.tablesorter { }

table.tablesorter thead tr th {
	border-bottom: 1px solid gray;
	text-transform: capitalize;
	padding: 4px 6px;
}
table.tablesorter thead tr .header {
	background-image: url(/images/icons/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	padding: 4px 6px;
	background-color: #FFF;
	vertical-align: middle;
}
table.tablesorter tbody tr.odd td {
	background-color:#DCDCDC;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/images/icons/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/images/icons/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #DCDCDC;
}


/* ---syntax for tablesorter 2.14.4 ---- */
table.tablesorter thead tr .tablesorter-header {
	background-image: url(/images/icons/bg.gif); 
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter thead tr .tablesorter-headerAsc {
	background-image: url(/images/icons/asc.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter thead tr .tablesorter-headerDesc {
	background-image: url(/images/icons/desc.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter thead tr .sorter-false {
	background-image: none;
	cursor: default;
}


/* ------------------------------------------------------------------- */


/* ---- CSS for Message Manager and eMIS modules --------------------- */
#center_section {
	float: left;
	width: 900px;
	margin-bottom: 20px;
	font-family: Tahoma, Arial, Sans-Serif, Verdana, Helvetica; 
	font-size: 12px; 	
	color: gray;
}

#job_status_legend {
	position: relative;
	float: left;
	clear: left;
	margin: 20px;
	width: 225px;
	height: 15px;
	background: url("/images/legend.png") center center no-repeat;	
}

.bar {
	clear: right;
	clear: left;
	float: left;
	height: 24px;
	width: 900px;
	margin-top: 20px;
	border: 1px  solid gainsboro;
	background: url("/images/gradient.png") white repeat-x;
	padding: 2px;		
}

.blue_start {
	position: relative;
	float: left;
	height: 16px;
	width: 45px;
	margin-right: 2px;
	color: #FFFFFF;	
	text-align: center;	
	cursor: pointer; 	
	background: url("/images/blue_start.png") center center no-repeat;
}

.green_start {
	position: relative;
	float: left;
	height: 16px;	
	width: 44px;
	margin-right: 2px;
	color: #FFFFFF;	
	text-align: center;	
	cursor: pointer; 	
	background: url("/images/green_start.png") center center no-repeat;	
}

.green_middle {
	position: relative;
	float: left;
	height: 16px;	
	width: 40px;
	margin-left: -12px;
	margin-right: 2px;
	color: #FFFFFF;	
	text-align: center;	
	cursor: pointer; 	
	background: url("/images/green_middle.png") center center no-repeat;
}

.gray_middle {
	position: relative;
	float: left;
	height: 16px;	
	width: 40px;
	margin-left: -12px;
	margin-right: 2px;
	color: #FFFFFF;	
	text-align: center;	
	cursor: pointer; 	
	background: url("/images/gray_middle.png") center center no-repeat;
}

.blue_middle {
	position: relative;
	float: left;
	height: 16px;	
	width: 40px;
	margin-left: -12px;
	margin-right: 2px;
	color: #FFFFFF;	
	text-align: center;	
	cursor: pointer; 	
	background: url("/images/blue_middle.png") center center no-repeat;
}

.light_green_middle {
	position: relative;
	float: left;
	height: 16px;	
	width: 40px;
	margin-left: -12px;
	margin-right: 2px;
	color: #FFFFFF;	
	text-align: center;	
	cursor: pointer; 	
	background: url("/images/light_green_middle.png") center center no-repeat;
}

.gray_end {
	position: relative;
	float: left;
	height: 16px;	
	width: 35px;
	margin-left: -12px;
	margin-right: 2px;
	color: #FFFFFF;	
	text-align: center;	
	cursor: pointer; 	
	background: url("/images/gray_end.png") center center no-repeat;
}

.green_end {
	position: relative;
	float: left;	
	height: 16px;	
	width: 35px;
	margin-left: -12px;	
	margin-right: 2px;
	color: #FFFFFF;	
	text-align: center;		
	cursor: pointer; 	
	background: url("/images/green_end.png") center center no-repeat;
}

.step_icon {
	position: relative; 
	float: left; 
	clear: left; 
	height: 16px;	
	margin: 15px;	
	width: 50px;
	text-align: center;
	color: #FFFFFF;
	background: url("/images/green_start.png") center center no-repeat;	
}

#step_numbers {
	float: right;
	margin-top: 20px;
	height: 15px;
}

.line_break {
	clear: both;
}

.line {
	width: 100%;
	font-size: 0;
	border-top: 1px solid gainsboro;
}

.silver_button_left {
	height: 20px;
	width: 75px;
	float: left;
	margin: 2px;	
}

.silver_button_right {
	height: 20px;
	width: 75px;	
	float: right;
	margin: 2px;	
}

.gold_button {
	height: 20px;
	width: 75px;	
	float: right;
	margin: 2px;		
}

.step_instructions {
	position: relative;
	clear: right;
	float: left; 
	margin-top: 15px;
	font-family: Tahoma, Arial, Sans-Serif, Verdana, Helvetica; 
	font-size: 12px;
	font-weight: bold;
	color: black;
}

.delete_fields {
	position: relative;
	float: left; 
	margin: 0 5px;
	font-family: Tahoma, Arial, Sans-Serif, Verdana, Helvetica; 
	font-size: 12px;
	font-weight: bold;
	color: black;
}

.delete_info {
	position: relative;
	float: left; 
	margin: 0 15px 15px 5px;
	font-family: Tahoma, Arial, Sans-Serif, Verdana, Helvetica; 
	font-size: 12px; 
	color: black;
}

.step_requirements {
	position: relative;
	clear: left;
	float: left;
	width: 175px;
	margin-left: 5px;
	margin-right: 15px;
	font-family: Tahoma, Arial, Sans-Serif, Verdana, Helvetica; 
	font-size: 12px; 
	color: black;
	text-align: right;
	font-weight: bold;
}

.step_details {
	float: left; 
	clear: right; 
	margin-bottom: 15px;
	margin-left: 0;
	font-family: Tahoma, Arial, Sans-Serif, Verdana, Helvetica; 
	font-size: 12px; 
	color: black;
}

#gradient_div {
	float: left;
	margin-top: 15px;
	padding: 5px 15px;
	border: 1px solid gainsboro;
	background: url("/images/gradient.png") white repeat-x; 	
}

#gradient_div_title {
	position: relative;
	float: left; 
	margin-top: 5px;
	margin-bottom: 20px;
	font-family: Tahoma, Arial, Sans-Serif, Verdana, Helvetica; 
	font-size: 12px; 
	font-weight: bold;
    color: rgb(41,40,42);
	text-transform: uppercase;
}

.centered_image
{
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

.small_margins {
	margin: 5px;
}

.clientName {
	font-weight: bold;
	color: #666666;
	width: 140px;
	float: left;
	padding: 2px 4px;
	margin: 3px 0 17px;
}


/* ------------------------------------------------------------------- */