/* This is the style sheet to be linked to mainarea pages*/
	/* The body of the mainarea */
BODY {
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	background-color: White;
	vertical-align: middle;
	text-align: left;
	color: grey;
}

H2 {
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: grey;
}

/* The general properties for table */
/
TABLE {
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	border: none;
	background-color: #FFFFFF;
}

/* The table for form style */
TABLE.form {
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	background-color: #F0F0F0;
	text-align: right;
}

/* The table for list style */
TABLE.list {
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	background-color: #F0F0F0;
	color: grey;
	text-align: left;
	border-left: 2px solid #F0F0F0;
	border-right: 2px solid #F0F0F0;
	border-bottom: 2px solid #F0F0F0;
}

/* The table for tabs */
TABLE.tab {
	background-color: #CCCCCC;
	width: 0%;
	margin-left: 1%;
	margin-right: 1%;
}

input[type="button"], input[type="submit"], input[type="reset"] {
	background-color: #6FB3E0;
	font-size: 13px;
	color: white;
	text-align: center;
	padding-top: 4px;
	padding-left: 8px;
	padding-bottom: 4px;
	padding-right: 8px;
	vertical-align: top;
}

input[type="textarea"] {
background-color: white;
	vertical-align: top;
	padding-top: 1px;
	padding-left: 1px;
}


/* The table for buttons */
TABLE.button {
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	text-align: right;
	background-color: white;
}

/* This is not necessary. Use TABLE.button */
TABLE.dialogbutton {
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	text-align: right;
	background-color: #CCCCCC;
}

/* The table for footer */
TABLE.footer {
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	text-align: right;
	font-size: 10px;
	font-weight: normal;
	background: white;
	margin-top: 5px;
}

/* The table for list style in tabs */
TABLE.listtab {
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	background-color: #F0F0F0;
	border-left: 10px solid #F0F0F0;
	border-right: 10px solid #F0F0F0;
}

/* The table for list style in list components (e.g. case's history)*/
TABLE.component {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	background-color: #F0F0F0;
}

/* The table for action row's style in list components (e.g. case's history)*/
TABLE.componentrowaction {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	background-color: #F0F0F0;
	font-weight: normal;
}

/* The table for footer in tab list */
TABLE.listtabfooter {
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	background-color: #F0F0F0;
	border-left: 10px solid #F0F0F0;
	border-right: 10px solid #F0F0F0;
	font-weight: normal;
}

/* The table for row action in tab list */
TABLE.listtabrowaction {
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	background-color: #F0F0F0;
	border-left: 10px solid #F0F0F0;
	border-right: 10px solid #F0F0F0;
	font-weight: normal;
}

TABLE.mainlogo {
	width: 98%;
	margin-left: 1%;
	margin-right: W;
	text-align: center;
	background-color: white;
}

TABLE.login {
	border: none;
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 0%;
	margin-right: 0%;
}

TABLE.labeltext {
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	background-color: #CCCCCC;
	text-align: left;
}

/* The header cell for lists */
TH {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	background: #DFDFDF;
	vertical-align: top;
	text-align: left;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* The header cell for numeric column */
TH.numeric {
	text-align: right;
}

/* The header cell for tab list */
TH.tablist {
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	padding-left: 10px;
}



/* The properties for general row */
TR {
	font-size: 12px;
}

/* The properties for odd row in list */
TR.odd {
	background: white;
}

/* The properties for even row in list #EFEFEF;*/
TR.even {
	background: #ECF3F5;
}

TD.formrowspacer {
	line-height: 10px;
}

/* The class for column config */
.columnconfig {
	font-size: 24px;
	line-height: 0px;
	height: 0px;
	white-space: nowrap;
}

.nowrap
{
	white-space: nowrap;
}


/* The general cell */
TD {
	font-size: 13px;
	text-align: left;
	vertical-align: bottom;
	font-style: normal;
	padding-left: 10px;
}

/* The cell in list */
TD.list {
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	vertical-align: top;
}

TD.mainlistimagelink {
	font-size: 13px;
	vertical-align: bottom;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	vertical-align: top;
}

/* The numeric cell in list */
TD.listnumeric, TD.listnumeric_highlight {
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: right;
	vertical-align: top;
}

TD.listnumeric A {
	display: block;
	width: 100%;
	vertical-align: top;
}

TD.radiobutton {
    width: 6px;
    vertical-align: top;
}

TD.listnumeric_highlight A {
	display: block;
	width: 100%;
	color: #0000ff;
	vertical-align: top;
}

/* The cell in tab list */
TD.tablist {
	padding-right: 10px;
	padding-left: 10px;
}

/* The cell for form  field title */
TD.formfieldtitle {
	font-size: 14px;
	font-weight: normal;
	width: 13%;
	padding-left: 12px;
	padding-right: 20px;
	padding-top: 10px;
	text-align: right;
	font-style: normal;
	vertical-align: top;
	color: grey;
}

/* The cell for form  field title */
TD.formfieldtitlenowidth {
	font-weight: normal;
	padding-left: 4px;
	font-style: normal;
	color: grey;
}

TD.logintitle {
	padding-left: 0px;
	font-weight: normal;
	color: grey;
}

/* The cell for mandatory field title */
TD.mandatoryformfieldtitle {
	font-weight: normal;
	width: 13%;
	padding-left: 4px;
	color: #000000;
}

/* The cell for selected tab */
TD.selectedtab {
	background-color: #F0F0F0;
	font-size: 14px;
	font-weight: normal;
	padding: 6px 6px 6px 6px;
	
}
TD.selectedtab A {
	font-size: 14px;
	text-decoration: none;
}

/* The cell for tab */
TD.tab {
	background: #DFDFDF;
	font-size: 14px;
	font-weight: normal;
	border-left: thin solid #CCCCCC;
	padding-left: 5px;
	padding-right: 5px; 
	padding-top: 5px; 
	padding-bottom: 5px;
	border-top: thin solid #CCCCCC;
}

TD.tab A {
	text-decoration: none;
}

/* The cell for button */
TD.button {
	text-align: right;
	padding-right: 10px;
	padding-bottom: 5px;
}

/* The cell for left footer in row */
TD.footerleft {
	text-align: left;
}

/* The cell for right footer in row */
TD.footerright {
	text-align: right;
}

/* The header cell for textual column */
TD.listheadertext {
	font-weight: normal;
	text-align: left;
	padding-right: 10px;
	padding-bottom: 6px;
	font-size: 15px;
	color: grey;
}

/* The header cell for numeric column */
TD.listheadernumeric {
	font-weight: normal;
	text-align: right;
	padding-right: 10px;
	color: grey;
}

/** A centered table cell */
TD.centered {
	text-align: center;
}

/* The cell for check box in list */
.checkboxlist {
	text-align: center;
	padding-right: 10px;
	padding-left: 3px;
	width: 1;
	vertical-align: top;
}

/* The cell for check box in tab list */
.checkboxtablist {
	text-align: center;
	padding-right: 10px;
	padding-left: 3px;
	width: 1;
}

/* The cell for check box header in list */
.checkboxlistheader {
	text-align: center;
	font-weight: normal;
	padding-right: 10px;
	width: 1;
}

/* The cell for check box  in list */ /* NOT USED ANYMORE! */
.markcheckbox {
	text-align: center;
	font-weight: normal;
	padding-right: 10px;
	width: 1;
}

/* The cell for logo in main page */
TD.mainlogo {
	text-align: center;
}

/* The cell for logo text in main page */
TD.mainlogotext {
	text-align: center;
	font-size: 12px;
}

/* The cell for header logo text in main page */
TD.mainlogoheader {
	text-align: center;
	font-size: small;
	font-weight: bold;
}


/* The cell for title in footer table */
TD.title {
	padding-right: 0px;
	text-align: left;
	font-weight: normal;
	width: 100%
	text-align: left;
	font-size: 16px;
	vertical-align: bottom;
	color: #10B0CA;
}

/* The cell for navi links in footer table */
TD.navi {
	text-align: right;
	font-weight: normal;
	font-size: 12px;
	vertical-align: bottom;
	width: 1;
}

/* Properties for line */
HR {
	color: #EFEFEF;
	text-align: center;
	width: 100%;
}

/* Properties for  links */
A {
	text-decoration: none;
	font-size: 15px;
}

A:visited,A:link {
	color: #10B0CA;
}

A:hover {
	color: black;
}

/* The image properties */
IMG {
	border: 0px solid grey;
	vertical-align: top;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	
}

IMG A:hover{
}



/* The image properties for logo in About page */
IMG.mainlogo {
	text-align: center;
	height: 53px;
	width: 250px;
	margin-bottom: 20px;
}

/* The image properties for navi actions in footer row */
IMG.navi {
	margin-left : 0px;
	padding-left: 0px;
	padding-right: 2px;
}


/* The cell for form field value */
TD.formfieldvalue {
	width: 37%;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
}

/* Textarea properties for one column form */ /* NOT USED ANYMORE! */
TEXTAREA.formtextareaonecolumn {
	width: 20%;
	padding-left: 3px;
	padding-top: 5px;
	padding-bottom: 5px;

}

/* Textarea properties for multi column form */ /* NOT USED ANYMORE! */
TEXTAREA.formtextareamulticolumn {
	width: 80%;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* Textarea properties for readonly */
TEXTAREA.readonly {
	color: #999999;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.powersearchconditioncolumn {
	width: 230px;
}

.formfielddatecolumn {
	width: 36%;
	border: 1px solid #A0A0A0;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.formfielddatecolumn.readonly{
	width: 41%;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
}



.formfieldtimecolumn {
	width: 18%;
	border: 1px solid #A0A0A0;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
}

button.ui-datepicker-trigger {
    vertical-align: top;
    padding-right: 1px;
	padding-left: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 0px;
    background: white;
}

.formfieldlongdatecolumn {
	width: 40%;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.formfieldlongtimecolumn {
	width: 20%;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* Properties for form field value in one column */
.formfieldvalueonecolumn {
	width: 60%;
	border: 1px solid #A0A0A0;	
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}

/* To make selected receiver list wider when sending messages, id 38460 */
select.formfieldvalueonecolumn[name=selectedUserList],select.formfieldvalueonecolumn[name=userList]{
    width: 100%;
    min-width: 190px;
}

/* Properties for form field value in one column with select-box, id 34282 */
SELECT.formfieldvalueonecolumn {
	width: 60%;
	border: 1px solid #A0A0A0;	
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}


/* Properties for form field value in one column with disabled select-box, id 34282*/
/* removed height: 28px and top and bottom baddings from 5 to 2 to all formvalueonecolumn, id 35530 */
SELECT.formfieldvalueonecolumnreadonly {
	width: 60%;
	border: 1px solid #A0A0A0;
	color: black;
	background-color: #E8E8E8;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}


/* Properties for disabled form field value (one row) in one column */
.formfieldvalueonecolumnreadonly {
	width: 60%;
	border: 1px solid #A0A0A0;
	color: black;
	background-color: #E8E8E8;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.formfieldvalueonecolumnreadonly > option[selected="selected"] {
    background-color: #708090;
    color: black;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}

/* Properties for form field value in multi column */
.formfieldvaluemulticolumn {
	width: 83%;
	border: 1px solid #A0A0A0;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}

/* Properties for form field value in multi column */
.formfieldvaluemulticolumnreadonly {
	width: 83%;
	border: 1px solid #A0A0A0;
	color: black;
	background-color: #E8E8E8;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}

/* Properties for form field value in multi column with disabled select-box id 34282*/
/* removed height 28 px, id 35530 */
SELECT.formfieldvaluemulticolumnreadonly {
	width: 83%;
	border: 1px solid #A0A0A0;
	color: black;
	background-color: #E8E8E8;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}


.formfieldvaluemulticolumnreadonly > option[selected="selected"] {
    background-color: #708090;
    color: black;
}

.readonly {
	color: black;
	background-color: #E8E8E8;
}

/* Properties for power search restriction edtitor list */
.restricteditorlist {
	width: 280px;
}

TD.id {
	padding-right: 10px;
	text-align: right;
	font-weight: normal;
	width: 1%;
}


.loginfield {
	width: 150px;
}

TD.quicksearchfield {
	width: 87%;
}

.quicksearch {
	width: 350px;
}

.quicksearchshort {
	width: 170px;
}

.quicksearchveryshort {
	width: 80px;
}


input.hasDatepicker {
	background-color: white;
	vertical-align: bottom;
	padding-top: 2px;
	font-size=12px;
}

.quicksearchveryshortdatepicker {
    width: 58px;
	vertical-align: bottom;
	padding-top: 2px;
    font-size=12px;
}

.powersearchcombo {
	width: 600px;
}

.loginerror {
	text-align: left;
	font-weight: bold;
	color: #FF0000;
}

/* URL link popup menus */
TD.popuphead {
	background-color: grey;
	color: black;
	font-size: 15px;
	width: 120px;
	height: 10px;
	padding-left: 5px;
	color:  #E2E7FF;
}

TD.popup  {
	width: 120px;
	font-size: 11px;
	width: 90px;
}
TD.popup A {
	color: black;
	font-size: 11px;
}

TD.popup A:hover {
	color: white;
	font-size: 11px;
}


.hierarchylevels * .hierarchylevel0
{
    background: white;
}

.hierarchylevels * .hierarchylevel1
{
    background: white;

}

.hierarchylevels * .hierarchylevel2
{
    background: white;

}

.hierarchylevels * .hierarchylevel0 *.hierarchycell
{
    padding-left: 0px;
}

.hierarchylevels * .hierarchylevel1 *.hierarchycell
{
    padding-left: 16px;
}

.hierarchylevels * .hierarchylevel2 *.hierarchycell
{
    padding-left: 36px;
}

.hierarchylevels *.hierarchycell
{
    padding-left: 56px;
}