@charset "utf-8";
/* CSS Document */

body {
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	margin:0;
	padding:0;
}

a, a:visited, a:hover, a:active {
	color:#3366CC;
	text-decoration:none;
}

table input {
	display:block;
	margin:0 auto;
}

table th {
	border-bottom:2px solid #ccc;
	border-top:1px solid #ccc;
	font-size:90%;
	font-weight:normal;
	padding:5px;
	text-align:center;
	line-height: 14px;
}

table td {
	border-bottom:1px dotted #ccc;
	color:#666;
	font-weight:normal;
	padding:5px;
	text-align:left;
}

h1, h2, h3, h4, h5 {
	margin:0;
	padding:0;
}

table, th, td {
	text-align:left;
}

textarea {
	font-family:Tahoma, Geneva, sans-serif;
}

ul {
	list-style:none;
	padding: 0;
	margin:0;
	display: block;
	overflow: hidden;
}

ul.list-choice li {
	display:block;
	overflow:hidden;
	margin:0 0 5px 0;
}

ul.list-choice li input {
	float:left;
	margin-right:5px;
}

ul.list-choice .choice-field {
	margin:0 5px 0 0;
	width:228px;
}

ul.list-choice .choice-field-extend {
	margin:0 5px 0 0;
	width:250px;
}

.actions-divider {
	padding:15px 0 0 0 !important;
}

.activity, .activity-date, .activity-time {
	color:#999;
}

.activity-body {
	margin:10px 0;
}

.activity-by {
	font-weight:bold;
}

.activity-links {
	display:block;
	margin:10px 0 0 0;
}

.activity-links a {
	margin:0 20px 0 0;
}

.activity-post {
	padding-top:5px;
}

.activity-rsvp-reply {
	font-weight:bold;
}

.align-horizontal {
	float:left !important;
	margin-right:10px !important;
	clear:none !important;
}

a.breadcrumb, a.breadcrumb:visited, a.breadcrumb:hover, a.breadcrumb:active  {
	font-weight:normal;
	color:#FFF;
	display:block;
	float:left;
}

a.breadcrumb.divider {
	background-image:url(../images/arrow-sprite.png);
	background-repeat:no-repeat;
	background-position:0 0;
	height:8px;
	width:8px;
	margin:16px 10px 0 10px;
}

a.breadcrumb.link {
	font-size:12px;
	text-decoration:none;
}

.blank-page-header {
	display:block;
	margin:30px 0 40px 0;
	font-size:44px;
	color:#E8e8e8;
	font-weight:normal;
}

.blank-page-instructions {
	font-weight:normal;
	color:#666;
	font-size:14px;
}

.btn-action {
	background-color: #F5F5F5;
	border:1px solid #dddddd;
	cursor:pointer;
	padding: 6px 12px;
	margin: 0 3px 0 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3x;
	color: #4d4d4d;
	text-align:center;
}

.btn-action.menu {
	background-image:url(../images/arrow-down.png);
	background-repeat:no-repeat;
	background-position: 90% 11px;
	text-align:left;
	min-width:80px;
}

.btn-action.highlight {
	color:#Fff;
	border:1px solid #FF9933;
	background-color: #FF9933;
}

a.btn-cancel {
	color:#666;
	margin-left:20px;
	text-decoration:underline;
}

a.btn-cancel:visited, a.btn-cancel:hover, a.btn-cancel:active {
	color:#666;
}

.btn-registration {
	background:url(../images/btn-registration-bg.png) repeat-x ;
	color:#FFF;
	cursor:pointer;
	height:25px;
	border: 1px solid #177943;
	padding: 0 20px;
	margin: 0 3px 0 0;
}

.caption-name {
	display:block;
	font-size:10px;
	clear:both;
}

a.comment-cancel {
	color:#666;
	text-decoration:underline;
	margin:0 0 0 10px;
}

.comment-input-field {
	width:97%;
	color: #000;
	margin:0 0 5px 0;
}

.content-boundary {
	margin:0 auto;
	width: 960px;
}

.content-boundary.full {
	margin:0;
	padding:0 10px;
	width:99%;
}

.dark {
	background:none;
	background-color:#63b2eb;
}

.ddl {
	padding:2px;
}

.description {
	display:block;
	font-weight:bold;
	margin-bottom:6px;
	line-height: normal !important;
}

.display-section {
	background:url(../images/display-section-bg.png) repeat-x top center;
	border:1px solid #e4e4e4;
	overflow: hidden;
	margin: 0 0 10px 0;
}

.display-section h4 {
	height:25px;
	line-height:25px;
	padding:0 7px;
}

.display-section-content {
	padding:15px;
	overflow: hidden;
}

.display-section-content span {
	display:block;
	float:left;
	margin:0 10px 0 0;
}

.display-section-content .caption {
	display:block;
	font-size:10px;
	line-height:normal;
	margin:2px 0 8px 0;
}

.error {
	clear:both;
	color:#F00;
	display:block;
	font-size:90%;
	padding:5px 0;
}

input.error {
	color:#F00;
	font-size:100%;
	padding:2px;
	clear:none;
}

.field-number {
	float:right;
	font-size:36px;
	font-weight:bold;
	margin:-10px 10px 0 0;
	color: #F93;
}

.form-style-default li {
	clear:both;
	overflow: hidden;
	margin: 0 0 20px 0;
	padding:5px;
}

.form-style-default li a {
	display:block;
	margin:6px 0 0 0;
}

.form-style-default li span {
	display:block;
	margin: 0 12px 6px 0;
	float:left;
	width:96%;
}

li.twoColumns span {
	width:48%;
	margin:0 5px 0 0;
}

li.threeColumns span {
	width:30%;
	margin:0 5px 0 0;
}

li.notStacked span {
	width:auto;
	margin:0 10px 5px 0;
}

li.notStacked span.fixed-width {
	display:block;
	float:left;
	width:50px;
}

li.firstHalf, li.secondHalf {
	width:48% !important;
}

li.leftThird, li.middleThird, li.rightThird {
	width:30% !important;
}

li.leftFourth, form li.middleFourth, form li.rightFourth {
	width: 23% !important;
}

li.leftFifth, li.middleFifth, li.rightFifth {
	width: 18% !important;
}

li.middleThird {
	margin-left:2% !important;
}

li.firstHalf, li.leftThird, li.middleThird, li.leftFourth, li.middleFourth, li.leftFifth, li.middleFifth {
	clear:none !important;
	float:left;
}

li.secondHalf, li.rightThird, li.rightFourth, li.rightFifth {
	clear:none !important;
	float:left;
}

li.stack span {
	display:block;
}

.form-style-default .description {
	display:block;
	font-weight:bold;
	line-height:18px;
	margin-bottom:15px;
}

.form-style-default .rank-input-box {
	height:16px;
	font-size:86%;
	font-weight:bold;
	margin:4px 0 0 0;
	padding:0px;
	width:16px;
}

.form-style-default li span.required {
	color:#F00;
	display:inline;
	float:none;
}

.form-style-default li.selected {
	background-color:#F93;
	color: #FFF;
}

.form-style-default li.selected .page-break-indicator {
	color:#FFF;
	border-color:#FFF;
}

.form-style-default li.selected td {
	color:#FFF;
}

.form-style-inline .description {
	display:block;
	float:left;
	font-weight:bold;
	margin:0 20px 0 0;
	min-width:80px;
}

.form-style-inline li {
	display:block;
	overflow:hidden;
	margin: 0 0 20px 0;
}

.form-style-inline span {
	float:left;
	display:block;
}

.form-style-properties {
	color:#999;
	padding: 10px;
}

.form-style-properties .textfield.full {
	display:block;
	width:290px;
}

.form-style-properties .textfield.small {
	display:block;
	float:left;
	width:70px;
}

.form-style-properties .textarea.full {
	display:block;
	height:90px;
	width:290px;
	font-family: Tahoma, Geneva, sans-serif;
	line-height: 18px;
	color: #333;
}

.form-style-properties .menu.medium {
	min-width:130px;
}

.form-style-properties li {
	margin:0 0 15px 0;
	overflow:hidden;
}

.form-style-properties .description {
	display:block;
	line-height:24px;
}

.header-nav-link {
	display:block;
	margin:0 0 10px 0;
	width:150px;
}

.header-nav-link a:link, .header-nav-link a:visited, .header-nav-link a:hover, .header-nav-link a:active {
	color:#3366CC;
	text-decoration:none;
}

.header-style-default {
	border-bottom:2px solid #63b2eb;
	margin: 0 0 20px 0;
	padding: 10px 0;
}

.header-style-large {
	border-bottom:2px solid #63b2eb;
	margin: 0 0 20px 0;
	padding: 25px 0;
}

.hidden {
	display:none !important;
}

.icon-date {
	border:1px solid #CCC;
	font-size:16px;
	height:36px;
	line-height:18px;
	padding:7px;
	text-align:center;
	width:36px;
	margin: 0 20px 0 0;
}

.identifier {
	display:inline-block;
	color:#4d4d4d;
	min-width:70px;
	text-decoration:none;
	padding:3px;
	margin:0 10px 0 0;
	float:left;
}

.identifier.modified {
	background-color:#F7F5BF;
}

.identifier.added {
	background-color:#B7E3B0;
}

.identifier.deleted {
	background-color:#FF9797;
}

.initial-list-instructions {
	float:right;
    margin:-220px 0 0 0;
}

.inline-link {
	display:inline !important;
}

.item-icon-apps-list {
	margin:0 0 5px 0;
}

.item-icon-apps-list .details {
	margin:-65px 0 0 90px;
	padding: 0;
	overflow: hidden;
	display: block;
}

.item-icon-large {
	margin:0 0 5px 0;
}

.item-icon-large .details {
	margin:-49px 0 0 65px;
	padding: 0;
	overflow: hidden;
	display: block;
}

.item-icon-medium .details {
	border:0;
	margin: -32px 0 0 40px;
	padding: 0;
	overflow: hidden;
	display: block;
}

.item-icon-small .details {
	border:0;
	margin: -18px 0 10px 25px;
	padding: 0;
	overflow: hidden;
	display: block;
}

.left {
	display:block;
	float:left;
	margin-right:5px !important;
}

.list-items-tile {
	margin:0 auto;
}

.list-items-tile a {
	display:block;
	clear:both;
	color:#FFF;
	font-size:10px;
	text-align:center;
}

.list-items-tile img {
	border:0;
	display:block;
	margin:0 auto;
}

.list-items-tile li {
	display:block;
	float:left;
	padding:15px;
	margin:0 10px;
	min-width:100px
}

.list-items-tile li .caption {
	display:block;
	margin:10px 0 0 0;
	font-size: 14px;
}

.list-comments li {
	background-color:#ECF4FF;
	padding:8px;
}

.list-more-actions {
	margin:10px 10px 5px 10px;
}

.list-more-actions li {
	margin-bottom:5px;
}

.list-more-actions li a {
	color:#333;
	background-color:#F8f8f8;
	display:block;
	line-height:30px;
	padding:0 5px;
	width:100%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3x;
}

.list-more-actions li a:hover {
	color:#000;
	background-color:#F0F0F0;
}

.list-style-checklist {
	margin:15px 0;
}

ul.list-style-checklist li {
	margin:0 0 10px 0;
}

.list-style-default {
	margin:0;
}

.list-style-default li {
	margin:0 0 20px 0;
}

.list-style-default li li {
	margin:0 0 5px 0;
}

.list-style-divider li {
	border-bottom:1px dotted #d1d1d1;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
}

.list-style-divider li input {
	float:left;
	display:block;
	width:20px;
}

.list-style-divider li label {
	float:left;
	display:block;
	clear:both;
	margin:-15px 0 0 30px;
}

.list-style-divider .actions {
	float:right;
}

.actions a {
	background:url(../images/survey-actions.png) no-repeat;
	display:block;
	float:left;
	height:27px;
	margin:0 10px 0 0;
	width:27px;
}

.actions.text a {
	background:none;
	height:auto;
	width:40px;
}

.actions a.messages {background-position:-27px 0px;}
.actions a.messages:hover {background-position:-27px -27px;}

.actions a.info {background-position:-54px 0px;}
.actions a.info:hover {background-position:-54px -27px;}

.actions a.arrow {background-position:0px 0px;}
.actions a.arrow:hover {background-position:0px -27px;}

.ballot-choices label.description {
	margin:0 0 10px 0;
}

.ballot-choices li span {
	width:40%;
	clear:both;
	margin:0 0 5px 0;
}

.ballot-choices li span a {
	float:right;
	margin:-16px 0 0 0;
}

.ballot-choices label.choice {
	margin:-16px 0 0 30px;
	float:left;
	display:block;
	width:260px;
}

.ballot-choices div {
	display:block;
	clear:both;
	margin-bottom: 10px;
}

.checklist-scroll {
	border: 1px solid #ccc;
	list-style: none;
	height: 100px;
	overflow: auto;
	width: 96%;
}

.checklist-scroll, .checklist-scroll li { 
	margin: 0; 
	padding: 0; 
}

.checklist-scroll label { 
	display: block; 
	padding: 0 60px 0 25px; 
	text-indent: -25px; 
}
		
.checklist-scroll label:hover, .checklist-scroll label.hover {
	background-color: #F5F5F5;
}

* html .checklist-scroll label { height: 1%; }

.checklist-scroll li a {
	float:right;
	font-size:90%;
	margin-top:-19px;
	padding-right:5px;
}

.checklist-scroll.selected-voters li {
	padding:2px 0 0 5px;
}

.list-radio-group-options li {
	margin:0 0 5px 0;
}

.list-style-large li {
	margin:0 0 30px 0;
}

.list-style-small {
	margin:10px 0;
}

.list-style-small li {
	margin:5px 0;
}

li.actions-bar {
	border-top:1px dotted #CCC;
	padding:15px 0 0 0;
}

li.actions-bar a {
	display:inline-block;
	color:#8C8C8C;
	font-size:12px;
	margin:0 0 0 15px;
	text-decoration:underline;
}

.light {
	background-color:#f8f8f8;
}

.main-sidebar-content {
	padding:0 0 0 10px;
}

.page-title {
	overflow:hidden;
}

.page-break-indicator {
	border-top:2px dashed #d3d3d3;
	color:#C0C0C0;
	text-align:center;
}

.quantity-all-taken {
	color:#BEBEBE;
}

.right {
	float:right;
}

.report-description {
	color:#999;
	display:block;
	font-size:12px;
	font-weight:normal;
	margin-bottom:20px;
}

.report-name {
	color:#194b00;
	display:block;
	font-size:18px;
	margin-bottom:5px;
}

.section-break-indicator {
	border-top:1px solid #d3d3d3;
	color:#333;
	text-align:left;
	padding:5px 0;	
}

.sub-heading {
	margin:6px 0 10px 0;
}

.table-style-default {
	margin:0 0 20px 0;
}

.table-style-default th {
	border-bottom:1px solid #63b2eb;
	border-top:none;
	font-weight:normal;
	padding:5px 0;
	text-align:left;
}

.table-style-default td {
	border-bottom:1px dotted #CCC;
	font-weight:normal;
	padding:15px 0;
}

.table-style-default td.left-col {
	padding-right:15px;
}

.table-style-default td.right-col {
	text-align:right;
	vertical-align:top;
}
	
.tags {
	margin:10px 0 0 0;
	overflow: hidden;
}

.tags a {
	background-color:#EBEBEB;
	border-bottom:1px solid #d4d4d4;
	color:#000;
	display:block;
	float:left;
	font-size:11px;
	margin: 0 7px 0 0;
	padding:2px 4px;
	text-decoration:none;
}

.textarea.small {
	height:75x;
	width:19%;
}

.textarea.medium {
	height:100px;
	width:65%;
}

.textarea.large {
	height:100px;
	width:96%;
}

.textarea.x-large {
	height:150px;
	width:600px;
}

.textarea.tall {
	height:250px;
}

.textfield {
	margin:0;
	padding:2px;
}

.textfield.large {
	width:96%;
}

.textfield.medium {
	width:65%;
}

.textfield.small {
	width: 14%;
}

.textfield.name {
	width:150px;
	margin:0 10px 0 0;
}

.textfield.date {
	width:90px;
}

.textfield.time {
	width:60px;
	text-align:right;	
}

.textfield.ddl-other {
	margin:15px 0 0 0;
}

.textfield.phone {
	width:150px;
}

.textfield.phone-ext {
	width:50px;
}

.textfield.title {
	width:60px;
	margin:0 10px 0 0;
}

.translucent {
	background:none;
	background-color:rgba(0,0,0,.2);
	border-bottom:1px solid;
	border-color: #004DEA;
}

#activities-details-panel .top-bar {
	background-color:#EAEAEA;
	text-align: right;
	padding:5px;
	margin-bottom:20px;
}

#activities-details-panel .choice {
	font-size:14px;
	margin-bottom: 10px;
	display: block;
}

#activities-details-panel li.primary {
	margin-bottom:20px;
	border-bottom:1px dotted #CCC;
}

#activities-details-panel .activity-body {
	color:#666;
	padding:0;
}

#canvas {
	background-color:#fff;
	border: 1px solid #ccc;
	font-family:Tahoma, Geneva, sans-serif;
	overflow:hidden;
	padding:15px;
	width:598px;
	z-index: -1;
	float: left;
	min-height: 600px;
}

#canvas h2 {
	margin-bottom:15px;
}

/* App Frame - show all columns 
--------------------------------- */
#columns-wrapper-all {
	padding:0 300px 0 200px;
	overflow: hidden;
	min-width:230px;
}

#columns-wrapper-all #main-content {
	position:relative;
	float:left;
	padding-bottom: 20000px;
	margin-bottom: -20000px;
	width:100%;
	background-color: #FFF;
}

#columns-wrapper-all #sidebar-nav {
	width:200px;
	position:relative;
	float:left;
	padding-bottom:20000px;
	margin: 0 0 -20000px -100%;
	right:200px;
}

#columns-wrapper-all #sidebar {
	width:300px;
	margin: 0 -300px -20000px 0;
	position:relative;
	float:left;
	padding-bottom:20000px;
}

/* App Frame - show main content only 
----------------------------------------------------------------------- */
#columns-wrapper-hide-sidebars {
	overflow: hidden;
	margin:0 auto;
	clear: both;
}

#columns-wrapper-hide-sidebars #main-content {
	position:relative;
	float:left;
	margin-bottom: -20000px;
	width:680px;
	background-color: #FFF;
	padding: 20px 50px 20000px 50px;
	background: url(../images/shadow-bg.png) no-repeat top;
	min-height: 400px;
}

#columns-wrapper-hide-sidebars #sidebar-nav {
	display:none;
}

#columns-wrapper-hide-sidebars #sidebar {
	display:none;
}

/* App Frame - show main-content with sidebar-nav
---------------------------------------------------------- */
#columns-wrapper-with-sidebar-nav {
	clear:both;
	padding:0 0 0 180px;
	overflow: hidden;
	min-width:230px;
}

#columns-wrapper-with-sidebar-nav #main-content {
	position:relative;
	float:left;
	margin-bottom: -20000px;
	width:680px;
	background-color: #FFF;
	padding: 20px 50px 20000px 50px;
	background: url(../images/shadow-bg.png) no-repeat top;
	min-height: 400px;
}

#columns-wrapper-with-sidebar-nav #sidebar-nav {
	width:180px;
	position:relative;
	float:left;
	padding-bottom:20000px;
	margin: 0 0 -20000px -100%;
	right:180px;
}

#columns-wrapper-with-sidebar-nav #sidebar {
	display:none;
}

/* App Frame - show main-content with sidebar 
--------------------------------------------------- */
#columns-wrapper-with-sidebar {
	padding:0 300px 0 0;
	overflow: hidden;
	min-width:230px;
}

#columns-wrapper-with-sidebar #main-content {
	position:relative;
	float:left;
	padding-bottom: 20000px;
	margin-bottom: -20000px;
	width:100%;
	background-color: #FFF;
}

#columns-wrapper-with-sidebar #sidebar-nav {
	display:none;
}

#columns-wrapper-with-sidebar #sidebar {
	width:300px;
	background-color: #f1f1f1;
	margin: 0 -300px -20000px 0;
	position:relative;
	float:left;
	padding-bottom:20000px;
}

/*------------------------------------------------------------------*/

a#download-program {
	display:block;
	padding:10px 10px 10px 50px;
	margin-bottom:10px;
	width:220px;
	background:url(../placeholders/pdf.png) no-repeat left;
}

#email-add-placeholder {
	display:block;
	overflow:hidden;
	float:right;
	margin-right: 22px;
}

#email-add-placeholder select {
	margin:0 10px 5px 0;
	height:23px;
	line-height:23px;
}

#global-bar {
	width:100%;
	z-index:1;
	height: 40px;
	line-height: 40px;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
}

#global-bar ul {
	float:right;
	margin:0;
}

#global-bar ul li {
	color:#FFF;
	float:left;
	display:inline;
	margin:10px;
	list-style-type:none;
	font-weight: normal;
}

#global-bar li a {
	display:block;
	background-image:url(../images/icons-globalbar.png);
	background-repeat:no-repeat;
	height:20px;
	width:20px;
}

#global-bar li a.launchpad {background-position:0 0;}
#global-bar li a.launchpad:hover {background-position:0 -20px;}

#global-bar li a.profile {background-position:-20px 0;}
#global-bar li a.profile:hover {background-position:-20px -20px;}

#global-bar li a.settings {	background-position:-40px 0;}
#global-bar li a.settings:hover {background-position:-40px -20px;}

#global-bar ul.text-links li {
	margin:0;
}

#global-bar ul.text-links li a, #global-bar ul.text-links li a:visited, #global-bar ul.text-links li a:active {
	background:none;
	height:auto;
	width:auto;
	padding:0 10px;
}

#global-bar ul.text-links li a:hover {
	text-decoration:underline;
}

#global-bar-caption {
	color:#FFF;
	display:block;
	float:left;
	text-align:left;
	width:105px;
	margin-right:15px;
}

#header {
	color:#FFF;
	width:100%;
	z-index:1;
	line-height: 30px;	
}

#header a, #header a:visited, #header a:active {
	color:#AEAEAE;
}

#header a:hover {
	color:#FF9933;
}

#header .actions {
	float:right;
	margin-top:12px;
}

#header .actions a {
	background:url(../images/header-actions.png) no-repeat;
	display:block;
	float:left;
	height:27px;
	margin:0 20px 0 0;
	width:27px;
}

#header-primary-nav, #header-primary-nav li {
	margin:0;
	padding:0;
}

#header-primary-nav a {
	color:#909090;
	display:block;
	float:left;
	background-color:#EEE;
	line-height:40px;
	margin:8px 6px 0 0;
	padding:0 15px;
}

#header-primary-nav a:visited, #header-primary-nav a:hover {
	color:#909090;
}

#header-primary-nav a.selected {
	background-color:#fff;
	color:#333;
	line-height:42px;
	margin:6px 6px 0 0;
}

#field-selector {
	position:absolute;
	float:left;
	height:21px;
	margin:2px 0 0 -21px;
	width:11px;
	z-index:1000px;
}

#field-selector.left {
	background:url(../images/field-selector-sprite.png) no-repeat;
	background-position: 0 0;
}

#field-selector.right {
	background:url(../images/field-selector-sprite.png) no-repeat;
	background-position: -11px 0;
}

#fields-panel-add-fields, #fields-panel {
	padding:10px;
	overflow: hidden;
}

#fields-panel-add-fields h3 {
	font-size:12px;
	color:#ff9933;
	margin:5px 0;
	clear: both;
}

#fields-panel-add-fields a {
	display:block;
	color:#626262;
	font-weight:normal;
	position:relative;
	padding:5px 5px 5px 25px;
	border:1px solid #e8e8e8;
}

#fields-panel-add-fields a:hover {
	background-color:#FFF0E1;
	border-color:#FFDBB7;
	color:#333;
}

#check .field-icon {background-position:0px -16px;}
#radio .field-icon {background-position:0px -32px;}
#table .field-icon {background-position:0px -144px;}
#order .field-icon {background-position:0px -96px;}
#break .field-icon {background-position:0px -80px;}
#paragraph .field-icon {background-position:0px -48px;}
#multi-line .field-icon {background-position:0px -64px;}

#fields-panel-add-fields li {
	margin:0 0 5px 0;
}

#fields-panel-add-fields ul {
	width:49%;
	margin:0 0 10px 0;
}

#fields-panel-add-fields .field-icon {
	height:16px;
	width:16px;
	display:inline-block;
	position:absolute;
	background-image:url(../images/add-fields-sprite.png);
	background-repeat:no-repeat;
	left:3px;
	top:6px;
}

#fields-panel-col1, #fields-panel-col3 {
	float:left;
}

#fields-panel-col2, #fields-panel-col4 {
	float:right;
}

#footer {
	clear:both;
	position:relative;
}

#form-header {
	border-bottom:1px dotted #AAA;
	color:#484848;
	font-family:arial narrow, sans sarif;
	font-size:20px;
	font-weight:bold;
	padding:10px 0 15px 0;
	margin:0 0 5px 0;
}

#login-container {
	display:block;
	margin:100px auto 0 auto;
	overflow:hidden;
	width:740px;
}

#login-container form {
	float:left;
	border:1px solid #CCC;
	margin: 20px 0 0 20px;
	padding:30px 40px 20px 40px;
	width:210px
}

#login-container form.forgetPassword {
	float:left;
	border:0px solid #CCC;
    margin: 0;
    padding: 0;
    width: 550px;
    font-family: "Open Sans", Arial;
    padding-left: 100px;
}

#login-container img {
	float:left;
	display:block;
}

.forgetPassword img {
    width: 32px;
}

/* Main Content Frame - show all 
---------------------------------------------- */
#main-content-body-all {
	padding:0 180px;
	overflow:hidden;
}

#main-content-body-all #main-body {
	background-color:#FFF;
	float: left;
	margin-bottom: -20000px;
	padding:0 0 20000px 0;
	position:relative;
	width: 100%;
}

#main-content-body-all #main-sidebar {
	background-color:#FFF;
	float: left;
	margin: 0 -240px -20000px 0;
	padding:0 0 20000px 20px;
	position:relative;
	width: 160px;
}

#main-content-body-all #main-sidebar-nav {
	background-color:#FFF;
	float:left;
	margin:0 0 -20000px -100%;
	padding:0 20px 20000px 0;
	position:relative;
	right: 180px;
	width:160px;
}

/* Main Content Frame - show main-content only 
------------------------------------------------- */
#main-content-body-hide-sidebars {
	padding:0 0 20px 0;
	overflow:hidden;
	margin: 10px 0 0 0;
}

#main-content-body-hide-sidebars #main-body {
	margin: 0 auto;
	width: 740px;
}

#main-content-body-hide-sidebars #main-sidebar {
	display:none;
}

#main-content-body-hide-sidebars #main-sidebar-nav {
	display:none;
}

/* Main Content Frame - show main-content and sidebar
--------------------------------------------------------- */
#main-content-body-with-sidebar {
	padding:0 251px 0 0;
	overflow:hidden;
}

#main-content-body-with-sidebar #main-body {
	position:relative;
	float:left;
	margin-bottom: -20000px;
	padding:0 20px 20000px 0;
	background-color:#FFF;
	width: 100%;
	border-right: 1px solid #e8e8e8;
}

#main-content-body-with-sidebar #main-sidebar {
	background-color:#FFF;
	float: left;
	margin: 0 -251px -20000px 0;
	padding:0 0 20000px 20px;
	position:relative;
	width: 210px;
}

#main-content-body-with-sidebar #main-sidebar-nav {
	display:none;
}

/* Main Content Frame - show main-content and sidebar-nav 
------------------------------------------------------------ */
#main-content-body-with-sidebar-nav {
	padding:0 0 0px 330px;
	overflow:hidden;
	margin: 10px auto 0 auto;
	width: 630px;
	clear: both;
}

#main-content-body-with-sidebar-nav #main-body {
	position:relative;
	float:left;
	margin-bottom: -20000px;
	padding:0 0 20000px 0;
	width: 100%;
	background-color: #FFF;
}

#main-content-body-with-sidebar-nav #main-sidebar {
	display:none;
}

#main-content-body-with-sidebar-nav #main-sidebar-nav {
	float:left;
	margin:0 0 -20000px -100%;
	padding:0 0 20000px 0;
	position:relative;
	right: 330px;
	width:329px;
	background-color:#FFF;
}

/*------------------------------------------------------------------*/

#main-sidebar-nav ul#nav-menu {
	padding:0;
	font-family: Tahoma, Geneva, sans-serif;
}

#main-sidebar-nav ul#nav-menu li {
	float:left;
	display:block;
}

#main-sidebar-nav ul#nav-menu li a {
	color:#888;
	display:block;
	float:left;
	padding:7px 7px 8px 7px;
	min-width:94px;
	text-align:center;
	border-bottom:1px solid #FF9933;
}
	
#main-sidebar-nav ul#nav-menu li a.selected {
	background-color:#FFF;
	border-right:1px solid #FF9933;
	border-left:1px solid #FF9933;
	border-top:2px solid #FF9933;
	border-bottom:1px solid #FFF;
	color:#333;
	padding: 5px 6px 8px 6px;
}

#main-content-header {
	display:block;
	overflow:hidden;
	margin:20px 0 30px 0;
}

#main-content-header h1 {
	font-family: Arial Narrow, sans-serif;
	font-size:20px;
	letter-spacing:1px;
	font-weight:normal;
}

#main-content-header h2 {
	display:block;
	float:left;
	font-size:16px;
	font-weight:normal;
	margin:1px 30px 0 0;
}

#main-content-header a.breadcrumb, #main-content-header a.breadcrumb:visited, #main-content-header a.breadcrumb:hover, #main-content-header a.breadcrumb:active  {
	color:#999;
	display:block;
	float:left;
	margin:0 10px;
}

#main-content-header a.breadcrumb.divider {
	background-image:url(../images/arrow-sprite.png);
	background-repeat:no-repeat;
	background-position:0 0;
	height:8px;
	width:8px;
	margin:6px 0 0 0;
}

#main-content-header a.breadcrumb.link {
	font-size:16px;
	text-decoration:none;
	font-weight:normal;
	padding:0;
}

#main-content-header h1 a.breadcrumb {
	color:#FF9933;
	display:block;
	font-family: Arial;
	font-size:22px !important;
	padding:0 !important;
}	

#main-content-header h1 a.breadcrumb:visited, #main-content-header h1 a.breadcrumb:hover, #main-content-header h1 a.breadcrumb:active {
	color:#FEAA56;
}

#main-content-header img {
	border:0;
	margin:26px 0 0 0;
}

#main-content-header ul.actions {
	display:block;
	float:right;
	margin:0;
	line-height: normal;
}

#main-content-header ul.actions li {
	display:block;
	float:left;
	margin:0 0 0 10px;
}

#main-content-header ul.actions li a, #main-content-header ul.actions li a:visited, #main-content-header ul.actions li a:hover, #main-content-header ul.actions li a:active {
	display:block;
	color:#999;
	text-decoration:underline;
	margin:8px 8px 0 0;
}

a.icon-add {background:url(../images/designer-actions-sprite.png) no-repeat -56px 0px;}
a.icon-more {background:url(../images/designer-actions-sprite.png) no-repeat 0px 0px;}
a.icon-info {background:url(../images/designer-actions-sprite.png) no-repeat -112px 0px;}

a.icon-add:active {background:url(../images/designer-actions-sprite.png) no-repeat -27px -27px;}
a.icon-more:active {background:url(../images/designer-actions-sprite.png) no-repeat 0px -27px;}
a.icon-info:active {background:url(../images/designer-actions-sprite.png) no-repeat -54px -27px;}

#main-content-header #post-content {
	padding:10px 0;
	margin:0;
	border:0;
}

#main-content-subheader {
	overflow:hidden;
	margin-bottom:20px;
}

#main-content-subheader img {
	float:right;
}

#main-content-subheader .details {
	line-height:24px;
	padding:15px 0;
	font-size:14px;
}

#main-content-subheader h2 {
	color:#063;
	margin-top:10px;
}

#main-sidebar h4 {
	background-color:#f3f3f3;
	color:#999;
	display:block;
	height: 20px;
	padding:0;
	margin:10px 0 10px 0px;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
}

#main-sidebar h5 {
	font-weight:bold;
	font-size:12px;
	padding: 6px 0;
}

#menu-hover {
	border:1px solid #CCC;
	background-color:#FFF;
	margin: 12px;
	-webkit-box-shadow:rgba(0, 0, 0, .3) 0px 0px 8px;
	-moz-box-shadow:rgba(0, 0, 0, .3) 0px 0px 8px;
	-o-box-shadow:rgba(0, 0, 0, .3) 0px 0px 8px;
	box-shadow:rgba(0, 0, 0, .3) 0px 0px 8px;
	float:left;
}

#menu-hover.large {
	width:300px;
}

#menu-hover.large .selector {
	float:right;
	margin:-11px 50px 0 0;
}

#menu-hover.small {
	min-width:180px;
}

#menu-hover.small .selector {
	float:right;
	margin:-11px 20px 0 0;
}

#modal {
	background-color:#FFF;
	border:1px solid;
	border-color:#CCC;
	border-radius:10px;
	-web-kit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-webkit-box-shadow:rgba(0, 0, 0, .3) 0px 0px 8px;
	-moz-box-shadow:rgba(0, 0, 0, .3) 0px 0px 8px;
	-o-box-shadow:rgba(0, 0, 0, .3) 0px 0px 8px;
	box-shadow:rgba(0, 0, 0, .3) 0px 0px 8px;
}

#modal.large {
	width:700px;
}

#modal.medium {
	width:500px;
}

#modal-header {
	border-bottom:1px solid #CCC;
	padding:10px;
	overflow:hidden;
	background: url(../images/modal-header-bg.png) repeat-x bottom;	
}

#modal-header h3 {
	color:#4F3A78;
	font-weight:bold;
	float:left;
	margin-top:5px;	
}

#modal-body {
	min-height:500px;
	padding:15px;
}

#modal-footer {
	padding:0 20px 10px 20px;
	border-radius:10px;
	-web-kit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	overflow:hidden;
}

#modal a img {
	border:none;
}

#modal .description {
	font-weight:normal;
}

#modal a.image-container {
	display:block;
	height:160px;
	width:128px;
	border:1px dashed #CCC;
}


#post-content {
	border-bottom:1px dotted #CCC;
	margin-bottom:25px;
	padding: 0 0 15px 0;
}

#post-content h3 {
	display:inline;
	margin:0 10px 0 0;
}

#primary-search-field {
	background-image:url(../images/icon-search-collapsed.png);
	background-position: 5px 6px;
	background-repeat:no-repeat;
	border:0;
	float:left;
	height: 20px;
	margin:7px 0 0 0;
	padding: 2px;
	color: #8A8A8A;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#primary-search-field.collapsed {
	background-color:#53a1d9;
	width:100px;
}

#primary-search-field.expanded {
	background-color:#FFF;
	width:240px;
}

ul #primary-search-field.expanded, ul #primary-search-field.collapsed { 
	margin:-2px 0 0 0;
}

#progress-bar {
	background-color:#f7f7f7;
	height: 49px;
	margin: 3px 0px 6px 0px;
	padding:0px 0px 0px 12px;
}

#progress-bar .first-left .active {
	background:url(../images/left-active.jpg);
	float:left;
	height:49px;
	border-left:3px solid #FFF;
	width:10px;
}

#progress-bar .first-left .inactive {
	background:url(../images/left.jpg);
	float:left;
	height: 49px;
	border-left:3px solid #FFF;
	width: 10px;
}

#progress-bar .middle .active-left {
	background:url(../images/between-active-left.jpg);
	float:left;
	height: 49px;
	width: 40px;
}

#progress-bar .middle .active-right {
	background:url(../images/between-active-right.jpg);
	float:left;
	height: 49px;
	width: 40px;
}

#progress-bar .middle .inactive {
	background:url(../images/between.jpg);
	float:left;
	height: 49px;
	width: 40px;
}

#progress-bar .text-box .active {
	background-color:#def0fe;
	color:#0253A2;
	display:block;
	float:left;
	height:40px;
	padding:9px 5px 0px 2px;
}

#progress-bar .text-box .inactive {
	background-color:#f7f7f7;
	color:#d4d4d4;
	display:block;
	float:left;
	height:40px;
	padding:9px 5px 0px 2px;
}

#quick-post {
	margin:0 0 20px 0;
	overflow: hidden;
	background-color: #F3F3F3;
}

#quick-post input.post-input {
	background-color:#fff;
	border: 1px solid #cecece;
	font-size:14px;
	margin:10px;
	padding:5px;
	width:93%;
}

#quick-post input.submit {
	background:#FFF url(../images/btn-bg.png) repeat-x bottom;
	border:1px solid #cecece;
	cursor:pointer;
	float:right;
	margin: 0 10px 10px 10px;
	padding:4px 9px;
}

#quick-post span {
	color:#666;
	display:block;
	float:left;
	margin:7px 0 0 10px;
}

#quick-post span a {
	display:inline block;
}

#sidebar-primary-menu {
	display:block;
	padding:15px 0 20px 0;
	margin:0;
	list-style-type:none;
	z-index: 0;
}

#sidebar-primary-menu li {
	display:block;
	height:35px;
	padding:0;
	margin:0;
	width:180px;
	z-index: 1;
}

#sidebar-primary-menu a {
	background:url('../images/navmenu-sprites.png') no-repeat 0 0;
	display:block;
	height:25px;
	padding:10px 15px 0 40px;
	text-decoration:none;
	width:125px;
}

#sidebar-primary-menu a:link, #sidebar-primary-menu a:visited {
	color:#A6A6A6;
	text-decoration:none;
}

#sidebar-primary-menu a:hover {
	background-color:#F8F8F8;
	color:#949494;
}

#sidebar-primary-menu a.selected {background-color:#ECF5FF;color:#000; border-bottom:1px solid #fff; }

#sidebar-primary-menu a#person {background-position:0px -35px;}
#sidebar-primary-menu a#person.selected {background-position:0px 0px;}

#sidebar-primary-menu a#groups {background-position:0px -105px;}
#sidebar-primary-menu a#groups.selected {background-position:0px -70px;}

#sidebar-primary-menu a#members {background-position:0px -245px;}
#sidebar-primary-menu a#members.selected {background-position:0px -210px;}

#sidebar-primary-menu a#events {background-position:0px -175px;}
#sidebar-primary-menu a#events.selected {background-position:0px -140px;}

#sidebar-primary-menu a#reports {background-position:0px -315px;}
#sidebar-primary-menu a#reports.selected {background-position:0px -280px;}

#sidebar-primary-menu a#pages {background-position:0px -455px;}
#sidebar-primary-menu a#pages.selected {background-position:0px -420px;}

#sidebar-primary-menu a#messages {background-position:0px -420px;}
#sidebar-primary-menu a#messages.selected {background-position:0px -455px;}

#sidebar-primary-menu a#tasks {background-position:0px -385px;}
#sidebar-primary-menu a#tasks.selected {background-position:0px -350px;}

#sidebar-primary-menu a#dashboard {background-position:0px -525px;}
#sidebar-primary-menu a#dashboard.selected {background-position:0px -490px;}

#sidebar-primary-menu a#projects {background-position:0px -595px;}
#sidebar-primary-menu a#projects.selected {background-position:0px -560px;}


#sidebar-secondary-menu {
	display:block;
	padding:10px 0;
	margin:0;
	list-style-type:none;
	width:180px;
	z-index: 0;
}

#sidebar-secondary-menu li {
	display:block;
	padding:0;
	margin:5px 0;
	width:180px;
	z-index: 1;
}

#sidebar-secondary-menu a {
	color:#A6A6A6;
	display:block;
	height:40px;
	line-height:40px;
	padding:0 0 0 40px;
	text-decoration:none;
}

#sidebar-secondary-menu a:link, #sidebar-secondary-menu a:visited {
	text-decoration:none;
}

#sidebar-secondary-menu-header {
	border-top:1px solid #E8E8E8;
	color:#C8C8C8;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:normal;
	margin:10px 0 0 0;
}

#sidebar-secondary-menu a#user {background:url(../images/icon-user-general-medium.png) no-repeat left center;}
#sidebar-secondary-menu a#user:hover {background:#f8f8f8 url(../images/icon-user-general-medium.png) no-repeat left center; color:#949494;}
#sidebar-secondary-menu a#user.selected {background:#ECF5FF url(../images/icon-user-general-medium.png) no-repeat left center; color:#000;}

#sidebar-secondary-menu a#company {background:url(../images/icon-company-general-medium.png) no-repeat left center;}
#sidebar-secondary-menu a#company:hover {background:#f8f8f8 url(../images/icon-company-general-medium.png) no-repeat left center; color:#949494;}
#sidebar-secondary-menu a#company.selected {background:#ECF5FF url(../images/icon-company-general-medium.png) no-repeat left center; color:#000;}

#stream-filter {
	border-bottom:1px dotted #CCC;
	padding-bottom:20px;
	margin-bottom:20px;
}

#stream-nav {
	margin:10px 0;
}

#stream-nav ul li a {
	background-image:none;
	color:#666;
	padding:2px 10px 2px 15px;
	margin:0 0 0 10px;
}

#stream-nav li {
	margin:0 0 3px 0;
}

#stream-nav li a {
	display:block;
	padding:6px 10px;
}

#stream-nav li a.expanded {
	background-image:url(../images/arrow-down.png);
	background-position: 95%;
	background-repeat:no-repeat;
}

#stream-nav li a.selected {
	background-color:#BADFF5;
	color:#FFF;
}

#stream-nav li ul li {
	padding:2px 10px 2px 20px;
}

#stream-post {
	margin:10px 0 20px 0;
	border-bottom: 1px dotted #CCC;
	padding: 0 0 15px 0;
}

#stream-post textarea {
	margin:0 0 10px 0;
}

#stream-post ul {
	margin:0 0 10px 0;
}

#stream-profile-actions {
	margin:0 0 20px 0;
}

#tenant-logo {
	float:left;
	display:block;
	z-index:10;
	margin: 0 10px 0 0;
}

#user-panel {
	border-top:1px solid #E8E8E8;
	border-bottom:1px solid #E8E8E8;
	maring:5px 0;
	min-height:40px;
	padding:10px 0;
	width:180px;
	margin: 15px 0 20px 0;
}
#welcome-wrapper {
	clear:both;
	margin:20px auto 0 auto;
	width: 600px;
	text-align: center;
	color: #AAA;
}

#welcome-wrapper h3 {
	margin:35px 50px 0 50px;
	font-weight:normal;
}

#welcome-wrapper a {
	background-color:#F3F7FC;
	border:1px solid #CFDFF3;
	padding:10px;
}

#welcome-wrapper img {
	display:block;
	margin:0 auto;
}

.freshbutton-blue, .freshbutton-big {
color: white;
border-top: 1px #63B2EB solid;
border-right: 1px #63B2EB solid;
border-bottom: 1px #63B2EB solid;
border-left: 1px #63B2EB solid;
background: #63B2EB;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$top-color', endColorstr='$bottom-color');
background: -webkit-gradient(linear, left top, left bottom, from(#63B2EB), to(#63B2EB));
background: -moz-linear-gradient(top, #63B2EB, #2180CE);
text-shadow: #355782 0 1px 2px;
-webkit-text-shadow: #355782 0 1px 2px;
-moz-text-shadow: #355782 0 1px 2px;
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3),inset 0px 1px 0px #83c5f1;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),inset 0px 1px 0px #83C5F1;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),inset 0px 1px 0px #83C5F1;
}

.freshbutton, .freshbutton-red, .freshbutton-blue, .freshbutton-big, .freshbutton-lightblue, .freshbutton-gray {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
text-align: center;
padding: 5px 16px;
font-size: 13px;
font-weight: 600;
cursor: pointer;
overflow: visible;
}

.sick-input input, .sick-input textarea {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 0 0 #000,inset 0px 3px 3px #eee;
-webkit-box-shadow: 0 0 0 black,inset 0px 3px 3px #EEE;
box-shadow: 0 0 0 black,inset 0px 3px 3px #EEE;
font-size: 16px;
border: 1px solid #BFBFBF;
padding: 5px;
}


.forgetPassword #submit_btn {
float: right;
    margin-right: 10px;
    margin-top: 10px;
}

.s_web_forgot32 {
background-position: left -2893px;
width: 32px;
height: 32px;
}

.sprite_web {
background-image: url(../../images/login_sprites.png);
background-repeat: no-repeat;
}

#forgetPassword h2 img {
margin: 0 6px -10px 0;
}

.forgetPassword h2 {
font-size: 20px;
line-height: 1.6em;
padding-top: 3px;
color: #222;

}

#successMessage
{
    border: 1px solid #8fdb5c;
    background-color: #c4eca9;
    padding: 10px;
    padding-left: 20px;
}
.field-validation-error {
    color: red;
}