﻿
body

{
 
font-size:0.9em;
font-family: Lato, Muli, arial, sans-serif;
font-weight:500;
margin: 0 auto;
padding: 0;
color: #2d2e30;
line-height: 1.4em;
background-color:#eff2f3;
overflow-y: scroll;

}
a:focus { 
text-decoration: none;
}

.container {
width: 1200px;
padding:0em 2em 3em 2em;
background-color: #FFFFFF;
margin: 0 auto; 
border:1px solid #a8baae;
padding:0em;

zoom: 1;
-webkit-box-shadow: 0px 0px 10px #dcded8;
-moz-box-shadow: 0px 0px 10px #dcded8;
box-shadow: 0px 0px 10px #dcded8;
}

.font1em {
font-size:1em;}

.slider {
border-radius: 7px; 
-moz-border-radius: 7px; 
-webkit-border-radius: 7px; 
background-color:#dcded8; 
padding:0.5em

}

ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px; 
}
a img { 
	border: none;
}

a:link {
	
	color: #0075be;/*blue*/
    text-decoration: none;
    
}
a:visited {
    color: #4a7c9b; /*#0075be;*/
    text-decoration: none;
 
}
a:active
{
    color: #5d7580;/*#a5210d;*/
    text-decoration: none;

}
a:hover
{
	color: #a5210d;
    text-decoration: none;
} 
 
 .go-top {
    position: fixed;
    top: 15em;
    right: 15em;
    display: none;
   
}
h1
{
   font-weight: 500;
   font-size: 1.8em;
   color: #a5210d;/*red*/
   line-height:1.3em;
   padding-top:1em;
   
}
h2 {
font-weight: 500;
font-size: 1.5em;
color: #1b1a1a;/*0075be;blue*/
padding-top:0.5em;


}


h3 {
font-weight: 500;
font-size: 1.4em;
color: #749d36;
padding-top:0.3em;
padding-bottom:0.2em;

}
h4 {
font-weight: 500;
font-size: 1.2em;
color: #0075be;
padding-top:0.2em;
margin-bottom:0.5em;


}
h5 {
font-weight: 500;
font-size: 1.1em;
color: #808080;
padding-top:0.2em;
margin-bottom:0.5em;

}
.grayTop
{
	
font-weight: 500;
font-size: 1.2em;
color: #a5210d;/*red*/
line-height:1.3em;
padding-top:0.5em;
padding-bottom:0.5em;

}

 
.devider
{
/*	border-left:0.5em solid #b2bcc4;
padding:1em;
background-color:#eff2f3;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
margin-bottom:1em;   
margin-left:1em;
margin-right:1.5em;   */
	
background: #fff;
padding:1em;
margin-bottom:2em;
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-webkit-box-shadow: 0px 2px 10px #dcded8;
-moz-box-shadow: 0px 2px 10px #dcded8;
box-shadow: 0px 2px 10px #dcded8;
zoom: 1;
}
.devider-grey
{
 

border-left:0.5em solid #b2bcc4;
padding:1em;
background-color:#eff2f3;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
margin-bottom:1em;   
margin-left:1em;
margin-right:1.5em;    
    
  /*		  
   
background: #f7fbff;
padding:1.5em;
margin-bottom:2em;
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-webkit-box-shadow: 0px 2px 10px #dcded8;
-moz-box-shadow: 0px 2px 10px #dcded8;
box-shadow: 0px 2px 10px #dcded8;
zoom: 1;
margin-left:1.5em;
margin-right:1.5em;*/
}


.content {
	padding: 1em 0;
	width: 70em;
	float: right;
}


.content ul, .content ol {
	padding: 1em; 
}



/* ~~ The footer ~~ */
footer {
	padding: 1em 0;
	background-color: #a7a8ac;
	position: relative;
	clear: both; 
}

.li {
list-style-image: url(images/graphics/bull.gif);

margin-left:2em;
line-height:1.8em;
margin-bottom:0.3em;
margin-top:0;
padding-top:0;
}
tr
{vertical-align:top;}

.top-blue
{
background-image:url(/images/home/new/blue-line.jpg);
}
.devider
	
	{
background: #fff; 
border:0.1em #ccc solid;
padding: 0.8em; 
margin-top: 1em; 
margin-bottom: 1em; 
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-webkit-box-shadow: 0px 0px 10px #dcded8;
-moz-box-shadow: 0px 0px 10px #dcded8;
box-shadow: 0px 0px 10px #dcded8;
zoom: 1;
		}
.dropDownItem
{
	background-color:#d8ecfa;
}
.dropDownItem a:hover
{
	background-color:#c7d8fb;
}

.Shadow
{
border: solid 1px #ccc;
border-collapse: collapse;
background-color: White;
margin-bottom: 2px;
-webkit-box-shadow: -1px -1px 7px 0px #ccc;
-moz-box-shadow:    -1px -1px 7px 0px #ccc;
box-shadow:         -1px -1px 7px 0px #ccc;
border-radius : 7px; 
-moz-border-radius : 7px; 
-webkit-border-radius : 7px;
}

.ShadowTD
{

background-color: White;
margin-bottom: 2px;
filter: progid:DXImageTransform.Microsoft.Shadow(color="#e6e9e2",Direction=135, Strength=5);

-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: #e6e9e2 3px 3px 5px;
border-radius : 0px 0px 10px 10px; 
-moz-border-radius : 0px 0px 10px 10px; 
-webkit-border-radius : 0px 0px 10px 10px;
}

.right_shadow
{filter: progid:DXImageTransform.Microsoft.Shadow(color="#e6e9e2",Direction=135, Strength=5);

-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: #e6e9e2 0px 0px 5px;}

tr {
vertical-align:top;}

.footer
{
	font-size:0.9em;
    background-color:#adaeb0;
	
}
.grey-top
{

  font-weight: 500;
  font-size: 1.4em;
  color: #a5210d;/*red*/
  line-height:1.3em;
  padding-top:1em;
  padding-bottom:1em;

}
hr
{
    
	 /*for mozilla*/
    border-width:1px;
    color: #adbfc4;
    height: 1px;
    border-style:dotted;
}

img
{
border:0px;
}
.image-left {

margin-right: 2em; float: left;

}

.image-right {

margin-left: 2em; float: right;

}
.img_shadow {

-webkit-box-shadow: 3px -1px 8px 0px rgba(141, 155, 107, 0.91);
-moz-box-shadow:    3px -1px 8px 0px rgba(141, 155, 107, 0.91);
box-shadow:         3px -1px 8px 0px rgba(141, 155, 107, 0.91);


/*-webkit-box-shadow: 14px 11px 26px -13px rgba(29,30,31,1);
-moz-box-shadow: 14px 11px 26px -13px rgba(29,30,31,1);
box-shadow: 14px 11px 26px -13px rgba(29,30,31,1);*/
padding-bottom:1em;
    
}
.searchbutton
{

background-color: #e9f2f5;		
padding: 7px 13px 7px 13px;
border-radius : 7px; 
-moz-border-radius : 7px; 
-webkit-border-radius : 7px; 
border : 2px solid #a2a4a2;
-webkit-box-shadow: 0px 2px 10px #dcded8;
-moz-box-shadow: 0px 2px 10px #dcded8;
box-shadow: 0px 2px 10px #dcded8;
behavior: url(border_radius.htc);
}
.searchbutton:hover {
    
  background-color: #a5210d;	
  color:#fff;	
padding: 7px 13px 7px 13px;
border-radius : 7px; 
-moz-border-radius : 7px; 
-webkit-border-radius : 7px; 
-webkit-box-shadow: 0px 2px 10px #dcded8;
-moz-box-shadow: 0px 2px 10px #dcded8;
box-shadow: 0px 2px 10px #dcded8;


border : 2px solid #a2a4a2;
behavior: url(border_radius.htc);  
    }


.textbox
{

 border: solid 1px #a2a4a2;
background-color: #e9f2f5; 
outline:none;
font-size:1em;
width:250px;
height:25px;
padding:5px;
border-radius:7px; 
-moz-border-radius:7px; 
-webkit-border-radius:7px; 
-webkit-box-shadow: 0px 2px 10px #dcded8;
-moz-box-shadow: 0px 2px 10px #dcded8;
box-shadow: 0px 2px 10px #dcded8; 
color:#525354;
margin:0;
   
	
}


.Tabs .ajax__tab_header
        {
            font-family:Lato, Muli, arial, sans-serif;
            font-size: 0.9em;
            display: block;
            color:#0075be;
            border-radius:7px 7px 0px 0px;
            -moz-border-radius:7px 7px 0px 0px;
	-webkit-border-radius:7px 7px 0px 0px;
        }
        .Tabs .ajax__tab_header .ajax__tab_outer
        {
           
            border:solid 0.1em #d7d7d7;    
            color: #0075be;
            padding-left: 15px;
            padding-right: 15px;
            margin-bottom: 0px;
            margin-left: 5px;
            border-radius:7px 7px 0px 0px;
            -moz-border-radius:7px 7px 0px 0px; 
	-webkit-border-radius:7px 7px 0px 0px;

        }
        .Tabs .ajax__tab_header .ajax__tab_inner
        {
            border-color: #d5e2ea;
            color: #666;
            padding: 5px 15px 5px 15px;
            border-radius:7px 7px 0px 0px;
            -moz-border-radius:7px 7px 0px 0px; 
	-webkit-border-radius:7px 7px 0px 0px;  
        }
        .Tabs .ajax__tab_hover .ajax__tab_outer
        {
            background-color:#f3f6fb;/*grey on hover*/
            border-radius:7px 7px 0px 0px;
            -moz-border-radius:7px 7px 0px 0px;; 
	-webkit-border-radius:7px 7px 0px 0px;  
        }
        .Tabs .ajax__tab_hover .ajax__tab_inner
        {
            color: #fff;
            border-radius:7px 7px 0px 0px;
            -moz-border-radius:7px 7px 0px 0px;; 
	-webkit-border-radius:7px 7px 0px 0px;  
        }
        .Tabs .ajax__tab_active .ajax__tab_outer
        {

            border-top:#3b9cd9 0.15em solid;/*blue  border over*/
            border-left:#3b9cd9 0.15em solid;/*blue  border over*/
            border-right:#3b9cd9 0.15em solid;/*blue  border over*/
            border-bottom: #d7d7d7 0.1em solid;
            background-color: #e2e6ed;/*very light grey*/
            border-radius:7px 7px 0px 0px;
        }
        .Tabs .ajax__tab_active .ajax__tab_inner
        {
            color: #000;
            border-radius:7px 7px 0px 0px;
            -moz-border-radius:7px 7px 0px 0px; 
	        -webkit-border-radius:7px 7px 0px 0px;
            border-color: #333;
            
        }
        .MyTabStyle .ajax__tab_body
        {
            font-family: Lato,Muli, arial, sans-serif;
            font-size: 0.9em;
            color:#0075be;
            background-color: #fff;
            border-radius:7px 7px 0px 0px;
            -moz-border-radius:7px 7px 0px 0px;; 
	        -webkit-border-radius:7px 7px 0px 0px;  
            
        }
          .WatermarkBox {
           color:#b2bcc4;
           font-family: Lato, Muli, arial, sans-serif;
           font-size: 0.9em;
}

.topborder {
margin-top:0px;
border-color:#b2bcc4;
border-width:1px;
border-style:solid;

border-top-left-radius:7px;
border-top-right-radius:7px;

border-bottom-left-radius:7px;
border-bottom-right-radius:7px;
width:95%;
padding-top:0.5em;

padding-bottom:2em;

}

.small
{
	font-size:smaller;
}

.table td {
        border: #ebf3f2 1px solid;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        padding:0.5em;
        
    }


.tdborders
{
border:#cbd7dc 1px solid; 
border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
padding:0.3em;
}


/*  animation attention */
.redAnimation {
    width: 0.5em;
    height: 10em;
    background: #a5210d;
    
    -webkit-animation: mymove 1s infinite; /* Chrome, Safari, Opera */
    animation: mymove 2s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove 
{
    from {background-color: #a5210d;}
    to {background-color: white;}
}

/* Standard syntax */
@keyframes mymove 
{
    from {background-color: #a5210d;}
    to {background-color: white;}
}
