body {
 font: 11px Verdana, Arial, sans-serif;
 margin: 0;
 padding: 0;
 background: #fff url("../images/pattern.png");
 z-index: 1;
}
ul { list-style-type: square; }
a { cursor: pointer; text-decoration: none; }
h1, h2, h3, h4, h5, p, ul, li, div, a {
 margin: 0;
 padding: 0;
}

#content { background: #FFF none repeat scroll 0%;  }

button.orange { background-color: #FF8702; color: #FFF; border: 1px solid #D47103; padding: 0px 2px; }

img { border: none; }
input, textarea {
 border-top: 1px solid #9ba5a8;
 border-right: 1px solid #eef1f2;
 border-bottom: 1px solid #dde4e5;
 border-left: 1px solid #cdd2d3;
 padding: 0.1em; 
}
input[type="checkbox"], input[type="radio"]  {
 border-width: 0;
 padding: 0;
}

button, #panel form .submit, span.grey a, .button {
 border: none;
 color: #000;
 cursor: pointer; 
 display: block;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 text-transform: uppercase;
 padding: 0 3px; 
 width: auto;
 white-space: nowrap;
}
#banner .button {background-color: #EEF1F2; color: #000;    
    border-color: #9BA5A8 #EEF1F2 #DDE4E5 #CDD2D3;
    border-style: solid;
    border-width: 1px;
    font:11px Verdana,Arial,sans-serif;
    padding: 0.1em; width: 360px;  line-height: 1.4em;}
button.blue { background-color: #047391; color: #FFF; border: 1px solid #035E76; }
button.light-blue { background-color: #ccd8db; color: #718a8c; border: 1px solid #718a8c; }
button.orange { background-color: #FF8702; color: #FFF; border: 1px solid #D47103; padding: 0px 2px; }
button.grey { background-color: #BCB3B0; color: #FFF; border: 1px solid #87817F; }

span.orange { background: url("../images/orange_left.png") no-repeat top left; }
span.orange button, #panel form .submit { background: url("../images/orange_right.png") no-repeat top right; }
span.blue { background: url("../images/blue_left.png") no-repeat top left; }
span.blue button { background: url("../images/blue_right.png") no-repeat top right; }
span.red { background: url("../images/red_left.png") no-repeat top left; }
span.red button, span.red a { background: url("../images/red_right.png") no-repeat top right; }
span.light-blue { background: url("../images/lightblue_left.png") no-repeat top left; }
span.light-blue button { background: url("../images/lightblue_right.png") no-repeat top right; color: #718A8C; }
span.grey { background: url("../images/grey_left.png") no-repeat top left; }
span.grey button, span.grey a { background: url("../images/grey_right.png") no-repeat top right; }
span.grey a { padding-top: 2px; }
.error { font-weight: bold; color: #f00; }
.control { z-index: 1; }
.clearfloats { clear: both;  }

.read { cursor: pointer; }
.tooltip { padding: 5px; margin: 5px; color: #545454; border: 1px solid #ffa64e; background: #ffead6; z-index: 1000; }
.float_left { float: left; }
.float_right { float: right; }
.float_none { float: none; }

.center { text-align: center; }

#error { padding: 5px; font-weight: bold; color: #f00; }
#header {
 padding: 4px 4px 0 4px;
 border-bottom: 1px solid #196A86;
 height: 35px; /*height: 132px;*/
 margin: 0; /*no margin*/
 color: #f0f6f8;
 overflow: hidden;
 background: #1D7493;
}
#banner { 
 background-image: url("../images/header_background_top.png");
 height: 90px;
 margin: 0px; /* margin: 0 0 7px 7px */
 padding: 12px 0 15px 20px;
}
#header h1 { 
 float: left;
 text-indent: -5000px; 
 width: 88px;
 height: 23px;
 margin: 5px 7px 0 7px;
}
#header h1 a {
display: block;
width: 88px;
height: 23px;
background: transparent url("../images/mini-logo.png") no-repeat top left;
}
#header ul {
 float: left;
 margin: 0.4em .4em 0.4em 0.8em;
 padding-top: 3px;
 list-style-type: none;
}
#header ul li {
 float: left;
 line-height: 1.2em;
 margin: 0 .85em 0 -.85em;
 padding: 2px .85em 2px .85em;
 border-left: 1px solid #a7dce8;
}
#header li a {
 padding: 8px 0;
 color: #b0e2ed;
 cursor: pointer;
}
#header li a:hover { color: #f0f6f8; }
#header li a#logout { 
 padding-right: 24px;
 background: url("../images/logout.png") no-repeat 100% 50%;
}
#header li a#login { 
 padding-right: 24px;
 background: url("../images/login.png") no-repeat 100% 50%;
}
#header li a#register {
 padding-right: 24px; 
 background: url("../images/register.png") no-repeat 100% 50%;
}
#header li a#profile { 
 color: #FFF;
 padding-right: 16px;
 background: url("../images/profile.gif") no-repeat 100% 53%;
}
#header li a#profile:hover { text-decoration: underline; }
#search { float: left; }
#search input { 
 float: left;
 width: 107px;
 font-size: 1em;
 padding: 2px 0 2px 0.2em;
 margin: 6px 4px 4px;
 color: #8c8c8c;

}
#search #go {
 float: left;
 width: 29px;
 height: 29px;
 margin-top: 1px;
 text-indent: -5000px;
 background: url("../images/go.png") no-repeat top left;
 cursor: pointer;
}

#tabs, #search_tabs { margin: 0px;  background-image: url("../images/header_background_bottom.png"); }
#tabs .drop { text-decoration: underline; }
ul#tabs-list, ul#search_tabs-list {
 overflow: hidden;
 height: auto;
 list-style-type: none;
 margin-left: 9px;
}
#tabs-list.search, #search_tabs-list.search  { border-bottom: 1px solid #ff8200; }
#tabs-list li {
 float: left;
 margin: 0 0 0 7px;
 padding: 0;
 padding-right: 10px;
 background: url("../images/tab.gif") no-repeat right top;
 display: block;
}
#search_tabs-list li {
 float: left;
 margin: 0 0 0 7px;
 padding: 0;
 padding-right: 10px;
 background: url("../images/tab.gif") no-repeat right top;
}
#search_tabs-list.search li { background: url("../images/tab-search-white.png") no-repeat right top;  }
#search_tabs-list.search li span { background: url("../images/tab-search-white-left.png") no-repeat top left; }
#search_tabs-list li.search { background: url("../images/tab-search.png") no-repeat right top; } 
#tabs-list li.selected { font-weight: bold; background: url("../images/tab-plain.gif") no-repeat right top; }
#tabs-list li#add-tab { background-image: none; padding: 6px 10px 4px; cursor: pointer; }
#tabs-list li span, #search_tabs-list span {
 float: left;
 display: block;
 color: #047391;
 padding: 6px 15px 4px;
 cursor: pointer;
 background: url("../images/tab-left.gif") no-repeat top left;
}
#search_tabs-list li.search span { color: #fff; font-weight: bold; background: url("../images/tab-search-left.png") no-repeat top left; }
#tabs-list li.selected span { background: url("../images/tab-plain-left.gif") no-repeat top left; }
#tabs-list li form {
 float: left;
 display: block;
 padding: 4px 3px 0px 8px;
 margin: 0;
 height: 19px;
 background: url("../images/tab-left.png") no-repeat top left;
}
#tabs-list li form input { width: 70px; font-size: 10px; }
#tabs-list li.selected form { background: url("../images/tab-plain-left.gif") no-repeat top left; }
#tabs-list li a.close, #tabs-list li a.add {
 float: left;
 display: block;
 width: 13px;
 height: 13px;
 margin: 6px 8px 4px 0;
 text-indent: -5000px;
 cursor: pointer; 
}
#tabs-list li a.add { background: url("../images/tab-add.png") no-repeat top left; }
#tabs-list li a.add:hover { background: url("../images/tab-add.png") no-repeat top left; }
#tabs-list li.tab a.close, #tabs-list li.top a.close { background: url("../images/close.png") no-repeat top left; }
#tabs-list li.tab a.close:hover, #tabs-list li.top a.close:hover { background: url("../images/close-tab-over.png") no-repeat top left; }
#tabs-list li.selected a.close { background: url("../images/close-plain.png") no-repeat top left; }
#tabs-list li.selected a.close:hover { background: url("../images/close-blue-over.png") no-repeat top left; }
#tabs div, #search_tabs div {
 padding: 5px 5px 5px 15px;
 height: 15px;
 background: #dbe9ee;
}
#tabs div img, #search_tabs div img { vertical-align: middle; margin-right: 6px; }
#tabs div a, #search_tabs div a { color: #fe8710; font-weight: bold; }
#search_tabs div span {
 margin-left: 2em;
 color: #65c4dd;
}

#tabs a#add-content{
 display: block;
 float: left;
 height: 16px; 
 padding: 0 7px 0 0;
 color: #FFF;
 background: url("../images/add-content.gif") no-repeat top right;
}
#tabs a#add-content span{
 display: block;
 padding: 1px 0 2px 20px;
 color: #FFF;
 font-weight: normal;
 margin: 0; 
 background: url("../images/add-content-left.gif") no-repeat top left;
}
#tabs a#add-content:hover { background: url("../images/add-content-hover.gif") no-repeat top right; }
#tabs a#add-content:hover span{ background: url("../images/add-content-left-hover.gif") no-repeat top left; }

/*.close { display: block; border-bottom: 1px solid #2F8193; padding: 5px 0; text-align: right;}
.close a {float: right;}*/
#panel {
 background: #3B9BB5;
 border-top: 1px solid #2F8193;
 margin: 0 10px 1em 1em;
 overflow: hidden;
}
#panel .loader {
 background: #E8F1F4;
 padding: 20px 0;
 text-align: center; 
}
#panel table { width: 100%; }
#panel table td { vertical-align: top; }

#panel td#panel-menu { width: 225px; border-right: 1px solid #2F8193; }
#panel td#panel-menu hr { margin: 0 10px; border: none; border-bottom: 1px solid #2F8193; height: 0px; }
#panel td#panel-menu ul { list-style-type: none; padding: 12px 0; }
#panel td#panel-menu ul li { padding: 4px 10px; }
#panel td#panel-menu ul li a { font-size: 11px; color: #fff; }
#panel td#panel-menu ul li.selected { background-color: #9DCDDA; }
#panel td#panel-menu ul li.selected a { color: #063242; }
#panel td#panel-menu ul li a:hover { text-decoration: underline; white-space: nowrap; }

#panel td#panel-content { background-color: #86C3D2; border-right: 1px solid #2F8193; padding: 0 10px; height: 260px; }
#panel-content-div {
	height: 760px;
	overflow: auto;
}
#panel-content-div span.add-item { 
	background:url("../images/add-green.gif") no-repeat scroll 0 50% transparent;
	display:block;
	padding-left:15px;
}
#panel-content-div span.add-item:hover { background: url("../images/add.gif") no-repeat 0 50%; }
#panel td#panel-content .close { border-bottom: 1px solid #2F8193; padding: 5px 0; text-align: right; }
#panel td#panel-content .close a { font-size: 11px; color: #063242; }
#panel td#panel-content p.title { font-size: 11px; color: #063242; padding: 10px 0 5px; }
#panel td#panel-content form { padding: 0; margin: 0; }
#panel td#panel-content form input { width: 250px; }
#panel td#panel-content form input.checkbox { width: auto; }
#panel td#panel-content p.buttons { padding-top: 15px; }
#panel td#panel-content p.buttons .blue { float: left; margin-right: 10px; }
#panel td#panel-content p.buttons .orange { float: left; }
#panel td#panel-content .layout_columns { height: 40px; }
#panel td#panel-content .layout_columns p { float: left; padding: 5px 20px 0px 0; text-align: center; }

#panel td#panel-content-footer { background-color: #86C3D2; border: 1px solid #2F8193; border-width: 0 1px 1px 0; padding: 2px 0 5px; height: 24px; vertical-align: middle; }
#panel td#panel-content-footer p.notice { background: url('../images/notice.gif') no-repeat bottom left; margin: 0 10px; padding: 5px 0 0 20px; }
#panel td#panel-content-footer p.notice_tools { margin: 0 10px; padding: 5px 0 0 10px; }
#panel td#panel-content-footer a { color: #000; text-decoration: underline; }
#panel td#panel-content-footer .filter { color: #FFF; font-size: 11px; padding: 8px; }
#panel td#panel-content-footer .language { border-bottom: 1px solid #2F8193; }

#panel #filter {
 padding: 0.2em 1em;
 color: #0e7895;
 font-weight: bold;
 height: auto;
 overflow: hidden;
}

#panel input[type="checkbox"] {
 border-width: 0;
 padding: 0;
}
#panel #alphabet { float: left; width: 100px; text-transform: capitalize; }
#panel #alphabet ul {
 float: left;
 margin: 0 auto;
 width: 50%;
 cursor: pointer;
}
#panel #alphabet li { display: inline; padding: 0 0.2em; }
#panel .close #alphabet li a { color: #063242; text-decoration: none; }
#panel #alphabet li a:hover { text-decoration: underline; }
#panel #alphabet li#selected  a{ color: #fe8710; text-decoration: underline; font-weight: bold; }
#panel #alphabet .control { float: right; font-weight: normal; text-transform: none; }
#panel .control img { border: none; }
#panel form table { width: 100%; margin: 10px 0; }
#panel form table td {
 width: 22.5%;
 border-right: 1px solid #2F8193;
}
#panel form ul {
 padding: 0 1em;
 height: 215px;
 list-style-type: none;
 overflow: auto;
 position: relative;
}
#panel form td.first { border-left: none; }
#panel form td.last { border-right: none; }
#panel form td.none { border: none; }
#panel form label { color: #737373; }
#panel form ul li {
 display: block;
 margin: 0em 0;
 padding: 0.3em 1em;
 color: #063242;
 background: url("../images/arrow.gif") no-repeat 98% 50%;
 cursor: pointer;
}
#panel form ul li.selected {
background-color: #C3E1E9;
}
#panel form ul li.feed {
 background: none;
 cursor: auto; 
 padding-left: 0.1em;
}
#panel form ul li.feed a { background: url("../images/add-green.gif") no-repeat 0 50%; display: block; padding-left: 15px; }
#panel form ul li.feed a:hover { background: url("../images/add.gif") no-repeat 0 50%; }
#panel form ul li.checkboxes input {
 position: absolute;
}
#panel form ul li.checkboxes span {
 display: block;
 padding: 3px 0 0 20px;
 margin-bottom: 3px;
}
#panel form ul li.checkboxes span.button {
 padding: 0 0 0 5px;
 margin-bottom: 0px;
}
#panel .filter input {
 margin: 2px 5px 0 20px;
}

ul#tools {
 padding: 0.3em 1em 0.3em 1.4em;
 list-style-type: none; 
}
#tools li { padding: 0.6em 0.3em;  }
#tools li a { color: #696969; padding: 0.6em 0; padding-left: 24px; }
#tools li a:hover { text-decoration: underline; }
#tools li#Email a { background: url("../images/gmail.png") no-repeat 3px; }
#tools li#Notice a { background: url("../images/notice.gif") no-repeat 3px; }
#tools li#Video a { background: url("../images/video.gif") no-repeat 3px; }
#tools li#Weather a { background: url("../images/weather.gif") no-repeat 3px; }
#tools li#Itsmycandidate a { background: url("../images/IMC-logo.png") no-repeat 3px; }
#tools li#Site_of_the_day a { background: url("../images/services_daily.gif") no-repeat 3px; }
#tools li#Itsmynews_Blog a { background: url("../images/services_blog.gif") no-repeat 3px; }
#tools li#Craigslist a { background: url("../images/services_craigslist.gif") no-repeat 3px; }

.columns { margin: 1em 0.5em; position: absolute; width: 99%; }
.columns .td_column {  }
.columns .column, .columns .river_content, .top_stories, #news, #sources {
 padding: 0.5em 0.1em;
 vertical-align: top;
}
.columns3 .column { width: 31%; }
.columns2 .column { width: 47%; }
.columns1 .rivers, .top_stories { width: 90%; margin-left: 12px; }
.river_td { width: 180px; text-align: right; }
.emptyPlaceMarker { border: 1px dashed #000; z-index: -1; }
.columns .module, .columns .gmail, .columns .notice, .api_2 {
 background-color: #FFF;
 margin-bottom: 0.5em;
 border: 4px solid #e6e6e6;
}
.columns .module_table, .columns .module_table .header table {
 width: 100%;
}
.columns .header, #toggle .header, #fullread .header, .fullpanel .header {
 background: #e8f1f4;
 height: 23px;
 border: 1px solid #047391;
 position: relative;
 height: auto; 
}
.columns .header h2, #toggle .header h2, #fullread .header h2, .fullpanel .header h2 {
 color: #047391;
 cursor: move;
 font-size: 90%;
 padding: 5px 120px 5px 20px;
}
.columns .header h2 span { position: absolute; left: 5px; }
.columns .header h2 span.toggle, .columns #mycandidate-header div.toggle { padding-left: 14px; cursor: pointer; }
.columns .header h2 span.toggle { display: block; width: 1px; height: 14px; }
.columns .header h2 span.collapsed { background: url("../images/collapse.gif") no-repeat 0px 1px; }
.columns .header h2 span.expanded { background: url("../images/expand.gif") no-repeat 0px 2px; }

.columns .header .control, #toggle .header .control, #fullread .header .control, .fullpanel .header .control {
 position: absolute;
 top: 0;
 right: 0px;
 color: #047391;
 cursor: auto;
 text-align: right;
 padding: 5px 0px 5px 5px;
}
.module .control a, #toggle .header .control a, #fullread .header .control a, .fullpanel .header .control a { color: #7BC0CD; display: block; width: 13px; height: 14px; float: left; margin: 0 2px; padding: 0 3px; cursor: pointer; }
.columns .control a:hover, #toggle .header .control a:hover, #fullread .header .control a:hover, .fullpanel .header .control a:hover { color: #047391; }

.control a.close { margin-right: 0px; }
.control a.menu, #toggle .header .control a, #fullread .header .control a, .fullpanel .header .control a { width: auto; }
.control a.close:hover { background: url("../images/close-over.png") no-repeat 3px 1px; }
.control a.email-friend:hover { background: url("../images/email-hover.png") no-repeat 3px 1px; }
#panel .control a.close:hover, #toggle .control a.close:hover, #fullread .header .control a:hover, .fullpanel .header .control a:hover { background: url("../images/close-over.png") no-repeat bottom right; }
.control a.refresh { background: transparent url("../images/refresh.gif") no-repeat 3px 1px; }
.control a.refresh:hover { background: url("../images/refresh-over.png") no-repeat 3px 1px; }

.columns .settings { background: #bad8dd; padding: 5px; display: none; border: 1px solid #047391; border-top: none; }
.columns .settings table td { padding: 5px; vertical-align: top; }
.columns .settings label { color: #047391; font-size: 11px; }
.columns .settings input, .columns .settings select { font-size: 10px; }
.columns .settings .color-box { background-color: #FFFFFF; border: 1px solid #000; padding: 2px 0; }
.columns .settings .color-box a { display: block; width: 30px; height: 15px; border: 1px solid #000; margin: 5px 4px; }
.columns .settings .color { display: block; width: 15px; height: 11px; border: 1px solid #000; font-size: 0px; }
.columns .settings .select_color a { display: block; float: left; height: 15px; width: 20px; margin: 5px 5px 5px 0; }
.columns .settings .select_color a.selected { height: 15px; width: 20px; margin: 3px 5px 3px 0; border: 2px solid #000; }
.columns .settings button { float: left; margin-right: 10px; }

.columns .control a.close, #toggle .header .control a.close, #fullread .header .control a.close, .fullpanel .header .control a.close { background: transparent url("../images/close-module.gif") no-repeat 0px 1px; }
.columns .control a.close:hover, #toggle .header .control a.close:hover, #fullread .header .control a.close:hover, .fullpanel .header .control a.close:hover  { background: transparent url("../images/close-over.gif") no-repeat 0px 1px; }

.module .content, .columns .content {
 padding: 8px 10px;
 border: 1px solid #047391;
 border-width: 0 1px;
}

.columns .content { padding: 8px; }
.module .module-content { padding: 5px 0; }
.module .module-content table td { vertical-align: middle; }
.module .module-content table img { max-width: 80px; max-height: 60px; margin-right: 5px; }
.module .module-nav { text-align: right; height: 15px; background-color: #FFF; padding-top: 5px; position: relative; }
.module .module-nav a { color: #7BC0CD; }
.module .module-nav a:hover{ color: #047391; }
.module .module-nav img { cursor: pointer; position: relative; top: 2px; }
.module .module-nav button { text-indent: 0; cursor: pointer; height: 14px; font: 11px Verdana,Arial,sans-serif; color: #7BC0CD; width: auto; }
.module .module-nav .ModulePageBack { float: left; background: #FFF url('../images/previous-button-white.png') no-repeat left 0px; padding-left: 14px; text-transform: none; }
.module .module-nav .ModulePageNext { float: right; background: #FFF url('../images/next-button-white.png') no-repeat right 0px; padding-right: 14px; text-transform: none; }
.module dt { padding: 0 4px; }
.module h3, .module h3 a, .story h3 a, .river h3 a, .river h3 a { font-size: 100%; color: #393939; cursor: pointer; padding: 4px; }
.river h3 a, .story h3 a { font-size: 14px; }
.river h3 a:hover { text-decoration: underline; }
.module h3 a:visited { font-weight: normal; }
.module h3 a:hover{ text-decoration: underline; }
.module p { color: #6a6a6a; padding: 0 8px; }
.module .content ul.article_tool, ul.links, ul.article_options { list-style-type: none; font-size: 90%; margin: 0; padding: 8px 0 14px 8px; color: #898989; }
.module .content ul.article_tool li, ul.links li, ul.article_options li { float: left; padding: 0 2px; margin: 0; }
.module .content ul.article_tool li.minus, ul.links li.minus, ul.article_options li.minus { height: 13px; padding: 0; width: 13px; background: url('../images/minus.gif') no-repeat; cursor: pointer; }
.module .content ul.article_tool li.plus, ul.links li.plus, ul.article_options li.plus { height: 13px; padding: 0; width: 13px; background: url('../images/plus.gif') no-repeat; cursor: pointer; }

.columns .light-blue .header, .columns .light-blue .content, .columns .light-blue dl, .columns .light-blue .footer { border-color: #047391; z-index: 1; }
.columns .light-blue .header { background-color: #E8F1F4; }
.columns .light-blue .header h2 { color: #047391; }
.columns .light-blue .control a.refresh { background: transparent url("../images/refresh.gif") no-repeat 3px 1px; }
.columns .light-blue .control a.refresh:hover { background: transparent url("../images/refresh-over.gif") no-repeat 3px 1px; }
.columns .light-blue .control a.close { background: transparent url("../images/close-module.gif") no-repeat 0px 1px; }
.columns .light-blue .control a.close:hover { background: transparent url("../images/close-over.gif") no-repeat 0px 1px; }
.columns .light-blue .control a.email-friend { background: transparent url("../images/email.gif") no-repeat 3px 1px; }
.columns .light-blue .control a.email-friend:hover { background: transparent url("../images/email-hover.gif") no-repeat 3px 1px; }
.columns .light-blue .control a { color: #7BC0CD; }
.columns .light-blue .control a:hover { color: #047391; }
.columns .light-blue .colored { background-color: #F0F4F5; }
.columns .light-blue .settings { background-color: #BAD8DD; }
.columns .light-blue .settings .color { background-color: #E8F1F4; }

.columns .yellow .header, .columns .yellow .content, .columns .yellow dl, .columns .yellow .footer { border-color: #F4C723; z-index: 1; }
.columns .yellow .header { background-color: #FFEB3A; }
.columns .yellow .header h2 { color: #047391; }
.columns .yellow .control a.refresh { background: url("../images/refresh.gif") no-repeat 3px 1px; }
.columns .yellow .control a.refresh:hover { background: url("../images/refresh-over.gif") no-repeat 3px 1px; }
.columns .yellow .control a.close { background: url("../images/close-module.gif") no-repeat 0px 1px; }
.columns .yellow .control a.close:hover { background: url("../images/close-over.gif") no-repeat 0px 1px; }
.columns .yellow .control a.email-friend { background: url("../images/email.gif") no-repeat 3px 1px; }
.columns .yellow .control a.email-friend:hover { background: url("../images/email-hover.gif") no-repeat 3px 1px; }
.columns .yellow .control a { color: #7BC0CD; }
.columns .yellow .control a:hover { color: #047391; }
.columns .yellow .colored { background-color: #FFFBDC; }
.columns .yellow .settings { background-color: #FFF494; }
.columns .yellow .settings .color { background-color: #FFEB3A; }

.columns .purple .header, .columns .purple .content, .columns .purple dl, .columns .purple .footer { border-color: #DD1F6E; z-index: 1; }
.columns .purple .header { background-color: #FFB3D9; }
.columns .purple .header h2 { color: #DD1F6E; }
.columns .purple .header h2 span.collapsed { background: url("../images/purple/collapse.gif") no-repeat 0px 1px; }
.columns .purple .header h2 span.expanded { background: url("../images/purple/expand.gif") no-repeat 0px 2px; }
.columns .purple .control a { color: #DD1F6E; }
.columns .purple .control a:hover { color: #87556D; }
.columns .purple .control a.refresh { background: url("../images/purple/refresh.gif") no-repeat 3px 1px; }
.columns .purple .control a.refresh:hover { background: url("../images/purple/refresh-over.gif") no-repeat 3px 1px; }
.columns .purple .control a.close { background: url("../images/purple/close-module.gif") no-repeat 0px 1px; }
.columns .purple .control a.close:hover { background: url("../images/purple/close-over.gif") no-repeat 0px 1px; }
.columns .purple .control a.email-friend { background: url("../images/purple/email.gif") no-repeat 3px 1px; }
.columns .purple .control a.email-friend:hover { background: url("../images/purple/email-hover.gif") no-repeat 3px 1px; }
.columns .purple .note { background-color: #FFB3D9; }
.columns .purple .colored { background-color: #FFE7F3; }
.columns .purple .settings { background-color: #FEC5E2; }
.columns .purple .settings .color { background-color: #FFB3D9; }

.columns .red .header, .columns .red .content, .columns .red dl, .columns .red .footer { border-color: #FF7A7A; z-index: 1; }
.columns .red .header { background-color: #A43836; }
.columns .red .header h2 { color: #FFCFD2; }
.columns .red .header h2 span.collapsed { background: url("../images/red/collapse.gif") no-repeat 0px 1px; }
.columns .red .header h2 span.expanded { background: url("../images/red/expand.gif") no-repeat 0px 2px; }
.columns .red .control a { color: #FFCFD2; }
.columns .red .control a:hover { color: #D9B0B3; }
.columns .red .control a.refresh { background: url("../images/red/refresh.gif") no-repeat 3px 1px; }
.columns .red .control a.refresh:hover { background: url("../images/red/refresh-over.gif") no-repeat 3px 1px; }
.columns .red .control a.close { background: url("../images/red/close-module.png") no-repeat 0px 1px; }
.columns .red .control a.close:hover { background: url("../images/red/close-over.png") no-repeat 0px 1px; }
.columns .red .control a.email-friend { background: url("../images/red/email.gif") no-repeat 3px 1px; }
.columns .red .control a.email-friend:hover { background: url("../images/red/email-hover.gif") no-repeat 3px 1px; }
.columns .red .note { background-color: #A43836; }
.columns .red .colored { background-color: #FFE9E9; }
.columns .red .settings { background-color: #FEC5E2; }
.columns .red .settings .color { background-color: #A43836; }

.columns .deep-blue .header, .columns .deep-blue .content, .columns .deep-blue dl, .columns .deep-blue .footer { border-color: #19809F; z-index: 1; }
.columns .deep-blue .header { background-color: #325086; }
.columns .deep-blue .header h2 { color: #DED8DB; }
.columns .deep-blue .header h2 span.collapsed { background: url("../images/deep-blue/collapse.gif") no-repeat 0px 1px; }
.columns .deep-blue .header h2 span.expanded { background: url("../images/deep-blue/expand.gif") no-repeat 0px 2px; }
.columns .deep-blue .control a { color: #DED8DB; }
.columns .deep-blue .control a:hover { color: #ACA9AB; }
.columns .deep-blue .control a.refresh { background: url("../images/deep-blue/refresh.gif") no-repeat 3px 1px; }
.columns .deep-blue .control a.refresh:hover { background: url("../images/deep-blue/refresh-over.gif") no-repeat 3px 1px; }
.columns .deep-blue .control a.close { background: url("../images/deep-blue/close-module.png") no-repeat 0px 1px; }
.columns .deep-blue .control a.close:hover { background: url("../images/deep-blue/close-over.png") no-repeat 0px 1px; }
.columns .deep-blue .control a.email-friend { background: url("../images/deep-blue/email.gif") no-repeat 3px 1px; }
.columns .deep-blue .control a.email-friend:hover { background: url("../images/deep-blue/email-hover.gif") no-repeat 3px 1px; }
.columns .deep-blue .note { background-color: #325086; }
.columns .deep-blue .colored { background-color: #F2F2F2; }
.columns .deep-blue .settings { background-color: #BAD8DD; }
.columns .deep-blue .settings .color { background-color: #325086; }


.columns .deep-grey .header, .columns .deep-grey .content, .columns .deep-grey dl, .columns .deep-grey .footer { border-color: #000000; z-index: 1; }
.columns .deep-grey .header { background-color: #666666; }
.columns .deep-grey .header h2 { color: #DED8DB; }
.columns .deep-grey .header h2 span.collapsed { background: url("../images/deep-blue/collapse.gif") no-repeat 0px 1px; }
.columns .deep-grey .header h2 span.expanded { background: url("../images/deep-blue/expand.gif") no-repeat 0px 2px; }
.columns .deep-grey .control a { color: #DED8DB; }
.columns .deep-grey .control a:hover { color: #ACA9AB; }
.columns .deep-grey .control a.refresh { background: url("../images/deep-blue/refresh.gif") no-repeat 3px 1px; }
.columns .deep-grey .control a.refresh:hover { background: url("../images/deep-blue/refresh-over.gif") no-repeat 3px 1px; }
.columns .deep-grey .control a.close { background: url("../images/deep-grey/close-module.png") no-repeat 0px 1px; }
.columns .deep-grey .control a.close:hover { background: url("../images/deep-grey/close-over.png") no-repeat 0px 1px; }
.columns .deep-grey .control a.email-friend { background: url("../images/deep-blue/email.gif") no-repeat 3px 1px; }
.columns .deep-grey .control a.email-friend:hover { background: url("../images/deep-blue/email-hover.gif") no-repeat 3px 1px; }
.columns .deep-grey .note { background-color: #666666; }
.columns .deep-grey .colored { background-color: #F2F2F2; }
.columns .deep-grey .settings { background-color: #BAD8DD; }
.columns .deep-grey .settings .color { background-color: #666666; }

.columns .mid-blue { background-color: #B9D4DD; } 
.columns .mid-blue .header h2 span.expanded { background: url("../images/expand.png") no-repeat 0px 2px; }
.columns .mid-blue .header h2 span.collapsed { background: url("../images/collapse-weather.png") no-repeat 0px 1px; }
.columns .mid-blue .control a.close { background: url("../images/close-weather.png") no-repeat 0px 1px; }
.columns .mid-blue .control a.close:hover { background: url("../images/close-weather-hover.png") no-repeat 0px 1px; }

.module .content ul.article_tool li a { color: #898989; }
.columns .footer, .columns .rate {
 height: 19px;
 color: #047391;
 border: 1px solid #047391;
 position: relative;
}
.columns .footer .stars {
 float: left;
 display: block; 
 padding: 4px 5px;
}
.columns .rate {
 background: #f5f5f5;
 border-top: none; 
 color: #047391;
 height: 10px;
 padding: 4px 8px 4px 5px;  
 position: relative;
}
.columns .footer .subscribers { float: right; display: block; padding: 3px 5px;color: #047391; }
.columns .footer ul {
 display: block;
 width: 40px;
 list-style: none;
}
.columns .rate3 {
 float: left;
 padding-top: 1px;
}
.columns .rate ul {
 float: left; 
 height: 12px;
 padding: 0;
}
.columns .footer ul.rate1 { background-position: -28px; }
.columns .footer ul.rate2 { background-position: -18px; }
.columns .footer div.rate3 { background-position: -9px; line-height: 0px; font-size: 0px;}
.columns .footer ul.rate4 { background-position: 0px; }
.columns .footer li, .columns .rate li {
 float: left;
 padding: 0px;
 margin: 0px;
}
.columns .rate img {
 float: left;
 margin: 2px 1px 0 0;
 cursor: pointer;
}
.columns .rate span { float: right; }
.module .note, #w_fullscreen #body .note, .story .note, .river .note, .note {
 padding: 1px 2px;
 color: #fff;
 margin-right: 0.1em;
 background: #047391;
}
.module a.minus, #w_fullscreen #body a.minus, .story a.minus, .river a.minus, .module a.plus, #w_fullscreen #body a.plus, .story a.plus, .river a.plus { cursor: pointer; }

#overlay { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 9999; background: #000 !important; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.50; 
}
#add-feeds #toggle .header h2 { text-align: left; }
#add-feeds #toggle .content { color: #000; }
#toggle .toggle {
 position: absolute;
 display: block;
 top: 150px;
 opacity: 1;
 z-index: 100000;
 border: 2px solid #9B9FA0;
 background: #fff;
}

#toggle .header h2, #fullread .header h2, .fullpanel .header h2 { font-size: 12px; text-transform: uppercase; }
#toggle .header .control a.close, #fullread .header .control a.close, .fullpanel .header .control a.close { background: transparent url("../images/close-module.gif") no-repeat right 1px; padding-right: 15px; margin: 1px 5px 0 0; }
#toggle .header .control a.close:hover, #fullread .header .control a.close:hover, .fullpanel .header .control a.close:hover { background: transparent url("../images/close-over.gif") no-repeat right 1px; }
#toggle .content {
 padding: 8px 20px 0px;
 border-left: 1px solid #047391;
 border-right: 1px solid #047391;
 background: #edf0ef;
}
#toggle .content p { padding: 4px 0; }
#toggle .content p.load { text-align: center; }
#toggle .content label { color: #5e6261; font-size: 110%; }
#toggle .footer { height: 15px; border: 1px solid #047391; border-top: none; background: #edf0ef; }
#toggle .content span.star { color:#FFCC33; }
#toggle .content form .title { font-weight: bold; }
#toggle .content form button { float: right; margin: 10px 3px 0 0; }
#toggle form label.red { color: #f00; }

#toggle .email_friend, #toggle .tell_friend, #toggle .login, #toggle .register, #toggle .profile, #toggle .settings, #toggle .email_alert, #toggle .notice, #toggle .contact_us { left: 33%; top: 100px; width: 420px; }
#toggle .clipping_articles { left: 33%; top: 100px; width: 520px; }
#toggle .contact_form { left: 18%; top: 100px; width: 820px; }
#toggle .email_friend { position: fixed; }
#toggle .email_friend p.float_left, #toggle .tell_friend p.float_left  { width: 187px; padding: 10px 0 15px 0; }
#toggle .email_friend p.float_left input, #toggle .tell_friend p.float_left input { width: 183px; } 
#toggle .email_friend p.float_first input, #toggle .tell_friend p.float_first input { width: 170px; }
#toggle .email_friend textarea, #toggle .tell_friend textarea, #toggle .contact_us textarea { width: 98%; height: 100px; }

#toggle .login, #toggle .forgot_password { left: 36%; width: 350px; }
#toggle .login form { padding-bottom: 15px; }
#toggle .login form input { width: 200px; }
#toggle .login form input.checkbox { width: auto; }
#toggle .login .login_buttons { padding-top: 5px; }
#toggle .login .login_buttons p { float: left; padding: 0; width: 140px; } 
#toggle .login button.orange { float: none; } 

#toggle .forgot_password form input { width: 300px; }

#toggle .register form, #toggle .profile form { padding: 0; }
#toggle .register fieldset.required_fields, #toggle .profile fieldset.required_fields { margin-bottom: 15px; border: 2px solid #86C3D2; }
#toggle .register fieldset div, #toggle .profile fieldset div { padding: 10px; } 
#toggle .register fieldset legend, #toggle .profile fieldset legend { font-size: 12px; font-weight: bold; color: #000; } 
#toggle .register fieldset label, #toggle .profile fieldset label { display: block; float:left; width: 100px; } 
#toggle .register fieldset p.p_checkbox label, #toggle .profile fieldset p.p_checkbox label { display: inline; float: none; } 

#toggle .notice .content { background: #ffff9a; }
#toggle .notice .header h2 { padding: 5px 120px 5px 10px; text-align: left; }
#toggle .notice .header .control a.close  { background-image: url("../images/close-help.png"); }

#toggle .settings p { padding-bottom: 20px; }
#toggle .settings label { float: left; display: block; width: 130px; }

#toggle .content form button.light-blue { float: left; }

#toggle .contact_us input { width: 60%; }

.story a.plus { background: url('../images/plus-green.png') no-repeat right; width: 22px; height: 18px; display: block; float: left; }
.story a.minus { background: url('../images/minus-orange.png'); width: 17px; height: 18px; display: block; float: left; }

.columns .notice, #toggle .notice, .columns .api_2 { border-color: #ffd300; padding: 0; background: #ffff9a; }
.notice .header, #toggle .notice .header, .api_2 .header { background: #ffe800; border: 0; border-bottom: 1px solid #ffd300; }
.notice .header .control, #toggle .notice .header .control, .api_2 .header .control {  border: none; height: 10px; }
.notice .header h2, #toggle .notice .header h2, #toggle .notice .header .control a, .api_2 .header h2 { color: #8b5c29; }
.notice .header h2 span.collapsed, .api_2 .header h2 span.collapsed { background: url("../images/collapse-help.png") no-repeat 0px 1px; }
.notice .header h2 span.expanded, .api_2 .header h2 span.expanded { background: url("../images/expand-help.png") no-repeat 0px 2px; }
.columns .notice .content, #toggle .notice .content, .api_2 .content { padding: 0px 10px 0px 15px; color: #000; border: 0; }
.columns .notice .control a.close, .api_2 .control a.close { background:transparent url("../images/close-help.png") no-repeat scroll 0px 1px; display: block; height: 14px; width: 13px; }
.notice .content ul li, #toggle .notice .content #api2 l, .api_2 .content ul li {list-style-image: url("../images/api2.png"); margin: 10px 15px; font-size: 105%;}
.notice .footer, #toggle .notice .footer, .api_2 .footer { border: none; background: #ffff9a; }

.module .site_day {
 background: #047391 url("../images/day_site.png") no-repeat 4px 0px; 
 color: #C1CE27; 
 padding: 3px 5px 4px 24px; 
 font: bold 10px Verdana; 
}

.top_stories, .rivers { background: #fff; }
.story, .river, .news, .source { position: relative; margin: 0.5em; padding: 0.25em; border-bottom: 1px solid #047391; clear: both; }
.story, .river { padding-left: 64px; height: 84px; }
.story h4 { font-weight: bold; font-size: 80%; color: #898989; }
.story .links, .story .links a, .river .links, .river .links a { color: #898989; }
.story .ratebox, .river .ratebox {
 position: absolute;
 top: 0; left: 0px;
 display: block;
 width: 57px;
 height: 78px;
 text-align: center;
 background: #047391 url("../images/rate-box.png") no-repeat top left;
}
.story .ratebox .note, .river .ratebox .note { padding: 2px; font-size: 120%; font-weight: bold; }
.story .ratebox p, .river .ratebox p { padding: 8px 2px; }
.story .ratebox a, .river .ratebox a { margin: 0 2px; }
.story .ratebox p span, .river .ratebox p span { color: #047391; display: block; font-size: 14px; font-weight: bold; position: absolute; bottom: 1px; left: 0; width: 100%; text-align: center; }
.rivers .header { margin-bottom: 15px; border: none; }
.rivers .header h2 { font-size: 12px; text-transform: uppercase; }
.rivers .header .control a { display: block; padding: 0; margin: 0; width: 50px; height: 13px; }
.rivers .header .control a.refresh { background: transparent url("../images/refresh.png") no-repeat bottom right; }
.rivers .header .control a.refresh:hover { background: transparent url("../images/refresh-over.png") no-repeat bottom right; }


.news h3 a, .source h3 a, .source h3, .story h3 a { color: #047391; }
.source span, .news span { color: #ff8200; font-weight: bold; } 
.news .media { color: #8c8c8c; }
.news .add-it, .source .add-it { position: absolute; right: 0; top: 7px; }
.source { padding-bottom:15px; }

#paginate { float: right; }
#paginate a { color: #04819F; font-size:12px;}
#paginate span{ color: #FF8200; font-size:12px;}

#footer, #footer a { text-align: center; color: #4396ad; }

#own_content { margin-left: 15px; padding-bottom: 10px; }
#own_content h1 { font-size: 13px; font-weight: bold; padding: 5px 0 5px 10px; }
#own_content .label { font: 12px  Verdana, Arial, Helvetica, sans-serif; color:#04819F; }
#own_content p { padding: 0 0 10px 0px;  margin: 0.3em 1em; }
#own_content form { border: 2px solid #04819F;}
#own_content .content_border { border: 1px solid #E8F1F4; width: 80%; margin-bottom: 15px; }
#own_content div { padding: 2px 10px; }
#own_content ul { display: block; padding: 2px 20px; }
#own_content ul li { list-style-type: none; padding: 1px 0 0; margin: 0; }

#toolss { padding: 10px; }
#toolss ul li { margin: 5px 15px; }
#toolss ul li a, #toolss ul li a:visited { font-size: 120%; color: #000; font-weight: bold; }

#float_right { float: right; margin: 0; padding: 0; }
td.ads { padding: 7px 0 0 5px; margin: 0; vertical-align: top; text-align: right; width: 120px; }

.header, .module .settings, #content, #toggle .content { overflow: hidden; }

/*Add feeds from the add button*/
body#add-feeds { background: #047391; text-align: center; font: 11px Verdana, sans-serif; color: #199DC0; }
#add-feeds  #add-content { 
 position: relative; 
 margin: 4em auto 2em; 
 width: 700px; 
 background: #E8F1F4; 
 text-align: left; 
 padding: 50px 30px 60px; 
}
#add-feeds  #add-content h1 {
 font-weight: normal;
 font-size: 16px;
 color: #F87F0F;
 margin-bottom: 10px;
}
#add-feeds  #add-content span {
 color: #F87F0F;
}
#add-feeds  #add-content #container {
 background: #fff url("../images/pattern.png");
 border: 1px solid #047391;
 margin-top: 30px;
 padding: 30px;
}
#add-feeds  #add-content #login {
 position: absolute;
 top: 10px;
 right: 30px;
}
#add-feeds  #add-content a {
 text-decoration: underline;
}
#add-feeds  #add-content #login table td {
 text-align: right;
}
#add-feeds  #add-content #container #feed {
 background-color: #FFF;
 border: 4px solid #e6e6e6;
 font-weight: bold;	
 width: 100%;
}
#add-feeds  #add-content #container #feed p {
 margin: 0;
}
#add-feeds  #add-content #container #feed p#add-header {
 border: 1px solid #047391;
 background: #e8f1f4;
 font-weight: bold;
 color: #047391;
 padding: 5px 12px;
}
#add-feeds  #add-content #container #feed p#main {
 border: 1px solid #047391;
 border-width: 0 1px 0;
 padding: 10px;
}
#add-feeds  #add-content #container #feed p#main a {
 display: block;
 color: #000;
 margin: 10px;
 text-decoration: none;
} 
#add-feeds  #add-content #container #feed p#main a:hover {
 text-decoration: underline;
} 
#add-feeds  #add-content #container #feed p#footer {
 border: 1px solid #047391;
 height: 20px;
} 
#add-feeds  #add-content a#container-footer, a#help-footer  {
 display: block;
 float: right;
 width: 63px;
 height: 18px;
 margin-top: 20px;
 background: url("../images/add-save.png") no-repeat;
 text-align: center;
 font-size: 10px;
 font-weight: bold;
 padding: 2px 0 0; 
 color: #FFF;
 text-decoration: none;
}
#add-feeds #footer, #add-feeds #footer a {
 color: #E8F1F4;
}
a#help-footer {
 background: url("../images/button-help.png") no-repeat;
}
#add-feeds #toggle .content {
 text-align: left;
}

.story .ratebox .note, .river .ratebox .note { padding: 2px; font-size: 120%; font-weight: bold; }
.story .ratebox p, .river .ratebox p { padding: 8px 2px; }
.story .ratebox a, .river .ratebox a { margin: 0 2px; }
.story .ratebox p span, .river .ratebox p span { color: #047391; display: block; font-size: 14px; font-weight: bold; position: absolute; bottom: 1px; left: 0; width: 100%; text-align: center; }

.river { background-color: #fff; border: 1px solid #16799F; width: 98%; border-collapse: collapse; }
.river .river_header { text-align: right; padding: 5px 10px; border-bottom: 1px solid #C8C8C8; }
.river .river_header a { color: #A1C9D8; }
.river .river_header a:hover { color: #16799F; text-decoration: underline; }
.river .river_header span { color: #969696; font-size: 11px; }
.river .river_header img { position: relative; top: 2px;}
.river .footer { border-bottom: none; }
.river .title { cursor: pointer; }
.river .title:hover { background-color: #F2F2F2; }
.river .title td { border-bottom: 1px solid #C8C8C8; vertical-align: top; padding: 5px; }
.river .title td.date { font: 10px Verdana, sans-serif; color: #969696; padding: 5px 10px; width: 150px; }
.river .title td.date span { font-size: 12px; color: #787878; }
.river .title td.headline { padding: 5px 10px; font-size: 11px; color: #6E6E6E; }
.river .title td.headline a { font-size: 12px; color: #16799F; font-weight: bold; }
.river .title td.headline a:visited { color: #787878; font-weight: normal; }
.river .title td.headline div { padding: 5px 0; }
.river .title td.headline div ul.links { padding: 10px 0 5px;  }
.river .title td.headline div ul.links a { color: #6E6E6E; font-size: 10px; font-weight: normal; }
.river .title td.image { width: 100px; }
.river .title td.media { font-size: 11px; color: #969696; width: 25%; }
.river .title td.collapse { width: 20px; }
.river .title td.collapse a { background: url("../images/collapse_grey.gif") no-repeat top left; display: block; width: 12px; height: 12px; }
.river .title td.collapse a.expand { background: url("../images/expand_grey.gif") no-repeat top left; display: block; width: 12px; height: 12px; }
.river_spinner { height: 200px; border: 1px solid #16799F; text-align: center; padding-top: 90px; background-color: #fff; }

/* Teaser page */
#teaser { padding: 150px 0 50px; text-align: center; }
#teaser #content { background: #047391 url("../images/imn.png") no-repeat center 10px; margin: 0 auto; padding: 70px 10px 10px; width: 600px; }
#teaser #content #message { background-color: #FFFFFF; padding: 20px; }
#teaser #content #message h1 { font-size: 16px; padding: 0 0 30px; }
#teaser #content #message p#message_title { width: 500px; text-align: left; padding: 20px 20px 10px; font-size: 14px; text-decoration: underline; }
#teaser #content #message #message_content { width: 500px; text-align: left; padding: 10px 20px 60px; font-size: 10px; }

#fullread { position: absolute; top: 210px; border: 5px solid #E6E6E6; background-color: #FFF; z-index: 100; left: 10px;  }
#fullread .header { height: 25px; }
#fullread .header button.blue { position: absolute; top: 4px; right: 150px; }
#fullread .header button.bgreen { position: absolute; top: 4px; right: 240px; background-color: #047391; color: #FFF; border: 1px solid #035E76; }
#fullread .header .load-info { position: absolute; top: 4px; right: 240px; width: 300px;}
#fullread .header img { position: absolute; top: 4px; right: 460px;}
#fullread .header h2 { padding-left: 5px; }
#fullread .content { border: 1px solid #047391; border-top: none;  }
#fullread .content table { border-collapse: collapse; width: 100%; }
#fullread .menu { background-color: #E8F1F4; border-right: 1px solid #047391; vertical-align: top; width: 200px; }
#fullread .menu ul { list-style-type:none; overflow: auto; }
#fullread .menu ul li { padding: 5px; border-bottom: 1px solid #FFF; }
#fullread .menu ul li.selected { background-color: #BACCD2; }
#fullread .menu ul li a { color: #363E41; font-weight: bold; }
#fullread .menu ul li a:visited { font-weight: normal; }
#fullread .menu ul li a:hover { text-decoration: underline; }
#fullread .main-container { padding: 10px; }
#fullread .main { overflow: auto; vertical-align: top; }
#fullread .main h1 { color: #047391; font-size: 16px; padding: 10px 0; }
#fullread .main .article_enclosure { padding-bottom: 10px; }
#fullread .main .article_date, #comments_preview .date, #comments_display .date { color: #C5C5C5; font-size: 10px; padding-bottom: 20px; }
#fullread .main .article_body { font-size: 12px; padding-bottom: 5px; }
#fullread .main a.article_link { color: #047391; }
#fullread .main a.article_link:hover { text-decoration: underline; }
#fullread .main ul.article_options { padding: 5px 0 20px; }
#fullread .main ul.article_options a { color: #047391 }

#comments_form, #comments_display { border-top: 1px solid #E1F0F2; padding: 10px 0; }
#comments_form h2, #comments_preview h2, #comments_display h2  { color: #8C8C8C; font-size: 14px; padding-bottom: 10px; }
#comments_form fieldset { border: none; clear: both; padding: 5px 0; }
#comments_form fieldset p { float: left; padding-right: 20px; }
#comments_form p.checkbox { padding-top: 15px; }
#comments_form textarea { height: 50px; width: 310px; }
#comments_form p.button, #comments_preview p.button { height: 30px; padding-top: 10px; width: 315px; }
#comments_form p button.blue, #comments_preview p button.blue { float: left; }
#comments_form p button.orange, #comments_preview p button.orange { float: right; }

#comments_display h3, #comments_preview h3 { font-size: 10px; padding-bottom: 7px; }
#comments_display h3 a , #comments_preview h3 a { color: #047391; }
#comments_display p , #comments_preview p { padding-bottom: 5px; font-size: 10px; }
#comments_display div, #comments_preview div { padding: 15px 0 5px; width: 315px; }
#comments_display div.top-border { border-top: 1px solid #C5C5C5; }

.fullpanel { position: absolute; top: 210px; border: 5px solid #E6E6E6; background-color: #FFF; z-index: 100; left: 10px;  }
.fullpanel .content { border: 1px solid #047391; border-top: none; overflow: auto; }
#faqs { padding: 20px;  }
#faqs h1 { color: #04819F; font-weight: bold; }
#faqs h2 { color: #999999; font-weight: normal; }
#faqs h3 { color: #04819F; font-size: 14px; margin: 20px 0  5px 0; }
#faqs h4 { color: #FF4304; font-size: 12px; margin: 0; padding: 0 5px 0 0; float: left; line-height: 18px; }
#faqs ul { color: #04819F; margin: 20px 15px; list-style-type: disc; }
#faqs a { color: #04819F; line-height: 18px; }
#faqs hr { clear: both; width: 100%; border: 0; border-bottom: 1px #999999 solid; height: 1px; }
#faqs #faqs_bottom { height: 25px; }
#faqs a.button { color: #FFF; background-color: #FF4304; border: 1px solid #000; display: inline; padding: 1px 3px; }

#searchpanel .inner { padding: 20px; }
#searchpanel .inner h1 { color: #047391; font-size: 1.2em; text-transform: lowercase; }
#searchpanel .inner h1 span { color: #FF9900; }
#searchpanel .inner .navigation { color: #FF9900; padding-top: 15px; text-align: center; }
#searchpanel .inner .navigation a { color: #047391; }
#searchpanel .inner .navigation a:hover { text-decoration: underline; }
#searchpanel .inner p { padding: 10px 0; }
#searchpanel .row { border-top: 1px solid #DBE9EE; padding: 10px 15px; }
#searchpanel .row h2 { color: #999999; font-family: Verdana,sans-serif; font-size: 12px; font-weight: bold; margin: 4px 0pt; padding: 0pt; text-transform: uppercase; }
#searchpanel .row a { color: #047391; font-size: 14px; font-weight: bold; text-decoration: none; }
#searchpanel .row p { color: #333333; margin: 4px 0px; padding: 0px; }
#searchpanel .row p b { color: #FF9900; }

#toggle #clippTree {margin-left: 90px; top: 15px; height: 364px !important; width: 406px !important; overflow: auto;}
#clipping_form {width: 500px; height: 364px; position: relative; padding-bottom: 36px;}
#clipping_form .actions {width: 60px; display: block; position: absolute; left: 0; top: 15px;}
#clipping_form .actions ul {list-style: none;}
#clipping_form .actions ul li {padding: 5px;}
#clipping_form .notice {
	display: block;
	height: 24px;
	left: 0;
	line-height: 19px;
	position: absolute;
	text-indent: 8px;
	top: 382px;
	width: 300px;
}
#clipping_form .actions ul li a.form_icon {
	background-image: url("/images/folder-new.png");
	background-position: center top;
	background-repeat: no-repeat;
	display: block;
	height: 68px;
	line-height: 112px;
	text-align: center;
	width: 66px;
}
#clipping_form .actions ul li a.rename {
	background-image: url("/images/folder-rename.png");
}
#clipping_form .actions ul li a.delete {
	background-image: url("/images/folder-delete.png");
}
#clipping_form #clipping_form_list {padding:0; list-style: none; position: absolute; left: 65px; top: 0;}
#clipping_form #clipping_form_list .folder,
#clipping_form .selected_folder {
	background: url('../../images/gnome-fs-directory.png') no-repeat left; 
	margin: 2px;
	padding: 5px 1px 3px 26px; 
	min-height: 18px; 
	border: 1px solid #000; 
	display: block;
	cursor: pointer;
	float: left;
	clear: left;
}
#clipping_form .selected_folder {
	background: url('../../images/gnome-fs-directory-visiting.png') no-repeat left; 
}
#clipping_form  a:link {color: #000;}
#clipping_form a:hover {color: #000;}
#clipping_form a:visited {color: #000;}
#tab-name{margin-left: 10px}
#facebook_btn{
    margin-top: 5px;
    /*width: 138px !important;*/
    float: left;
}
.twitter-share-button{
    margin-top: 5px;
    float: left;
}
#social_btns{
    background: none repeat scroll 0 0 #1D7493;
    border-bottom: 1px solid #196A86;
    float: left;
    height: 39px;
    margin-left: 15px;
}

#social_btns iframe{
    margin-top: 8px;
}

#google_plus{
    float:left;
    margin-top: 8px;
    margin-right: 12px;
    width: 80px;
}

#facebook_btn{
    width: 200px !important;
}