/* CSS Document */
body{
font-family:Sans-serif;
font-style:italic;
/*background-color:#1ed1ff;*/
background-color:#CCCCCC;
}

div,img,A
{
border-radius:10px;
}

div.smallFrame{

}

/*-Title---------------------------*/
div.mainTitle{
position:absolute;
/*width:1100px;*/
width:1056px;
height:110px;
top:0px;
left:0px;
padding:10px;
margin:2px;
border:1px solid black;
/*background-color:#1ed1ff;*/
}

img.logoTitle{
display:inline-block;
display:inline-block;
border:1px solid black;
}

div.textTitle{
display:inline-block;
vertical-align:top;
float:right;
}

/*-Menu Principal------------------*/
div.mainMenu{
position:absolute;
/*width:1100px;*/
width:1056px;
height:25px;
top:134px;
left:0px;
padding:10px;
margin:2px;
border:1px solid black;
/*background-color:#1ed1ff;*/
}

A.menuItemRegular{
padding:2px;
margin:1px;
border:1px solid black;
text-decoration:none;
color:black;
background-color:gainsboro;
/*opacity:0.4;*/
}

A.menuItemSelected{
padding:2px;
margin:1px;
border:1px solid black;
text-decoration:none;
color:black;
background-color:antiquewhite;
/*opacity:0.4;*/
}

/*-Corps de page------------------*/
div.connectionFrame{
position:absolute;
width:140px;
height:751px;
top:0px;
left:1080px;
padding:2px;
margin:2px;
border:1px solid black;
/*background-color:#1ed1ff;*/
}

#GeoTrust{
position:absolute;
top:698px;
left:15px;
}

div.mainFrame{
position:absolute;
width:1056px;
height:498px;
top:183px;
left:0px;
padding:10px;
margin:2px;
border:1px solid black;
background-color:#e5e5e5;
overflow-x:auto;
overflow-y:auto;
}

div.GFrame{
position:absolute;
width:515px;
height:236px;
padding:10px;
margin:2px;
border:1px solid black;
background-color:#e5e5e5;
/*overflow-x:auto;
overflow-y:auto;*/
}

#G1Frame{
top:183px;
left:0px;
}

#G2Frame{
top:183px;
left:540px;
}

#G3Frame{
top:444px;
left:0px;
}

#G4Frame{
top:444px;
left:540px;
}

div.GFrameLabel{
position:absolute;
right:5px;
z-index:2;
font-weight:bold;
padding:2px;
margin:1px;
border:1px solid black;
text-decoration:none;
color:black;
background-color:gainsboro;
opacity:1;
cursor:pointer;
}

div.GFrameStatus{
position:absolute;
right:22px;
z-index:2;
/*font-weight:bold;*/
padding:2px;
margin:1px;
border:0px solid black;
text-decoration:none;
color:black;
background-color:gainsboro;
opacity:0.4;
cursor:default;
}

div.viewFrame{
position:absolute;
border:1px solid black;
display:inline-block;
vertical-align:top;
overflow-y:auto;
top:1px;
width:401px;
height:508px;
padding:2px;
margin:1px;
font-size:1em;
font-family:monospace;
font-style:normal;
}

div.viewLabel{
display:inline-block;
width:250px;
padding:0px;
margin:0px;
}

div.viewLabel_i{
display:inline-block;
width:250px;
padding:0px;
margin:0px;
background-color:whitesmoke;
border-radius: 0px;
}

div.viewTabTitle{
display:inline-block;
width:98%;
padding-left:5px;
font-size:1.2em;
background-color:silver;
font-style:normal;
}

div.viewValue{
text-align:right;
display:inline-block;
width:100px;
padding:0px;
margin:0px;
}

div.viewValue_i{
text-align:right;
display:inline-block;
width:100px;
padding:0px;
margin:0px;
background-color:whitesmoke;
border-radius: 0px;
}

div.viewUnit{
text-align:left;
display:inline-block;
width:50px;
padding:0px;
margin:0px;
}

div.viewUnit_i{
text-align:left;
display:inline-block;
width:50px;
padding:0px;
margin:0px;
background-color:whitesmoke;
border-radius: 0px;
}

div.connectionItem{
border:1px solid black;
display:inline-block;
width:131px;
padding:2px;
margin:2px;
font-size:0.8em;
text-align:center;
}

#Rafr{
cursor:pointer;
}

#FreqRafr{
cursor:pointer;
}

div.connectionItemAlarm{
color:red;
border:1px solid black;
display:inline-block;
padding:2px;
margin:2px;
font-size:0.8em;
background-color:silver;
}

/*-Bannière événementielle--------*/
div.eventFrame{

}

/*-footer---------------------------*/
div.footerFrame{
position:absolute;
/*width:1100px; */
width:1056px;
height:30px;
/*top:822px;*/
top:705px;
left:0px;
padding:10px;
margin:2px;
border:1px solid black;
/*background-color:#1ed1ff;*/
}

span.footerItem{
font-size:0.8em;
position:relative;
padding:5px;
margin:0px;
/*background-color:white; */
}

/*-Général popup------------------*/
div.popUpFrame{
padding:15px;
margin:15px;
border:5px solid #c3c3c3;
width:700px;
text-align:left;
display:none;
z-index:2;
position:absolute;
top:150px;
left:125px;
background-color:white;
opacity:0.95;
}

#connexionFrame{
display:block;
box-shadow:50px 50px 50px black; 
}

div.popUpChannelFrame{
padding:15px;
margin:0px;
border:5px solid #c3c3c3;
height:400px;
width:660px;
text-align:left;
display:none;
z-index:2;
position:absolute;
top:150px;
left:125px;
background-color:white;
opacity:0.95;
box-shadow:50px 50px 50px black; 
cursor:move;
}

div.channelFrame{
display:inline-block;
width:300px;
height:300px;
padding:10px;
margin:2px;
border:1px solid black;
overflow-x:auto;
overflow-y:auto;
}

#libChannelFrameTitle{
font-size:1em;
font-weight:bold;
}

#avlChFrame{
position:absolute;
top:80px;
left:15px;
}

#addChFrame{
position:absolute;
top:80px;
left:345px;
}

div.channelLabel{
border:none;
display:inline-block;
width:250px;
padding:2px;
margin:2px;
font-size:0.8em;
cursor:pointer;
}

#chAvlTitreId{
position:absolute;
border:none;
display:inline-block;
top:50px;
left:15px;
padding:0px;
margin:0px;
font-size:1em;
font-weight:bold;
}

#chSelTitreId{
position:absolute;
border:none;
display:inline-block;
top:50px;
left:345px;
padding:0px;
margin:0px;
font-size:1em;
font-weight:bold;
}

div.popUpAxisManageFrame{
padding:15px;
margin:15px;
border:1px solid black;
width:290px;
text-align:left;
display:none;
z-index:2;
position:absolute;
top:150px;
left:125px;
background-color:white;
opacity:0.95;
box-shadow:50px 50px 50px black; 
}

.XPropFrame{
width:40px;
}

.XPropLabel{
width:100px;
border:none;
font-weight:bold;
display:inline-block;
}

.YPropFrame{
width:70px;
}