﻿.ui-divider
{
    cursor: pointer;
    background: url("Toolbar_Group_BG.png");
}
.ajax-load
{
    height: 100px;
    background: url(../../App_Themes/images/backgrounds/ajax-loader.gtif) no-repeat;
}
.ajax-unload
{
    height: 100px;
    background: none;
}

.editButton
{
    background: url(../../App_Themes/images/buttons/edit.png) no-repeat;
    width: 62px;
}

.editButtonFront
{
    background: url(../../App_Themes/images/buttons/edit.png) no-repeat;    
}

.deleteButton
{
    background: url(../../App_Themes/images/buttons/delete2.png) no-repeat;
    width: 78px;
}


/* Sortables */
ul.column
{
    /* 	float: left; 	width: 33.3%; 	min-height: 400px; 	height: auto !important; 	height: 400px; 	*/
}
ul.column li.widget
{
    width: auto; /* width when 'parked' */
}
li.widget
{
    width: 25%; /* width when 'moving' */
    /*background: url(../../App_Themes/images/backgrounds/NetsterRedBar.png) repeat-x;
    border: 1px solid #eee;*/
    margin: 5px 0 15px 0;
    padding: 2px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 1px;
	/*border-color:#d3acac;*/
    background-color: #C7C7C7;
}

li.widget .widget-head
{
    color: white;
    padding: 0 0 6px;
    cursor: move;
    overflow: auto;
}

li.widget .widget-content
{
    background: #fcfcfc repeat-x;
    color: black;
	/*font-family:Verdana, Geneva, sans-serif;*/
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 1.6em;
    padding: 10px;    
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
}

#composeFrm legend{
	color:#981B1F;
	font-weight:bold;
}

#composeFrm widget-content{
	font:Verdana, Geneva, sans-serif;
	font-size:11px;
}

#frmMainBody legend{
	color:#981B1F;
	font-weight:bold;
}
	
li.widget .widget-content > fieldset > legend
{
    /*color:#981B1F;*/
    color:#36454f;
	/*font-weight:bold;*/
    font-size: 15px;
}

.widget-head a.remove
{
    float: right;
    display: inline;
    background: url(../../App_Themes/images/widget/buttons.gif) no-repeat -24px 0;
    width: 14px;
    height: 14px;
    margin: 8px 4px 8px 0;
    text-indent: -9999em;
    outline: none;
}
.widget-head a.edit
{
    float: right;
    display: inline;
    background: url(../../App_Themes/images/widget/buttons.gif) no-repeat;
    width: 24px;
    height: 14px;
    text-indent: -9999em;
    margin: 8px 4px 8px 4px;
    outline: none;
}
.widget-head a.collapse
{
    float: left;
    display: inline;
    background: url(../../App_Themes/images/widget/buttons.gif) no-repeat -52px 0;
    width: 14px;
    height: 14px;
    text-indent: -9999em;
    margin: 8px 0 8px 4px;
    outline: none;
}
.widget-head
{
    margin: 0px;
    padding: 0px;
}
.widget-head h3
{
    font-size: 14px;
    margin: 2px 0px 0 18px;
    padding: 0px;
	color:#232C31;
	/*font-family:Verdana, Geneva, sans-serif;*/
    font-family: Arial,Helvetica,sans-serif;
    text-transform: uppercase;
}
.widget-column
{
    margin: 4px;
	/*margin-top:20px;*/
    padding: 4px;
	list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

/*
*   for widget head bar
*/
.widget-head-bar
{
    width:100%;
}

.widget-head-bar td.bar
{
    text-align:right;       
}

.widget-head-bar td.bar div div
{
    height:16px;
    width: 16px;
    cursor:pointer;
    padding-top:0px;
    margin-bottom:0px;
    float:right;
    margin-right:10px;        
}

/* for widget bar left collapse and expand button*/
.leftCE
{
    position:absolute;
    cursor:pointer;
}

/*color code for the table label field.*/
.labelBack
{
     /*background-color:#e7e7e7;*/
     background-color:#DADADA;
     height:18px;     
}

/*field label margin for a table */
.labelMargin
{
    margin-left:5px;
}

.widget-content td
{
    vertical-align: top;
}

.fieldBtn
{
    /*font-family: Arial,Helvetica,sans-serif;*/
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px; 
    cursor: pointer;
    margin-left: -1px;
    margin-right: 10px;
}

/*field with only label*/
.labelTitle
{
  padding-left:5px;
  display:inline-block;
  padding-top:2px;
}

/*field set margin for bottom*/
.fsMargin
{
    margin-bottom: 12px;
    border: 1px solid #E9E8E6;
    background-color: #f1f1f1;
}


/*
    http://www.small-icons.com/packs/16x16-free-application-icons.htm
*/

.footpanel
{
    position: fixed;
    bottom: 0;
    right: 2%;
    z-index: 50; /*--Keeps the panel on top of all other elements--*/ /*background: #e3e2e2;*/
    background: url(../../App_Themes/images/backgrounds/footerBg.jpg);
    border: 1px solid #c3c3c3;
    border-bottom: none;
    width: 270px;
    margin: 0 0%;
	height:26px;
}

.footpanel ul
{
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
    list-style: none;
    border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/
    font: 12px normal Verdana,Arial,Helvetica,sans-serif;
}
.footpanel ul li
{
    padding: 0;
    margin: 0;
    float: left;
    position: relative;
}
.footpanel ul li a
{
    padding: 5px;
    float: left;
    text-indent: -9999px; /*--For text replacement - Shove text off of the page--*/
    height: 12px;
    width: 16px;
    text-decoration: none;
    color: Black;
    position: relative;
    outline: none;
}
html .footpanel ul li a:hover
{
	/*background-image:url(../images/Backgrounds/footerBgRO.jpg) repeat-x;*/
	background-color: #fff;
    height:11px;
    color: Black;
	
	border-style: solid;
	border-color:#e0e0e0;
	border-width:0px 1px 1px 1px;
	line-height:15px;
}
html .footpanel ul li a.active
{
    /*--Active state when sub-panel is open--*/
    background-color: #fff;
    height: 12px;
    margin-top: -2px; /*--Push it up 2px to attach the active button to sub-panel--*/
    border: 1px solid #ccc;
    border-top: none;
    z-index: 51; /*--Keeps the active link on top of the sub-panel--*/
    position: relative;
}

/*
    replace with graphics.
*/
.footpanel a.home
{
    /*
    background: url(../../App_Themes/images/NetsterFloatMenu/Home.png) no-repeat scroll 15px center transparent;
    width: 55px;
    padding-left: 40px;
	color:#535353;
	font-weight:bold;
    */
	/*line-height:18px;*/
    /*border-right: 1px solid #bbb;*/
    /*text-indent: 0;*/ /*--Reset text indent since there will be a combination of both text and image--*/
    background: url(../../App_Themes/images/NetsterFloatMenu/Home.png) no-repeat;
    width:15px;
    background-position: 4px 4px;
}
.footpanel a.home:hover{
	/*
    width:54px;
	background-position:14px 5px;
	padding-left:39px;
    */
    background-position: 3px 4px;
    width:13px;
}

.footpanel a.phone {
    background: url(../../App_Themes/images/NetsterFloatMenu/softphone.png) no-repeat scroll 5px center transparent;
    padding-left: 30px;
	color:#535353;
	width:240px;
	font-weight:bold;
	text-indent: 0;
}
    
.footpanel a.phone:hover {  
    width:234px;
	padding-left:30px;
	background-position:5px 0px;
	height:11px;
	
 }

.footpanel a.profile:hover,
.footpanel a.playlist:hover,
.footpanel a.messages:hover,
.footpanel a.contacts:hover,
.footpanel a.history:hover,
.footpanel a.alerts:hover,
.footpanel a.activities:hover{
	width:12px;
	background-position: 3px 6px;
}

.footpanel a.profile,
.footpanel a.playlist,
.footpanel a.messages,
.footpanel a.contacts,
.footpanel a.history,
.footpanel a.alerts,
.footpanel a.activities
{
	width:14px;
	background-position: 4px 6px;
}

/*
*   for sub-chat panel.
*/
.footpanel a.subchatlnk
{
  text-indent:0;
  width:126px;
  text-align:center;  
}

a.history
{
    background: url(../../App_Themes/images/NetsterFloatMenu/history.png) no-repeat;
}
a.contacts
{
    background: url(../../App_Themes/images/NetsterFloatMenu/Addressbook.png) no-repeat ;
}
a.messages
{
    background: url(../../App_Themes/images/NetsterFloatMenu/Calendar.png) no-repeat ;
}
a.playlist
{
    background: url(../../App_Themes/images/NetsterFloatMenu/Application.png) no-repeat ;
}
a.profile
{
    background: url(../../App_Themes/images/NetsterFloatMenu/profile.png) no-repeat ;
	outline:none;
}
a.alerts
{
    background: url(../../App_Themes/images/NetsterFloatMenu/Alert.png) no-repeat center center;
    outline: none;
}
a.activities
{
    background: url(../../App_Themes/images/NetsterFloatMenu/List.png) no-repeat center center;
    outline: none;
   /* border-right: 1px solid #bbb;*/
}
.footpanel a.chat
{
    background: url(../../App_Themes/images/NetsterFloatMenu/People.png) no-repeat 15px 3px ;
    width: 80px;
    /*border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;*/
    padding-left: 40px;
	color:#535353;
	height:16px;
	/*line-height:18px;*/
	font-weight:bold;
    text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
    outline: none;
}
.footpanel li.chatpanel, .footpanel li.alertpanel, .footpanel li.activitypanel, .footpanel li.chatsubpanel
{
    float: right;
}
/*--Right align the chat and alert panels--*/


/*
    do the tooltips
*/
.footpanel a small
{
    text-align: center;
    width: 70px;
    background: url(../../App_Themes/images/NetsterFloatMenu/pop_arrow.gif) no-repeat center bottom;
    padding: 5px 5px 11px;
    display: none; /*--Hide by default--*/
    color: #fff;
    font-size: 1em;
    text-indent: 0;
}
.footpanel a:hover small
{
    display: block; /*--Show on hover--*/
    position: absolute;
    top: -35px; /*--Position tooltip 35px above the list item--*/
    left: 50%;
    margin-left: -40px; /*--Center the tooltip--*/
    z-index: 51;
}


/*
    sub panels properties
*/
.footpanel ul li div a
{
    /*--Reset link style for sub-panel links--*/
    text-indent: 0;
    width: auto;
    height: auto;
    padding: 0;
    float: none;
    color: #00629a;
    position: static;
}
.footpanel ul li div a:hover
{
    text-decoration: underline;
}
/*--Reset hover style for sub-panel links--*/

/*
Style the sub-panel container with an absolute positioning that will sit at the top of the main footer panel 
(27px from the bottom of the footer panel). Then create the headings using an <h3>.
*/

.footpanel .subpanel
{
    position: absolute;
    left: 0;
    bottom: 22px;
    /*display: none;*/ /*--Hide by default--*/
    width: 198px;
    border: 1px solid #ccc;
    background: #fff;
    overflow: hidden;
}
.footpanel h3
{
    background: #999;
	margin-left:2px;
	margin-right:2px;
    padding: 4px 10px;
    color: #fff;
    font-size: 1.1em;
    cursor: pointer;
}
.footpanel h3 span
{
    /*--Right aligned "-" icon--*/
    font-size: 1.5em;
    float: right;
    line-height: 0.6em;
    font-weight: normal;
}

/*
    The following section is the area that will be scrollable. Use an overflow: auto; to allow the scroll to 
    appear when the content exceeeds the <ul> height.
*/
.footpanel .subpanel ul
{
    padding: 0;
    margin: 0;
    background: #fff;
    width: 100%;
    overflow: auto;
    padding-bottom: 2px;    
}
.footpanel .subpanel li
{
    float: none; /*--Reset float--*/
    display: block;
    padding: 0;
    margin: 0;
    overflow: hidden;
    clear: both;
    background: #fff;
    position: static; /*--Reset relative positioning--*/
    font-size: 0.9em;
}

.footpanel .softphone
{
    position: absolute;
    left: -10;
    bottom: 20px;
    display: none; /*--Hide by default--*/
    margin-bottom:3px;
    width: 270px;
    height: 105px;
    border: 1px solid #b0b0b0;
    overflow: hidden;
    margin-left:-1px;
}
.footpanel .softphone ul
{
    padding: 0;
    margin: 0;
    background: #fff;
    width: 100%;
    overflow: auto;
    padding-bottom: 2px;    
}
.footpanel .softphone li
{
    float: none; /*--Reset float--*/
    display: block;
    padding: 0;
    margin: 0;
    overflow: hidden;
    clear: both;
    background: #fff;
    position: static; /*--Reset relative positioning--*/
    font-size: 0.9em;
}

/*
    Chat panel properties
*/
.chatpanel .subpanel li
{
    background: url(../../App_Themes/images/NetsterFloatMenu/Erase.png) no-repeat left center;
}
.chatpanel .subpanel li span
{
    padding: 5px;
    background: #fff;
    color: #777;
    float: left;
}
.chatpanel .subpanel li a img
{
    float: left;
    margin: 0 5px;
}
.chatpanel .subpanel li a
{
    padding: 3px 0;
    margin: 0;
    line-height: 22px;
    height: 22px;
    background: #fff;    
    display: block;
}
.chatpanel .subpanel li a:hover
{
    background: #3b5998;
    color: black;
    text-decoration: none;
}

.chatactive
{  	
	background:#FFF;
    color:Black !important;
	border-style:none solid none solid;
	border-width:thin;
	border-color:#e2e2e2;
}

/*
    Alert panel properties
*/
.alertpanel .subpanel
{
    right: 0;
    left: auto; /*--Reset left positioning and make it right positioned--*/
}
.alertpanel .subpanel li
{
    border-top: 1px solid #f0f0f0;
    display: block;
}
.alertpanel .subpanel li p
{
    padding: 5px 10px;
}
.alertpanel .subpanel li a.delete
{
    background: url(../../App_Themes/images/NetsterFloatMenu/Delete.png) no-repeat;
    float: right;
    width: 13px;
    height: 14px;
    margin: 5px;
    text-indent: -9999px;
    visibility: hidden; /*--Hides by default but still takes up space (not completely gone like display:none;)--*/
}
.alertpanel .subpanel li a.delete:hover
{
    background-position: left bottom;
}
.footpanel #alertpanel li.view
{
    text-align: right;
    padding: 5px 10px 5px 0;
}

/*
    activities panel properties
*/
.activitypanel .subpanel
{
    right: 0;
    left: auto; /*--Reset left positioning and make it right positioned--*/
}
.activitypanel .subpanel li
{
    border-top: 1px solid #f0f0f0;
    display: block;
}
.activitypanel .subpanel li p
{
    padding: 5px 10px;
}
.activitypanel .subpanel li a.delete
{
    background: url(../../App_Themes/images/NetsterFloatMenu/Delete.png) no-repeat;
    float: right;
    width: 13px;
    height: 14px;
    margin: 5px;
    text-indent: -9999px;
    visibility: hidden; /*--Hides by default but still takes up space (not completely gone like display:none;)--*/
}
.activitypanel .subpanel li a.delete:hover
{
    background-position: left bottom;
}
.footpanel .activitypanel li.view
{
    text-align: right;
    padding: 5px 10px 5px 0;
}

/*
    WYSIWYG
*/
div.jHtmlArea
{
    display: inline block;
}
div.jHtmlArea div
{
    padding: 0px;
    margin: 0px;
}
div.jHtmlArea .ToolBar
{
}
div.jHtmlArea .ToolBar ul
{
    border: solid 1px #ccc;
    margin-bottom: 1px;
    padding: 1px;
    float: left;
    background: #fff url(../../App_Themes/images/NetsterWYSIWYG/jHtmlArea_Toolbar_Group_BG.png) repeat-x;
}
div.jHtmlArea .ToolBar ul li
{
    list-style-type: none;
    float: left;
    border: none;
    padding: 1px;
    margin: 1px;
}
div.jHtmlArea .ToolBar ul li:hover
{
    border: solid 1px #ccc;
    background: #ddd url(../../App_Themes/images/NetsterWYSIWYG/jHtmlArea_Toolbar_Group__Btn_Select_BG.png);
    padding: 0;
}
div.jHtmlArea .ToolBar ul li a
{
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../App_Themes/images/NetsterWYSIWYG/jHtmlArea.png) no-repeat -16px -500px;
    border: none;
    cursor: pointer;
    padding: 0px;
}
div.jHtmlArea .ToolBar ul li a.highlighted
{
    border: solid 1px #aaa;
    background-color: #bbb;
    padding: 0;
}
div.jHtmlArea .ToolBar ul li.separator
{
    height: 16px;
    margin: 0 2px 0 3px;
    border-left: 1px solid #ccc;
}
div.jHtmlArea .ToolBar ul li.separator:hover
{
    padding: 1px;
    background-color: #fff;
    border-top: none;
    border-bottom: none;
    border-right: none;
}
div.jHtmlArea .ToolBar ul li a:hover
{
}
div.jHtmlArea .ToolBar ul li a.bold
{
    background-position: 0 0;
}
div.jHtmlArea .ToolBar ul li a.italic
{
    background-position: -16px 0;
}
div.jHtmlArea .ToolBar ul li a.underline
{
    background-position: -32px 0;
}
div.jHtmlArea .ToolBar ul li a.strikethrough
{
    background-position: -48px 0;
}
div.jHtmlArea .ToolBar ul li a.link
{
    background-position: -64px 0;
}
div.jHtmlArea .ToolBar ul li a.unlink
{
    background-position: -80px 0;
}
div.jHtmlArea .ToolBar ul li a.orderedlist
{
    background-position: -96px 0;
}
div.jHtmlArea .ToolBar ul li a.unorderedlist
{
    background-position: -112px 0;
}
div.jHtmlArea .ToolBar ul li a.image
{
    background-position: -128px 0;
}
div.jHtmlArea .ToolBar ul li a.cut
{
    background-position: -144px 0;
}
div.jHtmlArea .ToolBar ul li a.copy
{
    background-position: -160px 0;
}
div.jHtmlArea .ToolBar ul li a.paste
{
    background-position: -176px 0;
}
div.jHtmlArea .ToolBar ul li a.html
{
    background-position: -192px 0;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
div.jHtmlArea .ToolBar ul li a.html.highlighted
{
    opacity: 1.0;
    filter: alpha(opacity=100);
}
div.jHtmlArea .ToolBar ul li a.h1
{
    background-position: 0 -16px;
}
div.jHtmlArea .ToolBar ul li a.h2
{
    background-position: -16px -16px;
}
div.jHtmlArea .ToolBar ul li a.h3
{
    background-position: -32px -16px;
}
div.jHtmlArea .ToolBar ul li a.h4
{
    background-position: -48px -16px;
}
div.jHtmlArea .ToolBar ul li a.h5
{
    background-position: -64px -16px;
}
div.jHtmlArea .ToolBar ul li a.h6
{
    background-position: -80px -16px;
}
div.jHtmlArea .ToolBar ul li a.subscript
{
    background-position: -96px -16px;
}
div.jHtmlArea .ToolBar ul li a.superscript
{
    background-position: -112px -16px;
}
div.jHtmlArea .ToolBar ul li a.indent
{
    background-position: -128px -16px;
}
div.jHtmlArea .ToolBar ul li a.outdent
{
    background-position: -144px -16px;
}
div.jHtmlArea .ToolBar ul li a.horizontalrule
{
    background-position: -160px -16px;
}
div.jHtmlArea .ToolBar ul li a.p
{
    background-position: -176px -16px;
}
div.jHtmlArea .ToolBar ul li a.justifyleft
{
    background-position: 0 -32px;
}
div.jHtmlArea .ToolBar ul li a.justifycenter
{
    background-position: -16px -32px;
}
div.jHtmlArea .ToolBar ul li a.justifyright
{
    background-position: -32px -32px;
}
div.jHtmlArea .ToolBar ul li a.justifyall {
    background-position: -96px -32px;
}
div.jHtmlArea .ToolBar ul li a.increasefontsize
{
    background-position: -48px -32px;
}
div.jHtmlArea .ToolBar ul li a.decreasefontsize
{
    background-position: -64px -32px;
}
div.jHtmlArea .ToolBar ul li a.forecolor
{
    background-position: -80px -32px;
}
div.jHtmlArea .ToolBar ul li a.fontname
{
    background-position: -80px -32px;
}


/*
*   Netster Grid CSS
*/
.netstergrid
{
    /*font-family: Verdana, Geneva, sans-serif;*/
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    position: relative;
    border: 0px solid #eee;
	/*line-height:17px;*/
	font-weight:500;
    color: #333;
}
.netstergrid.hideBody
{
    height: 26px !important;
    border-bottom: 1px solid #ccc;
}
.ie6fullwidthbug
{
    border-right: 0px solid #ccc;
    padding-right: 2px;
}
.netstergrid div.nDiv
{
    background: #eee url(../../App_Themes/images/NetsterGrid/line.gif) repeat-y -1px top;
    border: 1px solid #ccc;
    border-top: 0px;
    overflow: visible;
    left: 0px;
    position: absolute;
    z-index: 42;
    float: left;
    height: 400px;
}
.netstergrid div.nDiv table
{
    margin: 2px;
}
.netstergrid div.hDivBox
{
    float: left;
    /*padding-right: 40px;*/
}
.netstergrid div.bDiv table
{
    margin-bottom: 10px;
}
.netstergrid div.bDiv table.autoht
{
    border-bottom: 0px;
    margin-bottom: 0px;
}
.netstergrid div.nDiv td
{
    padding: 2px 3px;
    border: 1px solid #eee;
    cursor: default;
}
.netstergrid div.nDiv tr:hover td, .netstergrid div.nDiv tr.ndcolover td
{
    background: #d5effc url(../../App_Themes/images/NetsterGrid/hl.png) repeat-x top;
    border: 1px solid #a8d8eb;
}
.netstergrid div.nDiv td.ndcol1
{
    border-right: 1px solid #ccc;
}
.netstergrid div.nDiv td.ndcol2
{
    border-left: 1px solid #fff;
    padding-right: 10px;
}
.netstergrid div.nDiv tr:hover td.ndcol1, .netstergrid div.nDiv tr.ndcolover td.ndcol1
{
    border-right: 1px solid #d2e3ec;
}
.netstergrid div.nDiv tr:hover td.ndcol2, .netstergrid div.nDiv tr.ndcolover td.ndcol2
{
    border-left: 1px solid #eef8ff;
}
.netstergrid div.nBtn
{
    position: absolute;
    height: 35px;
    width: 14px;
    z-index: 41;
    /*background: #fafafa url(../../App_Themes/images/NetsterGrid/fhbg.gif) repeat-x bottom;*/
    border: 0px solid #ccc;
    border-left: 1px solid #ccc;
    top: 0px;
    left: 0px;
    margin-top: 1px;
    cursor: pointer;
    display: none;
}
.netstergrid div.nBtn div
{
    height: 35px;
    width: 12px;
    border-left: 1px solid #fff;
    float: left;
    background: url(../../App_Themes/images/NetsterGrid/ddn.png) no-repeat center;
}
.netstergrid div.nBtn.srtd
{
    /*background: url(../../App_Themes/images/NetsterGrid/wbg.gif) repeat-x 0px -1px;*/
}
.netstergrid div.mDiv
{
    /*background: url(../../App_Themes/images/NetsterGrid/wbg.gif) repeat-x top;*/
    border-top: 1px solid #ccc;
    border-bottom: 0px;
    /*border-top: 0px;*/
    font-weight: bold;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}
.netstergrid div.mDiv div
{
    padding: 6px;
    white-space: nowrap;
}
.netstergrid div.mDiv div.ptogtitle
{
    position: absolute;
    top: 4px;
    right: 3px;
    padding: 0px;
    height: 16px;
    width: 16px;
    overflow: hidden;
    border: 1px solid #ccc;
    cursor: pointer;
}
.netstergrid div.mDiv div.ptogtitle:hover
{
    background-position: left -2px;
    border-color: #bbb;
}
.netstergrid div.mDiv div.ptogtitle span
{
    display: block;
    border-left: 1px solid #eee;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ddd;
    width: 14px;
    height: 14px;
    background: url(../../App_Themes/images/NetsterGrid/uup.png) no-repeat center;
}
.netstergrid div.mDiv div.ptogtitle.vsble span
{
    background: url(../../App_Themes/images/NetsterGrid/ddn.png) no-repeat center;
}
.netstergrid div.tDiv /*toolbar*/
{
    /*background: #fafafa url(../../App_Themes/images/NetsterGrid/bg.gif) repeat-x top;*/
    position: relative;
    border: 1px solid #ccc;
    border-bottom: 0px;
    overflow: visible;
    z-index: 41;
    background-color: #f5f5f5;
}
.netstergrid div.sDiv /*toolbar*/
{
    background: #fafafa url(../../App_Themes/images/NetsterGrid/bg.gif) repeat-x top;
    position: relative;
    border: 1px solid #ccc;
    border-top: 0px;
    overflow: hidden;
    display: none;
}
.netstergrid div.sDiv2
{
    float: left;
    clear: both;
    padding: 5px;
    padding-left: 5px;
    width: 1024px;
}
.netstergrid div.sDiv2 input, .netstergrid div.sDiv2 select
{
    vertical-align: middle;
}
.netstergrid div.btnseparator
{
    float: left;
    height: 22px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #fff;
    margin: 1px;
}
.netstergrid div.fbutton
{
    float: left;
    display: block;
    cursor: pointer;
    padding: 1px;
}
.netstergrid div.fbutton div
{
    float: left;
    padding: 1px 3px;
}
.netstergrid div.fbutton span
{
    float: left;
    display: block;
    padding: 3px;
}
.netstergrid div.fbutton:hover, .netstergrid div.fbutton.fbOver
{
    padding: 0px;
    border: 1px solid #ccc;
}
.netstergrid div.fbutton:hover div, .netstergrid div.fbutton.fbOver div
{
    padding: 0px 2px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
/* end toolbar*/

.netstergrid div.hDiv
{
    /*background: #fafafa url(../../App_Themes/images/NetsterGrid/fhbg.gif) repeat-x bottom;*/
    position: relative;
    border: 1px solid #ccc;
    border-bottom: 0px;
    overflow: hidden;
    background-color: #ECECEC;
}
.netstergrid div.hDiv.scroll {
        overflow: auto;
    }
    .netstergrid div.hDiv.sticky {
        position: fixed;
        top:80px;
        z-index:999;
    }
.netstergrid div.hDiv table
{
    border-right: 1px solid #fff;
}
.netstergrid div.cDrag
{
    float: left;
    position: absolute;
    z-index: 2;
    overflow: visible;
}
.netstergrid div.cDrag div
{
    float: left;
    background: none;
    display: block;
    position: absolute;
    height: 24px;
    width: 5px;
    cursor: col-resize;
}
.netstergrid div.cDrag div:hover, .netstergrid div.cDrag div.dragging
{
    background: url(../../App_Themes/images/NetsterGrid/line.gif) repeat-y 2px center;
}
.netstergrid div.iDiv
{
    border: 1px solid #316ac5;
    position: absolute;
    overflow: visible;
    background: none;
}
.netstergrid div.iDiv input, .netstergrid div.iDiv select, .netstergrid div.iDiv textarea
{
    /*font-family: Verdana,Geneva,sans-serif;*/
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}
textarea
{
    /*font-family: Verdana,Geneva,sans-serif;*/
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    color: black;
}
.netstergrid div.iDiv input.tb
{
    border: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    padding: 0px;
    background: none;
}
.netstergrid div.bDiv
{
    border: 1px solid #ccc;
    border-top: 0px;
    border-bottom: 0px;
    background: #fff;
    overflow: auto;
    position: relative;
}
.netstergrid div.bDiv table
{
    border-bottom: 1px solid #ccc;
}
.netstergrid div.hGrip
{
    position: absolute;
    top: 0px;
    right: 0px;
    height: 5px;
    width: 5px;
    background: url(../../App_Themes/images/NetsterGrid/line.gif) repeat-x center;
    margin-right: 1px;
    cursor: col-resize;
}
.netstergrid div.hGrip:hover, .netstergrid div.hGrip.hgOver
{
    border-right: 1px solid #999;
    margin-right: 0px;
}
.netstergrid div.vGrip
{
    height: 5px;
    overflow: hidden;
    position: relative;
    background: #fafafa url(../../App_Themes/images/NetsterGrid/wbg.gif) repeat-x 0px -1px;
    border: 1px solid #ccc;
    border-top: 0px;
    text-align: center;
    cursor: row-resize;
}
.netstergrid div.vGrip span
{
    display: block;
    margin: 1px auto;
    width: 20px;
    height: 1px;
    overflow: hidden;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    background: none;
}
.netstergrid div.hDiv th, .netstergrid div.bDiv td /* common cell properties*/
{
    text-align: left;
    border-right: 1px solid #ddd;
    border-left: 1px solid #fff;
    overflow: hidden;
    vertical-align: top !important;
}
.netstergrid div.hDiv th div, .netstergrid div.bDiv td div, div.colCopy div /* common inner cell properties*/ /* common inner cell properties*/
{
    padding: 5px;
    border-left: 0px solid #fff;
}
.netstergrid div.hDiv th, div.colCopy
{
    padding: 5px 0 0 0;
    font-weight: normal;
    height: 30px;
    cursor: default;
    white-space: nowrap;
    overflow: hidden;
}
div.colCopy
{
    /*font-family: Verdana, Geneva, sans-serif;*/
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    background: #fafafa url(../../App_Themes/images/NetsterGrid/fhbg.gif) repeat-x bottom;
    border: 1px solid #ccc;
    border-bottom: 0px;
    overflow: hidden;
}
.netstergrid div.hDiv th.sorted
{
    /*background: url(../../App_Themes/images/NetsterGrid/wbg.gif) repeat-x 0px -1px;*/
    border-bottom: 0px solid #ccc;
}
.netstergrid div.hDiv th.thOver
{
}
.netstergrid div.hDiv th.thOver div, .netstergrid div.hDiv th.sorted.thOver div
{
    /*border-bottom: 1px solid orange;*/
    padding-bottom: 4px;
}
.netstergrid div.hDiv th.sorted div
{
    border-bottom: 0px solid #ccc;
    padding-bottom: 5px;
}
.netstergrid div.hDiv th.thMove
{
    background: #fff;
    color: #fff;
}
.netstergrid div.hDiv th.sorted.thMove div
{
    border-bottom: 1px solid #fff;
    padding-bottom: 4px;
}
.netstergrid div.hDiv th.thMove div
{
    background: #fff !important;
}
.netstergrid div.hDiv th div.sdesc
{
    background: url(../../App_Themes/images/NetsterGrid/dn.png) no-repeat center top;
	/*padding-right:9px;*/
}
.netstergrid div.hDiv th div.sasc
{
    background: url(../../App_Themes/images/NetsterGrid/up.png) no-repeat center top;
	/*padding-right:9px;*/
}
.netstergrid div.bDiv td
{
    border-bottom: 1px solid #fff;
    vertical-align: top;
    white-space: nowrap;
}
.netstergrid div.hDiv th div
{
    /*font-size:11px;*/
    font-weight:bold;
	color:#4a4a4a;
}
.netstergrid span.cdropleft
{
    display: block;
    background: url(../../App_Themes/images/NetsterGrid/prev.gif) no-repeat -4px center;
    width: 24px;
    height: 24px;
    position: relative;
    top: -24px;
    margin-bottom: -24px;
    z-index: 3;
}
.netstergrid div.hDiv span.cdropright
{
    display: block;
    background: url(../../App_Themes/images/NetsterGrid/next.gif) no-repeat 12px center;
    width: 24px;
    height: 24px;
    float: right;
    position: relative;
    top: -24px;
    margin-bottom: -24px;
}
.netstergrid div.bDiv td div
{
    border-top: 0px solid #fff;
    padding-bottom: 4px;
}
.netstergrid tr td.sorted
{
    background: #f3f3f3;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #f3f3f3;
}
.netstergrid tr td.sorted div
{
}
.netstergrid tr.erow td
{
    background: #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
}
.netstergrid tr.erow td.sorted
{
    background: #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}
.netstergrid tr.erow td.sorted div
{
}
.netstergrid div.bDiv tr:hover td, .netstergrid div.bDiv tr:hover td.sorted, .netstergrid div.bDiv tr.trOver td.sorted, .netstergrid div.bDiv tr.trOver td
{   /*table column hover*/
    background: #f3eded;
    /*border-left: 1px solid #eef8ff;
    border-bottom: 1px dotted #a8d8eb;*/
}
.netstergrid div.bDiv tr.trSelected:hover td, .netstergrid div.bDiv tr.trSelected:hover td.sorted, .netstergrid div.bDiv tr.trOver.trSelected td.sorted, .netstergrid div.bDiv tr.trOver.trSelected td, .netstergrid tr.trSelected td.sorted, .netstergrid tr.trSelected td
{
    /*background: #d5effc url(../../App_Themes/images/NetsterGrid/hl.png) repeat-x top;
    border-right: 1px solid #d2e3ec;
    border-left: 1px solid #eef8ff;
    border-bottom: 1px solid #a8d8eb;*/
    background: #F3DCDC;
}
/* novstripe adjustments */

.netstergrid.novstripe .bDiv table
{
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.netstergrid.novstripe div.bDiv td
{
    border-right-color: #fff;
}
.netstergrid.novstripe div.bDiv tr.erow td.sorted
{
    border-right-color: #e3e3e3;
}
.netstergrid.novstripe div.bDiv tr td.sorted
{
    border-right-color: #f3f3f3;
}
.netstergrid.novstripe div.bDiv tr.erow td
{
    border-right-color: #f7f7f7;
    border-left-color: #f7f7f7;
}
.netstergrid.novstripe div.bDiv tr.trSelected:hover td, .netstergrid.novstripe div.bDiv tr.trSelected:hover td.sorted, .netstergrid.novstripe div.bDiv tr.trOver.trSelected td.sorted, .netstergrid.novstripe div.bDiv tr.trOver.trSelected td, .netstergrid.novstripe tr.trSelected td.sorted, .netstergrid.novstripe tr.trSelected td
{
    border-right: 1px solid #0066FF;
    border-left: 1px solid #0066FF;
}
.netstergrid.novstripe div.bDiv tr.trOver td, .netstergrid.novstripe div.bDiv tr:hover td
{
    border-left-color: #d9ebf5;
    border-right-color: #d9ebf5;
}
/* end novstripe */

.netstergrid div.pDiv
{
    /*background: url(../../App_Themes/images/NetsterGrid/wbg.gif) repeat-x 0 -1px;*/
    border: 1px solid #ccc;
    /*border-top: 0px;*/
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    background-color: #f5f5f5;
}
.netstergrid div.pDiv div.pDiv2
{
    margin: 7px;
    margin-left: 5px;
    float: left;
    width: 1024px;
}
div.pGroup
{
    float: left;
    background: none;
    height: 24px;
    margin: 0px 5px;
}
.netstergrid div.pDiv .pPageStat, .netstergrid div.pDiv .pcontrol
{
    position: relative;
    top: 5px;
    overflow: visible;
}
.netstergrid div.pDiv input
{
    vertical-align: text-top;
    position: relative;
    top: -5px;
}
.netstergrid div.pDiv div.pButton
{
    float: left;
    width: 22px;
    height: 22px;
    border: 0px;
    cursor: pointer;
    overflow: hidden;
}
.netstergrid div.pDiv div.pButton:hover, .netstergrid div.pDiv div.pButton.pBtnOver
{
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    cursor: pointer;
}
.netstergrid div.pDiv div.pButton span
{
    width: 20px;
    height: 20px;
    display: block;
    float: left;
}
.netstergrid div.pDiv div.pButton:hover span, .netstergrid div.pDiv div.pButton.pBtnOver span
{
    width: 19px;
    height: 19px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}
.pSearch 
{
    background: url(../../App_Themes/images/NetsterGrid/magnifier1.png) no-repeat center;
}

.netstergrid .asearch
{
    /*background: url(../../App_Themes/images/NetsterGrid/magnifier_zoom_in.png) no-repeat;*/
    /*background-color: #A22F34;*/
    height: 40px;
    width: 100px;
    text-transform: uppercase;
    margin-left: 280px;
    background-color: #A22F34;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
    cursor: pointer;
}

.netstergrid .aclear
{
    /*background-color: #FCFCFC;*/
    height: 40px;
    width: 100px;
    text-transform: uppercase;
    margin-left: 10px;
    background-color: #A09898;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

.netstergrid .adiv
{
   width: 100%;
   height: 198px;
   display:none;   
   background-color: #FAFAFA;
   z-index:40;  
}

.netstergrid .pFirst
{
    background: url(../../App_Themes/images/NetsterGrid/first1.png) no-repeat center;
    background-size: 20px 20px;
}
.netstergrid .pPrev
{
    background: url(../../App_Themes/images/NetsterGrid/prev1.png) no-repeat center;
    background-size: 20px 20px;
}
.netstergrid .pNext
{
    background: url(../../App_Themes/images/NetsterGrid/next1.png) no-repeat center;
    background-size: 20px 20px;
}
.netstergrid .pLast
{
    background: url(../../App_Themes/images/NetsterGrid/last1.png) no-repeat center;
    background-size: 20px 20px;
}
.netstergrid .pReload
{
    background: url(../../App_Themes/images/NetsterGrid/load1.png) no-repeat center;
    background-size: 15px 15px;
}
.netstergrid .pReload.loading
{
    background: url(../../App_Themes/images/NetsterGrid/load1.gif) no-repeat center;
    background-size: 16px 16px;
}
/* ie adjustments */

.netstergrid.ie div.hDiv th div, .netstergrid.ie div.bDiv td div, div.colCopy.ie div /* common inner cell properties*/ /* common inner cell properties*/
{
    overflow: hidden;
}


/*
    NetsterDialog
*/
#popup_container
{
    font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,sans-serif;
    font-size: 20px;
    /*min-width: 300px; /* Dialog will be no smaller than this */
    /*max-width: 600px; /* Dialog will wrap after this width */
    background-color: #FFF;
    color: #000;
    z-index: 99999;
    text-align: center;
}

#popup_title
{
    font-size: 20px;
    text-align: center;
    color: #424242;
    cursor: default;
    padding: 0em;
    margin: 0em;
    z-index: 60;
    background: #fff;
    text-transform: uppercase;
    text-decoration: underline;
}

#popup_content
{
    /*background: 16px 16px no-repeat url(../../App_Themes/images/NetsterDialog/info.gif);*/
    padding: 1em 1.75em;
    margin: 0em;
    text-align: center;
    color: #424242;
}

/*#popup_content.info
{
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url(../../App_Themes/images/NetsterDialogs/info.png);
}

#popup_content.success
{
    color: #424242;
    background-color: #FDFDFD;
    background-image: url(../../App_Themes/images/NetsterDialog/success.png); 
}

#popup_content.warning
{
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url(../../App_Themes/images/NetsterDialog/warning.png);
}

#popup_content.alert
{
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url(../../App_Themes/images/NetsterDialog/error.png);
    font-weight: bold;
}

#popup_content.confirm
{
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url(../../App_Themes/images/NetsterDialog/important.gif);
    background-image: url(../../App_Themes/images/NetsterDialog/warning.png);
}*/

#popup_content.prompt
{
    /*background-image: url(../../App_Themes/images/NetsterDialog/help.gif);*/
}

#popup_message
{
    /*padding-left: 48px;*/
}

#popup_panel
{
    text-align: center;
    margin: 1em 0em 0em 1em;
}

.popup_btnok
{
    width: 120px;
    height: 40px;
    font-size: 15px;
    background-color: #6AD17A;
    color: #fff;
    font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,sans-serif;
}

.popup_btnalert
{
    width: 120px;
    height: 40px;
    font-size: 15px;
    background-color: #A09898;
    color: #fff;
    font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,sans-serif;
}

#popup_prompt
{
    margin: .5em 0em;
}

/*
    for NetsterWindow
*/
.ui-dialog .ui-dialog-titlebar-min
{
    position: absolute;
    right: 23px;
    top: 50%;
    width: 19px;
    margin: -9px 0 0 0;
    padding: 1px;
    height: 18px;
}
.ui-dialog .ui-dialog-titlebar-rest
{
    position: absolute;
    right: 23px;
    top: 50%;
    width: 19px;
    margin: -9px 0 0 0;
    padding: 1px;
    height: 18px;
}
.ui-dialog .ui-dialog-titlebar-min span
{
    display: block;
    margin: 1px;
}
.ui-dialog .ui-dialog-titlebar-rest span
{
    display: block;
    margin: 1px;
}


/*
    for netstermenu
*/
/* menu */
.topm
{
    margin: 0px;
    padding: 30px 0px 0;
    list-style: none;
    color: #333232;
    line-height: 15px;
    display: inline-block;
    float: right;    
    font-size: 14px;
	line-height: 0px;
	/*font-family:Verdana, Geneva, sans-serif;*/
    font-family: Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:600;
}
.topm a
{
    color: #8a0f12;
    text-decoration: none;
	/*font-family:Verdana, Geneva, sans-serif;*/
    font-family: Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:600;


}
.topm > li
{
   /* background:url(../../App_Themes/images/backgrounds/LogoBack.png); */
    cursor: pointer;
    float: left;
    position: relative;
    padding: 0px 10px;
	padding-top:10px;
}
.topm > li a:hover
{
    color: #333232;
	background:url(../images/Backgrounds/btnBg.png) ;
}
.topm .logo
{
    padding: 0px;
}

/* sub-menus*/
.topm ul
{
    padding: 0px;    
    margin: 0px;
    display: block;
    display: inline;
    z-index: 60;
}
.topm li ul
{
    position: absolute;
    left: 0;
    top: 0px;    
    margin-top: 32px;
    background-color:White;
    width: 150px;    
    font-size: 11px;
    display:none;
    background-image:url(../../App_Themes/images/backgrounds/sideMenuBack2.png);
    z-index:60;
}

/*.topm li:hover ul
{
    display: block;
}*/

.topm li ul li
{
    display: block;
    margin: 5px 20px;
    padding: 5px 0px;
    border-top: dotted 1px #606060;
    list-style-type: none;
    cursor:pointer;
}
.topm li ul li:first-child
{
    border-top: none;
}
.topm li ul li a
{
    display: block;
    color: white;
}

.topm li ul li:hover
{
    background-color:Yellow;
}

.topm li ul li a:hover
{
    color: #7FCDFE;
}

/*
*   for the user search pop up dialog.
*/
.us
{    
    background-color:Gray;    
}

.us a
{
    text-decoration:none;
    color:White;
}

.us td img
{
    border: none;
}

.us td
{
    height:40px;
}

.barTitle
{
	color:#000;
}

.gedit
{
	height:15px;
	width:15px;
}

.gicon
{
	height:16px;
	width:16px;
}

.master_bottom 
{
    height:70px;
    width:100%;
    position:relative; 
    font-size:8px;
    color:#717171;
    font-family:Verdana;
    text-align:center;
    float:left;
}

.inplaceEdit
{
    background-color: #DDEBF5;    
    cursor: pointer;
}

.InplaceEditField, .InplaceEditField input, .InplaceEditField option, .InplaceEditField select,  .InplaceEditField button
{
    /*font-family: Verdana,Geneva,sans-serif;*/
    font-family: Arial,Helvetica,sans-serif;
    /*font-size: 11px;*/
}

/*Advance Search & Layout Option*/
.astitle
{
    display:inline-block;
    width: 520px;    
}
.asContainer, .loContainer
{
    display:inline-block;
    width: 520px;  
    position: relative;
    vertical-align: top;
}
.asContainer
{    
	width: 99.8%;
	border: 1px solid #ccc;
	border-bottom: none;
}

.loContainer input, .loContainer select
{
    width: 250px;    
}
#saveLayout,#updateLayout,#deleteLayout
{
    width: 60px;    
}
/*End of Advance Search & Layout Option*/
.fdcrit
{   
    width:100%;
    left:20px;
    margin: 4px;
    padding: 2px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	/*font-family:Verdana, Geneva, sans-serif;*/
    font-family: 'Lato', sans-serif;
	font-size:12px;
    
   
}
.fdcritUL
{
    list-style-position:outside;
    list-style-type:none;
    list-style-image:none;
    display:none;
    padding: 5px 5px 0px 9px;
}

.findTitle1
{
    
    font-weight:bolder;
    font-style:italic;
}
.findTitle2
{
    
    
    
}
.fd-widget
{
    /*background-image:url("../../App_Themes/images/backgrounds/NetsterRedBar.png");
    background-repeat:repeat-x;
    border:1px solid #d3acac;*/
    list-style-position:outside;
    list-style-type:none;
    list-style-image:none;
    background-color: #C7C7C7;
}

#j_tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #777;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	-moz-border-radius: 10px;
    border-radius: 10px;
}

#j_tooltip h3, #j_tooltip div  
{
    margin: 0; 
}

tr.redBox>td 
{
    background-color:#fee2e2 !important;
    background-image:none !important;
}

tr.lightredBox>td 
{
    background-color:#fb8989 !important;
    background-image:none !important;
}

tr.yellowBox>td 
{
    background-color:#fdf9d3 !important;
    background-image:none !important;
}

tr.greenBox>td 
{
    background-color:#66FF66 !important;
    background-image:none !important;
}

tr.lightGreyBox>td 
{
    background-color:#E1E1E1 !important;
    background-image:none !important;
}

tr.orangeBox>td 
{
    background-color:#FFCC99 !important;
    background-image:none !important;
}

tr.lightBlueBox>td 
{
    background-color:#ecf0fe !important;
    background-image:none !important;
}

tr.lightGreenBox>td 
{
    background-color:#ccffcc !important;
    background-image:none !important;
}