html, body { height:100%; margin:0px; }

@media screen {
	body { background:#fff url(images/background_left.gif) no-repeat 50% 0; }

	.page     { min-height:100%; background:transparent url(images/background_right.gif) no-repeat 50% 0; }
	.body     { width:955px; margin:auto; padding:97px 0px 95px; _zoom:1; }
	.header   { width:955px; margin:0 0 0 -477.5px; height:97px; position:absolute; top:0; left:50%; z-index:998; }
	.footer   { margin:-81px auto 0; background:#eee; border-top:1px solid #ccc; clear:both; position:relative; font-size:10px; line-height:13px; padding:20px; text-align:center; z-index:998; }

	.body-content  { width:740px; float:right; padding:15px 0px; }
	.body-side { width:200px; float:left; margin-right:-200px; padding:15px 0px 15px 0px; position:relative; z-index:900; }
	.body-center { width: 525px; float:left; }
	.body-right { float:right; margin-right:0; padding:0; }
	.video-tour { display:block; position:relative; color:#fff !important; text-decoration:none !important; }
	.video-tour div { background:#000; padding:6px 5px 5px; font-weight:bold; text-align:center; }
	.video-tour .video-play { position:absolute; left:0; right:0; top:0; bottom:26px; background:url(images/play.png) center center no-repeat; }
	
	.header .logo { background:#70c82e url(../../themes/marketplace/images/marketplace-mask.png); display:block; width:180px; height:76px; margin:10px 0 0 10px; }
	.header-content { width:955px; padding:0; margin:auto; }
	.header-menu,
	.navigation  { position:absolute; left:215px; }
	.header-menu { top:0; font:italic bold 13px/67px Segoe UI, Arial, Helvetica; }
	.navigation  { bottom:1px; z-index:999; }
	.header .box { position:absolute; bottom:0; width:953px; }
	.header .box-content { padding:2px; }
	
	.body-side li { display:block; padding:0; }
	.body-side li a,
	.body-side li div,
	.body-side li span { display:block; padding:2px 11px; margin:0 -1px; font-weight:bold; text-decoration:none !important; }
	.body-side li a,
	.body-side li a:link,
	.body-side li a:visited { color:#666; }
	.body-side li div { padding:2px 0; }
	.body-side li span { color:#666; background:url(images/navigation_right_dark.gif) right no-repeat; cursor:default; }
	.body-side li a:hover,
	.body-side li.menu:hover span { color:#fff; background:#181818; }
	.body-side li.menu:hover span { background:#181818 url(images/navigation_right_dark.gif) right no-repeat; }
	.body-side li a:hover:active { background:#181818; }
	.body-side li.menu ul { left:100%; top:-8px; margin-left:1px; }
	.body-side li.menu ul a { color:#fff !important; padding:2px 10px; margin:0; }
	
	.body-side .box-content { padding:1px; }
	.body-side .box-content ul { padding:8px 0; }

	.body-side .box-content form ul { padding:0; }
	.body-side .box-content form li a { padding:2px 10px; margin:0; }
	
	.body-side .rotator { height:100px; padding:10px; color:#666; }
	.body-side .rotator span { display:table-cell; }
	.body-side .rotator span,
	.body-side .rotator td { height:100px; vertical-align:middle; text-align:center; font-size:13px; line-height:20px; font-weight:bold; }

	.navigation { padding:0; margin:0; }
	.menu li a,
	.menu li b,
	.navigation a { display:block; padding:2px 10px; color:#fff; text-decoration:none !important; font-weight:bold; white-space:nowrap; }
	.navigation a,
	.navigation a:link,
	.navigation a:visited { color:#666; }
	.navigation .menu li a { color:#fff !important; }
	.navigation li { display:block; }
	.navigation,
	.navigation > li { display:table; display:inline-block; float:left; height:29px; }
	.navigation > li { background:#eee url(images/curve-topright.png) no-repeat top right; padding-right:8px; margin:0 2px 0 4px; }
	.navigation > li:hover { background-color:#eee; }
	.navigation > li > a { background:#eee url(images/curve-topleft.png) no-repeat top left; padding:8px 4px 6px 12px; margin-left:-4px; }
	.navigation > li,
	.navigation > li > a { border-bottom:1px solid #fff; }
	.menu ul { background:url(images/tooltip.png); background:rgba(0,0,0,0.9); }
	.menu ul { padding:8px 0; -moz-border-radius:8px; -webkit-border-radius:8px; }
	.menu .menu ul { top:-8px; }
	.menu .menu:hover > a,
	.menu ul a:hover,
	.menu ul a:focus { background-color:#70c82e !important; color:#fff; }
	.menu ul a:hover:active { background-color:#70c82e !important; }
	
	.navigation > .menu { background-image:url(images/navigation_down.png); padding-right:23px; }
	.navigation > .menu > ul { padding-top:4px; -moz-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; margin-left:-2px; margin-top:-1px; }
	.navigation > .menu .menu > a { background-image:url(images/navigation_right.gif); background-position:100% 50%; background-repeat:no-repeat; padding-right:16px; }
}

@media print {
	.header { display:none; }
	.footer { padding-top:15px; }
}

.index-heading { font:bold 32px Segoe UI, Arial, Helvetica; color:#70c82e; }
.index-text    { font:bold 16px Segoe UI, Arial, Helvetica; color:#445470; }

.license-header { padding:15px 15px 0; }
.license-body   { padding:0 15px 15px; }
.license-body .login-container { margin:0 40px; }

h1, h2 { border:none; }
h1 { font:italic bold 18px Segoe UI, Arial, Helvetica; color:#70c82e; }
.list th,
h2 { font:italic bold 13px Segoe UI, Arial, Helvetica; color:#445470; }

.breadcrumbs { margin-bottom:15px; }
.breadcrumbs div.crumbs { margin:0; top:0; }
.breadcrumbs h1 div.crumbs { margin-left:10px; }
.breadcrumbs h1,
.breadcrumbs h2 { line-height:15px; }
.breadcrumbs h2.arrow { font-size:20px; line-height:12px; }

a,
a:link,
a:visited { color:#445470; text-decoration:underline; }
a:hover,
a:active { color:#70c82e; }

a.button,
button { background:#ddd url(images/button2.png); border:1px solid #fff; outline:1px solid #ccc; cursor:pointer; text-shadow:0 1px 0 #fff; }

a.button { color:#000 !important; text-decoration:none !important; border-style:solid !important; }

a.button i,
button i { background-image:url(images/button-icons.png); }

a.button:hover,
button:hover { background-color:#ace; outline-color:#ace; }

a.button:focus,
button:focus { outline-color:#69c; }

a.button.active:hover,
button:hover:active,
button.active { background-color:#ace !important; background-position:0 20px !important; outline-color:#69c !important; }

button[disabled]:hover:active,
button[disabled].active,
button[disabled] { background-color:#eee !important; background-position:0 0 !important; border-color:transparent !important; color:#000 !important; outline-color:#ccc !important; opacity:0.4; cursor:default; }
button[disabled] i { opacity:1; }

a.disabled,
a.disabled * { cursor:default; }

input, 
textarea, 
select,
.mooeditable-iframe,
a.checkbox i { border-color:#999 #ccc #ccc #ccc; border-color:rgba(0,0,0,0.2); background:#fff url(images/input.png) repeat-x 0 -1px; }
input.alt,
textarea.alt { color:#999; color:rgba(0,0,0,0.4); !color:#999; font-family:Segoe UI, Arial, Helvetica; font-style:italic; }
select { padding-left:0; }

input[required],
textarea[required],
select[required],
.mooeditable-iframe[required] { background-image:url(images/required.png); background-position:right -1px; }
.numberField input[required] { background-position: right -23px; }
.coz-ui-combo input[required],
.coz-ui-select input[required] { background-position: right -45px; }
select[required],
.dateField input[required] { background-position: right -67px; }

.copyField input { padding-right:74px; }

input:focus,
textarea:focus,
select:focus,
.mooeditable-iframe:focus,
a.checkbox:focus i { border-color:#69c; }

.invalidField { border-color:#a38e8e #ccb1b1 #ccb1b1 #ccb1b1; }
.invalidField:focus { border-color:#c00; }

a.checkbox:focus { outline:0; }
a.checkbox i         { background:#fff url(images/checkbox.png) -1px -14px; }
a.checkbox i.checked { background:#000 url(images/checkbox.png) -1px -14px; }
a.checkbox:hover i.checked,
a.checkbox:focus i.checked { background-color:#06c; }

.coz-ui-select button,
.coz-ui-combo button,
.dateField button,
.copyField button,
.numberField button,
.search button,
.drop { outline:0 !important; border:0 !important; border-left:1px solid #ccc !important; top:1px; right:1px; height:20px; }
.coz-ui-select button:hover:active,
.coz-ui-combo button:hover:active,
.dateField button:hover:active,
.copyField button:hover:active,
.numberField button:hover:active,
.search button:hover:active { border-left:1px solid #ccc !important; }
.coz-ui-select button,
.coz-ui-combo button,
.dateField button,
.numberField button,
.search button,
.drop { width:21px; padding:0 !important; }
.numberField button { width:15px; height:10px; background-position:0 -5px; }
.numberField button:hover:active { background-position:0 -25px !important; }
.numberField button[disabled],
.numberField button[disabled]:hover:active { background-position:0 -5px !important; }
.numberField button.decrement { top:auto; bottom:1px; }
.coz-ui-select button,
.coz-ui-combo button { width:17px; }
.drop { width:18px; }
.coz-ui-select i,
.coz-ui-combo i,
.drop i { margin:0 !important; width:16px; }

.coz-ui-select ul,
.coz-ui-combo ul { background:url(images/tooltip.png); background:rgba(0,0,0,0.9); }
.coz-ui-select ul a:hover,
.coz-ui-combo ul a:hover { background-color:#70c82e !important; }

.listView button,
.listView a.button { margin-top:-3px; margin-right:-3px; margin-left:7px; }

.calendar button { outline-color:#000 !important; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
	button { padding:1px 5px 2px; }
	button.icon { padding:1px 0 2px; }
	button.icon i { margin:-1px 0 -2px -3px; }
	.coz-ui-select button i,
	.coz-ui-combo button i,
	.dateField button i,
	.copyField button i,
	.numberField button i,
	.search button i,
	.drop i,
	.tree-node button.remove i,
	.tree-node button.expand i,
	.tree-node button.collapse i,
	.tree-node button.edit i { margin:-1px 0 0 -3px !important; }
}

.box {
	background:#eee;
	border:1px solid #fff;
}
.box-heading,
.box-content {
	padding:11px;
	margin:-2px;
	border:1px solid #ccc; border-color:rgba(0,0,0,0.2);
	position:relative;
	z-index:1;
}
.box-heading {
	padding:4px 6px;
	margin-bottom:1px;
	font-weight:bold;
	background-color:#445470;
	border-color:#000;
	color:#fff;
	z-index:2;
}

.box input,
.box textarea,
.box select,
.box .mooeditable-iframe,
.box a.checkbox i { outline:1px solid #fff; outline-offset: 0; }
.box input[type="radio"] { outline:auto; }

.box hr { border-width:1px 0; border-style:solid; border-color:#999 #ccc #ccc; outline:1px solid #fff; }

.tool-tip,
.tool-tip .box,
.datePicker .box { background:none; border:0; }
.tool-tip .box-content,
.datePicker .box-content { border:0; background:url(images/tooltip.png); background:rgba(0,0,0,0.9); padding:8px; -moz-border-radius:8px; -webkit-border-radius:8px; margin:0; }
.tool-tip .br { height:8px; }

.dialog .box,
.dialog .box-heading,
.dialog .box-content { border:0; margin:0; }
.dialog .box-content { padding:10px; }

.message-bar { background:url(images/tooltip.png); background:rgba(0,0,0,0.9); }

.formSubmit { padding-top:10px; }

.tabrow,
.tabbox { position:relative; }
.tabrow { z-index:1; }
.tabbox { z-index:0; }

.tabrow,
.tabbar { background:#ccc; border:1px solid #ccc; margin:-1px;
		  box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; }

.tabrow button,
.tabbar button { outline-width:0; }

.tabrow button.fg,
.tabbar button.fg { color:#000 !important; background:#eee !important; }
.tabrow button.bg,
.tabbar button.bg { color:#666 !important; background:#ddd !important; border-color:transparent !important; }

.tabrow { margin-bottom:0; display:-moz-inline-box; display:inline-block; vertical-align:bottom; }
.tabrow button { margin-right:1px; border:1px solid #fff; border-bottom:0; }
.tabrow button.last { margin-right:0; }

.tabrow button.fg { height:23px; margin-bottom:-2px; }
.tabrow button.bg { height:21px; padding-top:3px; }

.tabbar { margin-bottom:14px; }
.tabbar button { position:relative; z-index:0; }
.tabbar button.fg + i { display:block; width:14px; height:10px; margin:-1px auto -9px; background:url(images/tabarrow.png); position:relative; z-index:1; }

.tabbar td { padding:0 1px 0 0; }
.tabbar td.last { padding-right:0; }

.tabbox { border-top-left-radius:0; -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; }

.paging-bar,
.paging-buttons { position:relative; }
.paging-bar { height:20px; margin-bottom:-22px; border:1px solid #fff; outline:1px solid #ccc; }
.paging-buttons { display:-moz-inline-box; display:inline-block; }

.paging-buttons { padding-left:1px; background:#ccc; border:1px solid #fff; border-width:0 1px; }
.paging-buttons button,
.paging-buttons a.button { margin-right:1px; outline-width:0; position:relative; z-index:0; }
.paging-buttons button:hover,
.paging-buttons button:focus,
.paging-buttons a.button:hover,
.paging-buttons a.button:focus { outline-width:1px; }
.paging-buttons button,
.paging-buttons a.button { position:relative; z-index:1; }
.paging-buttons button:hover,
.paging-buttons a.button:hover { z-index:2; }
.paging-buttons button:focus,
.paging-buttons a.button:focus { z-index:3; }
.paging-buttons button.selected,
.paging-buttons a.selected { z-index:4; }

.paging-buttons button[disabled]:hover:active,
.paging-buttons button[disabled],
.paging-buttons a.disabled:hover:active,
.paging-buttons a.disabled { opacity:1; background:#eee !important; border-color:#fff !important; outline-width:0 !important; color:#999 !important; }

.paging-buttons button.selected:hover:active,
.paging-buttons button.selected,
.paging-buttons a.selected:hover:active,
.paging-buttons a.selected { opacity:1; background-color:#000 !important; background-position:0 0 !important; border-color:transparent !important; color: #fff !important; outline:1px solid #000 !important; text-shadow:0 -1px 0 #000 !important; }

.paging-buttons button.selected i,
.paging-buttons a.selected i { background-image:url(images/button-icons-white.png); }

.productPaging { margin-top:4px; }

.productPaging .left { border-left:0; padding-left:0; }
.productPaging .right { border-right:0; padding-left:0; }

.productPaging .right button.icon { padding-left:0; padding-right:0; margin-left:1px; margin-right:0; }

.productContainer .box-content { padding:0; }
.productContainer .box-content .product { padding:11px; }

.largeView .info,
.largeView .description { margin-left:90px; }
.smallView .info,
.smallView .description { margin-left:50px; }

.list th { padding:0 4px 2px; }
.list td { padding:4px; font-weight:normal; }

table.sort { border:1px solid #ccc; border-bottom:0; margin:-1px -1px 0 -1px; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; }
table.sort thead th { padding:0 1px 1px 0; border-bottom:0; }
table.sort tbody td { padding:4px; }

th.sort a.button { outline-width:0; position:relative; z-index:0; }
th.sort a.button:hover { outline-width:1px; }
th.sort a.button:focus { outline-width:1px; z-index:1; }

.scrollable-table { border:1px solid #ccc; margin:-1px; }
.scrollable-table table.sort { margin-bottom:-1px; }

.myCoursesFilters { margin-bottom:1.25em; }
.myCoursesFilters .box-content { padding-top:0; }
.myCoursesFilters .filter { display:-moz-inline-box; display:inline-block; margin:10px 10px 0 0; }

#myCoursesList td { line-height:22px; }

.listPicker div.heading { border:1px solid #ccc; border-top-color:#999; border-bottom:0; background:#eee url(../../coz/images/glass.png) 0 50%; color:#000; padding:2px 4px 3px; }
.listPicker div.overlay { top:22px; }
.listPicker ul,
.listPicker li,
.listViewer ul,
.listViewer li { border-color:#ccc; }

.listViewer ul { border-top-color:#999; border-bottom:0; }

.listPicker button { background-position:0 -3px; }
.listPicker button:hover:active { background-position:0 -23px !important; }

.listPicker li.drag button { background:#f00 url(images/button2.png) 0 -3px !important; border-color:rgba(255,255,255,0.5) !important; outline:1px solid #000 !important; }
.listPicker li.enabled button { background:#0c0 url(images/button2.png) 0 -3px !important; }

.listPicker .course-type { margin-right:4px; }

.box .listPicker { padding-right:6px; }
.box .listPicker .target,
.box .listPicker .source { border:1px solid #fff; margin:-1px; }
.box .listPicker .target { margin-right:-7px; }

.box .listViewer { padding-right:0; }
.box .listViewer .target { margin-right:-1px; }

.accordion { margin-bottom:-4px; }
.accordion > dd { margin-bottom:4px; }
.accordion > dd .element-content { padding:15px 0 11px; zoom:1; }

.rotator { position:relative; }
.rotator > * { display:none; }
.rotator > .rotator-transition { display:block; position:absolute; left:0; right:0; top:0; bottom:0; background:#fff; }
.box-content .rotator-transition { background:#eee; }

.productDetails { padding-right:215px; }
.productDetails-left { float:left; width:525px; }
.productDetails-right { float:left; width:200px; margin-right:-200px; position:relative; left:15px; }

#file-container div { z-index:2; }
#file-browse    { position:relative; z-index:1; }

.sidebar .rating { margin:0; }
.sidebar .buttons { display:none; }

.quantityButtons { width:35px; }

.helpForm input,
.helpForm textarea { width:100%; margin-bottom:10px; }

#builder { margin-right:139px; }

#palette { width:124px; margin-right:-124px; left:15px; }
#palette .box { margin:-1px -1px 7px 7px !important; }
#palette .dragging .box { margin:0 !important; }

.rating,
.rating .full,
.rating .hover { background-image:url(images/stars.png); }

.spotlight .spotlightTransition { position:absolute; height:auto; top:0; bottom:0; border:0; margin:0; background:#eee; z-index:2; }
.spotlight .box-content { height:210px; }
.spotlight .spotlightContainer { height:178px; padding-right:130px; }
.spotlight .thumbnail { padding:0; }

.mooeditable-container,
.mooeditable-toolbar { padding:0 !important; }