html, body {
    font-family: Open Sans;
    color: #303030;
    height: 100%; /**/
    /*max-width: 480px*/
}

/** Header **/
#header {
    padding: 10px;
    zoom: 1;  /* This makes the gradient work in IE9.  */
    background: #ffffff;  /* Old browsers */
}
#productMainLogo {
    margin:0;
    padding:0;
    height: 70px;
    background-repeat: no-repeat;
    text-indent: -9999px;
}

/** Flow style, by default the content is left aligned **/
.flowStyle {
    display: inline-block;
}

/** Footer **/
#footer {
    text-align: left;
    margin: 1em;
}
.fullPage {
    min-height: 95%;
    height: auto !important;
    /*height: 95%;*/
    /**margin: 0 auto -4em; */
}
.formPage {
    max-width: 400px;
    text-align: left;
    margin: 3em;
}
#footer {
    clear: both;
    font-size: 85%;
    position: relative;
    z-index: 2;
}
#footerwedge {
    height: 4em;
}
#footer p {
    margin: 2em 0 0 0;
}
.copyrightNotice {
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 2px;
}
a.cdnKey {
    color: #303030;
}

/* Content */
h2.subsection {
    display: inline-block;
    width: 50%;
    margin-top: 0;
    padding-top: 0.5em;
    border-top: 2px solid #acabab;

}
.formLine {
    margin-bottom: 12px;
}

.formLine label {
    display: inline-block;
    width: 100%;
    margin-right: 0.5em;
    text-align: left;
}

.formLine label.medium {
    width: 9em;
}
.formLine label.wide {
    width: 11em;
}
.formLine label.bold {
    font-weight: bold;
}
.formControlLine {
  margin-left:6.5em;
}
.formControlLineMedium {
  margin-left:9.5em;
}
.formControlLineWide {
  margin-left:11.5em;
}
.formLineC {
    margin-bottom: 12px;
}

.formLineC label {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: bold;
}

.formLineSmall {
    margin-bottom: 12px;
    font-size: 11px
}

.formLineSmall label {
    display: inline-block;
    width: 20em;
    margin-right: 0.5em;
    text-align: left;
    font-size: 11px;
}

.errorField, .errorMsg {
    color: #B44345;
}
.errorMsg {
    font-size: 14px;
}
.errorMsg > ul {
    margin-left: 0;
}
.errorMsg > ul > li {
    list-style: none;
}
a {
    color: #0d5cab;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
    cursor: pointer;
}
a.helpLink {
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    text-decoration: underline;
    margin-left: 0.5em;
    float: right;
}
dl.questionAnswer, dl.questionAnswer dd {
    margin-left: 0;
    margin-bottom: 1em;
}
dl.questionAnswer dt:before {
    content: "Q.";
    font-weight: bold;
    margin-right: 1em;
}
dl.questionAnswer dd:before {
    content: "A.";
    font-weight: bold;
    margin-right: 1em;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"] {
    cursor: pointer;
}

input[type="text"],
input[type="password"]
 {
    width: 100%;
    height: 30px;
}

/*Buttons*/
.button,
input[type='button'] {
     background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #c8c9cc) );
     background:-moz-linear-gradient( center top, #ffffff 5%, #c8c9cc 100% );
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c8c9cc');
     background-color:#ffffff;
     border:1px solid #99badc;
     display:inline-block;
     color:#303030;
     font-size:11px;
     font-weight:bold;
     padding:4px 10px;
     text-decoration:none;
}
.button:hover,
input[type='button']:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c8c9cc), color-stop(1, #ffffff) );
    background:-moz-linear-gradient( center top, #c8c9cc 5%, #ffffff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8c9cc', endColorstr='#ffffff');
    background-color:#c8c9cc;
}
.button:disabled,
input[type="button"]:disabled {
    color:#acabab;
    border-color:#acabab;
}
/* When this style is combined with the ones above they break the ability for IE
   in Quirks Mode and Compatibility Modes to apply following styles. Any combination
   of *.disabled attached to rule above, !important, etc... doesn't work. This is
   why this duplication is here.
*/
input.button.disabled {
    color:#acabab;
    border-color:#acabab;
}
.clear {
    clear: both;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}

/* Main */
.pageHeading {
    font-size: 1.25em;
    font-weight: bold;
}


#main {
}

.tab {
    margin-left: 2.5em
}

.returntologin {
    margin-top:15px;
}

.tooltip-inner {
  background-color: white;
  border: 1px solid black;
  color: black;
  text-align:left;
  max-width : 1000px;
}

select
 {
    width: 100%;
    height: 30px;
}

.centeralign {
    align: center;    
}