﻿body,form{
	margin:0px;padding:0px;
}

/* GENERAL
*-----------------------------------------------------------------------*/
.clear
{
	clear:both;
}

.ui-shadow-small
{
	-moz-box-shadow: 0px 1px 2px 			rgba(0,0,0,.3);
	-webkit-box-shadow: 0px 1px 2px 		rgba(0,0,0,.3);
	box-shadow: 0px 1px 2px 				rgba(0,0,0,.3);
}

.ui-shadow-med
{
	-moz-box-shadow: 0px 1px 3px 			rgba(0,0,0,.3);
	-webkit-box-shadow: 0px 1px 3px 		rgba(0,0,0,.3);
	box-shadow: 0px 1px 3px 				rgba(0,0,0,.3);
}

.ui-shadow-large
{
	-moz-box-shadow: 0px 1px 6px 			rgba(0,0,0,.3);
	-webkit-box-shadow: 0px 1px 6px 		rgba(0,0,0,.3);
	box-shadow: 0px 1px 6px 				rgba(0,0,0,.3);
}

.ui-shadow-large-10 {
	-moz-box-shadow: 0px 1px 10px 			rgba(0,0,0,.6);
	-webkit-box-shadow: 0px 1px 10px 		rgba(0,0,0,.6);
	box-shadow: 0px 1px 10px 				rgba(0,0,0,.6);    
}

.ui-shadow-large-0-2-6 {
	-moz-box-shadow: 0px 2px 6px 			rgba(0,0,0,.6);
	-webkit-box-shadow: 0px 2px 6px 		rgba(0,0,0,.6);
	box-shadow: 0px 2px 6px 				rgba(0,0,0,.6);    
}
			
.ui-curve-small
{
	-moz-border-radius: 				0.2em;
	-webkit-border-radius: 				0.2em;
	border-radius: 						0.2em;
}

.ui-curve-left-small
{
	-moz-left-border-radius: 				0.2em;
	-webkit-left-border-radius: 				0.2em;
	border-left-radius: 						0.2em;
}

.ui-curve-right-small
{
	-moz-right-border-radius: 				0.2em;
	-webkit-right-border-radius: 				0.2em;
	border-right-radius: 						0.2em;
}

.ui-curve-med
{
	-moz-border-radius: 				0.4em;
	-webkit-border-radius: 				0.4em;
	border-radius: 						0.4em;
}


.ui-curve-right-med {
	-moz-border-radius-topright: 		.4em;
	-webkit-border-top-right-radius: 	.4em;
	border-top-right-radius: 			.4em;
	-moz-border-radius-bottomright: 	.4em;
	-webkit-border-bottom-right-radius: .4em;
	border-bottom-right-radius: 		.4em;
}
.ui-curve-left-med {
	-moz-border-radius-topleft: 		.4em;
	-webkit-border-top-left-radius: 	.4em;
	border-top-left-radius: 			.4em;
	-moz-border-radius-bottomleft: 		.4em;
	-webkit-border-bottom-left-radius: 	.4em;
	border-bottom-left-radius: 			.4em;
}

.ui-curve-bottom-med{
	-moz-border-radius-bottomright: 	.4em;
	-webkit-border-bottom-right-radius: .4em;
	border-bottom-right-radius: 		.4em;
	-moz-border-radius-bottomleft: 	.4em;
	-webkit-border-bottom-left-radius: .4em;
	border-bottom-left-radius: 		.4em;
}

	
.ui-curve-large
{
	-moz-border-radius: 				0.6em;
	-webkit-border-radius: 				0.6em;
	border-radius: 						0.6em;
}
		
.ui-curve-bottom-large{
	-moz-border-radius-bottomright: 	.6em;
	-webkit-border-bottom-right-radius: .6em;
	border-bottom-right-radius: 		.6em;
	-moz-border-radius-bottomleft: 	.6em;
	-webkit-border-bottom-left-radius: .6em;
	border-bottom-left-radius: 		.6em;
}
	

/*button dimension should specified when using this*/
/*http://webdesignerwall.com/tutorials/cross-browser-css-gradient*/
/*http://coding.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/*/
.ui-button-black {
    color: #ffffff;
    border: 1px solid #000000;
    background-color: #050700;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#474340), to(#050700));
	background-image: -webkit-linear-gradient(top, #474340, #050700);
	background-image:    -moz-linear-gradient(top, #474340, #050700);
	background-image:     -ms-linear-gradient(top, #474340, #050700);
	background-image:      -o-linear-gradient(top, #474340, #050700);
	background-image:         linear-gradient(top, #474340, #050700);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#474340', endColorstr='#050700');
}

.ui-button
{
     padding: 5px; background: #fafafa; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid; margin-bottom:10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    
    border: 1px solid #3a3a3a;
    background: #555555;
    background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#424242));
    background: -webkit-linear-gradient(#555555, #424242);
    background: -moz-linear-gradient(center top, #555555 0%, #424242 100%);
    background: -moz-gradient(center top, #555555 0%, #424242 100%);
  
    box-shadow: 0 0 0 2px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.1);
    -moz-box-shadow: 0 0 0 2px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.1);
    -webkit-box-shadow: 0 0 0 2px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.1);
    
    cursor:pointer;
}

.ui-button:focus
{
    background: #fff; border-color: transparent; box-shadow: 0 0 6px rgba(48,136,255,.7); -moz-box-shadow: 0 0 6px rgba(48,136,255,.7); -webkit-box-shadow: 0 0 6px rgba(48,136,255,.7);
}

.ui-textbox {
    font-size:13px;
    min-height:22px;
    min-width:50px;
    
	margin-bottom:2px;
	margin-top:2px;
	background-color:#EFEFEF;
	
	border:1px solid #999999;
	
	-moz-box-shadow:inset  0px 1px 4px 			rgba(0,0,0,.2);
	-webkit-box-shadow:inset  0px 1px 4px 		rgba(0,0,0,.2);
	box-shadow:inset  0px 1px 4px 				rgba(0,0,0,.2);
	
	padding-bottom:2px;
	border-bottom:1px solid #cccccc;   
}

/*----------------END------------*/









