﻿input:hover, input:focus {
    border-color: #c5c5c5;
    background: #f6f6f6;
}

div.form {
    padding-left: 0;
    display: inline-block;
    float: left;
    width: 98%;
}

div.form label {
    display: inline-block;
    width: 10em;
    vertical-align: middle;
    padding: 0.25em;
}

div.TabForms {
    padding-left: 0;
    display: inline-block;
    float:left;
    width: 98%;
    border: 1px solid #ccc;
}

div.TabForms label {
    display: inline-block;
    vertical-align: middle;
    padding: 0.25em;
}

.fixedLength2em {
    width: 2em !important;
}

.fixedLength5em {
    width: 5em !important;
}

.fixedLength10em {
    width: 10em;
}

.fixedLength12em {
    width: 12em;
}

.fixedLength19em {
    width: 19em;
}

.fixedLength20em {
    width: 20em !important;
}

.fixedLength30em {
    width: 30em !important;
}

.fixedLength40em {
    width: 40em !important;
}

.fixedLength55em {
    width: 55em !important;
}

.haveTopMargin1em {
    margin-top: 1em;
}

.haveLeftMargin1em {
    margin-left: 1em;
}

.haveLeftMargin05em {
    margin-left: 0.5em;
}

.haveLeftMargin15em {
    margin-left: 1.5em;
}

.haveLeftMargin3em {
    margin-left: 3em !important;
}

.haveLeftMargin5em {
    margin-left: 5em;
}

ul.circle {
    list-style-type: disc;
    margin-left: 30px;
}

.emptyCircleList {
    list-style-type: circle;
}

.NumberList {
    list-style-type: decimal;
}

.fixedSummaryTable {
    border: 1px solid grey;
    max-width: 900px;
    table-layout: fixed;
    margin-bottom: 1em;
    /* table-layout:auto;*/
}

    .fixedSummaryTable > TableRow {
        text-align: left;
        vertical-align: top;
        border: 1px solid black;
        padding-right: 0.5em;
        padding-left: 0.5em;
        padding-bottom: 0.25em;
        padding-top: 0.25em;
        word-wrap: break-word;
    }

.fixedSummaryTable > tbody > tr > th, .fixedSummaryTable > tbody > tr > td,
.fixedSummaryTable > thead > tr > th, .fixedSummaryTable > thead > tr > td .fixedSummaryTable > table > tr > td {
    text-align: left;
    vertical-align: top;
    border: 1px solid black;
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-bottom: 0.25em;
    padding-top: 0.25em;
    word-wrap: break-word;
}

.GridSortAsc a {
    display:block; 
    padding:0 4px 0 15px; 
    background: url(../images/asc.gif) no-repeat;  
} 

.GridSortDesc a {
    display:block; 
    padding:0 4px 0 15px; 
    background:url(../images/desc.gif) no-repeat;
}

.fieldset-gray {
    border: 1px solid #C0C0C0;
    padding-top: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.5em;
}

.failureNotification {
    color: Red;
    font-weight: bold;
    font-size: medium;
}

.successNotification {
    color: Green;
    font-weight: bold;
    font-size: medium;
}

.warningNotification {
    color: Orange;
    font-weight: bold;
    font-size: medium;
}

.infoNotification {
    color: Blue;
    font-weight: bold;
    font-size: medium;
}

.Public {
    background: url(../Images/PImages.png) no-repeat;
    padding-left: 45px !Important;
    display: block;
}

.Hide {
    display: none;
}

.Show {
    display: block;
}

.radioButtonListLabel Label {
    margin-left : 10px;
    display: block;
    text-align: left;
    width: 55em !important;
}

.radioButtonListLabel5em Label {
    margin-left: 10px;
    display: block;
    text-align: left;
    width: 5em !important;
    vertical-align: top;
}

.radioButtonListLabel2em Label {
    margin-left: 10px;
    display: block;
    text-align: left;
    width: 2em !important;
}

.FloatLeft {
    float: left;
}

.FloatRight {
    float: right;
}

.ClearFloat {
    clear: both;
}

.Question {
    background-color: #e7eaef;
    text-transform: uppercase;
    font-size: 1.1em;
    margin: 1em 0;
    padding: 2px;
    border: 1px solid #d6d7db;    
}

.button {
  font: 14px bold Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 4px 7px 2px 4px;
  border-top: 0px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
 /*box-shadow: inset 0 1px 0 rgba(255,255,255,0.4),0 1px 1px rgba(0,0,0,0.2) ;*/
}

/************************************************
 * This is the css tab section                  *
 ************************************************/
#tabs_wrapper {
	width: 100%;
}

#tabs_container {
	border-bottom: 1px solid #ccc;
}

#tabs {
    list-style: none;
    padding: 5px 0 4px 0;
    margin: 0 0 0 10px;
    font: 0.75em arial;
}

#tabs li {
    display: inline;
}

#tabs li a {
    border: 1px solid #ccc !important;
    padding: 4px 6px;
    text-decoration: none;
    background-color: #dddddd;
    border-bottom: none;
    outline: none;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

#tabs li a:hover {
	background-color: #dddddd;
	padding: 4px 6px;
}
#tabs li.active a {
	border-bottom: 1px solid #fff;
	background-color: #fff;
	padding: 4px 6px 5px 6px;
	border-bottom: none;
}
#tabs li.active a:hover {
	background-color: #eeeeee;
	padding: 4px 6px 5px 6px;
	border-bottom: none;
}

#tabs li a.icon_accept {
	background-image: url(accept.png);
	background-position: 5px;
	background-repeat: no-repeat;
	padding-left: 24px;
}
#tabs li a.icon_accept:hover {
	padding-left: 24px;
}

#tabs_content_container {
	border: 1px solid #ccc;
	border-top: none;
	padding: 10px;
	/*width: 400px;*/
}
.tab_content {
	display: none;
}

/*********************************************************
 * Grid CSS
 *********************************************************/
.gridHeaderStyle {
    font-size: 0.90em;
    background-color: #c4c4c4;
    color: #0d0d0d;
    vertical-align: bottom
}

    .gridHeaderStyle a:link {
        background-color: #c4c4c4;
        color: #0006b1;
    }

.altRowStyle {
    background-color: #fcfcfc;
    color: #000;
    /*font-size: 0.7em;*/
}

.gridStyle {
    font-size: 0.7em;
}

.resultXPay_Grid {
    width: 100%;
}

.resultXPay_Grid div {
    text-align: left;
}

.resultXPay_Grid th {
    text-align: center;
    padding-bottom: 10px;
}

.ResultCEA_Grid th {
    padding-left: 10px;
    padding-bottom: 10px;
}

.ResultCEA_Grid td {
    padding-left: 10px;
    font-size: 90%;
}

.LeftFloat40Percent {
    float: left;
    width: 40%;
}

.FloatLeft {
    float: left;
}

.ClearFloat {
    clear: both;
}

.mycheckbox input[type="checkbox"] {
    margin-left: 2em;
}

.myrbl input[type="radio"] {
    margin-right: 1em;
}

.myrblleftmargin input[type="radio"] {
    margin-left: 1em;
}

h1 {
    /*background: url(../images/content/bullet_arrow_right_green.png) no-repeat;
    margin: 0.6em 0;
    padding: 0 0 0 38px;
    font-size: 2em;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-weight: normal;*/
}

.GridNoBorder {
    border-style: none;
    border-width: 0;
}

A {
    text-decoration: none;
}

