/**************************  SPECIFIC **************************/
/* 

This file contains the css to be use for specific html markups, identified by an id. 
It can also contain specific css class's aplicable for an specific page
The file should be organized by page, module, etc.

*/
/***************************************************************/



/**** Gallery thumbnail style ****/
#gallery a
{
  padding: 0;
}
#gallery img:hover
{
  /**border-color: #f00;*/
}
#gallery img
{
  /* border: 3px double #333333;*/
}
#divContent #gallery li, #RightContainer #gallery li
{
  list-style: none;
  margin: 0;
  display: inline;
}

/**** FAQs & Events lists ***/
#ListContainer li a, #CourseContainer li a, #ResultList li a
{
  margin-left: -1.5em;
  padding: 1em 1.5em;
  border-bottom: 1px solid #888;
  display: block;
  background: none;
}
#divContent a.currentPage_True
{
  color: #CCCCCC;
}
/*	#divContent a.type_FIRST {
		border:1px solid #0f0;
	}*/

/**** News ****/
#divContent .NewsBrief h1, #divContent .NewsBrief h1 a
{
  color: #B02C1C;
  margin-bottom: 5px;
}
#divContent .NewsBrief h2
{
  margin: 0;
  font-size: 1em;
}
#NewsBrief span
{
  text-align: left;
}
.date
{
  color: #888;
}
#divContent .NewsBrief a
{
  background: none;
  color: #231F20;
}
#divContent .NewsBrief a:hover
{
  text-decoration: underline;
}
/**** Events ****/
h2.calendarLoading
{
  background: url("../Theme_Images/opaque.png") repeat;
  border: 3px double #999;
  padding: 40px 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
}
#divContent #calendar span
{
  margin: 0;
}
#divContent #calendar a
{
  background: none;
  padding: 0;
}


/***** Debug Bar *****/
#divDebug
{
  padding: 10px 30px 10px 30px;
  background: none repeat scroll 0 0 #EEEEEE;
}
#divDebug label
{
  font-weight: bold;
  font-size: 1.2em;
}

/**** Home Page ****/
#divHomePageGallery a
{
  float: left;
  position: absolute;
}

#divHomePageGallery a img
{
  border: none;
}

#divHomePageGallery a.show
{
  z-index: 1500;
}


#divHomePageGallery
{
  height: 308px;
}

/**** Customer Item ****/
#divCustomerLogo
{
  float: right;
}

#divCustomerProducts
{
  margin-top: 10px;
  font-style: normal;
  background: #eee;
  padding: 10px;
  text-align: justify;
}
#divCustomerAddress
{
  margin-top: 5px;
}
#divCustomerProducts li a, #divCustomerProducts b, #divCustomerAddress b
{
  margin-right: 7px;
}
/**** Events list ****/
#event-Container
{
  width: 99%;
}
#event-Container a
{
  padding: 1em 1.5em;
  display: block;
}
#divContent #event-Container a
{
  background: none;
}
#event-Container td
{
  border-bottom: 1px solid #888;
}
#event-Container a.lnk_event_signup
{
  padding: 0;
}


/**** Error Page ****/
#divErrorMessage
{
  padding-left: 20px;
  min-height: 300px;
}
/**** Pagination of record lists ****/
#divContent .pagination
{
  font-size: 80%; /* margin-left: 6px;*/
  padding-bottom: 20px;
}

#divContent .pagination a
{
  text-decoration: none;
  border: solid 1px #000;
  background-image: none;
}

#divContent .pagination a, #divContent .pagination span
{
  display: block;
  float: left;
  padding: 0 0.5em;
  margin-right: 5px;
  margin-bottom: 5px;
  height: 20px;
}

#divContent .pagination .current
{
  background: #ccc;
  color: #000;
  border: solid 1px #999;
}

#divContent .pagination .current.prev, #divContent .pagination .current.next
{
  color: #999;
  border-color: #999;
  background: #fff;
}

/**** FORMS ****/
/*-->>>>>>>>>>>>>>>>> TODO REMOVE THE CSS BELOW AND USE THE popup-form class in general.css */
.blockUI
{
  left: 50%;
  margin-left: -240px;
}

#divEventSubscribe
{
  background: url("../Theme_Images/form-bg.jpg") repeat-x bottom #fff;
  padding-top: 6px;
  text-align: right;
}

#divDownloadForm, #divContactForm
{
  padding: 10px;
  width: 460px;
}

#divEventRegistration
{
  width: 460px;
  padding: 0px;
}

#divEventRegistration ul
{
  list-style-type: none;
  margin: 0px;
}

#divEventRegistration ul li
{
  margin: 0px;
}

#divEventRegistration .button
{
  background-color: #AAAAAA;
  color: #FFFFFF;
  background-image: none;
}

#divEventRegistration .button:hover
{
  color: #353535;
}

#divEventSubscribe fieldset, #divContact fieldset
{
  border-top: 2px ridge #fff;
}

#divEventSubscribe legend, #divContact legend
{
  padding: 0 2px;
  font-weight: bold;
}


#divEventSubscribe label, #divContact label
{
  display: inline-block;
  vertical-align: top;
}
#divEventSubscribe fieldset ol, #divContact fieldset ol
{
  margin: 0;
  padding: 0;
}
#divEventSubscribe fieldset li, #divContact fieldset li
{
  list-style: none;
  padding: 5px;
  margin: 0;
  border-bottom: 1px dashed #ddd;
}


#divEventSubscribe fieldset fieldset, #divContact fieldset fieldset
{
  border: none;
  margin: 3px 0 0;
}
#divEventSubscribe fieldset fieldset legend, #divContact fieldset fieldset legend
{
  padding: 0 0 5px;
  font-weight: normal;
}
#divEventSubscribe fieldset fieldset label, #divContact fieldset fieldset label
{
  display: block;
  width: auto;
}
#divEventSubscribe em, #divContact em
{
  font-weight: bold;
  font-style: normal;
  color: #f00;
  font-size: 1em;
  line-height: 1em;
  padding-left: 0.3em;
}
#divEventSubscribe label, #divContact label
{
  width: 155px; /* Width of labels */
}
#divEventSubscribe fieldset fieldset label, #divContact fieldset fieldset label
{
  margin-left: 123px; /* Width plus 3 (html space) */
}

#btnEventSubscribe, #btnContact /*, #btnSubmit, #btnClose*/
{
  float: right;
  border: 2px groove #ccc;
  padding: 4px 8px;
  background-color: #aaa;
  color: #fff;
  font-weight: bold;
}
#btnEventSubscribe:hover, #btnContact:hover, #btnDownload:hover
{
  border-style: ridge;
  color: #000;
  text-decoration: none;
}

#btnClosePopup
{
  width: 20px;
  height: 20px;
  text-indent: 30px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  background: url("../Theme_Images/btn-close.png") no-repeat bottom;
}
#btnClosePopup:hover
{
  background-position: top;
}

/**** customer/sectors pages ****/
#divSectors .clientStatus
{
  padding: 10px 0 25px;
}
#divSectors select
{
  width: 150px;
}
#divSectors .clientError
{
  color: #f00;
}
#divSectors .clientLoading
{
  background: url("../Theme_Images/ajax-loader.gif") no-repeat left center transparent;
  padding-left: 22px;
}

#divSectors
{
  margin-top: 20px;
}