body { font-size:82%;font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
       margin:0;padding:0;background:#ffffff;color:#000000 }

/* GENERIC */
hr { height:1px; border-bottom:none }
.clear { clear:both;float:none;font-size:1px;width:1px;height:1px; }
.small { font-size:0.85em }
.nodecor { text-decoration:none }
.nopad { padding:0 !important }
.pink { color:#e62378 }
.none { display:none }
.fleft { float:left }
.fright { float:right }
.tleft { text-align:left }
.tright { text-align:right }
.center { text-align:center !important }
.under { text-decoration:underline !important }
.white { color:#ffffff }
.margr20 { margin-right:20px }

table, textarea { font-size:100% }

table.list { border-collapse:collapse; width:100% }
table.list th, table.list td { padding:6px 4px }
table.list th { background:#e62378; border-right:1px solid #ffffff; color:#ffffff; font-size:0.85em; padding:3px 5px; border-bottom:2px solid #e62378 }
table.list tbody td { padding:5px }
table.list .opt { width:120px; text-align:right; padding-right:12px }
table.list a { color:#000 }
table.list a:hover { color:#e62378 }

input, select, textarea {margin-right: 0.2em; vertical-align: middle; }
textarea.ed { width:700px;font-family:monospace; }

h2 { color:#e62378; font-size:16px; font-family:Arial; margin:4px 0 12px 0; padding:0 }
p { margin:4px 0; }
div.dot { background:url('dot.gif') repeat-x; font-size:1px; margin:8px 0 }

a { color:#000000; text-decoration:underline }
a:hover { color:#e62378 }
a img { border:none }

p.info { background:#f7f7f7; border:1px solid #ddd; padding:1em }

/* SYSTEM */

div#easyworks_error { margin:1em; padding:1em; background:#fee; border:1px solid #dc0000; }
div#easyworks_error h1 { font-size:1.5em; font-weight:normal; color:#dc0000; margin:0.5em 0; padding:0 }

/* LAYOUT */

#header { background:#000; text-align:left; padding-left:12px }
p#logo { float:left; width:236px }
p#links { text-align:right; padding:4px 20px 4px 4px; text-align:right; color:#ffffff; font-size:0.85em }
p#links a { color:#ffffff }
p#links a.pink { color:#e62378 }
#navbar { background:#e62378; text-align:center; }
#navbar p { line-height:1.5em; color:#fff; font-size:0.85em }
#navbar .left { float:left }
#navbar .right { float:right;text-align:right; padding-right:26px }
#navbar a { padding:0 16px 0 16px; color:#fff; text-decoration:none }
#navbar a:hover { text-decoration:underline }
#navbar p.fright { padding-right:16px; }
#subbar { background:#f5f5f5; border-bottom:1px solid #bebebe; font-size:0.85em; padding:4px 0; text-align:center }
#subbar a { padding:2px 16px }
#subbar p { padding:0; margin:0 }


#page { width:1000px;padding-top:10px; text-align:left; background:#ffffff url('bg-page.gif') repeat-y  }
#left { float:left; width:168px; padding-right:8px; }
#left p { margin:4px 1px 16px 1px; font-size:0.85em }
#main { float:left; margin-left:6px; _margin-left:14px; width:800px; }
#main div.pad { padding-left:12px }
#main p { text-align:justify; font-size:0.85em; margin:1.2em 0 }
#footer { text-align:left; margin:2em 0; padding:4px}
#footer p { font-size:0.85em; padding:4px; }
#footer a { color:#e62378 }

/* ELEMENTS */
dl { font-size:11px }
dl#menu dt a {
  display:block; background:#e62378; position:relative;
  padding:5px; color:#fff; 
}
dl#menu dt a:hover {
  background:#000; color:#fff;
}
dl#menu dt a.act {
  background:#000; color:#fff; font-weight:bold
}
dl#menu dd { padding:4px 0; margin-left:0 }

dl#menu dd a.item { background:#e5ecf9 url('bg-menuitem.gif') center left no-repeat; color:#000; padding:4px 4px 4px 46px; text-decoration:underline }
dl#menu dd a.item-last { font-weight:normal; background:#e5ecf9 url('bg-menuitem-last.gif') center left no-repeat; color:#000000; padding:4px 4px 4px 46px; text-decoration:underline }


/*
dl#menu { }
dl#menu dt { background:#e62378 url('bg-menu-trans.gif') center left no-repeat; }
dl#menu dt a { display:block; position:relative; padding:5px 5px 5px 22px; color:#fff; }
dl#menu dt a:hover { background:#000000 url('bg-menu-trans.gif') center left no-repeat; }
*/

/*
ul#admin { list-style:none; margin:0; padding:0 }
ul#admin li { background:#e62378 url('bg-menu-trans.gif') no-repeat;  border-bottom:1px solid #e5ecf9; }
ul#admin li a { background:#e62378 url('bg-menu-trans.gif') no-repeat; display:block; position:relative;}
ul#admin li a:hover { background:#000 }

/*
ul#admin li.parent ul { margin:0; padding:0; list-style:disc; border:1px solid #e5ecf9 }
ul#admin li.parent a:hover { font-weight:bold; }
ul#admin li.parent a.unfold { font-weight:bold; background:#000000 url('bg-menuparent.gif') bottom left no-repeat; color:#ffffff;  }
ul#admin li.parent ul li.empty { background:#e5ecf9 url('bg-menuitem-empty.gif') center left repeat-y; height:5px; font-size:1px; _height:0;margin:0 !important;padding:0; }
ul#admin li.parent ul li.last { margin-bottom:8px }
ul#admin li.parent a.item { display:block; background:#e5ecf9 url('bg-menuitem.gif') center left no-repeat; color:#000; padding:4px 4px 4px 46px; text-decoration:underline }
ul#admin li.parent a.item-last { font-weight:normal; display:block; background:#e5ecf9 url('bg-menuitem-last.gif') center left no-repeat; color:#000000; padding:4px 4px 4px 46px; text-decoration:underline }
ul#admin li.parent a.item:hover { font-weight:normal;color:#e62378 }
ul#admin li.parent a.item-last:hover { font-weight:normal;color:#e62378 }
*/

/*
ul#menu { display:inline;list-style:none;margin:0;padding:12px}
ul#menu li { position:relative;border-right:1px solid #fff; float:left }
ul#menu li.last { border-right:none }
ul#menu li a { display:block; padding:0 18px; color:#fff; background:#e62378; text-decoration:none;font-size:0.85em }
ul#menu li a:hover { text-decoration:underline }
#clientlogin { position:absolute;right:24px; top:6px; }
#clientlogin a { color:#fff; font-size:0.85em }

div.titlebox { margin-top:1em; border:1px solid #c0c0c0; background:#f5f5f5; }
div.titlebox div.pad1 { width:250px }
div.titlebox div.pad2 { width:395px } 
div.titlebox p { padding:0 10px; line-height:120% }
div.titlebox h2 { background:#e62378; color:#ffffff; font-size:1.0em; padding:4px 10px; margin:0 }

#news p { text-align:justify }
#news p.date { color:#e62378; font-size:0.85em; font-weight:bold; margin:0 }
#news p.title { color:#e62378; font-size:0.85em; margin:0 }
#news p.info { line-height:135%; font-size:0.85em; margin:0 }

div.module_item { float:left; margin:6px; padding:6px; border:1px solid #aaa }
div.module_item div.pad { width:180px; height:120px }
div.module_item h3 { margin:8px 0; padding:0; font-size:1.2em; }
div.module_item p { margin:4px 0 !important; padding:0 !important }
div.module_item p.opt { text-align:center !important; font-size:1.1em !important }
div.module_item p.opt a { color:#e62378 }
div.module_item p.opt a:hover { text-decoration:none }

div.product-pic {  float:left; background:#ffffff; border:1px solid #ddd; padding:5px; margin:5px; }
div.product-pic div.pad { position:relative; width:100px; height:120px; text-align:center;  }
div.product-pic form { min-width:1px; width:auto; padding:5px; text-align:center; font-size:0.85em }

*/




/* FORMS */


  form {
    margin: 0;
    padding: 0;
  }
  
  form fieldset {
    position:relative;
    border:1px solid #aaaaaa;
    background:#fafafa;
    padding: 10px;
    margin: 1em 0 0;
  }
  
  form fieldset.blue { background:#e5ecf9 }
  
  form fieldset legend {
    position:absolute;
    top:-.5em; left:.5em;
    padding:0 0.5em;
  	font-size:1.0em; 
  	color:#e62378; 
    font-weight:bold;
    background:#ffffff;
  }
  
  form label { 
  	display: block;
  	float: left; 
  	width: 240px; 
  	padding: 0; 
  	_padding:3px 0 0 0;
  	margin: 5px 0 0;
  	text-align: right; 
  }
  
  form input, form textarea, form select {
    font-family: 'Arial ce', Arial, sans-serif;
    font-size:100%;
  	width:auto;
  	margin:5px 0 0 10px;
  }
  
  form textarea {
    padding:3px; line-height:135%;
  }
  
  form input.lite { 
    border:1px solid #ccc; font-size:0.85em; padding:2px
  }
  
  form input.small {
    font-size:0.85em;
  }
  
  textarea { overflow: auto; }
  
  form p.inf {
  	display: block;
  	margin: 0 0 5px 160px !important;
  	padding: 3px 12px 3px 0;
  	font-size: 0.85em;
  	color:#666;
  }
  
  form div.right {
    float:left;
  }
  
  form div.form-pad {
    padding:5px 8px 3px 10px; 
  }
  
  form div.param-box {
    width:50%; float:left; line-height:20px 
  }
  
  form ul { 
    list-style:none;
    margin:0;
    padding:0;
  }
  
  form li label {
    width:auto;
    margin:0;
    float:none;
    text-align:left;
  }
  
  form .required { font-weight:bold; }
  form br { clear:left; }
  

