/* _lcid="1033" _version="14.0.4536"*/

/* 
Rich Text Editor Styles - must be prefixed correctly as these special prefixes are used
to populate all of the dropdown menus in the Rich Text Editor ribbon.
The first part of the prefix 'cocis-rte-' is specified where the RichHtmlField is placed
in the CocisWebPageLayout.aspx file.
Then 'Style-', 'Element-', 'FontFace-', etc. must be appended.
Also the '-ms-name' attribute must be specified for the display name of the item in the drop down. 
*/

/* 
Baseline Rich Text Editor font styles. Actual styles are in cocis-styles.css for the body text,
links, heading tags and the pull-quote/blockquote. 
*/

P.cocis-rte-Element-DIV
{
    -ms-name: "Body Text";
}

H2.cocis-rte-Element-H2
{
    -ms-name: "Heading 2";
}

H3.cocis-rte-Element-H3
{
    -ms-name: "Heading 3";
}

H4.cocis-rte-Element-H4
{
    -ms-name: "Heading 4";
}

.cocis-rte-Style-Disclaimer
{
    -ms-name: "Show Disclaimer";
}

.cocis-rte-Style-NoMobileDisclaimer
{
    -ms-name: "Hide Mobile Disclaimer";
}

DIV.cocis-rte-Element-DIV-Sidebar /* legacy class name */
{
    -ms-name: "Sidebar Left";
    padding: 10px;
    width: 210px;
    margin: 20px;
    background: #E6E6E6;
    border-top: #999 2px solid;
    border-bottom: #999 2px solid;
    color: #000;
    text-align: center;
    line-height: 2em;
    font-style: italic;
    font-weight: normal;
    float: left;
}

DIV.cocis-rte-Element-DIV-Sidebar-Right
{
    -ms-name: "Sidebar Right";
    padding: 10px;
    width: 210px;
    margin: 20px;
    background: #E6E6E6;
    border-top: #999 2px solid;
    border-bottom: #999 2px solid;
    color: #000;
    text-align: center;
    line-height: 2em;
    font-style: italic;
    font-weight: normal;
    float: right;
}

BLOCKQUOTE.cocis-rte-Element-BLOCKQUOTE
{
    -ms-name: "Block Quote";
    font-size: 16px;
    padding: 12px 0;
    margin: 20px 40px 4px;
    color: #666;
    display: block;
    font-style: italic;
    border-top: #666 2px solid;
    border-bottom: #666 2px solid;
}

.cocis-maincontent .ms-rtestate-field a,
.cocis-maincontent .ms-rtestate-field a:link,
.cocis-maincontent .ms-rtestate-field a:visited
{
    text-decoration: underline;
}

.ms-rtestate-field p, .ms-rtestate-field ul, .ms-rtestate-field ol, .cocis-rte-Element-DIV
{
    margin: 0;
    padding: 16px 0 0 0;
}

.ms-rtestate-field, .ms-rtestate-field p, .ms-rtestate-field ul, .ms-rtestate-field ol, .cocis-rte-Element-DIV
{
    font-size: 13px;
    line-height: 20px;
}

.ms-rtestate-field ul, .ms-rtestate-field ol
{
    padding: 16px 0 0 2.5em;
}

.ms-asset-icon 
{
    width: 16px !important;
    height: 16px !important;
    margin-top: -2px;
}

/* Button styles */

.cocis-maincontent .ms-rtestate-field a.cocis-button-dark {
    background: url('/Style Library/cocis/images/button_a.png') no-repeat top right;
    color: #fefefe;
    display: block;
    float: left;
    font: 11px arial, sans-serif;
    height: 24px;
    margin-right: 11px; /* sliding doors padding */
    text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
}
 
.cocis-maincontent a.cocis-button-dark span {
    background: url('/Style Library/cocis/images/cocis-sprite-sheet-v1.png') 0 -1858px;
    display: block;
    line-height: 10px;
    padding: 7px 4px 7px 15px;
	margin-right: 11px;
}
 
.cocis-maincontent .ms-rtestate-field a.cocis-button-dark:hover {
    background: url('/Style Library/cocis/images/button_a_hover.png') no-repeat top right;
    color: #cccccc;
    outline: none; /* hide dotted outline in Firefox */
}
 
.cocis-maincontent a.cocis-button-dark:hover span {
    background-position: 0 -1883px;
}
 
.cocis-maincontent .ms-rtestate-field a.cocis-button-dark:active {
    background: url('/Style Library/cocis/images/button_a_down.png') no-repeat top right;
    color: #666666;
    outline: none; /* hide dotted outline in Firefox */
}
 
.cocis-maincontent a.cocis-button-dark:active span {
    background-position: 0 -1908px;
}


/***** Forms *****/

.ms-rtestate-field form
{
    margin: 0;
    padding: 0;
    display: inline;
}

.ms-rtestate-field input, .ms-rtestate-field select, .ms-rtestate-field textarea
{
    font: 13px Arial, Helvetica, sans-serif;
}

.ms-rtestate-field textarea
{
    width: 100%;
    line-height: 20px;
}

.ms-rtestate-field label
{
    cursor: pointer;
}


/***** Content Web Part Styles *****/

/* Image Web Part Styles */

.cocis-maincontent .cocis-float-left
{
    float: left;
    margin: 18px 20px 10px 0;
}

.cocis-maincontent .cocis-float-right
{
    float: right;
    margin: 18px 0 10px 10px;
}

.cocis-maincontent .cocis-has-caption
{
    margin-bottom: 1.25em;
}

.cocis-maincontent .cocis-has-caption .cocis-image
{
    margin-bottom: 6px;
}

.cocis-maincontent .cocis-image-caption
{
    font-size: 11px;
    color: #666;
}

/* Slide Show Web Part Styles */

div#slideshow-container
{
    background: url('/Style Library/cocis/images/cocis-sprite-sheet-bg-y.png') repeat-y;
    background-position: 0px 0px;
    width: 610px;
}

div.content
{
    /* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
    display: none;
    float: right;
    width: 435px;
}

div.navigation
{
    /* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
    display: none;
}

div.content a, div.navigation a
{
    text-decoration: none;
    color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active
{
    text-decoration: underline;
}

div.controls
{
    height: 27px;
    background: url('/Style Library/cocis/images/cocis-ss-header-bkgd.jpg') repeat-x top left;
}

div.controls a
{
    /*padding: 5px;*/
    float: left;
}
div.ss-controls
{
    float: left;
    display: none;
}
div.nav-controls
{
    float: left;
    display: none;
}
div.slideshow-container
{
    clear: both;
    min-height: 435px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader
{
    background-image: url('loader.gif');
    background-repeat: no-repeat;
    background-position: center;
    width: 435px;
    height: 435px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow
{
    width: 435px;
    height: 435px;
    overflow: hidden;
}

div.slideshow span.image-wrapper
{
    display: block;
}
div.slideshow a.advance-link
{
    display: block;
    height: 435px;
    width: 435px;
    text-align: center;
    overflow: hidden;
    text-decoration: none;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited
{
    text-decoration: none;
}
div.slideshow img
{
    vertical-align: middle;
}
div.download
{
    float: right;
}
div.caption-container
{
    background: url('/Style Library/cocis/images/cocis-sprite-sheet-bg-y.png') no-repeat -611px 0px;
    clear: left;
    height: 120px;
    color: #FFF;
    overflow: hidden;
    display: block;
}
span.image-caption
{
    display: block;
    left: 0;
    height: 120px;
    top: 0;
    width: 405px;
}
div.caption
{
    padding: 12px;
}
div.image-title
{
    font-weight: bold;
    font-size: 1.4em;
}
div.image-desc
{
    line-height: 1.3em;
    padding-top: 12px;
}
div.navigation
{
    /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
    background: url('/Style Library/cocis/images/cocis-slideshow-top-bkgd.png') no-repeat 0 0;
}
ul.thumbs
{
    clear: both;
    height: 412px;
    margin: 27px 0 0;
    overflow: hidden;
    padding: 0;
}
ul.thumbs li
{
    float: left;
    padding: 0;
    margin: 3px;
    list-style: none;
}
a.thumb
{
    display: block;
    border: 2px solid white;
    width: 73px;
    height: 73px;
    overflow: hidden;
}
ul.thumbs li.selected a.thumb
{
    border-color: #000;
}
a.thumb:focus
{
    outline: none;
}
ul.thumbs img
{
    border: none;
    display: block;
}
div.pagination
{
    clear: both;
    padding-left: 3px;
}
div.navigation div.top
{
    margin-bottom: 12px;
    height: 11px;
}
div.navigation div.bottom
{
    margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis
{
    display: block;
    float: left;
    margin-left: 0;
    margin-right: 0;
    line-height: 20px;
    border: 1px solid #ccc;
}
div.pagination a:hover
{
    background-color: #eee;
    text-decoration: none;
}
div.pagination span.current
{
    font-weight: bold;
    background-color: #000;
    border-color: #000;
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
}
div.pagination span.ellipsis
{
    border: none;
    padding: 5px 0 3px 2px;
}

ul.noscript
{
    background: #FFF;
}

.thumbpage-next
{
    width: 30px;
    height: 20px;
    background: url('/Style Library/cocis/images/cocis-sprite-sheet-v1.png') -142px -1722px;
    display: block;
    text-indent: -9999px;
    border: none;
    right: 5px;
    left: 0px;
}

.thumbpage-prev
{
    width: 30px;
    height: 20px;
    background: url('/Style Library/cocis/images/cocis-sprite-sheet-v1.png') -195px -1722px;
    display: block;
    text-indent: -9999px;
    border: none;
    left: 0px;
    right: 3px;
}

.top-left-wrapper
{
    padding-left: 2px;
    padding-top: 2px;
    border: 1px solid #ccc;
    width: 75px;
    height: 75px;
}

.bottom-left-wrapper
{
    border: 1px solid #ccc;
    width: 73px;
    height: 73px;
    overflow: hidden;
}

.thumbpage-next:hover
{
    background-position: -142px -1744px;
}

.thumbpage-prev:hover
{
    background-position: -195px -1744px;
}

.pageNum
{
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

/* Customize slideshow navigation buttons */
div.controls .play
{
    width: 23px;
    height: 23px;
    background: url('/Style Library/cocis/images/cocis-sprite-sheet-v1.png') -25px -1788px;
    display: block;
    text-indent: -9999px;
}

div.controls .pause
{
    width: 23px;
    height: 23px;
    background: url('/Style Library/cocis/images/cocis-sprite-sheet-v1.png') -47px -1788px;
    display: block;
    text-indent: -9999px;
}

div.controls .next
{
    width: 25px;
    height: 23px;
    background: url('/Style Library/cocis/images/cocis-sprite-sheet-v1.png') -69px -1788px;
    display: block;
    text-indent: -9999px;
}

div.controls .prev
{
    width: 25px;
    height: 23px;
    background: url('/Style Library/cocis/images/cocis-sprite-sheet-v1.png') -1px -1788px;
    display: block;
    text-indent: -9999px;
    margin-left: 178px;
}

div.controls .pause:hover
{
    background-position: -47px -1834px;
}


div.controls .play:hover
{
    background-position: -25px -1834px;
}

div.controls .next:hover
{
    background-position: -69px -1834px;
}

div.controls .prev:hover
{
    background-position: -1px -1834px;
}

/* Web Part Editing Styles */

#MSOTlPn_Tbl
{
    /* Make the web part properties table always show even on small monitors. */
    position: absolute;
    right: 0px;
    z-index: 1000;
}

.ms-rte-wpbox, .ms-rte-wpbox div
{
    margin-bottom: 0;
}

/* Fix for web part headers */
.ms-WPHeader h3
{
    font-weight: normal;
    font-size: 11px;
    margin: 0;
    padding: 0;
    line-height: normal;
}

.ms-WPHeader .ms-wpTdSpace
{
    width: 0px;
}

.ms-wpContentDivSpace
{
    margin: 0;
}

.ms-rtestate-field .ms-rte-wpbox table
{
    margin: 0;
}

.ms-rtestate-field .ms-rte-wpbox th
{
    font-weight: normal;
    padding: 0;
    background: transparent;
    border-top: none;
    border-bottom: none;
    color: black;
}

.ms-rtestate-field .ms-rte-wpbox td
{
    padding: 0;
    background: transparent;
    border: none;
    color: black;
}

.ms-rtestate-field .ms-rte-wpbox tr:hover td
{
    background: transparent;
    color: black;
}

.ms-rtestate-field .ms-WPHeader a, .ms-rtestate-field .ms-WPHeader a:link, .ms-rtestate-field .ms-WPHeader a:visited, div.container a, div.container a:link, div.container a:visited, div.container a:hover, a.rcRefreshImage, a.rcRefreshImage:link, a.rcRefreshImage:visited, a.rcCaptchaAudioLink, a.rcCaptchaAudioLink:link, a.rcCaptchaAudioLink:visited
{
    text-decoration: none;
}

div.navigation a, div.navigation a:link, div.navigation a:visited, div.navigation a:hover, a.rcRefreshImage:hover, a.rcCaptchaAudioLink:hover, .ms-rtestate-field .ms-WPHeader a:hover
{
    color: #666;
    text-decoration: underline;
}




/* 
Styles for the site owners or users for whom the RTE ribbon buttons are not trimmed. 
These styles determing the values available in the table style, color, font, font-size, 
image styles, and layout positions drop downs.
*/

/***** Tables *****/

.ms-rtestate-field table, 
.cocis-rte-Table-default, 
.cocis-rte-tablecells
{
    -ms-name: "Default City of Calgary Table Style";
    margin: 16px 0 0 0;
    padding: 0;
    text-align: left;
    border-collapse: collapse;
}

.ms-rtestate-field th, 
.cocis-rte-TableHeaderFirstCol-default, 
.cocis-rte-TableHeaderLastCol-default, 
.cocis-rte-TableHeaderOddCol-default, 
.cocis-rte-TableHeaderEvenCol-default
{
    font-weight: normal;
    padding: 8px;
    background: #2e2e2e;
    border-top: 4px solid #505050;
    border-bottom: 1px solid #fff;
    color: #fff;
    text-align: left;
}

.ms-rtestate-field td, 
.cocis-rte-Table-default td, 
th.cocis-rte-TableFirstCol-default, 
th.cocis-rte-TableFooterFirstCol-default
{
    padding: 8px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #2e2e2e;
    border-top: 1px solid transparent;
    background: #EEF0F0;
    text-align: left;
}

tr.cocis-rte-TableEvenRow-default td, 
tr.cocis-rte-TableEvenRow-default th.cocis-rte-TableFirstCol-default, 
tr.cocis-rte-TableEvenRow-default th.cocis-rte-TableFooterFirstCol-default
{
    background: #DEE1E2;
    text-align: left;
}



/***** Colours *****/

.cocis-rte-ForeColor-1
{
    color: darkred;
    -ms-name: "";
    -ms-color: "Dark Red";
}
.cocis-rte-ForeColor-2
{
    color: red;
    -ms-name: "";
    -ms-color: "Red";
}
.cocis-rte-ForeColor-3
{
    color: orange;
    -ms-name: "";
    -ms-color: "Gold";
}
.cocis-rte-ForeColor-4
{
    color: yellow;
    -ms-name: "";
    -ms-color: "Yellow";
}
.cocis-rte-ForeColor-5
{
    color: lightgreen;
    -ms-name: "";
    -ms-color: "Light Green";
}
.cocis-rte-ForeColor-6
{
    color: green;
    -ms-name: "";
    -ms-color: "Dark Green";
}
.cocis-rte-ForeColor-7
{
    color: lightblue;
    -ms-name: "";
    -ms-color: "Sky Blue";
}
.cocis-rte-ForeColor-8
{
    color: blue;
    -ms-name: "";
    -ms-color: "Blue";
}
.cocis-rte-ForeColor-9
{
    color: darkblue;
    -ms-name: "";
    -ms-color: "Dark Blue";
}
.cocis-rte-ForeColor-10
{
    color: purple;
    -ms-name: "";
    -ms-color: "Dark Purple";
}
div.cocis-rte-ForeColor-1
{
    color: darkred;
}
div.cocis-rte-ForeColor-2
{
    color: red;
}
div.cocis-rte-ForeColor-3
{
    color: orange;
}
div.cocis-rte-ForeColor-4
{
    color: yellow;
}
div.cocis-rte-ForeColor-5
{
    color: lightgreen;
}
div.cocis-rte-ForeColor-6
{
    color: green;
}
div.cocis-rte-ForeColor-7
{
    color: lightblue;
}
div.cocis-rte-ForeColor-8
{
    color: blue;
}
div.cocis-rte-ForeColor-9
{
    color: darkblue;
}
div.cocis-rte-ForeColor-10
{
    color: purple;
}
.cocis-rte-BackColor-1
{
    background-color: darkred;
    -ms-name: "";
    -ms-color: "Dark Red";
}
.cocis-rte-BackColor-2
{
    background-color: red;
    -ms-name: "";
    -ms-color: "Red";
}
.cocis-rte-BackColor-3
{
    background-color: orange;
    -ms-name: "";
    -ms-color: "Gold";
}
.cocis-rte-BackColor-4
{
    background-color: yellow;
    -ms-name: "";
    -ms-color: "Yellow";
}
.cocis-rte-BackColor-5
{
    background-color: lightgreen;
    -ms-name: "";
    -ms-color: "Light Green";
}
.cocis-rte-BackColor-6
{
    background-color: green;
    -ms-name: "";
    -ms-color: "Dark Green";
}
.cocis-rte-BackColor-7
{
    background-color: lightblue;
    -ms-name: "";
    -ms-color: "Sky Blue";
}
.cocis-rte-BackColor-8
{
    background-color: blue;
    -ms-name: "";
    -ms-color: "Blue";
}
.cocis-rte-BackColor-9
{
    background-color: darkblue;
    -ms-name: "";
    -ms-color: "Dark Blue";
}
.cocis-rte-BackColor-10
{
    background-color: purple;
    -ms-name: "";
    -ms-color: "Dark Purple";
}
.cocis-rte-FontFace-1
{
    -ms-name: "Tahoma";
    font-family: tahoma;
}
.cocis-rte-FontFace-2
{
    -ms-name: "Courier";
    font-family: courier,monospace;
}
.cocis-rte-FontFace-3
{
    -ms-name: "Times New Roman";
    font-family: "Times New Roman" ,Times,serif;
}
.cocis-rte-FontFace-4
{
    -ms-name: "Comic Sans";
    font-family: "Comic Sans" , "Comic Sans MS" ,cursive;
}
.cocis-rte-FontFace-5
{
    -ms-name: "Calibri";
    font-family: Calibri;
}
.cocis-rte-FontFace-6
{
    -ms-name: "Georgia";
    font-family: Georgia;
}
.cocis-rte-FontFace-7
{
    -ms-name: "Impact";
    font-family: Impact;
}
.cocis-rte-FontFace-8
{
    -ms-name: "Trebuchet MS";
    font-family: "Trebuchet MS" ,helvetica;
}
.cocis-rte-FontFace-9
{
    -ms-name: "Palatino Linotype";
    font-family: "Palatino Linotype" ,Palatino,serif;
}
.cocis-rte-FontFace-10
{
    -ms-name: "Lucida Console";
    font-family: "Lucida Console" ,monaco,sans-serif;
}
.cocis-rte-FontFace-11
{
    -ms-name: "Garamond";
    font-family: garamond;
}
.cocis-rte-ThemeFontFace-1
{
    -ms-name: "Verdana";
    font-family: verdana;
}
.cocis-rte-ThemeFontFace-2
{
    -ms-name: "Arial";
    font-family: arial;
}
.cocis-rte-FontSize-1
{
    font-size: 9px;
    line-height: 12px;
}
.cocis-rte-FontSize-2
{
    font-size: 11px;
    line-height: 16px;
}
.cocis-rte-FontSize-3
{
    font-size: 13px;
    line-height: 20px;
}
.cocis-rte-FontSize-4
{
    font-size: 16px;
    line-height: 20px;
}
.cocis-rte-FontSize-5
{
    font-size: 24px;
    line-height: 24pt;
}
.cocis-rte-FontSize-6
{
    font-size: 36px;
    line-height: 36pt;
}
.cocis-rte-FontSize-7
{
    font-size: 48px;
    line-height: 48pt;
}
.cocis-rte-FontSize-8
{
    font-size: 72px;
    line-height: 72pt;
}
div.cocis-rte-FontSize-1
{
    font-size: 9px;
    line-height: 12px;
}
div.cocis-rte-FontSize-2
{
    font-size: 11px;
    line-height: 16px;
}
div.cocis-rte-FontSize-3
{
    font-size: 13px;
    line-height: 20px;
}
div.cocis-rte-FontSize-4
{
    font-size: 16px;
    line-height: 20px;
}
div.cocis-rte-FontSize-5
{
    font-size: 24px;
    line-height: 24pt;
}
div.cocis-rte-FontSize-6
{
    font-size: 36px;
    line-height: 36pt;
}
div.cocis-rte-FontSize-7
{
    font-size: 48px;
    line-height: 48pt;
}
div.cocis-rte-FontSize-8
{
    font-size: 72px;
    line-height: 72pt;
}
.cocis-rte-ThemeForeColor-1-0
{
    /* [ReplaceColor(themeColor:"Light1")] */
    color: #FFFFFF;
    -ms-name: "Light 1"; /* [ColorName] */
    -ms-color: "White";
}
.cocis-rte-ThemeForeColor-2-0
{
    /* [ReplaceColor(themeColor:"Dark1")] */
    color: #000000;
    -ms-name: "Dark 1"; /* [ColorName] */
    -ms-color: "Black";
}
.cocis-rte-ThemeForeColor-3-0
{
    /* [ReplaceColor(themeColor:"Light2")] */
    color: #F5F6F7;
    -ms-name: "Light 2"; /* [ColorName] */
    -ms-color: "White";
}
.cocis-rte-ThemeForeColor-4-0
{
    /* [ReplaceColor(themeColor:"Dark2")] */
    color: #182738;
    -ms-name: "Dark 2"; /* [ColorName] */
    -ms-color: "Blue Gray";
}
.cocis-rte-ThemeForeColor-5-0
{
    /* [ReplaceColor(themeColor:"Accent1")] */
    color: #0072BC;
    -ms-name: "Accent 1"; /* [ColorName] */
    -ms-color: "Dark Blue";
}
.cocis-rte-ThemeForeColor-6-0
{
    /* [ReplaceColor(themeColor:"Accent2")] */
    color: #EC008C;
    -ms-name: "Accent 2"; /* [ColorName] */
    -ms-color: "Pink";
}
.cocis-rte-ThemeForeColor-7-0
{
    /* [ReplaceColor(themeColor:"Accent3")] */
    color: #00ADEE;
    -ms-name: "Accent 3"; /* [ColorName] */
    -ms-color: "Turquoise";
}
.cocis-rte-ThemeForeColor-8-0
{
    /* [ReplaceColor(themeColor:"Accent4")] */
    color: #FD9F08;
    -ms-name: "Accent 4"; /* [ColorName] */
    -ms-color: "Orange";
}
.cocis-rte-ThemeForeColor-9-0
{
    /* [ReplaceColor(themeColor:"Accent5")] */
    color: #36B000;
    -ms-name: "Accent 5"; /* [ColorName] */
    -ms-color: "Dark Green";
}
.cocis-rte-ThemeForeColor-10-0
{
    /* [ReplaceColor(themeColor:"Accent6")] */
    color: #FAE032;
    -ms-name: "Accent 6"; /* [ColorName] */
    -ms-color: "Yellow";
}
.cocis-rte-ThemeForeColor-1-1
{
    /* [ReplaceColor(themeColor:"Light1-Lightest")] */
    color: #F2F2F2;
    -ms-name: "Light 1 Lightest"; /* [ColorName] */
    -ms-color: "White";
}
.cocis-rte-ThemeForeColor-2-1
{
    /* [ReplaceColor(themeColor:"Dark1-Lightest")] */
    color: #7F7F7F;
    -ms-name: "Dark 1 Lightest"; /* [ColorName] */
    -ms-color: "Gray-50%";
}
.cocis-rte-ThemeForeColor-3-1
{
    /* [ReplaceColor(themeColor:"Light2-Lightest")] */
    color: #D9DDE1;
    -ms-name: "Light 2 Lightest"; /* [ColorName] */
    -ms-color: "Ice Blue";
}
.cocis-rte-ThemeForeColor-4-1
{
    /* [ReplaceColor(themeColor:"Dark2-Lightest")] */
    color: #E0E8F2;
    -ms-name: "Dark 2 Lightest"; /* [ColorName] */
    -ms-color: "Ice Blue";
}
.cocis-rte-ThemeForeColor-5-1
{
    /* [ReplaceColor(themeColor:"Accent1-Lightest")] */
    color: #BEE5FF;
    -ms-name: "Accent 1 Lightest"; /* [ColorName] */
    -ms-color: "Light Blue";
}
.cocis-rte-ThemeForeColor-6-1
{
    /* [ReplaceColor(themeColor:"Accent2-Lightest")] */
    color: #FFC8E8;
    -ms-name: "Accent 2 Lightest"; /* [ColorName] */
    -ms-color: "Pink";
}
.cocis-rte-ThemeForeColor-7-1
{
    /* [ReplaceColor(themeColor:"Accent3-Lightest")] */
    color: #C8F0FF;
    -ms-name: "Accent 3 Lightest"; /* [ColorName] */
    -ms-color: "Light Turquoise";
}
.cocis-rte-ThemeForeColor-8-1
{
    /* [ReplaceColor(themeColor:"Accent4-Lightest")] */
    color: #FEEBCD;
    -ms-name: "Accent 4 Lightest"; /* [ColorName] */
    -ms-color: "Light Orange";
}
.cocis-rte-ThemeForeColor-9-1
{
    /* [ReplaceColor(themeColor:"Accent5-Lightest")] */
    color: #D0FFBC;
    -ms-name: "Accent 5 Lightest"; /* [ColorName] */
    -ms-color: "Light Green";
}
.cocis-rte-ThemeForeColor-10-1
{
    /* [ReplaceColor(themeColor:"Accent6-Lightest")] */
    color: #FEF8D6;
    -ms-name: "Accent 6 Lightest"; /* [ColorName] */
    -ms-color: "Light Yellow";
}
.cocis-rte-ThemeForeColor-1-2
{
    /* [ReplaceColor(themeColor:"Light1-Lighter")] */
    color: #D8D8D8;
    -ms-name: "Light 1 Lighter"; /* [ColorName] */
    -ms-color: "Gray-25%";
}
.cocis-rte-ThemeForeColor-2-2
{
    /* [ReplaceColor(themeColor:"Dark1-Lighter")] */
    color: #595959;
    -ms-name: "Dark 1 Lighter"; /* [ColorName] */
    -ms-color: "Gray-80%";
}
.cocis-rte-ThemeForeColor-3-2
{
    /* [ReplaceColor(themeColor:"Light2-Lighter")] */
    color: #B0B8C0;
    -ms-name: "Light 2 Lighter"; /* [ColorName] */
    -ms-color: "Ice Blue";
}
.cocis-rte-ThemeForeColor-4-2
{
    /* [ReplaceColor(themeColor:"Dark2-Lighter")] */
    color: #B3C7DE;
    -ms-name: "Dark 2 Lighter"; /* [ColorName] */
    -ms-color: "Ice Blue";
}
.cocis-rte-ThemeForeColor-5-2
{
    /* [ReplaceColor(themeColor:"Accent1-Lighter")] */
    color: #7ECCFF;
    -ms-name: "Accent 1 Lighter"; /* [ColorName] */
    -ms-color: "Light Turquoise";
}
.cocis-rte-ThemeForeColor-6-2
{
    /* [ReplaceColor(themeColor:"Accent2-Lighter")] */
    color: #FF91D2;
    -ms-name: "Accent 2 Lighter"; /* [ColorName] */
    -ms-color: "Pink";
}
.cocis-rte-ThemeForeColor-7-2
{
    /* [ReplaceColor(themeColor:"Accent3-Lighter")] */
    color: #92E1FF;
    -ms-name: "Accent 3 Lighter"; /* [ColorName] */
    -ms-color: "Light Turquoise";
}
.cocis-rte-ThemeForeColor-8-2
{
    /* [ReplaceColor(themeColor:"Accent4-Lighter")] */
    color: #FED89C;
    -ms-name: "Accent 4 Lighter"; /* [ColorName] */
    -ms-color: "Light Orange";
}
.cocis-rte-ThemeForeColor-9-2
{
    /* [ReplaceColor(themeColor:"Accent5-Lighter")] */
    color: #A2FF79;
    -ms-name: "Accent 5 Lighter"; /* [ColorName] */
    -ms-color: "Light Green";
}
.cocis-rte-ThemeForeColor-10-2
{
    /* [ReplaceColor(themeColor:"Accent6-Lighter")] */
    color: #FDF2AD;
    -ms-name: "Accent 6 Lighter"; /* [ColorName] */
    -ms-color: "Light Yellow";
}
.cocis-rte-ThemeForeColor-1-3
{
    /* [ReplaceColor(themeColor:"Light1-Medium")] */
    color: #BFBFBF;
    -ms-name: "Light 1 Medium"; /* [ColorName] */
    -ms-color: "Gray-25%";
}
.cocis-rte-ThemeForeColor-2-3
{
    /* [ReplaceColor(themeColor:"Dark1-Medium")] */
    color: #3F3F3F;
    -ms-name: "Dark 1 Medium"; /* [ColorName] */
    -ms-color: "Gray-80%";
}
.cocis-rte-ThemeForeColor-3-3
{
    /* [ReplaceColor(themeColor:"Light2-Medium")] */
    color: #6D7B88;
    -ms-name: "Light 2 Medium"; /* [ColorName] */
    -ms-color: "Blue Gray";
}
.cocis-rte-ThemeForeColor-4-3
{
    /* [ReplaceColor(themeColor:"Dark2-Medium")] */
    color: #6890BE;
    -ms-name: "Dark 2 Medium"; /* [ColorName] */
    -ms-color: "Blue Gray";
}
.cocis-rte-ThemeForeColor-5-3
{
    /* [ReplaceColor(themeColor:"Accent1-Medium")] */
    color: #3DB2FF;
    -ms-name: "Accent 1 Medium"; /* [ColorName] */
    -ms-color: "Blue";
}
.cocis-rte-ThemeForeColor-6-3
{
    /* [ReplaceColor(themeColor:"Accent2-Medium")] */
    color: #FF5ABC;
    -ms-name: "Accent 2 Medium"; /* [ColorName] */
    -ms-color: "Pink";
}
.cocis-rte-ThemeForeColor-7-3
{
    /* [ReplaceColor(themeColor:"Accent3-Medium")] */
    color: #5BD2FF;
    -ms-name: "Accent 3 Medium"; /* [ColorName] */
    -ms-color: "Light Turquoise";
}
.cocis-rte-ThemeForeColor-8-3
{
    /* [ReplaceColor(themeColor:"Accent4-Medium")] */
    color: #FDC56A;
    -ms-name: "Accent 4 Medium"; /* [ColorName] */
    -ms-color: "Light Orange";
}
.cocis-rte-ThemeForeColor-9-3
{
    /* [ReplaceColor(themeColor:"Accent5-Medium")] */
    color: #74FF36;
    -ms-name: "Accent 5 Medium"; /* [ColorName] */
    -ms-color: "Green";
}
.cocis-rte-ThemeForeColor-10-3
{
    /* [ReplaceColor(themeColor:"Accent6-Medium")] */
    color: #FCEC84;
    -ms-name: "Accent 6 Medium"; /* [ColorName] */
    -ms-color: "Light Yellow";
}
.cocis-rte-ThemeForeColor-1-4
{
    /* [ReplaceColor(themeColor:"Light1-Darker")] */
    color: #A5A5A5;
    -ms-name: "Light 1 Darker"; /* [ColorName] */
    -ms-color: "Gray-50%";
}
.cocis-rte-ThemeForeColor-2-4
{
    /* [ReplaceColor(themeColor:"Dark1-Darker")] */
    color: #262626;
    -ms-name: "Dark 1 Darker"; /* [ColorName] */
    -ms-color: "Gray-80%";
}
.cocis-rte-ThemeForeColor-3-4
{
    /* [ReplaceColor(themeColor:"Light2-Darker")] */
    color: #363D44;
    -ms-name: "Light 2 Darker"; /* [ColorName] */
    -ms-color: "Blue Gray";
}
.cocis-rte-ThemeForeColor-4-4
{
    /* [ReplaceColor(themeColor:"Dark2-Darker")] */
    color: #385B83;
    -ms-name: "Dark 2 Darker"; /* [ColorName] */
    -ms-color: "Blue Gray";
}
.cocis-rte-ThemeForeColor-5-4
{
    /* [ReplaceColor(themeColor:"Accent1-Darker")] */
    color: #00558D;
    -ms-name: "Accent 1 Darker"; /* [ColorName] */
    -ms-color: "Dark Blue";
}
.cocis-rte-ThemeForeColor-6-4
{
    /* [ReplaceColor(themeColor:"Accent2-Darker")] */
    color: #B10069;
    -ms-name: "Accent 2 Darker"; /* [ColorName] */
    -ms-color: "Plum";
}
.cocis-rte-ThemeForeColor-7-4
{
    /* [ReplaceColor(themeColor:"Accent3-Darker")] */
    color: #0081B2;
    -ms-name: "Accent 3 Darker"; /* [ColorName] */
    -ms-color: "Turquoise";
}
.cocis-rte-ThemeForeColor-8-4
{
    /* [ReplaceColor(themeColor:"Accent4-Darker")] */
    color: #C27801;
    -ms-name: "Accent 4 Darker"; /* [ColorName] */
    -ms-color: "Brown";
}
.cocis-rte-ThemeForeColor-9-4
{
    /* [ReplaceColor(themeColor:"Accent5-Darker")] */
    color: #288400;
    -ms-name: "Accent 5 Darker"; /* [ColorName] */
    -ms-color: "Dark Green";
}
.cocis-rte-ThemeForeColor-10-4
{
    /* [ReplaceColor(themeColor:"Accent6-Darker")] */
    color: #DBBF05;
    -ms-name: "Accent 6 Darker"; /* [ColorName] */
    -ms-color: "Yellow";
}
.cocis-rte-ThemeForeColor-1-5
{
    /* [ReplaceColor(themeColor:"Light1-Darkest")] */
    color: #7F7F7F;
    -ms-name: "Light 1 Darkest"; /* [ColorName] */
    -ms-color: "Gray-50%";
}
.cocis-rte-ThemeForeColor-2-5
{
    /* [ReplaceColor(themeColor:"Dark1-Darkest")] */
    color: #0C0C0C;
    -ms-name: "Dark 1 Darkest"; /* [ColorName] */
    -ms-color: "Black";
}
.cocis-rte-ThemeForeColor-3-5
{
    /* [ReplaceColor(themeColor:"Light2-Darkest")] */
    color: #15181B;
    -ms-name: "Light 2 Darkest"; /* [ColorName] */
    -ms-color: "Blue Gray";
}
.cocis-rte-ThemeForeColor-4-5
{
    /* [ReplaceColor(themeColor:"Dark2-Darkest")] */
    color: #243B56;
    -ms-name: "Dark 2 Darkest"; /* [ColorName] */
    -ms-color: "Blue Gray";
}
.cocis-rte-ThemeForeColor-5-5
{
    /* [ReplaceColor(themeColor:"Accent1-Darkest")] */
    color: #00395E;
    -ms-name: "Accent 1 Darkest"; /* [ColorName] */
    -ms-color: "Dark Blue";
}
.cocis-rte-ThemeForeColor-6-5
{
    /* [ReplaceColor(themeColor:"Accent2-Darkest")] */
    color: #760046;
    -ms-name: "Accent 2 Darkest"; /* [ColorName] */
    -ms-color: "Plum";
}
.cocis-rte-ThemeForeColor-7-5
{
    /* [ReplaceColor(themeColor:"Accent3-Darkest")] */
    color: #005677;
    -ms-name: "Accent 3 Darkest"; /* [ColorName] */
    -ms-color: "Dark Teal";
}
.cocis-rte-ThemeForeColor-8-5
{
    /* [ReplaceColor(themeColor:"Accent4-Darkest")] */
    color: #815001;
    -ms-name: "Accent 4 Darkest"; /* [ColorName] */
    -ms-color: "Brown";
}
.cocis-rte-ThemeForeColor-9-5
{
    /* [ReplaceColor(themeColor:"Accent5-Darkest")] */
    color: #1b5800;
    -ms-name: "Accent 5 Darkest"; /* [ColorName] */
    -ms-color: "Dark Green";
}
.cocis-rte-ThemeForeColor-10-5
{
    /* [ReplaceColor(themeColor:"Accent6-Darkest")] */
    color: #927F03;
    -ms-name: "Accent 6 Darkest"; /* [ColorName] */
    -ms-color: "Dark Yellow";
}




div.cocis-rte-ThemeForeColor-1-0
{
    /* [ReplaceColor(themeColor:"Light1")] */
    color: #FFFFFF;
}
div.cocis-rte-ThemeForeColor-2-0
{
    /* [ReplaceColor(themeColor:"Dark1")] */
    color: #000000;
}
div.cocis-rte-ThemeForeColor-3-0
{
    /* [ReplaceColor(themeColor:"Light2")] */
    color: #F5F6F7;
}
div.cocis-rte-ThemeForeColor-4-0
{
    /* [ReplaceColor(themeColor:"Dark2")] */
    color: #182738;
}
div.cocis-rte-ThemeForeColor-5-0
{
    /* [ReplaceColor(themeColor:"Accent1")] */
    color: #0072BC;
}
div.cocis-rte-ThemeForeColor-6-0
{
    /* [ReplaceColor(themeColor:"Accent2")] */
    color: #EC008C;
}
div.cocis-rte-ThemeForeColor-7-0
{
    /* [ReplaceColor(themeColor:"Accent3")] */
    color: #00ADEE;
}
div.cocis-rte-ThemeForeColor-8-0
{
    /* [ReplaceColor(themeColor:"Accent4")] */
    color: #FD9F08;
}
div.cocis-rte-ThemeForeColor-9-0
{
    /* [ReplaceColor(themeColor:"Accent5")] */
    color: #36B000;
}
div.cocis-rte-ThemeForeColor-10-0
{
    /* [ReplaceColor(themeColor:"Accent6")] */
    color: #FAE032;
}
div.cocis-rte-ThemeForeColor-1-1
{
    /* [ReplaceColor(themeColor:"Light1-Lightest")] */
    color: #F2F2F2;
}
div.cocis-rte-ThemeForeColor-2-1
{
    /* [ReplaceColor(themeColor:"Dark1-Lightest")] */
    color: #7F7F7F;
}
div.cocis-rte-ThemeForeColor-3-1
{
    /* [ReplaceColor(themeColor:"Light2-Lightest")] */
    color: #D9DDE1;
}
div.cocis-rte-ThemeForeColor-4-1
{
    /* [ReplaceColor(themeColor:"Dark2-Lightest")] */
    color: #E0E8F2;
}
div.cocis-rte-ThemeForeColor-5-1
{
    /* [ReplaceColor(themeColor:"Accent1-Lightest")] */
    color: #BEE5FF;
}
div.cocis-rte-ThemeForeColor-6-1
{
    /* [ReplaceColor(themeColor:"Accent2-Lightest")] */
    color: #FFC8E8;
}
div.cocis-rte-ThemeForeColor-7-1
{
    /* [ReplaceColor(themeColor:"Accent3-Lightest")] */
    color: #C8F0FF;
}
div.cocis-rte-ThemeForeColor-8-1
{
    /* [ReplaceColor(themeColor:"Accent4-Lightest")] */
    color: #FEEBCD;
}
div.cocis-rte-ThemeForeColor-9-1
{
    /* [ReplaceColor(themeColor:"Accent5-Lightest")] */
    color: #D0FFBC;
}
div.cocis-rte-ThemeForeColor-10-1
{
    /* [ReplaceColor(themeColor:"Accent6-Lightest")] */
    color: #FEF8D6;
}
div.cocis-rte-ThemeForeColor-1-2
{
    /* [ReplaceColor(themeColor:"Light1-Lighter")] */
    color: #D8D8D8;
}
div.cocis-rte-ThemeForeColor-2-2
{
    /* [ReplaceColor(themeColor:"Dark1-Lighter")] */
    color: #595959;
}
div.cocis-rte-ThemeForeColor-3-2
{
    /* [ReplaceColor(themeColor:"Light2-Lighter")] */
    color: #B0B8C0;
}
div.cocis-rte-ThemeForeColor-4-2
{
    /* [ReplaceColor(themeColor:"Dark2-Lighter")] */
    color: #B3C7DE;
}
div.cocis-rte-ThemeForeColor-5-2
{
    /* [ReplaceColor(themeColor:"Accent1-Lighter")] */
    color: #7ECCFF;
}
div.cocis-rte-ThemeForeColor-6-2
{
    /* [ReplaceColor(themeColor:"Accent2-Lighter")] */
    color: #FF91D2;
}
div.cocis-rte-ThemeForeColor-7-2
{
    /* [ReplaceColor(themeColor:"Accent3-Lighter")] */
    color: #92E1FF;
}
div.cocis-rte-ThemeForeColor-8-2
{
    /* [ReplaceColor(themeColor:"Accent4-Lighter")] */
    color: #FED89C;
}
div.cocis-rte-ThemeForeColor-9-2
{
    /* [ReplaceColor(themeColor:"Accent5-Lighter")] */
    color: #A2FF79;
}
div.cocis-rte-ThemeForeColor-10-2
{
    /* [ReplaceColor(themeColor:"Accent6-Lighter")] */
    color: #FDF2AD;
}
div.cocis-rte-ThemeForeColor-1-3
{
    /* [ReplaceColor(themeColor:"Light1-Medium")] */
    color: #BFBFBF;
}
div.cocis-rte-ThemeForeColor-2-3
{
    /* [ReplaceColor(themeColor:"Dark1-Medium")] */
    color: #3F3F3F;
}
div.cocis-rte-ThemeForeColor-3-3
{
    /* [ReplaceColor(themeColor:"Light2-Medium")] */
    color: #6D7B88;
}
div.cocis-rte-ThemeForeColor-4-3
{
    /* [ReplaceColor(themeColor:"Dark2-Medium")] */
    color: #6890BE;
}
div.cocis-rte-ThemeForeColor-5-3
{
    /* [ReplaceColor(themeColor:"Accent1-Medium")] */
    color: #3DB2FF;
}
div.cocis-rte-ThemeForeColor-6-3
{
    /* [ReplaceColor(themeColor:"Accent2-Medium")] */
    color: #FF5ABC;
}
div.cocis-rte-ThemeForeColor-7-3
{
    /* [ReplaceColor(themeColor:"Accent3-Medium")] */
    color: #5BD2FF;
}
div.cocis-rte-ThemeForeColor-8-3
{
    /* [ReplaceColor(themeColor:"Accent4-Medium")] */
    color: #FDC56A;
}
div.cocis-rte-ThemeForeColor-9-3
{
    /* [ReplaceColor(themeColor:"Accent5-Medium")] */
    color: #74FF36;
}
div.cocis-rte-ThemeForeColor-10-3
{
    /* [ReplaceColor(themeColor:"Accent6-Medium")] */
    color: #FCEC84;
}
div.cocis-rte-ThemeForeColor-1-4
{
    /* [ReplaceColor(themeColor:"Light1-Darker")] */
    color: #A5A5A5;
}
div.cocis-rte-ThemeForeColor-2-4
{
    /* [ReplaceColor(themeColor:"Dark1-Darker")] */
    color: #262626;
}
div.cocis-rte-ThemeForeColor-3-4
{
    /* [ReplaceColor(themeColor:"Light2-Darker")] */
    color: #363D44;
}
div.cocis-rte-ThemeForeColor-4-4
{
    /* [ReplaceColor(themeColor:"Dark2-Darker")] */
    color: #385B83;
}
div.cocis-rte-ThemeForeColor-5-4
{
    /* [ReplaceColor(themeColor:"Accent1-Darker")] */
    color: #00558D;
}
div.cocis-rte-ThemeForeColor-6-4
{
    /* [ReplaceColor(themeColor:"Accent2-Darker")] */
    color: #B10069;
}
div.cocis-rte-ThemeForeColor-7-4
{
    /* [ReplaceColor(themeColor:"Accent3-Darker")] */
    color: #0081B2;
}
div.cocis-rte-ThemeForeColor-8-4
{
    /* [ReplaceColor(themeColor:"Accent4-Darker")] */
    color: #C27801;
}
div.cocis-rte-ThemeForeColor-9-4
{
    /* [ReplaceColor(themeColor:"Accent5-Darker")] */
    color: #288400;
}
div.cocis-rte-ThemeForeColor-10-4
{
    /* [ReplaceColor(themeColor:"Accent6-Darker")] */
    color: #DBBF05;
}
div.cocis-rte-ThemeForeColor-1-5
{
    /* [ReplaceColor(themeColor:"Light1-Darkest")] */
    color: #7F7F7F;
}
div.cocis-rte-ThemeForeColor-2-5
{
    /* [ReplaceColor(themeColor:"Dark1-Darkest")] */
    color: #0C0C0C;
}
div.cocis-rte-ThemeForeColor-3-5
{
    /* [ReplaceColor(themeColor:"Light2-Darkest")] */
    color: #15181B;
}
div.cocis-rte-ThemeForeColor-4-5
{
    /* [ReplaceColor(themeColor:"Dark2-Darkest")] */
    color: #243B56;
}
div.cocis-rte-ThemeForeColor-5-5
{
    /* [ReplaceColor(themeColor:"Accent1-Darkest")] */
    color: #00395E;
}
div.cocis-rte-ThemeForeColor-6-5
{
    /* [ReplaceColor(themeColor:"Accent2-Darkest")] */
    color: #760046;
}
div.cocis-rte-ThemeForeColor-7-5
{
    /* [ReplaceColor(themeColor:"Accent3-Darkest")] */
    color: #005677;
}
div.cocis-rte-ThemeForeColor-8-5
{
    /* [ReplaceColor(themeColor:"Accent4-Darkest")] */
    color: #815001;
}
div.cocis-rte-ThemeForeColor-9-5
{
    /* [ReplaceColor(themeColor:"Accent5-Darkest")] */
    color: #1b5800;
}
div.cocis-rte-ThemeForeColor-10-5
{
    /* [ReplaceColor(themeColor:"Accent6-Darkest")] */
    color: #927F03;
}



.cocis-rte-ThemeBackColor-1-0
{
    /* [ReplaceColor(themeColor:"Light1")] */
    background-color: #FFFFFF;
    -ms-name: "Light 1"; /* [ColorName] */
    -ms-color: "White";
}
.cocis-rte-ThemeBackColor-2-0
{
    /* [ReplaceColor(themeColor:"Dark1")] */
    background-color: #000000;
    -ms-name: "Dark 1"; /* [ColorName] */
    -ms-color: "Black";
}
.cocis-rte-ThemeBackColor-3-0
{
    /* [ReplaceColor(themeColor:"Light2")] */
    background-color: #F5F6F7;
    -ms-name: "Light 2"; /* [ColorName] */
    -ms-color: "White";
}
.cocis-rte-ThemeBackColor-4-0
{
    /* [ReplaceColor(themeColor:"Dark2")] */
    background-color: #182738;
    -ms-name: "Dark 2"; /* [ColorName] */
    -ms-color: "Blue Gray";
}
.cocis-rte-ThemeBackColor-5-0
{
    /* [ReplaceColor(themeColor:"Accent1")] */
    background-color: #0072BC;
    -ms-name: "Accent 1"; /* [ColorName] */
    -ms-color: "Dark Blue";
}
.cocis-rte-ThemeBackColor-6-0
{
    /* [ReplaceColor(themeColor:"Accent2")] */
    background-color: #EC008C;
    -ms-name: "Accent 2"; /* [ColorName] */
    -ms-color: "Pink";
}
.cocis-rte-ThemeBackColor-7-0
{
    /* [ReplaceColor(themeColor:"Accent3")] */
    background-color: #00ADEE;
    -ms-name: "Accent 3"; /* [ColorName] */
    -ms-color: "Turquoise";
}
.cocis-rte-ThemeBackColor-8-0
{
    /* [ReplaceColor(themeColor:"Accent4")] */
    background-color: #FD9F08;
    -ms-name: "Accent 4"; /* [ColorName] */
    -ms-color: "Orange";
}
.cocis-rte-ThemeBackColor-9-0
{
    /* [ReplaceColor(themeColor:"Accent5")] */
    background-color: #36B000;
    -ms-name: "Accent 5"; /* [ColorName] */
    -ms-color: "Dark Green";
}
.cocis-rte-ThemeBackColor-10-0
{
    /* [ReplaceColor(themeColor:"Accent6")] */
    background-color: #FAE032;
    -ms-name: "Accent 6"; /* [ColorName] */
    -ms-color: "Yellow";
}
.cocis-rte-ThemeBackColor-1-1
{
    /* [ReplaceColor(themeColor:"Light1-Lightest")] */
    background-color: #F2F2F2;
    -ms-name: "Light 1 Lightest"; /* [ColorName] */
    -ms-color: "White";
}
.cocis-rte-ThemeBackColor-2-1
{
    /* [ReplaceColor(themeColor:"Dark1-Lightest")] */
    background-color: #7F7F7F;
    -ms-name: "Dark 1 Lightest"; /* [ColorName] */
    -ms-color: "Gray-50%";
}
.cocis-rte-ThemeBackColor-3-1
{
    /* [ReplaceColor(themeColor:"Light2-Lightest")] */
    background-color: #D9DDE1;
    -ms-name: "Light 2 Lightest"; /* [ColorName] */
    -ms-color: "Ice Blue";
}
.cocis-rte-ThemeBackColor-4-1
{
    /* [ReplaceColor(themeColor:"Dark2-Lightest")] */
    background-color: #E0E8F2;
    -ms-name: "Dark 2 Lightest"; /* [ColorName] */
    -ms-color: "Ice Blue";
}
.cocis-rte-ThemeBackColor-5-1
{
    /* [ReplaceColor(themeColor:"Accent1-Lightest")] */
    background-color: #BEE5FF;
    -ms-name: "Accent 1 Lightest"; /* [ColorName] */
    -ms-color: "Light Blue";
}
.cocis-rte-ThemeBackColor-6-1
{
    /* [ReplaceColor(themeColor:"Accent2-Lightest")] */
    background-color: #FFC8E8;
    -ms-name: "Accent 2 Lightest"; /* [ColorName] */
    -ms-color: "Pink";
}
.cocis-rte-ThemeBackColor-7-1
{
    /* [ReplaceColor(themeColor:"Accent3-Lightest")] */
    background-color: #C8F0FF;
    -ms-name: "Accent 3 Lightest"; /* [ColorName] */
    -ms-color: "Light Turquoise";
}
.cocis-rte-ThemeBackColor-8-1
{
    /* [ReplaceColor(themeColor:"Accent4-Lightest")] */
    background-color: #FEEBCD;
    -ms-name: "Accent 4 Lightest"; /* [ColorName] */
    -ms-color: "Light Orange";
}
.cocis-rte-ThemeBackColor-9-1
{
    /* [ReplaceColor(themeColor:"Accent5-Lightest")] */
    background-color: #D0FFBC;
    -ms-name: "Accent 5 Lightest"; /* [ColorName] */
    -ms-color: "Light Green";
}
.cocis-rte-ThemeBackColor-10-1
{
    /* [ReplaceColor(themeColor:"Accent6-Lightest")] */
    background-color: #FEF8D6;
    -ms-name: "Accent 6 Lightest"; /* [ColorName] */
    -ms-color: "Light Yellow";
}
.cocis-rte-ThemeBackColor-1-2
{
    /* [ReplaceColor(themeColor:"Light1-Lighter")] */
    background-color: #D8D8D8;
    -ms-name: "Light 1 Lighter"; /* [ColorName] */
    -ms-color: "Gray-25%";
}
.cocis-rte-ThemeBackColor-2-2
{
    /* [ReplaceColor(themeColor:"Dark1-Lighter")] */
    background-color: #595959;
    -ms-name: "Dark 1 Lighter"; /* [ColorName] */
    -ms-color: "Gray-80%";
}
.cocis-rte-ThemeBackColor-3-2
{
    /* [ReplaceColor(themeColor:"Light2-Lighter")] */
    background-color: #B0B8C0;
    -ms-name: "Light 2 Lighter"; /* [ColorName] */
    -ms-color: "Ice Blue";
}
.cocis-rte-ThemeBackColor-4-2
{
    /* [ReplaceColor(themeColor:"Dark2-Lighter")] */
    background-color: #B3C7DE;
    -ms-name: "Dark 2 Lighter"; /* [ColorName] */
    -ms-color: "Ice Blue";
}
.cocis-rte-ThemeBackColor-5-2
{
    /* [ReplaceColor(themeColor:"Accent1-Lighter")] */
    background-color: #7ECCFF;
    -ms-name: "Accent 1 Lighter"; /* [ColorName] */
    -ms-color: "Light Turquoise";
}
.cocis-rte-ThemeBackColor-6-2
{
    /* [ReplaceColor(themeColor:"Accent2-Lighter")] */
    background-color: #FF91D2;
    -ms-name: "Accent 2 Lighter"; /* [ColorName] */
    -ms-color: "Pink";
}
.cocis-rte-ThemeBackColor-7-2
{
    /* [ReplaceColor(themeColor:"Accent3-Lighter")] */
    background-color: #92E1FF;
    -ms-name: "Accent 3 Lighter"; /* [ColorName] */
    -ms-color: "Light Turquoise";
}
.cocis-rte-ThemeBackColor-8-2
{
    /* [ReplaceColor(themeColor:"Accent4-Lighter")] */
    background-color: #FED89C;
    -ms-name: "Accent 4 Lighter"; /* [ColorName] */
    -ms-color: "Light Orange";
}
.cocis-rte-ThemeBackColor-9-2
{
    /* [ReplaceColor(themeColor:"Accent5-Lighter")] */
    background-color: #A2FF79;
    -ms-name: "Accent 5 Lighter"; /* [ColorName] */
    -ms-color: "Light Green";
}
.cocis-rte-ThemeBackColor-10-2
{
    /* [ReplaceColor(themeColor:"Accent6-Lighter")] */
    background-color: #FDF2AD;
    -ms-name: "Accent 6 Lighter"; /* [ColorName] */
    -ms-color: "Light Yellow";
}
.cocis-rte-ThemeBackColor-1-3
{
    /* [ReplaceColor(themeColor:"Light1-Medium")] */
    background-color: #BFBFBF;
    -ms-name: "Light 1 Medium"; /* [ColorName] */
    -ms-color: "Gray-25%";
}
.cocis-rte-ThemeBackColor-2-3
{
    /* [ReplaceColor(themeColor:"Dark1-Medium")] */
    background-color: #3F3F3F;
    -ms-name: "Dark 1 Medium"; /* [ColorName] */
    -ms-color: "Gray-80%";
}
.cocis-rte-ThemeBackColor-3-3
{
    /* [ReplaceColor(themeColor:"Light2-Medium")] */
    background-color: #6D7B88;
    -ms-name: "Light 2 Medium"; /* [ColorName] */
    -ms-color: "Blue Gray";
}
.cocis-rte-ThemeBackColor-4-3
{
    /* [ReplaceColor(themeColor:"Dark2-Medium")] */
    background-color: #6890BE;
    -ms-name: "Dark 2 Medium"; /* [ColorName] */
    -ms-color: "Blue Gray";
}
.cocis-rte-ThemeBackColor-5-3
{
    /* [ReplaceColor(themeColor:"Accent1-Medium")] */
    background-color: #3DB2FF;
    -ms-name: "Accent 1 Medium"; /* [ColorName] */
    -ms-color: "Blue";
}
.cocis-rte-ThemeBackColor-6-3
{
    /* [ReplaceColor(themeColor:"Accent2-Medium")] */
    background-color: #FF5ABC;
    -ms-name: "Accent 2 Medium"; /* [ColorName] */
    -ms-color: "Pink";
}
.cocis-rte-ThemeBackColor-7-3
{
    /* [ReplaceColor(themeColor:"Accent3-Medium")] */
    background-color: #5BD2FF;
    -ms-name: "Accent 3 Medium"; /* [ColorName] */
    -ms-color: "Light Turquoise";
}
.cocis-rte-ThemeBackColor-8-3
{
    /* [ReplaceColor(themeColor:"Accent4-Medium")] */
    background-color: #FDC56A;
    -ms-name: "Accent 4 Medium"; /* [ColorName] */
    -ms-color: "Light Orange";
}
.cocis-rte-ThemeBackColor-9-3
{
    /* [ReplaceColor(themeColor:"Accent5-Medium")] */
    background-color: #74FF36;
    -ms-name: "Accent 5 Medium"; /* [ColorName] */
    -ms-color: "Green";
}
.cocis-rte-ThemeBackColor-10-3
{
    /* [ReplaceColor(themeColor:"Accent6-Medium")] */
    background-color: #FCEC84;
    -ms-name: "Accent 6 Medium"; /* [ColorName] */
    -ms-color: "Light Yellow";
}
.cocis-rte-ThemeBackColor-1-4
{
    /* [ReplaceColor(themeColor:"Light1-Darker")] */
    background-color: #A5A5A5;
    -ms-name: "Light 1 Darker"; /* [ColorName] */
    -ms-color: "Gray-50%";
}
.cocis-rte-ThemeBackColor-2-4
{
    /* [ReplaceColor(themeColor:"Dark1-Darker")] */
    background-color: #262626;
    -ms-name: "Dark 1 Darker"; /* [ColorName] */
    -ms-color: "Gray-80%";
}
.cocis-rte-ThemeBackColor-3-4
{
    /* [ReplaceColor(themeColor:"Light2-Darker")] */
    background-color: #363D44;
    -ms-name: "Light 2 Darker"; /* [ColorName] */
    -ms-color: "Blue Gray";
}
.cocis-rte-ThemeBackColor-4-4
{
    /* [ReplaceColor(themeColor:"Dark2-Darker")] */
    background-color: #385B83;
    -ms-name: "Dark 2 Darker"; /* [ColorName] */
    -ms-color: "Blue Gray";
}
.cocis-rte-ThemeBackColor-5-4
{
    /* [ReplaceColor(themeColor:"Accent1-Darker")] */
    background-color: #00558D;
    -ms-name: "Accent 1 Darker"; /* [ColorName] */
    -ms-color: "Dark Blue";
}
.cocis-rte-ThemeBackColor-6-4
{
    /* [ReplaceColor(themeColor:"Accent2-Darker")] */
    background-color: #B10069;
    -ms-name: "Accent 2 Darker"; /* [ColorName] */
    -ms-color: "Plum";
}
.cocis-rte-ThemeBackColor-7-4
{
    /* [ReplaceColor(themeColor:"Accent3-Darker")] */
    background-color: #0081B2;
    -ms-name: "Accent 3 Darker"; /* [ColorName] */
    -ms-color: "Turquoise";
}
.cocis-rte-ThemeBackColor-8-4
{
    /* [ReplaceColor(themeColor:"Accent4-Darker")] */
    background-color: #C27801;
    -ms-name: "Accent 4 Darker"; /* [ColorName] */
    -ms-color: "Brown";
}
.cocis-rte-ThemeBackColor-9-4
{
    /* [ReplaceColor(themeColor:"Accent5-Darker")] */
    background-color: #288400;
    -ms-name: "Accent 5 Darker"; /* [ColorName] */
    -ms-color: "Dark Green";
}
.cocis-rte-ThemeBackColor-10-4
{
    /* [ReplaceColor(themeColor:"Accent6-Darker")] */
    background-color: #DBBF05;
    -ms-name: "Accent 6 Darker"; /* [ColorName] */
    -ms-color: "Yellow";
}
.cocis-rte-ThemeBackColor-1-5
{
    /* [ReplaceColor(themeColor:"Light1-Darkest")] */
    background-color: #7F7F7F;
    -ms-name: "Light 1 Darkest"; /* [ColorName] */
    -ms-color: "Gray-50%";
}
.cocis-rte-ThemeBackColor-2-5
{
    /* [ReplaceColor(themeColor:"Dark1-Darkest")] */
    background-color: #0C0C0C;
    -ms-name: "Dark 1 Darkest"; /* [ColorName] */
    -ms-color: "Black";
}
.cocis-rte-ThemeBackColor-3-5
{
    /* [ReplaceColor(themeColor:"Light2-Darkest")] */
    background-color: #15181B;
    -ms-name: "Light 2 Darkest"; /* [ColorName] */
    -ms-color: "Blue Gray";
}
.cocis-rte-ThemeBackColor-4-5
{
    /* [ReplaceColor(themeColor:"Dark2-Darkest")] */
    background-color: #243B56;
    -ms-name: "Dark 2 Darkest"; /* [ColorName] */
    -ms-color: "Blue Gray";
}
.cocis-rte-ThemeBackColor-5-5
{
    /* [ReplaceColor(themeColor:"Accent1-Darkest")] */
    background-color: #00395E;
    -ms-name: "Accent 1 Darkest"; /* [ColorName] */
    -ms-color: "Dark Blue";
}
.cocis-rte-ThemeBackColor-6-5
{
    /* [ReplaceColor(themeColor:"Accent2-Darkest")] */
    background-color: #760046;
    -ms-name: "Accent 2 Darkest"; /* [ColorName] */
    -ms-color: "Plum";
}
.cocis-rte-ThemeBackColor-7-5
{
    /* [ReplaceColor(themeColor:"Accent3-Darkest")] */
    background-color: #005677;
    -ms-name: "Accent 3 Darkest"; /* [ColorName] */
    -ms-color: "Dark Teal";
}
.cocis-rte-ThemeBackColor-8-5
{
    /* [ReplaceColor(themeColor:"Accent4-Darkest")] */
    background-color: #815001;
    -ms-name: "Accent 4 Darkest"; /* [ColorName] */
    -ms-color: "Brown";
}
.cocis-rte-ThemeBackColor-9-5
{
    /* [ReplaceColor(themeColor:"Accent5-Darkest")] */
    background-color: #1b5800;
    -ms-name: "Accent 5 Darkest"; /* [ColorName] */
    -ms-color: "Dark Green";
}
.cocis-rte-ThemeBackColor-10-5
{
    /* [ReplaceColor(themeColor:"Accent6-Darkest")] */
    background-color: #927F03;
    -ms-name: "Accent 6 Darkest"; /* [ColorName] */
    -ms-color: "Dark Yellow";
}
.cocis-rte-Image-0
{
    -ms-name: "No border";
}
.cocis-rte-Image-1
{
    -ms-name: "Thin line border"; /* [ReplaceColor(themeColor:"Dark2")] */
    background-color: #182738; /* [ReplaceColor(themeColor:"Dark2-Darker")] */
    border: 1px solid #385b83; /* [RecolorImage(themeColor:"Dark2-Medium",method:"Tinting")] */
    background-image: url("/_layouts/images/tabtitlerowbottombg.png");
    background-repeat: repeat-x;
    background-position: top;
}
.cocis-rte-Image-2
{
    -ms-name: "Table border";
    padding: 2px; /* [ReplaceColor(themeColor:"Light1-Lighter")] */
    border-top: 1px solid #D8D8D8; /* [ReplaceColor(themeColor:"Light1-Medium")] */
    border-bottom: 1px solid #BFBFBF; /* [ReplaceColor(themeColor:"Light1-Lighter")] */
    border-left: 1px solid #D8D8D8; /* [ReplaceColor(themeColor:"Light1-Medium")] */
    border-right: 1px solid #BFBFBF;
}
.cocis-rte-Image-3
{
    -ms-name: "Dark border";
    padding: 15px; /* [ReplaceColor(themeColor:"Dark2")] */
    background-color: #182738; /* [ReplaceColor(themeColor:"Dark2-Darker")] */
    border: 1px solid 385b83; /* [RecolorImage(themeColor:"Dark2-Medium",method:"Tinting")] */
    background-image: url("/_layouts/images/tabtitlerowbottombg.png");
    background-attachment: fixed;
    background-repeat: repeat-x;
    background-position: left bottom;
}
.cocis-rte-Image-4
{
    -ms-name: "Light border";
    padding: 6px;
    padding-bottom: 33px; /* [ReplaceColor(themeColor:"Light1-Lightest")] */
    background-color: #F2F2F2; /* [ReplaceColor(themeColor:"Light1-Lighter")] */
    border-top: 1px solid #D8D8D8; /* [ReplaceColor(themeColor:"Light1-Medium")] */
    border-bottom: 1px solid #BFBFBF; /* [ReplaceColor(themeColor:"Light1-Lighter")] */
    border-left: 1px solid #D8D8D8; /* [ReplaceColor(themeColor:"Light1-Medium")] */
    border-right: 1px solid #BFBFBF;
    background-image: url("/_layouts/images/selbg.png");
    background-repeat: repeat-x;
    background-position: top;
}

.cocis-rte-Position-1
{
    -ms-name: "Left";
    float: left;
}
.cocis-rte-Position-2
{
    -ms-name: "Right";
    float: right;
}
.cocis-rte-Position-3
{
    -ms-name: "Top";
    vertical-align: text-top;
}
.cocis-rte-Position-4
{
    -ms-name: "Middle";
    vertical-align: middle;
}
.cocis-rte-Position-5
{
    -ms-name: "Bottom";
    vertical-align: text-bottom;
}

/* ***************************** */
/* ** Responsive Table Styles ** */
/* ***************************** */

TABLE.cocis-rte-Table-responsiveTable {
	-ms-name: "Responsive Table";
	border-collapse: collapse;
}

/* *** End responsive Tables *** */