a.ws2017 {}
p.ws2017 {margin:0px 0px 10px 0px}
b.ws2017 {}
h1.ws2017 {}
h2.ws2017 {}
h3.ws2017 {}
ul.ws2017 {}
li.ws2017 {}
hr.ws2017 {}
div.ws2017 {}
table.ws2017 {}
tr.ws2017 {}
td.ws2017 {}
span.ws2017_hyperlink {text-decoration:underline;cursor:pointer;}
span.hyperlink:hover	{}

/* Wrapper around page header */
#PageHeaderWrapper {float:left;width:100%;background:linear-gradient(#f6f6f6,#ebebeb);padding:0px 0px 0px 0px;margin:0px 0px 0px 0px}

/* company name */
#HeaderCompanyName {float:left;font-weight:normal;margin:0px 0px 5px 5px}

/* Divs for sections in landing pages */
div.LandingPageSectionDefault {width:100%;padding:0px 5px 0px 5px}
div.LandingPageSection25pcnt {width:100%;padding:0px 5px 0px 5px}
div.LandingPageSection33pcnt {width:100%;padding:0px 5px 0px 5px}
div.LandingPageSection40pcnt {width:100%;padding:0px 5px 0px 5px}
div.LandingPageSection50pcnt {width:100%;padding:0px 5px 0px 5px}
div.LandingPageSection60pcnt {width:100%;padding:0px 5px 0px 5px}
div.LandingPageSection66pcnt {width:100%;padding:0px 5px 0px 5px}
div.LandingPageSection75pcnt {width:100%;padding:0px 5px 0px 5px}
div.LandingPageSection100pcnt {width:100%;padding:0px 5px 0px 5px}
div.LandingPageSectionVideo40 {width:100%;padding:0px 5px 0px 5px}
div.LandingPageSectionVideo50 {width:100%;padding:0px 5px 0px 5px}
div.LandingPageSectionVideo60 {width:100%;padding:0px 5px 0px 5px}
div.LandingPageSectionVideo66 {width:100%;padding:0px 5px 0px 5px}
div.LandingPageSectionVideo100 {width:100%;padding:0px 5px 0px 5px}

/* div surrounding a feature.  This is the benefit with the bulleted list of features.
This class is used in the Description1 field in the Aspect Support Feature 2017 table 
This style puts a margin above the feature description.
*/
div.ws_2017_feature {margin:10px 0px 10px 0px}

img.ws2017 {width:100%;max-width:640px}
video.ws2017 {width:100%;max-width:640px}

/* div surrounding the entire menu, including the primary menu options */
#primarypagemenu {display:none;width:100%;float:none;margin:60px 0px 20px 10px}

/* div surrounding primary menu items.  The submenu is displayed when the mouse hovers over this element */
div.primarymenuitemcontainer {clear:both;width:auto;margin:0px 0px 10px 0px}

/* surrounds the primary menu item.  This replaces the a tag when there is a sub-menu */
span.primarymenuitem1 {color:black;font-size:1.0em;}
span.primarymenuitem2 {color:black;font-size:1.7em;margin:0px 0px 0px 0px}

/* a tags used for the primary menu items */
a.primarymenuitem:link {color:black;text-decoration:none;font-size:1.7em;}
a.primarymenuitem:visited {color:black;text-decoration:none;font-size:1.7em;}
a.primarymenuitem:hover {color:black;text-decoration:none;font-size:1.7em;}
a.primarymenuitem:active {color:black;text-decoration:none;font-size:1.7em;}

/* div surrounding the secondary menu */
div.secondarymenu1itemcontainer {display:none;position:relative;background-color:white;padding:0px 0px 0px 10px;margin:10px 0px 0px 0px;border:none;z-index:99}
div.secondarymenu2itemcontainer {display:none;position:relative;background-color:white;padding:0px 0px 0px 10px;margin:10px 0px 0px 0px;border:none;z-index:99}

/* ul used for menu items in the secondary menu */
ul.secondarymenu {margin:15px 0px 0px 0px}
ul.secondarymenu li {list-style:none;margin:10px 0px 0px 0px}

/* a tags used for the secondary menu items */
a.submenuitem:link {color:black;text-decoration:none;font-size:1.7em;}
a.submenuitem:visited {color:black;text-decoration:none;font-size:1.7em;}
a.submenuitem:hover {color:black;text-decoration:none;font-size:1.7em;}
a.submenuitem:active {color:black;text-decoration:none;font-size:1.7em;}

/* menu icon */
span.menuicon {display:block;margin:0px;padding:18;line-height:36px;background:url("http://aspectserver.com/images/ic_menu_black_18dp_2x.png") no-repeat left;}

@media only screen and (min-width:1281px) {
}

/************** [2] Screen width >=320px **************/
@media only screen and (min-width:320px) {
}

/************** [3] Screen width >=519px **************/
@media only screen and (min-width:519px) {
	/* Make 25% sectino headers 50% */
	div.LandingPageSection25pcnt {width:50%;padding:0px 5px 0px 5px}
}

/************** [4] Screen width >=759px **************/
@media only screen and (min-width:840px) {
	span.menuicon {display:none;margin:0px;padding:12;line-height:24px;background:url("http://aspectserver.com/images/ic_menu_black_24dp_1x.png") no-repeat left;}

	/* note: the large right margin here is to allow room for the sub-menu to be displayed */
	#primarypagemenu {display:block;width:auto;float:right;border:none;margin:5px 80px 0px 0px}

	/* div surrounding primary menu items.  The submenu is displayed when the mouse hovers over this element */
	div.primarymenuitemcontainer {clear:none;float:left;padding:0px 0px 0px 20px;margin:0px}

	/* div surrounding the secondary menu */
	div.secondarymenu1itemcontainer {display:none;position:absolute;z-index:2;background-color:white;padding:0px 20px 10px 10px;margin:0px;border:solid 1px black;z-index:99}
	div.secondarymenu2itemcontainer {display:none;position:absolute;z-index:2;background-color:white;padding:0px;margin:0px;border:none;z-index:99}

	/* ul used for menu items in the secondary menu */
	ul.secondarymenu {padding:0px;margin:0px}
	ul.secondarymenu li {list-style:none;margin:5px 0px 0px 0px}

	/* surrounds the primary menu item.  This replaces the a tag when there is a sub-menu */
	span.primarymenuitem1 {color:white;font-size:1.0em}
	span.primarymenuitem2 {color:white;font-size:1.7em;margin:0px 0px 0px 0px}

	/* a tags used for the primary menu items */
	a.primarymenuitem:link {color:white;font-size:1.7em;}
	a.primarymenuitem:visited {color:white;font-size:1.7em;}
	a.primarymenuitem:hover {color:white;font-size:1.7em;}
	a.primarymenuitem:active {color:white;font-size:1.7em;}

	/* a tags used for the secondary menu items */
	a.submenuitem:link {font-size:1.7em;}
	a.submenuitem:visited {font-size:1.7em;}
	a.submenuitem:hover {font-size:1.7em;}
	a.submenuitem:active {font-size:1.7em;}
}

/************** [5] Screen width >=1025px **************/
/*
Note: Don't change the font size of a div here because using em will cause 
the font size of the div to increase and then the p tag will also increase 
if included inside the div.
*/
@media only screen and (min-width:1025px) {
	p.ws2017 {font-size:1.1em}
	span.ws2017_hyperlink {font-size:1.1em}

	/* Divs for sections in landing pages */
	div.LandingPageSectionDefault {width:100%;padding:0px 5px 0px 5px}
	div.LandingPageSection25pcnt {width:25%;padding:0px 5px 0px 5px}
	div.LandingPageSection33pcnt {width:33.33%;padding:0px 5px 0px 5px}
	div.LandingPageSection40pcnt {width:40%;padding:0px 5px 0px 5px}
	div.LandingPageSection50pcnt {width:50%;padding:0px 5px 0px 5px}
	div.LandingPageSection60pcnt {width:60%;padding:0px 5px 0px 5px}
	div.LandingPageSection66pcnt {width:66.66%;padding:0px 5px 0px 5px}
	div.LandingPageSection75pcnt {width:75%;padding:0px 5px 0px 5px}
	div.LandingPageSection100pcnt {width:100%;padding:0px 5px 0px 5px}
	div.LandingPageSectionVideo40 {width:40%;padding:0px 5px 0px 5px}
	div.LandingPageSectionVideo50 {width:50%;padding:0px 5px 0px 5px}
	div.LandingPageSectionVideo60 {width:50%;padding:0px 5px 0px 5px}
	div.LandingPageSectionVideo66 {width:66.66%;padding:0px 5px 0px 5px}
	div.LandingPageSectionVideo100 {width:100%;padding:0px 5px 0px 5px}
}

/************** [5] Screen width >=1281px **************/
@media only screen and (min-width:1281px) {
}