/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4 {
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
	width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width: 60px;
}

.container_12 .grid_2 {
	width: 140px;
}

.container_12 .grid_4 {
	width: 300px;
}

.container_12 .grid_5 {
	width: 380px;
}

.container_12 .grid_7 {
	width: 540px;
}

.container_12 .grid_8 {
	width: 620px;
}

.container_12 .grid_10 {
	width: 780px;
}

.container_12 .grid_11 {
	width: 860px;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width: 40px;
}

.container_16 .grid_2 {
	width: 100px;
}

.container_16 .grid_3 {
	width: 160px;
}

.container_16 .grid_5 {
	width: 280px;
}

.container_16 .grid_6 {
	width: 340px;
}

.container_16 .grid_7 {
	width: 400px;
}

.container_16 .grid_9 {
	width: 520px;
}

.container_16 .grid_10 {
	width: 580px;
}

.container_16 .grid_11 {
	width: 640px;
}

.container_16 .grid_13 {
	width: 760px;
}

.container_16 .grid_14 {
	width: 820px;
}

.container_16 .grid_15 {
	width: 880px;
}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
	padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
	padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
	padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left: 80px;
}

.container_12 .prefix_2 {
	padding-left: 160px;
}

.container_12 .prefix_4 {
	padding-left: 320px;
}

.container_12 .prefix_5 {
	padding-left: 400px;
}

.container_12 .prefix_7 {
	padding-left: 560px;
}

.container_12 .prefix_8 {
	padding-left: 640px;
}

.container_12 .prefix_10 {
	padding-left: 800px;
}

.container_12 .prefix_11 {
	padding-left: 880px;
}

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
	padding-left: 60px;
}

.container_16 .prefix_2 {
	padding-left: 120px;
}

.container_16 .prefix_3 {
	padding-left: 180px;
}

.container_16 .prefix_5 {
	padding-left: 300px;
}

.container_16 .prefix_6 {
	padding-left: 360px;
}

.container_16 .prefix_7 {
	padding-left: 420px;
}

.container_16 .prefix_9 {
	padding-left: 540px;
}

.container_16 .prefix_10 {
	padding-left: 600px;
}

.container_16 .prefix_11 {
	padding-left: 660px;
}

.container_16 .prefix_13 {
	padding-left: 780px;
}

.container_16 .prefix_14 {
	padding-left: 840px;
}

.container_16 .prefix_15 {
	padding-left: 900px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
	padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
	padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
	padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right: 80px;
}

.container_12 .suffix_2 {
	padding-right: 160px;
}

.container_12 .suffix_4 {
	padding-right: 320px;
}

.container_12 .suffix_5 {
	padding-right: 400px;
}

.container_12 .suffix_7 {
	padding-right: 560px;
}

.container_12 .suffix_8 {
	padding-right: 640px;
}

.container_12 .suffix_10 {
	padding-right: 800px;
}

.container_12 .suffix_11 {
	padding-right: 880px;
}

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
	padding-right: 60px;
}

.container_16 .suffix_2 {
	padding-right: 120px;
}

.container_16 .suffix_3 {
	padding-right: 180px;
}

.container_16 .suffix_5 {
	padding-right: 300px;
}

.container_16 .suffix_6 {
	padding-right: 360px;
}

.container_16 .suffix_7 {
	padding-right: 420px;
}

.container_16 .suffix_9 {
	padding-right: 540px;
}

.container_16 .suffix_10 {
	padding-right: 600px;
}

.container_16 .suffix_11 {
	padding-right: 660px;
}

.container_16 .suffix_13 {
	padding-right: 780px;
}

.container_16 .suffix_14 {
	padding-right: 840px;
}

.container_16 .suffix_15 {
	padding-right: 900px;
}

/* `Push Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .push_3,
.container_16 .push_4 {
	left: 240px;
}

.container_12 .push_6,
.container_16 .push_8 {
	left: 480px;
}

.container_12 .push_9,
.container_16 .push_12 {
	left: 720px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left: 80px;
}

.container_12 .push_2 {
	left: 160px;
}

.container_12 .push_4 {
	left: 320px;
}

.container_12 .push_5 {
	left: 400px;
}

.container_12 .push_7 {
	left: 560px;
}

.container_12 .push_8 {
	left: 640px;
}

.container_12 .push_10 {
	left: 800px;
}

.container_12 .push_11 {
	left: 880px;
}

/* `Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .push_1 {
	left: 60px;
}

.container_16 .push_2 {
	left: 120px;
}

.container_16 .push_3 {
	left: 180px;
}

.container_16 .push_5 {
	left: 300px;
}

.container_16 .push_6 {
	left: 360px;
}

.container_16 .push_7 {
	left: 420px;
}

.container_16 .push_9 {
	left: 540px;
}

.container_16 .push_10 {
	left: 600px;
}

.container_16 .push_11 {
	left: 660px;
}

.container_16 .push_13 {
	left: 780px;
}

.container_16 .push_14 {
	left: 840px;
}

.container_16 .push_15 {
	left: 900px;
}

/* `Pull Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_3,
.container_16 .pull_4 {
	left: -240px;
}

.container_12 .pull_6,
.container_16 .pull_8 {
	left: -480px;
}

.container_12 .pull_9,
.container_16 .pull_12 {
	left: -720px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left: -80px;
}

.container_12 .pull_2 {
	left: -160px;
}

.container_12 .pull_4 {
	left: -320px;
}

.container_12 .pull_5 {
	left: -400px;
}

.container_12 .pull_7 {



	left: -560px;
}

.container_12 .pull_8 {
	left: -640px;
}

.container_12 .pull_10 {
	left: -800px;
}

.container_12 .pull_11 {
	left: -880px;
}

/* `Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .pull_1 {
	left: -60px;
}

.container_16 .pull_2 {
	left: -120px;
}

.container_16 .pull_3 {
	left: -180px;
}

.container_16 .pull_5 {
	left: -300px;
}

.container_16 .pull_6 {
	left: -360px;
}

.container_16 .pull_7 {
	left: -420px;
}

.container_16 .pull_9 {
	left: -540px;
}

.container_16 .pull_10 {
	left: -600px;
}

.container_16 .pull_11 {
	left: -660px;
}

.container_16 .pull_13 {
	left: -780px;
}

.container_16 .pull_14 {
	left: -840px;
}

.container_16 .pull_15 {
	left: -900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}

a:focus {
	outline: 1px dotted invert;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 25px;
}

h2 {
	font-size: 23px;
}

h3 {
	font-size: 21px;
}

h4 {
	font-size: 19px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: disc;
}

li {
	margin-left: 25px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
 	background-color: #E0DED9;
 }
ol, ul {
	/*list-style: none;*/
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*	CUSTOM CSS STARTS HERE */

.bluestarheader { background: transparent url(/images/blueheaderbg.gif) no-repeat; height: 39px; }
/*.bluestarheader_wide { background: transparent url(/images/435blue.png) no-repeat; height: 39px; }*/
.redstarheader { background: transparent url(/images/bluefade.gif) no-repeat; height: 39px; }
.shortrule { background: transparent url(/images/shortrule.gif) no-repeat 15px 0px; height: 3px; padding-top: 5px; margin-top: 5px;}
.longrule { background: transparent url(/images/longrule.png) no-repeat 15px 0px;; height: 3px; padding-top: 5px; margin-top: 5px;}
.learnmore {background: transparent url(/images/lmarrow.gif) no-repeat 80px 2px; padding-bottom:10px;}
.topNY {margin-top: -56px;margin-left: -179px; float:left; z-index: 1000; }
.copy p {color: #7F7E7C; font-family:Arial, Helvetica, sans-serif; font-size: 12px; margin-left: -15px;}
.bluestarheader, .redstarheader, .bluestarheader_wide { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding-top: 10px; padding-left: 10px; }

input, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: solid 1px #C9C9C9;
	color: #7E7E7E;
}

a.lfNav {
	display: block;
	color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 15px; 
	line-height: 26px;
	color: #CBC4AC;
	width: 300px; 
	height: 33px; 
	background: transparent url(/images/opaquebg.png) no-repeat 0px 0px; 
	text-decoration: none;
	padding-left: 15px;
}
a.lfNav:hover {background-position: 0px -43px; color: #FFFFFF}
a.lfNav span { font-weight: bold; font-size: 20px; padding-right: 10px; }

a.rolloverBlue { 
	display: block;
	text-decoration: underline;
	font-weight: bold;
	font-size: 14px;
	line-height: 26px;
	color: #FFFFFF;
	width: 227px; 
	height: 45px; 
	background: transparent url(/images/bluerollover.png) no-repeat 70px 0px; 
	text-decoration: none;
	padding-left: 93px;
	padding-top: 9px;
	margin-top: 10px;
}
a.rolloverBlue span { display: none; }
a.rolloverBlue:hover { 
	background-position: 70px -54px; 
}

a.rolloverBlueWide { 
	display: block;
	text-decoration: underline;
	font-weight: bold;
	font-size: 14px;
	line-height: 26px;
	color: #FFFFFF;
	width: 214px; 
	height: 39px; 
	background: transparent url(/images/bluerolloverwide.png) no-repeat 122px 0px; 
	text-decoration: none;
	padding-left: 143px;
	margin-top: 20px;
	margin-bottom: 20px;
}
a.rolloverBlueWide:hover { background-position: 122px -41px; }
a.rolloverBlueWide span { display: none; }

a.rolloverRedWide { 
	display: block;
	text-decoration: underline;
	font-weight: bold;
	font-size: 14px;
	line-height: 26px;
	color: #FFFFFF;
	width: 302px; 
	height: 47px; 
	background: transparent url(/images/redrolloverwide.png) no-repeat 72px 0px; 
	text-decoration: none;
	padding-left: 73px;
	margin-top: 20px;
	margin-bottom: 20px;
}
a.rolloverRedWide:hover { background-position: 72px -49px; }
a.rolloverRedWide span { display: none; }

a.login {
	display: block;
	text-decoration: underline;
	font-weight: bold;
	font-size: 14px;
	line-height: 26px;
	color: #FFFFFF;
	width: 302px; 
	height: 47px; 
	background: transparent url(/images/login.gif) no-repeat 72px 0px; 
	text-decoration: none;
	padding-left: 73px;
	margin-top: 20px;
	margin-bottom: 20px;
}

a.login span {display:none;}

#mainContainer { background:  url(/images/bgborder.png) -14px 0px repeat-y; }

#topHead { background: url(/images/topbg.jpg) 0px 0px no-repeat; height: 139px; }

#topLeftlogo { margin-top: 70px; padding-left: 131px; width: 489px;}

#topRightnav { color: #FFFFFF; margin-top: 22px;}

#topRightnav ul, #topRightNav li { list-style: none; display: inline;  }

#topRightnav li.first { display: inline; padding-left: 50px;background: url(/images/chatlogo.png) no-repeat 10px; padding-top: 15px; padding-bottom: 15px; height: 34px;}
/*#topRightnav li.last { display: inline; padding-left: 75px;background: url(/images/phonelogo.png) no-repeat 30px ; padding-top: 15px; padding-bottom: 15px; height: 34px;}*/
#topRightnav li.last { display: inline; padding-left: 230px;background: url(/images/phonelogo.png) no-repeat 185px ; padding-top: 15px; padding-bottom: 15px; height: 34px;}

#topRightnav a {font-family:Arial, Helvetiyca, sans-serif; font-size: 11px; color:#4DB2E2; text-decoration: none; }
#topRightnav a:hover {text-decoration: underline; }

#expertsBox { background: transparent url(/images/experts.png) no-repeat 80px 0px; height: 38px; margin-top: 30px;}

#expertsBox span { display: none; }

#photoBox { background: url(/images/photo.jpg) no-repeat; height: 351px; }
#photoBoxInt { background: url(/images/topbgphoto.jpg) no-repeat; height: 180px; }

.class_page #photoBoxInt { background: url(/images/ny-defensive-driving-class.gif) no-repeat; height: 180px; }
.app_page #photoBoxInt { background: url(/images/big-apple-defensive-driving.gif) no-repeat; height: 180px; }
.ins_page #photoBoxInt { background: url(/images/online-defensive-driving-course.gif) no-repeat; height: 180px; }
.pro_page #photoBoxInt { background: url(/images/new-york-online-course.gif) no-repeat; height: 180px; }
.pr_page #photoBoxInt { background: url(/images/new-york-driving-class.gif) no-repeat; height: 230px; }
.pr_page #pageHeading { background: transparent url(/images/pagetab.png) 625px 143px no-repeat; height: 230px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #49433B; padding-top: 153px; padding-left: 652px;}
.tt_page #photoBoxInt { background: url(/images/ny-traffic-ticket-help.gif) no-repeat; height: 180px; }
.dmv1_page #photoBoxInt { background: url(/images/ny-dmv-point-system.gif) no-repeat; height: 180px; }
.dr_page #photoBoxInt { background: url(/images/new-york-driver-record.gif) no-repeat; height: 180px; }
.ts_page #photoBoxInt { background: url(/images/ny-ipirp-course.gif) no-repeat; height: 180px; }
.faq_page #photoBoxInt { background: url(/images/defensive-driving-course-faqs.gif) no-repeat; height: 180px; }
.guar_page #photoBoxInt { background: url(/images/new-york-state-course.gif) no-repeat; height: 180px; }
.pp_page #photoBoxInt { background: url(/images/defensive-driving-class-online-ny.gif) no-repeat; height: 180px; }
.pirp_page #photoBoxInt { background: url(/images/defensive-driving-new-york.gif) no-repeat; height: 180px; }
.about_page #photoBoxInt { background: url(/images/aboutnewyorkdefensivedriving.gif) no-repeat; height: 180px; }
.cdl_page #photoBoxInt { background: url(/images/cdl-practice-test-ny.gif) no-repeat; height: 180px; }
.dmv_page #photoBoxInt { background: url(/images/dmv-practice-test-ny.gif) no-repeat; height: 180px; }
.motor_page #photoBoxInt { background: url(/images/motorcycle-practice-test-ny.gif) no-repeat; height: 180px; }
.dt_page #photoBoxInt { background: url(/images/online-ny-defensive-driving.gif) no-repeat; height: 180px; }
.cco_page #photoBoxInt { background: url(/images/nycountyclerksoffices.gif) no-repeat; height: 180px; }

#photoBoxReg { background: url(/images/form_photo_bg.jpg) no-repeat; height: 90px; }
#photoBoxSem { background: url(/images/sem_topbgphoto.png) no-repeat; height: 63px; }

#breadcrumb { background: url(/images/breadcrumbbg.png) no-repeat 10px 0px; height: 25px; color: #57534D; padding-bottom: 10px; font-size: 12px;}
#breadcrumb ul {padding-left: 35px; padding-top: 5px;}
#breadcrumb li { background: url(/images/bcsep.gif) 0px 3px no-repeat; padding-left: 10px;}
#breadcrumb li:first-child {background: none; padding-left: 0px;}
#breadcrumb a { color: #689E00; text-decoration: none; font-size: 12px; }

#pageHeading { background: transparent url(/images/pagetab.png) 625px 93px no-repeat; height: 180px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #49433B; padding-top: 103px; padding-left: 652px;}
#pageHeadingReg { background: transparent url(/images/pagetab.png) 625px 46px no-repeat; height: 180px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #49433B; padding-top: 56px; padding-left: 680px;}

#secure { background: transparent url(/images/secure.png) 830px 0px no-repeat; height: 22px; }

#navBox { }
#navBox ul { list-style: none; margin-left: 146px; height: 43px; }
#navBox ul li { display: inline; }
#navBox ul li a { background: url(/images/nav.png) 0 0 no-repeat; display: block; float: left; height: 43px; }
#navBox ul li a:hover { }
#navBox ul li a span { display: none; }


#navBox ul li.navBox_defdriving a { background-position: 0 0; width: 187px; }
#navBox ul li.navBox_insurance a { background-position: -187px 0; width: 138px; }
#navBox ul li.navBox_record a { background-position: -325px 0; width: 164px; }
#navBox ul li.navBox_ticket a { background-position: -489px 0; width: 105px; }
#navBox ul li.navBox_safety a { background-position: -594px 0; width: 137px; }
.page_defdriving #navBox ul li.navBox_defdriving a, #navBox ul li.navBox_defdriving a:hover { background-position: 0 -43px; }
.page_insurance #navBox ul li.navBox_insurance a, #navBox ul li.navBox_insurance a:hover { background-position: -187px -43px; }
.page_record #navBox ul li.navBox_record a, #navBox ul li.navBox_record a:hover { background-position: -325px -43px; }
.page_ticket #navBox ul li.navBox_ticket a, #navBox ul li.navBox_ticket a:hover { background-position: -489px -43px; }
.page_safety #navBox ul li.navBox_safety a, #navBox ul li.navBox_safety a:hover { background-position: -594px -43px; }

#leftNav ul li { list-style: none; padding-top: 1px; padding-bottom: 1px; }
#leftNav a { display:block; text-decoration: none; color: #689E00; background: url(/images/lnavbg.png) no-repeat 10px 0px; height: 25px; width: 249px; padding-left: 33px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 23px;}
#leftNav a:hover { color: #FFFFFF; background: url(/images/lnavbg.png) no-repeat 10px -26px; }

#ddlNoTx { width: 230px; }

#chooseSTBoxsem { margin-left: 20px; margin-top: 30px;}
#chooseSTBoxsem label { font-size: 16px; font-weight: bold; color: #5F5E5B; }

#leftFrontNav { padding-left: 15px; padding-top: 20px; }
#leftFrontNav li { list-style: none; margin-top: 2px; }
#leftFrontNav li.first { margin-top: 0px; }

/*#videoBox { margin-left:60px; padding-top: 20px; color: #FFFFFF; background: url(/images/video.png) 40px 20px no-repeat; height: 223px; z-index: 1000;}*/
#videoBox { margin-left:60px; padding-top: 20px; color: #FFFFFF; background: transparent; height: 223px; z-index: 1000;}

#videoBoxsem { margin-left:20px; margin-top: 10px; margin-bottom:10px; color: #FFFFFF; background: url(/images/video.png) 0px 0px no-repeat; height: 223px; z-index: 1000;}

#testLink {background: transparent url(/images/lmarrow.gif) no-repeat 120px 17px; padding-bottom:15px; padding-top: 15px;}

#listen {background: transparent url(/images/lmarrow.gif) no-repeat 155px 2px; padding-bottom:0px; padding-left: 43px; margin-top: -22px;}
#audio { background: transparent url(/images/ny-blog-icon.gif) no-repeat 20px 0px; float: left; height: 33px; }

a.learnmore, #testLink a, #listen a{ color: #689E00; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif;  padding-left: 15px; }
a.learnmore:hover, #testLink a:hover, #listen a:hover { text-decoration: underline; }

#leftColumn h1, #leftColumn form { padding-left: 15px; padding-bottom: 15px; }
#leftColumn h1 {font-size: 16px; color: #78716A;}

#leftColumnsem { padding-left: 0px; }

#rightColumn h1 {color: #57534D; padding-bottom: 5px;}

#mainContent, #footerBox { background-color: #FFFFFF; }
#mainContent p { padding-right: 20px; }

#topLLogo { background: url(/images/NYSeal.jpg) no-repeat 66px 0px; height: 114px; }
#topLLogo span { display: none; }

#faqbox { padding-right: 25px; padding-top: 10px; }

#faq { overflow: auto; max-height: 325px; width: 270px; margin-bottom: 15px; }
#faq_sem { overflow: auto; max-height: 325px; width: 435px; margin-bottom: 15px; }

#mainContent { padding-top: 15px; }
#mainContent div p { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #78716A; padding-bottom: 5px; padding-top: 5px; padding-left: 15px; line-height: 1.25; }

#faq_sem p.q, #faq p.q { font-style: italic; }
#faq_sem p.q:before, #faq p.q:before, #rightColumn p.q:before { content: "Q. "; color: #4DB2E2; font-style: normal; }
#faq_sem p.a:before, #faq p.a:before, #rightColumn p.a:before { content: "A. "; color: #4DB2E2; }

#footerBox h2 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #689E00; padding-bottom: 10px; padding-left:15px; }

#footerLink { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #78716A; font-weight: bold; text-decoration: none; }

#footerPhone, #footerNav, #footerLink, #footerLogoLeft { padding-left:15px; }

#footerNav ul li, #breadcrumb ul li {
	display: inline;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#footerNav ul { padding-top: 5px; }
#footerNav li { background: url(/images/footersep.gif) 0px 2px no-repeat; color: #4DB2E2; padding-left: 5px;}
#footerNav li:first-child { background: none; padding-left: 0px; }

#footerNav a { text-decoration: none; color: #689E00;}
#footerNav a:hover, #breadcrumb a:hover { text-decoration: underline;}

#footerLogoLeft, #copyright { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #78716A; padding-top: 15px; padding-bottom: 15px;}
#footerLogoLeft a { text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #78716A;}
#footerLogoLeft a:hover { text-decoration: underline; }

#copyright { margin-left: 20px; text-align: right; width:420px;  }

#stateApproved img.right { float: right; border: none; padding-right: 40px; margin: 0 0 0 10px; }
#stateApproved ul { margin-top: 30px; margin-left: 10px; margin-bottom: 30px;}
#stateApproved li { display: block; background: url(/images/check.png) no-repeat 0px 12px; color: #5F5E5B; font-size: 12px; font-weight:bold; padding-top: 20px;padding-left: 30px; }
#stateApproved h1 { font-family:Arial, Helvetica, sans-serif; font-weight: normal; font-size: 25px; color: #57534D; padding-left: 10px;; margin-top: -4px; padding-bottom: 10px; }
#stateApproved { padding-left: 10px; font-size: 15px;}
#saCopy { width: 230px; margin-top: 20px; margin-left: 15px;  font-size: 15px; color: #5F5E5B; line-height: 1.25em;}

#txddBox h2 { color: #5F5E5B; font-weight: bold; font-size: 18px; text-align: center; padding-bottom: 20px; padding-top: 30px;}

#certPhoto { background: url(/images/cert.jpg) no-repeat 30px 0px; height: 138px; width: 168px;}
#homePhoto { background: url(/images/home.jpg) no-repeat 30px 0px; height: 138px; width: 168px;}
#dpsPhoto { background: url(/images/teen_driver.jpg) no-repeat 30px 0px; height: 138px; width: 168px;}

#certCopy , #homeCopy , #dpsCopy { width: 250px; color: #636363; font-size: 12px; height:138px; line-height: 1.25em; margin-bottom: 10px;}
#certCopy h3 , #homeCopy h3 , #dpsCopy h3 { padding-bottom: 10px; } 


#blueCopy { background: url(/images/sem_blue.png) no-repeat; height: 550px; margin-bottom: 10px; }
#blueCopy h2 { font-size: 14px; color: #57534D; text-align: center;}
#blueCopy p.grayCopy { color: #7F7F7C; font-size: 11px; width:400px; margin-left: 10px; }

#agentPhone { background: url(/images/agent.jpg) no-repeat 225px 0px; height:157px; color: #333333; font-size: 12px; padding-left: 20px; line-height: 1.5em;}
#agentPhone h2 { color: #005696; font-size: 20px; padding-top: 55px;}
#agentPhone h2.black { color: #000000; font-size: 23px; font-style: italic; padding-top: 10px; padding-bottom: 10px;}

#price { background: transparent url(/images/lowestpricecopy.png) no-repeat 25px 0px; height: 67px; margin-top: 5px; margin-bottom: 10px;}
#price span { display: none; }

#countySelect ul li  {
	margin-left: 0px;
	background: none;
	list-style: none;
	display: inline;
}

#countySelect ul li  {
	padding-left: 5px;
	padding-right: 5px;
	font-size: 15px;	
}

#countySelect {
	background-color:#efefef;padding:3px;border-bottom:solid 0px #000000;margin-bottom:0px;
}

#leftCounty ul li, #rightCounty ul li{
	list-style: none;
}

#countyName {
	padding-bottom: 10px;
	font-size: 16px;
}

#clerkTitle {
	padding-bottom: 10px;
}

#rightColumn h2 {
	font-size: 18px;
	font-weight: normal;
	color: #00699E;
	padding-top:10px;
	
}

#rightColumn ul, #rightColumn ol {
	padding-left: 20px;
	padding-top:8px;
}

#rightColumn li {
	padding-bottom: 10px;
	font-size: 12px;
	color: #7F7E7C;
}

#rightColumn a { text-decoration: none; color: #7F7E7C;}
#rightColumn  a:hover {text-decoration: underline; }

#fblike { margin-left: 30px; margin-top: 0px; margin-bottom: 0px; }
#studentLog { margin-left: 0px; margin-top: 0px; margin-bottom: -30px; }

/*	FORM STUFF	*/



#retlbl, #user, #pwd, #pwd, #jpg2, #forgot2, #remember {
	padding-left: 5px;
	padding-top:10px;
	font-size: 12px;
	color: #7F7E7C;
}

#remember {
	padding-top: 10px;
}

#loginButton {
	background: url(/images/login.gif) no-repeat -15px 0px;
	color: #FFF;
}


#socialmedia ul.socialicons { }
#socialmedia ul.socialicons li { border: none; float: left; list-style: none; padding: 5px; margin-left: 15px; margin-right: auto; }
#socialmedia ul.socialicons li a { display: block; height: 35px; width: 35px; background: 50% 50% no-repeat; }
#socialmedia ul.socialicons li a span { display: none; }
#socialmedia ul.socialicons li.facebook a { background: url("/images/facebook.png"); text-align: center;}
#socialmedia ul.socialicons li.twitter a { background: url("/images/twitter.png"); text-align: center;}
#socialmedia ul.socialicons li.youtube a { background: url("/images/youtube.png"); text-align: center;}


/* form stuff imported from lpts */
form.userinput { font-size: 12px; min-width: 560px; max-width: 620px; width: 590px; text-align: left; margin: 0 auto; }
form.thin_form { min-width: 400px; max-width: 450px; width: 400px; }
form.userinput fieldset { font-size: 100%; border: none; border-top: 1px solid #000; padding: 10px; }
form.userinput fieldset legend { font-size: 150%; font-weight: normal; color: #000; padding: 0 5px; }
form.userinput label { font-size: 95%; }
form.userinput label u { font-style: normal; text-decoration: underline; }

form.userinput input,
form.userinput select,
form.userinput textarea { font-family: Tahoma, Arial, sans-serif; font-size: 100%; color: #000; }

form.userinput textarea { overflow: auto; }
form.userinput div { clear: left; display: block; width: 354px; height: expression('1%'); margin: 5px 0 0; padding: 1px 3px; }
form.userinput fieldset div.notes { float: right; width: 158px; height: auto; margin: 0 0 10px 10px; padding: 5px; border: 1px solid #3f3e3e; background-color: #222; color: #fff; font-size: 88%; }
form.userinput fieldset div.notes h4 { background: url("/style/icon_info.gif") no-repeat top left; padding: 3px 0 3px 27px; margin: 0 0 10px 0; border-bottom: 1px solid #3f3e3e; color: #f7c412; font-size: 100%; font-weight: bold; text-align: left; }
form.userinput fieldset div.notes p { margin: 0 0 1.2em; padding: 0; color: #fff; text-align: left; }
form.userinput fieldset div.notes p.last { margin: 0; }
form.userinput div fieldset { clear: none; border: 1px solid #666; margin: 0 0 0 142px; padding: 0 5px 5px; width: 197px; }
form.userinput div fieldset legend { font-size: 100%; padding: 0 3px 0 9px; }
form.userinput div.required fieldset legend { font-weight: bold; }
form.userinput div label { display: block; float: left; width: 130px; padding: 3px 5px; margin: 0 0 5px; text-align: right; }
form.userinput div.optional label, form.userinput label.optional { font-weight: normal; }
form.userinput div.required label, form.userinput label.required { font-weight: normal; }
form.userinput div label.labelCheckbox, form.userinput div label.labelRadio { float: none; display: block; width: 200px; height: expression('1%'); padding: 0; margin: 0 0 5px 142px; text-align: left; }
form.userinput div fieldset label.labelCheckbox, form.userinput div fieldset label.labelRadio { margin: 0 0 5px; width: 170px; }
form.userinput p.error { background: #f00 url("/style/icon_error.gif") no-repeat 3px 3px; color: #fff; padding: 3px 3px 5px 27px; border: 1px solid #000; margin: 10px; }
form.userinput div.error { background: #ffffe1 url("/style/required_bg.gif") no-repeat top left; color: #666; border: 1px solid #f00; }
form.userinput div.error p.error { background: transparent url("/style/icon_error.gif") no-repeat top left; border: none; font-size: 88%; font-weight: bold; margin: 0 0 0 20px; width: 280px; color: #f00; text-align: left; }

form.userinput div input,
form.userinput div select,
form.userinput div textarea { width: 200px; padding: 0; margin: 0; }

form.userinput div input.inputText { }
form.userinput div input.inputShortText { width: 75px; }
form.userinput div input.inputFile { width: 211px; }

form.userinput div select.selectOne,
form.userinput div select.selectMultiple { width: 211px; padding: 0; }

form.userinput div input.inputCheckbox,
form.userinput div input.inputRadio,
form.userinput input.inputCheckbox,
form.userinput input.inputRadio { display: inline; height: 14px; width: 14px; background-color: transparent; border: none; padding: 0; margin: 0 0 0 140px; }

form.userinput div.submit { width: 354px; padding: 0 0 0 0px; }
form.userinput div.submit div { display: inline; float: left; text-align: center; width: 354px; padding: 0; margin: 0; }
form.userinput div input.inputSubmit, form.userinput div input.inputButton, #content input.inputSubmit, #content input.inputButton { background-color: #ccc; color: #000; width: auto; padding: 0 6px; margin: 0; }
form.userinput div.submit div input.inputSubmit, form.userinput div.submit div input.inputButton { }
form.userinput div small { display: block; margin: 0 0 5px 142px; padding: 1px 3px; font-size: 88%; height: expression('1%'); }
form.userinput div small.breakdown { background-color: #222; border: 1px solid #3f3e3e; }

a.popup_link { display: inline; font-size: 90%; width: auto; }
a.popup_link:hover { background-color: #CCCCCC; }
div.popup { width: 158px; height: auto; margin: 0 0 10px 10px; padding: 5px; border: 1px solid #3f3e3e; background-color: #222; color: #fff; font-size: 70%; position: absolute; -moz-opacity: 0.95; filter: alpha(opacity=95); }
div.popup h4 { padding: 3px 0 3px 3px; margin: 0; border-bottom: 1px solid #3f3e3e; color: #f7c412; font-size: 100%; font-weight: bold; text-align: left; }
div.popup p { margin: 0 0 1.2em; padding: 0; color: #fff; text-align: left; }
div.popup p.last { margin: 0; }
form.userinput fieldset legend { line-height: 150%; }
form.userinput input, form.userinput select, form.userinput textarea { background-color: #fff; }
form.userinput textarea.expanding { overflow: auto; overflow-x: auto; overflow-y: visible; }
form.userinput div.optional label:before { content: ''; }
form.userinput div.required label:before { content: ''; }

form.userinput div label.labelCheckbox,
form.userinput div label.labelRadio,
form.userinput label.labelCheckbox,
form.userinput label.labelRadio { display: block; width: 190px; height: expression('1%'); padding: 4px 0 0 18px; text-indent: -18px; line-height: 120%; }

form.userinput div label.labelCheckbox input.inputCheckbox,
form.userinput div label.labelRadio input.inputRadio,
form.userinput label.labelCheckbox input.inputCheckbox,
form.userinput label.labelRadio input.inputRadio { margin: 0; }

form.userinput div fieldset input.inputText,
form.userinput div fieldset input.inputPassword,
form.userinput div fieldset input.inputFile,
form.userinput div fieldset textarea.inputTextarea { width: 160px; margin: 0 0 0 18px; margin: expression('0px 0px 0px -124px'); }

form.userinput div label.compact { display: inline; width: auto; padding: 4px 10px 0 0; text-indent: 0; margin: 0; }
form.userinput div.wide label { float: none; display: block; white-space: nowrap; }
form.userinput div.wide label.compact { display: inline; }
form.userinput div label.wide { width: 348px; }

form.userinput div.wide input.inputText,
form.userinput div.wide input.inputPassword,
form.userinput div.wide input.inputFile,
form.userinput div.wide select,
form.userinput div.wide textarea.inputTextarea,
form.userinput div.wide fieldset { width: 344px; margin: 0; }

form.userinput div fieldset.nonotes { width: 560px; }
form.userinput fieldset.nonotes div { width: 560px; }

form.userinput div.wide fieldset input.inputText,
form.userinput div.wide fieldset input.inputPassword,
form.userinput div.wide fieldset input.inputFile,
form.userinput div.wide fieldset textarea.inputTextarea { width: 320px; }

form.userinput div.notes p, form.userinput div small { line-height: 125%; }
form.userinput div.wide small { margin: 0 0 5px; }
form.userinput div.wide small.breakdown { margin: 0 0 5px 142px; }

div#rightColumnForm h1 { font-size: 20px; font-weight: normal; line-height: normal; margin: 10px 5px 10px; border-bottom: 1px solid #e3f0f5; padding: 10px 0 0 60px;  }
div#rightColumnForm h1 span { position: relative; top: 0.5em; background-color: #fff; padding: 0 20px;  }

form.userinput { }
form.userinput p.error { color: #f00; padding: 1em 40px;}
form.userinput fieldset { border: none; }
form.userinput div.field { clear: left; padding: 0 0 4px; }
form.userinput label { width: 115px; display: block; float: left; font-size: 11px; padding-top: 2px; color: #7E7E7E; }
form.userinput label sup { color: #d92309; visibility:hidden; vertical-align: top; font-size: 14px; padding-left: 0.25em; }
form.userinput label.checkbox, form.userinput label.radio { width: 340px; }
form.userinput .required label sup, form.userinput .semirequired label sup { visibility:visible; }
form.userinput input { border: 1px solid #c9c9c9; font-size: 12px; padding: 3px 5px; width: 240px; }
form.userinput input.short { width: 86px; }
form.userinput select { border: 1px solid #c9c9c9; font-size: 12px; padding: 0 0 0 5px; height: 20px; width: 190px;}
form.userinput input.checkbox, form.userinput input.radio { width: auto; margin-right: 5px; border: none; }
form.userinput small { display: block; clear: left; margin-left: 115px; font-size: 10px;}
form.userinput small.inline { display: inline; clear: none; margin-left: 3px; }
form.userinput div.field a { font-size: 11px; text-decoration: none; padding-left: 1em; color: #4DB2E2;  }
form.userinput div.field .error { color: #f00; }
form.userinput #submit_section div { margin-left: 433px; }
form.userinput #submit_button { display: block; background: url(/images/submit.gif) 0 0 no-repeat; width: 175px; height: 37px; font-size: 0; border: none; cursor: pointer; }
form.userinput .nopayment #submit_button { width: 199px; background-position: 0 -74px; }
form.userinput .nopayment #submit_button:hover { background-position: 0 -111px; }
form.userinput #processing_button { display: block; background: url(/images/submit.gif) 0 -148px no-repeat; width: 175px; height: 37px; cursor: wait; }
form.userinput .submit_button span { display: none; }

div#rightColumnForm fieldset { border: none; border-bottom: 1px dotted #666; width: 810px; margin: 10px auto; padding: 10px 0;  }
div#rightColumnForm fieldset h2 { float: left; width: 290px; margin-left: 18px; font-weight: bold; font-size: 16px; color: #57434D; }
div#rightColumnForm fieldset div { margin-left: 318px;  }
div#rightColumnForm fieldset h2 + div.field { float: left; clear: none; margin-left: 10px;  }
div#rightColumnForm fieldset span.price { float: right; width: 80px; font-size: 14px; padding: 5px 0; line-height: 1em; height: 12px; color: #7E7E7E; }
div#rightColumnForm fieldset p { float: left; font-size: 11px; line-height: 1.25em; padding: 0.5em 0; width: 410px; }
div#rightColumnForm fieldset p.note { width: 100%; }
div#rightColumnForm fieldset a { text-decoration: none; white-space: nowrap; }

div#rightColumnForm fieldset#course_section a, div#rightColumn fieldset#fee_section a { color: #4DB2E2; }
div#rightColumnForm fieldset#course_section select { font-size: 14px; width: 300px; }
div#rightColumnForm fieldset#course_section span.price { font-weight: bold; }
div#rightColumnForm fieldset#fee_section span.price { font-size: 11px; }
div#rightColumnForm fieldset#audio_section label { font-size: 14px; }
div#rightColumnForm fieldset#payment_section { background-color: #ecebe8; border: none; }
div#rightColumnForm fieldset#cc_section, div#rightColumn fieldset#mo_section { border-bottom: 1px dotted #666; border-top: 1px dotted #666; }
div#rightColumnForm fieldset #total_div p { font-weight: bold; font-size: 14px; }
div#rightColumnForm fieldset #total_div span.price { font-weight: bold; }

div#rightColumnForm fieldset #duplicate span { padding-left: 0 !important; font-weight: normal !important; color: #f00; font-size: 11px;}
div#rightColumnForm fieldset #duplicate span a { text-decoration: underline; color: #f00; }

div#rightColumnForm .bottom { text-align: center; width: 810px; margin: 0 auto; }
div#rightColumnForm .bottom p { font-size: 11px; width: 75%; margin: 1em auto; }
div#rightColumnForm .bottom div img { vertical-align: middle; margin: 0 10px; }
div#rightColumnForm .bottom p.highlight { font-size: 14px; width: 100%; background-color: #dbf0f9; padding: 1em 0; color: #57534d; font-weight: bold; }
div#rightColumnForm .bottom a { color: #4DB2E2; }

#control_overlay { background-color:#000; }
.nscPopup { background-color: #fff; width: 500px; padding: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.nscPopup .window_close { width: 20px; height: 20px; float: right; width: 20px; margin: 4px; background: url(/images/close.png) 0 0 no-repeat; cursor:pointer; }
.nscPopup .window_close span { display:none; }
.nscPopup .window_contents { clear: none; color: #666; padding: 10px 10px 20px; }
.nscPopup h2 { font-size: 16px; font-weight: bold; border-bottom: 1px dotted #666; padding-bottom: 10px; margin-bottom: 10px; }
.nscPopup h2.red { color: #c00; }
.nscPopup p { font-size: 13px; padding-bottom: 1em; color: #000; }
.nscPopup div.scroll { height: 250px; overflow: auto;}
.nscPopup ol.questions li { list-style-position:inside; list-style-type:decimal; }
.nscPopup ol.questions li a { color: #666; text-decoration: none; }
.nscPopup ol.questions li div { display: none; }
.nscPopup ol.questions li.open div { display: block; color: #009; padding: 0 0 10px 20px; }
.nscPopup #audio { margin: 0 auto; width: 200px; background-color: #c3efb2; border: 1px solid #ced4d4; padding: 1px; }
.nscPopup #audio div.audiosample { }
.nscPopup #audio p { text-align: center; font-weight: bold; color: #000; font-size: 12px; line-height: 1.5em; padding: 5px; width: 150px;  margin: 0 auto; font-family: Verdana, Arial, Helvetica, sans-serif;  }
.nscPopup #audio p strong {color: #c00; font-size: 16px;}
.nscPopup #audio p small { color: #999; font-size: 10px; }
.nscPopup img.right { float: right; border: 1px solid #ccc; padding: 2px; margin: 0 0 0 10px; }
/*	FORM STUFF	*/