/* 
    Document   : main
    Created on : 03.03.2010, 22:16:57
    Author     : marvell
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

.modal {
    background-color:#FCFCFC;
    display:none;
    width:700px;
    padding:15px;
    text-align:left;
    border:2px solid #333;
	font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms","verdana";

    opacity:0.8;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -moz-box-shadow: 0 0 50px #ccc;
    -webkit-box-shadow: 0 0 50px #ccc;
}

.modal h2 {
    margin:0px;
    padding:10px 0 10px 0;
    border-bottom:1px solid #333;
    font-size:20px;
}

#order .left_col {
	float: left;
	width: 360px;
	margin-right: 20px;
}
#order .right_col {
	float: right;
	width: 300px;
}
#order .element {

	margin-bottom: 15px;
}

#order .element input { border:1px #ACACAC solid;}
#order .element textarea { border:1px #ACACAC solid;}
#order .element select { border:1px #ACACAC solid;}



#order label {
	display: block;
}
#order input, #order select, #order button {
	width: 100%;
	height: 25px;

	font-size: 15px;
}
#order textarea {
	width: 100%;
	height: 50px;

	font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms","verdana";
	font-size: 15px;
}

#order .desc {
	display: block;

	font-size: 12px;

	color: #666;
}

#order .buttons {
	clear: both;

	text-align: center;
}

#order .buttons input, #order .buttons button {
	width: 100px;
}

.ajax_loader {
	display: none;
	text-align: center;
	margin: 10px 0;
	clear: both;
}