/*===============================================================================
// Copyright (C) EZE CASTLE.  All rights reserved. 
//===============================================================================
// FileName: style.css
// File description: 
// 
// Created :Leon Liu 2007-06-11
//
// Modification history
// Leon Liu 2007-06-11: Initial version.
//===============================================================================*/

body
{
    margin:0;
    padding:0;
    font-family:Arial;/*Georgia,'Times New Roman',Times,serif, */
    font-size:10pt;
}

td.top
{
    vertical-align:top;
}

/* - main Page - */
ul
{
    margin:0px;
}

li
{
    display:inline;
}

div.clear
{
    clear:both;
}

span.separator
{
    padding-left:5px;
    padding-right:5px;
}

span.verticalSeparatorLine
{
    padding-left:5px;
    padding-right:5px;
    color:#FFFFFF;
}

/* - header page - */
div#header
{
    padding-top:5px;
    position:relative;

    min-width:910px;
    width:expression(document.body.clientWidth<911?'910px':'100%');
}

div.logo
{
    /*padding-top:5px;
    padding-left:8px;*/
    position:absolute;
    top:13px;
    left:10px;
}

div#userPane
{
    position:absolute;
    top:15px;
    right:5px;
    /*width:180px;*/
    text-align:right;
    font-size:10pt;
    font-weight:bold;
    /*height:40px;
    line-height:40px;
    vertical-align:bottom;*/
}

div#userPane div ul
{
    padding-top:1px;
    padding-left:8px;
}

div#userPane a
{
    color:#000000;
    width:100px;
}

div#tabMenu
{
    /*top:30px;
    left:70px;
    position:absolute;
    width:800px;height:30px;
*/
    padding-top:25px;
    padding-left:120px;
}

div#tabMenu ul
{
    border-bottom:1px solid #FFFFFF;
    margin:0px;
    text-align:left;
}

div#tabMenu li
{
    display:inline;
    margin:0px;
    padding:0px;
}

div#tabMenu div
{
    background-color:#DEDEFF;
    padding:5px;
    border:1px solid #FFFFFF;
    text-align:center;
    width:150px;
    float:left;
    margin-right:2px;
}

div#tabMenu a
{
    font-size:11pt;
    color:#949494;
    text-decoration:none;
}

div#tabMenu div.selected
{
    background-color:#003366;
    text-decoration:none;
}

div#tabMenu div.selected a
{
    font-weight:bold;
    color:#FFFFFF;
}

/* - master page(submenu) - */
div#subMenu
{
    background-color:#003366;
    padding-left:30px;
    height:30px;
    min-width:910px;
    position:relative;
}

div#subMenu div
{
    position:absolute;
    top:25%;
}

div#subMenu ul
{
    position:absolute;
    top:25%;
}

div#subMenu li
{
    display:inline;
}

div#subMenu li.selected a
{
    font-weight:bold;
    text-decoration:underline;
}

div#subMenu a
{
    padding:5px;
    color:#FFFFFF;
    text-decoration:none;
}

div#subMenu a:active
{
    font-weight:bold;
}

div#subMenu a:hover
{
    text-decoration:underline;
}

div#subMenu a.selected
{
    font-weight:bold;
    text-decoration:underline;
}

div#subMenu a[disabled='disabled']:hover
{
    padding:5px;
    color:#FFFFFF;
    text-decoration:none;
}

/* - master page(footer) - */
div#footer
{
    font-size:80%;
    position: relative;
    bottom:1px;
    background-color:#FFFFFF;
    width:100%;
}

div#leftLogo
{
    padding-left:5px;
    float:left;
    width:180px;
}

div#rightLogo
{
    padding-right:5px;
    float:right;
    width:180px;
    text-align:right;
}

div#footerDeclaration
{
    text-align:center;
}

div#footerDeclaration a
{
    color:#000000;
}

div#footerHorizontalSeparator
{
    height:4px;
    width:100%;
    background-color:#003366;
    margin-bottom:5px;
    overflow:hidden;
}

.dotSpan
{
    font-size:12px;
    font-weight:bolder;
    padding:3px;
}

/* - content - */
div#content
{
    padding-left:13px;
    padding-right:13px;
    padding-top:15px;
    padding-bottom:15px;
    overflow:auto;
    position:relative;
}

div#content table.center
{
    margin-left:auto;
    margin-right:auto;
}

div.container
{
    width:97%;
    min-width:900px;
}

div.dashboardContainer
{
    width:98%;
    min-width:900px;
}

span.noWrap
{
    white-space:nowrap;
}

/* - create connection request view - */
table#createConnection
{
    text-align:center;
}

table#createConnection td
{
    width:200px;
    padding-left:30px;
    padding-right:30px;
}

table#createConnection th
{
    font-weight:bold;
}

table#createConnection p
{
    padding:10px;
    text-align:left;
}

div.createConnectionHeaderLine
{
    margin-bottom:30px;
}

div.createConnectionSeparatorLine
{
    margin-top:30px;
    margin-bottom:10px;
}

/* - import connection view - */
div#importConnection
{
    padding-top:20px;
    padding-left:30px;
}

div#importConnection dt span
{
    font-weight:bold;
}

div#importButton
{
    padding-top:5px;
    padding-left:60px;
}

hr
{
    height:2px;
    width:100%;
    background-color:#B6B6B6;
}

/* - login page - */

div#loginHeaderSeparator
{
    height:28px;
    background-color:#003366;
    margin-top:55px;
}

div#loginHeader
{
    padding-top:5px;
}

div#loginHeader a
{
    color:#000000;
    font-weight:bold;
    margin-right:30px;
}

div#loginContent
{
    width:100%;
    text-align:center;
    overflow:auto;
}

table#loginContentTable
{
    text-align:center;
    width:450px;
    margin-right:auto;
    margin-left:auto;
    margin-top:20px;
}

table#loginContentTable td
{
    
}

table#loginContentTable td p
{
    text-align:left;
    padding-left:30px;
    padding-right:30px;
    padding-bottom:30px;
}

table#loginContentTable td a
{
    color:#000000;
}

table#loginContentTable table
{
    text-align:left;
    margin-left:auto;
    margin-right:auto;
}

td.bold
{
    font-weight:bold;
}

td.alignRight
{
    text-align:right;
    padding-right:10px;
}

div.left
{
    float:left;
}

div.right
{
    /*loat:right;*/
    text-align:right;
}

/* - forget password - */
div.linkPane
{
    margin-right:20px;
    width:200px;
    text-align:right;
    font-size:10pt;
    font-weight:bold;
}

div.linkPane a
{
    color:#000000;
    text-decoration:none;
}

/* - requst new login - */
div.firstTitle
{
    padding-left:10px;
}

div.firstTitle dt span
{
    font-size:13pt;
}

div.title dt span
{
    font-weight:bold;
}

div.title dd
{
    padding-top:5px;
}

div.operationArea
{
    padding-left:50px;
    padding-top:10px;
}

/* - profile - */
div.secondTitle
{
    padding-left:30px;
}

div.sencondTitle dt span
{
    font-size:12pt;
}

/* - create a new reuqest (pending connection)-pannel - */
table.createNewRequestTable
{

}

table.createNewRequestTable th
{
    font-size:11pt;
    text-align:left;
}

table.createNewRequestTable td.label
{
    text-align:right;
    font-weight:bold;
    padding-right:20px;
    width:150px;
}

table.createNewRequestTable td span
{
    font-weight:bold;
    padding-left:3px;
    padding-right:3px;
}

table.createNewRequestTable td#networkList input
{
    width:30px;
}

table.createNewRequestTable td input.network
{
    padding-left:5px;
    width:150px;
}

table.createNewRequestTable input
{
    width:200px;
}

table.createNewRequestTable select
{
    width:200px;
}

table.createNewRequestTable input.timeTextBox
{
    width:60px;
}

table.createNewRequestTable textarea
{
    width:200px;
}

/* - batch view - */
div.batchTableContainer
{
}

table.batchTable
{
    margin-top:10px;
    margin-bottom:10px;
}

table.batchTable table
{
    border-collapse:collapse;
}


table.batchTable select
{
    width:200px;
}

table.batchTable td
{
    vertical-align:top;
}

table.batchTable td table
{
    vertical-align:top;
}

table.batchTable td.label
{
    width:120px;
}

div.batchCounterpartyContainer
{
    overflow:auto;
    height:70px;
    width:350px;
}

div.batchCounterpartyContainer select
{
    width:100%;
    height:100%;
}

/*dialogForIE6*/
.dialogForIE6
{
    font-size:8pt;
    /*position:absolute;*/
    top:expression(document.body.scrollTop+(document.body.clientHeight)*0.6-this.offsetHeight);
    left:expression(document.body.scrollLeft+(document.body.clientWidth)*0.7-this.offsetWidth);
}

.dialogForIE6 div.title
{
    font-weight:bold;
    margin-top:5px;
    margin-bottom:5px;
}

.dialogForIE6 div.content
{
    margin-top:1px;
    padding-bottom:10px;
}

.dialogForIE6 table.dialogTable
{
    border-collapse:collapse;
    padding:5px;
    width:100%;
    height:100%;
    margin-left:8px;
    margin-right:2px;
    text-align:left;
    margin-bottom:3px;
}

.dialogForIE6 table.dialogTable textarea
{
    width:92%;
    height:100%;
}

.dialogForIE6 table.dialogTable p
{
    margin-top:10px;
    margin-left:5px;
    margin-right:25px;
}

.dialogForIE6 table.dialogTable p.bold
{
    font-weight:bold;
}

.dialogForIE6 table.dialogTable table.confirmationTable
{
    border-collapse:collapse;
    border-spacing:2px;
    padding:2px;
    border:solid 1px #000000;
    width:95%;
}

.dialogForIE6 table.dialogTable table.confirmationTable th
{
    border:solid 1px #000000;
    padding-left:5px;
}

.dialogForIE6 table.dialogTable table.confirmationTable td
{
    border:solid 1px #000000;
    padding-left:5px;
}

/*dialogForIE6*/

/* - dialog - */
.dialog
{
    font-size:8pt;
    position:fixed !important;
}

.dialog div.title
{
    font-weight:bold;
    margin-top:5px;
    margin-bottom:5px;
}

.dialog div.content
{
    margin-top:1px;
    padding-bottom:10px;
}

.dialog table.dialogTable
{
    border-collapse:collapse;
    padding:5px;
    width:100%;
    height:100%;
    margin-left:8px;
    margin-right:2px;
    text-align:left;
    margin-bottom:3px;
}

.dialog table.dialogTable textarea
{
    width:92%;
    height:100%;
}

.dialog table.dialogTable p
{
    margin-top:10px;
    margin-left:5px;
    margin-right:25px;
}

.dialog table.dialogTable p.bold
{
    font-weight:bold;
}

.dialog table.dialogTable table.confirmationTable
{
    border-collapse:collapse;
    border-spacing:2px;
    padding:2px;
    border:solid 1px #000000;
    width:95%;
}

.dialog table.dialogTable table.confirmationTable th
{
    border:solid 1px #000000;
    padding-left:5px;
}

.dialog table.dialogTable table.confirmationTable td
{
    border:solid 1px #000000;
    padding-left:5px;
}

div.dialogText
{
    margin-left:8px;
}

div.dialogText textarea
{
    margin-top:5px;
    width:97%;
    height:100%;
}

tr.dialogHeader
{
    background-color:#003366;
    background-repeat:repeat-x;
    width:100%;
    height:30px;
}

td b
{
    padding-left:8px;
}

tr.dialogButtonTableRow
{
    background-color:#DCDCFF;
    padding-bottom:5px;
}

tr.dialogButtonTableRow input
{
    font-size:9pt;
}

/* - calendar - */
.calendarSelectedCell
{
    border-right:#bbbbbb 1px solid;
    font-size:12px;
    background:#6699cc;
    cursor:hand;
    color:#FFFFFF;
    border-bottom:#bbbbbb 1px solid;
    font-family:verdana;
}

.calendarCell
{
    cursor:hand;
    border-right:1px solid #BBBBBB;
    border-bottom:1px solid #BBBBBB;
    color:#215DC6;
    font-family:Verdana;
    font-size:12px;
}

/* - error message -*/
div.screenHiddenLayerClass
{
    left:0;
    top:0;
    bottom:0;
    right:0;
    position:fixed;
    width:100%;
    height:100%;
    z-index:222;
    background-color:#666666;
    opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0;

    display:none;
}

div.errorMessage
{
    z-index:1111;
    left:400px;
    top:200px;
    vertical-align:middle;
    position:absolute;
    
    display:none;
}
div.importMessage
{
    z-index:1111;
    left:400px;
    top:200px;
    vertical-align:middle;
    position:absolute;
}
p#errorMessage
{
    padding:10px;
}



/* - TODO useless???? */
div.headerLine
{
    line-height:4px;
    height:4px;
    width:100%;
    background-color:#990033;
    margin-bottom:8px;
    overflow:hidden;
}

div.separatorLine
{
    line-height:2px;
    height:2px;
    width:100%;
    background-color:#B6B6B6;
    overflow:hidden;
}

span.label
{
    font-weight:bold;
    padding-right:20px;
    padding-left:5px;
}

.loginError
{
    color:Red;
    margin-top:10px;
}

/* - error page - */
table#errorPage
{
    border-collapse:collapse;
    border-spacing:0;
    text-align:left;
    margin:auto;
}

table#errorPage th
{
    color:Red;
    font-size:12pt;
    padding-top:10px;
    padding-bottom:10px;
}

table#errorPage td
{
    padding:5px;
}

div.errorPageContainer
{
    margin-top:50px;
}

span.requiredAsterisk
{
    color:Red;
}

span.requiredAsteriskPrompt
{
    color:#000000;
    font-size:8pt;
    padding-left:5px;
}

/* - summary in dashboard - */
div.summaryBlock
{
    width:310px;
    padding:10px;
}

div.summaryBlock table
{
    width:100%;
    border-collapse:collapse;
    border-spacing:5px;
    padding:10px;
}

div.summaryBlock th
{
    background-color:#EAEAEA;
    margin-bottom:2px;
    text-align:left !important;
}

div.summaryBlock td
{
    border-bottom:solid 1px #000000;
    padding:2px;
}

div.summaryBlock a
{
    text-decoration:none;
    color:#000000;
}

div.summaryBlock a:hover
{
    text-decoration:underline;
}

div.summaryBlock div.gap
{
    margin-right:5px;
}

div.verticalLine
{
    width:1px;
    height:100px;
    background-color:#EAEAEA;
    margin-top:10px;
}

span.title
{
    font-size:13pt;
    font-weight:bold;
}

div#noActionableContainer
{
    float:left;
    font-size:13pt;
    font-weight:bold;
    text-decoration:underline;
    margin-top:10px;
}

td.summaryBlockTitle
{
    font-weight:bold;
}

tr.summaryHeader
{
    background-color:#EAEAEA;
}

td.summaryTotalColumn
{
    text-align:right;
}

td.summaryModifiedColumn
{
    text-align:right;
}

td.summaryQueue
{
    font-size:9pt;
}

span.summaryColumnHeader
{
    font-size:8pt;
    font-weight:bold;
}

/* - submit all button - */
.submitAllButton
{
    background-color:#EAEAEA;
    border:solid 1px #B0B0B0;
    width:70px;
    font-size:7pt;
    font-family:Verdana;
    /*margin-left:10px;*/

    position:absolute;
    left:178px;
    top:21px;
}

.refreshButton
{
    position:absolute;
    top:8px;
    right:13px;
    margin-right:15px;
    color:#000000;
}

/*Added by Michael Peng. To use in error message in RequestNewLogin.aspx*/
.warningSpan
{
    color:Red;
    display:none;
}

.totalNumber
{
    width:10%;
    text-align:center;
}

/* Filter - */
div.filterContainer
{
    position:fixed;
    z-index:999;
    font-size:8pt;
    border:solid 1px #000000;
    width:505px;
}

div.filterContainer table
{
    border-collapse:collapse;
    border-spacing:0;
    width:100%;
    height:100%;
}

div.filterContainer thead
{
    background-color:#003366;
    color:#FFFFFF;
    background-repeat:repeat-x;
    width:100%;
    height:30px;
}

div.filterContainer tbody
{
    background-color:#DCDCFF;
    color:#000000;
}

div.filterContainer tfoot
{
    text-align:center;
    background-color:#DCDCFF;
}

div.filterContainer tfoot input
{
    font-size:9pt;
    width:100px;
}

div.filterContainer .filterKeyLabel
{
    padding-left:15px;
    width:20%;
}

div.filterContainer .filterKeyValue
{
    width:92%;
}

div.filterContainer .filterPaddingRow
{
    height:10px;
}

div.filterContainer .filterTitle
{
    padding-left:10px;
}

div.filterContainer .filterCloseButton
{
    padding-right:10px;
}

div.filterContainer .filterSeparatorLine
{
    color:#B6B6B6;
}

.inputTexBoxOfCombox
{
    position:absolute;
    left:0px;
    top:0;
     height:20px;
    z-index:60;
}

img.printButton
{
    cursor:pointer;
    vertical-align:middle;
}
.RequestNewLoginTable td.label
{
    white-space:nowrap;
}