img 
{
    height:auto;
}
.fillw select, .fillw textarea, .fillw input {
  width: 100% !important;
  height:auto;
}
/**************************** START SLIDER ***************************************/

#slider-code  
{
    height: 395px; 
    overflow:hidden; 
}

#slider2
{ 
    overflow:hidden; 
    float: right;
    width: 50px;
    height: 40px;
    
}
.fill input,

 
#slider-code .viewport  
{
    float: left; 
    width: 523px; 
    height: 300px; 
    overflow: hidden; 
    position: relative; 
}

#slider-code .buttons { display: block; margin: 30px 10px 0 0; float: left; }
#slider-code .next { margin: 30px 0 0 10px;  }
#slider-code .disable { visibility: hidden; }

#slider-code .overview  
{
    list-style: none; 
    padding: 0; 
    margin: 0;  
    position: absolute; 
    left: 0; 
    top: 0; 
    width: 502px; 
}

#slider-code .overview li 
{
    float: left; 
    margin: 0 20px 0 0; 
    padding: 1px; 
    width: 523px;
    height: 300px;
    border: 1px solid #dcdcdc; 
}

#slider-code .pager  
{
    overflow:hidden; 
    list-style: none; 
    clear: both; 
    margin: 0 0 0 0px; 
}

#slider-code .pager li  
{
    float: left; 
    width: 120px;
    height: 75px;
    margin: 10px 10px 0px 3px;
}

#slider-code .pager a
{
   /*
    background: url(C:\SPIDevelopment\WalkInConnect\WalkInConnect\css\Images\bullets.png);
*/
    padding: 0px;
    
}

#slider-code .pagenum { background-color: #fff; text-decoration: none; text-align: center; padding: 5px; color: #555555; font-size: 14px; font-weight: bold; display: block; }
#slider-code .active { color: #fff; background-color:  #555555; }

/**************************** END SLIDER ***************************************/


/************************ START POPUP IMAGES *************************************/



#interface1 {
	z-index:1;
}

#loader_container {
    text-align:center;
    position:absolute;
    top:40%;
    width:100%}

#loader {
	font-family:Tahoma, Helvetica, sans;
	font-size:10px;
	color:#000000;
	background-color:#FFFFFF;
	padding:10px 0 16px 0;
	margin:0 auto;
	display:block;
	width:135px;
	border:1px solid #6A6A6A;
	text-align:left;
	z-index:255;
}

#progress {
	height:5px;
	font-size:1px;
	width:1px;
	position:relative;
	top:1px;
	left:10px;
	background-color:#9D9D94
}

#loader_bg {
	background-color:#EBEBE4;
	position:relative;
	top:8px;left:8px;height:7px;
	width:113px;font-size:1px
}

.border_preview{
	z-index:100;
	position:absolute; 
	background: #fff;
	border: 1px solid #444;
}

.preview_temp_load {
	vertical-align:middle;
	text-align:center;
	padding: 10px;
}
.preview_temp_load img{	
	vertical-align:middle;
	text-align:center;
}


/**************************** END POPUP IMAGES *********************************************/








.mainCont    /****** MAIN CONTENT AREA EXCEPT FOR THE SEARCH ******/
{/*
    margin: 45px 60px 0px 60px;
    min-width: 885px;*/
}

.mainCont .mc1.availContLrg 
{
 min-width:300px;   
}

@media screen and (max-width:600px) {
    .mainCont .mc1.availContLrg 
    {
     margin-left: auto !important;
     margin-right: auto !important;
    }
}

input.hasDatepicker { width:100%;}

#contBoxL
{
    margin: 145px 0px 50px 0px;
    width: 490px; /** was 425px for meeting **/
    height: 175px;

    float: left;   
 
    position: absolute;
}

#contBoxL div#shadowBox
{
    margin-left: -230px;
    margin-top: -95px;
}

#contBoxL img
{
    float: left;
    margin: 6px 20px 4px 0px;
    border: 2px solid #fff;
}

.message
{
    text-align: justify;
    margin-top: 5px;
    padding: 10px;
    padding-top: 0px;
}

.message h1
{
    padding-top: 10px;
    
}

div.message
{
    margin-left: 100px;
    width: 200px;
    text-align: center;
}

#shadowBox {
    background-color: #3D6AA2;
    width: 485px;
    max-width: 95%;
    height: 90px;
    margin-top: -95px;
    margin-left: -600px;
    position: relative;
    
}

#contBoxR
{
    margin: 145px 13px 0px 555px;
    width: 490px; /** was 425 for meeeting/demo **/
    height: 175px;
    /*max-width: 43.8%;*/
    float: right;       
    /*min-height: 200px;  /**** PROBABLY REMOVE THIS AFTER DOING THE ELLIPSE JQUERY ****/
    /*max-height: 250px;*/
    position: absolute;
}

#contBoxR div#shadowBox
{
    
    margin: -80px 0px 0px -246px;
}
    

#contBoxR img
{
    float: left;
    margin: 6px 20px 4px 0px;
    /*margin: 55px 20px 4px 0px;*/
    border: 2px solid #fff;
}

#bookHelp
{
    /*width: 500px;*/
    max-width: 43.8%;
    height: 100px;
    /*float: left;*/
    margin-top: 35px;
    margin-bottom: 50px;
    /*position: absolute;*/
}

#bookHelp img
{
    float: left;
    border: 2px solid white;
    margin: 0px 10px 0px 0px;
}

div#bookHelp div#shadowBox
{
    margin: -100px 0px 0px -245px;
}



.shadowBtm
{
    content: "";
    width: 150px;
    height: 1px;
    margin-top: 88px;
    margin-left: -75px;
    display: block;
    position: absolute;
    left: 50%;
    z-index: -1;
    -webkit-box-shadow: 0px 0px 30px 2px #595959;
       -moz-box-shadow: 0px 0px 30px 2px #595959;
            box-shadow: 0px 0px 30px 2px #595959;
}