/**
 * Reset browser default settings. Do not reset settings for those elements,
 * which are not later defined in typo.css or forms.css.
 *
 * @package    themes
 * @subpackage default2
 * @author     Dmitri Lakachauskis <lakiboy83@gmail.com>
 */

/* Block elements */
body, p, pre { /* blockquote */
    margin: 0;
    padding: 0;
}


/* Headers */
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-size: 1em;
    font-weight: normal;
}


/* Lists */
dl, dt, dd, ul, ol, li {
    margin: 0;
    padding: 0;
}
ol, ul {
    list-style: none;
}


/* Misc */
a {
    outline: none;
}
img, iframe {
    border: none;
}


/* Tables */
th, td {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    padding:3px;
}


/* Forms */
form, fieldset, legend, input, textarea, select {
    margin: 0;
    padding: 0;
}
fieldset {
    border: none;
}
input, textarea, select {
    font-size: 1em;
    font-family: inherit;
}


/* Inline elements */
/*
address, cite, code, dfn, em, strong, var {
    font-style: normal;
    font-weight: normal;
}
abbr, acronym {
    border: 0;
}
*/
/**
 * Tools:
 *   - easy clearing method
 *   - replace (useful for screen readers)
 *   - accessibility (useful for screen readers)
 *
 * @package    themes
 * @subpackage default2
 */

/* clearing */
.stretch,
.clear {
    clear: both;
    height: 1px;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 1px;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix { /* make method ie7 compatible */
    #display: inline-block;
}
* html .clearfix {
    /* Hides from IE-mac \*/
	height: 1%;
	display: block; /* restore block display for ie6 */
	/* End hide from IE-mac */
}
/* end clearing */


/* replace */
.replace {
    display: block;

	background-repeat: no-repeat;
	background-position: left top;
	background-color: transparent;
}
/* tidy these up */
.replace * {
    text-indent: -10000px;
    display: block;

    background-repeat: no-repeat;
    background-position: left top;
    background-color: transparent;
}
    .replace a {
		text-indent: 0;
	}
        .replace a span {
            text-indent: -10000px;
        }
/* end replace */


/* accessibility */
span.accesskey {
    text-decoration: none;
}
.accessibility {
    position: absolute;
    top: -9999em;
    left: -9999em;
}
/* end accessibility */


/* hide */
.hide {
    display: none;
}
/**
 * Typography.
 *
 * @package    themes
 * @subpackage default2
 * @author     Julien Casanova <julien_casanova@yahoo.fr>
 * @author     Dmitri Lakachauskis <lakiboy83@gmail.com>
 */

/* Blocks */
body {
    font-family: Verdana, Arial, sans-serif;
    font-size: 8pt;
    line-height: 1.4em;
    color: #666;
}
p {
    margin-bottom: 1.5em;
    font-size: 1em;
    line-height: 1.4em;
    
}

div#staticArticle {
}
div#staticArticle p{
		margin-right:10px;
		text-align:left;
}

pre { /* blockquote */
    margin-bottom: 1em;
    border: 1px solid #666;
    border-left: 5px solid #666;
    padding: 1em;
    background-color: #eee;
    font-family: monospace;
    font-size: 1em;
}
/* END blocks */


/* Headings */
h1 {
    margin-bottom: 1em;
    border-bottom: 1px solid #333;
    padding-bottom: 0.3em;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.3em;
    color: #333;
}
h2 {
    margin-bottom: 0.5em;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.3em;
    color: #666;
}
h3 {
		background: url(http://www.ccaecanada.org/themes/default/images/h3_bg.gif) no-repeat;
		padding-left:10px;
    margin-bottom: 1.2em;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.2em;
    color: #1A3A4D;
}
#users h3 {
		background: none;
		padding-left:0px;
}
#body-right h3 {
		margin-bottom: 0.3em;
}
h4 {
    margin-bottom: 0.2em;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.2em;
    color: #666;
}
h5 {
    margin-bottom: 0.1em;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.1em;
    color: #666;
}
h6 {
    margin-bottom: 0.1em;
    font-size: 1em;
    font-weight: bold;
    line-height: 1em;
    color: #666;
}
/* END headings */

/* Lists */
ul {
	margin: 0 0 0.7em 1em;

    list-style: none outside url(http://www.ccaecanada.org/themes/default/images/bullets/default.gif);
    line-height: 1.3em;
}
    ul li {
        margin-left: 30px;
	}
ol {
    margin: 0 0 0.7em 1em;
    list-style: outside decimal;
    line-height: 1.3em;
}
    ol li {
        margin-left: 30px;
	}
dl {
    margin-bottom: 0.7em;
    line-height: 1.3em;
}
	dl dt {
	    font-weight: bold;
	}
	dl dd {
        margin-bottom: 0.2em;
		margin-left: 30px;
	}
/* END lists */


/* Links */
a,
a:link,
a:active {
    color: #55A0C7;
    text-decoration: none;
}

a:visited {
    /* color: #184a84; */
}
a:hover {
    text-decoration: underline;
}

#users a {
    color: #000;
    text-decoration: none;
}
/* END links */


/* Misc */
hr {
    display: none;
}
div.hr {
    margin: 1em auto;
    height: 1px;
    background-color: #999;
    line-height: 1px;
}
@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) CSS-component for creating vertical forms
 * (de) CSS-Baustein zur Erstellung von Formularen mit untereinander angeordneten Elementen
 *
 * @note            Many thanks to Ansgar Hein (http://www.anatom5.de) for contribution
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

@media all
{
  /**
   *  YAML Forms - visual styling
   *
   *  (en) visual form styling area
   *  (de) Festlegung des optischen Erscheinungsbildes
   */

  form.yform {
    background: #f4f4f4;
    border: 1px #ddd solid;
    margin: 0 0 1em 0;
    padding: 10px;
  }

  form.yform fieldset {
    border: 1px #ddd solid;
    background: #fafafa;
    margin: 0 0 1em 0;
    padding: 0.5em 1em;
  }

  form.yform legend {
    font-size: 125%; font-weight: normal; color: #000;
  }

  form.yform label {
    color: #666;
    font-weight: bold;
  }

  form.yform .type-text input,
  form.yform .type-text textarea,
  form.yform .type-select select {
    font-family:  Arial, Helvetica, sans-serif; /* proportional fonts for all form elements */
    border: 1px solid #ddd;
  }

  /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
  form.yform div input:focus,
  form.yform div select:focus,
  form.yform div textarea:focus,
  form.yform div input:hover,
  form.yform div select:hover,
  form.yform div textarea:hover,
  form.yform div input:active,
  form.yform div select:active,
  form.yform div textarea:active {
    border: 1px #a66 solid;
    background: #fff;
  }

  /* Styling of buttons | Gestaltung von Buttons */
  form.yform .type-button input {
    border-top: 1px #ddd solid;
    border-left: 1px #ddd solid;
    border-right: 1px #444 solid;
    border-bottom: 1px #444 solid;
    color: #000;
    background: #454545 url(/themes/default/css/yaml/screen/images/button_gray.png) top left repeat-x;
    padding: .5em 1.2em;
  }

  form.yform .type-button input#reset { color: #300; background: #661717 url(/themes/default/css/yaml/screen/images/button_red.png) top left repeat-x; }
  form.yform .type-button input#submit { color: #330; background: #5e5607 url(/themes/default/css/yaml/screen/images/button_yellow.png) top left repeat-x; }

  /* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
  form.yform div.type-button input:focus,
  form.yform div.type-button input:hover,
  form.yform div.type-button input:active {
    border-top: 1px #444 solid;
    border-left: 1px #444 solid;
    border-right: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
    color: #fff;
    background: #555; 
  }

  form.yform div.type-button input#reset:focus,
  form.yform div.type-button input#reset:hover,
  form.yform div.type-button input#reset:active {
    background: #800; color: #fff;
  }

  form.yform div.type-button input#submit:focus,
  form.yform div.type-button input#submit:hover,
  form.yform div.type-button input#submit:active {
    background: #880; color: #fff;
  }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Vertical-Forms - technical base (standard)
  *
  * |-------------------------------|
  * | fieldset                      |
  * |-------------------------------|
  * |   label                       |
  * |   input / select / textarea   |
  * |-------------------------------|
  * | /fieldset                     |
  * |-------------------------------|
  *
  * (en) Styling of forms where both label and input/select/textarea are styled with display: block;
  * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display: block; gestaltet werden
  *
  * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* General form styling  | Allgemeine Formatierung des Formulars */
  form.yform { overflow: hidden; }
  form.yform fieldset { overflow: hidden; }
  form.yform legend { background: transparent; border: 0; }
  form.yform label { display:block; cursor: pointer; }
  form.yform .message { display: block; margin-bottom: 0.5em; color: #666; }

  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
  form.yform input[type=hidden] { display: none !important; }

  /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
  form.yform sup { color: #800; font-weight: bold; }

  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
  form.yform div.type-text,
  form.yform div.type-select,
  form.yform div.type-check,
  form.yform div.type-button {
    margin: 0.5em 0;
    position: relative;
    overflow: hidden;
  }

  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  form.yform .type-text input,
  form.yform .type-text textarea {
    display: block;
    position: relative;
    padding: 0.3em 0.3em;
    width: 58.5%;
  }

  form.yform .type-select select {
    display: block;
    position: relative;
    padding: 0.3em 2px 0.3em 1px;
    width: 60%;
    cursor: pointer;
  }
  form.yform .type-select select optgroup {
    font-style: normal;
    font-weight: bold;
  }

  form.yform .type-check input { cursor: pointer; }
  form.yform .type-check label { display: inline; }

  /* Styling of buttons | Gestaltung von Buttons */
  form.yform .type-button input {
    width: auto;
    cursor: pointer;
  }

  /* Styling of error-messages | Fehlermeldungen */
  form.yform div.error {
    border: 1px #a00 dashed;
    background: #faf4f4;
    padding: 0.5em;
  }

  form.yform div.error label { color: #000; font-weight:bold; }
  form.yform div.error .message { color: #800; }
  form.yform span.error{ color: #800; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Columnar forms display - technical base (optional)
  *
  * |-------------------------------------------|
  * | fieldset                                  |
  * |-------------------------------------------|
  * |                                           |
  * |   label   |   input / select / textarea   |
  * |                                           |
  * |-------------------------------------------|
  * | /fieldset                                 |
  * |-------------------------------------------|
  *
  * (en) Styling of forms where label floats left of form-elements
  * (de) Formulargestaltung, bei der die label-Elemente nach links fließen
  *
  * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* Columnar display | Spalten-Darstellung */
  .columnar .type-text label,
  .columnar .type-select label {
    float: left;
    width: 30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
  }

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
  .columnar div.type-check { padding-left: 30%; }
  .columnar div.error .message { margin-left: 30%; }

  .columnar div.type-text input,
  .columnar div.type-text textarea { width: 67.8%; }
  .columnar div.type-select select { width: 69.4%; }
  
  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
  * html .columnar div.type-text input,
  * html .columnar div.type-text textarea { width: 67.2%; }
  * html .columnar div.type-select select { width: 68.8%; }
  
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Forms Fieldset/Legend-Bug in IE
  * @see http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/
  *
  * @workaround
  * @affected IE 5.x/Win, IE6, IE7
  * @css-for IE 5.x/Win, IE6, IE7
  * @valid yes
  */
  
  /* IE5.x & IE6 */
  * html form.yform legend { position:absolute; top: -.5em; left: .5em; }
  * html form.yform fieldset { overflow:visible; height: 1%; margin-top:1.5em; padding-top:1.5em; }

  /* IE7 */
  *+html form.yform legend { position:absolute; top: -.5em; left: .5em; }
  *+html form.yform fieldset { overflow:visible; height:1%; margin-top:1.5em; padding-top:1.5em; }
}

/**
 * Forms.
 *
 * @package    themes
 * @subpackage default2
 * @author     Dmitri Lakachauskis <lakiboy83@gmail.com>
 */

/* Fieldset / legend */
fieldset {
    margin-bottom: 0.6em;
    padding: 1em 0 0.5em;
    #padding-top: 0; /* fix MSIE fieldsetPadding behaviour */
}
fieldset.noLegend {
    padding-top: 0;
}
fieldset.hr {
    border-top: 1px solid black;
}
fieldset.lastChild {
    margin-bottom: 0;
    padding-bottom: 0;
}
    fieldset legend {
        #margin-bottom: 0.8em; /* fix MSIE behaviour */
        #margin-left: -7px;
        #padding-bottom: 0.2em;

        padding-right: 0.5em;
        font-weight: bold;
        font-size: 1.1em;
        color: #333;
    }
fieldset.noBorder {
	border:none;
}

/* Form elements */
input.text, select, textarea {
    border-width: 1px;
    border-style: solid;
    border-color: #7c7c7c #c3c3c3 #ddd #c3c3c3;
    background: #fff url(http://www.ccaecanada.org/themes/default/images/bg/form_input_m.gif) repeat-x left top;
    font-size: 0.9em;
    color: #666;
}
textarea {
    height: 6em;
}
label {
    color: #666;
}

#frmLogin {
}


/* Ordered list for displaying form elements */
form fieldset ol {
    margin: 0;
    list-style: none;
    line-height: 1em;
}
    form fieldset ol li {
        clear: left;
        margin: 0;
        padding-bottom: 0.6em;
        padding-left: 160px;
            }
        form fieldset ol li div {
                        #display: inline; /* fix MSIE */
            margin-bottom: 0;
        }
        form fieldset ol li label {
            float: left;
            margin-left: -160px;
            width: 140px;
            text-align: right;
        }
        form fieldset ol li p { /* field comments */
            margin-top: 0.2em;
            margin-bottom: 0;
            font-size: 0.9em;
        }
        form fieldset ol li p.error { /* field error */
            margin-top: 0;
            margin-bottom: 0.3em;
            color: #f00;
        }


/* Fields on top */
form fieldset ol.onTop {
}
    form fieldset ol.onTop li {
        clear: none;
        padding-left: 0;
            }
        
        form fieldset ol.onTop li label {
            float: none;
            display: block;
            margin-left: 0;
            margin-bottom: 0.2em;
            width: auto;
            text-align: left;
        }


/* Additional */
form em {
    font-style: normal;
    color: #f00;
}
form div,
form p {
    margin-bottom: 0.6em;
}
form .fieldIndent {
    margin-left: 160px;
}


/* No forms layout */
div.fieldsetlike {
    padding-bottom: 0.6em;
}
    div.fieldsetlike h3 {
        margin-bottom: 0.6em;
        font-weight: bold;
        font-size: 1.1em;
        line-height: 1.1em;
        color: #333;
    }
    div.fieldsetlike dl {
        margin-left: 160px;
        margin-bottom: 0;
        line-height: 1em;
    }
        div.fieldsetlike dl dt {
            float: left;
            display: inline;

            overflow: hidden; /* one row label only */
            height: 1.2em;

            margin-left: -160px;
            width: 140px;
            text-align: right;
            font-weight: normal;
            color: #333;
        }
        div.fieldsetlike dl dd {
            margin-left: 0;
            margin-bottom: 0.4em;

            min-height: 1.2em;
            _height: 1.2em; /* min height for ie6 */

            padding-bottom: 0.2em; /* fix MSIE bug */
            color: #666;
        }
/* END no forms layout */
/**
 * Site specific layout.
 *
 * @package    themes
 * @subpackage default2
 * @author     Julien Casanova <julien_casanova@yahoo.fr>
 * @author     Dmitri Lakachauskis <lakiboy83@gmail.com>
 */

html { /* inforces screen to show scrollbar */
    height: 100%;
    margin-bottom: 1px;
}
body {
    padding-bottom: 10px;
    background: #56A0C7 url(http://www.ccaecanada.org/themes/default/images/body_bg.jpg) repeat-x ;
}

/* Wrappers */
div#wrapper-outer {
    margin: 0px auto 0;
    width: 836px;
    
}
div#wrapper-inner {
    background-color: #fff;
}


/* Header */
div#header {
    padding-right: 20px;
    background: url(http://www.ccaecanada.org/themes/default/images/banner_bg.jpg) no-repeat  top;
    height:96px;
}
		div#header #logo {
				padding: 6px 0 0 43px;
				height:65px;
		}
	
		div#header #logo img { vertical-align:top; }
    

    div#header h1 {
        position: absolute;
        top: 0px;
        padding-top: 20px;
        background: url(http://www.ccaecanada.org/themes/default/images/banner.jpg) no-repeat left top;

        font-size: 30px;
        font-family: "Trebuchet MS";
    }
        div#header h1 a {
            background-color: transparent;
            text-decoration: none;
            color: #fff;

            display: block;
            width: 896px;
            height: 97px;
        }
            div#header h1 a span {
                display: block;
                text-indent: -9999px;
            }
    div#header #bugReporter {
        position: absolute;
        right: -10px;
        bottom: 2px;
        display: block;
        width: 10px;
        min-height: 10px;
        _height: 10px; /* min-height for ie6 */
        background: url(http://www.ccaecanada.org/themes/default/images/bug.gif) no-repeat right center;
    }

     #pdfDownload {
	text-decoration:none;

        bottom: 2px;
        display: block;
        width: 20px;
        height: 15px;
        _height: 15px; /* min-height for ie6 */
        background: url(http://www.ccaecanada.org/themes/default/images/pdf_button.png) no-repeat right center;
    }

     #sendEmail {
	text-decoration:none;
        bottom: 2px;
        display: block;
        width: 20px;
        height: 15px;
        _height: 15px; /* min-height for ie6 */
        background: url(http://www.ccaecanada.org/themes/default/images/email_button.png) no-repeat right center;
    }

    #doPrint {
	text-decoration:none;
        bottom: 2px;
        display: block;
        width: 20px;
        height: 15px;
        _height: 15px; /* min-height for ie6 */
        background: url(http://www.ccaecanada.org/themes/default/images/print_button.png) no-repeat right center;
    }



/* END header */


/* Footer */
div#footer {
    padding: 10px 38px;
    background: url(http://www.ccaecanada.org/themes/default/images/footer_bg.gif) no-repeat right bottom;
}
    
    div#footer p {
    		float:left;
        margin-bottom: 0.1em;
        font-size: 0.8em;
        color: #666666;
    }
/* END footer */
div#poweredby {
		padding-top:10px;
		text-align:center;
		margin: 0 auto;
}

/* Content */
div#content {
    background-color: #fff;
    
}

    /* Main */
    div#main {
        min-height: 350px;
        _height: 350px;  /* min height for ie6 */
        background-color: #fff;
        
    }

    /* Sub */
    div#sub {
        padding: 1em 4px 4px 0;
        background-color: #fff;
        background-image: url(http://www.ccaecanada.org/themes/default/images/right_nav_bg.jpg);
    		background-repeat: repeat-x;
    		color:#666;
    }
        div#sub div.inner {
            padding: 0.8em 5px 5px;
        }

    /* Local */
    div#local {
        padding-top: 0.8em;
    }
/* END content */

div#mini-block {
	padding-top:15px;
	margin:0;
	background: #fff url(http://www.ccaecanada.org/themes/default/images/sidebar.jpg) no-repeat top left ;
	width:170px;
}
div#body-right #mini-block {
		float:right;
		border: 10px solid #fff;
		border-top: none;
		background-color:#fff;
}
div#body-bottom  {
		float:left;
}
div#body-bottom #mini-block {
		float:left;
		padding:18px 18px 0 0;
		margin:0;
}


	div#mini-block h3 {
		padding:0 0 0 25px;
		height:21px;
	}
	
	div#mini-block h3.tools 			{background: url(http://www.ccaecanada.org/themes/default/images/icon-tools.gif) no-repeat 8px 2px;}
	div#mini-block h3.careers 		{background: url(http://www.ccaecanada.org/themes/default/images/icon-careers.gif) no-repeat 8px 2px;}
	div#mini-block h3.information {background: url(http://www.ccaecanada.org/themes/default/images/icon-information.gif) no-repeat 8px 0px;}
	div#mini-block h3.td 					{background: url(http://www.ccaecanada.org/themes/default/images/TDBlock.gif) no-repeat 18px 0px;}
		
	div#mini-block div#body {
		font-size:0.9em;
		border: 1px solid #BCCDD6;
		border-top: none;
		padding: 10px;
		padding-top: 20px;
		
	}
	
	div#pageopts {
		float:right; 
		height:1px; 
		width:70px; 
		margin-top:2px; 
		overflow:visible; 
		text-align:right;
		margin-right:10px;
	}
	

/* Left/right blocks */
div.block {
    margin-bottom: 1.5em;
}
    div.block h2 {
        margin: 0 10px 8px;
        padding: 0.4em;
        font-size: 1.1em;
        color: #333333;
        background: url(http://www.ccaecanada.org/themes/default/images/h2_bg_top.gif) no-repeat top left ;
    }
    div.block div.content {
        padding: 0.4em 10px;
        font-size: 0.9em;
    }
/* END left/right blocks */




/*
===================Manager-actions images=====================*/
/*-- Each action link (<a> tag) has a standard "action" class name
  -- plus a specific <action-type> class name e.g. "add", "edit",...
  -- to define which image to use. This allows to change assigned
  -- images in a single location : here. ---------------------*/
a.action {
    background-position: 3px 50%;
    background-repeat: no-repeat;
}
a.add {
    background-image: url('http://mds.dragonflyit.net/themes/default_admin/images/22/action_add.gif');
}
a.edit {
    background-image: url('http://mds.dragonflyit.net/themes/default_admin/images/22/action_edit.gif');
}
a.delete {
    background-image: url('http://mds.dragonflyit.net/themes/default_admin/images/22/action_delete.gif');
}
a.save {
    background-image: url('http://mds.dragonflyit.net/themes/default_admin/images/22/action_save.gif');
}
a.validate {
    background-image: url('http://mds.dragonflyit.net/themes/default_admin/images/22/action_validate.gif');
}
a.cancel {
    background-image: url('http://mds.dragonflyit.net/themes/default_admin/images/22/action_cancel.gif');
}
a.undo {
    background-image: url('http://mds.dragonflyit.net/themes/default_admin/images/22/action_undo.gif');
}
a.download {
    background-image: url('http://mds.dragonflyit.net/themes/default_admin/images/22/action_download.gif');
}
a.upload {
    background-image: url('http://mds.dragonflyit.net/themes/default_admin/images/22/action_upload.gif');
}
a.reorder {
    background-image: url('http://mds.dragonflyit.net/themes/default_admin/images/22/action_reorder.gif');
}
a.search {
    background-image: url('http://mds.dragonflyit.net/themes/default_admin/images/22/action_search.gif');
}
a.addcat {
    background-image: url('http://mds.dragonflyit.net/themes/default_admin/images/22/action_addcat.gif');
}
a.addrootcat {
    background-image: url('http://mds.dragonflyit.net/themes/default_admin/images/22/action_addrootcat.gif');
}
a.adduser {
    background-image: url('http://mds.dragonflyit.net/themes/default_admin/images/22/action_adduser.gif');
}
a.scannew {
    background-image: url('http://mds.dragonflyit.net/themes/default_admin/images/22/action_scannew.gif');
}
a.delorphaned {
    background-image: url('http://mds.dragonflyit.net/themes/default_admin/images/22/action_delorphaned.gif');
}

#manager-actions {
    position: relative;
    float: top left;
    width: 100%;
    height: 32px;
    padding: 1px 0;
    background: #efefef;
/*    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #afafaf; */
    z-index:1000;
}
html>body #manager-actions {
    padding: 1px 0 0;
}

#manager-actions span {
    float: left;
    text-indent: 2em;
    padding-right: 10px;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    color: #666666;
}
#manager-actions a, a.action {
    float: left;
    display: block;
    margin-right: 0.5em;
    padding: 0 4px 0 28px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #efefef;
    color: #666666;
    text-decoration: none;
    /* -- See below for each action backgroud image
    -----------------------------------------------*/
}
#manager-actions a:hover {
    background-color: #ffffff;
    border-style: solid;
    border-width: 1px;
    border-color: #666666;
}
#manager-actions a:active {
    background-color: #ffffff;
    border: none;
}
#manager-actions a:focus {
    background-color: #ffffff;
    border: none;
}

#manager-actions select {
    float: left;
    margin-top: 5px;
    margin-right: 5px;
}

fieldset.inside { /*
    -------------- also for pages without form (e.g. module/overview) */
    background: #ffffff;
}
fieldset.options {
    clear: left;
    background: #ffffff;
    border-top: none;
}
fieldset {
    margin: 0 0 1em;
    padding: 10px;
    border: 1px solid #afafaf;
}
fieldset p label {
/*    float: left; */
    text-align: right;
    padding-right: 20px;
}

form h3 {
    margin-bottom: 0.5em;
    font-size: 1.2em;
    color: #afafaf;
}
fieldset h3 {
    font-size: 1.1em;
}
fieldset p {
    line-height: 1.8;
    margin: 0.5em 0 0.5em;
}
fieldset p label {
/*    float: left; */
    text-align: right;
    padding-right: 20px;
    color: #246C94;
}
fieldset textarea {
    font-family: arial, verdana, helvetica, sans-serif;
}
input.smallText {
    width: 70px;
}
input.mediumText, textarea.mediumText, select.mediumText {
    width: 120px;
}
input.longText, textarea.longText {
    width: 450px;
}
textarea.largeText {
    width: 450px;
    height: 200px;
}
#content {
    clear: both;

    padding-bottom: 40px; /* TO REMOVE */
}
/*
========================Options Links=========================*/
#optionsLinks {
    float:left;
    width:100%;
    background: url('http://mds.dragonflyit.net/themes/default_admin/images/backgrounds/bg_tabs.gif') repeat-x left bottom;
    font-size: 0.9em;
}
#optionsLinks ul {
    padding:10px 7px 0;
}
#optionsLinks li {
    float:left;
    width: auto;
    background: url('http://mds.dragonflyit.net/themes/default_admin/images/backgrounds/tab_right.gif') no-repeat right top;
}
#optionsLinks li.current {
    background-image: url('http://mds.dragonflyit.net/themes/default_admin/images/backgrounds/tab_right_on.gif');
}
#optionsLinks a {
    display: block;
    background: url('http://mds.dragonflyit.net/themes/default_admin/images/backgrounds/tab_left.gif') no-repeat left top;
    padding: 5px 10px 4px;
}
#optionsLinks li.current a {
    background-image: url('http://mds.dragonflyit.net/themes/default_admin/images/backgrounds/tab_left_on.gif');
    padding-bottom: 5px;
}
.full
{
width:100%;
}
.full td
{
padding:2px;
}

/**
 * Blocks.
 *
 * @package    themes
 * @subpackage default2
 * @author     Dmitri Lakachauskis <lakiboy83@gmail.com>
 */

/* Logout */
div#block-logout {
}
    div#block-logout strong {
        color: #666;
    }
    div#block-logout em {
        font-style: normal;
    }


/* Lang switcher */
div#langSwitcher {
    float: right;
}
    div#langSwitcher a {
        float: left;
        margin-left: 15px;
    }
        div#langSwitcher a img {
            display: block;
        }
#body-top {
		margin-bottom:10px;
}

/* Breadcrumbs */
#breadcrumbs {
    margin: 0;
    float: left;
}
    #breadcrumbs a {
        font-weight: bold;
        color: #66A326;
    }
    
#body-top .secondnav {
	background: url(http://www.ccaecanada.org/themes/default/images/secondnav_bg.gif) repeat-x;
	height:35px;
	margin-bottom:1px;
	width:565px;
	overflow: hidden;

}

#body-top .secondnav table
{
 margin-top:5px;
}
		#body-top .secondnav td {
        padding:0;margin:0;
        line-height:1.1em;
				list-style:none;
								text-align:center;
				vertical-align:middle;
				
    }
    #body-top .secondnav ul ul {
        display:none;
    }
    
		#body-top .secondnav td {
	width:140px;
	vertical-align:top;		
		
/*        float:left;*/
        padding:0;margin:0px;margin-left:0px;  padding-left:4px; padding-right:4px;
/*        min-width:75px; 
	max-width:120px;*/
	height:25px;
/*						max-width:100px; */
						text-align:center;
		/*				background: url(http://www.ccaecanada.org/themes/default/images/navBorder.gif) no-repeat right; */
		border-right:2px solid white;
        word-spacing:-1px; 
    }
		    #body-top .secondnav td a {
		        color:#fff;
		        padding:0px 0px 0px;
			font-size:10px;
		    /*    display:compact; */
		        
		    }
		    #body-top .secondnav td a:hover {
		        color:#0A2457;
		        
		    }
		#body-top .secondnav td.last
		{
		border-right:0px;
		}

/**
 * Common.
 *   - error messages
 *   - debug panel
 *   - tooltips
 *
 * @package    themes
 * @subpackage default2
 * @author     Julien Casanova <julien_casanova@yahoo.fr>
 * @author     Dmitri Lakachauskis <lakiboy83@gmail.com>
 */

/* Messages & errors */
div.message {
    margin: 0 auto;
}
    div.message p {
        margin-bottom: 1em;
        border-width: 2px;
        border-style: solid;
        padding: 0.5em;
        text-align: center;
    }
    div.message p.message-error {
        border-color: #f30;
        color: #f30;
    }
    div.message p.message-info {
        border-color: #66a326;
        color: #66a326;
    }
    div.message p.message-warning {
        border-color: #999;
        color: #999;
    }
    /* PEAR */
    div.message p.pear {
        border-top: none;
        border-color: #f30;
        text-align: left;
    }
    div.message h4 {
        border: 2px solid #f30;
        border-bottom: none;
        margin-bottom: 0;
        padding: 0.5em;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 0.3em;
        font-size: 1.1em;
        font-weight: bold;
        color: #f30;
    }
div#broadcastMessage {
    position: absolute;
    z-index: 300;
    left: 30px;
    top: 30px;
    width: 300px;
    padding: 10px 20px;
    background-color: #ffe9d9;
    color: #333;
}
    div#broadcastMessage a {
        position: absolute;
        right: 5px;
        top: 5px;
    }
/* END messages & errors */

#optionsLinks ul {
		list-style:none;
}
#optionsLinks ul li{
		padding:0;
		margin:0;
}

/* Debug panel */
div#debugPanel {
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    overflow: auto;
    border: 1px black solid;
    margin: 10px;
    min-width: 150px;
    height: 300px;
    padding: 5px 10px;
    background-color: #808080;
    opacity: 0.9;
    font-size: 0.9em;
    color: #333;
}
    div#debugPanel h3 {
        margin-bottom: 0.5em;
        color: #fff;
    }
    div#debugPanel a {
        color: #ccc;
        text-decoration: none;
    }
    div#debugPanel dl {
        margin-bottom: 0;
    }
        div#debugPanel dl dt {
            margin-bottom: 0.2em;
            font-weight: normal
        }
        div#debugPanel dl dd {
            margin-left: 0;
            margin-bottom: 0.5em;
        }
/* END debug panel


/* Turn of tooltips */
.tipOwner .tipText {
    display: none;
}
/**
 * - navigation bar at the top
 * - 2 columns (main + sub)
 *
 * @package    themes
 * @subpackage default2
 * @author     Dmitri Lakachauskis <lakiboy83@gmail.com>
 */


/**
 * - horizontal navigation
 * - toolbar
 *
 * @package    themes
 * @subpackage default2
 * @author     Dmitri Lakachauskis <lakiboy83@gmail.com>
 */

/* Main navigation */
div#mini-nav {
	height:1em;
	margin: 0 auto 8px;
	font-size:7pt;
}
div#mini-nav.banner {
	width:782px;
	padding-top:28px;
}
		div#mini-nav ul {
			list-style: none;
			float:right;
		}
		
		div#mini-nav ul li {
			float: left;
			margin: 0 5px;
		}
		
		div#mini-nav.banner a
		{
			color:#000;
		}
		
		div#mini-nav.footer a
		{
			color:#666;
		}
		div#mini-nav ul li a:hover, div#mini-nav ul li.current a {
        text-decoration: underline;
    }


div#nav-main {
    padding:0px 0 0 28px;
}
div#nav-main ul { margin: 0; padding: 0; list-style: none; position: relative; z-index:10;}

div#nav-main ul ul {
 width: 160px; /* Sub Menu Width */
 margin: 0;
 list-style: none;
 display: none;
 position: absolute;
 top: 100%;
 left: 0;
}

div#nav-main ul ul ul,div#nav-main ul ul ul ul { top: 0; left: 100%; }

div#nav-main ul li { float: left; display: inline; position: relative; margin: 0;list-style: none;}
div#nav-main ul ul li { width: 100%; display: block;}

/* Root Menu */
div#nav-main ul a {
 border-right: 1px solid #fff;
 padding: 0.65em .8em 0.55em;
 float: left;
 display: block;
 color: #fff;
 text-decoration: none;
 line-height:0.2em;
 list-style: none;
 
}
div#nav-main ul ul a {
	border-right: none;
 border-bottom: 1px solid #fff;
  padding:5px 10px;
 color: #fff;
 line-height:1.2em;
 
 
}

/* Root Menu Hover Persistence */
div#nav-main ul a:hover,div#nav-main ul li:hover a,div#nav-main ul li.iehover a {
 color: #0A2457;
}

/* 2nd Menu */
div#nav-main ul li:hover li a,div#nav-main ul li.iehover li a {
 float: none;
 background: #A2BCD5;
 color:#fff;
}

div#nav-main ul ul li:hover li a,div#nav-main ul ul li.iehover li a {
 float: none;
 background: #A2BCD5;
 color:#fff;
}

/* 2nd Menu Hover Persistence */
div#nav-main ul li:hover li a:hover,div#nav-main ul li:hover li:hover a,div#nav-main ul li.iehover li a:hover,div#nav-main ul li.iehover li.iehover a {
 background: #5A86B3;
}

/* 3rd Menu */
div#nav-main ul li:hover li:hover li a,div#nav-main ul li.iehover li.iehover li a {
 background: #5A86B3;
}

/* 3rd Menu Hover Persistence */
div#nav-main ul li:hover li:hover li a:hover,div#nav-main ul li:hover li:hover li:hover a,div#nav-main ul li.iehover li.iehover li a:hover,div#nav-main ul li.iehover li.iehover li.iehover a {
 background: #5A86B3;
}

/* 4th Menu */
div#nav-main ul li:hover li:hover li:hover li a,div#nav-main ul li.iehover li.iehover li.iehover li a {
 background: #666;
}

/* 4th Menu Hover */
div#nav-main ul li:hover li:hover li:hover li a:hover,div#nav-main ul li.iehover li.iehover li.iehover li a:hover {
 background: #333;
}

/* Hover Function - Do Not Move */
div#nav-main ul li:hover ul ul,div#nav-main ul li:hover ul ul ul,div#nav-main ul li.iehover ul ul,div#nav-main ul li.iehover ul ul ul { display: none; }
div#nav-main ul li:hover ul,div#nav-main ul ul li:hover ul,div#nav-main ul ul ul li:hover ul,div#nav-main ul li.iehover ul,div#nav-main ul ul li.iehover ul,div#nav-main ul ul ul li.iehover ul { display: block; }
/* END main navigation */


/* Toolbar */
div#nav-main div#toolbar {
    border: 1px solid #bbb;
    margin-bottom: 2px;
    padding: 0.6em;
    height: 1.1em;
    font-size: 0.8em;
}
/* END toolbar */

div#content {
    position: relative;
    width: 782px;
    /* padding needed for navigation */
    padding-top: 1px;
    background-position: left 4.6em;
    margin:0 auto;
}
div#main {
    float: left;
    width: 565px;
    display: inline;

    margin-right: -200px;
}
div#sub {
    float: right;
    width: 212px;
    display: inline;
}
div#local {
    display: none;
}
div#nav-main {
    width: 782px;
    margin-top:6px;
}