/* CSS Document */
/*
---VN Colors---
VN Green:#A0CC3A
VN Green for Text:#709c0a
VN Dark Blue:#27475d
VN Light Blue:#1f719d
*/

/* ========= */
/* = FONTS = */
/* ========= */

@font-face {
	font-family: 'AllerRegular';
	src: url('/_fonts/aller_rg-webfont.eot');
	src: local('☺'), url('/_fonts/aller_rg-webfont.woff') format('woff'), url('/_fonts/aller_rg-webfont.ttf') format('truetype'), url('/_fonts/aller_rg-webfont.svg#webfont03bI2uQD') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AllerDisplayRegular';
	src: url('/_fonts/allerdisplay-webfont.eot');
	src: local('☺'), url('/_fonts/allerdisplay-webfont.woff') format('woff'), url('/_fonts/allerdisplay-webfont.ttf') format('truetype'), url('/_fonts/allerdisplay-webfont.svg#webfont7gi0oyL8') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AllerLightItalic';
	src: url('/_fonts/aller_ltit-webfont.eot');
	src: local('☺'), url('/_fonts/aller_ltit-webfont.woff') format('woff'), url('/_fonts/aller_ltit-webfont.ttf') format('truetype'), url('/_fonts/aller_ltit-webfont.svg#webfont7KnRqLQM') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AllerLightRegular';
	src: url('/_fonts/aller_lt-webfont.eot');
	src: local('☺'), url('/_fonts/aller_lt-webfont.woff') format('woff'), url('/_fonts/aller_lt-webfont.ttf') format('truetype'), url('/_fonts/aller_lt-webfont.svg#webfontIdbwIww0') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AllerItalic';
	src: url('/_fonts/aller_it-webfont.eot');
	src: local('☺'), url('/_fonts/aller_it-webfont.woff') format('woff'), url('/_fonts/aller_it-webfont.ttf') format('truetype'), url('/_fonts/aller_it-webfont.svg#webfontKK5MYGPD') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AllerBoldItalic';
	src: url('/_fonts/aller_bdit-webfont.eot');
	src: local('☺'), url('/_fonts/aller_bdit-webfont.woff') format('woff'), url('/_fonts/aller_bdit-webfont.ttf') format('truetype'), url('/_fonts/aller_bdit-webfont.svg#webfontKgzUjaJS') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AllerBold';
	src: url('/_fonts/aller_bd-webfont.eot');
	src: local('☺'), url('/_fonts/aller_bd-webfont.woff') format('woff'), url('/_fonts/aller_bd-webfont.ttf') format('truetype'), url('/_fonts/aller_bd-webfont.svg#webfontBOLxxu2e') format('svg');
	font-weight: normal;
	font-style: normal;
}

.AllerLight{font-weight:normal;font-style:normal;line-height:normal;font-family:'AllerLightRegular',sans-serif;font-size-adjust:0.51;}
.AllerLightItalic{font-weight:normal;font-style:normal;line-height:normal;font-family:'AllerLightItalic',sans-serif;font-size-adjust:0.51;}
.Aller{font-weight:normal;font-style:normal;line-height:normal;font-family:'AllerRegular',sans-serif;font-size-adjust:0.52;}
.AllerItalic{font-weight:normal;font-style:normal;line-height:normal;font-family:'AllerItalic',sans-serif;font-size-adjust:0.52;}
.AllerBold{font-weight:normal;font-style:normal;line-height:normal;font-family:'AllerBold',sans-serif;font-size-adjust:0.52;}
.AllerBoldItalic{font-weight:normal;font-style:normal;line-height:normal;font-family:'AllerBoldItalic',sans-serif;font-size-adjust:0.52;}
.AllerDisplay{font-weight:normal;font-style:normal;line-height:normal;font-family:'AllerDisplayRegular',sans-serif;font-size-adjust:0.52;}


/* -----------------------------------------
Global Reset  
v1.0 | 20080212 
http://meyerweb.com/eric/tools/css/reset/
-------------------------------------------- */
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, 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;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

del { text-decoration: line-through; }
ins { text-decoration: none; background: #ffc; }

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

:focus { outline: none; }

/* Font Reset */

body { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 62.5%; }
html>body { font-size: 10px; }

.offstageleft {margin-left: -9999em;}
.hidden {display:none;}
.name{color:#27475d;}
*{margin:0;padding:0;}
html,body{height:100%;}
body{text-align:center;background-color:#fff;font-family:Helvetica,Verdana,Arial,sans-serif;}
h2{margin:0px 0px 0px 0px;color:#709c0a;font-size:2.4em;font-weight:normal;}
h3{color:#555;font-size:15pt;}
p{color:#555;font-size:13pt; line-height:1.5em;}
ul.vnlogo {list-style-image:url('/images/bullet_vnlogo.png');}
span.uppercase {text-transform:uppercase;}
span.nb {white-space:nowrap;}
a{outline:none;}
a:link,a:visited{text-decoration:none;color:#1f719d;}
a:hover{text-decoration:underline;color:#1f719d;}
#container{min-height:100%;position:relative;padding:0;border:0;margin:0;background-color:#e2e3dc;}
#header-container.public-header{background:#27475d;background-image:url('/images/header-bg.png');background-repeat:repeat-x;position:relative;width:100%;height:200px;text-align:center;}
.public-header #header-content{background:transparent;position:relative;margin:0px auto;width:1000px;height:200px;}
.public-header #header-content #logbox{padding:0px;height:29px; z-index:1; position:absolute;top:10px;right:20px;text-align:left;background: transparent url('/images/login-chicklet-bg.png') no-repeat top right;}
.public-header #header-content #logbox .login-greeting{height: 29px; font-size:1.6em; background: transparent url('/images/login-chicklet-arrow.png') no-repeat top left; display:block;
padding:5px 26px 5px 30px;margin-left: -26px;}
.public-header #header-content #logbox a{color:#e4f1f4;}
.public-header #header-content #logo{position:relative;top:5px;left:-17px;text-align:left;height:150px;background-image:url('/images/logo_and_tagline.png');background-repeat:no-repeat;}
.public-header #header-content #logo img{height:112px;width:344px;margin:10px 0px 0px 26px;padding:0;border:0;}

ul#header-nav{position:absolute;top:160px;left:40px;border:none; list-style-type:none;}
ul#header-nav li{margin-left:34px; font-size:1.7em; line-height:0.9em; display:inline-block; zoom: 1;	*display:inline;vertical-align:top; background: transparent url('') no-repeat bottom center; height:28px;}
ul#header-nav li:first-child {margin-left:0px;}
ul#header-nav li.active, ul#header-nav li:hover {background-image: url('/images/topnav-active.png');}
ul#header-nav li a {
	padding-bottom: 10px; color:#ccc; text-transform:lowercase; letter-spacing:1px; 
	text-shadow: 0px 1px 3px #355972;
	behavior: url('/_css/PIE.php'); 
}
ul#header-nav li.active a, ul#header-nav li:hover a {
	color:#fff; text-decoration:none; 
	text-shadow: 0px 1px 3px #333;
	behavior: url('/_css/PIE.php'); 
}

#body-container{position:relative;margin-top:20px;width:100%;text-align:center;padding:0px;padding-bottom:120px;/* Height of the footer */}
#body-content{background:transparent;width:980px;text-align:left;position:relative;margin:30px auto;padding:0px;}
.alert-box{margin-top:-30px; margin-bottom:18px;}
.alert-box p{font-size:20px; color:#999; text-shadow: -1px -1px 0px #fff;}
#ptpa-seal {position:absolute; top:-76px; right:16px; z-index:11;}
#bootcamp-seal {position:absolute; top:-46px; right:16px; z-index:11;}
#rotator {height:30px; width: 100%; position:relative;}
#rotator div {width:930px; position:absolute; top:0; left:0; z-index:8; opacity:0.0; background-color: #ecf5d8;}
#rotator div.active {z-index:10; opacity:1.0;}
#rotator div.last-active {z-index:9;}
.wrapper{padding-top:30px; margin:0px 12px 0px 4px;}
.basic-wrapper{margin-left:46px; width:860px;}
.basic-wrapper h2{}
ul.reqs-list{list-style-type:none; margin:20px 0px 40px 40px;}
ul.reqs-list li{margin-top:10px; font-size:16px; font-weight:normal; color:#666;}
h1.hidden{display:none;font-size:1px;margin:0px 0px 0px 0px;}
h1{text-transform:lowercase;font-weight:normal;color:#fff;font-size:32px;letter-spacing:1px;word-spacing:0px;}
.bottom{clear:both;border:0;padding:20px;margin:0;position:static;}
div.clear{clear:both;border:0;padding:0;margin:0;position:static;}

#subnav { width: 100%; height: 30px; margin:0 10px; padding:10px;}
#subnav ul { list-style-type: none; display:inline-block; zoom: 1;	*display:inline;color: #27475d;}
#subnav ul li { font-size: 18px; font-weight: bold; }
#subnav ul li.line { border-right: 2px dashed #000000; }

/*
- - - - - - - - - BOX STYLES - - - - - - - - -
*/
.box-top,.box-bottom{height:15px;background-repeat:no-repeat;border:none;position:relative;padding:0;margin:0;}
.box-middle{height:auto; position:relative; background-repeat:repeat-y;padding-bottom:30px;}
.alert-box .box-middle{padding-bottom:10px;}
.box-965-top,.box-965-middle,.box-965-bottom{width:981px;background-image:url('/images/box-965-top.png');}
.box-965-middle{background-image:url('/images/box-965-middle.png');}
.box-965-bottom{background-image:url('/images/box-965-bottom.png');}
.box-950-top,.box-950-middle,.box-950-bottom{width:966px;background-image:url('/images/box-950-top.png');}
.box-950-middle{background-image:url('/images/box-950-middle.png');}
.box-950-bottom{background-image:url('/images/box-950-bottom.png');}
.box-560-top,.box-560-middle,.box-560-bottom{width:576px;background-image:url('/images/box-560-top.png');}
.box-560-middle{background-image:url('/images/box-560-middle.png');}
.box-560-bottom{background-image:url('/images/box-560-bottom.png');}
.box-454-top,.box-454-middle,.box-454-bottom{width:470px;background-image:url('/images/box-454-top.png');}
.box-454-middle{background-image:url('/images/box-454-middle.png');}
.box-454-bottom{background-image:url('/images/box-454-bottom.png');}
.box-360-top,.box-360-middle,.box-360-bottom{width:376px;background-image:url('/images/box-360-top.png');}
.box-360-middle{background-image:url('/images/box-360-middle.png');}
.box-360-bottom{background-image:url('/images/box-360-bottom.png');}
.box-inner-wrapper{margin:0px 20px 0px 40px;}
/*
- - - - - - - - - END box styles - - - - - - - - -


- - - - - - - - - RIBBON STYLES - - - - - - - - -
*/
div.ribbon-blue, div.ribbon-green {padding-top:14px; max-width:900px; 
	background: transparent url('/images/ribbon-stem-blue.png') bottom left no-repeat; 
	position:relative; left:-13px; padding-bottom:11px;
}
div.ribbon-green {background-image:url('/images/ribbon-stem-green.png');}
div.ribbon-icon {display:inline-block; zoom: 1;	*display:inline;vertical-align:top; height:auto; 
	background-color: #2F84B0; background-repeat:no-repeat; padding:0px 0px 5px 0px;
}
div.ribbon-green > div.ribbon-icon {background-color: #A0CC3A;}

div.ribbon-icon-checkbox{background-image:url('/images/ribbon-icon-checkbox.png');}
div.ribbon-icon-checkbox h1{padding-left:44px;}
div.ribbon-icon-hand{background-image:url('/images/ribbon-icon-hand.png');}
div.ribbon-icon-hand h1{padding-left:48px;}
div.ribbon-icon-1guy{background-image:url('/images/ribbon-icon-1guy.png');}
div.ribbon-icon-1guy h1{padding-left:44px;}
div.ribbon-icon-2guys{background-image:url('/images/ribbon-icon-2guys.png');}
div.ribbon-icon-2guys h1{padding-left:70px;}
div.ribbon-icon-group{background-image:url('/images/ribbon-icon-3guys.png');}
div.ribbon-icon-group h1{padding-left:74px;}
div.ribbon-icon-face{background-image:url('/images/ribbon-icon-face.png');}
div.ribbon-icon-face h1{padding-left:54px;}
div.ribbon-icon-praise{background-image:url('/images/ribbon-icon-praise.png');}
div.ribbon-icon-praise h1{padding-left:48px;}
div.ribbon-icon-question{background-image:url('/images/ribbon-icon-question.png');}
div.ribbon-icon-question h1{padding-left:64px;}
div.ribbon-icon-star{background-image:url('/images/ribbon-icon-star.png'); background-position: -6px 0px;}
div.ribbon-icon-star h1{padding-left:46px;}
div.ribbon-icon-tower{background-image:url('/images/ribbon-icon-tower.png');}
div.ribbon-icon-tower h1{padding-left:46px;}
div.ribbon-icon-vnlogo{background-image:url('/images/ribbon-icon-vnlogo.png');}
div.ribbon-icon-vnlogo h1{padding-left:56px;}
div.ribbon-icon-search{background-image:url('/images/ribbon-icon-search.png');}
div.ribbon-icon-search h1{padding-left:50px;}
div.ribbon-password-problem{background-image:url('/images/title_lost_pwd.png'); width:384px; height: 54px; }

h1.ribbon {display:inline-block; zoom: 1;	*display:inline;width:auto; padding-left:60px; padding-right:20px; font-weight:normal;font-style:normal;line-height:normal;font-family:'AllerRegular',sans-serif;font-size-adjust:0.52; text-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px;}
h1.no-descenders{position:relative;top:2px;}
 

/*
- - - - - - - - - END ribbon styles - - - - - - - - -
*/

/* ================= */
/* = BUTTON STYLES = */
/* ================= */
div.tut-go-btn > a.vnbtn {behavior:none;}

.vnbtn, .vnbtn:visited{
	display: inline-block; 
	padding: 5px 10px 6px; 
	text-decoration: none;
	text-transform: lowercase;
	
	
	-moz-border-radius: 5px; /* FF1+ */
	-webkit-border-radius: 5px; /* Saf3+, Chrome */
	border-radius: 5px; /* Opera 10.5, IE 9 */
	
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3), inset 1px 1px 1px rgba(255,255,255,0.5), inset -1px -1px 1px rgba(0,0,0,0.5); /* FF3.5+ */
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.3), inset 1px 1px 1px rgba(255,255,255,0.5), inset -1px -1px 1px rgba(0,0,0,0.5); /* Saf3.0+, Chrome */
	box-shadow: 0px 1px 3px rgba(0,0,0,0.3), inset 1px 1px 1px rgba(255,255,255,0.5), inset -1px -1px 1px rgba(0,0,0,0.5); /* Opera 10.5, IE 9.0 */	
	text-shadow: 0 -1px 0px rgba(0,0,0,0.25);
	 behavior: url('/_css/PIE.php'); 
/*	border-bottom: 1px solid rgba(0,0,0,0.25);*/
	position: relative;
	cursor: pointer;
}
.vnbtn a{
	color:#fff;
	text-decoration: none;
}
.vnbtn.blue {
	color: #fff;
	background: #2F84B0;
	background: -webkit-gradient(linear, left top, left bottom, from(#2F84B0), to(#355972));
	background: -moz-linear-gradient(top, #2F84B0, #355972);
	-pie-background: linear-gradient(#2F84B0, #355972);
	 behavior: url('/_css/PIE.php'); 
}

.vnbtn.orange	{
	color:#fff;
	background: #ff5500;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffaa00), to(#ff5500));
	background: -moz-linear-gradient(top, #ffaa00, #ff5500);
	-pie-background: linear-gradient(#ffaa00, #ff5500);
	 behavior: url('/_css/PIE.php'); 
}
.vnbtn.green	{
	color:#fff;
	background: #A0CC3A;
	background: -webkit-gradient(linear, left top, left bottom, from(#A0CC3A), to(#688526));
	background: -moz-linear-gradient(top, #A0CC3A, #688526);
	-pie-background: linear-gradient(#A0CC3A, #688526);
	behavior: url('/_css/PIE.php'); 
}

.vnbtn.inactive, .vnbtn.inactive:hover,.vbtn.inactive:active	{
	color:#eee;
	background: #dddddd;
	background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
	background: -moz-linear-gradient(top, #dddddd, #bbbbbb);
	-pie-background: linear-gradient(#dddddd, #bbbbbb);
	 behavior: url('/_css/PIE.php'); 
	cursor: default;
	top:0px;
}

.vnbtn:hover {
	color:#fff;
	text-decoration:none;
	background: #355972;
	background: -webkit-gradient(linear, left top, left bottom, from(#355972), to(#2F84B0));
	background: -moz-linear-gradient(top, #355972, #2F84B0);
	-pie-background: linear-gradient(#355972, #2F84B0);
	behavior: url('/_css/PIE.php'); 
}

.vnbtn.orange:hover	{
	background: #ffaa00;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff5500), to(#ffaa00));
	background: -moz-linear-gradient(top, #ff5500, #ffaa00);
	-pie-background: linear-gradient(#ff5500, #ffaa00);
	behavior: url('/_css/PIE.php'); 
}
.vnbtn.green:hover	{
	background: #688526;
	background: -webkit-gradient(linear, left top, left bottom, from(#688526), to(#A0CC3A));
	background: -moz-linear-gradient(top, #688526, #A0CC3A);
	-pie-background: linear-gradient(#688526, #A0CC3A);
	behavior: url('/_css/PIE.php');
}

.vnbtn.selected, .vnbtn.selected:hover, .vnbtn.selected:active {
	background: #ffaa00;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff5500), to(#ffaa00));
	background: -moz-linear-gradient(top, #ff5500, #ffaa00);
	-pie-background: linear-gradient(#ff5500, #ffaa00);
	-moz-box-shadow: 0px -1px 3px rgba(0,0,0,0.5), inset 1px 1px 1px rgba(255,255,255,0.5), inset -1px -1px 1px rgba(0,0,0,0.5); /* FF3.5+ */
	-webkit-box-shadow: 0px -1px 3px rgba(0,0,0,0.5), inset 1px 1px 1px rgba(255,255,255,0.5), inset -1px -1px 1px rgba(0,0,0,0.5); /* Saf3.0+, Chrome */
	box-shadow: 0px -1px 3px rgba(0,0,0,0.5), inset 1px 1px 1px rgba(255,255,255,0.5), inset -1px -1px 1px rgba(0,0,0,0.5); /* Opera 10.5, IE 9.0 */	
	cursor: default;
	top: 0px;
	behavior: url('/_css/PIE.php'); 
}

.vnbtn:active { top: 1px; }
.vnbtn, .vnbtn:visited,
.medium.vnbtn, .medium.vnbtn:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 0px rgba(0,0,0,0.25); }
.small.vnbtn, .small.vnbtn:visited { font-size: 11px; padding: 6px 10px 7px; }
.large.vnbtn, .large.vnbtn:visited { font-size: 14px; padding: 8px 14px 9px; }
.xlarge.vnbtn, .xlarge.vnbtn:visited { font-size: 20px; padding: 8px 14px 9px; }
.xxlarge.vnbtn, .xxlarge.vnbtn:visited { font-size: 28px; padding: 10px 22px 11px; }

#email-form-launcher {height:160px; width:21px; position:fixed; left:0px; top:212px;
	background: #355972 url('/images/contact-tab.png') no-repeat 3px center;
	z-index:1; text-indent:-999em; border: 3px solid white; border-left:none; cursor:pointer;
	-moz-border-radius: 0px 5px 5px 0px; /* FF1+ */
	-webkit-border-radius: 0px 5px 5px 0px; /* Saf3+, Chrome */
	border-radius: 0px 5px 5px 0px; /* Opera 10.5, IE 9 */
	-moz-box-shadow: 2px 0px 4px rgba(0,0,0,0.5); /* FF3.5+ */
	-webkit-box-shadow: 2px 0px 4px rgba(0,0,0,0.5); /* Saf3.0+, Chrome */
	box-shadow: 2px 0px 4px rgba(0,0,0,0.5); /* Opera 10.5, IE 9.0 */
}
#email-form-launcher:hover {background-color: #2F84B0; width:25px; background-position: 7px center;
	-moz-box-shadow: 2px 0px 2px rgba(0,0,0,0.7); /* FF3.5+ */
	-webkit-box-shadow: 2px 0px 2px rgba(0,0,0,0.7); /* Saf3.0+, Chrome */
	box-shadow: 2px 0px 2px rgba(0,0,0,0.7); /* Opera 10.5, IE 9.0 */
}

div.banner{margin:-32px 12px 0px 4px; padding:36px 0px 20px 0px; background-color:#e4f1f4;z-index:0;}
div.banner p{margin:0px 12px 0px 40px;padding:0px;width:850px; font-size:1.6em; font-weight:normal; color:#777; text-shadow: -1px -1px 2px #fff;}

div.banner.announcement {background-color:#2F84B0; margin-top:0px; padding:6px 0px 6px 0px;}
div.banner.announcement p{font-weight:bold; color:#e4f1f4; text-shadow: 1px 0px 2px #355972; line-height:1.2em;}
div.banner.announcement p a {font-weight:bold; color:#fff; text-shadow: 1px 0px 2px #355972; text-decoration:underline;}

.search-holder {position:relative; margin: -20px 10px 20px 4px; background-color: #ECEDE8; border-top: 1px solid #ddd; border-bottom:1px solid #f0f1ea; padding: 13px 9px 13px 36px; }
.search-holder h2 {display:inline-block; zoom: 1; *display:inline; vertical-align:top; width: 186px; font-size:2.5em; line-height:1em;}
#keyword-search-main {display:inline-block; zoom: 1; *display:inline; vertical-align:top; width: auto;}
#keyword-search-main div.field {display:inline-block; zoom: 1; *display:inline; vertical-align:top; width: 560px; top: 8px;}
#keyword-search-main div.field input {font-size:2.3em; color:#777; width: 552px; padding:8px 10px 8px 40px;
	border:2px solid #fff;
	background:#fff url('/images/icn_search.png') 10px 11px no-repeat;
	-moz-border-radius: 30px; /* FF1+ */
	-webkit-border-radius: 30px; /* Saf3+, Chrome */
	border-radius: 30px; /* Opera 10.5, IE 9 */}
#keyword-search-main div.field input:hover, #keyword-search-main div.field input:focus {border-color: #A0CC3A;}
#search-btn {position:absolute; top:18px; right:26px;}

#left-column{float:left;width:550px;margin:0px;text-align:left;}
#hello #welcome_msg{margin:0px 0px 20px 40px; width:480px;}
#hello #welcome_msg p{text-transform:none;font-size:20pt;line-height:1.2em;color:#709c0a;}
#demo{border:0;margin:0px 0px 32px 40px;}
#demo img{border:none; width: 490px;}

#right-column{float:right;width:375px;margin:0px;text-align:left;}

#launch-demo {width: 500px; height: 270px; margin:10px 0px 0px 36px; background: #fff url('/images/dwb_demo_thumb.jpg') no-repeat top left; cursor:pointer;}
#launch-demo h2 {background-color: rgba(047, 132, 176, 0.6); color:#fff; text-shadow: 0px -1px 1px #355972;}

.home-promo {margin:12px 40px 0px 30px;}
.home-promo.left {margin-left:26px;}
.home-promo.right {margin-left:12px;}
.home-promo a {text-decoration:none; text-align:center;}
a.vnpromobtn {text-decoration:none; text-align:center;}
div.vnpromobtn {
	position:relative;
	margin: 0px;
	padding: 12px;
	background: #2F84B0 url('/images/stripes.png') repeat top left;
	-moz-border-radius: 8px; /* FF1+ */
	-webkit-border-radius: 8px; /* Saf3+, Chrome */
	border-radius: 8px; /* Opera 10.5, IE 9 */
	-moz-box-shadow: 2px 2px 6px rgba(50,50,50,0.5); /* FF3.5+ */
	-webkit-box-shadow: 2px 2px 6px rgba(50,50,50,0.5); /* Saf3.0+, Chrome */
	box-shadow: 2px 2px 6px rgba(50,50,50,0.5); /* Opera 10.5, IE 9.0 */
	behavior: url('/_css/PIE.php');
}
#sidebar-wrapper div.vnpromobtn {margin:0px 26px 0px 8px;}
div.vnpromobtn:hover {background-color: #3f94c0;}
div.vnpromobtn.orange {background-color: #ee9911;}
div.vnpromobtn.orange:hover {background-color:#fea921;}
#promo-schools {background-color:#0f6490;}
#promo-schools:hover {background-color:#1f74a0;}
#promo-educators {}
#promo-educators:hover {}
#promo-students, #promo-homeschoolers {background-color:#5fb4e0;}
#promo-students:hover, #promo-homeschoolers:hover {background-color:#6fc4f0;}
div.vnpromobtn h2 {color:#fff; text-shadow: 0px -1px 1px #355972; font-size: 3.2em; margin:0px; line-height:1em;}
div.vnpromobtn span {
	font-weight:normal;font-style:normal;line-height:normal; font-size: 0.7em;
	font-family:'AllerLightRegular',sans-serif;font-size-adjust:0.51;
}
div.vnpromobtn p {color:#fff; text-shadow: 0px -1px 1px #355972; font-size: 2.2em; margin:0px;}
div.vnpromobtn .free-flag {position:absolute; top:-4px; right:-4px; text-indent:-9999em; width:53px; height:53px; background:transparent url('/images/ribbon-free-sm.png') no-repeat top left;}
#promo-schools .free-flag {background-image: url('/images/ribbon-new-sm.png')}
#promo-signup {background-color: #ee9911;}
#promo-signup:hover {background-color:#fea921;}
.home-promo.signup-promo {margin: 6px 10px 20px 4px;}

#sign_up .box-middle {padding-bottom:20px;}
#right-column div.box {margin-bottom:10px;}

#hello {margin-bottom:10px;}
#hello .box-middle {padding-bottom:16px;}

#home-coverage ul {width:510px; margin:0px 0px 0px 30px; list-style:none; font-size: 1.9em;}
#home-coverage ul.course-list-science {margin-top:8px; border-top: 2px solid #A0CC3A; margin-bottom:-9px;}
#home-coverage ul li {display:inline-block; zoom: 1;	*display:inline;margin-top:10px; background: transparent url('/images/separator-dots.gif') no-repeat center left; padding:0px 4px 0px 10px;font-weight:bold; color:#777;}
#home-coverage ul li.first {background-image: none; padding-left:0px;}
/*#home-coverage .box-middle {padding-bottom:20px;}*/

#home-alignments ul {width:310px; margin:0px 0px 0px 30px; list-style:none; font-size: 1.6em;}
#home-alignments ul li {display:inline-block; zoom: 1;	*display:inline;margin-top:10px; background: transparent url('/images/separator-dots.gif') no-repeat center left; padding:0px 4px 0px 10px;font-weight:bold; color:#777;}
#home-alignments ul li.first {background-image: none; padding-left:0px;}
#home-alignments .box-middle {padding-bottom:20px;}
ul.alignments > li {position:relative;}
#home-alignments > div > p {margin:10px 0px 0px 30px; width:160px; height: 9px; font-size: 8px; text-transform: uppercase; background-color: #A0CC3A; color: #fff; line-height:9px; padding: 0px 4px;}

#home-testimonials p.testimonial-quote {
	position:relative; padding:14px 12px; margin:6px 40px 0px 30px; background-color: #e5f4c4; border:none; line-height:1.4em; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px; 
	behavior: url('/_css/PIE.php');
}
#home-testimonials p.testimonial-source {margin: 0px 40px 0px 40px; padding-top:30px; background: transparent url('/images/testimonial-stem-left.png') no-repeat 20px 0px; width:auto; text-transform:lowercase;}
#home-testimonials p.testimonial-source a {position:absolute; right:0px; margin-right:40px;}
body.home #body-container {padding:0px; padding-bottom:0px;}
body.home div.clear {padding-bottom:20px;}
#partnerships-container {text-align:center; margin:0px 0px 36px 0px;}
#partnerships-content {position:relative; margin:0px auto; padding:6px 0px; width:966px; text-align:left; background:#999;
	-moz-box-shadow: inset 0px 2px 4px #888, inset 0px -1px 2px #ccc; /* FF3.5+ */
	-webkit-box-shadow: inset 0px 2px 4px #888, inset 0px -1px 2px #ccc;; /* Saf3.0+, Chrome */
	box-shadow: inset 0px 2px 4px #888, inset 0px -1px 2px #ccc;; /* Opera 10.5, IE 9.0 */
	-moz-border-radius: 8px; /* FF1+ */
	-webkit-border-radius: 8px; /* Saf3+, Chrome */
	border-radius: 8px; /* Opera 10.5, IE 9 */}
#partnerships-logos {width:966px; height:100px; background:#999 url('/images/partners-gray.png') no-repeat center;}
#partnerships-content > h1 {position:absolute; top:-36px; left:0px; background:#999; height:36px; padding:0px 10px 10px; color:#e2e3dc;
	-moz-box-shadow: inset 0px 2px 4px #888; /* FF3.5+ */
	-webkit-box-shadow: inset 0px 2px 4px #888; /* Saf3.0+, Chrome */
	box-shadow: inset 0px 2px 4px #888; /* Opera 10.5, IE 9.0 */
	-moz-border-radius: 6px 6px 0px 0px; /* FF1+ */
	-webkit-border-radius: 6px 6px 0px 0px; /* Saf3+, Chrome */
	border-radius: 6px 6px 0px 0px; /* Opera 10.5, IE 9 */}
#promoboxes-container{display:block; position:relative; border:0 ;padding:36px 0px;margin:0px;width:100%; background: #b6b8b2 url('/images/promoboxes-bg-sq.png') repeat 0px 3px;}
#promoboxes-content{text-align:left;background:transparent;position:relative;margin:0px auto;padding:0px;width:1000px;}
div.promobox {
	text-align:left; position:relative; display:inline-block; zoom: 1;	*display:inline;vertical-align:top; width:260px; padding:18px; margin:0px 16px;
	background-color: #f7f7f7;
	border:1px solid #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url('/_css/PIE.php');
}
div.promobox h2 {color:#ff9900; margin: 0px 0px 10px; text-transform:lowercase; text-shadow:0px -1px 1px #cc3300;}
div.promobox h3 {font-size:1.4em; font-weight:normal; color:#355972; margin: 0px 0px 10px;}
div.promobox p {color:#355972; margin: 10px 0px;}
div.promobox ul {list-style:none; margin-bottom:10px;}
div.promobox ul li {color:#355972;}
div.promobox-links p {margin:4px 0px;}

#connect{margin-top: 16px;}
#connect p{margin:0px 40px 0px 40px;text-transform:none;font-weight:normal;font-size:13pt;line-height:1.2em;}
#connect #share-icons{position:relative;height:80px;margin:60px 0px 0px 40px;}
#connect #share-icons .share-icon{float:left;width:44px;margin-right:36px;}
#connect #share-icons img{border:none;margin:0;}
.tooltip-container div{margin:0;padding:0;}
.tooltip-container a img{position:relative;top:3px;}
#fb-rollover,#twitter-rollover,#digg-rollover,#stumble-rollover{display:none;background:url('/images/tooltips/fb-rollover.png');background-repeat:no-repeat;font-size:14px;height:118px;width:254px;margin:0;padding:5px;border:0;}
#twitter-rollover,#digg-rollover,#stumble-rollover{width:179px;height:40px;background:url('/images/tooltips/myspace-rollover.png');background-repeat:no-repeat;padding:14px 5px 10px 14px;}
#twitter-rollover{width:152px;height:62px;background:url('/images/tooltips/twitter-rollover.png');background-repeat:no-repeat;}
#digg-rollover{width:143px;background:url('/images/tooltips/digg-rollover.png');background-repeat:no-repeat;}
#stumble-rollover{width:133px;background:url('/images/tooltips/stumble-rollover.png');background-repeat:no-repeat;}
#facebook-fan-box{margin-left:40px;}
#sign_up{text-align:left; position:relative;}
#sign_up #signup-login{position:absolute;top:36px;left:200px;width:156px;height:40px;}
#sign_up #signup-login h2{font-size:12pt;margin:0;padding:0;}
#sign_up #signup-login p{font-size:10pt;font-weight:bold;margin:6px 0px 0px 0px;padding:0;}
#sign_up .sign_up-button {margin:20px 0px 0px 24px;}

#testimonials_wrapper {margin-right:300px;}
	#testimonials_wrapper p {margin: 0px;}
	#testimonials_wrapper h2 {letter-spacing:1px; margin:0px -16px 26px 168px; padding-bottom:20px; border-bottom: 1px solid #ccc;}
	ul.testimonials-list {list-style-type:none;}
	div#testimonials-fb {padding-top: 0px; margin-bottom: 30px; background: transparent url('/images/icon-testimonials-fb.png') no-repeat 50px 10px;}
	div#testimonials-general {padding-top: 10px; background: transparent url('/images/icon-testimonials-general.png') no-repeat 22px 0px;}
		ul.testimonials-list li {margin:0px 0px 20px 200px; padding: 0px 0px 16px 28px; overflow:visible; border-bottom:2px dotted #ddd;}
		ul.testimonials-list li:last-child {border-bottom:none;}
			ul.testimonials-list li h3 {color:#355972; font-weight:normal; margin-bottom:12px; margin-left:-22px; padding-left:22px; padding-top:4px; overflow:visible;background: transparent url('/images/icon-testimonials-ldq.png') no-repeat 0px 0px;}
				ul.testimonials-list li h3 span {padding-right:22px; background: transparent url('/images/icon-testimonials-rdq.png') no-repeat 7px right;}
			ul.testimonials-list li p {font-size:1.4em; line-height:1.4em;}


.faqs-wrapper {width:600px;margin:0px 0px 0px 50px;}
.faqs-wrapper ul {margin:12px 0px 0px 30px;}
.faqs-wrapper ul li{margin-top:12px; font-size:16px; color:#555;}

.faqs h3{margin:0px 0px 10px 40px;}
#faqs_wrapper p{margin:0px 0px 20px 60px;}

#contact_wrapper{position:relative;margin:0px 0px 0px 50px;text-transform:none;font-weight:normal;font-size:13pt;color:#555;}
#contact_wrapper div.contact-phone{position:absolute;top:-48px;left:220px;}
#contact_wrapper div.contact-phone h2{font-size:1.4em;}
#contact_wrapper #contact-widget{width:560px; height: 444px; display:inline-block; zoom:1; *display:inline;}
#contact_wrapper #email_sign_up{width:240px; display:inline-block; zoom: 1;	*display:inline; margin:0px 0px 0px 30px; border:1px solid #2F84B0; padding:10px;background-color:#7ebacb; vertical-align:top;}
#contact_wrapper #email_sign_up h2{font-size:15pt; color:#eee;margin:0;padding:0;}
#email_sign_up form{margin:0;}
#email_sign_up form label{color:#fafafa;font-size:10pt;font-weight:bold;display:block;float:left;margin:10px 20px 0px 0px;}
#email_sign_up form label .optional{font-size:8pt;font-weight:normal;}
#email_sign_up form label input{display:block;margin:5px 40px 0px 0px;border:2px solid #2F84B0;padding:3px;font-size:11pt;width:230px;}
#email_sign_up form .submit_button{margin:20px 0px 0px 0px;background-color:#2F84B0;border:1px solid #355972;padding:3px;font-size:10pt;color:#fff;}
#email_sign_up .privacy_msg {margin-top:10px; font-size:9pt; color:#355972;}

#press_wrapper{width:860px;margin:0px 0px 0px 50px;}
#press_items li h2 a {color:#A0CC3A; text-decoration:none;}
ul#press_items{list-style-type:none;width:720px;}
ul#press_items li{margin:20px 0px 0px 0px;padding:0px 0px 20px 5px;border-bottom:2px dotted #ddd;}
ul#press_items li.news_item-last{border-bottom:none;}
ul#press_items li h2{margin-bottom:8px;font-size:24pt;}
ul#press_items li p.headline{margin:16px 0px 0px 0px;width:500px;}
ul#press_items li p.link{margin:10px 0px 0px 0px;width:500px;}

div#news_release_wrapper {width:440px;}
#news_release_wrapper h2 {text-transform:uppercase;}
#news_release_wrapper h3 {margin:30px 0px 10px; font-weight:bold;}
#news_release_wrapper h4 {margin:20px 0px 0px 0px; font-size:16px; color:#555; text-transform:uppercase;}
#news_release_wrapper p {margin:10px 0px;}
span.where-when {font-weight:bold;}
#news_release_wrapper div.contact {margin:10px 0px;}
#news_release_wrapper div.contact p {margin:0; font-size:14px; font-family: Courier;}
p.release-end {text-align:center; font-family: Courier;}
#news_release_wrapper ul {margin-left:30px;}
#news_release_wrapper li {font-size: 1.6em; margin:10px 0px; color:#555;}

.jobs-head{width:400px;}
#jobs_wrapper{width:660px;margin:0px 0px 0px 50px;}
#jobs_wrapper p{margin-bottom:10px;}
#jobs_wrapper p.job-description{margin-bottom:10px;}
#jobs_wrapper h2{margin:30px 0px 10px; text-decoration:underline;}
#jobs_wrapper h3{margin:10px 0px; font-size:15px;}
#jobs_wrapper ul{margin:0px 0px 20px 20px;width:500px;line-height:1.4em;font-size:14px;}
#jobs_wrapper ul li{margin-bottom:10px;}
ul#jobs_items{list-style-type:none;width:720px;}
ul#jobs_items li{margin:20px 0px 0px 0px;padding:0px 0px 20px 5px;border-bottom:2px dashed #ccc;}
ul#jobs_items li.jobs_item-last{border-bottom:none;}
ul#jobs_items li h2{margin-bottom:8px;font-size:20pt;}
ul#jobs_items li p.headline{margin:16px 0px 0px 0px;width:500px;}
ul#jobs_items li p.link{margin:10px 0px 0px 0px;width:500px;}

#presskit_wrapper{width:860px;margin:0px 0px 0px 50px;}
#presskit_wrapper h2 {font-size: 30px;}
#presskit_wrapper h3 {font-weight: normal; margin:20px 0px 0px 20px;}
.presskit-section{margin-bottom:30px;}
.presskit-logos{margin:20px 0px; padding-top:10px; background-color:#f4fbff;width:760px;}
div.presskit-logos-tagtype{display:inline-block; zoom: 1; *display:inline;margin:5px 20px;width:720px;}
div.presskit-logos-orientation, div.presskit-photo{display:inline-block; zoom: 1; *display:inline;margin:5px 20px;}
div.presskit-logos-orientation img{margin:10px 0px; padding:20px;background-color:#fff;border:1px solid #ddd;}
div.presskit-logos-orientation img.white-logo{background-color:#222;}
.presskit-logos ul li, .presskit-photo ul li{list-style-type:none; font-size:14px;}

#thanks_wrapper{width:500px;margin:0px 0px 0px 50px;}
#thanks_wrapper p{margin-top:10px;}
#privacy_wrapper,#terms_wrapper{margin-bottom:40px;margin-left:50px;width:700px;padding:10px;background-color:#fff;}
#privacy_wrapper p,#terms_wrapper p{margin:10px 0px 20px 20px;line-height:1.2em;}
#terms_wrapper ul{margin:0px 0px 20px 60px;width:500px;line-height:1.4em;font-size:14px;}
#terms_wrapper ul li{margin-bottom:10px;}
#privacy_wrapper h3{margin:40px 0px 20px 20px;}
#four-oh-four_msg{margin:0px 0px 0px 50px;width:460px;background:#FFFFFF;}
#four-oh-four_msg p{font-size:14pt;margin-bottom:20px;}
#four-oh-four_msg p.errorCode{font-size:10pt;margin-bottom:20px;}

#footer-container {position:relative; margin:0px;padding-top:36px;background-image:url('/images/footer-bg-sq.png');background-repeat:repeat; text-align:center; letter-spacing:1px; text-shadow: 1px 1px 3px #333;}
#footer-content {margin:0px auto; padding:0px; width:1000px; height:auto; text-align:left;}
#footer-content p {margin:10px 0px 0px 0px; color:#ddd;font-size:11pt;}
#footer-content a:link, #footer-content a:visited {color:#fff;}
#footer-content a:hover {text-decoration:underline;}
#link-columns {text-transform:lowercase; margin-bottom:10px;}
div.link-column {display:inline-block; zoom: 1;	*display:inline;vertical-align:top; width:276px; margin:0px 17px; padding-left:20px;}
div.link-column h3 {color:#A0CC3A; font-size:1.5em; font-weight:normal;}
div.link-column ul {margin-top:10px;}
div.link-column ul li {display:block; font-size:1.3em; line-height: 1.5em;}
#footer-blurb {border: 1px solid #A0CC3A; border-left:none; border-right:none; width:926px; margin:20px auto 0px; padding:16px 0px;}
#footer-blurb h3 {color:#709c0a; font-weight:normal; font-size: 1.5em;}
#footer-blurb ul li {height:18px; background: transparent url('/images/separator-dots.gif') no-repeat center left; padding:0px 4px 0px 9px; margin-right:0px; display:inline-block; zoom: 1;	*display:inline;text-transform:lowercase;}
#footer-blurb ul li.first {padding-left:0px; background-image: none;}
#footer-blurb p {margin:0px; font-size:1.3em; line-height:1.5em;}

#link-rows {width:auto; text-align:center}
#link-rows ul {margin:0em 0em 0em -1em; list-style-type:none;}
#link-rows ul li {display:inline-block; zoom: 1;	*display:inline;font-size:1.3em;}

#footer-legal {width:auto; text-align:center; padding:20px 0px;}
.vn-footer #footer-legal {padding-top:0px;}
#footer-legal p {font-size:1.2em;}

/* =================== */
/* = SLIDING SIDEBAR = */
/* =================== */
#sidebar-wrapper {position:absolute; display:block; width:260px; right: 12px;z-index:5; overflow:visible;}
#sidebar-wrapper.sbAtTop {}
#sidebar-wrapper.sbSliding {position: fixed; top: 16px;}
#sidebar-wrapper.sbAtBottom {position: absolute;}

#sidebar-wrapper .vnbtn {width:204px; margin:0px 0px 20px 4px;}

div.sidebar-signup-btn{margin:12px 0px 10px 6px;}
div.sidebar-vidthumb{margin:12px 0px 4px 8px;}
div.sidebar-panel-wrapper{margin-left:-6px;}
div.sidebar-panel-top {height:48px; background: transparent url('/images/sidebar_top.png') no-repeat top left;}
	.sidebar-panel-top h2 {color: #666; font-size: 16px; padding: 24px 0px 0px 30px;}
div.sidebar-panel-mid {background: transparent url('/images/sidebar_mid.png') repeat-y top left;}
div.sidebar-content {margin:0px 34px 0px 28px; }
	.sidebar-content h3 {color: #777; font-size: 14px; margin:0px; padding:12px 0px 4px; border-top:1px dashed #aaa;}
	.sidebar-content h3:first-child {border-top:none;}
	.sidebar-content p {color: #888; font-size: 14px;}
	.sidebar-content .sidebar-section
	 {padding-bottom: 10px;}
	.sidebar-content .sidebar-section.last {border:none;}
div.sidebar-panel-bottom {height:31px; background: transparent url('/images/sidebar_bot.png') no-repeat top left;}

a.signup-btn {display:block; margin:0px 0px 0px 3px; height:68px; width:238px; text-indent:-9999em; background: transparent url('/images/btn-signup-landing.png') no-repeat 0 0px;}
a.signup-btn:hover {background-position:0px -68px;}

#dwb_demo{width:1030px;height:780px;}
#demo-invite {position:absolute; bottom:0px; left:0px; width:230px;}
	#demo-invite > h3 {margin:0px 0px 0px 0px; padding-bottom:12px; width:100%; text-align:center; color: #fff; font-size: 1.4em; font-weight:bold; text-shadow: 0px 1px 1px #355972;}
div.dwb-demo-play-btn div.play-icon-overlay{width:230px; height:123px; position:absolute; top:0px; left:0px; z-index:1; 
	background: transparent url('/images/tut-thumb-play-overlay.png') no-repeat -18px -20px;}
div.dwb-demo-play-btn div.play-icon-overlay:hover{background-position: -18px -173px;}
div.dwb-demo-play-btn{width:230px; height:123px; position:relative; margin:10px 0px 10px 8px;}
div.dwb-demo-play-btn img{width:230px; height:123px;}

.sidebar-promo-btn {display:block; margin:0px 0px 20px 3px; height:87px; width:238px; text-indent:-9999em; background: transparent url('/images/btn-promo-fundraising.png') no-repeat 0 -87px;}
.sidebar-promo-btn:hover {background-position:0px 0px;}
#sidebar-signup-btn {background-image: url('/images/btn-signup-parent.png');}
#sidebar-teacher-signup-btn {background-image: url('/images/btn-signup-educator.png');}



/* ======================== */
/* = AUDIENCE PAGE STYLES = */
/* ======================== */

#twitter-widget {position:absolute; top:41px; right:26px;}

.ribbon-hello-teachers {width:340px;}
.ribbon-hello-parents {width:480px;}
.ribbon-audience-faqs {width:340px;}
.ribbon-parent_student-faqs {width:480px;}
.audience-wrapper {padding-top:0px; width:600px; margin:0px 0px 0px 50px;}
#audience-landing-greeting {padding:18px 0px 10px;}
#audience-landing-greeting p, #audience-landing-greeting h2 {margin-top:12px;}
#audience-landing-greeting img {margin-top:12px;}
#audience-landing-faqs {padding-top:0px;}
#accordion div.toggle_content {margin:0px 0px 20px 1px;}
#accordion h2 {margin-left:-20px; font-size:18px; line-height:28px; padding:16px 0px 16px 20px; border-top:2px dotted #ccc; color:#2F84B0; background: transparent url('/images/toggle-triangle-e.png') no-repeat center left; cursor:pointer;}
#accordion h2.first {border: none;}
#accordion h2.active {background-image: url('/images/toggle-triangle-s.png');}
#accordion p {margin-top:12px;}

div.afflogo-div {text-align: center;}
.afflogo {max-width: 320px; margin-left:-5px;}

div.sidebar-wrapper {width:250px; position:absolute; right:40px; top:154px;}
.summer_promo div.sidebar-wrapper {position:absolute; right:80px; top:160px;}

a.mailto-link{margin-left:6px; font-size:18px;}



/* ======================== */
/* = TEXTBOOK LIST STYLES = */
/* ======================== */
#textbooks-wrapper{margin:0px 50px; width: 900px;}
#textbooks-wrapper ul{list-style-type:none; margin-top:40px;}
#textbooks-wrapper ul li{display:inline-block; zoom: 1;	*display:inline;width:160px; margin:0px 40px 40px 0px; vertical-align:top;}
.greeting {margin-bottom:20px;}
.textbook-title{margin-top:10px; font-weight:normal;font-size:18px;}
.textbook-edition{margin-top:6px; font-size:14px;font-weight:bold;}
.textbook-publisher{margin-top:6px; font-size:14px;}
.textbook-author{margin-top:6px; font-size:12px;}
span.small {font-size:14px;}

/* ========================= */
/* = SIGNUP OPTIONS STYLES = */
/* ========================= */
div.signup-wrapper{padding-top:0px;}
div.plan-types-wrapper{width:840px;margin: 30px auto 0px;}
div.plan-type{padding:16px;background-color:#355972;display:block; width:358px;vertical-align:top;}
#plan-type-premium{
	width:680px; margin-left:0px; position:relative;
	background: #355972; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e86b1', endColorstr='#355972'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#2e86b1), to(#355972)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #2e86b1,  #355972); /* for firefox 3.6+ */
	border:1px solid #294559;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url('/_css/PIE.php');
}
	#plan-type-premium #ptpa-seal {top:24px; right:80px;}


div.plan-info{height:auto;}
p.plan-type-heading{margin:0px 0px 20px 12px;text-transform:lowercase;font-size:30px;font-weight:normal;color:#fff;text-shadow: 2px 2px 3px #213848;}
p.plan-features-heading{font-size:14px; margin-bottom: 20px; margin-left:6px; margin-right: 6px; text-transform:uppercase;color:#fff;}
dl.plan-features-list{margin:0px 10px 0px 8px;}
	dl.plan-features-list dt{position:relative; margin:20px 10px 8px 0px;padding-left:30px;text-transform:lowercase;font-size:2em;font-weight:bold;color:#fff;background: none;text-shadow: 0px -1px 0px rgba(0,0,0,0.7);}
	dl.plan-features-list dt a {color:#fff;}
	dl.plan-features-list dd{margin-left:50px}
		dl.plan-features-list p{font-size:14px;color:#e4f1f4;margin-bottom:10px;}
div.plan-pricing{}
	div.plan-pricing div.signup-btn {text-align:center; margin:0px 0px 10px 0px; position:relative;}
	div.plan-pricing span.small {font-size:12px; font-weight:normal;}
	div.plan-pricing div.promo-ribbon {position:absolute; top:-16px; left:20px;}
	div.plan-pricing div.promo-ribbon p {color:#000;margin:0px;padding:2px 10px;font-size:12px; background-color: #A0CC3A;}

p.plan-price{margin:0px 0px 10px 12px; color:#fff; font-size:32px; text-transform:lowercase; text-shadow: 2px 2px 3px #213848;}
#plan-type-premium h2.plan-price{background: url('/images/plan-head-premium.png') no-repeat 0px -40px;}
#plan-type-basic h2.plan-price{background: url('/images/plan-head-basic.png') no-repeat 0px -40px;}
div.signup-btn{margin-left:6px;}
div.educators-btn{margin:20px auto;text-align:center;}
span.highlight{color:#709c0a;}

dl.plan-features-list dd p{width: 340px; background: url('/images/icon-check-green.png') no-repeat center right;}
span.dkrdbg, p.dkrdbg {
	line-height:1.2em;
	padding:4px 8px 2px;
	background-color: rgba(0,0,0,0.2);
	-moz-border-radius: 5px; /* FF1+ */
	-webkit-border-radius: 5px; /* Saf3+, Chrome */
	border-radius: 5px; /* Opera 10.5, IE 9 */
	-moz-box-shadow: 0px 1px 0px rgba(0,0,0,0.3); /* FF3.5+ */
	-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.3); /* Saf3.0+, Chrome */
	box-shadow: 0px 1px 0px rgba(0,0,0,0.3); /* Opera 10.5, IE 9.0 */
}
#plan-options{margin:30px 0px 0px 55px;}
div.plan-option{
	display:inline-block; zoom: 1; *display:inline;vertical-align:top; position:relative; width:164px;height:auto;
	padding:4px;
	margin-right:4px;
	background: #355972; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e86b1', endColorstr='#355972'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#2e86b1), to(#355972)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #2e86b1,  #355972); /* for firefox 3.6+ */
	border:1px solid #294559;
	-moz-border-radius: 5px; /* FF1+ */
	-webkit-border-radius: 5px; /* Saf3+, Chrome */
	border-radius: 5px; /* Opera 10.5, IE 9 */
	-moz-box-shadow: 2px 2px 4px #999999; /* FF3.5+ */
	-webkit-box-shadow: 2px 2px 4px #999999; /* Saf3.0+, Chrome */
	box-shadow: 2px 2px 4px #999999; /* Opera 10.5, IE 9.0 */
	behavior: url('/_css/PIE.php');
}
div.plan-option.plan-promo{
	display:block;width:707px; height:auto; margin-bottom:30px; font-size:0.7em;
}
div.plan-option.plan-promo div.plan-pricing{
	padding-top:0px;
}
div.plan-option.plan-promo div.signup-btn{
	position:absolute; top:10px; right:100px;
}

p.plan-blurb {margin:0px 0px 10px 12px; color:#ddd; font-size: 14px; line-height:16px; text-shadow: 0 -1px 0px rgba(0,0,0,0.5);}
p.plan-blurb a {color:#fff; text-decoration:underline;}
div.plan-promo p.plan-blurb {width:420px;}

div.plan-option h3.plan-option-title {margin:12px 0px 0px 12px; font-size:3em; color:#A0CC3A; text-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px;
}
div.plan-option div.promo-ribbon {position:absolute; top:0; right:0px;}	
div.plan-option div.promo-ribbon p {
	font-weight:bold; color:#000; text-shadow:0px 1px 0px rgba(255,255,255,0.4); text-transform:uppercase; margin:0px;padding:1px 10px;font-size:10px; background-color: rgba(255, 255, 0, 0.4);
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

div.price-comparison {margin-bottom:-10px;}
div.price-comparison p {color:#518daf; text-decoration: line-through;text-shadow:none;}
p.savings-msg {margin:-8px 0px 6px 12px; color:#FFAA00;}
#free-link{margin:0px 0px 0px 55px;}
	#free-link p {font-size:1.8em;}
	#free-link a {text-decoration:underline;}
	
#affirmation {margin:30px 0px 0px;}
#affirmation h2 {color: #A0CC3A; text-shadow: 0 -1px 0px rgba(0,0,0,0.5);}


#subjectLbl { margin-top: -15px; }

/* ================= */
/* = SUMMER STYLES = */
/* ================= */
div.summer-wrapper{margin-top:20px;}
.ribbon-summer-questions{width:830px;}
.ribbon-summer-week{width:626px;}
.ribbon-summer-tutorials{width:796px;}

.banner span {margin-left:40px; font-size:14px;}

div.wkpicker{position:absolute; right:40px; top:20px;}
div.wkpicker label{margin:0px 10px 0px 0px; position:relative; top:2px; font-size:14px; color:#355972;}

div.summer-week-section {margin:20px 0px;}
#week-tutorials h4 {font-size:16px;}
#week-tutorials h5 {font-size:14px;}
ul.week-tutorials-list {margin-top:10px; list-style-type:none;}
ul.week-tutorials-list li {margin-top:10px;}

div.summer-tutorials-intro h2 {margin-bottom:12px;}
div.summer-tutorials-intro h3 {margin-bottom:12px;}
div.summer-tutorials-intro p {width:770px;}

div.summer-questions-intro h2 {margin-bottom:12px;}
div.summer-questions-intro p {width:700px; margin-bottom:12px;}
div.summer-questions-list ul {list-style-type:none;}
div.summer-questions-list ul li {margin:20px 0px; padding:20px 0px 30px; border-bottom:4px dotted #A0CC3A;}
div.summer-questions-list ul li.last {padding:20px 0px 0px; border-bottom:none;}
div.prob-number {width:36px; padding-top:10px; display:inline-block; zoom: 1;	*display:inline;vertical-align:top;}
div.prob-number p {padding-right:10px; text-align:right;}
div.prob-statement, div.prob-statement p {width:690px; display:inline-block; zoom: 1;	*display:inline;vertical-align:top;}
div.prob-statement {padding:10px 20px 10px 10px; background-color: #e4f1f4; -moz-border-radius: 5px;
-webkit-border-radius: 5px;}
div.probstate-has-image p {display:inline;}
div.probstate-has-image img {float:left; margin-right:20px;}
div.prob-number p, div.prob-statement p {font-size:20px; font-weight:bold;}
div.summer-questions-list div.play-button{display:inline-block; zoom: 1;	*display:inline;width:80px; margin-left:10px;}

div.answers ul {margin-left:40px;} 
div.answers ul li {margin:10px 0px; padding:0px; border:none;}
div.answer-letter{width:20px; margin-right:10px; display:inline-block; zoom: 1;	*display:inline;vertical-align:top;}
div.answer-text {width:600px; display:inline-block; zoom: 1;	*display:inline;vertical-align:top;}
div.answers-grid ul li {display:inline-block; zoom: 1;	*display:inline;margin-right:40px; vertical-align:top;}
div.answers-grid div.answer-letter, div.answers-grid div.answer-letter p {width:20px; display:inline-block; zoom: 1;	*display:inline;vertical-align:middle;}
div.answers-grid div.answer {width:300px; display:inline-block; zoom: 1;	*display:inline;vertical-align:middle;}
div.answers-grid div.answer-text {width:300px;}
div.answer-letter p {font-weight:bold; color: #709c0a;}
div.answers-grid div.answer-img {}

.roundbox-top {height:40px; background: transparent url('/images/answers-table-bg-top.png') no-repeat top left; position:relative;}
.roundbox-middle{height:auto; background: transparent url('/images/answers-table-bg-middle.png') repeat-y top left; padding-left:6px; padding-bottom:-20px; position:relative; z-index:1;}
.roundbox-bottom{height:44px; background: transparent url('/images/answers-table-bg-bottom.png') no-repeat top left; position:relative; top:-24px;z-index:0;}
div.answers-table{width:765px;margin-top:40px; background-color:transparent;}
table.quiz-answers {width:749px; border:none; position:relative; margin-top:-22px; background-color:transparent;}
table.quiz-answers th.col-question{width:74px;}
table.quiz-answers th.col-answer{width:70px;}
table.quiz-answers th {font-size:13px; padding:0px 0px 6px 12px; background-color:#eee; vertical-align:bottom;}
table.quiz-answers td {border-top:1px solid #e5e5e5; padding:4px 12px; font-size:13px; background-color:transparent;}
table.quiz-answers td.spanned {border:none;}
table.quiz-answers td div.tut-title {width:420px; display:inline-block; zoom: 1;	*display:inline;vertical-align:middle;}
table.quiz-answers td div.play-button {width:106px; margin-left:10px; display:inline-block; zoom: 1;	*display:inline;vertical-align:middle;}
table.quiz-answers td div.tut-note, table.quiz-answers td div.tut-note-heading{width:420px; color:#999; display:inline-block; zoom: 1;	*display:inline;position:relative; left:-60px; vertical-align:top;}
table.quiz-answers td div.tut-note{}
table.quiz-answers td div.tut-note-heading{width:60px; left:-82px; color:#709c0a;}

/* =============================== */
/* = SUBJECT TOPICS LISTING PAGE = */
/* =============================== */
#topics-wrapper{margin:0px 50px; padding:10px 0px 0px; width: 600px;}
#topics-wrapper h2.topic1 {font-size:1.6em;}
#topics-wrapper h3 {margin:6px 0px 6px -20px; padding-left:20px; font-size:17px; color:#2F84B0; background: transparent url('/images/toggle-triangle-e.png') no-repeat center left; cursor:pointer;}
#topics-wrapper h3:hover {text-decoration:underline;}
#topics-wrapper h3.first {border: none;}
#topics-wrapper h3.active {background-image: url('/images/toggle-triangle-s.png');}
#topics-wrapper ul{list-style-type:none}
#topics-wrapper ul.topic3-list {margin-left:10px;}
#topics-wrapper ul li{margin-top:20px; padding:4px 0px 0px 8px; font-size:20px; font-weight:bold; color:#709c0a; background: transparent url('php/images/gradient1.png') repeat-x 0 0; overflow:visible;}
#topics-wrapper ul.topic3-list li {font-size: 16px;}
#topics-wrapper ul li ul{margin:6px 30px;}
#topics-wrapper ul li ul li{margin-top:6px; font-size:16px; font-weight:normal; color:#777; background:none;}
#topics-wrapper ul li ul li ul{margin-top:0px;}
#topics-wrapper ul li ul li ul li{margin:0px; font-size:12px;}
#topics-wrapper ul li span {font-size:8px; text-transform:uppercase; color:#aaa;}


/* ======================== */
/* = TEACHER PAGE GLOBALS = */
/* ======================== */
div.teacher-wrapper {margin-left:25px; width:600px;}

 
/* ========================== */
/* =    SIGNUP PAGES CSS    = */
/* ========================== */
.required-wrapper h3, .optional-wrapper h3{display:inline-block; zoom: 1; *display:inline;vertical-align:top;width:120px;position:relative; top:5px;}
div.conf-info{display:inline-block; zoom: 1; *display:inline;vertical-align:top;}
div.conf-info ul{list-style:none;}
div.conf-info ul li{font-size:15px; color:#555; line-height: 24px;}
.two-col-div-middle, .one-col-div-bottom{margin-top:26px;border-top:1px dashed #808183;padding-top:16px; width: 820px;}
div.conf-block{display:inline-block; zoom: 1; *display:inline;width:400px;vertical-align:top;}
div.conf-block-wide{width:800px;}
.conf-block h3{display:inline-block; zoom: 1; *display:inline;vertical-align:top;width:150px;position:relative; top:5px;}
.conf-block h3.narrow{width:130px;}
div.conf-block-wide{width:800px;}
div.success-wrapper{margin:20px 12px 40px 4px;padding:0px 0px 0px 30px;}
div.features-vid{width:600px;display:inline-block; zoom: 1; *display:inline;}
div.features-vid p{margin:10px 0px 20px 0px;}

div.sidebar-gray{display:inline-block; zoom: 1; *display:inline;vertical-align:bottom;width:300px;position:relative; top:12px;}
div.sidebar-gray div.sidebar-panel-top {margin: 0px; height:20px;background: url('/images/sidebar_top.jpg') no-repeat 0 0;}
div.sidebar-gray div.sidebar-panel-mid {margin: 0px; padding:0px 12px 0px 12px;background: url('/images/sidebar_mid.jpg') repeat-y 0 0;}
div.sidebar-gray div.sidebar-bot {margin: 0px;padding:0px; height:26px;background: url('/images/sidebar_bot.jpg') no-repeat 0 0;}
div.sidebar-gray h3{font-size:15px;margin:0px 0px 14px 0px;}

ul.next-links{list-style-type:none;}
ul.next-links li{font-size:14px;line-height:30px;font-weight:bold;color:#355972;cursor: pointer;text-decoration:underline;}
div.signup-error h3{font-size: 24px;}
div.signup-error p{font-size: 15px; margin-bottom: 20px; line-height:22px;}
div.signup-error p.error-info{font-weight: bold;}

div.pmt-options-wrapper div.pmt-option{display:inline-block; zoom: 1; *display:inline;margin-right:30px;text-align:center;}
.NoShow{display:none;}

div.btn, div.bk-btn {margin:0px;padding:0px;}
div.bk-btn {margin-left: 20px; padding-top: 15px;}
div.btn div, div.bk-btn div {float:left; padding:0px; font-size:23px; line-height:29px; text-decoration:none; color:#355972; text-transform:lowercase; background: url('/images/btn_bk_bg.png') no-repeat top left;}
div.bk-btn div:hover {color:#2F84B0;}
div.btn div {color:#e9e9e9; background: url('/images/btn_bg.png') no-repeat top right;}
div.btn div:hover {color:#fff;}
div.btn div span {float:left; position:relative; margin:0px 10px 0px -10px; padding: 1px 2px 4px 12px; background: url('/images/btn_bg.png') no-repeat top left;}
div.bk-btn div span {float:left; position:relative; margin:0px 0px 0px 10px; padding: 1px 2px 4px 12px;}

div.btn a, div.bk-btn a {float:left; padding:0px; font-size:23px; line-height:29px; text-decoration:none; color:#355972; text-transform:lowercase; background: url('/images/btn_bk_bg.png') no-repeat top left;}
div.bk-btn a:hover {color:#2F84B0;}
div.btn a {color:#e9e9e9; background: url('/images/btn_bg.png') no-repeat top right;}
div.btn a:hover {color:#fff;}
div.btn a span {float:left; position:relative; margin:0px 10px 0px -10px; padding: 1px 2px 4px 12px; background: url('/images/btn_bg.png') no-repeat top left;}
div.bk-btn a span {float:left; position:relative; margin:0px 0px 0px 10px; padding: 1px 2px 4px 12px;}
#educators-alert{position:absolute; top:80px; left:660px;}

div.signup-wrapper{padding-top:0px;}
div.signup-wrapper h3{font-size:14px;margin-bottom:20px;}
div.prog-wrapper{margin:12px 30px;padding-bottom:7px;border-bottom:2px solid #A0CC3A;}
div.prog-title{margin-left:0px;display:inline-block; zoom: 1; *display:inline;}
div.prog-title h2{font-weight:bold;text-transform:lowercase;letter-spacing:-1px;}
div.prog-bar{position:relative;top:-2px;margin:18px 0px 0px 20px;display:inline-block; zoom: 1; *display:inline;}
div.prog-num{position:relative;top:-7px;height:25px;width:25px;display:inline-block; zoom: 1; *display:inline;background:transparent url('/images/prog-num-dots-1234.png') no-repeat 0 0;text-indent:-9009px;margin:0px;}
div.dot-1-on{background-position:0 0;}
div.dot-1-off{background-position:0 -25px;}
div.dot-2-on{background-position:-25px 0;}
div.dot-2-off{background-position:-25px -25px;}
div.dot-3-on{background-position:-50px 0;}
div.dot-3-off{background-position:-50px -25px;}
div.dot-4-on{background-position:-75px 0;}
div.dot-4-off{background-position:-75px -25px;}
div.prog-text{display:inline-block; zoom: 1; *display:inline;}
div.prog-text h2{font-size:18px;font-weight:bold;letter-spacing:-1px;}
div.prog-text h2 span{margin:0px 2px 0px 6px;position:relative;top:-3px;color:#555;font-size:20px;font-weight:normal;letter-spacing:1px;}
div.prog-text-off h2{color:#BCBEC0;}
div.prog-text-on-1 h2{color:#7ebccd;}
div.prog-text-on-2 h2{color:#2F84B0;}
div.prog-text-on-3 h2{color:#355972;}
div.prog-text-on-4 h2{color:#355972;}

div.signup-form-wrapper{margin:40px 70px 0px 70px;}
div.sub-plans-wrapper{border-bottom:1px dashed #999;}
div.special-plan{width:810px;}

p.discountcode{font-size: 12px; color: #888888; margin-left: 175px; padding-bottom:10px;}
label.plan{vertical-align:top; margin-top:2px;}
p.plandesc {width: 200px;display:inline-block; zoom: 1; *display:inline;font-size: 16x;}
p.plan{font-size: 16px;display:inline-block; zoom: 1; *display:inline;}
p.plan span{ margin-left: 100px; font-size: 16px;}

h4.plan-title{text-indent:0px;color:#FFFFFF;font-size: 20px; padding-top: 40px; margin-bottom:-40px;}
h5.price{color:#fff;font-size:50px;margin:100px 0px 0px 0px;text-align:center;letter-spacing:-5px;vertical-align:baseline;}
h5.price span{font-size:36px;position:relative;top:-18px;}
div.plan-savings-ribbon{height:48px;width:154px;background:transparent url('/images/ribbon-small.png') no-repeat 0 0;border:none;position:relative;left:-17px;padding:6px 0px 0px 4px;margin:30px 0px 0px 0px;}
h6.plan-savings{color:#fff;font-size:1.8em;margin:0px 0px 0px 4px;text-align:left;letter-spacing:-1px;text-transform:uppercase;vertical-align:baseline;}
h6.plan-savings span{font-size:16px;position:relative;top:-10px;}
div.plan-selection-box {display:inline-block; zoom: 1;	*display:inline;width:184px; margin:0px 16px 20px 0px;}											
div.plan-selection-box input {margin-left:80px;}
div.discount-code-wrapper{padding:0px;border-bottom:none;}
div.discount-code-wrapper h3{margin-bottom:10px;}
div.discount-code-wrapper p{font-size:14px;}
div.discount-code-wrapper input{display:inline-block; zoom: 1; *display:inline;margin:0px 20px 0px 0px;border:1px solid #777;padding:3px;font-size:20px;width:314px;vertical-align:top;}
div.discount-code-wrapper div.submit-code-btn{display:inline-block; zoom: 1; *display:inline;cursor:pointer;margin:20px 0px 0px 0px;padding:0px;border:0px;height:31px;width:200px;background:transparent url('/images/btn-apply_code.png') no-repeat 0 0;}
div.pmt-options-wrapper{padding:30px 0px 30px 0px;}
div.buttons-wrapper{margin:12px 30px;padding-top:20px;border-top:2px solid #A0CC3A;}
/*ADDED 3/8/2010*/
.signup-form-wrapper .optional-wrapper{margin-top:26px;border-top:1px dashed #808183;padding-top:16px;}
.signup-form-wrapper label{color:#555;font-weight:bold;display:inline-block; zoom: 1;	*display:inline;vertical-align:top; width:160px;text-align:right;font-size:1.4em;padding:8px 10px 0 0;}

.signup-form-wrapper .field{margin:0 0 14px 0;}
.signup-form-wrapper .field input,.signup-form-wrapper .field textarea{width:270px;height:25px;padding:4px 10px 0 10px;font-size:1.6em;color:#709c0a;border:1px solid #808183;}
.signup-form-wrapper .field textarea {min-width:270px; max-width:270px; height: 65px;}
.signup-form-wrapper .radio-btns-horz{margin:0 0 20px 0;}
.signup-form-wrapper .radio-btns-horz label{display:inline-block; zoom: 1; *display:inline;text-align:right;font-size:1.4em;padding:0 10px 0 0;}
.signup-form-wrapper .radio-btns-horz .radio-btns-grp{display:inline-block; zoom: 1; *display:inline;}
.signup-form-wrapper .radio-btns-horz .radio-btns-grp label{font-weight:normal;width:auto;display:inline-block; zoom: 1; *display:inline;margin:0px 20px 0px 0px;}
.signup-form-wrapper .radio-btns-horz input{margin:0px 10px 0px 0px;}
.signup-form-wrapper .drop-down{margin:0 0 20px 0;}
.signup-form-wrapper .validator-msg-wrapper{width:320px; padding:0px;margin:10px 0px -10px 10px;display:inline-block; zoom: 1;	*display:inline;vertical-align:top;}
.signup-form-wrapper span.validator-msg{font-size:12px;color:#709c0a !important;text-transform:uppercase;font-weight:bold;}
.signup-form-wrapper span.validator-msg.msg-red{color:#900 !important;}
.signup-form-wrapper span.validator-msg.msg-blue{color:#355972 !important;}
.signup-form-wrapper span.validator-msg.msg-gray{color:#888 !important;}
.signup-form-wrapper span.indicator{font-size:40px;position:relative;top:10px;margin-right:2px;}
.NoShow{display:none;}
.red{color:#FF0000;font-size:12px;}
div.discount-code-wrapper .validator-msg-wrapper{padding-left: 175px;}

ul.radio-btns-list {display:inline-block; zoom: 1;	*display:inline;width:500px; list-style-type:none; vertical-align:top;}
ul.radio-btns-list li {margin:10px 0px; position:relative;}
ul.radio-btns-list li:first-child {margin-top:0px;}
ul.radio-btns-list li p {display:inline-block; zoom: 1;	*display:inline;width:100px; font-size:1.8em;}
ul.radio-btns-list li p.p-price {width:60px; font-size:1.5em; text-align:center; font-weight:bold; color:#888;}
ul.radio-btns-list li p.pay-cycle {font-size:1.5em; color:#888;}
ul.radio-btns-list li p.plan-promo {position:absolute; left:-110px; top:4px; font-size:1.1em; font-weight:bold; color:#709c0a; text-align:right; padding-right:10px; text-transform:uppercase;}
label.align-top {vertical-align:top;}


/*=====================
==  PREFERENCES PAGE ==
=====================*/

table.account {
	background: #FFFFFF;
	border: solid 1px #000000;
}
table.account thead {
	background: #1f719d;
}

.pagination {
            font-size: 80%;
        }
        
.pagination a {
    text-decoration: none;
	border: solid 1px #AAE;
	color: #15B;
}

.pagination a, .pagination span {
    display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
	margin-bottom: 5px;
	min-width:1em;
	text-align:center;
}

.pagination .current {
    background: #26B;
    color: #fff;
	border: solid 1px #AAE;
}

.pagination .current.prev, .pagination .current.next{
	color:#999;
	border-color:#999;
	background:#fff;
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;'
	display: 
}

.treeview ul {
	margin-top: 4px;
}

.treeview .hitarea {
	background: url('images/treeview-default.gif') -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
	list-style-type: none;
}

.treview ul {
	list-style-type: none;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: #27475d; cursor: pointer; }

.treeview li { background: url('images/treeview-default-line.gif') 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url('images/treeview-default.gif'); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url('images/treeview-red-line.gif'); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url('images/treeview-red.gif'); } 

.treeview-black li { background-image: url('images/treeview-black-line.gif'); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url('images/treeview-black.gif'); }  

.treeview-gray li { background-image: url('images/treeview-gray-line.gif'); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url('images/treeview-gray.gif'); } 

.treeview-famfamfam li { background-image: url('images/treeview-famfamfam-line.gif'); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url('images/treeview-famfamfam.gif'); } 


.filetree {padding: 10px 0 0 25px;}
.filetree h2 { font-size: 36px;}
.filetree li { padding: 3px 0 2px 50px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url('/images/bullet_arrow_open.gif') 0 0 no-repeat; }
.filetree span.mainfolder {margin:20px 0px px 0px;color:#709c0a;font-size:2.4em;font-weight:normal;padding-bottom: 20px;}
.filetree li.expandable span.folder { background: url('/images/bullet_arrow_closed.gif') 0 0 no-repeat; }
.filetree span.file { background: url('images/file.gif') 0 0 no-repeat; }

table #playlist { border: 10px solid #000000; }
.tabledrag {background-color:#A0CC3A;}

/*
 * jsTree classic theme 1.0
 * Supported features: dots/no-dots, icons/no-icons, focused, loading
 * Supported plugins: ui (hovered, clicked), checkbox, contextmenu, search
 */

.jstree li, 
.jstree ins { background-image:url('"/images/d.png"'); background-repeat:no-repeat; background-color:transparent; }
.jstree li { background-position:-90px 0; background-repeat:repeat-y;  }
.jstree li.jstree-last { background:transparent; }
.jstree .jstree-open > ins { background-position:-72px 0; }
.jstree .jstree-closed > ins { background-position:-54px 0; }
.jstree .jstree-leaf > ins { background-position:-36px 0; }

.jstree .jstree-hovered { background:#e7f4f9; border:1px solid #e7f4f9; padding:0 2px 0 1px; }
.jstree .jstree-clicked { background:navy; border:1px solid navy; padding:0 2px 0 1px; color:white; }
.jstree a .jstree-icon { background-position:-56px -19px; }
.jstree .jstree-open > a .jstree-icon { background-position:-56px -36px; }
.jstree a.jstree-loading .jstree-icon { background:url('"/images/throbber.gif"') center center no-repeat !important; }

.jstree-classic.jstree-focused { background:white; }

.jstree .jstree-no-dots li, 
.jstree .jstree-no-dots .jstree-leaf > ins { background:transparent; }
.jstree .jstree-no-dots .jstree-open > ins { background-position:-18px 0; }
.jstree .jstree-no-dots .jstree-closed > ins { background-position:0 0; }

.jstree .jstree-no-icons a .jstree-icon { display:none; }

.jstree .jstree-search { font-style:italic; }

.jstree .jstree-no-icons .jstree-checkbox { display:inline-block; zoom: 1;	*display:inline;}
.jstree .jstree-no-checkboxes .jstree-checkbox { display:none !important; }
.jstree .jstree-checked > a > .jstree-checkbox { background-position:-38px -19px; }
.jstree .jstree-unchecked > a > .jstree-checkbox { background-position:-2px -19px; }
.jstree .jstree-undetermined > a > .jstree-checkbox { background-position:-20px -19px; }
.jstree .jstree-checked > a > .jstree-checkbox:hover { background-position:-38px -37px; }
.jstree .jstree-unchecked > a > .jstree-checkbox:hover { background-position:-2px -37px; }
.jstree .jstree-undetermined > a > .jstree-checkbox:hover { background-position:-20px -37px; }

#vakata-dragged.jstree ins { background:transparent !important; }
#vakata-dragged.jstree .jstree-ok { background:url('"/images/d.png"') -2px -53px no-repeat !important; }
#vakata-dragged.jstree .jstree-invalid { background:url('"/images/d.png"') -18px -53px no-repeat !important; }
#jstree-marker.jstree { background:url('"/images/d.png"') -41px -57px no-repeat !important; }

.jstree a.jstree-search { color:aqua; }

#vakata-contextmenu.jstree-context, 
#vakata-contextmenu.jstree-context li ul { background:#f0f0f0; border:1px solid #979797; -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999; }
#vakata-contextmenu.jstree-context li { }
#vakata-contextmenu.jstree-context a { color:black; }
#vakata-contextmenu.jstree-context a:hover, 
#vakata-contextmenu.jstree-context .vakata-hover > a { padding:0 5px; background:#e8eff7; border:1px solid #aecff7; color:black; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#vakata-contextmenu.jstree-context li.jstree-contextmenu-disabled a, 
#vakata-contextmenu.jstree-context li.jstree-contextmenu-disabled a:hover { color:silver; background:transparent; border:0; padding:1px 4px; }
#vakata-contextmenu.jstree-context li.vakata-separator { background:white; border-top:1px solid #e0e0e0; margin:0; }
#vakata-contextmenu.jstree-context li ul { margin-left:-4px; }

/* TODO: IE6 support - the `>` selectors */


/* jqmModal dialog CSS inherited from Example 3a ... */

div.jqmdAbove { z-index: 5000; top: 8%; } /* used by 4c -- nested modal */

div.jqmdWide { width: 560px; margin-left: -280px; }
div.jqmdTall { height: 330px; }


div.centered { width: 100%; text-align: center; }
div.buttons input{ margin: 10px 14px; }
div.output { margin: 10px; color: red; }

.largeText { font-size: 120%; font-weight: bold; }
.smallText { font-size: 85%; }

/* FACEBOX */
#facebox .b {
  background:url('/images/facebox/b.png');
}

#facebox .tl {
  background:url('/images/facebox/tl.png');
}

#facebox .tr {
  background:url('/images/facebox/tr.png');
}

#facebox .bl {
  background:url('/images/facebox/bl.png');
}

#facebox .br {
  background:url('/images/facebox/br.png');
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

.demo-selected {

  background: red;

  cursor: move;

}

/* ==================================== */
/* =    Gift Certificate Pages CSS    = */
/* ==================================== */

div#gcleft {background-color: #0F0; width:50%; display:inline;}
div#gcright {background-color: #F00; width: 50%; display:inline;margin-left: 50%}
span.inline {display:inline-block; zoom: 1; *display:inline;}
div#gcConfirmRight {float:right; padding-right: 30px;}