/* THI IS THE STYLE SHEET FOR THE REPSONDER PLUS 

AS YOU PROBABLY KNOW, THERE ARE 2 PARTS OF THE 
RESPONDER, 1 CONTAINS THE MASTHEAD OF CONTACTS, 
AND THE OTHER IS THE STAND ALONE SINGLE FORMPAGE
FOR EACH INDIVIDUAL CONTACT WITH A COMPLETE DESCRIPTION
AND PHOTO.  YOU WILL FIND THE CSS FOR FOR THE MASTHEAD
PAGE IN THE UPPER PORTION OF THIS STYLESHEET.  THE SINGLE
IS LOCATED IN THE LOWER PORTION OF THIS PAGE AS MARKED.
IF YOU SCREW IT UP, DONT WORRY.  JUST RESET THE PAGE BACK TO IT'S 
ORIGINAL STATE BY CLICKING THE RESET BUTTON AT AT RIGHT

CHANGING BACKGROUND IMAGES IS EASY. UPLOAD THE NEW BACKGROUND
TO YOUR IMAGES DIRECTORY AND SET THE URL() TO AS FOLLOWS:

background-image:url('/myhome/images/new-background.png');

HAVE FUN :)!
 */

body{
//background-image:url('http://cool-gigs.com/panel/panelimages/bg2.gif');
background-image:url('http://cool-gigs.com/JP3Baltic/cgi-scripts/pix3.JPG');
}

.wrapper{
background-image:url('http://cool-gigs.com/panel/panelimages/bg2.gif');
margin:20px auto;
width:900px;
height:1100px;
padding-top:10px;
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
border: 1px solid #800000;
}

.big-head{
text-align:center;
display:blcok;
position:relative;
margin:0px auto;
width:900px;
min-height:150px;

}

.big-head A:link {text-decoration: none;  }
.big-head A:visited {text-decoration: none; color:#0000FF } 
.big-head A:active {text-decoration: none; color:#003399 } 
.big-head A:hover {text-decoration: underline; color:#003399} 

.big-head h1{
color:maroon;
font-size:45px;
font-family:arial black;
margin-bottom:-20px;
letter-spacing:1px;
}

.table-img{
background-color:black;
border-radius: 7px; 
-moz-border-radius: 7px; 
-webkit-border-radius: 7px; 
border: 2px solid tan;
}

.slogan{
font-family:verdana;
font-size:18px;
color:tan;
margin-bottom:10px;
font-style:italic;
}

.address-line{
font-family:verdana;
font-size:18px;
color:blue;
margin-bottom:10px;
}

.phone-fax{
font-family:arial;
font-size:24px;
color:#000044;
}

.holder{
display:block;
width:800px;
margin-left:180px;
}

.description{
float:left;
color:maroon;
opacity:0.8;
font-size:14px;
line-height:130%;
font-family:verdana;
padding:5px;
}

.clearing{
clear:both;
}

.main-content-middle{
position:relative;
margin:0px auto;
width:800px;
height:1100px;
padding-left:40px;
}

.send-mail{
background-color:#fff;
background-image:url('http://cool-gigs.com/graphix/lib/buttons/bg18.gif');
background-repeat:repeat-x;
display:block;
width:350px;
height:35px;
border-radius: 7px; 
-moz-border-radius: 7px; 
-webkit-border-radius: 7px; 
border: 2px solid tan;
padding-left:5px;
color:gray;
font-size:24px;
font-weight:bold;
font-family:arial;
}

.form-side{
text-align:left;
color:brown;
font-size:18px;
font-family:arial;
}

.form-side p{
display:block;
width:300px;
height:20px;
margin-bottom:-1px;
}
.required{
color:red;
font-size:10px;
}

textarea.send-mail{
background-image:url('http://cool-gigs.com/graphix/lib/banners/ban168.gif');
display:block;
width:350px;
height:250px;
border-radius: 7px; 
-moz-border-radius: 7px; 
-webkit-border-radius: 7px; 
border: 1px solid tan;
color:gray;
font-size:15px;
font-weight:bold;
font-family:arial;
padding:10px;
}

.send{
background-image:url('http://cool-gigs.com/graphix/lib/buttons/bg10.jpg');
color:white;
border-radius: 7px; 
-moz-border-radius: 7px; 
-webkit-border-radius: 7px;
display:block;
font-family:arial black;
font-size:20px;
margin-bottom:30px;

}

.instructions{
text-align:center;
font-size:12px;
color:navy;
font-family:verdana;
}

.send-ins{
text-align:center;
font-size:10px;
color:maroon;
font-family:verdana;
}


A:link {text-decoration: none;  }
A:visited {text-decoration: none; color:#0000FF } 
A:active {text-decoration: none; color:#003399 } 
A:hover {text-decoration: underline; color:#003399} 


/*  THIS CSS IF FOR THE SINGLE FORM PAGES */

.dating{
font-family:verdana;
color:tan;
font-size:12px;
letter-spacing:2px;

}

.back-button{
background-image:url('http://cool-gigs.com/graphix/lib/buttons/bg123.jpg');
color:white;
border-radius: 7px; 
-moz-border-radius: 7px; 
-webkit-border-radius: 7px;
display:block;
font-family:arial black;
font-size:20px;
margin-bottom:30px;

}

.big-head h2{
color:brown;
font-size:30px;
font-family:arial black;
margin-bottom:-20px;
letter-spacing:1px;
}

.title{
display:block
color:black;
font-size:24px;
font-family:arial;
margin-top:20px;
}

.dept{
display:block;
color:black;
font-size:16px;
font-family:verdana;
margin-top:0px;

}

.single-description{
float:left;
color:maroon;
opacity:0.8;
font-size:12px;
line-height:130%;
font-family:verdana;
padding:5px;
}


.just-description{
color:maroon;
width:400px;
opacity:0.8;
font-size:12px;
line-height:130%;
font-family:verdana;
padding:5px;}


.holder.just-description{
margin-left:0px;
}