@charset "UTF-8";
/* CSS Document */
body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
a:focus {
outline:none;
}
#top {
height:71px;
background:url(../images/bg-title.jpg);
width:896px;
}
#top .left {
width:12px;
float:left;
}
#top .title {
float:left;
padding-top:10px;
padding-left:10px;
width:145px;
}
#top .title span {
margin-top:5px;
color:#007f7b;
font-size:16px;
font-weight:bold;
}
#top .button {
float:left;
padding-top:5px;
padding-left:410px;
}
#top .button img {
padding-left:10px;
position:relative;
z-index:2;
}
#top .right {
width:17px;
float:right;
}

#content {
height:auto;
background:url(../images/bg-content.jpg);
margin-left:4px;
width:885px;
border:1px solid #d5d5d5;
border-top:0px;
padding-bottom:15px;
}
#content table, #content tr, #content td {
font-size:12px;
}
#content input {
height:16px;
line-height:19px;
font-size:12px;
padding-top:3px;
padding-left:6px;
background:url(../images/bg-input.jpg);
width:340px;
border:1px solid #c6c6c6;
}
#content input[type="image"]{
width:117px;
height:29px;
}
#content textarea {
border:1px solid #c6c6c6;
height:88px;
width:431px;
background:url(../images/bg-textarea.jpg);
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
padding:5px;
}
#content .label {
font-weight:bold;
width:120px;
padding-left:10px;
}

.box-add-contact {
width:281px;
height:auto;
border:1px solid #a1a1a1;
background:#fff;
margin-left:80px;
padding:5px;
}

.box-contact {
width:281px;
height:auto;
border:1px solid #a1a1a1;
margin-left:30px;
background:#fff;
padding:5px;
}
.box-gradiant {
border:1px solid #e9e9e9;
background:url(../images/bg-gradiant.jpg);
padding-bottom:10px;
}

h4 {
margin:0;
font-weight:bold;
font-size:14px;
color:#007f7b;
margin-bottom:4px;
}

.row-1, .row-2 {
height:35px;
width:402px;
}
.row-1 .title, .row-2 .title {
font-weight:bold;
margin-left:15px;
padding-top:10px;
float:left;
}
.row-1 .button, .row-2 .button {
float:right;
padding-right:4px;
padding-top:3px;
}
.row-1 {
background:#e8e8e8;
}
.row-2 {
background:#dbdbdb;
}

.row-3, .row-4 {
height:35px;
width:363px;
}
.row-3 {
background:#dbdbdb;
}
.row-4 {
background:#e2e2e2;
}
.row-3 .title, .row-4 .title {
margin-left:5px;
padding-top:5px;
float:left;
}
.row-3 .button, .row-4 .button {
float:right;
padding-right:4px;
padding-top:3px;
}
.pic{
	position: relative;
	z-index: 0;
}

.pic:hover{
	background-color: transparent;
	z-index: 50;
}

.pic span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: white;
	padding: 0px;
	left: -1000px;
	border: 1px solid #007F7B;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.pic span .moretitle{ /*CSS for enlarged image*/
	border: 0px;
	padding: 5px;
    width:80px;
    font-size:12px;
    color:#007F7B;
}

.pic:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 10px;
	left: 0px; /*position where enlarged image should offset horizontally */
}