/* Global stylesheets */


/* ======= Imported from 'css/dv.css' ======= */


/* boxes (main) */

input.bodytext { background-color: white ! important}
select { background-color: white ! important}
textarea { background-color: white ! important}
#box {clear: both;position:relative;width:492px;height:376px;}
#titlearea {position:relative;width:100%;}

/* content boxes */

#msgbox {height:100%;}
#msgbox {position: relative;float: right;width: 198px;background: none;padding: 7px 5px 0 15px;}
#msgbox_progress_indicator {background:none;display:none;position:absolute;top:0px;left:0px;text-align:center;z-index:120;}
#msgbox #progress_indicator_iframe {border:none;display:hidden;position:absolute;top:0px;left:0px;z-index:20;width:0px;height:0px;}
p.buttons {margin: 0;padding: 0;text-align: right;}
#msgbox p.buttons, #smallbluebox p.buttons, .blueroundedbox.empty p.buttons {position: absolute;bottom: 5px;right: 10px;width: 194px;}
#smallbluebox p.buttons .floatleft{margin-left:10px;}
iframe{width:100%;height:375px;border: 1px solid #d2d2d5;margin-bottom:5px;margin-top:5px;padding:0;}
.smallnote {font-size: 0.9em;font-family: arial, helvetica, verdana, sans-serif;font-weight: normal;font-style: normal;color: #696973;margin-left: 50px;}
#content h3 {margin:0;padding: 18px 0 5px 0;font-size:1.6em;font-weight:normal;color: #0095d8;}
#content #titlearea h3 {margin-left:15px;font-size: 1.7em;}
#content #titlearea h3 span {float: none;padding-left: 5px;font-size: 0.8em;color: #696973;}
#content .indent {margin: 0 0 0px 15px;}
#content #msgbox h3 {margin: 3px 0 5px 0;padding: 0;}
#content #msgbox h4 {margin-bottom: 5px;}
#content h4{color:#0095d8 ;font-weight:bold;margin-top:5px;font-size:14px;}
.bottom {position:relative;bottom:5px;}
.warning{color:#ff8331;}
.ind3{margin:3px;}
th, .wbar_bg {height:21px;}
.bt {margin:5px 0;}
#msgbox ol{margin-left:19px;}
#msgbox li{margin-bottom: 5px;}
#msgbox ol li *{vertical-align:middle;}
#msgbox .txtInput{width:79px;}
th {text-align:left;color: #696973;}
td {text-align:left;height:20px;}
.radiolist label, .radiolist input{vertical-align:middle;}
#content .subsection p.bottom {position:absolute;top:19em;left:0;}
#content span.counter {position:relative;top: -0.2em;margin-left:.5em;font-size:.9em;}
#content p span.counter {position:relative;top:0;}
#wshadow{width:330px;}
#warning{position:relative;left:-4px;top:-4px;width:326px;background:#fff;border:2px solid #cecece;text-align:left;}
#warning #greybox_top{margin:6px;width:314px;}
#warning #greybox_bottom{width:314px;height:4px;}
#warning div#warningIcon{width:150px;height:45px;}
#warning p{margin:6px 27px 8px 27px;}
#pop{position:relative;padding:16px 14px;background:#fffaca;border:solid #807d6c;border-width:1px 3px 3px 1px;z-index:1;}
#pop.small{width:150px;height:100px;}
tr.bluechecked td {color: #0095d8;}

/* Thumbnails */

#thumbs_box{position:relative;margin:22px 0px 0px 0px;_margin-left: 2px;clear:both;display:block;}

/* used in album thumbnails - collectionDetails.jspf */

#thumbs_box2{margin:10px 0px 0px 0px;clear:both;display:block;}
.thumbnail{float:left;margin:0px 7px 5px 0px;margin-right:12px;width:120px;height:154px;}
.thumbnail .graybox{display:block;clear:both;background:#eaeaea;height:140px;_height:120px;}
.ind{margin-top:0px;margin-right:0px;_margin-top:8px;width:80px;overflow:hidden;}
#thumbs_box .desc, #thumbs_box2 .desc{clear:both;width:100%;overflow:hidden;white-space:nowrap;}
.bts .floatright{margin:2px 2px 0 0;}
#list_box{position:relative;display:table;clear:both;margin-top:10px;}
#list_box #collectionActions {width:70px;}
#list_box #collectionDuration {width:125px;}
#list_box.big {width:520px;margin:22px 0 12px 10px;}
#dv.framed #list_box {margin-top:0;padding-top:0;clear:none;}
#list_box td{padding:0.18em;}
#list_box .checkText{margin-left:3px;}
.login_box{width:192px;margin:60px 8em;margin-bottom:-30px;height:264px;background:url('../image/gen_box_blueboxlogin.gif') top left no-repeat;padding:28px;}
.login_box h1, .login_box h2{margin:0;}
.login_box p{margin:10px 0;padding:0;}
.login_box p.bloc{margin-top:6px;}
.login_box input{display:block;clear:both;}
.blockwiththumb {margin: 10px 0 0 0;padding: 0 0 20px 90px;}
.blockwiththumb img {float:left;margin: 1.5em 0 0 -90px;}
.blockwiththumb label {display: block;margin:0;font-weight:bold;font-size:1.2em;color:#0095d8;}
.blockwiththumb label.twothirty {width: 230px;}
.blockwiththumb label.threeeighty {width: 380px;}
.blockwiththumb label span {float: right;margin-top: -1.1em;font-size: 0.9em;font-weight: normal;color: #696973;}
.blockwiththumb label input {display: block;margin: 3px 0 10px 0;}
.blockwiththumb label.twothirty input {width: 230px;margin-left: 0 !important;margin-left: -12px;}
.blockwiththumb label.threeeighty textarea {width: 380px;margin-left: 0 !important;margin-left: -12px;}

/* begin blockwiththumb for rename */

.blockwiththumb2 {margin: 5px 0 5px 0;padding: 2px 5px 5px;float:left;border:1px solid #ccc;background:#F6F6F6;width:100%;}
.blockwiththumb2 img {float:left;margin: 1.5em 10px 0 0px;}
.blockwiththumb2 label {display: block;margin:0;font-weight:bold;font-size:1.2em;color:#0095d8;}
.blockwiththumb2 label.twothirty {width: 235px;}
.blockwiththumb2 label.threeeighty {width: 380px;}
.blockwiththumb2 label span {float: right;margin-top: -1.1em;font-size: 0.9em;font-weight: normal;color: #696973;}
.blockwiththumb2 label input {display: block;margin: 3px 0 10px 0;margin-left:0px;}
.blockwiththumb2 label.twothirty input {width: 230px;}
.blockwiththumb2 label.threeeighty textarea {width: 380px;font-size: 0.9em;font-family: arial, helvetica, verdana, sans-serif;}
.blockwiththumb2 label.threeeighty span.maxchars, .blockwiththumb2 label.twothirty span.maxchars, .blockwiththumb label.threeeighty span.maxchars, .blockwiththumb label.twothirty span.maxchars{font-size: 0.8em;font-family: arial, helvetica, verdana, sans-serif;}
.blockwiththumb2 select {margin-left:0px;}
.blockwiththumb2 label.twothirty span.mandatory{margin-right:-7px;_margin-right:-10px;margin-top:-25px;background:url('../image/gen_bg_asterisk.gif') left 0.3em no-repeat;}

/* end blockwiththumb for rename */

.nospace{margin:0;}
.related {float: right;width: 30%;}
.related ul {margin-left: 15px;color: #ff8231;}
.description {margin: 0px 35% 0 20px;}
#content .related h4, #content .description h4 {font-size: 1.1em;}
.group{position:relative;margin-top:1em;}
.group .mandatory{display:block;margin-left:-10px;text-indent:10px;background:url('../image/gen_bg_asterisk.gif') left 0.3em no-repeat;}
.group .medium label.mandatory{margin-left:0;width:215px;}
.group .medium label.mandatory input{left:10px;}
.group .medium{position:relative;left:-10px;width:232px;}
.group .large, .group.large{width:380px;}
.group label .checkText{font-size:0.9em;font-weight:normal;color: #696973;margin-top:-1.3em;float:right;}
.group label{font-weight:bold;margin:0;}
label {display:block;}
input {clear:left;padding:0;font-size:11px;}
#content h4.grey {margin-bottom: 10px;font-weight: normal;color: #979797;}

/* print */

.printable {margin: 2px 0 20px 2px;}
.printable {page-break-after: always;}
.leightbox {display: none;position: absolute;top: 25%;left: 35%;width:auto;z-index:1001;margin: auto;}
#overlay{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:#666;-moz-opacity: 0.6;opacity:.60;filter: alpha(opacity=60);}

#lightbox[id] { /* IE6 and below Can't See This */

position:fixed;}

#overlay[id]{ /* IE6 and below Can't See This */

position:fixed;}

/*TOOLTIP FIX */

div.tooltip-container {position:relative;float:right}
div.tooltip {position:absolute;padding:5px;top:-15px;left:-380px;width:150px;border:1px solid #000;background:#fffac1;display:none;}
div.tooltip#tooltip-document{left:-380px}

/* ======= Imported from 'css/main.css' ======= */

#content {margin-top: -5px !important;margin: 5px 0px 0px 0px;top: 5px;}

/* content area


-----------------------------------------------------------------------------*/

#content {float: left;position: relative;width: 100%;margin: 19px 0px 15px 0px;padding: 0px 0 10px 0px;}
#content:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#content {/*display: inline-table;*/}

/* Hides from IE-mac \*/

* html #content {height: 1%;}
#content {display: block;}

/* End hide from IE-mac */


/* Lists


----------------------------------------------------------------------------*/


/* general UL and OL declaration for #content area */

#content ul {margin: 0 0 14px 25px;padding: 0 0 0 0;list-style: square;list-style-position: outside;}
#content ul li {margin: 0px;padding: 0px;}

/* Start of classes from general.css */


/* */

body {background:#FFFFFF url(/base/image/newbg.gif) top center repeat-x;margin: 0;text-align: center;font-family: arial, helvetica, verdana, sans-serif;font-size: 11px;color: #696973;color: #333;}
* html body {font-size: 0.7em;}

/* specific declarations for table due to occasional


inheritance issues */

table, table * {font-family: arial, helvetica, verdana, sans-serif;font-size: 11px;}
img { border: 0px; }
h2 {z-index: 10;position: relative;margin: -2px 0 0 0;padding: 0;font-size: 1.75em;color: #afb0b1;}
* html h2 {margin: -4px 0 0 0;}
h5 {font-size: 1.1em;margin: 8px 0 0 0;}
p {margin: 0px 0px 15px 0px;
/* line-height: 1.5em; */

line-height: 1.2em;}
li {line-height: 1.3em;}
hr {border: 0;height: 0px;text-indent: -10000px;padding: 3px 0 3px 0;background: transparent;color: #fff;}
select {font-size: 0.95em;}
iframe {border: none;margin: 0px;padding: 0px;width: 100%;}

/* anchors */

a {color: #ff8231;text-decoration: none;}
a:hover {text-decoration: underline;}

/* footer (from general.css)


------------------------------------------------------------------------------*/

#footer {font-size: 11px;position: relative;margin: 8px 0 12px 0;clear: both;border-top:1px solid #ccc;}
#footer ul {list-style:disc;margin: 0;padding: 0;float: none;clear: both;}
#footer ul li {float: left;display: inline;margin:0px;padding: 0 10px 0px 8px;}
#footer ul li a {color: #696973;text-decoration: none;}
#footer ul li a:hover {text-decoration: underline;}
TEXTAREA {behavior: url(/base/include/maxlength.htc);font-size: 0.9em;font-family: arial, helvetica, verdana, sans-serif;}
#footer a, #footer a:hover, #footer a:visited{text-decoration: none;}
#footer ul li a:hover {text-decoration: underline;}

/* ======= Imported from 'css/global/global.css' ======= */


/* ======= Imported from 'css/global/global_main.css' ======= */


/* -- General ------------------------------------------------------------------------- */

body, p, td, input, select, option, textarea {font-family: verdana, lucida, arial, helvetica, sans-serif;color: #666;}
* html p {margin-left: 0;height: 1%;}
a, a:link, a:visited, a:active {color: #1754a0;text-decoration: none;}
a:hover {color: #000;text-decoration: underline;}
.hide, a.skip {height: 0;width: 0;overflow: hidden;position: absolute;}
div {float: none;clear: none;display: block;margin: 0;padding: 0;border: 0;}
img {border: 0;}
.clear {clear: both;height: 1px;}
form {margin: 0px;}
.innerPortlet {width: 100%;}

/* -- Page container---------------------------------------------------------------- */

#Page {
margin: 0 auto; /*reset for containers */


text-align: left; /* reset for containers */

font-size: 0.9em;width: 720px;}

/* -- Global elements - global header, signpost image, primary navigation,


secondary navigation, footer -------------------------------------------------------- */

#GlobalHeader {height: 65px;}

/* content areas themselves are define in specific layout css */

#ContentAreas {}

/* -- floating */

.floatRight {float: right;}

/* -- Login page */

h1.landing{font-size:14px; text-transform:uppercase; font-weight:bold;}
#loginBox {width:355px;padding:4px;color:#000;float:left;}
#loginBox input {color:#000}
#loginBox div#loginError {color:#ff0000}
div.loginInput {margin-bottom:4px}
#loginFields{position:relative; background-color:#F2F2F2; padding:5px; min-height:145px; _height:143px; font-size:12px;}
#inputFields{width:250px; margin:0 auto; margin-top:10px;}
.divThatHoldsLabelTextOnTheSignInForm{float:left;width:105px;}
#loginError{text-align:center;}
.tl, .tr, .bl, .br{position:absolute; border:1px solid #FFFFFF; width:3px; height:3px;}
.tl{top:0px; left:0px; border-width:1px 0 0 1px}
.tr{top:0px; right:0px; border-width:1px 1px 0 0;}
.bl{bottom:0px; left:0px; border-width:0 0 1px 1px;}
.br{bottom:0px; right:0px; border-width:0 1px 1px 0;}
#loginAdvertising {width:320px;float:left;margin:0px 0px 0px 10px;padding:4px}
#loginAdvertising div {border:1px solid #ccc;height:153px}
select#sharing {width:120px}

/* -- Collections */

#list_box {width:100%;border:1px solid #ccc}
#list_box th {border-bottom:1px solid #ccc;padding-left:1px}
p#errorMessage {color:#ff0000}

/* -- Header Bar */

div.headerBar {height: 30px;background: url('/base/image/bgSortBy.gif') repeat-x;border: 1px solid #CCC;overflow: hidden;}
div.headerBar div.headerCommands {float:right;padding:0px 0px 0px;}
div.headerBar label {}
div.headerBar select {width:110px}
div.headerBar div.headerCommand a {padding:0 3px;}

/* -- Other ----------------------------------------------------------------- */

p.usageblurb {border:1px solid #f15a22;padding:10px;margin:0px 0px 10px}

/* -- Pagination Bar */

.paginationContainer {text-align: center;width: 100%;}
.paginationContainer .pagingReport {float: left;text-align: left;width: 25%;margin: 7px 0 0 6px;}
.paginationContainer .pagingLocation {width: 46%;float: left;text-align: center;margin: 6px 0 0 0;}
.paginationContainer .pagingNav {float: right;text-align: right;width: 25%;margin: 1px 2px 0 0;}
.paginationContainer .pagingLocation .paging{padding: 1px 3px;
line-height: 16px; /* For IE6 */

text-decoration: none;}
.paginationContainer .pagingLocation .currentPage {border: 1px solid #06c;background: #06c;color: #fff;}
.paginationContainer .pagingLocation .notCurrentPage {border: 1px solid #06c;background: #fff;}

/* -- Content Button Bar */

.buttonContainer {text-align: center;width: 100%;}
.buttonContainer .buttonNav {float: right;text-align: right;width: 25%;margin: 1px 2px 0 0;}

/* -- Storage Used Container */

div#storageUseContainer {width:244px;height:60px;float:right;background:#fff url('/base/image/bgStorageUse.gif') repeat-x bottom;margin:0px 0px 0px}
div#storageUseContainer div#storageUseHeader {height:15px;margin:0px 0px 0px}
div#storageUseContainer div#storageUseMeter {border:2px solid #ddd;height:15px;background:url('/base/image/bgStorageMeter.gif') repeat-x}
div#storageUseContainer div#storageUseBar {background:#1b4798;width:0px;height:14px;}

/* -- Home Page - Logged In */

div#overviewColumnRight {float:right;width:280px;border-left:0px solid #2d758d;padding:0px 0px 0px 0px;margin:0px 0px 0px;}
div#overviewColumnLeft {padding:0px 0px 0px}
div#overviewColumnRight h2 {}
div.overviewSectionContainer {width:270px;border:1px solid #2d758d;text-align:right;padding:5px 10px 0px 0px;margin:0px 0px 20px}
div.overviewSectionContainer input {cursor:pointer}
div.randomPhotoContainer {border:1px solid #2d758d;padding:3px 3px 1px;float:left;margin:0px 10px 10px 0px }
div.randomPhotoContainer img {width:146px;height:146px}
div.randomPhotoContainer div {width:146px;height:146px}
div#overviewColumnRight div#viewPlayShare {background:url('/base/image/viewPlayShareBackground.jpg') no-repeat;height:135px;}
div#overviewColumnRight div#uploadFiles {background:url('/base/image/uploadFilesBackground.jpg') no-repeat;height:88px}
div#overviewColumnRight div#frameMarketing {background:url('/base/image/frameMarketing.jpg') no-repeat;height:170px}

/* -- Marketing Pages */

div#marketingContainer {border:1px solid #ccc;background:url('/base/image/marketingContainerBG.gif') repeat-x;width:300px;padding:10px}
div#marketingContainer h2 {color:#f15a22;margin-bottom:15px}
div#marketingContainer,div#marketingImage {float:left;border:1px solid #ccc}
div#marketingImage {margin:0px 0px 0px 65px}

/* -- Upload Files */

p#uploadContainer {background: #fff;width:710px;height:150px;padding:3px;color: #f00;border: 1px solid #d2d2d5;}

/* -- Collections */

#list_box{position:relative;display:table;clear:both;margin-top:10px;}
table#list_box thead tr{background: url('/base/image/bgSortBy.gif') repeat-x;}
#list_box {width:100%;border:1px solid #ccc}
#list_box th {border-bottom:1px solid #ccc;padding-left:1px;text-align:left;color: #696973;}
#list_box td {text-align:left;height:20px;}
#list_box td span a {white-space:pre}

/* -- My Vault Section */

div#myVaultHeader {border:1px solid #c6c6c6;background:#efefef;margin:5px 0px 2px;padding:0px 0px 2px 2px;width:715px; height:25px; position:relative;}
div#myVaultHeader a {margin:0px 5px 0px 3px;font-weight:bold}
div#myVaultHeader select#displayFilter {width:100px; position:absolute; top:3px; left:5px;}
div#myVaultDevices {width:130px;border:1px solid #c6c6c6;float:left;margin:0px 2px 0px 0px}
div#myVaultDevices div.myVaultDevice {height:44px;border-bottom:1px solid #c6c6c6; background:url('/base/image/blueGradient.gif') repeat-x; font-weight:bold;position:relative}
div#myVaultDevices div.webUploads div,div#myVaultDevices div.pcBackup div,div#myVaultDevices div.photos div,div#myVaultDevices div.videos div,div#myVaultDevices div.documents div {position:absolute;height:34px;width:45px;top:5px;left:3px;}
div#myVaultDevices div.webUploads div {background:url('/base/image/myDevicesWebUploads.gif') no-repeat center left;}
div#myVaultDevices div.pcBackup div {background:url('/base/image/myDevicesPCBackup.gif') no-repeat center left;}
div#myVaultDevices div.photos div {background:url('/base/image/iconPhotos.gif') no-repeat center left;}
div#myVaultDevices div.videos div {background:url('/base/image/iconVideos.gif') no-repeat center left;}
div#myVaultDevices div.documents div {background:url('/base/image/iconDocuments.gif') no-repeat center left;}
div#myVaultDevices div.active {background:url('/base/image/orangeGradient.gif') repeat-x;}
div#myVaultDevices div a {z-index:2;position:absolute;display:block;padding:14px 0px 0px 40px;height:30px;color:#fff;width:90px}
div#myVaultDeviceFileList {border:1px solid #c6c6c6;float:left;height:400px;overflow:scroll; _overflow-y:scroll; overflow-x:hidden; width:560px}
div#myVaultDeviceFileList table {width:100%;}
table col#type {width:45px}
table col#size {width:65px}
table col#uploaded {width:78px}
table#myVaultHeaders th,div#myVaultDeviceFileList table td {}
div#myVaultDeviceFileList table td div.folderName,div#myVaultDeviceFileList table td div.fileName {overflow:hidden;width:280px;white-space:nowrap}

/* -- New ScrollLoader Styles -- */

div#tableScroller {height:300px;width:583px;overflow:auto;border:1px solid #ccc}
table#recordHolder {width:100%}
table#recordHolder td,table#recordHolder th {height:22px}
table#recordHolder th {border-bottom:1px solid #c6c6c6;background:#FAFBFC url('/base/image/bgSortBy.gif') repeat-x}
table#recordHolder th a {padding:0px 10px 0px 0px;background:url('/base/image/arrowDown.gif') no-repeat center right;}
table#recordHolder td {height:22px; overflow:hidden;}
table#recordHolder td div.fileName {width:280px;overflow:hidden;white-space:nowrap}

/* -- View - Play - Share Landing Page */

div.mediaSectionContainer {width:135px; border:1px solid #F2F2F2;float:left;margin:0px 3px 0px 3px}
div.mediaSectionContainer div.mediaSectionHeader {background:url('/base/image/bgMediaSectionHeader.gif') repeat-x; height:46px;}
div.mediaSectionContainer div.mediaSectionHeader a,div.mediaSectionContainer div.mediaSectionHeader a:hover {font-weight:bold;text-decoration:none;color:#fff;vertical-align:super;font-size:11px;display:block;padding:15px 0px 10px 50px;}
div#photosSection div.mediaSectionHeader a {background:url('/base/image/iconPhotos.gif') no-repeat 8px 6px}
div#videosSection div.mediaSectionHeader a {background:url('/base/image/iconVideos.gif') no-repeat 8px 6px}
div#musicSection div.mediaSectionHeader a {background:url('/base/image/iconMusic.gif') no-repeat 8px 6px}
div#framesSection div.mediaSectionHeader a {background:url('/base/image/iconFrames.gif') no-repeat 8px 6px}
div#documentsSection div.mediaSectionHeader a {background:url('/base/image/iconDocuments.gif') no-repeat 8px 6px}
div.mediaSectionContainer div.mediaSectionHeader a img {vertical-align:middle}
div.mediaSectionContainer div.mediaSectionContent {overflow:hidden;}
div.mediaSectionContainer div.mediaSectionContent img {margin:0px auto;display:block}

/* -- Media Thumbnail View */

div.albumContainer,div.photoVideoContainer {width:167px;height:202px;background:#fff url('/base/image/albumDropShadow.gif') top right no-repeat;margin: 0 10px 10px 0;float:left;}
div.photoVideoContainer {background:none}
div.albumContainer div.albumName,div.photoVideoContainer div.photoVideoName {width:150px;height:16px;background:#ccc;padding:4px 0px 0px 6px;overflow:hidden;white-space:nowrap}
div.albumContainer div.albumName a,div.photoVideoContainer div.photoVideoName a {white-space:pre}
div.photoVideoContainer div.photoVideoName {background:none}
div.albumContainer div.albumThumbnail,div.photoVideoContainer div.photoVideoThumbnail {border:1px solid #E6E6E6;padding:4px;width:146px;height:146px}
div.albumContainer div#createNewCollection a,div.photoVideoContainer div#addMediaItems a {display:block;height:93px;padding:53px 5px 0px 25px;font-size:16px;font-weight:bold;color:#F15A22}
div.albumContainer div.albumThumbnail img,div.photoVideoContainer div.photoVideoThumbnail img {width:146px;height:146px}
div.albumContainer div.albumButtons,div.photoVideoContainer div.photoVideoButtons {padding:0px 0px 0px 6px}
div.albumContainer div.albumButtons a,div.photoVideoContainer div.photoVideoButtons a {width:65px;background:url('/base/image/albumButtonArrow.gif') no-repeat center left;padding:0px 0px 0px 10px;display:block;float:left}
div#collectionDescription {margin:10px 0px 0px;border:1px solid #ccc;padding:5px}
div#albumTitle {overflow:hidden;white-space:nowrap}

/* -- Media List View */

table#list_box thead tr th#collectionName {}
table#list_box thead tr th#collectionActions,table#list_box thead tr th#collectionCreated,table#list_box thead tr th#collectionUpdated,table#list_box thead tr th#collectionAccess,table#list_box thead tr th#collectionUploaded,table#list_box thead tr th#collectionTaken,table#list_box thead tr th#collectionAccess,table#list_box thead tr th#collectionAlbum,table#list_box thead tr th#collectionSize {width:100px}
table#list_box thead tr th#collectionFormat {width:80px}
table#list_box tbody tr td img {vertical-align:middle}
table#list_box tbody tr td.collectionAlbum div {width:100px;overflow:hidden;white-space:nowrap}

/* -- Media Description */

div#collectionDescription {border:1px solid #ccc;margin:5px 0px;padding:5px}

/* -- Edit Media View */

div#editMediaContainer {border:1px solid #ccc;min-height:200px;float:left; width:100%}
div#editMediaContainer div#editMediaHeader {height:24px;border-bottom:1px solid #ccc;background:#efefef;padding:3px 3px 2px 8px}
div#editMediaContainer div#editMediaHeader h1 {font-size:16px}
div#editMediaContainer div#editMediaHeader input.button {margin:0px 2px}
div#editMediaContainer div#editMediaHeader div#showView_MediaTitle {white-space:nowrap;overflow:hidden;width:550px}
div#editMediaContainer div#editMediaBody {padding:5px}
div#editMediaContainer div#editMediaBody div#editMediaView {}
div#editMediaContainer div#editMediaBody div#editMediaView img {border:1px solid #ccc;min-width:100px;padding:5px; }
div#editMediaContainer div#editMediaBody div#editMediaView iframe {width:500px;height:375px;border:1px solid #ccc;padding:5px}
div#editMediaContainer div#editMediaBody div#editMediaColumnRight {float:right;width:188px}
div#editMediaContainer div#editMediaBody div#editMediaActions a,div#editMediaContainer div#editMediaBody div#editMediaActionsGuest a {float:left;display:block;width:86px;padding:0px 0px 0px 8px;background:url('/base/image/albumButtonArrow.gif') no-repeat 0px 3px}
div#editMediaContainer div#editMediaBody div#editMediaDescription,div#editMediaContainer div#editMediaBody div#editMediaRelatedAlbums {border:1px solid #ccc;min-height:40px;padding:5px;margin:5px 0px 2px;overflow:hidden}

/* -- Shared Stuff Search Results */

dl#searchResults {width:300px}
dl#searchResults dd {margin:0px 0px 15px 18px}
dl#searchResults dt {font-size:120%;font-weight:bold}

/* -- Dialog Boxes (Create Album, etc) */

div.dialogContainer {border:1px solid #ccc;position:relative;width:100%}
div.dialogContainer div.dialogHeader {border-bottom:1px solid #ccc;margin:0px 0px 2px 0px;background:url('/base/image/bgSortBy.gif') repeat-x;padding:5px}
div.dialogContainer div.dialogBody {border-top:1px solid #ccc;padding:5px}
div.dialogContainer div.dialogBody img {position:absolute;left:150px}
div.dialogContainer div.dialogBody img.imageThumbnail {position:static;left:0px;float:right}
div.dialogContainer div.dialogBody label {min-height:20px}
div.dialogContainer div.dialogBody iframe {border:1px solid #ccc;margin:5px 0px;width:100%;height:300px}
table#fileList th,table#fileList td {text-align:left;font-size:12px}
table#fileList tr.bgblue {background:#efefef}
table#fileList th {height:25px;border-bottom:1px solid #ccc;width:120px}
table#fileList th#checkbox {width:17px}
table#fileList th#fileName {width:300px}
table#fileList td {padding:2px 0px}
table#list_box thead tr{background: url('/base/image/bgSortBy.gif') repeat-x;}
div.dialogContainer div.dialogBody label {margin:0px 0px 10px;display:block}
div.dialogContainer div.dialogBody input.text {position:absolute;left:150px;width:300px;}
div.dialogContainer div.dialogBody input.button {margin-left:0px}
div.dialogContainer div.dialogBody textarea {width:300px;height:100px}
body.iframe {padding:0px;min-width:0px;}

/* -- Photo Print */

iframe#iframePrint {width:500px;height:500px}

/* -- Contacts */

form#addContactForm label {height:24px}
table#contactsTable {text-align:left;width:280px}
iframe#contactFrame {height:342px}

/* -- Buttons */

button, .button{font:bold 11px Arial, Helvetica, sans-serif;padding:2px 5px 2px 5px;margin:2px;border:1px solid #0d248e;color:#fff;background:#0d248e url(/base/image/btnbg.gif) repeat-x top left; cursor:pointer}
.overviewSectionContainer .button{width: 90px; margin-right:-3px;}

/* -- Progress Indicator */

div#msgbox_progress_indicator {display:none;position:absolute;margin:0px;padding:50px 0px 0px 0px;background:#fff;z-index:999;width:100%;height:100%;}

/* -- Mandatory Fields */

span.mandatory {color:#ff0000}

/* -- Back to Select Box */

select#dir {max-width:600px}

/* -- Warnings */

div#warning a:hover {text-decoration:none}
#warning{position:relative;left:-4px;top:-4px;width:326px;background:#fff;border:2px solid #cecece;text-align:left;}
#warning #greybox_top{margin:6px;width:314px;}
#warning #greybox_bottom{width:314px;height:4px;}
#warning div#warningIcon{background:url('/base/image/alert.gif') 24px 17px no-repeat;width:150px;height:45px;}
#warning p{margin:6px 27px 8px 27px;}
.leightbox {display: none;position: fixed;top: 25%;left: 35%;width:auto;z-index:1001;margin: auto;}
#overlay{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:#666;-moz-opacity: 0.6;opacity:.60;filter: alpha(opacity=60);}

/* IE6 and below Can't See This */

#lightbox[id] {position:fixed;}
#overlay[id]{position:fixed;}
#greybox_top h3{height:50px;}

/*TOOLTIP FIX */

div.tooltip-container {position:relative;float:right}
div.tooltip {position:absolute;padding:5px;top:-15px;left:-380px;width:150px;border:1px solid #000;background:#fffac1;display:none;}
div.tooltip#tooltip-document{left:-380px}
div#DynamicScriptSection{position:absolute; top:-10000px; left:-10000px; width:0px; height:0px; overflow:hidden; visibility:hidden;}

/*===== DHTML tooltip ====*/

div#qTip {padding: 3px;border: 1px solid #666;border-right-width: 2px;border-bottom-width: 2px;display: none;background: #fdfcdc;color: #666666;font: normal 10px Tahoma, Arial, Helvetica, sans-serif;text-align: left;position: absolute;z-index: 1000;max-width:350px;min-width:200px;_width:200px;overflow:hidden;_overflow:none;}
#thumbs_box {padding-left: 10px;width: 100%;}

/* ======= Imported from 'css/global/global_navigation.css' ======= */


/* new main nav */


/* Main Menu */

#menuBar{height:25px; background:#FFF url(/base/image/nav_background_gradient.gif) repeat-x top left; position:relative;}
.mainNav{height:25px; margin:0 auto; width:610px; list-style-type: none; padding:0px;}
.mainNav li, * html .mainNav li a{width:128px;}

/* Main Navigation */

.mainNav li{float:left; text-align:center; margin-right:2px; text-transform:uppercase; font-weight:bold;}
.mainNav a:link, .mainNav a:active, .mainNav a:visited{display: block; color:#FFFFFF; text-decoration:none; padding:3px 0px 6px 0px;border-top:2px solid #7d9ec6;}
.mainNav a:hover, .mainNav li.active a:link, .mainNav li.active a:visited, .mainNav li.active a:active{background-color:#eaeaea; color:#1754a0; border-top:2px solid #7d9ec6;}

/* Sub Navigation */

#submenuBar{}
.subNav{height:26px; list-style-type: none; margin:0px auto; width:600px; padding:0px;}
.subNav li, * html .subNav li a{width:118px;}
.subNav li.first{border-left:none;}
.subNav li.last, * html .subNav li.last a{margin-right:0px;}
.subNav li.last{border-right:none;}
.subNav li{float:left; text-align:center; margin:3px 0px 0px 0px; font-weight:normal; border-left:0px solid #1754a0; border-right:0px solid #1754a0;}
.subNav a:link, .subNav a:visited, .subNav a:active{display: block; color:#0d248e; text-decoration:none; margin:0px 3px 0px 3px; padding:1px 0px 1px 0px; border-bottom:0px solid #dcdcdc;}
.subNav a:hover, .subNav li.active a:link, .subNav li.active a:active, .subNav li.active a:visited{border-bottom:0px solid #1754a0; font-weight:bold;}
.hidden{position:absolute; top:-10000px; left:-10000px; width:0px; height:0px; overflow:hidden;}
.lbg, .rbg{position:absolute;}
.lbg {left:0px; top:0px;}
.rbg {right:0px; top:0px;}

/* Global Navigation (Top Right) */

ul.menuLevel1 {display: block;float:left;padding: 0;margin:0;border: 0;list-style: none;}
ul.menuLevel1 li {display: block; float:left;margin: 0 5px 0px 0px;padding: 4px;border: 0;list-style: none;}
ul.menuLevel1 li {margin-right:5px;}

/* -- BreadCrumbs ------------------------------------------------------------------- */

#BreadCrumbs {display: block;margin: 0;padding: 10px 0px 10px 0px;border: 0;list-style: none;}
#BreadCrumbs ul, #BreadCrumbs li {display: inline;margin: 0;padding: 0;}

/* ======= Imported from 'css/global/global_typography.css' ======= */


/* -- Typography pp. 42-49 ------------------------------------------------------------ */


/* -- headings */

h1, h2, h3, h4, h5, h6 {margin: 0 0 0.34em 0;padding: 0;font-weight: normal;
color: #736c66; /* default colour scheme */

}
h1 {font-size: 2em;padding: 0 0 0.2em 0;margin-bottom:0.1em;}
h2 {font-size: 1.63em;padding-top: 0.1em;}
h3 {font-size: 1.36em;}
h4 {font-size: 1.09em;}
h5 {font-size: 1em;margin-bottom:0.15em;}
h6 {font-size: 1em;}

/* -- paragraph */

p {margin: 0 0 0.7em 0;line-height: 1.4em;}
p a {font-weight: bold}
p.last {margin-bottom:1.5em;}
span, td {line-height: 1.4em;}

/* -- lists */

ul {margin: 0 0 1em 0;padding-left: 0;}
ul li {margin: 0 0 0 1.4em;padding-left: 0;line-height: 1.4em;}

/* ======= Imported from 'css/global/global_forms.css' ======= */


/* -- Forms (p. 24) ------------------------------------------------------------------ */

input, textarea, select, select option {margin: 0;padding: 1px;font-size: 1em;}
input.radio, input.checkbox {width: 12px;height: 12px;vertical-align: middle;}
table.contactsTable{margin-bottom:10px;border:1px solid #ccc;}
table.contactsTable th, table.contactsTable td {padding:0px 0px 0px 3px;}
table.contactsTable th{border-bottom:1px solid #ccc;}
table.contactsTable .contactName {border-right:1px solid #ccc;}
iframe#contactFrame {border:1px solid #ccc;margin:10px 0px}

/* ======= Imported from 'css/layouts/layout_content.css' ======= */


/* -- P&S layout for template 4:

containerA1 - Upper Left hand navigation;containerA2 - Lower Left hand navigation;containerD - Breadcrumbs;containerB - full width, i.e for Headline, Product comparison, Content, etc.containerB2 - full width, for page content footercontainerB3 - full width with no right margin, for similar and related productscontainerB1of3 - first of three boxes (i.e for Similar products)containerB2of3 - second of three boxes (i.e.for Related products)containerB3of3 - third of three boxes (i.e.for promo)containerB12of3 - first and second of 3 boxes mergedcontainerB1of2 - first of two boxes (i.e for Tools)containerB1of2 - second of two boxes (i.e for Add-ons)
*/


/* -- D */

#AreaD {background: #fff;}
* html #AreaD {height: 1%;}

/* breadcrumb */

.containerD1 {
/*padding: 0 0 0.7em 0;*/

padding: 0 0 0.2em 0;}

/* -- B */

#AreaB {margin: 0 1px 0 0;background: #fff;min-height: 300px;}
* html #AreaB /* IE/Win, but not IE/Mac */ {margin: 0 1px 0 0px;
/* \*/


height: 300px; /* */

}

/* define spacing below slots */

.containerB {
float: left; /* !!! */

width: 100%;}

/* ======= Imported from 'css/global/global_popups.css' ======= */

#popupHolder {background-color: #fff;position:absolute;z-index:1001;visibility: auto;border: 1px solid #888;padding: 1em;margin: 0 auto;text-align:left;}
#popupHolder.withShadow {background-color: transparent ;border-width: 0 ;padding: 0;}
#popupHolder.visible{visibility: visible;}
#popupHolder.hidden {visibility: hidden;}
#popup {position: relative;font-size: 11px;background-color: #f7f3f7;z-index: 2001;height: 100%;}
.popup .leftPanel {background: url(/base/image/popupLeftPanelBg.gif);width: 160px;float: left;height: 335px;}
.popup .formContainer {position: relative;top:0;margin-left: 161px;padding: .1em 1.6em;height: 270px;wdith: 100px;}
.popup .buttonBar {position: relative;bottom: 0;width: 100%;text-align: center;height: 32px;border: #ddd solid 0px;}
.popup .buttonBar.right {text-align: right;}
.popup .action {padding: 0 0px;height: 24px;}
.popup .icon {width: 100px;height: 80px;float: left;}
.popup .title {color: #0051a4;font-size: 12pt;font-weight: bold;margin-left: 0px;padding-top: 20px;}
.popup .title + * {clear: both;margin-top: 1em;}
.popup label {font-weight: bold;width: 120px;margin-left: 2em;margin-right:1em;display: inline;}
.popup input.chkbox + label, .popup input.radio + label {margin-left: 1em;}
.popup input.chkbox, .popup input.radio {display: inline;margin-left: 2em;}
#popupHolder.withShadow {background:none;}
table.shadow { border-collapse:collapse; }
table.shadow #popup {top:0; left:0; }
table.shadow .top_left {background:url(/base/image/popupTemplate.png) top left;}
table.shadow .top_right {background:url(/base/image/popupTemplate.png) top right;}
table.shadow .bottom_left {background:url(/base/image/popupTemplate.png) bottom left; }
table.shadow .bottom_right {background:url(/base/image/popupTemplate.png) bottom right;}
table.shadow .top_ {background:url(/base/image/popupBgV.png) top; height:35px; }
table.shadow .left_ {background:url(/base/image/popupBgH.png) left; width:31px; }
table.shadow .right_ {background:url(/base/image/popupBgH.png) right; width:31px; }
table.shadow .bottom_ {background:url(/base/image/popupBgV.png) bottom; height:35px; }
table.shadow td {border: red solid 0px}
#overlayer {position: absolute;height: 100%;width: 100%;background-color: #33383e;z-index: 1000;top: 0;left: 0;float: left;filter:alpha(opacity=25);-moz-opacity:. 25;opacity: .25;}

/* Application specific stylesheets */


/* ======= Imported from 'photoframes/css/photoframes.css' ======= */

table.frameList {border-collapse: collapse;width: 100%;margin-bottom: 2em;}
table.frameList .inplaceeditor-form textarea {width: 100px;margin-bottom: 3px;}
table.frameList td.frameIcon {width: 120px;}
table.frameList td.frameName {width: 120px;}
table.frameList td.frameDesc {width: 220px;}
table.frameList td.frameTransRate {width: 100px;}
table.frameList td.frameTransType {width: 100px;}
table.frameList td.frameName a {display:block;text-align:center;width:40px;float:left;margin-top:3px;margin-right:3px;background:#0E46A3 url(/base/image/btnbg.gif) repeat-x scroll left top;padding:2px 8px;color:#fff;text-decoration:none;font-weight:bold;}
table.frameList a {cursor: pointer;}

/* Bellow are some CSS rules put here for now and needed to be replaced later */

/* in place editor */
.inplaceeditor-form input {
    font-size:12px;
    margin-right:4px;
}

.inplaceeditor-form textarea {
    margin-bottom: 4px;
    height: 30px;
}
.inplaceeditor-form a {
    border:1px solid #0D45A2;
    margin-right: 3px;
    background: #0E46A3 url(/base/image/btnbg.gif) repeat-x scroll left top;
    padding: 2px 5px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size:11px;
    cursor: pointer;
}

.clickToEditImage {margin-left:3px}
.popup fieldset {margin: 1em;padding: .5em;border: 1px solid #ddd;}
.popup fieldset.existingFrame.empty {display: none;}
.popup fieldset.existingFrame.empty + fieldset > legend input {display: none;}
.popup legend {color:#38b;}

/* Media Action Button */

.mediaActionBar {width: 154px;height: 27px;background-color: #f7f7f7;border: solid 1px #e6e6e6;border-top: 0;}
td .mediaActionBar {border: 0;}
.mediaActionBar .action {display: block;float: left;margin-left: 2px;width: 28px;height: 24px;background: url(/base/image/actionIconMedia.gif);border: red solid 0px;}
.mediaActionBar .action.slideshow {background-position: -11px -38px;}
.mediaActionBar a:hover.action.slideshow {background-position: -11px -8px;}
.mediaActionBar .action.addItems {background-position: -42px -38px;}
.mediaActionBar a:hover.action.addItems {background-position: -42px -8px;}
.mediaActionBar .action.delete {background-position: -109px -38px;}
.mediaActionBar a:hover.action.delete {background-position: -109px -8px;}
.mediaActionBar .action.share {background-position: -74px -38px;}
.mediaActionBar a:hover.action.share {background-position: -74px -8px;}
.mediaActionBar .action.play {background-position: -174px -38px;}
.mediaActionBar a:hover.action.play {background-position: -174px -8px;}
.albumContainer {margin-left: 0;}
div.photoVideoContainer {background:#FFFFFF url(/base/image/albumDropShadow.gif) no-repeat scroll right top;float:left;height:204px;margin:0 0 15px 0;width:167px;}
#collectionName {width: 210px;}

/* validation errors*/

.validationError {color: #f00;}
.validationError.show {visibility: visible;}
.validationError.hide {visibility: hidden;}
.innerContainer {padding: 3px 6px;}
.headerBar {margin-bottom: 3px;}
#description.headerBar {padding-bottom: 8px;}
#albumDescription {overflow: hidden;clear: both;}
.helpBtn {width: 17px;height: 18px;position: relative;top: 5px;left: 3px;background: url(/base/image/ui.icon.button.help.gif);}
div.formError {padding:0 0 10px 22px}
div.formError span {color:#ff0000;font-weight:bold}

/* -- Media Collections Landing Page */
div#mediaSearch {border:1px solid #e3e3e3;background:#f5f4f4;height:30px;margin:10px 0 25px;padding:12px 20px 0 40px}
div#mediaSearch label {}
div#mediaSearch label input {margin-left:60px;width:280px}
div#mediaSearch input#searchSubmit {float:right;margin-top:-2px}

ul#mediaTypes {list-style:none;margin-left:0}
ul#mediaTypes a.iconLink {display:block;position:absolute;top:0;left:0;z-index:5;height:137px;width:173px}
ul#mediaTypes h2 {text-align:center;padding:5px 0 0;font-family:arial,verdana,lucida,helvetica,sans-serif;font-weight:bold}
ul#mediaTypes li {float:left;border:1px solid #d2d2d1;margin-right:5px;width:173px;height:166px;position:relative}
ul#mediaTypes ul {list-style:none;background:#ebebeb;position:absolute;bottom:0px;margin:0;width:168px;height:29px;padding:5px 0 0 5px;font-size:9px}
ul#mediaTypes li li {float:none;border:none;width:auto;margin:0;height:auto}
ul#mediaTypes li li span {font-weight:bold}

ul#mediaTypes li#featuredProduct {background: url('/base/image/home.icon.frame.png') no-repeat 95px center;width:224px;margin-right:14px}
ul#mediaTypes li#featuredProduct p {padding-right:130px;padding-top:20px;padding-left:5px}
ul#mediaTypes li#featuredProduct a {display:block;position:absolute;top:0;left:0;height:166px;z-index:5;width:224px}

ul#mediaTypes li#photos {background:url('/base/image/home.icon.photos.png') no-repeat center center}
ul#mediaTypes li#videos {background:url('/base/image/home.icon.videos.png') no-repeat center center}
ul#mediaTypes li#music {background:url('/base/image/home.icon.music.png') no-repeat center center}
ul#mediaTypes li#documents {background:url('/base/image/home.icon.documents.png') no-repeat center center;margin-right:0}

/* Global Search */
div#search {position:absolute; top:35px; right:7px; margin:0px; padding:0px;}
div#search input {background:url('/base/image/ui.icon.search.png') no-repeat center left;border:1px solid #cecece;padding:3px 2px 3px 20px}

/* Search Results */
ul.searchResults {list-style:none; list-style-type: none}
ul.searchResults li {margin-bottom:20px;float:left;clear:both; list-style:none; list-style-type: none}
ul.searchResults img {float:left;width:40px;height:40px; padding-bottom: 16px; margin-right:5px}=======

/* -- Tool tip Registeration Page */

#toolTipArea dl {
    font:normal 12px/15px Arial;
    position: relative;
    width: 350px;
}
#toolTipArea dt {
    clear: both;
    float:left;
    width: 600px;
    padding: 4px 0 2px 0;
    position: absoult;
    text-align: left;
}
#toolTipArea dd {
    float: left;
    width: 400px;
    margin: 0 0 8px 0;
    padding-left: 6px;
}


/* The hint to Hide and Show */
#toolTipArea .hint {
   	display: none;
    position: absolute;
    z-index: 1;
    width: 300px;
    margin-top: -4px;
    margin-left: 1px;
    border: 1px solid #c93;
    padding: 5px 7px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box 
     background:#ffc url('/base/image/newbg.gif') repeat-x top left;*/
    background:#ffc ;
}

/* The pointer image is hadded by using another span */
#toolTipArea .hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
}