/* CSS Document */

/* scrollbar - just include format.css in every pages, system will load the body scroll bar color automatic */
body 					{	scrollbar-face-color: #B9D3EE;
		  					scrollbar-shadow-color: #7AA9DD;
		  					scrollbar-highlight-color: #1D7CF2;
		  					scrollbar-3dlight-color:#B0E0E6;
		  					scrollbar-darkshadow-color: #A4D3EE;
		  					scrollbar-track-color: #CAE1FF;
		  					scrollbar-arrow-color: #003F87;
		  					margin:0;
		  					padding:0;
							border:0px none;
							height:100%
						
						}
textbox					{	background: transparent; }
						
/* Pre-set the table setting */
table              		{	font-size:12px;font-family:verdana;width:100%; margin:0; padding:0;}

/* border of the border used in auto scroll container*/
table.ContainerBorder  {    border-width: 1px 1px 1px 1px;
	                        border-style: outset outset outset outset;
	                 		border-color: #0276FD #0276FD #0276FD #0276FD ;
	                 		border-collapse: collapse;
	                 		background-color: white;
							width: 75%;
	                	}


table.width80   {font-size:12px;font-family:verdana;width:80%;  }
table.width60   {font-size:12px;font-family:verdana;width:60%;  }

/* vertical align table to top */						
td.valignTop 			{	vertical-align:top;}

td.textAlign			{	text-align: right;}

/* partition line */
hr 						{	color:#0198E1; height:1px;width:90%}

/* green border for insert new row for profailMilik.php */

table.fullborderDarkgreen   {	font-size:12px;font-family:verdana;width:100%;
                     		border-width: 1px 1px 1px 1px;
	                 		border-spacing: 2px;
	                 		border-style: outset outset outset outset;
	                 		border-color: #0276FD #0276FD #0276FD #0276FD ;
	                 		border-collapse: collapse;
	                 		background-color: white;
	                	}
table.borderDarkgreen   {	font-size:12px;font-family:verdana;width:95%;
                     		border-width: 1px 1px 1px 1px;
	                 		border-spacing: 2px;
	                 		border-style: outset outset outset outset;
	                 		border-color: #0276FD #0276FD #0276FD #0276FD ;
	                 		border-collapse: collapse;
	                 		background-color: white;
	                	}
table.borderpink   {	font-size:12px;font-family:verdana;width:99%;
                     		border-width: 1px 1px 1px 1px;
	                 		border-spacing: 1px;
	                 		border-style: solid solid solid solid;
	                 		border-color: #FFCC99 #FFCC99 #FFCC99 #FFCC99 ;
	                 		border-collapse: collapse;
	                 		background-color: white;
	                	}
						
table.borderDarkgreen80   {	font-size:12px;font-family:verdana;width:80%;
                     		border-width: 1px 1px 1px 1px;
	                 		border-spacing: 2px;
	                 		border-style: outset outset outset outset;
	                 		border-color: #0276FD #0276FD #0276FD #0276FD ;
	                 		border-collapse: collapse;
	                 		background-color: white;
	                	}
	                	
table.borderBrown95  {	width:95%;
                     		border-width: 1px 1px 1px 1px;
	                 		border-spacing: 2px;
	                 		border-style: dotted dotted dotted dotted;
	                 		border-color: #7EB6FF #7EB6FF #7EB6FF #7EB6FF ;
	                 		border-collapse: collapse;
	                 		background-color: white;
	                	}
table.borderBrown100  {	width:100%;
                     		border-width: 1px 1px 1px 1px;
	                 		border-spacing: 2px;
	                 		border-style: dotted dotted dotted dotted;
	                 		border-color: #7EB6FF #7EB6FF #7EB6FF #7EB6FF ;
	                 		border-collapse: collapse;
	                 		background-color: white;
	                	}
						
table.borderPink85  {	width:85%;
                     	border-width: 1px 1px 1px 1px;
	                 	border-spacing: 2px;
	                 	border-style: dotted dotted dotted dotted;
	                 	border-color: #FF0000 #FF0000 #FF0000 #FF0000 ;
	                 	border-collapse: collapse;
	                 	background-color: #FFCC99;
	                }
						
table.borderActive95  {	width:95%;
                     	border-width: 1px 1px 1px 1px;
	                 	border-spacing: 2px;
	                 	border-style: dotted dotted dotted dotted;
	                 	border-color: #B9D3EE #B9D3EE #B9D3EE #B9D3EE ;
	                 	border-collapse: collapse;
	                 	background-color: #CAE1FF;
	                }
						
table.borderActive95PM  {	width:95%;
                     		border-width: 1px 1px 1px 1px;
	                 		border-spacing: 2px;
	                 		border-style: dotted dotted dotted dotted;
	                 		border-color: #BCD2EE #BCD2EE #BCD2EE #BCD2EE ;
	                 		border-collapse: collapse;
	                 		background-color: #7AA9DD;
	                	}
						
table.borderActive95PP  {	width:95%;
                     		border-width: 1px 1px 1px 1px;
	                 		border-spacing: 2px;
	                 		border-style: dotted dotted dotted dotted;
	                 		border-color: #0066cc #0066cc #0066cc #0066cc ;
	                 		border-collapse: collapse;
	                 		background-color: #6699ff;
	                	}
	                	
												
table.borderBlue95  {	width:95%;
                     		border-width: 1px 1px 1px 1px;
	                 		border-spacing: 2px;
	                 		border-style: dashed dashed dashed dashed;
	                 		border-color: #60AFFE #60AFFE #60AFFE #60AFFE;
	                 		border-collapse: collapse;
	                 		background-color: #F0F8FF;
							padding:0;
							spacing:0;
	                	}

	                	
table.borderDarkgreenBgColor80   {	font-size:12px;font-family:verdana;width:80%;
                     				border-width: 1px 1px 1px 1px;
	                 				border-spacing: 2px;
	                 				border-style: outset outset outset outset;
	                 				border-color: #B0E2FF #B0E2FF #B0E2FF #B0E2FF ;
	                 				border-collapse: collapse;
	                 				background-color: #B0E2FF;
	                			}

table.borderDarkgreen90   {	font-size:12px;font-family:verdana;width:90%;
                     		border-width: 1px 1px 1px 1px;
	                 		border-spacing: 2px;
	                 		border-style: outset outset outset outset;
	                 		border-color: darkGreen darkGreen darkGreen darkGreen ;
	                 		border-collapse: collapse;
	                 		background-color: white;
	                	}


table.borderInvisible60   {	font-size:12px;font-family:verdana;width:60%;
                     		border-width: 0px 0px 0px 0px;
	                 		border-spacing: 2px;
	                 		border-style: outset outset outset outset;
	                 		border-collapse: collapse;
	                 		background-color: white;
							text-align:center;
	                	}

table.borderInvisible90   {	font-size:12px;font-family:verdana;width:90%;
                     		border-width: 0px 0px 0px 0px;
	                 		border-spacing: 2px;
	                 		border-style: outset outset outset outset;
	                 		border-collapse: collapse;
	                 		background-color: white;
					text-align:center;
	                	}
					
td.borderDarkgreen  	{	border-width: 1px 1px 1px 1px;
	                 		padding: 1px 1px 1px 1px;
	                		border-style: inset inset inset inset;
	                		border-color: darkGreen darkGreen darkGreen darkGreen;
	                 		background-color: white;
                    	}

td.valignTop		{
				vertical-align: top;
			}
					
.fontAlert      		{ 	font-weight: bold;
							border: 0px solid #000000; 
							font-size: 8pt; 
							color: #999900;
							font-family:verdana
						}

.HandCrusor				{	cursor:hand; }

.nonBorder				{	border: 0px solid #000000; }

.margin					{	margin-bottom: -5px; 
							margin-top: 1px;
						}

.columborderNoLeft		{	
							border-right:1px solid #006600; 
							border-left:0px;; border-top:0px; 
							border-bottom:1px solid #006600;
						}

.font 					{font-size: 12px;
						 font-family:verdana;
						 border-right:1px solid #000080; 
						 border-left:1px solid #000080; 
						 border-top:0px solid #000080;; 
						 border-bottom:1px solid #000080;
						}
						
.texta 					{text-align:center;
						 border-right:1px solid #000080; 
						 border-left:1px solid #000080; 
						 border-top:1px solid #000080; 
						 border-bottom:1px solid #000080; 
						 padding:.4em; 
						 margin:0;
						}
						
.texta1					{
						 border-right:1px solid #000080; 
						 border-left:1px solid #000080; 
						 border-top:1px solid #000080; 
						 border-bottom:1px solid #000080; 
						 padding:.4em; 
						 margin:0;
						}
						
.textb 					{text-align:left;
						 border-right:1px solid #000080; 
						 border-left:1px solid #000080; 
						 border-top:1px solid #000080; 
						 border-bottom:1px solid #000080; 
						 padding:.4em; 
						 margin:0;
						}
						
.textaCenter			{text-align:center;
						 border-right:1px solid #006600; 
						 border-left:1px solid #339933; 
						 border-top:1px solid #339933; 
						 border-bottom:1px solid #006600; 
						 padding:.4em; 
						 margin:0;
						}

table.borderred   {	font-size:12px;font-family:verdana;width:95%;
                     		border-width: 1px 1px 1px 1px;
	                 		border-spacing: 2px;
	                 		border-style: outset outset outset outset;
	                 		border-color: #FFFAFA #FFFAFA #FFFAFA #FFFAFA;
	                 		border-collapse: collapse;
	                 		background-color: #FFFFFF;
	                	}
						
.rollmenu {border-right: #254869 1px solid; padding-right: 2px; border-top: #8eaac7 1px solid; display: block; padding-left: 2px; font-size: 11px; padding-bottom: 2px; border-left: #5f87af 1px solid; color: #eee; line-height: normal; padding-top: 2px; border-bottom: #19324c 1px solid; font-family: "Arial", "Helvetica", "sans-serif"; background-color: #298ca5; text-decoration: none}
.rollmenu:hover {	background-color: #4ab5d6; text-decoration: none}
.menuhead {font-weight: bold; font-size: 11px; color: yellow; background-color: transparent; font-family:Arial Black;}
#menu1 {left: 1px; visibility: hidden; position: absolute; top: 1px; background-color: transparent}
#menu2 {left: 1px; visibility: hidden; position: absolute; top: 1px; background-color: transparent}
#menu3 {left: 1px; visibility: hidden; position: absolute; top: 1px; background-color: transparent}
#menu4 {left: 1px; visibility: hidden; position: absolute; top: 1px; background-color: transparent}

.nonSpacing{
margin:0;
padding:0;
border:0px none;
}

/* ////////////////////////////////////////////////////////////////////
/* start of vertical drop down menu */
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 149px; /* Width of Menu Items */
height:22px;
border-bottom: 0px solid #ffffff;
}

.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 149px; /*sub menu width*/
height:22px;
top: 0;
visibility: hidden;
}


/* Sub level menu links style */
.suckerdiv ul li a{
border-top:1px solid #ffffff; display: block;
/*overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
vertical-align:middle;
background:url('images/blank.jpg');
width: 149px; /* Width of Menu Items */
height:22px;


/*background: #fff;*/

font-family: Times New Roman;
font-size: 12px;
width:149px;
height:22px;
vertical-align:middle;
}

.suckerdiv ul li a:visited{
color: black;
width: 149px; /* Width of Menu Items */
height:22px;

}

.suckerdiv ul li a:hover{
background-color: white;
font-style: italic;
font-size: 12px; color:#000000;
font-family: Times New Roman;
vertical-align:middle;
background:url('images/blank1.jpg');
width:149px;
height:22px;
}

.suckerdiv .subfolderstyle{
/*background: url(media/arrow-list.gif) no-repeat center right;*/
background: url('images/blank.jpg') no-repeat center right;
border-color: white;
width: 149px; /* Width of Menu Items */
height:22px;

}

/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 22; }
* html .suckerdiv ul li a { height: 22;}
/* End */

/* End of vertical drop down menu */


.imgMain {background-image: url(images/bg.jpg);	background-repeat: repeat-x;}

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

.imgSub1 {background-image: url(images/subDarkBlue.jpg);	background-repeat: repeat-x; }

.imgSub2 {background-image: url(images/subDarkBlue1.jpg);	background-repeat: repeat-x; }

.imgSub3 {background-image: url(images/subLightBlue.jpg);	background-repeat: repeat-x; }

.imgSub4 {background-image: url(images/subLightBlue1.jpg);	background-repeat: repeat-x; }

.imgDate {background-image: url(images/Date.jpg);	background-repeat: repeat-x; }

.imgtbl30 {background-image: url(images/tbl30.jpg);	background-repeat: repeat-x; }

.imgtbl35 {background-image: url(images/tbl35.jpg);	background-repeat: repeat-x; }

.imgtbl38 {background-image: url(images/tbl38.jpg);	background-repeat: repeat-x; }

.imgtbl40 {background-image: url(images/tbl40.jpg);	background-repeat: repeat-x; }

.imgtbl42 {background-image: url(images/tbl42.jpg);	background-repeat: repeat-x; }

.imgtbl45 {background-image: url(images/tbl45.jpg);	background-repeat: repeat-x; }

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

.fr100DarkBlue {background-image: url(images/100DarkBlue.jpg);	background-repeat: repeat-x; }

.fr100LightBlue {background-image: url(images/100LightBlue.jpg);	background-repeat: repeat-x; }

.fr250LightBlue {background-image: url(images/250LightBlue.jpg);	background-repeat: repeat-x; }

.fr150DarkBlue {background-image: url(images/150DarkBlue.jpg);	background-repeat: repeat-x; }

.fr250DarkBlue {background-image: url(images/250DarkBlue.jpg);	background-repeat: repeat-x; }

.fr350h {background-image: url(images/350h.jpg);	background-repeat: repeat-x; }

.fr350DarkBlue {background-image: url(images/350DarkBlue.jpg);	background-repeat: repeat-x; }

.fr380h {background-image: url(images/380h.jpg);	background-repeat: repeat-x; }

.fr400h {background-image: url(images/400h.jpg);	background-repeat: repeat-x; }

.fr400hUD {background-image: url(images/400hUD.jpg);	background-repeat: repeat-x; }

.fr800h {background-image: url(images/800h.jpg);	background-repeat: repeat-x; }

.fr1200h {background-image: url(images/1200h.jpg);	background-repeat: repeat-x; }

.fr1500h {background-image: url(images/1500h.jpg);	background-repeat: repeat-x; }

.fr1000h {width:95%; background-image: url(images/1000h.jpg);	background-repeat: repeat-x; }

.fr2000h {width:95%; background-image: url(images/2000h.jpg);	background-repeat: repeat-x; }

.fr1000hUD {width:95%; background-image: url(images/1000hUD.jpg);	background-repeat: repeat-x; }

.fr2000hUD {width:95%; background-image: url(images/2000hUD.jpg);	background-repeat: repeat-x; }

.fr2300hUD {width:95%; background-image: url(images/2300hUD.jpg);	background-repeat: repeat-x; }

.fr2200hUD {width:95%; background-image: url(images/2200hUD.jpg);	background-repeat: repeat-x; }

.fr2100hUD {width:95%; background-image: url(images/2100hUD.jpg);	background-repeat: repeat-x; }

.nospace{border-right:0px;border-left:0px;border-right:0px;}