body {
 /*background: #ffffff url(../images/stripe2.png) top left repeat;*/
 background-color: #fff;
 font-family: Arial, Lucida Grande, Verdana, Sans-serif;
 font-size: 14px;
 color: #4F5155;
 margin: 0;
}

ul { margin: 0; }
li { list-style-type: none; }

a:hover,
.articleInfo a:hover {color: #1097ed; }

.articleInfo {
	font-size:93%;
	padding-top: 3px;
	color: #999999;
}

.articleInfo a { color: #8696A4; }


form {margin:0; padding: 0; }

#headercontainer, #footercontainer { 
	/*background: url(../images/stripe6.png) top left repeat;*/
	background-color: #356AA0; 
}

#container {
 background-color: /*#eeeeee*/#ffffff;
 width: 960px;
 margin: 0 auto;
 padding-top: 10px;
}

#footer2 {
 width: 960px;
 margin: 0 auto;
 font-size: 85%;
}



#header {

 background: transparent url(../images/flaggr_white_sm.png) no-repeat 10px 20px;
 padding-left: 10px;
 padding-top: 20px;
}

#header, #footer {
	/*background-color: #144C86;*/
	color: #fff;
        width: 960px;
        margin: 0 auto;

}

#footer {
 font-size: 85%;
 padding: 5px;
 margin-top: 0px;
 text-align: center;
}

#footer a { color: #fff; }

#header_tab {
 margin-left: 10px;
 padding: 0;
 margin-bottom: 0px;
 margin-top: 15px;
}
#header_tab li {
 background-color: #ffffff; 
 color: #000; 
 display: inline; 
 padding: 5px 15px 0px 15px; 
 margin-left: 5px; 
 text-align: center;
 -moz-border-radius: 5px 5px 0px 0px;
}
#div-tabs { padding-top: 40px; }

h3 { margin-bottom: 5px; padding-bottom: 0px; }

#content {
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 10px;
 padding-bottom: 0px;
 position: relative;
 background-color: #fff;
}

input#input-search {
	background: #fff url(../images/search.gif) scroll 3px center no-repeat;
	padding-left: 23px;
}

.important {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FBE6F2 none repeat scroll 0 0;
border:1px solid #D893A1;
color:#333333;
margin:10px 0 5px;
padding:10px;
}


a {
 color: #105CB6;
 background-color: transparent;
 font-weight: normal;
 outline: none;
}

a img { border: 0; }

h1 {
 /*color: #444;*/
 background-color: transparent;
 /*border-bottom: 1px solid #D0D0D0;*/
 font-size: 127%;
 font-weight: bold;
 margin: 0;
 padding: 0;
}

h2 { margin: 0;
     padding: 0;
     font-size: 127%;
}

h2 a { font-weight: bold;
       text-decoration:none; 
       border-bottom: 2px solid #C8D6E5;
      } 
h2 a:hover { border-bottom: 2px solid #1097ed; }

h2 span a { border-bottom: 0; }
h2 span a:hover { border-bottom: 0; }

h2.textPost { background: url(../images/text.png) top left no-repeat; padding-left: 28px; padding-bottom: 9px; }

.linkInfo h2 { padding-bottom: 4px; }
.linkInfo h2.textPost { padding-bottom: 8px; }

.filterNav {

	height: 25px;
	padding-top: 8px;
	border-top: 1px solid #eee;

}

.filterItem {
    color: white;  
    padding: 4px; 
    font-size: 11px; 
    font-weight: bold; 
    text-decoration: none; 
    margin-right: 5px;
}

.filterItem.f1 {
    background-color: white;
	color: #336699;
}

.filterItem.f1#f1-selected {
	background-color: #336699;
	color: white;
	-moz-border-radius:25px;
	padding-left: 10px;
	padding-right: 10px;
}

.filterItem.f2 {
    background-color: white;
    color: orange;
}

.filterItem.f2#f2-selected {
    background-color: orange;
    color: white;
    -moz-border-radius:25px;
    padding-left: 10px;
    padding-right: 10px;    
}



.linkResults {

 font-family: Arial, Monaco, Verdana, Sans-serif;
 background-color: #ffffff;
 border: 0;
 color: #002166;
 display: block;
 margin: 14px 0 14px 0;
 padding: 12px 10px 12px 10px;
}

#add-link, #add-text, .box { 
	background-color: /*#DFEDF7*/#E5ECF3; 
	border: 1px solid /*#90C2E1*/#C8D6E5; 
    padding: 15px; font-size: 85%; 
    margin-bottom: 14px; 
    width; 890px;
    -moz-border-radius: 5px; 
}

.box { 
    background-color: #EBF3DF;
    border: 1px solid #B2D281;
}

.resultOptions { font-size: 75%; float: right; position: relative; }
#search-link { font-size: 75%; float: left; position: relative; }



.linkResults { margin-top: 0px; border-top: 1px solid #eeeeee; float: left; margin-bottom: 0; padding-bottom: 0; width: 900px; position: relative; }

p { margin: 0; padding: 0; }

.commentSection { 
	font-size: 85%;
    color: #444; 
    background-color: #ffffff; 
    border: 0;
	display: block;
	margin: 14px 0 14px 0;
	padding: 12px 10px 12px 10px;
}

    .thread {
       margin-left: 25px;
       border-left: 1px dotted #DDDDFF;
       margin-top: 10px;
       margin-bottom: 10px;
    }

    .commentSection INPUT {
       padding: 2px;
       font-size: 93%;
    }

    .commentContainer {
       overflow: auto;
       max-width: 60em;
    }
    
    .commentInfo {
       color: #888;
       font-size: x-small;
    }
    
    .commentInfo a, .commentReply a { font-weight: bold; text-decoration: none; }
    
    .commentReply { font-size: x-small; }
    
    .commentText {
       margin-top: 5px;
       margin-bottom: 3px;
       font-size: small;
    }
    
    .comment {
       padding-left: 10px;
       margin-top: 10px;        
    }

    .commentVote { 
       float:left; 
       padding-right:5px;
    }

    .commentVoteUp { height: 15px; }
    
    .commentVoteDown { height: 15px; }
    
.linkLabel {
	background: transparent url(../images/icon_tag-01.gif) 0px 1px no-repeat; 
	padding-left: 20px; 
	padding-bottom: 2px;
}

h3 { color: #000000; }


ul.inlineList { 
	margin:0;
	padding: 5px; 
	font-size: 77%; 
}

ul.inlineList li { 
	list-style-type: none; 
	background-color: #ffffff; 
	color: #000; 
	display: inline; 
	text-align: center;
	border:none;
}

ul.inlineList li a {
	padding: 5px 15px 5px 15px;
	text-decoration: none;
	color: #555555;
	border: 1px solid #eeeeee;
	position: relative;
}

ul.inlineList li a:hover {
	background-color: #E5ECF3;
}

ul.inlineList li.active a{ 
	font-weight: bold;
	background-color: #E5ECF3; 
	border: 1px solid /*#90C2E1*/#C8D6E5;
}

.notice {
	font-size: 75%;
	padding: 5px;
	background-color: #eee;
	border: 1px solid #bbb;
}

.popup {
  display: block; 
  border: 3px solid;

  padding: 10px;
  margin-top: 5px;
  position: absolute;
  z-index: 100;
  left: 50%;
  width: 400px;
  margin-left: -250px;
  padding-left:50px;

    color: #9F6000;
    background-color: #FEEFB3;  
    background: #FEEFB3 url('../images/Icon_Attention.png') 10px 10px no-repeat;
}

ul#who-rated { float: left; }
ul#who-rated li { width: 130px; float: left; line-height: 1.8; padding-left: 18px; list-style-type: none; }

.activity ul {font-size: 80%; padding: 0; margin: 0; padding-top: 10px; }
.activity li { padding-left: 18px; line-height: 1.8; list-style-type: none; }
.activity li.added { background: url(../images/flag_blue.png) 0px 4px no-repeat; }
.activity li.liked { background: url(../images/thumbsup.gif) 0px 2px no-repeat; }
.activity li.disliked { background: url(../images/thumbsdown.gif) 0px 4px no-repeat; }
.activity li.commented { background: url(../images/comment.gif) 0px 4px no-repeat; }
li.icon_group { background: url(../images/group-small.gif) 0px 4px no-repeat; }


.icon_user, icon_group, .icon_comment, .icon_link, .icon_tag { padding-top: 2px; padding-bottom: 2px; }

.icon_user { background: url(../images/user.gif) center left no-repeat; padding-left: 18px; line-height: 1.8; }
.icon_group { background: url(../images/group-small.gif) center left no-repeat; padding-left: 18px; line-height: 1.8; }
.icon_group_large { background: url(../images/group-large.gif) center left no-repeat; padding-left: 38px; line-height: 1.8; }
.icon_comment { background: url(../images/comment.gif) center left no-repeat; padding-left: 18px; line-height: 1.8; }
.icon_link { background: url(../images/flag_blue.png) center left no-repeat; padding-left: 18px; line-height: 1.8; }
.icon_tag { background: url(../images/icon_tag-01.gif) center left no-repeat; padding-left: 18px; line-height: 1.8; }
.icon_rss { background: url(../images/rss.gif) center left no-repeat; padding-left: 18px; line-height: 1.8; padding-top: 3px; padding-bottom: 3px; }
.icon_bookmark { background: url(../images/bookmark.gif) center left no-repeat; padding-left: 18px; line-height: 1.8; padding-top: 3px; padding-bottom: 3px; }
.icon_expand { background: url(../images/expand.gif) center left no-repeat; padding-left: 18px; line-height: 1.8; }
.icon_collapse { background: url(../images/collapse.gif) center left no-repeat; padding-left: 18px; line-height: 1.8; }
a.bookmarklet {
background:#FFFFFF url(../images/bookmark.gif) no-repeat scroll 8px 50%;
border-color:#DDDDDD #666666 #666666 #DDDDDD;
border-style:solid;
border-width:1px;
display:block;
float:left;
font-weight:bold;
margin-left:20px;
padding:7px 15px 7px 30px;
text-decoration:none;
}

INPUT, TEXTAREA {
	border: 1px solid silver;
	padding: 5px;
	font-size: 100%;
	font-weight: bold;
	font-family: Arial, Monaco, Verdana, Sans-serif;	
}
INPUT.checkbox { border: 0; padding: 0;}

TEXTAREA {
width: 50em;
height: 6em;


}

.text { width: 700px; font-weight:normal; font-size:75%; }
TABLE.dataTable TH {text-align: left; font-size:85%; padding-right:10px; color: #000000; font-weight:normal; vertical-align: top; padding-top: 5px;}

.linkbox { padding: 10px; background-color: #E5ECF3; border: 1px solid silver; width:900px; }


#link-url { width: 30em; }

.linkSummary { padding-bottom: 5px; font-size: 85%; float:left; width: 890px; position: relative;}
.linkRating {
	font-family: Arial;
	font-size: 125%;
	font-weight: bold;
	background: url(../images/shade.gif) top left no-repeat;
/*	background: url(../images/vote.png) top left no-repeat;*/
	color: #736926;
	padding:0;
	float:left;
	margin-right: 10px;
	width: 51px;
	/*height: 37px;*/
	padding-top: 15px;
	padding-bottom: 0px;
	text-align: center;
	line-height: 1em;
}

.tiny { font-size: 85%; }
.linkRating a { color: #736926; font-weight: bold; padding: 15px; text-decoration: none; font-size: 93%; }

.linkRating .rateSection a { padding: 0px; }

.rateSection {
	float: left;
	margin-top: 5px;
	padding-top:3px;

}

.thumbsUp { float: left; padding-left: 5px;}
.thumbsDown { float: left; padding-left: 11px;}
.rateThis { font-weight:normal; color: #555555; font-size: 65%;}

.empty { color: #bbbbbb; }



.linkInfo {
	float: left;
	width: 800px;
}

.linkHost { color: #999999; font-size: 93%; }
.linkHost a { color: #999999; text-decoration: none; }
.linkHost a:hover { color: #555555; }



label { vertical-align: bottom; position: relative; top: -7px; padding: 2px; }

.linkResults p { margin: 0; padding:0 ;}


.tagcloud {
	text-align: justify;
	padding-top: 10px;
	background-color: #ffffff;
	position: relative;
	margin-bottom: 10px;
}

#tags-heading {
	padding: 4px;
	border: 1px solid #C8D6E5;
	margin-bottom: 0px;
	margin-top: 10px;
	font-size: 85%;
	color: #000000;
	background-color: #E5ECF3;
	position: relative;
}

#top-help {
    position: absolute;
    top: 2px;
    right: 5px;
    font-size: 75%;	
}

#top-help a { color: #ffffff; }


.info, .success, .warning, .error {  
    /*font-family:Arial, Helvetica, sans-serif;   */
    font-size:85%;  
    font-weight: normal;
    border: 1px solid;  
    padding:10px 10px 10px 50px;  
    background-repeat: no-repeat;  
    background-position: 10px center;  
    clear: both;
}

.info a, .success a, .warning a, .error a {  
    /*font-family:Arial, Helvetica, sans-serif;   */
    font-size:85%;  
    font-weight: bold;
}

.info a { color: #00529B; }
.info {  
    color: #00529B;  
    background-color: #BDE5F8;  
    background-image: url('../images/Icon_Message.png');  
}

.success a { color: #4F8A10; }
.success {  
    color: #4F8A10;  
    background-color: #DFF2BF;  
    background-image:url('../images/Icon_Valid.png');  
}

.warning a { color: #9F6000; }
.warning {  
    color: #9F6000;  
    background-color: #FEEFB3;  
    background-image: url('../images/Icon_Attention.png');  
}

.error a { color: #D8000C; }
.error {  
    color: #D8000C;  
    background-color: #FFBABA;  
    background-image: url('../images/Icon_Cancel.png');  
}