/* -- DIALOG PANEL -- */
/*    This provides the basic classes for all dialog panels in the Adam application.
	  Change these css classes if you want to change the standard layout of all dialog
	  panel. */
.dialogpanel {
	background-color: #ffffff;
	border: solid 7px #83B817;
}
.dialogpanel .dialogtitle {
	padding: 10px 15px 10px 15px;
	font-weight: bold;
	font-family: Arial Narrow, Tahoma, Verdana;
	color: #ffffff;
	font-size: 14pt;
	background-color: #83B817;
}
.dialogpanel .dialogcontent {
	font-family: Verdana, Arial;
	font-size: 12px;
	padding: 5px 15px 5px 15px;
}
.dialogpanel .dialogbuttongroup {
	padding: 10px 15px 10px 15px;
	text-align: right;
}
.dialogpanel .dialogbuttongroup .dialogbutton {
	width: 100px;
}
.dialogpanel .dialogcontenttitle {
	font-weight: bold;
	font-size: 13px;
	padding: 0px 10px 0px 10px;
}
.dialogpanel .dialogcontentpanel {
	padding: 10px 10px 10px 10px;
	border: solid 1px #D8DDCD;
}
.dialogpanel .dialogcontentlabel {
}
.dialogpanel .dialogcontentbutton {
	width: 20px;
	height: 20px;
	border: solid 1px #ffffff;
}
.dialogpanel .dialogcontentbuttonhover {
	border: solid 1px #335EA8;
	background-color: #C2CFE5;
}
.dialogpanel .dialogcontentbuttondisabled {
}
.dialogpanel .dialogcontenterror {
	padding: 10px 10px 10px 10px;
	border: solid 1px #ff0000;
	color: #ff0000;
	background-color: #FFFFE1;
}
.dialogpanel .dialogcontent .listbox {
	border: solid 1px #6699CC;
	font-family: Verdana, Arial;
	font-size: 11px;
	width: 300px;
	height: 200px;
}
.dialogpanel .dialogcontent .searchbox {
	width: 150px;
	font-size: 11px;
	font-family: Verdana, Arial;
}

/* -- MESSAGE BOX -- */
/*    Specific layout for a message box. 
	  Modify the images in the folder ./Controls/MessageBox to change the 
	  default images used in the message box. */
.messagebox .dialogcontent {
	width: 300px;
	height: 40px;
	padding: 10px 10px 10px 10px;
}

/* -- MESSAGES DIALOG -- */
/*    Specific layout for the message dialog box that shows the that shows the messages queued in
	  Adam application. See the 'messageslist' css class for the layout of the messages. */
.messagesdialog .dialogcontent {
	width: 500px;
	height: 320px;
}

/* -- MESSAGES LIST -- */
/*    Specific layout for the messages that are queued Adam application during a page request.
	  Modify the images in the folder ./Controls/MessageBox to change the 
	  default images used in the messages dialog box. */
.messageslist {
}
.messageslist .messagegrouptitle {
	font-weight: bold;
}
.messageslist .messagegroup {
	height: 42px;
	padding: 10px 10px 10px 60px;
	background-repeat: no-repeat;
	background-position: 4px 4px;
}
.messageslist .errormessages {
	color: #ff0000;
}
.messageslist .informationmessages {
	color: #0000ff;
}
.messageslist .warningmessages {
	color: #000000;
}

/* -- URL DIALOG -- */
/*    Specific layout for a dialog box that shows a page in an iframe. */
.urldialog .dialogcontent {
	padding: 0px 0px 0px 0px;
}

/* -- CLASSIFICATION TREE DIALOG -- */
/*    Specific layout for a dialog box that shows a page in an iframe. */
.classificationtreedialog .dialogcontent {
	width: 600px;
	height: 400px;
}

/* -- DYNAMIC OPTION LIST DIALOG -- */
/*    Specific layout for a dialog box that shows a search dialog for searching dynamic options
	  of a dynamic option list field control. 

	  Images used in the dialog panel include:
		- Controls/Dialog/AddToList.gif (shows a left-to-right arrow for adding an item to the selection)
		- Controls/Dialog/RemoveFromList.gif (shows a right-to-left arrow for removing an item to the selection)
		- Controls/Dialog/SortDown.gif (shows a down arrow for moving an item down in the selection)
		- Controls/Dialog/SortUp.gif (shows a down arrow for moving an item up in the selection)
		- Controls/Dialog/Loading.gif (shows a 'loading' image when a search is performed)
		- Controls/Dialog/Search.gif (shows binoculars representing the search action) 
*/
/* .dynamicoptionlistdialog {
} */

/* -- SEARCH LIST DIALOG -- */
/*    Specific layout for a dialog box that shows a search dialog for searching items.

	  Images used in the dialog panel include:
		- Controls/Dialog/AddToList.gif (shows a left-to-right arrow for adding an item to the selection)
		- Controls/Dialog/RemoveFromList.gif (shows a right-to-left arrow for removing an item to the selection)
		- Controls/Dialog/SortDown.gif (shows a down arrow for moving an item down in the selection)
		- Controls/Dialog/SortUp.gif (shows a down arrow for moving an item up in the selection)
		- Controls/Dialog/Loading.gif (shows a 'loading' image when a search is performed)
		- Controls/Dialog/Search.gif (shows binoculars representing the search action)
*/
/* .searchlistdialog {
} */

/* -- SEARCH RECORD LINK DIALOG -- */
/*    Specific layout for a dialog box that shows a search dialog for searching record links.

	  Images used in the dialog panel include:
		- Controls/Dialog/AddToList.gif (shows a left-to-right arrow for adding an item to the selection)
		- Controls/Dialog/RemoveFromList.gif (shows a right-to-left arrow for removing an item to the selection)
		- Controls/Dialog/SortDown.gif (shows a down arrow for moving an item down in the selection)
		- Controls/Dialog/SortUp.gif (shows a down arrow for moving an item up in the selection)
		- Controls/Dialog/Loading.gif (shows a 'loading' image when a search is performed)
		- Controls/Dialog/Search.gif (shows binoculars representing the search action)
*/
/* .searchrecordlinkdialog {
} */

/* -- LANGUAGE SELECTOR DIALOG -- */
/*    Specific layout for a dialog box that shows the available langauges of a field viewer
	  and lets the user select and order the languages to show.

	  Images used in the dialog panel include:
		- Controls/Dialog/AddToList.gif (shows a left-to-right arrow for adding an item to the selection)
		- Controls/Dialog/RemoveFromList.gif (shows a right-to-left arrow for removing an item to the selection)
		- Controls/Dialog/SortDown.gif (shows a down arrow for moving an item down in the selection)
		- Controls/Dialog/SortUp.gif (shows a down arrow for moving an item up in the selection)
*/
/* .languageselectordialog {
} */


/* -- CLASSIFICATION TREE -- */
/*    Defines the layout for the classification tree. 

	  Images used in the classification tree include:
		- Controls/Tree/FolderCollapsed.gif
		- Controls/Tree/FolderExpaned.gif
		- Controls/Tree/Collapse.gif
		- Controls/Tree/Expand.gif
		- Controls/Tree/NoExpand.gif
		- Controls/Tree/LineChildNodes.gif
		- Controls/Tree/LineLastChildNodes.gif
		- Controls/Tree/LineSameLevel.gif
		- Controls/Tree/CheckboxNotSet.gif
		- Controls/Tree/CheckboxSet.gif
*/
.classificationtree {
}
.classificationtree .classNode A SPAN {
	font-family: Verdana;
	font-size: 11px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	color: #000;
}
.classificationtree .hoverClassNode A SPAN {
	background-color: #FF4000;
	color: #fff;
}
.classificationtree .selectedClassNode A SPAN {
	background-color: #83B817;
	color: #fff;
}

/* -- UPLOAD PROGRESS -- */
/*    Defines the layout for the upload progress control.

	  Images used in the dialog panel include:
		- Controls/Upload/Queued.gif (indicated a file upload is queued in the list of files to upload)
		- Controls/Upload/InProgress.gif (indicated the file that is being uploaded)
		- Controls/Upload/Success.gif (indicated a file upload was successful)
		- Controls/Upload/Failed.gif (indicated a file upload has failed)
*/
.uploadprogress {
}
.uploadprogress .dialogcontent {
	width: 600px;
	height: 400px;
}
.uploadprogress .dialogcontentpanel {
	height: 250px;
}
.uploadprgress .dialogcontentlabel {
	padding: 10px 0px 10px 0px;
}
.uploadprogress .fileitem {
}
.uploadprogress .activefileitem {
	font-weight: bold;
}
.uploadprogress .progressbar {
	border: solid 1px #D8DDCD;
	padding: 1px 1px 1px 1px;
}
.uploadprogress .progressindicator {
	height: 6px;
	background-color: #FF4000;
}

/* -- UPLOAD CONTROL -- */
/*    Defines the layout for the upload control that allows the user to upload multiple files. */
.uploadcontrol {
}
.uploadcontrol .fileItem {
}
.uploadcontrol .fileNumber {
	color: #cccccc;
	font-size: 17pt;
	border-right: 1px solid #cccccc;
	padding-right: 3px;
	margin-right: 10px;
	display: block;
}
.uploadcontrol .fileLabel {
	width: 70px;
	display: block;
}
.uploadcontrol .fileField {
	width: 300px;
}

/* -- FILE VERSION PREVIEW -- */
/*    Defines the layout of the select-file-version preview (which surrounds the selected file version preview). */
.fileVersionPreviewViewer {
	border: solid 1px #00A3D4;
}
.fileVersionPreviewViewer .providerItemList {
	background-color: #00A3D4;
	height: 30px;
}
.fileVersionPreviewViewer .providerItem {
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
}
.fileVersionPreviewViewer .activeProviderItem {
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}


/* -- INPUT ERROR -- */
/*    Defines the layout for showing an validation error to the user */
.inputerroricon {
	vertical-align: middle;
	margin-left: 10px;
}
.inputerrortooltip {
	background-color: rgb(255, 255, 225);
	background-image: url(Validation/Error.gif);
	background-repeat: no-repeat;
	background-position: 5 5;
	border: 1px solid #ff0000;
	color: #000000;
	font-size: 11px;
	font-family: Arial;
	padding-left: 30px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	position: absolute;
	visibility: hidden;
	z-index: 2850;
	width: 250px;
	height: 25px;
}

/* -- RESOLVE REFERENCES -- */
/*    Defines the layout for a resolved reference. */
.resolvedReferenceLanguage {
	font-weight: bold;
	display: block;
	margin-top: 15px;
	margin-bottom: 5px;
	border-bottom: solid 1px #ccc;
}

/* -- FIELD HISTORY -- */
/*    Defines the layout for the field history dialog content. */
.historyDialog .dialogContent {
	width: 800px;
	height: 400px;
	overflow: auto;
}

/* -- SEARCH BOX -- */
/*    Defines the layout for a search box in the application */
.SearchBox {
	float: none;
	clear: left;
}
.SearchBox INPUT {
	float: left;
	border: solid 1px #83B817;
	font-size: 12px;
	height: 16px;
	width: 169px;
	vertical-align: middle;
}
.SearchBox .searchbutton {
	float: left;
	line-height: 20px;
	height: 20px;
	width: 18px;
	font-size: 11px;
	vertical-align: middle;
	text-decoration: none;
	background-image: url(Search/Search.gif);
}
.SearchBox A.searchbutton:hover {
	background-image: url(Search/SearcHover.gif);
}

.searchlinks {
	font-family: Arial;
	font-size: 8pt;
	clear: both;
	display: block;
	text-align: right;
	width: 210px;
}
.searchhelplink {
	color: #666;
	text-decoration: none;
}
.searchhelplink:hover {
	/*text-decoration: underline;*/
}


/* -- SEARCH OPTIONS DIALOG -- */
.searchOptionsDialog {
    position: absolute;
    border: 5px solid #83B817;
    background-color: #ffffff;
    padding: 20px;
    font-family: verdana;
    left: 10px;
    top: 20px;
    border: 2px solid #333;
}

.searchOptionsDialog .dialogTitle {
    font-size: 21pt;
    font-family: Tahoma;
    color: #666666;
}
.searchOptionsDialog .dialogContent {
    border-top: 1px solid #DCDCDC;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
	overflow: auto; /* This is needed to fix the firefox bug that the caret (flashing cursor) is otherwise hidden */
	width: 400px;
	height: 200px;
}
* html .searchOptionsDialog .dialogContent {
    padding-bottom: 0px;
}
.searchOptionsDialog .dialogContent .optionsTitle {
	font-weight: bold;
}
.searchOptionsDialog .dialogButtons {
    clear: left;
    float: none;
    text-align: right;
    padding-top: 10px;
    border-top: 1px solid #DCDCDC;
}
.searchOptionsDialog .dialogButtons .button {
    width: 100px;
    margin-left: 14px;
}
.searchOptionsDialog .label {
    font-size: 12px;
}

/* -- SELECTED CLASSIFICATIONS -- */
/*    Defines the layout for controls that show selected classifications. */
.classPathNoBorder {
	font-size: 8pt;
/*	margin-top: 5px;
	margin-bottom: 5px;
*/
}
.classPathNoBorder .child {
	font-size: 8pt;
	padding-left: 15px;
	background-image: url(Classifications/Child.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
.classPathNoBorder .deepest {
	font-weight: bold;
}
.classPathNoBorder .deepest IMG {
	vertical-align: top;
	margin-left: 4px;
}

.classPath {
	font-size: 8pt;
	margin-top: 5px;
	border-bottom: solid 1px #e7e7e7;
	margin-bottom: 5px;
}
.classPath .child {
	font-size: 8pt;
	padding-left: 15px;
	background-image: url(Classifications/Child.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
.classPath .deepest {
	font-weight: bold;
}
.classPath .deepest IMG {
	vertical-align: top;
	margin-left: 4px;
}

/* -- CONTROL THAT ALLOWS SEARCHING FOR SETTING ITS VALUE -- */
/*    Defines the layout for controls that allow a user to search/select items in a popup window. 
		
	  Additional images used in the control:
		- Controls/General/Edit.gif
		- Controls/General/EditOver.gif
		- Controls/General/EditActive.gif
*/
.searchlistfield {
	width: 270px;
	display: block;
	float: left;
}
.searchlistfield .selecteditems {
	float: left;
	overflow: auto;
	width: 200px;
	min-width: 200px;
	min-height: 15px;
	border: 1px solid #7F9DB9;
	font-size: 11px;
	background-color: #ffffff;
	padding: 2px;
	line-height: 17px;
	height: 100%;
	white-space: normal;
}
* html .searchlistfield .selecteditems {
	height: auto;
}
.searchlistfield .open {
}
.searchlistfield .selector {
	float: left;
	clear: right;
}

/* -- TREE NODE SELECTOR -- */
/*    Defines the layout used on the tree node selector (list and single item) to display its layout */
.treenodeselector {
	width: 400px;
	display: block;
	float: left;
}
.treenodeselector .selecteditems {
	float: left;
	overflow: auto;
	width: 260px;
	min-width: 200px;
	min-height: 15px;
	border: 1px solid #7F9DB9;
	font-size: 11px;
	background-color: #ffffff;
	padding: 2px;
	line-height: 14px;
	height: 100%;
	white-space: normal;
}
/* ie only */
* html .treenodeselector .selecteditems {
	height: auto;
}

.buttonbrowse {
	background-image: url(General/BrowseButton.gif);
}
.buttonbrowse:hover {
	background-image: url(General/BrowseButtonOver.gif);
}
.buttonsearch {
	background-image: url(General/SearchButton.gif);
}
.buttonsearch:hover {
	background-image: url(General/SearchButtonOver.gif);
}
.clearlink {
	background-image: url(General/Erase.gif);
}

.actionbutton {
	text-decoration: none;
	color: #000000;
	font-size: 9pt;
	width: 20px;
	height: 19px;
	min-width: 20px;
	min-height: 19px;
	float: left;
	margin-left: 3px;
	overflow: hidden;
}

.mosaictitle {
	font-family: Univers Condensed Light, Zurich, Arial Narrow, Arial, Tahoma, Verdana;
	font-size: 13pt;
	color: #000000;
	font-weight: bold;
}

/* -- CONTEXT MENU -- */
/*    Defines the layout for a context menu. */
.ContextMenu {
	border: 1px solid #002D96;
	font-family: Verdana;
	font-size: 11px;
	background: rgb(252,252,249) url(ContextMenu/bg.gif) repeat-y;
}
.ContextMenu A {
	display: block;
	text-decoration: none;
	padding-left: 30px;
	padding-right: 24px;
	white-space: nowrap;
	padding-top: 4px;
	padding-bottom: 4px;
	margin: 3px;
	background-position: 2px center;
	background-repeat: no-repeat;
}
.ContextMenu .active {
	color: #000000;
}
.ContextMenu .active:hover {
	background-position: 3px center;
	background-color: rgb(193, 210, 238);
	border: 1px solid rgb(49, 106, 197);
	margin: 1px;
}
.ContextMenu .inactive {
	color: #666666;
	cursor: default;
}
.ContextMenu .spacer {
	height: 10px;
	overflow: hidden;
	width: auto;
	margin-bottom: 5px;
	margin-left: 31px;
	border-bottom: 1px solid rgb(197,194,184);
}
.actionsicon {
	vertical-align: middle;
}

/* -- CONTEXT MENU ICONS -- */
.ContextMenu .validate		{ background-image: url(ContextMenu/validate.gif); }
.ContextMenu .reset			{ background-image: url(ContextMenu/reset.gif); }
.ContextMenu .history		{ background-image: url(ContextMenu/history.gif); }
.ContextMenu .addcomment	{ background-image: url(ContextMenu/addcomment.gif); }
.ContextMenu .showintree	{ background-image: url(ContextMenu/browse.gif); }
.ContextMenu .remove		{ background-image: url(ContextMenu/delete.gif); }


.a_icononly {
	text-decoration: none;
	background-repeat: no-repeat;
	padding:0px; 
	margin:0px;
	float:left;
	overflow:hidden;
	display:block;
	margin-right:2px;
}
.a_iconandtext {
	text-decoration: none;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 26px;
	padding-right: 10px;
}
.a_icononly:hover {
	background-color: #FF6633;
	color: #ffffff;
}
.a_iconandtext {
	color: #00f;
}
.a_iconandtext:hover {
	text-decoration: underline;
}