/*
  Running MySource Matrix
  Developed by Squiz - http://www.squiz.net
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 26 July 2008 02:52:35
*/


/* content.css */

.hide {
    display: none;
}
* html .hide {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

#content_col a,
#content_col a:visited {
    color: #2999D5;
    text-decoration: underline;
}
#content_col a:hover {
    color: #000000;
    text-decoration: none;
}
#content_col a img {
    border: 3px solid #F8F8F8;
    padding: 3px;
}

hr {
    border: none;
    border-bottom: 1px solid #E5E5E5;
    height: 1px;
    margin: 1em 0 1em 0;
}
* html hr {
    margin: 0.8em 0 0 0;
}

i,
em {
    color: #333333;
}
.center {
    text-align: center;
}

.margin_both {margin-left: 1em; margin-right: 1em;}
.margin_left {margin-left: 1em;}
.margin_right {margin-right: 1em;}
.margin_top {margin-top: 1em;}
.margin_bottom {margin-bottom: 1em;}
.padding_top {padding-top:1em}
.padding_bottom {padding-bottom:1em}
.padding_all {padding: 1em;}
.float_right {float: right;}
.float_left {float: left;}

.margin_left_thumb {margin-left: 115px; position:relative;}

/* ------------------------ Heading Tags for inside pages ------------------*/

#content_col h1 {}

#content_col h2 {
    color: #a1a1a1;
    font-size: 2.3em;
    font-weight: normal;
    margin:9px 0 0 15px;
}

#content_col h3 {
    color: #00A6E5;
    font-size: 1.9em;
    font-weight: normal;
    margin-top: 0.5em;
    margin-bottom: 0.6em;
}

#content_col h4 {
    color: #000000;
    font-size: 1.3em;
    font-weight: bold;
}
#content_col h4 a, #content_col h4 a:visited {color: #000000;}

#content_col h5 {
    color: #00A6E5;
    font-size: 1.1em;
    font-weight: bold;
}
#content_col h5 a {color: #00A6E5;}

#content_col h6 {
    color: #000000;
    font-size: 1em;
    font-weight: bold;
}
#content_col h7 {
    color: #666666;
    font-size: 0.8em;
    font-weight: bold;
}
#content_col h8 {
    color: #666666;
    font-size: 0.6em;
    font-weight: bold;
}
#content_col h3 a, #content_col h3 a:visited,
#content_col h4 a, #content_col h4 a:visited,
#content_col h5 a, #content_col h5 a:visited,
#content_col h6 a, #content_col h6 a:visited {
    text-decoration: none;
}
#content_col .blue,
#content_col .blue a,
#content_col .blue a:visited {
    color: #00A6E5;
}

/* ----- general size adjust for the content column ----*/

#content_col_padder { /*this style effects the size of EVERYTHING in the content column */
    font-size: 1.1em;
}

/* ----- list styles ---------------------------------- */
#content_col ul {
    padding: 0;
    margin: 1.6em 0 2em 1.5em;
    list-style: none;
}
#content_col ul li {
    background-image: url();
    background-repeat: no-repeat;
    background-position: 0 0.3em;
    padding-left: 18px;
    margin: 0.2em;
    color: #333333;
}

/* ----- link styles ---------------------------------- */

/* ----- table styles --------------------------------- */

#content_col table {
    width: 100%;
}
#content_col td,
#content_col th {
    border: 0.3em solid #f0f0f0;
    padding: 0.5em;
    text-align: left;
    margin:0 0 15px 0;
}
#content_col th {
    color:#00A6EE;
    text-transform: uppercase;
}

/* ---------- Common Asset Listing Styles -------------------------------- */

.major_list_item {
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 7px;
}

/* ------ box styles -----------------------------------*/

pre { /* the pre style is used by default for the content type 'code' */
    overflow: auto;
    padding: 1em;
    margin: 1.8em 0 2.2em 0;
    border: 1px dashed #BBCFD1;
    color: #0099CC;
}
* html pre { /* IE only style to fix a width issue associated with padding out the pre tag */
    width: 575px; /*in px to fix increase font size feature*/
    font-size: 1em;
    height: 5em;
}
* html li pre { /* IE only style to fix a width issue */
    width: 82%;
}

.intro p,
.tip p,
.info p 
{
    margin-top: 1em;
    margin-bottom: 0.5em;
}
.intro {
    background-color: #F1F1F1;
    padding: 15px;
    overflow: hidden;
    margin-bottom: 1.5em;
}
* html .intro {
    height: 1%;
}
.intro h4 {
    margin-top: 0.1em;
    font-size: 1.1em !important;
}

.bg_grey {
    background-color: #F8F8F8;
}
.bg_white {
    background-color: #FFF;
}

.tip {
    border: 1px solid #E5E5E5;
    background-image: url();
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 22px 25px 12px 50px;
    margin: 1.8em 0 2.2em 0;
    color: #74AD29;
}
.tip em, .tip i { color: #74AD29 !important;}

.warning {
    border: 1px solid #F6F691;
    background-image: url();
    background-color: #EDCF26;
    margin: 1.8em 0 2.2em 0;
    color: #000000;
    font-weight: bold;
}
.warning div {
    background-image: url();
    background-repeat: no-repeat;
    padding: 46px 1.5em 1.1em 46px;
}
.warning p {
    padding: 0;
    margin: 0.5em 0 0.5em 0;
}
.warning em, .warning i { color: #000000 !important;}

.info {
    border: 1px dashed #0099CC;
    background-image: url();
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 12px 25px 12px 50px;
    margin: 1.8em 0 2.2em 0;
    color: #0099CC;
}
.info em, .info i { color: #0099CC !important;}

.optional {
    background-image: url();
    background-color: #2C99D4;
}
.optional div {
    background-image: url();
    background-repeat: no-repeat;
    background-position: 10px 10px;
    padding: 10px 20px 10px 50px;
    color: #FFFFFF;
}
.optional div p {
    margin: 0.2em;
}
.optional div strong {
    font-size: 1.5em;
}

.quote {
    background-image: url("");
    background-position: 10px 10px;
    background-repeat: no-repeat;
    margin: 2em 1.5em 2em 1.5em;
    border-top: 3px solid #F1F1F1;
    border-bottom: 3px solid #F1F1F1;
}

.quote blockquote {
    background-image: url("");
    background-position: bottom right;
    background-repeat: no-repeat;
    padding-left: 10px;
    padding-right: 10px;
}

.quote blockquote p {
    font-style: italic;
    text-align: justify;
    line-height: 1.5;
}

.tree {
    background-image: url();
    background-repeat: no-repeat;
    background-position: 10px 10px;
    border: 1px dashed #CCCCCC;
    padding: 15px;
    padding-left: 50px;
    font-weight: bold;
    color: #000000;
}
.stripe_grey {
    background-image: url();
    background-position: 0 0;
    overflow: hidden;
    margin: 1.8em 0 0 0;
}
* html .stripe_grey {height: 1%}

.stripe_grey div {
    padding: 5px 1em 5px 1em;
    background-color: #FFFFFF;
    color: #999999;
}
.stripe_grey div.left {
    float: left;
    margin-left: 15px;
}
.stripe_grey div.right {
    float: right;
    margin-right: 15px;
}

/* ------ icons and content related navigation styles -----------------------------------*/

.page_turner {
    background-image: url();
    background-position: 0 0;
    overflow: hidden;
    margin: 1.8em 0 2.2em 0;
    text-align: center;
}
* html .page_turner {
    height: 1%;
}
.previous_page {
    display: block;
    float: left;
    background-image: url();
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 0.5em 0.5em 1.3em 30px;
    margin: 4px 0 4px 5px;
    color: #999999;
}
.next_page {
    display: block;
    float: right;
    background-image: url();
    background-position: right 0;
    background-repeat: no-repeat;
    padding: 0.5em 30px 1.3em 0.5em;
    margin: 4px 5px 4px 0;
    color: #999999;
}
.previous_page a,
.next_page a {
    color: #000000 !important;
}

.icon_page {
    background-image: url();
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 20px;
    padding-bottom: 0.5em;
    margin-right: 10px;
    color: #666666!important;
    text-decoration: none !important;
}
.icon_box {
    background-image: url();
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 20px;
    padding-bottom: 0.5em;
    margin-right: 10px;
    color: #666666!important;
    text-decoration: none !important;
}
.icon_back-to-top {
    background-image: url();
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 20px;
    padding-bottom: 0.5em;
    margin-right: 10px;
    color: #666666 !important;
    text-decoration: none !important;
}
.icon_rss {
    background-image: url();
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 20px;
    padding-bottom: 0.5em;
    margin-right: 10px;
    color: #666666 !important;
    text-decoration: none !important;
}
.icon_large-circle {
    background-image: url();
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 2px 0 15px 35px;
}
.icon_page a,
.icon_box a,
.icon_back-to-top a,
.icon_rss a,
.icon_large-circle a {
    color: #666666 !important;
    text-decoration: none !important;
}
.icon_page a:hover, a.icon_page:hover,
.icon_box a:hover, a.icon_box:hover,
.icon_back-to-top a:hover, a.icon_back-to-top:hover,
.icon_rss a:hover, a.icon_rss:hover,
.icon_large-circle a:hover, a.icon_large-circle {
    color: #000000 !important;
    text-decoration: underline !important;
}
.icon_letter {
    background-image: url();
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 35px;
    padding-bottom: 0.5em;
    color: #666666 !important;
}

/* ---------- Search Results -------------------------------------------- */

#content_col li.search_result_item_page,
#content_col li.search_result_item_file,
#content_col li.search_result_item_rss {
    background-image: url();
    background-repeat: no-repeat;
    padding-left: 25px;
    padding-bottom: 2.5em;
    margin-right: 10px;
    color: #666666;
    text-decoration: none;
}
#content_col li.search_result_item_file {
    background-image: url();
}
#content_col li.search_result_item_rss {
    background-image: url();
}
#content_col li.search_result_item_page a,
#content_col li.search_result_item_file a,
#content_col li.search_result_item_rss a {
    color: #000000 !important;
    padding-bottom: 0.2em;
}
#content_col .search_result_item_page span,
#content_col .search_result_item_file span,
#content_col .search_result_item_rss span {
    color: #999999;
}

/* ---------- Resources styles -------------------------- */

/* ----- Howto List styles ------- */

#howto_list div.howto_list_folder h4 {
    background-image: url();
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding-left: 20px;
    color: #000000;
    font-size: 1.1em;
    font-weight: bold;
}
div.howto_list_folder h4 a {
    color: #000000 !important;
    text-decoration: none !important;
}
div.howto_list_folder h4 a:hover {
    text-decoration: underline !important;
}

#howto_list .howto_list_item {
    margin-bottom: 2.2em;
}
#howto_list .howto_title {
    background-color: #F8F8F8;
    text-align: right;
    overflow: hidden;
    padding: 0.4em;
    margin-bottom: 0.5em;
}
* html #howto_list .howto_title {
    height: 1%;
}
#howto_list .howto_title h4 {
    float: left;
    display: inline;
    margin: 0;
    font-size: 1.1em;
    font-weight: bold;
}

#howto_list .howto_author {
    color: #8EC742;
}
/* ----- end HowTo styles -------- */

/* --------- Code colouring styles --------------------- */
.line_numbers {
    color: #666666;
}

/* ---- HTML -------------------- */

.html_attribute {
    color: #0099CC;
}
.html_attribute_values {
    color: #2E2F32;
}
.html_tag_brackets {
    color: #6AAEC5;
}
.html_tag_names {
    color: #89CCE2;
}
.html_comment {
    color: #989898;
}

/* ---- PHP --------------------- */

.php_background {
}
.php_default {
    color: #0099CC;
}
.php_html {
}
.php_comment {
    color: #989898;
}
.php_keyword {
    color: #066294;
}
.php_string {
    color: #2E2F32;
}
/* ------ Contact Us styles ---------- */

.contact_us h5 {
    text-transform: uppercase;
    font-weight: normal !important;
}
.contact_us .contact_squiz h5 {
    text-transform: none;
    margin-bottom: 0;
    color: #646464!important;
    font-size: 1em !important;
    font-weight: bold !important;
}
.contact_us .float_right {
    /*float: none;*/
    width: 17em;
}
/* Fix IE. Hide from IE Mac \*/
.contact_us .float_right {
    float: right;
    width: auto;
}
/* Ende */


/* ------ sitemap styles ---------- */

#content_col .stalks {
    position: relative;
    width: 400px;
    font-size: 1.1em;
}
#content_col .stalks ul {
    position: relative;
    top: 0.7em;
    margin: 0 0 0.9em 1.2em;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #fff;
    list-style: none;
}
#content_col .stalks ul li ul {
    border-left: 1px solid #cacaca;
}
#content_col .stalks ul li {
    position: relative;
    top: 1.4em;
    margin: 0 0 1.4em 0;
    padding: 0;
    border-top: 1px solid #cacaca;
    background: none;
}
#content_col .stalks ul li a,
#content_col .stalks ul li a:visited {
    display: block;
    position: relative;
    top: -0.8em;
    margin: 0 0 -1.4em 0.7em;
    padding: 0.1em 0.2em;
    background: #fff;
    text-decoration: none !important;
}
#content_col .stalks ul li a,
#content_col .stalks ul li a:visited {
    color: #00A6E5; !important;
    text-transform: uppercase;
}
#content_col .stalks ul li ul li a,
#content_col .stalks ul li ul li a:visited {
    color: #000000; !important;
    text-transform: none;
}
#content_col .stalks ul li ul li ul li a,
#content_col .stalks ul li ul li ul li a:visited {
    color: #666666; !important;
}
#content_col .stalks ul li a:hover {
    text-decoration: underline !important;
}
/* Fix IE. Hide from IE Mac \*/
* html #content_col .stalks  ul li { float: left; }
* html #content_col .stalks  ul li a { height: 1%; }

#content_col .stalks ul {
    top: -1px;
    padding-top: 0.3em;
    margin-bottom: 0;
}
#content_col .stalks ul ul {
    border-top: 1px solid #fff;
}
#content_col .stalks ul li a {
    z-index: 1;
}

.linkfloat {
float:right;
margin: 10px 15px 0 0;
}

#content_col_padder img{
margin: 0 0 0 15px;
}

#content_col_padder p{
margin: 10px 15px 10px 15px;
}

#content_col_padder table{
margin: 18px 0 0 0;
}

p.portfolio-banner {
    padding:0;
    margin:10px 0 0 14px !important
}

p.portfolio-banner a {
    border:none !important;
}

p.portfolio-banner img {
    margin:0 !important;
    padding:0 !important;
    border:none !important;
}

/* Ende */