/**
 * @copyright : lesTanukis 
 * @project : Arrow ECS Education
 * @date : 10-2010
 */
/* TRAININGLIST*/

/**
 * @copyright : lesTanukis 
 * @project : Arrow ECS Education
 * @date : 10-2010
 */
/* TRAININGLIST*/

.viewSelectionBox{ margin: 10px auto;;overflow: hidden;width: 700px;background-color:white;padding:0px;/*border:1px solid #e9e9e9;*/}
.viewSelectionBox label{ /*background: url("images/share/icon/arrowLabel2.png") no-repeat scroll left center transparent;text-indent: 10px;*/
  display: block;float: left;margin: 4px 0 2px 10px;width: 360px;/*border: 1px dotted #c9caca;*/}
.viewSelectionBox label.title{ border-bottom: 1px dotted #dad9d7;padding-bottom:5px;width:100%;text-transform:uppercase;}
.viewSelectionBox label.special{ border-bottom: 1px dotted #CCC;padding-bottom:5px;text-transform:uppercase;}
.viewSelectionBox select{margin-left:5px;width:320px;border:1px solid #CCC;} 


.certifListHeader{position:relative;background: url("images/certifications/certifVendorListTitleBg.png") ;width:700px; height:83px;padding:0px;}
.certifListHeader img{position:absolute;top:20px;left:20px;width:140px;height:49px;}
.certifListHeader h2{position:absolute;top:13px;left:220px;}


ul.certifLineBox{}
ul.certifLineBox li{/*border-top:1px solid #CCC;*/}
ul.certifLineBox li .trainingsLine{padding:5px;position: relative;margin:5px 0px;background: url("images/trainings/trainingVendorListBg.jpg") top repeat-x #e6e6e5 ;overflow:hidden;}
ul.certifLineBox li .trainingsLine .refBox{padding:5px;background-color:#f1f1f1;display:block;float:left; border-right:1px solid #878787;padding-right:5px;margin-right:7px;width:170px;text-align:center;}
ul.certifLineBox li .trainingsLine .titleBox{display:block;float:left;width:350px;line-height:13px;display:block;margin-top:3px;padding-left:10px;}
ul.certifLineBox li .trainingsLine span.bullet {background-image: url("images/share/icon/arrowLabel2.png");
background-repeat: no-repeat;background-position:top left;display:block;overflow:hidden;float:left;min-height:15px;}
ul.certifLineBox li .trainingsLine span  a{display:block;color:#666666;/*text-transform:uppercase;*/}
ul.certifLineBox li .trainingsLine span  a:hover{color:#666666;/*text-transform:uppercase;*/text-decoration:underline;}


/*TABS Search */
#tabs{border:none;width:430px;z-index: 20;font-size:1em;}
.ui-widget-header {border:none;background: none;}
.ui-tabs-panel {border:1px solid #333;}
.ui-tabs .ui-tabs-nav {padding-left: 0em;}

.homeTabHeader{height:21px;margin:0px 0px 5px 0px;font-size: 1.1em;text-transform:uppercase;border-bottom:1px solid #acb6b8;
}

#tabs-1, #tabs-2, tabs-3 {overflow: hidden;border:1px solid #aaaaaa;font-size: 0.8em;text-align:left;}
#tabs-1 ul, #tabs-2 ul, #tabs-3 ul{float:left; }
#tabs-1 ul li, #tabs-2 ul li, #tabs-2 ul li{width:185px;margin:5px 0px;}

.itemHeadertab{font-size:1.3em;}

/*Pager*/
#pagerBox{padding-top:5px;clear:both;width:390px;margin-left:5px;
/*background-color: #aaaaaa;border-bottom:1px solid #aaaaaa;*/
border-top:1px solid #e9e9e9;overflow:hidden;height:20px;color:#66666;text-align:center;}
#pagerBox a{text-decoration:none;color:#66666;font-weight:bolder;}
#pagerBox a:hover{border:1px solid #aaaaaa;background-image: url("images/share/content/colorBkg00.jpg");}

.pager_first{padding:0px 5px;height:10px;width:20px;border:1px solid #aaaaaa;margin-right:5px;}
.pager_previous{padding:0px 5px;height:10px;width:20px;border:1px solid #aaaaaa; margin-right:10px;}
.pager_content_before{padding:0px 5px;height:10px;width:20px;border:1px solid #aaaaaa;}
.pager_content{font-weight:bolder;font-size:1.2em;text-decoration:underline;}
.pager_content_after{padding:0px 5px;height:10px;width:20px;border:1px solid #aaaaaa;}
.pager_next{padding:0px 5px;height:10px;width:20px;border:1px solid #aaaaaa; margin-left:10px;}
.pager_later{padding:0px 5px;height:10px;width:20px;border:1px solid #aaaaaa; }


/* SALEBOX*/
#saleBox{
  background: #C8D7E3;
  padding: 20px 0 0;
  position: relative;
  text-align: center;
}

#saleBox h3 a:hover{
  color: #293D6B;
  text-decoration:underline;
}

#saleBox > ul {
  clear: both;
  margin: 15px 0 0 0;
  padding: 0 10px;
  text-align: left;
}

#saleBox ul li {
  background: url("images/share/layout/promoFilet.png") repeat-x 0 bottom transparent;
  color: #333333;
  font: 12px/12px Arial, sans-serif;
  margin: 0 0 10px;
  padding: 0 0 10px;
}

#saleBox ul li a {
  color:#333333;
  font: bold 12px/14px Arial, sans-serif;
  text-decoration: none;
  text-transform: none;
}

#saleBox ul li .topInfo {
  float:left;
  margin: 0 5px 0 0;
  width: 115px;
}

#saleBox ul li .topInfo a {
  display:block;
  text-decoration: none;
  margin-bottom:5px;
}
#saleBox ul li .topInfo a:hover{
  color:#1a1a1a;
  text-decoration:underline;
}

#saleBox ul li .pricesBox{
  background: url("images/share/layout/promoEncartbg.png") no-repeat 0 center transparent;
  border-bottom: solid 1px #999999;
  overflow: hidden;
  padding: 0 0 2px;
  text-align:center;
  width: 80px;
}

#saleBox ul li .pricesBox .oldPrice{
  color: #666666;
  display: block;
  font: bold 10px/12px Arial, sans-serif;
  padding: 2px 0 0;
  text-align: center;
}

#saleBox ul li .date-promo-start {
  color: #333333;
  font: normal 10px/12px Arial, sans-serif;
}

#saleBox ul li .pricesBox .percentNumber{
  background: url("images/share/layout/promoHeadbg.png") no-repeat 0 0 transparent;
  color: #ffffff;
  font: bold 12px/18px Arial, sans-serif;
  height: 18px;
}

#saleBox ul li .pricesBox .newPrice {
  color: #293d6b;
  display: block;
  font: bold 12px/14px Arial, sans-serif;
  text-align: center;
}

#saleBox a.seeAll{
  background: url("images/share/icon/ibm/learn-more-arrow.png") no-repeat scroll 0 4px transparent;
  color: #4C6E94;
  display: inline-block;
  font: normal 11px Arial,sans-serif;
  height: 14px;
  line-height: 14px;
  padding: 0 10px 10px 16px;
}
#saleBox a.seeAll:hover{text-decoration: underline;}

#saleBox div.saleIcon{
  background: url("images/share/icon/ibm/promo.png") no-repeat scroll 0 0 transparent;
  height: 66px;
  left: -10px;
  position: absolute;
  top: -2px;
  width: 65px;
}
#saleBox div.saleIcon p{position:relative;top:25px;left:0px;text-align:center;}

#saleBox h3 {
  color: #293D6B;
  font: bold 14px/14px Arial,sans-serif;
  padding: 0 10px 0 45px;
  text-align: center;
}


.formTabLink-1 {margin-right:20px;margin-left:5px;}
.formTabLink-1 li a, .formTabLink-2 li a{background:url("images/share/content/formTabLinkInactive.jpg") top left repeat-x #dad9d7;display:block;padding:5px;border:1px solid #acb6b8;text-indent: 15px;}
.formTabLink-1 li a:hover, .formTabLink-2 li a:hover{background: url("images/share/content/formTabLinkActive.jpg") top left repeat-x #75a103;color:#FFFFFF;font-weight: bolder;text-indent: 15px;}






.vendorHeader{
  position:relative;background: url("images/trainings/trainingVendorListTitleBg.png") no-repeat 0 0 transparent ;
  width:700px;
  height:80px;
  margin-top: 20px;
  padding:0px;
}
.vendorHeader img{
  height: 64px;
  top: 13px;
}
.vendorHeader .imgContainer {
    width: 168px;
    height: 73px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 10px;   
    padding: 1px;
    margin-top: 5px;
}
.vendorHeader h2 {
  font: bold 16px Arial,sans-serif;
  left: 190px;
  position: absolute;
  top: 9px;
}

.trainingsLineHeader{
  background: none repeat scroll 0 0 #FFFFFF;
  border-bottom: 1px solid #ccc;
  margin: 10px 0 0 !important;
  overflow: hidden;
  padding: 10px 0;
}
.trainingsLineHeader .headerCat{ /*text-transform:uppercase;*/ }
.trainingsLineHeader img.noFoldTopic{vertical-align: middle; text-decoration:none;}

.trainingsLineHeader .headerCat a span{
  color:#293d6b;
  font: bold 14px/18px Arial, sans-serif;
}

.trainingsLineHeader .durationHead{
  float:right;
  color: #333333;
  font: bold 12px/18px Arial, sans-serif;
  margin-right: 12px;
  width:100px;
  text-align:center;
  display:block;
}

.topicLabel{
  background-image: url("images/share/icon/arrowLabel3.png");
  background-repeat:no-repeat;
  margin-left: 15px;
  padding: 0 0 0 15px;
}

.topicLabel_down{
  background-image: url("images/share/icon/arrowLabel3-1.png");
  background-repeat:no-repeat;
  margin-left: 15px;
  margin-top: 5px;
  padding: 0 0 0 15px;
}



ul.trainingsLineBox{}
ul.trainingsLineBox li{/*border-top:1px solid #CCC;*/}
ul.trainingsLineBox li .trainingsLine{
  background: none repeat scroll 0 0 #C8D7E3;
  color: #333333;
  font: bold 12px/16px Arial,sans-serif;
  margin: 2px 0;
  overflow: hidden;
  padding: 10px;
  position: relative;
}

ul.trainingsLineBox li .trainingsLine .refBox{
  background-color: #F1F1F1;
  background: url("images/share/layout/background.png") repeat-x scroll center -1080px #F1F1F1;
  border: 1px solid #9BA6B0;
  display: block;
  float: left;
  font: bold 12px/30px Arial,sans-serif;
  margin-right: 20px;
  text-align: center;
  width: 170px;
}

ul.trainingsLineBox li .trainingsLine .titleBox{
  display: block;
  float: left;
  font: bold 12px/16px Arial,sans-serif;
  width: 365px;  
}

ul.trainingsLineBox li .trainingsLine span.bullet {
  display:block;
  overflow:hidden;
  float:left;
  min-height:15px;
}
ul.trainingsLineBox li .trainingsLine span a{display:block;color:#333333;}
ul.trainingsLineBox li .trainingsLine span a:hover{color:#3473d8; }

ul.trainingsLineBox li .trainingsLine span.duration{
  background: url("images/trainings/trainingVendorListTitleBg.png") no-repeat scroll -599px -11px transparent;
  border: 1px solid #0044B1;
  color: #FFFFFF;
  display: block;
  float: right;
  font: bold 12px/30px Arial,sans-serif;
  height: 30px;
  text-align: center;
  width: 100px;
}

/*TABS Search */
#tabs{border:none;width:430px;z-index: 20;font-size:1em;}
.ui-widget-header {border:none;background: none;}
.ui-tabs-panel {border:1px solid #333;}
.ui-tabs .ui-tabs-nav {padding-left: 0em;}

.homeTabHeader{height:21px;margin:0px 0px 5px 0px;font-size: 1.1em;text-transform:uppercase;border-bottom:1px solid #acb6b8;
}

#tabs-1, #tabs-2, #tabs-3 {overflow: hidden;border:1px solid #aaaaaa;font-size: 0.8em;text-align:left;}
#tabs-1 ul, #tabs-2 ul, #tabs-3 ul{float:left; }
#tabs-1 ul li, #tabs-2 ul li, #tabs-3 ul li {width:185px;margin:5px 0px;}

.itemHeadertab{font-size:1.3em;}

/*Pager*/
#pagerBox{padding-top:5px;clear:both;width:390px;margin-left:5px;
/*background-color: #aaaaaa;border-bottom:1px solid #aaaaaa;*/
border-top:1px solid #e9e9e9;overflow:hidden;height:20px;color:#66666;text-align:center;}
#pagerBox a{text-decoration:none;color:#66666;font-weight:bolder;}
#pagerBox a:hover{border:1px solid #aaaaaa;background-image: url("images/share/content/colorBkg00.jpg");}

.pager_first{padding:0px 5px;height:10px;width:20px;border:1px solid #aaaaaa;margin-right:5px;}
.pager_previous{padding:0px 5px;height:10px;width:20px;border:1px solid #aaaaaa; margin-right:10px;}
.pager_content_before{padding:0px 5px;height:10px;width:20px;border:1px solid #aaaaaa;}
.pager_content{font-weight:bolder;font-size:1.2em;text-decoration:underline;}
.pager_content_after{padding:0px 5px;height:10px;width:20px;border:1px solid #aaaaaa;}
.pager_next{padding:0px 5px;height:10px;width:20px;border:1px solid #aaaaaa; margin-left:10px;}
.pager_later{padding:0px 5px;height:10px;width:20px;border:1px solid #aaaaaa; }


.formTabLink-1 {margin-right:20px;margin-left:5px;}
.formTabLink-1 li a, .formTabLink-2 li a{background:url("images/share/content/formTabLinkInactive.jpg") top left repeat-x #dad9d7;display:block;padding:5px;border:1px solid #acb6b8;text-indent: 15px;}
.formTabLink-1 li a:hover, .formTabLink-2 li a:hover{background: url("images/share/content/formTabLinkActive.jpg") top left repeat-x #75a103;color:#FFFFFF;font-weight: bolder;text-indent: 15px;}

/* Ajout SQLI par jpgay evolution 160 24/06/2013 */
.delivery_type {float:right; font-size:0.8em;}