﻿body 
{
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    /*background: url("/Images/SmartVoteView.jpg");
    background-size: cover;
    background-repeat: no-repeat;*/
    background-color:snow;
}

.spacer 
{
    border-bottom:solid 2px #b7ddf2;
    clear: both;
    height: 1px;
    clear: both;
    /*background-color:aqua;*/
    margin:0px 5px 20px 5px;
    padding:0px 0px 0px 0px;
    z-index:0;
}

#holder
{
    width:100%;
    min-height:100%;
    position:absolute;
    top:100px;
    padding-bottom:30px;
    /*border:solid;*/
}

#id_CustomerHeading
{
    position:fixed;
    background-color:whitesmoke;
    left:0px;
    top:0px;
    width:100%;
    height:100px;
    z-index:1;
}

#idHeaderImg {
    position: absolute;
    left: 0px;
    top: 0px;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
}

#idDivCharView {
    position: fixed;
    bottom: 6px;
    left: 2px;
    width: 23%;
    min-height: 330px;
    max-height:340px;
    border: solid #b7ddf2;
    font-size: 16px;
    padding: 2px 2px 2px 2px;
    background-color: lightyellow;
    z-index: 4;
}
#idDivCharViewInner {
    position:absolute;
    top:30px;
    left:1px;
    width: 100%;
    height: 92%;
    overflow-y: scroll;
}


#idProposalselectSection {
    position: fixed;
    background-color: whitesmoke;
    left: 0px;
    top: 80px;
    width: 100%;
    height: 150px;
    padding-left: 10px;
    z-index: 1;
}

#idProposalView {
    position: absolute;
    top: 125px;
    /*border: solid;*/
    width: 98%;
    min-height: 80%
}

#idDivSingleProposal {
    position: fixed;
    top: 230px;
    left: 25%;
    min-width:73%;
    width: 74%;
    min-height: 70%;
    max-height:73%;
    overflow-y: scroll;
    border: solid;
    border-color: lightblue;
    margin-left: 10px;
    padding: 8px 8px 8px 8px;
}

#idDivProposalList {
    position: fixed;
    top: 230px;
    left: 3px;
    min-width: 23%;
    width: 25%;
    /*height:60%;*/
    min-height: 50%;
    max-height:60%;
    overflow-y: scroll;
    padding-left: 1px;
    border: solid;
    border-bottom-width: thin;
    border-color: aqua;
}

#idDivRefresh {
    position: relative;
    float: left;
    top: 0px;
    left: 0px;
    width: 20%;
    padding-left: 1px;
    margin-bottom:2px;
    z-index:5;
}

#idProposalList {
    font-size: 14px;
    width: 98%;
    margin-top: 2px;
    min-height:80%
}

#idProposalList button {
    margin-right: 5px;
    text-align:left;
}

#idSelectedProposal {
    position: relative;
    top:0px;
    clear: both;
    float: left;
}

#idTblProposal {
    position: relative;
    left: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 16px;
}

#idProposalButtons {
    float: left;
    height: 25px;
    width:700px;
    padding-right: 10px;
    margin-left:10px;
    margin-top:15px;
}

#idProposalView button {
    width: 80px;
}

#idProposalButtons button {
    width: 100px;
    min-height:30px;
    margin: 0px 0px 0px 0px;
}


table#idProposalList
{
    position:relative;
    top:5px;
    width:98%;
    margin: 5px 15px 5px 5px;
    background-color: white;
    /*border:solid;
    border-bottom-width:thin;
    border-color:aqua;*/
}
table#idProposalList th	
{
    background-color: white;
    color: white;
    height:0px;
}
table#idProposalList td	
{
    margin: 2px 2px 2px 2px;
    padding:2px 2px 2px 2px;
}
table#idProposalList tr:nth-child(even) 
{
    background-color: #eee;
}
table#idProposalList tr:nth-child(odd) 
{
    background-color:#fff;
}

#idViewNewProposal {
    position: absolute;
    left: 50px;
    top: 50px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    border: solid;
    border-color: lightblue;
    width: 90%;
    /*min-height:30%;*/
    padding-left: 15px;
}

#idViewSingleProposal
{
    position:absolute;
    left:50px;
    top:50px;
    margin-top:10px;
    margin-left:10px; 
    margin-right:10px;
    border:solid;
    border-color:lightblue;
    width:90%;
    /*min-height:30%;*/
    padding-left:15px;            
}
        
#idViewSingleProposalBegrunnelse
{
    position:absolute;
    left:50px;
    top:50px;
    margin-top:10px;
    margin-left:10px; 
    margin-right:10px;
    border:solid;
    border-color:lightblue;
    width:90%;
    /*min-height:30%;*/
    padding-left:15px;            
}

#idViewSingleProposalNote
{
    position:absolute;
    left:50px;
    top:50px;
    margin-top:10px;
    margin-left:10px; 
    margin-right:10px;
    border:solid;
    border-color:lightblue;
    width:90%;
    /*min-height:30%;*/
    padding-left:15px;            
}

#idProposalText{
    font-size:20px;
}

.ClassShowProposalMessage {
    position: fixed;
    top: 0px;
    left: 800px;
    max-height: 500px;
    max-width: 600px;
    /*-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
    border: solid 2px #b7ddf2;
    padding: 1px 0px 10px 10px;
    background-color:lightyellow;
    /*background: #ebf4fb;*/
    z-index: 10;
}

#idVoteView {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50%;
    min-height: 50%;
    border: solid 2px #b7ddf2;
    padding: 10px 15px 10px 10px;
    background: #ebf4fb;
    /*z-index: 100;*/
}

#idDivSpeechList {
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50%;
    min-height: 50%;
    border: solid 2px #b7ddf2;
    padding: 10px 15px 10px 10px;
    background: #ebf4fb;
    /*z-index: 100;*/
}

#idDivChatCreateMessage {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50%;
    min-height: 10%;
    border: solid 2px #b7ddf2;
    padding: 10px 15px 10px 10px;
    background: #ebf4fb;
    /*z-index: 100;*/
}
#idDivChatCreateMessage button {
    float: right;
    width: 100px;
    margin-right: 10px;
}

#idInputChatMessageText {
    clear: both;
    width: 95%;
    max-width: 95%;
    max-height: 100px;
    font-size: 14px;
}

#idTableChat {
    width: 100%;
    font-size: 12px;
}
table#idTableChat th {
    background-color: white;
    color: white;
    height: 0px;
}

table#idTableChat td {
    margin: 2px 2px 2px 2px;
    padding: 2px 2px 2px 2px;
}

table#idTableChat tr:nth-child(even) {
    background-color: #eee;
}

table#idTableChat tr:nth-child(odd) {
    background-color: #fff;
}
/*#idDivShowProposalStatusCount {
    padding: 20px;
    display: none;
}

classProposalCount:hover + div {
    display: block;
}*/
