﻿body 
{
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
}

table.blue
{
	background-color: #EAEEF2;
	border-style:solid;
	border-width:1px;
	border-color:#192C4D;
	font-family: Verdana;
}

.lblTitleSmall
{
	font-family: Verdana;
	font-size: x-small;
	color: #FFFFFF;
	font-weight: bold;
}

.lblMainSmall
{
	font-family: Verdana;
	font-size: x-small;
	color: #000000;
	margin-bottom: 0px;
}

.ddmonth
{
	font-family: Verdana;
	font-size: x-small;
	color: #000000;
	width: 90px;
}

.ddyear
{
	font-family: Verdana;
	font-size: x-small;
	color: #000000;
	width: 64px;
}

div.dd_chk_select 
{
    border-color: #858585 !important;
    font-family: Verdana !important;
	font-size: x-small !important;
}

div.dd_chk_select div#caption {
    line-height: 1.6;
}

/* ---------------------------------------Separator Formatting--------------------------------------- */

hr.separator{
	height:5px;
	border:0;
	color:#003366;
	background-color:#003366;
}

hr.thinseparator{
	height: 1px;
	border: 0;
	color: #000000;
	background-color: #000066;
}

/* ---------------------------------------End of Separator Formatting--------------------------------------- */

/* ---------------------------------------Text Formatting--------------------------------------- */

.lblNormal{
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
}

.lblSmall{
	font-family: Verdana;
	font-size: 9px;
	color: Gray;
}

.lblLogin{
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
}

.lblNotification
{
	font-family: Verdana;
	font-size: 9px;
	color: #000000;
	font-weight:bold;
}

.lblUserInfo
{
	font-family: Verdana;
	font-size: 9px;
	color: #000000;
	font-weight:bold;
}

.lblValidator
{
	font-family: Verdana;
	font-size: 9px;
	color:Red;
	font-weight:bold;
}

.lblTitle
{
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	margin-bottom: 0px;
	font-weight:bold;
}

.lblLoader
{
	font-family: Verdana;
	font-size:11px;
	color: #000000;
	font-weight:bold;
}

.lblLink
{
	font-family: Verdana;
	font-size:11px;
	color: #5D7B9D;
}

/* ---------------------------------------End of Text Formatting--------------------------------------- */

/* ---------------------------------------Div Block Formatting--------------------------------------- */

#divMain
{
	min-height:420px;
	margin-top:30px;
	margin-bottom:20px;
}

* html #divMain
{
	height:420px;
}

div.form
{
	background-color:White;
	border-style:solid;
	border-width:1px;
	border-color:Black;
	margin-left:auto;
	margin-right:auto;
}

/* ---------------------------------------End of Div Block Formatting--------------------------------------- */

/* ---------------------------------------Image Formatting--------------------------------------- */

.vaBottom
{
	vertical-align:bottom;
}

/* ---------------------------------------End of Image Formatting--------------------------------------- */

/* ----------------------------------------TabContainer Style------------------------------------------- */

/* default layout */
 /*
.ajax__tab_default .ajax__tab_header {white-space:nowrap;}
.ajax__tab_default .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}
*/

/* themes */
.ajax__tab_voc .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px;background:url(../Images/TabContainer/tab-line.gif) repeat-x bottom;}
.ajax__tab_voc .ajax__tab_outer {padding-right:4px;background:url(../Images/TabContainer/tab-right.gif) no-repeat right;height:21px;}
.ajax__tab_voc .ajax__tab_inner {padding-left:3px;background:url(../Images/TabContainer/tab-left.gif) no-repeat;}
.ajax__tab_voc .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url(../Images/TabContainer/tab.gif) repeat-x;}
.ajax__tab_voc .ajax__tab_hover .ajax__tab_outer {background:url(../Images/TabContainer/tab-hover-right.gif) no-repeat right;}
.ajax__tab_voc .ajax__tab_hover .ajax__tab_inner {background:url(../Images/TabContainer/tab-hover-left.gif) no-repeat;}
.ajax__tab_voc .ajax__tab_hover .ajax__tab_tab {background:url(../Images/TabContainer/tab-hover.gif) repeat-x;}
.ajax__tab_voc .ajax__tab_active .ajax__tab_outer {background:url(../Images/TabContainer/tab-active-right.gif) no-repeat right;}
.ajax__tab_voc .ajax__tab_active .ajax__tab_inner {background:url(../Images/TabContainer/tab-active-left.gif) no-repeat;}
.ajax__tab_voc .ajax__tab_active .ajax__tab_tab {background:url(../Images/TabContainer/tab-active.gif) repeat-x;}
.ajax__tab_voc .ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:11px;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff;}
 
 /* scrolling */
 
 /*
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}
*/

 /* ---------------------------------------------------End Of TabContainer Style---------------------------------------------------- */
 
/* Notification */
.notification {   
  color: white;  
  text-decoration: none;  
  padding: 8px 10px;  
  position: relative;  
  display: inline-block;  
  border-radius: 2px;  
}  
.logo-bell
{
    color:Black;
}
.notification .badge {  
   position: absolute;  
  top: -5px;  
  right: -3px;  
  padding: 2px 5px;  
  border-radius: 50%;  
  background-color: red;  
  color: white;  
}  
#notifications {
    display:none;
    width:400px;
    position:absolute;
    top:38px;
    right:0;
    background:#FFF;
    border:solid 1px rgba(100, 100, 100, .20);
    -webkit-box-shadow:0 3px 8px rgba(0, 0, 0, .20);
    z-index: 0;
}   
h3 {
    display:block;
    color:#333; 
    background:#FFF;
    font-weight:bold;
    font-size:13px;    
    padding:8px;
    margin:0;
    border-bottom:solid 1px rgba(100, 100, 100, .30);
    text-align: left;
}
.notificationContent {
    background: #F6F7F8;
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
    border-top: solid 1px rgba(100, 100, 100, .30);
    text-align: center;
}
.well-sm {
    padding: 9px;
    border-radius: 3px;
}
.text-left {
    text-align: left;
}