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


span.orBox{background-color:#85af1c;padding:3px;float:left;margin:10px;}
span.subCatsearch{width:190px;display:block;height:20px;}

.calendarForm h4 {
  background: url("images/share/layout/background.png") repeat-x scroll 0 -960px #1055c2;
  color: #FFFFFF;
  font: bold 14px Arial,sans-serif;
  padding: 5px 10px;
}

.calendarForm h4 img {
  display: none;
}

.calendarForm h4 span{
  background: url("images/share/icon/ibm/calendar.png") no-repeat scroll 0 0 transparent;
  display: block;
  font: bold 14px/32px Arial,sans-serif;
  height: 32px;
  padding: 0 0 0 35px;
}

.calendarForm .technoBox{width:300px;float:left;margin:0px 10px 10px 10px;border:1px dotted #dad9d7;padding:5px; }
.calendarForm .technoBox select{width:300px; }
.calendarForm .cursusBox{width:300px;float:left;margin:10px;}


.calendarForm .calendarSelectionBox{ margin: 10px auto;;overflow: hidden;width: 660px;background-color:white;padding:10px;}
.calendarForm .calendarSelectionBox label.title{ border-bottom: 1px dotted #cccccc;padding-bottom:5px; width:100%;}
.calendarForm .checkbox { float: left; width: 220px;}
.calendarForm .calendarSelectionBox .period { float: left; }
/*.calendarForm .calendarSelectionBox label{ background: url("/Views/skins/front/default/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;}


.calendarForm .calendarSelectionBox select{margin-left:5px;width:270px;border:1px solid #CCC;} */


#resultsHeader{
  border-bottom:1px solid #ccc;
  border-top: solid 1px #ccc;
  clear: both;
  overflow: hidden;
  padding: 5px 0;
  margin-bottom:5px;
}
#resultsHeader h2{float:left;width:390px;}
#resultsHeader .searchCalendarToolBox{
  float: right;
  overflow: hidden;
}
#resultsHeader .searchCalendarToolBox div#pdfTools,
#resultsHeader .searchCalendarToolBox div#csvTools,
#resultsHeader .searchCalendarToolBox div#shareTools {
  background: url("images/share/layout/background.png") repeat-x scroll 0 -1130px transparent;
  border: 1px solid #BFBFBF !important;
  color: #666666;
  display: block;
  float: left;
  height: 41px;
  margin: 0 1px;
  position: relative;
  text-align: center;
  width: 74px;
  height: 50px;
  padding: 5px 10px 5px 10px;
  cursor: pointer;
}
#resultsHeader .searchCalendarToolBox a:hover.toolButtons{ text-decoration: underline;}

#resultsHeader .searchCalendarToolBox div#pdfTools span,
#resultsHeader .searchCalendarToolBox div#csvTools span,
#resultsHeader .searchCalendarToolBox div#shareTools span {
  bottom:0;
  color: #333333;
  font: bold 9px/13px Arial,sans-serif;
  left: 0;
  margin: 0;
  position: absolute;
  width: 100%;
}

#resultsHeader .searchCalendarToolBox div#pdfTools img,
#resultsHeader .searchCalendarToolBox div#csvTools img,
#resultsHeader .searchCalendarToolBox div#shareTools img {
    border: medium none;
    padding-top: 4px;
}

/* Widget de sélection des pays */
.calendarForm p.kFormRadioWidget{ float:left;border:none; margin: 0; padding: 10px 10px 10px 0;position:static;width:100%;}
#editors_wrapper .kFormRadioWidget label {width:200px;display:block;padding-bottom:5px;}
#editors_wrapper .kFormRadioWidget label span{position:absolute;width:180px;padding-top:5px;}
#editors_wrapper .kFormRadioWidget label input {width:20px;}
p.kFormRadioWidget label{ /* display:block !important; float:left !important; width:30% !important; background:none !important;*/ }
p.kFormRadioWidget label input{}
p.kFormRadioWidget label span{ font-size: 11px; }

.infoCountry{position:absolute;top:35px; left:15px;width:200px;font-style:italic;}

/* calendar TABLE */

table.calendarTable{
  background: none repeat scroll 0 0 #FFFFFF;
  /* border: 1px solid #CCCCCC; */
  border-collapse: separate;
  border-spacing: 0px;
  clear: both;
  margin: 0;
  padding: 0px;
  text-align: center;
  float: left;
}
table.calendarTable thead tr th.vendorNameHeader{
  background: none repeat scroll 0 0 #3473D8;
  color: #FFFFFF;
  font: bold 11px/13px Arial,sans-serif;
  padding: 8px 5px;
}

table.calendarTable tr .catHeader{
  background: none repeat scroll 0 0 #D9D9D9;
  color: #333333;
  font: bold 12px/16px Arial,sans-serif;
  padding: 5px;
  text-align: center;
  font-weight: bold;
  vertical-align: middle;
}

table.calendarTable .onRequest {
  /* background: none repeat scroll 0 0 #E1F0BA; */
  background: #C8D7E3;
  color: #333333;
  text-align: center;
  vertical-align: middle;
}

.monthHeaderPair{
  background: none repeat scroll 0 0 #C8D7E3;
  border: none !important;
  color: #333333;
  font: bold 11px/13px Arial,sans-serif;
  padding: 8px 5px;
  vertical-align: middle;
}
.monthHeaderImpair{
  background: none repeat scroll 0 0 #a7c1d6;
  border: none !important;
  color: #333333;
  font: bold 11px/13px Arial,sans-serif;
  padding: 8px 5px;
  vertical-align: middle;
}

.monthHeaderInvis{
    background: none repeat scroll 0 0 transparent;
    border: none !important;
    color: #333333;
    font: bold 11px/13px Arial,sans-serif;
    padding: 8px 5px;
    vertical-align: middle;
}

td.monthHeaderPair {
    margin: 10px;
}

table.calendarTable tr td{
/*  border-bottom: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;*/
  font: bold 12px/14px Arial,sans-serif;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
}

table.calendarTable tr th.topic{ background-color:#878787; color:#fff;}
table.calendarTable tr th.topic{ width: 394px}


table.calendarTable tr th.col01{width:170px;}
table.calendarTable tr th.catHeader.col01 {width: 169px;}
table.calendarTable tr td.col01{ width:170px; text-align: left !important;}

table.calendarTable tr th.col02{width:100px; text-align:center;}
table.calendarTable tr th.catHeader.col02 {width: 99px;}
table.calendarTable tr td.col02{width:100px;text-align:center;}

table.calendarTable tr th.col03{width:50px; text-align:center;}
table.calendarTable tr th.catHeader.col03 {width: 49px;}
table.calendarTable tr td.col03{width:50px;text-align:center;}

table.calendarTable tr th.col04{width:70px; text-align:center;}
table.calendarTable tr th.catHeader.col04 {width: 72px;}
table.calendarTable tr td.col04{width:70px;text-align:center;}

table.calendarTable th.col01 {
    left: 1px;
}
table.calendarTable th.col02 {
    left: 171px;
}
table.calendarTable th.col03 {
    left: 271px;
}
table.calendarTable th.col04 {
    left: 321px;
}
table.calendarTable th.topic {
    left: 1px;
}
tr.topic + tr.NORM th.col01 {
    border-top: 0px;
}
tr.topic + tr.NORM th.col02 {
    border-top: 0px;
}
tr.topic + tr.NORM th.col03 {
    border-top: 0px;
}
tr.topic + tr.NORM th.col04 {
    border-top: 0px;
}
tr.NORM th.col01 {
    border-right: 1px solid #CCCCCC;
}
tr.NORM th.col01.course-break {
    border-top: 1px solid #CCCCCC;
}
tr.NORM th.col02 {
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
}
tr.NORM th.col03 {
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
}
tr.NORM th.col04 {
    border-top: 1px solid #CCCCCC;
    width: 74px!important;
}
tr.NORM:last-child th.col01 {
    border-bottom: 1px solid #CCCCCC;
}
tr.NORM:last-child th.col02 {
    border-bottom: 1px solid #CCCCCC;
}
tr.NORM:last-child th.col03 {
    border-bottom: 1px solid #CCCCCC;
}
tr.NORM:last-child th.col04 {
    border-bottom: 1px solid #CCCCCC;
}
th.col01 a {
    text-decoration: underline;
}


/*table.calendarTable tr td.col3month{width:133.3px;text-align:center;}
table.calendarTable tr td.col6month{width:66.5px;text-align:center;}
table.calendarTable tr td.col12month{width:33.3px;overflow:hidden;text-align:center;}*/
table.calendarTable tr td.col01 a.formLink{color:#333333;text-decoration:underline;}

table.calendarTable td {
    border: 0px;
}

table.calendarTable th {
    border: 0px;
}

th.monthHeaderImpair, th.monthHeaderPair  {
    text-align: center;
}

.grid-item {
    float:left;
    width: 200px;
}

.grid-item label {
    display: inline;
}

.city-option label {font-weight: normal;}
.topic-option label {font-weight: normal;}

#results-table-wrapper {
    width: 650px;
    /*border: 1px solid black;*/
}

table.calendarTable {
  border-spacing: 1px;
  table-layout: fixed;
  /** width: 100%; */
  *margin-left: -300px;/*ie7*/
}

table.calendarTable td, table.calendarTable th {
  vertical-align: top;
  /*border-top: 1px solid #ccc;*/
  padding:10px;
  height: 50px;
}

table.calendarTable th {
  position:absolute;
  *position: relative; /*ie7*/
  left:0;
  width:100px;
}
table.calendarTable th.col01 a {
    color: black;
}

#results-table-outer {
    position:relative;
    background-color: white;
    border: 1px solid black;
    width: 703px;
    padding: 1px;
}

.suwala-doubleScroll-scroll-wrapper {
    float: right;
}

#results-table-wrapper {
  /*overflow-x:scroll;
  overflow-y:visible;*/
  width:308px;
  margin-left:390px;
  clear:both;
}

th.catHeader {
   padding-top: 16px !important;
}

#results-table-header {
    background: none repeat scroll 0 0 #3473D8;
    color: #FFFFFF;
    font: bold 11px/13px Arial,sans-serif;
    padding: 8px 5px;
}

.monthHeaderPair, .monthHeaderImpair, .monthHeaderInvis {
    min-width: 50px;
    width: 50px;
}