/*-------------------------------------
[ Content ]
-------------------------------------*/
body.home {background-color:#fff;}
.home .content .h2 {color:#525252; font:bold 11pt arial;}
.home .content {width:100%;}

.home .priNav .last a:link,
.home .priNav .last a:visited,
.home .priNav .last a:hover,
.home .priNav .last a:active {width:155px;}




#promoWrapper {height:340px; margin:0; padding:0; display:block; border-bottom:1px solid #fff; position:relative; background-color:#e5e5e5; overflow:hidden;}

#promoWrapper img {position:absolute; top:0px; left:0px; z-index:999;
  width: 100%;
}

.resize {
  width: 200px;
  height : auto;
}

.resize {

}

#promoWrapper #promoContent {width:982px; position:relative; margin:auto; z-index:9999;}

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

#promoWrapper #promo {width:610px; float:left;}

#promoWrapper h2 {color:#009ce9; font-size:40px; padding-top:25px; width:420px;}
#promoWrapper h3 {color:#fff; font-size:24px; padding:0 0 20px 0;}
#promoWrapper .sign-up-container:link,
#promoWrapper .sign-up-container:visited,
#promoWrapper .see-demo-container:link,
#promoWrapper .see-demo-container:visited {display:block; width:160px; float:left; background-color:#009ce9; /*background-color:#999;*/ margin-right:10px; text-decoration:none; padding:8px; font:bold 1.167em arial; color:#fff;
	/*rounded corners
	-webkit-border-radius:.5em;
	-moz-border-radius:.5em;
	-o-border-radius:.5em;
	border-radius:.5em;*/
}
#promoWrapper .sign-up-container:link,
#promoWrapper .sign-up-container:visited {background-color:#A4C94D;}
#promoWrapper .sign-up-container:hover,
#promoWrapper .see-demo-container:hover {text-decoration:underline;}

#promoWrapper h4 {clear:both; border:0; padding:30px 0 0 0; color:#fff;}

#promoWrapper .bookmarklet-container {display:block; float:left; margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid #ccc;}
#promoWrapper .addthis-container {display:block}

#promoWrapper .bookmarklet-container strong,
#promoWrapper .addthis-container strong {color:#000;}

#promoWrapper .bookmarklet-container:link,
#promoWrapper .bookmarklet-container:visited,
#promoWrapper .addthis-container:link,
#promoWrapper .addthis-container:visited {color:#000; text-decoration:none;}
#promoWrapper .bookmarklet-container:hover,
#promoWrapper .addthis-container:hover {text-decoration:underline;}







.form-container {float:left; width:340px; margin:20px 0 0 10px; padding:10px; background-color:rgba(0,0,0,0.4); border:1px solid rgba(0,0,0,0.25);}

#promoWrapper .form-container h2 {font-size:24px; maring:0; padding:0; line-height:16px;}

.form-row {padding:0; position:relative;}
.form-container p {padding:0 0 10px 0;}
.form-container .label,
.form-container label {padding:6px 0px 4px 0px; display:block; color:#ccc;}
.form-container input {padding:8px 4px; border:1px solid #ccc; width:300px;}
.form-container .value {width:238px; margin-left:10px; float:left;}


.form-container .inputRadio {width:16px; height:16px; overflow:hidden; padding:0; margin:0;}
.form-container .inputRadio input {margin:0; padding:0; width:16px;}
.form-container .inputRadios td {color:#666;}
.form-container .warning {display:none; float:left; padding:4px; border: 1px solid #ff0000; background-color:#f04949; color:#fff; margin:0px 0px 0px 10px;}
.form-container .note {clear:both; color:#999; padding:8px 0 0 186px; font-size:.94em;}


.form-container .form-row img {float:left; margin-left:10px;}

.form-container #inputRemoveAvatar {marign:0; padding:0; border:0; width:20px;}
.form-container .remove-avatar-label {margin:0; padding:0;}
.form-container .url-label span {display:block; padding:4px 0 0 30px;}
.form-container .url-homepage {background:url(../bookmarks/images/icns_bookmark_options_24.png) 0px -288px no-repeat; height:24px; margin:0; padding:0;}
.form-container .url-facebook {background:url(../bookmarks/images/icns_bookmark_options_24.png) 0px -96px no-repeat; height:24px; margin:0; padding:0;}
.form-container .url-twitter {background:url(../bookmarks/images/icns_bookmark_options_24.png) 0px -192px no-repeat; height:24px; margin:0; padding:0;}

.form-container #inputRememberEmail,
.form-container #rememberPassword {border:0;}


.form-row.submit {margin:0 0 0 0; padding:10px 0 10px 0; border-bottom:1px dotted #000;}
.form-container .submit-button {float:left; background-color:#009CE9; height:37px; overflow:hidden; color:#FFFFFF; margin:0; text-decoration:none; display:block; width:120px; border:0; text-align:left; padding:0 0 0 10px;}
.form-container .submit-button span {}

.form-row.lost {}

.messageWrapper {}
.message-container.success {padding:4px; background-color:#a4c94d; color:#fff;}


.form-container .remember-me-container {float:left; padding:0 0 0 20px;}
.form-container .remember-me-container td {padding:0 0 2px 0;}

/****** facebook ******/
.form-row.facebook {margin:0 0 0 0; padding:10px 0 10px 0;}

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

.form-row.facebook .facebook-content {float:left; width:120px;}
.form-row.facebook .label {float:left; margin:0 0 0 20px; padding:0; width:190px; color:#000;}


.facebook-login-button:link,
.facebook-login-button:visited {float:left; color:#FFFFFF; margin:0; text-decoration:none; display:block; width:120px; border:0; text-align:left; background:#3b5a9a url(../images/28x28_facebook.png) 0px 4px no-repeat; height:37px; overflow:hidden;}

.facebook-login-button span {display:block; padding:3px 0 0 40px;}
.facebook-login-button span.logout {padding-top:10px;}

#rememberMeTable td {vertical-align:top;}




/*-------------------------------------
[ Highlights ]
-------------------------------------*/
.highlights-wrapper {width:982px; clear:both;}
.highlights-wrapper h2 {color:#039be7; font-size:21px; padding:10px 0px 10px 0px;}
.highlights {overflow:hidden; height:1%; clear:both;}
.highlights li {list-style-image:none; list-style-position:outside; list-style-type:none; overflow:hidden; float:left; border-left:1px solid #e5e5e5; padding:0px 0px 0px 10px; margin:0 0 10px 10px; height:80px; width:227px;}
.highlights li.first {margin-left:0; border-left:0; width:238px; padding-left:0;}
.highlights li.last {}
.highlights li .hdr {color:#039be7; font-size:18px; padding:0px 0px 8px 0px;}
.highlights li .txt {color:#666; font-size:12px;}



/* labels */
.recentLabelsWrapper {float:left; width:160px;}
.recentLabelsPadding {padding:0px 0px 0px 0px;}
.recentLabels {color:#333;}
.recentLabels .favThumbLabel {width:200px; height:170px; display:block; overflow:hidden;}
.recentLabels .favNameLabel {height:30px; overflow:hidden; display:block; border-bottom:1px solid #ccc; margin:0 0 5px 0; padding:0 0 5px 0;}
.recentLabels .favUrlLabel {height:30px; overflow:hidden; display:block; border-bottom:1px solid #ccc; margin:0 0 5px 0; padding:0 0 5px 0;}
.recentLabels .favAddedByLabel {height:20px; overflow:hidden; display:block;}
.recentLabels .favDateLabel {height:20px; overflow:hidden; display:block; border-bottom:1px solid #ccc; margin:0 0 5px 0; padding:0 0 5px 0;}
.recentLabels .favTagsLabel {}


/* bookmark */
.recentBookmarksWrapper {clear:both;}
.recentBookmarksWrapper h3 {}
.recentBookmarkWrapper {float:left; width:260px;}
.recentBookmarkPadding {padding:0px 0px 0px 20px;}

#recentBookmarks {border:2px solid #999; padding:8px; background-color:#f5f5f5; margin:0 0 20px 0;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
 -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
         box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
}

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

.recentBookmark {color:#666;}
.recentBookmark .thumbWrapper {width:200px; height:170px; display:block;}
.recentBookmark .thumb {padding:5px;}
.recentBookmark .favName {height:30px; overflow:hidden; display:block; border-bottom:1px solid #ccc; margin:0 0 5px 0; padding:0 0 5px 0;}
.recentBookmark .favUrl {height:30px; overflow:hidden; display:block; border-bottom:1px solid #ccc; margin:0 0 5px 0; padding:0 0 5px 0;}
.recentBookmark .favAddedBy {height:20px; overflow:hidden; display:block;}
.recentBookmark .favDate {height:20px; overflow:hidden; display:block; border-bottom:1px solid #ccc; margin:0 0 5px 0; padding:0 0 5px 0;}
.recentBookmark .favTags {}
.recentBookmark .favTags a:link,
.recentBookmark .favTags a:visited,
.recentBookmark .favTags a:hover,
.recentBookmark .favTags a:active {display:block; padding:0px 0px 4px 0px;}	 





#dailyAwesomeness {position:absolute; top:8px; right:0px;}

/* bookmark */
#dailyAwesomeness h2 {font-size:24px; margin:0 0 5px 0; padding:0; width:220px; text-align:center;}
#dailyAwesomeness h2 a:link,
#dailyAwesomeness h2 a:visited {text-decoration:none;}
#dailyAwesomeness h2 a:hover {text-decoration:underline;}
#dailyAwesomeness .recentBookmarkWrapper {float:left; width:240px; background-color:#f5f5f5; border:1px solid #e5e5e5;}
#dailyAwesomeness .recentBookmarkPadding {padding:5px 10px 10px 10px;}
#dailyAwesomeness .recentBookmark {color:#666;}
#dailyAwesomeness .recentBookmark .thumbnailWrapper {display:block; margin:0 auto 5px auto; border:1px solid #ccc; padding:0; background-color:#fff;}
#dailyAwesomeness .recentBookmark .thumb {padding:0; margin:8px auto 5px auto; text-align:center;}
#dailyAwesomeness .recentBookmark .favName {height:20px; overflow:hidden; display:block; border-bottom:1px solid #e5e5e5; margin:0 0 5px 0;}
#dailyAwesomeness .recentBookmark .favUrl {height:20px; overflow:hidden; display:block; border-bottom:1px solid #e5e5e5; margin:0 0 5px 0;}
#dailyAwesomeness .recentBookmark .favDate {height:20px; overflow:hidden; display:block; border-bottom:1px solid #e5e5e5; margin:0 0 5px 0;}
#dailyAwesomeness .recentBookmark .favTags {margin:0 0 10px 0; padding:0 0 4px 0;}
#dailyAwesomeness .recentBookmark .favTags a:link,
#dailyAwesomeness .recentBookmark .favTags a:visited,
#dailyAwesomeness .recentBookmark .favTags a:hover,
#dailyAwesomeness .recentBookmark .favTags a:active {display:inline;}
#dailyAwesomeness .recentBookmark .more:link,
#dailyAwesomeness .recentBookmark .more:visited {font-weight:bold; text-align:center; display:block; width:220px; background-color:#fff; padding:4px 0 7px 0; text-decoration:none;}
#dailyAwesomeness .recentBookmark .more:hover {text-decoration:underline;}