/**** Global CSS For Sharperinnovations.com *****/

/***********  Universal Selectors ************/
*{padding:0; margin:0; list-style:none;}
html { font-size: 100%; }
img{border:none;}

/***********  Body And Containers ************/
body{text-align: center;font-size: 1em; font-family:Verdana, Arial, Helvetica, sans-serif; }/* 1em = 16px.  1 ? 16 = 0.0625em*/
#MainContainer, #SharperBannerCon, #BalleyBannerCon{width:890px;text-align: left; margin: 0 auto; }

/***********  Pseudo Classes ************************/
a:link, a:visited, a:hover, a:active{ text-decoration:none;}
a:link { color:#006699;} 
a:visited { color:#006699;}
a:hover {color:#0099CC;}
a:active {color:#006699}

h1, h2, h3{font-family:Verdana, Arial, Helvetica, sans-serif;}
p{ font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:1.5em; color:#767676; }
p{padding:10px 0 10px 0;}
h1 {font-size:16px; color:#898989;}
h2 {font-size:0.875em;}
h3 {font-size:0.75em;}

/***********  Universal Classes ************************/
.floatLeft{float:left; padding:1em;}
.floatRight{float:right;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* ---------->>> Thickbox Settings <<<------------------------------------------------------*/
#TB_window {font: 12px Arial, Helvetica, sans-serif;color: #333333;}
#TB_secondLine {font: 10px Arial, Helvetica, sans-serif;color:#666666;}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}


#TB_login{position:absolute; color:#FFFFFF;}
#TB_overlay {position: fixed;z-index:100;top: 0px;left: 0px;height:100%;width:100%;}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {background-color:#CCCCCC;filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;}

#TB_window {position: fixed; background:none;z-index: 102; color:#000000;  display:none; text-align:left; top:50%; left:50%;}
#TB_window img#TB_Image {display:block;margin: 15px 0 0 15px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top: 1px solid #666;border-left: 1px solid #666;}

#TB_caption{height:25px; padding:0;}
#TB_closeWindow{height:25px; width:122px;  padding:0; float:right; text-align:right;}
#TB_title{height:25px;}/* Only display if a title has been included in the link */

#TB_closeAjaxWindow{padding:0 0 10px 0; float:right; text-align:right;}

#TB_ajaxWindowTitle{padding:0;background:none; text-align:right;}


#TB_ajaxContent{clear:both;padding:0;overflow:auto;text-align:left;line-height:1.4em;}
#TB_ajaxContent.TB_modal{padding:0;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
#TB_load{position: fixed;display:none;height:13px;width:208px;z-index:103;top: 50%;left: 50%;margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
#TB_HideSelect{z-index:99;position:fixed;top: 0;left: 0;background-color:transparent;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%;}

#TB_iframeContent{clear:both;border:none; overflow:hidden; margin-right:2px;}

/* ---------->>> Tip Box <<<------------------------------------------------------*/
.iframeTooltip{position: absolute;z-index: 1010;filter:alpha(opacity:0.1);}
.tooltipContent{background-color:#FFFFFF;width:650px;padding:0;margin:0;}

/* ---------->>> Collapsible Panel  <<<------------------------------------------------------*/
.CollapsiblePanel {border-left: solid 1px #CCC;border-right: solid 1px #999;border-top: solid 1px #999;border-bottom: solid 1px #CCC;}
.CollapsiblePanelTab {font: bold 0.7em sans-serif;background-color: #DDD;border-bottom: solid 1px #CCC;padding: 2px;cursor: pointer;-moz-user-select: none;-khtml-user-select: none;}
.CollapsiblePanelContent {}
.CollapsiblePanelTab a {color: black;text-decoration: none;}
.CollapsiblePanelOpen .CollapsiblePanelTab {background-color: #EEE;}
.CollapsiblePanelClosed .CollapsiblePanelTab {/* background-color: #EFEFEF */}
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {background-color: #CCC;}
.CollapsiblePanelFocused .CollapsiblePanelTab {background-color: #3399FF;}

/* ---------->>> Tabbed Panels  <<<------------------------------------------------------*/
.TabbedPanels {float: left;clear: none;width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/}
.TabbedPanelsTab {position: relative;top: 1px;float: left;padding: 4px 10px;margin: 0px 1px 0px 0px;font: bold 12px sans-serif;background-color: #DDD;list-style: none;-moz-user-select: none;-khtml-user-select: none;cursor: pointer;}
.TabbedPanelsTabHover {background-color: #CCC;}
.TabbedPanelsTabSelected {background-color:#FFFFFF;border-bottom: 1px solid #EEE;}
.TabbedPanelsTab a {color:#000000;text-decoration: none;}
.TabbedPanelsContentGroup {clear: both;#CCC;border-top: solid 1px #999;}
.TabbedPanelsContent {padding: 4px;}
.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;}
.VTabbedPanels .TabbedPanelsTab {float: none;margin: 0px;border-top: none;border-left: none;border-right: none;}
.VTabbedPanels .TabbedPanelsTabSelected {background-color: #EEE;border-bottom: solid 1px #999;}
.VTabbedPanels .TabbedPanelsContentGroup {clear: none;float: left;padding: 0px;width: 30em;height: 20em;}

/* ---------->>> Collapsible Panel  <<<------------------------------------------------------*/
.CollapsiblePanel {border-left: solid 1px #CCC;border-right: solid 1px #999;border-top: solid 1px #999;border-bottom: solid 1px #CCC; float:left;}
.CollapsiblePanelTab {font: bold 0.7em sans-serif;background-color: #DDD;border-bottom: solid 1px #CCC;padding: 2px;cursor: pointer;-moz-user-select: none;-khtml-user-select: none;}
.CollapsiblePanelContent {}
.CollapsiblePanelTab a {color: black;text-decoration: none;}
.CollapsiblePanelOpen .CollapsiblePanelTab {background-color: #EEE;}
.CollapsiblePanelClosed .CollapsiblePanelTab {/* background-color: #EFEFEF */}
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {background-color: #CCC;}
.CollapsiblePanelFocused .CollapsiblePanelTab {background-color: #3399FF;}

/* ---------->>> JQuery Pre-Loader  <<<------------------------------------------------------*/
.QOverlay {background-color: #000000;z-index: 9999;}
.QLoader {background-color: #CCCCCC;height: 1px;}