#albums .promoblock{margin-left:16px;}

#albums .tabs .tabs-head{background:url(../../images/common/bord.gif) repeat-x 0 100%;width:100%;overflow:hidden;}
#albums .tabs .add-photos{float:right;margin:10px 0 0;}
#albums .tabs .add-photos strong{float:left;font-size:1.2em;line-height:19px;margin:0 10px 0 0;}
#albums .tabs .add-photos ul{float:left;list-style:none;padding:0;margin:0;}
#albums .tabs .add-photos ul li{float:left;padding:0 3px 0 0;}
#albums .tabs .add-photos ul a{background:url(../../images/layout/tabs/add-photos-a.gif) repeat-x;float:left;font-size:11px;line-height:19px;color:#fff !important;padding:0 5px;}

#albums .tabset{overflow:hidden;list-style:none;padding:0 0 0 5px;margin:0;}
* html .tabset{height:1%;overflow:visible;}
#albums .tabset li{float:left;}
#albums .tabset a{float:left;font-size:1.6em;line-height:37px;text-decoration:none !important;}
#albums .tabset span{height:37px;float:left;font-weight:normal;padding:0 20px;cursor:pointer;}
#albums .tabset span em{font-style:normal;color:#ccc;}
#albums .tabset a.active,
#albums .tabset a:hover{background:url(../../images/layout/tabs/tabset-3-rollover.gif) no-repeat;color:#a2c121;}
#albums .tabset a.active span,
#albums .tabset a:hover span{background:url(../../images/layout/tabs/tabset-3-rollover.gif) no-repeat 100% -37px;font-weight:bold;}
#albums .tabset a.active em,
#albums .tabset a:hover em{font-weight:normal;color:#808080;}

#albums .searchbar{margin:17px 0;}
#albums .search{float:right;}
#albums .search .string{width:140px;height:14px;float:left;font:1.1em "Segoe UI", "Trebuchet MS", Arial, sans-serif;color:#b3b3b3;border:2px solid #e6e6e6;padding:1px 5px;margin:0;}
#albums .search .submit{background:url(../../images/buttons/btn-search.gif) no-repeat;width:46px;height:20px;float:left;text-indent:-9999px;border:0;overflow:hidden;padding:0 0 0 46px;margin:0 6px 0 3px;cursor:pointer;}


#albums .my-albums li {display: -moz-inline-stack;display:inline-block; position:relative;margin:0.7em 26px 0.7em 0;text-align:left;vertical-align:top;}
#albums .my-albums li img{width:130px;}
#albums .my-albums .item .txt-hold{clear:both; padding:0 10px 10px 6px; width:130px;}
#albums .my-albums .item .txt-hold a, #albums .my-albums .item .txt-hold span{display:block; font-size:1.2em;}
#albums .my-albums .item .txt-hold em{	font-style:normal;color:#919191;}

.right-nav a:link, .right-nav a:visited,
.left-nav a:link, .left-nav a:visited {color:#6F6F6F;}
.right-nav a:hover, .right-nav a:active, 
.left-nav a:hover, .left-nav a:active{color:#0C8BCC;}
.left-nav{float:left;margin:5px 0 0 10px;}
.right-nav{float:right;margin:5px 9px 0 10px;}

/****** album details ******/

h3.albumdescription{font-size:2.0em;font-style:italic;font-weight:normal;font-family:"TeX Gyre Adventor","Segoe UI", "Trebuchet MS", Arial, sans-serif;}
#optionbar{float:right; font-size:1.3em;margin:-58px 10px 0 0; z-index:3;}
#optionbar li{float:left;padding-left:25px;}
#optionbar .lnk-tools{background:url(../../images/arrows/grey-bottom-head.gif) no-repeat right 50%;padding:0 15px 0 0;}
#optionbar #tools{position:relative;}
#optionbar ul#tool-options{position:absolute;top:10;right:-10px;background-color:#FFF;display:none; border:solid 1px #EEE; border-top:none;}
#optionbar ul#tool-options li{float:none; padding:5px 10px;}
.photos{margin:10px 0 0 0; padding:10px 0 0 0; border-top:solid 1px #EEE;}
#albumdetail #toolbar{clear:both;}
#albumdetail #toolbar li{float:left;}
#albumdetail #toolbar li#photocount{font-size:1.6em; width:15%}
#albumdetail #toolbar li#buttons{float:right;text-align:right;padding:3px 0 0 0;position:relative;}
#albumdetail #toolbar li#sortdropdown{width:238px}
#albumdetail #toolbar li#sortdropdown a.ui-select:link{height:1.6em;}
#albumdetail #toolbar li#sortdropdown .ui-select-status, 
#albumdetail #toolbar li#sortdropdown .ui-select-menu li a:link, 
#albumdetail #toolbar li#sortdropdown .ui-select-menu li a:visited, 
#albumdetail #toolbar li#sortdropdown .ui-select-menu li a:hover, 
#albumdetail #toolbar li#sortdropdown .ui-select-menu li a:active{padding:0.2em 1em;}
#albumdetail #toolbar li .button{margin:0 0 0 10px;}
#albumdetail #toolbar li .lnkAdd{display:block;float:left;padding-top:5px;text-decoration:none;}
#albumdetail a.ui-select:link, #albumdetail a.ui-select:visited{height:1.6em;}

#albumdetail ul#tool-options{font-size:1.2em; left:11px;width:123px;position:absolute;background-color:#FFF;display:none; border:solid 1px #D7D7D7; border-top:none;-moz-border-radius: 3px; -webkit-border-radius: 3px;top:19px;}
#albumdetail ul#tool-options li{float:none; padding:5px 10px; display:block; text-align:left;}

#albumdetail #photo-list li{display: -moz-inline-stack;display:inline-block; vertical-align:top;}
/*
#albumdetail #photo-list .item{display: -moz-inline-stack;display:inline-block; position:relative;margin:0.7em 0px 0.7em 0;text-align:left;vertical-align:top;}
*/
#albumdetail #photo-list .item .txt-hold{clear:both; padding:0 10px 10px 6px; width:166px;}
#albumdetail #photo-list .item .txt-hold img{cursor:pointer;}
#albumdetail #photo-list .item .imagewrapper{padding-bottom:4px !important;}
#albumdetail #pagination{float:right;margin-right:2px;}

#albumdetail #promo{ background-color:#EEE; padding:5px 10px; margin:10px 0;}
#albumdetail #promo .creations, #albumdetail #promo .print-ideas{text-align:center;margin:0 0 15px 0;}
#albumdetail #promo h3{margin:0 0 10px 0; text-align:left;font-weight:bold;}
#albumdetail .ideas-tools{font-size:1.2em; text-align:left;}

#albumdetail #promo .creations .lnk-close { background:transparent url(../../images/common/lnk-close.gif) no-repeat scroll 0 0;float:right;height:7px;margin:7px 0 0;overflow:hidden;text-indent:-9999px;width:8px;}

#albumdetail .pagelinks{float:right;margin:10px 0 0 0;}
                
#albumdetail .albuminfo h3{font-size:1.6em; font-weight:bold;margin:15px 0 5px 0;}
#sharedUserList{margin-top:10px;}
#sharedUserList li{margin:3px 0;}

#divEditAlbum .formLabel{width:100px;}
#divEditAlbum #albumtitle{width:314px;}

#photo #detail{padding:10px; position:relative; margin:0 0 30px 0;}
#photo #detail #imagecontainer{margin:0 auto;}
#photo #toolbar{float:right; z-index:101;}
#photo #toolbar li{margin-left:0px; display:inline;}
#photo #toolbar li .btn-silver{margin-right:10px;}
#photo #toolbar li#options{z-index:100;}
#photo #toolbar li#options #tool-options-wrapper{position:relative; z-index:100;}
#photo ul#tool-options{font-size:1.2em;width:115px;position:absolute;background-color:#FFF;display:none; border:solid 1px #D7D7D7; border-top:none;-moz-border-radius: 3px; -webkit-border-radius: 3px; z-index:99;}
#photo ul#tool-options li{float:none; padding:5px 10px; display:block;}

#photo #imagecontainer h3{font-size:2em;}
#photo #imagecontainer span{display:block; font-size:1.3em;margin:10px 0;}
#photo #imagecontainer span.text-normal{cursor:pointer; padding-right:17px; background:transparent; border:none;}
#photo #imagecontainer span.text-hover{cursor:pointer;background-color:#ffffcc;padding-right:17px;}
#photo #imagecontainer .text-select{margin:10px 0;width:540px;font-size:13px;background-color:#FFFFFF;border: 1px inset; border-color:#8F8F8F; float:left;color:#898989;font-family:"Segoe UI","Trebuchet MS",Arial,sans-serif;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal;}
#photo #imagecontainer .btn-save{margin:12px 0 0 5px;cursor:pointer;}

#photo #imagecontainer .title span.text-normal{font-size:2em;}
#photo #imagecontainer .title span.text-hover{font-size:2em; background-position:right 12px;}
#photo #imagecontainer .title .text-select{font-size:20px;}
#photo #imagecontainer .title .btn-save{margin:17px 0 0 5px; }

#photo #thumbnails{margin:0 auto;}
#photo #thumbnails ul li{float:left; margin:0 5px;}
#photo #thumbnails ul li img{width:60px; height:60px; border:solid 2px #CCCCCC;}
#photoslist a{padding:4px;*padding:3px;}
#photoslist img.photo-selected{border: solid 1px red;}
#photoslist img{width: 60px;height: 60px;border: solid 1px #ffffff;}
#photo .hidden{position: absolute;top: 0;left: -9999px;width: 1px;height: 1px;overflow: hidden;}
#photo #imagecontainer{position:relative;}       

#photo .next-photo-large{background: transparent url(../../images/arrows/next-horizontal.gif) no-repeat scroll 0 50%;display: block;height: 35px;margin: 0 0 0 5px;text-indent: -9999px;width: 35px;}
#photo .prev-photo-large{background: transparent url(../../images/arrows/prev-horizontal.gif) no-repeat scroll 0 50%;display: block;height: 35px;margin: 0 0 0 5px;text-indent: -9999px;width: 35px;}
#photo .next-photo-list{background: transparent url(../../images/arrows/next-horizontal.gif) no-repeat scroll 0 50%;display: block;height: 60px;margin: 0;text-indent: -9999px;width: 35px;float: right;}
#photo .prev-photo-list{background: transparent url(../../images/arrows/prev-horizontal.gif) no-repeat scroll 0 50%;display: block;height: 60px;margin: 0;text-indent: -9999px;width: 35px;float: left;}
#photo .prev-disabled, #photo .next-disabled{cursor:default;background-position:-96px 50%;}
#photo .prev-hidden, #photo .next-hidden{cursor:default;background-position:-125px 50%;}

#photo .photoinfo{color:#898989;}


#albumdetail .albumview-text{font-size:1.2em; cursor:pointer; display:block; width:150px;padding:2px 0}
#albumdetail .albumview-disabled{font-size:1.2em; cursor:default; display:block; width:150px;padding:2px 0}
#albumdetail .albumview-text-hover{background-color:#ffffcc;cursor: pointer; width:150px; padding-right:17px;}
#albumdetail .albumview-text-select{background-color:#EBFBFF;border: 1px inset; border-color:#8F8F8F; float:left; width:120px;color:#898989;font-family:"Segoe UI","Trebuchet MS",Arial,sans-serif;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal;}
#albumdetail .btn-save{margin:3px 0 0 3px; cursor:pointer;}

#albums #sortdropdown,
#albumdetail #photossortorder{display:none;}
.error_warning {background:url(../../images/common/alert.gif) no-repeat scroll 0px -1px;padding-left:16px;}
.error_boxed {background:#FFFFDD; border:solid 1px #A31919; color:red;}