#custcontact .content{
float:left;
	width:100%;

}
#custcontact #textareadiv{
float:left;
margin-left:10px;
width:650px;
border:thin gray solid;
font-weight:normal;
}

#custcontact #emaileditor {
float:left;
width:650px;
height:auto;
min-height:400px;
}

#custcontact #textareatool {
float:left;
width:100%;


}
#custcontact #sendattach {
	float:left;
	height:3em;
width:25%;
margin-top:.25em;
margin-bottom:-.25em;
}
#custcontact #to {
	float:right;
	width:19em;
	margin-left:-2em;
}
#custcontact #todiv span{
	float:left;
	width:2em;
	
}

#custcontact #subject {
	float:right;
	width:19em;
	margin-left:-2em;
}

#custcontact #todiv {
	float:right;
	width:20em;
	
}

#custcontact #subjectdiv {
	float:right;
	width:20em;
}

#custcontact #attachmentdiv{
float:left;
width:100%;


}
#custcontact #attachmentdiv .jobphoto {
height:4em;
width:4em

}

#custcontact #attachmentdiv #attachheader {
height:auto;
width:90%;
font-size:xx-small;
}

#custcontact #attachmentdiv span {

width:90%;
}

#custcontact #emailtext{

width:100%;
float:left;
top:2px;
}
#custcontact #custinfodiv {
float:left;
width:98%;
font-weight:bold;
text-align:center;

	border:thin gray solid;
}

#custcontact  #historynotes{
float:left;
width:98%;
text-align:left;
margin-top:1em;
	border:thin gray solid;
}
#custcontact  #historycontrols{
float:left;
width:38%;
text-align:left;

}

#custcontact  #historyheader{
float:left;
width:55%;
text-align:left;

}

#custcontact #historydiv{
float:left;
width:95%;
text-align:left;
font-weight:normal;
}


#custcontact #pictreediv {
float:left;
width:98%;
text-align:left;
font-weight:normal;
	border:thin gray solid;
	margin-top:.5em;
        background-color:darkseagreen;
color:#ffffff;
font-size:18px;
	
}
#phototree{
	max-height:16em;
overflow-y: scroll;

}
#custcontact #photobutton{
float:left;
}
#custcontact #leftcolumn{
float:left;
width:325px;
min-height:50em;
margin-left:10px;
}

#custcontact #picdiv {
  float:left;
display:none;
max-width:600px;
}
#treemenu1{
margin-top:3px;
   background-color:darkseagreen;
}
#treemenu1 li{
   background-color:darkseagreen;
   
}

#custcontact #jobphoto {
float:left;
width:100%;

}

#custcontact .whitebutton {
	color:#0033FF;
   background-color:#FFFFFF;

}
#custcontact .closebutton {
	color:#FF0000;
   background-color:#FFFFFF;
   font-weight:bold;

}
#custcontact #clearimage {
float:right;

}
#custcontact #addpic {
float:right;
border:thin white solid;
    cursor: pointer;
}
img.buttonimage  {
cursor:pointer;
height:30px;
width:30px;
}
#custcontact .addrecobutton  {
float:right;
}

#custcontact #referal{
float:left;
width:98%;
text-align:left;
font-weight:normal;
	border:thin gray solid;
	margin-top:.5em;
        background-color:darkseagreen;
color:#ffffff;
font-size:18px;
}
#custcontact  #referalcontrols{
float:left;
width:33%;
text-align:left;


}

#custcontact  #referalheader{
float:left;
width:55%;
text-align:left;

}
#custcontact  #referalseperator{
float:left;
width:100%;
margin-top:0em;
margin-bottom:-.5em;
}

#custcontact #referaldiv{
float:left;
width:99%;
text-align:left;
font-weight:normal;
color:#000000;
text-align: center;
}
#custcontact #referaldiv li{
cursor: pointer;
}
#custcontact .jobtype{
float:left;
width:91%;
text-align:left;
font-weight:normal;
	border:thin gray solid;
	margin-top:.5em;
	margin-left:1em;
}
#custcontact  #jobtypecontrols{
float:left;
width:33%;
text-align:left;

}

#custcontact  #jobtypeheader{
float:left;
width:60%;
text-align:left;


}

#custcontact .jobtypediv{
float:left;
width:100%;
text-align:left;
font-weight:normal;
}
#custcontact .job{
cursor:pointer;
}



#custcontact #recodiv {
margin-top:0em;
float:left;
width:100%;
height:8em;
overflow:scroll;
}



#custcontact #template{
float:left;
width:98%;
text-align:left;
font-weight:normal;
	border:thin gray solid;
	margin-top:.5em;
        background-color:darkseagreen;
color:#ffffff;
font-size:18px;
}
#custcontact  #templatecontrols{
float:left;
width:36%;
text-align:left;

}

#custcontact  #templateheader{
float:left;
width:64%;
text-align:left;

}

#custcontact #templatediv{
float:left;
width:100%;
text-align:left;
font-weight:normal;
color:#000000
}
#custcontact #templatediv li{
cursor:pointer;
padding:5px;
}

#custcontact #link{
float:left;
width:98%;
text-align:left;
font-weight:normal;
	border:thin gray solid;
	margin-top:.5em;
        background-color:darkseagreen;
color:#ffffff;
font-size:18px;
}
#custcontact  #linkcontrols{
float:left;
width:36%;
text-align:left;

}

#custcontact  #linkheader{
float:left;
width:64%;
text-align:left;

}

#custcontact #linkdiv{
float:left;
width:100%;
text-align:left;
font-weight:normal;
max-height:16em;
overflow:scroll;

}
#custcontact #linkdiv ul{
margin-left:-2em;
}


#treemenu3{
	margin-left:-2em;
}
#custcontact #linkdiv li{
cursor:pointer;
margin-top:3px;
list-style:none;
border-bottom:thin gray dashed;
}

.blog:hover
{
background-color:#C0C0C0
} 


#custcontact #uploadtreediv{
float:left;
width:98%;
text-align:left;
font-weight:normal;
	border:thin gray solid;
	margin-top:.5em;
}
#custcontact  #uploadtreecontrols{
float:left;
width:99%;
text-align:left;

}
#leftuploadcontrols{
float:left;
width:85px;
text-align:left;

}
#uploadtitle{
width:100px;
float:left;

}

#custcontact  #uploadtreeheader{
float:left;
width:64%;
text-align:left;

}
#fakeuploadbutton {
	
	width:10px;
	height:10px;
		right:15px;
	top:3px;
}
#uploadwrapper{
display:none;
}
#uploadbox {
float:left;

	width:100%;
	overflow:hidden;
	margin-top:3px;
	margin-bottom:3px;
	border:thin #C0C0C0 solid
}
#uploadbutton {

float:right;
height:24px;
}
#uploadbuttonwrapper {

float:right;
}
#formwrapper{
	float:left;
	width:60%;
}
.realuploadinput {

height:24px;
}



#deleteuploadbox{
float:right	;
width:15px;
}
.hidediv {
	
	display:none
}
#alertdiv {
	position:absolute;
	top:6em;
	left:18em;
	font-size:x-large;
	color:green;
}


/* Upload COntrol*/
.upload {
	width:15em;

}
#uploadframe {

}
#linklook{
	width:99%;
	float:left;
}
.green{
	color:green;
}
#dummy{
    display:none;
}
#custcontact li {
list-style: none;
}
#custcontact #sendattach img {
width:40px;
height:40px;
}