﻿
a.dynamicMenuItem:link {color:White; text-decoration:none; font-size:small; font-weight:bold;}
a.dynamicMenuItem:visited   {color:White; font-size:10pt; font-weight:bold; text-decoration:none;}
a.dynamicMenuItem:hover   {color:#0ea5e6; font-size:small; font-weight:bold; text-decoration:none;}
a.dynamicMenuItem:active   {color:#0ea5e6; font-size:small; font-weight:bold; text-decoration:none;}

a.staticMenuItem:link {color:White; text-decoration:none; font-size:small; font-weight:bold;}
a.staticMenuItem:visited   {color:White; font-size:10pt; font-weight:bold; text-decoration:none;}
a.staticMenuItem:hover   {color:#0ea5e6; font-size:small; font-weight:bold; text-decoration:none;}
a.staticMenuItem:active   {color:#0ea5e6; font-size:small; font-weight:bold; text-decoration:none;}

.dynamicMenuItem
{
    background-color: #043e68;
    color: White;
    font-size: 9pt;
    font-weight:bold;
    padding: 3px;
}

.dynamicMenu
{
    -moz-opacity: 0.90;
    filter: Alpha(Opacity=90); 
    opacity: 0.90;
    background-color: #02548f;
    color: White;
    font-size: small;
    font-weight:bold;
    
}

.staticMenuItem
{
    color: White;
    font-size: 9pt;
    font-weight:bold;
    padding: 1px;
    padding-left:3px;
}

.staticMenu
{
    color: White;
    font-size: 9pt;
    font-weight:bold;
    padding: 1px;
}

a.leftnavigationactive {color:#0EA5E6; font-size:9pt; font-weight:bold; text-decoration:none;}

a.sectionheadernavigation:link      {color:White;   font-size:9pt; font-weight:bold; text-decoration:none;}
a.sectionheadernavigation:visited   {color:White;   font-size:9pt; font-weight:bold; text-decoration:none;}
a.sectionheadernavigation:hover     {color:#fffca7; font-size:9pt; font-weight:bold; text-decoration:none;}
a.sectionheadernavigation:active    {color:#fffca7; font-size:9pt; font-weight:bold; text-decoration:none;}

a.headernavigation:link {color:White; text-decoration:none; font-size:small; font-weight:bold;}
a.headernavigation:visited   {color:White; font-size:10pt; font-weight:bold; text-decoration:none;}
a.headernavigation:hover   {color:#0EA5E6; font-size:small; font-weight:bold; text-decoration:none;}
a.headernavigation:active   {color:#0EA5E6; font-size:small; font-weight:bold; text-decoration:none;}

a.leftnavigation:link {color:White; text-decoration:none; font-size:9pt; font-weight:bold;}
a.leftnavigation:visited   {color:White; font-size:9pt; font-weight:bold; text-decoration:none;}
a.leftnavigation:hover {color:#0EA5E6; text-decoration:none; font-size:9pt; font-weight:bold;}
a.leftnavigation:active   {color:#0EA5E6; text-decoration:none; font-size:9pt; font-weight:bold;}

a.footernavigation:link {color:#626262; text-decoration:none; font-size:8pt;font-family:Arial;}
a.footernavigation:visited   {color:#626262; font-size:8pt; text-decoration:none;}
a.footernavigation:hover {color:#0EA5E6; font-size:8pt;font-family:Arial;}
a.footernavigation:active   {color:#0EA5E6; font-size:8pt;font-family:Arial;}

a.lightbluelinklg:link { text-decoration:none; font-weight:bold; font-size:14pt; color:#1490C6;}
a.lightbluelinklg:visited   {text-decoration:none; font-weight:bold; font-size:14pt; color:#1490C6;}
a.lightbluelinklg:hover   {text-decoration:none; font-weight:bold; font-size:14pt; color:#c2c2c2;}
a.lightbluelinklg:active   {text-decoration:none; font-weight:bold; font-size:14pt; color:#c2c2c2;}

a.lightbluelink:link { text-decoration:none; font-weight:bold; font-size:11pt; color:#1490C6;}
a.lightbluelink:visited   {text-decoration:none; font-weight:bold; font-size:11pt; color:#1490C6;}
a.lightbluelink:hover   {text-decoration:none; font-weight:bold; font-size:11pt; color:#c2c2c2;}
a.lightbluelink:active   {text-decoration:none; font-weight:bold; font-size:11pt; color:#c2c2c2;}

a.lightbluelink10:link { text-decoration:none; font-weight:bold; font-size:10pt; color:#1490C6;}
a.lightbluelink10:visited   {text-decoration:none; font-weight:bold; font-size:10pt; color:#1490C6;}
a.lightbluelink10:hover   {text-decoration:none; font-weight:bold; font-size:10pt; color:#c2c2c2;}
a.lightbluelink10:active   {text-decoration:none; font-weight:bold; font-size:10pt; color:#c2c2c2;}

a.lightbluelinksmall:link { text-decoration:none; font-size:8pt; font-weight:bold; color:#1490C6;}
a.lightbluelinksmall:visited   {text-decoration:none; font-size:8pt; font-weight:bold; color:#1490C6;}
a.lightbluelinksmall:hover   {text-decoration:none; font-size:8pt; font-weight:bold; color:#c2c2c2;}
a.lightbluelinksmall:active   {text-decoration:none; font-size:8pt; font-weight:bold; color:#c2c2c2;}


span.sectionText 
{    
    font-size:16pt;  
    color:white; 
    padding-left:15px;
}

span.subSectionText 
{    
    font-size:8pt;  
    color:white; 
    vertical-align: middle;
}

.loginField
{
    font-family: Arial;
    font-size:9pt;
    width:125px; 
    z-index:2;
}

.floatingPasswordLabel
{
    font-family: Arial;
	height:0px;
	position:absolute;
	left:2px;
	top: 2px;
    font-size:9pt;    
}

.goldTextSmall              { color: #afab50; font-size: 9pt; font-weight: bold; }
.goldText                   { color: #afab50; font-size: 11pt; font-weight: bold; }
.goldText12                 { color: #afab50; font-size: 12pt; font-weight: bold; }
.goldText14					{ color: #afab50; font-size: 14pt; font-weight: bold; }
.grayTextContentBodySmall   { color: #4b4b4b; font-size: 9pt; }
.grayText                   { color: #4b4b4b; font-size: 10pt; }
.grayTextContentBody        { color: #4b4b4b; font-size: 11pt; }
.grayTextContentBodyLarge   { color: #4b4b4b; font-size: 14pt; }
.blackTextSmall             { color: Black;   font-size: 8pt; }
.blackTextSmallBold			{ color: Black;   font-size: 8pt;  font-weight: bold; }
.blackTextBold              { color: Black;   font-size: 9pt;  font-weight: bold; }
.blackText                  { color: Black;   font-size: 10pt; }
.blackTextItalics           { color: Black;   font-size: 11pt; font-weight: bold; font-style:italic; }
.blackTextBold12            { color: Black;   font-size: 12pt; font-weight: bold; }
.textContentHeader3         { color: Black;   font-size: 12pt; font-weight: bold; background-color:#e3e2c2; }
.ltBlueText                 { color: #1490c6; font-size: 10pt; }
.blueText                   { color: #02548f; font-size: 10pt; }
.blueText12                 { color: #02548f; font-size: 12pt; }
.blueTextBold               { color: #02548f; font-size: 10pt; font-weight: bold; }
.blueTextBold12             { color: #02548f; font-size: 12pt; font-weight: bold; }
.blueTextBold14             { color: #02548f; font-size: 14pt; font-weight: bold; }
.blueTextContentHeader      { color: #02548f; font-size: 18pt; font-weight: bold; }
.whiteTextBold10            { color: white;   font-size: 10pt; font-weight: bold; }
.whiteText                  { color: white;   font-size: 12pt; }
.whiteTextBold              { color: white;   font-size: 12pt; font-weight: bold; }
.orangeTextContentBody      { color: #dbab2a; font-size: 12pt; font-weight: bold; }

.testimonials               { color: #4b4b4b; font-size: 11pt; width: 100%; text-align: justify; font-style: italic; }
.nameAndCompany             { color: Gray; width:100%; text-align:right; font-weight: bold; font-size:9pt; }


a.smallWhiteLink:link {color:White; text-decoration:none; font-size:smaller;}
a.smallWhiteLink:visited   {color:White; font-size:smaller; text-decoration:none;}
a.smallWhiteLink:hover {color:#0EA5E6; text-decoration:none; font-size:smaller;}
a.smallWhiteLink:active   {color:#afab51; font-size:smaller;}

a.smallBlackLink:link {color:Black; text-decoration:none; font-size:smaller;}
a.smallBlackLink:visited   {color:Black; font-size:smaller; text-decoration:none;}
a.smallBlackLink:hover {color:#0EA5E6; text-decoration:none; font-size:smaller;}
a.smallBlackLink:active   {color:#afab51; font-size:smaller;}

.errorMessage { color:Red; font-family: arial,tahoma,helvetica,sans-serif; font-size:8pt; background-color:White; padding:3px; }
.unsubscribe { color:Red; font-family: arial,tahoma,helvetica,sans-serif; font-size:14pt; }

ul.arrow { list-style-image: url(/marketing/images/arrows.gif); }
ul.singlearrow { list-style-image: url(/marketing/images/SM_arrow.gif); }

@media screen 
{
    .footerSeparator { width:950px; height: 3px; }
	hr.greyBar { width:950px; background-color: #A7A7A7; size: 2px; border:0px; color: #A7A7A7;}
	hr.goldBar { width:950px; background-color: #afab51; size: 2px; border:0px; color: #afab51;}
	
	/* NOTE: Set overflow-y:scroll for FireFox to keep vertical scroll bar in place */
	body { background-color: #ffffff; font-family:  arial,tahoma,helvetica,sans-serif; overflow-y:scroll; }	

    /************* DYNAMIC TAB STYLE ************/
    #header {
	    float:left;
	    font-size:93%;
	    line-height:normal;
	    white-space: nowrap;
    }
    #header ul {
	    margin:0;
	    padding:10px 0 0;
	    list-style:none;
	    white-space: nowrap;
    }
    #header li {
	    float:left;
	    background:url("/backend/images/csstabs/blue/left.gif") no-repeat left top;
	    margin:0;
	    padding:0 0 0 9px;
    }
    #header a {
	    float: left;
	    display: block;
	    background: url("/backend/images/csstabs/blue/right.gif") no-repeat right top;
	    padding: 5px 15px 4px 6px;
	    text-decoration: none;
	    font-weight: bold;
	    color: #0ea5e6;
    }
    /* Commented Backslash Hack
    hides rule from IE5-Mac \*/
    #header a {float:none;}
    /* End IE5-Mac hack */
    #header a:hover {
    	color: #0a82c4;
    }
    #header #current {
	    background-image:url("/backend/images/csstabs/blue/left_on.gif");
	    border-width:0;
    }
    #header #current a {
	    background-image:url("/backend/images/csstabs/blue/right_on.gif");
	    color:#cab60c;
	    padding-bottom:5px;
    }
    /******************************************/
}

@media print
{
    .footerSeparator { width:600px; height: 3px; }
	hr.greyBar { width:600px; background-color: #A7A7A7; size: 2px; border:0px; color: #A7A7A7;}
	hr.goldBar { width:600px; background-color: #afab51; size: 2px; border:0px; color: #afab51;}
	body { background-color: #ffffff; font-family:  arial,tahoma,helvetica,sans-serif; }
}

.greytextsm { font-size:10pt; color:#4b4b4b; }


.link-color
{
    color: #000077;
    font-family: Arial;
    text-decoration: none;            
}


/* hide column headers style (used on the group security screen.) */
.no-column-headers .x-grid3-header
{
    visibility: hidden;
    display: none;
}

/* Overlay style (used on Project Console */
.overlay
{
	z-index: 1000;
	position: absolute;
	top: 1px;
	left: 1px;
	display: block;
	width: 22px;
	height: 90px;
}

.msg .x-box-mc
{
    font-size:14px;
}

#msg-div
{
    position:absolute;
    left:35%;
    top:10px;
    width:250px;
    z-index:20000;
}

/* Ext Class for Ext.form.TextField that acts like a label */
.x-form-labelfield{font-weight: bold;padding:1px 3px;background:transparent;background-color:#dfe8f6;border:1px solid #B5B8C8;}

.icon-advsearch
{
    background-image:url(/backend/images/VDR/advancedSearch.gif) !important;
}

.search-item {
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    padding:3px 10px 3px 10px;
    border:1px solid #fff;
    border-bottom:1px solid #eeeeee;
    white-space:normal;
    color:#000000;
}

.valign-top {vertical-align: top;}


/* Begin stuff from Projects.css */

.x-form-item
{
	font:normal 12px arial,tahoma,helvetica,sans-serif; color: #404040; font-weight: bold;        	
}
.x-form-item-diy
{
	font:normal 12px arial,tahoma,helvetica,sans-serif; color: #404040; font-weight: bold;        	
}

.x-form-item-diy-black
{
	font:normal 12px arial,tahoma,helvetica,sans-serif; color: #000000; font-weight: bold;        	
}

.x-form-item-diy-disabled
{
	font:normal 12px arial,tahoma,helvetica,sans-serif; color: gray; font-weight: bold;        	
}
     
.x-form-cb-label
{
    font:normal 12px arial,tahoma,helvetica,sans-serif; color: #404040; font-weight: bold;
}

.ux-cabinet {position: relative;}
.ux-input-file-wrapper {position: absolute; display: block; height: 22px; width: 18px; overflow: hidden;}
.ux-file{position: absolute; height: 22px; width: auto; right: 0px; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
     
.ux-label-top label{width:auto;float:none;clear:none;display:inline;margin-bottom:4px;position:static;}
.ux-label-top .x-form-element{padding-left:0 !important;padding-top:4px;}
.ux-label-top .x-form-item{padding-bottom:4px;}
.ux-label-top .textarea {width: 397px !important; height: 200px !important;}

.newprojectcbx .x-form-check-wrap { height: 16px !important; line-height: 10px !important; }

.closercbx .x-form-check-wrap { height: 17px !important; line-height: 12px !important; }

.scroll-combo .x-combo-list-inner{overflow:auto!important;background:white;position:relative;zoom:1;overflow-x:scroll!important;}

.RcmFlyover {position:relative; top: -124px;}
.RcmFlyoverInner {position: absolute; right: 1px;}
              
.ext-safari .x-form-field-wrap {position: static;}
.ext-safari .x-form-field-wrap .x-form-trigger {position: static; top: auto; vertical-align: middle;}
.ext-safari .x-form-field-wrap .x-form-twin-triggers .x-form-trigger {position: static; top: auto; vertical-align: middle;}

.x-panel-noheader
{
    height: 0px;
}

/* This gives toolbar buttons the regular button style */
.x-toolbar .x-btn-tl { background-position: -6px 0; }
.x-toolbar .x-btn-tr { background-position: -9px 0; }
.x-toolbar .x-btn-tc { background-position: 0 -9px; }
.x-toolbar .x-btn-ml { background-position: -6px -24px; }
.x-toolbar .x-btn-mr { background-position: -9px -24px; }
.x-toolbar .x-btn-mc { background-position: 0 -2168px; }
.x-toolbar .x-btn-bl { background-position: -6px -3px; }
.x-toolbar .x-btn-br { background-position: -9px -3px; }
.x-toolbar .x-btn-bc { background-position: 0 -18px; }

.x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc
{
	background-image: url(/images/btn-normal.gif);
}

.x-btn-over .x-btn-tl, .x-btn-over .x-btn-tr, .x-btn-over .x-btn-tc, .x-btn-over .x-btn-ml, .x-btn-over .x-btn-mr, .x-btn-over .x-btn-mc, .x-btn-over .x-btn-bl, .x-btn-over .x-btn-br, .x-btn-over .x-btn-bc
{
	background-image: url(/js/ext-3.1.1/resources/images/default/button/btn.gif);
}

.x-btn button {
    font:normal 11px arial,tahoma,tahoma,helvetica;
    color:#000;
}
/* end block */

/* fix for chopped tops and under/over hanging triggers */
.ext-ie6 .x-form-text, .ext-ie7 .x-form-text {
    margin:0px 0; /* ie bogus margin bug */
}
.x-form-field-wrap { position: static;}
.x-form-field-wrap .x-form-trigger { position:static; top:auto; vertical-align:middle }
/* end block */

.blueify
{
    background-color: #dfe8f6;
}

.padded
{
    padding: 6px;
}

.topAlign
{
    vertical-align: top;
}

.hidden
{
    visibility: hidden ! important;
}

.visible
{
    visibility: visible ! important;
}

.right
{
    text-align: right;
}

.left
{
    text-align: left;
}

.boldCls
{
    font-weight: bold;
}

.fileuploadwidth
{
    width: 250px;
}

/* silk icons from http://www.famfamfam.com/lab/icons/silk/ */
.silk-table-add { background-image: url(/backend/images/Projects/table_add.png) !important; background-repeat: no-repeat; }
.silk-table-delete { background-image: url(/backend/images/Projects/table_delete.png) !important; background-repeat: no-repeat; }
.silk-table-edit { background-image: url(/backend/images/Projects/table_edit.png) !important; background-repeat: no-repeat; }

/* For menu items */
DIV#roundedTabContainer TABLE TR TD DIV
{
    white-space: nowrap;   
}

.ie8-cb-label
{
    padding-top: 5px !important;
    top: 0px !important;
}

/* Fix for Qtip */
div.x-tip-header
{
    width: 100%;
    overflow: hidden;
}

.usernamewatermark
{
    vertical-align: middle;
    font-family: Arial;
    font-size:9pt;
    height:20px; 
    width:200px; 

    border : 1px solid #A5ACB2;
    background-image: url('/images/password.gif');
    background-position: 0 0;    
    background-repeat: no-repeat;
}

.passwordwatermark
{
    vertical-align: middle;
    font-family: Arial;
    font-size:9pt;
    height:20px; 
    width:200px; 

    border : 1px solid #A5ACB2;
    background-image: url('/images/password.gif');
    background-position: 0 -20px;    
    background-repeat: no-repeat;
}

.loginnormal
{
    vertical-align: middle;
    font-family: Arial;
    font-size:9pt;
    height:20px; 
    width:200px;

    border : 1px solid #A5ACB2;
}