
* { margin: 0 }

html, body { font-family: helvetica, arial, sans-serif; height: 100%; }

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -2em; /* the bottom margin is the negative value of the footer's height */
}

.footer { height: 2em; }
.push { height: 2em; }

.footer { background: #FFFFFF; padding-top: 8px; }

img { border: 0px; }

.ui-widget { font-size: 1em; }
.ui-widget-content { padding: 8px; }

.ui-widget-header { padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; font-size:.85em; }

#jui-title-content { min-width: 880px; padding-left: 10px; padding-right: 10px; margin-bottom: 0px; background: #72a7d1;}
#jui-maintitle { margin-top:0; margin-left:0; margin-bottom: -8px; }
#jui-maintitle img { border: 0; }

.jui-title-bar { min-width: 880px; background: #87b5d7; height: 55px; padding-bottom: 0; padding-left: 10px; padding-right: 10px; padding-top: 10px; font-size:14px; }
.jui-title-bar ul { list-style-type: none; padding: 0; margin: 0; }
.jui-title-bar li { display : inline; margin-left: 10px; vertical-align: middle; }
.jui-title-bar a { outline: none; text-decoration: none; color: #3b3b3b; }
.jui-title-bar a:hover { color:#FFFFFF; }

.jui-title-bar input { font-size: 12px; }

.step-block-title { background: #87b5d7; margin: 0; padding: 10px; color: #3b3b3b; font-size: 20px;}
.step-block-subtitle { background: #87b5d7; margin: 0; padding: 10px; color: #3b3b3b; font-size: 16px; margin-top: 8px; margin-bottom: 8px;}

.jui-full-content { width: 100%; margin-top:5px; }

#jui-maincontent { padding-left: 40px; padding-right: 40px; min-width:850px; }

#jui-titles h2 { margin-top:0; margin-bottom:0;}
#jui-titles h3 { margin-top:3px; margin-left:10px;}

.jui-mainmenu { font-size: 16px; }
.jui-mainmenu a { outline: none; text-decoration: underline; color: #3b3b3b; }
#jui-mainmenu ul { margin: 0;}
#jui-mainmenu li { display : inline; }

.jui-mainmenu a:hover { color:#000000; }

#jui-footer { text-align: center; margin: 0; font-size:.75em; }
#jui-footer ul { margin: 0; }
#jui-footer li { display : inline; margin-left:3px; margin-right: 3px; }

.jui-feature-list { margin-left:10px; }
.jui-feature-list ul { margin: 0; padding:0; list-style-type: none; font-size: .80em; }
.jui-feature-list li { margin: 0; }

#jui-workbook { min-width: 520px; }

.jui-sideline { width: 324px; }

.beta_period_plan { background: #C5D7EF; font-weight: bold;}
.jui-team-size-message { font-size: .80em; text-align: center; margin-bottom:10px; }
.jui-file-size-message { font-size: .80em; text-align: center; margin-bottom:5px; margin-top: 5px; }

.jui-datalist { font-size: .75em; overflow: auto; zoom: 1; }
.jui-datalist-center { text-align: center; }

.jui-datasection { min-height:465px; padding-right: 5px;}
.jui-datasection-project { min-height:650px; }
.jui-datasection-messages { min-height:465px; }

.jui-datasection-accordian { overflow: auto; }

.jui-datasection-small { min-height: 50px; }
.jui-datasection-med { min-height: 190px; }

.jui-datasection-button { text-align:center; padding:0; margin-bottom:8px; }

.jui-comment-table { margin 0px; font-size: .85em; }
.jui-comment-count { font-size: .95em; }
.jui-comment-list img { margin-right: 5px; }
.jui-comment-seperator { margin-bottom: 5px; }
.jui-comment-body { font-size: .85em; margin-left: 5px; }
.jui-comment-summary { font-size: .75em; margin-left: 5px; margin-top: 5px; }

.command_option { width: 20px; }
.jui-command-section { border-bottom: 1px solid #C5D7EF; margin-bottom: 2px; }

.jui-vertical-seperator { border-right: 1px solid #C5D7EF }
.jui-horizontal-seperator { border-bottom: 1px solid #C5D7EF; margin-bottom:5px; padding-top:5px; }

#filter-section-actions { border-bottom: 1px solid #C5D7EF; margin-bottom: 3px; padding-bottom: 5px; padding-top: 2px; font-size: .80em; }
.jui-filter-title { font-size: .80em; }
.jui-filter-commands { float: right; }

#storage_size { font-size: .75em; margin-bottom:5px;}
#files { min-height: 370px; }

#tabs { min-width: 520px; padding: 3px;}
#tabs li { font-size: .85em; }

.jui-cell-content { margin-left:3px; margin-right:3px; margin-top:3px; margin-bottom: 3px;}

.jui-tabs-panel { padding: 0; }

.jui-fulltext { width: 100%; }
.jui-largetext { width: 200px; }
.jui-mediumtext { width: 120px; }
.jui-smalltext { width: 80px; }

.jui-summaryrow { width: 100%; text-align: left; font-size: 1em; vertical-align: top; }
.jui-summaryrow-summary { font-weight: bold; color: #4B4C4E; font-size: 13px; }
.jui-summaryrow-summary a { font-weight: bold; color: #4B4C4E; }
.jui-checkboxrow { width: 16px; height: 24px; padding-top: 8px; }

.jui-dialog-label { margin-bottom: 3px; margin-top: 3px; }

.jui-overviewheading { font-size: .85em; font-weight: bold; }
.jui-overviewdescription { font-size:.75em; margin-top:8px; max-height: 400px; overflow: auto; word-break: break-all; text-wrap: unrestricted; }

.jui-project-archived { color: Red; }

.jui-actions p { margin-top: .25em; margin-bottom: .25em;}

.jui-actiongroup { margin-bottom: 1em; text-align: center; }
.jui-actiongroup-last { margin-bottom: 0; text-align: center; }

.jui-manage-button { text-align:center; margin-top:5px; min-width: 220px; width: 220px; height: 25px; }
.jui-manage-group { vertical-align: top; margin-top: 1.10em; }

.jui-actiongroup input, .jui-actiongroup-last input { width: 200px; }
.jui-actiongroup select, .jui-actiongroup-last select { width: 200px; max-width: 200px; }

.jui-singlebutton { margin-top:.75em; margin-bottom:0; }

.jui-field { height: 30px; }
.jui-field-small { width: 188px; max-width: 188px; }
.jui-field-checkbox { height: 30px; font-size: .95em;}
.jui-field-text-field { width: 100%; }
.jui-field-text-area { width: 100%; }
.jui-field-select { width: 200px; max-width: 200px; }
.jui-field-autocomplete { width: 400px; max-width: 400px; }
.jui-button-autocomplete-use { margin-left: 8px; width: 30px; }
.jui-field-notes { font-size: .75em; }
.jui-dialog-field-width { width: 100px; }
.jui-dialog-label-spacer { height: 26px; }

.jui-field-color-sample { border: 1px solid #C5D7EF; float: left; max-width: 24px; min-width: 24px; max-height: 24px; min-height: 24px; margin-right: 3px; }

.jui-paging-center { text-align: center; }
.jui-paging-center a { margin: 8px; }

.jui-feed-summary { font-weight: bold; }

.jui-action-command-table { margin-top: 3px; }
.jui-action-detail-toggle { margin-left: -3px; }
.jui-action-supporting-data { margin-left: 8px; font-size: 1.05em; margin-top: 5px;}
.jui-action-item { padding: 3px; padding-bottom: 8px; padding-top: 8px; }
.jui-action-inforow { font-size: .90em; }
.jui-action-summary-completed-column { color: #606060; }
.jui-action-summary-completed-column a:link { color: #606060; }
.jui-action-summary-project-column { font-size:.95em; margin-top:2px; margin-bottom:2px; color: #606060;}
.jui-action-summary-project-column-completed { font-size:.90em; margin-top:2px; margin-bottom:2px; color: #606060;}

.jui-action-item-header { margin-top: 5px; }
.jui-parent-action-header { color: #FFFFFF; font-size: 1.15em; font-weight: bold; background-color: #87B5D7; padding-top: 10px; padding-bottom: 10px; padding-left: 8px;}
.jui-child-action-header { color: #FFFFFF; font-size: 1.15em; font-weight: bold; background-color: #87B5D7; padding-top: 10px; padding-bottom: 10px; padding-left: 8px;}

.jui-message-summary-column { }
.jui-message-creator-column { width: 120px; text-align: right; vertical-align: top; }

.jui-user-name { margin-bottom: 0; }
.jui-user-description p { margin-top: .25em; margin-bottom: .25em; font-size:.85em; }

.jui-message-body-column { font-size:.95em; margin-top: 5px; margin-bottom: 5px; }
.jui-message-body-column p { margin-top:5px; margin-bottom: 3px;}

.jui-row-seperator 
{ 
	padding-top: 0px;
	margin-top: 2px;
	border-top:1px solid #C5D7EF;
	margin-bottom: 0px; 
	clear:both;
	height: 1px;
}

.divider {
	margin-top: 10px;
	margin-bottom: 10px;
	border-top:1px solid #C5D7EF;
	clear:both;
	height: 1px;
}

.jui-action-actionrow { font-size:.70em; padding-bottom: 3px; text-align: right; }
.jui-noproject-message { font-size: 16px; text-align: center; margin-top: 5px; }
.jui-noaction-message { text-align: center; margin-top: 5px; font-size: 1.15em;}

#jui-invitation-main { margin-bottom: 1em;}
#jui-invitation-project-description { font-size: .75em;}
#jui-invitation-describe { margin-top: 2em; }
#jui-invitation-options { margin-top: 3em; margin-bottom: 2em;}


.user-thumbnail-view ul { margin: 0; padding:0; }
.user-thumbnail-view li { display : inline; list-style : none; }

.shared-project-list { font-size: .75em; }
.shared-project-list ul { margin: 0; padding:0; }
.shared-project-list li { display : inline; list-style : none; margin-right: 5px;}

#project_users ul { margin: 0; padding:0; }
#project_users li { display : inline; list-style : none; }

.jui-datasection-users img { width: 40px; height: 40px; margin: 3px; }

.input-form th .signup-group { padding-bottom: 8px; }
.input-form th { text-align: right; padding-right: 10px; }
.input-form td, .input-form th { padding-bottom: 15px; vertical-align: middle; }
.input-form input { width: 200px; font-size: 16px; padding-top: 3px; padding-bottom: 3px; }
.input-form .jui-command-button { height: 35px; }

#signin-form input { width: 180px; }

.jui-command-button { height: 25px; }

.sign-in-button-block { text-align: center; }
.sign-in-button-block .jui-command-button { height: 35px; width: 200px; }

.jui-project-chart { text-align: center; margin:10px; border: 1px solid #C5D7EF; }
.jui-project-chart-title { text-align: center; }

.error { font-size: .85em; color: red; margin-bottom: 5px;}
.jui-server-error { font-size: 1.25em; color: red; margin-bottom: 10px; margin-top: 10px; text-align: center; }

.jui-priority-lowest, .jui-priority-class-lowest { background-color: #759EDF; background: #759EDF; color: #000000; layer-background-color: #759EDF; }
.jui-priority-low, .jui-priority-class-low { background-color: #A5BBDF; background: #A5BBDF; color: #000000; layer-background-color: #A5BBDF;}
.jui-priority-normal, .jui-priority-class-normal { background-color: #c3c3c3; background: #c3c3c3; color: #000000; layer-background-color: #c3c3c3; }
.jui-priority-high, .jui-priority-class-high { background-color: #F4BAAD; background: #F4BAAD; color: #000000; layer-background-color: #F4BAAD; }
.jui-priority-highest, .jui-priority-highest option, .jui-priority-class-highest { background-color: #F48B75; background: #F48B75; color: #000000; layer-background-color: #F48B75; }

.jui-priority-class-completed { background: #c3c3c3; }

.jui-due-date-late { color: #F48B75; }
.jui-project-due-date-ui-ontime { font-size: .65em; }
.jui-project-due-date-ui-late { font-size: .65em; color: #F48B75; }

.jui-priority-class-lowest-box, .jui-priority-class-low-box, .jui-priority-class-normal-box, .jui-priority-class-high-box, .jui-priority-class-highest-box, .jui-priority-class-completed-box
{ padding: 2px; width: 10px; height: 10px; }

.jui-ajax-loader-base { text-align: center; }
.jui-ajax-loader { text-align: center; padding-top: 84px; }
.jui-ajax-loader-small { text-align: center; margin-top: 60px; }

.promoteZ {
	z-index: 2006; /* Dialog z-index is 1006*/
}

.jui-delta-list { margin 0; padding-left: 20px; font-size: .98em; }
.jui-delta-list li { margin: 0; padding: 0; }

.error { display: block; }

.jui-plan-day-title { margin-top:.6em; margin-bottom:.6em; margin-left:.25em;}
.discount-span { font-size:.55em;}
.account-days-left {font-size:1.20em; font-weight:bold;}

.plan-table { border: 1px solid #CDCCC7;}
.plan-cell-title { border-right: 1px solid #CDCCC7; }
.plan-cell { vertical-align: top; border-bottom: 1px dotted #CCC; }
.plan-title { font-weight: bold; margin: 10px; vertical-align: top; }
.plan-description { margin: 10px; vertical-align: top; }

.plan-expiration { text-align:center; font-size:20px; font-weight:bold; }
.plan-expiration-nag { min-width: 835px; margin-right: 40px; margin-left: 40px; padding: .2em; background: #ffff99; margin-top:.55em; margin-bottom:.55em; border: 1px solid #C5D7EF;}
.plan-row-alt { background: #CDCCC7; }

.notification-message { min-width: 835px; margin-right: 40px; margin-left: 40px; margin-top:.85em; text-align:center;font-size:.85em;font-weight:bold;padding: .5em; background: #ffff99; margin-top:.55em; margin-bottom:.55em; border: 1px solid #C5D7EF; }
.notice-ok-link { width: 80px; font-size:.85em; }

.have-account { font-size: .75em; }

.try-now-block { text-align: center; margin-top: 1em; }
.try-now-button { font-size: 16px; color: #3b3b3b; }

.main-page-link a { outline: none; text-decoration: none; color: #3b3b3b; }
.main-page-link a:hover { color:#FFFFFF; }

.sign-up-link a { outline: none; text-decoration: underline; color: #3b3b3b; }

.login-error { text-align: center; background: #ffff99; margin: 5px; padding: 5px; border: 1px solid #C5D7EF;}

.invitation-title { font-size: 1.25em; margin-top: 10px; margin-bottom: 10px; }
.invitation-email-input { width: 318px; }
.invitation-message-input { width: 650px; }

.invitation-team-list { min-height: 150px; max-height: 150px; overflow: auto; }
.invitation-team-list ul { margin: 0; padding:0; }
.invitation-team-list li { float: left; display: inline; display: -moz-inline-box; overflow: hidden; list-style : none; zoom: 1; }

.invitation-team-item { float: left; display: inline-block; background: #EAF4FF; border: 1px solid #C5D7EF; padding: 8px; margin: 5px; width: 190px; max-width: 190px; min-width: 190px; zoom: 1; }

.jui-pending-inviations { text-align: center; }

.jui-parent-subaction-summary { margin-bottom: 5px; font-size: 1.15em; font-weight: bold; }
.jui-parent-subaction-details { font-size: .85em; }
.jui-parent-subaction-box { border: 3px solid #87B5D7; }

.jui-subaction-block { font-size: 1.25em; font-weight: bold; padding: 8px 5px; color: #A68932; background: #FFE69B; width: 54px; margin-left: 5px; margin-right: 5px; text-align: center; }
.jui-parent-block { font-size: 1.25em; font-weight: bold; padding: 8px 5px; color: #FFFFFF; background: #87B5D7; width: 54px; margin-left: 5px; margin-right: 5px; text-align: center; }
.jui-normal-block { font-size: 1.25em; font-weight: bold; padding: 8px 5px; color: #FFFFFF; background: #CCCCCC; width: 54px; margin-left: 5px; margin-right: 5px; text-align: center; }

.jui-subaction-endblock { font-size: 1.25em; font-weight: bold; padding: 8px 5px; color: #A68932; background: #FFE69B; width: 54px; margin-left: 5px; text-align: center; }
.jui-parent-endblock { font-size: 1.25em; font-weight: bold; padding: 8px 5px; color: #FFFFFF; background: #87B5D7; width: 54px; margin-left: 5px; text-align: center; }
.jui-normal-endblock { font-size: 1.25em; font-weight: bold; padding: 8px 5px; color: #FFFFFF; background: #CCCCCC; width: 54px; margin-left: 5px; text-align: center; }

.jui-subaction-endblock a { color: #A68932; }
.jui-parent-endblock a { color: #FFFFFF; }
.jui-normal-endblock a { color: #FFFFFF; }

.jui-action-code { font-weight: bold; }

