body {margin: 0px;
font-family: arial;
font-size: 0.8em;
}

/*. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
a { text-decoration: none; color: ff6600;}
h1 {font-size: 2.2em; font-weight: 100; margin-bottom: 2px; font-family: verdana; }
h2 {font-size: 1.6em; font-weight: 100; margin-bottom: 2px; font-family: verdana; color: #666666;}
h3 {font-size: 1.6em; font-weight: 100; margin-bottom: 2px; font-family: verdana; clear: left;}
h4 { margin-top: 10px;  margin-bottom: 2px; }
/*. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

h2.title {
width: 97%;
padding: 20 0 5 20px;
border-bottom: 1px dotted #999999;
margin-bottom: 30px;
color: black;
}

form {
margin: 0px;
}
.yahoo_addrbook_converter {
clear: both;
padding-bottom: 20px ;
margin-bottom: 0px ;
}

#content { margin: 0px 30px 0px 30px !important;}

#steptitle { padding-left: 30px; padding-bottom: 10px;}

#stepdisplay 		{ float: left;  width: 30px; font-family: verdana; font-size: 10px; text-align: center; font-weight: bold; line-height: 16px;}
#stepdisplay  a		{ display: block; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd !important; width: 30px; height: 16px;}
#stepdisplay  div	{color: #999999; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd !important;  width: 30px; height: 16px;}
#stepdisplay  .firstelement	{border-top: 1px solid #dddddd; border-left: 1px solid #dddddd !important;}

#stepdisplay  a:hover,
#stepfunctions  a:hover,
a.hideIcon:hover,
a.next:hover 	
	{ color: #ffffff !important; background-color: #666666 !important;}
#stepdisplay  a.selected
	{ color: #000000; background-color: #dddddd;}
	
.functionblock  a.selected
	{ color: #ffffff; background-color: #ff6600 !important;}
.functionblock  a
	{display: block; margin: 0px; height: 16px; float: left;}

a.hideIcon:hover {
border-color: #666666 !important;
}	
a.hideIcon {
float: right;
border: 1px solid #ff6600;
display: block;
padding: 0 3 0 3;
font-size: 8px;
font-weight: 900;
}	
	

a.next {
	display: block;
	float: right;
	padding: 2 10 2 10;
	margin: 5 30 5 0;
	font-weight: bold;
	background-color:  #ff6600; color: #ffffff; 
	letter-spacing: 5px;
}



#stfunctionsandtext { float: left;  background-color: eeeeee; width: 90%; border: 1px solid #999999;}

#stepfunctions .functionblock { 
	font-family: verdana; font-size: 10px !important; 
	border-left: 0px solid #bbbbbb; border-bottom: 1px solid #cccccc;
	height: 16px; line-height: 16px; background-color: #dddddd;
	
}
#stepfunctions .firstelement { border-top: 0px solid #999999;}
#stepfunctions a {
	background-color: #ffffff; padding: 0 10 0 10; margin: 0px; 
	height: 16px; line-height: 16px;
	text-transform: capitalize;
	}
.menublock {position: absolute; margin-left: -1; margin-top: -1; background: white; border: 1px solid #dddddd; }
.menublock a {width: 100px;}

#stepBodyArea { 
padding: 10px;
background-color: #eeeeee ;
}

#nextstepBodyArea { 
border-top: 1px solid #dddddd;
}

#workingArea {
clear: both;
width: 97%;
padding-top: 20px;
margin-left: 30px;
border: 0px solid red;
}

hr {
clear: both;
margin: 0px;
padding: 0px;
height: 1px;
}


.stepIllustration {
margin: 5 0 10 0;
border: 1px solid #666666;
}
/*________________________________________________*/

table td {
vertical-align: top;
}
table.field_listing  {
width: 95%;
}
table.field_listing td {
width: 20% !important;
}
.field_listing td {
font-size: 10px;
padding: 5px;
}

/*________________________________________________*/

textarea {
background-image: url("../img/bgtextarea.gif");
background-repeat: repeat-x;
width: 95%;
font-family: arial;
font-size: 12px;
padding: 3px;
margin-left: 20px;
border: 1px solid #999999;

}

.innnerHTMLReciever {
border: 0px solid red;
color: black;
}


.data_table tr td {
font-size: 10px;
}
.data_table .fields_names .td0 {

}

.category_title td {
padding-top: 14px !important;
padding-left: 10px !important;
color: #666666;
font-size: 18px;
font-family: verdana !important;
background-color: #eeeeee;
}

.fields_names { background-color: #bbbbbb; 
color: white;
}

td.line_number {
width: 20px;
color: #666666;
padding-right: 10px !important;
text-align: right;
border-right: 0px solid white !important;
}

/*________________________________________________*/

h4.category_title {
font-weight: 900;
color: #999999;
padding-bottom: 3px;
border-bottom: 1px solid #999999;
margin-bottom: 5px;
}

div.data_line {
border-bottom: 1px dotted #999999;
padding: 2px 0px 2px 0px;
}
span {
font-size: 0.9em;
padding-right: 5px;
border: 0px solid red;
line-height: 1.3em;
}

.lable {
font-size: 1em;
text-transform: lowercase;
color: #999999;
padding-right: 5px;
padding-left: 5px;
}

/*________________________________________________*/

h4.additionalClass100 {
width: 5cm;
font-size: 10px;
line-height: 12px;
}

.additionalClass100 {
width: 5cm;
font-size: 10px;
line-height: 5px;
}
.additionalClass100 span {
padding-right: 0px;
}

.additionalClass100 span.lable {
padding-right: 0px;
padding-left: 2px;
line-height: 5px;
height: 5px;
}
.float_left {
float: left;
margin-right: 25px;
margin-bottom: 25px;
}


.blockOfCarts h4.category_title {
padding-top: 5px; 
}


.cart_block {
clear: both;
border: 0px solid yellow !important;
margin-bottom: 30px !important;
padding-bottom: 0px !important;
clear: left !important;
}
.cart_block h4 {
padding-top: 10px !important;  
margin-bottom: 7px; 
border-bottom: 0px solid #999999;
}



.blockOfCarts .oneCard {
border: 1px solid #666666;
padding: 5px;
width: 220px !important;
height: 120px !important;
float: left;
font-size: 9px;
margin-top: -1px;
margin-right: -1px;
display: block;
}

.blockOfCarts .oneEntryLine {
float: left;
margin-right: 3px;
}

.CardEntrylable {
	text-transform: lowercase;
	color: #999999;
	padding-left: 2px;
	font-weight: 100;
}

.IsaName {
	color: #ff6600;
	font-size: 1.5em !important;
	height: 1em !important;
	margin-left: 5px;
	margin-bottom: 5px;
}

.phonesAndFax, .notANameInfo, .birthdayInfo, .commentsInfo {
	padding-top: 5px;
	clear: left;
	margin-left: 20px;
	font-size: 1.1em;
	line-height: 1em !important;
}

.commentsInfo {
	margin-top: 5px;
	border-top: 1px dotted #999999;
	font-style: italic;
}


.blockOfCarts .First 	{	}
.blockOfCarts .Middle 	{	 }
.blockOfCarts .Last 	{	 }
.blockOfCarts .Nickname {
color: #666666;
border-left: 1px dotted #666666; 
padding-left: 5px;
float: left;
display: inline;
}

.blockOfCarts .Email, .blockOfCarts .Home, .blockOfCarts .Work, .blockOfCarts .Mobile {

}
table.blockOfCarts {
border: 1px solid #000000 !important; 
width: 93% !important;
margin-bottom: 0px !important;
}


table.blockOfCarts td.cardCell {
width: 30%;
padding: 5px !important;
padding-bottom: 10px !important;
border: 1px solid #000000 !important; 
}

table.blockOfCarts td.cardCell .IsaName {
	font-size: 1.5em;
	line-height: 1em !important;
}


table.blockOfCarts td.cardCell .phonesAndFax, 
table.blockOfCarts td.cardCell .notANameInfo, 
table.blockOfCarts td.cardCell .birthdayInfo, 
table.blockOfCarts td.cardCell .commentsInfo {
	font-size: 1em;
	line-height: 1em !important;
}

.footer {
clear: both;
width: 100%;
margin-top: 20px;
padding-top: 10px;
padding-bottom: 40px;
color: #666666;
letter-spacing: 7px;
font-size: 9px;
text-align: center;
}