@charset "UTF-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0; padding:0;}
h3, h4, h5, h6 {margin:20px 0 5px 0;}
body {text-align:center; background:#e3e5e5 url('../images/bg_body_1.jpg') repeat-x;}
.doc {max-width:1000px; background-color:#fff; text-align:left; padding:8px 10px 10px 10px; min-height:870px; _height:870px;}
.content {background-color:#fff; padding:0px; margin:0px;}

/*header*/
#hd {background:#fff url('../images/bg_hdr_blue_01.png') no-repeat; height:110px;}
#hd2 {background:#fff url('../images/bg_hdr_blue_01.png') no-repeat; height:110px;}
#hd3 {background:#fff url('../images/bg_hdr_green_01.png') no-repeat; height:110px;}
#hd4 {background:#fff url('../images/bg_hdr_bluegreen.png') no-repeat; height:110px;}
#hd ul, #hd2 ul, #hd3 ul, #hd4 ul {list-style-type:none; margin:0; padding:0;}
#hd ul li, #hd2 ul li, #hd3 ul li, #hd4 ul li {margin:0; padding:0; float:left;}
#hd ul li.logo, #hd2 ul li.logo, #hd3 ul li.logo, #hd4 ul li.logo {margin:10px 15px 0 15px;}
#hd ul li.srchcntr, #hd2 ul li.srchcntr, #hd3 ul li.srchcntr, #hd4 ul li.srchcntr {float:right; margin:20px 20px 0 0; text-align:right}
.sublinks {font:normal 12px arial; color:#fff; padding-top:5px;}
.search {margin:5px 0 5px 0;}
.search input[type=text] {font:normal 12px arial; border:1px solid #ccc; padding:2px 4px 2px 4px; margin:0; width:200px; }
.srchbtn {background:#ccc url('../images/srchbtn_bg_01.png') repeat-x; border:1px solid #999; padding:2px; margin:0 0 0 5px; font:normal 11px verdana; color:#005eb3; white-space:nowrap; *cursor:hand; cursor:pointer;}
.sublinks a:link, .sublinks a:visited {text-decoration:none; color:#fff; margin-right:2px;}
.sublinks a:hover {text-decoration:underline;}
.wrapper { zoom:1;}
.wrapper:after{content:'.';display:block;clear:both;visibility:hidden;height:0;}
.container{ zoom:1;}
.container:after {content:'.';display:block;clear:both;visibility:hidden;height:0;}

/*homepage modules*/
#content  { 
  background-color:#fff;
}
#content2 {
  background-color:#fff;
  grid-template-columns: 216px calc(100% - 216px);
  grid-template-rows: auto;
  display: grid;
}
#downloadscontent2 {
  background-color:#f7f7f7;
}

.lfclmn { position:absolute; float:left; width:340px; font:normal 12px arial; color:#555; margin:0; border:1px solid #ccc; background:#fff url('../images/bg_grybttm_01.png') repeat-x bottom left; min-height:600px; *height:600px; _height:620px;}
.lfclmn .swt {padding:15px; font:normal 13px arial; margin:0; background:#fff url('../images/bg_hmblue_01.png') no-repeat top left; height:230px;}
.lfclmn .swt h1 {font:normal 18px arial; color:#333; margin-bottom:10px}
.lfclmn .swt h2 {font:normal 18px arial; color:#333; margin-bottom:10px}
.lfclmn .swt p {color:#555;}
.lfclmn .swt ul {margin:20px 0 0 0; padding:0; font:normal 13px arial;}
.lfclmn .swt ul li {padding:0 0 8px 0; margin:0; list-style-type:none; color:#555;}
.lfclmn .swt a:link, .lfclmn .swt a:visited {color:#0180c0; font:normal 13px arial;} 
.lfclmn .swt a:hover {color:#444;}
.lfclmn .swt .si {float:right; margin:24px 0 0 5px; background: url('../images/img_swtsm_01.png') no-repeat top left; height:124px; width:73px; _background: url('../images/img_swtsm_02.gif') no-repeat top left; _height:73px;}
.lfclmn .news, .mclmn .news{margin:10px 0 0 0; padding: 10px 10px 20px 15px;}
.lfclmn .news h3, .mclmn .news h3 {font:bold 12px arial; color:#333; margin:0; }
.lfclmn .news ul, .mclmn .news ul {font:normal 11px arial; margin:10px 10px 0 15px; padding:0;}
.lfclmn .news ul li, .mclmn .news ul li{padding:0 0 5px 0; color:#555;}
.lfclmn .more, .mclmn .more {font:bold 12px arial; padding:10px 0 10px 0;}

.mclmn { position:absolute; min-height:600px; float:left; width:340px; margin:0 8px 0 350px; padding:0;border:1px solid #ccc; background:#fff url('../images/bg_grybttm_01.png') repeat-x bottom left; *height:600px; _height:620px;}
.mclmn .edt {padding:15px; font:normal 13px arial; margin:0; background:#fff url('../images/bg_hmgreen_02.png') no-repeat top left; height:230px}
.mclmn .edt h1 {font:normal 18px arial; color:#333; margin-bottom:10px}
.mclmn .edt h2 {font:normal 18px arial; color:#333; margin-bottom:10px}
.mclmn .edt p {color:#555;}
.mclmn .edt ul {margin:20px 0 0 0; padding:0; font:normal 13px arial;}
.mclmn .edt ul li {padding:0 0 8px 0; margin:0; list-style-type:none; color:#555; _padding:0 0 5px 0; }
.mclmn .edt a:link, .mclmn .edt a:visited {color:#0180c0; font:normal 13px arial;} 
.mclmn .edt a:hover {color:#444;}
.mclmn .edt .si {float:right; margin:24px 0 0 5px;background: url('../images/img_edtsm_01.png') no-repeat top left; height:124px; width:73px;_background: url('../images/img_edtsm_02.gif') no-repeat top left; _height:73px;}


.rtclmn { float:right; width:300px; margin:0 0 0 700px; position:absolute; }
.rtclmn .download {color:#fff; background:#fd7f0d url('../images/bg_download_02.jpg') repeat-x top left; padding:10px 20px 20px 20px; text-align:center}
.rtclmn .download p {font:normal 14px arial; margin:10px 0 15px 0; padding:0; line-height:20px; _color:#ffffff; _font:bold 14px arial;}
.rtclmn .dwnbtn {font:bold 20px arial; margin:0 50px 0 20px;}
.rtclmn .dwnbtn img{position:absolute; margin:0 0 0 10px}
.rtclmn .download a:link, .rtclmn .download a:visited {color:#fff; text-decoration:none}
.rtclmn .download a:hover{text-decoration:underline; color:#fff;}
/*background:url('../images/btn_download_01.png') no-repeat right; height:25px; */
.mdl {font:normal 12px arial; color:#666; background:#f0f2f3 url('../images/bg_mdl_01.png') repeat-x top left; border:1px solid #ccc; margin:3px 0 0 0; padding:0 10px 10px 10px; min-height:207px; *height:180px; _height:210px;}
.mdl h1 {font:bold 16px arial; color:#333; padding-bottom:10px;}
.mdl h2 {font:bold 16px arial; color:#333; padding-bottom:10px;}
.mdl p {padding:0 0 10px 0;}
.mdl ul li {margin:0 0 0 10px;}
.mdl a:link, .mdl a:visited {color:#0180c0; text-decoration:none}
.mdl a:hover {text-decoration:underline}

/*Video*/
.mdlvd {margin:8px 0 0 0;}

/*standard*/
a:link, a:visited, a:active{text-decoration:none; color:#0180c0;}
a:hover {text-decoration:underline; color:#444}
img {border:0px;}
input {margin:0; padding:0;}
.clear {clear:both; height:1px; overflow:hidden;}
.clearall {clear:both}

.clear2 {clear2:both; height:1px; overflow:hidden;}
.clear2all {clear2:both}

/*Navigation*/
#nav { color:#555; font:bold 13px arial, helvetica, clean, sans-serif; border-bottom: 1px solid #ddd; background:#ddd url('../images/bg_nav.png') repeat-x top left; height:33px; margin:0 0 10px 0}
#nav ul {list-style-type:none; margin:0; padding:0;}
#nav ul {*zoom:1;}
#nav ul:after {content:"."; display:block; clear:both; visibility:hidden; height:0; line-height:0;}
#nav ul li {list-style:none; float:left; padding:8px 15px 0 15px; margin:0;}
#nav .tb {background:transparent url('../images/nav_brk.png') no-repeat right; height:25px}
#nav .selected {background:url('../images/selected_tb.png') repeat-x; color:#fff; height:33px;}
#nav .selected a:hover {text-decoration:none;}
#nav .selected a:link, #nav .selected a:visited {color:#fff; text-decoration:none;}
#nav .selected2 {background:url('../images/nav_grn_02.png') repeat-x; color:#fff; height:33px;}
#nav .selected2 a:hover {text-decoration:none;}
#nav .selected2 a:link, #nav .selected a:visited {color:#fff; text-decoration:none;}
/*#nav .selected3 {background:url('../images/selected_tb.png') repeat-x; color:#fff; height:33px;}*/
#nav .selected3 {background:url('../images/nav_blue-green_01.png') repeat-x; color:#fff; height:33px;}
#nav .selected3 a:hover {text-decoration:none;}
#nav .selected3 a:link, #nav .selected a:visited {color:#fff; text-decoration:none;}
#nav .tb a:link, #nav .tb a:visited {padding:4px 0 4px 0; color:#444; text-decoration:none; }/*color:#0e91c9;color:#095373;*/
#nav .tb a:hover {text-decoration:none; color:#006699; padding:4px 0 4px 0;}
#nav .tb_wwlink a:link, #nav .tb_wwlink a:visited {padding:4px 0 4px 0; color:white; text-decoration:none; }
#nav .swtselected {background:url('../images/bg_swt_selected.png') repeat-x; color:#fff; height:33px;}

/*Sub Navigation - semantic*/
.leftnav {float:left;}
.leftnav ul.sub {background:url('../images/bg_subnav_01.png') repeat-x; width:200px; margin:0 10px 10px 0px; padding:10px 0px 40px 0px;}
.leftnav ul.sub li {list-style:none; font:normal 12px arial; padding:8px 10px 8px 10px; border-top:1px solid #aae4eb; margin:0;}
.leftnav ul.sub li.first{border-top:0px solid #aae4eb;}
.leftnav ul.sub li a:hover {text-decoration:none; color:#006699;}
.leftnav ul.sub li a:link, .leftnav ul.sub li a:visited{color:#006699}
.leftnav ul.sub li.selected {background-color:#78c2d5; font:bold 12px arial; color:#fff; *margin:0; *padding:8px 0 8px 10px;}
.leftnav ul.sub li.selected a:link, .leftnav ul.sub li.selected a:visited {color:#fff;}
.leftnav ul.sub li:hover.selected {background-color:#78c2d5;}
.leftnav ul.sub li:hover {background-color:#a6e1e8;}
.leftnav ul.sub .ssmenu {width:200px; margin:0 0 10px 0; *margin:0 0 10px -10px; _margin:10px 0 0 -10px; _background-color:#fff;}
.leftnav ul.sub .ssmenu ul {*margin-top:10px; *margin-left:0px; *background-color:#fff;}
.leftnav ul.sub .ssmenu ul li {padding:6px 0 6px 25px; margin:0; font:normal 12px arial; border:0px; *padding-left:20px; *width:180px; *padding-bottom:8px; _padding:0 10px 12px 10px; }
.leftnav ul.sub .ssmenu ul li:hover{background-color:#a6e1e8;}
.leftnav ul.sub .ssmenu ul li.selected2 {background-color:#fff; font:bold 12px arial; *margin-top:0px; _margin-top:0px; color:#006699;}
.leftnav ul.sub .ssmenu ul li.selected2:hover{*background-color:#fff;}
.leftnav ul.sub .ssmenu ul li.selected2 a:link, .leftnav ul.sub .ssmenu ul li a:link {color:#006699;}
.leftnav ul.sub .ssmenu ul li.selected2 a:visited, .leftnav ul.sub .ssmenu ul li a:visited {color:#006699;}
.leftnav ul.sub .ssmenu2 {padding:0 0 5px 0px; *padding-top:5px; background-color:#fff; width:200px; _width:180px; *width:150px;}
.leftnav ul.sub .ssmenu2 ul { *margin-top:10px; *margin-left:-10px; *background-color:#fff;}
.leftnav ul.sub .ssmenu2 ul li {font:normal 12px arial; padding-left:40px; _padding:10px 0 0 15px; *padding-left:10px;}
.leftnav ul.sub ul.sssmenu  {*margin-left:-20px; background-color:#fff;}
.leftnav ul.sub ul.sssmenu li {padding:5px 10px 5px 40px; *padding:5px 0 5px 30px; *width:170px}
.leftnav ul.sub ul.sssmenu li.hover {border:#ffcc00}
.leftnav ul.sub ul.sssmenu li.selected3 {font:bold 12px arial; background:url('../images/icon_navarrow.gif') no-repeat 18px;} 

/*Sub Navigation - enterprise*/
.leftnav {float:left;}
.leftnav ul.sub2 {background:url('../images/bg_subnav2_01.png') repeat-x; width:200px; margin:0 10px 10px 0px; padding:10px 0px 40px 0px;}
.leftnav ul.sub2 li {list-style:none; font:normal 12px arial; padding:8px 10px 8px 10px; border-top:1px solid #c6e2a0; margin:0;}
.leftnav ul.sub2 li.first{ border-top:0px solid #aae4eb;}
.leftnav ul.sub2 li a:hover {text-decoration:none; color:#628440;}
.leftnav ul.sub2 li a:link, .leftnav ul.sub2 li a:visited{color:#628440}
.leftnav ul.sub2 li.selected {background-color:#85b758; font:bold 12px arial; color:#fff; *margin:0; *padding:8px 0 8px 10px;}
.leftnav ul.sub2 li.selected a:link, .leftnav ul.sub li.selected a:visited {color:#fff;}
.leftnav ul.sub2 li:hover.selected {background-color:#85b758;}
.leftnav ul.sub2 li:hover {background-color:#b3d991;}
.leftnav ul.sub2 .ssmenu {width:200px; margin:0 0 10px 0; *margin:0 0 10px -10px; _margin:10px 0 0 -10px; _background-color:#fff;}
.leftnav ul.sub2 .ssmenu ul {*margin-top:10px; *margin-left:0px; *background-color:#fff;}
.leftnav ul.sub2 .ssmenu ul li {padding:6px 0 6px 25px; margin:0; font:normal 12px arial; border:0px; *padding-left:20px; *width:180px; *padding-bottom:8px; _padding:0 10px 12px 10px; }
.leftnav ul.sub2 .ssmenu ul li:hover{background-color:#b3d991;}
.leftnav ul.sub2 .ssmenu ul li.selected2 {background-color:#fff; font:bold 12px arial; *margin-top:0px; _margin-top:0px; color:#628440;}
.leftnav ul.sub2 .ssmenu ul li.selected2:hover{*background-color:#fff;}
.leftnav ul.sub2 .ssmenu ul li.selected2 a:link, .leftnav ul.sub2 .ssmenu ul li a:link {color:#628440;}
.leftnav ul.sub2 .ssmenu ul li.selected2 a:visited, .leftnav ul.sub2 .ssmenu ul li a:visited {color:#628440;}
.leftnav ul.sub2 .ssmenu2 {padding:0 0 5px 0px; *padding-top:5px; background-color:#fff; width:200px; _width:180px; *width:150px;}
.leftnav ul.sub2 .ssmenu2 ul { *margin-top:10px; *margin-left:-10px; *background-color:#fff;}
.leftnav ul.sub2 .ssmenu2 ul li {font:normal 12px arial; padding-left:40px; _padding:10px 0 0 15px; *padding-left:10px;}
.leftnav ul.sub2 ul.sssmenu  {*margin-left:-20px; background-color:#fff;}
.leftnav ul.sub2 ul.sssmenu li {padding:5px 10px 5px 40px; *padding:5px 0 5px 30px; *width:170px}
.leftnav ul.sub2 ul.sssmenu li.hover {border:#ffcc00}
.leftnav ul.sub2 ul.sssmenu li.selected3 {font:bold 12px arial; background:url('../images/icon_navarrow.gif') no-repeat 18px;} 

/*Sub Navigation - professional services*/
.leftnav {float:left;}
.leftnav ul.sub3 {background:url('../images/bg_subnav3_01.png') repeat-x; width:200px; margin:0 10px 10px 0px; padding:10px 0px 40px 0px;}
.leftnav ul.sub3 li {list-style:none; font:normal 12px arial; padding:8px 10px 8px 10px; border-top:1px solid #aae4eb; margin:0;}
/*.leftnav ul.sub3 li.first{border-top:0px solid #aae4eb;}*/
.leftnav ul.sub3 li.first{border-top:0px solid #006699;}
/*.leftnav ul.sub3 li.first{border-top:0px solid #aae4eb;}*/
/*.leftnav ul.sub3 li a:hover {text-decoration:none; color:#a5dfe6;}*/
.leftnav ul.sub3 li a:hover {text-decoration:none; color:#006699;}
.leftnav ul.sub3 li a:link, .leftnav ul.sub li a:visited{color:#006699}
/*.leftnav ul.sub3 li a:link, .leftnav ul.sub li a:visited{color:#aae4eb}*/
.leftnav ul.sub3 li.selected {background-color:#78c2d5; font:bold 12px arial; color:#fff; *margin:0; *padding:8px 0 8px 10px;}
.leftnav ul.sub3 li.selected a:link, .leftnav ul.sub li.selected a:visited {color:#fff;}
.leftnav ul.sub3 li:hover.selected {background-color:#78c2d5;}
.leftnav ul.sub3 li:hover {background-color:#a6e1e8;}
.leftnav ul.sub3 .ssmenu {width:200px; margin:0 0 10px 0; *margin:0 0 10px -10px; _margin:10px 0 0 -10px; _background-color:#fff;}
.leftnav ul.sub3 .ssmenu ul {*margin-top:10px; *margin-left:0px; *background-color:#fff;}
.leftnav ul.sub3 .ssmenu ul li {padding:6px 0 6px 25px; margin:0; font:normal 12px arial; border:0px; *padding-left:20px; *width:180px; *padding-bottom:8px; _padding:0 10px 12px 10px; }
.leftnav ul.sub3 .ssmenu ul li:hover{background-color:#a6e1e8;}
.leftnav ul.sub3 .ssmenu ul li.selected2 {background-color:#fff; font:bold 12px arial; *margin-top:0px; _margin-top:0px; color:#006699;}
.leftnav ul.sub3 .ssmenu ul li.selected2:hover{*background-color:#fff;}
.leftnav ul.sub3 .ssmenu ul li.selected2 a:link, .leftnav ul.sub .ssmenu ul li a:link {color:#006699;}
.leftnav ul.sub3 .ssmenu ul li.selected2 a:visited, .leftnav ul.sub .ssmenu ul li a:visited {color:#006699;}
.leftnav ul.sub3 .ssmenu2 {padding:0 0 5px 0px; *padding-top:5px; background-color:#fff; width:200px; _width:180px; *width:150px;}
.leftnav ul.sub3 .ssmenu2 ul { *margin-top:10px; *margin-left:-10px; *background-color:#fff;}
.leftnav ul.sub3 .ssmenu2 ul li {font:normal 12px arial; padding-left:40px; _padding:10px 0 0 15px; *padding-left:10px;}
.leftnav ul.sub3 ul.sssmenu  {*margin-left:-20px; background-color:#fff;}
.leftnav ul.sub3 ul.sssmenu li {padding:5px 10px 5px 40px; *padding:5px 0 5px 30px; *width:170px}
.leftnav ul.sub3 ul.sssmenu li.hover {border:#ffcc00}
.leftnav ul.sub3 ul.sssmenu li.selected3 {font:bold 12px arial; background:url('../images/icon_navarrow.gif') no-repeat 18px;}

/*Semantic*/
.swtmain {float:left; width:750px; background:url('../images/bg_swtmain_01.jpg') no-repeat top right; margin:0 0 5px 0; padding:20px; *height:280px; _height:280px; min-height:280px;}
.swtmain h1 {font:normal 22px arial; padding:0 0 10px 0; color:#333;}
.swtmain h2 {font:normal 20px arial; padding:0 0 10px 0; color:#333;}
.swtimage {float:right; margin:0 10px 0 10px; background:url('../images/img_swt_01.png') no-repeat top right; width:119px; height:188px;}
.swtcnt {float:left; font:normal 14px arial; padding:0 0 10px 0; color:#555; width:570px;}
.swtcnt a:link, .swtcnt a:visited {text-decoration:none; border-bottom:1px dotted #666; color:#0071aa;}
.swtcnt a:hover {color:#222;}
.swtcnt p {margin:0 0 10px 0;}
.swtbody {float:left; margin:0 10px 5px 10px; padding:0px; font:normal 12px arial;color:#333; }
.swtbody h1 { font:bold 22px arial; color:#333; margin:10px 0 10px 0}
.swtbody h2 { font:bold 18px arial; color:#333; margin:10px 0 10px 0}
.swtbody ul, .swtbody ol {margin:10px 0 10px 10px; padding:0 0 0 0 /* used to be 20 0 20 0 */}
.swtbody ul li, .swtbody ol li {padding:0 0 0 10px; margin:0px 0 5px 20px}
.swtbody p {margin:10px 0 10px 15px}

header .container .row { width: 100% }
.container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.newsmdl {float:right; width:450px; border:1px solid #ccc; padding:10px; background:#f0f2f3 url('../images/bg_mdl_01.png') repeat-x top left;}
.newsmdl h2 {font:bold 14px arial;}
.newsmdl ul {margin:10px 0 0 20px; padding:0; font:normal 12px arial;}
.newsmdl ul li {padding:0 0 10px 0; margin:0; color:#555;}
.newsmdl a:link, .newsmdl a:visited {text-decoration:none; color:#0180c0;}
.newsmdl a:hover {text-decoration:underline; color:#444;}

.swtmdlcnt, .edtmdlcnt  {float:right; width:300px;}
.swtmodule, .edtmodule {border:1px solid #ccc; padding:10px; margin:0 10px 5px 0; font:normal 12px arial; color:#555; background:#f0f2f3 url('../images/bg_mdl_01.png') repeat-x top left; width:278px; _margin:0 0 5px 0;}
.swtmdlcnt, .edtmdlcnt, .psmdlcnt  {float:right; width:300px;}
.swtmodule, .edtmodule, .psmodule {border:1px solid #ccc; padding:10px; margin:0 10px 5px 0; font:normal 12px arial; color:#555; background:#f0f2f3 url('../images/bg_mdl_01.png') repeat-x top left; width:278px; _margin:0 0 5px 0;}
.swtmodule h2, .edtmodule h2, .psmodule h2 {font:bold 14px arial; padding:0 0 10px 0; color:#333;}
.swtmodule p, .edtmodule p, .psmodule p {margin:0 0 10px 0}
.swtmodule ul, .edtmodule ul, .psmodule ul {margin-left:20px; margin-bottom:15px}
.swtmodule ul ul, .edtmodule ul ul, .psmodule ul ul { margin-bottom: 0px; }
.swtmodule ul li, .edtmodule ul li, .psmodule ul li {line-height:1.7em;}
.swtmodule .docs, .edtmodule .docs, .psmodule .docs {float:right; margin: 30px 5px 0 5px;
padding-bottom:20px; background:url('../images/icon_docs_1.png') no-repeat top
left; width:62px; height:104px;}

/*Enterprise*/
.edtmain {
	background:url('../images/bg_edtmain_01.jpg') no-repeat top right;
	margin:0 0 5px 0;
	padding:20px;
	/* height:280px; */
	display: grid;
	grid-template-columns: 1fr 120px;
	grid-template-rows: 32px 1fr 1fr;
}
.edtmain small {
	display: flex;
	grid-column-start: 1;
	grid-column-end: 1;
}
.edtmain .edtcnt {
	grid-column-start: 1;
	grid-column-end: 1;
}
.edtmain .edtimage {
    grid-column-start: 2;
    grid-row-start: 1;
    grid-row-end: 4;
}
.edtmain .downloadbtn {
	grid-column-start: 1;
    grid-row-start: 3;
    justify-self: center;
}

.edtmain h1 {font:normal 22px arial; padding:0 0 10px 0; color:#333;}
.edtmain h2 {font:normal 20px arial; padding:0 0 10px 0; color:#333;}
.edtimage{/* float:right; *//* margin:0 10px 0 10px; */background:url('../images/img_edt_01.png') no-repeat top right;width:119px;/* height:188px; */}
.edtcnt {float:left;font:normal 14px arial;padding:0 0 10px 0;color:#555;/* width:570px; */}
.edtcnt a:link, .edtcnt  a:visited {text-decoration:none; border-bottom:1px dotted #666; color:#0071aa;}
.edtcnt a:hover {color:#222;}
.edtcnt p {margin:0 0 10px 0;}
.edtbody {float:left;/* width:100%; */margin:0 10px 5px 10px;padding:0px;font:normal 12px arial;color:#333;}
.edtbody h1 { font:bold 22px arial; color:#333; margin:10px 0 10px 0}
.edtbody h2 { font:bold 18px arial; color:#333; margin:10px 0 10px 0}
.edtbody ul, .edtbody ol {margin:10px 0 10px 10px; padding:0 0 0 0 /* used to be 20 0 20 0 */}
.edtbody ul li, .edtbody ol li {padding:0 0 0 10px; margin:0px 0 5px 20px}
.edtbody p {margin:10px 0 10px 15px}

/*Professional Services*/

.psmain {float:left; margin:0 0 5px 0; padding:20px; min-height:280px;}
.psmain h2 {font:normal 20px arial; padding:0 0 10px 0; color:#333;}
.psimage {float:right; margin:0 10px 0 10px; background:url('../images/img_swt_01.png') no-repeat top right; width:119px; height:188px;}
.pscnt {float:left; font:normal 14px arial; padding:0 0 10px 0; color:#555; width:375px;}
.pscnt a:link, .swtcnt a:visited {text-decoration:none; border-bottom:1px dotted #666; color:#0071aa;}
.pscnt a:hover {color:#222;}
.pscnt p {margin:0 0 10px 0;}
.pscnt ul li, .swtbody ol li {padding:0 0 0 10px; margin:0px 0 5px 20px}
.pscnt ul {margin:10px 0 10px 10px; padding:20 0 20 0 /* used to be 20 0 20 0 */}
.pscnt2 {float:left; font:normal 14px arial; padding:0 0 10px 0; color:#555;}
.pscnt2 a:link, .swtcnt a:visited {text-decoration:none; border-bottom:1px dotted #666; color:#0071aa;}
.pscnt2 a:hover {color:#222;}
.pscnt2 p {margin:0 0 10px 0;}
.pscnt2 ul li, .swtbody ol li {padding:0 0 0 10px; margin:0px 0 5px 20px}
.pscnt2 ul {margin:10px 0 10px 10px; padding:20 0 20 0 /* used to be 20 0 20 0 */}
.psbody {float:left; width:740px; margin:0 10px 5px 10px; padding:0px; font:normal 12px arial;color:#333; }
.psbody h1 { font:bold 22px arial; color:#333; margin:10px 0 10px 0}
.psbody h2 { font:bold 18px arial; color:#333; margin:10px 0 10px 0}
.psbody ul, .swtbody ol {margin:10px 0 10px 10px; padding:0 0 0 0 /* used to be 20 0 20 0 */}
.psbody ul li, .swtbody ol li {padding:0 0 0 10px; margin:0px 0 5px 20px}
.psbody p {margin:10px 0 10px 15px}

/*Download*/
.downloadbtn {background:url('../images/btn_dwnld_01.png') no-repeat bottom right;width:276px;height:93px;color:#fff;text-align:center;/* margin: 10px 0 0 25%; */_margin:10px 0 0 120px;/* float:left; */padding:0;}
.downloadbtn .dl {padding:13px 25px 10px 25px; margin:5px 0 0 0;}
.downloadbtn .dl h3 {font:bold 18px arial; margin:0 5px 3px 5px; padding:0;}
.downloadbtn .dl p {font:normal 12px arial; }
.downloadbtn a:link, .downloadbtn a:visited {text-decoration:none; color:#fff}

.containerbody {float:left; width:740px; margin:0 10px 5px 10px; padding:0px; font:normal 12px arial;color:#333; }
.containerbody a:link, .containerbody a:visited, .containerbody a:active{text-decoration:none; color:#0180c0;}
.containerbody a:hover {text-decoration:underline; color:#444;}
.containerbody h1 { font:bold 22px arial; color:#333; margin:10px 0 10px 0}
.containerbody h2 { font:bold 20px arial; margin:10px 0 10px 0; color:#444;}
.containerbody h3 { font:bold 15px arial; margin:10px 0 10px 0; color:#444;}
.containerbody h4 {font:bold 14px arial; margin:10px 0 10px 0; color:#444;}
.containerbody ul, .containerbody ol {margin:10px 0 10px 10px; padding:10px 0 20px 0}
.containerbody ul li, .containerbody ol li {padding:0 0 0 10px; margin:0px 0 5px 20px}

/*Footer*/
#ft {background-color:#fff;font:normal 11px verdana;text-align:left;width: calc(100% - 20px);margin:auto !important;clear:both;padding:10px;margin:0;color:#666;line-height:14px;text-align:center;max-width:1000px; }

/* Sliders */ 
.swtsliderbody { width:100%; background-color:#C8E7ED; }
.swtsliderbody2 { width:100%; background-color:#FCFEFF; }
.edtsliderbody { width: 100%; background-color:#B9DC91; } /* CFF1A8 */

/* workaround for shifting bug when scrollbar appears/disappears */
html { min-height:100%; margin-bottom: 1px; height:100%}

pre, #example {
   margin:0 0 10px 0;
   line-height: 1.3;
   background-color: #C8E7ED;
   font-size: 120%;
   overflow: auto;
   overflow-x: auto;  /* for IE, but it doesn't work for me */
}

dd { margin:0 0 5px 25px; }

.blankTargetImage {
  padding-left: 0.3em;
}

.accordianIndicator {
  padding-left: 0.3em;
  padding-bottom: 0.1em;
}



/* First Semantic Technologies table */
#box-table-swta
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 15px;
	width: 550px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-swta th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #7cc0d5;
	border-top: 4px solid #bbe7f2;
	border-bottom: 1px solid #fff;
	color: #039;
}
#box-table-swta td
{
	padding: 8px;
	background: #d7eef4; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#box-table-swta tr:hover td
{
	background: #aae4eb;
	color: #339;
}

/* second  Semantic Technologies table */

#box-table-swtb
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 15px;
	width: 700px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-swtb th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #7cc0d5;
	border-top: 4px solid #bbe7f2;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #9baff1;
	border-left: 1px solid #9baff1;
	color: #039;
}
#box-table-swtb td
{
	padding: 8px;
	background: #d7eef4; 
	border-bottom: 1px solid #fff;
	border-right: 1px solid #aabcfe;
	border-left: 1px solid #aabcfe;
	color: #669;
	border-top: 1px solid transparent;
}
#box-table-swtb tr:hover td
{
	background: #aae4eb;
	color: #339;
}

/*------------------------*/

#box-table-swtc
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 15px;
	width: 700px;
	text-align: left;
	border-collapse: collapse;
	border-top: 4px solid #bbe7f2;
	border-bottom: 2px solid #fff;
}
#box-table-swtc th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #7cc0d5;
	border-right: 1px solid #9baff1;
	border-left: 1px solid #9baff1;
	color: #039;
}
#box-table-swtc td
{
	padding: 8px;
	background: #d7eef4; 
	border-bottom: 1px solid #fff;
	border-right: 1px solid #aabcfe;
	border-left: 1px solid #aabcfe;
	color: #669;
}
/*------------------------*/

#box-table-swtd
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 15px;
	width: 300px;
	text-align: left;
	border-collapse: collapse;
	border-top: 4px solid #bbe7f2;
	border-bottom: 2px solid #fff;
}
#box-table-swtd th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #7cc0d5;
	border-right: 1px solid #9baff1;
	border-left: 1px solid #9baff1;
	color: #039;
}
#box-table-swtd td
{
	padding: 8px;
	background: #d7eef4; 
	border-bottom: 1px solid #fff;
	border-right: 1px solid #aabcfe;
	border-left: 1px solid #aabcfe;
	color: #669;
}

/* ---------------------------- */
#box-table-swte
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 15px;
	width: 550px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-swte th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #7cc0d5;
	border-top: 4px solid #bbe7f2;
	border-bottom: 1px solid #fff;
	color: #039;
}
#box-table-swte td
{
	padding: 8px;
	background: #d7eef4; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}



/* First Enterprise Development table */

#box-table-edta
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 15px;
	width: 550px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-edta th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #87b658;
	border-top: 4px solid #dee9be;
	border-bottom: 1px solid #fff;
	color: #039;
}
#box-table-edta td
{
	padding: 8px;
	background: #d8e7b0;
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
/* used to stripe table entries to make them stand out
** for example, see the acache downloads */
#box-table-edta td.alt
{
	padding: 8px;
	background: #d8e7e0;
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#box-table-edta tr:hover td
{
	background: #85b758;
	color: #339;
}

a[target="_blank"]:after {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=");
    margin: 0 0 0 2px;
}

/* remove the "offsite" adornment for these solitary icons */
/* Thanks, Tade! */
a[target="_blank"].icon1:after { content: none }
a[target="_blank"].icon2:after { content: none }
a[target="_blank"].icon3:after { content: none }
a[target="_blank"].icon4:after { content: none }
a[target="_blank"].icon5:after { content: none }

a[target="_blank"].nooffsiteadorn:after { content: none }
a[target="_blank"].more:after { content: none }

@media (width <= 750px) {
	.edtimage { display: none }
	.edtmain {
		grid-template-columns: 1fr;
		grid-template-rows: 52px 1fr 1fr;
	}
}

#burger-button { display: none; }
@media (width <= 600px) {
	.downloadbtn {
		width: 200px; 
	}
}

@media (width <= 600px) {
	#content2 {
		grid-template-columns: 100%;
	}
    .srchcntr { display:none }
    .nav { display:none }
    .leftnav { display:none }
    #burger-button { display: block; }

    img { max-width: 100%; height: auto; }

    body {
	font-size: 16px;
    }
    .small {
	font-size: 12px; /* 75% of the baseline */
    }
    .large {
	font-size: 20px; /* 125% of the baseline */
    }
    ol li {
/* might be able to go lower, but this seems like a nice mobile default */
	padding: 6px;
    }
}