@charset "utf-8";
/* CSS Document */

body, html
{
	background-color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:14px;
}
 /* Home Style CSS*/
div.main
{	
	margin-top:20px;
	width:1000px;
	border:2px solid #fff;
	border-radius:20px 20px 10px 10px;
	-moz-border-radius:20px 20px 10px 10px;
	-khtml-border-radius:20px 20px 10px 10px;
	-webkit-border-radius:20px 20px 10px 10px;
	background:#000;
	box-shadow:0px 0px 20px #999;
	-moz-box-shadow:0px 0px 20px #999;
	-khtml-box-shadow:0px 0px 20px #999;
	-webkit-box-shadow:0px 0px 20px #999;
}

hr.main-separator
{
	padding:0px; 
	margin:0px;
}


div.login-box
{
	margin-top:50px;
	width:350px;
	height:300px;
	padding:20px;
	border:2px solid #fff;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	box-shadow:0px 0px 10px #fff;
	-moz-box-shadow:0px 0px 10px #fff;
	-webkit-box-shadow:0px 0px 10px #fff;
	-khtml-box-shadow:0px 0px 10px #fff;
	
}

hr.login-separator
{
	border: 1px solid #fff;
}


div.login-header
{
	letter-spacing:2px;
	font-size:24px;
}
div.login-body
{
	letter-spacing:3px;
	padding:8px;
	font-size:16px;
	line-height:30px;
}

input.login-textbox
{
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #fff;
	width:310px;
	height:25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing:2px;
}

select.login-select
{
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #fff;
	width:310px;
	height:25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing:2px;		
}
/* in progress to change option select style
option.login-select-option
{
	background-color:#FF0000;
}
*/

input.login-button
{
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	letter-spacing:2px;
	border:1px solid #fff;
	color:#000;
	box-shadow:0px 0px 2px #fff;
	-moz-box-shadow:0px 0px 2px #fff;
	-webkit-box-shadow:0px 0px 2px #fff;
	-khtml-box-shadow:0px 0px 2px #fff;
	padding:5px;
}

input.login-button:hover
{
	cursor:pointer;
	color:#fff;
	background:#000;
}
/* End Of Home Style CSS */


/*Main Body*/
div.main-body
{
	margin-left:30px;
	margin-top:30px;
}

/*Welcome Text CSS*/
div.main-body div.welcome-text
{
	margin-right:10px;
}
/*End of Welcome Text CSS*/

/*End Of Main Body*/


/*Add data*/
div.add-data
{
	margin:20px;
}

div.add-data div.add-data-single
{
	width:750px;
	margin-top:10px;
	margin-bottom:10px;
}

div.add-data div.add-data-single div.add-data-single-left
{
	width:180px; 
	float:left; 
	display:block; 
}

div.add-data div.add-data-single div.add-data-single-center
{
	width:10px; 
	float:left; 
	display:block; 
}

div.add-data div.add-data-single div.add-data-single-right
{
	width:500px; 
	float:left; 
	display:block; 
}

div.add-data div.add-data-single div.add-data-single-right input.add-data-input
{
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #fff;
	width:200px;
	letter-spacing:2px;
}

div.add-data div.add-data-single div.add-data-single-right textarea.add-data-text-area
{
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #fff;
	width:200px;
	letter-spacing:2px;
}

div.add-data div.add-data-single div.add-data-single-right select.add-data-select
{
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #fff;
	width:200px;
	letter-spacing:2px;		
}

div.add-data div.add-data-single div.add-data-single-right div.add-data-small
{
	width:100px; 
	float:left; 
	display:block; 		
}

div.add-data div.add-data-single div.add-data-single-right div.add-data-large
{
	width:300px; 
	float:left; 
	display:block; 		
}

div.add-data div.add-data-single div.add-data-single-right div.add-data-end
{
	width:80px; 
	float:left; 
	display:block; 		
}

div.add-data div.add-data-single div.add-data-single-right div.add-data-large input.add-data-input-number
{
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #fff;
	width:50px;
	letter-spacing:2px;
}

div.add-data input.add-data-button
{
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #fff;
	color:#000;
	box-shadow:0px 0px 2px #fff;
	-moz-box-shadow:0px 0px 2px #fff;
	-webkit-box-shadow:0px 0px 2px #fff;
	-khtml-box-shadow:0px 0px 2px #fff;
	padding:5px;	
}

div.add-data input.add-data-button:hover
{
	cursor:pointer;
	color:#fff;
	background:#000;	
}

div.add-data div.add-detail-data
{
	width:940px;
	margin:5px 10px;
}

div.add-data div.add-detail-data div.first-item
{
	width:120px; 
	float:left; 
	display:block; 
	margin:5px;
}

div.add-data div.add-detail-data div.second-item
{
	width:200px; 
	float:left; 
	display:block; 
	margin:5px;
}

div.add-data div.add-detail-data div.third-item
{
	width:140px; 
	float:left; 
	display:block; 
	margin:5px;
}

div.add-data div.add-detail-data div.third-item input.add-detail-input
{
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #fff;
	width:120px;
	letter-spacing:2px;
}

div.add-data div.add-detail-data div.fourth-item
{
	width:80px; 
	float:left; 
	display:block; 
	margin:5px;
}

div.add-data div.add-detail-data div.fourth-item input.add-detail-input
{
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #fff;
	width:60px;
	letter-spacing:2px;
}

div.add-data div.add-detail-data div.fifth-item
{
	width:60px; 
	float:left; 
	display:block; 
	margin:5px;
}

div.add-data div.add-detail-data div.fifth-item input.add-detail-input
{
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #fff;
	width:50px;
	letter-spacing:2px;
}
div.add-data div.add-detail-data div.sixth-item
{
	width:120px; 
	float:left; 
	display:block; 
	margin:5px;
}

div.add-data div.add-detail-data div.sixth-item input.add-detail-input
{
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #fff;
	width:100px;
	letter-spacing:2px;
}
div.add-data div.add-detail-data div.seventh-item
{
	width:120px; 
	float:left; 
	display:block; 
	margin:5px;
}

/*End of Add Data*/

/*View data*/
div.view-data
{
	color:#fff;
	padding:20px;
}
/*End of View data*/

/*Menu Tree CSS*/
div.menu-tree
{
	margin-top:20px;
	margin-left:30px;
	font-size:14px;
}

div.menu-tree a
{
	text-decoration:none;
	color:#666;
}

div.menu-tree a:hover
{
	text-decoration:underline;
	cursor:pointer;
}

div.menu-tree div.menu-bar
{	
	font-size:12px;
}

div.menu-tree div.menu-bar input.date-input
{	
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #fff;
	width:120px;
	font-size:12px;
}

div.menu-tree div.menu-bar select.view-place
{
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #fff;
	width:120px;
	font-size:12px;
}


div.menu-tree div.menu-bar input.view-button
{	
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #fff;
	background:#fff;
	color:#000;
	box-shadow:0px 0px 2px #fff;
	-moz-box-shadow:0px 0px 2px #fff;
	-webkit-box-shadow:0px 0px 2px #fff;
	-khtml-box-shadow:0px 0px 2px #fff;
	padding:5px;
}

div.menu-tree div.menu-bar input.view-button:hover
{
	cursor:pointer;
	color:#fff;
	background:#000;
}


div.menu-tree input.link-button
{
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #fff;
	background:#fff;
	color:#000;
	box-shadow:0px 0px 2px #fff;
	-moz-box-shadow:0px 0px 2px #fff;
	-webkit-box-shadow:0px 0px 2px #fff;
	-khtml-box-shadow:0px 0px 2px #fff;
	padding:5px;
}

div.menu-tree input.link-button:hover
{
	cursor:pointer;
	color:#fff;
	background:#000;
}

/*End Of Menu Tree CSS*/

/* Print Sales*/


/* End Of Print Sales*/

.hidden 
{ 
	position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; 
}
.fg-button
{ 
	clear:left; 
	padding: .4em 1em; 
	text-decoration:none !important; 
	cursor:pointer; 
	position: relative; 
	text-align: center; 
	zoom: 1; 
}
.fg-button .ui-icon 
{ 
	position: absolute; 
	top: 50%; 
	margin-top: -8px; 
	left: 50%; 
	margin-left: -8px; 
}
a.fg-button 
{ 
	float:left;  
}
button.fg-button 
{ 
	width:auto; overflow:visible; 
} /* removes extra button width in IE */
.fg-button-icon-left 
{ 
	padding-left: 2.1em; 
}
.fg-button-icon-right 
{ 
	padding-right: 2.1em; 
}
.fg-button-icon-left .ui-icon 
{ 
	right: auto; left: .2em; margin-left: 0; 
}
.fg-button-icon-right .ui-icon 
{ 
	left: auto; right: .2em; margin-left: 0; 
}
.fg-button-icon-solo 
{ 
	display:block; width:8px; text-indent: -9999px; 
}	 
/* solo icon buttons must have block properties for the text-indent to work */	
.fg-button.ui-state-loading .ui-icon 
{ 
	background: url(spinner_bar.gif) no-repeat 0 0; 
}
/* End of Header Menu CSS */

div.footer
{
	font-size:12px;
	margin-right:5px;
	padding:10px;
}