/* General Toolkit Specifications */


/* General img settings */ 
img
{
	border-width: 0;
}

/* Remove decoration from nested a tags in images */
img a
{
	text-decoration: none;
}


/* General hr settings - Div class with nested hr element for flexibility */
.hr
{	
	padding: 10px 0;
	text-align: center;
	/* margin: 10px auto; */
	/* width: 90%; */ 
	/* border-top: 1px solid hrcolor; */
}

.hr hr
{
	/* visibility: hidden; */
	color: hrcolor;
	background-color: hrcolor;
	width: 90%;
	height: 3px;
	margin: 0 auto;
}

/* Labels color settings - classes used for status indication through the site */
.success
{
	color: Green;
}

.warning
{
	color: Red;
}

/* Labels showing articles have not yet been approved - See Admin-ManageContent-ManageArticles button in category list */
.notapproved
{
	color: Blue;
}

/* inputcheckbox settings */
.inputcheckbox input
{
	margin: 2px;
	vertical-align: middle;
}

/* pagelinks settings for lists at top of various pages, primarily Admin ManageX pages */
#content .pagelinks
{
	list-style-type: square;
}

/* itemcountselector settings for dropdown control used on list pages to select how many items to display */
.itemcountselector
{
	width: 560px;
	text-align: right;
	margin-bottom: 10px;
}

/* ratingsselector settings for control used at bottom of ShowArticle and ShowProduct page to rate item */
.ratingselector
{
	margin-bottom: 20px;
}

.ratingselector select
{
	width: 80px;
	margin-top: 20px;
}

/* Subscription link that appears on various pages offering subscriptions */
.subscriptionlink
{
	color: subscriptionlinkcolor;
	width: 300px;
}

/* htmleditor settings - Default settings for the online HTML editor */
.htmleditor iframe
{
	width: 100%;
	height: 100%;
	margin-bottom: 10px;
}

/* General ebbox settings - Input panel used for input of new articles, posts, and user pages - See Admin-AddEditArticle and CreatePost link on BrowseThreads */
.ebbox
{
	width: 560px;
	padding: 10px 0 30px 0;
}

#content .ebbox h3
{
	
}

.ebbox .inputtext, .ebbox textarea
{
	width: 560px;
	margin-left: 0px;
}

.ebbox textarea
{
	height: 300px;
}

.ebbox select 
{
	width: 560px;
}

.ebbox .htmleditor iframe
{
	width: 560px;
	height: 400px;
}


.ebbox .inputcheckbox
{
	float: left;
}

.ebbox .inputsubmit
{
	float: right;	
	margin: 0;
}

/* General fileuploader settings used in various places */
.fileuploader .inputsubmit
{
	height: 20px;
}

/* General gvtable settings for lists, primarily in Admin-ManageX pages */
.gvtable
{
	border-collapse: collapse;
}

.gvtable table
{
	border: 1px solid gvbordercolor;
	margin: 0 0 20px 0;
}

.gvtable th, td
{
	/* padding: 0.2em, 1em; */
}

.gvtable th
{
	background-color: transparent;
	text-align: left;
	padding-bottom: 10px;
}

.gvtable td
{
	vertical-align: top;
}

/* gvtable row settings */
.gvtable tr
{
	background-color: gvtrcolor;
}

.gvtable .gvaltrow
{
	background-color: gvaltcolor;
}

.gvtable .gvpagerrow
{
	width: 560px;
	text-align: right;
	margin-bottom: 10px;
}

/* gvtable column settings */

.gvtable .medtemplatecol
{
	width: 470px;
}

.gvtable .bigtemplatecol
{
	width: 560px;
}

.gvtable .alltemplatecol
{
	width: 560px;
}

.gvtable .titlecol, 
.gvtable .templatecol, 
.gvtable .linkcol,
.gvtable .linkcommandcol
{
	width: 270px;
}

.gvtable .linkcommandcol
{
	text-align: right;
}

.gvtable .datecol
{
	width: 80px;
	text-align: right;
}

.gvtable .imagecol, 
.gvtable .typecol, 
.gvtable .codecol
{
	width: 80px;	
}

.gvtable .checkboxcol
{
	width: 80px;  
	text-align: left;
}

.gvtable .commandcol
{
	width: 15px; 
	text-align: right;
	vertical-align: top;
}

.gvtable .numbercol
{
	width: 30px;
	text-align: center;
}

.gvtable .percentcol
{
	width: 30px;
	text-align: center;
}

.gvtable .currencycol
{
	width: 80px;
	text-align: right;
}

/* General dvtable settings for input forms (Details View), primarily in Admin-ManageX pages, User Profile etc. */
.dvtable
{
	width: 560px;
}

.dvtable table
{
	margin: 0 0 20px 0;
}

.dvtable th
{
	width: 150px;
	height: 25px;
	padding-left: 10px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

/* dvcommandrow settings for row with command buttons at bottom of dvtable input form */
.dvtable .dvcommandrow td
{
	text-align: right;
}

/* General dvtable input area settings */
.dvtable .inputtext
{
	width: 280px;
}

.dvtable textarea
{
	width: 280px;
	height: 120px;
	margin: 0;
}

.dvtable select
{
	width: 285px;
}

.dvtable .htmleditor iframe
{
	width: 285px;
	height: 400px;
	margin: 0;
}

/* dvtable fileuploader settings */

.dvtable .fileuploader
{
	margin: 15px 0;
	width: 295px;
}

.dvtable .fileuploader .inputfile
{
	width: 220px;
}	

/* dvtable row settings */

.dvtable .titlerow .inputtext, 
.dvtable .linkrow .inputtext
{
	width: 280px;
}

.dvtable .numberrow .inputtext,
.dvtable .percentrow .inputtext
{
	width: 30px;
	text-align: center;
}

.dvtable .daterow .inputtext,
.dvtable .currencyrow .inputtext
{
	width: 80px;
	text-align: right;
}

.dvtable .typerow .inputtext, 
.dvtable .coderow .inputtext
{
	width: 80px;	
}

/* General cbbox settings */
.cbbox
{
	width: 560px;
	margin-bottom: 20px;
	
}

.cbbody
{
	padding: 0;
}

.cbimage
{
	float: left;
	margin: 0 10px 20px 0;
}

.cbimage img
{
	align: left;
}


.cbcommand
{
	float: right;
	width: 80px;
	text-align: right;
}

.cbcommand li
{
	background: none;
}

.cbcommand a
{
	border: none;
}

.cbcommand a:hover
{
	text-decoration: none;
}

.cbsummary
{
	padding: 0;
	clear: both;
	margin: 20px 0 20px 0;
	list-style: none;
}

.cbsummary li
{
	margin-bottom: 5px;
	background: none;
}

.cbsummary strong 
{
	vertical-align: middle;
	display: -moz-inline-box;
	display: inline-block;
	width: 100px;
}

.cbsummary span
{
	display: inline-block;
	width: 270px;
}

.cbcontent
{
	margin: 10px 0;
}

.cbbottom
{
	clear: both;
	float: none;
}

/* General searchtable settings for lookup forms - See Admin-ManageOrders for examples */
.searchtable
{
	margin: 20px 0 ;
}

.searchtable table
{
	margin-left: 0;
}

.searchtable td
{	
	height: 30px;
	text-align: left;
}

/* General treeview settings - See Admin-ManageSiteSettings, Admin-ManageProfileSettings, Admin-ManageRoles */
#content .treeview
{
    margin: 0;
    padding: 0;
}

#content .treeview ul
{
    list-style: none;
    margin: 5px 0 0 5px;
    padding: 0;
}

#content .treeview li
{
	background: none;
}

#content .treeview .show
{
}

#content .treeview .hide
{
    display: none;
}

#content .treeview ul li
{
    white-space: nowrap;
    padding: 3px 0 2px 0; 
    font-size: small;

}

#content .treeview ul ul
{
    margin: 2px 0 2px 15px;
}

#content .treeview ul li img
{
    border: none;
    vertical-align: middle;
    margin: 0 2px 0 0;
}

#content .treeview li a
{
    text-decoration: none;
}

#content .treeview li.root
{
}

#content .treeview li.parent
{
	margin-left: 15px;
}

#content .treeview li.leaf
{
    margin-left: 15px;
}

#content .treeview .clickablenonlink
{
    cursor: pointer;
}

#content .treeview .collapse
{
    background: url(images/collapse.gif) 0 0 no-repeat;
    width: 15px;
    margin-right: 5px;
    float:left;
    cursor: pointer;
    font-family: Courier;
    font-size: large;
    line-height: 15px;
}

#content .treeview .expand
{
    background:  url(images/expand.gif) 0 0 no-repeat;
    width: 15px;
    margin-right: 5px;
    float:left;
    cursor: pointer;
    font-family: Courier;
    font-size: large;
    line-height: 15px;
}

#content .treeview a,
#content .treeview a:visited,
#content .treeview a:active,
#content .treeview a:hover,
#content .treeview a:link
{
    
}

#content .treeview .selected a
{
    font-weight: bold;
    color: treeviewselectedcolor;
}

#content .treeview .selected ul a
{
    font-weight: normal;
}


/* General directorydialog settings - accessed from Admin-ManageUserPages */
.directorydialog
{
	background-color: #CCCCCC;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.directorydialog .body
{
	width: 520px;
	border: solid 2px directorydialogbackgroundcolor;	
}

.directorydialog table
{
	border-collapse: collapse;
}

.directorydialog .caption strong
{
	display: -moz-inline-box;
	display: inline-block;	
	padding: 2px 0;
	background-color: directorydialogbackgroundcolor;
}

.directorydialog .caption strong.col1
{
	width: 230px;
	text-align:left;
}

.directorydialog .caption strong.col2
{
	width: 0;
}

.directorydialog .caption strong.col3
{
	padding-left: 5px;
	width: 140px;
}


.directorydialog .listing
{
	width: 520px;
	height: 280px;
	overflow: scroll;
	overflow-x: hidden;
}

.directorydialog .listing
{
	border-top: solid 1px directorydialogbackgroundcolor;
	border-bottom: solid 1px directorydialogbackgroundcolor;
}

.directorydialog .listing td
{
	font-size: 8pt; 
}

.directorydialog .caption, .directorydialog .command
{
	width: 510px;
}

.directorydialog .caption, .directorydialog .command
{
	border: 0px;
	color: directorydialogcolor;
	background-color: directorydialogbackgroundcolor;
	text-align: left;
	padding: 5px;
	font-size: 10pt;
}

.directorydialog th
{
	border:0px;
	color: directorydialogcolor
	background-color: directorydialogbackgroundcolor;
	font-size: 10pt;
}

.directorydialog td
{
	padding: 5px;
}

.directorydialog .col1
{
	width: 32px;
	text-align: center;
	background-color: #FFFFFF;		
}

.directorydialog .col2
{
	width: 200px;
	background-color: #FFFFFF;	
}

.directorydialog .col3
{
	width: 150px;
	text-align: left;
	background-color: #EFEFEF;
}

.directorydialog .col4
{
	width: 118px;
	text-align: right;
	padding-right: 10px;
	background-color: #EFEFEF;	
}

.directorydialog a
{
	font-family:tahoma;
	font-size:9pt;
	color: directorydialoganchorcolor;
}

.directorydialog .command .fileuploader
{
	width:400px;
	float: left;
}

.directorydialog .command .inputCheckbox
{
	display: block;
	float: right;	
}

/* General grouplist level settings - ShowCategories, ShowDepartments, ShowForums, etc. */
.grouplist .hr hr
{
	display: none;
}
#content .grouplist .cbtitle
{	
	border: none;
}

/* General itemlist level settings - BrowseArticles, BrowseProducts, BrowseForums, etc. */
.itemlist .gvtable table
{
	/* border: 0; */
}

.itemlist .gvtable tr
{
	/* background: none; */
}

.itemlist .gvtable .gvaltrow
{	
	/* background: none; */
}

/* General pagedisplay settings applied when user defined content is inserted in a page */

#content .pagedisplay
{
	width: 560px;
	margin-left: 0; 
}

#content .pagedisplay h1
{
	/* margin-left: -30px; */
	/* height: 1%; hack so IE6 shows negative margin */
	/* position: relative; IE6 needs this for negative margin too */
}