@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

body
{
      font-family: 'Open Sans', sans-serif;
      font-size: 14px;
      line-height: 1.5;
      color: #42424C;
      font-weight: 400;
      margin: 0;
      padding: 0;
      background-color: #f1f2f2;
}

h1 {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #42424C;
    font-size: 3rem;
    font-weight: 300;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    margin-top: 0px;
}

h3
{
  color: #42424C;
  font-size: 22px;
  line-height: 1.3;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 10px;
  text-align:center;
}

p {
    margin: 0 0 1em 0;
}

a {
    color: #CD2B23;
    transition: color 0.25s ease-out;
}

a:hover {
    color: #89a7af;
}

input,
textarea {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #000000;
    margin-bottom: 10px;
}

input[type="button"], 
input[type="submit"], 
input[type="reset"], 
input[type="file"] {
    cursor: pointer;
    -webkit-appearance: none;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    text-decoration: none;
    text-align: center;
    transition: all 0.25s ease-out;  
    color: white;
    font-size: 1em;
    letter-spacing: 1px;
    font-weight: 700;
    padding: 4px 14px;
    line-height: 30px;
    background-color: #cd2b23;
    border: none;
    text-transform: none;
    border-radius: 0;
}

input[type="button"]:hover, 
input[type="submit"]:hover, 
input[type="reset"]:hover, 
input[type="file"]:hover {
    color: #fff;
    background-color: #ac1a13;
}

sup {
    font-weight: 300;
    font-size: .5em;
}

.setupmessage
{
    font-size: 12pt;
    text-align: center;
    color: red;
    font-weight: bold;
    
}

.btn {
    cursor: pointer;
    -webkit-appearance: none;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    text-decoration: none;
    text-align: center;
    transition: all 0.25s ease-out;  
    color: white;
    font-size: 1em;
    letter-spacing: 1px;
    font-weight: 700;
    padding: 4px 14px;
    line-height: 30px;
}

.btn:hover {
    color: #fff;
}

.btn_main {
    background-color: #cd2b23;
}

.btn_main:hover {
    background-color: #ac1a13;
}

.btn_secondary {
    background-color: #8BAEB4;
}

.btn_secondary:hover {
    background-color: #769fa6;
}

.btn_small {
    font-weight: 600;
    padding: 1px 14px;
}

.sidebar_box {
    font-size: 13px; 
    background-color: #F2F6F7;
    padding: 15px;
    margin-bottom: 15px;
    position: relative;
    transition: all 0.25s ease-out;
}

.sidebar_box:hover {
    background-color: #e5ecee;
}

.sidebar_box .play_btn {
    position: absolute;
    right: 20px;
    top: 40px;
    font-size: 80px;
    color: #cd2b23;
}

.indexgreen
{
    
    background-color: rgb(79, 98, 40);
    color: white;
    padding: 5px 10px;
    border-radius: 10px;
    text-decoration: none;
}


.indexorange
{
    
    background-color: rgb(199, 126, 0);
    color: white;
    padding: 10px 10px;
    border-radius: 10px;
    text-decoration: none;
}

.indexhunter
{
    
    background-color: rgb(199, 126, 0);
    color: white;
    padding: 10px 10px;
    border-radius: 10px;
    text-decoration: none;
}

.indexred
{
    
    background-color: rgb(199, 0 , 0);
    color: white;
    padding: 10px 10px;
    border-radius: 10px;
    text-decoration: none;
}



.subscriptionFloat
{
    position: absolute;
    top: 240px;
    /* height: 300px; */
    max-width: 350px;
    left: 48%;
    width: 40%;
    border: 2px solid black;
    background-color: white;
    padding: 5px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 12pt;
}

.subscriptionSubmit
{
    border: 0px;
    background: transparent;
    color: green;
    font-size: 14pt;
    font-weight: bold;
}

.subscriptionInvoice
{
        border: 0px;
    background: transparent;
    color: red;
    font-size: 14pt;
    font-weight: bold;
}

.question_wrapper
{
    margin-top: 20px;
    text-align: center;
}

.question_text
{
    width: 800px;
    border: 0px;
    background-color: #eeeeee;
    height: 80px;
    resize: none;
    color: red;
}

.question_preview
{
    height: 50px;
    margin-top: 20px;
    font-size: 10pt;
    width: 800px;
    text-align: center;
}

.question_preview label
{
    margin-right: 20px;
}

.question_responses
{
    display: block;
    float: left;
    height: 180px;
    width: 400px;
    text-align: center;
}

.question_responses textarea
{
    color: red;
}

.question_controls
{
  text-align: center;
  padding-right: 180px;
}

.question_controls ul
{
    margin-top: 0px;
    list-style-type: none;
}

.question_responses textarea
{
    height: 150px;
    resize:none;
    width: 250px;
    
}


.outcome_constant
{
    height: 15px !important;
    text-align: center;
}


.footermenu
{
      margin-left: 50px;
  font-size: 12px;
}

.footermenu a
{
    margin-right: 5px;
}

#content-area
{
    width: 900px;
    margin-left:auto;
    margin-right:auto;
}

#sidebar
{
    width: 900px;
}

#sidebar li
{
    display: inline-block;
}

.pcenter
{
    text-align:center;
}

.content_right
{
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}

tr.background_row img {
  width: 150px;
}

.soi_info
{
    width: 20%;
vertical-align: center;
font-size: 8pt;
line-height: 140%;
padding-right: 40px;
}

.SoiWindow
{
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 400px;
    border: 1px solid black;
    margin-top: -201px;
    margin-left: -201px;
    background-color: white;
    text-align:center;
}

.SoiPreview
{
    max-width: 300px;
    max-height: 200px;
    vertical-align: middle;
}

.SoiImageHolder
{
    height: 200px;
    /* line-height: 200px; */
    display: inline-block;
    vertical-align: middle;
}

.SoiClose
{
    text-align:right;
}

.upload
{
    background-color: red;
    padding-left: 10px;
    padding-right: 10px;
    margin:5px;
    display: inline-block;
    cursor: pointer;
    border: outset 5px #ff2222;
    color: white;
    width: 48px;
    text-align:center;
    margin-bottom:0px;
}


a.upload
{

    text-decoration: none;
}

.update
{
    background-color: #00DD00;
    padding-left: 10px;
    padding-right: 10px;
    margin:5px;
    display:inline-block;
    cursor: pointer;
    border: outset 5px #22FF22;
    color:white;
    width: 48px;
    text-align:center;
    margin-bottom:0px;
}

.outcomenum
{
    width: 25px;
    text-align:center;
    
}

.outcometype
{
      font-size: 18px;
  font-weight: bold;
  margin-left: 10px;
}

.outcomeparagraph
{
    margin-left:30px;
}

.outcomequestion
{
    margin-bottom: 30px;
  margin-top: 30px;
}

.sois
{
    margin-bottom: 30px;
    width: 100%;
}

.soitd
{
    text-align:right;
}

#home_study_list
{

}

.study_list
{
    border-collapse: collapse;
    border-bottom: 1px solid gray;
    width: 100%;
}

.study_list tr
{
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
}

.study_list td
{
    padding-left:4px;
    padding-right: 4px;
    text-align: center;
}

.study_list_header th
{
    padding-top:6px;
    padding-bottom: 6px;

}

.attributes
{
    border-spacing: 20px 4px;
    width: 700px;
      margin-left: auto;
  margin-right: auto;
}

.attr_header
{
    background-color: rgb(79, 129, 189);
}

.attr_header th
{
    margin-left:10px;
    margin-right: 10px;
        color: white;
}

.attr_requirements
{
    font-size: 8pt;
    line-height: 140%;
    vertical-align: center;
    padding-right: 20px
}

.attr_red
{
    color: red;
    width: 120px;
    margin: 0px;
}

.attr_green
{
    color: green;
    margin: 0px;
}

.attr_requirements ul
{
    padding: 10px;
}

.soipreview
{
    text-align: left;
}

.soiInput
{
    border: 0px;
    background-color: #eeeeee;
    width: 100px;
    text-align: right;
    padding:4px;
    margin-top:30px;
}

.attr_odd
{
    display:block;
    text-align:center;
    background-color: rgb(199, 219, 255);
    padding:4px;
    border: 0px;
  width: 270px;
  margin-left: 20px;
  margin-right: 20px;
}

.attr_even
{
     display:block;

    text-align:center;
    background-color: rgb(219, 239, 259);
    padding:4px;
    border: 0px;
  width: 270px;
  margin-left: 20px;
  margin-right: 20px;
}

.attr_left_col
{
        vertical-align: top;
    padding-top: 10px;
}

.attr_right_col
{
        vertical-align: top;
    padding-top: 10px;
}

.attr_bottom
{
    text-align: center;
    margin-bottom: 10px;
    font-size:10pt;
}

.background td
{
    width: 225px;
    text-align:center;
    font-size: 10pt;
}

.check
{
    width: 20px;
    text-align: center;
}

.green
{
    color: green;
    font-weight: bold;
}

.red
{
    color: red;
    font-weight: bold;
}

#money_3
{
    border: 1px solid gray;
    width: 20px;
}

.manage
{
      border-spacing: 0px 4px;
      
}

.managesection
{
    width: 300px;
}


.manage td
{
    border: 1px solid  rgb(147, 179, 93);
    border-left: 0px solid grey;
    background-color: rgb(239, 243, 234);
    padding: 5px;
}

.manage td:first-child
{
    border-left: 1px solid rgb(147, 179, 93) !important;
}

#signup_submit
{
    background: url("submit_background.png");
    background-repeat: none;
    /* border-style: outset; */
    width: 120px;
    height: 70px;
    padding-top:13px;
    padding-bottom:10px;
    border: 0px;
    /* border-style: outset; */
    font-weight:bold;
    line-height: 80%;
    font-size: 12pt;
    
    
}

.contact_info
{
    border-spacing: 2px;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.contact_info_2
{
    border-spacing: 2px;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.contact_info td
{
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 10px;
}   

.contact_info_spacer
{
    width: 100px;

}

.contact_info input
{
    box-sizing: border-box;
    width: 100%;
    /*border: 2px solid rgb(155,187,89);*/
    padding: 5px;
}

.contact_info textarea
{
    box-sizing: border-box;
    padding: 5px;
    width: 100%;
    resize: none;
    height: 100px;
}

ul.tools_menu {
    margin-top: 20px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;   
    list-style-type: none;
    padding: 0;
    position: relative;
    top: 10px;
}

ul.tools_menu li {
    text-align: center;
    margin-left: 1px;
    margin-right: 1px;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
}

ul.tools_menu li a {
    text-decoration: none;
    text-transform: lowercase;
    font-weight: 400;
    display: inline-block;
    padding: 2px 14px;
    background-color: #fff;
}

#calculate
{
    font-size: 20px;
  font-weight: bold;
}

#sampleleft
{
    float: left;
    margin-bottom: 30px;
}

#sampleright
{
    float: right;
    width: 350px;
}

#sampleright p
{
    text-align:center;
    line-height:120%;
}

#samplecalc
{
    font-size: 32px !important;
    border: 2px rgb(155,187,89) solid;
    margin-top: 0px;
    margin-left: 75px;
    margin-right: 75px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#totalcalc
{
    font-size: 32px !important;
    border: 2px rgb(155,187,89) solid;
    margin-top: 0px;
    margin-left: 75px;
    margin-right: 75px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    
}

#sampletop
{
       margin-top: 75px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size:10pt;
    color: darkgray;
}

#sampletop:first-line
{
    font-size:12pt;
    color: black;
        font-weight: bold;
}

#totaltop
{
        margin-top: 40px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: bold;
    font-size: 12pt;
}
#sampleie
{
    color: darkgray;
}

#sampletable
{
    width: 550px;
}

#sampletable th
{
    background-color: rgb(155,187,89);
    color:white;
    padding:5px;
    width:33%;
}

#sampleUploadLabel
{
    background-color: red;
    padding:5px;
    margin-top: 20px;
    margin-left:auto;
    margin-right:auto;
text-align: center;
    display: block;
    cursor: pointer;
    border: outset 5px #ff2222;
    color: white;
    font-size: 12pt;
    width: 100px;
}

#sampleThirdPartyLabel
{
        background-color: red;
    padding:5px;
    margin-top: 20px;
    margin-left:auto;
    margin-right:auto;
text-align: center;
    display: block;
    cursor: pointer;
    border: outset 5px #ff2222;
    color: white;
    font-size: 12pt;
    width: 200px;
}

#sampletable td
{
    font-size:11px;
    font-weight:bold;
    text-align: center;
    vertical-align: center;
    line-height:120%;
    padding-top:10px;
}

.sampleinput
{
    border: 0px;
    text-align:center;
    font-size:20px;
    font-weight: bold;
    width: 50%;
    color: red;
}

.samplefixed
{
    border: 0px;
    text-align:center;
    font-size:20px;
    font-weight: bold;
    width: 50%;
    background-color: white;
    color: black;
}

#costtable
{
    text-align:center;
    width:800px;
    margin-left:auto;
    margin-right:auto;
}

#costtable td
{
    padding:10px;
}

.costtableFirstRow
{
    padding-bottom:50px !important;
}

.costpaybutton
{
    background-color: red;
    padding: 5px;
    text-align: center;
    display: block;
    cursor: pointer;
    /* border: outset 5px #ff2222; */
    color: white;
    font-size: 9pt;
    width: 120px;
    height: 80px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    white-space: normal;
}

#softlaunch
{
    text-align: center;
    font-size: 18px;
    color: red;
    width: 50%;
    border: 0px;
}

.sample_bottom
{
    font-size: 8pt;
    line-height: 150%;
    margin-top: 30px;

}

.greencost
{
       background-color: #66DD00;
    padding:5px;
    margin:5px;
    display:inline-block;
    border: outset 5px #88FF22;
    border-radius: 15px;
    font-weight: bold;
}

.greenbutton
{
    padding:5px;
    
    font-weight: bold;
    float:right;
}

.green_csv
{
    background-color: #66DD00 !important;
    border: outset 5px #88FF22 !important;
    /*font-weight: bold;*/
}

#emailinvitation
{
    width: 800px;
    /* padding-top: 0px; */
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
}

#emailinvitation p
{
    font-size: 14pt;
}

#emailinvitation input
{
    border: 0px;
}

.launcherror
{
    color: red;
}

#emailtofrom
{
    width: 778px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid black;
    padding: 10px;
}

.launchsub
{
        background-color: rgb(79,98,40);
    color: white;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
    border: 6px outset rgb(129,148,90);
    border-radius: 5px;
    width: 150px;
    font-size: 12pt;
        margin-left: auto;
    margin-right: auto;
}

.launchtable
{
        width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.launchinforow td       
{
    text-align: center;
    font-weight: bold;
    font-size: 10pt;
    /* vertical-align: top; */
    width: 200px;
    padding-left: 50px;
    padding-right: 50px;
}

#launchURLForm
{
        width: 150px;
    margin-lefT: auto;
    margin-right: auto;
    height: 117px;
    padding-top: 50px;
}

#launchButton
{
    background-color: #66DD00;
    padding:5px;
    margin:5px;
    display:inline-block;
    margin-left:auto;
    margin-right:auto;
    border: outset 5px #88FF22;
    border-radius: 5px;
    font-weight: bold;
    width: 120px;
    cursor:pointer;
    font-size: 12pt !important;
    text-align: center;
    color: white;
}

#launch_url_upload
{
    background-color: #66DD00;
    padding:5px;
    margin:5px;
    display:inline-block;
    margin-left:auto;
    margin-right:auto;
    border: outset 5px #88FF22;
    border-radius: 5px;
    font-weight: bold;
    width: 140px;
    cursor:pointer;
    font-size: 10pt !important;
    text-align: center;
    color: white;
}

#launch_survey_url
{
    border: 1px solid gray;
    margin: 30px;
    padding: 10px;
}

.launch_bottom_green
{
    background-color: #66DD00;
    padding:5px;
    margin:5px;
    display:inline-block;
    margin-left:auto;
    margin-right:auto;
    border: outset 5px #88FF22;
    border-radius: 5px;
    font-weight: bold;
    width: 150px;
    cursor:pointer;
    font-size: 10pt !important;
    text-align: center;
    color: white;
}

.launch_bottom_button
{
        background-color: red;
    padding-left: 10px;
    padding-right: 10px;
    /* margin-bottom: 30px; */
    display: block;
    cursor: pointer;
    border: outset 5px #ff2222;
    color: white;
    width: 160px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-weight: bold;
    padding-top: 31px;
    padding-bottom: 31px;
    font-size: 12pt;
    border-radius: 5px;
    white-space: normal;
    line-height: 136%;
}

#launch_left_finished
{
	text-align:center;
}

#launch_left
{
    width:400px;
    text-align:center;
    float:left;

}

#launch_right
{
    width:400px;
    text-align:center;

    float:right;
}



#launch_survey_button
{
    background-color: red;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 35px;
    display: block;
    cursor: pointer;
    border: outset 5px #ff2222;
    color: white;
    width: 125px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#launch_url_button
{
    background-color: red;
    padding-left: 10px;
    padding-right: 10px;
    /* margin-bottom: 30px; */
    display: block;
    cursor: pointer;
    border: outset 5px #ff2222;
    color: white;
    width: 125px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-weight: bold;
    padding-top: 31px;
    padding-bottom: 31px;
    font-size: 12pt;
    border-radius: 5px;
}

.launch_url_display
{
        font-weight: bold;
        text-align: center;
    margin-left:-50px;
    margin-right: -50px;
}

.launch_url_display b
{
        font-size: 12pt;
    color: blue;
    
}

#launch_bottom
{
    clear:both;
    text-align:center;
    width: 600px;
    margin-left:auto;
    margin-right:auto;
}

#terms_container
{
    width: 700px;
    margin-left: auto;
    margin-right: auto;
}

#terms_header
{
    text-align: center;
    font-size: 20pt;
    font-weight: bold;
}

.terms_center
{
    text-align: center;  
}

.terms_bold
{
    font-weight: bold;
}

.terms_italics
{
    font-style: italic;
}

.sub_list
{
    list-style-type: upper-alpha;
}   

.sub_list li
{
    margin-bottom: 10px;
}

.sub_sub_list
{
    
}

.super_sub_list
{
    list-style-type: lower-alpha;
}

#resultsOverview
{
width: 800px;
    margin-left: auto;
    margin-right: auto;
    border-spacing: 70px 10px;
}

#resultsOverview td
{
    border: 2px solid rgb(155, 187, 89);
    text-align: center;
    font-size: 18pt;
    width: 15%;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 2.5%;
    margin-right: 2.5%;
}

#resultsLeftLinks
{
    width:600px;
    float: left;
}

#resultsRightLinks
{
    width: 200px;
    float:left;
    text-align: center;
    padding-top: 100px;
    margin-left: 40px;
}

#rightLinksButton
{
    display: block;
    width: 100px;
    margin-right: auto;
    margin-left: auto;
    background-color: red;
    border: outset 5px #ff4444;
    color: white;
    padding: 5px 10px;
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 5px;
}


.custom_question
{
    font-family: Arial;
}

.custom_question td
{
    padding-bottom: 10px;
}

.cq_first
{
    width:200px;
}

.cq_second
{
    width:400px;
}

.cq_field
{
    font-size:11pt;
    margin:0px;
}

.cq_desc
{
    font-size:8pt;
    color: #666666;
    margin:0px;
}

.cq_input
{
    border: 3px solid rgb(56,93,138);
    border-radius: 5px;
    background-color: rgb(235,241,222);
    color: red;
    padding: 2px 10px;
    width: 380px;
    font-weight:bold;
    margin-bottom: 0px;
    
}

.cq_empty
{
    width:200px;
}

.cq_select
{
    border: 3px solid rgb(56,93,138);
    border-radius: 5px;
    background-color: rgb(235,241,222);
    color: red;
    padding: 2px 6px;
    width: 380px;
    font-weight:bold;
    margin-bottom:0px;

}

.cq_third
{
    width:200px;
}

.cq_cs
{
    border: 3px solid rgb(56,93,138);
    border-radius: 5px;
    background-color: rgb(235,241,222);
    color: red;
    padding: 2px 10px;
    margin-bottom: 0px;
}

.cq_second_big
{
    width: 600px;
}

.cq_questiontext
{
    width: 520px;
    border: 3px solid rgb(56,93,138);
    border-radius: 5px;
    background-color: rgb(235,241,222);
    color: red;
    padding: 5px 10px;
    height: 70px;
    resize: none;
}

.cq_responsegroup
{
    border: 3px solid rgb(56,93,138);
    border-radius: 5px;
    background-color: rgb(235,241,222);
    color: red;
    width: 515px;
    display: inline-block;
}

.cq_codedvalues
{
    width: 20px;
    background-color: rgb(235,241,222);
    border: 0px;
    padding: 2px;
    margin: 0px;
    resize:none;
    height: 140px;
     color: red;
     overflow: hidden;
}


.cq_responses
{
    width: 475px;
    margin:0px;
    margin-left: 10px;
    background-color: rgb(235,241,222);
    padding: 2px;
    border: 0px;
    resize:none;
    height: 140px;
     color: red;
}

.cq_checkboxgroup
{
    width: 60px;
    text-align:center;
    display:inline-block;
    margin-left: 20px;
}

.cq_reverse
{
    
}

.cq_rev_label
{
    display:block;
}

.cq_controls
{
    text-align:center;
}

.question_button
{
    margin-left:10px;
    margin-right:10px;
}

.failure
{
    text-align: center;
    color: red;
    font-weight: bold;
}

#sub_your_plan
{
        background-color: red;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
}

#sub_plan_table
{
    text-align:center;

    border-collapse: collapse;
    margin-left:auto;
    margin-right: auto;
}

#sub_plan_table th
{
    color: white;
    font-weight:bold;
    font-size:12pt;
    border: 1px solid white;
}

#sub_plan_table td
{
    width: 128px;
    border: 1px solid white;
    font-size: 10pt;
}

.sub_light_blue
{
    background-color: rgb(233,237, 244);
    
}
.sub_blue
{
    background-color: rgb(208,216,232);
}
.sub_dark_blue
{
    background-color: rgb(31, 73, 125);
}

.sub_light_orange
{
    background-color: rgb(253, 234, 218);
}
.sub_orange
{
    background-color: rgb(250, 192, 144);
}
.sub_dark_orange
{
    background-color: rgb(152, 72, 7);
}


.sub_light_mauve
{
    background-color: rgb(242, 220, 219);
}
.sub_mauve
{
    background-color: rgb(217, 150, 148);
}
.sub_dark_mauve
{
    background-color: rgb(99, 37, 35);
}

.sub_light_green
{
    background-color: rgb(235, 241, 222);
}
.sub_green
{
    background-color: rgb(195, 214, 155);
}
.sub_dark_green
{
    background-color: rgb(79, 98, 40);
}


#providers
{
    border-spacing:20px;
    
}
.providerimg img{
    width: 300px;
}



.providersetup
{
    padding-left: 50px;
    padding-right: 50px;
}

.providerbg
{
    padding-left: 10px;
    background-color: #f8f8f4;
}

.setup_message
{
        color: red;
    text-align: center;
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: bold;
}

.setup_error
{
        color: red;
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: bold;
}

.launchmessage
{
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #FD2B23;
    
}

.step
{
    width: 100px;
    font-size: 22px;
    font-weight: bold;
}

.stepgray
{
    width: 100px;
    font-size: 22px;
    font-weight: bold;
    color: gray;
}

.launchcheck
{
        margin-top: 15px;
    height: 30px;
    width: 30px;
}

.launch_clickbox
{
        float: right;
    width: 150px;
    font-size:12px;
}

.launchbutton_green
{
        color: white;
    display: block;
    font-weight: bold;
    font-size: 18px;
    background: #668855;
    padding: 2px 15px;
    border-style: outset;
    text-decoration: none;
    border-color: #88AA66;
    text-align: center;
    width: 400px;
}

.launchbutton_blue
{
        color: white;
    display: block;
    font-weight: bold;
    font-size: 18px;
    background: #556688;
    padding: 2px 15px;
    border-style: outset;
    text-decoration: none;
    border-color: #6688AA;
    text-align: center;
    width: 400px;
    cursor: pointer;
}

.launchbutton_orange
{
        color: white;
    display: block;
    font-weight: bold;
    font-size: 18px;
    background: #BF6320;
    padding: 2px 15px;
    border-style: outset;
    text-decoration: none;
    border-color: #E57838;
    text-align: center;
    width: 400px;
    cursor: pointer;
}

.launchbutton_gray
{
        color: white;
    display: block;
    font-weight: bold;
    font-size: 18px;
    background: #888888;
    padding: 2px 15px;
    border-style: outset;
    text-decoration: none;
    border-color: #AAAAAA;
    text-align: center;
    width: 400px;
}

.launchtable
{
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    border-spacing: 10px;
}

.launchbutton_red
{
        color: white;
    display: block;
    font-weight: bold;
    font-size: 22px;
    background: #CD2B23;
    padding: 8px 15px;
    border-style: outset;
    text-decoration: none;
    border-color: #ED3B33;
    text-align: center;
    width: 400px;
    cursor: pointer;
}

.launch_provider
{
    width:400px;
}

#submit_button
{
        cursor: pointer;
    -webkit-appearance: none;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    text-decoration: none;
    text-align: center;
    transition: all 0.25s ease-out;  
    color: white;
    font-size: 1em;
    letter-spacing: 1px;
    font-weight: 700;
    padding: 4px 14px;
    line-height: 30px;
    background-color: #cd2b23;
    border: none;
    text-transform: none;
    border-radius: 0;
}

.iepyfront_red
{
    
    font-weight: bold;
    background-color: #CD2823;
    width: 150px;
    text-align: center;
    margin-top: 10px;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 140%;   
        transition: all 0.25s ease-out;
}

.iepyfront_red a
{
    color: white;
    text-decoration: none !important;
}

.iepyfront_red a:hover
{

    color: #89a7af;
}


/*stuff from EA css*/

a.logo {
  position: relative;
  display: block;
  height: 73px;
  width: 600px;
  background: url("banner.png") no-repeat top left;
  text-indent: -3000px;
}

a.ieproyou_logo {
    position: relative;
    display: block;
    height: 50px;
    width: 273px;
    background: url("ieproyou.png") no-repeat top left;
    text-indent: -3000px;
}

#top_wrapper {
    background-color: #F2F6F7;
}

#top {
	position:relative;
	width:900px;
	margin: auto;
    padding: 20px 0;
}

#content_section {
    background-color: #fff;
    padding: 40px 40px 60px 40px;
}

#content-area {

}

#footer {
    margin-top: 40px;
	position:relative;
	background:#f1f2f2;
	height:55px;
	padding:15px 0;
	font-size:12px;
	color:#959595;
}

.footer_cont {
	position:relative;
	margin:auto;
	width: 960px;
	margin:auto;
	text-align:center;
    margin-bottom: 40px;
}

#footer p {margin:0 0 5px 0;}

#footer a {color:#898989;text-decoration:none;}


.resultsHeader
{
    font-size: 1.3em;
}

.resultsTable
{
    width: 100%;
    font-size:10pt;
    margin-bottom: 30px;
}

.resultsTable th
{
    background-color: rgb(68, 114, 196);
    color: white;
    padding-left: 30px;
    padding-right:30px;
}

.resultsTable td
{
    text-align:center;
}

.resultsTable tr td:first-child
{
    text-align:left;
    width: 440px;
}

.resultsTable tr:nth-child(even) td
{
    background-color: #eeeeee;
}
.resultsTable tr:nth-child(odd) td
{
    background-color: white;
}

#createNew
{
    cursor:pointer;
    color:#CD2B23;
    font-weight: bold;
}



#typesOfOutput td
{
    text-align:left;
    padding-left: 5px;
}

.transparent{
       background:rgba(1,1,1,0.5);
       position:fixed;
       left:0;
       top:0;
   }

  #filterForm
   {
       width: 800px;
       height: 600px;
       margin-left: auto;
       margin-right:auto;
       margin-top:100px;
       background: white;
       overflow-y: scroll;
       font-size: 12pt;
   }
   
   .filterFormLink
   {
        cursor: pointer;
        color: #4471c4;
        font-weight: bold;
   }
   
   #otherFilters
   {
       display:none;
   }
   
   #soiFilters
   {
        display:none;
   }
   
   #soiFilterSelect
   {
       height: 30px;
   }
   
   #soiFilterSelect:focus
   {
       height: 200px;
   }
   
   #soiInst
   {
       display:none;
       font-size:10pt;
       color: darkblue;
   }
   
   #outcomeFilters
   {
        
   }
   
   #demoFilters
   {
        
   }
   
   #filterName
   {
        float: left;
        padding: 2px 5px;
        width: 120px;
        margin-right: 10px;
        font-size: 12pt;
   }
   
   #nameNote
   {
        font-size: 7pt;
        padding-right: 30px;
        width: 500px;
   }
   
   #filterClose
   {
        color: red;
        font-weight: bold;
        text-align: right;
        margin-right: 0px;
        /* padding-top: 10px; */
        cursor: pointer;
        float: right;
        margin-top: -30px;
        font-size: 18pt;
        width: 5px;
   }
   
   #filterTable
   {
        width: 740px;
        margin-left: auto;
        margin-right: auto;
        border: 0px;
        border-spacing: 0px;
        border-collapse: collapse;
        font-size: 12pt;
            margin-top: 10px;
   }
   
   #filterTable>tbody>tr>td
   {
       vertical-align:top;
       padding-top:10px;
   }
   
   #filterTable select
   {
        font-size: 12pt;
        padding: 5px 5px 5px 0px;
        width: 300px;
   }
   
   .filterNumerical select
   {
       width:65px !important;
   }
   
   .multiTable td:first-child
   {
       width: 180px !important;
   }
   

   
   #filterTable td:first-child
   {
        width:150px;
   }
   
   .filterHeader
   {
    font-weight:bold;
    cursor: pointer;
   }
   
   .outcomeFilterBody{
   
    font-size:12pt;
    display:none;
    margin-top: 10px;
    margin-bottom: 20px;
   }
   
   .demoFilterBody{
   
    font-size:12pt;
    display:none;
    margin-top: 10px;
    margin-bottom: 20px;
   }
   
   .demoFilterHeader{
       font-size:14pt;
       font-weight:bold;
       
   }
   
   .filterCheck
   {
    text-align:center;
    width:20px;
   }
   
   .filterInstructions
   {
        float: right;
        width: 206px;
        font-size: 8pt;
        margin-right: 65px;
   }
   
   .multiTable
   {
     border-collapse: collapse;
     width: 580px;
   }
   
   .multiTable td
   {
        vertical-align: middle !important;
   }
   
   .multiTable th
   {
       background-color: rgb(68, 114, 196);
    color: white;
    padding: 5px;
   }
   
   .multiResponseTable
   {
     border-collapse: collapse;
     width: 580px;
   }
   
   .multiResponseTable td
   {
        vertical-align: middle !important;
   }
   
   .multiResponseTable th
   {
        background-color: rgb(68, 114, 196);
        color: white;
        padding: 5px;
        font-size: 10pt;
   }
   
   .multiResponseTable td:first-child
   {
        width: 180px !important;
   }
   
   
   
   .demoFilterBody input
   {
        margin: 5px;
   }
   
   .outcomeFilterBody input
   {
        margin: 5px;
   }

    .ajaxWait
    {
        display:none;
    }
    
    .processLink
    {
        cursor:pointer;
        text-decoration: underline;
        color:#CD2B23;
        
    }
    
    .filterNumerical
    {
        text-align: center;
        border-collapse:collapse;
    }
    
    .filterNumerical th
    {
        background-color: rgb(68, 114, 196);
        color: white;
    }
    
    .filterNumerical td
    {
        font-weight:bold;
        width: 150px;
    }
    
    .filterNumericalInput
    {
        width: 100px;
        margin: 5px 10px !important;
    }

    
    #demoFilterSelect option
    {
        color: black;
        color: black;
        background-color: white;
        font-weight: normal;
    }
    
    #outcomeFilterSelect option
    {
        color: black;
        background-color: white;
        font-weight: normal;
    }
    
    .outcomeSOISelect
    {
        display: block;
    }
    
    .filterActive
    {
        font-weight: bold;
        color: #006600;
        background-color: #DDFFCC;
    }

        
    .filterActiveOption
    {
        font-weight: bold !important;
        color: #006600 !important;
        background-color: #DDFFCC !important;
    }
    
    .otherFilterOption
    {
        text-align:right;
    }
    
    .filterOpen
    {
        width: 500px;
        table-layout: fixed;
        margin-left: auto;
        margin-right: auto;
    }
    
    .filterOpen th
    {
        background-color: rgb(68, 114, 196);
        color: white;
    }

    .filterOpen textarea
    {
        height: 120px;
        width: 240px;
        resize: none;
        margin-bottom: 0px;
    }
    
    .filterNote
    {
        color: red;
        vertical-align: top !important;
        font-size: 9pt;
    }
    
    .filterDelete
    {
        font-size: 8pt;
        margin-left: 13px;
        border: 0px;
        background-color: #bb2c26;
        color: white;
        border-radius: 8px;
        cursor: pointer;
    }