body
    {
            padding-top:0px;
            margin:0px;
   }
p { font-size: 11pt;}

H1 {
	FONT-FAMILY: "Trebuchet MS", Verdana, Sans-Serif
}
H2 {
	FONT-FAMILY: "Trebuchet MS", Verdana, Sans-Serif
}
H3 {
	FONT-FAMILY: "Trebuchet MS", Verdana, Sans-Serif
}
H1 {
	FONT-SIZE: 2.3em
}

H2 {
	TEXT-TRANSFORM: uppercase; LETTER-SPACING: 0.4pt; COLOR: #d0eb6a; FONT-SIZE: 1.5em; PADDING-TOP: 0.5em
}
H3 {
	TEXT-TRANSFORM: uppercase; LETTER-SPACING: 0.2pt; COLOR: #c0db5a; FONT-SIZE: 1em; PADDING-TOP: 0.5em
}

.linkbutton  
{ 
 background: red; border: 3px double white;  
}

.linkbutton:hover 
{     
	background: green; border: 3px double white;
} 


.error  
{ 
 background: red; border: 1px solid black; 
}

.error:hover 
{     
	background: green; border: 1px solid black;
} 
.textbox  
{ 
 background: white; border: 3px double #848484;   
}

.header
        {
            background: url(Images/dark-grey-tile.png) ;
            width:100%;
            height:30px;
            position:absolute;
            top:0px;
            margin:0px;
            padding:0px;
            display:block;
            z-index:99;
        }
 

  
.modal
        {
            position: fixed;
            top: 0;
            left: 0;
            background-color: black;
            z-index: 99;
            opacity: 0.8;
            filter: alpha(opacity=80);
            -moz-opacity: 0.8;
            min-height: 100%;
            width: 100%;
        }
.loading
     {
            font-family: Arial;
            font-size: 10pt;
            border: 5px solid #67CFF5;
            width: 200px;
            height: 200px;
            display: none;
            position: fixed;
            background-color: White;
            z-index: 999;
            cursor: wait; 
 }

img { 
border:0; 
} 
img.test-enlarge100 
{ 
width:100%; 
height:100%; 
}

.sp{
    color:#7A7A7A;
	font-weight:normal;
	font-size:1.5em;
   }

.tit_bot 
{
	
	padding-left:8px; 
	padding-right:8px; 
	padding-top:0px; 
	padding-bottom:0px;
	width:auto;

	}
.slide-out-div 
{
        padding: 10px;
        width: 280px;
        background:#515151;
        border:5px solid #fff;
        z-index:97; 
}
.img_flash_img_back {
	height:184px;width:180px;
	text-align: center;
	background:url(../images/sticky-note-png.png)  no-repeat 0px 0px; 
	border:0px solid #fff;
	float:left;
	margin: -10px 0px 0px -15px;
	padding:10px 0 0 0px; 
	color:#fff;
	display:block;
	}  	
.img_in_circle 
{
	margin: 20px 0px 0px 10px;
	float:left;
	height:130px; 
	width:130px;
	color: #ffcc66; 
	/*border-radius:100px; */
	border:4px solid #f0bb48; 
	overflow:hidden;
	/*box-shadow: inset 90px 110px 0px -90px rgba(255,255,255,.15);*/
    vertical-align: middle;
    border-radius: 50%;
   -webkit-box-shadow: 5px 5px 9px 0px rgba(123,126,145,1);
	-moz-box-shadow: 5px 5px 9px 0px rgba(123,126,145,1);
	box-shadow: 5px 5px 9px 0px rgba(123,126,145,1);
    
}
.img_in_circle:hover{
    box-shadow: 0 0 0 3px #f00;
}
 

.img_flash_circle 
{
	float:right;
	margin: 10px 20px 0px 0px;
	width:90px;
	height:90px; 
	color: #ffcc66;
	border:3px solid grey; 
	overflow:hidden;
    vertical-align: middle;
    border-radius: 50%;
    -webkit-box-shadow: 5px 5px 9px 0px rgba(123,126,145,1);
	-moz-box-shadow: 5px 5px 9px 0px rgba(123,126,145,1);
	box-shadow: 5px 5px 9px 0px rgba(123,126,145,1);

}
.img_flash_circle:hover{
    box-shadow: 0 0 0 3px #f00;
}
.img_flash 
{
	float:left;
	height:240px; 
	width:310px;
	margin: 0px 0px 0px 0px;
	text-align:left;
	border-radius:10px; 
	border:4px double #f0bb48;
	background:#dcdcdc;
	z-index:1;
	 -webkit-box-shadow: 5px 5px 9px 0px rgba(123,126,145,1);
	-moz-box-shadow: 5px 5px 9px 0px rgba(123,126,145,1);
	box-shadow: 5px 5px 9px 0px rgba(123,126,145,1);
}
.img_flash_content 
{
margin-left:5px;
margin-top:3px;
}
.img_flash_content_H 
{
font-size: 9pt;
font-weight:bold;
color: #fff; 
text-transform: capitalize;
}
.img_flash_content_D 
{
margin-left:1px;
font-size: 9pt;
color: yellow;
text-transform: capitalize;
}

#cssmenu {
  width: 200px;
  border-style: solid solid none solid;
  border-color: #D76100;
  border-size: 1px;
  border-width: 1px;
  padding: 0px;
}
#cssmenu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#cssmenu li a {
  height: 32px;
  height: 24px;
  text-decoration: none;
  font-weight: bold;
  color: #000;
  display: block;
  background: url('cssmenu.gif');
  padding-left:30px; padding-right:0; padding-top:8px; padding-bottom:0
}
#cssmenu li a:hover {
  color: #fff;
  background: url('cssmenu.gif') 0 -32px ;
  padding-left:30px; padding-right:0; padding-top:8px; padding-bottom:0
}
#cssmenu li a:active {
  color: #fff;
  background: url('cssmenu.gif') 0 -64px;
  padding-left:30px; padding-right:0; padding-top:8px; padding-bottom:0
}



/*

a.tooltip 
{
	outline: none; 
	text-decoration: none; 
	border-bottom: dotted 1px blue; 
	position: relative; 
	} 
a.tooltip strong 
{
	line-height: 30px; 
} 

a.tooltip > span 
{
	width: 300px; 
	padding: 10px 20px; 
	margin-top: 0; 
	margin-left: -120px; 
	opacity: 0; 
	visibility: hidden; 
	z-index: 10; 
	position: absolute; 
	font-family: Arial; 
	font-size: 12px; 
	font-style: normal; 
	border-radius: 3px; 
	box-shadow: 2px 2px 2px #999; 
	-webkit-transition-property: opacity, margin-top, visibility, margin-left; 
	-webkit-transition-duration: 0.4s, 0.3s, 0.4s, 0.3s; 
	-webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; 
	transition-property: opacity, margin-top, visibility, margin-left; 
	transition-duration: 0.4s, 0.3s, 0.4s, 0.3s; 
	transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; 
	} 
	a.tooltip > span:hover

a.tooltip:hover > span 
	{
		opacity: 1; 
		text-decoration: none; 
		visibility: visible; 
		overflow: visible; 
		margin-top: 50px; 
		display: inline; 
		margin-left: -90px; 
		} 
a.tooltip span b 
{
	width: 15px; 
	height: 15px; 
	margin-left: 40px; 
	margin-top: -19px; 
	display: block; 
	position: absolute; 
	-webkit-transform: rotate(-45deg); 
	-moz-transform: rotate(-45deg); 
	-o-transform: rotate(-45deg); 
	transform: rotate(-45deg); 
	-webkit-box-shadow: inset -1px 1px 0 #fff; 
	-moz-box-shadow: inset 0 1px 0 #fff; 
	-o-box-shadow: inset 0 1px 0 #fff; 
	box-shadow: inset 0 1px 0 #fff; 
	display: none\0/; 
	*display: none; 
	} 
a.tooltip > span 
	{
		color: #000000; 
		background: #FBF5E6; 
		background: -webkit-linear-gradient(top, #FBF5E6, #FFFFFF); 
		background: linear-gradient(top, #FBF5E6, #FFFFFF); 
		border: 1px solid #CFB57C; 
		} 
a.tooltip span b 
{
	background: #FBF5E6; 
	border-top: 1px solid #CFB57C; 
	border-right: 1px solid #CFB57C; 
}

  ------------ Side Menu  

#sidemenu {
	width: 12em;
	border-right: 1px solid #000;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;
	background-color: #90bade;
	color: #333;
}

#sidemenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
	
#sidemenu li {
	border-bottom: 1px solid #90bade;
	margin: 0;
	list-style: none;
	list-style-image: none;
}
	
#sidemenu li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 10px solid #1958b7;
	border-right: 10px solid #508fc4;
	background-color: #2175bc;
	color: #fff;
	text-decoration: none;
	width: 100%;
}

html>body #sidemenu li a {
	width: auto;
}

#sidemenu li a:hover {
	border-left: 10px solid #1c64d1;
	border-right: 10px solid #5ba3e0;
	background-color: #2586d7;
	color: #fff;
}

*/