* { padding: 0; margin: 0; }

body {
 font-family:verdana; font-size: 9px;
 background-color:#f8fbfc;
 color:#222;
 background-image: url("../images/background.png");
 
}

p {padding:5px; margin-bottom:10px;line-height:21px; }
a { color:#0066cc; text-decoration:none;}
a:hover {color:#ff0000;}

h1,h2,h3 {margin:5px;}
h1 {font-size:18px;}
h3 {font-size:16px;}

img  {border:0px solid #fff;}

#header {background-color:transparent; height:30px; margin-bottom:2px;}

#container { 
 margin: 0 auto;
 width: 800px;
 margin-top:10px;
 padding:3px;
 
}

#content { 
 margin: 0px;
 padding: 0px;
 
 border:0px solid #ddd;
 background-image: url("../images/content.png");
  background-position: 1% 0%;
  background-repeat: no-repeat;
  
 
}

#container2 { 
 margin: 0 auto;
 width: 650px;
 margin-top:10px;
 padding:3px;
}

#content2 { 
 margin: 0px;
 padding: 0px;
 background-color:#fff;
 border:1px dashed black;
 -moz-border-radius:10px; 
 -webkit-border-radius: 10px;
 

}


#footer {font-size:9px;text-align:center;color:#eee;
background: url("../images/foot1.png");
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-color:transparent;
}
#footer2 {font-size:9px;text-align:center;color:#000;
}

.floatr {float:right;margin:3px;}


/*---table--*/
#background-image
{
	font-family: "tahoma", Sans-Serif;
	font-size: 8px;
	margin: 1px;
	width: 785px;
	text-align: left;
	border-collapse: collapse
}
#background-image th
{
	padding: 8px;
	font-weight: normal;
	font-size: 10px;
	color: #339;
}
#background-image td
{
	padding: 9px 10px;
	color: #669;
	border-top: 1px solid #fff;
	font-size: 6px;
}
#background-image tfoot td
{
	font-size: 11px;
}
#background-image tbody td
{
	background: url("../images/back_com.png");
}
* html #background-image tbody td
{
	/* 
	   ----------------------------
		PUT THIS ON IE6 ONLY STYLE 
		AS THE RULE INVALIDATES
		YOUR STYLESHEET
	   ----------------------------
	*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/back.png',sizingMethod='crop');
	background: none;
}	
#background-image tbody tr:hover td
{
	color: #339;
	background: none;
}

/*css box

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

/* curl corner */

.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 380px;
background-image: url("../images/bgc3_all_1x2.jpg");
  background-position: 100% 100%;
  background-repeat: no-repeat;

}

.curlycontainer .innerdiv{
background: transparent url(../images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}

/*  -- */

div#nifty{ margin: 0 10%;background: #336666; width: 900px}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #336666}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}


a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}

	
body div#toolTip { position:absolute;z-index:1000;width:220px;background:#000;border:2px double #fff;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#fff;font:11px/12px verdana,arial,sans-serif; }
body div#toolTip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }


div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: 150px; left: 30px; width: 49px; height: auto;
   padding: 5px; margin: 10px; z-index: 100;
   color: #AAA; background: transparent;
   font: 10px Verdana, sans-serif; text-align: center;}
   
.floatright {float: right; width: 300px; text-align:right; color: #fff;}
.floatright2 {float: right; width: 350px; text-align:right; color: #fff; margin-right: 5px;}


.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color: #336666;
font-weight:bold;
font-size:10px;
padding: 1px 2px;
background:url(../images/formbg.gif) repeat-x left top;
}