/*
  LAYOUT STYLES
*/
body {padding:14px 26px;}

div.header-main {
	height: 35px;
	padding: 3px;
	padding-left: 6px;
	vertical-align : middle;
}

div.header-left {
	text-align: center;
	vertical-align: middle;
}

div.header-right {
}

div.pageborder {
	/*background-image: url(adminpng/background_carbon_fibre);*/
	background-color: #545f79;
}

/*
html>body div.header-right {
	margin: 0px;
	padding:0px;
}
*/

div.header-right ul {
	margin: 0px;
	padding: 0px;
	list-style:none;
}

div.header-right li {
	display: block;
	float: left;

	margin:0;
	padding:0;
	background-image:none;
	line-height:normal;
	text-indent:0;
}
html>body div.header-right li {
	height: 2em;
}

div.header-right a {
	text-decoration: none;
	font-weight: bold;
	padding-top: .4em;
	padding-left: .8em;
	padding-right: .8em;
	text-align: middle;
	height: 2em;
}
html>body div.header-right a {
	margin-top: -.4em;
	height: 1.85em;
	display: block;
}

.page {
}

div.content {
	padding: 0px;
	height: 80%;
}

/* Border around the entire page, with "K SmartSite" logo in upper-left corner */
div#pageborder {
    height: 100%;
}

/*buttons*/
a.top_button {font-family:Arial,sans-serif;font-size:12px;}
a[class="top_button"] {text-decoration:none;background:url(admingif/button_right) no-repeat right 0px;padding:2px 0px 4px;line-height:24px;}
a[class="top_button"] span {color:#ffffff;font-weight:bold;background:url(admingif/button_left) no-repeat left 3px;padding:5px 10px 5px;text-transform:uppercase;}
* html a.top_button {text-decoration:none;background:url(admingif/button_right) no-repeat right 2px;line-height:25px;position:relative;top:-2px;}
* html a.top_button span {color:#ffffff;font-weight:bold;background:url(admingif/button_left) no-repeat left 2px;padding:4px 10px 3px;text-transform:uppercase;}

/*
  COLORS
*/

div.header-main {
	background-color: #446186;
	color: #633;
}

div.header-main h1 {
	color: #ffffff;
}

td.header-center {
    text-align:center;
    width:100%;
    vertical-align: middle;
    padding-top:3px;
}
td.header-center h1 {
	font-size: 16px;
	font-weight: bold;
	margin-left: 80px;
}

div.header-right a, div.header-right a:hover, div.header-right a:visited {
	color: white;
	border-left: 1px solid #a2b0c3;
}

div.header-right a:hover {
	background-color: #c2cfa6;
}

.page {
	border: 1px solid white;
	background-color: white;
}

body {
    background-color: #545f79;
	color: black;
}

pre, tt {
	background-color:#f2ffd6;
}

div.highlight, div.highlight1line {
	background-color: #738cb5; /* #eeede0; */ /* f2ffd6; */
	border: 1px solid white; /* #c4c4c4; */
}

a, a:link, a:hover, a:visited {
	color: #007dba;
}

a.topnav, a.topnav:link, a.topnav:hover, a.topnav:visited {
	background-color: #738cb5; /* #eeede0; */ /* f2ffd6; */
	color: white;
	padding: 2px;
	padding-left: 5px; padding-right: 5px;
	text-decoration: none;
}

h1, h2, h3, h4, h5 {
	color: #545f79;
}

input
{
	border:#ccc 1px solid;
}

table.ssnet
{
	background-color:white;
	border: 1px solid #c4c4c4;
}

table.ssnet th
{
	color: #000;
	background-color:#f2ffd6;
	border-bottom: 1px solid #c4c4c4;
}

table.ssnet th.leftth
{
	color: #000;
	padding:3px 5px;
	background-color:#f2ffd6;
}
table.sortable span.sortarrow
{
    color: black;
}


div#objectform
{
	background-color: #fff;
	border: 1px solid #D9D9D9;
}
div.dateitem label.hidden
{
	color:#fff;
}

table.sspanelbar
{
	/* border: 0px solid #555; */
	border-collapse: collapse;
}

tr.sspanelbar-header td
{
    color: white;
    background-color: #4492c1;
    font-weight: bold;
    padding-left: 19px;
}

tr.sspanelbar-highlight td
{
	color: #31374b;
	background-color: #acca5d;
    font-weight: bold
}

tr.sspanelbar-inside
{
    background-color: #d6e1ee;
    /* padding-left:19px; */
}

td.sspanelbar-inside
{
	border-bottom: 1px solid #555;
}

table.pageedit-list
{
	/*
	background-color: white;
	border: 1px solid #ccc;
	*/
}

/* New pageedit properties */
table.pageedit-alt-list
{
    background-color: #EEEDE0;
    border-collapse: collapse;
    border: 4px solid white;
}


/* th for top headers, td for left headers */
td.pageedit-list-header, th.pageedit-list-header
{
	color: #000;
	/* background-color: #b9cfe2; */
	/* border-bottom: 1px solid #ccc; */
	/* border-right: 1px solid #ccc; */
}

/* th for top headers, td for left headers */
td.pageedit-list-header-alt, th.pageedit-list-header-alt
{
	color: #4E719D;
    background-color: #DBE4DC;
    font-weight: bold;
    padding: 12px;
    border:1px solid white;
	/* border-bottom: 1px solid #ccc; */
	/* border-right: 1px solid #ccc; */
}



td.pageedit-list-field
{
	border-bottom: 1px dotted #eee;
}

td.pageedit-list-field-alt
{
    background-color: #F2F1E7;
    border: 1px solid white;
    padding: 0px;
}

.pageedit-list-field-alt-inner
{
    padding:12px;
    padding-top:4px;
    padding-bottom: 4px;
}

td.pageedit-list-field-small
{
	border-bottom: 1px dotted #eee;
}

td.pageedit-list-field-note
{
	color: #666;
}

td.pageedit-list-tab
{
	color: white;
	background-color: #517700;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	cursor:pointer;
}

td.pageedit-list-tab-hover, td.pageedit-list-tab-select
{
	color: white;
	background-color: #739f15;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	text-align:center;
	cursor:pointer;
}

td.pageedit-notes
{
	/*background-color: white;*/
}

.pageedit-left
{
    background-color: 91b6cd;
    margin:0px;
}


.pageedit-right select
{
	border: 1px solid #666;
}
.pageedit-right select:focus, .pageedit-right select:hover
{
	background-color: #f2ffd6;

}
/* text boxes in two browser-specific ways ... IE first */
.pageedit-right input {
	border: expression((this.type == 'text' || this.type == 'password') ? '1px solid #666 !important' : '');
}
.pageedit-right input[type='text']
{
	border: 1px solid #666;
}
.pageedit-right input[type='text']:focus, .pageedit-right input[type='text']:hover
{
	background-color: #f2ffd6;
	border: 1px solid black;
}

.pageedit-right .file
{
	border: 1px solid #666;
}

.button, .ssbutton
{
	background-color: #446186;
	color: white;
	border: 3px double #999 !important;
	border-top-color: #666 !important;
	border-left-color: #666 !important;
}

.button:active, .ssbutton:active
{
	border: 3px double #333 !important;
	border-top-color: #000 !important;
	border-left-color: #000 !important;

}

.pageedit-right .fileinput
{
	border: 1px solid #666 !important;
}

.pageedit-right iframe.radeditor
{
	border: 0px inset #999;
}

.pageedit-right textarea
{
	border: 1px inset #999;
}

.pageedit-right textarea
{
	color: #555;
}

/* Added by Brad for re-skin, April 2006 */
.pageedit-right-sub
{
    background-color: #E6E4D1 /* #E6E4D1; */
    padding: 25px;
    padding-left: 10px;
}

/* Added by Brad for re-skin, April 2006. Simulates an alert box. */
.pageedit-alert
{
    background-color: #f2f1e7;
    border: 1px solid white;
    padding: 10px;
    padding-bottom: 0px;
}


div.pageedit-advanced
{
	border: 1px solid #666;
	color: #333;
	background-color: #a3bcf5;
}

a.pageedit-advanced:link, a.pageedit-advanced:hover, a.pageedit-advanced:visited
{
	color: #666;
}

div.pageedit-notes
{
	color: #333;
	xxbackground-color: #a3bcf5;
    background-color: #e2e1d7;
	border: 1px solid #c4c4c4;
}

div.pageedit-notes-inline
{
	color: #666;
}

div.pagenew-name {
	color: #4b5061;
	font-weight: bold;
	/*
	background-color: #f2ffd6;
	border: 1px solid #c4c4c4;
	*/
}

div.pagenew-descr {
	color: #4b5061;
	/*
	background-color: #ffffe6;
	border: 1px solid #c4c4c4;
	*/
}

div.pagenew-focus div.pagenew-name {
	background-color: #e2e0cb; /* #d2dfb6; */
	/* color: #333; */
}

div.pagenew-focus div.pagenew-descr {
	background-color: #e2e0cb; /* #e2efc6; */
	color: #333;
}


div.validate-summary {
	background-color: #fcc;
	border: 1px solid #c4c4c4;
}

input.validate-highlight {
	border-color: red !important;
	xbackground-color: #fcc;
}

div.background {
    background-color: #f2f1e7;
	padding: 10px;
}


/*
   SCORM COURSES
*/

/*** BEGIN ICON STYLES **/
a.icon img, a.icon-locked img {
	background-image: url(/administration/layouts/elearningimage/bg_rounded);
	background-repeat: no-repeat;
	border:0px;
	width:16px;
	height:16px;
}

a.icon img {
	background-color: #446186;
}

a.icon-locked img {
	background-color: #CC6600;
}

a.icon_no_rollover {
	cursor: default;
}

a.icon_no_rollover img {
	background-color: #446186;
	background-image: url(/administration/layouts/elearningimage/bg_rounded);
	cursor: default;
	background-repeat: no-repeat;
	border:0px;
	width:16px;
	height:16px;
}

a.icon:hover img, a.icon-locked:hover img {
	background-image: url(/administration/layouts/elearningimage/bg_rounded);
	background-repeat: no-repeat;
	border:0px;
	width:16px;
	height:16px;
}

a.icon:hover img{
	background-color: #4492C1;
}

a.icon-locked:hover img{
	background-color: #FF9900;
}

/*** END ICON STYLES **/

td.sspopup-header
{
    color: white;
    background-color: #4492c1;
    xfont-size: 12px;
    font-weight: bold;
    text-align:center;
    border-left: 1px solid #d6e1ee;
    height:22px;
    cursor:pointer;
}

td.sspopup-highlight
{
    color: #31374b;
    background-color: #91b6cd;
    xfont-size: 12px;
    font-weight: bold;
    text-align:center;
    border-left: 1px solid #d6e1ee;
    height:22px;
    cursor:pointer;
}

td.sspopupsub-header
{
    color: #31374b;
    background-color: #91b6cd;
    font-weight: bold;
    text-align:center;
    border-left: 1px solid #d6e1ee;
    border-top: 1px solid #d6e1ee;
    height:22px;
    cursor:pointer;
}

td.sspopupsub-highlight
{
    color: #007dba;
    background-color: #d6e1ee; 	/*lightblue*/
    xbackground-color: #eeeeee;	/*gray*/
    font-weight: bold;
    text-align:center;
    border-left: 1px solid #d6e1ee;
    border-top: 1px solid #d6e1ee;
    height:22px;
    cursor:pointer;
}

div.popupbody {
    xbackground-color:#f2f1e7;	/*yellow*/
    xbackground-color: #d6e1ee;	/*lightblue*/
    xbackground-color: #eeeeee;	/*gray*/
    background-color:#EEF3FA;	/* another light blue */
    color: black;
}

body.popupbody {
    background-color:#EEF3FA;	/* another light blue */
    color: black;
}

a.coursemenu {
    font-size:11px; 
    padding:4px;
    display:block;
    text-decoration:none;
}

td.slider {
   width:400px;
   height:26px;
}

div.slider {
   position:absolute;
   border-style:none;
   border:0px;
}

div.slider-track {
   position:absolute;
   top:0px;
   left:0px;
   width:400px;
   height:26px;
   background-image: url(/administration/layouts/elearningimage/icons/track);
   cursor:default;
   border-style:none;
   border:0px;
}

div.slider-handle {
   position:absolute;
   top:0px;
   width:13px;
   height:26px;
   z-index:10;
   background-image: url('/administration/layouts/elearningimage/icons/handle');
   cursor:move;
}

div.slider-indicator {
   position:absolute;
   background-color:#446186;
   width:3px;
   height:26px;
   z-index:10;
}

div.slider-highlight {
   position:absolute;
   top:11px;
   width:50px;
   height:3px;
   background-color:#446186;
   padding:0px;
   z-index:8;
   font-size:1px;
}

div.frametree {
	/*box-sizing: padding-box;
	-moz-box-sizing: padding-box;*/
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height:20px;
	/*border:1px solid black;*/
}


.scormtableitem {
	background-color:none;
	font-weight:normal;
	color:#000000;
}

.scormtableitem-highlight {
	background-color:#acca5d;
	/*font-weight:bolder;*/
	/*color: #000080;*/
}

.scormtableitem-invisible {
	color:#808080;
}


/*
  GLOBAL STYLES
*/
body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	margin: 2px;
	background-image: none;
}
td {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
}
p {
	margin-bottom: 1em;
}
pre, tt {
	font-family: Lucida Console, Courier New, Courier;
	font-size: 14px;
}
div.highlight, div.highlight1line {
	border: 1px solid #c4c4c4;
	padding:3px 5px;
}
/* special version of highlight div that only carries one line of text. use this for Fade effects */
div.highlight1line {
	height: 20px;
}
a, a:link, a:hover, a:visited {
}

/*
  AUTOCOMPLETE DROPDOWN
 */
/*
div.autocomplete {
	padding:2px 3px;
    background-color: #d6e1ee;
	border: 1px solid #ccc;
}
div.autocomplete ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
	font-size: 13px;
}
div.autocomplete li {
	text-indent: 0px;
	padding: 1px;
    xxoldcolor: #007dba;
	color: black;
	border-bottom: 1px solid #e6edf5;
}
div.autocomplete li.selected {
    background-color: #91b6cd;
    color: white;
	border-bottom: 1px solid #e6edf5;
}
*/
/* AUTOCOMPLETE DROPDOWNS */
div.autocomplete {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*width: 100px;*/
	display: inline;
	max-height: 290px;
	height:300px;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 5000;
    background-color: #d6e1ee;
	border: 1px solid #ccc;
}

div.autocomplete ul {
	margin-left: 0px;
	padding-left: 0px;
	width: 100%;
	height: 90%;
	list-style-type: none;
	position:relative;
	left:-10px;
	font-size: 11px;
}

div.autocomplete ul li {
	margin: 0px;
	padding: 3px;
	margin-left: 15px;
	width:90%;
	font-weight: normal;
	color: black;
	border-bottom: 1px solid #e6edf5;
}

div.autocomplete ul li.selected { 
	margin: 0px;
	margin-left: 15px;
	font-weight: normal;
    background-color: #91b6cd;
    color: white;
	border-bottom: 1px solid #e6edf5;
}

div.autocomplete ul strong.highlight { 
	color: #800; 
	margin: 0px;
	padding: 0px;
}

.autocompletebutton {
	cursor: pointer;
}




/*
  HEADERS
*/
h1 {
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	margin:0px;
}
h3 {
	font-size: 16px;
	font-weight: bold;
}
h4 {
	font-size: 14px;
	font-weight: bold;
	font-weight: normal;
}

A.admin_sitemapitem:visited, A.admin_sitemapitem:link, A.admin_sitemapitem:hover
{
	vertical-align:top;
}
A.admin_configcategory:visited, A.admin_configcategory:link, A.admin_configcategory:hover
{
	vertical-align:top;
	text-decoration:none;
	font-weight:bold;
	vertical-align:top;
}

input
{
	border:#ccc 1px solid;
}

.input-image
{
    border:0px;
}

/*
  TABLES AND GRIDS
*/
table.ssnet 
{
	width: 100%;
	border: 1px solid #c4c4c4;
}
table.ssnet th
{
	font-weight:bold;
	text-align:left;
	vertical-align:bottom;
	padding:3px 5px;
	spacing:0px;
	border-bottom: 1px solid #c4c4c4;
}
table.ssnet th.leftth
{
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	padding:3px 5px;
	border: 0px;
}
table.ssnet td
{
	text-align:left;
	vertical-align:top;
	padding:3px 5px;
}
table.ssnet tr.odd
{
	background-color: #eef3f7;
}
table.ssnet tr.even
{
	background-color: #ffffff;
}

table.ssnet tr.row1 {
	background-color:whitesmoke ;
}

table.ssnet tr.row2 {
	background-color: #f2f1e7;
}

table.ssnet tr.footer
{
	background-color: #f2f1e7;
	border-top: 1px solid #c4c4c4;
}

table.sortable tbody tr td
{
	cursor: pointer;
}
table.sortable a.sortheader 
{
    font-weight: bold;
    text-decoration: none;
    display: block;
}
table.sortable span.sortarrow 
{
    text-decoration: none;
}


/*
  MISCELLANEOUS
*/
div#objectform
{
	width: 28em;
	padding: 0 15px;
	border: 1px solid #D9D9D9;
}
div.dateitem
{
	float:left;
	vertical-align:bottom;
	margin-right:10px;
}
div.dateitem label.hidden
{
}
div.datefieldset
{
	padding:0;
	height:4em;
}
.auraltext
{
   position: absolute;
   font-size: 0;
   left: -1000px;
}
textarea
{
	width: 27em;
}

/*
  PANELBAR
*/
table.sspanelbar
{
	border: 0px;
	border-collapse: collapse;
	margin-right: 0px;
	margin-top: 0px;
	width: 280px;
}
tr.sspanelbar-header td
{
	cursor: pointer;
	text-align: left;
	padding: 3px;
	padding-left: 18px;
	border-bottom: 1px solid #d6e1ee;

	font-size: 12px;
	font-weight: bold;
}
tr.sspanelbar-header td span, tr.sspanelbar-header td img
{
	vertical-align: middle;
}
tr.sspanelbar-inside
{
}
td.sspanelbar-inside
{
	border-bottom: 1px solid #555;
}
td.sspanelbar-inside img
{
	vertical-align: middle;
}

/*
  TREE (like in config page)
*/
.smalltree a, .smalltree a:link, .smalltree a:hover, .smalltree a:visited
{
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
	font-weight: normal;
}
img.smalltree-icon-withchildren
{
	/* extra spacing because the page icon has a lot of white on either side in the image */
	margin-right: 2px;
}

.smalltree div
{
	width: 270px;
}

div.smalltree-row
{
    width: 100%;
    border-bottom: 1px solid #e6edf5;
}

div.smalltree_divider{
	border-bottom:1px solid #fff;
	width: 90%;
}

/*
  SITEMAP TREE
*/
table.sitemap a:link, table.sitemap a:hover, table.sitemap a:visited, table.sitemap img
{
	vertical-align: middle;
	text-decoration: none;
}
img.sitemap-icon-withchildren
{
	/* extra spacing because the page icon has a lot of white on either side in the image */
	margin-right: 5px;
}

/*
  PRIMARY OR LIST CONFIG VALUE TABLE
  (styles taken from the table.ssnet definition)
*/
a.usersearcharrows
{
	text-decoration:none;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	font-size:18px;
}

table.pageedit-list tr.hover
{
	background-color:whitesmoke;
	cursor:pointer;
}

table.pageedit-list 
{
	width: 100%;
    border-collapse: collapse;
	/* border: 1px solid #ccc; */
}

/* th for top headers, td for left headers */
td.pageedit-list-header, th.pageedit-list-header
{
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	vertical-align: top;
	padding: 7px 7px;
	padding-top: 8px;
	/* border-bottom: 1px solid #ccc; */
	border-right: 1px solid e9f1f7;
	/* padding-right: 40px; */
	white-space: nowrap;
}
td.pageedit-list-header-small, th.pageedit-list-header-small
{
	font-size: 12px;
}

th.pageedit-list-header
{
	text-align: center;
}
td.pageedit-list-field
{
	text-align:left;
	vertical-align:top;
	padding: 7px 7px;
	border-bottom: 1px dotted #eee;
	width: 100%;
}
td.pageedit-list-field-small
{
	padding: 7px 7px;
	font-size: 12px;
}
td.pageedit-list-field-small input, td.pageedit-list-field-small select option,
{
	font-size: 12px;
}
td.pageedit-list-tab, td.pageedit-list-tab-hover, td.pageedit-list-tab-select
{
	text-align: center;
	font-size: 10px;
	vertical-align: center;
	padding: 7px 7px;
	padding-top: 8px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	white-space: nowrap;
	cursor:pointer;
}

/* 
  ALL PAGE EDITING
*/
.pageedit-right {
	padding: 14px;
	background-color: #f2f1e7;
}
.pageedit-right select
{
	font-size: 13px;
	width: 100%;
	border: 1px solid #666;
}
.pageedit-right select:focus, .pageedit-right select:hover
{
}
/* text boxes in two browser-specific ways ... IE first */
.pageedit-right input {
	font-size: 12px;
	width: expression(this.type == 'text' ? '100%' : '');
	padding-left: expression(this.type == 'text' ? '3px' : '');
	xborder: 1px solid #999 !important; /* one more time because sometimes it doesn't notice on first load?? */
}
.pageedit-right input[type='text']
{
	font-size: 12px;
	width: 100%;
	padding: 2px 3px;
	border: 1px solid #666;
}
.pageedit-right input[type='text']:focus, .pageedit-right input[type='text']:hover
{
}
.pageedit-right .button, .ssbutton
{
	text-transform: lowercase;
	text-align: center;
	padding: 2px 20px;
	width: 105px;

	cursor: pointer;
}
.pageedit-right .button:active, .ssbutton:active
{
}
.pageedit-right .button-wide, .ssbutton-wide
{
	width: 190px;
	text-align: center;
}
.pageedit-right .fileinput
{
	font-size: 13px;
	padding: 2px 3px;
	width: 500px;
}
.pageedit-right iframe.radeditor
{
	border: 0px inset #999;
}
.pageedit-right textarea
{
	padding: 2px 2px;
	width: 100%;

	font-family: lucida console, courier;
	font-size: 13px;
}
/* advanced open/close */
div.pageedit-advanced
{
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #666;
	margin-top: 3px;
	padding: 3px;
}
div.pageedit-advanced input, div.pageedit-advanced select
{
	font-size: 13px;
	margin-top: 4px;
	margin-bottom: 9px;
}
a.pageedit-advanced:link, a.pageedit-advanced:hover, a.pageedit-advanced:visited
{
	font-size: 12px;
}

div.pageedit-varname
{
	margin-top: -4px;
	font-size: 12px;
	font-style: italic;
}

.pageedit-notes
{
	margin-top: 10px;
	font-size: 12px;
	border: 1px solid #aebec5;
	padding:3px 5px;
}
.pageedit-notes ul
{
	margin-top: 2px;
	margin-bottom: 2px;
}

.pageedit-notes-inline
{
	margin-top: 2px;
	font-size: 12px;
}
.pageedit-notes-inline ul
{
	margin-top: 2px;
	margin-bottom: 2px;
}

/*
  PAGE CREATION
*/
div.pagenew, div.pagenew-focus {
	cursor: pointer;
	/*
	margin-top: 2px;
	margin-bottom: 2px;
	*/
}
div.pagenew-focus {
}
div.pagenew-name {
	width: 100%;
	/* border: 1px solid #c4c4c4; */
	border-bottom: 0px;
	padding:3px 5px;
}
div.pagenew-descr {
	width: 100%;
	font-size: 12px;
	/* border: 1px solid #c4c4c4; */
	padding:3px 5px;
}
div.pagenew-focus div.pagenew-name {
}
div.pagenew-focus div.pagenew-descr {
}


/*
  VALIDATION ERRORS
*/
div.validate-summary {
	border: 1px solid #c4c4c4;
	padding: 3px 5px;
	padding-bottom: 1px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}
div.validate-summary ul {
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 25px;
	font-weight: normal;
}
div.validate-summary li {
}
input.validate-highlight {
}


/*
  MAGICAL FILE INPUT STYLER
*/
div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

/* sortable lists */
ul.sortable
{ margin-left:0px; }
ul.sortable li {
  padding:0px;
  margin:0px;
  background-color: #a3bcf5;
  border:1px solid #446186;
  cursor: move;
}
div.drophover {
  background-color: #FFF4D8;
  border:1px solid #E8A400;
}

.cls-xweb-menu-bar
{
    background-color: #A0BFF5;
    color: #000000;
    height: 20px;
    padding: 5px 0px 0px 0px;
    position: absolute;
    text-align: left;
    width: 100%;
    top: 10px;
    left: 10px;
}

.cls-xweb-menu-baritem, 
.cls-xweb-menu-baritem-over, 
.cls-xweb-menu-baritem-click
{
    position: relative;
    color: black;
    cursor: default;
    font: 11px verdana;

    padding: 1px 6px 3px 6px;
    border: 1px solid #000080;
    z-index: 101;
}

.cls-xweb-menu-baritem-hide {
	visibility:hidden;
}

.cls-xweb-menu-baritem
{
    border-color: #A0BFF5;
    background-color: #A0BFF5;
}

.cls-xweb-menu-baritem-click
{
    background: url( "xwebmenuimage/menubaritembackover" ) repeat-x center;
    border-bottom-color: White;    
    z-index: 103;
}

.cls-xweb-menu-baritem-over
{
    background: url( "xwebmenuimage/menubaritemback" ) repeat-x center;
}

.cls-xweb-menu-outer-div
{
    position: absolute;
    display: none;
    z-index: 102;
}

.cls-xweb-menu-shadow-div
{
    background-color: gray;
	filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=2,makeshadow="true",ShadowOpacity=.4);
    -moz-opacity: 0.30;
    position: absolute;
    top: 3px !important;
    left: 3px !important;
    top: 1px;
    left: 1px;
    -moz-border-radius: 1px;
}

.cls-xweb-menu-menu-div
{
    position: relative;
    padding-top: 0px; /* 1px; */
    padding-bottom: 0px; /* 1px; */
    background-color: White;
    border: 1px solid #AEBEC5; /* #000080; Changed by brad, May 2006  */
    margin: 0px;
    z-index: 102;
}

.cls-xweb-menu-menu-tablecontainer
{
    /* Removed by Brad May 2006 */
    /* background: white url( "xwebmenuimage/menuleftbarback" ) repeat-y left; */
    
    padding-right: 0px; /*1px*/
    padding-left: 0px; /*1px*/
}

.cls-xweb-menu-menu-table
{
    margin: 0px;
    empty-cells: show;
}

.cls-xweb-menuitem-parent
{
    cursor: default;
}

.cls-xweb-menu-left, 
.cls-xweb-menu-middle, 
.cls-xweb-menu-right,
.cls-xweb-menu-right-arrow
{
    color: black;
    border: 0px solid white; /* 1px; */
    background-color: transparent;
    cursor: default;
}

.cls-xweb-menu-left-highlight, 
.cls-xweb-menu-middle-highlight, 
.cls-xweb-menu-right-highlight,
.cls-xweb-menu-right-arrow-highlight
{
    color: black;
    background-color: #ACCA5D; /* Changed by Brad, May 2006 */
    cursor: default;
    /* Removed by Brad, May 2006 */
    /* border: 1px solid #000080; */
}

.cls-xweb-menu-left, 
.cls-xweb-menu-left-highlight
{
    width: 22px;
    text-align: center;
    height: 18px;
}

.cls-xweb-menu-left
{
    border: 0px;
    padding: 0px; /* 1px, Changed by Brad, May 2006 */
    padding-right: 0px;
}

.cls-xweb-menu-middle,
.cls-xweb-menu-middle-highlight
{
    padding: 2px 0px 2px 5px;
    font: 11px verdana;
    border-left: 0px;
    border-right: 0px;
}

.cls-xweb-menu-middle {}

.cls-xweb-menu-right,
.cls-xweb-menu-right-highlight,
.cls-xweb-menu-right-arrow,
.cls-xweb-menu-right-arrow-highlight
{
    width: 25px;
    border-left: 0px;
}

.cls-xweb-menu-right-arrow,
.cls-xweb-menu-right-arrow-highlight
{
    background: #FFEEC2 url( /administration/layouts/xwebmenuimage/arrow) no-repeat center right;
}
.cls-xweb-menu-right,
.cls-xweb-menu-right-arrow 
{
    background-color: White; 
}

.cls-xweb-menu-left-highlight
{
    border-right: 0px;
}

.cls-xweb-menu-right-highlight
{
}

.cls-xweb-menu-td-separator
{
    padding-left: 26px;
    font-size: 0.001mm;
    background-color: transparent;
    padding-top: 0px; /* 1px */
    padding-bottom: 0px; /* 1px */
}

.cls-xweb-menu-div-separator
{
    overflow: hidden;
    background-color: #6A8CCB;
    height: 1px;
}