/*
=============================================
===== STRIP OUT DEFAULT BROWSER STYLING =====
=============================================
*/
ul,ol { list-style: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }
address { font-style: normal; }

/*
==========================
===== GLOBAL STYLING =====
==========================
*/
body {
	font-size: 0.67em;
	margin: 10px;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	background: #FFF;
}
input, select, textarea { 
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 100%;
}
table, td, tr, form {
	font-size: 100%;
	border: 0;
	padding: 0;
	margin: 0;
}
a:link, a:visited { 
	color: #000;
}
a:hover {
	background-color: #000;
	color: #fff;
	text-decoration: none;
}
iframe {
	border: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #fff url(/shared/images/indicator_medium.gif) no-repeat 50% 50%;
}

/* === TEXTUAL STYLING === */
h1 {
	margin: 0; padding: 0;
	text-indent: -9999px;
}
h2 { 
	clear: left;
	font-size: 2em;
	color: #000;
	padding: 15px 0;
}
h3 {
	font-weight: normal;
	font-size: 1.3em;
	text-transform: lowercase;
	background: #000;
	color: #FFF;
	padding: 5px 0 5px 5px;
	border-bottom: #000 solid 1px;
	margin-bottom: 10px;
}
h4 {
	font-weight: normal;
	font-size: 1.3em;
	text-transform: lowercase;
	background: #8698A2;
	color: #FFF;
	padding: 5px 0 5px 5px;
	border-bottom: #8698A2 solid 1px;
	margin-bottom: 10px;
}
p {
	margin: 1em 0;
}

/* === MAINTENANCE === */
#maint-note {
	position: absolute;
	right: 0;
	top: 0;
	background-color: #C00;
	color: #FFF;
	padding: 3px 6px;
}

/* === GLOBAL HEADER === */
#header {
	background: url(/shared/images/ui/bg-navmain.gif);
	height: 74px;
	margin-right: 191px;
}
#logo {
	display: block;
	background: url(/shared/images/ui/logo-fabric-black.gif);
	height: 67px;
	width: 172px;
	float: left;
}
/* --- main nav --- */
#nav {
	float: left;
	padding: 32px 0 0 0;
}
#navmain { display: inline; }
#navmain li {
	float: left;
	position: relative;
	border-right: #FFF solid 1px;
	font-size: 17px;
	background: #B3C1C7;
	padding: 1px 10px 3px 10px;
	color: #fff;
	width: 131px;
}
#navmain>li { width: 110px; }
#navmain li a {
	text-decoration: none;
}
#navmain li ul {
	display: none;
	position: absolute;
	color: #fff;
	padding: 0 0 17px 0;
	top: 0;
	left: 0;
	background: #000;
}
#navmain li ul li {
	width: 130px;
	border: none;
	background: #000;
	padding: 0;
}
#navmain li ul li a {
	padding: 2px 10px;
	font-size: 13px;
}
#navmain li ul li.heading a {
	padding: 1px 0 3px 10px;
	margin-bottom: 15px;
	font-size: 17px;
}
#navmain li:hover ul, #navmain li.over ul {
	display: block;
}
#navmain a {
	display: block;
	color: #fff;
}
/* red - e90000, orange - ffd800, blue - 00b4ff, green - 00bc1b */
#home:hover {
	padding-bottom: 18px;
	background: #000;
	border-bottom: #e90000 solid 3px;
}
#navmain .selected {
	background: #000;
	padding-bottom: 17px;
}
#navpresentations ul, #navpresentations.selected { border-bottom: #00b4ff solid 3px; }
#navslides ul, #navslides.selected { border-bottom: #ffd800 solid 3px; }
#navassets ul, #navassets.selected { border-bottom: #00bc1b solid 3px; }
#navslides ul li a:hover { background: #ffd800; color: #000; }
#navpresentations ul li a:hover { background: #00b4ff; }
#navassets ul li a:hover { background: #00bc1b; }

/* --- sub nav ---*/
#navsub {
	position: absolute;
	right: 200px;
	top: 22px;
	height: 45px;
	background: url(/shared/images/ui/bg-navend.gif) no-repeat right bottom;
}
#navsub li {
	float: left;
	border-left: #FFF solid 1px;
}
#navsub a {
	display: block;
	background: #b3c1c7;
	font-size: 11px;
	color: #FFF;
	padding: 3px 6px;
	text-decoration: none;
}
#navsub a:hover {
	background: #e90000; /*#8599a2*/
}
/* --- client logo -- */
#clientLogo {
	position:absolute;
	right: 10px;
	height: 72px;
	padding: 10px;
	width: 170px;
	text-align: center;
}

/* === TEMPORARY ELEMENTS === */
#systemannouncement {
	background: #fffcd8;
	border-top: #ffc600 solid 3px;
	border-bottom: #ffc600 solid 3px;
	padding: 5px;
	margin-bottom: 10px;
}
#systemannouncement  h3 {
	font-size: 1em;
	background: none;
	color: #000;
	padding: 5px 0;
	text-transform: inherit;
}

/* === GLOBAL UI ELEMENTS === */
/* --- layout --- */
table#layout {
	width: 100%;
	border-collapse: collapse;
}
table#layout td {
	border-right: #FFF solid 10px;
	border-bottom: #FFF solid 10px;
	vertical-align: top;
}
table#layout td.rightbox {
	border-right: none;
}
/* --- boxes --- */
.box { padding: 10px; }
.bgtype1 {
	background: #d8e1e4;
}
.bgtype2 {
	background: #b3c1c7;
}
.small {
	width: 207px;
}
.content {
	background: #FFF;
	padding: 10px;
}
/* --- UI nav --- */
.nav {
	padding: 5px;
	background: #8599a2;
	height: 33px;
}
.button {
	float: left;
	height: 31px;
	width: 81px;
	display: block;
	margin-right: 5px;
	border-top: #fff solid 1px;
	border-right: #999 solid 1px;
	border-bottom: #999 solid 1px;
	border-left: #fff solid 1px;
	/*
	opacity: 0.75;
	filter: alpha(opacity=75);	
	*/
}
.scrollable {
	overflow: scroll;
}
/* --- browse/search --- */
#folders {
	width: 187px !important;
	height: 350px !important;
	width: 207px;
	height: 370px;
	/*height: 350px;*/
}
#search {
	height: 370px;
}
.tabberlive .tabbertabhide {
	display: none;
}
.tabber {}
.tabberlive {
	margin-top: 11px;
}
ul.tabbernav a {
	text-decoration: none;
}
ul.tabbernav li {
	list-style: none;
	display: inline;
}
ul.tabbernav li a {
	padding: 5px;
	border-top: #FFF solid 1px;
	border-right: #FFF solid 1px;
	border-left: #FFF solid 1px;
	font-size: 1.2em;
	line-height: 2em;
	font-weight: bold;
	color: #8599a2;
}
ul.tabbernav li.tabberactive a {
	background-color: #fff;
}
div.tabbertab {
	margin-top: 0;
	background: #fff;
}
/* --- inputted details --- */
.inputdetail {
	font-size: 1.2em;
	color: #FFF;
	text-transform: lowercase;
}
.inputdetail input, .inputdetail select, .inputdetail textarea  {
	display: block;
	width: 100%;
	margin-bottom: 5px;
	font-size: 100%;
}
.inputhighlight {
	background: #9eafb6;
	padding: 5px;
}
.brandimage {
	background: #FFF;
	width: 178px;
	padding: 10px;
	margin-top: 10px;
	border: #8599a2 solid 1px;
}
/* --- bottom buttons --- */
#bottombuttons {
	display: block;
	float: right;
	text-align: right;
}
#bottombuttons a {
	float: left;
	font-size: 1.6em;
	color: #fff;
	background: #8599A2;
	padding: 2px 10px;
	margin: 5px 0 5px 10px;
	border: #8599A2 outset 2px;
	text-decoration: none;
	text-transform: lowercase;
}
#bottombuttons a.default {
	background: #000;
}

a.button-link, .input-submit {
	font-size: 1.2em;
	color: #fff;
	background: #8599A2;
	padding: 2px 10px;
	border: #8599A2 outset 2px;
	text-decoration: none;
}

/* === RANDOM STUFF === */
#footer {
	padding-top: 20px;
	clear: both;
	color: #8599A2;
}
#footer a {
	color: #8599A2;
	text-decoration: none;
}
#footer a:hover {
	background: #8599A2;
	color: #fff;
}
.help {
	height: 19px;
	width: 19px;
	background: url(/shared/images/ui/icon-help.gif) no-repeat center;
	display: block;
	float: right;
	margin-right: 5px;
}

div.detail_bar { 
  width: 100%;
  height: 9px;
  background: #D8E1E4;
  border-top: 1px solid #ddd;
}
#show_detail_bar { background: #D8E1E4 url(/shared/images/ui/arrow-up.gif) no-repeat 50% 50%; }
#hide_detail_bar { background: #D8E1E4 url(/shared/images/ui/arrow-down.gif) no-repeat 50% 50%; }

.candystripelist {
}
.candystripelist li {
	display: block;
	padding: 5px;
}
.candystripelist li.stripe0 {
	background: #fff;
}
.candystripelist li.stripe1 {
	background: #EEF3F6;
}


/* === APPLICATION STYLES === */
#content-presentation .selected, #content-presentation #bottombuttons a.default { background: #00b4ff; color: #fff; }
#content-presentation .list a:hover, #content-presentation .webfx-tree-item a:hover { color: #00b4ff; background: #000; }
#content-presentation .selected-inactive { background: #CCEEFF; color: #000; }

#content-slide .selected, #content-slide #bottombuttons a.default { background: #ffd800; color: #000; }
#content-slide .list a:hover, #content-slide .webfx-tree-item a:hover { color: #ffd800; background: #000; }
#content-slide .selected-inactive { background: #FFEE8C; color: #000; }

#content-asset .selected, #content-asset #bottombuttons a.default { background: #00bc1b; color: #fff; }
#content-asset .list a:hover, #content-asset .webfx-tree-item a:hover { color: #00bc1b; background: #000; }
#content-asset .selected-inactive { background: #A0E49E; color: #000; }

#content-chart .selected, #content-chart #bottombuttons a.default { background: #00bc1b; color: #fff; }
#content-chart .list a:hover, #content-chart .webfx-tree-item a:hover { color: #00bc1b; background: #000; }
#content-chart .selected-inactive { background: #A0E49E; color: #000; }

#content-user .selected, #content-user #bottombuttons a.default { background: #FFECEC; color: #000; }
#content-user .list a:hover, #content-asset .webfx-tree-item a:hover { color: #FFECEC; background: #000; }

/* asset list view */
#content-asset #itemdetail table  { width: 100%; }
#content-asset #itemdetail label  { font-size: 1.1em; color: grey; }
#content-asset table#layout #itemdetail td { border: 0 }
#content-asset #itemdetail td div { font-size: 1.2em; color: black; font-weight: bold; margin-right: 10px; }

#content-asset table#list-detail { width: 95%; margin: 0 5px; }
#content-asset table#list-detail td { border: 0; }

#content-asset .highlight { color: #000; background: #EEE; }
#content-asset table#list-detail { border-collapse: collapse; }
#content-asset table#list-detail td { padding: 2px 5px; }
#content-asset table#list-detail tr:hover {
	cursor: pointer;
	cursor: hand;
}
#content-asset table#list-detail th {
	padding: 5px;
	text-align: left;
	font-size: 110%;
}
#content-asset table#list-detail th a {
	text-decoration: none;
}

#content-asset table#list-detail td.filetype { padding-left: 20px; background-repeat: no-repeat; }
#content-asset table#list-detail td.filetype-audio      { background-image: url(/shared/images/icons/list-audio.gif)      ; }
#content-asset table#list-detail td.filetype-chart      { background-image: url(/shared/images/icons/list-chart.gif)      ; }
#content-asset table#list-detail td.filetype-custom     { background-image: url(/shared/images/icons/list-custom.gif)     ; }
#content-asset table#list-detail td.filetype-excel      { background-image: url(/shared/images/icons/list-excel.gif)      ; }
#content-asset table#list-detail td.filetype-image      { background-image: url(/shared/images/icons/list-image.gif)      ; }
#content-asset table#list-detail td.filetype-pdf        { background-image: url(/shared/images/icons/list-pdf.gif)        ; }
#content-asset table#list-detail td.filetype-powerpoint { background-image: url(/shared/images/icons/list-powerpoint.gif) ; }
#content-asset table#list-detail td.filetype-text       { background-image: url(/shared/images/icons/list-text.gif)       ; }
#content-asset table#list-detail td.filetype-video      { background-image: url(/shared/images/icons/list-video.gif)      ; }
#content-asset table#list-detail td.filetype-word       { background-image: url(/shared/images/icons/list-word.gif)       ; }

/* user list view */
#content-user #itemdetail table  { width: 100%; }
#content-user #itemdetail label  { font-size: 1.1em; color: grey; }
#content-user table#layout #itemdetail td { border: 0 }
#content-user #itemdetail td div { font-size: 1.2em; color: black; font-weight: bold; margin-right: 10px; }

#content-user table#list-detail { width: 95%; margin: 0 5px; }
#content-user table#list-detail td { border: 0; }

#content-user .highlight { color: #000; background: #EEE; }
#content-user table#list-detail { border-collapse: collapse; }
#content-user table#list-detail td { padding: 2px 5px; }
#content-user table#list-detail tr:hover {
	cursor: pointer;
	cursor: hand;
}
#content-user table#list-detail th {
	padding: 5px;
	text-align: left;
	font-size: 110%;
}
#content-user table#list-detail th a {
	text-decoration: none;
}

.required {
	font-weight: bold;
}
.error { 
	color: red;
}
.field label {
	display: block;
}
.flash {
	text-decoration: none;
	padding: 0.5em;
	color: #fff;
}
.flash a:hover {
	background: transparent;
}

.fatal, .error, .bad, .warn, .info, .good, .debug {
	padding: 10px 10px 10px 40px;
	margin: 1.5em 0 0 0;
}
.fatal {
	background: #FFFF9F url(../images/icons/warning.gif) no-repeat 7px center;
	border-top: #FF9933 solid 1px;
	border-bottom: #FF9933 solid 1px;
	color: #400;
}
.error, .bad {
	background: #FFE7DF url(../images/icons/warning.gif) no-repeat 7px center;
	border-top: #FF3F00 solid 1px;
	border-bottom: #FF3F00 solid 1px;
	color: #400;
}
.info, .good {
	background: #C9FFC8 url(../images/icons/check.gif) no-repeat 7px center;
	border-top: #58AF57 solid 1px;
	border-bottom: #58AF57 solid 1px;
	color: #040;
}
.debug {
	background-color: #EEE;
	border-top: #DDD solid 1px;
	border-bottom: #DDD solid 1px;
	color: #444;
}
.warn {
	background: #AFE8FF url(../images/icons/information.gif) no-repeat 7px center;
	border-top: #0167A2 solid 1px;
	border-bottom: #0167A2 solid 1px;
	color: #004;
}

/* --- input --- */
.input-text-bad {
	background: red;
}
.input-text-good {
	background: green;
}
.inputdetail .input-checkbox {
	width: auto;
}

/* === ITEM LISTS === */
.list li {
	background: #eee;
	margin: 5px;
}
.list li a {
	display: block;
	padding: 5px;
	text-decoration: none;
	color: #000;
}
.list li.selected a { color: #fff; }
.list-thumbs li {
	display: block;
	float: left;
	height: 105px;
	padding: 5px;
	text-align: center;
	overflow: hidden;
	width: 75px !important;
	width: 85px;
	height: 105px !important;
	height: 115px;
}
.list-thumbs-med li {
	display: block;
	float: left;
	padding: 5px;
	text-align: center;
	overflow: hidden;
	width: 256px !important;
	width: 266px;
	height: 207px !important;
	height: 217px;
}
.list-thumbs li:hover {
	cursor: pointer;
	cursor: hand;
}
.list-thumbs li img {
	display: block;
	margin-bottom: 5px;
	margin: auto auto;
}
.list-thumbs span.details { display: none; }
.list-thumbs .thumb-img {
	width: 75px;
	height: 75px;
}
.list-thumbs .thumb-text {
	width: 75px;
	height: 2.4em;
	overflow: hidden;
	margin-top: 2px;
}
.list-thumbs-med .thumb-img {
	width: 256px;
	height: 192px;
}
.list-thumbs-med .thumb-text {
	width: 256px;
	height: 1.2em;
	overflow: hidden;
	margin-top: 2px;
}
.list-thumbs a:hover {
	background-color: transparent;
	color: black;
	text-decoration: underline;
}
.list-thumbs .highlight {
	background-color: #D8E1E4;
	cursor: pointer;
	cursor: hand;
}

.list-list li {
	display: block;
	float: left;
}
.list-list li img {
	display: none;
}
.list-list span.details { display: none; }

.list-details li {
	display: block;
}
.list-details img {
	display: none;
}
.list-details span.details {
	display: inline;
}
.list .selected {
	background: red;
}

/* === SPRITES === */
.sprite { 
	text-indent: -9999px; 
	display: block;
	background-repeat: none;
	height: 33px;
}

.nav .sprite { 
	float: left;
	margin: 0 5px 0 0;
}
.toggle .sprite {
	float: left;
	margin: 0;
}

/* special disablable buttons */
.sprite83 { width: 83px; }
.sprite83:hover { background-position: 166px; }
.sprite83disabled:hover { background-position: 83px; }
.sprite83disabled { background-position: 83px; }

.sprite38 { width: 38px; }
.sprite38:hover { background-position: 76px; }
.sprite38disabled:hover { background-position: 38px; }
.sprite38disabled { background-position: 38px; }

.sprite102 { width: 102px; }
.sprite102:hover, .sprite102-selected, :hover.sprite102-selected { background-position: 102px; }

.sprite107 { width: 107px; }
.sprite107:hover { background-position: 107px; }

.sprite137 { width: 137px; }
.sprite137:hover { background-position: 137px; }

.sprite187 { width: 187px; }
.sprite187:hover { background-position: 187px; }

.sprite192 { width: 192px; }
.sprite192:hover { background-position: 192px; }

.sprite-static:hover { background-position: 0px; }

.add-slide { background-image: url(/shared/images/buttons/add-slide.gif); }
.add-all { background-image: url(/shared/images/buttons/add-all.gif); }
.create-new-presentation { background-image: url(/shared/images/buttons/create-new-presentation.gif); }
.create-new-presentation-from-template { background-image: url(/shared/images/buttons/create-new-presentation-from-template.gif); }
.create-new-slide { background-image: url(/shared/images/buttons/create-new-slide.gif); }
.download-presentation-standard { background-image: url(/shared/images/buttons/download-presentation.gif); }
.download-presentation-zipped { background-image: url(/shared/images/buttons/download-zipped.gif); }
.download-presentation-email-attach { background-image: url(/shared/images/buttons/email-attachment.gif); }
.download-presentation-email-toolarge { background-image: url(/shared/images/buttons/email-attachment_GREY.gif); }
.download-presentation-email-link { background-image: url(/shared/images/buttons/email-link.gif); }
.edit-slide { background-image: url(/shared/images/buttons/edit-slide.gif); }
.play-presentation { background-image: url(/shared/images/buttons/play-presentation.gif); }
.preview-slide { background-image: url(/shared/images/buttons/preview-slide.gif); }
.remove-slide { background-image: url(/shared/images/buttons/remove-slide.gif); }
.toggle-view-as-thumbs { background-image: url(/shared/images/buttons/toggle-view-as-thumbs.gif); }
.toggle-view-as-list { background-image: url(/shared/images/buttons/toggle-view-as-list.gif); }
.toggle-view-as-details { background-image: url(/shared/images/buttons/toggle-view-as-details.gif); }
.change-location { background-image: url(/shared/images/buttons/change-location.gif); }
.replace-asset { background-image: url(/shared/images/buttons/replace-asset.gif); }
.upload-asset { background-image: url(/shared/images/buttons/upload-asset.gif); }
.upload-data { background-image: url(/shared/images/buttons/upload-data.gif); }
.remove-asset { background-image: url(/shared/images/buttons/remove-asset.gif); }
.undo-remove { background-image: url(/shared/images/buttons/undo-remove.gif); }
.view-value-selling-methodology { background-image: url(/shared/images/buttons/view-value-selling-methodology.gif); }

/* === EDIT IN PLACE === */
.editinplace { 
}
.editable {
	background-color: #EEEEEE;
}
/* === ASSET TABS === */
.asset-tab{
	padding: 10px 10px 5px 10px;
	float: left; 
	width: 98%;	
}

.add-meta { 
	background: url(/shared/images/icons/add-meta.gif) no-repeat center;
	padding: 2px 0 2px 20px;
	width: 19px;
	height: 16px;
}

a.add-meta:hover {
	background-color: #b3c1c7;
	color:#b3c1c7;
	text-decoration: none;
}

.remove-meta { 
	background: url(/shared/images/icons/remove-meta.gif) no-repeat center;
	padding: 2px 0 2px 20px;
	width: 19px;
	height: 16px;
}

a.remove-meta:hover {
	background-color: #b3c1c7;
	color:#b3c1c7;
	text-decoration: none;
}

.close-revision { 
	background: url(/shared/images/icons/close-revision.gif) no-repeat center;
	padding: 2px 0 2px 20px;
	width: 19px;
	height: 16px;
}

a.close-revision:hover {
	background-color: #000;
	color:#000;
	text-decoration: none;
}

/* Help / FAQ */

.faq dl{
	margin: 0px;
}

.faq dt{
	padding-bottom: 5px;	
}

.faq dd{
	margin: 5px;
	padding-left: 15px;	
}

.faq a{
	padding-left: 10px;	
}

.faq ol{
	list-style-type: decimal;
	margin: 5px;
	padding-left: 15px;	
}

.faq ol li{
	padding-top: 5px;
	padding-bottom: 5px;
}

.keypoint{
	background-color: #00B4FF;
	fontFamily: arial;
	font-size:11;
	font-weight: bold;
	color: #FFF;
	padding: 5px;
}

.show_answer_icon { background: #D8E1E4 url(/shared/images/ui/arrow-down.gif) no-repeat; }
.hide_answer_icon { background: #D8E1E4 url(/shared/images/ui/arrow-up.gif) no-repeat; }

.tooltiphdr {
	background: #fff;
	width: 200px;
	font-size: 110%;
	font-weight: bold;
	color: #000;
	padding: 5px 5px 0 5px;
	border-style: solid;
	border-color: #000;
	border-width: 1px 1px 0 1px;
	opacity: 0.9;
	filter: alpha(opacity=90);	
}

.tooltipbdy{
	background: #fff;
	width: 200px;
	padding: 5px;
	border-style: solid;
	border-color: #000;
	border-width: 0 1px 1px 1px;
	opacity: 0.9;
	filter: alpha(opacity=90);	
}