/* basic elements */
body {
	font: 11px verdana, tahoma, arial, sans-serif;
	color: #000000;
	background-color: #eeeeee;
	margin: 0px;
}

form {
	margin: 0px;
}

p,#content {
	font: 11px verdana, sans-serif;
}

#dialogContent {
	padding: 10px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#dialogContent h1 {
	width: 98%;
	background-color: #f3f6fb;
	border: 1px solid #bbc0c6;
	padding: 3px;
	font-size: 14px;
	color: #777777;
}

tr {
	vertical-align: top;
}

th {
	text-align: left;
}


#portalLayout .list, #portalLayout .resizedList {
	margin-top: 0px;
}

a:link,a:visited,a:hover,a:active {
	font: 11px verdana, tahoma, arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #222222;
}

a:visited {
	color: #000000;
}

a:hover,a:active {
	/*color: #687221;*/
	color: #4d6480;

}

/* This is the style for the informational messages presented to the user */
div.error,div.message {
	background: #ffc;
	border: 1px solid green;
	color: black;
	font-weight: normal;
	margin: 10px auto;
	padding: 2px;
	padding-left: 4px;
	text-align: left;
	vertical-align: bottom;
}

/* use a different color for the errors */
div.error {
	border: 1px solid #c07300;
}

div.loginError {
	color: #c07300;
}

span.fieldError {
	color: maroon !important;
}

/* style for list tables */
table.list {
	border: 1px solid #bbbbbb;
	/*border-collapse: collapse;*/
	width: 100%;
	margin-top: 10px;
}

table.list td {
	padding: 2px 3px 2px 3px;
}

table.list th.sorted {
	background-color: #bbc0c6;
}

table.list th.sorted a,table.list th.sortable a {
	background-position: right;
	display: block;
	width: 100%;
	background-repeat: no-repeat;
}

table.list th.sortable a {
	background-image: url(../images/arrow_off.png);
}

table.list th.order1 a {
	background-image: url(../images/arrow_down.png);
}

table.list th.order2 a {
	background-image: url(../images/arrow_up.png);
}

table.list th {
	background-color: #ced2d8;
	padding: 3px;
	border: 1px solid #aaaaaa;
	text-align: left;
}

#portalLayout table.list th {
	background-color: #d3e3f3;
	background-color: #d5d6e4;
	padding: 0px 3px 0px 3px;
	border-bottom: 1px solid #aaaaaa;
	text-align: left;
}

table.list th a:link,table.list th a:visited {
	font: 11px verdana, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

table.list tr.even {
	background: #e2e7eb;
	border-top: 1px solid silver;
}

table.list tr.odd {
	background: #f9fbfd;
	border-top: 1px solid silver;
}

/* Formatting of form fields etc */
input.field, input.disabledField {
	width: 290px;
}

input.readOnly {
	background-color: #E8E8E8 ;
}
input.shortField {
	width: 150px;
}

select.field {
	width: 298px;
}

input.dialogField,select.dialogField {
	width: 200px;
}

textarea.field {
	width: 290px;
}

textarea.dialogField {
	width: 200px;
}

input.date {
	width: 75px;
}

input.button {
	color: #000;
}

.buttonAlign {
	text-align: right;
}

.groupSelectField,.applicationSelectField {
	width: 300px;
	height: 150px;
	background-color: #edf2f8;
	border: 1px solid #4d6480;
}

.organisationSelectField {
	height: 150px;
	background-color: #edf2f8;
	border: 1px solid #4d6480;
}

ul.checkBoxList {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#appProfileRoleHeading {
	vertical-align: bottom;
}

#roleContainer {
	overflow: scroll;
	padding-top: 5px;
	width: 300px;
	height: 300px;
	background-color: #edf2f8;
	border: 1px solid #4d6480;
}


form input,form textarea,form select {
	padding-left: 4px;
	color: #000000;
	font: 11px verdana, tahoma, arial, sans-serif;
}

/* Warning: IE doesn't support pseudo-class :focus */
form input:focus,form textarea:focus,form select:focus {
	border-bottom: #ffdead solid 2px;
	border-right: #ffdead solid 2px;
	border-left: #c07300 solid 2px;
	border-top: #c07300 solid 2px;
}

form select {
	padding-left: 0px;
}

#xmlDiv {
	display: none;
}

.required {
	color: red;
}

#portalLayout {
	width: 100%;
	border: 0px;
}

#leftColumn {
	width: 50%;
	padding-right: 5px;
}

#rightColumn {
	width: 50%;
	padding-left: 5px;
}

#requestDescription {
	background: #edf2f8;
	border: 1px dotted #c3d3e3;
	padding: 3px;
}

.fieldLayout th {
	text-align: left;
	width: 100px;
}

#roleFieldSet,#groupFieldSet {
	display: none;
}

#pageLayout {
	width: 100%;
}

.gradientTab {
	border: 0px;
	border-collapse: collapse;
	width: 100%;
}

.gradientTab .left {
	height: 18px;
	width: 5px;
	padding: 0px;
	background: url(../images/gradientTabLeft.gif);
}

.gradientTab .mid, .gradientTab .midLeft, .gradientTab .midRight {
	height: 18px;
	padding-top: 2px;
	background: url(../images/gradientTabMid.gif);
	font-size: 12px;
	font-weight: bold;
	font-family: trebuchet ms, arial, verdana;
}

.gradientTab .midLeft {
	text-align: left;
}

.gradientTab .midRight {
	text-align: right;
}

.gradientTab .mid h3, .gradientTab .midLeft h3 {
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	font-family: trebuchet ms, arial, verdana;
}

.gradientTab .right {
	height: 18px;
	width: 5px;
	padding: 0px;
	background: url(../images/gradientTabRight.gif);
}

.portalContainerMaxHeight {
	
	/*if the height is changed it must also be changed in the layoutPortal() function in the general.js library*/
	height: 214px;
	width: 100%;
	overflow: auto;
	border-bottom: 1px solid #bbbbbb;
}

#userDetailsContainer {
	border: 1px solid #bbbbbb;
	background: #fafafa;
}

#userDetailsContainer th {
	background-color: #efefef;
	border: 1px solid #dddddd;
	padding: 1px 2px 1px 2px;
}

#addCommentDialog {
	width: 220px;
	height: 150px;
	position: absolute;
	z-index: 999;
	left: 500px;
	top: 300px;
	background-color: #eaeaf8;
	border: 1px solid #4d6480;
	visibility: hidden;
}

.dialogTitle {
	width: 100%;
	border-bottom: 1px solid #4d6480;
	font-size: 12px;
	font-weight: bold;
	font-family: trebuchet ms, arial, verdana;
	background-color: #a6b4db;
	background: url(../images/menubar_bg.gif);
}

.dialogBody {
	padding: 5px;
}

#listSearch {
	margin-bottom: 10px;
}

.mandatoryField {
	color:red;
	font-weight: bold;
}

.formButton {
	padding-left: 4px;
	color: #000000;
	font: 11px verdana, tahoma, arial, sans-serif;
}