@charset "utf-8";
/* CSS Document */
html, body { height:100%;  }
/* IE 6 Height*/ * html #container { height: 100%; }
body { margin: 0; padding:0; background-color: #EFF8FF; background-image: url(../images/bg.jpg); background-position: top center; background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; }
p { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
a { outline: none; }
.clear { clear: both; }

.bar { margin: 20px 0px 20px 5px; }

h4 { font-size: 16px; color: #666666; font-weight: normal; }
h6 { font-size:25px; color: #74A64F; margin:0; padding:0px 0px 0px 5px; float: left; }
h7 { font-size:35px; color: #373737; margin:0; padding:0px 0px 0px 5px; float: left; }

#container { width: 985px; margin:0px auto; min-height:100%;}

#header #logo { width: 367px; height: 155px; background-image: url(../images/logo.png); background-position: top left; background-repeat: no-repeat; float:left; text-indent: -9999px; margin-top: 39px; margin-left:4px; }
#header a #logo h1 { border-bottom: none; }

#header #login_panel { width: 592px; height:290px; background-image:url(../images/login_panel.png); background-position: top left; background-repeat: no-repeat; float:right; margin-right: 12px; margin-top: -5px; }

#home_login_form { position: relative; top: 77px; left: 64px; color: #EFEFEF; width:480px; }
#home_login_form input {background-color: transparent; width: 390px;background-image:url(../images/login_bg_screen.jpg); background-position: top left;background-repeat: no-repeat;border: none;height: 15px;color: #32B0ED;font-size:11px;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; letter-spacing: 1px; font-weight: normal; padding: 7px 0px 5px 10px; margin-bottom: 11px; }
#home_login_form input#home_submit { width: 99px; height: 25px; background-image: none; padding:0px 0px 0px 1px; }
#home_login_form #already_member { margin-top: 20px; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
#home_login_form .green_link { color:#88BF5F; }
#home_login_form a:hover { text-decoration:none; }

#quote { width: 515px; height:70px; text-indent: -9999px; background-image:url(../images/quote.jpg); background-position: top left; background-repeat: no-repeat; margin-left: 7px; position: relative; top:15px; margin-bottom: 17px;  }
#quote2 { width: 515px; height:90px; text-indent: -9999px; background-image:url(../images/quote2.jpg); background-position: top left; background-repeat: no-repeat; margin-left: 7px;  }

#adquote { width: 515px; height:90px; text-indent: -9999px; background-image:url(../images/adquote.jpg); background-position: top left; background-repeat: no-repeat; margin-left: 7px;  }

#contactquote { width: 515px; height:90px; text-indent: -9999px; background-image:url(../images/contactquote.jpg); background-position: top left; background-repeat: no-repeat; margin-left: 7px;  }

#login_button { text-indent: -9999px; width:162px; float: right; margin-right: 30px; margin-top: 39px; }
#login_button a.login_button { display: block; width: 162px; height: 50px; background-image: url(../images/login_button.jpg); background-position: top left; background-repeat: no-repeat; }
#login_button a.login_button:hover { background-position: 0px -59px; }

#demo_button { text-indent: -9999px; width:162px; float: right; margin-right: 70px; margin-top: 39px; }
#demo_button a.demo_button { display: block; width: 162px; height: 50px; background-image: url(../images/demo_button.jpg); background-position: top left; background-repeat: no-repeat; }
#demo_button a.demo_button:hover { background-position: 0px -59px; }

#firstspot { width: 235px; float: left; margin-left: 6px;}
#secondspot { width: 245px; float: left; }
#thirdspot { width: 255px; float: left; }
#fourthspot { width: 180px; float: left; }
#spots h4 { height: 51px; line-height: 20px; margin:0; padding:0px 0px 7px 60px; }
#firstspot h4 {  background-image: url(../images/myworkshift_free.jpg); background-position: top left; background-repeat: no-repeat; }
#secondspot h4 { background-image: url(../images/pen.jpg); background-position: top left; background-repeat: no-repeat; }
#thirdspot h4 { background-image: url(../images/realtime.jpg); background-position: top left; background-repeat: no-repeat; }
#fourthspot h4 { background-image: url(../images/monitor.jpg); background-position: top left; background-repeat: no-repeat; padding-left:70px; }

#spots .blue { color: #02699B; }
#spots p { color: #666666; width: 180px; line-height: 15px; font-size:12px; margin: 0; padding:0px 0px 0px 7px; }

/*//////// Start Slider ///////*/
#textSlide                              { padding: 10px 10px 10px 0px; }
#textSlide h3                           { font: 20px Arial, Tahoma, Verdana; margin: 0; padding:0; }
#textSlide h4                           { margin: 0px 0px 10px 0px; font-size:20px; }
#textSlide ul                           { list-style: disc; margin: 0 0 0 0px; position:relative; left:15px;}
#textSlide ul li                        { display: list-item; margin: 0; padding:0; color: #666; font-size:12px; }

.anythingSlider   { width: 980px; height: 340px; position: relative; margin: 0px 0px 0px 6px; }
.anythingSlider p { color: #666; line-height: 18px; }
.anythingSlider .wrapper  { width: 920px; overflow: auto; height: 341px; margin: 0 0px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul  { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding: 0; }
.anythingSlider ul li { display: block; float: left; padding: 0; height: 317px; width: 680px; margin: 0; }
.anythingSlider .arrow { display: none; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward { background-position: 0 0; right: -20px; }
.anythingSlider .back  { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover { background-position: 0 -200px; }
.anythingSlider .back:hover  { background-position: -67px -200px; }

#thumbNav  { position: relative; top: 270px; text-align: left; }
#thumbNav a { text-indent: -9999px; color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background-image: url(../images/dot_up.jpg); background-position: center; background-repeat: no-repeat; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover { background-image: url(../images/dot_down.jpg); background-position: center; background-repeat: no-repeat; }
#thumbNav a.cur   { background-image: url(../images/dot_down.jpg); background-position: center; background-repeat: no-repeat;}
#start-stop  { display: none; background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing { background-color: red; }
#start-stop:hover   { background-image: none; }

/* Prevents */
.anythingSlider .wrapper ul li { width: 930px;  }
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none;  }

/*//////// End Slider ///////*/

.start_now { float: right; position: relative; top: -75px; margin-bottom:-65px; margin-left: 130px; border: none; }

#footer { background-image: url(../images/footer.jpg); background-position: top center; background-repeat: repeat-x; color: #ccc; font-size: 11px; padding: 20px 0px 30px 0px; line-height: 18px; }
#footer a { color: #ccc; margin: 0px 15px; text-decoration: none; }
#footer a.first { margin: 0px 15px 0px 0px; }
#footer a:hover { text-decoration: underline; }
#footer { width: 100%; margin: 0px auto; }
#footer_copy { width: 940px; margin: 0px auto; padding-right: 30px; }
#footer .mass { float: right; position: relative;  }
#footer .mass a { margin: 0; }
#footer .mass img { border: none; }

#content { width:925px; padding-left: 10px;  }
#content #signup_form { }
#content #signup_form label { font-size: 13px; color: #666666; }
#content input { color: #666; background-color: #EFF8FF; padding:5px 0px 5px 3px; font-size:12px; background-image: url(../images/form_input_bg.jpg); background-position: top left; background-repeat: no-repeat; width: 315px; height:21px; border: none; cursor: pointer; }
#content textarea { color: #666; background-color: #EFF8FF; padding:5px; font-size:12px; background-image: url(../images/form_textarea_bg.jpg); background-position: top left; background-repeat: no-repeat; width: 310px; height:125px; border: none; cursor: pointer; overflow-x: hidden; overflow-y: scroll; }
#select option { cursor: pointer; }
#content #company_info { width: 520px; float: left; }
#content #contact_info { width: 400px; float: left; }
.signup_input { margin-bottom: 10px; }
#content input#agree {margin: 5px; padding:0px; width:20px;}


#registration_failure { display: none; position: absolute; float: left; margin: 200px auto 0px 200px; font-family:Arial, Tahoma, Helvetica, sans-serif; color:#fff; width: 566px; height: 159px; padding: 30px 20px 20px 20px; background-image:url(../images/error_bg.png); background-position: top left; background-repeat: no-repeat; font-size: 13px; z-index:999999;  }
#registration_failure h3 { margin: 0px 0px 0px 55px; font-size: 22px; background-image:url(../images/verification_error.gif); background-position: top left; background-repeat: no-repeat; width: 382px; height: 20px; text-indent: -9999px; }
#registration_failure p { margin-left: 60px; width: 450px; color: #FFFFFF; }
#registration_failure .yellow { color: #FFCC00; font-weight: bold; }
#registration_failure_closer { float: right; position: relative; right: 40px; top: -10px; text-indent: -9999px;  }
#registration_failure_closer a { width: 75px; height:18px; background-image:url(../images/close_success.gif); background-position: 0 0; background-repeat: no-repeat; display: block; }
#registration_failure_closer a:hover { background-position: 0 -21px; }

input#submit { background-image:none; width: 191px; height: 32px; padding:0px 0px 5px 3px; }
#reset { background-image:none; width:117px; height:32px; }
/* Start Styles for Webkit Browsers */

@media screen and (-webkit-min-device-pixel-ratio:0){
	#content select { color: #666; background-color: #EFF8FF; padding:0px 0px 0px 3px; font-size:12px; background-image: url(../images/form_input_bg.jpg); background-position: top left; background-repeat: no-repeat; width: 315px; height:31px; border: none; cursor: pointer; }
}