::-webkit-input-placeholder { color:#cccccc; }
::-moz-placeholder { color:#cccccc; } 
:-ms-input-placeholder { color:#cccccc; } 
:-moz-placeholder { color:#cccccc; }

input[type='text']:focus,input[type='password']:focus{
    outline:none;
    border:#87C6F9 1px solid;
    box-shadow: 0 0 8px rgba(103, 166, 217, 1);
    color:rgb(51,51,51);
}

input.rd-btn
{
    border-radius:10px;
    text-align:center;
    text-decoration:none;
    font-size:16px;
    padding:5px 20px;
    margin-top:5px;
    border:1px rgb(217, 217, 217) solid;
    color:#000;
    background-color:transparent;
}

input.rd-btn:hover
{
    background-color:#006835;
    color:#fff;
    border:1px #006835 solid;
}

select.rd-select
{
    border:rgb(217,217,217) 1px solid;
    height:35px;
	line-height:35px;
	border-radius:5px;
	padding:5px;
}
input.rd-input
{
    border:rgb(217,217,217) 1px solid;
	border-radius:5px;
	height:35px;
	line-height:35px;
	margin-right:10px;
}
input.cal-input
{
    background-color:rgb(242,242,242);
}
input.rd2-button
{
    border:rgb(191,191,191) 3px solid;
	border-radius:5px;
	padding:10px;
	background-color:#fff;
	color:rgb(64,64,64);
}
input.rd2-button:hover
{
    background-color:rgb(192,0,0);
    color:#fff;
}

input.rd1-button
{
    border:rgb(191,191,191) 1px solid;
	border-radius:5px;
	padding:10px 20px;
	background-color:#fff;
	color:rgb(64,64,64);
}
input.rd1-button:hover
{
    background-color:rgb(192,0,0);
    border:rgb(192,0,0) 1px solid;
    color:#fff;
}
input.rd1-button-active
{
    background-color:rgb(192,0,0);
    border:rgb(192,0,0) 1px solid;
    color:#fff;
}

INPUT.ui-button{
	font-size:12px;
	font-family:Arial;
	border: 0px solid #999999;
	background-color:#666;
	color:#fff;
	height:23px !important;
	cursor:pointer;
}

.ui-state-hover, .ui-button:hover
{
	border: 0px solid #999999;
	background-color: #CC0001 !important;
	font-weight: normal;
	color: #fff;
}

.ui-state-active
{
	background: #CC0001 !important;
}	


.styled-select {
   width: 359px;
   height: 20px;
   overflow: hidden;
   background-color:#fff;
   border:1px #9E9E9E solid;
   }


/**** tab ***/
.table-page {
    position: relative;
    margin-bottom:10px;
}
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.nav:after, .nav:before{
    display: table;
    content: " ";
}
.nav-tabs {
    border-bottom: 1px solid #ddd;
}
.nav>li {
    position: relative;
    display: block;
}
.nav-tabs>li {
    /*float: left;*/
    margin-bottom: -1px;
    display:inline-block;
}
.nav>li>a {
    position: relative;
    display: block;
    text-decoration: none;
    outline: none;    
    line-height: 1.42857143;
    color: #07d;
    margin-right: 0;
    border: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
    padding: 7px 15px;
    background-color: #f8f8f8;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}