/*

	File: sb-admin.css
	Media: screen
	Walleworks Site Builder
	Version ?
	Walleworks, LLC
	11-2016

/* Basic Selectors
--------------------------------------------------------------------------------------- */
h2, h3 { font-weight: 700; font-size: 1.6em; font-family: "Oswald", "Ubuntu", "Open Sans Condensed", "Signika", sans-serif; }
h3 { font-size: 1.3em; font-weight: bold; clear: left; margin-top: 15px; }

form { width: initial; }

img { padding: 0; margin: 0; }
.short { width: 100px; }
.short-med { width: 150px; }
.medium {width: 200px; }
.med-long { width: 350px; }
.long { width: 500px; }
.textbox {}
.inline { display: inline-block; }
.block { display: block; }
.clear { display: block; clear: both;}
.fontup1 { font-size: 1.1em; }
.even { background-color: #ffffff; padding: 4px 0; }
.odd { background-color: #ddd; padding: 4px 0; }
.opaque { background-color: #FF9933; opacity: .45; padding: 4px 0; }
.noborder { border-style: none; }
.noCapital { text-transform: lowercase; }
.capital { text-transform: capitalize; }
.marginTop10 { margin-top: 10px; }
.marginTopMinus25 { margin-top: -25px !important; }
.bold { font-weight: bold; }
.ulNoBullets li { list-style-type: none !important; }
details { float: none; }
.width_100 { width: 100%; }
.width_60 { width: 60%; }
.width_50 { width: 50%; }
.width_40 { width: 40%; }
.width_33 { width: 33%; }
.width_25 { width: 25%; }
.width_20 { width: 20%; }
.width_149 { width: 149px !important; }
.colorRed { color: red; }

a { text-decoration: none; font-weight: normal; }
a:visited { color: #8A1F03; }

#mainContentWrap, #buttonWrap { font-family: "Ubuntu", "Oswald", "Open Sans Condensed", "Signika", sans-serif; }
#buttonWrap { width: 1000px; margin: 15px auto; }
#reportContent { width: 900px; float: left; padding: 0 15px; font-family: "Ubuntu", "Oswald", "Open Sans Condensed", "Signika", sans-serif; }
#center_wrap { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.centerImg { margin: 0 auto; display: inherit; }
.rightImg { float: right; display: inline-block; margin-top: 15px; }
.sidebarIcon { width: 20px; }
.smallIcon { width: 15px; }
.smallDeleteIcon { display: inline-block; }

.asterisk-msg { margin: -25px 200px 4px 0px; padding: 4px 8px; font-size: .80em; font-weight: bold; display: inline-block; float: right; }

/* System Central
----------------------------------------------------------------------------------------*/
#loginBox, #registerBox { border: 2px solid #DDDDDD; border-radius: 10px; box-shadow: 2px 2px 3px rgba(150, 150, 150, 0.75);}
#loginBox h3, #registerBox h3 { color: #FFF; background-color: #262262; border-top-left-radius: 8px; border-top-right-radius: 8px; padding: 10px 15px 5px 15px; }
#loginBox form, #registerBox form { margin: 10px; font-family: "Ubuntu", "Oswald", "Open Sans Condensed", "Signika", sans-serif; }
#loginBox label, #registerBox label { font-weight: bold; width: 150px; display: inline-block; margin-right: 0px; }
#loginBox .formField, #registerBox .formField { margin: 6px 0; }
#loginBox input, #registerBox input { line-height: 2.5em; border-radius: 4px; width: 300px; padding-left: 10px;}
#loginBox .loginButton, #registerBox .registerButton, a.registerButton { width: auto; background-color: #262262; border: 1px solid #DDDDDD; color: #FFF; padding: 0 40px; font-weight: bold; margin: 20px auto; display: inherit; font-family: "Ubuntu", "Oswald", "Open Sans Condensed", "Signika", sans-serif; }
#loginOptions { display: block; height: 30px; margin: 0 15px; font-family: "Ubuntu", "Oswald", "Open Sans Condensed", "Signika", sans-serif; font-size: 0.8em; }
#loginOptions a { text-decoration: none; }
a.registerButton { width: 80px; line-height: 3em; border-radius: 8px; text-decoration: none; }
#registerBox .g-recaptcha { margin-left: 150px; }
#registerBoxFixed { width: 475px; }
#registerMessageBox, #registerErrorMessageBox { width: 475px; font-family: "Ubuntu", "Oswald", "Open Sans Condensed", "Signika", sans-serif; margin: 15px 20px; border: 1px solid #DDDDDD; border-radius: 8px; padding: 12px; }
#registerErrorMessageBox { background-color: rgba(250, 120, 135, 0.5); }
#registerMessageBox li, #registerErrorMessageBox li { list-style-type: square; margin-left: 40px; margin-bottom: 6px; font-size: 0.8em; }
#registerMessageBox p.errorText, #registerErrorMessageBox p.errorText { margin: 8px 10px; }


/* System Central
----------------------------------------------------------------------------------------*/

#adminHomeHeader { width: 1000px; height: 100px; margin: 0 auto; border-left: 2px solid #000; border-right: 2px solid #000; border-bottom: 2px solid #000; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: rgba(102,204,255,1) }
#adminHomeHeader h1 { color: #FFF; padding: 16px; font-weight: bold; text-align: center; }
.admin_wrap, .site_wrap { width: 100%; margin: 0 auto; font-family: "Ubuntu", "Oswald", "Open Sans Condensed", "Signika", sans-serif; }
.site_wrap fieldset { border: 2px solid #262262; margin: 20px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; box-shadow: 2px 2px 3px rgba(150, 150, 150, 0.75); min-height: 60px; }
.site_wrap legend { margin-left: 30px; border: 2px solid #262262; border-radius: 5px; padding: 6px; color: #fff; background-color: #66ccff; width: 150px;}
legend p { width: 100%; text-align: center; }
.admin_wrap #header { font-family: "Oswald", "Ubuntu", "Open Sans Condensed", "Signika", sans-serif; }
.admin_wrap.sticky { position: fixed; top:0; background-color: #ffffff; height: 100px; }
.fieldsetWrap { width: 100%; padding: 20px; }
.admin_wrap a, .site_wrap a { color: #262262; }
.admin_wrap a:visited, .site_wrap a:visited { color: #262262; }
.site_home_wrap { width: 1000px; margin: 0 auto; }

.iconContainer { display: inline-block; width: 100px; text-align: center; padding: 4px 0; margin-top: 6px; }
.siteIcon, .siteIconSmall, .siteIconBackground { text-align: center; display: block; font-size: 0.8em; padding-bottom: 8px; }
.siteIcon img { width: 48px; }
.siteIconBackground { background-image: url("/images/signage-back.png"); background-repeat: no-repeat; background-position: 25px -5px; background-size: 50px 50px; padding: 6px 0 15px 0px; }
.siteIconBackground img { width: 20px; }
.siteIconSmall img { width: 32px; }
.filterIcon { -webkit-filter: grayscale(100%) opacity(30%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%) opacity(30%); }
.borderIcon { border: 1px solid red; border-radius: 3px; }
.siteLabel { width: 100px; text-align: center; font-size: 0.8em; font-weight: bold; display: inline-block; }
.adminHome { margin-top: -55px; margin-right: 40px; margin-left: 40px; }

#mainNav li:hover, #mainNav li.active { background: #000; }
.mainOptionContainer:hover .mainNavDropdown { /*display: none;*/ }
#top_links, .navOptionContent, .subMenu { pointer-events: none; }
.subMenuLink { pointer-events: all; }

.buttonLineLeft { margin: 10px auto; width: 1000px; clear: left; }
span.locationButtonLeft { float: left; font-weight: 600; background-color: #262261; color: #FFFFFF; border-radius: 6px; border-color: #666666; border-width: 2px; padding: 4px 10px; margin: auto 4px; }
.adminSection { border-top: 3px solid #000; border-bottom: 6px solid #000; width: 1000px; margin: 30px auto; padding: 10px 0; }

.rotator_full { zoom: 60%; }
.rotator_full:before { content: 'Slider Images:'; font-size: 2em; }
.mobile_image { display: block; width: 100%; }
.mobile_image img { width: 100%; }
.mobile_image:before { content: 'Mobile Image that will replace slider: '; }

/* Workflow
--------------------------------------------------------------------------------------- */
#workflowBlock { margin: 10px auto; width: 1000px; text-align: center; }
.sbButton { text-align: center; font-weight: bold; padding: 6px 12px; background-color: #262261; color: #ffffff; /*border: 1px solid #dddddd;*/ border-radius: 5px; margin: 0 4px; }
a.sbButton { color: #fff; }
img.sbButtonIcon { width: 14px; }
#treeButtonBlock { padding: 20px; }
.featureButton a { color: #FFFFFF !important; font-family: "Oswald", "Ubuntu", "Open Sans Condensed", "Signika", sans-serif;}

/* CMS Menu
--------------------------------------------------------------------------------------- */
#cmsMenuContainer { width: 240px; /*float: left;*/ height: 200px; border: 1px dotted black; background-color: #dddddd; /*position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);*/ /*margin: 0 auto; position: relative; left: -500px;*/ display: inline-block; position: absolute; margin: 0 -265px; }
#mainContentWrap { clear: none; display: inline-block; text-align: left; }
ul#cmsMenu { text-align: left; }
ul#cmsMenu li { line-height: 1.65em; margin-left: 10px; }
.interior_wrap { text-align: center; }

/* Page Tree
--------------------------------------------------------------------------------------- */
.createDrop, .createButton, .createBlank, .actionDrop, .actionDropLine { float: right; width: 120px; font-weight: 600; background-color: #262262; color: #FFFFFF; border-radius: 6px; border-color: #666666; border-width: 2px; padding: 4px; margin: auto 4px; text-align: center; }
.actionDropLine { margin-top: -18px; }
ul.actionDrop { list-style: none; }
.createBlank { background-color: transparent; }
.createMenu, .actionMenu { width: 112px; display: none; margin-top: 6px; position: absolute; z-index: 1000; /*background-color: #262262;*/ background-color: #f46950; padding-bottom: 8px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
.createMenu li, .actionMenu li { width: 112px; margin: 3px 0; float: left; border: none; }
.createMenu a, .actionMenu a { width: 100%; }
ul.actionMenu { margin: 0 0 !important; }
ul.actionMenu li { list-style-type: none !important; font-size: 0.80em; margin: 10px 0px !important; border-bottom: 0 !important; height: 1.0em !important; }
.createOption:hover { color: #66CCFF; }
.createOption { color: #FFFFFF; font-weight: 600; float: left; }
.createIcon { width: 40px; float: left; padding-right: 3px; }
#info { color: #bf202e; font-weight: bold; }
.typeIcon { position: relative; display: inline-block; float: right; }
.typeIcon img { width: auto; display: inline-block; padding: 0 4px; vertical-align: center; }
.typeIcon .iconToolTip { visibility: hidden; margin: 0 auto; position: absolute; z-index: 1; top: 0px; right: 105%; font-size: .85em; color: #FFF; background-color: #333; border-radius: 6px; padding: 4px 8px; }
.typeIcon:hover .iconToolTip { visibility: visible; }
.iconToolTip::after { content: ""; position: absolute; top: 50%; left: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #333; }

/* FAQ Tree
--------------------------------------------------------------------------------------- */
.leafFAQs { margin-left: 40px; }
.leafFAQs ul { margin-left: 20px; }

/* Messaging
--------------------------------------------------------------------------------------- */
#adminMessage, .systemMessage { width: 680px; margin: 0 auto; border: 2px solid #666666; border-radius: 15px; background-color: rgba(255,104,140,0.5); padding: 10px; margin-bottom: 20px; text-align: left;}
p.errorText, p.msgText { font-weight: bold; font-size: 1.1em; margin-bottom: 6px;}
#adminMessage p.accessError, .systemMessage p.accessError { font-weight: bold; text-align: center; }
#adminMessage ul, .systemMessage ul { list-style-type: square; margin-left: 40px; }
#adminMessage ul li, .systemMessage ul li { line-height: 1.2em; }
.systemMessage { margin-top: 12px; }

/* Form
--------------------------------------------------------------------------------------- */
label { margin-right: 40px; }
input { line-height: 1.5em; }
input.fieldRequired { border: 2px solid #000000; }
select { }
textarea { width: 620px; }
#mainSidebar textarea { width: 200px; }

.tinyMCE, .mce-tinymce { margin-bottom: 20px !important; }
textarea#content.tinyMCE.smalltinyMCE { width: 620px; height: 250px; }

.document_wrap { width: 100%; clear: left; margin: 0 auto; }
.createBlock { width: 1000px; margin: 0 auto; }
.securityBlock { width: 1000px; margin: 0 auto; }
.assignmentBlock { width: 1000px; margin: 0 auto; margin-bottom: 20px;}
.activityBlock { width: 1000px; margin: 0 auto; }

table.blockTable { font-size: .8em; }
.blockTable th { font-weight: bold; }

.activityDesc { width: 250px; }
.activityUser { width: 200px; }
.activityDate { width: 150px; }
.assignmentSite { width: 150px; }
.assignmentStatus { width: 150px; }

.displayDue { color: red; }
.displayDueNone { color: black; }

.buttonRow { width: 1000px; margin: 10px; }
.saveButton { background-color: #262261; }

.reduceImage img { width: 650px; }

.sbSelect { width: 240px; height: 200px; border: 1px solid #000; border-radius: 5px; font-size: .6em; overflow: auto; padding: 4px; margin: 12px 0; }
.sbSelectOption { display: inline-block; width: 120px; }
.sbSelectAction { display: inline-block; width: 60px; }
a.addButton { display: inline-block; width: 60px; text-align: center; color: green; border: 1px solid green; border-radius: 3px; }
a.removeButton { display: inline-block; width: 60px; text-align: center; color: red; border: 1px solid red; border-radius: 3px; }

.switch { position: relative; display: inline-block; width: 80px; height: 34px;}
.switch checkbox { width: 80px; }
.switch input { /*display:none;*/ }
.switchslide { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; padding: 8px 10px; }
.switchslide:before { position: absolute; content: ""; height: 26px; width: 36px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }
input:checked + .switchslide { background-color: #262261; }
input:focus + .swtichslide { box-shadow: 0 0 1px #262261; }
input:checked + .switchslide:before { -webkit-transform: translateX(36px); -ms-transform: translateX(36px); transform: translateX(36px); }
.switchslide.round { border-radius: 50px; width: 60px; color: #FFF; font-size: 1.0em; text-transform: uppercase; }
.switchslide.round:before { border-radius: 45%; }

.bgswitch { position: relative; display: inline-block; width: 120px; height: 34px;}
.bgswitch checkbox { width: 120px; }
.bgswitch input { /*display:none;*/ }
.bgswitchslide { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; padding: 8px 10px; }
.bgswitchslide:before { position: absolute; content: ""; height: 26px; width: 60px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }
input:checked + .bgswitchslide { background-color: #262261; }
input:focus + .bgswtichslide { box-shadow: 0 0 1px #262261; }
input:checked + .bgswitchslide:before { -webkit-transform: translateX(58px); -ms-transform: translateX(50px); transform: translateX(58px); }
.bgswitchslide.round { border-radius: 50px; width: 120px; color: #FFF; font-size: 1.0em; text-transform: uppercase; }
.bgswitchslide.round:before { border-radius: 45%; }

input.sbImgButton, .sbImgAsButton { width: auto; background-color: #8A1F03; padding: 4px; height: 2em; margin-top: 3px; }
.sbImgAsButton { height: 1.7em; border-radius: 8px; border: 2px solid #DDD; }

.width180 { display: inline-block; width: 180px; }
.right180 { display: block; margin-left: 180px; }

/* List View
--------------------------------------------------------------------------------------- */
.mainContentView { width: 1000px !important; }
#new_file, #new_story, #new_slide { border-bottom: 2px solid #000; margin-bottom: 20px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; }
ul.recordList { margin-bottom: 20px; clear: both; }
ul.recordList li { line-height: 2.2em; padding-left: 8px; }
ul.recordList .column1, ul.recordList .column2, ul.recordList .column3, ul.recordList .column4, ul.recordList .column5, ul.recordList .column6, ul.recordList .column7, ul.recordList .column8, #new_file .column1, #new_file .column2, #new_file .column3, #new_file .column4, #new_file .column5, #new_story .column1, #new_story .column2, #new_story .column3, #new_story .column4, #new_story .column5, #new_slide .column1, #new_slide .column2, #new_slide .column3, #new_slide .column4, #new_slide .column5 { display: inline-block; }
ul.recordList .name, #new_story .name, #new_slide .name { width: 200px; font-weight: bold; vertical-align: top; }
ul.recordList .icon, ul.hpList .icon { width: 50px; font-size: 1.3em; }
ul.recordList .row-spacer, ul.hpList .row-spacer { width: 650px; }
ul.recordList .jobtitle, #new_slide .jobtitle { font-size: .9em; width: 400px; }
ul.recordList .alttext, #new_slide .alttext { font-size: .8em; width: 250px; }
ul.recordList .email { width: 280px; }
ul.recordList .emailSmaller { width: 270px; }
ul.recordList .phone { width: 200px; }
ul.recordList .sponsor { width: 160px; font-size: .85em; }
ul.recordList .sponsoramount { width: 80px; font-size: .85em; }
ul.recordList .group { width: 160px; font-size: .75em; }
ul.recordList .version, #new_slide .version { width: 98px; }
ul.recordList .status, #new_file .status, #new_story .status, #new_slide .status, ul.hpList .status { width: 75px; vertical-align: top; margin-top: 8px; }
ul.recordList .actions, #new_file .actions, #new_story .actions, #new_slide .actions, ul.hpList .actions { width: 200px; vertical-align: top; margin-top: 8px; }
ul.recordList .family_name { width: 400px; }
ul.recordList .docdate, #new_story .docdate { width: 249px; }
ul.recordList .releasedate, #new_story .releasedate, ul.recordList .removedate, #new_story .removedate { font-size: .8em; width: 100px; }
ul.recordList .question { width: 300px; font-weight: bold; }
ul.recordList .answer { width: 500px; }
ul.recordList .thumbnail, #new_file .thumbnail { width: 100px; }
ul.recordList .dateissued, #new_file .dateissued { width: 600px; vertical-align: top; margin-top: 25px; }
ul.recordList .date { width: 100px; }
ul.recordList .donation { width: 150px; }
ul.recordList .payment { width: 650px; }
ul.recordList .count { width: 60px; }
ul.buyerList {font-size: .8em;}
ul.buyerList .email { width: 220px; }
ul.buyerList .paid { width: 120px; }
ul.buyerList .phone { width: 100px; }
ul.buyerList .delivery { width: 60px; }
ul.buyerList .actions { width: 60px; }
.thumbnail img { max-width: 80px; }
.actionDropButton .createDrop { line-height: 1.5em; width: 140px;}
.actionDropButton .createDrop a { color: #FFFFFF; font-weight: bold; }
.createDropIcon { width: 20px; float: left; padding-right: 3px; padding-top: 4px; }
.createDropMenu { width: 138px; display: none; margin-top: 6px; position: absolute; z-index: 1000; background-color: #f46950; padding-bottom: 8px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; text-align: left; }
.createDropMenu li { display: block; }
.createDropOption { text-align: left; line-height: 1.5em; }
.homepageRow { padding-bottom: 6px; border-bottom: 2px solid #000; }
.rowIcon { padding-top: 12px; }
.list-header { font-size: .8em; margin-top: 0 !important; font-weight: bold; }
#mainContent ul.attendeeList li { list-style-type: none; margin-left: 0; }
#mainContent ul.attendeeList { margin: 10px 0; }

ul.hpList .column1, ul.hpList .column2, ul.hpList .column3, ul.hpList .column4, ul.hpList .column5 { display: inline-block; } 

ul#siteList li { cursor: ns-resize; }

.status-icon { width: 18px; padding: 4px 9px; vertical-align: middle; }
.status-icon-single { width: 18px; padding: 4px 28px; vertical-align: middle;}

a.actionButton { display: inline-block; width: 100px; height: 2em; font-weight: bold; background-color: #262261; color: #FFFFFF; border-radius: 12px; }
a.actionIcon { float: right; margin: 0 25px; }

.taskButton { display: inline-block; width: auto; float: right; font-weight: bold; background-color: #262261; color: #FFFFFF; border-radius: 12px; padding: 6px 12px; margin: 0 6px; }
.taskButton img { display: inline-block; padding: 0 6px; }

.remainDue { margin-left: 100px; color: red; }
.remainDueNone { margin-left: 100px; color: black; }

.categoryButton{ display: inline-block; float: right; }

#fileList details { margin-left: 50px; font-size: .85em; }
#fileList details[open] summary { color: #000; }
#fileList details ul { margin-left: 30px; font-size: .70em; }
#fileList details ul li, #fileList details ul li a { font-weight: 600; }

.tabUnselected, .tabSelected { display: inline-block; line-height: 3em; font-weight: 600; width: 250px; text-align: center; }
.tabSelected { background-color: blue; color: #FFFFFF; border-bottom: 2px solid blue; }
.tabUnselected { border-bottom: 2px solid blue; margin: 0 -3px;}

#groupList { margin-left: 28px; }
.admin-mini-icon { display: inline-block; margin-left: 20px; }

#totalBox { border: 2px solid black; background-color: yellow; padding: 10px; height: 45px; }
.halfBox { width: 50%; float: left; text-align: center; }


/* Custom
--------------------------------------------------------------------------------------- */
.bioSidebarDetail { margin-left: 5px; }

@keyframes yellowodd {
  from {
    background: yellow;
  }
  to {
    background: #ddd;
  }
}

@keyframes yelloweven {
  from {
    background: yellow;
  }
  to {
    background: transparent;
  }
}

.highlightodd {
  animation: yellowodd 10s;
}

.highlighteven {
  animation: yelloweven 10s;
}

.highlightnew {
  animation: yellowodd 30s;
}

.actionButtons { margin: 22px 0; }
.filterButton, .filterButtonCurrent { background-color: blue; color: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 10px; padding: 6px; font-weight: 600; }
a.filterButton:visited, a.filterButton:link, a.filterButtonCurrent:visited, a.filterButtonCurrent:link { font-weight: 600; color: #FFFFFF; }
.filterButtonCurrent { background-color: red; }
.viewCount { float: right; font-weight: 700; font-size: .90em; color: #333333; }
.emailCount { margin-top: -25px; display: inline-block; float: right; }

.rowBoxes { display: block; }
ul.boxList li { display: inline-block; }

/* Views
--------------------------------------------------------------------------------------- */
ul.topPages, ul.statusTree { margin: 20px 0; }
ul.familyBranch, ul.trunkBranch, ul.faqBranch { margin-left: 36px; }
ul#statusTree li span.branchCount, ul.statusTree li span.branchCount { display:inline-block; margin-left: 12px; }
ul.athleteBranch, ul.leafBranch { margin-left: 28px; }
.toggleText { font-size: 2em; font-family: "Oswald", "Ubuntu", "Open Sans Condensed", "Signika", sans-serif; text-transform: capitalize; }
.familyText { display: inline-block; width: 350px; }
.groupWithLabel { display: inline-block; font-weight: bold; width: 150px; font-size: .75em; }
.groupWith { display: inline-block; width: 384px; font-size: .75em; }
.athleteText { margin-left: 15px; display: inline-block; width: 250px; }
.emptyText { margin-left: 25px; font-size: 1em; font-family: "Oswald", "Ubuntu", "Open Sans Condensed", "Signika", sans-serif; text-transform: capitalize; }
.collapse { display: none; }
.statusTreeIcon, .trunkTreeIcon { display: inline-block; width: 24px; height: 24px; background-image: url("/images/plusminus.png"); background-size: 24px 48px;margin-right: 10px; }
.familyTreeIcon, .branchTreeIcon { display: inline-block; width: 18px; height: 18px; background: url("/images/plusminus.png"); background-size: 18px 36px; margin-right: 10px; }
.faqIcon { display: inline-block; width: 18px; height: 18px; background: url("/images/icons/arrowup-arrowdown.png"); background-size: 18px 36px; margin-right: 10px; }
.actionIcon { display: inline-block; width: 24px; height: 24px; background: url("/images/icons/open-close-mini.png"); background-size: 24px 48px; margin-right: 10px; }
.minusSign { background-position: bottom left; }
i { border: solid white; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; }
.i-up { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }	
.i-down { transform: rotate(45deg); -webkit-transform: rotate(45deg); }	
ul#statusTree { margin-left: 0; }
#statusTree li, .statusTree li, #mainContent ul#statusTree li { list-style-type: none; margin-left: 0; }
.familyBranch .toggleText, .trunkBranch .toggleText { font-size: 1.3em; font-family: "Ubuntu", "Oswald", "Open Sans Condensed", "Signika", sans-serif; }
.topPages .viewPageTitle, .footerPages .viewPageTitle, .infoPages .viewPageTitle { font-size: .75em; font-family: "Ubuntu", "Oswald", "Open Sans Condensed", "Signika", sans-serif; }
.familyBranch li { }
.athleteBranch li { }
.coachIcon, .sportIcon { display: inline-block; width: 24px; margin-right: 4px; }
ul.familyBranch a:visited { color: #2194CA; }
ul.familyBranch a:link { color: #262261; }
.extraText { display: inline-block; font-size: 0.85em; margin-left: 25px; }

.buttonLine { margin-top: -30px; padding-bottom: 30px; }
span.treeButton, span.locationButton { float: right; font-weight: 600; background-color: #262261; color: #FFFFFF; border-radius: 6px; border-color: #666666; border-width: 2px; padding: 4px; margin: auto 4px; }
span.locationButton { }
span.statusButtons { float: right; margin: auto 6px; }
li.categoryTitle span.locationButton { font-size: 0.85em; }

.hiddenSlot { background-color: #33FFFF; }
.hiddenIcon { display: inline-block; width: 12px; font-size: 20px; font-wieght: bold; }

span.summaryLabel { display: inline-block; font-weight: bold; width: 80px; font-size: .95em; }
span.summaryData { display: inline-block; width: 50px; border-bottom: 1px solid #000; padding-bottom: 2px; }
span.summaryDataNoBorder { display: inline-block; width: 50px; padding-bottom: 2px; }
span.summaryTotal { display: inline-block; border-top: 2px solid #000; padding-top: 5px; font-size: 1.3em; }
span.summaryHead { font-weight: bold; }
ul#vsummaryTotals li { list-style-type: none; }
ul#vsummaryTotals, ul#vsummaryTotals li.addSpacer { margin-bottom: 30px; font-size: .8em; }
ul#vcaptainList li, ul#teacherList li { list-style-type: none; border-bottom: 1px solid #000; height: 1.8em; }
span.captainName { display: inline-block; width: 250px; }
span.captainArea { display: inline-block; font-weight: bold; width: 200px; }
span.teacherName { display: inline-block; width: 200px; }
span.teacherDesc { display: inline-block; font-weight: bold; width: 260px; }

ul#emailBatches { margin: 20px; }
span.batchLabel { display: inline-block; font-weight: bold; border-bottom: 1px solid #000; padding-bottom: 12px; }
span.batchData { display: inline-block; line-height: 3em; padding-left: 5px; }
span.batchNumber { width: 125px; }
span.batchStart, span.batchEnd { width: 100px; }
span.batchSent { width: 250px; }
span.batchAction { width: 200px; }

.displayDoubleArrow { display: inline-block; width: 18px; height: 18px; background: url("/images/icons/up-down.png"); background-size: 18px 36px; }
.doubleArrowDown { background-position: bottom left; }

ul#eventList li { height: 1.0em; padding: 10px 8px; }
span.statusButtons { float: right; }

span.sectionTitle { font-weight: 700; font-size: 1.3em; font-family: "Oswald", "Ubuntu", "Open Sans Condensed", "Signika", sans-serif; }

#mainContent ul#categoryGroup li { line-height: 1.4em; }
#mainContent { min-height: 100px; }
#mainContent a { font-weight: bold; }

.rightLinkList {}
.rightLinkList li { list-style-type: none !important; }

/* Action Drop Button
----------------------------------------------------------------------------------------*/

#mainContent ul.dropAction {
	display: inline-block;
	float: right;
	margin: 0;
	padding: 0;
	font-weight: 700; font-family: "Oswald", "Ubuntu", "Open Sans Condensed", "Signika", sans-serif;
}

#mainContent ul.dropAction li {
	margin: 0;
	color: #ffffff;
	margin: 0px 0 10px 5px;
	list-style: none;
	height: 1.0em;
}
#mainContent .dropActionMenu {
  position:relative;
}
#mainContent .dropActionMenu a, #mainContent .dropActionMenu a:hover, #mainContent .dropActionMenu:hover #mainContent .dropActionMenu ul a {
  text-decoration:none;
  color: #ffffff;
  font-family: sans-serif;
  font-size: 0.80em;
  display: inline-block;
}
#mainContent .dropActionMenu a:hover {
	color: #66CCFF;
}
#mainContent ul.dropAction .dropActionMenu button {
  border: 0;
  cursor: pointer;
  font: inherit;
  background-color: #262262;
  color: #ffffff;
  padding: 0 50px 4px 50px;
  font-size: .80em;
  border-radius: 8px;
  font-size: 16px;
}
#mainContent ul.dropAction .dropActionMenu ul{
  display: block;
  margin: 0;
  padding: 0;
  width:132px;
  margin-left: 2%;
  padding-bottom: 5px;
  list-style:none;
  position:absolute;
  display:none;
  background-color: #f46950;
  margin-top: 30px;
  font-size: .85em;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  z-index: 50;
}
#mainContent ul.dropAction .dropActionMenu.dropActionClick button:focus + ul, #mainContent ul.dropAction .dropActionMenu.dropActionClick ul:hover {
  top:0px;
  display:block;
}
/* General styles */
#mainContent ul.dropAction > li {
  display: inline-block;
}

/* ToolTips
----------------------------------------------------------------------------------------*/
/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    /*width: auto;*/
    background-color: #555;
    color: #fff;
    text-align: center;
	text-transform: capitalize;
    padding: 5px 12px;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 1s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/* Content Display
----------------------------------------------------------------------------------------*/
.otherTitles { background: rgb(255,255,102); background: rgba(255,255,102,.4); padding: 10px; margin: 8px 0; border: 1px solid #666666; border-radius: 8px;}
.displayMeta { background: rgb(204,255,204); background: rgba(204,255,204,.4); padding: 10px; margin: 8px 0;  border: 1px solid #666666; border-radius: 8px;}
.displayShared { background: rgb(255,0,31); background: rgba(255,0,31,.4); padding: 10px; margin: 8px 0;  border: 1px solid #666666; border-radius: 8px;}
.displayLine { margin: 4px 0; }
.displayLabel { display: inline-block; width: 160px; font-weight: 600; }
.displayLabelLong { display: inline-block; width: 200px; font-weight: 600; }
.displayValue { display: inline-block; width: 500px; }
.displayValueFull { display: inline-block; width: 750px; }
.displayValueShort { display: inline-block; width: 300px; }
.displayButton { color: #FFFFFF; background-color: #8A1F03; line-height: 28px; font-weight: bold; transition: all 0.3s; border-radius: 16px; padding: 0 24px; }

.adminRightButton { color: #FFFFFF; width: 250px; text-align: center; margin: 8px auto; font-size: 1.1em; font-weight: bold; border-radius: 8px; border: 2px solid #DDDDDD; background-color: #262261; padding: 8px; }

span.arrowRight { display: inline-block; width: 12px; height: 12px; background-size: 12px; margin-right:24px; background-image:url(/images/icons/arrow.png); }
span.arrowDown { display: inline-block; width: 12px; height: 12px; background-size: 12px; margin-right:24px; background-image:url(/images/icons/arrow.png); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.featureButton { float: right; margin-top: -30px; }

.optionGroup1 { font-size: 16px; }
.optionGroup2 { font-size: 14px; font-weight: normal; }
#shared_id option { font-weight: bold; font-size: 12px; color: red; }

.clipboardIcon { margin-top: 5px; }
.copiedMessage { font-weight: bold; font-size: .85em; margin-lefT: 20px; }
.clipboardData, #clipboardData { display: none; }

.removeButton { display: inline-block; margin: 6px 0; }
.removeButton img { margin: 0 8px !important; display: inline-block !important; }

.newsDateLabel { width: 254px; color: #666666; display: inline-block; }

/* Addons
----------------------------------------------------------------------------------------*/
.addonWrap { margin: 0 auto; width: 1000px; margin-bottom: 25px; }
.addonWrap h2 { margin-bottom: 12px; }
.addonWrap a { text-align: left; margin-left: 25px; }

/* Bios
----------------------------------------------------------------------------------------*/
ul#bioList { margin-top: 25px; }
ul#bioList li { line-height: 2.2em; padding-left: 8px; }

span.name { display: inline-block; font-weight: bold; width: 300px; }
span.jobtitle { display: inline-block; width: 500px; }

ul#bioList span.actions { display: inline-block; margin: 7px; width: 40px; }
ul#bioList span.actions img {  }

span.bioRemove { float: right; margin: 4px 25px 0 0; }

/* Files
----------------------------------------------------------------------------------------*/
ul#fileList { margin-top: 25px; }
ul#fileList li { line-height: 2.2em; padding-left: 8px; }

span.description { display: inline-block; font-weight: bold; width: 300px; }
span.filename { display: inline-block; width: 500px; }

ul#fileList span.actions, #new_file span.actions { display: inline-block; margin: 7px; width: 40px; }
ul#fileList span.actions img {  }

span.fileRemove { float: right; margin: 4px 25px 0 0; }

/* FAQs
----------------------------------------------------------------------------------------*/
ul#faqList { margin-top: 25px; }
ul#faqList li, .leafFAQs li { line-height: 2.2em; padding-left: 8px; }

.faqQuestion { font-weight: bold; }
.faqAnswer { margin: 0 40px; font-weight: normal; }

span.question { display: inline-block; font-weight: bold; width: 300px; }
span.answer { display: inline-block; width: 500px; }
span.questionText { display: inline-block; width: 750px; }
ul#faqList span.actions, .leafFAQs span.actions { display: inline-block; margin: 7px; width: 40px; }
ul#faqList span.actions img, .leafFAQs span.actions img {  }

a.arrowRight { display: inline-block; width: 12px; height: 12px; background-size: 12px; margin-right:24px; background-image:url(/images/icons/arrow.png); }
a.arrowDown { display: inline-block; width: 12px; height: 12px; background-size: 12px; margin-right:24px; background-image:url(/images/icons/arrow.png); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

ul#rightFAQs a.arrowRight, ul#rightFAQs a.arrowDown { margin-right: 10px; margin-top: 4px; vertical-align: top; }

span.status { float: right; width: 80px; margin-right: 20px; }

/* Bulletins
----------------------------------------------------------------------------------------*/
#issuedYears { clear: both; }
#issuedYears ul { font-size: 1.2em; margin: 12px 0; }
#issuedYears ul li { display: inline; margin-right: 20px; }
#issuedYears ul li.chosenYear { font-size: 1.1em; font-weight: bold; }

/* File Attachments
----------------------------------------------------------------------------------------*/
span.fileRemove { float: right; margin: 4px 25px 0 0; }
span.fileRemove img { width: 16px; }


/* Volunteer System
----------------------------------------------------------------------------------------*/
ul#activeVolunteers { font-size: .9em; }
ul#activeVolunteers li { list-style-type: none; }
ul.filledSlots { font-weight: normal; font-size: .8em; }
span.filledName { display: inline-block; width: 150px; }
span.filledEmail { display: inline-block; width: 250px; }
span.filledPhone { display: inline-block; width: 120px; }
span.filledIcon { display: inline-block; width: 30px; }
span.filledAdded { display: inline-block; width: 160px; }
span.filledSlotname { display: inline-block; width: 140px; padding-right: 6px; }
span.filledTimes { display: inline-block; width: 140px; }
span.filledDate { display: inline-block; width: 100px; }

span.nameListName { display: inline-block; width: 200px; }
span.nameListSlot { display: inline-block;  width: 200px; }
span.nameListDateTime { display: inline-block; width: 200px; }
span.nameListSortIcon { display: inline-block; width: 30px; }

/* Athletics Registration System
----------------------------------------------------------------------------------------*/
ul#activeNames { margin: 25px 0; }
ul#activeNames li { list-style-type: none; padding: 3px; }
span.familyLastName { display: inline-block; width: 150px; font-size: 1.2em; }
span.familyPassNames { display: inline-block; width: 700px; }

.contactBlock { background: rgb(255,255,102); background: rgba(255,255,102,.4); padding: 10px; margin: 8px 0; border: 1px solid #666666; border-radius: 8px; margin-top: 20px; }
#contactHeader {  }
span.contactHeaderText { display: inline-block; font-weight: 700; font-size: 1.6em; font-family: "Oswald", "Ubuntu", "Open Sans Condensed", "Signika", sans-serif; }
span.contactHeaderIcon { display: inline-block; float: right; }

.editMedicalDate, .addPayment { display: none; }
.paymentCheckNum { display: inline-block; width: 100px; }
.paymentAmt { display: inline-block; width: 75px; }

/* Admin User
----------------------------------------------------------------------------------------*/
.userStatus { margin: 10px; color: red; text-transform: uppercase; font-weight: bold; }
a.userButton { font-size: 0.8em; color: #FFFFFF; background-color: #262262; line-height: 28px; font-weight: bold; transition: all 0.3s; border-radius: 16px; padding: 4px 24px;}
a.userButton:visited { color: #FFFFFF; }

#adminSidebar { width: 290px; min-height: 400px; float: right; padding:0 15px; background-color: rgba(102,204,255,1); border: 2px solid #CCCCCC; border-radius: 12px; margin-bottom: 30px; }
.adminSidebarBox { margin: 12px 0; }

.boxCenter, .adminSection { font-family: "Oswald", "Ubuntu", "Open Sans Condensed", "Signika", sans-serif; }

/* Main Menu
----------------------------------------------------------------------------------------*/
.hideField { display: none; }
.mainImage { width: 480px; overflow: visible;}

/* Schedule a Tour
----------------------------------------------------------------------------------------*/
.childName { display: inline-block; width: 100px; }
.childGrade { display: inline-block; width: 80px; }