﻿html, body {
	margin: 0px;
	padding:0px 3px 0px 3px;
    font-family:Tahoma, sans-serif;
	/*background-image:url(../images/bg.gif);*/
}

h1, h2, h4, h5, h6, p, form {
	margin: 0px;
	padding:0px;
}

.header-large
{
    font-size: 1.7em;
    color:blue;
    font-family:Cambria, Tahoma;
}

.header-medium
{
    font-size: 1.4em;
    color:blue;
    font-family:Cambria, Tahoma;
}

.header-small
{
    font-size: .9em;
    color:blue;
    font-family:Cambria, Tahoma;
}

.image-header-left {
	background-size:100%;
	height:200px;
    width:33% !important;
	margin:0px !important;
    padding: 0px 0px 0px 0px !important;
	background-repeat:no-repeat;
	background-position:top;
}

.image-header-center {
	background-size:100%;
	height:200px;
    width:34% !important;
	margin:0px !important;
    padding: 0px 0px 0px 0px !important;
	background-repeat:no-repeat;
	background-position:top;
}

.image-header-right {
	background-size:100%;
	height:200px;
    width:33% !important;
	margin:0px !important;
    padding: 0px 0px 0px 0px !important;
	background-repeat:no-repeat;
	background-position:top;
    
}

.span-center
{
    text-align:center;
    vertical-align:bottom !important;
}

.span-right
{
    text-align:right;
    vertical-align:bottom !important;
}

 .error-message{ color:#FF0000;}
 .success-message{ color:#00DD00}

 .textboxCSS { 
    border: 1px solid #c4c4c4; 
    height: 27px; 
    width: 275px; 
    /*font-family:"Segoe UI", Verdana, Helvetica, Sans-Serif;
    font-size: 13px;*/ 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.textboxCSS:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
}

.div-small-right-margine
{
    margin:0px !important;
    padding: 0px 0px 0px 0px !important;
}


/*Menu Bar - Start*/
.navbar-custom {
    /*color: #000000;*/
    background-color: #062755;
    font-size: 1.1em;
    font-weight:bold;
    /*text-shadow: 1px 1px black;*/
}

/*Dropdown list*/
.navbar-custom .navbar-nav .open .dropdown-menu>li>a, .navbar-custom .navbar-nav .open .dropdown-menu {
    background-color: rgba(8, 18, 68, 0.72);
    color:#fcfcfc;
    font-family: Tahoma,sans-serif;
    font-size: 1em;
    text-align:left;
}
/*Dropdown list - Text and background color: hover on an dropdown item*/
.navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar .nav > li > a:hover
{
    color:#0c1a3b;
    background-color: #cad6dd;
}

.navbar .nav > li
{ 
     /*width:200px;*/
     text-align:center;
}

/*Menu text color - Normal*/
.navbar .nav > li > a
{ 
     color: #fcfcfc; /*White*/
}
/*Menu text color - Hover*/
.navbar .nav > li > a:hover
{ 
     color: #9ba2ee; /*Lite Blue*/
     background-color: #cad6dd;
}
/*Menu text color - Focus*/
.navbar-custom .navbar-nav > li > a:focus {
    color: #9ba2ee;
}
/*Menu text color - Dropdown open*/
.navbar-custom .navbar-nav > .open > a, 
.navbar-custom .navbar-nav > .open > a:hover, 
.navbar-custom .navbar-nav > .open > a:focus {
    color: #9ba2ee;
}


/*Caret color - Normal*/
.navbar-custom .navbar-nav>.dropdown>a .caret { 
    border-bottom-color: #fcfcfc;
     border-top-color: #fcfcfc;
}
/*Caret color - Hover*/
.navbar-custom .navbar-nav>.dropdown>a:hover .caret { 
    border-bottom-color: #9ba2ee;
     border-top-color: #9ba2ee;
}
/*Caret color - Focus*/
.navbar-custom .navbar-nav>.dropdown>a:focus .caret{
    border-bottom-color: #9ba2ee;
     border-top-color: #9ba2ee;
}

/*Menu Bar - End*/


/*Digital Clock - Start*/
.clock {
    /*width: 800px;*/
    margin:0;
    /*padding: 30px;*/
    padding:2px 0px 0px 0px;
    color: white;
    height:40px;
    width:200px;
    background-size: cover;
    background-position: right center;
    background-repeat:no-repeat;
    background-image:url(../Images/common/Clock.png);
    font-weight:bold;
    text-align:right;
    float:right !important;
}

#Date {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: .7em;
    text-align: center;
    width:100%;
    /*text-shadow: 1px 1px 1px white;*/
}

.Date-ul {
    /*width: 800px;*/
    margin: 0 auto;
    padding: 0px;
    list-style: none;
    text-align: center;
}

.Date-ul li {
    display: inline;
    font-size: 1.3em;
    text-align: center;
    font-family:  Arial, Helvetica, sans-serif;
    text-shadow: 0 0 2px #d9d9d9;
}

.point {
    position: relative;
    -moz-animation: mymove 1s ease infinite;
    -webkit-animation: mymove 1s ease infinite;
    padding-left: 0px;
    padding-right: 0px;
}

/* Simple Animation */
@-webkit-keyframes mymove {
    0% {opacity: 1.0;
    text-shadow: 0 0 20px #00c6ff;
}

50% {
    opacity: 0;
    text-shadow: none;
}

100% {
    opacity: 1.0;
    text-shadow: 0 0 20px #00c6ff;
}	
}

@-moz-keyframes mymove {
    0% {
        opacity: 1.0;
        text-shadow: 0 0 20px #00c6ff;
    }

    50% {
        opacity: 0;
        text-shadow: none;
    }

    100% {
        opacity: 1.0;
        text-shadow: 0 0 20px #00c6ff;
    }
}
/*Digital Clock - End*/