/*** UI BUG on IE9 ***/
body > .AutoWorkspaceForm {
 height: auto!important;
}

.ui-datepicker{
	font-size : initial;
}

html {
    font-size:63%;
}
body, p, div, span, td, input, textarea, button, a, h1, h2, h3, h4, h5, h6 {
    color:#4e5656;
    font-family:UnitLight, Arial, sans-serif;
}
input, textarea, keygen, select, button, isindex { 
 margin:0; 
 line-height:normal;
}
body {
    font-size:1em;
    /*old browsers compatibility*/ font-size:1rem;
}
h1 {
    font-family:UnitThin;
    font-weight:lighter;
}
h1, h2, h3, h4, h5, h6 {
    margin-top:0.6rem;
    margin-bottom:0.45rem;
}
h1 {
    font-size:6rem;
    margin:30px 0 20px 0;
    color:#106f51;
    /*#004581;
    */ }
table {
    max-width:100%;
}
/** {
    -webkit-transition:width .5s;
}
*/

* {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}

.hidden {
    display:none!important;
}
.inline {
    display:inline;
}
.clickable, .Button, .HtmlButton {
    cursor:pointer;
}A
.centering {
text-align:center;
}
.centerAlign {
 margin-left: auto;
 margin-right: auto;
 width:80%
 }
.message-board-code {
    font-family:"Lucida Console","Courier New",courier,monospace;
}
.message-board-code-lines {
    text-align:right;
    color:#222288;
    padding-right:10px;
}
.message-board-quote-content {
    font-style:italic;
    padding-left:40px;
}
/* Background and content placement */body {
    /*background-image:url(/resource/object/developer-portalpage-background/HeadFilter-false-permanent/developer.appway-portalpageBackground.jpg);*/
    background-position:-15px -15px;
    background-repeat:no-repeat;
    background-origin:border-box;
    background-clip:border-box;
    background-color:#f1f2f6;
}
input[type="button"], input[type="submit"] {
    padding:0px 5px 0px 5px;
    height:22px;
    font-size:14px;
    font-size:1.4rem;
    margin:0;
}
span, p, a {
    font-family:UnitLight;
    font-size:15px;
    /*old browsers compatibility*/  font-size:1.5rem;
    color:#000;
}
div {
    font-size:1.5rem;
}
p {
    margin-top:6px;
    margin-bottom:8px;
}
a, a:link, a:visited, a:active, a:hover {
    font-family:UnitLight;
    /*font-size:inherit;
    /*inherit;
    /*14px;*/ 
    color: #009CDF;
    text-decoration: none;
    cursor: pointer;
}
a:hover {
    text-decoration:underline;
    color:#009cdf;
}
input, select, textarea {
    font-family:UnitLight;
    font-size:14px;
    font-size:1.4rem;
    padding:0;
    border:1px solid #999999;
    outline:none;
}

input, select {
    min-height:22px;
    /*line-height:22px;*/
}

.ed {
width:400px;
max-width:100%;
height: 200px;
max-height:50%;
border: 1px solid silver;
padding: 3px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

strong, b, .bold,
span.aw_datatable[style*="font-weight: bold"] {
    font-weight:normal!important;
    font-family:UnitRegular!important;
}
div.aw_DataTable .aw_datatable_body div.aw_datatable_virtual > table.aw_datatable > tbody > tr > td.aw_datatable {
    font-size:1.0rem;
}
#RIGHT div.aw_DataTable input.aw_datatable_text_filter {
    padding:0;
}
/*LAYOUT WITH BLACK TEXT ON CONTENT TITLES, WHILE #00-9C-DF ON HOVER*/.content-title, .section-title, .content-title-small, .newsContainerTitle a, #title a, .title a, .LCListElement #details a, .clickable, .clickable > * {
    color:black!important;
    text-decoration:none!important;
    font-family:UnitMedium;
    line-height:1.12em;
}
a.content-title, a.section-title, a.content-title-small {
    color:black;
    text-decoration:none;
}
a.content-title:hover, a.section-title:hover, a.content-title-small:hover, .newsContainerTitle a:hover, #title a:hover, a > #title:hover, .title a:hover, a > .title:hover, .LCListElement #details a:hover, .LCListElement a > #details, .clickable:hover, .clickable:hover > * {
    color:#009cdf!important;
    text-decoration:none!important;
}
a:hover .content-title:hover, a:hover .section-title:hover, a:hover .content-title-small:hover {
    color:inherit!important;
    text-decoration:none!important;
}
.gray-on-hover:hover, .gray-on-hover:hover > td {
    background-color:#ededed!important;
}
.lightblue-on-hover:hover, .lightblue-on-hover:hover > td {
    background-color:#dff1f8!important;
}
.white-on-hover:hover, .white-on-hover:hover > td {
    background-color:white!important;
}
.orange-on-hover:hover, .orange-on-hover:hover > td {
    background-color:#ffeed9!important;
}
.mouseover-grey:hover,.mouseover-grey:hover td,.hoverable:hover,.hoverable:hover td,.hovering:hover,.hovering:hover td,.onhover:hover,.onhover:hover td {
    background-color:#f1f1f1!important;
}
.aw_datatable_odd_row:hover, .aw_datatable_odd_row:hover td, .aw_datatable_even_row:hover,.aw_datatable_even_row:hover td {
    background-color:#d4e1ea!important;
}
.content-title {
    margin-top:0;
}
#HEADLINE span, #HEADLINE h1, #HEADLINE h2, .column-title, .date-and-tags span, .date-and-tags-small span, .post-type-image-container-inline span, .individual-content-text span {
    font-family:unitThin!important;
}
.column-title, .date-and-tags span, .date-and-tags-small span, .post-type-image-container-inline span, .individual-content-text span {
    color:#4e5656;
}
#HEADLINE h2 {
    /*margin-bottom:0;
    margin-top:0;
    */}
#title, .title {
    /*margin-bottom:5px;*/
   display:block;
}
a.title.clickable .gridViewImageBox {
width: auto;
padding-right: 8px;
}
#title a, #title .tools, .title a, .title .tools, #SIDEBAR .relatedrecent #title, #SIDEBAR-RIGHT .relatedrecent #title, .clickable h2, .clickable h3, .clickable h4, .clickable h5, .clickable h6 {
    font-size:2.6rem;
    font-weight:bold;
    padding-right:8px;
    display:inline-block;
}
#documentWriterMain {
	width: auto!important;
	height: auto!important;
} 
#documentWriterMain .viewport{
	position: relative;
	overflow-y: scroll;
	min-height: 200px;
}
.TextField {
    /*font-family:arial;
    font-size:12px;
    font-size:1.2rem;
    */
    padding:5px;
    background:#FFFFFF;
    /*overflow:auto;
    background:#fff url(/resource/object/inputfield_background/input_bgackground.gif) left top repeat-x;
    */ 
    border:1px solid #888888;
    max-width: 100%;
}
.txtarea {
    width:800px;
}
/* remove this style, once the padding property defined above is set to zero */.inputUsername, .inputPassword, #createUser input   {
    padding:2px;
}
.inputCompany, .inputEmail {
    width:200px;
}
.TextField:hover {
    background:#FFFFFF;
      /*background:#fff url(/resource/object/inputfield_background/input_bgackground.gif) left top repeat-x;
    */ border:1px solid #000000;
     }
.TextField:focus,
.TextArea:focus, 
input:focus,
textarea:focus,
select:focus {
      background:#FFFFFF;
    /*background:#fff url(/resource/object/inputfield_background/input_bgackground.gif) left top repeat-x;*/
    /* border:1px solid #0066CC;*/
      border-color: #0066CC;
     }
.TextArea {
    /*font-family:arial;*/
    /*font-size:12px;*/
    /*font-size:1.2rem;*/
    max-width: 100%;
    overflow:auto;
    padding:5px;
    background:#FFFFFF;
    /*background:#fff url(/resource/object/inputfield_background/input_bgackground.gif) left top repeat-x;*/
    border:1px solid #888888;
}
.TextArea:hover {
    background:#FFFFFF;
      /*background:#fff url(/resource/object/inputfield_background/input_bgackground.gif) left top repeat-x;
    */ border:1px solid #000000;
     }
.TextArea:focus {
    background:#FFFFFF;
      /*background:#fff url(/resource/object/inputfield_background/input_bgackground.gif) left top repeat-x;
    */ border:1px solid #0066CC;
     }
.pageTitle {
    margin-left:30px;
    color:#666;
    font-size:14px;
    font-size:1.4rem;
    font-weight:bold;
}
.content {
    height:100%;
    overflow:hidden;
}
.gridViewBox {
    padding:10px 15px 5px 0;
}
.gridViewImageBox {
    /*float:left;*/
    width: 26px;
    text-align: center;
}
.gridViewImageBox img {
    /*padding-right:8px;*/
}
.gridViewTitle {
    font-family:unitMedium;
    font-weight:bold;
    font-size:20px;
    font-size:2.0rem;
}
.gridViewText {
    clear:both;
    padding-top:3px;
}
.full-width {
 width: 100%;
}
.limit-full-width,
.max-full-width {
 max-width: 100%;
}

.two-columns-container > *,
.half-width {
width: auto;
min-width: 50%;
}

.three-columns-container > *,
.third-width {
width: auto;
min-width: 33%;
}

.four-columns-container > *,
.quarter-width {
width: auto;
min-width: 25%;
}

#RIGHT .buttons-container {
margin-top:18px;
}
.buttons-container,
.buttons-container-right {
text-align:right;
}
#RIGHT .buttons-container > * {
    display:inline-block;
}



/* Sidebar styles */#SIDEBAR .relatedrecent ,#SIDEBAR-RIGHT .relatedrecent {
    height:100%;
    overflow:hidden;
}
#SIDEBAR .relatedrecent #head,#SIDEBAR-RIGHT .relatedrecent #head {
    color:#666666;
    font-size:23px;
    font-size:2.3rem;
    /*font-weight:lighter;
    */}
#SIDEBAR .relatedrecent #item,#SIDEBAR .relatedrecent .item,#SIDEBAR-RIGHT .relatedrecent #item,#SIDEBAR-RIGHT .relatedrecent .item,#SIDEBAR .relatedrecent h3.content-title,#SIDEBAR-RIGHT .relatedrecent h3.content-title {
    font-size:14px;
    font-size:1.4rem;
    padding-left:3px;
    margin-bottom:0;
    margin-top:0;
    display:block;
}
#SIDEBAR .relatedrecent h3.content-title,#SIDEBAR-RIGHT .relatedrecent h3.content-title {
    padding-top:5px;
}
#SIDEBAR .relatedrecent #item ,#SIDEBAR .relatedrecent .item {
    padding-top:8px;
    line-height:16px;
}
#SIDEBAR .relatedrecent img,#SIDEBAR-RIGHT .relatedrecent img {
    margin-left:3px;
    padding-right:5px;
    position:relative;
    top:3px;
}
#SIDEBAR,#SIDEBAR-RIGHT {
    overflow:auto;
}
/* Sidebar styles END */#LEFT {
    height:100%;
    width:128px;
    float:left;
}
#RIGHT , #HEADLINE > * {
    margin-left:180px;
}
#RIGHT.no-left-sidebar,#HEADLINE.no-left-sidebar > * {
    margin-left:0;
}
#RIGHT {
    padding:0 0px 0 0;
    width:auto;
}
#RIGHT > div.fix {
    display:inline-block;
    width: 100%;
}
#RIGHT .status {
    margin-left:9px;
    font-weight:bold;
    color:green;
}
#RIGHT object,#RIGHT iframe {
    max-width:100%!important;
}
.LCVideoDetails object, .LCVideoDetails iframe {
    width:97%;
}
#HEADLINE {
    /*padding:18px 0 16px!important;
    */position:relative;
}
#HEADLINE .title {
    line-height:1.1;
}
#HEADLINE span {
    font-family:unitRegular;
    font-size:42px;
    font-size:4.2rem;
    color:black;
    /*#004581;
    */line-height:1.1;
}
#HEADLINE .detailView {
    font-weight:bolder;
    font-size:42px;
    font-size:4.2rem;
    word-break:break-word;
    color:#000;
    line-height:1.1;
    padding-right:25px;
    margin-left:0;
}
#HEADLINE .stats {
    font-family:unitThin;
    font-size:1.5rem;
    color:#666666;
    line-height:1.1;
    padding-top:3px;
}
#HEADLINE h1 {
    /*margin:0 0 8px 0;
    */line-height:1.1;
    font-weight:lighter;
}
#HEADLINE h1 + h2 {
margin-bottom:0.68em;
}
#SEARCH {
    width:400px;
    height:40px;
    background-color:#ebebe5;
}
#SEARCH img {
    position:relative;
    top:6px;
    right:2px;
}
#SEARCHSMALL {
    position:relative;
    width:auto;
    background-color:white;
    margin-bottom:20px;
}
#SEARCHSMALL img {
    position:relative;
    top:1px;
    right:2px;
}
.richsuggestionfieldparentdiv,
#SEARCHSMALL .searchLink {
    height: 3.4rem;
    max-height:3.4rem;
    position: relative;
    overflow: hidden;
    border: 1px solid #aaa;
}
.richsuggestionfieldparentdiv {
    border-right: none;
}
.richsuggestionfieldparentdiv #searchbox {
    box-shadow: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    width: 450px!important;
    vertical-align:middle;
    height:100%;
    border:none;
    padding: 0 6px;
}
#SEARCHSMALL .searchLink {
    padding: 0 26px;
    background-color:#62BAFF;
    background-color:rgb(98, 186, 255);
}
#SEARCHSMALL .searchLink:hover {
    background-color:#004480;
}
#SEARCHSMALL span, #SEARCHSMALL .searchLink a#searchboxLabelButton {
    display: block;
    color: white;
    font-family: unitThin;
    font-size: 18px;
    font-size: 1.8rem;
    text-decoration: none;
    vertical-align: baseline;
    line-height: 1em;
    padding: 5px 0;
}
#SEARCHSMALL table, #SEARCHSMALL th, #SEARCHSMALL tr, #SEARCHSMALL td {
    padding:0;
    margin:0;
}
#USERITEMS a:link {
    font-size:1.6rem;
    padding-top:3px;
}
#createUser select,
#NICKNAME select,
#createUser input,
#NICKNAME input,
.info-spaced.searchableDropdown {
 height:auto;
 /*padding: 5px;*/
 min-height: 22px;
 font-size:1.4rem;
 color: #666;
 background-color: #F7F7F7;
 margin-top: 3px;
 line-height: normal;
}
.newsContainerHeader span, .individual-content-text .content-description {
    color:#4e5656;
    font-family:UnitLight!important;
}
.message-board-code {
    font-family:monospace;
    font-size:1.3rem;
    max-width:800px;
    overflow-x:auto;
    overflow-y:auto;
    background-color: white;
    padding: 6px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.message-board-code-lines {
    padding-right:5px;
    color:grey;
    font-size:1.3rem;
}
.button-background {
    background-image:url(/resource/object/Upload_download_button_background?versionFilter=HeadFilter-false-permanent);
    padding:3px;
}
.button-background-small {
    background-image:url(/resource/object/Upload_download_small_button_background?versionFilter=HeadFilter-false-permanent);
    padding:2px ;
}
.button-background,.button-background-small {
    border:1px solid #3596E9;
    font-weight:bold;
    color:white;
    cursor:pointer;
}
.inactive-button-background-small {
    background-image:url(/resource/object/Upload_download_small_inactive_button_background?versionFilter=HeadFilter-false-permanent);
    border:1px solid #9d9d9d;
    padding:2px ;
    color:#777777;
}
.search-button-background {
    background-image:url(/resource/object/Search_button_background?versionFilter=HeadFilter-false-permanent);
    border-left:1px solid #3596E9;
    font-weight:bold;
    font-size:1.4rem;
    padding:3px 3px 3px 3px;
    color:white;
}
.separator {
    color:#ecf0f3;
    background-color:#ecf0f3;
    height:1px;
    margin:5px 0 6px 0;
}
#MENUVER {
    margin-top:5px;
    height:100%;
}
#MENUVER .menuVerItem a:active {
    color:#106f51;
}
#MENUVER .menuVerItem span {
    color:#000;
    font-size:1.4rem;
}
#SORTBY span, #SORTBY h2 {
    font-family:unitRegular;
    color:#363636;
    font-size:1.6rem;
    font-weight:normal;
    /*margin-left:7px;
    */}
#SORTBY .company {
    font-size:1.4rem;
}
#SORTBY img {
    margin:7px 0 0 0;
    vertical-align:text-bottom;
}
.forumCategoryListElement {
    position:relative;
    clear:left;
    display:inline-block;
    margin-bottom:40px;
}
.forumCategoryStats {
    padding-right:12px;
    min-width:75px;
    max-width:75px;
    width:75px;
    overflow:visible;
    display:block;
    position:relative;
    top:-12px;
}
.forumCategoryStats #threads .number {
    font-family:unitThin;
    font-size:4.4rem;
    margin-bottom:-5px;
}
.forumCategoryStats #replies .number {
    color:#00936b;
    font-family:unitRegular;
    font-size:3.6rem;
    margin-bottom:-5px;
}
.forumCategoryStats .text {
    font-family:UnitLight;
    font-size:1.1rem;
}
.forumCategoryStats #threads .text {
    position:relative;
    top:-2px;
}
.forumCategoryStats span {
    text-align:center;
}
.forumCategoryDetails {
    float:left;
    width:540px;
}
.forumCategoryDetails .title h2.section-title {
    margin-top:2px;
    margin-bottom:1px;
}
.forumCategoryDescription {
    float:left;
    padding-right:15px;
    color:black;
    margin:4px 0;
}
.forumCategoryLatestThread {
    color:black;
    margin-top:5px;
    word-break:break-word;
}
.forumElementThread {
    position:relative;
    padding:5px;
    max-width:90%;
    clear:left;
}
.forumThreadStats {
    padding-right:12px;
    min-width:45px;
    float:left;
}
.forumThreadStats #replies .number {
    font-family:UnitLight;
    font-size:36px;
    margin-bottom:-5px;
}
.forumThreadStats #replies .text {
    font-family:UnitLight;
    font-size:11px;
}
.forumThreadStats #replies .textSolved {
    font-family:unitRegular;
    font-size:11px;
    padding-top:3px;
    font-weight:bolder;
}
.forumThreadStats span {
    text-align:center;
}
.forumCategoryStats #threads .number, .forumThreadStats #replies .number , .forumThreadStats #replies .textSolved , .videoDetailsContainer___ h2, .LCListElement #time span , .relatedrecent #title, #HEADLINE .title, .green {
    color:#106f51!important;
}
.forumThreadTitle {
    float:left;
    width:80%;
    top:50%;
}
.forumThreadTitle > a.content-title {
    font-weight:bold;
    font-size:2.4rem;
}
.forumThreadTitle h2,.relatedrecent h3,.videoDetailsContainer___ h2,.sectionListElement .title h2 {
    margin-bottom:0;
    margin-top:0;
    font:inherit;
    color:inherit;
}
.forumThreadTitle .publication-date {
    color:#4e5656;
}
.forumThreadDescription {
    float:left;
    padding-right:15px;
    font-size:1.5rem;
    color:#AAA;
}
.forumElementSearch {
    position:relative;
    //left:30px;
    top:20px;
}
.forumElementBreadcrumb {
    position:relative;
    //left:30px;
    top:5px;
}
.forumElementBreadcrumb a {
    font-size:1.5rem;
}
.forumElementTools, .forumElementTools * {
    display:inline-block;
}
.forumElementTitle {
    //height:25px;
    float:left;
    width:50%;
    top:50%;
    font-size:19px;
}
.forumElementStats {
    float:left;
    width:350px;
}
.forumElementStats a:link {
    font-size:1.5rem;
}
.forumElementCreatedBy {
    float:left;
    width:110px;
}
.elementDescription {
    position:absolute;
    top:3px;
    left:270px;
}
.forumElementReplyCount {
    float:left;
    width:110px;
}
.threadTools {
    width:80px;
    border-style:solid;
    border-color:#000000;
    border-width:1px 1px 0 0;
    padding:5px 0 0 5px;
}
.tableForumThreads {
    width:800px;
    border-color:#000;
    border-style:solid;
    border-width:0 0 1px 0;
}
.newCategoryButton {
    float:left;
    /* left:350px;
    */}
.pageTitle {
    color:#666666;
    font-size:14px;
    font-weight:bold;
}
.searchInput {
    position:relative;
    width:100%;
    height:40px;
}
#naviItem {
    cursor:pointer;
    background-color:transparent;
    height:56px;
    width:60px;
    padding:5px 5px 3px 5px;
    float:left;
}
#naviItemImage {
    text-align:center;
    padding-bottom:3px;
}
#naviItemText {
    height:35px;
    text-align:center;
}
#naviItemText span {
    font-size:10px;
    height:35px;
}
#leftColumn {
    width:200px;
    float:left;
    1px solid #d3e1f9;
    background-color:#ededed;
}
.InfoboxLabel {
    font-size:1.5rem;
    font-weight:bold;
    font-family:UnitMedium;
    //color:black;
}
.limit-full-width .InfoboxLabel {
    white-space:normal;
}
.CheckboxLabel, .CheckboxListLabel, .RadiobuttonListLabel {
 font-size:1.5rem;
 margin-left:.5em;
}
.CheckboxLabel, .CheckboxListLabel, .RadiobuttonListLabel, .CheckboxListCheckbox {
 cursor: pointer;
 border-style: none;
}
.infoContainer {
    padding:8px 5px 5px 8px;
    //max-width:220px;
    height:315px;
    float:left;
    margin:3px;
}
.infoContainerNavi {
    border-right-style:solid;
    border-right-width:1px;
    border-right-color:#A0A0FF;
    padding:8px 5px 5px 8px;
    max-width:220px;
    min-height:160px;
    background-color:#fff;
    margin:3px;
    float:left;
}
.infoContainerHeader #title,.newsContainerHeader #title {
    font-family:unitRegular;
    font-size:24px;
    color:#228cd0;
    //font-weight:bold;
}
.newsContainer {
    padding:8px 5px 5px 8px;
    max-width:50%;
    float:left;
    margin:3px;
}
.newsContainerTitle {
    margin-top:5px;
}
.newsContainerTitle a:link {
    font-size:24px;
    width:100%;
    display:inline-block;
}
.newsContainerHeader {
    width:100%;
    /*width:880px;
    max-width:880px;
    */}
.more-news {
    display:inline-block;
}
.bigtext {
    font-size:19px!important;
}
.newsContainerHeader img {
    vertical-align:sub;
    padding:2px 5px 0 0;
}
.newsContainerHeader span {
    font-family:unitRegular;
    /*unitThin;
    /*unitRegular;
    */ font-size:1rem;
    font-weight:normal;
    color:black;
    line-height:normal;
    padding-bottom:10px;
    padding-right:5px;
}
.newsContainerHeader p {
    margin:7px 0;
    font-size:2rem;
    /*22px;
    */}
.newsContainerHeader a {
    font-size:inherit;
}
.cookbookDropdown {
    width:120px;
}
.tableContent {
    float:left;
}
#topPost {
    padding:5px;
    width:75%;
    background-color:#f3f3f3;
    position:relative;
}
#post {
    padding:5px;
    width:75%;
    background-color:#f3f3f3;
    position:relative;
}
#createPost {
    width:75%;
    position:relative;
    left:155px;
}
#createPost .ed {
    width:100%;
}
#Table {
    max-width:60%;
    padding-left:8px;
}
#Table th {
    background-color:#edf1f4;
}
#Table th span {
    font-weight:bold;
}
#Table tr {
    height:25px;
}
#Table .tdtitle {
    min-width:50%;
}
#Table th, #Table tr, #Table td {
    padding:5px;
    //vertical-align:top;
}
.latestElementsRow {
    font-size:10px;
    margin-top:4px;
    //border-style:solid;
    //border-color:#ccc;
    //border-width:0 0 1px 0;
}
.latestElementsRow a {
    vertical-align:super;
    margin-top:4px;
}
.latestElementsRow span {
    font-size:11px;
    vertical-align:bottom;
    margin-left:6px;
}
.latestElements p {
    font-size:10px;
    font-weight:bold;
}
.latestElements img {
    position:relative;
    top:3px;
    float:right;
}
.latestElements span {
    padding-top:1px;
}
.LCListElement #time, .LCListElement #pubdate {
    width:80px;
}
.LCListElement td {
    // padding:5px;
    padding:0 10px 0px 0;
}
.LCListElement #time span {
    font-size:40px;
    /*font-weight:lighter;
    */}
.LCListElement #details a:link {
    font-size:2.4rem;
    /*font-weight:lighter;
    */ margin-top:14px;
}
.LCListElement #details a:hover {
    text-decoration:none;
}
.LCListElement #tags .tag {
    color:#363636;
    padding:2px 3px 2px 3px;
    font-size:14px;
    background-color:#ecf0f3;
    text-decoration:none;
}
.LCListElement #tags .viewCount, .LCListElement #pubdate .date {
    color:#363636;
    font-size:14px;
}
.LCListElement #desc span {
    font-size:1.5rem;
    color:#4e5656;
}
.LCVideoDetails #tags,.LCVideoDetails .tags,.metadata .tags {
    margin-top:10px;
}
.LCVideoDetails #time .time {
    font-size:30px;
    font-weight:bold;
    color:#4e5656;
}
.LCVideoDetails #meta span {
    color:#666666;
    font-family:unitThin;
    font-size:1.5rem;
    line-height:1.1;
}
.LCVideoDetails #tags .tag,.LCVideoDetails .tags .tag,.metadata .tags .tag {
    color:#363636;
    padding:3px 5px 3px 5px;
    font-size:14px;
    background-color:#ecf0f3;
}
.LCVideoDetails #desc span {
    color:#363636;
    font-size:18px;
    padding:0 0 10px 0;
}
.docListElement #details span {
    font-family:unitThin;
}
.docListElement #details a:link {
}
.docListElement #details img {
    padding:2px 0 0 3px;
    vertical-align:top;
}

.docListElement #tags span {
    color:#333;
    padding:2px 3px 2px 3px;
    font-size:14px;
    background-color:#ecf0f3;
    text-decoration:none;
}
.recipeListElement {
    width:100%;
    float:left;
}

.commentListExternalContainer {
position:relative;
padding-top:8px;
}
.commentListExternalContainer .commentListVerticalBar {
height:100%;
position: absolute;
width: 0px;
border-left: 5px solid green;
left: 90px;
z-index:0;
}
.commentListExternalContainer .displaySystemThreadsCheckbox {
padding-left: 84px;
margin-bottom: 12px;
}
.commentListElement {
position:relative;
padding-bottom:10px;
}
.commentListExternalContainer.commentListTicket .commentListElement {
padding-left:200px;
}
.commentListExternalContainer .commentListElement .threadContent {
width: 100%;
}
.commentListElement, .commentListElement *, 
.box-sizing-border {
    -webkit-box-sizing:border-box;
    /* Android ≤ 2.3, iOS ≤ 4 */ -moz-box-sizing:border-box;
    /* Firefox 1+ */ box-sizing:border-box;
    /* Chrome, IE 8+, Opera, Safari 5.1 */ 
}
.commentListElement #stats *,
.commentListElement .threadContent {
position:relative;
white-space:normal;
}
.commentListElement .threadContent > * {
 white-space:normal;
 word-break:break-word;
}
.commentListElement .threadContent .buttons-container-right > * {
padding-left:12px;
}
.commentListElement > .flowLayout > * {
vertical-align:top;
}
.commentListElement .dateTime {
position:absolute;
left:0px;
vertical-align:top;
padding-right:20px;
width:90px;
overflow:hidden;
}
.commentListElement .dateTime .date {
text-align:right;
font-size:80%;
}
.commentListElement .timelineElements {
position:absolute;
left:79px;
top:5px;
width:auto;
height:auto;
height:100%;
overflow-y:hidden;
z-index:1;
}
.commentListElement .timelineElements > * {
border-color:green;
border-width: 3px;
display: block;
word-break: break-all;
white-space: normal;
}
.commentListElement.system .timelineElements > * {
border-color:lightgray;
}
.commentListElement.system:hover * {
color: #4e5656!important;
}
.commentListElement.system:hover .timelineElements > .timelineCircle {
border-color: #8e8e8e;
}
.commentListElement .timelineCircle {
width:21px; 
height:21px;
background-color:white;
border-style:solid;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
z-index:1;
}
.commentListElement .timelineVerticalSegment {
position:absolute;
height:100%;
width:0;
border-left-style:solid;
left:9px;
z-index:0;
}
.commentListElement .timelineContent {
height:auto;
height:100%;
width:100%;
padding: 0 10px 0px 0px;
position: relative;
z-index: 0;
min-height:60px;
}
.commentListElement.system .timelineContent {
min-height:26px;
}
.commentListElement .timelineLine.last {
background-color:white;
}
.commentListElement .timelineContent > * {
vertical-align:top;
} 
.commentListElement.system {
cursor: default;
}
.commentListElement.last, 
.commentListElement.system {
padding-left:110px;
}
.commentListElement.system .threadContent {
background-color: #fff;
padding-top:0;
}
.commentListElement.system .dateTime .date {
color: lightgray;
}
.commentListElement.system .pic {
display:none;
}
.commentListElement .pic {
position:absolute;
left: 110px;
width:100px;
}
.commentListElement .pic .nickname {
white-space: normal;
word-wrap: break-word;
}
.commentListElement #stats {
    width:120px;
    max-width:15%;
    min-width:60px;
    text-align:left;
    padding-right:20px;
    padding-left:10px;
    vertical-align:top;
}
.commentListElement .user .timelineContent {
min-height:75px;
}
.commentListElement #stats .date {
    color:#505959;
    font-size:12px;
}
.commentListElement .threadContent {
    background-color:#eee;
    padding:7px;
    max-width:100%;
    min-width:20%;
}
.commentListElement.system .threadContent * {
color:#999;
}
.commentListElement .body {
    white-space:normal;
}
.commentListElement #details {
    color:#4e5656;
    max-width:80%;
    padding:0 20px 0 0;
}
.commentListElement .threadContent img {
    /*max-width:800px;
    */ max-width:100%;
}
.commentListElement #stats img {
    vertical-align:bottom;
}
.commentListElement .internal {
    border:1px solid #fa9162; /*#fbb;*/
}
.commentListElement .internalBar {
    width:100%;
    padding:0 2px;
    background-color:#fa9162;
    color:#955;
    font-size:1rem;
}
.internalBar > * {
    color:inherit;
    font-size:inherit;
}
.commentListElement .flowLayout.commentInclude #img {
    width:auto;
    margin-right:8px;
    overflow-x:hidden;
    min-width:50px;
    text-align:center;
    vertical-align: top;
}
.commentListElement .flowLayout.commentInclude #details {
    width:auto;
}
.commentListElement .flowLayout.commentInclude #details .date {
    white-space:normal;
}
.supportTicketOuterContainer .commentListElement {
    padding-top:16px;
}
#teamSelectAjax {
 width: 100%;
 max-width: 100%;
}
#addActivityArea #flags #participantAddBak,
#addActivityArea #participantsList #checkboxes {
 width: 160px;
 min-width: 160px;
}
#addActivityArea #flags .font-icon {
 color: #e1e1e1;
 display: inline-block;
 border-radius: 9px;
}
#addActivityArea #flags span.font-icon {
 color: white;
 background-color: #ddd;
 margin-left: 8px;
 padding: 0px 4px;
}
#addActivityArea #flags i.font-icon {
 font-size: 1.9rem;
 cursor: pointer;
 padding: 0px 6px 0px 8px;
}
#flags .remove-sign:hover * {
 color: red;
 cursor: pointer;
}
#flags .plus-sign:hover * {
 color: green;
 cursor: pointer;
}
#flags i.icon-remove-sign,
#flags i.icon-plus-sign {
 padding-right: 5px;
}
#addActivityArea #flags .flowLayout.remove-sign .tooltip-remove {
 visibility: hidden;
}
#addActivityArea #flags .flowLayout.remove-sign:hover .tooltip-remove {
 visibility: visible;  
 cursor: pointer;
}
#addActivityArea #flags .flowLayout.remove-sign:hover .icon-remove-sign {
 color: red;
}
#addActivityArea #flags .icon-plus-sign:hover {
 color: green;
}
#addActivityArea #flags .font-icon.text:hover {
 background-color: #999;
 cursor: default;
}
#addActivityArea #participantsList #remove-buttons {
 visibility: hidden;
 overflow: hidden;
 max-width: 80px;
}
#addActivityArea #participantsList:hover > #remove-buttons,
#addActivityArea #checkboxes:hover + #remove-buttons,
#addActivityArea #remove-buttons:hover {
 visibility: visible;
}
.ticketViewDetails * {
    -webkit-box-sizing:border-box;
    /* Android ≤ 2.3, iOS ≤ 4 */ -moz-box-sizing:border-box;
    /* Firefox 1+ */ box-sizing:border-box;
    /* Chrome, IE 8+, Opera, Safari 5.1 */ word-break:break-word;
}
.ticketDetailsFrame {
    background-color:#eee;
    border:1px solid #ccc;
    padding:5px;
    vertical-align:top;
    text-align:left;
}
.ticketDetailsFrame .Infobox .discreteComponent {
    /*padding-left:16px;
    */}
.ticketDetailsFrame .Infobox {
    padding-bottom:16px;
}
.ticketDetailsFrame .TextArea,
.ticketDetailsFrame .TextField,
#ticketTitleText .TextField {
font-size:14px;
font-size:1.4rem;
width:660px;
}
.ticketAddNewActivity .textInputPreview {
}
.ticketAddNewActivity .textInputPreview #mytxtarea {
    width:400px;
    max-width:100%;
    background-color:#ffe;
    height:200px;
}
.ticketAddNewActivity .textInputPreview .verticalLayout {
    vertical-align:top;
    max-width:50%;
    padding:5px;
    display:inline-block;
}
.ticketAddNewActivity .textInputPreview .toolbar {
    white-space:normal;
}
.ticketAddNewActivity .textInputPreview .toolbar > * {
    display:inline-block;
}
.ticketAddNewActivity .ed {
    height:auto-scrolling;
}
.ticketAddNewActivity #bbCodePreviewDiv {
  white-space:normal;
  word-wrap: break-word;
}
#COMMENTS .title span {
    color:#4e5656;
    font-size:30px;
    text-decoration:none;
    font-weight:bold;
}
#COMMENTS .title {
    padding:0 0 10px 0;
}
#COMMENTS .HtmlTextArea {
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.recipe {
    position:relative;
    width:400px;
    min-height:17px;
}
.recipeProblem #title span {
    font-family:unitRegular;
    color:#8f8f8f;
    font-size:20px;
    text-decoration:none;
    font-weight:bolder;
}
.recipeSolution #title span {
    font-family:unitRegular;
    color:#106f51;
    font-size:20px;
    text-decoration:none;
    font-weight:bolder;
}
.recipeTitle {
    position:absolute;
    width:300px;
    left:0px;
}
.recipeTools {
    position:absolute;
    width:50px;
    left:300px;
}
.latestThreadsRow {
    font-size:10px;
    padding:3px;
}
.latestThreadsRow span {
    font-size:11px;
    vertical-align:middle;
    margin-left:3px;
}
.threadTitle {
    background-color:#eee;
}
.postBody {
    padding:5px;
}
#TAGS {
    border-spacing:5px;
}
#TAGS .titleCell {
    width:150px;
}
#TAGS .middleCell {
    width:250px;
}
#TAGS td {
    spacing:5px;
}
#LEFT-FILTER > * {
    margin-bottom:7px;
    display:block;
    width:100%;
    height:auto;
    word-wrap:break-word;
}
#EditorArea .inputTitle {
    margin:6px 0 0 6px;
    width:400px;
}
/********** _v2.0 ************/
#MAIN-CONTAINER {
    max-width:1280px;
    padding:0 10px;
    margin:0 auto;
}
#HEADER-CONTAINER {
    transition:height 0.5s;
    -webkit-transition:height 0.5s;
    /* Safari */ margin-top:40px;
    margin-bottom:10px;
    position:relative;
    height:38px;
}
#HEADER-CONTAINER .SpaceImage {
    display:none !important;
    
}
#HEADER-LOGO {
    position:relative;
    left:11px;
   margin-top:-15px;
    max-height:58px;
    min-height:20%;



}


#HEADER-MENU {
    position:absolute;
    top:0;
    left:200px;
}
#HEADER-MENU .trigger {
    height:38px;
    display:none;
}
#HEADER-MENU .menu_item {
    line-height:38px;
    display:inline-block;
    font-family:unitMedium;
    font-weight:bold;
    font-size:20px;
    white-space:nowrap;
    text-decoration:none;
    background-color:white;
    color:black;
    margin:0 5px;
    padding:0;
    cursor:pointer;
    padding:0 20px;
}
#HEADER-MENU .menu_item:hover {
    background-color:#1c1c1c;
    color:white;
}
#HEADER-MENU .menu_item.active {
    background-color:black;
    color:white;
}
#HEADER-USER {
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    width:150px;
    overflow:hidden;
}
#HEADER-USER .avatar {
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:36px;
    height:36px;
    border-radius:3px;
}
#HEADER-USER .username {
    cursor:pointer;
    position:absolute;
    left:43px;
    width:80px;
    font-size:12px;
    line-height:19px;
    text-overflow:ellipsis;
    overflow:hidden;
}
#HEADER-USER .username span {
    color:#ffffff;
}
#HEADER-USER .span {
    color:#ffffff;
}
#HEADER-USER .username div {
    text-overflow:ellipsis;
    overflow:hidden;
}
#HEADER-USER .logout {
    position:absolute;
    right:4px;
    top:11px;
    display:block;
    width:16px;
    height:16px;
}
#LOGIN-CONTAINER {
    position: relative;
    text-align: right;
    padding: 5px 12px;
    margin: 10px 0;
    height: auto;
    line-height: 30px;
    background-color: white;
    display: none;
}
#LOGIN-CONTAINER > *,
#LOGIN-CONTAINER .fields,
#LOGIN-CONTAINER .loginbutton,
#LOGIN-CONTAINER .right { 
display: inline-block;
vertical-align: middle;
}
#LOGIN-CONTAINER .fields {
    position:relative;
    /*right:235px;*/
    white-space:nowrap;
}
#LOGIN-CONTAINER .fields input {
    font-size:13px;
    width:95px;
    height:28px;
    padding:2px;
    margin-right:3px;
}
#LOGIN-CONTAINER .loginbutton {
    position:relative;
    /*right:175px;
    top:5px;
    bottom:5px;
    width:40px;
    padding-left:18px;
    */
    white-space:nowrap;
    line-height:30px;
}
#LOGIN-CONTAINER .loginbutton img {
    position:relative;
    vertical-align: middle;
    /*top:7px;
    left:0;
    */
    height:16px;
    width:16px;
}
#LOGIN-CONTAINER .loginbutton a {
    font-family:unitRegular;
    font-size:13px;
    color:#000;
}
#LOGIN-CONTAINER .lostpassword,#LOGIN-CONTAINER .register {
    font-family:unitRegular;
    font-size:13px;
    color:#000;
}
#LOGIN-CONTAINER .right {
    position: relative;
    padding-left:24px;
}
#CONTENT-CONTAINER {
    position:relative;
}
#FOOTER-CONTAINER {
    position:relative;
    margin-top:20px;
    margin-bottom:20px;
    /*background-color:rgba(255,255,255,0.67);
    */ padding:2px 20px 4px 20px;
}
#FOOTER-CONTAINER .verticalbar {
    font-family:unitMedium;
    font-weight:bold;
    font-size:14px;
    color:#009cdf;
    text-decoration:none;
}
#FOOTER-CONTAINER .copyright {
    padding-top:6px;
    font-size:14px;
}
#left-wide-content {
    width:920px;
    height:auto;
    overflow:auto;
    padding:20px 30px;
}
#left-wide-content, #right-sidebar {
    /*border:1px solid #f9f9f9;
    */box-sizing:border-box;
    -moz-box-sizing:border-box;
}
#right-sidebar {
    position:absolute;
    right:0;
    top:0;
    width:330px;
    height:auto;
    overflow:auto;
    padding:20px;
}
#right-sidebar2 {
    position:absolute;
    right:0;
    top:0;
    width:290px;
    height:auto;
    overflow:auto;
    padding:20px;
}
#right-sidebar .detail-sidebar-element {
 padding-bottom: 1.5rem;
}
.content .subcontent {
    background-color:white;
}
.recipeListElement #tags a, .recipeListElement #tags a {
    color:#363636;
    font-size:14px;
    background-color:#ecf0f3;
    text-decoration:none;
    background-position:5px center;
    background-size:16px;
    background-repeat:no-repeat;
}
.recipeListElement #tags .post-tag-ingredient,.metadata .tags .post-tag-ingredient {
    padding-left:24px!important;
}
.recipeListElement #tags .post-tag-ingredient:hover,.metadata .tags .post-tag-ingredient:hover {
    padding:5px 10px 5px 22px;
    /*border:1px solid #999;
    */ /*background-position-x:2px;
    */}
.recipeListElement #tags .post-tag {
    padding:5px 10px;
}
.recipeListElement #tags .post-tag:hover {
    padding:5px 10px;
    //border:1px solid #999;
}
.sectionListElement {
    margin-bottom:40px;
}
.sectionListElement .metadata,.sectionListElement .metadata span {
    color:#4e5656;
}
.metadata .tags {
    /*line-height:2.1;
    */}
.metadata .tags > * {
    display:inline-block;
}
.metadata .tags span, .metadata .tags a {
    color:#333;
    margin-top:3px;
    /*padding:2px 3px 2px 3px;
    */font-size:14px;
    background-color:#ecf0f3;
    text-decoration:none;
}
.sectionListElement .description,.sectionListElement .description span {
    font-family:UnitLight;
    color:black;
    /*margin-top:5px;
    */display:inline-block;
}
.date-and-tags, div.individual-content-text .content-title, div.individual-content-text .content-title-small , div.individual-content-text .content-description {
    display:inline-block;
    width:100%;
}
span.post-tag-ingredient, a.post-tag-ingredient {
    color:#363636;
    padding:5px 10px 5px 25px;
    font-size:14px;
    background-color:#ecf0f3;
    text-decoration:none;
    background-position:5px center;
    background-size:16px;
    background-repeat:no-repeat;
}
span.post-tag, a.post-tag {
    color:#363636;
    padding:5px 10px;
    font-size:14px;
    background-color:#ecf0f3;
    text-decoration:none;
}
.date-and-tags span.publication-date {
    margin-right:12px;
}
.publication-date {
    font-family:unitThin;
}
.date-and-tags .post-tag {
    margin-right:6px;
}
.date-and-tags .post-tag-ingredient {
    margin-right:6px;
}
.date-and-tags-small {
    font-size:13px;
    line-height:15px;
}
.date-and-tags-small span, .date-and-tags-small a {
    margin-right:3px;
    font-size:inherit;
}
.post-type-image-container {
    display:block;
    float:left;
    clear:none;
    width:26px;
    height:20px;
    visible;
    position:static;
    margin-top:14px;
}
.post-type-image-container img {
    display:block;
    margin:auto;
    vertical-align:middle;
}
.post-type-image-container-inline {
    display:block;
    float:left;
    clear:none;
    width:30px;
    height:28px;
    overflow:visible;
    /*margin-top:7px;
    */ position:relative;
    top:-1px;
}
.post-type-image-container-inline img {
    margin-top:0px;
}
.individual-content {
    margin-bottom:10px;
    clear:left;
    min-height:28px;
}
#left-wide-content .individual-content {
    margin-bottom:15px;
}

.individual-spotlightcontent-text {
    margin-left:52px;
}
.individual-content-text {
    margin-left:42px;
}
.individual-content-text .content-title {
    margin:2px 0;
    font-size:18px;
}
.individual-context-text a:link {
    font-family:unitMedium;
    font-weight:bold;
}
.individual-content-text span {
    font-size:13px;
}
.individual-content-text .content-title-small {
    font-size:14px;
    /*15px;
    */ line-height:14px;
}
.individual-content-text .content-title-small h3, .recipeListElement.sectionListElement .title a h2 {
    margin-top:0;
    margin-bottom:0;
    font:inherit;
    color:inherit;
}
.column-title {
    font-family:unitMedium;
    font-weight:bold;
    font-size:23px;
    display:block;
}
.column-title-big {
    font-family:unitThin;
    color:#106F51;
    font-size:48px;
    display:block;
}
#inner-bottom-right-list .infoContainerHeader .latestElements, #right-content-inner-list .infoContainerHeader .latestElements {
    display:block;
    margin-bottom:24px;
}
#inner-bottom-right-list .infoContainerHeader .latestElements img, #inner-bottom-right-list .infoContainerHeader .latestElements span, #right-content-inner-list .infoContainerHeader .latestElements img, #right-content-inner-list .infoContainerHeader .latestElements span {
    display:inline-block;
    float:left;
    margin-right:6px;
}
#right-content-inner-list .infoContainerHeader .latestElements img {
    float:left;
    top:1px;
    margin-right:3px;
}
, #right-content-inner-list .infoContainerHeader .column-title , #right-content-inner-list .infoContainerHeader .latestElements {
    margin-left:0;
}
#right-content-inner-list .infoContainerHeader h2.column-title, .relatedrecent h2.column-title {
    margin-top:0;
    /*margin-bottom:0;
    */}
#inner-bottom-left-list {
    width:58%;
    float:left;
}
#inner-bottom-right-list {
    width:37%;
    /*330px;
    */ /*float:right;
    */ float:left;
    padding-left:30px;
}
#inner-bottom-left-list , #inner-bottom-right-list {
    clear:none;
    display:block;
}
.post-type-image-container-inline .replies-number, .post-type-image-container-inline .replies-label {
    display:block;
    text-align:center;
    float:none;
    width:100%;
}
.post-type-image-container-inline .replies-number {
    font-family:unitRegular;
    font-size:18px;
    font-weight:bold;
    line-height:14px;
}
.post-type-image-container-inline .replies-label {
    font-size:10px;
}
div.post-new-thread {
    background-color:#908E8E;
    border:1px solid #777;
    padding:0 6px;
    margin-top:34px;
    display:inline-block;
    width:auto;
    font-size:14px;
}
div.post-new-thread:hover {
    background-color:#E0DFDB;
}
div.post-new-thread a#post-new-thread-button {
    padding:0 6px;
    color:white;
    font-family:unitThin;
    text-decoration:none;
    line-height:24px;
}
#topics-container {
    display:block;
    float:left;
    clear:both;
    margin-top:200px;
}
.search-results-group {
    font-size:1.8rem;
    margin-top:.8em;
}
.search-result-element {
}
#right-content-inner-list {
    overflow:visible;
}
.info-spaced {
    margin:10px 0 0 0;
}
input[type=button].info-spaced, input[type=password].info-spaced {
    padding:0 4px;
}
input[type=text].info-spaced, .searchableDropdown.info-spaced, input[type=password].info-spaced {
    padding:5px;
}
.searchableDropdown.info-spaced {
    border:1px solid #888;
}
.SearchableDropdownListResults {
    padding-top:8px;
    box-sizing:border-box;
}
.SearchableDropdownListEntry:hover {
    background-color:#eee;
    color:#009cdf;
}

.SearchableDropdownList, .ServerSideSearchableDropdownList {
box-sizing: border-box;
max-width: 100%;
height: auto!important;
}
.SearchableDropdownListEntry {
height: auto!important;
}

.filters-visibility-area {
    display:block!important;
}
#inner-bottom-left-list .individual-content {
    margin-bottom:22px;
    padding:0px 20px 0 0;
}
#inner-bottom-left-list .infoContainerHeader > h2 {
    display:none;
}
#inner-bottom-left-list .content-title {
    font-size:24px;
    font-family:unitMedium;
    font-weight:bold;
}
#inner-bottom-left-list .content-title-big {
    font-size:36px;
    font-family:unitRegular;
    color:green;
}
#inner-bottom-left-list .post-type-image-container img {
    width:32px;
    /* border:1px solid rgb(255, 243, 224);
    -webkit-box-shadow:rgba(255, 243, 224, 0.99) 0px 0px 22px 15px;
    -moz-box-shadow:rgba(255, 243, 224, 0.99) 0px 0px 22px 15px;
    */}
#buttons-list-TicketsDetails input {
    width:30ex;
}
#buttons-list-TicketsDetails input[type=checkbox] {
   width: auto;
   margin-top: 0;
}
.buttons-list-vertical > input,
.buttons-list-vertical > .AjaxUpdateArea > input {
 display:block;
 width:100%;
}

.buttons-list-vertical input {
    margin-top:12px;
 max-width:100%;
}
.overlayed-form,
.flowLayout .overlayed-form,
.flowVertical .overlayed-form {
  border-radius:10px;
  -moz-border-radius:10px;
  -khtml-border-radius:10px;
  -webkit-border-radius:10px;
  border:3px solid grey;
  padding:15px;
  z-index:10;
  overflow:auto;
  position:fixed;
  display:none;
  background-color:white;
  left:100px;
  top:300px;
  width: 20em;
  max-width:100%;
  max-height:100%;
}
.overlayed-form > * {
 margin-bottom:8px;

}
.videoDetailsContainer {
 width: 100%;
 display: inline-block;
}
.videoDetailsContainer img {
    display:block;
}
.videoDetailsContainer .description {
    display:inline;
}
.videoDetailsContainer h2 {
    font-weight:normal;
}
.videoDetailsContainer #details,.videoDetailsContainer #tags {
    width:100%;
}
.videoDetailsContainer #tags {
    margin-bottom:8px;
}
.video-thumbnail {
    float:left;
    margin-right:8px;
    clear:right;
    position:relative;
    background-color:#ccc;
}
.video-thumbnail object,.video-thumbnail iframe {
    z-index:201;
}
.videoOverlayAction {
    width:100%;
    height:90px;
    display:block;
    position:absolute;
    z-index:202;
    top:0;
    left:0;
    cursor:pointer;
}
#join-text ul,.tick-list {
    list-style-image:url(/resource/object/tick_small/HeadFilter-true-true/tick_small.jpg);
}
.sectionIcon {
    position:absolute;
    height:48px;
    left:-100px;
    top:40px;
    display:none;
}
.supportTicketDescription img {
    max-width:100%!important;
}
.documentsList {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    padding-left:2px;
    max-width:100%;
}
.documentsList .documentListItem {
    padding-bottom:3px;
}
.documentsList .documentListItem .gridViewImageBox img {
    /*width:14px;*/
    height:16px;
}

.editTicketTitle {
opacity:.2;
}
.editTicketTitle:hover {
opacity:1;
}

/************************** imported from opsdev *********************************/
.flowLayout {
white-space:nowrap;
}

.flowLayout.word-spacing > :first-child {
 margin-left: 0;
}

.flowLayout.word-spacing > * {
 margin-left: 12px;
}

.flowLayout.adapt-content {
white-space:normal;
max-width:100%;
}

.flowLayout.adapt-content > * {
 max-width: 100%;
}

.flowLayout > * {
    display:inline-block;
    vertical-align:middle;
}
.flowLayout > img.SpaceImage {
    display:inline-block!important;
}
.flowVertical {
 white-space: normal;
 word-wrap: normal;
 word-break: break-word;
}
.flowVertical > * {
 display: block;
 vertical-align:middle;
 /*width:100%;*/
 max-width:100%;
 clear: both;
}
.flowLayout.content-valign-top > *, 
.flowLayout.align-top > * {
vertical-align: top;
}
.flowLayout.content-valign-bottom > *, 
.flowLayout.align-bottom > * {
vertical-align: bottom;
}
.flowLayout.content-valign-baseline > *, 
.flowLayout.align-baseline > * {
vertical-align: baseline;
}
.flowLayout.content-valign-middle > *, 
.flowLayout.align-middle > * {
vertical-align: middle;
}
.inline-block {
    display:inline-block;
}
/********************************** imported from various screens ***************/.richsuggestionfielddropdown {
    background-color:#F3F3F3;
    border:1px solid #848484;
    padding:0px;
}
.richsuggestiongroup {
    font-family:Helvetica, Arial, sans-serif;
    font-size:13px;
    text-decoration:none;
    font-weight:bold;
    color:#484848;
    letter-spacing:0.00em;
    text-transform:uppercase;
    padding-top:7px;
    padding-bottom:7px;
    padding-left:7px;
    padding-right:7px;
}
.richsuggestionentry {
    position:relative;
    color:#1E1E1E;
}
.richsuggestionentry.active {
    background-color:#343434;
    color:#0066CC;
}
.richsuggestionimage {
}
.richsuggestionentry.hover {
    color:#0066CC;
    font-family:Helvetica, Arial, sans-serif;
    font-size:11px;
    text-decoration:none;
    font-weight:bold;
    background-color:#E5E5E5;
}
.hover {
    color:#0066CC;
    font-family:Helvetica, Arial, sans-serif;
    font-size:11px;
    text-decoration:none;
    font-weight:bold;
}
.richsuggestionentry.hover .richsuggestiontitle {
    font-family:Helvetica, Arial, sans-serif;
    font-size:11px;
    text-decoration:none;
    font-weight:bold;
    padding-top:2px;
    padding-bottom:2px;
    color:#0066CC;
}
.richsuggestiontitle {
    font-family:Helvetica, Arial, sans-serif;
    font-size:11px;
    font-weight:bold;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:7px;
    padding-right:7px;
    color:#0066CC;
}
.richsuggestiontext {
    font-family:Helvetica, Arial, sans-serif;
    font-size:11px;
    text-decoration:none;
    color:#0D0D0D;
    letter-spacing:0.03em;
    border-bottom:1px solid #B3B3B3;
    padding-top:1px;
    padding-bottom:4px;
    padding-left:7px;
    padding-right:7px;
}
.richsuggestionviewallresults {
    cursor:pointer;
    background-color:#D9D9D9;
    font-family:Helvetica, Arial, sans-serif;
    font-size:12px;
    text-decoration:none;
    font-weight:bold;
    padding-top:6px;
    padding-bottom:4px;
    padding-left:7px;
    width:490px;
}
.richsuggestionfieldprogresswheel {
}
.roundedCorners {
    border-radius:10px 10px 10px 10px;
    -khtml-border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border:2px solid #ccc;
    padding:0px;
    padding-top:0px;
    padding-bottom:0px;
    background-image:url( {
    CONTEXT_PATH}
/gradient/linear/v/3080/0/ffffff/3080/E6E8E7/image.png);
}
/************************** Appway Releases ******************/#ReleasesTable {
    border-collapse:collapse;
}
#ReleasesTable th {
    padding:5px;
    border:1px solid #EEEEEE;
    background-color:#EEEEEE;
    white-space:nowrap;
}
#ReleasesTable th span {
    font-weight:bold;
}
#ReleasesTable > tbody > tr > td {
    padding:5px;
    border:1px solid #EEEEEE;
    white-space:nowrap;
}
.highlight {
    background-color:#FFFF88;
}
#ReleaseNotesTable {
    border-collapse:collapse;
    width:900px;
}
#ReleaseNotesTable th {
    padding:5px;
    border:1px solid #EEEEEE;
    background-color:#EEEEEE;
}
#ReleaseNotesTable th span {
    font-weight:bold;
}
#ReleaseNotesTable > tbody > tr > td {
    padding:5px;
    border:1px solid #EEEEEE;
}
div.AreaSuggestions {
    border:1px solid gray;
    background-color:white;
    padding:2px;
}
#ExtensionsTable {
    border-collapse:collapse;
}
#ExtensionsTable th {
    padding:5px;
    border:1px solid #EEEEEE;
    background-color:#EEEEEE;
    white-space:nowrap;
}
#ExtensionsTable th span {
    font-weight:bold;
}
#ExtensionsTable > tbody > tr > td {
    padding:5px;
    border:1px solid #EEEEEE;
    white-space:nowrap;
}
.global-warning-message {
    width:100%;
    color:#ffa728;
    background-color:#fffab8;
    border:3px solid #ffe146;
    margin-bottom:20px;
    font-size:1.8rem;
    padding:8px 40px;
    text-align:center;
    -webkit-box-sizing:border-box;
    /* Android ≤ 2.3, iOS ≤ 4 */ -moz-box-sizing:border-box;
    /* Firefox 1+ */ box-sizing:border-box;
    /* Chrome, IE 8+, Opera, Safari 5.1 */ }
.global-warning-message * {
    font-size:inherit;
    color:inherit;
}

/************************** Paddings & Margins ****************/
.margin-top-tiny { margin-top:2px; }
.margin-top-small { margin-top:8px; }
.margin-top { margin-top:12px; }
.margin-top-med { margin-top:24px; }
.margin-top-big { margin-top:36px; }
.margin-bottom-tiny { margin-bottom:2px; }
.margin-bottom-small { margin-bottom:8px; }
.margin-bottom { margin-bottom:12px; }
.margin-bottom-med { margin-bottom:24px; }
.margin-bottom-big { margin-bottom:36px; }

.margin-left-tiny { margin-left:3px; }
.margin-left { margin-left:8px; }
.margin-left-small { margin-left:6px; }
.margin-right-tiny { margin-right:3px; }
.margin-right { margin-right:8px; }
.margin-right-small { margin-right:6px; }

.padding-top-tiny { padding-top:2px; }
.padding-top-small { padding-top:8px; }
.padding-top { padding-top:12px; }
.padding-top-med { padding-top:24px; }
.padding-top-big { padding-top:36px; }
.padding-bottom-tiny { padding-bottom:2px; }
.padding-bottom-small { padding-bottom:8px; }
.padding-bottom { padding-bottom:12px; }
.padding-bottom-med { padding-bottom:24px; }
.padding-bottom-big { padding-bottom:36px; }

.padding-left-tiny { padding-left:3px; }
.padding-left-small { padding-left:6px; }
.padding-left { padding-left:8px; }
.padding-left-med { padding-left:12px; }
.padding-left-big { padding-left:24px; }
.padding-right-tiny { padding-right:3px; }
.padding-right-small { padding-right:6px; }
.padding-right { padding-right:8px; }
.padding-right-med { padding-right:12px; }
.padding-right-big { padding-right:24px; }

.padding-normal {padding:12px;}
.padding-medium {padding:8px;}
.padding-small {padding:6px;}
.padding-tiny {padding:3px;}
.padding-big {padding:24px;}

/************************** Responsive Forms ******************/
div.ResponsiveForm {
    max-width:700px;
}
div.ResponsiveForm div.ResponsiveFormElement {
    float:left;
    width:300px;
    margin-top:5px;
}
.DropdownList.select2IsEnabled {
max-width: 100%;
}
.select2-result-label:hover {
color:white;
}