/* CSS Document */
* {
	margin:0;
	padding:0;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	}
img , fieldset {
	border:none;
	}
a {
	outline:none;
	text-decoration:none;
	color:#000;
	}
    
hr {
     color:red;
     border-style:solid;
}


html, body {height: 100%; width:100%; margin:0;padding:0;text-align:left;}
body {background:#dbdbdb url(images/new/bg2.jpg) repeat-x left top;}
.error_msg {color: #ff0000; font-size: 9px; font-weight: 300; margin-top: 1px; padding-top: 1px; line-height: 90%;}

A:link {color: #C10000; text-decoration:underline; font-size:24; font-weight:bold;}
A:visited {color: #C10000; text-decoration: underline; font-size:24; font-weight:bold;}
A:active {color: #FF0000; text-decoration:underline; font-size:24; font-weight:bold;}
A:hover {color: #FF0000; text-decoration:underline; font-size:24; font-weight:bold;} 

/* remove link decorations on logo */
.class1 A:link {text-decoration: none;}
.class1 A:visited {text-decoration: none;}
.class1 A:active {text-decoration: none;}
.class1 A:hover {text-decoration: none;}    
 /* Color links displayed within the faq answers */
.class2 A:link {color: #FFFFFF;}
.class2 A:visited {color: #FFFFFF;}
.class2 A:active {color: #FFFFFF;}
.class2 A:hover {color: #FFFFFF;}  
 /* remove link decoration on nav links - note: nav links use inline style tags to set link color */
.class3 A:link {color: #2E2E2E; text-decoration: none;}
.class3 A:visited {color: #2E2E2E; text-decoration: none;}
.class3 A:active {color: #ff0000; text-decoration: none;}
.class3 A:hover {color: #ff0000; text-decoration: none;}  
#header {
 /*  z-index: 4;
   position:fixed;
   top: 2px;
   left: 6%;
   width:93%;
   min-width:800px; */
   height:75px;
   overflow:hidden;
   padding:30px 20px 0;
   width:1105px;
   margin:0 auto;
}

#logo {
   position:relative;
   top:-13px;
   margin-bottom:0px;
   float:left;
   padding:0 45px 0 0;
}

#nav {
 /*  position:absolute;
   left:7px;
   font-family:arial;
   font-style:none;*/
   font-weight:300;
   font-size:14px; 
   float:left;
   background:url(images/new/nav1_left.jpg) no-repeat left top;
   height:32px;
   margin:6px 0 0;
}
#nav span {
   background:url(images/new/nav1_right.jpg) no-repeat right top;
   height:32px;
   display:block;
   padding:0 10px;
}
#nav a , #navright a{
	display:block;
	line-height:32px;
	color:#0a0b0b;
	float:left;
	padding:0 25px;
	font-weight:bold;
	background:url(images/new/sep1.jpg) no-repeat right 9px;
	}
#nav a.last, #navright a.last {
	background:none;
	}
#nav a:hover {
	color:#ff0000;
	}
#navright a:hover {
	color:#000;
	}
#navright {
 /*  position:absolute;
   top:2px;
   right:7px;
   font-family:arial;
   font-style:none; */
   font-weight:300;
   font-size:14px; 
   background:url(images/new/nav2_left.jpg) no-repeat left top;
   float:right;
   height:32px;
   margin:6px 0 0;
}
#navright span {
   background:url(images/new/nav2_right.jpg) no-repeat right top;
   height:32px;
   display:block;
   padding:0 10px;
   }
#navright a {
	background:url(images/new/sep2.jpg) no-repeat right 9px;
	color:#fff;
	padding:0 15px;
	}
#index_boxes {
	background:url(images/new/content_bg.jpg) no-repeat center top;
	overflow:hidden;
        width: 535px;
        height: 496px;
        margin: 0;
        padding: 0;
	}
/* used in span to format title text */
#bold {
   font-weight:600;
   font-style:italic;
   line-height:30px;
   text-decoration:underline;
}
/* big bold paragrapgh header */
#phead {
    font-family:Verdana, Lucida Sans Unicode, Geneva, sans-serif;
    font-style:normal;
    font-weight:800;
    font-size:24px;
    color:#383838;
    text-shadow: 0.03em 0.03em 0.04em #4A4A4A; 
    border:none;
 }
/* main body text used throughout website */ 
.ptext {
    font-style:normal;
    font-weight:200;
    font-size:14px;
    color:#6d6d6d;
    line-height:24px;
    text-align:center;
    display:block;
}

.spscript {
    font-weight:200;
    font-size:12px;
    vertical-align:text-top;
}

/* position screenshot collage on index page */
#mscreens {
    z-index:2;
    position:absolute;
    top: 140px;
    left:12%;
    margin-left:43%;
}
 
#faq_header {
    font-family:Verdana, Arial, Trebuchet MS, sans-serif;
    font-style:italic;
    font-weight:800;
    font-size:30px;
    color:#4A4A4A;
  /*  text-shadow: 1px 1px 2px #000000; */
    border:none;
}
/* provides scroll for faq content */
#faq_container2 {
    position:absolute;
    top:10px;
    padding-left:2px;
    left:8px;
    width:820px;
    height:580px;
    overflow:auto;
}
/* faq question */
#question {
    font-family:Verdana, Arial, Trebuchet MS, sans-serif;
    font-style:italic;
    font-weight:200;
    font-size:15px;
    color:#000000;
    text-shadow: 1px 1px 2px #4A4A4A;
    padding:10px;
    background-color:#AAAAAA;
 }
/* faq answer */
#answer {
    font-family:Verdana, Arial, Trebuchet MS, sans-serif;
    font-style:italic;
    font-weight:200;
    font-size:15px;
    color:#E6E6E6;
    text-shadow: 1px 1px 2px #000;
    padding:10px;
    background-color:#555555;
 }
/* this holds the boxcovers displayed on the right side of the index page */
#index_boxes {

}

.left_arrow {
    position: absolute;
    top:20px;
    left:2%;
}

.right_arrow {
    position: absolute;
    top:20px;
    right:2%;
}
/* Text displayed above blackboard graphic on index page */
#reasons {
    font-family:Verdana, Arial, Trebuchet MS, sans-serif;
    font-weight:600;
    font-size:20px;
    color:#313131;
    line-height:40px;
    padding-left:15px;
   /* text-shadow: 1px 1px 1px #000; */
}
/* positions demo and order buttons on index page */
#demo_order {
   padding:50px 0 0 0px; 
   width:224px;
   margin:0 auto;
 }
/* keeps demo and order buttons from touching */
.buttons {
   padding:3px;

}

.boxcovers {
   padding:2px;
   border:2px solid #dddddd;
   background-color:#fbfafa;
}
  
#apitext {
   position:absolute;
   top:315px;
   left:1150px;
   width:470px;
   text-align:center;
}

#footerbg {
/*   z-index: 3;
   position:fixed;
   bottom: 0;
   left: 0; */
   height:27px;
   width:100%;
   background:url(images/new/footer_bg.gif) repeat-x left top;
   position:fixed;
   bottom:0;
   left:0;
   
}

#date {
/*   z-index: 4;
   position: fixed;
   height: 25px;
   clear: both;
   bottom:0px;
   width:100%;
   font-family:verdana;
   font-style:none;
   font-weight:100; */
   font-size:11px;
   color:#686868;
   margin-left:40px;
   line-height:27px;
}

#menu_back {
  z-index:-1;
  position:absolute;
  top:52px;
  left:0px;
}

    
.centerDiv 
{
  text-align:center;
  margin-bottom:15px;
  font-size:18px;
  color:#000000;
}
    
#centerDivTxt 
{
    text-align:center;
    margin-left:0px;
    font-size:18px;
    color:#000000;
}   
 
 .centerDiv b {
    font-size:19px; 
    color:#FE3401;
    text-shadow: 0.03em 0.03em 0.04em #575757;
 
    }
    
.centerDiv i {
    font-size:22px;
    color:#FE3401;
    text-shadow: 0.03em 0.03em 0.04em #575757; 
    }
    
.content_bg {
	background:url(images/new/about_bg.jpg) no-repeat center top;
	overflow:hidden;
	padding:30px 0;
	}
    
.indexleftboxcontent h2 {
	text-align:center;
	font-size:26px;
	color:#050505;
	padding:0 0 15px;
	}
.index_box {
	background:url(images/new/boxR_middle.png) repeat-y left top;
	width:526px;
	margin:30px 0 10px;
	}
.index_box_b {
	background:url(images/new/boxR_bottom.png) no-repeat left bottom;
	padding:0 0 15px;
	}
.index_box_t {
	background:url(images/new/boxR_top.png) no-repeat left top;
	height:100%;
	overflow:hidden;
	padding:15px 20px 0;
	} 
.index_box h3 {
	font-size:25px;
	color:#fb0000;
    text-shadow: 0.03em 0.03em 0.04em #575757;
	}
    
.index_box ul {
	padding:20px 0 0 10px;
	list-style:none;
	}
    
.index_box li {
	list-style:none;
	background:url(images/new/bulltet.png) no-repeat left center;
	padding:9px 0 9px 30px;
	color:#2a2a2a;
	font-size:14px;
	font-weight:bold;
	}

.index_box b {
	color:#FB0000;
	font-size:14px;
	font-weight:bold;
 }
 
.redtexth2 {
	color:#FB0000;
	font-size:25px;
	font-weight:bold;
    text-shadow: 0.03em 0.03em 0.04em #575757;
 } 
    
.indexleftboxcontent small {
	font-size:12px;
	line-height:18px;
	color:#636363;
	display:block;
	text-align:center;
	}
#demo_order a {
	display:inline-block;
	float:left;
	margin:0 5px 0 0;
	height:27px;
	text-indent:-9999px;
	width:107px;
	}
	
.btn_seedemo {
	background:url(images/new/btn_seeDemo.gif) no-repeat left top;
	}
.btn_seedemo:hover {
	background:url(images/new/btn_seeDemo.gif) no-repeat left bottom;
	}
.btn_order {
	background:url(images/new/btn_order.gif) no-repeat left top;
	}
.btn_order:hover {
	background:url(images/new/btn_order.gif) no-repeat left bottom;
	}
.about_bg {
	background:url(images/new/about_bg.jpg) no-repeat center top;
	padding:40px 0;
	overflow:hidden;
	}
.pos_relative {
	position:relative;
	float:right;
	width:560px;
	}
 
    
.aboutleftbox h3 {
	font-size:25px;
	color:#ff0000;
    text-shadow: 0.03em 0.03em 0.04em #575757;
    margin-bottom:25px;
    }
    
.about_box {
	background:url(images/new/aboutbox_middle.png) repeat-y left top;
	width:560px;
	margin:5px 0 10px;
	}
    
.about_box_b {
	background:url(images/new/aboutbox_bottom.png) no-repeat left bottom;
	padding:0 0 15px;
	}
    
.about_box_t {
	background:url(images/new/aboutbox_top.png) no-repeat left top;
	height:100%;
	overflow:hidden;
	padding:20px 20px 0;
	}
    
.about_box_t hr {
     color:red;
     border-style:solid;
}
     
        
.aboutleftboxcontent h3 {
	font-size:16px;
	color:#2a2a2a;
	padding:0px 0;
    margin-bottom: 0px;
    padding-bottom: 0px;
	}
    
.aboutleftboxcontent ul {
	margin-left: 0;
    padding-left: 1.5em;
	}
    
        
.aboutleftboxcontent p {
	padding:10px 0;
	color:#2a2a2a;
	line-height:18px;
	}
    
.about_header_text {
    font-size:15px;
    font-weight:800;
	color:#2a2a2a;
	padding:0px 0 0 0;
    margin-bottom: 0px;
    border-style:solid;
    border:2px;
    }
        
.faq_bg {
	background:url(images/new/faq_bg.jpg) no-repeat center top;
	overflow:hidden;
	padding:30px 0;
	}
.faq_box_left {
	background:url(images/new/faq_box1.gif) no-repeat left top;
	width:505px;
	height:650px;
	float:left;
	padding:20px;
	}
.faq_box_right {
	background:url(images/new/faq_box2.gif) no-repeat left top;
	width:505px;
	height:650px;
	float:right;
	padding:20px;
	}
.faq_box_left h3 {
	font-size:25px;
	text-align:center;
    text-shadow: 0.04em 0.04em 0.06em #454545;
    
	color:#ff0000;
	padding:0 0 20px;
	}
.faq_box_left span {
	line-height:18px;
	color:#2a2a2a;
	display:block;
	font-size:12px;
    margin-left:20px;
    margin-top:15px;
	}
.faq_center dt {
	background:url(images/new/q.gif) no-repeat left 26px;
	padding:25px 0 10px 25px;
	display:block;
	font-size:14px;
	color:#2a2a2a;
	font-weight:bold;
	}
.faq_center dd {
	background:url(images/new/a.gif) no-repeat left 4px;
	padding:0 0 0 25px;
	display:block;
	font-size:12px;
	color:#2a2a2a;
	line-height:20px;
	}

    
.demo_bg {
	background:url(images/new/demo_bg.jpg) no-repeat center top;
	padding:65px 0 0;
	}
    
.top_text {
	color:#2a2a2a;
	display:block;
	font-size:12px;
	line-height:18px;
	padding:25px 0;
	text-align:center;
	}
    
    
.submit_demo, #orderright label input.submit_demo {
	background:url(images/new/submit.jpg) no-repeat left top;
	width:82px;
	height:33px;
	border:none;
	font-size:0;
	}
    
.demo_pitch_text {
	display:block;
    width:605px;
	color:#2a2a2a;
	font-size:15px;
	line-height:20px;
    margin-right:auto;
    margin-left:auto;

	}
    
.demo_pitch_text b {
	color:#2a2a2a;
	font-size:15px;
    font-weight:bold;
	}
    
.demo_link_text {
	color:#2a2a2a;
	display:block;
	font-size:12px;
	line-height:18px;
	text-align:left;
    padding:10px 0 0 0;
	}    
    
.order_pitch_text {
	display:block;
	color:#2a2a2a;
	font-size:18px;
	line-height:20px;
    text-align: center;
	padding:0 0 10px;
	}
    
.order_pitch_text b {
	color:#2a2a2a;
	font-size:18px;
    font-weight:bold;
	}
    
    
    
.top_text_order {
	display:block;
	color:#2a2a2a;
	font-size:12px;
	line-height:20px;
	padding:0 0 10px;
	}
#navright b {
	line-height:32px;
	}
.overview_box h3, .overview_box th {
	font-size:14px;
	color:#2a2a2a;
	padding:5px 0 25px;
	}
.overview_box th {
	padding:25px 0 5px;
	}
.overview_bg {
	background:url(images/new/overview_bg.jpg) no-repeat scroll center top;
	overflow:hidden;
	padding:60px 0 0;
	}
.select_skin {
	background:url(images/new/select.gif) no-repeat left top;
	display:block;
	width:188px;
	height:24px;
	padding:8px 10px 2px;
	}
.select_skin select {
	border:1px solid #fff;
	background:#fff none;
	color:#505050;
	font-size:14px;
	width:100%;
	font-weight:normal;
	}
.text_info {
	font-size:11px;
	color:#505050;
	font-family:Arial,Helvetica,sans-serif;
	padding:5px 0 0;
	display:block;
	}
.video_speed_list li {
	padding:4px 0 ;
	display:block;
	}
.video_speed_list input {
	float:left;
	}
.overview_box td {
	color:#505050;
	font-size:14px;
	color:#505050;
	}
.centered_text {
	text-align:center;
	padding:20px 0 40px;
	}
.select_report {
	background:url(images/new/select_report.gif) no-repeat left top;
	}
.report_form {
	padding:30px 0 0;
	text-align:center;
	}
.report_form th {
	padding:5px 0;
	text-align:center;
	}
.report_form h3 {
	font-size:14px;
	padding:0 0 10px;
	}
.report_form th a:hover {
	text-decoration:underline;
	}
.wsw_bg {
	background:url(images/new/wsp_bg.jpg) no-repeat left top;
	padding:65px 0 0;
	}
.wizard_bg {
	background:url(images/new/wsp_box.gif) no-repeat left top;
	width:865px;
	height:601px;
	margin:0 auto;
	padding:10px;
	position:relative;
	}
.wizard_bg h3 {
	font-size:18px;
	color:#0a0b0b;
	margin-left:5px;
        margin-top:20px;
	}
.create_new_profile {
	background:url(images/new/btn_create.png) no-repeat left top;
	width:161px;
	height:36px;
	position:relative;
        float:right;
        margin-right:0px;
        margin-top:10px;
	display:block;
	font-size:0;
	border:0;
	// left:350px;
	}
.wsw_step1 {
	// background:url(images/new/box_step1.gif) no-repeat left top;
	width:615px;
	height:auto;
	margin:0 auto;
	padding:15px;
	}
    
.wsw_steps_bg {
	background:url(images/new/about_bg.jpg) no-repeat center top;
    padding:45px 0 10px;
    }
          
.wsw_box {
	background:url(/images/new/wizbox_middle.png) repeat-y center top;
	width:645px;
	margin:5px 0 10px;
	}
    
.wsw_box_b {
	background:url(/images/new/wizbox_bottom.png) no-repeat center bottom;
	padding:0 0 15px;
	}
    
.wsw_box_t {
	background:url(/images/new/wizbox_top.png) no-repeat center top;
	height:100%;
	overflow:hidden;
	padding:20px 20px 0;
	}     
    
    
.wsw_step1 table {
	width:100%;
	}
    
    
/* Begin - step1 needed slight changes to classes in main.css and tools.css to support a scalable box background */

.wsw_step1_container {
    padding:0px 0 10px;
    width:645px;
    margin-left: auto ;
    margin-right: auto ;
    }
    
.wsw_step1_bg {
	background:url(images/new/about_bg.jpg) no-repeat center top;
    padding:45px 0 10px;
	}
  
.wsw_step1_fix table {
    position:relative;
    top:-5px;
	width:100%;
	}
    
.wsw_step1_fix td a {
	font-size:11px;
	color:#505050;
	}
    
.wsw_step1_fix th.wsw {
	padding:15px 15px 15px 0;
	text-align:right;
}
.wsw_step1_fix td input.steps_input {
	background:url(images/new/input_steps.gif) no-repeat left top;
	width:388px;
	height:24px;
	border:none;
	padding:5px 10px;
	color:#2a2a2a;
}
.wsw_step1_fix td {
	padding:6px 0;
}
.wsw_step1_fix textarea.wsw {
	background:url(images/new/textarea.gif) no-repeat left top;
	width:388px;
	height:64px;
	border:none;
	padding:10px;
	color:#2a2a2a;
	overflow:auto;
}
    
/* End -  step1 needed slight changes to classes in main.css and tools.css to support a scalable box background  */    
    
    
    
    
.wsw_step1 td a {
	font-size:11px;
	color:#505050;
	}
.td_bottom {
	background:#d6d6d6 url(images/new/td_bottom.gif) no-repeat left bottom;
	width:200px;
	}
.td_top {
	background:url(images/new/td_top.gif) no-repeat left top; 
	padding:10px;
	min-height:600px;
	}
.wsw_step2 {
	padding:0px;
	width:645px;
	background:url(images/new/box_step1_top.gif) no-repeat left top;
	height:auto;
	}
.wsw_step2_bottom {
	background:url(images/new/box_step1_bottom.gif) no-repeat left bottom;
	padding:15px 10px;
	}
.wsw_step2 p {
	text-align:left;
	font-weight:normal;
	font-size:11px;
	color:#7e7e7e;
	}
.demo_f_bg {
	background:url(images/new/demo_bgf.jpg) no-repeat center top;
	padding:45px 0;
	overflow:hidden;
	}
.demo_f_box {
	background:url(images/new/box_demof.gif) repeat-y right top;
	width:1146px;
	margin:0 auto;
	}
.demo_f_box_bottom {
	background:url(images/new/box_demof.gif) no-repeat -1146px bottom;
	}
.demo_f_box_top {
	background:url(images/new/box_demof.gif) no-repeat left top;
	height:100%;
	overflow:hidden;
	padding:25px;
	}





/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:RED;
    font-size: 16px;
    font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:95);
	KHTMLOpacity: 0.95;
	MozOpacity: 0.95;
	opacity: 0.95;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(/images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(/images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #891254;
    background: url(/images/bubble.gif) no-repeat bottom;
}



/*---------- about page tooltip -----------*/

a.att{
    position:relative;
    z-index:24;
    color:RED;
    font-size: 16px;
    font-weight:bold;
    text-decoration:none;
}
a.att span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/

a.att:hover{ z-index:25; color: #aaaaff; background:;}
a.att:hover span.about_tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 40px 0 0 0;
	width:400px;
	color: #993300;
    text-align: left;
	filter: alpha(opacity:99);
	KHTMLOpacity: 0.99;
	MozOpacity: 0.99;
	opacity: 0.99;
}
a.att:hover span.att_top{
	display: block;
	padding: 70px 5px 0;
    background: url(/images/about_bubble.png) no-repeat top;
}
a.att:hover span.att_middle{ /* different middle bg for stretch */

	display: block;
	padding: 0 16px; 
	background: url(/images/about_bubble_filler.png) repeat bottom;
}
a.att:hover span.att_bottom{
	display: block;
	padding:6px 16px 20px;
	color: #891254;
    border-style:solid;
    border:2px;
    background: url(/images/about_bubble.png) no-repeat bottom; 
}


a.hidden {
    color:#FF0000; 
    text-decoration:none; 
    outline-style:none;
    font-size: 16px;
    font-weight:bold;
    text-decoration:none;
}

a.hidden em {
    display:none;
}

a.hidden:hover {
    text-decoration:none;
}

a.hidden:active, a.hidden:focus {
    background:#000;
}

a.hidden:active span, a.hidden:focus span {
    display:none;
}

a.hidden:active em, a.hidden:focus em {
    display:block; 
    color:#FF0000; 
    width:100%; 
    font-size: 14px;
    font-weight:normal;
    cursor:default;
}

.clear {
    clear:both;
}


#page-title
{
  display: none;
}