@charset "utf-8";
/* CSS Document */
hr{margin:20px 0;border:0;border-top:1px solid #ccc;border-bottom:1px solid #fff;}
select,textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {border:1px solid #aaa;}

/* this is for the profile forms */
/*
 *Form CSS
 */
.button a {color:#fff;} 

#profileform .form-all {
    list-style: none;
    list-style-position: outside;
    margin: 0px;
    font-family: Verdana;
    font-size: 12px;
}

#profileform .form-captcha {
    border: 1px solid #ccc;
    background: #f5f5f5;
    padding: 6px;
    width: 152px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px;
	border-radius: 4px 4px 4px 4px;
}

#profileform #payment_total{
    display:inline-block;
}

#profileform #coupon-message {
    font-size: 10px;
    font-weight: normal;
    white-space: normal;
}
#profileform .form-captcha:hover {
    border: 1px solid #aaa;
}

#profileform .form-captcha-image {
    border: 1px solid #aaa;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px;
	border-radius: 4px 4px 4px 4px;
}

#profileform .form-collapse-table{
     height:58px;
     border:1px solid #ccc;
     background:#f5f5f5 url(../../images/soft-grad.png) repeat-x;
     position:relative;
}

#profileform .form-list{
    padding:3px;
    border:1px solid #CCC;
    -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.2) inset;
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.2) inset;
}
#profileform .form-list option{
    padding:2px;
}
#profileform .form-list option:nth-child(2n+1){
    background:#f5f5f5;
}

#profileform .form-textarea {
    font-family: "Lucida Grande", Verdana;
}

#profileform .form-textarea-limit{
    
}
#profileform .form-textarea-limit > span{
    display:inline-block;
}
#profileform .form-textarea-limit textarea{
    /*border:1px solid #aaa;*/
    overflow:auto;
}
#profileform .form-textarea-limit textarea:focus{
    outline:none !important;
}
#profileform .form-textarea-limit-indicator{
    /*background: none repeat scroll 0 0 #F5F5F5;
    border-color: -moz-use-text-color #AAAAAA #AAAAAA;
    border-right: 1px solid #AAAAAA;
    border-style: none solid solid;
    border-width: medium 1px 1px;*/
    color: #666666;
    font-size: 9px;
    margin-top: -1px;
    padding: 2px;
    text-align: right;
}
#profileform .form-textarea-limit-indicator-error{
    background:#FFAAAA;
    color:#fff;
}

#profileform.nicEdit-main {
    background-color: white;
}

#profileform .form-datetime-validation-error {
    background:#FFAAAA;
    color:#fff;   
}

#profileform .form-collapse-left{
    
}
#profileform .form-collapse-mid{
     text-shadow:0px 2px 0px #fff;
     float:left;
     font-size:18px;
     margin:16px 45px 16px 20px;
}

#profileform .form-product-item{
    display:inline-block;
    padding:5px 5px 5px 10px;
    position:relative;
    
}

#profileform .form-product-item img {
    display:block;
    position: static;
    margin: 0 12px 0 0;
    float:left;

    -moz-border-radius: 3px 3px;
    -webkit-border-radius: 3px 3px;
    border-radius: 3px 3px;
}

#profileform.hover-product-item:hover{
    background:#f5f5f5;
    color:#000;
}

#profileform .form-product-item label, #profileform .form-product-item .form-radio, #profileform .form-product-item .form-checkbox {
    cursor: pointer;
}
#profileform .form-special-subtotal {
    display: block;
    font-size: 10px;
    margin-left: 10px;
    margin-top: 6px;
}

#profileform .form-product-image, #profileform .form-product-image-with-options{
    margin:5px;
    margin-left:10px;
}

#profileform .form-product-image-with-options{
    position:absolute;
    top:15px;
    -moz-border-radius:5px 5px;
	-webkit-border-radius:5px 5px;
	border-radius:5px 5px;
}


#profileform .form-radio, #profileform .form-checkbox{
    vertical-align:middle;
    margin:0px;
    padding:0px;
}

#profileform .form-radio-item, #profileform .form-checkbox-item{
    margin-top:5px;
    float:left;
}
#profileform .form-multiple-column, #profileform .form-single-column{
    display:inline-block;
    /*display: inline; 
    zoom: 1;
    *display: inline;*/
}
#profileform .form-multiple-column #profileform .form-radio-item, #profileform .form-multiple-column #profileform .form-checkbox-item{
    width:150px;
}

#profileform .form-radio-item label, #profileform .form-checkbox-item label{
    margin-left:5px;
}
#profileform .form-radio-item br, #profileform .form-checkbox-item br{
    clear:left;
}

#profileform .form-submit-button, #profileform .form-submit-reset, #profileform .form-submit-print, #profileform .form-screen-button{
    margin:0px;    
    overflow:visible;
    padding:1px 6px;
    width:auto;
}
#profileform .form-submit-button::-moz-focus-inner, #profileform .form-submit-reset::-moz-focus-inner{
    border: 0px;
    padding:1px 6px;
}

#profileform .form-button-red{
	border: 1px solid red;
}

#profileform .form-button-magenta{
	border: 1px solid magenta;
}
#profileform .form-screen-message{
    /*float:left;*/
    width: 260px;
    height: 100px;
}

#profileform .form-screen-button div{
    background-image: url("/images/photo.png");
    background-position:center;
    background-repeat:no-repeat;
    height: 50px;
    width: 50px;
}

#profileform .form-screen-button {
    /*float:left;*/
    position:absolute;
    top:1px;
    
    margin:0px;
    margin-left:10px;
    padding:0px;
    
    background: #fdc000; /* Old browsers */
    background: -moz-linear-gradient(top, #fdc000 0%, #fe8900 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdc000), color-stop(100%,#fe8900)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fdc000 0%,#fe8900 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fdc000 0%,#fe8900 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #fdc000 0%,#fe8900 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdc000', endColorstr='#fe8900',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #fdc000 0%,#fe8900 100%); /* W3C */
   
    -moz-box-shadow:0 1px 0 rgba(255, 255, 255, .6), 0 1px 0 rgba(255,255,255,.6) inset;
    -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .6), 0 1px 0 rgba(255,255,255,.6) inset;
    box-shadow:0 1px 0 rgba(255, 255, 255, .6), 0 1px 0 rgba(255,255,255,.6) inset;
    
    border:1px solid #ae5d00;
    border-radius: 5px;
}

#profileform .form-screen-button:hover {
    background: #fcc932; /* Old browsers */
    background: -moz-linear-gradient(top, #fcc932 0%, #fc9e32 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcc932), color-stop(100%,#fc9e32)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcc932 0%,#fc9e32 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcc932 0%,#fc9e32 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #fcc932 0%,#fc9e32 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc932', endColorstr='#fc9e32',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #fcc932 0%,#fc9e32 100%); /* W3C */
    
    border:1px solid #ae5d00;
}

#profileform .form-screen-button:active {
    background: #fe8900; /* Old browsers */
    background: -moz-linear-gradient(top, #fe8900 0%, #fdc000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe8900), color-stop(100%,#fdc000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fe8900 0%,#fdc000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fe8900 0%,#fdc000 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #fe8900 0%,#fdc000 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe8900', endColorstr='#fdc000',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #fe8900 0%,#fdc000 100%); /* W3C */
    
    border:1px solid #C56600;
    -moz-box-shadow:0 1px 0 rgba(255, 255, 255, .6), 0 -1px 0 rgba(255,255,255,.6) inset;
    -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .6), 0 -1px 0 rgba(255,255,255,.6) inset;
    box-shadow:0 1px 0 rgba(255, 255, 255, .6), 0 -1px 0 rgba(255,255,255,.6) inset;
}
#profileform .form-screenshot-plate{
    background: url("../../images/noises/defaultdesktop.png") repeat scroll 0 0 transparent;
    border: 2px solid #545454;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.7) inset;
    margin: 10px 0;
    text-align: center;
}
#profileform .form-screenshot-img{
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
    margin: 14px 0;
    display:inline-block;
}
#profileform .form-screenshot-img img{
    
}

#profileform .form-submit-print::-moz-focus-inner{
    padding:0px 6px;
}
#profileform .form-submit-print{
    padding:1px 6px;
}
#profileform .form-submit-print img{
    margin-left: -14px;
    margin-right: 3px;
    margin-top: -3px;
}
#profileform .form-submit-print{
    margin-bottom: -4px;
    margin-top: -6px;
    margin-left: -6px;
    margin-right: 5px;
}

#profileform .form-submit-button-img{
    border:none !important;
    margin:0 !important;
    padding:0 !important;
    background: none !important;
    cursor: pointer !important;
}

#profileform .form-collapse-right{
     position:absolute;
     right:0px;
     height:58px;
     width:40px;
}
#profileform .form-collapse-right-show{
     background: url(../../images/arrow-open.png) no-repeat center;
}
#profileform .form-collapse-right-hide{
     background: url(../../images/arrow-closed.png) no-repeat center;
}

#profileform .form-collapse-hidden {
    display: none;
}

#profileform .form-grading-item {
    margin-bottom: 3px;
}

#profileform .form-header {
    margin:0px;
}

#profileform .form-footer {
	margin: 0px;
	text-align:center;
	font-size: 9px;
	color: #999;
	font-weight: 300;
}
#profileform .form-subHeader {
    border-top: 1px solid #ccc;
    font-style: italic;
}

#profileform .form-header-group{
    background:#f5f5f5;
    border-bottom:1px solid #ccc;
    padding:12px;
	clear:both;
}

#profileform .form-footer-group{
/*    background:#f5f5f5;*/
/*    border-bottom:1px solid #ccc;*/
    padding:12px;
	clear:both;
}

#profileform .form-label {
    width: 150px;
    margin-bottom: 6px;
    display:inline-block;
    white-space:normal;
}

#profileform .form-label-top {
    margin-bottom:6px;
    display:block;
    white-space:normal;
}

#profileform .form-label-left {
    float:left;
    display:inline-block;
    text-align:left;
    padding:3px;
    white-space:normal;
}

#profileform .form-label-right {
    float:left;
    display:inline-block;
    text-align:right;
    margin-bottom:6px;
    padding:3px;
    white-space:normal;
}

#profileform .form-input-wide {
}

#profileform .form-section, #profileform .form-section-closed {
    list-style:none;
    list-style-position:outside;
    margin:0px;
    padding:0px;
    position:relative;
    zoom:1;
    clear:both;
}

#profileform .form-section-closed {
    overflow: hidden;
    height: 60px;
}

#profileform .form-input {
   display:inline-block;
}

#profileform .form-line {    
	clear:both;
	padding:10px;
	margin:0px;
	/* Changed display to block to prevent a bug in Chrome */
    display:block;
    width:97%;
    width:-moz-available;
    /* Removed this because it was changing the size of the migrated forms */
	/* border:1px solid transparent ; */
	position:relative;
}

#profileform .form-line-column{
    float:left;
    clear:none;
    width:auto;
    white-space:nowrap;
}
/* Added css rule below to retain display:inline-block for shrunken fields */
#profileform .form-line #profileform .form-line-column {
	display:inline-block;
}

#profileform .form-line-column-clear{
    clear:left;
    width:auto;
}

#profileform .form-line-active {
    background-color: #FFFFE0;
    /*outline: 1px solid #EEEED0;*/
    color:#333;
}

#profileform .form-matrix-table {
    border-collapse: collapse;
    font-size: 10px;
    margin-bottom: 5px;
}

#profileform .form-matrix-column-headers {
    border: 1px solid #ccc;
    background: #ddd;
    color:inherit;
    text-align:center;
}

#profileform .form-matrix-row-headers {
    border: 1px solid #ccc;
    background: #ddd;
}

#profileform .form-matrix-values {
    border: 1px solid #ccc;
    background: #f5f5f5;
}

#profileform .form-pagebreak{
    border-top:1px solid #ccc;
    background:#f5f5f5;
    height:60px;
    clear:left;
}

#profileform .form-pagebreak-back-container, 
#profileform .form-pagebreak-next-container{
    float:left;
    padding:10px;
    padding-top:14px;
}

#profileform .form-pagebreak-next-container{
    padding-left:0px;
}

#profileform .form-pagebreak-back, 
#profileform .form-pagebreak-next{
    -webkit-border-radius:5px 5px;
    -webkit-box-shadow:0px 1px 2px #aaa;
    -moz-border-radius:5px 5px;
    -moz-box-shadow:0px 1px 2px #aaa;
	border-radius:5px 5px;
	box-shadow:0px 1px 2px #aaa;
    border:1px solid #999;
    background:#ddd;
    padding:5px;
    margin:0px;
    font-size:14px;
}

#profileform .form-pagebreak-next{
    margin:0 0 0 20px;
}

#profileform.button-hidden {
    display:none;
}

#profileform .form-required {
    margin-left: 5px;
    color: red;
}

#profileform .form-scale-table {
    font-size: 12px;
}

#profileform .form-scale-table th {
    border-bottom: 1px solid #ccc;
    color: #999;
}

#profileform .form-product-details {
    font-size: 9px;
    color: #999;
    font-style: italic;
}

#profileform .form-address-table{
    width:330px;
}

#profileform .form-address-line{
    width:310px;
}
#profileform .form-address-city, #profileform .form-address-state{
    width:144px;
}
#profileform .form-address-table td, #profileform .form-address-table th{    
    padding-bottom:10px;
}

#profileform .form-address-table select{
    width:150px;
}

#profileform .form-button-error{
    color:red;
    display:inline;
    text-align: center;
}

#profileform .form-pagebreak>#profileform .form-button-error { 
	padding:14px 10px 10px;
	display:block;
}

#profileform .form-line-error{
    background:#FFAAAA;
    /*border:1px solid #FFAAAA;*/
    color:#333;
}

#profileform .form-line-error input:not(#coupon-input), #profileform .form-line-error textarea, #profileform .form-validation-error {
    border:1px solid red;
	-moz-box-shadow:0 0 2px red;
	-webkit-box-shadow:0 0 2px red;
	box-shadow:0 0 2px red;
}
#profileform .form-validation-error.form-input{
    border:none;
}
#profileform .form-line-active .form-error-message {
    display: none; 
}

#profileform .form-error-message{
    /*
    right:7px;
    top:6px;
    */
    
    z-index:900;
    position:absolute;
    max-width:130px;
    right:0px;
    top:0px;
    color:#333;
    padding:3px;
    font-size:10px;
    border:4px solid #dd8888;
    -webkit-box-shadow:0px 2px 4px rgba(102, 102, 102, 0.5);
    -webkit-border-radius:6px 6px;
    -moz-box-shadow:0px 2px 4px rgba(102, 102, 102, 0.5);
    -moz-border-radius:6px 6px;
	box-shadow:0px 2px 4px rgba(102, 102, 102, 0.5);
	border-radius:6px 6px;
    background:#FFCCCC;
}

#profileform .form-error-arrow{
    position:absolute;
    top:-20px;
    left:10px;
    height:0px;
    width:0px;
    border:10px solid transparent;
    border-bottom-color:#666;    
    border-bottom:10px solid rgba(102, 102, 102, 0.3);
}

#profileform .form-error-arrow-inner{
    position:absolute;
    top:1px;
    height:0px;
    width:0px;
    border:10px solid transparent;
    border-bottom-color:#FFCCCC;
    border-bottom-width:11px;
    left:-10px;
    top:-10px;
}

#profileform .form-input #profileform .form-error-message, #profileform .form-input-wide #profileform .form-error-message{
    bottom:-5px;
    font-size:11px;
    position:relative;
    z-index:900;
    right:auto;
    top:auto;
    color:#333;
    padding:3px;
    max-width:100%;
    padding-bottom:3px;
    font-size:12px;
    border:none;
    -moz-box-shadow:0px 2px 4px rgba(102, 102, 102, 0.5);
    -webkit-box-shadow:0px 2px 4px rgba(102, 102, 102, 0.5);
    -moz-border-radius:6px 6px;
    -webkit-border-radius:6px 6px;
	box-shadow:0px 2px 4px rgba(102, 102, 102, 0.5);
	border-radius:6px 6px;
    background:#FFCCCC;
}
/*
.form-input .form-error-message:before,
.form-input-wide .form-error-message:before, 
.form-multiple-column:before, .form-single-column:before,
.form-input .form-error-message:after,
.form-input-wide .form-error-message:after,
.form-multiple-column:after, .form-single-column:after {
    content: " "; display: table;
} 
.form-input .form-error-message:after,
.form-input-wide .form-error-message:after,
.form-multiple-column:after, .form-single-column:after {
    clear: both;
}
*/
#profileform .form-description{
    z-index:1000;
    position:absolute;
    right:7px;
    max-width:150px;
    top:6px;
    border:4px solid #ccc;
    -webkit-border-radius:6px 6px;
    -webkit-box-shadow:0px 2px 4px #666;
    -moz-border-radius:6px 6px;
    -moz-box-shadow:0px 2px 4px #666;
	border-radius:6px 6px;
    box-shadow:0px 2px 4px #666;
    background:#f5f5f5;
    white-space:normal;
}
    
#profileform .form-description-content{
    padding:10px;
    font-size:10px;
    color:#333;
}
    
#profileform .form-description-arrow {
    border-color:transparent #CCCCCC transparent transparent;
    border-style:solid;
    border-width:10px;
    height:0;
    width:0;
    left:-24px;
    top:7px;
    position:absolute;
}    
    
#profileform .form-description-arrow-small {
    border-color:transparent #F5F5F5 transparent transparent;
    border-style:solid;
    border-width:7px;
    height:0;
    width:0;
    left:-14px;
    top:10px;
    position:absolute;
}


#profileform.right{
    right:33px !important;
    float: none !important;
}

#profileform .form-line:hover #profileform .form-description-indicator, #profileform .form-line-active #profileform .form-description-indicator{
    display:block;
}

#profileform .form-description-indicator{
    display:none;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    background:url(../../images/s-info.png) no-repeat center;
    /*border-left:1px solid #ccc;
    background-color:#f5f5f5;*/   
}

#profileform.right #profileform .form-description-arrow {
    border-color:transparent transparent transparent #CCCCCC;
    left:auto;
    right:-24px;
}    
    
#profileform.right #profileform .form-description-arrow-small {
    border-color:transparent  transparent transparent #F5F5F5;
    left:auto;
    right:-14px;
}

#profileform .form-autocomplete-list{
    font-family:Verdana, Geneva, Arial, arial, sans-serif;
    font-size:12px;
    background:#333;
    background:rgba(26,58,81,0.8);
    border:1px solid #eee;
    border-top:none;
    padding:5px 0;
    -moz-border-radius-bottomright:10px 10px;
    -moz-border-radius-bottomleft:10px 10px;
    -moz-box-shadow:0px 5px 10px rgba(0,0,0,0.6);
    -webkit-border-bottom-right-radius:10px 10px;
    -webkit-border-bottom-left-radius:10px 10px;
    -webkit-box-shadow:0px 5px 10px rgba(0,0,0,0.6);
    border-radius-bottom-right:10px 10px;
    border-radius-bottom-left:10px 10px;
    box-shadow:0px 5px 10px rgba(0,0,0,0.6);
}

#profileform .form-autocomplete-list-item{
    margin:0 5px;
    border:1px solid transparent;
    color:#fff;
    padding:3px;
    -moz-border-radius:5px 5px;
    -webkit-border-radius:5px;
	border-radius:5px 5px;
    text-shadow:1px 1px 3px #000;
    cursor:pointer;
}
#profileform .form-autocomplete-list-item-selected, #profileform .form-autocomplete-list-item:hover{
    -moz-box-shadow:0 0 4px #333;
    -webkit-box-shadow:0 0 4px #333;
	box-shadow:0 0 4px #333;
    border:1px solid #1a3a51;
    background:#4295D1;
}
#profileform .form-autocomplete-list-item:hover{
    border:1px solid #ccc;
}
#profileform .form-sub-label-container{
    display:inline-block;
    margin-right:5px;
    white-space: nowrap;
}
#profileform .form-sub-label{
    color:#999999;
    display:block;
    font-size:9px;
    
}
#profileform .form-html{
    padding:3px;
	/*Emre: to prevent HTML textbox to expand more instead of getting shorter after shrinking (50747) */
	white-space: normal;
}
#profileform .form-radio-other-input, #profileform .form.checkbox-other-input {
    margin-left:5px;
}
#profileform .form-spinner-input-td{
    white-space:normal;
}
/**
 * Hides the browser default spinner buttons in protoplus based spinner field
 */
#profileform .form-spinner-input-td input[type="number"]::-webkit-inner-spin-button,
#profileform .form-spinner-input-td input[type="number"]::-webkit-outer-spin-button {
    display:none;
}

#profileform.edit-hover{ display:none; }

/**  
 * For custom hint style, to achieve placeholder like color 
 */ 
#profileform .form-custom-hint{   
    color: #aaa !important;
    overflow: hidden !important;
}

/**
* FilePicker.io upload styling
*/
#profileform.filePicker-button{

    
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    padding: 9px 24px;
    margin-bottom: 0;
    
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    
	background: #0074CC; /* Old browsers */
	background: -moz-linear-gradient(top,  #0088cc 0%, #0055cc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0088cc), color-stop(100%,#0055cc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0088cc 0%,#0055cc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0088cc 0%,#0055cc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0088cc 0%,#0055cc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0088cc 0%,#0055cc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0088cc', endColorstr='#0055cc',GradientType=0 ); /* IE6-9 */

    
    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}

#profileform.filePicker-button:hover {
background: #00a0f0; /* Old browsers */
background: -moz-linear-gradient(top,  #00a0f0 0%, #0064f0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a0f0), color-stop(100%,#0064f0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00a0f0 0%,#0064f0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00a0f0 0%,#0064f0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00a0f0 0%,#0064f0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #00a0f0 0%,#0064f0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a0f0', endColorstr='#0064f0',GradientType=0 ); /* IE6-9 */

}

#profileform.filePicker-button:active {
background: #0064f0; /* Old browsers */
background: -moz-linear-gradient(top,  #0064f0 0%, #00a0f0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0064f0), color-stop(100%,#00a0f0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0064f0 0%,#00a0f0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0064f0 0%,#00a0f0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0064f0 0%,#00a0f0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0064f0 0%,#00a0f0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0064f0', endColorstr='#00a0f0',GradientType=0 ); /* IE6-9 */

}



/**
 * Multiple file upload styling
 */
#profileform.qq-uploader { position:relative; width:224px;}

#profileform.qq-upload-button {
    /*background: none repeat scroll 0 0 #B5B5B5;*/
    background: #ffa84c; /* old browsers */
    background: -moz-linear-gradient(top, #FBCB5D 0%, #EFA003 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBCB5D), color-stop(100%,#EFA003)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBCB5D', endColorstr='#EFA003',GradientType=0 ); /* ie */
    color: #FFFFFF;
    display: block;
    font-size:16px;
    padding: 8px 0;
    text-align: center;
    text-shadow: 0 -1px #C64F00;
    border: 1px solid #C64F00;
    -moz-border-radius:5px 5px;
    -webkit-border-radius:5px 5px;
    border-radius:5px 5px;
}

#profileform.qq-upload-button-hover {
    background: #ff7b0d; /* old browsers */
    background: -moz-linear-gradient(top, #ff7b0d 0%, #ffa84c 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7b0d), color-stop(100%,#ffa84c)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7b0d', endColorstr='#ffa84c',GradientType=0 ); /* ie */
   
}
#profileform.qq-upload-button-focus {outline:1px dotted black;}

#profileform.qq-upload-delete{
    display:none;
    top:0px;
    position:absolute;
    background: #f85032; /* old browsers */
    background: -moz-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* ie */
    width:20px;
    height:20px;    
    right:0px;
    color:#fff;
    line-height:18px;
    text-align:center;
    text-shadow:0 -1px 0px #000;
    -moz-border-radius:0px 5px 5px 0px;
    -webkit-border-radius:0px 5px 5px 0px;
    border-radius:0px 5px 5px 0px;
    border-left:1px solid #aaa;
    cursor:pointer;
}
#profileform.qq-upload-delete:hover{
    background: #ffb76b; /* old browsers */
    background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* ie */
}
#profileform.qq-upload-list li:hover{
    border:1px solid #aaa;
}
#profileform.qq-upload-list li:hover #profileform.qq-upload-delete{
    display:block;
}


#profileform.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 54px; z-index:2;
    background:#F5F5F5;
    background:rgba(240, 240, 240, 0.9);
    text-align:center; 
    color:#B1B1B1;
    border:2px dashed #c5c5c5;
    -moz-border-radius:5px 5px;
    -webkit-border-radius:5px 5px;
    border-radius:5px 5px;
}
#profileform.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-10px; font-size:16px;
}
#profileform.qq-upload-drop-area-active {
    background:lightyellow;
    background:rgba(222, 255, 210, 0.9);
}
#profileform.qq-upload-list { margin:10px 0; padding:0; list-style:none; }
#profileform.qq-upload-list li {
    position:relative;
    font-size: 11px;
    margin: 8px 0;
    color: #5E5B5B;
    padding: 2px 4px;
    background: #EEEEEE;
    -moz-border-radius: 5px 5px;
    -webkit-border-radius: 5px 5px;
    border-radius: 5px 5px;
    white-space: normal;
    border:1px solid transparent;
}
#profileform.qq-upload-file,#profileform.qq-upload-spinner, #profileform.qq-upload-size, #profileform.qq-upload-cancel, #profileform.qq-upload-failed-text {
    font-size:9px;
    line-height:16px;
}

#profileform.qq-file-uploading{
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    width: 80px;
}

#profileform.qq-upload-failed-text{float:right;}
#profileform.qq-upload-fail{
    background:#FF927D !important;
    color:#fff !important;
}
#profileform.qq-upload-fail #profileform.qq-upload-size{display:none !important;}
#profileform.qq-upload-file {}
#profileform.qq-upload-spinner {display:inline-block; background: url("../../images/loading.gif"); width:15px; height:15px; vertical-align:text-bottom;margin-bottom: 3px;margin-left: 2px;}
#profileform.qq-upload-size,#profileform.qq-upload-cancel {float:right;margin-left: 4px;}
#profileform.qq-upload-failed-text {display:none;}
#profileform.qq-upload-fail .qq-upload-failed-text {display:inline;}


/**
 *  FB Login button styles and alignments
 */
#profileform.fb-login-wrapper{
    
}
#profileform.fb-align-auto, #profileform.fb-align-center{
    
}
#profileform.fb-align-left{
    
}
#profileform.fb-align-right{
    
}
#profileform.fb-login-label{
    color: #888888;
    font-size: 11px;
    line-height: 23px;
}
#profileform.fb-login-button{
    
}

/**
 *  FB Login End
 */

 
 /* paypal pro */
#profileform.paypalpro_img {
    width: 40px; 
    height: 26px;
    padding-right: 7px;
}
#profileform.paypalpro_visa { background: url('../fonts/../../images/credit-card-logo.png') no-repeat 0 0; }

#profileform.paypalpro_mc { background: url('../fonts/../../images/credit-card-logo.png') no-repeat -47px 0; }

#profileform.paypalpro_amex { background: url('../fonts/../../images/credit-card-logo.png') no-repeat -94px 0; }

#profileform.paypalpro_dc { background: url('../fonts/../../images/credit-card-logo.png') no-repeat -141px 0; }

/**
 * reCaptcha styling
 */
#recaptcha_logo{ display:none;}
#recaptcha_tagline{display:none;}
#recaptcha_table{border:none !important;}
.recaptchatable .recaptcha_image_cell, #recaptcha_table{ background-color:transparent !important; }
#recaptcha_table td { padding-left:0px !important; }

#profileform.always-hidden {
    display:none !important;
}

/*
 * TODO: This a fix for column view in IE6 and IE7
 * only in single column. After relaxing we have
 * to change the HTML code directly to fix column
 * problems in IE6 and IE7.
 */
#profileform .form-single-column .clearfix { display: inline-block; }
#profileform .form-single-column .clearfix { display: block; }
/*
 * New Feature for fixes for mobile devices. 
 * We should improve this for each and every kind of question.
 * then test it on various mobile devices 
 */
@media only screen and (max-device-width: 550px){
    body{
        /* background:#EAEAEA url(/images/bg.png) repeat-x 0 -55px !important; */
        font-size: 18px;
    }
    #profileform .form-all{
        width:auto !important;
    }
    #profileform .form-label-left{
        float:none;
        display:block;
    }
    #profileform .form-buttons-wrapper{
        margin:5px !important;
        text-align:center;
    }
    #profileform .form-submit-print{
        display:none;
    }
    #profileform .form-textarea{
    	/* Emre: to prevent the textareas to overflow when iPhone is used (47600) */
        width:94% !important;
    }
    #profileform .form-textbox, #profileform .form-textarea, #profileform .form-dropdown, #profileform .form-list{
        border:1px solid #555;
        padding:4px;
        -webkit-border-radius:5px 5px;
        -webkit-box-shadow:0 2px 4px rgba(0,0,0, 0.4) inset;
        -moz-border-radius:5px 5px;
        -moz-box-shadow:0 2px 4px rgba(0,0,0, 0.4) inset;
        border-radius:5px 5px;
        box-shadow:0 2px 4px rgba(0,0,0, 0.4) inset;
    }
    #profileform .form-address-table{
        width:300px;
    }
    #profileform .form-address-line{
        width:280px;
    }
    #profileform .form-address-city, #profileform .form-address-state{
        width:130px;
    }
    #profileform .form-address-table td, #profileform .form-address-table th{    
        padding-bottom:10px;
    }
    #profileform .form-address-table select{
        width:120px;
    }
    #profileform .form-spinner{
        border-collapse:inherit !important;
        border:1px solid #555 !important;
        -webkit-border-radius:5px 5px;
        -webkit-box-shadow:0 2px 4px rgba(0,0,0, 0.4) inset;
        -moz-border-radius:5px 5px;
        -moz-box-shadow:0 2px 4px rgba(0,0,0, 0.4) inset;
        border-radius:5px 5px;
        box-shadow:0 2px 4px rgba(0,0,0, 0.4) inset;
    }
    #profileform .form-spinner-up, #profileform .form-spinner-down{
        padding:0 8px !important;
        border:none !important;
        border-left:1px solid #555 !important;
    }
    #profileform .form-spinner-up{
        -moz-border-radius-topright:5px 5px;
        -webkit-border-top-right-radius:5px 5px;
        border-top-right-radius:5px 5px;
        border-bottom:1px solid #555 !important;
    }
    #profileform .form-spinner-down{
        -moz-border-radius-bottomright:5px 5px;
        -webkit-border-bottom-right-radius:5px 5px;
        border-bottom-right-radius:5px 5px;
    }
    #profileform .form-spinner-input-td{
        padding-right:6px !important;
    }
    #profileform .form-spinner-input-td input{
        padding:4px !important;
        background:none;
    }
    #profileform .form-sub-label-container img[id*="pick"]{
        width:25px;
    }
    div.form-header-group{
        margin:0px !important;
    }
    div.form-pagebreak .form-label-left{
        display:inline-block !important;
        float:left;
    }
    #profileform .form-submit-button, #profileform .form-submit-reset{
        font-size:18px;
        line-height:30px;
    }
    #profileform .form-captcha{
        border:1px solid #555;
    }
    #profileform .form-captcha input{
        width:120px !important;
    }
}

#profileform.clearfix2:before,#profileform.clearfix2:after{content:" ";display:table;}
#profileform.clearfix2:after{clear:both;}

#profileform .form-all {
	font-size:18px;
	color:#000;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;

	background-repeat: no-repeat;
}

#profileform .form-line {
	/* Don't conver these into shorthand */
	padding-top:12px;
	padding-bottom:12px;
	padding-left:36px;
	padding-right:36px;


	margin:6px 0;
	width:100%;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#profileform .form-label-top,
#profileform .form-label-left,
#profileform .form-label-right {
	font-weight: bold;
	/*color:#555;*/
	margin-bottom: 9px;
}

#profileform .form-label-right {
	margin-right:0;
	padding-right:15px;
}

#profileform .form-textbox,
#profileform .form-textarea,
#profileform .form-radio-other-input, #profileform .form-checkbox-other-input,
#profileform .form-captcha input {
	padding:3px;
	margin-left: 0;
	border:1px solid #ccc;
	font-size:1em; /*14px*/
	line-height:1.071em; /*15px*/

	-moz-box-shadow: 0 1px 2px #eee inset;
	-webkit-box-shadow: 0 1px 2px #eee inset;
	box-shadow: 0 1px 2px #eee inset;
}

#profileform .form-radio-other-input, #profileform .form-checkbox-other-input {
	margin-top:-3px;
}

#profileform .form-spinner input {
	padding:3px !important;
}

#profileform .form-all .form-upload {
	border:none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#profileform .form-sub-label {
	font-size:0.786em; /*11px*/
	margin-top:3px;
}

#profileform .form-dropdown {
	padding: 2px;
	font-size:0.857em;/*12px*/
}

#profileform .form-radio,
#profileform .form-checkbox {
	vertical-align: top;
	margin-top:2px;
}

#profileform .form-radio-item label,
#profileform .form-checkbox-item label,
#profileform .form-grading-label {
	font-size:1em; /*14px*/
	color:#000;
}
#profileform .form-radio-item,
#profileform .form-checkbox-item {
	margin-top:0;
	margin-bottom: 6px;
}



/* HEADING FIELD
------------------------------*/

#profileform .form-header-group {
	background: transparent; /* For overriding */
	border: none; /* For overriding */
	padding: 24px 0;
	margin: 12px 36px 18px;
	border-bottom: 1px solid #e3e3e3;
	border-top: 1px solid #e3e3e3;
}

#profileform li:first-child .form-header-group,
.form-header-group + .form-header-group {
	border-top:0;
}

#profileform h1.form-header {
	font-size: 2.143em; /*30px*/
}

#profileform h2.form-header {
	font-size: 1.714em; /*24px*/
}

#profileform h3.form-header {
	font-size: 1.5em; /*21px*/
}

#profileform .form-header{
	color:#000;
}
#profileform .form-subHeader {
	border-top:none;
	font-size: 1.071em; /*15px*/
	line-height:1.5em;  /*21px*/
	font-style: normal;
	/*color:#555;*/
	margin:3px 0 0;
}



/* BUTTONS
------------------------------*/

#profileform .form-pagebreak-back,
#profileform .form-pagebreak-next,
#profileform.qq-upload-button,
#profileform .form-submit-button,
#profileform .form-submit-reset,
#profileform .form-submit-print {
	border:1px solid #ccc;
	padding:6px 12px;
	color:#666;
	text-shadow:0 1px #fff;
	cursor:pointer;

	-moz-border-radius: 3px 3px;
	-webkit-border-radius: 3px 3px;
	border-radius: 3px 3px;

	-moz-box-shadow: 0 1px #fff inset, 0 1px #ddd;
	-webkit-box-shadow: 0 1px #fff inset, 0 1px #ddd;
	box-shadow: 0 1px #fff inset, 0 1px #ddd;

	background: #f5f5f5; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f5f5 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f5f5 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5f5f5 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(top,  #f5f5f5 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}

#profileform .form-pagebreak-back:hover,
#profileform .form-pagebreak-next:hover,
#profileform .form-submit-button:hover,
#profileform.qq-upload-button:hover,
#profileform .form-submit-reset:hover,
#profileform .form-submit-print:hover {
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
	background: linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
}

#profileform .form-pagebreak-back:active,
#profileform .form-pagebreak-next:active,
#profileform .form-submit-button:active,
#profileform.qq-upload-button:active,
#profileform .form-submit-reset:active,
#profileform .form-submit-print:active {
	background: #eeeeee;
	background: -moz-linear-gradient(top,  #eeeeee 0%, #f5f5f5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#f5f5f5));
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#f5f5f5 100%);
	background: -o-linear-gradient(top,  #eeeeee 0%,#f5f5f5 100%);
	background: -ms-linear-gradient(top,  #eeeeee 0%,#f5f5f5 100%);
	background: linear-gradient(top,  #eeeeee 0%,#f5f5f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f5f5f5',GradientType=0 );

	-moz-box-shadow: 0 1px #fff inset;
	-webkit-box-shadow: 0 1px #fff inset;
	box-shadow: 0 1px #fff inset;
}

#profileform .form-submit-button,
#profileform .form-submit-reset,
#profileform .form-submit-print {
	color:#333;
	font-size:1em; /*14px*/
	margin-top:12px;
	margin-bottom:12px;
}

#profileform .form-submit-reset,
#profileform .form-submit-print {
	font-size:0.857em; /*12px*/
	padding:4px 8px;
}

#profileform .form-submit-print img {
	margin:-4px 3px 0 -7px;
}

#profileform.qq-upload-button {
	padding:8px 0;

	-moz-border-radius: 6px 6px;
	-webkit-border-radius: 6px 6px;
	border-radius: 6px 6px;
}



/* FORM-LINE ACTIVE
------------------------------*/


#profileform .form-line-active {
	background: #FFFBEA;
}

#profileform .form-line-active input:focus,
#profileform .form-line-active textarea:focus {
	border:1px solid #FFD300;

	-moz-box-shadow: 0 0 3px #FFF0AA;
	-webkit-box-shadow: 0 0 3px #FFF0AA;
	box-shadow: 0 0 3px #FFF0AA;
}



/* ERROR MESSAGES
------------------------------*/

#profileform .form-line-error {
	background: #fff4f4;
}

#profileform .form-line-error input:not(#coupon-input),
#profileform .form-line-error textarea {
	border:1px solid #e15353;

	-moz-box-shadow: 0 0 3px #e15353;
	-webkit-box-shadow: 0 0 3px #e15353;
	box-shadow: 0 0 3px #e15353;
}

#profileform .form-line-error #profileform .form-error-message{
	background:#e15353;
	color:#fff;
	padding:6px;
	margin-bottom:3px;

	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

#profileform .form-error-arrow {
	border-bottom-color: #e15353;
}

#profileform .form-error-arrow-inner {
	display: none;
}



/* SURVEY TOOLS
------------------------------*/

/*----- Matrix Field -----*/

#profileform .form-matrix-table {
	font-size:1em;
}

#profileform .form-matrix-row-headers,
#profileform .form-matrix-column-headers {
	font-size:0.786em; /*11px*/
	font-weight: normal;
	/*color:#444;*/
}

#profileform .form-scale-table th,
#profileform .form-scale-table td {
	padding:9px 6px;
}

#profileform .form-scale-table label {
	/*color:#666;*/
}

#profileform .form-grading-item {
    margin-bottom: 6px;
}

/*----- Form Collapse -----*/

#profileform .form-collapse-table {
	margin: 0 36px;
	border:1px solid #ccc;
	cursor:pointer;

	-moz-border-radius: 3px 3px;
	-webkit-border-radius: 3px 3px;
	border-radius: 3px 3px;

	-moz-box-shadow: 0 1px #fff inset, 0 1px #ddd;
	-webkit-box-shadow: 0 1px #fff inset, 0 1px #ddd;
	box-shadow: 0 1px #fff inset, 0 1px #ddd;

	background: #f5f5f5; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f5f5 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f5f5 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5f5f5 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(top,  #f5f5f5 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}

#profileform .form-collapse-table:hover {
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
	background: linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
}

#profileform .form-collapse-table:active {
	background: #eeeeee;
	background: -moz-linear-gradient(top,  #eeeeee 0%, #f5f5f5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#f5f5f5));
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#f5f5f5 100%);
	background: -o-linear-gradient(top,  #eeeeee 0%,#f5f5f5 100%);
	background: -ms-linear-gradient(top,  #eeeeee 0%,#f5f5f5 100%);
	background: linear-gradient(top,  #eeeeee 0%,#f5f5f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f5f5f5',GradientType=0 );

	-moz-box-shadow: 0 1px #fff inset;
	-webkit-box-shadow: 0 1px #fff inset;
	box-shadow: 0 1px #fff inset;
}

/*----- Page Break Field -----*/

#profileform .form-pagebreak {
	margin:0 36px;
	border-top:1px solid #e3e3e3;
	background:transparent;
	height: auto;
	overflow: hidden;
}

#profileform .form-pagebreak-back-container {
	padding:24px 3px 24px 0;
}

#profileform .form-pagebreak-next-container {
	padding:24px 0 24px 3px;
}

#profileform .form-pagebreak-next {
	margin-left: 0;
}



/* PAYMENT FIELDS
------------------------------*/

#profileform .form-product-item {
	padding:6px;
	overflow:hidden;
	margin: 0 0 9px;

	-moz-border-radius: 6px 6px;
	-webkit-border-radius: 6px 6px;
	border-radius: 6px 6px;
}

#profileform.hover-product-item:hover {
	background:none;
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19969696,endColorstr=#19969696);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19969696,endColorstr=#19969696);
	zoom: 1;
	background: rgba(150,150,150,0.1);
}

#profileform .form-product-item br + br {
	display: none;
}

#profileform .form-product-item img {
	display:block;
	position: static;
	margin: 0 12px 0 0;
	float:left;

	-moz-border-radius: 3px 3px;
	-webkit-border-radius: 3px 3px;
	border-radius: 3px 3px;
}

#profileform .form-product-item #profileform .form-sub-label-container {
	margin: 9px 9px 0 0;
}

#profileform .form-product-item #profileform .form-sub-label {
	display: inline;
}

#profileform .form-product-item label {
	/*color:#666;*/
}

#profileform .form-product-item #profileform .form-dropdown {
	/*padding:0;*/
}

#profileform .form-product-details {
	/*color:#333;*/
	font-size:0.857em; /*12px*/
}

/* Subscription */

#profileform .form-product-item #profileform .form-radio,
#profileform .form-product-item #profileform .form-checkbox {
	margin-right: 2px;
}




/* SHRINK & TO NEW LINE
------------------------------*/

#profileform .form-line-column {
    clear: none;
    float: left;
    white-space: nowrap;
    width: auto;
}

#profileform .form-line-column-clear {
	clear:left;
	width:auto;
}

#login-form :before{display:none;}


@font-face{font-family:'arial';src:url('../fonts/kievitot-regular-webfont.eot');src:url('../fonts/kievitot-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/kievitot-regular-webfont.woff') format('woff'),url('../fonts/kievitot-regular-webfont.ttf') format('truetype');font-weight:normal;font-style:normal}
.font-family-arial{font-family:'regularregular';font-weight:normal;font-style:normal}

div.feed h2 {font-size:20px;background:#0A3C6E;color:#fff;padding:0 5px;margin:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
div.feed ul {list-style-type: none;}
div.feed ul li{margin:0 0 0 -20px;padding:0;line-height:10px;}

.component-content .rt-article-title h2 {background:#fafafa;}

.gf-menu.l1 > li > .item{margin-right:-5px;margin-left:-4px;}

#rt-top {
	


	font-size: 14px;
	/*background-image: url('../../../images/header/bg5.jpg');
	 background-size: 100% 100%; 
	background-size: auto 100%
    background-repeat: no-repeat;
	*/
	text-align: center;
}



#rt-top2 {
	background-color: #0a3c6e; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBhM2M2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxOTE5MjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #0a3c6e 0%, #191923 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0a3c6e), color-stop(100%,#191923)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #0a3c6e 0%,#191923 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #0a3c6e 0%,#191923 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #0a3c6e 0%,#191923 100%); /* IE10+ */
	background: linear-gradient(to right,  #0a3c6e 0%,#191923 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a3c6e', endColorstr='#191923',GradientType=1 ); /* IE6-8 */
	font-size: 14px;

}

#rt-top2 #slideshow{
	position: realtive;
	width: 100%;
}

#rt-top2 #slideshow #slide{
	width: 100%;
	height: 230px;
	z-index: 10;
	
}




#rt-top .toplogo{
	/*display: none;*/
	top: 0px;
	text-align: center;
	color: white;
	background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
	border-radius: 10px;
	padding: 20px;
	border: 3px solid white;
	font-size: 16px;
	width: 360px;
	position: absolute;
}


#rt-header{
	
	z-index:8888;
	background:#f3f3f3;
	
}



div.rt-grid-8.rt-alpha { height:130px; }

.gf-menu .dropdown{
	background-color:#f3f3f3;
	text-shadow:none;
	font-family:arial;
	font-weight:bold;
}

.gf-menu .item{
	text-shadow:none;
	font-weight:bold;
	color:#0A3C6E;
	font-family:arial;
	font-size: 14px;
}

.gf-menu li:hover > .item {color:#191923 !important;}

body {
	color:#000;
	background-color:#fff;
}

.font-size-is-large {
    font-size: 1em;
	line-height: 1.7em;
}

@media screen and (max-width: 600px) {
     .font-size-is-large {
    font-size: 1em;
	line-height: em;}
	}
}

@media screen and (max-width: 600px) {
    .gmapfp tr, .gmapfp table, table.gmapfp, .gmapfp td {
	border-style: none !important;
	width: 10px;
	}
	td.gmapfp_article_listing_1 {width:50px;}
}

div.feed h2{
	margin-bottom:5px;
}

div.feed ul li {
	line-height:20px;
	padding:2px 0px;
	border-bottom:1px solid #dedede
}

div.feed ul li:hover {
	background-color:#fafafa !important;
}

div.feed ul li:hover a {
	color:#000000;
}
div.alert_bar {
	height: 26px; font-size: 14px;
}

#rt-header .gf-menu.l1 > li > .item {font-family:arial; font-size: 14px;}

.threeup {
	background-color: #1A3867;
	color: #F3F3F3;
	z-index: 10;
	margin: 0;
	padding: 0;
	
	
	
	
}

.threeup .col-md-4 .csquare {
	
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	color: white;
}


.rt-item-shadow {margin: 0;}

#totaltop{
	background-color: #112D4D;
	color: white;
	text-align: right;
	
	font-size: 14px;
	
	padding: 14px;
	position: relative;
	border-bottom: 2px solid #00AAEA;
	font-family: arial;

}

#totaltop .totalmenu{
	margin: 0;
	padding: 0;
}


#totaltop .totalmenu a{
	color: white;
	/*padding-left: 10px;*/
	font-size: 16px;
}

#totaltop .totalmenu a:hover{
	text-decoration: underline;
}

.infoblock {
	background-color: #00AEF0;
}

.threeup_white {
	background-color: #444444;
	z-index: 10;
	
}

.threeup_white .col-md-4 .csquare {
	width: 225px;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	color: white;
}

.comm_learn{
	background-color: green;
	color: white;
	
	
}

.comm_join{
	background-color: #00AEF0;
	color: white;
	
}

.normalmenujoin {margin-top: 20px; display: inline; margin-right: 30px; width: 300px;}
.normalmenujoin h3{}

#learn_block #content_block{
	
	color: white;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.55);
	border-radius: 10px;
	font-weight: 500;
	
	
	margin: 40px;
	position: absolute; 
	top: 0; 
	left: 0; 
	 text-shadow: 1px 1px #000000;
	padding: 10px;
}

#learn_block #content_block h2{
	
	color: white;
	font-size: 29px;
	text-shadow: 1px 1px #000000;
	
}

#learn_block #content_block p{
	
	color: white;
	font-size: 18px;
	
	
}


#landing_layout .white_box{

	
	border-bottom: 1px solid #D6D4D4;
}

#landing_layout .white_box .img_box{
	
	float: left;

	
	
}




#landing_layout .white_box .title{
	margin-top: 25px;
	font-size: 18px;
	font-weight: bold;
	color: #00AEF0;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
}

#landing_layout .gray_box{
	background-color: #F3F2EE;
	
	border-bottom: 1px solid #D6D4D4;
}

#landing_layout .gray_box .img_box{
	
	float: left;

	
}


#landing_layout .img_box img{
	height: 150px;
	width: 150px;

}

#landing_layout .gray_box .title{
	margin-top: 25px;
	font-size: 18px;
	font-weight: bold;
	color: #00AEF0;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
}

#landing_layout  .img_hide_box{
	display: none;
}
#landing_layout  .img_hide_box img{
	height: 150px;
	width: 150px;
	
	
}

.white_box table, .gray_box table {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	max-width: 980px;
}
	
.white_box table .col1, .gray_box table .col1{
	width: 180px;
}	

.white_box table .col2, .gray_box table .col2{
	padding: 5px;
}	

.white_box table .col2 p, .gray_box table .col2 p{
	
}		


 /* Remove margins and padding from the list, and add a black background color */


#navtopnav ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
	
}

/* Float the list items side by side */
#navtopnav ul.topnav li {float: left;}

/* Style the links inside the list items */
#navtopnav ul.topnav li a {
    display: inline-block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of links on hover */
#navtopnav ul.topnav li a:hover {background-color: #555;}

#navtopnav ul.topnav li.selected {background-color: #DEF4FC;}
#navtopnav ul.topnav li.selected a{color: #000000;}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
#navtopnav ul.topnav li.icon {display: none;}


#navtopnav div.subnav {display: none; background-color: #DEF4FC; width: 100%; color: black; position: absolute; top: 100px; left: 0; z-index: 10200; padding: 10px;}

#navtopnav div.subnav .menunav {border: 1px solid #000000; width: 150px; max-width: 150px; text-align: center; padding: 5px; float: left; margin-right: 5px; margin-left: 5px; margin-bottom: 10px; background-color: #FFFFFF; height: 110px; max-height: 110px;}
#navtopnav div.subnav .menunav .learn-btn{margin-top:5px;}
#navtopnav div.subnav .menunav a{color: black;}
#navtopnav div.subnav .menunav:hover{background-color: #F27900;}

#navtopnav div.subnav .menunav_video {border: 1px solid #000000; width: 150px; max-width: 150px; text-align: center; padding: 5px; float: left; margin-right: 5px; margin-left: 5px; margin-bottom: 10px; background-color: #FFFFFF; height: 155px; max-height: 155px;}
#navtopnav div.subnav .menunav_video img{margin-bottom:5px;}
#navtopnav div.subnav .menunav_video .learn-btn{margin-top:5px;}
#navtopnav div.subnav .menunav_video a{color: black;}
#navtopnav div.subnav .menunav_video:hover{background-color: #F27900;}

 /* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width:680px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:680px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}

@media (min-width:240px) and (max-width:320px){

.white_box table .col1, .gray_box table .col1{
	display: none;
}

.white_box table .col2, .gray_box table .col2{
	width: 100%;
}

#rt-top #tbg{
	height: 400px;
	
}

#landing_layout .white_box{
	background-color: #FFFFFF;
	padding: 15px;
	border-bottom: 1px solid #D6D4D4;
}

#landing_layout .gray_box{
	background-color: #F3F2EE;
	padding: 15px;
	border-bottom: 1px solid #D6D4D4;
}

#landing_layout  .img_hide_box{
	display: block;
	
}


#landing_layout  .img_box{
	display: none;
}
.white_box table .col1, .gray_box table .col1{
	display: none;
}

.white_box table .col2, .gray_box table .col2{
	width: 100%;
}

	#rt-top .toplogo{
		/*display: none;*/
		text-align: center;
		color: white;
		background-color: rgb(0,0,0);
		background-color: rgba(0,0,0,0.4);
		border-radius: 10px;
		
		border: 3px solid white;
		font-size: 16px;
		width: 200px;
	}
	
	#rt-top .toplogo img{
		width: 137px;
		height: 90px;
	}
	#rt-top .toplogo #join_button{
		font-weight: bold; font-size: 16px;
	}

	.threeup .col-md-4{
		
		border-bottom: 1px solid #FFFFFF;
	}
	
	
	.threeup_white .col-md-12 div{
		display: block;
	}
	
	.threeup_white .gray_box{
		
		text-align: center;
	}
	
	.threeup_white .gray_bar{
		margin-bottom: 25px;
		border-bottom: 1px solid #FFFFFF;
	}
	
	
	
	#totaltop .leftside {
		text-align: center;
		
	
	}
	
	#totaltop .rightside {
		text-align: center;
		
	
	}
	
	

	#learn_block a {
		min-width: 80%;
	}

		
	
	
}

@media (min-width:321px) and (max-width:480px){
	#rt-top #tbg{
	height: 400px;
	
}
.white_box table .col1, .gray_box table .col1{
	display: none;
}

.white_box table .col2, .gray_box table .col2{
	width: 100%;
}
#landing_layout .white_box{
	background-color: #FFFFFF;
	padding: 15px;
	
	border-bottom: 1px solid #D6D4D4;
}

#landing_layout .gray_box{
	background-color: #F3F2EE;
	padding: 15px;
	
	border-bottom: 1px solid #D6D4D4;
}

#landing_layout  .img_hide_box{
	display: block;
	
}

#landing_layout  .img_box{
	display: none;
}	
	
	#rt-top .toplogo{
		/*display: none;*/
		color: white;
		background-color: rgb(0,0,0);
		background-color: rgba(0,0,0,0.4);
		border-radius: 10px;
		
		border: 3px solid white;
		font-size: 16px;
		width: 200px;
		
	}
	
	#rt-top .toplogo img{
		width: 137px;
		height: 90px;
	}
	#rt-top .toplogo #join_button{
		font-weight: bold; font-size: 16px;
	}
	
	.threeup .col-md-4{
		
		border-bottom: 1px solid #FFFFFF;
	}
	
	.threeup_white .col-md-12 div{
		display: block;
	}
	
	.threeup_white .gray_box{
		
		text-align: center;
	}
	
	.threeup_white .gray_bar{
		margin-bottom: 25px;
		border-bottom: 1px solid #FFFFFF;
	}
	
	
	
	#totaltop .leftside {
		text-align: center;
		
	
	}
	
	#totaltop .rightside {
		text-align: center;
		
	
	}
	
	

	#learn_block a {
		min-width: 80%;
	}
		
	
}
@media (min-width:481px) and (max-width:640px) { 

#rt-top #tbg{
	height: 400px;
	
}
	#rt-top .toplogo{
		/*display: none;*/
		margin-top: 50px;
		
		
		text-align: center;
		color: white;
		background-color: rgb(0,0,0);
		background-color: rgba(0,0,0,0.4);
		border-radius: 10px;
		
		border: 3px solid white;
		font-size: 16px;
		width: 300px;
	}
	
	#rt-top .toplogo img{
		width: 180px;
		height: 110px;
	}
	
	#rt-top .toplogo #join_button{
		font-weight: bold; font-size: 26px;
	}
		
	.threeup_white .gray_box{
		display: flex;
		text-align: center;
	}
	
	.threeup_white .gray_bar{
		flex: 1;
		margin-top: 20px;
	}
	
	#totaltop .leftside {
		text-align: left;
	}
	
	#totaltop .rightside {
		text-align: right;
	}
	

	#learn_block a {
		min-width: 150px;
	}
	

}
@media (min-width:641px) and (max-width:960px) { 

	#rt-top .toplogo{
		/*display: none;*/
		text-align: center;
		color: white;
		background-color: rgb(0,0,0);
		background-color: rgba(0,0,0,0.4);
		border-radius: 10px;
		
		border: 3px solid white;
		font-size: 16px;
		width: 300px;
	}
	
	#rt-top .toplogo img{
		width: 180px;
		height: 110px;
	}
	
	#rt-top .toplogo #join_button{
		font-weight: bold; font-size: 26px;
	}
	
	.threeup_white .gray_box{
		display: flex;
		text-align: center;
	}
	
	.threeup_white .gray_bar{
		flex: 1;
		margin-top: 20px;
	}
	
	#totaltop .leftside {
		text-align: left;
	}
	
	#totaltop .rightside {
		text-align: right;
	}
	

	#learn_block a {
		min-width: 150px;
	}



}
@media (min-width:961px) and (max-width:1024px) { 

	#rt-top .toplogo{
		/*display: none;*/
		text-align: center;
		color: white;
		background-color: rgb(0,0,0);
		background-color: rgba(0,0,0,0.4);
		border-radius: 10px;
		border: 3px solid white;
		font-size: 16px;
		width: 400px;
	}
	
	#rt-top .toplogo img{
		width: 300px;
		height: 184px;
	}
	
	#rt-top .toplogo #join_button{
		font-weight: bold; font-size: 30px;
	}
	
	.threeup_white .gray_box{
		display: flex;
		text-align: center;
	}
	
	.threeup_white .gray_bar{
		flex: 1;
		margin-top: 20px;
	}
	
	#totaltop .leftside {
		text-align: left;
	}
	
	#totaltop .rightside {
		text-align: right;
	}
	
	

	#learn_block a {
		min-width: 150px;
	}
}
@media (min-width:1025px) and (max-width:1280px) { 
	
	#rt-top #tbg{
	 height: 550px;
	 
	 position:absolute;
	 
	}
	
	#rt-top .toplogo{
		text-align: center;
		color: white;
		background-color: rgb(0,0,0);
		background-color: rgba(0,0,0,0.4);
		border-radius: 10px;
		border: 3px solid white;
		font-size: 16px;
		width: 400px;
	}
	
	#rt-top .toplogo img{
		width: 300px;
		height: 184px;
	}
	
	#rt-top .toplogo #join_button{
		font-weight: bold; font-size: 30px;
	}
	
	.threeup_white .gray_box{
		display: flex;
		text-align: center;
	}
	
	.threeup_white .gray_bar{
		flex: 1;
		margin-top: 20px;
	}
	
	#totaltop .leftside {
		text-align: left;
	}
	
	#totaltop .rightside {
		text-align: right;
	}
	
	
	

	#learn_block a {
		min-width: 150px;
	}
	
		.threeup {
		margin: 0;
		padding: 0;
		
	}
	
	.threeup .row .col-md-4 {
		margin: 0;
		padding: 0;
		
	}
	
}
@media (min-width:1281px) { 
	
	
	
	
	#rt-top .toplogo{
		/*display: none;*/
		text-align: center;
		color: white;
		background-color: rgb(0,0,0);
		background-color: rgba(0,0,0,0.4);
		border-radius: 10px;
		border: 3px solid white;
		font-size: 16px;
		width: 400px;
		
	}
	
	#rt-top .toplogo img{
		width: 300px;
		height: 184px;
	}
	
	#rt-top .toplogo #join_button{
		font-weight: bold; font-size: 30px;
	}
	
	.threeup_white .gray_box{
		display: flex;
		text-align: center;
	}
	
	.threeup_white .gray_bar{
		flex: 1;
		margin-top: 20px;
	}
	
	#totaltop .leftside {
		text-align: left;
	}
	
	#totaltop .rightside {
		text-align: right;
	}
	

	#learn_block a {
		min-width: 150px;
	}
}