.ajax__calendar_container{ z-index:9999;}

.heading {color:Red; font:bold 15px tahoma; margin:0px; height:27px; line-height:27px;
	 background:url(heading-curve-bg.gif) repeat-x; padding:0px; margin-bottom:5px;}
img {border:0px;}
.heading div.icon { padding:10px 0px 0px 20px;}
.heading div.icon input {margin-right:10px;}

.heading div.search { float:right;padding:2px 0px 0px 0px; color:#004e89; font-weight:500;  font-weight:normal; width:280px; background:none;}
.heading div.search  a{ color:#333; text-decoration:underline;font-weight:normal; }

.heading div.user { float:left;padding:8px 20px 0px 0px; color:#004e89;  font-weight:500;}
.heading span.user { color:#5888ac;}

a {
    cursor:pointer;
}
/*a {color:#000; text-decoration:none;} 
a:hover {text-decoration:underline;}*/

.logo_left img, .logo_right img {
    width: 54px;
}
.logo { background: url(../images/logo-bg.gif) repeat-x; height:45px; border-left:1px solid #b5e6ff;border-right:1px solid #b5e6ff;}
.page-header { background:url(header-bg.jpg) repeat-x; height:28px; margin-bottom:2px;}
.page-header div.icon { padding:10px 0px 0px 20px;}
.page-header div.icon input {margin-right:10px;}

.page-header div.search { float:right;padding:2px 0px 0px 0px; color:#004e89; font-weight:500;  font-weight:normal; width:280px; background:none;}
.page-header div.search  a{ color:#333; text-decoration:underline;font-weight:normal; }

.page-header div.user { float:left;padding:8px 20px 0px 0px; color:#004e89;  font-weight:500;}
.page-header div.login { float:right;padding:8px 0px 0px 0px; color:#004e89;  font-weight:500;}
.page-header span.user { color:#5888ac;}


.action-nav-top {  background:url(action-top-bg.gif) repeat-x; margin-bottom:5px; margin:0px 3px 5px 3px;} 
.action-nav-top ul {margin:0px; padding:0px; list-style:none;}
.action-nav-top ul li {display: block;  margin:5px 10px; height:35px; float:left; text-align:center; padding-top:5px;}
.menuheader
{background:url(action-top-bg.gif)
	}




.popupdiv {width:600px; display:none; height:454px; background:#e5e5e5; position:absolute; left:20%; top:20%; text-align:right; border:1px solid #ccc;}
.popupdiv a {color:#000; font-weight:500; line-height:23px; margin-right:10px; text-decoration:none;}
iframe {margin:0px; padding:0px; background:#f1f1f1;}


/* Left Nav */
.left {float:left; min-width:20px; _width:20px; margin-right:5px; background:#f1f1f1; padding-right:2px; height:502px;}

.left-nav {width:198px; background:#eaeaea;float:left;  padding-bottom:0px; _padding-bottom:0px; margin-right:2px;}
.left-nav div.tree {overflow:auto; height:471px;}
.node {margin-left:10px; }
.tree img {margin-right:5px;}
.node-style {margin-left:0px;color:#000;}

/* Right Nav */ 
.right {float:right; min-width:20px; _width:20px; margin-left:5px; background:#f1f1f1; padding-left:2px; height:502px;}
.right-nav {width:168px; float:right;margin-left:2px;}

.content {margin:0px 0px 0px 0px; float:left;}
.content-inside {padding:0px;}
.content-inside * {margin:0px; padding:0px;}

#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:590px;
	height:380px;
	margin:-220px 0 0 -250px;
	border:10px solid #555555;
	background:#FDFCE9;
	text-align:left;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);

}
#overlay[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{
	width:100%;
	height:100%;
}

.lbAction {text-align:right; font:12px tahoma;}


/*.content-inside div { background:#f5f5f5; border-bottom:1px solid #fff; display:block; _height:80px; min-height:80px;}

 Footer */
.footer {clear:both; background:#cde5f3; color:#333; text-align:left; padding-left:10px; line-height:17px; height:17px; margin-top:1px;}


.HeaderStyleScroll
{
	font-size:x-small;
	vertical-align:middle;
	font-weight:500;
	text-align:center;
	background-color:#B0C4DE ;
	height:13px; 
	z-index:auto;
}


/*                                               */

.DataGridStyle
{
    border-color:Black;
	text-align:left;
}
/*Header styles*/


.FooterStyle
{
	font-size:xx-small;
	font-weight:500;
	vertical-align:middle;
	text-align:left;
	background-color:Silver;

}


/*RowStyles*/
.RowStyle td, .AltRowStyle td, .SelectedRowStyle td /*Common Styles*/
{
	font-size:  small;
	vertical-align:middle;
	padding-right:3px;
	padding-left:3px;
	/*text-align:center;*/
	border:solid 1px gray;
}
.RowStyle td
{

    /*  background-color:White;*/
      padding-right:3px;
      padding-left:3px;
}
.AltRowStyle td
{

   /* background-color: #f0f0f0;*/
    padding-right:3px;
    padding-left:3px;
 
}
.SelectedRowStyle td
{
    background-color: #ffff66;
    padding-right:3px;
    padding-left:3px;
}

.FormTopHeading
{
	width:100%;
	font-size:small;
	text-align:center;
	color:#ffffff;
	font-weight:500;
	background-color:#2271AB; /*#2271AB;silver  #008ABA*/
	
} 



.FormTopHeadingWithClose
{
	
	width:95%;
	float:left;
	font-size:small;
	text-align:left;
	color:#ffffff;
	font-weight:500;
	background-color:#2271AB; /*#2271AB;silver  #008ABA*/
	
}
.ToolBarDiv 
{
	float:left;
	width:100%;
	text-align:center; 
	vertical-align:bottom;
	background-color:Silver;
}

.Heading
{
	width:100%;
	font-size:small;
	text-align:left;
	background-color: #778899   ;
}






/* Grid Look */
.gridview
{
	float:left;
	margin-right:20px;
	background-color:White;
	
}

.gridview td,gridview th
{
	padding:5px;
}
.selectedRow
{
	background-color:Yellow;
}
.headerGrid
{
	background-color:#A37206;
	color:WHITE;
	text-align:left;
	font-size:xx-small;
	font-weight:500;
}
/*CSS lijeva, desna strana, pathway*/
body
{
margin:0;


}
html
{
/*scrollbar-base-color: #cfc086;
scrollbar-arrow-color: #B08951;
scrollbar-track-color: #EFEEC4;/*F96800*/
}

.headerTopCenter
{
	width:20%;
	text-align:right;
	float:left;
	

}


.top
{
	background: url(../images/top_bar_bg.jpg) repeat-x;
}

.footer
{
	background: url(../images/top_bar_bg.jpg) repeat-x;
	margin-top: 4px;
	color:#FFFFFF;
	font-size:12px;
	/*background-color:Silver;
	 text-align:right;*/
}

.content
{
padding: 0px 5px 0px 5px;
background-color:#F8F8F8;
border-left: 4px solid #FFFFFF;
border-right: 4px solid #FFFFFF;
}

.left
{
	background-color:#F1F1F1;
}

.right
{
	background-color:#F1F1F1;
}

/*modules*/
table.moduletable {
	width: 154px;
	padding:0px 0px 1px 0px;
	margin-bottom: 2px;
}

table.moduletable th {
	background: url(../images/module_th.jpg) no-repeat;
	color: #FFFFFF;
	text-align: left;
	padding-top: 8px;
	padding-left: 35px;
	height: 30px;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 12px;
	text-transform: none;
	vertical-align:top;
}

table.moduletable td {
	font-size: 11px;
	padding: 1px 2px 1px 2px;
	margin: 3px;
	font-weight: normal;
}

table.pollstableborder td {
  padding: 2px;
}
a.mainlevel:link, a.mainlevel:visited {
	display: block;
	vertical-align: middle;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	line-height: 20px;
    width: 176px!important;
    width: 176px;
	text-decoration: none;
	border-bottom: 1px solid #DEDEDE;
	text-indent: 6px;
	height: 20px;
	padding: 1px 0px 1px 0px;
}

a.mainlevel:hover {
	display: block;
	vertical-align: middle;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	line-height: 20px;
	width: 176px!important;
    width: 176px;
	text-decoration: none;
	background: #F8F8F8;
	border-bottom: 1px solid #CDCDCD;
	text-indent: 6px;
	height: 20px;
	padding: 1px 0px 1px 0px;
}

/*links of title,readon,etc*/









.moduletable-nav {

}


.contentheading {
	color: #59AA08;
	text-indent: 5px;
	font-weight: bold;
	font-size: 14px;
	padding: 3px 0px 3px 0px;
	white-space: nowrap;
}

.componentheading {
	color: #59AA08;
	text-indent: 5px;
	font-weight: bold;
	font-size: 14px;
	padding: 3px 0px 3px 0px;
	border-bottom: 1px solid #59AA08;
	white-space: nowrap;
	margin-bottom: 3px;
}

.sectiontableheader
{
	background-color:#EDEDED;
	color: #666666;
	font-weight:500;
	padding: 2px 2px 2px 2px;
}



.contentpane {

}

.contentpaneopen {
  padding: 3px 5px 3px 5px;
}

.sectiontableentry1 {
}

.sectiontableentry2 {
background-color:#EDEDED;
}

.small
{
	color: #333333;
	font-size:10px;
}

.createdate
{
	color:#333333;
	font-size:10px;
}

.modifydate
{
	color:#333333;
	font-size:10px;
}

.contentdescription
{
	color:#333333;
	font-size:11px;
}





/*custom stuff*/

a.readon:link, a.readon:visited
{
	color:Black; text-decoration: none;
	font-weight: bold;
}

a.readon:hover
{
	color: #333333;	text-decoration: none;
	font-weight: bold;
}

a.category:link,a.category:visited
{
	color:Black; text-decoration: none;
	font-weight: bold;
}

a.category:hover
{
	color:#666666;
	text-decoration:none;
	font-weight:500;
}

table.searchinto {
width:inherit;
}

table.searchintro td {
	font-weight: bold;
}

table.contenttoc {
  border: 1px solid #CCCCCC;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

form {
/* removes space below form elements */
	margin: 0;
 	padding: 0;
}

.mosimage {
  border: 1px solid #CCCCCC;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  background: #D9DEDA;
  padding: 1px 2px;
  color: #666666;
  text-transform:none;
  font-size: 10px;
  border-top: 1px solid #CCCCCC;
}

.pollstableborder td {
  padding: 2px;
}

.buttonEmail {
  color: #333333;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align:right;
  font-size: 10px;
  background-color:#3366FF;
  font-weight: bold;
  border: 2px solid #CCCCCC;
  width: 46px;
  padding: 0px 5px;
  margin: 1px;
  background:url(email.jpeg) no-repeat;
}


.buttonClose{ background:url(close.png) 0 0 no-repeat; cursor:hand; width:18px; height:18px; border:0px; display:block;text-indent: -99px;margin-top:5px;}
	
	
.buttonUp
{	
	background:url(up.jpeg) no-repeat;
	cursor:hand;
	width:15px;
	height:17px;
	border:0px;
	margin-top:2px;
}	
.buttonDown
{	
	background:url(down.jpeg) no-repeat;
	cursor:hand;
	width:15px;
	height:17px;
	border:0px;
	margin-top:2px;
}

.buttonMagnify
{	
	background:url(search.jpg) no-repeat;
	cursor:hand;
	width:15px;
	height:17px;
	border:0px;
	margin-top:1px;

	}


.buttonAnalysis {
  color: #333333;
  font-family:Arial;
  background-color:#FFFCED; /*3366FF*/
  text-align: center;
  font-size: 9px;  
  border: 2px solid #CCCCCC;
  width: 97%;
  height:17px;
  padding: 0px 2px;
  border-style:outset;
  margin: 1px;
  cursor:hand;
  background:url(../images/userinfo.gif) no-repeat;
}

.buttonAnalysisClick {
  color: Black;
  font-family: Arial;
  background-color:Orange; /*3366FF*/
  text-align: center;
  font-size: 9px;  
  border: 2px solid #CCCCCC;
  width: 97%;
  height:17px;
  padding: 0px 2px;
  border-style:outset;
  margin: 1px;
}

 

.buttonSearch, .buttonPrint, .btn-primary, .buttonClick {
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
   
    padding: 5px 15px;
    line-height: 13px;
    height: var(--input-height);
    margin: 0;
    border-radius: 3px;
    box-shadow: 0px 0px 0px #ffffff, 2px 2px 6px #d8d8d8;
    background: var(--button-bg);
    border: 1px solid var(--panel-heading);
    color: var(--cta);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
    font-family: var(--medium);
    cursor: pointer;
}
.button, .buttonSearch, .buttonPrint {
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    padding: 5px 15px;
    background: var(--cta);
    border: 1px solid var(--panel-heading);
    color: var(--panel-heading);
    line-height: 18px;
    height: var(--input-height);
    margin: 0;
    border-radius: 3px;
    box-shadow: 0px 0px 0px #ffffff, 2px 2px 6px #d8d8d8;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.button.active, .button.buttonClick {
    background: var(--panel-heading) !important;
    border-color: var(--panel-heading) !important;
    color: #fff;
}
 
/*input[value=Cancel].button, input[value=Close].button {
    background: var(--button-cancel) !important;
    border-color: var(--button-cancel) !important;
}*/
input[value=Cancel].button:hover, input[value=Close].button:hover {
    background: var(--button-cancel-hover) !important;
    border-color: var(--button-cancel-hover) !important;
}
input[value=Save], input[value=save],input[value=UPDATE], input[value=update], input[value=Update], input[value=SAVE], input[value=Submit], input[value=submit], input[value=GO], input[value=go], input[value=print], input[value=Print], input[value=PRINT], input[value=Go], input[value=OK], input[value=Ok], input[value=ok] {
    background: var(--button-bg);
    border-color: var(--btn-hover);
    color:#fff;
    width: auto;
}
input[value=Save].button:hover, input[value=Submit].button:hover, input[value=GO]:hover, input[value=Go]:hover, input[value=Print]:hover, input[value=PRINT]:hover, input[value=OK]:hover, input[value=Ok]:hover {
    background: var(--button-bg-hover);
    border-color: var(--panel-heading);
    color:#fff;
}
input[value=GO]:hover:before {
    -webkit-transform: translate3d(50%,-50%,0) scale3d(17,17,17);
    transform: translate3d(50%,-50%,0) scale3d(17,17,17);
}
input[value=GO]:before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 100%;
    right: 100%;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #4d1ee6;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(50%,-50%,0) scale3d(0,0,0);
    transform: translate3d(50%,-50%,0) scale3d(0,0,0);
    transition: -webkit-transform .45s ease-in-out;
    transition: transform .45s ease-in-out;
    transition: transform .45s ease-in-out,-webkit-transform .45s ease-in-out;
}
.button[disabled]:hover{ background-color:#012532; border: 1px solid #000; cursor:not-allowed;}

 .buttonClick.active {
    background: var(--btn-hover) !important;
    border-color: var(--btn-hover) !important;
    color: #fff;
}

.buttonPrint{ background-color:#012532;font-size: 12px; text-transform:uppercase;border: 1px solid #000;  padding: 3px 10px 3px 10px;  line-height: 1.5;border-radius: 4px;display: inline-block;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: url(print.gif); background-repeat:no-repeat;background-position: 7px 5px;}

.buttonPrint[disabled]:hover{ background-color:#012532; border-color: #000; cursor:not-allowed;}
 
.panel-footer .buttonPrint:hover{}
.panel-footer .buttonPrint[disabled]:hover{ background-color:#6685a4; border: 1px solid #2d668b; cursor:not-allowed;}


.buttonSearch:hover{}

.buttonList{ background: url(iconList.png) 0 0 no-repeat; width:23px; height:18px; display:block;}
	
.buttonPopUp {
  background-color:#F2F2F2; /*3366FF  #F2F2F2*/
  text-align: center;
  font-size: 11px;  
  border: 2px solid #CCCCCC;
  width: auto;
  padding: 0px 5px;
  border-style:outset;
  margin: 1px;
  cursor:hand;
}

.buttonPlaning {
  color: #804000;
   background-color:#FFE0C0;
  text-align: center;
  font-size: 11px;  
  border: 2px solid #CCCCCC;
  width: auto;
  padding: 0px 5px;
   border-style:outset;
  margin: 1px;

  
}

.back_button {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #CCCCCC;
  background-color:#3366FF;
  width: 50px;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenav {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #CCCCCC;
  background-color: #EDEDED;
  width: auto;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
  color:#999999;
}

.pagenavbar {
	margin-right: 10px;
}

.strong
{
	color:#999999;
}
/*  Div CSS */
.DivLabel
{
padding-right: 5px; 
font-weight: bold;
float: left;
vertical-align: bottom;
width: 30%; 
text-align: right;
font-size:x-small;
}
.DivError
{padding-right: 5px;font-weight: 500;vertical-align: bottom;width: 100%;text-align: center;}
/*.DivError span {
    color: red !important;
    margin-bottom: 15px;
    display: block;
}*/
.DivControl
{
	float: left; 
	width: 60%;
	text-align:left;
	
}
.DivControlWithFont
{
	float: left; 
	width: 90%;
	text-align:left;
	font-size:12px;
}
.DivControl1
{
	float: left; 
	width: 50%;
	text-align:left;
	
	
}
.DivLabel4
{
	width:20%;
	text-align:left;
	font-weight:500;
	padding-left:5px;
	float:left;
		
}
.DivLabel3
{
	width:28%;
	text-align:left;
	padding-left:5px;
	float:left;
		
}
.DivControl4
{
	width:25%;
	text-align:left;
	float:left;
	
}
.DivLabel5
{
	width:18%;
	text-align:left;
	font-weight:500;
	padding-left:5px;
	float:left;
}
.DivLabel2
{
	width:43.5%;
	text-align:left;
	font-weight:500;
	padding-left:5px;
	float:left;
}
.LabelHeading2
{
	text-align:left;
	font-weight:500;
	padding-left:5px;
	float:left;
	font-size:larger;
		
}
.DivButton1st
{
	padding-right: 5px; 
	font-weight: bold; 
	float: left; 
	vertical-align: bottom;
    width: 40%; 
    text-align:right;
    height: 22px;
 
	}
	.DivButton2nd
{
	padding-right: 5px; 
	font-weight: bold; 
	float: left; 
	vertical-align:bottom;
    width: 6%; 
    text-align:left;
    height: 22px;
 
	}
	.DivButton3rd
{
	padding-right: 5px; 
	font-weight: bold; 
	float: left; 
	vertical-align: bottom;
    width: 10%; 
    text-align:left;
    height: 22px;
 
	}
	
	.Div1pMessage
{
padding-right: 5px; 

float: left;
vertical-align: bottom;
width: 100%; 
text-align:justify;
}

/* Print Reports Css */

.FieldSetPrint
{
	width:70%;
	
	
}
.FieldSetForm
{
	width:100%;
	/*background-color:#EDFBFF;/*background-color:#589F5B;/*#E0B9F3;/*#D1E8E0;  C2D98B;*/
	background-color:#F2F2F2;
	/*border-color:Black;*/
	border-color:#D2D2D2;
	border:1px;
	
	
	 
}
.LegendPrint
{
	color:Black;
	font-weight:500;
	padding: 2px 2px 2px 2px;

}
.GridItemsTypeControl
{
  font-size :10px;
  vertical-align:middle;
  text-align:left; 
  font-weight:500;
  word-spacing:normal; 
}

.GridHeaderPrint
{
	font-size:x-small;
	font-weight:500;
	vertical-align:middle;
	text-align:center;

}
.ColumePrint
{
	font-size:small;
	font-weight:normal;
	vertical-align:middle;
	text-align:left;
	padding-left:2px;
}


.GridItemPrint
{
	vertical-align:middle;
	text-align:left;
	padding-left:2px;
}
.GridItemPrintRight
{
	vertical-align:middle;
	text-align:right;
	padding-right:2px;
}
.GridItemPrintCenter
{
	vertical-align:middle;
	text-align:center;
}

.DivPrint
{
padding-right: 5px; 
float: left;
vertical-align: bottom;
width: 100%; 
text-align: center;
padding-left: 5px;
padding-top: 10px;
padding-bottom:10px;
}
.DivHeading
{
padding-right: 5px; 
font-weight: bold;
float: left;
vertical-align: bottom;
width: 10%; 
text-align: left;
	
}
.DivMessage
{
	padding-right: 5px; 
font-weight:normal;
float: left;
vertical-align: bottom;
width: 80%; 
text-align: left;
}
.GridStylePrint
{
	border-color:Black;
	text-align:left;
}

.GridHeader
{
	font-size:x-small;
	font-weight:500;
	vertical-align:middle;
	text-align:center;
	background-color:Silver;
	font-weight:500;
	background-color:#B0C4DE;
	
}



	

/***********menu CSS**********/
.MenuStyle
{
	 text-decoration:none;
	 font-size:xx-small;	
}

/******For Right alignment of numeric value in grid in print******/
.Gridrightitem
{
	text-align:right;
	padding-right:2px;
}
.GridrightHeader
{
	font-weight:500;
	text-align:right;
}
.GridMiddleitem
{
	text-align:center;

}
.GridMiddleHeader
{
	font-weight:500;
	text-align:center;
}

/******For Right alignment of numeric value in grid ******/
.GridrightHeader1
{
	font-weight:500;
	text-align:right;
	background-color:Silver;
	
}

/****************SuperAdmin Pendiing Block****************/
.DivMarketing
{
	width:13%;
	float: left;
	height:150px;
	margin-top:20px;
	
}
.MenuBlock
{
	float:left;
	margin-right:20px;
	background-color:White;
	font-size:xx-small;
	color:Red;
	width:100%;
	
}

.Message
{
	font-size:small;
	text-align:center;
}
/* testing */
.Div4thodd
{
	width:18%;
	text-align:right;
	font-weight:500;
	padding-left:5px;
	float:left;
	margin-right:5px;
		
}
.Div4theven
{
	width:22%;
	text-align:left;
	font-weight:500;
	padding-left:5px;
	float:left;
		
}
	
/* new div for middle aligment*/
.DivMiddleLabel
{
	width:21%;
	text-align:left;
	font-weight:500;
	font-size:xx-small;
	padding-left:6px;
	float:left;
		
}
.DivRightControl
{
	width:21%;
	text-align:left;
	font-size:xx-small;
	padding-left:2px;
	float:left;
		
}
.DivLowLabel
{
	width:21%;
	text-align:left;
	font-size:xx-small;
	padding-left:10px;
	float:left;
		
}
.DivMiddleControl
{
	width:21%;
	text-align:left;
	font-weight:500;
	padding-left:5px;
	float:left;
		
}
.DivMiddleButton
{
	width:6%;
	text-align:center;
	padding-left:5px;
	float:left;
		
}
.PanelCss
{
	position: relative;
    width: 100%;
    border:1px solid #1E77D3;
    height: 400px;    
    overflow: scroll;
    padding:0 0 0 4px;
    font-size:1.1em;
    font-family: "Courier New", Courier, monospace;
    white-space: nowrap;
    color:#000099;
    
}

.drpdwn
{
	padding: 2px;
	border:solid 1px Gray;
	background-color: #E8E8E8;
	font-size:smaller;
	width:95%;
}
.MenuLeftHeading{}
.MenuSubHeading{}

.TreeLeftHeading
{
	font-weight:500;
	font-size:large;
	color:Blue;
}

.BottomToolDiv
{
	width:99.5%;
	background-color:Silver;
	border-color:Black;
	border:1px;
	text-align:right;
}
.Div
{
	width:16%;
	float:left;
	font-weight: normal;
	vertical-align: bottom;
	text-align:right;
	text-decoration:none;

}


.Div2p1
{
	padding-right: 5px; 
	font-weight: normal;
	float: left;
	vertical-align: bottom;
	width: 30%; 
	text-align: right;
}
.Div1p
{
/*padding-right: 5px; */
	font-weight: bold;
	vertical-align: bottom;
	width: 100%; 
	text-align: center;
}

.Div1p1
{
/*padding-right: 5px; */
	font-weight: bold;
	background-color:#5b99c4;
	vertical-align: bottom;
	width: 100%; 
	text-align: center;
}

.Div2p2
{
	float: left; 
	width: 65%;
	text-align: left;
}
.Div3p1
{
	padding-right: 5px; 
	font-weight: bold; 
	float: left; 
	vertical-align: bottom;
    width: 40%; 
    text-align:right;
    height: 22px;
 
	}
	.Div3p2
{
	padding-right: 5px; 
	font-weight: bold; 
	float: left; 
	vertical-align: bottom;
    width: 6%; 
    text-align:left;
    height: 22px;
 
	}
	.Div3p3
{
	padding-right: 5px; 
	font-weight: bold; 
	float: left; 
	vertical-align: bottom;
    width: 10%; 
    text-align:left;
    height: 22px;
 
	}
	.DivFmenu
{
/*padding-right: 5px; */
	font-weight: bold;
	background-color:#99cc66;
	vertical-align: bottom;
	width: 100%; 
	text-align: center;
}

.DivFmmenu
{
/*padding-right: 5px; */
	font-weight: bold;
	background-color:#add8e6;
	vertical-align: bottom;
	width: 100%; 
	text-align: center;
}


/* Master Page CSS */

/* Master Page Border Around the Page */
.MasterPageBorderBackground
{
	/*background-color:#E0FFFF;*/
	background-color: #A5B4C4;/*#EDFBFF;/*#C6CAE7;/* #E2FDFF;*/
	border-bottom-width:6px;
	border-left-width:8px;
	border-right-width:8px;
	border-top-width:2px;
	border-style:solid;
	border-color:#778899;
}

/* Master Page Header(The Top Row) */
.header
{
	/*background: url(../Images/bgd.jpg) repeat-x; */
	background-color:#778899;
	vertical-align:top;
	width:100%;
}

/* Master Page Header Top Right */
.headerTopRight
{
	width:73%;
	text-align:right; 
	float:left;
	vertical-align:top;
	background-color:#778899;
}

/* Master Page Company Dropdown Row */
.headerBelow
{
	width:100%;
	text-align:left;
	float:left;
	/*background: url(../Images/header.gif) repeat-x;*/
	vertical-align:top;
	height:25px;
	background-color:#4169E1;
}

/*Maser Page Footer Row(Software Developed By:)*******/
.Footer
{
	background-color:Silver;
	font-size:small;
	cursor:crosshair;
	text-align:right;
}

/* CSS For The Search Trip in the pages */
.DivSearchTrip
{
	padding-right: 5px; 
	font-weight: bold; 
   /* height: 42px;*/
    width: 99%; 
    vertical-align: middle;
    text-align: left;
    float: left; 
    margin-top:1px
}

.DivSearchLabel
{
	text-align:left;
	font-weight:500;
	font-size:xx-small;
	float:left;
	width: 15%; 
	margin-left: 2px; 
	vertical-align: bottom; 
	padding-left:0;
	border-style:double; 
	border-color:black;
	border-width:1px
		
}
.DivSimpleLabel
{
	text-align:left;
	font-weight:500;
	font-size:xx-small;
	float:left;
}
.buttonGo 
{
  color: #333333;
  background-color:#3366FF;
  text-align:center;
  font-size: 10px;
  font-weight: bold;
  border: 2px solid #CCCCCC;
  width: auto;
  padding: 2px 5px;
  margin: 1px;
  height:27px;
  cursor:hand;
  background:url(/forum_search.gif) no-repeat;
}

.inputControl 
{
	border:solid 1px Gray;
	background-color: #E8E8E8;
	font-size: x-small;
	width:145px;
	font-weight:500;
	
}
.Dropdown 
{
	border:solid 1px Gray;
	background-color: #E8E8E8;
	font-size: x-small;
	width:145px;
	font-weight:500;
	cursor:hand;
}
.DivGridHeading
{
	width:100%;
	font-size:small;
	text-align:center;
	background-color:Silver;
	}	
	
	.TDLeft 
{
	float:left;
	width:99%;
	text-align:left; 
	vertical-align:bottom;
	
}



.GridDynamicHeader
{
	font-size:x-small;
	font-weight:500;
	text-align:left;
}

.GridDynamicItems
{
  font-size :2px;
  text-align:left; 
  font-weight:normal;
}
.GridItems
{
  font-size :2px;
  text-align:right; 
  font-weight:normal;
}

.GridDynamicStyle
{
	border-color:Black;
	text-align:left;
}
.GridDynamicStyle1
{
	text-align:left;
}
.tHead 
   {
   display : table-header-group;    
}  


.linkbuttonColor
{
	color: var(--panel-heading) !important;
	font-size: 13px;
}    


.GridViewStyle
{
border-style:solid;
border-color:Gray;
padding-left:3px;
padding-right:3px;
} 
	
.GridViewStyle td
{
border-left-color:Gray;
border-right-color:Gray;
padding-left:3px;
padding-right:3px;
}

.GridViewStyle th
{
font-weight:500;
padding-left:3px;
padding-right:3px;
}
	
div.background
{
  width: 100%;
  
  background: url(overlay.png) repeat;
  
  position:absolute;
  top: 0;
  filter:alpha(opacity=120);
  opacity:0.9;
  z-index:9999;
}

div.transbox
{
  width: 60%;
  height: auto;
  margin: 20px auto;
 background:#FFFFFF;
  border: 1px solid #b3b3b3;  

  
border-radius: 5px;}
div.backgroundPop
{
  width: 100%;
  height: 400px;
  background: url(overlay.png) repeat;
  border: 2px solid black;
  position:absolute;
 top:0px;
 left:0px;
    filter:alpha(opacity=90);
  opacity:0.9;
  z-index:9999;
}

div.transboxPop
{
  width: 80%;
  height: 280px;
  margin: 100px 100px;
  background-color: #ffffff;
  border: 1px solid black;  
  
}
div.transbox p
{
  margin: 30px 40px;
  font-weight: bold;
  color: #000000;
}
.frmcls
{ 
	position:absolute;
	z-index:998;
	border-style: none;
	
}

.tablehead
  {
  background-color:#B0C4DE;/*#2271AB color:White;  #006699*/ 
  font-size: 10pt;
  }
.tablebody
  {
  background-color:Gainsboro;
  color:Black;
  font-size: 10pt;
  }
.plaintable
  {
  background-color:White;
  color:Black;
  font-size: 10pt;
  }
  .divBorder
  {
	border-color:#2271AB;
	border-width:1px;
	border-style:solid;
  }

	
	/* CSS for Print page in the Landscape */
	
	div.page  
	{ 
		writing-mode: tb-rl;
		height: 100%;
		margin: 0% 0%;
	}
	div.page table 
	{
		margin-right: 10pt;
		margin-bottom: 600pt;
		filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=1);
	}
	div.breakbefore 
	{
		page-break-before:always;
		color: silver
	}
	div.breakafter 
	{
		
		page-break-after:always;
		color: silver
	}

.cellFormat
{
	border:1; 
	border-color:Black; 
	border-style:solid; 
	border-width:1px;
	}
	
.buttonFind 
{
  background-color:#F2F2F2;
  text-align:center;
  font-size: 9px;
  font-weight: bold;
  border: 2px solid #CCCCCC;
  width: auto;
  padding: 0px 1px;
  margin: 1px;
  cursor:hand;
  background:url(/forum_search.gif) no-repeat;
  height:17px;
}


.GridCommonButton {
   color: #333333;
  background-color:#FFFCED; /*3366FF*/
  text-align: center;
  font-size: 11px;  
  border: 2px solid #CCCCCC;
  width: auto;
  padding: 0px 5px;
  border-style:outset;
  margin: 1px;
  cursor:pointer;
  background:url(../images/userinfo.gif) no-repeat;
}
.DspNone
    {
    	display:none;
    }
@media only screen and (max-width: 767px){
div.transbox {
    width: 90%;
    margin: 0px auto;
overflow-y: scroll;display: block;max-height: 375px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    div.transbox {
        width: 80%;
    overflow-y: scroll;
    display: block;
    max-height: 480px;}
}