/*
  @Nuno Costa [criacaoweb.net] Core CSS.
  @Licensed under GPL and MIT.
  @Status: Stable
  @Version: 0.1-20090418
  
  @Contributors:
  
  --------------------------------------------------------------- 
*/
/*----------- Global Containers ----------- */
/* 
.core-wrap-100   =  width - 100% of Browser Fluid
.core-wrap-960   =  width - 960px  - fixed
.core-wrap-780   =  width - 780px  - fixed
.custom-wrap-x   =  width -  custom   - declared in another css (your site css)
*/
.core-wrap-100 {
	width: 100%;
}
.core-wrap-960 {
	width: 960px;
}
.core-wrap-780 {
	width: 780px;
}
.core-wrap-100,
.core-wrap-960,
.core-wrap-780,
.custom-wrap-x {
	margin-left: auto;
	margin-right: auto;
}
/*----------- Global Float ----------- */
.core-wrap-100  .core-float-left,
.core-wrap-960  .core-float-left,
.core-wrap-780  .core-float-left,
.custom-wrap-x  .core-float-left {
	float: left;
	display: inline;
}
.core-wrap-100  .core-float-right,
.core-wrap-960  .core-float-right,
.core-wrap-780  .core-float-right,
.custom-wrap-x  .core-float-right {
	float: right;
	display: inline;
}
/*----------- Global Center ----------- */
.core-wrap-100   .core-center,
.core-wrap-960   .core-center,
.core-wrap-780   .core-center,
.custom-wrap-x   .core-center {
	margin-left: auto;
	margin-right: auto;
}
/* Stylesheet: CFCore Modified On 2011-07-13 11:39:49 */
/* Sample FormBuilder CSS base */
form {margin-top:0}
form, td, th, li { font-size: 100%}
form div {margin-bottom:0}
fieldset div {
	margin-bottom:0.5em;
	margin-left:0em;
}
fieldset div div {
	margin-top:0.5em;
	margin-left:1em
}
fieldset {
	margin-bottom:1em;
	border:0px solid #F60;
	padding:0em
}
fieldset label {
	width:auto;
}
legend {
	color:#FFF;
	background:#F60;
	font-style:italic;
	font-size:1.2em;
	margin-bottom:0.5em;
	padding:0.2em;
	width:auto;
	border:0px solid #CCC;
        display: none;
}
textarea {
	margin: 0.5em 0;
	width:98%;
	height: 6em
}

/* Apply this class to text/select input fields with shorter labels
	to help alignment */
.short-label label {float:left; width:10em}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}

/* Pretty up your Captcha image output */
.captcha {
	margin:0.5em 0;
	width:200px;
	text-align:center
}
.captcha img {border:1px solid #F60; margin-bottom:0.5em}
.captcha input {width:196px; margin-top:0.5em}

/* Just a bit more room for the Submit button */
.submit {margin-top:0.5em}

.contactform input {
	border: 1px dotted #333;
	width: 290px;
	font-size: 90%;
	padding: 4px;
	margin-bottom: 5px;
	background: white;
	margin-top: 5px;
}

.contactform .options input {
	border: 1px dotted #333;
	width: auto;
	font-size: 90%;
	padding: 4px;
	margin-bottom: 2px;
	background: white;
	margin-top: 5px;
}

.contactform .options select {
	border: 1px dotted #666;
	width: 90px;
	font-size: 90%;
	padding: 4px;
	margin-bottom: 2px;
	background: white;
	margin-top: 5px;
}
.contactform select {
	border: 1px dotted #666;
	width: 300px;
	font-size: 90%;
	padding:  5px;
	margin-bottom: 5px;
	background: white;
	margin-top: 5px;
}

.contactform .multiple select {
	border: 1px dotted #666;
	width: auto;
	font-size: 90%;
	padding:  5px;
	margin-bottom: 5px;
	background: white;
	margin-top: 5px;
}

.contactform input.checkbox {border: none;}
.contactform label {
	display: block;
	float: left;
	width: auto;
       margin: 5px;
}
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	background: #FFF;
	border: 1px dotted #333;
       width: 290px;
       font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
       font-size: 90%;
       padding: 4px;
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}

.formbuilderform input {border: 1px solid #999; width: auto;   font-size: 100%; padding: 5px; margin-bottom: 5px; background: #FFF}

.formbuilderform textarea {
	background-color: #FFF;
	border: 1px solid #999;
       width: 290px;
       font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
         font-size: 100%;
       padding: 5px;
}

.formbuilderform select {
       width: auto;
       font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 100%;
       padding: 5px;
       width: 100px;
}

.orderform input {border: 1px solid #999; width: 250px; font-size: 90%; padding: 4px; margin-bottom: 5px; background: #FFF;}
.orderform input.checkbox {border: none;}
.orderform label {
	display: block;
	float: left;
	width: 150px;
}
.orderform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.orderform textarea {
	background-color: #FFF;
	border: 1px solid #999;
       width: 290px;
       font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
       font-size: 90%;
       padding: 4px;
}

.submit input {border: 1px solid #000; width: auto; padding: 4px; margin-bottom: 5px; background: #333; color: #FFF;}

.formitem input {border: 1px solid #000; width: 40px; font-size: 90%; padding: 4px; margin-bottom: 5px; background: #333300; color: #FFF;}

#login td.reg_input {
  padding: 3px 0 3px 0;
   text-align: left;
}
.reg_input input {
  border: 1px #333 dotted;
  padding: 3px;
  width: auto;
}
.reg_input select {
  border: 1px #333 dotted;
  padding: 3px;
}
.reg_input label {
  margin: 0 10px 0 5px;
}
#login td.reg_label {
  margin: 0 10px 0 5px;
  text-align: left;
}
/* Stylesheet: CFForms Modified On 2011-07-20 11:20:24 */
.menuwrapper { position: absolute; width: 960px; top: 340px; left: 0px; z-index: 80; background: #999;}
div#copyright { display: none; }
#menu {
    position:relative;
    z-index:81;
    height:40px;
}
#menu .menu {
    position:absolute;
}
#menu * {
    list-style:none;
    border:0;
    padding:0;
    margin:0;
}
#menu a {
    display:block;
    padding:11px 10px 11px 10px;
    white-space:nowrap;
}
#menu li {
    float:left;
    background:#666;
}
#menu li li {
    float:none;
    _border:1px solid #c4c4c4; /** fix for ie6 */
}
#menu div {
    visibility:hidden;
    position:absolute;
    background:url(https://cyferfontein.com/lib/jquery/js/images/pix.gif);
}
#menu div div {
    margin:-24px 0 0 -1px;
    left:100%;
}
#menu li:hover>div { visibility:visible; }

/* menu::special styles */
/* menu::level 1 */
#menu a {
    text-decoration:none;
    color:#333;
    position:relative;
    z-index:77;
}
#menu a:hover {
    background:#292929 /* url(https://cyferfontein.com/lib/jquery/js/images/back.png); */;
    color:#FFF;
}
#menu a:hover span { color:#bbb; }
#menu>ul>li:hover>a {
    background:#292929 /* url(https://cyferfontein.com/lib/jquery/js/images/back.png); */;
    color:#EEE;
}
#menu>ul>li:hover>a span { color:#FFF; }
#menu span {
    text-transform:uppercase;
    font:14px 'Trebuchet MS', Arial, Helvetica, Sans-serif;
    color:#FFF;
}
#menu li { background:none; }
/* menu::level >= 2 */
#menu li li a {
    padding:0;
    position:static;
}
#menu li li a:hover { background:#888; }
#menu li li a span { color:#fff; }
#menu li li a:hover span { color:#ffffff; }
#menu li li a.parent span { color: #FFF; background:#888; /* background:url(https://cyferfontein.com/lib/jquery/js/images/pointer.gif) no-repeat right 9px; _background-position:right 10px; */ }
*+html #menu li li a.parent span { background-position:right 10px; }
#menu li li span {
    display:block;
    text-transform:none;
    line-height: 24px;
    padding:4px 25px 4px 14px;
    font-size:14px;
}
#menu li div { background:#292929 /* url(https://cyferfontein.com/lib/jquery/js/images/back.png); */; }
/** <fix for ie6> */
#menu div div {
    _margin-top:-25px;
    _background:#c4c4c4;
}
#menu li li li { _border:1px solid #c4c4c4; }
#menu div div div { _background:#c4c4c4; }
#menu li li li li { _border:1px solid #c4c4c4; }
/** </fix for ie6> */

/* lava lamp */
div#menu li.back {
    width:10px;
    height:40px;
    z-index:8;
    position:absolute;
}
div#menu li.back .left {
    width:auto;
    height:40px;
    float:none;
    position:relative;
    top:0;
    left:0;
    visibility:visible;
}

/* Stylesheet: CFMenu Modified On 2011-07-13 12:18:49 */
div#news {
/* margin for the entire div surrounding the news items */
	margin: 0;
/* border set here */
	border: 0px solid #909799;
/* sets it off from surroundings */
	background: #f5f5f5;
}
div#news h2 {
	line-height: 2em;
/* you can set your own image here */
	background: url(uploads/ngrey/darknav.png) repeat-x left center;
	color: #f5f5f5;
	border: none
}
.NewsSummary {
/* padding for the news article summary */
	padding: 0 0 25px 0;
/* margin to the bottom of the news article summary */
	margin: 0;
	border-bottom: 0px solid #ccc;
}
.NewsSummaryPostdate {
/* smaller than default text size */
        margin-bottom: 5px;
	font-size: 90%;
/* bold to set it off from text */
	font-weight: bold;
}
.NewsSummaryLink {
/* bold to set it off from text */
	font-weight: bold;
/* little more room at top */
	padding-top: 0.2em;
}
.NewsSummaryCategory {
   display: none;
/* italic to set it off from text */
	font-style: italic;
	margin: 5px 0;
}
.NewsSummaryAuthor {
   display: none;
/* italic to set it off from text */
	font-style: italic;
	padding-bottom: 0.5em;
}
.NewsSummarySummary, .NewsSummaryContent {
/* larger than default text */
        margin-top: 5px;
	line-height: 140%;
}
.NewsSummaryMorelink {
        color: #f05a89;
	padding-top: 5px;
        float:right;
        margin-bottom: 10px;
}
#NewsPostDetailDate {
/* smaller text */
	font-size: 90%;
	margin-bottom: 5px;
/* bold to set it off from text */
	font-weight: bold;
}
#NewsPostDetailSummary {
/* larger than default text */
	line-height: 150%;
}
#NewsPostDetailCategory {
   display: none;
/* italic to set it off from text */
	font-style: italic;
	border-top: 1px solid #ccc;
	margin-top: 0.5em;
	padding: 0.2em 0;
}
#NewsPostDetailContent {
	margin-bottom: 15px;
/* larger than default text */
	line-height: 150%;
}
#NewsPostDetailAuthor {
   display: none;
	padding-bottom: 1.5em;
/* italic to set it off from text */
	font-style: italic;
}
#NewsPostDetailPrintLink {
  display: none;
}
/* more divs, left unstyled, just so you know the IDs of them */ 
#NewsPostDetailTitle {
}
#NewsPostDetailHorizRule {
}
#NewsPostDetailPrintLink {
}
#NewsPostDetailReturnLink {
}

ul.list1 {display: none; list-style: none;}

div#news ul li {
	list-style: none;
}
/* Stylesheet: CFNews Modified On 2011-07-13 11:40:48 */
/*
Example stylesheet for Calendar module

For using this "big"-class insert something like this in your page
or template;

{cms_module module='Calendar'}

*/



/* make all links red */
.calendar tr td a
{
  color: red;
}

/* highlight "today" for the small calendar */
.calendar-today
{
  font-weight: bold;
}

/* display the "upcominglist" as one line per entry (assuming default class and id names) */
#cal-upcominglist .calendar-date-title
,#cal-upcominglist .calendar-summary-title
{
  display: none;
}

#cal-upcominglist h2
,#cal-upcominglist .calendar-date
,#cal-upcominglist 
{
  display: inline;
  margin-right: 5px;
}

/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1
{
  color: red;
  font-size: 120%;
}
#cal-list h2, cal-upcominglist h2
{
  font-size: 110%;
}

/** large calendar rules (assuming default class and id names) **/
/* border on for #cal-calendar */
#cal-calendar{
  margin: 0px;
  border-collapse:    collapse;
  border: 1px solid black;
}

/* nice squares for the #cal-calendar table */
#cal-calendar th
{
  border: 1px solid black;
  padding: 3px;
  width: 75px;
}

#cal-calendar td {
  border: 1px solid black;
  vertical-align: top;
  padding: 3px;
  height: 75px;
  width: 75px;
}

/* format summaries nicely in #cal-calendar */
#cal-calendar ul
{
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
}

#cal-calendar li
{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

/* background colours for #cal-calendar */
#cal-calendar td
{
  background-color: silver;
}

#cal-calendar .calendar-day
{
  background-color: #80ff80;
}

#cal-calendar .calendar-today
{
  font-weight: normal;
  background-color: #8080ff;
}

.calendar-event {
  position: relative;
  padding-bottom: 0px;
  border-bottom: 1px #CCC dotted;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 605px;
}

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
  display: none;
}

.calendar-summary {display: inline; width: 260px; float: left; margin-right: 10px;}
.calendar-date-from {position: relative; display: inline; width: 100%; float: left; margin-bottom: 10px; }

#small tr td a:link, #small tr td a:visited
{
  color: white;
  font-weight: bold;
}

#small tr td ul a
{
  display: none;
}
#small tr td li a
{
  display: none;
}

#small th
{
  border: 1px solid #CCC;
  padding: 2px;
  width: 14%;
  background: #EEE;
  color: #333;
  font-size: 90%;
}
#small td {
  border: 1px solid #CCC;
  vertical-align: top;
  padding: 2px;
  height: 14%;
  width: 14%;
  background: none;
  font-size: 90%;
}

/* format summaries nicely in #big */
#small ul
{
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
}

#small li
{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

#small .calendar-today
{
  color: #000;
  font-weight: normal;
  background: #EEE;
}

#small .booked {
  color: white;
  background: silver;
}

#small .calendar-day
{
  background: #EEE;
}

#small {
  width: 310px;
  margin: 0px;
  border-collapse: collapse;
  border: 1px solid #CCC;
  font-size: 90%;
}

.calendar-returnlink {display: none;}
{*
.calendar-date-from {margin-bottom: 5px;}
*}
/* Stylesheet: CFCalendar Modified On 2011-09-06 14:44:11 */