@charset "utf-8";
/*Main Styling*/
BODY {background:url(img/bg.png) repeat-x #002aff; margin:0px 0px 0px 0px; #000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
a:link, a:visited{ color: #000000;	text-decoration:none;}
a:hover{ color: #999999; text-decoration : none;}
.tablem_l{background:url(img/tyrel.png) repeat-y; width:100px}
.tablem_r{background:url(img/tyrer.png) repeat-y; width:100px}
.load { background:url(img/load.gif) no-repeat center;}
.logo { background:url(img/head.png) no-repeat; height:93px; width:692px; margin-bottom:10px}


/*Menu*/
.menu_l {background:url(img/menu/menu_l.png) no-repeat; width:45px; height:35px; float:left}
.menu_m {background:url(img/menu/menu_m.png) repeat-x; height:46px; width:602px; float:left}
.menu_r {background:url(img/menu/menu_r.png) no-repeat; width:45px; height:35px; float:left}
#dropmenudiv{position:absolute; background:url(img/menu/back.png) repeat; border:0px; font:normal 10px Veranda; line-height:18px; z-index:100;}
#dropmenudiv a{width: 100%; display: block; text-indent: 3px; border: 0px; padding:1px 0; text-decoration: none; color:#fff}
#dropmenudiv a:hover{background: #666666; color:#FFFFFF;}


/*Other*/
table.sortable thead {background-color:#eee; padding:3px; color:#666666; font-weight: bold; cursor:pointer;}
.thepet{padding:10px; background:#E9E9E9; width:550px; border:1px dashed #999999; border-top:0px dashed #999999; }
.mypets{background:#fff; padding:10px; width:550px; margin-bottom:5px; color:#999999; font-weight:bold; cursor:pointer; border:1px dashed #999999;}
.mypets:hover{background:#E9E9E9; color:#000000}
.openpet{ font-weight:bolder; background:#E9E9E9; color:#000000; margin-bottom:0px}
.error{background:url(Security/error.jpg) no-repeat; height:408px; width:600px}

.balloonstyle{position:absolute; top: -500px; left: 10px; padding: 5px; visibility: hidden; border:1px solid #000000; font:normal 9px Verdana; color:#FFFFFF; line-height: 18px; z-index: 100; background:url(img/menu/back.png) repeat; padding:5px;}

#arrowhead{z-index: 99; position:absolute; top: -500px; left: 0px; visibility: hidden;}


/*Search*/
/*box*/
#search_box {width: 150px; height: 22px; background: url(img/search.png) no-repeat;}
#search_box #s {float: left; padding: 0; margin: 2px 0 0 1px; border: 0; width: 111px; background: none;}
#search_box #go {float: right; margin: 3px 5px 0 0;}
#search_box #reset {float: left; margin: 2px 0px 0px 5px;}
/*search page*/
.search_m{padding:10px; background:#E9E9E9; border-bottom:1px dashed #999999; cursor:default; width:584px }
.search_t{ background:#fff; padding:10px; height:10px; font-weight:bold; cursor:default; width:584px; border-bottom:1px dashed #999999;}


/*Image ballon*/
.balloonstyle{position:absolute; top: -500px; left: 0; padding: 5px; visibility: hidden; border:1px solid #ffffff; font:normal 9px Verdana; line-height: 18px; z-index: 100; padding:5px;}
.thumbnail{position: relative; z-index: 0;}
.thumbnail:hover{background-color: transparent; z-index: 50;}
.thumbnail span{position: absolute; background:#FFFFFF; padding: 0px; left: -1000px; border: 2px solid gray; visibility: hidden; color: black; text-decoration: none;}
.thumbnail span img{border-width: 0; padding: 0px;}
.thumbnail:hover span{visibility: visible; cursor:default; top: -11PX; left: 445px;}
