/* #Form Elements
================================================== */

.required {
    font-weight:400;
    color:#990000; 
}
.asterisk {
    font-size:120%;
    font-weight:600;
    color:#990000; 
}

.req_sup {
    position:relative;
    top:-2px;
    padding-right:4px;
    color:#ff6600;
    font-weight: bold;
}

.label,
label {
    display:inline-block;
    margin:0;
    padding: 2px;
    text-align:left; 
    font-size:1.0rem;
    font-weight:400;
}
.label {
margin-left:auto;
margin-right:auto;
}

label.floatL {
    margin: 4px auto;
    text-align:right; 
}

input[type=text].floatL {
    text-align:left; 
}


.data_noedit,
select,
textarea,
input,
input[type=textarea],
input[type=text],
input[type=password],
input[type=file] {
    margin: 2px;
    padding:5px;
    /*  color:#555555; */
    color:#039;
    font-size:1.5rem;
    font-weight:400;

  /*  background: rgba(234,234,234,0.6); */
       background:#f0f9fc;
       background:#f9fcff;
    border: 1px solid rgba(255,255,255,0.4); 
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
}


.pale_violet {
     background: rgba(135,101,201,0.3);
}

.rs_error {
    font-size:1.5rem; font-style:italic; color: #aa0000;
}
option.pipe { padding-left:10px; padding-right:10px; color:#990000; }



table.bg_light {
    background:#002244;
}
table.bg_light td {
    margin:2px;
    padding:3px 10px;
    background:#f6f6f6;
}
table.bg_dark {
    background:#f6f6f6;

}
table.bg_dark td {
    margin:2px;
    padding:3px 10px;
    background:#002244;

}

td, th {
    vertical-align:top;
}

tr.header_row th {
    margin:2px;
    padding:3px 10px;
    color:#000033;
    font-size:1.2rem;
    font-weight:600;
    text-align:center;
    background:#ccddff;

}

tr.header_row td {
    margin:2px;
    padding:3px 10px;
    color:#000033;
    font-weight:600;
    text-align:center;
    background:#ccddff;
}

.bg_dark tr.header_row th {
    margin:2px;
    padding:3px 10px;
    color:#eeeeee;
    font-size:1.2rem;
    font-weight:600;
    text-align:center;
    background:#006633;

}

.bg_dark tr.header_row td {
    margin:2px;
    padding:3px 10px;
    color:#eeeeee;
    font-weight:600;
    text-align:center;
    background:#006633;
}


.form_data { 
    position:relative; 
    display:inline-block; 
    margin:0 auto;
    padding:0px 5px; 
    border:solid 1px #cccccc;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

.form_data_block { 
    position:relative; 
    display:block; 
    margin:2px auto;
    padding:5px; 
    border:solid 1px #cccccc;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

/* #Buttons and Block Gradients
================================================== */
/*********  DEFAULT BUTTON *********/

button,
a.button,
a.button:link,
a.button:visited,
a.button:active,
input.button {
    position:relative;
    display:inline-block;
    margin:auto;
    padding:6px 12px;
    text-transform:none;
    text-decoration:none;
    color:#eeeeee; 
    border:solid 0px;
    white-space:nowrap;
    background:rgba(125,135,155,1.0);
}

button:hover,
a.button:hover,
a:hover.button
input.button:hover {
    color:#ffffff;
    background:rgba(125,185,215,1.0);
}



/*********  MODIFIED DEFAULT BUTTON *********/

/*
.go_top,
button,
a.button,
a:link.button,
a:visited.button,
a:active.button,
a.button:link,
a.button:visited,
a.button:active,
input.button {
    position:relative;
    display:inline-block;
    margin:auto;
    text-transform:none;
    text-decoration:none;
    color:#333333;
    padding:4px 8px 6px;
    font-size:1.1rem;
    font-weight:400;
    line-height:1.6;
    text-decoration:none;
    -moz-border-radius:6px 6px 6px 6px;
    -webkit-border-radius:6px 6px 6px 6px;
    border-radius:6px 6px 6px 6px;
    
     background-color: #cccccc;
     background-image:-webkit-gradient(linear, left top, left bottom,
         from(#cccccc) to (#dedede));
     background-image:-webkit-linear-gradient(top, #cccccc, #dedede);
     background-image:-moz-linear-gradient(top, #cccccc, #dedede);
     background-image:-ms-linear-gradient(top, #cccccc, #dedede);
     background-image:-o-linear-gradient(top,#cccccc, #dedede);
     background-image:linear-gradient(top, #cccccc, #dedede);
     filter: progid:DXImageTransform.Microsoft.gradient(
        startColorstr='#cccccc', endColorstr='#dedede', GradientType=0 );
     /* IE6-9 */
     background: linear-gradient( top, #cccccc 0%, #dedede 100% );
     /* W3C */
     text-shadow: 0px 1px 1px #ffffff;
     
    border:solid 0px;
    white-space:nowrap;
}

button:hover,
a.button:hover,
a:hover.button
input.button:hover {
    color:#3366cc;
}

*/



.button_arrow {
     position:relative;
     top:0px;
     font-size:150%;
}

/*************************  BUTTON SIZES  ***********************/
button,
.button_small,
input.button_small,
a.button_small,
.button_small {
    padding:2px 8px 4px;
    font-size:12px;
    font-weight:400;
    line-height:1.6;
    letter-spacing:1px;
    -moz-border-radius:4px 4px 4px 4px;
    -webkit-border-radius:4px 4px 4px 4px;
    border-radius:4px 4px 4px 4px;
}

.button_medium,
input.button_medium,
a.button_medium,
.button_medium {
    padding:2px 12px 4px;
    margin: 0 auto;
    font-size:20px;
    font-weight:300;
    line-height:1.3;
    text-decoration:none;
    letter-spacing:2px;
    -moz-border-radius:6px 6px 6px 6px;
    -webkit-border-radius:6px 6px 6px 6px;
    border-radius:6px 6px 6px 6px;
}

.button_large,
a.button_large,
.button_large {
    padding:8px 15px;
    font-size:3.0rem;
    font-weight:600;
    text-decoration:none;
    -moz-border-radius:10px 10px 10px 10px;
    -webkit-border-radius:10px 10px 10px 10px;
    border-radius:10px 10px 10px 10px;
}

.button_small:hover,
.button_medium:hover,
.button_large:hover {
    text-decoration:none;
}


/* button, */

button.peach_gradient,
.peach_gradient {
     background-color: #f3af85;
     background-image:-webkit-gradient(linear, left top, left bottom,
         from(#f3af85) to (#eacbae));
     background-image:-webkit-linear-gradient(top, #f3af85, #eacbae);
     background-image:-moz-linear-gradient(top, #f3af85, #eacbae);
     background-image:-ms-linear-gradient(top, #f3af85, #eacbae);
     background-image:-o-linear-gradient(top,#f3af85, #eacbae);
     background-image:linear-gradient(top, #f3af85, #eacbae);
     filter: progid:DXImageTransform.Microsoft.gradient(
        startColorstr='#f3af85', endColorstr='#eacbae', GradientType=0 );
     /* IE6-9 */
     background: linear-gradient( top, #f3af85 0%, #eacbae 100% );
    border: 1px solid rgba(255,255,255,0.4); 
     color:#555555;
}

button.peach_gradient:hover {
     background-color: #fd8035;
     background-image:-webkit-gradient(linear, left top, left bottom,
         from(#fd8035) to (#eacbae));
     background-image:-webkit-linear-gradient(top, #fd8035, #eacbae);
     background-image:-moz-linear-gradient(top, #fd8035, #eacbae);
     background-image:-ms-linear-gradient(top, #fd8035, #eacbae);
     background-image:-o-linear-gradient(top,#fd8035, #eacbae);
     background-image:linear-gradient(top, #fd8035, #eacbae);
     filter: progid:DXImageTransform.Microsoft.gradient(
        startColorstr='#fd8035', endColorstr='#eacbae', GradientType=0 );
      /* IE6-9 */
     background: linear-gradient( top, #fd8035 0%, #eacbae 100% );
    border: 1px solid rgba(255,255,255,0.4); 
     color:#991111;
}


button.violet_gradient,
.violet_gradient {
     background-color: #8765c9;
     background-image:-webkit-gradient(linear, left top, left bottom,
         from(#8765c9) to (#512f95));
     background-image:-webkit-linear-gradient(top, #8765c9, #512f95);
     background-image:-moz-linear-gradient(top, #8765c9, #512f95);
     background-image:-ms-linear-gradient(top, #8765c9, #512f95);
     background-image:-o-linear-gradient(top,#8765c9, #512f95);
     background-image:linear-gradient(top, #8765c9, #512f95);
     filter: progid:DXImageTransform.Microsoft.gradient(
        startColorstr='#8765c9', endColorstr='#512f95', GradientType=0 );
     /* IE6-9 */
     background: linear-gradient( top, #8765c9 0%, #512f95 100% );
     border-style: solid;
     border-width: 1px;
     border-color: #62449e;
     color:#eeeeee;
     text-shadow: 0px 1px 1px #000000;
}
.violet_gradient:hover {
     background-color: #a87efb;
     background-image:-webkit-gradient(linear, left top, left bottom,
         from(#a87efb) to (#634b94));
     background-image:-webkit-linear-gradient(top, #a87efb, #634b94);
     background-image:-moz-linear-gradient(top, #a87efb, #634b94);
     background-image:-ms-linear-gradient(top, #a87efb, #634b94);
     background-image:-o-linear-gradient(top,#a87efb, #634b94);
     background-image:linear-gradient(top, #a87efb, #634b94);
     filter: progid:DXImageTransform.Microsoft.gradient(
        startColorstr='#a87efb', endColorstr='#634b94', GradientType=0 );
      /* IE6-9 */
     background: linear-gradient( top, #a87efb 0%, #634b94 100% );
     border-style: solid;
     border-width: 1px;
     border-color: #62547c;
     color:#ffffff;
     text-shadow: 0px 1px 1px #000000;
}


button.red_gradient,
.red_gradient {
     background-color: #f07474;
     background-image:-webkit-gradient(linear, left top, left bottom,
         from(#f07474) to (#a33232));
     background-image:-webkit-linear-gradient(top, #f07474, #a33232);
     background-image:-moz-linear-gradient(top, #f07474, #a33232);
     background-image:-ms-linear-gradient(top, #f07474, #a33232);
     background-image:-o-linear-gradient(top,#f07474, #a33232);
     background-image:linear-gradient(top, #f07474, #a33232);
     filter: progid:DXImageTransform.Microsoft.gradient(
        startColorstr='#f07474', endColorstr='#a33232', GradientType=0 );
     /* IE6-9 */
     background: linear-gradient( top, #f07474 0%, #a33232 100% );
     border-style: solid;
     border-width: 1px;
     border-color: #b93636;
    color:#eeeeee;
    text-shadow: -1px -1px 0px #333333;
}
button.red_gradient:hover {
     background-color: #f08888;
     background-image:-webkit-gradient(linear, left top, left bottom,
         from(#f08888) to (#aa4747));
     background-image:-webkit-linear-gradient(top, #f08888, #aa4747);
     background-image:-moz-linear-gradient(top, #f08888, #aa4747);
     background-image:-ms-linear-gradient(top, #f08888, #aa4747);
     background-image:-o-linear-gradient(top,#f08888, #aa4747);
     background-image:linear-gradient(top, #f08888, #aa4747);
     filter: progid:DXImageTransform.Microsoft.gradient(
        startColorstr='#f08888', endColorstr='#aa4747', GradientType=0 );
      /* IE6-9 */
     background: linear-gradient( top, #f08888 0%, #aa4747 100% );
     border-style: solid;
     border-width: 1px;
     border-color: #bb5050;
     color:#ffffff;
    text-shadow: -1px -1px 0px #333333;
}



/*********  YELLOW (with GRADIENT and SHADOW) *********/
input.button_yellow,
a.button_yellow,
.button_yellow {
    color:#000000;
    border-color:#000000;
    background-color: #ffdc24;

    background-image:-webkit-gradient(linear, left top, left bottom, from(#ffff69) to (#ffdc24));
    background-image:-webkit-linear-gradient(top, #ffff69, #ffdc24);
    background-image:-moz-linear-gradient(top, #ffff69, #ffdc24);
    background-image:-ms-linear-gradient(top, #ffff69, #ffdc24);
    background-image:-o-linear-gradient(top,#ffff69, #ffdc24);

    background-image:linear-gradient(top, #ffff69, #ffdc24);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff69', endColorstr='#ffdc24', GradientType=0 );
     /* IE6-9 */
   background: linear-gradient(top, #ffff69 0%,#ffdc24 100%);
   /* W3C */
   text-shadow: 0px 1px 1px #ffffff;
   border-color:#000000;
   }
input.button_yellow:hover,
a.button_yellow:hover,
.button_yellow:hover {
    color:#3366cc;
    border-color:#3366cc;
    background-color: #efc224;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#ffe244) to (#efc224));
    background-image:-webkit-linear-gradient(top, #ffe244, #efc224);
    background-image:-moz-linear-gradient(top, #ffe244, #efc224);
    background-image:-ms-linear-gradient(top, #ffe244, #efc224);
    background-image:-o-linear-gradient(top,#ffe244, #efc224);

    background-image:linear-gradient(top, #ffe244, #efc224);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe244', endColorstr='#efc224', GradientType=0 );
     /* IE6-9 */
   background: linear-gradient(top, #ffe244 0%,#efc224 100%); /* W3C */text-shadow: 0px 1px 1px #ffffff;border-color:#333333;
   }

/*  Gradient backgrounds */
.silver_gradient {
     background-color: #f6f6f6;
     background-image:-webkit-gradient(linear, left top, left bottom,
         from(#f6f6f6) to (#dedede));
     background-image:-webkit-linear-gradient(top, #f6f6f6, #dedede);
     background-image:-moz-linear-gradient(top, #f6f6f6, #dedede);
     background-image:-ms-linear-gradient(top, #f6f6f6, #dedede);
     background-image:-o-linear-gradient(top,#f6f6f6, #dedede);
     background-image:linear-gradient(top, #f6f6f6, #dedede);
     filter: progid:DXImageTransform.Microsoft.gradient(
        startColorstr='#f6f6f6', endColorstr='#dedede', GradientType=0 );
     /* IE6-9 */
     background: linear-gradient( top, #f6f6f6 0%, #dedede 100% );
     /* W3C */
     text-shadow: 0px 1px 1px #ffffff;

}

/* #Custom Elements
================================================== */

/* Used in Job Application */

.form_wrapper { 
    padding:10px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    background:#d7dbdd; 
}

.num_block {
width:70px;
}
.num_block_liner {
    padding:5px;
}
.num_round {
    padding: 0px;
    border: 5px solid #39c;
    border-radius: 50%;
}

.num_round_active {
    border: 5px solid #c00;
    border-radius: 50%;
}
.num_btn {
    padding: 0px;
    font-family:'Baloo',cursive;
    font-size:2.8rem;
    color:#f3f3f3;
    border: 5px solid #39c;
    border-radius: 50%;
    background:#92bdd3;
}

.num_btn_active {
    padding: 0px;
    font-family:'Baloo',cursive;
    font-size:2.8rem;
    color:#fff;
    border: 5px solid #c00;
    border-radius: 50%;
    background:#92bdd3;
}

.num_btn:hover,
.num_btn_active:hover {
    color:#fff;
    background:#96d0ee;
}

td.arrow_cell {
    vertical-align:middle; 
    padding-left:10px;
}

.form_page_head{
    padding: 0 0 10px 0;
    font-family:'Baloo',cursive;
    font-size:2.3rem;
    color:#1f497d;

}

.form_section_head{
    padding: 0 0 10px 0;
    font-family:'Baloo',cursive;
    font-size:1.3rem;
    color:#1f497d;

}


/* Used in WM Suite */

.member_list a:link { 
    display:block; 
    margin:1px 0; 
    padding:4px 10px; 
    font-size:1.1rem; 
    background: rgba(255,255,255,0.25); 
}

.tiny_caption {
    position:relative; 
    display:block; 
    padding:1px 2px; 
    font-size:0.9rem; 
    color:#999999;
}

.caption {
    position:relative; 
    display:block; 
    padding:1px 2px; 
    font-size:1.0rem; 
    color:#999999;
}

label.caption {
    position:relative; 
    display:inline-block; 
    margin:0 auto;
    padding:1px 10px 2px 2px; 
    font-size:1.0rem; 
    color:#999999;
    white-space:nowrap;
}


.tiny_caption_spacer {
    position:relative; 
    display:block; 
    padding:0; 
    font-size:0.4rem; 
    color:#999999;
}



.sideframe select,
.sideframe textarea,
.sideframe input[type=textarea],
.sideframe input[type=text],
.sideframe input[type=password],
.sideframe input[type=file] {
    margin: 0 0 1px 0;
    padding: 4px;
    color:#6699cc;
    -webkit-box-shadow: 
      inset 0 0 2px  rgba(0,0,0,0.9);
    -moz-box-shadow: 
      inset 0 0 2px  rgba(0,0,0,0.9);
    box-shadow: 
      inset -1px 1px 1px  rgba(0,0,0,0.3),
            0 0 1px  rgba(255,255,255,0.25);
      
    background: rgba(155,205,255,0.2);
    
    border: 1px solid #ffffff; 
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
    
display:inline; float:left; 

}