﻿/* -----------
   Main Styles
   ----------- */

body {font-family: Trebuchet MS; font-size: x-small; background-color:White; margin:0px;}
table {font-size: 100%; font-family: Trebuchet MS;}
select {font-size: 100%; font-family: Trebuchet MS;}
textarea {font-size: 100%; font-family: Trebuchet MS; overflow: auto; border: rgb(127,157,185) 1px solid; background-color: White;}
input {font-size: 100%; font-family: Trebuchet MS;}
hr { height: 1px; color: rgb(148,165,181);}

.hyperlink{cursor:hand;}
.hyperlinkImage{cursor:hand; border: none;}
.errorVisible{color:Red;display:block}
.errorNotVisible{color:Red;display:none}
.validation{color: Red;}
.bold{ font-weight:bold;}
.linkObsolete{ background-color:#DEDCDC;}
.linkDeleted{ background-color: #D65454;}
.label {color: rgb(46,89,148);}

/* --------
   Controls
   -------- */

/* Catalogue Control */
.catalogueTable {border-style: solid; border-width: 0 0 1px 1px; border-color: darkgrey; width: 100%; height: 100%; }
.catalogueSubTable {width: 100%; height: 100%;}
.catalogueCell {cursor: pointer; background-repeat: repeat-x; background-position: top; border-style: solid; border-width: 1px 1px 0 0; border-color: darkgrey;}
.catalogueCellEmpty {border-style: solid; border-width: 1px 1px 0 0; border-color: darkgrey;}
.catalogueHeading {color: DarkBlue; font-weight: bold;}
.cataloguePaging{color: rgb(46,89,148);}

/* Date Picker Control */
.datePickerInput {text-align: right; font-family: Trebuchet MS; font-size: 100%; border-width: 0px; background-color: White;}
.datePickerImageCell{vertical-align: middle; padding-left: 2px; background-color: White; cursor: hand;}
.datePickerTable{border: rgb(127,157,185) 1px solid; cursor: default;background-color: White;}

/* Date Picker Calendar */
.calendarDiv  {width: 1px; padding: 4px; border: 1px solid rgb(100,100,100); background-color: White;}
.calendarTopRow {padding-bottom: 2px; border-bottom: 1px solid rgb(245,245,245);}
.calendarHeader {padding: 2px; border-bottom: 1px solid rgb(245,245,245); cursor:default;}
.calendarHREF {width: 100%; padding: 2px; color: black; text-decoration: none; background-color: white; border: 1px solid white;}
.calendarHREF:hover {width: 100%; padding: 2px; color: rgb(0,102,204); text-decoration: none; background-color: rgb(237,249,255); border: 1px solid rgb(218,242,252);}
.calendarHREFHover {width: 100%; padding: 2px; color: rgb(0,102,204); text-decoration: none; background-color: rgb(237,249,255); border: 1px solid rgb(218,242,252);}
.calendarHREFSelected {width: 100%; padding: 2px; color: rgb(0,102,204); text-decoration: none; background-color: rgb(237,249,255); border: 1px solid rgb(0,102,204);}
.calendarHREFSelected:hover {width: 100%; padding: 2px; color: rgb(0,102,204); text-decoration: none; background-color: rgb(237,249,255); border: 1px solid rgb(218,242,252);}
.calendarHREFSelectedHover {width: 100%; padding: 2px; color: rgb(0,102,204); text-decoration: none; background-color: rgb(237,249,255); border: 1px solid rgb(218,242,252);}
.calendarYear {padding-right: 0px; padding-bottom: 0px; padding-top: 0px; padding-left: 2px; border: none; width: 45px;}
.calendarYearCell {border: 1px solid rgb(127,157,185);}
.calendarYearImage {border: none;}
.calendarTodayCell {padding: 1px;  text-decoration: none; border-top: 1px solid rgb(245,245,245);}
.calendarToday {color: black; text-decoration: none;}
.calendarToday:hover {color: rgb(0,102,204); text-decoration: none;}
.calendarTodayHover {color: rgb(0,102,204); text-decoration: none;}
.calendarTodayHover:hover {color: rgb(0,102,204); text-decoration: none;}

/* Find Control */
.findDiv{background-color: white; border: 1px solid black;}
.findTable{border: rgb(127,157,185) 1px solid; cursor: default;background-color: White;}
.findTextBox{border-width: 0px; padding-left: 2px;}
.findImageCell{vertical-align: middle; padding-left: 2px; background-color: White;}

/* Link */
.linkOuter{border: 1px solid rgb(148,165,181);}

/* Message Screen */
.messageScreenDiv {z-index: 999998; background-color: rgb(255,255,255); position: absolute; }

/* Popup Menu */
.popupMenuTable{background-color: rgb(241,241,241); border: 1px solid rgb(151,151,151)}
.popupMenuAnchor{cursor: hand; border: rgb(241,241,241) solid 1px; background-repeat: repeat-x; width: 100%;}
.popupMenuAnchorHover{cursor: hand; border: rgb(168,216,235) solid 1px; background-repeat: repeat-x; width: 100%}
 
/* Select Control */
.selectCell {padding-left: 1px; padding-right: 1px; vertical-align: top; cursor: default;}
.selectCellColumnBorders {padding-left: 1px; padding-right: 1px; vertical-align: top; border-right: 1px solid lightgrey; cursor: default;}
.selectCellRowBorders {padding-left: 1px; padding-right: 1px; vertical-align: top; border-bottom: 1px solid lightgrey; cursor: default;}
.selectList{cursor: default;}
.selectTable{border: rgb(127,157,185) 1px solid; cursor: default;background-color: White;}
.selectTextCell{padding-left: 1px; padding-right: 1px;}
.selectTextBox{border-width: 0px;}
.selectImageCell{vertical-align: middle; padding-left: 2px; background-color: White;}
.selectDiv{overflow: auto; background-color: white; border: 1px solid black; display: none; z-index: 9991001; position: absolute;}
.selectRowHover{background-color: rgb(49,105,198); color: white;}
.selectTableGrid{border: lightgrey 1px solid; border-collapse: collapse;}

/* Rich Text Editor */
.richTextEditorSelectListMouseOver{border: 1px solid rgb(49,106,197); height: 30px; }
.richTextEditorSelectListMouseOut{border: 1px solid lightgrey; height: 30px;}
.RichTextEditorButtonBorder{border: 1px dashed red;}
.RichTextEditorButtonNoBorder{border: 1px solid black;}
.RichTextEditorLinkWindow{background-color:Teal; position:absolute;  top:45%; left:15%; height:10%; width:70%; border:1px solid blue;}

/* Tab Control */
.tabDivHide{overflow: auto; vertical-align: top; display: none;}
.tabDivShow{overflow: auto; vertical-align: top; display: block;}
.tabBottom{width: 100%; border-bottom: 1px solid rgb(148,165,181);}
.tabPixel{height: 1px; width: 1px;}
.tabDivCell{padding: 0px; border-left: 1px solid rgb(148,165,181); border-right: 1px solid rgb(148,165,181);}
.tabAnchor{cursor: hand; text-decoration:none;}
.tabEndLine{border-bottom: 1px solid rgb(148,165,181);}
.tabTitle{padding: 2px; color: rgb(46,89,148);}

/* Table List */
.tableListSortArrows{color: gray; font-size: xx-small; cursor: default;}
.tableListRow{background-color: #ffffff;}
.tableListAlternatingRow{background-color: #e1f0fe;}
.tableListTable{border-color: rgb(236, 233,216);border-width:1px;border-style:solid;border-collapse:collapse;}
.tableListSortedHeader{color: rgb(46,89,148); font-weight: bold;}
.tableListHeader{color: rgb(46,89,148); font-weight: bold;}
.tableListCount{border-top: 1px solid rgb(236,233,216); color: rgb(46,89,148);}
.tableListPaging{color: rgb(46,89,148);}
.tableListImageButton{border: none;}
.tableListMoveUpDown{width: 32px; font-family: Webdings; font-size: 120%;}

/* Textbox */
.textbox {font-size: 100%; font-family: Trebuchet MS; border: rgb(127,157,185) 1px solid; background-color: White; padding-left: 2px;}


/* Toolbar */
.toolbarContainer{width: 100%; display:block; border: 1px solid #b2cbd8; border-bottom: 1px solid #042c41; height: 32px;}
.toolbarImage{width: 100%; height: 30px;}
.toolbarButtonWrap{color: #FFFFFF;height: 24px;background-repeat :repeat-x;background-position :center;cursor: pointer;}
.toolbarHideAnchor{text-decoration: none;}
.toolbarBlack {color: Black;}
 
.toolbarDivider{ color: white; height: 20px; padding-right: 3px; padding-left: 3px; background-repeat: repeat-x; background-position: "center 50%";}
.toolbarPopup { color: white; background-repeat:repeat-x; background-position: center 50%; }
.toolbarMainTable {color: white; height: 100%; }
.toolbarButton {color: white; height: 20px; background-repeat: repeat-x; background-position: center 50%;}
.toolbarButtonMainTable {color: white;}

/* Treeview */

.treeviewNode {cursor: hand; border: 1px solid white;}
.treeviewNodeHover {cursor: hand ;border: 1px solid #d8f0fa; background-repeat: repeat-x;}
.treeviewNodeSelected {cursor: hand; border: 1px solid #99defd; background-repeat: repeat-x;}
.treeviewExpandImage {width: 9px; height: 9px; }
.treeviewImage {width: 16px; height: 16px; }
.treeviewAnchor {cursor: default;}
.treeviewFind {color: rgb(122,122,122); font-size: 100%; border: none; background-color: transparent;}
.treeviewFindDiv {cursor: hand ;border: 1px solid #d8f0fa; background-repeat: repeat-x;}

/* --------
   Page Styles
   -------- */
   
/* Default.aspx */
.defaultLabel{font-size:medium;}
.defaultTable{height:100%;width:100%;font-family:Trebuchet MS;font-size:x-small;}
.defaultSideMenu{padding-right:0px;display:block;}
.defaultSideMenuHide{padding-right:0px;display:none;}
.defaultTitleTopBar{background-image: url("Images/FrameTop.gif");background-repeat:repeat-x;}
.defaultTitleText{width:100%;padding-left:1px;font-weight:bold;font-family:Trebuchet MS;font-size:x-small;}
.defaultViewTable{	width:100%;height:100%;border-left: 1px solid #434b54;border-right: 1px solid #434b54;}
.defaultViewTableLeft{width:4px;background-image: url("Images/FrameLeft.gif");background-repeat:repeat-y;}
.defaultViewTableRight{width: 4px;background-image: url('Images/FrameRight.gif'); background-repeat: repeat-y;}
.defaultViewTableBottom{background-image: url('Images/FrameBottom.gif'); background-repeat: repeat-x; border-bottom: #434b54 1px solid; font-size:1px;}
.defaultViewTableTop{background-image: url('Images/FrameBottom.gif'); background-repeat: repeat-x; border-top: #434b54 1px solid; font-size:1px;}
.defaultViewTableCell{background-color: #e0f0fe;}
.defaultViewTop{padding-top:2px; background-image: url('Images/FrameBottom.gif'); background-repeat: repeat-x; }
.defaultSectionButton{border: #6593cf 1px solid; cursor: hand;}
.defaultSectionButtonBottom{border: #6593cf 1px solid; cursor: hand;}
.defaultSectionButtonSelected{background-image: url(Images/SectionBgClicked.gif); background-repeat: repeat-x; height: 31px; cursor: hand;}
.defaultSectionButtonUnselected{background-image: url(Images/SectionBg.gif); background-repeat: repeat-x; height: 31px; cursor: hand;}
.defaultMainFrame{display: block; width: 100%; height: 100%; border: 1px solid #65707b;}
.defaultViewDiv{width: 100%; height: 100%; border: 1px solid #65707b;}
.defaultViewCell{padding: 2px;}
.defaultFrameWhiteLeft{width: 4px; background-image: url('Images/FrameLeftNoWhite.gif'); background-repeat: repeat-y;}
.defaultFrameWhiteRight{width: 4px; background-image: url('Images/FrameRightNoWhite.gif'); background-repeat: repeat-y;}
.defaultFrameWhiteMiddle{font-size: 1px; background-color: #e0f0fe;}
.defaultMainContentTitle{table-layout: fixed; width: 100%; height: 100%;}
.defaultTreeMove{z-index: 2001; width: 6px; height: 100%;}
.defaultTreeMoveContainer{padding-right: 0px; padding-left: 0px; padding-bottom: 0px; cursor: e-resize;	width:6px;}
.defaultFrameSpacer{width: 6px;}
.defaultTreeFrame{width: 100%; height: 100%}
.defaultSectionButtonSelectedHover{background-image: url('Images/SectionBgClickedHover.gif');height: 31px;}
.defaultSectionButtonHover{background-image: url('Images/SectionBgHover.gif');height: 31px;}
.defaultLogout{color: rgb(46,89,148);}
.defaultLogout:hover{text-decoration: underline;color: navy;}
.defaultLogout:active{color:navy;text-decoration: underline;font-weight:bold;}
.defaultLogout:visited{color:navy;text-decoration: underline;font-weight:bold;}
.defaultLink{color: rgb(46,89,148); text-decoration: underline; font-weight:bold;}
.defaultLink:active{color:rgb(46,89,148); text-decoration: underline; font-weight:bold;}
.defaultLink:visited{color:rgb(46,89,148); text-decoration: underline; font-weight:bold;}

/* Treeview Test */
.treeviewTest {cursor: hand; color: blue; border: 1px solid white;}
.treeviewTestHover {cursor: hand; color: blue; border: 1px solid #d8f0fa; background-repeat: repeat-x;}
.treeviewTestSelected {cursor: hand; color: blue; border: 1px solid #99defd; background-repeat: repeat-x;}

/* Admin.aspx */
.adminBold {color: rgb(46,89,148); font-size: medium; font: Trebuchet MS;}

/* Homepage */
.homePageSmall { font-size: 85%; }
a.homePageWhite { color: White; font-weight: bold;font-size:x-small;}
.homePageLink{color: navy; text-decoration: underline; font-weight:bold;}
.homePageLink:active{color:navy; text-decoration: underline; font-weight:bold;}
.homePageLink:visited{color:navy; text-decoration: underline; font-weight:bold;}
.homePageTableCell{font-family:Trebuchet MS;color:navy;font-size:x-small;}
.homePageTableCellBold{font-family:Trebuchet MS;color:navy;font-size:x-small;font-weight:bold;}
h3{color:Navy;}
.homePageImageMapDiv{border: 1px solid navy;background: #EEEEFF;font-family: tahoma;font-size: 12px;width: 849px;height: 100px;padding: 15px;color: #000000;}
.homePageSmallCaps{font-family: tahoma;font-size: 12px;font-variant: small-caps;font-weight: bold;color: #0000FF;}
.homePageDocumentLink{color: navy; text-decoration: underline;}
.homePageDocumentLink:active{color:navy; text-decoration: underline;}
.homePageDocumentLink:visited{color:navy; text-decoration: underline;}
