html { height: 100%; margin-bottom: 1px; }
/* attempt to avoid Flash Of Unstyled Content
 */
.js .HideMe {display: none;}

body {
	background-color: #000000;
	margin: 0;
	padding: 0;
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: white;
	font-size: 12px;
}

#container
{
	width: 918px;
	margin: 0 auto;
}

#main
{
	border-bottom: 9px solid #C0C0C0;
	border-left: 9px solid #C0C0C0;
	border-right: 9px solid #C0C0C0;
	text-align: left;
	margin: 0;
	padding: 0;
}

#nav_top {
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: right;
	color: #FFFFFF;
	vertical-align: top;
	background-image: url(images/top.gif);
	padding-top: 80px;
	padding-right: 27px;
}
#nav_top a:hover {
	color: #CBDB2A;
	text-decoration: none;
}
#nav_top a {
	margin-right: 1em;
	color: #FFFFFF;
	text-decoration: none;
}

#footer {
	background: transparent url(images/bottom.gif) no-repeat 0 0;
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: right;
	padding-right: 15px;
	height: 18px;
	color: black;
}

#footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a {
	color: #000000;
	text-decoration: none;
}
#pscroller {
	width: 180px;
	height: 200px;
}
.NewsScroller {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	font-weight: bold;
}
.aScroller {
	font-size: 11px;
	color: #fba919;
}
.aScroller:hover {
	color: white;
}
h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #CBDB2A;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 0px;
}
p {
	margin-top: 2px;
	margin-bottom: 12px;
}
.Big {
	font-size: 13px;
	font-weight: bold;
}

.BuyTable {
	background-color: white;
	border: 1px solid Black;
	width: 158px;
	padding: 15px 10px 15px 10px;
	font-size: 12px;
	color: black;
}
.Bighead {
	background-color: #a2af9c;
	height: 60px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding: 10px 20px 10px 20px;
	line-height: 1.5;
}
ul {
	padding-left: 20px;
	line-height: 1.5;
	margin-left: 0px;
}
.SideNav {
	width: 206px;
	padding-left: 16px;
	padding-right: 10px;
	color: #fba919;
	line-height: 1.5;
	vertical-align: top;
}
.SideNav2 {
	width: 180px;
	padding-left: 10px;
	padding-right: 10px;
	color: #fba919;
	line-height: 1.5;
	vertical-align: top;
	background-color: black;
}
.Quote {
	color: white;
	line-height: 1.3;
	font-size: 11px;
}
.SmallWhite {
	color: white;
	font-size: 10px;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}
.QuoteRight {
	color: white;
	line-height: 1.3;
	font-size: 11px;
	text-align: right;
	padding-top: 2px;
}
a { color: white; }
a:hover { color: #fba919; }
a:active, a:focus { outline: none; }

.Dark { color: black; }
.Drops { margin: 0px; padding: 0px; }
.NoBullet { list-style-type: none; padding-left: 0; margin-left: 0; }
ul.Sales {
	float: left;
	width: 640px;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.Sales li {
	float: left;
	width: 213px;
	margin: 0;
	padding: 0px 0px 25px 0px;
}
.Back1 {
	background-image: url(images/Back1B.jpg);
	background-repeat: repeat-y;
	color: black;
	padding: 0px 30px 0px 30px;
	margin: 0px 0px 0px 0px;
	width: 228px;
	font-size: 13px;
}
.Back2 {
	background-image: url(images/Back2B.jpg);
	background-repeat: repeat-y;
	color: black;
	padding: 0px 30px 0px 30px;
	margin: 0px 0px 0px 0px;
	width: 228px;
	font-size: 13px;
}
.Back3 {
	background-image: url(images/Back3B.jpg);
	background-repeat: repeat-y;
	color: black;
	padding: 0px 30px 0px 30px;
	margin: 0px 0px 0px 0px;
	width: 174px;
	font-size: 13px;
}
.Back4 {
	background-image: url(images/Back4B.jpg);
	background-repeat: repeat-y;
	color: black;
	padding: 0px 30px 0px 30px;
	margin: 0px 0px 0px 0px;
	width: 470px;
	font-size: 13px;
}
hr {
	border: none;
	height: 1px;
	color: #819171;
	background-color: #819171;
	text-align: center;
}

hr.Story1 {
	border: none;
	height: 1px;
	width: 92%;
	color: white;
	background-color: white;
	text-align: center;
}


/* ******************************* */
#top_tab
{
	width: 900px; height: 16px;
	background: transparent url(images/Extranet-TopTab.gif) no-repeat 0 0;
}
#top_subhead { background-color: #C0C0C0; }
#top_subhead h2 { font-weight: normal; margin-left: 1em; color: #900; text-transform: uppercase; letter-spacing: .1em; }

#contact_info { color: #000; font-weight: bold; }

#content_area
{
	padding: 15px 15px 0px 15px;
	color: #FEFEFE;
	background-color: transparent;
}
#content_area:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#indicator
{
	width: 43px; height: 11px;
	background-image: url(images/indicator.gif);
	display: none;
}
#nav, #nav_admin, #nav_groups, #nav_users
{
	float: left;
	width: 300px;
	font-size: .9em;
}
#nav_users { width: 350px; padding-right: 20px; }
#nav ul, #nav_admin ul
{
	list-style-type: none;
	margin: 0; padding: 0;
	background-color: #000;
}
#nav li ul, #nav_admin li ul
{
	padding-left: 20px;
}
#nav li, #nav_admin li
{
	margin: 0 0 .5em 0;
	padding: .2em;
	/*background-color: #A2AF9C;*/
	border: 1px solid #CFCFCF;
	border: 1px solid #819171;
}

#nav li li, #nav_admin li li
{
	background-color: transparent;
	border: none;
	margin: 0;
	padding: 0!important;
}

li.NavParent
{
	background-image: url(images/list_arrow_closed.png);
	background-position: 5px 7px;
	background-repeat: no-repeat;
}
li.NavParent.NavParentOpen
{
	background-image: url(images/list_arrow_open.png);
}

#content_area a
{
	font-weight: bold;
	text-decoration: none;
	color: #228B22;
	color: #336633;
	color: #328832;
	color: #FF8C00;
	color: #CBDB2A;
}
#nav a, #nav_admin a
{
	display: block;
	padding: .2em;
	font-weight: bold;
	text-decoration: none;
	color: #CBDB2A;	
}
#nav li.NavParent a, #nav_admin li.NavParent a
{
	padding-left: 20px; 
}

#nav a.Current, #nav_admin a.Current
{
	/*background-color: #a2af9c;*/
	color: #FFFFFF;
}
#nav a:hover, #nav_admin a:hover, #content_area a:hover { color: #FFFFFF; }
#contact_info a, #contact_info a:hover { color: #000; }

/*
#nav li.HasItems a
{
	color: #CC0000;
}
*/

/* for draggable sections
 */
#section_list li a.Handle
{
	float: right;
	width: 10px!important; height: 18px;
	padding: 0;
	background-image: none;
	background-image: url(images/drag_handle.png);
	background-repeat: no-repeat;
}
#section_list li a.Handle:hover
{
	background-image: url(images/drag_handle_hover.png);
	/*cursor: move;*/
}
.SortHelper
{
	border: 3px dashed #666;
	width: auto !important;
}



#content
{
	margin-left: 320px;
	padding-bottom: 3em;
}
#content.Wide { margin-left: 1em; }

#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/* admin list of sections
 */
 /*
#section_list
{
	font-weight: bold;
	color: #444;
}
#section_list ul { list-style-type: none;list-style-position: outside; }
#section_list ul li ul { display: none; }
#section_list li {  }
#section_list li.ListParent 
{
	
	list-style-image: url(images/list_arrow_closed.png);
}
#section_list li.ListParent.Open
{
	list-style-image: url(images/list_arrow_open.png);
}
*/

h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

div.Actions { margin: 1.4em 0; }

.AdminNewBtn
{
	float: right;
	position: relative;
	z-index: 500;
	color:#666;
	font-weight:bold;
	padding: .2em 1em;
	margin-left: 1em;
	background-color: #000;
	border: 1px solid #819171;
}

#group_content h3, #section_content h3 { margin-top: 0; font-size: 1.3em;}

.section_description { padding: 0 0 1em 1em; }

#group_list ul { list-style-type: none; }
#group_list li
{
	margin: 1em 0;
	padding: .4em 1em;
	font-weight: bold;
	background-color: #000;
	color: #DDD;
	border: 1px solid #819171;
}
#group_list h3 { margin: 0; }
#group_list div { font-weight: normal; color: #CCC; }
#group_list div.Actions, #section_list div.Actions
{
	padding: .2em 0 .4em 2em;
	padding: 0;
	font-size: .9em;
}
/*
.Permissions a, #group_list a
{
	font-weight: bold;
	text-decoration: none;
	color: #336699;
}
.Permissions a:hover, #group_list a:hover { text-decoration: underline; }
*/
.Permissions li { line-height: 1.6em; }
.Permissions li.Granted { list-style-image: url(images/check.png); }
.Permissions li.Denied { list-style-image: url(images/x.png); }
.Permissions li.Denied a { color: #888; }



#content table
{
	width: 90%;
	margin: 0 2em 2em;
	border-collapse: collapse;
}
#content table caption
{
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #E5E7E4;
}

#content table th {  }
#content table th, #content table td
{
	padding: .5em .5em;
}
#content table thead th
{
	color: #819171;
	font-size: .9em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .1em;
}
tr.Row_0 th, tr.Row_0 td { background-color: #E5E7E4; color: #444; }
tr.Row_1 th, tr.Row_1 td { background-color: #CFD5CC; color: #444; }


#section_name { font-size: 1.2em; }

#admin_item_list { list-style-type: none;}

table#items
{
	width: 550px;
	margin: 0;
	border-collapse: separate!important;
}
#items tbody td
{
	width: 225px; max-width: 225px!important;
	margin: 10px 0;
	padding: 0;
	border-bottom: 1px solid #819171;
	vertical-align: top;
}

#items tbody td.EmptyItem { border: none; }

div.Item { padding: 10px; text-align: center; }

#items td + td div.Item
{
	/*border-left: 1px solid white;*/
}
div.Item img { display: block; margin: 0 auto 1em; border: 0; }
div.Item h4 { margin: 0 0 1em 0; }
div.Preview { display: none; }

.DownloadLinks { margin-top: 1em; text-align: left; font-weight: bold; }

#users_list { margin: 3em 0 0!important; border-collapse: collapse; width: 840px!important; }
#users_list tbody th { text-align: right; padding-right: 1em; }
#users_list tbody td { padding: .3em;}
#users_list .Actions { text-align: center; }
tr.Row_0 th, tr.Row_0 td { background-color: #333333; color: white; }
tr.Row_1 th, tr.Row_1 td { background-color: #666666; color: white; }

#stats_links:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#logins_list { margin-top: 3em!important; }

#logins_list td { height: 42px; }
a.DownloadInfoLink
{
	display: block;
	width: 32px; height: 25px;
	background: transparent url(images/download.png) no-repeat left top;
}
div.DownloadInfo { display: none; }
#cluetip div.DownloadInfo { display: block; }

a.ShortDate { color: #FFF!important; font-weight: normal!important; }
a.Blinky { color: #222!important; }

td.StatsDate
{
	font-size: .8em;	
}
span.LongDate { display: none; }

.cluetip-jtip #cluetip-outer {
	background-color: #767F71;
	background-color: #5E6952;
	opacity: 0.85;
}

.cluetip-jtip h6 { margin: 0; font-size: .9em; }
.cluetip-jtip p { margin: 0 0 1em 0; }
.cluetip-jtip p + h6 { border-top: 1px solid #FFF; padding-top: .4em; }
#cluetip-title { display: none!important; }


#cluetip div { border: 0; }
#cluetip-outer { border:2px solid #CCCCCC; }

#user_login_stats { width: 650px; }
#user_login_stats h4, #user_login_stats h5, #user_login_stats h6 { margin: 0; }

#user_login_stats h4 { font-size: 1.2em; }

#user_logins_list tbody th { vertical-align: top; }
#user_logins_list td { font-size: 1em; }




#user_logins_list { margin-top: 2em; }
#user_logins_list h4
{
	margin: 1em 0;
	padding: .2em;
	font-size: 1em;
	color: #222;
	background-color: #FFF;
	border: 1px solid #000;
	border-left-width: 0;
	border-right-width: 0;
}
#user_logins_list table { width: 100%; }

a.BackToStatsLink { float: right; }

div.DownloadStatsThumb
{
	display: none;
	height: 186px;
}
/*#cluetip div.DownloadStatsThumb { display: block!important; }*/

img.DownloadStatsThumb { display: block; margin: auto;}

td.DownloadCount { font-size: 1.6em; text-align: center; }

#stats_downloads h5, #stats_downloads h6 { margin: .1em 0 .2em; }

#stats_summary { margin-top: 3em!important; }
#stats_summary td { text-align: center; }
/*
819171
758467
6A775C
5E6952
525C48

a2af9c
939F8E
858F80
767F71
*/
label
{
	display: block;
	font-weight: bold;
	color: #555;
	color: #CCC;
}



fieldset
{
	margin-top: 1em;
}
#ctrl_submit { border: none; }

.AddUserInputs { margin-bottom: 2em; border: 1px solid #FFF; padding: 1em; }

legend
{
	font-weight: bold;
	color: #336666;
	color: #819171;
}

#ItemTypes
{
	
}
#ItemTypes label
{
	display: block;
	font-weight: normal;
}
#upload_controls fieldset { display: none; }


input[type=text], #content textarea
{
	width: 400px;
}

input, textarea, select
{
	margin-bottom: 1em;
}


textarea.VideoEmbedMarkup
{
	width: 80%;
	height: 60px;
	margin: 10px auto;
}

#eula_form * { float: left; padding-right: 1em; vertical-align: middle;}

dt {font-weight: bold; color: #888; }


h6.SectionPath
{
	margin: 0 0 1.4em;
	font-size: .9em;
	color: #CCC;
}

#subhead_links
{
	float: right;
	margin: 2em 1em 0 0;
}
img.SectionIllustration
{
	display: block;
	margin: 0 auto 1em;
}

p.required, label.required, div.required label, #content .error
{
	font-weight: bold;
	color: #CC0000;
}
input.required, select.required { color: #333!important; }

#login .required label { color: #CCC!important; }



#flash_msg {
	width: 40em;
	margin: 0 auto;
	padding: 1em;
	background: #FAFAFA;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	color: #910;
	border: 1px solid #819171;
	position: relative;
	z-index: 1000;
}
#authMessage, .Msg, .error-message
{
	display: inline-block;
	padding: .2em .5em; 
	background: #c0c0c0!important;
	color: #990000!important;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.4em;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
.error-message { margin: 0; }
.Error { font-weight: bold; color: #990000!important; }