/* Copyright 2012 Nuzzel, Inc. */

body { text-align: center; margin: 0px; }
body { font-size: 80%; font-family: arial, helvetica, sans-serif; }
body { background: #F9F9F9; color: black; }
textarea { font-family: arial, helvetica, sans-serif; }

#pageHeaderBar, #secondNav { margin-left: auto; margin-right: auto; width: 100%; }
#pageHeaderMiddle, #secondNavMiddle, #pageContent, #pageFooter, #messageBar { margin-left: auto; margin-right: auto; text-align: left; }
#pageHeaderMiddle, #secondNavMiddle, #pageContent, #pageFooter, #messageBar { width: 940px; padding-left: 20px; padding-right: 20px; }
#pageHeaderBar { background: #333; }
#pageHeaderMiddle { padding-top: 10px; padding-bottom: 10px; color: white; }

#secondNav { background: #F9F9F9; border-bottom: 1px solid #CCC; }
#secondNavMiddle a { padding-top: 4px; padding-bottom: 3px; color: #777; font-weight: bold; text-decoration: none; }
#secondNavMiddle a { border-left: 1px solid #CCC; width: 230px; display: inline-block; text-align: center; }
#secondNavMiddle a:hover { color: #333; }

#pageContent { margin-top: 20px; padding-top: 15px; padding-bottom: 15px; background: white; }
#pageContent { border: 1px solid #E5E5E5; }
#pageContent {
  border-radius: 6px;
	-moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  
  -moz-box-shadow: 2px 2px 2px 0px #E9E9E9; 
  -webkit-box-shadow: 2px 2px 2px 0px #E9E9E9; 
  -box-shadow: inset 2px 2px 2px 0px #E9E9E9;   
}

#pageFooter { letter-spacing: +1px; font-size: 85%; text-align: right; }
#pageFooter { padding-top: 15px; padding-bottom: 15px; color: #999; }
#pageFooter a { opacity: .80; filter: alpha(opacity=80); }
#pageFooter .trademark { float: left; }

#pageHeaderBar {
  background-image: -moz-linear-gradient(#333,#111);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#333),to(#111));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#111111');

  -moz-box-shadow: 0px 1px 10px 0px #999; 
  -webkit-box-shadow: 0px 1px 10px 0px #999; 
  -box-shadow: inset 0px 1px 10px 0px #999; 
}

#pageBody {
  background: #F1F1F1;
  background-image: -moz-linear-gradient(#F1F1F1, #F9F9F9);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#F1F1F1),to(#F9F9F9));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1',endColorstr='#F9F9F9');
}

.alert { text-align: left; background-color: #F77; border-bottom: 1px solid #F55; }
.info { text-align: left; background-color: #FF9; border-bottom: 1px solid #FF3; }

div.error { margin: 20px 0px; padding: 10px 10px; border: 1px solid #F55; background-color: #F77; }

#messageBar { margin-top: 20px; padding: 15px 20px; border: 1px solid #DD7; background-color: #FF9; font-weight: bold;}
#messageBar {
  border-radius: 6px;
	-moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

#messageBar.error { background-color: #F0A8A8; border: 1px solid #900; }

a { color: #004276; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: none; }
h1 { font-size: 220%; font-weight: bold; color: #4E463F; margin-top: 0px; }
h2.alt1 { font-family: Georgia, "Century Schoolbook", "Times New Roman", Times, serif}
h2 { font-size: 24px; margin: 0px 0px 3px 0px; }
h2 a.storyTitle { font-family: 'PT Sans Narrow', arial, helvetica, sans-serif; line-height: 1.2em; }
h2 a.clicked { color: #888888; }
h3 a.storyTitle { font-size: 18px; font-family: 'PT Sans Narrow', arial, helvetica, sans-serif; line-height: 1.2em; }
h3 a.clicked { color: #888888; }
div.sharebox h3 { font-size: 120%; margin: 0px 0px 5px 0px; color: #4E463F; }
p { margin: 0px 0px 1em 0px; }

#leftColumn { float: left; width: 600px; margin-right: 42px; }
#rightColumn { float: left;  }
.helloBox { margin-top: 5px; padding: 8px; width: 280px; background: #EEE; border: 1px solid #DDD; margin-bottom: 25px; }
.homeAccountList { background: #F7F7F7; margin: 10px 0px 5px 0px; border: 1px solid #E0E0E0; border-collapse: collapse; }
.homeAccountList td { padding: 6px; border-top: 1px solid #E0E0E0; }
.homeAccountList td.empty { background: #EEE; }
.homeAccountList.many td { padding: 6px; border-top: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; }
.homeAccountList tr .removeIcon { visibility: hidden; }
.homeAccountList tr:hover .removeIcon { visibility: visible; }
.moreLogins { color: #333; margin-top: 5px; border: 1px solid #CCC; background: #EEE; margin-bottom: 25px; }
.moreLogins { border-radius: 4px;	-moz-border-radius: 4px; -webkit-border-radius: 4px; }
.moreLogins div { padding: 12px 10px 10px 10px; border-top: 1px solid #CCC; background: #FFF; }
.moreLogins h4 { padding: 5px 12px; margin: 0px; }
.feedSharing .disable { visibility: hidden; }
.feedSharing:hover .disable { visibility: visible; }
.subscriberCount { margin-top: 10px; font-size: 11px; color: #666; }

.alreadySubscribed .disable { visibility: hidden; }
.alreadySubscribed:hover .disable { visibility: visible; }

.customFeeds { color: #333; margin-top: 5px; border: 1px solid #CCC; background: #EEE; margin-bottom: 25px; }
.customFeeds { border-radius: 4px;	-moz-border-radius: 4px; -webkit-border-radius: 4px; }
.customFeeds div.inside { padding: 12px 10px 10px 10px; border-top: 1px solid #CCC; background: #FFF; }
.customFeeds h4 { padding: 5px 12px; margin: 0px; }
.customFeeds li { list-style-type: none; margin-bottom: 5px; }
.customFeeds li .count { font-size: 11px; color: #777; }

.allCustomFeeds li { list-style-type: none; margin-bottom: 10px; }
.allCustomFeeds li .count { font-size: 11px; color: #777; }

div.story { margin-bottom: 10px; }
div.story { border-top: 1px solid #D2D2D2; padding-top: 20px; }
div.story.first { border-top: none; padding-top: 10px; }
div.story.bad { opacity: .40; filter: alpha(opacity=40); }

div.story .buttonArea { text-align: center; width: 55px; float:left; margin-right: 20px; }
div.story .shareCount { padding: 4px 0px; text-align: center; color: #333; background-color: #E8E8E8; border: 1px solid #D2D2D2; }
div.story .shareCount .shareCountNumber { margin-top: 3px; font-weight: bold; font-size: 19px; }
div.story .shareCount.more { font-size: 10px; }
div.story .shareCount.more .shareCountNumber { font-size: 16px; }
div.story .corner { margin-left: 8px; margin-top: -1px; height: 5px; margin-bottom: 15px; }
div.story .corner img { display: block; }
div.story .sharelinks { margin-top: 5px; }
div.sharebox { text-align: left; padding: 20px; }
div.sharebox textarea { resize: none; font-size: 120%; height: 65px; width: 500px; padding: 8px; border: 4px solid #CCC; }
div.sharebox textarea {
  border-radius: 8px;
	-moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

div.story.nudge { cursor: pointer; background: #F7F7F7; margin-bottom: 0px; padding-bottom: 15px; }
div.story.nudge .storyImage img { background: white; }
div.story.nudge a.hideNudge { color: #BBB; }
div.story.nudge a.hideNudge:hover { text-decoration: none; }

div.sharebox {
  background: #F1F1F1;
  background-image: -moz-linear-gradient(#F1F1F1, #F9F9F9);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#F1F1F1),to(#F9F9F9));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1',endColorstr='#F9F9F9');
}

div.retweetbox { text-align: left; margin: 0px; padding: 8px; background: #191919; color: white; }
div.retweetbox h2 { padding-left: 10px; padding-top: 5px; }
div.retweetbox #panel { margin-bottom: 0px; padding: 20px; background: white; color: #333; border: 4px solid white; }
div.retweetbox #panel {
  border-radius: 6px;
	-moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

div.story .mainArea { float: left; width: 525px; }
div.story .storyImage { float: right; margin-left: 10px; margin-bottom: 10px; margin-right: 5px; }
.storyImage { overflow: hidden; }
.storyImage {
  border-top: 1px solid #E2E2F2;
  border-left: 1px solid #E2E2F2;
  border-right: 1px solid #C2C2D2;
  border-bottom: 1px solid #C2C2D2;
  -moz-box-shadow: 2px 2px 5px 0px #D2D2D2; 
  -webkit-box-shadow: 1px 1px 2px 0px #B2B2C2; 
  -box-shadow: inset 1px 1px 2px 0px #B2B2C2;  
}
.recentStory .storyImage { margin-right: 17px !important; }
.storyImage img { display: block; font-size: 85%; color: #999; font-style: italic; }
div.story .details { margin-bottom: 10px; }
div.story .site { font-weight: bold; color: #666; }
div.story .author { color: #666; }
div.story .author a { color: #33546E;}
div.story .date { color: #666; }
div.story .excerpt { color: #333; line-height: 1.4em; }
div.story .externalUserArea { width: 500px; margin-bottom: 10px; }
div.story .externalUserImage { float: left; width: 27px; }
div.story .externalUserImage img { display: block; border: 1px solid #CCC; }
div.story .externalUserComment { font-size: 90%; margin-top: -2px; margin-left: 6px; float: left; width: 467px; }
div.story .externalUserComment a.externalUserLink { font-weight: bold; }
div.story .externalUserComment span.externalUserLink { font-weight: bold; color: #004276; }
div.story .externalUserComment .dateShared { font-size: 90%; margin-top: 2px; color: #999; }
div.story .externalUserComment .dateShared a { color: #999; }
div.story .externalUserComment .dateShared a.retweetLink { color: #004276; }
div.story .statusesSeparator { font-size: 85%; color: #333; margin-top: 20px; margin-bottom: 10px; }

#bigStories { margin-top: 10px; margin-bottom: 25px; }
#bigStories .box { position: relative; float: left; margin-left: 21px; }
#bigStories .box.first { margin-left: 5px; }
#bigStories .text { padding: 8px; font-size: 16px; font-weight: bold; bottom: 0px; position: absolute; width: 166px; }
#bigStories .transparent { opacity: .70; filter: alpha(opacity=70); background: black; }
#bigStories .text a { color: white; text-shadow: 1px 1px 0 #000; }
#bigStories .text.transparent a { visibility: hidden; }

#loadingStatus {  font-size: 130%; background-color: #DFEFEF; border: 2px solid #D7E7E7; padding: 20px 30px; color: #244; }
#loadingStatus {
  border-radius: 4px;
	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
#loadingStatus {
  background-image: -moz-linear-gradient(#DFEFEF, #EFF5F5);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#DFEFEF),to(#EFF5F5));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFEFEF',endColorstr='#EFF5F5');  
}
#loadingStatus #message div { margin-top: 25px;}
#loadingStatus #message div img { position: relative; top: 9px; margin-right: 13px; }

.helloBox {
  border-radius: 4px;
	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;

  -moz-box-shadow: 2px 2px 4px 0px #E9E9E9; 
  -webkit-box-shadow: 2px 2px 4px 0px #E9E9E9; 
  -box-shadow: inset 2px 2px 4px 0px #E9E9E9;   
  
  background-image: -moz-linear-gradient(#EEE,#F3F3F3);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#EEE),to(#F3F3F3));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE',endColorstr='#F3F3F3');    
}

a.button { font-weight: bold; background: #004276; color: white; padding: 5px 10px; border-bottom: 1px solid #002256; border-right: 1px solid #002256;}
a.button {
  border-radius: 6px;
	-moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  
  -moz-box-shadow: 1px 1px 2px 0px #777; 
  -webkit-box-shadow: 1px 1px 2px 0px #777; 
  -box-shadow: inset 1px 1px 2px 0px #777;  
  
  background-image: -moz-linear-gradient(#4082B6,#004276);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#4082B6),to(#004276));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4082B6',endColorstr='#004276');  
}

a.plainButton { font-weight: bold; background: #EEEEEE; color: #333; padding: 5px 10px; border-bottom: 1px solid #333; border-right: 1px solid #333;}
a.plainButton {
  border-radius: 6px;
	-moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  
  -moz-box-shadow: 1px 1px 2px 0px #777; 
  -webkit-box-shadow: 1px 1px 2px 0px #777; 
  -box-shadow: inset 1px 1px 2px 0px #777;  
  
  background-image: -moz-linear-gradient(#EEEEEE,#F3F3F3);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#EEEEEE),to(#F3F3F3));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE',endColorstr='#F3F3F3');  
}

a.redButton { font-weight: bold; background: #900000; color: white; padding: 5px 10px; border-bottom: 1px solid #500000; border-right: 1px solid #500000;}
a.redButton {
  border-radius: 6px;
	-moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  
  -moz-box-shadow: 1px 1px 2px 0px #777; 
  -webkit-box-shadow: 1px 1px 2px 0px #777; 
  -box-shadow: inset 1px 1px 2px 0px #777;  
  
  background-image: -moz-linear-gradient(#C00000,#900000);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#C00000),to(#900000));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C00000',endColorstr='#900000');  
}

div.story .shareCount {
  border-radius: 4px;
	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;  
  
  background-image: -moz-linear-gradient(#E8E8E8,#EFEFEF);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#E8E8E8),to(#EFEFEF));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8',endColorstr='#EFEFEF');    
}

.pagination { font-size: 85%; }
.pagination ul { margin: 0px; padding: 0px; list-style: none; border: 1px solid #DDD; float: left; }
.pagination li { border-right: 1px solid #DDD; padding: 5px 10px; float: left; }
.pagination li.currentPage { background: #EEE; }
.pagination li.disabled { color: #AAA; }
.pagination li.paginationNext { border-right: none; }
.pagination li.ellipsis { padding: 5px 7px; }
.pagination ul {
  border-radius: 3px;
	-moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#countdown { color: #666; font-weight: normal; }
#countdown.negative { color: red; font-weight: bold; }
#shareButton.disabled { background: #DDD; color: #999; }

#topnav a { margin-left: 10px; color: #CCC; font-weight: bold; }
#topnav span.greeting { margin-right: 20px; color: #FFF; font-weight: bold; }

.sortControls { -webkit-text-size-adjust: none; color: #777; padding: 6px 0px; }
.sortControls { border: 1px solid #CCC; padding: 6px 10px; background-color: #F0F0F0; }

#sortOptions, #filterOptions, #dateOptions { border: 1px solid #AAA; color: #666; }
#sortOptions, #filterOptions, #dateOptions, .sortControls {
  border-radius: 3px;
	-moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.moreStatuses { font-size: 90%; width: 475px; padding: 5px 10px; margin-bottom: 15px; }
.moreStatuses { background: #EEEEEE; color: #333; border: 1px solid #DDD; }
.moreStatuses {
  border-radius: 6px;
	-moz-border-radius: 6px;
  -webkit-border-radius: 6px;

  background-image: -moz-linear-gradient(#F9F9F9,#EEEEEE);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#F9F9F9),to(#EEEEEE));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9',endColorstr='#EEEEEE');  
}

.reportProblem { opacity: .80; filter: alpha(opacity=80); }
.reportProblem { width: 53px; margin-top: 10px; font-size: 85%; border: 1px solid #CCC; background: #EEE; }
.reportProblem { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

#reportproblem_form textarea { margin-top: 5px; resize: none; font-size: 100%; height: 50px; width: 500px; padding: 8px; border: 1px solid #CCC; }
#betamessage_form textarea { margin-top: 5px; resize: none; font-size: 100%; height: 200px; width: 500px; padding: 8px; border: 1px solid #CCC; }
#invite_form textarea { margin-top: 5px; resize: none; font-size: 100%; height: 180px; width: 500px; padding: 8px; border: 1px solid #CCC; }

.readLater { padding: 1px 0px; width: 53px; margin-top: 5px; font-size: 11px; background-color: #DDD; border: 1px solid #BBB; }
.readLater { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.readLater a { letter-spacing: -0.5px; color: #444; text-shadow: 1px 1px 0 #EEE; }

div.readLaterDialog h3 { font-size: 120%; margin: 0px 0px 5px 0px; color: #4E463F; }
div.readLaterDialog { text-align: left; padding: 20px; width: 400px; }
div.readLaterDialog {
  background: #F1F1F1;
  background-image: -moz-linear-gradient(#F1F1F1, #F9F9F9);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#F1F1F1),to(#F9F9F9));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1',endColorstr='#F9F9F9');
}

.storyResources { width: 475px; background: #EEE; border: 1px solid #E7E7E7; padding: 0px 10px 8px 10px; margin-top: 20px; margin-bottom: 15px; }
.storyResources { opacity: .70; filter: alpha(opacity=70); }
.storyResource { padding-top: 8px; }
.storyResource img { margin-bottom: -3px; margin-right: 3px; }
.storyResource a { font-size: 11px; }

.story .moreInfo { font-size: 12px; margin-top: 15px; margin-bottom: 10px; }
.story .moreInfo a { color: #777; }

form div.row {margin: 20px 0px;}
form div input {border: 1px solid #AAA; font-size: 12px;}

div.admin { margin-bottom: 40px;}
table.admin { color: #333; border-collapse: collapse;  cellspacing:0; margin-bottom: 40px;}
table.admin td, table.admin th { padding: 5px 20px; border: 1px solid #AAA; }
table.admin td { text-align: right; }
table.admin th { background-color: #EEE; }
table.admin.small td { font-size: 11px; }

#instrumentation { letter-spacing: +1px; font-size: 85%; padding-bottom: 15px; color: #999; }
#instrumentation a { opacity: .80; filter: alpha(opacity=80); }
#instrumentation table { text-align: left; display: none; }

.dialogBox.ui-widget { font-family: arial, helvetica, sans-serif; text-align: left; }
.dialogBox .ui-dialog-buttonpane { border:0; float: left; }
.dialogBox .ui-button-text-only .ui-button-text { padding:0; }
.dialogBox.ui-dialog .ui-dialog-titlebar { padding: 3px 10px; height:5px;}
.dialogBox .ui-dialog-title { position:relative; top:25px; right:5px; font-size: 150%; padding-bottom: 5px; }
.dialogBox .ui-dialog-content { position:relative; top:30px; right:5px; font-size: 90%; clear: both; }
.dialogBox .ui-widget-content .ui-state-default {
  font-size: 90%; font-weight: bold; text-align: left; padding: 5px 10px; border-radius: 6px 6px 6px 6px; margin: 5px;
}
.dialogBox .ui-widget-content .ui-state-default.okButton {
  background: #004276; color: white; border-bottom: 1px solid #002256; border-right: 1px solid #002256; background-image: linear-gradient(#4082B6, #004276);
}
.dialogBox .ui-widget-content .ui-state-default.cancelButton {
  background: #F3F3F3; color: 333333; border-bottom: 1px solid #333333; border-right: 1px solid #333333; background-image: linear-gradient(#EEEEEE, #F3F3F3);
}
.dialogBox .ui-dialog-titlebar-close.ui-corner-all {
        position: absolute;
        top: 3px;
        right: -9px; 
        width: 30px;
        height: 30px;
        background-image: url('/fancybox/fancybox.png');
        background-position: -40px 0px;
        cursor: pointer;
        z-index: 1103;
        padding: 0;
        border: 4px;
}
.dialogBox a.ui-dialog-titlebar-close.ui-corner-all:hover { background-color: transparent; }
.dialogBox .ui-icon.ui-icon-closethick { display: none; }

.settingsSection { border: 1px solid #BBB; padding: 0px 10px; margin-top: 20px; }
.settingsSection {
  border-radius: 4px;
	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.settingsSection h2 { font-size: 16px; margin-top: 10px; margin-bottom: -5px; padding-left: 3px; }

#pageHeaderBar .inviteCount { position: relative; top: -7px; font-size: 11px; font-weight: bold; background-color: #F55; padding: 0px 3px; }
#pageHeaderBar .inviteCount {
  border-radius: 12px;
	-moz-border-radius: 12px;
  -webkit-border-radius: 12px;
}

.aboutLinks { list-style: none; margin: 0px; padding: 0px; border: 1px solid #E0E0E0; }
.aboutLinks li { background: #F7F7F7; border-top: 1px solid #E0E0E0; border-collapse: collapse; padding: 5px 10px; }

#featuredFeeds .text { padding: 8px; font-size: 16px; font-weight: bold; bottom: 0px; position: absolute; width: 124px; }
#featuredFeeds .transparent { opacity: .70; filter: alpha(opacity=70); background: black; }
#featuredFeeds .text a { color: white; text-shadow: 1px 1px 0 #000; }
#featuredFeeds .text.transparent a { visibility: hidden; }
#featuredFeeds .feedBox { position: relative; float: left; margin-left: 20px; }
#featuredFeeds .feedBox.first { margin-left: 0px; }
#featuredFeeds .feedBox .photo {  overflow: hidden; }
#featuredFeeds .feedBox .photo img { display: block; }
#featuredFeeds .feedBox  {
  border-top: 1px solid #E2E2F2;
  border-left: 1px solid #E2E2F2;
  border-right: 1px solid #C2C2D2;
  border-bottom: 1px solid #C2C2D2;
  -moz-box-shadow: 2px 2px 5px 0px #D2D2D2; 
  -webkit-box-shadow: 1px 1px 2px 0px #B2B2C2; 
  -box-shadow: inset 1px 1px 2px 0px #B2B2C2;  
}

#userBanner { margin-top: 5px; margin-bottom: 20px; padding: 20px; background-color: #DFEFEF; border: 2px solid #D7E7E7; }
#userBanner {
  border-radius: 6px;
	-moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
#userBanner .photo {  overflow: hidden; }
#userBanner .photo img { display: block; }
#userBanner .photo img {
  border-top: 1px solid #E2E2F2;
  border-left: 1px solid #E2E2F2;
  border-right: 1px solid #C2C2D2;
  border-bottom: 1px solid #C2C2D2;
  -moz-box-shadow: 2px 2px 5px 0px #D2D2D2; 
  -webkit-box-shadow: 1px 1px 2px 0px #B2B2C2; 
  -box-shadow: inset 1px 1px 2px 0px #B2B2C2;  
}