/* 
    Document   : sales
    Created on : Apr 15, 2013, 5:52:14 PM
    Author     : brandon.anderson
    Description:
        Sales page-specific styles.
*/

/* Sales web form */
#salesForm { display:block; margin:0 auto; }
#salesForm ul { font-size:0; border:0px solid #F0F0F0; padding:0; background:transparent; 
/*
-webkit-box-shadow: inset 0 1px 6px #404040;
-khtml-box-shadow: inset 0 1px 6px #404040;
-icab-box-shadow: inset 0 1px 6px #404040;
-moz-box-shadow: inset 0 1px 6px #404040;
box-shadow: inset 0 1px 6px #404040;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
-icab-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
behavior: url('/common/scripts/pie.php'); 
*/
}
#salesForm ul li { width:450px; margin:0 auto; padding:5px 0; text-align:left; }
#salesForm ul li .requirements { font:normal normal 700 14px/20px "Open sans",sans-serif; color:#607090; }
#salesForm label { 
	margin:2px 8px; 
	padding:2px;
	font:normal normal 700 13px/17px  "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; 
	text-align:left; 
	color:#404550; 
}
#salesForm ul li input:not([type=submit]), textarea, select
{ 
	width:100%; margin:0; border:4px solid #EFEFEF; padding:4px 6px; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	font:normal normal 400 16px  Arial, Tahoma, sans-serif;
	color:#303030;
	-webkit-border-radius:16px;
	-khtml-border-radius:16px;
	-icab-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.30);
	-khtml-box-shadow: 0 1px 3px 0 rgba(0,0,0,.30);
	-icab-box-shadow: 0 1px 3px 0 rgba(0,0,0,.30);
	-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.30);
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.30);
}
#salesForm ul li input:not([type=submit]):hover, textarea:hover, select:hover { border-color:#A0D0FF; }
#salesForm ul li input:not([type=submit]):focus, textarea:focus, select:focus 
{
	border-color:#0099FF;
	outline:0 none;
	-webkit-box-shadow: 0 0 7px 2px rgba(0,0,0,.30);
	-khtml-box-shadow: 0 0 7px 2px rgba(0,0,0,.30);
	-icab-box-shadow: 0 0 7px 2px rgba(0,0,0,.30);
	-moz-box-shadow: 0 0 7px 2px rgba(0,0,0,.30);
	box-shadow: 0 0 7px 2px rgba(0,0,0,.30);
}
/* margin-left = (width - li width) / -2 */
#salesForm textarea { width:550px; margin-left:-50px; font-size:14px; }
#salesForm select { display:block; width:100px; outline:none; -webkit-appearance:none; }

/* form submit button */
input.submit-btn {
	font:normal normal 700 14px/14px  "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	padding:8px 18px;
}
input.submit-btn:hover { cursor:pointer; }

/* error checking */
#salesForm ul li.alert 
{
	margin:0 auto;
	border:4px solid #505050;
	-webkit-border-radius:16px;
	-khtml-border-radius:16px;
	-icab-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
}
#salesForm ul li.alert.error { background:#CC0000; }
#salesForm ul li.alert.success { background:#A0D0FF; border-color:#0099FF; }
#salesForm ul li.alert > div 
{
	font:normal normal 700 16px  Arial, Tahoma, sans-serif;
	vertical-align:middle;
	text-align:center;
	color:#FFFFFF;
}