a:focus{outline:none}
.topbar{position:static;height:auto}
.page-header{overflow:hidden;padding:0px 0px 8px 0;position:relative;margin-top:0px;margin-bottom:20px}
.page-header h1 {	font-size: 1.4em;margin-bottom: 0;line-height: 1em;}
.page-header .action-buttons{position:absolute;padding-left:10px;top:0px;right:0px;}
.page-header .breadcrumb {margin-top:16px;}

.modal-backdrop,.modal-backdrop.fade.in{opacity:0.5}
.modal-footer .btn.pull-left{float:left;margin-left:0;margin-right:5px}

.page{min-width:980px}

/**
 * head and menu style
 */
.body{padding:10px 15px}
/**
 * Override the default yii grid styles.
 */
.grid-view,.tab-content .grid-view{padding:0}
.grid-view .filters input, .grid-view .filters select{margin:0;width:auto}
.grid-view tbody tr td.success{background-color:#D1EED1;border-color:#BFE7BF}
.grid-view .filters td {border-top:1px solid #ecf7fd;background-image: url(../images/grid-search-bg.png);padding:3px 2px}
.grid-view .filters .input{padding:1px 3px;height: 18px;}
.grid-view .filters .field{margin-bottom:0px}
.condensed-table th, .condensed-table td{padding:3px 4px 3px}
.grid-view tbody tr:first-child td {border-top: 1px solid #aaa;border-radius: 0!important;}
.grid-view table th {text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);background-image: -khtml-gradient(linear, left top, left bottom, from(#f9f9f9), to(#cee8f7));background-image: -moz-linear-gradient(top, #f9f9f9, #ddd);background-image: -ms-linear-gradient(top, #f9f9f9, #ddd);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #ddd));background-image: -webkit-linear-gradient(top, #f9f9f9, #ddd);background-image: -o-linear-gradient(top, #f9f9f9, #ddd);background-image: linear-gradient(top, #f9f9f9, #ddd);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#ddd', GradientType=0);padding: 6px 4px;}
.grid-view table .headerSortUp, .grid-view table .headerSortDown {background-image: -khtml-gradient(linear, left top, left bottom, from(#eee), to(#f9f9f9));background-image: -moz-linear-gradient(top, #eee, #f9f9f9);background-image: -ms-linear-gradient(top, #eee, #f9f9f9);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #f9f9f9));background-image: -webkit-linear-gradient(top, #eee, #f9f9f9);background-image: -o-linear-gradient(top, #eee, #f9f9f9);background-image: linear-gradient(top, #eee, #f9f9f9);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#f9f9f9', GradientType=0);}
.grid-view table tr.selected td { background-color: #e9f4fa; }
.grid-view table {margin-bottom: 5px;clear:both;}
.grid-view .grid-top-summary {margin-bottom: 10px;float: right;text-align: right;}
.grid-view .pagination {margin-top: 10px;text-align: right;}
.grid-view-loading {background-position: right 0;}
.grid-view .grid-top-summary .summary,
.grid-view .grid-top-summary .pagination {display: inline-block;margin: 5px 7px 0px 7px;}
.grid-view .grid-top-summary .pagination {margin-bottom: 0;height: 16px;}
.grid-view .filters input,.grid-view .filters select{border:none;}
.grid-view .filters .input input, .grid-view .filters .input select{width:100%;}
#gridSettingsForm .line,#exportGridForm .line{border-bottom:1px solid #CCC;padding-top:4px}
#gridSettingsForm .icon-resize-vertical{display:none;float:right}
#gridSettingsForm .line:hover .icon-resize-vertical{display:block}

.pagination ul {float: right;}
.pagination a {line-height: 20px;padding: 0 7px;}
.pagination ul > li > a, .pagination ul > li > span {line-height: 20px;padding: 0 7px;}

a.grid-thumb-label {text-decoration: none;}
.grid-thumb-label span {margin-left: 5px;display: inline-block;line-height: 24px;height: 24px;vertical-align: top;}
.grid-thumb-label img {display: inline-block;}

.sort-link .caret{margin-top:8px;margin-left:5px;display:none}
.sort-link.asc .caret{border-top:0;border-bottom:4px solid #000000;display:inline-block}
.sort-link.desc .caret{display:inline-block}

.scopes {margin-bottom: 12px;clear: both; float: left; overflow:hidden;}
ul.scopes {overflow: hidden;margin: 0 0 5px 0;display: inline;}
ul.scopes .btn {padding: 0;}
ul.scopes .btn a {padding: 5px 8px 6px;margin:0px;display: block;}
ul.scopes li a:hover {text-decoration: none;}
ul.scopes li a span.count {color: #666;font-weight: normal;font-size: .8em;padding-left: 2px;}
ul.scopes li.active a span.count {color: #ddd;}
ul.scopes li.custom-scope {background-color: #DDEEFF;background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#DDEEFF));background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #DDEEFF);background-image: -moz-linear-gradient(center top, #ffffff, #ffffff 25%, #DDEEFF);background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #DDEEFF);background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #DDEEFF);background-image: linear-gradient(#ffffff, #ffffff 25%, #DDEEFF);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#DDEEFF', GradientType=0);}
ul.scopes li.custom-scope a {color: #297acb;}
ul.scopes .scopeEditButtons a {padding: 0;margin: 0;margin-top: -1px;}
ul.scopes .scopeEditButtons a span {margin: 0 2px 0 0;}
.scopes .scopeDescription {font-size: .9em;color: #999;}
.scopes .btn.active {background-color: #0064cd;background-repeat: repeat-x;background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));background-image: -moz-linear-gradient(top, #049cdb, #0064cd);background-image: -ms-linear-gradient(top, #049cdb, #0064cd);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);background-image: -o-linear-gradient(top, #049cdb, #0064cd);background-image: linear-gradient(top, #049cdb, #0064cd);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);border-color: #0064cd #0064cd #003f81;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
.scopes .btn.active a {color: #fff;}
.addCustomScope {display: inline-block; padding: 7px;}
.addCustomScope a {padding: 4px 2px;}
.addCustomScope a span {display: inline-block;}
.addCustomScope a:hover {text-decoration: none;}
.scopeEditButtons {position: relative;}

.grid-buttons {clear: both; margin-bottom: 5px;min-height: 20px; float: left;}

.portlet {background-color: #ffffff;border: 1px solid #999;border: 1px solid rgba(0, 0, 0, 0.2);-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);-webkit-background-clip: padding-box;-moz-background-clip: padding-box;background-clip: padding-box;margin-bottom:20px;}
.portlet-header {border-bottom: 1px solid #ddd;background-color: #fff;padding: 7px 10px;-webkit-border-radius: 6px 6px 0 0;-moz-border-radius: 6px 6px 0 0;border-radius: 6px 6px 0 0;}
.portlet-header h3 {color: #5B308F;}
.portlet-header .widget-rightlink {float: right;margin-top: 8px;}
.portlet-body {padding: 10px;}
.portlet-body table.condensed-table th {background: none;}
.portlet-body table.condensed-table tr.first td {border-top: none;}
.portlet-footer {background-color: #f5f5f5;padding: 14px 15px 15px;border-top: 1px solid #ddd;-webkit-border-radius: 0 0 6px 6px;-moz-border-radius: 0 0 6px 6px;border-radius: 0 0 6px 6px;-webkit-box-shadow: inset 0 1px 0 #ffffff;-moz-box-shadow: inset 0 1px 0 #ffffff;box-shadow: inset 0 1px 0 #ffffff;zoom: 1;margin-bottom: 0;}
.portlet-footer:before, .portlet-footer:after {display: table;content: "";zoom: 1;}
.portlet-footer:after {clear: both;}
.portlet-footer .btn {float: right;margin-left: 5px;}

.menu-notice{float:left;margin-right:5px}
.menu-dropdown .menu-notice{float:right;margin:0px}
.dropdown-toggle.btn-link:hover {text-decoration: none;}

.login-page{background:url('../images/background.jpg') no-repeat left top}

.shadowBlockLarge {box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);background: white;margin-bottom: 16px;max-width: 1200px;border-radius:5px;}

.paddedBlock {padding: 12px;}

div.vertical .ui-tabs .ui-tabs-panel {padding: 12px;}

.bbm {border-bottom: 4px solid #eee;}
.detailRow {border-bottom: 1px solid #efefef;min-height: 22px;padding-top: 4px;color: #444;}

.detailRow .detailLabel {color: #999;}

.field {padding: 0;}

.topLine {border-top: 1px solid #eee;padding-top: 8px;}

.lastLine {padding-bottom: 8px;}

.inputInline, .inlineInput {display: inline-block;margin-right: 5px;}

.noDate, .noData {color: #ccc;}

.trashedData, .trashedData.grid-thumb-label span {color: #ad7c7c;text-decoration: line-through;}

#message {width: 500px;position: absolute;background-color: #DFF0D8;left: 50%;margin-left: -255px;text-align: center;border-radius: 0 0 5px 5px;padding: 5px;height: 18px;border: 1px solid #D6E9C6;border-top: 0;box-shadow: 0 2px 5px rgba(0,0,0,0.5);z-index: 1100;top:41px;display: none;}
#message.error {background-color: #c00;color: #fff;border-color: #f00;}

.uploadButton {display: inline;position: absolute;z-index: 0;}

/**
 * contact module stuff should not be in the generic stylesheet.
 */
 h2.contact-title {margin-top: 0px;margin-bottom: 10px;line-height: 1em;margin-left: 210px;}
.contact-photo {float: left;margin-right: 10px;}
#contact-general-info {margin-left: 210px;}
#contactPhoto object, .attachments_input object {position: absolute;margin-left: 10px;}
#contactPhoto .btn {padding: 5px 11px 6px;}
#currentImage {margin-bottom: 5px;min-height: 145px;}

#attachmentUploadQueue {margin-left: 10px;margin-top: 40px;position: absolute;}

.attendee_list-guests {color: #aaa;}
.attendee_list-item {background-color: #FAFAFA;margin-bottom: 3px;padding: 4px 3px;line-height: 24px;}

a.attendee_list_delete_button {display: none;}
div.attendee_list-item:hover a.attendee_list_delete_button {display: block;}

.item-title {color: #252355;font-size: 1.6em;font-weight: bold;padding-bottom: 10px;}

.tab_count_label {line-height: 1.3em; margin: 10px -2px 7px 4px; min-width: 10px; text-align: center;}

.vertical .tab_count_label { margin: 7px 0; }

#ui-datepicker-div {z-index: 3000!important;}

/**
* Extra form element sizing constratints, by pixel width and height
*/
.w20{width:20px;}.w30{width:30px;}.w40{width:40px;}.w50{width:50px;}.w60{width:60px;}.w70{width:70px;}.w80{width:80px;}.w90{width:90px;}
.w100{width:100px;}.w110{width:110px;}.w120{width:120px;}.w130{width:130px;}.w140{width:140px;}.w150{width:150px;}.w160{width:160px;}.w170{width:170px;}.w180{width:180px;}.w190{width:190px;}
.w200{width:200px;}.w220{width:220px;}.w240{width:240px;}.w250{width:250px;}.w260{width:260px;}.w280{width:280px;}
.w300{width:300px;}.w350{width:350px;}
.w400{width:400px;}.w450{width:450px;}
.w500{width:500px;}.w550{width:550px}
.w600{width:600px;}
.w700{width:700px;}

.h20{height:20px;}.h30{height:30px;}.h40{height:40px;}.h50{height:50px;}.h60{height:60px;}.h70{height:70px;}.h80{height:80px;}.h90{height:90px;}
.h100{height:100px;}.h110{height:110px;}.h120{height:120px;}.h130{height:130px;}.h140{height:140px;}.h150{height:150px;}.h160{height:160px;}.h170{height:170px;}.h180{height:180px;}.h190{height:190px;}
.h200{height:200px;}.h220{height:220px;}.h240{height:240px;}.h250{height:250px;}.h260{height:260px;}.h280{height:280px;}
.h300{height:300px;}.h350{height:350px;}
.h400{height:400px;}.h450{height:450px;}
.h500{height:500px;}.h550{height:550px;}
.h600{height:600px;}
.h700{height:700px;}

dl.comfortable dt,
dl.comfortable dd {line-height: 1.8em;}

.overflow-scroll{overflow:auto;}

.over .input{border-color:rgba(82,168,236,0.8);}

div.topbar div > ul > li.menu:hover ul {display: block;}

.tag-item {float: left;margin: 3px 5px 0 0;overflow: hidden;padding: 0 3px;white-space: nowrap;}

.topbar div > ul a, .nav a {white-space: nowrap;}

/**
 * bootstrap has the same class called hide
 * should replace hidden with hide and remove this class
 */
.hidden {/*display: none;*/}

.modal form{margin-bottom:0px}

.input select {height: 18px;line-height: 18px;background: transparent url(../images/select-arrow.png) right center no-repeat;}

/*
Remove the padding from the bottom of the navbar
*/
body.admin .head .navbar{margin-bottom:0px;}

.navbar.navbar-fixed-top .brand {margin-left:0;}

/*
Makes the tabable section fill the whole page
*/
body.admin .body .tabbable,html body .body .nav-tabs{/*margin:0px;*/}
body.sidebar{background: #F7F7F7 url('../images/sidebar.png') 0px 0px repeat-y;}

/** Wy is the gradient only specified for firefox!? **/
.pin-board{background: none repeat scroll 0 0 #EEEEEE;border-radius: 6px 6px 6px 6px;border: 1px solid rgb(204, 204, 204);margin:20px 10px;box-shadow:0 2px 3px -2px #000000;}
.pin-board-header{height: 22px;background: -moz-linear-gradient(center top , rgb(255, 255, 255) 0%, rgb(238, 238, 238) 100%) repeat scroll 0% 0% transparent;border-radius: 6px 6px 0pt 0pt;padding: 11px 14px;border-bottom: 1px solid rgb(204, 204, 204);}
.pin-board-right-icon{float: right;}
.pin-board-body{background-color: rgb(238, 238, 238);padding: 10px;border-radius: 6px 6px 6px 6px;overflow:hidden;}
.pin-board.subtle{border-style:dashed;background:transparent;}
.pin-board.subtle .pin-board-body{background:transparent;}


#team-add-form {display:none;}
#team-add-form #project-add-team-form,#team-add-form .control-group{margin:0px;}

.modal.wide-modal {width: 900px;margin-left: -450px;max-height: 620px;margin-top: -310px;}

.ipad-bg {position: relative;margin-top: 10px;width: 1024px;height: 650px;border: 2px solid #000;border-radius: 4px;}
.ipad-bg .ipad-scrollview {height: 650px;overflow: auto;}
.ipad-bg .bar-ipad-actions {position: absolute;}

.card.add-category-card {background-color: transparent;border: 1px dashed #999;box-shadow: none;}

.add-category-plus {margin: 18px 18px 10px;border: 1px dashed #999;display: block;padding-top: 36px;height: 96px;font-size: 160px;font-weight: bold;color: #999;}
.add-category-card:hover,
.add-category-card:hover .add-category-plus {border-style: solid;}

#currentEvents .items .alert{margin:0px;}
#currentEvents .addEvent{margin-top:8px;}
.currentEvents-line {line-height: 25px;}

body.admin ul.vertical-nav {border: none;background-color: transparent;width: 102px;float: left;}
body.admin ul.vertical-nav li {padding: 0;margin: 0;}
body.admin ul.vertical-nav li a,
body.admin ul.vertical-nav li a:hover {border: none;border-radius: 0;padding: 15px 10px;text-align: center;display: block;margin: 0px;color: #ddd;}
body.admin ul.vertical-nav li a:hover {background-color: #484848;}
body.admin ul.vertical-nav li.active a {background: rgb(102,102,102); /* Old browsers */background: -moz-linear-gradient(left,  rgba(102,102,102,1) 0%, rgba(102,102,102,1) 92%, rgba(119,119,119,1) 96%, rgba(153,153,153,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(102,102,102,1)), color-stop(92%,rgba(102,102,102,1)), color-stop(96%,rgba(119,119,119,1)), color-stop(100%,rgba(153,153,153,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(left,  rgba(102,102,102,1) 0%,rgba(102,102,102,1) 92%,rgba(119,119,119,1) 96%,rgba(153,153,153,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(left,  rgba(102,102,102,1) 0%,rgba(102,102,102,1) 92%,rgba(119,119,119,1) 96%,rgba(153,153,153,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(left,  rgba(102,102,102,1) 0%,rgba(102,102,102,1) 92%,rgba(119,119,119,1) 96%,rgba(153,153,153,1) 100%); /* IE10+ */background: linear-gradient(left,  rgba(102,102,102,1) 0%,rgba(102,102,102,1) 92%,rgba(119,119,119,1) 96%,rgba(153,153,153,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#999999',GradientType=1 ); /* IE6-9 */color: #fff;}

.project-content {padding: 12px 15px;overflow: hidden;}

html .project-content h3 {margin-bottom: 10px;}

.project-content .page-header {margin: 0;padding: 0 0 5px 0;}
.project-content .page-header h3 {margin: 0;}

.teamnameinput{margin-bottom: 0px;position: relative;top:-3px;}

.actions {background: none repeat scroll 0 0 #F5F5F5;border-bottom: 1px solid #DDDDDD;border-radius: 0 0 3px 3px;border-top: 1px solid #DDDDDD;margin-bottom: 18px;margin-top: 18px;padding: 17px 10px 18px 150px;text-align: right;}

/** OOCSS styles */
.line:before,.line:after{content:"";display:table;}.line:after{clear:both;}.line{*zoom:1;}
.unit{float:left;}.unitRight{float:right;}
.size1of1{float:none;}.size1of2{width:50%;}.size1of3{width:33.33333%;}.size2of3{width:66.66666%;}.size1of4{width:25%;}.size3of4{width:75%;}.size1of5{width:20%;}.size2of5{width:40%;}.size3of5{width:60%;}.size4of5{width:80%;}.size1of12{width:8.33333%;}.size2of12{width:16.66666%;}.size3of12{width:24.99999%;}.size4of12{width:34.33333%;}.size5of12{width:41.666666%;}.size6of12{width:49.99999%;}.size7of12{width:58.33333%;}.size8of12{width:66.66666%;}.size9of12{width:74.99999%;}.size10of12{width:83.33333%;}.size11of12{width:91.66666%;}.size12of12{width:100%;}
.lastUnit{float:none;display:block;display:table-cell;width:9999em;*width:auto;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}



.ptn,.pvn,.pan{padding-top:0px !important}.pts,.pvs,.pas{padding-top:5px !important}.ptm,.pvm,.pam{padding-top:10px !important}.ptl,.pvl,.pal{padding-top:20px !important}.prn,.phn,.pan{padding-right:0px !important}.prs,.phs,.pas{padding-right:5px !important}.prm,.phm,.pam{padding-right:10px !important}.prl,.phl,.pal{padding-right:20px !important}.pbn,.pvn,.pan{padding-bottom:0px !important}
.pbs,.pvs,.pas{padding-bottom:5px !important}.pbm,.pvm,.pam{padding-bottom:10px !important}.pbl,.pvl,.pal{padding-bottom:20px !important}.pln,.phn,.pan{padding-left:0px !important}.pls,.phs,.pas{padding-left:5px !important}.plm,.phm,.pam{padding-left:10px !important}.pll,.phl,.pal{padding-left:20px !important}.mtn,.mvn,.man{margin-top:0px !important}.mts,.mvs,.mas{margin-top:5px !important}.mtm,.mvm,.mam{margin-top:10px !important}.mtl,.mvl,.mal{margin-top:20px !important}.mrn,.mhn,.man{margin-right:0px !important}.mrs,.mhs,.mas{margin-right:5px !important}.mrm,.mhm,.mam{margin-right:10px !important}.mrl,.mhl,.mal{margin-right:20px !important}.mbn,.mvn,.man{margin-bottom:0px !important}
.mbs,.mvs,.mas{margin-bottom:5px !important}.mbm,.mvm,.mam{margin-bottom:10px !important}.mbl,.mvl,.mal{margin-bottom:20px !important}.mln,.mhn,.man{margin-left:0px !important}.mls,.mhs,.mas{margin-left:5px !important}.mlm,.mhm,.mam{margin-left:10px !important}.mll,.mhl,.mal{margin-left:20px !important}

.alert-impersonating{margin-top:50px}

/** sexier label and badges **/
.label, .badge{
  font-weight: 300;
  font-size: 11px;
  letter-spacing: 0.5px;
  border-radius: 2px;
  padding: 4px 8px 3px 8px;
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
  text-transform: uppercase;
}
.btn{border-radius:2px;}