@CHARSET "ISO-8859-1";

/* Should include classes that ONLY apply to the tro-online system. Styles that should be
   applied when rendering the web version as a whole for proofreading should be placed
   inside webonly.css instead. */
   
/*
----------------------------------------------------------------------------- 
Stuff to make the full page layout work
-----------------------------------------------------------------------------*/
html, body, #mainDiv
{
	width: 100%;
/*	height: 100%;*/
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 11pt;
	min-width: 1000px; /* Designed for a 1024 width screen. If it is less than that, don't let the body size down. */
/*	overflow: auto;*/
	background: url(images/new/body.png) repeat;
}
html.cleditor-html, body.cleditor-body, #mainDiv.cleditor-body
{
    /* body has no min width in cleditor */
    min-width: 0px;
    position: static; /* fix for IE issue if position is relative */
}
#outer_container{overflow: auto; position: absolute; top:80px; top: 93px; bottom:0; right:0; left:0; padding:0 !important }
#container
{
	background: url(images/new/container.png) repeat; 
	margin: 15px auto; 
	width: 952px; 
	padding: 16px 16px 16px 12px !important;
	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
  	border-radius: 10px;
}

/*a:link{ color:#3a69a2; text-decoration: underline; }*/
a:link{ color:#0289ea; text-decoration: underline; }
a:link:hover{ color:#F26B36; }



/*
----------------------------------------------------------------------------- 
changes for full page layout WITHOUT dojo
-----------------------------------------------------------------------------*/
html, body, #mainDiv
{
	position: relative;
}
#headerpane
{
    margin: 0 !important;
    border: 0 none !important;
    position: absolute;
    z-index: 100;
    /*padding: 5px; 
	position:absolute;
	left:0 !important;
	right:0 !important;
	top:0 !important;
     overflow: auto; */
}
#footerpane div.wrapper{
	padding-top: 300px;

}

/*
#leftnavpane
{
    margin: 0 !important;
    border: 0 none !important;
    padding: 5px;
	position:absolute;
    left:0 !important;
    top:75px !important;
    bottom:21px !important;
    overflow: auto;
    width: 270px;
}
*/
#leftnavpane
{
	margin: 0 !important;
/*	padding: 10px 0 0 !important;*/
	float: left;
	width: 250px;
}

#leftnavpane_ie6helper, #centercontentpane_ie6helper
{
}
#centercontentpane
{
    float: right;
    width: 700px;
}
#nojavascriptwarning {position:absolute; top: 0px; right: 0px; width: 550px; z-index: 100;}
#debugoutput {position:absolute; top: 100%; left: 0px; right: 0px;}
/*
----------------------------------------------------------------------------- 
Use sans-serif for the web, or so say the experts
-----------------------------------------------------------------------------*/
html, body, #mainDiv, h1, h2, h3, h4, h5, .box h1, .box h2, .box h3, .box h4, .box h5,
.box h3, .box h4, .box h5, h4, h5, h6, p.Outlining, li.Outlining, div.Outlining, ol,
ul, p.HowSoonBody, li.HowSoonBody, div.HowSoonBody, .acknowledgepage p, .tocpage p,
.tocpage ul li
{
	
    font-family: Arial, Helvetica, sans-serif;
    /*
    font-family: "Lucida Sans Unicode",Lucida Sans,Lucida Grande,tahoma;
    */
}


/*
----------------------------------------------------------------------------- 
Temporary hacks
-----------------------------------------------------------------------------*/
/* We changed the point size, and buttons with no image were no longer the same
   height as buttons with images. This is a quick hack to prevent the problem
   for now until we rework the images */
.tundra .dijitButtonNode {min-height:24px;}

/* jquery sets a color for widget content, but it overrides our own coloring
   in important cases, so for now, prevent it. */
.ui-widget-content, .ui-widget-content a {color: inherit;}

/* jquery doesn't style the accordion correctly. Needs extra padding in the
   header, and less in the content. */
.ui-accordion .ui-accordion-header a {padding-left: 1.7em;}
.ui-accordion .ui-accordion-content {padding: 0.5em 0.7em; font-family: Arial,Helvetica,sans-serif; font-size: 11pt; line-height: 1.2;}

/* Add a bit of styling to the accordion to prevent it from overflowing */
.variations-accordion.ui-accordion .ui-accordion-header a {margin-right: 150px;}
    
/* The default disabled color is WAY too light (almost impossible to see) */
.dj_safari .tundra .dijitTextBoxDisabled, .dj_safari .tundra .dijitComboBoxDisabled, .dj_safari .tundra .dijitSpinnerDisabled, .dj_safari .tundra .dijitTextAreaDisabled {
color: #555;
}

/*
----------------------------------------------------------------------------- 
Special styles for error like stuff that should be rarely seen
-----------------------------------------------------------------------------*/
#nojavascriptwarning {background-color:#ffddbb; border: #990000 2px solid;}
#debugoutput {background: wheat; height: 0px; display:none;}
.nochart {height: 0px; display:none;}



/*
----------------------------------------------------------------------------- 
Styles that may need to be synced with Anil's design work
-----------------------------------------------------------------------------*/
#headerpane {height:65px;} /* height of the header */
#headerpane {background: url(images/new/header.png) bottom repeat-x; width:100%; /* padding-left: 0; padding-right: 0; padding-top: 5px; padding-bottom: 5px;*/}
#headermiddle{width: 980px; margin: 0 auto; position: relative}
#headermiddle #headerlogo{position:absolute; top: 0; left: 0}
#headermiddle #headerlogo img{margin:0 !important; padding: 0 !important}
#headermiddle #topmenu{position: absolute; right : 0; top: 5px; }
#topmenu ul.toplevel{list-style: none; margin:14px 0 0;}
#topmenu ul li.toplevel{
	float: left;
	text-align: center;
	text-shadow: 1px 1px 1px #ffffff;	
	position: relative;
	line-height: 38px;
	min-width:110px;
	background: url(images/new/menu_seperator.png) center right no-repeat;
	
}

#topmenu ul li.toplevel a:link, #topmenu ul li.toplevel a:visited{position: relative; display : block; color: #333; padding: 0 20px; text-decoration: none; font-weight: bold; font-family: "lucida sans unicode","lucida sans","lucida Grande",sans-serif,tahoma;}
#topmenu ul li.toplevel a:hover, #topmenu ul li.toplevel a:active{color: #ee9917;}
#topmenu ul li.toplevel a.droparrow{padding:0 20px 0 20px;}
#topmenu ul li.toplevel a.droparrow div.image_holder{position: absolute; top:0; right: 10px; width: 22px; height: 37px; background: url(images/new/drop_arrow.png) center left no-repeat}
#topmenu ul li.toplevel a.droparrow:hover div.image_holder{background-position: right}

#topmenu ul.secondlevel{position: absolute; z-index: 999; list-style: none; padding: 0; margin: 0; display: none; top: 38px; left: 0; }
#topmenu ul li.toplevel:hover ul.secondlevel{display: block}
#topmenu li.secondlevel{color: #000 ;line-height: 18px; width: 130px; background: #ccc; border-bottom: 1px solid #000; border-left: 1px solid #000;border-right: 1px solid #000; margin:0 !important; }
#topmenu li.secondlevel:first-child{border-top: 1px solid #000}
#topmenu ul ul li.secondlevel a:link, #topmenu ul ul li.secondlevel a:visited{font-weight: normal; text-align: left; font-size: 10pt; padding: 5px 8px; text-shadow: none}
#topmenu ul ul li.secondlevel a:hover, #topmenu ul ul li.secondlevel a:active{color: #fff; font-width: bold; background: #999;  text-shadow: 1px 1px 1px #000}


.headernav{ text-align:right;}
.headernav ul{text-align:right; margin: 0; padding: 0; padding-right: 15px;}
.headernav li{ display:inline; background:url(images/divider.jpg) right bottom no-repeat; padding-left:12px; padding-right:12px; padding-bottom:3px;}
.headernav ul li:last-child{background:none;}
.headernav a{ color:#0289ea; font-weight:bold; font-size:12px; text-decoration: none; text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;}
.headernav a:hover{ color:#F26B36; }
#centercontentpane{ background:none;}
#footerpane {
	background: url(images/new/bg_black_bottom.png) repeat-x scroll 0 0; 
	height: 442px;
	color: #bdbebe;
	margin-bottom:-184px;
}
#footerpane a:link, #footerpane a:visited {/*color: #083f4a*/}
#footerpane a:hover, #footerpane a:active {/*color: #feac00*/}

#footerpane .icon a{
	display: block;
	height: 54px;
	width: 54px;
	position: relative;
	overflow: hidden;
}

#footerpane .icon a img{
	position: relative;
	top: -54px;	
}

#footerpane .icon a:hover img{	
	top: 0;	
}

.addcomment{
padding:0;
border: 1px solid #c1c1c1;
width:689px;  
/* Safari 4-5, Chrome 1-9 */ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#e8e8e8));
/* Safari 5.1, Chrome 10+ */ 
background: -webkit-linear-gradient(top, #FFFFFF, #e8e8e8); 
/* Firefox 3.6+ */ 
background: -moz-linear-gradient(top, #FFFFFF, #e8e8e8); 
/* IE 10 */ 
background: -ms-linear-gradient(top, #FFFFFF, #e8e8e8); 
/* Opera 11.10+ */ 
background: -o-linear-gradient(top, #FFFFFF, #e8e8e8);
/* IE 8 */	
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#e8e8e8)";

}
.onlinebox {/*max-width: 600px; font-family: "lucida sans unicode","lucida sans","lucida Grande",sans-serif,tahoma */}
.onlinebox .tl, .onlinebox .tr {background-image: url('images/onlinebox_top.png'); height: 32px; font-size: 2px;}
.onlinebox .bl, .onlinebox .br{height: 9px; font-size: 2px;}
.onlinebox .tl, .onlinebox .bl{margin-right: 50px;}
.onlinebox .tr{margin-left: 50px; margin-top: -32px;}
.onlinebox .br{margin-left: 50px; margin-top: -9px;}
.onlinebox .tl{background-position: 0 0px;}
.onlinebox .tr{background-position: 100% 0;}
.onlinebox .bl{background-position: 0 0;}
.onlinebox .br{background-position: 100% 0;}
.onlinebox .boxtitle{ margin: 0; padding: 0; height: 36px; background: url(images/new/horizontal_seperator.png) repeat-x bottom center; }
.onlinebox h5{ margin: 0; padding: 0 0 0 10px; color:#333333; font-family:inherit; font-size:24px; font-weight: bold; line-height: 32px; text-align: left; text-shadow: 1px 1px 1px #ffffff; font-style: normal;}
.onlinebox .inside
{
	/*
	border-left: 1px solid #b5b4b9; 
	border-right: 1px solid #b5b4b9;
	background: #FFFFFF; 
    background-image: url('images/onlinebox_bg.png');
    background-repeat: repeat-x;
    background-position: 0 100%; 
    
    color: #333333; /* YCC: default text-color of the inside */
/*    padding-top: 10px;
    padding-left: 10px;
	padding-right:10px;
    padding-bottom: 1px;
    font-size: 11px;
*/}

.onlinebox .inside input, .onlinebox .inside textarea,
.signupbox input, .signupbox textarea  
{
	padding: 2px;	
	font-size: 15px;
	background-image: none !important;
	border: 1px solid #cccccc;
	font-family: "lucida sans unicode","lucida sans","lucida Grande",sans-serif,tahoma;
}

.onlinebox .inside textarea
{
	font-size: 12px;
}

.onlinebox .inside table tr td:first-child
{
	text-align: left;
	color: #676666;
}


.onlinebox .inside table tr td.left-align
{
	text-align: left !important;
}

.onlinebox .inside b
{
	color: #f25111;
	font-weight: normal;
}

.onlinebox .inside b
{
	color: #f25111;
	font-weight: normal;
}

.droplist .dijitArrowButtonInner
{
	margin: 5px 4px 0 4px;
} 

.dijitButtonNode
{
	padding: 0 !important;
}

.dijitTextArea
{
	font-family: "lucida sans unicode","lucida sans","lucida Grande",sans-serif,tahoma !important;
}

button .dijitButtonText
{
	line-height: 26px;
	padding: 0 0.5em !important;
}



.dijitButton
{
/*	margin: 10px 1px;*/
}


.dijitButton .dijitRight
{
    margin: 0px;
    padding: 0px;
}
.dijitButton .dijitButtonNode
{
    border: 0px none;
    padding: 0px;
    margin: 0px;
}

.dijitButton.dijitButtonHover .dijitButtonNode
{
}

.dijitButton.dijitButtonActive .dijitButtonNode
{
}

.dijitButton .dijitButtonNode button
{
    padding: 1px;
}

.dijitButton .dijitButtonNode button .dijitButtonText
{
	font-size: 11px;
	font-weight:bold;
	color: #000;
	text-shadow: 0.04em 0.04em 1px #FFFFFF;
}

.dijitButton.dijitButtonHover .dijitButtonNode button .dijitButtonText, .dijitButton .dijitButtonNode button.dijitButtonContents:hover .dijitButtonText
{
    color: #fff;
    text-shadow: none;
}

button{
	cursor: pointer;
}


.next button
{
	background: url(images/new/skip.png) no-repeat top left;
	width: 44px;
	height: 19px; 
}



.prev button
{
	background: url(images/new/prev.png) no-repeat top left;
	width: 43px;
	height: 19px; 
}

.continue button
{
	background: url(images/new/continue.png) no-repeat top left;
	width: 77px;
	height: 19px; 
}

.prev .dijitButtonNode, .next .dijitButtonNode, .continue .dijitButtonNode  
{
	background: none !important;
	border: none !important;
/*	margin: 10px 10px 0 0*/
}












.dashboardbtn
{
	/*	margin: 10px 3px;*/
}

.prevnextsectionarea .dashboardbtn button, .nextsectionarea .dashboardbtn button {
	width:100% !important;
}
.dashboardbtn button
{
	height: 33px;
/*	width: 151px;*/
}


.dashboardbtn button span
{
	color:#000000;
	font-family:inherit;
	font-size:11px;
	font-weight:bold;
	text-shadow:0.04em 0.04em 1px #FFFFFF;
}

.dashboardbtn .dijitButtonNode
{
	border: none !important; 
	background: url("images/new/dashboard_button.png") no-repeat scroll 0 0 transparent;
}

.dashboardbtn.dijitButtonHover .dijitButtonNode, .dashboardbtn.dijitButtonActive .dijitButtonNode,
{
	background: url("images/new/dashboard_button.png") no-repeat scroll 0 0 transparent;
}


.app-page .prevnextsectionarea button.dijitButtonContents, 
.prevnextsectionarea button.dijitButtonContents,
.comments .addcomment .login_box .active button {
	border:1px solid #454545 !important;

}

.waisy-hi{
	/* Safari 4-5, Chrome 1-9 */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#dbdbdb));
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #fefefe, #dbdbdb); 
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #fefefe, #dbdbdb); 
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #fefefe, #dbdbdb); 
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #fefefe, #dbdbdb);
	/* IE 8 */	
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fefefe, endColorstr=#dbdbdb)";		

}
.prevnextsectionarea span button, 
.prevsectionarea span button {

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

	background: url("images/new/button-gradiant-bg.jpg") repeat-x scroll 0 0 #6edb00 !important;
}

.prevnextsectionarea span button:hover, 
.prevsectionarea span button:hover {

	background: url("images/new/button-gradiant-bg-hvr.jpg") repeat-x scroll 0 0 #6edb00 !important;

}
.prevnextsectionarea span button span, 
.prevsectionarea span button span{
	text-shadow:none !important;
	color:#000000 !important;
}

.prevnextsectionarea span.active button, 
.prevsectionarea span.active button,
.comments .addcomment .login_box .active button {
	
	background: url("images/new/button-gradiant-bg-active.jpg") repeat-x scroll 0 0 #70e200 !important;
		
}
.prevnextsectionarea span.active button:hover,
.prevsectionarea span.active button:hover,
.comments .addcomment .login_box .active button:hover {

	background: url("images/new/button-gradiant-bg-active-hr.jpg") repeat-x scroll 0 0 #70e200 !important;

}

.prevnextsectionarea span.active button span, 
.prevsectionarea span.active button span,
.comments .addcomment .login_box .active button span{
	color:#FFFFFF !important;
	text-shadow:none !important;
}
.tundra .popupnavopen .chapter .prevnextsectionarea .dijitButtonNode,
.tundra .popupnavopen .chapter .prevsectionarea .dijitButtonNode,
.prevnextsectionarea .dijitButtonNode, .prevsectionarea .dijitButtonNode {
	background: none !important;
	border:0 !important;
}
.prevnextsectionarea .tundra .dijitButtonNode, .prevsectionarea .tundra .dijitButtonNode {
	background: none !important;
}

.prevnextsectionarea .dijitButtonText, .prevsectionarea .dijitButtonText
{
	background: url("images/new/icon-arrow-skipp-next.png") no-repeat scroll 100% 100% transparent;
	padding: 0 22px 0 0 !important;
	line-height:18px !important;
}

.prevnextsectionarea .back .dijitButtonText, .prevsectionarea .back .dijitButtonText
{
	background: url("images/new/icon-arrow-previous.png") no-repeat scroll 100% 100% transparent;
}

.prevnextsectionarea .active .dijitButtonText, .prevsectionarea .active .dijitButtonText
{
	background: url("images/new/icon-arrow-done-next.png") no-repeat scroll 100% 100% transparent;
}

.app-page .prevnextsectionarea button.dijitButtonContents, .app-page .prevsectionarea .button.dijitButtonContents,
.prevnextsectionarea button.dijitButtonContents, .prevsectionarea button.dijitButtonContents {
	box-shadow:none !important;
}


.dashboardbtn .dijitInline .dijitButtonText
{
	padding: 0 22px 0 0 !important;
}

.dashboardbtn.dijitButtonHover .dijitInline .dijitButtonText
{
	color: #ffffff;
	text-shadow: 1px 1px 1px #000;
}

.dashboardbtn .dijitInline
{

}













/*


.dashboardbtn
{
	margin: 10px 7px;
}

.dashboardbtn button
{
	background: url("images/new/dashboard_button.png") no-repeat scroll center top transparent;
	height: 33px;
	width: 141px;
}


.dashboardbtn button span
{
	font-family: inherit;
	font-weight: normal;
	font-size: 11px;
	text-shadow: 1px 1px 1px #cfcfcf;
	color: #000000;
}

.dashboardbtn .dijitButtonNode
{
	background: none !important;
	border: none !important; 
}

.dashboardbtn .dijitInline .dijitButtonText
{
	width: 118px;
	display: block;
	padding: 0 !important;
}

.dashboardbtn.dijitButtonHover .dijitInline .dijitButtonText
{
	color: #ffffff;
}

.dashboardbtn .dijitInline
{
	display: inline;
}

*/




.left-align
{
	text-align: left !importanr;
}



/*************************************************************************************************************/
/* Styles for Comments Section in innerpages starts here */


.login_box{ 
/*width:390px; float:left; clear:left; margin-right:25px; margin-bottom: 15px; border:1px solid #CCCCCC;*/

padding:20px 20px 10px 16px;
margin-bottom: 15px;

	border: 1px solid #6d6d6d;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;

/* Safari 4-5, Chrome 1-9 */ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#e8e8e8));
/* Safari 5.1, Chrome 10+ */ 
background: -webkit-linear-gradient(top, #FFFFFF, #e8e8e8); 
/* Firefox 3.6+ */ 
background: -moz-linear-gradient(top, #FFFFFF, #e8e8e8); 
/* IE 10 */ 
background: -ms-linear-gradient(top, #FFFFFF, #e8e8e8); 
/* Opera 11.10+ */ 
background: -o-linear-gradient(top, #FFFFFF, #e8e8e8);
/* IE 8 */	
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#e8e8e8)";


}

.addcomment .login_box{
	border:0;
	background:none;
} 
.comments .addcomment .login_box .box_desc{
    border-bottom: 1px solid #D7D7D7 !important;
    padding-bottom: 7px !important;
	margin-bottom: 15px !important;
    text-align: left;
}
.comments .addcomment .login_box .box_desc img.box-status{
		display:none !important;
}
.comments .addcomment .login_box .box_desc strong.box-title {
		color: #4d4d4d !important;
}
.comments .addcomment .login_box .dijitTextBox,.comments .addcomment .login_box .dijitTextArea {

        border:solid 1px #717171;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        font:13px Arial, Helvetica, sans-serif;
        color:#000;
        margin-bottom:10px;		

		width:99.5%;
		height: 25px;
		line-height:25px !important;
		display:block;
		padding-left:10px;
		background-color:#ffffff;
}
.comments .addcomment .login_box .yellowbtn {
	margin:10px 1px 0 !important;
}
.comments .addcomment .login_box .yellowbtn .dijitRight {
	background:none !important;
	padding:0 5px 0 0 !important;
}
.comments .addcomment .login_box .yellowbtn .dijitButtonNode,
.comments .addcomment .login_box .tundra .dijitButtonNode {
	background:none !important;
	height:30px !important;
}
.comments .addcomment .login_box .yellowbtn .dijitButtonNode button {
	margin-left:0 !important;
	padding:0 !important;
	box-shadow:none !important;
}
.comments .addcomment .login_box p.btn-seperator{
	margin-top:15px;
	margin-bottom:10px;
	height:0px; 
	border-top:1px solid #D7D7D7 !important;
	border-bottom:1px solid #ffffff !important;	
}
.comments .addcomment .login_box .no-btn-styl button.dijitButtonContents{
	border: 1px solid #808080 !important;
	background: none !important;
}
.comments .addcomment .login_box .no-btn-styl button span {
	color: #797979 !important;
}
/*   Comments Section Style Ends */
/* *********************************************************************************************************/

.email_setting{ width:480px; float:left; clear:left; margin-right:25px; margin-bottom: 15px;}
.toolselect_box{ width:690px; float:left; clear:left; margin-right:25px; margin-bottom: 15px;}
#toolsmessage{color: #bb0000;}
.dashboard_box{ margin: 5px; width: 45%; min-width: 300px; float: left;}
.dashboard_box{ #width: 44%;} /* hack to make IE tile, since it calculates percentage poorly */
.dashboard_box .inside{ height: 200px; overflow: auto;}
.dashboard_box.onlinebox .inside{ background: none; overflow: hidden}


/* The fix for the new Dashboard box */
.dashboard_box.onlinebox {min-width: 0; width: 339px; height: 222px; background: url("images/new/box.png") no-repeat scroll 0 0 transparent;  }
.dashboard_box.onlinebox .tl, .dashboard_box.onlinebox .tr {background: none}
.dashboard_box.onlinebox h5{ color: #FEAC00; font-size: 18px; font-family: tahoma; font-weight: bold; border-bottom: 1px solid #0e6274; text-align: left; font-style: normal; text-shadow: none;}
.dashboard_box.onlinebox .boxtitle{ padding: 0 15px; background: none; }
.dashboard_box.onlinebox .inside{ color: #ffffff; font-size: 11px; border: none; position: relative; }
.dashboard_box.onlinebox .inside b{ color: #faa900;}
.dashboard_box.onlinebox .inside td{ padding: 0 1px;}
.dashboard_box.onlinebox .left{ float:right; }
.dashboard_box.onlinebox .left span{ color:#ffffff;}
.dashboard_box.onlinebox .bl, .dashboard_box.onlinebox .br{ background: none}
.dashboard_box.onlinebox .inside .autoscroll{ padding: 0; margin: 0; display: block; overflow: auto; width: 326px; height: 125px; }
.dashboard_box.onlinebox .inside a:visited, .dashboard_box.onlinebox .inside a:link{ color: #ffffff;}
.dashboard_box.onlinebox .inside a:hover, .dashboard_box.onlinebox .inside a:active{ color: #f26b36;}
.dashboard_box.onlinebox .inside table tr td:first-child
{
	text-align: left;
	color: #FAA900;
}


.time-progress
{
/*	background:url("images/new/top_box.png") no-repeat scroll left top transparent;
	font-size:16px;
	font-weight:bold;
	height:44px;
	margin:0 0 10px;
	position:relative;
	width:700px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	 border-radius: 4px 4px 4px 4px;
	-moz-box-shadow:0 1px 3px #999999;
	-webkit-box-shadow:0 1px 3px #999999;
	box-shadow:0 1px 3px #999999; 
*/}
.time-progress .time_holder{left:10px; position:absolute; top:12px;}
.time-progress .time
{ 
/*	background:url("images/new/time.png") no-repeat scroll 0 0 transparent;
	font-size:11px;
	font-weight:normal;
	font-family:Arial,Helvetica,sans-serif;
	height:26px;
	left:0;
	padding:8px 10px 8px 50px;
	position:absolute;
	top:-4px;
	width:148px;
*/}
.time-progress .progress_holder
{
	background:url("images/new/progress.png") no-repeat scroll left 4px transparent;
	height:30px;
	left:166px;
	position:absolute;
	top:12px;
	width:66px;	 
}
.time-progress .progress-back
{ 
	background: url("images/new/progress_box.png") repeat-x scroll 0 0 transparent; 
	height:26px; 
	left:70px; 
	position:absolute; 
	text-align:center; 
	top:-3px; 
	width:456px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	 border-radius: 5px 5px 5px 5px;
}
.time-progress .progress-back .progress-bar 
{
	background: url("images/new/progress_box_completed.png") repeat-x scroll 0 0 transparent; 
	height:26px; 
	position:absolute; 
	top: 0; 
	left: 0;
	z-index: 5;
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	 border-radius: 5px 0px 0px 5px;
}

.completed.time-progress .progress-back .progress-bar
{
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	 border-radius: 5px 5px 5px 5px;	
}
.time-progress .progress-back .progress{ position: absolute; right: 0; left: 0; top: 3px; font-weight: normal; text-align: center; z-index: 6}

/*
----------------------------------------------------------------------------- 
Drop menu styles
-----------------------------------------------------------------------------*/
#dropmenudiv
{
	position:absolute;
	border:1px solid black;
	border-bottom-width: 0;
	font:normal 12px Verdana;
	line-height:18px;
	z-index:100;
	background: #f5f5f5;
	background: #69ade9 url(images/bg_left.png) top left;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
/*background: #f5f5f5;*/
}

#dropmenudiv a, #dropmenudiv a:visited{ /*hover background color*/
color: #4D4E4E;
}

#dropmenudiv a:hover{ /*hover background color*/
/*background-color: #ddddff;*/
    color: #f26b36;
}


/*
----------------------------------------------------------------------------- 
Other styles that are heavily affected by the theme
-----------------------------------------------------------------------------*/
/*#leftnavpane {background-color:#69ade9; background: #69ade9 url(images/bg_left.png) right top no-repeat; }*/
#leftnavpane a {display:block; text-decoration: none;}
#leftnavpane a, #leftnavpane a:link, #leftnavpane a:visited {color:#3D3D3D; text-decoration: none;}
/* #leftnavpane a:hover {background-color:#fee9c0; } */
#leftnavpane a:hover {color:#FFFFFF; }
/*
.nav_part {color: #f24400;}
.nav_part_chapters {border-top: #fd9b00 dotted 2px;}
.nav_part_chapters {border-top: #f24400 solid 1px;}
*/

.nav_part {color: #004e8d;}

.nav_part_chapters {    
	border: 1px solid #666666;
    margin: 0;
    padding: 0 0 0;
}
img{
	border:0; margin:0;
}
/*
.nav_part_chapters {border-top: #fd9b00 dotted 2px;}
.nav_part_chapters {border-top: #004e8d solid 1px;}
*/

/*
----------------------------------------------------------------------------- 
Extra Frame styling
-----------------------------------------------------------------------------*/
.headerlogo H1
{
    font-size:17pt;
		margin:0;
}

.headerlogo H1 a
{
	color: #004E8D;
	font-weight: normal;
	text-decoration: none;
}

.headerlogo H1 a span
{
    color: #F26B36;
}

/*
----------------------------------------------------------------------------- 
Disable gutters
-----------------------------------------------------------------------------*/
.tundra .dijitSplitterH, .tundra .dijitGutterH {height:0px;}
.tundra .dijitSplitterV, .tundra .dijitGutterV {width:0px;}

/*
----------------------------------------------------------------------------- 
Fix a minor display bug with text areas
-----------------------------------------------------------------------------*/
.dijitTextArea
{
    cursor: text;
}
	
/*
----------------------------------------------------------------------------- 
Narrower dialogs
-----------------------------------------------------------------------------*/
.tundra .messageboxpopup
{
	max-width: 40%;
}

/*
----------------------------------------------------------------------------- 
Make the chapter numbers smaller. They look fine in the book, but awful online
-----------------------------------------------------------------------------*/
.chapter-title
{   
    height: 1in;
    max-height: 1in;
    padding-bottom: 1.0in;
    padding-top: 0.1in;
}

.chapter-title h1
{
    /* the bizarre positioning strategy here displays the title an inch lower than its
       calculated position, and gives it a bottom padding to compensate. The reason is
       because when we scroll to the associated anchor, we want to show the whole top
       of the chapter, and not chop off the top of the decorative number. */
    top: .5in;
    padding-bottom: .5in;
    font-size: 28pt;
    color: #f58020;
    font-weight: normal;
}

.chapter-title.unnumbered
{   
    padding-bottom: 0.5in;
}

.chapter-title.unnumbered h1
{
    padding-bottom: 0;
}

.chapter-number h1
{
	color: #c6d9e8;
    font-size: 175pt;
    margin-top: -.5in;
    position: relative;
    z-index: 1;
}

.intropictable
{
	width: 100%;
}

.intropictable td
{
    text-align: center;
}

.intropictable td img
{
    float: none;
    clear: none;
}

/*
----------------------------------------------------------------------------- 
button design...
-----------------------------------------------------------------------------*/
table .dijitButton .dijitButtonNode
{
	overflow: visible !important;
}

.app-page .chapter .printbtn
{
    position: relative;
    float: right;
    z-index: 10; /* display ABOVE form areas if it gets floated down into them */
}
.app-page .chapter .printbtn .dijitRight, .app-page .dijitButton
{
	background: none !important;
	margin: 0px;
	padding: 0px 5px 0 0 !important;

}
.app-page .chapter .printbtn .dijitButtonNode
{
	background: none !important;
	margin: 0px;
	padding: 0px !important;
    height: 30px !important;
}
.app-page .chapter .tundra .dijitButtonNode
{
	background: none !important;
	margin: 0px;
	padding: 0px !important;
    height: 30px !important;
}

.app-page .chapter .printbtn.dijitButtonHover .dijitButtonNode
{
    background: none !important;
}

.app-page .chapter .printbtn.dijitButtonActive .dijitButtonNode
{
    background: none !important;
}

.app-page .chapter .printbtn .dijitButtonNode button
{
    margin-left: 0 !important; /* width of the left image, less one px for safety */
	box-shadow:none !important;
}
.app-page .chapter .printbtn .dijitButtonNode button:hover
{
	/* Safari 4-5, Chrome 1-9 */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dbdbdb), to(#fefefe));
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #dbdbdb, #fefefe); 
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #dbdbdb, #fefefe); 
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #dbdbdb, #fefefe); 
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #dbdbdb, #fefefe);
	/* IE 8 */	
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dbdbdb, endColorstr=#fefefe)";

}
.app-page .chapter .printbtn .dijitButtonNode button span
{
	background: url(images/icon-print.png) center center no-repeat ;
}


.printbtn .dijitRight
{
	background: url(images/smallorangebutton-left.png) top left no-repeat;
	margin: 0px;
	padding: 0px;
	padding-left: 46px; /* width of the left image, less one px for safety */
}
.printbtn .dijitButtonNode
{
    background: url(images/smallorangebutton-right.png) top right no-repeat;
    border: 0px none;
    height: 35px;
    padding: 0px;
    margin: 0px;
}

.printbtn.dijitButtonHover .dijitButtonNode
{
    background: url(images/smallorangebutton-right.png) top right no-repeat;
}

.printbtn.dijitButtonActive .dijitButtonNode
{
    background: url(images/smallorangebutton-right.png) top right no-repeat;
}

.printbtn .dijitButtonNode button
{
    margin-left: -46px; /* width of the left image, less one px for safety */
    padding: 4px;
}

.smallbluebtn .dijitRight
{
    background: url(images/smallbluebutton-left.png) top left no-repeat;
    margin: 0px;
    padding: 0px;
    padding-left: 42px; /* width of the left image, less one px for safety */
}
.smallbluebtn .dijitButtonNode
{
    background: url(images/smallbluebutton-right.png) top right no-repeat;
    border: 0px none;
    height: 35px;
    padding: 0px;
    margin: 0px;
}

.smallbluebtn.dijitButtonHover .dijitButtonNode
{
    background: url(images/smallbluebutton-right.png) top right no-repeat;
}

.smallbluebtn.dijitButtonActive .dijitButtonNode
{
    background: url(images/smallbluebutton-right.png) top right no-repeat;
}

.smallbluebtn .dijitButtonNode button
{
    margin-left: -42px; /* width of the left image, less one px for safety */
    padding: 4px;
}

.medbluebtn .dijitRight
{
    background: url(images/medbluebutton-left.png) top left no-repeat;
    margin: 0px;
    padding: 0px;
    padding-left: 61px; /* width of the left image, less one px for safety */
}
.medbluebtn .dijitButtonNode
{
    background: url(images/medbluebutton-right.png) top right no-repeat;
    border: 0px none;
    height: 50px;
    padding: 0px;
    margin: 0px;
}

.medbluebtn.dijitButtonHover .dijitButtonNode
{
    background: url(images/medbluebutton-right.png) top right no-repeat;
}

.medbluebtn.dijitButtonActive .dijitButtonNode
{
    background: url(images/medbluebutton-right.png) top right no-repeat;
}

.medbluebtn .dijitButtonNode button
{
    margin-left: -61px; /* width of the left image, less one px for safety */
    padding: 8px;
    font-size: 18px;
    line-height: 22px;
}

.medbluebtn .dijitButtonNode button *
{
	vertical-align: baseline;
}

.medbluebtn .dijitButtonNode button em
{
    font-size: 22px;
    font-weight: 600;
    font-style: normal;
}


/*
----------------------------------------------------------------------------- 
TRO Online design...
-----------------------------------------------------------------------------*/
.chapter
{
	height: auto;
/*	overflow: hidden; I don't know why this was here, and it was causing a problem in FF when diagrams were wider than the browser. JBC - 29 Oct 2008 */
	text-align:left;
	margin: 0;
	padding:10px 0 20px 0;
}

.chapter-left
{
	float:left;
	width:500px;
	background:transparent url(images/new/chapter-separator-v.jpg) no-repeat scroll 490px 0;
}

.chapter-right
{
	float:right;

}

.chap-lft-pad
{
	padding-right:15px;
}
.chapter h3
{
	font-weight: normal;
	color: #255eac;
}

.chapter h4
{
 	margin-top:5px ;
    color: #599200;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#60bf00;
	font-weight:bold;
}

.chapter h2
{
    font-weight: normal;
    color: #3d3d3d;
    font-style: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
}

.chapter b
{
/*	color: #0183e0; Can't use this color because it looks like a link */
/*  color: #60BF00; This color might work. It is the same as h4, but it's really light */
    color: #000000;
	font-weight: bold;
}
b.grey
{
	color:#616060;
}
.header-img{
	padding-bottom:10px;
	padding-right:5px;
	width: 682px;
}
.header-img img{
/*	padding-bottom:20px;*/
}
.bodyshell
{
    width: 9.5in;
    margin: 0 auto;
    text-align: left;
}

.header
{
    width: 9.5in;
}

.headerlogo
{
	background:transparent url(images/diamond48.png) no-repeat scroll 0 0;
	float:left;
	height:50px;
	padding-left:50px;
	width: 500px;
	margin: 0;
}

.headertools
{
    float: left;
    font-size:10pt;
    clear: both;
    width: 100%;
}
	
.headernav
{
	float: right;
}

.footer
{
	clear: both;
	width: 9.5in;
}

.contentfooter
{
/*	margin-top: .5in;*/
/*	padding-top: .25in;*/
/*	border-top: #007700 4px solid;*/
    clear: both;
}

.contentbottombuffer /* used to ensure there is some blank scrolling space after the content */
{
	clear: both;
	height: 0;
}

.leftcol
{
	float: left;
    width: 2.5in;
/*    margin-right: -3.5in; */
}

.nav_part
{    
/*    padding: 1px 0 0; 
    background-position: top left;
    background-repeat: no-repeat;
    background-image: url('images/new/sidebar_heading.png');
    margin:0 0 10px;
*/
}

.title
{
/*	padding: 8px 0 0 41px;
	background: url('images/new/principle.png') no-repeat;
	height: 25px;
	font-size: 10pt;	
    color: #feac00;
    font-weight: bold;
*/}

.title.training
{
	background: url('images/new/training.png') no-repeat;
}

.title.resources
{
	background: url('images/new/resources.png') no-repeat;
}
	
.nav_part_completed
{
    background-image: url('images/checkmark.png');
}
    
.nav_part_selected
{
    font-weight: bold;
}
div#leftnavpane .nav_chapter {
	padding-left:0 !important;
}    
.nav_chapter
{
	border-bottom:1px solid #d9d9d9;
    position: relative;
    padding: 0 0 0 32px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    background-position: left 10px;
    background-repeat: no-repeat;
    background-image: url('images/new/bg-chkbox.png');
	z-index:44;
}
div.nav_chapter:hover, .nav_chapter_selected, .nav_chapter_selected:hover{
	background-color:#535353;
	color:#FFFFFF;
	font-weight:bold;
}
.nav_chapter a{
	padding:10px 0 10px 32px;
}
div.nav_chapter_completed
{
    background-image: url('images/new/bg-chkbox-active.png');
    background-position: left 10px;
}
.nav_chapter_completed .nav_chapter_sections {
	padding-left:25px !important;
}
    
.nav_chapter_selected a{
	color:#FFFFFF !important;	
}
    
.nav_chapter_sections
{
/*    position: absolute; */
/*    top: 0px; */
/*    width: 100%;*/
    display: none;
	background-color:#f0f0f0;
	padding-left:32px;		
}

.nav_sectiongroup .groupname {
    padding-left: 23px;
    font-weight: normal;
    background-position: 8px 13px;
    background-repeat: no-repeat;
    background-image: url('images/new/bullet-arrow.png');
}

.nav_sectiongroup .groupname:hover {
    background-color:#656565;
    background-position: 8px 13px;
    background-repeat: no-repeat;
    background-image: url('images/new/bullet-arrow-white.png');
}

.nav_sectiongroup .groupname:hover a.custom {
    font-weight:bold !important;
    color:#FFFFFF !important;
}

.nav_sectiongroup.nav_sectiongroup_selected {
    font-weight:bold;
}

.nav_sectiongroup .nav_sectiongroup_sections {
    display: none;
}

.nav_sectiongroup.nav_sectiongroup_selected .nav_sectiongroup_sections {
    display: block;
}

.nav_sectiongroup.collapsed .nav_sectiongroup_sections {
    display: none;
}

.nav_sectiongroup.expanded .nav_sectiongroup_sections {
    display: block;
}

.nav_section
{
/*    font-size: smaller;*/
/*	margin: 5px 0 0;*/
    padding-left: 46px;
    font-weight: normal;
    background-position: 31px 13px;
    background-repeat: no-repeat;
    background-image: url('images/new/bullet-arrow.png');
}
.nav_section:hover
{
	background-color:#656565;
    background-position: 31px 13px;
    background-repeat: no-repeat;
    background-image: url('images/new/bullet-arrow-white.png');
}
.nav_section:hover a.custom {
	font-weight:bold !important;
	color:#FFFFFF !important;
}
    
.nav_chapter_selected .nav_chapter_sections
{
    display: block;
    margin: 7px 0 0 0;
	padding-left:0px !important;
}
.nav_section_completed:hover
{
    background-image: url('images/new/bg-chkbox-active-sub.png') !important;
    background-position: 26px 9px;
}
    
.nav_section_completed
{
    background-image: url('images/new/bg-chkbox-active-sub.png');
    background-position: 26px 9px;
/*	line-height:20px;
	padding-right:8px;*/
}

.nav_section_selected
{
	font-weight: bold;

}

.nav_section_folds{
	margin: 0 0 0 30px;
}

.nav_section_folds .nav_fold{
	padding-left: 30px;
    font-weight: normal;
    background-position: 15px 13px;
    background-repeat: no-repeat;
    background-image: url('images/new/bullet-arrow.png');
}

.nav_section_folds .nav_fold.fold_selected{
	font-weight: bold;
}

.nav_section_selected a.custom, .nav_sectiongroup .groupname a.custom, .nav_section a.custom {
	padding-left: 0 !important;
	color:#565656 !important;
	font-size:11px;
}
a.custom:hover, a.custom:active{
	font-weight:bold;
}
/* Removed this temporarily, because it was probably seriously hurting sales
.nav_part_locked, .nav_chapter_locked, .nav_section_locked
{
    background-image: url('images/locked.png');
}

.nav_chapter_locked > a, .nav_section_locked > a, .nav_section_locked .nav_fold a
{
    opacity: .5;
}

.nav_part_locked
{
    color: gray;
}
*/

.content
{
    float: right;
	width: 7in;
}

.nextDoneIcon
{
	float:right;
	margin:0;
	padding:0;
	border:0;
    margin-top: 1px;
	width: 21px;
	height: 21px;
    background-image: url('images/greencheck.png');
}

.nextIcon
{
display:none; /* majid:dont display navigation arrows*/
    float:right;
    margin:0;
    padding:0;
    border:0;
    margin-top: 1px;
    width: 21px;
    height: 21px;
    background-image: url('images/blueright.png');
}

.prevnextsectionarea
{
	width: 42%;
}

.nextsectionarea
{
	float: right;
}

.prevsectionarea
{
    float: left;
}

.prevnextsectionname
{
	clear: both;
	font-size: 16px;
	font-style: italic;
    color: #004e8d;
}

.prevnextsectionname span
{
    font-size: 14px;
	color: #f26b36;
}

.prevsectionname
{
	text-align: left;
}

.nextsectionname
{
    text-align: right;
}

.dijitButtonHover .nextIcon
{
    background-image: url('images/lightblueright.png');
}

.dijitButtonActive .nextIcon
{
    background-image: url('images/darkblueright.png');
}

.dijitButtonFocused .nextIcon
{
}

.dijitButtonFocusedHover .nextIcon
{
}

.prevIcon
{
display:none; /* majid:dont display navigation arrows*/
	
    float:left;
    margin:0;
    padding:0;
    border:0;
    margin-top: 1px;
    width: 21px;
    height: 21px;
    background-image: url('images/blueleft.png');
}

.dijitButtonHover .prevIcon
{
	background-image: url('images/lightblueleft.png');
}

.dijitButtonActive .prevIcon
{
    background-image: url('images/darkblueleft.png');
}

.dijitButtonFocused .prevIcon
{
}

.dijitButtonFocusedHover .prevIcon
{
}

/*
#contentpane_left .dijitTextBox
{
	width: 10em;
}
*/

.signupbox
{
/*	background-color:#F9F9F9;
	border:1px solid #AAAAAA;
    width: 630px; */

	float: left;
	clear: left;
	margin:0 3em 1em 0;
    padding:1.5em 2em;


	border: 1px solid #6d6d6d;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;

/* Safari 4-5, Chrome 1-9 */ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#e8e8e8));
/* Safari 5.1, Chrome 10+ */ 
background: -webkit-linear-gradient(top, #FFFFFF, #e8e8e8); 
/* Firefox 3.6+ */ 
background: -moz-linear-gradient(top, #FFFFFF, #e8e8e8); 
/* IE 10 */ 
background: -ms-linear-gradient(top, #FFFFFF, #e8e8e8); 
/* Opera 11.10+ */ 
background: -o-linear-gradient(top, #FFFFFF, #e8e8e8);
/* IE 8 */	
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#e8e8e8)";



}

.signupbox h3
{
	margin-top: 0;
	border-bottom:1px solid #AAAAAA;
}

/*
.signupbox .dijitTextBox
{
    width: 10em;
}
*/

/* classes so we can make a dialog that is never too large for the screen, which will scroll
   only the contents (not the header) to allow room for whatever we place inside it. With the
   current style it will always be 80% of the width and height of the screen. */
.scrolldialog
{
	width: 80%;
    height: 80%;
    overflow: hidden;
    padding: 0;
    padding-bottom: 28px !important; /* to compensate for header space used */
}

.scrolldialogcontentshell
{
	height: 100%;
	width: 100%;
	overflow: auto;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0;
}

.scrolldialogcontent
{
    padding: 10px;
}

.scrolldialog .dijitDialogPaneContent
{
    height: 100% !important;
	padding:0 !important;
    position: relative;
    bottom: 0;
    margin-bottom: 28px; /* to compensate for header space used */
}

.formerror
{
	color:red !important;
	font:10pt "Times New Roman";
	text-align:left !important;
}

.cpcountfield
{
/*	width: 2em;*/
	height: 100%;
	width: .55in;
	font-size: 20pt !important;
	color: #000099;
	text-align: center;
}

/* used to style rows that highlight where a user sits in a table of possible results */
tr.userresult
{
    background-color: #cccccc;
}

/* styles to make a star image behave like a check box
   Usage: <span class="togglefavorite">...dijit.form.CheckBox...</span>
*/
.togglefavorite .dijitCheckBox,
.togglefavorite .dijitCheckBoxIcon
{
/*	background-image: url(images/star_blank.png);*/
    background-image: url(images/star-grey.png);
    background-position: 0 0;
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
}
.togglefavorite .dijitCheckBox,
.togglefavorite .dijitToggleButton .dijitCheckBoxIcon
{
/*    background-image: url(images/star_blank.png);*/
    background-image: url(images/star-grey.png);
    opacity: 0.5;
}
.togglefavorite .dijitCheckBoxChecked,
.togglefavorite .dijitToggleButtonChecked .dijitCheckBoxIcon
{
    /*
     * This star is too dark. The hover star looks better...
     *
     * background-image: url(images/star.png);
     */
/*    background-image: url(images/star_hover.png);*/
    background-image: url(images/star-green-hvr.png);
    opacity: 1.0;
}

.togglefavorite .dijitCheckBoxDisabled
{
    background-image: url(images/star_blank.png);
}

.togglefavorite .dijitCheckBoxCheckedDisabled
{
    background-image: url(images/star.png);
}

.togglefavorite .dijitCheckBoxHover
{
/*    background-image: url(images/star_hover.png);*/
    background-image: url(images/star-green-hvr.png);
}
.togglefavorite .dijitCheckBoxCheckedHover
{
/*    background-image: url(images/star_hover.png);*/
    background-image: url(images/star-green-hvr.png);
}

.togglefavorite .dijitCheckBox, .togglefavorite .dijitRadio, .togglefavorite .dijitCheckBoxInput
{
/*	height:30px;
	width:30px;*/
	height:20px;
	width:35px;
}

.dashboard_pane
{
	width: 50%;
	min-width: 300px;
	float: left;
}

.dashboard_pane .pane_content
{
/*    margin: 10px;*/
    background-color:#F9F9F9;
    border:1px solid #AAAAAA;
    margin:0 3em 1em 0;
    padding:1.5em 2em;
    height: 200px;
    overflow: auto;
}

.dashboard_pane .pane_content h3
{
    margin-top: 0;
    border-bottom:1px solid #AAAAAA;
}

.dashboardtimespent
{
	text-align: center;
	font-size: 30px;
}

.trainingselect
{
/*    margin-bottom:.2in;*/
}

.trainingselect h3
{
	color:#3d3d3d;
	font-size:21px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0 0 10px 5px;	
}

.trainingselect .trainingdetails
{
    font-size: 9pt;
}

.trainingselect .displayresult
{
	background-color: #DDDDDD;
	color: red;
}
	
p.trainingselect
{
    margin-top:0in;
    margin-right:.75in;
    margin-bottom:.085in;
    margin-left:0in;
    text-indent:.25in;
    line-height:130%;
    font-size:11.0pt;
}

table.trainingselect
{
   border-style: solid;
   border-color: black;
   border-collapse: collapse;
   border-top: 1px solid black;
   border-bottom: 3px solid black;
   border-left: 0px solid black;
   border-right: 0px solid black;
   margin-bottom: .2in;
   font-size: 12px;
}

table.trainingselect > tbody > tr > th
{
     vertical-align: bottom;
     text-align: left;
     font-weight: bold;
   padding: 0 .10in 0 .10in;
   border-top: 0px solid black;
   border-bottom: 2px solid black;
   border-left: 0px solid black;
   border-right: 0px solid black;
}

table.trainingselect td
{
   text-align: left;
   margin: 0px;
   padding: .10in;
   border-top: 0px solid black;
   border-bottom: 1px solid black;
   border-left: 0px solid black;
   border-right: 0px solid black;
   height: .45in;
}

.comments
{
	clear: both;
/*    border-top: #004e8d 4px solid;
    margin-top: .5in;*/
    padding-top: .25in;
}

.comments .comment_feedback
{
	color:#708F30;
	font-family:lucida Grande;
	font-size:30px;
	font-style:italic;
	font-weight:bold;
	border-bottom:1px solid #CCCCCC;
}

.comments h3
{
	font-size: 15px;
	font-weight: bold;
}



.comments .dijitTextArea
{
    min-height:5.5em !important;
    max-height:22em !important;
    overflow-y: auto !important;
}
.comments .dijitTextArea > div
{
    min-height:5.5em !important;
    max-height:22em !important;
    overflow-y: auto !important;
}
.comment
{
/*    margin: 10px;
    background: url("images/new/comment_background.png") repeat-x scroll left top transparent;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #ffffff;
    background-color: #c9c9c9 !important;
	*/

    margin: 10px 0;
    padding: 0px 10px;
    color: #333333;
}

.comment.admintools
{
	padding-bottom: 45px;
}

.comment .floated
{
	float: right;
	margin: 10px 0;
}

.comment .floated a:link, .comment .floated a:visited, .comment .floated
{
	/*color:#669933;
	font-weight:bold;
	*/
	color::#6289a9;
	font-size:11px;
	text-decoration:none;
	text-shadow:1px 1px 1px #FFFFFF;
} 

.comment .floated a:hover, .comment .floated a:active
{
	color: #6289a9;
	text-decoration: underline;
}

.processedcomment
{
}

.unprocessedcomment
{
    border:2px dashed #ff7777;
}
.comments .comment
{
    border:1px solid #d9d9d9;
    position: relative;
    background: #eff4f8;
}
.comments span.dijitButtonNode{
	border:none !important;
}
.comments .comment.level_0 .commentavatar
{
	background:#FFFFFF;
	float:left;
	padding:3px;
    border:1px solid #D9D9D9;
	margin-right:10px;
}

.comments .comment.level_1 .commentavatar,
.comments .comment.level_2 .commentavatar,
.comments .comment.level_3 .commentavatar,
.comments .comment.level_4 .commentavatar,
.comments .comment.level_5 .commentavatar,
.comments .comment.level_6 .commentavatar,
.comments .comment.level_7 .commentavatar,
.comments .comment.level_8 .commentavatar,
.comments .comment.level_9 .commentavatar
{
	background:#FFFFFF;
	float:left;
	padding:2px;
    border:1px solid #D9D9D9;
	margin-right:10px;
}

.comments .comment .comment-left
{
    float:left;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
}

.comments .comment.level_0 .comment-right
{
    margin-left: 80px;
}

.comments .comment.level_1 .comment-right,
.comments .comment.level_2 .comment-right,
.comments .comment.level_3 .comment-right,
.comments .comment.level_4 .comment-right,
.comments .comment.level_5 .comment-right,
.comments .comment.level_6 .comment-right,
.comments .comment.level_7 .comment-right,
.comments .comment.level_8 .comment-right,
.comments .comment.level_9 .comment-right
{
    margin-left: 60px;
}

.comments .comment .comment-header
{
    padding: 10px 0 0 0;
}

.comments .comment .comment-footer
{
    padding: 10px 0 10px 0;
}

.comments .comment .comment-actions
{
    float: right;
}

.comments .comment.mycomment
{
/*    background-color:#ffffff;*/
}

.comments .comment.privatecomment
{
    background-color: #f6f6f6;
}

.comments .comment.coachcomment
{
    background-color: #fffbbe;
}

.comment h3
{
    margin: 0;
    font-family: "lucida sans",lucida Grande,sans-serif,tahoma;
	color:#2789f5;
}

.comments .comment.level_0 h3{
    padding-right: 150px; /* make room for date */
}

.comment .commentuser
{
    font-weight: bold;
    font-size: 12px;
    padding:0 0 3px;
    font-family: "lucida sans",lucida Grande,sans-serif,tahoma;
	color:#2789f5;
}
.comments .comment.level_0 .commentuser{
	font-size: 14px;
}
.comments .comment.level_0 .commentuser {
	display:block;
}

.comments .comment.level_0 .commentuser,
.comments .comment.level_1 .commentuser,
.comments .comment.level_2 .commentuser,
.comments .comment.level_3 .commentuser,
.comments .comment.level_4 .commentuser,
.comments .comment.level_5 .commentuser,
.comments .comment.level_6 .commentuser,
.comments .comment.level_7 .commentuser,
.comments .comment.level_8 .commentuser,
.comments .comment.level_9 .commentuser
{
	display:inline;
	font-size: 12px;
}

.comments .comment.level_0 .commentdate,
.comments .comment.level_1 .commentdate,
.comments .comment.level_2 .commentdate,
.comments .comment.level_3 .commentdate,
.comments .comment.level_4 .commentdate,
.comments .comment.level_5 .commentdate,
.comments .comment.level_6 .commentdate,
.comments .comment.level_7 .commentdate,
.comments .comment.level_8 .commentdate,
.comments .comment.level_9 .commentdate
{
	position:absolute;
	right:10px;
	top:15px;
	font-size:11px;
	color:#9e9e9e;
}

.comment .commentbody
{
	font-size: 11px;
	letter-spacing:0.01em;
	font-family:tahoma;
}

/* Comment Threading Styling */

.comments .comment.level_0 {
/*    background-color: #fffbbe !important;*/
}

.comments .comment.level_1 {
/*    background-color: #eff4f8 !important;*/
	margin-left: 30px;
}

.comments .comment.level_2 {
/*    background-color: #f6f6f6 !important;*/
	margin-left: 60px;
}

.comments .comment.level_3 {
	margin-left: 90px;
}

.comments .comment.level_4 {
	margin-left: 120px;
}

.comments .comment.level_5 {
	margin-left: 150px;
}

.comments .comment.level_6 {
	margin-left: 170px;
}

.comments .comment.level_7 {
	margin-left: 190px;
}

.comments .comment.level_8 {
	margin-left: 210px;
}

.comments .comment.level_9 {
	margin-left: 230px;
}






/* this is for chapter title and images settings */
.chapterintro {
/*	padding: 360px 0 0 0;*/
	padding: 240px 0 0 0;
	width: 682px;
}
div.app-page .chapter .chapterintro{
/*	display:none !important;*/
}

.followup{
	padding: 0 !important;
}

.innerchapter{
	margin-top: 20px;
}


.chapter_title_holder{
	position:absolute;
	right:0;
	top:45px;
	width:450px;
	display:none !important;
}

.chapter_title_holder img{
	display:block;
	float:right;
	margin:5px;
	padding:0;	
	clear: none;
}

.chapterno{
	margin-top:-2px !important;
}

.chapterintroboxes{
	left:255px;
	position:absolute;
	top:133px;
}

.followup .chapterintroboxes{
	left:255px;
	position: static;
	top:133px;
}

.chapterintroboxes, .chapterintroboxes li, .chapterintroboxes p, .chapterintroboxes b, .left-bottom p, .left-bottom b{
	color:#FFFFFF;
	font-family:"lucida sans unicode","lucida sans","lucida Grande",sans-serif,tahoma !important;
	font-size:11px;
	width:440px;
}

.chapterintroboxes p, .left-bottom p{
	font-size:11px;
	text-indent: 0 !important;
	width: inherit;
}

.chapterintroboxes b, .left-bottom b{
	color: #ff9900;
}

.time{
/*	padding-left: 30px;
	background: url(images/chapter/watch.png) no-repeat; */
	float:left;
	text-align:top;
}
.chapter .chapter-description .goal ul li{
	color:#4c4c4c;
}
.chapter-description .time td{
	line-height:15px;
	color:#80807f;
	padding-left:20px;
}
.chapter-description .time th.top-space{
	padding-top:12px;
}
.chapter-description .time th{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#1e8cdc;
	padding-bottom:5px;
	padding-left:20px;
}
.chapter-description .time th.chap-description-current-time{
	background: url(images/new/time-description-current-time.png) no-repeat 0 0;
}
.chapter-description .time th.chap-description-complete-time{	
	background: url(images/new/time-description-complete-time.png) no-repeat 0 11px;
}

.chapter-description .time td b, .chapter-description .time td strong{
	color:#4c4c4c;
	font-weight:bold;
}
.chapter-description .goal b.learn{
	background: url(images/new/time-description-bulb.png) no-repeat 0 0;
	padding-left:20px;
	color: #1e8cdc;
}
.chapter-description .goal b.accomplish{
	background: url(images/new/time-description-check.png) no-repeat 0 0;
	padding-left:20px;
	color: #1e8cdc;
}
.chapter-description .goal ul{
	padding-left:20px;
}
.goal{
/*	background:url("images/chapter/line-notepad.png") no-repeat scroll 0 0 transparent;
	clear:both;
	margin:7px 0 0;
	padding:8px 5px 0 30px;
	min-height:20px;*/
	float:right;
}


.goal ul, .left-box ul{
	margin:0 0 5px;
}

.goal li, .left-box li{
/*	background:url("images/chapter/bullet.png") no-repeat scroll 0 6px transparent !important;*/
	background:url("images/time-description-bullet.png") no-repeat scroll 0 8px transparent !important;	
	line-height:13px;
	margin:0 !important;
	padding-left:8px !important;
	width:365px;
}

.left-box{
	float:left;
	width:200px;
	margin:3px 0;
}

.left-box li{
	background:url("images/chapter/asterisk.png") no-repeat scroll 0 5px transparent !important;
	padding-left:10px !important;
	width:inherit;
}


.special-time p{
	color:#000;
}

ul.float li{
	float:left;
	width:188px;
}

.left-bottom{
	left:10px;
	position:absolute;
	top:240px;
	width:265px;
}

.coach-box{
	background:url("images/chapter/asterisk.png") no-repeat scroll 0 12px transparent;
	clear:both;
	padding:10px 0 0 10px;
}

.chapter_intro{
	background: url(images/chapter/chapter_intro_back.jpg) no-repeat;
}

.chapter_motivation{
	background: url(images/chapter/chapter_motivation_back.jpg) no-repeat;
}


.chapter_principles{
	background: url(images/chapter/chapter_principles_back.jpg) no-repeat;
}


.chapter_preparation{
	background: url(images/chapter/chapter_preparation_back.jpg) no-repeat;
}

.chapter_outlooksetup{
	background: url(images/chapter/chapter_outlooksetup_back.jpg) no-repeat;
}

.chapter_collectingpoints{
  background: url(images/chapter/chapter_collectingpoints_back.jpg) no-repeat;
}

.chapter_clearingunapprovedcollectingpoints{
  background: url(images/chapter/chapter_clearingunapprovedcollectingpoints_back.jpg) no-repeat;
}

.chapter_collectionpoints{
  background: url(images/chapter/chapter_collectionpoints_back.jpg) no-repeat;
}

.chapter_clearingunapprovedcollectionpoints{
  background: url(images/chapter/chapter_clearingunapprovedcollectionpoints_back.jpg) no-repeat;
}

.chapter_organizeworkspace{
	background: url(images/chapter/chapter_organizeworkspace_back.jpg) no-repeat;
}

.chapter_filing{
	background: url(images/chapter/chapter_filing_back.jpg) no-repeat;
}


.chapter_processingbigpicture{
	background: url(images/chapter/chapter_processingbigpicture_back.jpg) no-repeat;
}

.chapter_triaging{
	background: url(images/chapter/chapter_triaging_back.jpg) no-repeat;
}

.chapter_processingdeciding{
	background: url(images/chapter/chapter_processingdeciding_back.jpg) no-repeat;
}

.chapter_defer{
	background: url(images/chapter/chapter_defer_back.jpg) no-repeat;
}

.chapter_processingrecap{
	background: url(images/chapter/chapter_processingrecap_back.jpg) no-repeat;
}

.chapter_reviewing{
	background: url(images/chapter/chapter_reviewing_back.jpg) no-repeat;
}

.chapter_doing{
	background: url(images/chapter/chapter_doing_back.jpg) no-repeat;
}

.chapter_accountability{
	background: url(images/chapter/chapter_accountability_back.jpg) no-repeat;
}

.chapter_email{
	background: url(images/chapter/chapter_email_back.jpg) no-repeat;
}

.chapter_othercollectingpoints{
	background: url(images/chapter/chapter_othercollectingpoints_back.jpg) no-repeat;
}

.chapter_interruptions{
	background: url(images/chapter/chapter_interruptions_back.jpg) no-repeat;
}

.chapter_minddump{
	background: url(images/chapter/chapter_minddump_back.jpg) no-repeat;
}

.chapter_strategiccalendar{
	background: url(images/chapter/chapter_strategiccalendar_back.jpg) no-repeat;
}

.chapter_timebudget{
	background: url(images/chapter/chapter_timebudget_back.jpg) no-repeat;
}

.chapter_appendix{
	background: url(images/chapter/chapter_appendix_back.jpg) no-repeat;
}






/* hiding elements from ajax popup */
.scrolldialogcontent .bigimage{
	display: none !important;
}

.scrolldialogcontent .custompage_wrapper{
	overflow: visible !important;
}





/* tweaks to the longbox style for worksheets */
.worksheetbox
{
	background-color:#F9F9F9;
	margin-left:0;
	margin-right:0;
	max-width:none;
	width:auto;
}
form#controlscoreworksheet input.dijitTextBox {
	margin-bottom: 0px !important;
}
/* style to let us make a button look like a hyperlink. This is a hack of sorts, to let us have
   a 'hyperlink' that submits data via HTTP post. Only used if JavaScript is OFF. If
   script is on, a real hyperlink is used, and submits a form using javascript. */
form.hyperlinkbutton
{
	margin: 0;
	padding: 0;
    display: inline;
}

.hyperlinkbutton button, button.hyperlinkbutton
{
    margin: 0;
    padding: 0;
    display: inline;
    background: inherit;
    border: 0 none;
    font: inherit;
    -moz-user-select: text;
}


.controlscore
{
	background: -moz-linear-gradient(center top , #FFFFFF, #E8E8E8) repeat scroll 0 0 transparent;
    border: 1px solid #C6C6C6;
    border-radius: 5px 5px 5px 5px;
    text-align: center;
    height: 68px;
    padding: 10px 30px;
    width: 153px;
    margin: 0 auto 15px;
}

.controlscore .title
{
	font-weight: bold;
    height: 30px;
    text-align: center;
}

.controlscore .value
{
	height: 18px;
    padding: 5px 10px !important;
}

.controlscore .value input
{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #767373;
    height: 30px;
    color: #626262;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}


/* Datagrid Table */
.datagrid {font-size: 12px; position: relative;}
.datagrid .dijitButtonNode {min-height: 0px;}
.datagrid table {padding: 0px; border-spacing: 0px; margin: 0px; width: 100%;}
.datagrid table {border: 1px solid #aaaaaa;} /* border on the outer table */
.datagrid table table {border: 0px none;} /* other tables are used for positioning only...no border */

/* thead styles */
.datagrid table thead{background: #f5fffa;}
.datagrid table thead td {vertical-align: bottom; }
.datagrid table thead .grid_search_btn {float: right;}
.datagrid table thead .grid_resetfilter_btn {float: right;}
.datagrid table thead .grid_label {float: left; font: 18px white "Arial"; font-weight: bold; color: black;}
.datagrid table thead .grid_collapsible.grid_label {cursor: pointer; text-decoration: none;}
.datagrid table thead .grid_collapsible.grid_label:hover {color: blue; text-decoration: none;}
.datagrid table thead .grid_collapsed.grid_label {background: url(images/grid/sort_desc.gif) no-repeat center left; padding-left: 15px;}
.datagrid table thead .grid_uncollapsed.grid_label {background: url(images/grid/sort_asc.gif) no-repeat center left; padding-left: 15px;}

/* tbody header styles */
.grid_columnfilters { font-weight: normal;}
.grid_columnfilters, .grid_columnfilters table, .grid_columnfilters tbody, .grid_columnfilters input.dijitTextBox {width: 100%; margin: -1px;}
.datagrid tbody th, .datagrid tbody td {vertical-align: top; }
.datagrid tbody th table {border: 3px solid transparent; }

/* tbody header styles */
.datagrid th.sortable .grid_columnlabel {cursor: pointer; text-decoration: none;}
.datagrid th.sortable .grid_columnlabel:hover {color: blue; text-decoration: none;}
.datagrid th {padding: 0px; border-spacing: 0px; margin: 0px; background: #c3daf9;}
.datagrid th .grid_columnlabel {background: url(images/grid/head_bg.gif); border-left: 1px solid #CBEBEB; border-right: 1px solid #EBCBCB;}
.grid_columnfilters table, .grid_columnfilters tbody, .grid_columnfilters tr, .grid_columnfilters td{border-spacing: 0px; margin: 0px; padding: 1px; border: 0px none;}
th.grid_sort_asc .grid_columnlabel span {background: url(images/grid/sort_asc.gif) no-repeat center right; padding-right: 15px;}
th.grid_sort_desc .grid_columnlabel span {background: url(images/grid/sort_desc.gif) no-repeat center right; padding-right: 15px;}

/* tbody content styles */
.datagrid tr.grid_row_odd {background-color: #eeeeee;}
.datagrid tr.grid_row_even {background-color: #ffffff;}

/* tfoot styles */
.datagrid tfoot {padding: 0px; border-spacing: 0px; margin: 0px; background: #c3daf9;}
.datagrid th .grid_columnlabel, .datagrid td {padding: 5px;}
.datagrid td td {padding: 0px;}
.datagrid th td {padding: 0px;}
.datagrid tfoot .grid_arrows {border: 0; display: inline; float: none; clear: none; margin: 0; padding: 0;}

/* AJAX loading overlay */
/* loading gif generated at http://www.ajaxload.info/ */
.grid_ajaxloadmask
{
	background: #AAAAAA url(images/grid/ajax-loader.gif) center center no-repeat;
	opacity: .5;
	display: none;
}



.grid_loading .grid_ajaxloadmask {position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px; display: block;}

.grid_progressbar {height: 10px; border: 1px #888888 solid; background: #ffffff; margin-bottom: 2px;}
.grid_progressbar div {background: #000099; height: 100%;}

table.tbl { width: 100%; border: 2px solid #c3daf9; font-size: 0.9em; clear: both; }
td.tbl-header { background: url(images/grid/head_bg.gif); text-align: center; padding: 3px; font-weight: bold; border-bottom: 2px solid #c3daf9; }
tr.tbl-footer {}
table.tbl-footer { font-size: 1em; }
tr.tbl-row {}
tr.tbl-row:hover { background: #EBFFFF; } /* Old color: #E9E9E9 */
tr.tbl-row-even { background: #f4f4f4; }
tr.tbl-row-odd { background: white; }
tr.tbl-row-highlight:hover { background: #fffba6; cursor: pointer; }
td.tbl-nav { background: url(images/grid/head_bg.gif); height: 20px; border-top: 2px solid #c3daf9; color: #4D4D4D; }
td.tbl-pages { text-align: center; }
td.tbl-row-num { text-align: right; }
td.tbl-cell {}
td.tbl-controls { text-align: center; }
td.tbl-found {}
td.tbl-checkall {}
td.tbl-page { text-align: right; }
td.tbl-noresults { font-weight: bold; color: #9F0000; height: 45px; text-align: center; }
span.tbl-reset { margin: 5px 5px; }
img.tbl-reset-image { margin-right: 5px; border: 0; }
span.tbl-create { margin: 5px 0; }
img.tbl-create-image { margin-right: 5px; border: 0; }
div.tbl-filter-box {}
img.tbl-arrows { border: 0; }
img.tbl-order-image { margin: 0 2px; border: 0; }
img.tbl-filter-image { border: 0; }
img.tbl-control-image { border: 0; }
span.page-selected { color: black; font-weight: bold; }
input.tbl-checkbox {}

/* Tweaks for printing */
.printbgimg {display: none; float: none;} /* don't display this if we aren't printing */

/*div.success-wraper .success, div.success-wraper .error{
	padding: 0 0 0 24px !important; 
} 
*/
.success, .error
{
	background-image:url(images/new/icon-login-success.png) no-repeat scroll 0 0 !important;
	padding: 8px 8px 8px 54px !important; 
	color:#5e5e5e;
}

.success ul, .error ul
{
	margin: 0;
}

.success ul li, .error ul li
{
	list-style: none;
	text-align: left;
	font-size: 11pt;
}
/*.success-wraper{
	background-color: #f3fcec !important;
	border:1px solid #a6be95;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	text-align:left;
	padding:8px;
	margin-bottom:18px;

}
*/
.success{
	background-color: #f3fcec !important;
	border:1px solid #a6be95;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	text-align:left;
	padding:8px;
	margin-bottom:18px;
	color:#5e5e5e;
	
}
.error{
/*	background-color: #D15900 !important;*/
	background-color: #f3fcec !important;
	border:1px solid #a6be95;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	text-align:left;
	padding:8px;
	margin-bottom:18px;
	color:#5e5e5e;

}
.hidden{display: none !important;}