@import "/SkinsCommon2.css";

body
{
    background-color: #f3f3f3; /* 	SCROLLBAR-FACE-COLOR: #3a5e7f;  	SCROLLBAR-HIGHLIGHT-COLOR: #CCCCCC;  	SCROLLBAR-SHADOW-COLOR: #EEEEEE;  	SCROLLBAR-3DLIGHT-COLOR: #999999;  	SCROLLBAR-ARROW-COLOR: black;  	SCROLLBAR-TRACK-COLOR: #d6e4f1;  	SCROLLBAR-DARKSHADOW-COLOR: #999999; 	*/
}

a:hover
{
    color: #79C142;
    text-decoration: none;
}

.TopFrame
{
    background-position: 0% 0%;
    background-attachment: scroll;
    background-repeat: repeat;
}

.TreeNode
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: Black;
    cursor: hand;
    white-space: nowrap;
}

.PageTitle
{
	border-bottom: 1px solid #CCCCCC;
}

.PageTitle TD
{
    background-color: #e0e0e0 !important;
}

.PageTitle_Login
{
	border-bottom: 1px solid #CCCCCC;
}

.PageTitle_Login TD
{
    background-color: #ffffff !important;
}

.PageHead
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #757575;
    height: 35px;
    
}

.ErrorText
{
    display: inline;
    font-size: 12px;
    color: black;
    font-family: Verdana;
    font-weight: bold;
}

.PageFooter
{
    background-color: #e0e0e0;
    padding-top: 8px;
    padding-bottom: 8px;
    height: 35px;
}

.PageFooter TD
{
    background-color: #e0e0e0;
}

.ErrorTable
{
    border-right: red 1px solid;
    border-top: red 1px solid;
    border-left: red 1px solid;
    border-bottom: red 1px solid;
}

.MessageTable
{
    border-right: green 1px solid;
    border-top: green 1px solid;
    border-left: green 1px solid;
    border-bottom: green 1px solid;
}

.MessageToolBar
{
    background-color: #e0e0e0;
}

.AttachmentHeader
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: White;
    background-color: #5C63A9;
}

.AttachmentItem
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: Black;
    background-color: #DDDDFF;
}



.MessageTable TD
{
    background-color: White;
}

.ErrorTable TD
{
    background-color: White;
}

.TreeTable
{
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.ComposeTools
{
    border-right: #ffdab9 thin solid;
    border-top: #ffdab9 thin solid;
    border-left: #ffdab9 thin solid;
    border-bottom: #ffdab9 thin solid;
    background-color: #ffefd5;
}

.PageSubTitle
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: Black;
}

/* These are elements that are used Form Fields */
.classtext
{
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    font-size: 12px;
    margin: 0px;
    border-left: #cccccc 1px solid;
    color: #757575;
    border-bottom: #cccccc 1px solid;
    font-family: verdana,helvetica,arial;
    height: 21px;
    background-color: white;
    padding: 2px;
    vertical-align: middle;
}

.classtextdisabled
{
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    font-size: 12px;
    margin: 0px;
    border-left: #cccccc 1px solid;
    color: #757575;
    border-bottom: #cccccc 1px solid;
    font-family: verdana,helvetica,arial;
    height: 21px;
    padding: 2px;
    background-color: #eeeeee;
    vertical-align: middle;
}

.classtextx
{    
    font-size: 12px;
    margin: 1px;
    color: #757575;
    font-family: verdana,helvetica,arial;
    background-color: #fff;
    padding: 2px;
	border-radius: 15px;
	border: 1px solid #cdcdcd;
}

.classtextx:focus {
	-webkit-box-shadow: 0 8px 6px -6px #d5d5d5;
    -moz-box-shadow: 0 8px 6px -6px #d5d5d5;
    box-shadow: 0 8px 6px -6px #d5d5d5;
	outline: none;
}

.classtextxdisabled
{
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
	border-radius: 15px;
    font-size: 12px;
    margin: 1px;
    border-left: #cccccc 1px solid;
    color: #757575;
    border-bottom: #cccccc 1px solid;
    font-family: verdana,helvetica,arial;
    padding: 2px;
    background-color: #eeeeee;
    vertical-align: middle;
}

.FormBracketsLabel
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: ##757575;
    vertical-align: middle;
}

.FormLabelNormal
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #757575;
    vertical-align: middle;
}
.FormLabel
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #757575;
    vertical-align: middle;
}

.BackgroundCaseHome
{
    background-color: #f1f1f1;
}

.FormLabelBox
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #EDEDED;
    vertical-align: middle;
    background-color: #3C5D7C;
}
.FormBoxCaseSummaryDate
{
    font-family: Verdana;
    font-size: 12px;
    width: 300px;
    height: 15px;
    color: #EDEDED;
    vertical-align: middle;
    background-color: #757575;
}

.FormBoxCaseSummary
{
    font-family: Verdana;
    font-size: 12px;
    height: 22px;
    color: #000000;
    vertical-align: middle;
    background-color: #CDCCCA;
    border-color: #CCCCCC;
}

.editText
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #757575;
    vertical-align: middle;
    white-space: nowrap;
}

.FormLabelNormal2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #757575;
    vertical-align: middle;
}

.FormLabelNormal1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #757575;
    width: 200;
}


.ApplicantCode /*deprecated. Use InfoCode*/
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: White;
    background-color: #a48f67;
}

.InfoCode
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;    
    color: White;
    background-color: #757575;
    padding-left: 3px;
}

.CommissionGrid
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: White;
    background-color: #a48f67;
    background: url(images/CommBlueBkg.png);
    padding-left: 3px;
}

.MessagesItemStyle
{
    cursor: hand;
}
.MessagesItemStyleBold
{
    cursor: hand;
    font-weight: bold;
}

.FormLabelSmall
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

.FormLabelBlack
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #757575;
    vertical-align: middle;
    text-decoration: none;
}
Label
{
    vertical-align: top;
    border: 1px;
}
.FormLabelBlack A
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #535353 !important;
    text-decoration: none !important;
}

.FormLabelBlack A:Hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: red;
    text-decoration: none;
}

a.FormLabelWhite
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #a5a5a5 !important;
    text-decoration: none !important;
}

a.FormLabelWhite:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #79C142 !important;
    text-decoration: none;
}

a.FormLabelWhiteOnMouseOver
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: white;
    text-decoration: none;
}

a.FormLabelWhiteOnMouseOver:Hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #cccccc; /* #757575 ;*/
    text-decoration: none;
}

.FormLabelWhiteOnMouseOver
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: white;
    text-decoration: none;
}

.FormLabelWhite
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #79C142;
    text-decoration: none;
}


.FootNote
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #AAAAAA;
}

.Blackfootnote
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: Black;
}

.classbuttonLarge
{
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #79C142;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 11px;
    cursor: pointer;
    color: #fff;
    font-family: verdana,helvetica,arial;
    background-color: #79C142;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease 0s;
    width: 150px;
    height: 19px;
}

.classbuttonLarge:hover
{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #79C142;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 11px;
    cursor: pointer;
    color: #fff;
    font-family: verdana,helvetica,arial;
    background-color: #79C142;
    width: 150px;
    height: 19px;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease 0s;
	
}

.classbuttonMedium
{
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #79C142;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 11px;
    cursor: pointer;
    color: #fff;
    font-family: verdana,helvetica,arial;
    background-color: #79C142;
    width: 125px;
    height: 19px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease 0s;
}

.classbuttonMedium:hover
{
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #79C142;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 11px;
    cursor: pointer;
    color: #fff;
    font-family: verdana,helvetica,arial;
    background-color: #79C142;
    width: 125px;
    height: 19px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease 0s;
	
}

.classbutton
{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #79C142;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 11px;
    cursor: pointer;
    color: #fff;
    font-family: verdana,helvetica,arial;
    background-color: #79C142;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease 0s;
    width: 100px;
    height: 19px;	
}
/* Added new hover class */
.classbutton:hover
{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #79C142;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 11px;
    cursor: pointer;
    color: #fff;
    font-family: verdana,helvetica,arial;
    background-color: #79C142;
    width: 100px;
    height: 19px;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease 0s;
  
}

.classbuttonSmall
{
    border: 1px solid #79C142;
	border-radius: 10px;
    padding-right: 0px;    
    padding-left: 0px;
    font-size: 10px;
    padding-bottom: 3px;    
    cursor: pointer;
    color: #fff;
    padding-top: 0px;    
    font-family: verdana,helvetica,arial;
    background-color: #79C142;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease 0s;
    width: 60px;
    height: 19px;    
}

.classbuttonSmall:hover
{
	border: 1px solid #79C142;
	border-radius: 10px;
    padding-right: 0px;    
    padding-left: 0px;
    font-size: 10px;
    padding-bottom: 3px;    
    cursor: pointer;
    color: #fff;
    padding-top: 0px;    
    font-family: verdana,helvetica,arial;
    background-color: #79C142;
	width: 60px;
    height: 19px;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
}

.classbuttontall
{
    border: 1px solid #79C142;    
    font-size: 10px;
    padding-bottom: 3px;    
    cursor: pointer;
    padding-top: 0px;    
    font-family: verdana,helvetica,arial;
    background-color: #79C142;
    height: 36px;
    word-wrap : break-word;
	border-radius: 7px;
    padding-top: 2px;
    color: #fff;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
	padding-left: 0px !important;
	padding-right: 0px !important;
	width:100px;
}

.classbuttonSmaller
{
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #79C142;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 11px;
    cursor: pointer;
    color: #fff;
    font-family: verdana,helvetica,arial;
    background-color: #79C142;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease 0s;
    width: 52px;
    height: 19px;
}

.classbuttonSmaller:hover
{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #79C142;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 11px;
    cursor: pointer;
    color: #fff;
    font-family: verdana,helvetica,arial;
    background-color: #79C142;
    width: 52px;
    height: 19px;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease 0s;
	
}

.classdropdown
{
    border-width:1px;
    border-style:solid;
    border-color:#CCCCCC;
    border-radius: 15px !important;
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 1px;
    padding-top: 1px; 
    height: 21px; 
    font-weight: normal;
    font-size: 12px;  
    cursor: pointer;
    color: #757575; 
    font-family: verdana,helvetica,arial;
    background-color: #FFFFFF;
    vertical-align:bottom;
}

#UCClaimFOSCourtChatwins1_dropReport
{
    border-width:1px;
    border-style:solid;
    border-color:#CCCCCC;
    border-radius: 15px !important;
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 1px;
    padding-top: 1px; 
    height: 21px; 
    font-weight: normal;
    font-size: 12px;  
    cursor: pointer;
    color: black; 
    font-family: verdana,helvetica,arial;
    background-color: #FFFFFF;
    vertical-align:bottom;
}

.classCheckBox
{
    border-width: 0px 0px 0px 0px;
    padding: 0px;
    text-decoration: none;
}

.ComposeButton
{
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #79C142;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 11px;
    cursor: pointer;
    color: #fff;
    font-family: verdana,helvetica,arial;
    background-color: #79C142;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease 0s;
    width: 100px;
    height: 19px;
}

.ComposeButton:hover
{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #79C142;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 11px;
    cursor: pointer;
    color: #fff;
    font-family: verdana,helvetica,arial;
    background-color: #79C142;
    width: 100px;
    height: 19px;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease 0s;
	
}

.classbuttontiny
{    
	border: 1px solid #79C142;
	border-radius: 5px;
    padding-right: 0px;    
    padding-left: 0px;
    font-size: 10px;  
    cursor: pointer;
    color: #79C142;
    padding-top: 0px;    
    font-family: verdana,helvetica,arial;
    font-weight: bold;    
    width: 21px;
    height: 21px;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease 0s;
}

.classbuttontiny:hover
{    
	border: 1px solid #79C142;
	border-radius: 5px;
    padding-right: 0px;    
    padding-left: 0px;
    font-size: 10px;  
    cursor: pointer;
    color: #fff;
    padding-top: 0px;    
    font-family: verdana,helvetica,arial;      
	background-color: #79C142;
    width: 21px;
    height: 21px;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease 0s;
}

.classbuttonsms
{
	border: 1px solid #79C142;
	border-radius: 10px;
    padding-right: 0px;    
    padding-left: 0px;
    font-size: 10px;
    padding-bottom: 3px;    
    cursor: pointer;
    color: #fff !important;
    padding-top: 0px;    
    font-family: verdana,helvetica,arial;
    background-color: #79C142;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease 0s;
    width: 42px;
    height: 21px;		
}

.classbuttonsms:hover
{
	border: 1px solid #79C142;
	border-radius: 10px;
    padding-right: 0px;    
    padding-left: 0px;
    font-size: 10px;
    padding-bottom: 3px;    
    cursor: pointer;
    color: #fff !important;
    padding-top: 0px;    
    font-family: verdana,helvetica,arial;
    background-color: #79C142;
    width: 42px;
    height: 21px;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
}

.classbuttoncase
{
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    font-size: 12px;
    margin: 0px;
    padding-right: 2px;
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #79C142;
    font-family: verdana;
    height: 21px;
    width: 40px;
    background-color: #cad6df;
    cursor: hand;
}

.classbuttoncredit
{
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    font-size: 14px;
    margin: 0px;
    padding-right: 2px;
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #79C142;
    font-family: verdana;
    height: 35px;
    width: 110px;
    background-color: #cad6df;
    cursor: hand;
}

.AttachmentItem
{
    background-color: #ffffff;
}

/* Styles for Contacts */
.ContactListHeader
{
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #e0e0e0;
}
.ContactListHeader A
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}
.ContactListGrid
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}
.ContactsTopMenu
{
    background-color: #e0e0e0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #757575;
    text-decoration: none;
}
.ContactBold
{
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.ContactNormal
{
    font-size: 11px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.ContactNormal A
{
    font-size: 11px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}
.ContactItem
{
    font-size: 10px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: White;
    font-weight: normal;
    cursor: hand;
}
.ContactListFooter
{
    font-size: 10px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #e0e0e0;
    font-weight: normal;
}
.ContactCardViewTable
{
    font-size: 10px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: White;
    font-weight: normal;
}
.ContactCardHead
{
    font-size: 10px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #d5d0d0;
    font-weight: bold;
}
.ContactCardHead A
{
    font-size: 10px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #d5d0d0;
    font-weight: bold;
    text-decoration: none;
}
.ContactCardHead A:Hover
{
    font-size: 10px;
    color: red;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #d5d0d0;
    font-weight: bold;
    text-decoration: none;
}
.ItemTitle
{
    font-size: 10px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
}


.ContactSubHead
{
    font-size: 11px;
    color: #000066;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.ContactSubTitle
{
    font-size: 11px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-color: #d5d0d0;
}

.LoginLabel2
{
    display: inline;
    font-size: 12px;
    color: black;
    font-family: Verdana;
}
.LoginError
{
    display: inline;
    font-size: 12px;
    color: black;
    font-family: Verdana;
    font-weight: bold;
}
.LoginHead
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
}
.LoginLabel
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000066;
}
.LoginBottom
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #AAAAAA;
}

/************** Used for displaying tabs ************/

/* Top Menu Left Non Active Cell */
.topmenunormalleft
{
    padding-right: 0px;
    padding-left: 7px;
    font-size: 10px;
    background: url(images/tab_left_blue.gif) no-repeat left top;
    float: left;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    white-space: nowrap;
    line-height: 15px;
}


/* Top Menu Non Active Link */
.topmenunormal
{
    padding-right: 12px;
    display: block;
    padding-left: 2px;
    font-weight: bold;
    float: left;
    padding-bottom: 4px;
    color: #494949;
    padding-top: 5px;
    text-decoration: none;
    line-height: 15px;
    width: 115px;
	border: 0.5px solid #e1e1e1;
}

.topmenunormal:hover
{
	background-color: #79C142;  
    float: left;
    color: #fff !important;
    text-decoration: none;
    width: 115px;
	transition: all 0.5s ease-in-out 0.1s;
	transform: scale(1);
}

.topmenunormal a:hover
{
    color: #fff !important;   
}

.tabButton a:hover
{
    color: #fff !important;   
}

/* Top Menu Left Active Cell */
.topmenuactiveleft
{
    padding-right: 0px;
    padding-left: 7px;
    font-size: 10px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    border-collapse: collapse;
    float: left;
    line-height: 15px;
}

/* Top Menu Active Link */
.topmenuactive
{
    padding-right: 12px;
    display: block;
    padding-left: 3px;
    font-weight: bold;
    float: left;
    padding-bottom: 3px;
    color: #79C142;
    padding-top: 3px;
    text-decoration: none;
    line-height: 15px;
    width: 115px;
	border-bottom: 1px solid #79C142;
    border-width: 3px;
}

/* Top Menu Non Active Button */
.tabButton
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    white-space: nowrap;
    font-weight: bold;
    text-decoration: none;
    color: #757575;
}

/* Top Menu Active Button */
.tabButtonActive
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    white-space: nowrap;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}

/************* End Tabs ***********************/
.DatabaseCode
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: White;
    background-color: #990000;
}

.Banner
{
    font-size: 11px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-color: #79C142;
    border-spacing: 1px;
    border-left: solid 1px #FFFFFF;
    border-right: solid 1px #FFFFFF;
    border-top: solid 1px #FFFFFF;
    border-bottom: solid 1px #FFFFFF;
    border-color: #79C142;
    padding: 3px 3px 3px 3px;
}
/* Expert Network*/

table.dataGrid
{
    padding: 3px;
    border-spacing: 1px;
    border-left: solid 1px #FFFFFF;
    border-right: solid 1px #FFFFFF;
    border-top: solid 1px #FFFFFF;
    border-bottom: solid 1px #FFFFFF;
    border-color: #000000;
    padding: 3px 3px 3px 3px;
}

tr.dataGridHeader, td.dataGridHeader
{
    border-left: solid 1px #757575;
    border-right: solid 1px #dbdbdb;
    border-top: solid 1px #757575;
    border-bottom: solid 1px #dbdbdb;
    background-color: #757575 !important;
    color: #FFFFFF;
    padding: 3px 3px 3px 3px;
    font-family: Verdana;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
}
tr.dataGridHeader th
{
    /*
	border-left: solid 1px #000000;
    border-right: solid 1px #000000;
    border-top: solid 1px #000000;
    border-bottom: solid 1px #000000;
	*/
    background-color: #757575;
    color: #FFFFFF;
    padding: 3px 3px 3px 3px;
    font-family: Verdana;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
}
tr.dataGridItem
{
    border-left: solid 1px #000000;
    border-right: solid 1px #000000;
    border-top: solid 1px #000000;
    border-bottom: solid 1px #000000;
    background-color: #FFFFFF;
    padding: 3px 3px 3px 3px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
tr.dataGridItem td
{
    border-left: solid 1px #000000;
    border-right: solid 1px #000000;
    border-top: solid 1px #000000;
    border-bottom: solid 1px #000000;
    background-color: #FFFFFF;
    padding: 3px 3px 3px 3px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
tr.dataGridAltItem
{
    border-left: solid 1px #000000;
    border-right: solid 1px #000000;
    border-top: solid 1px #000000;
    border-bottom: solid 1px #000000;
    background-color: #FFFFFF;
    padding: 3px 3px 3px 3px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
tr.dataGridAltItem td
{
    border-left: solid 1px #000000;
    border-right: solid 1px #000000;
    border-top: solid 1px #000000;
    border-bottom: solid 1px #000000;
    background-color: #FFFFFF;
    padding: 3px 3px 3px 3px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

tr.dataGridItem a
{
    color: #000000;
    text-decoration: underline;
}
tr.dataGridAltItem a
{
    color: #000000;
    text-decoration: underline;
}

td.tableAllArround
{
    vertical-align: top;
}

.linkStyle
{
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 11px;
}
.linkStyleWithOutUnderline
{
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 11px;
    text-decoration: none;
}


tr.dataGridFooter, td.dataGridFooter
{
    border-left: solid 1px #757575;
    border-right: solid 1px #757575;
    border-top: solid 1px #757575;
    border-bottom: solid 1px #757575;
    background-color: #757575;
    color: #EEEEEE;
    padding: 1px 1px 1px 1px;
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}
tr.dataGridFooter a, td.dataGridFooter a
{
    border: 1px solid #e0e0e0;
	border: radius: 15px;
    background-color: #e0e0e0;
    color: #757575;
    padding: 2px 2px 2px 2px;
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}
tr.dataGridFooter td
{
	border-left: solid 1px #e0e0e0;
    border-right: solid 1px #e0e0e0;
    border-top: solid 1px #e0e0e0;
    border-bottom: solid 1px #e0e0e0;
    background-color: #e0e0e0;
    color: #757575;
    padding: 1px 1px 1px 1px;
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}

tr.dataGridFooter1
{
    border-left: solid 1px #000000;
    border-right: solid 1px #000000;
    border-top: solid 1px #000000;
    border-bottom: solid 1px #000000;
    background-color: #000000;
    color: #EEEEEE;
    padding: 1px 1px 1px 1px;
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}
tr.dataGridFooter1 a
{
    border-left: solid 1px #000000;
    border-right: solid 1px #000000;
    border-top: solid 1px #000000;
    border-bottom: solid 1px #000000;
    background-color: #000000;
    color: #EEEEEE;
    padding: 1px 1px 1px 1px;
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}
tr.dataGridFooter1 td
{
    border-left: solid 1px #000000;
    border-right: solid 1px #000000;
    border-top: solid 1px #000000;
    border-bottom: solid 1px #000000;
    background-color: #000000;
    color: #e0e0e0;
    padding: 1px 1px 1px 1px;
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}

/* End Expert Network*/
div#divRounded
{
    margin: 0 0;
    background: #a7b8c8;
}
b.rtop b
{
    display: block;
    height: 1px;
    overflow: hidden;
    background: #a7b8c8;
}
b.rbottom b
{
    display: block;
    height: 1px;
    overflow: hidden;
    background: #a7b8c8;
}
b.rtop
{
    display: block;
    background: #d6e4f1;
}
b.rbottom
{
    display: block;
    background: #d6e4f1;
}
b.r1
{
    margin: 0 5px;
    margin-top: 0px;
    margin-bottom:0px;
}
b.r2
{
    margin: 0 3px;
    margin-top: 0px;
    margin-bottom:0px;
}
b.r3
{
    margin: 0 2px;
    margin-top: 0px;
    margin-bottom:0px;
}
b.rtop b.r4
{
    margin: 0 1px;
    height: 2px;
    margin-top: 0px;
    margin-bottom:0px;
}
b.rbottom b.r4
{
    margin: 0 1px;
    height: 2px;
    margin-top: 0px;
    margin-bottom:0px;

}

td.roundLeft
{
}
td.roundRight
{
}
td.roundCenter
{   
    height: 23px;
    font-size: 11px;
    font-family: "Verdana";
    font-weight: bold;
	border: 1px solid #878787;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 15px;
	padding-top: 2px;
	color: #757575;
}

td.boxtl
{
    background: url(images/boxTopLeft.gif);
    height: 4px;
    width: 4px;
}
td.boxt
{
    background: url(images/boxTop.gif);
    height: 4px;
}
td.boxtr
{
    background: url(images/boxTopRight.gif);
    height: 4px;
    width: 4px;
}
td.boxr
{
    background: url(images/boxRight.gif);
    width: 4px;
}
td.boxdr
{
    background: url(images/boxDownRight.gif);
    height: 4px;
    width: 4px;
}
td.boxd
{
    background: url(images/boxDown.gif);
    height: 4px;
}
td.boxdl
{
    background: url(images/boxDownLeft.gif);
    height: 4px;
    width: 4px;
}
td.boxl
{
    background: url(images/boxLeft.gif);
    width: 4px;
}

.checkbox1
{
    font-family: Verdana;
    font-size: 12px;
    color: #757575;
    vertical-align: middle;
}
/********************************************************/

tr.dshover
{
    background-color: #79C14240;
    color: #fff !important;
    font-family: Verdana;
    font-size: 11px;
	height: 20px;
	-o-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
tr.dsClick
{
    background-color: #f5886b;
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 11px;
}
tr.dsoutitem, td.dsoutitem
{
    background-color: #f9f9f9;
    color: #757575;
    font-family: Verdana;
    font-size: 11px;
    height:20px;
}
tr.dsoutaltitem, td.dsoutaltitem
{
    background-color: #f9f9f9;
    color: #757575;
    font-family: Verdana;
    font-size: 11px;
    height:20px;
}
tr.dshoveradmin
{
    background-color: #d6e4f1;
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 11px;
    height:40px;
}
tr.dsoutitemadmin
{
    background-color: #f9f9f9;
    color: #757575;
    font-family: Verdana;
    font-size: 11px;
     height:40px;
}
tr.dsoutaltitemadmin
{
    background-color: #f9f9f9;
    color: #757575;
    font-family: Verdana;
    font-size: 11px;
     height:40px;
}

/********************************************/
tr.dgheader
{
    border: solid 1px #757575;
    background-color:#757575;
    height: 33px;
    color: #fff;
    text-decoration: none;
    font-family: Verdana;
    font-size: 9px;
    font-weight: normal;
    text-align: left;
}
tr.GridViewHeader
{
    border: solid 1px #000000;
    /*background-image: url(Resources/grid/styles/style_7/headerblue.gif);*/
    background-color:#e0e0e0;
    height: 33px;
    color: #FFFFFF;
    text-decoration: none;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
}
.GridViewHeader
{
    border: solid 1px #000000;
    /*background-image: url(Resources/grid/styles/style_7/headerblue.gif);*/
     background-color:#e0e0e0;
    height: 33px;
    color: #FFFFFF;
    text-decoration: none;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
}
tr.dgheader td
{
    border: solid 1px #e0e0e0;
}
tr.dgheader th
{
    border: solid 1px #e0e0e0;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
}
tr.dgheader a
{
    color: #fff;
    text-decoration: none;
}
/********************************************/
tr.dgFooter
{
    color: #757575;
    background-color: #e0e0e0;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    
}
tr.dgFooter a
{
    font-family: Verdana;
    font-size: 11px;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    color: #757575;
}
tr.dgFooter td
{
    font-family: Verdana;
    font-size: 11px;
    text-decoration: none;
    padding: 0px 0px 2px 2px;
}
tr.dgFooter span
{
    text-align: right;
    padding: 0px 0px 0px 4px;
}
tr.dgFooter select
{
    font-family: Verdana;
    font-size: 10px;
    padding: 0px 0px 0px 3px;
    height: auto;
	border: 1px solid #757575;
    border-radius: 10px;
}
.FormLabelFooter
{
    color: #757575;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    vertical-align: middle;
}
/********************************************/

tr.dgItem
{
    color: #757575;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    height:20px;
}
tr.dgItem td
{
    background-color: #f9f9f9;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    
}
tr.dgItem a
{
    color: #757575;
    text-decoration: underline;
}
/********************************************/

tr.dgAltItem
{
    color: #757575;
    background-color: #f9f9f9;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    height:20px;
}
tr.dgAltItem td
{
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
tr.dgAltItem a
{
    color: #757575;
    text-decoration: underline;
}
/********************************************/
.outerDiv
{
    border-width: 1px;
    border-style: solid;
    color: #333333;
}

.PPouterDiv
{
    border-width: 1px;
    border-style: solid;
    color: #000000;
}

.innerDiv
{
    border-right: #ffffff 3px solid;
    padding-right: 15px;
    border-top: #ffffff 3px solid;
    padding-left: 15px;
    padding-bottom: 15px;
    border-left: #ffffff 3px solid;
    padding-top: 15px;
    border-bottom: #ffffff 3px solid;
    height: 100%;
}
.keycolor
{
    color: #757575;
    border-right: solid 1px #e0e0e0;
}
.normalcolor
{
    color: #757575;
    border-right: solid 1px #e0e0e0;
}

.dg
{
   border: solid 1px #CCCCCC !important;
    background-color: #CCCCCC;
    width: 100%;
}
.footerTextColor
{
    color: #757575;
}
/****************************************css for ajax tabs*****************************************/

.ctlTab
{
    background: url(images/activ.gif) no-repeat;
    width: 130px;
    text-align: center;
    border: solid 1px gray;
    cursor: default;
}

.ctlTabInactive
{
    background: url(images/inactiv.gif) no-repeat;
    width: 130px;
    text-align: center;
    border: solid 1px gray;
    cursor: default;
}

.header
{
    padding-left: 0px;
    width: auto;
    height: 20px;
}

.tabButton1
{
    font-family: Verdana;
    font-size: 10px;
    white-space: nowrap;
    font-weight: bold;
    text-decoration: none;
    color: #b2ae9f;
}
.ContentTable
{
    width: 100%;
    height: 200px;
    border: solid 1px gray;
}

.over
{
    color: #79C142;
}

/****************************************end css for ajax tabs*************************************/
.widthXSmall
{
    width: 30px;
}

.widthXSmall1
{
    width: 60px;
}

.widthSmall
{
    width: 75px;
}


.widthNormal
{
    width: 200px;
}

.widthLarge
{
    width: 300px;
}

.widthFull
{
    width: 100%;
}

.width80
{
    width: 80px;
}
.width100
{
    width: 100px;
}
.width70
{
    width: 70px;
}
.width80
{
    width: 80px;
}
.width120
{
    width: 120px;
}
.width125
{
    width: 125px;
}
.width130
{
    width: 130px;
}
.width150
{
    width: 150px;
}
.width180
{
    width: 180px;
}

.width200
{
    width: 200px;
}
.width250
{
    width: 250px;
}

.width300
{
    width: 300px;
}
.width400
{
    width: 400px;
}
.width450
{
    width: 450px;
}
.widthAuto
{
    width: auto;
}
.width600
{
    width: 600px;
}

.backgroundTab
{
    background-color: #D5E5F2;
}
.lineCaseHome
{
    border-color: #CCCCCC !important;
}
.colorCaseHome
{
    color: #3A5E7F;
}
.SignInBorders
{
   /* border-left: solid 1px #B0BECB;
    border-right: solid 1px #B0BECB;*/
    background-color: #fff;
}
.SignInCopyright
{
    /* border-bottom: solid 1px #B0BECB;
    border-left: solid 1px #B0BECB;
    border-right: solid 1px #B0BECB; */
    background-color: #fff;
}
tr.DataGridFixedHeader
{
    border-left: solid 1px #757575;
    border-right: solid 1px #757575;
    border-top: solid 1px #757575;
    border-bottom: solid 1px #757575;
    background-color: #757575;
    color: #FFFFFF;
    padding: 1px 1px 1px 1px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    position: relative;
    left: -1.5;
    z-index: 2;
    top: expression(this.offsetParent.scrollTop-2);
}
tr.DataGridFixedHeader a
{
    color: #FFFFFF;
    padding: 1px 1px 1px 1px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

tr.FixedFooter a, td.FixedFooter a
{
    border: 1px solid #79C142;
    border-radius: 10px;
	background-color: #79C142;
    color: #FFFFFF;
    padding: 3px 10px 3px 10px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
}

tr.FixedFooter td
{    
    color: #FFFFFF;
    padding: 1px 1px 1px 1px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    position: relative;
    bottom: expression((this.offsetParent.scrollHeight <= this.offsetParent.clientHeight)?0:this.offsetParent.scrollHeight - this.offsetParent.clientHeight - this.offsetParent.scrollTop-2);
}
.xmlstatus
{
    background-color: #d6e4f1;
}

.autoCompleteListElement
{
    visibility: hidden;
    margin: 0px !important;
    background-color: #EEEEEE;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: 'default';
    overflow: hidden;
    text-align: left;
    list-style-type: none;
    font-family: Verdana;
    font-size: 12px;
    width: 300px;
    padding-left:0px;
}

.autoCompleteListItem
{
    padding: 1px;
    font-family: Verdana;
}

.autoCompleteHighlightedListItem
{
    background-color: #FAAE4D;
    padding: 1px;
    font-family: Verdana;
}
.tdRepeater
{
border-top: solid 1px #B0BECB; 
border-left: solid 1px #B0BECB; 
border-bottom: solid 1px #B0BECB;
width: 100%; 
vertical-align: top;
background: #bdcede;
}

.SalesHelp
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #79C142;
    vertical-align: bottom;
    text-decoration:none;
}

.classbuttonCA
{
	border: 1px solid #79C142;
	border-radius: 5px;
    padding-right: 0px;    
    padding-left: 0px;
    font-size: 10px; 
    cursor: pointer;
    color: #79C142;
    padding-top: 0px;    
    font-family: verdana,helvetica,arial;        
    width: 31px;
    height: 21px;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease 0s;
	font-weight: bold;
}

.classbuttonCA:hover
{
	border: 1px solid #79C142;
	border-radius: 5px;
    padding-right: 0px;    
    padding-left: 0px;
    font-size: 10px; 
    cursor: pointer;
    color: #fff;
    padding-top: 0px;    
    font-family: verdana,helvetica,arial;        
    width: 31px;
    height: 21px;
	background-color: #79C142;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease 0s;
	font-weight: bold;
}

.classbuttonsmsBig
{
    padding-right: 0px;    
    padding-left: 0px;
    font-size: 10px;
    padding-bottom: 3px;
    cursor: hand;
    color: #FFFFFF;
    padding-top: 0px;    
    font-family: verdana,helvetica,arial;
    font-weight: bold;
    background-color: #79C142;
    width: 100px;
    height: 21px;
	border: 1px solid #79C142;
	border-radius: 15px;
}

.autoCompleteListElementLarge
{
    visibility: inherit;
    margin: 0px !important;
    width: 400px !important;
    background-color: #EEEEEE;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: 'default';
    overflow: hidden;
    text-align: left;
    list-style-type: none;
    font-family: Verdana;
    font-size: 9px;
    white-space:nowrap;
    padding-left:0px;
}

.autoCompleteListItemLarge
{
    padding: 1px;
    font-family: Verdana;
    white-space:nowrap;
    width: 400px;
    font-size:9px;
}

.autoCompleteHighlightedListItemLarge
{
    background-color: #79C142;
    padding: 1px;
    font-family: Verdana;
    white-space:nowrap;
    width: 400px;
    font-size:9px;
}


/*******/

td.UCContainerLeft
{
	background-color: #757575;
	background-repeat: no-repeat;
	width: 5px;
}

td.UCContainerMiddle
{
	background-color: #757575;
	color: #ffffff;
}

td.UCContainerRight
{
	background-color: #757575;
	background-repeat: no-repeat;
	width: 5px;
}

tr.dataGridFooterSearch
{
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	background-color: #000000;
	color: #EEEEEE;
	padding: 1px 1px 1px 1px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

tr.dataGridFooterSearch td
{
	border-left: solid 1px #e0e0e0;
	border-right: solid 1px #e0e0e0;
	border-top: solid 1px #e0e0e0;
	border-bottom: solid 1px #e0e0e0;
	background-color: #e0e0e0 !important;
	color: #757575;
	padding: 1px 1px 1px 1px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}


tr.dshover td
{ 
    padding-left:4px;
    padding-right:4px;
}

.InfoCodeLarge
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: White;
    background-color: #79C142;
}

.autoCompleteListElementVeryLarge
{
    visibility: inherit;
    margin: 0px !important;
    width: 690px !important;
    background-color: #EEEEEE;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: 'default';
    overflow: hidden;
    text-align: left;
    list-style-type: none;
    font-family: Verdana;
    font-size: 9px;
    white-space:nowrap;
    padding-left:0px; 
}

.autoCompleteListItemVeryLarge
{
    padding: 1px;
    font-family: Verdana;
    white-space:nowrap;
    width: 690px;
    font-size:9px;
}

.autoCompleteHighlightedListItemVeryLarge
{
    background-color: #79C142;
    padding: 1px;
    font-family: Verdana;
    white-space:nowrap;
    width: 690px;
    font-size:9px;
}


.classbuttonVeryLarge
{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #79C142;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 11px;
    cursor: pointer;
    color: #fff;
    font-family: verdana,helvetica,arial;
    background-color: #79C142;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease 0s;
	width: 200px;
	height: 19px;
}

.classbuttonVeryLarge:hover
{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #79C142;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 11px;
    cursor: pointer;
    color: #fff;
    font-family: verdana,helvetica,arial;
    background-color: #79C142;
    width: 200px;
	height: 19px;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease 0s;
	
}

#bubble_tooltip{
	width:147px;
	position:absolute;
	display:none;
}
#bubble_tooltip .bubble_top{
	background-image: url(images/bubble_top.gif);
	background-repeat:no-repeat;
	height:16px;	
}
#bubble_tooltip .bubble_middle{
	background-image: url(images/bubble_middle.gif);
	background-repeat:repeat-y;	
	background-position:bottom left;
	padding-left:7px;
	padding-right:7px;
}
#bubble_tooltip .bubble_middle span{
	position:relative;
	top:-8px;
	font-family: Verdana;
	font-size:11px;
}
#bubble_tooltip .bubble_bottom{
	background-image: url(images/bubble_bottom.gif);
	background-repeat:no-repeat;
	background-repeat:no-repeat;	
	height:44px;
	position:relative;
	top:-6px;
}

.InfoCodeMedium
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: White;
	background-color: #a48f67;
	background: url(images/infobkg_blueMedium.gif);
	padding-left: 3px;
}

a.FormLabelWhiteOnMouseOverLightColor
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #757575;
	text-decoration: none;
}

a.FormLabelWhiteOnMouseOverLightColor:Hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ACD3F7;
	text-decoration: none;
}

.FormLabelWhiteOnMouseOverLightColor
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	text-decoration: none;
}

/* Oliver Changed this for the Word Docs Area */
tr.dsoutaltitem a
{
    color: #757575;
    /* text-decoration: none; */
}

/* Oliver Changed this for the Word Docs Area */
tr.dsoutitem a
{
    color: #757575;
    /* text-decoration: none; */
}

/* Oliver Changed this for the Word Docs Area */
a.gridlink, a.gridlink:hover, a.gridlink:active, a.gridlink:visited
{
    color: #757575;
    /* text-decoration: none; */
}


.classbuttonlarge
{
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #79C142;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 11px;
    cursor: pointer;
    color: #fff;
    font-family: verdana,helvetica,arial;
    background-color: #79C142;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease 0s;
    width: 150px;
    height: 19px;    
}

.classbuttonlarge:hover
{
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #79C142;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 11px;
    cursor: pointer;
    color: #fff;
    font-family: verdana,helvetica,arial;
    background-color: #79C142;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease 0s;
	
    width: 150px;
    height: 19px;    
}

.classbuttonAddNew
{    
    width: 100px;
    height: 19px;
    background: url('/images/addicon.png') no-repeat left center;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #79C142;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 11px;
    cursor: pointer;
    color: #fff;
    font-family: verdana,helvetica,arial;
    background-color: #79C142;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
}

.classbuttonAddNew:hover
{    
    width: 100px;
    height: 19px;
    background: url('/images/addicon.png') no-repeat left center;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #79C142;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 11px;
    cursor: pointer;
    color: #fff;
    font-family: verdana,helvetica,arial;
    background-color: #79C142;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    
}

.classbuttonAddNewMedium
{
    background: url('/images/addicon.png') no-repeat left center;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #79C142;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 11px;
    cursor: pointer;
    color: #fff;
    font-family: verdana,helvetica,arial;
    background-color: #79C142;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    width: 140px;
    height: 19px;
}

.classbuttonAddNewMedium:hover
{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #79C142;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 11px;
    cursor: pointer;
    color: #fff;
    font-family: verdana,helvetica,arial;
    background-color: #79C142;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease 0s;
	
	width: 140px;
    height: 19px;
}

.classbuttonAddNewLarge
{
    background: url('/images/addicon.png') no-repeat left center;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #79C142;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 11px;
    cursor: pointer;
    color: #fff;
    font-family: verdana,helvetica,arial;
    background-color: #79C142;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    width: 200px;
    height: 19px;
}

.classbuttonAddNewLarge:hover
{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #79C142;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 11px;
    cursor: pointer;
    color: #fff;
    font-family: verdana,helvetica,arial;
    background-color: #79C142;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease 0s;
	
    width: 200px;
    height: 19px;
}

.menu-toggle-button-default{
	width:62px; 
	height:57px; 
	display:inline-block; 
	background-image:url('/images/menu-image-medium-Blue2.png') !important;
}

/* Start Menu Button CSS */
 .wrapper-demo {
        margin: 0px 0 0 0;
        *zoom: 1;
        font-weight: 400;
    }   

        .wrapper-demo:after {
            clear: both;
            content: "";
            display: table;
        }

    .wrapper-dropdown-3 {
        /* Size and position */
        position: relative;
        width: 20px;
        margin: 0 auto;
        padding: 10px;
        /* Styles */
        border-radius: 25px;
        border: 1px solid rgba(0,0,0,0.15);
        box-shadow: 0 1px 1px rgba(50,50,50,0.1);
        cursor: pointer;
        outline: none;
        /* Font settings */
        font-weight: bold;
        color: #fff;
        -webkit-appearance: none;
        border: 1px solid #79C142;
        background-color: #79C142;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: 600;
        /*height: 20px;*/
        line-height: 33px;
        margin: 0;
        padding: 0 18px;
        position: relative;
        text-align: center;
        align-items: center;
        text-decoration: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        white-space: nowrap;
        border-radius: 35px;
    }

        .wrapper-dropdown-3:after {
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            right: 5px;
            top: 50%;
            margin-top: -3px;
            border-width: 6px 6px 0 6px;
            border-style: solid;
            border-color: #fff transparent;
        }

        .wrapper-dropdown-3 .dropdown {
            /* Size & position */
            position: absolute;
            top: 75%;
            /*left: 0;*/
            right: 0;
            /* Styles */
            background: white;
            /*border-radius: inherit;*/
            border: 1px solid rgba(0,0,0,0.17);
            box-shadow: 0 0 5px rgba(0,0,0,0.1);
            font-weight: normal;
            -webkit-transition: all 0.1s ease-in;
            -moz-transition: all 0.1s ease-in;
            -ms-transition: all 0.1s ease-in;
            -o-transition: all 0.1s ease-in;
            transition: all 0.1s ease-in;
            list-style: none;
            /* Hiding */
            opacity: 0;
            pointer-events: none;
            padding-left: 15px;
            padding-right: 15px;
        }

            .wrapper-dropdown-3 .dropdown:after {
                content: "";
                width: 0;
                height: 0;
                position: absolute;
                bottom: 100%;
                right: 15px;
                border-width: 0 6px 6px 6px;
                border-style: solid;
                border-color: #fff transparent;
            }

            .wrapper-dropdown-3 .dropdown:before {
                content: "";
                width: 0;
                height: 0;
                position: absolute;
                bottom: 100%;
                right: 13px;
                border-width: 0 8px 8px 8px;
                border-style: solid;
                border-color: rgba(0,0,0,0.1) transparent;
            }

            .wrapper-dropdown-3 .dropdown li a {
                display: block;
                padding: 0px;
                text-decoration: none;
                color: #0854b3;
                border-bottom: 1px solid #e6e8ea;
                box-shadow: inset 0 1px 0 rgba(255,255,255,1);
                -webkit-transition: all 0.3s ease-out;
                -moz-transition: all 0.3s ease-out;
                -ms-transition: all 0.3s ease-out;
                -o-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out;
            }

            .wrapper-dropdown-3 .dropdown li i {
                float: right;
                color: inherit;
            }

            .wrapper-dropdown-3 .dropdown li:first-of-type a {
                border-radius: 2px 2px 0 0;
            }

            .wrapper-dropdown-3 .dropdown li:last-of-type a {
                border: none;
                border-radius: 0 0 7px 7px;
            }

            /* Hover state */

            .wrapper-dropdown-3 .dropdown li:hover a {
                background: #f3f8f8;
            }

        /* Active state */

        .wrapper-dropdown-3.active .dropdown {
            opacity: 1;
            pointer-events: auto;
        }

    /* No CSS3 support */

    .no-opacity .wrapper-dropdown-3 .dropdown,
    .no-pointerevents .wrapper-dropdown-3 .dropdown {
        display: none;
        opacity: 1; /* If opacity support but no pointer-events support */
        pointer-events: auto; /* If pointer-events support but no pointer-events support */
    }

    .no-opacity .wrapper-dropdown-3.active .dropdown,
    .no-pointerevents .wrapper-dropdown-3.active .dropdown {
        display: block;
    }
 /* End Menu Button CSS */


 .classbuttontinyQPass
{
     border: 1px solid #79C142;
    border-radius: 5px;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 10px;
    padding-bottom: 3px;
    cursor: hand;
    color: #79C142;
    padding-top: 0px;
    font-family: verdana,helvetica,arial;
    font-weight: bold;
    width: 21px;
    height: 21px;
    background:  no-repeat center;
    background-image:url(../../../images/Q_Tick.png); 
}

  .classbuttontinyQFail
{
    border: 1px solid #79C142;
    border-radius: 5px;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 10px;
    padding-bottom: 3px;
    cursor: hand;
    color: #79C142;
    padding-top: 0px;
    font-family: verdana,helvetica,arial;
    font-weight: bold;
    width: 21px;
    height: 21px;
    background:  no-repeat center;
    background-image:url(../../../images/Q_Cross.png); 
}

.InfoCodeLargeBG {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: White;
    background-color: #a48f67;
    background: url(images/infobkg_blue_Long.gif);
    padding-left: 3px;
}

/* Added new CSS */
#MainLogo
{
	padding-top: 80px !important;
}

#lblPg0, #hlPg2, #hlPg3, #hlPg4, #hlPg5, #hlPg6, #hlPg90, #lblCurPage, #lblTotMsg, #hlNext, #hlPrev
{
	color: #000 !important;
}

#btnHideFrame, #lbShowAll
{
	color: #79C142 !important;
}

#divOthers, #divMove{
	background-color: #ffffff !important;
	border: 0.5px solid #c5c5c5 !important;
	border-radius: 10px;
	color: #ffffff !important;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease 0s;
	left: 50%;
}

#divOthers:hover {
	background-color: #c4c4c4;
	border: 0.5px solid #c4c4c4;
	border-radius: 10px;
	color: #ffffff !important;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease 0s;
	transform: translateY(-3px);
}

#divMove:hover {
	background-color: #757575;
	border: 1px solid #757575;
	border-radius: 10px;
	color: #ffffff !important;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease 0s;
	transform: translateY(-3px);
}

.PageFooter_Login TD
{
	background-color: #fff;
}

#lblNoOfNewEmails
{
	color: #79C142 !important;
}

.MainTextButton
{
	color: #fff !important;
}

#lbClientDetails
{
	#color: #79C142 !important;
}
.myDiv
{
	margin-top: 15px;
}

#main{
	background-color:#e0e0e0 !important;
}
#UCCRMTrainingDetails1_lblDelegatesTotal
{
	color:#757575 !important;
}
#UCCRMTrainingDetails1_lnkSave
{
	color:#757575 !important;
}