/**
  @licence GPL 2005-2010  The osCSS developers - osCSS Open Source E-commerce
  @portion code Copyright (c) 2002 osCommerce
  @package osCSS-2 <www http://www.oscss.org>
  @version 2.0.9
  @date  11/08/10, 10:09
  @author oscim <mail aurelien@oscim.fr> <www http://www.oscim.fr>
  @encode UTF-8
*/

/* Hack IE  >> internet explorer do not support png transparency so we use a white background to keep a good looking  */
* html body {background:#fff;}


body {
 background:#e4e4e4 url(../../../images/back.jpg) repeat-x;
 color:#000;
 margin:0; padding:0;
 font: normal 11px Verdana, Arial, sans-serif;
}


/* prepend  */
* {margin:0;padding:0}
a:link, a:visited {text-decoration: underline; color:#000;}
a:hover { text-decoration: none; }
img { border-width:0 ; margin:0; padding:0; vertical-align:middle; }
h1 { font-size: 2em ; padding:1em; }
h2 { font-size: 1.2em ;}
h3 { font-size: 1.2em ;}
h4 { font-size: 1em ; }
h5 { font-size: 1em ; }
#headInfos h2 {padding-top:65px;float:left;color:#545683;}

/* --------------------*/
div.separator { height:0; margin:0; padding: 0; clear:both; visibility:hidden;}
#central h3{border-bottom:1px solid black; font-size:17px; font-weight:bold; margin:0 0 10px; padding:0 5px 10px 3px; clear:both; }
#central .block_form { -moz-border-radius:10px; -webkit-border-radius: 10px; width:99%; margin:0;padding:5px 0.2em 10px 0.2em; display:inline-block; text-align: left;  background:#C9C9C9;}
#central .block_form .tabs_lang{width:98%; float:left;}
#central form .block_input { -moz-border-radius:10px; -webkit-border-radius: 10px; width:98%; margin:2px 1px; display:inline-block; text-align: left; padding: 0 5px; background:#DEDADE;float:left;line-height:30px;}
/* buttons */
.button{font-family:Arial; font-size:13px;white-space:nowrap; float:right;-moz-border-radius:5px; -webkit-border-radius: 5px;}
input.button, button.button{background:#e3e5f0; border:1px solid #003c74; padding:1px 5px; margin:1px 2px;color:black;  -moz-border-radius:5px; -webkit-border-radius: 5px;}
input.button:hover,button.button:hover{background:#797979;   color:white;}
a.button{background:#e3e5f0; border:1px solid #003c74; padding:2px 5px; margin:1px 2px ;color:black;text-decoration:none;-moz-border-radius:5px; -webkit-border-radius: 5px;}
a.button:hover{background:#797979;  color:white;text-decoration:none;}
/* ---------------------- /*

p {padding:1em;}

/* form */
form { display: inline; }
input.radioInput {width:30px;}
fieldset { padding: 10px; width: 520px;  margin: 0 0 10px 0; }
fieldset { position:relative;  }
fieldset p { margin: 1em 0 0 0; }
fieldset input { width:160px;}
fieldset label { width: 180px; line-height: 18px; margin-right: 10px; float: left; text-align: right; cursor: help; padding: 0 0 2px 0;}
fieldset p.radioForm,fieldset p.radioForm2 {float:left;}
fieldset p.radioForm2 label {width: 110px; line-height: 18px; margin-right: 10px; float: left; text-align: right; cursor: help; padding: 0 0 2px 0;}




/* info box */
.infoBoxHeading {
  background-color: #E6E6E6;
  border-width: 1px;
  border-top-color: #FFFFFF;
  border-bottom-color: #C1C1C1;
  border-left-color: #C1C1C1;
  border-right-color: #C1C1C1;
  border-style: solid;
  padding: 2px;
  font-size: 10px;
  font-weight: bold;
  color: #000;
}

.infoBoxContent {
  border-width: 0px 1px 0px 1px;
  border-color: #E6E6E6;
  border-style: solid;
  padding: 2px;
  font-size: 10px;
  color: #000;
  background-color: #f1f1f1;
}


/* account */
.formArea { background-color: #f1f9fe; border-color: #7b9ebd; border-style: solid; border-width: 1px; }
.formAreaTitle { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; }

/* attributes */
.attributes-odd { background-color: #f4f7fd; }
.attributes-even { background-color: #ffffff; }

/* row effects */
#rowOut {  }
#rowOver { background-color: #fffaf3; cursor: auto;}



/* homePage */
#homestats { background:transparent url(../../../images/stats.gif) bottom right no-repeat; }
#homestats dd {margin-left: 14em; padding: 3px; margin-bottom: 5px; line-height: 1.5em}
#homestats dt {float:left; width: 13em; padding: 3px; line-height: 1.5em; text-align:right; font-weight:bold;}
#homestats dl {padding: 5px 0 10px 5px;}

#homeNews { background:transparent url(../images/feed.gif) bottom right no-repeat; }
#homeNews dl {padding: 5px 0 10px 5px;}
#homeNews dt {padding: 3px; font-size:12px; font-weight:bold;}
#homeNews dt span.date {font-size:9px; color:gray;}
#homeNews dd {padding: 3px; margin-bottom: 5px;}

#homeNews dt a {text-decoration:none; color:#545683;}
#homeNews dt a:hover {color:#9D9FBF;}

/* new table design */
table.dataTable tbody {background-color: #f1f1f1;}

table.dataTable thead th, tr.dataTableHeadingRow td {
  background-color: #E6E6E6;
  border-width: 1px;
  border-top-color: #FFFFFF;
  border-bottom-color: #C1C1C1;
  border-left-color: #C1C1C1;
  border-right-color: #C1C1C1;
  border-style: solid;
  padding: 2px;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
}

table.dataTable { width:99%; border-width:0; border-collapse: collapse; background: #fff; }

table.dataTableHeadingRow { background-color: #C9C9C9; }
table.dataTableHeadingContent { font-size: 10px; color: #ffffff; font-weight: bold; }

table.dataTable tbody td , td.dataTableContent {
  border-width: 1px 0 0 1px;
  border-color: #E6E6E6;
  border-style: solid;
  padding: 2px;
  font-size: 10px;
  color: #000000;
}

tr.navButtons { background:#fff; border-style: none; border-width:0; }
table.navButtons tr td { background:#fff; border-style: none; border-width:0; }
table.navButtons tr { background:#fff; border-style: none; border-width:0; }
td.main img, td.smallText img, td.infoBoxContent img {vertical-align: baseline;}

.dataTableRowSelected { background-color: #fbebb1; }
.dataTableRowOver { background-color: #fffaf3; cursor: pointer; cursor: hand; }
/*.dataTableContent { color: #fff; } */


/* data table */
.dataTableHeadingRow { background-color: #C9C9C9; }
.dataTableHeadingContent { color: #ffffff; font-weight: bold; }
.dataTableRow { background-color: #F0F1F1; }
.dataTableContent { color: #000000; }

/* buttons */
div.adminBt {width: 99%; margin: 10px 0 0 0; text-align:right;}


  .button,
  input[type=submit].button,
  input[type=button].button,
  button.button,
  a.button{
    display: inline-block;
    font-family:Arial;
    white-space:nowrap;
    float:right;
    color:white;
    vertical-align:middle;
    border:1px solid #fff;
    height: 25px;
    line-height: 25px;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    margin:8px 20px;
    text-shadow: none;
  }
  input[type=image].button {
    float:left;
    height:18px;
    width:18px;
  }

  input.button,
  button.button{font-size:11px; background:#ccc;padding:2px 5px;  }

  a.button{ background:#eee;  padding:2px 5px; margin:10px 20px ;text-decoration:none;height:18px; line-height:18px;}
  a.button:hover{background:#797979;  color:white;text-decoration:none; }

  a.button,
  input.button,
  button.button {background:#ccc url(img/1/button.jpg) left top repeat-x;}

  a.button.ActionYes,
  input.button.ActionYes,
  input[type=image].button.ActionYes,
  input[type=submit].button.ActionYes,
  button.button.ActionYes {background:#ccc url(img/1/button-submit.jpg) left top repeat-x;}

  a.button.ActionBack,
  input[type=image].button.ActionBack,
  button.button.ActionBack {background:#ccc url(img/1/button-back.jpg) left top repeat-x;}


  input:hover.button,
  button:hover.button{background:#797979;color:white;}

  a:hover.button,
  input:hover.button,
  button:hover.button {background:#ccc url(img/1/button.jpg) left -40px repeat-x;  opacity:0.6;}

  a:hover.button.ActionYes,
  input:hover.button.ActionYes,
  button:hover.button.ActionYes {background:#ccc url(img/1/button-submit.jpg) left -40px repeat-x; color:black;}

  a.button.ActionBack,
  input.button.ActionBack,
  button.button.ActionBack {background:#ccc url(img/1/button-back.jpg) left -40px repeat-x;}


  input[type=image].button,
  a.buttonimg img{ opacity:1;}

  input[type=image]:hover.button ,
  a:hover.buttonimg img,
  a.buttonimg img:hover{ opacity:0.6;}

  /* Spe buttons broswer img */
  a.button.browser {height:28px;}
  a.button img {vertical-align:middle;margin:0.3em 0.3em 0 0;}
  .row_action a.button {margin:0;}



.operationButton { color: white; font-weight: bold; padding: 1px; margin: 0; border: 1px solid black; background: #2386AD; }
.operationButton:hover { background: #65BEE0; cursor: pointer;}

a.sectionButton { color: white; font-weight: bold; padding: 4px; margin: 0; border: 1px solid black; background: #AD3A23; text-decoration:none; }
a.sectionButton:hover{ text-decoration: none; background: #DF7660; }

#central {border:none; top:0; background: #f9f8f6;}
#central h3,
#central h4 {margin:5px 0; border:none;}


/* Styles for categories tabbed-pages */
.ontab {
	width: 100px;
	background: #f5f5f5;
	text-align: center;
	cursor: default;
	color: #000;
	border:1px solid #ccc;
	border-width: 1px 1px 0 1px;
	z-index: 1;

}

.offtab {
	width: 100px;
	border:1px solid #ccc;
	background: #e5e5e5;
	text-align: center;
	cursor: default;
	font-weight: normal;
	z-index: 0;
}

.tabheading {background-color: #1E90FF;	text-align: left; }

.tabPage {
	border: solid #ccc;
	border-width: 0px 1px 1px 1px;
	background: #f5f5f5;
	visibility: hidden;
	display: none;
	position: relative;
	width:99%;
	top: 0;
    z-index: 0;
}

table.categories {	background: #f5f5f5; text-align: left;	z-index: 0; }
table.categories td, tr { text-align: left; font-size:12px; }
table.categories .radio { width:20px; }
table.categories input , table.categories select {	width: 300px; }
table.categories textarea {	width: 100%;	height:250px;}

table.titleTag input {	width: 500px; }
table.descTag textarea ,table.keywordTag textarea { width: 500px;	height:100px;}

/* footer */
div#footer { width:99%; text-align:center; margin-top:6em;}

/*old layout ( this will be removed in further version ) */

td.pageheading { font-size: 18px; font-weight:bold; padding:5px 0;}

/* lightbox styles */
#zoom {
	display: none;
	position: absolute;
	top: 327px;
	left: 120px;
	z-index: 100;
}

#zoom * {
	display: block;
	border-style: none;
}

#zoom .top, #zoom .bottom {
	height: 13px;
	margin-left: 13px;
	background: url(../images/ZoomShadow.png) 100% 0;
}

#zoom .top div, #zoom .bottom div {
	width: 13px;
	height: 13px;
	position: relative;
	left: -13px;
	background: url(../images/ZoomShadow.png) 0 0;
}

#zoom .bottom {
	background-position: 100% 100%;
}

#zoom .bottom div {
	background-position: 0 100%;
}

#zoom .i1 {
	padding-left: 7px;
	background: url(../images/ZoomShadowSides.png) repeat-y;
}

#zoom .i2 {
	padding-right: 7px;
	background: url(../images/ZoomShadowSides.png) repeat-y 100% 0;
}

#zoom .i3 {
	padding: 1px;
}

#zoom-close {
	width: 30px;
	height: 30px;
	position: absolute;
	top: -12px;
	left: -15px;
	background-image: url(../images/ZoomClose.png);
	text-indent: -1000em;
	overflow: hidden;
}

#zoom-close:active {
	background-position: 0 -30px;
}

#zoom-content {
	margin: -9px -1px -5px;
	background-color: #fff;
	position: relative;
	padding: 0;
}

#zoom-captioncontainer {
	position: absolute;
	color: #fff;
	top: 100%;
	margin-top: 10px;
	text-shadow: #000 0 1px 3px;
	width: 100%;
	font-weight: bold;
	cursor: default;
}

#zoom-captioncontainer * {
	display: inline;
}

#zoom-captioncontainer div {
	padding-top: 7px;
	padding-bottom: 14px;
	background: url(../images/ZoomCaptionLeft.png) no-repeat;
}

#zoom-captioncontainer div div {
	background: url(../images/ZoomCaptionRight.png) no-repeat 100% 0;
	margin-left: 15px;
}

#zoom-caption {
	background: url(../images/ZoomCaptionFill.png) repeat-x 100% 0;
	margin-right: 15px;
	padding: 7px 0 14px;
}

#zoom-load {
	width: 48px;
	height: 48px;
	background-image: url(../images/ZoomProgress.png);
	display: none;
}

#overlay { background-image: url(../images/ZoomOverlay.png); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/ZoomOverlay.png", sizingMethod="scale");
}

/* general */
.error{ color:red; }
.info{ color:blue; }
.alert{ color:yellow; }