/*
Copyright by bcomtech*/

/* 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:12px georgia, verdana;margin:30px 0;background:#f3f3f3;color:black;}
h1{display:none;color:white;font-size:1px;}
.clear{clear:both;}

/* MAIN PAGE: head, body and global container */
#container{ background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding:1px; margin:0 auto; }
#head{width:750px;height:150px;margin:0 auto 30px;background:url(../files/img/logo_qcms.gif) no-repeat;border-bottom:1px solid green;}
#body{ width:700px; margin:0 auto; padding:0; background:url(img/dot.gif) repeat-y 220px 50%; }
#body .content{ float:left; width:475px; margin-left:20px; }
#body:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/* FOOTER */
#foot{width:700px;height:50px;margin:20px auto 0;border-top:1px solid green;}
#foot .powered{float:right;text-align:center;}
#foot .powered a{font:10px tahoma;color:#58498d;}

/* MENU LEFT */
#menu2{float:left;width:200px;margin:0 0 0 2px;padding:0;list-style:none;border-top:1px solid green;}
#menu2 li{text-align:right;border-bottom:1px solid green;}
#menu2 a{ font-size:13px; font-weight:bold; display:block; color:#444; padding:9px 40px 11px 0; text-transform:uppercase; }
#menu2 a:hover{background:#c7e5c7;text-decoration:none;}
#menu2 a.selected{background:#bfdfc7;}

/* MENU TOP */
#menu1{float:right;padding:1px 15px 0 0;}
#menu1 a{ color: #8cc0ed; display:block; float:left; border:0; margin-left:10px; font-weight:bold; font-size:10px; text-decoration:none; text-transform:uppercase; }
#menu1 a:hover{ border-bottom-style: solid; }
#menu1 a.selected{ border-bottom-style: solid; border-bottom-width: 2px; }

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

/* PAGE DETAILS - photo */
#pagePho{float:right;}
#pagePho img{ margin:2px; border: solid 1px transparent; }

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

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

/* 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{font-size:10px;padding:20px 20px 10px 0;text-align:right;}
#back a{color:green;}

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