/* Worksmart.net public website stylesheet
   (c) 2007 Designlinks International Limited.
   Created by Richard Chiswell. 20 June-9 July 2007 */

body {
 margin: 0px 0px 0px 0px;
 background-color: #a5a5a5;
 color:#000000;
 text-align: center;
}
body,td,tr,table {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
}
a:link,a:visited,a:hover,a:active {
 color:blue;
}
img {
 border:none;
}
.centerpage {
 width:770px;
 margin-left:auto;
 margin-right:auto;
 margin-top:0px;
 margin-bottom:0px;
 padding:0px 0px 0px 0px;
 text-align: left;
}

.maincontent,ul,li {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
}

.topmenu {
 display:block;
 vertical-align:bottom;
 position:absolute;
 top:0px;
 padding:30px 4px 4px 4px;
 height:40px;
 border:1px solid #dddddd;
 border-bottom:7px solid #a5a5a5;
 width:770px;
 background:#ffffff;
 color:#000000;
}

.topmenuseperator {
 display:block;
 width:770px;
 padding:0px 5px 0px 4px;
 position:absolute;
 top:81px;
 background:#dddddd;
 height:21px;
 border-top:1px solid #ffffff;
}

.mainbody {
 border:1px solid #dddddd;
 border-top:2px solid #ffffff;
 display:block;
 padding:50px 4px 4px 4px;
 margin-top:83px;
 width:770px;
 background:#ffffff;
 color:#000000;
 clear:both;
 min-height:400px;
}

.mainbody .leaderimage {
 float:right;
 padding:0.5em 1em 0.5em 1em;
}

.mainbody .sidemenu {
 display:block;
 width:215px;
 overflow:hidden;
 float:left; 
}
.mainbody .maincontent {
 margin-top:5px;
 display:block;
 padding-left:215px;
}
.topmenu .moreinfo {
 display:block;
 position:absolute;
 top:0.5em;
 right:0.5em;
 font-size:90%;
 text-transform:uppercase;
}
.topmenu .moreinfo a {
 color:black;
 text-decoration:none;
}
.topmenu .moreinfo a:hover {
 color:blue;
 text-decoration:underline;
}
.maincontent h1, .maincontent h2, .maincontent h3, .maincontent dl {
 margin:0px 0px 1em 0px;
 padding:0px 0px 0px 0px;
}
.maincontent h1 {
 font-size: 170%;
 font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
 font-weight:bold;
 color:#cc0000; 
 margin-bottom:0px;
}
.maincontent h2 {
 font-size: 100%;
 font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
 font-weight:bold;
 color:#cc0000;
}
.maincontent h3,.maincontent p.openingparagraph {
 margin-top:0px;
 font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
 font-size:115%;
 color:#555555;
 font-weight:normal;
}
.highlights h2 {
 color:#cc0000;
 font-size: 105%;
 font-family:Verdana,Arial,Helvetica,sans-serif;
}
.highlights ul {
 list-style-type:none;
 padding:0px;
 margin:0px;
}
.highlights ul li {
 padding:0.25em;
 margin-left:1em;
 background-image:url(http://www.worksmart.net/images/ul_colon.gif);
 background-repeat:no-repeat;
 background-position:0em 0.4em;
 padding-left:12px;
 padding-bottom:1em;
 
}
.highlights dl dt {
 font-weight:bold;
 background-image:url(http://www.worksmart.net/images/ul_colon.gif);
 padding:0.25em;
 padding-left:12px;
 margin-left:0px;
 background-repeat:no-repeat;
 background-position:0em 0.4em;
}
.highlights dl dd {
 margin-bottom: 1em;
 margin-left:1em;
}
.highlights a {
 color:#0000ff;
}
.highlights a:hover {
 color:#000000;
}
.scenarios {
 margin-top:3em;
 margin-right:1em;
 margin-left:1em;
 text-align:left;
 width:184px;
 background:#f3f9ff;
 border:1px solid #7693c9;
 float:right;
 display:inline;
 clear:right;
}
.scenarios h2 {
 text-align:center;
 font-size:110%;
 padding-top:0.5em;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}
.scenarios ul li {
 padding-bottom:0.5em;
}
.topmenu .logo a {
 display:block;
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
 height:36px;
 width:217px;
}
.topmenu logo a img {
 height:36px;
 width:217px;
 border:0;
}
#topmenunav {
 position:absolute;
 top:30px;
 margin-top:25px;
 height:1.5em;
 margin-left:250px; /* leave space for logo */
 width:530px;
 list-style:none;
 text-align:center;
 text-transform: uppercase;
}
#topmenunav img {
 padding-right:0.35em;
}
#topmenunav ul li ul {
 text-transform:none;
}
#topmenunav ul {
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
 list-style:none;
 float:left;
 text-align:center;
}
#topmenunav a {
 display:block;
 overflow:hidden;
 text-decoration:none;
 color:#555555;
 text-align:center;
 padding-left:1em;
 padding-right:1em;
}
#topmenunav ul ul a {
 font-weight:normal;
}
#topmenunav li#topmenuselected {
 
}
#topmenunav li#topmenuselected ul li a {

}
#topmenunav li#topmenuselected ul li {
 font-weight:normal;
 color:#000000;
}
#topmenunav li.first {
margin-left:0em;
 border-left:1px solid #000000;
}
#topmenunav a:hover {
 background:#bddb8c;
 color:#000000;
}
#topmenunav li {
 position:relative;
 background:#ffffff;
}
#topmenunav ul li {
 border-right:1px solid #000000;
 border-left:1px solid #000000;
 margin-left:-1px;
}
#topmenunav li a.hassub {
 background-image: url(http://www.worksmart.net/images/arrow.gif);
 background-repeat: no-repeat;
 background-position:center right;
}
#topmenunav ul ul {
 position:absolute;
 z-index:500;
 width:10em;
}
#topmenunav ul ul ul {
 position:absolute;
 top:-3px;
 left:100%;
}
#topmenunav ul ul li,#topmenunav ul ul ul li {
 border-right:none;
 border-left:none;
}
#topmenunav ul ul,#topmenunav ul ul ul {
 display:block;
 background:#ffffff;
 padding:2px 2px 2px 2px;
 border:1px solid #000000;
}
#topemenunav ul ul {

}
#topmenunav ul ul ul {
 width:15em;
}
#topmenunav ul ul a,#topmenunav ul ul ul a {
 display:block;
 background:#ececf0;
 margin-bottom:2px;
 padding:2px 2px 2px 2px;
 text-decoration:none;
 color:#000000;
 text-align:left;
 border-right:none;
}

div#topmenunav ul ul,div#topmenunav ul li:hover ul ul,div#topmenunav ul ul li:hover ul ul,
                     div#topmenunav ul li.ieHoverClass ul ul,div#topmenunav ul ul li.ieHoverClass ul ul {
 display:none;
}
div#topmenunav ul li:hover ul,div#topmenunav ul ul li:hover ul,div#topmenunav ul ul ul li:hover ul,
div#topmenunav ul li.ieHoverClass ul,div#topmenunav ul ul li.ieHoverClass ul,div#topmenunav ul ul ul li.ieHoverClass ul {
 display:block;
}

.sidemenu {
 padding:0px 0px 0px 0px;
 margin:12px 0px 0px 0px;
}
.sidemenu ul {
 margin:0px;
 padding-left:1em;
 list-style-type:none;
}
.sidemenu ul li {
 background-image:url(http://www.worksmart.net/images/light_block.gif);
 background-repeat:no-repeat;
 background-position:0px 7px;
 padding-left:2em;
}
.sidemenu ul li ul,.sidemenu ul li ul li ul {
 padding-top:0px;
 padding-top:0px;
 padding-bottom:0px;
 padding-left:0em;
 list-style-type:none;
}
.sidemenu ul li ul li {
 background-image:url(http://www.worksmart.net/images/light_block1.gif);
 background-repeat:no-repeat;
 margin-left:-1em;
}
.sidemenu ul li ul li ul li {
 background-image:url(http://www.worksmart.net/images/light_block2.gif);
 background-repeat:no-repeat;
}
.sidemenu li {
 padding-top:0.35em;
}
.sidemenu ul .selected_li {
 background-image:url(http://www.worksmart.net/images/dark_block.gif);
 background-position:0px 8px;
 background-repeat:no-repeat;
}
.sidemenu ul li .selected_li {
 background-image:url(http://www.worksmart.net/images/dark_block1.gif);
 background-position:0px 8px;
 background-repeat:no-repeat;
}
.sidemenu ul li .selected_a {
 font-weight:bold;
}
.sidemenu a,.sidemenu a:visited,.sidemenu a:hover,.sidemenu a:link.sidemenu a:active {
 text-decoration:none;
 color:black;
}
.sidemenu a:hover {
 text-decoration:underline;
 color:black;
}

.footerouter {
 margin-top:1px;
 width:780px;
 background:#dddddd;
 text-align:left;
 font-size:80%;
 color:#666666;
}
.footerinner {
 border:2px solid #ffffff;
 padding:1em 1em 1em 1em;

}
.footerinner li {
 color:#666666;
}
.footerinner a {
 color:#666666;
 text-decoration:none;
}
.footerinner a:hover {
 color:blue;
 text-decoration:underline;
}
.footerinner .aboutworksmart {
 position:relative;
 width:20em;
 float:left;
}
.footerinner .worksmartpolicies {
 margin-left:20em;
 margin-right:50em;
 top:0px;
}
.footerinner .aboutworksmart ul,.footerinner .worksmartpolicies ul {
 padding-left:1.5em;
 margin-left:0px;
}
.footerinner .aboutworksmart h4, .footerinner .worksmartpolicies h4 {
 font-size:100%;
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
}
.footerinner .aboutworksmart ul, .footerinner .worksmartpolicies ul {
 margin-top:0px;
}
.footerinner .copyright {
 width:50em;
 float:right;
 text-align:center;
}
/* Individual pages */

/* Customers listing page */
.customers ul {
 padding:0px;
 margin:0px;
}
.customers li {
 display:inline;
 margin:0px;
 padding:0px;
 text-align:center;
}
.customers ul li a img {
 display:inline;
 border:none;
 max-height:70px;
 padding:1em 0.5em 1em 0.5em;
}
.customers ul li span {
 display:none;
}

/* Become a partner */
#becomeapartner fieldset,#moreinfo fieldset {
 clear:both;
 border-top:1px solid #000000;
 margin-top:1em;
 margin-bottom:1em;
 background:#eeeeee;
}
#becomeapartner fieldset legend,#moreinfo fieldset legend {
 padding:0px 3px 4px 9px;
 margin-bottom:8px;
 font-weight:bold;
 background:#eeeeee;
 border:1px solid #000000;
 border-bottom:none;;
}
#becomeapartner label,#moreinfo label {
 display:block;
 float:left;
 width:13em;
 text-align:right;
 padding-right:0.5em;;
 clear:left;
}
#becomeapartner .partnerrequired label,#moreinfo .inforequired label {
 font-weight:bold;
}
#moreinfo .srv_submit,#becomeapartner .srv_submit {
 border:1px solid #000000;
 margin-top:1em;
 margin-left:1em;
 font-size:90%;
}
/* Front page Intro page */
.frontpage {
 display:block;
 margin-left:-219px;
 margin-right:-4px;
 margin-bottom:-4px;
 margin-top:-40px;
}
.frontpage .worksmartatwork {
 display:block;
 left:0px;
 top:0px;
 height:152px;
 padding-top:15px;
 padding-left:4em;
 margin-right:277px;
 min-height:160px;
}
.frontpage .worksmartatwork h2 {
 color:#333333;
 font-size:115%;
 font-weight:normal;
 text-transform:uppercase;
}
.frontpage .worksmartatwork p {
 display:block;
 padding-right:8em;
}
.frontpage .worksmartatwork p a {
 text-decoration:none;
}
.frontpage .freetrial {
 float:right;
 top:0px;
 padding-top:15px;
 height:152px;
 clear:both;
 border-left:1px dotted #dddddd;
 width:277px;
}
.frontpage .header {
 clear:both;
 border-bottom:1px solid #dddddd;
 background-image:url(http://www.worksmart.net/images/frontpagedesk.gif);
 background-color:#fafbfd;
 background-repeat:no-repeat;
 background-position:bottom left;
 padding-left:328px;
 padding-top:44px;
 padding-right:34px;
 margin-bottom:20px;
 min-height:250px;
}
.frontpage .header :hover {
 cursor:pointer;
}
.frontpage .header h1 {
 font-size:160%;
 font-weight:normal;
 color:#575555;
 line-height:125%;
}
.frontpage a.learnmore {
 display:block;
 font-size:110%;
 font-weight:bold;
 text-decoration:none;
 color:blue;
}
.frontpage h1 strong {
 font-weight:bolder;
 color:#000000;
}
.frontpage ul {
 list-style-type:none;
 padding:0px;
 margin:0px;
}
.frontpage ul li {
 font-size:120%;
 font-weight:normal;
 margin-left:1em;
 background-image:url(http://www.worksmart.net/images/frontpageblock.gif);
 background-repeat:no-repeat;
 background-position:0em 0.4em;
 padding-left:20px;
 padding-top:0.5em;
 padding-bottom:1em;
 padding-right:0.25em;
}
.frontpage #smaller ul li {
 padding-top:0.25em;
 padding-bottom:0;
}
.frontpage .logoscontainer {
 height:35px;
 overflow:hidden;
 width:350px;
}
.frontpage ul #logos {
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
}
.frontpage #logos li {
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
 text-align:center;
 background:#ffffff;
 display:block;
 width:350px;
}
.frontpage #logos li a {
 display:block;
 height:35px;
 width:350px;
}
.frontpage #logos span {
 display:none;
}
.frontpage #logos img {
 border:none;
}
/* Contact us page */
.contactuspage_addresses {
 border-bottom:dotted 1px #dddddd;
 display:block;
 width:100%;
 clear:both;
 padding-bottom:1em;
 margin-bottom:1em;
}
.contactuspage_addresses .usaddress,.contactuspage_addresses .emeaaddress {
 width:45%;
 display:inline;
}
.contactuspage_addresses .usaddress {
 float:left;
}
.contactuspage_addresses .usaddress address,.contactuspage_addresses .emeaaddress address {
 font-style:normal;
 }
.contactuspage_others {
 display:block;
 width:100%;
 clear:both;
 padding-bottom:1em;
}
.contactuspage_others .left,.contactuspage_others .right {
 width:45%;
 display:inline;
}
.contactuspage_others .left {
 float:left;
}
.contactuspage_others a {
 display:block;
 padding-bottom:1em;
}
/* trial page */
.trialpage {
 display:block;
 margin-left:-219px;
 margin-right:-4px;
 margin-bottom:-4px;
 margin-top:-20px;
 padding-left:25%;
 padding-right:25%;
 padding-top:2em;
}
.trialpage .trialform {
 padding-left:15%;
}
.trialform .srv_submit {
 border:1px solid #000000;
 margin-top:1em;
 margin-left:1em;
 font-size:90%;
}