@charset "utf-8";
/* CSS Document */

body { color:rgb(99,99,99); font:11px/15px "Lucida Grande", "Geneva", "Verdana", "Bitstream Vera Sans", "Sans"; padding-top:0px; margin-top:0px; }
a { text-decoration:none; color:#2d97d8; outline: 0; }
a:hover { text-decoration:underline; }

.body-home { background: url(/images/backgrounds/Background_Home.jpg) no-repeat; background-attachment:fixed; background-color:#ebebeb; }
.body-flow { background: url(/images/backgrounds/Background_Flow.jpg) no-repeat; background-attachment:fixed; background-color:#f5f5f5; }
.body-nucleo { background: url(/images/backgrounds/Background_Nucelo.jpg) no-repeat; background-attachment:fixed; background-color:#eaeaea; }
.body-store { background: url(/images/backgrounds/Background_Flow.jpg) no-repeat; background-attachment:fixed; background-color:#f5f5f5; }
.body-freetrial { background: url(/images/backgrounds/Background_Freetrial.jpg) no-repeat; background-attachment:fixed; background-color:#eaeaea; }
.body-support { background: url(/images/backgrounds/Background_Support.jpg) no-repeat; background-attachment:fixed; background-color:#eaeaea; }
.body-gridiron { background: url(/images/backgrounds/Background_Corporate.jpg) no-repeat; background-attachment:fixed; background-color:#f3f3f3; }
.body-blog { background: url(/images/backgrounds/Background_Blog.jpg) no-repeat;  background-color:#ffffff; }

h1 {font-size:1.6em; color:#000000; padding-top:0px; margin-top:0px; } /* This was added to catch h1 elements in old CakePHP pages - should be the same as h2 for consistency */
h2 {font-size:1.6em; color:#000000; padding-top:0px; margin-top:0px; line-height: 1.2em; }
h3 {font-size:1.1em; color:#424242; margin-bottom:2px;}
h4 {font-size:1.2em; color:#000000; margin-bottom:5px;}

.right { float: right;}

.canvas {position:relative; width:940px; margin:0px auto; z-index:0; }
.canvas-content { position:relative; }

.box-background { position:absolute; width:100%; height:100%; top:0; z-index:0; } 
.box-background .top-left, 
.box-background .top-right, 
.box-background .bottom-left, 
.box-background .bottom-right { position:absolute; width:50%; height:10px; overflow:hidden; } 
.box-background .top-left, 
.box-background .top-right { top:0; } 
.box-background .bottom-left, 
.box-background .bottom-right { bottom:0; } 
.box-background .top-left, 
.box-background .bottom-left { left:0; }  
.box-background .top-right,
.box-background .bottom-right { right:0; }
.box-background .top-left u, 
.box-background .top-right u,
.box-background .bottom-right u,
.box-background .bottom-left u { position:absolute; height:56px; width:1794px; background:top left no-repeat; text-decoration:none; } 
.box-background .top-left u { top:0; left:0; } 
.box-background .top-right u { top:0; right:0; } 
.box-background .bottom-right u { bottom:0; right:0; }
.box-background .bottom-left u { bottom:0; left:0; } 
.box-background .middle { position:absolute; top:-10px; width:100%; height:100%; overflow:hidden; zoom: 1;} 
.box-background .middle u { position:absolute; top:20px; width:100%; height:100%; text-decoration:none; } 

.header { position:relative;   height:120px; }
.header-background .top-left u,
.header-background .top-right u { background:url(/images/Background_trans.png); background-repeat:repeat; }
.header-background .bottom-left u,
.header-background .bottom-right u { background-image:url(/images/backgrounds/background_radius_white.png); }
.header-background .middle u { background:url(/images/Background_trans.png); background-repeat:repeat; }
.logotype { position:relative; margin-left:30px; margin-top:20px; }

.utility-navigation { position:absolute; right:20px; top:10px; }
.utility-navigation a { color:rgb(153,153,153); margin:0 5px; font:10px "Myraid", "Geneva"; outline: 0; }
.utility-navigation a:hover { color:#2d97d8; text-decoration: none;}

.navigation { position:absolute; left:240px; top:60px; height:21px; }
.navigation a { position:relative; display:block; float:left; height:21px; background:no-repeat; outline: 0;}
.navigation a:focus { outline:none; }
.navigation a.products 			{ width:080px; background:url(/images/navigation/products.png); }
.navigation a.store 		{ width:065px; background:url(/images/navigation/store.png); }
.navigation a.trials 		{ width:090px; background:url(/images/navigation/freetrials.png); }
.navigation a.support 	{ width:080px; background:url(/images/navigation/support.png); }
.navigation a.forum 	{ width:065px; background:url(/images/navigation/forum.png); }
.navigation a.gridiron 	{ width:085px; background:url(/images/navigation/gridiron.png); }
.navigation a:hover.products,
.navigation a:hover.store,
.navigation a:hover.trials,
.navigation a:hover.support,
.navigation a:hover.forum,
.navigation a:hover.gridiron 	{ background-position:left -21px; text-decoration:none; }

.navigation a.products-down { width:080px; background:url(/images/navigation/products.png);  background-position:left -21px; text-decoration:none; }
.navigation a.store-down { width:065px; background:url(/images/navigation/store.png); background-position:left -21px; text-decoration:none; }
.navigation a.trials-down { width:090px; background:url(/images/navigation/freetrials.png); background-position:left -21px; text-decoration:none; }
.navigation a.support-down { width:080px; background:url(/images/navigation/support.png); background-position:left -21px; text-decoration:none; }
.navigation a.forum-down { width:065px; background:url(/images/navigation/forum.png); background-position:left -21px; text-decoration:none; }
.navigation a.gridiron-down { width:085px; background:url(/images/navigation/gridiron.png); background-position:left -21px; text-decoration:none; }

.navigation_sub { position:absolute; left:240px; top:90px; height:20px; }
.navigation_sub a { position:relative; display:block; float:left; height:20px; background:no-repeat; outline: 0;}
.navigation_sub a:focus { outline:none; }
.navigation_sub a.flow		{ width:045px; background:url(/images/navigation/flow.png); }
.navigation_sub a.nucleopro2 { width:090px; background:url(/images/navigation/nucleopro2.png); }
.navigation_sub a.nucleopro3 { width:090px; background:url(/images/navigation/nucleopro3.png); }
.navigation_sub a.nucleo { width:060px; background:url(/images/navigation/nucleo.png); }
.navigation_sub a.about  { width:050px; background:url(/images/navigation/about.png); }
.navigation_sub a.managementteam { width:120px; background:url(/images/navigation/managementteam.png); }
.navigation_sub a.digitalnewsroom { width:88px; background:url(/images/navigation/media-center.png); }
.navigation_sub a.careers  { width:060px; background:url(/images/navigation/careers.png); }
.navigation_sub a.inthenews  { width:075px; background:url(/images/navigation/inTheNews.png); }
.navigation_sub a.events { width:055px; background:url(/images/navigation/events.png); }
.navigation_sub a.blog { width:050px; background:url(/images/navigation/blog.png); }
.navigation_sub a.contactus { width:075px; background:url(/images/navigation/contactus.png); }
.navigation_sub a:hover.flow,
.navigation_sub a:hover.nucleopro2,
.navigation_sub a:hover.nucleopro3,
.navigation_sub a:hover.nucleo,
.navigation_sub a:hover.about,
.navigation_sub a:hover.managementteam,
.navigation_sub a:hover.digitalnewsroom,
.navigation_sub a:hover.careers,
.navigation_sub a:hover.inthenews,
.navigation_sub a:hover.events,
.navigation_sub a:hover.blog,
.navigation_sub a:hover.contactus { background-position:left -20px; text-decoration:none; }
.navigation_sub a.down  { background-position:left -20px; text-decoration:none; }


.navigation_sub a.flow-down { width:045px; background:url(/images/navigation/flow.png); background-position:left -20px; text-decoration:none; }
.navigation_sub a.nucleopro2-down { width:090px; background:url(/images/navigation/nucleopro2.png); background-position:left -20px; text-decoration:none; }
.navigation_sub a.nucleopro3-down { width:090px; background:url(/images/navigation/nucleopro3.png); background-position:left -20px; text-decoration:none; }
.navigation_sub a.nucleo-down { width:060px; background:url(/images/navigation/nucleo.png); background-position:left -20px; text-decoration:none; }
.navigation_sub a.about-down { width:050px; background:url(/images/navigation/about.png); background-position:left -20px; text-decoration:none; }
.navigation_sub a.managementteam-down { width:120px; background:url(/images/navigation/managementteam.png);  background-position:left -20px; text-decoration:none;}
.navigation_sub a.digitalnewsroom-down { width:88px; background:url(/images/navigation/media-center.png); background-position:left -20px; text-decoration:none; }
.navigation_sub a.careers-down { width:060px; background:url(/images/navigation/careers.png); background-position:left -20px; text-decoration:none; }
.navigation_sub a.inthenews-down  { width:075px; background:url(/images/navigation/inTheNews.png); background-position:left -20px; text-decoration:none;}
.navigation_sub a.events-down { width:055px; background:url(/images/navigation/events.png); background-position:left -20px; text-decoration:none; }
.navigation_sub a.blog-down { width:050px; background:url(/images/navigation/blog.png); background-position:left -20px; text-decoration:none; }
.navigation_sub a.contactus-down { width:075px; background:url(/images/navigation/contactus.png); background-position:left -20px; text-decoration:none; }

.layout-grid { position:relative; clear:both; }
.layout-grid .layout-box { position:relative; float:left; }
.layout-grid .layout-row { position:relative; float:left; padding:5px;}
.layout-grid .layout-box-940 { width:940px; }
.layout-grid .layout-box-918 { width:918px; }
.layout-grid .layout-box-900 { width:900px; }
.layout-grid .layout-box-681 { width:681px; }
.layout-grid .layout-box-670 { width:670px; }
.layout-grid .layout-box-598 { width:598px; }
.layout-grid .layout-box-430 { width:430px; }
.layout-grid .layout-box-405 { width:405px; }
.layout-grid .layout-box-326 { width:326px; }
.layout-grid .layout-box-315 { width:315px; }
.layout-grid .layout-box-280 { width:280px; }
.layout-grid .layout-box-279 { width:279px; }
.layout-grid .layout-box-276 { width:276px; }
.layout-grid .layout-box-260 { width:260px; }
.layout-grid .layout-box-220 { width:220px; }
.layout-grid .layout-box-208 { width:208px; }
.layout-grid .layout-box-200 { width:200px; }
.layout-grid .layout-box-198 { width:198px; }
.layout-grid .layout-box-196 { width:196px; }
.layout-grid .layout-box-180 { width:180px; }
.layout-grid .layout-box-40 { width:40px; }
.layout-grid .layout-box-20 { width:20px; }
.layout-grid .layout-box-11 { width:11px; }

.box-vertical-160 {position:relative; width:940px; height:160px }
.box-vertical-60 {position:relative; width:940px; height:60px }

.box-content { position:relative; }

.main-content { position:relative; float:left; padding-top:30px; padding-bottom:30px;  }
.main-content-background .top-left u,
.main-content-background .top-right u { background-image:url(/images/backgrounds/background_radius_white.png); }
.main-content-background .bottom-left u,
.main-content-background .bottom-right u {  background:url(/images/Background_trans.png); background-repeat:repeat; }
.main-content-background .middle u { background:url(/images/Background_trans.png); background-repeat:repeat; }

.side-navigation { padding-left:19px; }
.side-navigation a { display:block; color:#000000; text-decoration:none; height:10px; padding-left:15px; outline: 0;  }
.side-navigation a:hover { color:#2d97d8; text-decoration:none; }
.side-navigation a.down { color:#2d97d8; text-decoration:none; }
.side-navigation .subside { padding-left:20px;  }
.side-navigation .text { padding-left:15px; padding-bottom:10px; display:block; color:#000000; }
.side-navigation a.button_flow_buy { height:30px; width:115px; background:url(/images/button_flow_buy.png); }
.side-navigation a.button_flow_try { height:30px; width:115px; background:url(/images/button_flow_try.png); }
.side-navigation a.button_pro_buy { height:30px; width:115px; background:url(/images/button_pro_buy.png); }
.side-navigation a.button_pro_try { height:30px; width:115px; background:url(/images/button_pro_try.png); }
.side-navigation a.button_nucleo_buy { height:30px; width:115px; background:url(/images/button_nucleo_buy.png); }
.side-navigation a.button_nucleo_try { height:30px; width:115px; background:url(/images/button_nucleo_try.png); }
.side-navigation a:hover.button_flow_buy,
.side-navigation a:hover.button_flow_try,
.side-navigation a:hover.button_pro_buy,
.side-navigation a:hover.button_pro_try,
.side-navigation a:hover.button_nucleo_buy,
.side-navigation a:hover.button_nucleo_try { background-position:left -40px; text-decoration:none; } 

.footer { position:relative; float:left; }
.footer-grey { position:relative; float:left;   padding-bottom:35px; padding-right:35px; padding-top:20px; color:#d7d7d7; }
.footer-grey a {color:#2d97d8; outline: 0;}
.footer-grey-background .top-left u,
.footer-grey-background .top-right u { background:url(/images/backgrounds/background_black.png); background-repeat:repeat;}
.footer-grey-background .bottom-left u,
.footer-grey-background .bottom-right u { background-image:url(/images/backgrounds/background_radius_black.png);  }
.footer-grey-background .middle u { background:url(/images/backgrounds/background_black.png); background-repeat:repeat; }

.footer-grey .footer-highlightbox {position:relative; background:url(/images/footer_highlight_bkg.jpg); text-align:right;  }
.footer-grey .footer-highlightbox a { display:block; height:20px; color:#FFFFFF; text-decoration: none; font:10px "Myraid", "Geneva"; padding-bottom:0px; padding-top:10px; margin-bottom:5px; padding-right:20px;}
.footer-grey .footer-highlightbox a:hover { background-color:#c3cf21; color:#424242; }
.footer-bottom {position:relative; float:left; padding-top:10px; padding-left:11px;  color:#959595;    }
.footer-bottom a {color:#959595; outline: 0;}
.footer-bottom a:hover { color:#2d97d8; text-decoration: none;}
.footer-bottom .copyrightrow { padding-top:5px; font: 0.85em; }

.theme-partialtrans .box-background .top-left u,
.theme-partialtrans .box-background .top-right u,
.theme-partialtrans .box-background .bottom-left u,
.theme-partialtrans .box-background .bottom-right u { background-image:url(/images/backgrounds/background_radius_white.png); }
.theme-partialtrans .box-background .middle u { background-image:url(/images/Background_totaltrans.png); background-repeat:repeat; }

a.button_download { display:block; height:36px; width:130px; background:url(/images/graphics/download-buttons.png); background-repeat:no-repeat; }
a:hover.button_download { background-position:left -40px; text-decoration:none; }

a.button_buynow { display:block; height:36px; width:130px; background:url(/images/graphics/buynow-buttons.png); background-repeat:no-repeat; }
a.button_buynow:hover { background-position:left -40px; text-decoration:none; }

a.button_buy_flow { display:block; height:36px; width:130px; background:url(/images/graphics/buy-flow-buttons.png); background-repeat:no-repeat; }
a:hover.button_buy_flow { background-position:left -40px; text-decoration:none; }

a.button_try_flow { display:block; height:36px; width:130px; background:url(/images/graphics/try-flow-buttons.png); background-repeat:no-repeat; }
a.button_try_flow:hover { background-position:left -40px; text-decoration:none; }

a.button_buy_now { display:block; height:36px; width:130px; background:url(/images/graphics/buy-now-buttons.png); background-repeat:no-repeat; }
a:hover.button_buy_now { background-position:left -40px; text-decoration:none; }

a.button_try_now { display:block; height:36px; width:130px; background:url(/images/graphics/try-now-buttons.png); background-repeat:no-repeat; }
a.button_try_now:hover { background-position:left -40px; text-decoration:none; }

.thumbnails { position:relative; width:315px; background-color:#a1a2a6;  font-size:0.95em; font-weight:bold; color:#ffffff; padding-top:5px;}
.thumbnails .imgcontainer { padding-left:15px; padding-bottom:5px; }
.thumbnails .box-background .top-left u,
.thumbnails .box-background .top-right u,
.thumbnails .box-background .bottom-left u,
.thumbnails .box-background .bottom-right u  { background-image:url(/images/backgrounds/background_radius_darkgrey.png); }
.thumbnails .box-background .middle u {  }

.video-container { position:relative;  width:650px; background-color:#424242; } /* NOTE: Remove background-color to get rounded corners to work */
.video-container .video-holder { padding:10px 10px 10px 10px; }
.video-container .box-background .top-left u,
.video-container .box-background .top-right u,
.video-container .box-background .bottom-left u,
.video-container .box-background .bottom-right u  { background-image:url(/images/backgrounds/background_radius_darkgrey.png); }
.video-container .box-background .middle u { background-color:#424242; }

.videodnr-container { position:relative;  width:598px; background-color:#424242; padding:10px 0 10px 0; } /* NOTE: Remove background-color to get rounded corners to work */
.videodnr-container .video-holder { }
.videodnr-container .thumbnails-holder { margin:0px 10px 0px 10px; background:url(/images/footer_highlight_bkg.jpg); } 

/* Home Page Specific */
.homepage-graphic { padding-bottom:10px; padding-top:10px; }
.homepage-productboxes { background-color:#FFFFFF; margin-left:15px; padding-bottom:10px; }
.homepage-productboxes a { color:#2d97d8; margin:0; padding-left: 12px; text-decoration:none; font:11px "Myraid", "Geneva"; outline: 0;}
.homepage-productboxes a:hover { text-decoration: none; color:#0d77b8 }
.homepage-newsbox { margin-left:30px; margin-right:20px; color:#d7d7d7; }
.footer-grey-home { position:relative; float:left; padding-bottom:15px; padding-right:20px; padding-top:15px; }
.footer-grey-home .footer-highlightbox {position:relative; background:url(/images/footer_highlight_bkg.jpg); text-align:right;  }
.footer-grey-home .footer-highlightbox a { display:block; height:20px; color:#FFFFFF; text-decoration: none; font:10px "Myraid", "Geneva"; padding-bottom:0px; padding-top:10px; margin-bottom:5px; padding-right:20px; outline: 0;}
.footer-grey-home .footer-highlightbox a:hover { background-color:#c3cf21; color:#424242; }

/* Page Specific */
.dnr-news { color:#959595; padding-bottom:10px; }

.event-title {font-size:1.1em; color:#424242; margin-bottom:1px; font-weight:bold;}
.event-monthtitle {font-size:1.3em; color:#c1c0c0; margin-bottom:0px; font-weight:bold;}
.event-monthtitle hr {margin-bottom:2px; margin-top:2px; color:#c1c0c0; }

#pscroller1 {
				width: 220px;
				height: 159px;
				padding: 5px 0px;
				font-weight: normal;
				color: #FFFFFF;
				font: 0.9em/1.1em;
			}
			
.video_div
{
	width: 800px;
}