/* Styles used by the svyLibE2 toolkit.  */

/* style used to display an element that is the FOCUS */
.styleModuleFocus {margin-left:1px} 

/* style used when displaying a "gap" */
.styleDefaultGap {background-color:#efefef ; height:100px }

/* style used to display an element that is a LABEL (not in the header) */
.styleLabel {font-size:80%;font-style:italic; border:1px gray solid;margin-left:5px; width:5% }

/* these two are used to write the "message" and "header" in any of the message areas  */
.styleWriteBlockHeader {position: absolute; top:1px; margin-left: 15%; margin-right: 15%;  width:70%;  font-size:12px;  background-color:#bcbcbc }
.styleWriteBlockMessage {position:absolute; top:23px }
  

/* the style for the larger & smaller message block (that is in a fixed location in the middle of the screen */
.styleMessageBlock  {
       position:fixed; top:55%; left:50px; margin-left:15%; margin-right:15% ; display:none; height:25% ; 
       overflow:auto ; width:70%;font-size:14px; padding:2px ;   border: 4px ridge white; background-color: #dadadd ; 
   }
.styleAlertBlock  {position: fixed; 
                        top:65%; left:15%; 
                        overflow:auto ; 
                         width:60%;
                         display:none;  
                         font-size:14px; 
                         padding:2px ; 
                         border: 4px ridge white; 
                         height:40px;
                          background-color:#fbfb55}


/* styles used to display the several messages areas in the header. Note that all of them are "fixed" */
.styleHeaderMessage {position:fixed; 
                     top:1px; 
                     left: 8%; 
                     width:50%;     
                     font-size: 12px ;  
                     display:none;
                     background-color:#bcbcbc 
                    }


.styleHeaderClientMessage {position:fixed ; 
                     top:4px; 
                     left: 61%; 
                     width:12%; 
                     font-size: 80% ;  
                     background-color:#dcddda;
                     border-radius=2px;
                     -mozBorderRadius:2px;
                     -webkit-box-shadow:2px 1px 2px #000 ;
                     -moz-box-shadow:2px 1px 2px  #000 ;
                      padding-left:3px;
                    }


.styleHeaderTimer  {position: fixed ; 
                     top:4px; 
                     left:76%; 
                     width:11%;
                     background-color:#dcdcac; 
                     display:none;
                     font-size: 130%  ;
                    }

.styleHeaderButton  {position: fixed ; 
                     top:4px; 
                     left: 88%; 
                     width:11%;
                     background-color:#dccdca; 
                     font-size: 80%  ;
                     display:none;
                    }

/* === old values
.styleHeaderMessage {position: fixed; top:1px; margin-left: 15%; margin-right: 15%;  width:70%;  font-size:12px;  background-color:#bcbcbc }
.styleHeaderButton  {position: fixed; top:5px; right:5px }
.styleHeaderTimer  {position: fixed; top:5px; right:125px ; font-size: 140%}
=== */


/* styles used in message areas in the "footer". Note that these are NOT fixed */
.styleFooterBlock   {background-color:#fefefe; color:#686868 ; margin-top:500px  } 
.styleNameBlock   {background-color:#ffffff; border: #ffffff dotted 1px; color:#888888 ;font-style: oblique  }
.styleQdescBlock  {background-color:#ffffff; border: #ffffff dotted 1px; color:#888888; margin-left:50px }
.styleStatusBlock {border:1px solid black;font-weight:200; color:#bfbfbf ; margin-top:10px }
.styleControlOptions {border:1px solid black; background-color:#efefef;margin:10px 5% 10px 5%;display:none}

/* default style used when creating buttons */
.styleMakeButton {font-size:100%; background-color:#bfbfbf ; padding:3px ; border:3px groove #dfdfdf }
/* for creating "underlined" buttons */
.styleButtonUnderline {font-size:120%; background-color:#bdbdbd ; padding:3px ;color:blue; text-decoration: underline }   

/* default styles used when displaying a count down timer */
.styleUpdateTimer3 {color:#555555; font-size:100% ; margin-left:2px ; border:1px solid gray}
.styleUpdateTimer2 {color:#999900; font-size:150% ; margin-left:2px ; border:1px solid gray}
.styleUpdateTimer1 {color:#FF0000; font-size:200% ; margin-left:2px ; border:1px solid gray}
.styleUpdateTimer0 {display:none }

/* infolink style (help messages) */

/* how the clickable link is displayed */
.styleInfoLink {color:blue; text-decoration: underline ; font-size:100%}

/* the style of the  header and box in the help box (if noHelpBox is NOT = 1) */
.styleInfoLink_header {margin-left:20%; margin-right:20% ;font-size:100%; font-weight:500; background-color:#ababab }
.styleInfoLink_body {margin-left:2px;font-size:100%; font-weight:400 }

/* no display */
.noShow {display:none;color:#aaaa99}

/* misc stuff */
.typename {font-style:italic }
.isred {background-color: red ; color:blue }
.codebox {border: 1px gray dotted ;  background-color: #ececec ;   padding:12px 2px 5px 10%;white-space: pre;
                padding:2px ; font-family:monospace;  }

/* for simpleHistory  */
.historyButton {padding:4px;background-color:#d2d2d2;color:#121212;color:blue;
              border:2px solid  #dedede; border-right:2px solid #717171; border-bottom:2px solid #717171}
.historyLink {color:blue;text-decoration:underline;margin:1px 4px 1px 4px} 
 
/* mouse over suggested style (no click action */
.mouseOverOnly {border:1px dotted #5555cc;padding:1px 2px 1px 2px}

