/* yui general overrides */
#doc3{ margin:auto 15px auto 10px; padding: 0 0 0 0;  background:transparent url('../images/bg_container.jpg') right top no-repeat;}
#doc3 div.inner { display:block; margin:auto 30px auto auto; padding: 0 0 0 14px; background:transparent url('../images/bg_container.jpg') left top no-repeat;}
.yui-t2 .yui-b{float:left;width:16.8456em;*width:16.512em;}.yui-t2 #yui-main .yui-b{margin-left:17.8456em;*margin-left:17.512em;}

#doc2{width:62.231em;*width:60.731em;min-width:809px;}
#doc2{ margin:auto auto; padding: 0 0 0 0;  background:transparent url('../images/bg_container.jpg') right top no-repeat;}
#doc2 div.inner { display:block; margin:auto 30px auto auto; padding: 0 0 0 14px; background:transparent url('../images/bg_container.jpg') left top no-repeat;}
/* // yui general overrides */

body {background:#FFF url('../images/bg_content.jpg') repeat-x;color:#484848; }

a{position:relative;color:#ff9400; text-decoration:none;}
p{color:#3d4552;font-size:92%;}
p{padding-bottom:15px;}
h1{color:#b36800;font-size:182%;font-weight:normal; }
h2{color:#b36800;font-size:107%; font-weight:bold;}
h3{color:#b36800;font-size:107%; font-weight:bold;}
h4{color:#3d4552;font-size:92%;text-transform:uppercase;margin-bottom:3px;}
h5{color:#3d4552;font-size:92%;margin:0;padding:0;}
strong,b{font-weight:bold;}
a:link, a:visited{color:#f45b05; text-decoration:none;}
a:hover{text-decoration:underline;}

#doc3 #header h1 { float:left; height:56px; width:169px; background:transparent url('../images/logo_small.gif') no-repeat;}
#doc3 #header h1 span {display:none;}
#doc3 #header h2{ float:left; height:56px; width:108px; background:transparent url('../images/logo_infoSys.gif') no-repeat;}
#doc3 #header h2 span {display:none;}

#doc2 #header h1 { float:left; height:56px; width:169px; background:transparent url('../images/logo_small.gif') no-repeat; cursor: pointer;}
#doc2 #header h1 span {display:none;}

#topFuncs {text-align:right; color:#d6d5d5; margin:8px 10px 0 0;}
#topFuncs a {color:#FFF; font-weight:bold; font-size:85%; padding: 2px 0 1px 18px; line-height:14px;height:14px; }
#topFuncs a.logOut {color:#f6ff00; background:transparent url('../images/icon_logout.gif') 0 2px no-repeat; }
#topFuncs a.passive{color:#d6d5d5; font-weight:normal;}
#topFuncs a.passive:hover{color:#FFF;}
#topFuncs a.lang {color:#d6d5d5; font-weight:bold; font-size:85%; padding: 2px 0 1px 0; line-height:14px;height:14px; }
#topFuncs a.lang:hover {color:#FFF; }

#navLvl1 {}
#navLvl1 ul { list-style-type: none;  font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;}
#navLvl1 li { float: left; text-align: center; padding: 0 11px 0 0; background: url('../images/tab_bg.gif') right top no-repeat; }
#navLvl1 li.last { background: none; }
#navLvl1 li.first { margin-left:10px; }
* html #navLvl1 li.first { margin-left:5px; }
#navLvl1 a { display: block; float: left; padding:0 5px 0 10px; font-size: 122%; font-weight: bold; text-decoration: none; color:#ff9400; height:45px; line-height:45px; letter-spacing:-.03em;}
* html #navLvl1 li a span { display:block; line-height:45px;} /* ie6 */
*:first-child+html #navLvl1 li a span { display:inline; line-height:45px;} /* ie7 */
#navLvl1 a:hover {color:#F00;} 
#navLvl1 a:active, #navLvl1 a:focus { color: #F00;}
#navLvl1 li.active { background: url('../images/tab_active.gif') right top no-repeat; position:relative; left:-3px;}
#navLvl1 li.active a { background: url('../images/tab_active.gif') left top no-repeat; padding-left:18px;}
#navLvl1 li.active a, #navLvl1 li.active a:hover { color:#c97500; }
#navLvl1 li.active a span { position:relative; top:2px; }
#navLvl1 li.active { background: url('../images/tab_active.gif') right top no-repeat; }
#navLvl1 li.active a { background: url('../images/tab_active.gif') left top no-repeat; }
#navLvl1 li.active-first { background: url('../images/tab_active_first.gif') right top no-repeat; margin-left:0; position:relative; left:0px;}
#navLvl1 li.active-first a { background: url('../images/tab_active_first.gif') left top no-repeat; padding-left:15px;}
* html #navLvl1 li.active-first { background: url('../images/tab_active_first.gif') right top no-repeat; margin-left:0px;}

/* main container */
#yui-main{ background: url('../images/bg_main.jpg') 16.2em 0 no-repeat; min-height:355px;}
*html #yui-main{height:355px; background: url('../images/bg_main.jpg') 15.9em 0 no-repeat; }
#yui-main div.yui-g { margin-left:-8px; margin-top:10px; padding: 15px 25px 15px 17px; }

/* forms */
textarea, input { background: #fff url('../images/bg_formField.gif') repeat-x 0 0; border-top: 1px solid #a7a6aa; border-left: 1px solid #a7a6aa; border-bottom: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; padding: 3px; font-family: Arial, Helvetica, sans-serif}
input.button, input.form_but {background: #e8e8e7 url('../images/bg_btn.gif'); text-align:center; border:1px solid; border-color: #A7A6AA #000 #000 #A7A6AA; font-weight:bold; color:#625c4f;}
input.radio, input.checkbox { background:none transparent; border:none;}
fieldset {border:1px solid #EEE;}

#yui-main div.yui-g  form div.row { clear:both; margin-top:3px; padding-top:2px; margin-bottom:3px; }
#yui-main div.yui-g  form label { font-weight:bold; float:left; width:11em; text-align:right; padding:4px 3px 3px 3px; color:#757575; }
.row .left { float:left; }
.row .right { display:block; margin: 0 0 0 12em; float:none; padding:3px; }

/* messages */
p.error { padding:6px 10px 6px 30px; border:1px solid #ff2c00; background: #FFF url('../images/icon_error.gif') no-repeat 7px 6px; line-height:14px; color:#ff2c00; font-weight:bold; margin: 0 auto 10px auto; clear:left;}
p.success { padding:6px 10px 6px 30px; border:1px solid #00ba44; background: #FFF url('../images/icon_success.gif') no-repeat 7px 6px; line-height:14px; color:#00ba44; font-weight:bold; margin: 0 auto 10px auto; clear:left;}
p.info{ padding:6px 10px 6px 30px; border:1px solid #e5f3f6/*#0088a5*/; background: #FFF url('../images/icon_info.gif') no-repeat 7px 6px; line-height:14px; color:#0088a5; font-weight:bold; margin: 0 auto 10px auto; clear:left;}


/* tables */
table { color:#000; background:#FFF; border-collapse:collapse; width:100%; border:1px solid #EEE; font-size:92%;}
th { padding:.5em 1em .5em;  border-bottom:1px dotted #FFF;  font-weight:bold;  text-align:left; background:#EEE; }
td { padding:.5em 1em;  border-bottom:1px dotted #EEE; }

/* boxes */
.box { margin: 8px 15px 0 15px; }
.box h3 { background:url(../images/bg_boxHdr.gif) right top no-repeat; padding:0 9px 0 0; height:32px;letter-spacing:-.1em;}
.box h3 span { display:block; background:url(../images/bg_boxHdr.gif) left top no-repeat; padding:7px 0 8px 9px; }
.box ul { list-style-type: none;  font-family: Arial, Verdana, Helvetica, sans-serif;}
.box li { border-bottom:1px solid #eeeeee; margin: 0 5px 0 5px;}
.box a { display: block; padding: 5px 3px 5px 3px;  font-size: 92%; font-weight: bold; text-decoration: none; color:#ff5c00; }
.box li.active a { color:#b34000; }

.box li ul li { border-bottom:0; }
.box li ul { margin-bottom:5px;}
* html .box li ul li, * html .box li ul li.active { display:inline; padding:0;margin:0;}
.box li ul li a { display: block; font-size: 85%; font-weight: normal; text-decoration: none; color:#ff5c00; background: url('../images/bullet_lvl3.gif') no-repeat 5px 10px; padding-left:15px; }
.box li ul li.active a { display: block; color:#b34000; background: url('../images/bullet_lvl3A.gif') no-repeat 5px 10px; text-decoration:underline;}

#searchBox fieldset { border:0; padding:10px 5px 10px 5px; font-size:85%;}
#searchBox div.person { margin-bottom:5px;}
#searchBox label { font-weight:bold; width:50px; line-height:2.1em; text-align:right;padding-right:5px; display:block; float:left;}
#searchBox input { padding: 4px 3px 2px 3px; height:1.4em}
#searchBox input.button { height:1.6em; height:2.1em}

/* link icons */
a.addNew { background: url('../images/icon_add.gif') no-repeat 0 0; padding: 0 1px 0 20px; }
#quickLinks li a { background: url('../images/bullet.gif') no-repeat 5px 5px; padding-left: 25px; }
#quickLinks li a.addPerson { background: url('../images/icon_addPerson.gif') no-repeat 5px 5px; padding-left: 25px; }
#quickLinks li a.editPerson { background: url('../images/icon_editPerson.gif') no-repeat 5px 4px; padding-left: 25px; }
#quickLinks li a.addProd { background: url('../images/icon_addProd.gif') no-repeat 5px 4px; padding-left: 25px; }


a#printThis { float:right; background:url('../images/icon_print.gif') no-repeat; padding: 0 0 0 20px; font-size:85%;	color:#b36800; margin-top:10px;}
#yui-main h1 { letter-spacing:-1px; border-bottom:1px solid #eeeeee; padding-bottom:5px; margin-bottom:10px;}
#yui-main h2 { letter-spacing:-1px; border-bottom:1px dashed #eeeeee; padding-bottom:5px; margin-top:15px; margin-bottom:10px;}
.yui-g p {line-height:18px;}

#yui-main .yui-g ul { list-style: disc inside; margin: 0px 10px 15px 10px; }
#yui-main .yui-g ul li { margin:10px;}

#contentMenu { font-weight:bold; color:#e7e7e7; margin-bottom:13px; font-size:92%;}
#contentMenu a.active { color:#b34000; text-decoration:underline;}

.funcs { text-align:right; font-weight:bold; color:#e7e7e7; margin-bottom:7px; font-size:92%;}

.paging { color:#e7e7e7; font-weight:bold; margin:10px 0 0 5px; font-size:85%; text-align:right; }

/* intro */
body#intro {background:#FFF url('../images/bg.jpg') repeat-x;color:#484848; }
#intro #doc2{ background:url('../images/bg_containerIntro.jpg') right top no-repeat; }
#intro #doc2 div.inner { background:url('../images/bg_containerIntro.jpg') left top no-repeat;}
#intro #doc2 #header h1 { float:left; height:96px; width:293px; background:transparent url('../images/logo.gif') no-repeat;}
#intro #doc2 #header h1 span {display:none;}
#intro #topFuncs { margin:35px 10px 0 0;}
#introBanner {position:relative;}
#introBanner span {position:absolute; left:-16px; top:-14px;}

#shops ul { margin-top:5px;}
#shops li { border-bottom:1px solid #FFF; padding: 0;}
#shops a { padding: 3px 0 2px 30px; background:url('../images/icon_lens.gif') 5px 3px no-repeat; border:0;}
#introduction { margin: 3px 15px 0 20px; }
#introduction p { line-height:18px; margin:0px;}
/* // intro */

#ft { border-top:2px solid #ff9400; clear:both; margin: 10px; color:#b2b2b2; font-weight:bold; font-size:92%; line-height:25px; padding:5px 10px 10px 10px;}
* html #ft { padding-top:2px;}
#ft b {color:#5d5d5d; }

hr {
  border: none 0;
  border-top: 1px dashed #CCC;
  margin: 0.5em 0 1.5em 0;
  height: 1px;
  padding: 0;
}