/*
Quick.Cms.Lite light stylesheet
Author: treewood
Copyright by OpenSolution.org 2006
*/

/* GLOBAL STYLES */
body,h1,h2,h3,h4,h5,h6,p,form,fieldset,img,td,th{margin:0;padding:0;border:0}
html { height: 100%; margin-bottom: 1px; }

#column{float:left;width:200px;padding:0 0 0 1px;margin-top: 20px;}
*html #column{width:220px;}
#content{float:left;width:400px;padding:20px 30px 20px 20px;}
* html #content{margin:0 15px 0 20px;padding:20px 0;}
#body:after{display:block;clear:both;visibility:hidden;height:0;content:".";}
#bannud{float:left;width:200px;margin:0px auto 0;}


#body{width:700px; margin:0 auto; padding:0; 
background:url('../files/img/triip.gif'); 	background-position: right;	background-repeat: repeat-y;
background-image: url(../files/img/triip.gif);}

#body .content{float:left;width:400px;margin-left:20px;}


body{
	font:12px Arial, verdana;
	margin:0px 0;
	color:#6d6d6d;
	background:url('../files/img/taust400.gif');
	background-repeat: repeat-x;
}

#body .content{float:left;width:700px;margin-left:0px;	
background:url('../files/img/triip.gif');
background-repeat: repeat-y;
background-position: right;
}


.ala {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}

h1{display:none;color:#fff;font-size:1px;}
.clear{clear:both;}

/* MAIN PAGE: head, body and global container */

#container{
	width:700px;
	margin:0 auto;
	background:#ffffff;
	height:1024px;
	background:url('../files/img/triip.gif');
	background-repeat: repeat-y;
	background-position: right;
}
#head{width:700px;
height:131px;
	margin:0 auto 0px;
	background:url('../files/img/logo_qcms.gif') no-repeat;
	border-bottom:0px solid #ccc;
	
}


/* FOOTER */
#foot{width:700px;height:50px;margin:20px auto 0;border-top:1px solid #ccc;}
#foot .powered{float:right;text-align:center;padding:8px 10px 0 0;}
#foot .powered a{font:9px tahoma;color:#D1D1D1;}
#foot .archimedes{font:10px tahoma;color:#D1D1D1;float:right;text-align:center;padding:8px 10px 0 0;}


/* MENU LEFT */
#menu2{float:left;width:200px;margin:0 0 0 2px;padding:0; list-style:none; border-top:4px solid #fff; background-repeat: repeat-y;
	background-image: url(../files/img/menutaust.jpg);}
#menu2 li{text-align:right;border-bottom:4px solid #fff;}
#menu2 a{font-size:13px;font-weight:bold;display:block;color:#39b4f0; padding:9px 40px 11px 0;text-transform:uppercase;}
#menu2 a:hover{background:#E8F6FD;text-decoration:none;background-repeat: repeat-y;background-image: url(../files/img/menutaust2.jpg);}
#menu2 a.selected{font-weight:bold; background:#E8F6FD; background-repeat: repeat-y;background-image: url(../files/img/menutaust2.jpg);}
#menu2 .bannud{text-align:right;border-bottom:4px solid #fff;}

/* MENU TOP */
#menu1{background:#272727;padding:4px 15px 5px 0;}
#menu1 a{color:#fff;border:0;margin-left:10px;font-weight:bold;font-size:12px;text-decoration:none;text-transform:uppercase;}
#menu1 a:hover{border-bottom:1px solid #fff;}
#menu1 a.selected{border-bottom:1px solid #fff;}

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

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

/* PAGE DETAILS - sub pages list - under description */
#pageSubList{margin:10px 0 0;}
#pageSubList .l{padding:5px 0 10px;border-top:1px solid #dfdfdf;}
#pageSubList .l h2{font-size:11px;text-transform:none;}
#pageSubList .l h2 a{color:#3e8b00;}
#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:#b6b6b6;}

/* global link styles */
a{text-decoration:none;}
a:link{color:#39b4f0;}
a:visited{color:#39b4f0;}
a:active{color:#39b4f0;} 
a:hover{color:#39b4f0;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:#b6b6b6;}

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