/***** Global Settings *****/

html, body {
margin:0;
padding:0;
}

body {
font:100%/1.25 arial, helvetica, sans-serif;
}

button, input.btn_main {
	cursor: pointer !important;
	font-style: normal;
}



/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

p, ul, ol {
margin:0;
padding:0;
}

ul, ol {
list-style:none;
padding:0;
}

blockquote {
marn:22px 40px;
padding:0;
}

small {
font-size:0.85em;
}

img {
border:0;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
}

/***** Links *****/

a, a:visited {
text-decoration:none;
}

/***** Forms *****/

form {
margin:0;
padding:0;
display:inline;
}

input, select, textarea {
font:1em arial, helvetica, sans-serif;
}

textarea {
line-height:1.25;
}

.switcher-box-2 {
    width: 49%;
    float: left;
    border-right: 1px solid #CACACA;
}

.fancy_switch {

	display: block;
	width: 102px;
	height: 34px;
	background: url('/assets/images/fancy_switch.png') no-repeat;
	cursor: pointer;
    margin: 0 0 0 10px;
}

	.fancy_switch.ON { background-position: 0px 0px; }

	.fancy_switch.OFF { background-position: 0px -34px; }

/***** Tables *****/

table {
border:0;
margin:0 0 18px 0;
padding:0;
}

  table tr td {
  padding:2px;
  }

/***** Wrapper *****/

/***** Global Classes *****/

.clear         { clear:both; }
.clearleft         { clear:left; }
.clearright         { clear:right; }

.float-left    { float:left; }
.float-right   { float:right; }

.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }

.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }

.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}

a.action {
	font-size: 11px;
	color: #d90000;
}

a.action:visited { color: #d90000; }

td {
	white-space: nowrap;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*

Theme Name:
Theme URI:
Description:
Version:
Author:

*/


/* Global Layout */
html, body {
	height: 101%;
	margin: 0;
	padding: 0;
}

/* debug style */
pre.debug {
	font-family: monaco;
	font-size: 11px;
	text-align: left;
	padding: 5px;
	color: #ffffff;
}

body {
	font-size: .8em;
	margin: 0;
	padding: 0;
	text-align: center;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

/* header */

#header
{
position: relative;
height: 64px;
}

#projectsDropMenu {
	-moz-box-shadow: 5px 5px 10px #888;
	-webkit-box-shadow: 5px 5px 10px #888;
	box-shadow: 5px 5px 10px #888;
	position: absolute;
	left: -1px;
	margin-top: 25px;
	z-index: 2000;
	text-align: left;
	background: #e9e9e9;
	white-space: nowrap;
	display: none;
	line-height: 100%;
}

#projectsDropMenu div.inner {
	border: 1px solid #cccccc;
	line-height: 100%;
	width: auto;
}

#projectsDropMenu a.project-list {
	display: block;
	float: none;
	margin: 0;
	border-bottom: 1px solid #cccccc;
	padding: 15px 15px -1px 15px;
	font-size: 13px;
	font-weight: bold;
	line-height: 125%;
	min-width: 300px;
}

#projectsDropMenu a.project-list:hover {
	background: #ffffff;
}

#projectsDropMenu a.project-list small {
	font-size: 10px;
	font-weight: normal;
}

/*Author: Carbon51
**Account Menu
*/
#accountsDropMenu {
	-moz-box-shadow: 5px 5px 10px #888;
	-webkit-box-shadow: 5px 5px 10px #888;
	box-shadow: 5px 5px 10px #888;
	position: absolute;
	right:0px;
	margin-top: 25px;
	z-index: 2000;
	text-align: left;
	background: #e9e9e9;
	white-space: nowrap;
	display: none;
	line-height: 100%;
	width:auto;
}

#accountsDropMenu div.inner {
	border: 1px solid #cccccc;
	line-height: 100%;
	width: auto;
}

#accountsDropMenu a.account-list {
	display: block;
	float: none;
	margin: 0;
	border-bottom: 1px solid #cccccc;
	padding: 15px 15px -1px 15px;
	font-size: 13px;
	font-weight: bold;
	line-height: 125%;
	width:auto;
}

#accountsDropMenu a.account-list:hover {
	background: #ffffff;
	color:#5E5E5E !important;
}

#accountsDropMenu a.account-list small {
	font-size: 10px;
	font-weight: normal;
}
/*End Account Menu*/
.adminbody #header {
	position: relative;
	height: 64px;
}

#pagetitle {
	position: absolute;
	top: 15px;
	left: 135px;
	font-size: 1.8em;
	font-weight: bold;
}
.adminbody #pagetitle {
	left: 200px;
}

#logo {
	position: absolute;
	top: 4px;
	left: 0px;
	height: 56px;
	width: 115px;
}

.adminbody #logo {
	width: 175px;
}

#tnav {
	position: relative;
	float: right;
	padding: 0;
}

#tnav li {
	position: relative;
	float: left;
}

#tnav li span.full_name, #tnav li a {
	position: relative;
	float: left;
	margin-top: 4px;
	padding: 0px 4px 0 4px;
	font-size: .75em;
}

#tnav #help {
	position: relative;
	padding: 4px 21px 4px 0;
}

#tnav #help a {
	margin-top: 0px;
}

/* navigations */

#nav, #nav_empty {
	position: relative;
	padding: 2px 45px 0 20px;
	height: 25px;
	z-index: 1000;
}

#nav1 {
	float: left;
	height: 25px;
}

#nav1 li {
	position: relative;
	float: left;
}

#nav1 li a {
	position: relative;
	float: left;
	padding: 3px 12px 0 12px;
	height: 22px;
	font-size: 1.1em;
	font-weight: bold;
}

#nav1 li a.project-list {
	padding: 8px 12px 3px;
}

#nav2 {
	position: relative;
	float: right;
	height: 25px;
}

#nav2 li {
	position: relative;
	float: left;
}

#nav2 li a {
	position: relative;
	float: left;
	padding: 3px 12px 0 12px;
	height: 22px;
	font-size: 1.1em;
	font-weight: bold;
}

/* front page */

#superwrap {
	position: relative;
	width: 100%;
}

.wrap {
	position: relative;
	padding-top: 1px;
	text-align: left;
}

.titlebar {
	position: relative;
	height: 53px;
}

.titlebar h1 {
	position: relative;
	padding: 15px 0 0 58px;
	font-size: 1.5em;
	font-weight: bold;
}

.titlebar h1 span {
	position: relative;
	padding-left: 5px;
	font-size: .6em;
}

.detailsbar
{
position: relative;
width: auto;
margin-right: 0px;
min-height:45px;
height:auto !important;
height:45px;
padding: 8px 277px 8px 15px;
clear: left;
}

.details1
{
position: relative;
float: left;
width: 30%;
padding-right: 1.9%; /* partial percentage for ie, it can't count to 100 without going over */
}

.details2
{
position: relative;
float: left;
width: 43%;
font-size: .75em;
}

.details2 a
{
text-decoration: underline;
}

.details2 li
{
position: relative;
float: left;
padding-right: 9px;
width: 43px;
height: 43px;
}

.details2 li img
{
display: block;
}


.detailsbar h2
{
position: relative;
padding: 14px 0 14px 43px;
font-size: .9em;
font-weight: bold;
}

.details3
{
position: relative;
float: left;
width: 30%;
padding: 0 1% 0 1%;
width: 10.5%;
text-align: center;
font-size: .85em;
}

.uploader
{
position: relative;
display: block;
padding-top: 9px;
}

.details4
{
position: relative;
float: left;
width: 30%;
padding: 16px 1% 0 1%;
width: 10.5%;
text-align: center;
font-size: .8em;
font-weight: bold;
text-transform: uppercase;
}

.date
{
position: relative;
padding: 2px 5px 2px 5px;
}

.today
{
padding: 3px 5px 3px 5px;
}

.version {

	padding-left: 1em;
	display: inline;
	font-size: smaller;
	font-weight: normal;
	color: #999999;
}


/* sidebar */

#sidebar_contacts {
position: absolute;
z-index: 5;
float: right;
width: 220px;
left: 0;
top: 138px;
margin: 0;
text-align: left;
}

#sidebar_contacts h2
{
font-size: 1.1em;
font-weight: bold;
padding: 5px 80px 5px 20px;
}

#sidebar_contacts h2 a
{
position: absolute;
top: 7px;
right: 10px;
font-size: 0.7em;
line-height: 1.4em;
font-weight: normal;
text-decoration: underline;
}

#sidebar_contacts ul li a
{
display: block;
height: 29px;
line-height: 29px;
font-size: 1em;
font-weight: bold;
padding-left: 20px;
}
#sidebar
{
position: relative;
margin-top: 0px;
z-index: 5;
float: right;
width: 247px;
margin-left: -247px; /* for ie */
margin-bottom: 15px;
}

body.altbody2 #sidebar
{
position: absolute;
right: 0;
top: 127px;
margin: 0;
}

.sidebarinner
{
position: relative;
margin-bottom: 0px;
padding: 12px 12px 65px 12px;
text-align: left;
}

.sidebarinner.gallery-contacts {
	padding: 0 0 65px 0;
}

.sidebarinner.gallery-contacts h2, .sidebarinner.gallery-contacts h3, .sidebarinner.gallery-contacts h4, .sidebarinner.gallery-contacts p {
	padding: 5px 12px 5px 12px;
}
.sidebarinner.gallery-contacts h2 {
	border-bottom: 1px solid #e9e9e9;
}

.sidebarinner.gallery-contacts .post_to_basecamp_wrap {
	padding: 20px;
}

.iwrap
{
position: relative;
padding: 12px 0 0 0;
font-size: .9em;
}

.iwrap strong
{
display: block;
}

.iwrap label
{
position: relative;
font-weight: bold;
float: left;
padding: 3px 5px 0 0;
}

.iwrap input
{
position: relative;
float: left;
margin-right: 19px;
}

.sidebarinner h4
{
font-size: .9em;
font-weight: bold;
padding-top: 12px;
}

.createnew
{
position: relative;
display: block;
height: 32px;
width: 162px;

}

.submit
{
position: relative;
margin-top: 8px;
padding: 3px;
font-weight: bold;
}

#sidebar h2
{
position: relative;
padding-top: 10px;
font-size: 1.2em;
font-weight: bold;
}

#sidebar h3
{
position: relative;
padding-top: 10px;
font-size: 1.2em;
font-weight: bold;
}

#sidebar ul
{
position: relative;
padding-bottom: 5px;
font-size: 0.9em;
}

#sidebar li
{
position: relative;
padding: 2px 0 1px 0;
}

.sidebarbold
{
font-weight: bold;
line-height: 1.5em;
}

#sidebar ul.list2
{
position: relative;
padding-bottom: 5px;
font-size: 1em;
}

#sidebar .list2 li
{
position: relative;
padding: 5px 0 1px 0;
}

#sidebar li a
{
position: relative;
font-weight: bold;
}

#sidebar .btn_main:hover { background: #d90000; color: #ffffff; }

#sidebar div.disabled h2.company { color: #cccccc; }
#sidebar div.disabled { color: #cccccc; }
#sidebar #subs-cont.disabled p span {
	color: #f4d9b2;
	font-size: 0.7em;
}

#sidebar #subs-cont p span {
	color: #FF6400;
	font-size: 0.7em;
}

#sidebar #subs-cont p #gallery_notification {
	width: 100%;
}

#gal-status-cont, #gal-visible-cont { border-bottom: 1px solid #e9e9e9; padding: 4px 0 4px 12px; }


#billing_failure_msg {
    line-height: 150%;
}

/* subpage 1 */

.pageinfo,
.pageinfo2
{
position: relative;
height: 30px;
text-align: left;
}

.pageinfo h1,
.pageinfo2 h1
{
position: relative;
float: left;
padding: 5px 0 0 5px;
font-size: 1.5em;
font-weight: bold;
}

.pageinfo2 h1
{
font-size: 1.4em;
padding: 5px 0 0 20px;

}

.pageinfo h1 span
{
position: relative;
padding-left: 5px;
font-size: .6em;
}

.pageinfo2 a,
.pageinfo2 a:visited{
position: absolute;
top: 10px;
right: 30px;
font-size: 0.8em;
font-weight: normal;
text-decoration: underline;
}

.pagehome
{
position: relative;
float: left;
width: 47px;
height: 34px;
display: none;
}

/* login page */

.login-rounded-wrap {
	padding: 5px;
	margin: 10px;
	width: 600px;
	margin: 60px auto 0;
}

.loginwrap {
	position: relative;
	padding: 0;
	text-align: left;
}

.loginwrap h3 {
	position: relative;
	padding: 8px 15px;
	font-size: 1em;
	font-weight: bold;
}

.login_inner {

}

.login_inner a.action {

	font-size:13px;
	text-decoration:underline;
	color: #373737;
}

.login_inner a.action:hover {
	color: #373737 !important;
}

.loginp1
{
	clear: both;
	text-align: left;
	white-space: nowrap;
	margin-bottom: 10px;
}

.loginwrap label
{
font-weight: bold;
font-size: 1em;
margin-right: 10px;
margin-top: 10px;
float: left;
width: 120px;
text-align: right;
}

.logininput
{
width: 345px;
}

.loginp2
{
margin-left: 78px;
font-size: 0.75em;
margin-bottom: 12px;
}

.loginp2 table
{
margin: 0 0 12px;
}
.loginp2 table td
{
	padding: 0;
}

.loginp2 a{
text-decoration: underline;
margin-left: 12px;
}

.signmeinbutton
{
width: 112px;
height: 33px;
}

.sendbutton
{
width: 112px;
height: 33px;
}

.login_footer
{
position: relative;
padding: 8px 10px;
text-align: right;
font-size: 1em;
}

.login_footer a{
font-size: 0.75em;
text-decoration: underline;
}

/* account preferences */

.prefs,
.prefs2
{
position: relative;
width: 700px;
padding: 0;
margin: 10px 0 0 40px;
text-align: left;
}

.prefs h3
{
position: relative;
padding: 8px 15px;
font-size: 1em;
font-weight: bold;
}

.prefs_inner
{
margin: 10px;
}

.prefs table,
.prefs2 table
{
margin-bottom: 10px;
}

.prefs table td,
.prefs2 table td
{
padding: 5px 5px 0 0;
vertical-align: middle;
}

.prefs .smalltext,
.prefs2 .smalltext
{
font-size: 0.8em;
}
.prefs .label
{
width: 150px;
text-align: right;
font-weight: bold;
padding-right: 10px;
}

.prefs h4
{
font-size: 1em;
font-weight: bold;
}

.prefs h4 span
{
font-size: 0.8em;
font-weight: normal;
}

.prefs a,
.prefs2 a
{
text-decoration: underline;
}

.prefs2
{
text-align: right;
margin-bottom: 80px;
}

/* main overview */

.mainhead
{
position: relative;
height: 51px;
text-align: left;
}

.mainhead div
{
height: 45px;
}

.mainhead h1
{
position: relative;
float: left;
padding: 11px 0 0 55px;
font-size: 1.5em;
font-weight: bold;
}

.mainhead h1 span
{
position: relative;
padding-left: 5px;
font-size: .6em;
}

.maincontent{
margin: 0 247px 0 0;
}

table.overview
{
width: 100%;
padding: 0;
margin: 0;
}

table.overview td
{

text-align: left;
vertical-align: middle;
}

table.overview td.icon
{
padding: 12px 0 12px 17px;
width: 39px;
}
table.overview td.projectname
{
width: 180px;
}

table.overview td.desc
{

font-size: 0.8em;
}
table.overview td.desc a
{
	text-decoration: underline;
}

table.overview td.author
{
width: 100px;
padding-left: 12px;
}

table.overview td.date
{
width: 75px;
font-size: 0.8em;
text-align: center;
}


#thumbs
{
position: relative;
}

#thumbs li
{
position: relative;
float: left;
padding: 6px 4px;
width: 43px;
height: 43px;
font-size: .75em;
font-weight: bold;
text-align: center;
}

#thumbs li img
{
position: relative;
display: block;
}

.mainbtm1
{
position: relative;
height: 53px;
}
.mainbtm2
{
position: relative;
height: 51px;
}
.mainbtm3
{
position: relative;
height: 39px;
}

/* contacts */

.contactswrap
{
position: relative;
padding-left: 220px;
margin-bottom: 35px;
text-align: left;
}

#contacts
{
padding: 10px 0;
font-size: 1em;
line-height: 1.4em;
font-weight: bold;
min-height: 400px;
}
* html #contacts
{
height: 400px;
}

#contacts a,
#contacts a:visited
{
font-weight: normal;
text-decoration: underline;
}

#contacts table
{
width: 100%;

}

#contacts table td
{
padding: 10px 0 10px 20px;
vertical-align: top;
text-align: left;
white-space: nowrap;
}
#contacts table td.c2,
#contacts table td.c3,
#contacts table td.c4
{
text-align: right;
}
#contacts table td.c4
{
padding-right: 30px;
}

#addperson
{
position: relative;
width: 650px;
padding: 8px;
margin: 8px 0 80px 32px;
text-align: left;
font-weight: normal;

}
#addperson table
{
width: 620px;
}
#addperson table td
{
padding: 5px;
white-space: normal;
vertical-align: middle;
}

#addperson .label
{
white-space: nowrap;
text-align: right;
}
#addperson .field
{
text-align: right;
width: 195px;
}
.input195
{
width:  195px;
}
#addperson a
{
text-decoration: underline;
}

/* gallery */

#bgsettings {
	margin: 5px 0;
	padding: 0;
	font-weight: bold;
}

#bgsettings table td {
	padding: 0 8px;
	vertical-align: top;
	white-space: normal;
}
#bgsettings table.inner td {
	padding: 0 0 5px 0;
	vertical-align: top;
}
#bgsettings table td.title {
	height: 2.5em;
	font-weight: bolder;
}
#bgsettings table td.qhelp {
	padding: 0 0 0 8px;

	line-height: 175%;
	color: #373737;
}
#bgsettings table td.qhelp a {
	display: block;
	width: 21px;
	height: 21px;
}

#bgsettings table td.qhelp a:hover {
	padding: 0 !important;
	margin: 0 !important;
}
#bgsettings table td.colorpicker {
	padding-right: 10px;
}
#bgsettings table.inner td.smalltext {
	font-size: 0.8em;
	padding-right: 4px;
}
#bgsettings .hexvalue {
	width: 106px;
}
#bgsettings .colorpreview {
	height: 40px;
}
#bgsettings .right {
	text-align: right;
}
#bgsettings .input200 {
	width: 200px;
}
#bgsettings table td.buttons {
	vertical-align: bottom;
	text-align: right;
}
#bgsettings table td.buttons input {
	margin-right: 10px;
}
#bgsettings table td.buttons a {
	text-decoration: underline;
}

#bgsettings .buttons {
	border-top: 1px solid #cccccc;
	padding: 10px;
}

#bgsettings .buttons span {
	float: right;
	display: block;
	white-space: nowrap;
	padding: 5px 10px 5px 5px;
}

#bgsettings .buttons button {
	float: right;
	display: block;
}

#bgsettings button#save_btn.btn_main.lg.gray {
display:inline;
float:left;
margin-left:257px;
margin-right: 0;
padding-left:0 !important;
padding-right:0 !important;
width:170px !important;
font-style: normal;
}

#bgsettings button#cancel_btn.btn_main.lg.gray {
display:inline;
float:left;
margin-left:230px;
margin-right: 0;
padding-left:0 !important;
padding-right:0 !important;
width:250px !important;
font-style: normal;
}

#bgsettings .buttons button:hover {
	color: white;
}

#bgsettings #default_bg_btn {
	margin-left: 10px;
	margin-right: 58px;
	width: 220px;
}
#bgsettings #preview_btn {
	margin-right: 20px;
	width: 210px;
}
#bgsettings #save_btn {
	width: 152px;
}

#bgsettings #save_btn.btn_main.lg.gray {
	width: 189px;
}


#bgsettings table, #bgsettings table.inner, #bgsettings table.selaligntable {
	margin: 0;
}

#bgsettings table td .selaligntable td {
	padding: 0;
}
#bgsettings table td .selaligntable td a {
	display: block;
	width: 64px;
	height: 50px;
	margin: 0;
}

#bgsettings table td .selaligntable td a:hover {
	padding: 0;
}

#bgsettings div.screen-align-bg {
	padding: 12px 0 4px 1px;
	background: url(/assets/images/screen-align-bg.gif) no-repeat;
}

#bgsettings #presets, #settings_tabs {
	border-bottom: 1px solid #cccccc;
	padding: 10px;
}

#bgsettings #settings_block1, #settings_block2, #settings_block3, #settings_block4 {
	padding: 10px;
}

.galleryselect
{
position: relative;
margin: 6px 15px 0 0;
width: 232px;
font-size: .85em;
font-weight: bold;
}


.gallerywrap
{
position: relative;
text-align: left;
}

.gallerywrap_inner {

}

.gallerywrap h2
{
position: relative;
font-size: 1.2em;
font-weight: bold;
}

.gallerywrap h2 .pad {
	padding: 10px;
}

.gallerywrap h2 #buttons {
	float: right;
    text-align: left;
}

.gallerywrap h2 #buttons span, .calendar_view .view_buttons span, .list_view .view_buttons span {
    position: relative;
    top: 12px;
    font-size: 11px;
    color: #4e4e4e;
    float: left;
}

.gallerywrap h2 #buttons a {
    font-size: 11px;
    float: left;
}


.gallerywrap h2 a {
    float: right;
    position: relative;
    font-weight: bold;
    font-size: 12px;
    text-decoration: underline;
    margin: 5px;
}

.gallerywrap p
{
position: relative;
padding: .4em 0 0em 0;
font-weight: bold;
font-size: .9em;
}

.gallerywrap small { font-weight: normal; }

#galleryimages {
position: relative;
padding-top: 15px;
}

#galleryimages div.lg_img, #thumbs div.lg_img {
	position: absolute;
	z-index: 400;
	margin-left: 165px;
}

#thumbs div.lg_img {
	margin-left: 45px;
}

#galleryimages li {
position: relative;
float: left;
padding: 0 5px;
width: 170px;
font-size: .75em;
text-align: left;
}

#galleryimages li .watermark { margin-left: 7px; margin-top: 7px; }

#galleryimages li .img_wrap img {
position: relative;
display: block;
margin-bottom: 5px;
}

.gallerycomments {
position: relative;
text-align: left;
bottom: -30px;
z-index: 100;
}

.gallerycomments button.btn_main { background: #eaeaea; margin: 4px 6px 0 0; }
.gallerycomments button.btn_main:hover { background: #d90000; color: #ffffff; }

.gallerycomments .avatar_container { float: left; width: 48px; margin: 10px; }

.gallerycomments h1 {
	padding: 8px 8px 8px 50px;
	font-size: 1em;
	font-weight: bold;
}
.gallerycomments h1 a {
	text-decoration: none;
}
.gallerycomments h3 {
	font-size: 1em;
	font-weight: bold;
	padding: 10px;
}

.gallerycomments h4 {
	font-size: 1em;
	font-weight: bold;
	padding: 10px;
}


.gallerycomments h3 .date {
	font-size: 11px;
	font-weight: normal;
}

.gallerycomments p {
	font-weight: normal;
	margin: 0 50px 10px 68px;
}

.grayline {
	font-size: 0;
	line-height: 0;
	height: 1px;
	margin: 8px 0;
}
.commentsimg {
	float: right;
	padding: 0 8px 8px 8px;
	text-align: center;
	font-size: 0.8em;
}
.commentsimg img {
	position: relative;
	display: block;
	margin-bottom: 5px;
}
.commentsimgempty {
	float: right;
	width: 50px;
	height: 50px;
}
.comment-tools { float: right; margin: 8px 20px 0 0; }

.gallery-due-date {
    font-size: 11px;
}

/* gallery settings page */

#gallerysettings
{
position: relative;
padding: 15px 277px 0 44px;
text-align: left;
}

#gallerysettings li
{
position: relative;
margin-bottom: 18px;
}

#gallerysettings h2
{
position: relative;
font-size: 1.2em;
font-weight: bold;
padding: 6px 0 8px 11px;
}

.gsdetails
{
position: relative;
font-size: .9em;
padding: 2px 11px 2px 11px;
}

.gsdetails p
{
position: relative;
line-height: 1.5em;
padding: .5em 0 .5em 0;
}

.galleryname
{
position: relative;
padding: 2px;
width: 220px;
}

.ginfowrap
{
position: relative;
padding: 6px 0 6px 0;
height: 30px;

}

.ginfowrap .radio
{
position: relative;
float: left;
margin-right: 3%;
margin-left: 2%;
}

.ginfowrap label
{
position: relative;
padding-top: 2px;
float: left;
width: 10%;
font-weight: bold;
}

.ginfowrap p
{
float: left;
font-size: .9em;
width: 81%; /*ie*/
}

#deleter
{
position: relative;
height: 33px;
width: 202px;
display: block;
text-indent: -9999px;
margin-top: 8px;
}





/* footer*/


/* addins for footer */

#siteframe
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -38px; /* the bottom margin is the negative value of the footer's height */
}

/* back to footer */

#siteframe .push {
	height: 38px;
	clear: both;
}

#footwrap {
	clear: both;
	height: 38px;
	font-size: .65em;
	letter-spacing: 0.07em;
	margin: 0;
	padding: 0;
	text-align: right;
}

.push {
	height: 110px;
}

#footwrap #footlinks {
	margin-top: 13px;
	margin-right: 10px;
	float: right;
}

#footlogo {
	margin-top: 5px;
	float: left;
	height: 16px;
	padding: 10px 0 0 105px;
}

#footwrap a
{
text-decoration: underline;
}

.grengallerywrap a
{
font-weight: normal;
font-size: .83em;
text-decoration: underline;
}

/* system admin */
#adminwrap
{
padding: 0 42px 0 18px;
}

.adminbox
{
position: relative;
padding: 0;
text-align: left;
font-weight: bold;
margin-bottom: 13px;
}

.adminbox h3
{
position: relative;
padding: 8px 15px;
font-size: 1.1em;
font-weight: bold;
}

.adminbox_inner
{
margin: 10px;
}

.adminbox table
{
margin: 0;
}

.adminbox table td
{
vertical-align: middle;
}

.adminbox a
{
text-decoration: underline;
}

table.adminlist
{
width: 100%;
}

.adminlist td,
.adminlist th
{
height: 32px;
padding-left: 15px;
}

.adminbox .bigger
{
font-size: 1.2em;
}

.adminbox .smaller
{
font-weight: normal;
}

.adminlist-pages
{
text-align: right;
font-weight: bold;
padding-right: 2px;
padding-bottom: 2px;
}

.adminlist-pages a
{
text-decoration: none;
padding: 0 3px;
}

.admin-search
{
width: 112px;
height: 33px;
margin-left: 10px;
}

#galleryimages li .img_wrap { padding: 5px 0 0 0; }

#galleryimages .imgEditTools {
	position: absolute;
	top: 100px;
	left: 5px;
	border: 4px solid #d9d9d9;
	display: none;
	z-index: 399;
}

#galleryimages .video_status {
	position: absolute;
	top: 50px;
	left: 10px;
	right: 10px;
}

#galleryimages .video_status .graph {
	background: #fafafa;
	border: 1px solid #cccccc;
	height: 10px;
	margin: 10px;
}

#galleryimages .video_status .bar {
	background: #d90000;
	height: 10px;
}

#galleryimages .video_status .encoding_status { padding: 20px 0 0 6px; }

#galleryimages li:hover .imgEditTools{
	display: block;
}

#galleryimages .imgEditTools .imgMove,
#galleryimages .imgEditTools .imgDelete,
#galleryimages .imgEditTools .imgEditText{
	display: block;
	float: left;
	height: 23px;
}
#galleryimages .imgEditTools .imgMove{
	width: 24px;
}
#galleryimages .imgEditTools .imgDelete{
	width: 24px;
}
#galleryimages .imgEditTools .imgEditText{
	width: 24px;
}

.emptyHeaderImage { width: 673px;height: 57px; text-align: center; }
.emptyHeaderImage div { padding-top: 20px; font-size: 12px; }



/* Styles for Basecamp */

a.basecamp-import {
	font-size: 11px;
	padding: 5px;
}

.basecamp.generic_form .info_box { padding: 15px; }

.basecamp .import-list {
	width: 100%;
}

.basecamp .import-list th, .basecamp .import-list td {
	padding: 5px 15px 5px 15px;
}

.basecamp .import-list th { font-size: 14px; color: #989898; font-weight: bold; }
.basecamp .import-list th small { font-weight: bold; font-size: 10px; }

.basecamp .import-list .company-name { font-size: 14px; color: #d90000; font-weight: bold; }
.basecamp .import-list .contact-name { font-size: 12px; padding-left: 25px; font-weight: bold; }

.basecamp .import-list .actions button.btn_main:hover { background: #d90000; color: #ffffff; }
.basecamp .import-list .actions button.btn_main.imported { color: #989898; }
.basecamp .import-list .actions button.btn_main.imported:hover { background: #cacaca; color: #989898; }

.basecamp .import-list tr.contact .name {
	padding-left: 35px;
	font-size: 11px;
}

.basecamp .import-list td.actions {
	text-align: center;
	font-size: 11px;
	font-size: 10px;
}

.basecamp .import-list td.actions a {
	padding: 3px;
	text-decoration: none;
	font-size: 10px;
}

.basecamp .import-list td.actions a:hover {

}

.upload_files {
	text-align: left;
}

.upload_files .graph {
	border: 1px solid #cccccc;
	padding: 1px;
	background: #fafafa;
	height: 10px;
}

.upload_files .graph .bar {
	height: 10px;
}

.upload_files .graph .bar.red {
	background: #d90000;
}

.upload_files .generic_wrap_inner {
	background: #cccccc;
}

.upload_files.generic_form .rounded-wrap {
	padding-top: 2px;
}

.upload_files .sec {
	padding: 10px 0 10px 0;
}

.upload_files .min-width-setting {
	width: auto;
	min-width: 350px;
	overflow: hidden;
/*		white-space: nowrap; */
}

.upload_files .num {
	float: left;
	margin: 10px;
	font-size: 15px;
	font-weight: bold;
	font-family: helvetica, arial;
	text-align: center;
	padding: 3px 0 0 0;
	width: 23px;
	height: 20px;
}

.upload_files.generic_form .field {
	border: 0; /*
	width: auto;
	min-width: 350px; */
	float: left;
	margin-left: 0;
	margin-top: 0;
	padding: 10px;
	position: relative;
	white-space: nowrap;
	width: 90%;
}


input#newGalleryTitle {
	margin-right: 5px;
}

#new_gallery img, #gal_description img, .project_due_date img {
	position: relative;
	top: 5px;
	cursor: pointer;
}

#new_gallery .date_label a, #gal_description .date_label a {
	cursor: pointer;
	font-size: 11px;
	position: relative;
	top: -10px;
	text-decoration: underline;
}

#new_gallery .date_label {
	position: relative;
	margin: 0 20px 0 5px;
}

#gal_description .date_label {
	position: relative;
}

#new_gallery .date_label sub, #gal_description .date_label sub {
	left:2px;
	position:absolute;
	top:5px;
}

.upload_files .field select {
	font-size: 13px;
}

.upload_files button {

}

.upload_files .field .label {
	font-size: 12px;
	font-weight: bold;
	color: #787878;
}

.upload_files .field small { font-size: 11px; font-weight: normal; }

.upload_files .field label {
	display: block;
	padding: 3px;
	font-weight: bold;
	font-size: 12px;
}

.upload_files #new_gallery_btn {
	margin-bottom: 20px;
}


.upload_files .field .spe {
}

.upload_files #upload-btn {
	padding-left: 10px;
	width: 200px;
}

.upload_files #upload-btn a, .upload_files a {

}

.upload_files #upload-list {
	width: 350px;
	margin-top: 15px;
	float: left;
	position:relative;
}

.upload_files #upload-list * {  }

.upload_files #upload-list h3 {
	padding: 4px;
	margin: 0;
	font-size: 11px;
	font-weight: bold;
}

.upload_files #upload-list .upload-list .upload-item {
	padding: 5px 10px 5px 10px;
}

.upload_files #upload-list .upload-list .icon {
	float: left;
	width: 21px;
	height: 28px;
}

.upload_files #upload-list .upload-list .filename {
	font-size: 12px;
	font-weight: bold;
	width: 21em;
	padding: 7px 0 0 5px;
	float: left;
}

.upload_files #upload-list .upload-list .filesize {
	font-size: 10px;
	float: left;
	padding-top: 7px;
	width: 35px;
}

.upload_files #upload-list .upload-list .upload_error_msg {
	font-size: 10px;
	padding: 2px;
}

.upload_files #upload-list .upload-list .cancel {
	float: left;
	width: 17px;
    cursor: pointer;
}

.upload_files #upload-list .upload-list .actions {
	padding-top: 7px;
	font-size: 10px;
	text-align: right;
}

.upload_files #upload-list .upload-list .actions a {
}

.upload_files #upload-list .upload-list .bar {
	height: 3px;
	display: block;
	clear: both;
	width: 0;
}

.swfupload {
	vertical-align: top;
}

.swfupload {
	position: absolute;
	z-index: 1;
}


#uploads td.thumbnails {
	white-space: normal;
}

#thumbnails {
	margin: 15px 0 0 15px;
	float: left;
	white-space: normal;
}




/*msg */
.notify {
	background: #6a6a6a;
	padding: 0px;
	color: #e1e1e1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 10px;
	text-align: left;
}

.notify h2 { font-size: 17px; font-weight: bold; margin: 0; padding: 10px; border-bottom: #808080 1px solid; }
.notify h2 button { float: right; background: #413d3c; color: #e1e1e1; }
.notify h2 button:hover { background: #d90000; color: #ffffff; }
.notify p { font-size: 14px; margin: 0; padding: 10px; line-height: 160%; }

/* people contacts styles */

.people_contacts.generic_form {  }

.people_contacts.generic_form .rounded-wrap {
	padding-top: 2px;
	margin-right: 10px;
}

.rounded-wrap .pageinfo span a {
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	padding: 5px 7px 5px 7px;
	color: #d90000;
	text-decoration: none;
	font-weight: bold;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.rounded-wrap .pageinfo span a:hover, .rounded-wrap .pageinfo span a.on {
	background: #d90000;
	color: #ffffff !important;
	margin-left: 10px !important;
	margin-top: 5px !important;
	margin-right: 0px !important;
	padding: 5px 7px 5px 7px !important;
}

.people_contacts .details {
	border-top: 1px solid #d1d1d1;
	padding: 10px;
}

.people_contacts .details .company {
	float: left;
	padding: 5px;
	color: #666666;
	font-size: 12px;
	line-height: 150%;
	width: 200px;
}

.people_contacts .details .company p {
	color: #666666;
}

.people_contacts .details .company h3 {
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}

.people_contacts .details .people { float: left; width: 65%; }

.people_contacts .details .people .person {
	float: left;
	width: 220px;
	height: 160px;
	margin-right: 10px;
}

.people_contacts .details .people .person .avatar-col {
	float: left;
	width: 50px;
	margin-right: 10px;
}

.people_contacts .details .people .person .person-info {
	padding: 0;
	font-size: 12px;
	line-height: 150%;
	color: #787878;
}

.people_contacts .details .people .person .person-info h3 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
}

.people_contacts .details .people .person .person-info .person-details {
	margin-left: 60px;
}

.people_contacts .details .people .person .person-info p {
	font-size: 12px;
	color: #787878;
}

.people_contacts .company_wrap {
	border-bottom: 1px solid #d1d1d1;
}

.people_contacts .company_wrap h3 {
	font-size: 13px; font-weight: bold;
	padding: 10px;
	margin: 0;
}


.people_contacts .company_wrap .actions {
	float: right;
	width: 250px;
	padding: 5px;
	text-align: right;
}

.people_contacts .company_wrap .actions a {  }

.people_contacts .company_wrap h1 .actions {

}

.people_contacts .company_wrap .actions button.btn_main.red {
	margin-bottom: 0;
	padding-top: 7px;
	padding-bottom: 5px;
}

.people_contacts .company_wrap .actions button.btn_main.cancel {

}


h2.nopad button.btn_main { margin: 2px 4px; background: #efefef; float: right; font-size: 10px;  }
h2.nopad button.btn_main:hover { background: #d90000; color: #ffffff; }
h2.nopad { padding: 0; font-weight: bold; }
h2.nopad .pad { padding: 7px; font-weight: bold; }

/* NEW.. PERSON ADD & EDIT */



.person { }

.person table {
	width: 100%;
}

.person td.l_col {
	width: 500px;
}

.person td.r_col {
	width: 200px;
	white-space: normal;
}

.person .pad { padding: 15px; }


.person .l_col input {
	width: 185px;
	border: 1px solid #bebebe;
	background: url(/assets/theme_light/input-bg.gif) no-repeat;
	padding: 5px;
	font-size: 15px;
	color: #232323;
}

.person .l_col input.error {
	border: 1px solid #d90000;
	background: #ffc1c1;
}

.person .l_col .req.error {

}

.person .l_col .field {
	padding: 10px 0 0 0;
	border: 0;
}

.person .l_col label {
	display: block;
	width: 90px;
	font-weight: bold;
	text-align: right;
	margin: 8px 8px 0 0;
	float: left;
	color: #454545;
	font-size: 12px;
}

.person .l_col .field small {
	color: #a2a2a2;
	font-size: 11px;
}

.person .g_para {
	font-size: 12px;
	color: #757575;
	line-height: 160%;
	margin-bottom: 15px;
}

.person .r_col .field { margin: 0; padding: 0; border: 0; }
.person .r_col .field label { display: none; }
.person .r_col textarea {
	width: 300px;
	height: 130px;
	border: 1px solid #bebebe;
	background: url(/assets/theme_light/input-bg.gif) no-repeat;
	padding: 5px;
	font-size: 15px;
	color: #232323;
}

.person .f_actions {
	padding: 10px 10px 10px 160px;
	border-top: #cccccc 1px solid;
}

.person #person_new_form .f_actions  {
	text-align: right;
	padding-right: 50px;
}

.person.edit .adminstrator {
	padding: 0;
	margin: 10px 0 0 25px;
	color: #676767;
	font-size: 11px;
	float: left;
	width: 250px;
	text-align: left;
}

.person.edit .avatar_container {
	background: #eef9ff;
	border-top: #cccccc 1px solid;
	padding: 10px 10px 10px 120px;
	margin: 0;
}

.person.edit .avatar_container p.g_para {
	margin: 0;
}

.person.edit .avatar_container button.btn_main:hover {
	background: #6a6a6a;
	color: #fafafa;
}

.person.edit .avatar_container .img {
	float: right;
	width: 60px;
}

.person.edit .f_actions { padding-left: 0px; text-align: right; }

.person.edit .avatar_container .field { border: 0; }

.person.edit .avatar_container input {

}

.person.edit #username {
    background: #D9D9D9;
    font-weight: bolder;
    cursor: default;
}

/* NEW.. COMPANY ADD & EDIT */

.company { }

.company .pad { padding: 15px; }

.company input {
	width: 185px;
	border: 1px solid #bebebe;
	background: url(/assets/theme_light/input-bg.gif) no-repeat;
	padding: 5px;
	font-size: 15px;
	color: #232323;
}

.company.generic_form .field {
	padding: 10px 0 0 0;
	border: none;
	width: 100%;
}

.company label {
	display: block;
	width: 250px;
	font-weight: bold;
	text-align: right;
	margin: 8px 8px 0 0;
	float: left;
	color: #454545;
	font-size: 12px;
}

.company .field small {
	color: #a2a2a2;
	font-size: 11px;
}

.company .g_para {
	padding: 20px 0 0 10px;
	font-size: 12px;
	color: #757575;
	line-height: 160%;
}

.company form a { color: #d90000; font-weight: bold; font-size: 11px; text-decoration: underline; }

.company .r_col .field { margin: 0; padding: 0; border: 0; }
.company .r_col .field label { display: none; }
.company .r_col textarea {
	width: 300px;
	height: 130px;
	border: 1px solid #bebebe;
	background: url(/assets/theme_light/input-bg.gif) no-repeat;
	padding: 5px;
	font-size: 15px;
	color: #232323;
}

.company .f_actions {
	padding: 5px 10px 10px 160px;
	border-top: #cccccc 1px solid;
}



/* COLOR PICKER STYLES */
#colorjack { width: 250px; height: 220px; margin: 0; }
#plugin { COLOR: #AAA; CURSOR: move; FONT-FAMILY: arial; FONT-SIZE: 11px; line-height: 1em; PADDING: 12px 0px 3px 0px; _PADDING-RIGHT: 0; Z-INDEX: 1; POSITION: absolute; margin-top: -12px;  _padding-right: 0px; }
#plugin #plugin-bg {BACKGROUND: #0d0d0d; padding: 10px; height: 166px;}
#plugin br { CLEAR: both; MARGIN: 0; PADDING: 0;  }
#plugin select { BORDER: 1px solid #333; BACKGROUND: #FFF; POSITION: relative; TOP: 4px; }

#plugHEX { font-weight: bold; display: block; width: 50px; float: right; margin: 0 10px 0 0; border: 1px solid #898989; padding: 3px; font-size: 12px; }

#plugCUR { float: right; width: 83px; height: 22px; font-size: 1px; background: #FFF; }
#plugBottom { font-size: 11px; font-weight: bold; margin-top: 10px; width: 220px; }
#plugBottom span { padding-top: 4px; display: block; width: 60px; }

#SV { background: #FF0000 url('../js/colorjack/media/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='../js/colorjack/media/SatVal.png', sizingMethod='scale'); -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#SVslide { BACKGROUND: url('../js/colorjack/media/slide.gif'); HEIGHT: 9px; WIDTH: 9px; POSITION: absolute; _font-size: 1px; line-height: 1px; }

#H { border: 1px solid #000000; background: url('../js/colorjack/media/slider.jpg') no-repeat; CURSOR: crosshair; FLOAT: left; HEIGHT: 164px; POSITION: relative; WIDTH: 19px; PADDING: 0; TOP: 0px; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#Hslide { BACKGROUND: url('../js/colorjack/media/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; }

/* END OF COLOR PICKER STYLES */


/* OTHER */

/***** Spinner *****/

input.spin-decimal {
  text-align: right;
  width: 53px;
}

a.up {
  display: block;
  height: 9px;
  width: 15px;
}

a.dn {
  margin-top: 0px;
  display: block;
  height: 9px;
  width: 15px;
}

#editWindow {
	z-index: 1001;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #000000;
	text-align: center;
}

#editWrap {
	z-index: 1002;
	position: absolute;
	width: 785px;
}

#editWrap .generic_form { padding: 0; margin: 0; }

#editFrame {
	color: #000000;
	text-align: left;
}

#editFrame .req { font-size: 14px; color: #cccccc; }
#editFrame .req.on { font-size: 20px; font-weight: bold; color: #d90000; }

#editFrame .edit_window_preloader { text-align: center; padding: 30px; }

#siteframe .action_msg { padding: 10px 10px 10px 60px; font-size: 14px; font-weight: bold; margin: 10px; color: #ffffff; text-align: left; }
#siteframe .action_msg.success { background: #389602 url(/assets/images/msg_checkbox.png) no-repeat left;background-position: 10px 5px;color: #ffffff;font-weight: bold; }
#siteframe .action_msg.error { background: #cc0000; url(/assets/images/msg_error.png) no-repeat left;background-position: 10px 5px;color: #ffffff; font-weight: bold; }

.permissions.generic_form h3 { font-size: 18px; font-weight: bold; padding: 10px; color: #343434; }
.permissions.generic_form h3 small { font-size: 11px; }
.permissions h2 { }
.permissions h2 small { font-size: 11px; }
.permissions h2 small a { background: none; border-radius: none; padding: 0; font-size: 11px; text-decoration: underline; }
.permissions h2 small a:hover { background: none; }
.permissions .company_wrap { clear: both; border: none; border-top: 1px solid #cacaca; padding: 10px; }
.permissions .head { padding: 10px; clear: both; border: none; border-top: 1px solid #cacaca; }
.permissions .head ul { clear: both; }
.permissions .head li { float: left; font-size: 14px; font-weight: bold; color: #9d9d9d; }
.permissions .head li.comps { width: 175px; }
.permissions .head li.peoples { width: 300px; }
.permissions .head li.perms { width: 350px; }
.permissions .company_wrap .sub-opts { font-size: 11px; line-height: 180%; }
.permissions .company_wrap .sub-opts a { font-size: 11px; }
.permissions .company_wrap .sub-opts a:hover { color: #ffffff; }
.permissions .company_wrap .name { float: left; width: 175px; font-size: 15px; font-weight: bold; color: #d90000; }
.permissions .company_wrap .people { float: left; border: none; }
.permissions .company_wrap .people .person { float: left; width: 300px; font-size: 13px; font-weight: bold; color: #373737; }
.permissions .company_wrap .people .person small { font-weight: normal; font-size: 11px; }
.permissions .company_wrap .people .person-permissions { float: left; width: 450px; color: #434343; font-size: 11px; }
.permissions .company_wrap .people .person-permissions.disabled { color: #c6c6c6; }
.permissions .company_wrap .people .person-permissions span { padding-left: 10px; font-weight: bold; }
.permissions .company_wrap .people .person-wrap { padding: 5px; }
.permissions .company_wrap .people .person-wrap.alt { background: #f4f4f4; }

.permissions.generic_form #permissions_project_selector,
.permissions.generic_form #company_to_add_id {
    font-size: 12px;
}


.gallery-description textarea { width: 400px; height: 9em; }

.edit_image { padding: 20px; line-height: 190%; }

.project_view { }
.project_view .generic_wrap_inner h3 { background: #e9e9e9; color: #a7a7a7; font-size: 10px; padding: 4px 0 4px 10px; border-bottom: 1px solid #d1d1d1; }
.project_view .activity { padding: 10px 10px 15px 10px; border-bottom: 1px solid #d1d1d1; }
.project_view .activity .delete { float: right; width: 35px; text-align: right; font-size: 11px; }
.project_view .activity .delete a:hover {background: none;}
.project_view .activity .right { float: right; width: 15%; text-align: right; font-size: 11px; }
.project_view .activity .images, .project_view .activity .comment { width: 50%; float: left; min-height: 2.5em; }
.project_view .activity .images .image { float: left; width: 43px; height: 43px; margin: 0 5px 5px 0; border: 1px solid #d9d9d9; }
.project_view .activity .gallery_name { font-weight: bold; width: 30%; float: left; }
.project_view .activity .gallery_status { font-size: 11px; color: #898989; margin-top: 5px; }
.project_view .activity .gallery_status b { color: #343434; }
.project_view .activity .bigimage {
	position: absolute;
	margin-left: 50px;
	z-index: 9999;
}
.project_view .activity .bigimage .inner {
	padding: 10px 10px 20px 10px;
	background: #373737;
}
.project_view .activity .bigimage p { color: #ffffff; font-weight: bold; padding: 3px; margin: 0; }

.project_view #sidebar h4 { margin: 0; padding: 0 5px 0 5px; }
.project_view #sidebar h4 a { display: block; padding: 5px; color: #373737; padding: 3px 0 3px 20px; background: #ffffff url(/assets/images/list-arrow.gif) no-repeat 6px 6px; font-weight: normal; }


.main_view {

}
.main_view h2 .project_name { font-weight: bold; color: #d90000; font-size: 18px; }
.main_view h2 .divider { font-size: 13px; color: #827e7e; }
.main_view h2 .company_name { font-size: 13px; color: #827e7e; }
.main_view h2 span a { background: none; }
.main_view h2.gray { vertical-align: bottom; background: #d9d9d9; padding: 10px; margin: 0; }
.main_view h2.gray * { vertical-align: bottom; }
.main_view #sidebar, .main_view #sidebar .sidebarinner { padding: 0; }
.main_view #sidebar .sidebarinner { padding-bottom: 150px;  z-index: -10;}
.main_view #sidebar .sidebartop { border-bottom:1px solid #E9E9E9; padding: 11px 10px; }
.main_view #sidebar h2 { color: #454545; float: left; margin: 0 0 1px 0; padding: 1px 0 0 0; width: 150px; }
.main_view #sidebar button.btn_main { font-size: 9px; padding: 5px 8px 3px 8px; margin: 0; background: #d90000; color: #ffffff; float: right; width: 71px;}
.main_view #sidebar h3 { font-size: 14px; font-weight: bold; padding: 10px 0 5px 10px; }
.main_view #sidebar h4 { margin: 0; padding: 0 5px 0 5px; }
.main_view #sidebar h4 a { display: block; padding: 5px; color: #373737; padding: 3px 0 3px 20px; background: #ffffff url(/assets/images/list-arrow.gif) no-repeat 6px 6px; font-weight: normal; }
.main_view #sidebar h4 a:hover { background-color: #868686; color: #ffffff; }

.comment_img_container { padding: 10px; }
.comment_img { float: left; width: 42px; height: 43px; padding: 5px 0 0 5px; border: 1px solid #cccccc; }
.comment_img_details { float: left; width: 500px; padding: 5px 0 0 10px; }
.comment_img_details small { font-size: 11px; color: #626363; }
.comment_img_details .title { font-size: 20px; font-weight: bold; color: #626363; }

/* jump menu for the galleries */
.fancy_menu {
	text-align: left;
	background: #ffffff;
	padding: 0;
	margin: 0;
	width: 225px;
	margin: 5px 0 20px 5px;
	height: 32px;
	position: relative;
}
.fancy_menu .menu {
	border: 2px solid #b7b7b7;
	margin: 0;
	position: absolute;
	right:0;
	top:33px;
	z-index: 9999;
	background: #ffffff;
	width: 402px;
	overflow-y: auto;
}
.fancy_menu .title {
	border: 2px solid #b7b7b7;
	background: url(/assets/images/fancy-menu-right.gif) top right no-repeat;
}
.fancy_menu .shadow {
	-moz-box-shadow: 5px 5px 10px #888;
	-webkit-box-shadow: 5px 5px 10px #888;
	box-shadow: 5px 5px 10px #888;
}
.fancy_menu .title, .fancy_menu .sub {
	font-weight: bold;
	font-size: 12px;
	padding: 8px 0 3px 8px;
	color: #999;
	height: 20px;
	cursor: pointer;
	position: relative;
}
.fancy_menu .sub {
	border-bottom: 1px solid #eeeeee;
}

.fancy_menu .sub:hover {
	background: #e8f7ff;
	cursor: hand;
	padding: 8px 0 3px 8px;
	border-bottom: 1px solid #eeeeee;
}

.fancy_menu .sub span {
	color:#232323;
	font-weight:normal;
}

.fancy_menu .sub .right_column {
	background-color: #f3f3f3;
	height:20px;
	padding:9px 0 2px;
	position:absolute;
	right:0;
	text-align:center;
	top:0;
	width:32px;
	border-left: 1px solid #eeeeee;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
	color: #787878;
}

#comment_error_add_msg { font-size: 12px; font-weight: bold; color: #d90000; padding-left: 20px }
#comment_error_save_msg { font-size: 12px; font-weight: bold; color: #d90000; padding-left: 20px }
#billing_failure_msg { font-size: 12px; font-weight: bold; color: #d90000; padding: 11px 10px }

.edit_comment .action { text-decoration: underline; padding: 3px; }
.edit_comment .action:hover { background: #d90000; color: #ffffff; }


.empty_gal { color: #373737; }
.empty_gal p { font-weight: normal; line-height: 150%; margin-top: 5px; }
.empty_gal h1 { font-size: 18px; font-weight: bold; }

.project-sub-links { text-align: left; padding: 5px 0 0 7px; }
.project-sub-links button.btn_main { font-size: 11px; background: #ffffff; }
.project-sub-links button.btn_main:hover, .project-sub-links button.btn_main.on { background: #d90000; color: #ffffff; }

.main_welcome h2.blue {
	color: #cae8fa;
	background: #ffffff url('../images/welcome_header_bg.png') repeat-x;
	padding: 15px 15px 15px 10px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-weight: bold;
	font-size: 18px;
}
.main_welcome .welcome_para {
    position: relative;
    left: -20px;
    padding: 20px 0px 5px 70px;
}

    .main_welcome .welcome_para p {
        position: relative;
        left: -30px;
        padding: 0px 0px 25px 30px;
        background: transparent url('../images/welcome_p_dotted.png') no-repeat bottom left;
        font-size: 14px;
        color: #374b68;
    }
    .main_welcome .tab1 {
        background: transparent url('../images/welcome_p1.png') no-repeat 0px 12px;
    }
    .main_welcome .tab2 {
        background: transparent url('../images/welcome_p2.png') no-repeat 0px 12px;
    }
    .main_welcome .tab3 {
        background: transparent url('../images/welcome_p3.png') no-repeat 0px 12px;
    }
    .main_welcome .tab4 {
        background: transparent url('../images/welcome_p4.png') no-repeat 0px 12px;
    }

.main_welcome .welcome_body {
    background: transparent url('../images/welcome_body_bg.png') repeat-x bottom left;
}

.main_welcome .welcome_body a {
    color: #374b68;
    text-decoration: underline;
}
.main_welcome .welcome_body a:hover {
    color: #374b68 !important;
    background: transparent;
}

.main_welcome .sidebarinner p {
	padding: 10px;
	color: #565656;
	line-height: 150%;
}



.account_prefs.generic_form .rounded-wrap {
	padding-top: 2px;
	margin-right: 10px;
}

.account_prefs {

}
.account_prefs .generic_wrap .generic_wrap_inner .pad {
	padding: 10px;
}
.account_prefs .generic_wrap .generic_wrap_inner .pad p,  {
	color: #565656;
}
.account_prefs .generic_wrap .generic_wrap_inner .pad p a {

}
.account_prefs .generic_wrap .generic_wrap_inner h3, .account_prefs td.label {
	font-size: 13px;
	font-weight: bold;
}
.account_prefs .generic_wrap .generic_wrap_inner h3 .right { float: right; white-space: nowrap;}
.account_prefs .generic_wrap .generic_wrap_inner h3 .right a { font-size: 11px; }
.account_prefs td.label {
	text-align: right;
}

.account_prefs #headerImageContainer {
    width: 890px;
    height: 64px;
    overflow: hidden;
}

.account_prefs .basecamp_connect {
	padding: 5px 12px 5px 12px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	width: 50px;
	text-align: center;
	background: #289830;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: left;
	margin-left: 15px;
}

.account_prefs #basecamp_connect_off { background: #cf2200; }
.account_prefs .colorbox { width: 20px; height: 20px; border: 1px solid #cccccc; }
.account_prefs .colorfield { width: 70px; font-weight: bold; text-align: center; }
.account_prefs .save_changes { text-align: right; }

.no_account .login_inner { padding: 15px; }
.no_account .login_inner p { font-size: 18px; line-height: 170%; color: #676767; }

.smalltext {
	color: #565656;
	font-size: 11px;
}

table.fields {
	margin: 20px 0;
}

table.fields td {
	padding: 2px 10px 2px 0;
}

/***** Account Preferences > Upgrade or downgrade your plan *****/

table#change_plans {
	margin: 0;
	text-align: center;
}

#change_plans th {
	font-weight: bold;
	color: #217ec4;
	font-size: 14px;
	border-right: 1px solid #ccc;
	padding-top: 12px;
	padding-bottom: 12px;

}

#change_plans td {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 100px;
	font-weight: bold;
	color: #586a73;
}

#change_plans td span {
	font-size: 10px;
}

#last_row td {
	border-bottom: none;
}

td.feature {
	padding: 12px 24px 12px 12px;
	color: #ff3909 !important;
	text-align: left;
	width: 160px !important;

}

td.check {
	background: url('/assets/images/check.gif') center center no-repeat;
	text-indent: -9999px;
}

td.current {
	color: #217ec4 !important;
	font-weight: bold !important;
	padding: 12px;

}

td.change {
	padding: 12px;
}

td.change a {
	color: #fff !important;
	text-decoration: none !important;
	font-weight: bold;
	background-color: #586a73;
	padding: 5px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

td.change a:hover {
	background-color: #217ec4 !important;
	padding: 5px 10px;
	margin: 0;
}

/***** Galleries > Single HTML page representation *****/
#single_page_wrapper {
    text-align: left;
    background-color: #FFFFFF;
}

    #single_page_wrapper .content_container {
        padding: 30px 0px 0px 30px;
    }

    #single_page_wrapper .content_container h2 {
        font-size: 11px;
        color: #4e4e4e;
        margin: 0px 0px 10px 0px;
    }

    #single_page_wrapper .divider {
        margin: 20px 0px 10px 0px;
    }



/***** Hover state for main body text, footer *****/


#footwrap a:hover,
.generic_wrap a:hover,
.sidebarinner #gal-status-cont a:hover,
.sidebarinner #gal-visible-cont a:hover,
a.action:hover,
#billing_failure_msg a:hover {
 color: #fff !important;
 text-decoration: none !important;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 }

.btn_main.red:hover {
	color: #fff;
}

.generic_wrap a:hover,
.sidebarinner #gal-status-cont a:hover,
.sidebarinner #gal-visible-cont a:hover,
a.action:hover,
#billing_failure_msg a:hover {
 	padding: 5px;
 	margin: 0 -5px;
}

/* IE7, IE8 */
.generic_wrap a:hover, .sidebarinner a:hover, a.action:hover {
 	padding/*\**/: 5px\9;
 	margin/*\**/: 0\9 -5px\9;
}


 #footwrap a:hover {
 	padding: 5px;
 }

.image a, .image a:hover {
	background-color: transparent !important;
}

div.company button.btn_main {
	margin-top: 5px;
}

div.f_actions a.action:hover,
.save_changes a.action:hover,
div.field a.action:hover,
div.upload_files div#new_gallery a:hover {
	padding: 7px 5px;
	margin: 0 -5px;
}

/* IE7, IE8 */
div.f_actions a.action:hover,
.save_changes a.action:hover,
div.field a.action:hover,
div.upload_files div#new_gallery a:hover  {
 	padding/*\**/: 7px\9 5px\9;
 	margin/*\**/: 0\9 -5px\9;
}

.basecamp_post_message .pad {
	padding: 10px;
}

.basecamp_post_message label { display: block; }
.basecamp_post_message label.left { display: inline; }
.basecamp_post_message p {
	margin: 10px;
}

.basecamp_post_message .basecamp_msg_title {
	border: 1px solid #bebebe;
	background: url(/assets/theme_light/input-bg.gif) no-repeat;
	padding: 5px;
	font-size: 15px;
	color: #232323;
	width: 90%;
}

.basecamp_msg { padding: 10px; font-weight: bold; }

.basecamp_post_message #basecamp_submit_btn { margin: 5px; }

#basecamp_conn_test_results { height: 17px; padding: 6px 11px 6px 11px; float: left; margin: 0 0 0 16px; font-weight: bold; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#basecamp_conn_test_results.good { background: #289830; color: #ffffff; }
#basecamp_conn_test_results.bad { background: #cf2200; color: #ffffff; }

#publish-btn-wrap a { font-size: 11px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px; }
#publish-btn-wrap a:hover { color: #ffffff; }

.public-gal-url {  }
.public-gal-url input { width: 90%; font-size: 11px; }
.public-gal-url p { font-size: 10px; }

#gal_title_text { width: 400px; }

.watermark { position: absolute; z-index: 398; }
.watermark img { border: 0; cursor: pointer; }

.warning h2.nopad { background: #d90000; color: #ffffff; }
.warning h2.nopad div.pad { color: #ffffff; }
.warning .pad { padding: 20px; }

.notification { margin: 0 257px 0 10px; background: #6a6a6a; color: #ffffff; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; text-align: left; }
.notification .title { font-size: 18px; font-weight: bold; color: #e1e1e1; padding: 8px 0 8px 20px; border-bottom: 1px solid #808080; }
.notification .title button { float: right; }
.notification .content { font-size: 13px; color: #fafafa; padding: 9px 20px 35px 20px; }
.notification .content * { color: #cacaca; }
.notification .content a { color: #99dbfc; text-decoration: underline; }

div.comment_image_title { background: #e6e6e6; padding: 3px 0 0 0; border-top: 1px solid #c6c6c6; }
div.comment_image_title .inner1 { background: #ffffff; padding: 5px 0 5px 70px; font-size: 18px; color: #626262; font-weight: bold; }
div.comment_image_title .inner2 { background: #ffffff; padding: 5px 0 5px 70px; font-size: 16px; color: #626262; font-weight: bold; }

.comment_row_frame {padding: 0px 0px 0px 70px;}