@import "images/calendar/theme.css";

@media print {
	.noprint {
		display:none;
	}
}

a:focus { /*remove dotted line on links */
    outline: none; 
}
input::-moz-focus-inner { border: 0; }
form {
	padding:0;
	margin:0;
}
.tabitem { /* used in jQuery Tab UI */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.adsuboverlay {
	background-color:#FFFFFF;border: 1px solid #CCCCCC;padding: 5px; padding-top:22;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: 2px 2px 5px #666666;
	-moz-box-shadow: 2px 2px 5px #666666;
	-webkit-box-shadow: 2px 2px 5px #666666;		
}
.morefind {
display:none; position:absolute; height: auto; z-index:200;

}
.field_str {
	display:none;
}
.heading {
	border:1px solid #ccc;
	font-size:9pt;
	font-weight: bold;
	color:#333;
	font-family: Arial,Verdana;
	background-image: url(images/bgshade.gif);
	text-shadow:#fff 0px 1px 0, #eee 0 -1px 0;	
	padding: 4px;
}
.morefindtop {
	background-color:#FFFFFF; background-image:url(images/bgfilter.gif); border: 1px solid #CCCCCC;padding: 5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: 2px 2px 5px #666666;
	-moz-box-shadow: 2px 2px 5px #666666;
	-webkit-box-shadow: 2px 2px 5px #666666;		
}
.multicheckbox {
	height:100px; 
	background:#FFFFFF;
	overflow:auto;
	position:absolute;
	z-index:400;
	padding:3px;
	border:solid #CCCCCC 1px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: 2px 2px 5px #666666;
	-moz-box-shadow: 2px 2px 5px #666666;
	-webkit-box-shadow: 2px 2px 5px #666666;	
	display:none;
}
.multicheckbox_list, .multicheckbox_list td {
	border-style: none;
    margin: 0;
    padding: 0px;
}
.mlist_icon {
	width:16px;
	height:16px;
	padding:0px;
	margin:0px;
	float:left;
}
.mlist_label {
	height:16px;
	padding:0 0 0 3px;
	margin:0px;
	float:left;
}
.clearboth {
	clear:both;
}
.multicheckbox_title {
	background:url(images/bgshade.gif);
	border:solid #CCCCCC 1px;
	text-align:right;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:3px;	
}
.readonly_overlay{
  background-color: #666;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.highlightwords {
	font-weight:normal;
	color:#000000;
	background-color:#FFFF99;
}

.imgstyle {
	border:1px solid #E5E5E5;
	background:#FFFFFF;
	padding:3px;
	margin:5px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-border-radius: 6px;	
	box-shadow: 1px 1px 5px #666666;
	-moz-box-shadow: 1px 1px 5px #666666;
	-webkit-box-shadow: 1px 1px 5px #666666;
}

.top, .down, .top_link {
	border : 0px;
}

p .judulne {
	margin-top:0;
	margin-left:0;
}

.tpanelshow {
	background-image:url(images/pshow.png);
	background-repeat:no-repeat;
	width:10px;
	height:55px;
	cursor:pointer;
	margin:0 2px 0 0;
	left:0;
	position:absolute;
}

.tpanelhide {
	background-image:url(images/phide.png);
	background-repeat:no-repeat;
	width:8px;
	height:55px;
	cursor:pointer;
	margin:0 2px 0 0;
}

.headup {
	background-image:url(images/headup.png);
	background-repeat:no-repeat;
	width:13px;
	height:16px;
	cursor:pointer;
	margin:0px;
	float:left;	
}

.headdown {
	background-image:url(images/headdown.png);
	background-repeat:no-repeat;
	width:13px;
	height:16px;
	cursor:pointer;
	margin:0px;
	float:left;
}

.print_title {
	font-size:1.3em;
	font-weight:bold;
}
.hline {
	width:100%;
	height:1px;
	border-top:solid 1px #CCC;
	padding:5px 0 3px 0;
}

/*************************************
 SOLID TABLE BORDER, USED IN REPORTING
*************************************/

thead {
	display:table-header-group;
}
.tborder, .tborder td, .tborder th
{
    border-color: #000;
    border-style: solid;
}

.tborder
{
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
	margin-top:1px;
}

.tborder td, .tborder th
{ 
    margin: 0;
    padding: 3px;
    border-width: 1px 1px 0 0;
    background-color: #fff;
}
.noborder, .noborder td, .noborder th
{
    border-color: #600;
    border-style: none;
}

.noborder
{
    border-width: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

.noborder td, .noborder th
{
    margin: 0;
    padding: 3px;
    border-width: 0;
    background-color: #fff;
}
.nopadding, .nopadding td, .nopadding th
{
    border-style: none;
    margin: 0;
    padding: 0px;
}

/*************
 TOOLTIPS
*************/
div#tipDiv {
  position:absolute; 
  display:none; 
  left:0; 
  top:0; 
  z-index:10000;
  background-color:#FFFFCC;
  border:1px solid #cccccc; 
  width:auto; padding:4px;
  color:#000; font-size:11px; line-height:1.2;
  border-radius: 5px; 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
  /* box-shadow: 0 1px 3px rgba(0,0,0,0.5); buggy in Opera */
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); 
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);  
}

/*************
 HIGHSLIDE
*************/
/**
* @file: highslide.css 
* @version: 4.1.7
*/
.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide-container table {
	background: none;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 2px solid silver;
}
.highslide:hover img {
	border-color: gray;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.glossy-dark {
	background: #111;
}

.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
	font-size: .9em;
}
.highslide-caption {
	display: none;
	font-size: 1em;
	padding: 5px;
	/*background: white;*/
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: #CCC;
}
a.highslide-full-expand {
   background: url(graphics/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}

.highslide-viewport {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: none;
	left: 0;
	top: 0;
}
.highslide-overlay {
	display: none;
}
.hidden-container {
	display: none;
}
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(graphics/close.png);
}

/*****************************************************************************/
/* Styles for the HTML popups											     */
/* Remove these if you are not using Highslide HTML						     */
/*****************************************************************************/
.highslide-maincontent {
	display: none;
}
.highslide-html {
	background-color: white;
}
.highslide-html-content {
	display: none;
	width: 400px;
	padding: 0 5px 5px 5px;
}
.highslide-header {
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-header a:hover {
	color: black;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 16px;
}
.highslide-footer .highslide-resize {
	display: block;
	float: right;
	margin-top: 2px;
	height: 11px;
	width: 11px;
	background: url(graphics/resize.gif) no-repeat;
}
.highslide-footer .highslide-resize span {
	display: none;
}
.highslide-body {
}
.highslide-resize {
	cursor: nw-resize;
}

/*****************************************************************************/
/* Styles for the Individual wrapper class names.							 */
/* See www.highslide.com/ref/hs.wrapperClassName							 */
/* You can safely remove the class name themes you don't use				 */
/*****************************************************************************/

/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header {
	height: 18px;
	border-bottom: 1px solid #dddddd;
}
.draggable-header .highslide-heading {
	position: absolute;
	margin: 2px 0.4em;
}

.draggable-header .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 100%;
	z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
	display: none;
}
.draggable-header .highslide-header .highslide-close {
	position: absolute;
	right: 2px;
	top: 2px;
	z-index: 5;
	padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(graphics/closeX.png);
}
.draggable-header .highslide-header .highslide-close a:hover {
	background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
	display: none;
}
.draggable-header .highslide-maincontent {
	padding-top: 1em;
}

/* hs.wrapperClassName = 'titlebar' */
.titlebar .highslide-header {
	height: 18px;
	border-bottom: 1px solid #dddddd;
}
.titlebar .highslide-heading {
	position: absolute;
	width: 90%;
	margin: 1px 0 1px 5px;
	color: #666666;
}

.titlebar .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 100%;
	z-index: 1;
}
.titlebar .highslide-header .highslide-move * {
	display: none;
}
.titlebar .highslide-header li {
	position: relative;
	top: 3px;
	z-index: 2;
	padding: 0 0 0 1em;
}
.titlebar .highslide-maincontent {
	padding-top: 1em;
}

/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
	display: none;
}

/* hs.wrapperClassName = 'wide-border' */
.wide-border {
	background: white;
}
.wide-border .highslide-image {
	border-width: 10px;
}
.wide-border .highslide-caption {
	padding: 0 10px 10px 10px;
}

/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
	border: none;
}
.borderless .highslide-caption {
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	background: silver;
}

/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
	background: #444;
}
.outer-glow .highslide-image {
	border: 5px solid #444444;
}
.outer-glow .highslide-caption {
	border: 5px solid #444444;
	border-top: none;
	padding: 5px;
	background-color: gray;
}

/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
	position: absolute;
	padding: 1em 0 0 0;
	background: none;
	color: white;
	border: none;
	font-weight: bold;
}

/*****************************************************************************/
/* The following styles are added by the Highslide Editor                    */
/*****************************************************************************/
.highslide-wrapper, .highslide-outline {
	background: #FFFFFF;
}
.highslide img {
	border: 1px solid #D0D0D0;
}
.highslide:hover img {
	border-color: #A0A0A0;
}
.highslide-active-anchor img {
	visibility: visible;
	border-color: #808080 !important;
}
.highslide-image {
	border: 2px solid #FFFFFF;
}
.highslide-loading {
	display: block;
	padding: 3px 0 3px 22px;
	width: 0;
	height: 16px;
	overflow: hidden;
	background-color: white;
	background-repeat: no-repeat;
	background-position: 3px 3px;
	background-image: url(graphics/loader.white.gif);
}

.highslide-html {
	background: none;
}
.highslide-header ul a {
	background-image: url(graphics/controlbar-text-buttons.png);
	padding-left: 16px;
	display: inline-block;
	height: 16px;
}
.highslide-header ul li span {
	display: none;
}
.highslide-header .highslide-move {
	display: none;
}
.highslide-header .highslide-close a {
	background-position: 0 -221px;
}

/*************
 JQUERY ALERT
*************/
#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 350px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 1px #999;
	color: #000;
	box-shadow: 2px 2px 7px #666666;
	-moz-box-shadow: 2px 2px 7px #666666;
	-webkit-box-shadow: 2px 2px 7px #666666;		
	z-index: 2001;
}

#popup_title {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-transform:uppercase;
	line-height: 1.75em;
	color: #fff;
	background: #CCC url(images/title.gif) top repeat-x;
	border: solid 1px #000;
	cursor: default;
	margin: 0em;
	text-shadow:#000 0px 0px 0, #eee 0 0px 0;
}

#popup_content {
	background: 16px 16px no-repeat url(images/info.gif);
	padding: 1.5em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(images/info.gif);
}

#popup_content.confirm {
	background-image: url(images/important.gif);
}

#popup_content.prompt {
	background-image: url(images/help.gif);
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}

/*******************
 JQUERY AUTOCOMPLETE
*******************/

.ac_results {
	padding: 2px;
	border: 0px solid #999999;
	overflow: hidden;
	z-index: 99999;
	padding: 0 9px 8px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}

html > body .ac_results {
	background:url(images/shadow.png) no-repeat bottom right;
}

.ac_results ul {
	background-color: white;
	width: 100%;
	border: 1px solid #999999;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/* Generic context menu styles, for jQuery Context Menu Plugin */
.contextMenu {
	position: absolute;
	z-index: 99999;
	border: solid 1px #CCC;
	background: url(images/bgfilter.gif) repeat-x #E4E4E4;
	padding:  0px;
	margin: 0px;
	display: none;
	font-size:11px;
	min-width:170px;
	white-space:nowrap;
	text-shadow:#fff 0px 1px 0, #eee 0 -1px 0;
	box-shadow: 2px 2px 3px #666666;
	-moz-box-shadow: 2px 2px 3px #666666;
	-webkit-box-shadow: 2px 2px 3px #666666;		
}

.contextMenu LI {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.contextMenu A {
	color: #333;
	text-decoration: none;
	display: block;
	line-height: 20px;
	height: 20px;
	background-position: 6px center;
	background-repeat: no-repeat;
	outline: none;
	padding: 2px 5px;
	padding-left: 28px;
}
.contextMenu LI.hover {
	background-image:url(images/context_bg.png);
	background-color:#000;
	background-repeat:repeat-x;
}
.contextMenu LI.hover A {
	color: #FFF;
	text-shadow:none;
	text-decoration:none;
}
.contextMenu LI.disabled A {
	color: #AAA;
	cursor: default;
}

.contextMenu LI.hover.disabled A {
	background-color:transparent;
}

.contextMenu LI.separator {
	border-top: solid 1px #CCC;
}

/* Tabber Style $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}
.tabber {
	z-index:30;
}
.tabberlive {
 margin-top:5px;
}

ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 font: bold 12px Arial, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-right: 3px;
 border: 0px solid #ccc;
 border-bottom: none;
 background: url(images/title.gif) #999;
 text-decoration: none;
 border-radius:4px 4px 0 0;
 -moz-border-radius:4px 4px 0 0;
 -webkit-border-radius:4px 4px 0 0;
}

ul.tabbernav li a:link { color: #fff; }
ul.tabbernav li a:visited { color: #fff; }

ul.tabbernav li a:hover
{
 color: #ccc;
 border-color: #ccc;
 text-decoration: none;
}

ul.tabbernav li.tabberactive a
{
 background: url(images/bgshade.gif)  #E4E4E4;
 color:#000;
 text-shadow:#fff 0px 1px 0, #eee 0 -1px 0;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #F0F0F0;
 box-shadow: 0px -1px 2px #ddd;
 -moz-box-shadow: 0px -1px 2px #ddd;
 -webkit-box-shadow: 0px -1px 2px #ddd;
}

ul.tabbernav li.tabberactive a:hover
{
 border-bottom: 1px solid #F0F0F0;
}

.tabberlive .tabbertab {
 padding:5px;
}

.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

.tabbertab {
	z-index:28;
	background-color:#F0F0F0;
	border: 1px solid #ccc;
	border-radius:0 4px 4px 4px;
	-moz-border-radius:0 4px 4px 4px;
	-webkit-border-radius:0 4px 4px 4px;
	box-shadow: 0px 0px 5px #ccc;
	-moz-box-shadow: 0px 0px 5px #ccc;
	-webkit-box-shadow: 0px 0px 5px #ccc;
}

/* simple tabs css */
.tabberlive_view .tabbertabhide_view {
 display:none;
}
.tabber_view {
 z-index:30;
}
.tabberlive_view {
 margin-top:10px;
}

ul.tabbernav_view
{
 margin:0;
 padding: 3px 30px 3px 3px;
 text-shadow:#ccc 1px 1px 1px, #fff 0 1px 1px; 
 border-bottom:1px solid #ccc;
 -moz-user-select: none;
 -webkit-user-select: none;
}

ul.tabbernav_view li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav_view li a
{
 background: url(images/bgshade.gif) #999;
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #ccc;
 text-decoration: none;
 border-radius:4px 4px 0 0;
 -moz-border-radius:4px 4px 0 0;
 -webkit-border-radius:4px 4px 0 0;
}

ul.tabbernav_view li a:link { color: #666; }
ul.tabbernav_view li a:visited { color: #fff; }

ul.tabbernav_view li a:hover
{
 color: #000;
 text-decoration: none;
}

ul.tabbernav_view li.tabberactive_view a
{
 background: url(images/bgtab.png) repeat-x #fff;
 color:#000;
 border: 1px solid #ccc;
 border-bottom: 1px solid #fff;
}

ul.tabbernav_view li.tabberactive_view a:hover
{
}

.tabberlive_view .tabbertab_view_ {
 padding:5px 0 0 0;
}
.tabbertab_view_ {
	z-index:28;
	background-color:#fff;
}
.tabbertab_view {
	display:none;
}
.tabber_input {
	margin-top:10px;
}

/* --- START FROM HERE, NOT FOR IE! --- */

.propwindow {
	position: absolute;
	z-index: 702;
	border: solid 1px #CCC;
	background: url(images/bgfilter.gif) repeat-x #E4E4E4;
	padding: 5px;
	margin: 0px;
	display: none;
	width:auto;
	min-width:220px;
	min-height:50px;
	table-layout: fixed;
	box-shadow: 2px 2px 3px #666666;
	-moz-box-shadow: 2px 2px 3px #666666;
	-webkit-box-shadow: 2px 2px 3px #666666;		
}
.propwindow_header {
	font-size: 9pt;
	font-weight: bold;
	color: #fff;
	font-family: Arial,Verdana;
	background-color: #EEEEEE;
	display: block;
	background-image: url(images/title.gif);
	padding:4px 4px 6px 4px;
	height:14px;
	cursor:default;
}

.propwindow_title {
	float:left;
}
.propwindow_table {
	border:1px solid #D9D9D9;
	background:#EEEEEE;
	padding:1px;
	width:100%;
	margin:5px 0 5px 0;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;		
}
.propwindow_checklist {
	max-height:170px;
	overflow:auto;
}
.propclose {
	width:16px;
	height:16px;
	float:right;
	background:url(images/close-small.png) no-repeat;
	cursor:pointer;
}

.btnstyle {
	min-width:78px;
	margin:0 3px 0 0;
	cursor:pointer;
	width:auto;
	min-width:65px;
	padding:2px;
	
}
/* Button, http://somadesign.ca/demos/buttons-redux.html */

button::-moz-focus-inner { border: 0; }
input[type=button]::-moz-focus-inner { border: 0; }
input[type=submit]::-moz-focus-inner { border: 0; }

input[type=button], input[type=submit], button {
	text-decoration: none;
	border-color:#B3B9C3;
	cursor: pointer;
	outline: none;
	color:#111;
	font-family:Arial, Verdana,sans-serif;
	display:inline-block;
	vertical-align:top;
	position:relative;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	min-width:50px;
	background-color:#E4E4E4;
	background-image:url(images/gradient.png);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,0));
	background-image: -o-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,0));
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.75)), to(rgba(255,255,255,0)));
	background-image: linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,0));
	background-repeat:repeat-x;
	text-shadow:1px 1px 0 rgba(255,255,255,.67);
	padding:2px 3px 2px 3px;
	-moz-box-shadow:1px 1px 0 rgba(255,255,255,.5) inset, -1px -1px 0 rgba(255,255,255,.5) inset;
	-webkit-box-shadow:1px 1px 0 rgba(255,255,255,.5) inset, -1px -1px 0 rgba(255,255,255,.5) inset;
	box-shadow:1px 1px 0 rgba(255,255,255,.5) inset, -1px -1px 0 rgba(255,255,255,.5) inset;
	-webkit-transition: background .185s linear;
	-moz-transition: all .185s linear;
	-o-transition: all .185s linear;
	transition: all .185s linear;
	/** Make the text unselectable **/
	-moz-user-select: none;
	-webkit-user-select: none;
	border-width:1px;
	border-style:solid;	
}
html>body button, button:after, input[type=submit], input[type=button] {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;

}
input[type=button], input[type=submit], button {
	background-image:-moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,.33) 50%, transparent 50%, transparent 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, 
		from(rgba(255,255,255,.75)),
		color-stop(0.5, rgba(255,255,255,.33) ),
		color-stop(0.5, transparent ),
		to(transparent)
	);
	background-repeat:repeat-x;
}

button:after {
	display:block;
	position:absolute;
	content:' ';
	width:100%;
	height:100%;
	border-color: transparent transparent #ccc;
	border-color: transparent transparent rgba(255, 255, 255, 0.67);
}
button:hover, button:focus, input[type=button]:hover, input[type=button]:focus, input[type=submit]:hover, input[type=submit]:focus {
	background-color:#A8D3FF;
	background-image:-moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,.33) 50%, transparent 50%, transparent 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, 
		from(rgba(255,255,255,.75)),
		color-stop(0.5, rgba(255,255,255,.33) ),
		color-stop(0.5, transparent ),
		to(transparent)
	);
	background-repeat:repeat-x;
	-moz-box-shadow: 0px 0px 3px #ccc;
	-webkit-box-shadow:0px 0px 3px #ccc;
	box-shadow:0px 0px 3px #ccc;
}
button:active, input[type=submit]:active, input[type=button]:active {
	background-image:-moz-linear-gradient(top, rgba(255,255,255,.75), rgba(75,75,75,0));
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75,.4)), to(rgba(255,255,255,.4)));
	-webkit-transition: line-height .1s linear;
	-moz-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;		
	top:1px;	
	color:#333;
}

button[disabled], button[disabled]:hover, button.disabled, button.disabled:hover,input[type=button][disabled], input[type=submit][disabled] {
	opacity: 			.5;
	cursor: 			default;
	color: 				rgba(0,0,0,0.2) !important;
	text-shadow: 		none !important;
	background-color: 	rgba(0,0,0,0.05);
	background-image: 	none;
	-webkit-box-shadow: 0px 0px 0px #fff;
	-moz-box-shadow: 0px 0px 0px #fff;
	box-shadow: 0px 0px 0px #fff;
	top:0px;
}