/*****************************************************************************
    LiveMosaic Styles, 2008
    Copyright 2008
	Tungsten Inc
*****************************************************************************/

* {border: 0;padding: 0; margin: 0; font-family: Verdana, Helvetica, Arial, sans-serif; list-style: none;outline:none;}
select{font: 12px Helvetica, Arial, sans-serif; height:	auto; border: 1px solid #888;}
ol li {	list-style: decimal;	margin-left: 20px;	margin-top: 4px;}
ol li p{	margin-left: 20px;font-weight: normal;}
strong, strong *{font-weight:bold;}
p {font-size: 11px;}
/*span {font-size:11px;}*/

a:link, a:visited {    /*color: #0066B3;*/    text-decoration: none;}

a:hover {color: #C30F66;}

h1 {font-size: 23px;} h2 {font-size: 19px;} h3 {font-size: 17px;} h4 {font-size: 15px;} h5 {font-size: 13px;}

em, em *{font-style: italic;}
.radio{width:12px; height: 12px; margin-top: 2px; float:left;}

.pageOverlay{width: 100%;height: 100%;background: url('../images/black-a15.png') repeat;	z-index: 19000;	position: fixed;}
.spacer{clear: both; height: 1px; margin-bottom:-1px;}
.cl{clear: left; height: 1px;}
.cr{clear: right; height: 1px;}

.right{float: right!important;}
.rightEdge{float: right!important; clear:right;}
.left{float: left!important;}
.leftEdge{float: left!important; clear:left;}
.noFloat{float:none!important;}

.hidden{display: none;}
.centerText{text-align: center;} .rightText{text-align:right;}
.w100p{width:100%;}

.ma5{margin:5px!important;}
.ma10{margin:10px!important;}
.mtm5{margin-top:-5px!important;}
.mt0{margin-top:0px!important;}
.mt1{margin-top:1px!important;}
.mt2{margin-top:2px!important;}
.mt3{margin-top:3px!important;}
.mt4{margin-top:4px!important;}
.mt5{margin-top:5px!important;}
.mt7{margin-top:7px!important;}
.mt15{margin-top:15px!important;}
.mt10{margin-top:10px!important;}
.mt20{margin-top:20px!important;}
.mb0{margin-bottom:0px!important;}
.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}

.mlm5{margin-left:-5px!important;}
.ml0{margin-left:0px!important;} .ml1{margin-left:1px!important;} .ml2{margin-left:2px!important;}
.ml5{margin-left:5px!important;}
.ml10{margin-left:10px!important;}
.ml15{margin-left:15px!important;}
.ml20{margin-left:20px!important;}
.ml25{margin-left:25px!important;}
.ml30{margin-left:30px!important;}.ml35{margin-left:35px!important;}
.mrm5{margin-right:-5px!important;}
.mr0{margin-right:0px!important;} .mr1{margin-right:1px!important;} .mr2{margin-right:2px!important;}
.mr5{margin-right:5px!important;}
.mr10{margin-right:10px!important;}
.mr15{margin-right:15px!important;}
.mr20{margin-right:20px!important;}
.mr25{margin-right:25px!important;}
.mr30{margin-right:30px!important;}

.pa0{padding: 0px!important;} .pa2{padding: 2px!important;}
.pa3{padding: 3px!important;} .pa4{padding: 4px!important;} .pa5{padding: 5px!important;} .pa10{padding: 10px!important;}
.pl3{padding-left: 3px!important;} .pl5{padding-left: 5px!important;} .pl10{padding-left: 10px!important;}
.pr0{padding-right: 0px!important;} .pr2{padding-right: 2px!important;} .pr3{padding-right: 3px!important;} .pr5{padding-right: 5px!important;} .pr10{padding-right: 10px!important;}
.pt0{padding-top: 0px!important;} .pt5{padding-top: 5px!important;} .pt10{padding-top: 10px!important;}
.pb5{padding-bottom: 5px!important;} .pb10{padding-bottom: 10px!important;}
.h450{min-height: 450px!important;}
.ul{text-decoration:underline!important;}
.cp{cursor:pointer;}
.cns{cursor:n-resize;}

.ca2 {-moz-border-radius: 2px;-webkit-border-radius: 2px;}
.ca3 {-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.ctr3 {-moz-border-radius-topright: 3px;	-webkit-border-top-right-radius: 3px;} .ctl3{-moz-border-radius-topleft: 3px;-webkit-border-top-left-radius: 3px;}
.ct3 {-moz-border-radius-topright: 3px;	-webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px;-webkit-border-top-left-radius: 3px;}
.ct6 {-moz-border-radius-topright: 6px;	-webkit-border-top-right-radius: 6px;	-moz-border-radius-topleft: 6px;-webkit-border-top-left-radius: 6px;}
.cb3 {-moz-border-radius-bottomright: 3px;	-webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomleft: 3px;-webkit-border-bottom-left-radius: 3px;}
.cb6 {-moz-border-radius-bottomright: 6px;	-webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px;}
.ca6 {-moz-border-radius: 6px;-webkit-border-radius: 6px;}

.bold{font-weight:bold!Important;}
.normal{font-weight:normal!Important;}
.it{font-style:italic!Important;}
.smallText{font: normal 11px Helvetica,  Arial, sans-serif; color: #000;}
.ul{text-decoration:underline!Important;}
.fs10{font-size:10px!Important;}
.fs11{font-size:11px!Important;}
.fs12{font-size:12px!Important;} .fs13{font-size:13px!Important;}
.fs14{font-size:14px!Important;}
.fs16{font-size:16px!Important;}
.fs18{font-size:18px!Important;}
.bulletList li{list-style-type: disc; font-size:12px; padding:0px!Important;}
.bulletListLarge li{list-style-type: disc; font-size:14px; line-height:20px; padding:0px!Important;}
.bulletListLarge *{font-size:14px;}
.orderedList li{font-size:12px; padding:0px!Important;}
.black{color:#000!Important;}
.gray{color:#666!Important;}

.ba{border: 1px solid #999;}
.bn{border-width: 0!important;}

.orvScroll{overflow:scroll!Important;}
.orvHide{overflow:hidden!Important;}

.hoverFade50:hover{-khtml-opacity:.50; -moz-opacity:.50; -ms-filter:”alpha(opacity=50)”; filter:alpha(opacity=50); opacity:.50;}
/*****************************************************************************
    Container - Everything in the page
*****************************************************************************/
html, body, #container {min-height: 100%; width: 100%; height: 100%; margin: 0; padding: 0; text-align: left;}

#container { position: absolute; top: 0; left: 0;} 
html>body, html>body #container {
	height: auto; /*this undoes the IE hack, hiding it from IE using the child selector*/
}

#debugMessage{font: normal 11px Arial, Helvetica, sans-serif; width: 300px; background-color: #000; color: #fff; border: 1px solid #fff; display: none; padding: 5px; position: absolute; z-index:10000; top: 0px; left: 20px;}

/*****************************************************************************
    Center Column - Everything in the center of the page
*****************************************************************************/
#center_column {width: 100%; margin-bottom: 5em; height: auto; padding-bottom: .5em;}

#header {text-align: center; display: block; position: relative; padding: 0px; height: 20px; z-index:100;}

.headerLink{padding: 2px 0px 5px 8px;height: 12px; color: #222a4e;}
.headerLink a {font-weight: bold; }
.headerLink a:hover{text-decoration:underline;}

/*****************************************************************************
    Nav - the global nav bar
*****************************************************************************/
.NavBar{height: 20px; margin: 0; background: url('../images/vert-sprites.png') 0 0px repeat-x;}
.NavBar a, .NavBar h3{color: #303030;}
#MyLMHeader{padding-top: 0px; color:#222a4e; font-weight: bold;}
#MyLMHeader:hover{color:#fff;}
.NavBar .NavUserElement:hover, #NavLinks .NavLink:hover{color: #fff;  background: url('../images/vert-sprites.png') 0 -480px repeat-x;}
#NavLinks .NavLink, .NavUserElement, #ManageUsersHeading{padding: 2px 8px 5px 8px;height: 12px; color: #222a4e;}
#ManageUsersHeading{height: 17px;}
#ManageMenu {position: relative; top:0px;}
#NavLinks .NavLink:hover{}
div#nav h3{display:inline;/*text-align:left;*//*width:100px;*/padding: 8px 16px; position: relative; top: 8px;}
div#nav_links{display: inline; position:relative; font-size: 8px; /*left: 100px;*/ padding: 0px 16px; top: 8px;}
div#nav ul{display:inline; text-align:left;}
div#nav li {display: inline;margin-right: 7px; font-size: 12px; color: #fff;/*margin-top: 16px;*/}
div#nav a:link, div#nav a:visited, div#nav a {text-decoration: none; font-size: 16px; display: inline; margin: 0px 16px; font-weight:bold;}
div#nav #nav_current, #nav_current a:link, #nav_current a:visited, div#nav #nav_current a:link, div#nav #nav_current a:visited  { color: #888800;}

.navEditLink{cursor: pointer; width: 12px; height:16px; background: #888 url('../images/icons.png') -258px 0px no-repeat; border:1px solid #aaa; background-color: #555;  position:absolute; top: -1px; right: -1px; padding:0;}
.navEditLink:hover{border-color:#fff;background-color: #000;}

/*****************************************************************************
    Nav User - System functions on the right side of the nav bar
*****************************************************************************/
#nav_user{float: right; width: 450px; /*display: border: 1px solid #ccc;*/ margin-right: 16px; display: inline; text-align: right; font-size: 12px;}
.NavUserElement{float: right; display: inline; margin-left: 0px;}
.menuIcon{margin-left: 4px;}
.doorImg{width: 16px; height: 16px; background: url('../images/lm/buttons.png') -32px -110px; }
.toolImg{width: 16px; height: 16px; background: url('../images/lm/buttons.png') 0 -110px; }
.fbImg{width: 16px; height: 16px; background: url('../images/lm/buttons.png') -16px -110px; }
.heartImg{width: 16px; height: 16px; background: url('../images/lm/buttons.png') -48px -110px; }
#NavUserName{	text-align: right;	padding: 2px 8px 3px 0;	float: right;}
#MyLM{/*width: 95px;*/}

/*** Headers ****************************************************************/
.siteLogo{ margin: 0; padding: 0px; text-align: left;}
.skinHeader{width: 100%; height: 73px; background: transparent url('../images/vert-sprites.png') 0 -246px repeat-x; text-align: left; margin-bottom: 10px;}
.skinHeader h1{font-size:22pt; padding: 20px 0 16px 64px; }
.customHeader {	position: relative;	padding-top: 4px;	margin: 10px auto 10px auto; clear: both; text-align: center;}

/*** Slider ****************************************************************/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }
.ui-slider-horizontal { }
.ui-slider-horizontal .ui-slider-handle { }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.StoryListInteraction{display: none; margin: 0px auto; width: 680px;}
.slider {width: 500px; height: 19px;	margin: 0px auto;padding: 0;position: relative;
background: url('../images/story_scrollbar.png') -30px 0px no-repeat;}
.sliderLeft{float:left; height: 19px; width: 90px; cursor: pointer; background: url('../images/story_scrollbar.png') 0px 0px no-repeat;}
.ui-slider-horizontal{width:475px;}
.ui-slider-handle  {cursor: move;height: 17px;width: 140px; margin-left:-70px; top: 1px; z-index: 100;
	background: url('../images/story_scrollbar.png') -660px -1px no-repeat;}
.sliderRight{float:left; height: 19px; width: 90px; cursor: pointer; background: url('../images/story_scrollbar.png') -552px 0px no-repeat;}



/*** Message Bar ***/
#appControlsMessageContainer{height: 20px; float: right; width: 240px; border: 1px solid #888;	margin: 1px 4px 2px 0px; position: relative;overflow: hidden;}
#appControlsMessage{position: absolute;	top: 0px; left: 0px; list-style: none; white-space: nowrap;	padding: 2px 6px; cursor:default; width: 300px;vertical-align:top;	min-width:180px;}
#appControlsMessage .messageHeadline{font-size: 13px; font-weight: bold; overflow: hidden; float:left;}
#appControlsMessage .messageDetail{font-size: 11px;	overflow: hidden; float:left; margin: 2px 0 0 4px;}

/*****************************************************************************
    Page Heading
*****************************************************************************/

.PageSelectContainer{width: 922px; height: 25px; position: relative; z-index: 50; margin: 20px 20px 0px 20px; padding: 5px 8px; -moz-border-radius: 4px;-webkit-border-radius: 4px;}
#PageSelectHeading{border: none;cursor: default;}
.PageSelect{width: 100%; margin: 5px 0; font-weight:bold; float: left; height: 15px; margin: 0px auto;}
#pageListMenu{float: right; margin: 0px;}
#PreviousPage {	float: left; margin-right:8px; width: 20px; height: 15px;}
#NextPage { float:right;	margin-left: 8px; width: 20px; height: 15px;}

/* All the Prev & Next Arrows*/
.PageSelectPreviousPage{background: url('../images/icons.png') -175px -48px no-repeat;}
.PageSelectPreviousPage:hover{background: url('../images/icons.png') -200px -48px no-repeat; cursor: pointer;}
.PageSelectPreviousNoPage{background: url('../images/icons.png') -150px -48px no-repeat;}

.PageSelectNextPage{background: url('../images/icons.png') -250px -48px no-repeat; }
.PageSelectNextPage:hover{background: url('../images/icons.png') -275px -48px no-repeat; cursor: pointer;}
.PageSelectNextNoPage{background: url('../images/icons.png') -225px -48px no-repeat;}

/*****************************************************************************
    Story Text
*****************************************************************************/
#pageContent{margin-top:10px;}
.pageTextContainer{float: left; left:0px; font-size: 11px; position: relative;	padding: 0px; z-index:50; -moz-border-radius: 4px;-webkit-border-radius: 4px;}
#pageContent.default .pageTextContainer, #pageContent.textRight .pageTextContainer{width: 308px; margin: 5px 20px; clear: left; min-height: 426px; padding:5px;}
#pageContent.textTop .pageTextContainer, #pageContent.textBottom .pageTextContainer{width: 938px; margin: 0px 20px 10px 20px; clear: left; min-height:inherit;}
#pageContent.textBottom .pageTextContainer{margin-top: 10px; margin-bottom: 10px;}
#pageContent.textRight .pageTextContainer{float: right; clear:none; margin:5px 20px 5px 0;}

.pageTitle{float: left; width: 300px;}
.pageByline{-moz-border-radius: 4px;-webkit-border-radius: 4px; float: right; width: 280px; margin: 0 4px 10px 4px;}
.pageText{margin: 10px;}
#pageContent.textTop .pageByline, #pageContent.textBottom .pageByline{margin:20px 10px 10px 0;}
/*****************************************************************************
    Story Comments
*****************************************************************************/
#pageCommentContainer{margin:10px 20px; clear:left; float: left; left:0px; top:0; font-size: 12px; position: relative; padding: 0px; width: 940px; overflow:hidden;}
#pageCommentContainer.default, #pageCommentContainer.textRight{background-image: none;}

#storyTagList{margin-left:40px; font-size: 11px; font-style:italic;}
.storyTagLink{cursor:pointer; letter-spacing:1px; font-style:italic;}
.storyTagLink:hover{font-weight:bold; letter-spacing:0;}

/*****************************************************************************
    Media
*****************************************************************************/
#pageMediaContainer{z-index: 100;  outline: none; padding: 7px; position: relative;}
#pageContent.default #pageMediaContainer {width: 584px; float: right; height: 426px;  margin: 5px 20px 10px 0;}
#pageContent.default #pageMedia, #pageContent.textRight #pageMedia{width:582px; height: 424px;}

#pageContent.textRight #pageMediaContainer{float:left; margin:5px 0px 10px 20px; width: 584px; height: 424px;}

#pageContent.textBottom #pageMediaContainer, #pageContent.textTop #pageMediaContainer{width: 802px; float: left; height: 512px; margin: 10px 10px 10px 81px;}
#pageContent.textBottom #pageMedia, #pageContent.textTop #pageMedia{height:510px; width: 800px;}
.ssImageContainer{min-height: 430px;}
#pageContent.default #slideshowContainer, #pageContent.textRight #slideshowContainer{height:430px; width: 600px;}

/*Make Adblock go somewhere else*/
#pageMedia a {left: 9999px;}

/*.mediaControls{width: 100%; padding: 8px 10px 4px 0; background: url('../images/vert-sprites.png') left -325px repeat-x;}*/
.slideshowCaption{width: 97%; padding: 0px 10px; font-size: 14px; text-align: center; min-height:16px; float:left; overflow-x: hidden;}
.slideshowImageLandscape{width:600px;}
.slideshowImagePortrait{height:430px; display: block; margin-left:auto; margin-right: auto;}
#slideshowImageVideoIndicator{width: 38px; height: 38px; background: url('../images/icons.png') -250px -70px no-repeat; position: absolute; left:281px; top: 196px;}
.slideshowControl{float: left; padding: 0; font-size: 14px; margin: 5px 4px; }
.slideshowButton{border-left: 1px solid #555; padding: 8px 12px 9px 12px; margin: 0px; cursor: pointer;}
.ssImgIndicator{width: 110px; margin: 8px 0 0 12px;}
.ssPrevButton{width: 25px; height: 25px; background: url('../images/icons.png') 0 -70px; cursor: pointer;}
.ssPrevButton:hover {background: url('../images/icons.png') 0 -100px;}
.ssPlayPauseButton{width: 25px; height: 25px; cursor: pointer;}
.ssPlay{background: url('../images/icons.png') -30px -70px;}
.ssPlay:hover{background: url('../images/icons.png') -30px -100px;}
.ssPause{background: url('../images/icons.png') -215px -70px;}
.ssPause:hover{background: url('../images/icons.png') -215px -100px;}
.ssNextButton{width: 25px; height: 25px; cursor: pointer; background: url('../images/icons.png') -60px -70px; margin-right:16px;}
.ssNextButton:hover{background: url('../images/icons.png') -60px -100px;}

.ssSelectImage{margin: 0; font-size: 12px; width: 130px; overflow: hidden;}
.ssSelectImage:hover, .ssSelectImage.selected{background: url('../images/vert-sprites.png') left -360px repeat-x;}

#order_pics {color: #000;}
.ssOrderPrints{margin: 0; font-size: 12px;}
.ssOrderPrints:hover{background: url('../images/vert-sprites.png') left -360px repeat-x;}
.ssVideoMode{border-right: 1px solid #555; width: 60px; padding: 7px 12px 3px 12px}
.ssVideoMode:hover{background: url('../images/vert-sprites.png') left -360px repeat-x;}
.ssVideoText{float: left; font-size: 12px; margin: 0px 0 0 0; width: 5.2em;}
#ssVideoIndicator{padding: 0px; float: left; width: 52px; height: 6px; margin: 1px 0 0 4px; }
.indicatorBar1{ background: url('../images/icons.png') -120px -70px; }
.indicatorBar2{ background: url('../images/icons.png') -120px -80px; }
.indicatorBar3{ background: url('../images/icons.png') -120px -88px; }
.ssViewAllButton{font-size: 12px; padding-bottom:7px;}
.ssViewAllIcon{width: 20px; height: 17px; background: url('../images/icons.png') -90px -70px; cursor: pointer; }
.ssViewAllButton:hover .ssViewAllIcon, .ssViewAllActive .ssViewAllIcon{background: url('../images/icons.png') -90px -100px;}
.ssViewAllButton:hover, .ssViewAllActive{background: url('../images/vert-sprites.png') left -360px repeat-x;}

/*.ssViewAllButton{font-size: 12px; padding-bottom: 7px;}
.ssViewAllButton{ width: 20px; height: 17px;  height: 17px; background: url('../images/icons.png') -90px -70px; float: left; margin-right: 5px;}
.ssViewAllButton:hover, .ssViewAllActive{background: url('../images/vert-sprites.png') left -360px repeat-x;}*/

#slideshowThumbs{width: 100%; min-height: 425px; display: none; padding: 5px auto;}
.slideshowThumb{width: 96px; height: 96px; float: left; margin: 3px; padding: 2px; position: relative;}
.slideshowThumb:hover {background-color: #555;}

#closeGetImages{}
#getSelectedCount{font-size:11px; margin: 3px 10px 0 0px; font-weight: bold; width: 85px; text-align: right;}
.selectAllNone{cursor: pointer; margin: 0px 5px;}
/*#storyGetImagesThumbContainer{width: 380px; padding: 0px 10px 5px 5px; margin: -1px 0 0 10px;}*/
/*#storyGetImagesThumbHeader{margin-bottom: 5px; width: 438px; padding-left: 10px;}*/
.slideshowThumbVidIcon{width: 38px; height: 38px; background: url('../images/icons.png') -250px -70px no-repeat; position: absolute; top: 29px; left: 29px;}

/****************** Get Images Styles ************/
.mediaControls .buttonA a{color: #000;}
/*.getMediaControls{float: right; width: 520px; height: 520px; margin: 1px 3px 8px 0; position: relative;}*/
.getSelectAll{color: #c0ffc8; margin-left: 4px; cursor: pointer;}
.getSelectAll:hover{color:#fff;}
.getSelectNone{color: #d5eaff; margin-left: 10px; cursor: pointer;}
.getSelectNone:hover{color:#fff;}
.getThumbContainer{float: left; width: 440px; margin: 1px 0 4px 10px;}
.getImagesPageHeader{ float: left; width: 440px; background: url('../images/black-a35.png') repeat; color: #fff; font-size: 14px; padding: 2px 5px; margin: 5px 1px 1px 1px;}
#SlideshowControls a {left: 0px;}

/*****************************************************************************
Page Panels
*****************************************************************************/

.w10{width:10px;} .w15{width:15px;} .w25{width:25px;} .w50{width:50px;} .w75{width:75px;}
.w100{width:100px;} .w125{width:125px;} .w150{width:150px;} .w160{width:160px;} .w180{width:180px;}
.w200{width: 200px;} .w220{width: 220px;} .w250{width: 250px;} .w275{width: 275px;}
.w300{width: 300px;} .w350{width: 350px;} .w360{width: 360px;} .w380{width: 380px;}
.w400{width: 400px;} .w425{width: 425px;} .w430{width: 430px;} .w450{width: 450px;} .w480{width: 480px;} 
.w500{width: 500px;} .w550{width: 550px;}
.w600{width: 600px;} .w640{width: 640px;} .w660{width: 660px;}
.w700{width: 700px;} .w710{width: 710px;} .w720{width: 720px;} .w730{width: 730px;} .w740{width: 740px;}
.pagePanel250{width: 250px; left:0px;}
.pagePanel310{width: 310px; float: left;left:0px;}
.pagePanel360{width: 340px; float: left;left:0px;	top:0; font-size: 11px; position: relative;	padding: 0px; margin: 5px 10px; border-right: none;	z-index:50;}
.pagePanel450{width: 450px; position: relative;}
.pagePanel475{width: 475px; position: relative;}
.pagePanel490{width: 490px; position: relative;}
.pagePanel520{width: 520px; position: relative;}
.pagePanel640{width: 640px; position: relative;}
.pagePanel690{width: 690px; position: relative;}
.pagePanel720{width: 720px; position: relative;}
.pagePanel750{width: 750px; position: relative;}
.previewPanel{height: 520px;}

.h400{height:400px;} .h480{height:480px;}
/** Side Menu**/
.sideMenuItem{font: bold 14px Helvetica, Arial, sans-serif; padding: 4px 10px; float:left; margin-bottom: 8px; cursor:pointer; width:160px; -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5); -moz-border-radius:4px; -webkit-border-radius:4px;}
.sideMenuItem.active, .sideMenuItem:hover, .hoverItem:hover{background: url('/static/images/gray50-a25.png') repeat;}
.sideMenuItem.active{padding: 3px 10px; border: 1px solid #fff;}

.pageInput{padding:0; font-size:12px; border: 1px solid #999;}
.pageTextInput{padding:2px 0;}
/*****************************************************************************
    Page Header contains the PageTitle and PageSelectContainer. This Div is only displayed
	if there are > 1 pages.
*****************************************************************************/

/*****************************************************************************
    Footer
*****************************************************************************/
#Footer{ position: absolute; text-align:right; bottom: 0px;	width: 100%; height: 60px;}
#Footer a{ position: relative;	right: 16px; top: 8px; color: #ddd;}
.footerLogo{float: right; width: 157px; height:32px; background: url('../images/icons.png') 0 -16px no-repeat; margin: 16px;}
#Footer a:hover{}
#Footer img { position: relative; top:4px;}

/*****************************************************************************
    Buttons
*****************************************************************************/
/***** Buttons for Dialog Boxes******/
.button {cursor: pointer; margin: 0px 10px; float: left;}
.button a{color: #fff;  float: left;  font: bold 11pt Helvetica, Arial, sans-serif; margin: 0px; padding: 3px 16px 4px 15px; text-decoration: none;}
.button div {display:inline;}
.button .icon{margin:2px 8px 0 0;}
.button span{  display: block;float: left; margin: 0px;	height: 24px; width: 3px;}
.button:active a{padding: 4px 16px 3px 15px;}
.button.inactive:active a{padding: 3px 16px 4px 15px;}

.sButton {cursor: pointer; margin: 0px 10px;}
.sButton a{color: #fff; float: left;  font: bold 12px Helvetica, Arial, sans-serif; margin: 0px; padding: 2px 12px 3px 11px; text-decoration: none;}
.sButton div {display:inline;}
.sButton span{  display: block;float: left; margin: 0px;	height: 20px; width: 3px;}
.sButton:active a{padding: 3px 12px 2px 11px;}
.sButton.inactive:active a{padding: 2px 12px 3px 11px;}

.green-button a{background: transparent url('../images/dialogs/buttons.png') no-repeat scroll left 0px;}
.green-button span{background: transparent url('../images/dialogs/buttons.png') no-repeat scroll right 0px;}
.green-button:hover a{background: transparent url('../images/dialogs/buttons.png') no-repeat left -30px;}
.green-button:hover span, .green-button a:hover + span{background: transparent url('../images/dialogs/buttons.png') no-repeat right -30px;}
.green-button.inactive a{background-position:left top; opacity: 0.3;}
.green-button.inactive span{background-position:right top; opacity: 0.3;}

.blue-button a{background: transparent url('../images/dialogs/buttons.png') no-repeat scroll left -120px;}
.blue-button span{background: transparent url('../images/dialogs/buttons.png') no-repeat scroll right -120px;}
.blue-button:hover a{background: transparent url('../images/dialogs/buttons.png') no-repeat left -150px;}
.blue-button:hover span, .blue-button a:hover + span{background: transparent url('../images/dialogs/buttons.png') no-repeat right -150px;}

.pink-button a{background: transparent url('../images/dialogs/buttons.png') no-repeat scroll left -60px;}
.pink-button span{background: transparent url('../images/dialogs/buttons.png') no-repeat scroll right -60px;}
.pink-button:hover a{background: transparent url('../images/dialogs/buttons.png') no-repeat left -90px;}
.pink-button:hover span, .pink-button a:hover + span{background: transparent url('../images/dialogs/buttons.png') no-repeat right -90px;}

.red-button a{background: transparent url('../images/dialogs/buttons.png') no-repeat scroll left -60px;}
.red-button span{background: transparent url('../images/dialogs/buttons.png') no-repeat scroll right -60px;}
.red-button:hover a{background: transparent url('../images/dialogs/buttons.png') no-repeat left -90px;}
.red-button:hover span, .red-button a:hover + span{background: transparent url('../images/dialogs/buttons.png') no-repeat right -90px;}

.gray-button a{color: #fff; background: transparent url('../images/dialogs/buttons.png') no-repeat scroll left -120px;}
.gray-button span{color: #fff; background: transparent url('../images/dialogs/buttons.png') no-repeat scroll right -120px;}
.gray-button:hover a{color: #fff; background: transparent url('../images/dialogs/buttons.png') no-repeat left -150px;}
.gray-button:hover span, .gray-button a:hover + span {color: #fff; background: transparent url('../images/dialogs/buttons.png') no-repeat right -150px;}


/****** New Buttons ******/
.buttonA{text-decoration: none;}
.buttonA a{ color: #000; float: left; font: bold 12px Helvetica, Arial, sans-serif; margin: 0; padding: 3px 6px 5px 8px; height: 16px; cursor: pointer;}
.buttonA:active a{padding: 4px 5px 4px 9px;}
.buttonA div {display:inline;}
.buttonA span{	display: block; float: left; height: 23px; width: 4px;	margin: 0;}

.buttonB{text-decoration: none;}
.buttonB a{ color: #fff; float: left; font: bold 12px Helvetica, Arial, sans-serif; margin: 0; padding: 2px 1px 3px 8px; height: 15px; cursor: pointer;}
.buttonB:active a{padding: 3px 0px 1px 9px;}
.buttonB div {display:inline;}
.buttonB span{	display: block; float: left; height: 20px; width: 10px;	margin: 0 8px 0 0 ;}

.headerTab{cursor: pointer; text-decoration: none; margin: 2px 0px 0px 5px;}
.headerTab a{float: left; font: bold 12px Helvetica, Arial, sans-serif; margin: 0; padding: 3px 1px 4px 15px; height: 15px;}
.headerTab div {display:inline;}
.headerTab span{	display: block; float: left; height: 22px; width: 14px;	margin: 0;}

.standardTab{text-decoration: none; margin: 2px 0px 0px 5px; position: relative; top:1px; z-index: 10;}
.standardTab a{float: left; font: bold 12px Helvetica, Arial, sans-serif; margin: 0; padding: 4px 11px 4px 10px; height: 15px; color: #555; cursor: pointer;
background: transparent url("../images/dialogs/buttons.png") no-repeat scroll left -210px;}
.standardTab span{	display: block; float: left; height: 23px; width: 4px;	margin: 0;
background: transparent url("../images/dialogs/buttons.png") no-repeat scroll right -210px;}
.standardTab.green a {color: #eee; background-position: left -270px;}
.standardTab.green a:hover{color: #fff;}
.standardTab.green span{background-position: right -270px;}
.standardTab.active, .standardTabActive{top:2px;}
.standardTab.active a, .standardTabActive a, .standardTab:hover a{color: #000;}
.standardTab.active a, .standardTabActive a {background: transparent url("../images/dialogs/buttons.png") no-repeat scroll left -180px;}
.standardTab.active span,.standardTabActive span{background: transparent url("../images/dialogs/buttons.png") no-repeat scroll right -180px;}

.standardButton{cursor: pointer; text-decoration: none; margin: 2px 0px 0px 0px; }
.standardButton a{float: left; font: bold 12px Helvetica, Arial, sans-serif; margin: 0; padding: 4px 4px 3px 7px; height: 15px; color: #000; background: transparent;}
.standardButton span{float: left; height: 22px; width: 3px; margin: 0; background: transparent;}
.standardButton:hover a {background: url("../images/dialogs/buttons.png") no-repeat scroll left -240px;}
.standardButton:hover span, .standardButton a:hover + span{background: transparent url("../images/dialogs/buttons.png") no-repeat scroll right -240px;}
.standardButtonInactive a, .standardButtonInactive:hover a, .standardButtonInactive span, .standardButtonInactive:hover span, .standardButtonInactive a:hover + span{background-image:none!Important;}

.PageSprite{z-index:30;}

/*box under standard tab*/
.underTab{border: 1px solid #888;}

/********** Upload Status Box Styles **********/
.LMUploadContainer{ text-align: left; z-index: 10000; display: none; cursor: move; top: 24px; position: fixed; left: 675px; width: 256px;}
.UploadStatHeader{width: 240px; height: 20px; padding: 4px 10px 0 4px;
	background: url('../images/upload-status.png') top left no-repeat;}
.UploadStatTitle{font: bold 13px Helvetica, Arial, sans-serif; color: #fff; padding: 3px 0 3px 8px; width: 212px; float:left;}
.UploadStatClose{float: right; width: 16px; height: 16px; background: url('../images/close-box-up.gif') top left; margin: 3px 3px 0 0; cursor: pointer;}
.UploadStatMiddle{background: url('../images/upload-status.png') -254px top repeat-y; padding: 4px 10px 0 4px; width: 240px; margin: 0px;}
.UploadStatMsg{ float: left; width: 220px; color: #ddd; font: 12px normal Helvetica, Arial, sans-serif; margin: 1px 10px;}
.UploadStatBarContainer{height: 24px; border: 1px solid #444; width: 218px; margin: 4px 10px;}
.UploadStatBarOuter{background-color: #717171; height: 24px; width: 0px;}
.UploadStatBarInner{background-color: #cacaca; height: 8px; position: relative; top: -16px; width: 0px;}
.UploadStatButton{padding: 3px 6px 2px 6px; float: left; }
.UploadStatBottom{width: 240px; padding: 0 10px 14px 4px; background: url('../images/upload-status.png') left -34px no-repeat;}
#uploadCancelBtn{}
#uploadCancelBtn:hover{background: url(../images/upload-button.png) left -106px no-repeat;}

#uploadBrowseBtn{z-index:2000; position: absolute; margin: 0px; left: -9999px;}
#uploadBrowseBtn a {position: relative; top: 9999px;} /* make the adblock image thingy go somewhere else*/
.swfupload{width: 110px; cursor: pointer;}
.uploadBtnContainer{height: 22px; width: 110px; z-index:0; cursor: pointer;}
.uploadBtnLoadingText{font: bold 12px Helvetica, Arial, sans-serif; text-align: center; float: left; margin: 2px 10px; color: #fff;}

/********* Page Select Dialog ************/
.PageSelectDialog{position: absolute; width: 200px;  background-color: #ccc; border: 3px solid #779; left: 50%; top: 100px; margin-left: -100px; z-index: 11000;}
.PageSelectDialog h3{font: bold 16px Helvetica, Arial, sans-serif; padding: 2px 6px 4px 6px; width: 188px; background-color: black; color: white; margin-bottom: 4px;}
.PageSelectDialog input{margin: 4px 8px;}
.PageSelectDialog .button{margin: 8px 0 6px 16px;}
/********** media thumbs **********/
.mediaThumbnail{float: left; margin: 1px; position: relative; width:144px; height: 144px; padding: 1px; background-color: #eee; border:1px solid #aaa;}
.mediaThumbnail:hover{border-color:#222; border-width:2px; margin:0;}
.mediaThumbnailPreview, .mediaThumbnailPreview:hover{background-color: #777; border-color:#fff;}
#mediaThumbnailProto{display: none;}
.mediaThumbnailImg{ float: left; cursor: default;}
.mediaThumbnailCheckbox{position: absolute;top:0;right:0;}
.mediaVideoIndicator{width: 38px; height: 38px; background: url('../images/icons.png') -250px -70px no-repeat; position: absolute; top: 53px; left: 53px;}
.mediaReorderIndicator{width: 26px; height: 18px; background: url('../images/black-a75.png') repeat; position: absolute; top: 0px; left: 0px; text-align: center; padding:4px 0; font: bold 14px Arial, Helvetica, sans-serif; color: #fff; cursor:move;}
.mediaVideoEncodingIndicator{position: absolute; top: 82px;	left: 6px;	font-size: 11px; color: #FFFF00; width: 86px; padding: 3px 5px;
background: url('../images/black-a75.png') repeat;}

.mediaThumbnailCaptionInputMode{width: 595px;}
.mediaThumbnailCaptionInputLabel{clear: right; float: right; margin: 10px 380px 2px 5px; color: #000; font: bold 12px Arial, Helvetica, sans-serif;}
.mediaThumbnailCaptionInput{width: 410px; height: 48px; float: right; margin: 0 5px; padding: 5px; overflow: auto; font: normal 12px Arial, Helvetica, sans-serif; border: 1px solid #555;}

/*****Hover Menu Styling****/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu *, #MyLM.sf-menu, #ManageMenu.sf-menu {margin: 0; /*padding:		0;*/ list-style: none; text-align: left; cursor: pointer;}
.sf-menu {line-height:	1.2;}
.sf-menu ul { margin-left: 	1.5em; position: absolute; top:	-999em;	width: 15em; /* left offset of submenus need to match (see below) */ margin-top: 8px; background-image: url("../images/black-a75.png");}
.SFManageMenu ul{width: 12em;}
.SFMyLMMenu ul {width: 18em; margin-left: -10px;}
.sf-menu ul li {width: 100%;}
.sf-menu li:hover { visibility:	inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li { float: left;	position: relative;}
#MyLM li{/*float: right;*/}
.MenuItem, ul#MyLM a.menuItem {display:	block; position: relative;}
.sf menu li:hover ul, .sf-menu li.sfHover ul { left: -5em; top: .6em; /* match top ul list item height */ z-index: 99;}
.SFMyLMMenu li:hover ul, .SFMyLMMenu li.sfHover ul {left: -8em;	top: .6em;}
.SFManageMenu li:hover ul, .SFManageMenu li.sfHover ul {left: -2em; top: .6em;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {/*top: -999em;*/}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: 10em; /* match ul width */ top: 0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {/*top: -999em;*/}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left: 10em; /* match ul width */ top:	0;}
/*** DEMO SKIN ***/
.MenuItem {	border:	1px solid #888;	padding: .3em 1em; text-decoration:none;}
a.MenuItem, a.MenuItem h3  {color: #fff;}
.MenuItem:hover, .MenuItem.sfHover, a.MenuItem:hover h3{background-color: #000;	color: #fff; border-color:#fff;}
a.MenuItem:focus, a.MenuItem:hover {outline: 0;	color: #fff;}
#CurrentPageElement, .a.MenuItem:active{background-color: #000;	color: #fff;}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/}
.sf-shadow ul.sf-shadow-off {background: transparent;}

/* Help Window */
#Help{display: none; top: 0px; left: 0px; background-color: #fff; width: 700px; padding: 5px 5px 10px 5px;}
#Help * {font-family: Helvetica, Arial, sans-serif;}
#HelpTitle{height: 28px;}
#HelpAnswer {width: 355px;background-color:#eee; float: left; padding: 0px 10px;	}
#HelpAnswer *{padding-bottom:10px; font-size: 12px;}
#HelpAnswerHeading{font-size:14px; font-weight: bold; clear: both;	float: none; margin: 5px 0px;}
#HelpAnswer ol li{ margin: 5px 0 0 15px;} 
#HelpAnswer ul li{margin: 5px 0 0 15px;}
.HelpCategory{font-size: 12px; font-weight: bold; padding: 4px 0; margin: 0px;color: #008;}
#HelpTopics  {font-family: verdana; z-index:100; clear: both; float: left; background-color: #eee; padding: 5px; margin-right: 10px;}
#HelpTopics div {background-color: #eee; width: 300px;display: none;}
.basic strong{display:block; font-weight: bold; font-size: 12px; padding: 6px 0 2px 0;color: #88F; }
.HelpQuestion {cursor:pointer; display:block; padding:2px; margin-top: 0; text-decoration: none; font-weight: bold; font-size: 12px; color: black; background-color: #D8D9D9;
	border-top: 1px solid #FFFFFF; border-bottom: 1px solid #999; width: 300px; white-space:nowrap; background-image: url("../images/AccordionTab0.gif");}
.HelpQuestion:hover {background-color: white; color: white; background-image: url("../images/AccordionTab2.gif");}
.HelpQuestion.selected {color: black; background-color: #80cfe2;background-image: url("../images/AccordionTab2.gif");}
.basic div p {margin-bottom : 10px; border: none; text-decoration: none; font-weight: normal; font-size: 12px; margin: 0px; padding: 10px;width: 306px;}
a.helplink {cursor:pointer; display: inline; padding: 0; border: none; width: 0; background-image: none; background-color: transparent; margin-top: 0; text-decoration: none; font-weight: bold;
	font-size: 12px; color: #8888FF;}
a.helplink:hover { color: black; background-image: none; background-color: transparent;}

/*****************************************************************************
    Story - Comments
*****************************************************************************/
div#comment_header { font-size: 10px; font-weight: bold; color: #402F91; text-align: right; margin-right: 18px;}

.commentDel {float: right;cursor: pointer; width: 16px; height: 16px; background:url('../images/icons.png') -304px 0; }
div#addComment input{font-size: 11px;	font-weight: bold;}
.commentHeader{font: bold 12px Helvetica, Arial, sans-serif; float: left; clear:left;}
#addComment textarea{height: 100px; font-size: 12px; margin: 0px; padding: 5px; width: 545px; overflow: auto; float:left; clear:left;}
/*****/
#CommentControls{margin-top: 10px; float: left; clear:left; width: 300px; height: 34px;}

/********* Media Viewer ******************************/
.ssBusyIndicator{position: absolute; left: 50%; top: 50%; margin-left: -24px; margin-top:-24px;}
.mediaWidget{position: relative;}
.ssEmpty{width: 100%; height: 100%;}



/***************Modal Dialog Style************************************/
#ModalDialog{position: absolute; margin-top: 50px; left: 50%; margin-left: -360px; width:712px;height:536px;
	padding:0px 12px 12px 4px; text-align:left; z-index:20000;}

#ModalDialogHeader{width:720px; height:30px; color:#eee; cursor: move; padding: 5px 4px 0 4px; background: transparent url("../images/dialogs/modal-dialog.png") left top;}
#ModalDialogHeaderTitle{padding-top: 3px; float: left; margin-left:5px; font-size: 19px; color: #777; font-weight:bold;}
#ModalDialogHeaderClose{width: 16px; height: 16px; margin: 10px 4px 0px 4px;	float: right; background: url("../images/dialogs/modal-dialog.png") -350px -70px no-repeat; cursor: pointer;}
#ModalDialogHeaderClose:hover{background: transparent url("../images/dialogs/modal-dialog.png") no-repeat -400px -70px ;}
#ModalDialogMain{min-height: 420px; overflow: hidden; width: 720px;	padding: 0 4px; margin: 0; position: relative; background: transparent url("../images/dialogs/modal-dialog.png") -728px top repeat;}
#ModalDialogControls{height: 24px;	margin-top: 0px; padding: 4px; clear: both; background-color:#bdbec4; width: 704px;}
#ModalDialogButtonList{width: 296px; float: left;}
#ModalDialogButton{float: left;}
#ModalDialogStatus{background: transparent url("../images/dialogs/modal-dialog.png") no-repeat 0 -70px; width: 300px; float: left;height: 24px; overflow: hidden;margin-left: 8px;}
#ModalDialogStatusMessage{width: 292px; height: 20px; font-weight: bold; font-size: 14px; padding: 4px 8px; color: #000;}
#ModalDialogStatusMessage.ErrorMessage{color: #a00;}
#ModalDialogStatusMessage.InfoMessage{color: #000;}
#ModalDialogStatusMessage.SuccessMessage{color: #080;}
#ModalDialogHelpButton{float: right; margin-right: 22px;}
#ModalDialogHelpButton.active{margin-right: 0px;}
#ModalDialogTarget{	position: relative;z-index: 5001;padding: 5px;}
.jqmOverlay { background-color: #fff; display:none;}
#ModalDialogFooter{width:720px; padding: 0 4px; margin: 0 0 20px 0; height:16px; background: url("../images/dialogs/modal-dialog.png") left -50px;}

/**********Feedback Dialog Box**********/
#contact-container {width: 680px; padding: 15px;}
#contact-container h3{margin: 0px;}
#contact-container #feedback-message{font-size: 12px; color: #555; margin: 15px 0px;}
#contact-container form {padding:0; margin:0; width: 480px;}
#contact-container label {clear:left; display:block; width:100px; float:left; text-align:right; padding-right:4px; font-weight:bold;}
#contact-container .contact-input {font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; background:#eee; border:1px solid #ccc; width:360px;}
#contact-container textarea {height:100px;}
#contact-container #buttons {float: left; margin: 10px 0 0 0; clear: left;}

/**********Invite new Members Dialog Box**********/
.invite-members {padding: 4px 16px;}
.invite-heading{font-size: 16px; font-weight: bold; margin: 4px 0px; color: #00a;}
.invite-sample{font-size: 12px; padding: 4px 8px; margin:8px 18px; background-color: #eee; width: 540px; color: #111;}

.invite-members .invite-instructions{font-size: 12px; font-weight:bold; color: #333; margin-left: 12px; margin-top:4px;}
.invite-members .invite-instructions-tab{font-size: 12px; font-weight:bold; color: #666; margin-left: 20px;}
.invite-members .invite-instructions-highlight{font-size: 12px; font-weight:bold; color: #336699; margin: 4px 12px;}
.invite-spacer {margin: 16px 0;}

.invite-password-area{  margin: 8px; height: 24px; font-size: 14px; font-weight: bold;}
.invite-password-label{ float: left; padding-top: 4px;}
.invite-password{color: #0a0; float: left; padding: 4px 8px 3px 3px;}
.invite-password-label .button{float: left;}

.invite-password-change-area{ margin: 8px; height: 24px; font-size: 14px; font-weight: bold; display: none;}
.invite-password-change-label{float: left; padding: 6px 0px 0px 0px;}
.invite-password-new{ float:left; background-color: #eee; border: 1px solid #888; padding: 2px 3px 2px 3px; margin: 2px 8px;}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix {display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.dialog-message{color: #FFF; min-height: 16px; width: 266px; background-color: #222; border: 1px solid #aaa; font: bold 12px Helvetica, Arial, sans-serif; padding: 2px 4px; margin: 2px 0 2px 13px; overflow: hidden;}
.dialog-error{background-color: #A00;}
.dialog-label{font: bold 12px Helvetica, Arial, sans-serif; color: #ffffff; width: 75px; float: left; padding: 2px 0; margin: 5px 0 0 15px;}

.dialog-text{font: bold 12px Helvetica, Arial, sans-serif; color: #ffffff;}
.dialog-input{font: normal 12px Helvetica, Arial, sans-serif; padding: 2px; margin: 5px 0 0 0;}

.dialogBox select{padding:0px; width:175px;}
.dialogBox input{padding:1px 3px; width:169px;}
.dialogBox .preview{}

.dialog-buttons{ position: relative; bottom: 20px; right: 10px;}

.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:2099!Important;}
.ui-dialog {position: relative; width: 306px!Important; overflow: hidden; z-index:21000!Important;}
.ui-dialog-titlebar { padding: 12px .3em .3em 1em; position: relative; background: transparent url('../images/dialog-box.png') top left no-repeat; cursor: move;}
.ui-dialog-title { margin: .1em 0 .2em; font: bold 13px Helvetica, Arial, sans-serif; color: #ffffff; }
.ui-dialog-titlebar-close { position: absolute; right: 5px; top: 50%; width: 19px; margin: -6px 0 0 0; padding: 1px; height: 18px; color: #ffffff; font-size: 15px; font-weight: normal;}
.ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog-titlebar-close:hover { color: #fff; font-weight:bold; font-size: 16px;}
.ui-dialog-content { border: 0; padding: 0px 0px 0px 0px; overflow: auto; background: transparent url('../images/dialog-box.png') left bottom no-repeat; width: 306px; overflow: hidden;}

.ui-resizable-handle{height:0px!Important; width:0px!Important; border-width: 0px!Important;}

.dialog-scroll-container{width: 300px; overflow: hidden; padding: 0 10px;}
.dialog-panel-container{width: 1000px; position: relative; }
.dialog-instructions{font:bold 13px Helvetica, Arial, sans-serif; color:#fff; margin-left: 10px;}
.dialog-breadcrumb{font-size: 11px; color: #ddd; height: 14px; margin-left: 10px;}
.crumbInstructions{font: bold 12px Helvetica, Arial, sans-serif; color: #fff;}
.crumbLink{cursor: pointer;}
.crumbLink:hover{color:#fff;}
.dialogList{width: 282px; height: 170px; margin: 5px 0; color: #fff; font: normal 12px Helvetica, Arial, sans-serif; overflow-x: hidden; overflow-y: auto; position: relative; float: left;}
.dialogListItem{padding: 3px 5px; overflow: hidden; background-color: #555; cursor: pointer;}
.dialogListItem:hover{background-color: #333;}
.dialogListItem:active, .dialogListItemActive, .dialogListItemActive:hover{background-color: #000;}
.dialog-busy{top: 100px; left: 50px; width: 150px; height: 25px; background-color: #333; color: #fff; border: 1px solid #999;border-width: 1px 0px 0px 1px; text-align: center; padding: 25px; position: absolute; z-index:100;} 

.dialog-back{color:#ddd; cursor: pointer; font-size: 12px; font-weight: bold; margin: 4px 16px 0px 0px; float:right;}
.dialog-back:hover{color: #fff;}
.dialog-back-arrow{}
/****** Icons ******/
.icon{width: 16px; height: 16px; float:left; background: url('../images/icons.png') no-repeat; margin:0px 4px 0 0;}
.iconDeleteX{width: 14px; height: 15px; float:left; background-position: -353px 0px; margin:0px 4px 0 0;}
.iconDownArrow{width: 10px; height: 14px; background: url('../images/icons.png') -371px -1px;}
.iconPlus2{width: 14px; height: 14px; background-position: -337px -1px;}
.iconCopy{width: 16px; height: 16px; background-position: -384px -0px;}
.iconPencil, .pencilIcon{width: 16px; height:16px; float:left; background-position: -256px 0px; margin:0px 4px 0 0;}
.CXIcon{width: 16px; height:16px; float:left; background-position: -224px 0px; margin:0px 4px 0 0;}
.iconPlus, .plusIcon{width: 12px; height:12px; float:left; background-position: -242px -2px; margin:1px 2px;}
.commentIcon{width: 16px; height:16px; float:left; background-position: -272px 0px; margin:0px 4px 0 0;}
.iconPictures{width: 16px; height:16px; float:left; background-position: -400px 0px; margin:0px 4px 0 0;}
.iconPicture{background-position:-240px -144px;}
.iconBasket{width: 16px; height:16px; float:left; background-position: -432px 0px; margin:0px 4px 0 0;}
.iconDeleteImage{width: 16px; height:16px; float:left; background-position: -416px 0px; margin:0px 4px 0 0;}
.iconBlueArrowLeft{width: 16px; height:16px; float:left; background-position: 0 -128px; margin:0px 4px 0 0;}
.iconBlueArrowRight{width: 16px; height:16px; float:left; background-position: -16px -128px; margin:0px 4px 0 0;}
.iconGreenArrowLeft{width: 16px; height:16px; float:left; background-position: -32px -128px; margin:0px 4px 0 0;}
.iconGreenArrowRight{width: 16px; height:16px; float:left; background-position: -48px -128px; margin:0px 4px 0 0;}
.iconDeletePage{width: 16px; height:16px; float:left; background-position: -64px -128px; margin:0px 4px 0 0;}
.iconSave{width: 16px; height:16px; float:left; background-position: -80px -128px; margin:0px 4px 0 0;}
.iconPagesArrow{width: 16px; height:16px; float:left; background-position: -96px -128px; margin:0px 4px 0 0;}
.iconMail{width: 16px; height:16px; float:left; background-position: -112px -128px; margin:0px 4px 0 0;}
.iconDeleteStory{width: 16px; height:16px; float:left; background-position: -128px -128px; margin:0px 4px 0 0;}
.iconEye{width: 16px; height:16px; float:left; background-position: -144px -128px; margin:0px 4px 0 0;}
.iconStory{width: 16px; height:16px; float:left; background-position: -160px -128px; margin:0px 4px 0 0;}
.iconStories{width: 16px; height:16px; float:left; background-position: -176px -128px; margin:0px 4px 0 0;}
.iconPX{width: 16px; height:16px; float:left; background-position: -192px -128px; margin:0px 4px 0 0;}
.iconLock{width: 16px; height:16px; float:left; background-position: -208px -128px; margin:0px 4px 0 0;}

.iconStoryListSlider{width: 16px; height:16px; float:left; background-position: -224px -128px; margin:0px 4px 0 0;}
.iconDraft{height: 16px; width: 12px; float:right; background-position: -212px 0;}
.iconHelp{height: 16px; width: 16px; float:left; background-position: -48px 0;margin:0px 4px 0 0;}
.iconLink{height: 16px; width: 16px; float:left; background-position: -240px -128px;margin:0px 4px 0 0;}
.iconTools{height: 16px; width: 16px; float:left; background-position: -256px -128px;margin:0px 4px 0 0;}
.iconPerson{height: 16px; width: 16px; float:left; background-position: -319px 0px;margin:0px 4px 0 0;}
.iconColors{height: 16px; width: 16px; float:left; background-position: -272px -128px;margin:0px 4px 0 0;}
.iconX{height: 16px; width: 16px; float:left; background-position: -128px 0;margin:0px 4px 0 0;}
.iconCheck{height: 16px; width: 16px; float:left; background-position: -288px -128px;margin:0px 4px 0 0;}
.iconInfo{height: 16px; width: 16px; float:left; background-position: -304px -128px;margin:0px 4px 0 0;}
.iconError{height: 16px; width: 16px; float:left; background-position: -320px -128px;margin:0px 4px 0 0;}
.iconTick{height: 16px; width: 16px; float:left; background-position: -336px -128px;margin:0px 4px 0 0;}
.iconUserEdit{background-position:-352px -128px;}
.iconUserAdd{background-position:-368px -128px;}
.iconUserDelete{background-position:-384px -128px;}
.iconWand{background-position:-400px -128px;}
.iconRibbon{background-position:-416px -128px;}
.iconHome{background-position:-432px -127px; width:18px; height:18px;}
.iconSearch{background-position:-338px -108px;}
.iconHeart{background-position:-354px -108px;}
.iconLightning{background-position:-370px -108px;}
.iconStar{background-position:-386px -108px;}
.iconMusic{background-position:-402px -108px;}
.iconBlank{background:none; width:0; margin:0;}
.iconPage{background-position:-144px 0px;}
.iconPages{background-position:-176px 0px;}
.iconPageB{background-position:-192px 0px;}
.iconSwap{background-position:-418px -108px;}
.iconStar2{background-position:-434px -108px;}
.iconCalendar{background-position:-224px -144px;}
.iconMenuArrow{background-position:-256px -144px;}
.iconOpenArrow.open{background-position:-256px -144px;}
.iconOpenArrow{background-position:-272px -144px;}
.iconShield{background-position:-288px -144px;}

.iconLoading, .iconBusy{height: 16px; width: 16px; float:left; background: url('../images/ajax-loader.gif') top left no-repeat;margin:0px 4px 0 0;}

.iconListAll{background-position:-96px -144px; width:24px; height:24px; cursor: pointer;}

.iconPencilBtn{background-position:-304px -108px; height: 18px; width: 18px;margin:0px;}

.iconHoverOutline{margin: 5px; cursor: pointer;}
.iconHoverOutline:hover, .iconHoverOutline.active{margin: 4px; border:1px solid #888;}

.activeTab .appEditIcon{cursor:pointer; padding:5px 6px 6px 0px !Important; display:inline; margin-left: -6px;}
.activeTab .appEditIcon:hover .iconPencilBtn{background-position:-322px -108px;}

.fancySwitch{width: 56px; height: 16px; float:left; background: url('../images/icons.png') no-repeat; margin:0px; cursor: pointer;}
.fancySwitch.on:hover{background-position:-125px -144px;}
.fancySwitch.on{background-position:-120px -144px;}
.fancySwitch.on.disabled{background-position:-120px -144px!Important; cursor:default;}
.fancySwitch.off:hover{background-position:-148px -144px;}
.fancySwitch.off{background-position:-153px -144px;}
.fancySwitch.off.disabled{background-position:-153px -144px!Important; cursor:default;}

.fancyTextInputArea{position:relative; width: 125px; height:18px;}
.fancyTextInput{width: 119px; padding:1px 2px; height: 16px;}
.fancyTextInputButton{position:absolute; right: 1px; top: 1px; background-color: #9bf; cursor: pointer; margin: 0;}
.fancyTextInputLabel{position: absolute; left: 3px; top: 2px; color: #aaa; font-size: 11px; width: 150px;}

.fancySelect{position: relative; }
.fsButton{height: 24px}
.fsLabel{float: left; background: #eee none; width:9px; height: 20px; padding: 1px 0;}
.fsLabelText{margin: 2px 8px 5px 12px; float: left;}
.fsDivider{float: right; height:17px; margin: 0; width: 0px; border-left: 1px solid #c3c3c3; border-right: 1px solid #fff;}
.fsSelect{position: relative; float: left;}
.fsCurrent{float: left; background: #eee none; cursor: pointer; height:22px; padding-right:2px;}
.fsCurrentText{float:left; margin: 4px 0px 5px 5px; font: italic 12px Helvetica,Arial,sans-serif;}
.fsArrow{float: right; margin: 3px 2px 1px 0;}
.fsOptions{display:none; position: absolute; cursor: pointer; top: 19px; left: 0px; border-top: 1px solid #c3c3c3; width: 200px;}
.fancySelect:hover .fsOptions{display:block;}
.fancySelect:hover {z-index:5000;}
.fsOption{float: left;height:20px; border: 1px solid #c3c3c3; border-top: 1px solid #fff; float: left;  width:200px; background: #e5e5e5 none; -moz-box-shadow:1px 1px 1px rgba(0,0,0,0.6); -webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.6); }
.fsOption .fsText{margin: 3px 5px 3px 5px; float: left; white-space:nowrap;}
.fsOption.last{height: 16px; cursor:default; -moz-border-radius-bottomright: 10px;	-webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px;}

.ie	.fsOption.last{height: 0px;}

.iconPrevArrow, .iconNextArrow {background-image: url("../images/icons.png"); height:25px; cursor: pointer; position: relative; top: 1px;}
.iconPrevArrow{background-position:-0px -144px; width:24px; height:24px; cursor: pointer;}
.iconPrevArrow.disabled{background-position:-24px -144px; cursor: default;}
.iconNextArrow{background-position:-48px -144px; width:24px; height:24px; cursor: pointer;}
.iconNextArrow.disabled{background-position:-72px -144px; cursor: default;}

.pageHeader, .panelHeader, .appControlsTop{}