/*Basic classes*/
html{
    height:100%;
    margin:0px;
    /*padding:2px;*/ /*commented out because it causes scrollbar to popups and sideeffects to editor*/
}
body{
    font-size:12px;
    background:#FFFFFF /*url('../images/css_images/gradient_large.gif') repeat-x top*/;  /* moved here to avoid scrolling issue in editor*/
    font-family:Trebuchet MS,verdana,geneva,arial,helvetica,sans-serif;
    height:100%;
    margin:0px auto 0px auto;
    /*width:1000px;*/
    text-align: left;
    padding:0px;
    border: 0px;
}

.container, .centerTable {
    width: 100%;
    max-width: 960px;
    min-width: 735px;
    margin: 0px auto;
}

.centerTable .centerTable, .popup .centerTable {
    min-width: 200px;

}

/*The popup div Classes*/
html.popup{height:auto;}
.popup body{
    width:auto;
    padding:0px;
    margin:0px;
    height:100%;
    background-color:#D3D3D3;/*change this to match inner block or backgroundcolor*/
}
html.whitebg{
    height:auto;
    background-color:#FFFFFF;
}
.whitebg body{
    width:auto;
    padding:0px;
    margin:0px;
    height:100%;
    background-color:#FFFFFF;
}


/*
.popup div.block, 
.popup div.blockContents, 
.popup div.content,
.popup table.centerTable, 
.popup td.moduleCell{margin:0px;height:100%;border:1px;}
iframe#popup_frame{border-width:0px;padding:0px;margin:0px;}
.dimmerDiv{
background:#778899;
height:100%;
left:0px;
position:absolute;
top:0px;
width:100%;
z-index:99;
}
*/
/*The popup div Classes*/
.divPopup, body.popup{
    background:#d3d3d3;
}
.divPopup{
    border:1px solid #111111;
    position:absolute;
    top:0px;
    z-index:200;
}
.divPopup div.blockContents, .popup div.block, .popup div.blockContents{
    margin:0px;
    padding:0px;
    border: none;
}
.divPopup #popup_title{text-align:center;}
.dimmerDiv{
    background:#B1B1B1;
    filter:alpha(opacity=50);
    height:100%;
    left:0px;
    /*-moz-opacity:0.5;*/
    opacity:0.5;
    position:absolute;
    top:0px;
    width:100%;
    z-index:99;
}
.divPopup #popup_close_cell {width:1%;text-align:right;}
.divPopup #popup_data{vertical-align:top;width:100%;height:100%;}
.divPopup #frame_data {width:100%;height:100%;}
.divPopup #popup_frame{
    border-width:0px;width:100%;height:100%;padding:0px 0px 0px 0px;
}
/*For editor inputs consistency*/
p {
    margin: 0; 
    padding: 0;
}

table{border-collapse:collapse;}

a:link,a:visited{
    color: #0026EE;
    text-decoration:none;
}
a:hover{
    color: #444;
    text-decoration: none;
    text-shadow: 2px 2px 2px #bbb;
}

div.block span.title a,
div.block span.title a:link,
div.block span.title a:hover,
div.block span.title a:visited{color:#FFFFFF}

td.footer  a,
td.footer  a:link,
td.footer  a:hover,
td.footer  a:visited{color:#FFFFFF}

td.header  a,
td.header  a:link,
td.header  a:hover,
td.header  a:visited{color:#FFFFFF}

#logo {
    height: 49px;
    display: block;
}
/**Layouts, header, footer **/
table.pageLayout{
    margin: 0px;
    padding: 0px;
    width:100%;height:100%;
    border:0px;
    background: #FFFFFF; /*#18283B*/;

    /*    border-left: 1px solid #F2F2F2;
        border-right: 1px solid #F2F2F2;*/
}
table.pageLayout td {
    padding: 0px;
}
table.pageLayout td.layoutColumn{padding:2px;vertical-align:top;}
table.pageLayout td.left{width:250px;}
table.pageLayout td.right{width:250px;}
table.pageLayout td.header{
    color:#141412;
    height:70px;border-bottom: 0px solid #999999;padding:0px;vertical-align:top;
    background:#0a0a0a;
}
#logout_link a, #logout_link span.headerText {
    text-shadow: 0px 0px 2px black;
}
table.pageLayout td.header #logo{padding:2px;float:left;}
table.pageLayout td.header #info{padding:2px;float:left;}
table.pageLayout td.header #site_name{font-size:26px;}
table.pageLayout td.header #logout_link {
    padding-right:2px;
    float:right;
    margin-top:16px;
    font: 700 12px/1em Arial, sans-serif;
    text-transform: uppercase !important; 
    letter-spacing:-0.02em
}

table.pageLayout td.header #logout_link .headerText:hover, td.footer a:hover {
    color: #FFCC43 !important;
    text-shadow: none;
}

table.pageLayout td.header #logout_link select {
}

table.pageLayout td.header #logout_link .headerText{border-left:1px solid black;padding-left:5px;}
table.pageLayout td.header #logout_link .headerText:first-child{border-left:0px solid black;padding-left:0px;}
table.pageLayout td.header #logout_link a img{border-width:0px}
table.pageLayout td.header #language{padding-top:5px;padding-right:5px;float:right;clear:right;}

td.moduleCell div.block span.title a {
    color:#141412;
}
table.pageLayout td.header #path #tab_handles_div{float:right}
table.pageLayout td.header #path #path_title{float:left;}
table.pageLayout td.header #path #path_language{float:right; padding-right:4px; margin-top: 1px;}
table.pageLayout td.footer{
    background-color: #0a0a0a;
    color: #fff;
    font-size: 14px;

    width: 100%;
    margin: 0 auto 0 auto;
    padding:5px 0;
    overflow:hidden;
    position:relative;
    text-shadow:none;
    z-index:3;
    background-color: #0a0a0a;
    color: #a5a5a5;
}

table.pageLayout td.footer a {
    color: #a5a5a5;
}

.footerMenu {
    padding-top: 8px;

    font-size: 95%;
    overflow: hidden;
    color: #ddd
}

#copyright {
    font-size: 8pt;
    overflow: hidden;
}

table.pageLayout td.footer .fl {
    clear: left;
    float: left !important;
}
table.pageLayout td.footer .fr {
    clear: right;
    float: right !important;
}
table.pageLayout td.headerHidden{height:26px;border-bottom: 0px solid #999999;padding:0px;vertical-align:top;background:#FAFAFA;}
table.pageLayout td.headerHidden #logo{display:none}
table.pageLayout td.headerHidden #info{display:none}
table.pageLayout td.headerHidden #site_name{display:none}
table.pageLayout td.headerHidden #logout_link{display:none}
table.pageLayout td.headerHidden #language{padding-top:5px;padding-right:5px;float:right;clear:right;}
table.pageLayout td.headerHidden #path{
    color:#141412; /*#FFFFFF;*/
    clear:left;
    /*padding-top:5px;*/
    background:#D3D3D3; /*url('../images/css_images/gradient.gif') repeat-x top;*/
    border-top: 1px solid #1f3349;
    border-bottom: 1px solid #1f3349
}
table.pageLayout td.headerHidden #path #path_title{
    color:#FFFFFF; 
    float:left;
    margin-left:10px
}
table.pageLayout td.headerHidden #path #path_language{color:#FFFFFF; float:right; padding-right:4px;}
table.pageLayout td.headerHidden a.titleLink {color:#141412;}
table.hideLeft td.left, 
table.hideRight td.right{display:none}
table.hideBoth td.right,
table.hideBoth td.left{visibility:hidden}
table.hideLeft td.center,
table.hideRight td.center,
table.hideBoth td.center{width:80%;}
table.centerFull td.right,
table.centerFull td.left{display:none}
table.centerFull td.center{width:100%;}
table.hideCenter td.center{display:none}

ul.headerMenu li {padding:1px 8px 1px 3px;}
ul.headerMenu li:hover {background:#C7D7F3;cursor:pointer;}

/*calendar*/
table.calendarHeader,
table.calendar{
    background:#C6B84A;
    color:#4F4A2F;
    width:100%;
}
table.calendarHeader tr{
    background:#998C26;
    height:25px;
}
table.calendarHeader td,
td.calendar{
    color:#EDE8C5;
    padding-left:4px;
    padding-right:4px;
    font-size:13px;
}
td.calendar{
    border-left:1px solid #F3ECCB;
    border-top:1px solid #F3ECCB;
    text-align:center;
    height:16px;
    width:16px;
}
table.calendar td.todayCalendar{background-color: #ffd83d;}
table.calendar td.eventCalendar{background-color: #A3E0CC;}
table.calendar td.viewCalendar{border: 3px solid #FF8C00;}

/*Messages appearing in header*/
table.messageTable {
    width: 100%;
    text-align: center;
    border: 1px solid #AAAAAA;
    font-weight:bold;
}
td.messageCell{height:0px;}
table.messageTable td.message_success{background:#ccffaa;color:#008000;}
table.messageTable td.message_failure{background:#ffff99;color:#ff0000;}
table.messageTable td.message_announcement{background:#ffff99;color:#111111;}
table.messageTable td.message_text{width:100%;}
.messageDiv {
    background-color:#F0E68C;
    vertical-align:middle;
    color:red;
    top:100px;
    right:100px;
    text-align:center;
    z-index:10;
}

/*classes for general messages*/
.success{color:green;}
.failure{color:red;}
.pending{color:blue;}

/*The name appearing in inner tables header, when editing an entity*/
.innerTableName{font-style:italic;}

/*Tooltip classes*/
a.info{position:relative;z-index:24;}
a.info span.tooltipSpan{display:none;}
div.infoEntry span:first-child{font-weight:bold;}

/*Glossary classes*/
table.glossary td a img{vertical-align:middle;border-width:0px;}
table.glossary {width:100%;}
a.glossary{border-bottom:1px dashed;}/*Glossary tooltip additional class*/
a.glossary:hover span{width:300px!important;}/*Glossary tooltip additional class*/

/*Plus/minus signs appearing in certain boxes for opening/closing them*/
img.plus,img.minus{
    background-repeat:no-repeat;
    cursor:pointer;
    height:16px;
    width:16px;
}

/*The lessons tree list classes (directions/courses tree)*/
table.directionsTable,
table.coursesTable{width:100%;margin-top:10px;}
table.directionsTable *,
table.coursesTable * {vertical-align:middle!important;}
tr.lessonsList{
    /*border-right: 1px solid #999999;*/
    color:#444444;
    height:30px;
} 
tr.lessonsList td{
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    background:#EEE;
    padding:4px!important;
}
tr.lessonsList td.listPadding{border-width:1px;background:#EEE;}
tr.lessonsList td.listToggle{border-right: 0px solid #AAAAAA;width:1px;}
tr.lessonsList span.listName{font-weight:bold;font-size:14px;}
tr.lessonsList span.courseActions{margin-left:20px;}
tr.lessonsList span.courseRole{color:green; font-size: 11px;}
.buyLesson{float:right;cursor:pointer;font-weight:bold;white-space:nowrap;}

tr.directionEntry td{padding:2px;}
tr.directionEntry td.lessonProgress{width:50px;padding:2px 6px 2px 0px;}

td.lessonsList_nocolor{
    height:25px;
    padding:5px;
    text-align:right;
}

/*Form elements and form element holders*/
input,select,textarea {
    padding: 2px;
    border:1px solid #DDD;
    /*background:#fff;*/
    font-size:12px;
    font-weight:bold;
    font-family:Trebuchet MS,verdana,geneva,arial,helvetica,sans-serif;
}
.inputText{width:250px;}
.inputTextScore{width:30px;}
.inputTextarea{height:200px;width:500px;}
.inputContentTextarea{height:500px;width:100%;}
.inputProjectTextarea{height:350px;width:100%;}
.inputTestTextarea{height:200px;width:100%;}
.inputSelectMed{width:170px;min-width:150px;}
.inputSelectLong{width:336px;max-width:336px;}tr.oddRowColor:hover, tr.evenRowColor:hover
.inputText_QuestionChoice{width:250px;}
.formError,.formRequired,.severeWarning{color:#FF0000;}


input.flatButton, button.flatButton, a.flatButton{
    display:inline-block;
    *display:inline;
    *zoom:1;
    padding:4px 12px;
    margin-bottom:0;
    font-size:14px;
    line-height:20px;
    text-align:center;vertical-align:middle;cursor:pointer;
    color:#333333;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);

    background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);

    border-color:#e6e6e6 #e6e6e6 #bfbfbf;
    border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

    *background-color:#e6e6e6;
    filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);

    border:1px solid #bbbbbb;
    *border:0;
    border-bottom-color:#a2a2a2;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    *margin-left:.3em;
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);}

input.flatButton:active,input.flatButton.active, button.flatButton:active, a.flatButton:active,button.flatButton.active{background-color:#cccccc \9;}
input.flatButton:hover,input.flatButton:focus,input.flatButton:active,a.flatButton:hover,a.flatButton:focus,input.flatButton.active,
button.flatButton.disabled,.flatButton[disabled="disabled"],button.flatButton:hover,button.flatButton:focus,button.flatButton:active,button.flatButton.active,button.flatButton.disabled,.btn[disabled]{
    color:#333333;
    background-color:#e6e6e6;
    *background-color:#d9d9d9;
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}
input.flatButton:active,input.flatButton.active, 
a.flatButton:active,
button.flatButton:active,button.flatButton.active{background-color:#cccccc \9;}

.flatButton.small {
    font-size:12px;
    line-height:14px;
}

button.flatButton.disabled,.flatButton[disabled="disabled"],button.flatButton.disabled:active,.flatButton[disabled="disabled"]:active,button.flatButton.disabled:hover,.flatButton[disabled="disabled"]:hover,button.flatButton.disabled:focus,.flatButton[disabled="disabled"]:focus {
    color: gray;
}

table.formElements{margin-left:0px;margin-right:0px;}
table.formElements a{vertical-align:middle;}
table.formElements a img{vertical-align:middle;border-width:0px;}
td.labelCell{
    text-align:right;
    white-space:nowrap;
    width:10%;
}
td.labelCellTop{
    text-align:right;
    white-space:nowrap;
    width:10%;
    vertical-align:top;
}
td.elementCell{
    text-align:left;
    white-space:nowrap;
    padding-right:1%;
}
td.elementCell * {vertical-align:middle;}
.infoCell{
    color:gray;
    text-align:left;
    vertical-align:middle;
}
td.submitCell{text-align:left;padding-top:10px;}
td.formError{text-align:left;}
td.formRequired{text-align:left;}

/*Special form element holders*/
td.labelFormCell{vertical-align:middle;}
td.labelFormHalfCell{
    font-weight:bold;
    text-align:right;
    vertical-align:middle;
}
td.userFormCellLabel{
    text-align:left;
    vertical-align:middle;
    width:150px;
}
td.labelFormCellTitleCenter{
    font-size:16px;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
}
td.labelFormCellSmall{
    text-align:right;
    vertical-align:middle;
}
td.labelFormCellTitle{
    font-size:16px;
    font-weight:bold;
    vertical-align:middle;
}
td.elementFormCell{
    border:1px;
    text-align:left;
    vertical-align:middle;
}
table.configurationSettings {margin-bottom:20px;}
table.configurationSettings td:first-child{width:200px;white-space:normal}

/*Sorted table classes*/
.sortedTable{visibility:hidden;}
.sortedTable .topTitle{white-space:nowrap; border-top: 1px solid #ddd; }
.sortTablefilter {
    width: 10%;
    float: left;
    white-space: nowrap;
    vertical-align: middle;
}
td.sortedTableFooter{
    text-align:right;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
}
table.sortedTable td a{vertical-align:middle;}
table.sortedTable td a img{vertical-align:middle;border-width:0px;}
table.sortedTable tr.subSection td:first-child{padding-left:18px;} 
table.subSection {background-color:#C8B560;border:1px solid #C8B560;}
table.subSection td.topTitle{background:#C8B560;}
table.subSection td.sortedTableFooter{
    text-align:right;
}
table.subSection tr.oddRowColor{background:#C9C299;border:1px dotted #D0D0D0;}
table.subSection tr.evenRowColor{background:#ECE5B6;border:1px dotted #D0D0D0;}
table.subSection tr.oddRowColor:hover,table.subSection tr.evenRowColor:hover{background:#D3D3D3;}

/*Main header for tables*/
.topTitle {
    font-weight:bold;

    /*#FFDD00 url('../images/css_images/gradient.gif') repeat-x top;*/
    /*    border-top: 1px solid #DDD;
        border-bottom: 1px solid #DDD;*/
    padding:2px;
}
#path {
    height:28px;
}

/*content tree classes*/
a.drag_tree_current{background:#c0c0c0;border:1px solid #999999;}/*The current highlighted unit in the content tree*/
a.treeactive,a.treeactive:link,a.treeactive:visited,a.treeactive:hover{color:inherit;}
.treeNoContent,a.treeNoContent,a.treeNoContent:link,a.treeNoContent:visited,a.treeNoContent:hover{color:#7777CC;}
.treeUnclickable,a.treeUnclickable,a.treeUnclickable:link,a.treeUnclickable:visited,a.treeUnclickable:hover{cursor:default;text-decoration:none;}
.treeLink:hover{
    /*text-decoration:underline;*/
}
.dhtmlgoodies_tree,#floatingContainer{margin:0px;padding:0px;}
.dhtmlgoodies_tree *{vertical-align:middle;}
.dhtmlgoodies_tree ul{
    display:none;
    margin-left:12px;
    padding-left:0px;
}
#floatingContainer ul{margin-left:12px;padding-left:0px;}
.dhtmlgoodies_tree li,#floatingContainer li{list-style-type:none;vertical-align:middle;}
.dhtmlgoodies_tree li a,#floatingContainer li a{
    /*    color:#000;
        line-height:13px;
        margin-left:0px;
        padding-left:0px;
        text-decoration:none*/
}
.dhtmlgoodies_tree li a.highlightedNodeItem{background:#009;color:#FFF;}
.dhtmlgoodies_tree input.folderTreeTextBox{
    height:12px;
    margin:0px;
    padding:0px;
}

/*Tables with lists*/
tr.oddRowColor{background:#f1f1f1;border-bottom:1px solid #D0D0D0;border-top:1px solid #D0D0D0;}
tr.evenRowColor{background:#f8f8f8;}
tr.oddRowColor:hover,tr.evenRowColor:hover{background:#D3D3D3;}
tr.oddRowColorNoHover{background:#f1f1f1;border:1px dotted #D0D0D0;} /*NoHover is only used for forum posts*/
tr.evenRowColorNoHover{background:#f8f8f8;}
.emptyCategory{font-style:italic;}/*when a list does not have elements, this row appears*/
.defaultRowHeight{height:25px;}
tr.deactivatedTableElement td, 
tr.deactivatedTableElement td a,
.deactivatedElement, 
a.deactivatedLinkElement,
a.deactivatedLinkElement:link,
a.deactivatedLinkElement:hover,
a.deactivatedLinkElement:visited,
a.deactivatedLinkElement:active{
    color: red!important;
}

/*The tools above table lists*/
div.headerTools{padding:5px 0px 5px 0px}
div.headerTools *{vertical-align:middle}
div.headerTools span{border-left:1px solid black;padding-left:5px;}
div.headerTools span:first-child{border-left:0px solid black;padding-left:0px;}

/*shorthands*/
.nowrap{white-space:nowrap;}
.boldFont{font-weight:bold;}
.topAlign{vertical-align:top;}
.rightAlign{text-align:right;}
.leftAlign{text-align:left;}
.centerAlign{text-align:center;}

/*Classes used for some headers*/
.mediumHeader{
    font-size:16px;
    text-align:center;
    vertical-align:top;
    white-space:nowrap;
}
.smallHeader{
    font-size:12px;
    text-align:center;
    vertical-align:top;
    white-space:nowrap;
}

/*Chat classes*/
span.chatProfessorMessages{color:yellow;}
span.chatAdministratorMessages{color:#111111;}
span.chatSystemMessage{color:#800080;font-style:italic;}
a.exitLink,a.exitLink:link,a.exitLink:visited,a.exitLink:hover{color:#EE82EE;}
a.activateLink,a.activateLink:link,a.activateLink:visited,a.activateLink:hover{color:#FFA500;}
span.chatMyMessages{color:#800080;}
span.chatStudentMessages{color:#008000;}

/*Layout tables for inner pages*/
.inner{height:100%;width:100%;}
.moduleCell{vertical-align:top;}
.centerTable{
    vertical-align:top;
    /*width:100%;*/
}
/*.mainTable td.sideMenu{vertical-align:top;width:225px;}
.mainTable td.mainFooter{height:20px;text-align:right;vertical-align:bottom;}
.mainFooter,a.mainFooter,a.mainFooter:link,a.mainFooter:visited,a.mainFooter:hover{color:#6D6D6D;}
.moduleCell{vertical-align:top;}
.centerTable{vertical-align:top;width:100%;height:100%;}
.centerTable td.leftColumn,
.centerTable td.rightColumn{vertical-align:top;width:50%}
.centerTable td.leftColumn{padding-right:10px;}
.centerTable tr.topTitle{height:25px;}
.centerTable td.singleColumn,*/
.leftColumnData,
.rightColumnData,
.singleColumnData{
    vertical-align:top;
    width:100%;
    height:100%;
}

/*Forum/messages classes*/
.forumTable{margin-top:0em;width:100%;}
.forumTable td.firstColumn{width:50%;}
.forumTable td.secondColumn{width:20%;}

.forumTable td.thirdColumn{width:20%;}
.forumTable td.toolsColumn{width:5%;text-align:center;}
.forumMessageTable td{vertical-align:top;}
.forumTable tr{height:25px;}
.forumIcon{float:left;margin:5px;}
.forumMessageInfo{
    color:gray;
    text-align:left;
    vertical-align:middle;
    font-size:10px;
}
.forumMessageInfo span{font-weight:bold;}
.forumMessageTools{border-top:1px dotted white;}
.forumMessageCreator{white-space:nowrap;width:10%;border-left:1px dotted white;padding:0px 10px 0px 10px;text-align:center;vertical-align:top;}
.messagesTable{width:100%;}
.messagesTable .messageTitle{font-size:18px;margin-bottom:10px;}
.messagesTable .messageInfo span{font-weight:bold;}
.unreadMessage {font-weight:bold;}
.plainWarning{color:#FFA500;}
.noWarning{color:#008000;}
.previewPane{
    background:#dddddd;
    border:1px solid #111111;
    vertical-align:top
}
a.selectedLink,a.selectedLink:link,a.selectedLink:visited,a.selectedLink:hover{
    font-weight:bold;
}
.quote{margin-left: 25px;margin-right: 25px;}
.quoteBody{
    padding:10px; 
    background-color:#c1c1c1; 
    text-align:left; 
}

/*Emails classes*/
.emailBodyTextarea{height:350px;width:100%;}
.emailSubjectText{width:600px;}

/*Tabber classes*/
.tabber{display:none;}
.tabberlive{margin-top:1em;}
.tabberlive .tabbertabhide{display:none;}
ul.tabbernav{
    border-bottom:1px solid #778;
    font:bold 12px Trebuchet MS,verdana,sans-serif;
    margin:0;
    padding:3px 0;
}
ul.tabbernav li{
    display:inline;
    list-style:none;
    margin:0px;
}
ul.tabbernav li a{
    border:1px solid #778;
    border-bottom:none;
    margin-left:3px;
    padding:3px 0.5em;
    text-decoration:none;
}
ul.tabbernav li a:link{color:#4F4E46;}
ul.tabbernav li a:visited{color:#403F39;}
ul.tabbernav li a:hover{
    color:#000
}
ul.tabbernav li.tabberactive a{font-size:18px;}
ul.tabbernav li.tabberactive a:hover{border-bottom:1px solid white;color:#000000;}
.tabberlive .tabbertab{
    border:0px solid #aaa;
    border-top:0;
    padding:0px;
}
.tabberlive .tabbertab h2{display:none;}
.tabberlive .tabbertab h3{display:none;font-size:14px;}
.tabberlive#tab2 .tabbertab{height:200px;overflow:auto;}

/*Small help popup*/
.popUpInfoDiv{
    background:#f1f1f1;
    border:1px solid #111111;
    text-align:left;
    position:absolute;
    z-index:100;
}

/*Sortable divs in control panels and other places*/
ul.sortable{
    list-style-type:none;
    margin:0px;
    padding:0px;
}
ul.sortable li{list-style-type:none;}
ul.sortable li table .handle{cursor:move;}
ul.sortable li#first_empty, ul.sortable li#second_empty {height:5px;border-top:2px solid gray}


/*The title bar link*/
.titleLink,a.titleLink,a.titleLink:link,a.titleLink:visited,a.titleLink:hover, td.header a.titleLink{
    display: inline-block;
    color:#141412 !important;
    padding: 5px;
}

.pageLayout td:not([id="horizontalBarRow"]).header #path a.titleLink, .pageLayout td:not([id="horizontalBarRow"]).header #path {
    color: white !important;
    background: white;
}



/*surveys classes*/
.surveyAnswer{
    background:rgb(204,255,153);
    border-style:dotted;
    border-width:2px;
    color:#FF0000;
    font-weight:bold;
    height:20px;
    vertical-align:bottom;
}
.surveyPercentage{
    background:rgb(204,255,153);
    border-style:dotted;
    border-width:2px;
    color:blue;
    height:20px;
    vertical-align:baseline;
}
td.externalSurvey{
    background:#A0BDEF;
    color:#111111;
    font-weight:bold;
    vertical-align:middle
}
table.indexTable{
    background:#EEEEEE;
    border: 1px outset #9B9B9B;
    margin-left:auto;
    margin-right:auto;
    width:380px;
}
table.indexTable td.indexHeader{
    background:#5F91EA;
    color:white;
    font-size:14px;
    font-weight:bold;
    vertical-align:middle;
    height:35px;
    padding-left:5px;
    width:50%;
}
table.indexTable td.indexHeader#right{text-align:right;}
table.indexTable td.indexHeader img{
    vertical-align:middle;
    margin-right:5px;
    margin-left:5px;
}

/*header for tables*/
.blockHeader{
    color:#555555;
    font-size:16px;
}

table.horizontalBlock {
    color: #141412; /*#FFFFFF;*/
    vertical-align:middle;
    background: #EEE; /*url('../images/css_images/gradient_medium.gif') repeat-x top;*/
    padding:0px;margin:0px;font-size:20px;font-weight:bold;width:100%;}
table.horizontalBlock td{vertical-align:middle;padding:2px 0px 2px 0px;white-space:nowrap;}
table.horizontalBlock .rightOption{float:right;margin-left:5px;}
table.horizontalBlock .leftOption{margin-left:5px;}


#horizontalBarRow {
    padding: 0px;
    border: 0px;
}

#horizontalBarRow #path, table.pageLayout td.header #path, table.pageLayout td.header #path {
    color:#141412; /*#FFFFFF;*/
    clear:left;

    background-color: rgb(238, 238, 238);
    border-bottom: 1px solid #ddd;
} 

#horizontalBarRow #path a {
    color:#141412;
}



table.pageLayout td.header #path {
    border: 0px;
}

/*autocomplete div*/
div.autocomplete{
    background:white;
    border:1px solid #888;
    margin:0px;
    padding:0px;
    position:absolute;
    z-index:3;
    white-space:normal;
    overflow:auto;
    max-height:400px;
}
div.autocomplete ul{
    list-style-type:none;
    margin:0px;
    padding:0px;
}
div.autocomplete ul li.selected{background:#ffffbb;}
div.autocomplete ul li{
    cursor:pointer;
    display:block;
    list-style-type:none;
    margin:0;
    padding:0px;
}
input.autoCompleteTextBox{width:50%;}

/*"Loading" elements*/
div.loading {
    font-weight: bold;
    font-size: 18px;
    position:absolute;
    z-index:100;
    text-align:center;
    background-color:#F8F8F8;
}
div.loading div {top:50%;left:45%;position:absolute;}
div.loading div * {vertical-align:middle;}
.loadingImg{
    padding-right:15px;
    padding-left:5px;
}

/*Search classes*/
.searchResults{padding-bottom: 7px;}
.resultsText{background-color: yellow;}
.resultsTitle a, .resultsTitle a:link, .resultsTitle a:active, .resultsTitle a:visited{text-decoration: underline;color: navy;}
.resultsTitle .small, .resultsTitle .small a{
    font-size:11px;
    padding-bottom:5px;
    text-decoration: none;
    color: green;
}
.resultsTitle .small a:hover{text-decoration: underline;}
.resultsTitleBold{font-weight: bold;}
.searchBox{
    background-repeat:no-repeat;
    background-position-y: 50%;
    background-position-x: 1px;
    padding-left:18px;
}

/*Progress bar classes*/
div#progress_bar a{display:block;margin-top:10px;}
.progressCell{
    padding-left:5px;
    padding-right:5px;
    width:100px;
    vertical-align:top;
}
span.progressNumber{
    position:absolute;
    text-align:center;
    width:100px;
    border:1px solid #d3d3d3;
    vertical-align:middle;
    z-index:2;
    height:18px;
}
span.progressBar{
    background-color:#A0BDEF;
    border:1px dotted #d3d3d3;
    position:absolute;
}

/*The main content area classes*/
table.contentArea,
table.contentArea td#centerColumn,
table.contentArea td#sideColumn,
table.contentArea table#unitContent{vertical-align:top;height:100%;}
table.contentArea {width:100%;}
table.contentArea table#unitContent {width:100%;}
table.contentArea td#sideColumn{width:250px;}
table.contentArea td#completeUnit{text-align:center;width:100%;border-top: 1px solid #DDDDDD;vertical-align:top;height:50px;}/*height 50px in order for the navigation handles to appear properly when the complete unit is hidden*/
table.contentArea div#contentQuestionAnswer{text-align:left;margin-top:10px;}

table.navigationTable {width:100%;margin-top:15px;border-top:1px solid #AAAAAA}
table.navigationTable td.previousUnitHandleIcon{width:3%;text-align:left;ertical-align:top;padding-top:15px;}
table.navigationTable td.previousUnitHandle{width:27%;text-align:left;ertical-align:top;padding-top:15px;}
table.navigationTable td.completeUnitHandle{width:40%;text-align:center;padding-top:15px;vertical-align:top;}
table.navigationTable td.completeUnitHandle div.unitQuestionArea{border:1px solid black;padding:10px;}
table.navigationTable td.nextUnitHandleIcon{width:3%;text-align:right;ertical-align:top;padding-top:15px;}
table.navigationTable td.nextUnitHandle{width:27%;text-align:right;ertical-align:top;padding-top:15px;}

/*Statistics classes*/
table.statisticsPanel,
table.statisticsSelectList,
table.statisticsTools,
table.statisticsGeneralInfo,
table.statisticsDataHeader,
table.statisticsData,
table.statisticsSubInfo,
div.statisticsDiv table{
    width:100%;
}
table.statisticsSelectList a img,
table.statisticsTools a img,
table.statisticsGeneralInfo a img,
table.statisticsDataHeader a img,
table.statisticsData a img,
table.statisticsSubInfo a img,
div.statisticsDiv table a img{
    vertical-align:middle;
    border-width:0px;
}
table.statisticsSelectDate{margin-bottom:10px;}
table.statisticsGeneralInfo table {width:100%;}
table.statisticsGeneralInfo td.labelCell{
    width:1%;
    white-space:nowrap;
    padding-right:10px;
}
table.statisticsGeneralInfo td.elementCell{font-weight:bold;}
table.statisticsGeneralInfo #userAvatar{
    width:1%;
    padding-right:15px;
    padding-left:15px;
}
table.statisticsGeneralInfo #userAvatar img{vertical-align:middle;}
table.statisticsSubInfo td{vertical-align: top;}
table.statisticsTools{
    font-weight:bold;
    vertical-align:middle;
}
table.statisticsTools td#right{text-align:right;white-space:nowrap;width:90%;}
table.statisticsTools td.filter{
    text-align:left;
    padding-right:10px;
    white-space:nowrap;
}

/*Tests classes*/
table.testHeader{width:100%;text-align:center;}
table.testHeader #testName{
    font-weight:bold;
    font-size:16px;
    vertical-align:top;
    padding-bottom:10px;
}
table.testHeader td#testProceed{padding-top:15px;}
table.testInfo{
    background-color:#f8f8f8;
    border:1px dotted #808080;
    width:80%;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
}
table.surveyInfo{
    background-color:#f8f8f8;
    border:1px dotted #808080;
    width:50%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
table.testInfo td{white-space:nowrap;}
table.testInfo td#testInfoImage{width:15%;text-align:center;}
table.testInfo td#testInfoLabels{width:1%;}
table.doneTestHeader{vertical-align:top;}
table.doneTestInfo{text-align:left;width:100%;}
table.doneTestHeader td#doneTestImage{width:10%;text-align:center;}
table.doneTestHeader #time_left{font-weight:bold;}
table.doneTestHeader #testName{
    font-size:16px;
    vertical-align:top;
    padding-bottom:10px;
}
table.doneTestHeader td#timer{
    text-align:left;
    vertical-align:middle;
    white-space:nowrap;
}
table.doneTestHeader td#timer *{vertical-align:middle;white-space:nowrap;}
.feedback_test{
    background:rgb(245,220,133);
    border:1px dotted gray;
    width:100%;
}
table.test_analysis{width:100%;}
table.test_analysis td{vertical-align:top;}
table.test_analysis iframe{width:750px;height:570px;}
td.questionLabel{white-space:normal !important;}
table.QuestionsListTable{width:100%;}
table.QuestionsListTable tr{height:25px;}
.inputTextarea_QuestionText{height:250px;width:99%;}
.inputTextarea_QuestionExample {height:60px;}
.correctAnswer{color:#228B22;font-weight:bold; font-size:12px;text-decoration:underline;}
.wrongAnswer{color:#FF0000;}
.questionExplanation{
    background:rgb(204,255,153);
    border:1px dotted gray;
    width:100%;
}
.questionWeight{
    background:#ffd83d none repeat scroll 0% 0%;
    border-bottom:0px solid #AAAAAA;
    color:#444444;
    font-size:14px;
    height:30px;
    vertical-align:top;
    width:100%;
    padding:4px;
}
.unsolvedQuestion{width:100%;}
.unsolvedQuestion * {vertical-align:middle;}
.draggable, .droppable{/*Draggable/droppable questions*/
    background:#EEE; /*#20344c url('../images/css_images/gradient.gif') repeat-x top;*/
    z-index:10; 
    height:100%;
}
.expiredQuestion{
    z-index:11;
    background-color:#cccccc;
    border:1px solid #cccccc;
    position:absolute;
}
.rawTextQuestion {width:100%;height:100px;}
.dragDropQuestion .droppable, .dragDropQuestion .draggable{
    color:black;
}
.dragDropQuestion td.droppable {
    height: 40px;
    min-width: 10%;
    padding: 0px 5px
}
.dragDropQuestion td.dragDropTarget {
    height: 40px;
    padding: 0px 10px 0px 0px;
}
.dragDropQuestion td.dragDropSource {
    height: 40px;
    border: 1px dotted gray;
}
.dragDropQuestion div.draggable {
    cursor: move;
}
.dragDropQuestion div.draggable span.text {
    display: table-cell;
    height: 40px;
    padding: 0px 5px;
}
/*Random test table classes*/
table .randomTest {text-align:left;margin:5px;}
table .randomTest td {padding:2px;}
table.randomTestMatrix {margin-left:auto;margin-right:auto;}
table .randomTestMatrix td {
    border:1px solid gray;
    text-align:center;
    padding:5px 10px 5px 10px;
}
table .randomTestMatrix * {vertical-align:middle;}


/*Left sidebar classes*/
body.sidebar{background:#F4F4F4;}
div.menu {
    width:100%;
    height:80%;
    background-color:#EEEEEE;
}
div.tabmenu {
    width:100%;
    background-color:#EEEEEE;
    text-align:center;
    vertical-align:middle;
    color:black;
    font-size:11px;
}
div.topPhoto {
    background-color:#EEEEEE;
    width:100%;
    text-align: center;
    vertical-align:middle;
    color:white;
}
div.verticalTab {
    width:100%;
    border-top:1px solid #EEEEEE;
    position: absolute;
    background-color:#EEEEEE;
}
div.tabHeader {
    background:#EEE; /*#FAFAFA url('../images/css_images/gradient.gif') repeat-x bottom;*/
    min-height:25px;
    cursor: pointer;
    padding-left:2px;
    font-weight:bold;
    vertical-align:middle;
}
div.tabHeader table{width:100%;}
div.menuOption a:hover {
    text-decoration:none;
    font-weight:bold;
}
td.menuListOption{white-space:nowrap;}
.menuTool{vertical-align:middle;float:right;white-space:nowrap;}
div.selectedTopTitle {
    color:#222222;
    height:20px;
    font-weight:bold;/*border:1px double #5D91ED;*/
    background:#EEE; /*#FAFAFA url('../images/css_images/gradient.gif') repeat-x bottom;*/
    border-bottom: 1px solid #CCCCCC;
}
div.selectedTopTitle a:hover {color:#FFFFFF;text-decoration:none;}
div.menuOption {
    background-color:#EEEEEE;
    height:20px;
    border:none;
    color:#222222;
    text-decoration:none;
}
table.chatbox a {
    color:blue;
    text-decoration: underline;
}
div#personIdentity{font-size: 10px;text-align:center;}
div#personIdentity table{width:100%;}

table.layout{margin:0 auto;}
table.preview{width:120px;height:100px;}
table.edit{width:100%;height:100%;}
table.preview td.header{height:15px;}
table.edit td.header{height:40px;}
table.layout td.footer{height:40px;}
table.preview td.footer{height:10px;}
table.edit td.footer{height:30px;}
table.layout tr td{vertical-align:top;}
table.preview tr td{padding:6px 1px 1px 3px;}
table.edit tr td{padding:6px 1px 1px 3px;}
table.layout td.left{}
table.preview td.layoutLeft{width:20px;padding-left:3px;}
table.edit td.layoutLeft{width:150px;padding-left:3px;}
table.layout td.right{}
table.preview td.layoutRight{width:20px;padding-right:3px;}
table.edit td.layoutRight{width:150px;padding-right:3px;}
table.layout td.center{}
table.preview td.center{}
table.edit td.center{}
table.edit td.collapse{height:10px;padding:0px}
/**Overall edit layout page table. Used at the 'set layout' administrator page**/
table#layoutMenu{width:100%;height:100%;}
table#layoutMenu a img {border-width:0px;vertical-align:middle}
table#layoutMenu td{vertical-align:top;}
table#layoutMenu div.layoutLabel {padding:5px 0px 10px 0px;text-align:center}
table#layoutMenu div.layoutBlock{border:solid 1px #b7ddf2;background-color:#ebf4fb;text-align:center;margin-bottom:3px;}
table#layoutMenu div.layoutBlock .tool{margin:0px 2px 0px 2px;cursor:pointer}

table#layoutMenu td#left{width:150px;}
table#layoutMenu td#left div.layout {width:140px;padding:10px 5px 10px 5px;border:1px solid black}
table#layoutMenu td#left div.layoutLabel {width:140px;}
table#layoutMenu td#left div.hideLeft td.layoutLeft,
table#layoutMenu td#left div.hideRight td.layoutRight{display:none;}
table#layoutMenu td#left div.hideBoth td.layoutRight,
table#layoutMenu td#left div.hideBoth td.layoutLeft{visibility:hidden;}
table#layoutMenu td#left div.layout:hover,
table#layoutMenu td#left div.selectedLayout {background-color:#dbe5f1;}

table#layoutMenu td#right{width:150px;}
table#layoutMenu td#right div.layoutLabel {width:140px;}
table#layoutMenu td#right div.layoutBlock{width:140px;min-height:80px;margin-left:auto;margin-right:auto;vertical-align:top;margin-top:10px}
table#layoutMenu td#right div.layoutBlock img{margin-top:10px}

table#layoutMenu td#center{}
table#layoutMenu td#center div.layout {height:100%;padding:10px 5px 10px 5px;border:1px solid black;width:95%;margin-left:auto;margin-right:auto;}
table#layoutMenu td#center div.layout div.layoutBlock{height:100px;margin:10px;}
table#layoutMenu ul.sortable{border:1px dotted gray;}

table#layoutMenu td#buttons{text-align:center;}
table#layoutMenu td#buttons div{width:300px;margin:0 auto;}
table#layoutMenu td#buttons span {float:left;width:100px;}

table.hideLayoutLeft td.layoutLeft, 
table.hideLayoutRight td.layoutRight{display:none}
table.hideLayoutBoth td.layoutRight,
table.hideLayoutBoth td.layoutLeft{visibility:hidden}

.lessonInfo{font-size:14px;padding:5px;}
.lessonInfo .infoTitle{font-weight:bold;}
div.courseLessonInfo {
    border: 1px solid #ddd;
    margin-top:10px;
}
div#buy{text-align:right;}
div#buy *{vertical-align:middle;border-width:0px;}
table.pageLayout div .formRow {
    clear:left;
}
table.pageLayout div .formLabel{
    display:block;
    font-weight:bold;
    padding-left:10px;
    margin-top:5px;
}
table.pageLayout div .centerOnly{
    display:none;
}
table.pageLayout div .note{
    clear:both;
    padding-left:0px;
    display:block;
}

table.pageLayout form.indexForm div .formLabel {
    color: #757575;
    font: 200 14px/1.8em Arial,sans-serif;

    font-size: 11px;
    font-style: italic;

    padding: 15px 0px 2px 0px;
    margin: 0;
}

table.pageLayout form.indexForm .inputText{
    border: 1px solid #EEEEEE;
    float: left;
    font-size: 11px !important;
    line-height: 1 !important;
    margin: 0 10px 0 0;
    padding: 10px;

    background: none repeat scroll 0 0 #FFFFFF;
    color: #757575;

    width: 90%;
}
table.pageLayout form.indexForm .inputCheckbox{
    padding:4px 2px;
    margin:2px 0 5px 10px;
}
table.pageLayout form.indexForm .inputSelect{
    padding:4px 2px;
    width:80%;
    margin:2px 0 5px 10px;
}
table.pageLayout form.indexForm select{
    margin:2px 0 5px 10px;
}

table.pageLayout form.indexForm .inputSearchText{
    padding:4px 2px 0px 18px;
    width:50%;
    margin:0px 0 10px 10px;
}
table.pageLayout form.indexForm .flatButton{
    clear:both;
    margin-left:0px;
    text-align:center;
    font-weight:bold;
}
table.pageLayout form.indexForm .explanation{
    color:#666666;
    font-weight:normal;
}
table.pageLayout form.indexForm .error{
    color:red;
    margin-left:10px;
}
table.pageLayout fieldset{margin-top:5px;}
table.pageLayout form.indexForm{margin-bottom:0px} /*Chrome adds a margin*/


table.pageLayout div #contact,
table.pageLayout div #comments{
    height:10em;
}


/*Tables inside control panel blocks*/
table.cpanelTable{width:100%;}
table.cpanelTable td.cpanelTime{text-align:right;}

/*message blocks*/
table.messageBlock{text-align:center;font-weight:bold;font-size:14px;width:100%;}
table.messageBlock td{vertical-align:middle;}
table.messageBlock td.successBlock{/*background-color:#ccffaa;*/color:#5AC000;width:100%;vertical-align:middle}
table.messageBlock td.failureBlock{/*background-color:#ffff99;*/color:#ff3333;width:100%;vertical-align:middle}
div.messageContents{
    padding:0px!important;
}

table.messageBlock td  a,
table.messageBlock td a:link,
table.messageBlock td  a:hover,
table.messageBlock td  a:visited{color:blue}

/*Cart block*/
div.cart div.cartElement{border-bottom:1px dotted #DDDDDD;padding:3px 0px 3px 0px;vertical-align:middle;clear:both;}
div.cart div.cartElement div.cartTitle{float:left}
div.cart div.cartElement div.cartDelete{float:right}
div.cart div#submit_cart{text-align:center}

/*News block*/
table.pageLayout div.newsTitle{font-weight:bold}
table.pageLayout div.newsTitle div{float:right;font-size:10px}
table.pageLayout div.newsContent{font-size:10px;border-top:1px solid #999999;padding:0px 0px 5px 5px;width:90%;margin-left:auto;margin-right:auto}

/*Agreement block*/
table.pageLayout div.license{}
table.pageLayout div.licenseHandles{padding-top:50px;text-align:center}

/*Lockdown block*/
table.pageLayout div.lock{}

/*Blocks (inner tables) classes*/
div.block{
    margin-top:5px;
    margin-bottom:0px;
}

table.pageLayout td.layoutColumn.center {
    padding: 2px 0px;
}

td.layoutColumn > tr > td.moduleCell {
    margin: 0px;
    padding: 0px;
    border: 0px;
}


div.blockContents{   
    border: 1px solid #ddd;
    /*    -moz-border-radius: 8px;
        -webkit-border-radius: 8px;*/
    padding:5px;
    background-color: #FFFFFF;
    /*background:#EEE; #FFDD00 url('../images/css_images/gradient.gif') repeat-x top;*/
    box-shadow: 0px 0px 3px #D6D6D6;
}
img.blockMoveHandle{display:none}
ul.sortable img.blockMoveHandle{cursor:move;display:inline}
div.block table.iconTable{
    width:100%;
}
div.block table.iconTable td{
    text-align:center;
    padding:4px;
}

div.block table.iconTable td.iconData a, .toolbar a {
    color: #444;
}
div.block table.iconTable td.iconData:hover{
    background-color:#e3e3e3 !important;
    border: 0px solid #DDD;
    cursor:pointer;
}
div.block table.iconTable td.iconData:hover a {
    text-decoration: none;
}
div.block table.iconTable a img{
    border-width:0px;
}
div.block table.iconTable td.group{
    background-color:#EDE8C5;
}
div.block .title {
    font-size:15px;
    font-weight:bold;
    color:#FFFFFF;
}
div.block .title img{
    vertical-align:middle;
    margin-right:10px;
}
div.block .subtitle{
    display:block;
    font-size:11px;
    color:#666666;
    clear:left;
    padding-top:0px;
    padding-bottom:5px;
    border-bottom: 1px solid #ddd;
}
div.block .handles{
    float:right;
}
div.block .handles img{
    vertical-align:middle;
    border-width:0px;
    margin:2px 2px 2px 2px;
}
div.block .toggle {
    font-size:14px;   
    float:right;
    width:16px;
    height:16px;
    margin-left:10px;
}
div.block .content {
    border-top:solid 0px #CCCCCC;
    padding:6px;
    background:#FFFFFF;
}
div.block .toolbar {
    border-top:solid 1px #DDD;
    border-bottom:1px solid #DDD; 
    padding:5px 0px 5px 0px;
    margin-top: -1px;
    white-space:nowrap;
    /*background-color:#D3D3D3;*/
}

div.block .toolbar span:last-child{
    border-right:0px solid #DDD;
}
div.block .toolbar span.selected {
    font-weight:bold;
}

div.block .toolbar span {
    padding:5px;
    border-right:1px solid #DDD; 

}

div.block .toolbar span:hover a {
    text-decoration: none;
}

div.block .toolbar img {
    vertical-align:middle;
    border-width:0px;
}

/*Social classes*/
.trigger {position: absolute;}
span.timeago {color:#7F7F7F;font-style:italic;}
.bubbleInfo {position: relative;}
.bubblePopup {
    position: absolute;
    z-index: 50;
    border-collapse: collapse;
    background-color: #FFFFFF;
}
.bubblePopup td.corner {height: 15px;width: 19px;}
.bubblePopup td#topleft { background-image: url(http://jqueryfordesigners.com/demo/../images/css_images/coda/bubble-1.png); }
.bubblePopup td.top { background-image: url(http://jqueryfordesigners.com/demo/../images/css_images/coda/bubble-2.png); }
.bubblePopup td#topright { background-image: url(http://jqueryfordesigners.com/demo/../images/css_images/coda/bubble-3.png); }
.bubblePopup td.left { background-image: url(http://jqueryfordesigners.com/demo/../images/css_images/coda/bubble-4.png); }
.bubblePopup td.right { background-image: url(http://jqueryfordesigners.com/demo/../images/css_images/coda/bubble-5.png); }
.bubblePopup td#bottomleft { background-image: url(http://jqueryfordesigners.com/demo/../images/css_images/coda/bubble-6.png); }
.bubblePopup td.bottom { background-image: url(http://jqueryfordesigners.com/demo/../images/css_images/coda/bubble-7.png); text-align: center;}
.bubblePopup td.bottom img { display: block; margin: 0 auto; }
.bubblePopup td#bottomright { background-image: url(http://jqueryfordesigners.com/demo/../images/css_images/coda/bubble-8.png); }

/*Email digests classes*/
td.fixedLabelCell{
    text-align:right;
    white-space:nowrap;
    width:180px;
}

div.loginFacebookFormRow{
    border-top:1px;
    border-bottom:0;
    border-left:0;
    border-right:0;
    border-style:solid;
    margin-top:3px;
    color:#999999;	
}
div.facebookHeader{
    color:#000000;
    font-size:12px;
    font-weight:bold;
}

/*Scorm content frame*/
.scormFrame {
    width:100%;
    height:100%;
    border-width:0px;
}
/*Scorm commit frame*/
.scormCommitFrame {
    display:none;
    border:1px solid red;
    width:100%;
    height:400px;
}


/*PHPinfo classes*/
.phpinfodisplay {background-color: #ffffff; color: #000000;font-size:16px}
.phpinfodisplay hr {margin-left:0px}
.phpinfodisplay ,.phpinfodisplay  td,.phpinfodisplay  th,.phpinfodisplay  h1,.phpinfodisplay  h2 {font-family: sans-serif;}
.phpinfodisplay pre {margin: 0px; font-family: monospace;}
.phpinfodisplay a:link {color: #000099; text-decoration: none; background-color: #ffffff;}
.phpinfodisplay a:hover {text-decoration: underline;}
.phpinfodisplay table {border-collapse: collapse;}
.phpinfodisplay .center table {text-align: left;}
.phpinfodisplay .center th { text-align: center !important; }
.phpinfodisplay td,.phpinfodisplay  th { border: 1px solid #000000; font-size: 75%; vertical-align: baseline;}
.phpinfodisplay h1 {font-size: 150%;}
.phpinfodisplay h2 {font-size: 125%;}
.phpinfodisplay .p {text-align: left;}
.phpinfodisplay .e {background-color: #ccccff; font-weight: bold; color: #000000;}
.phpinfodisplay .h {background-color: #9999cc; font-weight: bold; color: #000000;}
.phpinfodisplay .v {background-color: #cccccc; color: #000000;}
.phpinfodisplay .vr {background-color: #cccccc; text-align: right; color: #000000;}
.phpinfodisplay img {float: right; border: 0px;}
.phpinfodisplay hr {width: 600px; background-color: #cccccc; border: 0px; height: 1px; color: #000000;}

/*Horizontal sidebar classes*/
.horizontalSelectedTopTitle {
    height:32px;
    color:#141412; /*#FFFFFF;*/
    background: #EEE; /*-image: url('../images/css_images/gradient.gif');*/
    vertical-align:middle;
    text-decoration:none;
}
.horizontalSelectedTopTitle a{
    height:32px;
    color:#FFFFFF;	
    vertical-align:middle;
    text-decoration:none;
}
table.horizontalMenuTable {
    background-color:#97AFC9;
    z-index:200;
    height:25px;
    border:none;
    padding:0 0 0 0;
    width:100%;
}
.horizontalMenuOption {
    height:32px;
    background-color:#EEEEEE;
    border:none;
    color:#222222;
    text-decoration:none;
    vertical-align:middle;
}
.headerText {
    color:#FFFFFF;
}
a.headerText,a.headerText:link,a.headerText:visited,a.headerText:active{
    color:#FFFFFF;
    text-decoration:none;
    display: inline-block;
    margin-top: 4px;
}
a.headerText:hover {
    color:#CCCCCC;
    text-decoration:none;
}
/*Status classes for links*/
a.inactiveLink,a.inactiveLink:link,a.inactiveLink:hover,a.inactiveLink:visited,a.inactiveLink:active{
    color:#808080;
    cursor:default;
    text-decoration:none;
}
a.editLink,a.editLink:link,a.editLink:visited,a.editLink:hover, td.editLink a{color:#008000;}
a.deleteLink,a.deleteLink:link,a.deleteLink:visited,a.deleteLink:hover{color:#FF0000;}
a.inviteLink,a.inviteLink:link,a.inviteLink:visited,a.inviteLink:hover{color:#008000;}
a.nonEmptyLesson, a.nonEmptyLesson:link, a.nonEmptyLesson:visited, a.nonEmptyLesson:hover{font-weight:bold;}
a.emptyLesson, a.emptyLesson:link, a.emptyLesson:visited, a.emptyLesson:hover{font-weight:normal;}

/*Price classes*/
span.discountPrice{}
span.oldPrice{text-decoration:line-through;}
span.normalPrice{}
span.recurringPrice{}

/*Protochart classes*/
div.proto_graph{background-color:white;height:500px;}

/*Various classes*/
.horizontalSeparator{border-bottom:1px solid #888888}
.horizontalSeparatorAbove{border-top:1px solid #555555;}
.inactiveElement{color:#aaaaaa!important;}
.inactiveImage, .inactiveImage img{opacity:0.2;filter:alpha(opacity=20);}
input.inactiveElement{background-color:#eeeeee;border-color:#eeeeee}
span.counter{font-weight:normal;}
img.handle{cursor:pointer;vertical-align:middle;border-width:0px}
img.ajaxHandle{cursor:pointer;vertical-align:middle;}
span.progress{height:16px;width:16px;margin-right:6px;position:absolute;}
span.progress32{height:32px;width:32px;margin-right:6px;position:absolute;}
table.uploadBox{margin:2em;}
table.copyContent {width:100%}
table.copyContent td{vertical-align:top;}
table.lessonListOptions{float:right;}
table.lessonListOptions td.lessonListOption{padding-left:10px;}
table.emptyLessonsList{width:100%;height:100%;text-align:center;}
table.emptyLessonsList td.lessonListOption{padding-top:25px;}
fieldset.fieldsetSeparator{
    border-width:0px;
    border-top:1px solid #ddd;
}
fieldset.fieldsetSeparator legend{font-weight:bold;font-size:14px;}
fieldset.fieldsetSeparator legend.smallLegend{font-weight:bold;font-size:12px;}
fieldset.fieldsetSeparator table {margin-left:10px;}
div.lessonLayout{width:602px;margin-left:auto;margin-right:auto;}
div.lessonLayout td{vertical-align:top;}
div.lessonLayout ul *{vertical-align:middle;}
div.lessonLayout td#submitLayout{text-align:center;}
object{position: relative; z-index: 0} 
.hiddenElement{display:none;}


/* CSS to go with Prototip.Styles */
.prototip {
    font: 11px Arial, Helvetica, sans-serif;
    color: #000;
}
.prototip .default {
    width: 250px;
    color: #808080;
}
.prototip .default .toolbar {
    background: #f1f1f1;
    font-weight: bold;
}
.prototip .default .title { padding: 5px; }
.prototip .default .content {
    padding: 5px;
    background: #fff;
}
.prototipLoader {
    position: absolute;
    top: -1000px;
    left: -1000px;
    height: 14px;
    width: 14px;
    border: 1px solid #dddddd;
    overflow: hidden;
}
/* Required for all tooltips, do not modify */
.prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */


/*deprecated table classes, used in some places yet*/
table.innerTable{
    background:#F8F8F8;
    border: 1px solid #CCCCDD;
    margin:0px 0px 5px 0px;
    width:100%;
}
table.innerTable th.innerTableHeader{
    color:#333333;
    font-weight:bold;
    text-align:left
}
th.innerTableHeader,td.innerTableHeader{ border-bottom:1px solid #CCCCDD;}
table.innerTable td.tableSeparator{background:#4F4A2F;height:0.3em}
table.innerTable td.tableImage{width:1%}
table.innerTable td.info{text-align:right;}
td.iconTableTD{
    background:#F8F8F8;
    padding:5px 0px;
    text-align:center;
    border: 1px;
}
td.iconTableTD:hover{
    background:#dbe5f1;
}
td.emptyIconTableTD{
    background:#F8F8F8;
    text-align:center
}
table.sideTable{
    border:1px solid #DDDDDD;
    padding:2px 8px;
    width:100%
}
td.smallIconCell{
    width:16px;
    vertical-align:middle;
}
.mceContentBody#tinymce {
    background: #FFF;
    margin:0px;
    width:100%;
    min-width: 300px;
    height: 100%;
}
.mceContentBody#tinymce p {
    margin: 0; 
    padding: 0; 
}
sup{font-size:xx-small; vertical-align:top!important;}
sub{font-size:xx-small; vertical-align:bottom!important;}
.filemanagerBlock{height:100%;text-align:center;width:100%;background-color:white}

/*other deprecated elements*/
/*.topSubtitle{font-weight:bold;}*/

/*other deprecated elements*/
/*.topSubtitle{font-weight:bold;}*/

/*Image maps*/
.sprite32 {background:url(../images/css_images/32x32map.png); width:32px; height:32px;}
.sprite16 {background:url(../images/css_images/16x16map.png); width:16px; height:16px;}

.sprite16-add { background-position: 0 0; width: 16px; height: 16px; } 
.sprite16-analysis { background-position: 0 -17px; width: 16px; height: 16px; } 
.sprite16-arrow_left { background-position: 0 -34px; width: 16px; height: 16px; } 
.sprite16-arrow_right { background-position: 0 -51px; width: 16px; height: 16px; } 
.sprite16-attachment { background-position: 0 -68px; width: 16px; height: 16px; } 
.sprite16-autocomplete { background-position: 0 -85px; width: 16px; height: 16px; } 
.sprite16-bookmark { background-position: 0 -102px; width: 16px; height: 16px; } 
.sprite16-bookmark_add { background-position: 0 -119px; width: 16px; height: 16px; } 
.sprite16-branch { background-position: 0 -136px; width: 16px; height: 16px; } 
.sprite16-calendar { background-position: 0 -153px; width: 16px; height: 16px; } 
.sprite16-calendar_selection_all { background-position: 0 -170px; width: 16px; height: 16px; } 
.sprite16-calendar_selection_day { background-position: 0 -187px; width: 16px; height: 16px; } 
.sprite16-calendar_selection_month { background-position: 0 -204px; width: 16px; height: 16px; } 
.sprite16-calendar_selection_week { background-position: 0 -221px; width: 16px; height: 16px; } 
.sprite16-categories { background-position: 0 -238px; width: 16px; height: 16px; } 
.sprite16-certificate { background-position: 0 -255px; width: 16px; height: 16px; } 
.sprite16-chat { background-position: 0 -272px; width: 16px; height: 16px; } 
.sprite16-clock { background-position: 0 -289px; width: 16px; height: 16px; } 
.sprite16-close { background-position: 0 -306px; width: 16px; height: 16px; } 
.sprite16-comment_add { background-position: 0 -323px; width: 16px; height: 16px; } 
.sprite16-content { background-position: 0 -340px; width: 16px; height: 16px; } 
.sprite16-continue { background-position: 0 -357px; width: 16px; height: 16px; } 
.sprite16-copy { background-position: 0 -374px; width: 16px; height: 16px; } 
.sprite16-courses { background-position: 0 -391px; width: 16px; height: 16px; } 
.sprite16-edit { background-position: 0 -408px; width: 16px; height: 16px; } 
.sprite16-enterprise { background-position: 0 -425px; width: 16px; height: 16px; } 
.sprite16-error_delete { background-position: 0 -442px; width: 16px; height: 16px; } 
.sprite16-examples { background-position: 0 -459px; width: 16px; height: 16px; } 
.sprite16-examples_failed { background-position: 0 -476px; width: 16px; height: 16px; } 
.sprite16-examples_incomplete { background-position: 0 -493px; width: 16px; height: 16px; } 
.sprite16-examples_passed { background-position: 0 -510px; width: 16px; height: 16px; } 
.sprite16-export { background-position: 0 -527px; width: 16px; height: 16px; } 
.sprite16-facebook { background-position: 0 -544px; width: 16px; height: 16px; } 
.sprite16-feedback { background-position: 0 -561px; width: 16px; height: 16px; } 
.sprite16-feedback_failed { background-position: 0 -578px; width: 16px; height: 16px; } 
.sprite16-feedback_incomplete { background-position: 0 -595px; width: 16px; height: 16px; } 
.sprite16-feedback_passed { background-position: 0 -612px; width: 16px; height: 16px; } 
.sprite16-file_explorer { background-position: 0 -629px; width: 16px; height: 16px; } 
.sprite16-flag_blue { background-position: 0 -646px; width: 16px; height: 16px; } 
.sprite16-flag_green { background-position: 0 -663px; width: 16px; height: 16px; } 
.sprite16-flag_red { background-position: 0 -680px; width: 16px; height: 16px; } 
.sprite16-flag_yellow { background-position: 0 -697px; width: 16px; height: 16px; } 
.sprite16-folder { background-position: 0 -714px; width: 16px; height: 16px; } 
.sprite16-folder_add { background-position: 0 -731px; width: 16px; height: 16px; } 
.sprite16-folder_up { background-position: 0 -748px; width: 16px; height: 16px; } 
.sprite16-forbidden { background-position: 0 -765px; width: 16px; height: 16px; } 
.sprite16-forums { background-position: 0 -782px; width: 16px; height: 16px; } 
.sprite16-generic { background-position: 0 -799px; width: 16px; height: 16px; } 
.sprite16-glossary { background-position: 0 -816px; width: 16px; height: 16px; } 
.sprite16-go_back { background-position: 0 -833px; width: 16px; height: 16px; } 
.sprite16-go_into { background-position: 0 -850px; width: 16px; height: 16px; } 
.sprite16-goto_admin { background-position: 0 -867px; width: 16px; height: 16px; } 
.sprite16-goto_professor { background-position: 0 -884px; width: 16px; height: 16px; } 
.sprite16-goto_student { background-position: 0 -901px; width: 16px; height: 16px; } 
.sprite16-help { background-position: 0 -918px; width: 16px; height: 16px; } 
.sprite16-home { background-position: 0 -935px; width: 16px; height: 16px; } 
.sprite16-import { background-position: 0 -952px; width: 16px; height: 16px; } 
.sprite16-import_export { background-position: 0 -969px; width: 16px; height: 16px; } 
.sprite16-information { background-position: 0 -986px; width: 16px; height: 16px; } 
.sprite16-job_descriptions { background-position: 0 -1003px; width: 16px; height: 16px; } 
.sprite16-layout { background-position: 0 -1020px; width: 16px; height: 16px; } 
.sprite16-lessons { background-position: 0 -1037px; width: 16px; height: 16px; } 
.sprite16-lock { background-position: 0 -1054px; width: 16px; height: 16px; } 
.sprite16-logout { background-position: 0 -1071px; width: 16px; height: 16px; } 
.sprite16-mail { background-position: 0 -1088px; width: 16px; height: 16px; } 
.sprite16-message { background-position: 0 -1105px; width: 16px; height: 16px; } 
.sprite16-minus { background-position: 0 -1122px; width: 16px; height: 16px; } 
.sprite16-minus2 { background-position: 0 -1139px; width: 16px; height: 16px; } 
.sprite16-navigate_down { background-position: 0 -1156px; width: 16px; height: 16px; } 
.sprite16-navigate_left { background-position: 0 -1173px; width: 16px; height: 16px; } 
.sprite16-navigate_right { background-position: 0 -1190px; width: 16px; height: 16px; } 
.sprite16-navigate_up { background-position: 0 -1207px; width: 16px; height: 16px; } 
.sprite16-order { background-position: 0 -1224px; width: 16px; height: 16px; } 
.sprite16-organization { background-position: 0 -1241px; width: 16px; height: 16px; } 
.sprite16-out { background-position: 0 -1258px; width: 16px; height: 16px; } 
.sprite16-paperclip { background-position: 0 -1275px; width: 16px; height: 16px; } 
.sprite16-paste { background-position: 0 -1292px; width: 16px; height: 16px; } 
.sprite16-pause { background-position: 0 -1309px; width: 16px; height: 16px; } 
.sprite16-php { background-position: 0 -1326px; width: 16px; height: 16px; } 
.sprite16-pin_green { background-position: 0 -1343px; width: 16px; height: 16px; } 
.sprite16-pin_red { background-position: 0 -1360px; width: 16px; height: 16px; } 
.sprite16-plus { background-position: 0 -1377px; width: 16px; height: 16px; } 
.sprite16-plus2 { background-position: 0 -1394px; width: 16px; height: 16px; } 
.sprite16-printer { background-position: 0 -1411px; width: 16px; height: 16px; } 
.sprite16-projects { background-position: 0 -1428px; width: 16px; height: 16px; } 
.sprite16-projects_failed { background-position: 0 -1445px; width: 16px; height: 16px; } 
.sprite16-projects_incomplete { background-position: 0 -1462px; width: 16px; height: 16px; } 
.sprite16-projects_passed { background-position: 0 -1479px; width: 16px; height: 16px; } 
.sprite16-question_type_drag_drop { background-position: 0 -1496px; width: 16px; height: 16px; } 
.sprite16-question_type_empty_spaces { background-position: 0 -1513px; width: 16px; height: 16px; } 
.sprite16-question_type_free_text { background-position: 0 -1530px; width: 16px; height: 16px; } 
.sprite16-question_type_match { background-position: 0 -1547px; width: 16px; height: 16px; } 
.sprite16-question_type_multiple_correct { background-position: 0 -1564px; width: 16px; height: 16px; } 
.sprite16-question_type_one_correct { background-position: 0 -1581px; width: 16px; height: 16px; } 
.sprite16-question_type_true_false { background-position: 0 -1598px; width: 16px; height: 16px; } 
.sprite16-refresh { background-position: 0 -1615px; width: 16px; height: 16px; } 
.sprite16-reports { background-position: 0 -1632px; width: 16px; height: 16px; } 
.sprite16-rules { background-position: 0 -1649px; width: 16px; height: 16px; } 
.sprite16-scorm { background-position: 0 -1666px; width: 16px; height: 16px; } 
.sprite16-search { background-position: 0 -1683px; width: 16px; height: 16px; } 
.sprite16-semi_success { background-position: 0 -1700px; width: 16px; height: 16px; } 
.sprite16-shopping_basket_add { background-position: 0 -1717px; width: 16px; height: 16px; } 
.sprite16-skill_gap { background-position: 0 -1734px; width: 16px; height: 16px; } 
.sprite16-skills { background-position: 0 -1751px; width: 16px; height: 16px; } 
.sprite16-social { background-position: 0 -1768px; width: 16px; height: 16px; } 
.sprite16-start { background-position: 0 -1785px; width: 16px; height: 16px; } 
.sprite16-stop { background-position: 0 -1802px; width: 16px; height: 16px; } 
.sprite16-stop_red { background-position: 0 -1819px; width: 16px; height: 16px; } 
.sprite16-success { background-position: 0 -1836px; width: 16px; height: 16px; } 
.sprite16-surveys { background-position: 0 -1853px; width: 16px; height: 16px; } 
.sprite16-tests { background-position: 0 -1870px; width: 16px; height: 16px; } 
.sprite16-tests_failed { background-position: 0 -1887px; width: 16px; height: 16px; } 
.sprite16-tests_incomplete { background-position: 0 -1904px; width: 16px; height: 16px; } 
.sprite16-tests_passed { background-position: 0 -1921px; width: 16px; height: 16px; } 
.sprite16-theory { background-position: 0 -1938px; width: 16px; height: 16px; } 
.sprite16-theory_failed { background-position: 0 -1955px; width: 16px; height: 16px; } 
.sprite16-theory_incomplete { background-position: 0 -1972px; width: 16px; height: 16px; } 
.sprite16-theory_passed { background-position: 0 -1989px; width: 16px; height: 16px; } 
.sprite16-tools { background-position: 0 -2006px; width: 16px; height: 16px; } 
.sprite16-trafficlight_green { background-position: 0 -2023px; width: 16px; height: 16px; } 
.sprite16-trafficlight_red { background-position: 0 -2040px; width: 16px; height: 16px; } 
.sprite16-tree_indicator { background-position: 0 -2057px; width: 16px; height: 16px; } 
.sprite16-uncompress { background-position: 0 -2074px; width: 16px; height: 16px; } 
.sprite16-undo { background-position: 0 -2091px; width: 16px; height: 16px; } 
.sprite16-unit { background-position: 0 -2108px; width: 16px; height: 16px; } 
.sprite16-unlocked { background-position: 0 -2125px; width: 16px; height: 16px; } 
.sprite16-user { background-position: 0 -2142px; width: 16px; height: 16px; } 
.sprite16-user_timeline { background-position: 0 -2159px; width: 16px; height: 16px; } 
.sprite16-user_types { background-position: 0 -2176px; width: 16px; height: 16px; } 
.sprite16-users { background-position: 0 -2193px; width: 16px; height: 16px; } 
.sprite16-warning { background-position: 0 -2210px; width: 16px; height: 16px; } 
.sprite16-wizard { background-position: 0 -2227px; width: 16px; height: 16px; } 


.sprite32-add { background-position: 0 0; width: 32px; height: 32px; } 
.sprite32-addons { background-position: 0 -33px; width: 32px; height: 32px; } 
.sprite32-announcements { background-position: 0 -66px; width: 32px; height: 32px; } 
.sprite32-arrow_left { background-position: 0 -99px; width: 32px; height: 32px; } 
.sprite32-arrow_right { background-position: 0 -132px; width: 32px; height: 32px; } 
.sprite32-autocomplete { background-position: 0 -165px; width: 32px; height: 32px; } 
.sprite32-backup_restore { background-position: 0 -198px; width: 32px; height: 32px; } 
.sprite32-billboard { background-position: 0 -231px; width: 32px; height: 32px; } 
.sprite32-bookmark { background-position: 0 -264px; width: 32px; height: 32px; } 
.sprite32-branch { background-position: 0 -297px; width: 32px; height: 32px; } 
.sprite32-calendar { background-position: 0 -330px; width: 32px; height: 32px; } 
.sprite32-catalog { background-position: 0 -363px; width: 32px; height: 32px; } 
.sprite32-categories { background-position: 0 -396px; width: 32px; height: 32px; } 
.sprite32-certificate { background-position: 0 -429px; width: 32px; height: 32px; } 
.sprite32-chat { background-position: 0 -462px; width: 32px; height: 32px; } 
.sprite32-cleanup { background-position: 0 -495px; width: 32px; height: 32px; } 
.sprite32-clock { background-position: 0 -528px; width: 32px; height: 32px; } 
.sprite32-close { background-position: 0 -561px; width: 32px; height: 32px; } 
.sprite32-content { background-position: 0 -594px; width: 32px; height: 32px; } 
.sprite32-content_reorder { background-position: 0 -627px; width: 32px; height: 32px; } 
.sprite32-content_tree { background-position: 0 -660px; width: 32px; height: 32px; } 
.sprite32-continue { background-position: 0 -693px; width: 32px; height: 32px; } 
.sprite32-courses { background-position: 0 -726px; width: 32px; height: 32px; } 
.sprite32-curriculum { background-position: 0 -759px; width: 32px; height: 32px; } 
.sprite32-custom_reports { background-position: 0 -792px; width: 32px; height: 32px; } 
.sprite32-directory { background-position: 0 -825px; width: 32px; height: 32px; } 
.sprite32-edit { background-position: 0 -858px; width: 32px; height: 32px; } 
.sprite32-enterprise { background-position: 0 -891px; width: 32px; height: 32px; } 
.sprite32-error_delete { background-position: 0 -924px; width: 32px; height: 32px; } 
.sprite32-examples { background-position: 0 -957px; width: 32px; height: 32px; } 
.sprite32-exclamation { background-position: 0 -990px; width: 32px; height: 32px; } 
.sprite32-export { background-position: 0 -1023px; width: 32px; height: 32px; } 
.sprite32-facebook { background-position: 0 -1056px; width: 32px; height: 32px; } 
.sprite32-feedback { background-position: 0 -1089px; width: 32px; height: 32px; } 
.sprite32-file_explorer { background-position: 0 -1122px; width: 32px; height: 32px; } 
.sprite32-folders { background-position: 0 -1155px; width: 32px; height: 32px; } 
.sprite32-forum { background-position: 0 -1188px; width: 32px; height: 32px; } 
.sprite32-generic { background-position: 0 -1221px; width: 32px; height: 32px; } 
.sprite32-glossary { background-position: 0 -1254px; width: 32px; height: 32px; } 
.sprite32-go_back { background-position: 0 -1287px; width: 32px; height: 32px; } 
.sprite32-graduation { background-position: 0 -1320px; width: 32px; height: 32px; } 
.sprite32-hide_left { background-position: 0 -1353px; width: 32px; height: 32px; } 
.sprite32-hide_right { background-position: 0 -1386px; width: 32px; height: 32px; } 
.sprite32-home { background-position: 0 -1419px; width: 32px; height: 32px; } 
.sprite32-import { background-position: 0 -1452px; width: 32px; height: 32px; } 
.sprite32-import_export { background-position: 0 -1485px; width: 32px; height: 32px; } 
.sprite32-information { background-position: 0 -1518px; width: 32px; height: 32px; } 
.sprite32-job_description { background-position: 0 -1551px; width: 32px; height: 32px; } 
.sprite32-key { background-position: 0 -1584px; width: 32px; height: 32px; } 
.sprite32-keys { background-position: 0 -1617px; width: 32px; height: 32px; } 
.sprite32-languages { background-position: 0 -1650px; width: 32px; height: 32px; } 
.sprite32-layout { background-position: 0 -1683px; width: 32px; height: 32px; } 
.sprite32-lesson_copy { background-position: 0 -1716px; width: 32px; height: 32px; } 
.sprite32-lessons { background-position: 0 -1749px; width: 32px; height: 32px; } 
.sprite32-locale { background-position: 0 -1782px; width: 32px; height: 32px; } 
.sprite32-lock { background-position: 0 -1815px; width: 32px; height: 32px; } 
.sprite32-logout { background-position: 0 -1848px; width: 32px; height: 32px; } 
.sprite32-mail { background-position: 0 -1881px; width: 32px; height: 32px; } 
.sprite32-mailbox { background-position: 0 -1914px; width: 32px; height: 32px; } 
.sprite32-maintenance { background-position: 0 -1947px; width: 32px; height: 32px; } 
.sprite32-message { background-position: 0 -1980px; width: 32px; height: 32px; } 
.sprite32-navigate_left { background-position: 0 -2013px; width: 32px; height: 32px; } 
.sprite32-navigate_right { background-position: 0 -2046px; width: 32px; height: 32px; } 
.sprite32-note { background-position: 0 -2079px; width: 32px; height: 32px; } 
.sprite32-notifications { background-position: 0 -2112px; width: 32px; height: 32px; } 
.sprite32-options { background-position: 0 -2145px; width: 32px; height: 32px; } 
.sprite32-order { background-position: 0 -2178px; width: 32px; height: 32px; } 
.sprite32-organization { background-position: 0 -2211px; width: 32px; height: 32px; } 
.sprite32-paypal { background-position: 0 -2244px; width: 32px; height: 32px; } 
.sprite32-percent { background-position: 0 -2277px; width: 32px; height: 32px; } 
.sprite32-photo { background-position: 0 -2310px; width: 32px; height: 32px; } 
.sprite32-php { background-position: 0 -2343px; width: 32px; height: 32px; } 
.sprite32-polls { background-position: 0 -2376px; width: 32px; height: 32px; } 
.sprite32-printer { background-position: 0 -2409px; width: 32px; height: 32px; } 
.sprite32-profile { background-position: 0 -2442px; width: 32px; height: 32px; } 
.sprite32-profile_add { background-position: 0 -2475px; width: 32px; height: 32px; } 
.sprite32-projects { background-position: 0 -2508px; width: 32px; height: 32px; } 
.sprite32-question_and_answer { background-position: 0 -2541px; width: 32px; height: 32px; } 
.sprite32-reports { background-position: 0 -2574px; width: 32px; height: 32px; } 
.sprite32-rules { background-position: 0 -2607px; width: 32px; height: 32px; } 
.sprite32-schedule { background-position: 0 -2640px; width: 32px; height: 32px; } 
.sprite32-scorm { background-position: 0 -2673px; width: 32px; height: 32px; } 
.sprite32-search { background-position: 0 -2706px; width: 32px; height: 32px; } 
.sprite32-semi_success { background-position: 0 -2739px; width: 32px; height: 32px; } 
.sprite32-settings { background-position: 0 -2772px; width: 32px; height: 32px; } 
.sprite32-shopping_basket { background-position: 0 -2805px; width: 32px; height: 32px; } 
.sprite32-shopping_basket_add { background-position: 0 -2838px; width: 32px; height: 32px; } 
.sprite32-skill_gap { background-position: 0 -2871px; width: 32px; height: 32px; } 
.sprite32-skills { background-position: 0 -2904px; width: 32px; height: 32px; } 
.sprite32-social { background-position: 0 -2937px; width: 32px; height: 32px; } 
.sprite32-spacer { background-position: 0 -2970px; width: 1px; height: 1px; } 
.sprite32-start { background-position: 0 -2972px; width: 32px; height: 32px; } 
.sprite32-status { background-position: 0 -3005px; width: 32px; height: 32px; } 
.sprite32-success { background-position: 0 -3038px; width: 32px; height: 32px; } 
.sprite32-surveys { background-position: 0 -3071px; width: 32px; height: 32px; } 
.sprite32-tests { background-position: 0 -3104px; width: 32px; height: 32px; } 
.sprite32-themes { background-position: 0 -3137px; width: 32px; height: 32px; } 
.sprite32-theory { background-position: 0 -3170px; width: 32px; height: 32px; } 
.sprite32-tools { background-position: 0 -3203px; width: 32px; height: 32px; } 
.sprite32-unit { background-position: 0 -3236px; width: 32px; height: 32px; } 
.sprite32-unit_completed { background-position: 0 -3269px; width: 32px; height: 32px; } 
.sprite32-user { background-position: 0 -3302px; width: 32px; height: 32px; } 
.sprite32-user_mapping { background-position: 0 -3335px; width: 32px; height: 32px; } 
.sprite32-user_timeline { background-position: 0 -3368px; width: 32px; height: 32px; } 
.sprite32-user_types { background-position: 0 -3401px; width: 32px; height: 32px; } 
.sprite32-users { background-position: 0 -3434px; width: 32px; height: 32px; } 
.sprite32-warning { background-position: 0 -3467px; width: 32px; height: 32px; } 
.sprite32-wizard { background-position: 0 -3500px; width: 32px; height: 32px; } 


div.block .title {
    color: #141412;
}

tr.lessonsList td.listPadding, tr.lessonsList td, div.block .toolbar span, ul.tabbernav li a:hover, table.subSection td.sortedTableFooter, td.sortedTableFooter, div.messageContents, ul.tabbernav li a {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

div.block .toolbar span.selected, div.block .toolbar span:hover, ul.tabbernav li a:hover, ul.tabbernav li.tabberactive a, .questionWeight, .goldBG {
    background: #fceabb; /* Old browsers */
    background: -moz-linear-gradient(top,  #fceabb 0%, #fcef00 51%, #ffdd00 53%, #fbdf93 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(51%,#fcef00), color-stop(53%,#ffdd00), color-stop(100%,#fbdf93)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fceabb 0%,#fcef00 51%,#ffdd00 53%,#fbdf93 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fceabb 0%,#fcef00 51%,#ffdd00 53%,#fbdf93 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fceabb 0%,#fcef00 51%,#ffdd00 53%,#fbdf93 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fceabb 0%,#fcef00 51%,#ffdd00 53%,#fbdf93 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
}


.red {
    color: red;
}
.redBG {
    background-color: #b94a48;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    vertical-align: baseline;

}
.green { 
    color: teal;
}
.blue {
    color: blue;
}
.gray {
    color: gray;
}



/* Twitter Bootstrap */

table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}

.table {
    width: 100%;
    margin-bottom: 20px;
}

.table th,
.table td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}

.table th {
    font-weight: bold;
}

.table thead th {
    vertical-align: bottom;
}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
    border-top: 0;
}

.table tbody + tbody {
    border-top: 2px solid #dddddd;
}

.table .table {
    background-color: #ffffff;
}

.table-condensed th,
.table-condensed td {
    padding: 4px 5px;
}

.table-bordered {
    border: 1px solid #dddddd;
    border-collapse: separate;
    *border-collapse: collapse;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.table-bordered th,
.table-bordered td {
    border-left: 1px solid #dddddd;
}

.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
    border-top: 0;
}

.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
}

.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
}

.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child {
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
}

.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
}

.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
}

.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
    background-color: #f5f5f5;
}

table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
    display: table-cell;
    float: none;
    margin-left: 0;
}

.table td.span1,
.table th.span1 {
    float: none;
    width: 44px;
    margin-left: 0;
}

.table td.span2,
.table th.span2 {
    float: none;
    width: 124px;
    margin-left: 0;
}

.table td.span3,
.table th.span3 {
    float: none;
    width: 204px;
    margin-left: 0;
}

.table td.span4,
.table th.span4 {
    float: none;
    width: 284px;
    margin-left: 0;
}

.table td.span5,
.table th.span5 {
    float: none;
    width: 364px;
    margin-left: 0;
}

.table td.span6,
.table th.span6 {
    float: none;
    width: 444px;
    margin-left: 0;
}

.table td.span7,
.table th.span7 {
    float: none;
    width: 524px;
    margin-left: 0;
}

.table td.span8,
.table th.span8 {
    float: none;
    width: 604px;
    margin-left: 0;
}

.table td.span9,
.table th.span9 {
    float: none;
    width: 684px;
    margin-left: 0;
}

.table td.span10,
.table th.span10 {
    float: none;
    width: 764px;
    margin-left: 0;
}

.table td.span11,
.table th.span11 {
    float: none;
    width: 844px;
    margin-left: 0;
}

.table td.span12,
.table th.span12 {
    float: none;
    width: 924px;
    margin-left: 0;
}

.table tbody tr.success > td {
    background-color: #dff0d8;
}

.table tbody tr.error > td {
    background-color: #f2dede;
}

.table tbody tr.warning > td {
    background-color: #fcf8e3;
}

.table tbody tr.info > td {
    background-color: #d9edf7;
}

.table-hover tbody tr.success:hover > td {
    background-color: #d0e9c6;
}

.table-hover tbody tr.error:hover > td {
    background-color: #ebcccc;
}

.table-hover tbody tr.warning:hover > td {
    background-color: #faf2cc;
}

.table-hover tbody tr.info:hover > td {
    background-color: #c4e3f3;
}

/* BOLEBOR modification */
#unitContent {
    font-size: 13px;    
}

#unitContent p {
    margin: 7px 0px;
}

#unitContent li {
    margin-top: 7px;
}

#unitContent p:before { 
    /*content: '\0000a0\0000a0\0000a0\0000a0';*/
}

#unitContent blockquote {
    font-style: italic;
    padding: 10px;
    margin: 15px 10px;

    background: #FaFaFa;
    border: 1px dashed rgb(187, 187, 187);
}

#unitContent blockquote :first-child {
    margin-top: 0px;
}

#unitContent blockquote :last-child {
    margin-bottom: 0px;
}

#unitContent strong, #unitContent b {
    font-weight: 600;
}


.map-wrapper {
    position: relative;
}



/* END Twitter Bootstrap */

/* font awesome */

@font-face{
    font-family:'FontAwesome';src:url('../font/fontawesome-webfont.eot?v=3.2.1');
    src:url('../font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),
        url('../font/fontawesome-webfont.woff?v=3.2.1') format('woff'),
        url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),
        url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
    font-weight:normal;font-style:normal;
}
[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;}
[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;}
.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;}
a [class^="icon-"],a [class*=" icon-"]{display:inline;}
[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;}
.icons-ul{margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;}
.icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit;}
[class^="icon-"].hide,[class*=" icon-"].hide{display:none;}
.icon-muted{color:#eeeeee;}
.icon-light{color:#ffffff;}
.icon-dark{color:#333333;}
.icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}
.pull-right{float:right;}
.pull-left{float:left;}
[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;}
[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;}
[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;}
.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;}
.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;}
.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;}
.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;}
.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;}
.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{line-height:inherit;}
.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;}
.icon-stack .icon-stack-base{font-size:2em;*line-height:1em;}
.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}
a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);}
.icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);}
a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;}
.icon-glass:before{content:"\f000";}
.icon-music:before{content:"\f001";}
.icon-search:before{content:"\f002";}
.icon-envelope-alt:before{content:"\f003";}
.icon-heart:before{content:"\f004";}
.icon-star:before{content:"\f005";}
.icon-star-empty:before{content:"\f006";}
.icon-user:before{content:"\f007";}
.icon-film:before{content:"\f008";}
.icon-th-large:before{content:"\f009";}
.icon-th:before{content:"\f00a";}
.icon-th-list:before{content:"\f00b";}
.icon-ok:before{content:"\f00c";}
.icon-remove:before{content:"\f00d";}
.icon-zoom-in:before{content:"\f00e";}
.icon-zoom-out:before{content:"\f010";}
.icon-power-off:before,.icon-off:before{content:"\f011";}
.icon-signal:before{content:"\f012";}
.icon-gear:before,.icon-cog:before{content:"\f013";}
.icon-trash:before{content:"\f014";}
.icon-home:before{content:"\f015";}
.icon-file-alt:before{content:"\f016";}
.icon-time:before{content:"\f017";}
.icon-road:before{content:"\f018";}
.icon-download-alt:before{content:"\f019";}
.icon-download:before{content:"\f01a";}
.icon-upload:before{content:"\f01b";}
.icon-inbox:before{content:"\f01c";}
.icon-play-circle:before{content:"\f01d";}
.icon-rotate-right:before,.icon-repeat:before{content:"\f01e";}
.icon-refresh:before{content:"\f021";}
.icon-list-alt:before{content:"\f022";}
.icon-lock:before{content:"\f023";}
.icon-flag:before{content:"\f024";}
.icon-headphones:before{content:"\f025";}
.icon-volume-off:before{content:"\f026";}
.icon-volume-down:before{content:"\f027";}
.icon-volume-up:before{content:"\f028";}
.icon-qrcode:before{content:"\f029";}
.icon-barcode:before{content:"\f02a";}
.icon-tag:before{content:"\f02b";}
.icon-tags:before{content:"\f02c";}
.icon-book:before{content:"\f02d";}
.icon-bookmark:before{content:"\f02e";}
.icon-print:before{content:"\f02f";}
.icon-camera:before{content:"\f030";}
.icon-font:before{content:"\f031";}
.icon-bold:before{content:"\f032";}
.icon-italic:before{content:"\f033";}
.icon-text-height:before{content:"\f034";}
.icon-text-width:before{content:"\f035";}
.icon-align-left:before{content:"\f036";}
.icon-align-center:before{content:"\f037";}
.icon-align-right:before{content:"\f038";}
.icon-align-justify:before{content:"\f039";}
.icon-list:before{content:"\f03a";}
.icon-indent-left:before{content:"\f03b";}
.icon-indent-right:before{content:"\f03c";}
.icon-facetime-video:before{content:"\f03d";}
.icon-picture:before{content:"\f03e";}
.icon-pencil:before{content:"\f040";}
.icon-map-marker:before{content:"\f041";}
.icon-adjust:before{content:"\f042";}
.icon-tint:before{content:"\f043";}
.icon-edit:before{content:"\f044";}
.icon-share:before{content:"\f045";}
.icon-check:before{content:"\f046";}
.icon-move:before{content:"\f047";}
.icon-step-backward:before{content:"\f048";}
.icon-fast-backward:before{content:"\f049";}
.icon-backward:before{content:"\f04a";}
.icon-play:before{content:"\f04b";}
.icon-pause:before{content:"\f04c";}
.icon-stop:before{content:"\f04d";}
.icon-forward:before{content:"\f04e";}
.icon-fast-forward:before{content:"\f050";}
.icon-step-forward:before{content:"\f051";}
.icon-eject:before{content:"\f052";}
.icon-chevron-left:before{content:"\f053";}
.icon-chevron-right:before{content:"\f054";}
.icon-plus-sign:before{content:"\f055";}
.icon-minus-sign:before{content:"\f056";}
.icon-remove-sign:before{content:"\f057";}
.icon-ok-sign:before{content:"\f058";}
.icon-question-sign:before{content:"\f059";}
.icon-info-sign:before{content:"\f05a";}
.icon-screenshot:before{content:"\f05b";}
.icon-remove-circle:before{content:"\f05c";}
.icon-ok-circle:before{content:"\f05d";}
.icon-ban-circle:before{content:"\f05e";}
.icon-arrow-left:before{content:"\f060";}
.icon-arrow-right:before{content:"\f061";}
.icon-arrow-up:before{content:"\f062";}
.icon-arrow-down:before{content:"\f063";}
.icon-mail-forward:before,.icon-share-alt:before{content:"\f064";}
.icon-resize-full:before{content:"\f065";}
.icon-resize-small:before{content:"\f066";}
.icon-plus:before{content:"\f067";}
.icon-minus:before{content:"\f068";}
.icon-asterisk:before{content:"\f069";}
.icon-exclamation-sign:before{content:"\f06a";}
.icon-gift:before{content:"\f06b";}
.icon-leaf:before{content:"\f06c";}
.icon-fire:before{content:"\f06d";}
.icon-eye-open:before{content:"\f06e";}
.icon-eye-close:before{content:"\f070";}
.icon-warning-sign:before{content:"\f071";}
.icon-plane:before{content:"\f072";}
.icon-calendar:before{content:"\f073";}
.icon-random:before{content:"\f074";}
.icon-comment:before{content:"\f075";}
.icon-magnet:before{content:"\f076";}
.icon-chevron-up:before{content:"\f077";}
.icon-chevron-down:before{content:"\f078";}
.icon-retweet:before{content:"\f079";}
.icon-shopping-cart:before{content:"\f07a";}
.icon-folder-close:before{content:"\f07b";}
.icon-folder-open:before{content:"\f07c";}
.icon-resize-vertical:before{content:"\f07d";}
.icon-resize-horizontal:before{content:"\f07e";}
.icon-bar-chart:before{content:"\f080";}
.icon-twitter-sign:before{content:"\f081";}
.icon-facebook-sign:before{content:"\f082";}
.icon-camera-retro:before{content:"\f083";}
.icon-key:before{content:"\f084";}
.icon-gears:before,.icon-cogs:before{content:"\f085";}
.icon-comments:before{content:"\f086";}
.icon-thumbs-up-alt:before{content:"\f087";}
.icon-thumbs-down-alt:before{content:"\f088";}
.icon-star-half:before{content:"\f089";}
.icon-heart-empty:before{content:"\f08a";}
.icon-signout:before{content:"\f08b";}
.icon-linkedin-sign:before{content:"\f08c";}
.icon-pushpin:before{content:"\f08d";}
.icon-external-link:before{content:"\f08e";}
.icon-signin:before{content:"\f090";}
.icon-trophy:before{content:"\f091";}
.icon-github-sign:before{content:"\f092";}
.icon-upload-alt:before{content:"\f093";}
.icon-lemon:before{content:"\f094";}
.icon-phone:before{content:"\f095";}
.icon-unchecked:before,.icon-check-empty:before{content:"\f096";}
.icon-bookmark-empty:before{content:"\f097";}
.icon-phone-sign:before{content:"\f098";}
.icon-twitter:before{content:"\f099";}
.icon-facebook:before{content:"\f09a";}
.icon-github:before{content:"\f09b";}
.icon-unlock:before{content:"\f09c";}
.icon-credit-card:before{content:"\f09d";}
.icon-rss:before{content:"\f09e";}
.icon-hdd:before{content:"\f0a0";}
.icon-bullhorn:before{content:"\f0a1";}
.icon-bell:before{content:"\f0a2";}
.icon-certificate:before{content:"\f0a3";}
.icon-hand-right:before{content:"\f0a4";}
.icon-hand-left:before{content:"\f0a5";}
.icon-hand-up:before{content:"\f0a6";}
.icon-hand-down:before{content:"\f0a7";}
.icon-circle-arrow-left:before{content:"\f0a8";}
.icon-circle-arrow-right:before{content:"\f0a9";}
.icon-circle-arrow-up:before{content:"\f0aa";}
.icon-circle-arrow-down:before{content:"\f0ab";}
.icon-globe:before{content:"\f0ac";}
.icon-wrench:before{content:"\f0ad";}
.icon-tasks:before{content:"\f0ae";}
.icon-filter:before{content:"\f0b0";}
.icon-briefcase:before{content:"\f0b1";}
.icon-fullscreen:before{content:"\f0b2";}
.icon-group:before{content:"\f0c0";}
.icon-link:before{content:"\f0c1";}
.icon-cloud:before{content:"\f0c2";}
.icon-beaker:before{content:"\f0c3";}
.icon-cut:before{content:"\f0c4";}
.icon-copy:before{content:"\f0c5";}
.icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6";}
.icon-save:before{content:"\f0c7";}
.icon-sign-blank:before{content:"\f0c8";}
.icon-reorder:before{content:"\f0c9";}
.icon-list-ul:before{content:"\f0ca";}
.icon-list-ol:before{content:"\f0cb";}
.icon-strikethrough:before{content:"\f0cc";}
.icon-underline:before{content:"\f0cd";}
.icon-table:before{content:"\f0ce";}
.icon-magic:before{content:"\f0d0";}
.icon-truck:before{content:"\f0d1";}
.icon-pinterest:before{content:"\f0d2";}
.icon-pinterest-sign:before{content:"\f0d3";}
.icon-google-plus-sign:before{content:"\f0d4";}
.icon-google-plus:before{content:"\f0d5";}
.icon-money:before{content:"\f0d6";}
.icon-caret-down:before{content:"\f0d7";}
.icon-caret-up:before{content:"\f0d8";}
.icon-caret-left:before{content:"\f0d9";}
.icon-caret-right:before{content:"\f0da";}
.icon-columns:before{content:"\f0db";}
.icon-sort:before{content:"\f0dc";}
.icon-sort-down:before{content:"\f0dd";}
.icon-sort-up:before{content:"\f0de";}
.icon-envelope:before{content:"\f0e0";}
.icon-linkedin:before{content:"\f0e1";}
.icon-rotate-left:before,.icon-undo:before{content:"\f0e2";}
.icon-legal:before{content:"\f0e3";}
.icon-dashboard:before{content:"\f0e4";}
.icon-comment-alt:before{content:"\f0e5";}
.icon-comments-alt:before{content:"\f0e6";}
.icon-bolt:before{content:"\f0e7";}
.icon-sitemap:before{content:"\f0e8";}
.icon-umbrella:before{content:"\f0e9";}
.icon-paste:before{content:"\f0ea";}
.icon-lightbulb:before{content:"\f0eb";}
.icon-exchange:before{content:"\f0ec";}
.icon-cloud-download:before{content:"\f0ed";}
.icon-cloud-upload:before{content:"\f0ee";}
.icon-user-md:before{content:"\f0f0";}
.icon-stethoscope:before{content:"\f0f1";}
.icon-suitcase:before{content:"\f0f2";}
.icon-bell-alt:before{content:"\f0f3";}
.icon-coffee:before{content:"\f0f4";}
.icon-food:before{content:"\f0f5";}
.icon-file-text-alt:before{content:"\f0f6";}
.icon-building:before{content:"\f0f7";}
.icon-hospital:before{content:"\f0f8";}
.icon-ambulance:before{content:"\f0f9";}
.icon-medkit:before{content:"\f0fa";}
.icon-fighter-jet:before{content:"\f0fb";}
.icon-beer:before{content:"\f0fc";}
.icon-h-sign:before{content:"\f0fd";}
.icon-plus-sign-alt:before{content:"\f0fe";}
.icon-double-angle-left:before{content:"\f100";}
.icon-double-angle-right:before{content:"\f101";}
.icon-double-angle-up:before{content:"\f102";}
.icon-double-angle-down:before{content:"\f103";}
.icon-angle-left:before{content:"\f104";}
.icon-angle-right:before{content:"\f105";}
.icon-angle-up:before{content:"\f106";}
.icon-angle-down:before{content:"\f107";}
.icon-desktop:before{content:"\f108";}
.icon-laptop:before{content:"\f109";}
.icon-tablet:before{content:"\f10a";}
.icon-mobile-phone:before{content:"\f10b";}
.icon-circle-blank:before{content:"\f10c";}
.icon-quote-left:before{content:"\f10d";}
.icon-quote-right:before{content:"\f10e";}
.icon-spinner:before{content:"\f110";}
.icon-circle:before{content:"\f111";}
.icon-mail-reply:before,.icon-reply:before{content:"\f112";}
.icon-github-alt:before{content:"\f113";}
.icon-folder-close-alt:before{content:"\f114";}
.icon-folder-open-alt:before{content:"\f115";}
.icon-expand-alt:before{content:"\f116";}
.icon-collapse-alt:before{content:"\f117";}
.icon-smile:before{content:"\f118";}
.icon-frown:before{content:"\f119";}
.icon-meh:before{content:"\f11a";}
.icon-gamepad:before{content:"\f11b";}
.icon-keyboard:before{content:"\f11c";}
.icon-flag-alt:before{content:"\f11d";}
.icon-flag-checkered:before{content:"\f11e";}
.icon-terminal:before{content:"\f120";}
.icon-code:before{content:"\f121";}
.icon-reply-all:before{content:"\f122";}
.icon-mail-reply-all:before{content:"\f122";}
.icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";}
.icon-location-arrow:before{content:"\f124";}
.icon-crop:before{content:"\f125";}
.icon-code-fork:before{content:"\f126";}
.icon-unlink:before{content:"\f127";}
.icon-question:before{content:"\f128";}
.icon-info:before{content:"\f129";}
.icon-exclamation:before{content:"\f12a";}
.icon-superscript:before{content:"\f12b";}
.icon-subscript:before{content:"\f12c";}
.icon-eraser:before{content:"\f12d";}
.icon-puzzle-piece:before{content:"\f12e";}
.icon-microphone:before{content:"\f130";}
.icon-microphone-off:before{content:"\f131";}
.icon-shield:before{content:"\f132";}
.icon-calendar-empty:before{content:"\f133";}
.icon-fire-extinguisher:before{content:"\f134";}
.icon-rocket:before{content:"\f135";}
.icon-maxcdn:before{content:"\f136";}
.icon-chevron-sign-left:before{content:"\f137";}
.icon-chevron-sign-right:before{content:"\f138";}
.icon-chevron-sign-up:before{content:"\f139";}
.icon-chevron-sign-down:before{content:"\f13a";}
.icon-html5:before{content:"\f13b";}
.icon-css3:before{content:"\f13c";}
.icon-anchor:before{content:"\f13d";}
.icon-unlock-alt:before{content:"\f13e";}
.icon-bullseye:before{content:"\f140";}
.icon-ellipsis-horizontal:before{content:"\f141";}
.icon-ellipsis-vertical:before{content:"\f142";}
.icon-rss-sign:before{content:"\f143";}
.icon-play-sign:before{content:"\f144";}
.icon-ticket:before{content:"\f145";}
.icon-minus-sign-alt:before{content:"\f146";}
.icon-check-minus:before{content:"\f147";}
.icon-level-up:before{content:"\f148";}
.icon-level-down:before{content:"\f149";}
.icon-check-sign:before{content:"\f14a";}
.icon-edit-sign:before{content:"\f14b";}
.icon-external-link-sign:before{content:"\f14c";}
.icon-share-sign:before{content:"\f14d";}
.icon-compass:before{content:"\f14e";}
.icon-collapse:before{content:"\f150";}
.icon-collapse-top:before{content:"\f151";}
.icon-expand:before{content:"\f152";}
.icon-euro:before,.icon-eur:before{content:"\f153";}
.icon-gbp:before{content:"\f154";}
.icon-dollar:before,.icon-usd:before{content:"\f155";}
.icon-rupee:before,.icon-inr:before{content:"\f156";}
.icon-yen:before,.icon-jpy:before{content:"\f157";}
.icon-renminbi:before,.icon-cny:before{content:"\f158";}
.icon-won:before,.icon-krw:before{content:"\f159";}
.icon-bitcoin:before,.icon-btc:before{content:"\f15a";}
.icon-file:before{content:"\f15b";}
.icon-file-text:before{content:"\f15c";}
.icon-sort-by-alphabet:before{content:"\f15d";}
.icon-sort-by-alphabet-alt:before{content:"\f15e";}
.icon-sort-by-attributes:before{content:"\f160";}
.icon-sort-by-attributes-alt:before{content:"\f161";}
.icon-sort-by-order:before{content:"\f162";}
.icon-sort-by-order-alt:before{content:"\f163";}
.icon-thumbs-up:before{content:"\f164";}
.icon-thumbs-down:before{content:"\f165";}
.icon-youtube-sign:before{content:"\f166";}
.icon-youtube:before{content:"\f167";}
.icon-xing:before{content:"\f168";}
.icon-xing-sign:before{content:"\f169";}
.icon-youtube-play:before{content:"\f16a";}
.icon-dropbox:before{content:"\f16b";}
.icon-stackexchange:before{content:"\f16c";}
.icon-instagram:before{content:"\f16d";}
.icon-flickr:before{content:"\f16e";}
.icon-adn:before{content:"\f170";}
.icon-bitbucket:before{content:"\f171";}
.icon-bitbucket-sign:before{content:"\f172";}
.icon-tumblr:before{content:"\f173";}
.icon-tumblr-sign:before{content:"\f174";}
.icon-long-arrow-down:before{content:"\f175";}
.icon-long-arrow-up:before{content:"\f176";}
.icon-long-arrow-left:before{content:"\f177";}
.icon-long-arrow-right:before{content:"\f178";}
.icon-apple:before{content:"\f179";}
.icon-windows:before{content:"\f17a";}
.icon-android:before{content:"\f17b";}
.icon-linux:before{content:"\f17c";}
.icon-dribbble:before{content:"\f17d";}
.icon-skype:before{content:"\f17e";}
.icon-foursquare:before{content:"\f180";}
.icon-trello:before{content:"\f181";}
.icon-female:before{content:"\f182";}
.icon-male:before{content:"\f183";}
.icon-gittip:before{content:"\f184";}
.icon-sun:before{content:"\f185";}
.icon-moon:before{content:"\f186";}
.icon-archive:before{content:"\f187";}
.icon-bug:before{content:"\f188";}
.icon-vk:before{content:"\f189";}
.icon-weibo:before{content:"\f18a";}
.icon-renren:before{content:"\f18b";}
/* END font awesome */

@media screen and (max-width: 990px) {
    .fl {
        margin-left: 5px;
    }

    .fr {
        margin-right: 5px;
    }
}

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

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

.btn-download{
    display: inline-block;
    font-size: 18px;
    padding: 10px 30px;
    margin: 12px;
    border-radius: 10px;
    background-color: #4F97D7;
    color: #FFFFFF !important;
    transition: 300ms;
}

.btn-download:hover {
    background-color: #3D86C6;
    text-shadow: none;
    color: #FFFFFF;

}

.blue-link{
    color: #4F97D7 !important;
}

.spacer {
    margin: 2em;
}

.flex-space-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.custom-radio {
    display: inline-block;
    width: 100px;
}

.btn-button {
    border-radius: 10px;
    padding: 10px 30px;
    margin: 0 5px;
    font-size: 1.3em;
}

.blue-filled-button {
    border: 2px solid #3d85c6;
    background: #3d85c6;
    color: #ffffff !important;
}

.btn-button:hover {
    text-shadow: none;
}

.blue-outline-button {
    border: 2px solid #3d85c6;
    background: #ffffff;
    color: #3d85c6 !important;
}