﻿/* Project Information
------------------------------------------------
   Project: TIOH Public Website
   Developer: Jonathan Webb
   Developer Email: jon.webb@us.army.mil
   Project POC: Heidi Hulst
   POC Email: heidi.hulst@us.army.mil

   CSS Reference: OAA Orgchart and Orgchart Buttons
   Last Updated: 2/25/2009
-------------------------------------------------
 */
 

/* Org Chart (orgchart.aspx)
---------------------------------------------------------------------------*/
#contentOrgchart{background:#fff url(images/orgchart/orgchart-bg5.jpg) 42px 82px no-repeat;font:normal 12px Arial, Helvetica, sans-serif; min-height:675px; margin:0;}
#contentOrgchart a:link, #contentOrgchart a:visited{color:#333333; text-decoration:none;}
#contentOrgchart .orgBoxsml p a:link, #contentOrgchart .orgBoxsml p a:visited{text-decoration:underline;}
#contentOrgchart .orgBoxsml a:link, #contentOrgchart .orgBoxsml a:visited{text-decoration:underline;}
#contentOrgchart a:hover {text-decoration:none;}
#contentOrgchart h3.center {font-size:18px;}
#orgchart{margin:0 auto;}
.orgBoxlrg,.orgBoxsml,.orgBoxmed,.orgBoxsml2,.orgBoxsml3{position:relative;width:280px;min-height:36px;text-align:center;font:15px Arial, Helvetica, sans-serif;left:33%;border:1px solid #777;background:#000 url(images/orgchart/org-bg4.jpg) 0 0 repeat-x;color:#fff;margin:0;padding:10px;}
.orgBoxmed,.orgBoxsml,.orgBoxsml2,.orgBoxsml3{position:relative;width:200px;min-height:20px;font:12px Arial, Helvetica, sans-serif;background:transparent url(images/orgchart/org-bg2.jpg) 0 0 repeat-x;color:#000;}
.orgBoxmed{background:#fff url(images/orgchart/org-bg3.jpg) 0 0 repeat-x;color:#fff;}
.orgBoxsml{width:180px; min-height:25px;font:10px tahoma, arial, sans-serif;float:left;background:#fff url(images/orgchart/org-bg1.jpg) 0 0 repeat-x;padding:5px 5px 2px;}
.orgBoxsml2{width:180px; height:35px;font:11px tahoma, arial, sans-serif;float:left;padding:5px 5px 2px;}
.orgBoxsml3{background:transparent;width:180px;height:25px;font:10px tahoma, arial, sans-serif;float:left;border-color:#FFF;padding:5px 5px 2px;}
.right{position:relative;left:625px;top:-37px;}
.sm{font-size:12px;margin-top:-5px;}
.adjust{top:-63px;margin:4px 0 0;padding:0;}
.middle{padding:10px 5px 2px;}
.break{height:40px;}
.break2{height:45px;}
.break3{height:34px;}
.orgBoxsml p,.orgBoxsml2 p,.orgBoxmed p,.orgBoxlrg p{padding:5px 0 0;}
.coloradj{background:#fff url(images/orgchart/org-bg3.jpg) 0 0 repeat-x;color:#FFF;}
.adjustBox,.adjustBox2, .adjustBox3{top:-10px; left:50px; margin:0 10px 4px 0;}
.adjustBox3 {top:-32px;}
a.tooltip {}

/* Orgchart Finder
---------------------------------------------------------------------------*/
.contentOrgs{margin:0px 0px 0px 0px; font:normal 12px Arial, Helvetica, sans-serif; min-height:180px;}
* html .contentOrgs {height:180px;}
img.orgSmall{width:15%; height:15%; float:right; position:relative; top:-25px; left:20px;}
.orgFinder{ width:132px; height:180px; float:right; margin:0px 0px 0px 20px; background:#FFF url(images/orgchart/orgchart-finder-sm.jpg) 0 0 no-repeat;}
a.orgFinder:link, a.orgFinder:visited {display:block; width:132px; height:100px;  margin:0px 0px 0px 20px; background:#FFF url(images/orgchart/orgchart-finder-sm.jpg) 0 0 no-repeat;}
a.orgFinder:hover{background-position: 0 -100px;}
#orgFinder{width:132px; height:100px; float:right; margin:0px 0px 40px 20px; background:#FFF url(images/orgchart-finder-sm.jpg) 0 0 no-repeat;}
a:link #orgFinder, a:visited #orgFinder{width:132px; height:100px; float:right; margin:0px 0px 40px 20px; background:#FFF url(images/orgchart/orgchart-finder-sm.jpg) 0 0 no-repeat;}
a:hover #orgFinder{background-position: 0 -100px;}

.contentOrgs ul li {list-style-type:none;}
.contentOrgs ul li a:link, .contentOrgs ul li a:visited{text-decoration:none; font:normal 12px arial; color:#555; border-bottom:1px dashed #0099CC; list-style-type:none; margin-left:-20px;}
.contentOrgs ul li a:hover {list-style-type:none; list-style-image:none; color:#000; background-color:#FEF3CB;}


/* Orgchart Javascript Description
---------------------------------------------------------------------------*/
.tooltiptitle{COLOR: #FFFFFF; TEXT-DECORATION: none; CURSOR: Default; font-family: arial; font-weight: bold; font-size: 10pt}
.tooltipcontent{COLOR: #000000; TEXT-DECORATION: none; CURSOR: Default; font-family: arial; font-size: 9pt}
#ToolTip{position:absolute; width: 100px; top: 0px; left: 0px; z-index:4; visibility:hidden;}