.mainBGcolor
{
	background-color: #ffffff;
}
.calendarTaskBGcolor
{
    BACKGROUND-COLOR: #ffff99
}
.tableBorderColor
{
    BACKGROUND-COLOR: #000000
}
.tableBGcolor
{
    BACKGROUND-COLOR: #D7D7D7;
}
.secondBGcolor
{
    BACKGROUND-COLOR: #ffffff;
}
.contactSecondBGcolor
{
    BACKGROUND-COLOR: lightgrey;
}
.headingFont
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Verdana,Arial;
}
.regFont
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana,Arial;
}
.regLink
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Verdana,Arial;
    TEXT-DECORATION: underline
}
.newEmailFont
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: red;
    FONT-FAMILY: Verdana,Arial;
}
.smallHeadingFont
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
    COLOR: black;
    FONT-FAMILY: Verdana,Arial;
}
.regFontBold
{
    FONT-WEIGHT: 800;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Verdana,Arial;
}
.regFontEmailLink
{
    FONT-SIZE: 11px;
    COLOR: #708090;
    FONT-FAMILY: Verdana,Arial;
    BACKGROUND-COLOR: transparent
}
.warningFont
{
    FONT-SIZE: 12px;
    COLOR: #b30800;
    FONT-FAMILY: Verdana,Arial;
}
.mainDGheading
{
	background-position: left top;
	font-weight: bold;
	font-size: 11px;
	color: #000000;
	background:#e4d700;
	font-family: Verdana, Arial;
}
.secondDGheading
{
	background-position: left top;
	font-weight: bold;
	font-size: 11px;
	background:#e4d700;
	color: #ffffff;
	font-family: Verdana, Arial;
}
.thirdDGheading
{
	background-position: left top;
	font-weight: bold;
	font-size: 11px;
	background-image: url(BG_TabOn.gif);
	color: #ffffff;
	background-repeat: repeat-x;
	font-family: Verdana, Arial;
}
.hyperlinkInDatagrid
{
    FONT-SIZE: 11px;
    COLOR: #cccccc;
    FONT-FAMILY: Verdana,Arial;
}
A
{
    
    COLOR: #000000;
    FONT-FAMILY: Verdana,Arial
}
A:active
{
    
    COLOR: #000000;
    FONT-FAMILY: Verdana,Arial;
    text-decoration: none;
}
A:hover
{
    
    COLOR: #000000;
    FONT-FAMILY: Verdana,Arial;
    text-decoration: underline;
}
A:link
{
    
    COLOR: #000000;
    FONT-FAMILY: Verdana,Arial;
    text-decoration:none;
}
A:visited
{
    
    COLOR: #000000;
    FONT-FAMILY: Verdana,Arial;
    text-decoration: none;
}
.timesheetAdminAltBGColor
{
    BACKGROUND-COLOR: #dddddd
}
.headingFontGreyed
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #bbbbbb;
    FONT-FAMILY: Verdana,Arial;
    TEXT-DECORATION: line-through
}
.secondHeadingFont
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Verdana,Arial;
}
.tabOff
{
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Verdana;
    BACKGROUND-COLOR: #ffffff;
    TEXT-DECORATION: none
}
.tabOn
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Verdana;
    BACKGROUND-COLOR: #1AB7EA;
    TEXT-DECORATION: none
}
.tabBorderColor
{
    BORDER-RIGHT: black;
    BORDER-TOP: black;
    BORDER-LEFT: black;
    BORDER-BOTTOM: black;
    BACKGROUND-COLOR: #000000
}
.tabContactGray
{
    FONT-SIZE: 12px;
    COLOR: #aaaaaa;
    FONT-FAMILY: Arial, Verdana;
    BACKGROUND-COLOR: #ffffff
}
.slideTabBorderColor
{
    BORDER-RIGHT: black;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black
}
.ed_bgcolor{BACKGROUND-COLOR:#dedede;}
		
.ed_dropdown{BACKGROUND-COLOR:#dedede;FONT-FAMILY:Verdana;FONT-SIZE:10px;}
		
.ed_border{	
    border: none;			/*none dotted dashed solid double groove ridge inset outset */		
    border-width: medium;		/*thin medium thick*/ 
    border-color: #000000;
}
.formBGColor
{
    BACKGROUND-COLOR: #e3e3e3
}

.Page_Container
{
	display:block;
	background-color: #ffffff;
	margin-top: 20px;
	margin-left:6px;
	margin-right:6px;
	border: solid 1px #000000;
}
.Page_Title
{
	background-position: left top;
	display: block;
	padding-left: 6px;
	padding-bottom: 6px;
	font-weight: bold;
	font-size: 12px;
	vertical-align: top;
	color: #FFF;
	padding-top: 6px;
	border-bottom: #000000 1px solid;
	font-family: Verdana,Arial;
	background-color: #4d5357;
}

.Page_ContentContainer
{
	display: block;
	vertical-align: top;
	padding-bottom: 20px;
	padding-left:6px;
	padding-right:6px;
}

/*Navigation*/
.Navigation_Container
{
	display:block;
	vertical-align: top;
	padding-top: 20px;
}

.Navigation_Item
{
	display:block;
	padding-left: 6px;
    FONT-SIZE: 11px;
    COLOR: #454545;
    FONT-FAMILY: Verdana, Arial;
    padding-top: 4px;
	padding-bottom: 4px;
    border-bottom: solid 1px #cccccc;
}
.Navigation_Item a:link a,.Navigation_Item a:link,.Navigation_Item a:active,.Navigation_Item a:visited {FONT-SIZE: 11px;color: #000000; text-decoration: none;}
.Navigation_Item a:hover {FONT-SIZE: 11px;text-decoration: none; color: #000000; text-decoration:underline;}

.Navigation_FormIcon
{
	display:inline;
	vertical-align: top;
	float:left
}
.Navigation_FormItem
{
	display:block;
	padding-left: 6px;
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana,Arial;
    height: 20px;
    vertical-align: middle;
    border-bottom: solid 1px #cccccc;
}
.Navigation_FormItem a:link a,.Navigation_FormItem a:link,.Navigation_FormItem a:active,.Navigation_FormItem a:visited {FONT-SIZE: 11px;color: #454545; text-decoration: none;}
.Navigation_FormItem a:hover {FONT-SIZE: 11px;text-decoration: underline; color: #454545;}

.Navigation_FormLink
{
	display:inline;
	padding-left: 6px;
    FONT-SIZE: 12px;
    COLOR: #454545;
    FONT-FAMILY: Verdana,Arial;
    height: 20px;
	float:left;
}
.Navigation_FormLink a:link a,.Navigation_FormLink a:link,.Navigation_FormLink a:active,.Navigation_FormLink a:visited {FONT-SIZE: 11px;color: #454545; text-decoration: none;}
.Navigation_FormLink a:hover {FONT-SIZE: 11px;text-decoration: underline; color: #454545;}

.Navigation_ItemSelected
{
	background-position: left top;
	display: block;
	padding-left: 6px;
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	padding-top: 4px;
	padding-bottom: 4px;
	font-family: Verdana, Arial;
	background-color: #4d5357;
}
.Navigation_ItemSelected a:link a,.Navigation_ItemSelected a:link,.Navigation_ItemSelected a:active,.Navigation_ItemSelected a:visited {FONT-SIZE: 11px;color: #ffffff; text-decoration: none;}
.Navigation_ItemSelected a:hover {FONT-SIZE: 11px;text-decoration: underline; color: #ffffff;}

.Navigation_ItemSelected2
{
	background-position: left top;
	display: block;
	padding-left: 6px;
	font-weight: bold;
	font-size: 11px;
	background-image: url(BG_NavigationSelected.gif);
	color: #ffffff;
	padding-top: 2px;
	background-repeat: repeat-x;
	font-family: Verdana, Arial;
	height: 20px;
	background-color: #000000;
}
.Navigation_ItemSelected2 a:link a,.Navigation_ItemSelected2 a:link,.Navigation_ItemSelected2 a:active,.Navigation_ItemSelected2 a:visited {FONT-SIZE: 11px;color: #ffffff; text-decoration: none;}
.Navigation_ItemSelected2 a:hover {FONT-SIZE: 11px;text-decoration: underline; color: #ffffff;}

.Navigation_ItemSectionTitle
{
	display:block;
	padding-left: 6px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Verdana;
    height: 20px;
    padding-top: 2px;
    border-top: solid 1px #000000;
    border-bottom: solid 1px #000000;
}

.Navigation_Spacer
{
	display:block;
	height: 20px;
}
.Navigation_Separator
{
	display:block;
	height: 20px;
	border-bottom: solid 1px #000000;
}
.Navigation_FolderTree
{
	padding-top: 20px;
	padding-left: 6px;
	display:block;
	overflow: auto; 
	width: 100%; 
	height: 100%;
}

/*Header*/
.Header_Container
{
	background-position: left top;
	display: block;
	left: 0px;
	vertical-align: top;
	overflow: hidden;
	border-bottom: #000000 1px solid;
	background-repeat: repeat;
	position: absolute;
	top: 0px;
	height: 50px;
	background-color: #ffffff;
}
.Header_Row1
{
	/*display: block;*/
	vertical-align: top;
	height: 30px;
	text-align: right;
	padding-top: 2px;
	border: solid 1px green;
}
.Header_Row2
{
	display: block;
	vertical-align: top;
	height: 20px;
	text-align: right;
}
.Header_Logo
{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 500px;
	height: 50px;
	text-align: left;
}
.Header_ControlContainer
{
	display:block;
	width: 300px;
	height: 30px;
	overflow: hidden;
}
.Header_ControlItem
{
	display: inline;
	padding-right: 6px;
}
.Header_QuickControlContainer
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Verdana,Arial;
    TEXT-DECORATION: none;
	display:block;
	text-align: right;
	height: 20px;
	width: 146px;
	padding-right: 6px;
	overflow: hidden;
}
.Header_QuickItem
{
	display:inline;
	padding-left: 6px;
	vertical-align: middle;
}
.Header_TabsContainer
{
	position: absolute;
	top: 15px;
	left: 180px;
	height: 35px;
	text-align:left;
	
	border: solid 1px red;
}
.Header_TabOn
{
	
	font-size: 15px;
	background:#E4D700;
	width: 100px;
	cursor: hand;
	color: #000000;
	padding-top: 8px;
	font-family: Verdana, Arial;
	font-weight:bold;
	height: 35px;
	text-align: center;
	text-decoration: none;
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
}
.Header_TabOff
{
	
	font-size: 13px;
	width: 100px;
	cursor: hand;
	color: #ffffff;
	padding-top: 8px;
	font-family: Verdana, Arial;
	font-weight:bold;
	height: 30px;
	background-color: #0073CF;
	text-align: center;
	text-decoration: none;
	border-top: solid 1px #666666;
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
}
.Header_TabInActive
{
	font-size: 13px;
	width: 100px;
	cursor: hand;
	color: #cccccc;
	padding-top: 8px;
	font-family: Verdana, Arial;
	font-weight:bold;
	height: 30px;
	background-color: #0073CF;
	text-align: center;
	text-decoration: none;
	border-top: solid 1px #666666;
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
}
.Header_TabSeparator
{
	display:inline;
	width: 1px;
	height: 18px;
}
.Header_QuickItemDDL
{
	display:inline;
	background-color: #ffffff;
	color: #000000;
	font-family: Verdana, Arial;
	font-size: 10px;
}
.Header_NotifyStatus
{
	position: absolute;
	top: 0px;
	left: 300px;
}


    /*CSS For the dashboard header*/
    
    .left{float:left;}
    .right{float:right;}


    /*uses css3 gradient : http://www.colorzilla.com/gradient-editor/ instead of image . older browsers will have solid color */
    .dash-top{        
        height: 100px;
        position:relative;
        vertical-align:middle;               
        filter:none;               
	background: url("https://unicentric-cdn.s3.amazonaws.com/client/arcalliance/bg_body.png") repeat-y scroll center top #9A9A9A;

   }
     
   .dash-org-logo{        
        /*height is of the logo. if size changes, then height and margin top (1/2 height) needs to change */
       position:absolute; top:50%;
	   height:50px; margin-top:-50px ;
	   margin-left:5px;
    }

    .dash-welcome, .dash-settings, .dash-logout{     
        line-height:100px; 
    }

    .dash-welcome, .dash-welcome span{
        color:#EC4A06;
        font-weight:700;
        font-size:20px;
    }

    .dash-logout {
        margin:0 10px;
    }

    .dash-logout .logout{
        color:#2F5163;
        font-size:16px;
        text-decoration:none;
    }

    .dash-logout .logout:hover{
        color:red;     
    }
    
    .dash-settings{ margin-right:10px; }
    

    /*clear fix*/
    .cf:before,
    .cf:after {
        content: " "; /* 1 */
        display: table; /* 2 */
    }
    .cf:after { clear: both; }


/* override */
.t-header, .t-grid-header {
	background:none repeat scroll 0 0 #E3E3E3 !important;
}
.widgetheader{
background:none repeat-x scroll 0 0 #2F5163 !important;
color:#F6F6F6 !important;
line-height:20px;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif !important;
}

.ui-widget{font-family:verdana;}
.widgettitle{font-size:13px;}