/* CSS Document */
TD{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
.blacktxtbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.bluetxtbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}
.input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	color: #003E5B;
	border: 1px solid #757575;
	width:100px;
	height:18px;
	background-color: #AFAFAE;
}
.asstd{
	background-color:#cccccc;
}
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #AFAFAE;
	width:23px;
	height:18px;
}
.backgroundright	{
	background-image: url(../bannertop_2.jpg);
}


.backgroundcontent	{
	background-image: url(images/contntbg.jpg)
	background-repeat: repeat-x;

} 

.backgroundloginbox	{
	background-image: url(../login_bg.jpg);
	background-repeat: repeat-x;

}
.logintxtbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}

.contnttxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:400;
	color: #000000;
	
	
	
}

.username {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: none;
	color: #000000;
}
.blanktd{
	height:4px;
	}
.leftborder{
	border-left:1px solid #CCCCCC;
	}
.leftborder{
	border-left:1px solid #CCCCCC;
}
.rightborder{
	border-right:1px solid #CCCCCC;
	width:4px;
}
.footer{
	border:1px solid #cccccc;
	background-color:#F7F6F5;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	height:35px;
	text-align:center;
}
.whitebox{
	border:1px solid #FFFFFF;
	height:96px;
	width: 180px;
	}
.secondtopbg1	{
	background-image: url(../secondtop_left.gif);
}	
.secondtopbg2	{
	background-image: url(../secondleft_smallbg.gif);
}	
.secondtopbg3	{
	background-image: url(../secondtop_longbg.gif);
}		
.secondtopbg4	{
	background-image: url(../bluebox_left.gif);
}	
.secondtopleftbg	{
	background-image: url(../linesmall_box.gif);
	background-repeat: repeat-y;
}	
.secondtopleftbg2	{
	background-image: url(../longleftline_bg.gif);
	background-repeat: repeat-y;
}
a.menu:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:  #000000;
	text-decoration: none;
	}
a.menu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:  #000000;
	text-decoration: none;
	}
a.menu:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:  #000000;
	text-decoration: none;
	}
.righttborder{
	border-left:1px solid #CCCCCC;
	}		
------------------------------------------------rollover button color change------------------------------
a.leftmenu:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: none;
	color: #000000;
	text-decoration: none;
}
a.leftmenu:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: none;
	color: #000000;
	text-decoration: none;
}
a.leftmenu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: none;
	color: #000000;
	text-decoration: none;
	}
a.leftmenu:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: none;
	color: #000000;
	text-decoration: none;
}
--------------------------------------------------end-----------------------------------
-------------------------------------------------- box-----------------------------------	
.loginbox {
	background-color: 014E82;
	height: 18px;
	width: 80px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;

}
--------------------------------------------------end-----------------------------------
//create box with css
.box {
	border:1px solid #CCCCCC;
	height: 264px;
	width: 300px;
	padding: 10px;
}
.box1 {
	border:1px solid #CCCCCC;
	height: 101px;
	width: 316px;
}
.box2 {
	border:1px solid #CCCCCC;
	background-color: #1EA4DA; 
	height: 101px;
	width: 316px;
}
----------------------------------------------------end------------------------------------

style="background-repeat:no-repeat"(to stop the repeat)


--------------------------------dash line css----------------------------------------------

.horizontal{
	border-right:2px dashed #979797;
}

--------------------------------------------end---------------------------------------------------
--------------------------------------- underline text by css-----------------------------------
.underlinetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	border-bottom:2px dashed #00AFCC;
	height:30px;
}

HOW TO USE CSS BETWEN THE WORD
.copyrighttext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	FONT-WEIGHT: normal;
	font-size: 9px;
	color:#000000;
	font-style: normal;
	word-spacing: 0pt;
	letter-spacing: 0px;
}

-----------------------------------------------------end -------------------------------------------
--------------------------------------------------------------start new script----------------------------------------
A	{
	text-decoration:none; 
	color:A8BEF3; 
	font-family:verdana
	}
A:hover	{
	text-decoration:underline; 
	color:A8BEF3; 
	font-family:verdana
	}
P	{
	font-family:verdana; 
	color:white; 
	font-size:11px; 
	margin-top:0px; 
	margin-bottom:8px
	}
TD	{
	font-family:verdana; 
	color:white; 
	font-size:11px
	}
H1	{
	font-family:verdana; 
	color:#02075A; 
	font-size:19px; 
	margin-top:0px; 
	margin-bottom:14px
	}
H2	{
	font-family:verdana; 
	color:#02075A; 
	font-size:19px; 
	margin-top:0px; 
	margin-bottom:5px
	}
H3	{
	font-family:verdana; 
	color:#ffffff; 
	font-size:17px; 
	margin-top:0px; 
	margin-bottom:0px
	}

BODY	{
	scrollbar-face-color:		#1A6EDB;	
	scrollbar-track-color:		#02075A;
	scrollbar-highlight-color:	#49A2f9;	
	scrollbar-3dlight-color:	#000000;
	scrollbar-shadow-color:		#105BD6;	
	scrollbar-darkshadow-color:	#000000;
	scrollbar-arrow-color:	#000000;	margin:0; margin-left:0; margin-right:0; margin-top:0; margin-bottom:0
	}

A.glower IMG	{
	border-width:0px; 
	border-color:04086C; 
	Filter: Alpha(opacity=40);
	}
A.glower:hover IMG	{
	border-width:0px; 
	border-color:308FED; 
	Filter: Alpha(opacity=100);
	}

INPUT.outline {
	border-color: black; 
	border-width: 1px; 
	border-style: solid; 
	background: 74AAF4; 
	font-family:verdana; 
	color:black; 
	font-size:11px
	}
SELECT	{
	border-color: black; 
	border-width: 1px; 
	border-style: solid; 
	background: 74AAF4; 
	font-family:verdana; 
	color:black; 
	font-size:10px
	}
TEXTAREA	{
	border-color: black; 
	border-width: 1px; 
	border-style: solid; 
	background: #74AAF4; 
	font-family: verdana; 
	color: black; 
	font-size:11px; 
	}
.select{
		background:transparent; color:000000; font-size:9px;
		scrollbar-face-color:#02075A;	    
		scrollbar-highlight-color:#02075A;	
		scrollbar-3dlight-color:ffffff;
		scrollbar-track-color:#02075A;	    
		scrollbar-shadow-color:#02075A;	
		scrollbar-darkshadow-color:	#ffffff;
		scrollbar-arrow-color:	#ffffff;
		}
.temp {
	border: 1px solid #0943C1;
}
-------------------------------------------------------------------------end----------------------------------------------------------
------------------------------------------------------------------------useing filter by css------------------------------------------
.blur{
	background-color: #ccc; /*shadow color*/
	color: inherit;
	margin-left: 4px;
	margin-top: 4px;
}

.shadow,
.content{
	position: relative;
	bottom: 2px;
	right: 2px;
}

.shadow{
	background-color: #666; /*shadow color*/
	color: inherit;
}

.content{
	background-color: #fff; /*background color of content*/
	color: #000; /*text color of content*/
	border: 1px solid #000; /*border color*/
	padding: .5em 2ex;
}
=================================DIV TAG==============================
------------------------------------------------------------add shadow by div tag------------------------------------------------

<div class="shadow">
  <img src="http://example.com/prettygirl.jpg" />
  <div class="topleft"></div>
  <div class="topright"></div>
  <div class="bottomleft"></div>
  <div class="bottomright"></div>
</div>

================================FOR SCROLL DIV========================
this code give above the table which one you want to scroll.
<div class="whtietext" style="SCROLLBAR-FACE-COLOR: #37A2DF; SCROLLBAR-HIGHLIGHT-COLOR: #2891CA; OVERFLOW: auto; SCROLLBAR-SHADOW-COLOR: #757575; SCROLLBAR-3DLIGHT-COLOR: #464646; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #016398; SCROLLBAR-DARKSHADOW-COLOR: #00085F; WIDTH:642px; HEIGHT: 410px; padding-right:5px"> 

</div>
 //(at last of the table) 
 ------------------------------------------------------------- end ---------------------------------------------------
-------------------