/* @override http://local.urbangiraffe.com/resources/css/code.css */

.colourcode
{
overflow: auto;
white-space: nowrap;
width: 95%;
border: 1px dashed  #a0a0a0;
font-family: 'Courier New', Courier, monospace;
background-color: #f0f0f0;
margin: 10px auto;
line-height: 110%;
padding: 5px;
color: #0000bb;
}

.colourcode li
{
margin-left: 30px;
}

.colourcodefull
{
height: 200px;
}

.redbg
{
background-color: #FAB3B3;
}
.greenbg
{
background-color: #CDF6CA;
}
.bluebg
{
background-color: #A0A6F6;
}
.orangebg
{
background-color: #F6C5A0;
}

.colourcode a:link {color: #006;}
.colourcode a:hover {background-color: #d6d6e6;}
.colourcode .head {font-family: Verdana, Arial, sans-serif; color: #808080; font-size: 120%; font-weight: bold; background-color: #f0f0ff; padding: 4px;}
.colourcode .foot {font-family: Verdana, Arial, sans-serif; color: #808080; font-size: 90%; font-weight: bold; background-color: #f0f0ff; margin-top: 2px;border-top: 1px solid #d0d0d0; padding: 0;}
.colourcode .imp {font-weight: bold; color: red;}
.colourcode .kw1 {color: #000000; font-weight: bold;}
.colourcode .kw2 {color: #993333;}
.colourcode .co1 {color: #a1a100;font-style: normal;}
.colourcode .coMULTI {color: #808080; font-style: italic;font-style: normal;}
.colourcode .es0 {color: #000099; font-weight: bold;font-weight: normal;}
.colourcode .br0 {color: #66cc66;}
.colourcode .st0 {color: #ff0000;}
.colourcode .nu0 {color: #cc66cc;}
.colourcode .me {1}
.colourcode .re0 {color: #cc00cc;}
.colourcode .re1 {color: #6666ff;}
.colourcode .re2 {color: #3333ff;}


code
{
background-color: #E5E5E5;  
padding: 2px;
}

table code
{
background-color: white !important;
}

.php
{
overflow: auto;
font-family: 'Courier New', Courier, monospace;
line-height: 110%;
padding: 5px;
color: #0000bb;
}

div.php, div.css, div.javascript, div.bash
{
margin-bottom: 1em;
background-color: #e5e5e5;
padding: 0.5em;
overflow: auto;
white-space: nowrap;
}

.php li
{
margin-left: 20px;
}

.php .de1, .php .de2 {font-family: 'Courier New', Courier, monospace; font-weight: normal;}
.php .imp {font-weight: bold; color: red;}
.php li {font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;}
.php .kw1 {color: #69530A;font-weight: bold;}
.php .kw2 {color: #000000; font-weight: bold;}
.php .kw3 {color: #000066;}
.php .kw4 {color: #000066;}
.php .co1 {color: #808080; font-style: italic;}
.php .co2 {color: #808080; font-style: italic;}
.php .coMULTI {color: #808080; font-style: italic;}
.php .es0 {color: #000099; font-weight: bold;}
.php .br0 {color: #66cc66;}
.php .st0 {color: #ff0000;}
.php .nu0 {color: #cc66cc;}
.php .me1 {color: #006600;}
.php .me2 {color: #006600;}
.php .re0 {color: #0000ff;}
.php .re1 {color: #ff0000}

.html4strict .imp {font-weight: bold; color: red;}
.html4strict .kw1 {color: #b1b100;}
.html4strict .kw2 {color: #000000; font-weight: bold;}
.html4strict .kw3 {color: #000066;}
.html4strict .kw4 {color: #600000;}
.html4strict .coMULTI {color: #808080; font-style: italic;}
.html4strict .es0 {color: #000099; font-weight: bold;}
.html4strict .br0 {color: #66cc66;}
.html4strict .st0 {color: #ff0000;}
.html4strict .nu0 {color: #cc66cc;}
.html4strict .sc0 {color: #00bbdd;}
.html4strict .sc1 {color: #ddbb00;}
.html4strict .sc2 {color: #009900;}

.css .imp {font-weight: bold; color: red;}
.css .kw1 {color: #000000; font-weight: bold;}
.css .kw2 {color: #993333;}
.css .kw4 {color: #600000;}
.css .co1 {color: #a1a100;}
.css .coMULTI {color: #808080; font-style: italic;}
.css .es0 {color: #000099; font-weight: bold;}
.css .br0 {color: #66cc66;}
.css .st0 {color: #ff0000;}
.css .nu0 {color: #933;}
.css .re0 {color: #cc00cc;}
.css .re1 {color: #6666ff;}
.css .re2 {color: #3333ff;}
.css .re3 {color: #933;}
.css .re4 {color: #933;}

.bash .de1, .bash .de2 {font-family: 'Courier New', Courier, monospace; font-weight: normal;}
.bash  {}
.bash .head {}
.bash .foot {}
.bash .imp {font-weight: bold; color: red;}
.bash .ln-xtra {color: #cc0; background-color: #ffc;}
.bash li {font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;}
.bash li.li2 {font-weight: bold;}
.bash .kw1 {color: #000000; font-weight: bold;}
.bash .kw2 {color: #c20cb9; font-weight: bold;}
.bash .kw3 {color: #7a0874; font-weight: bold;}
.bash .kw4 {color: #600000;}
.bash .co1 {color: #808080; font-style: italic;}
.bash .es0 {color: #000099; font-weight: bold;}
.bash .br0 {color: #000000; font-weight: bold;}
.bash .st0 {color: #ff0000;}
.bash .nu0 {color: #000000;}
.bash .re0 {color: #007800;}
.bash .re1 {color: #007800;}
.bash .re2 {color: #007800;}
.bash .re3 {color: #808080; font-style: italic;}
.bash .re4 {color: #007800;}


.javascript .de1, .javascript .de2 {font-family: 'Courier New', Courier, monospace; font-weight: normal;}
.javascript  {}
.javascript .head {}
.javascript .foot {}
.javascript .imp {font-weight: bold; color: red;}
.javascript .ln-xtra {color: #cc0; background-color: #ffc;}
.javascript li {font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;}
.javascript li.li2 {font-weight: bold;}
.javascript .kw1 {color: #000066; font-weight: bold;}
.javascript .kw2 {color: #003366; font-weight: bold;}
.javascript .kw3 {color: #000066;}
.javascript .kw4 {color: #600000;}
.javascript .co1 {color: #009900; font-style: italic;}
.javascript .coMULTI {color: #009900; font-style: italic;}
.javascript .es0 {color: #000099; font-weight: bold;}
.javascript .br0 {color: #66cc66;}
.javascript .st0 {color: #3366CC;}
.javascript .nu0 {color: #CC0000;}
.javascript .me1 {color: #006600;}
.javascript .sc0 {}
.javascript .sc1 {}
.javascript .sc2 {}
.javascript .sc3 {}
.javascript .re0 {color: #0066FF;}

.ln-xtra
{
background-color: yellow;
}