body.admin {
	margin : 0;
	padding: 0;
	line-height: 1.5em;
}

h2{
   /* font-size: 1.5em;*/
}

.dx{
  text-align: right;
}
.sx{
  text-align:left;
}
.ce{
  text-align: center;
}

#content-bo h3{
   font-family: Arial;
	font-size:1.4em;
	color: #333399;
}

#contents h3{
   font-family: Arial;
	font-size:1.4em;
	color: #333399;
	margin:15px 0 15px 0;
}
#contents fieldset{
	margin:15px 0 15px 0;
	padding:10px;
}

.xxsmall{
  width: 15px;
}
.xsmall{
  width: 30px;
}
.small{
  width: 70px;
}
.medium{
  width: 100px;
}
.big{
  width: 270px;
}
.xbig{
  width: 600px;
}

/* clearing
----------------------------------------------- */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

/* icon buttons
----------------------------------------------- */
.btn{
	cursor: pointer;
	cursor: hand; 
}

.icoBtn{
	cursor: pointer;
	cursor: hand; 
        float: left;
        width: 12px;
        height: 12px;
        margin-right: 3px;
}

.icoDiv{
	cursor: pointer;
	cursor: hand; 
        width: 14px;
        height: 14px;
}

/* tabs
----------------------------------------------- */
#menu {
	margin : 0;
	padding-bottom : 19px;
	padding-left : 10px;
}

#menu ul, #menu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

	
#menu a:link, #menu a:visited	{
	background : #E8EBF0;
	border : 1px solid #ccc;
	color : #666;
	float : left;
	font-size : small;
	font-weight : normal;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

#menu a:link.active, #menu a:visited.active	{
	background : #fff;
	border : 1px solid #ccc;
	color : #000;
}

#menu a:hover	{
	color : #f00;
}

	
body.section-1 #menu li#nav-1 a, 
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a {
	background : #fff;
	border : 1px solid #ccc;
	color : #000;
}

#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4 {
	display : none;
	width: 90%;
}

body.section-1 #menu ul#subnav-1, 
body.section-2 #menu ul#subnav-2,
body.section-3 #menu ul#subnav-3,
body.section-4 #menu ul#subnav-4 {
	display : inline;
	left : 10px;
	position : absolute;
	top : 30px;
}

body.section-1 #menu ul#subnav-1 a, 
body.section-2 #menu ul#subnav-2 a,
body.section-3 #menu ul#subnav-3 a,
body.section-4 #menu ul#subnav-4 a {
	background : #fff;
	border : none;
	border-left : 1px solid #ccc;
	color : #999;
	font-size : smaller;
	font-weight : bold;
	line-height : 10px;
	margin-right : 4px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

 #menu ul a:hover {
	color : #f00 !important;
}

#contents {
	background : #fff;
	border : 1px solid #ccc;
	border-top : none;
	clear : both;
	margin : 0px;
	padding : 15px;
}

img{
    border: none;
}

/*-------------------------------------------------*/
.errorBox, .messageBox {
    display: block;
    background-color: #ffffcc;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 5px 0;
    padding: 3px;
    text-align: left;
    vertical-align: bottom;
    max-height: 150px;
    overflow: auto;
}
.errorBox{
	border: 1px solid red;
}
.messageBox{
  	border: 1px solid #000;
}

.errorField{
  	border:1px solid red;
	background-color: #FDFFEF;
}
.errorText{
  	background-color: #ffffcc;
        color: red;
}

/******************************************************************************/

fieldset{
	border: 1px solid #CCC;
	margin: 10px 0 20px 0;
	padding:10px;
}
legend{
	padding: 2px;
	color:#999;
	font-size: 1em;
	font-weight: bold;
	font-family: Arial;
}
.pagebanner{
	height:30px;
}
.table-list{
	background: #FFF;
	margin-bottom:2px;
}
table.displaytag  {
  	font: 10px Trebuchet, Verdana, Arial, sans-serif; 
	color:#333;
	border: none;
	width: 100%;
	margin: 0 0 20px 0;
}
.displaytag th{
    padding: 5px 4px 5px 4px;
    vertical-align: top;
	 color:#000;
}
.displaytag td {
    padding: 2px 4px 2px 4px;
    vertical-align: top;	
	/*text-align: left;*/	
}
.displaytag td input{
    display:inline;
}
.displaytag td input.xxsmall{
  width: 20px;
}
.displaytag td input.xsmall{
    width: 25px;
}
.displaytag td input.small{
    width: 50px;
}
.displaytag td input.big{
  width: 270px;
}
.displaytag th.nw, .displaytag td.nw{
  white-space:nowrap;
}

.displaytag thead tr {
  background-color: #a0afd7;
}
.displaytag th.sorted {
    background-color: #728acb;
}
.displaytag th a, .displaytag th a:visited {
  color:#000;
}
.displaytag th a:hover {
  text-decoration: underline;
  color:#000;
}
.displaytag th.sorted a, .displaytag th.sortable a {
	background-position: right;
    background-repeat: no-repeat;
	display: block;
}
.displaytag th.sortable a {
    padding-right: 4px;
	background-image: url(../img/arrow_off.png);
}
.displaytag th.order1 a {
    padding-right: 4px;
	background-image: url(../img/arrow_down.png);
}
.displaytag th.order2 a {
    padding-right: 4px;
	background-image: url(../img/arrow_up.png);
}
.displaytag tr.odd {
  background-color: #FFF;
}
.displaytag tr.tableRowEven, .displaytag tr.even {
  background-color: #E4E9F6;
}

.displaytagNested tr.odd {
  background-color: #FFF
}
.displaytagNested tr.tableRowEven, .displaytagNested tr.even {
  background-color: #FFF;
}
.displaytag td a {
font-weight: bold;
}
.displaytag td{
	height: 30px;
}

/* displaytag export links layout */
div.exportlinks{
	background-color: #FFF;
	padding: 0 16px 18px 18px;
}

span.export {
	padding: 0 4px 1px 20px;
	display:inline; display:inline-block;
	cursor: pointer;
	background-repeat: no-repeat;
}

span.excel {
	background-image: url(../img/ico_file_excel.png);
}
span.csv {
	background-image: url(../img/ico_file_csv.png);
}
span.xml {
	background-image: url(../img/ico_file_xml.png);
}
span.pdf {
	background-image: url(../img/ico_file_pdf.png);
}

.table-list .pagebanner{ display:none }
.table-list .pagelinks{ display:none }

.vetrinaLink{ text-align: center }
.toggleVetrinaAdd { background: url(../img/star_off_2.gif) 0 0 no-repeat;  }
.toggleVetrinaDel { background: url(../img/star_on_sm_2.gif) 0 0 no-repeat; }
/******************************************************************************/

.thumbnail{
	padding: 3px 3px 8px 3px;
	background-color: #fff;
	border: none;
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
	}
.imgCnt{
        width: 120px;
        height: 120px;
        overflow: hidden;
        border: none;
}
.closeBtn{
    width: 120px;
    height: 13px;
}	
.closeBtn img{
    float: left;
}
.caption{ font-size: 0.9em; padding-top: 0.2em ;	}
/******************************************************************************/