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

body
{
    background-color: #bbbbbb;
    color: #444444;
    font-family: Verdana, Arial;
    font-size: 12px;
    margin:0;
    padding:0;
}

.fixwidth
{
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    overflow:visible;
    position:relative;
}

#header
{
    color:White;
    height:51px;
    background-image:url("/content/images/background_header.gif");
    min-width:980px;
}

#logo
{
    width:180px;
    height:46px;
    float:left;
    background:url("/content/images/crosspoint.png") no-repeat scroll 20px 3px transparent;
}

#footer
{
    height:51px;
    background-image:url("/content/images/background_header.gif");  
    min-width:980px;
}

.tabs
{
    z-index:2;
    height:125px;
    padding:0 !important;
    border-bottom-left-radius:0 !important;
    border-bottom-right-radius:0 !important;
}

.tabs ul
{
    padding:1.1em 0.2em 0 !important;
}

.content
{
    width:100%;
    min-height:350px;
    background-color:white;
    padding:4px 0 4px 0;
    margin-bottom:3px;
    overflow:auto;
}

#pagecontent
{
    margin:auto;
    background:White;
}

div[name='ContentElement']
{
    position:relative;
    margin:2px 10px 10px;
    padding:10px;
    background-color:White;
}

.treeTable div[name='ContentElement']
{
    padding:0;
}

#leftpane
{
    position:absolute;
    top:124px;
    padding:6px 6px 4px 4px;
    width:175px;
    overflow:auto;
}

#rightpane
{
    margin-left:180px;
}

#menuTabs .ui-tabs-panel
{
    padding:0 1.4em  !important;
    height: 75px !important;
    white-space: nowrap !important;
}

.ui-widget-header
{
    border:0 !important;
}

#copyright
{
    margin:10px 14px 10px 0;
    float:right;
    text-align:right;
    font-size:0.8em;
    font-family:Arial;
    color:White;
}

/*Common styles
------------------------------------------------------------------*/

a:link
{
    color: #EEEEEE;
    text-decoration: underline;
}

a:visited
{
    color: #EEEEEE;
    text-decoration: underline;
}

a:hover
{
    color: #FFFFFF;
    text-decoration: none;
}

a:active
{
    color: #EEEEEE;
}

a img
{
    border:0;
}

ul
{
    padding: 3px;
    margin: 5px 5px 5px 10px;
    text-align: left;
}

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

input, select, textarea
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="checkbox"], input[type="file"], input[type="button"], input[type="submit"], input[type="radio"]
{
    width:auto;
}

input[readonly], textarea[readonly]
{
    background-color:#F0F0F0;
}

/* TABLES
----------------------------------------------------------*/

table
{
    margin:0px 0px 10px 0px;
}

th,td
{
    padding:0.5em;
    text-align:left;
    vertical-align:middle;
}

table.noborder
{
	border-width:0px;	
}

table.noborder td
{
	border-width:0px;
	vertical-align:top;	
}

table.tb
{
    padding:4px;
    width:100%;
    text-align:center;
    border:2px;
    border-collapse:collapse;
    margin:0;
    -moz-user-select:none;
}

.highlighted
{
    box-shadow: 0 4px 8px #555;    
    -moz-box-shadow: 0 4px 8px #555;    
    -webkit-box-shadow: 0 4px 8px #555;    
}

table.tb tr.action
{
    cursor:pointer
}

table.tb tr:nth-last-child(even)
{
    background: #FAFAFA;
}

table.tb tr:nth-last-child(odd)
{
    background: #EAEAEA;
}

table.tb tr:hover
{
    background: #D0D0D0;
}

table.tb tr.th,table.tb tr.th td
{ 
    background-color: #DADADA;
    border-bottom: 1px solid #BABABA;
    border-width: 0 0 1px;
    font-size: 0.9em;
    font-weight: bold;
    height: 40px;
    cursor:default;
    padding-left:10px;
}

table.tb tr.th td[href]
{
    cursor:pointer;
}

table.tb tr.th td[href]:hover
{
    background-color: #CACACA;
}

table.tb tr
{
	height:30px;
    font-size:1.0em;
}

table.tb td
{
    padding:4px 4px 4px 10px;
    margin:0;
    border:0;
}

table.tb tr:first td
{
    padding:4px 4px 4px 10px !important;
}

table.compact
{
    border:0;
    padding:0;
    margin:0;
}

table.compact td
{
    border:0;
    padding:2px;
    margin:0;
}

.tb tr td a
{
    color:#444444;
}

/* Misc 
-----------------------------------------------------*/

.pager
{
    clear:left;
    margin:10px 5px 25px;
    padding-bottom:1px;
}

.nonwrap
{
    white-space:nowrap;
}

.SelectableItem
{
    width:90%;
    background-color:transparent;
    cursor:pointer;
}

.SelectableItem:hover
{
    background-color:#D0D0D0;
    color:Black;
}

.SelectableItem[selected="false"]:hover
{
    background-color:#D0D0D0;
    color:Black;
}

.SelectableItem[selected="true"]:hover
{
    background-color:#A0A0A0;
    color:Black;
}

.SelectableItem[selected="true"]
{
    background-color:#A0A0A0 !important;
    color:Black;
}

div.ui-dialog *.TitleContent, .DefaultTitle
{
    display:none;
}

.asterix
{
    color:Red;
}

div.ui-icon-wrapper
{
    cursor:pointer;
    display:inline;
    float:left;
    margin:2px;
    padding:2px 0;
    top:0px;
}

div.ui-icon-wrapper span.ui-icon
{
    margin:0 2px;
}

div.ui-icon-wrapper:hover
{
    border-color:#aaa !important;
}

input.error, select.error, textarea.error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
    color:Red;
}

label.error
{
    color: Red;
    display:block;
    padding: 0;
    margin:0;
    position:absolute;
    right:0;
    top:6px;
}

span.ui-text
{
    display:block;
    height:16px;
    padding:0 3px 0 2px;
    text-align:center;
    min-width:16px;  
}

input.SelectAction, input.SelectAndPostAction
{
    width:auto;
}

.auto
{
    width:auto !important;
}

.portlet
{
     margin: 0 1em 1em 0;
     overflow:hidden;
}

.portlet-header  
{
    margin: 0.3em;
    padding: 7px 5px 3px 5px;
    height:20px;
    overflow:hidden;    
    white-space:nowrap;
}

.portlet-header .ui-icon
{
    float: right;
}

.portlet-content 
{
     padding: 5px 15px 15px 15px;
}

.portlet-content-text
{
    line-height:1.2em;
    margin:19px 0 0 -2px;
    height:72px;
    overflow:hidden;
    text-align:justify;
}

.alert
{
    margin-top:10px;
    margin-bottom:5px;
}

#ErrorMessage
{
    margin:0;
    padding:0;
}

.DynamicInput
{
    margin:2px 0 2px 0;
}

.ContentAction
{
    cursor:pointer;
}

.ArrowUp
{
    background: url("/Content/images/7.png") no-repeat scroll right center transparent;
    color: #000000;
    cursor: pointer;
    left: 0px;
    padding-right: 10px;
    position: relative;
    top: 0px;
    z-index: 101;
    
}

.ArrowDown
{
    background: url("/Content/images/6w.png") no-repeat scroll right center transparent;
    color: #000000;
    cursor: pointer;
    left: 0px;
    padding-right: 10px;
    position: relative;
    top: 0px;
    z-index: 101;
}

.tb .th td.ContentAction span
{
    padding-right: 10px;
}

.bold
{
    font-weight:bold;
}

.helpinfo
{
    background-color:#eee;
    border-width:1px;
    border-color:#ccc;
    border-style:solid;  
    margin:5px;
    padding:5px;
    font-size:0.8em;
     border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}   

.helpinfo p
{
    margin:0 0 5px 0;
}

.lightyellow
{
    background-color:#fff9cd !important;
}

.lightblue
{
    background-color:#cddcff !important;
}

#hideAll
{
    z-index:9998;
    width:100%;
    height:100%;
    display:none;
    position:absolute;
}

.loading
{
    height:100%;
    width:100%;
    margin:auto;
    background: url('images/loading.gif') no-repeat center center;
    z-index:9999;
    position:absolute;
}

/* Menu 
------------------------------------------------------*/

#UserMenu
{
    position:relative;
    display:inline-block;
    height:35px;
    padding:16px 12px 0 12px;
    z-index:102;
}

#UserMenu span
{
    color:#EEEEEE;
    font-family: Arial;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    display:table-cell
}

#UserMenu span a
{
    text-decoration:none;
}

.top-dropdown
{
    display:none;
    position:absolute;
    z-index:200;
    top:49px;
    right:0;
    border-right:0 !important;
    border-radius:3px !important;
    -moz-border-radius:3px !important;
    -webkit-border-radius:3px !important;
    white-space:nowrap;
    width:300px;
}

.top-dropdown ul
{
    list-style-type:none;
    font-size:0.85em;
    text-decoration:none;
    padding:3px;
    width:100%;
    text-align:right;
}

.top-dropdown ul li a
{
    text-align:right;
    margin:20px 0px;
}

.top-dropdown ul li
{
    margin:10px 0px;
}

.TopMenu
{
    display:block;
    float:left;
    padding:0 12px 0px 12px;
    height:51px;
    display: inline-block;
    cursor:pointer;    
    position:relative;
}

.TopMenu span
{
    display:table-cell;
    font-family:Arial;
    font-size:1.0em;
    font-weight:bold;
    height:48px;
    text-align:center;
    vertical-align:middle;
    padding:0px 7px 0px 7px;
}

.TopMenu span a
{
    text-decoration:none;
}

.overMenu
{
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:1999;
    opacity:0;
    background-color:#ffffff;
    cursor:pointer;
}

.overMenu:hover
{   
    opacity:0.2;
}

.selectedMenu
{
    background:url("images/background_selected.gif") repeat-x right bottom !important;
}

.menu-tab
{
    display:none;
}

.logoutline {
    border-top: 1px solid #E5E5E5;
    font-size: 0;
}

#hideupperline
{
    display:none;
    margin-left: -3px;
    padding: 0 2px 8px;
    position: relative;
    width: 100%;
    z-index: 2001;
    background-color:White;
    height:1px;
    margin-top:11px;
}

#logonuserInformation
{
    display:table-cell;
    padding:5px;
    margin:3px 10px 3px 3px;
    float:left;
    width:80px;
}

#logonuserInformation div
{
    padding:10px;
    font-size:0.85em;
}

#logonUl
{
    display:table-cell; 
    padding:5px;
    width:165px;
    float:left;
    margin-top:-10px;
    white-space:normal;
}

#logonexit
{
    float:left;
    width:100%;
    height:100%;
}

.toolbar
{
    background-color:Gray;
    margin-top:3px;
    border-bottom:1px solid #515151;
}

.menu
{
    font-size:0.75em;
    display:inline-block;
}

.contextMenu
{
    display:inline-block;
}

.menu > div
{
    vertical-align:middle;
    text-align:center;
    cursor:pointer;
    padding:4px 6px 0;
    color:Black;
    height:63px;
    display:inline-block;
    border:1px solid transparent;
    position:relative;
}

div.separator
{
    width:1px;
    height:63px !important;
    background-image:url('images/menu_separator.gif');
    background-position:center bottom;
    background-repeat:no-repeat;
    padding:4px 1px 0 !important;
    cursor:default;
}

.contextline
{
    height: 4px;
    margin: 1px;    
}

.menu > div > img
{
    opacity:0.8;
}

.menu > div.large:hover
{
    background: url("images/button_hover.png") repeat-x scroll 100% 100%;
    border:1px solid #f3d053;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

.menu > div.small div:hover
{
    background: url("images/button_hover.png") repeat-x scroll 100% 100%;
    border:1px solid #f3d053;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}

.menu>div.small div[disabled]:hover
{
    background: none;
    border:1px solid transparent;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}

.menu > div[disabled]:hover
{
    background: none;
    border:1px solid transparent;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

.menu .dropdown
{
    background: white url("images/dropdown-line.png") scroll repeat-y 26px top;
    border: 1px solid #A7ABB0;
    left: 0;
    position: absolute;
    top: 68px;
    min-width: 130px;
    z-index: 1;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

.dropdown > div
{
    cursor:pointer;
    padding:5px;
    margin:1px;
    color:White;
    text-align:left;
    white-space:nowrap;
    border:1px solid transparent;
}

.dropdown img
{
    float:left;
}

.dropdown a div
{
    margin-left:26px;
    margin-right:10px;    
}

.dropdown > div:hover
{
    background: url("images/button_hover.png") repeat-x scroll left bottom;
    border:1px solid #f3d053;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}

.dropdown > div[disabled]:hover
{
    background: none;
    border:1px solid transparent;
}

#menuTabs
{
    border:0;
    background: url("images/background_menucontent.gif") repeat-x scroll 100% 5px #FFFFFF !important;
    box-shadow:0 2px 2px #DDDDDD;
    -moz-box-shadow:0 2px 2px #DDDDDD;
    -webkit-box-shadow:0 2px 2px #DDDDDD;
}

.ribbon
{
    border:0;
    background: url("images/ribbon.gif") repeat-x scroll 100% -1px #FFFFFF !important;
    box-shadow:0 2px 2px #DDDDDD;
    -moz-box-shadow:0 2px 2px #DDDDDD;
    -webkit-box-shadow:0 2px 2px #DDDDDD;
}

.smallIcon
{
    cursor:pointer;
    color:Black;
    text-align:left;
    height:16px;
    margin:0;
    padding: 2px 2px 1px 2px;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border:1px solid transparent;
}

.smallIcon img
{
    height:16px;
    width:16px;
    float:left;
}

.smallIcon a,.large a
{
    text-decoration:none;
}


#SimpleMaster
{
    margin:50px 0;
}


.SelectableItem
{
    width:90%;
    background-color:transparent;
    cursor:pointer;
}

.SelectableItem:hover
{
    background-color:#D0D0D0;
    color:Black;
}

.SelectableItem[selected="false"]:hover
{
    background-color:#D0D0D0;
    color:Black;
}

.SelectableItem[selected="true"]:hover, .SelectableItem[selected="selected"]:hover
{
    background-color:#A0A0A0;
    color:Black;
}

.SelectableItem[selected="true"], .SelectableItem[selected="selected"]
{
    background-color:#A0A0A0 !important;
    color:Black;
}


.MultipleSelectableItem, .DialogMultipleSelectableItem
{
    width:90%;
    background-color:transparent;
    cursor:pointer;
}

.MultipleSelectableItem:hover,.DialogMultipleSelectableItem:hover
{
    background-color:#D0D0D0;
    color:Black;
}

.MultipleSelectableItem[selected="false"]:hover
{
    background-color:#D0D0D0;
    color:Black;
}

.MultipleItem[selected="selected"]:hover
{
    background-color:#A0A0A0;
    color:Black;
}

.MultipleSelectableItem[selected="selected"],.DialogMultipleSelectableItem[selected="selected"]
{
    background-color:#0a246a !important;
    color:White;
    border-width:0px;
}

.MultipleSelectableItem[selected="selected"] a,.DialogMultipleSelectableItem[selected="selected"] a
{
    background-color:#0a246a !important;
    color:White !important;
    border-width:0px;
}

.MultipleSelectableItem[selected="selected"] td[expanded]
{
    color:Black;
}

div[disabled]
{
    cursor:default !important;
    opacity:0.4 !important;
}

div[disabled] a
{
    /*opacity:0.4;*/
    cursor:default !important;
}

div[disabled]:hover
{
    background-color:transparent;
}

.pretty {
	font-family: Arial;
	border: none;
	padding:20px;
	opacity: 0.8;
	background: url('images/background_tooltip.png') repeat-x bottom;
}


.tooltips.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 0.8em;
	width: 220px;
	text-align: center;
}

#tooltip 
{
	position: absolute;
	z-index: 9999 !important;
	border: 1px solid #767676;
	background-color: #eee ;
	padding: 5px;
	opacity: 0.85;
	border-radius: 3px !important;
}


#tooltip h3
{
    font-size:0.8em;
    font-weight:bold;
    margin: 0;
}

#tooltip div
{
    font-size:0.8em;
    font-weight:normal;
    margin:5px 0 5px 5px;
}

.windowOpenButtons
{
    border-width:1px 0 0;
    border-color:#222222;
    padding: 0.3em 1em 0.5em 0.4em;
}

.navigation span
{
    background: url("/Content/images/6.png") no-repeat scroll right center transparent;
    padding: 4px 12px 4px 4px;
    margin-right:6px;
    text-decoration:underline;
}

.MultipleSelectableItem[selected="selected"] .navigation span
{
    background: url("/Content/images/6w.png") no-repeat scroll right center transparent;
}

.navigation:hover
{
    background-color:#A0A0A0;
}

.navigation[expanded] span
{
    background: url("/Content/images/7.png") no-repeat scroll right center transparent !important;
}

table.tb tr.expanded
{
   background: white;
}

table.tb tr.expanded:hover
{
   background: white;
}

table.tb tr.expanded:nth-last-child(even)
{
    background: white;
    border:none;
}

table.tb tr.expanded:nth-last-child(odd)
{
    background: white;
    border:none;
}

table.tb tr.expanded:hover
{
    background: white;
    border:none;
}

.desc
{
    background: url("/Content/images/7.png") no-repeat scroll right center transparent;
    color: #000000;
    cursor: pointer;
    left: 0px;
    padding-right: 10px;
    position: relative;
    text-shadow: 0 1px 0 #FFFFFF;
    top: 0px;
    z-index: 101;
    
}

.asc
{
    background: url("/Content/images/6.png") no-repeat scroll right center transparent;
    color: #000000;
    cursor: pointer;
    left: 0px;
    padding-right: 10px;
    position: relative;
    text-shadow: 0 1px 0 #FFFFFF;
    top: 0px;
    z-index: 101;
}

.openTree
{
    width:16px;
    height:16px;
    padding:12px 4px;
}

.tree_T
{
    background:url("/Content/images/tree_T.png") no-repeat scroll center center transparent;
}

.tree_Tplus
{
    background:url("/Content/images/tree_Tplus.png") no-repeat scroll center center transparent;
}

.tree_Tminus
{
    background:url("/Content/images/tree_Tminus.png") no-repeat scroll center center transparent;
}

.vline
{
    width:16px;
    height:16px;
    background:url("/Content/images/tree_vline.png") repeat-y scroll center center transparent;
}
.novline
{
    width:16px;
    height:16px;
}

.tree_L
{
    background:url("/Content/images/tree_L.png") no-repeat scroll center center transparent;
}

.tree_Lplus
{
    background:url("/Content/images/tree_Lplus.png") no-repeat scroll center center transparent;
}

.tree_Lminus
{
    background:url("/Content/images/tree_Lminus.png") no-repeat scroll center center transparent;
}

.treeTable
{
    margin:0px;
}


/* new dialogs style*/

.ui-dialog-content, .ui-dialog-content[name='ContentElement'], .ui-dialog-content div[name='ContentElement']
{
    background-color:#f3f3f3 !important;
    margin:3px 0 0 !important;
}

.ui-dialog .ui-dialog-buttonpane
{
    margin: 0.2em 0 0 !important;
}

table.dt
{
    border-collapse: collapse;
    width:95%;
    margin: 20px auto 0;
}

td.fr
{ 
    width:25%;
    overflow:visible;
    padding-right:30px !important;
    padding-top:10px !important;
    padding-left:0 !important;
}

td.fc
{ 
    overflow:visible;
    padding-right:30px !important;
    padding-top:10px !important;
    padding-left:0 !important;
}

table.dt td, table.dt th
{
    border:0;
    text-align:left;
    padding: 4px 8px 4px 2px;
    vertical-align:top;
}

table.dt td[colspan], table.dt th[colspan]
{
    padding: 4px 4px 4px 2px;
}

table.dt tr.th td, table.dt td.th
{
    background-color: #ddd;
    text-align:left;
    font-weight:bold;
    padding:12px 6px;
}

.fr label, .fc label
{
    white-space:nowrap;
    margin-top:4px;
}

table.dt input[type='text'], table.dt input[type='password']
{
    border: 1px solid #CCCCCC;
    height: 27px;
    padding: 1px 0 1px 4px;
    width: 100%;
}

table.dt div.readonly
{
    border: 1px solid #CCCCCC;
    min-height: 19px;
    padding: 6px 0 4px 4px;
    width: 100%;
    cursor: default;
}

iframe.readonly
{
    border: 1px solid #CCCCCC;
    min-height: 100px;
    width: 100%;
    background-color:White;
    margin-top:10px;
}

table.dt div.readonlynoborder
{
    padding: 6px 0 0 4px;
    width: 100%;
    cursor: default;
}

table.view_mail
{
    width: 100%;
    padding: 15px 30px 0;
}

td.vm
{
   width: 80px;
}

table.view_mail td
{
    padding: 0 0 6px 4px;
}

table.dt textarea
{
    border: 1px solid #CCCCCC;
    height: 200px;
    padding: 4px 0 4px 4px;
    width: 100%;
    resize:none;
}

.ui-widget-overlay, .ui-widget-shadow
{
    opacity:0.6 !important;
}

.tinymce
{
    display:none;
}

.combo
{
    margin:0;
    padding:0;
    border-collapse:collapse;
    border:0;
    white-space:nowrap;
}

.autoresizable
{
    overflow:auto;
    background-color:White;
}

table.dt .combo
{
  /*  width: 100%; */
  float:left;
}

table.dt .fixedwidth
{
    width:350px !important;
}

.combo .ui-widget-content
{
    border: 1px solid #CCCCCC;
    height: 27px;
    padding: 1px 0 1px 4px;
}

.combo .ui-widget-content[readonly]
{
    cursor:pointer;
}

table.dt .ui-button
{
    margin-left:-1px;
    margin-top:-1px;
    height: 31px;
}

.unselectable {
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}

.ui-icon-none
{
    background-position:1000px 1000px;
}

.ui-checkbox .ui-button-text
{
    padding:5px !important;
}

.ui-checkbox
{
    background: #FFFFFF !important;
    height: 27px !important;
}

input[disabled]
{
    background-color:#eee;
}

.addressbook_select,.productName_select
{
    position:relative;
    margin-right:5px;
    margin-left:-3px;
}

.addressbook_select input, .productName_select input
{
    height:22px !important;
    padding-left:5px;
}

#toAddressBooks, #filesattachments .readonly
{
    height:auto !important;
    background-color:White;
    overflow:visible;
}

#filesattachments .readonlynoborder
{
    height:auto !important;
    overflow:visible;
}

.attachmentblock
{
    display:inline-block;
}

.forcheckbox
{
    width:15px;
    padding-top:5px !important;
}

.expandfolder
{
    text-decoration:underline;
    cursor: pointer;
    padding-top: 5px !important;
}

.ribbonwindow
{
    padding:0 !important;
}

.ribbon .menu
{
    padding:2px 10px 5px 20px;
    height:66px;
    overflow:hidden;    
}

.windowstate
{
    right: 2.0em !important;
}



/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }



/*css for CMS Module */
#selectSite, #selectView
{
    margin: 2px 20px 2px;
}