body {
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6C6C6C;
	text-align: left;
	width: 100%;

	margin:0;
    padding:0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
    min-width:600px;    /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
}

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

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

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

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

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

input{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6C6C6C;
}

label {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6C6C6C;
}

p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6C6C6C;
}

textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6C6C6C;
}

a{
	color: #596f78; 
	text-decoration: none
}

a.side-bar {
	color: #4f596f; 
	text-decoration: none
}

a.activity-case {
	color: #b80000; 
	text-decoration: none
}

a:hover {
	text-decoration: underline
}



#header{
	clear:both;
    float:left;
	position:relative;
	width: 100%;
	height: 110px;
	background-color: #90a5c0;	
}

/* ----- NEW LAYOUT ---------*/

/* column container */
.container {
	position: relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear: both;
    float: left;
    width: 100%;			/* width of whole page */
	overflow: hidden;	/* This chops off any overhanging divs */
}

/* 2 column left menu settings */
.leftMenu {
    background: #fff;
}
.leftMenu .columnWrap {
    float: left;
    width: 200%;
	position: relative;
	left: 200px;
    background: #fff;
	padding: 2px 2px 2px 2px;
}
.leftMenu .contentWrap {
    float: right;
    width: 50%;
    position: relative;
    right: 200px;
    padding-bottom: 1em;
}
.leftMenu .mainContent {
    margin: 0 0 0 210px;
    position: relative;
    right: 100%;
    overflow: hidden;
	
}
.leftMenu .sideBarContent {
    float: left;
    width: 200px;
    position: relative;
    right: 200px;
}

/* ---- CONTENT ----- */

#content{
	float: left;
	font-size: 11px;
	width: 100%;
	height: 100%;
}

#content-side-bar{
	float:left;
	width:180px;
	height: 100%;
	padding: 2px 2px 2px 2px;
	color: #4f596f;
}

#content-main{
	margin-left: 185px;
	padding: 2px 2px 2px 2px;
}

.sideBarSelect{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	width: 188px;
	color: #4f596f;
}

#content-default{
	float: left;
	padding-left:5px;
	width: auto;
}

#content-table{
	float: left;
	height:100%;
	padding-left:5px;
	width: auto;
}

#nav-bar{
	clear:both;
    float:left;
	background-color: #262f44;
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 11px;
}

#footer{
	border-top: 1px solid #ddd;
	clear:both;
    float:left;
	font-size:xx-small;
	text-align: center;
	width: 100%;
	margin: 5px 0px 0px 0px;
}

#title-bar{
	float: left;
	position: relative;
	height: 25px;
	width: 100%;
	background-color: #FFFFFF;
	border-bottom: 1px solid #ddd;
}

#title-bar-content{
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 3px;
	float: left;
}

.timeInputText {
	width: 20px;
}

/* ----- DIV ----- */
div#login-div, #change-password-div{
	float: left;
	position: inherit;
	width: 100%;
}

div.left-panel{
	float:left;
	position:relative;
	text-align: center;
}

div.right-panel{
	float: right;
	position:relative;
	text-align: center;
}

div.dailyTasks{
	float: left;
	border:1px #000000 solid; 
	width: 395px; 
	height:290px; 
	margin-top: 3px;
	/*modified::hrss@2011.06.21
	padding: 2px 2px 2px 2px;*/
	padding: 2px 2px 4px 2px;
	/*end modified*/
	text-align: center;
	/*overflow-y: scroll;	*/
}

div.pendingTasks{
	float: left;
	border:1px #000000 solid; 
	width: 395px; 
	height: 290px; 
	margin-top: 3px;
	/*modified::hrss@2011.06.21
	margin-left: 10px;*/
	margin-left: 2px;
	/*padding: 2px 2px 2px 2px;*/
	padding: 2px 2px 4px 2px;
	/*end modified*/
	text-align: center;
	/*overflow-y: scroll;	*/
}

div.notifications{
	float: left;	/*added::hrss@2011.06.21*/
	border:1px #000000 solid; 
	/*modified::hrss@2011.06.21
	width: 800px;*/
	width: 798px;
	/*height: 294px;*/
	height: 305px;
	/*padding: 2px 2px 2px 2px;*/
	padding: 2px 2px 4px 2px;
	/*margin: 0px 0px 0px 0px;*/
	margin: 2px 0px 0px 0px;
	/*end modified*/
	/*overflow-y: scroll;*/
}

div.agendaPanel{
	float: left;
	width: 800px;
	height: 300px;

}

div.panelHeader{
	border: #000000 1px solid;
	padding: 1px 1px 1px 1px;
	font-weight: bold;
	color: #ffffff; 
	background-color: #595f76; 
	text-align: center;
	width: auto;
}

div.panelContent{
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
	padding: 1px 1px 1px 1px;
	background-color: #eeeff0;
	width: auto;
	height: auto;
}

div.agendaPanelHeader{
	border: #000000 1px solid;
	padding: 1px 1px 1px 1px;
	font-weight: bold;
	color: #ffffff; 
	background-color: #595f76; 
	text-align: center;
	width: auto;
	height: 29px;
}

div.activityPanelHeader{
	border: #000000 1px solid;
	padding: 1px 1px 1px 1px;
	font-weight: bold;
	color: #ffffff; 
	background-color: #595f76; 
	text-align: center;
	width: auto;
	height: 29px;
}

div.agendaPanelContent{
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
	padding: 1px 1px 1px 1px;
	background-color: #eeeff0;
	width: auto;
	height: 255px;
	overflow-y:auto;
}

div.notifPanelHeader{
	border: #000000 1px solid;
	padding: 1px 1px 1px 1px;
	font-weight: bold;
	color: #ffffff; 
	background-color: #595f76; 
	text-align: center;
	width: 788px;
	height: 29px;
}

div.notificationPanelHeader{
	border: #000000 1px solid;
	padding: 1px 1px 1px 1px;
	font-weight: bold;
	color: #ffffff; 
	background-color: #595f76; 
	text-align: center;
	width: 794px;
	height: 29px;
}

div.notifPanelContent{
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
	padding: 1px 1px 1px 1px;
	background-color: #eeeff0;
	width: auto;
	height: 271px;
	overflow-y:auto;
	text-align:center;
}

div.notificationPanelContent{
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
	padding: 1px 1px 1px 1px;
	background-color: #eeeff0;
	width: 794px;
	height: 271px;
	overflow-y:auto;
	/*modified::hrss@2011.07.18 - text-align:center;*/
	text-align:left;
	/*end modified*/
}

div.panelContentFloat{
	/*deleted::hrss@2011.06.23
	float: left;
	end deleted*/
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
	padding: 1px 1px 1px 1px;
	background-color: #eeeff0;
	width: auto;
	height: auto;
}

div.labelPanel{
	float: left;
	font-size: inherit;
	font-weight: bold;
	width: 125px;
	padding: 2px 2px 2px 2px;
	text-align: right;
}

div.labelPanelLong{
	float: left;
	font-size: inherit;
	font-weight: bold;
	width: 160px;
	padding: 2px 2px 2px 2px;
	text-align: right;
}

div.sideBarHeader{
	width: auto; 
	color: #596f78;
	/*color: #f2f2f3; */
	background-color: #b7b8c0; 
	padding: 4px 4px 4px 4px;
	text-align: center;
	font-weight: bold;
}

div.rowPanel{
	font-size: inherit;
	font-weight: normal;
	width: auto;
	padding: 2px 2px 2px 2px;
}

div.rowPanelLeft{
	font-size: inherit;
	font-weight: normal;
	width: auto;
	padding: 2px 2px 2px 2px;
	text-align: left;
}

div.rowPanelRight{
	font-size: inherit;
	font-weight: normal;
	width: auto;
	padding: 2px 2px 2px 2px;
	text-align: right;
}

div.rowPanelCenter{
	font-size: inherit;
	font-weight: normal;
	width: auto;
	padding: 2px 2px 2px 2px;
	text-align: center;
}

div.rowPanelBold{
	font-size: inherit;
	font-weight: bold;
	width: auto;
	padding: 2px 2px 2px 2px;
}

div.showPanel{
	width: auto;
	padding: 2px 10px 2px 2px;
	text-align: right; 
}

div.sideBarPanel{
	width: auto;
	text-align: center;
	padding: 0px 0px 0px 0px;
	background-color: #eeeff0;
}

div.sideBarActive {
	width: auto; 
	color: #f2f2f3; 
	background-color: #b7b8c0; 
	padding: 3px 10px 3px 10px;
}

div.sideBarInactive {
	width: auto; 
	color: #4f596f; 
	background-color: #d4d5da; 
	padding: 3px 10px 3px 10px;
}

div.viewContent{
	font-weight: normal;
	border:1px #999a99 solid; 
	/*modified::hrss@2011.09.20
	padding: 10px 5px 5px 10px;
	*/
	padding: 10px 2px 2px 10px;
	/*end-modified*/
	text-align: left;
	overflow-y: scroll;
	width: 243px;
	height: 165px;
	float: left;
	margin-left:3px;
	background-color: #fff;
	overflow:hidden;
}

div#customeViewPanel{
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid;
	text-align: left;
	font-weight: bold;
	padding: 4px 4px 4px 4px;
	display: none;
}

div#searchCasePanel{
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid;
	text-align: left;
	font-weight: bold;
	padding: 4px 4px 4px 4px;
}

div#advancedSearchPanel{
	text-align: left;
	font-weight: bold;
	display: none;
}

div.defaultPanelContainer{
	float: left;
	/*modified::hrss@2011.07.12
	width: 400;*/
	width: auto;
	/*end modified*/
	margin-top: 3px;
	/*modified::hrss@2011.07.12
	padding: 2px 2px 2px 2px;*/
	padding: 1px 1px 1px 1px;
	/*end modified*/
	border: #000000 1px solid;
	text-align: left;
}

div.widePanelContainer{
	float: left;
	width: 806px;
	margin-top: 3px;
	padding: 2px 2px 2px 2px;
	border: #000000 1px solid;
	text-align: left;
}

div.leftColumnPanel{
	float: left;
	width: 390px;
	padding: 2px 2px 2px 2px;
	text-align: left;
}

div.rightColumnPanel{
	float: right;
	width: 390px;
	padding: 2px 2px 2px 2px;
	text-align: left;
}

div.tableContainer{
	margin: 0px 0px 0px 0px;
}

div.iconContainer{
	vertical-align:middle;
	text-align: right;
	font-size: inherit;
	font-weight: normal;
	padding: 2px 2px 2px 2px;
	background-color: #eeeff0;
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
	width: auto;
}

iframe.toolTipIFrame{
	BORDER-RIGHT: #000000 1px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #000000 1px solid;
	DISPLAY: none;
	PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 3px;
	BORDER-LEFT: #000000 1px solid;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: #000000 1px solid;
	POSITION: absolute;
	BACKGROUND-COLOR: white;
}

span.toolTipSpan{
	BORDER-RIGHT: #000000 1px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #000000 1px solid;
	DISPLAY: none;
	PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 3px;
	BORDER-LEFT: #000000 1px solid;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: #000000 1px solid;
	POSITION: absolute;
	BACKGROUND-COLOR: white;
}

div#relatedCasesDiv{
	width: 792px;
	height: 200px;
	overflow-y: auto;
}

/* ---- TABLES ---- */
caption{
	border: #000000 1px solid;
	padding: 1px 1px 1px 1px;
	font-weight: bold;
	font-size: 11px;
	color: #ffffff; 
	background-color: #595f76; 
	text-align: center;
	width: auto;
}

table.tblDailyTasks{
	table-layout: auto;
	border-collapse: collapse;
	text-align: left;
	width: 370px;
	padding: 1px 1px 1px 1px;
	background-color: #eeeff0; 
}

table.sortable{

}

table.tblNotifications{
	table-layout: auto;
	border-collapse: collapse;
	
	text-align: center;
	width: 776px;
	padding: 1px 1px 1px 1px;
	background-color: #eeeff0; 
}

table.default{
	table-layout: auto;
	border-collapse: collapse;
	border: #000000 1px solid;
	text-align: center;
	margin: 0px 5px 0px 0px;
	background-color: #eeeff0;
	/*modified::hrss@2011.06.23
	max-width: 780px;*/
	max-width: 825px;
	/*end modified*/
}

table.default3{
	table-layout: auto;
	border-collapse: collapse;
	text-align: center;
	margin: 0px 3px 20px 3px;
	background-color: #eeeff0;
	max-width: 700px;
}

table.default4{
	table-layout: auto;
	border-collapse: collapse;
	text-align: center;
	margin: 0px 3px 20px 0px;
	background-color: #eeeff0;
	max-width: 700px;
}

table.default5{
	table-layout: auto;
	border-collapse: collapse;
	text-align: center;
	margin: 0px 3px 20px 3px;
	background-color: #eeeff0;
}

table.defaultList{
	table-layout: auto;
	border-collapse: collapse;
	border: #000000 1px solid;
	text-align: center;
	margin: 0px 5px 0px 0px;
	background-color: #eeeff0;
	width: 900px;
	
}

table.statuslist{
	table-layout: auto;
	border-collapse: collapse;
	border: #000000 1px solid;
	text-align: center;
	margin: 0px 0px 0px 0px;
	background-color: #eeeff0;
	width: 99%;
	
}

table.defaultList a{
	color: #b80000; 
	text-decoration: none
}

table.defaultList img {
	border:none;
}


table.default2{
	table-layout: auto;
	border-collapse: collapse;
	border: #000000 1px solid;
	text-align: center;
	margin: 0px 0px 0px 0px;
	background-color: #eeeff0;
}

table.defaultNoBorder{
	table-layout: auto;
	border-collapse: collapse;
	text-align: center;
	margin: 0px 0px 0px 0px;
	background-color: #eeeff0;
	max-width: 780px;
}

td.labelColumn{
	font-size: inherit;
	font-weight: bold;
	width: 160px;
	padding: 2px 2px 2px 2px;
	text-align: right;
}

td.labelColumn-left{
	font-size: inherit;
	font-weight: bold;
	width: 160px;
	padding: 2px 2px 2px 18px;
	text-align: left;
}

td.fieldColumn{
	font-size: inherit;
	font-weight: normal;
	width: 232px;
	padding: 2px 2px 2px 2px;
	text-align: left;
}

td.case-label
{
	width: 170px;
	text-align: right;
	font-weight: bold;
	/*background-color: #CCCCCC;*/
	/*background-color: #b7b8c0;*/
	
	/*added::hrss@2013-01-29 - alex[to make text stay at top]*/
	vertical-align:text-top;
}

td.case-value
{
	text-align: left;
	font-weight: normal;
	/*width: 190px;*/
	/*background-color: #dedede;*/
	/*background-color: #d4d5da;*/
	padding-left: 4px;
	padding-right: 4px;
	
	/*added::hrss@2013-01-29 - alex[to make text stay at top]*/
	vertical-align:text-top;
}

tr.odd {
	background-color: #ddd
}

tr.even {
	background-color: #eee
}

table.iconContainer{
	width: 100%;
	vertical-align:middle;
	text-align: right;
	font-size: inherit;
	font-weight: normal;
	padding: 2px 2px 2px 2px;
	background-color: #eeeff0;
	border-top: #000000 1px solid;
}

table.footerIconContainer{
	vertical-align:middle;
	text-align: right;
	font-size: inherit;
	font-weight: normal;
	background-color: #eeeff0;
	border: #000000 1px solid;
	width: 777px;
}

/** LISTS **/

.blink {
	color:#FF0000;
	font-weight: bolder;
}

ul.agendaList{
	margin: 0;
	padding: 0;
	text-align: left;
}

li.agendaList{
	font-weight: bold;
	list-style-type: none;
	padding: 4px 4px 4px 10px;
}

li.agendaItem{
	font-weight: normal;
	list-style-type: none;
	padding: 5px 40px 5px 40px;
}

li.default{
	font-weight: normal;
	list-style-type: none;
	padding: 4px 4px 4px 4px;
}


/** BUTTONS ***/
.principalButtonDisabled{
	opacity:0.4;
	filter:alpha(opacity=40);
	cursor: default;
}

.principalButtonEnabled{
	opacity:1.0;
	filter:alpha(opacity=100);
	cursor: pointer; 
}

/** IMAGES ***/
.arrow{
	border:none;
}