body { font-family: 'Segoe UI', 'Trebuchet MS', Arial, sans-serif; font-size: 75%; }
a { color: #ff3760; }
a:hover { color: #ff0000; }
hr { display: none; }
input, select, textarea { font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; color: #7F6D4D; }
input { padding-left: 2px; padding-right: 2px; }

/* MAIN TAGS */
h1, h2, h3, h4 { font-family: 'Trebuchet MS', Arial, sans-Serif; cursor: default; margin-top: 10px; }
h1 img, h2 img, h3 img, h4 img { vertical-align: middle; }
h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; font-style: italic; font-weight: normal; }
h4 { font-size: 1.2em; }
p { margin: 5px 5px 10px 0; font-size: 1.1em; color: #555555; } 
ul { margin-left: 16px; padding-top:10px; }
ul li{ list-style-image:url(../../images/graphite/bullet5_li.gif); color: #555; }
dt { padding-bottom:2px; }
dd { padding: 0 0 3px 16px; margin-bottom: 5px; background-image: url(../../images/graphite/bullet5.gif); background-repeat: no-repeat; background-position: -2px 0; }
table { width: 100%; }
td { vertical-align: top; }
input {vertical-align:middle;}
input.Textbox, textarea.Textbox{ border:1px solid #c0c0c0; }
table.StackPanel { width: auto; }
table.StackPanel td { vertical-align: bottom; padding: 3px; }
td.Bottom{ vertical-align:bottom;}
div.Bottom{ position:absolute;}
td.Bottom p,
div.Bottom p{ margin:0; padding:10px 5px 10px 5px;}
div.Bottom p{ bottom:0; position:absolute; width:100%; }
a.Blank{ padding-right:18px; background: url(../../images/graphite/ico_blank.gif) no-repeat right center; color:#333;}
a.Blank:hover{ color:#000; text-decoration:underline;}

/* FORM */
fieldset.Form { border:0; padding:10px 0; color:#555;}
fieldset.Form legend{ background-image:url(../../images/graphite/ico_form.gif); background-repeat:no-repeat; background-position: 0 2px; font-weight:bold; font-style:italic; color:#444; padding: 0 0 2px 16px; margin-bottom:10px; border-bottom:1px solid #c0c0c0; }
div.FormRow { clear:both;}
div.FormRow div.FormLeftCell{ float: left; width: 130px; padding: 3px 5px; margin: 0 0 5px 0; text-align: right; position:relative; font-size:1.1em;}
div.FormRow div.FormRightCell{ text-align:left; margin:0 0 0 140px; padding: 3px 0; width:430px;}

div.FormColumn50,
div.FormColumn { position: relative; float: left; }
div.FormColumn50 { width:50%; padding:0; margin:0;}
.FormColumn50 dd { padding-top:5px; padding-bottom:10px;}
.FormColumn50 label { font-size:.9em; color:#aaa;}
div.FormColumn { color: #c0c0c0; width:25%; padding: 10px 0 0 0; margin-left: 20px; }
.FormColumn dt { color: #666; }
.FormColumn dd { background-image: none; padding: 10px 10px 16px 0; }
.FormColumn dd .Textbox { border-width: 0 0 1px 0; border-style: solid; border-color: #444; background-color: Transparent; color: #fff; }
.Validator {color:Red;}
#corner .Textbox { border-width: 0 0 1px 0; border-style: solid; border-color: #444; font-size: .9em; background-color: Transparent; color: #999; }
#corner .Watermark { border-width: 0 0 1px 0; border-style: solid; border-color: #444; font-size: .9em; background-color: Transparent; color: #666; font-style: italic; }

/* LAYOUT */
body { margin: 0; padding: 0; min-width: 996px; background-image: url(../../images/graphite/header_bg2.gif); background-repeat: repeat-x; background-position: left -40px; }

a.Download{ padding:10px 5px 10px 35px; background-image:url(../../images/graphite/ico_download.gif); 
            background-repeat:no-repeat; background-position:5px center; border:1px solid transparent; }
a.Download:hover{ background-image:url(../../images/graphite/ico_download_over.gif); border:1px solid silver; color:#ff3760; background-color:#f6f6f6; }

.Emphasis{ color:#ff3760;}
.Content { padding-bottom: 25px; }
.Content2 { padding-bottom: 10px; }
#tower_left, #tower_right, #tower_center { position: relative; }
#tower_left, #tower_center { float: left; /*overflow:hidden;*/ }
#tower_left { width: 200px; }
#tower_center { width: 616px; }
#tower_right { width: 180px; float: right; }

#menu { cursor: default; }
#menu a { font-size: 2.2em; line-height: 1em; display: block; position: relative; /*z-index:2;*/ }
#menu a span.FirstLetter { font-size: 1.13em; color: #fff; }
#menu a span.RemainingChars { font-size: 1.13em; color: #6c91a9; }
#menu a.MenuItemSelected span.RemainingChars { color: #99d4ff /*ac8c37*/; }
#logo { background-image: url(../../images/graphite/logo.png); height: 49px; width: 47px; background-repeat: no-repeat; }
#logo img{ height: 49px; width: 47px; display:block; }
#logo h1 { display: none; }
.Container, #footer { width: 996px; margin: 0px auto; }
#splash { width: 616px; min-height: 195px; padding-top: 15px; overflow: hidden; background-color: Black; color: White; border-bottom: 0px solid #c0c0c0; }
.SplashDefault{height:180px; background:#000 url(../../images/graphite/splash1.png) no-repeat center center;}

#navigator{ height:22px; background:#c0c0c0 url(../../images/graphite/navigator_bg.gif) no-repeat center bottom; padding:0 20px; border-top: 0px solid #999; }
#navigator a, #navigator img{ /*display:table-cell;*/ vertical-align:middle; margin:0; border:0;}
#navigator img{ padding:5px 0 3px 0; }
#navigator a{ color:#444; padding:5px 3px; height:18px; font-size:.9em; margin:0; }
#navigator a:hover{ color:#99d4ff; background:#000 url(../../images/graphite/navigator_anchor_bg.gif) repeat-x center bottom;}

#menu, #corner { padding-top: 15px; height: 195px; }

#menu { width: 199px; border-right: 1px solid #555; }
#corner { width: 169px; padding-left: 10px; border-left: 1px solid #555; color: #999; }
#corner a.Textual { color: #999; font-size: .9em; border-bottom: 1px solid #555; }
#corner a.Textual:hover { color: #fff; border: 0; }
#userdata { margin-top: 10px; height: 125px; }
#userdata #flagDescription {color:#666; font-size:.85em; padding-left:3px;}
#search { margin-bottom: 15px; height: 45px; display: table-cell; vertical-align: bottom; }
#column_left_wrapper { width: 199px; border-top: 1px solid #99d4ff; border-right: 1px solid #4d738c; background-color: #7fa4bd; padding: 0; background-image: url(../../images/graphite/leftcol_body.gif); background-repeat: no-repeat; background-position: left bottom; }
#column_left { width: 180px; padding: 0 9px 8px 10px; background-image: url(../../images/graphite/leftcol_footer.gif); background-repeat: no-repeat; background-position: left bottom; color: #fff; }
#column_right_wrapper { width: 179px; background-color: #f6f6f6; border-left: 1px dotted silver; border-top: 1px dotted #fff; background-image: url(../../images/graphite/rghtcol_body.gif); background-repeat: no-repeat; background-position: right bottom; }
#column_right { width: 159px; padding: 4px 10px 8px 10px; background-image: url(../../images/graphite/rghtcol_footer.gif); background-repeat: no-repeat; background-position: right bottom; }
#column_left h2 { margin-left: -10px; padding-left: 16px; background-image: url(../../images/graphite/bullet2.gif); background-repeat: no-repeat; background-position: 0px 3px; }
#content, #splash div.Content { width: 570px; }
#splash div.Content { padding: 0 23px 0 23px; }
#content { overflow: hidden; padding: 0 22px 0 22px; border-left: 1px solid #fff; border-right: 1px solid #fff; background-color: #fff; background-image: url(../../images/graphite/content_shadows.gif); background-repeat: no-repeat; background-position: center top; }


#footer { color: #c0c0c0; border-top: 1px dotted silver; padding-top: 5px; font-size:.9em; }
#footer a { color:#c0c0c0; font-weight:bold;}
#footer a:hover { color:#999;}
.FooterIcon{ margin-left:2px;}
.Strip { background-color: #ff3760; height: .5em; width: 0; position: absolute; z-index: 1; left: 0; }
.Clear { clear: both; }
.StartHidden { display: none; }
.Legend75 a, 
.Legend50 a,
.Legend33 a,
.Legend25 a{ color:White; font-weight:bold; text-decoration:underline;}
.Legend75 a:hover, 
.Legend50 a:hover,
.Legend33 a:hover,
.Legend25 a:hover{ color:#99d4ff; font-weight:bold; text-decoration:none;}
.Legend75{ background-image:url(../../images/black75.png); color:White; } /* 75% alpha background */
.Legend50{ background-image:url(../../images/black50.png); color:White; } /* 50% alpha background */
.Legend33{ background-image:url(../../images/black33.png); color:White; } /* 33% alpha background */
.Legend25{ background-image:url(../../images/black25.png); color:White; } /* 25% alpha background */
.Legend,
.LegendFlyout div
{ padding: 5px 5px 5px 20px; cursor: default; background-color: #000; color: White; background-image: url(../../images/graphite/bullet1.gif); background-repeat: no-repeat; background-position: 2px 5px; }
.Legend h4 { text-decoration:underline; font-size:1.0em; margin:0 0 3px 0; font-weight:bold;}
.LegendPanel { float: right; width: 252px; margin: 0 0 10px 10px; border: 1px solid #000; }
.News { font-size: .77em; }
.NewsEmphasized { font-size: .77em; font-weight: bold; color: #ff3760; }
.NewsSuccess { font-size: .77em; font-weight: bold; color: #444; padding-left: 18px; background-image: url(../../images/graphite/ico_tick.gif); background-repeat: no-repeat; background-position: 0 0; min-height: 16px; }
.News p { color: #666; margin-bottom: 30px; margin-top: 10px; }
#column_left p { color: #fff; font-size: .9em; }
#column_left .ListItem { display: block; background-image: url(../../images/graphite/bullet6.gif); background-repeat: no-repeat; background-position: left 0; padding-left: 16px; margin-left: 2px; }
#column_left a { color: #ffd700; }
#column_left a:hover { color: #99d4ff; }
#column_left a.Banner { border:1px solid #99d4ff; display:block; }
#column_left a.Banner:hover { border:1px solid #ffd700; }
#column_left .Jive { float: right; }
#column_left .Jive a { background-image: url(../../images/graphite/bullet3.gif); background-repeat: no-repeat; background-position: right 1px; padding-right: 16px; }
#column_left .Jive a:hover { background-image: url(../../images/graphite/bullet4.gif); }
.Button{ cursor:pointer;border:1px solid transparent;}
.ButtonFocus{ border:1px solid #ffd700;}
.Subtitle { font-size: .9em; color: #999; }
#portfolioNavigator, .SplashFrame{ width:570px; height:170px; overflow:hidden; background-image:url(../../images/graphite/portfolio_bg.jpg); background-repeat:repeat-x; background-position:0 0; }
.PortfolioThumbCell { width:170px; padding:0 5px; overflow:hidden; vertical-align:bottom; height:170px; }
.PortfolioThumbCell img.PortfolioThumb{ cursor:pointer; border-top:5px solid #7fa4bd;}
.PortfolioThumbCell img.PortfolioThumbSelected{ cursor:pointer; border-top:5px solid #ffd700;}
#portfolioFocus img { width: 570px; height: 180px; }
.Portfolio { border: 1px solid black; width: 100%; }
.Portfolio ul { color: #666; }
.Portfolio h3 { padding: 2px 0 2px 4px; background-color: Black; color: White; margin: 0; }
.Portfolio .Description { padding: 10px; width: 322px; float: left; position: relative; }

.Portfolio .Technologies { padding: 10px; width: 208px; float: left; position: relative; }

.Code { font-family: 'Courier New', Monospace; font-size: 10px; white-space: nowrap; background-color: #f6f6f6 /*f7fafc*/; border: 1px solid #000 /*6c91a9*/; width: 558px; overflow: auto; padding: 5px; }
.Tabled{ border:1px solid #000; padding:10px;}
.Backgrounded { background-color:#f6f6f6;}
.Tabled h2, .Tabled h3{ margin: 0;}
.Tabled .Emphasis{ font-weight:bold;}
div.Paragraph { padding-bottom: 35px; }
div.Paragraph2 { padding-bottom: 20px; }

#splash .Separator { border-top: 1px dashed #555; }
.SplashFail,
.SplashSuccess { font-size:.85em; font-weight: bold; color: #c0c0c0; padding: 2px 0 0 18px; background-repeat: no-repeat; background-position: 0 0; min-height: 16px; }
.SplashFail{background-image: url(../../images/graphite/ico_cross2.gif); }
.SplashSuccess{background-image: url(../../images/graphite/ico_tick2.gif); }

.Success { font-weight: bold; color: #444; padding-left: 18px; background-image: url(../../images/graphite/ico_tick.gif); background-repeat: no-repeat; background-position: 0 0; min-height: 16px; }
.Failure { color: #ff0000; padding-left: 18px; background-image: url(../../images/graphite/ico_cross.gif); background-repeat: no-repeat; background-position: 0 0; min-height: 16px; }

#loginCorner { margin-top: 10px; width: 160px; }
#loginCorner .Textbox { width: 100%; }
#loginCorner td.FormLeftCell { width: 1%; white-space: nowrap; padding-right: 2px; color: #666; font-size: .85em; }
#loginCorner td.ButtonCell { vertical-align: middle; }

#newsletterbox { background-image: url(../../images/graphite/newsletter_box.gif); background-repeat: no-repeat; background-position: 0 0; width: 160px; height: 20px; margin-top: 5px; }
#newsletterbox img, #newsletterbox input { vertical-align: middle; }
#newsletterbox input.Textbox, #newsletterbox input.Watermark { border: 0; font-size: .9em; background-color: #efefef; width: 120px; height: 14px; margin: 3px 0 3px 8px; }
#newsletterbox input.Textbox { color: #999; }
#newsletterbox input.Watermark { color: #c0c0c0; font-style: italic; }

#searchbox { background-image: url(../../images/graphite/search_box.gif); background-repeat: no-repeat; background-position: 0 0; width: 160px; height: 20px; }
#searchbox input { vertical-align: middle; }
#searchbox input.Textbox, #searchbox input.Watermark { border: 0; font-size: .9em; background-color: #3a3a3a; width: 120px; height: 14px; margin: 1px 0 5px 8px; }
#searchbox input.Textbox { color: #999; }
#searchbox input.Watermark { color: #666; font-style: italic; }

.TeaserBox{ width:570px; padding:0; margin:0; clear:both; overflow:hidden;}
.TeaserBox div{ float:left; width:178px; padding:5px; position:relative; background:#f6f6f6; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; border-left:1px solid #fff; }
.TeaserBox .Last{ float:right;}
.TeaserBox h3{ padding-left:18px; background: url(../../images/graphite/bullet7.gif) no-repeat left 3px; padding-bottom:4px;}
.TeaserBox img { display:block; margin-left:17px; padding:0px; background:#e0e0e0;}
.TeaserBox p { border-top: 0px solid #555; font-size:.8em; padding-left:18px; }
/* PRIVATE AREA */
#purchases th{ font-weight:bold; font-size:1.1em;}
#purchases td{ border-bottom:1px solid #efefef;}
#purchases th{ padding:3px;}
#purchases td{ padding:9px 3px 5px 3px;}
#purchases .Button{ background-color:#f6f6f6; }
#purchases th.Button{ padding-bottom:9px; }
#purchases tr.Header { background:#000; color:White;}
#purchases tr.Header th { border-right:1px solid #fff;}

/* COMPONENTS-SECTION */
.Stop, .Stop_Over, .Stop_Off, .Pause, .Pause_Over, .Pause_Off, .Play, .Play_Over, .Play_Off, .Minimize, .Minimize_Over, .Minimize_Off, .Maximize, .Maximize_Over, .Maximize_Off { width: 24px; height: 24px; display: inline; padding: 5px 0 5px 0; margin-left: 2px; background-position: center center; background-repeat: no-repeat; vertical-align: top; }
.Stop img, .Stop_Over img, .Stop_Off img, .Pause img, .Pause_Over img, .Pause_Off img, .Play img, .Play_Over img, .Play_Off img { /*display:block;*/ height: 24px; width: 24px; }
.Minimize img, .Minimize_Over img, .Minimize_Off img, .Maximize img, .Maximize_Over img, .Maximize_Off img { /*display:block;*/ height: 16px; width: 16px; }
.Stop img, .Stop_Over img, .Pause img, .Pause_Over img, .Play img, .Play_Over img, .Minimize img, .Minimize_Over img, .Maximize img, .Maximize_Over img { cursor: pointer; }
.Stop { background-image: url(../../images/graphite/ico_stop.gif); }
.Stop_Over { background-image: url(../../images/graphite/ico_stop_over.gif); }
.Stop_Off { background-image: url(../../images/graphite/ico_stop_off.gif); }
.Pause { background-image: url(../../images/graphite/ico_pause.gif); }
.Pause_Over { background-image: url(../../images/graphite/ico_pause_over.gif); }
.Pause_Off { background-image: url(../../images/graphite/ico_pause_off.gif); }
.Play { background-image: url(../../images/graphite/ico_play.gif); }
.Play_Over { background-image: url(../../images/graphite/ico_play_over.gif); }
.Play_Off { background-image: url(../../images/graphite/ico_play_off.gif); }
.Minimize { background-image: url(../../images/graphite/ico_minimize.gif); }
.Minimize_Over { background-image: url(../../images/graphite/ico_minimize_over.gif); }
.Minimize_Off { background-image: url(../../images/graphite/ico_minimize_off.gif); }
.Maximize { background-image: url(../../images/graphite/ico_maximize.gif); }
.Maximize_Over { background-image: url(../../images/graphite/ico_maximize_over.gif); }
.Maximize_Off { background-image: url(../../images/graphite/ico_maximize_off.gif); }

#soccer_field { background-image: url(../../images/components/soccer.jpg); background-repeat: no-repeat; background-position: right center; border: 1px solid black; background-color: #8baf45; height: 200px; }
.Shelf { background-image: url(../../images/components/shelf.jpg); background-repeat: no-repeat; background-position: right center; border: 1px solid black; background-color: #dadada; height: 175px; padding-top: 25px; }

/* pacem.drawing.image */
.ImageCommandPane { background-image: url(../../images/components/image_pane.gif); background-repeat: repeat-y; background-position: left; background-color: #f6f6f6; width: 119px; color: #666; font-size: .8em; border-right: 1px solid #c0c0c0; }
.ImageCommandPaneDragger { background-image: url(../../images/components/image_pane_dragger_bg.gif); background-repeat: repeat-y; background-position: left; width: 16px; }
.ImageCommandPaneDraggerHover { background-image: url(../../images/components/image_pane_dragger_bg_hover.gif); background-repeat: repeat-y; background-position: left; width: 16px; }
.ImageCommandPaneDraggerHover img, .ImageCommandPaneDragger img { width: 16px; display: block; cursor: move; }
.ImageCommandPaneContent { padding: 5px; border-top:1px solid #fff; border-bottom: 1px solid #e0e0e0; }

/* purchase process */
.PurchaseProcessStep{ width:154px; position:relative; float:left; overflow:hidden;}
.PurchaseProcessStep img { display:block;}
.Balloon{ border:5px solid white; width:250px; z-index:4000; background-color:#000; color:#c0c0c0; background-image:url(../../images/graphite/balloon_arrow.gif); background-repeat:no-repeat; background-position:55px 0px; padding: 20px 10px 10px 10px;}

/* case studies */
.CaseStudy{ clear:both; padding:10px 0; overflow:hidden; width:570px; border-bottom:1px solid #efefef; }
.CaseStudy a.Banner{ width:252px; border:1px solid #c0c0c0; float:left; position:relative; }
.CaseStudy a.Banner:hover{ border:1px solid #ff3760; }
.CaseStudy p{ width:300px; position:relative; padding:0; margin:0 0 0 270px;}
.CaseStudy a.Details{ float:right; font-size:.9em; padding-right:14px; background:url(../../images/graphite/ico_go2.gif) no-repeat right top;}
.CaseStudy a.Details:hover{ background:url(../../images/graphite/ico_go2_over.gif) no-repeat right top;}

/* search */
li.SearchResult { padding-bottom:10px; }
li.SearchResult a{ font-weight:bold; font-size:1.1em; font-style:italic;}

/* culture */
.CultureIT, .CultureUS{ padding-left:30px; background-repeat:no-repeat; background-position:0 2px;}
.CultureUS{ background-image:url(../../images/graphite/ico_flag_en-us_over.gif); }
.CultureIT{ background-image:url(../../images/graphite/ico_flag_it-it_over.gif); }