body, html 
    {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #F5F5F5;
    line-height: 14px;
    }

/* due to the excessive number of tables in our legacy XSL, this has to be commented out, 
or will cause strange override problems in tutorials (ILRN-23291)

td, th
    {
    font-size: 10px;    
    font-family: Verdana, Arial, Helvetica, sans-serif;    
    }
*/

a 
    {
    text-decoration: none;
    font-weight: normal;
    color:#0041CC;
    }

a:hover
    {
    color: #CC5800;    
    }


a.preferred 
    {
    font-weight: bold;
    }

a.preferred:hover 
    {
    color: #CC5800;
    font-weight: bold;
    }

a.preferred-inactive
    {
    font-weight: bold;
    color: #0041CC;
    cursor: default;
    }

.padding_LR_10px
{
	padding: 0px 10px;
}
	
.subhead-text-12px
		{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
		}
		

a img {
    border: 0px none;
    }

/* globals - end */

/* tables - start */
div.for-above-table
    {
    margin: 0px;
    padding: 0px;
    border-top: 1px solid #727272;
    border-bottom: 1px solid #727272;
    border-left: 0px none; 
    border-right: 0px none;
    background: #B8CDDB;
/*    border-left: 1px solid #727272; */
/*    border-right: 1px solid #727272;*/
    }

div.for-above-table div.above-table 
    {
    padding: 5px;
    background: #B8CDDB;
    border-top: 1px solid #E7EEF3;
    border-right: 1px solid #727272;
    border-left: 1px solid #E7EEF3;    
    }

div.for-above-table div.above-table-with-hight-left
    {
    width: 160px;
    height: 35px;
    float: left;
    padding: 5px;
    background: #B8CDDB;
    border-top: 1px solid #E7EEF3;
    border-right: 0px none;
    border-left: 1px solid #E7EEF3;    
    margin:0px;
    }

div.for-above-table div.above-table-with-hight-right
    {
    margin: 0px 0px 0px 175px;
    height: 40px;
    padding: 5px;
    background: #B8CDDB;
    border-top: 1px solid #E7EEF3;
    border-right: 1px solid #727272;
    border-left: 1px solid #727272;    
    }


div.for-above-table div.above-table-with-hight
    {
    height: 35px;
    padding: 5px;
    background: #B8CDDB;
    border-top: 1px solid #E7EEF3;
    border-right: 1px solid #727272;
    border-left: 1px solid #E7EEF3;    
    }

table tr
    {
    font-size: 10px;
    }

td.link-add
    {
    vertical-align: bottom;
    padding: 0px 5px 14px 0px;
    }

table.inputs td
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    }

table.inputs td input
    {
    margin: 5px 0px;
    }
/* Slip no.: ilrn-19984 - Copied standard-color classes to xsl_style_sheet.css.
    ilrn5_design_for_ilrn45.css should not be referenced - 05.10.27 EF*/
div.for-standard-color-table
    {
    width: 100%;
/*    margin: 0px 0px 20px; */
    margin: 0px;
    padding: 0px;
    border-top: 1px solid #31749B;
/*    border-bottom: 1px solid #727272;*/
    border-bottom: 1px solid #31749B; 
    }

table.standard-color
    {
    font-size: 10px;    
    margin: 0px;
    padding: 0px;
    border-left: 1px solid #31749B;    
    width: 100%;
    }

table.standard-color tbody tr.odd
    {
    background: #F3F3F3;
    }

table.standard-color tbody tr.even
    {
    background: #FFF;
    }

table.standard-color tbody tr.selected
    {
    background: #CFEEFF;
    }


table.standard-color th
    {
    padding: 2px 3px;
    margin: 0px;
    line-height: 16px;
    }

table.standard-color th img
    {
    margin-left: 5px;
    }

table.standard-color thead th
    {
    font-weight: bold;    
    background-color:#91D7FF;
    border: 1px solid;
    border-left-color: #D9F1FF;
    border-top-color: #D9F1FF;
    border-right-color: #31749B;
    border-bottom-color: #44A3D9;
    vertical-align: middle;
    text-align: left;
    }

table.standard-color thead th.centered
    {
    text-align: center;
    }

table.standard-color thead th.selected
    {
    background-color: #50BFFF;    
    border: 1px solid;
    border-left-color: #D9F1FF;
    border-top-color: #D9F1FF;
    border-right-color: #31749B;
    border-bottom-color: #44A3D9;
    vertical-align: middle;
    text-align: left;
    }

table.standard-color tfoot th a img
    {
    padding: 0px;
    margin: 0px;
    }

table.standard-color tfoot th a
    {
    padding: 0px;
    margin-left: 0px;
    margin-right: 20px;
    }
    
table.standard-color tbody td
    {
    padding: 5px;
    margin: 0px;
    vertical-align: top;
    border-right: 1px solid #B8CDDB;
    height: 30px;
    }

table.standard-color tbody td.small, table.standard-color tbody td.small-bold
    {
    height: 8px;
    line-height: 8px;
    font-size: 10px;
    }

table.standard-color tbody td.small-bold
{
    font-weight: bold;
}

table.standard-color tbody td.small-centered
    {
    height: 8px;
    line-height: 8px;
    font-size: 10px;
    text-align: center;
    }

table.standard-color tbody td.noborder
    {
    padding: 0px;
    margin: 0px;
    vertical-align: top;
    border: none;
    }

table.standard-color tbody tr.subheader
    {
    vertical-align: top;
    text-align: left;
    background: #CFEEFF;
    line-height: normal;
    }
table.standard-color tbody tr.subheader td
    {
    border-top: 1px solid #B0B0B0 ;
    border-bottom: 1px solid #B0B0B0;
    border-right: 1px solid #B8CDDB;
    vertical-align: top;
    height: 14px;
    padding: 2px 5px;
    font-weight: normal;
    cursor: default;
    }

table.standard-color tbody tr.subheader td.selected
    {
    background-color: #50BFFF;
    }

table.standard-color tbody td input
    {
    margin: 0px 3px;
    }

table.standard-color tbody td p
    {
    padding: 5px 0px 0px 0px;
    margin: 0px;
    }

table.standard-color tbody td img
    {
    margin: 0px 5px 2px 8px;
    }

table.standard-color tbody td.small img
    {
    margin-left: 0px;
    }


table.standard-color tfoot th
    {
    background-color:#B8CDDB;
    border: 1px solid;
    border-left-color: #E6EEF3;
    border-top-color: #E6EEF3;
    border-right-color: #727272;
/*    border-bottom: 1px solid #727272;*/
    border-bottom: 0px;
    padding: 2px 5px;
    font-size: 1em;
    font-weight: normal;
    text-align: left;
    }

table.standard-color tfoot th img
    {
    margin-left: 1em;
    margin-right: .5em;
    }

table.standard-color tbody td form.right-floated
    {
    width: 80px;
    display: inline;
    float: right;
    margin: 0px;
    padding: 0px;
    }
/* End Copy for Slip no.: ilrn-19984 - 05.10.27 EF*/

/* page-divider - start */
div.for-page-divider
    {
    clear: both;
/*    width: 100%; */
    margin: 0px;
    padding: 0px;
    }
    
table.page-divider
    {
    margin: 0px;
    padding: 0px;
/*    border-top: 1px solid #FFF; */ 
    /*border-bottom: 1px solid #C2C2C2; Slip no.: ILRN-12933 - Not really usable as a border in a frame - 05.10.13 EF*/
    width: 100%;
    }
    
table.page-divider td
    {
    padding: 10px 10px;
    }

table.page-divider td.left
    {
    border-right: 1px solid #C2C2C2;
    }

table.page-divider td.left-nospaces
    {
    border-right: 1px solid #C2C2C2;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    }

table.page-divider td.right
    {
    border-left: 1px solid #FFF;
    }

table.page-divider td.right-up
    {
    border-left: 1px solid #38718C;
    vertical-align: top;
    }

table.page-divider td.right-dotted
    {
/*    border-left: 1px dotted #000;*/
    background-image: url("/media/img/common/bg_dotted-line-vert.gif");
    background-repeat: repeat-y;
    background-position: left;
}

table.page-divider tfoot td
    {
    border-bottom: 1px solid #C2C2C2;
    }

table.page-divider td.left p img
    {
    margin-left: 5px;
    }

/* page-divider - end */


table.search-users, table.search-users table
    {
    width: 100%;
    }
table.search-users table td
    {
    margin: 0px;
    padding: 0px;
    }

table.search-users td
    {
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
    border:0px none;
    }



table.tree-controll td, table.tree-controll td img
    {
    margin: 2px;
    padding: 0px;
    }

table.bar td
    {
    font-size: 1.2em;    
    padding: 0px 5px;
    }

div.for-inside-table-left
    {
    width: 100%;
    height: 260px;
/*    overflow: auto;    */
    }

table.inside-table-left
    {
    width: 100%;
/*    border-right: 1px solid #31749B;        */
    }

.full-width
    {
    border-left: 1px solid #31749B;        
    padding: 0px;
    width: 100%;
    }

table.inside-table-left td.line-odd
    {
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
    line-height: 20px;
    height: 20px;
    background: #F3F3F3;
    }

table.inside-table-left td.line-even
    {
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
    line-height: 20px;
    height: 20px;    
    background: #FFF;
    }

table.inside-table-left td.selected
    {
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
    line-height: 20px;
    height: 20px;    
    background: #DAF0FE;
    }

table.inside-table-left td.left-error
    {
    padding: 5px 0px 0px 5px;
    margin: 0px;
    vertical-align: top;
    border-bottom: 1px solid #426B97;
    border-top: 1px solid #FBFFF5;    
    border-right: 1px solid #C0CAD6;
    background: #DAF0FE;
    }

table.inside-table-left td.right-error
    {
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-bottom: 1px solid #426B97;
    border-top: 1px solid #FBFFF5;    
    border-right: 1px solid #38718C;    
    border-left: 1px solid #F6FFFF;
    background: #DAF0FE;
    }


table.inside-table-left th
    {
    margin: 0px 1px 0px 0px;    
    padding-left: 10px;
    font-weight: bold;    
    background-color:#91D7FF;
    border-left: 1px solid #D9F1FF;
    border-top: 1px solid #D9F1FF;
    border-bottom: 1px solid #44A3D9;
    border-right: 1px solid #38718C;
    vertical-align: top;
    line-height: 20px;
    text-align: left;    
    }

table.inside-table-left th.errors-header
    {
    margin: 0px 1px 0px 0px;    
    padding-left: 10px;
    font-weight: bold;    
    background-color:#D2DFE8;
    border-left: 1px solid #EDF5F8;
    border-top: 1px solid #F2F4F1;
    border-bottom: 1px solid #45A3D7;
    vertical-align: top;
    line-height: 20px;
    text-align: left;    
    }    

/* tables - end */



/* texts - start */

h1 
    {
    font-size: 12px;
    margin:0px 0px 0.5em 0px;
    font-weight: bold;
    }

h1 img
    { 
    margin-left:0.5em;
    }

h2 
    {
    margin:0px 0px 0.5em 0px;
    font-size: 1.2em;
    }

h3 
    {
    margin:0px;
    font-size: 1.0em;
    }
    
h3.simulations
    {
    margin: 1em 0em;
    }

h4
    {
    margin: 0px 10px 10px 0px;
    font-size: 1.4em;
    }

span.text-middle-size
    {
    margin:0px 0px 0px 10px;
    font-size: 1.2em;
    font-weight: normal;
    white-space: nowrap;
    }

big
    {
    font-size: 1.2em;
    margin-right: 0.5em;
    }

.message
    {
    color: #FF0000;
    }
/* ILRN-30445 : For displaying message in green color if success */
.message-success
	{
	color: #008000;
	}
.message-centered
    {
    color: #FF0000;
    text-align: center;
    }

p 
    {
    margin: 0px 0px 1em 0px;
    }

p.centered
    {
    text-align: center;
    }

p.centered input
    {
    margin: 0px 0px 0px 10px;
    }

.errors
    {
    color: #C00;
    }

.success
    {
    color: #090;
    }

.special-info
    {
    color: #0000ff;
    }

p.small-spaces
    {
    padding: 5px 0px 0px 0px;
    margin: 0px;
    }

code
    {
    font-style: italic;
    }
    
.small_black_bold-text_10em
    {
    margin: 0px;
    padding: 0px;
    font-size: 1em;
    font-weight: bold;
    color: #000;
    }    
/* texts - end */

/* divs - start */
div#tutor-inside
    {
/*    width: 100%; */ /* reqired in IE */
    margin: 0px;
    padding: 10px;
    background: #FFF;
    }

div#tutor-inside img
    {
    padding: 0px;
    margin: 0px 0px 0px 5px;
    vertical-align: text-bottom;
    }

div#tutor-inside form.no-style
    {
    margin: 0px;
    padding: 0px;
    display: inline;
    }

div#tutor-inside span.bookname
    {
    font-size: 1.2em;
    font-weight: bold;
    color: #9B9B9B;    
    }

div#tutor-inside div.top-left
    {
    margin: 0px;
    padding: 0px;
    float: left;
    text-align: left;    
    }

div#tutor-inside div.top-right
    {
    white-space: nowrap;    
    margin: 0px;
    padding: 0px;
    text-align: right;
    }

div#tutor-inside div.bar-white-left-top
    {
    margin: 0px;
    padding: 0px;
    height: 8px;
    width: 27px;
    background: url("/media/img/tutorial/new_tutorial/main_blue-box_ul_corner.gif") bottom right no-repeat;
    float: left;
    border: 0px none;    
    }

div#tutor-inside div.bar-white-top
    {
    margin: 20px 0px 0px 0px;
    padding: 0px;
    width: 100%;
    height: 8px;
    background: url("/media/img/tutorial/new_tutorial/blue-pixel.gif") bottom repeat-x;
    border: 0px none;
    }

div#tutor-inside div.blue-box
    {
    margin: 0px;
    padding: 10px 10px 10px 40px;
    min-width: 500px;
 	/* ILRN-32423 */
    _width:99.1%;
    clear: both;
    border-left: 1px solid #64A6C4;
    background: url("/media/img/tutorial/new_tutorial/blue-pixel.gif") right repeat-y #D4EAF8;
    }

div#tutor-inside div.bar-white-left-bottom
    {
    margin: 0px;
    padding: 0px;
    height: 12px;
    width: 29px;
    border-left: 1px solid #FFF;
    background: url("/media/img/tutorial/new_tutorial/main_blue-box_ll.gif") right no-repeat #D4EAF8;
    float: left;
    }
    
div#tutor-inside div.bar-white-bottom > div.bar-white-left-bottom
    {
    width: 28px;
    border-left: 0px none;
    }    

div#tutor-inside div.bar-white-bottom
    {
    margin: 0px;
    padding: 0px;
    height: 12px;
    background: url("/media/img/tutorial/new_tutorial/main_blue-box_lr.gif") right no-repeat #D4EAF8;
    }

div.numbers
    {
    margin: 0px;
    padding: 0px;
    line-height: 2em;
    width: 350px;
    }

div.numbers div
    {
    margin: 0px 3px 0px 0px;
    padding: 5px;
    display: inline;
    position: relative;
    width: 17px;
    font-size: 1em;
    font-weight: bold;    
    cursor: pointer;    
    vertical-align: middle;
    color: #608EA8;
    }
    
.numbers, .number-navi
{
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;    
}    

div.numbers div.number-navi
    {
    cursor: default;
    margin: 0px 3px 0px 0px;
    }

div.numbers div.number-unanswered
    {
    background: url("/media/img/tutorial/new_tutorial/number_bg.gif") center no-repeat;
    }

div.numbers div.number-current
    {
    color: #000;
    background: url("/media/img/tutorial/new_tutorial/number_bg_current.gif") center no-repeat;
    }
    
div.numbers div.number-partial
    {
    background: url("/media/img/tutorial/new_tutorial/number_bg_partial.gif") center no-repeat;    
    }

div.numbers div.number-correct
    {
    background: url("/media/img/tutorial/new_tutorial/number_bg_correct.gif") center no-repeat;    
    }

div.numbers div.number-incorrect
    {
    background: url("/media/img/tutorial/new_tutorial/number_bg_incorrect.gif") center no-repeat;    
    }

div.numbers div.number-ungradable
    {
    background: url("/media/img/tutorial/new_tutorial/number_bg_ungradable.gif") center no-repeat;    
    }

div#navOut
{
    position: absolute;
    left: 0px;
    width: 99%;
    text-align: right;
    vertical-align: middle;
}

div#tutor-inside div.in-blue-box    
    {
    margin: 5px 10px 10px 0px;
    padding: 0px;
    clear: both;
    }

div#tutor-inside div.top-margin
    {
    padding: 0px;
    margin-top: 5px;
    }

div#tutor-inside div.to-left
    {
    height: 20px;
    margin: 0px;
    padding: 0px;
    text-align: left;
    float: left;
    }

div#tutor-inside div.to-right
    {
    height: 20px;
    margin: 0px;
    padding: 0px;
    text-align: right;
    }

div#tutor-inside div.to-right img
    {
    margin: 3px 20px 3px 0px;
    }    

div#tutor-inside div.to-right a.last-link img
    {
    margin: 3px 0px 3px 0px;
    }    

div#tutor-inside div.top-right img
    {
    margin: 5px 0px 0px 10px;
    }    

div#tutor-inside div.top-left img
    {
    margin: 2px 5px;
    }    

div#tutor-inside div.to-left a img
    {
    padding: 0px;
    margin: 0px;
    }    

div#tutor-inside ul.in-bar li a img, div#tutor-inside ul.navi-bar li a img, div#tutor-inside ul.navi-bar-more-options li a img
    {
    margin-top: 4px;
    }    

div#tutor-inside div.navi-bar-left
    {
    width: 26px;
    height: 22px;
    background: url("/media/img/tutorial/new_tutorial/main_left-element-no_top.gif") bottom  no-repeat #FFF;
    border-bottom: 1px solid #FFF;
    border-top:0px;
    border-left:0px;
    border-right:0px;
    background-position: 0px 0px;
    float: left;
    }

div#tutor-inside div.navi-bar-right
    {
    margin: 0px;
    height: 22px;
    border-right: 1px solid #64A6BC;
    border-top: 1px solid #64A6BC;    
    border-bottom:0px;
    border-left:0px;
    background: url("/media/img/tutorial/new_tutorial/main_bar-element-no_top.gif") bottom repeat-x #D4EAF8;    
/*    white-space: nowrap; */
    }

div#tutor-inside div.white-bar-left
    {
    margin: 0px;
    padding: 0px;
    width: 26px;
    height: 22px;
    background: url("/media/img/tutorial/new_tutorial/nav-bar_white_left.gif") top no-repeat #D4EAF8;
    float: left;
    }

div#tutor-inside div.white-bar-right
    {
    clear: both;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
    margin: 0px;
    height: 22px;
    border-right: 1px solid #1B75A4;
    background: url("/media/img/tutorial/new_tutorial/nav-bar_white-element.gif") center repeat-x #FFF;    
    }

div#tutor-inside div.clear-all
    {
    margin: 0px;
    padding: 0px;
    height: 2px;
    line-height: 2px;
    font-size: 2px;
    clear: both;
    }

div#tutor-inside ul.navi-bar, div#tutor-inside ul.navi-bar-more-options
    {
    margin: 0px;
    padding: 0px;    
    border-top: 1px solid #FFF;
    }

/* Styles for Tutorial Guide */
div#tutor-inside div.for-guide-std
    {
    margin: 0px 0px 10px 0px;
    height: 70px;
    padding: 0px 0px 0px 30px;
    width: 715px;    
    }

div#tutor-inside div.guide-msg-std
    {
    margin: 0px 0px 0px 5%;
    padding: 2px;    
    width: 140px;
    height: 50px;
    float: left;
    border: 1px solid #549BBF;
    background-color: #FFF;
    }

div#tutor-inside div.guide-msg-first-std
    {
    margin: 0px;
    padding: 2px;
    width: 140px;
    height: 50px;
    float: left;
    border: 1px solid #549BBF;
    background-color: #FFF;
    }

div#tutor-inside div.guide-msg-arrow-std
    {
    margin: -1px 0px 0px 5%;
    padding: 0px;
    width: 140px;
    height: 15px;
    float: left;
    background: url("/media/img/tutorial/new_tutorial/guide_arrow_small.gif") center no-repeat;    
    }

div#tutor-inside div.guide-msg-arrow-first-std
    {
    margin: -1px 0px 0px 0px;
    padding: 0px;
    width: 160px;
    height: 15px;
    float: left;
    background: url("/media/img/tutorial/new_tutorial/guide_arrow_small.gif") center no-repeat;    
    }

div#tutor-inside div.for-guide-dense
    {
    margin: 0px 0px 10px 0px;
    height: 85px;
    padding: 0px 0px 0px 30px;
    width: 730px;    
    }


div#tutor-inside div.guide-msg-dense
    {
    margin: 0px 0px 0px 45px;
    padding: 2px;    
    width: 100px;
    height: 65px;
    float: left;
    border: 1px solid #549BBF;
    background-color: #FFF;
    }

div#tutor-inside div.guide-msg-first-dense
    {
    margin: 0px;
    padding: 2px;
    width: 100px;
    height: 65px;
    float: left;
    border: 1px solid #549BBF;
    background-color: #FFF;
    }

div#tutor-inside div.guide-msg-arrow-dense
    {
    margin: -1px 0px 0px 45px;
    padding: 0px;
    width: 100px;
    height: 15px;
    float: left;
    background: url("/media/img/tutorial/new_tutorial/guide_arrow_small.gif") center no-repeat;    
    }

div#tutor-inside div.guide-msg-arrow-first-dense
    {
    margin: -1px 0px 0px 0px;
    padding: 0px;
    width: 120px;
    height: 15px;
    float: left;
    background: url("/media/img/tutorial/new_tutorial/guide_arrow_small.gif") center no-repeat;    
    }

div#tutor-inside div.for-guide-more-dense
    {
    margin: 0px 0px 10px 0px;
    height: 85px;
    padding: 0px 0px 0px 30px;
    width: 740px;    
    }

div#tutor-inside div.guide-msg-more-dense
    {
    margin: 0px 0px 0px 20px;
    padding: 2px;    
    width: 100px;
    height: 65px;
    float: left;
    border: 1px solid #549BBF;
    background-color: #FFF;
    }

div#tutor-inside div.guide-msg-first-more-dense
    {
    margin: 0px;
    padding: 2px;
    width: 100px;
    height: 65px;
    float: left;
    border: 1px solid #549BBF;
    background-color: #FFF;
    }

div#tutor-inside div.guide-msg-arrow-more-dense
    {
    margin: -1px 0px 0px 18px;
    padding: 0px;
    width: 100px;
    height: 15px;
    float: left;
    background: url("/media/img/tutorial/new_tutorial/guide_arrow_small.gif") center no-repeat;    
    }

div#tutor-inside div.guide-msg-arrow-first-more-dense
    {
    margin: -1px 0px 0px 0px;
    padding: 0px;
    width: 120px;
    height: 15px;
    float: left;
    background: url("/media/img/tutorial/new_tutorial/guide_arrow_small.gif") center no-repeat;    
    }    

/* END - Styles for Tutorial Guide */


div#tutor-inside div.equation-editor-box
    {
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
    width: 100%;
    }

div#tutor-inside div.equation-editor-box div.guide-images
    {
    float: right;
    margin: 0px;
    padding: 20px 80px 0px 0px;
    width: 170px;    
    }

div#tutor-inside div.equation-editor div.editor-container
    {
    width: 60%;
    }

div#tutor-inside ul.in-bar
    {
    margin: 0px;
    padding: 0px;
    height: 22px;
    line-height: 22px;
    background: url("/media/img/tutorial/new_tutorial/nav-bar_white_left.gif") left no-repeat;
    }
    
div#tutor-inside ul.in-bar li, div#tutor-inside ul.navi-bar li
    {
    margin: 0px;
    padding: 0px;
    display: inline;
    list-style-type: none;
    margin-left: 10%;
    }

div#tutor-inside ul.in-bar li.std
    {
    margin-left: 10%;
    }

div#tutor-inside ul.in-bar li.more-space
    {
    margin-left: 13%;
    }

div#tutor-inside ul.in-bar li.dense
    {
    margin-left: 7%;
    }

div#tutor-inside ul.in-bar li.more-dense
    {
    margin-left: 5%;
    }

div#tutor-inside ul.in-bar li.first-fixed
	{
	margin: 0px;
	padding: 0px;
	}

div#tutor-inside ul.in-bar li.first-fixed img
	{
	margin-left: 8%;
	}

div#tutor-inside ul.in-bar li.std-fixed
    {
    margin-left: 90px;
    }   

div#tutor-inside ul.in-bar li.dense-fixed
    {
    margin-left: 60px;
    }   

div#tutor-inside ul.in-bar li.more-dense-fixed
    {
    margin-left: 40px;
    }   


div#tutor-inside ul.navi-bar-more-options li
    {
    margin: 0px;
    padding: 0px;
    display: inline;
    white-space: nowrap;
    list-style-type: none;
    margin-left: 6%;
    }

div#tutor-inside ul.navi-bar li.small-space, div#tutor-inside ul.navi-bar-more-options li.small-space
    {
    margin-left: 2%;
    }

div#tutor-inside div.box-in-blue-box
    {
    width: 100%;
    margin: 10px 0px 0px 0px;
    padding: 5px;
    background-color: #FFF;
    border: 1px solid #989C9F;
    font-family: arial, helvetica, sans-serif;
    font-size:10pt;
    line-height:1em;
    }

div#tutor-inside div.box-in-blue-box-content
    {
    margin: 0px;
    padding: 0px 10px;
    height: 200px;
    overflow: auto;
    background-color: #FFF;
    border-top: 1px solid #989C9F;
    }

div#tutor-inside div.box-in-blue-box div.box-in-blue-box-with-padding
	{
	margin: 0px;
	padding: 5px;
  font-family: arial, helvetica, sans-serif;
  font-size:10pt;
  line-height:1em;
	}

div#tutor-inside div.box-in-blue-box-content div.example-steps
	{
  font-family: arial, helvetica, sans-serif;
  font-size:10pt;
   /* ILRN-29560 */
    line-height:1.5em;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
    background-color: #FFF;	
	border-bottom: 1px solid #989C9F;	
	}

div#tutor-inside div.question-box, div#tutor-inside div.steps-box
    {
    font-family: arial, helvetica, sans-serif;
    font-size:10pt;
    line-height:1em;
    margin: 10px 0px 0px 0px;
    padding: 5px;
    min-width: 650px;
    clear: both;
    background-color: #FFF;
    border: 1px solid #6EA9C9;
    }

div#tutor-inside div.question-box img, div#tutor-inside div.steps-box img
    {
    margin: 5px 0px 5px 5px;
    }

div#tutor-inside div.answer-box img
    {
    margin: 0px 0px 5px 5px;
    }

div#tutor-inside div.step-question
	{
  font-family: arial, helvetica, sans-serif;
  font-size:10pt;
  line-height:1em;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	float: left;	
	width: 70%;
	}

div#tutor-inside div.answers
	{
  font-family: arial, helvetica, sans-serif;
  font-size:10pt;
  line-height:1em;
	margin: 10px 0px 0px 70%;
	padding: 0px 5px 0px 0px;
	text-align: right;
	vertical-align: bottom;	
	}

div#tutor-inside div.answers img
	{
	margin: 0px 0px 0px 10px;
	padding: 0px;
	}

#bar_student_overview
    {
    margin: 0px;
    padding: 5px;
    background: #E1E1E1;
    border-bottom: 1px solid #727272;
    vertical-align: middle;
    }

div#bar_student_overview select
    {
    margin: 0px 5px 0px 0px;
    line-height: 15px;
    vertical-align: middle;
    }

div#bar_student_overview input
    {
    margin: 0px 5px 0px 0px;
    line-height: 15px;
    vertical-align: middle;
    }

div.right-floated
    {
    margin-left: 50%;
    text-align: right;
    }

div.left-floated
    {
    float: left;
    width: 50%;
    }

div.left_float
    {
    padding: 0px;
    margin: 0px;
    float: left;
    width: 200px;
    white-space: nowrap;
    }

div.right_float
    {
    padding: 0px;
    margin: 0px;
    float: right;
    width: 340px;
    white-space: nowrap;
    text-align: right;
    }

div.right-float-bottom
    {
    height: 20px;
    padding: 20px 0px 0px 0px;
    margin: 0px;
    float: right;
    width: 340px;
    white-space: nowrap;
    text-align: right;
    }

div.right-float-bottom img
    {
    margin: 0px 0px 2px 10px;
    padding: 0px;
    }

div.for-enroll-buttons
    {
    margin: 0px;
    padding: 0px;
    border-top: 1px solid #727272;
    border-bottom: 1px solid #727272;
    border-left: 1px solid #727272;
    height:100%;
    }

div.for-enroll-buttons div.enroll-buttons
    {
    padding: 0px;
    background: #B8CDDB;
    border-top: 1px solid #E7EEF3;
    border-right: 1px solid #727272;
    border-left: 1px solid #E7EEF3;
    text-align:center;
    height:100%;    
    }

div.for-enroll-buttons div.enroll-buttons p
    {
    padding-top:50px;
    }

div#studentButtons
    {
    margin: 0px;
    padding: 2px 5px;
    text-align: left;
    }

div#studentButtons input
    {
    margin: 3px 10px 3px 0px;
    }

div#white-dark-box-inside
    {
    border: 0px none;
    padding: 0px 4px;
    }

div.for-text
    {
    margin: 0px;
    padding: 5px 12px 0px 0px;
    }

div.for-text-first
    {
    clear: both;    
    margin: 0px;
    padding: 5px 12px 0px 0px;
    border-bottom: #C2C2C2 solid 1px;
    border-top: none 0px;
    }

div.for-text-middle
    {
    margin: 0px;
    padding: 10px 12px 0px 0px;
/*    border-bottom: #C2C2C2 solid 1px; */
    border-top: #fff solid 1px;
    }

div.for-text-last
    {
    margin: 0px;
    padding: 10px 12px 10px 0px;
    border-bottom: none 0px;
    border-top: #fff solid 1px;
    text-align: right;
    height: auto;
    }

div.for-text-last input
    {
    margin-left: 10px;
    }

div#breadcrumb
    {
    padding:0px;
    font-size: 1em;
    color: #0041CC;
    margin: 0px 0px 1em 0px;
    }

div.centered 
    {
    position: relative;
    margin: 0px auto;
    width: 380px;
    border: 1px solid black;
    }

div.for-calculator
    {
    position: relative;
    margin: 0px auto;
    width: 380px;
    border: 1px solid black;
    }

div.for-2d-grapher 
    {
    position: relative;
    margin: 0px auto;
    width: 400px;
    height: 400px;
    border: 1px solid black;
    background-color: white;
    }

div.units-translation{
    position: relative;
    margin: 1em 0px 1em auto;
    }

div.units-translation td
    {
    font-weight: bold;
    padding: .5em;
    }

div.sub-navigation
    {
    background-color: #E1E1E1;
    text-align: center;
    padding: 0.5em;
    font-size: 1em;
    }

div.sub-navigation strong
    {
    font-size: 1.2em;
    }

/* for page : ilrn/bca/resources/translate-units */
div.translate-units-result
    {
    padding: 1em;
    background-image: url("/media/img/common/bg_dotted-line.gif");
    background-repeat: repeat-x;
    background-position: top;
    }
    
div.grapher-apply
    {
    padding: 1em;
    background-image: url("/media/img/common/bg_dotted-line.gif");
    background-repeat: repeat-x;
    background-position: top;
    text-align: center;
    }

div#result
    {
    font-weight: bold;
    }

div.white-data-box
    {
    margin: 0px;
    padding: 0px;
    border: 1px solid #C2C2C2;
    background-color: #FFF;
    overflow: auto;
    height: 200px;
    width: 340px;
    }    

dt {
    font-weight: bold;
    }

dt.headerbld 
    {
    font-weight: normal;
    margin-bottom: 1.6em;
    margin-top: 1.6em;
    padding-top: 1.6em;
    background-image: url("/media/img/common/bg_dotted-line.gif");
    background-repeat: repeat-x;
    background-position: top;
    }

dt.headerbld b
    {
    font-weight: bold;
    font-size: 1.6em;
    }

div.header-left
    {
    float: left;
    width: 180px;
    }
    
div.header-right
    {
    margin: 0px 10px 5px 0px;
    float: right;
    width: 220px;
    text-align: right;
    }

div.header-right img
    {
    padding: 0px;
    margin: 0px 0px 0px 10px;
    vertical-align: middle;
    }

/* divs - end */

/* forms - start */

form.nospaces
    {
    margin: 0px;
    padding: 0px;            
    }
    
input, select
    {
    font-size: 10px;    
    }

table#access-optins input, img#purchase
    {
    margin: 5px 5px 5px 0px;
    }

input#code
    {
    font-size: 1.4em;
    margin-right: 10px;
    }

p.inputs input
    {
    vertical-align: middle;
    }

form#treeform div
    {
    text-align: left;
    }

/* forms - end */

/* lists */
ul.no-types
    {
    margin: 0px;
    list-style-type: none;
    padding: 0px;
    }

ul.no-types li
    {
    list-style-type: none;    
    }

li.section
    {
    list-style-type: none;
    margin-left: 20px;
    }

li.assignment
    {
    list-style-type: none;
    margin-left: 40px;
    }

/* lists - end */



/* show/hide additional options */ 

.for-show-hide-buttons
    {
    background-image: url("/media/img/common/bg_dotted-line.gif");
    background-repeat: repeat-x;
    background-position: bottom;
    vertical-align: middle;
    text-align: right;
    }
    
.above-dotts 
    {
    padding: 5px 12px 0px 0px;
    color: #666666;
    }
    
#hide-button, #show-button 
    {
    padding:0px;
    }
    
#hide-button
    {    
    display:none;
    }
    
div.clear-right
    {
    clear: right;
    line-height: 1px;
    font-size: 1px;
    padding: 0px;
    margin: 0px;
    }
    
#additional-options-div    
    {
    padding: 10px;
    display: none;
    }

div.margin-TB
	{
	margin: 10px 0px;	
	}

.align-right
{
    text-align: right;
}