/*general*/
a:focus { outline: 0;}
ul, p, ol, li, body, html { margin: 0; padding: 0; outline: 0; }
body, .normal, input, textarea{ font: 12px/18px  "Helvetica Neue",Helvetica, Tahoma, "Lucida Grande", Arial, sans-serif; letter-spacing: 0;}
small { font-size: 10px;}
select { letter-spacing:0; /*vertical-align: 4px;*/}
body, html { background: #3a3a3a; color: #3a3a3a; }
a { text-decoration: none; color: #2759a2;}
a:hover { color: #3476D8;}
a img { border: none;}
p { margin: 0 0 18px 0;}

h1, h2 { 
	margin:0; padding:0;
	font-size: 1.6667em; /* 20px */
  line-height: 1.8em; /* 36px */
  padding-top: 0.4em;
  margin: 0em;
}
h2 { 
  font-size: 1.5em; /* 18px */
  line-height: 1em; /* 18px */
  padding-top: 1em;
  padding-bottom: 0.5em;
}
h1,h2 { font-weight: 500; letter-spacing: -0.04em; color: #555;  /*text-transform: uppercase;*/}
h3	{ font-weight: bold; margin: 0; font-size: 14px;}
h1 a, h1 select { margin-left: 9px;}
td { vertical-align: top;}
img { vertical-align: middle;}
/*page*/
.page { width: 882px; text-align: left;  margin: 0 auto 18px auto; position: relative; }
.wide .page { width: auto; margin: 0 18px;}
.chat .page { margin: 0;}
.login .page { width: 540px;}
.login .pageContent { padding: 0px 18px; }
/*form*/
.nice {}
.nice input.text, .nice input.password, .nice textarea{ padding: 0px 4px; width: 98%; font-size: 18px; border: 1px solid #A9C4C9; line-height: 27px; height: 27px;  background: #f0F5F6; -webkit-box-shadow: inset 0 -1px rgba(255,255,255,0.7); -moz-box-shadow: inset 0 -1px rgba(255,255,255,0.7); box-shadow: inset 0 -1px rgba(255,255,255,0.7);}
.contentBody input.text.search { width: 50%;}
.nice textarea { height: 108px;}
.fieldWithErrors input.text, .fieldWithErrors input.password { border-color: #c93; background: #fea;}
.nice label { display: block; font-weight: bold; color: #888; font-size: 13px;}
.row { padding: 0 0 18px 0;}
.nice .row span { line-height: 36px;}
.nice .row .tip { font-size: 11px; color: #ccc;}
.nice .row input.subdomain { width: 75%;}
/*form.nice .row.small { line-height: 18px; font-size: 12px; margin: 0 0 18px 0;}*/

.nice p, .nice h2 { color: #777;}
fieldset { border: 0; border-bottom: 1px dotted #A9C4C9; padding: 0 0 18px 0;margin: 0 0 18px 0;}

/* buttons */

.button { height:36px;}
.button,.button:hover, .button a, .button input { font-size: 13px; color: white;}
.button input {  cursor: pointer; padding:0; height:32px; line-height: 36px; background: none; border: none; color: white; font-weight: bold; font-style: normal;}
.button a { color: white; font-weight: bold; font-style: normal;}
.button strong, .button { display: block; float: left; height: 36px; padding: 0 18px 0 0; line-height: 36px; background: url(/images/buttonWhiteBg.png) right top no-repeat;}
#account_background_color { width: 99px;}
.button { padding: 0 0 0 18px; display: block; background: url(/images/buttonWhiteBg.png) left top no-repeat;}
.nice .button.buttonWhite, .nice .button.buttonWhite strong { background-image: url(/images/buttonWhiteBg.png); }
.button, .button input { text-shadow: 0 -1px  #1D4D6D; }
.button.buttonRed, .button.buttonRed strong { background-color:#890F0F; background-image: url(/images/buttonRedBg.png); }
.buttonRed, .buttonRed input { text-shadow: 0 -1px  #672F39; }
.button { display: block; height: 36px; float: left; padding: 0 0 0 18px;}

/*pageHeader*/
.pageHeader { zoom: 1; width: 100%; background: #3a3a3a;}

	.headerLogo { height: 108px; width: 360px; position: relative;  }
	.headerLogo a { color: #fff; text-decoration: none; border: none; text-indent: -9999px;}
	.headerLogo a span { border: none; position: absolute; visibility: visible; height: 108px; width: 360px; display: block; top:0; left: 0; background: #3A3A3A url(/images/jacondaLogo1.png) 9px 0 no-repeat;}
	.headerMenu { float: right;  margin: 36px 0 0 0; padding: 18px; position: relative;  overflow: visible; z-index:99; background: white url(/images/boxBg.png) bottom repeat-x;}
		.headerMenu span { overflow-x: hidden; display: block;}
		.headerMenu li { display: inline; padding: 0 9px; border-left: 1px #ccc solid; margin: 0 0 0 -1px;}
			.headerMenu li.selected a { font-weight: bold; color: #444;}
		.transcripts .headerMenu .transcripts,
		.users .headerMenu .users,
		.accounts .headerMenu .accounts,
		.accounts_show .headerMenu .accounts_show,
		.accounts_edit .headerMenu .accounts_edit { font-weight: bold; color: #444;}

	/*.wide*/ .headerMenu { margin: -9px 0 0 0; padding: 18px 18px 9px 18px;}
	.wide .headerLogo { height: 63px;}
	.wide .headerLogo a span { background-position: 9px; height: 63px;}
	.wide .headerLogo a span.custom { background-position: 9px 0px;}
	/*.wide*/ .headerLogo .h1 { text-indent: -9999px;}
	/*.wide*/ .headerLogo .h2 { display: none;}
/* uploads */

.uploadedFile { margin: 0 0 9px 0; padding: 0 0 0 36px; background: url(/images/filetypes/file32x32.png) left center no-repeat; position: relative;}
.uploadedFile .control { display: none; height: 32px; width:32px; position: absolute; left: 0px; top:0; background: url(/images/controls/delete.png) top left no-repeat;}
.uploadedFile:hover .control { display: block; opacity: 0.5;}
.uploadedFile:hover .control:hover { display: block; opacity: 1;}

.uploadedFile.css { background-image:url(/images/filetypes/css32x32.png);}
.uploadedFile.doc,
.uploadedFile.docx { background-image:url(/images/filetypes/doc32x32.png);}
.uploadedFile.fla { background-image:url(/images/filetypes/fla32x32.png);}
.uploadedFile.gif { background-image:url(/images/filetypes/gif32x32.png);}
.uploadedFile.htm,
.uploadedFile.html { background-image:url(/images/filetypes/html32x32.png);}
.uploadedFile.jpg,
.uploadedFile.jpeg { background-image:url(/images/filetypes/jpg32x32.png);}
.uploadedFile.keynote { background-image:url(/images/filetypes/keynote32x32.png);}
.uploadedFile.numbers { background-image:url(/images/filetypes/numbers32x32.png);}
.uploadedFile.pages { background-image:url(/images/filetypes/pages32x32.png);}
.uploadedFile.pdf { background-image:url(/images/filetypes/pdf32x32.png);}
.uploadedFile.ppt,
.uploadedFile.pptx { background-image:url(/images/filetypes/ppt32x32.png);}
.uploadedFile.png { background-image:url(/images/filetypes/png32x32.png);}
.uploadedFile.txt { background-image:url(/images/filetypes/txt32x32.png);}
.uploadedFile.xls,
.uploadedFile.xlsx { background-image:url(/images/filetypes/xls32x32.png);}
.uploadedFile.xml { background-image:url(/images/filetypes/xml32x32.png);}
.uploadedFile.xsl { background-image:url(/images/filetypes/xsl32x32.png);}

.uploadedFile .delete { display: none; margin: 0 0 0 9px;}
.uploadedFile:hover .delete { display: inline;}

.roomUploaded { overflow: hidden;}
.roomUploadedFile { padding: 0 0 0 18px; background:url(/images/filetypes/file16x16.png) left center no-repeat; white-space: nowrap; position: relative;}
.roomUploadedFile .control { display: none; height: 16px; width:16px; position: absolute; left: 0px; top:0; background: url(/images/controls/delete.png) left top no-repeat;}
.roomUploadedFile:hover .control { display: block; opacity: 0.5;}
.roomUploadedFile:hover .control:hover { display: block; opacity: 1;}

.roomUploadedFile.css { background-image:url(/images/filetypes/css16x16.png);}
.roomUploadedFile.doc,
.roomUploadedFile.docx { background-image:url(/images/filetypes/doc16x16.png);}
.roomUploadedFile.fla { background-image:url(/images/filetypes/fla16x16.png);}
.roomUploadedFile.gif { background-image:url(/images/filetypes/gif16x16.png);}
.roomUploadedFile.htm,
.roomUploadedFile.html { background-image:url(/images/filetypes/html16x16.png);}
.roomUploadedFile.jpg,
.roomUploadedFile.jpeg { background-image:url(/images/filetypes/jpg16x16.png);}
.roomUploadedFile.numbers { background-image:url(/images/filetypes/numbers16x16.png);}
.roomUploadedFile.pages { background-image:url(/images/filetypes/pages16x16.png);}
.roomUploadedFile.pdf { background-image:url(/images/filetypes/pdf16x16.png);}
.roomUploadedFile.png { background-image:url(/images/filetypes/png16x16.png);}
.roomUploadedFile.txt { background-image:url(/images/filetypes/txt16x16.png);}
.roomUploadedFile.xls,
.roomUploadedFile.xlsx { background-image:url(/images/filetypes/xls16x16.png);}
.roomUploadedFile.xml { background-image:url(/images/filetypes/xml16x16.png);}
.roomUploadedFile.xsl { background-image:url(/images/filetypes/xsl16x16.png);}

/*pageRooms*/
.pageRooms { background: #3a3a3a; }
	.pageRoomsInlay { background: #555; background:#4e6f98;overflow: hidden;}
	.pageRooms .roomsTab { float: left; padding: 1px 10px 0 10px; }
		.pageRooms .roomsTab span { color: white;}
	.pageRooms a {  line-height: 26px; color: #999; color: #ADC6E5;font-weight: 500;}
	.pageRooms a strong { /*color: #ccc;*/ padding: 0 9px;}
	.pageRooms .roomsTab:hover a,
	.pageRooms a:hover,
	.pageRooms a:hover strong { color: white;}
	.pageRooms .roomsTab .tabClose { color: #5788BF;}
		.pageRooms .roomsTab:hover .tabClose { color: #ADC6E5;}
				.pageRooms .roomsTab .tabClose:hover { color: white;}
	.pageRooms .roomsTab.selected { background: white url(/images/contentMenuBg2.png) bottom left repeat-x; padding: 0 9px;border: 0;  border: 1px solid #fff; border-bottom: 0;  text-shadow: 0 1px #fff; }
	.pageRooms .roomsTab.selected a,
		.pageRooms .roomsTab.selected span  { color: #275972; }
	.pageRooms .roomsTab.selected a strong { color: #666;}
		.pageRooms .roomsTab.selected .tabClose { color: #ADC6E5;}
		.pageRooms .roomsTab.selected .tabClose:hover { color: #275972;}


/*pageContent*/

.pageContent { position: relative; zoom: 1; padding: 0 0 0 18px; background: white; }
	.contentSingle { padding: 0 18px 0 0;}
	.contentSidebar { float: right; width: 261px;  background: white; }
	.contentBody {margin: 0 279px 0 0;}
.pageContentBottom { position: relative; background: #3a3a3a; margin: 0 18px;  margin: 0 0 0px 0; height: 18px; z-index: 100;}
.pageContentBottomInlay { background: white; height: 18px;}
/*footer*/
.pageFooter {  color: #666; padding: 0 18px; line-height: 36px; height: 36px; position: relative; }

	.pageFooter a { color: #666; line-height: 36px; padding: 9px 0;}
	.pageFooter a:hover span { color: #ccc; text-decoration: underline;}
		
		.footerMenu { float: right;  }
		.footerMenu .twitter { padding: 9px 0 9px 36px; background: url(/images/twitterSmall.png) left center no-repeat;}
		* html .footerMenu .twitter { background-image:url(/images/twitterSmall.gif);}
		.footerMenu .twitter:hover { background: url(/images/twitterSmallHover.png) left center no-repeat;}
		* html .footerMenu .twitter:hover { background-image:url(/images/twitterSmallHover.gif);}
		
		.footerMenu .twitter:hover span {  color: #33ccff; }
		
		.footerCopyright { float: left;}
.pageContentAfter { float: left;}
/**
	CONTENT BLOCKS
*/

.columns { }
	.columnPrimary { float: left; width: 45%; margin: 0 36px 0 0;}
	.columnSecondary { float: left; width: 45%; }
	.mainContent .columns { padding: 0 18px 18px 0;}
	.mainContent .columnPrimary { width: 55%;}
	.mainContent .columnSecondary { width: 35%;}

.accountLogo img { padding: 9px; background: #3a3a3a;}

.roomsAccess {}
.roomsAccess label { display: block; font-size: 18px; color: #2759a2; line-height: 27px; font-weight: normal;}
.roomsAccess label .checkbox { margin: 0 4px 0 0;}

.roomsList { margin: 0px 0 0 -18px;}
.roomsList ins { text-decoration: none; display: -moz-inline-box; display: inline-block; vertical-align: top; text-align: left; margin: 18px 0 0 18px;}
/*room info*/
.blockRoom.page { position: absolute; right: 18px; width: 261px; height: auto; z-index: 100;}
.blockRoom.list { float: left;  width: 270px; border: 1px solid #ccc; padding: 9px; overflow: hidden;}
	.blockRoom .roomInfo { overflow: hidden; margin: 9px 0 9px 0;}
	#roomFiles b { padding: 0 30px 0 0;}
	.blockRoom form { margin: 0 0 9px 0;}
	.blockRoom.list .roomInfo { margin-top: 0;}
	.blockRoom .roomTitle {  font-size: 18px; margin: 0 0 9px 0; letter-spacing: -0.05em;}
		.titleTitle { margin: 0 0 0 18px; display: block;}
		.titleLock { display: block; height: 18px; width:18px; float: left; background:url(/images/iconLocked.png);}
		.titleLock.open { display: block; height: 18px; width:18px; float: left; background:url(/images/iconUnlocked.png);}
	
	.roomImage { float: left; position: relative;  padding: 1px; border: 1px solid #ccc;}
		.roomImage span { display: none; position: absolute; background: white; top: 0px; left:0px; width: 37px; height: 37px; opacity: 0.8; background: white url(/images/boxSettingsBg.png) center center no-repeat;}
		.roomImage:hover span {display: block;}
	
	.roomHolder { position: relative; margin: 0 0 0 45px; }
	
	.roomMenu { overflow: hidden; padding: 0 0 18px 0;}
		.roomMenu a { display: block; float: left; padding: 4px 9px;background: white url(/images/boxBg.png) bottom repeat-x; border: 1px solid #eee; border-left: 0; border-bottom: 1px solid #ccc;color: #999; text-shadow: 0 1px white;}
		.roomMenu a.first {  border-left: 1px solid #eee;}
		
		.rooms_show .roomMenu a.rooms_show,
		.presences .roomMenu a.presences,
		.transcripts .roomMenu a.transcripts,
		.uploads_index .roomMenu a.uploads_index,
		.rooms_edit .roomMenu a.rooms_edit,
		.integrations .roomMenu a.integrations
		 { border-left: 1px solid #ccc; padding: 4px 9px 4px 8px; border-right: 1px solid #ccc; background: white; color: #666;}
		.presences .roomMenu a.presences,
		 { padding: 4px 9px; border-left: 1px solid #eee;}
		.roomMenu a.last,
		.rooms_edit .roomMenu a.rooms_edit {  border-right: 1px solid #ddd;}
		.roomMenu a:hover { color: black;}
	
	.roomStatus { height:1%;padding: 0 0 0 16px; background: url(/images/status/statusOnline.png) 0 2px no-repeat;}	
	.roomId { padding: 0 0 0 16px; background: url(/images/smallJacondaIcon.png) 0 2px no-repeat; word-wrap: break-word; font-size: 11px; letter-spacing: -0.1em;}

/*roomUsers*/
.roomUsers { height: 180px; overflow-y: auto;}
.roomUsers img { vertical-align: middle; position:realtive; margin: -2px 4px 0 0;}		
/*roomChat*/
.roomChat { }
table.chatContent { width: 100%;  border-bottom: 1px dotted #A9C4C9; border-collapse: collapse; text-shadow: 0 1px rgba(255,255,255,0.7);}
.chatContent tr {}
.chatContent td { vertical-align: top; padding: 0 0 5px 0;}		
.chatContent td.nickname {background-position: right 3px; background-repeat: no-repeat; border-right: 1px solid #ddd; padding: 0 5px 0 5px; text-align: right;}
.chatContent td.nickname b {  display: block; white-space: nowrap; padding: 0 0 0 5px; visibility: hidden; }
.chatContent tr.nickname td.nickname b { visibility: visible;}
.chatContent td.message { width: 100%; padding: 0 5px 5px 0;}
.chatContent td.message .readFull { font-weight: bold; color: #ccc; margin: 0 0 0 9px;}
.chatContent td.message .readFull:hover { color: #333; text-decoration: underline;}
.chatContent td.message .match { padding: 2px 6px;}
.chatContent td.message div { display: table; table-layout: fixed; width: 100%; word-wrap: break-word; }
.chatContent td.message div span.message { padding: 0px 6px; display: block;}
.chatContent tr.nickname td { border-top: 1px solid #ddd; padding-top: 5px;}

.chatContent td.message span.time { float: right; display: none; color: #999; font-size: 10px;}
.chatContent tr.time td.message span.time { display: inline; }

.chatContent tr /*  .message span */ { background: none; }
.chatContent tr.my /*  .message span */{ background: #bfe4f9; color: #2e6093; background: #dff1fc;}
.chatContent tr.my a { color: #3e7dda;}
.chatContent tr.my a:hover { color: #6295e1;}

.chatContent tr.my.nickname td { xborder-top: 1px solid #68a2cf;}
.chatContent tr.my .time { color: #8FB8DD;}
.chatContent tr.me /*  .message span */ { font-weight: bold; font-style: italic;}
.chatContent tr.api /*  .message span */{ background: #e8ffe8; xborder-top: 1px solid #a3c159; color: #5b683c}
.chatContent tr.api .time { color: #98A46A }
.chatContent tr.voice /*  .message span */{ color: #999; font-weight: bold;}
/*.chatContent tr.voice .nickname { background-image:url(/images/messages/voice.png);}*/
.chatContent tr.service /*  .message span */{background: #FDEBAE; border-top: 1px solid #e6c555; color: #9e660d; font-weight: bold;}
.chatContent tr.service .time { color: #DCBE77;}
.chatContent td.welcome {}

.transcripts_search table.chatContent td.nickname b { visibility: visible;}
.chatContent tr.femtoo td, .chatContent tr.tender td, .chatContent tr.heroku td, .chatContent tr.beanstalk_deploy td, .chatContent tr.beanstalk td, .chatContent tr.bitbucket td, .chatContent tr.googlecode td, .chatContent tr.github td, .chatContent tr.api td, .chatContent tr.voice td, .chatContent tr.greeting td,
.transcripts_search table.chatContent td {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-top: 5px;padding-bottom: 5px;}

/*autolink*/
.chatContent td.message .autolink { margin: 0 0 5px 0;}
.chatContent td.message .autolink.image img { padding: 5px; background: white; border: 1px solid #ccc; max-width:352px; max-height:300px; }
.chatContent td.message .autolink.youtube img { max-width: 352px; max-height: 264px; }
.chatContent td.message .autolink.youtube a { padding: 5px; background: white; border: 1px solid #ccc; width: 352px; height: 289px; display: block; background-image:url(/images/youtube-player.png); }
.chatContent td.message .autolink.twitter { padding: 1px; width: 400px; overflow: hidden; background: #ccc;display: block;}
.chatContent td.message .autolink.twitter div {  background: white;overflow: hidden; padding: 9px; display: block; float: none; width: auto;}
.chatContent td.message .autolink.twitter img { float: left; margin: 0 20px 0 0px;}

/*roomSay*/
.roomSay { position:fixed; z-index: 200;  height: 38px; bottom: 45px; left: 0; right: 297px; }
.roomSay form {  margin: 0 0 0 35px; background: white; position: relative; z-index: 300;}
	.roomSay table {  width: 100%; position: relative; z-index: 400; border-collapse: collapse; border: 0;}
		.roomSay .send { width: 72px; text-align: right;}
	.roomSay textarea { width: 100%; height: 36px; resize:none; border: 1px solid #666;}
		.roomSay textarea.connecting { background: url(/images/loading.gif) 2px center no-repeat; border-color: #ccc;}
		.roomSay textarea.disabled { background: #f0f0f0;}
		.roomSay textarea.error { background-color: #fff; border-color: #fafafa;}
		


	/*list People*/
		.blockPeople { border-collapse: collapse; margin: 0 0 0 0;}
			.blockPeople td { padding: 9px 18px 9px 0; border-bottom: 1px solid #eee;}
				.blockPeople tr.header td{ border-bottom: 1px solid #ccc; padding: 18px 0 0 0;}
				.blockPeople tr.header h1,
				.blockPeople tr.header h2 { padding-top: 0;}
			.blockPeople .gravatar div{ position: relative; padding-left: 10px;}
			.blockPeople .gravatar img{ border: 1px solid #ccc; padding: 4px;}
			.blockPeople a.control  { display: block; width: 32px; height: 32px; text-align: center; position: absolute; top: -10px; left: -4px; display: none;}
				.blockPeople a.control.kick { background: url(/images/controls/minus.png) center center no-repeat;}
				.blockPeople a.control.add { background: url(/images/controls/plus.png) center center no-repeat;}
			.blockPeople tr:hover { background: #fafafa; }
			.blockPeople tr.header:hover { background: transparent;}
			.blockPeople .gravatar:hover a.control { display: block; opacity: 0.8;}
			.blockPeople .gravatar a.control:hover {  opacity: 1;}
			.blockPeople td.contacts { font-weight: bold; text-align: right;}
			
			.blockGuests { margin: -36px 0 0 -36px;}
			.guestItem { text-decoration: none; display: -moz-inline-box; display: inline-block; vertical-align: top; text-align: left; margin: 36px 0 0 36px;}
			.guest { float: left; }
			
				.itemPeople { width:100%; padding: 0 18px 0 0;}
					
					.peopleInlay .checkbox { float: left}
					.itemPeople .peopleInfo { margin: 0 0 0 81px;}
					.itemPeople .peopleJob { margin: 0 0 0 18px; color: #999;} 
					.itemPeople .peopleJob strong { display: block;}
					.peopleStatus { width:18px; height:18px; float: left; background-position:0 4px; background-repeat: no-repeat;}
						.peopleStatus.online { background-image: url(/images/status/statusOnline.png);}
						.peopleStatus.away { background-image: url(/images/status/statusAway.png);}
						.peopleStatus.unavailable { background-image: url(/images/status/statusUnavailable.png);}
					.peopleName { font-size: 18px; white-space: nowrap;}
					.peopleName .normal { visibility: hidden; margin: 0 0 0 9px;}
					.peopleName:hover .normal { visibility: visible; text-decoration: none;}
					
					.peopleId { padding: 0 0 0 20px; background-position:0 2px; background-repeat: no-repeat; font-size: 14px;}
						.peopleId.jabber { background-image: url(/images/protocol/jabber.png);}
						.peopleId.skype { background-image: url(/images/protocol/skype.png);}
						.peopleId.msn { background-image: url(/images/protocol/msn.png);}
						.peopleId.email { background-image: url(/images/protocol/email.png);}
						.peopleId.phone { background-image: url(/images/protocol/phone.png);}
						.peopleId.twitter { background-image: url(/images/protocol/twitter.png);}
						.peopleId.jabber span { margin: 0 4px 0 0;}
						.peopleId.jabber a {}
						.peopleId:hover { }
						.peopleId a {  white-space: nowrap;} 

/*add contact*/
.addContact, .addAuto { padding: 0 0 0 36px; line-height: 36px; margin: 0 0 18px 0;}
.addContact { zoom: 1; background:  url(/images/addContactInput.png) left top no-repeat; height: 36px;}
	.addContact span { float: left; display: block; height: 36px; width: 288px; margin: 0 0 0 0; padding: 0 0 0 8px;}	
	.addContact input.text {background: none;width: 260px; height: 30px; font-size: 18px; color: #ccc; border: 0;padding: 3px 0 0 0;}
	.addContact input.active { color: #444;}
	.addContact.nice .button, 		.addContact.nice .button strong { background-image: url(/images/addContactButtonBg.png);  }


/*integration*/
.integration dl { background: #f0f0f0; width: 100%; overflow: hidden; margin: 0 0 9px 0;}
.integration dt { float: left; width: 126px; padding: 9px 0px 9px 18px;}
.integration dd { padding: 9px 18px 9px 0; margin: 0 0 0 144px;}
.integration textarea, .integration input.text { font-family: Monaco, Courier; width: 90%; margin: 0 0 4px 0; color: #6a6a6a; 
	white-space: nowrap; }

/* user info*/
table.userInfo { width: 100%; border-collapse: collapse; margin: 18px 0 18px 0;}
	.userInfo td { padding: 0px 18px 9px 0px;}
	.userInfo td.userName { padding-bottom: 5px;}
	.userInfo .userTitle { margin: 0 0 9px 0;}
	.userInfo td.gravatar { width: 72px;}
	.userInfo .gravatar img {height: 72px; width:72px;}
		.userInfo td .ajax { visibility: hidden; margin: 0 0 0 9px;}
		.userInfo td:hover .ajax { visibility: visible;}

/* errors */
.flashNotice, .flashError { position: absolute; top: 0; left: 50%; width: 360px; margin: 0 0 0 -216px; display: block; z-index: 200; padding: 9px 18px 9px 9px; text-align: center; cursor: pointer;}

.flashNotice span, .flashError span { float: right; }		

.flashNotice, .flashError, .errorExplanation, .justMessage  {  font-weight: bold; padding: 9px 36px;}
.flashNotice { text-shadow: 0 1px #9f9; background: #44ee44; color: #060;}
.flashError, .errorExplanation, .justMessage { text-shadow: 0 1px #fe6; background: #ffcc33; color: #642; }
.errorExplanation h2, .errorExplanation p { display: none;}
.login .errorExplanation { margin: 9px 0;}
.justMessage { padding: 18px;}
/* upload */
.uploadStripe { padding: 4px 18px 4px 0;}
#upload_spinner { height: 9px; background: url(/images/stripeAnimation.gif); border: 1px solid white; outline: 1px solid #666;}

/*fixed*/
body.chat  { background: white;}
.chat .pageTop { position: fixed; top:0; width: 100%; height: 90px; z-index: 100; margin: 0;}
.chat .pageTop .headerMenu { margin-right: 36px;}
.chat .pageTop .pageHeader { margin: 0 18px;}
.chat .pageTop .pageRooms { margin: 0 18px;}
.chat .pageBottom {  position: fixed; bottom: 0; width: 100%; height:99px;  }
.chat .pageFooter { background: #3a3a3a; padding: 0 36px; position: relative; z-index: 200;}
.chat .pageBottom .pageContentBottom { margin: 0 18px; position: relative; z-index: 99;}
.chat .pageContent { margin: 90px 18px 0px 18px !important; padding-top: 18px; padding-bottom: 36px;height: 100%; overflow: none;}
.chat .contentBody { margin-bottom: 72px;}
/*.chat .contentSidebar { position: fixed; top: 108px; right: 18px;}*/
.chat .pageTopShadow  { height: 27px; background: url(/images/pageTopShadow.png) bottom repeat-x; margin: 0 252px 0 18px;}	
.chat .pageOverlayRight, .chat .pageOverlayLeft { height: 100%; width: 18px; position: fixed; top: 0; right:0; background: #3a3a3a;}
.chat .pageOverlayLeft { left: 0; right: auto;}
.chat .pageBottomShadow { height: 18px; background: url(/images/pageBottomShadow.png) ; margin: 0 288px 27px 18px; }
*:first-child+html .pageBottom { z-index: 50; height: 54px;}
*:first-child+html .pageBottomShadow { margin-right: 18px; position: relative; z-index: 50; display: none;}
*:first-child+html .roomSay { right: 18px; padding-right: 297px; background: white; bottom: 40px; height: 42px; }
*:first-child+html .roomSay div { padding-top: 1px !important;}
*:first-child+html .chat #roomInfo { padding-left: 0 !important;}
*:first-child+html .chat .pageHeader, *:first-child+html .chat .pageRooms { margin: 0 !important;}
*:first-child+html .chat .blockRoom { background: white; margin: 0 18px 0 0; padding: 0 0 18px 18px;}
*:first-child+html .chat .pageContentBottom { background:none !important; }
*:first-child+html .chat .pageContentBottomInlay { margin: 14px 0 0 0;}
*:first-child+html .roomSay textarea {  height: 35px;}


.setGravatar { line-height: 36px; display: block;}
.setGravatar img { vertical-align: middle; margin: 0 18px 0 0;}
/*box-shadow*/
/*.pageContentBottomInlay,  { box-shadow:  0 1px 0 rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px  rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.3); }
*/
.flashNotice, .flashError { box-shadow:  0 4px 9px rgba(0,0,0,0.5); -webkit-box-shadow: 0  4px 9px rgba(0,0,0,0.5); -moz-box-shadow: 0  4px 9px rgba(0,0,0,0.5); }
/*border-radius*/
.rc9, .integration dl, .message span, .blockRoom.list, .headerMenu, .justMessage, .login .errorExplanation, .mainContent .pageContent,.blockPeople tr th:last-child span { border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; -webkit-background-clip: padding-box; }  

.nice input.text,.nice textarea, .nice input.password { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-background-clip: padding-box; } 

.rct9, .pageRoomsInlay, .roomsTab, .login .pageContent { -webkit-border-top-left-radius: 9px;-webkit-border-top-right-radius: 9px;-moz-border-radius-topleft: 9px;-moz-border-radius-topright: 9px;border-top-left-radius: 9px;border-top-right-radius: 9px;-webkit-background-clip: padding-box;}

.rcb9,.flashNotice, .flashError, .errorExplanation, .headerMenu, /*.wide .pageContent,*/ .pageContentBottomInlay { -webkit-border-bottom-right-radius:9px; -webkit-border-bottom-left-radius:9px; -moz-border-radius-bottomright:9px; -moz-border-radius-bottomleft:9px; border-bottom-right-radius:9px; border-bottom-left-radius:9px; -webkit-background-clip: padding-box;}

.rcl9,.blockPeople td.control a, .roomMenu a.first {-webkit-border-top-left-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-topleft: 9px;
-moz-border-radius-bottomleft: 9px;
border-top-left-radius: 9px;
border-bottom-left-radius: 9px;-webkit-background-clip: padding-box;}

.rcr9, .roomMenu a.last  {-webkit-border-top-right-radius: 9px;
-webkit-border-bottom-right-radius: 9px;
-moz-border-radius-topright: 9px;
-moz-border-radius-bottomright: 9px;
border-top-right-radius: 9px;
border-bottom-right-radius: 9px;-webkit-background-clip: padding-box;}

.rctl9  { -webkit-border-top-left-radius: 9px;
-moz-border-radius-topleft: 9px;
border-top-left-radius: 9px;}
.rctr9 { -webkit-border-top-right-radius: 9px;
-moz-border-radius-topright: 9px;
border-top-right-radius: 9px;-webkit-background-clip: padding-box;}
/*important stuff*/
.lv_DataText .lv_Title { font-weight: normal !important;}
.lv_Title a { color: white; border-color: white;}
.ajax { border-bottom: 1px dashed rgba(#27,#59,#A2,0.5); !important}
.ajax:hover, .peopleName a.normal:hover { none;border-bottom: 1px dashed #2759A2; !important}

/*search results*/
.match { background-color: #c4f4b0; }

.clearfix:after, xform:after, fieldset:after, .pageContent:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix, xform, fieldset, .pageContent {
	display: inline-block;
}
 
html[xmlns] .clearfix, html[xmlns] xform, html[xmlns] fieldset, html[xmlns] .pageContent {
	display: block;
}
 
* html .clearfix, * html xform, * html fieldset, * html .pageContent {
	height: 1%;
}