/* default styles */

body {
	background: #c4c4c4 url(/images/bg.gif) repeat-x 0 0;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
}
th, td {
	vertical-align: top;
}

img {
	 border:0;
}
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
}
	

/* common styles */
.alignl { text-align:left; }
.alignr { text-align:right; }
.alignc { text-align:center; }
.bold	{ font-weight:bold; } 
.clearAll { clear:both; }
.nowrap { white-space:nowrap; }
.gainlayout { min-height: 0; } /* sets 'haslayout' for IE - needed for disappearing background bug on some containers */
.uline { text-decoration:underline; }
.noline { text-decoration:none; }
.hand { cursor:pointer; }

.disabled { color:#ccc; }

.topUser { font-size:12px; font-weight:bold; color:#fff; }

.contentMedium {
	font-size: 11px;
	color: Black;
	font-weight : normal;
}


.pagination {
	margin: 0 3px;
	color:#3E6F86;
}


/* Tool Tips */    
.tooltip {
	display:none;
	background:transparent url(/images/black_arrow.png);
	font-size:11px;
	height:82px;
	width:172px;
	padding:18px;
	color:#fff;	
}
.tooltipFontLarge {
	display:none;
	background:transparent url(/images/black_arrow.png);
	font-size:12px;
	height:82px;
	width:172px;
	padding:18px;
	color:#fff;	
}
.tooltipRight {
	background-color:#000;
	border:1px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}
.tooltipBottom {
	display:none;
	background:transparent url(/images/black_arrow_bottom.png);
	font-size:11px;
	height:82px;
	width:172px;
	padding:28px 18px 18px 18px;
	color:#fff;	
}


/* forums */
table.forum {
	border-bottom: 4px solid #E7E2DD;
	line-height: 120%;
}	
table.forum .header {
	background: #E7E2DD;
	color: #4A3924;
	font-size:1.3em;
}	
table.forum .headerSub {
	background: #F0ECE8;
	color: #4A3924;
	font-size:0.9em;
	font-weight: normal;
}
.row1, .row1 td {
	background-color:#FBFBFA
}
.row1 td a {
	color:#0033CC;
	text-decoration:none;
}
.row1 td a:hover {
	color:#0033CC;
	text-decoration:underline;
}
.row1 .altrow, .personal_info, .general_box {
	background-color:#F6F3F0
}	
.row2, .row2 td, .message {
	background-color:#F7F5F3
}
.row2 .altrow, ul.topic_moderation {
	background-color:#F0ECE8
}
table.forum h4, table.forum .topic_title {
	display: inline;
	font-size: 1.2em;
	font-weight: normal;
	text-decoration: none;
	color: #0033CC; /* 484E52 */
}
table.forum .topic_description {
	font-size: 0.9em;
	font-weight: normal;
	text-decoration: none;
}
.forum_post_header {
	background: #E7E2DD;
	color: #4A3924;
	font-size:11px;
	padding:5px;
	text-decoration:none;
	white-space:nowrap;
}
.forum_post_header a {
	text-decoration:none;
}
.forum_attachments {
	margin:5px; 
	border:1px dashed #D5DDE5;
}
.forum_attachments div.attachments_title {
	padding:5px; 
	margin-bottom:3px; 
	background:#E4EBF2; 
	border-bottom:1px solid #bbbbbb;
}
.forum_attachments .attachments_contents {
	padding:5px;
	margin:1px;
}
.forum_attachments div.attachments_contents div.attachment_image {
	float:left; 
	width:30px;
	padding-bottom:2px;
}
.forum_attachments div.attachments_contents div.attachment_text {
	float:left;
	width:400px;
}

.forum_topic_title {
	display: inline;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	color: #484E52;
}

/* Progress Bar */
.meter-wrap{
    /*position: relative;*/
    border-left:1px solid #D4D9DA;
    border-top:1px solid #D4D9DA;
    border-right:1px solid #A8B0B1;
    border-bottom:1px solid #A8B0B1;
}

.meter-wrap, .meter-value, .meter-text {
    /* The width and height of your image */
    width:114px; height: 10px;
}

.meter-wrap, .meter-value {
    background: #F1F1F1;
}

.meter-value {
	background: url(/images/progress_fill.png) top left repeat-x;
}
            
.meter-text {
    position: absolute;
    top:0; left:0;

    padding-top: 5px;
                
    color: #fff;
    text-align: center;
    width: 100%;
}



ul.topic_controls {
	background-image:url(/images/gradient_bg.png);
	background-repeat:repeat-x;
	background-position:50%;
	font-size:12px;
	text-align:right;
	padding:0 10px 0 0;
	margin:0;
	/*clear:both;*/
}
	
ul.topic_controls li {
	background:transparent url(/images/post_button_left.png) no-repeat top left;
	padding:0;
	margin:0;
	float:right;
	list-style: none;
}
	
ul.topic_controls li.report,
ul.topic_controls li.top,
ul.topic_controls .left li {
	float:left;
}

ul.topic_controls a {
	background:transparent url(/images/post_button_right.png) no-repeat top right;
	color:#BC2A4D;
	text-decoration:none;
	padding:4px 9px 7px 4px;
	margin-left:4px;
	display:block;
}

ul.topic_controls a img {
	margin-top: -4px;
	vertical-align:middle;
	 
}
	
ul.topic_controls a:hover {
	color:#3d70a3;
}
/*
ul.topic_controls li.selected {
	background:transparent url(http://www.webdesignerforum.co.uk/public/style_images/master/post_button_left_selected.png) no-repeat top left
}

ul.topic_controls li.selected a {
	background:transparent url(http://www.webdesignerforum.co.uk/public/style_images/master/post_button_right_selected.png) no-repeat top right;color:#fff
}
*/

ul.post_controls {
	background-image:url(/images/gradient_bg.png);
	background-repeat:repeat-x;
	background-position:50%;
	font-size:1em;
	text-align:right;
	padding:0 5px 0 0;
	margin:0;
	clear:both;
}
	
ul.post_controls li {
	background:transparent url(/images/post_button_left_small.png) no-repeat top left;
	padding:0;
	margin:0 5px 0 0;
	float:right;
	list-style: none;
}
	
ul.post_controls li.report,
ul.post_controls li.top,
ul.post_controls .left li {
	float:left;
}

ul.post_controls a {
	background:transparent url(/images/post_button_right_small.png) no-repeat top right;
	color:#BC2A4D;
	text-decoration:none;
	padding:2px 7px 5px 2px;
	margin-left:2px;
	display:block;
	line-height:100%;
}

ul.post_controls a img {
	margin-top: -3px;
	vertical-align:middle;
	 
}
	
ul.post_controls a:hover {
	color:#3d70a3;
}

	
body .topic_buttons li a:hover,
body ul.post_controls a:hover {
	text-decoration:none;
}


.file-flag-public {
	background: url(/images/file_flag_public.png) no-repeat 3px 0;
	}

.linkRed {
	color:#B31816;
	}



/* slider */
#featuredBar
{
    /*background: url(/images/featured_bar_bg.png) white repeat-x 0px 0px;*/
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 147px;
    text-align: center;
    position: relative;
}

#featuredBar .arrows
{
    padding-bottom: 35px;
}

#featuredBar .thumbnail
{
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 4px;
}

#featuredBar .learnMore
{
    margin-top: 0px;
    font-size: 10px;
}

#featuredBar #slider ul, #slider li
{
	margin:0;
	padding:0;
	list-style:none;
	}
#featuredBar 	#slider, #slider li
{ 
	width: 360px;
	height: 127px;
	overflow:hidden; 
	position: relative;
	}				

#featuredBar #prevButtons
{   
    width: 50px;
	height: 110px;
    position:relative;
    float: left;
    padding-top: 40px;
}

#featuredBar #nextButtons
{
    width: 50px;
	height: 110px;
    position: relative;
    float: right;
    padding-top: 40px;
}


/* user slider */
#featuredBarUsers
{
    /*background: url(/images/featured_bar_bg.png) white repeat-x 0px 0px;*/
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 127px;
    text-align: center;
    position: relative;
}

#featuredBarUsers .arrows
{
    padding-bottom: 35px;
}

#featuredBarUsers .thumbnail
{
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 4px;
}

#featuredBarUsers .learnMore
{
    margin-top: 0px;
    font-size: 10px;
}

#featuredBarUsers #sliderUsers ul, #sliderUsers li {
	margin:0;
	padding:0;
	list-style:none;
	}
#featuredBarUsers #sliderUsers, #sliderUsers li { 
	width: 581px;
	height: 107px;
	overflow:hidden; 
	position: relative;
	z-index: 10;
	}				

#featuredBarUsers #prevButtons
{   
    width: 50px;
	height: 110px;
    position:relative;
    float: left;
    padding-top: 40px;
}

#featuredBarUsers #nextButtons
{
    width: 50px;
	height: 110px;
    position: relative;
    float: right;
    padding-top: 40px;
}





/* page shadows */
#shadow-top {
	background: transparent url(/images/shadow_top.gif) no-repeat 0px 0px;
	width: 773px;
	height: 10px;
}
#shadow-midtop {
	background: transparent url(/images/shadow_midtop.gif) no-repeat 0 0;
	width: 773px;
	height: auto;
}
#shadow-mid {
	background: transparent url(/images/shadow_mid.gif) repeat-y 0 0;
	margin: 0 auto;
	width: 773px;
	height: auto;
}
#shadow-bottom {
	background: #c4c4c4 url(/images/shadow_bottom.gif) no-repeat 0 0;
	padding: 0;
	width: 773px;
	height: 10px;
}

#container {
	background-color: #ffffff;
	padding: 13px 10px 10px 10px;
	margin: 0 14px;
	width: 725px;
	height: auto;
}
#logo-left {
	background: transparent url(/images/portal_header_new3a.jpg) no-repeat 0px 0px;
	width: 475px;
	height: 92px;
}
#logo-left a {
	background: transparent url(/images/portal_header_new3a.jpg) no-repeat 0px 0px;
	display: block;
	width: 475px;
	height: 92px;
	text-decoration: none;
}
#logo-left a span {
	visibility: hidden;
} 

#logo input.search {
	color: #999999;
	/* background-color: #9cb1bb; */
	border: 1px solid #BA4F3A;
	width: 232px;
	vertical-align: middle;
	padding:1px 0 1px 0;
	margin:0;
}
#logo input.go {
	background: transparent;
	margin-left: -4px;
	width: auto;
	border: none;
	vertical-align: middle;
}
#logo table {
	color: #ffffff;
	position: relative;
	top: 25px;
	left: 560px;
	/* left: 85px; */
}
#logo a {
	font-size: 10px;
	line-height: 10px;
	color: #ffffff;
	text-decoration: none;
}
#logo a:hover {
	color: #9cb1bb;
}

/* header navigation */
#logo #top-nav {
	margin: 0;
	padding: 0;
	position: relative;
	top: 10px;
	left: 15px;
}

#logo #top-nav li {
	background: transparent url(/images/bullet_white.gif) no-repeat 0 4px;
	margin-right: 15px;
	padding-left: 6px;
	list-style-type: none;
	float: left;
	position: relative;
}

.footer-powered-by {
	height:24px; 
	margin-left:10px; 
	background: transparent url(/images/learning_center_sub_header_powered_by.jpg) no-repeat 0px 0px;
}



#nav {
	margin: 0 0 5px 0;
	width: 725px;
	height: 34px;
}

p {
	line-height: 14px;
	padding: 0px;
	margin: 5px 0px;
}
a {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

.inputBorder {
	font-size: 10px;
	padding: 2px;
	margin: 2px 0px;
	border: 1px solid #333333;
}

.quickSearch {
	color: #ffffff;
	background-color: #9cb1bb;
	margin: 2px 0px;
	border: 1px solid #455a64;
	width: 120px;
	font: 11px Arial, Verdana, sans-serif;
	text-indent : 3px;
}

.copyright {
	font-size: 10px;
	color: #666666;
	text-align: center;
	padding: 10px 0px 20px 0px;
	margin: 0px auto;
	width: 725px;
}
.copyright a {
	color: #666666;
	text-decoration: none;
}
.copyright a:hover {
	text-decoration: underline;
}

.small {
	font-size:10px;
}

/**************************************************/
/* header search                                    */
/**************************************************/
#top-search {
	background: transparent url(/images/search_bg.png) repeat 0 0;
	color: #fff;
	padding: 10px;
	position: absolute;
	top: 40px;
	left: 535px;
	width: 150px;
}
#top-search p {
	background: transparent url(/images/bullet_squares_white2.gif) no-repeat 100% 30%;
	font-weight: bold;
	margin: 0;
	padding-right: 15px;
	display: inline;
}
#top-search input.searchInput {
	background-color: #7d919a;
	color: #fff;
	font-size: 10px;
	padding: 2px 5px 2px;
	width: 120px;
	border: none;
}
#top-search input.searchSubmit {
	vertical-align: top;
}

/**************************************************/
/* single column                                    */
/**************************************************/
.border-tan {
	border: 5px solid #dbc18e;
	padding: 0px 1px;
}
.toolbar {
	background: transparent url(/images/toolbar_bg_shadow.jpg) no-repeat 0% 100%;
	color: #333;
	margin-bottom: 1px;
	padding: 15px 20px;
}
.toolbar h3 {
	color: #214f6a;
	font-size: 16px;
	font-weight: normal;
	margin: 0;
}
.toolbar span.title {
	color: #214f6a;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
}
.toolbar a.help {
	color: #3e6f86;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.toolbar h3.icon-folder {
	background: transparent url(/images/icon_folder.gif) no-repeat 0 0;
	color: #000;
	padding-top: 4px;
	padding-left: 28px;
}
.toolbar h3.icon-folder-guides {
	background: transparent url(/images/icon_sciguides.gif) no-repeat 0 0;
	color: #000;
	padding-top: 4px;
	padding-left: 28px;
}
.toolbar h3.icon-folder-packs {
	background: transparent url(/images/icon_scipack.gif) no-repeat 0 0;
	color: #000;
	padding-top: 4px;
	padding-left: 28px;
}
.toolbar h3.icon-folder-archive {
	background: transparent url(/images/icon_web_seminar_archive.gif) no-repeat 0 0;
	color: #000;
	padding-top: 4px;
	padding-left: 28px;
}
.toolbar h3.icon-folder-podcast {
	background: transparent url(/images/icon_podcast.gif) no-repeat 0 0;
	color: #000;
	padding-top: 4px;
	padding-left: 28px;
}
.toolbar h3.icon-folder-articles {
	background: transparent url(/images/icon_articles.gif) no-repeat 0 0;
	color: #000;
	padding-top: 4px;
	padding-left: 28px;
}
.toolbar h3.icon-folder-chapters {
	background: transparent url(/images/icon_chapter.gif) no-repeat 0 0;
	color: #000;
	padding-top: 4px;
	padding-left: 28px;
}
.toolbar h3.icon-folder-ebooks {
	background: transparent url(/images/icon_ebook.gif) no-repeat 0 0;
	color: #000;
	padding-top: 4px;
	padding-left: 28px;
}
.toolbar h3.icon-folder-objects {
	background: transparent url(/images/icon_objects.gif) no-repeat 0 0;
	color: #000;
	padding-top: 4px;
	padding-left: 28px;
}
.toolbar h3.icon-folder-osc {
	background: transparent url(/images/icon_osc.gif) no-repeat 0 0;
	color: #000;
	padding-top: 4px;
	padding-left: 28px;
}
.toolbar h3.icon-empty-folder {
	background: transparent url(/images/icon_empty_folder.gif) no-repeat 0 0;
	color: #000;
	padding-top: 4px;
	padding-left: 28px;
}
.toolbar h3 input {
	margin-left: 10px;
	vertical-align: middle;
}
.toolbar h3 input.searchSubmit {
	margin-left: 0;
	border: none;
}
.toolbar .left {
	float: left;
	width: 475px;
    vertical-align: top;
}
.toolbar .right
{
    float: right;
    vertical-align: top;
}
.toolbar input,
.toolbar select,
.toolbar textarea {
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
	border: 1px solid #535659;
	padding: 2px;
}
.toolbar option {
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
}

/* share collection form */
.toolbar .share-collection {
	margin: 5px 10px 5px;
	width: 660px;
	float: left;
}
.toolbar .share-collection input {
    margin: 0 4px 4px 0;
}
.toolbar .share-collection .textarea {
	margin: 0 4px 4px 0;
	width: 170px;
}
.toolbar .share-collection input.shareSubmit {
	border: none;
}

/* content */
.content {
	background: transparent url(/images/content_bg_shadow.jpg) no-repeat 0 0;
	margin-top: 1px;
	padding: 15px 1px 1px;
}
.red {
	color: #ba4f3a;
}
img.border {
	border: 1px solid #000;
}

/* data table */
table.data-table {
	color: #333;
	font-size: 11px;
	margin: 0px auto 15px;
	width: 96%;
}
table.data-table th {
	background-color: #e5e5e5;
	color: #333;
	text-align: left;
	padding: 10px 5px 5px 10px;
}
table.data-table th.shared {
	background-color: #e5e5e5;
	color: #333;
	text-align: left;
	padding: 10px 5px 5px 10px;
	width: 200px;
}
table.data-table td {
	padding: 10px 5px 5px 10px;
}
table.data-table td.nopadding
{
    padding-right: 5px;
    padding-left: 0px;
    padding-bottom: 5px;
    padding-top: 10px;
}
table.data-table a {
	color: #214f6a;
	text-decoration: none;
}
table.data-table b.blue
{
    background: url(/images/icon_paper.gif) no-repeat 10px 7px;
    color: #214f6a;
    text-decoration: none;
    padding: 0px 0px 0px 30px;
    float: left;
}
table.data-table b.blue-noimage
{
    color: #214f6a;
    text-decoration: none;
}
table.data-table span.bullet {
	background: transparent url(/images/bullet_redarrow.gif) no-repeat 11px 6px;
	color: #3e6f86;
	font-size: 11px;
	padding: 2px 0px 0px 25px;
}
table.data-table a:hover {
	text-decoration: underline;
}
table.data-table td.icon-folder {
	background: transparent url(/images/icon_folder.gif) no-repeat 10px 10px;
	padding-left: 36px;
}
table.data-table input.searchInput {
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
	border: 1px solid #535659;
	padding: 2px;
}
table.data-table input.searchSubmit {
	vertical-align: top;
}

/* courses list table */
table.course-table {
	color: #333;
	font-size: 11px;
	margin: 0px auto 15px;
	width: 96%;
}
table.course-table p {
	margin: 0 15px 0 0;
}
table.course-table .info p {
	margin: 0;
}
table.course-table h3 {
	color: #333;
	font-size: 13px;
	margin: 0;
}
table.course-table h3 a {
	color: #214f6a;
	text-decoration: none;
}
table.course-table h3 a:hover {
	text-decoration: underline;
}
table.course-table h4 {
	color: #214f6a;
	font-size: 13px;
	margin: 8px 0 0;
}
table.course-table td {
	padding: 15px 5px 10px;
	border-bottom: 1px solid #e5e5e5;
}
table.course-table tr.last td {
	border-bottom: none;
}
table.course-table .options {
	width: 120px;
	float: right;
}
table.course-table .options h3 {
	color: #214f6a;
	text-align: center;
}
table.course-table .buttons {
	padding-left: 0;
}
table.course-table .buttons li {
	background-image: none;
	padding-left: 0;
}

table.course-table select {
font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
	border: 1px solid #535659;
	padding: 2px;
}
table.course-table .pagination a {
	margin: 0 3px;
	color:#3E6F86;
	font-size: 12px;
}
table.course-table .pagination span {
	color:#3E6F86;
}
table.course-table .pagination span.pagination-disabled  {
	color:#ccc;
}
table.course-table .pagination a.prev {
	background: transparent url(/images/bullet_redarrow_left.gif) no-repeat 0 1px;
	margin-left: 0;
	padding-left: 10px;
}
table.course-table .pagination a.next {
	background: transparent url(/images/bullet_redarrow.gif) no-repeat 100% 1px;
	margin-right: 0;
	padding-right: 12px;
}


/* courses list div */
div.course-table {
	color: #333;
	font-size: 11px;
	margin: 0px auto 15px;
	width: 96%;
}
div.course-table p {
	margin: 0 15px 0 0;
}
div.course-table .info p {
	margin: 0;
}
div.course-table h3 {
	color: #333;
	font-size: 13px;
	margin: 0;
}
div.course-table h3 a {
	color: #214f6a;
	text-decoration: none;
}
div.course-table h3 a:hover {
	text-decoration: underline;
}
div.course-table h4 {
	color: #214f6a;
	font-size: 13px;
	margin: 8px 0 0;
}
div.course-table div {
	border-bottom: 0;
}
div.course-table .options {
	width: 120px;
	float: right;
}
div.course-table .options h3 {
	color: #214f6a;
	text-align: center;
}
div.course-table .buttons {
	padding-left: 0;
}
div.course-table .buttons li {
	background-image: none;
	padding-left: 0;
}

div.course-table select {
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
	border: 1px solid #535659;
	padding: 2px;
}
div.course-table .pagination a {
	margin: 0 3px;
	color:#3E6F86;
}
div.course-table .pagination span {
	color:#3E6F86;
}
div.course-table .pagination a.prev {
	background: transparent url(/images/bullet_redarrow_left.gif) no-repeat 0 1px;
	margin-left: 0;
	padding-left: 10px;
}
div.course-table .pagination a.next {
	background: transparent url(/images/bullet_redarrow.gif) no-repeat 100% 1px;
	margin-right: 0;
	padding-right: 12px;
}






/* list table */
table.list-table {
	color: #333;
	font-size: 11px;
	width: 100%;
}
table.list-table th {
	background: transparent url(/images/toolbar_bg_shadow.jpg) no-repeat 0% 100%;
	text-align: left;
	vertical-align: middle;
	padding-left: 10px;
	width: 50%;
	height: 53px;
}
table.list-table td {
	padding-left: 15px;
}
table.list-table ul {
	margin-top: 10px;
	padding-left: 0;
	margin-left:0;
}
table.list-table li {
	color: #333;
	margin-bottom: 5px;
}
table.list-table a {
	color: #214f6a;
	text-decoration: none;
}
table.list-table a:hover {
	text-decoration: underline;
}
table.list-table h3 {
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;
	margin: 0;
}

/* tab panel list table */
.tab-panel-table-container {
	margin-left:12px;
}
table.tab-panel-table {
	color: #333;
	font-size: 11px;
	margin: 0px auto 10px;
	width: 96%;
}
table.tab-panel-table h3 {
	color: #333;
	font-size: 13px;
	margin: 0;
	font-weight:normal; 
}
table.tab-panel-table h3 a {
	color: #193D52;
	text-decoration: none;
}
table.tab-panel-table h3 a:hover {
	text-decoration: underline;
}
table.tab-panel-table .subhead {
	color: #666;
	margin-left:10px;
	text-decoration:none;
}
table.tab-panel-table td {
	padding: 10px 5px 10px;
	border-bottom: 1px solid #C2AB7E;
}
table.tab-panel-table td.col-rgt {
	text-align:right;
	white-space:nowrap;
}
table.tab-panel-table tr.last td {
	border-bottom: none;
}


.icon-folder {
	background: transparent url(/images/icon_folder.gif) no-repeat 0 0;
	color: #000;
	padding-top: 4px;
	padding-left: 28px;
	list-style: none;
}
.icon-empty-folder {
	background: transparent url(/images/icon_empty_folder.gif) no-repeat 0 0;
	color: #000;
	padding-top: 4px;
	padding-left: 28px;
	list-style: none;
}
.icon-folder-packs {
	background: transparent url(/images/icon_scipack.gif) no-repeat 0 0;
	color: #000;
	padding-top: 4px;
	padding-left: 28px;
	list-style: none;
}
.icon-folder-guides {
	background: transparent url(/images/icon_sciguides.gif) no-repeat 0 0;
	color: #000;
	padding-top: 4px;
	padding-left: 28px;
	list-style: none;
}
.icon-folder-archive {
	background: transparent url(/images/icon_web_seminar_archive.gif) no-repeat 0 0;
	color: #000;
	padding-top: 4px;
	padding-left: 28px;
	list-style: none;
}
.icon-folder-symposia-archive {
	background: transparent url(/images/icon_symposia_archives.gif) no-repeat 0 0;
	color: #000;
	padding-top: 4px;
	padding-left: 28px;
	list-style: none;
}
.icon-folder-podcast {
	background: transparent url(/images/icon_podcast.gif) no-repeat 0 0;
	color: #000;
	padding-top: 4px;
	padding-left: 28px;
	list-style: none;
}
.icon-folder-articles {
	background: transparent url(/images/icon_articles.gif) no-repeat 0 0;
	color: #000;
	padding-top: 4px;
	padding-left: 28px;
	list-style: none;
}
.icon-folder-chapters {
	background: transparent url(/images/icon_chapter.gif) no-repeat 0 0;
	color: #000;
	padding-top: 4px;
	padding-left: 28px;
	list-style: none;
}
.icon-folder-ebooks {
	background: transparent url(/images/icon_ebook.gif) no-repeat 0 0;
	color: #000;
	padding-top: 4px;
	padding-left: 28px;
	list-style: none;
}
.icon-folder-objects {
	background: transparent url(/images/icon_objects.gif) no-repeat 0 0;
	color: #000;
	padding-top: 4px;
	padding-left: 28px;
	list-style: none;
}
.icon-folder-osc {
	background: transparent url(/images/icon_osc.gif) no-repeat 0 0;
	color: #000;
	padding-top: 4px;
	padding-left: 28px;
	list-style: none;
}
.icon-online,
.icon-learn,
.icon-book,
.icon-person {
	background: transparent no-repeat 0 0;
	padding-left: 40px;
	height: 24px;
}
.icon-online {
	background-image: url(/images/icon_monitor.gif);
}
.icon-learn {
	background-image: url(/images/icon_monitor_cursor.gif);
}
.icon-book {
	background-image: url(/images/icon_books.gif);
}
.icon-person {
	background-image: url(/images/icon_person.gif);
}



/*  */
.toolbar a.bullet {
	background: transparent url(/images/bullet_redarrow.gif) no-repeat 11px 6px;
	color: #3e6f86;
	font-size: 11px;
	padding: 2px 0px 0px 25px;
}
.toolbar span.bullet {
	background: transparent url(/images/bullet_redarrow.gif) no-repeat 11px 6px;
	color: #3e6f86;
	font-size: 11px;
	padding: 2px 0px 0px 25px;
}
.toolbar span.nobullet {
	color: #3e6f86;
	font-size: 11px;
	padding: 2px 0px 0px 25px;
}
.toolbar ul,
table.course-table ul,
div.course-table ul,
.actionlist ul {
	padding: 0;
	margin: 0 0 10px 0;
}
.toolbar ul li,
table.course-table ul li,
div.course-table ul li,
.actionlist ul li {
	background: transparent url(/images/bullet_redarrow.gif) no-repeat 11px 6px;
	padding: 2px 0px 0px 25px;
	list-style-type: none;
}
.toolbar ul li {
	background-position: 0px 3px;
	padding-left: 14px;
}
.toolbar ul li a,
table.course-table ul li a,
div.course-table ul li a,
.actionlist ul li a {
	color: #3e6f86;
	text-decoration: none;
}
.toolbar ul li a:hover,
table.course-table ul li a:hover,
div.course-table ul li a:hover,
.actionlist ul li a:hover {
	text-decoration: underline;
}

.actionlist ul li a {
	font-size:11px;
	line-height:12px;
}


/* columns */
.toolbar .columns {
	margin: 0 5px;
}
.columns {
	margin: 15px 20px;
}
.columns .left {
	width: 50%;
	float: left;
}
.columns .right {
	width: 50%;
	float: right;
}
.columns a {
	color: #214f6a;
	text-decoration: none;
}
.columns a:hover {
	text-decoration: underline;
}

/* note */
#note {
	background: transparent url(/images/note_middle.png) repeat-y 0 0;
	padding: 0 15px 5px;
}
#note-top {
	background: transparent url(/images/note_top.png) no-repeat 0 0;
	margin: 0 15px 10px;
	padding-top: 10px;
}
#note-bottom {
	background: transparent url(/images/note_bottom.png) no-repeat 0 100%;
	padding-bottom: 6px;
}
#note h4 {
	color: #214f6a;
	font-size: 12px;
	margin: 0;
}
#note p {
	color: #214f6a;
	font-size: 11px;
}

/* error */
.error-box {
	background: transparent url(/images/error_middle.png) repeat-y 0 0;
	padding: 0 15px 5px;
}
.error-box-top {
	background: transparent url(/images/error_top.png) no-repeat 0 0;
	margin: 0 15px 10px;
	padding-top: 10px;
}
.error-box-bottom {
	background: transparent url(/images/error_bottom.png) no-repeat 0 100%;
	padding-bottom: 6px;
}
.error-box h4 {
	color: #214f6a;
	font-size: 12px;
	margin: 0;
}
.error-box p {
	color: #214f6a;
	font-size: 11px;
}

/* message */
.message-box {
	background: transparent url(/images/note_middle.png) repeat-y 0 0;
	padding: 0 15px 5px;
}
.message-box-top {
	background: transparent url(/images/note_top.png) no-repeat 0 0;
	margin: 0 15px 10px;
	padding-top: 10px;
}
.message-box-bottom {
	background: transparent url(/images/note_bottom.png) no-repeat 0 100%;
	padding-bottom: 6px;
}
.message-box h4 {
	color: #214f6a;
	font-size: 12px;
	margin: 0;
}
.message-box p {
	color: #214f6a;
	font-size: 11px;
}

.message { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; border-right:1px solid #666; border-bottom:1px solid #666; }
/*.message { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }*/
/*.message * { font-style: normal; background-image: url(/images/message_outline.png); background-repeat: no-repeat; display: block; position: relative; }*/
/*.message i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }*/
/*.message span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }*/
/*.message span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }*/
/*.message span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }*/


/**************************************************/
/* left column                                    */
/**************************************************/
#col-left {
	width: 204px;
	height: auto;
}

/* member login */
#col-left .login {
	background: transparent url(/images/portal_login_top.gif) no-repeat 0px 0px;
	padding: 30px 0px 0px 0px;
	font-size: 11px;
	height: auto;
}
#col-left .login p {
	color: #ffffff;
	margin: 5px 0px;
}
#col-left .login a {
	color: #ffffff;
	margin: 0px;
}
#col-left .login a:visited {
	color: #ffffff;
	margin: 5px 0px;
}
#col-left .login a:hover {
	color: #ffffff;
	margin: 5px 0px;
	text-decoration : underline;
}
#col-left .login td {
	color: #ffffff;
	margin: 5px 0px;
}
#col-left .login .tab {
	background: url(/images/portal_login_bottom.gif) no-repeat #47636F 0px 0px;
	padding: 10px;
	height: auto;
}
#col-left .login input.search {
	color: #3A4f58;
	background-color: #9cb1bb;
	margin: 2px 0px;
	border: 1px solid #455a64;
	width: 120px;
	font: 11px Arial, Verdana, sans-serif;
	text-indent : 3px;
}
#col-left .login input.noborder {
	border: none;
}
#col-left .login input.button {
	background: transparent;
	margin: 0px 3px;
	width: auto;
	border: none;
}
#col-left .login ul {
	padding: 0px;
	margin: 5px 0px 0px 5px;
}
#col-left .login ul li {
	background: transparent url(/images/bullet_whitearrow.gif) no-repeat 0px 3px !important;
	background: transparent url(/images/bullet_whitearrow.gif) no-repeat 0px 4px;
	padding: 0px 0px 0px 12px;
	list-style-type: none;
}
#col-left .login ul li a {
	color: #FFFFFF;
	text-decoration: none;
}
#col-left .login ul li a:hover {
	text-decoration: underline;
}

/* quicklinks */
#col-left .quicklinks {
	background: transparent url(/images/header_reflection.gif) no-repeat 0px 28px;
	margin-top: 5px;
}
#col-left .quicklinks h3 {
	color: #ffffff;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	background: transparent url(/images/quicklinks_header_tan.gif) no-repeat 0px 0px;
	padding: 6px 0px 0px 25px;
	margin: 0px;
	width: auto;
	height: 21px;
}
#col-left .quicklinks h4 {
	color: #666666;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	background: #f0f0f0;
	padding: 3px 0px 3px 10px;
	margin: 10px 0px 0px 0px;
}
#col-left .quicklinks p {
	color: #333333;
	font-size: 10px;
	padding: 2px 10px;
}
#col-left .quicklinks .contentMedium {
	font-size: 11px;
	color: Black;
	font-weight : normal;
}
#col-left .quicklinks ul {
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
#col-left .quicklinks ul li {
	background: transparent url(/images/bullet_redarrow.gif) no-repeat 11px 6px;
	padding: 3px 0px 3px 25px;
	list-style-type: none;
	border-top: 1px solid #f0f0f0;
}
#col-left .quicklinks ul li.top {
	
	border-top: none;
}
#col-left .quicklinks ul li.selected
{
    background-color: #ffffda;
}
#col-left .quicklinks ul li a {
	font-size: 10px;
	text-decoration: none;
	color: #333333;
}
#col-left .quicklinks ul li a:hover {
	color: #999999;
}
#col-left .quicklinks ul li ul li {
	border-top: none;
}

#col-left .quicklinks input.search {
	color: #3A4f58;
	margin: 2px 0px;
	border: 1px solid #455a64;
	width: 120px;
	font: 11px Arial, Verdana, sans-serif;
	text-indent : 3px;
}
#col-left .quicklinks select {
	color: #3A4f58;
	margin: 2px 0px;
	border: 1px solid #455a64;
	width: 120px;
	font: 11px Arial, Verdana, sans-serif;
	text-indent : 3px;
}
#col-left .quicklinks input.noborder {
	border: none;
}
#col-left .quicklinks input.button {
	background: transparent;
	margin: 0px 3px;
	width: auto;
	border: none;
}

/* calendar */
#col-left .calendar {
	color: #333333;
	background: transparent url(/images/header_reflection.gif) no-repeat 0px 28px;
	margin-top: 5px;
}
#col-left .calendar h3{
	color: #ffffff;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	background: transparent url(/images/quicklinks_header_tan.gif) no-repeat 0px 0px;
	padding: 6px 0px 0px 25px;
	margin: 0px;
	width: auto;
	height: 21px;
}
#col-left .calendar h3 span {
	margin: 3px 0px 0px 35px;
}
#col-left .calendar h3 span a {
	font-size: 9px;
	text-decoration: none;
	color: #ffffff;
	background: transparent url(/images/bullet_redarrow.gif) no-repeat right center;
	padding-right: 10px;
}
#col-left .calendar h3 span a:hover {
	text-decoration: underline;
}
#col-left .calendar ul {
	padding: 0px;
	margin: 0px 10px;
}
#col-left .calendar ul li {
	line-height: 14px;
	padding: 5px 0px;
	list-style-type: none;
	border-top: 1px solid #cccccc;
}
#col-left .calendar ul li.top {
	border-top: none;
}
#col-left .calendar b {
	color: #999999;
}
#col-left .calendar a {
	color: #983927;
}
#col-left .calendar ul li.all {
	background: transparent url(/images/bullet_redarrow.gif) no-repeat 11px 6px !important;
	background: transparent url(/images/bullet_redarrow.gif) no-repeat 11px 7px;
	list-style-type: none;
	padding: 3px 0px 3px 25px;
	border-top: 1px solid #f0f0f0;
}

/* callout*/
#col-left .callout {
	background-color: #3c6272;
	padding: 12px;
}
#col-left #search {
	margin: 0;
}
#col-left #search input.search {
	color: #333;
	font-size: 11px;
	padding: 2px;
	width: 143px;
	border: 1px solid #535659;
}
#col-left #search input.go {
	vertical-align: top;
}
#col-left #search p {
	color: #fff;
	font-size: 10px;
	margin: 2px 0;
}
#col-left #search a {
	color: #fff;
}


/**************************************************/
/* right column                                   */
/**************************************************/
#col-right {
	width: 516px;
	height: auto;
	float: right;
}
#col-right h1 {
	color: #ffffff;
	font-size: 20px;
	font-weight: normal;
	background: transparent url(/images/header_section_tan.gif) no-repeat 0px 0px;
	padding: 7px 0px 0px 25px;
	margin: 0px;
	width: auto;
	height: 32px;
}
#col-right h4 {
	color: #666666;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	background: #f0f0f0;
	padding: 3px 0px 3px 8px;
	margin: 10px 8px 0px 8px;
}
#col-right .border-tan {
	width: 504px;
	border: 5px solid #d2b381;
	border-top: none;
	padding: 0px 1px;
}

#col-right h2 {
	background: #d2b381 url(/images/bullet_squares_tan2.gif) no-repeat 13px 15px;
	color: #ffffff;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 8px 0px 8px 25px;
	margin: -5px 0px 0px 0px;
}

#col-right .secondary_content {
	padding : 5px 10px 10px;
	line-height: 150%;
}

#col-right .secondary_content p
{
    line-height: 140%;
	padding: 0px;
	margin: 5px 0px;
}
#col-right .secondary_content .productTitle
{
    background: transparent;
    color: #214f6a;
    font-size: 18px;
    text-transform: none;
    line-height: 130%;
}

.productTitle
{
    color: #214f6a;
    font-size: 18px;
    line-height: 130%;
}
#col-right .secondary_content .contentMediumBold {
	font-size: 11px;
	color: Black;
	font-weight : bold;
}
#col-right .secondary_content .contentMediumBoldRed {
	font-size: 11px;
	color: Red;
	font-weight : bold;
}
#col-right .secondary_content .searchShowFullAbstract {
	font-size: 11px;
	color: #999999;
	font-weight : normal;
	text-align: right;
	margin-left: 350px;
}
#col-right .secondary_content .searchShowFullAbstract a {
	color: #999999;
	text-decoration: underline;
}

#col-right .secondary_content .contentMedium {
	font-size: 11px;
	color: Black;
	font-weight : normal;
}
#col-right .secondary_content .contentBlueBold {
	color: #214f6a;
	font-weight : bold;
}
#col-right .secondary_content .contentSmall {
	font-size: 10px;
	color: Black;
	font-weight : normal;
}
#col-right .secondary_content .contentMediumRed {
	font-size: 11px;
	color: red;
	font-weight : normal;
}
#col-right .secondary_content .contentMedium .long {
	display: none;
	visibility: hidden;
}
#col-right .secondary_content .contentMedium .short {
	display: inline;
}
#col-right .secondary_content .long {
	display: none;
	visibility: hidden;
}
#col-right .secondary_content .short {
	display: inline;
}
#col-right .secondary_content .subTitle {
	font-size: 14px;
	font-weight : bold;
	text-decoration:none;
}
#col-right .secondary_content a.subTitle:hover {
	text-decoration:underline;
}
#col-right .secondary_content .contentBold {
	font-size: 12px;
	color: Black;
	font-weight : bold;
}
#col-right .secondary_content .contentRedBold {
	font-size: 12px;
	color: Red;
	font-weight : bold;
}
#col-right .secondary_content .subTitleUL
{
    font-size: 14px;
    color: Black;
    font-weight: bold;
    border-bottom: thin solid Gray;
    margin-bottom: 10px;
}
#col-right .secondary_content h2 {
	background: transparent;
	color: #214f6a;
	font-size: 18px;
	text-transform: none;
	padding: 15px 0px 0px 10px;
	margin: 0px 0px -5px 0px;
	height: auto;
}
#col-right .secondary_content .tools h2 {
	color: #333333;
	font-size: 14px;
	background: transparent url(/images/portal_header_2col.gif) no-repeat 0px 0px;
	padding: 10px 0px 0px 8px;
	margin: 0px;
	height: 20px;
}
#col-right .secondary_content .tools ul {
	padding: 0px;
	margin: 1px 0px 0px 0px;
}
#col-right .secondary_content .tools ul li {
	background: transparent url(/images/bullet_redarrow.gif) no-repeat 11px 6px !important;
	background: transparent url(/images/bullet_redarrow.gif) no-repeat 11px 7px;
	padding: 3px 0px 3px 25px;
	list-style-type: none;
	border-top: 1px solid #f0f0f0;
}
#col-right .secondary_content .tools ul li.top {
	border-top: none;
}
#col-right .secondary_content .tools ul li a {
	font-size: 10px;
	text-decoration: none;
	color: #333333;
	font-weight : normal;
}
#col-right .secondary_content .tools ul li a:hover {
	color: #999999;
}
#col-right .secondary_content .menu ul {
	padding: 0px;
	margin: 1px 0px 0px 0px;
}
#col-right .secondary_content .menu ul li {
	padding: 3px 0px 3px 25px;
	list-style-type: none;
}
#col-right .secondary_content .menu ul li a {
	font-size: 10px;
	text-decoration: none;
	color: #333333;
	font-weight : normal;
}
#col-right .secondary_content .menu ul li a:hover {
	color: #999999;
}

#col-right .secondary_content .googleSearchBox
{
    padding-right: 15px;
    padding-left: 15px;
}

#col-right table.events
{
    background: transparent url(/images/events_bkg.jpg) no-repeat 0px 18px;
    padding-left: 20px;
    padding-right: 20px;
    border-spacing: 0;
	border-collapse: separate;
}

#col-right td.cartTotal
{
    border-top: #000000 1px solid;
}

#col-right .one-col {
	padding-bottom: 10px;
}
#col-right .one-col h2 {
	background: transparent;
	color: #214f6a;
	font-size: 18px;
	text-transform: none;
	padding: 15px 0px 0px 10px;
	margin: 0px 0px -5px 0px;
	height: auto;
}
#col-right .one-col h3 {
	background: transparent url(/images/bullet_redarrow.gif) no-repeat 10px 13px;
	color: #214f6a;
	font-size: 12px;
	font-weight: bold;
	text-transform:	uppercase;
	padding: 10px 0px 0px 20px;
	margin: 0px 0px -8px 0px;
}
#col-right .one-col h3 a {
	color: #214f6a;
	text-decoration: none;
}
#col-right .one-col h3 a:hover {
	text-decoration: underline;
}

#col-right .one-col p {
	color: #333333;
	line-height: 16px;
	padding: 4px 15px 4px 10px;
}
#col-right .one-col p.small {
	font-size: 10px;
	line-height: 12px;
}
/*
#col-right .one-col img {
	margin: 0px 0px 10px 20px;
}
*/

#col-right .two-col {
	background: transparent url(/images/portal_reflection_2col.gif) no-repeat 0px 31px;
}
#col-right .no-reflection {
	background: transparent;
}
#col-right .two-col h2 {
	color: #333333;
	font-size: 14px;
	font-weight: normal;
	background: transparent url(/images/portal_header_2col.gif) no-repeat 0px 0px;
	padding: 10px 0px 0px 8px;
	margin: 0px;
	width: 244px;
	height: 20px;
}

#col-right .two-col p {
	color: #333333;
	padding: 4px 0px 4px 10px;
}

#col-right .two-col p.more {
	margin-top: -5px;
}
#col-right .two-col p.more a {
	color: #214f6a;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
	background: transparent url(/images/bullet_redarrow.gif) no-repeat 0px 3px;
	padding-left: 12px;
}
#col-right .two-col p.more a:hover {
	color: #333333;
}
#col-right .two-col p.moreTwoLines {
	margin-top: -5px;
}
#col-right .two-col p.moreTwoLines a {
	color: #214f6a;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
	background: transparent url(/images/bullet_redarrow.gif) no-repeat 0px 7px;
	padding-left: 12px;
}
#col-right .two-col p.moreTwoLines a:hover {
	color: #333333;
}
#col-right .two-col img {
	margin: 10px;
}
#col-right .two-col ul {
	padding: 5px 10px;
	margin: 0px 10px 10px 10px;
	border: 1px solid #cccccc;
}
#col-right .two-col ul li {
	background: transparent url(/images/bullet_redarrow.gif) no-repeat 0px 4px !important;
	background: transparent url(/images/bullet_redarrow.gif) no-repeat 0px 6px;
	list-style-type: none;
	padding: 3px 0px 3px 12px;
	margin: 0px;
}
#col-right .two-col ul li a {
	color: #214f6a;
	text-decoration: none;
}
#col-right .two-col ul li a:hover {
	color: #214f6a;
	text-decoration: underline;
}
#col-right .two-col ul li.title {
	color: #333333;
	background: transparent !important;
	background: transparent;
	font-size: 12px;
	text-transform: uppercase;
	padding: 2px 0px 2px 0px;
	list-style-type: none;
}

/* callout */
#col-right .callout {
	margin-top: 5px;
}
#col-right .callout .header {
	background: transparent url(/images/callout_wide_top.gif) no-repeat 0px 0px;
	margin-bottom: 1px;
	height: 30px;
}
#col-right .callout .header h3 {
	background: transparent url(/images/bullet_squares_white.gif) no-repeat 10px 9px;
	padding-left: 23px;
}
#col-right .callout .body {
	background: transparent url(/images/callout_wide_reflection.gif) no-repeat 0px 0px;
}
#col-right .sponsors img {
	margin: 7px;
}

/* breadcrumbs */
#breadcrumbs p {
	font-size: 11px;
	line-height: 120%;
}

#breadcrumbs a {
	text-decoration: underline;
}

#breadcrumbs a:hover {
	text-decoration: none;
}

#my-notes {
	width: 500px;
	height: auto;
	background-color: White;
}
#my-notes h1 {
	color: #ffffff;
	font-size: 20px;
	font-weight: normal;
	background: transparent url(/images/header_section_tan.gif) no-repeat 0px 0px;
	padding: 7px 0px 0px 25px;
	margin: 0px;
	width: auto;
	height: 32px;
}
#my-notes .border-tan {
	border: 5px solid #d2b381;
	border-top: none;
	padding: 0px 1px;
}
#my-notes .secondary_content {
	padding : 5px 10px 10px;
}
#my-notes .secondary_content .subTitle {
	font-size: 14px;
	color: Black;
	font-weight : bold;
}

/* column header, top of border-tan block */
.col-header {
	color: #ffffff;
	/*font-size: 20px;*/
	font-weight: normal;
	background: #d2b381 url(/images/header_section_tan.gif) no-repeat 0px 0px;
	margin: 0;
	padding: 0 0 5px;
	width: 516px;
}
.col-header .left {
	width: 300px;
	float: left;
}
#col-right .col-header .left h1 {
	background-image: none;
	height: auto;
}
.col-header .left p {
	margin: 0;
	padding-left: 14px;
}
.col-header .search {
	margin-top: 5px;
	width: 180px;
	float: right;
}
.col-header .form p {
	margin: 0;
}
.col-header .form a {
	color: #000;
	font-size: 10px;
}
.col-header .clearDefault {
	font-size: 11px;
	padding: 2px;
	width: 75px;
	border: 1px solid #333;
}
.col-header .searchSubmit {
	vertical-align: middle;
}

.col-header .links {
	padding: 10px 10px 5px 10px;
}
.col-header .links p {
	color: #000;
	font-size: 14px;
	margin: 2px 0 0;
	float: left;
	clear: left;
}
.col-header .links ul {
	margin: 0;
}
.col-header .links li {
	background: transparent url(/images/bullet_white_big.gif) no-repeat 0 4px;
	color: #000;
	font-size: 11px;
	margin-left: 8px;
	padding: 3px 0px 3px 9px;
	list-style-type: none;
	float: left;
}
.col-header .links li.standard {
	background: transparent url(/images/bullet_white_big.gif) no-repeat 0 4px;
	color: #000;
	font-size: 11px;
	margin-left: 8px;
	padding: 3px 0px 3px 9px;
	list-style-type: none;
	float: left;
}
.col-header .links li a {
	color: #000;
}

/*--------------------------------------------------
  Used with showhide javascript for display hide
  small containers
  --------------------------------------------------*/
.showhide-open h3 {
}

.showhide-closed h3 {
}

.showhide-open .areaToHide {
}

.showhide-closed .areaToHide {
	display: none;
}

.showhideLink-closed {
	display: none;
}

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 11px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 3px;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #A0B4BE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #000000; }
ul.tabbernav li a:visited { color: #000000; }

ul.tabbernav li a:hover
{
 color: #FFFFFF;
 background: #3A4F58;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #f5f5f5;
 border-bottom: 1px solid #f5f5f5;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: #f5f5f5;
 border-bottom: 1px solid #f5f5f5;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:3px;
 border:1px solid #aaa;
 border-top:0;
 background-color:#f5f5f5

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.RadEditor 
{
	color:black;
	background-color:White;	
}

.contentSmall {
	font-size:10px;
}
.contentSmallBold {
	font-size:10px;
	font-weight:bold;
}
.contentStandard {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}
.contentStandardBold {
	font-size:11px;
	font-weight:bold;
}

.contentLarge {
	font-size:12px;
}

.contentLargeBold {
	font-size:12px;
	font-weight:bold;
}
.contentTitle {
	font-size:14px;
}
.contentTitleBold {
	font-size:14px;
	font-weight:bold;
}

.headerCertificate {
	font-size:14px;
	border-bottom: 1px solid #cccccc;
	width:100%;
}	

.headerUnderline {
	font-size:14px;
	border-bottom: 1px solid #cccccc;
	width:98%;
}	
.headerGeneral {
	background: transparent url(/images/column_header.jpg) repeat-x 0 100%;
	font-size:14px;
	margin: 0;
	padding: 10px;
}

.rssTitle {
	margin-top:10px;
	margin-bottom:-3px;
}

.rssLink {
	margin-left:25px;
}

.abstractPreview {
	font-size:11px;
	font-weight:normal;
	color:#333;
	margin-left:10px;
}

.transcriptBox {
	padding: 5px;
	border-top:1px solid #bbbbbb;
	border-right:1px solid #bbbbbb;
	border-bottom:1px solid #bbbbbb;
	border-left:1px solid #bbbbbb;
	margin-top:-2px;
}

.printFriendly {
	text-decoration:none;
	vertical-align:middle;
}

.my_notes_links a 
{
	color:#000099;
}
.my_notes_links a:hover
{
	color:#000099;
	text-decoration:underline;
}

.lightGrey {
	color:#666666;
}

.rowTextGrey td, .rowTextGrey td a {
	color:#ccc;
}

.productLink a {
	font-size: 11px;
	color: #214f6a;
	text-decoration: none;
}

.productLink a:hover {
	text-decoration: underline;
}

.productLinkMed a {
	font-size: 12px;
	color: #214f6a;
	text-decoration: none;
}

.productLinkMed a:hover {
	text-decoration: underline;
}

.testimonialSnippet {
	font-size:11px;
	line-height:12px;
	color:#333333;
}

.testimonialEntity {
	font-size:11px;
	line-height:12px;
	font-weight:bold;
	color:#000;
}

table.horizDivide td {
	border-bottom: 1px solid #ddd;
}

.linkDisabled {
	color:#aaa !important; 
	cursor:default !important;
}

.gridTotal 
{
	border-top:double 3px #000000;
}

.gridSectionBreak 
{
	border-top:solid 2px;
}

.gridLineBreak 
{
	border-bottom:solid 1px #ccc;
}

.ErrorTable
{
	border-width:1px;
	background-color:#FFFFCC;
	border-style:dashed;
	border-color:Black;	 	
	padding:3px;
	width:500px;
	text-align:left;
}

.alertBox {
	 border-left:#eee 1px solid;
	 border-top:#eee 1px solid;
	 border-right:#aaa 1px solid;
	 border-bottom:#aaa 1px solid;
	 padding:6px 15px 6px 6px;
	 background:#FFFFDF url(/images/alert_background.png) top right no-repeat;
}
.alertBox ul {
	 padding:3px;
	 background:#FFFFDF;
}
.alertBox ul li {
	 margin-left:20px;
	 color:Red;
}

.alertBoxSuccess ul {
	 border-left:#eee 1px solid;
	 border-top:#eee 1px solid;
	 border-right:#aaa 1px solid;
	 border-bottom:#aaa 1px solid;
	 padding:8px;
	 background:#FFFFDF;
	}
.alertBoxSuccess ul {
	 padding:3px;
	 background:#ffc;
	}
.alertBoxSuccess ul li {
	 margin-left:20px;
	 color:Green;
	}
	
.alertBoxPlain {
	 border-left:#eee 1px solid;
	 border-top:#eee 1px solid;
	 border-right:#aaa 1px solid;
	 border-bottom:#aaa 1px solid;
	 padding:5px;
	 background:#FFFFDF;
	 font-size:12px;
}
.alertBoxPlain ul {
	 padding:3px;
	 background:#FFFFDF;
}
.alertBoxPlain ul li {
	 margin-left:20px;
	 color:Red;
}
	
#usage-bar {
	background: transparent url(/portfoliotool/images/official_skin/status_bg.gif) no-repeat 0 0;
	margin: 0 auto;
	padding: 2px;
	width: 255px;
	height: 23px;
}

.search_highlight {
	background: #FFFF9F;
}

.helpLink 
{
	text-align:right;
	padding:5px;
}


.ErrorHeader
{
	color:Red;
	font-size:small;	
}

.LoadingPanel { 
z-index:5;
} 

.LoadingPanel2 { 
position:absolute;
border: 1px solid #000000;
}


.loading-panel { 
background: transparent url(/images/ajax-loader.gif) 50% 50% no-repeat; 
}

.homePageTabSubHead {
	margin-left:7px; color:#333333; font-style:italic; font-weight:bold; font-size:14px; text-decoration:none;
}

/* home page My Calendar tab event list */

.homePageTab .events .item {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #C2AB7E;
}

.homePageTab .events .date {
	background: transparent url(../images/event_calendar.gif) no-repeat 0 0;
	margin-left: 5px;
	width: 32px;
	height: 41px;
	float: left;
	position: relative;
}

.homePageTab .events .date p {
	line-height: 10px;
	margin: 0 3px 0 0;
}

.homePageTab .events .date .day {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width: 30px;
	position: absolute;
	top: 4px;
}

.homePageTab .events .date .month {
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
	width: 30px;
	position: absolute;
	top: 15px;
}

.homePageTab .events .date .year {
	color: #fff;
	font-size: 9px;
	text-align: center;
	width: 30px;
	position: absolute;
	top: 27px;
}

.homePageTab .events .info {
	font-size: 11px;
	width: 620px;
	float: right;
}

.homePageTab .events .info p {
	margin: 0;
}

.homePageTab .events .info a {
	color: #333;
}

.homePageTab .events .info .notice {
	color: #cc0000;
	text-transform: uppercase;
}

.homePageTab .events .info .title {
	color: #214f6a;
}


.tabbed_content_box {
	padding:2px;
	border-right:1px solid #DBDBDB;
	border-bottom:1px solid #DBDBDB;
	border-left:1px solid #DBDBDB;
	}


/* tabs_generic */
.tabs_generic {
	margin: 0 auto !important;
	}
.tabs_generic ul {
	margin: 0;
	padding: 2px 0 0 0;
	width: 100%;
	height: 18px;
	list-style-type: none;
	border-bottom: 1px solid #DBDBDB;
	z-index: 10;
	}

.tabs_generic li {
	margin-right: 2px;
	float: left;
	border: 1px solid #DBDBDB;
	border-bottom: none;
	z-index: 10;
	}

.tabs_generic li a {
	background-color: #E5E5E5;
	color: #333;
	font-size: 11px;
	line-height: 18px;
	text-decoration: none;
	padding: 0 8px;
	height: 17px;
	display: block;
	float: left;
	z-index: 10;
	}

.tabs_generic li a:hover {
	background-color: #fff;
	}

.tabs_generic li.first,
.tabs_generic li.first a {
    z-index: 10;
	}

.tabs_generic li.selected {
    z-index: 10;
	}

.tabs_generic li.selected a {
	background-color: #fff;
	color: #000;
	border: 1px solid #fff;
	border-bottom: none;
    z-index: 10;
	}
.tabs_generic_box {
	padding:8px; 
	border-bottom: 1px solid #DBDBDB;
	border-left: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
}

/* tabs_generic_large */
.tabs_generic_large {
	margin: 0 auto !important;
	}
.tabs_generic_large ul {
	margin: 0;
	padding: 2px 0 0 0;
	width: 100%;
	height: 20px;
	list-style-type: none;
	border-bottom: 1px solid #DBDBDB;
	z-index: 10;
	}

.tabs_generic_large li {
	margin-right: 2px;
	float: left;
	border: 1px solid #DBDBDB;
	border-bottom: none;
	z-index: 10;
	}

.tabs_generic_large li a {
	background-color: #E5E5E5;
	color: #333;
	font-size: 12px;
	line-height: 19px;
	text-decoration: none;
	padding: 0 8px;
	height: 19px;
	display: block;
	float: left;
	z-index: 10;
	}

.tabs_generic_large li a:hover {
	background-color: #fff;
	}

.tabs_generic_large li.first,
.tabs_generic_large li.first a {
    z-index: 10;
	}

.tabs_generic_large li.selected {
    z-index: 10;
	}

.tabs_generic_large li.selected a {
	background-color: #fff;
	color: #000;
	border: 1px solid #fff;
	border-bottom: none;
    z-index: 10;
	}

/* tabs leaderboard */
.tabs_leaderboard {
	margin: 0 auto !important;
	}
.tabs_leaderboard ul {
	margin: 0;
	padding: 2px 0 0 0;
	width: 100%;
	height: 25px;
	list-style-type: none;
	/*border-bottom: 1px solid #DBDBDB;*/
	z-index: 10;
	}

.tabs_leaderboard li {
	margin-right: 2px;
	float: left;
	border: 1px solid #755D2F;
	z-index: 10;
	}

.tabs_leaderboard li a {
	background-color: #C29A4E;
	color: #fff;
	font-size: 12px;
	line-height: 25px;
	text-decoration: none;
	padding: 0 8px;
	height: 24px;
	display: block;
	float: left;
	z-index: 10;
	}
	
.tabs_leaderboard li a img {
	width:20px; 
	height:20px; 
	margin-top:-2px;
	vertical-align:text-top;
	}

.tabs_leaderboard li a:hover {
	background-color: #2D5E7D;
	}

.tabs_leaderboard li.first,
.tabs_leaderboard li.first a {
    z-index: 10;
	}

.tabs_leaderboard li.selected {
    z-index: 10;
	border-bottom: none;
	}

.tabs_leaderboard li.selected a {
	background-color: #DBC18E;
	color: #fff;
	border-bottom: none;
	height: 25px;
    z-index: 10;
	}
	
.gv_leaderboard {
	width:100%;
	border-color:#DBC18E;
	border-top: none;
	background-color:#F6F2E9;
	}
	
.badge_leaderboard {
	margin:8px;
	width:50px;
	height:50px;
	}
	
	


.centeredImage {
	text-align:center;
	display:block;
	}

table.listitemAlign input {
    width: 20px;
    display: block;
	float: left;
}
table.listitemAlign label {
    width: 300px;
    display: block;
    float: left;
}

table.listitemAlignIndexer input {
    width: 20px;
    display: block;
	float: left;
}
table.listitemAlignIndexer label {
    width: 450px;
    display: block;
    float: left;
}

.listitemAlign_NoTable {
    width: 20px;
    height: 30px;
    display: block;
	float: left;
}

.PDIndexerLabel 
{
	color:#BB0000;
	font-weight:bold;
	font-size:14px;
	border-bottom:solid 1px #308599;
}

/* = PRODUCT LIST
-------------------------------------------------*/
.results-summary {
	background: transparent url(/images/column_header.jpg) no-repeat 0 100%;
	margin: 0;
	padding: 10px;
}
.results-summary ul {
	margin: 0;
	padding: 0;
}
.results-summary li {
	color: #214f6a;
	font-size: 11px;
	line-height: 15px;
	list-style-type: none;
	width: 240px;
	float: left;
}
.results-summary li a {
	color: #214f6a;
	text-decoration: none;
}
.results-summary li a:hover {
	text-decoration: underline;
}
.results-tools {
	background: transparent url(/images/column_reflection.jpg) no-repeat 0 0;
	color: #333;
	font-size: 11px;
	margin-top: 1px;
	padding: 10px;
}
.results-tools td {
	vertical-align: middle;
}
.results-tools a {
	color: #214f6a;
	text-decoration: none;
}
.results-tools a:hover {
	text-decoration: underline;
}
.results-tools .pagination a {
	margin: 0 3px;
}
.results-tools .pagination a.prev {
	background: transparent url(/images/bullet_redarrow_left.gif) no-repeat 0 1px;
	margin-left: 0;
	padding-left: 10px;
}
.results-tools .pagination a.next {
	background: transparent url(/images/bullet_redarrow.gif) no-repeat 100% 1px;
	margin-right: 0;
	padding-right: 12px;
}
.results-tools select {
	color: #333;
	font-size: 11px;
	margin: 0 3px;
	padding: 2px;
	border: 1px solid #333;
}
.results-tools option {
	padding: 0px;
}
#products {
	background: transparent url(/images/column_header.jpg) no-repeat 0 100%;
}
#products table {
	margin-left: 12px;
}
#col-right #products img {
	margin: 0;
}
#products img.border {
	border: 1px solid #000;
}
#col-right #products p {
	padding: 0;
}
#products td {
	padding: 0 10px 10px 0;
}
#products .info {
	width: 290px;
	float: left;
}
#products .info h4 {
	background-color: transparent;
	color: #214f6a;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#products .info h5 {
	color: #214f6a;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#products .info p {
	font-size: 11px;
	margin: 0;
	padding: 0;
}
#products .price {
	width: 105px;
	float: right;
}
#products .price .amount{
	color: #214f6a;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin: 0;
}
#products .price .button {
	margin: 0;
}
#products .price .button a {
	background: transparent url(/images/button_price.gif) no-repeat 0 0;
	color: #fff;
	font-size: 11px;
	line-height: 22px;
	text-align: center;
	text-decoration: none;
	margin: 0 auto;
	width: 99px;
	height: 20px;
	display: block;
}
#products .price .button a:hover {
	text-decoration: underline;
}
#products .summary {
	font-size: 11px;
}


/* = CLEAR
-------------------------------------------------*/
.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
}

.clear span {
	position: absolute;
	left: -9999em;
}


/* @group Indexer Section */

.secondary_content dl
{
	overflow: auto;
	margin: 10px;
}

.secondary_content dt
{
	float: left;
	clear: left;
	font-weight: bold;
}

.secondary_content dd
{
	float: left;
	margin: 0;
	padding: 0 0 0 4px;
}

.indexer-section
{
	width: 471px;
	border: 1px solid #cccccc;
	overflow: auto;
	font-size: 11px;
	margin-bottom: 14px;
	margin-left: 10px;
	margin-right: 10px;
}

.indexer-section a:link,
.indexer-section a:visited,
.about-results a:link,
.about-results a:visited
{
	color: #214F6A;
	text-decoration: none;
}

.indexer-section a:hover,
.about-results a:hover
{
	color: #214F6A;
	text-decoration: underline;
}

.indexer-section h3
{
	color: #000000;
	font-size: 14px;
	background: #cdcdcd url(/indexer/images/header-gradient.gif) repeat-x 0 0;
	margin: 0;
	padding: 6px 0 2px 8px;
	border-bottom: 1px solid #cccccc;
	min-height: 21px;
}

.indexer-section h3 span
{
	font-size: 11px;
}

.indexer-section h3 span a
{
    padding-left: 10px;
    margin-left: 25px;
    background: transparent url( '/indexer/images/red-bullet.png' ) no-repeat 0% 50%;
}

#container .indexer-section h4
{
	margin: 0;
	padding: 0 0 2px 0;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background: none;
	text-transform: none;
}

.indexer-section-left,
.indexer-section-right
{
	padding: 10px;
}

/*.indexer-section p.submit
{
	background: transparent url('/indexer/images/button-outer.png') no-repeat scroll 100% 100%;
	float: left;
	padding: 0;
	margin: 8px 8px 8px 0;
	display: inline;
	height: 19px;
}*/

/*.indexer-section p.submit input
{
	background: transparent url('/indexer/images/button-inner.png') no-repeat scroll 0% 0%;
	border: 0 none;
	padding: 0 0px;
	margin: 0;
	min-height: 19px;
	height: auto !important;
	height: 19px;
	position: relative;
	top: -1px;
	left: -1px;
}*/

.indexer-section a.submit
{
	background: transparent url('/indexer/images/button-outer.png') no-repeat scroll 100% 100%;
	float: left;
	padding: 0;
	margin: 8px 8px 8px 0;
	height: 19px;
}

.indexer-section a.submit span
{
	background: transparent url('/indexer/images/button-inner.png') no-repeat scroll 0% 0%;
	border: 0 none;
	padding: 0 8px;
	margin: 0;
	min-height: 19px;
	height: auto !important;
	height: 19px;
	position: relative;
	top: -1px;
	left: -1px;
	display: block;
	float: left;
}

/*.indexer-section p.submit
{
	float: left;
}*/

/*.indexer-section p.submit input
{
	border: 1px solid #bababa;
	border-width: 0 1px 1px 0;
	background: transparent url('button-inner.png') no-repeat scroll 0% 0%;
}*/



/* @end */

/* @group Left Section */

.indexer-section-left form
{
	margin: 0;
}

.indexer-section-left
{
	width: 150px;
	border-right: 1px solid #cccccc;
	float: left;
}

.indexer-section-left ul
{
	padding: 0;
	margin: 0;
}

.indexer-section-left li
{
	list-style: none;
	overflow: auto;
	padding: 0 0 4px 0
}

.indexer-section-left li input
{
	float: left;
}

.indexer-section-left li label
{
	display: block;
	float: left;
	width: 125px;
	padding-left: 2px;
}



/* @end */

/* @group Right Section */

.indexer-section-right
{
	float: right;
	width: 280px;
	border-left: 1px solid #cccccc;
	margin-left: -1px;
}

.indexer-section-right h4
{
	font-size: 13px;
	clear: both;
}

.indexer-section-right h4 span
{
	text-transform: lowercase;
	font-size: 11px;
	font-weight: normal;
	padding-left: 4px;
}

.indexer-section-right ul
{
	margin: 0;
	padding: 0;
	position: relative;
}

.indexer-section-right li
{
	list-style: none;
	background: transparent url('/indexer/images/red-bullet.png') no-repeat 0% 50%;
	padding-left: 10px;
}

.indexer-section-right li span
{
	padding-left: 8px;
	padding-right: 60px;
	position: absolute;
	right: 0px;
}



/* @end */

/* @group About Results */

.about-results
{
	margin-bottom: 14px;
	/* background: transparent url('/indexer/images/indexer-results-main.png') no-repeat 0 0;*/
	padding: 18px 0 0;
	clear: both;
}

.about-results h3
{
	margin: 0 10px 4px;
	font-size: 14px;
	
}

.about-results h3 a
{
	background: transparent url('/indexer/images/about-results-open.gif') no-repeat scroll 0% 50%;
	padding-left: 20px;
}

.about-results-collapsed h3 a
{
	background-image: url('/indexer/images/about-results-collapsed.gif');
}

.about-results #about-results-content
{
	background-color: #dbdbdb;
	padding: 1px 9px;
	margin: 0 10px;
}

.about-results-collapsed #about-results-content
{
	display: none;
}

.about-results p
{
	margin: 8px 0;
}

/* @end */

/* @group Indexer Results */

.indexer-results .indexer-section-left
{
	width: 270px;
}

.indexer-results .indexer-section-left p
{
	margin: 0;
	padding: 0 0 8px;
}

.indexer-results .indexer-section-left p strong
{
	font-size: 140%;
}

.indexer-results .indexer-section-right
{
	width: 160px;
}

.indexer-results .results-outer
{
	border: 1px solid #d2d0d1;
	padding: 1px;
	width: 265px;
}

.indexer-results .results
{
	text-indent: -9999px;
	background: transparent url('/indexer/images/graph.png') scroll 100% 0%;
	height: 21px;
}



/* @end */

/* @group Indexer Resources */

.indexer-resources
{
	margin-top: -15px;
}

.indexer-resources .indexer-resources-inner
{
	margin: 10px;
}

/* @end */

