﻿/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: #F4E7BD;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;    
    padding: 0px;
    color: #474642;
    margin:0 auto;  
    width:100%;
      height: 100%
}

html,body{
    height: 100%
}

audio { 
   display:none;
}
    
form
{ 
    width:100%;
      height: 100%;
    margin:0 auto;  
    }
    
 .MainHeader
 {
     width:100%;
     height: 563px;
     margin:0 auto;
     background:url('../Images/MainHeader.png') repeat-x center top;
     }
 
 .wrapper{width:990px; margin:0 auto}
.Menu{width:703px;height:auto;float:left;margin-top:16px}
.Menu div{ background-image:url('../Images/menu.png');background-repeat:no-repeat; width:100px;height:31px;color:#6C0604; font-weight:bold; font-size:16px; text-align:center;padding-top:5px;} 
.Menu a{ float:left;}
.Menu a div:hover{ background-image:url('../Images/selectedMenu.png'); background-repeat:no-repeat;  width:100px;height:31px;color:#F1D45E;} 

.Menu .MenuSelected{ background-image:url('../Images/selectedMenu.png'); background-repeat:no-repeat;  width:100px;height:31px;color:#F1D45E;} 


.footerInner{ width:970px; height:65px; background-color:#D01418; margin:0 auto;}

.footer 
{   
    
    height:65px; background-color:#D01418; z-index:1; 
    color: #4e5766;            
    position:relative;    
    bottom:10px;
    width:100%;
    }
    
.footer .footerMenu{ color:White;margin-top:20px; width:530px; float:left;}
.footer .Social{ float:right; width:170px;height:auto; margin-top:10px }
.footer .Social a{ margin-left:5px}


a{ text-decoration:none; color:White;  border:0; cursor:pointer }
a img {border: none;}
    
a:active
{    
    text-decoration:none;
    
}

div.RoundCorner
{
border-radius: 3px; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
}

.labelCl
{ 
    width:auto; height:24px; background-color:#F1E0AA; color:#B12C00; font-weight:bold;text-align:left;font-size:16px; 
 }
 
 .labelCl span
{ 
    margin-left:5px;
 }
 
 .labelClNoBG
{ 
    width:auto; height:20px; color:#B12C00; font-weight:bold;text-align:left; font-size:16px;
 }
 
 
 .txtAreaBG
{
      /* background:url(images/txtAreaBg.png) no-repeat;*/
          border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-webkit-box-shadow:0 0 6px #666 inset; 
-moz-box-shadow:0 0 6px #666 inset; 
box-shadow:0 0 6px #666 inset;

     width:301px; height:120px;
     float:left;
    }
    


.txtAreaBG textarea {

      border: 0 !important;  /*Removes border*/
      
      text-indent: 0.01px; /* Removes default arrow from firefox*/


        width:285px; 
       height:108px; 
      /*My custom style for fonts*/

      color: #5c686b;
      margin-left:10px;
      margin-top:5px;
      
      
}

#loginmodal
{
       width: 350px; height: 250px;  background-color:White !important;
       
    }


.txtboxBG
{
    /*background:url(images/txtxbg.png) no-repeat;    */
    border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-webkit-box-shadow:0 0 6px #666 inset; 
-moz-box-shadow:0 0 6px #666 inset; 
box-shadow:0 0 6px #666 inset;

     width:301px; height:37px;
     float:left
}
.txtboxBG input {

      border: 0 !important;  /*Removes border*/
      -webkit-appearance: none;  /*Removes default chrome and safari style*/
      -moz-appearance: none; /* Removes Default Firefox style*/            
      
      text-indent: 0.01px; /* Removes default arrow from firefox*/


       width:287px; 
       font-size:13px;
       vertical-align:middle;
       margin-top:8px;
      /*My custom style for fonts*/

      color: #5c686b;
      margin-left:10px;
}
  
 
 #a1,#a2
{ 
   float:right  !important;margin-right:20px;  margin-top:15px; height:20px; color:#B12C00; font-weight:bold;text-align:left; font-size:16px;
    color:#1A5FAD !important;
 }

#a1:hover,#a2:hover
{ 
    color:#CC983F !important;
 }
.HIDE
{ display:none; }

.labelClNoBG a
{ 
    color:#1A5FAD;
 }

.labelClNoBG a:hover
{ 
    color:#CC983F;
 }
 
.labelClAdjust
{ 
    width:auto; height:170px; background-color:#F1E0AA;
 }
 
.DotBorder
{
    border-style:dotted ; border-width:thin;
    }

.SShankar
{float:right;margin-right:-20px; width:456px; height:243px; overflow:hidden;
   }
    
    .SShankar img 
    {
        position:absolute; 
     }
    

.ContentPage
{
    background-color:#F4E7BD; width:auto;height:auto; position:absolute; top:500px;
    border-radius: 8px; 
-moz-border-radius: 8px; 
-webkit-border-radius: 8px; 
border: 1px solid #FEEE50;
    }

.CenterContainerMostOut
{
width:976px;height:auto;background-color:#FFFDE4;margin: 0 auto;z-index:2;
border-radius: 8px; 
-moz-border-radius: 8px; 
-webkit-border-radius: 8px; 
border: 1px solid #FEEE50;
}

.CenterContainerOut
{
width:971px;height:auto;background-color:#FFFDE4; margin: 0 auto;
border-radius: 8px; 
-moz-border-radius: 8px; 
-webkit-border-radius: 8px; 
border: 5px solid #690100;
}

.CenterContainer
{
      height:auto;
width:970px;background-color:#FFFDE4;
border-radius: 8px; 
-moz-border-radius: 8px; 
-webkit-border-radius: 8px; 
border: 1px solid #FEEE50;
}

.table
{
    width:800px; margin-left:50px
    }


     .ShowCity1
     {
          clear:both; margin-top:10px; 
         cursor:pointer; width:auto; height:37px;         
          color:#B12C00; font-weight:bold;text-align:left; font-size:16px;                               
     }
     
              .ShowCity1 div
     {         
            display:inline-block; vertical-align:middle; text-align:center; width:auto; margin:0 auto; margin-left:4px; margin-right:4px
           
       
     } 
     
         .ShowCity
     {         
         clear:both; margin-top:10px; 
         cursor:pointer; width:200px; height:37px;         
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9C2E21), color-stop(100%,#EDCC31));           
          background:linear-gradient(to bottom,#9C2E21 0%,#EDCC31 100%);         
           font-family:Myriad  Pro;font-size:22px;
           font-weight:bold;
           color:White; 
         border-radius: 3px; 
        -moz-border-radius: 3px; 
         -webkit-border-radius: 3px; 
     }    
     
       .ShowCity div
     {
         display:inline-block; vertical-align:middle; text-align:center; width:100px; margin:0 auto; margin-left:4px; margin-right:4px
     }
     
         .MoreZones1
  {
      position:absolute;
      color:#214984;
     text-align:center;
     margin-top:-1px;
     font-family:Verdana;
     font-size:17px;      
      width:160px;
      height:auto;
        background-color:#FCFCFB !important;
    border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
    box-shadow:2px 4px 12px #757380;
    z-index:25;
      display:none; 
  }
  
textarea:focus, input:focus{
    outline: 0;
}
  
  em{ color:Red}
  
  div.MoreZones1 a
  {
      color:#214984;      
      line-height:23px;          
      text-decoration:none;
  }
  
    div.MoreZones1 a:hover
  {
      height:100%;
      width:100%;
      color:#FCFCFB;           
       background-color:#214984 !important;
  }
  
  
  .MoreZones
  {
      position:absolute;
      color:#214984;
     text-align:center;
     margin-top:-1px;
     font-family:Verdana;
     font-size:17px;     
      right:8px;      
      width:160px;
      height:auto;
        background-color:#FCFCFB !important;
    border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
    box-shadow:2px 4px 12px #757380;
    z-index:25;
      display:none; 
  }
  div.MoreZones a
  {
      color:#214984;      
      line-height:23px;          
      text-decoration:none;
  }


.about{ width:950px; margin:0 auto; text-align:center}

.about .labelClNoBG span
{ 
    padding-left:20px;
    }
    
.about p
{
    margin-top:8px !important;
    padding-left:20px !important;
     padding-right:20px  !important;
 }
    
p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


.LoginField
{
    background-image:url(../images/Shape5copy_0.png);width: 230px;	 height: 40px; background-repeat:no-repeat;  
}

#imgLogin
{
    float:left;height:auto;margin-top:8px; display:inline-block; text-align:center;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#43b544),color-stop(100%,#15741a));background-color:#43b544;width: 124px;height: 35px; cursor:pointer;margin-left:36px;
}
#imgLogin:hover
{
    box-shadow:2px 4px 12px #757380;
}


.t01 {
	color : #CE000C;
	margin-top : 1px;
	padding-bottom : 0px;
	margin-bottom : 0px;
	margin-left : 5px;
	margin-right : 0px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}

.data {
	color : #9A9A9A;
	margin-top : 15px;
	padding-bottom : 0px;
	margin-bottom : 0px;
	margin-left : 5px;
	margin-right : 0px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.left {
	color : #000000;
	margin-top : 0px;
	padding-bottom : 5px;
	margin-bottom : 0px;
	margin-left : 5px;
	margin-right : 25px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
}
.left a {
	color : #7E8801;
	font-weight:bold;
}
.left a:hover {
	color : #FF0000;
}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
     .findPropertyOuter
     {         
         margin-top:22px; margin-right:12px;
         cursor:pointer; width:108px; height:37px;         
         
          background-color:#7d0010;
           font-family:Myriad Pro;font-size:22px;
           font-weight:bold;
           color:White; 
         border-radius: 3px; 
        -moz-border-radius: 3px; 
         -webkit-border-radius: 3px; 
     }    
     
       .findPropertyOuter div
     {
         display:inline-block; vertical-align:middle; text-align:center; width:100px; margin:0 auto; text-align:center;
     }    
     
    .findPropertyOuter:hover
     {   
          margin-top:22px; 
           background-color:#9c091b;           
           font-family:Myriad Pro;font-size:22px;
           font-weight:bold;
          color:#F1D45E;
         border-radius: 3px; 
        -moz-border-radius: 3px; 
         -webkit-border-radius: 3px; 
         
    box-shadow:2px 4px 12px #757380;
     }

.homeUsername
{
    
	border:0px;
	padding:3px;
	padding-left:10px;
	background-color:transparent;
	font-size:13px;
	color:#999999;
	width:230px;
	font-family:Verdana;
	
}

.ToolTipColor
        { color:#9FBBC9 !important; font-style:italic  !important;}
.ActiveLoginField
{
    background-image:url(../images/active.png);width: 230px;	 height: 50px;background-repeat:no-repeat;margin:10px; margin-top:15px; 
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
    width:980px;
    margin:0 auto;
    }

.ProtectCow p {
font: normal 16px/22px Georgia, Times New Roman, Times, serif;
text-decoration: none;
color: #694F10;
text-indent: 30px;
line-height: normal;
padding: 0 50px 0 50px;
}

.about p {
font: normal 16px/22px Georgia, Times New Roman, Times, serif;
text-decoration: none;
color: #694F10;
text-indent: 30px;
line-height: normal;
padding: 0 50px 0 50px;
text-align:justify
}

.Pera {

}



/* TAB MENU   
----------------------------------------------------------*/

