/* --------------------------------------------------------------

   fw-backoffice.css

   Contains classes used by the back office pages (secure areas)

-------------------------------------------------------------- */

/* Home page
-------------------------------------------------------------- */

/* News*/
.news ol{list-style:none;margin-left:0}
.news ol li{border-bottom: dotted 1px #ddd;margin-bottom: 1.5em;}
.news ul li{border:none}
.news ol li h1{font-size: 2em;margin-bottom: 0;}
.news div h2{font-size: 1.75em;margin-bottom: 1em;}
.news div h3{font-size: 1.5em;letter-spacing:-1px;margin-bottom: 0.25em;}
.news .date{text-transform:uppercase}
.news ol li div{margin: 0 2em} 
.pager{color:#888;font-weight: bold;text-align:center}
.pager input{font-size:0.9em;padding:0 5px !important}
.pager span{display:inline-block;padding: 0 5px}

/* Sales Activity page
-------------------------------------------------------------- */
 
/* Overview */
#AgentOverview ol{padding: 0;margin-left: 0;}

/* MAB Watch */
span.paycheck-ready{color: green;}
span.paycheck-paid{color: blue;}
span.paycheck-flushed{color: black;}
span.paycheck{color: red;}

/*Typography Overrides used in Back Office*/
.version, .caption{color: #888;display: block;margin-bottom: 0.5em}
.legend{color:#666;font-size:11px}
.table-rows-condensed tr td{font-size:11px !important}

/* Genealogy pages */
#genealogy .levelcontainer{position:relative;width:26px;height:23px;float:left;margin-right:0.5em}
#genealogy .anglelines{background:transparent url(images/anglelines.gif) no-repeat 0 0;height:16px;width:9px;position:absolute;right:17px;bottom:7px}
#genealogy .levelbox{background:transparent url(images/levelbox_default.gif) no-repeat 0 0;height:17px;width:18px;position:absolute;right:0;bottom:0;z-index:1}
#genealogy .star{background:transparent url(images/levelbox_star.gif) no-repeat 0 0;height:12px;width:12px;position:absolute;right:-6px;bottom:11px;*right:-5px;_right:-5px;_bottom:9px;z-index:3}
#genealogy .terminated{background:transparent url(images/levelbox_terminated.gif) no-repeat 0 0}
#genealogy .levelunit{width:17px;height:16px;font-size:11px;font-weight:bold;text-align:center;vertical-align:middle;position:absolute;right:1px;bottom:0px;*bottom:1px;z-index:5}
#genealogy .levellabel{margin-top:7px;float:left}
#genealogy #genealogygrid table{position:relative;z-index:2}
#genealogy #genealogygrid td{padding:0}
#genealogy #genealogygrid .disabled{cursor:default !important}
#genealogy .genealogyreportbuttons{white-space:nowrap;background:#eee;padding:0 6px;border-right:solid 1px #ccc}
#genealogy .genealogyreportbuttons input{padding:0;margin:0;margin-top:5px;}
#genealogy .genealogyreportbuttons input:hover{cursor:pointer}
#genealogy .sortup a, .sortdown a,.sortdown-disabled a{background:transparent url(images/icon-sort-up.gif) no-repeat left;text-indent:12px;display:block}
#genealogy .sortdown a{background-image:url(images/icon-sort-down.gif)}
#genealogy .sortdown-disabled a{background-image:url(images/icon-sort-down-disabled.gif)}

/*Resource Lists*/
ul.resourcelist{list-style:none;margin-left:0;padding:0}
ul.resourcelist li.pdf, ul.resourcelist li.doc{background-position: 0 2px;background-repeat: no-repeat;padding-left:1.75em}
ul.resourcelist li.pdf{background-image: url(images/page_white_acrobat.png)}
ul.resourcelist li.doc{background-image: url(images/page_word.png)}
ul.resourcelist li{margin-bottom:0.5em}
ul.resourcelist li a{font-weight: bold}
ul.resourcelist li p{color:#666;font-size:10px;margin:0}
ul.resourcelist li p span{color:#999;display:block;text-transform:uppercase}
ul.resourcelist li em{color:#cc0000;font-style:normal;font-weight: bold}
ul.resourcelist .executive a{background:transparent url(images/crown.png) no-repeat 0 0;padding-left: 18px}
ul.resourcelist .executive p span{margin-left:18px}

/*SSRS Reports (e.g. commission statement)*/
#reportwrapper table{width: auto;margin-bottom: 0}
#reportwrapper th, #reportwrapper td, #reportwrapper caption{padding: 0;margin: 0;}

/*Photo Gallery (lightbox) */
.photogroup a{border: solid 3px #ccc;margin:2px}
.photogroup a:hover{border-color:#eee}
.photogroup a img{border: solid 1px #fff} 

/*Progress sliders*/
.requirementwrapper{border-bottom:solid 1px #eee;margin:0;padding:2px 0;height:36px}
.requirement{font-weight:bold;width:60%;float:left;margin:0;line-height:36px;height:36px}
.sliderwrapper{float:right;width:208px;height:30px;position:relative;}
.slider{width:208px;height:15px;background:#fff url(images/sliderbar.gif) no-repeat bottom;position:absolute;bottom:0}
.slidercover{position:absolute;right:0;width:210px;height:15px;background-color:#fff;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85}
.obtained{font-weight:bold;font-size:11px;color:#666;position:absolute;top:0;left:0;z-index:9999}