@CHARSET "UTF-8";
@import "default.css";
@import "calendar.css";
@import "company.css";
@import "progress.css";

/*************************************************************/
/*  */
/*************************************************************/
#page-border    {height:100%;min-height:100%;}
#p_header       {}
#p_menu         {}
#p_breadcrumbs  {}
#p_body         {}
#p_footer       {}

/*************************************************************/
/*TOP PAGE(TOPICS , topics page)*/
/*************************************************************/
.topics {
	background-color: #F2F2F2;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.topics ul {
	list-style:none;
	margin:0;
	padding:0;
	font-size:12px;
}

.topics li {
	padding-left: 33px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	background-color: #F2F2F2;
}

/**************************************************************/
/**/
/**************************************************************/
h1 {margin:10px;font-size:2.1em;}
h2 {margin:10px;font-size:1.8em;}
h3 {margin:10px;font-size:1.4em;}

.categorys{padding:0 10px;margin:10px 0;}
.categorys a{display:block;float:left;width:80px;height:60px;background-color:#363636;color:#fff;font-size:18px;text-align:center;line-height:60px;margin:0 3px 0 0;padding:0;}
.categorys a:Link      {text-decoration:none;}
.categorys a:visited   {text-decoration:none;}
.categorys a:active    {text-decoration:none;}
.categorys a:hover     {text-decoration:none;}
.categorys a:last-child{margin:0;}

.categorys a.selected{background-color:#325a7f;}

.ibox {margin:0 10px;}
.ibox img {width:100%;height:100%;}
.ibox figure{width:100px;height:100px;margin:0 6px 6px 0;background-color:green;float:left;position:relative;}
.ibox figcaption{width:100px;height:30px;position:absolute;left:0;bottom:0;background-color: rgba(255,255,255,0.7);font-size:14px;line-height:30px;padding:0;text-align:center;}

.ibox figure:nth-child(6n){margin: 0 0 6px 0;float:right;}


.btn_upload{height:60px;position:absolute;top:10px;right:15px;}
.btn_upload img{width:60px;}


/**************************************************************/
/**/
/**************************************************************/
table {
	width: 100%;
	border-collapse: collapse;
	font-size:1.4em;
	empty-cells: show;
}

th{
	padding: 6px;
	text-align: center;
	vertical-align: top;
	color: #fff;
	background-color: #333333;
	border: 1px solid #b9b9b9;
}

td{
	padding: 6px;
	background-color: #f5f5f5;
	border: 1px solid #b9b9b9;
}

td.right {text-align:right;}