/*-----------------------------------------------------------------------------
* BasketFunds Portfolio Manager (PE)
* Copyright  BasketFunds Corporation.
* All rights reserved.
*
* CONFIDENTIALITY AND LIMITED USE
*
* This software, including any software of third parties embodied herein,
* contains information and concepts which are confidential to BasketFunds
* Corporation and such third parties. This software is licensed for use solely
* in accordance with the terms and conditions of the applicable license
* agreement with BasketFunds Corporation or its authorized distributor.
*-----------------------------------------------------------------------------
* $Id: BasketFunds.css 409 2010-02-10 04:00:58Z bhatt $
*-----------------------------------------------------------------------------
*/
.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}

/* see http://www.positioniseverything.net/easyclearing.html for explaination */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

hr { 
    color: #f0f0f0; 
    border-bottom: 1px dashed #d4d4d4;
    width: 100%;
    height: 0px;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
a:hover{text-decoration:underline;}
a{color:#000000;font-weight:bold;text-decoration:none;}

#content {
    margin: 5px auto;
    text-align:left;
    position:relative;
    color: #333333;
}
.worker {
    background: url(../images/worker.gif) no-repeat center left; 
    padding-left: 20px; position:absolute;
}

#worker {
    visibility:hidden;
    left: 648px; top: -60px;
}


#lightbox {
    background:#FFFFFF;
    border:5px solid silver;
    display:none;
    height:500px;
    left:50%;
    margin:-220px 0pt 0pt -250px;
    padding:10px;
    position:absolute;
    text-align:left;
    top:50%;
    width:650px;
    z-index:9999;
}
.lightboxtitle{
    font-size:24px;
}
#lightbox[id] {
    position:fixed;
}

#lightbox.done #lbLoadMessage {
    display:none;
}
#lightbox.done #lbContent {
    display:block;
}
#lightbox.loading #lbContent {
    display:none;
}
#lightbox.loading #lbLoadMessage {
    display:block;
}
#lightbox.done img {
    height:100%;
    width:100%;
}



#tabbed_menu {
    width:720px;
    font-size:11px;
    line-height:normal;
    z-index:9999
}
#tabbed_menu ul {
    margin:0;
    padding:0px 10px 0;
    list-style:none;
}
#tabbed_menu li {
    display:inline;
    margin:0;
    padding:0;
    z-index:9999
}
#tabbed_menu a {
    float:left;
    background:url(../images/tabs/left_both.gif) no-repeat left top;
    margin:0;
    padding:0 0 0 9px;
    border-bottom:1px solid #765;
    text-decoration:none;
}
#tabbed_menu a span {
    float:left;
    display:block;
    background:url(../images/tabs/right_both.gif) no-repeat right top;
    padding:5px 15px 4px 6px;
    font-weight:bold;
    color:#765;
    text-decoration:none;
}
#tabbed_menu a:hover span {
    color:black; cursor:pointer;
}
#tabbed_menu .current a {
    background-position:0 -150px;
    border-width:0;
}
#tabbed_menu .current a span {
    background-position:100% -150px;
    padding-bottom:5px;
    color:#000000;
}
#tabbed_menu a:hover {
    background-position:0% -150px;
}
#tabbed_menu a:hover span {
    background-position:100% -150px;
}










#tabbed_options {
    float:left;
    background: url("../images/tabs/bg.gif") repeat-x bottom;
    font-size:11px;
    line-height:normal;
}
#tabbed_options ul {
    margin:0;
    padding:0px 10px 0;
    list-style:none;
}
#tabbed_options li {
    display:inline;
    margin:0;
    padding:0;
}
#tabbed_options a {
    float:left;
    background:url(../images/tabs/left_both.gif) no-repeat left top;
    margin:0;
    padding:0 0 0 9px;
    border-bottom:1px solid #765;
    text-decoration:none;
}
#tabbed_options a span {
    float:left;
    display:block;
    background:url(../images/tabs/right_both.gif) no-repeat right top;
    padding:5px 15px 4px 6px;
    font-weight:bold;
    color:#765;
    text-decoration:none;
}
#tabbed_options a:hover span {
    color:black; cursor:pointer;
}
#tabbed_options .current a {
    background-position:0 -150px;
    border-width:0;
}
#tabbed_options .current a span {
    background-position:100% -150px;
    padding-bottom:5px;
    color:#132D82;
}
#tabbed_options a:hover {
    background-position:0% -150px;
}
#tabbed_options a:hover span {
    background-position:100% -150px;
}


input[type="text"]:focus, textarea:focus {border-color:black !important;}
/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainer {
    clear: both;
    border: 0px solid #7f9db9;
    border-right: 0px;
    border-left: 0px;
    height: 200px;
    overflow: auto;
    width: 740px;
    
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer {
    overflow: auto;
}

/* define width of table. IE browsers only */
div.tableContainer table {
    
    
}

/* define width of table. Add 16px to width for scrollbar. */
/* All other non-IE browsers. */
html>body div.tableContainer table {
    display: block;
    overflow: auto;
}


/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.accTableContainer {
    clear: both;
    height: 100px;
    overflow: auto;
    width: 686px;
    /*
    position: absolute;
    z-index :99 ;
    display: none;
    */
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.accTableContainer {
    overflow: auto;
}

/* define width of table. IE browsers only */
div.accTableContainer table {
    
    
}

/* define width of table. Add 16px to width for scrollbar. */
/* All other non-IE browsers. */
html>body div.accTableContainer table {
    display: block;
    overflow: auto;
}


/* make Zebra TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/  */

.zebra {
    border-collapse:collapse;
    background: white;
    
}

.zebra td {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 4px 3px; 
}

/* hover effect */
.zebra .hovered {
    background-color: #E6EFF7;
    color: #2B4358;
    cursor:pointer;
}

.zebra .grouptotal {
    font-weight: bold;
    background-color: #E6EFF7;
    color: #2B4358;        
}



/* hover effect */
.zebra .selected {
    background-color: #132D82;
    color: white;
    cursor: pointer
}
/* styling header table */

.fixedHeader {
    clear:both;
    border: 1px solid silver;
    border-top: 0px;
    border-bottom:0px;
    border-right:0px;
}

.fixedHeader th.nohover { cursor:default; }

.fixedHeader th.hovered {
    background: url(../images/xp/th-bg-hover.png) #faf9f4 repeat-x  bottom left;
}


/* make the TH elements pretty */
.fixedHeader td {
    background: url(../images/xp/th-bg.png) #ebeadb repeat-x bottom left;
    border-left: 1px solid white;
    border-right: 1px solid #aca899;
    border-top: 1px solid #e2decd;
    font-weight: normal;
    cursor:pointer; 
}

.fixedHeader td.nohover { cursor:default; }

.fixedHeader td.hovered {
    background: url(../images/xp/th-bg-hover.png) #faf9f4 repeat-x  bottom left;
    color:#333333;
}

.colChkBox {width:20px; text-align:center}
.colScrollCap{width:16px}
.numberCell{text-align:right}

body {
    z-index: 10;
}

#modalDialog {
    z-index: 30;
    position: absolute;
    top: 200px;
    left: 200px;
    width: 300px;
    background-color: white;
    border: 1px outset silver;
    visibility: hidden;
}
#tableOptions {
    margin: 3px;
    border: 1px outset;
    height: 150px;
    text-align: left;
}
#chartOptions {
    margin: 3px;
    border: 1px outset;
    height: 150px;
    text-align: left;
    display: none;
}

#modal_dialog_actions {
    text-align: right;
    margin: 3px;
}
#modal_dialog_actions input {
    font-size: 14px;
    font-family: Verdana;
}
#modal_dialog_titlebar {
    background-color: #FF6600;
    font-weight: bold;
    color: white;
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
}
#modal_dialog_titlebar #close {
    font-size: 14px;
    border: 1px outset;
    margin: 1px;
    display: block;
    float: right;
    width: 15px;
    height: 15px;
    text-align: middle;
    cursor: pointer;
    cursor: hand;
}
#modal_dialog_titlebar #title {
    float: left;
    display: block;
    padding: 2px;
}




.BfcpYearNavigation,
.BfcpMonthNavigation
{
    background-color:#132D82;
    text-align:center;
    vertical-align:center;
    text-decoration:none;
    color:#FFFFFF;
    font-weight:bold;
}
.BfcpDayColumnHeader,
.BfcpYearNavigation,
.BfcpMonthNavigation,
.BfcpCurrentMonthDate,
.BfcpCurrentMonthDateDisabled,
.BfcpOtherMonthDate,
.BfcpOtherMonthDateDisabled,
.BfcpCurrentDate,
.BfcpCurrentDateDisabled,
.BfcpTodayText,
.BfcpTodayTextDisabled,
.BfcpText
{
    font-family:arial;
    font-size:8pt;
    padding: 2px 0px;
}
TD.BfcpDayColumnHeader
{
    text-align:right;
}
.BfcpCurrentMonthDate,
.BfcpOtherMonthDate,
.BfcpCurrentDate
{
    text-align:right;
    text-decoration:none;
}
.BfcpCurrentMonthDateDisabled,
.BfcpOtherMonthDateDisabled,
.BfcpCurrentDateDisabled
{
    color:#D0D0D0;
    text-align:right;
    text-decoration:line-through;
}
.BfcpCurrentMonthDate
{
    color:#132D82;
    font-weight:bold;
}
.BfcpCurrentDate
{
    color: #FFFFFF;
    font-weight:bold;
}
.BfcpOtherMonthDate
{
    color:#808080;
}
TD.BfcpCurrentDate
{
    color:#FFFFFF;
    background-color: #6677DD;
    border-width:1;
    border:solid thin #000000;
}
TD.BfcpCurrentDateDisabled
{
    border-width:1;
    border:solid thin #FFAAAA;
}
TD.BfcpTodayText,
TD.BfcpTodayTextDisabled
{
    border:solid thin #132D82;
    border-width:1 0 0 0;
}
A.BfcpTodayText,
SPAN.BfcpTodayTextDisabled
{
    height:20px;
}
A.BfcpTodayText
{
    color:#132D82;
    font-weight:bold;
}
SPAN.BfcpTodayTextDisabled
{
    color:#D0D0D0;
}
.BfcpBorder
{
    border:solid thin #132D82;
}
#modalMask {
background-color:#000000;
display:none;
height:2000px;
overflow: hidden;
left:0pt;
position:absolute;
top:0pt;
width:100%;
z-index:5000;
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
#modalMask[id] {
position:fixed;
}