/* ########################################################### */
/* Universal Layout */
/* CSS Validator http://jigsaw.w3.org/css-validator/validator?uri=http://beta.psychsimulation.com */

body {
text-align: center; /* for IE */
margin: 0px;
background: #f7f5f0;
}

#over{
    position: relative;
    background-color:Black;
    opacity:.6;
    z-index: 10;
    pointer-events: none;
}

/* ############################################################## */
#header {
margin : 0px;
background : #f7f5f0 url(//www.psychsimulation.com/CSAT/images/mgh-header-background-image.gif) repeat-x;
background-position: 0px -80px;
height : 60px;
padding : 10px 0 0 0;
font-size: 30px;
font-weight:none !important;
}


/* ############################################################## */
#container {
font-family:Lato, sans-serif;
min-height : 600px;
margin: auto;   /* align for good browsers */
width: 975px;
margin: 0 auto;
padding: 0 !important;
background: #fff;
position: relative;
text-align: center;
z-index: 0;
}
table#accred_form {
width: 975px !important;
position: relative;
text-align:left;
padding: 0 25px 0 25px;
}
.button{
color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px !important;
background-color: #0079a3;
margin-right: 6px;
border: 1px solid;
width: 200px;
height: 45px;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
}
.buttonfinal{
color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px !important;
background-color: red;
margin-right: 6px;
border: 1px solid;
width: 200px;
height: 45px;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
}
.submitrow{
text-align:center !important;    
padding: 5px 0 15px 0;
}
.auditrow{
font-size: 12px;
text-align:left;    
padding: 5px 0 0 0;
}


input,select, textarea{
    font-size: 14px !important;
    color: #ff0000;
    background-color : #F2F2F2;
}
textarea:focus, input:focus {
    font-size: 14px !important;
    color: #ff0000;
}

#adminSessionScrollRecred {
padding: 10px;
border-top-width : 2px;
border-bottom-width : 5px;
border-top-style : solid;
border-bottom-style : solid;
border-top-color : #22527a;
border-left-color : #22527a;
/*overflow : scroll; */
margin-top : 20px;
margin-bottom : 15px;
/*height : 900px;*/
text-align : left;
}

/* ############################################################## */
#footer {
width : 100%;
padding: 0;
backgroupd: #fffff important!;
text-align:center;
text-decoration:none !important;
font-weight:none !important;

}
table#footer {
height: 25px;
background: #ffffff;
margin: 0 auto;
font-size: 10px;
color: #8c8c8c;
}

@media screen {
        #footer {
            position: fixed;
            bottom: 0;
        }
    }
@media print {
    #footer {
    
    }
}


/*********************************************************************************************** */

/*Setup all boxes*/
.info,.success2,.error2,.warning,.tip,.secure,.message,.download,.purchase,.print{margin:20px 50px; padding:10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-moz-box-shadow: 4px 4px #dfe1d8;-webkit-box-shadow: 4px 4px #dfe1d8;box-shadow: 4px 4px #dfe1d8;}

/*Styling for text inside boxes*/
h4 { margin:5px 5px 5px 80px;padding:0; font-size:16px; }
h5 { font-size:10px; color:#000; margin:5px 5px 5px 80px; }

/*Boxes*/
.info{border:1px solid #0e7fad;color:#0e7fad;background:#c0e9fa url('//media.ceforms.com/images/info.png') no-repeat; background-position:30px 20px;}
.success2{border:1px solid #4f8746;color:#4f8746;background:#d4ffcd url('//media.ceforms.com/images/success.png') no-repeat; background-position:30px 20px;}
.error2{border:1px solid #641f1a;color:#641f1a;background:#ffd2d4 url('//media.ceforms.com/images/error.png') no-repeat; background-position:30px 20px;}
.warning{border:1px solid #9d9c49;color:#9d9c49;background:#fdfdcb url('//media.ceforms.com/images/warning.png') no-repeat; background-position:30px 20px;}
.tip{border:1px solid #c77d10;color:#c77d10;background:#f9d69e url('//media.ceforms.com/images/tip.png') no-repeat; background-position:30px 20px;}
.secure{border:1px solid #9638f1;color:#9638f1;background:#e5cefc url('//media.ceforms.com/images/secure.png') no-repeat; background-position:30px 20px;}
.message{border:1px solid #000;color:#000;background:#efefef url('//media.ceforms.com/images/message.png') no-repeat; background-position:30px 20px;}
.download{border:1px solid #04b5eb;color:#04b5eb;background:#f7f7f7 url('//media.ceforms.com/images/download.png') no-repeat; background-position:30px 20px;}
.purchase{border:1px solid #426164;color:#426164;background:#c2e1e3 url('//media.ceforms.com/images/purchase.png') no-repeat; background-position:30px 20px;}
.print{border:1px solid #3c4b5e;color:#3c4b5e;background:#c8d9e3 url('//media.ceforms.com/images/print.png') no-repeat; background-position:30px 20px;}


.tip_button {
color: white;
background-color: #c77d10;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin-left: 80px;
border: 2px solid #c77d10;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
}


/****************************************************************************************/
/* Upload box css */

/*----------------------------
    The file upload form
-----------------------------*/
table#upload_box {
margin: 0 auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #8c8c8c;
font-size: 14px !important;
padding: 25px;
border-style:dashed;
}
table#upload_box td{
vertical-align: top;
width: 50%;
margin: 15px;
}
table#upload_box li{
    list-style-type: square;
    font-size: 12px;
}
table#upload_box li a {
    color: #8c8c8c;
    color: red;
}
table#upload_box h1 {
    font-size: 2em !important;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
    text-decoration: none;
    color: black;
}
table#upload_box h2 {
    font-size: 20px !important;
}

div.uploadbox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;  
}

#upload{
    font-family:'PT Sans Narrow', sans-serif;
    background-color:#373a3d;

    background-image:-webkit-linear-gradient(top, #373a3d, #313437);
    background-image:-moz-linear-gradient(top, #373a3d, #313437);
    background-image:linear-gradient(top, #373a3d, #313437);

    width:400px;
    float: left;
    padding:30px;
    border-radius:3px;

    margin:10px auto 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

#drop{
    background-color: #2E3134;
    padding: 40px 50px;
    margin-bottom: 30px;
    border: 20px solid rgba(0, 0, 0, 0);
    border-radius: 3px;
    border-image: url('//media.ceforms.com/images/border-image.png') 25 repeat;
    text-align: center;
    text-transform: uppercase;

    font-size:16px;
    font-weight:bold;
    color:#7f858a;
}

#drop a{
    background-color:#007a96;
    padding:12px 26px;
    color:#fff;
    font-size:14px;
    border-radius:2px;
    cursor:pointer;
    display:inline-block;
    margin-top:12px;
    line-height:1;
}

#drop a:hover{
    background-color:#0986a3;
}

#drop input{
    display:none;
}

#upload ul{
    list-style:none;
    margin:0 -30px;
    border-top:1px solid #2b2e31;
    border-bottom:1px solid #3d4043;
}

#upload ul li{

    background-color:#333639;

    background-image:-webkit-linear-gradient(top, #333639, #303335);
    background-image:-moz-linear-gradient(top, #333639, #303335);
    background-image:linear-gradient(top, #333639, #303335);

    border-top:1px solid #3d4043;
    border-bottom:1px solid #2b2e31;
    padding:15px;
    height: 52px;

    position: relative;
}

#upload ul li input{
    display: none;
}

#upload ul li p{
    width: 144px;
    overflow: hidden;
    white-space: nowrap;
    color: #EEE;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 20px;
    left: 10px;
}

#upload ul li i{
    font-weight: normal;
    font-style:normal;
    color:#7f7f7f;
    display:block;
}

#upload ul li canvas{
    top: 15px;
    left: 10px;
    position: absolute;
}

#upload ul li span{
    width: 15px;
    height: 12px;
    background: url('//media.ceforms.com/images/icons.png') no-repeat;
    position: absolute;
    top: 34px;
    right: 33px;
    cursor:pointer;
}

#upload ul li.working span{
    height: 16px;
    background-position: 0 -25px;
}

#upload ul li.error span{
    height: 16px;
    background-position: 0 -12px;
}

#upload ul li.error p{
    color:red;
}


#upload ul li.success span{
    height: 16px;
    background-position: 0 3px;
}

#upload ul li.success p{
    color:white;
}


/* BETA/PRODUCTION */