@charset "UTF-8";
/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	color: #666;

	
}

#overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 1;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	
}

.hide {
	display: none;
}


.window {
	display: none;
	position: fixed;
	z-index: 2;
	width: 470px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -120px 0 0 -250px;
	padding: 0 15px;
	border: 10px solid #333;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	background-color: #fff;
}
	.close-btn {
		position: absolute;
		top: 8px;
		right: 12px;
		cursor: pointer;
	}
	
	.window h3 {
		margin: 0 0 15px;
		padding: 12px 0 7px;
		font-size: 16px;
		color: #666;
		border-bottom: 1px dotted #ccc;
	}
	
	.window p {
		margin: 15px;
	}
	
	.window div.image {
		padding-left: 15px;
		width: 225px;
		height: 80px;
		line-height: 80px;
		background-color: #eee;
		float: left;
	}
	.window div.thumb {
		float: left;
		padding-left: 20px;
		border-left: 1px dotted #aaa;
		width: 209px;
		height: 80px;
		line-height: 80px;
		background-color: #eee;
	}
	.window div.progress {
		width: 261px;
		background-color: #eee;
		margin-bottom: 15px;
	}
	.window div:hover {
		background-color: #ddd;
	}
	.window div img {
		padding: 2px;
		border: 1px solid #aaa;
		float: left;
	}
	.window div img.home, .window div img.img {
		margin-top: 10px;
	}
	.window div img.thumb {
		margin-top: 18px;
	}
	.window div img.progress {
		margin-top: 12px;
	}
	.window object {
		margin-top: 24px;
		margin-left: 15px;
		float: left;
	}
	
	.window strong {
		font-size: 11px;
		color: #666;
		font-style: italic;
		font-family: Georgia, serif;
		font-weight: bold;
		display: block;
		width: 235px;
		float: left;
		text-align: center;
		padding: 10px 0;
	}

	.window strong.progress {
		width: 100px;
		padding: 15px 0 0 15px;
		line-height: 1.5em;
		text-align: left;
	}
	.window fieldset.buttons {
		font-size: 11px;
		padding: 12px 0;
		display: block;
		clear: both;
		text-align: right;
		border-top: 1px dotted #ccc;
	}
	.window fieldset.buttons input {
		margin-left: 5px;
	}
		
	.window textarea {
		width: 460px;
		color: #666;
		padding: 3px 5px;
		border: 1px solid #aaa;
	}
	
	.window fieldset.desc {
		padding: 0 0 15px;
	}
	
	
	.window fieldset.desc.progress {
		
		padding: 15px 0;
		border-top: 1px dotted #ccc;
		font-size: 11px;
		clear: left;
	}
	.window fieldset.progress textarea {
		width: 410px;
	}
	
	.window input.text {
		border: 1px solid #aaa;
		width: 300px;
		margin-bottom: 10px;
		margin-right: 5px;
		color: #666;
		padding: 3px 5px;
	}
	
	.window fieldset.progress input.text {
		width: 265px;
	}
	
	#change_home, #new_home {
		width: 270px;
		margin-left: -135px;
	}
	
	#change_progress, #new_progress {
		width: 420px;
		margin-left: -210px;
		margin-top: -200px;
	}
	
	#save {
		width: 400px;
		margin-left: -200px;
		margin-top: -94px;
	}
	

#versions {
	height: 24px;
	color: #fff;
	position: absolute;
	top: 10px;
	left: 0px;
	width: 100%;
	background-color: #777;
}
	
	#versions ul {
		color: #fff;
		width: 825px;
		height: 24px;
		margin: 0 auto;
		border-right: 8px solid #fff;
		margin-bottom: 5px;
	}

	#versions ul li {
		height: 24px;
		float: right;
		border-left: 8px solid #fff;
		background-color: #999;
		padding: 0 10px;
	}
	#versions ul li:hover {
		background-color: #175c5c;
	}
	
	#versions ul li.main:hover {
		background-color: #1f7a1f;
	}
	
	#versions ul li:hover {
		background-color: #c00 !important;
	}
	#versions ul a {
		font-size: 11px;
		display: inline;
		height: 24px;
		line-height: 24px;
		color: #fff;
		text-decoration: none;
		padding: 7px 0;
	}
	#versions hr {
		height: 1px;
		border: none;
		border-bottom: 1px solid #fff;
		margin: 0;
		padding: 0;
		
	}

#wrapper {
	width: 825px;
	margin: 0 auto;
	padding: 0px 20px 20px;
	
}

#header {
	width: 825px;
	padding: 40px 0 15px;
	float: left;
	
}
	#header h1 {
		font-size: 45px;
		color: #c00;
		padding: 10px 0 5px;
		margin: 0;
		font-family: Impact, Georgia, "Times New Roman", Times, serif;
		letter-spacing: 2px;
		float: left;
		width: 825px;
	}
	
	ul#links {
		clear: left;
		float: left;
		width: 825px;
		height: 24px;
	}

	 ul#links li {
		float: left;
		margin-right: 15px;
		height: 24px;
	}
	
	 ul#links li a {
		font-size: 12px;
		padding: 4px 12px;
		color: #666;
		text-decoration: none;
		font-weight: bold;
		line-height: 24px;
	}
	 ul#links li.main a {
		background-color: #c00;
		border-color: #c00;
	}
	ul#links li a:hover {
		background-color: #666;
		border-color: #666;
		color: #fff;
	}
	 ul#links li.main a:hover {
		background-color: #f00;
		border-color: #f00;
	}


#page {
	clear: both;
	border-top: 3px double #666;
	padding: 20px 20px 20px 0;
	float: left;
	width: 805px;
}

#sidebar {
	width: 180px;
	float: right;
	padding-right: 20px;
	font-size: 11px;
}
	#sidebar a {
		text-decoration: none;
	}
	#sidebar ul {
		margin-bottom: 8px;
	}
	#sidebar li {
		padding: 2px 0;
		border-bottom: 1px dotted #ddd;
	
	}
	#sidebar h3 a {
		border-left: 3px solid #555;
		font-weight: bold;
		color: #555;
		padding: 4px 10px;
		background-color: #eee;
		margin-bottom: 6px;
		display: block;
	}
	#sidebar h3 a:hover {
		border-left: 3px solid #f00;
		color: #f00;
	}
	#sidebar h3 a.selected {
		border-left: 3px solid #c00;
		color: #c00;
	}

	#sidebar li a {
		display: block;
		color: #666;
		text-decoration: none;
		padding: 3px 10px;
		border-right: 3px solid #ccc;
	}
	#sidebar li a:hover {
		color: #222;
		border-right: 3px solid #666;
	}
	#sidebar li a.selected {
		color: #c00;
		border-right: 3px solid #c00;
	}


#content {
	width: 555px;
	float: right;
	border-left: 1px dotted #ccc;
	font-size: 11px;
	padding: 0 20px;
}
	h2 {
		font-size: 14px;
		color: #aaa;
		line-height: 1.5em;
		padding: 0 0 .5em;
		margin:  0 0 10px;
		border-bottom: 1px dotted #ccc;
	}
	h2 span {
		color: #c00;
	}
	#content input.text {
		border: 1px solid #aaa;
		width: 300px;
		margin-bottom: 10px;
		color: #666;
		padding: 3px 5px;
	}
	
	textarea {
		width: 540px;
		height: 70px;
		color: #666;
		padding: 3px 5px;
		border: 1px solid #aaa;
		font-family: Verdana, sans-serif;
		font-size: 11px;
	}
	
	input[type="text"] {
		font-family: Verdana, sans-serif;
		font-size: 11px;
	}
	
	
	#content fieldset.save {
		padding: 5px 0 15px;
		

	}
	#content fieldset.desc {
		padding: 5px 0 10px;
	}
	#content input {
		margin-right: 5px;
	}
	#content em {
		font-style: italic;
		padding-left: 0px;
		color: #999;
		font-family: Georgia, "Times New Roman", Times, serif;
	}

	#about #upload {
		background-color: #eee;
		padding: 15px;
		float: left;
		width: 522px;
	}
	#about em {
		float: left;
		width: 325px;
		font-size: 12px;
		font-weight: bold;
		color: #666;
		margin-bottom: 10px;
	}
	#about img {
		float: left;
		padding-right: 15px;
		border-right: 1px dotted #aaa;
		margin-right: 15px;
	}
	#about #about_img {
		float: left;
	}
	#about fieldset {
		clear:both;
	}
	#about textarea {
		clear: both;
		margin-top: 15px;
	}
	#content p.error {
		font-size: 12px;
		font-weight: bold;
		color: #c00;
		margin-bottom: 10px;
	}

	#login input {
		margin: 3px 5px 3px 0;
		
	}
	#login #submit {
		margin-top: 7px;
	}
	#login hr {
		width: 50%;
		height: 1px;
		border: none;
		border-bottom: 1px dotted #ccc;
		margin: 10px 0;
		text-align: left;
	}
	#login a {
		display: block;
		margin-top: 10px;
	}

	
	table {
		width: 555px;
		color: #444;
	}
	table td {
		padding: 7px 15px;
	}
	table .odd {
		background-color: #f2f2f2;
	}
	table td.preview {
		width: 40px;
	}
	table td.restore {
		width: 40px;
		padding-left: 10px;
		padding-right: 20px;
	}
	label {
		vertical-align: middle;
	}
	
	


#clear {
	height: 1px;
	clear: both;
}
img {
	text-align: center;
}
a {
	color: #c00;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}


/* * * DRAG & DROP * * */

.sortable {
	margin: 0 0 12px;
	border: 1px solid #aaa;
	background-color: #f4f4f4;
	width: 550px;
	cursor: move;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 0;
	float: left;
}
	.home_image {
		cursor: default;
	}
	.sortable div.project {
		float: left;
		width: 335px;
		border-right: 1px dotted #aaa;
		height: 54px;
		color: #777;
		padding: 0 20px;
	}
	.sortable div.project.progress {
		width: 220px;
		padding-left: 0;
	}
	
	.sortable div.project h3 {
		overflow: hidden;
		font-size: 13px;
		line-height: 18px;
		color: #c00;
		padding-bottom: 2px;
	}
	
	.sortable div.project p {
		overflow: hidden;
		font-size: 11px;
		height: 30px;
		line-height: 15px;
	}
	.sortable div.project .hidden {
		display: none;
	}
	
	.sortable img {
		border: 1px solid #999;
		margin: 0 15px;
		float: left;
	}
	.sortable img.thumb {
		margin: 7px 15px;
	}
	
	.sortable p.img_desc {
		font-size: 11px;
		line-height: 15px;
		margin: 3px 0;
		width: 70px;
		padding: 10px 15px 10px 0;
		border-right: 1px dotted #aaa;
		float: left;
	}
	.sortable div.icons {
		margin: 0 0 4px 15px; 
		display: block;
		float: left;	
	}
	.sortable div.icons p {
		font-size: 11px;
		color: #999;
		vertical-align: middle;
		display: inline;
		line-height: 25px;
		text-align: right;
		padding-left: 7px;
		font-family: Arial, sans-serif
	}
	.sortable div.icons img {
		float: none;	
		border: none;
		vertical-align: middle;
		display: inline;
		line-height: 25px;
		margin: 0;
		padding: 0;
	}
	.sortable div.icons:hover p {
		color: #c00;
	}
	
	/* Team Member Styles */
	.member fieldset {
		padding: 3px 10px 3px 15px;
		border-right: 1px dotted #aaa;
		float: left;
		width: 400px;
	}
	
	.member input {
		font-size: 11px;
		color: #666;
		padding: 3px 5px;
		border: 1px solid #aaa;
		float: left;
	}
	.member input.member_name {
		width: 120px;
		margin-right: 15px !important;
	}
	.member input.member_email {
		width: 172px;
	}
	.member label {
		float: left;
		width: 60px;
		font-weight: bold;
		line-height: 20px;
	}
	.member div.remove {
		margin-top: 2px 0 0;
	
	}
	
	/* Branch Office Styles */
	.branch fieldset {
		padding: 3px 0px 3px 15px;
		border-right: 1px dotted #aaa;
		border-left: 1px dotted #aaa;
		float: left;
		width: 382px;
	}
	
	.branch p.label {
		font-weight: bold;
		float: left;
		width: 60px;
		padding: 3px 0 0 15px;
	}
	
	.branch input {
		font-size: 11px;
		color: #666;
		padding: 3px 5px;
		border: 1px solid #aaa;
		float: left;
	}
	.branch input.branch_name {
		width: 355px;
	}
	.branch input.address {
		width: 233px;
		margin-top: 7px;
		margin-right: 10px !important;
	}
	.branch input.number {
		width: 100px;
		margin-top: 7px;
	}
	
	.branch div.remove {
		padding: 0;
		margin: 5px 0 0 7px;
		width: 60px;

	}
	.branch div.remove p {
		line-height: 1.25em;
		display: block;
		text-align: center;
		padding: 5px 0 0;
	}
	.branch div.remove img {
		margin: 0 auto;
		display: block;
	}
	
	/* Partner Styles */
	.partner fieldset {
		padding: 3px 0px 3px 15px;
		border-right: 1px dotted #aaa;
		border-left: 1px dotted #aaa;
		float: left;
		width: 382px;
	}
	
	.partner p.label {
		font-weight: bold;
		float: left;
		width: 60px;
		padding: 3px 0 0 15px;
	}
	
	.partner input {
		font-size: 11px;
		color: #666;
		padding: 3px 5px;
		border: 1px solid #aaa;
		float: left;
		width: 355px;
	}
	.partner input.first {
		margin-bottom: 7px;	
	}
		
	.partner div.remove {
		padding: 0;
		margin: 2px 0 0 7px;
		width: 60px;

	}
	.partner div.remove p {
		line-height: 1.25em;
		display: block;
		text-align: center;
		padding: 5px 0 0;
	}
	.partner div.remove img {
		margin: 0 auto;
		display: block;
	}
	




.ghost {
	position: absolute;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	border: 1px solid #888;
	
	background-color: #f4f4f4;
}

.active, .sortable:hover {
	border: 1px solid #888;
	background-color: #e0e0e0;
}

li.home_image {
	width: 250px;
	float: left;
	margin-right: 10px;
}
li.home_image img {
	margin-right: 0;
}


/* * * Classes * * */

.invisible {
	display: none;
}
#save .warning {
	color: #fa190a !important;
	padding-left: 36px;
	background-image: url(images/alert.png);
	background-repeat: no-repeat;
	background-position: 0 10px;
}

.left {
	float:left;
}
.right {
	float:right;
}