@import url('/css/nyroModal.css');
body {
	color: #333;
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: white;
	margin: 0;
}
#wrapper {
	margin: 0;
	padding: 28px 0px;
}
#Orders {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#Orders li.head {
	padding: 3px;
	border-bottom: 1px solid #375d63;
	font-weight: bold;
	background: #bbe1e6;
}
#Orders li {
	padding: 8px;
	border-bottom: 1px solid #63969d;
}
#Orders li div {
	padding-left: 10px;
}
#Orders li span.number {
	float: left;
	display: block;
	width: 30px;
}
#Orders li span.name {
	float: left;
	width: 500px;
}
#Orders li span.type {
	float: left;
	width: 50px;
}
#Orders li span.price {
	float: right;
	width: 32px;
	text-align: right;
}
#Orders .changes {
	font-size: 10px;
}
#TopBar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	font: 12px verdana;
	color: white;
	background: left -28px repeat-x url(/admin/img/layout/repeat-x.png);
}
#TopBar a {
	display: block;
	float: left;
	border-right: 1px solid #385165;
	color: white;
	text-decoration: none;
	padding: 7px 10px;
}
#TopBar a:hover {
	font-weight: bold;
	background: #425ed75;
}
#content {
	overflow: auto;
	padding: 10px;
}
.sl, #sl {
	float: left;
}
.sr, #sr {
	float: right;
}
#box {
	padding: 15px;
	border: 1px solid #cfcfcf;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
#boxOptions {
	padding: 0 10px;
}
#boxOptions  a {
	margin: 0 5px;
	padding: 6px 10px;
	text-decoration: none;
	line-height: 26px;
	-moz-border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
	background: #ededed;
}
#boxOptions  a:hover {
	text-decoration: underline;
}
.LoginBox {
	width: 340px;
	margin: 100px auto;
}
ul.innerBoxRow, ul.innerBoxRow li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.innerBoxRow li {
	padding: 2px 0 2px 25px;
}
a {
	color: #333;
}
.boxTitle {
	margin: 10px;
	font: 15px verdana;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #333;
}
ul.row {
}
ul.row li {
	padding: 3px 3px 3px 0;
}
ul.row li a {
	text-decoration: none;
	color: #333;
}
ul.row li a:hover {
	text-decoration: underline;
	color: black;
}
.form { padding: 0 20px; font-size: 11px; }
body#login .form { padding: 0 0; font-size: 11px; }
.form p { clear: both; margin: 0; padding: 5px 10px 5px 100px; border-bottom: 1px solid #bbb; }
.form p label { color: #5e7f92; font-size: 12px; width: 100px; float: left; margin-left: -100px; padding: 2px 5px 3px 3px; display: block; }
.form p textarea  { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 525px; margin: 0; padding: 5px; border: solid 1px #767676; }
.form input[type="text"], .form input[type="password"], .form select { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 2px; width: 200px; border: solid 1px #5e7f92; }
.form p:hover label { color: #000; }
.form p:hover { background-color: #f1f1f1; }
.form p.textarea { padding-left: 0; }
.form p.textarea label { margin-left: 0px; width: auto; float: none; }
.form p.textarea textarea { width: auto; padding: auto; clear: both; float: none; width: auto; }
.form p.submit { border: none; padding: 3px 0 0 0; text-align: center; }
.form p.submit:hover { background: none; }
.form p.submit input { border: 1px solid #979899; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 3px 7px; font: 11px verdana; background: repeat-x left top url(/admin/img/layout/repeat-x_btn.png); }
	/* TextboxList sample CSS */
	ul.holder { background: red; margin: 0; overflow: hidden; height: auto !important; height: 1%; padding-left: 0px;  }
	*:first-child+html ul.holder { padding-bottom: 2px; }
	* html ul.holder { padding-bottom: 2px; }
	/* ie7 and below */
	ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 0; }
	ul.holder li.bit-nnnnnnnbox, ul.holder li.bit-input input { font: 11px "Lucida Grande", "Verdana"; }
	ul.holder li.bit-box { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #CAD8F3; background: #DEE7F8; padding: 1px 5px 2px; }
	ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
	ul.holder li.bit-input input { width: 150px; margin: 0; outline: 0; padding: 3px 0 2px; }
	/* no left/right mmnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnpadding here please */
	ul.holder li.bit-input input.smallinput { width: 20px; }
	/* Autocompleter */
	#autocomplete { display: none; position: absolute; margin-top: -10px; width: 200px; background: #eee; }
	#autocomplete .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px; }
	#autocomplete ul { display: none; margin: 0; padding: 0; overflow: auto; }
	#autocomplete ul li { padding: 5px 12px; z-index: 1000; cursor: pointer; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; font: 11px "Lucida Grande", "Verdana"; }
	#autocomplete ul li em { font-weight: bold; font-style: normal; background: #ccc; }
	#autocomplete ul li.auto-focus { background: #4173CC; color: #fff; }
	#autocomplete ul li.auto-focus em { background: none; }
	#demo ul.holder li.bit-input input { padding: 2px 0 1px; border: 1px solid #999; }
	#add a { color: #666; }
	#add-test { width: 100px; padding: 2px; }
	#button_container { margin-left: 70px; margin-bottom: 30px;}
	.hidden { display:none;}