/* 
    Document   : style
    Created on : 16.12.2009, 13:14:27
    Author     : Sorin
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

html, body{
    margin:0px;
    padding:0px;
    font-family:arial;
}


.container{
    width:600px;
    padding:9px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url('../img/containerBg.jpg');
    background-repeat: repeat-y;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
}

.questions{
    margin:0px;
    background-color:#6666cc;
    color:white;
    padding:2px;
    padding-left:15px;
    font-size: 11px;
    
    font-family:Tahoma;
}

.whitelink{
    color:white;
    font-weight:bold;
}

.whitelink:hover{
    text-decoration:none;
}

#banner{
    margin:0px;
    width:600px;
    height:58px;
    background-image:url('../img/logo.jpg');
    background-repeat: no-repeat;
}

#bannerAdmin{
    margin:0px;
    width:600px;
    height:58px;
    background-image:url('../img/logo_admin.jpg');
    background-repeat: no-repeat;
}

.content{
    width:580px;
    padding:10px;
    font-family:arial;
    font-size:12px;
}

.container-bottom{
      background-image: url('../img/containerBottom.jpg');
      margin-left:auto;
      margin-right:auto;
      width:618px;
      height:12px;
}
.container-bottom-admin{
      background-image: url('../img/containerBottomAdmin.jpg');
      margin-left:auto;
      margin-right:auto;
      width:618px;
      height:12px;
}
.bottom{
    background-color: #000066;
    margin-bottom: 0px;
    color:white;
    padding:2px;
    padding-left:15px;
    font-size: 10px;
    font-weight:bold;
    font-family:Tahoma;
}

.bottom_admin{
    background-color: #898989;
    margin-bottom: 0px;
    color:white;
    padding:2px;
    padding-left:15px;
    font-size: 10px;
    font-weight:bold;
    font-family:Tahoma;
}

.homeboxes{
    float:left;
    width:247px;
    height:91px;
    padding-top:25px;
    padding-left:10px;
    padding-right:10px;
    margin-left:10px;
    margin-top:10px;
    background-repeat: no-repeat;
}

#signin{
    background-image: url('../img/signinBg.jpg');
}

#signup{
    background-image: url('../img/signupBg.jpg');
}

.admin_box{
    width:247px;
    height:91px;
    padding-top:25px;
    padding-left:10px;
    padding-right:10px;
    margin-left:auto;
    margin-right:auto;
    background-repeat: no-repeat;
    background-image: url('../img/signinBg.jpg');
}

.smalltextbox{
    width:140px;
}

.cleaner{
    clear:both;
}

.homeTables{
    font-weight:bold;
    font-size:11px;
}

.validation_error{
    color:red;
    font-weight:bold;
    font-size:11px;
    margin:0px;
    margin-top:5px;
}

.registerText li{
    margin-bottom:5px;
}

.why{
    font-weight:bold;
    cursor:help;
}

 #tooltip {
    padding: 5px 10px;
    background: #cad7e0;
    border: 1px solid #b2bdc3;
    opacity: 0.95;
    font-family:arial;
    font-size:11px;
    width:260px;
    font-weight:bold;
}

.topLink{
    cursor:pointer;
    text-decoration: none;
}

.menuBar{
    background-color:#448cca;
    background-image:url('../img/menubg.jpg');
    background-repeat:repeat-x;
    text-align:center;
    padding-left:2px;
    padding-right:2px;
    padding-top:0px;
    height:25px;
}

.menuBar a{
    color:black;
    font-family:arial;
    font-size:13px;
    text-decoration: none;
    padding-left:8px;
    padding-right:8px;
    background-image:url('../img/menubgH.jpg');
    background-position: 0px 30px;
    background-repeat:repeat-x;
    height:20px;
    display:inline-block;
    display:block;
    float:left;
    padding-top:5px;
    font-weight:bold;
}

.menuBar a:hover{
    background-position: 0px 0px;
}

#myAccount{
    margin-left:28px;
}

.contact_inputs{
    width:400px;
}

.invitation_title{
    background-color: silver;
    padding:4px;
    font-weight:bold;
}

.invitation_title a:hover{
    text-decoration:none;
}

.invitations_table{
    width:100%;
}

.other_td{
    padding-left:30px;
}

.pointer{
    cursor:pointer;
}

.admin_links{
    background-color:#448cca;
    background-image:url('../img/menubg.jpg');
    background-repeat:repeat-x;
    text-align:center;
    padding-left:2px;
    padding-right:2px;
    padding-top:0px;
    height:25px;
}

.admin_links a{
    color:black;
    font-family:arial;
    font-size:12px;
    text-decoration: none;
    padding-left:12.8px;
    padding-right:13px;
    background-image:url('../img/menubgH.jpg');
    background-position: 0px 30px;
    background-repeat:repeat-x;
    height:20px;
    display:inline-block;
    display:block;
    float:left;
    padding-top:5px;
    font-weight:bold;
}

.admin_links a:hover{
    background-position: 0px 0px;
}

#vendor{
    font-size:9px;
    font-weight:normal;
}

.alt_row{
    background-color:gray;
    color:white;
}

.full_width{
    width:100%;
}

.contact_subject{
    width:450px;
}

.right_align{
    text-align:right;
}

.experiment_links{
    float: left;
    text-align:center;
    margin-left:20px;
    font-weight: bold;
}

#add_experiment{
    margin-left:50px;
}

.gray_bg{
    background-color:gray;
    color:white;
}

.gray_bg a{
    color:white;
    font-weight:bold;
}

.light_gray{
     background-color:#CCCCCC;
     color:gray;
}

.choose_td{
    width:60px;
    text-align: center;
}

.small_textbox{
    width:35px;
}

.back_link{
    text-decoration:none;
}

.back_link img{
    border:none;
    float:left;
    margin-right: 4px;
}
.back_link:hover{
    color:navy;
}

.experiment_record_table{
    width:100%;
}

.experiment_record_table td{
    padding:2px;
}

#firstCell{
    width:120px;
}

#valid_subjects{
    margin-left:120px;
}
.validation_table{
    width:570px;
    overflow-x: scroll;
}

.subjects_table{
    width:570px;
    overflow-x: scroll;
}
.subjects_table table{
    width:1400px;
}
.subjects_header{
    font-size:10px;
    vertical-align: text-top;
}

.centered{
    text-align:center;
}

.bold{
    font-weight: bold;
}

#flot_placeholder{
    width:570px;height:300px
}


#comments{
    display:none;
    color:white;
    font-family:arial;
    font-size:12px;
}

 #simplemodal-overlay {background-color:#000;}

 #simplemodal-container {background-color:#333; border:8px solid #444; padding:12px;}

 .simplemodal-close{
    color:white;
    font-weight:bold;
    text-decoration:underline;
 }

 .esc-dialog{
     color:#999999;
 }

 .fineprint{
     font-weight:bold;
     font-size:10px;
}

#ajax_response{
    color:green;
    font-weight:bold;
}

.white_link{
    color:white;
}
.blue_link{
    color:blue;
}

#info{
    color:red;
    font-weight:bold;
}

.r_align{
    text-align:right;
}

.big_link{
    display:block;
    font-size:24px;
    text-align:center;
}