﻿/* Begin MyAccount-specific styles */

body {
    font-family: Museo;
    font-weight: 300;
    font-size: 14px;
    font-family: proxima-nova, SansSerif, Arial;
    color: #2D464D;
}

.button {
    background: #00AA00 0% 0% no-repeat padding-box;
    border: 1px solid #00AA00;
    border-radius: 15px;
    height: 30px;
    opacity: 1;
    padding: 0px 18px 0px 18px;
    font-size: 11px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    width:auto;
   /*margin-left : 10px;*/
}

input, textarea {
    -webkit-appearance: none;
    color: #000;
    background: #ffffff;
    border: 1px solid #d8c9c0;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Archer A', 'Archer B', sans-serif;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    max-width: 100%;
    padding: 0px 15px 0px 15px;
    width: 290px;
    font-weight: 300;
}

.banner {
    height: 131px;
    /*background-color: #2d464d;*/
    vertical-align:middle;
}
.banner div
{
    text-align: center;
}

.banner img{
    height:45px;
}

form {
    margin-left: auto;
    margin-right: auto;
    text-align: -webkit-center;
    background-color: #EAF2F5;
    padding-top:30px;
    height:100vh;
}

table
{
    margin: 0px;
}

.order-history
{
    font-family: museo-sans, Arial;
}

table.order-table
{
    border-style: none;
    border-width: 0px;
}


tr.order-heading th
{
    border: solid;
    border-color: white;
    border-width: 1px;
    font-weight: normal;
}

.order-row td
{
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-width: 1px;
    padding: 6px;
}
.order-row td.left
{
    border-left-style: none;
    border-left-width: 0px;
}
.order-row td.right
{
    border-right-style: none;
    border-right-width: 0px;
}

.no-border
{
    border-width: 0px;
    border-style: none;
}

div.border
{
    border-color: #3c2415;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
}

form.wide
{
    width: 894px;
}
form.wide .form-heading
{
    width: 894px;
}
form.wide table
{
    width: 895px;
}

.form-heading
{
    margin-bottom: 20px;
    display: table-cell;
}
.form-heading .heading
{
    font-size: 24px;
    color: #3c2415;
    float: left;
}
.form-heading .alt-heading
{
    float: right;
    font-size: 16px;
    padding-top: 10px;
}

.form-heading .selected-heading 
{
    font-weight: bold;
    color: #000000;    
}

.form-body {
    padding-top: 33px;
    padding-bottom: 53px;
    border-radius: 4px;
    background-color: white;
    border-radius:34px;
    width:447px;

}
.form-body .inner-panel
{
    margin-left: auto;
    margin-right: auto;
    width: 257px;
}

.form-item
{
    margin-top: 20px;
    height: 36px;
    width: 100%;
}
.form-item .field
{
    width: 100%;
}
.form-item .option .checkbox input
{
    height: 13px;
    float: left;
    margin-bottom: 23px;
}
.form-item .option span
{
    color: #3c2415;
    font-size: 14px;
    line-height: 18px;
}
.form-item .footnote
{
    font-family: museo-sans;
    font-size: 12px;
    color: #66768b;
}

.form-button
{
    text-align: center;
    margin-top: 30px;
}
.form-button input
{
    font-size: 18px;
    line-height: 18px;
    height: 45px;
}

.form-footnote
{
    margin-top: 16px;
    text-align: center;
}
.form-footnote a
{
    font-size: 12px;
    font-family: Museo-Sans;
    font-style: italic;
}
.form-footnote p
{
    font-size: 12px;
    font-family: Museo-Sans;
    font-style: italic;
}


div .zilla-alert
{
    margin-bottom: 0px;
    margin-top: 20px;
}
.zilla-alert li
{
    font-weight: 400;
}
.zilla-alert p
{
    font-weight: 400;
}

.footer
{
    text-align: center;
    margin-top: 10px;
}

.dot
{
    color:#999;
}

.hidden
{
    display: none;
    visibility: hidden;
}

/* End MyAccount-specific styles */

.ErrorMessage 
{
    font-family: museo;
    font-size: 13px;
    color: #FF0000;
}

.mainUIErrorMessage 
{
    font-family: museo;
    font-size: 13px;
    color: #FF0000;
}

.mainBlockUIMessage
{
	font-weight: bold;
	font-size: 11pt;
	font-family: museo;
	color : #F0F0F0;
}

.mainUIMainFunction
{
    font-family: museo-sans; 
    font-size: 24px; 
    color: #3c2415; 
}

.mainUIAltFunction
{
    font-family: museo-sans; 
    font-size: 16px; 
    color: #3c2415; 
}

.mainUIAltFunctionLink
{
    font-family: museo-sans; 
    font-size: 16px; 
    color: #3069b3; 
}

.mainUIInput
{
	font-size: 18px;
	font-family: museo-sans;
	color : #333;
}

.mainUIInputWatermark
{
	font-size: 18px;
	font-family: museo-sans;
	color : #999;
}

.mainUILabel
{
	font-weight: bold;
	font-size: 12pt;
	font-family: museo-sans;
	color : #333;
}

.mainUIMessage
{
	font-weight: bold;
	font-size: 12pt;
	font-family: museo-sans;
	color : #999;
}

input[type="submit"]:hover {
	background:#00FF00;
}

a:button:hover {
	background:#00FF00;
}


#rblReason input
 {    
      display: block;
      float: left;
      height: 14px;
      width: 14px;
      margin-top: 2px;
      padding-left: 0px;
      padding-right: 0px;
 }

#rblReason label
 {    
      float: left;
      font-family: museo-sans; 
      text-align: left;
      font-size: 14px; 
      color: #3c2415;
      display: block;
      width: 80%;
      
 }

.footer {
    font-size: 14px;
    font-family: proxima-nova, SansSerif, Arial;
    color: #2D464D;
}

::-webkit-input-placeholder {
   color: #999;
}

:-moz-placeholder { /* Firefox 18- */
   color: #999;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #999;  
}

:-ms-input-placeholder {  
   color: #999;  
}

/*-----------------------------------------------------------------------------------*/
/*	Alert Styles
/*-----------------------------------------------------------------------------------*/

.zilla-alert {
    padding: 0.8em;
    margin: 0 0 1.5em 0;
    line-height: 1.6em;
    border-radius: 4px!important;
		-webkit-border-radius: 4px!important;
		-moz-border-radius: 4px!important;
		-o-border-radius: 4px!important;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);
		-o-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);
}

.zilla-alert.white {
    background: #fff;
    border: 1px solid #dfdfdf;
    color: #373737;
}

.zilla-alert.red {
    background: #ffe6e3;
    border: 1px solid #f2c3bf;
    color: #bf210e;
}

.zilla-alert.yellow {
    background: #fff7d6;
    border: 1px solid #e9d477;
    color: #956433;
}

.zilla-alert.green {
    background: #edfdd3;
    border: 1px solid #c4dba0;
    color: #657e3c;
}
	
.zilla-alert.grey {
    background: #fbfbfb;
    border: 1px solid #dfdfdf;
    color: #373737;
}


/*-----------------------------------------------------------------------------------*/
/*	Modal Styles
/*-----------------------------------------------------------------------------------*/

.blockMsg {
    border:0 !important;
    -moz-box-shadow: rgba(0,0,0,1) 0 4px 30px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 4px 30px;
    -khtml-box-shadow: rgba(0,0,0,1) 0 4px 30px;
    box-shadow: rgba(0,0,0,.25) 0 4px 50px;
    border-radius: 4px;
}