@font-face { font-family: RobotoSlab; font-weight: normal; src: url('fonts/RobotoSlab-Regular.ttf') format('truetype'); } 
@font-face { font-family: RobotoSlab; font-weight: 300; src: url('fonts/RobotoSlab-Light.ttf') format('truetype'); } 
@font-face { font-family: Lato; font-weight: normal; src: url('fonts/Lato-Reg.ttf') format('truetype'); } 
@font-face { font-family: Lato; font-weight: 300; src: url('fonts/Lato-Lig.ttf') format('truetype'); } 
@font-face { font-family: Lato; font-weight: bold; src: url('fonts/Lato-Bol.ttf') format('truetype'); } 
@font-face { font-family: DroidSerif; font-weight: normal; src: url('fonts/DroidSerif-Regular.ttf') format('truetype'); } 
@font-face { font-family: DroidSerif; font-weight: bold; src: url('fonts/DroidSerif-Bold.ttf') format('truetype'); } 
@font-face { font-family: OpenSans; font-weight: 300; src: url('fonts/OpenSans-Light.ttf') format('truetype'); } 
@font-face { font-family: OpenSans; font-weight: normal; src: url('fonts/OpenSans-Regular.ttf') format('truetype'); } 
@font-face { font-family: OpenSans; font-weight: 400; src: url('fonts/OpenSans-Semibold.ttf') format('truetype'); } 
@font-face { font-family: DroidSans; font-weight: normal;src: url('fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/DroidSans-webfont.ttf') format('truetype');}
@font-face { font-family: DroidSans; font-weight: bold;src: url('fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/DroidSans-Bold-webfont.ttf') format('truetype');}
@font-face { font-family: Roboto; font-weight: normal;src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/Roboto-Regular-webfont.ttf') format('truetype');}
@font-face { font-family: Roboto; font-weight: 300;src: url('fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/Roboto-Light-webfont.ttf') format('truetype');}
@font-face { font-family: Roboto; font-weight: bold;src: url('fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/Roboto-Bold-webfont.ttf') format('truetype');}
@font-face { font-family: RobotoCondensed; font-weight: normal;src: url('fonts/RobotoCondensed-Regular.ttf') format('truetype');}
@font-face { font-family: RobotoCondensed; font-weight: bold;src: url('fonts/RobotoCondensed-Bold.ttf') format('truetype');}
@font-face { font-family: National; font-weight: normal;src: url('fonts/National-Regular.ttf') format('truetype');}
@font-face { font-family: National; font-weight: bold;src: url('fonts/National-Bold.ttf') format('truetype');}
@font-face { font-family: National; font-weight: 600;src: url('fonts/National-Black.ttf') format('truetype');}
@font-face { font-family: National; font-weight: 200;src: url('fonts/National-Light.ttf') format('truetype');}
@font-face { font-family: National; font-weight: 100;src: url('fonts/National-Thin.ttf') format('truetype');}
@font-face { font-family: Rubik; font-weight: normal;src: url('fonts/rubik/Rubik-Regular.ttf') format('truetype');}
@font-face { font-family: Rubik; font-weight: bold;src: url('fonts/rubik/Rubik-Bold.ttf') format('truetype');}
@font-face { font-family: Merriweather; font-weight: 300;src: url('fonts/Merriweather-Regular.ttf') format('truetype');}
@font-face { font-family: Merriweather; font-weight: 600;src: url('fonts/Merriweather-Bold.ttf') format('truetype');}
@font-face {font-family: 'Fira Sans'; font-weight: 900;src: url('fonts/FiraSans-ExtraBold.ttf') format('truetype');}
@font-face {font-family: 'Fira Sans'; font-weight: normal;src: url('fonts/FiraSans-Regular.ttf') format('truetype');}
body  {margin:0px;padding:0px;font-family:Roboto,verdana;}
p {margin-top:0px;margin-bottom:0px}
td {margin:0px;padding:0px;font-family:Roboto,verdana;font-weight:normal;font-size:13px}
form {margin:0px;padding:0px}
input {font-family:Roboto,verdana;font-weight:normal}
textarea {font-family:Roboto,verdana;font-weight:normal}
li {font-size:1em}
ul {margin-top:0px;margin-bottom:0px}
ol {margin-top:0px;margin-bottom:0px}
label {cursor:pointer;margin-left:7px;margin-right:20px;display:inline-block}

a:link, a:active, a:visited, a:hover {color:#1C627B;text-decoration:none}

div.image_container, div.video_container {position:relative}

div.image_t, div.video_t {color:#FFFFFF;font-size:100%;font-weight:600;position:relative;top:0;left:0;right:0;padding:5px;background-color:rgba(0,0,0,0.5)}
div.image_d, div.video_d {font-size:90%;color:#EEEEEE;position:relative;bottom:0;left:0;right:0;padding:5px;background-color:rgba(0,0,0,0.5);font-style:italic}
span.image_t_span {color:#FFFFFF}

.framework_text {font-family:Roboto,verdana,arial,sans-serif;font-size:13px}
.framework_h1, .message_header {font-family:Roboto,verdana;font-size:20px;margin-bottom:10px}
.framework_h2  {margin:0px;padding:0px;margin-bottom:10px;font-family:Roboto;font-size:14px;color:#000000;font-weight:normal}
.framework_h3  {margin:0px;padding:4px;margin-top:10px;font-family:Roboto,verdana;font-size:1em;color:#000000;background-color:#CCCCCC;font-weight:400;text-transform:uppercase;letter-spacing:0.1em}
.framework_small {margin:0px;padding:0px;font-size:0.8em;}

.logo_container {position:relative;width:450px;height:65px}
.logo_image {position:absolute;left:0px;top:10px}
.logo_title {position:absolute;left:0px;top:22px;color:#000000;font-family:DroidSerif,georgia,serif;font-weight:normal;font-size:24px;white-space:nowrap}
.logo_subtitle {font-family:Roboto,verdana,sans-serif;font-weight:normal;font-size:11px;white-space:nowrap}
.book_subtitle {font-size:12px;color:#266D8D}
.canvas_front_chapterlist {}
.canvas {margin-bottom:40px}
.canvas_youarehere_search {margin-bottom:20px}

.interface_title {color:#1C627B;font-family:DroidSerif,georgia,serif;font-weight:normal;font-size:18px;white-space:nowrap;margin-bottom:10px}
.interface_text {font-family:Roboto,verdana;font-size:13px}
div.interface_text p {font-family:Roboto,verdana;font-size:13px}
div.interface_text ul {font-family:Roboto,verdana;font-size:13px}
div.interface_text ol {font-family:Roboto,verdana;font-size:13px}
div.interface_text li {font-family:Roboto,verdana;font-size:13px}

.last50_title {}
a.last50_link:link, a.last50_link:active, a.last50_link:visited, a.last50_link:hover {}
.last50_passive {}

.interface_text_fixed {font-family:Roboto,verdana;font-size:12px}
.interface_passive {font-family:Roboto,verdana;font-size:0.8em;color:#CCCCCC}
a.interface_link:link, a.interface_link:active, a.interface_link:visited, a.interface_link:hover {font-family:Roboto, verdana;font-size:0.9em;color:#1C627B;text-decoration:none;font-weight:normal;}
.interface_vertical_space {height:40px}

.article_title /*inherits from interface!*/
.article_text {font-family:DroidSans,verdana,sans-serif;font-size:14px;line-height: 150%} /*inherits from interface!*/
div.article_text p {font-family:DroidSans,verdana,sans-serif;font-size:14px;line-height: 150%}
div.article_text ul {font-family:DroidSans,verdana,sans-serif;font-size:14px;line-height: 150%}
div.article_text ol {font-family:DroidSans,verdana,sans-serif;font-size:14px;line-height: 150%}
div.article_text li {font-family:DroidSans,verdana,sans-serif;font-size:14px;line-height: 150%}

a.topmenu_link:link, a.topmenu_link:active, a.topmenu_link:visited, a.topmenu_link:hover {font-family:DroidSans, verdana;font-size:0.9em;color:#1C627B;text-decoration:none;font-weight:normal;margin-right:20px;white-space:nowrap}
a.bottommenu_link:link, a.bottommenu_link:active, a.bottommenu_link:visited, a.bottommenu_link:hover {font-family:DroidSans, verdana;font-size:0.9em;color:#1C627B;text-decoration:none;font-weight:normal;margin-right:40px}


.edit_or_read {cursor:pointer;color:#000000;vertical-align:center;font-family:Roboto;font-weight:normal;font-size:11px}

.framework_selectedarea {background-color:#D9EBFC}


a.last_changes_link:link, a.last_changes_link:active, a.last_changes_link:visited, a.last_changes_link:hover {font-family:Roboto, verdana;font-size:0.9em;color:#000000;text-decoration:none;font-weight:400}

/*menuitems*/
a.menuitem_frontpage:link, a.menuitem_frontpage:active, a.menuitem_frontpage:visited {white-space:nowrap;color:#3283A0;font-size:24px;font-weight:normal;font-family:DroidSerif,georgia;display:block;padding:0px;padding-left:5px;padding-right:10px;margin:0px;text-decoration:none;}
a.menuitem_frontpage:hover {background-color:#F7FBFC}

a.menuitem:link, a.menuitem:active, a.menuitem:visited {white-space:nowrap;color:#3283A0;font-size:24px;font-weight:normal;font-family:DroidSerif,georgia;display:block;padding:0px;padding-left:5px;padding-right:10px;margin:0px;text-decoration:none;}
a.menuitem:hover {background-color:#F7FBFC}

a.fifteen_items:link, a.fifteen_items:active, a.fifteen_items:visited {font-family:Roboto,Verdana;font-size:12px}
a.fifteen_items:hover {font-family:Roboto,Verdana;font-size:12px}

a.charlie_list_chapter:link, a.charlie_list_chapter:active, a.charlie_list_chapter:visited {font-size:1.1em;font-weight:normal;font-family:Lato,Verdana;display:block;padding:0px;padding-left:15px;padding-right:10px;margin:0px;text-decoration:none;line-height:30px}
a.charlie_list_chapter:hover {background-color:#F7FBFC}
/*.charlie_list_chapter:before {content:"\203A";font-family:verdana;font-size:14px;font-weight:bold;margin-right:15px}*/

.charlie_list_separator {padding-left:15px;line-height:30px}

a.menuitem_highlighted:link, a.menuitem_highlighted:active, a.menuitem_highlighted:visited {color:#246D8E}
a.menuitem_highlighted:hover {color:#246D8E}

a.charlie_list_topic:link, a.charlie_list_topic:active, a.charlie_list_topic:visited {font-size:1.1em;font-weight:normal;font-family:Lato,Verdana;display:block;padding:0px;padding-left:15px;padding-right:10px;margin:0px;text-decoration:none;line-height:30px}
a.charlie_list_topic:hover {background-color:#F7FBFC}
.charlie_list_topic:before {}

/*these have a corresponding *_small for use in showtopic include:*/
a.charlie_list_chapter_small:link, a.charlie_list_chapter_small:active, a.charlie_list_chapter_small:visited {white-space:normal;font-size:1em;font-weight:normal;font-family:Lato,Verdana;display:block;padding:0px;padding-left:10px;padding-right:10px;margin:0px;text-decoration:none;line-height:24px}
a.charlie_list_chapter_small:hover {background-color:#F7FBFC}
/*.charlie_list_chapter_small:before {content:"\203A";font-family:verdana;font-size:14px;font-weight:bold;margin-right:10px}*/

a.charlie_list_topic_small:link, a.charlie_list_topic_small:active, a.charlie_list_topic_small:visited {white-space:normal;font-size:1em;font-weight:normal;font-family:Lato,Verdana;display:block;padding:0px;padding-left:10px;padding-right:10px;margin:0px;text-decoration:none;line-height:24px}
a.charlie_list_topic_small:hover {background-color:#F7FBFC}

a.charlie_list_current:link, a.charlie_list_current:active, a.charlie_list_current:visited {font-weight:bold}
a.charlie_list_current:hover {background-color:#F7FBFC}

a.deactive_charlie:link, a.deactive_charlie:active, a.deactive_charlie:visited  {background-color:#CCCCCC}
a.deactive_charlie:hover  {background-color:#AAAAAA}
.deactive_charlie {background-color:#CCCCCC}

.separator {background-color:#CAE2E8;height:1px}
.separator_large {background-color:#CAE2E8;height:5px}

/*chapter & topic* (mostly <div>)*/
.chapter_heading  {color:#3283A0;font-family:DroidSerif,georgia,serif;font-weight:normal;font-size:28px;white-space:nowrap;margin-top:10px;margin-bottom:20px}
.chapter_heading_small  {color:#1C647D;font-family:DroidSerif,georgia,serif;font-weight:normal;font-size:18px;margin-top:0px;margin-bottom:10px;margin-right:10px}
.chapter_indicator {font-family:Helvetica;font-weight:900;font-size:9px;float:left;margin-right:15px} 
.topic_title {font-family:DroidSerif,georgia,serif;font-weight:normal;font-size:30px;margin-top:0px;margin-bottom:10px}
.topic_info {color:#CCCCCC;font-family:DroidSans,verdana,sans-serif;font-weight:normal;font-size:0.8em;margin-top:0px;margin-bottom:25px}

/*search result styles included here as they have same properties (they are <span>)*/
.topic_title_search {font-size:24px;margin-bottom:0px} /*inherits from topic_title, so this is addon*/
.youarehere_search {font-size:12px;color:#BBBBBB}
a.youarehere_search:link, a.youarehere_search:active, a.youarehere_search:visited{font-size:12px;color:#BBBBBB;text-decoration:none} /*nothing inherited*/
a.youarehere_search:hover {font-size:12px;color:#999999;text-decoration:underline}
.sampletext_highlight {background-color:#E2EFF7} /*background color on sample text highlights (<span>)*/
.sampletext_highlight_topicpage {background-color:yellow!important}
.sampletext_highlight_news {background-color:yellow} 
.frontpage_searchbox {font-family:Lato,verdana;font-weight:300;font-size:1.3em;padding: 9px; padding-left:15px;width:400px;height:44px;} /* border color is using setting color in code */
input.sb_active {color:#000000}
input.sb_passive {color:#AAAAAA}
.search_report_text {font-family:Roboto,verdana;font-size:0.8em;color:#CCCCCC}

.topic_container1 {margin:0;margin-bottom:40px}
.topic_paragraph_container1 {margin-bottom:30px}
.topic_paragraph_header1 {color:#3283A0;font-family:DroidSerif,georgia,serif;font-weight:normal;font-size:20px;margin-top:0px;margin-bottom:10px}
div.topic_paragraph_text1 p {font-family:DroidSans,verdana,sans-serif;font-size:14px;line-height: 150%}
div.topic_paragraph_text1 ul {font-family:DroidSans,verdana,sans-serif;font-size:14px;line-height: 150%}
div.topic_paragraph_text1 ol {font-family:DroidSans,verdana,sans-serif;font-size:14px;line-height: 150%}
div.topic_paragraph_text1 li {font-family:DroidSans,verdana,sans-serif;font-size:14px;line-height: 150%}

.topic_paragraph_global {background-color:#DDDDDD;padding:10px;margin-top:10px}

.framework_message {background-color:#FFF7CE;padding:5px}
.framework_identificator {font-size:16px;color:red;font-weight:bold}

.authors_notes_container {background-color:#FFF7CE;padding:5px}
.authors_notes_lastauthor {font-family:DroidSans,verdana,sans-serif;font-size:14px}
div.authors_notes_contents p {}

.local_notes_container1 {background-color:#FFF7CE;padding:10px;margin-top:10px}
div.local_notes_container1 p {}
.local_notes_header1 {color:#3283A0;font-family:DroidSerif,georgia,serif;font-weight:normal;font-size:20px;margin-top:0px;padding-top:5px;margin-bottom:10px}
div.local_notes_text1 p {font-family:DroidSans,verdana,sans-serif;font-size:14px;line-height: 150%}
div.local_notes_text1 ul {font-family:DroidSans,verdana,sans-serif;font-size:14px;line-height: 150%}
div.local_notes_text1 ol {font-family:DroidSans,verdana,sans-serif;font-size:14px;line-height: 150%}
div.local_notes_text1 li {font-family:DroidSans,verdana,sans-serif;font-size:14px;line-height: 150%}

.local_notes_container2 {background-color:#FFF7CE;padding:5px;margin-top:10px}
.local_notes_header2 {color:#BBBBBB}
.local_notes_text2 {color:#BBBBBB}

.local_notes_container3 {background-color:#BBDEEF;padding:5px;margin-top:10px}
.local_notes_header3 {}
.local_notes_text3 {}

.local_notes_container4 {background-color:#F3C7C7;padding:5px;margin-top:10px}
.local_notes_header4 {color:#C20606}
.local_notes_text4 {}

.addon_title {color:#3283A0;text-transform:uppercase;font-size:10px;padding-right:5px;letter-spacing:1px}
.addon_title_global {color:#000000;text-transform:uppercase;font-size:10px;padding-right:5px;letter-spacing:1px;margin-bottom:10px}
/*alternative styles NB ARE INHERITED*/
.topic_container2 {padding:5px;padding-left:40px;background-color:F8E2E2}
.topic_container3 {}
.topic_container4 {}

.topic_paragraph_container2 {background-color:transparent;padding:0px}
.topic_paragraph_header2 {color:#BBBBBB}
.topic_paragraph_text2 {color:#BBBBBB}

.topic_paragraph_container3 {background-color:#E1F0F7;padding:10px}
.topic_paragraph_header3 {}
.topic_paragraph_text3 {}

.topic_paragraph_container4 {background-color:#F8E2E2;padding:10px}
.topic_paragraph_header4 {color:#C20606}
.topic_paragraph_text4 {color:#930707}

.log_summary_container {padding:10px;background-color:#D9EBFC}
.log_header_container {padding:10px;background-color:#D9EBFC}

/*images, videos, attachments heading*/
.heading_images {margin-bottom:10px;text-align:right;text-transform:uppercase;padding:3px} /*NB! Background-color is set in book settings panel (Fargekode bildebakgrunn)*/
.heading_videos{margin-bottom:10px;text-align:right;text-transform:uppercase;padding:3px}
.heading_attachments {margin-bottom:10px;text-align:right;text-transform:uppercase;padding:3px}

.message {padding:10px;border-style:none;margin-bottom:1em;font-family:Roboto,verdana;font-size:1em}
.message_error {background-color:#FFAAB6}
.message_areyousure, .message_process {background-color:#F4FF74}
.message_ok {background-color:#8CFF9A}
.message_info {background-color:#D9EBFC}
.message_archive, .message_orange {background-color:#F9C379}
.message_log {background-color:#FFFDCD}
.message_tip {background-color:#D9EBFC}
.message_nb {background-color:#F4FF74}
div.message_ok {background-color:#8CFF9A}
#progress-bar, #upload-frame {display: none;}

div.zero {margin:0px;padding:0px}

table.zero {margin:0px;padding:0px;border-collapse:collapse;width:100%}
table.zero td {margin:0px;padding:0px;}
table.zero td.small {line-height:0px;font-size:0pt}
table.one {border-collapse:collapse;width:100%}
table.one td {margin:0px;padding:1px;}
table.two {border-collapse:collapse;width:100%}
table.two td {margin:0px;padding:2px;}
table.three {border-collapse:collapse;width:100%}
table.three td {margin:0px;padding:3px;}
table.four {border-collapse:collapse;width:100%}
table.four td {margin:0px;padding:4px;}
table.five {border-collapse:collapse;width:100%}
table.five td {margin:0px;padding:5px;}
table.ten {border-collapse:collapse;width:100%}
table.ten td {margin:0px;padding:10px;}

table.check_rows {border-collapse:collapse;width:100%;background-color:rgba(0,0,0,0.1)}
table.check_rows td,table.check_rows th{margin:0px;padding:6px;font-size:12px;font-weight:normal}
table.check_rows th{background-color:#000000;background-color:rgba(0,0,0,0.3);color:#FFFFFF;text-align:left}

tr.red_odd {background-color:#F6A4B8;background-color:rgba(246,164,184,0.9)}
tr.red_even {background-color:#FBBECD;background-color:rgba(251,190,205,0.9)}
tr.green_odd {background-color:#C3E38E;background-color:rgba(195,227,142,0.9)}
tr.green_even {background-color:#D4EAAA;background-color:rgba(212,234,170,0.9)}
tr.orange_odd {background-color:#FAAB20;background-color:rgba(250,171,32,0.9)}
tr.orange_even {background-color:#F9B743;background-color:rgba(249,183,67,0.9)}

ul.menu 
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}


ul.framework li {font-family:verdana}

ul.menu li {font-family:verdana;float:left;white-space:nowrap}
ul.menu li a {text-decoration:none;color:#3388A0;margin-right:25px} /* overrideable*/
ul.menu li a:visited {text-decoration:none;color:#3388A0} /* overrideable*/

ul.menu_component
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul.menu_component li {font-family:verdana;display:inline-block;white-space:nowrap}
ul.menu_component li a {text-decoration:none;color:#3388A0;margin-right:25px} /* overrideable*/
ul.menu_component li a:visited {text-decoration:none;color:#3388A0} /* overrideable*/


ul.topmenu {margin-left:30px;margin-top:10px}
ul.topmenu li {font-size:10pt}
ul.bottommenu {} /* overrideable*/
.btn {
    background-color: #cccccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:6px;
    color: #000000;
    font-size: 12px;
    text-transform: uppercase;
	font-family:verdana;
    cursor: pointer;
    border:2px solid;
	margin:0px;
	padding:10px 20px 10px 20px;
	display: inline-block;
	opacity:1.0;
	white-space:nowrap;
	-webkit-appearance: none;
}
.smaller {padding:5px 10px 5px 10px;font-size: 10px !important;}
.smallest {padding:2px 5px 2px 5px;font-size: 10px !important;}
.smallest_for_search {padding:3px 5px 3px 5px;font-size: 10px;}
.btn a {text-decoration: none;}
.btn:link {opacity:1.0}
.btn:active {opacity:1.0}
.btn:visited {text-decoration:none;}
.btn:hover {opacity:0.8;filter:alpha(opacity=70);-moz-opacity: 0.5;border:2px solid #000000;}
.greenbtn {background-color: #A8F294 !important;border:2px solid #4CAC33 !important;}
.redbtn {background-color: #F29494 !important;border:2px solid #A93030 !important;}
.bluebtn {background-color: #94C0F2;border:2px solid #2B62A2;}
.graybtn {background-color: #CCCCCC;border:2px solid #999999;}
.yellowbtn {background-color: #FFE65D;border:2px solid #D4A500;} 
.purplebtn {background-color: #AD79DB;border:2px solid #7E4AAC;}



table.framework {border-collapse:collapse;width:100%}
table.framework th {text-align:left;font-weight:normal;font-size:12px;background-color:#666666;color:#FFFFFF;margin:0px;padding:10px;border-width:1px;border-style:solid;border-color:#666666;}
table.framework th a:link {color:#FFFFFF;text-decoration:none}
table.framework th a:active {text-decoration:none;color:#FFFFFF}
table.framework th a:visited {text-decoration:none;color:#FFFFFF}
table.framework th a:hover {color:#FFFFFF;text-decoration:underline}
table.framework td {margin:0px;padding:10px;border-width:1px;border-style:solid;border-color:#666666;}
table.framework tr.odd {background-color:#FFFFFF}
table.framework tr.even {background-color:#EEEEEE}
table.framework tr.disabled {background-color:#AAAAAA}
table.framework tr.deactive {background-color:#DDDDDD}
table.framework tr.expired {background-color:#FFAAB6}
table.framework tr.marked_for_publish {background-color:#C3E2FF}

table.framework tr.not_detailed {font-size:0.9em;font-weight:bold}
table.framework tr.not_detailed td {font-size:0.9em;font-weight:bold}

table.framework tr.detailed {font-size:0.9em}
table.framework tr.detailed td {font-size:0.9em}

table.framework_odd_even {border-collapse:collapse}
table.framework_odd_even th {margin:0px;font-size:13px; color:#FFFFFF;font-weight:normal;padding:7px; border:#666666 1px solid; background-color:#999999;text-align:left}
table.framework_odd_even tr {background-color: #EEEEEE}
table.framework_odd_even tr:nth-child(odd) {background-color: #EEEEEE}
table.framework_odd_even tr:nth-child(even) {background-color: #DDDDDD}
table.framework_odd_even td {margin:0px;padding:7px; border:#666666 1px solid;font-family:Roboto,verdana;font-size:13px}
table.framework_odd_even td > p  {font-family:Roboto,verdana;font-size:13px}
table.framework_odd_even tr.odd {background-color: #EEEEEE}
table.framework_odd_even tr.even {background-color: #DDDDDD}
table.framework_odd_even tr.disabled {background-color:#AAAAAA}

table.framework_odd_even tr.large td {background-color: #DDDDDD;font-size:14px}
table.framework_odd_even tr.small td {background-color: #EEEEEE;font-size:13px}

table.transparent {border-collapse:collapse}
table.transparent td {background-color:#EEEEEE;margin:0;padding:0}

.div_framework_header {margin:0px;font-size:13px; color:#FFFFFF;font-weight:normal;padding:7px; background-color:#999999;text-align:left}

table.green th {background-color:#9AEA75}
table.green tr:nth-child(odd) {background-color: #BAFE9B}
table.green tr:nth-child(even) {background-color: #CEFEB9}

table.purple th {background-color:#E274D5}
table.purple tr:nth-child(odd) {background-color: #EF95E4}
table.purple tr:nth-child(even) {background-color: #F6B5EE}

table.blue th {background-color:#72BBF3}
table.blue tr:nth-child(odd) {background-color: #8ECAF9}
table.blue tr:nth-child(even) {background-color: #ADDBFE}

table.yellow th {background-color:#FAF48F}
table.yellow tr:nth-child(odd) {background-color: #FBF7B0}
table.yellow tr:nth-child(even) {background-color: #FAF8D5}

table.framework_smaller th {font-size:12px;padding:4px}
table.framework_smaller td {font-size:12px;padding:4px}

table.nogrid {border-left: 1px solid black;border-right: 1px solid black}
table.nogrid th {border-width:0px;border-bottom: 1px solid black;border-top: 1px solid black;border-collapse: collapse}
table.nogrid td {border-width:0px;border-bottom: 1px solid black;border-top: 1px solid black;border-collapse: collapse}

table.nogrid_noframe {border:0px}
table.nogrid_noframe th {border-width:0px;border-bottom: 0px;border-top: 0px;border-collapse: collapse}
table.nogrid_noframe td {border-width:0px;border-bottom: 0px;border-top: 0px;border-collapse: collapse}

.diff td{
  vertical-align : top;
  white-space    : pre;
  white-space    : pre-wrap;
  font-family    : monospace;
}
.diff td.diffDeleted {background:#fcc}
.diff td.diffInserted {background:#cfc}

ins {background:#cfc;text-decoration:none;color:#000000}
del {background:#fcc;text-decoration:none;color:#000000}
ins  div {background:#cfc;text-decoration:none}
del  div {background:#fcc;text-decoration:none}
ins  p {background:#cfc;text-decoration:none}
del  p {background:#fcc;text-decoration:none}
del  img {background:#fcc}
ins  img {background:#cfc}
/* override for image/video background color:*/
div.pp_overlay{background:#3283A0}
#log_container.onlyDeletions ins {display:none}
#log_container.onlyInsertions del {display:none}
.diff_options_container {background-color:#D9EBFC;padding:10px}
.moved {background-color:#FFEEDC}
.ins {background:#cfc;text-decoration:none}
.del {background:#fcc;text-decoration:none}
.deactive {background:#ccc;text-decoration:none}

/* override for autocomplete style */
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {border: 1px solid #3283A0; background: #B8E6F6; color: #000000; }
.ui-widget { font-family: Roboto,Arial,sans-serif; font-size: 1em; }

/* search results boxes */
.src_unselected {display:inline-block;min-width:100px;height:30px;padding:4px;padding-left:10px;padding-right:10px;text-align:center;border:2px solid #E2EFF7}
.src_selected {background-color:#E2EFF7}
.src_empty {color:#CCCCCC}

/* overlay styles popup windows book properties*/
.ui-dialog
{
    box-shadow: 1px 1px 5px #333;
}

.ui-widget-overlay {
	background: #000000;
	background-color: #000000;
	opacity: .5;
	filter: Alpha(Opacity=50);
}

.ui-dialog .ui-dialog-content {
    padding: 0px;
}

.style_readonly {font-family:verdana;font-size:0.9em;font-weight:bold;background-color:#BBBBBB;color:white}
.form_readonly {background-color:#CCCCCC}

a.changebook:link, a.changebook:active,  a.changebook:visited
{
   display: block;
   width: 300px;
   height: 84px;
   text-decoration:none;
   font-size:13pt;
   font-family:georgia;
   position: relative; 
   text-align: center;
   vertical-align: center;
   margin-top:5px;
   padding:7px;
   color:#000000;
   font-size:16px;
   background: url(images/changebook_background.png) no-repeat 0 0;
}

a.changebook:hover 
{ 
   background: url(images/changebook_background.png) no-repeat 0 -84px;
   color:#FFFFFF;
}

table.user_ui {width:100%;border-collapse: collapse;}
table.user_ui td {font-size:18px;padding:10px;padding-right:0px;margin:0px}
table.user_ui input[type=text], table.user_ui input[type=password] 
{
	font-size:18px;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	padding: 3px 0px 3px 3px;
	margin: 5px 1px 3px 0px;
	border: 1px solid #DDDDDD;
} 

.readonlyinput
{
	font-size:18px;
	outline: none;
	padding: 3px 0px 3px 3px;
	margin: 5px 1px 3px 0px;
	border: 1px solid #DDDDDD;
} 

table.user_ui input[type=text]:focus, table.user_ui input[type=password]:focus 
{
	font-size:18px;
	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	padding: 3px 0px 3px 3px;
	margin: 5px 1px 3px 0px;
	border: 1px solid rgba(81, 203, 238, 1);
}


.folderactive {float:left;margin:0;padding:10px;background-color:#F5E9C5;border-left:1px solid #DC9B00;border-top:1px solid #DC9B00;border-right:1px solid #D49D21}
.folderpassive {float:left;margin:0;padding:10px;background-color:#E8B543;border-right:1px solid #D49D21;border-bottom:1px solid #DC9B00;cursor:pointer}
.foldercontainer {margin:0;padding:10px;background-color:#F5E9C5;border-left:1px solid #DC9B00;border-bottom:1px solid #DC9B00;border-right:1px solid #DC9B00}
.borderbottom {padding:10px;margin:0;overflow:hidden;border-bottom:1px solid #DC9B00;background-color:transparent}

.flag {background-color:#CCCCCC;padding:1px;opacity:0.7}
.flag_active {background-color:#FFFFFF;opacity:1.0}

.bluebox {position:absolute;width:200px;height:200px;display:none;background-color:#B8EAF7;border:1px solid #339AB4;padding:5px;}

.image_border {border:1px solid #000000}


.news_title {margin-top:20px;color:#000000 !important}/*inherits from interface!*/
.news_text {font-family:DroidSans,verdana,sans-serif;font-size:14px;line-height: 150%} /*inherits from interface!*/

.newsitem_container {padding:5px;background-color:#D8E6F0}

.newsitem_framework_text {background: url(images/shade20percent.png);color:#FFFFFF;text-transform:uppercase;padding:3px;margin-bottom:3px;letter-spacing:0.2em}

.newsitem_title,div.newsitem_title_edit input[type="text"] {font-family:DroidSerif,georgia,serif;font-size:18px}

.newsitem_subtitle {font-family:OpenSans;font-weight:300;font-size:11px;color:#666666;margin-bottom:8px}
.newsitem_contents {font-family:DroidSans,verdana,sans-serif;font-size:14px;color:#000000}
a div.newsitem_title:link, a.newsitem_title:active, a.newsitem_title:visited {}
a div.newsitem_title:hover {text-decoration:underline}

.newsitem_title_large {font-size:24px} /*inherits!*/
.newsitem_subtitle_large {}
.newsitem_contents_large {}

.newsitem_title_largest {font-size:32px} /*inherits!*/
.newsitem_title_onpage {font-size:75px;color:#000000;margin-top:10px;margin-bottom:10px} /*inherits!*/

.newsitem_ingress  {font-size:20px} 
.newsitem_ingress_onpage {font-size:25px;color:#000000;margin-top:10px;margin-bottom:10px} /*inherits!*/

.newsitem_authors_onpage {font-size:12px;letter-spacing:0.1em;text-transform:uppercase;font-weight:600;color:#666666} 
.newsitem_location_onpage,.newsitem_location_onpage a {font-size:10px;letter-spacing:0.1em;text-transform:uppercase;font-weight:400;color:#999999}

.newsitem_image_description_onpage {margin-top:5px}
.newsitem_contents_onpage {} /*inherits!*/

div.news_text p {font-family:DroidSans,verdana,sans-serif;font-size:14px;line-height: 150%}
div.news_text ul {font-family:DroidSans,verdana,sans-serif;font-size:14px;line-height: 150%}
div.news_text ol {font-family:DroidSans,verdana,sans-serif;font-size:14px;line-height: 150%}
div.news_text li {font-family:DroidSans,verdana,sans-serif;font-size:14px;line-height: 150%}

.attachment-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.attachment-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
	margin-right:50px;
}

.attachment-description {
	position: absolute;
	top: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.attachment-description span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
	margin-right:10px;
}

.attachment-filesize {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

.background_pdf {background: rgba(225, 66, 70, 0.5)}
.background_word {background: rgba(85, 146, 235, 0.5)}
.background_excel {background: rgba(121, 181, 129, 0.5)}
.background_powerpoint {background: rgba(233, 143, 96, 0.5)}
.background_gray {background: rgba(255, 255, 255, 1)}

a.attachment_link:hover img {
    opacity: 0.7;
}

div.newsdiv {cursor: pointer; cursor: hand;}
div.newsdiv:hover .newsitem_title {text-decoration:underline}

.searchresult_percentage {font-size:12px;font-family: Roboto,verdana;}

div.expand_link {margin-bottom:10px}
div.expand_div {background-color:#EEEEEE;padding:10px}
div.expand_div p {font-size:90%}

div.component_thumbnail_container {margin:0;margin-right:20px;margin-bottom:40px}
div.component_thumbnail_deactive {background-color:#CCCCCC}
div.component_thumbnail_deactive img {opacity:0.2;}
div.component_thumbnail_deactive div.component_thumbnail_title {color:#666666}

div.component_thumbnail_title {color:#000000;font-family:Roboto,verdana,sans-serif;padding:0;padding-top:5px;padding-bottom:5px;font-size:15px}
a.component_thumbnail_href div.component_thumbnail_title  {color:#000000}
a.component_thumbnail_href:hover img {opacity:0.7;}
a.component_thumbnail_href:hover div.component_thumbnail_title  {text-decoration:underline;color:#000000}

div.component_thumbnail_image img {width:200px}
div.component_thumbnail_edit_container {position:absolute;top:0px;left:0;right:0;text-align:left;padding:5px;background: rgba(255, 255, 255, 0.9)}
div.component_thumbnail_edit_container img {padding-right:5px}

div.component_thumbnail_edit_container_right {float:right;margin-right:-5px}
div.component_thumbnail_edit_container_right img {padding-left:5px;padding-top:2px}

div.component_news_headline_container {width:300px;margin-bottom:10px}
div.component_news_headline_header {text-align:center;text-transform:uppercase;font-size:24pt;letter-spacing:0.2em;background-color:#ED1D24;color:#FFFFFF;font-weight:bold;font-family:Roboto,verdana,sans-serif;padding:0;margin:0}
a.component_news_headline_ahref:hover img {opacity:0.7;}

a.component_news_headline_ahref:hover  div.component_news_headline_title {text-decoration:underline}
/*a.component_news_headline_ahref:hover  div.component_news_headline_body_odd {background-color:#FFE6E7}
a.component_news_headline_ahref:hover  div.component_news_headline_body_even 	{background-color:#FFE6E7}*/

div.component_news_headline_date {margin-left:10px;margin-right:10px;font-size:10px;color:#999999}
/*a.component_news_headline_ahref:hover div.component_news_headline_latest, a.component_news_headline_ahref:hover  div.component_news_headline_title, a.component_news_headline_ahref:hover  div.component_news_headline_ingress {text-decoration:underline}*/
div.component_news_headline_latest {color:#000000;position:absolute;left:0;top:0;font-size:20px;font-weight:bold;background-color:yellow;padding:2px;padding-left:10px;padding-right:10px;font-style:italic;text-transform:uppercase}
div.component_news_headline_body_odd {margin:0;padding:0;padding-bottom:10px;background-color:#EEEEEE}
div.component_news_headline_body_even {margin:0;padding:0;padding-bottom:10px;background-color:#DDDDDD}
div.component_news_headline_title {font-size:28px;color:#000000;padding:2px;padding-left:10px;padding-right:10px;font-weight:bold}
div.component_news_headline_ingress {font-size:14px;color:#000000;padding:2px;padding-left:10px;padding-right:10px}
a.component_news_headline_readmore {font-size:14px;color:#000000;text-decoration:none}
a.component_news_headline_readmore:hover {color:#000000;text-decoration:underline}

hr.newsitem_line {color:#DDDDDD;border:none;height:3px;background-color:#DDDDDD;width:1000px;margin:0px;margin-top:10px;margin-bottom:10px}
div.newsitem_date {background-color:#F5F5F5;padding:5px;color:#999999;margin-bottom:10px}

div.charlie_inbox_widget_container {background-color:#FFE493;width:100%;margin-bottom:20px;}
div.div_inbox_symbol {color:#000000}
div.inbox_image {content:url(images/inbox1.png);height:30px;margin:10px;margin-left:20px}
div.inbox_widget_text {vertical-align:middle;width:100%;font-size:14px;font-weight:bold}

div.inbox_menu_container {position:absolute;top:0px;right:10px;width:170px;padding:10px;background-color:#EEEEEE;}

a.href_inbox_menu:link, a.href_inbox_menu:active, a.href_inbox_menu:visited {display:block;padding:10px;border-bottom:1px solid #CCCCCC}
a.href_inbox_menu:hover{background-color:#DDDDDD}
a.href_inbox_menu_red {background-color:#EE0000;color:#FFFFFF;border-bottom:0px;font-weight:bold;text-transform:uppercase}
a.href_inbox_menu_red:hover{background-color:#CC0000}
a.href_inbox_menu_current {background-color:#D8D8D8}

div.message_container {position:relative}
div.message_field {border:1px solid #CCCCCC;padding:5px;position:relative}
div.message_input_container {position:absolute;top:2;bottom:2;right:2;left:80px}
.message_input {width:100%;height:100%;padding:3px;padding-left:8px;border:0;background-color:#EDF6FF}
.message_input_readonly {color:#006DD3}

div.message_row_read {background-color:#F4F4F4;color:#000000;border-bottom:1px solid #E5E5E5;padding:5px;}
div.message_row_unread {background-color:#F4F4F4;color:#000000;border-bottom:1px solid #E5E5E5;font-weight:bold;padding:5px}
div.message_row_read a {color:#000000}
div.message_row_unread a {color:#000000}

div.message_canvas{padding:10px;margin-top:0px;background-color:#FFFFFF;border-bottom:1px solid #CCCCCC}
div.message_details {background-color:#EEEEEE;padding:10px;border-bottom:1px solid #CCCCCC}
div.message_original_subtitle {background-color:#CCCCCC;padding:10px}
div.message_original {background-color:#EEEEEE;padding:10px}

div.message_comment_wrapper {margin-bottom:5px}
div.message_comment_details {padding:5px;background-color:#FFF280;background-color:rgba(255,242,128,0.9)}
div.message_comment_contents {padding:5px;padding-left:25px;background-color:#FFF8BF;background-color:rgba(255,248,191,0.9)}

span.message_from {font-weight:bold;color:#000000}
span.message_preview {font-weight:normal;color:#666666;margin-left:10px}

div.message_receivers {padding:5px;padding-left:10px;ffont-weight:normal;color:#666666}
div.canvas_inbox {padding:0px;position:relative}

.search_report_text {color:#666666}

a.framework_link:link, a.framework_link:active, a.framework_link:visited {font-family:Roboto,verdana;font-size:13px;}
a.framework_link:hover {text-decoration:underline}



table.inbox_table {background-color:#FFE493}
div.inbox_1  {background-color:#FFE493;width:100%;margin-bottom:20px}
div.inbox_2 {margin-left:20px}
div.inbox_3 {margin-left:10px;width:100%;font-weight:bold;font-size:13px;letter-spacing:0.2em}

div.newstag {padding:5px;background-color:#F0694B;text-transform:uppercase;font-size:14px;font-weight:bold}

div.news_interface_header {font-size:16px;margin-bottom:20px;font-weight:bold;text-transform:uppercase}
img.news_flag {display:inline-block;margin-right:5px;border:1px solid white}
div.news_beta img.news_flag {display:inline-block;margin-left:5px;border:1px solid black}

div.news_beta div.news_topitems {position:relative;max-width:70%;z-index:1}
div.news_beta div.news_title, div.news_beta textarea.news_title {font-size:64px;font-weight:700;margin-top:0px;}
div.news_beta textarea.news_title {box-sizing: border-box;resize: none;width:100%}




div.news_beta div.news_date_container {position:relative;text-transform:uppercase;font-weight:700;font-size:14px;padding:20px;padding-left:0px;background-color:#FFFFFF;width:70%}
div.news_beta div.news_date {display:inline-block}
div.news_beta div.news_hashtag {display:inline-block;padding:5px;margin-right:20px}

div.news_beta div.news_top_right_items {position:absolute;right:0;top:0;padding:25px}
div.news_beta div.news_main_image_container {position:relative;z-index:0}

div.news_beta div.news_main_image_container div.news_date_container{position:absolute;left:0;top:0}


div.news_beta div.news_white_background {position:absolute;top:0;left:0;right:30%;background-color:#FFFFFF;z-index:1;height:60px}
div.news_beta img.news_main_image {width:100%}
div.news_beta div.news_image_description {padding-top:10px;font-family:Roboto;font-size:16px;font-weight:normal}
div.news_beta div.news_title_image_container {padding-bottom:30px}


div.news_beta div.news_column_left {float:left;width:65%}
div.news_beta div.news_column_right {float:right;width:35%}

div.news_beta div.news_column_left2 {float:left;width:58%}
div.news_beta div.news_column_right2 {float:right;width:42%}

div.news_beta div.news_contents {margin-bottom:40px}
div.news_beta div.attachments {margin-bottom:40px}
div.news_beta div.news_authors_container {border-bottom:10px solid #E8E8E8;margin-left:20px}
div.news_beta div.news_authors_top_line {border:1px solid #959595;border-bottom:none;height:10px}
div.news_beta div.news_authors {padding:20px}
div.news_beta span.news_authors, div.news_beta input.news_authors {font-size:16px;font-weight:bold}
div.news_beta span.news_location {font-size:16px;font-weight:normal}
div.news_beta div.news_authors_bottom_line {border:1px solid #959595;border-top:none;height:10px}
div.news_beta div#moreimages_container {margin-top:40px;margin-bottom:40px;margin-left:20px}

div.news_contents table {
	font-family: verdana,arial,sans-serif;
	font-size:13px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	margin-bottom:10px;
}
div.news_contents table tr:nth-child(even) {background-color:#D3D3D3}
div.news_contents table tr:nth-child(odd) {background-color:#FFFFFF}
div.news_contents table th, div.news_contents table thead td {background-color:#4f81bd;color:#FFFFFF}
div.news_contents table td, div.news_contents table th, div.news_contents table thead td {border:1px solid #666666;padding:6px;vertical-align:top}
div.news_contents table td, div.news_contents table td  p, div.news_contents table td  ol, div.news_contents table td  ul, div.news_contents table td  li {font-family: verdana,arial,sans-serif;font-size:13px;}


div.news_beta h1 {font-family:Roboto;font-size:36px;font-weight:bold;margin-bottom:10px;margin-top:24px}
div.news_beta p, div.news_beta ol ,div.news_beta oul,div.news_beta li {font-family:Georgia;font-size:22px;line-height:30.8px}

div.news_beta a:link, div.news_beta a:active, div.news_beta a:visited {text-decoration:underline;border-bottom-width:2px;color:#000000}
div.news_beta a:hover {color:#1C627B}

div.news_beta div.news_ingress, div.news_beta textarea.news_ingress{font-size:26px;font-family:Merriweather;font-weight:600}
div.news_beta div.news_ingress {position:relative;z-index:0;margin-bottom:30px;}
div.news_beta textarea.news_ingress {box-sizing: border-box;resize: none;width:100%}

div.news_beta a.newsitem_filter_link:link, div.news_beta a.newsitem_filter_link:active, div.news_beta a.newsitem_filter_link:visited {font-family:Roboto,verdana;font-size:16px;color:#000000;text-decoration:none} 
div.news_beta a.newsitem_filter_link:hover {font-family:Roboto,verdana;font-size:16px;text-decoration:underline;color:#000000} 

div.ed_button {display:inline-block;text-transform:uppercase;padding:10px;margin-right:0px;color:#000000;background-color:#00A7D9;background-color:rgba(0, 167, 217, 0.8);cursor:pointer}
div.ed_button:hover {background-color:#FF0000;background-color:rgba(255, 0, 0, 0.8);cursor:pointer}

div.check_in_button {padding:4px;white-space:nowrap;background-color:#FF0000;border:1px solid #FF0000}
div.check_in_button:hover {background-color:#FFFFFF;border:1px solid #FF0000}

div.ed_menu a:link, div.ed_menu a:active, div.ed_menu a:visited {display:inline-block;text-transform:uppercase;padding:10px;margin-right:5px;color:#000000;background-color:#00A7D9;background-color:rgba(0, 167, 217, 0.8)}
div.ed_menu a.blue:hover{background-color:#7EDFFC;background-color:rgba(126, 223, 252, 0.8)}
div.ed_menu a.green:hover{background-color:#8CE43E;background-color:rgba(140, 228, 62, 0.8)}
div.ed_menu a.purple:hover{background-color:#DC9AF8;background-color:rgba(220, 154, 248, 0.8)}
div.ed_menu a.darkblue:hover{background-color:#7EDFFC;background-color:rgba(126, 223, 252, 0.8)}
div.ed_menu a.yellow:hover{background-color:#FFFF00;background-color:rgba(255, 255, 0, 0.8)}
div.ed_menu a.gray:hover{background-color:#CACACA;background-color:rgba(202, 202, 202, 0.8)}
div.ed_menu a.red:hover{background-color:#FF0000;background-color:rgba(255, 0, 0, 0.8)}

div.ed_menu a.ed_menu_selected_blue:link, div.ed_menu a.ed_menu_selected_blue:active, div.ed_menu a.ed_menu_selected_blue:visited {background-color:#7EDFFC;background-color:rgba(126, 223, 252, 0.8)}
div.ed_menu a.ed_menu_selected_green:link, div.ed_menu a.ed_menu_selected_green:active, div.ed_menu a.ed_menu_selected_green:visited {background-color:#8CE43E;background-color:rgba(140, 228, 62, 0.8)}
div.ed_menu a.ed_menu_selected_purple:link, div.ed_menu a.ed_menu_selected_purple:active, div.ed_menu a.ed_menu_selected_purple:visited {background-color:#DC9AF8;background-color:rgba(220, 154, 248, 0.8)}
div.ed_menu a.ed_menu_selected_darkblue:link, div.ed_menu a.ed_menu_selected_darkblue:active, div.ed_menu a.ed_menu_selected_darkblue:visited {background-color:#7EDFFC;background-color:rgba(126, 223, 252, 0.8)}
div.ed_menu a.ed_menu_selected_yellow:link, div.ed_menu a.ed_menu_selected_yellow:active, div.ed_menu a.ed_menu_selected_yellow:visited {background-color:#FFFF00;background-color:rgba(255, 255, 0, 0.8)}
div.ed_menu a.ed_menu_selected_white:link, div.ed_menu a.ed_menu_selected_white:active, div.ed_menu a.ed_menu_selected_white:visited {background-color:white}
div.ed_menu a.ed_menu_selected_gray:link, div.ed_menu a.ed_menu_selected_gray:active, div.ed_menu a.ed_menu_selected_gray:visited {background-color:#CACACA;background-color:rgba(202, 202, 202, 0.8)}


div.gallery {margin-top:20px}
div.gallery img {margin:6px;display:inline-block;width:235px;height:150px}
div.gallery a:link, div.gallery a:active, div.gallery a:visited {display:inline-block}
div.gallery a:hover{background-color:blue}

div.gallery2  {text-align:left}
div.gallery2 div.gallery2_container {display:inline-block;position:relative;margin:6px;}
div.gallery2 img {display:inline-block;width:235px;height:132px}
div.gallery2 span {display:inline-block;cursor:pointer}
div.gallery2 span:hover{background-color:#B5C8FF;cursor:pointer}
div.gallery2 span:hover img {opacity:0.5}

div.gallery3 img {width:235px;height:150px}

div.image_edit_title {position:absolute;top:0;left:0;right:0;font-size:12px;font-weight:bold;color:#FFFFFF;background-color:#000000;background-color: rgba(80, 80, 80, 0.75);padding:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
div.image_edit_description {position:absolute;bottom:0;left:0;right:0;font-size:10px;color:#FFFFFF;background-color:#000000;background-color: rgba(80, 80, 80, 0.75);padding:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

div.frontpage_header_widget {background-color:#999999;color:#FFFFFF;text-transform:uppercase;letter-spacing:0.2em;font-size:11px;margin-bottom:5px;padding:5px}
div.item_front_widget_row {display:table;width:100%;font-size:12px}
div.item_front_widget_row:hover {background-color:#EEEEEE;background-color:rgba(0, 0, 0, 0.1)}

div.item_front_widget_row div.bookitem_chapter {display:table-cell;width:100%;height:100%;vertical-align:middle;position:relative;min-height:30px;height:30px;color:#000000;padding:8px;padding-left:10px}

div.item_front_widget a.bookitem_chapter:link, div.item_front_widget a.bookitem_chapter:active, div.item_front_widget a.bookitem_chapter:visited {display:block;position:relative;min-height:30px;color:#000000}
div.item_front_widget a.bookitem_chapter:hover {display:block;background-color:#00A7D9;background-color:rgba(0, 167, 217, 0.2)}

div.unsigned_items_container{padding:5px;background-color:#FFA4A4;background-color:rgba(255, 164, 164, 0.8);margin-bottom:10px}
div.unsigned_items_container div.frontpage_header_widget {background-color:#D30000}
div.unsigned_items_container a.bookitem_chapter:link, div.unsigned_items_container a.bookitem_chapter:active, div.unsigned_items_container a.bookitem_chapter:visited {color:#000000}
div.unsigned_items_container a.bookitem_chapter:hover {background-color:#FFC5C5;background-color:rgba(255,255,255,0.4)}

div.delta_inbox_box {margin-bottom:20px}
div.delta_unsigned_items_box, div.delta_last_news_box, div.delta_last_changes_box {margin-bottom:40px}
span.right_link_item_date {color:#999999;color:rgba(0,0,0,0.5)}

div.delta_unsigned_items_container{padding:5px;background-color:#FFE493;margin-bottom:20px}

div.delta_unsigned_items_container a.bookitem_chapter:link, div.delta_unsigned_items_container a.bookitem_chapter:active, div.delta_unsigned_items_container a.bookitem_chapter:visited {color:#000000}
div.delta_unsigned_items_container a.bookitem_chapter:hover {background-color:#FFC5C5;background-color:rgba(255,255,255,0.4)}

div.delta_unsigned_items_container div.frontpage_header_widget {display:table;width:100%;background-color:transparent}
div.delta_unsigned_items_container div.unsigned_header_symbol  {display:table-cell;vertical-align:middle;font-size:40px;padding-left:10px;padding-right:5px}
div.delta_unsigned_items_container div.unsigned_header_text  {display:table-cell;vertical-align:middle;text-transform:uppercase;font-size:13px;font-weight:bold;width:100%}

div.inbox_table{display:table}
div.inbox_symbol {display:table-cell;font-size:40px}
div.inbox_text {display:table-cell;padding-left:10px;text-transform:uppercase;font-size:13px;font-weight:bold;width:100%}

div.specified_inbox:hover {background-color:rgba(0,0,0,0.3)}

.bx-wrapper .bx-caption span {font-family:Roboto;font-size:13px;line-height:1.2em}

span.bluebtn span.fa-check {color:#0006FF;font-size:16px;margin-right:10px}
span.inbox_selected_item {padding-left:5px;font-weight:600}

div.div_bookitem_chapter {padding-left:12px;padding-right:12px;padding-bottom:5px;padding-top:5px}
.main_outer
{
	display:none;
	position: fixed;
	height: 100%;
	width: 100%;
	top:0;
	left:0;
	z-index:2;
	background-color:rgba(0,0,0,0.5);
}

.outer 
{
	display: table;
	height: 100%;
	width: 100%;
}

.middle {
	display: table-cell;
	vertical-align: middle;
}

.inner {
	background-color:#FFFFFF;
	margin-left: auto;
	margin-right: auto; 
	width: 800px;
	padding:5px;
	min-height:300px;
	position:relative;
}
.spinner {
	margin-left: auto;
	margin-right: auto;
	width:230px;
}
.spinner2 {
	margin-left: auto;
	margin-right: auto;
	width:128px;
}

div.change_book_or_institution_container {margin-bottom:20px}

.green_text {color:#0F7E00}
.red_text {color:#FF0000}
.gray_text {color:#666666}

span.icon_color {color:#000000}

span.icons_edit {margin-left:1px;margin-right:1px;font-size:20px}
span.larger_icons span.icons_edit {font-size:30px}

span.icons_edit:hover {color:#999999;cursor:pointer}
.item_add_new {font-size:30px}
.add_new_section {font-size:30px}
.text_option {font-family:verdana,sans-serif;font-weight:600;font-style:italic}





/*DELTA STYLES*/
div.delta_book_title {position:absolute;left:0;bottom:25px;font-family:Roboto,Verdana,sans-serif;font-size:30px;color:#000000}
div.delta_top_fullwidth_container {position:relative;background-color:#44C8F5}
div.delta_top_centered_container {position:relative;width:1000px;height:120px;margin-left:auto;margin-right:auto}
div.delta_top_disability_container {position:absolute;right:0;top:15px;z-index:10}
div.delta_top_horizontal_shadow {position:absolute;bottom:-20px;width:100%;height:20px;background-image:url(images/shadow_horizontal2.png)}

a.topmenu_link:link, a.topmenu_link:active, a.topmenu_link:visited, a.topmenu_link:hover {font-family:DroidSans, verdana;font-size:0.9em;color:#1C627B;text-decoration:none;font-weight:normal;margin-right:20px;white-space:normal}

div.delta_frontpage_container {height:100%}
div.delta_frontpage_area_right {position:absolute;width:30%;right:0;top:-200px;bottom:0;background-color:#BBBDC0;z-index:-1}
div.delta_frontpage_main {position:relative;width:1000px;margin-left:auto;margin-right:auto;height:100%;min-height:650px}
div.delta_frontpage_right_background {position:absolute;top:-500px;bottom:0;right:0px;background-color:#BBBDC0;width:300px;z-index:-1}
div.delta_frontpage_right_shadow {position:absolute;top:-500px;bottom:0;right:300px;width:20px;background-image:url(images/shadow_vertical.png);z-index:-1}
div.delta_frontpage_searchbox {margin-left:250px}
div.delta_frontpage_rootmenu_container {min-height:80px}
div.delta_frontpage_chapterlist {position:relative;margin-top:50px;width:420px}
div.delta_frontpage_right_title {font-family:Roboto,sans-serif;background-color:#808285;padding:10px;padding-left:20px;text-transform:uppercase;letter-spacing:0.1em;font-size:24px;font-weight:bold;color:#FFFFFF;margin-bottom:20px}
div.delta_frontpage_right_subheader {margin-left:20px;color:#444444}
div.delta_frontpage_search_chapterlist_container {position:relative;margin-top:50px}
div.delta_change_book_or_institution {min-height:40px}
div.delta_authorstips {background-color:#000000;background-color:rgba(0,0,0,0.1);padding:5px}
div.delta_authorstips a:link, div.delta_authorstips a:active, div.delta_authorstips a:visited {color:#000000}
div.delta_authorstips a:hover {color:#000000;text-decoration:underline}

div.delta_frontpage_right_elements {position:absolute;right:0px;top:0px;width:300px;z-index:1}
a.delta_frontpage_right_link:link, a.delta_frontpage_right_link:active, a.delta_frontpage_right_link:visited {display:inline-block;margin-left:20px;margin-right:20px;color:#000000;margin-bottom:10px}
a.delta_frontpage_right_link:hover {text-decoration:underline;color:#000000}


div.delta_frontpage_inbox_container {}
div.delta_bottom_not_frontpage  {background-color:#FFFFFF;background-color:rgba(255,255,255,0.8);text-align:center;padding:10px}
div.delta_bottom_frontpage {position:relative;background-color:#FFFFFF}
div.delta_bottom_frontpage_area_right {position:absolute;width:30%;right:0;top:0;bottom:0;background-color:#BBBDC0}
div.delta_bottom_frontpage_relative {position:relative;height:100px;padding-top:10px;width:1000px;margin-left:auto;margin-right:auto;}
div.delta_bottom_frontpage_color {position:absolute;top:0;bottom:0;right:0px;background-color:#BBBDC0;width:300px;}

div.delta_bottom_frontpage_color {position:absolute;top:0;bottom:0;right:0px;background-color:#BBBDC0;width:300px;}
div.delta_bottom_frontpage_shadow {position:absolute;top:0;bottom:0;right:300px;width:20px;background-image:url(images/shadow_vertical.png)}
div.delta_bottom_frontpage_qbaselogo {position:absolute;bottom:20px;right:10px;}
img.delta_bottom_frontpage_qbaselogo_img {width:65px}

div.delta_inbox_widget_container {background-color:#FFE493;margin-bottom:20px;padding-left:20px}

.inbox_widget_container  {width:100%;background-color:#FFE493;margin-bottom:20px;padding-left:20px}
div.div_inbox_symbol {display:inline-block;margin-left:0px}
div.inbox_image {display:inline-block;content:url(images/inbox1.png);height:30px;margin:10px;margin-left:20px}
div.inbox_widget_text {display:inline-block;vertical-align:middle;width:100%;font-size:14px;font-weight:bold;margin-left:10px}

.search_report_text {color:#666666}

div.inbox_1  {background-color:#FFE493;width:100%;margin-bottom:20px}
div.inbox_2 {margin-left:20px;color:#FFFFFF}
div.inbox_3 {margin-left:10px;font-weight:bold;color:#FFFFFF;text-transform:uppercase}

span.icon-space-eradicator:before {
    height: 40px;

	vertical-align:middle;
	line-height:40px;
/*    width: 48px;*/
}


/*new styles delta_front_chapterlist 2017*/
div.fc_cont {padding:5px;background-color:#FFFFFF;background-color:rgba(255,255,255,0.8);font-size:22px;margin-bottom:20px}

span.fa_20 {width:20px;font-size:20px;margin-left:1px;margin-right:1px;}

span.blank_icon {display:inline-block;width:20px;margin-left:1px;margin-right:1px;}
span.fa_active {color:green}
span.fa_deactive {color:red}

div.fc_row {display:table;width:100%;position:relative;padding:4px;}
div.fc_row:hover {background-color:#FFFFFF;background-color:rgba(0,0,0,0.1)}

div.fc_topic {}
div.fc_chapter {}

div.fc_sep {min-height:5px;background-color:#FFFFFF;background-color:rgba(0,0,0,0.1)}

div.fc_sep_edit {padding:4px;background-color:#FFFFFF;background-color:rgba(0,0,0,0.1);font-size:12px}


div.fc_deactive_row {background-color:#999999;background-color:rgba(0,0,0,0.25)}
div.fc_sep_line {background-color:#000000;background-color:rgba(0,0,0,0.1);position:absolute;bottom:0;left:0;right:0;height:1px;margin-left:0px;margin-right:0px}

div.fc_row_bottom_line {border-bottom:1px solid rgba(0,0,0,0.1)}

a:link span.fa_20, a:active span.fa_20, a:visited span.fa_20 {}
a:hover span.fa_20 {color:black}

span.fa_20:hover {cursor:pointer;color:black}

a:link span.fa_20_trash, a:active span.fa_20_trash, a:visited span.fa_20_trash {}
a:hover span.fa_20_trash {color:red}

a.fc_titlelink:link,a.fc_titlelink:active,a.fc_titlelink:visited {display:block;text-decoration:none;color:#000000;}

div.fc_title {display:table-cell;vertical-align:middle;width:100%;height:60px;color:#000000;padding:4px;padding-left:10px}
div.fc_right_cell {display:table-cell;vertical-align:middle;text-align:right;font-size:20px;padding:5px;width:200px}
div.fc_icons {display:inline-block;padding:5px;background-color:#FFFFFF}




/*new styles delta_front_chapterlist 2017*/
div.chapterlist_container {background-color:#FFFFFF;background-color:rgba(255,255,255,0.8);font-size:22px;margin-bottom:20px;position:relative}

div.chapterlist_row {display:table;width:100%;height:100%;position:relative;padding:6px}
div.chapterlist_row:hover {background-color:#EEEEEE;background-color:rgba(0,0,0,0.1)}

div.chapterlist_topic_item {}
div.chapterlist_chapter_item {}

div.chapterlist_topic_active_item {font-weight:bold}
div.chapterlist_chapter_active_item {font-weight:bold}

div.chapterlist_sep {min-height:5px;background-color:#FFFFFF;background-color:rgba(0,0,0,0.1)}

div.chapterlist_sep_edit {padding:4px;background-color:#FFFFFF;background-color:rgba(0,0,0,0.1);font-size:12px}

div.chapterlist_deactive_row {background-color:#999999;background-color:rgba(0,0,0,0.25)}
div.chapterlist_deactive_row:hover {background-color:#666666;background-color:rgba(0,0,0,0.4)}
div.chapterlist_sep_line {background-color:#000000;background-color:rgba(0,0,0,0.1);position:absolute;bottom:0;left:0;right:0;height:1px;margin-left:0px;margin-right:0px}

div.chapterlist_row_bottom_line {border-bottom:1px solid rgba(0,0,0,0.1)}

a.chapterlist_titlelink:link,a.chapterlist_titlelink:active,a.chapterlist_titlelink:visited {display:table-cell;vertical-align:middle;height:100%;text-decoration:none;color:#000000;}

div.chapterlist_title {display:table-cell;vertical-align:middle;height:100%;width:100%;color:#000000;padding:8px;padding-left:10px}
div.chapterlist_right_cell {display:table-cell;vertical-align:middle;text-align:right;font-size:20px;padding:5px;width:200px}
div.chapterlist_icons {display:inline-block;padding:5px;background-color:#FFFFFF;white-space:nowrap;font-size:20px}

div.chapterlist_front {font-size:22px}

/*;margin-bottom:60px;  -webkit-box-shadow: 10px 10px 25px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 10px 10px 25px 0px rgba(0,0,0,0.5);
box-shadow: 10px 10px 25px 0px rgba(0,0,0,0.5);}*/
div.chapterlist_chapter {padding:0px;font-size:15px;margin-bottom:40px}

div.chapterlist_front div.chapterlist_row {height:80px;padding:5px;font-size:24px;padding-left:0px}

div.chapterlist_icon_container {display:table-cell;vertical-align:middle;padding:5px}
img.chapterlist_icon {height:60px}

div.chapterlist_chapter div.chapterlist_row {font-size:15px;padding:0px}
div.chapterlist_chapter div.chapterlist_title {min-width:400px}
div.chapterlist_chapter span.rowitems_color {}
div.chapterlist_chapter div.chapterlist_images_icon {display:table-cell;vertical-align:middle;text-align:right;padding-right:10px}
div.chapterlist_chapter div.chapterlist_images_desc {display:table-cell;vertical-align:middle;min-width:150px;}
div.chapterlist_chapter div.chapterlist_right_cell {padding-top:0;padding-bottom:0}
div.chapterlist_chapter div.chapterlist_icon_container {display:table-cell;padding:1px;padding-right:5px}
div.chapterlist_chapter img.chapterlist_icon {height:30px}

div.chapterlist_widget {margin-bottom:0px;background-color:#FFFFFF;background-color:rgba(255,255,255,0);padding:0}
div.chapterlist_widget div.chapterlist_row {height:20px;padding:0px;font-size:12px;padding-left:0px}

span.header_color {}
span.chapter_header_color  {}

div.chapterlist_header_container {margin-bottom:20px}
div.chapterlist_header {display:table-cell;padding-right:10px;padding-left:5px;padding-top:5px;vertical-align:middle;font-family:DroidSerif,georgia,serif;font-size:30px}
div.chapterlist_topic div.chapterlist_header  {font-size:22px}

div.chapterlist_topic {padding:0px;font-size:15px;margin-bottom:30px;padding-bottom:10px;border-right:1px solid rgba(0,0,0,0.2)}
div.chapterlist_topic  div.chapterlist_row {font-size:15px;padding:0px}
div.chapterlist_topic  div.chapterlist_title {min-width:100%}
div.chapterlist_topic  span.rowitems_color {}
div.chapterlist_topic  div.chapterlist_right_cell {width:auto;padding-top:0;padding-bottom:0}

div.chapterlist_topic {}
div.chapterlist_form {}

div.item_addnew {text-align:right;width:100%;margin-top:10px}
div.chapterlist_addnew {text-align:right;width:100%;margin-top:10px}
div.chapterlist_topic div.chapterlist_addnew {padding-right:5px}

.input_error {border:2px solid red;background-color:#FFAAAA}
.medmikro_delete {font-size:20px}
.medmikro_edit{font-size:24px}

span.highlight_search_result {background-color:yellow}
div#code_result div {font-size:20px;font-weight:bold;margin-bottom:3px}
div#code_help {display:none;border:1px solid #0000FF;padding:5px}
span.code_source {font-size:11px;font-weight:normal}

table.medmikro_logtable {border-collapse: collapse;margin:0;padding:0;width:100%;background-color:#FFFAA3}
table.medmikro_logtable th {font-size:12px;background-color:#000000;color:#FFFFFF;border:1px solid #000000}
table.medmikro_logtable td {font-size:12px;padding:2px;border:1px solid #000000}
.show_entry_codes {background-color:#CADFFE}

table.medmikro {border-collapse:collapse;width:100%;background-color:#FFFFFF;}
.yellowrow {background-color:#FFFCA6}
.greenrow {background-color:#D2FECB}
.bluerow {background-color:#E8F9FF}
.grayrow {background-color:#EEEEEE}
table.medmikro tr.deactive {background-color:#AAAAAA}
table.medmikro td {border:1px solid #CCCCCC;padding:4px;font-size:12px;margin:0;overflow:hidden}
table.medmikro td.nowrap {white-space:nowrap}
table.medmikro th {white-space:nowrap;border:1px solid #CCCCCC;font-size:12px;margin:0;padding:4px;background-color:#000000;color:#FFFFFF;overflow:hidden}
table.medmikro th a:link, table.medmikro th a:active, table.medmikro th a:visited {color:#FFFFFF}
table.medmikro th a:hover {text-decoration:underline}
span.agens {cursor:pointer}

table.medmikro thead, table.medmikro tbody {display: block;}
table.medmikro tbody {overflow: auto;height: 500px;}
table.even th {width:146px}
table.even td {width:146px}
span.autocomplete_mikrobiologi {background-color:#FFFCA6}




/*ECHO STYLES*/




div.echo_top_fullwidth_container {position:relative;background-color:#2F4466;background-color:rgba(47,68,102,0.9)}
div.echo_top_centered_container {position:relative;width:1000px;min-height:120px;margin-left:auto;margin-right:auto}
div.delta_top_horizontal_shadow {z-index:1}

div.echo_frontpage_container {display:table;position:relative;width:1000px;margin-left:auto;margin-right:auto;height:100%;min-height:650px;padding-top:15px}
div.echo_frontpage_left {display:table-cell;width:700px;vertical-align:top;height:100%;position:relative}
div.echo_frontpage_right {display:table-cell;width:300px;vertical-align:top;height:100%;position:relative}

div.echo_frontpage_right_headers, div.echo_frontpage_right_headers a {background-color:rgba(0,0,0,0.5)}

div.echo_frontpage_right_background {position:fixed;top:0;background-color:red;background-color:rgba(170,170,170,0.9);height:100%;width:100%;width:300px;z-index:-1}
div.echo_frontpage_right_background_shadow {position:fixed;top:0;margin-left:-20px;background-image:url(images/shadow_vertical.png);height:100%;width:100%;width:20px;z-index:-1}

div.echo_change_book_or_institution {margin-right:5px;min-height:40px}

/*div.echo_bottom_fullwidth_container {position:relative;background-color:#35C2F2;background-color:rgba(53,194,242,0.8);z-index:0;min-height:100px}*/
div.echo_bottom_fullwidth_container {position:relative;background-color:#FFFFFF;background-color:rgba(255,255,255,0.8);z-index:0;min-height:100px}


div.echo_bottom_centered_container {display:table;position:relative;width:1000px;margin-left:auto;margin-right:auto}
div.echo_bottom_left {display:table-cell;width:700px;vertical-align:top;height:100%;position:relative;padding-top:10px}
div.echo_bottom_right {display:table-cell;width:300px;vertical-align:top;height:100%;position:relative}

div.echo_bottom_not_frontpage {background-color:#FFFFFF;background-color:rgba(255,255,255,0.8);min-height:50px;text-align:center;vertical-align:middle;width:100%}
img.echo_bottom_frontpage_qbaselogo_img {position:absolute;width:80px;top:10px;right:10px}


div.echo_topmenu_container {margin-bottom:5px}
div.echo_authorstips_container  {margin-top:5px;margin-bottom:5px}

a.echo_change_book_or_institution_on_frontpage:link, a.echo_change_book_or_institution_on_frontpage:active, a.echo_change_book_or_institution_on_frontpage:visited {color:#000000}
div.canvas {background-color:#FFFFFF;padding:5px}
div.canvas_youarehere_search {background-color:#FFFFFF}
div.echo_top_centered_container, div.echo_frontpage_container, div.echo_bottom_centered_container {width:1200px}
div.echo_frontpage_left, div.echo_bottom_left {width:900px}
div.echo_frontpage_right, div.echo_frontpage_right_background, div.echo_bottom_right {width:300px}

.loginbutton {font-family:DroidSans,Verdana;font-size:12px;color:#FFFFFF;background-color:#000000;background-color:rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.45);padding:0px 0px 0px 0px;width:110px;height:34px;cursor:pointer}
.loginbutton:hover {background-color:#000000;background-color:rgba(0,0,0,0.5)}

a.forgotpassword:link, a.forgotpassword:active, a.forgotpassword:visited, a.forgotpassword:hover {font-family:DroidSans,verdana;font-size:0.7em;color:rgba(255,255,255,0.5);text-decoration:none;font-weight:400pt}
a.forgotpassword:hover {text-decoration:underline}

div.delta_book_title {color:#FFFFFF}

input.frontpage_searchbox {border:1px solid #000000;border:1px solid rgba(100,100,100,0.6)} 

.echo_searchbutton {background:url(images/magnifying_glass.png) no-repeat;background-color:#999999;background-color:rgba(100,100,100,0.6);border: 0px;padding: 0px; width:45px;height:44px;cursor: pointer;}
.echo_searchbutton:hover {background-color:#666666;background-color:rgba(100,100,100,0.8)}

a.topmenu_link:link, a.topmenu_link:active, a.topmenu_link:visited {color:#000000}
a.topmenu_link:hover {text-decoration:underline}

div.pp_overlay{background:#246D8E}
.local_notes_container1 {background-color:#E1F0F7}

div.delta_frontpage_searchbox {width:400px}
div.delta_frontpage_chapterlist {width:320px}



div.delta_frontpage_right_subheader {color:rgba(0,0,0,0.5)}

/*chapter styles*/


div.echo_chapter_title_chapter {display:table-cell;padding-right:10px;vertical-align:middle;font-family:DroidSerif,georgia,serif;font-size:30px}
div.echo_icons_container {display:table-cell;vertical-align:middle}

div.echo_frontpage_right_item {margin-left:20px;margin-right:20px;color:#000000;margin-bottom:10px}

a.echo_frontpage_right_link:link, a.echo_frontpage_right_link:active, a.echo_frontpage_right_link:visited {color:#000000}
a.echo_frontpage_right_link:hover {text-decoration:underline}

a.echo_frontpage_right_link_view_more:link, a.echo_frontpage_right_link_view_more:active, a.echo_frontpage_right_link_view_more:visited  {display:block;margin-top:15px;color:rgba(0,0,0,0.8)}


span.right_link_item_date {}


div.div_group {display:table-cell;width:150px;vertical-align:top}
div.div_items {display:table-cell;vertical-align:top}
div.div_icon {display:table-cell}

div.div_description {display:table-cell}
div.div_text_desc {display:table-cell;vertical-align:top;padding-top:3px;text-align:right;padding-right:10px;min-width:200px}
div.div_text_inputfield {display:table-cell;width:100%}
input.echo_text_input  {width:100%}
textarea.echo_text_textarea {width:100%;height:3em}
div.modal {font-size:15px}

table.echo_form {table-layout: fixed;border-collapse: collapse;margin:0;padding:0;width:100%}
table.echo_form tr:nth-child(even) {background-color: #EEEEEE;background-color:rgba(0,0,0,0.05)}
table.echo_form tr:nth-child(odd) {background-color: #DDDDDD;background-color:rgba(0,0,0,0.1)}
table.echo_form td {padding:5px}

div.message_container {display:table;width:100%;table-layout:fixed;margin-bottom:5px}
div.message_container_ok {background-color:#8CFF9A}
div.message_container_error {background-color:#FFAAB6}
div.message_container_info {background-color:#D9EBFC}

div.message_icon {display:table-cell;width:50px;min-width:50px;vertical-align:top;padding:10px;font-family: FontAwesome;color:#FFFFFF;font-size:40px;}
div.message_container_info div.message_icon:before {content: "\f05a";color:#0000FF}
div.message_container_ok div.message_icon:before  {content: "\f058";color:#419900}
div.message_container_error div.message_icon:before {content: "\f00d";color:#FF0000}

div.message_text {padding-left:10px;display:table-cell;font-size:15px;width:100%;vertical-align:middle}

div.expand_chapter {display:inline-block;vertical-align:middle;margin-right:5px;width:30px;cursor:pointer}
div.no_expand_chapter {display:inline-block;vertical-align:middle;margin-right:5px;width:30px}

span.no_move_target {display:inline-block;padding:5px;padding-left:10px;padding-right:10px;cursor:not-allowed;vertical-align:middle;background-color:#DDDDDD;color:#666666}
span.move_target {display:inline-block;padding:5px;padding-left:10px;padding-right:10px;cursor:pointer;vertical-align:middle}
span.move_target:hover {background-color:#ACF8AC}

div.change_book_or_institution_container {margin-bottom:0px}
div.inbox_menu_container  {position:relative;right:0;}
div.message_container{display:block;width:auto}
/*
form.echo_form input[type=checkbox] {display:none;}
form.echo_form input[type=checkbox] + label:before {font-family: FontAwesome;display: inline-block;font-size:26px;left:0;margin:0;padding:0;width:20px;height:20px;vertical-align:middle;padding-right:5px}
form.echo_form input[type=checkbox] + label:before { content: "\f096";color:#CCCCCC}
form.echo_form input[type=checkbox]:checked + label:before { content: "\f14a";color:#3A84C1;font-size:24px}

form.echo_form input[type=radio] {display:none;}
form.echo_form input[type=radio] + label:before {font-family: FontAwesome;display: inline-block;font-size:24px;left:0;margin:0;padding:0;width:20px;height:20px;vertical-align:middle;padding-right:5px}
form.echo_form input[type=radio] + label:before { content: "\f10c";color:#CCCCCC}
form.echo_form input[type=radio]:checked + label:before { content: "\f192";color:#3A84C1;font-size:24px}
*/
/*
form.echo_form input[type="radio"] {display:none;}
form.echo_form input[type="radio"] + label {cursor:pointer;padding:0;margin:0}
form.echo_form input[type="radio"] + label span {display:inline-block;width:22px;height:22px;margin:0px 0px 0px 0px;vertical-align:middle;background:url(images/radio_22_off.png) left top no-repeat;background-size:22px 22px;cursor:pointer;margin-right:5px}
form.echo_form  input[type="radio"]:checked + label span {background:url(images/radio_22_on.png) top no-repeat;background-size:22px 22px;}

form.echo_form input[type="checkbox"] {display:none;}
form.echo_form input[type="checkbox"] + label {cursor:pointer;padding:0;margin:0}
form.echo_form input[type="checkbox"] + label span {display:inline-block;width:22px;height:22px;margin:0px 0px 0px 0px;vertical-align:middle;background:url(images/checkbox_22_off.png) left top no-repeat;background-size:22px 22px;cursor:pointer;margin-right:5px}
form.echo_form  input[type="checkbox"]:checked + label span {background:url(images/checkbox_22_on.png) top no-repeat;background-size:22px 22px;}
*/

div.styled_inputs input[type="radio"] {display:none;}



div.styled_inputs input[type="radio"] + label {cursor:pointer;padding:0;margin:0;display:inline-block}

div.styled_inputs input[type="radio"] + label span 
{
    display:inline-block;
    width:22px;
    height:22px;
    margin:0px 0px 0 0px;
    vertical-align:middle;
	margin-right:5px;
    background:url(images/radio_unchecked.png) left top no-repeat;background-size:22px 22px;
    cursor:pointer;
}

div.styled_inputs input[type="radio"]:hover + label span {background:url(images/radio_hover.png) top no-repeat;background-size:22px 22px;}
div.styled_inputs input[type="radio"]:checked + label span {background:url(images/radio_checked.png) top no-repeat;background-size:22px 22px;}



div.gray_inputs input[type="radio"] + label span {background:url(images/radio_gray_unchecked.png) top no-repeat;background-size:22px 22px;}
div.gray_inputs input[type="radio"]:hover + label span {background:url(images/radio_gray_hover.png) top no-repeat;background-size:22px 22px;}
div.gray_inputs input[type="radio"]:checked + label span {background:url(images/radio_gray_checked.png) top no-repeat;background-size:22px 22px;}

div.blue_inputs input[type="radio"]:hover + label span {background:url(images/radio_blue_hover.png) top no-repeat;background-size:22px 22px;}
div.blue_inputs input[type="radio"]:checked + label span {background:url(images/radio_blue_checked.png) top no-repeat;background-size:22px 22px;}

div.styled_inputs input[type="checkbox"] {display:none;}


div.styled_inputs input[type="checkbox"] + label {cursor:pointer;padding:0;margin:0;display:inline-block}

div.styled_inputs input[type="checkbox"] + label span 
{
    display:inline-block;
    width:22px;
    height:22px;
    margin:0px 0px 0 0px;
    vertical-align:middle;
	margin-right:5px;
    background:url(images/checkbox_unchecked.png) left top no-repeat;background-size:22px 22px;
    cursor:pointer;
}
div.styled_inputs input[type="checkbox"]:hover + label span {background:url(images/checkbox_hover.png) top no-repeat;background-size:22px 22px;}
div.styled_inputs input[type="checkbox"]:checked + label span {background:url(images/checkbox_checked.png) top no-repeat;background-size:22px 22px;}

div.styled_inputs input[type="checkbox"].gray:checked + label span {background:url(images/checkbox_checked.png) top no-repeat;background-size:22px 22px;}

div.blue_inputs input[type="checkbox"] + label span {background:url(images/checkbox_blue_unchecked.png) top no-repeat;background-size:22px 22px;}
div.blue_inputs input[type="checkbox"]:hover + label span {background:url(images/checkbox_blue_hover.png) top no-repeat;background-size:22px 22px;}
div.blue_inputs input[type="checkbox"]:checked + label span {background:url(images/checkbox_blue_checked.png) top no-repeat;background-size:22px 22px;}

.disabled_container, .hidden_container {
    position: relative;
	background-color: #CCCCCC;
    background-color: rgba(0,0,0,0.1);
    overflow: hidden;
	opacity:0.5;
}

.disabled_container:before, .disabled_container:after {
    position: absolute;
    content: '';
	background-color: #FF0000;
    
    display: block;
    width: 100%;
    height: 30px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.disabled_container:after {
    -webkit-transform: rotate(45deg);  
    transform: rotate(45deg);
}
span.maximize_section {cursor:pointer}
span.minimize_section {cursor:pointer;display:none}
div.echo_topic_container {padding-left:20px;margin-bottom:30px;}

div.topic_contents {display:inline-block;width:75%;vertical-align:top}
div.topic_menu_container {display:inline-block;width:25%;vertical-align:top}
div.topic_menu_box  {width:200px;margin-left:30px;padding-left:50px;padding-bottom:10px}


div.topic_menu_header  {padding:5px;font-size:12px;font-weight:700;text-transform:uppercase}
div.topic_menu_item_div {padding:5px;padding-right:0px}
span.topic_menu_item {font-size:15px;cursor:pointer;color:rgba(0,0,0,0.6)}
span.topic_menu_item:hover {color:rgba(0,0,0,0.8)}

div#topic_message_container {color:#CD0000;margin-bottom:20px;display:none}
div#topic_message_container i {display:table-cell;font-size:24px;vertical-align:top;padding-right:10px}
div#topic_message_container a {color:#CD0000;text-decoration:underline}

.red_background {background-color:#FFA1A1}
.scroll_to {background-color:#D7D7D7}
div.section_container {margin-bottom:30px}
div.echo_section_header_container {margin-top:0px;margin-bottom:10px;display:table;width:100%}
.span_section_header {font-family:DroidSerif,georgia,serif;font-weight:normal;font-size:20px}
div.echo_section_header {display:table-cell;vertical-align:middle}
.echo_section_header_container_edit {padding:5px;background-color:#CCCCCC;background-color:rgba(0,0,0,0.1)}
div.echo_section_contents p, div.echo_section_contents ol, div.echo_section_contents ul, div.echo_section_contents li {font-family:DroidSans,verdana,sans-serif;font-size:14px;line-height: 150%}
div.edit_topic_section_icons {font-size:20px;display:table-cell;text-align:right;vertical-align:middle}
span.topic_autosave_message {font-size:12px}
div.log_block {vertical-align:top;width:400px;display:inline-block;background-color:#EEEEEE}

div.log_block div.message_orange {padding:5px}
div.log_block div.section_container {padding:5px}
div.log_block div.topic_contents {width:100%}

div.section_style_2 {background-color:#FFAAAA;border:1px solid #000000}
div.section_style_2 div.echo_section_header_container {margin-bottom:0px;padding:10px;background-color:#AA3939;background-color:rgba(0,0,0,0.2);padding:10px}
div.section_style_2 span.span_section_header {color:#FFFFFF;font-family:Lato,verdana;text-transform:uppercase;font-weight:bold}
div.section_style_2 div.echo_section_contents {padding:10px;}

div.section_style_3 {background-color:#88CC88}
div.section_style_3 div.echo_section_header_container {margin-bottom:0px;padding:10px;background-color:#2D882D;background-color:rgba(0,0,0,0.2);padding:10px}
div.section_style_3 span.span_section_header {color:#FFFFFF;font-family:Lato,verdana;text-transform:uppercase;font-weight:bold}
div.section_style_3 div.echo_section_contents {padding:10px;}

div.section_style_4 {background-color:#7887AB;border:1px solid #000000}
div.section_style_4 div.echo_section_header_container {margin-bottom:0px;background-color:#3F4F78;background-color:rgba(0,0,0,0.2);padding:10px}
div.section_style_4 span.span_section_header {color:#FFFFFF;font-family:Lato,verdana;text-transform:uppercase;font-weight:bold}
div.section_style_4 div.echo_section_contents {color:#FFFFFF;padding:10px;}

div.message_box {display:table;width:100%;margin-bottom:10px}
div.topic_author_container {margin-bottom:10px;background-color:#D9EBFC}
div.author_notes_wrapping {padding:5px}
span#author_notes_lastauthor {font-size:12px;font-family:Roboto}
.author_list {}
.details_prefix {font-weight:600}

span.topic_info_container {margin-right:50px}
span.topic_info_container_edit {display:block}

div.keyword_wrapper {display:inline-block;white-space:nowrap;margin-right:10px;margin-bottom:10px;}

div.keyword {
	border-left:1px solid #2B62A2;
	border-top:1px solid #2B62A2;
	border-bottom: 1px solid #2B62A2;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	padding:4px;
	padding-left:7px;
	font-family:verdana;
	font-size:12px;
	display:inline-block;
	margin-right:0px;
	border-right:0;
}
div.remove_keyword 
{
	border-top:1px solid #2B62A2;
	border-bottom: 1px solid #2B62A2;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	padding:4px;
	background:#2B62A2;
	padding-right:7px;
	padding-left:7px;
	font-size:12px;
	font-family:verdana;
	display:inline-block;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
}
div.remove_keyword:hover {color:#94C0F2}
div.offline_warning {background-color:#F29494}
div.image_topic_wrapper {display:inline-block;margin-right:10px;margin-bottom:10px;vertical-align:top}
div.image_div {display:inline-block}
div.image_title {z-index:2;font-size:14px;font-weight:bold}
div.image_description {z-index:2;font-size:10px}
div.image_edit_div  {display:inline-block;padding:5px;background-color:#CCCCCC;background-color:rgba(0,0,0,0.1);vertical-align:top;font-size:20px;text-align:center}
div.image_edit_div div {margin-bottom:5px}
img.image_image {z-index:1;width:250px;height:141px;}
img.image_screen {width:100%}
div.image_topic_wrapper div.image_div {position:relative}
div.image_topic_wrapper div.image_title {position:absolute;top:0;left:0;right:0;padding:5px;background-color:rgba(0,0,0,0.3);color:#FFFFFF}
div.image_topic_wrapper div.image_description {position:absolute;bottom:0;left:0;right:0;padding:5px;background-color:rgba(0,0,0,0.3);color:#FFFFFF;max-height:55px;overflow:hidden;text-overflow: ellipsis;}

div.video_topic_wrapper {display:inline-block;margin-right:10px;margin-bottom:10px;vertical-align:top}
div.video_div {display:inline-block}
div.video_title {z-index:2;font-size:14px;font-weight:bold}
div.video_description {z-index:2;font-size:10px}
div.video_edit_div  {display:inline-block;padding:5px;background-color:#CCCCCC;background-color:rgba(0,0,0,0.1);vertical-align:top;font-size:20px;text-align:center}
div.video_edit_div div {margin-bottom:5px}
img.video_video {z-index:1;width:250px;height:141px;}

div.video_topic_wrapper div.video_div {position:relative}
div.video_topic_wrapper div.video_title {position:absolute;top:0;left:0;right:0;padding:5px;background-color:rgba(0,0,0,0.3);color:#FFFFFF}
div.video_topic_wrapper div.video_description {position:absolute;bottom:0;left:0;right:0;padding:5px;background-color:rgba(0,0,0,0.3);color:#FFFFFF}

div.attachment_topic_wrapper {display:inline-block;margin-right:10px;margin-bottom:10px;vertical-align:top}
div.attachment_div {display:inline-block}
div.attachment_title {z-index:2;font-size:14px;font-weight:bold}
div.attachment_description {z-index:2;font-size:10px}
div.attachment_edit_div  {display:inline-block;padding:5px;background-color:#CCCCCC;background-color:rgba(0,0,0,0.1);vertical-align:top;font-size:20px;text-align:center}
div.attachmento_edit_div div {margin-bottom:5px}
img.attachment_image {z-index:1;width:250px;height:141px;}

div.attachment_topic_wrapper div.attachment_div {position:relative}
div.attachment_topic_wrapper div.attachment_title {position:absolute;top:0;left:0;right:0;padding:5px;background-color:rgba(0,0,0,0.3);color:#FFFFFF}
div.attachment_topic_wrapper div.attachment_description {position:absolute;bottom:0;left:0;right:0;padding:5px;background-color:rgba(0,0,0,0.3);color:#FFFFFF}

div#image_container {padding-top:20px}
div#video_container {padding-top:20px}
div#attachment_container {padding-top:20px}

/*table settings styles echo 2017*/
table.echo {border-collapse: collapse;font-size:12px;width:100%;padding:5px;background-color:#FFFFFF;background-color:rgba(255,255,255,0.8)}
table.echo th {white-space:nowrap;margin:0px;padding:5px;text-align:left;font-weight:normal;font-size:12px;background-color:#FFFFFF;background-color:rgba(255, 255, 255, 0.8);color:#FFFFFF}
table.echo th a:link, table.echo th a:active, table.echo th a:visited {color:#FFFFFF}
table.echo th a:hover {text-decoration:underline}
table.echo td {margin:0px;padding:5px;text-align:left;font-weight:normal;font-size:12px}
table.echo tr.deactive {background-color:#AAAAAA;background-color:rgba(170,170,170,0.9)}
table.echo tr.odd {background-color:#9CE0F5;background-color:rgba(156,224,245,0.9)}
table.echo tr.even {background-color:#C5EBF7;background-color:rgba(197,235,247,0.9)}
table.echo tr.error {background-color:#FF7C7C;background-color:rgba(255,124,124,0.9)}
table.echo tr.deactive {background-color:#CCCCCC;background-color:rgba(150,150,150,0.5)}

table.echo tr.odd_green {background-color:#C3E38E;background-color:rgba(195,227,142,0.9)}
table.echo tr.even_green {background-color:#D4EAAA;background-color:rgba(212,234,170,0.9)}

table.echo_blue th {background-color:#00A7D9;background-color:rgba(0, 167, 217, 0.8);color:#FFFFFF}
table.echo_blue th a:link, table.echo_blue th a:active, table.echo_blue th a:visited {color:#FFFFFF}
table.echo_blue th a:hover {text-decoration:underline}
table.echo_blue tr.odd {background-color:#9CE0F5;background-color:rgba(156,224,245,0.9)}
table.echo_blue tr.even {background-color:#C5EBF7;background-color:rgba(197,235,247,0.9)}

table.echo_purple th {background-color:#E85E5E;background-color:rgba(232, 94, 94, 0.8);color:#FFFFFF}
table.echo_purple th a:link, table.echo_purple th a:active, table.echo_purple th a:visited {color:#FFFFFF}
table.echo_purple th a:hover {text-decoration:underline}
table.echo_purple tr.odd {background-color:#F8B5B5;background-color:rgba(248,181,181,0.9)}
table.echo_purple tr.even {background-color:#F8D0D0;background-color:rgba(248,208,208,0.9)}

table.echo_peach th {background-color:#DF744A;background-color:rgba(223, 116, 74, 0.8);color:#FFFFFF}
table.echo_peach th a:link, table.echo_peach th a:active, table.echo_peach th a:visited {color:#FFFFFF}
table.echo_peach th a:hover {text-decoration:underline}
table.echo_peach tr.odd {background-color:#FEDCD2;background-color:rgba(254,220,210,0.9)}
table.echo_peach tr.even {background-color:#F3C8BB;background-color:rgba(243,200,187,0.9)}

table.echo_center td {text-align:center}
table.echo_orange th {background-color:#E1751A;background-color:rgba(225, 117, 26, 1);color:#FFFFFF}
table.echo_orange th a:link, table.echo_orange th a:active, table.echo_orange th a:visited {color:#FFFFFF}
table.echo_orange th a:hover {text-decoration:underline}
table.echo_orange tr.odd {background-color:#EFA71D;background-color:rgba(239,167,29,0.9)}
table.echo_orange tr.even {background-color:#EA8C1B;background-color:rgba(234,140,27,0.9)}

table.echo_yellow th {color:#FFFFFF;background-color:#9A8A02;background-color:rgba(154, 138, 2, 1)}
table.echo_yellow th a:link, table.echo_yellow th a:active, table.echo_yellow th a:visited {color:#FFFFFF}
table.echo_yellow th a:hover {text-decoration:underline}
table.echo_yellow tr.odd {background-color:#FFF8BF;background-color:rgba(255,248,191,0.9)}
table.echo_yellow tr.even {background-color:#FFF280;background-color:rgba(255,242,128,0.9)}

table.echo_red th {color:#FFFFFF;background-color:#ED2F5E;background-color:rgba(237, 47, 94, 0.8)}
table.echo_red th a:link, table.echo_red th a:active, table.echo_red th a:visited {color:#FFFFFF}
table.echo_red th a:hover {text-decoration:underline}
table.echo_red tr.odd {background-color:#F6A4B8;background-color:rgba(246,164,184,0.9)}
table.echo_red tr.even {background-color:#FBBECD;background-color:rgba(251,190,205,0.9)}

table.echo_green th {color:#FFFFFF;background-color:#85B631;background-color:rgba(133, 182, 49, 0.8)}
table.echo_green th a:link, table.echo_green th a:active, table.echo_green th a:visited {color:#FFFFFF}
table.echo_green th a:hover {text-decoration:underline}
table.echo_green tr.odd {background-color:#C3E38E;background-color:rgba(195,227,142,0.9)}
table.echo_green tr.even {background-color:#D4EAAA;background-color:rgba(212,234,170,0.9)}

table.echo_green_bright th {color:#FFFFFF;background-color:#009600;background-color:rgba(0, 150, 0, 0.8)}
table.echo_green_bright th a:link, table.echo_green_bright th a:active, table.echo_green_bright th a:visited {color:#FFFFFF}
table.echo_green_bright th a:hover {text-decoration:underline}
table.echo_green_bright tr.odd {background-color:#00C800;background-color:rgba(0,200,0,0.9)}
table.echo_green_bright tr.even {background-color:#00EA00;background-color:rgba(0,234,0,0.9)}

table.echo_gray th {color:#FFFFFF;background-color:#8C8C8C;background-color:rgba(140, 140, 140, 0.8)}
table.echo_gray th a:link, table.echo_gray th a:active, table.echo_gray th a:visited {color:#FFFFFF}
table.echo_gray th a:hover {text-decoration:underline}
table.echo_gray tr.odd {background-color:#B9B9B9;background-color:rgba(185,185,185,0.9)}
table.echo_gray tr.even {background-color:#C9C9C9;background-color:rgba(200,200,200,0.9)}

div.echo_image_container, div.echo_video_container {position:relative}

div.image_title, div.video_title {color:#FFFFFF;font-size:100%;font-weight:600;position:absolute;top:0;left:0;right:0;padding:5px;background-color:rgba(0,0,0,0.5)}
div.image_description, div.video_description {font-size:90%;color:#EEEEEE;position:relative;bottom:0;left:0;right:0;padding:5px;background-color:rgba(0,0,0,0.5);font-style:italic}
span.image_title_span {color:#FFFFFF}

input.readonly {background-color:#CCCCCC;}

tr.roster_day_comment {background-color:#EE9FFF;}

div.form_administrator_subtitle {background-color:#000000;color:#FFFFFF;padding:5px;font-size:16px;font-weight:bold}

span.comment_nobr {padding-left:5px;color:#FF0000}

table.small_grid {margin-left:5px;margin-top:5px;border-collapse:collapse}
table.small_grid th {text-align:left;font-weight:normal;font-size:12px;background-color:transparent;color:#000000;margin:0px;padding:4px;border-width:1px;border-style:solid;border-color:#000000;}
table.small_grid td {vertical-align:top;text-align:left;font-weight:normal;font-size:12px;background-color:transparent;color:#000000;margin:0px;padding:4px;border-width:1px;border-style:solid;border-color:#000000;}

span.black_text {}
span.green_text {color:#00AA00}
span.blue_text {color:#0000AA}

.dashboard_container {text-align:justify;background-color:#F4FF74}
.dashboard_container > div {
	width: 20%;
	display: inline-block;
	vertical-align: top;
	height:170px;
	vertical-align:center;text-align:center;
	position:relative;
}
.dashboard_container:after {
	content: "";
	width: 100%;
	display: inline-block;
}
.dash_not_clickable {}
.dash_not_clickable_even {background-color:rgba(0,0,0,0.075)}
.dash_clickable {cursor:pointer}
.dash_clickable:hover {background-color:rgba(255,255,255,0.5)}
.dash_clickable_even {background-color:rgba(0,0,0,0.075);cursor:pointer}
.dash_clickable_even:hover {background-color:rgba(255,255,255,0.5)}

.form_management_big_number {font-size:80px;line-height:80px;font-weight:bold;position:absolute;left:0;right:0;top:40px}
.form_management_desc {position:absolute;left:0;right:0;bottom:20px}
.form_management_box_subtitle {position:absolute;top:0;left:0;right:0;background-color:rgba(0,0,0,0.3);color:#FFFFFF;padding:5px;height:28px}

.generic_button {display:inline-block;font-size:12px;font-weight:bold;text-transform:uppercase;padding:4px;padding-left:8px;padding-right:8px;cursor:pointer;border:1px solid rgba(0,0,0,0.2)}
.gray_background {background-color:#EEEEEE;}
.blue_background {background-color:#00A7D9}
.green_background {background-color:#2ECC40}
.yellow_background {background-color:#FFDC00}
.red_background {background-color:#FF4136}
.darker_background {background-color:rgba(0,0,0,0.05)}
.clickable_lighter {cursor:pointer}
.clickable_lighter:hover  {cursor:pointer;background-color:rgba(255,255,255,0.5)}
.generic_button:hover {cursor:pointer;background-color:rgba(255,255,255,0.3)}
.generic_button:active {cursor:pointer;background-color:rgba(255,255,255,0.8)}

.red_background_lighter {background-color:#FFABAB}
.yellow_background_lighter {background-color:#FFE960}
.green_background_lighter {background-color:#BAFE9B}


div.access_list_item {padding:5px}
.access_label_0 {font-size:20px;font-weight:bold}
.access_label_1 {font-size:16px;font-weight:bold}
.access_label_2 {font-size:14px;font-weight:normal}
.access_label_3 {font-size:12px;font-weight:normal}
.access_label_4 {font-size:11px;font-weight:normal}
.blue_button {background-color:#00C1F7;color:#FFFFFF}
.green_button {background-color:#77B641;color:#FFFFFF}



span.send_app_message {cursor:pointer}

.icon_help {position:relative;cursor:pointer;font-size:20px}
.icon_help:hover {cursor:pointer;color:#CCCCCC}

/* The actual popup */
.popuptext {
	display: none;
    width: 160px;
    background-color: #555;
	background-color: rgba(0,0,0,0.8);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
	font-size:12px;
	font-family:roboto,verdana,sans-serif;
    margin-left: -80px;
}
.popup_downwards
{
	top: 115%;
	bottom: auto;
}
/* Popup arrow */
.popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
	border-color: rgba(0,0,0,0.8) transparent transparent transparent;
}
.popup_downwards::after {
    content: "";
    border:none;
}
/* Toggle this class - hide and show the popup */
.show_popup {
    display: block;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

div.foxtrot_menu a:link, div.foxtrot_menu a:active, div.foxtrot_menu a:visited {display:inline-block;text-transform:uppercase;padding:8px;margin-right:5px;color:#000000;background-color:#D8D8D8;background-color:rgba(216, 216, 216, 1)}
div.foxtrot_menu a.blue:hover{background-color:#7EDFFC;background-color:rgba(126, 223, 252, 0.8)}
div.foxtrot_menu a.green:hover{background-color:#8CE43E;background-color:rgba(140, 228, 62, 0.8)}
div.foxtrot_menu a.purple:hover{background-color:#DC9AF8;background-color:rgba(220, 154, 248, 0.8)}
div.foxtrot_menu a.darkblue:hover{background-color:#7EDFFC;background-color:rgba(126, 223, 252, 0.8)}
div.foxtrot_menu a.yellow:hover{background-color:#FFFF00;background-color:rgba(255, 255, 0, 0.8)}
div.foxtrot_menu a.gray:hover{background-color:#CACACA;background-color:rgba(180, 180, 180, 0.8)}
div.foxtrot_menu a.red:hover{background-color:#FF0000;background-color:rgba(255, 0, 0, 0.8)}

div.foxtrot_menu a.foxtrot_menu_selected_blue:link, div.foxtrot_menu a.foxtrot_menu_selected_blue:active, div.foxtrot_menu a.foxtrot_menu_selected_blue:visited {background-color:#7EDFFC;background-color:rgba(126, 223, 252, 0.8)}
div.foxtrot_menu a.foxtrot_menu_selected_green:link, div.foxtrot_menu a.foxtrot_menu_selected_green:active, div.foxtrot_menu a.foxtrot_menu_selected_green:visited {background-color:#8CE43E;background-color:rgba(140, 228, 62, 0.8)}
div.foxtrot_menu a.foxtrot_menu_selected_purple:link, div.foxtrot_menu a.foxtrot_menu_selected_purple:active, div.foxtrot_menu a.foxtrot_menu_selected_purple:visited {background-color:#DC9AF8;background-color:rgba(220, 154, 248, 0.8)}
div.foxtrot_menu a.foxtrot_menu_selected_darkblue:link, div.foxtrot_menu a.foxtrot_menu_selected_darkblue:active, div.foxtrot_menu a.foxtrot_menu_selected_darkblue:visited {background-color:#7EDFFC;background-color:rgba(126, 223, 252, 0.8)}
div.foxtrot_menu a.foxtrot_menu_selected_yellow:link, div.foxtrot_menu a.foxtrot_menu_selected_yellow:active, div.foxtrot_menu a.foxtrot_menu_selected_yellow:visited {background-color:#FFFF00;background-color:rgba(255, 255, 0, 0.8)}
div.foxtrot_menu a.foxtrot_menu_selected_white:link, div.foxtrot_menu a.foxtrot_menu_selected_white:active, div.foxtrot_menu a.foxtrot_menu_selected_white:visited {background-color:white}
div.foxtrot_menu a.foxtrot_menu_selected_gray:link, div.foxtrot_menu a.foxtrot_menu_selected_gray:active, div.foxtrot_menu a.foxtrot_menu_selected_gray:visited {color:#FFFFFF;background-color:#7D7D7D;background-color:rgba(125, 125, 125, 0.8)}

div.foxtrot_frontpage_chapterlist {margin-left:250px;width:400px;margin-top:50px}

div.foxtrot_frontpage_container {display:table;position:relative;width:1200px;margin-left:auto;margin-right:auto;height:100%;min-height:650px;padding-top:15px}
div.foxtrot_frontpage_left {display:table-cell;width:900px;vertical-align:top;height:100%;position:relative}
div.foxtrot_frontpage_right {display:table-cell;width:300px;vertical-align:top;height:100%;position:relative;padding-top:145px}

div.foxtrot_canvas {background-color:#FFFFFF;padding:5px;margin-top:50px;margin-bottom:20px}
div.foxtrot_canvas {padding:0px}

div.canvas_foxtrot_youarehere {padding:5px;margin-top:50px}

div.foxtrot_menu_default a:link, div.foxtrot_menu_default a:active, div.foxtrot_menu_default a:visited {background-color:#1D5298;display:inline-block;text-transform:uppercase;padding:10px;margin-right:5px;color:#EEEEEE;color:rgba(255,255,255,0.8);}
div.foxtrot_menu_default a:hover {background-color:rgba(255,255,255,0,1);color:#FFFFFF;text-decoration:underline}
div.foxtrot_menu_default a.foxtrot_menu_default_selected:link, div.foxtrot_menu_default a.foxtrot_menu_default_selected:active, div.foxtrot_menu_default a.foxtrot_menu_default_selected:visited {color:#FFFFFF;background-color:#1D5298;}


.foxtrot_last_changes_container, .foxtrot_news_container, .foxtrot_frontpage_element_container {background-color:#FFFFFF;background-color:rgba(255,255,255,0.8);padding:10px}
.foxtrot_frontpage_element_container a {color:inherit}

div.canvas_background {background-color:transparent}

div.foxtrot_frontpage_container {display:table;position:relative;width:1200px;margin-left:auto;margin-right:auto;height:100%;min-height:650px;padding-top:15px}
div.foxtrot_frontpage_left {display:table-cell;width:900px;vertical-align:top;height:100%;position:relative}
div.foxtrot_frontpage_right {display:table-cell;width:300px;vertical-align:top;height:100%;position:relative;padding-top:145px}

div.canvas_foxtrot_youarehere {padding:5px;margin-top:50px}

div.foxtrot_menu_default a:link, div.foxtrot_menu_default a:active, div.foxtrot_menu_default a:visited {background-color:#1D5298;display:inline-block;text-transform:uppercase;padding:10px;margin-right:5px;color:#EEEEEE;color:rgba(255,255,255,0.8);}
div.foxtrot_menu_default a:hover {background-color:rgba(255,255,255,0,1);color:#FFFFFF;text-decoration:underline}
div.foxtrot_menu_default a.foxtrot_menu_default_selected:link, div.foxtrot_menu_default a.foxtrot_menu_default_selected:active, div.foxtrot_menu_default a.foxtrot_menu_default_selected:visited {color:#FFFFFF;background-color:#1D5298;}


div.foxtrot_top_fullwidth_container, div.foxtrot_bottom_fullwidth_container{position:relative}
div.foxtrot_top_centered_container, div.foxtrot_bottom_centered_container  {position:relative;width:1200px;margin-left:auto;margin-right:auto;padding-top:5px;padding-bottom:5px}

div.foxtrot_bottom_centered_container a {color:#111111;color:rgba(0,0,0,0.9)}
div.foxtrot_bottom_centered_container a:hover {color:#666666;text-decoration:underline}


.foxtrot_background {background-color:#1D5298;color:#FFFFFF} 
.medmikro_background {background-color:#1D5298;color:#FFFFFF}
.foxtrot_color {color:#1D5298}

.foxtrot_border_color {border:1px solid #1D5298} 
.foxtrot_background_hoverable:hover {cursor:pointer;color:#FFFFFF;background-color:#1D5298}

.medmikro_item {position:relative;border-bottom:1px solid rgba(20,24,35,0.1);color: rgba(20,24,35,0.89);font-family: "Fira Sans";	font-size: 21px;line-height: 26px;} 
.medmikro_item:hover {cursor:pointer;color:#FFFFFF;background-color:#1D5298} 

.medmikro_item_arrow {color:#AAAAAA;color:rgba(0,0,0,0.6);position:absolute;font-weight:thin;font-size:24px;right:0px;top:50%;transform:translateY(-50%);font-family:monospace}
.medmikro_item:hover .medmikro_item_arrow {color:#FFFFFF} 

.medmikro_metode_more {font-size:18px;margin-left:10px;color:#999999} 
/*.foxtrot_background_hoverable:active {cursor:pointer;background-color:#F4777A;color:#FFFFFF} //red*/

.foxtrot_top_links {margin-left:30px}
.foxtrot_bottom_links {margin-right:20px}

div.foxtrot_background label {color:rgba(255,255,255,0.8)}
div.foxtrot_background label:hover {text-decoration:underline;color:#FFFFFF}
.foxtrot_color_hoverable:hover {color:#000000;cursor:pointer}
.medmikro_icon {font-size:20px;background-color:#1D5298;color:#FFFFFF;display:inline-block;padding:3px;text-align:center;margin-left:5px}
.medmikro_icon:hover {color:#1D5298;background-color:#FFFFFF;cursor:pointer}

.foxtrot_background_blue {background-color:#1D5298;color:#FFFFFF} /* #1D5298 #CC1D21 #3F4450 #2E824D */

div.top_level1 {} 
div.top_level1b {background-color:#666666;background-color: rgba(255, 255, 255, 0.2)}

div.top_level2 {background-color:#ffffff}

div.top_level3  {} /*{background-color:#666666;background-color: rgba(255, 255, 255, 0.2)}*/

div.deactive {background-color:#AAAAAA;background-color:rgba(170,170,170,0.9)}
div.foxtrot_top2 {color:#000000}
div.tablecell {display:table-cell;vertical-align:middle}
div.foxtrot_top_centered_container a {color:#EEEEEE;color:rgba(255,255,255,0.8)}
div.foxtrot_top_centered_container a:hover {color:#FFFFFF;text-decoration:underline}
div.foxtrot_top2 a {color:#000000}
div.foxtrot_top2 a:hover {color:#000000;text-decoration:none}
a.fgpassword {font-size:11px}
div.loginmessage {margin-top:5px;margin-bottom:3px;display:inline-block;padding:5px;background-color:#FFAAB6;color:#000000}

div.canvas_foxtrot_youarehere a:link, div.canvas_foxtrot_youarehere a:visited {font-size:14px;color:rgba(0,0,0,0.6);margin-right:10px}
div.canvas_foxtrot_youarehere a:hover {color:rgba(0,0,0,1);text-decoration:underline}
div.canvas_foxtrot_youarehere span {margin-right:10px}

.foxtrot_topmenu a {margin-right:20px}

.fa-stack[data-count]:after {position:absolute;left:15px;top:1%;content: attr(data-count);font-size:12px;padding:3px;border-radius:999px;line-height:12px;color: white;background:#FF0000;background:rgba(255,0,0,.85);text-align:center;min-width:1.5em;z-index:2;font-weight:bold;}

span.user_icon {z-index:1;font-size:24px;color:#CCCCCC;color:rgba(255,255,255,0.5);line-height:1em}
a.dashboard {margin-right:0px}
a.dashboard:hover span.user_icon {color:#FFFFFF;color:rgba(255,255,255,1);padding:0}

#showlogin {margin-left:20px}
span#showlogin:hover {text-decoration:underline;cursor:pointer}

input.login {font-family:DroidSans,Verdana;font-size:12px;border: 1px solid #222222; background: #FFFFFF; padding: 8px 8px 8px 10px; width:200px;height:34px;margin-right:5px}
input.foxtrot_loginbutton,button.foxtrot_loginbutton {white-space:nowrap;font-family: DroidSans,Verdana; font-size: 12px; color: #FFFFFF; background: #444444;background:rgba(0,0,0,0.2); border: 1px solid #222222;border: 1px solid rgba(0,0,0,0.5);padding: 0px 0px 0px 0px;min-width: 110px;height: 34px;cursor: pointer;padding-left:8px;padding-right:8px}
input.foxtrot_loginbutton:hover, button.foxtrot_loginbutton:hover {background: #222222;background:rgba(0,0,0,0.5);}
div.foxtrot_book_title {font-family:Lato;font-size:24px;font-weight:bold;color:#000000}
div.foxtrot_book_subtitle {font-size:14px;text-transform:uppercase}

span.searchicon {color:#AAAAAA;color:rgba(0,0,0,0.3);font-size:24px}
span.searchicon_larger {font-size:30px;margin-right:20px}
input#search_input, input#search_input_medmikro{background-color:transparent;color:#000000}
input#search_input:focus, input#search_input_medmikro:focus{outline: none;}
input#search_input::placeholder, input#search_input_medmikro::placeholder{color:#AAAAAA;color:rgba(0,0,0,0.3)}
div.searcharea_div {border-bottom:2px solid #CCCCCC;border-bottom:2px solid rgba(0,0,0,0.3);width:320px;padding:5px;display:inline-block;text-align:left}

div.foxtrot_rootmenu {margin-top:5px;margin-bottom:5px}
div.foxtrot_rootmenu a {margin-right:10px}

#foxtrot_submit_search:hover {background-color:#FFFFFF}

div.foxtrot_middle_page {background-color:#F9F9F9}

div.foxtrot_frontpage_item_header {text-transform:uppercase;font-size:14px;font-weight:bold;line-leight:18px;margin-bottom:10px}
div.foxtrot_frontpage_item_date {color:#CCCCCC;color: rgba(20,24,35,0.41)}
div.foxtrot_frontpage_item_title {margin-bottom:10px}
div.foxtrot_frontpage_item_title a {color:#222222;color: rgba(20,24,35,0.89)}
div.foxtrot_frontpage_item_title a:hover {text-decoration:underline}
div.foxtrot_last_changes_container {margin-bottom:20px}

div.define_access_box {margin-bottom:20px}

div.subscribe_book, div.subscribe_book_topic {padding:5px;cursor:pointer}
div.subscribe_book:hover, div.subscribe_book_topic:hover {background-color:#99CCFF;cursor:pointer}

div.pick_chapter, div.pick_topic, div.pick_item {padding:5px;cursor:pointer}
div.pick_chapter:hover, div.pick_topic:hover, div.pick_item:hover{background-color:#99CCFF}

div.custom_subscribe_section {padding:5px;margin-bottom:10px;background-color:#BFE9FC}
div.custom_section {padding:5px;margin-bottom:10px;background-color:#BFE9FC}

div.topic_section_original {padding:5px;background-color:#DDDDDD}
div.topic_section_custom {padding:5px;margin-bottom:10px;background-color:#F8F59A}
div.topic_section_header {margin-bottom:10px;text-transform:uppercase;letter-spacing:0.2em;font-size:10px}

div#custom_log {margin-top:10px}
div.custom_log_header {padding:5px;background-color:#94D7EB;color:#000000}
div.custom_log_contents {padding:5px;background-color:#EAF7FB;color:#000000}

div.foxtrot_frontpage_thumbnails_container {margin-top:70px;padding-right:0px}

div.section_deleted {background-color:#fcc}
div.section_deleted img {-webkit-filter: grayscale(1);opacity:0.3}

div.section_inserted{background-color:#cfc}
div.section_inserted img {-webkit-filter: grayscale(1);opacity:0.3}
del img {background-color:#fcc;-webkit-filter: grayscale(1);opacity:0.3}
ins img {background-color:#cfc;-webkit-filter: grayscale(1);opacity:0.3}
ins p, ins ul, ins ol, ins li {background-color:#cfc}
del p, del ul, del ol, del li {background-color:#fcc}

table.prev_next {width:100%}

div.foxtrot_quick_links {margin-bottom:40px}
div.foxtrot_quick_links a:link, div.foxtrot_quick_links a:visited {display:block;color:rgba(20,24,35,0.89);cursor:pointer;margin-bottom:10px}
div.foxtrot_quick_links a:hover{text-decoration:underline}

div.flag_container {display:inline-block}

tr.read_confirm_institution td {text-align:left;font-size:16px;font-weight:bold}

div.foxtrot_search_result {margin-bottom:40px}
div.foxtrot_search_result span.foxtrot_title_span {font-size:24px}

span.foxtrot_title_span:hover {text-decoration:underline}

div.foxtrot_search_result img.book_icon {float:left;height:40px;width:40px;margin-right:10px;border:0}
div.foxtrot_search_result img.percentage {margin-left:10px;border:0}

.sso_user {color:rgba(255,255,255,0.7);white-space:nowrap}

div.foxtrot_bottom_right_cell {display:table-cell;height:100px;vertical-align:top;padding-top:30px;text-align:right;white-space:nowrap}

div.message_box {background-color:#D9EBFC}
div.message_box_cell {display:table-cell;padding:10px}
div.message_ok {background-color:#8CFF9A}

.dynamic_upload_button {display:inline-block;color:white;cursor:pointer;padding:5px;background-color:green;border:0}
div.error_message {margin-top:10px;padding:5px;border:1px solid #BE0432;background-color:#FBBECD;color:#000000}

textarea.image_overlay {border:none;width:100%;resize: none;font-size:13px;color:#FFFFFF;background-color:#000000;background-color: rgba(80, 80, 80, 0.75);}
textarea.image_overlay::-webkit-input-placeholder {color: #CCCCCC;}

div.gray_box {margin-bottom:20px;margin-right:20px;display:inline-block;position:relative;width:450px;height:200px;border:4px solid rgba(20,24,35,0.16);font-family:'Fira sans';vertical-align:middle;font-size:32px;color: #1D5298;}

div.gray_box_large {width:450px;height:180px;font-size:26px}
div.gray_box_smaller {border:0px;background-color: rgba(20,24,35,0.08);width:293px;height:80px;font-size:20px}

div.gray_box:hover {cursor:pointer;color:white;background-color:#1D5298;}
div.gray_box div.arrow {color:#AAAAAA;color:rgba(0,0,0,0.6);position:absolute;font-weight:thin;font-size:24px;right:30px;top:50%;transform:translateY(-50%);font-family:monospace}
div.gray_box div.title {position:absolute;left:30px;right:80px;top:50%;transform:translateY(-50%)}
div.gray_box div.last_update {margin-top:20px;font-size:11px;color: rgba(20,24,35,0.89);}
div.gray_box:hover div.last_update {color:white}
div.gray_box:hover div.arrow {color:white}

div.custom_subscribe_header {letter-spacing:0.1em;text-transform:uppercase;margin-bottom:5px;font-size:10px}

div.tab_menu_container {display:table;width:100%}
div.tab_menu,div.endtab_menu {display:table-cell;padding:10px;padding-left:20px;padding-right:20px;text-transform:uppercase;white-space:nowrap}
div.active_tab_menu {border-left:1px solid #000000;color:#666666;border-right:1px solid #000000;color:#666666;border-top:1px solid #000000;color:#000000;font-weight:bold;background-color:rgba(78,93,108,0.2)}
div.passive_tab_menu {border-bottom:1px solid #000000;color:#666666;background-color:rgba(0,0,0,0.05)}
div.passive_tab_menu:hover {cursor:pointer;color:#999999}
div.endtab_menu {border-bottom:1px solid #000000;width:100%}
div.tab_container_contents {border-left:1px solid #000000;border-bottom:1px solid #000000;border-right:1px solid #000000;background-color:rgba(78,93,108,0.2)}

div.box_check input[type="checkbox"]  {display:none;}
div.box_check input[type="checkbox"] + label {padding:0;margin:0}
div.box_check input[type="checkbox"] + label span {display:inline-block;width:25px;height:25px;margin:0px 0px 0 0px;vertical-align:middle;background:url(images/box.png) left top no-repeat;background-size:25px 25px;cursor:pointer;}
div.box_check input[type="checkbox"]:checked + label span {background:url(images/box_checked.png);background-size:25px 25px;}

span#topic_backup {margin-right:10px;}


div.click_row {cursor:pointer;background-color:#F0F0F0;margin-bottom:2px}
div.click_row:hover {background-color:#FAFAFA}
div.click_head {border-bottom:1px solid #000000}
div.click_row div,div.click_head div  {display:inline-block;padding:5px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}

div.click_row img.height_definer {width:1px;height:25px;vertical-align:middle}
 
div.result_backup {border:1px solid #000000;padding:5px;margin-left:20px;margin-top:5px;margin-bottom:5px}
span.restore_backup {display:inline-block;padding:5px;font-size:11px;text-transform:uppercase;background-color:#5CB85C}
span.restore_backup:hover {background-color:#53A553}

div.foxtrot_page_container {font-family: Fira Sans,verdana,sans-serif;}
div.foxtrot_page_container a:link, div.foxtrot_page_container a:active, div.foxtrot_page_container a:visited {color:#1A1A1A}
div.foxtrot_page_menu, div.foxtrot_page_title {color:#1A1A1A;margin-bottom:10px}
div.foxtrot_page_subtitle {color:#1A1A1A;margin-bottom:10px;font-size:24px;font-weight:bold}
div.foxtrot_page_menu div.menu_item_active, div.foxtrot_page_title {font-family:Fira Sans,verdana,sans-serif;font-size:32px;margin-right:40px;font-weight:bold}
div.foxtrot_page_menu div.menu_item_active {display:inline-block}
div.foxtrot_page_menu div.menu_item_link {display:inline-block;font-family:Fira Sans,verdana,sans-serif;font-size:16px;margin-right:40px;font-weight:bold;text-decoration:underline}

table.foxtrot_page {width:100%;border-collapse: collapse;margin:0;padding:0;margin-top:30px;}

table.foxtrot_page tr.nothead:hover  {background-color:rgba(0,0,0,0.05)}
table.foxtrot_page tr.red  {background-color:#FCF4F4}
table.foxtrot_page tr.red:hover  {background-color:#F9E9E9}
table.foxtrot_page tr.green  {background-color:#F4FCF2}
table.foxtrot_page tr.green:hover  {background-color:#E9FAE5}
table.foxtrot_page td {border-top:1px solid #CCCCCC;padding-top:10px;padding-bottom:10px;padding-left:5px;padding-right:5px}
table.foxtrot_page td, table.foxtrot_page th {font-family:Fira Sans,verdana,sans-serif;}
table.foxtrot_page th  {text-align:left;font-size:12px;font-weight:bold;padding-bottom:5px;padding-left:5px;padding-right:5px}
table.foxtrot_page td.hover:hover  {text-decoration:underline;cursor:pointer}
table.foxtrot_page td a:hover, table.foxtrot_page th a:hover  {text-decoration:underline;cursor:pointer}

table.foxtrot_page_smaller {margin-top:0px;}
table.foxtrot_page_smaller th, table.foxtrot_page_smaller td {font-size:13px;padding:3px}

div.foxtrot_message {background-color:#FFF8DC;padding:10px;font-family:Fira Sans;font-size:14px;border-left: 2px solid #ffeb8e;margin-bottom:10px}
div.green_message {background-color:#DDF5CD;border-left: 2px solid #7DD83D}

div.foxtrot_message span.icon::before {display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;-webkit-font-smoothing: antialiased;vertical-align:middle;font-family: FontAwesome; font-weight: 900;margin-right:10px;font-size:16px}
div.foxtrot_message span.warning::before {content: "\f071"}
div.foxtrot_message span.ok::before {content: "\f00c"}

div.foxtrot_history {margin-top:30px;margin-bottom:30px}

div.foxtrot_history  a {text-decoration:none}
div.foxtrot_history  a:hover {text-decoration:underline}
div.foxtrot_history  a.pale {color:#999999}

table.foxtrot_form {width:100%;border-collapse: collapse;margin:0;padding:0}
table.foxtrot_form tr.odd {background-color:#E0E0E0}
table.foxtrot_form tr.even {background-color:#EFEFEF}
table.foxtrot_form td , table.foxtrot_form th {padding:5px;font-family:Fira Sans, verdana, sans-serif; font-size:14px;}
table.foxtrot_form th {font-weight:normal;background-color:rgba(0,0,0,0.6);color:#FFFFFF}