/*  
Theme Name: DesignDisease
Theme URI: http://www.interspire.com/knowledgemanager/
Theme Version: v.1
Author: DesignDisease - Elena
Author URI: http://designdisease.com/
The CSS, XHTML and design is released under © Interspire Licence:
*/

html, body { font-family: Verdana; font-size: 11px; margin: 0px; padding: 5px 0px 5px 0px; background: #e8ebeb; height: 100%; color: #666;}

.chromestyle{
	width: 100%;
	font-weight: bold;
	font: bold 12px Verdana;
	color: #EBE9ED;	
}

.chromestyle a {
	width: 100%;
	font-weight: bold;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000000;
	vertical-align: bottom;	
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
	
	width: 100%;
	font color: #000000;
	padding: 4px 0;
	margin: 0;
font color: #000000;
	text-align: center; /*set value to "left", "center", or "right"*/
}


.chromestyle ul li{
display: inline;
font color: #000000;
}

.chromestyle ul li a{
font color: #000000;
	padding: 4px 7px;
	margin: 0;
	text-decoration: none;
	border-left: 1px solid #DADADA;
	color: #000000;

}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: /menu/chromebg-over.gif center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
	position:absolute;
	top: 0;
	border: 1px solid #BBB; /*THEME CHANGE HERE*/
	border-bottom-width: 0;
	line-height:18px;
	z-index:100;
	width: 200px;
	visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}


.dropmenudiv a{
	width: auto;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
	padding: 2px 0;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
	background-color: #FFFFFF;
font
; 	color: #FFcc00;
}

html, body { font-family: Verdana; font-size: 11px; margin: 0px; padding: 5px 0px 5px 0px; background: #FFFFFF; height: 100%; color: #666;}



h1, h2, h3 { font-family: Arial, Helvetica, sans-serif;}

img { padding: 0px; margin: 0px; border: none; text-align: center;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px;  }

form { padding: 0px; margin: 0px;}
input { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
select { font-family: 'Verdana'; color: #282b31; font-size: 11px;}

.bg { width: 780px; margin: 0 auto; background: #fff url("../Panels/Images/BGBottom.gif") no-repeat bottom; padding: 0px 7px 7px 7px; position: relative;}
.bgtop { position: absolute; background: url("../Panels/Images/BGTop.gif") no-repeat left top; height: 12px; width: 794px; left: 0px; top: 0px;}

/* h1 controls title menu font size */
/* Panel.TitlePanel - Panel.PageHeader */
.Header { margin: 0px; padding: 15px 20px 10px 20px; color: #ffffff; background: #000033;}
.Header h1 { color: #fff; padding: 0px; margin: 0px; font-size: 22px; letter-spacing: 0px; font-weight: bold;} 
.Header h1 a { color: #fff; text-decoration:none; }
.Header h1 a:visited { color: #fff; text-decoration:none; }
.Header h1 a:hover { color: #fff; text-decoration:none; }


/* Panel.TitlePanel - Breakcrumb*/
.Nav { background: #000033 url("../Panels/Images/HeaderBg.gif") no-repeat left bottom; padding: 15px 0px 15px 20px; margin: 0px 0px 15px 0px; }
.Nav ul { padding: 0px; margin: 0px;}
.Nav li { background: url("../Panels/Images/IcoNav.gif") no-repeat left center; font-size: 10px; padding: 0px 5px 0px 10px; margin: 0px; list-style-type: none; display: inline;}
.Nav li strong { color: #fff; font-weight: normal;}
.Nav li a { color: #fff; text-decoration: underline;}
.Nav li a:visited { color: #fff; text-decoration: underline;}
.Nav li a:hover { color: #fff; text-decoration: underline;} 

.NavTop { position: absolute; top: 30px; right: 20px; padding: 0px; margin: 0px; color: #fff; font-size: 10px; font-weight: bold; }
.NavTop a { color: #fff; text-decoration: underline;}
.NavTop a:visited { color: #fff; text-decoration: underline;}
.NavTop a:hover { color: #fff; text-decoration: underline;} 

/* Message ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Message { background: url("../Panels/Images/Success.gif") no-repeat left top; padding: 0px 0px 0px 20px; margin: 10px 20px 20px 20px; font-size: 11px; color:#669900;}

.SearchHeading { font-weight: bold; }

/* Container - Search - NavigationPanel */
.Search { margin: 0px; padding: 0px; float: left;}
.Search a { color: #0066cc; text-decoration: underline; font-size: 10px;}
.Search a:visited { color: #0066cc; text-decoration: underline;}
.Search h3 { font-size: 14px; margin: 0px; padding: 5px 0px 5px 0px; border-bottom: none; font-weight: bold; letter-spacing: -1px; color: #666666; }
.Search form { margin: 0px; padding: 0px; background: none; border: none; }
.Search fieldset { padding: 0px; margin: 0px; border: none; }
.Search select { padding: 1px; font-size: 11px; color: #333;}
.Search input.Button { border: solid 1px #ccc; padding: 2px 5px; font-size: 10px; color: #333; font-weight: bold; background: #fff;}
.Search p { padding: 5px 0px; margin: 0px;}
.Search .SearchTop{ background: #f1f3f3 url("../Panels/Images/SearchTop.gif") no-repeat left top; width: 386px; height: 4px; left: 0px; top: 0px; position: absolute;}

/**/ * html .Search .SearchLeft { height: 70px;} /**/
.Search .SearchLeft { background: #f1f3f3 url("../Panels/Images/SearchBottom.gif") no-repeat left bottom; width: 346px; min-height: 70px; position: relative; float: left; padding: 10px 20px;}
/**/ * html .Search .SearchRight { height: 70px;} /**/
.Search .SearchRight {   background: #f1f3f3 url("../Panels/Images/SearchBottom.gif") no-repeat left bottom;  width: 346px; min-height: 70px; position: relative; float: right; padding: 10px 20px;}

/* Container - Categories Panel */
.category { clear: both; padding: 15px; margin: 10px 0px 0px 0px; background: #f1f3f3; float: left; width: 750px;}
.category  h3 { font-size: 14px; margin: 0px 0px 5px 0px; padding: 5px 0px; border-bottom: solid 1px #ccc; letter-spacing: -1px; font-weight: bold; }
.category .content { width: 33%; padding: 2px 20px 2px 0px; }
.category .content a:visited { text-decoration: underline;} 
.category .categorylink { text-decoration: underline; font-size: 12px; padding: 0px; margin: 0px;}
.category .categorydesc { font-size: 9px; line-height: 10px; clear: both; padding: 0px;}


/* Container */
.Container { margin: 0px; padding: 10px 15px 5px 15px; position: relative; float: left; width: 750px; }
.Container form { border: solid 0px #ccc; padding: 10px;}
.Container input { padding: 2px; font-size: 12px; color: #333;}
.Container select { padding: 1px; font-size: 12px; color: #333;}
.Container input.button { border: outset 2px #ccc; padding: 2px 5px; font-size: 10px; color: #333; font-weight: bold; background: #fff;}

.Container h2 { font-size: 29px; margin: 0px 0px 5px 0px; padding: 0px 0px 8px 0px; border-bottom: solid 1px #ccc; letter-spacing: -1px; font-weight: normal; }
.Container h3 { font-size: 14px; margin: 5px 0px; padding: 5px 0px; border-bottom: 1px solid #ccc; font-weight: bold; letter-spacing: -1px;}
 

/* Container - Categories Directory */
.Container .categories {}
.Container .categories em { font-size: 12px; color: #666; padding: 0px 0px 5px 0px; display: block;}
.Container .categories ol { padding: 0px 0px 0px 25px; margin: 0px 0px 0px 10px; font-size: 12px;}
.Container .categories li { padding: 1px 0px 10px 0px; margin: 0px; }
.Container .categories li a { text-decoration: underline; } 
.Container .categories li a:visited { text-decoration: underline;}
.Container .categories li strong { letter-spacing: -1px;}

.Container .categories h2 { font-size: 24px; line-height: 26px; padding: 5px 0px; margin: 0px 0px 10px 0px; }

.Container .categories .text { color: #666; font-size: 12px; line-height: 14px; padding: 5px 0px;}

/* Container - Most Popular Questions Panel */
.Container .popularQuestions { margin: 0px 0px 15px 0px; clear: both;}
.Container .popularQuestions a { text-decoration: underline; font-size: 12px;} 
.Container .popularQuestions a:visited { text-decoration: underline;} 
.Container .popularQuestions ol { padding: 0px 0px 0px 23px; margin: 0px 0px 0px 10px; }
.Container .popularQuestions li {padding: 3px 0px 3px 0px; margin: 0px;}

/* Container -  Most Recently Updated/Created Questions  Panel */
.Container .recentQuestions { margin: 0px 0px 15px 0px;}
.Container .recentQuestions a { text-decoration: underline; font-size: 12px;} 
.Container .recentQuestions a:visited { text-decoration: underline;} 
.Container .recentQuestions ol { padding: 0px 0px 0px 23px; margin: 0px 0px 0px 10px; }
.Container .recentQuestions li { padding: 3px 0px 3px 0px; margin: 0px;}

/* Container - Most Popular Searches Panel */
.Container .popularSearch { margin: 0px 0px 15px 0px;}
.Container .popularSearch a { text-decoration: underline; font-size: 12px;} 
.Container .popularSearch a:visited { text-decoration: underline;} 
.Container .popularSearch ol {padding: 0px 0px 0px 23px; margin: 0px 0px 0px 10px;}
.Container .popularSearch li {padding: 3px 0px 3px 0px; margin: 0px;}


.SimpleTable { margin-top: 15px;}
.SimpleTable td { padding-right: 20px;}
#SearchResults { margin-top: 15px;}

.InfoList { padding: 0px 0px 0px 16px; margin: 0px 0px 0px 10px;}
.InfoList li {padding: 1px 0px 10px 0px; margin: 0px; }
.InfoList li a { text-decoration: underline; font-size: 12px; font-weight: normal;} 
.InfoList li a:visited { text-decoration: underline;}
.InfoList li strong { letter-spacing: -1px;}
.InfoList .text { color: #666; font-size: 12px; line-height: 14px; padding: 5px 0px;}

.SearchResults  { padding: 0px 0px 0px 16px; margin: 0px 0px 0px 10px; }
.SearchResults li {padding: 1px 0px 10px 0px; margin: 0px; }
.SearchResults li a { text-decoration: underline; font-size: 12px; font-weight: normal;} 
.SearchResults li a:visited { text-decoration: underline;}
.SearchResults li strong { letter-spacing: -1px;}
.SearchResults .text { color: #666; font-size: 12px; line-height: 14px; padding: 5px 0px;}

.NextPrev { background: #f6f6f6; border: solid 1px #f1f1f1; padding: 5px 10px;}
.Required { color:#FF0000; font-size: 10px; font-weight: bold;}

/* Question ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.question { margin: 10px 0px;}
.questionLeft { float: left; width: 550px; border-right: solid 1px #ccc; padding-right: 20px; font-size: 12px; }
.questionLeft h2 { font-size: 24px; line-height: 26px; padding: 5px 0px; margin: 0px 0px 10px 0px; }
.questionLeft h3 { margin-top: 15px; color: #666;}
.questionLeft p { font-size: 12px; line-height: 16px;}

.questionRight { float: right; width: 150px; margin-left: 18px; padding: 0px 10px 10px 0px; }
.questionRight p { padding: 3px 0px; margin: 0px; display: block;}
.questionRight form { padding: 0px; margin: 0px; background: none; border: none;}
.questionRight form input { border: none;}
.questionRight form input.button { border: outset 2px #ccc; padding: 2px 5px; font-size: 10px; color: #333; font-weight: bold; background: #fff;}

/* alphalist ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#alphalist { margin: 10px 0px; }
#alphalist a , #alphalist a.current:hover { font-size: 10px; color: #003366; border: solid 1px #ccc; text-align: center; text-decoration: none; padding: 2px 5px; margin-right: 1px; margin-bottom: 3px; }
#alphalist a:hover, #alphalist a.current {background: #0889CA; border: solid 1px #0889CA; color: #fff;}

.Footer { font-size: 10px; clear: both; padding: 10px 5px; width: 750px; margin: 0 auto; } 
.Footer p { padding: 0px; margin: 0px 10px;} 
.Footer a { color: #999; text-decoration: underline; } 
.Footer a:hover { color: #999; text-decoration: underline;} 

.Spacer { font-size: 10px; clear: both; padding: 10px 5px; } 

#q_crumbs { width: 100%; padding-top: 5px; padding-bottom: 5px; margin-bottom: 10px; background: #f1f3f3; font: normal 11px Verdana, sans-serif; }
#q_crumbs ul { margin-bottom: 5px; margin-top: 5px; margin-left: 30px; background: #f1f3f3; padding: 0px; }

.errorMessage {
	color: red;
}

.dynText {
	width: 100%;
	font-size: 29px; 
	padding: 2px;
	letter-spacing: -1px; 
	font-weight: normal; 
	border: 1px solid #AEAEAE;
}

.qebutton {
	border: solid 1px #ccc; padding: 2px 5px; font-size: 10px; color: #333; background: #fff;	
}

.qebold {
	font-weight: bold;
}

.bSpacing {
	margin-bottom: 6px;
}

.ISSFormat {
	width: 400px;
	height: 180px;
}