body {
	background: #fff url("../images/bg-header.jpg") repeat-x scroll 0 0;
	margin: 0px;
	padding: 0px;
	color: #333;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

#siteframe {
	width: 100%;
}

#logo-bar {	
	margin: 0 auto;
	width: 980px;
	height: 71px;
}

#sign-out {
	float: right;
	margin: 14px 0px 0px;
	font-size: 11px;
}
#sign-out a {
	margin: 0px 10px;
}

#topgradient {
	height: 104px;
	width: 100%;
	margin: 0 auto;
}

#logo {
	padding: 0px;
	float: left;
}
#logo2 {
	text-align: right;
	margin-right: 390px;
	/*position: relative;
	left: 50%;
	margin-left: -131px; /* half the width of the element to be centered */
}
#logo2 img {
	height: 41px;
}

#content {
	width: 980px;
	background-color: #FFF;
	text-align: left;
	margin: 0 auto;
}

.column-left {
	float: left;
	text-align: left;
	width: 700px;
}

.column-right {
	text-align: left;
	float: right;
	width: 280px;
}

.clear {
	clear: both;
}

.column-right p {
	font-size: .9em;
	margin: 5px 0 10px 0;
	color: #999;
}


.container {
	margin: 10px;
	background-color: #ddd;
}
#alerts-recent-inside div.container, #files-recent-inside div.container {
	background-color: #fff;
}
#search-bar {
	background-color: #fff;
	border: 1px solid #90B1C0;
	margin: 0px 5px;
}
#search-bar div.clear {
	margin: 0px;
}
#main {
	background-color: #fff;
	border: 1px solid #90B1C0;
	margin: 0px 5px;
}
#alerts {
	border: 1px solid #C4B421;
	margin: 0px 5px;
}
#files {
	border: 1px solid #92AC89;
	margin: 0px 5px;
}
#summary {
	border: 1px solid #92AC89;
	margin: 0px 5px;
	background-color: #fff;
	margin: 0px 5px;
}
div.heading {
	height: 30px;
}
#projects-recent-heading {
	background: url('../images/bg-top-project.jpg') repeat 0 0 scroll transparent;
	color: #fff;
}
#projects-recent-options {
	background-color: #A7CEDF;
	padding: 3px;
}
#projects-sort-options {
	float: left;
}
#files-sort-options, #alerts-sort-options {
	padding: 2px 5px;
}
a:active {
	outline: none;
}
a.sort, a.filter {
	padding: 0px 5px;
}
a.selected-sort, a.selected-filter {
	background-color: #85ACCE;
	color: #ddd !important;
}
#projects-company-dropdown {
	text-align: center;
}
#projects-filter-options {
	float: right;
}
#alerts-recent-heading {
	background: url('../images/bg-top-alerts.jpg') repeat 0 0 scroll transparent;
}
#alerts-recent-options {
	background-color: #FFFBD8;
}
#files-recent-heading, #summary-heading {
	background: url('../images/bg-top-files.jpg') repeat 0 0 scroll transparent;
}
#files-recent-options {
	background-color: #DBFAD0;
}
#summary-inside {
	padding: 10px;
}

.heading h3 {
	float:left;
	margin: 0px;
	font-size: 14px;
	padding: 6px 0px 0px 12px;
}
div.start-new {
	float: right;
}
div.edit {
	float: right;
	margin: 2px 2px 0px 0px ;
}
div.version {
	margin: 20px 0px 0px;
}


.hidden { display: none; }
.filtered { display: none; }


/* Images */
img { border: none; }
img.datetimepicker {
	border: none;
	margin: 1px 0px 0px 0px;
	float: right;
}
img.medium-icon {
	height: 100px;
}
img.large-icon {
	height: 200px;
}
div.start-new img {
	padding: 2px;
}
#search-icon {
	display: inline;
	position: relative;
	top: 4px;
	left: 2px;
	margin-right: 5px;
	float: left;
}
#search-bar form {
	display: inline;
	width: 922px;
	float: left;
}


/* General Divs */
div.right {
	float: right;
}
div.left {
	float: left;
}
div.img {
	margin: 0px 15px 15px 0px;
}
div.summary-name {
	font-size: 15px;
	font-weight: 600;
	overflow: hidden;
}
div.summary-description {
	margin: 10px 0px;
	overflow: hidden;
}
	div.summary-description ul {
		padding: 0px 0px 0px 20px;
	}
div.summary-download {
	clear: both;
}
div.details-name {
	font-size: 20px;
	overflow: hidden;
}
div.details-project {
	margin-bottom: 20px;
	overflow: hidden;
}
div.details-description {
	margin-bottom: 20px;
	overflow: hidden;
}
	div.details-description ul {
		padding: 0px 0px 0px 20px;
	}

/******************************/
/* Real Tables (File History) */
/******************************/
table.listing {
	border-collapse: collapse;
	font-size: 13px;
	border: 2px solid #666;
}
tr { border-bottom: 1px solid #ddd; }
th {}
td { padding: 3px 5px; }
th.id {	width: 30px; }
tr.form { background-color: #eee; }


/***************/
/* Faux tables */
/***************/
div.faux-table {
	font-size: 13px;	
}
div.projects-recent-heading {
	background-color: #D7EAF1;
	padding: 3px 5px;
}
div.blinded {
	display: none;
}
div.item {
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	clear: both;
	padding: 3px 5px;
}
#projects-recent-inside div.name {
	width: 345px;
	float: left;
	font-size: 16px;
	margin: 2px 0px 0px; 
}
#projects-recent-inside span.size, #projects-recent-inside span.author {
	color: #aaa;
	font-style: italic;
	font-size: 13px;
}
#alerts-recent-inside div.name, #files-recent-inside div.name {
	width: 155px;
	float: left;
}
div.icon {
	float: left;
	margin: 0px 8px 0px 0px;
}
div.arrow {
	float: left;
	margin: 7px 8px 0px 0px;
}
div.wide {
	width: 20px;
}
div.icon img {
	margin-top: 3px;
}
div.icon img.thumb {
	margin-top: 0px;
}
div.icon img.tall {
	height: 24px;
}
div.icon img.wide {
	width: 20px;
}
#projects-recent-inside div.date {
	text-align: right;
	float: left;
	font-size: 13px;
	margin: 3px 0px 0px;
	width: 265px;
}
#alerts-recent-inside div.date, #files-recent-inside div.date {
	text-align: right;
	float: left;
	width: 70px;
}
div.remove {
	float: right;
	margin: 3px 0px 0px;
}


span.company-of-project {
	color: #a7bcc4;
}


#footer {
text-align: center;
margin: 0 auto;
padding: 10px 0 0 0;
font-size: 12px;
color: #666;
}

#newsitem {
text-align: left;
margin: 0 auto;
padding: 0 0 10px 0;
font-size: 1em;
color: #999;
}


footer a:link, footer a:visited {color: #666; text-decoration: none; font-weight: bold;}
footer a:hover {color: #333; text-decoration: none; font-weight: bold;}

a, a:visited {
	color: #758185;
	text-decoration: none;
}
a:hover {
	color: #758185;
	text-decoration: underline;
}


/* ---------------------------------------
	Main Navigation
--------------------------------------- */


#navigation {
	width: 980px;
	height: 30px;
	margin: 0px auto;
	padding: 0px;
	line-height: 1.2em;
	font-size: 14px;
	font-weight: 600;
	color: #758185;
}

ul#nav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 980px;
}

ul#nav li {
	float: left;
	text-transform: uppercase;
	border-left: 1px solid #8EB1BF;
	border-right: 1px solid #8EB1BF;
	border-top: 1px solid #8EB1BF;
	background-color: #fff;
	padding: 6px 12px 9px;
	margin-right: 3px;
}

ul#nav li div { position: absolute; left: 2px; display: none; z-index: 2}
ul#nav li div ul { list-style: none; margin: 0px; padding: 0px;}
ul#nav li div ul li { float: none; padding: 0px;}

/* ---------------------------------------
	Sub Navigation
--------------------------------------- */

#subnavigation {
	float: left;
text-align: left;
width: 747px;
margin: 0px;
background-color: #d6d6d6;
height: 30px;
}

ul#subnav, ul#subnav li {
	float: left;
	list-style: none;
	margin: 0 auto;
	height: 30px;
}


ul#subnav {
font-family: Arial, sans-serif;
font-size: 1em;
font-weight: bold;
color: #FFF;
padding: 0px 0px 0px 9px;
margin: 0px;
}

ul#subnav a, ul#subnav a:visited {
color: #666666;
text-decoration: none;
display: block;
margin: 0;
padding: 6px;
}

ul#subnav a:hover {
color: #679A00;
text-decoration: none;
display: block;
}

li#subnav-selected { background: transparent url(../images/sub_nav_arrow.gif) no-repeat scroll 45% 100%; }
li#subnav-selected a,li#subnav-selected a:visited {color: #679A00;}

/* PLUGIN */

#plugin { border: 1px solid #666000; BACKGROUND: #FFFFFF; COLOR: #AAA; CURSOR: move; DISPLAY: block; FONT-FAMILY: arial; FONT-SIZE: 11px; PADDING: 7px 10px 11px 10px; _PADDING-RIGHT: 0; Z-INDEX: 1; POSITION: absolute; WIDTH: 199px; _width: 210px; _padding-right: 0px; }
#plugin br { CLEAR: both; MARGIN: 0; PADDING: 0;  }
#plugin select { BORDER: 1px solid #333; BACKGROUND: #FFF; POSITION: relative; TOP: 4px; }

#plugHEX { FLOAT: left; position: relative; top: -1px; }
#plugCLOSE { FLOAT: right; cursor: pointer; MARGIN: 0 8px 3px; _MARGIN-RIGHT: 10px; COLOR: #000000; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#plugHEX:hover,#plugCLOSE:hover { COLOR: #FFD000;  }

#plugCUR { float: left; width: 10px; height: 10px; font-size: 1px; background: #FFF; margin-right: 3px; }

#SV { background: #FF0000 url('/js3/colorpicker/images/SatVal.png'); _BACKGROUND: #FF0000; POSITION: relative; CURSOR: crosshair; FLOAT: left; HEIGHT: 166px; WIDTH: 167px; _WIDTH: 166px; MARGIN-RIGHT: 10px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/shared/javascript/colorpicker/images/SatVal.png', sizingMethod='scale'); -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#SVslide { BACKGROUND: url('/js3/colorpicker/images/slide.gif'); HEIGHT: 9px; WIDTH: 9px; POSITION: absolute; _font-size: 1px; line-height: 1px; }

#H { BORDER: 1px solid #666000; CURSOR: crosshair; FLOAT: left; HEIGHT: 165px; POSITION: relative; WIDTH: 19px; PADDING: 0; TOP: 0px; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#Hslide { BACKGROUND: url('/js3/colorpicker/images/slideHue.gif'); HEIGHT: 5px; WIDTH: 33px; POSITION: absolute; _font-size: 1px; line-height: 1px; }
#Hmodel { POSITION: relative; TOP: 0px; }
#Hmodel div { HEIGHT: 1px; WIDTH: 19px; font-size: 1px; line-height: 1px; MARGIN: 0; PADDING: 0; }




/* new admin styles */
/* form styles */

/* GENERAL */
form { padding: 0px; margin: 0px;}
form div {
	margin: 15px 60px;
	clear: both;
}
div.file {
	background: url('../images/bg-top-files.jpg') repeat 0 0 scroll transparent;
}
div.alert {
	background: url('../images/bg-top-alerts.jpg') repeat 0 0 scroll transparent;
}
div.project {
	background: url('../images/bg-top-project.jpg') repeat 0 0 scroll transparent;
}
label {
	display: block;
	font-weight: 600;
	width: 200px;
}
label.radio {
	display: inline;
	font-weight: 400;
}
input[disabled="disabled"] {
	border: none;
	color: #000;
	background-color: #fff;
}
input.labelled {
	color: #aaa;
	font-style: italic;
}
select[disabled="disabled"] {
	border: none;
	color: #000;
	background-color: #fff;
}
textarea {
	font-family: Arial, sans-serif;
	font-size: 12px;
	height: 50px;
	width: 425px;
}
textarea[disabled="disabled"] {
	border: none;
	color: #000;
	background-color: #fff;
}
div.buttons {
	text-align: right;
}
button {
	font-size: 16px;
	border: none;
	background-color: #8EB1BF;
}
#save_btn, #cancel_btn {
	margin: 0px;
}
#save_btn div, #cancel_btn div {
	margin: 0px;
}

#projects-company-dropdown label, #projects-filter-options label, #projects-sort-options label {
	display: inline;
}
#projects-company-dropdown select {
	font-size: 12px;
}

/* LOGIN FORM */
#login_form {
	margin: 20px 0px 0px 325px;
	width: 334px;
}
#login_form fieldset {
	border: 1px solid #8EB1BF;
	margin: 0px;
	padding: 0px;
}
#login_form div.legend {
	background-color: #8EB1BF;
	font-size: 16px;
	font-weight: 600;
	/*width: 332px;*/
	width: 100%;
	float: left;
	margin: 0px 0px 10px;
}
#login_form input {
	font-size: 16px;
	padding: 3px 5px;
	width: 200px;
}


/* SEARCH FORMS */
#search-terms {
	border-width: 0;
	font-size: 16px;
	margin-top: 1px;
	width: 600px;
}
#haystack-options {
	margin: 2px 20px 2px 0px;
	float: right;
	border-left: 1px solid #90B1C0;
}
#haystack-options input {
	margin-left: 15px;
}
#search-results {
	background-color: #fff;
	border: 1px solid #90B1C0;
	margin: 0px -1px;
	position: absolute;
	width: 697px;
}
div.ajax-search-heading {
	font-size: 14px;
	font-weight: 600;
	margin: 3px 10px;
}
div.ajax-search-result {
	font-size: 14px;
	margin: 3px 20px;
}


/* SHADOWBOX FORMS */

form.sb fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
}
form.sb div.legend {
	background-color: #99cc99;
	font-weight: 600;
	padding: 0px;
	width: 100%;
	margin: 0px;
	height: 30px;
}
div.legend span.text {
	float: left;
	margin: 5px 10px;
}
div.legend a.close {
	float: right;
	font-weight: 400;
	margin: 5px 10px;
}
form.sb label {
	width: 300px;
}
label[for="project_id"], label[for="company_id"] {
	display: inline;
}
fieldset.form_options {
	clear:both;
	display: none;
}

form.sb div.buttons {
	margin: 0px;
	text-align: right;
	background-color: #bbb;
}
div.people-selector {
	height: 75px;
	overflow: auto;
	margin: 0px;
}
div.file-category-selector {
	height: 75px;
	overflow: auto;
	margin: 0px;
}
div.people-selector input, div.file-category-selector input {
	float: left;
	margin: 3px 3px 2px 12px;
}
div.people-selector label, div.file-category-selector label {
	float: left;
	width: 147px;
	margin: 3px 0px 2px;
}
div.form_options_links {
	float:right;
	margin: 0px 20px 15px;
}
span.pair {
	float: left;
	white-space: nowrap;
}
form.sb button {
	background-color: #336;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	margin: 10px 20px;
	padding: 5px;
}
#swfuploader-container {
	float: left;
	margin: 0px;
}
#upload_progressbar_container {
	display: none;
	float: left;
	height: 20px;
	border: 2px solid #000;
	width: 200px;
	margin: 10px 20px;
}
#upload_progressbar {
	position: relative;
	height: 20px;
	background-color: #fff;
	width: 0%;
	margin: 0px;
}

/*
dl.form { font-size: 12px; margin: 10px 0px 10px 0px; width: 300px; }
dl.form dt { float: left; font-weight: normal;}
dl.form dd { margin-left: 125px; padding-bottom: 5px; position: relative;}
dl.form dd input, dl.form dd select {width: 90%; padding-left: 2px; border: 1px solid #666666;}
dl.form dd textarea {width: 90%; padding: 2px; border: 1px solid #666666; height: 100px; font-size: 12px;}
dl.form dd.radio input{ width: auto; border: 0px; }
dl.login_form dt { float: none; text-align: left;}
dl.login_form dd { margin-left: 0px; padding-bottom: 5px; text-align: left;}
dl.popup_form dd { margin-left: 75px; padding-bottom: 5px;}
dl.short_form dd { margin-left: 50px; padding-bottom: 5px;}
div.form_button { cursor: pointer; background-color: #679A00; margin-left: 5px; float: left; display: inline;}
div.form_button div { text-align: center; font-size: 10px; font-weight: normal; color: white;}      
*/

span.form_option_button
{
	display: inline;
	cursor: pointer; 
	font-size: 10px;
	background-color: #EDEEE9;
	border: 1px solid #6A6A6A;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}


#create_file {
	margin: 0px;
}
#version_file {
}












/* open rico changes */
tr.dataInput th input {font-weight:normal;font-size:8pt;}
th div.ricoLG_cell {height:2.5em; }
html>body th div.ricoLG_cell {height:1.5em; } 
td div.ricoLG_cell {cursor: pointer; white-space: nowrap; height:2em;}
html>body td div.ricoLG_cell {height: 1em;}
div.ricoMenu, div.ricoMenuSafari { text-align: left; }

/* accordion styles */
div.accordionHeader {
	font-size: 1em;
	height: 30px;
	background-image: url(../images/accordion_bg.gif);
	color: white;
	padding-left: 10px;
	cursor: pointer;
	line-height: 30px;
	margin-bottom: 2px;
}

div.accordionSelected { background-image: url(../images/accordion_bg_selected.gif); }
div.accordionHover { background-image: url(../images/accordion_bg_selected.gif); }
div.accordionContent { height: 200px; overflow: auto; }
div.accordionContent p { font-size: 12px; padding: 5px; }

/* layout page */
div.layout_preview { position: absolute; background-image: url(/img/spacer.gif); }
div.swatch { height: 30px; color: white; text-align: center; line-height:30px; text-decoration: none; border: 1px solid #c7c7c7; border-top: 0px; cursor: pointer;} 
div.swatch:hover { text-decoration: underline; }
div.label { height: 20px; line-height: 20px; text-align: left; padding-left: 10px; background-color: #679A00; color: white; margin-top: 10px;}

/* poopup boxes */
div.popup label { color: #679A00; font-size: 16px; font-weight: bold; display: block; position: relative;}
div.popup
{
	border: 1px solid #666000;
	display: none; 
	position: absolute; 
	padding: 5px; 
	z-index: 100; 
	background-color: white; 
	overflow: auto; 
	text-align: left;
}




/*
Shadowbox styles
*/
#sb-wrapper-inner {
	border: none;
}
#sb-body {
	background-color: #fff;
}