File: src/jquery.toolkit.css

/** fixing some stuff across browsers */
.tk-inlineStack, .tk-icon, .tk-icon-small, .tk-icon-medium, .tk-icon-big{
	zoom:1;
	display:-moz-inline-stack;
	display:inline-block;
	*display:inline;
	vertical-align:top;
}
.tk-inlineStack .tk-inlineStack, .tk-inlineStack .tk-icon,
.tk-inlineStack .tk-icon-small, .tk-inlineStack .tk-icon-medium,
.tk-inlineStack .tk-icon-big{
	display:-moz-inline-box;
	display:inline-block;
	*display:inline;
	vertical-align:top;
}
.tk-icon, .tk-icon-small, .tk-icon-medium, .tk-icon-big{
  overflow:hidden;color:rgba(255,255,255,0);font:0/0 Arial;
}
.tk-icon, .tk-icon-small{ width:16px;height:16px; }
.tk-icon-medium{ width:24px;height:24px; }
.tk-icon-big{ width:32px;height:32px; }


/** theming stuffs */
.tk-border { border: solid #333 1px; }
.tk-border-top{ border-top: solid #333 1px; }
.tk-border-right{ border-right: solid #333 1px; }
.tk-border-bottom{ border-bottom: solid #333 1px; }
.tk-border-left{ border-left: solid #333 1px; }
.tk-border-none{ border: none; }

.tk-corner{
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
}
.tk-corner-top{
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	-webkit-border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
}
.tk-corner-bottom{
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-webkit-border-bottom-left-radius:7px;
	-webkit-border-bottom-right-radius:7px;
	border-bottom-left-radius:7px;
	border-bottom-right-radius:7px;
}
.tk-corner-left{
	-moz-border-radius-topleft:7px;
	-moz-border-radius-bottomleft:7px;
	-webkit-border-top-left-radius:7px;
	-webkit-border-bottom-left-radius:7px;
	border-top-left-radius:7px;
	border-bottom-left-radius:7px;
}
.tk-corner-right{
	-moz-border-radius-topright:7px;
	-moz-border-radius-bottomright:7px;
	-webkit-border-top-right-radius:7px;
	-webkit-border-bottom-right-radius:7px;
	border-top-right-radius:7px;
	border-bottom-right-radius:7px;
}
.tk-corner-top-left{
	-moz-border-radius-topleft:7px;
	-webkit-border-top-left-radius:7px;
	border-top-left-radius:7px;
}
.tk-corner-top-right{
	-moz-border-radius-topright:7px;
	-webkit-border-top-right-radius:7px;
	border-top-right-radius:7px;
}
.tk-corner-bottom-left{
	-moz-border-radius-bottomleft:7px;
	-webkit-border-bottom-left-radius:7px;
	border-bottom-left-radius:7px;
}
.tk-corner-bottom-right{
	-moz-border-radius-bottomright:7px;
	-webkit-border-bottom-right-radius:7px;
	border-bottom-right-radius:7px;
}

/** shadows */

.tk-boxShadow{
	-moz-box-shadow: .1em .1em .25em #888;
	-webkit-box-shadow: .1em .1em .25em #888;
	box-shadow: .1em .1em .25em #888;
}
.tk-boxDarkShadow{
	-moz-box-shadow: .1em .1em .25em #000;
	-webkit-box-shadow: .1em .1em .25em #000;
	box-shadow: .1em .1em .25em #000;
}
.tk-boxLightShadow{
	-moz-box-shadow: .1em .1em .25em #fff;
	-webkit-box-shadow: .1em .1em .25em #fff;
	box-shadow: .1em .1em .25em #fff;
}
.tk-boxNeon{
	-moz-box-shadow: .1em .1em .25em #888, -.1em -.1em .25em #888;
	-webkit-box-shadow: .1em .1em .25em #888, -.1em -.1em .25em #888;
	box-shadow: .1em .1em .25em #888, -.1em -.1em .25em #888;
}
.tk-boxOutline{
	-moz-box-shadow:0 1px 0.05em #888,0 -1px 0.05em #888,1px 0 0.05em #888,-1px 0 0.05em #888,1px 1px 0.05em #888,-1px 1px  0.05em #888,1px -1px 0.05em #888,-1px -1px  0.05em #888;
	-webkit-box-shadow:0 1px 0.05em #888,0 -1px 0.05em #888,1px 0 0.05em #888,-1px 0 0.05em #888,1px 1px 0.05em #888,-1px 1px  0.05em #888,1px -1px 0.05em #888,-1px -1px  0.05em #888;
	box-shadow:0 1px 0.05em #888,0 -1px 0.05em #888,1px 0 0.05em #888,-1px 0 0.05em #888,1px 1px 0.05em #888,-1px 1px  0.05em #888,1px -1px 0.05em #888,-1px -1px  0.05em #888;
}
.tk-textShadow{
	text-shadow: .1em .1em .25em #888;
}
.tk-textDarkShadow{
	text-shadow: .1em .1em .25em #000;
}
.tk-textLightShadow{
	text-shadow: .1em .1em .25em #fff;
}
.tk-textNeon{
	text-shadow: .1em .1em .25em #888,  -.1em -.1em .25em #888;
}
.tk-textOutline{
	text-shadow:0 1px 0.05em #888,0 -1px 0.05em #888,1px 0 0.05em #888,-1px 0 0.05em #888,1px 1px 0.05em #888,-1px 1px  0.05em #888,1px -1px 0.05em #888,-1px -1px  0.05em #888;}

.tk-content{
	padding:.4em .8em;
	display:block;
}

/** took from */
.tk-bgGradient{
  background-image: -moz-linear-gradient(top, #aaa, #fff); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #aaa),color-stop(1, #fff)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#aaa', EndColorStr='#fff'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#aaa', EndColorStr='#fff')"; /* IE8 */
}

/** some status classes */
.tk-state-warning, .tk-state-error, .tk-state-success, .tk-state-info{
	font-weight:bold;
}
.tk-state-normal{
  background-color:#eee;
  border-color:#888 !important;
  color:#555;
}
.tk-state-warning {
  background-color:#ffb;
  border-color:#fb4 !important;
  color:#950;
}
.tk-state-error{
	background-color:#fee;
	border-color:#b44 !important;
	color:#922;
}
.tk-state-success{
	background-color:#efe;
	border-color:#4b4 !important;
	color:#292;
}
.tk-state-info{
	background-color:#eef;
	border-color:#33f !important;
	color:#229;
}
.tk-state-disabled{
  background-color:#eee !important;
  border-color:#bbb !important;
  color:#999 !important;
	cursor:default !important;
}
.tk-state-active{
  background-color:#fcfcfc;
  border-color:#555 !important;
  color:#333;
}
.tk-state-hover{
  background-color:#e0e0e0 !important;
  border-color:#666 !important;
  color:#444 !important;
}
.tk-state-focus{
	-moz-box-shadow:0 0 .2em #f90;
	-webkit-box-shadow:0 0 .2em #f90;
	box-shadow:0 0 .2em #f90;
}