#cardui {
	position: absolute;
	top: 0;
	right: 0;
	width: 400px;
	height: 100%;
	color: #000;
	overflow: auto;
	text-align: center;
}

#card-photo, #card-text, #card-url, #card-search {
	font: bold 16px Arial, sans-serif;
	width: 300px;
	padding: 20px;
	margin: 0 auto 20px;
	background: #ddd;
	color: #000;

	border-top: 0;
	border-left: 0;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
}

.hover #card-photo {
	background: #dda; 
}
.hover #card-photo img {
	visibility: hidden;
}

#card-photo {
	margin-top: 0;
	height: 150px;
	line-height: 150px;
}

#card-photo.has-photo {
	height: auto;
	border: 1px solid #bbb;
	padding: 0;
	width: 340px;
}

#card-photo img {
	width: 340px;
	margin: 0;
}

#card-text {
	height: 150px;
	text-align: left;
	margin-bottom: 0;
}

#card-url {
	visibility: hidden;
	margin-bottom: 0;
}

#card-url, #card-search {
	padding: 5px 0 5px 5px;
	width: 355px;
	background: #fff;
}

#card-send.loading {
	outline: none !important;
	padding: 0 50px;
	background: url(../images/loader.gif) center right no-repeat;
}

#card-notify {
	font-size: 11px;
	display: block;
	margin-bottom: 15px;
	height: 10px;
}

#card-color {
	border: 0;
	margin: 0 auto 20px;
}
#card-color td {
	border: 2px solid #bbb;
	line-height: 20px;
	width: 20px;
	cursor: pointer;
}
#card-color td.selected {
	border: 2px solid #000;
}
#card-color th {
	font: bold 16px Arial, sans-serif;
	padding-right: 20px;
}

.card-buttons {
	margin-bottom: 20px;
}

.instructions {
	position: absolute;
	right: 20px;
	top: 20px;
	margin-left: 415px;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	overflow: hidden;
}
.instructions li {
	margin-bottom: 10px;
	margin-left: 20px;
}
div.panel form.parameters ul {
	margin-left: 0;
}
div.panel ul {
	margin-left: 42px;
}
form.parameters {
	margin-top: 20px;
	margin-left: 20px;
	position: static;
	left: 0;
	float: left;
}
form.dummy {
	margin-left: 0;
}

div.panel {
	margin-right: 400px;
}
.pages, .photos_container {
	margin-right: 405px;
}

#card-wrapper {
	width: 340px;
	padding: 10px;
	margin: 20px auto;
}

/* default */
#cardui { background: #555; color: #fff }
#card-text { background: #ddd }
#card-wrapper { background: #eee }

/* red */
#cardui.color-FF0000 { background: #900 }
#cardui.color-FF0000 #card-wrapper * { background: #f99 }
#cardui.color-FF0000 #card-wrapper { background: #fcc }

/* yellow */
#cardui.color-FFFF00 { background: #999900; color: #000 }
#cardui.color-FFFF00 #card-wrapper * { background: #ffff80 }
#cardui.color-FFFF00 #card-wrapper { background: #ffffe5 }

/* blue */
#cardui.color-0000FF { background: #000080 }
#cardui.color-0000FF #card-wrapper * { background: #8080FF }
#cardui.color-0000FF #card-wrapper { background: #E5E5FF }

/* orange */
#cardui.color-FFCC33 { background: #CC9900; color: #000 }
#cardui.color-FFCC33 #card-wrapper * { background: #FFCC99 }
#cardui.color-FFCC33 #card-wrapper { background: #FFFFCC }

/* green */
#cardui.color-00FF00 { background: #008000 }
#cardui.color-00FF00 #card-wrapper * { background: #66CC66 }
#cardui.color-00FF00 #card-wrapper { background: #E5FFE5 }
/* purple */
#cardui.color-FF00FF { background: #990099 }
#cardui.color-FF00FF #card-wrapper * { background: #FF99FF }
#cardui.color-FF00FF #card-wrapper { background: #FFCCFF }

#photos .photos_container { margin-top: 50px }

.facebook .instructions, .facebook #expand_panel, .facebook .panel-footer, .facebook .panel form small, .facebook .handle, .facebook .panel form .label { display: none }
.facebook .panel {
	background: transparent;
	width: auto;
	height: auto;
	position: relative;
	padding: 8px 0 0 0;
}
.facebook .panel form {
	margin: 0;
	float: none;
	width: auto;
	border: 0 !important;
	color: #fff;
}
.facebook .panel form ul {
	width: auto;
	float: left;
}
.facebook #photos .photos_container {
	margin-top: 55px;
	padding-left:20px;
}
.facebook #card-wrapper, .facebook #card-photo.has-photo, .facebook #card-photo img {
	width: 240px;
}
.facebook #card-photo.has-photo {
	height: auto;
}
.facebook #cardui {
	width: 300px;
}
.facebook #card-photo, .facebook #card-text, .facebook #card-url, .facebook #card-search {
	width: 200px;
}
.facebook #card-photo, .facebook #card-text {
	height: 100px;
}
.facebook #card-photo {
	line-height: 100px;
}
.facebook #card-url, .facebook #card-search {
	width: 255px;
}
.facebook #card-color td {
	width: 10px;
	line-height: 10px;
}
.facebook #card-color th {
	padding-right: 0;
}
.facebook div.panel {
	margin-right: 300px;
}
.facebook .photos_container, .facebook .pages {
	margin-right: 305px;
}
.facebook #card-wrapper {
	width: 240px;
}
.facebook .parameter input, .facebook .parameter .input, .facebook .parameter span, .facebook .parameter label, .facebook .parameter .calendar {
	float:left;
}
.facebook div.source-select {
	float: left;
	clear: left;
	color: #fff;
}
.facebook div.source-select input {
	margin-right: 5px;
}
div.source-select label, div.source-select input, div.source-select .input {
	display: inline;
	float: none;
	width: auto;
}
div.source-select {
	float: right;
}