/* Global */
 * {
     margin: 0;
 }
html,body{
   height: 100%;
   font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Garuda,sans-serif;
}
#doc3 {
margin:0px;
}
.yui-t2 #yui-main .yui-b {
margin-left:19.8461em;
}
.yui-t2 .yui-b {
float:left;
width:17.8461em;
}
#bd{
  padding-top:40px;
	padding-right:20px;
}

/*
#ft {
 background: #555;
 color:#ddd;
 font-size:0.8em;
 height:30px;
 left:0;
 bottom:0;
 padding:0;
 position:fixed;
 white-space:nowrap;
 width:100%;
 z-index:99;
}
*/
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -3em;
 }
.body-footer,push{
     height: 3em;
 }
.body-footer{
   background: #575757 url(../images/footer_background.png) repeat-x top;
 }

.body-footer p{
   padding-top:0.9em;
   color: #ffffff;
   font-family: arial;
   font-size: 0.9em;
 }

 #global_controls{
   position:absolute;
   right:40px;
   top:20px;
   font-size:0.9em;
 }
 #global_controls span.spacer{
  padding-right:15px;
 }

h1{font-size:2.3em; font-weight:lighter;}
h2{font-size:1.5em;}

a{
  color:#003366;
  text-decoration:none;
}

.logos{}
.logos .text_logo{font-size:3em;}

#hd #navigation{
  height:140px;
  background:url(../images/tabs_background.png) repeat-x bottom;
}
#hd .main-logo{
  padding-top:40px;
  padding-left:40px;
}
#bd{
  margin-left:40px;
}
/* The home section*/
#home table{width:300px;}

/* Signup page */
#signup h1{padding-top:0px;}

#signup_form_container{
  text-align:center;
  width:965px; margin-left:auto; margin-right:auto;
}
#signup_form h1{
  font-size:1.1em;
  text-align:center;
  text-align:center;
  text-align:center;}
#signup_form{
  text-align:left;
  padding:20px;
  width:440px;
  margin-left:auto;
  margin-right:auto;
  float:left;
}
#signup_form h3{font-size:1.2em;}
#signup_form p{font-size:1.1em;}
#signup_form p.first_label{margin-top:1em;}
#signup_form #user_first_name,#signup_form #user_last_name,#signup_form #company_name,
  #signup_form #user_email,#signup_form #user_password, #signup_form #user_password_confirmation{
      width:340px;
      border: 1px solid #7f9db9;
      margin-top:5px;
      margin-bottom:15px;
    }
#signup_form small{display:block;padding-top:3px;}
#signup_form #company_subdomain{width:150px;}
#signup button a{text-decoration:none;}
#sidebar .signup_info{padding-top:120px;}
.signup_info .credit_cards{margin-top:2em;}
.signup_info h2{margin-top: 1em; font-size:1.2em; font-weight:bold;}
.inline_error{clear:both;}

#accept_invite .inline_error{color:red; font-weight:bold;margin-left:8px;margin-top:8px;}

.fieldWithErrors input {
  background-color: #F4C2CB;
}

/* Price plan selection */
div.signup5{
  background: url(../images/price_plans/price_plan_background.png) repeat-y center;
  width:160px;
  text-align:center;
  float:left;
  margin-right:10px;
  margin-left:10px;
}
div.premium{
  background:#F1EFE5 url(../images/price_plans/main_price_plan_background.png) no-repeat top center;
  width:225px;
  position:relative;
  bottom:23px;
}
div.signup5 h2{
  background: url(../images/price_plans/price_plan_header.png) no-repeat top center;
  padding-top:30px;
  padding-bottom:12px;
  padding-left:20px;
  padding-right:20px;
  font-weight:normal;
  font-size:1.3em;
}
div.premium h2{
  background: url(../images/price_plans/main_price_plan_header.png) no-repeat top center;
  font-size:2em;
  padding-top:20px;
  color:#339933;
}
div.signup5 div.footer{
  background: url(../images/price_plans/price_plan_footer.png) no-repeat top center;
  height:7px;
}
div.premium div.footer{
  background: url(../images/price_plans/main_price_plan_footer.png) no-repeat top center;
  height:9px;
}

div.signup5 h3, div.signup5 ul{
  padding-left:20px;
  padding-right:20px;
  font-size:0.9em;
}
div.premium h3, div.premium ul{
  font-size:1.05em;
}
div.signup5 ul li{color:#003366;}
div.signup5 img.dotline{
  padding-top:15px;
  padding-bottom:15px;
}
div.premium img.dotline{
  padding-top:20px;
  padding-bottom:20px;
}
div.signup5_container{
  width: 965px;
  margin-left:auto;
  margin-right:auto;
}
div.signup5_container h1, #signup_form h1{
  text-align:left;
  font-size: 1.05em;
  font-weight:bold;
  padding-top:32px;
  padding-bottom:20px;
}
div.signup5_container h1{
  margin-left:10px;
}


/* login screen */
#login_form{margin-left:auto; margin-top:100px; margin-right:auto; width:400px; border:5px solid #cccccc; padding:20px;}
#login_form label{width:100px; display:block; float:left; font-size:1.1em;}
#login_form #email,#login_form #password{width:275px;}
#login_form p{margin-bottom:5px;}
#login_form p.remember{position:relative; right:15px; font-size:0.8em; text-align:right;}
div.login_image{margin-left:auto;margin-right:auto;text-align:center; position:relative; top:50px;}
#notice .login{
  font-size:1.2em;
  line-height:1.8em;
  margin-left:auto;
  margin-right:auto;
  margin-top:3em;
  text-align:center;
  width:420px;
}

/* The file manager, users and clients tables */
#file_manager {padding-right:40px;}
#clients table, #users table, #file_manager table {width:100%;}
#clients table td, #users table td, #file_manager table td{border-left:1px solid #cccccc; padding:5px; padding-top:7px; padding-bottom:3px;}
#clients table td.checkbox, #users table td.checkbox, #users table td.name, #file_manager table td.checkbox, #file_manager table td.name{border:none;}
#clients table td.destroy, #users table td.destroy{border:none; width:20px; background:white;}
#clients table td.checkbox, #users table td.checkbox, #file_manager table td.checkbox{background-color:white;}
#clients table th, #users table th, #file_manager table th{
    padding-left:5px;
    text-transform: uppercase;
    padding-top:5px;
    border-bottom:1px solid #cccccc;
}
#clients table th.first, #users table th.first, #file_manager table th.first{border:none;}
#users table tr.inactive{color:#828282;}
#users td.checkbox, #file_manager td.checkbox{width:10px; padding-left:0px; padding-right:14px;}
#file_manager td.brand{width:140px;}
#file_manager td.category{width:280px;}
#file_manager td.type{width:85px;}
#file_manager td.size{width:85px;}
#file_manager td.date{width:50px;}
#file_manager div.max_height{height:1.2em; overflow:hidden; position:relative; top:1px;}
#file_manager span.description{color:gray;}

#file_manager .view_control{float:right; margin-top:3px;}
#file_manager .view_control a.active{text-decoration:underline;}

#file_manager .asset_icon, #home .asset_icon, #category .asset_icon, #category_index .asset_icon, .show .asset_icon{
    float:left;
    display:table-cell;
    height:150px;
    width:220px;
    vertical-align:centre;
    text-align:center;
    border:1px solid #cccccc;
    padding:3px;
}

#clients table{margin-top:10px;}
#clients table a{display:block;padding:5px; padding-top:7px; padding-bottom:3px;}
#clients table td{padding:0px;}
#clients table tr:hover{background:#d9d9d9;}

#client .ui-widget-content{border:none;}
#client .ui-widget-header{background:#ffffff; border-bottom:1px solid #cccccc;}
#category .asset_icon{
	height:65px;
	width:97px;
}
#client .ui-tabs .ui-tabs-nav ul{margin-top:10px;}
#client .ui-tabs .ui-tabs-nav li{margin-right:px; margin-left:10px; height:24px; width:100px; text-align:center;}
#client .ui-tabs .ui-tabs-nav li a{padding-top:3px; width:100px; padding:0px; padding-top:3px;text-align:center;}
#client .ui-tabs .ui-tabs-nav li.ui-tabs-selected{background:#ffffff;}
#client .ui-tabs .ui-tabs-nav li.ui-tabs-selected a{color:#000000;}
#client h1{margin-bottom:10px;}

div.edit_button div.float{
	position:relative; left:176px; top:1px;
}
div.edit_button div.small_button{
	position:relative; left:54px; top:1px;
}

/* info icon next to the name of files in icon view list*/
.info-icon{
  float:left; position:relative; bottom:1px; right:2px; z-index:100;
}
table.tooltip tr td{padding-top:4px;}
table.tooltip tr.small td{font-size:0.9em;}
table.tooltip tr td.left{width:100px;}
table.tooltip tr td.right{width:200px; overflow:hidden;}
#file_manager .asset_icon_inner_container, #home .asset_icon_inner_container, #category_index .asset_icon_inner_container, .show .asset_icon_inner_container{
    float:left;
    height:150px;
    width:220px;
    padding-right:20px;
		margin-top:10px;
		margin-bottom:36px;
}
#category .asset_icon_inner_container{
	height:67px;
	width:95px;
}
.asset_icon a{display:block;}
#category .asset_icon_inner_container:hover{cursor: hand;}
#category .asset_icon_inner_container{float:right; padding-right:40px;}
.show .asset_icon_inner_container{margin-top:2px;}
.show{text-align:left;}
.show div.label{float:left; width:100px;}
#choose_image_dialog div.pick_image a {padding-top:10px; padding-bottom:10px; display:block; padding-left:5px;} 
#choose_image .image_line:hover{background:#cccccc;}
#file_manager .asset_icon_container{ }
#file_manager span.spacer{padding-right:10px;}

#select_controls{padding-top:20px; font-size:0.9em; padding-bottom:10px;}
#select_controls span.label{padding-right:17px;  color:#666;}
#select_controls span.control{padding-right:12px}

input.button{
    border: none;
    background: transparent url(../images/buttons/button_left.png) no-repeat;
    height: 25px;
    /* used to catch the buttonEnding */
    position: relative;
    font-size:0.85em;
    padding:0px 1px 0px 6px;
    min-width:65px;
    vertical-align:middle;
    line-height: 13px;
}

input.button:hover{
  cursor: pointer;
}

a.button {
    background: transparent url('../images/buttons/button_right.png') no-repeat scroll top right;
    color: black;
    display: block;
    float: left;
    height: 25px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
    font-size:0.85em;
    vertical-align:middle;
    line-height:13px;
}

a.button span {
    background: transparent url('../images/buttons/button_left.png') no-repeat;
    display: block;
    line-height: 13px;
    padding: 6px 7px 5px 12px;
}

a.button:hover{
  cursor:pointer;
}

.buttonEnding {
    position: absolute;
    display: inline;
    width: 6px;
    height: 24px;
    background: url(../images/buttons/button_right.png) no-repeat left;
}

span.topnav{
  margin-left:5px;
  border:1px solid #686868;
  padding:3px;
  background:#575757;
  position:relative;
  width:115px;
  display:inline;
  float:left;
  text-align:center;
  margin-right:10px;
  border-top:1px solid #cccccc;
  border-left:1px solid #cccccc;
  border-right:1px solid #cccccc;
  border-bottom:1px solid #575757;
  color: #000000;
}
span.topnav a{
  color: #fff;
  font-weight:normal;
  text-decoration:none;
  display:block;
}
span.active{background:white;  border-bottom:1px solid #ffffff;}
span.topnav a{text-decoration:none;}
span.active a{color:#000;}

/* The sidebar */
.sidebar_box{padding-top:10px; border:0px solid #cccccc;padding:5px; margin-bottom:20px;}
#sidebar h2{
  font-size:1.1em;
  padding-left:5px;
}
#sidebar h2 .edit{font-size:0.7em; float:right; font-weight:normal; position:relative; top:4px; padding-right:7px;}
.sidebar_box li.active{
    background:#d9d9d9  url(../images/sidebar/sidebar_top_border_active.png) repeat-x top;
}
.sidebar_box li{
  background: #ececec url(../images/sidebar/sidebar_top_border.png) repeat-x top;
  height:28px;
  padding-left:10px;
}
.sidebar_box ul{
  border: 1px solid #ccc;
	border-top:none;
}
.sidebar_box a, .sidebar_box p{display:block;  color:black; padding-top:5px; height:29px;}
.sidebar_box li:hover{background:#d9d9d9  url(../images/sidebar/sidebar_top_border_active.png) repeat-x top;}
.sidebar_box li.no_hover:hover{background: #ececec url(../images/sidebar/sidebar_top_border.png) repeat-x top;}
.sidebar_box li div.number{float:right; padding:5px; padding-right:10px; color:#003366;}
/* Add/edit asset forms */
#categories_checkbox{width:100px;}

.popup_form{padding:10px; padding-top:8px; padding-right:8px; text-align:left;}
.popup_form input.text, .popup_form textarea.text{
	margin-top:2px;
	margin-bottom:9px;
}
.popup_form input.text{
	width:250px;
}
.popup_form textarea.text{
	width:347px; height:100px;
}

/* Adding new clients */
.client{text-align:left;}
.client label{margin-top:5px;}
.client input.text{
	width:267px;
	margin-bottom:5px;
} 
.client select{
	margin-bottom:5px;
}
.client .buttons{
	text-align:right;
	margin-top:10px;
}
#client_error{
	background:red; color:white; padding:4px; text-align:center margin-bottom:4px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}



/* Adding new users, i.e. creating invites */
.invite{text-align:left;}
.invite label{margin-top:5px;}
.invite input.text{
	width:468px;
	margin-bottom:5px;
} 
.invite select{
	margin-bottom:5px;
}
.invite textarea{
	width:473px;
	height:150px;
}
.invite .buttons{
	text-align:right;
	margin-top:10px;
}
#invite_error{
	background:red; color:white; padding:4px; text-align:center margin-bottom:4px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}

/* Editing categories */
form.button-to, form.button-to div{display:inline;}
.category_edit .controls{float:right;}
.category_edit:hover{background:#ececec;}
.category_edit .edit_link a{display:block; color:black;}
.category_edit .category_form{padding-bottom:4px; padding-left:6px;}
.category_edit .category_form input{margin-top:5px;}

/* The home page and category display */
.category_box {float:left; width:50px; height:50px; border:maroon 1px solid; margin:10px;}
.category_box a{display:block; height:50px;}

/* Account settings */
#settings table.accounts{width:600px;}
#settings table.accounts th{text-align:center;}
#settings table.accounts td{vertical-align:center; text-align:center; font-size:1.2em; padding-top:8px;}
#settings table.accounts td.name{text-align:left; font-size:1.3em;}
#settings table.accounts td.price{font-size:1em;}

#settings h2{margin-top:2em; margin-bottom:1em;}

/* Multiple editing */
div.multi_edit{width:780px; float:left; height: 150px; border-bottom:1px solid #cccccc; margin-bottom:10px; text-align:left;}
div.multi_edit label{
	width:82px; display:block; float:left;
}
div.multi_edit input.compact_text{width:210px; border:1px solid #cccccc;}
div.multi_edit textarea{width:296px; height:5em; border:1px solid #cccccc;}
div.multi_input{margin-top:10px;}

div.multi_edit ul.categories{width:435px;height:100px; overflow:auto;}
div.multi_edit ul.categories li{float:left; width:140px;}
div.multi_edit .name_and_description{width:300px; float:left;}
div.multi_edit .categories{width:430px; float:left; padding-top:8px; padding-left:14px;}
div.multi_edit .categories h4{padding-left:14px;}
div.multi_edit .categories label{display:inline; float:none;}

#add_new_category, #new_category_field{text-align:left; width:500px;}
/* Multi upload progress bar */
#log{ margin:0; padding:0; width:500px;}  
#log li{ list-style-position:inside; margin:2px; border:1px solid #ccc; padding:10px; font-size:12px;  
    color:#333; background:#fff; position:relative; text-align:left;}  
/*
#log li .progressbar{ border:1px solid #333; height:5px; background:#fff; }  
#log li .progress{ background:#999; width:0%; height:5px; }  
*/
#log li .status_icon_spin,#log li .status_icon_check{margin-top:3px;}
#log li p{ margin:0; line-height:18px; }  
#log li.success{ border:1px solid #339933; background:#ccf9b9; }  
#log li span.cancel{ position:absolute; top:5px; rightright:5px; width:20px; height:20px;  
    background:url('javascripts/swfupload/cancel.png') no-repeat; cursor:pointer; }

/* Fluid box and button */
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(../images/box/body_right.png) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(../images/box/header_right.png) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(../images/box/header_left.png) no-repeat top left;
	margin: 0;
	padding: 20px 30px 0px;
	color: black;
	font-weight: bold;
	font-size: 1.15em;
	line-height: 1em;
}
.boxbody h3{
  padding-left:20px;
  font-size:1.15em;
}
.boxbody {
	background: url(../images/box/body_left.png) no-repeat bottom left;
	margin: 0;
  text-align:left;
}
.boxbody form p{
}
.sidebox input.box{
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	border:1px solid #cccccc;
  height:24px;
  width:416px;
	padding-top:2px;
  /*
  padding-left:5px;
  padding-top:4px;
	padding-bottom:2px;
	padding-right:5px;
	*/
  font-size:12pt;
}
.sidebox label{
  color:#666666;
  padding-bottom:5px;
  padding-left:2px;
  line-height:1.7;
}
input.noborder{
	border:none;
}
.sidebox div.form_submit{
	padding-bottom:19px;padding-top:14px; text-align:right; position:relative; right:19px;
}


button:hover{
  cursor: pointer;
}

button:active{
    background: url(../images/buttons/button_right_pressed.png) no-repeat top right;
}
button:active span{
    background: url(../images/buttons/button_left_pressed.png) no-repeat;
}

#facebox .popup h1{text-align:left; font-size:1.1em; padding:10px; padding-left:10px; background:#ECECEC;}

#facebox .body{padding:0px;}
#facebox .footer{padding:10px;}
#facebox .facebox_padding{padding:10px; padding-top:8px;}
.facebox_padding {text-align:left;}

.facebox_padding input.text, #facebox textarea.text{
	width:340px;
	margin-top:2px;
	margin-bottom:2px;
	padding:2px;
	border: 1px solid #cccccc;
	}
.facebox_padding label.header{
	display:block;
	width:344px;
	margin-bottom:2px;
	border-bottom:1px solid #cccccc;
}
.facebox_padding .category_addition{
	margin-bottom:10px;
}

.sortcol{
background-position:left center;
background-repeat:no-repeat;
}
.sortcol a{color:black;}

.sortdesc, #file_manager table th.sortdesc{
background-image:url(../images/sort-down.gif);
padding-left:12px;
}
.sortasc, #file_manager table th.sortasc {
background-image:url(../images/sort-up.gif);
padding-left:12px;
}

tr.rowodd {
	background-color: #FFF;
}

tr.roweven {
	background-color: #F2F2F2;
}

/* UI modifications */
.ui-dialog{
	border: 1px solid #cccccc;
	cursor: default;
	padding:0;
	-moz-box-shadow:2px 2px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 5px;
  box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 5px;
	}

#pick_toolkit_image{
	height:200px; overflow:auto; width:260px; margin-top:5px;	
}
#asset_filter{
  width:252px;
}
.ui-widget-header {
	border:none;
	background:#cccccc;
	background:#ececec;
	background:#d9d9d9;
	color:#222222;
	font-weight:bold;
	}
.ui-dialog .ui-dialog-titlebar{
	-moz-border-radius:0; -webkit-border-radius:0;
}
.importantButtons .ui-widget, .ui-widget{font-size:1em;}
.importantButtons .ui-corner-all {
	-moz-border-radius:4px 4px 4px 4px;
}
.ui-widget input.ui-button {
font-size:0.8em;
padding:0.4em 0.5em;
}
.ui-widget input.ui-state-default{
	border:1px solid #bdbdbd;
}
.ui-state-default{
	border:1px solid #bdbdbd;
}
input.ui-button{
	font-size:0.9em;
	padding: 4px 10px;
}
.importantButtons .ui-button-text{font-weight:normal;}
.importantButtons a.ui-button span, a.ui-button span{
	font-size: 0.8em;
}
.importantButtons a.download_button .ui-button-icon-primary,a.download_button .ui-button-icon-primary { left: auto; right: 0.5em; }
.importantButtons a.download_button .ui-button-text, a.download_button .ui-button-text { padding-left: 9px; padding-right:22px;}

.importantButtons a.email_button .ui-button-icon-primary, a.email_button .ui-button-icon-primary { left: auto; right: 0.5em; margin-top:-9px; }
.importantButtons a.email_button .ui-button-text, a.email_button .ui-button-text { padding-left: 9px; padding-right:24px;}
.importantButtons span.ui-dialog-title, span.ui-dialog-title{font-size:0.9em;}

.alert .ui-dialog-titlebar {display:none}


#user_notice{
	position:relative;
	top:69px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
#user_notice div.content{
	padding: 2px 7px;
	display:inline;
	color: #666666;
	border:1px solid #bdbdbd;
	border-top:none;
	background: #ececec;	
	font-size:0.9em;
}

#user_notice div.hint{
	/* background-color:yellow; */
	background-color:#FDF0AD;
}
#user_notice div.error, #user_notice div.error a {
	/* background-color:yellow; */
	background-color:red;
	color:white;
}
#user_notice div.error a{text-decoration:underline;}

/* pagination */
 .pagination {
    padding: 3px;
    margin: 3px;
    float:right;
    margin-top:20px;
  	font-size: 0.9em;
  	}
  .pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid gray;
    text-decoration: none;
    color: #003366;
  	}
  .pagination a:hover, .pagination a:active {
    border: 1px solid orange;
    color: blue;
  	}
  .pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #cccccc;
    font-weight: bold;
    background-color: #575757;
    color: #FFF;
  	}
  .pagination span.disabled {
    display:none;
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #eee;
    color: #ddd;
  	}

		a#fdbk_tab{
		        left:auto !important;
		        right:0 !important;
						top:75% !important;
						margin-left:0 !important;
		        margin-right:-3px !important; }
		a#fdbk_tab:hover{
		        }