.CSSTableGenerator {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{
	
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#e5e5e5; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:11px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
	background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");	background: -o-linear-gradient(top,#cccccc,b2b2b2);

	background-color:#cccccc;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
	background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");	background: -o-linear-gradient(top,#cccccc,b2b2b2);

	background-color:#cccccc;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}
th{
    border-bottom:1px solid black;
}
.dashitem {
    width: 100%;
    text-align: right;
    font-weight: 700;
    line-height: 0.428571429;
    color: #555555;
    vertical-align: top;
}

.menuItems {
    margin-bottom: 20px;
    margin-right: 101px;
    margin-top: 20px;
}
.menuItemsCheckBox
{
   /*margin: 10px 20px;*/
   margin-right: 15px; padding:3px 5px 3px 5px; line-height: 25px;
     width     : 45em;
}

.fieldset
{
    border:2px solid silver;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;	
    border-radius:8px;	
   margin-right: 180px
}
.legend
{
  /*border-bottom: 2px solid silver;
    margin-bottom: 29px;
    margin-left: 5px;
    margin-right: 20px;*/
     border-bottom: 2px solid silver;
    float: left;
    font-weight:300;
    font-size:medium;
    margin-bottom: 25px;
    margin-left: 0;
    margin-right: 20px
}
/* REGISTRATION STEPS HEADING SYTLE */
.registrationHeadings {
    text-align: left;
    height: 40px;
}

.roleNamesMargins {
    margin-right: 101px;
    margin-top: -12px;
}

.backButton {
    background: #cadb2a none repeat scroll 0 0;
    color: #fff;
}

.dropDownListWidth {
    width: 200px;
}
/* DASHBOARD STYLES */
.dashboardWrap {
    border: 0px solid #e9e9e9;
    padding: 10px;
    background-color: #ffffff;
    margin-top: 80px;
    margin-bottom: 160px;
}

.dashboardItem101 a {
    display: block;
    float: left;
    width: 120px;
    height: 120px;
    border: 1px solid #f4f4f4;
    background-color: #fff;
    background-image: url(../../Areas/Admin/Content/images/DashBoard/_roles2.png);
    background-repeat: no-repeat;
    background-position: 15px 30px;
    margin: 0px 10px 15px 0px;
    padding: 10px;
    font-size: 11px;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.dashboardItemDeleted a {
    display: block;
    float: left;
    width: 120px;
    height: 120px;
    border: 1px solid #f4f4f4;
    background-color: #fff;
    background-image: url(../../Areas/Admin/Content/images/DashBoard/pic4.png);
    background-repeat: no-repeat;
    background-position: 15px 30px;
    margin: 0px 10px 15px 0px;
    padding: 10px;
    font-size: 11px;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.dashboardItemExpired a {
    display: block;
    float: left;
    width: 120px;
    height: 120px;
    border: 1px solid #f4f4f4;
    background-color: #fff;
    background-image: url(../../Areas/Admin/Content/images/DashBoard/pic2.png);
    background-repeat: no-repeat;
    background-position: 15px 30px;
    margin: 0px 10px 15px 0px;
    padding: 10px;
    font-size: 11px;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.dashboardItemInactive a {
    display: block;
    float: left;
    width: 120px;
    height: 120px;
    border: 1px solid #f4f4f4;
    background-color: #fff;
    background-image: url(../../Areas/Admin/Content/images/DashBoard/pic4.png);
    background-repeat: no-repeat;
    background-position: 15px 30px;
    margin: 0px 10px 15px 0px;
    padding: 10px;
    font-size: 11px;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.dashboardItem102 a {
    display: block;
    float: left;
    width: 120px;
    height: 120px;
    border: 1px solid #f4f4f4;
    background-color: #fff;
    background-image: url(../../Areas/Admin/Content/images/DashBoard/_user.png);
    background-repeat: no-repeat;
    background-position: 15px 30px;
    margin: 0px 10px 15px 0px;
    padding: 10px;
    font-size: 11px;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.dashboardItemRoles a {
    display: block;
    float: left;
    width: 120px;
    height: 120px;
    border: 1px solid #f4f4f4;
    background-color: #fff;
    background-image: url(../../Areas/Admin/Content/images/DashBoard/_status2.png);
    background-repeat: no-repeat;
    background-position: 15px 30px;
    margin: 0px 10px 15px 0px;
    padding: 10px;
    font-size: 11px;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.dashboardItemUsers a {
    display: block;
    float: left;
    width: 120px;
    height: 120px;
    border: 1px solid #f4f4f4;
    background-color: #fff;
    background-image: url(../../Areas/Admin/Content/images/DashBoard/_registration2.png);
    background-repeat: no-repeat;
    background-position: 15px 30px;
    margin: 0px 10px 15px 0px;
    padding: 10px;
    font-size: 11px;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.dashboardItemMain a {
    display: block;
    float: left;
    width: 120px;
    height: 120px;
    border: 1px solid #f4f4f4;
    background-color: #fff;
    background-image: url(../../Areas/Admin/Content/images/DashBoard/pic1.png);
    background-repeat: no-repeat;
    background-position: 15px 30px;
    margin: 0px 10px 15px 0px;
    padding: 10px;
    font-size: 11px;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.dashboardItem103 a {
    display: block;
    float: left;
    width: 120px;
    height: 120px;
    border: 1px solid #f4f4f4;
    background-color: #fff;
    background-image: url(../../Areas/Admin/Content/images/DashBoard/_logins.png);
    background-repeat: no-repeat;
    background-position: 15px 30px;
    margin: 0px 10px 15px 0px;
    padding: 10px;
    font-size: 11px;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.dashboardItem-0 a:hover {
    border: 1px solid #b8d6fb;
    background-color: #eef5fd;
    background-image: url(images/cpanel/dashboard-2.png);
    background-repeat: no-repeat;
    background-position: 15px 30px;
    color: #000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.dashboardItem a {
    display: block;
    float: left;
    width: 110px;
    height: 100px;
    border: 1px solid #f4f4f4;
    background-color: #fff;
    background-image: url(images/cpanel/cpanel-icon.png);
    background-repeat: no-repeat;
    background-position: 15px 30px;
    margin: 0px 10px 15px 0px;
    padding: 10px;
    font-size: 11px;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .dashboardItem a:hover {
        border: 1px solid #b8d6fb;
        background-color: #eef5fd;
        background-image: url(images/cpanel/cpanel-icon-2.png);
        background-repeat: no-repeat;
        background-position: 15px 30px;
        color: #000;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

.dashboardTitle {
    font-weight: 500;
    color: #c8a65d;
    font-size: 20px;
    font-style: normal;
    font-family: Georgia;
    margin-bottom: 15px;
}

.hr {
    margin: 0.5em auto;
}

.dashname {
    width: 100%;
    text-align: left;
    line-height: 0.428571429;
    color: #555555;
    vertical-align: middle;
    /*padding:20px 40px 0px 0px;
   border-width:thin;
   border-spacing:9px;
   border-bottom:solid;*/
}


.table {
    width: 100%;
    margin-bottom: 20px;
}

    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td {
        padding: 8px;
        line-height: 1.428571429;
        vertical-align: top;
        border-top: 1px solid #dddddd;
}
     .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #dddddd;
    }
     .table > tbody + tbody {
        border-top: 2px solid #dddddd;
    }

    .table .table {
        background-color: #ffffff;
    }
    .table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 5px;
}
    .table > caption + thead > tr:first-child > th,
    .table > colgroup + thead > tr:first-child > th,
    .table > thead:first-child > tr:first-child > th,
    .table > caption + thead > tr:first-child > td,
    .table > colgroup + thead > tr:first-child > td,
    .table > thead:first-child > tr:first-child > td {
        border-top: 0;
    }
    .table-bordered {
    border: 1px solid #dddddd;
}
.actionLink {
    text-decoration: underline;
    color:lightblue;
    font-weight:500;
}
.TableGrid{
}
.TopVAlign
{
    vertical-align:top;
}
 .table-bordered > thead > tr > th,
    .table-bordered > tbody > tr > th,
    .table-bordered > tfoot > tr > th,
    .table-bordered > thead > tr > td,
    .table-bordered > tbody > tr > td,
    .table-bordered > tfoot > tr > td {
        border: 1px solid #dddddd;
    }

    .table-bordered > thead > tr > th,
    .table-bordered > thead > tr > td {
        border-bottom-width: 2px;
    }

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #f5f5f5;
}
actionLink:link {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #C00;
}

.formAlignment {
    margin-left: 459px;
}

.errorMessageAlign {
    margin-left: -340px;
}

actionLink:hover {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #6F0;
}

actionLink:active {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #90F;
}

actionLink:visited {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #FF0;
}

.spanMessage {
    font-size: small;
}

.ui-datepicker {
    width: 17em; /*what ever width you want*/
}

.container-fluid {
    /*overflow:scroll;*/
    min-height: 100%;
}

html, body {
    height: 100%;
    overflow-x: hidden;
}

div.ui-datepicker {
    font-size: 12px;
}

.spacing-table {
    border-collapse: separate;
    border-spacing: 0 5px; /* this is the ultimate fix */
}

    .spacing-table th {
        padding: 5px 15px;
        text-align: left;
        font-size: medium;
    }

    .spacing-table td {
        padding: 5px 0px;
    }

.formMargins {
    margin-left: 400px;
}

.spacing-table-reg {
    border-collapse: separate;
    border-spacing: 0 5px; /* this is the ultimate fix */
}

    .spacing-table-reg th {
        padding: 5px 15px;
        text-align: left;
        font-size: medium;
    }

    .spacing-table-reg td {
        padding: 5px 0px;
    }

input[type="text"] {
    display: block;
    width: 200px;
    height: 34px;
    padding: 6px 12px;
    font-size: 11.5px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.col-md-10 {
    width: 23% !important;
}

.personnelStyles {
    font-size: small;
    width: 70%;
}

.textBox {
    display: block;
    width: 70%;
    height: 34px;
    padding: 6px 12px;
    font-size: 11.5px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
/*hr.style-three {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}*/
.errorMessage {
    color: #ffeeee;
    font-size: 9px;
}

.datepicker {
    font-size: 10px;
}

.contactTable {
    width: 80%;
}

.contactColumnHearder {
    border-bottom: 1px dashed #ccc;
}

.termsCheckBox {
    margin-left: -175px;
    width:300px;
}

.loginBoxes {
    width: 80%;
}

.field-validation-error {
    color: #ff0000;
    font-size: small;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/*.termslabel {
   
    margin-left: 164px;
    margin-top: -28px;
    width:348px;
    display: inline;
}*/
 .termslabel {
    display: inline;
    margin-left: 155px;
    margin-top: -26px;
    width: 219px;
}

input[type="password"] {
    display: block;
    /*width: 75%;*/ width:200px;
    height: 34px;
    padding: 6px 12px;
    font-size: 11.5px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

select {
    display: block;
    width: 200px;
    height: 34px;
    padding: 6px 12px;
    font-size: 11.5px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.datefield {
}

/* style all elements with a required attribute */

/* style all input elements with a required attribute */
input:required {
    box-shadow: 2px 2px 20px rgba(200, 0, 0, 0.85);
}

.requiredField {
    box-shadow: 2px 2px 20px rgba(200, 0, 0, 0.85);
}

.requiredSteriks {
    color: red;
}
/**
 * style input elements that have a required
 * attribute and a focus state
 */
input:required:focus {
    border: 1px solid red;
    outline: none;
}

/**
 * style input elements that have a required
 * attribute and a hover state
 */
input:required:hover {
    opacity: 1;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    margin-right: 12px;
    font-weight: bold;
    font-size: 11.5px;
    padding-left:5px;
}

.labeltitle {
    font-weight: bold;
    font-size: 17px;
}

input[type="submit"] {
    display: inline-block;
    color: #fff;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    background: #cadb2a; /*#449d44;*/
    border: 1px solid transparent;
    border-radius: 4px;
}

    input[type="submit"].active.focus, input[type="submit"].active:focus, input[type="submit"].focus, input[type="submit"]:active.focus, input[type="submit"]:active:focus, input[type="submit"]:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    input[type="submit"].focus, input[type="submit"]:focus, input[type="submit"]:hover {
        color: #333;
        text-decoration: none;
    }

    input[type="submit"].active, input[type="submit"]:active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    }



input[type="button"] {
    display: inline-block;
    color: #fff;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    background: #449d44;
    border: 1px solid transparent;
    border-radius: 4px;
}

    input[type="button"].active.focus, input[type="button"].active:focus, input[type="button"].focus, input[type="button"]:active.focus, input[type="button"]:active:focus, input[type="button"]:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    input[type="button"].focus, input[type="button"]:focus, input[type="button"]:hover {
        color: #333;
        text-decoration: none;
    }

    input[type="button"].active, input[type="button"]:active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    }


input[type="file"] {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    background: #31b0d5;
    border: 1px solid transparent;
    border-radius: 4px;
}

    input[type="file"].active.focus, input[type="file"].active:focus, input[type="file"].focus, input[type="file"]:active.focus, input[type="file"]:active:focus, input[type="file"]:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    input[type="file"].focus, input[type="file"]:focus, input[type="file"]:hover {
        color: #333;
        text-decoration: none;
    }

    input[type="file"].active, input[type="file"]:active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    }


#AddBtn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    background: #31b0d5;
    border: 1px solid transparent;
    border-radius: 4px;
}

    #AddBtn.active.focus, #AddBtn.active:focus, #AddBtn.focus, #AddBtn:active.focus, #AddBtn:active:focus, #AddBtn:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    #AddBtn.focus, #AddBtn:focus, #AddBtn:hover {
        color: #333;
        text-decoration: none;
    }

    #AddBtn.active, #AddBtn:active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    }

textarea {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    height: auto;
    overflow: auto;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}


.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -ms-animation: spin .7s infinite linear;
    -webkit-animation: spinw .7s infinite linear;
    -moz-animation: spinm .7s infinite linear;
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }

    to {
        transform: scale(1) rotate(360deg);
    }
}

@-webkit-keyframes spinw {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spinm {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

#loadingSpinner {
    float: none;
    margin: 0 auto;
}

.modal-dialog {
    /*margin: 0; auto;
    padding: 0;*/
    margin: 0px;
    padding: 0px;
    width: auto;
    display: inline-block;
}
/*
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
*/
.background {
    opacity: 0.1;
    filter: alpha(opacity=10); /* For IE8 and earlier */
}

.navbar-inverse .navbar-nav > li > a {
    color: black;
}

#myNavbar {
    color: black !important;
}

.text-error {
    color: red;
}

.img-logo {
    margin: 0;
    padding: 0;
}

.jumbotron {
    padding: 0 !important;
    margin: 0 !important;
}

.required {
    color: red;
}

.SearchCriteria {
    width: auto;
}

#accordion div {
    height: auto !important;
}

#accordion {
    height: auto;
}

td .display-field {
    /*border-collapse:separate!important;*/
    border-spacing: 5px !important;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 70% !important;
}

/*footer {
    height: 100px;
}*/
.message-box{
        text-align:center;
}
.CSSTableGeneratorTop {
	margin:0px;padding:0px;
	width:100%;
	border:1px solid #ffffff;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGeneratorTop table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGeneratorTop tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGeneratorTop table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGeneratorTop table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGeneratorTop tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGeneratorTop tr:hover td{
	background-color:#e5e5e5;
		

}
.CSSTableGeneratorTop td{
	vertical-align:middle;
		background:-o-linear-gradient(bottom, #ffffff 5%, #e5e5e5 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #e5e5e5) ); 
	background:-moz-linear-gradient( center top, #ffffff 5%, #e5e5e5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e5e5e5");	background: -o-linear-gradient(top,#ffffff,e5e5e5);

	background-color:#ffffff;

	border:1px solid #ffffff;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGeneratorTop tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGeneratorTop tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGeneratorTop tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGeneratorTop tr:first-child td{
		background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
	background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");	background: -o-linear-gradient(top,#cccccc,b2b2b2);

	background-color:#cccccc;
	border:0px solid #ffffff;
	text-align:left;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
}
.CSSTableGeneratorTop tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
	background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");	background: -o-linear-gradient(top,#cccccc,b2b2b2);

	background-color:#cccccc;
}
.CSSTableGeneratorTop tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGeneratorTop tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}
/*------*/
.CSSTableGeneratorDetails {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGeneratorDetails table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}
 /*.CSSTableGeneratorDetails tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}*/
/*.CSSTableGeneratorDetails table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}*/
/*.CSSTableGeneratorDetails table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGeneratorDetails tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGeneratorDetails tr:hover td{
	
}*/
/*.CSSTableGeneratorDetails tr:nth-child(odd){ background-color:#e5e5e5; }*/
.CSSTableGeneratorDetails tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGeneratorDetails td{
	/*vertical-align:middle;
	
	
	border:1px solid #000000;*/
	/*border-width:0px 1px 1px 0px;*/
	text-align:left;
	padding:7px;
	font-size:11px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}
                                                                             
.CSSTableGeneratorDetails tr:last-child td{
	border-width:0px 1px 0px 0px;
}
.CSSTableGeneratorDetails tr td:last-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGeneratorDetails tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGeneratorDetails tr:first-child th{
	
	background-color:#cccccc;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
}
/*.CSSTableGeneratorDetails tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
	background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");	background: -o-linear-gradient(top,#cccccc,b2b2b2);

	background-color:#cccccc;
}*/
/*.CSSTableGeneratorDetails tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGeneratorDetails tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}*/