/************************************************************************/
/* Logic-Sunrise                                                        */
/* ===========================                                          */
/*                                                                      */
/* Copyright (c) 2009                                                   */
/* http://www.logic-sunrise.com                                         */
/*                                                                      */
/* ===========================                                          */
/* $Id: templates/css/propose.css,v 1.0   by      Nickaardo Exp $       */
/************************************************************************/

#propose-header {
	padding: 4px 0px 0px 10px;
	font-weight: bold;
	background-color: #000000;
	color: #FFFFFF;
	height: 19px;
	width: 670px;
}

.propose-box {
	width: 680px;
	background-color: #FFFFFF;
	background-image: url('../images/bg-box-infos.gif');
	background-repeat: repeat-y;
}

.propose-box-grey {
	width: 680px;
	background-color: #E3E3E3;
	background-image: url('../images/bg-box-infos-grey.gif');
	background-repeat: repeat-y;
}

.propose-title {
	text-align: right;
	padding: 8px 10px 8px 0px;
	width: 184px;
	float: left;
}

.propose-element {
	width: 476px;
	float: left;
	padding: 8px 0px 8px 10px;
}

#propose-footer {
	background-color: #000000;
	padding-top: 20px;
}

#valid-header {
	background-color: #000000;
	border: 1px solid #000000;
	height: 6px;
}

#valid-title {
	background-image:url(../images/frame-top-colors/frame-top-common-background.gif);
	background-repeat: repeat-x;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	font-weight: bold;
	height: 23px;
	padding: 5px 0 0 14px;
}

#valid-box {
	background-color: #FFFFFF;
	padding: 40px;
}

#valid-bottom {
	height: 6px;
	background-color: #000000;
}

.swiff-uploader-box a {
	display: none !important;
}

#file-upload-status a:hover, #file-upload-status a.hover {
	color: #FF9600;
}

#file-upload-status
{
	width:					420px;
}
 
#file-upload-status .progress
{
	background:				white url(../images/progress.gif) no-repeat;
	background-position:	+50% 0;
	margin-right:			0.5em;
}
 
#file-upload-status .progress-text
{
	font-size:				0.9em;
	font-weight:			bold;
}
 
#file-upload-list
{
	list-style:				none;
	width:					450px;
	margin:					0;
}
 
#file-upload-list li.file
{
	border-bottom:			1px solid #eee;
	background:				url(../images/file.png) no-repeat 4px 4px;
}

#file-upload-list li.file.file-uploading
{
	background-image:		url(../images/uploading.png);
	background-color:		#D9DDE9;
}

#file-upload-list li.file.file-success
{
	background-image:		url(../images/success.png);
}

#file-upload-list li.file.file-failed
{
	background-image:		url(../images/failed.png);
}
 
#file-upload-list li.file .file-name
{
	font-size:				1.2em;
	margin-left:			44px;
	display:				block;
	clear:					left;
	line-height:			40px;
	height:					40px;
	font-weight:			bold;
}

#file-upload-list li.file .file-size
{
	font-size:				0.9em;
	line-height:			18px;
	float:					right;
	margin-top:				2px;
	margin-right:			6px;
}

#file-upload-list li.file .file-info
{
	display:				block;
	margin-left:			44px;
	font-size:				0.9em;
	line-height:			20px;
	clear
}

#file-upload-list li.file .file-remove
{
	clear:					right;
	float:					right;
	line-height:			18px;
	margin-right:			6px;
}

#files-tree {
	width: 430px;
	height: 600px;
	overflow: hidden;
	position: relative;
	background-color: #FFFFFF;
	margin: 10px;
	border: 1px solid #999999;
	background-image:url('../images/place-here.gif');
	background-position:right bottom;
	background-repeat:no-repeat;
}

#files-add-category {
	float: right;
}

.files-tree-node {
	top:10px;
	left:14px;
	position:absolute;
}

.files-tree-node li {
	padding:0;
	padding-bottom: 5px;
	margin:0;
	list-style-type:none; 
	cursor: pointer;
}

#tech-chart {
	margin: 16px 0px 0px 28px;
}

#chart-title {
	color: #FF0000;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}

.chart-title-underline { text-decoration: underline; }

.chart-list-grey { color: #959595; }

#chart-top-left {
	float: left;
	width: 11px;
	height: 11px;
	background-image: url(../images/bg-chart-top-left.gif);
}

#chart-top-middle {
	float: left;
	height: 10px;
	width: 600px;
	background-color: #000000;
	border-top: 1px solid #6e6e6e;
}

#chart-top-right {
	float: left;
	width: 11px;
	height: 11px;
	background-image: url(../images/bg-chart-top-right.gif);
}

#chart-content {
	width: 575px;
	border-left: 1px solid #6e6e6e;
	border-right: 1px solid #6e6e6e;
	background-image: url(../images/bg-chart-content.gif);
	background-repeat: repeat-x;
	background-color: #373737;
	color: #FFFFFF;
	font-size: 11px;
	padding: 7px 20px 7px 25px;
}

#chart-bottom-left {
	float: left;
	width: 11px;
	height: 11px;
	background-image: url(../images/bg-chart-bottom-left.gif);
}

#chart-bottom-middle {
	float: left;
	height: 10px;
	width: 600px;
	background-color: #373737;
	border-bottom: 1px solid #6e6e6e;
}

#chart-bottom-right {
	float: left;
	width: 11px;
	height: 11px;
	background-image: url(../images/bg-chart-bottom-right.gif);
}