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

Global CSS

Author:			Michael G Switzer < mswitzer [at] propagandabydesign [dot] com >

Methods: 		RULES ORGANISATION WITHIN CSS FILES
				Should mirror the html document flow:
				General
					Containers
						Header
							Nav
						Body
							Modules
								Generic
								Specific
						Footer
					Hacks
					(other)
					
Rules:			display
				background
				border
				float
				clear
				color
				font-properties
				list-properties
				margin [top right bottom left]
				padding [top right bottom left]
				position
				top
				right
				bottom
				left
				width
				height
				line-height
				overflow
				text-properties

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


/*---------------------------------------------------------------------/
- Reset CSS
/---------------------------------------------------------------------*/
html,body,div,span,object,iframe,address,blockquote,h1,h2,h3,h4,h5,h6,p,pre,a,abbr,acronym,b,bdo,big,cite,code,del,dfn,em,i,img,ins,kbd,q,samp,small,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,form,fieldset,legend,label,table,caption,thead,tfoot,tbody,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}body{color:#000;background:#fff;font-size:62.5%;font-size:expression(screen.deviceXDPI>96 ? 1000 /((screen.deviceXDPI / 96) * 16)+"%":"62.5%");line-height:1.25;}body,textarea{font-family:arial,helvetica,sans-serif;}address,blockquote,form,p,pre,table,dl,ol,ul{font-size:1.1em;}blockquote address,blockquote blockquote,blockquote form,blockquote p,blockquote pre,blockquote table,blockquote dl,blockquote ol,blockquote ul,dl address,dl blockquote,dl form,dl p,dl pre,dl table,dl dl,dl ol,dl ul,form address,form blockquote,form p,form pre,form table,form dl,form ol,form ul,ol address,ol blockquote,ol form,ol p,ol pre,ol table,ol dl,ol ol,ol ul,table address,table blockquote,table form,table p,table pre,table table,table dl,table ol,table ul,ul address,ul blockquote,ul form,ul p,ul pre,ul table,ul dl,ul ol,ul ul,button,input,select,textarea{font-size:1em;}h1{font-size:2em;}h2{font-size:1.8em;}h3{font-size:1.6em;}h4{font-size:1.4em;}h5{font-size:1.2em;}h6{font-size:1em;}abbr,acronym{text-decoration:underline;}address,cite{font-style:normal;}b,strong{font-weight:bold;}big{font-size:1.2em;}code,kbd,pre,samp,tt{font-family:"Courier New",Courier,monospace;}del{text-decoration:line-through;}dfn,em,i,var{font-style:italic;}h1,h2,h3,h4,h5,h6{font-weight:normal;}ins{text-decoration:underline;}small{font-size:.8em;}sub{vertical-align:sub;}sup{vertical-align:super;}p{margin-bottom:1em;}ol,ul{list-style:none;}dl dt{font-weight:bold;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}iframe{border:1px solid #ccc;}blockquote,q{quotes:none;}.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 */

/*---------------------------------------------------------------------/
- Global Styles
/---------------------------------------------------------------------*/
html { background-color: #fff; }

body {
    background: url(/Assets/Design/Images/fiery_background.jpg) no-repeat center 80px;
    color: #4d4e53;
    font-family: Arial, sans-serif;
    font-size: 12px;
    margin: 0 auto;
    padding: 0 20px;
    width: 940px;
}

/* Links
----------------------------------------------------------------------*/
a:link,
a:visited {
	color: #4d4e53;
}

a:hover,
a:active {
	color: #d95e16;
}

/* Text
----------------------------------------------------------------------*/
h1, h2 {
    font-weight: normal;
}

h2 {
    color: #d95e16;
    font-size: 18px;
}

h3 {
    font-size: 12px;
    font-weight: bold;
}

/* Global Classes
----------------------------------------------------------------------*/
.break {
    clear: both;
}

/* Global Items
----------------------------------------------------------------------*/
sup {
    vertical-align: super;
    font-size: smaller;
}

#mainContent ul.bullet li {
	list-style-image: url(/Assets/Design/Images/blt.gif);
	list-style-position: outside;
	margin-left: 27px;
}

/*---------------------------------------------------------------------/
- Layout
/---------------------------------------------------------------------*/


/* Header Styles
----------------------------------------------------------------------*/
a#efilogo {
    display: block;
    background: url(/Assets/Design/Images/efilogo.png) no-repeat;
    margin: 20px 0 8px -5px;
    width: 117px;
    height: 37px;
    text-indent: -9999px;
}

#language {
    float: right;
    font-size: 11px;
    margin: -20px 22px 0 0;
}

#language a {
    text-decoration: none;
    font-weight: bold;
}

#globalNavigationContanier {
    background: url(/Assets/Design/Images/global_navigation_bg.png) no-repeat;
    margin: 0 0 0 -20px;
    /*position: relative;*/
    width: 980px;
    height: 31px;
}

#globalNavigation {
    font-size: 11px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#globalNavigation li {
    background: url(/Assets/Design/Images/global_nav_break.png) no-repeat bottom right;
    float: left;
    margin: 0;
    padding: 0;
    /*position: relative;*/
    width: 112.5px;
}

#globalNavigation li:hover {
    background-position: top right;
}

#globalNavigation li#home {
    background: url(/Assets/Design/Images/global_nav_break_home.png) no-repeat bottom right;
    width: 42px;
    text-indent: -9999px;
}

#globalNavigation li#home:hover {
    background: #4d4e53 url(/Assets/Design/Images/global_nav_break.png) repeat-x top right;
    border-left: 1px solid #e2e1dd;
    width: 41px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    z-index: 2;
}

#globalNavigation li#home a:hover {
    background: url(/Assets/Design/Images/icn_home_on.png) no-repeat center center;
}

#globalNavigation li#solutions,
#globalNavigation li#products {
    width: 102.5px;
}

#globalNavigation li a {
    display:block;
    color:#4D4E53;
    font-size: 12px;
    height: 31px;
    line-height: 31px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
}

#globalNavigation li a.active {
	color: #e1e1e1;
}
#globalNavigation li a:hover {
	color: #e1e1e1;
}

#globalNavigation li ol {
    background: #4d4e53 url(/Assets/Design/Images/global_navigation_menu_gradient_bg.png) repeat-x center 0;
    border-left: 1px solid #e2e1dd;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    /*width: 216px;*/
    z-index: 2;
}


#globalNavigation li#support ol,
#globalNavigation li#products ol {
    /* width: 240px; */
}

#globalNavigation li ol li {
	position: relative;
    width: auto;
    float: none;
    background-image: none;
    border-bottom: 1px solid #e2e1dd;
}

#globalNavigation li ol li a, 
#globalNavigation li ol li a:visited {
    color: #fff;
    height: 22px;
    line-height: 22px;
    white-space: nowrap;
    text-align: left;
    padding: 0 9px 0 12px;
}

#globalNavigation li ol li a:hover {
    color: #4d4e53;
    background: #e2e1dd;
}

#globalNavigation li ol li ol {
    top: 0;
}

#siteSearch {
	float: right;
    height: 20px;
    width: 211px;
    margin-right: 40px;
    margin-top: 4.5px;
}

#siteSearch div {
    background: url(/Assets/Design/Images/site_search_bg.png) no-repeat;
    height: 12px;
    padding: 6px 2px 2px
}

#siteSearch input#searchbox {
    font-size: 11px;
    height: 12px;
    color: #4d4e53;
    line-height: 12px;
    padding: 0 0 0 2px;
    margin: 0;
    border-width: 0;
    width: 189px;
}

/* Content Container
----------------------------------------------------------------------*/
#mainPageBody {
	padding-top: 45px;
}

#contentContainer {
    background: #F0F0F0 url(/Assets/Design/Images/ContentAreaBackground.png) bottom left no-repeat;
}

#contentContainer2 {
    /* background: url(/Assets/Design/Images/h.png) no-repeat left bottom; */
}

#preMainContentContainer {
    width: 213px;
    float: left;
}

/* Logo
----------------------------------------------------------------------*/
a.fierylogo {
    width: 200px;
    height: 74px;
    background: #fff url(/Assets/Design/Images/fierylogo.png) left -296px no-repeat;
    text-indent: -9999px;
    display: block;
    margin: 0;
}

a.fierylogo.pt {
    background-position: left -444px;
}

a.fierylogo.nl {
    background-position: left -370px;
}

a.fierylogo.de {
    background-position: left -222px;
}

a.fierylogo.es {
    background-position: left -148px;
}

a.fierylogo.fr {
    background-position: left -74px;
}

a.fierylogo.it {
    background-position: left top;
}

/* Left Navigation
----------------------------------------------------------------------*/
#mainNavigation, #mainNavigation ol {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#mainNavigation {
    width: 200px;
    font-size: 12px;
    margin-top: 1px;
    padding-bottom: 1px;
    overflow: visible;
    border-bottom: solid 1px #e2e1dd;
    background-color: White;
}

#mainNavigation li a {
    display: block;
    border-bottom: 1px solid #e2e1dd;
    text-decoration: none;
}

#mainNavigation li a:hover {
    color: #4d4e53;
}

#mainNavigation li.selected a {
    color: White;
}

#mainNavigation li a span {
    display: block;
    height: 100%;
    width: 100%;
    padding-right: 12px;
    overflow: hidden;
}

#mainNavigation li.selected a span, 
#mainNavigation li a:hover span, 
#mainNavigation li.selected a:hover span {
    background-color: #9a9b9d;
}

#mainNavigation li a span span {
    border-right: 1px solid White;
    padding: 5.5px 20px;
    width: auto;
}

#mainNavigation li a span span span
{
    border-width: 0;
    padding: 0 !important;
}

#mainNavigation li a:hover span span {
    background-color: White;
}

#mainNavigation li ol li a, #mainNavigation li ol li.hasChildren.last a {
    border-color: White;
}

#mainNavigation li ol li.last a {
    border-color: #e2e1dd;
}

#mainNavigation li ol li a span span {
    padding-top: 3.5px;
    padding-bottom: 3.5px;
}

#mainNavigation li ol li a span span span
{
   text-indent: -1em;
   padding-left: 1em !important;
}

#mainNavigation li.selected ol li a {
    color: #4d4e53;
}

#mainNavigation li.selected ol li a span {
    background-color: transparent;
}

#mainNavigation li ol li.selected a span, 
#mainNavigation li ol li a:hover span, 
#mainNavigation li ol li.selected a:hover span {
    background-color: #cacac8 !important;
}

#mainNavigation li ol li a:hover span span, 
#mainNavigation li ol li.selected ol li a:hover span span {
    background-color: White !important;
}

#mainNavigation li ol li ol li.last a {
    border-color: #e2e1dd !important;
}

#mainNavigation li ol li.selected ol li a span {
    background-color: transparent !important;
}

#mainNavigation li ol li ol li a span span {
    padding-left: 30px;
}


/* Main Content
----------------------------------------------------------------------*/
#mainContentContainer {
    margin-left: 214px;
}

#mainContent {
    float: left;
    padding: 0 20px 30px 33px;
}

#mainContent p {
    margin: 7px 0;
}

#mainContent ul li {
    margin: 6px 0;
}


/* Breadcrumbs Styles
----------------------------------------------------------------------*/
#breadCrumbAndPageActions {
    background: url(/Assets/Design/Images/breadcrumb_bg.png) no-repeat;
    height: 24px;
}

#pageActions {
    float: left;
    width: 214px;
}

#pageActions a {
    text-decoration: none;
    color: #fff;
    width: 107px;
    height: 20px;
    display: block;
    padding: 4px 0 0 0;
    text-align: center;
    float: left;
    font-size: 11px;
}

#breadCrumb {
    font-size: 11px;
    padding-left: 224px;
    line-height: 24px;
}

#sectionNavigation {
    height: 300px;
    color: #fff;
    background: url(/Assets/Design/Images/quick_links_bg_300.png) no-repeat;
    font-size: 10.03px;
    line-height: 9.61px;
}

#exploreFiery, #fieryHelpAndHowTo, #keepInTouch, #buyFiery {
    width: 205px;
    padding-left: 20px;
    float: left;
    margin-top: 18px;
}

#sectionNavigation h1 {
    font-weight: bold;
    font-size: 12px;
    text-transform: lowercase;
    margin: 0 0 1em;
    padding: 0;
    letter-spacing: normal;
}

#sectionNavigation h1 em {
    font-style: normal;
}

#exploreFiery h1 em {
    color: #ffc220;
}

#fieryHelpAndHowTo h1 em {
    color: #ff8400;
}

#keepInTouch h1 em {
    color: #8fc3ea;
}

#buyFiery h1 em {
    color: #b2bb1c;
}

#sectionNavigation ul {
    margin: 0 0 9.98px 0;
    padding: 0;
    list-style-type: none;
}

#sectionNavigation ul li {
    margin: 0 0 3.63px 0;
    padding: 0;
}

#sectionNavigation a:link,
#sectionNavigation a:visited {
    text-decoration: none;
    color: white;
}

#sectionNavigation h2 {
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    margin: -0.04px 0 3.63px 0;
    padding: 0;
}

#footer {
    font-size: 11px;
    margin-top: 8px;
    padding-top: 20px;
    border-top: 1px solid #e2e1dd;
    font-style: normal;
    text-align: center;
    clear: both;
}

#footer a,
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
	text-decoration: none;
}


h2.benefits, h2.membership {
    cursor: pointer;
}

div.benefits, div.membership {
    display: none;
}


/* FORM STYLES
-----------------------------------------------*/
button,
.submitBtn,
.resetBtn {
	display: block;
	float: left;
	background: #5c5c5e url(/Assets/Design/Images/buy_btn_gradient.png) left 50% repeat-x;
	border: 1px solid #999999;
	border-spacing: 0;
	color:#E1E1E1;
	height: 21px;
	text-decoration:none;
	width:91px;
	font-family: Verdana;
	font-size:10px;
	line-height: 10px;
	margin: 0 5px 0 0;
	padding: 0 0 3px 0;
	vertical-align: middle;
}

.select {
	width:190px;
	padding: 0 0 0 10px;
}

.select option {
	padding: 2px 0 0 10px;
}

label.error {
	color: #f00;
}

/* TOGGLE FOR MORE INFO
-----------------------------------------------*/
    #mainContent h3 
    {
        cursor: pointer;
    }
    .like-faq {
        background: url(/Assets/Design/Images/ul_arrow_orange.png) left 3px no-repeat;
        cursor: pointer;
        text-indent: 20px;
        line-height: 20px;
    }
    .like-faq-open {
        background: url(/Assets/Design/Images/ul_arrow_orange_down.png) left 3px no-repeat;
        line-height: 15px;
    }
    
    
        
/* Fiery Training Options
----------------------------------------------------------*/

#mainContent ul.training li {
	margin-bottom: 25px;
}

#mainContent ul.training li.last {
	border-top: solid 1px #dcdcdc;
	margin: 6px -20px 40px -33px;
	padding: 10px 20px 0 33px;
}

ul.training li a {
	padding-left: 60px;
	height: 42px;
	display: block;
	width: 240px;
	line-height: 30px;
}

ul.training li span.fieryGlobalUniversity {
	height: 53px;
	width: 228px;
	padding: 0;
	display: block;
	text-indent: -999em;
	background: transparent url(/Assets/Design/Images/Fiery/fieryGlobalUniversity.png) 5px 0 no-repeat;
}

ul.training li a.technicalClassroomCertification {
	background: transparent url(/Assets/Design/Images/Fiery/technicalClassroomCertification.png) 10px 0 no-repeat;
}

ul.training li a.eLearningCourses {
	background: transparent url(/Assets/Design/Images/Fiery/eLearningCourses.png) 10px 0 no-repeat;
}

ul.training li a.fieryWebinarSeries {
	background: transparent url(/Assets/Design/Images/Fiery/fieryWebinarSeries.png) 10px 0 no-repeat;
}

ul.training li a.fieryFocusWebinarSeries {
	background: transparent url(/Assets/Design/Images/Fiery/fieryFocusWebinarSeries.png) 10px 0 no-repeat;
}



/* Fiery Productivity Package
----------------------------------------------------------*/

table {font-size: 11px;}
table#specs {border:solid 1px #c9c9c9;}
table td {border: solid 1px #c9c9c9;padding:18px 3px 18px 9px;}
th {font-weight: bold;height: 38px; vertical-align: bottom; text-align: center;border: solid 1px #c9c9c9;width:90px;}
thead th {border-color:#fff;padding:18px 3px 8px 9px;width: 20%;}
thead th span {display: block; border-left: solid 1px #c9c9c9;padding-top:25px;padding-bottom:5px;}
th.img {width: 72px;}
th.solo {color: #e9881d;width: 90px;}
th.plus {color: #78992e;width: 92px;}
th.max {color: #ff3432;width: 90px;}
th.maxEnt {color: #f7b216;width: 90px;}
thead th.maxEnt span {padding-top:10px;}
thead tr.exp td { border-color:#9A9B9D;color:#fff;width:90px;}	
thead tr.exp td a.expHandle:hover {color: #fff;}
thead tr.exp td a {color:#fff;}
tbody tr th {padding-left:9px;width:95px;}
tbody tr th.info {background: transparent url(/Assets/Design/Images/expTable/icoInfo.png) 0 100% no-repeat;}
thead tr.exp td {background-color: #9a9b9d; border-right: 0 none;display: table-cell;*display: inline-block;}
tr.exp td {background-color: #ffffff;padding: 5px 4px; display: table-cell;*display:inline-block;}	
tr.open td, tr.open th {display: table-cell;*display: block;width:20%;}
tbody th {height: auto; vertical-align: top; color: #020202;padding:18px 3px 18px 9px;text-align: left;cursor:pointer;}
a.expHandle {	padding-left: 20px;background: transparent url(/Assets/Design/Images//expTable/icoExpand.png) 0 0 no-repeat;cursor: pointer;}
a.expHandle:hover{background: transparent url(/Assets/Design/Images/expTable/icoExpandH.png) 0 0 no-repeat;color:#000000;cursor:pointer}
a.open {background: transparent url(/Assets/Design/Images/expTable/icoCollapse.png) 0 0 no-repeat;cursor:pointer;}
a.open:hover {background: transparent url(/Assets/Design/Images/expTable/icoCollapseH.png) 0 0 no-repeat;color:#000000;cursor:pointer;}
table div.tooltip {
	position: absolute;
	left: 75px;
	top: 5px;
	background-color: #fff;
	font-weight: normal;
	min-height: 75px;
	display: none;
	z-index: 100;
	background:url(/Assets/Design/Images/expTable/hoverMid.png) repeat-y scroll 0 0 transparent;
	padding:5px 32px 26px;
	width:299px;
}
table th span.arrow,
table tr.exp span.arrow {
	background:url(/Assets/Design/Images/expTable/hoverTop.png) no-repeat scroll 0 -7px transparent;
	display:none;
	height:36px;
	position:absolute;
	width:362px;
	z-index:1000;
}
table div.tooltip p.header {
	color: #4D4E53;
	margin-bottom: 3px;
	margin-top: 0 !important;
	text-align: right;
	line-height: 1;
	font-weight: bold;
	border-bottom: solid 1px #9a9a9a;
	font-size: 13px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
table div.tooltip p.header a.close {
	float: left;
	display: inline;
	cursor: pointer;
	text-align: left;
	margin-top: -1px;
}
table div.tooltip p.header a.close span {
	height: 18px;
	width: 18px;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background: transparent url(/Assets/Design/Images/expTable/icoClose.png) 0 0 no-repeat;
}
table div.tooltip p {
	padding: 5px;
	font-size: 11px;
	color: #000;
}
table tr div.btm {
	background:url(/Assets/Design/Images/expTable/hoverBtm.png) no-repeat scroll 0 0 transparent;
	height:23px;
	width:362px;
	display: none;
	position: absolute;
}	
.content
{
    background:#dbdbd9;
}
.reference_wrapper
{
    background:#e7e7e5;
    border:1px solid #c8c8c8;
    padding:0;
    height:20px;
}
.reference_wrapper .reference
{
    border-bottom:1px solid #ffffff;
    margin-bottom:3px;
}
.reference_wrapper tr td
{
    border:0;
    margin:2px;
    padding:0;
}
.reference_wrapper tr td img
{
    margin:4px 10px 0 4px;
}
.table_headline
{
    font-weight:bold;
    margin:0;
    padding:0 0 0 4px;
}
.dropdown_header
{
    color:#d95e16;
    font-weight:bold;
    font-family:arial;
    font-size:14px;	
}