body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #d8d8d6 url('/res/wordup/img/bg_top.jpg') repeat-x top;
	font-family: "Times New Roman", Times, serif, sans-serif;
	font-size: 14pt;
	height: 100%;
	-behavior:url("csshover.htc");
	}
	
input,textarea {
	background: white;
	border: none;
	color: #555555;
	padding: 2px;
	margin: 0;
	font-size: 12px;
	text-align: left;
	overflow: auto;
	}

	
div.FooterGradient {
	position: relative;
	z-index: 1;
	margin: -300px 0 0 0;
	padding: 0;
	text-align: center;
	background: url('/res/wordup/img/bg_bottom.jpg') repeat-x bottom;
	height: 300px;
	width: 100%;}

.main800 {
	width: 644px !important;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	height:100%;
	border-collapse: separate;
	position: relative;
	z-index: 5;
	}
.main {	
	width: 974px !important;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	height:100%;
	border-collapse: separate;
	position: relative;
	z-index: 5;

	}
	
/* html .main {	
	width: expression((document.body.clientWidth) < 800 ? "644px" : "974px" );
	}	*/

.header {
	vertical-align: top;
	text-align: left;
	margin: 0;
	padding: 30px 0px;
	height: 100px;
	}

.main800 .header {
	vertical-align: top;
	text-align: left;
	margin: 0;
	padding: 20px 0px;
	height: 120px;
	}

	
.content {
	margin: 0;
	padding: 0px;
	border: 4px solid #99cc00;
	background: white;
	vertical-align: top;
	text-align: center;
	}
	
	
	
.footer {
	margin: 0;
	padding: 5px 10px;
	height: 60px;
	font-size: 10pt;
	color: #fff;
	text-align: center;
	}
	
.footer a { color: #fff;}

.fleft	{float: left  !important;}
.fright	{float: right !important;}

.left		{text-align: left;}
.right		{text-align: right;}
.center		{text-align: center;}
.justify	{text-align: justify;}
.middle { vertical-align: middle !important; }
.blue		{color: blue;}
.DisplayNone { display: none !important; }

.input {
	background: white;
	border: 2px #555555 solid;
	width: 280px;
	-width: 288px;
	color: #555555;
	padding: 2px 2px 12px 2px;
	margin: 5px 0;
	font-size: 13px;
	height: auto;
	text-align: right;
	}

a.button {
	padding: 2px 6px;
	margin: 10px;
	font-size: 13px;
	text-decoration: none;
	color: #555555;
	background: url('/res/wordup/img/bg_button.gif') bottom repeat-x;
	border: 4px #555555 solid;
	text-align: center;
	cursor: pointer;
	}

.main table.ColumnsOfContent{
	margin: 20px 16px;
	padding: 0;
	vertical-align: top;
	width: 942px;
	border: none;
	}
	
.main table.ColumnsOfContent .FirstAndSecondColumnsOfContent{
	padding: 0;
	vertical-align: top;
	width: 628px;
	}

.main table.ColumnsOfContent .ThirdColumnsOfContent{
	padding: 0;
	vertical-align: top;
	width: 314px;
	}


.main table.ColumnsOfContent div.block300 {
	margin: 0 7px;
	padding: 0;
	}

.main800 table.ColumnsOfContent{
	margin: 20px 10px;
	padding: 0;
	vertical-align: top;
	width: 624px;
	}

.main800 table.ColumnsOfContent .FirstAndSecondColumnsOfContent, 
.main800 table.ColumnsOfContent .ThirdColumnsOfContent{
	padding: 0;
	vertical-align: top;
	width: 312px;
	}


.main800 table.ColumnsOfContent div.block300 {
	margin: 0 6px;
	padding: 0;
	}

div.MainWord {
	margin: 20px 15px;
	padding: 0;
	text-align: center;
	width: 100%;
	min-height: 20px;
	}
	
div.MainWord h1 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	}
	
div.block300, a.block300 {
	display: block;
	margin: 0 5px;
	padding: 0;
	width: 300px;
	position: relative;
	display: inline;
	float: left;
	min-height: 55px;
	vertical-align : middle;
	text-align:center;
	-height: 55px;
	}
	
div.block300 textarea, div.block300 input {margin: 0 0 10px 0;}

.header div.block300, .header a.block300 {
	min-height: 44px;
	height: 44px;
	}

table.SectionBlock {
	margin: 0;
	padding: 0;
	width: 300px;
	border: none;
	vertical-align: middle;
	font-size: 13pt;
	table-layout: fixed;
	}
	
th.SectionTitleBlock {
	font-size: 13pt;
	margin: 0;
	padding: 0 0 0 5px;
	background: #99cc00;
	font-weight: bold;
	text-align: left;
	height: 30px;
	min-height: 30px;
	}
	
td.SectionContentBlock{
	margin: 0;
	padding: 10px 5px;
	background: none;
	}
	 
th.SectionTitleBlock h1 {
	margin: 4px 0 0 0;
	padding: 0;
	vertical-align : middle;
	font-size: 13pt;
	}
	
td.SectionContentBlock img {
	margin: 2px 0;
	background: none;
	border: none;
	}

td.SectionContentBlock ol li { 	margin-left: 5px;}
td.SectionContentBlock ul li {
	margin-left: 5px;
	list-style-type: disc;
	}
	
td.SectionContentBlock  ul li.actual {
	font-weight: bold;
	list-style-image: url('/res/wordup/img/li.gif');
	}

div.logo {
	margin: 0 5px;
	width: 290px;
	height: 44px;
	vertical-align : middle;
	display: inline;
	text-align:center;
	margin-right: 15px !important;
	background: url('/res/wordup/img/logo.gif') no-repeat center center;
	float: left;
	}
	
div.tagline {
	margin: 0 5px;
	width: 290px;
	height: 44px;
	vertical-align : middle;
	text-align:center;
	}

.main800 div.tagline {display: block;}
.main div.tagline {display: inline;}

p.tagline {
	display: block;
	font-size: 13pt;
	color: #ffffff;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	}

div.SearchBlock {
	float: right;
	display: block;
	margin: 0 5px;
	padding: 0;
	width: 300px;
	position: relative;
	height: 44px;
	vertical-align : middle;
	text-align:center;
	}

input.search {
	margin: 9px 10px 10px 0;
	padding: 2px 4px;
	width: 180px;
	height: 24px;
	border: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 14pt;
	overflow: hidden;
	}
	
button.search {
	margin: 11px 0;
	padding: 0;
	text-align: center;
	background:  url('/res/wordup/img/go.jpg') no-repeat  bottom center;
	width: 40px;
	height: 24px;
	border: none;
	font-weight: 900;
	font-family:"Times New Roman", Times, serif;
	font-size:12pt;
	cursor: pointer;}

.info {
	margin: 0;
	padding: 0;
	width: 22px;
	height: 26px;
	float: right;
	overflow: hidden;
	background-image:  url('/res/wordup/img/question.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	}
	

/************************ Dialog for imaging *****************************/
.ImageWizardBlock {
 table-layout: fixed;
	border: none;
	background: none;
	width: 840px !important;
	margin: 50px auto 0 auto;
	padding: 0;
	border-collapse: collapse;
	height: 70%;
}

.ImageWizardBlock .ImageWizardBlockTop {
	height: 85px;
	background: url('/res/wordup/img/bg_image_wizard.gif') top left no-repeat;
	padding: 0 0 0 70px;
	vertical-align: top;
	}
	
.ImageWizardBlock .ImageWizardBlockTop .close {
	position: relative;
	display: block;
	margin: 0 -5px 0 0;
	float: right;
	border: none;
	padding: 0;
	background: url('/res/wordup/img/close-wizard-green.png') no-repeat center bottom;
   -background-image: none;
   -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/close-wizard-green.png, sizingMethod=crop);
	width: 61px;
	height: 85px;
	cursor: pointer;
	}
	
	
.ImageWizardBlock .ImageWizardBlockMiddle {
	background: url('/res/wordup/img/bg_image_wizard-y.gif') top repeat-y;
	text-align: center !important;
	vertical-align: top;
	}
	
.ImageWizardBlock .ImageWizardBlockBottom {
	height: 40px;
	background: url('/res/wordup/img/bg_image_wizard.gif') bottom no-repeat;
	}
/************************ TABS of Dialog for imaging *****************************/
.ImageWizardTabs, .ImageWizardActiveTab {
	float: left;
	vertical-align: top;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
	height: 47px;
	}
	
.ImageWizardTabs td.LeftPart, .ImageWizardTabs td.RightPart,
.ImageWizardActiveTab td.LeftPart, .ImageWizardActiveTab td.RightPart  {
	border: none;
	background: none;
	width: 15px !important;
	margin: 0;
	padding: 0;
	overflow: visible;
	}	
	
.ImageWizardTabs div.LeftPart, .ImageWizardActiveTab div.LeftPart {
	border: none;
	background: none;
	width: 23px;
	height: 47px;
	position: relative;
	margin:  0 0 0 -8px;
	padding: 0;
	background: url('/res/wordup/img/bg_tabs.png') no-repeat top left;
	-background-image: none;
	overflow: hidden;
	}	

.ImageWizardTabs div.RightPart, .ImageWizardActiveTab div.RightPart {
	border: none;
	background: none;
	width: 23px;
	height: 47px;
	position: relative;
	margin: 0;
	padding: 0;
	background: url('/res/wordup/img/bg_tabs.png') no-repeat top right;
	-background-image: none;
	overflow: hidden;
	}

.ImageWizardTabs div.LeftPart div.PNGforIE {
	width: 45px;
	height: 98px;
	position: absolute;	
   -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/bg_tabs.png, sizingMethod=crop);
   	top: 0px;
   	left: 0px;
   	}

.ImageWizardActiveTab div.LeftPart div.PNGforIE {
	width: 45px;
	height: 98px;
	position: absolute;	
   -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/bg_tabs.png, sizingMethod=crop);
   	top: -51px;
   	left: 0px;
   	}

.ImageWizardTabs div.RightPart div.PNGforIE {
	width: 45px;
	height: 98px;
	position: absolute;	
   -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/bg_tabs.png, sizingMethod=crop);
   	top: 0px;
   	left: -22px;
   	}

.ImageWizardActiveTab div.RightPart div.PNGforIE {
	width: 45px;
	height: 98px;
	position: absolute;	
   -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/bg_tabs.png, sizingMethod=crop);
   	top: -51px;
   	left: -22px;
   	}
	  

.ImageWizardActiveTab div.LeftPart {
	background-position: left bottom ;
   	z-index: 1000;
	}

.ImageWizardActiveTab div.RightPart {
	background-position: right bottom;
	z-index: 1000;
	}
	
.ImageWizardTabs td.TabsName, .ImageWizardActiveTab td.TabsName {
	border: none;
	font-size: 13pt;
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	height: 47px;
	padding: 0;
	text-align: center;
	background: url('/res/wordup/img/bg_tabs-x.gif') repeat-x;
	}	
	
.ImageWizardActiveTab td.TabsName {	
	background-position: bottom;
	font-weight: bold;
	}

.ImageWizardTabs {
  cursor: pointer;
}

	

/***************** FOR TAB 1 ***********************/
.ImageWizardBlock .ImageWizardBlockMiddle table.AllSectionsBlock {
	margin: 0 auto;
	text-align: center;
	width: 800px;
	border-collapse: separate;
	}
	
.ImageWizardBlock .ImageWizardBlockMiddle table.AllSectionsBlock td{
	padding: 10px;
	border: 8px #fff solid;
	}
	
.ImageWizardBlock .ImageWizardBlockMiddle table.AllSectionsBlock td:hover,
.ImageWizardBlock .ImageWizardBlockMiddle table.AllSectionsBlock td.current:hover,
.ImageWizardBlock .ImageWizardBlockMiddle table.AllSectionsBlock td.over {
	padding: 10px;
	border: 8px #bbff00 solid;
	}

	
.ImageWizardBlock .ImageWizardBlockMiddle table.AllSectionsBlock td.current{
	padding: 10px;
	border: 8px solid #99cc00;
	}
	
.ImageWizardBlock .ImageWizardBlockMiddle table.AllSectionsBlock img{
	margin: 0;
	border: none;
	max-width: 230px;
	}
	

/***************** FOR TAB 2 ***********************/	

	
.ImageWizardBlock .ImageWizardBlockMiddle p {
	text-align: center;
	border: none;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #555;	
	}

.ImageWizardBlock .ImageWizardBlockMiddle label {
	padding: 0;
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	} 


	
.ImageWizardBlock .ImageWizardBlockMiddle div.code {
	padding: 1px;
	width: 320px !important;
	height: 90px;
	margin: 40px 0 0 0 ;
	border: none;
	text-align: left;
	display: inline;
	} 
	
.ImageWizardBlock .ImageWizardBlockMiddle div.code h1{
	margin: 2px 0 0 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #555;
	}
	
.ImageWizardBlock .ImageWizardBlockMiddle .info {
	margin: 0 0 2px 0;
	padding: 0;
	width: 24px;
	height: 20px;
	float: right;
	overflow: hidden;
	background-image:  url('/res/wordup/img/question.gif');
	background-position: center center;
	background-repeat: no-repeat;
	}
	
.ImageWizardBlock .ImageWizardBlockMiddle table.ForInline {
	margin: 0 auto;
	padding: 0px;
	text-align: center;
	table-layout: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #555;
}	

.ImageWizardBlockMiddle textarea {
	margin: 0;
	padding: 0;
	color: #666;
	overflow: auto;
	overflow-y: hidden;
	overflow-x: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	border: none;
	background: none;
	} 

	
div.code textarea.code {
	margin: 0;
	padding: 2px;
	height: 56px;
	width: 314px;
	vertical-align: middle;
	color: #666;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	border: none;
	background: none;
	} 


.ImageWizardBlock .ImageWizardBlockMiddle img.current_image {
	text-align: center;
	border: 2px #979797 dashed;
	}
	
.ImageWizardBlock .ImageWizardBlockMiddle table.current_image {
	text-align: center;
	margin: 40px auto 10px;
	}

.corners 	{
	width: 0px;
	height: 0px;
	overflow: visible;
	}
div.corners 	{
	position: absolute;
	}

.LeftTopArrow{
	background: url('/res/wordup/img/arrow1.png') no-repeat;
	top: -6px;
	left: -6px;
	-top: -5px;
	-left: -6px;
	width: 15px;
	height: 15px;
	position: relative;
	z-index: 50;
   -background-image: none;
   -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/arrow1.png, sizingMethod=crop); 
	}
.RightTopArrow{
	background: url('/res/wordup/img/arrow2.png') no-repeat;
	top: -6px;
	left: -9px;
	-top: -5px;
	-left: -9px;
	width: 15px;
	height: 15px;
	position: relative;
	z-index: 50;
	-background-image: none;
   -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/arrow2.png, sizingMethod=crop); 

	}
.LeftBottomArrow {
	background: url('/res/wordup/img/arrow2.png') no-repeat;
	top: -9px; 
	left: -6px;
	-top: -13px; 
	-left: -6px;
	width: 15px;
	height: 15px;
	position: relative;
	z-index: 50;
	-background-image: none;
   -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/arrow2.png, sizingMethod=crop); 

	}
	
.RightBottomArrow {
	background: url('/res/wordup/img/arrow1.png') no-repeat;
	top: -9px;
	left: -9px;
	-top: -13px;
	-left: -9px;
	width: 15px;
	height: 15px;
	position: relative;
	z-index: 50;
	-background-image: none;
   -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/arrow1.png, sizingMethod=crop); 
	}

/***************** INPUT ***********************/	

table.InputTextBlock {
	display: inline;
	border: none;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #555;
	text-align: left;
	overflow: visible;
	}
.LeftTopCorner {
	width: 2px;
	height: 2px;
	border: none;
	margin: 0;
	padding: 0;
	background: url('/res/wordup/img/input_corners.gif') no-repeat left top;	
	}
.RightTopCorner {
	width: 2px;
	height: 2px;
	border: none;
	margin: 0;
	padding: 0;
	background: url('/res/wordup/img/input_corners.gif') no-repeat right top;	
	}
.LeftBottomCorner {
	width: 2px;
	height: 2px;
	border: none;
	margin: 0;
	padding: 0;
	background: url('/res/wordup/img/input_corners.gif') no-repeat left bottom;	
	}
.RightBottomCorner {
	width: 2px;
	height: 2px;
	border: none;
	margin: 0;
	padding: 0;
	background: url('/res/wordup/img/input_corners.gif') no-repeat right bottom;	
	}	

.TopBorder {
	height: 2px;
	border: none;
	margin: 0;
	padding: 0;
	background: url('/res/wordup/img/input-x.gif') repeat-x left top;	
	}
	
.BottomBorder {
	height: 2px;
	border: none;
	margin: 0;
	padding: 0;
	background: url('/res/wordup/img/input-x.gif') repeat-x left bottom;	
	}	
	
.LeftBorder {
	width: 2px;
	border: none;
	margin: 0;
	padding: 0;
	background: url('/res/wordup/img/input-y.gif') repeat-y left top;	
	}
	
.RightBorder {
	width: 2px;
	border: none;
	margin: 0;
	padding: 0;
	background: url('/res/wordup/img/input-y.gif') repeat-y right top;	
	}
	
	
.NoFocusCaptionBox .LeftTopCorner, 
.NoFocusCaptionBox .RightTopCorner, 
.NoFocusCaptionBox .LeftBottomCorner, 
.NoFocusCaptionBox .RightBottomCorner, 
.NoFocusCaptionBox .TopBorder,
.NoFocusCaptionBox .BottomBorder, 
.NoFocusCaptionBox .LeftBorder, 
.NoFocusCaptionBox .RightBorder {
	background-image: none;	
	}
	
	
/***************** TEXTAREA ***********************/		
table.TextAreaBlock {
	display: inline;
	border: none;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #555;
	text-align: left;
	background: none;
	}

.TextAreaBlock textarea {
	margin: 0;
	padding: 0;
	width: 290px;
	overflow: hidden;
	background: none;
	}

.TextAreaBlock .TopBorder, 
.TextAreaBlock .BottomBorder, 
.TextAreaBlock .LeftBorder,
.TextAreaBlock .RightBorder, 
.TextAreaBlock .TextAreaBlock {
	background-color: #ffffcc;	
	}
	
.TextAreaBlock td.TextAreaBlock {
	margin: 0;
	padding: 0;
	background: #ffffcc;
	}	

/***************** BUTTON ***********************/	
table.WizardButtonBlock {
	/*display: inline;*/
	border: none;
	margin: 2px 10px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #555;
	text-align: left;
	background: none;
	cursor: pointer;
	}

.WizardButtonBlock button, .WizardButtonBlock input {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #555;
	cursor: pointer;
	background: none;
	border: none;
	overflow: visible;
	}

.WizardButtonBlock .TopBorder, 
.WizardButtonBlock .BottomBorder, 
.WizardButtonBlock .LeftBorder,
.WizardButtonBlock .RightBorder {
	background-color: #99cc00;	
	}
	
.WizardButtonBlock td.WizardButtonBlock {
	margin: 0;
	padding: 0;
	background: #99cc00;
	vertical-align: middle;
	text-align: center;
	}
	

.ImageWizardBlockMiddle .ForInline  textarea.EditText {
	margin: 0;
	padding: 0;
	width: 200px;
	height: 36px;
	
}
	
.ImageWizardBlockMiddle .ForInline  textarea.ImageCaption {
	margin: 0;
	padding: 0;
	width: 200px;
	height: 52px;
	-height: 50px;
	text-align: center;
}

button.AlignLeftButton,
button.AlignCenterButton,
button.AlignRightButton,
button.AlignLeftButtonActive,
button.AlignCenterButtonActive,
button.AlignRightButtonActive
{
  margin: 0 1px 1px;
	padding: 0;
	height: 18px;
	width: 18px;
	border: none;
	background-image:  url('/res/wordup/img/align-button.gif');
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
} 


.AlignLeftButton { background-position: right top;	}
.AlignCenterButton { background-position: right center; }
.AlignRightButton { background-position: right bottom;}
.AlignLeftButtonActive {background-position: left top;	}
.AlignCenterButtonActive { background-position: left center;}
.AlignRightButtonActive { background-position: left bottom;	}


  