/************************    SPECIFIC  *****************/
#page .qlogo { color:#25A230;  }
#page .qlogo span { color:#2580A2;}

span.required {color: red;}

.bordered {
    display:inline-block; padding:5px; border:1px solid #CCC; margin:5px;
}

.header-slider {
    margin:5px auto 0;
    margin:auto;
    border: 1px solid #66A;
    padding:5px; 
    background:#EEE;
    float:left;
}


.header-pix div {
    margin: 10px auto;
    border: 1px solid #66A;
    padding:7px; 
    background:#EEE; 
    display: inline-block;

}


#footer div ul { margin:10px 0 0; padding:0; list-style-type: none;}
#footer p {
        color:white;
        margin:0;
        text-align: center;
}
* html #footer {
        height:1px;
        background: #FFF;
}

#footer a {color:white; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer a {text-decoration:underline;}
#footer ul a {text-decoration:none;}	

/************************    LAYOUT   *****************/

    body,
    html {
            margin:0;
            padding:0;
            color:#222;
            background: #3b4953 url("/img/bg2.jpg") repeat;
            font-family: 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
            font-size:90%;
    }
    #wrapo { background: url("/img/bg1.jpg") repeat-x; 
                margin:0; 
                padding:1px;}
    #wrap {
            margin:10px auto;
            padding:1px;
            background: #134 url('/img/stripe.png');
    }

    #page {
            margin:3px;
            border-right: 1px solid #000;
            border-left: 1px solid #000;
            background:#FFF;
    }
    #header-small {
            padding:5px 10px;
            height: 20px;
            background: #2580A2 url('/img/dotted_bg.png') repeat-x;
            color: #FFF;
    }
    #header {
            padding:5px 10px;
            height: 100px;
            background: #2580A2 url('../img/gradient-gray.png') repeat-x bottom;
            color: #FFF;
    }
    #header h1,#header h2 { color:#FFF; border:0px; }
    #logo { background: #123 url('../img/body.png'); height:55px; }
    #logo img { 
        padding:5px 11px; 
        margin:0 }
  
    #altBox form,#altBox input { margin:0; padding:0; }
    #altBox #searchInput { margin:2px 0 0 10px; border:0; background:#FFF; float:left; display:inline; width:110px;}

    #altBox #searchButton {
        float: right;
        width: 25px;
        height: 22px;
        background: transparent;
        background-image: url("/img/searchBut.png");
        color: transparent; /* Fix for Firefox */
        background-repeat: no-repeat;
        border: 0px solid white;
        margin-top:0.5px;
        outline: none;
    }
    #searchButton:hover { background-position: 0 -22px; }
    #searchButton:active { background-position: 0 -44px; }

    #main {
            padding:1px 20px 10px 10px;
            background:#FFF;
    }
    #main-with-side {
            float:left;
            padding:10px;
            background:#FFF;
    }
    #main img, #main-with-side img {
            text-align: center;
            margin: 10px 10px;
    }
    div.media {  text-align: center;   }

    #sidebar {
        float:right;
        padding:10px;
        background:#DDD;
        border:1px solid #BBF;
    }

    #footer {
            margin: 50px 0 0 0;
            padding:5px 160px;
            border-top: 1px solid #AAA;
            background: #38464F url('/img/body.png');
    }
    #footer div {
        float:left;
        width:170px;
        height:113px;
        padding:5px;
        background: url('/img/footer_bg.png');
        filter: progid:DXImageTransform.Microsoft.gradient(
            startColorstr=#00FFFFFF, endColorstr=#00FFFFFF
        );
    }
	
/************************    GENERIC STYLING   *****************/	

a img {border: none; }
a {
	text-decoration: none;
	color: #2580A2;
	}
a:visited { color:#156082; }
        
        
a:hover, a:active {
	text-decoration: underline;
	color: #25A230;
	}

abbr, acronym {
	border-bottom: 1px dotted #ddd;
	}

h1,h2,h3,h4
{
    color: #2580A2;
    margin:1px;
}

p {margin:4px 40px 12px 3px }
#main p {margin:4px 80px 12px 3px }

h1 {
    font: bold 18pt tahoma, sans-serif;
    border-bottom: 1px solid #666;
    margin: 24px auto 10px;
    }

h2 {
    width:80%;
    font: bold 15pt tahoma, sans-serif;
    border-bottom: 1px solid #666;
    margin: 27px 0 10px;
    }    

h3 {
    font: bold 12pt tahoma, sans-serif;  
    margin: 18px 0 6px;
    }
   
h4
{
    font: bold 12pt tahoma, sans-serif;    
    margin: 14px 0 5px;
}   

table {
    padding:5px;
    border-collapse:collapse; 
    border:1px;
    margin:5px;
    font-size: 90%;
}
td,th { border:1px solid #BBD; padding:1px 9px;}


table .nolines {    border:0; padding:0;}
 .nolines td, .nolines th { border:0; padding:2px;}

input { width:auto; margin:auto;}

input.button { width:auto; }
textArea:focus,input:focus {     background: #DFD; }
textArea { width:90%; min-height:150px; }
fieldset {background: #DDD; }

code { font-size: 14px; }

dl {
    margin:0 auto;
	margin: 1em 0;
	padding: 0;
	border-bottom: 1px solid #999;
}
	
dt {
	clear: left;
	float: left;
	width: 20%;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #999;
}
 dt:after { content: " - "; }	
dd {
	float: left;
	width: 75%;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #999;
}

blockquote {
	margin: 1em 20px;
	padding-left: 50px;
	background: transparent url('../img/quote.gif') no-repeat; }
	
/************************    NAV   *****************/


/************************    SUBNAV   *****************/        
   
#subnav ul {
    margin:3px 0 10px;
    padding:0;
    float: left;
    width: 100%;
}

#subnav li {
    display: inline;
    list-style-type: none;
    padding: 0 10px;
    border-right: 1px solid #2580A2;
}


/************************    SLIDESHOW   *****************/


#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:570px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:570px;
	height:270px;
	display:block;
}


/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:540px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}        

/* a message only advanced users will understand */
.techDetail {
    border:1px solid #EEE;
    color:#333;
}

/************************    TOOLTIP   *****************/

a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:visited { color: #000000; }
#main a.tooltip img { border:0; margin:0; padding:0 0 0 5px; }
        
.tooltip {
        outline: none;
        cursor: help; text-decoration: none;
        position: relative;
}
.tooltip span {
        margin-left: -999em;
        position: absolute;
}
.tooltip:hover span {
        border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
        position: absolute; left: 1em; top: 2em; z-index: 99;
        margin-left: 0; width: 350px;
}
.tooltip:hover em {
        font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
        display: block; padding: 0.2em 0 0.6em 0;
}
.classic { padding: 0.8em 1em; }
.custom { padding: 0.3em 0.5em 0.5em 2em; }
* html a:hover { background: transparent; }
.tooltip .info { background: #9FDAEE; border: 1px solid #2BB0D7;	}

.mbox-classic { border: 1px solid #FFAD33; border-left:10px solid #FFAD33; padding:2px 20px; margin:2px 100px;}
.mbox-critical { border: 1px solid #FF3334;	 border-left:10px solid #FF3334; padding:2px 20px; margin:2px 100px;}
.mbox-help { border: 1px solid #2BB0D7;	 border-left:10px solid #2BB0D7; padding:2px 20px; margin:2px 100px;}
.mbox-info { border: 1px solid #2BB0D7;  border-left:10px solid #2BB0D7; padding:2px 20px; margin:2px 100px;}
.mbox-warning { border: 1px solid #FFAD33;  border-left:10px solid #FFAD33; padding:2px 20px; margin:2px 100px;}

/************************    BOXY   *****************/
.boxy {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #8BC0E7;
}

.qcode-definition {
	overflow: auto;
	width: 80%;
    border: 1px solid #106C00;
    border-width: 1px 1px 1px 10px;
	border-left-color: #106C00;
	margin: 5px 10%;
	margin-left:7%;
}
.qcode-spec	 { 
	padding:3px;
	background:#FF5; }
.qcode-spec  dd, .qcode-spec dt, .qcode-spec dl	 { 
	font-weight: bold;
	padding:0;
	margin:0;
}
.qcode-definition  dl { margin-left:30px; }
.qcode-definition th { text-align:left; width:30%; }
.qcode-definition h4 { margin: 3px 0; }
	
.videoCaption { color:#555; font-size:95% }

.relatedLinks  a[href ^= "http"]:after {
     content: " " url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=);    
}

/* contents listing in tutorials */
.conListing {
	border:1px solid #AAA;
	display: inline-block;
	padding: 2px 5px; 
}

.conListing h4 { margin:2px;}
.conListing ul,.conListing ol { margin:0; }

.shareMe {
  height:0px;
  float:right;
  top:-50px; 
  position:relative;
}

div.author {
	border-top:1px solid #EEE; 
	margin-top:10px;
}
/************************    BUTTON   *****************/


.button,a.button,a.smallButton,.smallButton {
   border-top: 1px solid #009c3c;
   background: #025a24 url(/img/butBack.png);
   background: -webkit-gradient(linear, left top, left bottom, from(#2e8f1f), to(#025a24));
   background: -webkit-linear-gradient(top, #2e8f1f, #025a24);
   background: -moz-linear-gradient(top, #2e8f1f, #025a24);
   background: -ms-linear-gradient(top, #2e8f1f, #025a24);
   background: -o-linear-gradient(top, #2e8f1f, #025a24);
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   border-radius: 12px;
   padding: 5px 11px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 22px;
   text-decoration: none;
   vertical-align: middle;
   display:inline-block;
   margin:5px;
   text-align: center;
   cursor: hand; 
   cursor: pointer; 
   }
     
.button img, #wrap a.button img { vertical-align: middle; margin:0; padding:0; }
  
.button:hover,a.button:hover,a.smallButton:hover,.smallButton:hover {
   background: #026a24;
   color: #EEE;
   }
a.button:active,.button:active,a.smallButton:active,.smallButton:active,
.button:focus,a.button:focus,a.smallButton:focus,.smallButton:focus {
   border-top-color: #025a24;
   background: #025a24;
   }   
       
   a.smallButton,.smallButton {
    font-size: 16px;
    margin:3px;
    padding: 3px 6px;
   }


/************************    drop shadowed effect   *****************/
.dropshadow {
    padding:3px;
    border: 1px solid #AAA;
    -moz-box-shadow: 3px 3px 4px #999; /* Firefox */
    -webkit-box-shadow: 3px 3px 4px #999; /* Safari/Chrome */
    box-shadow: 3px 3px 4px #999; /* Opera and other CSS3 supporting browsers */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
    : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */ 
} 

span.key {border-color:#c0c0c0;border-radius:3px;border-style:solid;border-width:1px 1px 2px;color:#101010;
        font-family:monospace;font-size:1.1em;padding:1px 6px;white-space:nowrap}
		
/************************    coin-slider   *****************/

.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF;}

.cs-title {  width:100%; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }


/************************    LIGHTBOX   *****************/

div.dark_rounded .pp_top .pp_left{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(../img/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(../img/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(../img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_arrow_previous{background:url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(../img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}

div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}



/************************    #breadcrumb   *****************/


#breadcrumb {
    font: 11px Arial, Helvetica, sans-serif;
    background-image:url('../img/bc_bg.gif'); 
    background-repeat:repeat-x;
	height:30px;
    line-height:30px;
    color:#88C;
    border:solid 1px #cacaca;
    width:100%;
    overflow:hidden;
    margin:0;
    padding:0px;
}

#breadcrumb li {
    list-style-type:none;
    padding-left:10px;
	display:inline-block;
	float:left;
}

#breadcrumb a {
	display:inline-block;
    background-image:url('../img/bc_separator.gif'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
    color:#01759A;
	outline:none;
}

.home {
    border:none;
    margin: 7px 0px;
}

#breadcrumb a:hover {
	color:#25A230;
}


/************************    CODEMIRROR   *****************/

.CodeMirror {
  line-height: 1em;
  font-size: monospace;
  font-family: monospace;
  border:1px solid #111;
  background:#FFF;
  color:#111;
  width: 87%;

}

.CodeMirror-scroll {
	  height: auto;
	  min-height:30px;
	overflow-y: hidden;
	overflow-x: auto;
	width: 95%;
}

.CodeMirror-gutter {
  position: absolute; left: 0; top: 0;
  background-color: #DDD;
  border-right: 1px solid #eee;
  min-width: 2em;
  height: 100%;
}
.CodeMirror-gutter-text {
  color: #aaa;
  text-align: right;
  padding: .4em .2em .4em .4em;
}
.CodeMirror-lines {
  padding: .4em;
}

.CodeMirror pre {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border-width: 0; margin: 0; padding: 0; background: transparent;
  font-family: inherit;
  font-size: inherit;
  padding: 0; margin: 0;
  white-space: pre;
  word-wrap: normal;
}

.CodeMirror textarea {
  font-family: inherit !important;
  font-size: inherit !important;
}

.CodeMirror-cursor {
  z-index: 10;
  position: absolute;
  visibility: hidden;
  border-left: 1px solid black !important;
}
.CodeMirror-focused .CodeMirror-cursor {
  visibility: visible;
}

span.CodeMirror-selected {
  background: #ccc !important;
  color: HighlightText !important;
}
.CodeMirror-focused span.CodeMirror-selected {
  background: Highlight !important;
}

.CodeMirror-matchingbracket {
	color: #F62 !important;
	font-size:120%;
	font-weight: bold; 
}
.CodeMirror-nonmatchingbracket {
	color: #0E0 !important;
	font-size:120%;
	font-weight: bold; 
}
/****************************************************************
default keyword etc. apperarance
***************************************************************/

.cm-s-default span.cm-keyword {color: #708;}
.cm-s-default span.cm-atom {color: #219;}
.cm-s-default span.cm-number {color: #164;}
.cm-s-default span.cm-def {color: #00f;}
.cm-s-default span.cm-variable {color: black;}
.cm-s-default span.cm-variable-2 {color: #05a;}
.cm-s-default span.cm-variable-3 {color: #0a5;}
.cm-s-default span.cm-property {color: black;}
.cm-s-default span.cm-operator {color: black;}
.cm-s-default span.cm-comment {color: #a50;}
.cm-s-default span.cm-string {color: #a11;}
.cm-s-default span.cm-meta {color: #555;}
.cm-s-default span.cm-error {color: #f00;}
.cm-s-default span.cm-qualifier {color: #555;}
.cm-s-default span.cm-builtin {color: #30a;}
.cm-s-default span.cm-bracket {color: #cc7;}
.cm-s-default span.cm-tag {color: #170;}
.cm-s-default span.cm-attribute {color: #00c;}


/****************************************************************
bbpress
***************************************************************/
#primary-content-single  a { text-decoration:underline; } 


/****************************************************************
online kdb training section
***************************************************************/

.modListing { width:96% }
#main .modListing img { padding:0; margin:0;}
.faded {color:#888;}
