@import url("interior.css");
@import url("menus.css");

/* 
  -----------------------------------
  Two Step Software 2006 Style Sheet (Master)
  Author: Justin Agoglia
  www.skylardesign.com
  -----------------------------------
*/

/* =Universal Styles 
  ----------------------------------- */
html, body {background: #858585 url(../images/bkgrd.gif); font: 100% Verdana, Arial, Helvetica, sans-serif; color: #333;}

#wrapShadow {margin: 0 auto; width: 836px; background: url(../images/shadowBkd.gif) repeat-y;}
#wrapper {margin: 0 auto; width: 800px; background-color: #FFF;}
#wrapperEmail {margin: 0; width: 680px; background-color: #FFF;}
#wrapShadowTraining {margin: 0 auto; width: 1000px; background: url(../images/shadowBkd.gif) repeat-y;}
#wrapperTraining {margin: 0; width: 1000px; background-color: #FFF;}

a:link, a:visited {color: #787878; text-decoration: none;}
a:active, a:hover {color: #3D6389; text-decoration: underline;}

a.nextsteps:visited {color: #444444; text-decoration: none; font-weight:bold;}
a.nextsteps:link {color: #444444; text-decoration: none; font-weight:bold;}
a.nextsteps:hover {color: #8a2529; text-decoration: none; font-weight:bold;}
a.nextsteps:active {color: #8a2529; text-decoration: none; font-weight:bold;}

a.nextstepssmallfont:visited {color: #444444; text-decoration: none; font-weight:bold;}
a.nextstepssmallfont:link {color: #444444; text-decoration: none; font-weight:bold;}
a.nextstepssmallfont:hover {color: #444444; text-decoration: none; font-weight:bold;}
a.nextstepssmallfont:active {color: #444444; text-decoration: none; font-weight:bold;}

a.nextstepshome:visited {color: #999999; text-decoration: none; font-weight:bold;}
a.nextstepshome:link {color: #999999; text-decoration: none; font-weight:bold;}
a.nextstepshome:hover {color: #333333; text-decoration: none; font-weight:bold;}
a.nextstepshome:active {color: #333333; text-decoration: none; font-weight:bold;}

a.nextstepsdemos:visited {color: #444444; text-decoration: none; font-weight:bold;}
a.nextstepsdemos:link {color: #444444; text-decoration: none; font-weight:bold;}
a.nextstepsdemos:hover {color: #8a2529; text-decoration: none; font-weight:bold;}
a.nextstepsdemos:active {color: #8a2529; text-decoration: none; font-weight:bold;}

a.demoproduct:visited {color: #444444; text-decoration: none; font-weight:bold;}
a.demoproduct:link {color: #444444; text-decoration: none; font-weight:bold;}
a.demoproduct:hover {color: #8a2529; text-decoration: none; font-weight:bold;}
a.demoproduct:active {color: #8a2529; text-decoration: none; font-weight:bold;}


h1, h2 {font-size: .75em; color: #8A2528; font-family: Arial, Helvetica, sans-serif;}
h3 {font-size: .7em; color: #3D5371}
h5 {font-size: .75em; color: #8A2528; font-family: Arial, Helvetica, sans-serif;}


* {margin: 0; padding: 0;}

.clear {clear: both; height: 0; line-height: 0.0; font-size: 0;}

/* =Masthead Styles
---------------------------------- */
#masthead {height: 35px; background: url(../images/mastheadBkg.jpg) repeat-x; padding-top: 25px;}
#masthead-login {height: 20px; background: url(../images/formatting/spacer.gif) repeat-x; padding-top: 25px;}
#logo {float: left; width: 146px; margin-left: 40px;}
#logoTraining {float: left; width: 146px; height: 200px; margin-left: 40px;}
#logoEmail {float: left; width: 146px; margin-left: 18px;}
#topnav {float: right; font-size: .6em;}
#topnav ul {list-style: none; margin-right: 20px;}
#topnav li {float: left; background: url(../images/bullet-sm.gif) no-repeat 0px 5px; padding: 0 1.1em 0 1.2em;}
#topnav li.none { background-image: none;} /* Removes Left Bullet */

/* =Universal Nav Styles 
---------------------------------- */

#uniNav {float: left; width: 100%; background: url(../images/topLt-Corner2.jpg) no-repeat left top;height: 22px; z-index:1000; padding-top: 8px; position: relative;}

#uniNavDocViewer {float: left; width: 100%; background: url(../images/topLt-CornerWhite.jpg) no-repeat left top;height: 22px; z-index:1000; padding-top: 8px; position: relative;}

#uniNavLogin {float: left; width: 100%; z-index: 1000; height: 22px; padding-top: 8px; position: relative;}

/* =Image Styles
---------------------------------- */
#style {float: left; width: 100%; background: url(../images/two-step-software.jpg) no-repeat; height: 200px;}


/* =Content Styles
---------------------------------- */
#content {float: left; width: 100%;}
/* Main Area */
#content-main {float: right; width: 528px; padding-top: 15px;}
#content-main p, #content-main ul, #content-main ol {font-size: 0.7em; color: #666;}
#content-main-login {float: right; width: 528px; padding-top: 15px;} 
#content-main-login p, #content-main ul {font-size: 0.7em; color: #666;}


#content-main-table {float: right; width: 528px; padding-top: 15px;}
#content-main-table p, #content-main ul {font-size: 0.7em; color: #666;}


#content-main p.ef_table {font-family: arial, helvetica, sans-serif; font-size: 0.7em; line-height: 1.13em; color: #666; padding-left:3px; padding-top:3px; padding-right:2px;}

#content-main p.scrollcustomer {font-family: arial, helvetica, sans-serif; font-size: 0.75em; line-height: 1.15em; color: #1C5584;  padding-left:0px; padding-top:0px; padding-right:0px;}

#content-main p.body_table {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; line-height: 1.13em; color: #666; padding-left:5px; padding-top:4px; padding-right:3px;}

#content-main p.nextsteps {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; line-height: 0.7em; color: #666; padding-left:7px; padding-top:0px; padding-right:3px;}

#content-main p.nextstepstop {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; line-height: 0.7em; color: #666; padding-left:7px; padding-top:7px; padding-right:3px;}

#content-main p.demoproduct {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; line-height: 0.7em; color: #666; padding-left:7px; padding-top:0px; padding-right:3px;}

#content-main p.demoproducttop {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; line-height: 0.7em; color: #666; padding-left:7px; padding-top:7px; padding-right:3px;}


#content-main h2 {margin-bottom: .5em;	border-bottom: solid 1px #D1D1D1; padding-bottom: .6em;} /* Padding for Border  */
#content-main p, #content-main-C1 ul {margin-bottom: 1em; font-size: .7em; }
#content-main h3 {margin-bottom: 1.2em;}
#content-main h3 a, #content-main-C1 li a {color: #3D6389;}
#content-main h3 a:hover, #content-main-C1 li a:hover {color: #787878;}
#content-main h3 span {font-weight: normal; color: #666;} /* Unbolds the h3 element & color */
#content-main ul {list-style: none;}


#content-main-login h2 {margin-bottom: .5em; border-bottom: solid 1px #D1D1D1; padding-bottom: .6em; margin-right: 50px;} /* Padding for Border  */
#content-main-login p, #content-main-C1 ul {margin-bottom: 1em; font-size: .7em; }
#content-main-login h3 {margin-bottom: 1.2em;}
#content-main-login h3 a, #content-main-C1 li a {color: #3D6389;}
#content-main-login h3 a:hover, #content-main-C1 li a:hover {color: #787878;}
#content-main-login h3 span {font-weight: normal; color: #666;} /* Unbolds the h3 element & color */
#content-main-login ul {list-style: none;}


#content-Email {float: left; width: 100%;}
/* Main Area Email*/
#content-main-Email {float: left; width: 680px; padding-top: 5px;}
#content-main-Email p, #content-main-Email ul {font-size: 0.9em; color: #666;}
#content-main-Email h2 {margin-bottom: .5em; border-bottom: solid 1px #D1D1D1; padding-bottom: .6em;} /* Padding for Border  */
#content-main-Email p, #content-main-C1-Email ul {margin-bottom: 1em; font-size: .7em; }
#content-main-Email h3 {margin-bottom: 1.2em;}
#content-main-Email h3 a, #content-main-C1-Email li a {color: #3D6389;}
#content-main-Email h3 a:hover, #content-main-C1-Email li a:hover {color: #787878;}
#content-main-Email h3 span {font-weight: normal; color: #666;} /* Unbolds the h3 element & color */
#content-main-Email ul {list-style: none;}

#content-EmailTable {position: relative; width: 100%;}
/* Main Area Email Table*/
#content-main-EmailTable {float: left; width: 680px; padding-top: 5px;}
#content-main-EmailTable p, #content-main-EmailTable ul {font-size: 0.7em; color: #666; }
#content-main-EmailTable h2 {margin-bottom: .5em; border-bottom: solid 1px #D1D1D1; padding-bottom: .6em;} /* Padding for Border  */
#content-main-EmailTable p, #content-main-C1-EmailTable ul {margin-bottom: 1em; font-size: .9em; }
#content-main-EmailTable h3 {margin-bottom: 1.2em;}
#content-main-EmailTable h3 a, #content-main-C1-EmailTable li a {color: #3D6389;}
#content-main-EmailTable h3 a:hover, #content-main-C1-EmailTable li a:hover {color: #787878;}
#content-main-EmailTable h3 span {font-weight: normal; color: #666;} /* Unbolds the h3 element & color */
#content-main-EmailTable ul {list-style: none;}



/* =With Bullets
---------------------------------- */
#content-main ul li {background: none}
#content-main-C1, #content-main-C2  {width: 235px; padding-left: 1em;}
#content-main-C1 {float: left;}
#content-main-C2 {float: left;}
#content-main-C1-login {float: left;}
#content-main-C2-login {float: left;}


#content-main-Email ul li {background: none}
#content-main-C1-Email, #content-main-C2-Email  {width: 235px; padding-left: 1em;}
#content-main-C1-Email {float: left;}
#content-main-C2-Email {float: right;}

#content-main-EmailTable ul li {background: none}
#content-main-C1-EmailTable, #content-main-C2-EmailTable  {width: 235px; padding-left: 1em;}
#content-main-C1-EmailTable {float: left;}
#content-main-C2-EmailTable {float: right;}

/* Sidebar */
#content-side {float: left; width: 272px; background: url(../images/hmSidebar-Bkg.jpg) repeat-y;}
#content-side-home {float: left; width: 272px; background: url(../images/hmSidebar-Bkg.jpg) repeat-y;}
#content-sideLogin {float: left; width: 798px; background: url(../images/hmSidebar-Bkg.jpg) repeat-y;}

#content-side-Email {float: left; width: 0px;}

#content-sideInner {padding: 15px 0 0 30px;}
#content-sideInner-Email {padding: 0px 0 0 0px;}
#content-sideInner ul {list-style: none; width: 205px; padding-bottom: 1.3em; font: 0.75em Arial, Helvetica, sans-serif;}
#content-sideInnerHome ul {list-style: none; width: 205px; padding-bottom: 1.3em; font: 0.75em Arial, Helvetica, sans-serif;}

#content-sideInner h1 {width: 205px; border-bottom: 1px solid #FFF;	margin: 0; padding-bottom: 0.6em;}
#content-sideInner h5 {width: 205px; border-bottom: 0px solid #FFF;	margin: 0; padding-bottom: 0.6em;}


#content-sideInner h4 {margin: 10px 0 7px;}
#content-sideInner li {border-bottom: 1px solid #FFF; padding-bottom: 1.2em;}
#content-sideInner p {padding-left: .1em;}



/* =Footer Styles
---------------------------------- */
#footerEmail {float: left; width: 660px; border-top: solid 10px #E6E8E5; font-size: .55em; padding: 1.1em 0 1.1em 20px;}
#footer {float: left; width: 780px; border-top: solid 10px #E6E8E5; font-size: .55em; padding: 1.1em 0 1.1em 20px;}

#footer-login {float: left; width: 780px; border-top: solid 6px #E6E8E5; font-size: .55em; padding: .75em 0 1.1em 20px;}
#footer-login p {clear: left; margin-left: -4px; margin-top: -2px; color: #ffffff;}
#footer-login ul {float: left; list-style: none; padding-right: 120px;} /* Padding fixes Mozilla issue  */
#footer-login li {float: left; background: url(../images/bullet-sm.gif) no-repeat 0px 5px; padding: 0 1.1em 0 1.2em;}
#footer-login li.none { background-image: none;}

#footer ul {float: left; list-style: none; padding-right: 120px;} /* Padding fixes Mozilla issue  */
#footer li {float: left; background: url(../images/bullet-sm.gif) no-repeat 0px 5px; padding: 0 1.1em 0 1.2em;}
#footer li.none { background-image: none;}
#footer p {clear: left; padding-left: 10px; margin-top: -8px; color: #787878;}
#footerEmail p {clear: left; margin-left: -4px; margin-top: -2px; color: #787878;}