/*STYLE FOR FORM*/
input.psTextbox {
border-bottom:#7B9EBD 1px solid;
border-left:#7B9EBD 1px solid;
border-right:#7B9EBD 1px solid;
border-top:#7B9EBD 1px solid;
font-family:Verdana;
font-size:8pt;
height:18px;
width:100%;
background-color:#FFFFFB;
border-bottom-color:#CCCCCC;
border-left-color:#CCCCCC;
border-right-color:#CCCCCC;
border-top-color:#CCCCCC;
}
/*When TextBox in readonly status it must have this color*/
input.psTextBoxGray 
{
background-color:#fffbfb;
}
/*Style for multi line asp:textbox control*/
.psTextarea {
border-bottom:#7B9EBD 1px solid;
border-left:#7B9EBD 1px solid;
border-right:#7B9EBD 1px solid;
border-top:#7B9EBD 1px solid;
font-family:Verdana;
font-size:8pt;
width:100%;
}  
/*Style for asp:textbox control with URL link in edit box*/
input.psUrl
{
color:#0000ff;
text-decoration:underline;
behavior:url(../Styles/UrlBehavior.htc);
border-bottom:#7B9EBD 1px solid;
border-left:#7B9EBD 1px solid;
border-right:#7B9EBD 1px solid;
border-top:#7B9EBD 1px solid;
font-family:Verdana;
font-size:8pt;
height:19px;
width:100%;
background-color:#FFFFFB;
border-bottom-color:#CCCCCC;
border-left-color:#CCCCCC;
border-right-color:#CCCCCC;
border-top-color:#CCCCCC;
}
/*Style for asp:textbox control with email in edit box*/
input.psEmail
{
color:#0000ff;
text-decoration:underline;
/*behavior:url(../Styles/emailBehavior.htc);*/
border-bottom:#7B9EBD 1px solid;
border-left:#7B9EBD 1px solid;
border-right:#7B9EBD 1px solid;
border-top:#7B9EBD 1px solid;
font-family:Verdana;
font-size:8pt;
height:19px;
width:100%;
background-color:#FFFFFB;
border-bottom-color:#CCCCCC;
border-left-color:#CCCCCC;
border-right-color:#CCCCCC;
border-top-color:#CCCCCC;
}
/*Style for asp:button control */
.psButton {
border-bottom:#7B9EBD 1px solid;
HEIGHT:auto;
border-left:#7B9EBD 1px solid;
border-right:#7B9EBD 1px solid;
border-top:#7B9EBD 1px solid;
cursor:hand;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);
font-family:Verdana;
font-size:11px;
padding-left:5px;
padding-right:5px;
width:auto;
behavior:url(../Styles/WebButtonBehavior.htc);
}
/*Style for asp:button control Hover state*/
.psButtonHover {
border-bottom:#7B9EBD 1px solid;
HEIGHT:auto;
border-left:#7B9EBD 1px solid;
border-right:#7B9EBD 1px solid;
border-top:#7B9EBD 1px solid;
cursor:hand;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#ffdbb7);
font-family:Verdana;
font-size:11px;
padding-left:5px;
padding-right:5px;
width:auto;
behavior:url(../Styles/WebButtonBehavior.htc);
}
/*Style for asp:checkbox control */
.psCheckBox  {
border-bottom:#7B9EBD 1px;
border-left:#7B9EBD 1px;
border-right:#7B9EBD 1px;
border-top:#7B9EBD 1px;
font-family:Verdana;
font-size:8pt;
height:20px;
width:auto;
}
/*Style for asp:checkbox control Hover state*/
.psCheckBoxHover  {
border-bottom:#7B9EBD 1px;
border-left:#7B9EBD 1px;
border-right:#7B9EBD 1px;
border-top:#7B9EBD 1px;
font-family:Verdana;
font-size:8pt;
height:20;
width:auto;
}
/*Style for asp:radiobutton control state*/
.psRadioButton  {
border-bottom:#7B9EBD 1px;
border-left:#7B9EBD 1px;
border-right:#7B9EBD 1px;
border-top:#7B9EBD 1px;
font-family:Verdana;
font-size:8pt;
height:20;
width:auto;
}
/*Style for asp:radiobutton control Hover state*/
.psRadioButtonHover  {
border-bottom:#7B9EBD 1px;
border-left:#7B9EBD 1px;
border-right:#7B9EBD 1px;
border-top:#7B9EBD 1px;
font-family:Verdana;
font-size:8pt;
height:20;
width:auto;
}
.psListBox {
font-family:Verdana;
font-size:8pt;
height:auto;
width:100%;
background-color:#FFFFFB;
}
.psDropDownList {
font-family:Verdana;
/*font-size:8pt;*/
font-size:11px;
height:auto;
width:100%;
}
.psKBDropDownList {
font-family:Verdana;
font-size:11px;
height:auto;
background-color:#FFFFFB;
}    
.psKBTabHeadImage{
cursor:hand;
}    
.psDropDownListMinimalWidth {
font-family:Verdana;
font-size:8pt;
height:auto;
width:auto;
background-color:#FFFFFB;
}
.psLabel {
font-family:Verdana;
font-size:8pt;
height:auto;
width:auto;
font-weight:normal;
}
/* Style for EmailTitle */
.psDisplayEmailSubject {
	font-family:Verdana;
	font-size:10pt;
	font-weight:bold;
	height:auto;
	width:100%;
	padding-left:4px;
	padding-bottom:2px;
	border-bottom:#838574 2px solid;
}
/* Style for EmailBody */
.psDisplayEmailBody {
	font-family:Verdana;
	font-size:8pt;
	height:auto;
	width:auto;
}
/* Style for RepeaterTitle */
.psRepeaterTitle {
font-family:Verdana;
font-size:8pt;
color:White;
height:auto;
width:auto;
font-weight:bold;
}
/* Style for RepeaterText */
.psRepeaterText {
font-family:Verdana;
font-size:8pt;
height:auto;
width:auto;
font-weight:normal;
padding-left:3px;
padding-right:3px;
}
/* Style for RepeaterTextTitle */
.psRepeaterTextTitle {
font-family:Verdana;
font-size:8pt;
height:auto;
width:auto;
font-weight:bold;
padding-left:3px;
padding-right:3px;
}
/* Style for RepeaterTextDate */
.psRepeaterTextDate {
font-family:Verdana;
font-size:8pt;
height:auto;
width:auto;
font-weight:normal;
text-align:right;
padding-left:3px;
padding-right:3px;
}
table.psItemListHeader {
width:100%;
table-layout:fixed;
}
table.psItemListBody{
border-bottom:#80A0C0 1px solid;
border-left:#80A0C0 1px solid;
border-right:#80A0C0 1px solid;
border-top:#80A0C0 1px solid;
width:100%;
table-layout:fixed;
background-color:#FFFFFB;
}
table.psItemListItem{width:100%;table-layout:fixed;}
table.psItemListSeparator{width:98%;height:1px;color:#CECFCE;}
.psLabelSection {color:#606050;font-weight:bold;width:100%;}
.psLabelRequire {color:#990000;font-weight:bold;}
.psLabelRec {FONT-WEIGHT:bold; COLOR:#000099;}
.psHyperLink  {Width:70;border-bottom:#7B9EBD 1px solid;border-left:#7B9EBD 1px solid;
border-right:#7B9EBD 1px solid;
border-top:#7B9EBD 1px solid;
cursor:hand;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);
font-family:Verdana;
font-size:11px;
height:20;
padding-left:5px;
padding-right:5px;
}
.psLinkButton {
Width:70;
border-bottom:#7B9EBD 1px solid;
border-left:#7B9EBD 1px solid;
border-right:#7B9EBD 1px solid;
border-top:#7B9EBD 1px solid;
cursor:hand;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);
font-family:Verdana;
font-size:11px;
height:20;
padding-left:5px;
padding-right:5px;
}
/*Style of Dimension element on Form (DIV,Table,Cell,Colon...-*/
/*Div style of whole Form object*/
div.psFormDiv{width:100%;}      
/*Table style on Form*/
TABLE.psFormTable{   
width:100%;
table-layout:fixed;
}
TABLE.psPopupFormTable{   
width:90%;
table-layout:fixed;
}
.psColon1{width:115px;}
.psColon3{width:135px;padding-left:20px;}
TD.psFormCell{   
width:auto;
padding-top:3px;
padding-left:3px;
padding-right:3px;
padding-bottom:3px;
}    
/*Style of Cell(TD) with unterline line on Form*/
TD.psBar {
border-bottom:#838574 1px solid;
}           
TR.psBeforeSection{
height:10px;
}         
TR.psAfterSection{
height:5px;
}

div.psIMDGridPanel{
vertical-align:top;
padding-left:5px;
padding-top:5px;
padding-right:5px;
padding-bottom:5px;/*for visibilty bottom border in the form*/
width:100%;
height:100%;
}   


/*STYLES FOR PANEL*/
/*Style for whole panel */
div.psPanel{
vertical-align:top;
padding-left:10px;
padding-top:10px;
padding-right:10px;
padding-bottom:32px;/*for visibilty bottom border in the form*/
position:relative;
overflow:auto;/*this is for showing scrool bar on right when size become small*/
width:100%;
height:100%;
background-color:#EEEEEE;
}   
div.psContentPanel {
vertical-align:top;
position:relative;
overflow:auto;/*this is for showing scrool bar on right when size become small*/
width:100%;
height:100%;	
}
/*Style for table around of panel */
TABLE.psPanelTable{   
padding:0px;
border:0px;
table-layout:fixed;
width:100%;
height:100%; 
}    
/*Style for cell intable on panel for future */
TD.psPanelCell{}  
/*Style for whole tabstrip object */
div.psPanelTabStrip{   
width:0px;  /*you can use 100% but when user click on empty white space on right side of tab see border*/
height:auto;
}
/*Style for horizontal Tab Strip on Panel*/
.psHTabStrip{
overflow:visible; /*if you set larger font this is for prevent do not display scroll bar in tabstrip*/
z-index:2;
position:relative;
top:1px; 
left:0px; /*if you whish eliminate one empry pixel an move tabstrip to left 1 px rite hire 1px */
font-family:Verdana;
font-size:9pt;
height:auto;
}
/*Style for psPanelContentMultiPage object on panel*/
div.psPanelContentMultiPage{   
padding-left:15px;
padding-top:10px;
padding-right:15px;
padding-bottom:15px;
background-color:#FFFBFB;
border:1px solid #DBDAC9;
width:100%;
height:100%;
/*for visibilty bottom border in form*/
position:relative;
z-index:1; 
}
/*Style for psMultiPage object on panel*/
div.psPanelContent{   
padding-left:15px;
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
background-color:#fffbfb;
border:1px solid #DBDAC9;
width:100%;
height:100%;
/*for visibilty bottom border in form*/
position:relative;
z-index:1; 
}              
/*PopUpWebDialog*/
.psWebDialogBody{
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
overflow:hidden;/*For hiding vertical scroll bar in body area*/
background-color:#EEEEEE;
}
/*PopUpWebDialog*/
.pscontdesbody{
margin-top:0px;
margin-right:0px;				 
margin-bottom:0px;
margin-left:0px;
overflow:auto;/*For hiding vertical scroll bar in body area*/
}
TABLE.psWebDialogTable{   
height:100%;
width:100%;
background-color:#EEEEEE;
}   
TABLE.psWebDialogHeaderTable{   
height:50px;
width:100%;
background-color:#577A99;
border-top:solid 1px #ADC3E7;
border-right:solid 1px #00347B;
border-bottom:solid 1px #00347B;
border-left:solid 1px #ADC3E7;
}     
TD.psWebDialogTitle{ 
height:15px;
width:100%;
padding-bottom:2;
}     
.psWebDialogLabelTitle {   
background-color:#577A99;
font-family:Verdana;
font-size:10pt;
font-weight:bold;
height:15px;
width:100%;
color:White;
padding-left:10px;
}                                 
TD.psWebDialogSubTitle{   
height:20px;
width:100%;
padding-bottom:3;
}     
.psWebDialogLabelSubTitle {   
background-color:#577A99;
font-family:Verdana;
font-size:8pt;
height:20px;
width:100%;
color:White;
padding-left:10px;
}     
TABLE.psWebDialogContentTable{
background-color:#EEEEEE;
/*height:auto;*/
width:100%;
}
div.psWebDialogContentPart{
width:100%;
margin:5px 5px 0px 5px ;
}
TD.psWebDialogContent{   
background-color:#EEEEEE;
padding:10px 5px 0px 5px ;
}   
.psWebDialogLabelTitleContent{   
background-color:#EEEEEE;
font-family:Verdana;
font-size:8pt;
font-weight:bold;
height:20px;
width:100%;
color:#444444;
padding-top:10px;
}     
/*Style of first colon on Form*/
.psColon1{width:115px;}
/*Style of third colon on Form*/
.psColon3{width:135px;padding-left:20px;}
TABLE.psWebDialogHRTable{   
background-color:#EEEEEE;
height:auto;
width:100%;
position:absolute;
bottom:31px;
}  
TABLE.psWebDialogBottomTable{   
background-color:#EEEEEE;
height:auto;
width:auto;
position:absolute;
right:10px;
bottom:10px;
}     
HR.psWebDialogHR{
width:100%;
height:2px;
color:#CECFCE;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:White;
}
/* Styles for Find&View box on Grid */
TABLE.gridFilterTable {
width:100%;
border:0;
padding-bottom:7px;
}
TD.psGridFilderTableLargeCell{
width:20%;
padding-left:5px;
}
TD.psGridFilderTableSmallCell{
width:5%;
}
div.psGridOnGridPlus{
margin-top:0px;
background-color:#44444E;
width:300px;
vertical-align:top;
height:100px;
}
.psGridLeftOnFind{
vertical-align:top;
width:200px;
background-color:#EEEEEE;
padding:10px 5px 0px 5px ;
}
.psCommandCenterOnFind{
vertical-align:top;
width:40px;
background-color:#EEEEEE;
padding:10px 5px 0px 5px ;
}
.psGridRightOnFind{   
vertical-align:top;                   
width:200px;
background-color:#EEEEEE;
padding:10px 5px 0px 5px ;
}
/* Styles for Toobar in PoUp Dialog */
div.psToolBarOnPopUp{   
width:100%;
height:auto; /*This dimension use for set size of Left ToolBar*/
background-color:#738AAD;
border-top:solid 1px #ADC3E7;
border-right:solid 1px #00347B;
border-bottom:solid 1px #00347B;
border-left:solid 1px #ADC3E7;
}
/*Styles for Toobar on Grid */
div.psToolBarOnGrid{   
width:100%;
height:auto; /*This dimension use for set size of Left ToolBar*/
background-color:#738AAD;
border-top:solid 1px #ADC3E7;
border-right:solid 1px #00347B;
border-bottom:solid 1px #00347B;
border-left:solid 1px #ADC3E7;
}
/*Style for TopMenuRight Control*/
.psTopMenuRightControl{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
color:Yellow;
height:20px; 
width:100%;
overflow:hidden;
padding-top:5px;
}   
/*Style for StatusBar Control*/
.psStatuBarControl{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
color:"#ffffff";    
}             
/*Style for Status bar on popup web dialogs*/
div.psPopUpStatusBar{
overflow:hidden;   
width:100%;
height:22px;
z-index:15;/*for show bottom bar over all other component on desktop*/
position:absolute;
bottom:0px;/*uses the bottom attribute to set a div object 0 pixels from the bottom of the client area. */
vertical-align:bottom;
background:#577A99;
font-family:Verdana;
font-size:11pt;
text-align:left;
padding-left:15px;
}
.psVerticalAlignTop{vertical-align :top;}
/*Style for asp:textbox control*/
.psFindSingleEntityImage {
margin-left:3px;    
vertical-align:text-bottom;
}
.psHand{cursor:hand;}
/*Calendar Control*/
.psCalendar{
font-family:Verdana;
font-size:8pt;
height:auto;
width:auto;
font-weight:normal;
}
.psCalendarTitle{   
background-color:#577A99;
font-family:Verdana;
font-size:10pt;
font-weight:bold;
height:15px;
width:100%;
color:White;
padding-left:10px;
}
.psCalendarNextPrev{   
font-family:Verdana;
font-size:10pt;
font-weight:bold;
color:White;}  
/*FROM Styles/DataGrid.css*/
/* Styles for DataGrid component*/
/*Style for Grid Content*/
.psGrid{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
color:#333333;
clip:    rect(auto auto auto auto);
height:20px;
text-decoration:none;
vertical-align:middle;
font-weight:normal;
border-top:solid 1px  #949694;
border-right:solid 1px  #949694;
border-left:solid 1px  #949694;
border-bottom:solid 1px  #949694;
padding-left:5px;
/*cursor:hand;*/
width:100%;
background:white;

}
/*Style for Grid Header*/
.psGridHeader{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
color:#336699; 
clip:rect(auto auto auto auto);
text-decoration:none;
height:18px;
vertical-align:middle;
font-weight:normal;
background-color:#EFE7D6;  
cursor:default;
}
.psGridFooter{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
color:#336699; 
clip:rect(auto auto auto auto);
text-decoration:none;
height:18px;
vertical-align:middle;
font-weight:bold;
background-color:#EFE7D6;  
cursor:default;
width:100%;
}
.psLink A:visited{
COLOR:#000000;
TEXT-DECORATION:none
}
.psLink A:link{
COLOR:#000000;
TEXT-DECORATION:none
}
.psLink A:hover{
COLOR:#000000;
TEXT-DECORATION:underline
}
.psLink A:active{
COLOR:#000000;
TEXT-DECORATION:none
}
/*ALL FROM Styles/DESKTOP.CSS*/
.pdDesktopBody{   
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
overflow:hidden;/*SP: *JOSKO* Nediraj ovo!----- For hiding vertical scroll bar in body area*/
} 
.pdPreviewBody{   
width:100%;
padding-right:3px;
padding-left:3px;
padding-bottom:3px;
padding-top:0px;
} 
TABLE.psMainTablePopUp{
padding-bottom:72px;/*sum of menu + toolbar*/
width:100%;
height:100%;
overflow:hidden; 
table-layout:fixed;
} 
TABLE.psMainTableUserPopUp{
padding-bottom:45px;/*toolbar*/
width:100%;
height:100%;
overflow:hidden; 
table-layout:fixed;
} 
TABLE.psMainTable
{
	width:100%;
	height:100%;
	/*padding-bottom:69px;/*sum of menu + bottombar*/
	/*overflow:hidden; 
	table-layout:fixed;*/
}   
/*-MENU-*/
.psTopMenuLeft{
border-top:solid 1px #ADC3E7;
border-bottom:solid 1px #00347B;
border-left:solid 1px #ADC3E7;
background-color:#7288AC;
width:100%;
height:25px; 
z-index:5;
vertical-align:top;
}
.psNavigationFrameTopMenu{
border-top:solid 1px #ADC3E7;
border-right:solid 1px #00347B;
border-bottom:solid 1px #00347B;
background-color:#7288AC;
width:100%;
height:25px; 
text-align:left;
padding-left:6px;
vertical-align:top;}  

.psKBTabHead{
width:100%;
height:20px; 
padding-left:5px;
padding-right:5px;
padding-top:5px;
text-align:left;
background-color:#F1F1F1;
border-top:1px solid #DBDAC9;
vertical-align:top;
border-bottom:1px solid #DBDAC9;}  

.psKBLeftMenu{
padding-top:10px;
padding-right:10px;
padding-left:6px;
background-color:#FFFFFF;
width:100%;
height:30px; 
text-align:left;
margin-bottom:45px;
vertical-align:top;
}  
.psKBLeftMenu2 {   	
padding-top:0px;
padding-right:0px;
padding-left:0px;  
background-color:#F1F1F1;
width:100%;
height:100%; 
text-align:left;
vertical-align:top;
border-bottom:1px solid #DBDAC9;
}  
table.psKBLeftMenu3{
padding-top:5px; 
padding-right:5px; 
padding-left:5px;
background-color:#F1F1F1;
width:100%;
height:auto; 
text-align:left;
vertical-align:top;
}  
table.psKBLeftMenu4{
padding-top:5px; 
padding-right:5px; 
padding-left:5px;
background-color:#11F1F1;
width:100%;
text-align:left;
vertical-align:top;
}  
/*Style for TopMenuRight Div element*/
.psTopMenuRight{
border-top:solid 1px #ADC3E7;
border-right:solid 1px #00347B;
border-bottom:solid 1px #00347B;
background-color:#7288AC;
width:100%;
height:25px; 
text-align:right;
padding-right:10px;
vertical-align:top;
}   

div.psTopMenuDiv{}
.psPopupTopMenuLeft{
border-top:solid 1px #ADC3E7;
border-bottom:solid 1px #00347B;
border-left:solid 1px #ADC3E7;
background-color:#7288AC;
width:30%;
z-index:5;
}         
/*Style for TopMenuRight Div element*/
.psPopupTopMenuRight{
border-top:solid 1px #ADC3E7;
border-right:solid 1px #00347B;
border-bottom:solid 1px #00347B;
background-color:#7288AC;
width:70%;
position:absolute;
top:0px;/*uses the bottom attribute to set a div object 0 pixels from the bottom of the client area. */
right:0px;
z-index:-1;
height:25px; 
text-align:right;
padding-right:10px;
}       
    
TABLE.TopMenuTable{   
width:100%;
}
TD.psTopMenuLeft{
border-top:solid 1px #ADC3E7;
border-bottom:solid 1px #00347B;
border-left:solid 1px #ADC3E7;
background-color:#7288AC;
width:100%;
}
/*-TOOLBAR-*/
TABLE.psToolBarTable
{   
width:100%;
border-width:0px;
table-layout:fixed;
/*height:10px; /*This dimension use for set size Table of ToolBar*/

}     
TD.psToolBarLeft{
border:solid 1px black;
overflow:hidden;/*for stay in fix box of 33px*/
background-color:#ABBBC9;
height:30px; /*This dimension use for set size of Left ToolBar*/
font-family:verdana;/*Set here font property is correct rather then in "class ToolBarStyle" for Toolbar web control*/
font-size:12px;
}
/*Style for left toolbar on desktop for iewc:toolbar component*/
.psDesktopToolBar
{   
width:100%;
background-color:#ABBBC9;
}
TD.psToolBarRight{
width:0px;
background-color:#ABBBC9;
height:25px;/*This dimension use for set size of Right ToolBar*/
}
 /*-LEFT MENU & CONTENT-*/
div.psMenuContentDIV{
/*position:relative;
top:0px;
/*overflow:auto; /*this is for showing scrool bar on right when size become small, if you want to have this scroll bar decomment this*/
width:100%;
height:100%;
z-index:0; 
}
TABLE.psMenuContentTable{   
border-width:0px;
width:100%;
height:100%;
table-layout:fixed;
}
TD.psLeftMenuCell
{   
height:100%;
width:162px;
background-color:"#D1D1C7";
vertical-align:top;
z-index:0; 
}                 
TD.psReportLeftMenuCell
{   
height:100%;
width:205px;
background-color:"#D1D1C7";
vertical-align:top;
z-index:0; 
}     
div.psContentPanel
{
overflow:auto;   /*this is for showing scrool bar on right when size become small*/
width:100%;
height:100%;
}
div.psContentTable 
{   
vertical-align:top;
border:solid 15px #F221FF;
position:relative;
overflow:auto;   /*this is for showing scrool bar on right when size become small*/
}
table.psContentTable
{   
table-layout:fixed;
width:100%;
height:100%; 
}             
/*-DESKTOP TREE AND GRID TABLER-*/
TABLE.psTreeAndGridTable
{   
border-width:0px;
width:100%;
height:auto;
table-layout:fixed;
}
div.psTreeHeader
{
height:26px;
width:194px;
background-color:#738AAD;
border-top:solid 1px #ADC3E7;
border-right:solid 1px #00347B;
border-bottom:solid 1px #00347B;
border-left:solid 1px #949694;
}
TD.psTreeHeaderCell
{   
height:100%;
width:194px;
background-color:#FFFFFF;
vertical-align:top;
z-index:0; 
}
div.psRightHeader
{
height:26px;
width:194px;
font-family:verdana;/*Set here font property is correct rather then in "class ToolBarStyle" for Toolbar web control*/
font-size:11px;
background-color:#738AAD;
border-top:solid 1px #ADC3E7;
border-right:solid 1px #00347B;
border-bottom:solid 1px #00347B;
border-left:solid 1px #ADC3E7;
}
.psTabStripLeftMenu
{   
position:relative;
top:15px;
overflow:hidden;
}     
/*-TOLLBAR-*/
TD.psToolBarAndGridCell
{   
height:100%;
width:100%;
background-color:#EFE7D6;
vertical-align:top;
z-index:0; 
}
/*-Belove Toolbar in DESKTOP TREE AND GRID TABLER-*/
/*-Tree-*/
TD.psTreeCell
{   
height:100%;
background-color:#EFE7D6;
vertical-align:top;
z-index:0; 
border-bottom:solid 1px #C6C7B5;
border-left:solid 1px #C6C7B5;
padding:8px,4px,8px,8px;
}
div.psTreeCellPanel22
{   
height:100%;
border:solid 1px #949694;
background-color:#FFFFFF;
}
.psTreeCellIn
{   
overflow:hidden;
background-color:White;
width:178px;/*must be here after overflow:hidden;*/
height:100%;
}               
.psGeneralTreeView 
{   
}                      
TD.psPanelDetail
{   
height:100%;
background-color:#EFE7D6;
vertical-align:top;
z-index:0; 
border-bottom:solid 1px #C6C7B5;
border-left:solid 1px #C6C7B5;
border-right:solid 1px #C6C7B5;
padding:4px,4px,4px,8px;
}
div.psPanelD1
{   
height:100%;
border:solid 1px #949694;
background-color:#FFFFFF;
}
.psPanelD2
{   
overflow:hidden;
background-color:White;
width:100%;/*must be here after overflow:hidden;*/
height:100%;
}               

/*-Grid-*/
TD.psGridCell
{   
height:100%;
width:100%;
background-color:#EFE7D6;
vertical-align:top;
z-index:0; 
border-bottom:solid 1px #C6C7B5;
}   
div.psGridCellDiv
{
margin:8px,4px,8px,4px;
height:100%;
width:100%;
}   
/*-RightContent-*/
TD.psRightContentCell
{   
height:100%;   
background-color:#EFE7D6;
vertical-align:top;
z-index:0; 
border-bottom:solid 1px #C6C7B5;
border-right:solid 1px #C6C7B5;
padding:8px,4px,8px,4px;
}
div.psRightContentPanelX
{   
height:100%;
border:solid 1px #EFE7D6;
background-color:#FFFFFF;
}
.psRightContentCellIn
{   
overflow:hidden;
background-color:White;
background-color:#EFE7D6;
width:182px;/*must be here after overflow:hidden;*/
height:100%;
}               
.psRightContentTitle
{   
font-weight:bold;
font-family:verdana;/*Set here font property is correct rather then in "class ToolBarStyle" for Toolbar web control*/
font-size:11px;
border-bottom:solid 1px #838574 ;
width:100%;
}
.psRightContentText
{
vertical-align:top;
padding-top:3px;
}
TD.psRightContentText
{   
font-family:verdana;/*Set here font property is correct rather then in "class ToolBarStyle" for Toolbar web control*/
font-size:11px;
padding-left:3px;
}
.psTree1
{
overflow:auto;
}
div.psTreeCellOutllineDiv 
{
height:100%;
width:192px;
border-left: solid 1px #949694;
border-top: solid 1px #949694;
border-right:solid 1px #949694;
background-color:#EFE7D6;
}
div.psTreeCellDiv
{
height:100%;
width:100%;
margin-left:5px;
margin-top:20px;
margin-right:5px;
padding-top:5px;
background-color:#FFFFFF;
}
table.psGridNavigationBar
{
color:#74736B;
cursor:hand;
text-align:center;
table-layout:fixed;
behavior:url(/_grid/behaviors/grid_jumpBar.htc);
font-family:verdana;/*Set here font property is correct rather then in "class ToolBarStyle" for Toolbar web control*/
font-size:12px;
width:100%;
height:22px;
border:1px solid #DBDAC9;
border-bottom:1px solid #C5C1B1;
background-color:#E9E7D7;
table-layout:fixed;
background-image:url(/_grid/imgs/bar_bk.gif);
}
/*-BOTTOM BAR-*/
div.psBottomBar
{
overflow:hidden;   
width:100%;
height:44px;
z-index:999;/*for show bottom bar over all other component on desktop*/
position:absolute;
bottom:0px;/*uses the bottom attribute to set a div object 0 pixels from the bottom of the client area. */
vertical-align:bottom;
}
/*-LOGIN on Desktop-*/
.psTopMenuLogin
{
border-top:solid 1px #ADC3E7;
border-right:solid 1px #00347B;
border-bottom:solid 1px #00347B;
background-color:#7288AC;
width:100%;
position:absolute;
top:0px;/*uses the bottom attribute to set a div object 0 pixels from the bottom of the client area. */
right:0px;
z-index:10;
height:25px; 
text-align:right;
padding-right:10px;
padding-top:4px;
color:Yellow;
font-family:verdana;/*Set here font property is correct rather then in "class ToolBarStyle" for Toolbar web control*/
font-size:12px;
}       
div.psLeftMenuContentLogin
{   
height:100%;
width:162px;
z-index:0; 
position:absolute;
bottom:20px;
height:44px;
}     
div.psLeftMenuTextLogin
{   
color:Navy;
font-family:verdana;
font-size:10px;
border-bottom:#838574 1px solid;
}     
div.psLeftMenuTextLogin2
{   
color:Navy;
font-family:verdana;
font-size:10px;
}     
.psRightDownContentLogin
{
color:Navy;  font-family:verdana; font-size:10px;   height:100%;  z-index:0;    position:absolute; bottom:0px;  right:00px; height:20px;
}
TABLE.psMainLoginTable
{
width:100%;
height:100%;
overflow:hidden;
table-layout:fixed;
}
/*ALL FROM Styles/Menu.css*/
/*style for table where menu is located*/
TABLE.psTopMenu{
width:100%;
height:100%; 
border-width:0;
}
/*Main style for Top Menu*/
.psTopMenuMain{
font-family:Verdana;
font-size:11px;
font-weight:normal;
color:#FFFFFF;
padding-top:2px; 
padding-right:5px;
padding-bottom:2px;
padding-left:5px;
/*prusac 06062004 - invisible border over selected item in root menu for correct view in dimension when mouse select menu item*/
border-top:#7288ac 1px solid;
border-right:#7288ac 1px solid;
border-bottom:#7288ac 0px solid;
border-left:#7288ac 1px solid;
height:100%
}
/*style for submenu list of menu items*/
.psTopMenuSubMenuList{
padding-left:22px;
background-image:url(../Images/menu_background.gif);
/*prusac 06062004 - border over selected item in submenu*/
border-top:#00377a 1px solid;
border-right:#00377a 1px solid;
border-bottom:#00377a 1px solid;
border-left:#00377a 1px solid;
position:absolute;
display:none;
width:240px;
color:#000000;
z-index:-1;
font-family:Verdana;
font-size:11px;
font-weight:normal;
color:#000000;
}
/*style for root items on event MouseOver*/
.psTopMenuRootMouseOver{
font-family:Verdana;
font-size:11px;
font-weight:normal;
color:#FFFFFF;
/*prusac 06062004 - border over selected item in root menu*/
border-top:#00377a 1px solid;
border-right:#00377a 1px solid;
border-bottom:#7288ac 0px solid;
border-left:#00377a 1px solid;
background-color:#889DC2;  
padding-top:2px; 
padding-right:5px;
padding-bottom:2px;
padding-left:5px;
height:100%;
cursor:default;
}
/*style for just one item, it moves each item in submenu 22px to right*/
.psMI{
padding-left:22px;
}
/*style for MouseOver event*/
.psMO{
background-color:#ABC0E7;
cursor:default;
padding-left:22px;
}    
TABLE.psTopMenuOther
{
width:100%;
height:23px; 
border-width:0;
background-color:#577A99;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-align:right;
padding-right:15px;
}    
TR.psTopMenuOther{
background-color:#577A99;
}
.bottomBar_CommonControl{
background-color:#577A99;
}
.bottomMenuLink{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#ABBBC9;
text-decoration:none;
}
.bottomMenuLink_Select{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFCC00;
text-decoration:none;
}
.psAdvancedSearch{
Width:70;
cursor:hand;
font-family:Verdana;
font-size:10px;
height:20;
vertical-align: middle;
padding-left:5px;
padding-right:5px;
}
.psDesktopLink{
cursor:hand;
font-family:Verdana;
font-size:10px;
vertical-align: middle;
padding-left:3px;
padding-right:3px;
}
TABLE.psMenuContentTableKB{   
border-width:0px;
width:100%;
height:100%;
table-layout:fixed;
background-color:#E8E8E8;
}
div.psContentPanelKB
{
width:100%;
height:100%;
}
div.psPanelKB{
vertical-align:top;
padding-left:3px;
padding-top:3px;
padding-right:3px;
padding-bottom:28px;/*for visibilty bottom border in the form*/
position:relative;
/*overflow:auto;/*this is for showing scrool bar on right when size become small*/

width:100%;
height:100%;
background-color:#E8E8E8;
}
div.psPanelContentMultiPageKB{   
border:1px solid #DBDAC9;
width:100%;
height:100%;
/*for visibilty bottom border in form*/
position:relative;
z-index:1; 
background-color:#F1F1F1;
}
.psPSign{   
top:0px; 
left:0px; /*if you whish eliminate one empry pixel an move tabstrip to left 1 px rite hire 1px */
padding-left:5px;
padding-top:0px;
font-family:Verdana;
font-size:7pt;
height:12px;
color:Gray;
}
.psCtrlCellKB{
width:auto;
padding-bottom:3px;
font-family:Verdana;
font-size:11px;
vertical-align:top;
}    
.psCtrlCellKB4{
width:auto;
font-family:Verdana;
font-size:11px;
vertical-align:top;
height:30px;
}    
.psCtrlCellKB5{
width:auto;
font-family:Verdana;
font-size:11px;
height:100%;
}    
/*.psSearchKB{}*/

td.psTitleRep{
padding:2px;
font-family:Verdana;
font-size:12pt;
font-weight:bold;
background-color:#EFE7D6;  
border-top: black 1px solid; 
border-left: black 1px solid; 
border-bottom: black 1px solid;
}
td.psDateRep{ 
font-family:Verdana;
padding:2px;
font-size:8pt;
background-color:#EFE7D6;  
border-top: black 1px solid; 
border-right: black 1px solid; 
border-bottom: black 1px solid;
}
.psLeftMenuKB1{	
padding-top:10px;
}
TABLE.psTreeRep{   
padding:0px;
border:0px;
table-layout:fixed;
width:100%;
height:100%;
background-color:Red; 
position:absolute;
left:2px;
top:400px;
}    
.psKBContentTitle{
font-family:Arial;
font-size:15pt;
font-weight:bold;
padding-top:10px;
}


.test1{   
position:absolute;
left:5px;
top:3px;
z-index:20;
width:250px;
height:250px;
background-color:Olive;

}
.test2{   
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-color:Navy;
height:250px;

}



div.psPanelRep2{

position:absolute;
width:100%;
height:100%;
/*bottom:30px;*/
top:0px;
z-index:200;

}

div.psPanelRep{
vertical-align:top;
padding-left:15px;
padding-top:15px;
padding-right:15px;
padding-bottom:10px;/*for visibilty bottom border in the form*/
/*position:relative;*/
position:absolute;
overflow:auto;/*this is for showing scrool bar on right when size become small*/
width:100%;
height:100%;
/*bottom:30px;*/
top:10px;

background-color:#EEEEEE;
}


/*Style for psPanelContentMultiPage object on panel*/
div.psPanelContentMultiPageRep{   
padding-left:15px;
padding-top:40px;
padding-right:15px;
padding-bottom:15px;
background-color:#FFFBFB;
border:1px solid #DBDAC9;
width:100%;
height:100%;
/*for visibilty bottom border in form*/
top:0px;
/*position:relative;*/
overflow:auto;/*this is for showing scrool bar on right when size become small*/
position:absolute;
z-index:1; 
}

table.psTable1
{
	position:absolute;
	top:0px;
	left:0px;
	background-color:Aqua;
	width:100%;
	height:100%;
	
}
.psCell1
{
	background-color:Red;
	width:100%;
	height:100px;	
	position:absolute;		
	top:0px;
	left:0px;	
	overflow:visible;
	

}
.psCell2
{   	
	background-color:Black;
	border:solid 2px blue;
	height:100%;
	width:100%;
	/*position:absolute;		*/
	overflow:auto;
	
}