/* BASE CSS.  Common to all sites. */
/*
The following @imports reset and standardize the CSS [uses YUI CSS Reset Library]
#demo1 {font-size:77%;}  renders 10px;
#demo2 {font-size:85%;}  renders 11px;
#demo3 {font-size:93%;}  renders 12px;
#demo4 {font-size:100%;} renders 13px;
#demo5 {font-size:108%;} renders 14px;
#demo6 {font-size:116%;} renders 15px;
#demo7 {font-size:123.1%;} renders 16px;
#demo8 {font-size:131%;} renders 17px;
#demo9 {font-size:138.5%;} renders 18px;
#demo10{font-size:146.5%;} renders 19px;
#demo11{font-size:153.9%;} renders 20px;
*/
@import url('../min/reset-min.css');
@import url('../min/base-min.css');
@import url('../min/fonts-min.css');

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);


/*html, body {
	height:100%;
	width: 100%;
}*/
/*@media screen and (-webkit-min-device-pixel-ratio:0) { 
	Safari 3.0 and Chrome rules here 
	html,
	body {
	    height: auto;
	    width: auto;
	}
}*/
/* The big container stuff 
-----------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	text-align: center;
}

#wrapper {
	margin: 0 auto;
	width: 940px;
	text-align: left;
	clear: both;
}

/* Header stuff
-------------------------------------------------------------------------*/
#header {
	width: auto;
	height: 100px;
}

span#companyname {
	display: block;
	text-indent: -9000px;
	width: 500px;
	height: 100px;
	float: left;
}

span#companyname a,
span#companyname a:link {
	display: block;
	width: 500px;
	height: 100px;
}

#utilitylinks {
	display: block;
    width: 440px;
	height: 80px;
	float: left;
	text-align: right;
	font-size: 85%;
	padding-top: 20px;
}

#utilitylinks span {
	display: block;
	margin: 7px;
	padding-left: 7px;
	padding-bottom: 5px;
}

#utilitylinks a,
#utilitylinks a:link {
	text-transform: uppercase
}

a#skipto-content,
a:link#skipto-content,
a:visited#skipto-content {
	visibility: hidden
}

/* Wrapper
--------------------------------------------------------------------------------*/
#content-wrap {
	background-color: #fff
}

/* Booktitle stuff
-------------------------------------------------------------------------------*/
#booktitle {
	background-color: #fff;
	width: auto;
	height: 60px;
	background-position: left top;
	background-repeat: no-repeat;
}

span#booktitle-header {
	display: block;
	width: auto;
	height: 60px;
	text-indent: -9000px;
}

span#booktitle-header a,
span#booktitle-header a {
	display: block;
	width: auto;
	height: 60px;
}

/* top level tabbed navigation
---------------------------------------------------------------------------------*/
#topnav-parent .RadTabStripTop_Default {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	overflow: hidden;
}

#topnav-parent .rtsLevel {
	display: block;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	clear: both;
}

#topnav-parent .rtsLevel1,
#topnav-parent .rtsLevel2,
#topnav-parent .rtsLevel3 {
	clear: both
}

#topnav-parent .rtsLevel1 ul,
#topnav-parent .rtsLevel2 ul,
#topnav-parent .rtsLevel3 ul,
#topnav-parent .rtsLevel1 ul li,
#topnav-parent .rtsLevel2 ul li,
#topnav-parent .rtsLevel3 ul li {
	display: inline;
	margin: 0;
}

#topnav-parent .rtsLevel1 ul li a,
#topnav-parent .rtsLevel1 ul li a:link,
#topnav-parent .rtsLevel2 ul li a,
#topnav-parent .rtsLevel2 ul li a:link,
#topnav-parent .rtsLevel3 ul li a,
#topnav-parent .rtsLevel3 ul li a:link {
	display: block;
	float: left;
}

#topnav-parent .rtsLevel1 {
	width: auto;
	height: 45px;
}

/*#topnav-parent .rtsLevel1 a.rtsSelected, #topnav-parent .rtsLevel1 a.rtsSelected:link, #topnav-parent .rtsLevel1 a.rtsSelected:hover, #topnav-parent .rtsLevel1 a.rtsSelected:visited, #topnav-parent .rtsLevel1 a.rtsSelected:visited:hover {
	background-image: none;
}*/
#topnav-parent .rtsLevel1 ul li a,
#topnav-parent .rtsLevel1 ul li a:link {
	letter-spacing: 2px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 85%;
	padding: 17px 18px 16px;
	text-align: center;
	line-height: 12px;
	background-image: url('../../img/ss2.0/topnav-1-trans-border.png');
	background-repeat: repeat-y;
	background-position: right top;
	margin: 0;
}

#topnav-parent .rtsLevel2 {
	display: block;
	width: auto;
	height: auto;
	margin: 0;
}

/*  IMPORTANT!  Sets the height of the first submenu.  Subsequent levels must be set if necessary.  See "custom.css". */
#topnav-parent .rtsLevel2 ul {
	display: block;
	clear: both;
	height: 30px;
}

#topnav-parent .rtsLevel2 ul li a,
#topnav-parent .rtsLevel2 ul li a:link {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 85%;
	padding: 0px 8px !important;
	margin-top: 8px;
	margin-bottom: 8px;
	text-align: center;
	line-height: normal;
	background-image: url('../../img/ss2.0/topnav-1-trans-border-dark.png');
	background-repeat: repeat-y;
	background-position: right top;
}

#topnav-parent .rtsLevel2 ul li.rtsLast a,
#topnav-parent .rtsLevel2 ul li.rtsLast a:link {
	background-image: none
}

#topnav-parent .rtsOut,
#topnav-parent .rtsIn,
#topnav-parent .rtsTxt {
	padding: 0 !important;
	margin: 0 !important;
	border: 0 none !important;
}

#home-intro-image {
	margin-bottom: 20px
}

/* Content area; the stuff under the tabbed navigation bar
----------------------------------------------------------------------------------------------*/
#content-parent {
	height: 100%
}

#content-parent p,
#content-parent blockquote,
#content-parent ol,
#content-parent ul {
	font-size: 85%;
	line-height: 165%;
}

#content-parent ol ol li,
#content-parent ul ul li {
	font-size: 11px
}

/* 2 column interior layout foundation */
#two-col {
	background: #fff url('../../img/ss2.0/2-col-bg.png') repeat-y left top;
	height: 100%;
}

/* 3 column interiro layout foundation */
#three-col {
	background: #fff url('../../img/ss2.0/3-col-bg.png') repeat-y left top;
	height: 100%;
}

.main_content {
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

textarea {
	background: #f9f9f9;
	border: 1px solid #999;
	width: 90%;
	height: 100px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.7em;
	font-size: 12px;
	margin-bottom: 1em;
	border: 1px solid #999;
}

textarea:focus {
	background: #FFF
}

/* left-side chapter navigation

-----------------------------------------------------------------------------------------------*/
#left-col-nav {
	width: 190px;
	padding: 25px 15px;
	float: left;
	color: #fff;
	margin: 0;
	font-size: 11px;
}

div.RadPanelBar {
	margin-bottom: 30px
}

#left-col-nav h3 {
	margin: 0 0 8px 0;
	padding: 0 0 5px 0;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	border-bottom: 2px #666 solid;
}

#left-col-nav ul {
	margin: 0 0 5px 0;
	padding: 0;
}

#left-col-nav ul li.rpItem {
	list-style: none;
	margin: 0;
	padding: 0;
	/*text-transform: uppercase;*/
    /*letter-spacing: 2px;*/
    font-weight: normal;
	font-size: 10px;
}

/* Fixes an IE6 spacing bug 

* html #left-col-nav ul li {

                margin-bottom: -15px;

}*/
#left-col-nav ul li.rpItem a.rpLink,
#left-col-nav ul li.rpItem a.rpLink:link {
	display: block;
	padding: 6px 3px 6px 5px;
	text-decoration: none;
	color: #ccc;
	margin: 0;
	border-bottom: 1px #333 solid;
}

#left-col-nav ul li.rpItem a.rpLink:hover,
#left-col-nav ul li.rpItem a.rpLink:visited:hover {
	background-color: #202020;
	color: #fff;
}

#left-col-nav a.rpSelected,
#left-col-nav a.rpSelected:link,
#left-col-nav a.rpSelected:hover,
#left-col-nav a.rpSelected:visited:hover {
	color: #fff !important;
	background: #333;
}

#left-col-nav ul li.rpItem div.rpSlide ul.rpGroup li.rpItem {
	list-style: none;
	margin: 0;
	text-transform: none;
	letter-spacing: normal;
	font-weight: normal;
	border-bottom: 1px #333 solid;
	font-size: 10px;
}

#left-col-nav ul li.rpItem div.rpSlide ul.rpGroup li.rpItem a.rpLink {
	color: #999
}

#left-col-nav ul li.rpItem div.rpSlide ul.rpGroup li.rpItem a.rpLink:hover {
	color: #fff !important
}
/*  Sets the OLC icons  */
#left-col-nav ul li a[title*="Organize"], #left-col-nav ul li a:link[title*="Organize"] {
 background-image: url('../../img/ss2.0/icons/tiny_o.png');
    /*background-image: url('../../img/ss2.0/icons/organize_icon.png');*/
    background-position: left center;
 background-repeat: no-repeat;
}
#left-col-nav ul li a[title*="Learn"], #left-col-nav ul li a:link[title*="Learn"] {
 background-image: url('../../img/ss2.0/icons/tiny_l.png');
    /*background-image: url('../../img/ss2.0/icons/learn_icon.png');*/
    background-position: left center;
 background-repeat: no-repeat;
}
#left-col-nav ul li a[title*="Connect"], #left-col-nav ul li a:link[title*="Connect"] {
 background-image: url('../../img/ss2.0/icons/tiny_c.png');
    /*background-image: url('../../img/ss2.0/icons/connect_icon.png');*/
    background-position: left center;
 background-repeat: no-repeat;
}

/* Meat area; actual content and materials
---------------------------------------------------------------------------------------------------*/
#two-col #two-col-content,
#home-two-col #home-two-col-content {
	float: left;
	width: 680px;
	padding: 25px 20px;
	margin: 0;
}

#three-col #three-col-content,
#home-three-col #home-three-col-content {
	float: left;
	width: 460px;
	padding: 25px 20px;
	margin: 0;
}

/* Headers and other elements */
#two-col-content h1,
#three-col-content h1,
#home-two-col-content h1,
#home-three-col-content h1 {
	display: block;
	color: #829E47;
	font-size: 174%; /*padding-left: 7px;*/
	border-bottom: 3px #ddd solid;
	padding-bottom: 5px;
	font-weight: normal;
	text-transform: capitalize;
}

#home-two-col-content h1 {
	margin-top: 0
}

#two-col-content h2,
#three-col-content h2,
#home-two-col-content h2,
#home-three-col-content h2 {
	display: block;
	color: #333;
	font-size: 174%; /*padding-left: 7px;*/
	font-weight: normal;
}

#two-col-content h3,
#three-col-content h3,
#home-two-col-content h3,
#home-three-col-content h3 {
	display: block;
	color: #333;
	font-size: 93%; /*padding-left: 7px;*/
	font-weight: normal;
	text-transform: uppercase;
	color: gray;
	letter-spacing: 2px;
	border-bottom: 2px #aaa solid;
	padding-bottom: 3px;
	margin-top: 20px;
}

#two-col-content h4,
#three-col-content h4,
#home-two-col-content h4,
#home-three-col-content h4 {
	display: block;
	color: #333;
	font-size: 13px; /*padding-left: 7px;*/
	color: #333;
	padding: 1em 0;
	margin-top: 15px;
}

#two-col-content blockquote,
#three-col-content blockquote,
#home-two-col-content blockquote,
#home-three-col-content blockquote {
	margin-left: 35px;
	padding-left: 10px;
	border-left: 3px #C0C0C0 solid;
	color: #393939;
	font-size: 11px;
}

#two-col-content ol,
#three-col-content ol,
#two-col-content ul,
#three-col-content ul,
#home-two-col-content ol,
#home-two-col-content,
ul,
#home-three-col-content ol,
#home-three-col-content ul {
	margin-left: 45px
}

#two-col-content textarea,
#three-col-content textarea,
#home-two-col-content textarea,
#home-three-col-content textarea {
	padding: 10px;
	font: menu;
}
#two-col-content input[type*="submit"], #three-col-content input[type*="submit"], #home-two-col-content input[type*="submit"], #home-three-col-content input[type*="submit"] {
 padding: 5px 20px;
 font: icon;
 cursor: pointer;
}

#two-col-content hr,
#three-col-content hr,
#home-two-col-content hr,
#home-three-col-content hr {
	width: auto;
	margin: 20px 0;
	height: 1px;
	color: #999999;
	background-color: #999999;
	border: 0 none;
}

/* Chapter header block */
#content-parent .chapter-num {
	display: block;
	margin: 0 0 3px 0;
	font-family: 'Open Sans', "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	text-transform: uppercase;
	color: gray;
	letter-spacing: 2px;
	font-size: 85%;/*padding-left: 7px;*/
}

#page-header {
	display: block;
	padding: 7px 0px 7px 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-color: #ddd;
	border-bottom-color: #ddd;
}

#page-header h1 {
	padding: 0px;
	margin: 0px;
	border-style: none;
	text-transform: capitalize;
}

/* 3 column right side bar
--------------------------------------------------------------------------------------------------*/
#three-col-sidebar {
	width: 190px;
	padding: 25px 15px;
	float: left;
	font-size: 85%;
	color: #333;
	margin: 0;
}

#three-col-sidebar h3 {
	margin: 0 0 8px 0;
	padding: 0 0 5px 0;
	font-size: 93%;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 2px #ccc solid;
	color: #000;
}

#three-col-sidebar p {
	font-size: 77%;
	padding: .5em 0;
}

#three-col-sidebar ul,
#three-col-sidebar ol {
	margin-left: 10px
}

/* Home and top-level layout foundations
----------------------------------------------------------------------------------------------------*/
#home-two-col,
#home-three-col {
	height: 100%
}

#home-three-col {
	background: url('../../img/ss2.0/3-col-home-bg.png') repeat-y
}

#home-two-col #left-sidebar,
#home-three-col #left-sidebar {
	width: 205px;
	padding: 25px 0 25px 15px;
	float: left;
	font-size: 85%;
}

#left-sidebar .from-link {
	padding-left: 15px;
	background: url('../../img/ss2.0/icons/document.gif') no-repeat left center;
}

#home-two-col #left-sidebar h3,
#home-three-col #left-sidebar h3 {
	margin: 10px 0 8px 0;
	padding: 0 0 5px 0;
	font-size: 93%;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 2px #ccc solid;
}

#home-two-col .bookcontainer,
#home-three-col .bookcontainer {
	text-align: center;
	background-color: #ebebeb;
	border: 1px #e1e1e1 solid;
}

#home-two-col #left-sidebar .bookcontainer .bookimg,
#home-three-col #left-sidebar .bookcontainer .bookimg {
	border: 0 none;
	margin: 0;
	clear: both;
	height: 229px;
	width: auto;
}

#home-two-col #left-sidebar .bookimg,
#home-three-col #left-sidebar .bookimg {
	border: 0 none;
	margin: 0;
	clear: both;
	width: 205px;
	height: 229px;
}

#left-col-nav #addthis {
	margin-bottom: 10px
}

.sidemenu_module {
	padding: 5px 0
}

.sidemenu_module h4 {
	font-size: 10px;
	font-weight: normal;
}

.sidemenu_module p {
	font-size: 11px;
	font-weight: normal;
	padding-top: 4px;
}

.sidemenu_module .news-time {
	font-size: 9px;
	font-weight: normal;
	display: block;
	color: #999;
}

/* Footer
---------------------------------------------------------------------------------------------*/
#footer {
	padding: 25px 10px 20px;
	text-align: center;
	font-size: 77%;
}

/* Global classes
---------------------------------------------------------------------------------------------*/
.purchase-box,
.purchase-box {
	color: #666;
	font-weight: bold;
}

.highlight-grey {
	background-color: #EEECE0;
	display: block;
	border: 1px #e1e1e1 solid;
	padding: 6px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.highlight-darkgrey {
	background-color: #111;
	display: block;
	border: 1px #333 solid;
	padding: 6px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.highlight-yellow {
	background-color: #FFFFCC;
	display: block;
	border: 1px #e1e1e1 solid;
	padding: 6px;
	margin-bottom: 15px;
}

.info {
	padding-left: 17px;
	background-image: url('../../img/ss2.0/icons/info.gif');
	background-position: left 1px;
	background-repeat: no-repeat;
}

.go {
	padding-right: 12px;
	background-image: url('../../img/ss2.0/icons/arrow_right.gif');
	background-position: right 2px;
	background-repeat: no-repeat;
}

.dl {
	padding-right: 15px;
	background-image: url('../../img/ss2.0/icons/45.png');
	background-position: right 2px;
	background-repeat: no-repeat;
}

.ext/*,
#two-col-content a[href*="http://"],
#three-col-content a[href*="http://"],
#home-two-col-content a[href*="http://"],
#home-three-col-content a[href*="http://"]*/ {
	padding-right: 15px;
	background-image: url('../../img/ss2.0/icons/external.gif');
	background-position: right bottom;
	background-repeat: no-repeat;
}

iframe.mediaWindow {
	border: 1px #CCC solid;
	margin: 3px 0 10px;
	clear: both;
}

/*p.launchMe span {
	overflow: hidden;
	height: 220px;
	width: 460px;
	background-image: url('../../img/ss2.0/start.png');
	display:block;
	position:absolute;
	cursor:pointer;
}
p.launchMe span:hover {
	overflow: hidden;
	height: 220px;
	width: 460px;
	background-image: url('../../img/ss2.0/start.png');
	background-position: center -220px;
	display:block;
	position:absolute;
}
p.launchMe img {
	padding: 5px;
	border: 1px #C0C0C0 solid;
	width: 448px;
	height: 208px;
}
/* IE6 Launcher overlay fix  
* html p.launchMe span {
	/*display:none ; 
	background-image: none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/ss2.0/start_ie6.png',sizingMethod='scale') !important;
	}*/
/* Preview banner
------------------------------------------------------------------------------------------------*/
#preview-banner {
	position: relative;
	width: 176px;
	height: 156px;
	z-index: 900;
	left: 806px;
	top: -33px;
	background-image: url('../../img/ss2.0/preview-banner-trans.png');
	background-position: left top;
	background-repeat: no-repeat;
}

/* hides preview banner from IE6 */
* html #preview-banner {
	display: none;
	visibility: hidden;
}

/* Utility.  Clears beneath floated DIVs to force containing DIVs to expand vertically */
div.clear {
	clear: both;
	height: 1px;
	width: auto;
	line-height: 0;
	visibility: hidden;
}

/* Telerik Tabs - Interior verions 
----------------------------------------------------------
.tabbedarea
{   clear:both;
    display:block;
    width: auto;
    margin: 15px 0;
}
.tabbedarea .boxiebox { border: 1px solid gray; border-top: 0 none; padding: 15px; margin:0; margin-top: -1px;}
.tabbedarea .tabbytab ul.rtsUL {margin-left:0 !important; padding-left:0 !important;}
.tabbedarea .boxiebox iframe.movie 
{
    width: 640px;
    height: 380px;
    margin-bottom: 15px;
}
*/
/* Inner Tabbed Areas; "Explorations" etc. - AJAX CONTROL TOOLKIT VERSION
----------------------------------------------------------------------------------------------*/
.tabbedarea img.screenshot {
	float: left;
	padding: 4px;
	border: 4px silver solid;
	margin: 0 12px 7px 0;
	width: auto;
	height: 130px;
	width: 187px;
}

.tabbedarea h2 {
	margin: 0 0 5px 0
}

.tabbedarea .ssTabs {
	width: 100%
}

.tabbedarea .ssTabs_small {
	width: 460px;
 !important:;
}

.tabbedarea .ajax__tab_default .ajax__tab_header {
	white-space: nowrap;
	height: 25px;
}

.tabbedarea .ajax__tab_default .ajax__tab_outer {
	display: -moz-inline-box;
	display: inline-block;
}

.tabbedarea .ajax__tab_default .ajax__tab_inner {
	display: -moz-inline-box;
	display: inline-block;
}

.tabbedarea .ajax__tab_default .ajax__tab_tab {
	margin-right: 4px;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	display: -moz-inline-box;
	display: inline-block;
}

.tabbedarea .ssTabs .ajax__tab_header {
	font: 10px "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	background: transparent url(../../img/ss2.0/silver_solid_horizontal_line.gif) repeat-x bottom;
}

.tabbedarea .ssTabs .ajax__tab_outer {
	padding-right: 0;
	border: 1px solid silver;
	border-bottom: 0 none;
	margin-right: 2px;
	height: 24px;
	background: #DBDBDB;
	color: gray;
}

.tabbedarea .ssTabs .ajax__tab_inner {
	padding-left: 4px;
	padding-right: 4px;
	background: transparent url(../../img/ss2.0/silver_solid_horizontal_line.gif) repeat-x bottom;
	height: 24px;
}

.tabbedarea .ssTabs .ajax__tab_tab {
	height: 16px;
	padding: 4px;
	margin: 0;
}

.tabbedarea .ssTabs .ajax__tab_hover .ajax__tab_outer {
	background-color: #E1E1E1
}

.tabbedarea .ssTabs .ajax__tab_hover .ajax__tab_inner {
	color: #393939
}

.tabbedarea .ssTabs .ajax__tab_hover .ajax__tab_tab {
}

.tabbedarea .ssTabs .ajax__tab_active .ajax__tab_outer {
	background: white
}

.tabbedarea .ssTabs .ajax__tab_active .ajax__tab_inner {
	color: black;
	background-image: none !important;
}

.tabbedarea .ssTabs .ajax__tab_active .ajax__tab_tab {
}

.tabbedarea .ssTabs .ajax__tab_body {
	border: 1px solid silver;
	border-top: 0;
	padding: 15px;
	background: white;
}

/* scrolling */
.tabbedarea .ajax__scroll_horiz {
	overflow-x: scroll
}

.tabbedarea .ajax__scroll_vert {
	overflow-y: scroll
}

.tabbedarea .ajax__scroll_both {
	overflow: scroll
}

.tabbedarea .ajax__scroll_auto {
	overflow: auto
}

.tabbedarea .ssTabs p {
	display: block
}

/*-------------iframes----------------*/
iframe.video_iframe {
	margin-bottom: 10px
}

iframe.audio_iframe {
	margin-bottom: 10px
}

/*-------------Exercise forms----------------*/
#three-col-content table.exercise-table {
	width: 95%;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.7em;
	font-size: 12px;
	margin-bottom: 1em;
	padding-left: 0;
}

#three-col-content table.exercise-table p,
#three-col-content table.exercise-table p ul li,
#three-col-content table.exercise-table p ol li {
	font-size: 12px
}

#three-col-content table.exercise-table td {
	padding: 10px 0;
	margin: 0;
}

#three-col-content table.exercise-table {
	padding: 0
}

#three-col-content table.exercise-table h2,
#three-col-content table.exercise-table h3 {
	margin: 0 0 0.2em 0
}

#three-col-content table.exercise-table li {
	font-size: 12px
}

#two-col-content table.submit_table {
	border: none;
	padding: 0;
	margin: 0;
}

#two-col-content table.submit_table,
#three-col-content table.submit_table {
	line-height: 1em;
	font-size: 11px;
	margin-top: 20px;
}

#two-col-content table.submit_table td,
#three-col-content table.submit_table td {
	padding: 0;
	padding-right: 10px;
	vertical-align: middle;
}

#three-col-content .submit_table h2 {
	padding-top: 0
}

#two-col-content table.submit_table input[type="text"],
#three-col-content table.submit_table input[type="text"] {
	padding: 4px 5px;
	width: 80%;
	border: 1px solid #999;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 10px;
}

.question-content {
}

/*------------ Study Plan----------------*/
#two-col-content ol#studyplan_list,
#content-parent #three-col-content ol#studyplan_list {
	margin-left: 5px
}

#two-col-content ol#studyplan_list li,
#content-parent #three-col-content ol#studyplan_list li {
	margin-left: 0;
	list-style-type: none;
	padding: 10px;
}

#two-col-content ol#studyplan_list li textarea,
#content-parent #three-col-content ol#studyplan_list li textarea {
	width: 90%;
	height: 60px;
	margin-top: 10px;
}

#two-col-content ol#studyplan_list li label,
#content-parent #three-col-content ol#studyplan_list li label {
	padding-left: 10px
}

#two-col-content ol#studyplan_list li:hover,
#content-parent #three-col-content ol#studyplan_list li:hover {
	background: #ebebeb
}

#two-col-content ol#studyplan_list h4,
#content-parent #three-col-content ol#studyplan_list h4 {
	margin-bottom: 20px;
	margin-top: 50px;
}
/* Quiz Results
---------------------------------------------------------------------------------------------*/
/*-----------Left Menus-----------*/
#left-col-nav ul li a[title*="Quiz Result"], #left-col-nav ul li a:link[title*="Quiz Result"] {
display: none !important
}
/*-----------Highlight Quiz result menu when active-----------*/
/* disabled b/c multiple quiz type produces multiple highlights */
/*body#quiz-result #left-col-nav ul li a[title*="Quiz"], body#quiz-result #left-col-nav ul li a[title*="Quiz"]:link, body#quiz-result #left-col-nav ul li a[title*="Quiz"]:visited {
 background-color: #333;
 color: #ffffff;
}*/



/*-----------Kill other sections w/ the word "Quiz" -----------*/
body#quiz-result #left-col-nav ul li a[title*="GeoQuiz"], body#quiz-result #left-col-nav ul li a[title*="GeoQuiz"]:link, body#quiz-result #left-col-nav ul li a[title*="GeoQuiz"]:visited {
 background-color: #000;
 color: #ccc;
}

/*-----------Quiz Result wrapper-----------*/
body#quiz-result .quizresult_wrapper {
	color: #4D4D4F;
	font-size: 11px;
	font-family: 'Lato', 'Open Sans', "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

body#quiz-result .quizresult_wrapper li {
	list-style-type: none;
	font-size: 11px;
}

/*-----------Diagnosis tabs-----------*/
body#quiz-result .quizresult_wrapper #diagnosis_tabs {
	margin: 0;
	float: left;
	margin-left: 0;
	margin-bottom: 20px;
	display: block;
	width: 100%;
	display: block;
	clear: both;
	background: url(../../img/ss2.0/quiz-result-tab-border-bottom.jpg) repeat-x bottom;
}

body#quiz-result .quizresult_wrapper #diagnosis_tabs li {
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	margin-left: 0;
}

body#quiz-result .quizresult_wrapper #diagnosis_tabs li a,
body#quiz-result .quizresult_wrapper #diagnosis_tabs li a:link,
body#quiz-result .quizresult_wrapper #diagnosis_tabs li a:visited {
	float: left;
	display: block;
	padding: 10px;
	font-size: 11px;
	text-decoration: none;
	margin-right: 0;
	background: #ebebeb;
	color: #666;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-right: 5px;
	text-transform: uppercase;
}

body#quiz-result .quizresult_wrapper #diagnosis_tabs li a:hover {
	/*background: #fff url(../../img/ss2.0/quiz-result-tab-active.jpg) repeat-x;
    color: #E07F20;
    margin-bottom: -1px;*/
    color: #333;
}

body#quiz-result .quizresult_wrapper #diagnosis_tabs_bar {
	display: none
}

/*-----------active tabs-----------*/
#quiz-result .score #diagnosis_tabs li#nav_score a,
#quiz-result .score #diagnosis_tabs li#nav_score a:link,
#quiz-result .score #diagnosis_tabs li#nav_score a:visited,
#quiz-result .histogram #diagnosis_tabs li#nav_histogram a,
#quiz-result .histogram #diagnosis_tabs li#nav_histogram a:link,
#quiz-result .histogram #diagnosis_tabs li#nav_histogram a:visited,
#quiz-result .csp #diagnosis_tabs li#nav_csp a,
#quiz-result .csp #diagnosis_tabs li#nav_csp a:link,
#quiz-result .csp #diagnosis_tabs li#nav_csp a:visited,
#quiz-result .combo #diagnosis_tabs li#nav_combo a,
#quiz-result .combo #diagnosis_tabs li#nav_combo a:link,
#quiz-result .combo #diagnosis_tabs li#nav_combo a:visited {
	background: #fff;
	border-bottom: 1px solid #fff;
}

/*-----------Questions-----------*/
body#quiz-result .quizresult_wrapper .question-incorrect {
	padding-left: 20px;
	background: url(../../img/ss2.0/quiz-result-icon-incorrect.png) no-repeat left top;
	min-height: 30px;
	height: auto !important;
	height: 30px;
}

body#quiz-result .quizresult_wrapper .question-correct {
	padding-left: 20px;
	background: url(../../img/ss2.0/quiz-result-icon-correct.png) no-repeat left top;
	min-height: 30px;
	height: auto !important;
	height: 30px;
}

body#quiz-result .quizresult_wrapper ul.questions {
	line-height: 1.5em;
	padding-left: 0;
	margin-left: 0;
}

body#quiz-result .quizresult_wrapper ul.questions ul {
	padding-left: 0;
	margin-left: 0;
}

body#quiz-result .quizresult_wrapper ul.questions li {
	padding-left: 0;
	margin-left: 0;
	padding: 0;
	margin: 0;
}

body#quiz-result .quizresult_wrapper li.question h4 {
	font-weight: bold;
	margin-top: 2em;
	padding-top: 0;
}

body#quiz-result .quizresult_wrapper li.question ul li {
	font-weight: normal;
	padding-left: 20px;
	list-style-type: none;
}

/*-----------Answers-----------*/
body#quiz-result .quizresult_wrapper ul.topic {
	margin-top: .5em;
	margin-bottom: .5em;
	color: #666;
	padding-left: 20px;
}

body#quiz-result .quizresult_wrapper ul.feedback {
	margin-top: .5em;
	margin-bottom: .5em;
	color: #666;
	border: 1px solid #ebebeb;
	padding: 1em;
}

.answer_correct,
body#quiz-result .quizresult_wrapper li.question ul li.answer_correct {
	color: #3C6731;
	font-weight: bold;
}

.answer_incorrect,
body#quiz-result .quizresult_wrapper li.question ul li.answer_incorrect {
	color: #A70C17;
	font-weight: bold;
}

.bookmark-link {
	float: right;
	padding-left: 15px;
	background: url(../../img/ss2.0/icons/star.gif) no-repeat left center;
	text-transform: uppercase;
	margin-bottom: 30px;
	display: block;
}

/*-----------Histogram----------*/
body#quiz-result .histogram table td {
	vertical-align: bottom
}

body#quiz-result .histogram ul.section_type li {
	font-size: 11px;
	padding: .5em;
}

.histogram_section,
.histogram_type {
	width: 320px;
	float: left;
}

.histogram_section ul,
.histogram_type ul {
	min-height: 100px;
	height: auto !important;
	height: 100px;
}

#content-parent .main_content .histogram_section ul li,
#content-parent .main_content .histogram_type ul li {
	list-style-type: none
}

.histogram_section table,
.histogram_type table {
	background: url(../../img/ss2.0/apps/histogram-border-bottom.png) repeat-x top;
	padding: 0;
	margin: 0;
}

.histogram_section td,
.histogram_type td {
	padding: 0;
	margin: 0;
	line-height: 1.5em;
	text-align: center;
}

.histogram_section img,
.histogram_type img {
	padding-bottom: 10px
}

td.axis {
	width: 40px;
	text-align: left;
}

td.graph {
	width: 50px
}

.histogram_section {
	margin-right: 30px
}

/*-----------CSP Table-----------*/
body#quiz-result .quizresult_wrapper table.csp_table {
	margin: 1em auto;
	width: 100%;
	border: none;
	border-right: 1px solid #EEECE0;
	color: #4D4D4F;
	clear: both;
}

body#quiz-result .quizresult_wrapper table.csp_table caption {
	text-align: left;
	font-size: 14px;
	padding: 1em 0;
	font-weight: bold;
}

body#quiz-result .quizresult_wrapper table.csp_table td {
	border-left: 1px solid #EEECE0;
	font-size: 11px;
}

body#quiz-result .quizresult_wrapper table.csp_table th {
	background: #EEECE0;
	border-left: 1px solid #EEECE0;
	border-bottom: 1px solid #EEECE0;
	padding: 1em;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 11px;
}

body#quiz-result .quizresult_wrapper table.csp_table th.topic_header {
	border-left: 1px solid #EEECE0
}

body#quiz-result .quizresult_wrapper table.csp_table th.resources_header {
	border-right: 0px
}

body#quiz-result .quizresult_wrapper table.csp_table td {
	border-left: 1px solid #EEECE0;
	padding: 1em;
	border-bottom: 1px solid #EEECE0;
}

body#quiz-result .quizresult_wrapper img.csp_icon {
	margin-bottom: -3px
}

body#quiz-result .quizresult_wrapper ul.csp_list h5 {
	padding: .5em 0
}

/*-----------CSP resources-----------

video
audio
quiz
ebook
activity
flashcard
general

*/
body#quiz-result #two-col-content ul.csp_list li {
	padding-bottom: .5em;
	line-height: 1.5em;
	list-style-type: none;
}

body#quiz-result #two-col-content ul.csp_list li a,
body#quiz-result #two-col-content ul.csp_list li a:link,
body#quiz-result #two-col-content ul.csp_list li a:visited {
	padding-left: 22px;
	display: block;
	min-height: 19px;
	height: auto !important;
	height: 19px;
}

body#quiz-result #two-col-content ul.csp_list li.ebook a,
body#quiz-result #two-col-content ul.csp_list li.ebook a:link,
body#quiz-result #two-col-content ul.csp_list li.ebook a:visited {
	background: url(../../img/ss2.0/csp/ebook.png) no-repeat left top
}

body#quiz-result #two-col-content ul.csp_list li.general a,
body#quiz-result #two-col-content ul.csp_list li.general a:link,
body#quiz-result #two-col-content ul.csp_list li.general a:visited {
	background: url(../../img/ss2.0/csp/general.png) no-repeat left top
}

body#quiz-result #two-col-content ul.csp_list li.flashcard a,
body#quiz-result #two-col-content ul.csp_list li.flashcard a:link,
body#quiz-result #two-col-content ul.csp_list li.flashcard a:visited {
	background: url(../../img/ss2.0/csp/flashcard.png) no-repeat left top
}

body#quiz-result #two-col-content ul.csp_list li.activity a,
body#quiz-result #two-col-content ul.csp_list li.activity a:link,
body#quiz-result #two-col-content ul.csp_list li.activity a:visited {
	background: url(../../img/ss2.0/csp/activity.png) no-repeat left top
}

body#quiz-result #two-col-content ul.csp_list li.video a,
body#quiz-result #two-col-content ul.csp_list li.video a:link,
body#quiz-result #two-col-content ul.csp_list li.video a:visited {
	background: url(../../img/ss2.0/csp/video.png) no-repeat left top
}

body#quiz-result #two-col-content ul.csp_list li.audio a,
body#quiz-result #two-col-content ul.csp_list li.audio a:link,
body#quiz-result #two-col-content ul.csp_list li.audio a:visited {
	background: url(../../img/ss2.0/csp/audio.png) no-repeat left top
}

body#quiz-result #two-col-content ul.csp_list li.quiz a,
body#quiz-result #two-col-content ul.csp_list li.quiz a:link,
body#quiz-result #two-col-content ul.csp_list li.quiz a:visited {
	background: url(../../img/ss2.0/csp/quiz.png) no-repeat left top
}

body#quiz-result #two-col-content ul.csp_list li.image a,
body#quiz-result #two-col-content ul.csp_list li.image a:link,
body#quiz-result #two-col-content ul.csp_list li.image a:visited {
	background: url(../../img/ss2.0/csp/image.png) no-repeat left top
}

body#quiz-result #two-col-content ul.csp_list li.outline a,
body#quiz-result #two-col-content ul.csp_list li.outline a:link,
body#quiz-result #two-col-content ul.csp_list li.outline a:visited {
	background: url(../../img/ss2.0/csp/outline.png) no-repeat left top
}

/*------------ Contact Form---------------------------*/
#home-two-col #home-two-col-content ul#contact_form {
	width: 490px;
	margin: 20px 0 0 0;
	padding: 0;
	line-height: 1.5em;
	font-size: 12px;
}

#home-two-col #home-two-col-content ul#contact_form label {
	width: 100px;
	display: block;
	float: left;
	font-size: 11px;
}

#home-two-col #home-two-col-content ul#contact_form li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#home-two-col #home-two-col-content ul#contact_form textarea,
#home-two-col #home-two-col-content ul#contact_form input[type="text"] {
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#home-two-col #home-two-col-content ul#contact_form input[type="text"] {
	width: 350px;
	padding: 5px;
	background-color: #f9f9f9;
	border: 1px solid #999999;
}

#home-two-col #home-two-col-content ul#contact_form textarea {
	width: 350px;
	height: 200px;
	padding: 5px;
}

#home-two-col #home-two-col-content ul#contact_form #submit_btn {
	margin-left: 100px
}

#home-two-col #home-two-col-content ul#contact_form span {
	display: block;
	color: red;
}

/*-----------Alert Box-----------*/
body#quiz-result .quizresult_wrapper div.alert {
	background: #EEECE0;
	padding: 1em;
	padding-right: 0;
	margin-bottom: 20px;
	line-height: 1.5em;
	height: 40px;
	clear: both;
}

body#quiz-result .quizresult_wrapper div.alert h4 {
	font-size: 14px;
	padding: .2em 0;
	float: left;
	color: #000;
	width: 220px;
}

body#quiz-result .quizresult_wrapper div.alert ul.score_info {
	margin-top: 0;
	padding: .5em 0 0 15px;
	width: 220px;
	float: left;
}

body#quiz-result .quizresult_wrapper div.alert ul.score_info li {
	padding-left: 0;
	margin-left: 0;
	font-weight: normal;
}

div.alert .score {
	font-weight: bold
}

/*-----------Quiz-----------*/
#launch_quiz,
#launch_quiz_tf,
#launch_flashcards {
	width: 445px;
	height: 235px;
	background: url(../../img/ss2.0/launch_quiz.png) no-repeat top center;
	display: block;
	text-indent: -9999px;
	padding: 0;
	margin: 0;
	border: 5px solid #fff;
	outline: 1px solid #ccc;
}

#launch_quiz_tf {
	background: url(../../img/ss2.0/launch_quiz_tf.png) no-repeat top center
}

.tabbedarea .ssTabs_small #launch_quiz,
.tabbedarea .ssTabs_small #launch_quiz_tf {
	width: 420px !important
}

#launch_flashcards {
	height: 270px;
	background: url(../../img/ss2.0/launch_flashcards.png) no-repeat top center;
}

#launch_quiz span,
#launch_quiz_tf span,
#launch_flashcards span {
	display: none
}

#launch_quiz:hover,
#launch_quiz_tf:hover,
#launch_flashcards:hover {
	background-position: bottom center;
	border: 5px solid #ebebeb;
}

#launch_quiz:focus,
#launch_quiz_tf:focus,
#launch_flashcards:focus {
	outline: none
}

/*-----List styles for Chapter Outline --*/
#content-parent ol.outline_list {
	margin-left: 25px
}

#content-parent ol.outline_list li {
	list-style-type: upper-roman;
	margin-left: 5px;
	padding-left: 5px;
	font-size: 12px;
	font-weight: bold;
}

#content-parent ol.outline_list ol li {
	list-style-type: upper-alpha;
	border-bottom: none;
	font-size: 11px;
	font-weight: normal;
}

#content-parent ol.outline_list ol ol li {
	list-style-type: decimal
}

#content-parent ol.outline_list ol ol ol li {
	list-style-type: lower-alpha
}

#content-parent ol.outline_list ol ol ol ol li {
	list-style-type: lower-roman
}

/*-----Boxes --*/
div.transcript {
	width: 90%;
	background: #EEECE0;
	padding: 15px;
	line-height: 1.5em;
	border: 1px solid #ccc;
	height: 200px;
	overflow-y: scroll;
}

#two-col-content div.transcript h4,
#three-col-content div.transcript h4,
#two-col-content div.transcript h3,
#three-col-content div.transcript h3 {
	padding-top: 0;
	margin-top: 0;
}

/*-------------Images Thumbnail---------------------------*/
.img_thumb {
	background: #EDEEE6 url(../../img/enlarge1.png) no-repeat bottom left;
	border: rgb(192, 192, 192) 1px solid;
	margin: 0 10px 10px 0;
	padding: 7px 7px 27px 7px;
}

/*-------------Images Thumbnail---------------------------*/
.start_btn {
	background: #EDEEE6 url(../../img/ss2.0/start_btn.png) no-repeat bottom center;
	border: rgb(192, 192, 192) 1px solid;
	margin: 0 10px 10px 0;
	padding: 7px 7px 35px 7px;
}

.zoomify_container {
	width: 600px;
	height: 400px;
	border: 1px solid #ccc;
	margin-bottom: 20px;
}

.alignleft {
	float: left;
	padding-right: 10px;
}

.download {
	padding-left: 15px;
	background: url(../../img/ss2.0/icons/download_sm.png) no-repeat left center;
}

.document_popup {
	padding-left: 15px;
	background: url(../../img/ss2.0/icons/document.gif) no-repeat left center;
}

#content-parent .main_content ul ul li,
#content-parent .main_content ul li p,
#content-parent .main_content ul ul li p,
#content-parent .main_content ol ol li,
#content-parent .main_content ol li p,
#content-parent .main_content ol ol li p {
	font-size: 11px
}

#content-parent .main_content ul ul li {
	list-style-type: circle
}

#content-parent .main_content ul ol li {
	list-style-type: decimal;
	font-size: 11px;
}

blockquote ol li {
	font-size: 11px;
	padding: .5em;
}

table.datatable {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 20px;
}

table.datatable th {
	font-weight: bold;
	background: #ebebeb;
}

table.datatable td,
table.datatable th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px !important;
}

/*~~~~ TABS ~~~~~*/
ul.tabs {
	margin: 0;
	margin-bottom:0px;
	padding: 0;
	float: left;
	list-style: none;
	height: 40px;
	border-left: 1px solid #999;
}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 40px;
	line-height: 39px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
	margin:0 !important;
	background-image:url(../img/tab-border-bottom.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 13px;
	padding: 0 8px;
	border: 1px solid #999;
	outline: none;
	border-left: none;
	border-bottom: 0 none;
}

ul.tabs li a:hover {
	background: #ccc;
	background-image:url(../img/tab-border-bottom.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

ul.tabs a.current,
ul.tabs a.current:hover,
ul.tabs li.current a {
	background: #fff;
	border-bottom: 1px solid #fff !important;
}

ul.tabs a:active {
	outline:none;
}

.pane {
	border: 1px solid #999;
	/*border-top: none;*/
	clear: both;
	float: left;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	padding: 15px;
	font-size: 1.2em;
	margin-top:-1px;
}

.parent {
	width:450px;
}

.child {
	width:870px;
	font-size:95%;
}