/*********************************************************************************
	Changes to default toggle behavior for the sidebar
*********************************************************************************/
/* Sidebar on MyQB, App Settings, Table Settings */
.SectionDivider
{
    margin: 0.2em 5px 0 5px;
    padding: 0 .3em;
    height: 13px;
    background-image: url("images/section_divider_bold.png");
    background-repeat: repeat-x;
}
.collapsed > .SectionDivider {
    background-image: url("images/section_divider_A.png");
}

#myQBSidebar .ToggleSectionIcon,
#settingSidebar .ToggleSectionIcon
{
    background-image:url("images/icons/Caret_blue_right.png");
    width: 12px;
    height: 12px;
    top: 1em;   
    left: .4em;
}
body.IE8 #myQBSidebar .ToggleSectionIcon.SectionExpandedIcon,
body.IE7 #myQBSidebar .ToggleSectionIcon.SectionExpandedIcon,
body.IE8 #settingSidebar .ToggleSectionIcon.SectionExpandedIcon,
body.IE7 #settingSidebar .ToggleSectionIcon.SectionExpandedIcon
{
    background-image: url('images/icons/Caret_blue.png');
}
/**********************************************************************************
Shared code for Live Community Integration
**********************************************************************************/
.community-sidebar
{
    width: 25em;
    padding: 10px 0 10px 0;
    float: right;
    border: 1px solid #d1d9e1;
    background-color: #F2F2F2;
    margin-top: 14px;
    margin-right: 14px;
}
.community-frame
{
    width:100%;
    height: 450px; 
    border: 0;
    background: #F2F2F2;
}

.community-sidebar header
{
    font-size: 150%;
    font-weight: bold;
    margin-bottom: 15px;
    padding-bottom: .4em;
    border-bottom: 1px solid #555;
}

.community-sidebar dt 
{
    font-size: 120%;
    font-weight: bold;
}

.community-sidebar dd 
{
    margin: 0;
    margin-bottom: 10px;
}

.community-sidebar dd:last-child
{
    margin-bottom: 0;
}

.community-container
{
    overflow: hidden;
}
.community-container a
{
    text-decoration:none;
}
.community-content
{
    position:relative;
}

#saveTopLevelSettings {
    margin-top: 1em;
    margin-left: 0;
}
/*********************
    SIDEBAR
*********************/
.community-sidebar h1
{
    cursor:pointer;
}
.SidebarItemContentsSmall
{
    width:160px;
    display:inline-block;
    *display: inline; zoom: 1; /*IE7 inline-block hack */
    vertical-align:top;
}
.SidebarContentsInnerSmall
{
    width:150px;
    margin-left:10px;
}
.SidebarItemContents
{
    display:inline-block;  
    *display: inline; zoom: 1; /*IE7 inline-block hack */
    font-size:1em; 
    width: 240px;
    vertical-align:top;
}
.SideBarLink, .SidebarLinkDesc
{
    word-wrap:break-word;
}
.SideBarLink
{
    padding-top: 3px;
    font-size:10pt;  
}
.MyQBNewRelease > li
{
    padding-top:4px;   
}
.SidebarIconWrapper
{
    display:inline-block;
    *display: inline; zoom: 1; /*IE7 inline-block hack */
    height:24px;
    width:24px;
    background-image: url(../../../i/sidebarIcons24px.png);
}
.community-sidebar li
{
    list-style:none;
}
.community-sidebar ul
{
    margin:0;
    padding:0;
}
.community-sidebar .sectionTitle
{
    display:inline-block;
    margin-left:1.3em;
}
/* Marketing section on left side of My QuickBase page ***********************************************/

div#myQBSidebar 
    {
    width:25em;
    float: right;
    border: 1px solid #d1d9e1;
    }
div#doc3 {
    min-width:1045px;
    }
div#myQBSidebarSpacer {
    margin-right:27.5em; 
    margin-left:1.5em;
    float: none;
    width: auto;
    position: static;
    }
h1.news_title {
	font-size: 2em;
	padding: 0 0 1.5em;
	margin:0;
	}
p.alerts {
	background: url(../i/icons/16/info_16.gif) no-repeat;
	padding: 0px 0px 12px 20px;
	border-bottom: 1px dotted #ccc;
	} 
p.realms {
	padding: 12px 0px;
	border-bottom: 1px dotted #ccc;
	line-height:1.5em;
	}
ul#marketing {
    margin: 0 0 24px 16px;
    padding: 0;
    }
li.icon {
    list-style: none;
    border-top: 1px dotted #ccc;
    margin-left: -12px;
    padding-top: 12px;
    margin-bottom: 12px;
    }
li.icon p {
    padding-top: 6px;
    color: #505050;
    }
li.noBullet {
    list-style: none;
    border-top: 1px dotted #ccc;
    margin-left: -12px;
    padding-top: 8px;
    margin-bottom: 12px;
    font: bold 1.2em Verdana;
    color: #365ebf;
    }
li.noBulletNoTopBorder {
    list-style: none;
    margin-left: -12px;
    padding-top: 8px;
    margin-bottom: 12px;
    font: bold 1.2em Verdana;
    color: #365ebf;
    }
li.noBullet a {
	color: #f0640f;
	}
li.wordsFirst {
    list-style-type: square;
    margin-bottom: 6px;
    padding-top: 8px;
    }  
li.words {
    list-style-type: square;
    margin-bottom: 6px;
    } 
li.wordsLast {
    list-style-type: square;
    margin-bottom: 12px;
    }
h2.dyk {
    background: #FFEEC1 url(../i/DidYouKnow.gif) no-repeat 0% 50%;
	color: #d1990e; 
	font: bold 1.25em/1.5em Georgia, serif;
	padding: 9px 0px 12px 42px;
	border-top: 4px solid #f6c253;
	border-left: 1px solid #f6c253;
	border-right: 1px solid #f6c253;
    }   
p.dykContent {
    padding: 6px; 
    font: 1.1em/1.4em Georgia, serif;
	border: 1px solid #f6c253;
    } 
.SidebarMktgImage56
{
    background-image: url(../../../i/marketingIcons56px.png);
    display:inline-block;
    *display: inline; zoom: 1; /*IE7 inline-block hack */
    height:56px;
    width:56px;
}

.SidebarMktg56Pos1 { background-position:0 0; }
.SidebarMktg56Pos2 { background-position:-56px 0; }
.SidebarMktg56Pos3 { background-position:-112 0; }
.SidebarMktg56Pos4 { background-position:-168 0; }
.SidebarMktg56Pos5 { background-position:-224 0; }


.SidebarItemWrapper
{
    margin-bottom:20px;
    vertical-align:top;
}

.SidebarItemWrapper li
{
    margin-bottom:3px;
}
#TrainingSectionDiv .SidebarItemContents
{
    width: 224px !important; 
}

#TrainingSectionDiv .SidebarContentsInner
{
     margin-left: 6px !important;
}
.SidebarTrainingSection
{
    display:inline-block;
    *display: inline; zoom: 1; /*IE7 inline-block hack */
    height:24px;
    width:24px;
    background-position:-337px -0px;
    background-image: url(../../../i/sidebarIcons24px.png);
}
.SidebarLiveChat
{
    display:inline-block;
    *display: inline; zoom: 1; /*IE7 inline-block hack */
    height:56px;
    width:56px;
    background-image: url("../../../i/appIcons56px.png");
    background-position: -449px 0; 
}
.SidebarVideoQuickstart
{
    display:inline-block;
    *display: inline; zoom: 1; /*IE7 inline-block hack */
    height:24px;
    width:24px;
    background-position:-353px -17px;
    background-image: url(../../../i/appIcons56px.png);
}
.SidebarCoachIconWrapper
{
    display:inline-block;
    *display: inline; zoom: 1; /*IE7 inline-block hack */
    height:56px;
    width:56px;
    background-position:-280px 0;
    background-image: url(../../../i/appIcons56px.png);
}

.SidebarPadTop
{
    padding-top:5px;
}
.SidebarContentsInner
{
    margin-left:10px;
    vertical-align:top;
}
.SidebarLinkDesc
{
    margin-top:3px;
}

/* Shift sprites */
#contactCoach{ background-position:-74px 0; }
#downloadQuickstart{background-position:-192px 0;}
#joinWebinar, #joinWebinar2{background-position:-312px 0;}
#signUpNow{background-position:-264px 0;}
#quickBaseBlog{background-position:-48px 0;}
#qBNewsletter{background-position:-120px 0;}
#myQBAlerts{background-position:0px 0;}
#myQBManageAppsAcctRealm{background-position:-24px 0;}
#myQBAdministration{background-position:-168px 0;}
#myQBGetHelp{background-position:-144px 0;}
#myQBSubmitHelp{background-position:-72px 0;}
#trainingSection {background-position:-336px 0;width: 26px !important;}
#selfGuidedTrainingSection{background-position:-362px 0;width: 26px !important;}
#manageUsers {background-position:-386px 0;width: 24px !important;}

#sidePanel2 {
	width: 25em;
	float: left;
	background-color:#F2F2F2;
    -webkit-border-radius: 3px 3px 0 0; 
    -moz-border-radius: 3px 3px 0 0; 
    border-radius: 3px 3px 0 0; 	
    padding-top: 1.5em;
}
#myQBSidebar > #sidePanel {
    width: 25em;
    padding:0;
    -webkit-border-radius: 0 0 3px 3px; 
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;	
    background-color:#F2F2F2;
}
#myQBSidebarWrapper
{
    height:100%; 
    float:right;
    margin-bottom:14px;
    margin-top:14px;
}

#myQBSidebar li
{
    list-style:none;
}
#myQBSidebar ul
{
    margin:0;
    padding:0;
}
#myQBSidebarWrapper h1
{
    cursor:pointer;
}
#myQBSidebarWrapper .sectionTitle
{
    display:inline-block;
    margin-left:1.3em;
}
.SidebarSectionBody
{
    margin-left:2em;
    margin-right:2em;
}
#quickstartVideo
{
    padding: .25em 0 0 0;
}