/***** Here color, customer images and customer fonts *****/
/***** HTML elements *****/
body {

	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
}

label {
	font-weight: normal;
}

/***** Common Classes *****/

/***** JQuery Classes *****/

table.dataTable th, table.dataTable td, .tableContent th, .tableContent td {
	text-align: start;
}

.ui-widget {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
}

.ui-widget-header {
	color: #666666;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}

.dateCell span {
	display:block;
}

#submit {
	background-color: #FF6802;
	color: #FFFFFF;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	text-transform: lowercase;
	padding: 1px 6px;
	box-sizing: border-box;
	border: 2px outset buttonface;
	-webkit-box-align: center;
}

.panelBox {
	margin-bottom: 0px;
}

#summaryContent {
	width: 61%;
}

/***** Content Div *****/

.contentDiv {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-align: start;
	font-variant: normal;
	text-decoration: none;
}

.contentBlock {
	color: #666666;
	text-decoration: none;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}

.contentBackgroundDiv {
	background: #F0F8FF;
}

/***** Dialog Classes *****/
.dialogBox {
	background: #F0F8FF;
}

.helpContent {
	font-size:12px;
	background-color: #F0F8FF;
	color: #0078ae;
}

.ui-dialog .ui-widget-header {
	color: #666666;
	background: #F1F5F8;
}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
	background: #ffffff;
}

.ui-dialog {
	border: 1px solid #666666;
}

#errorList {
	font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-weight: normal;
}

/***** Layout Style *****/
#bannerLogo {
	background: url(../images/JB_Logo_CoreBlue.jpg?F9363928891404PK4O=_) no-repeat left;
	height: 87px;
	border-bottom: 3px solid #FF9900;
}

#header {
	padding: 0px 0px 0px 0px;
}

#ui-datepicker-div {
	border: 1px solid #666666;
}

#loginTitle {
	margin-top: 5px;
}

#language #flagIcons a {
	text-decoration: none;
}

/***** Welcome Panel *****/

#welcomePanel {
	font-weight: normal;
	color: #666666;
	border: none;
	margin-top: 5px;
}

#welcomeName {
	text-decoration: none;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

#welcomeTitle {
	font-weight: normal;
	color: #666666;
	padding-left: 10px;
}

#welcomeContent {
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}

/***** Links Panel *****/

#linksPanel {
	border: none;
}

#linksContent {
	color: #666666;
	font-weight: bold;
	text-decoration: underline;
	font-family: Arial;
}


/***** Resources Panel *****/

#resourcesPanel {
	border: none;
}

#resourcesTitle {
	font-family: ARIAL, HELVETICA, SANS_SERIF;
	font-size: 13pt;
	color: #004A91;
	font-weight: bold;
	padding-left: 10px;
}


#language #textLinks a, .contentBlock a {
	color: #0078ae;
	text-decoration: none;
}

#language #textLinks a:hover, a:hover {
	text-decoration: underline;
}

/***** ui widget *****/

.ui-widget-content {
	color: #666666;
	border: none;
}

table.dataTable th, table.dataTable td, .tableContent th, .tableContent td {
	border-color: #aaaaaa;
}

tr.evenColored, table.dataTable tr.even, td.even {
	background-color: #CCCCCC;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}

tr.oddColored, table.dataTable tr.odd, td.odd {
	background-color: #FFFFCC;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}

tr.evenColored:hover, table.dataTable tr.even:hover, td.even:hover {
	background-color: #CCCCCC;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}

tr.oddColored:hover, table.dataTable tr.odd:hover, td.odd:hover  {
	background-color: #FFFFCC;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}

/* Data table Processing indicator */
.dataTables_processing {
	background-color: #f0f2f2;
	border: 1px solid #aaaaaa;
}

/***** Datatable scroll *****/

.fullyUsed {
	font-weight: bold;
	white-space: nowrap;
}

/***** links *****/

a:link, a:active, a:visited {
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: underline;
	color: #4b90cd;
}

/***** Main Panel *****/

#mainPanel {
	background: #ffffff;
	border: 4px solid #D8E8F5;
	border-radius: 10px; -moz-border-radius: 10px;
	float: right;
	width: 712px;
}

#searchBtn {
	background-color: #FF6802;
	color: #FFFFFF;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	text-transform: lowercase;
	padding: 1px 6px;
	box-sizing: border-box;
	border: 2px outset buttonface;
	-webkit-box-align: center;
}

.infoArea{

	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
	border: none;
	margin-bottom: 5px;
}

#navigation{
	background: #ffffff;
	border: 4px solid #EAEAEA;
	border-radius: 10px; -moz-border-radius: 10px;
	width: 220px;
}


#mainTitle {
	color: #666666;
	text-align: start;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	padding-left: 10px;
	margin-top: 5px;
}

#panelBox {
	margin: 0 5px;
	padding: 5px 10px 10px 10px;
	border-spacing: 2px;
}

#mainTitle {
	margin-top: 5px;
}


.highlight {
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}

#fromDate {
	color: #4B90CD;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

#toDate {
	color: #4B90CD;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}


/***** footer *****/

#footerContainer {
	border: none;
	border-top: 1px solid #D3E0F3;
}

#footerContent {
	color: #4b90cd;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	font-family: Arial, sans-serif;
	text-decoration: none;
}

#footer {
	font-size: 0.9em;
	padding-top: 40px;
}

.changePassword label {
	display: inline-block;
	clear: left;
	width: 200px;
	padding-right: 1em;
	text-align: right;
}

.wordwrapServiceName {
	width:120px;
	word-wrap:break-word;      /* IE */
}