﻿/******* IntegrateMD ********/

/* ===General Happies=== */
body   {
       font-family: Helvetica, Arial, sans-serif;
       color: #002;
       margin:0 auto;
       background: #fff;
       padding:16px 0;
       }
       
img {
    border: none;
    margin: 0;
    padding: 0;
     }
       
a, a:visited, a:active  {
                        color: #002;
                        border: none;
                        }

a img, a:hover img, a:visited img, a:active img {
                                                border: none;
                                                   }

/* =====Universal Page Setup START===== */
#page {
      width: 100%;
      margin: 0 auto;
      background: #FFF;       
      }

#wrapper        {
                width: 870px;
                margin: 0 auto;
                }
                
#main {
      position: relative;
      width: 870px;
/*      border: solid #ebebeb;
      border-width: 0 1px 1px 1px;
      box-shadow: rgba(0,0,0,.6) 0 4px 1px 0;*/ 
      min-height: 455px;
      padding: 0;
      overflow: hidden;
      }
      
#picture {
         background: transparent;
         padding: 0;
         margin: 0;
          }

#picture img {
         position: absolute;
         top: 0;
         left: 0;
         height: 450px;
         width: 481px;
         }
         
#picture2 {
          background: #fff;
          box-shadow: rgba(0,0,0, 0.4) 3px 3px 1px 1px;
          position: absolute;
          }
          
#content {
      width: 364px;
      height: 100%;
      float: right;
      margin: 0;
      padding: 0;
      font-size: 20px;
      color: #7f7fae;
      font-weight:lighter;
      font-family: "Trebuchet MS", sans-serif;
      } 
      
#content h2 {
            font-size: 30px;
            color: #ffe;
            letter-spacing: -2px;
            line-height:140%;
            padding: 20px 0 0;                        
            }
      
#content p {
           padding: 32px 28px 0 0;
           line-height:165%;
           color: #666           
           }      
      
.over-content {
              display: none;
              background: #fff;
              position: absolute;
              top: 2%;
              left: 12%;
              max-width: 76%;
              max-height: 95%;
              overflow: auto;
              border: solid 2px #c00;
              box-shadow: rgba(0,0,0,0.4) 0px 0px 4px 4px;
              z-index: 1500;
              }
               
.over-content .cls {
                  margin: 12px 12px 0 0;
                  float: right;
                  color: #ccc;
                  font-weight: bold;
                  text-decoration: none;
                  cursor: pointer;
                  }                    
               
.over-content h1 {
                 color: #002;
                 font-size: 17px;
                 padding: 18px 18px 0 18px;
                 }
                 
.over-content p {
                color: #666;
                font-size: 14px;
                padding: 12px 18px 18px 18px;
                line-height: 150%;
                }
                
.over-content ul {
                color: #666;
                font-size: 14px;
                font-weight: bold;
                padding: 12px 18px 18px 18px;
                line-height: 160%;
                }
                
.over-content ul li {
                    margin: 0 0 0 32px;
                    }                                
                
#skein{
       position: absolute;
       top: 0;
       left: 0;
       background: transparent;
       width: 100%;
       height: 100%;
       display: none;
       z-index: 1450;
        }                                                       
            
/* ===Support Panel=== */

#support-window {
                width: 100%;
                border-top: solid 1px #a9a9a9;
                height: 66px;
                text-align:center;
                background: url('img/support-window-grad.png') repeat-x #fff;
                }
                
a #videos,
a #manuals,
a #tech-specs,
a #downloads {
        width: 216px;
        height: 66px;
        border: none;
        margin: 0 auto;
        text-decoration: none;
        line-height: 34px; 
        display: inline-block;
        color: #fff;        
        }
        
a #videos p,
a #manuals p,
a #tech-specs p,
a #downloads p {
               padding: 0 0 0 90px;
               text-align: center;
               }       
         
a #videos {
        background: url('img/support-videos.png') 0 0 no-repeat;
        }
        
a #manuals {
        background: url('img/support-manuals.png') 0 0 no-repeat;
        } 
        
a #tech-specs {
        background: url('img/support-tech-specs.png') 0 0 no-repeat;
        } 
        
a #downloads {
        background: url('img/support-downloads.png') 0 0 no-repeat;
        } 
        
a #videos:hover,
a #manuals:hover,
a #tech-specs:hover,
a #downloads:hover {
                   background-position: 0 -66px;
                   color: #06fbea;
                   }                                                                           
            
/* ===Lower Content Area=== */            
            
#bottom-content {
                margin: 8px 0 0 0;
                padding: 0;
                width:100%;
                position: relative;
                background: url('img/bottom-buttons-grad.png') top repeat-x #ccc;
                box-shadow: rgba(0,0,0,.6) 0 4px 1px 0;
                line-height: 100%;
                min-height: 72px;
                }
                
#bottom-content a {
                  background: transparent;
                  padding: 0;
                  margin: 0;
                  width: 258px;
                  height: 56px;     
                  text-decoration: none;             
                  }

a #member-login,
a #get-iMD {
           width: 258px;
           height: 56px;
           top: 6px;
           padding: 0;
           position: absolute;
           text-decoration: none;
           border: none;
           box-shadow: rgba(0,0,0,.6) 0 4px 2px 0;
           border-radius: 16px
            }

a #member-login {
                left: 12px;
                background: url('img/member-login-button.png') -1px -1px no-repeat;                
                }            
      
a #member-login:hover {
                      background: url('img/member-login-button.png') -1px -58px no-repeat;
                      }
                      
a #get-iMD {
                right: 12px;
                background: url('img/get-iMD-button.png') -1px -1px no-repeat;                
                }            
      
a #get-iMD:hover {
                 background: url('img/get-iMD-button.png') -1px -57px no-repeat;
                 }
                 
a #news {
        display: none;
/*      width: 277px;
      height: 71px;
      border: solid 1px #ebebeb;
      box-shadow: rgba(0,0,0,.6) 0 4px 2px 0;
      margin: 0 auto;*/
      }                
      
a #get-iMD:hover,
a #member-login:hover,
a #news:hover {
              box-shadow: rgba(0,0,0,.6) 0 4px 2px 0, rgba(49, 133, 156, .7) 0 0 3px 3px;
              }                                      
      
/* ===Font Types=== */                
.info	{
	font-weight: bold;
	font-size: .8em;
}
                
/* ===Header=== */
a #home-button {
               display: none;
               /*
               padding: 4px 8px 4px 16px;
               color:#d0d4e8;
               font-weight: bold;
               font-size: 22px;
               float: left;
               */
                }
                
a #home-button:hover{
                     color: #5378bb;
                     }                

#header         {
                text-align: right;
                display: block;
                margin: 0;
                padding: 0;
                }
                
#header img {
            height: 55px;
            width: 196px;
            z-index: 1400;
            }                

/* ===Top-Menu=== */

/* =Text Sizer= */
#text-sizer {
            margin: 0 0 4px;
            float: right;
            color: #409048;
            background: #fff;
            font-weight: bold;
            cursor: pointer;
            font-size: 1.2em;
            }
            
#text-sizer:hover {
                  color:#31859c;
                  font-style: underline;
                  }            
            
.mini-text-A {
             font-size: 0.75em;
              }
              
.maxi-text-A {
             font-size: 1.25em;
              }                          

/* =Main Menu= */

#top-menu {
          margin: 0 0 8px 0;
          padding: 0;
          list-style: none;
          width: 100%;
          z-index: 100;
          font-size:16px;
          background: url('img/top-menu-grad.png') 0 0 repeat-x;
          color: #fff;
          font-weight: bold;
          border-radius: 8px;
          height: 32px;
          box-shadow: rgba(0,0,0,.5) 3px 3px 2px 0;
          float: left;
          position: relative;
          }
          
#top-menu #search {
                  margin: 2px 0 0;
                  position: relative;
                  float: right;
                  width: 190px;
                  }
                  

#top-menu #search input {
                        position: absolute;
                        top: 5px;
                        left: 0px;
                        height: 20px;
                        z-index: 50;
                         }
                         
#top-menu #search #search-icon {
                      border-radius: 8px 0 0 8px / 20px 0 0 20px;
                      position: absolute;
                      top: 5px;
                      left: -26px;
                      z-index: 100;
                      }
                      
#top-menu #search #search-icon-2 {
                      border-radius: 8px 0 0 8px / 20px 0 0 20px;
                      position: absolute;
                      top: 5px;
                      left: -26px;
                      z-index: 90;
                      }                                          
                  
#top-menu #search #search-what {
                        background: url('img/search-bar-grad.png') 0 0 repeat-x;
                        border-radius: 0 8px 8px 0 / 0 20px 20px 0;
                        padding: 0;
                        border: none;
                        color: #fff;
                        font-weight: bold;
                        width: 178px;
                         }                            
          
#top-menu li{
             float: left;
             padding: 0;
             border-radius: 0;
             border: solid #fff;                          
             border-width: 0 1px; 
             line-height: 32px;            
             }          

#top-menu li:first-child {
             border-width: 0 1px 0 0;
             }
             
#top-menu li:last-child {
             border-width: 0 0 0 1px;
             }
             
#top-menu li:hover {
             }
             
#top-menu li:first-child a:hover {
                                 border-radius: 8px 0 0 8px;
                                 }
                                 
#top-menu li a {
             display: block;
             float: left;
             margin: 0;
             color: #fff;
             text-decoration: none;
             padding: 0 10px;
             height: 32px;
             }
#top-menu li a:hover {
                       background: url('img/top-menu-grad.png') 0 -32px repeat-x;
                       box-shadow: rgba(49, 133, 156, .5) 0 0 3px 3px;             
                       color: #ee8;
                     }  
           
#top-menu a {
             text-decoration: none;
             display: block;
              }
              
/* =Submenus= */

#top-menu ul {
	background:transparent #fff;
	list-style:none;
	position: absolute;
	display:inline;
    top: 31px;
    padding: 0;
    margin: 0;
    height: 64px;
    z-index: 1000;
    overflow: hidden;
    left: -9009px;
    width: 100%;
}

#top-menu ul li{
	padding: 4px;
	float: left;
    font-size: 14px;
    display: inline;
    border: none;
    color: #aaa;
                }

#top-menu ul a{
    border: none;
}
#top-menu li:hover ul{
                    left: 0;
                      }
                      
#top-menu ul:hover {
                   left: 0;
                   z-index: 1010;
                   }                      
                      
#top-menu li:hover ul li  {
                            background: none;
                            border: none;
                            box-shadow: none;
                            height: 32px;
                            margin: 3px 8px;
                            padding: 3px 8px;
                            }
                            
#top-menu ul li:first-child:hover {
                                 border-radius: 0;
                                 }                            
                            
#top-menu li:hover ul li:hover {
                                 background: #bababa;
                                 color: #fff;
                                 cursor: pointer;
                                 }

/* =Blocks= */                                   
.block-center {
              width: 75%;
              margin: 0 auto;
              padding: 0 0 50px;
              background: url('img/block-shadow.png') bottom center no-repeat #fff;
              }

.block-title	{
	color:#222;
    height: 37px;
    line-height: 37px;
	border: solid #9d9fa1;
	border-width: 0 0 2px 0;
    border-radius: 16px;
    background: url('img/block-title-grad.png') top left repeat-x;
    width:100%;
    font-weight:bold;
}

.block-title img {
                 float: left;
                 height: 36px;
                 width: auto;
                 margin: 0 0 0 10px;
                  }

.block-center,
.block-right,
.block-left	{
    text-align:center;
            }
.block-contents {
                background: url('img/block-contents-grad.png') top center repeat-y #dadbdd;
	            border: solid 1px #bcbdbd;
	            border-radius: 16px;
	            box-shadow: rgba(0,0,0,0.3) 0 0 1px 1px inset;
                width: 94%;
                margin: 18px auto 0 auto;
                padding: 20px 0;                
                }
                
.block-contents img {
                    width: 70%;
                    height: auto;
                    margin: 0 0 20px;
                     }                

.block-center input,
.block-right input,
.block-left input,
.block-center textarea,
.block-right textarea,
.block-left textarea {
                  margin: .8em 0;
                  width: 80%;
               	  box-shadow: rgba(0,0,0,0.3) 1px 1px 1px 0;
                  border-color: #999;
                  padding: 6px;
                   }
                   
.block-center input,
.block-right input,
.block-left input {
                  border-radius: 18px / 42px;
                  }
                  
.block-center textarea,
.block-right textarea,
.block-left textarea {
                      border-radius: 16px;
                      }                                   
                   
.block-left .submit,
.block-center .submit {
                     width: 18%;
                     margin-left: 72%;
                     background: url('img/button-grad.png') repeat-x #cacaca;
                     color: #000;
                     font-weight: bold;
                     border-color: #ececec;
                     box-shadow: rgba(0, 0, 0, .8) 0 1px;
                     border-radius: 8px;
                    }
                    
.block-left .submit:hover,
.block-center .submit:hover {
                         box-shadow: rgba(0, 0, 0, .8) 0 1px, rgba(49, 133, 156, .5) 0 0 3px 3px;
                         }
                         
.block-left .submit:active,
.block-center .submit:active {
                         box-shadow: rgba (0, 0, 0, .8) 3px 3px inset;
                         border-color: #31859c;
                              }         
                              
/* ===Footer=== */
#footer {
         display: none;
/*         background: url('img/bottom-bar.png') repeat-x #fff;
         font-size: 26px;
         text-align: right;
         color: #fff;
         margin: 48px 0 0;
         padding: 0 20px;
         min-height:64px;  */
         }
/* =====Universal Page Setup END===== */

/* =====Exceptions START===== */

/* =Perma-Highlights= */
#company .company,
#solution .solution,
#services .services,
#support .support,
#contact-us .contact-us {
                       background: url('img/top-menu-grad.png') 0 -32px repeat-x;
                       color: #ee8;
                         }

#company .company {
                  border-radius: 8px 0 0 8px;
                   }                         

/* ===Index Page=== */
                
#index #picture img,
#company #picture img {
                      height: auto;
                       }                   

/* ===Solution Page=== */
#solution #main {
                background: url('img/solution-v2-rs.jpg') top center no-repeat;
                }
                

#solution #picture2 {
                    left: 350px;
                    bottom: 40px;
                    width: 128px;
                    height: 160px;                    
                     }
                     
#solution #picture2 img {
                    width: 128px;
                    height: 160px;                    
                     }                     

/* ===Services Page=== */
#services #picture img {
                   height: 458px;
                   width: 340px;
                   }
                   
#services #picture2 {
                    left: 330px;
                    bottom: 16px;
                    width: 144px;
                    height: 192px; 
                     }
                     
#services #picture2 img {                     
                    width: 144px;
                    height: 192px;                                        
                   }
/* ===Support Page=== */
                
#support #picture2 {
                    left: 344px;
                    bottom: 104px;
                    width: 139px;
                    height: 208px;  
                     }       
                     
#support #picture2 img {
                    width: 139px;
                    height: 208px;                    
                     }                                

/* ===Contact Page===*/

#contact-us #main {
               max-height: none;
               padding-bottom: 32px;
               background: none;
                }
                
.imdcontact {
margin-left:145px;
margin-top:20px;
width:330px;
-webkit-border-radius: 99px;
-moz-border-radius: 99px;
border-radius: 99px;
-moz-box-shadow: 0 0 6px 6px #FF0000;
-webkit-box-shadow: 0 0 6px 6px #FF0000;
box-shadow: 0 0 6px 6px #FF0000;
border:5px solid #A89797;
background-color:#FFFFFF;
padding-top:7px;
padding-bottom:11px;
}  

.imdcontact a {
	text-align:center;
	          color: #000;
	          font-style:oblique;
	          font-size:small        
	          margin-left: 3px;
              margin-top:3px;
            

}   

.video2 {

margin-left:200px;



	
}

.video1 {
margin-left:230px;

	
}

.phppass {
	
	margin-left:220px;
margin-top:90px;
-webkit-border-radius: 99px;
-moz-border-radius: 99px;
border-radius: 99px;
-moz-box-shadow: 0 0 6px 6px #FF0000;
-webkit-box-shadow: 0 0 6px 6px #FF0000;
box-shadow: 0 0 6px 6px #FF0000;
border:2px solid #A89797;
background-color:#FFFFFF;
width:430px;
height:150px;
padding-top:90px;
padding-left:55px;
}
/* =====Exceptions END===== */                                         
