/*
 * LOJGA GADGETS (C) 2010 http://www.zenn.pt 
 * Developed by David Oliveira | david.oliveira@zenn.pt 
 */
 
/******************************************************************
 RESET CSS
******************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } 


/******************************************************************
 MASTER PAGE - STRUCTURE
******************************************************************/
body { font-family:Tahoma, Arial, Trebuchet MS; }
fieldset {border:1px solid #666666; padding:5px 10px 10px 10px; margin-bottom:5px;}
.Title, legend {padding:0px 5px 3px 5px; font-weight:bold; font-size:0.8em; color:#A7743B;}
.Title {padding:0px; margin:5px 0px 10px 0px;}

.ActionLink { text-decoration:none; font-size:0.8em;color:#A7743B; font-weight:bold; display:inline-block; margin-bottom:5px; }

.ActionBar {text-align:right; padding:5px 0px 5px 0px;font-size:0.8em;color:#A7743B;}
.ActionBar a, .ActionBar a:hover {text-decoration:none; color:#A7743B; font-weight:bold;}

 .NavigationPath, .NavigationPath a, .NavigationPath a:hover {color:#A7743B; text-decoration:none;}

/* Form */
.Form-Label {font-family:Trebuchet MS, Arial; font-size:0.75em; font-weight:bold; color:#676767;}
.Form-Textbox, .Form-Upload {padding:6px; color:#6A6969; border: 1px solid; border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4; font-size:12px;}
.Form-Select, .Form-Listbox {padding:3px; border: 1px solid; border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4;}
.Form-Select, .Form-Select option, .Form-Listbox, .Form-Listbox option {color:#6A6969;font-size:12px;}
.Form-Select option { padding-right:5px;}
.Form-Status { color:#A7743B; font-weight:bold; font-size:0.75em; }
.Form-Button {font:bold 0.8em Arial, Sans-serif; margin-top:5px; padding: 2px 3px; color: #555; background: #E6E6E6; cursor:pointer; border:1px solid; border-color: #ebebeb #d4d4d4 #d4d4d4 #ebebeb;}
.Form-Field-Info {font-family:Trebuchet MS, Arial; font-size:0.7em; color:#676767; margin-bottom:3px;}
.Form-Actions { margin-top:5px;}
input[readonly=readonly] {background:#F5F5F5;}

/* Login */
.Login { background:url(images/backoffice/backoffice-login.jpg) no-repeat 0px 0px; background-position:top right; }
.Logout { background:url(images/backoffice/backoffice-login.jpg) no-repeat 0px -140px; background-position:top right; }
.Login-Label { color:#444444; font-size:0.75em;}
.Login-Textbox {margin:0px 0px 4px 0px;	padding: 5px; color: #6A6969; border: 1px solid; border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4; font-size:0.9em; width:160px;}
.Login-Button {font: bold 0.8em Arial, Sans-serif; margin: 0px;	padding: 2px 3px; color:#555; background:#E6E6E6; cursor:pointer; border:1px solid; border-color: #ebebeb #d4d4d4 #d4d4d4 #ebebeb;}
.Login-Status { color:#A7743B; font-weight:bold; font-family:Tahoma; font-size:0.7em; }

/* Datatable */
.Datatable {}
.Datatable thead tr { background:#EFEFEF; border:1px solid #CCCCCC;}
.Datatable thead td { padding:5px; font-size:0.9em; color:#333333;}
.Datatable tbody tr { border:1px solid #CCCCCC;}
.Datatable tbody td { padding:5px 0px 5px 6px; font-size:0.8em; color:#333333;}
.Datatable-Action, .Datatable-Action a {text-align:center; }
.Datatable-Action a, .Datatable-Action a:hover {text-decoration:none; color:#A7743B; font-weight:bold;}

.Datatable-Pages { margin-top:5px;}
.Datatable-Page {display:inline-block; border:1px solid #DEDEDE; color:#676767; padding:3px 6px 3px 6px; cursor:pointer; font-family:Arial, Tahoma; font-size:0.75em; text-decoration:none;}
.Datatable-Page-Selected {color:#A7743B; border:0px;}

#Order-Products tbody { }
#Order-Products thead tr { background:#EFEFEF; border:1px solid #CCCCCC;}
#Order-Products td { padding:5px; font-size:0.9em; color:#333333;}
#Order-Products input {padding:2px; color:#6A6969; border: 1px solid; border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4; font-size:0.8em;}


/* Slides */
#Slides-Wrapper {padding:5px; min-height:100%; height:100%; display:table-cell;}
#Slides {list-style-type: none; margin:0px 0px 10px 0px;}
#Slides li {width:100px; height:100px; border:1px solid #E1E1E1; float:left; text-align:center; margin-right:3px; position:relative; background:#FFFFFF;}
#Slides .Icon-Handle-Small {position:absolute; top:2px; left:2px; cursor:move;}
#Slides .Icon-Delete-Small {position:absolute; top:1px; right:2px; cursor:pointer;}

/*
.Datatable-Item-Picture {display:inline-block; margin:0px 3px 3px 0px; cursor:pointer;}
.Datatable-Item {font-size:0.9em;}
.Datatable-Item a {text-decoration:none; color:#000000;}
.Datatable-Item-File, .Datatable-Item-File:hover {text-decoration:none; font-size:0.7em; color:#000000;}
.Datatable-Item a:hover, .Datatable-Item-File:hover {color:#A7743B;}
*/

/* jsTree Elements */
.TreeList {height:465px; overflow:auto;}
.TreeList li {font-size:0.9em;}
.tree-context {font-size:0.8em;}
.tree-default-context a ins.edit {display:inline-block; background:url(images/backoffice/icons.png) no-repeat -101px -26px; width:17px; height:17px;}
.tree-default-context a ins.delete {display:inline-block; background:url(images/backoffice/icons.png) no-repeat 0px -50px; width:17px; height:17px;}
.tree-default-context a ins.add {background:url(images/backoffice/icons.png) no-repeat 0px -25px; width:16px; height:17px;}

/* jQuery UI Tabs */
.ui-tabs {padding:0px; border:0px; margin:0px 0px 0px 0px; background:none; font-size:0.9em;}

.ui-tabs .ui-tabs-nav { list-style:none; position:relative; padding:0px; border:0px; border-bottom:1px solid #E2E2E2; background:none; padding-left:10px;}
.ui-tabs .ui-tabs-nav li { position: relative; float: left; font-size:0.75em; border:1px solid #E2E2E2; margin-right:3px; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; color:#000000; font-weight:normal; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width:0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: pointer; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel {padding:0px 0px 0px 5px; min-height:400px; height:400px; position:relative;}
.Form-Actions-Tabs { margin-left:5px;}

div.ui-datepicker{ font-size:11px; z-index:10; }  

/* jQuery autocomplete */
.ui-menu-item {font-size:0.7em;}

/* Icons */
.Icon { display:inline-block; vertical-align:middle;}
.Icon-Picture {background:url(images/backoffice/icons.png) no-repeat 0px 0px; width:24px; height:20px;}
.Icon-Edit {background:url(images/backoffice/icons.png) no-repeat -25px 0px; width:20px; height:20px;}
.Icon-Edit-Small {background:url(images/backoffice/icons.png) no-repeat -101px -26px; width:17px; height:17px;}
.Icon-Download {background:url(images/backoffice/icons.png) no-repeat -50px 0px; width:19px; height:20px;}
.Icon-Add {background:url(images/backoffice/icons.png) no-repeat -75px 0px; width:19px; height:20px;}
.Icon-Add-Small {background:url(images/backoffice/icons.png) no-repeat 0px -25px; width:16px; height:17px;}
.Icon-Delete {background:url(images/backoffice/icons.png) no-repeat -100px 0px; width:20px; height:20px;}
.Icon-Delete-Small {background:url(images/backoffice/icons.png) no-repeat 0px -50px; width:17px; height:17px;}
.Icon-Email-Send {background:url(images/backoffice/icons.png) no-repeat -25px -25px; width:21px; height:20px;}
.Icon-True {background:url(images/backoffice/icons.png) no-repeat -50px -25px; width:20px; height:20px;}
.Icon-False {background:url(images/backoffice/icons.png) no-repeat -75px -25px; width:20px; height:20px;}
.Icon-Users {background:url(images/backoffice/icons.png) no-repeat -100px -25px; width:20px; height:20px;}
.Icon-UserEdit {background:url(images/backoffice/icons.png) no-repeat 0px -50px; width:20px; height:20px;}
.Icon-UserDelete {background:url(images/backoffice/icons.png) no-repeat -25px -50px; width:20px; height:20px;}
.Icon-Details {background:url(images/backoffice/icons.png) no-repeat -25px -47px; width:21px; height:20px;}
.Icon-Handle-Small {background:url(images/backoffice/icons.png) no-repeat 0px -69px; width:16px; height:16px;}
.Icon-Save {background:url(images/backoffice/icons.png) no-repeat -25px -69px; width:20px; height:20px;}
.Icon-Highlight {width:21px; height:21px;}   
    .Icon-Highlight.On {background:url(images/backoffice/icons.png) no-repeat 0px -89px;}
    .Icon-Highlight.Off {background:url(images/backoffice/icons.png) no-repeat -25px -89px;}
.Icon-Calendar {width:21px; height:21px;}   
    .Icon-Calendar.On {background:url(images/backoffice/icons.png) no-repeat -51px -89px;}
    .Icon-Calendar.Off {background:url(images/backoffice/icons.png) no-repeat -75px -89px;}

/* Smiles */
.Smile { display:inline-block; vertical-align:middle;}
.Smile-Crap {background:url(images/backoffice/smiles.png) no-repeat 0px 0px; width:19px; height:18px;}
.Smile-Thumbup {background:url(images/backoffice/smiles.png) no-repeat 0px -53px; width:26px; height:18px;}


#Customer-Map {position:absolute; top:15px; right:0px;width:350px; }
#Map { height:350px; border:3px solid #989898;}