@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;
}
#outer_container{overflow: auto; position: absolute; top:80px; top: 60px; 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: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
{
    margin: 0 !important;
    border: 0 none !important;
    padding: 5px;
}
/*
#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: 237px;
}

#leftnavpane_ie6helper, #centercontentpane_ie6helper
{
}
#centercontentpane
{
    margin: 0 !important;
    border: 0 none !important;
    padding: 10px 8px;
    width: 699px;
    float: right;
    min-height: 1000px;
    -moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
  	border-radius: 10px;
  	-moz-box-shadow: -2px -2px 15px #000;
  	-webkit-box-shadow: -2px -2px 15px #000;
  	box-shadow: -2px -2px 15px #000;
}
#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;}

/*
----------------------------------------------------------------------------- 
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:#3a69a2; 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:url(images/new/inner_container_body.png) 0 0 repeat;;}
#footerpane {background:url("images/new/footer.png") no-repeat scroll center top transparent; border-top: 1px solid white; text-align: center; padding: 2px; height: 50px; color: #083f4a; font-size: 9pt; font-family: tahoma}
#footerpane a:link, #footerpane a:visited {color: #083f4a}
#footerpane a:hover, #footerpane a:active {color: #feac00}

.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 
{
	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: right;
	color: #333333;
}


.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: 4px 4px 0 5px;
} 

.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;
}



.yellowbtn
{
	margin: 10px 1px;
}


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

.yellowbtn.dijitButtonHover .dijitButtonNode
{
    background: url(images/new/yellowbtn_right.png) top right no-repeat;
}

.yellowbtn.dijitButtonActive .dijitButtonNode
{
    background: url(images/new/yellowbtn_right.png) top right no-repeat;
}

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

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

.yellowbtn.dijitButtonHover button .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;
}


.dashboardbtn button
{
	height: 33px;
	width: 151px;
}


.dashboardbtn button span
{
	color:#000000;
	font-family:inherit;
	font-size:12px;
	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;
}

.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;
}

.login_box{ width:390px; float:left; clear:left; margin-right:25px; margin-bottom: 15px;}
.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;}
.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:hover, #leftnavpane a:visited {color:#fff; text-decoration: none;}
/* #leftnavpane a:hover {background-color:#fee9c0; } */
#leftnavpane a:hover {color:#feac00; }

/*
.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 {padding:0 5px 0 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;
}

.intropictable
{
	width: 100%;
}

.intropictable td
{
    text-align: center;
}

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

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

.smallorangebtn .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 */
}
.smallorangebtn .dijitButtonNode
{
    background: url(images/smallorangebutton-right.png) top right no-repeat;
    border: 0px none;
    height: 35px;
    padding: 0px;
    margin: 0px;
}

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

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

.smallorangebtn .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 */

	margin: 0;
}

.chapter h3
{
	font-weight: normal;
	color: #255eac;
}

.chapter h4
{
    font-weight: normal;
    color: #255eac;
}

.chapter h2
{
    font-weight: normal;
    color: #f58020;
    font-style: normal;
}

.chapter b
{
	color: #004e8d;
	font-weight: bold;
}

.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: 25%;
}

.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;
}
    
.nav_chapter
{
    font-size: 8pt;
    position: relative;
    padding: 5px 0 5px 12px;
    font-weight: normal;
    font-family: "lucida sans unicode","lucida sans","lucida Grande",sans-serif,tahoma;
    background-position: left 12px;
    background-repeat: no-repeat;
    background-image: url('images/new/bullet.png');
}
    
.nav_chapter_completed
{
    background-image: url('images/new/checkmark.png');
    background-position: left 10px;
}
    
.nav_chapter_selected
{
    font-weight: bold;
}
    
.nav_chapter_sections
{
/*    position: absolute; */
/*    top: 0px; */
    width: 100%;
    display: none;
}

.nav_section
{
/*    font-size: smaller;*/
	margin: 5px 0 0;
    padding-left: 15px;
    font-weight: normal;
    background-position: left 7px;
    background-repeat: no-repeat;
    background-image: url('images/new/bullet.png');
}
    
.nav_chapter_selected .nav_chapter_sections
{
    display: block;
    margin: 7px 0 0 0;
}
    
.nav_section_completed
{
    background-image: url('images/new/checkmark.png');
    background-position: left 3px;
}

.nav_section_selected
{
	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
{
    float:right;
    margin:0;
    padding:0;
    border:0;
    margin-top: 1px;
    width: 21px;
    height: 21px;
    background-image: url('images/blueright.png');
}

.prevnextsectionarea
{
	width: 45%;
}

.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
{
    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;
	float: left;
	clear: left;
	margin:0 3em 1em 0;
    padding:1.5em 2em;
    width: 324px;
}

.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-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);
}
.togglefavorite .dijitCheckBoxChecked,
.togglefavorite .dijitToggleButtonChecked .dijitCheckBoxIcon
{
    background-image: url(images/star.png);
}

.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);
}
.togglefavorite .dijitCheckBoxCheckedHover
{
    background-image: url(images/star_hover.png);
}

.togglefavorite .dijitCheckBox, .togglefavorite .dijitRadio, .togglefavorite .dijitCheckBoxInput
{
	height:30px;
	width:30px;
}

.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
{
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 0;
}

.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;
    background-color: #c9c9c9 !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 5px 0;
    padding: 10px 10px 30px ;
    color: #333333;
    border: 2px solid #ffffff;
}

.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-size:12px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:1px 1px 1px #FFFFFF;
} 

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

.processedcomment
{
}

.unprocessedcomment
{
    border:2px dashed #ff7777;
}

.mycomment
{
    background-color:#ffffff;
}

.privatecomment
{
    background-color:#e9e9ff;
}

.coachcomment
{
    background-color:#e9ffe9;
}

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

.comment .commentuser
{
    font-weight: bold;
    font-size: 12px;
    padding:0 0 3px;
    font-family: "lucida sans",lucida Grande,sans-serif,tahoma;
}

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

/* Comment Threading Styling */

.level_1 {
	margin-left: 15px;
}

.level_2 {
	margin-left: 30px;
}

.level_3 {
	margin-left: 45px;
}

.level_4 {
	margin-left: 60px;
}

.level_5 {
	margin-left: 75px;
}

.level_6 {
	margin-left: 90px;
}

.level_7 {
	margin-left: 105px;
}

.level_8 {
	margin-left: 120px;
}

.level_9 {
	margin-left: 135px;
}






/* this is for chapter title and images settings */
.chapterintro {
	padding: 360px 0 0 0;
}

.followup{
	padding: 0 !important;
}

.innerchapter{
	margin-top: -10px;
}


.chapter_title_holder{
	position:absolute;
	right:0;
	top:45px;
	width:450px;
}

.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; 
}


.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;
}

.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;
	line-height:13px;
	margin:0 !important;
	padding-left:8px !important;
	width:380px;
}

.left-box{
	float:right;
	width:175px;
	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_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 */
#popupnavdialog .bigimage{
	display: none !important;
}

#popupnavdialog .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;
}

/* 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;
}


/* 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;} /* don't display this if we aren't printing */

@media print
{
    html, body, #mainDiv
	{
       /* height: auto !important; /* don't do all that body stuff required for full screen apps */
        overflow: visible !important;
        height: auto !important;
	}
	
	.chapter
	{
		page-break-before: auto !important;
	}
	
	/* regions that we ignore and don't print... */
	#headerpane, #debugoutput, #nojavascriptwarning, #leftnavpane, #footerpane, /* general areas that we ignore */
	.dijitGutter, /* gutters for content panes should be ignored */
	.contentfooter, /* area with next/prev buttons */
	.comments h3, /* title of comments area */
	.addcomment, /* form for collecting new comments */
	#centercontentpane.popupnavopen, /* don't print the pane if the popup is open */
    #popupnavdialog.popupnavopen .dijitDialogTitleBar, /* don't print the pane if the popup is open */
	#popupnavdialog.popupnavclosed, /* don't print the dialog if it is closed */
	.dijitDialogUnderlayWrapper, /* no dialog underlay */
	.printlink, /* print links disappear */
	.dijitButton,
	#linkalert-box /* prevent the Firefox Link Alert addin from messing things up */
	{
	   display: none !important;
	}
	
	#outer_container
	{
		position: static !important;
		overflow: visible !important;
	}
	#container
	{
		background-image: none !important;
		margin: 0 auto !important;
		padding: 0 !important;
	}

    /* Make the divs around the popup act like normal divs (remove the dialog stuff) */
	#popupnavdialog.popupnavopen,
    #popupnavdialog.popupnavopen .dijitDialogPaneContent,
    #popupnavdialog.popupnavopen .scrolldialogcontentshell
    {
        width: auto !important;
        max-width: 7.5in !important;
        height: auto !important;
        display: block !important;
        position: static !important;
        top: 0 !important;
        left: 0 !important;
        border: 0px none;
        background-image: none !important;
    }

	.comments /* no border on the comments area */
	{
	border: 0px none;
	margin: 0;
	}
	
	.comment
	{
		background: none !important;
		border:2px solid #000;
	}
	
	#centercontentpane /* we don't want that gradient background */
	{
		background: none;
		border: 0px none; 
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		background-image: none !important;
		padding: 0 !important;
	}
	
    #mainDiv /* we don't want that gray background */
    {
        background: none;
    }
    
    .printbgimg /* special style to place an image in a div LIKE a background (but without the printing problems) */
	{
		display: block;
		position: absolute;
		left: 0px;
		top: 0px;
		margin: 0;
		padding: 0;
		background: white;
		width: 100%;
		height 100%;
	}
	
	/* Kill the images in various boxes */
	.coachbox,
	.coachbox-long,
	.importantbox,
	.importantbox-long
	{
		padding-left: .1in;
		background: none;
	}
    .coachbox-long,
    .importantbox-long
    {
        width: 4.5in;
        max-width: 4.5in;
    }
    .coachbox,
    .importantbox
    {
	    width: 2.5in;
        max-width: 2.5in;
    }
    .coachbox h4,
    .importantbox h4
    {
	    text-align: center;
    }

	.dijitBorderContainerPane
	{
        margin: 0 !important;
        position: static !important;
        float: none !important;
        overflow: visible !important;
        top: auto !important;
        left: auto !important;
        bottom: auto !important;
        right: auto !important;
	}
	
	#centercontentpane
	{
    	margin: 0 !important;
    	position: static !important;
    	float: none !important;
        overflow: visible !important;
        top: auto !important;
        left: auto !important;
        bottom: auto !important;
        right: auto !important;
	}
	
	.chapter
	{
	   width: 7in;
	}
	
	.floatingpage
	{
    	width: 8.5in;
	}
	
    div.custompage
    {
	    position: relative;
        left: -.5in; /* Assumes that the diagram has at least .5in wiggle room (true so far) */
        top: -.5in; /* Assumes that the diagram has at least .5in wiggle room (true so far) */
	    width: 8.5in;
	    height: 11in;
    }
	.chapter ul > li
	{
		list-style-image: url('images/bullet.png'); /* IE < 6 doesn't support this, but who cares... */
        margin-left: .23in;
        padding-left: 0;
        marker-offset: 0.00in; 
		background-image: url('images/blank.png');
	}
	/* Nasty hack because of the box in the task lifecycle */
    .flowchartarea ul > li
    {
        padding-left: 0 !important;
    }
    .flowchartarea ul > li
    {
        background-color: transparent !important;
    }
    .chapter ul > li > ul > li{
        list-style-image: url('images/checkcircle.png'); /* IE < 6 doesn't support this, but who cares... */
        margin-left: .23in;
        padding-left: 0;
        marker-offset: 0.00in;
        background-image: none;
	}
	.chapter ul.checklist > li {
        list-style-image: url('images/checkbox.png'); /* IE < 6 doesn't support this, but who cares... */
        margin-left: .23in;
        padding-left: 0;
        marker-offset: 0.00in; 
        background-image: none;
	}
	.chapter ul.checklist > li > ul > li{
        list-style-image: url('images/checkcircle.png'); /* IE < 6 doesn't support this, but who cares... */
        margin-left: .23in;
        padding-left: 0;
        marker-offset: 0.00in; 
        background-image: none;
	}
	.chapter ul.checklist > li > ul > li > ul > li{
        list-style-image: url('images/bullet.png'); /* IE < 6 doesn't support this, but who cares... */
        margin-left: .23in;
        padding-left: 0;
        marker-offset: 0.00in; 
        background-image: none;
	}
	.chapter ul.checkmarklist > li {
        list-style-image: url('images/checkmark.png'); /* IE < 6 doesn't support this, but who cares... */
        margin-left: .23in;
        padding-left: 0;
        marker-offset: 0.00in; 
        background-image: none;
	}
    .backcover ul > li
	{
        list-style-image: url('images/trianglewhite.png'); /* IE < 6 doesn't support this, but who cares... */
        margin-left: .23in;
        padding-left: 0;
        marker-offset: 0.00in; 
        background-image: none;
	}
	ul.triangles
	{
        list-style-image: url('images/triangle.png'); /* IE < 6 doesn't support this, but who cares... */
        margin-left: .23in;
        padding-left: 0;
        marker-offset: 0.00in; 
        background-image: none;
	}
	.custompage_wrapper
	{
		overflow: visible;
	}	
}

.success, .error
{
	padding: 5px; 
}

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

.success ul li, .error ul li
{
	list-style: none;
	text-align: left;
	font-size: 11pt;
}

.success{background-color: #95DBB8 !important;}
.error{background-color: #ff6666 !important;}
.hidden{display: none !important;}