/*
.buttons css
pods theme
tim sheiner and christie rixford
*/


/* .button style solution from the filament group
http://www.filamentgroup.com/lab/update_styling_the_button_element_with_css_sliding_doors_now_with_image_spr/
*/

/* SHARED .button STYLES: */
		
.button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
	background-repeat: no-repeat;
	background-color: transparent;
}

button::-moz-focus-inner {
	border: 0;
	}

.button.disabled,
.button[disabled] {
	cursor:default;
}
.tabSet button.button, .action, .options, .capsule{
		margin-right: 12px;
		padding: 2px 6px 3px;
		text-align: center;
		background: #eee;
		border: 1px solid #ddd;
}
.action.over, .options.over, .capsule.over, .move.over {
		background: #ddd;
		border-color: #ccc;
	}
.action.pressed, .options.pressed, .capsule.pressed, .move.pressed {
		background: #ccc;
		border-color: #bbb;
	}

.button:-moz-focus-inner {
	padding:0;
	border: none; /* overrides extra padding in Firefox */
}

.button .wrap { 
	position: relative;
	display: block !important; 
	white-space: nowrap;
	background-image:inherit;
	background-repeat: no-repeat;
	background-color: inherit;
}

#dialogs .footer>#addUserBtn.button {display:none}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Google Chrome only */
	
	/*to address discrepancy in rendering between PC and Mac WebKit*/
	
	.button {
		margin-top: -1px;
		margin-bottom: -1px;
	}

	
	.button>.wrap {
  		margin-top:-1px;
	}

	
	.tabSet.horizontal .button>.wrap {
		margin-top:0;
	}	

}

.button .icon,
.button .indicator {
	display: inline-block;
	background-repeat: no-repeat;
}

.button .indicator {
	background-image: url(images/disclosure_indicators_sprite.png);
	width:9px;
	height: 24px;
	right:0;
	top:0;
	position: absolute;
}

.button .icon {
	width:20px;
	height:24px;
	position: absolute;
	top:0;
	left:0;
}

/*.button.capsule.first .icon {
	left:12px;
}

*/
.button.disabled .icon,
.button[disabled] .icon {
	opacity:.4;
}

/* END SHARED STYLES */

/* .button.action */

.action { 
  padding: 0 10px 0 0;
  margin-right:5px; 
  text-align: center; 
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;    
  display: inline-block;
  text-decoration: none;
}

.action>.wrap {
	padding: 0 0 0 10px;
	line-height: 22px;
	font-size: 11px;
	border:none;
	background:none;
}

.action.over {   

}

.action.over>.wrap {

}

.action.pressed {

}

.action.pressed>.wrap {

}

.action.disabled,
.action[disabled] {
 
}

.action.disabled>.wrap,
.action[disabled]>.wrap {

}

.action.primary { 
	padding-right: 15px;
}


.action.primary.up, .action.jumbo.up{
	background-color:#BAD06C;
	border-color: #7A902A;
	}
	
.action.primary.over, .action.jumbo.over{
	background-color:#7A902A;
	border-color: #45501D;
}
.action.primary.pressed, .action.jumbo.pressed{
	background-color:#6f8326;
	border-color: #000000;
}
.action.primary.disabled, .action.jumbo.disabled{
	background-color:#ADB9AB;
	border-color: #98BABF;
}

.action.primary>.wrap { 
	padding-left: 15px;
}

/* action.jumbo */

.action.jumbo { 
	-webkit-border-radius: 24px 24px 24px 24px;
	-moz-border-radius: 24px 24px 24px 24px;
  	padding: 0 30px 0 0; 
  	margin-right:16px; 
  	text-align: center; 
  	text-decoration:none;
  	width:220px;
  	height:120px;
}

.action.jumbo>.wrap {
	font-size:22px;
	color:#000000;
	font-weight: bold;
	height:110px;
	left:2px;
	line-height:44px;
	padding:0 0 0 25px;
	margin-top:0;
}

.action.jumbo > .icon {
    background-image: url("images/home_icons_sprite.png");
    height: 130px;
    left: 50%;
    margin-left: -111px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 222px;
}


.action.jumbo.over {   

}

.action.jumbo.over>.wrap {

}

.action.jumbo.pressed {

}

.action.jumbo.pressed>.wrap {

}

.action.jumbo.disabled,
.action.jumbo[disabled] {

}

.action.jumbo.disabled>.wrap,
.action.jumbo[disabled]>.wrap {

}

/* .action.square.button */
	
.action.square { 
  text-align: center; 
  width:30px;
}

.action.square>.wrap {
  height: 24px;
  width: 24px;
  padding:0;
  text-indent:-5000px;
}

.action.square>.wrap>.icon {
	display: block;
	height: 24px;
	width: 24px;
	background-attachment: scroll;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 4px center;
}

.action.square.right>.wrap>.icon {
	background-image: url(images/move_right_gray.png);
}
.action.square.left>.wrap>.icon {
	background-image: url(images/move_left_gray.png);
}
.action.square.downward>.wrap>.icon {
	background-image: url(images/move_down_gray.png);
}
.action.square.upward>.wrap>.icon {
	background-image: url(images/move_up_gray.png);
}
.action.square.toRight>.wrap>.icon {
	background-image: url(images/move_far_right_gray.png);
}
.action.square.toLeft>.wrap>.icon {
	background-image: url(images/move_far_left_gray.png);
}
.action.square.toDown>.wrap>.icon {
	background-image: url(images/move_far_down_gray.png);
}
.action.square.toTop>.wrap>.icon {
	background-image: url(images/move_far_up_gray.png);
}

/* END .button.action */

/* .button.options */

.button.options {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border:none;
	text-align: center;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}

.button.options>.wrap {
  	padding: 0 0 0 10px;
	line-height: 18px;
	font-size: 11px; 
	border:none;
	background:none;
}

.button.options.over {   

}

.button.options.over>.wrap {

}

.button.options.pressed {

}

.button.options.pressed>.wrap {

}

.button.options.disabled {

}

.button.options.disabled>.wrap {

}

/* END .button.options */

/* .button.capsule */

	/* metrics */

.button.capsule { 
  padding: 0; 
  margin:4px 5px 4px auto;   
  text-align: center; 
  	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; 
}

.button.capsule .indicator {
	background-position: 0 -53px;
	right: 1px
}

.button.capsule .wrap {
	background:none;
	line-height: 18px;
	font-size: 11px; 
	height: 18px;
	min-width: 20px;
	padding-top: 0;
	padding-right: 6px;
	padding-bottom: 0;
	padding-left: 6px;
}

.button.capsule .icon {
	left:6px;
}

.button.capsule.mutton .wrap {
  padding-right: 10px;
}
/*
.buttonSet .button.capsule.first {
	padding-right: 5px;
	margin-right:0;
}

.buttonSet .button.capsule.middle {
	margin-right:0;
	padding-right:5px;
}

.buttonSet .button.capsule.middle .wrap,
.buttonSet .button.capsule.last .wrap {
	padding-left:5px;
}

.buttonSet .button.capsule.first .wrap {
	border-left:none;
	padding-left:15px;
	padding-right:3px;
}

.buttonSet .button.capsule.last {
	border-right: none;
	padding-right:12px;
}
*/
.buttonSet {
	margin:2px 15px 0 0;
	display: inline-block;
	position: relative;
}

	/* sprite positions */



/* grouped capsule .buttons */
/*
.button.capsule.up.first {
	background-position: right -674px; 
}

.button.capsule.up.first.over {
	background-position: right -729px; 
}

.button.capsule.up.middle,
.button.capsule.up.middle .wrap,
.button.capsule.up.last .wrap {
	background-position: left -92px; 
	background-repeat: repeat-x;
}

.button.capsule.up.middle.over,
.button.capsule.up.middle.over .wrap,
.button.capsule.up.last.over .wrap {   
	background-position: 0px -230px; 
}


.button.capsule.up.middle.pressed .wrap,
.button.capsule.up.last.pressed .wrap,
.button.capsule.down.middle .wrap,
.button.capsule.down.last .wrap,
.button.capsule.down.middle.over .wrap,
.button.capsule.down.last.over .wrap {   
	background-position: 0px -368px; 
}

.button.capsule.up.first.pressed,
.button.capsule.up.middle.pressed,
.button.capsule.down.first,
.button.capsule.down.first.over,
.button.capsule.down.middle,
.button.capsule.down.middle.over {   
	background-position: right -567px; 
}

.button.capsule.down.middle.pressed .wrap,
.button.capsule.down.last.pressed .wrap {   
	background-position: 0px -506px; 
}

.button.capsule.down.first.pressed,
.button.capsule.down.middle.pressed {   
	background-position: right -627px; 
}
*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Google Chrome only */
	
	/*to address discrepancy in rendering between PC and Mac WebKit
	  - not entitely satisfactory because does not preserve identical appearance to FF in Mac case
	*/
	.button.capsule.middle>.wrap,
	.button.capsule.last>.wrap {
		margin-left:-3px;
		padding-left: 8px !important;
	}
}



/* END .button.capsule */

/* START .button.minimize */

.button.minimize {
	height: 16px;
	width: 16px;
	display: block;
	background-image: url(images/disclosure_indicators_sprite.png);
	background-repeat: no-repeat;
	background-position: 0 -486px;
	top:10px;
	left: 0;
	z-index: 10;
	text-indent: -9999px;
}

.button.minimize.over {
	background-position: 0 -522px;
}

.button.minimize.pressed {
	background-position: 0 -555px;
}

.minimized .button.minimize {
	
}

/* END .button.minimize */



/* START .button.disclosure */

.button.disclosure {
	height: 16px;
	width: 16px;
	display: inline-block;
	background-image: url(images/disclosure_indicators_sprite.png);
	background-repeat: no-repeat;
	vertical-align: middle;
}

.closed .button.disclosure,
.minimized .button.disclosure {
	background-position: 0px -205px;
}

.closed .button.disclosure.over,
.minimized .button.disclosure.over {
	background-position: 0px -229px;
}

.closed .button.disclosure.pressed,
.minimized .button.disclosure.pressed {
	background-position: 0px -257px;
}

.button.disclosure,
.button.disclosure.down {
	background-position: 0px -286px;
}

.button.disclosure.over,
.button.disclosure.down.over {
	background-position: 0px -310px;
}

.button.disclosure.pressed,
.button.disclosure.down.pressed {
	background-position: 0px -336px;
}

/* END .button.disclosure */

/* START .button.scheduled */

.button.scheduled {
	height: 16px;
	width: 16px;
	display: inline-block;
	background-image: url(images/disclosure_indicators_sprite.png);
	background-repeat: no-repeat;
	background-position: 0 -406px;
	z-index: 10;
	position: relative;
}

.button.scheduled.over {
	background-position: 0 -432px;
}

.button.scheduled.pressed {
	background-position: 0 -458px;
}


/* END .button.scheduled */


/* START .button.picker */

.button.picker {
	height: 16px;
	width: 16px;
	display: inline;
	background-image: url(images/disclosure_indicators_sprite.png);
	background-repeat: no-repeat;
	background-position: 0 -589px;
	z-index: 10;
}

.button.picker.over {
	background-position: 0 -618px;
}

.button.picker.pressed {
	background-position: 0 -653px;
}


/* END .button.picker */


/* .button.search */
  	
#globalSearch .button.search {
	height:29px;
	width: 24px;
	margin-top:-2px;
}

.button.search {
	height:24px;
	width: 24px;
	background-image: url(images/search.png);
	background-repeat: no-repeat;
}

/* END .button.search */
		

/* .move.button */
	
	button.move span {
		position: relative;
		display: block;
		padding-right: 15px;
		min-height: 15px;
		text-indent: -9999em;
	}
	button.move b {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		margin: 0;
		padding: 0;
		width: 16px;
		height: 16px;
		overflow: hidden;
		text-indent: -9999em;
		z-index: 300;
	}
	button.move.right b {
		background: url(images/move_right_gray.png) no-repeat;
	}
	button.move.left b {
		background: url(images/move_left_gray.png) no-repeat;
	}
	button.move.toRight b {
		background: url(images/move_far_right_gray.png) no-repeat;
	}
	button.move.toLeft b {
		background: url(images/move_far_left_gray.png) no-repeat;
	}
	button.move.upward b {
		background: url(images/move_up_gray.png) no-repeat;
	}
	button.move.downward b {
		background: url(images/move_down_gray.png) no-repeat;
	}
	button.move.toTop b {
		background: url(images/move_far_up_gray.png) no-repeat;
	}
	button.move.toBottom b {
		background: url(images/move_far_down_gray.png) no-repeat;
	}

/* .action.join.button */
	
.action.join.left .icon {
	background-position: 4px -693px;
}

.action.join.right .icon {
	background-position: 4px -723px;
}

.action.join.inner .icon {
	background-position: 4px -752px;
}

.action.join.full .icon {
	background-position: 4px -780px;
}

.action.join.left.over .icon,
.action.join.left.pressed .icon {
	background-position: -32px -693px;
}

.action.join.right.over .icon,
.action.join.right.pressed .icon {
	background-position: -32px -723px;
}

.action.join.inner.over .icon,
.action.join.inner.pressed .icon  {
	background-position: -32px -752px;
}

.action.join.full.over .icon,
.action.join.full.pressed .icon  {
	background-position: -32px -780px;
}

/* domain designer buttons */
#add.square>.wrap>.icon {
	background-position: 6px -655px;
}

#add.square.over>.wrap>.icon,
#add.square.pressed>.wrap>.icon {
	background-position: -33px -655px;
}

#addToSet.square>.wrap>.icon {
	background-position: 6px -615px;
}

#addToSet.square.over>.wrap>.icon,
#addToSet.square.pressed>.wrap>.icon {
	background-position: -33px -615px;
}

/* .button.action */

.footer .action {
	margin-bottom: 50px;
	position:relative;
	z-index:1;
}

/* .button.options */

.filter .button.options {
	margin-left:20px;
	margin-right: 10px;
	border-width: 0;
}

.filter .button.options>.wrap {
	border-width: 0;
}



