/*
 * Copyright 2008-2008 by Web Application Mania 
 */

html { font-size: 100%; /* IE hack */ }

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, dt, dd, li, address, dd, dtm, div, td, th, hr
{
	margin:0;
	padding:0;
}

ul,li
{
	list-style-type: none;
}

body
{
	font: 62.5% Verdana,Arial,Helvetica,sans-serif;
	background: white url(../images/page_bg.gif) repeat-y center top;
}

body.Progress
{
	cursor: wait;
}

img, a img
{
	border: none;
}

.Clear
{
	clear: both;
}

p
{
	font: normal 1.2em/150% Arial,Tahoma,Verdana,sans-serif;
	padding-bottom: 1.3em;
	color: #666666;
}

p.Hint
{
	background: transparent url('../images/lightbulb.gif') no-repeat left top;
	padding-left: 20px;
}

p.Secondary
{
	color: #999999;
}

p.Last
{
	padding-bottom: 0!important;
	margin-bottom: 0!important;
}

p.Thinned
{
	line-height: 170%;
}

a
{
	color: #3399cc;
}

.Invisible
{
	visibility: hidden;
}

.Visible
{
	visibility: visible;
}

img.AlignLeft
{
	float: left;
}

.Hidden
{
	display: none!important;
}

div.InfoBlock
{
	background: #f6f5f5;
	padding: 1.4em;
	border: 1px solid #dfdfdf;
	margin-bottom: 1.5em;
}

div.InfoBlock blockquote
{
	font: normal 1.2em/150% Arial,Tahoma,Verdana,sans-serif;
	margin-bottom: 1.3em;
	color: #666;
	padding: 0.5em;
	background-color: #DDD;
}

p.NoData
{
	text-align: center;
	font-size: 1.5em;
	padding-bottom: 0;
}

div.NoData
{
	background: #f6f5f5;
	padding: 2em;
	margin-bottom: 0.8em;
	font: normal 1.2em/150% Arial,Tahoma,Verdana,sans-serif;
	color: #999;
	text-align: center;
}

.FloatLeft
{
	float: left;
}

.NoWrap
{
	white-space: nowrap;
}

/*
 * Layout elements
 */

#Header
{
	background: #434343 url('../images/header_bg.gif') repeat-x left top;
}

body
{
	background: black;
}

h1
{
	text-indent: -1000em;
	height: 89px;
	float: left;
	width: 364px;
	background: transparent url('../images/logo.gif') no-repeat left top;
	margin: 20px 0 20px 0;
}

h2
{
	font: normal 2.4em "Trebuchet MS",Helvetica,Arial,Verdana,sans-serif;
	color: #999999;
	margin-bottom: 1em;
}

h2 span
{
	font: normal 0.8em "Trebuchet MS",Helvetica,Arial,Verdana,sans-serif;
	color: #999999;
	margin-left: 0.4em;
	margin-bottom: 1em;
}

h3
{
	font: normal 1.4em Arial,Tahoma,Verdana,sans-serif;
	color: #333333;
	padding-bottom: 1em;
}

#Content
{
	background: white url('../images/content_border.gif') repeat-x left bottom;
}

.CenterWrapper
{
	width: 1024px;
	margin: 0 auto;
	position: relative;
}

#Content .CenterWrapper
{
	padding: 2em 0 4em 0;
}

.BottomSpace 
{
	padding-bottom: 1.3em!important;
}

.BottomSpaceLarge
{
	padding-bottom: 2em!important;
}

.BottomSpaceSmall
{
	padding-bottom: 0.6em!important;
}

div.Fade
{
	background: transparent url("../images/hr_fade.gif") repeat-x left bottom;
	height: 15px;
	margin-top: 0.5em;
	margin-bottom: 2em;
	padding: 0;
}

/*
 * Footer
 */

#Footer .CenterWrapper
{
	padding: 1em 0;
}

#Footer p
{
	font: normal 1.1em Tahoma,Helvetica,sans-serif;
	color: #cccccc;
	float: left;
}

#Footer a
{
	color: #cccccc;
	text-decoration: underline;
}

#ValidHTML, #ValidCSS
{
	float: right;
	text-indent: -1000em;
	height: 16px;
}

#ValidHTML
{
	width: 60px;
	background: transparent url('../images/xhtml.gif') no-repeat left top;
	margin-right: 10px;
}

#ValidCSS
{
	width: 47px;
	background: transparent url('../images/css.gif') no-repeat left top;
}

/*
 * Headers
 */

h2.Solid
{
	font: normal 1.6em Helvetica,Arial,Tahoma,sans-serif;
	color: #333333;
	border-bottom: solid 1px #c2c2c2;
	letter-spacing: 0.05em;
	padding-bottom: 0.1em;
	margin-bottom: 0.9em;
}

h3.Simple
{
	font: normal 1.6em Arial,Tahoma,Verdana,sans-serif;
	color: #777;
	padding-bottom: 1em;	
}

h3.Secondary
{
	font: normal 1.4em Helvetica,Arial,Tahoma,Verdana,sans-serif;
	color: #777;
	padding-bottom: 0.7em;	
}

h3 span
{
	font: normal 0.8em/150% Arial,Tahoma,Verdana,sans-serif;
	display: block;
	margin-top: 0.5em;
}

h3.SubSection
{
	font-size: 1.8em;
	color: #999999;
	padding-bottom: 0.2em;
	margin-bottom: 0.8em;
	border-bottom: #CCC dashed 1px;
}

/*
 * Content buttons and links
 */

a.Button
{
	font: normal 1.2em Tahoma,Helvetica,sans-serif;
	color: #ededed;
	background-color: #757575;
	padding: 0.6em 0.8em;
	float: left;
	text-decoration: none;
}

a.Button:hover
{
	background-color: #cc9933;
	color: white;
}

a.SimpleLink
{
	text-decoration: underline;
	color: #666666;
}

a.GrayLink
{
	color: #666666;
	background: #eee;
	padding: 0.2em 0.4em;
	text-decoration: none;
}

.Odd a.GrayLink
{
	background: #dfdfdf;
}

a.GrayLink:hover
{
	background-color:#CC9933;
	color:white;
}

a.RoundButton
{
	float: left;
	padding-left: 5px;
	background: transparent url("../images/cnt_btn_left.gif") no-repeat left top;
	text-decoration: none;
	margin-right: 1em;
	outline: none;
	cursor: pointer;
}

a.RoundButton.Disabled, a.RoundButton.Disabled:hover
{
	background: transparent url("../images/cnt_btn_d_left.gif") no-repeat left top;
}

a.RoundButton span
{
	font: bold 1.2em Arial,Helvetica,sans-serif;
	color: white;
	text-decoration: none;
	background: transparent url("../images/cnt_btn_right.gif") no-repeat right top;
	float: left;
	height: 18px;
	padding: 4px 10px 0 4px;
}

a.RoundButton.Disabled span,
a.RoundButton.Disabled:hover span
{
	background: transparent url("../images/cnt_btn_d_right.gif") no-repeat right top;
	cursor: default;
}

a.RoundButton:hover
{
	background-image: url("../images/cnt_btn_left_a.gif");
}

a.RoundButton:hover span
{
	background-image: url("../images/cnt_btn_right_a.gif");
}

/*
 * Columns
 */

#LeftColumn
{
	float: left;
	width: 780px;
	padding-right: 10px;
}

#RightColumn
{
	float: left;
	width: 220px;
}

#RightColumn .Content
{
	padding-left: 10px;
}

.LargeAds #LeftColumn
{
	width: 790px;
}

.LargeAds #RightColumn
{
	width: 210px;
}

/*
 * Content columns
 */

#Left,  #Right
{
	float: left;
}

#Left
{
	width: 430px;
	margin-right: 30px
}

#Left.Wide
{
	width: 500px;
}

#Right
{
	margin-top: 0.5em;
	width: 560px;
}

.ContentColumn
{
	float: left;
	margin-right: 4em;
}

/*
 * Ads
 */

.TopAd
{
	margin-bottom: 2em;
}

.TopAd img
{
	border: 1px solid #eee;
}

.SideAds img
{
	margin-bottom: 20px;
}

.SideAds a.Border img
{
	border: 1px solid #ddd;
}

/*
 * Header buttons
 */

ul.HeaderControls
{
	float: right;
	margin-top: 1.5em;
}

ul.HeaderControls li.Text
{
	float: left;
	padding-left: 6px;
	font: normal 1.2em Arial,Helvetica,sans-serif;
	color: white;
	margin-top: 4px;
}

ul.HeaderControls li.Button
{
	float: left;
	padding-left: 6px;
	background: transparent url("../images/header_btn_left.gif") no-repeat left top;
	margin-left: 10px;
}

ul.HeaderControls li.Button a
{
	outline: none;
	font: normal 1.2em Arial,Helvetica,sans-serif;
	color: white;
	text-decoration: none;
	background: transparent url("../images/header_btn_right.gif") no-repeat right top;
	float: left;
	height: 22px;
	padding: 4px 10px 0 4px;
}

ul.HeaderControls li.Active
{
	background: transparent url("../images/header_btn_left_a.gif") no-repeat left top;
}

ul.HeaderControls li.Active a
{
	background: transparent url("../images/header_btn_right_a.gif") no-repeat right top;
}

/*
 * Latest submissions
 */

div.AppList
{
	padding-bottom: 2em;
}

div.AppBlock
{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

div.AppList div.AppBlock
{
	margin-right: 30px;
	margin-bottom: 30px;
}

div.AppBlock a
{
	text-decoration: none;
	float: left;
	width: 200px;
	height: 200px;
	position: relative;
}

div.AppBlock span.Overlay
{
	width: 200px;
	top: 0;
	display: none;
	background-color: #333333;
	border-bottom: 1px solid #cccccc;
}

div.AppBlock a:hover
{
	background: white;
}

div.AppBlock a:hover span.Overlay
{
	position: absolute;
	display: block;
	height: 200px;
}

div.AppBlock span.AppName
{
	padding: 10px 10px 5px 10px;
	display: block;
	font: normal 1.4em Arial,Helvetica,sans-serif;
	color: white;
}


div.AppBlock span.AppTags
{
	padding: 0 10px 10px 10px;
	display: block;
	font: normal 1.1em Tahoma,Helvetica,sans-serif;
	color: #dbdbdb;
}

div.AppBlock span.AppReviews
{
	padding: 0 10px 10px 10px;
	display: block;
	font: normal 1.2em Tahoma,Helvetica,sans-serif;
	color: #dbdbdb;
}

div.AppBlock span.AppRatings
{
	padding: 0 10px 10px 10px;
	display: block;
	font: normal 1.1em Tahoma,Helvetica,sans-serif;
	color: #dbdbdb;
}

div.AppBlock span.AppRatings span.Rating
{
	display: block;
}

div.AppBlock span.AppRatings span.Rating span
{
	float: left;
	clear: both;
	width: 4.5em;
}

div.AppBlock span.AppRatings img
{
	margin-top: 1px;
}

/*
 * Tabs
 */

#Tabs
{
	margin-left: -1em;
	clear: both;
	background: transparent url('../images/tabs_border.gif') repeat-x left bottom;
}

#Tabs li
{
	float: left;
	padding-left: 0.7em;
}

#Tabs a
{
	padding: 0.4em 0.7em 0.6em 0;
	display: block;
	color: #cccccc;
	text-decoration: none;
	outline: none;
}

#Tabs span
{
	font: normal 1.2em Arial,Helvetica,sans-serif;
}

#Tabs li.Current
{
	background: white url('../images/tab_left.gif') no-repeat left top;
}

#Tabs li.Current a
{
	background: white url('../images/tab_right.gif') no-repeat right top;
	color: #666666!important;
}

#Tabs li.Right
{
	float: right;
}

#Tabs li a#TabhomeLink,
#Tabs li a#TabadministrationLink
{
	color: white;
	font-weight: bold;
}

#Tabs li#Tabhome.Current,
#Tabs li#Tabadministration.Current
{
	background: #f0f0f0 url('../images/home_tab_left.gif') no-repeat left top;
}

#Tabs li.Current a#TabhomeLink,
#Tabs li.Current a#TabadministrationLink
{
	background: #f0f0f0 url('../images/home_tab_right.gif') no-repeat right top;
	color: #666666!important;
}

#HomeTabs
{
	margin-left: -1em;
	clear: both;
	background: #f0f0f0 url('../images/home_tabs_border.gif') repeat-x left bottom;
}

#HomeTabs li
{
	float: left;
	padding-left: 0.7em;
}

#HomeTabs a
{
	font: normal 1.2em Helvetica,Arial,sans-serif;
	padding: 0.6em 0.7em 0.6em 0;
	display: block;
	color: #888;
	text-decoration: none;
	outline: none;
}

#HomeTabs li.Current
{
	background: white;
}

#HomeTabs li.Current a
{
	background: white;
	color: #333333!important;
}

/*
 * Content tabs
 */

div.ContentTabs
{
	display: block;
}

div.ContentTabs ul.Tabs
{
	display: block;
}

div.ContentTabs ul.Tabs li
{
	float: left;
	padding: 0 0 0.4em 0.5em!important;
	font: normal 1.2em Arial,Tahoma,Helvetica,sans-serif;
	cursor: pointer;
}

div.ContentTabs ul.Tabs li span
{
	cursor: pointer;
	color: #666666;
	padding-right: 0.6em;
	padding-top: 0.5em;
	display: block;
}

div.ContentTabs ul.Tabs li.Active
{
	background: #4d4d4d url('../images/content_tab_left.gif') no-repeat left top;
	color: white;
}

div.ContentTabs ul.Tabs li.Active span
{
	background: #4d4d4d url('../images/content_tab_right.gif') no-repeat right top;
	color: #fff;
}

div.ContentTabs div.Tab
{
	clear: both;
	padding-top: 2em;
}

.TabsContainer
{
	border-bottom: 3px solid #4d4d4d;
}

/*
 * Secondary navigation
 */

#SecondaryNav
{
	background: #434343 url('../images/secondary_bg.gif') repeat-x left top;
	border-bottom: #c7c7c7 1px solid;
	position: relative;
}

#SecondaryNav .Column
{
	float: left;
	width: 308px;
}

#SecondaryNav .Column .Container
{
	margin-right: 20px;
	padding-bottom: 20px;
}

#SecondaryNav .LastColumn
{
	width: 100px!important;
}

#SecondaryNav .LastColumn .Container
{
	margin-right: 0!important;
}

#SecondaryNav h3
{
	color: white;
	font: normal 1.7em Arial,Helvetica,sans-serif;
	margin-top: 1em;
	margin-bottom: 0.7em;
}

#SecondaryNav .TagList li
{
	font: normal 1.2em/150% Arial,Helvetica,sans-serif;
	float: left;
	margin-right: 1em;
}

#SecondaryNav .TagList li a
{
	color: #cccccc;
	text-decoration: none;
}

#SecondaryNav .TagList li a:hover
{
	color: #cc9933;
}

#SecondaryNav .RequestList a.Author:hover
{
	background-color: #cc9933;
	color: white;
}

#SecondaryNav .RequestList
{
	margin-top: -0.3em;
}

#SecondaryNav .RequestList li
{
	display: block;
	font: normal 1.1em/170% Tahoma,Arial,Helvetica,sans-serif;
	background: transparent url("../images/list_separator.gif") repeat-x left bottom;
	margin-bottom: 0.6em;
	padding-bottom: 0.7em;
	color: #E5E5E5;
}

#SecondaryNav .RequestList li h4
{
	font: bold 1em/170% Tahoma,Arial,Helvetica,sans-serif;
}

#SecondaryNav .RequestList li h4 a
{
	color: white;
}

#SecondaryNav .RequestList li.Last
{
	margin-bottom: 0;
	padding-bottom: 0;
	background-image: none;
}

#SecondaryNav .RequestList li a
{
	color: #e5e5e5;
	text-decoration: none;
}

#SecondaryNav .RequestList .Date
{
	color: #999999;
}

#SecondaryNav .RequestList a.Author
{
	color: #E5E5E5;
	padding: 0.2em;
}

#SecondaryNav .RequestList a.Author:hover
{
	background: none;
	color: #E5E5E5;
	text-decoration: underline;
}

#SecondaryNav .StarList
{
	margin-top: -0.4em;
}

#SecondaryNav .StarList li
{
	display: block;
	font: normal 1.1em/150% Tahoma,Arial,Helvetica,sans-serif;
	background: transparent url("../images/list_separator.gif") repeat-x left bottom;
	margin-bottom: 0.6em;
	padding-bottom: 0.7em;
	font-weight: bold;
}

#SecondaryNav .StarList li span
{
	font-weight: normal;
}

#SecondaryNav .StarList li.Last
{
	margin-bottom: 0;
	padding-bottom: 0;
	background-image: none;
}

#SecondaryNav .StarList li a
{
	color: white;
	text-decoration: none;
	display: block;
	background: transparent url("../images/bullet_star.gif") no-repeat left 0.4em;
	padding-left: 13px;
}

#SecondaryNav .FeedList
{
	margin-top: -0.4em;
}

#SecondaryNav .FeedList li
{
	display: block;
	font: bold 1.1em/150% Tahoma,Arial,Helvetica,sans-serif;
	color: white;
	background: transparent url("../images/bullet_feed_footer.gif") no-repeat -4px 1px;
	margin-bottom: 0.3em;
	padding-left: 12px;
}

#SecondaryNav .FeedList li a
{
	color: white;
	text-decoration: none;
}

#SecondaryNav .SmallOffset
{
	margin-bottom: 0;
	padding-bottom: 0.5em;
}

/*
 * Application page classes
 */

div.AppDescription
{
	margin-left: 2em;
	float: left;
	width: 540px;
}

div.AppDescription ul li
{
	display: inline;
	color: #666666;
}

div.AppDescription ul li a
{
	color: #339933;
}

div.AppDescription .Description
{
	padding-top: 1.5em;
	color: #333333;
	line-height: 150%;
}

div.Screenshots
{
	padding: 0.5em 0 2.2em 0;
}

div.Screenshots li
{
	float: left;
	margin-right: 2em;
}

.FeatureColumns 
{
	padding-bottom: 1em;
}

.FeatureColumns div {
	float: left;
	padding: 0 10px!important;
	margin-left: -10px!important;
	margin-right: 10px;
	position: relative;
}

.FeatureColumns h3
{
	font: bold 1.2em Arial, Tahoma,Helvetica,sans-serif;
	color: #444;
	margin-bottom: 0.1em;
	padding-bottom: 0.2em!important;
}

.FeatureColumns p
{
	font: normal 1.2em/150% Arial, Tahoma,Helvetica,sans-serif;
	color: #444;

}

/*
 * Application status colors
 */

.AppStatus2, .AppStatus0
{
	color: #cc6600!important;
}

.AppStatus3, .AppStatus4
{
	color: #cc0000!important;
}

.AppStatus1
{
	color: #669900!important;
}

/*
 * Live ratings
 */

dl.LiveRatings
{
	float: left;
	width: 25em;
}

dl.LiveRatings dt
{
	font: normal 1.2em Arial,Tahoma,Verdana,sans-serif;
	color: #666666;
	float: left;
	clear: left;
	margin-bottom: 0.7em;
	width: 8em;
}

dl.LiveRatings dt span
{
	display: none;
}

dl.LiveRatings dd span
{
	float: left;
	font: normal 1.1em Tahoma,Arial,Verdana,sans-serif;
	color: #999999;
	margin-left: 2em;
}

dl.LiveRatings li, dl.LiveRatings ul
{
	float: left;
}

dl.LiveRatings li
{
	margin-top: 2px;
	padding-left: 0.5em;
}

dl.LiveRatings li.Live
{
	cursor: pointer;
}

p.VotingResponse
{
	float: left;
	padding-left: 2em!important;
}

/*
 * Application comments
 */

ul.ApplicationComments
{
	margin-top: -1.3em;
	margin-bottom: 2em;
}

.ApplicationComments li
{
	display: block;	
	clear: both;
}

.ApplicationComments li.Odd
{
	background-color: #f9f9f9;
}

.ApplicationComments li.AuthorComment
{
	background-color: #f5f5d1;
}

.ApplicationComments li.Odd.AuthorComment
{
	background-color: #e7e7b7;
}

.ApplicationComments img.Gravatar
{
	float: left;
	margin: 0 10px 0 0;
}

.ApplicationComments div.CommentContent
{
	border-bottom: 1px dotted #ccc;
	padding: 1.3em 0;
	position: relative;
}

.ApplicationComments div.CommentControls
{
	float: right;
}

.ApplicationComments a.RoundButton
{
	background-image: url("../images/comment_btn_left.gif");
}

.ApplicationComments a.RoundButton span
{
	background-image: url("../images/comment_btn_right.gif");
}

.ApplicationComments a.RoundButton:hover
{
	background-image: url("../images/comment_btn_left_a.gif");
}

.ApplicationComments a.RoundButton:hover span
{
	background-image: url("../images/comment_btn_right_a.gif");
}

.ApplicationComments div.Comment
{
	float: left;
	width: 720px;
}

.ApplicationComments div.Comment div.Form
{
	background: transparent;
}

.ApplicationComments h4
{
	font: bold 1.2em Arial, Tahoma,Helvetica,sans-serif;
	color: #666666;
	margin-bottom: 1em;
}

.ApplicationComments h4 span
{
	margin-top: 0.5em;
	font-weight: normal;
	display: block;
	font-size: 0.95em;
	color: #777;
}

.ApplicationComments .VoteArea
{
	margin-top: 1em;
}

.ApplicationComments .VoteArea p
{
	color: #999;
	margin-bottom: 0.6em;
}

div.NewLabel
{
	text-indent: -1000em;
	background: transparent url('../images/new_comment_label.gif') no-repeat left top;
	width: 25px;
	height: 15px;
	position: absolute;
	left: -24px;
}

.ApplicationComments h4.New, .ApplicationComments h4.New a
{
	color: #cc6600;
}

div.Comments
{
	margin-top: -0.4em;
}

.ApplicationComments p,
.Comments p
{
	font: normal 1.2em/160% Tahoma,Arial,Helvetica,sans-serif;
	color: #444;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-top: 0.5em;
}

.CommentPreview
{
	padding: 1em;
	background-color: #F9F9F9;
	margin-bottom: 1em;
}

.CommentPreview h4
{
	font: bold 1.2em/130% Arial,Tahoma,Verdana,sans-serif;
	color: #666666;
	padding: 0 0 0.4em 0;
}

.CommentContent .CommentPreview
{
	background-color: #f5f5d1;
	padding: 0;
}

.ApplicationComments li.Odd.AuthorComment .CommentPreview
{
	background-color: #e7e7b7;
}

/*
 * Registration page
 */

p.GravatarIcon img
{
	margin: 0 20px 0 0;
}

li.EmailIcon
{
	background: transparent url('../images/form_lock.gif') no-repeat left 5px;
}

li.EmailIcon span
{
	margin-left: 25px;
	display: block;
}

/*
 * Global login form
 */

#GlobalLoginFormContainer
{
	position: absolute;
	width: 400px;
	right: 0;
}

#GlobalLoginForm
{
	min-height: 126px;
}

#GlobalLoginForm ul.FormElements li.Error
{
	padding: 0.5em!important;
	margin-bottom: 0.7em;
}

#GlobalLoginForm ul.FormElements li.Field
{
	margin-bottom: 0.6em;
}

#GlobalLoginForm li.Buttons a.LoginButton
{
	float: left;
}

#GlobalLoginForm li.Buttons a.PasswordLink
{
	float: right;
	font: normal 1.1em/150% Tahoma,Arial,Verdana,sans-serif;
	margin-right: 0!important;
}

/*
 * My home
 */

p.RssLarge
{
	background: transparent url('../images/rss_large.gif') no-repeat left 3px;
	padding-left: 40px;
	padding-bottom: 1.5em;
}

p.Rss
{
	background: transparent url('../images/feed.gif') no-repeat left top;
	padding-left: 20px;
	padding-bottom: 1.5em;
}

h3.EventList
{
	padding-bottom: 0.3em;
}

h3.ListSection
{
	padding-bottom: 1em!important;
	text-transform: uppercase;
	color: #999;
	letter-spacing: 2px;
	font-size: 1.2em;
}

ul.EventList
{
	border-top: 1px solid #ccc;
}

ul.EventList li
{
	display: block;
	font: normal 1.2em/130% Arial,Tahoma,Verdana,sans-serif;
	color: #666666;
	padding: 0.6em 0.5em 0.6em 25px;
	background-position: 4px 50%;
	background-repeat: no-repeat;
	border-bottom: 1px dashed #d2d2d2;
}

ul.EventList li a
{
	text-decoration: none;
}

ul.EventList li.Message
{
	background-image: url(../images/event_message.gif);
}

ul.EventList li.Comments
{
	background-image: url(../images/event_comment.gif);
}

ul.EventList li.Last, ul.EventList li.NoData
{
	border-bottom: none!important;
}

ul.EventList li.Odd
{
	background-color: #f2f2f2;
}

ul.EventList li.NoData
{
	background: #f2f2f2;
	padding-left: 0.5em;
}

/*
 * Reporting
 */

img.ChartImage
{
	margin-bottom: 1.5em;
}

div.NoChartData
{
	background: #f6f5f5;
	padding: 2em;
	margin-bottom: 0.8em;
	font: normal 1.2em/150% Arial,Tahoma,Verdana,sans-serif;
	color: #999;
	text-align: center;
}

dl.ReportNumber dt
{
	font: normal 1.2em/150% Arial,Tahoma,Verdana,sans-serif;
	color: #4d4d4d;
}

dl.ReportNumber dd
{
	font: bold 2.4em/150% Arial,Tahoma,Verdana,sans-serif;
	color: #4d4d4d;
	padding-bottom: 0.5em;
	margin-top: -0.3em;
}

dl.ReportNumber dd a
{
	text-decoration: none;
}

/*
 * Messages
 */

div.Message
{
	font: normal 1.2em/150% Arial,Tahoma,Verdana,sans-serif;
	margin-bottom: 1em;
}

div.Message div
{
	padding: 0.5em 1em;
}

div.Message div.Success
{
	background-color: #ffcd66;
	color: black;
}

/*
 * Simple List
 */

ul.SimpleList li
{
	display: block;
	border-bottom: 1px dotted #bdbdbd;
	padding: 1em 0;
}

ul.SimpleList li.Odd
{
	background-color: #F9F9F9;
}

ul.SimpleList li.Last
{
	border-bottom: none;
}

ul.SimpleList li.First
{
	padding-top: 0;
}

ul.SimpleList li .Icon
{
	float: left;
	margin-right: 10px;
}

ul.SimpleList h3
{
	font: normal 1.5em/120% "Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
	color: #CC9933;
	padding-bottom: 0.4em;
}

ul.SimpleList h3 a
{
	color: #CC9933;
	text-decoration: none;
	border-bottom: 1px dotted #CC9933;
}

ul.SimpleList .Content p
{
	font: normal 1.2em/150% Verdana,Arial,Helvetica,sans-serif;
	padding: 0;
	margin-bottom: 1em;
	color: #444;
}

ul.SimpleList .Content .ItemInfo,
ul.SimpleList .ItemInfo
{
	color: #666666;
	font-size: 1.1em;
	margin-bottom: 0!important;
	padding-bottom: 0;
}

ul.RegularList
{
	margin-bottom: 1.3em;
	color: #666666;
	margin-left: 1.5em;
}

ul.RegularList li
{
	font: normal 1.2em/180% Arial, Tahoma,Helvetica,sans-serif;
	list-style-position:outside;
	list-style-type:square;
}

ul.Bullets li
{
	background: transparent url(../images/bullet_orange.gif) no-repeat -3px top;
	padding-left: 15px;
}


ul.MultiRow li .Icon
{
	margin-left: 10px;
}

div.EventBlock
{
	background-color: #f4f4f4;
	border: 1px solid #e9e9e9;
	color: #333;
	margin-bottom: 1em;
	padding: 0.5em;
}

ul.SimpleList div.Comment
{
	background: #f4f4f4 url(../images/event_comment.gif) no-repeat 5px 50%;
	padding-left: 25px;
}

ul.SimpleList li .Content
{
	float: left;
}

ul.SimpleList li.Application .Content
{
	width: 875px;
}

body.AdsVisible ul.SimpleList li.Application .Content
{
	width: 640px;
}

ul.SimpleList li.Application h3 span
{
	display: inline;
	font-size: 0.857em;
}

/*
 * Page list
 */

.PageList
{
	font: normal 1.2em/150% Arial,Tahoma,Verdana,sans-serif;
	color: #666666;
	margin-top: 2em;
}

.PageList span
{
	float: left;
	margin-right: 0.5em;
	color: #333333;
}

.PageList ul
{
	display: inline;
	margin: 0;
	padding: 0;
}

.PageList li
{
	float: left;
	margin: 0 0.2em;
	padding: 0 0.5em;
}

.PageList li a
{
	text-decoration: none;
	color: #999999;
	font-weight: bold;
	background: transparent url(../images/active_page_border.gif) repeat-x left bottom;
}

.PageList li.Active
{
	background: #cccccc;
	color: white;
}

/*
 * Tag list
 */

#Content .TagList li
{
	font: normal 1.2em/150% Arial,Helvetica,sans-serif;
	white-space: nowrap;
	float: left;
}

#Content .TagList li a
{
	text-decoration: none;
	background-color: #EEE;
	color: #666666;
	display: block;
	margin: 0 0.5em 0.5em 0;
	padding: 0.1em 0.4em;
}

#Content .TagList li a:hover
{
	color: white;
	background-color: #CC9933;
}

/*
 * Month list
 */

dl.MonthList dt
{
	font: normal 1.2em Arial, Tahoma,Helvetica,sans-serif;
	color: #666666;
	clear: left;
	float: left;
	width: 3em;
}

dl.MonthList dd
{
	margin-bottom: 1em;
}

dl.MonthList dd
{
	border-left: 1px solid #ccc;
	float: left;
	clear: right;
	padding-left: 0.6em;
}

dl.MonthList ul li
{
	float: left;
	font: normal 1.2em Arial, Tahoma,Helvetica,sans-serif;
}

dl.MonthList ul li a
{
	color: #666666;
	background: #EEE;
	display: block;
	text-decoration: none;
	margin: 0pt 0.5em 0.5em 0pt;
	padding: 0.1em 0.4em;
}

dl.MonthList ul li a:hover
{
	background-color: #cc9933;
	color: white;
}

/*
 * Columns definition list
 */

dl.Columns
{
	font: normal 1.3em Arial, Tahoma,Helvetica,sans-serif;
	display: block;
}

dl.Columns dt
{
	float: left;
	width: 5em;
	clear: both;
	margin-bottom: 0.5em;
	color: #999;
}

dl.Columns dd
{
	clear: right;
	color: #666666;
	margin-bottom: 0.5em;
}

/*
 * List definition list
 */

dl.List
{
	font: normal 1.3em Arial, Tahoma,Helvetica,sans-serif;
	display: block;
}

dl.List dd, 
dl.List dt
{
	float: left;
}

dl.List dt
{
	margin-bottom: 0.3em;
	color: #999;
	margin-right: 0.5em;
}

dl.List dd
{
	color: #666666;
	margin-right: 1em;
}

/*
 * Testimonials
 */

div.Testimonials
{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 2em;
	padding-top: 0.8em;
}

div.Testimonials p
{
	text-align: right;
	padding-bottom: 0.8em;
}

div.Testimonials cite
{
	text-align: left;
	font-size: 1em;
	font-style: italic;
	display: block;
	color: #444444;
	margin-bottom: 0.3em;
}

div.Testimonials h3
{
	font-size: 1.5em;
	padding-bottom: 0.6em;
	text-align: center;
}