/* Header */
#tbHeader { background: url('../images/header_gradient.gif') top left repeat-x; }
#tbHeader td.tdMenu { background: url('../images/header_bottom_gradient.gif') top left repeat-x; }

/*
##############################################
########## Styles for new ExploreCo ##########
##############################################
*/

#mainBorder .sb-inner { background: #C6CCD8; }
#mainBorder .sb-border { background: #8E9CB2; }

.grayRounded .sb-inner { background: #C6CCD8; }
.grayRounded .sb-border { background: #8E9CB2; }

.blueRounded .sb-inner { background: #627E9C; }
.blueRounded .sb-border { background: #627E9C; }

.whiteRounded .sb-inner { background: #ffffff; }
.whiteRounded .sb-border { background: #ffffff; }

.whiteBgBlueBorder .sb-inner { background: #ffffff; }
.whiteBgBlueBorder .sb-border { background: #627E9C; }

#bottomRounded .sb-inner { background: white; }

.borderBottomRounded .sb-inner { background: #ffffff; }
.borderBottomRounded .sb-border { background: #627E9C; }

.darkBlueRounded .sb-inner { background: #A4AEC2; }
.darkBlueRounded .sb-border { background: #A4AEC2; }

.beigeRounded .sb-inner { background: #FDF8F5; }
.beigeRounded .sb-border { background: #FDF8F5; }

.whiteBorder .sb-inner { background: #ffffff; }
.whiteBorder .sb-border { background: #ffffff; }

.whiteGray .sb-border { background: #ffffff; }

.lightBlue .sb-inner { background: #D9E6F2; }

.lightBlue2 .sb-inner { background: #B9CBDE; }
.lightBlue2 .sb-border { background: #B9CBDE; }

div#feedbackTable
{
	padding-bottom: 8;
	border-style: solid;
	border-width: 1;
	border-color: #ffffff #ffffff #f3f3f3 #ffffff;
}

div.contentHeader
{
	padding-right: 10px;
	width: 486px;
}

div.contentTitle
{
	float: left;
	margin-top: 4px;
	margin-left: 18px;
	position: relative;
	margin-bottom: 15px;
	width: 410px;
}

div.contentViewEditButtons
{
	float: right;
	margin-right: 10px;
	margin-top: 4px;
	z-index: 50;
	position: relative;
}

div.contentPictureAndInfo
{
	position: relative;
	width: 496px;
	overflow: hidden;
}

div.contentPicture
{
	position: relative;
	width: 170px;
	height: 240px;
	float: left;
	margin-right: 10px;
}

img.contentPictureImage { 	border: 1px solid #66675E; }

div.contentInfo
{
	z-index: 10;
	position: relative;
	width: 305px;
	float: right;
	margin-left: -10px;
	border-right: 1px solid #627E9C;
	padding-left: 10px;
	padding-right: 10px;
	background-color: White;
}

hr.contentLine
{
	color: #ABC5EB;
	background-color: #ABC5EB;
	border-width: 0px;
}

div.contentBody
{
	background-color: White;
	border-left: 1px solid #627E9C;
	border-right: 1px solid #627E9C;
	padding-right: 10px;
	padding-left: 10px;
}

div.contentBody p
{
	margin: 0px 0px 0px 0px;
}

div.viewButton
{
	padding: 10px 0px 10px 0px;
}

div#voteRadios
{
	
}

a.stbutton
{
	font-family: Verdana, sans-serif;
 	color: green;
    font-size: 8pt;
    text-decoration: none;
}
a.stbutton:hover { text-decoration: underline; }

/*
##############################################
########## Styles for new Topic ##########
##############################################
*/

div#topicTitle { padding: 10px; margin-bottom: 10px;}
div#topicTitle .sb-inner { background-color: #fff; }
div#topicTitle .sb-border { background-color: #8392AA; }

div#topicActions { padding: 10px; }
div#topicActions .sb-inner { background-color: #C1D7E9; }
div#topicActions .sb-border { background-color: #C1D7E9; }

div#topicInfo
{
	background-color: #C1D7E9;
	float: left;
	padding: 10px;
	margin-right: 10px;
}

div#topicInfo .sb-inner { background-color: #C1D7E9; }
div#topicInfo .sb-border { background-color: #C1D7E9; }

div.topicInfoHeader { background: url('../images/topicInfo_header.gif') no-repeat center center; width: 493px; height: 10px; }
div.topicInfoFooter { background: url('../images/topicInfo_footer.gif') no-repeat center center; width: 493px; height: 10px; }

div.topicInfoBox { overflow: hidden; text-align: justify; padding: 10px; background-color: #fff; border-right: 1px solid #8392AA; border-left: 1px solid #8392AA; }
div.topicInfoBox .sb-inner { background-color: #fff; }
div.topicInfoBox .sb-border { background-color: #8392AA; }

div.topic_recentlyadded, div.topic_mostpopularcontent, div.topic_mostpopularauthors, 
div.topic_aboutthis2, div.Topic_RelatedContent, div.myPath, div.objNavigator
{
	padding: 5px;
	background-color: #ffffff;
	border-left: 1px solid #8392AA;
	border-right: 1px solid #8392AA;
}

div.topic_aboutthis1
{
	border-left: 1px solid #8392AA;
	border-right: 1px solid #8392AA;
	background-color: #fffaea;
}

div#topicFeaturedContent, 
div#personContentBy
{
	padding: 10px;
	background-color: #A4AEC2;
	text-align: center;
	margin-top: 10px;
}

div#cogitoRecommendations
{
	margin-top: 10px;
}

div.ExploreThisArea
{ 
	background: #627E9C; 
}

div.Topic_RelatedTopics
{
	padding: 5px;
	padding-left: 15px;
	font-size: 8pt;
	letter-spacing: -0.5;
	color: #002555;
	font-family: Verdana;
	background-color: #AEC5DC;
}

/*
################################################
############## General Styling #################
################################################
*/

div.darkBlueLine
{
	 background-color: #000066;
	 margin: 0px 0px 0px 0px;
	 height: 3px;
	 overflow: hidden;
}

.ProfileError
{
	color: Red;
	font-family: Verdana;
	font-size: 8pt;
}

.formField
{
	font-family: Verdana, sans-serif;
 	color: #003366;
    font-size : 8pt;
}

.inputField
{
	border: 1px solid #809EB9;
    width: 100%;
}

.formField2
{
	border: 1px solid #809EB9;
    width: 100%;
    font-family: Verdana, sans-serif;
 	color: #003366;
    font-size : 8pt;
}

.formFieldBorder
{
	font-family: Verdana, sans-serif;
 	color: #003366;
    font-size : 8pt;
    border: 1px solid #809EB9;
}

/* ################ Social Groups ################ */
.socialGroups_shared
{
 	font-family: Verdana, sans-serif;
 	color: #cc0066;
    font-size : 8pt;
  	text-decoration:none;
    font-weight : bold;
}
.socialGroups_shared:hover
{
	text-decoration: underline;
}

.socialGroups_private
{
	font-family: Verdana, sans-serif;
	color: #003366;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none
}
.socialGroups_private:hover
{
	text-decoration: underline;
}

.error
{
	color: Red;
	font-family: Verdana;
	font-size: 8pt;
	text-decoration: none;
}

/* ################ Rounded Divs ################ */

.round_shadow_div
{
	background-color: #ffffff;
}
.round_div
{
	border: 1px solid #7385A1;
}

/* COLOR & FONTS */

.gray
{
	font-family: Verdana, sans-serif;
	color: #999999;
}

.lightgray
{
	font-family: Verdana, sans-serif;
	color: #CCCCCC;
}

.blue
{
	font-family: Verdana, sans-serif;
	color: #002A5B;
}

.teal
{
	font-family: Verdana, sans-serif;
	color: #005A82;
}

.purple
{
	font-family: Verdana, sans-serif;
	color: #010167;
}

.pink
{
	font-family: Verdana, sans-serif;
	color: #cc0066;
}

.darkblue
{
	font-family: Verdana, sans-serif;
	color: #000033;
}

.gold
{
	font-family: Verdana, sans-serif;
	color: #C6C65B;
}

.goldHeader
{
	font-family: Verdana, sans-serif;
	color: #b5b551;
	font-size: 11pt;
	font-weight: bold;
}

.purpleMsg
{
	font-family: Verdana, sans-serif;
	color: #330066;
	font-size: 8pt;
	font-weight: bold;
}

.navy
{
	font-family: Verdana, sans-serif;
	color: #003366;
}

.white
{
	font-family: Verdana, sans-serif;
	color: #FFFFFF;
}

.six
{
	font-family: Verdana, Sans-Serif;
	font-size: 6pt;
}

.seven
{
	font-family: Verdana, Sans-Serif;
	font-size: 7pt;
}

.eight
{
	font-family: Verdana, Sans-Serif;
	font-size: 8pt;
}

.ten
{
	font-family: Verdana, Sans-Serif;
	font-size: 10pt;
}

.eleven
{
	font-family: Verdana, Sans-Serif;
	font-size: 11pt;
}

.twelve
{
	font-family: Verdana, Sans-Serif;
	font-size: 12pt;
}

.bold
{
	font-family: Verdana, Sans-Serif;
	font-weight: bold;
}

.none
{
	text-decoration: none;
}

.darkgreen
{
	font-family: Verdana, sans-serif;
	color: #2E4A5F;
}

.darkgray
{
	font-family: Verdana, sans-serif;
	color: #414141;
}

/* Page Styling */

/* Content.aspx */
#divCogito a, #divCogito2 a {
	font-family: Verdana, sans-serif;
	color: #cc0066;
	font-size : 8pt;
}

div#new_notable_section {
	background-color: #627E9C;
	padding: 10px;
}

/* ExploreCO.aspx */
div#relatedlist img { margin-top: 10px; }

img.coPicture
{
	width: 50px;
	height: 70px;
	margin-right: 5px;
}


/* eSpace Admin */

.superTopicList ul, .contentList ul, .topicList ul, .featMembersList ul
{
	list-style-type: none;
	padding-left: 0;
}

#menuEditor
{
	background-color: #fff;
	border: 3px solid #B1BCCA;
	padding: 10px;
	margin-top: 10px;
}

#menuAppearence td
{
	font-family: Verdana, sans-serif;
 	color: #3A474F;
   font-size : 8pt;
   font-weight : bold;
}

#menuAppearence span
{
	font-family: Verdana, sans-serif;
 	color: #0C70AD;
   font-size : 8pt;
   font-weight : bold;
}

#homepageEditor
{
	background-color: #fff;
	border: 3px solid #B1BCCA;
	padding: 10px;
	margin-top: 10px;
}

.reorderListcallbackStyle
{
	background-color: #f3f3f3;
}