/*  
Theme Name: Quantapoint Custom
Theme URI: http://www.cagintranet.com/
Description: The default theme for the new Quantapoint.com design.
Version: 1.0
Author: Chris Cagle
Author URI: http://www.cagintranet.com/
*/

/*********** GLOBAL/BODY CSS ************/	
body {
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	text-align:center;
	background:#f0f0f0 url(images/bg1.png) center center repeat-y;
}

table, td {
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:12px;
	margin:0;
}

a:link, a:visited {
	color:#0099CC;
	outline:none;
	text-decoration:none;
	cursor:hand;
}

a:hover {
	color:#0099CC;
	outline:none;
	text-decoration:underline;
	cursor:hand;
}

.clear {
	padding:0;
	margin:0;
	clear:both;
}

.clearright {
	padding:0;
	margin:0;
	clear:right;
}

.clearleft {
	padding:0;
	margin:0;
	clear:left;
}

a img {
	border:none;
}

#wrapper {
	margin-left: auto;
	margin-right: auto;
	width:830px;
	border-left:#cecece solid 1px;
	border-right:#cecece solid 1px;
	background:#FFFFFF;
}

#wrapperinner {
	padding:0 35px
}

#wrapperinnernew {
	padding:0 10px
}

#wrapperinnerspacer {
	padding:10px 0 0 0;
}

#contentbody textarea {
	font-size:12px;
	font-family:arial, helvetica, sans-serif;
	width:328px
}

#fullcontentwrap {
	min-height:100%;
}

/*********** HEADER CSS ************/	
#header {
	    position:relative;
	    text-align:left;
	background:#ffffff url(images/headerbg.png) top right no-repeat;
	height:110px;
	min-height:110px;
}

#iconlogo {
	position:absolute;
	top:15px;
	left:40px;
	text-align:left;
	width:206px;
}

#logo {
	position:absolute;
	top:23px;
	right:20px;
	text-align:right;
}

#tagline {
	position:absolute;
	top:70px;
	right:20px;
	font-family:arial, helvetica, sans-serif;
	font-size:11px;
	color:#eeeeee;
	text-align:right;
}

#tagline sup {
	font-size:8px;
}

#nav {
	position:absolute;
	top:92px;
	left:121px;
	width:700px;
	height:35px;
	text-align:right;
}

#nav a{
	color:#FFFFFF;
	margin-right:8px;
	display:block;
	float:right;
	width:110px;
	text-align:center;
	padding:5px 2px 16px 0;
	font-weight:bold;
}

#nav a:link, #nav a:visited {
	background:#FFFFFF url(images/nav.png) bottom center no-repeat;
	text-decoration:none;
}

#nav a:hover {
	background:#FFFFFF url(images/nav.png) top center no-repeat;
}

#bannerimage {
	margin:35px 0 20px 3px;
}


/*********** SIDEBAR CSS ************/	
#sidebarwrap {
	width:250px;
	float:left;
}

#sidebarwrapnew {
	width:200px;
	float:left;
}

#sidebarwrapspacer {
	padding:2px 0 0 0;
}

#sidebar {
	padding-right:47px;
}

#sidebarnew {
	padding-right:10px;
}

form.loginform {width:300px;}

form.loginform input.mid {width:220px;padding:4px;border:1px solid #666;}



/*********** SIDEBAR CONTACT CSS ************/	
#missionbubble {
	padding:0 0 10px 13px;
	background:#FFFFFF url(images/missionbubble.png) center top no-repeat;
	height:112px;
	min-height:112px;
	color:#ffffff;
	line-height:18px;
	text-align:left;
	font-size:11px;
	margin-bottom:15px;
}

#missionbubble p {
	padding:7px 5px 10px 0;
	margin:0;
}

#missionbubble h2 {	
	margin:0;
	padding:10px 0 0 0;
	font-size:13px;
	text-transform:uppercase;
	text-decoration:underline;
}

#missionbubble h2 a:link, #missionbubble h2 a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}

#missionbubble h2 a:hover {
	color:#FFFFFF;
}

#contactbubble {
	padding:0 0 0 13px;
	background:#FFFFFF url(images/alt-contact.jpg) center top no-repeat;
	height:41px;
	min-height:41px;
	color:#ffffff;
	line-height:18px;
	text-align:left;
	font-size:11px;
	margin-bottom:15px;
}

#contactbubble p {
	padding:10px 0;
	margin:0;
}

#contactbubble h2 {	
	margin:0;
	padding:10px 0 0 0;
	font-size:13px;
	text-transform:uppercase;
	text-decoration:underline;
}

#contactbubble h2 a:link, #contactbubble h2 a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}

#contactbubble h2 a:hover {
	color:#EEEEEE;
}
	
	
	
/*********** SIDEBAR SUBNAVIGATION CSS ************/
#subnavigation {
	text-align:left;
	margin:5px 0 5px 0;
	padding:0 0 0 0;
}

#subnavigation h6 {
	border-top:#BBB solid 1px;
	font-size:15px;
	text-transform:uppercase;
	background:#FFFFFF url('images/subnavheading.gif') top left no-repeat;
	padding:0 0 5px 13px;
	text-align:left;
	color:#000000;
	font-weight:bold;
	margin: 0 0 0 0;
}

#subnavigationinner {
	padding:0 5px 0 19px;
}

#subnavigationinnermenuspacer {
	padding:20px 0 0 0;
}

#subnavigationinnermenuspacersmall {
	padding:10px 0 0 0;
}

#subnavigationinnercontentnudgeup {
	position:relative;
	top:-10px;
}

#subnavigation br {
	line-height:0;
}

#subnavigation a {
	padding:5px 3px 5px 6px;
	margin:2px 0;
	display:block;
	font-weight:bold;
}

#subnavigation a:hover {
	background:#FFFFFF url(images/subnavbg.gif) top repeat;
	color:#FFFFFF !important;
	}

#subnavigation a:link, #subnavigation a:visited {
	color:#333333;
	text-decoration:none;
}
	

/*********** SIDEBAR NEWSLETTER CSS ************/
.newsletter {
	background:#FFFFFF url(images/blue-bg.png) center top no-repeat;
	padding:0 0 10px 13px;
	height:145px;
	min-height:145px;
	color:#ffffff;
	line-height:18px;
	text-align:left;
	font-size:11px;
	margin-bottom:15px;
}

.newsletter p {
	padding:7px 5px 10px 0;
	margin:0;
}

.newsletter h2 {	
	margin:0;
	padding:10px 0 0 0;
	font-size:13px;
	text-transform:uppercase;
}

.newsletter h2 a:link, .newsletter h2 a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}

.newsletter h2 a:hover {
	color:#FFFFFF;
}

.newsletterbottom {
	display:none;
}

#flashpointform {}
#flashpointform input{width:250px;padding:2px;color:#666666;margin:2px 0;}
#flashpointform input#submitflash {width:150px !important;margin-top:20px;}
#flashpointform input#checkflash {width:20px !important;}
#flashpointform .leftform {float:left;width:120px;font-weight:bold;}
#flashpointform .rightform {float:left;width:300px;}

/*********** SIDEBAR AWARDS CSS ************/
#awards {
	margin:10px 0;
	text-align:center;
}

#awards img {
	margin-right:5px;
}

a.trans img{opacity:0.65;filter: alpha(opacity=65);}

a.trans:hover img{opacity:1.0;filter: alpha(opacity=100);}

#searchform {
	width:155px !important;
}

#searchtemplate input#s {
	align:center;
	font-family:arial;
	font-size:11px;
	padding:5px 0 0 25px;
	height:25px;
	border:2px #cccccc solid;
	width:155px;
	background:#f9f9f9 url(images/magnifier.png) left center no-repeat;
	color:#444444;
	position:absolute;
	top:25px;
	left:270px;;
}

#searchtemplate input#searchsubmit {
	display:none;
}

h5 {
	font-size:12px;
	margin:6px 0 0 0;
}


/*********** MAIN CONTENT CSS ************/	

#contenttitlebar {
	background:#ffffff url(images/title-bar-gradient.jpg) center bottom repeat-x;

	text-align:left;
	font-family: arial, helvetica, sans-serif; 
	font-size:26px;
	color:#282828;
	font-weight:100;
	padding-bottom:6px;
	text-transform:capitalize;
	font-weight:bold;
	}

#content {
	margin-left:250px;
	text-align:left;
	}

#contentnew {
	margin-left:205px;
	text-align:left;
	overflow:auto;
	width:600px;
	}

#contentbody h1 {
	font-family: arial, helvetica, sans-serif; 
	font-size:23px;
	color:#282828;
	font-weight:100;
	border-bottom:1px solid #ececec;
	padding-bottom:6px;
	line-height:29px;
	}

#contentbody h2 {
	font-family: arial, helvetica, sans-serif; 
	font-size:16px;
	padding-top: 10px;
	text-transform:capitalize;
}

#contentbody h3 {
	margin-bottom:10px;
}

#contentbody p {
	font-family: arial, helvetica, sans-serif;
	text-align:left;
	font-size:14px;
}

#contentbodytabs h2 {
	font-family: arial, helvetica, sans-serif; 
	font-size:16px;
	padding-top: 10px;
	text-transform:capitalize;
}

#contentbodytabs p {
	font-family: arial, helvetica, sans-serif;
	text-align:left;
	font-size:14px;
	line-height:18px;
}

#contentbodytabs a {
	font-family: arial, helvetica, sans-serif;
	text-align:left;
	font-size:14px;
	font-style:normal;
	color:#454545;
	font-weight:normal;
	line-height:150%;
}

#contentbodytabs a:link {
	text-decoration:none;
	color:#282828;
	font-weight:normal;
}

#contentbodytabs a:visited {
	text-decoration:none;
	color:#282828;
	font-weight:normal;
}

#contentbodytabs a:hover {
	text-decoration:underline;
	color:#282828;
}

#contentbody a:active {
	text-decoration:underline;
	color:#282828;
}

#contentbody h1 span {
	color:#444444;
	text-transform:none !important;
}

.indexh1span {
	text-transform:none !important;
	font-size:18px !important;
	line-height:22px !important;
}

#contentbody {
	line-height:18px;
	color:#454545;
}

#contentbody sup {
	text-transform:uppercase;
	font-size:10px !important;
}

.pdf {
	margin:15px 0;
	border:1px solid #ffffff;
	padding:10px 10px 15px 10px;
}

.pdf img {
	float:left;
	margin: 0 10px 5px 0;
}

#content h3, #nextsteps h3, .homeextra table h3 {
	font-size:16px !important;
	font-family:arial;
}

#nextsteps {margin:30px 0 0 0;}

#nextsteps p {margin-left:10px;}
.homeextra table {border-collapse:collapse;}
.imgright {float:right;margin:7px 0 15px 20px;}
.imgleft {float:left;margin:7px 20px 15px 0;}

.imgtabright {float:right;margin-left:5px;}

/*********** LATEST NEWS CSS ************/	
#latest {
	padding:8px;
	margin:55px 0 20px 0;
	text-align:left;
	}

#latestnews {
	background:#ffffff url(images/latestgrad.jpg) center bottom repeat-x;
	border:1px solid #cccccc;
	width:230px;
	float:left;
	line-height:15px;
	}

#latestpubs {
	background:#ffffff url(images/latestgrad.jpg) center bottom repeat-x;
	border:1px solid #cccccc;
	width:230px;
	float:right;
	line-height:15px;
	}

#footersolutionsmenuitems {
	background:#ffffff url(images/latestgrad.jpg) center bottom repeat-x;
	border:1px solid #cccccc;
	width:160px;
	float:left;
	line-height:15px;
	}

#footerservicessmenuitems {
	background:#ffffff url(images/latestgrad.jpg) center bottom repeat-x;
	border:1px solid #cccccc;
	width:160px;
	float:left;
	line-height:15px;
	}

#footerdigitalfacilitiesmenuitems {
	background:#ffffff url(images/latestgrad.jpg) center bottom repeat-x;
	border:1px solid #cccccc;
	width:160px;
	float:left;
	line-height:15px;
	}

#footerresourcesmenuitems {
	background:#ffffff url(images/latestgrad.jpg) center bottom repeat-x;
	border:1px solid #cccccc;
	width:160px;
	float:left;
	line-height:15px;
	}

#footerquantapointmenuitems {
	background:#ffffff url(images/latestgrad.jpg) center bottom repeat-x;
	border:1px solid #cccccc;
	width:160px;
	float:left;
	line-height:15px;
	}

#latestnews h4, #latestpubs h4 {
	color:#999999;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	padding:7px;
	margin:0;
	}

#footersolutionsmenuitems h4, #footerservicessmenuitems h4, #footerdigitalfacilitiesmenuitems h4, #footerresourcesmenuitems h4, #footerquantapointmenuitems h4 {
	color:#cccccc;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	padding:7px;
	margin:0;
	}

#latestnews h4 span, #latestpubs h4 span span {
	color:#cccccc !important;
	}

#footersolutionsmenuitems h4 span, #footerservicessmenuitems h4 span, #footerdigitalfacilitiesmenuitems h4 span, #footerresourcesmenuitems h4 span, #footerquantapointmenuitems h4 span {
	color:#999999 !important;
	}

#latestnews h4 {
	background:#333333 url(images/newspaper.gif) center right no-repeat;
	}

#latestpubs h4 {
	background:#333333 url(images/publications.gif) center right no-repeat;
	}

#footersolutionsmenuitems h4 {
	background:#333333 url(images/solution.png) center right no-repeat;
	}

#footerservicessmenuitems h4 {
	background:#333333 url(images/services.png) center right no-repeat;
	}

#footerdigitalfacilitiesmenuitems h4 {
	background:#333333 url(images/digital-facility.png) center right no-repeat;
	}

#footerresourcesmenuitems h4 {
	background:#333333 url(images/publications.gif) center right no-repeat;
	}

#footerquantapointmenuitems h4 {
	background:#333333 url(images/qp.png) center right no-repeat;
	}

#innernews, #innerpubs {
	padding:10px;
	color:#666666;
	font-size:11px;
	margin-bottom:30px;
	}

#innerfootersolutionsmenuitems, #innerfooterservicessmenuitems, #innerfooterdigitalfacilitiesmenuitems, #innerfooterresourcesmenuitems, #innerfooterquantapointmenuitems {
	padding:10px;
	color:#525252;
	font-size:11px;
	line-height:175%;
	}

#innernews p, #innerpubs p {
	margin-top:0;
	margin-bottom:15px;
	}

#innerfootersolutionsmenuitems p, #innerfooterservicessmenuitems p,  #innerfooterdigitalfacilitiesmenuitems p, #innerfooterresourcesmenuitems p, #innerfooterquantapointmenuitems p {
	margin-top:0;
	margin-left:5px;
	margin-bottom:10px;
	}

#innernews a, #innerpubs a {
	font-weight:bold;
	color:#555555;
	}


/*********** FOOTER CSS ************/	

#footerline {
	border-top:#EEEEEE solid 2px;
	margin:0px 0 15px 0;
}

#footer {
	text-align:left;
	color:#999999;
	font-size:11px;
	line-height:16px;
	position: relative;
	clear:both;
}


.rightfoot {
	float:right;
	width:30%;
	text-align:right;
	}

.leftfoot {
	float:left;
	width:60%;
	text-align:left;
	}

#footer a {
	color:#888888;
	font-weight:100 !important;
	}


/*********** Hide WP-Stats Smiley************/	
img#wpstats{width:0px;height:0px;overflow:hidden;}



/* Horizontal Tabbed Panels */
 .TabbedPanels {
}

.TabbedPanelsTabGroup {
   position: relative;
   top: 1px;
   overflow: hidden;
   _width: 100%;  /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
   padding: 0;
   margin: 0;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it would normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */

.TabbedPanelsTab {
   float: left;
   padding: 4px 10px;
   margin: 0px 1px 0px 0px;
   background-color: #DDD;
   list-style: none;
   border-left: solid 1px #CCC;
   border-bottom: solid 1px #999;
   border-top: solid 1px #999;
   border-right: solid 1px #999;
   -moz-user-select: none;
   -khtml-user-select: none;
   cursor: pointer;
 }

/* This selector is an example of how to change the appearance of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */

 .TabbedPanelsTabHover {
   background-color: #CCC;
   font-weight:bold;
 }

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */

 .TabbedPanelsTabSelected {
   background-color: white;
   border-bottom: 1px solid #EEE;
   font-weight:bold;
   border-left: solid 2px #CCC;
   border-top: solid 2px #CCC;
   border-right: solid 2px #CCC;
 }

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */

 .TabbedPanelsTab a {
   color: black;
   text-decoration: none;
 }

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */

 .TabbedPanelsContentGroup {
   border-left: solid 1px #CCC;
   border-bottom: solid 1px #CCC;
   border-top: solid 1px #999;
   border-right: solid 1px #999;
   background-color: #EEE;
   padding: 0px;
 }

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */

 .TabbedPanelsContent {
   overflow: hidden;
   _width: 100%;  /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
   padding: 4px 12px;
}

/* This selector is an example of how to change the appearance of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */

 .TabbedPanelsContentVisible {
   background-color: white;
 }

 /* Tabbed Bottom Panels */
 .BTabbedPanels .TabbedPanelsTabGroup {
   top: -1px;
 }

 .BTabbedPanels .TabbedPanelsTab {
   border-top: solid 1px #CCC;
   border-bottom: solid 1px #CCC;
 }

 .BTabbedPanels .TabbedPanelsTabSelected {
   border-top: 1px solid #EEE;
 }

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

 /* Vertical Tabbed Panels, applied for left and right tabs position */
 .VTabbedPanels {
   overflow: hidden;
   zoom: 1;
 }

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */

 .VTabbedPanels .TabbedPanelsTabGroup {
   float: left;
   width: 10em;
   height: 20em;
   background-color: #EEE;
   position: relative;
   border-top: solid 1px #999;
   border-right: solid 1px #999;
   border-left: solid 1px #CCC;
   border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */

 .VTabbedPanels .TabbedPanelsTab {
   float: none;
   margin: 0px;
   border-top: none;
   border-left: none;
   border-right: none;
 }

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */

 .VTabbedPanels .TabbedPanelsTabSelected {
   background-color: #EEE;
   border-bottom: solid 1px #999;
 }

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */

 .VTabbedPanels .TabbedPanelsContentGroup {
   clear: none;
   float: left;
   padding: 0px;
   width: 30em;
   height: 20em;
}


/*********** END CSS ************/