body {
	margin: 10px 5% 0px 5%;
	background: #fff;
	font-family: helvetica,arial, sans-serif;
	font-size: 13px;
}

.hr {
  width: 100%;
  background: url('./images/hr-bg.png') repeat-x top center;
  height: 2px;
  border: 0px solid #000;
  padding: 0px;
  margin: 0px;
  margin-top: 2px;
  margin-bottom: 8px;
  font-size: 1px;
}

.container {
  border: 0px solid #f00;
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}	


.container a {
  color: #0c70e7;
}

.container a:visited {
  color: #0c70e7;
}

.container textarea {
  font-family: helvetica,arial, sans-serif;
  font-size: 13px;
  
}


.body {
  clear: both;
  width: 100%;
  border: 0px solid #f00;
  border-spacing: 0;
  border-collapse: collapse;
  background: #fff;
}


.title-blue {
  color: #0C70EB;
  font-size: 20px;
}


/* BOX */

div .box-header-label {
  background: url('./images/box-tr.png') no-repeat bottom right;
}

div .box-header-label div {
  margin-right: 15px;
  background: url('./images/box-tc.png') repeat-x bottom;
}

div .box-header-label div div {
  margin-right: 0px;
  background: url('./images/box-tl-lab.png') no-repeat top left;
  height: 20px;
}

div .box-header-label div div div {
  display: block;
  float: left;
  xbackground: url('./images/box-tl-lab.png') no-repeat top left;
  background: none;
  border: 0px solid #888;
  margin-left: 5px;
  padding: 0px;
}

div .box-header-label div div div div {
  display: block;
  float: left;
  background: url('./images/box-tc-lab.png') repeat-x top left;
  border: 0px solid #888;
  margin-left: 0px;
  padding: 0px;
}

html>body div .box-header-label div div div div {
  margin-left: 3px;
}

div .box-header-label div div div div div {
  display: block;
  float: left;
  background: url('./images/box-tc-labend.png') no-repeat top right;
  border: 0px solid #888;
  padding: 0px 20px 0px 5px;
  margin-left: 0px;
  font-weight: bold;
  color: #606060;
}

html>body div .box-header-label div div div div div {
  padding: 3px 20px 0px 5px;
}


/*--*/


div .box-header {
  background: url('./images/box-tl.png') no-repeat top left;
}

div .box-header div {
  margin-left: 5px;
  background: url('./images/box-tr.png') no-repeat right top;
}

div .box-header div div {
  margin-right: 10px;
  height: 15px;
  background: url('./images/box-tc.png') repeat-x top;
}

div .box-content {
  clear: both;
  background: url('./images/box-cl.png') repeat-y;
}

div .box-content div {
  margin-left: 5px;
  background: url('./images/box-cr.png') repeat-y right top;
}

div .box-content div div {
  margin-right: 15px;
  background: url('./images/box-cc.png') repeat right;
}


div .box-footer {
  background: url('./images/box-bl.png') no-repeat left top;
}

div .box-footer div {
  margin-left: 5px;
  background: url('./images/box-br.png') no-repeat right top;
}

div .box-footer div div {
  margin-right: 10px;
  height: 14px;
  background: url('./images/box-bc.png') repeat-x top;
}

/* Fade box */

div .fbox-header {
  xborder: 1px solid #f00;
  background: url('images/fbox-tl.png') no-repeat top left;
  font-size: 1px;
}

div .fbox-header div {
  margin-left: 5px;
  background: url('images/fbox-tr.png') no-repeat top right;
}

div .fbox-header div div {
  margin-right: 5px;
  height: 5px;
  background: url('images/fbox-tc.png') repeat-x top right;
}

div .fbox-content {
  background: url('images/fbox-gl.png') repeat-y;
}

div .fbox-content div {
  background: url('images/fbox-cl.png') no-repeat top left;
}

div .fbox-content div div {
  background: url('images/fbox-gr.png') repeat-y right;
}

div .fbox-content div div div {
  margin-left: 0px;
  margin-right: 0px;
  background: url('images/fbox-cr.png') no-repeat top right;
}


div .fbox-content div div div div  {
  margin-left: 8px;
  margin-right: 8px;
  background: url('images/fbox-gc.png') repeat;
}

div .fbox-content div div div div div {
  padding-top: 5px;
  margin-left: 0px;
  margin-right: 0px;
  background: url('images/fbox-cc.png') repeat-x top;
}
div .fbox-content div div div div div div {
  padding: 0px;
  margin: 0px;
}

html>body div .fbox-content div div div div div div {
  background: transparent;
}


div .fbox-footer {
  background: url('images/fbox-bl.png') no-repeat top left;
}

div .fbox-footer div {
  margin-left: 5px;
  background: url('images/fbox-br.png') no-repeat top right;
}

div .fbox-footer div div {
  margin-right: 5px;
  height: 10px;
  background: url('images/fbox-bc.png') repeat-x top;
}

/* PANELS */

.panel .title {
  font-size: 20px;
  color: #fff;
  display: block;
  padding-bottom: 2px;
}

.panel ul {
  margin-top: 00px;
  padding-top: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
  padding-left: 10px;
  
}

.panel ul ul {
  margin-left: 10px;
  padding-left: 10px;
}

.panel a,
.panel a:link,
.panel a:visited {
  color: #fff;
}

.panel form {
  margin: 0px;
  padding: 0px;
}

.panel-blue {
  width: 255px;
  height: 240px;
  padding: 10px 15px 0px 15px;
  background: url('images/panel-blue.png') no-repeat top left;
  color: #c3deff;
}

.panel-red {
  width: 255px;
  height: 240px;
  padding: 10px 15px 0px 15px;
  background: url('images/panel-red.png') no-repeat top left;
  color: #ffd5ec;
}


.panel-green {
  width: 255px;
  height: 240px;
  padding: 10px 15px 0px 15px;
  background: url('images/panel-green.png') no-repeat top left;
  color: #e5ffae;
}



/* FA - PANELS */


.fa-panel-blue {
  width: 255px;
  height: 160px;
  padding: 2px 15px 0px 10px;
  background: url('images/fa-panel-blue.png') no-repeat top left;
  color: #c3deff;
}

.fa-panel-red {
  width: 255px;
  height: 160px;
  padding: 2px 15px 0px 10px;
  background: url('images/fa-panel-red.png') no-repeat top left;
  color: #ffd5ec;
}


.fa-panel-green {
  width: 255px;
  height: 160px;
  padding: 2px 15px 0px 10px;
  background: url('images/fa-panel-green.png') no-repeat top left;
  color: #e5ffae;
}


.fa-panel .title {
  font-size: 20px;
  color: #fff;
  display: block;
  padding-bottom: 2px;
}

.fa-panel ul {
  margin-top: 05px;
  padding-top: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
  padding-left: 10px;
  
}

.fa-panel ul ul {
  margin-left: 10px;
  padding-left: 10px;
}

.fa-panel a,
.fa-panel a:link,
.fa-panel a:visited {
  color: #fff;
}

.fa-panel form {
  margin: 0px;
  padding: 0px;
}

/* FA - BOX */

.fa-box {
  padding: 10px;
  border: 1px solid #aad0ff;
  border-bottom: none;
  background: #F6FFFF url('./images/fa-box-bg.png');
  line-height: 1;
}

.fa-box-title {
  color: #FF0050;
  font-size: 20px;
  font-weight: bold;
}

.fa-box-inner {
  padding: 7px;
  border: 1px solid #aad0ff;
  background: #FFFFFF;
}

.fa-box form {
  margin: 0px;
  padding: 0px;
}

.fa-box-border-btm {
  padding: 5px;
  border: 1px solid #aad0ff;
  border-top: none;
  background: #aad0ff url('./images/fa-border-btm.png');
}


/* HEADER */

.header {

}

.header .user-menu {
  font-size: 12px;
}



.header .logo {
  border: 0px;
  padding: 15px 0px 5px 0px;
}

/* TABS */
.header .tab {
  float: left;
  margin: 0px;
  border-bottom: 1px solid #fff;
  padding: 0px;
  background: #ddf url('./images/tab-bg.png');
  color: #888;
}

.header .tab .tab-left {
  padding-left: 24px;
  background: #F4F7FA url('./images/tab-left.png') no-repeat bottom left;
  color: #959595;
}

.header .tab .tab-left a {
  display: block;
  padding: 4px 14px 3px 0px;
  background: url('./images/tab-right.png') no-repeat top right;
  color: #959595;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}

/* TABS selected */
.header .tab-sel {
  float: left;
  margin: 0px;
  padding: 0px;
  background: #ddf url('./images/tab-bg-sel.png');
  color: #888;
}

.header .tab-sel .tab-left {
  padding-left: 26px;
  background: url('./images/tab-left-sel.png') no-repeat bottom left;
}

.header .tab-sel .tab-left a {
  display: block;
  padding: 5px 14px 3px 0px;
  background: url('./images/tab-right-sel.png') no-repeat top right;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}

.header .tab-left a:hover {
  text-decoration: underline;
}

/* NAV */

.header .nav-top-line {
  height: 4px;
  background: url('./images/nav-bg-line.png');
}


.header .nav-small {
  background: url('./images/nav-bg-small.png') repeat-x top;
}
.header .nav-big {
  background: url('./images/nav-bg-big.png') repeat-x top;
}


.header .nav {
  padding: 2px 10px 4px 10px;
  color: #959595;
  font-size: 11px;
  font-family: verdana, helvetica,arial, sans-serif;
}

.header .nav a:link {
  color: #959595;
  text-decoration: none;
}

.header .nav a:visited {
  color: #959595;
  text-decoration: none;
}

.header .nav a:hover {
  text-decoration: underline;
}



.header .nav-shadow {
  height: 4px;
  background: url('./images/nav-bg-shadow.png') top repeat-x;
  font-size: 1px;
}


/* SIDEBAR */


.sidebar .menu {
  font-size: 12px;
}

.sidebar .menu .mi-1 a,
.sidebar .menu .mi-2 a,
.sidebar .menu .mi-3 a {
  color: #000;
  text-decoration: none;
}
.sidebar .menu a:hover {
  text-decoration: underline;
}


.sidebar .mi-1 {
  padding: 5px 10px 5px 10px;
  font-weight: bold;
  font-size: 13px;
}
.sidebar .mi-2 {
  padding: 4px 10px 4px 25px;
}
.sidebar .mi-3 {
  padding: 2px 10px 2px 40px;
}

.sidebar .mi-1-sel {
  padding: 5px 10px 5px 10px;  
  background: #eef0f4;
  font-weight: bold;
}
.sidebar .mi-2-sel {
  padding: 4px 10px 4px 25px;  
  background: #eef0f4 url('./images/arrow-right.png') no-repeat 15px center;
  font-weight: bold;
}
.sidebar .mi-3-sel {
  padding: 2px 10px 2px 40px;  
  background: #eef0f4 url('./images/arrow-right.png') no-repeat 30px center;
  font-weight: bold;
}



/* VSPLIT */

.vsplit {
  width: 10px;
  background: url('./images/hr-bg.png') repeat-y center;
}

/* CONTENT */

.content .page-title {
  color: #606060;
  xcolor: #0C70EB;
  font-size: 20px;
}

.content .subpages-menu a,
.content .subpages-menu span {
  display: block;
  float: left;
  margin: 0px 0px 0px 16px; 
  padding: 0px 0px 6px 0px;
}

.content .subpages-menu  a.selected {
  color: #000;
  background: url('./images/arrow-up.png') bottom no-repeat;
  font-weight: bold;
  text-decoration: none;
}

.content .content-body {
  line-height: 1.4;
}

/* FOOTER */

.footer {
  text-align: center;
}


/* OTHER */

a.bigbtn {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  cursor: pinter;
}

a.bigbtn div {
  width: 300px;
  height: 35px;
  padding-left: 10px;
  color: #fff;
  background: url('./images/bigbtn.png');  
  cursor: pinter;
}

a.bigbtn div div {
  width: 290px;
  height: 30px;
  padding-right: 20px;
  padding-top: 6px;
  color: #fff;
  background: url('./images/bigbtn.png') top right;
  cursor: pinter;
}



/*****************************/
/** DATAJOY CSS styles 2008 **/
/*****************************/


/* titles */

.datajoy-title-page {
  margin-top: 0px;
  margin-bottom: 10px;
  color: #324e70;
  font-size: 24px;
  font-weight: normal; 
}

.datajoy-title-section {
  text-decoration: none; 
  font-weight: normal; 
  color: #ccc; 
  font-size: 8pt; 
  padding-bottom: 0px;
  margin-top: -0px;
  margin-bottom: 0px;
}

.datajoy-title-block {
  padding: 0px;
  margin-top: 0px;
  font-weight: bold;
  font-size: 17px;
  font-family: Arial,Helvetica,sans-serif;
  color: #FF004E;
  xcolor: #0C70EB;
}

.datajoy-title-block-empty {
  font-weight: bold;
  font-size: 17px;
  font-family: Arial,Helvetica,sans-serif;
  color: #ccc;
}

/* Small Box */

.datajoy-box-small {
  border: 1px solid #ddf;
  background: #f6f7f7;
  padding: 4px;
  padding-top: 2px;
  xfont-size: 11px;
  x-moz-border-radius: 5px;
}

.datajoy-box-small label {
  display: block;
  margin: 0px;
  padding: 2px;
  padding-left: 5px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  background: #eaeff2;
  color: #ff004e;
}

.datajoy-box-small legend {
  font-size: 13px;
  font-weight: bold;
  xtext-transform: uppercase;
  color: #ff004e;
}

.datajoy-box-small li {
  margin-left: -15px;
}

.datajoy-box-small ul {
  margin-top: 5px;
}

/* Medium Box */

.datajoy-box-medium {
  padding: 6px;
  xpadding-bottom: px;
  background: #f6f7f7;
  border: 1px solid #ddf;
  -moz-border-radius: 5px;
}

.datajoy-box-medium label {
  display: block;
  background: transparent;
  display: block;
  padding: 2px;
  padding-left: 0px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 15px;  
  font-family: Arial,Helvetica,sans-serif;
  color: #ff004e;
}

.datajoy-box-medium legend {
  background: #fff;
  font-weight: bold;
  font-size: 15px;  
  font-family: Arial,Helvetica,sans-serif;
  color: #ff004e;
}


/* Large Box */

.datajoy-box-large {
  padding: 10px;
  padding-bottom: 15px;
#  background: #eaeff2 url('./images/dfs-bg.png') repeat-x;
  background: #f6f7f7;
  border: 1px solid #ddf;
  -moz-border-radius: 5px;
}

.datajoy-box-large label {
  display: block;
  background: transparent;
  display: block;
  padding: 2px;
  padding-left: 0px;
  margin-bottom: 10px;
  border: 0px solid #ddf;
  font-weight: bold;
  font-size: 17px;  
  font-family: Arial,Helvetica,sans-serif;
  color: #ff004e;
}

.datajoy-box-large legend {
  background: #fff;
  font-weight: bold;
  font-size: 17px;  
  font-family: Arial,Helvetica,sans-serif;
  color: #ff004e;
}

 
/* Table Zebra  & Sortable*/

.datajoy-table-sortable,
.datajoy-table-zebra {
  border:1px solid #606060;
  border-collapse: collapse;
  border-spacing: 1px;
}

.datajoy-table-sortable thead,
.datajoy-table-zebra thead {
  padding:0px;
}


.datajoy-table-sortable thead td,
.datajoy-table-zebra thead td,
.datajoy-table-sortable th,
.datajoy-table-zebra th {
  background: #606060;
  color:#fff;
  padding:4px;
}

.datajoy-table-sortable tr.odd,
.datajoy-table-zebra tr.odd {
  background: #f6f7f7;
}

.datajoy-table-sortable tr,
.datajoy-table-sortable tr.even,
.datajoy-table-zebra tr,
.datajoy-table-zebra tr.even {
  background:#fff;
}

.datajoy-table-sortable td,
.datajoy-table-zebra td {
  border: 1px dotted #888888;
  border-top: 0px;
  padding:3px;
}


/* Table Sortable */

.datajoy-table-sortable th.headerSortUp { 
  background: #0070E0 url('./icons/sort-asc.gif') no-repeat right; 
} 

.datajoy-table-sortable th.headerSortDown { 
  background: #0070E0 url('./icons/sort-desc.gif') no-repeat right; 
} 

.datajoy-table-sortable th.header {
  padding-right: 20px;
  cursor: pointer;
}


/* Notes */

.datajoy-notes {
  padding: 8px;
  border: 1px solid #fdb;
  background: #ffd;
  font-size: 12px; 
}

.datajoy-note-success {
  color: #4c4;
}
.datajoy-note-info {
  color: #58B0F0;
}
.datajoy-note-warning {
  color: #f80;
}
.datajoy-note-error {
  color: #f00; 
}


/* colors */

.datajoy-color-success {
  color: #4c4;
}
.datajoy-color-info {
  color: #58B0F0;
}
.datajoy-color-warning {
  color: #f80;
}
.datajoy-color-error {
  color: #f00;
}

.datajoy-color-darkest {
  color: #000;
}
.datajoy-color-darker {
  color: #606060;
}
.datajoy-color-dark {
  color: #0070E0;
}
.datajoy-color-light {
  color: #DDF;
}
.datajoy-color-lighter {
  color: #eef0f4;
}
.datajoy-color-lightest {
  color: #fff;
}

.datajoy-bg-darkest {
  background: #000;
}
.datajoy-bg-darker {
  background: #606060;
}
.datajoy-bg-dark {
  background: #0070E0;
}
.datajoy-bg-light {
  background: #DDF;
}
.datajoy-bg-lighter {
  background: #eef0f4;
}
.datajoy-bg-lightest {
  background: #fff;
}

/* menu */

.datajoy-menu-edit {
  position: absolute;
  cursor: pointer;
  background: #555;
  border: 1px solid #777;
  display: none;
  padding: 5px;
  margin-top: 10px;
  margin-left: -40px;
  text-align: left;
  text-transform: none;
  font-size: 12px;
  font-weight: normal;
  white-space: nowrap;
  color: #ccc;
}

.datajoy-menu-edit a,
.datajoy-menu-edit a:visited {
  display: block;
  margin: 0;
  padding: 2px 5px;
  font-size: 11px;
  color: #ccc;
  text-decoration: none;
}

.datajoy-menu-edit a:hover {
  background: #888;
  color: #fff;
  text-decoration: none;
}

/* other */

.datajoy-no-border {
  border: 0px;
}

.datajoy-no-spacing {
  border-spacing: 0;
  border-collapse: collapse;  
  padding: 0px;
  margin: 0px;
}

.datajoy-highlight {
  background: #ff0;
}

.datajoy-block {
  padding-bottom: 20px;
}

.datajoy-block-Easy_Text {
  padding-bottom: 0px;
}

.datajoy-tip-title {
  color: #000;
  font-size: 11px;
  font-weight: bold;
}