﻿/*
FIRE
#1F3FFF -> #D5C514
#14A8F0 -> #F78D31

EARTH
#1F3FFF -> #2D9D06
#14A8F0 -> #81D11F

WIND
#1F3FFF -> #B631ED
#14A8F0 -> #DD73EF

DEFAULT
#1F3FFF -> #F6144C
#14A8F0 -> #FD82A3
*/

body {
    color: #666666;
    background-color: White; /*background:url(Images/page-background.jpg) repeat top left;*/
    background: rgb(84,84,84);
    background: linear-gradient(270deg, #ece63e 0%, #d5c514 100%);
    background-attachment: fixed;
}

/* Tags */
a { color:#D5C514; text-decoration:none; }

.link { color:#D5C514; }
#divPageTitle .title { color:#D5C514;  word-wrap: break-word; }
.label { color:#666666; font-size:13px; font-weight:bold; }
.mandatoryfield { float:left; height:26px; width:26px;background:transparent url(Images/mandatory.png) no-repeat center center; }

.innercontentsubtitle .title { color:#D5C514; }
.innercontentmiddle .heading { color:#D5C514; }
.innercontentmiddle .subheading { color:#D5C514; }

/* buttons */
.btnPA1 {
    background-color: #d5c514;
    color: White;
}

.btnPA2 {
    background-color: #d5c514;
    color: White;
}

.btnPA3 {
    background-color: #d5c514;
    color: White;
}

.btnPA4 {
    background-color: #d5c514;
    color: White;
}

.btnPA5 {
    background-color: #d5c514;
    color: White;
}

.btnPB1 {
    background-color: #d5c514;
    color: White;
}

.btnPB2 {
    background-color: #d5c514;
    color: White;
}

.btnPB3 {
    background-color: #d5c514;
    color: White;
}

.btnPB4 {
    background-color: #d5c514;
    color: White;
}

.btnPB5 {
    background-color: #d5c514;
    color: White;
}

.btnPC1 {
    background-color: #ece63e;
    color: White;
}

.btnPC2 {
    background-color: #ece63e;
    color: White;
}

.btnPC3 {
    background-color: #ece63e;
    color: White;
}

.btnPC4 {
    background-color: #ece63e;
    color: White;
}

.btnPC5 {
    background-color: #ece63e;
    color: White;
}

.btnPN1 {
    background-color: #7c7c7c;
    color: White;
}

.btnPN2 {
    background-color: #7c7c7c;
    color: White;
}

.btnPN3 {
    background-color: #7c7c7c;
    color: White;
}

.btnPN4 {
    background-color: #7c7c7c;
    color: White;
}

.btnPN5 {
    background-color: #7c7c7c;
    color: White;
}

.btnPF1 {
    background-image: url(/Assets/Images/spinning.gif);
    background-color: #acacac;
    color: White;
}

.btnPF2 {
    background-image: url(/Assets/Images/spinning.gif);
    background-color: #acacac;
    color: White;
}

.btnPF3 {
    background-image: url(/Assets/Images/spinning.gif);
    background-color: #acacac;
    color: White;
}

.btnPF4 {
    background-image: url(/Assets/Images/spinning.gif);
    background-color: #acacac;
    color: White;
}

.btnPF5 {
    background-image: url(/Assets/Images/spinning.gif);
    background-color: #acacac;
    color: White;
}

.btnSA1 {
    background-color: #d5c514;
    color: White;
}

.btnSA2 {
    background-color: #d5c514;
    color: White;
}

.btnSA3 {
    background-color: #d5c514;
    color: White;
}

.btnSA4 {
    background-color: #d5c514;
    color: White;
}

.btnSA5 {
    background-color: #d5c514;
    color: White;
}

.btnSB1 {
    background-color: #d5c514;
    color: White;
}

.btnSB2 {
    background-color: #d5c514;
    color: White;
}

.btnSB3 {
    background-color: #d5c514;
    color: White;
}

.btnSB4 {
    background-color: #d5c514;
    color: White;
}

.btnSB5 {
    background-color: #d5c514;
    color: White;
}

.btnSC1 {
    background-color: #ece63e;
    color: White;
}

.btnSC2 {
    background-color: #ece63e;
    color: White;
}

.btnSC3 {
    background-color: #ece63e;
    color: White;
}

.btnSC4 {
    background-color: #ece63e;
    color: White;
}

.btnSC5 {
    background-color: #ece63e;
    color: White;
}

.btnSD1 {
    background-color: #464646;
    color: White;
}

.btnSD2 {
    background-color: #464646;
    color: White;
}

.btnSD3 {
    background-color: #464646;
    color: White;
}

.btnSD4 {
    background-color: #464646;
    color: White;
}

.btnSD5 {
    background-color: #464646;
    color: White;
}

.btnSE1 {
    background-color: #d7d7d7;
    color: #666666;
}

.btnSE2 {
    background-color: #d7d7d7;
    color: #666666;
}

.btnSE3 {
    background-color: #d7d7d7;
    color: #666666;
}

.btnSE4 {
    background-color: #d7d7d7;
    color: #666666;
}

.btnSE5 {
    background-color: #d7d7d7;
    color: #666666;
}

.btnSN1 {
    background-color: #7c7c7c;
    color: White;
}

.btnSN2 {
    background-color: #7c7c7c;
    color: White;
}

.btnSN3 {
    background-color: #7c7c7c;
    color: White;
}

.btnSN4 {
    background-color: #7c7c7c;
    color: White;
}

.btnSN5 {
    background-color: #7c7c7c;
    color: White;
}

.btnSF1 {
    background-image: url(/Assets/Images/spinning.gif);
    color: White;
    background-color: #acacac;
}

.btnSF2 {
    background-image: url(/Assets/Images/spinning.gif);
    color: White;
    background-color: #acacac;
}

.btnSF3 {
    background-image: url(/Assets/Images/spinning.gif);
    color: White;
    background-color: #acacac;
}

.btnSF4 {
    background-image: url(/Assets/Images/spinning.gif);
    color: White;
    background-color: #acacac;
}

.btnSF5 {
    background-image: url(/Assets/Images/spinning.gif);
    color: White;
    background-color: #acacac;
}

.btnSNO4 {
    background-image: url(/Assets/Images/spinning.gif);
    color: White;
    background-color: #acacac;
}

.btnSNS4 {
    color: White;
    background-color: #acacac;
}

.btnZA1 {
    background-color: #acacac;
    background-position: center 1px;
    color: White;
}

.btnZF1 {
    background-image: url(/Assets/Images/spinning.gif);
    background-position: center 1px;
    color: White;
    background-color: #acacac;
}

.btnPF1_d {
    background-color: #acacac;
    color: White;
}

.btnPF2_d {
    background-color: #acacac;
    color: White;
}

.btnPF3_d {
    background-color: #acacac;
    color: White;
}

.btnPF4_d {
    background-color: #acacac;
    color: White;
}

.btnPF5_d {
    background-color: #acacac;
    color: White;
}
/* Layout */
.gv th { background-image:url(Images/listview-heading-bg.png); color:White; }
.gv td { border-left:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; background-color:#F4F4F4; }
.gv td { border-left:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; background-color:#F4F4F4; }
.gv tr:hover td { background-color:#EEEEEE; }
.dotted-line { background:url(Images/dotted-line.png) repeat-x center left; }
.table-button-bottom { background-color:#F4F4F4; float:left; border:1px solid #CCCCCC; border-top:none; }

.logoimage  { background-image:url(Images/obami-logo.png); width:100%; height:100%; }
#divHeader #divHeaderInfoBar .ibcontainer .notificationbox { background-image:url(Images/header-notification-box.png); }
#divHeader #divHeaderInfoBar .ibcontainer .notificationbox .notificationchatlink,
#divHeader #divHeaderInfoBar .ibcontainer .notificationbox .notificationmessagelink,
#divHeader #divHeaderInfoBar .ibcontainer .notificationbox .notificationnotificationlink { color:White; text-decoration:none; }
#divHeader .btnsearchheader { background-image:url(Images/btn-search-header.png); color:White; }

#divPrintHeader .logo  { background-image:url(Images/obami-logo.png); }

/* Application Toolbar */
#divApplicationToolbar .container { }

/* modal & error dialogs 
.modalBackground { background-color:Black; }
.modalDialog { background-color:White; }
.modalDialog .modalTitle { background-color:#424242; color:White; background:url(Images/modaltitle-bg.png) repeat-x; }
.modalDialog .modalTitle .modalTitleClose { background-image:url(Images/modal-title-close.png); }
.modalDialog .modalContent { color:#666666; }
.btnModalPrimaryA { background-image:url(buttons/p_a_121.png); color:white; }
.btnModalSecondaryA { background-image:url(buttons/p_a_121.png); color:white; }
    */
/* Feedback */
#divFeedbackContent .padding .label { color:#D5C514; }

/* Invite */
#divInviteContent .padding .label { color:#D5C514; }
/* Tabs */
.tabcontainer ul.tabs li { color:White; }
#divPageTabs .addpage {
    background-image: url(Images/tab-highlight.png);
    color: White;
}

.tabcontainer ul.tabs li a { color:#D5C514; }
.tabcontainer ul.tabs li.tabactive {    background-color: #D5C514; 
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D5C514), to(#D5C514));
   background-image: -webkit-linear-gradient(top, #D5C514, #D5C514); 
   background-image: -moz-linear-gradient(top, #D5C514, #D5C514);
   background-image: -ms-linear-gradient(top, #D5C514, #D5C514);
   background-image: -o-linear-gradient(top, #D5C514, #D5C514); color:white; }
.tabcontainer ul.tabs li.tabactive a { color:white; }
.tabcontainer ul.tabs li.highlight { background-image:url(Images/tab-highlight.png); }
.tabcontainer .moveleft .arrow { background-image:url(Images/tabs-arrowleft.png); }
.tabcontainer .moveright .arrow { background-image:url(Images/tabs-arrowright.png); }

.tabcontainer ul.bigtabs li { background-image:url(Images/bigtab-inactive.png); color:White; }
.tabcontainer ul.bigtabs li.tabactive { background-image:url(Images/bigtab-active.png); color:#D5C514; }
.tabcontainer ul.bigtabs li.highlight { background-image:url(Images/bigtab-highlight.png); }

/* dashboard */

.left-arrow {
    background-image: url(Images/tabs-arrowleft.png);
    background-repeat:no-repeat;
    width:35px;
    height:25px;
    float:left;
    background-position: center;
    cursor:pointer;
}

.left-arrow:hover {
    opacity: 0.6;
    filter: alpha(opacity=40);
}

.right-arrow {
        background-image: url(Images/tabs-arrowright.png);
        background-repeat:no-repeat;
         width:35px;
    height:25px;
    float:right;
        background-position: center;
        cursor:pointer;
}

.right-arrow:hover {
    opacity: 0.6;
    filter: alpha(opacity=40);
}
/* upload */
.divUploadProgressBar { background-image:url(Images/album-upload-progress-bg.png); }
.divElementImageUploadProgressBar { background-image:url(Images/album-upload-progress-bg.png); }
.divElementVideoUploadProgressBar { background-image:url(Images/album-upload-progress-bg.png); }
.divElementPDFUploadProgressBar { background-image:url(Images/album-upload-progress-bg.pngg); }
.divElementResourceUploadProgressBar { background-image:url(Images/album-upload-progress-bg.png); height:100%;}
#divElementVideoUploadConvert { color:Red; }
#divAlbumFiles .item .inner .uploadbutton { color:White; }

/* SMS */
#divSMSInformation .label { color:#D5C514; }
#divSMSInformation .value { color:#666666; }
#divSMSInformation .notenough { color:Red; }

/* portals */
.portalElementDragHandle { background-image:url(Images/portal-draghandle-bg.png); }
.portalElementDragHandle .handle { background-image:url(Images/portal-draghandle.png); }
.portalElementsEditControlCap { background-image:url(Images/portal-element-editdelete.png); }
.portalElementEditControlButtons { background-color:#F78D31; color:White; background-image:url(Images/portal-element-editdelete-bg.png);  }
.obami_elementviewcontrols { border-bottom-color:#CCCCCC; }
.divPortalBadge .item .inner .uploadbutton { color:White; }
#divPortalBackground .item .inner .uploadbutton { color:White; }
#pnlSharingControl .subtitle { color:#D5C514;}
#pnlAddMembersContainer #pnlSharingControlsActions .subtitle { color:#D5C514;}
#divPortalPageMembers .divPortalPageContainers .subtitle {color:#D5C514;}
.dvObamiProfile .btnFindIcon { background-image:url(Images/btn-search-grey.png); }
.divPortalSubTitle { color:#D5C514;}

/* Blog */
.blogElementDragHandle { background-image:url(Images/portal-draghandle-bg.png); }
.blogElementDragHandle .handle { background-image:url(Images/portal-draghandle.png); }
.blogElementsEditControlCap { background-image:url(Images/portal-element-editdelete.png); }
.blogElementEditControlButtons { background-color:#F78D31; color:White; background-image:url(Images/portal-element-editdelete-bg.png); }

/* Contacts */
#dvFindRecipients .btnFindIcon { background-image:url(Images/btn-search-grey.png); }
.blue-subheading { background-image:url(Images/listview-heading-bg.png); color:White; }
.RecipientResultsTable { border:1px solid #BBBBBB; border-bottom:1px solid #F7F7F7; background:url(Images/results-table-bg.png) repeat-y top left White; }
.AddContactContainer { background-image:url(Images/add-contact-container-bg.png); color:#666666; }
.AddContactContainer a { color:#666666!important; }

#dvFindContacts .heading .expand { background-image:url(Images/light-subheading-expand.png) }
#dvFindContacts .heading { background-image:url(Images/light-subheading-bg.png); color:White; }

/* Sharing */
.sharing-container #dvInviteOnlyOptions .list-container .items { background:url(Images/white-gradient-bg.png) White repeat-x bottom left; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom: 1px solid#CCCCCC;}
.sharing-container #dvInviteOnlyOptions .list-container .title { background:url(Images/dark-grey-heading.png) repeat-x top left; color:White; border-bottom:1px solid #464646; border-left:1px solid #6B6B6B; border-right:1px solid #6B6B6B; border-top:1px solid #8D8D8D; }

/* Messages */
#divNotificationsList .unread { background-image:url(Images/icon-unread.png); }
#divMessageContainer .texttitle { color:#D5C514; }

#divSelecteRecipients .selectedMemberTitle { border-left:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; background-image:url(Images/listview-heading-bg.png); color:White; }
#divSelecteRecipients #divSelectedMemberListContainer { border-left:1px solid #CCCCCC; }
#divSelecteRecipients #divSelectedMemberListContainer .newmember { border-right:1px solid #CCCCCC;  border-bottom:1px solid #CCCCCC; background-color:#F4F4F4; }

.messagetypeEmail { background-image:url(Images/icon-message-email.png); }
.messagetypeObami { background-image:url(Images/icon-message-obami.png); }
.messagetypeSMS { background-image:url(Images/icon-message-sms.png); }
.messageFlagNormal { background-image:url(Images/icon-message-normal.png); }
.messageFlagHigh { background-image:url(Images/icon-message-high.png); }

#divMessagesList td .subject { color:#D5C514; }
#divMessagesList .unread { background-image:url(Images/icon-unread.png); }
#divMessagesList .attachment { background-image:url(Images/icon-attachment.png); }

.messageview .label { color:#10A5F0; }
.messageview .first .label { color:#D5C514; }

/* Albums */
#divSingleAlbumItem #divPhoto .container .nextimage { background-image:url(Images/tabs-arrowright.png) }
#divSingleAlbumItem #divPhoto .container .previousimage { background-image:url(Images/tabs-arrowleft.png) }

/* Resources */
#divResources .folder { background-image:url(Images/listview-heading-bg.png); color:White; }
#divResources .folder a { color:White; }
#divResources .resourceitems .date { color:#D5C514; font-weight:normal; }
#divResources .resourceitems .options a { color:#D5C514; text-decoration:underline; }
#divAlbums .photo .thumbnail  .folderbg { background:transparent url(Images/folder-resource.png) no-repeat top left; }

/* Assignment Templates */

#divTemplates .folder { background-image:url(Images/listview-heading-bg.png); color:White; }
#divTemplates .folder a { color:White; }
#divTemplates .resourceitems .date { color:#D5C514; font-weight:normal; }
#divTemplates .resourceitems .options a { color:#D5C514; text-decoration:underline; }
#divTemplates .template .thumbnail .folderbg { background:transparent url(Images/assignment-template.png) no-repeat center center; }

#divTemplate .summary .label { color:#D5C514; }
#divTemplate .section-heading { color:White; }
#divTemplate .section-heading
{
   background-color: #D5C514; 
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D5C514), to(#D5C514));
   background-image: -webkit-linear-gradient(top, #D5C514, #D5C514); 
   background-image: -moz-linear-gradient(top, #D5C514, #D5C514);
   background-image: -ms-linear-gradient(top, #D5C514, #D5C514);
   background-image: -o-linear-gradient(top, #D5C514, #D5C514);
}
#divTemplate .section-heading .actions a { color:White; }
#pnlAssignmentDetails .summary .label {
color: #D5C514;  
}
#divPageTabs .dvTabTabs .dvTabToc.active{
    border-bottom: 2px solid #D5C514;
    color:#D5C514; 
}
#divPageTabs .dvTabTabs .dvTabOptions.active{
    border-bottom: 2px solid #D5C514;  
    color:#D5C514;  
}
#divPageTabs .dvTabTabs .dvTabPages.active{
    color:#D5C514; 
    border-bottom: 2px solid #D5C514; 
 }
.rt .rthr .rthc{
    background-color:#D5C514;     color:white;
}
.sliderangecontainer .slider::-webkit-slider-thumb {
  background:#D5C514; 
}

.sliderangecontainer .slider::-moz-range-thumb {
    background:#D5C514;  
}
.barfiller .fill{
    background: #D5C514;    
}
input:checked + .cbslider {
  background-color: #D5C514; 
}

input:focus + .cbslider {
  box-shadow: 0 0 1px #D5C514; 
}
@media only screen and (min-device-width: 120px) and (max-device-width: 736px) {

    .tabcontainer ul.tabs li.tabactive {
        background-image:none !important;
        background-color: #D5C514 !important; 
    }
}
.tbc {
    border-color: #D5C514;
}
.stbc {
    border-color: #ece63e;
}
.stbgc{
    background-color: #ece63e; 
}
.theme-bg-color
{
   background-color: #D5C514; 
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D5C514), to(#D5C514));
   background-image: -webkit-linear-gradient(top, #D5C514, #D5C514); 
   background-image: -moz-linear-gradient(top, #D5C514, #D5C514);
   background-image: -ms-linear-gradient(top, #D5C514, #D5C514);
   background-image: -o-linear-gradient(top, #D5C514, #D5C514);
}
.signupoption {
    background-color: #D5C514 !important;
}
.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #D5C514;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #D5C514;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 40px #D5C514;
  }
}
.portalassignmentcontainer .summary .label { color:#D5C514; }
.portalassignmentcontainer .section-heading { color:White; }
.portalassignmentcontainer .section-heading
{
   background-color: #D5C514; 
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D5C514), to(#D5C514));
   background-image: -webkit-linear-gradient(top, #D5C514, #D5C514); 
   background-image: -moz-linear-gradient(top, #D5C514, #D5C514);
   background-image: -ms-linear-gradient(top, #D5C514, #D5C514);
   background-image: -o-linear-gradient(top, #D5C514, #D5C514);
}
.portalassignmentcontainer .section-heading .actions a { color:White; }

#divTemplate .QuestionElementDragHandle { background-image:url(Images/portal-draghandle-bg.png); }
#divTemplate .QuestionElementDragHandle .handle { background-image:url(Images/portal-draghandle.png); }

#divTemplate .question-heading .inner
{
    background: #ECECEC;
    background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0%, #ECECEC), color-stop(50%, White), color-stop(100%, #CDCDCD));
    background: -moz-linear-gradient(top, #ECECEC 0%, White 50%, #CDCDCD 100%);
}

#divTemplate .question-heading .question-number { color:#D5C514; }
#divTemplate .question-answer .sub-heading { color:#D5C514; font-weight:bold; }
#divTemplate .model-answer .sub-heading { color:#D5C514; font-weight:bold; }
#divTemplate .submitted-answer .sub-heading { color:#D5C514; font-weight:bold; }
#divTemplate .question-resource .sub-heading { color:#D5C514; font-weight:bold; }
#divTemplate .question-resource a { color:#666666; }

.obami_assignment_question_update .uploadobject .inner .uploadbutton { color:White; }
.obami_assignment_question_update .uploadobject .buttons a { color:white; text-decoration:none; }
.obami_assignment_question_update #pnlPreviewImage { margin-bottom:10px; }

#divTemplate .question-answer .uploadobject .inner .uploadbutton { color:White; }
#divTemplate .question-answer .uploadobject .buttons a { color:white; text-decoration:none; }
#divTemplate .question-updatemark { background-color:#F4F4F4; border:1px solid #CCCCCC; }

#divTemplate .section-questions .question .actions { background:#F78D31; color:White; background-image:url(Images/portal-element-editdelete-bg.png);}
#divTemplate .section-questions .question .actions a { color:White; }

.obami_assignment_question_update .rowright .lbl { color:#D5C514; }
.obami_assignment_question_update .WeightedAnswersCheckbox { margin-left:10px; margin-top:-5px; }

.template-set .blue-label { color:#D5C514; }
.template-set .checkbox-item .label { color:#D5C514; }

.assignment-teams .heading { background:url(Images/light-subheading-bg.png) repeat-x; color:White; }

.assignment-publish #divSelectedMemberListContainer .selectedMemberTitle { border-left:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; background-image:url(Images/listview-heading-bg.png); color:White; }

/* Users */
.UserDetailsContainer { font-size:14px; }
.UserDetailsContainer strong { color:#D5C514; }

.UserDetailsContainer2 { font-weight:bold; font-size:13px;width:250px;padding-right:15px; float:left;margin-bottom:36px;padding-bottom:36px; height:50px;}
.UserDetailsContainer2 strong { color:#D5C514; }
.UserDetailsImage2 { float:left; width:60px;height:50px;}
.UserDetailsInfoContainer { width:190px;float:left;}
.UserDetailsInfo2 {float:left;}

/* paging */
.paging .viewmore { color:#D5C514; }
.paging .pages { color:#D5C514; }

/* My Account */
#divProfilePictureManagerContainer .item .inner .uploadbutton { color:White; }
#divProfilePictureManagerContainer .buttons a { color:white; text-decoration:none; }
#divUploadBackground .item .inner .uploadbutton { color:White; }
.UserDetailsContainer .UserDetailsInfo { line-height:20px; }
#divDescriptionContainer .gv span { color:#D5C514;}
.obami_page_options #dvReport, .feeditem .reportitem { background:url(Images/icon-report.png) no-repeat; }

/* Calendar */
.addeventcontainer .uploadobject .inner .uploadbutton { color:White; }
.addeventcontainer .uploadobject .buttons a { color:white; text-decoration:none; }
.addeventcontainer .uploadobject .progressbar { background-image:url(Images/album-upload-progress-bg.png); }
.addeventcontainer .uploadobject .inner { background-color:#26b5f4; }
.addeventcontainer .row .bla { color:#D5C514; }

.obami_calendarday .month { background:#DEDEDE url(Images/event-month-day-bg.png) repeat-x top left; }
.obami_calendarday .month .monthnumber { color:#666666;}
.obami_calendarday .month .monthname { color:#666666; }
.obami_calendarday .event .eventitem  .title { color:#D5C514; }
.obami_calendarday .event .eventitem .container { background-color:#EEEEEE; }
.obami_calendarday .event .seperator { background-color:#EEEEEE; padding:0px 40px 0px 10px; }
.obami_calendarday .event .seperator .dotted-line { padding:0px; }
.obami_calendarday .event .btnarrowright { background-image:url(Images/btn-arrow-right.png); }

.obami_calendarday .event .fulleventitem .titlecontainer { background-color:#EEEEEE; } 
.obami_calendarday .event .fulleventitem .title { color:#D5C514; }
.obami_calendarday .event .fulleventitem .contentcontainer .label { color:#D5C514; }

.eventdetails .label { color:#D5C514; }

#divEventMonthList .monthheader { background-image:url(Images/light-subheading-bg.png); color:White; }
#divEventMonthList .monthheader .previous .arrow { background-image:url(Images/light-subheading-arrowleft.png); margin-right:10px; }
#divEventMonthList .monthheader .next .arrow { background-image:url(Images/light-subheading-arrowright.png); margin-left:10px; }

.eventinvitees .inviteheader { background-image:url(Images/light-subheading-bg.png); color:White; }
#divSelectInvitees .largetext { color:#D5C514; }

#divSelectedMembers .selectedMemberTitle { border-left:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; background-image:url(Images/listview-heading-bg.png); color:White; }
#divSelectedMemberListContainer { border-left:1px solid #CCCCCC; }
#divSelectedMemberListContainer .newmember { border-right:1px solid #CCCCCC;  border-bottom:1px solid #CCCCCC; background-color:#F4F4F4; }

#divEventAttendees .list .title { background-image:url(Images/light-subheading-bg.png); color:White; }
#divEventAttendees .list .expand  { background-image:url(Images/light-subheading-expand.png); }

/* comments */
.obami_commentlist .singlecomment .options { color:#D5C514; }
.obami_commentlist .singlecomment .viewmore { color:#D5C514; cursor:pointer; }
.obami_commentfeed .singlecomment .options { color:#D5C514; }
.obami_commentfeed .singlecomment .viewmore { color:#D5C514; cursor:pointer; }

/* news */
.feeditem .owner { color:#D5C514; margin-top:10px; }

/* Album popup */
.obami_album_popup { background:url(Images/album-popup-bg-left.png) no-repeat; }
.obami_album_popup .sharing { background-image:url(Images/album-popup-sharing-bg.png); color:White; } 

/*Blogs */
.commentstotal { color:#D5C514;}
#divBlogs .photo .title { /*color:#D5C514;*/}
#divBlogs .photo .thumbnail .folderbg { background:transparent url(Images/icon-folder.png) no-repeat top left; }
/* Portals */
.divCurrentMembersTitle { font-size:16px; text-align:left; height:30px; line-height:30px; border-left:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; background-image:url(Images/listview-heading-bg.png); background-repeat:repeat-x; color:White; padding-left:10px; /*font-weight:bold;*/ }
#divCurrentSelectedMembersContainer {width:600; border-left:1px solid #CCCCCC; border-right:none; border-bottom:none; }
#divCurrentSelectedMembersContainer .divCurrentSelectedMembersItem { border-right:1px solid #CCCCCC;  border-bottom:1px solid #CCCCCC; padding:20px; background-color:#F4F4F4; width:229px;float:left; font-size:14px; /*font-weight:bold;*/}
#divSharingControlsContainer { border:1px solid #CCCCCC;  border-right:none; border-bottom:none; border-top:none;  }
.divPortalMembersPageContainers .gv .tdMember {  line-height: 20px;font-size: 14px; font-weight: bold;}

.account_icons .user-profile, .account_icons .user-news, .account_icons .user-bulletinboard, .account_icons .user-portals, .account_icons .user-message,
.account_icons .user-calendar, .account_icons .user-blog, .account_icons .user-media, .account_icons .user-resources, .account_icons .user-widgets, 
.account_icons .user-assignments, .account_icons .user-contacts
{ width:26px; height:26px; display:inline-block; overflow:hidden; min-width:26px; background-position:top left; cursor:pointer;}

/*Portals Publish Dialog */
#divUploadProgress {  border-color:#002277 }
#divElementImageUploadProgress { border-color:#002277 }
#divElementVideoUploadProgress { border-color:#002277 }
.obami_zoneeditcontrol { background-color:#F4F4F4;}
.obami_elementviewcontrols { border-color:#CCCCCC;}

ul.subtabs li a { color:#666666; }
ul.subtabs li.tabactive a { color:Blue; }

.obami_element_image_options .option .pad1 { border-color: #CCCCCC; }
.obami_element_image_options .option .pad2 { background-color:#F0F0F0; }

.divPollResults { border-color:#A4A4A4 #BBBBBB #D5D5D5;}
.PollResultsHover { border-color:#93A4C7;  background-color:#D8DFEA; }
.divPollResults { background-color:#D8DFEA;}
.PollVoteBar { background-color:#666666;}

#divElementPDFUploadProgress { border-color:#002277; }
#divElementResourceUploadProgress { border-color:#002277; }

#divPortalBadge .item .inner {  background-color:#3CC5F9; }

#divPortalBackground .item .inner { background-color:#3CC5F9;}
#divPortals .photo .albumoption a { color:White;  }
#divPortals .photo .title { color:#D5C514;}
#divPortals .photo .label { color:#666666;}
#divPortals .photo .label a { color:#666666;}
#divPortals .photo .thumbnail  .folderbg { background-image:url(Images/folder-resource.png); }
.divPixels { color: #666666;}

/* Upload */
.uploadobject .inner { background-image:url(Images/album-upload-bar-bg.png); } 
.uploadobject .inner .progressbar { background-image:url(Images/album-upload-progress-bg.png); }
.divLinkText { color:#D5C514; }

/* portals highlight */
#divPortals .LoadedPortalHilite { background-color: #eeeeee; }
#divPortals #ScrollContainer { background-color: #eeeeee; }
.AddContactContainer a { color:#666666!important; }
#divUploadBadge .item { color:White; }
#divUploadBadge .item .inner { background-image:url(Images/album-upload-bar-bg.png); }
#divUploadBadge .item .progressbar {background-image:url(Images/album-upload-progress-bg.png);  }
#divUploadBackground .item { color:White; }
#divUploadBackground .item .inner {  background-image:url(Images/album-upload-bar-bg.png); }
#divUploadBackground .item .progressbar {background-image:url(Images/album-upload-progress-bg.png);  }

/*my accounts */
#divProfile #LowdownContainer .title { color:#D5C514;}
#divDescriptionContainer .gv td { color:#666666; font-weight:bold; }
#KidsContainer .title_gray { color:#999;}
#divProfilePictureContainer {background:#ffffff;}
#childrenListWrapper .labelKids { color:#666666; }
#divProfile .blueLabel { color:#4195FE;}
.label2 {  color:#666666; }

/*widgets*/
/*#divAlbumFiles .item .inner { background-color:#3CC5F9;  }*/
#divWidgets .photo .albumoption a { color:#ffffff; }
#divSingleWidgetItem #divOptions { border:1px solid #CCCCCC; background-color:#F4F4F4;  }
#divSingleWidgetItem #divPhoto .container { border:1px solid #CCCCCC;  }
#divWidgets .photo .albumoption a { color:#ffffff;  }
.widgetthumbnail,.pendingWidgetImage,.approvedWidgetImage { background: url(Images/widget-thumbnail.png) center no-repeat; }

/*assignments*/
.submission .template .thumbnail .folderbg { width:132px; height:132px; margin:4px 0 0 4px; border:0px;background: url(Images/assignment-template.png) center no-repeat;}
.submission .template .albumoption a { color:White; }
.submission .template .checkbox { background-color:White;border:#CCCCCC;border-right:1px #CCC; }

/* Chat */
.chatListItemOther a, .chatListItemCurrent a { color:White; }
.chatListItemCurrent { background-image:url(Images/tab-inactive.png); color:White; }
.chatListItemOther { background-image:url(Images/tab-highlight.png); color:White; }
.chatListItemOther.highlight { background-image:url(Images/chat-tab-highlight.png); color:White; }

.messageHeadMe { background-image:url(Images/album-upload-bar-bg.png); color:White; }
.messageHeadOther { background-image:url(Images/album-upload-progress-bg.png); color:White; }

#divContentChat .logo  { background-image:url(Images/obami-logo-small.png); }
#divContacts .previousconversations .chatmessages .username { color:#D5C514; }
#divContacts .previousconversations .chatmessages .username.you { color:#28B7F4; }
#divContacts .previousconversations .chatmessages .username.you a { color:#28B7F4; }
#divContentChat #prevChatTab { background:url(Images/tabs-arrowleft.png) no-repeat; }
#divContentChat #nextChatTab { background:url(Images/tabs-arrowright.png) no-repeat; }

.blueLabel { color:#4195FE;}

#divContacts .contacts .available { background:url(Images/chat-available.png) no-repeat 5px center; }
#divContacts .contacts .away { background:url(Images/chat-away.png) no-repeat 5px center; }
#divContacts .contacts .busy { background:url(Images/chat-busy.png) no-repeat 5px center; }

/* TAGIT */
ul.tagit { cursor: text; overflow: auto; font-size: 14px; width: 90%; padding: 1px 20px; margin-top: 2px; margin-right: 6px; margin-bottom: 16px; /*border: 1px solid #E5E5E5; background: #fff;*/ color: #fff; }
ul.tagit li { /*-moz-border-radius: 5px; border-radius: 5px;*/ display: block; float: left; margin: 1px 5px 0px 0; position: relative; padding:0px; }
ul.tagit li.tagit-new { padding: 2px 4px 1px 0; }
ul.tagit li.tagit-choice input { display: block; float: left; margin: 0 5px 0 0; padding-top: 2px; padding-bottom: 2px; }
ul.tagit input[type="text"] { -moz-box-sizing: border-box; border: none !important; margin: 0 !important; padding: 2px 0 !important; width: inherit !important; outline: none; }
ul.tagit li.tagit-choice a.tagit-close { color: #d79999; cursor: pointer; font-size: 12px; font-weight: bold; outline: medium none; padding: 2px 0 2px 3px; text-decoration: none; position: absolute; display: block; top: 0; right: 3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7); }
ul.tagit li.tagit-choice a.tagit-close:hover { color: #535353; }
.tagit-hiddenSelect { display:none; }

ul.tagit li.tagit-choice {
background: #26B5F4; /* old browsers */
background: -moz-linear-gradient(top, #52D5FE 0%, #26B5F4 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #52D5FE), color-stop(100%, #26B5F4)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#52D5FE', endColorstr = '#26B5F4', GradientType = 0); /* ie */
border: 1px solid #6d95e0;
padding: 2px 15px 3px 4px;
}

ul.tagit li.tagit-choice.selected {
background: #ABABAB; /* old browsers */
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ABABAB', endColorstr = '#838383', GradientType = 0); /* ie */
border-color: #838383;
}

ul.tagit li.tagit-choice:hover {
background: #6db3f2; /* old browsers */
background: -moz-linear-gradient(top, #1e69de 0%, #6db3f2 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e69de), color-stop(100%,#6db3f2)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e69de', endColorstr='#6db3f2',GradientType=0 ); /* ie */
}

.higlightAbuse { color:#D5C514; }

/*registration & accounts subject teacher*/
.primaryheader {background:#9D9D9D;} /*TODO: Might need an image background*/
.approvalpending { color:#D5C514; } 

/* The loading animation should be at the end of the stylesheet so that they override the buttons and icons above them */ 
.loadinganimation { background:url(images/loader.gif) no-repeat!important; }
.loadinganimationbutton { background:url(images/loader-small.gif) no-repeat left center!important;  }
.autocompleteloadinganimation { background:url(images/loader.gif) no-repeat!important; }
