/* global object properties */

a
{
	color:				#1F75BF;
	text-decoration:	none;
}

a:hover
{
	color:				#3D396A;
}

body
{
	font-family:		Arial;
	font-size:			12px;
	background-color:	#DBF4FF;
}

sup
{
	font-weight:		normal;
	color:				yellow;
}

/* Holly Hack \*/
* html div
{
	height:				1%;
}
/* End Holly Hack */

table
{
	font-family:		Arial;
	font-size:			12px;
}

h1
{
	margin:				5px;
	font-size:			20px;
}

h3
{
	margin:				0;
	margin-bottom:		5px;
	font-weight:		bold;
	font-size:			12px;
}

h4.error
{
	margin:				0;
	padding:			0;
	font-weight:		bold;
	font-size:			14px;
	color:				red;
}

img
{
	border:				0;
}

input
{
	font-family:		Verdana;
	font-size:			11px;
	background-color:	#DFEBF7;
}

input.disabled
{
	background-color:	#909090;
}

input.checkbox
{
	background-color:	white;
}	

input[type="checkbox"]
{
	background-color:	white;
}

input.button
{
	color:				#082342;
	background-color:	white;
	font-weight:		bold;
	font-size:			12px;
}

input.button_off
{
	color:				#A0A0A0;
	background-color:	#CECECE;
	font-weight:		bold;
	font-size:			12px;
}

input.radio
{
	background-color:	white;
}

input[type="radio"]
{
	background-color:	white;
}

textarea
{
	font-family:		Verdana;
	font-size:			11px;
	background-color:	#DFEBF7;
}

ul
{
	list-style-type:	disc;
}



/* global page objects */

div#page_container
{
	width:				950px;
	margin-left:		auto;
    margin-right:		auto;
}

  /* header objects */

div#header_container
{
}

div.header
{
	color:				white;
	background-color:	#1A71D4;
	border:				1px solid black;
}

div#header
{
	font-size:			20px;
	font-weight:		bold;
	margin:				0;
	padding:			0;
	height:				34px;
}

div#header h1
{
	padding-left:		20px;
	float:				left;
	text-align:			left;
}

div#header h1 a
{
	color:				white;
}

div#title_container
{
	margin:				8px;
	font-size:			16px;
	text-align:			right;
}

/* bottom menu */

div#navbar
{
	margin-top:			1px;
	background-color:	#0F437E;
	padding:			0;
}

/* bottom left menu */

ul#nav_menu_left
{
	float:				left;
	font-family:		Verdana;
	font-weight:		bold;
	font-size:			11px;
	padding:			0;
	margin:				8px 10px;
	margin-left:		6px;
}

ul#nav_menu_left sup
{
	vertical-align:		top;
}

ul#nav_menu_left a
{
	padding:			8px 10px 9px 10px;
	color:				#B5F1F0;
	font-family:		Verdana;
	margin:				0;
	position:			relative;
}

ul#nav_menu_left a:hover
{
	color:				white;
	background-color:	#124F94;
}

ul#nav_menu_left li
{
	border-width:		0;
	float:				left;
	display:			inline;
	position:			relative;
	z-index:			105; /* have to set this here so IE won't hide the hover box behind other stuff */
}

ul#nav_menu_left a img
{
	vertical-align:		middle;
	margin:				0;
	padding:			0;
	border-width:		0;
	margin-right:		8px;
}

ul#nav_menu_left li .nav_menu_sub
{
	visibility:			hidden;
	position:			absolute;
	border:				1px solid black;
	background-color:	#0F437E;
	padding:			0;
	top:				22px;
	left:				0;
	width:				auto;
	z-index:			105;
}

ul#nav_menu_left li:hover .nav_menu_sub
{
	visibility:			visible;
}

ul#nav_menu_left li .nav_menu_sub span
{
	display:			block;
	width:				auto;
	white-space:		nowrap;
}

ul#nav_menu_left li .nav_menu_sub span a
{
	display:			block;
	padding:			6px 35px 6px 10px;
}

ul#nav_menu_left li .nav_menu_sub span.sub_link a
{
	padding:			6px 35px 6px 20px;
}

/* bottom right menu */

ul#nav_menu_right
{
	margin:				6px 9px 7px 9px;
	float:				right;
}

ul#nav_menu_right li
{
	border-width:		0;
	margin:				0;
	display:			inline;
}

ul#nav_menu_right a
{
	font-size:			11px;
	padding:			7px 8px 10px 8px;
	color:				#B5F1F0;
	font-family:		Verdana;
	position:			relative;
}

ul#nav_menu_right a:hover
{
	color:				white;
	background-color:	#124F94;
}



ul#top_nav_list
{
	padding:			0;
	margin:				8px 0px 6px 12px;
	float:				left;
}

ul#top_nav_list li
{
	display:			inline;
	float:				left;
	position:			relative;
	z-index:			205;
	font-family:		Arial;
	font-weight:		normal;
	font-size:			12px;
	margin:				0;
	padding:			0;
	border:				0px solid #a0a0a0;
}

ul#top_nav_list li a
{
	padding:			0.2em 0.5em;
	color:				white;
	float:				left;
	border:				0px solid black;
	position:			relative;
	z-index:			200;
}

ul#top_nav_list li a:hover
{
	background-color:	#528FD4;
}

ul#top_nav_list li .top_nav_menu_sub
{
	visibility:			hidden;
	position:			absolute;
	border:				1px solid black;
	background-color:	#1A71D4;
	padding:			0;
	margin:				0;
	top:				19px;
	left:				0;
	z-index:			205;
	width:				auto;
	text-align:			left;
	display:			block;
}

ul#top_nav_list li:hover .top_nav_menu_sub
{
	visibility:			visible;
}

ul#top_nav_list li .top_nav_menu_sub span
{
	display:			block;
	width:				auto;
	white-space:		nowrap;
}

ul#top_nav_list li .top_nav_menu_sub a
{
	float:				none;
	padding:			5px 20px 5px 6px;
	margin:				0;
	display:			block;
	border-width:		0;
}

ul#top_nav_list li .top_nav_menu_sub a#share_facebook
{
	padding-left:		25px;
	background:			url(http://www.facebook.com/favicon.ico) no-repeat 5px 4px;
}

ul#top_nav_list li .top_nav_menu_sub a#share_facebook:hover
{
	background-color:	#528FD4;
}

ul#top_nav_list li .top_nav_menu_sub a#share_digg
{
	padding-left:		25px;
	background:			url(http://www.digg.com/favicon.ico) no-repeat 5px 4px;
}

ul#top_nav_list li .top_nav_menu_sub a#share_digg:hover
{
	background-color:	#528FD4;
}

ul#top_nav_list a#fb_ref
{
	margin-left:		6px;
	padding-left:		20px;
	background:			url(http://www.facebook.com/favicon.ico) no-repeat center left;
}

ul#top_nav_list a#fb_ref:hover
{
	background-color:	#528FD4;
}

  /* panel objects */

div.panel
{
	margin:				0;
	margin-top:			3px;
	background-color:	white;
	border-style:		solid;
	border-width:		1px;
	border-color:		#808080;
	padding:			4px;
}

div#ads_container
{
	float:				left;
	padding:			0;
	margin:				0;
	margin-top:			3px;
	width:				122px;
	text-align:			center;
}

div#ads
{
	margin:				0;
	padding:			5px;
	width:				110px;
	min-height:			200px;
	height:				auto !important; /* this is for all you IE6'ers out there */
	height:				200px;
	cursor:				pointer;
}

div#bar_right
{
	padding:			0;
	margin:				0;
	margin-top:			3px;
	float:				left;
	width:				214px;
}

div#bar_right .list_title
{
	display:			block;
	font-weight:		bold;
	font-size:			13px;
	margin-bottom:		0.3em;
}

div#bar_right ul#browseable_options
{
	font-size:			12px;
}

div#bar_right div
{
	font-size:			11px;
	text-align:			left;
}

div#bar_right div ul
{
	margin:				0;
	padding-left:		0;
	list-style-position: outside;
	list-style-type:  	none;
}

div#bar_right div ul li
{
	background:			url(../images/list-circle.png) no-repeat 0px 4px;
	padding-left:		12px;
}

div#bar_right_top
{
	width:				100%;
	margin:				0;
	margin-bottom:		3px;
}

div#bar_right_top ul#watched_course_list li.new_posts
{
	background-color:	#8bf8c1;
}

div#bar_right_top ul#watched_course_list li ul li
{
}

  /* content */

div#content
{
	float:				left;
	width:				580px;
	min-height:			300px;
	margin:				3px;
	padding:			8px;
	padding-bottom:		12px;
	border-style:		solid;
	border-width:		1px;
	border-color:		#808080;
	background-color:	white;
}


/* footer */
div#footer
{
	color:				#909090;
	font-size:			11px;
	padding:			0;
	padding-left:		125px;
	margin:				0;
	margin-top:			1.0em;
	clear:				both;
}

div#footer ul
{
	display:			inline;
}

div#footer ul li
{
	margin:				0;
	margin-right:		1.4em;
	display:			inline;
}



/* notices */

div.notice_msg
{
	text-align:			center;
	width:				58%;
	padding:			15px 10px;
	margin:				auto;
	margin-top:			5px;
	margin-bottom:		15px;
	border-style:		solid;
	border-width:		1px;
	border-color:		black;
	background-color:	#E5E5E5;
	font-weight:		bold;
	font-size:			13px;
}

div.notice_msg div.notice_detail
{
	font-size:			11px;
	font-weight:		normal;
	margin-top:			0.4em;
}

div.notice_msg span.hide_span
{
	display:			block;
	font-size:			11px;
	font-weight:		normal;
	margin-top:			0.4em;
}

div#error_msg
{
	border-color:		red;
	background-color:	#FFB99E;
}

div#success_msg
{
	border-color:		#003CFF;
	background-color:	#A7D0FF;
}

/* Mr. Messenger */

div.messengerBox
{
	/* inherit from panel */
	margin:				0;
	margin-top:			3px;
	background-color:	white;
	border-style:		solid;
	border-width:		1px;
	border-color:		#808080;
	
	position:			absolute;
	z-index:			100;
	padding:			10px;
	width:				220px;
	display:			none;
}

/* Free alert notice */

#free_alerts_notice
{
	margin:				6px 140px;
	padding:			8px;
	border:				1px solid #A0A0A0;
	background-color:	#edfda0;
	text-align:			center;
}

#free_alerts_notice .title
{
	display:			block;
	font-weight:		bold;
	font-size:			16px;
	margin-bottom:		0.2em;
}