/* cascading menu style (must be first item of the stylesheet) */

BODY
{
    FONT-SIZE: 11pt;
    FONT-FAMILY: Arial;
    margin:0;
}

div,input,select,textarea,li,td,form {
    font-size: 11pt;
    font-family: Arial;
}

image,input,select,img {
    vertical-align: middle;
}

table {
    font-size: 11pt;
    font-family: Arial;
    border-collapse: collapse;
}

.redText {
    font-size: 11pt;
    font-family: Arial;
    color: red;
    text-align: justify;
}

.menuMOver{COLOR: #CDCBE2;}
.menuMOut{COLOR: #7873B1;}
.ibox{
 BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #336699 1px solid; BORDER-LEFT: #336699 1px solid; 
 BORDER-RIGHT: #336699 1px solid; BORDER-TOP: #336699 1px solid; COLOR: #000000; font-style: normal; 
 FONT-SIZE: 11pt; line-height: normal; font-family: Arial
}
.button{
 BACKGROUND-COLOR: #B6B6B4;
 BORDER-BOTTOM: #CCCCAA 1px solid;
 BORDER-LEFT: #CCCCAA 1px solid;
 BORDER-RIGHT: #CCCCAA 1px solid;
 BORDER-TOP: #CCCCAA 1px solid;
 COLOR: Black;
 CURSOR: pointer;
 font-style: normal;
 font-weight: normal;
 font-size: 11pt;
 line-height: normal;
 font-family: Arial;
}

/* left panel */
.sideBG{
 BACKGROUND: url(images/sidebg1.jpg)
}
/* login */
.loginHeader{COLOR: #FFFFFF; FONT-STYLE: normal; FONT-SIZE: 11pt; FONT-FAMILY: Arial; text-decoration:none }
.loginTxt{FONT-STYLE: normal; COLOR: #FFFFFF;FONT-SIZE: 11pt; FONT-FAMILY: Arial; text-decoration:none }
.loginApply{COLOR: #336699; FONT-STYLE: normal; FONT-SIZE: 11pt; FONT-FAMILY: Arial; text-decoration:none }
.loginForgot{COLOR: #336699; FONT-STYLE: normal; FONT-SIZE: 11pt; FONT-FAMILY: Arial; text-decoration:none }
/* welcome */
.wcBorder{BACKGROUND-COLOR: #336699;}
.wcInner{BACKGROUND-COLOR: #FFFFFF;}
.wcHeader{COLOR: #1C61C0; FONT-STYLE: normal; FONT-SIZE: 11pt; FONT-FAMILY: Arial; text-decoration:none }
.wcTxt{FONT-STYLE: normal; FONT-SIZE: 11pt; FONT-FAMILY: Arial; text-decoration:none }
.wcLogout{COLOR: #336699; FONT-STYLE: normal; FONT-SIZE: 11pt; FONT-FAMILY: Arial; text-decoration:none }
a.wcLogout:hover{text-decoration:none;} 
a.wcLogout:link{text-decoration:none;} 
a.wcLogout:visited{text-decoration:none;}

/* side search */
.sSearchBorder{
 BACKGROUND-COLOR: #C6E7F7;
}

.sSearchTxt{
 COLOR: #FFFFFF;
 FONT-STYLE: normal;
 FONT-SIZE: 11pt;
 FONT-FAMILY: Arial;
 text-decoration: none;
}

/* main page */
.searchTxt{
 COLOR: #005973;
 FONT-STYLE: normal;
 FONT-SIZE: 11pt;
 FONT-FAMILY: Arial;
 text-decoration: none;
}

/* result page */
.displayBorder{
 BACKGROUND-COLOR: #005973;
}

.displayLink{
 COLOR: #005973;
 FONT-STYLE: normal;
 FONT-SIZE: 11pt;
 FONT-FAMILY: Arial;
 text-decoration: none;
}

a.displayLink:hover{text-decoration:none;} 

a.displayLink:link{text-decoration:none;} 

a.displayLink:visited{text-decoration:none;}

.displayTxt{COLOR: #000000; FONT-STYLE: normal; FONT-SIZE: 11pt; FONT-FAMILY: Arial; text-decoration:none }

/* footer */
.footerTxt
{
    color: #333333;
    font-style: normal;
    font-size: 11pt;
    font-family: Arial;
    text-decoration: none;
    padding-left: 8px;
    background-color: white;
}

.footerTxt a {
    color: #777777;
}

/* shopping cart */
.cartBorder{
 BACKGROUND-COLOR: #BADC4C;
}

.cartUTitle{COLOR: #FFFFFF; FONT-STYLE: normal; FONT-SIZE: 11pt; FONT-FAMILY: Arial; text-decoration:none }

.cartDTitle
{
    color: #005973;
    font-style: normal;
    font-size: 16px;
    font-family: Arial;
    text-decoration: none;
}

.cartDLink{
 COLOR: #005973;
 FONT-STYLE: normal;
 FONT-SIZE: 11pt;
 FONT-FAMILY: Arial;
 text-decoration: none;
}

a.cartDLink:hover{text-decoration:none;} 
a.cartDLink:link{text-decoration:none;} 
a.cartDLink:visited{text-decoration:none;}
.cartDHeadTitle{
 FONT-STYLE: normal;
 FONT-SIZE: 11pt;
 FONT-FAMILY: Arial;
 text-decoration: none;
}

.cartDHeadTxt{COLOR: #000000; FONT-STYLE: normal; FONT-SIZE: 11pt; FONT-FAMILY: Arial; text-decoration:none }
.cartTxt{
 COLOR: #005973;
 FONT-STYLE: normal;
 FONT-SIZE: 11pt;
 FONT-FAMILY: Arial;
 text-decoration: none;
}

.costName{
 COLOR: #005973;
 FONT-STYLE: normal;
 FONT-WEIGHT: bold;
 FONT-SIZE: 11pt;
 FONT-FAMILY: Arial;
 text-decoration: none;
}

.costTxt{
 COLOR: #005973;
 FONT-STYLE: normal;
 FONT-WEIGHT: bold;
 FONT-SIZE: 11pt;
 FONT-FAMILY: Arial;
 text-decoration: none;
}

/* folder */
.folderBG{BACKGROUND-COLOR: #336699;}
.folderTxt{COLOR: #CCCCCC; FONT-STYLE: normal; FONT-SIZE: 11pt; FONT-FAMILY: Arial; text-decoration:none }
.folderLink{COLOR: #FFFFFF; FONT-STYLE: normal; FONT-SIZE: 11pt; FONT-FAMILY: Arial; text-decoration:none }
.subfolderTxt{COLOR: #555555; FONT-STYLE: normal; FONT-SIZE: 11pt; FONT-FAMILY: Arial; text-decoration:none }

/* folder */
.pathHeaderBG{
 BACKGROUND-COLOR: #005973;
}

.pathHeaderTxt{COLOR: #FFFFFF; FONT-STYLE: normal; FONT-SIZE: 11pt; FONT-FAMILY: Arial; text-decoration:none }
.pathLink{COLOR: #1C60C0; font-weight: bold; FONT-SIZE: 11pt; FONT-FAMILY: arial; text-decoration:none }
.pathList{COLOR: #D90069; }

/* quick select */
.quickSelect{
 COLOR: #005973;
 FONT-STYLE: normal;
 FONT-SIZE: 11pt;
 FONT-FAMILY: Arial;
 text-decoration: none;
}

/* message */
.msgTxt{
 COLOR: #005973;
 FONT-STYLE: normal;
 FONT-SIZE: 11pt;
 FONT-FAMILY: Arial;
 text-decoration: none;
}

/* admin menu */
.menuTxt{
 COLOR: #005973;
 FONT-STYLE: normal;
 FONT-SIZE: 11pt;
 FONT-WEIGHT: bold;
 FONT-FAMILY: Arial;
 text-decoration: none;
}

/* MARK's CUSTOMISED CSS */

a { 
    font-size: 11pt;
    font-family: Arial;
    text-decoration: none;
    color: #666699;
    cursor: pointer;
}

a:hover {
    text-decoration: underline;
}

a.noline:hover { text-decoration: none; cursor: pointer}


.mainBody {
    margin:auto;
    padding:0;
    width: 990px;
    background-color:white;
    font-family: Arial;
    font-size: 11pt;
    height:100%;
}

.inputHint {
    font-size: 9pt;
    font-family: Arial;
}

.Explore {
    padding:2px;
    background-color:#cbd5eb;
    text-align:center;
    font-size: 11pt;
    font-family: Arial;
    margin-bottom:4px;
}

.searchTopPanel {
    background:url('images/search_head.gif') no-repeat top left;
    font-size: 11pt;
    font-family: Arial;
    text-align: center;
    height:23px;
}

.searchPanelWrapper {
    background:url("images/search_body.gif") repeat-y top left;
    width: 151px;
}

.searchPanelBottom {
    background:url("images/search_end.gif") no-repeat top left;
    width:151px;
    height:8px;
}

.searchPanel {
    /* border:2px solid #cbd5eb; */
    padding-top:4px;
    padding-left:8px;
    font-size: 11pt;
    font-family: Arial;
    width:139px;
}

.searchPanel form {
    margin:0;
    padding:0;
}

.searchPanel input {
    font-size: 11pt;
    font-family: Arial;
}

#searchFilter {
    font-size: 11pt;
    font-family: Arial;
}

#searchFilter input {
    font-size: 11pt;
    font-family: Arial;
}

#fromDD,#fromMM,#toDD,#toMM {
    width: 1.6em;
    border: 1px solid #777777;
}

#fromYYYY,#toYYYY {
    width: 3.2em;
    border: 1px solid #777777;
}

.Browse {
    float:left;
    background: url("images/browse.gif") no-repeat top left;
    height: 26px;
    width: 102px;
    margin-left: 4px;
}

.BrowseSelected {
    float:left;
    background: url("images/browse_selected.gif") no-repeat top left;
    height: 26px;
    width: 102px;
    margin-left: 4px;

}

.Items {
    float:left;
    background: url("images/items.gif") no-repeat top left;
    height: 26px;
    width: 102px;
    margin-left: 4px;

}

.ItemsSelected {
    float:left;
    background: url("images/item_selected.gif") no-repeat top left;
    height: 26px;
    width: 102px;
    margin-left: 4px;

}

.Results {
    float:left;
    background: url("images/results.gif") no-repeat top left;
    height: 26px;
    width: 102px;
    margin-left: 4px;

}

.ResultsSelected {
    float:left;
    background: url("images/results_selected.gif") no-repeat top left;
    height: 26px;
    width: 102px;
    margin-left: 4px;

}

.Application {
    float:left;
    background: url("images/application.gif") no-repeat top left;
    height: 26px;
    width: 102px;
    margin-left: 4px;
}

.ApplicationSelected {
    float:left;
    background: url("images/application_selected.gif") no-repeat top left;
    height: 26px;
    width: 102px;
    margin-left: 4px;
}

.History {
    float:left;
    background: url("images/history.gif") no-repeat top left;
    height: 26px;
    width: 102px;
    margin-left: 4px;
}

.HistorySelected {
    float:left;
    background: url("images/history_selected.gif") no-repeat top left;
    height: 26px;
    width: 102px;
    margin-left: 4px;
}

.TinyFont {
    font-family: Arial;
    font-size: 8pt;
}

.SmallFont {
    font-family: arial;
    font-size: 9pt;
}

.BigFont {
    font-family: Arial;
    font-size: 16pt;
}

.HorizontalSpacer {
    float:left;
    width:16px;
}

#message {
    vertical-align: middle;
    height: 20px;
}

.ThumbnailSortFilter {
    text-align:right;
}

.sort_submit {

}

.Pagination {
    clear:both;
    text-align:right;
    font-family: Arial;
    font-size: 11pt;
}

.advancedSearchHeader {
    padding:2px;
    color:green;
    font-weight:bold;
}

.notFoundMessage {
    padding-top:16px;
    font-weight:bold;
    text-align:center;
    color:#ff9800;
    font-size: 11pt;
    vertical-align:middle;
}

.downloadListMessage {
    font-weight: bold;
    padding: 8px; 
    color: green;
    text-align:right;
}

.pageLink {
    font-family: Arial;
    font-size: 11pt;
    text-decoration: underline;
    color: blue;
}

.currentPage {
    font-family: Arial;
    font-size: 11pt;
    font-weight: bold;
}

.previewInner {
    font-size:11pt;
    font-family: Arial;
    border:2px solid #dddddd;
    padding:4px;
    height:480px;
    overflow:auto;
    
}

/* .result {
    width:93%;
    float:left;
    padding:8px;
    font-size:11pt;
    color:#777777;
    overflow:auto;
    border-left:2px solid #777777;
    border-top:1px solid #777777;
    border-bottom:1px solid #777777;
    border-right:1px solid #777777;

    height:450px;
} */

.tabShadow {
    clear:both;
    border-top: 2px solid #cbd5eb;
    /* background:url('images/Shadow.gif') repeat-x top left; */
}

.errorMsg {
    color: red;
    font-style:italic;
}

.textInSideTab {
    padding-top: 48px;
    padding-right: 2px;
    font-size: 8pt;
    letter-spacing: 0px;
    font-family: Arial;
}

.textInSideTab2 {
    padding-top: 48px;
    padding-right: 1px;
    font-size: 8pt;
    letter-spacing: 0px;
    font-family: Arial;
}


/* additional styles for xtree */
.webfx-tree-item a, .webfx-tree-item a:active, .webfx-tree-item a:hover {
	margin-left: 3px;
	padding: 1px 2px 1px 2px;
        font-size: 11pt;
        font-family: Arial;
}