/**
  Colors used:
   #ffe700 yellow - account box
    
**/



/** BASE tags **********************/

html, div, map, dt, isindex, form   { display:block; }
html, body { height: 100%; margin:0; padding: 0; border: none;  background-color: white; position: relative; }

h1 { font-size: 40px; font-family: 'Trebuchet MS', Arial, helvetica, sans-serif; }
h2.caption, caption h2, .formbox h2,form.std h2 { font-family: 'Lucida Sans Unicode', 'Lucida Grande';  font-size: 110%;
    letter-spacing: 2px; }

body, p, ol, ul, td { font-family: Arial, helvetica, sans-serif; font-size: 13px; text-align: justify; }
body.width1024 .centered { width: 990px; }
body.width800 .centered { width: 760px; }
body.widthfull .centered { width: auto; }

a { text-decoration: none; }
 a:link { }
 a:visited { }
 a:hover {color: blue; border-bottom: 1px solid deepskyblue}
 a img { border: none; vertical-align: text-bottom; } /* bez ramek w linkach */

del { display: none;} /*antyspam*/
img, input, .bullet, span{ behavior: url(/stylesheets/iepngfix.htc); }

blockquote,ul,ol,dl {margin:1em;}
ol,ul,dl {margin-left:2em;}
ol li {list-style: decimal outside;}
ul li {list-style: disc outside;}

pre {
    overflow-x: auto; /* scroller in FF2 only */
    white-space: pre-wrap /* css-3 */; white-space: -moz-pre-wrap !important /* Mozilla, since 1999 */;
      white-space: -pre-wrap /* Opera 4-6 */; white-space: -o-pre-wrap /* Opera 7 */;
      word-wrap: break-word /* Internet Explorer 5.5+ */;
      font-family:"Lucida Console",Monaco,monospace; font-size: 14px; border: 1px solid #CCCCCC;
      padding: 5px; margin-top: 5px; margin-bottom: 5px;
}

textarea{ font-family:"Lucida Console",Monaco,monospace; font-size: 14px; }



/** General use classes ******************/

.centered {  margin-left: auto;  margin-right: auto; }
.full-width { width: 100%; }
.tiny-width { width: 1%; }
.half-width { width: 50%;}
.action-width {width: 240px;}
.nowrap { white-space: nowrap;  width: 1%; }
.cut-right { padding-right: 10px; }
.cut-left { padding-left: 10px; }
.r {text-align: right}
.clear { clear: left; }
.clearb { clear: both;}
.hr { display: block; padding: 0px; margin: 0px; height: 0px; zoom: 1; clear: both; padding-top: 5px;
    border-bottom: 1px dotted gray; }
.gray { color: gray; }
.disabled { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; }
.space-after {margin-bottom: 1em;}

.tablebox .label {color: #666666; font-size: 10px; width: 90px; display: inline-block;}
.tablebox .field {margin-top: 0.5em; margin-bottom: 0.5em}
.info {color: #888888; font-size: 9px;}
.selected {border: 1px solid gray;}


/** Layout and Functional areas *************/

#header-outher { position: relative; }
#header { position: relative; }

#breadcrumb { float: left; clear: both; padding: 20px 10px 20px 10px; margin: 0; line-height: 40px; }
 #breadcrumb #logo { float: left; font-family: "Myriad Pro", "Arial", helvetica;
     font-weight: bold; font-size: 36px; line-height: 36px;}
 #breadcrumb h1 { float: left; font-family: "Myriad Pro", "Arial", helvetica; font-size: 22px;
     padding: 0; margin: 0; margin-left: 10px; line-height: 40px; }

#logo a, #logo a:hover { text-decoration: none; background-color: transparent; color: black; border: none; }
#logo span { color: #F95E31;}
#slogan { position: absolute; top: 73px; left: 210px; color: #808080;}

#deskbox-outher { position: relative; background-color: white; padding-top: 10px;}
#deskbox {}
#account-box { position: relative; padding: 10px; background-color: #ffe700;
    text-align: right;
    -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
}

#sidebar { float: left; width: 210px; background-color: #ECEAE1; height: 100%; margin-left: 5px;}
 #sidebar .section { border-bottom: 1px solid #808080; border-top: 1px solid #FFFFFF; }
 #sidebar h2 { font-family: Helvetica,Arial,sans-serif; font-spacing: -2px; font-weight: bold; font-size: 20px; }


#mapSwfLogoAux { float: right; }

#flash-error{ width:75%; border: 1px solid red; background: #FFF0F0; color: #D00000; text-align: center;
    line-height: 30px; font-weight: bold; margin: 10px auto 10px auto; }
#flash-success { width:75%; border: 1px solid green; background: #F0FFF0; color: #00D000; text-align: center;
    line-height: 30px; font-weight: bold; margin: 10px auto 10px auto; }

#footer-outher {background-color: #202020; color: white; clear: both; }
#footer { margin-left: auto; margin-right: auto; padding-top: 10px;}
#footer a { color: #cfe8f5;}

.main-tab-layout td { vertical-align: top; }
.main-tab-layout .tablebox { margin-bottom: 10px; }

  /* footer positioning */
#container { min-height:100%; position:relative; }
#header-outher {  /*background:#ff0;*/ }
#deskbox-outher { padding-bottom:120px;   /* Height of the footer */ }
#footer-outher { position:absolute; bottom:0; width:100%; height:100px;
   
/* Height of the footer */ }
  /* end of footer positioning */

/*IE6: #container { height:100%; }*/



/** TABLES *****************************************/

table.layout {
  width: 100%;
  table-layout: fixed;
}
td.layout, div.layout {
  vertical-align: top;
  background-color: white;
}

td.mixed { width: 45%; }
tr.mixed-row1 td{ padding-bottom: 0px; }
tr.mixed-row2 td{ padding-top: 0px; font-size: smaller; }
td.data { width: 40%; color: #808080; }
tr.even { background-color: #E7E7E7; }
tr.odd { background-color: #F7F7F7; }

.tablebox { border: 1px solid #CCCCCC; padding: 5px; -moz-border-radius: 5px;}
 .tablebox table { border-spacing: 1px; }
 .tablebox caption, .tablebox .caption { padding: 5px; background-color: #EEEEEE; -moz-border-radius: 5px; }
 .tablebox td, .tablebox th, .tablebox .row { background-color: white; padding: 6px; vertical-align: middle; }
 .tablebox .row { clear: both; }
 .tablebox thead th { font-size: 8px; text-align: center; color: #666; text-transform:uppercase; letter-spacing: 2px; }
 .tablebox tbody th { font-weight: bold; }
 .tablebox tbody tr { text-align:left; }
 .tablebox tbody tr.odd, .tablebox tbody tr.odd td { background-color: #f9f9f9; }
 .tablebox tfoot { display: table-footer-group; }



/** TABLES - end ***********************************/



/***** THEMES **********************/
.contractor-theme {}
 .contractor-theme td.bullet { background-image: url('/images/icons/bullet_green.png'); background-repeat: no-repeat;
     background-position: 0px 5px;  padding-left: 20px; }
 .contractor-theme caption, .contractor-theme .caption { background-color: #AAEEAA; }

.project-theme {}
 .project-theme td.bullet { background-image: url('/images/icons/bullet_blue.png');
     background-repeat: no-repeat; background-position: 0px 5px; padding-left: 20px; }
 .project-theme caption, .project-theme .caption { background-color: #c2d8eb; }




/***** FORMS ************************** */

input[type="text"], input[type="password"], textarea, select { color: black; background-color: white;
    border: 1px solid black; }

form.std {
    background-color: #f6f2d6; padding: 10px; border: 3px solid #D7D7A7;
    /*background-color: #F8F8EE; border: 1px solid #D9D9CB;*/ padding: 20px; -moz-border-radius: 5px;
          -o-border-radius: 5px; -webkit-border-radius: 5px; }
 form.std h2 { margin: 0; padding: 0; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #A0A0A0;
                font-size: 18px;}
 form.std .field { padding-top: 10px; padding-bottom: 10px;}
 form.std .field label { font-weight: bold; font-size: 14px;}
 form.std .field .instructions { font-size: 11px; color: #A0A0A0; line-height: 120%; margin-bottom: 5px; display: block; }
 form.std .field .right {float:right;}
 form.std .intro { color: black; background-color: #F8F8B8; line-height: 120%; padding: 15px; border: 1px solid #F5DD00;}
 form.std .actions { padding-top: 10px; }
 form.std hr { height: 1px; border: none; border-top: 1px solid black; margin-top: 10px; margin-bottom: 5px; }

.formbox { border: 1px solid #CCCCCC; -moz-border-radius: 5px;  padding: 5px; }
.edited { font-size: 9px; color: gray; }

form.std-center-50 { width: 50%; margin: auto; margin-bottom: 20px; margin-top: 20px; }
form.std-center-75 { width: 75%; margin: auto; margin-bottom: 20px; margin-top: 20px; }

.fieldWithErrors {}
 .fieldWithErrors input, .fieldWithErrors input[type=text], .fieldWithErrors select, .fieldWithErrors input[type=radio],
   .fieldWithErrors input[type=password], .fieldWithErrors textarea {
     border: solid 1px #cc0000; background-color: #fff0f0; }
.formError { display: inline; margin-left: 20px; font-style: italic; color: red; }





/***** BUTTONS ***********************************/

.actions input, .actions a {
  border: none; margin: 0; padding: 0; display: -moz-inline-box;
  display: inline-block; background: url(../images/bt/button7.gif) no-repeat; text-decoration: none;
  width: 100px; height: 25px; line-height: 25px; vertical-align: middle;
  text-align: center; cursor: pointer;
}

.action-button {padding: 5px; border: 1px solid #808080;
  border-top-color: #B0B0B0; border-left-color: #B0B0B0;
  background: rgb(232,232,232) url(/images/widget/button-bg.gif) repeat-x center;
  font-family: Verdana, Arial,sans-serif; font-spacing: -2px; font-weight: bold;
  color: black; margin: 0; -moz-border-radius: 3px; -moz-outline-radius: 3px; border-radius: 3px;
  cursor: pointer; white-space: nowrap; text-transform:uppercase; }

 .action-button a { color: inherit; text-decoration: none; border: none; }
 .action-button:hover { color:blue;  border: 1px solid black; }
 .action-button.auth { color: red; }


.action-buttons1 { float: right; }
 .action-buttons1 .action-button { margin-left: 3px; margin-right: 3px; display: table-cell; /* FF & O */
     display: inline-block; /* O & IE */ vertical-align: top; }





/****** Icons ************************************************************************************/

.ico-add { background: transparent url(/images/icons/add.png) center left no-repeat; padding-left:18px; zoom:1; }
.ico-find { background: transparent url(/images/icons/find.png) no-repeat center left; padding-left:18px; zoom:1; }
.ico-folder { background: transparent url(/images/icons/folder.png) no-repeat center left;  padding-left: 18px; zoom:1; }
.ico-folder_star { background: transparent url(/images/icons/folder_star.png) no-repeat center left;  padding-left: 18px; zoom:1;}
.ico-email { background: transparent url(/images/icons/email.png) no-repeat center left;  padding-left: 18px; zoom:1; }




/** Document pages **************************/

.document {padding: 2em 2em 2em 2em;}
 .document h3 { font-size: 20px; }
 .document p {padding-top: 1em; padding-bottom: 1em;}
 .document ol,.document ul, .document dl {margin-left:4em;}





/** OTHER UTILITY **************************/