/* Global Settings */

html, body{ 
    width: 100%; 
    height: 100%; 
} 

body
{
	font-family: Verdana;
	font-size: 8pt;
	background: white;
	color: black;
	padding: 0px;
	margin: 0px;
}
table, textarea, input
{
    font-family: Verdana;
    font-size: 8pt;
}

/* Frame */
#header 
{
    background: #C7C9CB url(../../Images/HeaderBg.gif) repeat-x;
    width: 100%;
}

#toolbar
{
}

#content
{
}

#footer 
{
    position: absolute; 
    bottom: 0px; 
    width: 100%; 
    background: url(../../Images/FooterBg.gif) repeat-x;
    color: Black;
    text-align: center;
    padding: 4px;	
} 

table.frame
{
    border-collapse: collapse;
}
td.frame-header
{
    background: #C7C9CB url(../../Images/HeaderBg.gif) repeat-x;
    width: 100%
}
td.frame-toolbar
{
    background: url(../../Images/ToolbarBg.gif) repeat-x;
}
td.frame-menu
{
}
td.frame-body
{
    padding: 5px;
    vertical-align: top;
}
td.frame-footer
{
	background: url(../../Images/FooterBg.gif) repeat-x;
	color: #000000;
	text-align: center;
	padding: 5px;
}
td.frame-footer a
{
    color: #000000;
    text-decoration: none;
}
td.frame-footer a:hover
{
    color: #ECE9D8;
    text-decoration: underline;
}

/* Header */

table.header
{
    border-collapse: collapse;
}
td.header-logo
{
    vertical-align: top;
}
td.header-title
{
    text-align: center;
    font-size: 12pt;
    font-weight: bold;
    padding: 5px 20px;
}
td.header-info
{
    text-align: right;
    vertical-align: top;
    padding-top: 3px;
    padding-right: 5px;
    white-space: nowrap;
}
td.header-tabstrip
{
    text-align: right;
    vertical-align: bottom;
}

/* Tabstrip */

table.tabstrip
{
    border-collapse: separate;
}
td.tab
{
	background: url(../../Images/TabBg.gif) repeat-x;
	color: #FFFFFF;
	height: 25px;
	text-align:center;
    font-weight: bold;
}
td.tab-hover
{
    background: url(../../Images/TabBg-hover.gif) repeat-x;
	color: #FFFFFF;
	height: 25px;
	text-align:center;
    font-weight: bold;
}
td.tab-selected
{
    background: url(../../Images/TabBg-selected.png) repeat-x;
    color: #000000;
    height: 25px;
    text-align:center;
    font-weight: bold;
    text-decoration: none;
}
a.tab
{
    color: #FFFFFF;
    text-decoration: none;
}
a.tab-selected
{
    color: #000000;
    text-decoration: none;
}

/* Toolbar */

table.toolbar
{
    border-collapse: collapse;
	background: url(../../images/ToolbarBg.gif) repeat-x;
    color: #000000;
    height: 26px;
}
td.toolbar
{
    padding: 2px 5px;
    white-space: nowrap;
    border-right: solid 1px #B3AB82;
}
select.toolbar
{
    font-size: 8pt;
}
input.toolbar
{
    font-size: 8pt;
}
a.toolbar
{
	color: #000000;
	text-decoration: none;
}
a.toolbar:hover
{
    color: #ece9d8;
    text-decoration: underline;
}
a.toolbar-btn
{
    color: #000000;
    padding: 1px;
    text-decoration: none;
}
a.toolbar-btn:hover
{
    color: #ece9d8;
    text-decoration: underline;
}

/* Menu */

table.menu-container
{
    border-collapse: collapse;
}
td.menu-container
{
    background: #C7C9CB url(../../Images/MenuBg.gif) repeat-y;
    vertical-align: top;
    padding: 10px;
}
td.menu-grasp
{
    background: #FFFFFF url(../../Images/GraspBg.gif) repeat-y;
/*
    background: #2D688C url(Images/GraspBg.gif) repeat-y;
    padding: 2px;
*/
}
td.menu-grasp-over
{
    background: #FFFFFF url(../../Images/GraspBg-over.gif) repeat-y;
    cursor: e-resize;
/*
    background: #6792AC url(../../Images/GraspBg-over.gif) repeat-y;
    padding: 2px;
    cursor: e-resize;
*/
}
table.menu
{
    border-collapse: collapse;
    font-size: 8pt;
}
td.menu-header
{
    color: #000000;
    font-weight: bold;
    padding: 2px 0px 4px 0px;
    white-space: nowrap;
}
td.menu-div
{
    line-height: 8px;
}
td.menu
{
    color: #2D688C;
    white-space: nowrap;
}
a.menu
{
    color: #2D688C;
    text-decoration: none;
}
a.menu:hover
{
    color: #000000;
    text-decoration: underline;
}
td.menu-selected
{
    color: #FFFFFF;
    background: #6792AC;
    white-space: nowrap;
}
a.menu-selected
{
    color: #FFFFFF;
    text-decoration: none;
}
a.menu-selected:hover
{
    color: #FFFFFF;
    text-decoration: underline;
}

/* Matrix Table */

table.matrix
{
    border-collapse: separate;
    table-layout: fixed;
}
span.matrix-error
{
    color: #CC0000;
    background: #FFFFFF;
    border-top: solid 1px #CCCCCC;
    border-right: solid 1px #666666;
    border-bottom: solid 1px #666666;
    border-left: solid 1px #CCCCCC;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
    padding: 2px;
}

/* Matrix Header */
div#dataGrid
{
	width: 100%;
	height: 100%;
	overflow: auto;
}
tr.matrix-head
{
    position: relative;
    /* top: expression(this.offsetParent.scrollTop); */
}
td.matrix-head
{
    background: url(../../images/matrix_bg.gif);
	cursor: pointer;
    border-top: #CCCCCC 1px solid;
    border-bottom: #666666 1px solid;
    border-right: #2D698D 1px solid;
    border-left: #5791B5 1px solid;
}
td.matrix-head-hover
{
    background: url(../../images/matrix_bg.gif);
    cursor: pointer;
    border-top: #CCCCCC 1px solid;
    border-bottom: #666666 1px solid;
    border-right: #2D698D 1px solid;
    border-left: #5791B5 1px solid;
}
td.matrix-hsort
{
    padding: 0px;    
}
td.matrix-htext
{
    color: #FFFFFF;
	font-size: 8pt;
    font-weight: bold;
    text-align: center;
    padding: 0px;
}
td.matrix-hicon
{
    text-align: right;
    padding: 0px;
}

/* Matrix Data */

td.matrix-entityname
{
    color: #000000;
    background: #FFFFFF;
    padding: 1px 2px;
   	font-size: 8pt;
    white-space: nowrap;   	
    
    border-top: #CCCCCC 1px solid;
    border-right: #666666 1px solid;
    border-bottom: #666666 1px solid;
    border-left: #CCCCCC 1px solid;
}
td.matrix-null
{
    color: #000000;
    background: #E8E8E8;
    border-top: #CCCCCC solid 1px;
    border-right: #666666 solid 1px;
    border-bottom: #666666 solid 1px;
    border-left: #CCCCCC solid 1px;
    padding: 1px 2px;
    cursor: pointer;
}
td.matrix-data
{
    color: #000000;
    background: #FFFFFF;
    border-top: #CCCCCC solid 1px;
    border-right: #666666 solid 1px;
    border-bottom: #666666 solid 1px;
    border-left: #CCCCCC solid 1px;
    padding: 1px 2px;
    cursor: pointer;
   	font-size: 8pt;    
}
td.matrix-data-alert
{
    color: #000000;
    background: url(../../images/AlertBg.gif);
    border-right: #666666 solid 1px;
    border-bottom: #666666 solid 1px;
    border-left: #CCCCCC solid 1px;
    padding: 1px 2px;
    cursor: pointer;
   	font-size: 8pt;    
}
td.matrix-data-hover
{
    color: #000000;
    background: #CCCC99;
    border-top: #CCCCCC solid 1px;
    border-right: #666666 solid 1px;
    border-bottom: #666666 solid 1px;
    border-left: #CCCCCC solid 1px;
    padding: 1px 2px;
    cursor: pointer;
	font-size: 8pt;
}
td.matrix-edit
{
    color: #000000;
    background: #FFFFFF;
    border-top: #CCCCCC solid 1px;
    border-right: #666666 solid 1px;
    border-bottom: #666666 solid 1px;
    border-left: #CCCCCC solid 1px;
    padding: 1px 2px;
	font-size: 8pt;
}
td.matrix-prop
{
    color: #000000;
}
td.matrix-icon
{
    text-align: right;
}
span.matrix-note
{
    color: #666666;
    padding: 2px;
}
span.matrix-warn
{
    color: #FF0000;
    padding: 2px;
}
select.matrix-prop
{
    font-size: 8pt;
    width: 100%;
}
input.matrix-int
{
    text-align: right;
    width: 100%;
}
input.matrix-date
{
    width: 100%;
}
textarea.matrix-text
{
    width: 100%;
}
a.matrix-entityname
{
    color: #000000;
    text-decoration: none;
}
a.matrix-entityname:hover
{
    color: #000000;
    text-decoration: underline;
}

/* Matrix Footer */

td.matrix-entityfoot
{
	z-index: -1;
    color: #FFFFFF;
    background: url(../../images/matrix_bg.gif);
    border-right: #2D698D solid 1px;
	border-bottom: #2D698D solid 1px;
    border-left: #5791B5 solid 1px;
	font-size: 8pt;   
	font-weight: bold;	 
    padding: 0px;
	position:relative;
}
td.matrix-foot
{
	z-index: -1;
    color: #FFFFFF;
    background: url(../../images/matrix_bg.gif);
    border-right: #2D698D solid 1px;
    border-bottom: #2D698D solid 1px;
    border-left: #5791B5 solid 1px;
	font-size: 8pt;
	font-weight: bold;
    text-align: right;
    padding: 0px;
	position:relative;
}
a.matrix-submit
{
	color: #000000;
}
a.matrix-submit:hover
{
	color: #000000;	
}

/* Reports */

table.report-header
{
    border-collapse: collapse;
    background: #2C6B91;
}
td.report-image
{
}
td.report-header
{
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 14pt;
    text-align: center;
}
td.report-info
{
    background: #FFFFFF url(../../images/report-shadow.gif) repeat-x;
    padding: 5px 0px 25px 0px;
}
table.report
{
    border-collapse: collapse;
    color: #000000;
    background: #FFFFFF;
}
td.report-desc
{
    font-size: 10pt;
    padding: 0px 50px 10px 50px;
}
td.report-secthead
{
    font-weight: bold;
    padding: 5px 50px 5px 50px;
}
td.report-sectdesc
{
    padding: 5px 50px 5px 75px;
}
td.report-section
{
    padding: 5px 50px 5px 100px;
}
td.report-sectfoot
{
    font-size: 8pt;
    padding: 5px 50px 5px 100px;
}
td.report-foot
{
    font-size: 8pt;
    text-align: center;
    padding: 50px 50px 25px 50px;
}
table.report-data
{
    color: #000000;
}
tr.report-row
{
}
tr.report-row-alt
{
    background: #E4E4E4;
}
td.report-dhead
{
    font-weight: bold;
    border-bottom:#CCCCCC solid 1px;
}
td.report-dgroup
{
}
td.report-dmeasure
{
}
td.report-dprop
{
}
td.report-dvalue
{
    text-align: right;
}

/* Generic Table */

td.tree
{
    color: #000000;
    background: #BDB76B;
    border-top: solid 1px #CCCC99;
    border-right: solid 1px #666633;
    border-bottom: solid 1px #666633;
    border-left: solid 1px #CCCC99;
    padding: 1px;
    font-weight: bold;
    text-align: left;
	vertical-align: top;
}
table.grid
{
    border-collapse: separate;
}
td.gridh
{
    color: #FFFFFF;
    background: url(../../images/matrix_bg.gif);
    border-top: solid 1px #5791B5;
    border-right: solid 1px #2D698D;
    border-bottom: solid 1px #2D698D;
    border-left: solid 1px #5791B5;
    padding: 1px;
    font-weight: bold;
    text-align: center;
}
td.grid
{
    color: #000000;
    background: #FFFFFF;
    border-top: solid 1px #CCCCCC;
    border-right: solid 1px #666666;
    border-bottom: solid 1px #666666;
    border-left: solid 1px #CCCCCC;
    padding: 1px;
}
td.gridf
{
    color: #FFFFFF;
    background: url(../../images/matrix_bg.gif);
    border-top: solid 1px #5791B5;
    border-right: solid 1px #2D698D;
    border-bottom: solid 1px #2D698D;
    border-left: solid 1px #5791B5;
    padding: 1px;
}
input.grid
{
    font-size: 8pt;
}
select.grid
{
    font-size: 8pt;
}
textarea.grid
{
    font-size: 8pt;
}
a.gridh
{
    color: #FFFFFF;
    text-decoration: none;
}
a.grid
{
    color: #000000;
    text-decoration: none;
}
a.grid:hover
{
    color: #000000;
    text-decoration: underline;
}
a.pager
{
    color: #FFFFFF;
}
a.pager:hover
{
    color: #FFFF99;
}

/* Forms */

table.form
{
}
td.formh
{
    font-weight: bold;
    padding: 2px;
}
td.form
{
    padding: 2px;
}
td.formerror
{
    color: #CC0000;
    font-weight: bold;
    padding: 2px;
}
td.formwarn
{
    color: #CCCC00;
    font-weight: bold;
    padding: 2px;
}
td.formd
{
    padding: 2px;
}
hr.formd
{
    height: 1px;
    border: solid 1px #999933;
}
hr.formsd
{
    height: 1px;
    border: solid 1px #CCCCCC;
}

/* Miscellaneous */

span.error
{
    padding: 50px 0px 0px 0px;
    text-align: center;
    font-size: 14pt;
    width: 100%;
}
span.error2
{
    color: #CCCC66;
    font-weight: bold;
}
span.error3
{
    color: #CC3333;
    font-weight: bold;
}


/* Panels */

.panel-title
{
    font-weight: bold;
}
.panel-warn
{
    color: #999933;
    font-weight: bold;
    padding: 2px;
}
.panel-error
{
    color: #CC0000;
    font-weight: bold;
    padding: 2px 2px 10px 2px;
}
.panel-text
{
    width: 325px;
}
.panel-button
{
    width: 75px;
}

/* Content Header */

table.content_header
{
    border-collapse: collapse;
    background: #DEDBC9 url(../../Images/ToolbarBg.gif) repeat-x;
    height: 25px;
    width: 100%;
}
td.content_header_icon
{
    padding: 0px 5px;
}
td.content_header_title
{
    padding: 0px 5px 0px 0px;
    font-size: 10pt;
    font-weight: bold;
    white-space: nowrap;
}
td.content_header_body
{
    padding: 0px 5px;
    width: 100%;
}
td.content_header_time
{
    padding: 0px 5px;
    white-space: nowrap;
}

/* Chats */

th.Chats
{
	border-color: #BABABA;
	border-width: 1px;
	border-style: solid;
	vertical-align: top;
	font-size: 10pt;
}

td.Chats
{
	border-color: #BABABA;
	border-width: 1px;
	border-style: solid;
	vertical-align: top;
	font-size: 10pt;
}

th.Chats-Reports
{
	border-color: #BABABA;
	border-width: 1px;
	border-style: solid;
	vertical-align: top;
	font-size: 8pt;
}

td.Chats-Reports
{
	border-color: #BABABA;
	border-width: 1px;
	border-style: solid;
	vertical-align: top;
	font-size: 8pt;
}

td.Chats-null
{
	border-right: solid 1px #BABABA;
	border-bottom: solid 1px #BABABA;
	border-color: #BABABA;
	background-color: #CCCCCC;
	vertical-align: top;
}

td.Chats-EntityName
{
	font-size: 10pt;
	border-color: #BABABA;
	border-width: 1px;
	border-style: solid;
	vertical-align: top;
	overflow: hidden;
	white-space: nowrap;
}
