/* Basic layout */

html, body {
   width: 100%;
   height: 100%;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px; /* opera */
   /*overflow: hidden;*/ /* no scrollbars */
}

body
{
   background-position: top left;
   background-repeat: repeat-y;
   color: #000000;
   background: #FFFFFF;
}

th {
	text-align: left;
	font-weight: normal;
}

td {
	vertical-align: top;
}

a {
	text-decoration: underline;
}

fieldset {
    border: 1px solid #888888;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

legend {
	/*font-weight: bold;*/
}

embed {
 	z-index: 1;
}

.groupTitle {
	background: #0066CC;
	padding-left: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1px solid #EEEEEE;
	
	font-family: Arial;
    font-size: 14px;
    font-weight: bold;

    color: #FFFFFF;
}

.groupContent {
	background: #FAF7F3;
	padding: 12px;
}

.bubbleMessageContainer {
	width:300px;
	//height:200px;
	border:2px solid #000000;
	z-index:2000;
	position:absolute;
	//top:0px;
	//left:0px;
	background: #FFFFFF;
	padding: 10px;
}

.bubbleMessageTitle {
	font-weight: bold;
	padding-bottom: 10px;
}

.bubbleMessageText {
	/*font-weight: bold;*/
}



table.progressDialogContainer {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1000;
	border: 0px solid #00FF00;
	
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	
	display: none;
}

table.progressDialogContainer td {
	border: 0px solid #0000FF;
}

table.progressDialog {
	width: 400px;
	height: 120px;
	margin: 0px;
	padding: 8px;
	border: 1px solid #666666;
	background: #FFFFFF;
	/*filter:alpha(opacity=100);-moz-opacity:1;opacity:1;*/
}

table.progressDialog tr {
}

table.progressDialog td {
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	/*filter:alpha(opacity=100);-moz-opacity:1;opacity:1;*/
}

table.progressDialogProgressContainer {
	border: 0px solid #444444;
	background: #EEEEEE;
	padding: 0px;
	margin: 0px;
/*	border-collapse: collapse; */
}

table.progressDialogProgressContainer td {
	padding: 0px;
	margin: 0px;
}

td.progressDialogProgressBar {
}

div.progressDialogProgressBarText {
	position: absolute;
	z-index: 1001;
	color: #888888;
}

/*
table.messageBoxContainer {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000;
    border: 0px solid #00FF00;
    
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    
    display: none;
}

table.messageBoxContainer td {
    border: 0px solid #0000FF;
}

table.messageBox {
    width: 400px;
    height: 120px;
    margin: 0px;
    padding: 8px;
    border: 1px solid #666666;
    background: #FFFFFF;
}

table.messageBox tr {
}

table.messageBox td {
    text-align: center;
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
}

table.messageBoxProgressContainer {
    border: 0px solid #444444;
    background: #EEEEEE;
    padding: 0px;
    margin: 0px;
}

table.messageBoxProgressContainer td {
    padding: 0px;
    margin: 0px;
}

td.messageBoxProgressBar {
}

div.messageBoxProgressBarText {
    position: absolute;
    z-index: 1001;
    color: #888888;
}
*/

div.lookupTree {
	border:1px solid #AAAAAA;
    background:#FAFAFA;
}

div.cms_field_description {
	padding: 4px;
	font-size: 9px;
	color: #444444;
}

/* editor override */
table.tabSheetBody, table.tabSheetBody td {
	width: 100%;
	height: 100%;
}

div.ajaxDialog {
    background: #FFFFFF !important;
}

.ajaxDialogBody {
    background: #FFFFFF !important;
}

.ajaxDialogBody td {
    background: #FFFFFF !important;
}

/* Fonts */


body, table, td, tr, th, select, textarea, input, h1  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a {
	color: #00156E;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
 	margin: 10px 10px 10px 10px;
}

img {
	border: 0px;
}

.navigation {
	font-family: Arial;
    font-size: 16px;
    font-weight: bold;
	color: #0066CC;
    margin-left: 6px;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Arial;
    font-weight: bold;
	color: #0066CC;
}

h1 {
    font-size: 20px;

    margin-top: 4px;
    margin-bottom: 10px;
}

h2 {
    font-size: 14px;

    margin-top: 4px;
    margin-bottom: 6px;
}

h3 {
    font-size: 13px;
    margin-top: 12px;
    margin-bottom: 2px;
}

.title {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #0066CC;
}

span.title {
	font-family: Helvetica;
    font-size: 16px;
    color: rgb(51, 103, 205);
}

a.navbar {
	color: #FFFFFF;
	text-decoration: none;
    cursor: pointer;
}

a.navbar:hover {
	text-decoration: underline;
}

td.toolbar-item {
	background: none;
}

td.toolbar-item-hover {
	background-color: #A7B3CD;
}

tr.full-row-even, td.full-row-even {
/*	background: #FFFFFF; */
}

tr.full-row-odd, td.full-row-odd {
/*	background: #FCFAF6; */
}

/* Tabs */

.tab-s, .tab-u, .tab-g, .tab-r {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.tab-s:hover, .tab-u:hover, .tab-g:hover, .tab-r:hover {
	text-decoration: underline;
}

.tab-s {
	color: #0066CC;
}

.tab-u {
	color: #FFFFFF;
}

.tab-g {
	color: #666666;
}

.tab-r {
	color: #CC0000;
}

.tab-n {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.tab-n:hover {
	text-decoration: underline;
}


/* Error message & help */

div.errormessage {
	background-color: #FFFFE1;
	border: 1px dashed #CFCFCF;
	margin-top: 8px;
	margin-bottom: 16px;
	padding: 6px 6px 6px 32px;
	line-height: 18px;
}

div.errormessage td {
	line-height: 18px;
}

img.errormessage {
	margin-left: -24px;
}

div#helpLayer {
	background-color: #FFFFE1;
	border-top: 1px dashed #CFCFCF;
	padding: 8px 8px 8px 28px;
}

img#helpIcon {
	margin-left: -20px;
}



/* Form elements */

select.flat, textarea.flat, input.flat,
select.error, textarea.error, input.error,
textarea.code, img.flat {
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

select.flat, textarea.flat, input.flat,
textarea.code, img.flat {
	border-color : #888888;
}

input.checkflat {
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

select.error, textarea.error, input.error {
	border-color : #990000;
}

textarea.code, textarea.code-gray {
	font-family: "Lucida Console", "Courier New", Courier, monospace;
	font-size: 12px;
	line-height: 15px;
}

textarea.code-gray {
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	color: #808080;
}

div.box {
	height:100px;
	width:275px;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9;

	overflow: auto;
	overflow-x: hidden;
	overflow-y: scroll;

	margin-top: 1px;
	margin-bottom: 1px;
}

textarea.box {
	margin-top: -1px;
	height:100px;
	width:275px;
}

div.boxtitle {
	font-weight: bold;
	border-bottom: 1px #DDDDDD solid;
	padding-top: 6px;
	padding-bottom: 5px;
}

div.boxrow {
	cursor: pointer;
	cursor: hand;
	border-bottom: 1px #DDDDDD solid;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.boxrow img {
	vertical-align: middle;
}

div.boxrow input {
	vertical-align: middle;
}



/* Custom */

.phpAdsNew {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
}

.nav {
	color: #003399;
}

.install {
	line-height: 18px;
	color: #000066;
}

td.cellenabled {
	color: #000000;
}

td.celldisabled {
	color: #888888;
}

.mainPanel {
	background: #F9F9F9;
}

.leftPanel {
	background: #EEEEEE;
}

div.warning {
	background-color: #FFFFE1;
	border: 1px dashed #CFCFCF;
	margin-top: 8px;
	margin-bottom: 16px;
	padding: 6px 6px 6px 32px;
	line-height: 18px;
}

div.warning td {
	line-height: 18px;
}

img.warning {
	margin-left: -24px;
}

/* TABS */
ul#pageControl {
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-left: 2px;
padding-bottom: 24px;
border-bottom: 1px solid #3182E7;
margin: 0;
}

ul#pageControl li {
float: left;
height: 21px;
background-color: #FFFFFF;
margin: 2px 2px 0 2px;
border: 1px solid #3182E7;
}

li.tabSheet, li.tabSheet-active {
border-bottom: 1px solid #FFFFFF;
background-color: #FFFFFF;
}

#pageControl a {
float: left;
display: block;
color: #666666;
text-decoration: none;
padding: 4px;
}

#pageControl a:hover {
background: #DDEEFF;
}

li.tabSheet a {
color: #000000;
background: #FFFFFF;
}

li.tabSheet-active a {
color: #000000;
background: #DDEEFF;
}



.active-controls-grid {
	position: relative; /* this makes absolute positioning work in NS */
	overflow: hidden;
	width: 100%;
	height: 100%;
	cursor: default;
	-moz-user-focus: normal;
	-moz-user-select: none; /* breaks resize capture */
}

.active-templates-header {
/*	display: inline; */
	width: 100px;
	height: 100%;
}

.active-header-over {
	border-color: #f9b119;
	background: #fcc247!important;
}

.active-header-over .active-box-item {
	border-color: #f9a900;
	background: #faf9f4;
}

.active-header-over .active-box-resize {
	background: none;
}

.active-header-pressed {
	border-color: threeddarkshadow threedhighlight threedhighlight threeddarkshadow;
}

.active-header-pressed .active-box-item {
	position: relative;
	left: 1px;
	top: 1px;
	border-color: threedface;
}

.active-templates-header.gecko {
	display: -moz-inline-box;
}

.active-templates-row {
	overflow-y: hidden;
	white-space: nowrap;
	width: 100%;
	height: 18px;
	-moz-user-select: none;
/*	border-bottom: 1px solid threedlightshadow; */
}

.active-row-cell {
	display: inline;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100px;
	height: 100%;
	padding: 0px 5px;
/*	border-right: 1px solid threedshadow; */
	line-height: 17px;
}

.active-row-cell.gecko {
	display: -moz-inline-box;
}

.active-selection-true, .active-selection-true .active-row-cell {
	color: highlighttext!important;
	background-color: highlight!important;
}

.active-column-0  {z-index: 99}
.active-column-1  {z-index: 98}
.active-column-2  {z-index: 97}
.active-column-3  {z-index: 96}
.active-column-4  {z-index: 95}
.active-column-5  {z-index: 94}
.active-column-6  {z-index: 93}
.active-column-7  {z-index: 92}
.active-column-8  {z-index: 91}
.active-column-9  {z-index: 90}
.active-column-10 {z-index: 89}
.active-column-11 {z-index: 88}
.active-column-12 {z-index: 87}
.active-column-13 {z-index: 86}
.active-column-14 {z-index: 85}
.active-column-15 {z-index: 84}
.active-column-16 {z-index: 83}
.active-column-17 {z-index: 82}
.active-column-18 {z-index: 81}
.active-column-19 {z-index: 80}

.active-templates-text, .active-templates-image {
	-moz-binding: url(gecko.xml#box);
}

.active-gecko-box {
	-moz-box-flex: 1;
	overflow: hidden; /* doesn't hide line/font overflow */
	/* overflow: -moz-scrollbars-none; works OK but slow */
	height: 100%;
	width: 100%;
}

.active-templates-status, .active-templates-error {
	padding: 5px;
}


.active-scroll-left .active-box-normal {
	border-top: 1px solid #faf9f4;
	border-right: 1px solid #d6d2c2;
	border-bottom: none;
}

.charCount {
	font-size: 9px;
    color: #888888;
}

table.stat_title {
width: 584px;
border: 1px solid #000000;
}
thead.fixedHeader {
width: 584px;
position: relative;
}
tbody.scrollContent {
width: 584px;
overflow: auto;
height: 700px;
}


/* -------------- TOOLBARS ------------- */

span.toolbar-button {
	width: 32px;
    height: 32px;
    display: inline-block;
    border: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

span.toolbar-button:hover {
    background: url(../../images/core/32/toolbar-button.png);
}


img.toolbar-button {
	width: 24px;
    height: 24px;
    border: 0px;
    margin: 4px 4px 4px 4px;
}

span.color-edit {
	border:1px solid #888888;
}

span.color-edit span.color-edit-select {
  	cursor: pointer;
}

span.color-edit span.color-edit-clear {
	border-left:1px solid #888888;
  	cursor: pointer;
}

img.actions {
	width: 48px !important;
    height: 48px !important;
}

.adminNavBarHeader, .adminNavBarHeader-hover {
    border: 1px solid #000000;
    color: #FFFFFF;
    font-weight: bold;
    margin: 0px;
    height: 24px;
    padding-left: 8px;
    padding-right: 4px;
    width: 100%;
}

.adminNavBarHeader {
    background: #00669A;
}

.adminNavBarHeader-hover {
    background: #00669A;
}

.adminNavBarBody, .adminNavBarBody-hover {
    border: 0px solid #000000;
    border-top: 1px solid #838383;
    color: #FFFFFF;
    padding: 4px;
}

.adminNavBarBody {
    background: #00669A;
}

.adminNavBarBody-hover {
    background: #0076AA;
}

/* when modified - see also default.css for www*/
.db_structure_core {
    font-weight: bold;
    font-style: italic;
}

.db_structure_overriden {
    font-weight: bold;
    border-bottom: 1px dotted #666666;
}

.db_structure_custom {
    font-weight: bold;
}