.Footer_Text
{
	font-family: Times New Roman; 
	font-size  : smaller;
	font-style : italic;    
}
.Heading0
{
	background-color :royalblue;
	font-family :TTrebuchet MS;
	font-size :small; 
	font-weight : bold;
	color:White; 
	width:100%;
	height:30px;     
}
.Heading1
{
	font-family :Verdana;
	font-size :smaller;  
	font-weight : bold;
	color:Blue;     
}
.hide
{
	display:none;
}
.unhide
{

}
.ControlLabel
{
	font-family :Verdana;
	font-size :x-small; 
	font-weight : bold;
	color:Blue;
	background-color:#ccccff;      
}
.Detail1
{
	font-family :Verdana;
	font-size :xx-small;
	color:Black;      
}
.Selected_Image
{
	border-color : Blue;
	border-style : solid;
	border-width : thin;
}
.Unselected_Image
{
	border-color :White;
	border-style :solid; 
	border-width :thin;   	
}

.Menu_Caption
{
	background-color:SeaGreen;
	font-family:Verdana;
	font-size:x-small;
	font-weight:bold;
	color:White;    
}

A
{
	text-decoration :none;
}
A:visited
{
	text-decoration:none; 
}	
BODY
{
}
.footer 
{  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	line-height: normal
}
.AllOptn
{
    BACKGROUND-COLOR: #cccccc
}
.Logout
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    FONT-FAMILY: Verdana
}
P.Company
{
    FONT-WEIGHT: 900;
    FONT-SIZE: 12pt;
    COLOR: black;
    MARGIN-RIGHT: 10pt;
    FONT-FAMILY: Arial, Verdana
}
P.ProductTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: black;
    MARGIN-RIGHT: 10pt;
    FONT-FAMILY: Arial, Verdana
}
P.ProductCaption
{
    MARGIN-TOP: 2px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 16pt;
    MARGIN-BOTTOM: 2px;
    COLOR: brown;
    MARGIN-RIGHT: 10pt;
    FONT-FAMILY: Arial, Verdana
}
.UserName
{
	
	font-family:Verdana;
	font-size:x-small;
	font-weight:bold;
	color:White;    
}
.Main_option
{
    FONT-SIZE: xx-small;
    COLOR: navy;
    FONT-FAMILY: Trebuchet MS;
    TEXT-DECORATION: none
}
.Data
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Verdana
}
.DataLabel
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: Verdana;   
     
}
.ErrorMsg
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: red;
    FONT-FAMILY: Verdana
}
TD.FillHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: white;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: firebrick
}
.UserButton
{
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    FONT-WEIGHT: bold;
    BORDER-LEFT: #999999 1px solid;
    BORDER-BOTTOM: #999999 1px solid;
    FONT-FAMILY: Verdana
}
.Main_option
{
    FONT-SIZE: 10pt;
    COLOR: navy;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
    
    
}
.navlink:link
{
    COLOR: Blue;
    font-family:Verdana;
    TEXT-DECORATION:underline
    
}
.navlink:active
{
    COLOR:Blue;
    font-family:Verdana;
    TEXT-DECORATION: underline
}
.navlink:visited
{
    COLOR:Blue;
    font-family:Verdana;
    TEXT-DECORATION:blink
}
.navlink:hover
{
   
    font-family:Verdana;  
    font-weight:lighter;  
    COLOR:Navy;
    TEXT-DECORATION:blink
}



/******************/

/****************************************************
 * Default Styles
 ****************************************************/

body, div, td {
    font-family: Arial,Helvetica,Sans-Serif;
}

span.link {
    text-decoration: underline;
    color: blue;
    cursor: pointer;
    cursor: hand;
}

/****************************************************
 * Page Layout Styles
 ****************************************************/

#iLoader {
    display: none;
}

#divFolder,
#divReadMail,
#divComposeMail {
    position: absolute;
    top: 35px;
    left: 150px;
    width: 600px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/****************************************************
 * Main Menu Styles
 ****************************************************/

#ulMainMenu {
    position: absolute;
    left: 0px;
    top: 0px;
    margin: 0px;
    padding: 10px;
}

#ulMainMenu li {
    display: block;
    padding: 2px 0px 2px 0px;
    margin: 0px;
    font-size: 80%;
}

#ulMainMenu #liCompose {
    font-weight: bold;
    padding: 2px 0px 8px 0px;
}

/****************************************************
 * Folder Display Styles
 ****************************************************/

h1 {
    font-size: 120%;
    margin-bottom: 0px;
    margin-top: 0px;
}

#hFolderTitle {
    float: left;
}

div.status {
    float: left;
    font-size: 60%;
    margin-left: 3px;
    margin-top: 8px;
}

div.header {
    border-bottom: 1px solid #999999;
    height: 24px;
}

/****************************************************
 * Mail Folder Styles
 ****************************************************/

#dgSearch { 
    clear:all; 
}

td.from {
    width: 160px;
}

td.subject {
    width: 100px;
}

td.date {
    width: 100px;
    text-align: right;

}
td.option
{
  border-right-color :Black;
    border-right-style:solid;
    border-right-width:thin;
}

#dgSearch tbody tr td {
    border-bottom: 1px solid #999999;
    padding: 2px 4px;
    background-color: #efefef;
    cursor: pointer;
    cursor: hand;
    font-size: 80%;
}

#dgSearch tbody tr th {
    border-bottom: 1px solid  #999999;
    border-right-color :Black;
    border-right-style:solid;
    border-right-width:thin;
    padding: 2px 4px;
    background-color:#999999;
    cursor: pointer;
    cursor: hand;
    font-size: 80%;
}

#dgSearch tbody tr td.attachment {
    padding: 0px;
    width: 16px;
}

#dgSearch tbody tr.new td {
    background-color: #F7FFCD;
}
#dgSearch tbody tr.new th {
    background-color: #F7FFCD;
}
#divItemCount {
    float:right;
    font-size: 60%;
    margin-top: 8px;  
    margin-left: 5px;     
}

#dgSearch thead {
    display: none;
    background-color:Gray;
    
}

#spnItems {
    padding: 0px 4px 0px 4px;
}

/****************************************************
 * Message View/Composition Styles
 ****************************************************/

div.message-headers {
    font-size: 70%;
    color: #999999;
    margin-top: 2px;
    height: 15px;
}

ul.message-actions {
    display: block;
    padding: 0px;
    margin: 0px 0px 5px 0px;
    font-size: 70%;
}

ul.message-actions li {
    display: inline;
    padding: 0px 5px 0px 0px;
}

/****************************************************
 * Styles for Reading Mail
 ****************************************************/

#divMessageTo,
#divMessageCC,
#divMessageBCC {
    font-size: 70%;
    color: #999999;
}

#divMessageBody {
    font-size: 80%;   
    padding: 30px 0px 10px 0px; 
}

#divMessageBody.html {
    font-size: 100%;
}

#divFrom {
    float:left; 
}

#divMessageDate {
    float: right;
}

#aAttachments {
    visibility: hidden;
}

#ulAttachments {
    border-top: 1px solid #999999;
    display: block;
    margin: 0px 0px 30px 0px;
    padding: 0px;
}

#ulAttachments li {
    font-size: 60%;
    color: #999999;
    display: block;
}

/****************************************************
 * Styles for Composing Mail
 ****************************************************/

td.field-label-container {
    vertical-align: top;  
    padding: 4px;  
}

td.field-label-container label {
    font-size: 80%;
}

td.field-container {
    padding: 4px;
}

td.field-container .form-field {
    font-family: Arial,Helvetica,Sans-Serif;
    font-size: 80%;
    width: 500px;
}

td.message-container {
    padding: 4px;
}

td.message-container textarea {
    font-family: Arial,Helvetica,Sans-Serif;
    font-size: 80%;
    width: 557px;
}

#divComposeMailStatus {
    text-align: center;
    padding: 40px;
}
 
/****************************************************
 * Notification Styles
 ****************************************************/

#divNotice {
    padding: 4px;
    background-repeat: no-repeat;
    background-position: 4px 4px;
    padding-left: 24px;
    font-size: 60%;
    font-family: Arial,Helvetica,Sans-Serif;   
    visibility: hidden;
    position: absolute;
    top: 5px;
    left: 150px;
    width: 600px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}

div.info {
    background-color: #F7FFCD;
    background-image: url(../BPVideo_Images/icon_info.gif);
    border: 1px solid #A5A54A;
}

div.error {
    background-color: #FFE6E6;
    background-image: url(../BPVideo_Images/icon_alert.gif);   
    border: 1px solid red;
}


.f10 {FONT-FAMILY: arial; FONT-SIZE: 10px;}
.f11 {FONT-FAMILY: arial; FONT-SIZE: 11px;}
.f12 {FONT-FAMILY: arial; FONT-SIZE: 12px;}
.f12r {FONT-FAMILY: arial; FONT-SIZE: 12px; line-height:13px}
.f12n {FONT-FAMILY: arial; FONT-SIZE: 12px; line-height: 1.3em}
.ft11a{font-family:Tahoma;font-size:11px;line-height: 13px}
.fv9 {FONT-FAMILY: verdana; FONT-SIZE: 9px;}
.fv10 {FONT-FAMILY: verdana; FONT-SIZE: 10px;}
.ft11{font-family:Tahoma;font-size:11px;line-height:14px;}
.fmicro9 {FONT-FAMILY: Microsoft Sans Serif; FONT-SIZE: 9px;}

a.srchlink:link {color: #2864B4; text-decoration: none;}
a.srchlink:visited {color: #W2864B4;}
a.srchlinksel:link {color: #000000; text-decoration: none; cursor:text}
a.srchlinksel:visited {color: #000000; text-decoration: none; cursor:text}
a.srchlink2:link {color: #2864B4; text-decoration: underline; }
a.srchlink2:visited {color: #2864B4; text-decoration: underline; }
a.srchlinksel2:link {color: #000000; text-decoration: none; cursor:text}
a.srchlinksel2:visited {color: #000000; text-decoration: none; cursor:text}

.tb2 {background-color:#D9E9F6;
   filter:progid:DXImageTransform.Microsoft.Gradient
   (GradientType:0,StartColorStr:'#EEF5FB',EndColorStr:'#D9E9F6');}
.tbmain2 {background-color:#FFFFFF;}
.lfttbl {background-color:#DEFFC6;
   filter:progid:DXImageTransform.Microsoft.Gradient
   (GradientType:0,StartColorStr:'#DEFFC6',EndColorStr:'#B7E4A2');}
.rttbl {background-color:#EEF5FB;
   filter:progid:DXImageTransform.Microsoft.Gradient
   (GradientType:0,StartColorStr:'#EEF5FB',EndColorStr:'#DEEFF7');border:1px solid #B5D6EF;}
.rttblx {background-color:#FFFFFF;border:1px solid #B5D6EF;}

.rt_tbl {background-color:#AFD9FC;
   filter:progid:DXImageTransform.Microsoft.Gradient
   (GradientType:0,StartColorStr:'#AFD9FC',EndColorStr:'#FFFFFF')}
.toptbl {background-color:#00426B;
   filter:progid:DXImageTransform.Microsoft.Gradient
   (GradientType:0,StartColorStr:'#4A84AD',EndColorStr:'#00426B')}
.srchtbl {background-color:#A5DEDE;
   filter:progid:DXImageTransform.Microsoft.Gradient
   (GradientType:0,StartColorStr:'#FFFFFF',EndColorStr:'#A5DEDE')}

.tbheadline {background-color:#FEDFB3;
   filter:progid:DXImageTransform.Microsoft.Gradient
   (GradientType:0,StartColorStr:'#FEDFB3',EndColorStr:'#FFFFFF');}

.tbnews {background-color:#B39DFE;
   filter:progid:DXImageTransform.Microsoft.Gradient
   (GradientType:0,StartColorStr:'#B39DFE',EndColorStr:'#FFFFFF');}

.tbbusiness {background-color:#F6FE9D;
   filter:progid:DXImageTransform.Microsoft.Gradient
   (GradientType:0,StartColorStr:'#F6FE9D',EndColorStr:'#FFFFFF');}

.tbmovies {background-color:#FEAF9D;
   filter:progid:DXImageTransform.Microsoft.Gradient
   (GradientType:0,StartColorStr:'#FEAF9D',EndColorStr:'#FFFFFF');}

.tbsports {background-color:#CCFFCC;
   filter:progid:DXImageTransform.Microsoft.Gradient
   (GradientType:0,StartColorStr:'#CCFFCC',EndColorStr:'#FFFFFF');}

a {text-decoration: none}
a:hover { text-decoration: underline }


.MenuBack
{
	border-right: #3399ff 1px solid;
	border-top: 0px;
	font-weight: bolder;
	font-size: larger;
	border-left: 0px;	
	color: firebrick;
	border-bottom: #3399ff 1px solid;
	font-family: Trebuchet MS;
	height: 100%;
	background-color: aliceblue;
}
.MenuHeader
{
	margin-top:4px;
	margin-left:4px;
	margin-right:4px;   
	font-weight: bold;
	font-size:12px;
	width: 100%;
	color:White; 
	border-bottom: 0px;
	font-family: Trebuchet MS;
	background-color: royalblue;
}
.MenuItemBox
{
	margin-left:4px;
	margin-right:4px;   
	font-weight: bold;
	font-size:x-small; 
	width: 100%;
	color:royalblue; 
	border-bottom: 0px;
	font-family: Trebuchet MS;
	background-color: royalblue;
}

.MenuItem
{
	margin-left:1px;
	margin-right:1px;   
	font-weight:normal;  
	font-size:11px; 
	width: 100%;
	color:royalblue; 
	border-bottom: 0px;
	font-family: Trebuchet MS;
	background-color: White;
}

.EntryField
{
	margin-left:1px;
	margin-right:1px;   
	font-weight:normal;  
	font-size:11px; 
	width: 98%;
	color:royalblue; 
	border-bottom: 0px;
	font-family: Trebuchet MS;
	background-color: White;
}

.MenuLastItem
{
	margin-left:1px;
	margin-right:1px;   
	margin-bottom:1px; 
	font-weight: bold;
	font-size:xx-small; 
	width: 100%;
	color:royalblue; 
	border-bottom: 0px;
	font-family: Trebuchet MS;
	background-color: White;
}


.BoxStyle
{
	border-right: 0px;
	border-top: 0px;
	font-weight: bolder;
	font-size: larger;
	border-left: 0px;
	width: 100%;
	color: firebrick;
	border-bottom: 0px;
	font-family: Trebuchet MS;
	height: 90%;
	background-color: oldlace;
}
.BoxStylelogin
{
	border-right: 0px;
	border-top: 0px;
	font-weight: bolder;
	font-size: larger;
	border-left: 0px;
	width: 100%;
	color: firebrick;
	border-bottom: 0px;
	font-family: Trebuchet MS;
	height: 10%;
	background-color: oldlace;
}

.VersionNumber
{
	font-family:Trebuchet MS;
	font-size:xx-small;
	font-weight:lighter;      	
}
.UserDetail
{
	font-family:Trebuchet MS;
	font-size:11px;
	font-weight:bold;  
   	
}
.BoxLine
{
	border-right: 0px;
	border-top: 0px;
	font-weight: bolder;
	font-size: larger;
	border-left: 0px;
	width: 100%;
	color: firebrick;
	border-bottom: 0px;
	font-family: Trebuchet MS;
	height: 10%;
	background-color: royalblue;
}