/* Skin: Default
 * 
 * @author mejobloggs Design <Aran @ studio7designs.com>
 * @author Michael Mifsud <http://www.tropotek.com/>
 */
 @CHARSET "UTF-8";

/* Gala Layout */
div#wrapper{float:right;width:100%;margin-left:-230px}
div#container {text-align: left;margin: 0 7%;}
div#content{margin-left:230px;padding: 0px 30px 0px 20px;}
div#navigation{float:left;width:200px;padding-left: 30px;}
div#extra{display: none;float:left;clear:left;width:220px;padding-left: 20px;}
div#footer{clear:both;width:100%;}


/* tag styles */
div,p,img {
  border: 0;
  margin: 0;
  padding: 0;
}
body {
  font-family: arial,trebuchet ms, verdana, tahoma, sans-serif;
  font-size: 90%;
  color: #666;
  background-color: white;
  line-height: 130%;
  margin: 0;
  padding: 0;
  text-align: center;
  background: transparent url('images/bg.png') center 40px repeat-x;
}
p {
  margin: 10px 0px;
}
h2 { font-size: 110%; }
h3 { font-size: 100%; }

a:link, a:visited { color: #5b8fbe; text-decoration: none; }
a:hover{ color: #666; text-decoration: none; }

pre {
  border: 1px dashed #CCC;
  padding: 10px;
  background-color: #EFEFEF;
  overflow: auto;
  margin-left: 30px;
  line-height: 100%;
}
hr {
  border-top: 1px inset #FFF;
  border-width: 1px 0px 0px 0px;
} 
blockquote {
  font: 14px/22px normal helvetica, sans-serif;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 30px;
  padding-left: 15px;
  border-left: 3px solid #ccc;
  quotes: "\201C" "\201D";
}
  blockquote:before { content: open-quote; font-weight: bold; }
  blockquote:after { content: close-quote; font-weight: bold;text-align: right;float:right;display: block;}

/*p.detail {color: #888;}*/
p.error {
  color: #F00;
  border: 1px solid #F00;
  padding: 2px 5px;
  margin: 2px 0;
  font-size: 0.8em;
  line-height: 100%;
}




/* Tabs */
.tab1 {
  height: 40px;
  overflow: hidden;
  background: white url('images/bg02-white-left.png') no-repeat left top;
}
.tab2 {
  height: 40px;
  background: transparent url('images/bg02-white-right.png') no-repeat right top;
  overflow: hidden;
}
 
 
.tabMenu ul {
  margin: 0;
  padding: 0 0 0 0;
  list-style: none;
  float: left;
}


.tabMenu li {
    display: inline;
    float: left;
  font-size: 0.8em;
}
.tabMenu a {
    float: left;
    background:url(images/menuleft.png) no-repeat left top;
    margin:0;
    padding:0 0 0 4px;
    text-decoration:none;
    line-height: 1.5em;
}
.tabMenu a span {
    background: transparent url(images/menuright.png) no-repeat right top;
    padding:5px 15px 4px 6px;
    color:#5b8fbe;
    display: block;
    float: left;
    cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}
 .tabMenu a:hover { background-position:0% -42px; }
 .tabMenu a:hover span { background-position:100% -42px; }

 
 
/* header */
#header {
  background: transparent url('images/header.jpg') no-repeat center 40px;
}
.head1 {
  background: transparent url('images/bg02-blue-left.png') top left no-repeat;
}
.head2 {
  background: transparent url('images/bg02-blue-right.png') top right no-repeat;
}
#header h1 {
  margin: 0 20px;
  padding: 0;
  height: 192px;
  line-height: 3em;
  color: #ccc;
  font-size: 150%;
}


/* content */
#navigation {
  background: white url('images/bg02-white-left.png') no-repeat left top;
}
#container {
  background: transparent url('images/bg02-white-right.png') no-repeat right 230px;
}
#footer {
  text-align: right;
}
  .copyright {
    padding: 0px 20px;
    font-style: italic;
    font-size: 0.6em;
  }


/* Menu Boxes */
.menuBox {
  background: transparent url('images/menu.png') no-repeat;
  margin: 10px 0 40px 0;
  padding: 0px 10px;
  font-size: 0.8em;
}
  .menuBox h3 {
    margin: 0px 0px 5px 0px;
    font-weight: bold;
    padding: 2px 0px 2px 10px;
    border-bottom: 1px solid #CCC;
  }
    .menuBox div ul {
      padding: 0px 0px;
      margin: 0;
    }
    .menuBox div li {
      margin: 0;
      list-style: none;
      padding: 4px 0px 4px 10px;
      line-height: 100%;
      border-bottom: 1px solid #EFEFEF;
    }
    .menuBox p.register {
      text-align: center;
      font-size: 0.8em;
      margin: 0;
      padding: 0;
    }
    .menuBox .Login p {
      margin: 0;
    }


/* custom input boxes */
#fid-keywords, #fid-username, #fid-password {
  width: 150px;
}

.Ext_Util_CrumbList {
  padding: 10px 0px 20px 0px;
}

/* page text styles */
.Ext_Modules_Page_View {
  
}
.Ext_Modules_Page_View .message {
  background-color: #EFEFEF;
  padding: 5px;
  font-size: 0.8em;
  line-height: 0.8em;
}
.Ext_Modules_Page_View .message img {
  width: 50px;
  float: left;
}
.Ext_Modules_Page_View .message p {
  line-height: 100%;
  margin: 0;
  padding: 2px 0px;
  margin-left: 60px;
}
.Ext_Modules_Page_View p.warning {
  background-color: #FFF;
  color: #F00;
  margin: 2px 0px;
  margin-left: 60px;
  border: 1px solid #F00;
}
.Ext_Modules_Page_View .message p.detail,
.Ext_Modules_Page_View .message p.contrib {
  font-style: italic;
}