body{
	font-size:12px;
	font-family:"Trebuchet MS",Arial,Helvetica,sanserif;
 	background:url(/images/container.gif) #FDFDFD repeat-y;
 	cursor:default;
}

#header{
 	position:absolute;
 	top:0px;
 	left:0px;
 	width:100%;
 	height:48px;
	background:url(/images/header.png) #FFF no-repeat right;
 	border-bottom:2px solid #6e89dd;
 	z-index:50;
}

#header h1{
 	float:left;
 	background:url(/images/title.png) no-repeat;
 	margin:0px;
 	margin-left:20px;
 	padding:0px;
 	height:48px;
 	width:280px;
}

#header h1 a{
	font-size:32px;
	letter-spacing:3px;
	text-decoration:none;
}

#header h1 a span{
 	visibility:hidden;
}

#header p{
 	text-align:right;
 	font-size:10px;
 	color:#FFF;
	margin:0px;
 	padding-top:15px;
 	padding-right:20px;
}

#container{
 	position:absolute;
	top:50px;
 	left:0px;
 	width:100%;
 	/*background:url(/images/body.gif) repeat-y top right;*/
}

#left{
	position:absolute;
 	top:0px;
	width:200px;
	padding-top:15px;
 	padding-left:10px;
}

#right{
	padding-left:220px;
 	margin-right:10px;
 	margin-top:10px;
	/*width:625px;*/
	font-family:Arial,Helvetica,sanserif;
	color:#444;
}

h2{
	color:#666;
	font-size:22px;
	/*padding-top:5px;*/
   /*padding-left:50px;*/
   /*margin-bottom:15px;*/
}

h2 span{
 	font-size:12px;
 	font-weight:bold;
 	color:#888;
 	padding-left:10px;
 	text-transform:lowercase;
}

h3{
 	font-size:12px;
 	background:#F3F3F3;
 	margin:0px;
 	padding:5px;
 	padding-left:10px;
 	font-weight:bold;
 	text-transform:uppercase;
 	border-bottom:1px solid #DEDEDE;
}

p{
   /*font-size:11px;*/
 	margin-left:10px;
 	margin-right:10px;
}

a{
 	color:#444;
 	text-decoration:underline;
}

a:hover{
 	color:#222;
 	text-decoration:none;
}

ul{
 	list-style:none;
}

div.dashboard{
 	background:url(/images/background_administration.gif) #FFF no-repeat bottom right;
}

div.package{
 	background:url(/images/background_package.gif) #FFF no-repeat bottom right;
}

div.customer{
 	background:url(/images/background_client.gif) #FFF no-repeat bottom right;
}

div.invoice{
 	background:url(/images/background_invoice.gif) #FFF no-repeat bottom right;
}

div.order, div.inventory_item {
 	background:url(/images/background_ticket.gif) #FFF no-repeat bottom right;
}

div.inner {
  padding: 5px;
}

div.affiliate{
 	background:url(/images/background_affiliate.gif) #FFF no-repeat bottom right;
}

div.log{
 	background:url(/images/background_log.gif) #FFF no-repeat bottom right;
}

div.todo{
 	background:url(/images/background_todo.gif) #FFF no-repeat bottom right;
}

div.document{
 	background:url(/images/background_document.gif) #FFF no-repeat bottom right;
}

div.timesheet{
 	background:url(/images/background_timesheet.gif) #FFF no-repeat bottom right;
}

div.transaction{
 	background:url(/images/background_transaction.gif) #FFF no-repeat bottom right;
}

div.user{
 	background:url(/images/background_user.gif) #FFF no-repeat bottom right;
}

div.inventory_item, div.order, div.customer, div.log, div.todo, div.package, div.invoice, div.document, div.timesheet, div.transaction, div.user, div.affiliate{
	border:1px solid #BFBFBF;
 	font-size:12px;
 	color:#666;
 	margin-bottom:5px;
}

div.inventory_item h3, div.order h3, div.customer h3, div.log h3, div.todo h3, div.package h3, div.invoice h3, div.document h3, div.timesheet h3, div.transaction h3, div.user h3, div.affiliate h3{
 	color:#444;
}

div.clear{
  height: 0px;
  width: 0px;
  padding: 0px;
  margin: 0px;
  clear: both;
}

#right div p{
	clear:both;
}

.icon{
	float:left;
 	margin-top:15px;
	width:110px;
	height:60px;
 	font-size:10px;
 	text-align:center;
 	border:0px;
}

h2.dashboard{
 	background:url(/images/icon_dashboard.gif) no-repeat;
}

h2.invoice{
 	background:url(/images/icon_invoice.gif) no-repeat;
}

h2.package{
 	background:url(/images/icon_package.gif) no-repeat;
}

h2.customer{
 	background:url(/images/icon_client.gif) no-repeat;
}

h2.order{
 	background:url(/images/icon_ticket.gif) no-repeat;
}

h2.log{
 	background:url(/images/icon_log.gif) no-repeat;
}

h2.affiliate{
 	background:url(/images/icon_affiliate.gif) no-repeat;
}

h2.transaction{
 	background:url(/images/icon_transaction.gif) no-repeat;
}

h2.todo{
 	background:url(/images/icon_todo.gif) no-repeat;
}

h2.document{
 	background:url(/images/icon_document.gif) no-repeat;
}

h2.timesheet{
 	background:url(/images/icon_timesheet.gif) no-repeat;
}

h2.user{
 	background:url(/images/icon_user.gif) no-repeat;
}

th{
 	background:url(/images/table_header.gif) #6e89dd repeat-x;
 	font-size:12px;
 	text-transform:uppercase;
 	color:#FFF;
 	padding:5px;
}

th a{
 	color:#FFF;
 	text-decoration:none;
 	display:block;
}

th a:hover{
 	color:#FFF;
 	text-decoration:underline;
}

td{
 	padding:5px;
 	color:#444;
 	/*border:1px solid #F3F3F3;*/
 	vertical-align:top;
}

td a{
	color:#47598F;
 	text-decoration:none;
	display:inline-block;
}

td a:hover{
 	text-decoration:underline;
}

tr.dark td{
 	background:#F3F3FF;
 	color:#555;
 	border:0px;
}

div.navigation{
 	float:right;
 	text-align:right;
 	font-size:10px;
 	text-transform:uppercase;
 	color:#666;
 	padding-top:10px;
 	padding-right:5px;
}

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

div.navigation a:hover{
 	text-decoration:underline;
}

#error{
	margin:0px;
	width:100%;
 	background:#DD766E;
 	margin-top:10px;
}

#error p{
 	margin:0px;
 	padding:4px;
 	padding-left:25px;
 	background:url(/images/icon_mini_error.gif) #DD766E no-repeat 5px 3px;
  color: #ffffff;
}

span.red{
 	color:#FF4444;
}

hr{
 	border:1px solid #FFF;
 	border-bottom:1px solid #EEE;
}

input.button{
 	font-size:10px;
 	margin-right:10px;
 	text-transform:uppercase;
 	padding:5px;
 	padding-top:2px;
 	padding-bottom:2px;
 	font-family:Arial,Helvetica,sanserif;
 	color:#222;
}

input.file{
 	font-family:Arial,Helvetica,sanserif;
 	color:#444;
}

input[type=text],input[type=password],input.text{
   /*width:150px;*/
 	font-family:Arial,Helvetica,sanserif;
 	color:#444;
}
form{
 	margin:0px;
 	padding:0px;
 	color:#444;
}
textarea{
 	width:185px;
 	height:100px;
 	font-family:Arial,Helvetica,sanserif;
	font-size:12px;
 	color:#444;
}
select{
 	width:155px;
 	font-size:12px;
 	padding:1px;
 	color:#444;
}

#login{
	margin:auto;
	position:relative;
	top:150px;
 	width:450px;
 	border:1px solid #CCC;
 	text-align:left;
 	background:url(/images/login.png) #FAFAFA no-repeat;
	padding-top:10px;
 	padding-bottom:10px;
 	font-family:Arial,Helvetica,sanserif;
}

#login #error{
 	position:relative;
 	top:50px;
}

#login h2{
	visibility:hidden;
	font-size:18px;
	height:50px;
	margin:0px;
}

#login p{
 	text-align:left;
 	margin-right:125px;
}

#login table{
	margin-left:25px;
	margin-top:10px;
	border:0px;
}
#login td{
 	padding:3px;
 	border:0px;
 	padding-top:5px;
 	padding-bottom:5px;
}
#login td small{
 	color:#555;
 	font-size:11px;
}

#login input.text{
 	width:150px;
 	font-family:Arial,Helvetica,sanserif;
 	color:#444;
} 
#login input.button{
 	margin-right:0px;
}
#login a{
 	text-decoration:underline;
}
.scrolling{
 	width:100%;
 	height:100%;
 	overflow:auto;
}
a.edit span,a.delete span, a.whois span, a.locked span, a.unlocked span{
 	visibility:hidden;
}
a.edit{
 	background:url(/images/icon_mini_edit.gif) no-repeat center center;
}
a.delete{
 	background:url(/images/icon_mini_delete.gif) no-repeat center center;
}
a.whois{
 	background:url(/images/icon_mini_whois.gif) no-repeat center center;
}
a.locked{
 	background:url(/images/icon_mini_locked.gif) no-repeat center center;
}
a.unlocked{
 	background:url(/images/icon_mini_unlocked.gif) no-repeat center center;
}
a.edit:hover,a.delete:hover,a.whois:hover,a.locked:hover,a.unlocked:hover{
 	text-decoration:none;
}

a img.spinner{
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

a:hover img.spinner{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

p.available{
  	color:#000;
  	text-transform:capitalize;
	background:#7EDD6E;
	padding:4px;
	padding-left:10px;
	color:#000;
	margin:10px;
	margin-bottom:10px;
}

p.registered{
  	text-transform:capitalize;
	background:#DD766E;
	padding:4px;
	padding-left:10px;
	color:#000;
	margin:10px;
	margin-bottom:10px;
}

p.registered a, p.available a{
	display:block;
	width:100%;
	text-decoration:none;
	color:000;
}
.alert-danger {
  text-align: center !important;
  font-size: 14px !important;
  color: #b70e0e !important;
}
