/*-------------------------------------
[ Page setup ]
-------------------------------------*/

/* Overlay */
#modalOverlay {/*background:url(../images/bg_transparent_60.png) top left repeat-x;*/ background-color:#000; cursor:default;}

/* Container */
#modalContainer {left:50%; top:20px; margin-left:-378px; width:756px;}

#modalContainer a.modalCloseImg {background:url(../img/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}




.logo {display:block; width:400px; height:80px; background:url(../images/banner_a.png) -10px -4px no-repeat; border-bottom:0;}
.modal-container {display:none; border:1px solid #000; padding:10px; margin-bottom:20px; background:#232323; position:relative;
	/*left, top, spread, blur distance*/
	-webkit-box-shadow:0px 0px 40px rgba(0,0,0,1);
	   -moz-box-shadow:0px 0px 40px rgba(0,0,0,1);
	        box-shadow:0px 0px 40px rgba(0,0,0,1);
}
.modal-content {width:756px; text-align:left; position:relative; margin:auto;}
.modal-content h1 {font-size:1.5em; font-weight:bold; margin:0; padding:0 0 10px 0; color:#e5e5e5; border-bottom:1px dotted #000;}

.modal-content .close-modal-container {position:absolute; top:-5px; right:-5px; border:1px solid #333; background-color:#131313; width:30px; height:30px; display:none;
	/*left, top, spread, blur distance*/
	-webkit-box-shadow:4px 4px 4px rgba(0, 0, 0, .5);
	   -moz-box-shadow:4px 4px 4px rgba(0, 0, 0, .5);
	        box-shadow:4px 4px 4px rgba(0, 0, 0, .5);
}
.modal-content .close-modal:link,
.modal-content .close-modal:visited,
.modal-content .close-modal:hover,
.modal-content .close-modal:active {background:url(../images/icns_bookmark_options_24.png) 0px -144px no-repeat; display:block; width:24px; height:24px; text-indent:-9999px; margin:3px 0 0 3px;}


/*-------------------------------------
[ Loading ]
-------------------------------------*/
.loading-content {position:relative; margin-top:20px;}
.loading-content h1 {display:block; height:40px; background:url(../images/btn_homepage.png) -10px -4px no-repeat; padding:16px 0 0 46px; margin:0 0 5px 0;}
.loading-content #loadingMsgs {overflow:hidden; height:1%; padding:10px;}
.loading-content .loadingMsgWrapper {padding:0px 0px 4px 0px; margin:4px 0px 4px 0px; clear:both;}

.loadingMsgWrapper:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
* html .loadingMsgWrapper {zoom:1; display:block;}
*+html .loadingMsgWrapper {zoom:1; display:block;}

.loading-content .loadingMsg {font:normal 14px arial; color:#e5e5e5}
.loading-content .loadingMsg span {display:block; float:left; width:160px;}


.loading-content .loadingMsg.on {color:#666;}
.loading-content .loadingMsgWrapper .icnLoading {width:21px;	height:16px; float:left;}
.loading-content .loadingMsgWrapper .icnLoading.on {background:url(../../images/icn_loading.gif) top left no-repeat;}
.loading-content .loadingMsgWrapper .icnLoading.off {background:url(../../images/spacer.gif) top left no-repeat;}


/*-----------------------------------
[ go pro loading ]
-----------------------------------*/
.modal-content .go-pro-content.modal-container {background:#fff; border:1px solid #ccc; padding-top:0; margin-top:20px;
	/*left, top, spread, blur distance*/
	-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, .1);
	   -moz-box-shadow:0px 0px 10px rgba(0, 0, 0, .1);
	        box-shadow:0px 0px 10px rgba(0, 0, 0, .1);
}
.modal-content .go-pro-content.modal-container h1.logo {padding:0; border-bottom:1px solid #e5e5e5; float:none; clear:both; width:100%; margin:-5px 0 10px 0; height:70px;}
.modal-content .go-pro-content {display:none; height:1%;}
.modal-content .go-pro-content h1 {margin:0; padding:0 0 5px 0;}
.modal-content .go-pro-content h2 {}
.modal-content .go-pro-content ul.gettingStartedBullets {padding-bottom:10px;}
.modal-content .go-pro-content .gettingStartedBullets li {padding-bottom:8px; list-style-image:none; list-style-position:outside; list-style-type:none; font-size:1.1em;}
.modal-content .go-pro-content .gettingStartedBullets a:link,
.modal-content .go-pro-content .gettingStartedBullets a:visited,
.modal-content .go-pro-content .gettingStartedBullets a:hover,
.modal-content .go-pro-content .gettingStartedBullets a:active {font:bold 14px arial; color:#009ce9;}
.modal-content .go-pro-content ul.subscribeBullets {list-style-position:outside;}
.modal-content .go-pro-content .subscribeBullets li {padding:0 0 8px 0; list-style-image:none; list-style-position:outside; list-style-type:none; font-size:1.1em}
.modal-content .go-pro-content .cost {font-size:16px; font-weight:bold; color:#009ce9;}
.modal-content .go-pro-content .note {font:italic 12px arial; color:#009ce9; padding-top:10px;}
.modal-content .go-pro-content .leftColumn {float:left; overflow:hidden; height:1%; width:424px;}
.modal-content .go-pro-content .leftColumn h1 {font-size:32px; padding:0;}
.modal-content .go-pro-content .rightColumn {float:left; overflow:hidden; height:1%; width:278px; margin:0px 0px 10px 10px; padding:10px; border:1px solid #e5e5e5; background-color:#f5f5f5;}



.modal-content .form-row {}
.modal-content .form-row.last {padding-bottom:0px;}
.modal-content .form-row input,
.modal-content .form-row textarea {float:left; width:352px; padding:4px; border:1px solid #333; margin-left:10px; color:#fff; background-color:#000;}
.modal-content .form-row input.warning {border:1px solid #ff0000;}
.modal-content .form-row .label,
.modal-content .form-row label,
.modal-content .label {float:left; width:114px; color:#999;}
.modal-content .form-row .note {clear:both; color:#666; padding:5px 0 0 124px;}

.modal-content #inputAddModalSiteDesc,
.modal-content #inputAddModalSiteTags {width:352px; float:left; margin-left:10px; overflow:hidden;}
.modal-content #inputAddModalSiteDesc {height:40px;}
.modal-content #inputAddModalSiteTags {height:40px;}
.modal-content .tags-container {width:226px; height:205px; overflow:auto; padding:5px; border:1px solid #333; background-color:#000;}
.modal-content .tagsPointer {position:absolute; bottom:05px; left:-25px; background:url(../images/tags_pointer.png) top left no-repeat; width:32px; height:30px;}
.modal-content .tags-container .lnkTag:link,
.modal-content .tags-container .lnkTag:visited,
.modal-content .tags-container .lnkTag:hover,
.modal-content .tags-container .lnkTag:active {float:left; border:1px solid #333; margin:0px 2px 5px 0px; padding:4px; background-color:#131313; color:#ccc; text-decoration:none;}

.modal-content .actions {clear:both; border-top:1px dotted #000; padding:10px 0 0 0; margin-top:20px; float:none; display:block;}
.modal-content .actions li {list-style-image:none; list-style-position:outside; list-style-type:none; float:left; margin-right:10px;}
.modal-content .actions li a:link,
.modal-content .actions li a:visited {color:#009ce9; display:block; padding:6px 0;}
.modal-content .actions li .cta-button:link,
.modal-content .actions li .cta-button:visited,
.modal-content .actions li .cta-button:hover,
.modal-content .actions li .cta-button:active {background-color:#009ce9; color:#fff; display:block; padding:8px 14px; text-decoration:none; font-weight:bold;
	/*rounded corners*/
	-webkit-border-radius:.5em;
	-moz-border-radius:.5em;
	-o-border-radius:.5em;
	border-radius:.5em;
	text-shadow: rgba(0,0,0,.1) 1px 1px 1px;
}
.modal-content .actions li.right {float:right; margin-left:10px;}
.modal-content .back-button {}


/*-----------------------------------
[ add ]
-----------------------------------*/
.modal-content .add-bookmark-content .leftColumn {float:left; width:486px; overflow:hidden; height:1%; padding:20px 0px 0px 0px;}
.modal-content .add-bookmark-content .leftColumn .form-row {padding:0 0 10px 0;}
.modal-content .add-bookmark-content .rightColumn {float:left; margin-left:10px; width:238px; margin-bottom:10px;}
.modal-content .add-bookmark-content .rightColumn .label {padding:0 0 5px 0;}
.modal-content .add-bookmark-content .import-bookmarks:link,
.modal-content .add-bookmark-content .import-bookmarks:visited,
.modal-content .add-bookmark-content .import-bookmarks:hover,
.modal-content .add-bookmark-content .import-bookmarks:active {font:bold 14px arial; color:#009ce9; border:0; margin-right:0; padding-right:0;}


/*-----------------------------------
[ edit ]
-----------------------------------*/
.modal-content .edit-bookmark-content .leftColumn {float:left; width:486px; overflow:hidden; height:1%; padding:20px 0px 0px 0px;}
.modal-content .edit-bookmark-content .leftColumn .form-row {padding:0 0 10px 0;}
.modal-content .edit-bookmark-content .rightColumn {float:left; margin-left:10px; width:238px; margin-bottom:10px;}
.modal-content .edit-bookmark-content .rightColumn .label {padding:0 0 5px 0;}


/*-----------------------------------
[ settings ]
-----------------------------------*/
.modal-content .settings-content .leftColumn {float:left; width:238px;}
.modal-content .settings-content .leftColumn .features-row {}
.modal-content .settings-content .leftColumn .bookmark-feature {float:left;}
.modal-content .settings-content .leftColumn .bookmark-feature td {color:#ccc;}
.modal-content .settings-content .leftColumn .bookmark-feature.sorting-container,
.modal-content .settings-content .leftColumn .bookmark-feature.detail-container {width:109px;}
.modal-content .settings-content .leftColumn .bookmark-feature.size-container,
.modal-content .settings-content .leftColumn .bookmark-feature.themes-container {width:129px;}


.modal-content .settings-content .leftColumn .bookmark-feature.themes-container {height:90px;}
.modal-content .settings-content h4 {font:bold 12px arial; color:#999; padding:8px 0 0 0; border:0;}
.modal-content .settings-content td {padding:2px 0px 2px 0px; border-bottom:0px solid #e5e5e5; color:#666;}
.modal-content .settings-content td.first {padding-top:0px;} 
.modal-content .settings-content td.last {border:0px;}
.modal-content .settings-content .tile-preview-container {float:right; width:484px; height:440px; border:1px solid #000;}
.modal-content .settings-content .tile-preview {margin:auto;}

.modal-content .settings-content .tile-preview.favoritexxlg { position:relative; height:380px; background:url("../images/bg_corners.png") no-repeat scroll -10px 0 transparent;}

.modal-content .settings-content .tile-preview.favoritexxlg img {position:absolute; top:24px; left:20px;}

.modal-content .settings-content .previewBookmark {padding:25px 0px 16px 0px; text-align:center;}
.modal-content .settings-content .previewBookmark img {}
.modal-content .settings-content .previewDetails {margin:0px 0px 0px 20px; font-weight:bold;}
.modal-content .settings-content .previewDetails .previewUrl,
.modal-content .settings-content .previewDetails .previewDate,
.modal-content .settings-content .previewDetails .previewTags {font-weight:normal;}
.modal-content .settings-content .themesWrapper {border-top:1px solid #000; border-bottom:1px solid #000; overflow:auto; height:75px; margin-bottom:4px;}
.modal-content .settings-content .themes a:link,
.modal-content .settings-content .themes a:visited,
.modal-content .settings-content .themes a:hover,
.modal-content .settings-content .themes a:active {float:left; width:50px; display:block; margin:2px 2px 0 0; height:30px; border:1px solid #666;}


/*-----------------------------------
[ options ]
-----------------------------------*/
.modal-content .bookmark-options-content  .bookmarkInfo {overflow:hidden; height:1%; margin:10px 0px 20px 0px;}
.modal-content .bookmark-options-content .thumbWrapper {float:left; width:130px; height:90px; margin-left:2px;}
.modal-content .bookmark-options-content .bookmarkDetail {float:left; width:390px;}
.modal-content .bookmark-options-content .bookmarkDetail .optionsSiteName {font:normal 14px arial; color:#fff;}
.modal-content .bookmark-options-content .bookmarkDetail .optionsSiteName,
.modal-content .bookmark-options-content .bookmarkDetail .optionsSiteUrl,
.modal-content .bookmark-options-content .bookmarkDetail .optionsSiteBitlyUrl {margin:0 0 5px 0; padding:0 0 4px 0; border-bottom:1px dotted #000;}
.modal-content .bookmark-options-content .bookmarkDetail .optionsSiteTags {border:0;}
.modal-content .bookmark-options-content .bookmarkDetail a:link,
.modal-content .bookmark-options-content .bookmarkDetail a:visited,
.modal-content .bookmark-options-content .bookmarkDetail a:hover,
.modal-content .bookmark-options-content .bookmarkDetail a:active {color:#009ce9;}
.modal-content .bookmark-options-content .bookmarkClicksContainer {float:right; width:138px; background-color:#131313; border:1px solid #000;}
.modal-content .bookmark-options-content .bookmarkClicksContainer h2 {padding:10px; font:normal 14px arial; color:#666;}
.modal-content .bookmark-options-content .bookmarkClicks {padding:10px; font:normal 36px arial; line-height:28px; color:#e5e5e5;}
.modal-content .bookmark-options-content .option-container {float:left; border-right:1px solid #333; padding:0px 10px 0px 0px; margin:20px 10px 15px 0px;}
.modal-content .bookmark-options-content .option-container.last {border:0px;}
.modal-content .bookmark-options-content .option-container.delete {border:0px; float:right; padding:0;}


/*-----------------------------------
[ share ]
-----------------------------------*/
.modal-content .share-content .leftColumn {float:left; width:486px; overflow:hidden; height:1%; padding:10px 0px 0px 0px;}
.modal-content .share-content #inputMessage {width:228px; height:80px;}
.modal-content .share-content .authorizationCode {padding:4px 0px 0px 0px;}
.modal-content .share-content .authNumber {width:8px; height:10px; float:left; margin:0 0 0 10px;}
.modal-content .share-content #authA,
.modal-content .share-content #authB,
.modal-content .share-content #authC,
.modal-content .share-content #authD,
.modal-content .share-content #authE,
.modal-content .share-content #authF {background:url(../images/1.jpg) top left no-repeat;}
.modal-content .share-content #inputMessage {width:352px; float:left; padding:4px; border:1px solid #333; height:80px; margin-left:10px;}
.modal-content .share-content .rightColumn {float:left; margin:10px 0 0 20px; padding:0 0 40px 20px; border-left:1px dotted #000;}
.modal-content .share-content .rightColumn .bookmark-detail {overflow:hidden; height:1%; margin:0 0 10px 0;}
.modal-content .share-content .rightColumn .bookmark-detail .label {float:none; font-weight:bold; color:#999; font-size:1.13em;}
.modal-content .share-content .rightColumn .bookmark-detail .thumbWrapper {}
.modal-content .share-content #sharingMessage {display:none; font:normal 14px arial; color:#a4c94d; clear:both;}
.modal-content .share-content #shareSiteName,
.modal-content .share-content #shareSiteUrl {width:207px; overflow:hidden; display:block; color:#e5e5e5;}
.modal-content .share-content .form-row {margin:0 0 10px 0;}



/*-----------------------------------
[ tags ]
-----------------------------------*/
.modal-content .tags-content .filterByContainer {overflow:hidden; height:1%;}

/* displays the selected tag if any */
.modal-content .tags-content #selectedTagContainer {float:left;}
.modal-content .tags-content #selectedTagContainer .label {margin:0px 5px 0px 0px; font-weight:bold; display:block; float:left; width:auto;}
.modal-content .tags-content #selectedTagContainer #selectedTag {font:normal 11px arial; color:#fff; float:left; display:block;}

/* links on top right for special states */
.modal-content .tags-content #showAllUntaggedContainer {float:right;}
.modal-content .tags-content #showAllUntaggedContainer ul {list-style:none; list-style-position:inside; border:0; margin:0; padding:0;}
.modal-content .tags-content #showAllUntaggedContainer li {float:right; margin-left:6px; border-left:1px solid #ccc; padding-left:8px; white-space:nowrap;}
.modal-content .tags-content #showAllUntaggedContainer li.last {border:0; padding:0; margin:0;}
.modal-content .tags-content #showAllUntaggedContainer strong {font:bold 14px arial; color:#009ce9;}
.modal-content .tags-content #showAllUntaggedContainer a:link,
.modal-content .tags-content #showAllUntaggedContainer a:visited,
.modal-content .tags-content #showAllUntaggedContainer a:hover,
.modal-content .tags-content #showAllUntaggedContainer a:active {margin:0; padding:0; color:#999;}

/* tag filtering */
.modal-content .tags-content #alphabetNavigationContainer {clear:both; margin-top:10px; padding-top:10px; border-top:1px solid #333; height:1%; overflow:hidden; margin-bottom:10px;}

.modal-content .tags-content .letterContainer {float:left; border:1px solid #333; margin:0px 2px 5px 0px; background-color:#131313; color:#666; text-decoration:none; margin-right:2px; padding:4px 7px; }
.modal-content .tags-content .letterContainer.selected {border:1px solid #009ce9;}
.modal-content .tags-content .letterContainer a:link,
.modal-content .tags-content .letterContainer a:visited,
.modal-content .tags-content .letterContainer a:hover,
.modal-content .tags-content .letterContainer a:active {color:#009ce9; text-decoration:none;}

/* div that holds the actual tag */
.modal-content .tags-content .tagContainer {float:left; margin:0px 2px 5px 0px;}
.modal-content .tags-content .tagContainer .lnkTag:link,
.modal-content .tags-content .tagContainer .lnkTag:visited,
.modal-content .tags-content .tagContainer .lnkTag:hover,
.modal-content .tags-content .tagContainer .lnkTag:active {float:left; border:1px solid #333; margin:0px 2px 5px 0px; padding:4px; background-color:#131313; color:#ccc; text-decoration:none;}
.modal-content .tags-content .tagContainer .lnkTag span {color:#666;}
.modal-content .tags-content .lnk {border:0; margin-right:0; padding-right:0;}

.modal-content .tags-content #matchingTagsContainer {height:200px; overflow:auto;}


/*-------------------------------------
[ Modal ids ]
-------------------------------------*/
#tagsModal {display:none;}
#emptyModal {display:none;position:relative;}
#updatingFavorites {display:none;}
#tooSmallModal {display:none;}


/*-----------------------------------
[ welcome ]
-----------------------------------*/
#welcomeModal {display:none; position:relative;}
#welcomeModal .contentRightCol {padding:10px; overflow:hidden;}
#welcomeModal .contentRightCol h1 {padding:0px 0px 20px 0px;}
#welcomeModal p {font-size:14px; padding:0px 0px 10px 0px;}
#welcomeModal ul {}
#welcomeModal li {list-style-image:none; list-style-position:outside; list-style-type:none; overflow:hidden; float:left; padding:0px 20px 0px 0px; margin:0px 20px 0px 0px; border-right:1px solid #e5e5e5;}
#welcomeModal li.last {padding:0; margin:0; border:0;}
#welcomeModal .start-options {padding:10px 0px 20px 0px; overflow:hidden; height:1%;}
#welcomeModal .start-options a:link,
#welcomeModal .start-options a:visited,
#welcomeModal .start-options a:hover,
#welcomeModal .start-options a:active {font-size:24px; color:#009ce9;}






.modal-container:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .modal-container {zoom:1; display:block;}
*+html .modal-container {zoom:1; display:block;}

.modal-container .leftColumn:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .modal-container .leftColumn {zoom:1; display:block;}
*+html .modal-container .leftColumn {zoom:1; display:block;}

.modal-container .rightColumn:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .modal-container .rightColumn {zoom:1; display:block;}
*+html .modal-container .rightColumn {zoom:1; display:block;}

.modal-content .settings-content .leftColumn .features-row:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .modal-content .settings-content .leftColumn .features-row {zoom:1; display:block;}
*+html .modal-content .settings-content .leftColumn .features-row {zoom:1; display:block;}

.modal-content .actions:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .modal-content .actions {zoom:1; display:block;}
*+html .modal-content .actions {zoom:1; display:block;}

.modal-content .form-row:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .modal-content .form-row {zoom:1; display:block;}
*+html .modal-content .form-row {zoom:1; display:block;}