@import "/skin/components/simple-form.css" ;
@import "/skin/components/simple-grid.css" ;

body {
  margin: 0px ;
  background-color: transparent;
}

table {
  border: none ;
  border-collapse: collapse ;
  border-spacing: 0px ;
  empty-cells: show ;
  margin: 0px ; padding: 0px ;
}

td {
  margin: 0px ; padding: 0px ;
  border: none ;
}

img { border: 0px ; }

.customizer {
  border: 1px solid  #3c78b5 ;
  background: white ;
  font-size : 11pt;
  font-family: arial;
  width: 100% ; height: 100% ;
}

.customizer th {
  background: #f0f0f0     ;
  color: #660066;
  height: 10px ;
  vertical-align: top ;  
}

.customizer a {
  text-decoration : none;
  color: #074B88;
}

.customizer td { padding: 2px ; }
/*************************************************************************/
.UIPagePreview {
  display : block;
}

.UIPagePreview .action {
  background:  #fafafa;
  border : 1px outset #fafafa;
  padding : 1px 1px 1px 1px;
  height :21px;
}

.UIPagePreview .action .action-left{
  float : left;  
  padding : 1px 1px 1px 1px ;
}

.UIPagePreview .action .action-right{
  float : right;    
  padding : 1px 1px 1px 1px ;
}

.UIPagePreview .action a{
  border : 1px solid #fafafa;
  text-decoration : none;
  padding : 0px 1px 0px 1px;
}

.UIPagePreview .action a:hover{
  border : 1px solid blue;
  background : #DDDDDD;
}

.UIPagePreview .page {
  margin-top: 5px ;
  border: 5px solid #CCCCCC ;
}

.UIPagePreview img{
  vertical-align: middle;
}

/* UIPortletCategories , UIPortletCategory , UIPortletInfo */
.UIPortletRegistery {
  width: 100% ;
}

.UIPortletRegistery  .no-category {
  border: 1px dotted #074B88;
  background : #EEEEEE ;
  padding: 2px ;
  color: gray;
  font-size : 10pt;
  font-weight: bold ;
  color : #074B88;
  text-align : center;
}

.UIPortletRegistery .no-category img{
  vertical-align : middle;
}

.UIPortletCategoryMenu {
  width: 150px;
}

.UIPortletCategoryMenu table{
  width: 100%;
  border : 1px solid #074B88;
}

.UIPortletCategoryMenu a {
  text-decoration: none;
  color: #074B88;
}

.UIPortletCategoryMenu th {
  padding: 2px 5px 2px 0px  ;
  text-align: left ;
  border : 1px solid #074B88;
}

.UIPortletCategoryMenu td {
  padding: 2px 15px 2px 15px  ;
  text-align: left ;
  background: #EEE ;
}

.UIPortletCategoryMenu td {
  padding: 2px 15px 2px 15px  ;
  text-align: left ;
  background: #EEE ;
}

.UIPortletCategoryMenu .expand {
  background: url("/skin/images/icons/closed-folder.gif") no-repeat;
  padding: 0px;
  width : 16px; height : 16px;
  border : none;
  vertical-align : bottom;
}

.UIPortletCategoryMenu .collapse {
  background: url("/skin/images/icons/open-folder.gif") no-repeat;
  padding: 0px;
  width : 16px; height : 16px;
  border : none;
  vertical-align : bottom;
}

.UIPortletCategory {
  font-size : 10pt;
  text-align : center;
  width: 100%;
  border : 1px solid #074B88;
  margin-left: auto ;
  margin-right: auto ;
}

.UIPortletCategory  td{
  width : 50%;
}

.UIPortletInfo {
  font-size : 10pt;
  text-align : center;
  width: 100%;
  border : 1px solid #074B88;
}

.UIPortletInfo td{
  width : 50%;
}