/* CSS Document */

body { background:#F9F5F0 url(../../images/body-background.jpg) top left repeat-x; font:normal 12px/15px Arial, Helvetica, sans-serif; color:#333333; cursor:default }
body, ul, ol, li, dt, dd, h1, h2, h3, h4, p, blockquote, q, dl, dt, dd { margin:0; padding:0 }
form { display:inline }
.box-content em { font-style:normal; color:#CC0000 }
a { color:#CC0000; text-decoration:underline }
a:hover { text-decoration:none }
a img { border:0 }
p { padding-bottom:15px }
ul, ol { list-style-type:none; display:block; overflow:hidden }
img.cost { position:absolute; margin:-68px 0 0 740px }
div.testimonial { background:url(../../images/quote.gif) left 12px no-repeat }
	div.testimonial p { font:italic 12px Georgia, "Times New Roman", Times, serif }

/* Change #1 */
/* Added 100% width for the <h1> tag, and autowidth for the elements inside this tag, <em> and <strong> */
h1 { width:100%; font:italic normal 700 20px normal Georgia, Times New Roman, Times, serif; 
letter-spacing:-1px; border-bottom:1px solid #DCDCCD; overflow:hidden
}
h1 em { width:auto; float:left; background:#EBEBE3; padding:12px 22px 10px 20px }
h1 em a { text-decoration:none }
html>/**/body h1 em { padding:12px 21px 10px 20px }
h1 em.inactive { filter:alpha(opacity=30); -moz-opacity:0.3; opacity:.3 }
h1 strong { width:auto; float:left; font-weight:normal; color:#CC0000; background:#EBEBE3; padding:12px 22px 10px 20px }

h2 { font:italic 18px Georgia, "Times New Roman", Times, serif; color:#333333; padding-bottom:8px; letter-spacing:-1px }

h3 { font:italic 13px Georgia, "Times New Roman", Times, serif; color:#CC0000 }
h3 strong { font-weight:normal; color:#CCCCCC }
h4 { font:italic 13px Georgia, "Times New Roman", Times, serif; padding:12px 22px 12px 20px; background:#EBEBE3 }
h4 strong { font-weight:normal; color:#CC0000 }
h4 em { float:left }
h6 { font:italic 12px Georgia, "Times New Roman", Times, serif; padding-bottom:10px; color:#CC0000; overflow:hidden }
h6 strong { display:block; font-weight:normal; color:#999 }
h6 span { font-style:italic; color:#999 }

a.anchor { visibility:hidden; font-size:1px }
a.returntop { background:url(../../images/return-top.gif) left top no-repeat; padding-left:15px; color:#999999; text-decoration:none }
a.returntop:hover { color:#666666; text-decoration:none }
p.end { padding-bottom:0 }
.end { margin-bottom:0 !important }
p.note { color:#999999 }
div.clear { font-size:1px; line-height:1px; clear:both }
input, select, textarea { font:normal 12px Arial, Helvetica, sans-serif; color:#333333 }
img.btn { cursor:pointer; margin-right:3px }
img.end { margin-right:0 !important }
.pos-left { float:left; margin-right:20px }
.pos-right { float:right; margin-left:20px }
.txt-left { float:left }
.txt-right { float:right }

blockquote { float:left; color:#CC0000; z-index:2; background:#FFFFFF url(../../images/blockquote-fill.jpg) top right no-repeat; font:italic 13px Georgia, "Times New Roman", Times, serif; width:120px; margin:0 20px 10px 0; padding:28px 30px; border-right:4px solid #EBEBE3 }
blockquote strong { text-decoration:underline; font-weight:normal }

/* Change #2 */
/* Added float property for the top menu elements, instead of display:block */
div#navigation { width:960px; height:90px; margin:0 auto }
div#navigation img { width:174px; float:left }

div#navigation ol { height:60px; float:right; font:bold 12px Arial, Helvetica, sans-serif; overflow:hidden }
div#navigation ol li { float:left; overflow:hidden }
div#navigation ol a { float:left; overflow:hidden; padding:0; text-decoration:none; background:none; color:#FFFFFF }
div#navigation ol a span { float:left; height:60px; width:2px; font-size:1px; background:url(../../images/navigation-separator.jpg) top center no-repeat }
div#navigation ol a strong { float:left; margin:23px 8px 0 9px; cursor: pointer; }
div#navigation ol a:hover
{
	background-position: left top;
	background: url(../../images/navigation_hover.jpg) top left repeat-x;
	
}
div#navigation ol a:hover span { background:url(../../images/navigation-separator_hover.jpg) top center no-repeat }

div#navigation ol li.active a { background:#F7F7F2; color:#333333 }
div#navigation ol li.active a span { background:url(../../images/navigation-separator_active.jpg) top center no-repeat }

div#navigation ul { position:absolute; overflow:hidden }
div#navigation ul.nav-classes { margin:60px 0 0 240px }
div#navigation ul.nav-classes-bookmark { margin:60px 0 0 640px }
div#navigation ul.nav-resources { margin:60px 0 0 240px  }
div#navigation ul li { color:#999999; float:left; height:21px; overflow:hidden; margin:5px 0 0 0; padding:3px 15px 0 10px; background:url(../../images/navigation-submenu-separator.jpg) top right no-repeat }
div#navigation ul li a { text-decoration:none; color:#333333 }
div#navigation ul li a:hover { color:#CC0000 }

/* HEADER FIX 17.06 */
div#header { width:100%; font-size:11px !important }
div#header div.header-content { width:920px; margin:0 auto; padding:10px 10px 30px !important; color:#FFFFFF; overflow:hidden }
div#header div.header-content div.header-part { height:125px !important; margin-bottom:20px }
div#header div.header-content div.header-part div { width:450px; overflow:hidden }
div#header div.header-content div.header-part div a.header-action { float:right; margin:14px 14px 0 20px !important }
div#header div.header-content div.header-part div p { padding:0 20px }
.one { background:url(../../images/header-step1.gif) right 10px no-repeat }
.two { background:url(../../images/header-step2.gif) right 10px no-repeat }
.tree { background:url(../../images/header-step3.gif) right 10px no-repeat }
.four { background:url(../../images/header-step4.gif) right 10px no-repeat }

/*
div#header { width:100% }
div#header div.header-content { width:920px; margin:0 auto; padding:20px; color:#FFFFFF; overflow:hidden }
div#header div.header-content div.header-part { height:115px; margin-bottom:20px }
div#header div.header-content div.header-part div { width:450px; overflow:hidden }
div#header div.header-content div.header-part div a.header-action { float:right; margin:3px 14px 0 20px }
div#header div.header-content div.header-part div p { padding:0 20px }
.one { background:url(../../images/header-step1.gif) top right no-repeat }
.two { background:url(../../images/header-step2.gif) top right no-repeat }
.tree { background:url(../../images/header-step3.gif) top right no-repeat }
.four { background:url(../../images/header-step4.gif) top right no-repeat }
*/

/* Change #3 */
/* Changed position of the background images for header-content from "center" to "center top" */
.homepage { height:220px !important; background:url(../../images/header-homepage-fill.jpg) top left repeat-x }
.homepage div.header-content { height:180px; overflow:hidden; background:url(../../images/header-homepage.jpg) center top no-repeat }
div.header-content em { font-size:17px; font-weight:bold; margin-right:4px; position:relative; top:-9px }
.green { height:110px !important; background:url(../../images/header-green-fill.jpg) top left repeat-x }
.green div.header-content { height:70px; overflow:hidden; background:url(../../images/header-green.jpg) center top no-repeat }
.red { height:110px !important; background:url(../../images/header-red-fill.jpg) top left repeat-x }
.red div.header-content { height:70px; overflow:hidden; background:url(../../images/header-red.jpg) center top no-repeat }
.blue { height:110px !important; background:url(../../images/header-blue-fill.jpg) top left repeat-x }
.blue div.header-content { height:70px; overflow:hidden; background:url(../../images/header-blue.jpg) center top no-repeat }
.purple { height:110px !important; background:url(../../images/header-purple-fill.jpg) top left repeat-x }
.purple div.header-content { height:70px; overflow:hidden; background:url(../../images/header-purple.jpg) center top no-repeat }

div#header ul.header-nav { }
div#header ul.header-nav li { float:left; margin-right:10px }
div#header ul.header-nav li.end { margin-right:0 !important }
div#header ul.header-nav li.end a { width:200px }
div#header ul.header-nav li.end strong { width:200px }
div#header ul.header-nav li a { display:block; text-align:center; width:190px; padding:15px; color:#B6D6DD; font-weight:bold; text-decoration:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/FillW10.png',sizingMethod='scale') }
html>/**/body div#header ul.header-nav li a { background:url(../../images/FillW10.png) }
div#header ul.header-nav li a:hover { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/FillW25.png',sizingMethod='scale') }
html>/**/body div#header ul.header-nav li a:hover { background:url(../../images/FillW25.png) }
div#header ul.header-nav li strong { display:block; text-align:center; width:190px; padding:15px; color:#FFFFFF; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/FillW25.png',sizingMethod='scale') }
html>/**/body div#header ul.header-nav li strong { background:url(../../images/FillW25.png) }

div#header h2 { font:italic 30px Georgia, "Times New Roman", Times, serif; letter-spacing:-2px; color:#FFFFFF; padding:18px 20px 10px 20px }

div.box { margin:0 0 5px 0 }
div.end { margin:0 !important }
div.box-content { padding:20px; overflow:hidden }
div.dual { overflow:hidden }
div.dual div.box { width:290px }
div.dual .input-txt { width:256px !important }

div.google-ad { text-align:center; margin-bottom:30px }

div.content { width:100%; background:url(../../images/content-fill.jpg) top left repeat-x }
div.content-wrapper { width:920px; margin:0 auto; padding:20px 20px 0 20px; overflow:hidden; background:url(../../images/content-wrapper-fill.jpg) top right no-repeat }
div.content-left { float:left; width:600px }
/* RIGHT-NAV FIX 17.06 */
div.content-right { float:right; width:300px; font-size:11px } 

div.qktip { background:#FFFFFF; border-bottom:1px solid #DCDCCD; margin-bottom:30px; overflow:hidden }
div.qktip h3 { padding-bottom:10px }
div.qktip div { margin:15px 0 0 0 }
div.qktip img { position:absolute; margin:-14px 0 0 10px;
    top: 646px;
    left: 382px;
}
div.qktip em { float:left; font:italic 20px Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; background:#CC0000; color:#FFFFFF; margin-right:20px; padding:18px 28px 18px 20px }

div.banner { position:relative; top:-5px }
div.form-element { margin-bottom:8px; overflow:hidden }
div.form-element label { display:block; margin-bottom:3px }
div.form-element table { margin-bottom:10px; border-collapse:collapse }
div.form-element table td { padding-right:10px }
/* div.form-element table td img { height:200px !important; width:auto !important } */
.input-txt { padding:4px 4px 5px 4px; background:#FFFFFF; border:2px solid #DFDFDF; border-top:2px solid #C9C9C9; border-left:2px solid #C9C9C9 }
div.content-left .input-txt { width:548px }
div.content-right .input-txt { width:248px }

ol.txt-list { }
ol.txt-list li { overflow:hidden; margin:0 0 6px 0 }
ol.txt-list li span { float:left; text-align:right; width:100px; color:#999999; margin-right:10px }

dt { margin:0 0 10px 0; font:italic 13px Georgia, "Times New Roman", Times, serif; color:#CC0000 }
dd { margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #DCDCCD }

ol.olist { }
ol.olist li { margin-bottom:5px; padding-left:16px; background:url(../../images/bullet.gif) left 4px no-repeat; overflow:hidden }
ol.olist li strong { font-weight:normal; color:#999999 }
ol.olist li.end { margin-bottom:0 }

ol.nlist { margin-bottom:12px }
ol.nlist li { margin-bottom:5px; padding-left:16px; background:url(../../images/bullet3.gif) left 4px no-repeat; overflow:hidden }
ol.nlist li strong { font-weight:normal; color:#999999 }
ol.nlist li.end { margin-bottom:0 }

ol.qlist { }
ol.qlist li { margin-bottom:5px; padding-left:16px; background:url(../../images/bullet2.gif) left 4px no-repeat; overflow:hidden }
ol.qlist li strong { font-weight:normal; color:#999999 }
ol.qlist li.end { margin-bottom:0 }

div.element { padding:20px 20px 30px 20px; overflow:hidden }
ul.ulist { }
ul.ulist li { margin:0 0 5px 0 }

img.picture { padding:10px; background:#FFFFFF; margin:0 20px 10px 0; border-bottom:4px solid #EBEBE3; display:block }
img.picture-left { padding:10px; background:#FFFFFF; margin:0 20px 10px 0; border-bottom:4px solid #EBEBE3; float:left }
img.picture-right { padding:10px; background:#FFFFFF; margin:0 0 10px 20px; border-bottom:4px solid #EBEBE3; float:right }
div.page-nav { padding:10px 20px 30px 20px; border-top:4px solid #EBEBE3; overflow:hidden }

/* Change */
/* 100% width for progress-element and 200px width and flat left for progress-class */
div.progress-element { width:100%; margin-bottom:15px; background:#EBEBE3 url(../../images/progress-gray-fill.gif) left top repeat-y; border-bottom:1px solid #DCDCCD; overflow:hidden }
div.progress-stat { float:left; width:58px; height:25px; margin-right:20px; font:normal 13px/13px Georgia, "Times New Roman", Times, serif; color:#999999; font-style:italic; letter-spacing:-1px; padding:15px 0 0 0; text-align:center }
div.progress-class { width:200px; float:left; padding:15px 20px 14px 0; overflow:hidden }
h5 { font:italic 13px Georgia, "Times New Roman", Times, serif; margin:0; padding:0 }
div.progress-class ol.olist { margin-top:15px }
div.progress-class ol.olist a { color:#333333; text-decoration:none }
div.progress-class ol.olist a:hover { color:#CC0000 }
div.progress-class ol.olist li { margin-bottom:3px; background:url(../../images/bullet2.gif) left 4px no-repeat }
div.current-class div.progress-stat { color:#3D6600 }

/* 
MODIFIED FOR TD IN DELELOPERS.CSS 
div.progress-stat { float:left; width:42px; height:42px; margin-right:20px }
div.progress-class ol.olist li.active { background:url(../../images/bullet3.gif) left 4px no-repeat; color:#666666 }
div.progress-element { margin-bottom:15px; background:#EBEBE3 url(../../images/progress-gray-fill.gif) left top repeat-y; border-bottom:1px solid #DCDCCD; overflow:hidden }
div.completed-class { background:#EBEBE3 url(../../images/progress-green-fill.gif) left top repeat-y; filter:alpha(opacity=40); -moz-opacity:0.4; opacity:.4 } 
div.current-class { background:#EBEBE3 url(../../images/progress-green-fill.gif) left top repeat-y }
*/

p.quiz-element { padding-bottom:5px; font:italic 12px Georgia, "Times New Roman", Times, serif }
input.radiobtn { height:13px; width:13px; margin:0 5px 0 0; padding:0; border:0; position:relative; top:2px }
img.hiw { padding:10px 0 35px 0 }

div.video { width:480px; padding:10px; background:#FFFFFF; margin:0 auto 20px auto; border-bottom:4px solid #EBEBE3 }

div.profile { margin:1px 0 15px 0; padding:19px 20px 16px 20px; background:#EBEBE3 url(../../images/profile-fill.jpg) left bottom repeat-x }
div.profile span { color:#757575 }

div.amazon { width:118px; padding:10px; background:#FFFFFF; margin:0 auto 20px auto; border-bottom:4px solid #EBEBE3; overflow:hidden }
div.book-list { overflow:hidden }
div.book { width:144px; padding:20px 20px 0 20px; border:1px solid #DCDCCD; float:left; margin:0 20px 20px 0; overflow:hidden }
div.book-end { margin-right:0 !important }

div#footer { clear:both; background:#EBEBE3; border-top:1px solid #DCDCCD; border-bottom:4px solid #DCDCCD; color:#999999 }
div#footer a { color:#666666 }
div#footer div { width:920px; overflow:hidden; margin:0 auto; padding:20px 20px 0 20px }
div#footer ul { float:right; overflow:hidden }
div#footer ul li { float:left; padding:0 10px 16px 10px; border-right:1px solid #DCDCCD }

div.features { position:absolute; margin-top:-10px }
	div.features p { width:140px }
	div.features a { position:relative; top:12px; left:-5px }
	div.homepage-start { width:250px !important; height:130px; padding:27px 20px; float:left; background:url(../../images/background_startclass.jpg) center no-repeat }
	div.homepage-tour { width:250px !important; height:130px; margin-right:20px; padding:27px 20px; float:left; background:url(../../images/background_viewdemo.jpg) center no-repeat }