@charset "UTF-8";
/* co2 - webToolBox
_________________________________________________________________________________
_________________________________________________________________________________
___________________________________________/\/\/\/\/\____________________________
_____________________/\/\/\/\____/\/\/\____________/\/\__________________________
___________________/\/\________/\/\__/\/\____/\/\/\/\____________________________
___________________/\/\________/\/\__/\/\__/\/\__________________________________
_____________________/\/\/\/\____/\/\/\____/\/\/\/\/\/\__________________________
_________________________________________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________
# @copyright ______ Copyright 2009, Florian Schade ______________________________
# @license ________ http://creativecommons.org/licenses/by/2.0/ _________________
# @link ___________ http://www.purpled.de/co2 ___________________________________
# @version ________ 1.0 rc6 _____________________________________________________
# @lastmodified ___ 09.03.2009 __________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________ */

/* comments
_________________________________________________________________________________
# compress modules for prod version !
# delete all comments ( not copyRight ) !
# delete all unwanted tags, classes and id's !
_________________________________________________________________________________ */

/* colorShemes
_________________________________________________________________________________ 
# MainColor : #000000
# Widgets : #000000
_________________________________________________________________________________ */

/* includes Co2 modules
_________________________________________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________ */

/* core modules
---------------------------------------------------*/
@import url(../_co2/css/core/reset/_base.css);
@import url(../_co2/css/core/grid/_base.css);
	@import url(../_co2/css/core/grid/960_16.css);
	@import url(../_co2/css/core/grid/_ie.css);
@import url(../_co2/css/core/typography/_base.css);

@import url(../_co2/css/core/table/_base.css);
@import url(../_co2/css/core/media/_base.css);
@import url(../_co2/css/core/helper/_base.css);
	@import url(../_co2/css/core/helper/_ie.css);
@import url(../_co2/css/core/navigation/_base.css);
	@import url(../_co2/css/core/navigation/_ie.css);
@import url(../_co2/css/core/print/_base.css);

/* compressed version
---------------------------------------------------*/
/*@import url(../_co2/css/core/_co2compressed.css);*/

/* themes
---------------------------------------------------*/
@import url(../_co2/css/themes/grayGoose/_base.css);

/* misc modules
---------------------------------------------------*/
@import url(../_co2/css/modules/debug/_base.css);

/* sandbox modules
---------------------------------------------------*/

/* start here
_________________________________________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________
_________________________________________________________________________________ */

/* base
---------------------------------------------------*/
body                                             { background: url(../img/bg/body.jpg) #405582 repeat-x;}

*                                                { }
h1                                               { font-size: 18px; color: #415582; }
h1.specialSpacer                                 { margin-bottom: 15px }
h2                                               { font-size: 14px; margin-bottom: 5px; color: #415582; }
h3                                               { font-size: 13px; margin-bottom: 3px; color: #415582; }
h4                                               { margin: 5px 0 0 0; font-size: 14px; margin-bottom: 5px; color: #415582; }
h5                                               { }
h6                                               { }

p                                                { font-size: 13px;}
a                                                { color: #415582; }
a:hover                                          { }
b                                                { }
p img                                            { }

.small,
small                                            { }
.large                                           { }

sub,
sup                                              { }

dl                                               { }
dt                                               { }
dd                                               { }

address                                          { }

hr                                               { }

blockquote                                       { }

del                                              { }

dfn                                              { }

fieldset                                         { }
label                                            { font-size: 13px; width: 200px;  margin-right: 10px; clear:left; float: left; font-weight: bold; }
legend                                           { }

/* lists
---------------------------------------------------*/
ul                                               { }
ol                                               { }
li                                               { }
li ul                                            { }
li ul li                                         { }
li ol                                            { }
li ol li                                         { }

dt                                               { font-size: 13px; color: #415582; margin-top: 20px}


/* forms
---------------------------------------------------*/
button                                            { }
option                                            { }
optgroup                                          { }

textarea:hover,
textarea.hover                                    { }
textarea:focus,
textarea.focus                                    { }
input:hover,
input.hover                                       { }
input:focus,
input.focus                                       { }
button:hover,
button.hover                                      { }
button.focus,
button:focus                                      { }
select:hover,
select.hover                                      { }
select:focus,
select.focus                                      { }

input[type="text"],
.inputText,
input[type="submit"],
.inputSubmit,
input[type="password"],
.inputPassword,
input[type="reset"],
.inputReset,
input[type="button"],
.inputButton                                      { }

input[type="text"]:hover,
.inputText:hover,
input[type="submit"]:hover,
.inputSubmit:hover,
input[type="password"]:hover,
.inputPassword:hover,
input[type="reset"]:hover,
.inputReset:hover,
input[type="button"]:hover,
.inputButton:hover                                { }

input[type="text"]:focus,
.inputText:focus,
input[type="submit"]:focus,
.inputSubmit:focus,
input[type="password"]:focus,
.inputPassword:focus,
input[type="reset"]:focus,
.inputReset:focus,
input[type="button"]:focus,
.inputButton:focus                                { }

/* areas
---------------------------------------------------*/
#layout                                          { margin: 20px 20px 10px 20px; }
#layout_flex                                     { }
#headArea                                        { }
#contentArea                                     { background: url(../img/bg/contentArea.png); padding-top: 20px; }
#contentArea.collChilds                          { background: url(../img/bg/contentArea_oLeft.png) repeat-y; padding-top: 20px; }

#footerArea                                      {  }

/* navigation
---------------------------------------------------*/
#navigationMain                                  { margin-bottom: 5px; }
#navigationMain a                                { color: #415582; font-size: 14px; font-weight: bolder; }
#navigationMain li                               { border-right: 1px solid #415582; padding: 0 10px 0 10px; }
#navigationMain .first                           { padding-left: 0; }
#navigationMain .last                            { padding-right: 0; border: none; }
#navigationMain li:hover,
#navigationMain .hover,
#navigationMain .act                             { }
#navigationMain ul                               { display: none; }

#navigationSecond                                { margin-bottom: 20px }
#navigationSecond .distance                      { margin-top: 30px; }
#navigationSecond a                              { padding: 0 10px; color: #415582; }
#navigationSecond img                            { margin-left: -10px; }

#navigationContent                               { background: url(../img/bg/navigationContent_footer.gif) no-repeat left bottom; padding-bottom: 17px; }
#navigationContent h2                            { background: url(../img/bg/navigationContent_head.gif); margin-bottom: 0; color: white; padding: 5px 0 5px 10px; }
#navigationContent ul                            { background: #ececec; }
#navigationContent ul li                         { }
#navigationContent ul li a                       { margin: 0 10px 0 10px; border-bottom: 1px solid white; padding: 3px 0 3px 0 ; color: #415582; text-decoration: none; }

#navigationFooter                                { margin-top: 5px; }
#navigationFooter li                             { border-right: 1px solid #D4E3FF; padding: 0 10px 0 10px; }
#navigationFooter a                              { color: #D4E3FF; font-weight: thin; font-size: 10px; }

.navigationHorizontal                            { }
.navigationHorizontal li                         { }
.navigationHorizontal a                          { }

.slidingDoor li                                  { }
.slidingDoor li:hover,
.slidingDoor .act,
.slidingDoor .hover                              { }
.slidingDoor a                                   { }
.slidingDoor .act a,
.slidingDoor .hover a,
.slidingDoor li:hover a                          { }

/* btns
---------------------------------------------------*/
a.btn                                            { }
a.btn:hover                                      { }

/* tables
---------------------------------------------------*/


.prettytable td  { border-bottom: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; }
.prettytable {border-left: 1px solid #c9c9c9; }
.prettytable th {border-right: 1px solid #c9c9c9; border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; }
table center { text-align: left;  }

/* sections
---------------------------------------------------*/

/* helper
---------------------------------------------------*/
.spacer                                          { padding: 10px 20px; }
.spacerT                                         { }
.spacerR                                         { }
.spacerB                                         { }
.spacerL                                         { padding-left: 20px; }
.window                                          { }
.group                                           { }
.scrollBar                                       { }

.error                                           { }
.success                                         { }

/* misc
---------------------------------------------------*/
#contentArea .leftSection h2                     { height: 27px; width: 160px; background: url(../img/bg/navigationSecond_breadCrumb.png); color: #415582; font-size: 15px; padding: 8px 0 0 10px;}
#boxShot_3                                       { background: url(../img/misc/lineGrey.gif) repeat-x 0 150px; }

.rightSection a { text-decoration: underline; }

input.error { float: left !important;}
label.error { float: left !important; clear: right; overflow: hidden; margin: 0 0 0 10px; width: 135px; height: 19px; padding: 3px 5px; border: 1px; border-color: #FBC2C4; }

dd label { width: auto; clear: none; height: auto; padding-top: 5px}
dd input { float: left; margin: 7px 10px 0 0 }
dd .questions { margin-left: 20px }

.failedDesc,
#otherField { display: none }

/* cols
---------------------------------------------------*/
.collChilds .bgFill                              { background-color: white }
#contentArea.collChilds .col_4_1,
#contentArea.collChilds .col_4_2,
#contentArea.collChilds .col_4_3,
#contentArea.collChilds .col_4_4                 { background: url(../img/bg/col_4/bg.png); margin-top: 10px; width: 187px; height: 340px }
#contentArea.collChilds .col_4_1                 { margin-right: 11px; }
#contentArea.collChilds .col_4_2                 { margin-right: 10px; }
#contentArea.collChilds .col_4_3                 { margin-right: 11px; }
#contentArea.collChilds .col_4_4                 {  }


#contentArea.collChilds .col_4_1_full                 { margin-right: 11px; }
#contentArea.collChilds .col_4_1_full                 { background: url(../img/bg/col_4/bg.png); margin-top: 10px; width: 187px; height: 370px }
#contentArea.collChilds .col_4_2_full                 { background: white; margin-top: 10px; width: 582px; height: 370px }
.col_4_1_full h3                                      { font-size: 12px; line-height:16px; color: white; margin-left: -20px; margin-top: -10px; width: 177px; height:43px; padding: 7px 0 0 10px; margin-bottom: 10px }
.col_4_1_full h3                                      { background: url(../img/bg/col_4/head_green_1.png); }
.col_4_1_full .btn                                    { margin-left: -20px; margin-top: 5px }

#contentArea.collChilds .col_4_2_full li              { font-weight: bold; margin-top: 5px; }
#contentArea.collChilds .col_4_2_full li li           { font-weight: normal }

.col_4_1 h3,
.col_4_2 h3,
.col_4_3 h3,
.col_4_4 h3                                      { font-size: 12px; line-height:16px; color: white; margin-left: -20px; margin-top: -10px; width: 177px; height:43px; padding: 7px 0 0 10px; margin-bottom: 10px }

.col_4_1 h3                                      { background: url(../img/bg/col_4/head_green_1.png); }
.col_4_2 h3                                      { background: url(../img/bg/col_4/head_green_2.png); }
.col_4_3 h3                                      { background: url(../img/bg/col_4/head_green_3.png); }
.col_4_4 h3                                      { background: url(../img/bg/col_4/head_blue_1.png); }

.col_4_1 *,
.col_4_2 *,
.col_4_3 *,
.col_4_4 *                                      { color: #7f7f7f; }

.col_4_1 .btn,
.col_4_2 .btn,
.col_4_3 .btn,
.col_4_4 .btn                                   { margin-left: -20px; margin-top: 20px }

.expandebal li { list-style: none; }
.expandebal .plus { list-style-image: url(../img/icons/list/plus.gif); list-style-position: inside; }
.expandebal .open { list-style-image: url(../img/icons/list/minus.gif); list-style-position: inside; }
.expandebal .plus:hover { cursor: pointer }
.expandebal li li { padding-left: 16px }

#footerArea.col_4                               { background: url(../img/bg/col_4/footerArea.png) no-repeat; }
#footerArea.col_4_full                          { background: url(../img/bg/col_4/footerArea2.png) no-repeat; }

.hider h2:hover { cursor: pointer; }


#billBoard { text-align: right; background: url(../img/billboard/bg.png) }
p img { float: none }
.floatright { float: right }

.mw-label,
.mw-input { width: auto }

legend { padding: 5px; font-size: 13px }
fieldset { margin-bottom: 20px; padding: 10px }

pre {
 white-space: pre-wrap;
 white-space: -moz-pre-wrap;
 white-space: -o-pre-wrap;
 background: #F9F9F9;
 display: block;
 padding: 0.5em 1em;
 border: 1px dashed #2F6FAB;
 font-size: 12px;
 margin: 10px 0;
}

.toc {
 background: #F9F9F9;
 border: 1px solid #AAAAAA;
 padding:5px;
 margin-bottom: 15px
}
.toc * {
background: #F9F9F9;
}

h1 {
	border-bottom: 1px solid #415582;
}
/* IEfixes
---------------------------------------------------*/


/*

Original style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>

*/


pre code {
  display: block;

}

pre code,
pre .ruby .subst,
pre .xml .title,
pre .lisp .title {
  color: black;
}

pre .string,
pre .title,
pre .parent,
pre .tag .attribute .value,
pre .rules .value,
pre .rules .value .number,
pre .preprocessor,
pre .ruby .symbol,
pre .instancevar,
pre .aggregate,
pre .template_tag,
pre .django .variable,
pre .smalltalk .class,
pre .addition,
pre .flow,
pre .stream,
pre .bash .variable,
pre .apache .tag,
pre .apache .cbracket {
  color: #800;
}

pre .comment,
pre .annotation,
pre .template_comment,
pre .diff .header,
pre .chunk {
  color: #888;
}

pre .number,
pre .date,
pre .regexp,
pre .literal,
pre .smalltalk .symbol,
pre .smalltalk .char,
pre .change {
  color: #080;
}

pre .label,
pre .javadoc,
pre .ruby .string,
pre .decorator,
pre .filter .argument,
pre .localvars,
pre .array,
pre .attr_selector,
pre .pseudo,
pre .pi,
pre .doctype,
pre .deletion,
pre .envvar,
pre .shebang,
pre .apache .sqbracket {
  color: #88F;
}

pre .keyword,
pre .id,
pre .phpdoc,
pre .title,
pre .built_in,
pre .aggregate,
pre .smalltalk .class,
pre .winutils,
pre .bash .variable,
pre .apache .tag {
  font-weight: bold;
}

pre .html .css,
pre .html .javascript,
pre .html .vbscript {
  opacity: 0.5;
}

/* print
---------------------------------------------------------------------------------
---------------------------------------------------------------------------------
---------------------------------------------------------------------------------
--------------------------------------------------------------------------------- */
@media print {
    .printN                                        { display: none !important; }
}