#testdiv {width:600px; margin:0 auto; border:1px solid #ccc; padding:20px 25px; background:#fff}

#tinybox {position:absolute; display:none; padding:10px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}

.button {font:14px Georgia,Verdana; margin-bottom:10px; padding:8px 10px 9px; border:1px solid #ccc; background:#eee; cursor:pointer}
.button:hover {border:1px solid #bbb; background:#e3e3e3}
/*body { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #000; }*/
.clear { clear:both; }
.hide { display:none; }

/* Auto Complete CSS 
h3 { margin: 0px; padding: 0px; }*/
.suggestionsBox { position:relative; left:30px; margin:10px 0px 0px 0px; width:200px; background-color:#212427; -moz-border-radius:7px; -webkit-border-radius:7px; border:2px solid #000; color:#fff; }
.suggestionList { margin:0px; padding: 0px;}
.suggestionList li { margin:0px 0px 3px 0px; padding:3px; cursor:pointer; }
.suggestionList li:hover { background-color:#659CD8; }

/* Image Map CSS */
.map { margin:0; padding:0; background:url(map.jpg) top left no-repeat #fff; font-family:arial, helvetica, sans-serif; font-size:8pt; }
.map li { margin:0; padding:0; list-style:none; }
.map li a { position:absolute; display:block;
/*
   Specifying a background image
   (a 1px by 1px transparent gif)
   fixes a bug in older versions of
   IE that causeses the block to not
   render at its full dimensions.
*/
 background:url(blank.gif); text-decoration:none; color:#000; }
.map li a span { display:none; }
.map li a:hover span { position:absolute; display:block; left:-4px; bottom:-30px; border:1px solid #000; background:#fff; padding:5px; filter:alpha(opacity=80); opacity:0.8; }

.image { width:800px; position:relative; }
/* Form CSS */
#title_container {
	background: #222222;
	position:absolute;
	z-index:999;
	border:1px solid #FFF;;
	width:200px;
	padding:10px;
}
.send { position:absolute; left:5px; top:755px; }

/* Error box */
#error-box { width:200px; height:60px; padding:10px; margin-left:300px; background:#ffadad; border:1px #000 solid; position:absolute; top:303px; z-index:1; color: #000000; }
.confirm { background:#0FC !important; color:#333 !important; }
.err { list-style-image:url('../images/Cancel_16x16.png'); margin-left:25px; }
.confirm .err { list-style-image:url('../images/check.gif'); }
.err li { margin-bottom:8px; }
.closebtn { position:absolute; bottom:10px; right:10px; background:url('../images/Cancel_16x16.png') no-repeat 0px 0; padding-left:15px; }
.confirm .closebtn { background:url('../images/check.gif') no-repeat 0px 0; }
