.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px/100% Tahoma, Helvetica, sans-serif;
	padding: .5em 2em .55em;

	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	background-color:#FF9900;

}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
		font: 12px/100% Tahoma, Helvetica, sans-serif;
		height:30px;
		
		-webkit-border-bottom-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}



.signup{

	border: solid 0px  #CCCCCC;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from( #FFFFFF), to(  #CCCCCC));
	background: -moz-linear-gradient(top,   #FFFFFF,   #CCCCCC);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr=' #CCCCCC0');
		font: 12px/100% Tahoma, Helvetica, sans-serif;
-webkit-border-bottom-radius:0.5em;
-moz-border-radius:0.5em;
border-radius:0.5em;
}

.notification{


		
			border: solid 1px  #CCCCCC;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from( #FFFFFF), to(  #CCCCCC));
	background: -moz-linear-gradient(top,   #FFFFFF,   #FFCC00);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC');
		font: 12px/100% Tahoma, Helvetica, sans-serif;
		height:40px;
		width:376px;
		
}
/* Image in Text Box */
.txtbx {
	background:#FFFFFF ;

	border:1px solid #CCCCCC;
	width:200px;
	height:20px;
}
.txtbx:hover {
	border:1px solid #FF9900;

}

.txtbxs {
	background:#FFFFFF ;
	border:1px solid #CCCCCC;
	width:402px;
	height:120px;
}

.txtbxs:hover {
	border:1px solid #FF9900;

}

.urbangreymenu{
width: 190px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background:url(footerss.png);/*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}


a.tooltip {outline:none; } 
a.tooltip strong {line-height:30px;}
 a.tooltip:hover {text-decoration:none;}
 a.tooltip 
span {
z-index:10;display:none; 
padding:14px 20px; 
margin-top:-30px;
margin-left:28px; 
width:230px; 
line-height:16px; 
} 
a.tooltip:hover span{ display:inline; 
position:absolute; 
color:#111; border:1px solid #DCA;
 background:#fffAF0;} 
.callout {
z-index:20;
position:absolute;
top:30px;border:0;
left:-12px;} 

/*CSS3 extras*/
 a.tooltip span {
 border-radius:4px; 
-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-box-shadow: 5px 5px 8px #CCC;
 -webkit-box-shadow: 5px 5px 8px #CCC; 
box-shadow: 5px 5px 8px #CCC; 
}

/* BIG POP UP */

#blanket {
   background-color:#111;
   opacity: 0.65;
   position:absolute;
   z-index: 9001; /*ooveeerrrr nine thoussaaaannnd*/
   top:0px;
   left:0px;
  
   width:100%;
   height:100%;
   
   filter:Alpha(opacity=50); /* IE8 and earlier */

}
#popUpDiv {
	position:absolute;
	background-color:#FFFFFF;
	width:400px;

	z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/

	 border-radius:4px; 
-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-box-shadow: 5px 5px 8px #CCC;
 -webkit-box-shadow: 5px 5px 8px #CCC; 

}

#PRINTING {
	position:absolute;
	background-color:#FFFFFF;
	width:400px;

	z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/

	 border-radius:4px; 
-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-box-shadow: 5px 5px 8px #CCC;
 -webkit-box-shadow: 5px 5px 8px #CCC; 

}

#MAILHANDLING {
	position:absolute;
	background-color:#FFFFFF;
	width:400px;

	z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/

	 border-radius:4px; 
-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-box-shadow: 5px 5px 8px #CCC;
 -webkit-box-shadow: 5px 5px 8px #CCC; 

}

#LETTERSHOPPING{
	position:absolute;
	background-color:#FFFFFF;
	width:400px;

	z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/

	 border-radius:4px; 
-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-box-shadow: 5px 5px 8px #CCC;
 -webkit-box-shadow: 5px 5px 8px #CCC; 

}
#INTERNET{
	position:absolute;
	background-color:#FFFFFF;
	width:400px;

	z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/

	 border-radius:4px; 
-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-box-shadow: 5px 5px 8px #CCC;
 -webkit-box-shadow: 5px 5px 8px #CCC; 

}
#DOCUMENT{
	position:absolute;
	background-color:#FFFFFF;
	width:400px;

	z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/

	 border-radius:4px; 
-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-box-shadow: 5px 5px 8px #CCC;
 -webkit-box-shadow: 5px 5px 8px #CCC; 

}
#COMPUTER{
	position:absolute;
	background-color:#FFFFFF;
	width:400px;

	z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/

	 border-radius:4px; 
-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-box-shadow: 5px 5px 8px #CCC;
 -webkit-box-shadow: 5px 5px 8px #CCC; 

}

#SYSTEM{
	position:absolute;
	background-color:#FFFFFF;
	width:400px;

	z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/

	 border-radius:4px; 
-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-box-shadow: 5px 5px 8px #CCC;
 -webkit-box-shadow: 5px 5px 8px #CCC; 

}


.tbheader {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background:url(footerss.png);
		font: 12px/100% Tahoma, Helvetica, sans-serif;
		height:30px;


}

.tbheaderdata {
	color:#333333;
	font: 12px/100% Tahoma, Helvetica, sans-serif;
	height:20px;

}

.tbheaderdata:hover {
background-color:#FFFFCC;
}
.tab{
border-left-color:#FF0000;
border-bottom:thin #999999 ;

}



.pagination {
	color:#666666;
		font: 12px/100% Tahoma, Helvetica, sans-serif;
		height:10px;
		width:20px;
		text-decoration:none;
		

}
.pagination:hover {
	color:#FF9900;
		font: 12px/100% Tahoma, Helvetica, sans-serif;
		height:10px;
		width:20px;
		text-decoration:none;

}

