/* ------ FONTS ------ */
@font-face {
font-family: "Trajan";
src: local("Trajan Pro Bold"), url(fonts/TrajanPro-Bold.otf) format("opentype");
}

#layoutTable tbody {
    vertical-align: top;
}

table#nedList, .majicListScroll {
    height: 100% !important;
}

/* ------ BODY CORE ------ */
html {height: 100%;}
body,
td {font-size: 10px; font-family: Arial, Helvetica, sans-serif;}
body {background: transparent; margin: 1em; background-repeat: repeat-x;}

body.main_body,
body#systemBg,
body#interfaceWrapper {margin: 0; overflow: hidden; height: 100%;}
body#sliderBody {background: #786E60;}

body.main_body {background-color: #786e60; background-image: url(images/body-bg.png); margin: 0;}
body#systemBg {background-image: url(images/ims-main-bg.png); background-color: #dbccbf; margin: 0;}
body#interfaceWrapper {margin: 0;}
#viewport {position: relative; border: 10px solid transparent; height: 100%; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box;}
#main_viewport {margin: 0 auto; overflow: hidden; position: relative; height:100%;}
#_frames[name=mainIframe] {border-left: 1px solid rgba(0,0,0,0.4); border-right: 1px solid rgba(0,0,0,0.4);}

iframe {border: none; padding: 0; margin: 0;}

/* ------ COLUMN LAYOUT CORE ------ */
#column1,
#column2,
#column3,
#column4 {position: relative; height: 100%;}

/* ------ 2 COL [ LIQUID || FIXED ] (Layout1)------ */
.layout-2col-liq-fixed200 #column1 {margin-right: 200px;}
.layout-2col-liq-fixed200 #column2 {position: absolute; width: 200px; top: 0px; right: 0px;}

/* ------ 2 COL [ FIXED || LIQUID ] (Layout2)------ */
.layout-2col-fixed350-liq #column1 {position: absolute; width: 290px; top: 0; left: 0;}
.layout-2col-fixed350-liq #column2 {margin-left: 282px; padding-left: 1em;}

.layout-2col-fixed350-liq #column1.collapsed ul:first-child {}
.layout-2col-fixed350-liq #column1.collapsed ul li,
.layout-2col-fixed350-liq #column1.collapsed ul:last-child {display: none;}

.layout-2col-fixed350-liq #column1.collapsed + #column2 {margin-left: 2.5em;}

#columnCollapserTop,#columnCollapserBottom {position: absolute; height: 12px; width: 100%; background-repeat: no-repeat;}
#columnCollapserTop {top: 0; background-image: url(images/column_collapse_top.png);}
#columnCollapserBottom {bottom: 0; background-image: url(images/column_collapse_bottom.png); background-position: 0 100%;}
#columnCollapserMiddle {height: 100%; background-image: url(images/column_collapse_middle.png); background-repeat: repeat-y;}

/*.layout-2col-fixed350-liq #columnCollapser {-moz-box-sizing: border-box; padding: 12px 0; position: absolute; height: 100%; width: 10px; cursor: pointer; top: 0; left: 280px;}*/
.layout-2col-fixed350-liq #columnCollapser {position: absolute; cursor: pointer; top: 0.5em; left: 18.5em; line-height: 1.3em; font-weight: bold; color: #3d3529;}
.layout-2col-fixed350-liq #columnCollapserText {padding-right: 1.6em; background: no-repeat url(images/collapse-icon-left.png) 100% 0;}
.layout-2col-fixed350-liq.column1hidden #columnCollapser {left: 6px; height: 100%; width: 13px; background: no-repeat url(images/collapse-icon-right.png);}
.layout-2col-fixed350-liq.column1hidden #columnCollapserText {display: none;}
/*
.layout-2col-fixed350-liq.column1hidden #columnCollapserTop {background-image: url(images/column_expand_top.png);}
.layout-2col-fixed350-liq.column1hidden #columnCollapserBottom {background-image: url(images/column_expand_bottom.png);}
*/
.layout-2col-fixed350-liq.column1hidden #column1 ul:first-child {-moz-border-radius-topright: 10px; -webkit-border-radius-topright: 10px; border-radius-topright: 10px; border: 1px solid #FFFFFF; width: 2.5em;}
.layout-2col-fixed350-liq.column1hidden #column1 ul li,
.layout-2col-fixed350-liq.column1hidden #column1 ul:last-child {display: none !important;}
.layout-2col-fixed350-liq.column1hidden #column2 {margin-left: 24px;}

/* -------- INTERFACE STYLES ---------- */
body#interfaceWrapper {background: transparent;}
.header {height: 3.3em; position: relative;}
#interfaceHeader {position: relative; margin-top: 0.5em; height: 2.8em; background: rgba(61,53,41,1); -moz-border-radius-topleft: 1em; -webkit-border-radius-topleft: 1em; border-radius-topleft: 1em; -moz-border-radius-topright: 1em; -webkit-border-radius-topright: 1em; border-radius-topright: 1em;}
#interfaceLogo {height: 100%; width: 170px; height: 2.8em; margin-left: 1.5em; background: url(images/ims-logo.png) no-repeat 0px 4px;}
#interfaceLogo span {display: none;}


/* -------- ESTIMATES PANEL USED IN CLIENT EDITOR ---------- */

.estimates {margin-top: 2em; margin-left: 1em; padding: 1em; background: #ccc; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em; width: 15em;}
.estimates ul,
.estimates li {list-style-type: none; margin: 0; padding: 0; position: relative;}
.estimates h3 {font-size: 1.1em; border-bottom: 1px solid #000; margin-bottom: 0.5em;}
.estimates li span {display: block; position: absolute; top: 0; right: 0; font-weight: bold;}
.estimates .estimates_total {padding: 0.3em 0; margin-top: 0.5em; border-top: 1px solid #000; font-weight: bold; font-size: 1.1em; text-align: right;}


/* -------- PANEL FOOTER NAV LINKS ------- */

.footerNavLink {color: #fff; position: absolute; line-height: 3.0em; font-weight: bold; cursor: pointer; background-repeat: no-repeat;}
#prevLink {padding-left: 1.8em; left: 1em; background-position: left; background-image: url(images/circle-arrow-left.png);}
#nextLink {padding-right: 1.8em; right: 1em; background-position: right; background-image: url(images/circle-arrow-right.png);}
#gotoNextSection {position: absolute; width: 180px; bottom: 0px; right: 5px;}


 /* DOCTOOLS */
.doctool,
.doctoolRight,
.doctoolText,
.doctoolLeft {float: left;}        
.doctool {
    position: relative;
    background: #ccc;
    font-family: Arial,"Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
    font-size: 10px;
    font-weight: bold;
    height: 19px;
    margin-left: 2px;
    cursor: pointer;            
}       
.doctoolRight,
.doctoolLeft {
    position: relative;
    width: 16px;
    height: 100%;
    background-repeat: no-repeat;
    background-color: transparent;
}
.doctoolRight {background-image: url(images/doctools-right.png);}
.doctoolLeft {background-image: url(images/doctools-left.png);}
.doctoolText {background: transparent url(images/doctools-bg.png) repeat-x;}
.doctoolText span {
    line-height: 19px;
    vertical-align: middle;
    display: block;
}        
.doctoolDropshadow {position: absolute; color: white; left: -1px; top: 0px; padding: 0 16px; z-index: 0;}
.doctoolRegular {z-index: 1; position: relative; top: -1px;}

/* -------- INTERFACE ------- */

#interfaceWrapper #header {position: absolute; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 1.2em; top: 3px; z-index: 10; background-image: url(images/ims-interface-logo.png); background-repeat: no-repeat; background-position: 1.4em 0.7em; background-color: #3d3529; width: 100%; height: 65px; -moz-border-radius-topleft: 1em; -moz-border-radius-topright: 1em; border-bottom: 2px solid #af7f45;}
#interfaceWrapper #interface_info {position: relative; height: 4.1em;}
#interfaceWrapper #system_version,
#interfaceWrapper #current_user {display: block; float: left; color: #7b7772; font-family: Arial; font-size: 1.2em; font-weight: bold; padding: 1.15em 0 0 17em;}
#interfaceWrapper #current_user{float: right; font-size: 1em; line-height: 1.5em; margin-right: 1em;}
#interfaceWrapper #customer_id{padding-right: 15px;}
#interfaceWrapper #_tabs {position: relative; -moz-box-sizing: border-box; box-sizing: border-box; height: 2.2em; width: 100%; bottom: 0;}
#interfaceWrapper #_frames {position: relative; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; padding-top: 63px; border: 1px black;}
#interfaceWrapper #imsDateTime {padding-left: 15px; }
/* -------- TABS ------- */

.upperLevelTabs iframe
{
	margin:0px;
	width:100% !important;
	/* height: 100% !important; */
	border:0px;
}

#_tabs.tabLev1Glass { background-image: url(images/tabcontainer-bg.png); background-repeat: repeat-x; padding-left: 9px;}
.tabLev1Glass {
	height: 22px;
	background: url(images/tabcontainer-bg.png);
	font-family: Arial,"Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
	font-size: 10px;
	font-weight: bold;
}
    
.tabLev1Glass .majicTab,
.tabLev1Glass .tabLeft,
.tabLev1Glass .tabRight,
.tabLev1Glass .tabName {float: left;}
   
.tabLev1Glass .tabLeft,
.tabLev1Glass .tabRight {
width: 16px;
height: 22px;
}
.tabLev1Glass .tabRight { background: url(images/inactive-tab-right.png) no-repeat; }

.tabLev1Glass .tabName {
position: relative;
line-height: 22px;
vertical-align: middle;
}

.tabLev1Glass .tabRegular {
position: relative;
z-index: 1;
}

.tabLev1Glass .tabDropshadow {
position: absolute;
display: block;
top: 1px;
left: -1px;
color: #949494;
z-index: 0;
}

.tabLev1Glass + #tab_cap_left {position: absolute; bottom: 0;width: 11px; height: 22px; background-color: #3D3529; background-image: url(images/levl1tabs-leftcap.png);}

/* ACTIVE TABS */

.tabLev1Glass .majicTab:hover,
.tabLev1Glass .majicTabSelected,
.tabLev1Glass .majicTabSelected:hover {cursor: pointer;}

.tabLev1Glass .majicTab:hover { background: url(images/active-tab-over-bg.png) repeat-x; }
.tabLev1Glass .majicTabSelected,
.tabLev1Glass .majicTabSelected:hover { background: url(images/active-tab-bg.png) repeat-x; }

.tabLev1Glass .majicTab:hover .tabRight { background: url(images/active-tab-over-right.png) no-repeat; }
.tabLev1Glass .majicTabSelected .tabRight,
.tabLev1Glass .majicTabSelected:hover .tabRight { background: url(images/active-tab-right.png) no-repeat; }

.tabLev1Glass .majicTab:hover .tabRegular,
.tabLev1Glass .majicTabSelected .tabRegular { color: #fff; }

.tabLev1Glass .majicTab:hover .tabDropshadow,
.tabLev1Glass .majicTabSelected .tabDropshadow { color: #141414; }

.tabLev1Glass #tabItem_main_sys_settings {float: right !important;}
.tabLev1Glass #tabItem_main_sys_settings.majicTab,
.tabLev1Glass #tabItem_main_sys_settings.majicTab .tabRight {background-image: url(images/tabcontainer-bg-rose.png) !important; background-repeat: repeat-x;}
.tabLev1Glass #tabItem_main_sys_settings.majicTabSelected,
.tabLev1Glass #tabItem_main_sys_settings.majicTab:hover,
.tabLev1Glass #tabItem_main_sys_settings.majicTab:hover .tabRight,
.tabLev1Glass #tabItem_main_sys_settings.majicTabSelected .tabRight {background-image: url(images/tabcontainer-bg-rose-over.png) !important;}
.tabLev1Glass #tabItem_main_sys_settings.majicTab .tabLeft {background-image: url(images/tabcontainer-left-edge.png) !important; background-repeat: no-repeat !important;}
.tabLev1Glass #tabItem_main_sys_settings.majicTab .tabRegular { color: #fff; }
.tabLev1Glass #tabItem_main_sys_settings.majicTab .tabDropshadow { color: #000; }

/*appstore main menu item*/
.tabLev1Glass #tabItem_main_appstore {float: right !important; margin-right:10px;}
.tabLev1Glass #tabItem_main_appstore.majicTab,
.tabLev1Glass #tabItem_main_appstore.majicTab .tabRight {background-image: url(images/tabcontainer-bg-blue.png) !important; background-repeat: repeat-x;}
.tabLev1Glass #tabItem_main_appstore.majicTabSelected,
.tabLev1Glass #tabItem_main_appstore.majicTab:hover,
.tabLev1Glass #tabItem_main_appstore.majicTab:hover .tabRight,
.tabLev1Glass #tabItem_main_appstore.majicTabSelected .tabRight {background-image: url(images/tabcontainer-bg-blue-over.png) !important;}
.tabLev1Glass #tabItem_main_appstore.majicTab .tabLeft {background-image: url(images/tabcontainer-left-edge.png) !important; background-repeat: no-repeat !important;}
.tabLev1Glass #tabItem_main_appstore.majicTab .tabRegular { color: #fff; }
.tabLev1Glass #tabItem_main_appstore.majicTab .tabDropshadow { color: #000; }

/*vlc main menu item*/
.tabLev1Glass #tabItem_main_vlc {float: right !important; margin-right:10px;}
.tabLev1Glass #tabItem_main_vlc.majicTab,
.tabLev1Glass #tabItem_main_vlc.majicTab .tabRight {background-image: url(images/tabcontainer-bg-realblue.png) !important; background-repeat: repeat-x;}
.tabLev1Glass #tabItem_main_vlc.majicTabSelected,
.tabLev1Glass #tabItem_main_vlc.majicTab:hover,
.tabLev1Glass #tabItem_main_vlc.majicTab:hover .tabRight,
.tabLev1Glass #tabItem_main_vlc.majicTabSelected .tabRight {background-image: url(images/tabcontainer-bg-realblue-over.png) !important;}
.tabLev1Glass #tabItem_main_vlc.majicTab .tabLeft {background-image: url(images/tabcontainer-left-edge.png) !important; background-repeat: no-repeat !important;}
.tabLev1Glass #tabItem_main_vlc.majicTab .tabRegular { color: #fff; }
.tabLev1Glass #tabItem_main_vlc.majicTab .tabDropshadow { color: #000; }

/*loyalty  main menu item*/
.tabLev1Glass #tabItem_main_loyalty {float: right !important; margin-right:10px;}
.tabLev1Glass #tabItem_main_loyalty.majicTab,
.tabLev1Glass #tabItem_main_loyalty.majicTab .tabRight {background-image: url(images/tabcontainer-bg-green.png) !important; background-repeat: repeat-x;}
.tabLev1Glass #tabItem_main_loyalty.majicTabSelected,
.tabLev1Glass #tabItem_main_loyalty.majicTab:hover,
.tabLev1Glass #tabItem_main_loyalty.majicTab:hover .tabRight,
.tabLev1Glass #tabItem_main_loyalty.majicTabSelected .tabRight {background-image: url(images/tabcontainer-bg-green-over.png) !important;}
.tabLev1Glass #tabItem_main_loyalty.majicTab .tabLeft {background-image: url(images/tabcontainer-left-edge.png) !important; background-repeat: no-repeat !important;}
.tabLev1Glass #tabItem_main_loyalty.majicTab .tabRegular { color: #fff; }
.tabLev1Glass #tabItem_main_loyalty.majicTab .tabDropshadow { color: #000; }



/* PAGE ERRORS */

.pageError {font-size: 1.3em; font-weight: bold; line-height: 1.5em; margin: 1em 0; background: rgba(255,255,255,0.4) 1em 1em url(images/warning_48.png) no-repeat; min-height: 4em; padding: 1em 1em 1em 6em; border: 1px solid black; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em;}

#editHeaderA input[type="image"],
#editFooterA input[type="image"] {min-width: auto !important; float: none !important;}


/****************** MODAL *************************/

.mc-button{
	display: inline-block;
	padding: 13px 10px;
	margin-top: 10px;
	border: 1px solid black;
	text-align: center;
	min-width: 120px;
	border-radius: 4px;
	text-decoration: none;
	font-size: 18px;
	cursor: pointer;
}

#mc-header h2.auf-purple{
	color:#947d96;
}

.orange-bg{
    background: orange;
    background-image: linear-gradient(to bottom,#ea8b45 50%,#e36733 100%);
	border-color: #e36733;
	color: white;
}

.beige-bg{
	background: #f1eee5;
	border-color: #bebfc0;
}
ul#st-points{
	list-style: circle;
	margin: 20px 0 0 10px;
}

#st-points li{
	float: left;
	width: 50%;
}
#st-points li:before{
	content: "\002022";
	padding-right: 8px;
}

#message-center.frp-modal{
    position: absolute;
    top: 0px;
    background: #e7e7e7;
    width: 900px;
    z-index: 1000;
	display: none;
	color: #3c3c3c;
}

#message-center .frp-modal-content{
    padding: 20px;
}

#mc-header{
	box-sizing: border-box;
    width: 100%;
    height: 261px;
    background: white;
	border: 1px solid #a1a1a1;
	position: relative;
	font-size: 12px;
}

.mc-header-image{
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 620px;
	height: 305px;
}

.mc-header-content{
	box-sizing: border-box;
	padding: 40px 0 0 30px;
	width: 377px;
	position: relative;
	z-index: 2;
	color: #636363;
}

.mc-header-content h2{
	color: #ec964c;
	font-size: 28px;
	font-weight:normal;
	margin-bottom: 5px;
}

#mc-tagline{
	color: #636363;
	font-weight: bold;
	font-size: 14px;
}

#mc-points{
	margin: 15px 0 0 10px;
	font-size: 14px;
	color: #636363;
}

#mc-points li{
	margin-bottom: 3px;
}
#mc-points li:before{
	content: "\002022";
	color: #ec964c;
	padding-right: 8px;
}

.mc-small-con{
	box-sizing:border-box;
    margin: 20px 20px 0 0;
    width: calc(33% - 11px);
    background: white;
    float: left;
	height: 250px;
	padding: 20px;
	border: 1px solid #a1a1a1;
	font-size: 12px;
}

.mc-small-con h2{
	box-sizing: border-box;
	font-size: 19px;
	padding: 9px 0 0 40px;
	background-repeat: no-repeat;
	height: 36px;
}

.mc-small-con.last{
    margin-right: 0px;
    width: calc((34% - 18px));
}

#mc-in-the-news h2{
	background-image: url('../../MessageCenterV2/images/icon-news.png');	
}

#mc-workshop h2{
	background-image: url('../../MessageCenterV2/images/icon-workshop.png');	
}

#mc-simply-one{
	text-align: center;
	
}

#mc-simply-one h2{
	text-indent: -999999px;
	background-image: url('../../MessageCenterV2/images/simply-one.png');
	background-position: center;
	height: 36px;
}

#mc-balance{
	text-align: center;
	background: #ec964c;
	padding: 3px;
	color: #fff;
	margin-bottom: 10px;
}

#mc-so-amount{
	font-size: 22px;
	margin-top: 10px;
}
#mc-planner{
	margin: 0 auto;
	display: block;
}
#mc-mask{
	display: none;
	background: rgba(0,0,0,.5);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999;
}

#mc-close{
	position: absolute;
	top: 8px;
	right: 10px;
	z-index: 1;
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
	cursor: pointer;
}

/*#mc-close span{
	font-size: 14px;
	font-weight: normal;
	line-height: 19px;
}*/

#message-center .frp-modal-title{
    font-size: 16px;    
    padding: 0px;
    margin: 0px;
    font-weight: normal;
    letter-spacing: 1px;
}

#message-center .frp-modal-title{
    color:white;
    padding:10px 25px;
    position: relative;
}

.dark-gray-bg,
#message-center .frp-modal-title{
    background-color: #333;
    background-image: linear-gradient(to bottom,#464748 30%,#2e2e2e 100%);
}

.mc-link{
	color: #0f699c;
    cursor: pointer;
	font-style: italic;
}

#mc-workshop-list li .mc-workshop-title{
	font-weight: bold;
}

#mc-workshop-list li,
#mc-news-list li{
	color: #636363;
	margin: 20px 0;
	font-style:italic;
}

.mc-header-slide{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: none;
}

.mc-header-slide.mc-active-slide{
	display: block;
}

#mc-slider-controls{
	position: absolute;
	bottom: 5px;
	left: 5px;
}

.mc-slider-button{
	height: 8px;
	width: 8px;
	float: left;
	margin: 5px;
	background: #0f699c;
	border-radius: 8px;
	cursor: pointer;
}

.mc-slider-button.mc-active-control{
	background: #ec964c;
}

.mc-tm{
	vertical-align: super;
	font-size: 12px;
}
/****************** MODAL *************************/


.tab_Marketing #column1 #treeControl ul{
	overflow-y: auto;
}