/****************************
   default.css
   (C) Mangrove 2008
   Default style properties
*****************************/

html { height:100%; overflow: -moz-scrollbars-vertical; overflow-y: scroll;}

body {  height:100%; font: 100%/1em "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; margin: 0; padding: 0; color: #555; position: relative; background:#f6f6f6 url('/images/bg_body.gif') repeat-x top;}

/* parent elements - standard */

h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0 0 0.3em; font-family: Calibri, Arial, Verdana; font-weight: bold; text-transform: uppercase; color:#F5822B; }
h1 { font-size: 1.1em; line-height: 0.9em; color: #f5822b; }
h2 { font-size: 1em; line-height: 1.3em; padding-top: 10px; color: #c3c3c3; }
h3 { font-size: 1.7em; line-height: 1.2em; }
h4 { font-size: 1em; font-weight: bold; padding:10px 0 0; }

p { font-size: 0.75em; line-height: 1.5em; margin: 0 0 0.6em; padding: 0; }
ul { margin: 0 0 0.6em 20px; padding: 0; }

a:link, a:visited { color: #e66707; text-decoration: underline; }
a:hover, a:active {	text-decoration: none; }

img { border: 0; display: block; }

ul li{ margin: 0; }

table th, table td { font-size: 0.75em;	text-align: left; vertical-align: top; }

hr { height:0; border:0; border-top: 1px solid #ebebeb; }

/* parent elements - exceptions */

.clear { float: none; clear: both; height:0;}
.left { float: left; }
.right { float: right; }
.text-left { text-align: left; }
.text-right { text-align: right; }
p.text-light { color: #909090; font-size:0.65em; padding: 10px 0 0;}

.header h1 { width: 400px; display: block; position: absolute; top: 200px; left: 0; z-index:2; background-color:#000; } 
.header h1 span { position: absolute; top: 80px; left: 30px; }
.header-logo { margin: 0; }
.header p { position: absolute; top: 305px; left: 30px; width: 350px; padding: 0 20px 0 0; margin: 0; background-color:#000;  }

.footer p { font-size: 0.7em; padding: 0 0 0 30px; }
.footer span.text-light { color:#aaa}

.box-bl h2 { padding: 16px 0 25px 30px; margin: 0 3px; border-bottom: 1px solid #f0efef; }
.box-bl div.primary-content { padding: 20px 30px 0; background-color:transparent; overflow:hidden;}

.content-box-business h3, .content-box-sap h3, .content-box-training h3, .content-box-legal h3 { padding: 15px 30px 0px 30px; font-size: 1.05em; }
.content-box-business p, .content-box-sap p, .content-box-legal p, .content-box-training p { padding: 0px 30px 0px 30px; }

.arrow-right { color: #fff; text-transform: uppercase; font-size: 0.8em; padding: 2px 20px 2px 16px; height: 12px; background: #989898 url('/images/bg_arrow_right.gif') no-repeat right; }
.arrow-right:link, .arrow-right:visited, .arrow-right:hover, .arrow-right:active { color: #fff; text-transform: uppercase; font-size: 0.8em; text-decoration: none; } 
.arrow-right:hover, .arrow-right:active { background: #f5822b url('/images/bg_arrow_right_hover.gif') no-repeat right; }

/* main elements */

.content, .header-content { width: 990px; margin: auto; position: relative; }
.content { width: 960px; min-height:300px; padding: 40px 30px 40px 0;}

.header { background: #000 url('/images/bg_header.jpg') no-repeat top center; height: 380px; width: 100%; color: #fff; float: none; clear: both; position: relative; overflow: hidden; }
.primary { width: 780px; float: left; }
.primary.right { float: right; }
.secondary { width: 180px; float: left; }
.secondary.right { float: right; }

.primary-content { padding: 0 30px 0; }
.primary-content ul { font-size: 0.75em; line-height: 1.5em; }
div.primary-content {background-color: #f6f6f6;}

.footer {  padding: 40px 0 20px; clear: both; float: none; }
.footer-content { width:auto; text-align:center;border-top: 1px solid #e0e0e0;  padding: 20px 0 0;}

/* menu elements */

.menu { font-size: 0.65em; list-style: none; margin: 0; padding: 6px 0 6px 44px; width: 252px; overflow: hidden; border-left: 1px solid #252525; position: absolute; top: 284px; left: 360px; background-color:#000;} /* add 84px width for an extra row */
.menu li { display: block; height: 20px; width: 84px; float: left; }
.menu li a:link, .menu li a:visited, .menu li a:hover, .menu li a:active { color: #fff; text-transform: uppercase; text-decoration: none; }
.menu li a:hover { color: #f5822b; }
.menu li.active a { color: #f5822b; text-decoration: none; }

.submenu ul { height:24px; margin: 0 3px 0 3px; padding:0 20px;  background:#fff url(/images/bg_submenu.gif) repeat-x ; list-style:none; }
.submenu ul li { margin:0 5px; padding:0; display: block; float: left; }
.submenu ul a:link, .submenu a:visited { display: block; float: left; height:24px; padding:0 0 0 20px;  text-transform:uppercase; color:#989898; font-family:Calibri, Arial, Verdana; font-weight:bold; text-decoration:none; }
.submenu ul a span { display: inline-block; height:24px; padding:0 20px 0 0; font-size:0.69em; line-height:24px; cursor:pointer; }

.submenu a:hover, .submenu .active a, .submenu a:active{ color:#333; background-image:url(/images/bg_submenu_active.gif); }
.submenu a:hover span, .submenu .active span { background-image: url(/images/bg_submenu_active.gif); background-position:top right;}

.subsubmenu { margin:0 0 10px; padding:0 40px; display:block; background: transparent url(/images/bg_subsubmenu.gif) repeat-x bottom; }
.subsubmenu ul { list-style:none; padding:0; width:10em; float:left; margin:10px 0; line-height:13px; }
.subsubmenu li { margin:0.5em 0;}

.subsubmenu a:link, .subsubmenu a:visited { padding-left:15px;  font-size:0.69em; text-transform:uppercase; color:#333; font-family:Calibri, Arial, Verdana; font-weight:bold; text-decoration:none; background: url(/images/bg_list_normal.gif) no-repeat center left; display:block; }
.subsubmenu a:hover, .subsubmenu a:active, .subsubmenu .active a { color: #e66707; background: url(/images/bg_list_hover.gif) no-repeat center left; }

/* list elements */

.primary-list { list-style: none; padding: 10px 0 0 0; float: left; margin: 0; }
.primary-list li { display: inline; }

.primary-list a:link, .primary-list a:visited { padding-left: 15px; margin-bottom: 1em; font-size: 0.9em; text-transform: uppercase; color: #333; font-family: Calibri, Arial, Verdana; font-weight:bold; text-decoration:none; background: url(/images/bg_list_normal.gif) no-repeat center left; display:block; }
.primary-list a:hover, .primary-list a:active, .primary-list .active a { color: #e66707; background: url(/images/bg_list_hover.gif) no-repeat center left; }
.primary-list-more { padding: 0 0 0 15px; font-size: 0.7em; clear:both; }
.primary-list-more li { display: inline; padding: 0 8px 0 0; text-align: center; float: left; }
.primary-list-more a { background: #fff; border: 1px solid #e0e0e0; width: 20px; height: 18px; padding:0; display: block; font-size:0.8em; }
.primary-list-more a:link, .primary-list-more a:visited { color: #111; text-decoration:none;}
.primary-list-more a:hover, .primary-list-more a:active, .primary-list-more li.active a:link, .primary-list-more li.active a:visited { background: #909090; border-color: #909090; color: #fff; text-decoration: none; }

/* detail elements */

.header-image { background: transparent url(/images/bg_header_image.jpg) no-repeat; position: absolute; left: 670px; top: 0; height: 380px; width: 320px; } 
.header-image-quote { position: absolute; left: 0; top: 230px; width:230px; height: 70px; overflow: hidden; }
.header-image-details { position: absolute; left: 0; top: 300px; width: 150px; background-image: url('/images/bg_header_image_details.png'); padding: 5px; cursor: pointer; }
.header-image a:link, .header-image a:visited, .header-image a:hover, .header-image a:active { color: #fff; text-decoration: none; font-size: 0.75em; position: relative; } 
.header-image strong { display: block; color: #f5822b; }
.header-figure { position: absolute; left: 0; top: 0; }

.primary-message { width: 490px; padding: 0 0 10px 0; float: left; }
.primary-archive { width: 200px; padding: 0 0 10px 30px; float: right; }
.primary-archive h3 { font-size:1em; padding: 11px 0 0 15px;}
.primary-archive h4 { font-size:1em; padding: 11px 0 0 15px;}
.primary-message-img { float: right; padding: 10px 0 10px 10px; }

.employee-list { display:block; list-style:none; margin:30px 0 0; padding:0px; width:410px; float:left; }
.employee-list li { float:left; width:205px; height:50px; padding:0; margin:0 0 20px;  line-height:50px;}
.employee-list img { float:left}
.employee-list img .active { display:none;}
.employee-list span{ font-size:0.8em; display:block; float:left; padding-left:10px;}

.employee-list a:link, .employee-list a:visited { color: #111; display:block; height:50px; width:200px; text-decoration:none; }
.employee-list a:hover, .employee-list a:active, .employee-list li.active a { color: #f5822b; background-color:#FEFEFE; text-decoration:none; cursor:pointer}

.employee-list a:hover img, .employee-list a:active, .employee-list li.active a { color: #f5822b; background-color:#FEFEFE; text-decoration:none; cursor:pointer}

.employee-details { width:310px; float:left; margin:30px 0 0 ;}
.employee-details ul { font-size: 0.75em; line-height: 1.5em; margin: 0 0 0.8em 20px; padding:0 }
.employee-image-caption { display:block; background-color:#f5822b; padding:10px 20px; margin:0 0 20px; color:#fff; font-size:0.8em; font-family:Calibri, Arial, Verdana; }
.employee-image-caption h4 { font-size: 1.1em; font-weight:bold; text-transform:none; margin:0; color:#fff }

.social-item { border-bottom: 1px solid #ebebeb; overflow:auto; padding:0 0 15px; margin:15px 0;}
.social-item img { float:right; display: inline;}
.social-item p { float:left; width:500px;}

.partner-item { border-bottom: 1px solid #ebebeb; overflow:auto; padding:0 0 15px; margin:15px 0;}
.partner-item img { float:right; }
.partner-item p { float:left; width:500px; }
.partner-item a { float:right; margin-right:5px; }
.partner-item .logo { float:right; display:block; width:200px;}
.partner-item .logo img{ float:none; margin:auto;}

.partner-list { margin: 0; padding: 0; list-style: none; }
.partner-list li { float: left; width: 100px; margin-right: 20px; }
.partner-list li a{ display:block; height:50px;}
.partner-list li a.partner-logo { display:block; height:100px; line-height:100px;}
.partner-list li a.partner-logo img { display:inline; vertical-align: middle;}
.partner-list h4{ font-size: 1em; }

.box-tr { margin:0; padding:0; background: url('/images/bg_box_tr.gif') no-repeat right top; width: 100%; }
.box-tl { margin:0; padding:0; background: url('/images/bg_box_tl.gif') no-repeat left top; }
.box-br { margin:0; padding:0; background: url('/images/bg_box_br.gif') no-repeat right bottom; }
.box-bl { margin:0; padding:0 0 20px; background: url('/images/bg_box_bl.gif') no-repeat left bottom; }

.content-box-sap, .content-box-training { width: 465px; float: left; margin:0 30px 30px 0;}
.content-box-business, .content-box-legal { width: 465px;  float: left;  margin:0 0 30px 0;}

.label-box{ height: 474px; width: 180px; position: relative; padding: 30px 0 0 0; float: right; }
.label-box a { display:block; width: 180px; height:75px; margin:10px 0 0 0; background: transparent none repeat top right; }
.label-box a.sap { background-image:url('/images/btn_label_sap.gif'); }
.label-box a.business { background-image:url('/images/btn_label_business.gif'); }
.label-box a.training { background-image:url('/images/btn_label_legal.gif'); }
.label-box a.legal { background-image:url('/images/btn_label_learning.gif'); }

.label-box a:hover, .label-box a.active { background-position:bottom right;}


.label-box-fold { position: absolute; top: 0; width: 27px; height: 454px; }
.right .label-box .label-box-fold { left: 0; background: url('/images/img_label_box_right.png') no-repeat; }

.ajax-loader{ margin:50px auto; }
.box-bl .ajax-loader{ margin:20px auto; }

/* Google maps style */
div#location_map_contact { width:400px; height:220px; }

div.balloon { height: 27px; position: absolute; padding: 0 15px;}
div.balloon div.bgleft {height: 27px;width: 15px;background: transparent url(/images/google_maps/bg_bleu_left.png) no-repeat top left;position:absolute;left: 0;top: 0;}
div.balloon div.bgright {height: 27px;width: 15px;background: transparent url(/images/google_maps/bg_bleu_right.png) no-repeat top left;position: absolute;right: 0;top: 0;}
div.balloon div.bgmiddle {height: 27px;background: transparent url(/images/google_maps/bg_bleu_middle.png) repeat-x top left;color: #fff;width: 100px;text-align: center;font-size: 0.6em;padding: 2px 0 0 0;}

div.mapcontrol {height: 86px;width: 57px;background: url(/images/google_maps/bg_controls.png) no-repeat top left;position: absolute;}
div.mapcontrol div {height: 14px;width: 14px;position: absolute; background-repeat:no-repeat;}
div.mapcontrol div.panup {top: 8px;left: 22px;background-image: url(/images/google_maps/gm_panup.png);}
div.mapcontrol div.panleft {top: 22px;left: 8px;background-image: url(/images/google_maps/gm_panleft.png);}
div.mapcontrol div.return {top: 22px;left: 22px;background-image: url(/images/google_maps/gm_return.png);}
div.mapcontrol div.panright {top: 22px;left: 36px;background-image: url(/images/google_maps/gm_panright.png);}
div.mapcontrol div.pandown {top: 36px;left: 22px;background-image: url(/images/google_maps/gm_pandown.png);}
div.mapcontrol div.zoomin {top: 52px;left: 22px;background-image: url(/images/google_maps/gm_zoomin.png);}
div.mapcontrol div.zoomout {top: 66px;left: 22px;background-image: url(/images/google_maps/gm_zoomout.png);}

.switch {z-index: 20; position:absolute; top: 354px; right: 35px; width: 88px; height: 27px;}
.switch img {display: block; float: left;}
.switch span{position:absolute; width: 0; height: 0; overflow: hidden;}

.banner_home{clear:both;}