body{
  font-size: 12px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#loading{
  position: absolute; 
  right: 0px; 
  top: 0px; 
  background-color: #dd0000; 
  font-weight:bold;
  color: white; 
  margin: 5px; 
  padding: 3px;
}

span > div#loading {
  position: fixed;
}

h1{
font-size: 16px;
}

.sortable-sub {
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
margin-left:10px;
margin-top:10px;
}



.sortable-page-list {
  background:none repeat scroll 0 0 #FFF6BF;
  border-bottom:0.5px solid #CCCCCC;
  color:#616161;
  font-weight:normal;
  padding:16px;
  text-align:left;
  vertical-align:middle;
list-style-type:none
}

.sortable-page-list-sub {
  background:none repeat scroll 0 0 #FFF6BF;
  border-bottom:1px solid #CCCCCC;
  color:#616161;
  font-weight:normal;
  padding:16px;
  text-align:left;
  vertical-align:middle;
  list-style-type:none;
}

.sortable-gallery-list {
  background:none repeat scroll 0 0 #FFF6BF;
  /*border-bottom:0.5px solid #CCCCCC;*/
  color:#616161;
  font-weight:normal;
  /*padding:10px;*/
  text-align:left;
  vertical-align:middle;
  list-style-type:none
}

.media_photos_sort {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}

.media_photos_sort li 
{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 115px;
	height: 115px;
	text-align: center;
}

.media_photos_sort li img
{
	border: 1px solid #ccc;
	vertical-align:middle;
	margin: 10px;
}

.media_photos_sort li .action
{
	display: block;
	text-align: center;
	margin-top: 5px;
	visibility: hidden;
}

.media_photos_sort li .action img
{
	border: 0;
}

.media_photos_sort li a {
	text-align: center;
}

/* Timesheet Calendar CSS */

h5.show {
	background: url(../images/close.png) no-repeat right center;
}

h5.hide {
	background: url(../images/expand.png) no-repeat right center;
}

/* Google Analytic */

.clear{ clear: both; }
.right{ float: right; }
.left{ float: left; }
.blue{ color: #22509b; font-size:15px; font-weight:bold; }
.white{ color: #ffffff; }
.num{ color:#000000; font-size:18px; font-weight:bold; }

.wrapper{ width: 951px; margin:0 auto; background: #ededed; text-align: left; padding:15px 13px; }
.main{ border:1px solid #e6e6e6; }
.title{ border-bottom:1px solid #e6e6e6; padding:15px 17px; background: #f4f6f5; }
.title span{ margin:0 5px; float:right;}
.title span a{ background: url(../images/img_button.png) no-repeat; width:91px; padding-top:7px; height:20px; text-align:center; font-size:9px; float:left; color:#000; font-weight:bold;}


.ga{ background: #FFF; padding:30px 70px;text-align: left;}
.ga p.date{ background:#fffffd; border:1px solid #f5f5f5; padding:3px; font-size:15px; font-weight:bold; color:#333333;width:200px;text-align:right;height:20px;}
#right_date_from{ height:20px;width:120px;}
#right_date_to{ height:20px;width:120px;}
.ga ul.color{ margin-top: 35px; border-bottom:1px solid #e6e6e6; padding-bottom:3px;}
.ga ul.color li{ list-style: none; display: inline; font-size:11px;}
.ga ul.color li.arrow_blue{ list-style: none; display: inline; background:url(../images/img_blue.png) left no-repeat; height:20px; padding-left:20px; margin-right:5px;}
.ga ul.color li.arrow_yellow{ list-style: none; display: inline; background:url(../images/img_yellow.png) left no-repeat; height:20px; padding-left:20px; margin-right:5px;}
.ga ul.color li.arrow_green{ list-style: none; display: inline; background:url(../images/img_green.png) left no-repeat; height:20px; padding-left:20px;}
.ga h2{color: #000000;font-weight: bold}
.ga h3{ background:#797979; padding:8px; margin-bottom: 10px; display: block; font-size: 1.19em; font-weight: bold;} 

.graph001 {padding-left:80px; width:390px; margin-bottom:20px; }
.graph001 ul li{ margin-bottom:3px;list-style: none;text-align:left;font-size:13px;}
.graph002 {padding-left:80px; width:390px; margin-bottom:20px; }
.graph002 ul li{ margin-bottom:3px;list-style: none;text-align:left;font-size:13px;}
.graph003 {padding-left:80px; width:390px; margin-bottom:20px; }
.graph003 ul li{ margin-bottom:3px;list-style: none;text-align:left;font-size:13px;}
.graph004 {padding-left:80px; width:390px; margin-bottom:20px; }
.graph004 ul li{ margin-bottom:3px;list-style: none;text-align:left;font-size:13px;}
.graph005 {padding-left:80px; width:390px; margin-bottom:20px; }
.graph005 ul li{ margin-bottom:3px;list-style: none;text-align:left;font-size:13px;}
.graph006 {padding-left:80px; width:390px; margin-bottom:20px; }
.graph006 ul li{ margin-bottom:3px;list-style: none;text-align:left;font-size:13px;}

.file_listing {
	list-style:none;
	line-height:20px;
	margin-bottom:5px;
}

#prj_comments {
	padding:5px 0px 5px 5px;
  	width: 100%;
}

#prj_comments .comment {
	background: #DCDCDC; 
	width: 100% !important;
}

#prj_comments .comment b {
	padding-left:5px;
}

#prj_comments p {
	width:50%;
}

.comments {
  margin-left: 30px;
  padding:5px 0px 5px 5px;
  width: 100%;

}
.comments p {
	width:50%;
}

.comments .comments .comments .comments {
  margin-left: 0;
}

tr.open td{
	background-color: #F9E6E6;
}
tr.closed td{
	background-color: #D8F9DA;
}
.hidden {
	display:none;
}