/* Generic */

h1 {
	font-size: 13px;
	text-transform: uppercase;
	padding: 0 0 0 40px;
	margin: 0 0 20px 0;
	color: #333;
}

h3 {
		padding: 20px 0;
		font-size: 12px;
		color: #333;
	}

p.inline-help {
	font-size: 11px;
	color: #666;
	margin: 0 0 10px 0;
}


.inline-help a {
	color: #333;
	padding: 0 0 1px 0;
	border-bottom: 1px dashed #333;
	text-decoration: none;
}

.inline-help a:hover {
	border-bottom: 1px solid #333;
	text-decoration: none;
}

.inline-help ul li a {
	font-size: 10px;
}

.options-box, #problems-options {
	font-size: 11px;
}

.options-box ul, #problems-options .options-box ul {
	padding: 10px 0 10px 30px;
}

.options-box ul li, #problems-options .options-box ul li {
	padding: 5px 0;
}

.options-box ul a, #problems-options .options-box ul a{
	color: #2897B7;
}

#problems-options .option ol {
	padding: 0 0 5px 30px;
	color: #666;
}

#problems-options .option ol li {
	padding: 2px 0;
}

#problems-options .option ol a{
	color: #2897B7;
}



.inline-help ul li a {
	font-size: 11px; color: #2897B7;
}

#problems-options .title {
	display: block;
	padding: 20px 0 5px 0;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	
}


/* Classes */
.w90 {
	width: 90px;
}

.w100 {
	width: 100px;
}

.w140 {
	width: 140px;
}

.w150 {
	width: 150px;
}

.w170 {
	width: 170px;
}

.w190 {
	width: 190px;
}

.w200 {
	width: 200px;
}

.ta-center {
	text-align: center;
	}
	
.margin-l-20{
	margin-left: 20px;
}

.margin-t-5{
	margin-top: 5px;
}

.error-message {
	padding: 20px 0 0 120px;
	color: red;
	font-size: 12px;
}

.paginator-links {
	margin: 10px 0 0 0;
	padding: 7px 0 0 0;
	border-top: 1px solid #eaeaea;
	}
	
.paginator-links a {
	color: #999;
	text-decoration: none;
	border-bottom: 1px dashed #999;
	}
	
.hidden {
	display: none;
	}
	
.steps {
	padding: 5px;
	text-align: center;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;

	}

.steps a  {
	text-decoration: none;
	margin: 0 8px 1px 0;	
	border-bottom: 1px dashed #999;
}

.steps a:hover  {	
	border-bottom: 1px solid #999;
}
		
.steps ul li {
	list-style: none;
	display: inline;
	font-size: 11px;
	padding: 0 6px 0 0;
	color: #666;
	}

.steps .step-active a, .steps .step-active {
	color: green;
	}

.steps .step-unactive a{
	color: #999;
	}

.steps .step-done a{
	color: #666;
	}		

/* Auth */
#authMessage {
	font-size: 12px;
	padding: 10px 0 20px 0;
	color: red;
}

.confirmBox {
	background: #FFF1A8;
	padding: 4px 15px;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	}
	
.notConfirmBox {
	background: red;
	padding: 4px 15px;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	}
	
#displayMessage {
	height: 30px;
	}

/* Gallery */
.prop-thumb {
	float: left;
	margin: 30px 15px 0 0;

	}
		
.prop-thumb img {
	margin: 0 0 5px 0;
	display: block;
	padding: 3px;
	border: 1px solid #999;	
	}	

.prop-thumb-links {
	background: #fff;
	}
			
.prop-thumb-links a.left{
	font-size: 11px;
	display: block;
	float: left;
	color: #333;
	text-decoration: none;
	background: #eee;
	border: 1px solid #999;
	}

.prop-thumb-links a.right{
	font-size: 11px;
	display: block;
	float: right;
	color: #333;
	text-decoration: none;
	background: #eee;
	border: 1px solid #999;
	}
	
.prop-thumb-links a.deleteThumb{
	font-size: 11px;
	display: block;
	clear: both;
	text-align: center;
	margin: 2px 0 0 0;
	color: #333;
	text-decoration: none;
	background: #eee;
	border: 1px solid #999;
	}
		
	
	
.prop-thumb-links a.not-plant, .prop-thumb-links a.not-cover {
	display: none;
}

.prop-thumb-links a.plant, .prop-thumb-links a.cover {
	color: green;
	text-decoration: none;
}

/* DL  */
.PreviewData {
	width: 400px;
	font-size: 11px;
	clear: both;
	margin: 10px 0;
	}

.PreviewDataDt {
	display: block; 
	float: left;
	width: 180px;
	height: 26px;
	padding: 0 0 0 20px;
	font-weight: bold;
	}
	
.PreviewDataDl {
	display: block; 
	float: left;	
	}

#PropertyPreview .separator {
	height: 20px;
	margin: 0 0 10px 0;
	border-bottom: 1px dashed #eee;

	}

.inputLink {
	padding: 5px 0 0 0;
}

.inputLink a{
	font-size: 12px;
	padding: 0 0 0 22px;
}

.pdf-link{
	margin: 5px 0 0 20px;
	float: left;
}

.pdf-link img{
	display: block;
	float: left;
	padding-top: 1px;
	margin-right: 5px;
}

.pdf-link a{
	font-size: 12px;
	color: #666;
	text-decoration: none;
}

.pdf-link a:hover {
	text-decoration: underline;
}

.pdf-link .delete-pdf{
	color: red;
	margin-left: 5px;
}

.input {
	clear: both;
	padding: 10px 0 10px 0;
}

.input label {
	display: block;
	float: left;
	width: 100px;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	padding: 7px 0 0 0;
}

.input input {
	display: block;
	float: left;
	margin: 0 0 0 20px;
	padding: 6px 5px 0 5px;
	width: 470px;
	height: 30px;
	font-size: 14px;
	border: 0;
	background: url('../img/bg/inputs/input_480_bg.png') 0 0 no-repeat;
}

.input select {
	display: block;
	float: left;
	margin: 0 0 0 20px;
	padding: 6px 5px 0 5px;
	width: 480px;
	height: 30px;
	font-size: 14px;
	border: 0;
	background: url('../img/bg/inputs/input_480_bg.png') 0 0 no-repeat;
}


.submit {
	margin: 20px 20px 0 0;
	float: left;
}

.submit input {
	border: 1px solid #666;
	padding: 4px 7px 4px 7px;
	color: #333;
	background: #E5E5E5;
	margin: 0 0 0 120px;
	border: 1px solid #333;
}

.remember-me {
	clear: both;
	margin: 20px 0 0 0;
	padding: 10px 0 0 120px;
	font-size: 11px;
	color: #666;
}

.remember-me input {
	float: left;
}

.remember-me #remember-label {
	padding: 0 0 0 10px;
	float: left;
	text-transform: inherit;
}

.cant-login {
	clear: both;
	margin: 10px 0 0 0;
	padding: 10px 0 0 120px;
	font-size: 11px;
	color: #666;
}

.cant-login a {
	color: #2897B7;
}

/* File */
.file-thumb {
	padding: 10px;
	color: green;
	font-size: 12px;
	margin: 20px 0 0 0;
}

.file-thumb span {
	padding: 0 20px 0 0;
}


.file-thumb a {
	padding: 0 10px;
}


.file-thumb a.ftDelete {
	color: red;
}

.file-thumb a.ftView {
	color: darkgreen;
}

/* Image form */

#ClosetAddSecondForm .select input {
	background: none;
} 

.checkbox {
	display: block;
	clear: both;
	padding: 10px 0 0 0;
	margin: 30px 0 0 100px;
}

.checkbox label {
	width: 300px;
	text-align: left;
	padding: 0 0 0 20px;
}

.checkbox input {
	width: 20px;
	height: 20px;
	background: none;
}

#PropertyImageForm input {
	border: 1px solid #333;
}

#PropertyImageForm .continueSubmit {
	margin: 0 0 0 0;
}

#PropertyFileForm .continueSubmit {
	margin: 0 0 0 0;
}

iframe {

}

#ContentsNewsDate, #ContentsPostDate, #ContentsEventDate, #ContentsPressReviewDate {
	background: url('../img/bg/inputs/input_date_bg.png') 0 0 no-repeat;
}

#administration-perms label{
	font-size: 11px;
}

#administration-perms h2{
	font-size: 14px;
}

/* Table */
#main table {
	width: 600px;
	margin: 0 auto;
	font-size: 10px;
	color: #666;
}

#main th {
	background: url('../img/bg/th_m_bg.png') 0 0 repeat-x;
	clear: both;

}

#main th .th-m {
	background: url('../img/bg/th_r_bg.png') top right no-repeat;
	height: 30px;
	padding: 7px 6px 0 6px;
}

#main th .th-m a {
	font-size: 12px;
	color: #333;
	text-decoration: none;
}


#main td {
	padding: 6px 0 6px 10px;
}

#main td span {
	margin: 0 0 0 0px;
}

tr.odd {
	background: #fff;
}

tr.even {
	background: #F2F2F2;
}

table img {
	border: 0;
}

/* Preview box */
.preview-box {
	width: 90%;
	margin: 0 auto;
	padding: 10px 10px;
	background: #f5f5f5;
	border-left: 3px solid #999;
	font-size: 11px;
}

.preview-title {
	display: block;
	font-weight: bold;
	font-size: 12px;
	padding: 0 0 5px 0;
}

.preview-date {

}

.preview-content {
	display: block;
	padding: 20px 10px;
}

.preview-content a{
	color: #666;
	text-decoration: none;
}

.preview-content a:hover{
	text-decoration: underline;
}

/* Choose-box */
.choose-box {
	padding: 20px 0;
}

.choose-box ul {
	font-size: 12px;
	list-style-type: none;
}

.choose-box ul li {
	display: inline;
	padding: 0 40px 0 0;
}

.choose-box a {
	color: #666;
	border-bottom: 1px dashed #666;
	text-decoration: none;
	padding: 0 0 2px 0;
}

/* Perms */

#users-box {
	border: 1px solid #eee;
	padding: 10px;
}

#users-box {
	list-style-type: none;
}

#users-box li {
	width: 130px;
	border: 1px dashed #ddd;
	margin: 0 10px 10px 0;
	font-size: 10px;
	padding: 5px;
}

.users-box-name {
	color: #333;

}

.users-box-detail {
	color: #999;
}

.preview{
	margin: 20px 0;
}


.preview a{
	font-size: 12px;
	color: #666;
	text-decoration: none;
	border-bottom: 1px dashed;
}

.preview a:hover{
	border-bottom: 1px solid;
}