/* Minification failed. Returning unminified contents.
(599,1): run-time error CSS1019: Unexpected token, found '}'
 */
body   
{
    background: #b6b7bc;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a.not-active:hover {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: black ;
  
    
}
a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}


/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 99.4%;
    background-color: #fff;
    /*margin: 20px auto 0px auto;*/
    margin: 0 auto 0 auto;
    border: 1px solid #496077;
}

.pageFooter
{
    width: 960px;
    background-color: #006EB6;
    margin: 0px auto 0px auto;
    border: 0px solid #496077;
    color: #f9f9f9;
    padding: 0px 0px 0px 0px;
    line-height: 2em;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #006EB6;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

MainCRM   
{
    background-color: #F6F8FA;
    font-size: .7em;
    font-family: Verdana;
    font-weight:normal;
    margin: 0px;
    padding: 0px;
    color:#3B3B3B;
    text-align: left;
}


.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #FFFFFF;
    background-color: #006EB6;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}
.special {
   font-weight:  bold;
}

/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

div.menu
{
    background-color:#3a4f63;
    width:100%;
    padding: 0;
    float:left;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 4px;
    width: auto;
    float:left;
    position: relative;
}

div.menu ul li
{
    position: relative;
    float: left;
    padding: 1px;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
    position: relative;
    float: left;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
    position: relative;
    float: left;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
    position: relative;
    float: left;
}

/* SUB MENU 
----------------------------------*/

/* TAB MENU   
----------------------------------------------------------*/

div.SubMenu
{
    /*background-color:#3a4f63;*/
    width:100%;
    padding: 0;
    margin: 0px auto 0px auto;
    height:auto;
    float:left;
}

div.SubMenu ul
{
    list-style: none;
    margin: 0px;
    padding: 4px;
    width: auto;
    float:left;
    position: relative;
}

div.SubMenu ul li
{
    position: relative;
    float: left;
    padding: 1px;
}

div.SubMenu ul li a, div.SubMenu ul li a:visited
{
    background-color: #666666;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
    position: relative;
    float: left;
}

div.SubMenu ul li a:hover
{
    background-color: #999999;
   /* color: #465c71;*/
    text-decoration: none;
    position: relative;
    float: left;
}

div.SubMenu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
    position: relative;
    float: left;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

DIV.Notification 
{
	padding:5px;
}

DIV.Notification DIV 
{
	padding: 3px 3px 3px 20px;
	background-position:left;
	background-repeat:no-repeat;
	text-align:left;
}
DIV.Notification DIV.Error 
{
	background-image:url("Images/error.gif");
	color:Red;
}

DIV.Notification DIV.Success 
{
	background-image:url("Images/success.gif");
	color:Green;
}

DIV.Notification DIV.Information 
{
	background-image:url("Images/information.gif");
	color:Black;
}

DIV.Notification DIV.Warning 
{
	background-image:url("Images/warning.gif");
	color:Orange;
}


/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}


/* AJAX Accordian  
----------------------------------------------------------*/
.ui-accordion-header
{	
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #006EB7;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 1px;
    margin-top: 4px;
    cursor: pointer;
}

.ui-accordion-content
{
    background-color: #E6EDF7;
    border: 1px solid #FFFFFF;
    border-top: none;
}

.accordionHeader
{	
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #006EB7;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 1px;
    margin-top: 4px;
    cursor: pointer;
}

.accordianHeaderText
{	
    color: white;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #006EB7;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 1px;
    margin-top: 4px;
    cursor: pointer;
}

.accordionContent
{
    background-color: #E6EDF7;
    border: 1px solid #FFFFFF;
    border-top: none;
}

.accordionCheckBoxList
{
    background-color: #FFFFFF;    
    border: 1px solid #000000;
}

.accordionLabel
{
    color: Red;   
    
}


.cal_theme .ajax__calendar_active       
{         
    color: Red;          
    font-weight: bold;          
    background-color: #ffffff;     
} 

.waterMark
{
    color: #C0C0C0;
}

#disable 
{
	background-color:#666;
	z-index:999999;
	position:absolute;
	top:0;
	left:0;
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	width: 100%; 	
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=50);
	/* Older than Firefox 0.9 */
	-moz-opacity:0.5;
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.5;
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.5;
}

.processing 
{
    margin-top: 300px; display: block; margin-left: auto; margin-right: auto; width: 40px; 
}

/* date picker */
#ui-datepicker-div
{
    font-size:10px;
    background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)
}

/*mainly for editable box */
.mediumdate
{
     width: 70px;
}

.widedate
{
     width: 90px;
}
.widetext
{
     width: 100px;
}
.wideamount
{
     width: 50px;
}
.disabledatefield
{
    
}
}
.widedropdown
{
     width: 100px;
}
/* Table grid */
.grid
{
    background-color: #E6EDF7; 
    border-color: Black; 
    border-width: 1px; 
    border-style: solid; 
    width: 100%;
}
.head
{
    text-align:left;
}

/* CLIENT DETAILS GRID VIEW */
tr#MainContent_grClients_Header th
{
    cursor:pointer;
    cursor:hand;
}