/* GLOBAL STYLES */
body,h1,h2,h3,h4,h5,h6,p,form,fieldset,img,td,th{margin:0;padding:0;border:0}

/* below you can change background and font for all site */
body{font:11px Arial, Verdana, sans-serif;margin:30px 0;background:;color:#505050;}
h1{display:none;color:#fff;font-size:1px;}
.clear{clear:both;}

/* MAIN PAGE: head, body and global container #background:url('img/dot.gif') repeat-y 145px; background:url('../files/img/logo_qcms.gif') no-repeat;*/
#container{padding:30px;margin:0 auto;background:#fff;}
#head{width:750px;height:70px;margin:0 auto 30px;}
#body{width:750px;margin:0 auto;padding:0; border-top:1px solid #ccc;}

/*#body{width:700px;margin:0 auto;padding:0;}*/
#body .content{float:left;width:445px;margin-left:3px;margin-left:3px;}
#body:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/* FOOTER */
#foot{width:750px;height:50px;margin:20px auto 0;border-top:1px solid #ccc;}
#foot .powered{float:right;text-align:center;}
#foot .powered a{font:10px Arial, Verdana, sans-serif;color:#9c0;}

/* MENU LEFT */
#menu2{float:left;width:140px;margin:0 0 0 2px;padding:0;list-style:none;border-top:;}
#menu2 li{text-align:left;border-bottom:1px dotted #b6b6b6;}
#menu2 a{font-size:11px;font-weight:normal;display:block;color:#444;padding:3px 20px 3px 0;text-transform:normal;}
#menu2 a:hover{background:;text-decoration:none;}
#menu2 a.selected{background:;}

/* MENU RIGHT */
#menu3{float:right;width:140px;margin:0 0 0 2px;padding:0;list-style:none;border-top:;}
#menu3 li{text-align:left;border-bottom: ;}
#menu3 a{font-size:11px;font-weight:normal;display:block;color:#444;padding:3px 20px 3px 0;text-transform:normal;}
#menu3 a:hover{background:;text-decoration:none;}
#menu3 a.selected{background:;}

/* MENU TOP RIGHT */
#menu1{float:right;padding:2px 15px 2px 0;}
#menu1 a{display:block;float:left;border:0;margin-left:11px;font-weight:normal;font-size:11px;text-decoration:none;text-transform:normal;}
#menu1 a:hover{border-bottom:2px solid #336699;}
#menu1 a.selected{border-bottom:2px solid #336699;}

/* MENU TOP LEFT*/
#menu4{float:left;padding:2px 15px 2px 0;}
#menu4 a{display:block;float:left;border:0;margin-left:11px;font-weight:normal;font-size:11px;text-decoration:none;text-transform:normal;}
#menu4 a:hover{border-bottom:2px solid #336699;}
#menu4 a.selected{border-bottom:2px solid #336699;}

/* PAGE DETAILS - name, description - breadcrums */
#pageShow{padding:5px 20px 5px 20px;}
#pageShow h2{font-size:18px;color:#909090;text-transform:normal;}
#pageShow h3{margin-bottom:10px;font-weight:normal;font-size:10px;color:#ff9000;margin:10px 0 10px 5px;}
#pageShow h3 a{color:#ff9000;text-transform:normal;}
#pageShow .txt{font-size:11px;}

#pageShow .pages{margin:5px 0 0;padding:5px 0 0;border-top:1px solid #dfdfdf;text-align:right;font-size:0.917em;}
#pageShow .pages span{padding:0 10px 0 0;}
#pageShow .pages a, #pageShow .pages strong{padding:0 5px;}
#pageShow .pages strong{text-decoration:underline;}

#pageShow #filesList{margin:10px 0 0;background:inherit;color:#b6b6b6;}

/* PAGE DETAILS - photo - gallery*/
#pagePhoGal{width:100%;padding:0;border:0;margin:5px 0 10px;}
#pagePhoGal td{text-align:center;padding:5px;}
#pagePhoGal td p{font-size:10px;}
#pagePhoGal img{border:1px solid #dfdfdf;}

/* PAGE DETAILS - sub pages list */
#pageSubList{margin:10px 0 0;}
#pageSubList .l{padding:5px 0 10px;border-top:1px solid #dfdfdf;}
#pageSubList .l h2{font-size:11px;}
#pageSubList .l h2 a{color:#ff9000;font-weight:normal;}
#pageSubList .l p{font-size:10px;margin:2px 0 0 10px;}
#pageSubList .l img{float:left;margin:0 5px 3px 0;}

/* PAGE DETAILS - sub pages list - news */
#pageSubList .n {padding:5px 0 10px;border-top:1px solid #dfdfdf;}
#pageSubList .n h2{font-size:11px;}
#pageSubList .n h2 a{color:#ff9000;font-weight:normal;}
#pageSubList .n h3{margin:0;font-size:10px;color:#cacaca;}
#pageSubList .n p{font-size:10px;}
#pageSubList .n img{float:left;margin:0 5px 3px 0;}
#pageSubList .pages{padding:5px 0 0;margin:5px 0 0;border-top:1px solid #dfdfdf;text-align:right;font-size:11px;}

/* PAGE DETAILS - sub pages list - gallery */
#pageSubGal{width:100%;margin:5px 0 10px;border-top:1px solid #dfdfdf;}
#pageSubGal td{text-align:center;padding:5px;}
#pageSubGal td h2{font-size:10px;}
#pageSubGal img{border:1px solid #dfdfdf;}

/* PAGE DETAILS - files list */
#pageFil{margin:10px 0;}
#pageFil td{font-size:10px;padding:5px 0 4px 5px;}
#pageFil p{font-size:10px;color:#b6b6b6;}

/* global link styles */
a{text-decoration:none;}
a:link{color:#505050;}
a:visited{color:#505050;}
a:active{color:#505050;} 
a:hover{color:#505050;text-decoration:underline;}

/* MESSAGE - error and confirm messages styles */
#message{text-align:center;}
#error, #ok{font-size:14px;font-weight:bold;line-height:2em;padding:100px 0;}
#error a, #ok a{font-size:11px;font-weight:normal;color:#000;}
#error{color:red;}
#ok{color:green;}

/* OTHER - styles from html editor */
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}

/* BACK link style */
#back{margin:10px 20px;padding:3px 0;font-size:0.92em;text-align:right;}
#back a{margin:0 10px 0;}

/* global form styles */
.input, select, textarea{border:1px solid;border-color:#b6b6b6;font:11px verdana;}

@media print{
  /* PRINT styles */
  body{margin:5px 0;background:#fff;color:#000;}
  a{background:inherit;color:#000;}
  #head{width:16cm;height:auto;background:#fff;}
  #head #logo{padding:0;}
  #body{width:16cm;background:#fff;}
  #body #content{width:100%;margin:0;}

  #foot{width:16cm;background:#fff;}
  #foot .powered a{background:inherit;color:#000;}

  #column, #menu1, #menu2, #menu3, #back, #pageShow .pages{display:none;}
  #pageShow h2, #pageShow h3, #pageShow h3 a, #subList .l h4 a{background:inherit;color:#000;}
}


/* PAGE DETAILS - photo */
#pagePho{float:right;}
#pagePho img{border:1px solid #FFFFFF;margin:2px 0 1px 4px;}
#pagePho p{padding:0 0 8px 4px;font-size:0.83em;}

/* PopUp GALLERY photos */
#galleryBody{margin:5px 0;background:#fff;color:inherit;}
#popupPhoto {width:100%;margin:5px 0;padding:0;border:none;font-size:11px;}
#popupPhoto td{padding:7px 3px;text-align:center;}
#popupPhoto th{margin:5px 0;padding:3px;text-align:center;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
#popupPhoto th strong, #popupPhoto th a{padding:0 2px;background:inherit;color:#444;font-size:11px;}
#popupPhoto th strong, #popupPhoto th a:hover{background:inherit;color:#f00;}
#popupPhoto td p{font-size:10px;}
#popupPhoto img{border:1px solid #dce6f5;}

/* Little Square */
.bird { font-weight: bold; font-size: 9px; color: #336699; vertical-align: center; };
