body{background:#bde8fc url(../images/bg.jpg) repeat-x; padding:0; margin:0; font-family: Arial, Helvetica, sans-serif;}


h1 {font-size: 18px; color: #333;}

h2 {font-size: 15px; color: #006; text-transform: uppercase; margin: 0;}


#top_container{width:100%; float:left; background:url(../images/funnybone-header-web2.jpg) 50% 0 no-repeat; height:248px; min-width: 1000px;}
#top_container_short{width:100%; float:left; background:url(../images/funnybone-header-short.jpg) 50% 0 no-repeat; height:160px; min-width: 1000px;}
#header{width:960px; margin:0 auto; top:0;}
#logo{width:460px; /*float:left;*/margin: 0 auto;}
#top_container_short #logo {width: 430px;/*was 460*/ margin: 0; float: left;}
#toplinks{/*width:293px;*/ width: 330px; float:right;/* margin-top:222px; */margin-top: 105px;} 
#toplinksShort {width: 380px;/*was 330*/ float: right; margin-top: 135px; margin-right: 10px;}
#toplinks ul, #toplinksShort ul{ width:285px; float:left; margin:0; padding:0}
#toplinks li, #toplinksShort li{float:left; display:inline; padding:0 12px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#0a3485; font-weight:bold;}
#toplinks li a, #toplinksShort li a {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#0a3485; font-weight:bold; text-decoration:none; font-size: 13px;}
#toplinks li a:hover{color:#70c4ff;}
#toplinksShort li a {margin-left: 5px;}

#toplinks1 {padding: 0;float: left; margin-right: 12px; color: #000; padding-top: 5px; font-size: 11px;}
#toplinks1 a {padding-right: 5px; color: #006; text-decoration: underline; font-size: 11px;}

#navigation_area{width:100%; float:left; background:url(../images/nav_bg.jpg); height:35px; }
#navigation{width:960px; margin:0 auto; top:0;}
#navigation_content { width:960px; float:left; background:url(../images/navigation_bg.jpg) repeat-x; height:35px; }
#navigation_content ul { float:left; width:960px; list-style:none; margin:0; padding:0 0 0 0; }
#navigation_content li { float:left; width:auto; font-family:"Arial Black", Gadget, sans-serif; font-size:13px; color:#fff; font-weight:bold;} 
#navigation_content li a { float:left; color:#fff; text-decoration:none; padding:0 23px; height:35px; line-height:35px; text-transform:uppercase; }
#navigation_content li a:hover { color:#fff; text-decoration:none; background:url(../images/nav_bg_hover.jpg) repeat-x }
#navigation_content li a.current { color:#fff; text-decoration:none; background:url(../images/nav_bg_hover.jpg) repeat-x }
#navigation_content li.last { background:none; }


#main_content_area{ width:100%; float:left; background:url(../images/content_bg-3.png) 50% 0 no-repeat;}
#content_area{width:960px; margin:0 auto; top:0; min-height:400px;}
#shipping_content_area  { width:960px; margin:0 auto; top:0; min-height:400px; background: #F2F2F2; }
.contentsection {padding: 16px;}

#main_area{width:960px; float:left; background-color: #EEE;}
#takeit_online{width:466px; float:left; /*background:url(../images/left_bg.png) no-repeat; height:344px;*//*background: url(../images/bg-left-online-course.png) no-repeat top;*/background: url(../images/bg-left-register-square.png) no-repeat top;/ /*height: 475px;*/height: 445px; padding: 15px 8px 2px 0 ; text-align: center;}
#take_online_register{width:162px; float:left; /*margin:250px 33px 0 0;*/ margin-left: 23px;margin-top: -30px; }
#takeit_online h2 {margin: 20px; color: #FFF; font-size: 24px; /*line-height: 50px;*/display: block; height: 100px; /*padding-top: 25px;*/padding-top: 2px; padding-bottom: 0; margin-top: 10px;margin-bottom: 4px;}
#takeit_online h2 a {color: #FFF; text-decoration: none;}
#takeit_online p {margin-left: 25px;text-align: right; margin-right: 18px;font-size: 15px;}
#takeit_online ul li {font-size: 14px; font-family: Arial, sans-serif; font-weight: bold;text-align: left;}
#takeit_online .emph, #find_classroom .emph {/*font-size: 18px; font-weight: bold;*/}
#left-computer-img {float: right;}
.comingsoonLeft {color: #03C; font-weight: bold; font-size: 30px; float: left; font-style: italic; text-transform: uppercase;}

#find_classroom{width:465px; float:left; /*background:url(../images/right_bg.png) no-repeat; height:344px;*/background: url(../images/bg-right-driving-classroom.png) no-repeat top; height: 432px; padding: 15px 2px; text-align: center;}
#find_classroom_register{width:162px; float:left; /*margin:260px 0 0 23px;*/margin-left: 23px; margin-top: 30px;}
#find_classroom h2 {margin: 20px; color: #FFF; font-size: 24px; /*line-height: 50px;*/display: block; height: 100px; /*padding-top: 8px;*/padding-top: 0; margin-top: 5px;margin-bottom: 4px;}
#find_classroom h2 a {color: #FFF; text-decoration: none;}
#find_classroom p {margin-left: 25px;}
#find_classroom ul li {font-size: 14px; font-family: Arial, sans-serif; font-weight: bold;text-align: left;}
#right-classroom-img {float: right; padding-right: 8px; padding-top: 48px;}

a.optiononline, a.optionclassroom {font-size: 20px; text-transform: uppercase; color: #000; font-weight: bold; color: #06F;}
a.optionclassroom {padding-left: 85px;}
a.optiononline {padding-left: 30px;}
a.optiononline:hover, a.optionclassroom:hover {color: #000;}

.videocaption {width: 350px; font-weight: bold; text-align: center;}

#voted{width:520px; float:left; /*margin-top:20px;*/ margin: 0; padding-right: 15px; background: url(../images/funnybone-2column-bg.png) repeat-y right;}
#voted p{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000; line-height:18px; margin:0 0 0 10px; padding:0; clear: left;}
.purple_hd{font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#480992; text-decoration:none;}
#voted h1 {font-size: 16px;}
#voted ul {display: inline; padding: 0; margin: 0;}
#voted ul li {float: left; padding: 5px 5px; list-style: none; line-height: 15px; margin:0 10px; width: 210px; font-size: 12px;}

#voted .greensign {clear: both; text-align: center; background: url(../images/green-box-bg.png) no-repeat; height: 141px; padding: 15px 2px 2px 2px; width: 382px; margin: 0 auto;}
#voted .greensign p {font-size: 22px; color: #FFF; padding-top: 8px; font-weight: bold; text-transform: uppercase }

.fastdeliveryP {}
.fastdelivery {font-size: 22px; font-weight: bold; color: #06C; float: left; line-height: 25px; padding-top: 120px; background: url(../images/box-funny-man.jpg) no-repeat left top; display: block; height:100px; width: 350px;padding-left: 55px; padding-right: 15px; margin-bottom: 12px;}
.fastdelivery a {font-size: 12px;}

#leftList {margin: 10px 15px;text-align: center; width: 485px; clear: both; padding: 0 5px}

#register .fastdelivery {margin: 0 auto; float: none; height: 90px; width: 90%; background: url(../images/box-funny-man-long.jpg) no-repeat center top; color: #FFF;}
/* slava changed #video{width:330px; float:right; margin:20px 50px 0 0; font-family:Arial, Helvetica, sans-serif; color:#02509B; font-size:15px; line-height:18px;}*/
#video{width:500px; float:center; margin:20px 50px 0 0; font-family:Arial, Helvetica, sans-serif; color:#02509B; font-size:15px; line-height:18px;}
#videocol {width:330px; float: right; margin: 20px 50px 0 0; font-family: Arial, Helvetica, sans-serif; color #02509B; font-size: 15px; line-height: 18px;}


#laugh_traffic{width:894px; float:left; background:url(../images/content_lower_bg.png) no-repeat; height:112px; margin-bottom:-7px; margin-left:20px; }
#laugh_register{width:193px; float:left; margin:39px 0 0 182px}

#footer{width:940px; float:left;}
#footerCourse {float: none; text-align: center;}
.footer_curve{width:17px; float:left;}
.footer_center{width:900px; float:left; background:url(../images/footer_bg.png) repeat-x; height:43px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; text-decoration:none; line-height:18px; padding-top:13px;}
#coming_soon{width:960px; float:left; /*padding-top:200px; padding-bottom:200px; */font-family:Arial, Helvetica, sans-serif; font-size:80px; color:#000000; text-align:center}

.class_txt .greensign {text-align: center; background: url(../images/green-box-bg.png) no-repeat; height: 141px; padding: 20px 15px 0 15px; width: 352px; margin: 0 auto;display: block;}
.class_txt a.greensign {font-size: 28px; color: #FFF; /*padding-top: 8px;*/ font-weight: bold; text-transform: uppercase }

#contact{width:860px; float:left; padding:20px; text-align:center; line-height:40px;}
.red{font-family:Arial, Helvetica, sans-serif; font-size:36px; color:#d86012; text-decoration:none;}
.blue{font-family:Arial, Helvetica, sans-serif; color:#02509B; font-size:20px; line-height:18px; font-weight:bold; text-decoration:none}
.black_txt20{font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:20px; line-height:20px; font-weight:bold; text-decoration:none}

#register{width:960px; float:left;}
input#register {width: 340px; font-size: 17px; font-weight: bold; float: none; margin-bottom: 10px; margin-left: 10px; background: #F60; color: #FFF; } /*on sign up page*/

.insOption {padding: 5px;}
.insOption p {padding: 3px;}
#ticket_info {}
.ticketFields {border: 2px dashed #CCC; padding: 6px; background: #eee;}
.ticketFields label {color: #036;}
.ticketInstruct {font-weight: bold; padding: 4px;}
.terms {margin-left: 12px; padding: 3px;}
.smallcaption {font-size: 11px; font-style: italic; color: #900}


#register_hd{width:960px; float:left; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:50px; color:#040404; margin-top:50px; margin-bottom:30px;}
#location_area{width:960px; float:left; text-align:center; margin-bottom:70px;}
#location_button{width:198px; margin:5px 20px 10px 20px;  float:left; background:url(../images/location_bt.jpg) no-repeat; height:64px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#000000; padding-top:20px;}
#location_button a{ color:#000000; text-decoration:none}
#location_button:hover{width:198px;  float:left; background:url(../images/location_bt_hr.jpg) no-repeat; text-align:center;}

#southwest{width:940px; float:left; padding:10px;}
#southwest_page_hd{width:920px; float:left; border-bottom:1px solid #666666; padding-bottom:10px;}
#southwest_form{width:420px; float:right;}
.southwest_form_heading{width:420px; float:left; margin-top:30px; margin-bottom:10px;}
.black_txt{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000000; text-decoration:none;}
.purple_hd18{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#480992; text-decoration:none; font-weight:bold; line-height:22px;}
.border{ border:1px solid #CCCCCC;}
.textbox{width:190px; height:20px; border:0; background:#ffffff}
.textbox1{width:190px; height:20px; border:0; background:#ffffff}
.datefield {width: 200px; height: 35px; background: #FFF url(../images/cal-icon.png) no-repeat right;}

#southwest_left{width:480px; float:left; margin-top:30px;}
.southwest_left_area{width:480px; float:left;}
.purple_hd14{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#480992; text-decoration:none; font-weight:bold; line-height:18px;}

.black_hd14{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#000000; text-decoration:none; font-weight:bold; line-height:18px;}

#south{width:480px; float:left;}
#south ul{width:480px; float:left; }
#south li{width:450px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#480992; line-height:31px}

#class_shedule{width:920px; float:left; padding:10px;}
.schedule_hd{width:920px; float:left;}
/*.schedule_news{width:920px; float:left; margin-top:10px; background:#dedede; height:40px; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:37px; font-weight:bold; color:#000000;}*/
.schedule_news {width: 550px; background: url(../images/fast-delivery-box.png) no-repeat; font-size: 16px;clear: both; height: 100px; padding: 10px; margin: auto;}
.schedule_news p {margin: 5px 10px 0 70px; font-size: 18px;}


.class_time{width:410px; float:left; padding:15px; background:#ffffff; margin:10px}
.class_txt{width:420px; float:left;}
.purple{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase; color:#3e961c; text-decoration:underline; line-height:28px;}

.class_timing{ width:420px; float:left;}
.class_timing ul{ width:420px; float:left; list-style:url(../images/bullet.jpg);}
.class_timing li{width:400px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#480992; line-height:22px}

.learnmore {clear: both; padding-top: 20px;}

/*************** modal ***************/
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:375px; 
  height:203px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #dialog1 {
  width:375px; 
  height:203px;
}

#dialog1 .d-header {
  background:url(/assets/images/login-header.png) no-repeat 0 0 transparent; 
  width:375px; 
  height:150px;
}

#dialog1 .d-header input {
  position:relative;
  top:60px;
  left:100px;
  border:3px solid #cccccc;
  height:22px;
  width:200px;
  font-size:15px;
  padding:5px;
  margin-top:4px;
}

#dialog1 .d-blank {
  float:left;
  background:url(/assets/images/login-blank.png) no-repeat 0 0 transparent; 
  width:267px; 
  height:53px;
}

#dialog1 .d-login {
  float:left;
  width:108px; 
  height:53px;
}

#boxes #dialog2 {
  background:url(/assets/images/notice.png) no-repeat 0 0 transparent; 
  width:326px; 
  height:229px;
  padding:50px 0 20px 25px;
}

a.studentButton {
	/*padding: 10px 5px;*/
	height: 20px;
	padding: 8px;
	margin: 10px;
	background: #FFF;
	font-size: 15px;
	font-weight: bold;
	color: #000;
	border: #666 1px solid;
	
	} /*button style for course area landing page*/

#course_wrapper #home p {margin: 20px;}

#outlineChapter a {font-style:italic; background: url(../images/chapter-checkmark.png) no-repeat right; padding-right: 13px;}/*this style is for chapter title links previous completed*/

.contactForm input {padding: 4px;}

.label_total {
    font-family: "Arial Black", Arial, sans-serif;
    font-size: 18px;
    font-weight:bold;
    color: #333;
    border:1px dotted #d5d9da;
    padding:5px 5px;
}

input.checkbox { border: none }
input {
    padding:5px 5px;
    /*border: 1px solid black;*/
    border:1px dotted #d5d9da;
    width:250px;
    box-shadow: 0 0 5px #e8e9eb inset;
    border-radius:5px;
    font-size:0.9em;
    outline:0; /* remove webkit focus styles */
}


input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
label.error {
    /* remove the next line when you have trouble in IE6 with labels in list */
    color: red;
    font-size: 0.9em;
/*    font-style: italic*/
}

select {
    padding:5px 5px;
    /*border: 1px solid black;*/
    border:1px dotted #d5d9da;
    width:150px;
    box-shadow: 0 0 5px #e8e9eb inset;
    border-radius:5px;
    font-size:0.9em;
    outline:0;
    -webkit-appearance: none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

#shippingOption, #ticket, #insurance {
    width: 30px;
}