body {          margin: 0; }

body,table,input {   font-family: Arial, Helvetica, sans-serif;
                font-size:11px;
                color: black; }

a {             text-decoration: none;
                color: #00a0e8; }

a:hover {       text-decoration: none;
                color: #002080; }

a:active {      text-decoration: none;
                color: #00a0e8; }

.line:hover {
    background: rgb(226,246,255);
}

pre a,pre a:hover,pre a:active {         font-weight: normal; }

img {           border: 0px; }

/* table */
.table {
    border-collapse:collapse;
    padding: 10px;
}

.table tr td {
    padding: 3px;
}

.table thead {
    border: 1px solid lightgrey;
    background: #eee;
}

.table thead td {
    padding: 4px 3px;
}

thead tr td {
    border-bottom: 1px solid lightgrey;
    border-collapse: collapse;
}

.table tbody {
    border: 1px solid lightgrey;
}

.table tbody tr:nth-child(even) {
    background-color:rgb(245,245,245);
}

.table tbody tr:nth-child(odd) {
    background-color:#fff;
}

.table tbody tr:last-child {
    border-bottom: 1px solid lightgrey;
}

/* END(table) */

em {
    color: #5B7ACC;
    font-style: normal;
    font-weight: normal;
    padding: 0 1px;
}

.code {
    background-color:rgb(245,245,245);
    border: 1px solid lightgrey;
    padding: 4px;
    font-family: monospace;
    word-break:break-all;
}

hr {            height: 0;
                border: 0;
                margin: 20px 0 20px 0;
                border-top: solid 1px rgb(148,170,228); }

h2 {            font-size:20px;
                color: rgb(0,76,153); }

.title {        font-weight: bold;
                font-size:14px;
                color: rgb(0,76,153); }

.plain_title {  font-weight: bold;
                color: rgb(0,76,153); }

.plain_title * {  font-weight: bold;
                color: rgb(0,76,153); }

.icon {         vertical-align: -20%; }

.line_no {      color: rgb(140,140,140);
                text-align: right;
                white-space: pre;
                font-family: monospace;
                padding: 0 7px;
                border-right: 1px solid rgb(230,230,230);
                background: #D4E3FE; }

.zone {         text-align: left;
                white-space: pre;
                font-family: monospace;
                padding: 7px 7px 7px 10px; }

.box {          /*padding: 10px;
                border: 1px dashed rgb(69,90,114);*/
                background: rgb(212,227,254); }

.area_main { background-color: #e5ebfe; }


.border_top { border-top:1px solid rgb(148,170,228);
              border-collapse:collapse;
              height:5px; }

.border_bottom { border-bottom:1px solid rgb(148,170,228);
                 border-collapse:collapse;
                 height:5px; }

.border_left { border-left:1px solid rgb(148,170,228);
               border-top:1px solid rgb(148,170,228);
               border-bottom:1px solid rgb(148,170,228);
               border-collapse:collapse;
               width: 5px; }

.border_right { border-right:1px solid rgb(148,170,228);
               border-top:1px solid rgb(148,170,228);
               border-bottom:1px solid rgb(148,170,228);
               border-collapse:collapse;
               width:5px; }

.logo {      /*   border-bottom: solid 2px white; */
                background: url('images/virtualtec_logo.png') white;
                background-repeat: no-repeat;
                background-position: 0px 0px;
                height: 80px;;
                max-height:80px; 
}

.button {       font-size:11px;
                color: black;
                background: rgb(220,220,220);
                /*display: table;
                padding: 4px 8px;*/
                cursor: default;
                border:solid 1px rgb(70,70,70); }

.button:hover { color: white;
                background: rgb(121,161,222);
                border:solid 1px rgb(0,57,179); }

.button:active { color:white;
                background: rgb(28,106,205);
                border:solid 1px rgb(0,57,179); }

.logout {       position: absolute;
                top:115px;
                /*top:125px;*/ }

.main_table {   background: white;
                height: 100%;
                /*height: 600px;*/ }

.main {         padding: 20px;
                vertical-align: top; }

.main_bottom {  height: 50px;
                padding-left: 20px;
                background: rgb(182,193,207);
                border-top:solid 1px rgb(160,160,160);
                border-bottom:solid 1px rgb(160,160,160);
                color: rgb(69,90,114);
                font-size: 9px;
                vertical-align: middle; }

.main_bottom * {	color: rgb(69,90,114);
					font-size: 9px; }

.option {       padding-left:20px;
                font-weight: bold; }

.searchinput {	font-size: 11px;
				width: 140px;
				height: 13px;
}

.top_table {	background: rgb(212,227,254); }

.top_link {		color: rgb(50,50,50);
				text-align: center; }

.menu {         width: 160px;
                /*padding: 0px 0 0 20px;*/
                vertical-align: top;
                line-height: 1.8em;
                background: rgb(113,145,212);
                text-decoration: none;
                white-space: nowrap; }
                
.menu_title {	color: rgb(51,51,51);
				display: block;
				border-bottom: 1px solid white;
                background: rgb(212,227,254); }

.menu_title img {	vertical-align: -20%;
					padding: 0 5px 0 10px;  }

a.menu {        text-decoration: none;
                color: black; }

a.menu:hover {	text-decoration: none;
                color: #002080; }

a.menu:active {	text-decoration: none;
                color: black; }
                
                

.menu_bottom {  height: 50px;
                text-align: center;
                background: rgb(174,185,198);
                border-top:solid 1px rgb(160,160,160);
                border-bottom:solid 1px rgb(160,160,160);
                color: rgb(69,90,114);
                font-size: 9px;
                vertical-align: middle; }

.left_shadow {  background: url("images/left.png");
                width:10px; }

.right_shadow { background: url("images/right.png");
                width:10px; }



.message_red { font-size:11px;
        position:relative;
        min-width:250px;
        max-width:250px;
        background-color:#FFCCCC;
        border:1px solid rgb(99,0,0);
        color: black; }
        
.message_blue { font-size:11px;
        position:relative;
        min-width:250px;
        max-width:250px;
        background-color:#CBCBFE;
        border:1px solid #0000AA;
        color:#0000AA; }

.message_blue2 { font-size:11px;
        position:relative;
        min-width:250px;
        max-width:250px;
        background-color:#9DA8C1;
        border:1px solid rgb(11,11,44);
        color:rgb(11,11,44); }

.message_green { font-size:11px;
        position:relative;
        min-width:250px;
        max-width:250px;
        background-color: #99CC99;
        border:1px solid rgb(00,55,00);
        color: black; }
        
.message_grey { font-size:11px;
        position:relative;
        min-width:250px;
        max-width:250px;
        background-color:#CDCDCD;
        border:1px solid rgb(44,44,44);
        color:rgb(44,44,44); }

.message_orange { font-size:11px;
        position:relative;
        min-width:250px;
        max-width:250px;
        background-color:#FFBB88;
        border:1px solid #EE4400;
        color:#EE4400; }

.message {  padding-left:11px;
            padding-right:11px;
            line-height:19px;
            text-align: left; }



@media screen and (max-device-width: 480px){
/*--- iPhone only CSS here ---*/
    body{
      -webkit-text-size-adjust:none;
      font-family:Helvetica, Arial, Verdana, sans-serif;
      width:100%!important;
      float:none!important;
      margin:0!important;
      padding:0!important;
    }


}