﻿.txtInput{
    border: 1px solid red;
    border-radius: 5px;
    height: 25px;
    width: 250px;
    padding: 0 5px;
    transition:background-color 1s linear;
}

.txtInput:focus{
    background-color: #FFF997;
}

.btnNormal{
    font-family:Arial;
    font-size:12px;
    font-style:normal;
    /*background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);*/
    background:red;
    color:white;
}

.lblCaption{
    font-family:Arial;
    font-size:12px;
    font-style:normal;
    /*color:#0e2d5f;*/
}

.gridTable{
    background-color: rgb(229,239,255);
    border: 1px solid rgb(149, 184, 231);
    color: black;
    text-align: center;
    width: 100%;
    border-collapse:collapse
}

.gridTable > th, td{
    border-top: 1px solid rgb(149, 184, 231);
    border-bottom: 1px solid rgb(149, 184, 231);
}

.gridTable th{
    color: #0e2d5f;
}

.gridTable {
    border: 1px solid #74c4fe;
}
.gridTable tr:nth-child(even) {
    background-color: #F9FCFC;
    color: #0e2d5f;
}

.gridTable tbody tr:nth-child(odd) {
    background-color: #fefeff;
    color: #0e2d5f;
}

.gridTable tbody tr {
    /*transition:all 0.3s linear;*/
}

.gridTable tbody tr:hover {
    background-color: #EAF2FF;
    color: #0e2d5f;
}

.gridTable tr {
    cursor: pointer;
}

.container {
    background:rgb(230,238,248) none repeat;
    border: 1px solid red;
    border-radius: 5px;
    text-align:center; 
    height:450px; 
    width:600px;
    margin:10px;
}

.fieldset {
    border:1px solid rgba(186, 180, 180, 0.59);

}

.ui-skin-nav {
    float: right;
	padding: 0;
	margin-right: 10px;
    margin-top: 2px;
	list-style: none outside none;
	height: 30px;
}

.ui-skin-nav .li-skinitem {
    float: left;
    font-size: 12px;
    line-height: 30px;
	margin-left: 10px;
    text-align: center;
}
.ui-skin-nav .li-skinitem span {
	cursor: pointer;
	width:10px;
	height:10px;
	display:inline-block;
    border: 1px solid #000000;
}
.ui-skin-nav .li-skinitem span.cs-skin-on{
	border: 2px solid #FF0000;
}
.ui-skin-nav .li-skinitem span.default{background-color:#D7EBF9;}

.ui-skin-nav .li-skinitem span.gray{background-color:#D3D3D3;}
.ui-skin-nav .li-skinitem span.cupertino{background-color:#AED0EA;}
.ui-skin-nav .li-skinitem span.pepper-grinder{background-color:#F8F7F6;}
.ui-skin-nav .li-skinitem span.black{background-color:black;}
.ui-skin-nav .li-skinitem span.sunny{background-color:#FED23E;}

.ui-skin-nav .li-skinitem span.metro-blue{background-color:#1A7BC9;}
.ui-skin-nav .li-skinitem span.metro-gray{background-color:#84909C;}
.ui-skin-nav .li-skinitem span.metro-green{background-color:#9BA842;}
.ui-skin-nav .li-skinitem span.metro-red{background-color:#C75252;}
.ui-skin-nav .li-skinitem span.metro-orange{background-color:#DE8033;}
