/* CSS Document */




.uibutton{
	position: relative; 
    z-index: 1;
    overflow: visible; 
    display: inline-block; 
    padding: 0.3em 0.6em 0.375em; 
    border: 1px solid #ccc; 
    border-bottom-color: #999;
    margin: 0;
    text-decoration: none; 
    text-align: center;
    font: bold 11px/normal 'lucida grande', tahoma, verdana, arial, sans-serif; 
    white-space: nowrap; 
    cursor: pointer; 
	color:#222;	
	 /* IE hacks */
    zoom: 1; 
    *display: inline; 
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #e8e8e8 0%, #d8d8d8 100%);
  /* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #e8e8e8 0%, #d8d8d8 100%);
/* Opera */ 
background-image: -o-linear-gradient(top, #e8e8e8 0%, #d8d8d8 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e8e8e8), color-stop(1, #d8d8d8));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #d8d8d8 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #e8e8e8 0%, #d8d8d8 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e8e8e8', EndColorStr='#d8d8d8'); /* for IE 6 - 9 */
  -webkit-box-shadow: 1px 0px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #e8e8e8;
  -moz-box-shadow: 1px 0px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #e8e8e8;
  box-shadow: 1px 0px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #e8e8e8;

}
.uibutton.small{
	padding: 0.1em 0.3em 0.2em !important;	
}
.uibutton:hover,
.uibutton:focus,
.uibutton:active {
    border-color: #999 #999 #666;
}
.uibutton:active {
    border-color: #999 #999 #666;
    background: #e8e8e8;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	visibility:visible;
}

.uibutton[disabled=disabled]{
	color:#CCC;
	background:none;
	filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	border-bottom-color:#CCC !important;	
}
.uibutton[disabled=disabled]:hover{
	cursor:default;
	border-color:#CCC;	
}
.uibutton.confirm{
	border-color: #8EBBE0 #8EBBE0 #4786B5;
	color:#F8F8F8;
	/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #4786B5 0%, #8EBBE0 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #4786B5 0%, #8EBBE0 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #4786B5 0%, #8EBBE0 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #4786B5), color-stop(1, #8EBBE0));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #4786B5 0%, #8EBBE0 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #4786B5 0%, #8EBBE0 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4786B5', EndColorStr='#8EBBE0'); /* for IE 6 - 9 */
  -webkit-box-shadow: 1px 0px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8EBBE0;
  -moz-box-shadow: 1px 0px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8EBBE0;
  box-shadow: 1px 0px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8EBBE0;
}
.uibutton.confirm:active {
    border-color: #4786B5;
    background: #8EBBE0;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.uibutton.confirm:disabled{
	background:#c2d9eb;
	border-color:#c2d9eb;
	color:#FFF;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.uibutton.special {
    border-color: #3b6e22 #3b6e22 #2c5115;
    color: #fff;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #38C433 0%, #396B2D 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #38C433 0%, #396B2D 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #38C433 0%, #396B2D 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #38C433), color-stop(1, #396B2D));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #38C433 0%, #396B2D 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #38C433 0%, #396B2D 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#38C433', EndColorStr='#396B2D'); /* for IE 6 - 9 */
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #38C433;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #38C433;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #38C433;
}
.uibutton.special:active {
    border-color: #396B2D;
    background: #38C433;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.uibutton.large {
    font-size:13px;
}
.uibutton.icon:before {
    content: "";
    position: relative; 
    top: 1px; 
    float:left;
    width: 16px; 
    height: 14px; 
    margin: 0 0.5em 0 0; 
    background:url(../img/icons.png) top left no-repeat;
}

.uibutton.edit:before  { background-position: 0px -30px; }
.uibutton.add:before  { background-position: -152px -43px; }
.uibutton.secure:before  { background-position: -190px -28px; }
.uibutton.prev:before  { background:url(../img/menu_icons.png) top left no-repeat; background-position: -161px -150px; width:8px; }
.uibutton.next:before  { float:right; width:12px; background-position: -166px -43px; }
.uibutton.photo:before{background-position:-88px -28px;}
.uibutton.message:before{background-position:-157px -28px;}

/* ------------------------------------------------------------------------------------------------------------- BUTTON GROUPS */

.uibutton-group {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
    /* IE hacks */
    zoom: 1; 
    *display: inline; 
}

.uibutton + .uibutton,
.uibutton + .uibutton-group,
.uibutton-group + .uibutton,
.uibutton-group + .uibutton-group {
    margin-left: 3px;
}

.uibutton-group li {
    float: left;
    padding: 0;
    margin: 0;
}

.uibutton-group .uibutton {
    float: left;
    margin-left: -1px; 
}

.uibutton-group .uibutton:hover,
.uibutton-group .uibutton:focus,
.uibutton-group .uibutton:active {
    z-index:2;
}

.uibutton-group > .uibutton:first-child,
.uibutton-group li:first-child .uibutton { 
    margin-left: 0; 
}

/* ------------------------------------------------------------------------------------------------------------- BUTTON CONTAINER */
/* For mixing buttons and button groups, e.g., in a navigation bar */

.uibutton-toolbar {
    padding: 6px;
    border-top: 1px solid #ccc;
    background: #f2f2f2;
}

.uibutton-toolbar .uibutton,
.uibutton-toolbar .uibutton-group {
    vertical-align: bottom;
}