body {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
margin:0;
padding:0;
background:url(/images/backgrounds/body.gif) repeat-x top;

}
#attached_users a img, #client_list a img, .quick_list img, .module img, #footer a img, img { vertical-align:middle; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input
{ margin: 5px 0 0 0; padding: 0; }

form { margin:0; }

h4 { font-size:18px; }

a img,:link img,:visited img { border: none; }
#container { width:810px; margin:0 auto; position:relative; }
input, textarea { border:1px solid #CCCCCC; background:#FFFFFF; padding:2px; }
textarea {height:50px; }
select { border:1px solid #ddd; padding:  }
a
{
  color:#5F5F9E;
  font-size:11px;
}

a:hover
{
  text-decoration: none;
}

body, td
{
  margin: 0;
  padding: 0;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  background-color: #fff;
}
.form_error
{
  color: #d8732f;
}

div#footer { clear:both; text-align:center; font-size:10px; border-top:2px solid #ddd; background:#eee; margin-top:20px; height:19px; padding-top:2px; }

div#nav {
	overflow:hidden;
	margin:6px 0 35px 0;
}
div#nav a.nav_link {
	color:#586c8c;
	font-size:12px;
	text-transform:uppercase;
	padding:0 14px 0 0;
	font-weight:bold;
	text-decoration:none;

}

div#nav a:hover.nav_link {
	color:#bbb;
}

div#nav div#right-nav {
	float:right;	
}

div#nav div#right-nav  a, div#nav div#right-nav {
font-size:12px;	
}

.filesize {
	width:90px;
	float:left;	
}

.user-links {
	width:100px;
	float:left;	
}

a.button, a.button_small, input.submit {
	display:block;
	padding:3px 8px 1px 8px;
	margin-right:2px;
	color:#2D3A57;
	text-align:center;
	float:left;
	font-size:12px;
	text-decoration:none;
	border:1px solid #AAAAAA;
	height:15px;
	background:url(/images/backgrounds/button3.gif);
}
a.button_small {
	width:60px;
	padding:0px 4px;
	font-size:10px;
}
a.button, input.submit {
	margin-top:10px;
}

a.button:hover, a.button_small:hover {
	
	background:url(/images/backgrounds/button2_over.gif);
}

.sub_nav {
	border-bottom:1px solid #ddd; background:#eee; padding:5px;
	position:relative;
	top:-23px;
	border-right:1px solid #ddd; background:#eee; padding:5px;
	border-left:1px solid #ddd; background:#eee; padding:5px;
}

.sub_nav a {
	text-decoration:none;
	font-size:12px;
	padding:0 10px;
	color:#586c8c;
}

.sub_nav a:hover {
	color:#bbb;
}

h1 a {
	text-decoration:underline;
	font-size:14px;
}
h1 a:hover {
	text-decoration:none;
}
.clear {
	clear:both;
}
div#header {
	font-size:14px;
	height:54px;
}

div#header div#studio_logo { float:left; margin-top:5px; height:45px; overflow:hidden; }
div#header div#app_logo { float:right; }

div#header a {
	color:#586c8c; 
	text-decoration:none;
	padding:0 7px 0 3px;
	position:relative;
	top:2px;
}
div#header a:hover {
	text-decoration:underline;
}
h1 { clear:both; font-size:14px; padding:10px 0px;  }

table.list, table.activity { width:100%; }
table.activity td {
	padding: 0;
	font-size:10px;
	padding-left:5px;
}

#client_list { width:250px; float:left; margin-left:20px; }
table.list { clear:both; margin-top:5px; }
table.list a { text-decoration:none; }
table td, table th {padding:0px 4px; text-align:left; background-color:#F9F9F9; border-collapse:collapse; border:0; }
table.list { border:1px solid #ddd; border-bottom:none; border-top:none; }
table.list th, table.activity th { 
	line-height: 20px;
	background-color: #eee;
	border-top: 2px solid #bbb	;
	color: #000;
	padding: 0 5px 0 5px;
	font-weight: bold;
	font-size: 13px;
	height: 20px;
}
table.list th a, table.activity th a { color:#666; font-size:12px; text-decoration:underline}
table.list td { border-bottom:1px solid #ddd; border-top:1px solid #fff; }
table.activity a { font-size:10px; text-decoration:none; }
div#activity {
	padding:10px 3px;
}
table.select { width:330px; }
.filesize {
}
/* UPLOADER */
  .info {font:18px Arial;}
  .data {background-color:#b3b3b3; border:1px solid #898989; width:40%;}
  .data tr td {background-color:#dddddd; font:13px Arial; width:35%;}
  .bar1 {background-color:#b3b3b3; position:relative; text-align:left; height:20px; width:<? print $progress_bar_width; ?>px; border:1px solid #505050;}
  .bar2 {background-color:#000099; position:relative; text-align:left; height:20px; width:0%;}
  
  
div.error input { border: 1px solid red; }
li.error { color: red; list-style-image:url(/images/icons/error.png); margin:0 0 0 20px; }
.error_tag { border: 1px solid red; padding:0px 5px; background-color:#FF3300; color:#fff; }
.success_tag { border: 1px solid green; padding:0px 5px; background-color:#66CC00; color:#fff; }
p.error { color:red; }
.page_container { margin:20px 0; clear:both; } 

#details { padding:20px 0; float:left; }

table.details td, table.details th { padding:5px; border-collapse:collapse; border-top:1px solid #fff; border-left:1px solid #fff;}
table.details {  width:400px;border:1px solid #ddd; }
table.details th { font-weight:bold; width:100px; }

#login_form { clear:both; padding-top:20px; }
form.form { margin:0; }
form.form fieldset { float:left; margin-right:10px; }
form.form fieldset { width:355px; float:left; padding:10px; margin-bottom:10px; border:1px solid #ddd; background:#FBFBFB; }
form.form fieldset div { float:left; width:350px; margin:0px 0px; }
form.form fieldset div label { display:block; width:100px; float:left; font-size:11px; margin-top:8px; }
form.form fieldset div input { display:block; width:222px; float:left; }
form.form fieldset div input.small { width:80px; }

form.form fieldset textarea { display:block; width:222px; float:left; margin:4px 0 0 0; height:80px; }
form.form fieldset select { display:block; width:230px; float:left; margin:4px 0 0 0; padding:2px; }
form.form fieldset legend { color:#666; font-size:14px; font-weight:bold;  padding:0 10px; }
form.form fieldset select.expiration { width:100px; }

form#workorder_add label { display:block; width:100px; float:left; font-size:11px; margin-top:4px; }
form#workorder_add { width:600px; }
form#workorder_add div { float:left; width:500px; margin:0px 0; }
form#workorder_add { display:block; float:left; }
form#workorder_add textarea { height:300px; width:500px; }
form#workorder_add #wo_status { margin-top:20px; }

form.form fieldset#quick_form { padding:10px; border:none; margin:0; }
form.form fieldset#quick_form div { width:300px; }
form.form fieldset#quick_form label { width:100px; }
form.form fieldset#quick_form div input { width:190px; }
form.form fieldset#quick_form div textarea { width:190px; }
form.form fieldset#quick_form { width:190px; }
form.form fieldset#quick_form select { padding:2px; width:195px; }

table .actions { text-align:right; width:60px; }

input.submit, form.form fieldset input.submit {
	height:21px;
	width:123px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 8px 2px 8px;
	cursor:pointer;
	text-align:center;
}


div.module { width:255px; border:1px solid #ddd; margin:10px 10px 0 0; float:left; background-color:#fbfbfb; }
div.header { padding: 4px 10px 2px 10px; border-bottom:1px solid #ddd; background:url(/images/backgrounds/header2.gif); height:16px;   }
div.groupItem h4 { margin: 0 0 5px 0; font-size:14px; color:#333; }
div.module h4 { margin: 0; float:left; font-size:14px; color:#333; }
div.quick_links { float:right;  color:#666;  }
div.quick_links a { color:#666; text-decoration:none; }
div.quick_list { clear:both;padding:10px;  height:130px; overflow:auto;}
div.quick_details { clear:both; padding:10px;  height:130px; }

#client_list { position:absolute; top:-30px;left: 400px; width: 350px; height:220px; overflow:auto; }
#ajax_content { clear:both; }
.file_list { clear:both; width:800px; margin-right:10px;}
.file_list select { font-size:9px; }

div#nav a.nav_link#dashboard_tab { padding:5px 10px 1px 10px; font-weight:bold; }
#dashboard h1 { padding-top:0; }
#dashboard h1 span, #dashboard h1 a { font-size:11px; font-weight:normal; }
#attached_users, #attached_invoices, #attached_pos { width:370px; margin-top:10px; float:left;  }
.attached_user { border-bottom:1px solid #eee; padding:2px; background:#F9F9F9; }
#workorder_details { width:350px; float:left;  border:1px solid #ddd; padding:10px; overflow:auto; margin-bottom:10px; margin-right:5px; float:left; }
.modalTop h3 { float:left; font-size:14px; margin:0; }
#workorder_content { width:400px; float:left; }
#select_users { height:250px; overflow:auto; }
#billing_users { width:352px; float:right; margin-top:-1px;}
#billing_users .module { width:350px; margin-top:0; margin-bottom:5px; height:140px; }
#status_select { position:relative; }
#status_select #saved { position:absolute; top:20px; left:0; color:green; };
form.form fieldset p.checkbox input { border:none; width:15px; margin-right:13px; float:none; display:inline; }
form.form fieldset p.checkbox label { border:none; float:none; display: inline; margin-right:8px; }
form.form fieldset p.checkbox { padding-left:100px; width:250px; clear:both; }
.search { float:left; margin-left:40px; }
#search_name { margin:0 0 0 4px; height:18px; position:relative; top:-1px; }

.filname { width:130px; overflow:hidden; height:10px; }
.user_details { padding:10px; }
.user_details h3 { font-size:14px; margin:0 0 10px 0; }
.project_list { padding-top:10px; margin-top:5px; }
.overflow { padding-top: 10px;max-height:200px; overflow:auto;}
#dashboard { margin-bottom:10px; float:left; width:810px;}
.jqmClose { text-align:right; }
.hidden_{ border:none; margin:none; }
.pagination { float:right; margin-top:10px;}
#invoice_amount { width:400px; font-size:18px; font-weight:bold; float:left; color:$333; }
#invoice_amount a {font-size:14px; }
#info { position:relative; }
.filesize_info { float: left; margin:8px 0 0 8px; position:absolute; top:-23px; left: -5px; }
.filesize_info_error { float: left; margin:8px 0 0 8px; color:red; position:absolute;  top:-23px; left:-5px; }
/* jQuery Modules */
.groupWrapper
{
	width: 32%;
	float: left;
	margin-right: 1%;
}

* html .groupWrapper {	
	height: 300px;
}
html>body .groupWrapper {	
	min-height: 300px;
}
.groupItem
{
	margin-bottom: 10px;
	background-color:#fff;
}
.groupItem .itemHeader
{
	line-height: 20px;
	background-color: #eee;
	border-top: 2px solid #bbb	;
	color: #000;
	padding: 0 5px 0 10px;
	font-weight: bold;
	font-size: 13px;
	height: 20px;
}
.itemHeader .edit form input { margin:0; padding:2px 0 0 0px; top:-2px; left:0;  position:absolute;  }
.itemHeader .edit { position: relative; width:190px; height:18px; float:left; cursor:text; }

.messages { width:400px; font-size:12px; }
.messages h2 { color:red; font-size:24px; }
.messages p { color:#333; margin-bottom:20px; }

.groupItem .itemContent {
	padding:10px; 
	overflow:auto;
	height:140px;
	width:239px;
}
.resizeS
{
	width: 100%;
	height: 6px;
	background-color: #eee;
	top: 0;
	left: 0;
	background-image: url(/images/resize_textarea.gif);
	background-position: center;
	overflow: hidden;
	font-size: 1px;
	cursor: ns-resize;
	cursor: n-resize;
}
.groupItem .itemHeader img.dragEl { margin:3px 0 0 5px; cursor:move; }
.groupItem .itemHeader img.closed, .groupItem .itemHeader img.open { margin-top:2px; cursor:pointer; }
.groupItem .itemHeader img
{
	float:right;
	right: 10px;
	top: 0px;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	vertical-align:middle;
}
.sortHelper
{
	border: 3px dashed #666;
	width: auto !important;
}
.groupWrapper h4
{
	font-size:14px;
}

#project-info {
	float:left;
	width:400px;
}

#juploader {
	margin-top:20px;
	float:left;
	width:450px;
}

#juploader-info {
	margin-top:20px;
	float:left;
	width:350px;
}

#juploader-info p {
	font-size:12px;
	color:#666;
	line-height:16px;
}





#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
}	

#studio-selector  {
	float:left;
}

#studio-selector p {
	clear:both;	
}

#studio-selector p span {
	padding-top:5px;
	display:block;
	float:left;	
}
#studio-selector select {
	margin-right:5px;
	float:left;
	width:130px;
}

#switch-studios, #switch-studios a {
	font-size:13px;
}

#switch-studios li img {
	margin-top:10px;
}

#switch-studios ul {
	margin:10px 0px;
}

#switch-studios li {
	list-style:none;
	margin:20px 0px;
	text-align:center;
	border-bottom:2px solid #ddd;
	padding-bottom:10px;
}