@charset "utf-8";
/* CSS Document 

Name Format:
class 	- sample-class
id 		- sampleId
---------------------------------
Created On: 
16 Aug 2010
---------------------------------
*/
@import "interprise.css";
*{ margin:0px; padding:0px;}
.clear-both { clear:both }
html,body{height: 100%;}
body { overflow:scroll; padding:0; margin:0; font:11px normal Trebuchet MS, Arial, sans-serif, Verdana; color:#545252 }
a { color:#50006A ; text-decoration:none }
a:hover { color:#50006A ; text-decoration:underline }
h5{ font-weight:bold; font-size:11px }
/* HEADER --------------------------------- */
#header { width:100%; background:url(images/headerBg.jpg) repeat-x left top; border-bottom:1px solid #a3a3a3; height:67px; position: fixed;width: 100%;z-index: 999;}
#header #logo { margin:0; padding:0; width:100%; position:absolute; text-align:center; z-index:1;}
#header #logo a { display:inline-block; height:56px; width:292px; background:url(images/logo.gif) no-repeat left top; margin:10px 0 0 20px;}
#userDetails { float:right; text-align:right; margin:15px 15px 0 0; display:inline; color:#50006A; z-index:99; position:relative;}
#userDetails p { margin:0 0 5px 0 }
#userDetails p strong { font-size:14px; color:#a7a6a6; }
/* DASHBOARD --------------------------------- */
#dashboard { float:left; width:100%; position:absolute;top: 0;left: 0; }
#dashboard #leftPanel { position:absolute; background:#ffffff; height:500px; width:10%; border-right:1px solid #a7a6a6; top:0; left:0; z-index:10; overflow:hidden }
#dashboard #rightPanel #panelShadow { position:absolute; /*background:url(images/left-panel-shadow.png) repeat-y left top*/ width:7px; height:100%; top:0; left:0px }
#dashboard #rightPanel { position:absolute; height:100%; width:90%; top:0; right:0; z-index:9 }
#dashboard #middlePanel { position:absolute; top:0; left:18%; z-index:11; background:#DFE8F6; border:1px solid #adcff1; padding:4px 2px }
#browser { overflow:auto; }
.moduleName { float:left; margin:0 }
/* MODULE LINKS --------------------------------- */
#modules { padding:0; margin:0; list-style:none; position:absolute; bottom:0; left:0; width:100% }
#moduleLinks { padding:0; margin:0; list-style:none; width:100% }
#moduleLinks li { }
#moduleLinks li a { display:block; background:url(images/module-menu-link.jpg) repeat-x left top; line-height:35px; height:35px; padding:0 15px; border-bottom:1px solid #999999; font-size:14px; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#747373; text-decoration:none; font-weight:bold }
#moduleLinks li a:hover, .selectedModuleItem a { background:url(images/module-menu-link.jpg) repeat-x left bottom !important; color:#50006A !important }
/* USERBOX --------------------------------- */

#userbox { padding:10px 0; float:left; background:url(images/userbox-bg.jpg) repeat-x top left; width:100% }
#userbox #userIimagebox { float:left; border:1px solid #999999; height:48px; width:48px; margin:0 0 0 10px; display:inline }
#userbox #userDetailbox { float:left; margin:0 0 0 10px; line-height:24px; display:inline }
#userbox #userDetailbox p { margin:0; line-height:24px; }
#userbox #userDetailboxUsername { font-size:14px; color:#666666; font-weight:bold }
/* MAINFRAME --------------------------------- */
#mainFrame { height:100%; width:100%; }
/* ICON --------------------------------- */
.icon { background:url(images/tool-sprites.gif) no-repeat left top; height:15px; width:15px; float:right; margin:0; display:block }
.icon-left-close { background:url(images/left-panel-tab.png) no-repeat left top; height:50px; width:13px; margin:0; display:block; position:absolute; left:2px; top:10px;cursor:pointer }
.icon-bottom-close { background:url(images/bottom-panel-tab.png) no-repeat left top; height:13px; width:50px; margin:0; display:block; position:absolute; right:10px; top:-13px; cursor:pointer }
/* HEADING --------------------------------- */
.tab-headings { background:url(images/titleBg.gif) left top repeat-x; padding:5px 0 8px 15px!important; margin:0; border-top:0; line-height:30px; color:#747373; font-size:14px; font-weight:bold; }
/* FRAME */ 
#innerFrameContent { padding:20px 30px; }
/* Data Table */
.dataTable { width:100%; table-layout:auto; font:11px }
.dataTable th { background:url(images/white-top-bottom.gif) left center repeat-x; padding:0 10px; margin:0; line-height:24px; color:#545252; font-size:11px; font-weight:bold; text-align:left; border-bottom:1px solid #999999; border-top:1px solid #999999 }
.dataTable tr.data-row-odd { background:#f3f3f3 }
.dataTable tr.data-row-even { background:#d9d9d9 }

.dataTable tr.edit-row .edit-row-content{ padding:10px }
.dataTable tr.edit-row-odd .edit-row-content{ background:#f3f3f3 }
.dataTable tr.edit-row-even .edit-row-content{ background:#d9d9d9 }

.dataTable .expander { display:block }
.dataTable .data-row td { padding:0 10px; margin:0; border-top:0; line-height:24px; color:#545252; font-size:11px; border-bottom:1px solid #CCCCCC }
.dataTable .edit-row { }
.dataTable .edit-row-close { display:none }
.dataTable .edit-row-open { }
.dataTable .data-row-selected { background:#FFFFCC !important }
.dataTable .data-row-hover { background:#d9ffd7 !important }
.edit-row-table td { padding:3px }

/* INPUT CLASSES */ 
.selectbox { font-size:11px }
.bigSelectBox { font-size:13px }
.inputbox { font-size:11px }
.inputButton { font-size:11px }



/* MISC CLASSES */
.storeCredit{ width:50px }
.customerGroup { width:150px; }


/* 23feb CLASSES */

.dashboard_right{ width:97%; float:left; margin:15px; padding:0;}
.dashboard_right .heading{background:url(images/headingBg.gif) left top repeat-x; height:32px;}
.dashboard_right .heading2{background:url(images/headingBg2.gif) left top repeat-x; height:32px;}
.dashboard_right h2{ font:14px Myriad Pro, Arial, Helvetica, sans-serif; color:#747373; line-height:16px;padding:0 0 0 9px;}
.dashboard_right .left{ width:49.9%;  float:left; }
.ordertable{ font:12px Myriad Pro, Arial, Helvetica, sans-serif; color:#3c3a3a; margin:0 0 0 10px;}
a.read{ margin:5px 10px 10px 0; background:url(images/dice.gif) left 4px no-repeat; padding:0 0 0 8px;}
#show_all_pro {text-align:right; margin:5px;}
#show_all_pro  a.read{ margin:5px 10px 10px 0; background:url(images/dice.gif) left 4px no-repeat; padding:0 0 0 8px;}

a.button { width:auto;  background:url(../images/button_c_left.gif) left top no-repeat; padding:0 0 0 10px; display:block; height:22px; line-height:22px; font-size:11px; color:#666666; text-decoration:none;}
a.button span{ float:left; background:url(../images/button_c_right.gif) right top no-repeat; padding:0 10px 0 0px; display:block; height:22px; line-height:22px; text-align:center; margin-right:4px; display:inline; float:left;}


/*dragdrop css*/
.input-button {background-color: #E2E2E2; border: 1px outset #AAA;color: #123;font-weight: bold;padding: 4px 5px;margin:5px;}
.input-button:active {border-style: inset;}

/* Floats */

.left {float: left;}
.right {float: right;}
/* Columns */
.column {}
.column.first {margin-left: 0;}

/* Sortable items */

.sortable-list {background:#fff;list-style: none;margin: 0;min-height: 80px;}
.sortable-item {background-color: #FFF; border: 1px solid #ccc; cursor: move; display:inline-block; font-weight: bold; width:98%; margin:0px 5px 5px 5px;}

.layout_msg{color: #51006b;float: left;font-size: 12px;padding-top: 11px;text-align: center; width: 80%;}

.button a{ width:auto;  background:url(../../images/button_c_left.gif) left top no-repeat; padding:0 0 0 10px; display:block; height:22px; line-height:22px; font-size:11px; color:#666666; text-decoration:none; float:left;}
.button a span{ float:left; background:url(../../images/button_c_right.gif) right top no-repeat; padding:0 10px 0 0px; display:block; height:22px; line-height:22px; text-align:center; display:inline;}
.button a:hover{ background-position:0 -22px; color:#fff;}
.button a span:hover{ background-position:100% -22px;}

/********** Left Menu ***************/
.applemenu{ padding: 0; width: 160px; /*width of menu*/}
.applemenu div.silverheader a{background:url(../../images/leftmenu_bg.gif) left top repeat-x; font-family: Verdana, Arial, sans-serif; font-size:12px;color: #8A8888; display: block; float: left; width:206px; padding: 5px 8px; text-decoration: none; font-weight:bold;height: auto;}
.applemenu div.selected a, .applemenu div.silverheader a:hover{ background:url(../../images/leftmenu_bg.gif) left bottom repeat-x;color: #fff;}
.applemenu div.submenu{background: #fff;overflow: visible !important;display: block !important; }
.applemenu div.submenu ul{ list-style:none;}
.applemenu div.submenu li{ float:left; width:206px; }
.applemenu div.submenu li a{font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000000; text-decoration:none; line-height:24px; padding:0px 0px 0px 23px; background: #e0e0e0 url(../../images/arrow.gif) 13px center no-repeat; border-bottom: 1px solid #999; display:block;}
.applemenu div.submenu li a:hover{ background:#cccccc url(../../images/arrow.gif) 13px center no-repeat;}
.applemenu div.submenu li.active a { background:#b600f0 url(../../images/arrow.gif) 13px center no-repeat; color:#fff; }