/******************/
/**** SLATE *******/
/******************/

body { background-color: #333; margin: 0 auto; padding: 0; font-size: 90%; color: #ccc; font-family: arial, verdana, helvetica; overflow:hidden; overflow-y:hidden; overflow-x:hidden; }
html { overflow:hidden; overflow-y:hidden; overflow-x:hidden; }
td { color: #ccc; }
/*-------------------------------------------------
TYPOGRAPHY
-------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; }
hr { clear:both; border: none; background: #555; height: 1px; }
h1 { font-size: 1.4em; margin: 20px 0 10px 0; font-weight: 400; color: #90e66a; text-shadow: 1px 1px 2px #000; }
h2 { font-size: .9em; margin: 10px 0 10px 0; font-weight: 900; color: #90e66a; }
/* approx 11/14 */
p { font-size: 1em; line-height: 1.4em; padding: 0; margin-bottom: 1em; }

/*-------------------------------------------------
GLOBALS & GENERAL CASES
-------------------------------------------------*/
a, a:link, a:visited { color: #90e66a; text-decoration: none; outline: none; }
a:hover, a:active { text-decoration: underline; outline: none; }

a.close:link, a.close:visited { border: 1px solid #ccc; }
a.close:hover, a.close:active { border: 1px solid #999; }

a img { border: none; }

/*-------------------------------------------------
Generated grid
-------------------------------------------------*/

#grid { float: left; position: absolute; top: 0px; left: 0px; bottom: 0px; width: 100%; background: transparent; clear: left; margin: 0 0; }
#grid div.column { }
#shareNews {  }
#circleMembercs {  }
#commentContainer p { background: #333; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
/*-------------------------------------------------
Messaging styles
-------------------------------------------------*/

span.closeMessage { float: right; position: relative; top: -10px; right: -10px; width: 16px; height: 16px; line-height: 16px; cursor: pointer; cursor: hand; }
p.errorMessage { background: #472424; border: 1px solid #a35151; padding: 20px; color: #ed7f7f; font-weight: 900; margin: 20px 0 0 0; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
p.errorMessage span.closeMessage { background-image: url(/assets/images/icons.png); background-repeat: no-repeat; background-position: -8px -250px; }
p.successMessage { background: #273f2b; border: 1px solid #5fc778; padding: 20px; color: #9be8ad; font-weight: 900; margin: 20px 0 0 0; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
p.successMessage span.closeMessage { background-image: url(/assets/images/icons.png); background-repeat: no-repeat; background-position: -9px -330px; }
p.infoMessage { background: #504c40; border: 1px solid #90e66a; padding: 20px; color: #90e66a; font-weight: 900; margin: 20px 0 0 0; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
p.infoMessage span.closeMessage { background-image: url(/assets/images/icons.png); background-repeat: no-repeat; background-position: -9px -330px; }

/*-------------------------------------------------
form settings
-------------------------------------------------*/
input { border: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
input.readonly, textarea.readonly { background: transparent; color: #ccc; }
input.text, input.blur, input.focus { margin:0 0; padding:5px 5px; }
input.focus { color: #000;}
input.blur { color: #555;}

/*-------------------------------------------------
general
-------------------------------------------------*/

a.buttonSmall:link, a.buttonSmall:visited { background: transparent url(/assets/images/buttons.png) no-repeat scroll top right; color: #fff; display: block; float: left; font-size: 12px; height: 24px; margin: 0 0; padding-right: 18px; text-decoration: none; text-shadow: rgba(25, 25, 25, 1) 0px 0px 5px; white-space: nowrap; }
a.buttonSmall:link span, a.buttonSmall:visited span { background: transparent url(/assets/images/buttons.png) no-repeat scroll top left; display: block; line-height: 14px; padding: 4px 0 6px 18px; }
a.buttonSmall:hover, a.buttonSmall:active { background-position: bottom right; outline: none; cursor: pointer; cursor: hand; }
a.buttonSmall:hover span, a.buttonSmall:active span { background-position: bottom left; padding: 4px 0 6px 18px; cursor: pointer; cursor: hand; }

ul#secondary { list-style: none; margin: 20px 0 0 0; padding: 0 0; border-top: 1px solid #777; }
ul#secondary li { background-image: url(/assets/images/patterns_h.png); background-position: 0 -159px; list-style: none; margin: 0 0; padding: 0 0; display: block; border-bottom: 1px solid #777; }
ul#secondary li.over { background-image: url(/assets/images/patterns_h.png); background-position: 0 -212px; }
ul#secondary li.selected { background-position: 0 -265px; }
ul#secondary li.selected a span {  }
ul#secondary li.selected a span.over { background-color: transparent; }
ul#secondary li a, ul#secondary li a:link, ul#secondary li a:visited { display: block; font-weight: 400; height: 3.4em; line-height: 3.4em; font-size: 1em; color: #fff; background-color: transparent; padding: 0 0 0 10px; outline: none; text-decoration: none; text-shadow: -1px -1px 1px #666; cursor: pointer; cursor: hand; }
ul#secondary li a:hover, ul#secondary li a:active { outline: none; text-decoration: none; cursor: pointer; cursor: hand; }
ul#secondary li a span { float: left; display: block; height: 3.4em; line-height: 3.4em; width: 150px; cursor: pointer; cursor: hand; }
ul#secondary li a span.over { display: block; background-color: #e9fcd3; position: absolute; padding: 0 0 0 10px; left: 0; height: 3.4em; line-height: 3.4em; width: 150px; cursor: pointer; cursor: hand; }

#account_overview a span.over { background-image: url(/assets/images/icons.png); background-repeat: no-repeat; background-position: 20px 14px }
#account_downloads a span.over { background-image: url(/assets/images/icons.png); background-repeat: no-repeat; background-position: 20px -39px }
#account_settings a span.over { background-image: url(/assets/images/icons.png); background-repeat: no-repeat; background-position: 20px -91px }

.wrapper { float: left; background: #333; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 0; margin: 0; /* min-width: 900px; */ }
.wrapper .main_container { /* background-color: #222222; background: #222222 url(/assets/images/shadow.png) repeat-x; */ position: absolute; top: 54px; left: 0px; right: 0px; bottom: 0px; overflow: hidden; }
#navContainer { position: absolute; top: 0; right: 0; height: 53px; }
#navContainer ul { list-style-type: none; height: 53px; margin: 0 0; padding: 0 0; }
#navContainer ul li { list-style-type: none; display: inline; margin: 0 0; padding: 0 0; }
#content { padding: 0 25px 20px 25px; background-color: #222; }

table.data { width: 100%; margin: 0 0; border-top: 1px solid #555; }
table.data tr th { text-align: left; font-weight: 900; border-bottom: 1px solid #555; padding: 6px 6px 6px 20px; white-space: nowrap; border-right: 1px solid #555; }
table.data tr th.header { background: transparent url(/assets/images/icons.png) no-repeat; background-position: 4px -909px; cursor: pointer; cursor: hand; }
table.data tr th.headerSortUp { background: #000 url(/assets/images/icons.png) no-repeat; background-position: 4px -854px; }
table.data tr th.headerSortDown { background: #000 url(/assets/images/icons.png) no-repeat; background-position: 4px -825px; }
table.data tr td { position: relative; background: transparent; padding: 6px 6px; border-bottom: 1px solid #555; font-size: .9em; }
table.data tr td.noborder { position: relative; background: transparent; padding: 0px 0px; border-bottom: none; font-size: .9em; }
table.data tr td a { display: block; }
.borderLeft { border-left: 1px solid #555; }
table.data tr td.expandable { cursor: pointer; cursor: hand; }
table.data tr.even { background: #222; }
table.data tr.odd { background: #333; }
table.data tr.over { background: #121212; }
table.data tr td.alignLeft { text-align: left; white-space: nowrap; }
table.data tr td.alignCenter {  }
table.data tr td.alignRight { text-align: right; white-space: nowrap; }
table.tableForm { width: 100%; margin: 0 0; border-top: 1px solid #555; }
table.tableForm tr td { background: transparent; padding: 6px 6px; font-size: .9em; }
td.noborder { border: none; background: red; }

a.adBackupPremium:link, a.adBackupPremium:visited, a.adBackupPremium:hover, a.adBackupPremium:active { display: block; width: 100%; height: 220px; line-height: 220px; background: url(/assets/images/ad_backup_premium.png) no-repeat; background-position: center center; text-decoration: none; outline: none; }
.rss { font-size: .9em; margin: 0 0; }

.bottom { clear: both; display: block; }

table.thumbFrame { float: left; position: absolute; border: none; margin: 0 0; padding: 0 0; }
table.thumbFrame tr td { line-height: 10px; margin: 0 0; padding: 0 0; }
table.thumbFrame tr td.NW { width: 10px; height: 10px;}
table.thumbFrame tr td.N { height: 10px;}
table.thumbFrame tr td.NE { width: 10px; height: 10px;}
table.thumbFrame tr td.W { width: 10px; }
table.thumbFrame tr td.E { width: 10px; }
table.thumbFrame tr td.SW { width: 10px; height: 10px;}
table.thumbFrame tr td.S { height: 10px;}
table.thumbFrame tr td.SE { width: 10px; height: 10px;}
table.thumbFrame tr td.center { float: left; height: 79px; width: 79px; }

#processingOverlay { background: #fff; line-height: 32px; height: auto; text-align: left; padding: 30px; border: 1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#processingOverlay img { float: left; margin: 0 10px 0 0;}
processingOverlay span { line-height: 32px; height: 32px; padding: 0 0; }
#overlayMessage { line-height: 50px; font-size: 1.4em; margin: 0 0 0 50px; padding: 0 0 0 6px; color: #666; }
#spinner { float: left; width: 50px; height: 50px; background-image: url(/assets/images/processing_large_slate.gif); background-repeat: no-repeat; }

#shares { border: none; margin: 0 0; }
#circleFilters { height:30px; clear:both; }
.shareThumbContainer { float:left; position: relative; height: 130px; width: 130px; margin: 0 0; }
.shareThumbBorder1 { }
.shareThumbBorder2 { padding: 6px; }
img.shareThumb { height: 100px; width: 100px; cursor: pointer; cursor: hand; }
a.shareThumb { display: block; position: absolute; top: 10px; left: 10px; line-height: 112px; height: 112px; width: 112px; text-decoration: none; }
.shareInfo { display: none; }

#thumbnails {  }
.thumbContainer { float: left; position: relative; width: 132px; height: 132px; }
.thumbInner { padding: 10px; }
.thumbBorder1 {  }
.thumbBorder2 { padding: 6px; }
img.thumb { border: none; display: none; height: 100px; width: 100px; cursor: pointer; cursor: hand; }
a.thumb { display: block; position: absolute; top: 10px; left: 10px; line-height: 112px; height: 112px; width: 112px; text-decoration: none; }

.blockOverlay { background: #fff; }
.processingOverlay { border: 'none'; padding: 0 0; width: 130px; padding: 20px; background-color: #fff; }
#shareStatus {  }
#statusMessage { margin: 0 0 3px 0; height: 1.3em; }
div.progressContainer { height: 20px; width: 140px; background-image: url(/assets/images/progress_bar_back.png); background-repeat: no-repeat; margin: 0 0; padding: 0 0; background-position: 0 -2px; }
div.progressBar { float: left; height: 20px; line-height: 20px; background-image: url(/assets/images/progress_bar.png); background-repeat: no-repeat; margin: 0 0; padding: 0 0; }
#shareStatusImage { float: left; height: 20px; line-height: 20px; width: 20px; margin: 0 0; padding: 0 0; }

.processing { background-image: url(/assets/images/processing_large_slate.gif); background-repeat: no-repeat; background-position: center center; }
.processingSmall { background-image: url(/assets/images/processing_small.gif); background-repeat: no-repeat; background-position: center center; }

ul#shareNewList { margin: 0 0; padding: 0 0; list-style-type: none; }
ul#shareNewList li { list-style-type: none; margin: 0 0; padding: 0 0; line-height: 2em; font-size: .9em; }
ul#circleMembersList { margin: 0 0; padding: 0 0; list-style-type: none; }
ul#circleMembersList li { float: left; height:auto; width: auto; text-align: center; margin: 0 10px 10px 10px; }

ul#pendingUsersList { list-style-type: none; margin: 0 0; padding: 0 0; background: #222; border: 1px solid #555; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ul#pendingUsersList li { list-style-type: none; display: block; margin: 0 0; padding: 4px 4px; }

/***************************/
/***** Backup Graph ********/
/***************************/
.graphContainer { position: relative; height: 150px; border-top: 2px solid #666; border-bottom: 2px solid #666; background-image: url(/assets/images/bar_graph_back_slate.gif); background-repeat: repeat-x; }
.graphSegment { float: left; display: inline; height: 150px; width: 19.9%; }
.barContainer { position: relative; height: 100px; border-bottom: 1px solid #666; }
.barInfo { height: 47px; margin: 3px 0 0 0; text-align: center; color: #999; font-size: .8em; }
.barInfo span { white-space: nowrap; }
#bar7Container { background-image: url(/assets/images/icons.png); background-repeat: no-repeat; background-position: 0px -1052px; }
.barIcon { height: 25px; }
#bar1Icon { background-image: url(/assets/images/bar_icon_docs.png); background-repeat: no-repeat; background-position: center center; }
#bar2Icon { background-image: url(/assets/images/bar_icon_email.png); background-repeat: no-repeat; background-position: center center; }
#bar3Icon { background-image: url(/assets/images/bar_icon_audio.png); background-repeat: no-repeat; background-position: center center; }
#bar4Icon { background-image: url(/assets/images/bar_icon_images.png); background-repeat: no-repeat; background-position: center center; }
#bar5Icon { background-image: url(/assets/images/bar_icon_video.png); background-repeat: no-repeat; background-position: center center; }
#bar6Icon { background-image: url(/assets/images/bar_icon_other.png); background-repeat: no-repeat; background-position: center center; }
#bar7Icon { background-image: url(/assets/images/bar_icon_free.png); background-repeat: no-repeat; background-position: center center; }
#bar8Icon { background-image: url(/assets/images/bar_icon_space.png); background-repeat: no-repeat; background-position: center center; }
.bar { position: absolute; bottom: 0; height: 0%; width: 100%; }
#bar1 { background-image: url(/assets/images/bar_docs.png); background-repeat: no-repeat; background-position: center top; }
#bar2 { background-image: url(/assets/images/bar_email.png); background-repeat: no-repeat; background-position: center top; }
#bar3 { background-image: url(/assets/images/bar_audio.png); background-repeat: no-repeat; background-position: center top; }
#bar4 { background-image: url(/assets/images/bar_images.png); background-repeat: no-repeat; background-position: center top; }
#bar5 { background-image: url(/assets/images/bar_video.png); background-repeat: no-repeat; background-position: center top; }
#bar6 { background-image: url(/assets/images/bar_other.png); background-repeat: no-repeat; background-position: center top; }
#bar7 { background-image: url(/assets/images/bar_free.png); background-repeat: no-repeat; background-position: center top; }
#bar8 { background-image: url(/assets/images/bar_space.png); background-repeat: no-repeat; background-position: center top; }

/***************************/
/***** Backup Plan Meter ********/
/***************************/
.planMeterContainer { display: none; height: 100px; }
.planMeterInner { padding: 10px; }
.meterContainer { display: none; width: 100%; height: 29px; line-height: 29px; background-image: url(/assets/images/icons.png); background-position: 0px -1044px; border: 1px solid #ccc; }
.meterInfo { float: left; height: 27px; line-height: 27px; width: 19.9%; margin: 3px 0 0 0; text-align: center; color: #999; font-size: .8em; }
.meterInfo span { margin: 0 0; padding: 0 0; white-space: nowrap; }
.meter { float: left; height: 29px; }
.meterIcon { height: 20px; }
.meterDocs { background-image: url(/assets/images/meter_patterns_h.png); background-position: 0 0; }
.meterEmails { background-image: url(/assets/images/meter_patterns_h.png); background-position: 0 -29px; }
.meterAudios { background-image: url(/assets/images/meter_patterns_h.png); background-position: 0 -59px; }
.meterPhotos { background-image: url(/assets/images/meter_patterns_h.png); background-position: 0 -89px; }
.meterVideos { background-image: url(/assets/images/meter_patterns_h.png); background-position: 0 -119px; }
.meterOthers { background-image: url(/assets/images/meter_patterns_h.png); background-position: 0 -150px; }
.docsIcon { background-image: url(/assets/images/bar_icon_docs.png); background-repeat: no-repeat; background-position: center center; }
.emailsIcon { background-image: url(/assets/images/bar_icon_email.png); background-repeat: no-repeat; background-position: center center; }
.audiosIcon { background-image: url(/assets/images/bar_icon_audio.png); background-repeat: no-repeat; background-position: center center; }
.photosIcon { background-image: url(/assets/images/bar_icon_images.png); background-repeat: no-repeat; background-position: center center; }
.videosIcon { background-image: url(/assets/images/bar_icon_video.png); background-repeat: no-repeat; background-position: center center; }
.othersIcon { background-image: url(/assets/images/bar_icon_other.png); background-repeat: no-repeat; background-position: center center; }

ul.buttons { list-style-type: none; margin: 0 0 10px 0; padding: 0 0; display: block; width: 100%; display: inline; line-height: 40px; }
ul.buttons li { list-style-type: none; margin: 0 10px 0 0; display: inline; width: auto; }
ul.buttons li.processing { background: url(/assets/images/processing_small.gif) no-repeat; height: 19px; }
ul.buttons li a:link, ul.buttons li a:visited { text-decoration: none; padding: 3px 6px; width: auto; color: #666; border: 1px solid #666; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; cursor: hand; }
ul.buttons li a:hover { background: transparent; color: #90e66a; border: 1px solid #90e66a; }
ul.buttons li a:active, ul.buttons li a.selected { background: #90e66a; color: #222; border: 1px solid #90e66a; }
ul.buttons li a:active, ul.buttons li a.active { background: transparent; color: #90e66a; border: 1px solid #90e66a; }

.right{  }
.buttonRow, #circleFilters { width:auto; min-height:30px; display:block; text-align:center; position:reletive; line-height:25px; border-bottom:1px solid #656565; padding-bottom:5px; }
span#fileInf {  padding:0 100px; text-align:center; display:block; margin:auto; }
ul.shareFiltersNav{  }
.buttonRow div { position:absolute; top:0; display:block; width:75px; }
/*.buttonrow a:hover, .buttonrow a:hover span{ text-decoration:none !important; }*/
.buttonRow span {  }
.buttonRow #previousGroup{ left:0; }
.buttonRow #nextGroup{ right:-10px; }

.right ul.buttonRow{ list-style:none; height:auto; margin:0; padding:0; border:0; }
.right ul.buttonRow li{ float:right; margin:0 0 0 10px; }
.right .buttonRow div { width:auto; }

ul#shareFiltersNav { display: block; margin: 0 0; padding: 0 0; clear: both; }
#shareFiltersNav li { list-style-type: none; display: inline; float: left; width: auto; margin: 0 0; padding: 0 4px 0 0; }
#shareFiltersNav li a { margin: 0 1px 0 1px; }



a.resend:link, a.resend:visited, a.resend:hover, a.resend:active { float: left; width: 32px; height: 16px; line-height: 16px; background-image: url(/assets/images/icons.png); background-repeat: no-repeat; background-position: -6px -216px; text-decoration: none; }

.buttonRow{ position:relative; width:100%; }
#previousGroup { position:absolute; top:0; left:0; }
#nextGroup { position:absolute; top:0; right:0; }
#pageInfo { width:100% !important; text-align:center; display:block !important; }

/* all 'toggler-buttons' */
.ui-layout-toggler {  }
.ui-layout-center { background-color: #222; }
.ui-layout-east { height:100%; position:absolute; top:0px; right:0px; margin: 0 0 0 0; padding:0 0 0 0; background:#333; }
.ui-layout-west { height:100%; position:absolute; top:0; left:0; margin: 0 0 0 0; padding:0 0 0 0; background:#656565; }
.ui-layout-north {  }
.ui-layout-pane {  }
.ui-layout-pane-north {  }
.ui-layout-pane-center { border-left: 1px solid #444; border-right: 1px solid #666; }
.ui-layout-pane-east { border-left: 1px solid #777; }
.ui-layout-pane-west {  }
.ui-layout-pane-center #content_footer { position: absolute; bottom: 0; padding: 10px 0 10px 40px; font-size: 80%; background: #222; }
.ui-layout-resizer	{  }
.ui-layout-toggler	{  }
.ui-layout-resizer:hover							{ background: #999; }
.ui-layout-resizer:hover .ui-layout-toggler			{ background: #222; }
.ui-layout-resizer:hover .ui-layout-toggler:hover	{ background: #222; }
.ui-layout-resizer-north {  }
.ui-layout-resizer-east {  }
.ui-layout-resizer-west {  }
.ui-layout-resizer-east {  }
.ui-layout-resizer-west {  }
.ui-layout-resizer-open {  }
.ui-layout-resizer-north-open {  }
.ui-layout-resizer-east-open { background: #777; }
.ui-layout-resizer-east-closed { background: #777; }
.ui-layout-resizer-west-open {  }
.ui-layout-toggler-east-open { background: #444; }
.ui-layout-toggler-east-closed { background: #444; }

.blockUI { background: #000; }

.success { background: transparent url(/assets/images/login.png) no-repeat; background-position: 0 -1240px; }
.failure { background: transparent url(/assets/images/login.png) no-repeat; background-position: 0 -1269px; }

a.packageFilesToggle, a.packageFilesToggle:link, a.packageFilesToggle:visited, a.packageFilesToggle:hover, a.packageFilesToggle:active { display: none; }

div.ProgressBar { width: 100px; padding: 0; border: 1px solid black; margin-right: 1em; height:.75em; margin-left:1em; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; }
div.ProgressBar div { background-color: Green; font-size: 1pt; height:100%; float:left; }
span.asyncUploader object { position: relative; top: 5px; left: 10px; }
input.star { visibility: hidden; }