/**
 * CSS for Idealizer.
 *
 * @author	Brad Chen <brad.chen@70mainstreet.com>
 * @version	$Id: idealizer.css 306 2009-08-06 13:54:36Z mainstreet $
 */

/* Idealizer Construct */
#idealizer-container {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	display: none;
}

#idealizer-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.idealizer-overlay-mac-ff {
	background: url(http://assets.filemobile.com/156/images/idealizer/macFFBgHack.png) repeat;
}

.idealizer-overlay-bg {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

#idealizer {
	position: absolute;
	font-size: 1.2em;
	line-height: 1.5em;
	top: 5%;
	width: 1105px;
	height: 522px;
	z-index: 150;
	margin: 0px;
	padding: 0px;
        display: none;
}

#idealizer #arm-left {
	background: url(http://assets.filemobile.com/156/images/idealizer/v2/arm-left.gif);
	width: 239px;
	height: 510px;
	float: left;
}

#idealizer #arm-right {
	background: url(http://assets.filemobile.com/156/images/idealizer/v2/arm-right.gif);
	width: 239px;
	height: 510px;
	float: left;
}

#idealizer #idealizer-center {
	width: 605px;
	float: left;
}

#idealizer #idealizer-top {
    margin-top: 3px;
	height: 103px;
}

#idealizer #idealizer-body {
	color: white;
	background: url(http://assets.filemobile.com/156/images/idealizer/v2/middle.gif);
	height: 286px;
	padding: 0px 20px 0px 25px;
	overflow: hidden;
}

#idealizer #idealizer-controls {
	height: 84px;
}

#idealizer #idealizer-bottom {
	background: url(http://assets.filemobile.com/156/images/idealizer/v2/idealizer-bottom.gif);
	height: 35px;
}

#idealizer #close-button {
	width: 90px;
	height: 32px;
	position: relative;
	left: 565px;
	top: 5px;
}

/* Idealizer Text */
#idealizer .step1 {
	background: url(http://assets.filemobile.com/156/images/idealizer/v2/idealizer-top-steps.jpg) 0px 0px no-repeat;
}

#idealizer .step2 {
	background: url(http://assets.filemobile.com/156/images/idealizer/v2/idealizer-top-steps.jpg) 0px -103px no-repeat;
}

#idealizer .step3 {
	background: url(http://assets.filemobile.com/156/images/idealizer/v2/idealizer-top-steps.jpg) 0px -206px no-repeat;
}

#idealizer-step1,
#idealizer-step2,
#idealizer-step3,
#idealizer-email {
	text-align: center;
	display: none;
}

#idealizer-step1 {
	margin-top: 50px;
}

#idealizer-step1 h2 {
	font-size: 2em;
}

#idealizer-step2 {
	padding-top: 5px;
}

#idealizer-step2 ul {
	list-style-type: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

#idealizer-step2 ul li {
	width: 32%;
	float: left;
	font-size: 1em;
}

#idealizer-step3 {
	padding-top: 10px;
	font-size: 1em;
}

#idealizer #characters {
	width: 140px;
	height: 200px;
	float: left;
	text-align: center;
}

#idealizer #ideas {
	width: 410px;
	float: left;
	text-align: left;
}

#idealizer #ideas h2 {
	font-size: 1em;
	background-color: #343c49;
	padding: 0px 20px;
}

#idealizer #ideas ol {
	margin: 0px;
	margin-left: 40px;
	padding: 0px;
}

#idealizer #ideas ol li {
	margin: 5px 0px;
	cursor: pointer;
}

#idealizer #idealizer-email {
	text-align: left;
	font-size: 1em;
}

#idealizer #recipient-fields, #idealizer #sender-fields {
	float: left;
	width: 260px;
	margin: 5px 5px;
	padding: 0px;
	border: 0px;
}

#idealizer #recipient-fields p,
#idealizer #sender-fields p {
	margin: 0px 0px 5px 0px;
}

#idealizer #recipient-fields a,
#idealizer #recipient-fields a:hover,
#idealizer #sender-fields a,
#idealizer #sender-fields a:hover {
	color: #018dfe;
}

#idealizer #recipient-fields input.text,
#idealizer #sender-fields input.text {
	color: white;
	width: 250px;
	background-color: #30393e;
	border: 0px;
	margin: 2px 0px;
	padding: 2px;
}

#idealizer #send-button,
#idealizer #cancel-button {
	float: left;
	display: block;
	height: 23px;
	margin: 0px 5px;
}

#idealizer #send-button {
	background: url(http://assets.filemobile.com/156/images/idealizer/btn_send.jpg) left top no-repeat;
	width: 63px;
}

#idealizer #send-button:hover {
	background: url(http://assets.filemobile.com/156/images/idealizer/btn_send.jpg) 0px -23px no-repeat;
}

#idealizer #cancel-button {
	background: url(http://assets.filemobile.com/156/images/idealizer/btn_cancel.jpg) left top no-repeat;
	width: 70px;
}

#idealizer #cancel-button:hover {
	background: url(http://assets.filemobile.com/156/images/idealizer/btn_cancel.jpg) 0px -23px no-repeat;
}

#idealizer #send-button span,
#idealizer #cancel-button span {
	display: none;
}