/*******************************************/
/*  Layout CSS
/*******************************************/

	/*******************************************/
	/*  Global Styles & Browser Consistancy
	/*******************************************/
		html, body, div, table, tr, th, td, ul, ol, img {padding:0px; margin:0px; min-width:0px; cursor:default; }

		html, body {width:100%; height:100%;}
		body, div, table, tr, th, td {font-size:12px; font-family:Arial, sans-serif;}
		div, table, tr, th, td, span, b, a, ul, li, ol, img, h1, h2, h3, h4, h5, h6 {border-width:0px; border-style:solid; border-color:#AEAEAE;}
		p {font-size:12px; font-family:Arial, sans-serif; margin-bottom:8px; font-weight:normal; color:#000;}

		ul li p {margin-bottom:0px; margin-top:0px;}
		li h3 {margin:0px;}

		div, table, tr, td, ul, li {text-align:left;}
		table {table-layout:fixed; empty-cells:show; border-collapse:collapse;}
		u, a, b, i {color:inherit; font-size:inherit; line-height:inherit; font-family:inherit;}

		ul, ol {margin:2px 0px 5px 0px; padding-left:2.5em; color:inherit; list-style-position:outside;}
		ul {list-style:disc outside url(../images/icons/bullet.triangle.dark.gif);}
		ul ul {list-style:disc outside url(../images/icons/bullet.triangle.dark.hollow.gif);}
		ul.horizontal, ol.horizontal {display:inline; margin-left:0px;}
		ul.horizontal li, ol.horizontal li {list-style:none; display:inline;}
		li {margin-bottom:1px; vertical-align:middle; padding:0px; margin:0px; cursor:default;}

		
		
		a {text-decoration:underline; cursor:pointer; color:#685893;}
		a img {cursor:pointer; border:0px;}
		a:hover {text-decoration:none; color:#A5C939;}
		a.underlineHover {text-decoration:none;}
		a.underlineHover:hover {text-decoration:underline;}
		img {border-width:0px; vertical-align:bottom;}
		img.bordered {border-width:1px;}
		img.icon {margin:0px 3px; vertical-align:middle;}
		form, input {display:inline; margin:0px; padding:0px;}
		.none {display:none;}
		optgroup, option {padding:1px; padding-left:3px;}
		optgroup option {padding-left:8px;}
		.hidden {visibility:hidden; font-size:1px; height:0px; width:0px; overflow:hidden;}


	/*******************************************/
	/*  General Applied Styles
	/*******************************************/
		.clearer {clear:both; display:block; font-size:0px; height:0px; overflow:hidden;}
		.spacer {display:block; font-size:0px; height:10px; overflow:hidden;}
		.draggable {cursor:move;}
		
		.divider	{margin:10px; border-style:solid; border-width:0px 0px 1px 0px; border-color:#685893; font-size:0px; height:0px; overflow:hidden;}
		.divided    {border-style:solid; border-width:0px 0px 1px 0px; border-color:#685893; padding-bottom:10px; margin-bottom:10px;}
		.vertical   {border-width:0px 1px 0px 0px; padding:0px; margin:0px 10px; width:0px;}

		.bolder {font-weight:bold; font-size:14px; text-decoration:none;}
		.bold {font-weight:bold;}
		.italic {font-style:italic;}
		.underline{text-decoration:underline;}
		.purple{color:#685893;}
		.attribute {font-size:9px; font-style:italic;}
		.lined {border-color:#685893; border-style:solid; border-width:0px; border-bottom-width:1px;}
		.dotted		{border-style:dotted;}
		h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {color:#685893; border-color:#685893; border-style:solid; border-width:0px; margin-top:0px;}
		a.h1:hover,a.h2:hover,a.h3:hover,a.h4:hover,a.h5:hover,a.h6:hover {color:#A5C939;}
		h1,h2,h3,.h1,.h2,.h3 {margin-bottom:8px;}
		h4,h5,h6,.h4,.h5,.h6 {margin-bottom:4px;}
		h1, .h1 {font-size:24px; font-weight:bold; text-decoration:none;}
		h2, .h2 {font-size:20px; font-weight:bold; text-decoration:none; border-bottom-width:1px;}
		h3, .h3 {font-size:16px; font-weight:bold; text-decoration:none;}
		h4, .h4 {font-size:14px; font-weight:bold; text-decoration:none;}
		h5, .h5 {font-size:12px; font-weight:bold; font-style:italic; text-decoration:none;}
		h6, .h6 {font-size:12px; font-weight:normal; font-style:italic; text-decoration:none;}
		.whitetext {color:#ffffff;}


		label.formlabel {display:block; width:33%; margin-bottom:5px; float:left; font-weight:bold; text-align:right;}
		label.required {color:#8C0005;}
		.formfieldset {padding:10px; margin-bottom:10px; border:1px solid #DCCEFF;}
		.formfieldset legend {font-size:15px; font-weight:bold; padding:2px 6px; color:#685893;}
		.formdirections {margin-bottom:20px;}
		.radiocontainer {}
		.radiocontainer .radio {}
		.forminput {width:64%; margin-bottom:5px; float:right; border:1px solid #AAAAAA;}
		div.forminput {margin-bottom:0px; border:0px;}
		input.forminput, select.forminput, textarea.forminput {border-width:1px; background:#FFFFFF;}
		input.required, select.required, textarea.required {background:#FEFFDD;}
		input.checkbox {width:auto; display:inline; float:none; height:auto; margin-left:10px;}


		.shadow {position:absolute; top:0px; width:100%; height:10px; background:transparent url(../images/layout/bg.horiz.multi.png) repeat-x left -312px;}

		.menudropdown {}
		.menudropdown div {width:150px;}
		.menudropdown a {background:#B3D342; color:#5B4B87; display:block; font-size:11px; font-weight:bold; padding:3px 5px; text-decoration:none;}
		.menudropdown a:hover {color:#FFF; background:#5B4B87; text-decoration:none;}

		.message,
		.no_language {margin:15px 25px; padding:20px; font-weight:normal; color:#000000; text-align:center; background:#ffe9bb; border:1px solid #EFA000;}



		.button {height:20px; padding-top:5px; margin:auto; display:block; text-align:center; border:1px solid #685893; font-weight:bold; color:#fff; background:transparent url(../images/layout/bg.horiz.multi.png) repeat-x center -322px; text-decoration:none;}
		input.button {height:27px; padding-top:0px;}
		.button:hover {background-position:center -347px; color:#685893;}

		.anchorbox {display:block; width:95%; padding:5% 2%; margin:auto; text-align:center; border:1px solid #685893; font-weight:bold; background:#C0B2E5; color:#685893; text-decoration:none;}
		.anchorbox:hover {color:#685893; background:#CEE781;}
		
		.anchorbutton {display:block; width:95%; padding:5% 2%; margin:auto; text-align:center; border:1px solid #685893; font-weight:bold; background:#C0B2E5; color:#685893; text-decoration:none;}
		.anchorbutton:hover {color:#685893; background:#CEE781;}
		
		
		.instructions{font-size:14px;}

		.darkfade {background:#FFF url(../images/layout/bg.horiz.multi.png) repeat-x center -372px;}

		body {background:#f2edff; }
		.shadowleft {width:810px; margin:0px auto; padding-left:10px; background:transparent url(../images/layout/bg.shadow.vert.multi.png) repeat-y left center;}
		.shadowright {width:800px; padding-right:10px; background:transparent url(../images/layout/bg.shadow.vert.multi.png) repeat-y right center;}
		.shadowbottomcontainer	{width:820px; margin:0px auto;}
		.shadowbottomleft		{width:10px; height:10px; float:left; background:transparent url(../images/layout/bg.shadow.horiz.multi.png) no-repeat left top;}
		.shadowbottomright		{width:10px; height:10px; float:right; background:transparent url(../images/layout/bg.shadow.horiz.multi.png) no-repeat right top;}
		.shadowbottom			{height:10px; margin:0px 10px; background:transparent url(../images/layout/bg.shadow.horiz.multi.png) repeat-x center -10px;}
		#page {background:#FFF; padding-bottom:10px;  border:1px solid #a0a0a0; border-width:0px 1px 1px 1px;}
		.columnleft		{float:left; width:540px; margin-left:15px; padding-top:15px;}
		.columnleft2		{float:left; width:485px; margin-left:15px; padding-top:15px;}
		.columnleft3		{float:left; width:735px; margin-left:15px; padding-top:15px;}
    .columnright	{float:right; width:195px; margin-right:15px; padding-top:15px;}
		.columnright2	{float:right; width:250px; margin-right:15px; padding-top:15px;}
		.columnright3	{float:right; width:350px; margin-right:15px; padding-top:15px;}
	  .columnsingle   {width:580px; padding:15px 10px; margin:auto;}

		#header {position:relative; height:74px; background:transparent url(../images/layout/bg.horiz.multi.png) repeat-x left top;}
		#header #logo {width:334px; height:74px; background:transparent url(../images/elements/header.logo.png) no-repeat left center; font-size:1px; overflow:hidden; text-indent:-1000px;}
		#header #logo a {display:block; width:100%; height:100%;}
		#header #languages {position:absolute; top:5px; right:10px; text-align:right; color:#FFF; font-weight:bold;}
		#header #languages select {width:100px; padding:0px; font-size:9px;}
		#header #languages, #header #languages * {font-size:11px; vertical-align:middle;}
		#menu {height:31px; background:transparent url(../images/layout/bg.horiz.multi.png) repeat-x left -74px;}
			#menu a {display:block; height:23px; padding:8px 8px 0px 8px; float:right; text-decoration:none; font-weight:bold; color:#5B4B87;}
			#menu a:hover {color:#FFF;}
		#footer {border-top:1px solid #5f4e8d; width:96%; margin:25px auto 0px auto;}
		#footer, #footer a {font-size:10px; color:#5f4e8d;}

		.index_media {position:relative; height:207px; background:#f9f7f7 url(/images/elements/header.frontpage.png) 0px -15px;}
		.index_media img {float:right;}
		.index_media .content {padding:15px 20px 10px 20px; margin-right:305px;}
		.index_media .content h2 {margin-bottom:0px;}
		.index_media .content h5 {margin-bottom:10px;}

		.tutorialblock {margin:12px 0px;}
		.tutorialblock .screenimage{float:left; margin:0px 8px; border:1px solid #685893;}
		
	/*******************************************/
	/*  Donwload Page Instructions
	/*******************************************/
		.instructions_left{float:left; margin-left:10px; padding:3px 60px 3px 0px;}
    .instructions_right{float:right; margin:0px 10px;}

	/*******************************************/
	/*  Datatable
	/*******************************************/
		table.datatable th,
		table.datatable td {padding:3px; text-align:center;}
		table.datatable tr.darkestrow th,
		table.datatable tr.darkestrow th * {font-weight:bold; color:#FFF;}
		table.datatable tr.darkestrow th a {text-decoration:underline;}
		table.datatable tr.darkestrow th a:hover {text-decoration:none;}

		table.datatable tr.lightrow {background-color:#FBF6FE;}
		table.datatable tr.medrow {background-color:#EAD8F6;}
		table.datatable tr.darkrow {background-color:#8072A4;}
		table.datatable tr.darkestrow {background-color:#5B4B87;}

		table.datatable tr.lightrow th,
		table.datatable tr.medrow th    {text-align:left; padding-left:15px; color:#000; font-weight:normal;}
		table.datatable tr.lightrow th 	{background-color:#f0e3f9;}
		table.datatable tr.medrow th    {background-color:#d7b7ed;}
		table.datatable tr.darkrow th  {text-align:left; color:#FFF; font-weight:bold; font-style:italic;}
		table.datatable tr.darkrow th.disclaimer {font-size:10px; font-weight:normal;}
		table.datatable tr.darkestrow th a {color:#fff;}
		
	
   /*****************************************/
	/*  List Styles (Vert/Horix Gradients)
	/*****************************************/
     .checkmarked{list-style:url(/images/standard.white.checkMark.gif);}	
     .checkmarked li{margin-top:10px; margin-right:5px; }
	/*****************************************/
	/*  Squared Boxes (Vert/Horix Gradients)
	/*****************************************/
	    .squaresideboxheader	{color:#FFF; padding:3px 0px 3px 5px; font-size:12px; font-weight:bold; border-width:1px; border-style:solid; background:#5e4e8f;}
		.squaresideboxcontent   {margin:0px auto 10px auto; border-width:1px; border-style:solid;}

		div.sqVertGradBoxHead {width:95%; margin:auto; border-width:1px;}
			div.sqVertGradBoxHead div.content {padding:3px 0px 5px 10px; font-size:14px; font-weight:bold; font-family:Arial, sans-serif;}
		div.sqVertGradBoxContent {width:95%; margin:0px auto 10px auto;  border-width:1px;}
			div.sqVertGradBoxContent div.content {padding:10px 10px 10px 10px; color:#000000; font-size:11px;}

		div.sqHorizGradBoxHead {width:95%; margin:auto; background-position:right; background-repeat:repeat-y;}
			div.sqHorizGradBoxHead div.content {padding:3px 0px 5px 10px; font-size:14px; font-weight:bold; font-family:Arial, sans-serif;}
		div.sqHorizGradBoxContent {width:95%; margin:0px auto 10px auto;}
			div.sqHorizGradBoxContent div.content {padding:10px 10px 10px 10px; color:#000000; font-size:11px;}

  /*****************************************/
	/*  Product Boxes (Vert/Horix Gradients)
	/*****************************************/
	  div.productbox {line-height:1.50;}
    div.productbox .boximage{float:left; }
    
    .internallink {font-size:12px; font-weight:none; text-align:right;}

/**
 * Form Builder
 **/
 	.langbuilder_dataform               {}
 	.langbuilder_dataform .formlabel	{width:49%; text-align:left; font-weight:bold;}
 	.langbuilder_dataform .forminput	{width:49%;}
 	.langbuilder_dataform .formdivider	{margin:10px; border-style:dotted; border-width:0px 0px 1px 0px; border-color:#E0DFE3; font-size:0px; height:0px; overflow:hidden;}
 	.langbuilder_dataform .formnote		{text-align:left; font-size:10px; font-weight:bold; font-style:italic; margin:5px 0px 10px 0px;}
 	.langbuilder_dataform .formfieldset {border:1px solid #dcceff; background:#faf8ff;}

	.langbuilder_toolbar {border:1px solid #dcceff; background:#faf8ff; padding:3px 5px; margin-bottom:15px;}
	.langbuilder_toolbar * {vertical-align:middle;}
	
	.langbuilder_fileform,
	.langbuilder_fileform select,
	.langbuilder_fileform option {font-size:11px; }
	.langbuilder_fileform select {margin-top:1px; width:200px;}

	.lang_builder_icon {display:block; width:22px; height:22px; cursor:pointer; background:transparent url(../images/icons/icons.multi.lang.builder.gif) no-repeat left top;}
	.lang_builder_icon_open    {background-position:0px 0px;}
	.lang_builder_icon_open:hover    {background-position:0px -22px;}
	.lang_builder_icon_save    {background-position:-22px 0px;}
	.lang_builder_icon_save:hover    {background-position:-22px -22px;}
	.lang_builder_icon_preview {background-position:-44px 0px;}
	.lang_builder_icon_preview:hover {background-position:-44px -22px;}
	.lang_builder_icon_preview_disabled,
	.lang_builder_icon_preview_disabled:hover {background-position:-44px -44px;}
	.lang_builder_icon_view {background-position:-66px 0px;}
	.lang_builder_icon_view:hover {background-position:-66px -22px;}
    .lang_builder_icon_view_disabled,
	.lang_builder_icon_view_disabled:hover {background-position:-66px -44px;}